/*
Looking at CSS eh?
Found a problem? Got a suggestion? Just want to say hello?
robert@buglogic.com is the way
*/
/*
COLOR/FONT VARS
----------------------------*/
:root {
--billyblue:#57c6d7;
--billyred:#ff4713;
--blu:#2a4f9f;
--lt-blu:#cadff4;
--blk:#212121;
--lt-gray:#ececec;
--font:'Poppins';
--accent-font:'Pacifico';
--type-font:'Special Elite';
}
/*
GENERICS
-----------------------------*/
html, body{height:100%;}
body {display:flex; flex-direction:column; background-color:#FFF;font-family:var(--font);font-weight:300;}
.content{flex: 1 0 auto; background:var(--billyblue);}
h1, h2, h3 {font-weight:800;}
.comment {font-family:var(--type-font);font-size:85%;}
.taco-flex {display:flex;justify-content:center;align-items:center;}
.wht {color:#FFF;}
.dot-line {border-bottom:dotted 4px var(--billyblue);}
.taco-holder {display:table;margin-left:auto;margin-right:auto;margin-bottom:20px;padding:10px;background:var(--billyred);color:#FFF;}
h1.taco-head {border:dashed 4px #FFF;font-family:var(--accent-font);font-size:300%;padding:10px;font-weight:400;}
.taco-stuff {background:#FFF;padding-top:20px;margin-top:20px;margin-bottom:20px;border:dashed 4px var(--billyblue);}
.taco-stuff img {box-shadow:3px 3px 5px #727272;}
.site-button {cursor:pointer;display:table;padding:10px;font-weight:500;font-size:150%;background:var(--billyred);color:#FFF;margin-bottom:20px;}
.site-button:hover {background:var(--billyblue);color:#000;}
.taco-dotted {border:dotted 6px var(--billyblue);background:#FFF;padding:20px;margin-bottom:20px;}
h3.black-label {display:table;background:#000;color:#FFF;padding:5px;margin-left:auto;margin-right:auto;margin-bottom:10px;}
/*
HOME
-----------------------------*/
.landing{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--billyred);}
.landing img {height:80%;width:auto;}
.intro {color:#FFF;font-weight:800;font-size:500%;text-align:center;}
.vendors {background:var(--billyblue);text-align:center;}
.vendors span {font-weight:800;}
.vendors a {color:var(--billyred);font-weight:800;}
.vendors a:hover {color:var(--billyblue);text-decoration:none;}
.vendors-list {padding:50px;border:dashed 20px var(--billyblue);background:#FFF; margin:50px;font-size:1.5em;}
.black-top {display:block;text-align:center;padding:50px;background:#000;color:#FFF;font-size:2em;}
.delay10 { animation-delay:1.0s; -moz-animation-delay:1.0s; -webkit-animation-delay:1.0s; }
.delay11 { animation-delay:1.3s; -moz-animation-delay:1.3s; -webkit-animation-delay:1.3s; }
/*
MENU
-----------------------------*/
.menu {font-size:120%;background:#FFF;padding-bottom:20px;padding-top:20px;}
.menu h2 {display:table;margin-left:auto;margin-right:auto;margin-bottom:10px;padding:5px 10px;background:var(--billyblue);color:#FFF;border-radius:5px;}
.menu-sub-name {font-family:var(--font);color:var(--billyred);font-weight:800;font-size:130%;}
.menu-item-name {font-family:var(--accent-font);color:#000;font-size:110%;}
.menu-price {color:var(--billyred);font-family:var(--font);}
.menu-statement {background:var(--billyred);color:#FFF;text-align:center;border:dashed 4px #FFF;padding:20px;font-weight:500;}
.menu-statement h2{background:transparent;padding:0 0;}
a.menu-download {display:inline-table;padding:10px;font-family:var(--accent-font);font-size:150%;color:#FFF;background:var(--billyred);border-radius:5px;}
a.menu-download:hover{background:var(--billyblue);color:#000;text-decoration:none;}
#mobile-menu{position:relative;margin-left:10px;margin-right:10px;}
.mobile-links {position:absolute;top:0;z-index:10;width:100%;margin-top:10px;background:#FFF;border:solid 2px var(--billyblue);border-radius:5px;padding:20px;text-align:center;}
.mobile-links a {display:block;margin-bottom:10px;color:var(--billyred);font-family:var(--accent-font);font-size:200%;}
/*
NAV
-----------------------------*/
.top-nav {display:table;width:100%;padding:10px 30px;background:var(--billyred);color:#FFF;}
.top-border {border-bottom:dashed 4px var(--billyblue);}
.top-nav img{max-height:80px;}
a.nav-link {display:inline-table;margin-left:20px;color:#FFF;font-family:var(--accent-font);font-size:200%;}
a.nav-link:hover {color:#000;text-decoration:none;}
a.nav-link-selected{display:inline-table;margin-left:20px;color:#000;font-family:var(--accent-font);font-size:200%;}
a.nav-link-selected:hover{text-decoration:none;}
.mobile-menu {display:none}
/*
FOOTER
-----------------------------*/
footer {display:flex;flex-shrink:0;justify-content:space-around; align-items:center;background:#000;padding:10px;color:#FFF;}
footer img {max-width:220px;}
footer b {display:table;color:#FFF;font-weight:800;font-size:120%;margin-left:auto;margin-right:auto;margin-bottom:5px;}
.footer-item {padding-left:10px;padding-right:10px;}
.footer-line {border-right:solid 3px #FFF;}
.footer-parking {max-width:200px;}
.footer-social {display:table;}
a.map-it {display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;margin-top:10px;width:30px;height:30px;border-radius:15px;background:#FFF;}
a.map-it:hover {background:var(--billyred);text-decoration:none;}
a.map-it i {color:var(--billyred);font-size:130%;}
a.map-it:hover i {color:#FFF;}
a.social { display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:21px;color:#fff;margin-bottom:5px;}
a.social:hover {background:#000;text-decoration:none;}
a.social i {font-size:130%;}
a.fb { background:#315cb0; }
a.tw { background:#4db0f0; }
a.in { background:#4f7ea6; }
i.fb {color:#315cb0; }
i.tw {color:#4db0f0; }
/*
CONTACT
----------------------------*/
input[type='text'], textarea {padding:5px;border:solid 1px transparent;outline:none;background:var(--lt-gray);font-family:var(--font);margin-bottom:10px;}
input[type='text']:focus, textarea:focus {background:transparent;border:solid 1px var(--billyblue);}
textarea {min-height:200px;}
input.captcha-word[type='text']:focus{background:#727272;}
/*
ORDER
---------------------------*/
.order {display:flex;align-items:center;justify-content:center;}
a.taco-order {display:table;background:var(--billyred);color:#FFF;padding:20px;font-family:var(--accent-font);border-radius:5px;font-size:250%;margin-left:10px; margin-right:10px;}
a.taco-order:hover {background:#000;text-decoration:none;}
@media screen and (max-width: 699px) {
	.mobile-menu {display:inline-table;}
	a.open-mobile {color:#FFF;}
	a.open-mobile i {font-size:2em;}
	#desk-menu, .footer-parking, a.menu-download {display:none;}
	.two-third {width:90%;}
	.landing{flex-direction:column;height:auto;width:auto;}
	.landing img{height:auto;width:60%;margin-left:auto;margin-right:auto;margin-top:10px;}
	.intro {font-size:200%;padding-left:10px;padding-right:10px;}
	.menu-items {text-align:center;}
	.black-top {font-size:80%;padding:20%;}
	.vendors-list{padding:20px;font-size:1em;margin:10px;}
	.vendors-list .comment {font-size:130%;}
	.taco-stuff {margin-top:10px;margin-left:10px;margin-right:10px;padding:10px;}
	.order {flex-direction:column;}
	a.taco-order {margin-bottom:20px;text-align:center;line-height:110%;}
	h1.taco-head {font-size:200%;}
	footer {flex-direction:column-reverse;justify-content:center;}
	footer img {max-width:60%;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px;}
	.footer-line {border-right:none;margin-top:10px;padding-top:10px;border-top:solid 3px #FFF;}
	.footer-social {display:inline-table;margin-left:5px;margin-right:5px;}
	input[type='text'],textarea {width:100%;}
}