/* fonts to change for color choises:
html, a, button_font, items
Background change:
container, button_menu
blue gradient - background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,112,1) 54%, rgba(17,104,152,1) 99%);
green gradient - background: linear-gradient(180deg, rgba(25,145,74,1) 0%, rgba(151,244,9,1) 100%);
red gradient - background: linear-gradient(180deg, rgba(244,45,9,1) 0%, rgba(230,208,49,1) 100%);
burnt-red, 180 - background: linear-gradient(180deg, rgba(180,46,22,1) 0%, rgba(244,223,9,1) 100%);
burnt-red, 45 - background: linear-gradient(86deg, rgba(180,46,22,1) 0%, rgba(244,223,9,1) 100%);
yellow gradient - background: linear-gradient(22deg, rgba(226,244,9,1) 0%, rgba(179,230,49,1) 100%);
red-white-blue-horz - background: linear-gradient(90deg, rgba(242,7,7,1) 0%, rgba(250,250,250,1) 41%, rgba(13,59,245,1) 98%);
red-white-blue-vert - background: linear-gradient(180deg, rgba(242,7,7,1) 0%, rgba(250,250,250,1) 41%, rgba(13,59,245,1) 100%);
*/
@media(max-width:980px){
/* changes HOURS, Menu Items */
html {color:#fff; }
/* changes TITLE, SIGN FONT, Footer Links */
a { text-decoration: none;color:#fff; }
* { -webkit-text-size-adjust: none;} /* Chrome Sucks */
img {border:none;} /* I.E. Sucks */
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@font-face {font-family: Georgia, serif;}
@font-face {font-family: "Times New Roman", Times, serif;}
@font-face {font-family: "Pare";src: url("../../fonts/Pare.ttf");}
body { margin:0px; animation: fadein .35s; width:97%; font-family: "Times New Roman", Times, serif;#background-color:#000; #background-image:url(../img/Bobs-bg.jpg); background-repeat:no-repeat; background-size:cover; background-attachment: fixed;}
/* Themes */
.stars {position:absolute; top:0rem; left:1rem;right:0; margin:0 auto; padding:0 1rem; #border:1px dashed #fff;}
.stars_v2 {position:absolute; display:inline; bottom:-3rem; left:1rem;right:0; margin:0 auto; padding:0 1rem; #border:1px dashed #fff;}
.redstar { color:red; font-size:3rem; #left:2rem; }
.greenstar { color:lime; font-size:3rem; #left:2rem; }
.bluestar { color:blue; font-size:3rem; #left:2rem; }
.purplestar {color:#ab00fe; font-size:3rem; left:2rem; #filter: drop-shadow(0px 0px 20px #fff); }
.angel {}
.waterfall { }
.italy { position:relative; width:2rem; height:auto; top:0; }
.USA { position:relative; width:2rem; height:auto; top:0; }
.highlite {text-shadow: 1px 1px 2px black, 0 0 25px yellow, 0 0 5px yellow; }
.redbg {background: linear-gradient(180deg, rgba(244,45,9,1) 0%, rgba(230,208,49,1) 100%) !important;}
.greenbg {background: linear-gradient(180deg, rgba(31,82,5,1) 0%, rgba(67,98,24,1) 9%, rgba(87,159,45,1) 55%, rgba(94,255,0,1) 88%) !important;}
.bluebg { background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,112,1) 54%, rgba(17,104,152,1) 99%) !important; }
.purplebg {background: linear-gradient(180deg, rgba(75,9,107,1) 33%, rgba(200,28,158,1) 100%);}
.whitebg {background:#fff;}
.blackbg { background:#f1f1f1; top:.5rem; left:.5rem; padding:0 1rem; border:7px solid #000; border-radius:12px; }
.carbg {background-image:url(../../Dougs57/img/bg/1.gif); background-attachment: fixed; background-size:cover; }
.waterfallbg {background-image:url(../img/bg/waterfall.gif); background-attachment: fixed; background-size:cover; }
.italybg {background: linear-gradient(90deg, rgba(19,143,21,1) 0%, rgba(255,255,255,1) 52%, rgba(255,0,0,1) 100%);}
.USAbg (background: linear-gradient(90deg, rgba(242,10,10,1) 0%, rgba(255,255,255,1) 52%, rgba(4,0,255,1) 100%);)
.transparentbg {background:transparent;}
.stars_bg_white {padding:0 0; color:#000; background:#FFF; #border:3px solid #000; border-radius:1rem; }
.stars_bg_black {padding:.0 0; color:#FFF; background:#000; #border:3px solid #FFF; border-radius:1rem; }
.bg_white {padding:.5rem 1.5rem; color:#000; background:#FFF; border:3px solid #000; border-radius:2rem; }
.bg_white_thin {padding:.1rem 1rem; color:#000; background:#FFF; border:5px solid #000; border-radius:.5rem; }
.bg_black {padding:.5rem 1.5rem; color:#FFF; background:#000; #border:3px solid #FFF; border-radius:2rem; }
.bg_ltblue_thin {padding:.5rem 1.5rem; color:#FFF; background: #385D9A; border:3px solid #fff; border-radius:.5rem; }
.icon { position:relative; top:1vw; height:2.8rem; width:auto; #border:2px solid #ccc; padding:.5vw .5vw; #border-radius:10px; z-index:9; }
.icon:active { transform:translateY(4px); }
.red {color:red !important;}
.black {color:#000 !important;}
.white {color:#fff;}
.lime {color: lime;}
,green {color:green;}
.yellow {color:yellow; }
/* .header { width:75%; border:4px solid #000; border-radius:12px;}*/
/* ---------------------------------- */
.bg_container {position:absolute; top:0; left:0; width:100%; height:100%; }
.container {position:absolute; display:block; min-height:100%; left:0vw; right:0vw;top:0; margin:0 auto; border:none;#background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,112,1) 54%, rgba(17,104,152,1) 99%); box-shadow: -4px 0px 22px #ccc, 8px 0px 22px #CCC; border:2px solid #CCC;}
/*.container-pizza {position:relative; display:block; max-width:900px; min-height:100%; left:0vw; top:0vw; background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 100%); box-shadow: -4px 0px 22px #ccc, 8px 0px 22px #CCC; border:2px solid #CCC;}
*/
.container_joke { width:90vw; height:auto; color:#fff; background: linear-gradient(287deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 97%); border:6px solid red; border-radius:35px;}
.click_for_special {position:relative; left:0; right:0; top:2vh; margin: 0 auto; width:13rem; font-size:2rem; height:auto; color:#000; padding:.6rem; background-color:#FDFA9E; border:.5rem solid red; border-radius:1rem; z-index:3;}
.click_for_special:active { transform:translateY(9px); }
/* Active Width Display */
.width {position:fixed; right:1vw; top:2vw; color:#ccc; #border:1px solid red; z-index:77; }
.logo {position:relative; display:inline; top:3vw; left:0vw; height:auto; #background:#FFF; border-radius:2vw; #border:1px dashed blue; z-index:2;}
.absolute {position:absolute !important;}
.fixed {position:fixed !important;}
.logo_bg {position:absolute; display:inline; opacity:.25; top:6rem; left:0; right:0; margin :0 auto; height:auto; #background:#FFF; border-radius:2vw; #border:1px dashed blue; z-index:0;}
.logo_bg1 {position:absolute; display:inline; opacity:.18; top:10vw; left:0; right:0; margin :0 auto; width:70vw; height:auto; #background:#FFF; border-radius:2vw; #border:1px dashed blue; z-index:1;}
.logo_sm {position:relative; display:inline; top:3vw; left:0vw; width:35%; height:auto; #background:#FFF; border-radius:2vw; #border:1px dashed blue; z-index:2;}
.logo1 {position:relative; display:inline; top:-1vw; left:0vw; width:98%; height:auto; #border:1px dashed blue; z-index:2;}
.logo-1 {position:relative; display:inline; top:-1vw; left:0vw; width:55%; height:auto; #background:#FFF; border-radius:2vw; #border:1px dashed blue; z-index:2; }
.logo_food {position:relative; display:inline; top:3vw; left:0vw; width:85%; height:auto; #background:#FFF; border-radius:2vw; #border:1px dashed blue; z-index:2;}
div.logoblur {position:absolute; left:0; right:0; margin:0 auto; border-radius: 50%;background-color: #ccc;
box-shadow: 0 0 80px 50px #fff, /* inner white */ 0 0 120px 80px #f0f, /* middle magenta */ 0 0 160px 110px #0ff; /* outer cyan */ }
.smiley {position:relative; top:.5vh; width:3rem; height:auto;}
.button { height:12vw; border-radius:2vw; box-shadow: -4px 0px 12px #ccc, 8px 0px 12px #CCC; }
.button:active { transform:translateY(9px); }
.button-menu { position:relative; display:inline-block; left:0; right:0; margin:3vw auto; width:80%; font-family: "Times New Roman", Times, serif; padding:0 3vw; border-radius:2rem; #background:#221F4C; box-shadow: -4px 0px 12px #ccc, 8px 0px 12px #CCC; overflow:hidden; user-select: none;z-index:33; }
/*
.button-menu1 { position:relative; display:inline-block; left:0; right:0; margin:5vw auto; width:80%; height:35vw; max-height:250px; font-family: "Times New Roman", Times, serif; padding:0 3vw; border-radius:5vw; background:#221F4C; box-shadow: -4px 0px 12px #ccc, 8px 0px 12px #CCC; overflow:hidden; user-select: none;z-index:33; }
.button-menu2 { position:relative; display:inline-block; left:0; right:0; margin:5vw auto; width:50vw; height:5vw; #max-height:250px; font-family: "Times New Roman", Times, serif; padding:0 3vw; border-radius:5vw; #background:#221F4C; box-shadow: -4px 0px 12px #ccc, 8px 0px 12px #CCC; overflow:hidden; #user-select: none; #z-index:33; }*/
.button-menu:active { transform:translateY(9px); }
.button-menu1:active { transform:translateY(9px); }
.button-menu2:active { transform:translateY(9px); }
.buttonpic {position:absolute; top:0; bottom:0; right:-10em; padding:2vw; margin:0 auto; height:auto; width:70%; }
.buttonpic_sm {position:absolute; top:0; bottom:0; right:-5vw; padding:2vw; margin:0 auto; height:auto; width:40%; }
.buttonfont {position:relative; #color:yellow; margin: 0 0; font-size:3.1rem; float:left; z-index:3; #border:1px dashed yellow;}
.button-toppings {height:4vw; padding:3vw 2vw; border-radius:4vw; box-shadow: -4px 0px 12px #ccc, 8px 0px 12px #CCC; #border:3px dashed #FFF;}
.button2 { width:40vw; height:15vw; font-family: "Times New Roman", Times, serif; padding:1vw 3vw; border-radius:2vw; box-shadow: -4px 0px 12px #ccc, 8px 0px 12px #CCC; background: #221F4C; white-space: nowrap; user-select: none; }
.button2:active { transform:translateY(9px); }
.button3 {#display:inline; }
.button3:active { transform:translateY(4px); }
.pricing {position:relative; height:auto; width:24rem !important; padding:1rem 0 1rem 0;border:.5rem solid #fff; border-radius:2rem; box-shadow:3px 3px 22px lime, -3px -3px 22px lime;}
.pricing:active {transform:translateY(4px); box-shadow: inset 3px 3px 22px lime, inset -3px -3px 22px lime}
.pricing2 {position:relative; width:65vw; height:auto; padding:1.5vh 1.5vw; border:7px solid #fff; border-radius:22px; }
li {line-height:6vw;font-size:1.7rem; color:#fff;}
lo {line-height:5.5vw;}
.up1 {padding:0 0 1vh 0;}
/* DAILY SPECIALS, INDEX PAGE */
.day_container {position:absolute; display:none; left:0; right:0; margin: 0 auto; height:32rem; width:30rem; border-radius:22px; z-index:2; #border:2px dashed #FFF; }
.day {position:absolute; left: 0; right: 0; margin: 0 auto; z-index:3; background-size:contain; background-repeat: no-repeat; border-radius:2rem; color:#fff; background-color:#000; #border:2px dashed #FFF; }
.special_container {position:absolute; right:0; left:0; margin: 0 auto; #border:4px dashed #FFF; }
.food_item {position:absolute; left:0; right:0; margin: 0 auto; width:90% !important; background-size:contain; background-position:0 0 ;background-repeat: no-repeat; #border:4px dashed lime;}
.info {position:absolute; right:0; left:0; margin: 0 auto; height:6rem; bottom:.4rem; #border:4px dashed #FFF;}
.close_special{ position:absolute; bottom:-.55vh; margin: 0 auto; padding:1rem; font-size:1rem; border-top-left-radius:1rem; border-bottom-right-radius:2rem; z-index:3;}
.specials_sign {position:relative; width:75vw; height:auto; padding:1.5vh 1.5vw; border:7px solid #fff; border-radius:22px; box-shadow:3px 3px 22px #2FF0FF, -3px -3px 22px #2FF0FF}
/* ---------------------- */
/* Pricing */
.qrcards {position:absolute; top:3vw; left:43vw;}
.logo_card { }
.logo_card_wide { position:absolute; height:8vw; width:14vw; top:12vw; left:44.5vw; #border:2px dashed red;}
.logo_card_wide2 {position:absolute; height:9vw; width:16vw; top:12vw; left:43.5vw; #border:2px dashed red; }
.logo_card_square { position:absolute; height:14vw; width:14vw; top:10vw; left:44.3vw; #border:2px dashed red;}
.qrcode_card {position:absolute; height:9vw; width:9vw; top:11vw; left:60vw; #border:2px dashed red;}
.qrtents {position:absolute; top:62vw; left:63vw;}
.logo_tent {}
.logo_tent_wide {position:absolute; height:4.5vw; width:8vw; top:71vw; left:65vw; transform:rotate(5deg); #border:2px dashed lime;}
.logo_tent_wide2 {position:absolute; height:5vw; width:8vw; top:71vw; left:65.5vw; transform:rotate(7deg); #border:2px dashed lime;}
.logo_tent_square {position:absolute; height:7.5vw; width:7.5vw; top:69vw; left:65.5vw; transform:rotate(5deg); #border:2px dashed lime;}
.qrcode_tent {position:absolute; height:5vw; width:5vw; top:76vw; left:66vw; transform:rotate(8deg); #border:2px dashed red;}
.photobox {position:absolute; top:54vw; left:27vw;}
/* --------------------- */
.popup { position: relative; display: inline-block; cursor: pointer; top:0; font-family:Georgia, serif; font-size:4.5vw; line-height:2.5vw; font-weight:bold; color: #fff; text-align: center; padding:1vw 2vw; user-select: none; #border:2px dashed lime; }
.popup:active { transform:translateY(9px); }
.popup ::after { position: absolute; top: 100%; border-width: 35px; border-style: solid; border-color: #FFF transparent transparent transparent;}
.popup1 {position: relative; display: inline-block; cursor: pointer; top:0vw; font-family:Georgia, serif; font-size:4.75vw; line-height:2.5vw; font-weight:bold; color: #fff; text-align: center; padding:1vw 2vw; user-select: none; #border:2px dashed #FFF;}
.popup1 ::after { position: absolute; top: 100%; border-width: 35px; border-style: solid; border-color: #FFF transparent transparent transparent;}
.minipics {position:absolute; #display: inline; right:5rem; width:6rem; #color:#fff;font-size:1.3rem; border-radius:12px; padding:.5vw 2vw .5vh 2vw; border:4px solid #FFF;}
.discount {position:absolute; #display: inline; left:-1rem; width:16rem; #color:#FFF; font-size:1.3rem; border-radius:12px; padding:.5vw 2vw .5vh 2vw; border:4px solid #FFF;}
.neon_green {border:4px solid lime; border-radius:12px; padding:.5vh 2vw .5vh 2vw; box-shadow:3px 3px 22px lime, -3px -3px 22px lime}
.neon_ltBlue {border:4px solid #2FF0FF; border-radius:12px; padding:.5vh 2vw .5vh 2vw; box-shadow:3px 3px 22px #2FF0FF, -3px -3px 22px #2FF0FF}
.pad {position:relative;padding:0 0 0 7rem;}
.menu_options {position:relative; top:-7vh; display:inline; #border:2px dashed #fff;}
.flag {position:absolute; width:14rem; transform:rotate(-20deg);top:-10rem; left:5rem; #border:2px dashed #fff;}
.TY {position:absolute; top:-2.5rem; left:-2rem; width:20rem; #color:yellow; font-size:1.75rem; margin:1vh 0 0 0 ; #border:2px dashed #fff;}
.hidden { visibility: hidden; display:none; }
.hide {position:absolute; visibility: hidden; display:none; #top:35vw; left:0vw; width:95%; height:auto; #background:#FFF; border-radius:2vw; #border:1px dashed blue; }
.pic_joke {width:98%; #border-radius:45px; filter: drop-shadow( 4px 0px 2px #ff);} }
.logo_joke {position:relative;top:5vh; width:75vw;}
f6 {font-size:4.56vw; }
.joke {position:relative; top:-1.5vw; left:3vw; font-size:3vw; font-weight:bold; color:yellow; text-decoration:underline yellow 1px;text-underline-offset: 3px;}
.joke::before { content:"Dad Joke #"}
.inline {position:relative; display:inline;}
.plan {position:absolute; left:0; right:0; margin:0 auto; top:2vh; font-size:9vw; color:#000; }
/* KEEP SPAN WIDTH @ vw (not %) - SPAN GOES BY WIDTH OF WORDS, NOT WIDTH OF | */
/*span.breakfast {width:92vw; bottom: 10vw; left: -4vw; height:65vw; background-color: #FFF; border:.5vw solid white; border-radius: 3vw; background-size:100%; background-repeat:no-repeat; z-index: 1; }
span.pizza {width:94vw; bottom: 7vw; left: -1vw; height:65vw; background-color: #FFF; border:.5vw solid white; border-radius: 3vw; background-size:100%; background-repeat:no-repeat; z-index: 1;}
span.sandwiches {width:92vw; bottom: 10vw; left: -4vw; height:65vw; background-color: #FFF; border:.5vw solid white; border-radius: 3vw; background-size:100%; background-repeat:no-repeat; z-index: 1; }
span.chicken {width:85vw; bottom: 14vw; left: -4vw; height:65vw; z-index:9999; } */
.text {position:absolute; text-align: center; white-space:normal; left:0%; bottom:0vw; width:91.5%; height:auto;font-size:4.5vw; font-family:Georgia, serif; line-height:5.5vw; #color:#FFF; padding:3vw 4vw; border-radius:0 0 3vw 3vw; background: #000; }
/*
.text1 {position:absolute; text-align: center; white-space:normal; left:0%; bottom:0vw; width:89%; height:12vw; font-size:4vw; font-family:Georgia, serif; line-height:2vw; color:#FFF; padding:1vw 2vw; border-radius:0 0 3vw 3vw; background: #000; } */
/*
.popup .toppingstrad {visibility: hidden; position: absolute; left:-11vw; bottom: 120%; width:80vw; height:52vw; margin-left: -80px; padding:3vw 1vw; font-size:3.8vw; line-height:7vw; background-color: red; border:1vw solid white; border-radius: 6vw; z-index: 1; }
.popup .toppingstrad::after { content: ""; left: 40%; margin-left: 0px; }
.popup .toppingsspec { visibility: hidden; position: absolute; left:-11vw; bottom: 120%; width:80vw; height:52vw; margin-left: -80px; padding:3vw 1vw; font-size:3.8vw; line-height:7vw; background-color: red; border:1vw solid white; border-radius: 6vw; z-index: 1; }*/
.popup .toppingsspec::after { content: ""; left: 50%; margin-left: -40px; }
.myToppingsTrad {padding:2vw;}
.myToppingsTrad:active {transform:translateY(4px);}
.ToppingsTrad { position: absolute; left:-7vw; bottom: 120%; width:80vw; height:52vw; margin-left: -80px; padding:3vw 1vw; font-size:4vw; color:#fff; line-height:7vw; background-color: red; border:1vw solid white; border-radius: 6vw; z-index: 1; }
.myToppingsSpec {padding:2vw;}
.myToppingsSpec:active {transform:translateY(4px);}
.ToppingsSpec { position: absolute; left:-7vw; bottom: 120%; width:80vw; height:52vw; margin-left: -80px; padding:3vw 1vw; font-size:4vw; color:#fff; line-height:7vw; background-color: red; border:1vw solid white; border-radius: 6vw; z-index: 1; }
.myBreadsSubs {padding:2vw;}
.myBreadsSubs:active {transform:translateY(4px);}
.BreadsSubs { position: absolute; left:-11vw; top: -48vw; width:90vw; height:40vw; margin-left: -80px; padding:3vw 1vw; font-size:4vw; color:#000; line-height:7vw; background:#D5A3F0; border:1vw solid white; border-radius: 4vw; z-index: 1; }
.myToppingsSubs {padding:2vw;}
.myToppingsSubs:active {transform:translateY(4px);}
.ToppingsSubs { position: absolute; left:-6vw; top: -34vw; width:80vw; height:26vw; margin-left: -80px; padding:3vw 1vw; font-size:4vw; color:#fff; line-height:7vw; background:#2F7B8F; border:1vw solid white; border-radius: 4vw; z-index: 1; }
.mySaucesSubs {padding:2vw;}
.mySaucesSubs:active {transform:translateY(4px);}
.SaucesSubs { position: absolute; left:-9vw; top: -42vw; width:85vw; height:34vw; margin-left: -80px; padding:3vw 1vw; font-size:4vw; color:#000; line-height:7vw; background:#D8C46A; border:1vw solid white; border-radius: 4vw; z-index: 1; }
table { padding: 2vw 2vw ; }
/* Adjust Item Font Size within popup */
/* This FontSize adjussts prices */
td { font-weight:bold; font-size:2rem; padding:.5vw 0; white-space: nowrap;}
td.smprice { font-weight:bold; font-size:4.5vw; #padding:.5vw 0; white-space: nowrap;}
td.g { color:#00FF00; }
td.r { color:red; }
td.w { color:#FFF; }
/*
.on_button {position:relative; left:-23vw; top:1.5vh; background-image:url(../img/on.png); background-repeat:no-repeat; background-position:center center;background-size:9vw;}
.off_button {position:relative; display:none; left:-11vw;top:-3.5vh; background-image:url(../img/off.png); background-repeat:no-repeat; background-position:center center;background-size:7vw; filter: drop-shadow( 4px 0px 2px crimson);}*/
/* .on_off_text1 {position:relative; #display:none; left:0; top:0; line-height:1vh; padding:1.5vw; color:#fff; font-size:3vw; border:4px solid #fff; border-radius:22px; #box-shadow:3px 3px 22px lime, -3px -3px 22px lime;}
.on_off_text2 {position:relative;left:-.2vw; top:0; line-height:1vh; padding:1.5vw; color:#fff; font-size:3vw; border:4px solid #fff; border-radius:22px; #box-shadow:3px 3px 22px lime, -3px -3px 22px lime;}*/
.overflow {overflow:hidden; }
.phone {position:relative; float:center; top:0vw; width:98%; height:20vw; font-size:9vw; font-family: "Times New Roman", Times, serif;#border:1px solid red; }
/* Adjust Item Font Size within popup */
.items { position:relative; #color:#fff; font-family: "Times New Roman", Times, serif; line-height:5rem; width:90%; background:#FFF; box-shadow: -4px 0px 12px #ccc, 8px 0px 12px #CCC; background:transparent; border-radius:2vw; #border:3px dashed #FFF;}
/*
/* Adjust Item Font Size within popup */
.items1 { position:relative; color:#fff; font-family: "Times New Roman", Times, serif; line-height:11vw; width:96%; background:#FFF; box-shadow: -4px 0px 12px #ccc, 8px 0px 12px #CCC; background:transparent; border-radius:2vw; #border:3px dashed #FFF;}
/* Adjust Item Font Size within popup */
.items2 { position:relative; color:#fff; font-family: "Times New Roman", Times, serif; line-height:11vw; width:90%; box-shadow: -4px 0px 12px #ccc, 8px 0px 12px #CCC; border-radius:2vw;}*/
/* Adjust Item Font Size within popup *//*
.items3 { position:relative; left:0vw; color:#fff; font-family: Georgia, serif; line-height:11vw; width:98%; box-shadow: -4px 0px 12px #ccc, 8px 0px 12px #CCC; background:transparent; border-radius:2vw; #border:3px dashed #FFF;}*/
.items3 { position:relative; left:0vw; color:#fff; font-family: Georgia, serif; line-height:11vw; width:98%; box-shadow: -4px 0px 12px #ccc, 8px 0px 12px #CCC; background:transparent; border-radius:2vw; #border:3px dashed #FFF;}
.item_pic {position:absolute; width:6rem; height:auto; top:-1.5vh; left:0; padding:0 2vw 0 0;#border:3px dashed #FFF;}
.item_name {position:relative; #color:#FFF; #border:3px dashed #FFF;}
.item_name2 {position:relative; text-align:left; padding: 0 0 0 3vw; #border:3px dashed #FFF;}
.halfspacer {height:2vw; }
.spacer {height:4rem; }
.spacer2 {height:8rem; }
.spacer3 {height:12rem; }
.spacer4 {height:16rem; }
.home {position:relative; width:8vw; height:auto; }
.name { width: 30vw;} /* Sign Name */
.welcome {position:absolute; top:70vw; right:14vw; width:70vw; height:auto; transform:rotate(-11deg); }
.signfont {position:relative; font-family: "Times New Roman", Times, serif; font-size:8rem; #color:#FFF; line-height:18vw; }
.signfont-sm {position:relative; font-family: "Times New Roman", Times, serif; font-size:14vw; #color:#FFF; #line-height:11vw; }
.titlefont {position:relative; font-family: "Times New Roman", Times, serif; font-size:3rem; #color:#FFF; #line-height:1vh; }
.titlefont-sm {position:relative; font-family: "Times New Roman", Times, serif; font-size:2.25rem; #color:#FFF; #line-height:12vw; }
fstar { color:yellow; }
.pic-5 { top:-1vw; width: auto; height: 1.5vw; border-radius: 1vw; #border-style:ridge; }
.pic-45 { top:-1vw; width: auto; height: 2.25vw; border-radius: 1vw; #border-style:ridge; }
.pic-4 { top:-1vw; width: auto; height: 3rem; border-radius: 1vw; #border-style:ridge; }
.pic-35 { top:-1vw; width: auto; height: 4.25rem; border-radius: 1vw; #border-style:ridge; }
.pic-3 { top:-1vw; width: auto; height: 5.5rem; border-radius: 1vw; #border-style:ridge; }
.pic-25 { top:-1vw; width: auto; height: 6.25rem; border-radius: 1vw; #border-style:ridge; }
.pic-2 { top:-1vw; width: auto; height: 7rem; border-radius: 1vw; #border-style:ridge; }
.pic-1 { top:-1vw; width: auto; height:8.5rem; border-radius: 1vw; #border-style:ridge; }
.pic { top:-1vw; width: auto; height: 10rem; border-radius: 1vw; #border-style:ridge; }
.pic1 { top:-1vw; width: auto; height: 11.5rem; border-radius: 1vw; #border-style:ridge; }
.pic2 { top:-1vw; width: auto; height: 13rem; border-radius: 1vw; #border-style:ridge; }
.pic3 { top:-1vw; width: auto; height: 14.5rem; border-radius: 1vw; #border-style:ridge; }
.pic4 { top:-1vw; width: auto; height: 16rem; border-radius: 1vw; #border-style:ridge; }
.pic5 { top:-1vw; width: auto; height: 17.5rem; border-radius: 1vw; #border-style:ridge; }
.pic6 { position:relative; top:-1vw; width: auto; height: 19rem; border-radius: 1vw; #border-style:ridge; }
.pic7 { top:-1vw; width: auto; height: 20.5rem; border-radius: 1vw; #border-style:ridge; }
.pic8 { top:-1vw; width: auto; height: 23rem; border-radius: 1vw; #border-style:ridge; }
.pic9 { top:-1vw; width: auto; height: 24.5rem; border-radius: 1vw; #border-style:ridge; }
.click_hand {position:absolute; top:2rem; right:3rem; transform:rotate(-45deg); width:4rem; height:auto;}
.click_hand_example {position:absolute; top:-1vh; right:3vw; transform:rotate(-45deg); width:10vw; height:auto;}
.example {position: relative;}
.close_popup:after{ position:absolute; content:"Close" ;font-size:.7em; right:0vw; top:4.5vh; padding:9px; border:2px solid #fff; border-radius:13px; z-index:3;}
ful {position:relative; text-decoration:underline red 1px;text-underline-offset: 3px;}
/*
f1 { position: inherit; font-size:.45rem; #color:#000; font-family: ;}
f1w { position: inherit; font-size:.45rem; color:#FFF; font-family: ;}
f125 { position: inherit; font-size:.55rem; color:; font-family: ;}
f125w { position: inherit; font-size:.55rem; color:#FFF; font-family: ;}
f15w { position: inherit; font-size:.6rem; color:#FFF; font-family: ;}
f15 { position: inherit; font-size:.6rem; color:; font-family: ;}
f15fr { position: inherit; float: middle; font-size:.6rem; color:; font-family: ;}
f2 { position: ; font-size:.85rem; color:#000; font-family: ;}
f2w { position: ; font-size:.85rem; color:#FFF; font-family: ;}
f2r { position: ; font-size:.85rem; color:red; font-family: ;}
f2y { position: ; font-size:.85rem; color:yellow; font-family: ;}
f25 { position: inherit; font-size:1.1rem; color:; font-family: ;}
f25w { position: inherit; font-size:1.1rem; color:#FFF; font-family: ;}
f3 { position: ; font-size:1.35rem; color:; font-family: ;}
f3w { position: ; font-size:1.35rem; color:#FFF; font-family: ;}
f3g { position: ; font-size:1.35rem; color:green; font-family: ;}
f3y { position: ; font-size:1.35rem; color:yellow; font-family: ;}
f35 { position: inherit; font-size:1.5rem; color:; font-family: ;}
f35w { position: inherit; font-size:1.5rem; color:#FFF; font-family: ;}
f35y { position: ; font-size:1.5rem; color:yellow; font-family: ;}
f35l { position: inherit; font-size:1.5rem; color:lime; font-family: ;}
f4 { position: inherit; font-size:1.7rem; color:#000; font-family: ;}
f4w { position: inherit; font-size:1.7rem; color:#FFF; font-family: ;}
f4g { position: inherit; font-size:1.7rem; color:lime; font-family: ;}
f4y { position: inherit; font-size:1.7rem; color:yellow; font-family: ;}
f425w { position: inherit; font-size:1.76rem; color:#FFF; font-family: ;}
f45w { position: inherit; font-size:1.76rem; color:#FFF; font-family: ;}
f45 { position: inherit; font-size:1.76rem; color:; font-family: ;}
f5 { position: inherit; font-size:2.15rem; color:; font-family: ;}
f5w { position: inherit; font-size:2.15rem; color:#FFF; font-family: ;}
f5w-a { position: inherit; font-size:2.15rem; color:#FFF; font-family:'Airel' ;}
f5g { position: inherit; font-size:2.15rem; color:green; font-family: ;}
f5y { position: inherit; font-size:2.15rem; color:yellow; font-family: ;}
f55 { position: inherit; font-size:2.25rem; color:; font-family: ;}
f6 { position: inherit; font-size:2.5rem; color:; font-family: ;}
f6r { position: inherit; font-size:2.5rem; color:red; font-family: ;}
f6w { position: inherit; font-size:2.5rem; color:#fff; font-family: ;}
f6y { position: inherit; font-size:2.5rem; color:yellow; font-family: ;}
f65w { position: inherit; font-size:2.8rem; color:#fff; font-family: ;}
f7 { position: inherit; font-size:3.1rem; color:; font-family: ;}
f7w { position: inherit; font-size:3.1rem; color:#FFF; font-family: ;}
f7w-a { position: inherit; font-size:3.1rem; color:#FFF; font-family:'Airal' ;}
f7r { position: inherit; font-size:3.1rem; color:red; font-family: ;}
f8 { position: inherit; font-size:3.5rem; color:; font-family: ;}
f8w { position: inherit; font-size:3.5rem; color:#FFF; font-family: ;}
f9 { position: inherit; font-size:3.9rem; color:; font-weight: ;}
f9w { position: inherit; font-size:3.9rem; color:#FFF; font-family: ;}
f10 { position: inherit; font-size:4.1rem; color:; font-weight: ;}
f10w { position: inherit; font-size:4.2rem; color:#FFF; font-family: ;}
f13 { position: inherit; font-size:17vw; color:; font-weight: ;}
*/
fw {color:#FFF;}
fb {color:#000; }
fg {color:green;}
fl {color:lime;}
fr {color:red;}
fy {color:yellow;}
fyi {color:yellow; font-style: italic; font-size:2rem; text-decoration:underline #FFF 3px;text-underline-offset: 8px;}
fi {#color:#FFF; font-style: italic; text-decoration:underline #FFF 3px;text-underline-offset: 8px;}
fccc {color:ccc;}
fop {opacity:1 !important;}
.bold {font-weight:bold;}
.on_off {font-size:4vw; color:#fff; padding:0 0 0 7vw; }
w { color:#FFF; font-family:'' }
blk {color:#000;}
s {color:lime; text-decoration-thickness: 7px;}
.g1 {position:relative; display:inline; top:0; float:right; padding:0 3vw 0 0; color:lime;}
.g2 {position:relative; #display:inline; top:-1rem !important;float:right; padding:0 3vw 0 0; color:lime; #border:3px solid lime;}
.g3 {position:relative; #display:inline; top:-1rem; float:right; padding:0 3vw 0 0; color:yellow; text-decoration:underline red 3px;text-underline-offset: 8px;}
g4 {position:absolute; display:inline; top:-.25vw; left:39vw; color:lime; }
w4 {position:absolute; display:inline; top:-.25vw; left:57vw; color:#fff; }
r4 {position:absolute; display:inline; top:-.25vw; right:4vw; color:#FF0000; }
cents {position:relative; top:-1.5vw; font-size:3.25vw;}
.socialmedia-container {position:relative; left:0vw; bottom:-32vw; width:80%; height:auto; border:3px solid lime;}
.back {position:fixed; bottom:5vw; left:2vw; width: 10vw; height:10vw; z-index:9; }
.back_center {position:relative; #bottom:5vw; left:0; right:0; margin:0 auto; width: 10vw; height:10vw; z-index:9; }
.back:active { transform:translateY(9px); }
.call {position:relative; top:4vw; width: 13vw; height:auto; z-index:2; #border:1px solid white;}
.call:active {transform:translateY(9px); }
.call2 {position:relative; left:0; right:0; margin:0 auto; width: 16vw; max-width:150px; height:auto; z-index:2; }
.call2:active {transform:translateY(9px); }
.footer {position:relative; bottom:-1vw; }
/* font-size is under td{} */
.footer-links {position:relative; display:inline; #max-width:55vw; #color:#fff; #border:10px solid white;}
.footer-space {display:inline-block; #color:#FFF; width:1.3rem; font-size:1.7rem; }
.opaque {opacity:.5;}
.location {color:#00FD11; font-style: italic; }
.button-footer {position:relative; display:inline-block; left:0; right:0; margin:0 auto; line-height:6vw; font-size:1.7rem; margin:0 2vw 0 0; #border:1px solid white;}
.button-footer:active {transform:translateY(4px); }
.gglogo { position:relative; display:inline; top:1vw; }
gg1 { position: inherit; font-size:8vw; #color:#FFF; font-weight: ;line-height:2.5vw; font-family: "Pare";}
gg2 { position: inherit; font-size:4vw; #color:#FFF; font-weight: ;line-height:2.5vw; font-family: "Pare";}
gg3 { position: inherit; font-size:3vw; #color:#FFF; font-weight: ;line-height:7vw; font-family: "Pare";}
gg4 { position: inherit; font-size:2.5vw; #color:#FFF; font-weight: ;font-family: "Pare";}
gg1a { position: inherit; font-size:16vw; #color:#FFF; font-weight: ;line-height:5vw; font-family: "Pare";}
gg2a { position: inherit; font-size:8vw; #color:#FFF; font-weight: ;line-height:5vw; font-family: "Pare";}
gg3a { position: inherit; font-size:6vw; #color:#FFF; font-weight: ;line-height:14vw; font-family: "Pare";}
gg4a { position: inherit; #color:#FFF; font-weight: ;font-family: "Pare";}
}
|