/*
Theme Name: EnjoyYourCooking HTML5
Theme URI: http://www.enjoyyourcooking.com/
Description: The default WordPress theme variation for the EnjoyYourCooking.com website, adjusting to various screen sizes
Version: 1.3
Author: Julia Volhina	
Author URI: http://www.enjoyyourcooking.com/
Tags: Responsive, EnjoyYourCooking
*/

@-ms-viewport { width: 100vw ; min-zoom: 100% ; zoom: 100% ; }
@viewport { width: 100vw ; min-zoom: 100% zoom: 100% ; }
@-ms-viewport { user-zoom: fixed ; min-zoom: 100% ; }
@viewport { user-zoom: fixed ; min-zoom: 100% ; }

/* Media querries */
/* No Side Bar, small screen; vertical mobile screens */
@media (max-width: 550px) { 
    body { font-size:100%;}
    aside { display:none; }
    article { 
        width: 100%; 
        padding-left:0.5rem; 
        padding-right:0.5rem; 
        box-sizing: border-box;
    }
    img.imgtfe, img.size-medium { 
        float:none;
        margin:auto; 
        display:block; 
        width:98%;
        height:98%;
       /* margin-bottom:1.2rem; */
    }
    #single ol {
        list-style-type: none; 
        padding: 0;
    }
    #single ol li { 
        border-bottom: solid 1px #7a1c1c; 
        margin-bottom: 1rem;
    }
    #single figure { width: 100%; }
    
	#single figure.alignleft { 
		width: 193px; 
		margin-left: auto;
		margin-right: auto;
		float:none;
	} 
	    
    #mainfooter, #mainheader {
        padding-left: 0.5rem;
        padding-right:0.5rem;
    }
    #headerright { width: 100%;}
    #topright, h1#description {display: none;}
    #mainheader h1 { 
        text-align: center; 
        margin-bottom:0.5rem;
        font-size: 2rem;
    }
    
    #single .ingredient-ad { 
        /* width:100%!important;  */
        display:none;
        /* float:none; 
        margin: 0.5rem 0 0.5rem 0; 
        padding: 0.5rem 0; 
        border-bottom: solid 1px #7a1c1c; 
        border-top: solid 1px #7a1c1c; 
        background-color: transparent; */
    }
    /*
    .ingredient-ad.ad300x600, .ingredient-ad.ad336x500, 
    .ingredient-ad.ad336x400, .ingredient-ad.ad336x300, 
    .ingredient-ad.ad336x280, .ingredient-ad.ad200x200, 
    .ingredient-ad.ad300x250 { width: 100%; height: 100px;}
	.ingredient-ad.ad180x150, .ingredient-ad.ad125x150 { width: 100%; height: 100px;}
	.ingredient-ad.ad320x100 { width: 100%; height: 100px;}
	.ingredient-ad.ad234x60 { width: 100%; height: 60px;}
    */
    #topad {
		display:none;
    }
    
	#main section .description, #single .description {
		padding-bottom: 0;
		padding-top: 0;    
	}
	#singleaddonleft, #singleaddonright {
		width: 100%;
	}
    #singleaddonleft {
		margin-bottom: 1rem;
    }

    #mainheader nav a {
		line-height: 1.8rem;
	}
	    
	small {
		line-height: 1.5rem;
	}
	    
    small.close {
		margin-top: -0.8rem;
	}
	
	.comment-author {
		margin-bottom: 0.6rem;
	}
 	.navigationnew .navleft, .navigationnew .navright { width:100%; margin-bottom: 0.5rem;} 
 	
 	nav.navigationnew { padding-bottom:1rem;}  
 	.cookingtime .alignright {
		float:none;
 	}
 	/* nutrition label */
	.wp-nutrition-label .column1 { box-sizing: border-box;}
	.wp-nutrition-label .column2 { box-sizing: border-box; padding-top:1em;}
	.wp-nutrition-label .column3 { box-sizing: border-box; padding-top:1em;}
	.wp-nutrition-label .footnote {font-size: .8em; line-height: 1.2em;}
 	/* nutrition label */ 	
}

