@font-face{font-family:eatday;src:url(fonts/Eatday.otf);}
@font-face{font-family:glad;src:url(fonts/Gladifilthefte.ttf);}
@font-face{font-family:lifesavers;src:url(fonts/LifeSavers.ttf);}
@font-face{font-family:kirvy;src:url(fonts/Kirvy.otf);}

@media (min-width:1em){
*{fonzt-size:6vw;}
body{background-image:url("images/hehighresscreens.png");background-size:100% 45vw;background-repeat:no-repeat;background-attachment:scroll;}
header{}
h1{font-size:7vw;text-shadow:.5vw .5vw .8vw black;}
input{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
div.header{}
div.container{grid-template-rows:[top] 35vw auto 8vw [bottom];padding:0vw;}
div.mainbody{font-size:5vw;min-height:100vh;background-color:rgba(255,255,255,.8);}
.topnav {overflow: hidden;position: relative;text-align:left;}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {display: none;background-color:rgba(186,234,260,1);padding:.5vw 0 .5vw 0;position:relative;z-index:10;}

/* Style the hamburger menu */
.topnav a.icon {background-color:rgba(40,40,40,.5);display: block;position: absolute;right: 0;top: 0;height:10vw;width:10vw;margin:0;padding-top:3vw;}
.topnav a.icon span{display:block;border-radius:.5vw;width:6vw;height:.7vw;background-color:rgba(200,200,200,.3);margin-bottom:1vw;}
.topnav a.icon span:last-child{margin-bottom:0;}
.topnav a.icon span i{display:none;}
.topnav a.icon:hover{background-color:rgb(70,70,70,.5);}
.topnav a.icon:hover span{background-color:rgba(10,10,10,1);}
/* Style navigation menu links */
.topnav a{color: white;padding: 2vw;margin:1vw;text-decoration: none;font-size: 7vw;font-family:kirvy, sans-serif;display: block;background-color:rgba(68,118,142,1);text-align:center;}
.topnav a:hover{background-color:rgb(86,134,160);}
/* Style the active link (or home/logo) */
form.active {display:block;}
nav form, nav input{width:45vw;}
.active input[type=text]{height:9vw;margin:.5vw;font-size:5vw;box-shadow:.5vw .5vw .8vw black;}
input[type=submit], input[type=button]{background:#ccc;color:white;font-weight:bold;border:.1vw solid rgba(162,118,70,1);border-radius:.5vw;padding:.1vw .3vw .1vw .3vw;font-size:6.8vw;height:auto;}
input[type=text], select{border:.1vw solid rgba(162,118,70,1);border-radius:.5vw;font-size:5vw;height:5.2vw;text-align:bottom;}
.labelsize1 label, .labelsize1 select, .labelsize1 input[type=text], .labelsize1 textarea{font-size:9vw;color:black;}
.labelsize1 .inputtxt1{width:18vw;height:auto;}
.labelsize1 .inputtxt2{width:25vw;height:auto;}
.labelsize1 .inputtxt3{width:70vw;height:auto;}
.labelsize1 .inputselect1{width:30vw;height:auto;}
.labelsize1 .inputselect2{width:35vw;height:auto;}
.labelsize1 .inputselect3{width:10vw;height:auto;}
.labelsize1 textarea{width:100%;height:50vw;border:.1vw solid rgba(162,118,70,1);border-radius:.5vw;}
.labelsize1 textarea.textareakeys{height:10vw;}
.labelsize1 span{display:block;}

h1 a{width:auto;height:23vw;}


/*nav{fledx:1;padding:.3em;text-align:left;}
nav li{display:block;margin-bottom:.4em;}
nav ul li:after{content: "";}
nav ul li:last-child:after{content:"";}
nav ul #burger-nav{displday:none;}
nav li a{display:block;color:rgba(0,0,0,255);background-color:rgb(162,118,70);margin:0 auto 0 auto;padding:.2em;}
nav li input{display:block;height:2.4em;width:min-width:50em;color:rgba(0,0,0,255);}*/


/*nav li a:link{color:rgb(255,255,255);}
nav li a:visited{color:rgb(205,205,205);}
nav li a:hover{color:rgb(0,0,0);}*/
/*nav #burger-bars{display:block;height:30px;width:30px;float:right;backgrougnd-color:rgb(0,0,0);}
nav #burger-bars:hover div{background-color:rgb(90,90,90);}
nav #burger-bars:hover ul #burger-nav{display:block;}
nav #burger-bars div{height:3px;width:30px;bacdkground-color:rbg(150,90,30);background-color:rgb(0,0,0);margin:2px;}*/

div div.feature{width:auto;float:none;}

.tips{width:40%;float:right;border:.3vw double brown;border-radius:1.6vw;background-color:rgba(255,255,255,1);margfin-left:.6vw;}
.rec-ins-style1{widfth:35%;floaft:left;border:.1vw solid white;border-radius:3.6vw;background-color:rgba(200,50,50,.1);marginf-right:.6vw;}
.rec-ins-style2{backgrdound-color:rgba(0,0,200,.1);}


.adstyle1 img{height:auto;width:35vw;}
.adstyle2 img{height:40vh;max-width:32vw;}
.adstyle3 img{height:auto;width:87vw;}
.adstyle4 img{}
.adstyle5 img{}

.featureimage{width:40vw;}

.articlepic{width:80vw;margin:.5 auto 0 auto;}



}




@media (min-width:48em){
*{fonzt-size:4vw;}
body{background-image:url("images/hehighresscreens1.png"), linear-gradient(360deg, #ccc,transparent,transparent);background-repeat: no-repeat;background-size:100% auto;background-attachment:scroll;}
/* ,  100% auto, linear-gradient(180deg rgba(200,200,200,.8), transparent);background-respeat:no-repeat; */
header{margin:0 auto;}
h1{font-size:7vw;text-shadow:.2vw .2vw .5vw black;}
inpzut{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
div.header{background-image:none;}
div.container{minx-width:90vw;padding:0vw 6vw 0vw 6vw;grid-template-rows:[top] 37.85vw auto auto [bottom];}
div.mainbody{font-size:3vw;background-color:rgba(255,255,255,.8);}

.topnav{fsont-size:.5vw;top:-27vw;height:30vw;width:80vw;borderk:1px solid black;}
.topnav #myLinks {display: inline;position:relative;righst: .4vw;tsop: 1.1vw;backgroundh-color:rgba(186,234,260,0);padding:0 0 0 0;z-index:0;}
/* Style the hamburger menu */
.topnav a.icon {display: none;position: absolute;right: 0;top: 0;}
.topnav a{margin:0 0 0 0;padding:.1vw .5vw .1vw .5vw;border-radius:4vw;display:block;color:rgba(255,255,255,1);background-color:rgba(0,0,0,.5);font-size:2vw;font-weight:bold;}
a.link-articles{position:absolute;top:6vw;left:24vw;z-index:20;}
#page-recipe-articles .topnav a.link-articles{background-color:rgba(255,255,255,.8);color:black;}
a.link-recipe-categories{position:absolute;top:18vw;left:10vw;z-index:20;white-space:nowrap;}
#page-recipe-categories .topnav a.link-recipe-categories{background-color:rgba(255,255,255,.8);color:black;}
a.link-links{position:absolute;top:21.5vw;left:37vw;z-index:20;}
#page-links .topnav a.link-links{background-color:rgba(255,255,255,.8);color:black;}
a.link-about{position:absolute;top:7vw;left:50.5vw;z-index:20;}
#page-about .topnav a.link-about{background-color:rgba(255,255,255,.8);color:black;}
a.link-products{position:absolute;top:22vw;left:66vw;z-index:20;}
#page-products .topnav a.link-products{background-color:rgba(255,255,255,.8);color:black;}
.topnav a:hover{background-color:rgba(86,134,160);}
nav form, nav input{width:20vw;}
.active input[type=text]{height:3vw;margin:0 0 .6vw 0;font-size:2vw;position:absolute;top:26vw;left:0vw;box-shadow:.2vw .2vw .5vw black;}
input[type=submit], input[type=button]{background:#ccc;border:.1vw solid rgba(162,118,70,1);border-radius:.5vw;padding:.1vw .3vw .1vw .3vw;font-size:2.8vw;height:auto;}
input[type=text], select{border:.1vw solid rgba(162,118,70,1);border-radius:.5vw;height:3.2vw;text-align:bottom;}
.labelsize1 label, .labelsize1 select, .labelsize1 input[type=text], .labelsize1 textarea{font-size:2.8vw;}
.labelsize1 .inputtxt1{width:8vw;height:auto;}
.labelsize1 .inputtxt2{width:15vw;height:auto;}
.labelsize1 .inputtxt3{width:60vw;height:auto;}
.labelsize1 .inputselect1{width:9vw;height:auto;}
.labelsize1 .inputselect2{width:25vw;height:auto;}
.labelsize1 .inputselect3{width:10vw;height:auto;}
.labelsize1 textarea{width:100%;height:50vw;border:.1vw solid rgba(162,118,70,1);border-radius:.5vw;}
.labelsize1 textarea.textareakeys{height:10vw;}
.labelsize1 span{display:inline;}


nav{paddingi:.45vw 0 0 .7vw;}
nav li{displayi:inline-block;}
h1 a{width:70vw;height:32vw;}

.content{flex:3;}
.categories{column-count:2;column-fill:balance;}
div div.feature{width:50vw;float:right;}

.tips{width:40%;float:right;border:.6vw double brown;border-radius:1.6vw;margin-left:.6vw;}
.rec-ins-style1{width:35%;float:left;border:.1vw solid white;border-radius:3.6vw;background-color:rgba(200,50,50,.1);margin-right:.6vw;}
.rec-ins-style2{backgrdound-color:rgba(0,0,200,.1);}


.adstyle1 img{height:auto;width:45vw;max-width:45%;}
.adstyle2 img{}
.adstyle3 img{height:auto;width:90vw;max-width:98%;}
.adstyle4 img{}
.adstyle5 img{}

.featureimage{width:20vw;}

}



/*@media (min-width:60em){
	

}*/

*{box-sizing:border-box;font-siz3e:1em;font-family:helvetica, sans-serif;}
html, head, img, form, input, p{margin:0;padding:0;}
form{}
inpuzt{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
body{positidon:absolute;margin:0;padding:0;min-height:100vh;width:100%;}
header{padding:1vw;}
section{margin:0;padding:0;}
div.container{min-height:25rem;display:grid;width:100%;height:100%;grid-template-columns:[left] 0rem auto 0rem [right];grid-templatea-rows:[top] 6.8vw auto 5vw [bottom];grid-template-areas:"head head head" "panleft pancenter panright" "foot foot foot";}
div.header{grid-area:head;}
div.mainfooter{grid-area:foot;}
div.panel{display:none;}
div.panel.left{grid-area:panleft;background-color:rgb(0,222,0);}
div.panel.right{grid-area:panright;background-color:rgb(0,0,222);}
div.mainbody{grid-area:pancenter;borderh:15px solid grey;borderj-image-source:url(images/classicborder1.jpg);border-image-slice:33%;border-image-width:0 3 1.5 3;border-image-outset:0px;border-image-repeat:round;padding:1vw 1vw 1vw 1vw;}
div.mainfooter{padding-top:1vw;}

/*footer structure*/
div.footercontainer{display:grid;grid-template-columns:[left] auto auto auto [right];grid-template-areas: "footleft footcenter footright";}
div.footerleft{grid-area:footleft;backsground-color:gray;}
div.footermiddle{grid-area:footcenter;basckground-color:blue;}
div.footerright{grid-area:footright;backsground-color:brown;}
/*end footer structure*/

/*footer style*/
div.footercontainer{padding-left:2vw;padding-right:2vw;padding-bottom:5vw;}
div.footercontainer ul li{list-style:none;}
div.footermiddle{}
/*end footer style*/
section p{}
h1{margin:0;padding:0;font-family:serif;}
h1 a{color:rgba(255,255,255,1);font-family:eatday, serif;display:block;}
h2{margin:0;padding:0;font-family:lifesavers, serif;}
h3{margin:0;padding:0;font-family:glad, serif;}
h4{margin:0;padding:0;font-variant:small-caps;text-transform:capitalize;}
h5{margin:0;padding:0;text-align:center;}
ul, li{margin:0;padding:0;}
ol{padding-left:5vw;}
ol li{padding-bottom:2vw;list-style-type:none;}
a{text-decoration:none;color:rgba(0,0,0,1);}
dfn:hover:after{content:attr(title);color:green;border:green 1px dotted;}

nav{margin:0;vertical-align:bottom;}
nav li a, nav li input{color:rgba(0,0,0,1);font-family:serif;}


/* COMMON RADIO AND CHECKBOX STYLES  */
input[type=radio],
input[type=checkbox]{
  /* Hide original inputs */
  visibility: hidden;
  position: absolute;
}
input[type=radio] + label:before,
input[type=checkbox] + label:before{
  height:2vw;
  width:2vw;
  margin-right: 1vw;
  content: " ";
  display:inline-block;
  vertical-align: baseline;
  border:.3vw solid gray;
}
input[type=radio]:checked + label:before,
input[type=checkbox]:checked + label:before{
  background:gold;border:.3vw solid orange;
}

/* CUSTOM RADIO AND CHECKBOX STYLES */
input[type=radio] + label:before{
  border-radius:50%;
}
input[type=checkbox] + label:before{
  border-radius:2px;
}

form #firstingredient{padding:1.4vw;}
form #addedingredients div{padding:1.4vw;}
form #addedingredients div:nth-child(2n+1){background-color:rgba(248,248,248,1);}


header .hidden{display:none;}

div.mainbody ul{padding:0 0 0 2vw;}
div.mainbody p{padding:5vw 1vw 1vw 1vw;}
div.mainbody .homelist{line-height:1.8vw;}
div.mainbody .categories{}
div.mainbody a{color:rgb(112,68,10);}
div.mainbody a:visited{color:rgb(100,100,100);}
div.mainbody a:hover{color:rgb(250,175,75);}


article:first-child{padding:0 1.8vw 1.8vw 1.8vw;}
article{margin:0;padding:1.8vw;border-radius:2vw;}
article header{margin:0;padding:0;}
article h2{}
article h3{}
article h4{}
article ol, article ul{margin:.9vw;padding:0;}
article li{margin:0 0 0 .9vw;padding:0 2vw 0 0;list-style-type:none;text-indent:-2vw;}
article p{}
article time{font-style:italic;}
article blockquote{display:block;padding:.5vw;margin:.5vw .5vw .5vw 1.3vw;}
article div.vid{width:100%;max-width:80vw;}
article div.vid div.innervid{position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden;border:.3vw solid red;}
article iframe{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;border:.3vw solid gray;z-index:0;}
article footer{margin:0;padding:0;}

article section#recipefloat{width:20vw;border:1px dashed black;float:right;padding:.3vw;margin-left:.3vw;}

div.ingred, div.recipecatname{display:inline;position:relative;}
div#ingreda span, div#ingredb span, div#ingredc span, div#ingredd span, div#ingrede span, div#ingredf span, div#ingredg span, div#ingredh span, div#ingredi span, div#ingredj span, div#ingredk span, div#ingredl span, div#ingredm span, div#ingredn span, div#ingredo span, div#ingredp span, div#ingredq span, div#ingredr span, div#ingreds span, div#ingredt span, div#ingredu span, div#ingredv span, div#ingredw span, div#ingredx span, div#ingredy span, div#ingredz span{}
div.ingred span, div.recipecatname span{text-transform:uppercase;}
div#categoriesingreda, div#categoriesingredb, div#categoriesingredc, div#categoriesingredd, div#categoriesingrede, div#categoriesingredf, div#categoriesingredg, div#categoriesingredh, div#categoriesingredi, div#categoriesingredj, div#categoriesingredk, div#categoriesingredl, div#categoriesingredm, div#categoriesingredn, div#categoriesingredo, div#categoriesingredp, div#categoriesingredq, div#categoriesingredr, div#categoriesingreds, div#categoriesingredt, div#categoriesingredu, div#categoriesingredv, div#categoriesingredw, div#categoriesingredx, div#categoriesingredy, div#categoriesingredz{display:none;} 
div#recipenamea, div#recipenameb, div#recipenamec, div#recipenamed, div#recipenamee, div#recipenamef, div#recipenameg, div#recipenameh, div#recipenamei, div#recipenamej, div#recipenamek, div#recipenamel, div#recipenamem, div#recipenamen, div#recipenameo, div#recipenamep, div#recipenameq, div#recipenamer, div#recipenames, div#recipenamet, div#recipenameu, div#recipenamev, div#recipenamew, div#recipenamex, div#recipenamey, div#recipenamez{display:block;float:left;borgder:1px solid brown;width:42vw;padding:1vw;}
div#recipenamea:empty, div#recipenameb:empty, div#recipenamec:empty, div#recipenamed:empty, div#recipenamee:empty, div#recipenamef:empty, div#recipenameg:empty, div#recipenameh:empty, div#recipenamei:empty, div#recipenamej:empty, div#recipenamek:empty, div#recipenamel:empty, div#recipenamem:empty, div#recipenamen:empty, div#recipenameo:empty, div#recipenamep:empty, div#recipenameq:empty, div#recipenamer:empty, div#recipenames:empty, div#recipenamet:empty, div#recipenameu:empty, div#recipenamev:empty, div#recipenamew:empty, div#recipenamex:empty, div#recipenamey:empty, div#recipenamez:empty{display:none;}

div.featureproductsection div.featureproductitem{display:inline-block;width:auto;bordber:1px solid red;}

body#page-recipe-articles article h2 a{font-family:lifesavers;}
div.author p{margin:0;padding:0;}
div.author{text-indent:-10vw;margin:3vw;font-size:2.1vw;border:1px solid brown;border-radius:2vw;padding:1.5vw 1.5vw 1.5vw 11.5vw;box-shadow:.4vw .7vw black;}

.home-space{line-height:6vw;}

.recipeadder{font-weight:bold;font-size:4.5vw;margin:0 0 1vw 0;text-shadow:.2vw .2vw .5vw black;}
.connt div{float:left;margin:1vw;}
.connt div a{display:block;height:3em;width:6em;text-align:center;vertical-align:middle;color:blue;border:1px solid blue;}
.categories{line-height:1.8em;}

.recipeimage{heig4ht:40%;width:40vw;float:right;margin-top:.5vw;margin-right:1vw;}
g
.featureimage{heigdht:40%;wihdth:20vw;float:right;margin-top:.5vw;margin-right:1vw;}
.feature{}
.feature h2{}
.style1{border:none;margin:0 0 .8vw .8vw;background-color:rgb(249,249,249);background-image:url(images/subtlegreyfloral2.jpg);border:1px solid brown;border-radius:1vw;}
.style2{}
.style3{}
.catstyle1{text-transform:uppercase;text-decoration-style:solid;text-decoration-color:rgba(254,200,89,1);text-shadow: .2vw .2vw .4vw rgba(162,118,70,1);font-size:6vw;}

.clear{clear:both;}
.fleft{float:left;}
.fright{float:right;}
.center{text-align:center;}
.blockcenter{display:block;margin:0 auto;}
.uppercase{text-transform:uppercase;}