/*
Theme Name: Leicester Restaurant Week
Theme URI: Arch
Author: Arch
Author URI: archcreative.co.uk
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/

:root{
    --purple:#564480;
    --yellow:#F1D570;
    --blue:#ACD3FF;
    --pink:#FFBEE1;
    --orange:#FFB67E;
    --gold:#efad1c;
    --main:var(--purple);
    --accent:var(--yellow);
    --ticketSize: 30px;
    --ticketSizeHalf:-15px;
}

@font-face {
    font-family: 'Gazpacho';
    src: url('/wp-content/themes/lrw_arch/fonts/Gazpacho-Black.woff2') format('woff2'),
        url('/wp-content/themes/lrw_arch/fonts/Gazpacho-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


.bg-blue { background:var(--blue); }
.bg-pink { background:var(--pink); }
.bg-orange { background:var(--orange); }
.bg-yellow { background:var(--yellow); }



.text-purple { color:var(--purple); }


html, body { background:var(--main);color:var(--accent);font-family:"Helvetica", sans-serif;font-weight:100;padding:0;margin:0; }
body { padding-top:150px; }

b, strong { font-weight:900;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;  }

h1,h2,h3,h4,h5,h6,label { font-family:'Gazpacho';font-weight:900;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }

h1 { font-size:3.4rem;margin-bottom:20px;margin-top:10px;width:100%;max-width:750px; }
h2 { font-size:3rem; }
h3 { font-size:1.8rem;margin-bottom:60px; }
h4 { font-size:1.2rem;margin-bottom:-5px; }

hr { border:none;border-top:1px solid var(--accent); }

.privacy h1 { font-size:2.5rem;margin-top:60px; }
.privacy h3 { margin-bottom:0px; }

p { line-height:1.5rem; }
p span, p { color:var(--accent) !important;font-family: "Helvetica", sans-serif !important;font-size:1rem !important; }
small p span, small p, p small, small { font-size:small !important; }
#boxholder p.small { font-size: 0.8rem !important;color:#fff !important; }
.form-checkboxes .wpcf7-list-item label span { color:#fff !important;font-size:0.8rem !important; }
p a, a { color:var(--accent);text-decoration: underline; }
p a:hover, a:hover { color:#fff; }

p.small { margin:10px 0px;font-size:0.8rem;line-height:1.2rem; }

a.button, input.button, button { width:auto;text-align: center;text-decoration:none;font-family:'Gazpacho';font-weight:900;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:var(--main);background:var(--accent);border:none;border-radius:5px;font-size:2rem;display:inline-block;padding:10px 20px 5px; }
button { padding-top:5px; }
a.button:hover, button:hover { background:#fff; }
a.button span { font-size:0.8rem;text-align:left;display:inline-block; }
a.button.small, button.small { font-size:1.2rem;  }
a.button.width100 { width:100%; }

a.button.purple { color:var(--yellow);background:var(--purple); }
a.button.purple:hover { background:#fff;color:var(--purple); }

a.amount.exclusive, a.amount.freebies { padding:15px 30px;width:auto;font-size:1.3rem; }
a.amount:hover { background:#fff !important; }

.signup label { padding-left:30px; }
.permission { padding:5px 0 15px; }
.signup h3 { margin-bottom:10px !important; }
.signup input[type="email"] { padding:10px 15px;color:var(--accent);background:#fff;appearance:none;; }
::placeholder {
  color: var(--accent);
  opacity: 1;
}
/*
::-ms-input-placeholder {
  color: red;
}*/

.main, .header, .footer { padding:30px; }

.logo { margin-right:30px;display:inline-block;width:160px; }
.logo path { fill:var(--purple); }
.bid { width:240px; }

.pos-rel { position:relative; }