/* No Side Bar, small screen; bigger mobile screens */
@media (max-width: 731px) { 
    body { font-size: 125%;}
    aside { display:none; }
    article { 
        width: 100%; 
        padding-left:0.5rem; 
        padding-right:0.5rem; 
        box-sizing: border-box;
    }
    img.imgtfe, img.size-medium { 
        float:none;
        margin:auto; 
        display:block; 
        width:98%;
        height:98%;
        /* margin-bottom:1.2rem; */
    }
    #single ol { 
        list-style-type: none; 
        padding: 0;
    }
    #single ol li { 
        border-bottom: solid 1px #7a1c1c; 
        margin-bottom: 1rem;
    }
    #single figure { width: 100%; }    
 
 	#single figure.alignleft { 
		width: 193px; 
		margin-left: auto;
		margin-right: auto;
		float:none;
	} 
	   
    #mainfooter, #mainheader {
        padding-left: 0.5rem;
        padding-right:0.5rem;
    }
    #headerright { width: 100%;}
    #topright, h1#description {display: none;}
    #mainheader h1 { 
        text-align: center; 
        margin-bottom:0.5rem;
        font-size: 2rem;
    }
    
    #single .ingredient-ad { 
        /* width:100%!important; */
        display:none;
        /* float:none; 
        margin: 0.5rem 0 0.5rem 0; 
        padding: 0.5rem 0; 
        border-bottom: solid 1px #7a1c1c; 
        border-top: solid 1px #7a1c1c; 
        background-color: transparent;
        */
    }
    /*
    .ingredient-ad.ad300x600, .ingredient-ad.ad336x500, 
    .ingredient-ad.ad336x400, .ingredient-ad.ad336x300, 
    .ingredient-ad.ad336x280, .ingredient-ad.ad200x200, 
    .ingredient-ad.ad300x250 { width: 100%; height: 100px;}
	.ingredient-ad.ad180x150, .ingredient-ad.ad125x150 { width: 100%; height: 100px;}
	.ingredient-ad.ad320x100 { width: 100%; height: 100px;}
	.ingredient-ad.ad234x60 { width: 100%; height: 60px;}
    */

     #topad {
		display:none;
    }
   
	#main section .description, #single .description {
		padding-bottom: 0;
		padding-top: 0;    
	}
	#singleaddonleft, #singleaddonright {
		width: 100%;
	}
	
    #singleaddonleft {
		margin-bottom: 1rem;
    }

    #mainheader nav a {
		line-height: 1.8rem;
	}
	    
	small {
		line-height: 1.5rem;
	}
	    
    small.close {
		margin-top: -0.8rem;
	}

	.comment-author {
		margin-bottom: 0.6rem;
	}

 	.navigationnew .navleft, .navigationnew .navright { width:100%; margin-bottom: 0.5rem;}   
 	nav.navigationnew { padding-bottom:1rem;}  
 	
 	.cookingtime .alignright {
		float:none;
 	}
 	/* nutrition label */
	.wp-nutrition-label .column1 { box-sizing: border-box;}
	.wp-nutrition-label .column2 { box-sizing: border-box; padding-top:1em;}
	.wp-nutrition-label .column3 { box-sizing: border-box; padding-top:1em;}
	.wp-nutrition-label .footnote {font-size: .8em; line-height: 1.2em;}
 	/* nutrition label */ 	
}

/* No Side Bar, small screen; bigger and horysontal mobile screens */
@media (min-width: 732px) and (max-width:995px) { 
    body {font-size: 125%;}
    aside { display:none; }
    article { 
        width: 100%; 
        padding-left:0.5rem; 
        padding-right:0.5rem; 
        box-sizing: border-box;
    }
    #mainfooter, #mainheader {
        padding-left: 0.5rem;
        padding-right:0.5rem;
    }    
    #headerright { 
        width: 300px; 
        text-align:right; 
    }
    #mainheader h1 { 
		margin:0; 
        font-size:2.85rem;
    }
    #single figure.aligncenter { width: 408px; }
	#single figure.alignleft { 
		width: 193px; 
		margin-left: 0;
		margin-right: 1rem;
	}    
    
    #single .ingredient-ad { 
        float: right; 
        margin-left:1rem; 
        margin-right:0; 
        padding: 0.5rem 0.5rem 0.5rem 1rem;        
        background-color: #fff; 
    }
    .ingredient-ad.ad300x600 { width: 300px; height: 600px;}
	.ingredient-ad.ad336x500 { width: 336px; height: 500px;}
	.ingredient-ad.ad336x400 { width: 336px; height: 400px;}
	.ingredient-ad.ad336x300 { width: 336px; height: 300px;}
	.ingredient-ad.ad336x280 { width: 336px; height: 280px;}
	.ingredient-ad.ad200x200 { width: 200px; height: 200px;}
	.ingredient-ad.ad300x250 { width: 300px; height: 250px;}
	.ingredient-ad.ad180x150 { width: 180px; height: 150px;}
	.ingredient-ad.ad125x150 { width: 125px; height: 150px;}
	.ingredient-ad.ad320x100 { width: 320px; height: 100px;}
	.ingredient-ad.ad234x60 { width: 234px; height: 60px;}    

     #topad {
		display:none;
    }
    
    #main .imgtfe, #main .size-medium, #single .description .imgtfe {
    	margin: 0.6rem 3%;
    }

	#main section .description, #single .description {
		padding-bottom: 0.6rem;
		padding-top: 0.6rem;    
	}
	#singleaddonleft, #singleaddonright {
		width: 49%;
	}
	small.close {
		margin-top: -1.8rem;
		line-height: 1rem;
	}
	.navigationnew .navleft, .navigationnew .navright { width:48%;}

	.navigationnew .navleft {
		float:left;
	}

	.navigationnew .navright {
		float:right;
	}
 	nav.navigationnew { padding-bottom:4rem;} 
 	
  	/* nutrition label */
	.wp-nutrition-label .column1 {float:left; width:24%; box-sizing: border-box;}
	.wp-nutrition-label .column2 {float:left; width:38%; padding-left:1em; box-sizing: border-box;}
	.wp-nutrition-label .column3 {float:left; width:38%; padding-left:1em; box-sizing: border-box;}
	.wp-nutrition-label .footnote {padding-left:26%; font-size: .8em; line-height: 1.2em;}
 	/* nutrition label */
 	.post-ratings, .rating { float: right;}	
 	.post-ratings {margin-left:1em;}
}

