/* PALERMO CSS */ /* font-family: 'Open Sans', sans-serif; 300,400,600,700,800 font-family: 'Roboto Condensed', sans-serif; 300,400,700 */ /* RESET CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside1, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;text-decoration: none;font-family: 'Open Sans', sans-serif;} /* GLOBAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ html {scroll-behavior: smooth;} body {min-width: 620px;font-size: 14px;font-family: 'Open Sans', sans-serif;background-image: url(images/intro/marbleback.png); background-size: 100vw auto; background-position: top; background-repeat-x: no-repeat; background-repeat-y: repeat;} .no-scroll { overflow: hidden; } input[type="text"], input[type="password"], input[type="number"], select, textarea {height: 32px;margin: 2px 0;box-sizing: border-box;padding: 0 0 0 4px;border-radius: 3px;border: 2px solid #ddd;text-transform: capitalize;} textarea {width: auto;height: auto;box-sizing: border-box;padding: 6px;} select {cursor: pointer;} input:hover, select:hover, textarea:hover {border: 2px solid #aaa;} input[type="radio"] {margin: 0;} input[type="checkbox"] {margin: 0 5px 0 0;} a {color: #000;cursor: pointer;} font {color: #000;} i, em {font-style: normal;} b {font-weight: 600;} .fnsz18, .fnsz18 > font {font-size: 38px;font-weight: 700;text-transform: uppercase;text-align: left;} .inner-menu .fnsz18 {padding: 30px 0 10px 0;} .fnsz14, .fnsz14 > font, .fnsz14 b {font-size: 24px; font-weight: 700; text-transform: uppercase;} .fnsz14 {padding: 10px 0;} .body-wrap .body-wrap-inner-thin .fnsz14 {padding: 5px 0 15px 0;} .body-wrap-menu .body-wrap-inner-thin .fnsz14 {padding: 10px 0 15px 0;} .body-wrap .body-wrap-inner-thin .fnsz14, .body-wrap .body-wrap-inner-thin .fnsz14 > font, .body-wrap .body-wrap-inner-thin .fnsz14 b, .body-wrap-menu .body-wrap-inner-thin .fnsz14, .body-wrap-menu .body-wrap-inner-thin .fnsz14 > font, .body-wrap-menu .body-wrap-inner-thin .fnsz14 b {font-size: 28px;} .inner-wrap td > font, .inner-wrap td > font > b, .inner-wrap td > b > font {line-height: 28px;} #mnud_hdr_id, #mnud_bdy_id {font-size: 14px;line-height: 28px;text-align: left;} .crtctmitm_item_desc {font-size: 16px;} .menudetails_item_name_link, font > a {font-size: 16px; font-weight: 700; text-transform: uppercase;} .inner-wrap font > a {font-size: 15px;} .menudetails_item_name_link:hover, font > a:hover {color: #009246;} /* HOVER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* BUTTONS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .nav-site ul li .nav-btn, .intro-btn-red, .intro-btn-green {width: 140px;height: 36px;line-height: 36px;font-size: 13px;font-weight: 600;color: #fff;background: #CE2B37;text-transform: uppercase;letter-spacing: .25px;text-align: center;border-radius: 3px;padding: 0;display: inline-block;} .intro-btn-order {width: 172px; height: 38px; line-height: 38px; font-size: 15px;} #signon_guestCheckoutLinkSpan a, .order-print-receipt a, #signon_shopSpan a, button.btn-view-ord-details, .login-for-email-rcpt a, .btn-reord, #signon_checkoutSpan a, #signoff_account a, .btn { font-size: 13px;font-weight: 600;color: #fff;background: #CE2B37;text-transform: uppercase;letter-spacing: .25px;text-align: center;border-radius: 3px;padding: 10px;display: inline-block; box-sizing: border-box; border: none; line-height: 1.2; } .intro-btn-green, #signon_shopSpan a, button.btn-view-ord-details, .login-for-email-rcpt a, #signoff_account a, #signon_guestCheckoutLinkSpan a, .btn {background: #009246;} .nav-site ul li .nav-btn:hover, .intro-btn-red:hover, .catering-link:hover, .order-print-receipt a:hover, .btn-reord:hover, #signon_checkoutSpan a:hover {background: #009246;color: #fff !important;} .intro-btn-green:hover, #signon_shopSpan a:hover, button.btn-view-ord-details:hover, .login-for-email-rcpt a:hover, #signoff_account a:hover, #signon_guestCheckoutLinkSpan a:hover, .btn:hover {background: #CE2B37;} .catering-link { border: 2px solid #009246; color: #009246; display: block; margin: 10px; padding: 8px 20px; text-align: center; text-transform: uppercase; border-radius: 3px; letter-spacing: .25px; font-weight: 600;} /* NAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .nav {width: 100%;min-width: 620px;position: fixed;left:0;right: 0;top: 0;z-index: 10;box-shadow: 0 2px 6px rgba(0,0,0,.15);} .nav-custom {box-shadow: none;} .body-scroll .nav-custom {box-shadow: 0 2px 6px rgba(0,0,0,.15);} .nav-info-cont {width: 100%;display: flex;justify-content: center;background: #000;} .nav-info {width: 100%;max-width: 1600px;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 5px 10px;} .nav-info p, .nav-info b, .nav-info font {font-size: 12px;font-weight: 600;color: #fff;white-space: nowrap;} .nav-info .location, .nav-info .account, .nav-info .account a {display: flex;align-items: center;} .nav-info .nav-order-type:hover > p {text-decoration: underline;} .nav-info .account .nav-order-type p {font-size: 13px;font-weight: 600;text-transform: uppercase;} .nav-info .location b {font-size: 13px;margin: 0 4px 0 0;text-transform: uppercase;} .nav-info .location .fa-map-marker-alt {color: #CE2B37;font-size: 11px;margin: 0 2px 0 0;} .nav-info .location .fa-phone {color: #CE2B37;font-size: 11px;margin: 0 2px 0 12px;} .nav-info .account .fa-user {font-size: 10px; color: #fff; margin: 0 3px 0 20px;} .nav-info .account .fa-utensils {font-size: 13px;color: #CE2B37;margin: 0 4px 0 10px;} .nav-site-cont {width: 100%;display: flex;justify-content: center;background: #fff;transition: .5s;} .nav-site {width: 100%;max-width: 1600px;height: 80px;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 0;transition: .5s;} .nav-custom .nav-site-cont {background: none;background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,.5), rgba(255,255,255,0));} .nav-custom .nav-site {height: 140px;padding: 0 0 60px 0;box-shadow: none;} .body-scroll .nav-custom .nav-site-cont {background: #fff;} .body-scroll .nav-custom .nav-site {height: 80px;padding: 0;} .nav-site .logo-img {width: 100%;max-width: 215px;position: relative;display: inline-block;margin: 0 30px;transition: .5s;} .nav-site .logo-img img {max-width: 100%;} .nav-site ul {list-style: none;display: flex;align-items: center;} .nav-site ul a {font-size: 13px;font-weight: 600;color: #000;text-transform: uppercase;letter-spacing: .5px;display: block;margin: 0 10px 0 0;text-align: center;box-sizing: border-box;padding: 10px;} .nav-site ul a:hover {color: #009246;} #logo { display:inline-block; font-size:38px; font-weight:700; margin:0 30px; text-transform:uppercase; transition: .5s; } /* CART BTN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .cart {width: 140px;height: 36px;position: relative;margin: 0 15px 0 10px;} .nav-site ul li .nav-btn {margin: 0 15px 0 10px;} .cart-iframe {width: 100%;height: 100%;} .cart-btn-body {overflow: hidden;min-width: 1px;background: none;} .cart-btn {width: 100%;height: 100%;font-size: 13px;font-weight: 600;color: #fff;background: #CE2B37;text-transform: uppercase;letter-spacing: .25px;display: flex;justify-content: space-between;align-items: center;border-radius: 3px;box-sizing: border-box;padding: 0 8px;} .cart-btn:hover {background: #009246;color: #fff;} .cart-btn .fa-shopping-cart {font-size: 16px;} .cart-btn .cart-btn-count {width: 20px;height: 20px;line-height: 20px;border-radius: 50%;border: 2px solid #fff;font-family: 'Roboto Condensed', sans-serif;font-size: 14px;font-weight: 400;color: #fff;text-align: center;} /* NAV MEDIAS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ @media only screen and (min-width: 950px) { .nav-custom .nav-site .logo-img {margin: 30px 30px 0 30px;} .body-scroll .nav-custom .nav-site .logo-img {margin: 0 30px;}} @media only screen and (max-width: 850px) { .nav-site .logo-img {margin: 0 30px 0 10px;} .nav-site ul a {font-size: 12px;margin: 0 5px 0 0;}} @media only screen and (max-width: 735px) { .nav-site ul li .nav-btn, .cart {margin: 0 10px 0 5px;} .nav-site ul a {padding: 5px;}} @media only screen and (max-width: 680px) { .nav-site ul a {font-size: 11px;} .nav-site .logo-img {margin: 0 15px 0 10px;}} /* CART VIEW ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* cart view */ /* cart view all */ .cart-view {width: 240px; min-width: 240px;margin: -170px 0 0 0;position:relative;z-index: 1;} .cart-view-iframe {width: 240px; height: 550px; position: sticky; top: 130px; overflow: hidden; box-sizing: border-box; transition: .5s;} .body-scroll .cart-view-iframe {margin-top:165px; padding:0px 0 10px 0;} .cart-view-body {min-width: 1px;overflow: hidden;background: none;box-sizing: border-box;padding: 10px;} .cart-view-cont {width: 100%;height: 100%;position: relative;overflow: hidden;border-radius: 5px;} .cart-view-body .cart-view-title {height: 70px;position: absolute; top: 0; left: 0; right: 0; box-sizing: border-box; padding: 15px; background: #fff; text-align: center; z-index: 2;} .cart-view-body .cart-view-title p {width: 100%; font-size: 22px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase;border-bottom: 2px solid #009246; text-align: center; box-sizing: border-box; padding: 5px 0;} /* cart view info */ .cart-view-body .info {width: 233px;min-width: 233px;max-height: 100%; background: #fff; box-sizing: border-box; padding: 70px 20px 0px 20px; overflow-y: scroll; overflow-x: hidden;} .cart-view-body .info td {line-height: 20px;} .cart-view-body .info > table { padding-bottom:120px; } .cart-view-body .info > table > tbody > tr:first-of-type b {font-size: 14px; font-weight: 600; text-transform: none;letter-spacing: 0;} .cart-view-body .info > table table > tbody > tr:first-of-type b {font-size: 10px; color: #000; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; vertical-align: bottom; line-height: 20px;} /* cart view bottom cont */ .cart-view-cont .bottom {width: 100%; height: 120px; position: absolute; margin: -120px 0 0 0; display: flex; flex-direction: column; justify-content: space-between; background: #fff; box-sizing: border-box; padding: 20px; border-top: 2px solid #eee;} .cart-view-cont .total {font-size: 14px; font-weight: 700; letter-spacing: .25px; text-transform: uppercase;display: flex;justify-content: space-between;} .cart-view-cont .cart-btn {height: 36px;display: flex;justify-content: space-between;box-sizing: border-box;padding: 0 20px;} .cart-view-cont .cart-btn:hover {background: #009246;color: #fff;} /* order type and column titles */ .cart-view-body hr {border-bottom: 1px dashed #ccc;border-top: none;} .cart-view-body td {font-size: 14px;} .cart-view-body td a:hover {color: #CE2B37;} .cart-view-body td[width="10%"] {text-align: center;} #comboitemset1 > b {text-transform: none;} .cart-view-body .info > table > tbody > tr:first-of-type > td {padding: 15px 0;} /* cart recall link */ .cart-view-body .info > table .cart_recall_link > b {font-weight: 700;color: #CE2B37;display: block;margin: 10px 0 0 0;line-height: normal;} .cart-view-body .info > table .cart_recall_link > b:hover {opacity: .7;} /* item display */ .cart-view-body .fa-times {color: #CE2B37;font-size: 12px;} /* cart view/edit | delete */ .cart-view-body .cart_delete_link, .cart-view-body .cart_viewedit_link {font-size: 13px; font-weight: 400; color: #CE2B37; margin: 0 5px;} /* MENU NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .nav-menu {min-width: 200px; max-width: 200px; box-sizing: border-box; padding: 10px; position: relative;} .nav-menu-inner {min-width: 180px;max-width: 180px;position: sticky;top: 130px;background: #fff;border-radius: 5px;box-sizing: border-box;padding: 15px 0;transition: .5s;z-index:7;} .body-scroll .nav-menu-inner {top: 125px;} .nav-menu .menu-title {width: 100%; font-size: 22px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase;border-bottom: 2px solid #009246; text-align: center; box-sizing: border-box; padding: 5px 0;} .nav-menu table {width: 100%;display: block;box-sizing: border-box;padding: 0px;} .nav-menu table tbody, .nav-menu table tr, .nav-menu table tr td {display: block; width: 100%;} .nav-menu .sub-menu-item::before {content: 'Gourmet Pizza';cursor: pointer;} .nav-menu .sub-menu-item.sub-breakfast::before {content: 'Breakfast';} .nav-menu .sub-menu-item.sub-catering::before {content: 'Catering';} .nav-menu .sub-menu-item .fa-caret-down, .nav-menu .sub-menu-item .fa-caret-right {font-size: 12px; position: absolute; right: 8px; top:50%; transform:translateY(-50%); } .nav-menu .menulist_menu_name_link, .nav-menu .sub-menu-item::before {width: 100%;display: block;box-sizing: border-box;padding: 8px 15px;border-bottom: 1px dashed #d5d5d5;text-align: left;} .nav-menu .menulist_menu_name_link b, .nav-menu .sub-menu-item::before {font-size: 14px;font-weight: 600;} .nav-menu .sub-menu-item {position: relative;} .nav-menu .sub-menu-item > tr {height: 0;overflow: hidden;display: block;margin: 0 0 0 15px;transition: .2s;} .nav-menu .sub-menu-item > tr a b {font-size: 13px;font-weight: 600;display: block;line-height: 30px;margin: -40px 0 -10px 0;} .nav-menu .sub-menu-item.sub-breakfast > tr a b {margin: -40px 0 -10px 0;} /* .nav-menu .sub-menu-item.sub-catering .sub-menu-list > tr a b {margin:0 0 0 -67px;} */ .nav-menu .sub-menu-item:hover > tr {height: 35px;} .nav-menu .sub-menu-item:hover .fa-caret-down {transform: rotate(180deg);} .nav-menu .sub-menu-item:hover .fa-caret-down {color: #009246 !important;} .nav-menu .menulist_menu_name_link:hover {color: #009246 !important;} .nav-menu .sub-menu-item > tr a::before:hover {color: #009246 !important;} .sub-menu-list { background:#CE2B37; border-left:2px solid #EEE; border-radius:0 5px 5px 0; display:none; position:absolute; left:100%; bottom:0px; width:200px; } .sub-menu-list tr { display:block; } .sub-menu-list tr > td > a.menulist_menu_name_link b { color:#FFF; } .sub-menu-list tr > td > a.menulist_menu_name_link:hover { background:#009246; } .sub-menu-item:hover > .sub-menu-list { display:block; } .sub-menu-item.sub-pizzas .sub-menu-list { bottom:auto; top:0px; } /* BODY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .body-wrap {display: flex;justify-content: center;} .outer-menu {width: 100%;max-width: 1600px;margin: 120px 0 70px 0; display: flex; justify-content: center; box-sizing: border-box; padding: 0 5px;} .inner-menu {box-sizing: border-box;padding: 0 25px;margin: 0 auto 0 0;min-height: 550px; width:100%; } .outer-wrap {width: 100%;max-width: 1600px;margin: 110px 0 70px 0; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 30px;} .inner-wrap {width: 100%;max-width: 1000px;background: #fff; box-sizing: border-box; padding: 30px; border-radius: 10px; line-height: 30px;} .inner-menu-thin {width: 100%;max-width: 900px;background: #fff; box-sizing: border-box; padding: 10px 20px 20px 20px; border-radius: 10px;margin: 40px 0 0 0;} .inner-menu-thin font {line-height: 30px;} .cart-view {order: 1;} .cart-view-iframe {} /* NAV MEDIAS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ @media only screen and (max-width: 1000px) { .inner-menu {padding: 0 25px 0 35px;} .nav-menu::before {content: 'Menu'; width: 50px; text-align: center;font-size: 13px; font-weight: 600; letter-spacing: .25px; text-transform: uppercase; display: block; box-sizing: border-box; padding: 4px 0; background: #fff; border-radius: 0 3px 3px 0; position: absolute; top: 10px; left: 0; transition: .5s; cursor: pointer;box-shadow: 2px 2px 1px rgba(0,0,0,.2);} .nav-menu {min-width: 50px; max-width: 50px; padding: 0;position: fixed;top: 125px;left: 0;z-index: 1;} .nav-menu-inner {top: 125px;transform: translate(-110%, 0);box-shadow: 2px 4px 2px rgba(0,0,0,.2);cursor: pointer;border-radius: 0 5px 5px 0;} .nav-menu:hover {min-width: 200px; max-width: 200px;} .nav-menu:hover .nav-menu-inner {transform: translate(0, 0);} .nav-menu:hover:before {left: 125px;} .inner-menu-thin {margin: 10px 5px 0 10px;}} /* INTRO PAGES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ h1 {font-family: 'Roboto Condensed', sans-serif;font-size: 78px;font-weight: 700;color: #000;text-transform: uppercase;} h1 i { font-size: 55px; vertical-align: middle; margin: -15px 10px 0 0;} h2 {font-size: 28px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; display: flex; align-items: center; justify-content: space-between;margin: 0 0 50px 0;} h2::before, h2::after { content: ''; width: auto; height: 3px; background: #009246; display: block; flex-grow: 1; margin: 0 15px;} h3 {font-family: 'Roboto Condensed', sans-serif;font-size: 38px;font-weight: 700;color: #000;text-transform: uppercase;margin: 0 0 30px 0;} h3 span {font-family: 'Roboto Condensed', sans-serif;color: #CE2B37;} h4 {font-size: 28px; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; margin: 0 0 20px 0;width: 100%;display: flex;justify-content: center;} .intro-page {width: 100%;} .intro-page .intro-group {width: 100%; height: 100vh; box-sizing: border-box;} .intro-page .txt-group {position: relative;z-index: 2;} .intro-page .main-group, .intro-page .coupons-group {width: 100%;max-height: 850px; min-height: 450px;overflow: hidden; display: flex; align-items: center; justify-content: center; flex-flow: column;position: relative;padding: 80px 80px 0 80px;} .intro-page .main-group .txt-group {text-align: center;} .intro-page .main-group .intro-group-img, .intro-page .coupons-group .intro-group-img {min-height: 100%; position: absolute; left: 55%;top:0;z-index: 1;} .intro-page .coupons-group .txt-group {text-align: left;margin: 0 auto 0 5%;} .intro-page .coupons-group .txt-group ul {list-style: none;line-height: 35px;margin: 0 0 40px 0;} .intro-page .about-group {width: 100%;height: auto;overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;position: relative;padding: 40px;background: #fff;} .intro-page .about-group .intro-group-img {margin: 0 auto;width: 45%;text-align: center;} .intro-page .about-group .intro-group-img img {max-width: 100%;} .intro-page .about-group .txt-group {width: 55%;flex-grow: 1;min-width: 400px; text-align: left; margin: 80px auto; box-sizing: border-box; padding: 0 40px;} .intro-page .about-group .about-para {max-width: 550px;min-width: 350px;line-height: 35px;margin: 0 0 50px 0;} .intro-page .coupon-btn-cont {display: inline-block;} .intro-page .coupon-btn-cont .intro-btn-red {margin: 6px 0;} .main-site-link {margin: 5px 0 0 0;font-weight: 600;} .main-site-link a {color: #009246;text-decoration: underline;margin: 0 0 0 2px;} .main-site-link a:hover {color: #CE2B37;} /* start and portal page */ .portal-page, .start-page {width: 100%; min-height: 90vh; box-sizing: border-box; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-flow: column; position: relative; padding: 200px 80px 180px 80px;text-align: center;} .portal-page .square-cont .square-group i {font-size: 22px; color: #CE2B37; display: block; margin: 8px 5px 0 -10px;} .start-page .square-cont .square-group i {font-size: 62px; display: block; margin: 20px 0 0 0;} .start-page .square-group h4 {width: auto;border-bottom: 2px solid #CE2B37;display: inline-block;} .start-page .square-cont span { font-size: 15px; color: #CE2B37; font-weight: 600; } .square-group h4 { flex-wrap:wrap; } .square-group h4 span { display:block; } .square-cont {display: flex;flex-wrap: wrap;justify-content: center;} .square-cont .square-group {width: 280px; height: auto; display: flex; flex-direction:column; text-align: center; box-sizing: border-box; padding: 30px; border: 3px solid #000; background: #fff; margin: 15px; box-shadow: 6px 8px 2px rgba(0,0,0,.15);transition: .25s;} .square-cont .square-group p {line-height: 28px;margin: 0 0 15px 0;} .square-cont .square-group:hover {border: 3px solid #CE2B37;box-shadow: 2px 4px 1px rgba(0,0,0,.15);} .portal-page .square-cont .square-group:hover h4, .square-cont .square-group:hover i {color: #CE2B37;} /* sub pages */ .sub-page {width: 100%;max-width: 1600px;box-sizing: border-box; text-align: center; padding: 180px 30px 80px 30px;display: flex;flex-direction: column;align-items: center;} .sub-page .sub-group {width: 100%;display: inline-block;} .sub-page .sub-group .sub-img {width: 65%; max-width: 780px; float: left; box-sizing: border-box; margin: 0 25px 5px 0; border-radius: 5px;} .sub-page.sub-page-cater .sub-group .sub-img { max-width: 200px; height: auto; display: block } .sub-page .sub-group .sub-txt {width: 100%;line-height: 30px; text-align: left;} .sub-page.sub-page-cater .sub-group .sub-txt { font-size: 1.3em } .sub-page.sub-page-cater .sub-group .sub-txt p a { color: #009246; text-decoration: underline } .sub-page.sub-page-cater .sub-group .sub-txt p a:hover { color: #000 } .sub-page h1 {font-size: 64px;} .sub-page.sub-page-cater h1 { min-width: 450px } .sub-page h2 {font-size: 20px;margin: 0 0 80px 0;} .sub-page h2::after, .sub-page h2::before {height: 2px;} .sub-payment-type {text-align: center; width: 100%; background: #fff; box-sizing: border-box; padding: 7px; margin: 40px 0 0 0; border: 2px solid #e7e7e7;} .sub-payment-type p {font-size: 13px;} .coup-cont {width: 100%;display: flex; flex-wrap: wrap; justify-content: center;} .coup-group {width: 260px; height: 200px; display: block; text-align: center; box-sizing: border-box; padding: 20px; border: 1px solid #e7e7e7; background: #fff; margin: 10px; box-shadow: 4px 6px 2px rgba(0,0,0,.15); transition: .25s; position: relative;} .coup-group h4 {font-size: 22px; font-weight: 600; letter-spacing: 0; margin: 10px 0 15px 0;} .coup-group p { line-height: 22px;} .coup-group .coup-code { position: absolute; bottom: 15px; left: 15px; right: 15px; background: #f7f7f7; border: 1px solid #e7e7e7; box-sizing: border-box; padding: 10px 15px; font-size: 12px; font-weight: 600; text-align: left;} .coup-group .coup-code em { width: 50%; display: inline-block; color: #CE2B37; font-size: 16px; font-weight: 700; background: #fff; box-sizing: border-box; padding: 5px; border: 1px solid #e7e7e7; text-align: center; position: absolute; top: 2px; bottom: 2px; right: 2px;} @media only screen and (min-width: 900px) { .sub-page.sub-page-cater .sub-group .sub-txt p { padding-top: 2em } } /* MENU ITEMS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ form[name="itmorderfrm"] td[align="center"] {text-align: left;} /* menu items */ .menu-item-list {width: calc(100% + 40px);flex-basis: calc(100% + 40px);display: flex;flex-flow: row wrap;margin: 20px -20px 50px -20px;} .menu-item-list .menu-item {width: calc(25% - 20px); flex-basis: calc(25% - 20px);margin: 10px;display: flex;flex-flow: column nowrap;background: #fff;position: relative;transition: 0.5s;border-radius: 5px;overflow: hidden;} /* item imgs */ .menu-item-list .item-img {min-height: 1px;padding: 0px;text-align: center;} .menu-item-list .item-img .menudetails_item_thumbnail_link {overflow: hidden;} .menu-item-list .item-img .menudetails_item_thumbnail_link > img {max-width: 100%;display: inline-block;width:100%;} /* quick order */ .menu-item-list .item-info {width: 100%;} .menu-item-list .item-info span {width: 100%;display: inline-block;} .menu-item-list .item-info .item-name {box-sizing: border-box;padding: 20px 20px 0 20px;} .menu-item-list .item-description {font-size: 14px;font-weight: 400;color: #000;box-sizing: border-box;padding:10px 20px 20px 20px;line-height: 24px;} /* quick order flex */ .menu-item-list .qord {display: flex;flex-wrap: wrap;justify-content: center;box-sizing: border-box;padding: 0 20px 20px 20px;margin: auto 0 0 0;} .menu-item-list .qord > span {width: 70%;display: flex;flex-direction: column;flex-grow: 1;font-size: 12px; font-weight: 700;letter-spacing: .5px;text-transform: uppercase;} .menu-item-list .qord .qord_se {text-align: left;} .menu-item-list .qord > .qord_in {width: auto;flex-grow: 0;text-align: center;} .menu-item-list .qord > .qord_nav {width: 100%;flex-direction: row-reverse;margin: 4px -2px 0 -2px;} .menu-item-list .qord_nav[style="display: block;"] {display: flex !important;} /* quick order inputs */ .menu-item-list input, .menu-item-list textarea, .menu-item-list select {flex-grow: 1;width: 100%;text-transform: none;letter-spacing: 0;} .menu-item-list .qord_in input {width: 45px;padding: 0;text-align: center;float: right;flex-grow: 0;margin: 2px 0 2px 4px;text-transform: none;letter-spacing: 0;} /* quick order buttons all */ .menu-item-list .qord_add, .menu-item-list .ord_cst, .menu-item-list .ord_csth, .menu-item-list .qord_csth, .menu-item-list .qord_cst, .menu-item-list .qord_nav_w {height: 32px;line-height: 32px;font-size: 13px;font-weight: 600;color: #fff;text-transform: uppercase;letter-spacing: .25px;text-align: center;border-radius: 3px;border: 2px solid;flex-grow: 1;margin: 0 2px;display: inline-block;overflow: hidden;} /* add to cart buttons */ .menu-item-list .qord_add, .menu-item-list .ord_cst, .menu-item-list .ord_csth {color: #fff;background: #CE2B37;border-color: #CE2B37;} /* customize buttons */ .menu-item-list .qord_csth, .menu-item-list .qord_cst {color: #000;background: #fff;border-color: #2B2B2B;} /* loading animation */ .menu-item-list .qord_nav_w {width: 100%;background-image: url("images/Ajax-loader.gif");background-repeat: no-repeat;background-position: left center;background-size: 1.5rem;box-sizing: border-box;padding: 0 0 0 40px;color: #000;margin: 8px 0 0 0;text-align: left;border-color: transparent;} /* quick order no qord */ .menu-item-list .no-qord .item-description {margin: 0 0 60px 0;} .menu-item-list .no-qord .item-description > div {text-align: left !important;font-weight: 700 !important;} .menu-item-list .no-qord .item-button {width: auto;display: flex;position: absolute;bottom: 20px;left: 20px;right: 20px;} .menu-item-list .no-qord .ord_cst, .menu-item-list .no-qord .ord_csth {width: 100%;flex-grow: 0;margin: 0;} /* hover effect */ .menu-item-list .qord_add:hover, .menu-item-list .ord_cst:hover, .menu-item-list .ord_csth:hover, .menu-item-list .qord_csth:hover, .menu-item-list .qord_cst:hover {color: #fff;background: #009246;border: 2px solid #009246;} /*Beer & Wine menu verification prompt*/ .popup-overlay { display: none; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); position: fixed; z-index: 11; } .popup-box { display: none; position: absolute; z-index: 12; top: 30%; max-width: 428px; right: calc(50% - 214px); background: #fff; padding: 30px; text-align: right; box-sizing: border-box; margin: 0 10px; } .popup-content { text-align: center; } .popup-content h4 { font-weight: 700; margin-bottom: 10px; } .popup-content a { width: 49% !important; display: inline-block; margin-top: 20px; box-sizing: border-box; font-size: inherit; height: 35px!important; } .popup-content a:last-child { background: #CE2B37; border-color: #CE2B37; color: #fff } /* MENU MEDIAS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ @media only screen and (max-width: 1600px) { .menu-item-list .menu-item {width: calc(33.333% - 20px);flex-basis: calc(33.333% - 20px);}} @media only screen and (max-width: 1280px) { .menu-item-list .menu-item {width: calc(50% - 20px);flex-basis: calc(50% - 20px);}} @media only screen and (max-width: 790px){ .menu-item-list .menu-item {width: calc(100% - 20px);flex-basis: calc(100% - 20px);}} /* GOOGLE MAPS PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* CART RECALL PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #findOrdersSpan {background: none !important;} form[name="ordrecallfrm"] input[type="text"] {margin: 0 0 10px 0;} /* EXPIRED SESSION PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #notifyExpiredSessionDiv {text-align: center;} #notifyExpiredSessionDiv p > font {padding: 10px 0 30px 0;display: block;font-size: 28px;color: #000;font-weight: 700;} #notifyExpiredSessionDiv em {color: #000 !important;} #notifyExpiredSessionDiv a {color: #CE2B37; font-size: 16px; font-weight: 400; text-decoration: underline;} #notifyExpiredSessionDiv a:hover {color: #000;} /* ITEM PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .crtctmitm_item_img {max-width: 100%;margin: 20px 0 10px 0;} .crtctmitm_item_desc {padding: 10px 0 30px 0;} /* item with radio button select spacing */ .inner-menu-thin label > font, font > label {line-height: 30px;} /* instructions box styling */ form[name="crtitmfrm"] > table > tbody > tr > td {padding: 10px 0 30px 0;} form[name="crtitmfrm"] > table > tbody > tr:last-of-type > td {padding: 10px 0 0 0;} form[name="crtitmfrm"] td > i > font {width: 80%;font-size: 12px;line-height: 20px !important;display: inline-block;} .inner-menu-thin textarea {margin: 30px 0;} /* very bottom buttons spacing */ form[name="crtitmfrm"] > table > tbody > tr:last-of-type td a {display: inline-block;margin: 20px 0 0 0;} /* COMBO PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .combomaker {line-height: 30px;} .combomaker-info {box-sizing: border-box;padding: 15px;} .combomaker-name {font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 700; display: block; margin: 15px 0 10px 0; text-transform: uppercase;} .combomaker-desc > div {text-align: left !important;} .combomaker-inst {} .combo-group {width: 100%;display: flex;flex-wrap: wrap;margin: 30px 0 40px 0;} .combo-group-name {width: 100%;flex-grow: 1;font-size: 18px;font-weight: 700;text-transform: uppercase;letter-spacing: 0;display: inline-block;margin: 0;} .combo-group-name::before, .combo-group-name::after {display: none;} .combo-group-desc {width: 100%;flex-grow: 1;font-size: 14px;font-weight: 600;margin: 0 0 10px 0;} .combo-group-item {width: 50%;box-sizing: border-box;padding: 5px;position: relative;} .combo-item-label {width: 100%;height: 100%;display: block;} .combo-item-info {width: 100%;height: 100%;display: block;font-size: 13px;line-height: 20px;background: #f2f2f2;border: 2px solid #e7e7e7;border-radius: 3px;box-sizing: border-box;padding: 5px 5px 5px 25px;cursor: pointer;} .combo-item-name {display: block;font-weight: 600;letter-spacing: .25px;text-transform: uppercase;} .combo-item-desc {display: block;} .combo-item-input {float: left; margin: 11px 8px!important;position: absolute;} .combo-item-info:hover, .combo-item-input:checked ~ .combo-item-info {color: #fff;background: #CE2B37;border: 2px solid #CE2B37;} .combo-item-inactive {background:#F6F6F6; border:1px solid rgba(0,0,0,0.025);cursor:default;} /* REVIEW PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .order-is-for-cont, .select-time-cont {display: flex;flex-direction: column;} .order-is-for-cont td, .select-time-cont td {width: 100%;height: 100%;display: flex;flex-direction: column;} .order-is-for-cont td > br {display: none;} .ordprep-option label, .ordfrdatelnk, .btn-switchorder, .addtip-btn, .addtip-custom-btn, #payopts_id > a, #cancel_id > a, .popup-content a {width: 230px;height: 30px;line-height: 30px;font-size: 13px;font-weight: 600;color: #000;letter-spacing: .25px;background: #f2f2f2;text-transform: uppercase;display: inline-block;text-align: center;white-space: nowrap;cursor: pointer;border-radius: 3px;border: 2px solid #2b2b2b;} .ordprep-option label:hover, .ordprep-option input[type="radio"]:checked+label, .btn-switchorder:hover, .btn-switchorder-current, .addtip-btn:hover, .addtip-custom-btn, #payopts_id > a {color: #fff !important;background: #CE2B37;border: 2px solid #CE2B37;} .ordfrdatelnk:hover, .addtip-custom-btn:hover, #payopts_id > a:hover, #cancel_id > a:hover, .popup-content a:hover, .popup-content a:last-child:hover {color: #fff !important;background: #009246;border: 2px solid #009246;} /* order is for buttons and cont */ .order-is-for-cont > td > font {display: inline-block; padding: 0 0 5px 0; font-size: 24px; font-weight: 700; text-transform: uppercase;} .ordprep-option label {margin: 5px -20px; padding: 0 10px 0 30px; text-align: left;} .ordprep-option input {position: relative; vertical-align: middle; top: -2px; left: 6px;} label[for="vnfo1"]::after {font-size: 12px;font-weight: 700;content: '^'; display: inline-block; transform: rotate(180deg) scale(1.5,1);float: right;} /* select date button */ .select-time-title {font-size: 16px; font-weight: 700; color: #000; text-transform: uppercase; display: inline-block; padding: 10px 0 0 0;} .ordfrdatelnk {display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; width: 205px; font-size: 14px; padding: 0 0 0 5px; overflow: hidden;} .ordfrdatelnk .ordfrdatetime {margin: 0 auto;} .calimg > img {display: none;} .calimg {width: 22px;height: 26px;background-image: url(images/calendar.png);display: inline-block;} /* order type buttons */ .btn-switchorder {width: 130px;margin: 0 0 15px 0;} /* add tip buttons and cont */ .addtip-amount {text-align: right; box-sizing: border-box; float: right; margin: 10px 90px; padding: 15px; border: 1px solid #efefef } .addtip-amount > b {font-weight: 700;letter-spacing: .25px;text-transform: uppercase;margin: 5px;} .addtip-custom { margin: 5px 0 0 0;} .addtip-btn {width: auto;padding: 0 5px;} .addtip-custom-btn {width: 55px} .addtip-custom input {width: 60px} /* coupon button */ #addCouponButtonSpan {vertical-align: middle;display: inline-block;} /* payment buttons (on checkout page)*/ #payopts_id > a, #cancel_id > a {width: auto;text-align: center;padding: 0 20px;} /* not buttons */ /* align delete copy edit buttons */ .crtvword_combo_table > tbody > tr[valign="middle"] > td[align="center"] > a, form[name="crtordlfrm"] > table > tbody > tr[valign="middle"] > td[align="center"] > a {text-align: center;width: 100%;display: inline-block;} /* all coupons warn sign */ form[name="crtordlfrm"] > table > tbody > tr[valign="top"] > td[align="center"] > font {font-size: 13px; font-weight: 600; color: #000; display: inline-block; margin: -30px 0 20px 0; box-sizing: border-box; padding: 0 10px; background: #ffe5e5; text-align: left; text-transform: lowercase;} /* review page comebo groups */ .crtvword_combo_header_tr td b {font-size: 18px; font-weight: 700; text-transform: uppercase; display: block; width: 100%;background: #f6f6f6;margin: 10px 0 0 0;box-sizing: border-box; padding: 15px;} .crtvword_combo_table {background: #f6f6f6;} /* review page upsell */ #upsell-block { background: #f2f2f2; padding: 20px; margin: 15px 0; } #upsell-block h4 { font-size: 20px; margin: 0; justify-content: left; margin: 20px 0 0; border-bottom: 3px solid #2b2b2b; } #upsell-block h3 { margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between; } #upsell-block h3:hover { cursor: pointer; color: #CE2B37 } #upsell-block .upsell-title { display: flex; justify-content: space-between; } #upsell-block .upsell-body { display: none; } #upsell-block .upsell-body.visible { display: flex; flex-wrap: wrap; } #upsell-block .upsell { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 20px 20px 10px 0; flex: 1; } #upsell-block .upsell img { width: 100%; max-width: 300px; } #upsell-block .upsell a { width: fit-content; margin-top: 20px } @media only screen and (max-width: 1040px) { .addtip-amount {margin: 10px 10%;}} /* CHECKOUT PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* spacing top groups */ form[name="ordfrm"] > table:first-of-type > tbody > tr:first-of-type, form[name="ordfrm"] > table:first-of-type > tbody > tr:nth-of-type(2) {display: block;margin: 0 0 20px 0;} /* styling delievery date, or top title for delivery asap */ form[name="ordfrm"] > table:first-of-type > tbody > tr:first-of-type tbody > tr:nth-of-type(2) font {font-size: 16px; font-weight: 700; color: #CE2B37;} form[name="ordfrm"] > table:first-of-type > tbody > tr:first-of-type tbody > tr:nth-of-type(2) .fnsz14 font {font-size: 28px; font-weight: 700; color: #000;display: block;margin: -40px 0 0 0;} /* change delivery time button */ form[name="ordfrm"] > table:first-of-type > tbody > tr:first-of-type tbody > tr:nth-of-type(2) font > a {font-size: 13px; font-weight: 600; color: #000; letter-spacing: .25px; background: #f2f2f2; text-transform: uppercase; text-align: center; white-space: nowrap; cursor: pointer; border-radius: 3px; border: 2px solid #CE2B37; box-sizing: border-box; padding: 0 5px; display: inline-block; margin: 10px 0 0 0;} form[name="ordfrm"] > table:first-of-type > tbody > tr:first-of-type tbody > tr:nth-of-type(2) font > a:hover {color: #fff !important;background: #CE2B37;border: 2px solid #CE2B37;} /* order total group styling */ form[name="ordfrm"] > table:nth-of-type(2) {margin: 30px 0 0 0;} form[name="ordfrm"] > table:nth-of-type(2) td {} form[name="ordfrm"] > table:nth-of-type(2) td font {font-size: 16px;} form[name="ordfrm"] > table:nth-of-type(2) td b font {font-size: 14px;} /* very bottom group styling */ form[name="ordfrm"] > table:last-of-type tr {text-align: center;} form[name="ordfrm"] > table:last-of-type tr td {display: inline-block;} /* very bottom group warn message styling */ form[name="ordfrm"] > table:last-of-type p > font {font-size: 13px; font-weight: 600; color: #000; display: inline-block; margin: 5px 0 30px 0; box-sizing: border-box; padding: 0 15px; background: #ffe5e5; text-align: left; text-transform: lowercase;} form[name="ordfrm"] > table:last-of-type p > font > br {display: none;} /* filled form in wrong warn messages */ form[name="ordfrm"] > table:first-of-type td > img[alt="Attention"] {position: relative;z-index: 1;top: 3px;left: 30px;} form[name="ordfrm"] > table:first-of-type td > img[alt="Attention"]+font {font-size: 14px; font-weight: 600; color: #000; display: inline-block; box-sizing: border-box; padding: 0 15px 0 35px; background: #ffe5e5; border: 2px solid #CE2B37; text-align: left; text-transform: lowercase;} form[name="ordfrm"] > table:first-of-type td > img[alt="Attention"]+font > b > br {display: none;} .bro-consent a { text-decoration: underline; } /* WARN MESSAGES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .crtvword_prmdesc, #crtrecall_notfound, .deliveryNotOKMsg, #signon_loginFailedSpan, #ureg_errors, #act_pass_change_errors, #uareset_errors, #actupdate_errors, form[name="itmorderfrm"] center b, #crtvword_prmdesc_id, #couponwarnondatetime, .no-delivery, #nav_warn, .crtvword_prmdesc, #crtrecall_notfound, .deliveryNotOKMsg, form[name="crtordlfrm"] > table > tbody > tr:nth-last-of-type(3) > td > font > b, #sidebar_no_store {display: inline-block; line-height: 22px; font-size: 13px; font-weight: 600; color: #CE2B37; margin: 5px 0; box-sizing: border-box; padding: 10px 15px; background: #ffe5e5; text-align: left;} .ordfrdatelnk ~ font b {display: inline-block; line-height: 22px; font-size: 13px; font-weight: 600; color: #000; margin: 10px 0 5px 0; box-sizing: border-box; padding: 0 10px; background: #ffe5e5; text-align: center;} .ordfrdatelnk ~ font img {vertical-align: top; padding: 6px 5px 0 0;} .ordfrdatelnk ~ font br {display: none;} #crtvword_prmdesc_id > img {margin: 0 .5rem 0 0;} /* WIDGETS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .ui-dialog {width: 380px !important;position: fixed !important;border: 8px solid #eee !important;padding: 20px !important; -webkit-box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.2);} .ui-dialog > div {padding: 5px 0 !important;background: none !important;border: none !important;line-height: 28px;} .ui-widget-content {background: #fff !important;color: #000 !important;} .ui-dialog .ui-resizable-handle {display: none !important;} /* title styling */ .ui-dialog .ui-dialog-titlebar .ui-dialog-title {font-size: 26px;font-weight: 700;margin: 15px 0 10px 0;color: #000 !important;} .ui-dialog .ui-dialog-titlebar .ui-state-hover {border-style: none !important; background: none;} .ui-dialog .ui-dialog-titlebar .ui-icon {width: 22px;height: 22px;background: url("images/cal-close.png") !important;background-repeat: no-repeat;} .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {background: none; border:none; width: 40px !important;height: 40px;position: absolute;right: 0;top: -5px;margin: 0;padding: 0;} .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {background: none; border: none;} /* set button background & position & styling */ .ui-dialog .ui-dialog-buttonset {float: none !important;} .ui-dialog .ui-dialog-buttonpane {border-width: 2px 0;margin: 0;padding: 0 !important;text-align: center !important;border-radius: 0;} .ui-dialog .ui-button {color: #fff; width: 240px !important; height: 34px; background: #CE2B37; text-transform: uppercase; display: inline-block; text-align: center; white-space: nowrap; cursor: pointer !important; border-radius: 3px !important; border: 2px solid #CE2B37;} .ui-dialog .ui-button > span {font-size: 13px; font-weight: 600; color: #fff; letter-spacing: .25px;} .ui-dialog .ui-button:hover {background: #009246;border: 2px solid #009246;} .ui-dialog .ui-button:hover > span {color: #fff !important;} /* coupon */ #addCouponDialog1Span > a, #addCouponDialog2Span > a {width: 100%; height: 38px; line-height: 36px; font-size: 14px; font-weight: 700; color: #000; letter-spacing: .25px; background: #ddd; border: 2px solid #009246; text-transform: uppercase; box-sizing: border-box; display: inline-block; text-align: center; white-space: nowrap; cursor: pointer;margin: -35px 0 -10px 0;} #addCouponDialog1Span > a:hover, #addCouponDialog2Span > a:hover {color: #fff !important;background: #CE2B37;border: 2px solid #CE2B37;} /* calendar */ #caldv table table {background: #eee; box-sizing: border-box; padding: 10px;} /* select inputs styling */ #caldv select {margin: 10px 0;} #caldv select#Month {width:60%;} #caldv select#Year {width:38%; float:right;} #caldv select#Hour, #caldv select#Minute, #caldv select#AMPM {width: 27%;} /* day styling */ #caldv .dyow {font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .25px;} /* square styling / styling day selected*/ #caldv .dyom > a {height: 40px;font-weight: 400;display: block;box-sizing: border-box;padding: 4px 8px;border: 1px solid #eee;background: #fff;text-align: right;text-decoration: none;} #caldv .dyom[style="background: rgb(165, 189, 202);"] > a, #caldv .dyom[style="background: rgb(165, 189, 202) none repeat scroll 0% 0%;"] > a {background: rgba(206, 43, 55, .7) !important;color: #fff;} #caldv .dyom > a:hover {background: #CE2B37 !important;color: #fff !important;} /* days not in month hidden */ #caldv span.dylm {opacity: 0;} /* FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #contact-target {width: 0;height: 0;position: absolute;margin: -85px 0 0 0;z-index: 0;} footer {width: 100%; background: #2b2b2b;display: flex;flex-direction: column;align-items: center;} footer h4 {width: 100%;font-size: 22px; font-weight: 600; color: #fff;justify-content: flex-start;flex-grow: 1;margin: 0 0 20px 0;} footer h5 {font-size: 16px; font-weight: 600; color: #fff;border-bottom: 1px dashed #fff;margin: 0 0 20px 0;padding: 0 0 5px 0;} footer h6 {font-size: 13px; font-weight: 700; color: #fff; text-transform: uppercase;margin: 25px 0 5px 0;} footer ul {list-style: none;} footer li a {width: 100%;font-size: 13px;font-weight: 600;color: #fff;letter-spacing: .25px;text-transform: uppercase;display: block;margin: 10px 0 0 0;box-sizing: border-box;padding: 5px 2px;border-bottom: 1px dashed #fff;} .sm-link a {font-size: 12px;text-transform: none;margin: 30px 0 0 0;white-space: nowrap;} footer p {font-size: 13px;color: #fff;} footer b {font-size: 13px;color: #fff;font-weight: 700;display: inline-block;margin: 5px 0 0 0;} footer i {color: #CE2B37; font-size: 14px; vertical-align: top; margin: 2px 6px 0 0;} footer a {display: inline-block;margin: 5px 0 0 0;} .footer-cont {width: 100%;min-width: 620px;max-width: 1600px;background: #2b2b2b;display: flex;flex-wrap: wrap-reverse;box-sizing: border-box;padding: 20px;} .footer-group {display: flex;flex-grow: 1;} .footer-imgs-group { width: 25%; margin: 0 auto; box-sizing: border-box; padding: 0px 50px; flex-grow: 1;} .footer-imgs-group img { max-width: 100%; margin: 5px auto; display: block;} .footer-imgs-group span { color:#FFF; display:block; font-size:38px; font-weight:700; text-align:center; text-transform:uppercase; } .footer-links-group {min-width: 215px;box-sizing: border-box; padding: 20px 5% 0; margin: 0 auto;} .footer-contact-group {max-width: 620px;margin: 0 auto;box-sizing: border-box;padding: 20px 5% 0;flex-grow: 1;} .footer-contact-group > div {display: flex;flex-wrap: wrap;justify-content: space-between;} .footer-contact-group > div > div {min-width: 210px;line-height: 20px;padding: 0 5% 40px 0;} .footer-contact-group a { border-bottom:1px dashed rgba(255,255,255,0.5); color:#FFF; margin-top:1rem; } .copy-right-cont .link {margin: 0 0 0 5px;} .copy-right-cont {width: 100%;} .copy-right-cont p {width: 100%;background: #000;box-sizing: border-box;padding: 10px 0;text-align: center;} .copy-right-cont p a { margin: 0; color: #fff } .copy-right-cont p span { display: inline-block; } /*======================================= SWITCH ORDER TYPE ========================================*/ .btn-switchorder { position:relative; } .btn-switchorder::before { background:#FFF; border-radius:50%; border:1px solid rgba(0,0,0,0.75); box-shadow:0 1px 0 rgba(0,0,0,0.2) inset; content:""; height:13px; position:absolute; top:50%; left:10px; transform:translateY(-50%); width:13px; } .btn-switchorder-current, .btn-switchorder.btn-switchorder-current:hover { cursor:default; } .btn-switchorder-current::before { background:#000; border-radius:50%; border:2px solid #FFF; box-shadow:0 0 1px rgba(0,0,0,0.5); content:""; height:9px; position:absolute; top:50%; left:10px; transform:translateY(-50%); width:9px; } /*======================================= MODAL ========================================*/ .modal-showing { overflow:hidden; } .modal-container * { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .modal-container { background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.65); display:none; height:100%; overflow:hidden; position:fixed; top:0; left:0; width:100%; z-index:9999; } .modal-content { background-color:#F7F7F7; border-radius:8px; box-shadow:0 5px 5px rgba(0,0,0,0.2); margin:20px auto; max-height:100%; overflow-y:auto; padding:20px; max-width:600px; position:relative; text-align:center; width:95%; } .modal-content button.modal-close { background:none; border:none; color:#555; cursor:pointer; font-family:sans-serif; font-size:18px; font-weight:700; padding:0; position:absolute; top:10px; right:15px; } .modal-content button.modal-close:hover { color:#c62828; } .modal-header { padding:0 0 15px; position:relative; } .modal-header .modal-title { margin-bottom:0; padding:0 10%; } .modal-header h3 { font-size:26px; line-height:1em; } .modal-body p { color:#666; font-size:15px; line-height:1.25em; padding:0 0 15px; } .modal-footer { display:flex; flex-direction:column-reverse; margin-top:1rem; } .modal-footer .btn { height:auto; font-size: 13px;font-weight: 600;color: #000;letter-spacing: .25px;background: #f2f2f2;text-transform: uppercase;display: inline-block;text-align: center;white-space: nowrap;cursor: pointer;border-radius: 3px;border: 2px solid #2b2b2b; padding:10px 20px; width:100%; margin:2px 0; } .modal-footer .btn.btn-yes, .modal-footer .btn.btn-no:hover { background:#c62828; border-color:#c62828; color:#FFF; } .modal-footer .btn.btn-yes:hover { background:#e81919; border-color:#e81919; } @media (min-width:768px){ /* modal */ .modal-container { background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.65); display:none; height:100%; overflow:hidden; position:fixed; top:0; left:0; width:100%; z-index:9999; } .modal-content { background-color:#F7F7F7; border-radius:8px; box-shadow:0 5px 5px rgba(0,0,0,0.2); margin:10% auto; max-height:calc(100vh - 20%); overflow:auto; padding:40px; max-width:600px; } .modal-header h3 { font-size:36px; } .modal-footer { justify-content:center; flex-direction:row; } .modal-footer .btn { margin:5px; width:auto; } } .catering-notice { background:#fff3cd; border:1px solid #ffeeba; color:#856404; display:block; padding:15px; text-align:center; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*======================================= PAGE/MENU HEADERS ========================================*/ #menu-header { background:url("images/headers/default.jpg") center center #F5F5F5; background-size:cover; display:flex; height:300px; max-width:1600px; margin-top:100px; width:100%; } #menu-header[data-menu="Gourmet Pizza - House Pizzas"] { background:url("images/headers/house-pizzas.jpg") center center #F5F5F5; background-size:cover; } #menu-header[data-menu="Gourmet Pizza - Specialty Pizzas"] { background:url("images/headers/specialty-pizzas.jpg") center center #F5F5F5; background-size:cover; } #menu-header[data-menu="Gourmet Pizza - Classic Pizzas"] { background:url("images/headers/classic-pizzas.jpg") center center #F5F5F5; background-size:cover; } #menu-header[data-menu="Pasta"] { background:url("images/headers/pastas.jpg") center center #F5F5F5; background-size:cover; } #menu-header[data-menu="Calzones"] { background:url("images/headers/calzones.jpg") center center #F5F5F5; background-size:cover; } #menu-header[data-menu="Hot Sandwiches"] { background:url("images/headers/toasted-sandwiches.jpg") center center #F5F5F5; background-size:cover; } #menu-header[data-menu="Salads"] { background:url("images/headers/salads.jpg") center center #F5F5F5; background-size:cover; } #menu-header[data-menu="Appetizers"] { background:url("images/headers/appetizers.jpg") center center #F5F5F5; background-size:cover; } #menu-header[data-menu="Desserts"] { background:url("images/headers/desserts.jpg") center center #F5F5F5; background-size:cover; } #menu-header[data-menu="Beverages"] { background:url("images/headers/beverages.jpg") center center #F5F5F5; background-size:cover; } #crtpay_id { max-width: 380px; background: #fff; border-radius: 10px; margin: 150px auto; text-align: center; padding: 40px;} /* Clover iFrame ------- */ .crtpay-payform, #crtpayProviderID { max-width: 380px; margin: 150px auto 80px; background: #FFF; border-radius: 10px;padding: 40px;} .crtpay-orderid, .crtpay-amount { text-align: center;} .crtpay-orderid { text-align: center; border-top: 1px solid #ddd; font-weight: 700; padding-top: 10px; color: #000; } .crtpay-amount { text-align: center; margin-bottom: 20px; border-bottom: 1px solid #ddd; font-weight: 700; color: #CE2B37; padding-bottom: 10px;} .crtpay-payment-save-pay { text-align: left; margin: 0 auto 2em; padding: 20px; border: 2px solid #222; -webkit-border-radius: 5px; border-radius: 3px; } .crtpay-payment-save-pay #savePayLabel { color: #CE2B37 !important; font-size: 1em; } #cloverPay { text-align: left;} #cloverPay #card-number, #cloverPay #card-date, #cloverPay #card-cvv, #cloverPay #card-postal-code, #cloverPay #cardHolderName {box-sizing: border-box; background: #fff; border: 1px solid #d3d3d3; color: #000; padding: 11px 20px 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-appearance: none; border-radius: 3px; padding: 10px 20px 8px; min-height: 45px;} .crtpay-form-row input { background: #f1f1f1; } #cloverPay label { color: #000; font-weight: 700;} #cloverPay .crtpay-form-row { margin-bottom: 20px;} #cloverPay .crtpay-form-row iframe { max-height: 20px; } #cloverPay #cardHolderName { font-size: 16px !important; margin-bottom: 20px; width: 100%; font-family: revert; padding: 10px 20px 8px;} #cloverPay .crtpay-button-container { text-align: center;} #cloverPay .crtpay-button-container .btn { display: inline-block; margin-bottom: 10px; background: #CE2B37; border: none; color: #fff; font-size: 13px; padding: 8px 20px; font-weight: 400; border-radius: 3px; letter-spacing: .25px; font-weight: 600; text-transform: uppercase; font-family: 'Open Sans', sans-serif; border: 2px solid #CE2B37;} #cloverPay .crtpay-button-container .btn-crtpay-cancel { color: #000; background: #fff; border-color: #2B2B2B; } #cloverPay .crtpay-button-container .btn:hover { opacity: .85;} #cloverPay .crtpay-input-errors { color:#CE2B37; } /*======================================= Account Login ========================================*/ .inner-accounts { max-width: 550px !important; margin: auto; background: #fff; padding: 30px; border-radius: 10px; width: 100%; box-sizing: border-box; } .inner-accounts td { line-height: 1.5 !important; } .inner-accounts h1, .inner-accounts h2 { text-align: center; margin-bottom: 1em; font-size: 28px; } .inner-accounts input:not([type=radio]), .inner-accounts select { width: calc(100% - 21px); font-size: .95em; box-sizing: border-box; background: #fff; } .inner-accounts #ppinit_payOptions_id input { width: auto } /*-- |||| Login --*/ #signon { max-width: 500px; margin: 0 auto } .account-loggednot #signon { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; flex-flow: row wrap } .inner-accounts #signon input:not([type=radio]) { width: calc(100% - 2px) } #signon-wrap, .signon-note { position:relative; -webkit-box-sizing: border-box; box-sizing: border-box } .signon-note { padding: 2em 5% } #signon-wrap, #account-pages { margin: 0 auto; position: relative; max-width: 550px } #signon-wrap { } #signon-wrap > p { margin-bottom: 1em; font-size: .9em; text-align: center } #signon table { width: 100% } #signon-title-wrap { margin-bottom: 10px; text-align: center} #signon-title-wrap p { line-height: 1.5 } #signon td { padding:5px 0 } #signon_form, #signon_guest_checkout { width:100%; } #signon_loginFailedSpan { display: block; margin: 0 0 10px; text-align: left; font-size: .95em } #signon_loginFailedSpan b { display: inline-block; margin-bottom: 5px; font-size: 1.1em; position: relative; font-weight: 600 } #signon_access_nav1 { padding: .5em 0; width: 100%; text-align: center } #signon_access_nav1 tbody { display: flex; justify-content: space-between; } .signon-note { text-align: center; background: #fff; border: 1px solid #ccc; max-width: 500px; margin: 0 auto } .signon-note h1 { margin-bottom: .5em; font-size: 1.8em; line-height: 1.1 } .signon-note p a img { display: block; margin: 0 auto } .signon-note strong, .actlognote strong { color:#222; } .signon-note i, .actlognote i { color:#be0a0b; } .signon-note a { cursor:pointer !important; } #signon_guest_checkout { padding: 2em 0 0; text-align: center; order: 3; margin: .5em -20px 0; width: calc(100% + 40px); position: relative; border-top: 3px solid #ddd } #signon_guest_checkout::before { content: "or"; position: absolute; background: #fff; display: inline-block; padding: 5px 10px; font-weight: 400; line-height: 1; top: -1em; left: 50%; margin-left: -20px; width: 42px; text-align: center; } #signon_guest_checkout table { width:100%; } #signon_guest_checkout table tr td:first-child { display:none } #signon_guestCheckoutLinkSpan { display: block; margin: 0 20px } #signon_guestCheckoutLinkSpan a { display: block; margin: 0 auto; position: relative; color: #fff } #signon_guestCheckoutLinkSpan a img { display: none } #signon_guestCheckoutLinkSpan a:before { content: "Checkout as Guest" } .btn-logout { text-align: right; margin-right: 10px } #register_account a, #forgotten_pass { display: block; position: relative; text-align: center; text-decoration: underline; } #signon_loginBtnSpan { display: block; text-align: right; } /* |||| Password Reset --*/ #uareset_form { margin: .5em auto; text-align: center; } #uareset_form table { margin:1em 0 0; text-align: left; } #uareset_cancel, #uareset_reset { display: inline-block; margin-top: 1em; position: relative; left: -5% } #uareset_done, #act_reset { text-align: center;margin-top: 1.5em; font-size: 1.1em; width: 100% } #uareset_login, #act_reset_continue, #act_pass_change_done { display: block; margin-top: 1em } /* |||| Create Account --*/ #ureg_form { margin: 0 auto; width: 100% } .mobile #ureg_form { max-width: 400px } .g-recaptcha { display: inline-block; vertical-align: top; overflow: hidden; max-width: 100% } #ureg_cancel_act_reg, #ureg_creat_act_reg { display: inline-block; margin-top: 2em } #ureg_errors, #act_pass_change_errors, #uareset_errors, #actupdate_errors { margin-bottom: 1em; display: block; text-align: left; line-height: 22px; font-size: 13px; font-weight: 600; color: #CE2B37; margin: 5px 0; box-sizing: border-box; padding: 10px 15px; background: #ffe5e5; text-align: left; } #ureg_errors ul, #uareset_errors ul, #act_pass_change_errors ul, #uareset_errors ul, #actupdate_errors ul { margin: 5px 0 0 25px } #ureg_errors li, #uareset_errors li, #act_pass_change_errors li, #uareset_errors ul li, #actupdate_errors ul li { list-style: outside none disc; margin-bottom: 5px } #ureg_account_created { padding:15px; text-align: center } #ureg_account_created p { border: 2px solid #2b1200; color: #2b1200; margin-bottom:5px; margin-top:20px; padding:15px; } #ureg_account_created p b { display: block; font-weight: 600; color: #be0a0b; font-size: 1.15em } #ureg_login_act_reg { text-align: center; display: block } #ureg_form input[name="adz_it"], #ureg_form input[name="php1_it"] { width: auto; min-width: 100px } /* |||| Logged In --*/ .inner-accounts.account-loggedon #signon-wrap h1 { margin-bottom: 0; text-align: left; margin-right: 100px } #signon_welcome { width:100% } #signon_welcomeSpan { color:#2b1200; display: block; text-align: center; } #signon_shopSpan a, #signon_checkoutSpan a, #signoff_account a { display: block; position: relative; text-align: center; width: 100% } #signon_shopSpan a:before { content: "Continue Shopping" } #signon_checkoutSpan a:before { content: "Proceed to Checkout" } #signoff_account a:before { content: "Logout" } #signon_shopSpan a img, #signon_checkoutSpan a img, #signoff_account a img { display: none } #signoff_account { padding: 5px 0; display: block; } #signon_access_nav2 { border-top: 1px solid #ddd; margin-top: 1em; padding-top: 1em } #signon_access_nav2 span, #signon_access_nav2 span a { display: flex; flex-direction:column; } #signon_account { position: relative; padding-bottom: 1.5em; border-bottom: 1px solid #ddd; padding-left: 45px } #signon_account:before { content: "View your info, update password, and more." } .mobile #signon_account:before { font-size: .9em } #signon_account:after { content: "\f4ff"; font-family: "Font Awesome 5 Free"; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; font-weight: 600; top: 2px !important; } #signon_account a { display: block; position: relative} #signon_account a:after { content: "Profile / Password & Security"; text-transform: uppercase; position: relative; top: 3px; text-decoration: underline; } #signon_account a img { display: none } .loggedon-section { padding-left: 45px; position: relative} .loggedon-section i, #signon_account:after { position: absolute; left: 0; top: 12px; font-size: 25px; } .loggedon-section a { text-transform: uppercase; padding: 5px 0 10px; display: block;text-decoration: underline; } /* |||| Update Account --*/ #act_nav_bottom { text-align: center; margin-top: 1em } #act_pass_change_success { margin-top: 1em; text-align: center; width: 100% } /* |||| Account activation --*/ #ureg_activation { text-align: center;font-size: 1.2em;margin-top: 2em; width: 100% } #ureg_activation_continue { margin-top: 1em; display: inline-block } /* |||| Change Password --*/ #act_pass_change_form { margin: 0 auto } #act_pass_change_cancel, #act_pass_change_go { display: inline-block; margin-top: 1em } /* |||| Order History --*/ #act_hist_id { width: 100%; max-width: 550px; margin: 0 auto; font-size: .9em } #act_hist_id tr:first-child, #act_hist_id #ord_hist_separator_hr { display: none } #act_hist_id tr:nth-child(2) { text-align: center } #act_hist_id b { color: #be0a0b; text-transform: uppercase } #act_hist_id table td { padding: 15px 10px } #act_hist_id table td:last-child { font-size: 1.2em; font-weight: 600; color: #222; } .ord_hist { outline: 1px solid #ddd } #ord_hist_itms ul { margin-top: .5em } #ord_hist_itms li { margin-bottom: 3px } #ord_hist_itms li:last-child { margin-bottom: 0 } #act_hist_id table td[colspan="4"]:last-child { font-weight: 400 } #act_hist_id table td[colspan="4"]:last-child a { padding: 0; color: #be0a0b; text-decoration: underline; background: none; border: none; font-size: 1em } #act_hist_id table td[colspan="4"]:last-child a:hover { color: #222 } #act_hist_id #signon_shopSpan { display: block; text-align: center }