.socials svg path, .bid .cls-1 { transition:fill 0.2s ease-in-out; }
.about-link { transition:color 0.4s ease-in-out; }
.header { position:fixed;top:0;z-index:10;border-bottom:2px solid transparent;width:100%;background:transparent;transition:background 0.4s ease-in-out, border-color 0.4s ease-in-out;  }
.header.bg { background:var(--main);border-color:var(--accent); }
.front-page .header.bg .socials svg path, .front-page .header.bg .bid .cls-1 { fill:var(--accent); }
.front-page .about-link { color:#fff; }
.front-page .header.bg .about-link { color:var(--accent); }
.front-page .header .socials a:hover svg path { fill:var(--main); }
.front-page .header.bg .socials a:hover svg path { fill:#fff; }
.front-page .header.bg .about-link:hover { color:#fff; }


.about-link { position:absolute;top:10px;right:200px;color:var(--accent);text-decoration: none;font-family:'Gazpacho';font-weight:900;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }


.about-link:hover { color:#fff; }
.front-page .about-link:hover { color:var(--main); }



.socials { position:absolute;top:10px;right:0px; }
.socials a { display:inline-block;width:20px;height:20px;margin:0 10px; }
.socials a svg { width:20px;height:20px; }
.socials svg path, .bid .cls-1 { fill:var(--accent); }
.front-page .socials svg path, .front-page .bid .cls-1 { fill:#fff; }

.header .socials a:hover svg path { fill:#fff; }


.video { background:url("/wp-content/themes/lrw_arch/img/1.png") no-repeat;background-size:cover;margin-top:-150px;width:100%;height:75vh;overflow:hidden;position:relative;min-height:550px; }
.video video { width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0; }

.video-logo { position:absolute;left:50%;top:50%;z-index:3;width:calc(100% - 80px);max-width:600px;transform:translate(-50%, -50%); }
.video-logo path { fill:#fff; }
.video-overlay { position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;z-index:2; }



label { font-size:1rem;margin-bottom:10px;display:block; }
label input { margin-top:5px; }
form { position: relative;margin-top:30px; }
form p { margin:0; }
.form-checkboxes { margin:10px 0px; } 
.form-checkboxes .wpcf7-list-item label { font-size:0.8rem;line-height:1.2rem; }
input { width:100%;margin-bottom:10px;font-size:1.2rem;padding:5px 10px;border:none; }
input[type="checkbox"] { width:auto;display:inline-block;margin-bottom:0px;position:absolute;/*pointer-events: none;*/opacity:1;left:0; }
input[type="submit"] { margin-top:30px;font-family:'Gazpacho';font-weight:900;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:var(--main);background:var(--accent);border:none;border-radius:10px;font-size:1.5rem;display:inline-block;padding:10px 20px; }
input[type="submit"]:hover { background:#fff; }
.wpcf7-form input[type="submit"] { margin-top:15px; }
.wpcf7-list-item { padding-left:15px; }
.wpcf7-list-item label { font-family:"Helvetica", sans-serif;font-weight:100;font-size:1rem; }

/*.wpcf7-list-item:before { padding-left:35px;position:relative; }*/
/*.wpcf7-list-item label::before { content: "";display:inline-block;border:2px solid var(--accent);border-radius:5px;width:13px;height:13px;background:transparent;position: absolute;left:2px;top:1px; }
.wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item label::before { background:var(--accent); }*/

.plate { position:absolute;top:200px;right:0;width:100%;max-width:calc(100% - 500px);display:inline-block; }
.home-plate { width:100%;display:inline-block;;max-width:600px; }
    .home-slider.animated { -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite; }
.home-slider.visible { opacity:1;top:0px; }
.home-slider { opacity:0;transition:all 0.6s ease-in-out;top:250px;top:0; }
/*
.home-slider { -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite; }*/

@keyframes spin {
    0%{
         -webkit-transform: rotate(360deg); 
        transform:rotate(360deg);
        filter: blur(8px);
        animation-timing-function: ease-out;
    }
    8%{
         -webkit-transform: rotate(0deg); 
        transform:rotate(0deg);
        filter: blur(0px);

    }
    92% { 
        -webkit-transform: rotate(-90deg); 
        transform:rotate(-90deg);
        filter: blur(0px);
    }
    100% { 
        -webkit-transform: rotate(-560deg); 
        transform:rotate(-560deg);
        filter: blur(8px);
        animation-timing-function: ease-in;
    } 
}

.left-column, .right-column { width:100%;display:inline-block; }
.left-column { max-width:100%;vertical-align:top; }
.right-column { max-width:calc(100% - 290px);vertical-align:bottom;padding-left:60px }


.main-grid { display:grid;grid-template-columns:500px 1fr; }
.main-grid .left-column { width:100%;max-width:100%;grid-column:1; }
.main-grid .right-column { vertical-align: top;grid-column:2;width:100%;max-width:100%; }

.main-grid.home-grid { display:block; }
.main-grid.home-grid .left-column { max-width:60%;vertical-align:top;display:inline-block; }
.main-grid.home-grid .right-column { max-width:40%;vertical-align:bottom;padding-left:60px;display:inline-block; }


.img-fade-holder { display:inline-block;max-height:500px;max-height: 300px;overflow:hidden;padding:35px;padding:0px;width:100%; }
.img-fade { position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background: rgb(86,68,128);background: linear-gradient(180deg, rgba(86,68,128,0) 70%, rgba(86,68,128,1) 98%); }
.yellow .img-fade { background:linear-gradient(180deg, rgba(241,213,112,0) 70%, rgba(241,213,112,1) 98%); }
.home-h2 { margin:15px 0 30px; }
.main-grid.home-grid { margin-top:30px; }

.cta { background:var(--accent);color:var(--main);width:100%;display: inline-block;padding:30px 30px 60px;margin-top:120px;position: relative;overflow:hidden; }
.cta h3 { margin:0px;font-size:2.5rem; }
.cta p { width:100%;max-width:255px;color:var(--main) !important; }
.cta a { color:var(--main); }
.cta a.button { text-decoration: none;font-weight:bold;color:var(--accent);background:var(--main); }
.cta a.button:hover { background:#fff; }
.cta-logo { position:absolute;top:30px;right:30px; }
.pizza { position:absolute;top:130px;left:50%;transform: translateX(-50%); }

.cta-2025 .cta-content, .cta.cta-2025 .cta-content p, .cta.cta-2025 .cta-content a { color:#fff !important; }
.cta.cta-2025 .cta-content a:hover { color:var(--accent) !important; }
.cta-2025 .cta-background { position:absolute; }
.cta-2025 .cta-background::after { content:"";width:100%;height:100%;position:absolute;top:0;left:0;display:block;background:linear-gradient(90deg, rgba(0,0,0,1), rgba(0,0,0,0)); }
.cta-2025 .cta-background img { width:100%;height:100%;object-fit:cover; }
.cta.cta-2025 .cta-content a.button { background:#ffffff;color:var(--accent) !important; }
.cta.cta-2025 .cta-content a.button:hover { background:var(--main);color:var(--accent) !important; }

.cta-dates { position:absolute;bottom:30px;right:30px;width:175px;height:auto; }

body.purple .cta a.button { background:var(--main);color:var(--accent);}
body.purple .cta a.button:hover { background:#fff;color:var(--main); }

body.purple .socials a.instagram { background-position:0px 0px; }
body.purple .socials a.twitter   { background-position:-20px 0px; }
body.purple .socials a.facebook  { background-position:-40px 0px; }
body.purple .socials a.instagram:hover, .socials a.instagram:hover { background-position:0px -20px; }
body.purple .socials a.twitter:hover, .socials a.twitter:hover   { background-position:-20px -20px; }
body.purple .socials a.facebook:hover, .socials a.facebook:hover  { background-position:-40px -20px; }

footer { margin-top:80px;padding-top:10px;margin-bottom:80px;border-top:1px solid var(--accent); }
footer a { font-size:0.8rem;text-decoration: none;color:var(--accent);margin-right:15px; }
footer a:hover { color:#fff; }

#cookie { transition:ease-in-out 0.9s all;position:fixed;bottom:0;left:-10px;width:100%;display:block;background:var(--accent);color:var(--main);text-align:center;padding:20px 15px;margin:0 10px; }
#cookie.closed { bottom:-150px; }
.cookie-button { display:inline-block;padding:5px 10px;text-decoration:none;background:var(--main);color:var(--accent);border-radius:5px; }
.cookie-button:hover { background:#fff; }


/* --- Home --- */
.offer-table { display:inline-table;width:100%;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent); }
.offer-table .row { width:100%;display:table-row;}
.offer-table .row .table-col { display:table-cell;padding:0px;vertical-align:middle;padding:15px 0px;border-top:1px solid var(--accent);  }
.offer-table .row .table-col.all { column-span:4; }
.offer-table .row .table-header { display:table-cell;padding:30px 0px; }
.offer-table .row .table-header.meal, .offer-table .row .table-col.meal { width:120px;text-align:center; }
.offer-table .row .table-header.deal { width:210px; }
.offer-table .row .table-header.meal span:after, .offer-table .row .table-header.deal span:after { width:10px;height:10px;margin-left: 10px;display:inline-block;content:"";background:url("/wp-content/themes/lrw_arch/img/arrow-small-purple.svg") no-repeat center;background-size:contain;transform:rotate(90deg); }
body.purple .offer-table .row .table-header.meal span:after, body.purple .offer-table .row .table-header.deal span:after { width:10px;height:10px;margin-left: 10px;display:inline-block;content:"";background:url("/wp-content/themes/lrw_arch/img/arrow-small-yellow.svg") no-repeat center;background-size:contain;transform:rotate(90deg); }
.offer-table .row .table-header:last-child, .offer-table .row .table-col:last-child { text-align:right; }
.offer-table .row .table-col { padding:15px 5px; }
.offer-table .row .table-col:first-child { padding:15px 5px 15px 0px;width:40%; }
.offer-table.restaurant-table .row .table-col:first-child { width:auto; }
.offer-table .row .table-col:last-child { padding:15px 0px 15px 15px; }
.offer-table .row .table-col.deal { width:210px; }



.offer-table .row .table-col.meal { line-height:1.6rem;font-weight:bold;font-family:'Gazpacho';font-weight:900;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.offer-table .row .table-col a.button { width:100%; }


.offer-row.hidden { display:none; }

.res-name { font-size:1.1rem; }
/*.res-name:before { width:12px;height:12px;margin-right: 10px;display:inline-block;content:"";background:url("/wp-content/themes/lrw_arch/img/arrow-small-yellow.svg") no-repeat center;background-size:contain; }*/
.special-name, .res-name { display: block;font-family:'Gazpacho';font-weight:900;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.res-name { font-size:1.4rem;margin-bottom:10px; }
.special-name { margin-bottom:5px;font-size:1.2rem;margin-bottom:15px; }
.res-title-link { color:var(--purple);text-decoration: none; }
.res-title-link:hover { color:#fff; }

.meal-icon { display:inline-block;width:45px;height:45px; }
.meal-icon.dinner { background:url("/wp-content/themes/lrw_arch/img/icon-dinner-purple.svg") no-repeat center;background-size:contain; }
.meal-icon.lunch { background:url("/wp-content/themes/lrw_arch/img/icon-lunch-purple.svg") no-repeat center;background-size:contain; }

body.purple .meal-icon.dinner { background:url("/wp-content/themes/lrw_arch/img/icon-dinner-yellow.svg") no-repeat center;background-size:contain; }
body.purple .meal-icon.lunch { background:url("/wp-content/themes/lrw_arch/img/icon-lunch-yellow.svg") no-repeat center;background-size:contain; }

.filter { padding-top:10px;text-align:right;line-height:1.5rem;display:none; }
.filter a { text-decoration: none;color:var(--accent); }
.filter a:hover, .filter a.active { color:#fff; }
.filter-toggle:hover { color:#fff;cursor:pointer;cursor:hand; }
.mobile-filter { display:none; }
.mobile-filter .filter { display:block;text-align:center; }
.no-offers { text-align:center;padding:40px 10px 40px;display:none;width:100%; }

/*.offer-row { transition:all 0.3s ease-in-out;opacity:1; }
.offer-row.hidden { opacity:0; }*/

/* -- Single -- */
.restaurant-columns .main-column { width:calc(100% - 300px);display:inline-block;vertical-align:top;padding-right:60px; }
.restaurant-columns .sidebar { width:300px;display:inline-block;vertical-align:top;padding:15px 15px; }
.restaurant-table { margin-top:40px; }

.sidebar-section { padding:15px 0px 15px 40px;border-top:1px solid var(--accent); }
.sidebar-section.location { background: url("/wp-content/themes/lrw_arch/img/icon-location.svg") no-repeat left center;background-size:20px auto;line-height:1.4rem; }
.sidebar-section.location b { margin-bottom:-15px;display:block; }
.sidebar-section.email { background: url("/wp-content/themes/lrw_arch/img/icon-email.svg") no-repeat left center;background-size:20px auto; }
.sidebar-section.phone { background: url("/wp-content/themes/lrw_arch/img/icon-phone.svg") no-repeat left center;background-size:20px auto; }
.sidebar-section.website { background: url("/wp-content/themes/lrw_arch/img/icon-website.svg") no-repeat left center;background-size:20px auto; }
.sidebar h4 { margin-bottom:10px;margin-top:30px; }

.sidebar-section.socials { position:static;padding-left:30px }

/* Get Offer */
.wpcf7 form.sent .wpcf7-response-output { display:none; }
.main-grid { margin-top:30px; }
.offer-grid h2 { margin:0 0 20px;font-size:3rem; }
.offer-grid span { display:block;margin-bottom:10px; }
.offer-grid span.name, .offer-grid span.price { font-size: 1.5rem;font-family:'Gazpacho';font-weight:900;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.offer-grid span.price { margin-top:20px;margin-bottom:30px; }
.offercode { font-size:3rem;font-weight:bold; }
#downloadbox { display:none;width:100%;max-width:300px; }
form.downloadform { margin-top:15px; }

#boxholder { background:rgba(86,68,128,0.3);padding:15px 15px 30px;color:#fff;border-radius:10px; }
#boxholder input[type="submit"] { color:#fff; }
#boxholder input[type="submit"]:hover { color:#92a8d9; }

.plyr__control--overlaid { background:var(--accent); }
.plyr--full-ui input[type=range] { color:var(--accent); }
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background:var(--accent); }


.slick-next { right:20px;z-index:1; }
.slick-prev { left:20px;z-index:1; }
.slick-next:before, .slick-prev:before { content:"";width:30px;height:30px;background:var(--main);display:inline-block;width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 26.0px;
border-color: transparent transparent transparent var(--main);background:transparent;opacity:1; }
.slick-next:hover:before, .slick-prev:hover:before { border-color: transparent transparent transparent #fff; }
.slick-prev:before { transform:rotate(180deg); }
.image-slider { margin-top:30px;margin-bottom:0px; }

.mobileonly { display:none; }
.voucher { display:none; }

.offer-grid span { font-weight:400; }

.okbutton { display:inline-block;padding:5px 10px;text-decoration:none;background:var(--main);color:var(--accent);border-radius:5px; }
.okbutton:hover { color:var(--accent);background:#fff; }
#cookie-notice { background-color:var(--accent) !important; }
.cookie-notice-container { color:var(--main) !important; }



.home-slider.mobile, .home-arrow.mobile { display:none; }
#player { display:none !important; }
#player2 { display:block !important; }


.filter22 { text-align:center;margin-top:0px; }
.home-offer-holder { padding:15px !important;background:#fff; }
.home-offer-holder.hidden, .home-offer-holder.chidden, .home-offer-holder.mhidden, .home-offer-holder.ehidden { display:none; }
a.amount { height: 50px;font-size: 1.8rem;width: 120px;color: var(--purple);display:inline-block;margin:15px 8px 15px;padding:7px 10px;border-radius:5px;text-decoration: none;font-family:'Gazpacho';font-weight:900;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
a.amount.blue { background:var(--blue); }
a.amount.purple { background:var(--purple);color:#fff; }
a.amount.yellow { background:var(--yellow); }
a.amount.orange { background:var(--orange); }
a.amount.pink { background:var(--pink); }

a.amount.active, a.amount:hover { background:#fff !important;color:var(--purple) !important; }
.sub-filter { margin-top:-20px;margin-bottom:45px; }
.sub-filter a { margin:0 5px 10px;display:inline-block;color:#fff; }
.sub-filter a:hover, .sub-filter a.active { color:var(--purple);background:#fff; }

#allc.active,#allm.active { color:var(--purple);background:#fff; }

.halfcover { width:75%;height:150%;top:-25%;right:-25%;transform:rotate(15deg); }
.home-offer-holder { overflow:hidden; }
a.exclusive, a.freebie { height: 50px;background: var(--gold);background:var(--purple);font-size: 1.5rem;color:#fff;display:inline-block;margin:0 15px 30px;padding:10px 25px;border-radius:5px;text-decoration: none;font-family:'Gazpacho';font-weight:900;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
a.exclusive.active, a.exclusive:hover, a.freebie.active, a.freebie:hover { background:#fff;color:var(--purple);text-shadow:none; }
/* div[data-exclusive="1"] a.button { background:var(--gold);color:#fff; } */
 
.exclusivemark { position:absolute;width:var(--ticketSize);height:var(--ticketSize);border-radius: 100%;top:var(--ticketSizeHalf);right:var(--ticketSizeHalf);background:var(--purple); }
.exclusivemark.two { right:auto;left:var(--ticketSizeHalf); }
.exclusivemark.three { right:auto;left:var(--ticketSizeHalf);top:auto;bottom:var(--ticketSizeHalf); }
.exclusivemark.four { top:auto;bottom:var(--ticketSizeHalf); }

.mealcuisine.active, .mealfilter.active { color:#fff; }

.reslogo { width: auto;max-width:200px;max-height:200px;margin-bottom:10px;margin:0 auto 0; }
.reslogobox { background:#fff;padding:15px;text-align:center;border-radius:5px; }

.menu { padding-top:1px;margin-top:30px; }
.divier { background:var(--yellow);width:60%;top:10px;left:20%;height:1px;position:absolute; }
.blue .divier { background:var(--purple); }

/*.exclusivemark { position: absolute;width:100%;height:100%;top:0;left:0;box-shadow:0px 0px 0px 5px #fff inset; }
*/

.cta { position:relative;padding:45px 30px;background:#61b3e2; }
    .cta-background { position:absolute;top:-15px;left:-15px;width:calc(100% + 15px);height:calc(100% + 15px); }
    .cta-content { position:relative;z-index:2;color:#2c4054; }
    .cta .cta-content p { color:#2c4054 !important;font-weight:600; }
    .cta .cta-content a { color:#2c4054 !important; }

    .cta .cta-content a:hover { color:#fff !important; }
    .cta a.button { background:#2c4054;color:#a9d645 !important;padding-bottom:10px; }
    .cta a.button:hover { color:#a9d645 !important; }
    .cta-spacer { display:block;height:10px; }
    .layer-1 { background:#61b3e2;width:100%;height:55%;position:absolute;top:0;left:0; }
    .layer-2 { background:#a9d645;width:100%;height:47%;position:absolute;bottom:0;left:0; }
    .cta-hand { position:absolute;bottom:0;left:50%;width:auto;height:300px; }
    .cta-food { position:absolute;bottom:-40%;left:50%;width:auto;height:270px;transform:translateX(-10%); }




.img-fade { background: linear-gradient(180deg, rgba(172,211,255,0) 70%, rgba(172,211,255,1) 98%); }
        .sub-filter a { text-decoration: none;font-size:1.1rem;padding-bottom:10px; }
        .offermain { height:100%;padding-bottom:60px; }
        .offerbutton { position:absolute;bottom:0;left:0;width:100%; }
        .offerbutton a.button:hover { background:var(--blue) !important; }



@media(max-width: 1100px){
    .pizza { transform:translateX(-40%); }
}


@media(max-width: 990px){
    .plate { max-width:calc(100% - 360px); }
    .logo { margin-right:30px; }
    .pizza { transform:translateX(-25%); }
}

@media(min-width:801px){
    .mobile-spinner, .footer .bid, .footer .socials { display:none; }
    /*.img-fade-holder { max-height:none; }
    .img-fade { display:none; }*/
    .home-cta { margin-top:0px; }
}

@media(max-width: 800px){
    .main-grid.home-grid .right-column, .main-grid.home-grid .left-column { width:100%;max-width:100%; }
/*    .bid { position:absolute;top:75px;left:0; }*/
    .about-link { right:0px;top:14px; }
/*    .header { padding:30px 30px 100px; }*/
    .socials { top:130px;right:auto;left:-15px; }

    .main-grid { display:block; }
    .main-grid.offer-grid { display:grid;grid-template-columns:100%; }
    .main-grid.offer-grid .left-column { grid-row-start:2; }
    .main-grid.offer-grid .right-column { grid-row-start:1;grid-column:1; }
    .main-grid .left-column { width:100%; }
    .main-grid .right-column { width:100%;padding:30px 0px 0px; }

    .restaurant-columns { width:100%; }
    .restaurant-columns .main-column { width:100%;padding-right:0px; }
    .restaurant-columns .sidebar { width:100%;padding:15px 0; }

    .spin-column { padding-left:0px !important;display:none !important; }
    .img-fade-holder { width:100%;margin:0 auto;display:block; }

 
    .offer-table .row .table-col.meal { width:100px; }

    #offerdetails { display:none; }
    .mobileonly { display:block; }
    .mobileonly h3 { margin-bottom:15px; }

    .home-cta { margin-top:0px; }
    .home-main { padding-top:0px; }
/*    .home-main .left-column { padding-top:30px; }*/
/*    .img-fade { display:none; }*/

    .mobile-spinner .img-fade-holder { padding-bottom:0px; }
    nav img.bid, nav .socials { display:none !important; }
}

@media(max-width: 768px){
    .pizza { width:450px;transform:translateX(-15%);top:120px; }
    .cta { margin-top:80px; }
     .home-cta { margin-top:0px; }
     .home-main { padding-top:0px; }

    #player { display:block !important; }
/*#player2 { display:none !important; }*/
}

    @media(max-width:767px){
        .cta { padding-bottom:150px; }
        .layer-1 { height:58%; }
        .layer-2 { height:43%; }
        .cta-hand { height:250px;left:60%; }
        .cta-food { height:45vw; }
    }



@media(max-width: 700px){
    .plate { max-width:360px;position:static; }
    .logo { display: inline-block;margin-right:30px;margin-bottom:20px; }
    .socials a { margin:0 8px; }
    .main { padding:30px 15px; }
    h1 { font-size:3rem; }

    .header { padding:30px 15px 30px; } 

    footer { margin-top:60px; }



    .offer-table { border-top:none; }
    .offer-table .row:first-child { display:none; }
    .offer-table .row { display:block;width:100%;border-top:1px solid var(--accent);position:relative; }
    .offer-table .row.offer-row.hidden { display:none; }
    .offer-table .row .table-col { display:block;width:100%;border:none; }
    .offer-table .row .table-col.meal { position:static;top:30px;right:-5px;display:inline-block;margin-top:15px;text-align:left; }

    .offer-table .row .table-col { padding:0px 5px }

    .right-column { width:100%; }

    .main-grid.offer-grid { grid-template-columns:100%; }
    .main-grid.offer-grid .left-column { width:100%;grid-row-start:2; }
    .main-grid.offer-grid .right-column { grid-row-start: 1;grid-column:1;padding-left:0;padding-top:40px;margin-bottom:40px; }


    .mobile-filter { display:block;line-height:1.3rem;margin:30px 0 40px;text-align:center;border-top:1px solid var(--accent);padding-top:30px; }
    .mobile-filter .filter { display:block !important; }
    .mobile-filter a { text-decoration: none;color:var(--accent); }
    .mobile-filter a:hover, .mobile-filter a.active { color:#fff; }
    .mobile-filter span { display:inline-block;width:100%;margin-bottom:10px;font-weight:bold; }

    .offer-table .row .table-col:first-child { padding:30px 5px 15px 0px;width:100%; }
    .offer-table .row .table-col:last-child { padding:15px 0px 30px 0px }
    .home-main { padding-top:0px; }

    .bid { width:200px;display:inline-block;vertical-align:top;opacity:1;transition:margin-top 0.3s ease-in-out, opacity 0.2s ease-in-out; }
    .video { height:50vh; }
}



@media(max-width: 560px){
    .cta { padding-bottom:120px; }
    .pizza { width:350px;top:auto;bottom:-180px;  }
    .cta h3 { font-size:2rem; }
    .cta-logo { position:static;margin-bottom:30px; }

/*    .home-slider.desktop, .home-arrow.desktop, .spin-column { display:none !important; }*/
.home-slider.mobile, .home-arrow.mobile  { display:block; }
.home-arrow.mobile { margin:15px 0 30px;position:absolute;top:15px;left:-15px;z-index:5 }

p { line-height:1.5rem;font-weight:300; } 
.filter a, ul li, .sidebar-section { font-weight:300; }

.mobile-filter { margin-top:50px; }
/*.main-grid.home-grid { margin-top:-30px; }*/

/*.bid { display:none; }
.header .socials { display:none; }*/
.bid,.socials { position:static;display:block; }
.bid { margin-bottom:10px; }
.socials { margin-left:-10px; }
.header { padding:30px 15px 10px; }
h1 { font-size:2.2rem; }
h2 { font-size:2rem; }
.home-arrow.mobile { transform:rotate(90deg);position:relative;left:-15px;top:15px; }
.details-short { font-weight:400; }

.header { height:100px; }
.front-page .header .bid { position:relative;top:10px; }
.header.bg .bid { margin-top:-50px;opacity:0; }
.front-page .header.bg .bid { margin-top:0;opacity:1; }

.video { height:40vh; }


      .cta { padding-bottom:0px; }
        .cta-hand { height:33vw;left:auto;right:30px; }
        .layer-1 { height:61%; }
        .layer-2 { height:41% }
        .cta-food { height:240px;bottom:-30%; }
        .cta-logo { z-index:3;position:relative;left:0px;top:15px;transform:scale(0.5) translate(-50%, 50%); }
        .cta-spacer { height:0px; }




}




/* ===== GENERAL ===== */

.pos-rel { position:relative; }
.pos-abs { position:absolute; }


.vertical-align { display:block;top:0;left:0;width:100%;height:100%; }
.vertical-outer { display:table;width:100%;height:100%;vertical-align: middle;  }
.vertical-inner { display:table-cell;width:100%;height:100%;vertical-align: middle; }



/* ===== NAV MENU ===== */
#navmenu .menu { list-style: none;padding:0;margin:0;display:table;table-layout: fixed;width:100%;z-index:100;position:relative; }
#navmenu .menu li { display:table-cell;text-align:center;padding:10px;position:relative; }
#navmenu .sub-menu { display:none;position:absolute;width:100%;top:100%;left:0;background:#fff;list-style: none;padding:0;margin:0; }
#navmenu .sub-menu li { display:inline-block;width:100%; }
#navmenu .menu li:hover .sub-menu { display:inline-block; }

.mobile-toggle { width:30px;height:30px;display:none; }
.toggle-bar { width:100%;height:3px;margin-bottom:5px;background:#000; }
.mobile-toggle.active .toggle-bar { background:#666; }

#footermenu .menu { list-style: none;padding:0;margin:0; }





/* ===== MODULES ===== */
.module { display:block; }


/* Video */


/* Tablet Size */
@media(max-width:768px){
    /* Move this to it's own query if it needs to break down earlier */
        .mobile-toggle { display:inline-block; }
        #navmenu { display:none; }
        #navmenu .menu li { display:inline-block;width:100%;padding:0; }
        #navmenu .menu a { display:inline-block;width:100%;padding:10px; }
        #navmenu .sub-menu { display: none;width:100%;position:static; }
        #navmenu .menu li:hover .sub-menu { display:none; }
    /* ---------------------- */

    a.amount, a.exclusive { width:auto;margin:7px 7px 7px;padding:7px 20px;font-size:1.4rem;height:auto; }
    .sub-filter { margin-top:15px; }
    .menu h3 { font-size:1.4rem; }
}   

/* Mobile Size */
@media(max-width:560px){




}