/* Smaller Side Bar, small screen */
@media (min-width:996px) and (max-width:1200px) {
    body { font-size:100%;}
    aside { 
        width:27%; 
        min-width: 250px; 
        padding-right:0.5rem;  
        box-sizing: border-box;
    }
    article { 
        width: 72%; 
        padding-right:0.5rem; 
        padding-left:0.5rem; 
        box-sizing: border-box;
    }
    
    article#nosidebar {
		width: 100%;
    }
    
    img.imgtfe { 
        width:300px;
        height:225px;
        /* margin-bottom:1.2rem; */
    }
    
    #single figure.aligncenter { width: 408px; }
	#single figure.alignleft { 
		width: 193px; 
		margin-left: 0;
		margin-right: 1rem;
	}
         
    #single figure img.imgtfe, #single figure img.size-medium { 
        width:400px;
        height:300px;
    }
    #mainfooter, #mainheader {
        padding-left: 0.5rem;
        padding-right:0.5rem;
    }
    #headerright { 
        width: 300px; 
        text-align:right; 
    }
    #mainheader h1 { 
		margin:0; 
        font-size:2.85rem;
    }
    #single .ingredient-ad { 
        float: right; 
        margin-left:1rem; 
        margin-right:0;
        padding: 0.5rem 0.5rem 0.5rem 1rem;
        background-color: #fff; 
    }
    .ingredient-ad.ad300x600 { width: 300px; height: 600px;}
	.ingredient-ad.ad336x500 { width: 336px; height: 500px;}
	.ingredient-ad.ad336x400 { width: 336px; height: 400px;}
	.ingredient-ad.ad336x300 { width: 336px; height: 300px;}
	.ingredient-ad.ad336x280 { width: 336px; height: 280px;}
	.ingredient-ad.ad200x200 { width: 200px; height: 200px;}
	.ingredient-ad.ad300x250 { width: 300px; height: 250px;}
	.ingredient-ad.ad180x150 { width: 180px; height: 150px;}
	.ingredient-ad.ad125x150 { width: 125px; height: 150px;}
	.ingredient-ad.ad320x100 { width: 320px; height: 100px;}
	.ingredient-ad.ad234x60 { width: 234px; height: 60px;}    
    
    #main .imgtfe, #main .size-medium, #single .description .imgtfe {
    	margin: 0.6rem 3%;
    }   

	#main section .description, #single .description {
		padding-bottom: 0.6rem;
		padding-top: 0.6rem;    
	}
	#singleaddonleft, #singleaddonright {
		width: 49%;
	}  
	small.close {
		margin-top: -1.8rem;
		line-height: 1rem;
	}
	.navigationnew .navleft, .navigationnew .navright { width:48%;}

	.navigationnew .navleft {
		float:left;
	}

	.navigationnew .navright {
		float:right;
	}
 	nav.navigationnew { padding-bottom:4rem;}  	   
 	/* nutrition label */
	.wp-nutrition-label .column1 {float:left; width:24%; box-sizing: border-box;}
	.wp-nutrition-label .column2 {float:left; width:38%; padding-left:1em; box-sizing: border-box;}
	.wp-nutrition-label .column3 {float:left; width:38%; padding-left:1em; box-sizing: border-box;}
	.wp-nutrition-label .footnote {padding-left:26%; font-size: .8em; line-height: 1.2em;}
 	/* nutrition label */ 
 	.post-ratings, .rating { float: right;}
 	.post-ratings {margin-left:1em;}	
}

