/*
Theme Name: CheenaChatti
Theme URI: http://underscores.me/
Author: Team Webgalli
Author URI: http://webgalli.com
Description: Custom theme for cheenachatti.com
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cheenachatti
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	font-size:100%;
	padding:0;
	border:0;
	margin:0;
	vertical-align:baseline
}
body{}
ol,ul{}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin:0 auto; text-align:center;}
.clear{clear:both}
.sticky{}
.bypostauthor{}
.wp-caption{margin: 20px 0 20px 20px;}
p.wp-caption-text{text-align:center;}
.gallery-caption{}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


/***********REUSABLE **************/
.float{float:left;}
.float-alt{float:right;}
.hidden { display : none;}
.oauto {overflow:hidden;}

.infoBoxIcon {
	float:left;
	margin:9px 20px 0 0;
}
.infoBoxText{
	margin-left:120px;
}

.borderImg {
  outline: 1px solid white;
  outline-offset: -6px;
}

.col1of2 {
	width:50%;
}
.col1of3 {
	width:33%;
}
.col1of4{
	width:25%;
}
.col3of4{
	width:75%;
}
p.notification {
    padding: 20px;
    background: #FFC107;
    margin: 20px 0;
}

.inner  {
	max-width:1340px;
	width:100%;
	margin:0 auto;
}

.button, .entrybutton a{text-align: center;padding: 5px 10px;background: #0069d6;color: #fff;cursor: pointer;font-size: 18px;line-height: 33px;box-sizing: border-box;margin: 5px 0;}

#accordion-container {background: #ffffff;padding: 5px 0px;}
.accordion-header { background: #ebebeb;margin: 5px 0 0 0;padding: 10px 25px;cursor: pointer;font-weight:bold;}
.active-header {	background: url(img/theme/active-header.gif) #cef98d;background-repeat: no-repeat;	background-position: right 50%;}
.active-header:hover {	background: url(img/theme/active-header.gif) #c6f089;	background-repeat: no-repeat;	background-position: right 50%;}
.inactive-header {	background: url(img/theme/inactive-header.gif) #ebebeb;background-repeat: no-repeat;background-position: right 50%;}
.inactive-header:hover {	background: url(img/theme/inactive-header.gif) #f5f5f5;	background-repeat: no-repeat;	background-position: right 50%;}
.accordion-content {display: none;	padding: 10px 25px;	background: #ffffff;}

/***************************
			THEME
***************************/

/******** TYPORAPHY ********/
body, button, input, select {
    padding: 0;
    margin: 0;
    background: #ffffff;
	color: #191919;
	font-family: 'Fira Sans', sans-serif;
	font-size: 18px;
    line-height: 33px;	
}
p {
    margin: 0 0 10px;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
	margin: 30px 0 40px;
}
	h1 {
		font-size:30px;
		margin: 10px 0 40px;
	}
	h2 {
		font-size:26px;
	}
	h3 {
		font-size:24px;
	}
	h4 {
		font-size:22px;
	}
a {color:#0069d6;text-decoration:none;}
/**********LAYOUT*******/
.systemMessage {position:fixed;top:0px;display:none;width: 100%;z-index: 999;cursor:pointer;}
.errorMessage {background:#f40101;color:#fff;padding:15px;}
.successMessage {background:#0069d6;color:#fff;padding:15px;}
	
#branding {
    padding: 40px 0 20px;
	z-index:2;
}
	#site-title h1{
		margin:0px;
	}
		.logo {
			margin-right:20px;
		}
		.headerAd{
			text-align:right;
		}

#content {width: 100%;float: left;margin-right: -376px;}
#mainContent{margin-right: 376px;}
#sidebar {width: 336px;float: right;}
	
	.sidebarBlock {
		margin:25px 0 30px;
	}
	.sidebarBlock h3{
		padding: 10px 0;
		margin: 0px;
	}
	.welcome {
		background:#f6f2ef;
		margin-top:70px;
	}
	.welcome p{
		padding:20px;
	}
	.welcome h3{
		background:#0069d6;
		color:#fff;
	}
	.subscribe {
		background: #EFF4F7;
		padding: 20px 20px;	
		border:1px solid #0069d6;
	}
	.subscribe form{
		margin: 0 0px 20px;
	}
	.social img{
		border-radius: 42px;
		margin: 10px 3px;
	}
.subfooter{
	background: #efefef;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
	margin-top: 50px;
}	
	.chefphotos{
		margin: 0 10px 10px 0;
		border-radius: 60px;
		border: 3px solid #fff;
	}
#footer p{
	margin-right:50px;
	text-align:justify;
}	
	#footer h3{
		margin:50px 10px 20px 0;
	}
	#footer ul {
		list-style:none;
		margin-right:20px;
	}
	#copyright{
		border-top: 1px solid #dedede;
		padding: 30px 10px;
		font-size:16px;
		margin-top:30px;
	}
		#copyright img{
			background: #222555;
			padding: 5px 20px 15px;
			border-radius: 5px;	
		}
		
		/* The original Css can be found at http://pgwjs.com/pgwmodal/ */
		body.pgwModalOpen {
			overflow: hidden
		}
		#pgwModalBackdrop {
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 9000
		}
		#pgwModal {
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 9010;
			overflow-x: auto;
			overflow-y: scroll;
			text-align: center
		}
		#pgwModal .pm-body {
			display: inline-block;
			max-width: 1000px;
			min-width: 300px;
			position: relative;
			width: 100%;
			z-index: 9020;
		}
		.pgwModalBackdrop {
			background: #000;
			opacity: .9;
			filter: alpha(opacity=90)
		}
		.pgwModal .pm-content {
			text-align: left
		}
		.pgwModal .pm-close {
			cursor: pointer;
			position: absolute;
			top: 0px;
			right: 0px;
			padding: 0px 10px;
			background: #e7e7e7;
			font-size: 26px;
		}
