/* Theme Name: Craig's 2017 Theme URI: http: //craigs.la/ Description: Custom child theme for Salient for Craig's Restaurant of West Hollywood, CA Author: Dave Mosso for Spacious Mind Creative Solutions Author URI: https: //spaciousmind.com/ Template: salient Version: 0.2 */ /* Red: #a4343a Dark Red: #7c2428 Yellow: #f5f5c6 Yellow 2: #faf3d2 */ /* a[href^="tel:"] { color:orange !important; text-decoration: none !important; border-bottom: none !important; } */ body, p { font-family: gotham-book, Montserrat, sans-serif !important; } header#top nav > ul > li > a { font-family: 'gotham-book', Montserrat, sans-serif !important; font-weight: normal !important; } header#top .sf-menu li ul li a { font-family: 'gotham-book', Montserrat, sans-serif !important; font-weight: normal !important; } .nectar-button { font-family: 'gotham-book', Montserrat, sans-serif; letter-spacing: 0; } .nectar-button.regular-button[data-color-override="false"]:hover { background: #7c2428 !important; opacity: 1; } .home .nectar-cta[data-style="see-through"] .link_wrap .arrow::after { border-bottom: 1px solid #f5f5c6; } body .wpb_text_column.diamond-divider { background: url('https://craigs.la/wp-content/uploads/2017/09/diamond-rule-wide.svg') center center no-repeat; background-size:cover; height: 28px; margin:28px 0; } /* */ .page-id-405 .container-wrap { min-height: 2000px; } .pum-content.popmake-content:focus-visible, .pum-content *:focus, .pum-overlay .pum-content { outline: none !important; } @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { .pum-overlay .pum-content { outline: none !important; } } } #popmake-404 h2 { font-family: 'gotham-bold', Montserrat, sans-serif !important; font-weight: normal !important; font-size: 1.75em; padding: 0 10%; line-height: 1.25em; margin-bottom: 1.5em !important; } #popmake-404 p, #popmake-404 li { font-size: 1em; } #popmake-404 ul { max-width: 840px; padding: 0 5%; margin: 0 auto 2em; } #popmake-404 li { margin-bottom: .75em; } #popmake-404 p button { background: none; border: none; color: #A4343A; font-family: 'gotham', Montserrat, sans-serif !important; } #popmake-404 p button::before { content: ''; display: block; margin: 0 auto 1.5em; border-top: 2px solid #A4343A; width: 32px; } /* MAIN MENU */ #top nav > ul { } #top nav > ul > li { } #top nav > ul > li > a { font-size: 12.5px; text-align: center; } #menu-item-331 { margin-right: -16px; } #menu-item-380 { background: url('https://craigs.la/wp-content/uploads/2021/05/craigs-vegan-logo.png') center center no-repeat !important; background-size: contain !important; height: 76px; width: 76px; margin-left: 12px; position: relative; top: 24px; transition: all ease-in-out .2s; } #menu-item-380 a { text-indent: -9999px; display: inline-block !important; width: 100%; height: 100%; margin: 0 !important; } #menu-item-380:hover { transform: scale(1.15) rotate(-9deg); } #menu-item-380:focus { outline: 1px solid white; } .sf-menu li.current-menu-item { background: rgba(0,0,0,0.1) !important; } .sf-menu li.current-menu-item a span.menu-title-text::after { border-width: 0px !important; } .sf-menu li.current-menu-item a:focus { outline: 1px solid white; } #header-outer.small-nav #menu-item-380 { height: 64px; width: 64px; top: 8px; } .off-canvas-menu-container li { padding-bottom: 14px; } .off-canvas-menu-container li.mainmenu-craigsvegan { background: url('https://craigs.la/wp-content/uploads/2021/05/craigs-vegan-logo.png') top left no-repeat !important; background-size: contain !important; width: 96px; margin-bottom: 12px !important; transition: all ease-in-out .2s; } .off-canvas-menu-container li.mainmenu-craigsvegan a { display: block; text-indent: -9999px !important; width: 96px; height: 96px; } .off-canvas-menu-container li.mainmenu-craigsvegan:hover { transform: scale(1.15) rotate(-9deg); } /* HOME */ .home-row { background-color: #eee; min-height: 500px; } .home-hero-new-row-2022 { color: white; } .home-hero-new-row-2022 .home-hero-patio-headline-container { background: rgba(0,0,0,.625); margin: 96px auto 48px !important; padding: 36px; color: white; max-width: 720px; } .home-hero-new-row-2022 .home-hero-patio-headline-container .vc_column-inner { padding: 36px 24px; } .home-hero-new-row-2022 .home-hero-patio-headline-container h1 { letter-spacing: -1.5px; font-size: 36px; line-height: 40px; margin-bottom: 12px !important; color: white; font-family: 'gotham-bold', Montserrat, sans-serif !important; } .home-hero-new-row-2022 .home-hero-patio-headline-container p { color: white; margin: 6px !important; padding: 0 !important; font-size: 18px; } .home-hero-new-row-2022 .home-hero-patio-headline-container .wpb_wrapper { display :flex; flex-direction: column; justify-content: center; align-items: center; } .home-hero-new-row-2022 .home-hero-patio-headline-container a.nectar-button { margin: 12px 0; border-radius: 0; } .home-hero-new-row-2022 .home-hero-patio-headline-container a.nectar-button span { text-transform: uppercase; font-size: 14px; font-weight: bold; font-family: 'gotham-book', Montserrat, sans-serif; } .home-hero-new-row-2022 .home-hero-patio-headline-container a.nectar-button:hover { color: white !important; } .home-menu, .home-catering { border: 10px solid #a4343a; border-width: 10px 0; } .home-menu-image-responsive { display: none !important; } .home-hours-social-icons { background: url('https://craigs.la/wp-content/uploads/2017/09/straight-rule-wide.svg') no-repeat center center; } .home-hours-social-icons ul { background: #0B0909; display: flex; flex-direction: row; justify-content: center; align-items: center; list-style:none; margin: 24px auto; padding: 12px 0 0 0; } .home-hours-social-icons ul li { list-style:none; width: 56px; margin: 0 6px; float: left; } .home-hours-social-icons ul li a i { font-size: 28px !important; margin: 0 10px; color: #faf3d2; } .home-hours-social-icons ul li a i:hover { color: rgb(64, 61, 60); } .home-social-icons { background: url('https://craigs.la/wp-content/uploads/2017/09/straight-rule-wide.svg') no-repeat center center; } .home-social-icons ul { background: #0B0909; width: 200px; display: flex; justify-content: center; list-style:none; margin: 0 auto; padding: 0; } .home-social-icons ul li { list-style:none; } .home-social-icons ul li a i { font-size: 28px !important; margin: 0 10px; color: #faf3d2; } .home-social-icons ul li a i:hover { color: rgb(64, 61, 60); } .home-social-subhead h6 { text-align: center; color: #faf3d2; margin:0 0 28px !important; } /* HOME */ .home-menu h3, .home-hours h3, .home-catering h3, .home-social h3 { font-size: 28px !important; } .home-social h3 { text-align: center; color: #f5f5c6 !important; margin-bottom: 64px !important; } .home-charities h2 { font-family:'trixie-pro-heavy' !important; font-size: 28px !important; } /* INSTAGRAM FEED */ #sb_instagram a:focus { outline: 1px solid white; } /* RESERVATIONS PAGE */ .reservations-heading-row { padding-top: 2em !important;} .reservations-heading-row h1 { color: #F5F5C6; font-size: 2.5em !important; line-height: 1em; } .reservations-heading-row h2 { display: none; } .reservations-heading-row { max-width: 720px; margin: 0 auto; text-align: center; } .reservations-heading-row .reservations-heading-row-intro p { color: white !important; } .reservations-widgets-row .reservations-ot-widget { } .reservations-widgets-row .reservations-ot-widget div.ot-widget-desktop { display: flex; justify-content: center; } .reservations-widgets-row .reservations-ot-widget div.ot-widget-mobile { display: none; } .reservations-policies-row { margin-top: -200px; position: relative; z-index: -10000; } /* JOIN PAGE */ .join-heading-row-intro p { color: white !important; } .join-widgets-row { max-width: 720px; margin: 2em auto 0; } .join-widgets-row #nf-form-1-cont { background: #faf3d2; padding: 2em; } .join-widgets-row input { background-color: rgba(255,255,255,0.25) !important; color: black !important; border-bottom: 1px solid #999 !important; } .join-widgets-row textarea { background-color: rgba(255,255,255,0.25) !important; color: black !important; border-bottom: 1px solid #999 !important; } .join-widgets-row input:focus, .join-widgets-row textarea:focus { background: rgba(255,255,255,0.85) !important; } .join-widgets-row #nf-form-1-cont input[type="submit"] { box-shadow: 0 !important; } .join-widgets-row #nf-form-1-cont input[type="submit"], .join-widgets-row #nf-form-1-cont .nf-fu-fileinput-button { background-color: #A4343A !important; color: white !important; text-transform: uppercase; font-family: 'gotham-book', Montserrat, sans-serif !important; } .join-widgets-row #nf-form-1-cont .nf-fu-fileinput-button { margin-bottom: 1em; } .join-widgets-row #nf-form-1-cont .nf-fu-fileinput-button:hover { cursor: pointer; opacity: .75; } .join-widgets-row #nf-form-1-cont .nf-field-description p { color: #000 !important; line-height: 1.4em; margin-bottom: 1em; } .join-widgets-row #nf-form-1-cont .files_uploaded p { color: #000 !important; line-height: 1.4em; margin-bottom: 1em; } .join-widgets-row #nf-form-1-cont .files_uploaded p a.delete { background: red; color: white; font-size: .75em; padding: .25em .5em; margin-left: .5em; text-transform: uppercase; } .join-widgets-row #nf-form-1-cont .files_uploaded p a.delete:hover { opacity: .5; } .join-widgets-row #nf-form-1-cont .nf-response-msg p { color: #000; line-height: 1.4em; } .join-widgets-row .nf-form-fields-required { font-size: .75em; } /* PATIO DINING/COVID PAGE */ .patio-dining-hero-content h1 { font-family: 'gotham-bold', Montserrat, sans-serif !important; font-size: 2.5em; line-height: 1.125em; } .outdoor-dining-content h2 { font-family: 'trixie-pro-heavy' !important; font-size: 32px; letter-spacing: -1px; } .outdoor-dining-content a { font-family: 'trixie-pro-heavy' !important; font-size: 28px; letter-spacing: -1px; color: #FAF3D2 !important; } .outdoor-dining-content a:hover { color: white !important; } /* MENU */ .menu .menu-disclaimer p { font-size: .7em; line-height: 1.4em; } .menu .elegant-tabs-list-container li:nth-child(6) { /* display: none !important; */ } /* Hides BRUNCH tab */ .menu .et-mobile-tabs option:last-of-type { /* display: none !important; */ } /* Hides BRUNCH tab from mobile dropdown */ .menu ul.ui-tabs-nav { margin-bottom: 56px !important; border-bottom: 1px solid gray; padding-bottom: 0 !important; } .menu ul.ui-tabs-nav li { line-height: 1px !important; } .menu ul.ui-tabs-nav li a { font-family: gotham-book, Montserrat, sans-serif; } .menu-elegant-tabs .elegant-tabs-nav { background: transparent; border-bottom: 1px solid #e1e1e1; } .menu-elegant-tabs nav.elegant-tabs-nav { padding: 0 10%; } .menu-elegant-tabs.et-tabs.et-tabs-carousel nav.elegant-tabs-nav { margin-bottom: 24px; } .menu-elegant-tabs.et-tabs-style-underline nav a { border: 1px solid transparent !important; color: #403d3c; font-size: .75em; } .menu-elegant-tabs.et-tabs-style-underline nav li a::after { background: #A4343A !important; height: 3px; } .elegant-tabs-container .et-tabs.et-mobile-enabled nav select.et-mobile-tabs { border: 0; } .menu-wine-wines-by-glass br { margin-bottom: 18px !important; } /* MAIN MENU */ li.main-nav-patio, li.main-nav-menu { left: -16px; } /*li#menu-item-345 a:nth-child(1){ display: none; } */ .off-canvas-menu-container.mobile-only li.main-nav-patio, .off-canvas-menu-container.mobile-only li.main-nav-menu { left: 0; } /* Main Menu - Craig's Vegan button #header-outer header#top nav ul li.main-nav-craigsvegan, #header-outer.transparent header#top nav ul li.main-nav-craigsvegan { background: url('https://craigs.la/wp-content/uploads/2019/03/craigs-vegan-logo-button.svg') no-repeat center center; height: 76px; top: 24px; left: -16px; transition: all 0.2s ease; } #header-outer header#top nav ul li.main-nav-craigsvegan:hover, #header-outer.transparent header#top nav ul li.main-nav-craigsvegan:hover { opacity: .5; } #header-outer header#top nav > ul > li.main-nav-craigsvegan > a, #header-outer.transparent header#top nav > ul > li.main-nav-craigsvegan > a, #header-outer.transparent[data-lhe="animated_underline"] header#top nav .sf-menu > li.main-nav-craigsvegan.sfHover > a { opacity: 0 !important; } #header-outer[data-lhe="animated_underline"] header#top nav > ul > li.main-nav-craigsvegan > a:hover, #header-outer.transparent[data-lhe="animated_underline"] header#top nav > ul > li.main-nav-craigsvegan > a:hover { opacity: 0 !important; } */ /* Main Menu - Goldbelly button #header-outer header#top nav ul li.main-nav-goldbelly, #header-outer.transparent header#top nav ul li.main-nav-goldbelly { background: url('https://craigs.la/wp-content/uploads/2019/12/goldbelly-logo.png') no-repeat center center; background-size: 90px; height: 76px; top: 24px; left: 0; transition: all 0.2s ease; } #header-outer header#top nav ul li.main-nav-goldbelly:hover, #header-outer.transparent header#top nav ul li.main-nav-goldbelly:hover { opacity: .5; } #header-outer header#top nav > ul > li.main-nav-goldbelly > a, #header-outer.transparent header#top nav > ul > li.main-nav-goldbelly > a, #header-outer.transparent[data-lhe="animated_underline"] header#top nav .sf-menu > li.main-nav-goldbelly.sfHover > a { opacity: 0 !important; } #header-outer[data-lhe="animated_underline"] header#top nav > ul > li.main-nav-goldbelly > a:hover, #header-outer.transparent[data-lhe="animated_underline"] header#top nav > ul > li.main-nav-goldbelly > a:hover { opacity: 0 !important; } */ /* Fixed Menu - Craig's Vegan button #header-outer.small-nav header#top nav ul li.main-nav-craigsvegan { background: url('https://craigs.la/wp-content/uploads/2019/03/craigs-vegan-logo-button.svg') no-repeat center center; height: 64px; top:8px; left: -24px; transition: all 0.2s ease; } #header-outer.small-nav header#top nav ul li.main-nav-craigsvegan:hover { opacity: .5; } #header-outer.small-nav header#top nav > ul > li.main-nav-craigsvegan > a { opacity: 0 !important; } #header-outer.small-nav[data-lhe="animated_underline"] header#top nav > ul > li.main-nav-craigsvegan > a:hover { opacity: 0 !important; } */ /* Fixed Menu - Goldbelly button #header-outer.small-nav header#top nav ul li.main-nav-goldbelly { background: url('https://craigs.la/wp-content/uploads/2019/12/goldbelly-logo.png') no-repeat center center; background-size: 90px; height: 64px; top:8px; left: 0px; transition: all 0.2s ease; } #header-outer.small-nav header#top nav ul li.main-nav-goldbelly:hover { opacity: .5; } #header-outer.small-nav header#top nav > ul > li.main-nav-goldbelly > a { opacity: 0 !important; } #header-outer.small-nav[data-lhe="animated_underline"] header#top nav > ul > li.main-nav-goldbelly > a:hover { opacity: 0 !important; } */ /* Mobile Menu - Craig's Vegan button #slide-out-widget-area li.main-nav-craigsvegan { background: url('https://craigs.la/wp-content/uploads/2019/03/craigs-vegan-logo-button.svg') no-repeat left top; height: 56px; display: flex; justify-content: center; align-items: center; } #slide-out-widget-area li.main-nav-craigsvegan a { font-size: 1em !important; padding:12px 0 0 56px; } */ /* Mobile Menu - Goldbelly button #slide-out-widget-area li { height: 56px;} #slide-out-widget-area li.main-nav-goldbelly { background: url('https://craigs.la/wp-content/uploads/2019/12/goldbelly-logo.png') no-repeat left top; background-size: 90px; display: flex; justify-content: center; align-items: center; } #slide-out-widget-area li.main-nav-goldbelly a { font-size: 1em !important; padding:0 0 0 84px; position: relative; top: -3px; } */ .menu .nectar_food_menu_item h3, .menu .nectar_food_menu_item h4, .menu .nectar_food_menu_item h5, .menu .nectar_food_menu_item h6 { font-family: gotham-bold, Montserrat, sans-serif !important; } .menu .et-content-wrap h2 { font-family: "trixie-pro-heavy" !important; font-size: 32px; color: #a4343a; letter-spacing: -1px;} .menu .et-content-wrap h3 { font-size: 18px; letter-spacing: 0; color: #444444;} .menu .et-content-wrap .menu-wine-wines-by-glass h3 { font-family: gotham-bold, Montserrat, sans-serif !important; font-size: 20px !important; letter-spacing: 0px; margin-bottom: 18px; } .nectar_food_menu_item .item_description { font-size: 16px; line-height:22px; font-family: gotham-book, Montserrat, sans-serif; } #tab-wine p strong { font-size:9px; width: 24px; display: inline-block; } .menu-test .menu-tabs { display:none; } .menu #tab-valentines-day-menu { text-align: center; } .menu #tab-valentines-day-menu .item_name { text-align: center; width: 100%; } .menu #tab-valentines-day-menu .item_price { display: none; } .menu #tab-valentines-day-menu .valentines-menu-disclaimer { text-align: left; } .menu #tab-valentines-day-menu .valentines-menu-price { border: 1px solid #444; padding: 20px !important; display: inline-block; } .menu #tab-valentines-day-menu .valentines-menu-price p { font-size: 12px; margin-top: 6px; } /* SHOP */ .ascend.shop-section .container-wrap { background-color: #faf3d2;} .shop-section .shop-main-content h1 { font-family: 'gotham-bold', Montserrat, sans-serif !important; font-weight: bold; color: #a4343a; text-align: center; margin: 28px 0 56px 0 !important; } .shop-section .shop-main-item-name { text-align: center; padding-top: 28px; } .shop-section .shop-main-item-name h2 { font-size: 1.75em !important; font-family: 'gotham-bold', Montserrat, sans-serif !important; font-weight: bold; margin:0 0 6px !important; line-height: 1.125em !important; } .shop-item.shop-item-chicken-parm-hat { border: 1px solid #A4343A; } .shop-section .shop-product-content .vc_col-sm-6 .vc_column-inner .n2-ss-align .n2-padding .n2-ss-slider-1 { border: 1px solid #A4343A !important; } .row .col .shop-product-name h1 { font-size: 48px; line-height: 48px; color: #a4343a; font-size: 42px; font-family: 'gotham-bold', Montserrat, sans-serif !important; font-weight: bold; } .row .col .shop-product-price p.shop-product-price { font-size: 24px; letter-spacing: 0.01rem; line-height: 56px; font-family: 'gotham-book', Montserrat, sans-serif !important; border-bottom: 1px solid #a4343a; margin-bottom: 28px;} .row .col .shop-product-description p { margin: 20px 0; } .row .col .shop-product-variations { margin: 20px 0; } .row .col .shop-product-social-sharing div { display: flex; } .row .col .shop-product-social-sharing div i { font-size: 2rem; margin-right: 20px; float: left } .row .shop-product-upsell { margin-top: 120px; } .row .shop-product-upsell h4 { color: #a4343a; } .row .shop-product-upsell img { max-width: 50%; } .shop-product-upsell-title { text-align:center; margin-top: 20px; } .shop-product-upsell-title a.item-name { font-family:gotham-bold, Montserrat, sans-serif; font-weight: bold; font-size:28px; } /* ============ MEDIA QUERIES ================ */ @media only screen and (min-width: 1300px) { .home-hero-headline h1 { font-size: 42px; } } @media only screen and (min-width: 1000px) and (max-width: 1300px) { } @media only screen and (min-width: 1000px) and (max-width: 1080px) { } @media only screen and (max-width: 1020px) { } @media only screen and (max-width: 1000px) { p { font-size: 14px; line-height: 23px; } .off-canvas-menu-container.mobile-only { padding-top: 48px; } .row .col h2 { font-size: 80px; line-height: 60px; padding: 64px 0 0 ; } .row .col h6 { font-size: 22px !important; line-height: 22px !important; padding: 7px 0; } #popmake-404 img { width: 120px; } #popmake-404 h2 { font-family: 'gotham-bold', Montserrat, sans-serif !important; font-weight: normal !important; font-size: 1.25em; padding: 0 5%; line-height: 1.25em; margin-bottom: 1em !important; } .home-hours-col1 a.nectar-button { margin-bottom: 56px; } .home-hero-announcement { margin: 54px auto 48px !important; max-width: 540px; } .home-hero-announcement p { } .home-hero-announcement h2 { font-size: 1.625em !important; line-height: 1.25em !important; padding-top: 0 !important; margin-top: 24px !important; } .home-hero-patio-headline h1 { font-size: 1.75em; margin: 0; padding: 0 5%;} .home-hero-patio-headline h1 br { display: none; } .home-hero-patio-subheadline h2 { font-size: 24px !important; line-height: 1.25em !important; margin-bottom: 24px !important; padding-top: 36px !important; } .reservations-heading-row h1 {} .reservations-widgets-row .reservations-ot-widget div.ot-widget-desktop { display:none; } .reservations-widgets-row .reservations-ot-widget div.ot-widget-mobile { display: flex; justify-content: center; } .reservations-policies-row { margin-top: 0px; } .menu .tabbed[data-style="minimal"] > ul.ui-tabs-nav, .menu .tabbed[data-style="minimal_alt"] > ul.ui-tabs-nav { padding: 0 0 2px !important; } .menu .tabbed[data-style="minimal"] > ul.ui-tabs-nav li, .menu .tabbed[data-style="minimal_alt"] > ul.ui-tabs-nav li { margin: 0 7px !important; } .menu .tabbed[data-style="minimal"] > ul.ui-tabs-nav li a, .menu .tabbed[data-style="minimal_alt"] > ul.ui-tabs-nav li a { font-size:16px; padding: 4px 6px !important; border: 2px solid #faf3d2 !important; } .menu .row .col h2 { font-size: 32px; line-height: 60px; padding: 64px 0 0 ; } .menu .menu-image-container { display: none; } .menu-disclaimer p { font-size: 10px; line-height: 16px; } .nectar_food_menu_item .item_description { font-size: 14px; line-height:20px; } .shop-section .shop-main-content h1 { font-size: 56px !important; } .shop-section .shop-main-content .shop-main-item-name h2 { padding: 0px; margin-top:0px; } .shop-section .shop-main-item-name h2 { font-size: 32px; margin-top:28px; line-height: 32px; } .row .col .shop-product-name h2 { padding-top: 28px; font-size: 32px; } .row .col .shop-product-price h3 { padding-top: 0px; font-size: 20px; } .img-with-aniamtion-wrap .inner .home-menu-image-responsive { display: block !important; } .img-with-aniamtion-wrap .inner { padding: 28px 0 0 0; } } @media only screen and (max-width: 980px) { } @media only screen and (max-width: 767px) { /* .home-hours-col1 { padding-bottom: 28px; } */ .menu ul.ui-tabs-nav li { width: 100%; padding-bottom: 2px !important; } .menu .tabbed[data-style="minimal"] > ul.ui-tabs-nav li a, .menu .tabbed[data-style="minimal_alt"] > ul.ui-tabs-nav li a { font-size: 16px; transition-duration: .75s !important; -webkit-tap-highlight-color: transparent; } .menu .tabbed[data-style="minimal"] > ul.ui-tabs-nav li a.active-tab, .menu .tabbed[data-style="minimal_alt"] > ul.ui-tabs-nav li a.active-tab { background: #a4343a !important; color: white !important; border-bottom: 0px; } .menu .tabbed[data-style="minimal"] > ul.ui-tabs-nav li a.active-tab::after, .menu .tabbed[data-style="minimal_alt"] > ul.ui-tabs-nav li a.active-tab::after { display: none;} } @media only screen and (max-width: 639px) { } /* iPad fixes */ @media only screen and (min-device-width: 481px) and (max-device-width: 1025px) { } /* iPad landscape fixes */ @media only screen and (min-device-width: 481px) and (max-device-width: 1025px) and (orientation:landscape) { }