/* Big Side Bar, bigest screen */
@media (min-width:1201px) {
    /* body { margin: 0 5% 0 5%; } */
    body { font-size:100%;}
    #mainheader, #mainfooter { padding: 0 5% 0 5%;}
    aside { 
        width: 30%; 
        min-width: 300px; 
        padding-right: 5%; 
        box-sizing: border-box;
    }
    article { 
        width: 67%; 
        padding-left: 5%; 
        box-sizing: border-box;
    }

    article#nosidebar {
		width: 100%;
        padding-right: 5%;
    }
   
    #headerright { 
        width: 300px; 
        text-align:right; 
    }
    #mainheader h1 { 
		margin:0; 
        font-size:2.85rem;
    }
    #single figure.aligncenter { width: 408px; }
	#single figure.alignleft { 
		width: 193px; 
		margin-left: 0;
		margin-right: 1rem;
	}

    #single .ingredient-ad { 
        float: right; 
        margin-left:1rem; 
        margin-right:0;
        padding: 0.5rem 0.5rem 0.5rem 1rem;
        background-color: #fff; 
    }
    
    .ingredient-ad.ad300x600 { width: 300px; height: 600px;}
	.ingredient-ad.ad336x500 { width: 336px; height: 500px;}
	.ingredient-ad.ad336x400 { width: 336px; height: 400px;}
	.ingredient-ad.ad336x300 { width: 336px; height: 300px;}
	.ingredient-ad.ad336x280 { width: 336px; height: 280px;}
	.ingredient-ad.ad200x200 { width: 200px; height: 200px;}
	.ingredient-ad.ad300x250 { width: 300px; height: 250px;}
	.ingredient-ad.ad180x150 { width: 180px; height: 150px;}
	.ingredient-ad.ad125x150 { width: 125px; height: 150px;}
	.ingredient-ad.ad320x100 { width: 320px; height: 100px;}
	.ingredient-ad.ad234x60 { width: 234px; height: 60px;}
    
    #main .imgtfe, #main .size-medium, #single .description .imgtfe {
    	margin: 0.6rem 3%;
    }

	#main section .description, #single .description {
		padding-bottom: 0.6rem;
		padding-top: 0.6rem;    
	}
	#singleaddonleft, #singleaddonright {
		width: 49%;
	}

	small.close {
		margin-top: -1.8rem;
		line-height: 1rem;
	}
	
	.navigationnew .navleft, .navigationnew .navright { width:48%;}

	.navigationnew .navleft {
		float:left;
	}

	.navigationnew .navright {
		float:right;
	}
 	nav.navigationnew { padding-bottom:4rem;} 

 	/* nutrition label */
	.wp-nutrition-label .column1 {float:left; width:24%; box-sizing: border-box;}
	.wp-nutrition-label .column2 {float:left; width:38%; padding-left:1em; box-sizing: border-box;}
	.wp-nutrition-label .column3 {float:left; width:38%; padding-left:1em; box-sizing: border-box;}
	.wp-nutrition-label .footnote {padding-left:26%; font-size: .8em; line-height: 1.2em;}
 	/* nutrition label */ 
 	.post-ratings, .rating { float: right;}	
 	.post-ratings {margin-left:1em;}	 
}

/* Printing Styles */
@media print {
    body { font-size:90%;}
    #printfooter {
        display: block; 
        border-top: solid 1px #000;
        border-bottom: solid 1px #000;
        padding: 0.5rem 0;
        text-align: center;
    }
    #mainheader, aside, #single figure, nav, #single .ingredient-ad, #topad, article footer, #mainfooter, article .close, ul#sharebar, ul#sharebarx, #matchedcontent, #respond, #cookie-law-info-bar, #cookie-law-info-again, .plusone-wrap, #singleaddonleft, #singleaddonright, .cookingtime .alignright, #comments { display:none; }
	
	ul#sharebar, ul#sharebarx, #sfsi_plus_floater { display: none !important;}
	
    article { 
        width: 100%; 
        padding-left:0.5rem; 
        padding-right:0.5rem;
        box-sizing: border-box;
    }
    img.imgtfe { 
        float:right; 
        width:250px;
        height:200px;
        margin-bottom:1.2rem;
        margin-left: 1.2rem;
    }
    #single ol { 
        list-style-type: decimal; 
        padding-left: 2.5rem; 
    }
    #single ol li { 
        border: none; 
        margin-bottom: 1rem;
    }
    #mainfooter, #mainheader {
        padding-left: 0.5rem;
        padding-right:0.5rem;
    }
    #mainheader h1 { 
        text-align: center; 
        margin-bottom:0.5rem;
        font-size:2.85rem;
    }
    article p, #single section, #nosidebar section, .cookingtime {
        padding-left: 0; 
        padding-right: 0;
    }
    #main section .description, #nosidebar .description, #single .description, #single section { background-color: transparent; }
    #single ul {
        list-style-position: outside;
        list-style-type: disc;
        padding:0 0 0 2.5rem;
    }
    #single ul li { 
        line-height:normal;
        padding: 0.3rem 0 0.3rem 0;
        margin-bottom: 0px;
    } 

	#main section .description, #single .description, #nosidebar .description {
		padding-bottom: 0.6rem;
		padding-top: 0.6rem;    
	}
 	/* nutrition label */
	.wp-nutrition-label .column1 {float:left; width:24%; box-sizing: border-box;}
	.wp-nutrition-label .column2 {float:left; width:38%; padding-left:1em; box-sizing: border-box;}
	.wp-nutrition-label .column3 {float:left; width:38%; padding-left:1em; box-sizing: border-box;}
	.wp-nutrition-label .footnote {padding-left:26%; font-size: .8em; line-height: 1.2em;}
 	/* nutrition label */ 	 
    .post-ratings, .rating { float: right;}
	.post-ratings {margin-left:1em;}    
}