/*********** NAVIGATION ***************/
#navigation {
	text-align: center;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    position: relative;	
}
	.highResNavLinks {display:block;margin-top: 10px;font-size: 16px;}
	.lowResNavLinks {display:none;}
	
	.menu ul { 
		padding: 0px;
		margin: 0px;
		list-style: none;
		position: relative;
		text-align: left;
	}
		.menu > li > ul.sub-menu {
			min-width: 10em;
			padding: 4px 0;
			border: 1px solid #0069d6;
		}
		.menu ul li { padding: 0px; }
		.menu > ul > li { display: inline-block;}
		.menu ul li a { display: block; text-decoration: none; color: #0069d6; }
		.menu ul li > a { padding: 10px 10px;font-size: 16px;text-transform: capitalize;}
		.menu ul ul { 
			display: none; 
			position: absolute; 
			top:100%;
			min-width: 180px;
			background-color: #fff;
			border: 1px solid #dedede;
			border-bottom:none;
			z-index:999;
			margin-left:-1px;
		}
		.menu ul li:hover > ul {display: none;}
		.menu ul ul > li { position: relative; }
		.menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: #fff; border-bottom: 1px solid #dedede;}
		.menu ul ul > li a:hover { color: #0069d6; }
		.menu ul ul ul { position: absolute; left: 100%; top:0; }
		.menu ul li.has-submenu > a:after {
		   border: 5px solid transparent; 
		   border-bottom: none;  
		   border-top-color: #0069d6;   
		   content: ''; 
		   vertical-align: middle;
		   display: inline-block;
		   position: relative;
		   right: -5px; 
		}		
		
	.searchform .inlineFieldButton {width:33%;max-width:330px;}
		#search .inner {position:relative;}
		.searchform{display:none;width: 100%;border: 1px solid #dedede;padding: 10px;background: #dedded;text-align: center;
					-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
					-moz-box-sizing: border-box;    /* Firefox, other Gecko */
					box-sizing: border-box;         /* Opera/IE 8+ */
					}
		
#breadcrumbs {
	margin:0px 0 10px;
	font-size: 16px;
    color: #787777;
}

.pagination {
	margin: 40px 0 10px;
}
	.pagination .current, a.page-numbers {
		color: #0815ed;
		border: 1px solid #0815ed;
		padding: 10px 15px;
		background: #fff;
	}

	.pagination .current, a.page-numbers:hover {
		color:#fff;
		border:1px solid #0815ed;
		background:#0815ed;
	}
	
/******** POST ****************/
.sharethis-inline-share-buttons{
	margin:5px 0 30px 0;
}
.entry p {
    margin-bottom: 28px;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    margin-bottom: 30px;
}
.entry ul {
    list-style-type: disc;
    margin: 0 0 10px 30px;
}
	.featuredImage {
		margin-bottom:20px;
	}
	.ingredients_Meta{
		float: right;	
		min-width: 366px;
		width: 366px;
	}
		.recipeMeta, .ingredients {
			margin: 0px 0 30px 30px;
			padding: 30px 30px 15px;
			background-color: #fff59c;
		}
			.ingredients > h3, .directions > h3 {
				font-size: 20px;
				font-weight: bold;
				text-transform: uppercase;
				margin: 0 0 20px;
			}
			.ingredients > ul, .ingredients > ul > li {
				margin:0px;
			}
			.recipeMeta div, .ingredients > ul > li {
				padding: 0 0 5px;
				margin: 0 0 5px;
				border-bottom: 1px solid #e9e5c9;
				position: relative;
				list-style: none;
			}
			.dictionarylink {
				margin-top:20px;
			}
	ol.directions {
		list-style: none;
		counter-reset: count;
		margin: 0;
	}
		ol.directions > li {
			list-style: none;
			line-height: 30px;	
			position: relative;
			min-height: 44px;
			padding-left: 40px;
			margin: 0 0 30px;
		}
		ol.directions > li:before {
			counter-increment: count;
			content: counter(count);
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			font-size: 24px;
			font-weight: bold;
			text-transform: uppercase;
			width: 35px;
			vertical-align: middle;
			padding: 0;
			margin-right: 20px;
		}
		.entrybutton {
			margin-top:30px;
			text-align:center;
		}
		.entrybutton a{
			padding:15px 20px;
		}
	.ourAuthors {
		padding:0px 0 20px;
	}
	.ourmenu {
		margin-left:20px
	}
	.ourmenu li {
		border-bottom: 1px solid #ddd;
		padding: 10px 0;
		font-size: 20px;
	}	
	ul.mailListUnsubscribe {
		list-style:none;
	}
.postListing {
	border-bottom:1px solid #ddd;
	padding:0px 0 20px;
}	
	h2.entry-title{
		margin-bottom:20px;
	}
	.postListing .wp-post-image{
		margin-top:10px;
	}
	.postListing .infoBoxText {
		margin-left: 170px;
		text-align:justify;
	}
	.postListing p.postmeta {
		font-size: 16px;
		color: #767575;
		margin: 0;	
	}	
.primaryTagPosts {
	background: #b4d9ef;
	padding: 20px 30px 40px;
	margin-bottom:30px;
}
.post_meta {
	border-top:2px solid #0069d6;
	padding:20px 0;
	font-size:16px;
}
.authorBio {
	border-bottom:2px solid #0069d6;
	padding:0px 0 20px;
}
.post_image_block {
	width:22%;
	float:left;
}
	.col1 {
		margin-right:3%;
	}
	.col2, .col3 {
		margin-right:1.5%;
		margin-left:1.5%;
	}
	.col4 {
		margin-left:3%;
	}
.recipeTermsDiv ul {
    max-height: 180px;
    height: 180px;
    overflow-y: scroll;
    padding: 20px 30px;
    background: #fff;
    margin: 10px 0 20px 0px;
	font-size:16px;
	color: #666;
}
/** Amazon**/
#amazon_search-bar input, select { width: 150px; padding: 10px;}
#amazon_search-bar select { width: 100px !important;}
#amazon_search-link { font-weight: bold; margin-left: 10px;}
#amazon_moreResults {margin: 20px auto;width: 250px;}	

.amazonProduct  {padding:20px 0 15px;border-bottom:1px solid #dddddd;}
.amazonText {margin-left:220px;}
.amazonText ul {margin:0 0 20px 20px;}
.amazonText ul li {margin-bottom:5px;}
.amazonProductLink {margin: 10px 0;}
span.price {padding: 5px 20px;background: #0069d6;}
a.amazonMoreInfo {padding: 5px 20px;background: #0069d6;color: #fff;margin: 0 0 0 -10px; border-left: 1px solid;}
/*************** COMMENTS***************/
ul.comments-list {
	margin:60px 0 0px 0;
	list-style:none;
}
	.comments-area h3{
		margin: 10px 0 20px 0;
	}
	.comment {
		list-style:none;
		padding: 10px 0 20px;
	}
	ul.comments-list ul.children {
		margin:0px 0 0px 120px;
	}
	.dynamicIcon {
		width:96px;
		height:96px;
		background:red;
		color:#fff;
		font-size:42px;
		line-height: 96px;
	}
	.commentMeta {
		margin-bottom:10px;
		line-height:28px;
	}
	.commentTime {
		font-size:16px;
		color: #8c8b8b;
	}
	.commentField {margin:10px 0;}
	#cancel-comment-reply-link {
		margin-top:30px;
		float:right;
	}
	.authenticate {
		padding: 10px 15px 15px 32px;
		color: #fff;
	}
	.authentication .facebook {
		background: #3b5998 url(img/icons/32-facebook.png) no-repeat 0px 5px;
	}	
	.authentication .guest {
		background: #bcbcbc;
		color: #2e2e2e;
		padding-left: 10px;
	}	
	.comment-reply-link, #cancel-comment-reply-link {
		padding: 2px 8px;
		border-radius: 2px;
	}
	.comment-reply-link {
		background: #0069d6;
		color: #fff;	
	}
	#cancel-comment-reply-link {
		background: #bcbcbc;
		color: #2e2e2e;	
	}
/**************FORMS****************/
form.ajaxForm {position: relative;overflow: hidden;}
.ajaxOverLay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;background: #fff url(img/theme/ajax-loader.gif) no-repeat center center;}
.formWrapper {
	background:#EFF4F7;
	padding:30px;
	margin-top: 20px;
}
	input, textarea {
		border: 1px solid #C6D1D6; 
		color: #666; 
		padding: 10px;
		width: 100%;
		font-family: 'Fira Sans', sans-serif;
		font-size: 18px;	
		line-height: 33px;	
		box-sizing: border-box;	
		margin:5px 0;
	}
	input[type=text]:focus, textarea:focus { border: solid 1px #1b52b2;background: #e4ecf5;color:#333;outline:none;}
	button, input[type="submit"] {
		width:auto;
		padding: 10px;
		color:#fff;
		background:#0069d6;
		border-color:#0069d6;
		cursor:pointer;
	}
	input[type="checkbox"]{
		vertical-align:middle;
		width:20px;
	}	
	input[type="text"]:disabled{background-color:#ddd;}
	.inlineFieldInput {
		max-width: 65%;
		width: 65%;
	}	
	.inlineFieldButton {
		max-width: 35%;
		width: 35%;		
		color: #fff;
	}
	
.table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
}
.tr {
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	padding: 5px;
	overflow:auto;	
}
.th, .td {
	padding: 10px 0;
	width:25%;
	float:left;
}
.th {
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align:left;
    font-weight: bold;
}

img.wp-smiley, img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
.ads {
    background: #eee;
}
.adheader{
	text-align:right;
}
.adContentFooter {
	margin:20px 0 40px;
}

/**************** MEDIA QUERY ************/
@media screen and (max-width: 1400px) {
	body{padding:0 15px;}
}
@media screen and (max-width: 1200px) {
	#branding {padding: 20px 0 40px;	}
	#header .col1of4 {width:100%;float:none;padding: 0px 0 10px;
		-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
		-webkit-background-clip: padding-box;
		background-clip: padding-box;	
	}
	#header .col3of4 {width:100%;margin-top:20px;}
	.logo {float:left;}

	.adheader  {text-align:center;padding: 25px 0 15px;}
	.highResNavLinks {display:none;}
	.lowResNavLinks {display:block;margin-top:25px;}
	
	.lowResNavLinks a {color: #fff;text-decoration: none;padding: 7px 20px 8px; text-align: center;margin: 0px 0 20px 0;}
	.lowResNavLinks a.menu-link {background-color: #333;}
	.lowResNavLinks a.search-link {background-color: #464;}
		
	#navigation {position: fixed;top: 0px;left: 0px;width:320px; max-width: 300px;background: #0069d6;z-index: 6;height:100%;overflow-y:scroll;display:none;padding:20px 0;}
	.menu ul {float:none;}
	.menu > ul > li {display: block;border-bottom:1px solid #489bf1;}
	.menu ul li a {color: #fff;padding-left:20px;font-weight:normal;}
	.menu ul li:hover > ul { display: none; }
	.menu ul ul {display: none;position: relative;border:none;}
	.menu ul ul > li a {background-color: #111;border-bottom: 1px solid #489bf1;padding-left: 40px;}
	.menu ul li.has-submenu > a:after {border-top-color: #fff;}
}
	
@media screen and (max-width: 1024px) {
	#content, #mainContent {margin:0px;float:none;}
	#sidebar {width: 100%;float: none;}	
	
	#footer .col1of2{
		width:100%;
	}
	#footer p {
		margin-right: 0px;
	}	
}

@media screen and (max-width: 768px ) {
	.ingredients_Meta{
		float: none;	
		min-width: 100%;
		width: 100%;
	}
	.recipeMeta, .ingredients {
		margin-left:0px;
	}	
	.table {
		border: 0;
	}
	.thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: 10px;
	}  
	.th, .td {
		padding: 10px 0;
		width:100%;
		float:none;
	}
	.td {
		border-bottom: 1px solid #ddd;
		display: block;
		text-align: right;
	}
	.td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}
	.td:last-child {
		border-bottom: 0;
	}
}	

@media only screen and (max-width: 700px) {
	.relatedposts  .col1, .relatedposts  .col4 {	
		display:none;
	}
	.relatedposts  .col2, .relatedposts  .col3{	
		width:45%;
	}
	.relatedposts  .col2 {
		margin-right:5%;
		margin-left:0;
	}
	.relatedposts  .col3 {
		margin-right:0;
		margin-left:5%;
	}
	#footer .col1of3{
		width:100%;
		text-align:center;
	}
	ul.comments-list ul.children {
		margin: 0px;
	}	
}
@media only screen and (max-width: 560px) {
	.logoimg {max-width:190px; height:auto;}
	.lowResNavLinks{margin-top: 15px;}
}
@media only screen and (max-width: 450px) {
	#header .col1of4 {text-align: center;}
	.logoimg {max-width:120px; height:auto;}
	.lowResNavLinks{margin-top: 0px;}
}

img.resimg{
	width:100%;
	height:auto;
}	
@media \0screen {
	img.resimg{ 
		width: auto; /* for ie 8 */
	}
}