
/** Google Fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

/**
======================================
	WordPress required classes.
======================================
*/

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.alignleft {
	float: left; 
}

.alignright {
	float: right; 
}

img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

img.alignnone {
    margin: 5px 20px 20px 0;
}

img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption,
.wp-caption-text,
.gallery-caption {
	max-width: 100%;
	font-style: italic; 
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 5px 0 0;
    padding: 0 4px 5px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;  
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

:before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

/*Place Holder Text Color*/
::-webkit-input-placeholder { opacity: 1; color: #333333; } /* gray80 */
:-moz-placeholder           { opacity: 1; color: #333333; } /* Firefox 18- (one color)*/
::-moz-placeholder          { opacity: 1; color: #333333; } /* Firefox 19+ (double colons) */
:-ms-input-placeholder      { opacity: 1; color: #333333; }




/**
======================================
	1.0 - General Styles.
======================================
*/
html {
	-webkit-tap-highlight-color: transparent; 
}

body {
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.2em;
	color: #333;
	background: #fff; 
}

a {
	color: #84BE1E;
	text-decoration: none;
	transition: all 0.5s ease-in;  
}

a:hover, a:focus {
	color: #7BB812;
	text-decoration: none;	 
}

a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px; 
}

figure {
	margin: 0;
}

img {
	max-width: 100% !important;
	vertical-align: middle; 
}

hr {
	border-top:2px dotted #3e3e3d;
}

.img-responsive, img[class*="wp-image-"],
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail, .entry-header img, .entry-content img, .entry-thumbnail img, .widget img, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: auto;
}

p {
	padding-bottom: 21px;
	margin: 0px;
	font: 400 14px/1.7em 'Open Sans';
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans';
	font-weight: 600;
	margin: 0;
	line-height: 1.5em;
}

h1 {font-size: 42px;}
h2 {font-size: 36px;}
h3 {font-size: 30px;}
h4 {font-size: 24px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}




/**
======================================
	2.0 - Header Styles.
======================================
*/
.theme-header {
	width: 100%;
	margin: 21px 0;
}
.site-logo {

}

.logo-subtitle {
	margin-top: 84px;
}

.theme-container {
	margin: 0 auto;
	padding: 50px 0;
}

.hero-image-mobile {
	display: none;
}

.red-stripe {
	width: 100%;
	height: 5px;
	background: #dd4417;
}



/**
======================================
	3.0 - Home.
======================================
*/

#home-content {
	margin: 0 auto;
}

.category-title {
	margin-bottom: 14px;
}

.category-title h3, .home-widget-center h3, .home-widget-right h3{
	text-transform: uppercase;
	color: #dda11f;
}

.full-story-link {
	display:block;
	margin-bottom: 56px;
}

.full-story-link a {
	color: #da3301;
	font-weight: 600;
}

.home-widget-center .widget-title, .home-widget-right .widget-title {
	margin-bottom: 14px;
}
.home-widget-center .widget {
	margin-bottom: 56px;
}
.screen-reader-text {display:none;}

.home-widget-center .widget_categories, .left-sidebar .widget_categories {	
	background: #dda11f;
	padding: 10px 20px;
	margin-bottom: 14px;
}

.home-widget-center .widget_youtube_responsive {
	margin-bottom: 14px;
}

.home-widget-center .widget_categories h3, .left-sidebar .widget_categories h5 {
	font-size: 22px;
	color: #fff;
	margin-bottom: 0;
}

.left-sidebar .widget_categories h5 {
	font-size: 16px;
	padding-left: 7px;
}

.home-widget-center .widget_categories .postform, .left-sidebar .widget_categories .postform {
	font-weight: 600;
	background: transparent;
	border: none;
	color: #fff;
}

.left-sidebar .widget_categories .postform {
	font-size: 14px;
}

.left-sidebar .widget_categories {
	padding: 2px 0px;
}

.home-widget-center .widget_categories .postform option, .left-sidebar .widget_categories .postform option {
	color: #000; 
	font-size: 16px !important;
}

.home-recipe {
	border-top: 5px solid #dd4417;
	padding: 28px 0 0;
}

.home-recipe .category-title h3, .all-category-link {
	margin-bottom: 42px;
	color: #7dbe1a;
}

/*Recipe List*/
.recipe-list{
	list-style-type: none;
	margin: 0px;
	padding: 0px;	
}

.recipe-list li{
	float: left;
	padding: 0px 20px 20px 0;
	position: relative;
	overflow: hidden;
}

.recipe-list img {
	width: 265px;
	height: 190px;
	margin: 0px;
	padding: 0px;
	float: left;
	z-index: 4;
}

.recipe-list .caption{
	cursor: pointer;
	position: absolute;
	opacity: 1;
	-webkit-transition:all 0.45s ease-in-out;
	-moz-transition:all 0.45s ease-in-out;
	-o-transition:all 0.45s ease-in-out;
	-ms-transition:all 0.45s ease-in-out;
	transition:all 0.45s ease-in-out;

}

.recipe-list .caption-text{
	z-index: 10;
	color: #fff;
	position: absolute;
	width: 265px;
	height: 190px;
	text-align: center;
	top:80px;
}

.recipe-list .caption-text .post-title {
	background: rgba(249, 195, 79, 0.7);
	padding: 7px 0;
	transition: all 0.5s ease-in;
}

.recipe-list .caption-text .post-title:hover {
	background: #F9C34F;
}

.recipe-list .caption-text a {
	color: #fff;
	font-weight: 600;
}




/**
======================================
	4.0 - Footer Styles.
======================================
*/

.site-footer {
	background: #5d1a06 ;
	padding: 21px 0;
}

.site-footer p, .site-footer a {
	color: #fff;
	padding-bottom: 0;
}




/**
======================================
5.0	IMD - Button Styles.
======================================
*/
.btn {
	border-radius: 0;
	border: 0;
	font: 400 18px "Open Sans";
	padding: 5px 20px;
	text-align: center;
	cursor: pointer;
	color: #fff;
}

.btn-full {
	width: 100%;
	text-align: left;
	font: 600 22px "Open Sans" !important;
	padding: 12px 35px;
}

.btn-sidebar {
	width: 100%;
	text-align: left;
	font: 600 14px "Open Sans" !important;
	padding: 5px 12px;
}

.btn-big {
	font-size: 20px;
	padding: 5px 40px !important;
}

.btn-small {
	font-size: 14px !important;
	padding: 4px 18px !important;
}

a.btn  {
	color: #fff;
}

a.btn:hover {
	color: #e4e4e4;
}

a.btn-yellow {	
	background: #fff500;
	border-bottom: 2px solid #ffd200;
	-webkit-box-shadow: inset 0 -2px #ffd200;
	box-shadow: inset 0 -2px #ffd200;
	transition: all 0.5s ease-in;
}

a.btn-yellow:hover {
	background: #fffcab;
	border-bottom: 2px solid #efeb79;
	-webkit-box-shadow: inset 0 -2px #efeb79;
	box-shadow: inset 0 -2px #efeb79;
}

a.btn-green {	
	background: #7dbe1a;
	border-bottom: 2px solid #73a68b;
	transition: all 0.5s ease-in;
	
}

a.btn-green:hover {
	background: #61970f;
	border-bottom: 2px solid #6a9a81;
}

a.btn-blue {	
	background: #0756a5;
	border-bottom: 2px solid #044383;
	transition: all 0.5s ease-in;
}

a.btn-blue:hover {
	background: #3983ce;
	border-bottom: 2px solid #306ba7;
}



/*Extra*/
.container-404 {
	text-align:center;
	margin: 42px 0;
}

.container-404 .searchform {
	margin: 21px auto;
	width: 50%;
}




/**
======================================
6.0	IMD - WordPress Theme Core Styles.
======================================
*/

.main-content {
	margin-bottom: 35px;
}

.main-content article {
	padding-bottom: 35px;
}

.entry-header h2, .entry-header h3 {
	margin: 0;
	color: #e0a11e;
}

.page-content {
	padding: 0 21px;
}

.entry-header p {
	padding-bottom: 0;
}

.entry-content {
	margin-top: 21px;
}

.index-content {
	margin-bottom: 70px;
}

.index-excerpt {
	margin-bottom: 28px;
}

.index-excerpt p {
	padding-bottom: 0;
}

.index-thumb {
	margin: 7px 0;
}

.index-thumb img, .cat-thumb img {
	  border: 5px solid #f1f1f1;
}

.page-content .entry-content h1,
.page-content .entry-content h2,
.page-content .entry-content h3,
.page-content .entry-content h4,
.page-content .entry-content h5,
.page-content .entry-content h6 {
	margin-bottom: 14px;
}

h2.archive-title {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 21px;
}

ul.cat-list h5{
	color: #7dbe1a;
}

ul.cat-list li i {
	color: #7dbe1a;
}

.post-navigation {
	margin-bottom: 14px;
}

/*Page List*/
.entry-content ul, .entry-content ol {
	margin-left: 21px;
}
.entry-content ul li, .entry-content ol li {
	padding: 4px;
}
.entry-content ol li {
	list-style: decimal;	
}
.entry-content ul li {
	list-style: disc;
}



/*Read More*/
.readmore-rarr {margin:7px 0 0 21px;padding:2px 7px;font-size: 13px;background: #fdf8de;}


/*Pagenav*/ 
.page-nav li {
	background: #fdf8de;
	padding: 5px 14px;
}

.page-nav .previous{
	margin-right: 14px;
}

.page-nav .previous i {
	margin-right: 5px;
}

.page-nav .next i {
	margin-left: 5px;
}



/*Meta*/
.entry-meta {
	display: block;
	font-size: 13px;
}
.entry-meta li {
	padding-bottom: 7px;
}
.list-inline {
	margin-left: 0px;
}
.list-inline>li {
	padding-left: 0px;
}


/*Sidebar*/
.home-widget-right {padding-left: 35px;}
.left-sidebar {padding-right: 14px;padding-top: 7px;}
.right-sidebar {padding-left: 35px;padding-top: 7px;}
.widget_categories li,
.widget_recent_entries li,
.widget_archive li,
.widget_recent_comments li,
.widget_product_categories li,
.widget_layered_nav li,
.widget-recent-posts-icons li { padding: 3px 0;border-bottom: 1px solid #cfcbb6;}
.widget_categories li:last-child,
.widget_recent_entries li:last-child,
.widget_archive li:last-child,
.widget_recent_comments li:last-child,
.widget_product_categories li:last-child,
.widget_layered_nav li:last-child,
.widget-recent-posts-icons li:last-child {border-bottom: none;}
.widget li { padding: 4px 0;}
.widget-title {margin: 0 0 7px;}
.widget {margin-bottom: 35px;}
.widget a, .sidebar .widget p, .footerWidget a, .footerWidget p {font-size: 13px;}




/*widget icons*/
.widget_archive a:before,
.widget_recent_entries a:before,
.widget_categories a:before { margin-right: 10px; font-family: "FontAwesome"; color: #454545; display:inline-block; font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; }
.widget_archive a:before { content: "\f016"; }
.widget_recent_entries a:before { content: "\f0f6"; }
.widget_categories a:before { content: "\f114"; }




/*tagcloud widget*/
.tagcloud a { display: block; font-size: 11px !important; line-height: 1.2em !important; float: left; padding: 5px 8px; margin: 0 5px 5px 0; border: 0;color: #555; background: #fdf8de; cursor: pointer; }
.tagcloud a:hover { text-decoration: none; background: #6a9a81;color: #fff; }




/*Forms*/
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea, select { background: #f8e9cd;color: #333;height: 30px;line-height: 15px;width: 100%;padding: 0px 0px 0px 10px;margin-top: 2px;border: 1px solid #E5E5E5;outline: 0;font: 600 14px "Open Sans";}
textarea {height: 80px;}
input[type="submit"] {background: #7dbe1a !important;color: #fff;padding: 5px 21px;border: none;font: 600 14px "Open Sans";text-transform:uppercase;cursor: pointer;margin-top: 5px;transition: all 0.3s ease-in;}
input[type="submit"]:hover{background: #609908 !important;color: #fff;}




/*search input*/
.searchform input { width: 100%; background: #f8e9cd url("../images/search.png") no-repeat; background-position: 90%; padding: 5px 10px; color: #000; font-size: 14px;border:none;  height: 40px;}
.searchform input:focus, .home-widget-center .widget_categories .postform:focus {border: none;outline: 0;}




/*Comment Form*/
#comments { margin-top: 40px; }
#comments p { text-align: left; font-size: 12px;}
#comments.empty-closed-comments { display: none; }
#comments .comments-title { font-size: 20px; margin: 0 0 20px; padding-bottom: 5px;}
.comment-notes { color: #666; }
.comment-body {background: #eee; padding: 21px;margin-bottom:21px;}
#comments .children .comment-body { margin-left: 30px; background: #ddd;}
.comment-author { width: 150px;padding: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  font-size: 13px; color: #000; color: #18453B; font-weight: bold;}
.comment-author .avatar { display: block; margin-bottom: 7px; }
.comment-author img {border: 3px solid #7dbe1a;border-radius: 100%;height: 44px;width: 44px;}
.comment-details { position: relative; margin-bottom: 25px; padding-bottom: 25px; margin-left: 80px; border-bottom: 1px dashed #ddd; }
.comment-meta { margin-bottom: 14px;}
.comment-meta a{ font-size: 11px; padding: 3px;}
#comments .reply a {background: #7dbe1a; padding: 4px 14px;color: #fff;transition: all 0.3s ease-in;}
#comments .reply a:hover {background: #609908;}
#cancel-comment-reply-link { display: block; color: #F00 !important; cursor: pointer; font-size: 12px; }
#cancel-comment-reply-link:hover { text-decoration: underline }
.logged-in-as { font-size: 11px; margin: 0 0 10px; }
p.comment-notes { font-size: 12px; margin: 5px 0 0; }
#respond { margin: 0 0 25px }
#respond h3 { font-size: 16px; margin: 30px 0 0;}
.comment-form-author,
.comment-form-email,
.comment-form-website,
.comment-form-comment,
.comment-form-url { margin: 0 0 10px }
.comment-form-author input,
.comment-form-author input,
.comment-form-email input,
.comment-form-website input,
.comment-form-comment input,
.comment-form-url input { width: 50%; }
#commentform label { display: block; }
#commentform #submit { float: none }
.comment-navigation { font-size: 12px }
.nav-next { text-align: right }
.form-allowed-tags { display: none }
span.required { color: #F00; font-size: 9px; position: relative; top: -4px; }
.no-comments { text-align: right }
.no-comments i { margin-right: 8px }




/*Override Plugin's Style*/
.es_textbox_class {height: 34px !important;}
.es_button input[type="button"] {display: block;background: #da3301;padding: 5px 20px;font: 600 14px "Open Sans";border: none;outline: 0;color: #fff;}
.es_button input[type="button"]:hover {color: #eee;}
.elp-widget h3, .elp-widget h5 {color:#da3301;}
.es_caption {font: 400 16px "Open Sans";}
.right-sidebar .es_caption {font: 400 14px "Open Sans";}
.right-sidebar .es_textbox_class {height: 30px !important;width: 100% !important;}

ul.cnss-social-icon li {padding-right: 7px;}
ul.cnss-social-icon li:last-child {padding-right: 0;}

/**
======================================
7.0- Responsive Styles.
======================================
*/

@media (min-width: 992px) and (max-width: 1199px) {

h1 {font-size: 42px;} 
h2, .hero-intro h2 {font-size: 32px;}
h3, .latest-left h3 {font-size: 26px;}
h4 {font-size: 24px;}
h5 {font-size: 16px;}
h6 {font-size: 15px;}
p {font-size: 14px;padding-bottom:14px;}
.logo-subtitle {margin-top: 70px;}
.recipe-list img, .recipe-list .caption-text {width: 215px;height: 170px;}
.recipe-list .caption-text {top: 70px;}
.home-widget-center .widget_categories .postform {font-size: 14px;}
.home-widget-center .widget_categories {padding: 5px 5px;}
.home-widget-center .widget {margin-bottom: 42px;}
.home-widget-center .widget_categories {margin-bottom: 14px;}
.fetured-recipe-thumb img {width: 270px;height: 175px;}
.left-sidebar {padding-right: 7px;}
.right-sidebar {padding-left: 7px;}
.searchform input {font-size: 12px;}
.left-sidebar .widget_categories .postform, .btn-sidebar {font-size: 10px;}

	
}



@media (min-width: 768px) and (max-width: 991px) {

h1 {font-size: 30px;} 
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 15px;}
p {font-size: 13px;padding-bottom:14px;}
.readmore-rarr {margin-left: 0;}
.logo-subtitle {display: none;}
.recipe-list li {margin-bottom: 0;}
.recipe-list img, .recipe-list .caption-text {width: 160px;height: 130px;}
.recipe-list .caption-text {top: 60px;}
.home-widget-center .widget_categories .postform {font-size: 14px;}
.home-widget-center .widget_categories {padding: 5px 5px;}
.home-widget-center .widget {margin-bottom: 28px;}
.home-widget-center .widget_categories {margin-bottom: 14px;}
.fetured-recipe-thumb img {width: 210px;height: 150px;}
.left-sidebar {padding-right: 14px;}
.right-sidebar {padding-left: 14px;}



}


@media (max-width: 767px) {

.img-responsive, img[class*="wp-image-"], .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail, .entry-header img, .entry-content img, .entry-thumbnail img, .widget img, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {  margin: 0 auto;}
body {text-align: center;}
.btn, .index-thumb img  {margin-bottom: 21px;}
.pull-right, .alignleft, .index-thumb img {float: none !important;}
.page-nav li {width: 100%;margin-bottom: 14px;}
.logo-subtitle {display: none;}
.tagcloud a {display: inline-block;float:none;}
.hero-image-mobile{display: block;}
.hero-image {display: none;}
.home-widget-center .widget {margin-bottom: 14px;}
.es_textbox_class {height: 30px !important;width: 70% !important;}
.es_button input[type="button"] {display: block !important;width: 70% !important; margin: 0 auto !important;}
input[type="submit"] {display: block;width: 100%; margin: 0 auto;}
.recipe-list li {float: none;margin: 0 auto;display: inline-block;}
.index-content {margin-bottom: 0;}



}


@media (max-width: 480px) {

.readmore-rarr {
	display: block;
	margin-left: 0;
}



}