/* General Screen Styles */

@media screen {
    body { }
    #printfooter {display: none; }
    article .description p, #single section, #nosidebar section, #nosidebar .description, .cookingtime {
        padding-left: 3%; 
        padding-right: 3%;
    }
    
    #single ul, ul.nolist {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    #single ul li,  ul.nolist li {
        line-height: 1.1rem;
        background-color: #FFFFFF;
        padding: 0.5rem 1rem 0.5rem 1rem;
        margin-bottom: 2px;
    }
    #main section .description, #single .description, #single section, #nosidebar section, #nosidebar .description {
        background-color: #efefef;
    }
    
}

/* --- Styles that apply to all medias and screensizes --- */
/* Main Styles */
html {
    padding:0;
    margin:0;
}
body {
    background-color: white;
    margin:0;
    font-family: Verdana, Arial, Sans-Serif;
}

a, h2 a:hover, h3 a:hover {
	color: #000000;
	text-decoration: none;
	}

a:hover, #singleaddonleft a:hover, #singleaddonright a:hover {
	color: #611616;
	text-decoration: underline;
	}

article {
    float: left;
    padding-bottom: 1rem;
}

article p {
    margin: 0;
    padding-top: 0.6rem; 
    padding-bottom: 0.6rem; 
    
}

#single section {
    padding-top: 0;
    padding-bottom: 0.5rem;
}

#single h4 {
    margin-bottom: 0.5rem;
}

#single h3 {
    margin-bottom: 0rem;
}

#single footer {
    margin-bottom: 1.5rem;
}

#single .ingredient-ad { 
 text-align: center;
}

#main h6 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 0.9rem;
    font-weight: normal;
    margin-top: 1rem;
    padding: 0.2rem 0 0.2rem 0;
    border-bottom: 1px solid #eaeaea;
    text-align:right;
}

#main section {
    margin-bottom: 3rem;
}

#main section .description, #single .description, #single section, #nosidebar .description, #nosidebar section {
    /* background-color: #efefef; */
    overflow: auto;
}

#single figure, #nosidebar figure {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

figure figcaption {
    text-align: right;
    font-size: 0.8rem;
    font-family: Helvetica, Verdana, Sans-Serif;
    color: #888787;
    padding: 4px;
}

#single figure img.imgtfe, #single figure .size-medium {
    margin-bottom: 0;
}

img.imgtfe, img.size-medium, figure img {
    border: solid 4px #e4e3e3;
}

article p a, #singleaddonleft a, #singleaddonright a  {
	color: #b85b5a;
}

article p a:visited {
	color: #b85b5a;
	}


/* Headers */

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}

h2 {
	font-size: 2.4rem;
	letter-spacing:-1px;
	line-height: 2.4rem; 
	margin-top: 2rem;
}

h3 {
	font-size: 1.5rem;
}

h4 {
	font-size: 1.6rem;
	margin-top:1.8rem;	
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #611616;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, aside h2, aside h3, #wp-calendar caption, cite {
	text-decoration: none;
}

/* Navigation Styles */

nav.pagination, header nav {
    text-align: center;
}

nav.pagination ul, header nav ul { 
    padding: 0;
    margin: 0;
}

nav.pagination {
    margin-bottom: 1.5rem;   
}

nav.pagination li, header nav li {
    list-style-type: none;
    display: inline;
}

nav.pagination li {
    padding:0!important;
}

nav h6 {
    position: absolute;
    clip: rect(1px 1px 1px 1px); /* for Internet Explorer */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;

    
}

header nav li a, #header li a:visited { 
    color: #da9999; 
}

