/*Name: Clarke Cookbook
Date: December 2020
Description: CSS for Whole Site
Author: Wesley Thompson
Author URI: http://nextdoortechie.com
*/

/* ....................................................... Desktop Style .......................................................... */

html,body,div,span,a,img,ol,ul,li,label,footer,header,nav,section,input{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline;
}

a{text-decoration:none;color:#b85b5e;font-family:tahoma,arial,sans-serif;}
html{background-color:#64afa8;}
body{font-family:tahoma,arial,sans-serif;font-size:20px;*zoom:1;}
h1,h2,h3,h4,h5,h6{font-family:tahoma,arial,sans-serif;font-weight:normal;color:#b85b5e;}
h1{color:#b85b5e;line-height:100%;margin-bottom:10px;}

h2{ 
font-family:rockwell,arial,sans-serif;
font-size:30px;
margin-bottom:5px;
color:#b85b5e;
}

input{-webkit-appearance:none;-moz-appearance:none;appearance:none;}

/* ....................................................... Desktop Nav/Search .......................................................... */

.mainnav{
background:#718ab8;
color:#f1daa6;
width:760px;
height:266px;
margin:0px auto 15px auto;
border-radius:20px;
padding:20px 20px;
z-index:20;
}

.mainnavh1,.mainnavh2{height:266px;}

.slabel{
margin-left:85px;
display:block;
width:100%;
margin-bottom:10px;
}

.mainnav h1{
font-size:40px;
font-family:rockwell,arial,sans-serif;
float:left;
color:#f1daa6;
margin:0px 0px 22px 85px;
max-width:483px;
}

.mainnav label{display:none;}
.mainnav ul{margin:0px 65px;}

.menubut{
font-family:tahoma,arial,sans-serif;
width:590px;
height:50px;
font-size:20px;
color:#442c02;
background:#a0b3d7;
border:none;
border-radius:10px;
padding:0px 20px;
outline:0;
margin-left:65px;
}

.allbut{
display:block;
text-align:center;
float:right;
width:137px;
height:42px;
line-height:42px;
background:#a0b3d7;
padding:0px;
border-radius:10px;
margin:0px 77px 20px 0px;
color:#f1daa6;
}

.allbut:hover{background:#64afa8;color:#f1daa6;}
.allbutli{display:none;}

.mainnav li{
text-align:center;
float:left;
list-style-type:none;
list-style:none;
height:42px;
line-height:42px;
background:#a0b3d7;
padding:0px;
border-radius:10px;
}

.allbutli{display:none;margin:10px;}
.regbutli{display:block;width:137px;margin:10px;}

.mainnav li a{
display:block;
width:137px;
height:42px;
color:#f1daa6;
}

.mainnav li a:hover{background:#64afa8;color:#f1daa6;border-radius:10px;}

/* ....................................................... Desktop All .......................................................... */

.hlogo{
background:#f1daa6;
border-radius:20px;
width:800px;
margin:30px auto;
}

.mobiletitle{display:none;}
.hlogo:hover{opacity:.7;}
.hlogoimg{margin:30px 144px 30px 145px;}

.dishlist{
background:#64afa8;
color:#442c02;
margin:0px auto 30px auto;
margin-bottom:30px;
z-index:10;
width:830px;
height:100%;
padding:0px;
}

.dishlist h2{margin:0px;}

.dishlist li{
float:left;
list-style-type:none;
list-style:none;
margin:15px;
border-radius:20px;
height:100px;
}

.dishlist li:hover{opacity:.7;}
.dishlistli{background:#f1daa6;width:365px;padding:20px 10px;}

.dishlist a{
display:block;
width:345px;
height:110px;
margin:-20px 0px 0px -10px;
padding:20px;
}

.dishimg{float:right;width:60px;border-radius:10px;}
.ttcolor{color:#442c02;}
.mimili{width:800px;padding-bottom:88px;}
.mimi{display:block;margin:0px auto 30px auto;}

/* ....................................................... Desktop Cards .......................................................... */

.dtcn{display:block;}
.cardmenu{display:none;}
.mobilespacer{display:none;}
.clogoimg{float:right;}
.cardtitle{display:none;}

.lbut,.rbut{
background:#64afa8;
color:#f1daa6;
font-size:40px;
display:inline-block;
border-radius:10px;
width:22px;
height:32px;
}

.lbut{margin-right:19px;padding:2px 15px 8px 13px;}
.rbut{padding:2px 13px 8px 15px;}
.lbut:hover,.rbut:hover{background:#718ab8;}

.dishinfo{
font-size:20px;
line-height:160%;
background:#f1daa6;
color:#442c02;
width:740px;
max-width:800px;
margin:30px auto;
padding:30px 30px;
border-radius:20px;
z-index:20;
}

.dishinfo h1{
font-size:40px;
font-family:rockwell,arial,sans-serif;
margin-top:20px;
margin-bottom:20px;
}

.timebox{display:block;float:left;width:740px;}
.dishtime{float:left;margin-bottom:20px;}
.dishinfo span{font-size:22px;color:#b85b5e;}
.dishinfo ul{list-style:none;margin-bottom:20px;}
.dishinfo ul li{margin-bottom:10px;}
.dishinfo ol{margin:20px 0px 0px 30px;}
.dishinfo ol li{margin-bottom:20px;}
.dishspace{margin-bottom:20px;}
.dishstep{margin-bottom:20px;}
.cdishimg{margin-top:55px;float:right;border-radius:20px;}
.dthide{display:none;}
.mobileshow{display:block;}

.cardnav{
background:#718ab8;
width:800px;
margin:auto;
border-radius:20px;
margin-top:30px;
padding:20px 0px 30px 0px;
}

.cardnav h1{
display:block;
text-align:center;
font-size:40px;
font-family:rockwell,arial,sans-serif;
color:#f1daa6;
margin:10px 0px 20px 0px;
}

.cardnav ul{width:628px;height:176px;margin:auto;}

.cardnav li{
display:block;
text-align:center;
float:left;
list-style-type:none;
list-style:none;
height:42px;
line-height:42px;
padding:0px;
margin:10px;
border-radius:10px;
}

.cardallbut{width:608px;background:#a0b3d7;}
.cardli{width:137px;background:#a0b3d7;}
.cardnav li a{display:block;height:42px;color:#f1daa6;}
.cardnav li a:hover{background:#64afa8;border-radius:10px;}
.mimicards{display:block;margin:auto;margin-bottom:65px;}
.curcardhov{background:#64afa8;border-radius:10px;}

/* ................................... DESKTOP QUOTE BUTTON ................................... */

#quotebutcon{
width:100%;
text-align:center;
position:fixed;
bottom:0;
padding:0;
background:rgba(0,0,0,0.0);
z-index:999999999;
}

.quotebut{
background:#f1daa6;
width:150px;
margin:auto;
overflow:hidden;
box-shadow:2px 0 18px rgba(0,0,0,0.3);
color:#666;
border-radius:15px 15px 0 0;
}

.quotebut span{
display:block;
width:100%;
line-height:36px;
text-align:center;
color:#64afa8;
position:relative;
border-bottom:1px solid rgba(0,0,0,0.05);
transition:background 0.2s ease-in-out;
cursor:pointer;
}

.quotebut a:active,.quotebut a:visited{background-color:#f1daa6;}
.quotebut span:hover,.quotebut span:focus{background-color:#64afa8;color:#f1daa6;}

/* ....................................................... Mobile Styles .......................................................... */

@media screen and (max-width:799px){

html,body,div,span,a,img,ol,ul,li,label,footer,header,nav,section{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline;
}

a{text-decoration:none;color:#b85b5e;font-family:tahoma,arial,sans-serif;}
html{background-color:#64afa8;}
body{font-family:tahoma,arial,sans-serif;font-size:20px;*zoom:1;}
h1,h2,h3,h4,h5,h6{font-family:tahoma,arial,sans-serif;font-weight:normal;color:#b85b5e;}
h1{color:#b85b5e;line-height:100%;margin-bottom:10px;}

h2{ 
font-family:rockwell,arial,sans-serif;
font-size:30px;
margin-bottom:5px;
color:#b85b5e;
}

/* ....................................................... Mobile Nav/Search .......................................................... */

.mainnav{
height:420px;
width:100%;
margin:0px;
border-radius:0px;
padding:0px;
border-top:2px solid #a0b3d7;
}

.slabel{margin-left:4%;margin-bottom:10px;}

.mainnav h1{
display:block;
float:none;
margin:15px 0px 10px 4%;
max-width:483px;
text-align:center;
height:40px;
}

.mainnav label{display:none;}
.mainnav ul{margin:0px 0px;}

.menubut{
width:88%;
height:40px;
border:none;
border-radius:10px;
padding:0px 2%;
outline:0;
margin-left:4%;
}

.mobilehide{display:none;}
.allbut{display:none;}
.allbutli{display:block;width:92%;}
.regbutli{width:42%;}
.mainnav li{padding:0px;border-radius:10px;margin:5px 4%;}
.mainnav li a{display:block;width:100%;height:42px;}

/* ....................................................... Mobile All .......................................................... */

.hlogo{border-radius:0px;width:100%;margin:0px auto;}

.mobiletitle{
display:block;
background:#718ab8;
width:100%;
height:50px;
line-height:50px;
font-family:rockwell,arial,sans-serif;
font-size:30px;
text-align:center;
color:#f1daa6;
border-bottom:2px solid #a0b3d7;
border-top:2px solid #a0b3d7;
z-index:20;
}

.hlogoimg{margin:25px 4% 25px 4%;width:90%;max-width:511px;}

.dishlist{
margin:0px auto;
margin-bottom:0;
width:100%;
padding:0;
}

.dishlist li{
float:left;
height:150px;
margin:0px 0px 10px 0px;
border-radius:0px;
}

.dishlist h2{margin:20px 4% 0px 4%;}
.dishlistli{width:100%;margin:0px;padding:0px;}

.dishlist a{
display:block;
width:100%;
height:100%;
margin:-20px 0px 0px 0px;
padding:20px 0px 0px 0px;
}

.dishimg{margin:20px 4% 0px 0px;}
.mimili{width:100%;padding:0 0 65px 0;margin:0;}
.mimi{margin:20px auto 30px auto;}
.ttcolor{margin:0px 4%;}

/* ....................................................... Mobile Cards .......................................................... */

.dtcn{display:none;}
.mobilespacer{display:block;height:50px;width:100%;}

.cardmenu{
position:fixed;
display:block;
background:#718ab8;
width:100%;
height:50px;
font-family:rockwell,arial,sans-serif;
font-size:40px;
border:none;
color:#f1daa6;
border-bottom:2px solid #a0b3d7;
z-index:20;
}

.mobilefixed{position:fixed;}
.mobilefixed h1{font-size:30px;}
.cardmenu:hover{border:none;}

.clogoimg{
float:none;
width:90%;
display:block;
margin:0px auto 25px auto;
max-width:381px;
}

.cardtitle{
display:block;
background:#718ab8;
width:100%;
height:42px;
text-align:center;
vertical-align:middle;
border-bottom:2px solid #a0b3d7;
border-top:2px solid #a0b3d7;
z-index:20;
margin-bottom:20px;
padding-top:8px;
}

.cardtitle span{font-family:rockwell,arial,sans-serif;font-size:30px;color:#f1daa6;}
.lbut{margin-left:4%;}

.dishinfo{
width:100%;
margin:0px;
padding:30px 0px;
border-radius:0px;
}

.dishinfo h1{margin-left:4%;}
.lmarg{margin-left:4%;}
.rmarg{margin-right:4%;}
.timebox{display:block;float:none;width:100%;}
.dishtime{float:none;margin:0px 0px 0px 4%;}
.dishinfo ul{margin-left:4%;}
.dishspace{margin-left:4%;margin-bottom:20px;}
.cdishimg{display:block;margin:25px auto 25px auto;float:none;}

.cardnav{
width:100%;
border-radius:0px;
margin-top:0px;
padding:20px 0px 26px 0px;
border-top:2px solid #a0b3d7;
}

.cardnav ul{width:100%;}
.cardnav li{margin:10px 4%;}
.cardallbut{width:92%;}
.cardli{width:42%;}
.mimicards{margin:65px auto;}
.curcardhov{background:#64afa8;}

}