header a:hover {
    color: #da9999;
    text-decoration: underline;  
}

header h1 a:hover, #mainheader li a:hover {
    text-decoration:none;
    color: #faf7c3; 
}

#mainheader h1 a, #mainheader h1 a:visited, #headerright a, #headerright a:visited { 
    color: #faf7c3;
}

.page-numbers {
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size: 1.0rem;
	font-weight: bold;
	line-height: 2rem;
}

.page-numbers li {
	margin-right: 2px;
	margin-left: 2px;
}
.page-numbers a,  .page-numbers.current {
	text-decoration: none;
	background-color: #555659;
	color: #FFFFFF;
	padding: 0.2rem 0.5rem;
	border: solid 1px #000;

}

.page-numbers a:visited {
	text-decoration: none;
	/* padding: 0.2rem 0.5rem; */
}

.page-numbers.dots {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.page-numbers.current {
	padding: 0.2rem 0.5rem;
	font-weight: bold;
	background-color:#7a1c1c;
	color:#faf7c3;

}

.page-numbers a:hover {
	background-color: #7a1c1c;
	color: #faf7c3;
}

nav.navigationnew {
	margin-top: 1.5rem;
	clear:both;
}

.navigationnew a {
	display:block;
	background-color:#555659;
	text-decoration:none;
	color:#FFFFFF;
	font-size:1.2rem;
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	padding: 4px 15px 4px 15px;
	text-align:center;
	line-height:1.1rem;
}


.navigationnew a:hover {
	background-color:#7a1c1c;
	color:#faf7c3;
}

/* Header Styles */

#mainheader {
    background: #7a1c1c;
    padding-bottom: 2px;
}

#mainheader h1 {
    margin-top:0;
}

#mainheader nav {
    background: #4f1212;
    padding: 0.2rem 0.4rem 0.2rem 0.4rem;
    font-size:1.2rem;
}

#mainheader h1 {
    padding: 1rem 0 0.3rem 0;
    color: #faf7c3;
    font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
    letter-spacing:-0.09rem;
}

#mainheader h1#description {
	font-size: 0.77rem;
	color: #c98484;
	font-weight:bold;
	font-family: Verdana, Arial, Sans-Serif;
    letter-spacing: -0.02rem;
    padding: 0;
	margin-bottom: 0.7rem;
    margin-top:-15px;margin-left:106px;
	}

#headerright {   
    margin-top:0.8rem; 
    float:right;
    clear: both;
    color: #faf7c3;
    font-size: 0.8rem;
    margin-bottom: 0.8rem;    
}

#topright {
    margin-bottom: 0.8rem;
}

#searchform {
}

#searchform #s, .searchform #s { 
    width: 100%;
    padding: 0;
    border: solid 1px black;
    font-size: 1.1rem;
}

.rss img, .fbk img, .tw img, .gp img {
	border: none;
}

.rss, .fbk, .tw, .gp {
	height:16px;
	width:16px;
    /* float:right; */
    display: inline;
}

.rss {
	background: url('https://www.enjoyyourcooking.com/wp-content/themes/eyc-5/img/sprite.png') no-repeat top left; 
	background-position: -57px -18px;
	margin-left:4px;
}

.fbk {
	background: url('https://www.enjoyyourcooking.com/wp-content/themes/eyc-5/img/sprite.png') no-repeat top left; 
	background-position: -38px -18px;
	margin-left:4px;
}

.tw {
	background: url('https://www.enjoyyourcooking.com/wp-content/themes/eyc-5/img/sprite.png') no-repeat top left; 
	background-position: -19px -18px;
	margin-left:12px;
}

.gp {
	background: url('https://www.enjoyyourcooking.com/wp-content/themes/eyc-5/img/sprite.png') no-repeat top left; 
	background-position: 0 -18px;
	margin-left:4px;
}

/* Footer Styles */

footer {
    clear:both;
}

section footer {
    text-align:left;   
}

#mainfooter {
    background: #7a1c1c url('https://www.enjoyyourcooking.com/wp-content/themes/eyc-5/img/eyc_footer.jpg') repeat-x top;
    color: #c98484;
    font-size:0.9em;
    padding-top:0.9em;
    padding-bottom: 0.7em;
    text-align:right;
}

#mainfooter a, #mainfooter a:visited { 
    color: #c98484;
}

/* Aside Styles */ 

aside {
    float: right;
}

aside {
	font: 0.8rem Verdana, Arial, Sans-Serif;
	margin-top: 1rem;
}

aside ul {
    /* border: solid 1px black; */
}

aside ul {
	margin: 0;
    padding: 0;
}

aside ul li {
	list-style-type: none;
	list-style-image: none;
    margin-bottom: 1rem;
    padding: 0 0 4px 0;
    border-bottom: solid 4px #7a1c1c;        
}

aside ul li:first-of-type1 { 
	margin-top: 1rem;
}

aside ul ul, aside ul ol {
	margin: 0;
	padding: 0;
}

aside h2, aside h3 {
	font-family: 'Trebuchet MS', 'Verdana', Sans-Serif;
	font-size: 1.3rem;
    line-height: 2rem;
	letter-spacing:0px;
	font-weight: normal;
    color: #faf7c3; 
	border-bottom: solid 3px #FFFFFF;
 	background-color:#7a1c1c; 
    padding-left:1rem;
    padding-right:1rem;
    margin-bottom: 0;
    margin-top: 1rem;
}

aside h3:first-of-type {
    margin-top: 0;
}

/* menu item */

aside a {
	color:#3e3e3e;
	text-decoration:none;
}

aside a:hover {
	color:#611616;
	text-decoration:none;
}

aside ul ul, aside ul ol {
	margin: 0;
	}

aside ul ul a {
	display:block;
	/* margin-left:-10px; */
	padding:0.25rem 0.5rem 0.25rem 1rem;
	background-color:#eaeaea;
}


aside ul ul a:hover {
	background-color:#efe4e4;
}

aside ul ul li, aside ul ol li {
	margin: 1px 0 0;
	padding: 0;
    border: none;
}

/* /menu item */
/* submenu item */

.widget_categories ul, .widget_mycategoryorder ul {
	font-weight: bold;
	font-size: 1rem;
}

.widget_categories ul a, .widget_mycategoryorder ul a {
	padding:0.3rem 0.5rem 0.3rem 1rem;
}


aside ul ul ul a {
	background-color: #fff;
}

aside ul ul ul a:hover {
	background-color: #fff;
	text-decoration: underline;
}

/* /submenu item */

/* Comments */


.commentlist li, #commentform input, #commentform textarea {
	font-size: 1rem;
    font-family: Verdana, Arial, Sans-Serif;
	}
	
.commentlist li ul li {
	font-size: 1rem;
	margin-right: 0.5rem;
	margin-left: 0.8rem;
}

.commentlist li {
	font-weight: bold;
	margin: 1.5rem 0 1rem;
	padding: 0.5rem 0.5rem 1rem 1rem;
	list-style: none;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2rem;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1rem;
	}

.commentlist p {
	font-weight: normal;
	line-height: normal;
	text-transform: none;
	}

#commentform p {
	margin: 0.5rem 0;
	}

.commentmetadata {
	font-weight: normal;
	margin: 0;
	display: block;
	}

.children { padding: 0; }


.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
.thread-alt {
	background-color: #f8f8f8;
}

.thread-even {
	background-color: #fff;
}

.depth-1 {
	border: 1px solid #ddd;
}

.even, .alt {
	border-left: 1px solid #ddd;
}

#commentform textarea {
	width: 100%;
	box-sizing: border-box;
}

/* page for google / flexbox container */

/* Small screens */
@media all and (max-width: 500px) {
	.flexcontainer {
    /* On small screens, we are no longer using row direction but column */
		flex-flow: column wrap;
	  }
	.shortboxfree {
	padding-top:2rem;
	}

}

@media all and (min-width: 501px) {
	.flexcontainer {
		flex-flow: row wrap;    
	}
	.shortboxfree {
	padding-top:7rem;
	}

}

.flexcontainer {
	background-color: #efefef;
    display: -webkit-flex!important;
    display: flex;
	justify-content: space-between;
	align-items: stretch; 
	padding: 0.5rem;
}

.item {
	flex: 1;
	box-sizing: border-box;
	border-right:1px #cdcdcd solid; 
	border-left:1px #cdcdcd solid; 
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	padding-left:1rem;
	padding-right:1rem;
}

.item figure {
	width: 208px;
}

.shortboxfree {
	text-align: center;
	padding-bottom:2rem;
	background-color: #ddd;
}

.shortboxfree h3 {
	font-size:1.8rem;
	text-align: center;
	margin-bottom:2rem;
}

.item h3 {
	margin-top:0.3rem;
	margin-bottom:0.3rem;
	font-size:1.5rem;
}

/* /page for google */

/* AZ Index */

.azindex {
	padding:2rem 0 2rem 0;
}

.azindex .spacer {
	height:1.5rem;
	background-color: #fff;
}
.azindex ul {
	list-style:none; 
	padding:0 0.5rem; 
	margin:0;
}

.azindex ul li {
	background-color:#efefef;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top:0;
	margin-bottom:0;
	font-size:0.9rem;
	clear:both;
}

.azindex h2 {
	border-bottom: solid 0.2rem #fff;
	padding: 0.2rem;
	text-align: center;
	margin-top:0;
	margin-bottom:0;
}

.azindex ul li:before {content:none;}

.azlinks {text-align:center;}

.azlinkspacer {height:1rem;}

.azpagelinks {text-align:center;}

/* /AZ Index */	
	
/* Misc */

#topad {
    border-bottom: 4px solid #7a1c1c;
    border-top: 1px solid #1e0707;
    text-align:center;
    padding: 1.2rem 0 1.2rem 0;
}

#topad div {
    margin: auto;
    color: #888787;
}

small {
	font-size: 0.8rem;
    display: block;
    color: #888787;
	}

small a {
    color: #888787;
}

small b {
    color: #000;
}

.alignleft { 
    float: left; 
}

.alignright { 
    float: right; 
}

.center, .aligncenter {
    margin: 0 auto;  
}

.hrtop {
	background-color: #7a1c1c;
	margin-bottom: 4px;
	height:4px;
}

div.plusone-wrap {
	text-align:right;
	float: right;
	clear:both;
	margin-top: -3px;
}

div.eyccomment-wrap {
	float: right;
	clear:both;
	margin-top:0;
    margin-left: 0.5rem;
    padding-bottom: 1rem;
    background: url('https://www.enjoyyourcooking.com/wp-content/themes/eyc-5/img/sprite.png') no-repeat;
    background-position: 0.1rem 2.1rem;
}

span.eyccomment {
    border: 1px solid #e3e3e3;
    background-color: #e3e3e3;
    border-radius: 6px;
	text-align:center;
	font-family: Verdana, Arial, Sans-Serif; 
	font-size:1.1rem;
	font-weight:bold;
	display:block;
	cursor:pointer;
    padding: 0.3rem 0.8rem 0.3rem 0.8rem;
}

div.eyccomment-wrap a, div.eyccomment-wrap a:link, div.eyccomment-wrap a:visited {
	text-decoration:none;
}

.cookingtime {
    margin-top: 1rem;
    margin-bottom: 0.2rem;
    background-color: #efefef;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    font-size: 0.8rem;
    background-color: #fff;
}

.textwidget {
	text-align: center;
}

.textwidget ul {
	text-align: left;
}

#singleaddonleft, #singleaddonright {
    box-sizing: border-box;
}

#singleaddonleft {
	float:left;
}

#singleaddonleft {
	float:right;
}

#singleaddonleft ul li, #singleaddonright ul li {
    line-height: normal;
    background-color: #efefef;
    padding: 0 1.5rem;
    margin-bottom: 0;
}

#singleaddonleft ul, #singleaddonright ul{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
    background-color: #efefef;
}


#singleaddonleft h3, #singleaddonright h3 {
	margin-bottom: 0.3rem;
}

.description #searchform, .description .searchform {
	padding-left: 3%;
	padding-right: 3%;
}

.clear {
	clear: both;
}

small.close {
	margin-bottom: 1rem;
}

#matchedcontent {
	clear: both;
}

.bogo-language-switcher {
    display: inline-block;
	font-weight: bold;    
}

#bogo-language-switcher-inpage {
	padding: 0!important;
	margin-left: 0.5rem;
}

#bogo-language-switcher-inpage a {
	color: #611616;
}


/* nutrition label general styles */
.wp-nutrition-label { border: 1px solid #ccc; font-family: helvetica, arial, sans-serif; font-size: .9em; padding: 1em 1.25em 1em 1.25em; line-height: 1.4em; margin: 1em 0 0.2em 0;}
.wp-nutrition-label hr { border:none; border-bottom: solid 8px #666; margin: 3px 0px; }
.wp-nutrition-label .heading { font-size: 2.2em; font-weight: 900; margin: 0 0 0.5em 0; line-height: 1em; }
.wp-nutrition-label .indent { margin-left: 1em; }
.wp-nutrition-label .small { font-size: .8em; line-height: 1.2em; padding: 0;}
.wp-nutrition-label .item_row { border-top: solid 1px #ccc; padding: 3px 0; }
.wp-nutrition-label .f-left { float: left; }
.wp-nutrition-label .f-right { float: right; }
.wp-nutrition-label .noborder { border: none; } 
.cf:before,.cf:after { content: " "; display: table;}
.cf:after { clear: both; }
.cf { *zoom: 1; } 
.wp-nutrition-note { text-align: right; margin-bottom:1em;}
/* /nutrition label  general styles */ 

/* post rating styles */
.post-ratings {margin-top: 0.5em; color:#fab907;}
.rating-meta {
	font-size: 0.6rem;
	clear:both;
	color: #888787;
}
/* /post rating styles */
