/* Theme Name: Divi Child Theme Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes. Includes default line numbers where the code was taken from in the parent theme. Author: VisionFriendly.com Template: Divi */ @import url("../Divi/style.css"); /* Fonts */ @font-face { font-family: 'graphique_pro_next_comp'; src: url('/wp-content/themes/vfs/fonts/graphiquepronext-comp-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DIN Condensed'; src: url('/css/webfont/DINCondensed-Bold.woff2') format('woff2'), url('/css/webfont/DINCondensed-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Bant Achillers'; src: url('/css/webfont/BantAchillers-Bold.woff2') format('woff2'), url('/css/webfont/BantAchillers-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Festivo LC Basic'; src: url('/css/webfont/FestivoLC-Basic.woff2') format('woff2'), url('FestivoLC-Basic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Archer Book'; src: url('/css/webfont/Archer-Book.woff2') format('woff2'), url('/css/webfont/Archer-Book.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Helvetica Neue LT Std'; src: url('/css/webfont/HelveticaNeueLTStd-Bd.woff2') format('woff2'), url('/css/webfont/HelveticaNeueLTStd-Bd.woff') format('woff'); font-weight: bold; font-style: normal; } /* Universal Styles */ body { overflow-x: hidden !important; } body.home.et_pb_button { position: absolute; padding: 0px 15px; border: 0px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #7d222c; background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 40px; font-weight: 500; line-height: 1.7em !important; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; float: right !important; } /*body.home .et_pb_slide .et_pb_more_button.et_pb_button { float: right; }*/ .et_pb_button { /* position: absolute; */ /*padding: 15px 15px 2px !important;*/ /* border: 0px solid; */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #7d222c; background-repeat: no-repeat; background-position: center; background-position: center; background-size: cover; font-weight: 500; /* line-height: 1.7em!important; */ -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; /* float: right; */ font-family: 'DIN Condensed'; text-transform: uppercase; padding-top: 10px !important; /* right: 5%; */ /* bottom: 10%; */ } /* .et_pb_button:hover, .et_pb_module .et_pb_button:hover { padding: .3em 2em 0.1em .7em; border: 2px solid transparent; } */ body { padding: 0; margin: 0; background-image: url(/wp-content/uploads/2019/09/PaperBgTextureCrop.jpg); background-size: 663px 507px !important; position: relative; opacity: 1; background-repeat: repeat !important; } body:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.70); z-index: -1; } body:after { content: ''; position: fixed; width: 170%; height: 170%; top: 0%; right: -44%; background-image: url(/wp-content/uploads/2019/09/GraniteCity_Brewery_fullBlack.png); z-index: -1; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: .03; transform: rotate(-24deg); } body.et_cover_background { background-repeat: repeat !important; background-attachment: fixed; background-position: center; -webkit-background-size: cover !important; -moz-background-size: cover !important; background-size: 663px 507px !important; } .fa, .fas { font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free", "Font Awesome 5 Pro" !important; } /* Locations Dropdown Menu */ /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ li.dropbtn.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-5088 { display: block !important; } .dropdown:before { font-family: FontAwesome; content: '\f3c5'; margin: 0 10px 0 0; color: #000000; position: absolute; left: -2px; top: 10px; font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free", "Font Awesome 5 Pro"; } .dropdown .fa, .fas { font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 10px; margin-left: 9px; } .navbar { /* overflow: hidden; */ text-align: center; position: fixed; /* left: 0; */ right: 20%; top: -5px; z-index: 999999; } .navbar:active { overflow: visible; } .navbar a { float: left; font-size: 16px; color: #000000; text-align: center; padding: 14px 16px; text-decoration: none; } .dropdown { float: left; overflow: hidden; } .dropdown .dropbtn { cursor: pointer; font-size: 18px; border: none; outline: none; color: #000000; padding: 14px 16px; background-color: inherit; margin: 0; font-family: 'DIN Condensed'; text-transform: uppercase; margin-top: -3px; margin-bottom: -8px; } .dropbtn-alt { cursor: pointer; font-size: 18px; border: none; outline: none; color: #000000; padding: 14px 16px; background-color: inherit; margin: 0; font-family: 'DIN Condensed'; text-transform: uppercase; margin-top: -3px; margin-bottom: -8px; } .dropdown-content { display: none; position: absolute; background-color: #ffffff; min-width: 160px; box-shadow: 0 2px 5px rgba(0, 0, 0, .1); z-index: 1; } .dropdown-content a { float: none; color: black; padding: 5px 0px 0px 15px; text-decoration: none; display: block; text-align: left; cursor: pointer; font-size: 18px; border: none; outline: none; font-family: 'DIN Condensed'; text-transform: uppercase; } .dropdown-content a:hover { background-color: #ddd; } .dropdown h4 { font-size: 18px; font-family: 'DIN Condensed'; } .dropdown h3 { font-size: 40px; font-family: 'DIN Condensed'; color: #7d222c; margin-top: -15px; } .dropdown h3 a { font-size: 38px; font-family: 'DIN Condensed'; color: #7d222c; margin-top: -10px; text-transform: none !important; text-align: center; } .dropdown h5 { font-size: 20px; font-weight: 800; text-transform: uppercase; font-family: 'Festivo LC Basic'; } .dropdown p { padding-bottom: 1em; line-height: 1.1; margin-bottom: 12px; font-family: open sans; font-size: 15px; font-weight: 600; color: #000000; } #dropdownWrapper { background-color: #f4f1ee; padding-top: 10px; } a#locationPhone { font-weight: 700; font-size: 28px; text-align: center; margin-top: 0px; padding-bottom: 18px; background-color: #f4f1ee; } .show { display: block; z-index: 999999; width: 300px; flex-direction: column; justify-content: center; align-items: center; margin-left: -50px; padding-top: 10px; padding-right: 10px; padding-left: 10px; overflow: scroll !important; max-height: 100vh; overflow-x: hidden !important; } .dropdown hr { color: #e0e0e0e0; border-top: 1px solid; width: 100%; } #locationDropLeft { width: 50%; float: left; border-right: 1px solid #e0e0e0; padding-top: 10px; padding-bottom: 10px; } #locationDropRight { width: 50%; float: left; padding-top: 10px; padding-bottom: 10px; } #changeLocationLink { background-color: #dbc0a1; color: #ffffff !important; margin-bottom: 10px; text-align: center; font-size: 28px; justify-content: center; padding-top: 7px; padding-bottom: 7px; margin-top: 10px; } a #changeLocationLink { background-color: #dbc0a1; padding: 14px 16px; margin: 0; font-family: 'DIN Condensed'; text-transform: uppercase; color: #ffffff !important; } #et-info, #et-secondary-menu > ul > li a { font-family: 'DIN Condensed'; font-size: 18px; text-transform: uppercase; } #et-secondary-nav .menu-item-has-children > a:first-child:after, #top-menu .menu-item-has-children > a:first-child:after { position: relative; top: 0px; left: 9px; font-family: ETmodules; font-size: 16px; font-weight: 800; content: "3"; } div#top-header:before { /* background: #f4f1ee none repeat scroll 0 0; */ /* content: ""; */ right: 45%; position: absolute; top: -83px; /* transform: skewX(150deg); */ width: 33px; transition: all 500ms ease; height: 116px !important; z-index: 11; } #top-header, #top-header #et-info, #top-header .container, #top-header .et-social-icon a { background-color: #7d222c; z-index: -1; } #et-secondary-nav li { margin-right: 15px; margin-top: 7px; } #et-secondary-menu { float: right; background-color: #f4f1ee !important; height: 33px !important; padding: 4px 5% 0px 0px !important; } #top-header, #top-header #et-info, #top-header .container, #top-header .et-social-icon a { line-height: 1em; background-color: #f4f1ee !important; z-index: 11; } #top-header .container { padding-top: 0px; width: 100%; max-width: 2560px; } a#headerSetMyGraniteCity { text-align: center; padding-top: 4px; padding-bottom: 0px; } @-moz-document url-prefix() { #changeLocationLink { background-color: #dbc0a1; color: #ffffff !important; margin-bottom: 10px; text-align: center; font-size: 28px; justify-content: center; padding-top: 7px; padding-bottom: 7px; margin-top: 10px; bottom: 0px; position: absolute; bottom: 0px; margin-top: 50px; width: 100%; } .show { display: block; z-index: 999999; width: 300px; flex-direction: column; justify-content: center; align-items: center; margin-left: -50px; padding-top: 10px; padding-right: 10px; padding-left: 10px; overflow: scroll !important; overflow-x: scroll; max-height: 100vh; overflow-x: hidden !important; min-height: 340px; } } /* Primary Header */ #logo { max-height: 120% !important; margin-top: -35px !important; z-index: 9 !important; /* content: url(/wp-content/uploads/2019/12/CircleTextLogo.png);*/ } @-moz-document url-prefix() { #logo { content: url(/wp-content/uploads/2019/05/gcfb-logo-circle.png) !important; } } @supports (-moz-appearance:none) { #logo { content: url(/wp-content/uploads/2019/05/gcfb-logo-circle.png) !important; } } /* Swapping Logo On Mobile */ .showonmobile { display: none; } @media all and (max-width: 1340px) { .showonmobile { display: block; } .hideonmobile { display: none; } } /* End Swapping Logo On Mobile */ /*.logo_helper:after { content: url(/wp-content/uploads/2019/08/GraniteCityBrewery_TextLogo_WhiteSmaller.png); position: absolute; z-index: 999999; left: 200px; top: -7px; }*/ #main-header .container:before { position: absolute; content: ""; width: 100%; bottom: 0px; left: -55%; z-index: 0; background-color: #7d222c; opacity: 1; -webkit-transform: skewY(-8deg); -webkit-transform-origin: left top; transform-origin: left bottom; height: 135%; transform: skew(-40deg); } #main-header.et-fixed-header { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } #et-top-navigation { float: right; background-color: #ffffff; } .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation { padding: 30px 5% 0px 10px !important; float: right; } #et-top-navigation:before { background: #ffffff none repeat scroll 0 0; /* content: ""; */ right: 45%; position: absolute; top: 0px; transform: skewX(150deg); width: 100px; transition: all 500ms ease; height: 116px !important; z-index: -1; } .et_fullwidth_nav #main-header .container { padding-right: 0px; padding-left: 5%; } #main-header { position: relative; z-index: 99999; top: 0; width: 100%; background-color: #fff; font-weight: 500; line-height: 23px; border-bottom: 5px solid #dbc0a1; } #main-header .nav li ul { margin-top: 2px; } #top-menu li li a { width: 210px; } /* Secondary Header */ #top-menu a { font-family: 'DIN Condensed'; font-size: 25px; text-transform: uppercase; color: #7d222c; } .orderLink a { color: #ffffff !important; background-color: #7d222c !important; padding-bottom: 11px !important; padding-left: 18px !important; padding-right: 18px !important; padding-top: 14px !important; animation-name: pulse !important; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; animation-iteration-count: infinite; animation-delay: 5s; /* height: 34px;*/ display: flex !important; justify-content: center; align-items: center; } /* Mobile Menu */ .mobile_menu_bar:before { top: -10; font-size: 50px; color: #7d222c; } .et_mobile_menu li a { padding: 15px 0 !important; font-family: 'DIN Condensed'; letter-spacing: 4px !important; font-size: 25px !important; } .et_mobile_menu li ul a { padding: 1% 0 !important; } .et_mobile_menu { overflow-x: hidden; } .mobile_nav.opened .mobile_menu_bar:before { color: #7d222c; } /* Nesting Menu */ /* when mobile menu is open, change hamburger icon to x icon */ #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before { content: '\4d'; } /* makes sub sub menu icon be right arrow instead of down arrow */ #top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after, #et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after { content: '5'; } /* - mobile menu toggling elements, injected via jQuery - */ /* make menu list item be relative, to be able to position toggle within this item */ #main-header #mobile_menu.et_mobile_menu .menu-item-has-children { position: relative; } /* the new toggle element, which is added via jQuery */ #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle { position: absolute; background-color: rgb(125, 34, 44); z-index: 1; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; top: 5px; right: 50px; cursor: pointer; text-align: center; -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .1); } /* the new toggle element when popped */ #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped { background-color: rgba(255, 255, 255, 0.2); } /* toggle icon */ #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before { font-family: "ETmodules" !important; font-weight: normal; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 36px; font-size: 24px; text-transform: none; speak: none; content: '\33'; color: #fff; } /* toggle icon when triggered */ #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before { content: '\32'; color: #7d222c; } /* hide sub menus by default */ #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu { display: none !important; padding-left: 0; } /* show sub menu when triggered via jQuery toggle, and add slight bg color */ #main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu { display: block !important; } /* remove sub menu list item left padding, since padding will be on anchors */ #main-header #mobile_menu.et_mobile_menu li li { padding-left: 0; } /* adjust mobile menu anchors side paddings */ #main-header #mobile_menu.et_mobile_menu li a { padding-left: 20px; padding-right: 20px; } /* indent sub sub menus further */ #main-header #mobile_menu.et_mobile_menu li li li a { padding-left: 60px; padding-right: 20px; } #main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a { background-color: transparent; font-weight: inherit; } /* make the current page's mobile menu link be different */ #main-header #mobile_menu.et_mobile_menu li.current-menu-item > a { font-weight: bolder; } /****** Code Style: Menu Full-screen ******/ /* Font Awesome */ .fa { margin: 10px; } @media screen and (max-width: 980px) { .et_header_style_centered #main-header { position: fixed; } .et_header_style_centered #main-header .mobile_nav { background-color: transparent; } .mobile_nav.closed .select_page { display: none; } .et-fixed-header#main-header { background-color: #ffffff !important; } .dropdown { float: left; overflow: visible; position: fixed; top: -3px; right: 0; } } .et_mobile_menu { top: 0; left: 0; position: fixed; z-index: 9998; overflow: scroll !important; background-color: rgba(255, 255, 255, 0.96) !important; margin-left: -30px; padding: 20% 0; height: 120%; width: calc(100% + 60px); border-top: none; flex-direction: column; } .et_mobile_menu li a { text-align: center; font-size: 1.55em; border: 0; padding: 5% 0; text-transform: uppercase; letter-spacing: 6px; } .mobile_nav ul#mobile_menu .current_page_item > a { color: #7d222c; background-color: rgba(255, 255, 255, 0.1); } .mobile_nav ul#mobile_menu li ul li a { font-size: 1.05em !important; margin: auto; padding-top: 0.2em; } .et_mobile_menu li a:hover { color: #999; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; z-index: 9999; color: #7d222c; } /* Footer */ #footerCopy { text-align: center; font-size: 11px; background-color: #000000; color: #ffffff; font-family: 'Archer Book'; font-weight: 600; letter-spacing: 0px; display: none; } #footerCopy a { color: #d9bfa1; } #geoFooter h4 { font-size: 17px; color: #ffffff; font-family: 'Archer Book'; font-weight: 700; } #footerMenuRow { margin-top: -85px; } #main-footer { margin-top: -55px; } #menu-footer-menu li { display: inline; color: #ffffff !important; font-family: 'DIN Condensed'; font-size: 20px; text-transform: uppercase; padding: 0px 10px; } #menu-footer-menu li a { color: #ffffff !important; } /* Style Footer Credits - Lines 948 & 949 */ #footer-info { text-align: left; color: #ffffff; padding-bottom: 10px; float: left; font-size: 11px; font-family: 'DIN Condensed'; letter-spacing: 0px; text-transform: uppercase; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.48); z-index: 11; } #footer-info a { font-weight: 700; color: #ffffff; } #footer-info a:hover { color: #7d222c; } /* Style Footer Social Icons - Lines 1185 to 1198 */ #footer-bottom .et-social-facebook a { color: blue; } #footer-bottom .et-social-twitter a { color: powderblue; } #footer-bottom .et-social-google-plus a { color: red; } #footer-bottom .et-social-rss a { color: orange; } /* Hover Colors*/ #footer-bottom .et-social-facebook a:hover { color: pink; } #footer-bottom .et-social-twitter a:hover { color: pink; } #footer-bottom .et-social-google-plus a:hover { color: pink; } #footer-bottom .et-social-rss a:hover { color: pink; } .siteFooter { z-index: 10; } .siteFooter .et_pb_section { background-size: cover !important; background-image: url(https://gcfb.vfideacenter.com/wp-content/uploads/2019/05/GoldBeerFooter.png) !important; /* opacity: .7; */ background-position: top; padding-bottom: 0%; padding-top: 20%; margin-top: -18%; } .siteFooter .et_pb_image .et_pb_image_wrap { display: flex; position: relative; max-width: 100%; justify-content: center; } #footerColOne { display: flex; justify-content: center; } .footerColTwo { border-right: 5px solid #ffffff; display: flex; } #footerTag h4 { font-family: 'DIN Condensed'; color: #ffffff; line-height: 1.5; font-size: 35px; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4); text-transform: uppercase; } #geoFooter { margin-top: 0%; } #geoFooter h3 { font-family: 'Helvetica Neue LT Std'; color: #dbc0a1; text-transform: uppercase; letter-spacing: 1px; font-size: 25px; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4); margin: 0 auto; } #geoFooter h5 { font-size: 16px; color: #ffffff; text-transform: uppercase; font-weight: 800; font-family: 'Archer Book'; } #geoFooter p { padding-bottom: 0px; color: #ffffff; line-height: 1.3; font-family: 'Archer Book'; font-size: 18px; } #geoFooter a { font-family: 'DIN Condensed'; color: #dbc0a1; font-size: 40px; padding-top: 15px; text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.18); /* -webkit-text-stroke: .5px #964e56; */ letter-spacing: 2px; } #geoFooter:before { content: ''; position: absolute; width: 100px; height: 100px; top: 0%; left: 15%; background-image: url(/wp-content/uploads/2019/09/LHGrain.png); z-index: 1; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: .9; } #geoFooter:after { content: ''; position: absolute; width: 100px; height: 100px; top: 0%; right: 15%; background-image: url(/wp-content/uploads/2019/09/RHGrain.png); z-index: 1; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: .9; } .bottom-nav a { color: #ffffff; font-family: 'DIN Condensed'; font-size: 20px; text-transform: uppercase; } #et-footer-nav { background-color: #7d222c; margin-top: -55px; } #et-footer-nav .container { text-align: center; } #footer-bottom { background-color: #000000 !important; margin-top: 0px; } #footer-bottom .container { width: 80%; max-width: 2560px; display: flex; justify-content: center; } #footerSocialLogoRow { margin-top: -50px; } #footerSocialLogoRow img { width: 50%; margin-top: -30px; } #footerLogoRow .et_pb_image { width: 6%; } /* Home Page */ #orderOnlineCodeMod .et_pb_section .et_pb_slider .et_pb_slide.et_pb_slide .et_pb_more_button.et_pb_button { display: inline-flex !important; flex-direction: column !important; justify-content: center !important; /* padding-top: 5px !important; padding-bottom: 5px !important; */ } #oloTextMod h4 { font-size: 26px !important; color: #231f20; font-family: 'DIN Condensed'; text-transform: uppercase; padding-top: 11px; background-color: #dbc0a1; background-image: url(/wp-content/uploads/2019/09/TilePaperTexture70OP.jpg); padding-bottom: 11px; position: absolute; width: 100%; bottom: -345px; z-index: 1; pointer-events: none; } .countdownRow { display: flex; padding-top: 7px !important; padding-bottom: 0px !important; } .countdownRow h3 { font-size: 2vw !important; color: #ffffff; text-transform: uppercase; font-family: 'DIN Condensed'; text-align: center; padding-top: 10px; } .countdownRow img.alignright { display: inline; float: right; margin-left: 15px; margin-top: -4px; width: 5%; } .countdownCol { justify-content: center; } .countdownColOne h3 { text-align: center; } #countdownCodeCol { margin-left: -4% !important; } /*.smsRow { display: flex; padding-top: 0px !important; padding-bottom: 0px !important; }*/ .smsRow h3 { font-size: 40px !important; color: #231f20; text-transform: uppercase; font-family: 'DIN Condensed'; text-align: center; padding-top: 15px; line-height: 1.3; } .smsRow img.alignright { display: inline; float: right; margin-left: 15px; margin-top: -4px; width: 5%; } .smsCol { justify-content: center; } .smsColOne h3 { text-align: center; } .smsRow img.wp-image-221466.alignnone.size-full { width: 64px; margin-right: 15px; margin-bottom: -15px; } /*body.home .et_pb_slider .et_pb_slide:after { position: absolute; content: ""; width: 100%; bottom: 0px; left: -50%; z-index: 0; background-color: #7d222c; opacity: 1; -webkit-transform: skewY(-8deg); -webkit-transform-origin: left top; transform-origin: left bottom; height: 100%; transform: skew(-40deg); border-right: 10px solid #ffffff; animation-name: slideInLeft !important; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; }*/ /*body.home .et_pb_slider .et_pb_slide_0:after { position: absolute; content: ""; width: 99%; bottom: 0px; left: -35%; z-index: 0; opacity: .9; background-image: url(/wp-content/uploads/2019/09/MaroonAngleRHLine.png); height: 100%; animation-name: slideInLeft !important; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 2s; background-repeat: no-repeat; background-position: top right; }*/ /*body.home .et_pb_slider .et_pb_slide_1:after { position: absolute; content: ""; width: 99%; bottom: 0px; left: -35%; z-index: 0; opacity: .9; background-image: url(/wp-content/uploads/2019/09/YellowAngleLine.png); height: 100%; animation-name: slideInLeft !important; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 2s; background-repeat: no-repeat; background-position: top right; }*/ /*body.home .et_pb_slider .et_pb_slide_2:after { position: absolute; content: ""; width: 99%; bottom: 0px; left: -35%; z-index: 0; opacity: .9; background-image: url(/wp-content/uploads/2019/09/BlackAngleLine.png); height: 100%; animation-name: slideInLeft !important; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 2s; background-repeat: no-repeat; background-position: top right; }*/ .homeSlide sup { bottom: 0.4em; font-size: 18px; } .homeSlide .et_pb_slider .et_pb_slide { min-height: 550px !important; } .homeSlide .et_pb_slide { padding: 3% 6% !important; max-height: 575px; } .homeSlide .et_pb_slide_image { float: right !important; position: relative; margin-top: 0px !important; bottom: 0 !important; margin-right: 0; margin-left: 5%; margin-top: 5% !important; } .homeSlide .et_pb_slide_with_image .et_pb_slide_description { float: right; width: 47.25%; padding-right: 0; padding-left: 0; text-align: center; /* text-transform: uppercase;*/ font-size: 60px !important; font-family: 'Helvetica Neue LT Std'; } .homeSlide .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 7% 0%; } .homeSlide h1 { font-size: 80px; text-transform: uppercase; font-family: 'DIN Condensed'; border-left: 10px solid #ffffff; padding-left: 30px; padding-bottom: 0px; } /* Valentines Day Slide */ .homeSlide .et_pb_slide_1 a.et_pb_button.et_pb_button_0.et_pb_bg_layout_light { position: absolute; right: 0; color: #ffffff; background-color: #7d222c; border: none; font-size: 30px; border-radius: 0px; } .homeSlide .et_pb_slide_1 .et_pb_button:after { display: none; } .homeSlide .et_pb_slide_1 .et_pb_button:hover { padding: .3em 1em; } .homeSlide .et_pb_slide_1 .et_pb_slides .et_pb_slider_container_inner { vertical-align: top; } .homeSlide .et_pb_slide_1 h1 { margin-top: -100px; } /* .homeSlide h1:before { position: absolute; content: ''; z-index: 1; right: 40px; bottom: 157px; border-left: 10px solid #ffffff; } */ .homeSlide p { padding-bottom: 1em; margin-top: 33px; font-size: 30px; line-height: 1.3; font-family: 'Archer Book'; font-weight: 600; } .et_pb_slider_1.et_pb_slider .homeSlide h1 { margin-top: -50px; } /*body.home .et_pb_section .et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_more_button.et_pb_button { right: -115%; bottom: 50px }*/ .homeTileCol { height: 300px; overflow: hidden; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.43); animation-name: fadeIn !important; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 5s; } .homeTileCol .et_pb_blurb { padding-top: 200px !important; height: 100%; width: 100%; background-size: cover; background-position: center; transition: all 0.5s ease; } .homeTileCol .et_pb_blurb:first-of-type { min-height: 270px; } .homeTileCol .et_pb_blurb:hover { transform: scale(1.2); } .homeTileCol .et_pb_text { /* margin-top: -88px;*/ text-align: center; /* background-color: #7d222c;*/ } .homeTileSection h4 { font-size: 26px !important; color: #231f20; font-family: 'DIN Condensed'; text-transform: uppercase; padding-top: 11px; background-color: #dbc0a1; background-image: url(/wp-content/uploads/2019/09/TilePaperTexture70OP.jpg); padding-bottom: 11px; position: absolute; width: 100%; bottom: -50px; } #orderOnlineCodeMod h4 { bottom: -50px; } @media only screen and (max-width: 1800px) { #orderOnlineCodeMod h4 { bottom: -55px; } } @media only screen and (max-width: 1580px) { #orderOnlineCodeMod h4 { bottom: -60px; } #main-header .container:before { left: -58%; } } @media only screen and (max-width: 1380px) { #orderOnlineCodeMod h4 { bottom: -63px; } } @media only screen and (max-width: 1226px) { #orderOnlineCodeMod h4 { bottom: -67px; } } @media only screen and (max-width: 1080px) { #orderOnlineCodeMod h4 { bottom: -70px; } } @media only screen and (max-width: 980px) { #orderOnlineCodeMod h4 { bottom: -20px; } } .homeTileSection h4:before { background-image: url(/wp-content/uploads/2019/09/TilePaperTexture.jpg); content: ''; width: 100%; height: 100%; z-index: 1; } .et_pb_blurb_content { max-width: 980px !important; } #homeBeerBg { margin-top: -390px !important; margin-bottom: -775px !important; } #homeBeerBg { padding: 0; margin: 0; background-image: url(/wp-content/uploads/2019/08/TextureBg.jpg); background-size: 663px 507px !important; position: relative; opacity: .7; background-repeat: repeat !important; } /* Sub Pages */ .subHeader .et_pb_title_container { min-height: 245px !important; } .subHeader .et_pb_title_container h1 { font-size: 60px; position: absolute; bottom: 15%; left: 0px; color: #ffffff; font-family: 'DIN Condensed'; text-transform: uppercase; /* background-color: #7d222c; */ padding-left: 20px; padding-top: 5px; padding-bottom: 5px; padding-right: 3%; background-image: url(/wp-content/uploads/2019/09/MaroonAngle.png); /* height: 22%; */ animation-name: slideInLeft !important; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 2s; background-repeat: no-repeat; background-position: top right; opacity: 1; width: auto; } .et_pb_section.subSection { z-index: 1; } .subSection:after { content: ''; position: fixed; width: 170%; height: 170%; top: 0%; right: -44%; background-image: url(/wp-content/uploads/2019/09/GraniteCity_Brewery_fullBlack.png); z-index: 0; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: .04; transform: rotate(-24deg); pointer-events: none; filter: blur(5px); } .subSection h2 { font-size: 62px; font-family: 'DIN Condensed'; text-transform: uppercase; color: #333333; text-align: center; padding-top: 35px; } .subSection h3 { font-family: 'Archer Book'; max-width: 750px; text-align: center; color: #7d222c; } .subSection p { max-width: 750px; text-align: center; } .et_pb_section.dineSection { z-index: 1; } .dineSection:after { content: ''; position: fixed; width: 170%; height: 170%; top: 0%; right: -44%; background-image: url(/wp-content/uploads/2019/09/GraniteCity_Brewery_fullBlack.png); z-index: 0; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: .04; transform: rotate(-24deg); pointer-events: none; filter: blur(5px); } .dineSection h2 { font-size: 62px; font-family: 'DIN Condensed'; text-transform: uppercase; color: #333333; text-align: center; padding-top: 35px; } .dineSection h3 { font-family: 'Archer Book'; max-width: 750px; text-align: center; color: #7d222c; } .dineSection p { text-align: center; padding-right: 15%; padding-left: 15%; padding-bottom: 5% !important; } .subTopText { padding-right: 5%; padding-left: 5%; } .subTopText .et_pb_text_inner { display: flex; justify-content: center; flex-direction: column; align-items: center; } .subBrandSection h1 { font-size: 210px; font-family: 'DIN Condensed'; color: #ffffff; text-transform: uppercase; padding-top: 7%; line-height: 170px; } /* Beers Page */ body.page-id-43 li { font-family: 'Archer Book' !important; font-weight: 600; font-size: 16px; } body.page-id-43 li a { font-family: 'DIN Condensed' !important; font-weight: 600; } body.page-id-43 { background-color: none; } body.page-id-43 { padding: 0; margin: 0; background-image: url(/wp-content/uploads/2019/09/PaperBgTextureCrop.jpg); background-size: 663px 507px !important; position: relative; opacity: 1; background-repeat: repeat !important; } body.page-id-43:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.7294117647058823); z-index: 1; } body.page-id-43:after { display: none; } .page-id-43 .et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column { margin-right: 2.5%; } #beerPageSubHeader { z-index: 10; } #beerPagePostTitleModule { background-position: 10% 25% !important; } .allBeerSection { margin-top: -340px !important; padding-top: 0px !important; scroll-snap-type: mandatory; scroll-snap-points-y: repeat(100vh); scroll-snap-type: y mandatory; } .snapSection { /* height: 100vh;*/ scroll-snap-align: start; text-align: center; position: relative; padding-top: 120px !important; } .snapSection img { width: 70%; } #signatureBeers { height: auto !important; } #signatureBeers h2 { font-family: 'DIN Condensed'; padding-top: 50px; } #signatureBeers.snapSection { padding-top: 100px !important; } .allBeerSection .et_pb_row { width: 100%; max-width: 2560px; /* height: 100vh;*/ } .allBeerSection h2 { font-size: 70px; font-family: 'Festivo LC Basic'; text-transform: uppercase; color: #7d222c; } .allBeerSection p { font-family: 'Archer Book'; /* font-size: 28px;*/ font-weight: 600; line-height: 38px; } .allBeerSection .et_pb_toggle_title:before { color: #666666; font-size: 33px; } .beerHeaderRow { width: 100%; height: 100%; margin-top: -28px; padding-top: 0px; } .beerHeaderRow:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #ffffff; z-index: 1; } #stickybar:after { position: fixed; content: ""; width: 20%; bottom: 0px; left: 0px; z-index: 1; background-color: #7d222c; opacity: 1; -webkit-transform: skewY(-8deg); -webkit-transform-origin: left top; transform-origin: left bottom; height: 100%; transform: skew(0deg); } #locationMenu #stickybar:after { position: fixed; content: ""; width: 32%; bottom: 0px; left: 0px; z-index: -1; background-color: #f4f1ee; opacity: 1; -webkit-transform: skewY(-8deg); -webkit-transform-origin: left top; transform-origin: left bottom; height: 100%; transform: skew(0deg); max-width: 315px; } #beerListAccordionMod { padding-left: 0%; display: inline-flex; justify-content: center; align-items: center; flex-direction: column; } #beerListAccordionMod.et_pb_gutters3 .et_pb_column_2_5, .et_pb_gutters3.et_pb_row .et_pb_column_2_5 { width: 100%; } /*#beerListAccordionMod:after { position: fixed; content: ""; width: 50%; bottom: 0px; left: -676px; z-index: -1; background-color: #7d222c; opacity: 1; -webkit-transform: skewY(-8deg); -webkit-transform-origin: left top; transform-origin: left bottom; height: 100%; transform: skew(-40deg); }*/ #beerListAccordionMod.et_pb_accordion_0 .et_pb_toggle_title:before { color: #ffffff; content: "\33"; font-size: 40px; display: none !important; } #beerListAccordionMod.et_pb_toggle_open .et_pb_toggle_title:before { content: "\32" !important; font-size: 40px !important; display: none !important; } #beerListAccordionMod .et_pb_toggle_open .et_pb_toggle_title, #beerListAccordionMod .et_pb_toggle_open h5.et_pb_toggle_title { max-width: 220px; } #beerListAccordionMod .et_pb_toggle_close h5.et_pb_toggle_title { max-width: 220px; min-height: 46px; } /*#beerCol:after { position: fixed; content: ""; width: 50%; bottom: 0px; left: -40%; z-index: -1; background-color: #7d222c; opacity: 1; -webkit-transform: skewY(-8deg); -webkit-transform-origin: left top; transform-origin: left bottom; height: 100%; transform: skew(-40deg); }*/ #beerListAccordionMod .et_pb_toggle_close .et_pb_toggle_title, #beerListAccordionMod .et_pb_toggle_close h5.et_pb_toggle_title { color: #ffffff; font-size: 50px; font-family: 'DIN Condensed'; text-transform: uppercase; } #beerListAccordionMod .et_pb_toggle_open .et_pb_toggle_title, #beerListAccordionMod .et_pb_toggle_open h5.et_pb_toggle_title { color: #ffffff; font-size: 50px; font-family: 'DIN Condensed'; text-transform: uppercase; margin-bottom: 0px; pointer-events: none; } #beerListAccordionMod ul { list-style-type: none; padding-bottom: 0px; } #beerListAccordionMod li { text-align: left !important; font-family: 'DIN Condensed'; color: #ffffff; font-size: 23px; line-height: 29px; } #beerListAccordionMod li a { color: #ffffff; font-family: 'Archer Book' !important; } #beerListAccordionMod .et_pb_accordion_item.et_pb_toggle.et_pb_toggle_open { margin-bottom: 0px !important; padding-bottom: 0px; } #beerListAccordionMod .et_pb_accordion_item_0.et_pb_toggle.et_pb_toggle_close { margin-bottom: 0px !important; padding-bottom: 0px; } #beerListAccordionMod .et_pb_toggle_content { padding-top: 5px; text-align: center; } #signatureRow { z-index: 7; } .beerDescTextMod { padding-right: 20%; padding-left: 1%; padding-top: 7%; } .beerDescTextMod p { font-size: 16px; line-height: 22px; font-weight: 600; padding-right: 25%; padding-left: 25%; } .beerDescTextMod strong { font-weight: 900; font-family: 'DIN Condensed'; text-transform: uppercase; font-size: 25px; line-height: 30px; } .beerDescTextMod h3 { font-size: 36px !important; font-family: 'DIN Condensed'; } .beerDescTextMod { padding-right: 20%; padding-left: 1%; padding-top: 0%; } #broadAxe .beerTextMod .et_pb_text_inner:after { content: ''; position: absolute; width: 80%; height: 80%; bottom: 0; right: 35%; background-image: url(/wp-content/uploads/2019/10/BroadAxe_Icon.png); z-index: 1; background-size: contain; background-repeat: no-repeat; background-position: bottom right; opacity: .1; } #theBennie .beerTextMod .et_pb_text_inner:after { content: ''; position: absolute; width: 80%; height: 80%; bottom: 0; right: 35%; background-image: url(/wp-content/uploads/2019/10/TheBennie_Icon.png); z-index: 1; background-size: contain; background-repeat: no-repeat; background-position: bottom right; opacity: .1; } #theDuke .beerTextMod .et_pb_text_inner:after { content: ''; position: absolute; width: 80%; height: 80%; bottom: 0; right: 35%; background-image: url(/wp-content/uploads/2019/10/TheDuke_Icon.png); z-index: 1; background-size: contain; background-repeat: no-repeat; background-position: bottom right; opacity: .1; } #theNorthern .beerTextMod .et_pb_text_inner:after { content: ''; position: absolute; width: 80%; height: 80%; bottom: 0; right: 35%; background-image: url(/wp-content/uploads/2019/10/TheNorthern_Icon.png); z-index: 1; background-size: contain; background-repeat: no-repeat; background-position: bottom right; opacity: .1; } .beerTextMod p { font-size: 16px; line-height: 1.3; font-weight: 600; padding-right: 25%; max-width: 510px; } .beerTextMod strong { font-weight: 500; font-family: 'Festivo LC Basic'; text-transform: uppercase; font-size: 25px; line-height: 30px; } .beerTextMod h3 { font-size: 28px !important; font-family: 'Archer Book'; font-weight: 600; } .beerTextMod h6 { font-size: 20px !important; border: 1px solid #7d222c; max-width: 370px; padding: 5px 5px 5px 5px; display: flex; justify-content: center; align-items: center; font-family: din condensed; text-transform: uppercase; margin-bottom: 10px; margin-top: 7px; } .additionalInfoToggleMod.et_pb_toggle_item.et_pb_text_align_left.et_pb_toggle_close, .additionalInfoToggleMod.et_pb_toggle_item.et_pb_text_align_left.et_pb_toggle_open { max-width: 400px; } .additionalInfoToggleMod.et_pb_toggle_close, .additionalInfoToggleMod.et_pb_toggle_open { padding: 0px; } .additionalInfoToggleMod strong { text-transform: uppercase; font-size: 25px; font-weight: 500; font-family: 'Festivo LC Basic'; } .additionalInfoToggleMod ul { list-style: none !important; } .allBeerSection.additionalInfoToggle p { font-size: 18px !important; } #stickybar { padding-top: 0px; position: absolute; left: 3% !important; } #locationMenu #stickybar { padding-top: 0px; position: absolute; left: 0% !important; } /*#stickybar { padding-top: 0px !important; position: fixed !important; width: 20% !important; bottom: 0px; left: 0px !important; z-index: 1 !important; background-color: #7d222c !important; -webkit-transform: skewY(-8deg); -webkit-transform-origin: left top; height: 100%; transform: skew(0deg); padding: 0px !important; margin-top: 0px !important; margin-left: 0px !important; }*/ /* Meet The Brewers Page */ .dica_divi_carousel .dica_divi_carouselitem .rating-top .dica-rating-container { display: none; } .dica_divi_carousel .dica_divi_carouselitem .dica-item-content h4 { font-size: 34px !important; font-family: 'DIN Condensed'; color: #7d222c; } .dica_divi_carousel_0 .swiper-container { padding-bottom: 0px !important; } /* Lawless Brunch Page */ body.page-id-4305:before { background: rgba(255, 255, 255, 0); } body.page-id-4305:after { content: ''; position: fixed; width: 110%; height: 100%; top: 0%; right: -33%; background-image: url(/wp-content/uploads/2019/09/GraniteCity_Brewery_fullBlack.png); z-index: 0; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: .03; transform: rotate(-24deg); } body.page-id-4305 { overflow-x: hidden; } .page-id-4305 .et_pb_button { min-width: 250px; text-align: center; background-color: #f8ce57; border: none; } .page-id-4305 .et_pb_button:hover { min-width: 250px; text-align: center; background-color: #f8ce57; border: none; padding: .3em 1em; } .page-id-4305 .et_pb_button:after { display: none; } a.et_pb_button.et_pb_button_2.lawlessBrunchMenuBtn.et_pb_bg_layout_light { font-size: 20px !important; color: #7d222c !important; border-radius: 3px !important; padding-top: 10px !important; } /* #brunchColOne:after { position: fixed; content: ""; width: 50%; bottom: 0px; left: -676px; z-index: -1; background-color: #facd63; opacity: 1; -webkit-transform: skewY(-8deg); -webkit-transform-origin: left top; transform-origin: left bottom; height: 100%; transform: skew(-40deg); } */ #brunchColOne:after { position: absolute; content: ""; width: 88%; bottom: 0px; left: -676px; z-index: -1; background-color: #facd63; opacity: 1; -webkit-transform: skewY(-8deg); -webkit-transform-origin: left top; transform-origin: left bottom; height: 100%; transform: skew(-40deg); } #brunchTopImg img { margin-left: -240px; margin-top: 260px; } #lawlessBrunchRow h1 { padding-left: 20%; } #lawlessBrunchSection h5 { font-family: 'festivo_lcbasic'; font-size: 40px; color: #ffffff; line-height: 1.01; font-weight: 300; margin-top: 0; padding-bottom: 5px; font-family: 'Helvetica Neue LT Std'; padding-left: 20%; /* padding-right: 20%; */ max-width: 800px; } #lawlessBrunchSection h6 { color: #ffffff; font-size: 40px !important; font-family: 'Archer Book'; margin-top: -55%; } #lawlessBrunchSection .et_pb_module.et_pb_slider.et_pb_slider.et_pb_slider_fullwidth_off.et_pb_slider_no_pagination.et_pb_bg_layout_dark { margin-left: -90%; } .lawlessHeaderSection h1 { font-size: 45px; color: #ffffff; text-transform: uppercase; font-family: din condensed; } .lawlessGeoSection h6 { font-size: 32px; color: #ffffff; text-transform: uppercase; font-family: 'Festivo LC Basic'; } .subBrandSection .et_pb_slide_image img { max-width: 65%; } .subBrandSection .et_pb_slide_image img { max-width: 65%; } .subBrandSection .et_pb_slide_image { margin-top: -18%; } .subBrandSection .et_pb_slide_content { margin-left: -40%; margin-top: -5%; } .subBrandSection .et_pb_slider:hover .et-pb-arrow-prev { opacity: 0; pointer-events: none; } .subBrandSection .et_pb_slider:hover .et-pb-arrow-next { opacity: 0; pointer-events: none; } #brunchFavoritesColOne { padding-left: 5%; display: flex; justify-content: center; align-items: center; flex-direction: column; } /*#brunchFavoritesColOne:after { position: absolute; content: ""; width: 100%; bottom: 0px; right: 0px; z-index: -1; background-color: #c6d8b6; opacity: 1; -webkit-transform: skewY(-8deg); -webkit-transform-origin: left top; transform-origin: left bottom; height: 100%; transform: skew(-40deg); }*/ #infiniteMimosaColOne h3 { font-size: 105px; color: #ffffff; text-transform: uppercase; font-family: din condensed; padding-left: 4%; white-space: nowrap; } #infiniteMimosaColOne h5 { color: #ffffff; } #infiniteMimosaColOne { padding-left: 5%; display: flex; justify-content: center; align-items: center; flex-direction: column; } /*#infiniteMimosaColOne:after { position: absolute; content: ""; width: 100%; bottom: 0px; right: 0px; z-index: -1; background-color: #c6d8b6; opacity: 1; -webkit-transform: skewY(-8deg); -webkit-transform-origin: left top; transform-origin: left bottom; height: 100%; transform: skew(-40deg); }*/ .et_pb_column.et_pb_column_1_2.et_pb_column_5.twoSlashCol.et_pb_css_mix_blend_mode_passthrough.et_pb_column_single { z-index: 99; } #creationStationsColTwo { padding-right: 5%; display: flex; justify-content: center; align-items: center; flex-direction: column; } /*#creationStationsColTwo:before { position: absolute; content: ""; width: 100%; bottom: 0px; right: 0px; z-index: -1; background-color: #f8ce57; opacity: 1; -webkit-transform: skewY(-8deg); -webkit-transform-origin: left top; transform-origin: right bottom; height: 100%; transform: skew(38deg); }*/ /* #lawlessBrunchSection { height: 87vh; } */ #brunchFavoritesColOne h3 { font-size: 105px; color: #ffffff; text-transform: uppercase; font-family: din condensed; padding-left: 4%; white-space: nowrap; margin-bottom: -25px; } #creationStationsColTwo h3 { font-size: 105px; color: #ffffff; text-transform: uppercase; font-family: din condensed; padding-left: 4%; white-space: nowrap; margin-bottom: -25px; margin-left: -35%; margin-top: -14%; } #bloodyMaryExperienceColOne { z-index: 99; } #bloodyMaryExperienceColOne img { max-width: 95%; } #bloodyMaryExperienceColTwo { padding-right: 5%; display: flex; justify-content: center; align-items: center; flex-direction: column; } /*#bloodyMaryExperienceColTwo:before { position: absolute; content: ""; width: 100%; bottom: 0px; right: 0px; z-index: -1; background-color: #eb5337; opacity: 1; -webkit-transform: skewY(-8deg); -webkit-transform-origin: left top; transform-origin: right bottom; height: 100%; transform: skew(34deg); }*/ #bloodyMaryExperienceColTwo h3 { font-size: 105px; color: #ffffff; text-transform: uppercase; font-family: din condensed; padding-left: 4%; white-space: nowrap; margin-left: -35%; margin-top: 0%; padding-top: 2%; } #bloodyMaryExperienceColTwo h5 { color: #ffffff; text-align: left; } #bloodyMaryExperienceColTwo p { color: #ffffff; } #bloodyMaryExperienceColTwo ul { list-style: none !important; color: #ffffff; font-family: archer book; font-size: 19px; } .twoSlashCol img { max-width: 80%; } .twoSlashCol h5 { font-size: 30px !important; font-family: din condensed; font-weight: 600; color: #7d222c; text-align: center; } .twoSlashCol p { color: #231f20; text-align: center; font-family: archer book; font-size: 19px; padding-right: 10px; padding-left: 10px; font-weight: 600; } /*#lawlessBrunchRow h1:after { position: absolute; content: ""; width: 99%; bottom: 0px; left: -8%; z-index: -1; opacity: 1; background-image: url(/wp-content/uploads/2019/09/YellowAngleLine.png); height: 100%; animation-name: slideInLeft !important; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 2s; background-repeat: no-repeat; background-position: top right; }*/ /* Privacy Policy Page */ #privacySection h1 { font-family: 'DIN Condensed'; font-size: 62px; text-transform: uppercase; text-align: center; } #privacySection p { text-align: left; } #privacySection .subTopText .et_pb_text_inner { display: block; } #privacySection h3 { text-align: left; } /* Reservations Page */ #reservationSection { min-height: 700px; } #reservationSection h1 { font-size: 62px !important; font-family: 'Festivo LC Basic'; font-weight: 500; color: #7d222c; text-align: center; text-transform: uppercase; } #reservationSection p { color: #231f20; text-align: center; font-family: archer book; font-size: 30px; font-weight: 600; line-height: 1.3; padding-right: 10%; padding-left: 10%; } #reservationSection .subTopText .et_pb_text_inner { display: block; } #reservationSection h3 { text-align: left; } /* Weekly Specials Page */ .lpHeaderSection { min-height: 631px; } #availableTextMod h1 { color: #231f20; text-align: center; font-family: archer book; font-size: 30px; padding-right: 10px; padding-left: 10px; font-weight: 600; text-transform: none; font-style: italic; } #availableTextMod h1:before { content: url(/wp-content/uploads/2020/08/inline_dots.png); display: inline-block; position: relative; top: 0px; left: -50px; } #availableTextMod h1:after { content: url(/wp-content/uploads/2020/08/inline_dots.png); display: inline-block; position: relative; top: 0px; right: -50px; } .lpTextMod h2 { font-size: 50px !important; font-family: 'Festivo LC Basic'; font-weight: 500; color: #7d222c; text-align: center; text-transform: uppercase; } .lpTextMod p { color: #231f20; text-align: center; font-family: archer book; font-size: 30px; font-weight: 600; line-height: 1.3; padding-right: 5%; padding-left: 5%; } .weeklySpecialRow { padding-top: 2%; padding-bottom: 2%; } /* Location Pages */ /*#locationHeader { width: 100%; max-width: 2560px; padding-right: 10%; padding-top: 2%; background-image: url(/wp-content/uploads/2019/08/Events-Catering.jpg); background-size: cover; background-position: center; } #primaryInfo { position: relative; color: #ffffff; font-family: 'DIN Condensed'; text-transform: uppercase; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; padding-right: 3%; background-image: url(/wp-content/uploads/2019/09/MaroonAngle.png); animation-name: slideInLeft !important; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 2s; background-repeat: no-repeat; background-position: top right; opacity: 1; width: auto; max-width: 450px; } #primaryInfo h1 { font-size: 40px; color: #ffffff; padding-top: 5px; } #primaryInfo p { font-size: 23px; line-height: 33px; }*/ body.pod-location #locationHeader { width: 85%; margin: 0 auto; } body.postid-1167 div#et-main-area #primaryInfo, body.pod-location div#et-main-area #primaryInfo { float: left; } body.postid-1167 div#locationHeader h1, body.pod-location div#locationHeader h1 { color: #fff; text-transform: none; } body.postid-1167 div#locationHeader p, body.pod-location div#locationHeader p { color: #fff; font-family: nimbus-sans-condensed, sans-serif; font-size: 18px; } body.postid-1167 div#locationHeader a, body.pod-location div#locationHeader a, div#locationHeader #a:active, div#locationHeader #a:visited { color: #ffbf26; } body.postid-1167 div#et-main-area #secondaryInfo, body.pod-location div#et-main-area #secondaryInfo { float: right; text-align: right; margin-top: -20px; } body.postid-1167 div#et-main-area #secondaryInfo p, body.pod-location div#et-main-area #secondaryInfo p { font-family: proxima-nova, sans-serif; font-size: 14px; margin: 0px; padding-bottom: 3px; } body.postid-1167 div#et-main-area #secondaryInfo p span, body.pod-location div#et-main-area #secondaryInfo p span { font-size: 28px; } .locBtn { text-align: center; font-family: nimbus-sans-condensed, sans-serif; font-weight: 300; font-size: 16px; margin-top: 5px; float: right; } .locBtn a:link, .locBtn a:active, .locBtn a:visited { color: #fff; text-decoration: none; display: block; /* border: 1px solid #fff;*/ opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; padding: 7px 10px 7px 10px; margin-left: 10px; } /* Find A Location Page Styles */ #mapSection { margin-bottom: -30px !important; } .loc-web { padding-top: 10px; line-height: 1.4; } form#bh-sl-user-location { display: flex; justify-content: center; flex-direction: column; } .bh-sl-container .bh-sl-loc-list .list-label { display: none; } .bh-sl-container .bh-sl-map { float: right; } .bh-sl-container button { border-radius: 4px; clear: both; cursor: pointer; float: none; margin-top: 3px; padding: 6px 12px; /* font: normal 14px/1.4 Arial,Helvetica,sans-serif; */ white-space: nowrap; /* -webkit-border-radius: 4px; */ margin-left: 15px; background-color: #7d222c; color: #ffffff; font-family: din condensed; text-transform: uppercase; font-size: 24px; border: none; border-radius: 0px; margin-bottom: 4px; width: 90%; } .bh-sl-container .bh-sl-form-input label { float: left; width: 100%; font-weight: bold; padding-top: 15px; padding-left: 15px; font-family: din condensed; font-size: 25px; background-color: #ffffff; white-space: nowrap; } .bh-sl-container .bh-sl-map-container { clear: left; float: left; margin-top: 60px; width: 100%; } .bh-sl-container .bh-sl-form-input input, .bh-sl-container .bh-sl-form-input select { border: 1px solid #ccc; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; float: left; font: normal 14px/1.4 Arial, Helvetica, sans-serif; margin: 15px 0; padding: 6px 12px; width: 100%; -webkit-border-radius: 4px; margin-left: 15px; /* display: inline-block; */ min-width: 300px; } .bh-sl-container .bh-sl-loc-list { height: 78vh; width: 20%; margin-top: 123px; margin-left: 10%; position: absolute; z-index: 99; min-width: 380px; } .bh-sl-container .bh-sl-map { float: right; height: 100vh !important; width: 100% !important; margin-top: -82px; } .bh-sl-container .bh-sl-form-container { clear: left; float: left; /* margin-top: 30px; */ width: 100%; margin-bottom: -124px; background-color: #ffffff; padding-top: 0px; position: absolute; margin-left: 10%; z-index: 999; max-width: 380px; } .bh-sl-container .loc-name { font-size: 25px; font-weight: 900; font-family: din condensed; color: #7d222c !important; text-transform: uppercase; padding-bottom: 5px !important; line-height: 1; } .bh-sl-container .bh-sl-loc-list .list-details .list-content { padding: 20px; line-height: 18px; font-family: archer book; font-size: 17px; padding-left: 50px; font-weight: 700; } .bh-sl-container .bh-sl-map-container a { color: #7d222c; text-decoration: underline; font-weight: 800; font-family: archer book; } .gm-style div, .gm-style span, .gm-style label, .gm-style a { font-family: archer book; font-weight: 600; } .bh-sl-container .bh-sl-map-container a:after { content: '>'; /* margin-left: 2px; */ padding-left: 5px; text-decoration: none !important; letter-spacing: -7px; } .gm-style .gm-style-iw-d { box-sizing: border-box; overflow: auto; max-width: 160px !important; } .gm-style .gm-style-iw { padding: 8px 8px 3px 8px !important; } /* General Location Styles */ ul#secondaryNav li a.locationHeaderLink:link, ul#secondaryNav li a.locationHeaderLink:active, ul#secondaryNav li a.locationHeaderLink:visited, ul#secondaryNav li a.locationHeaderLink:hover { color: #931a29; } /* Location Detail Page */ .locationAnnouncement { background: #931A29; color: #fff; padding: 10px 0; text-align: center; } body.pod-location #primaryContent { /* min-height: 500px;*/ margin-top: 50px; } @-moz-document url-prefix() { body.pod-location #primaryContent { margin-top: 100px; } } body.pod-location #primaryContent:before { content: 'Menu'; text-align: center; display: flex; justify-content: center; font-size: 62px; font-family: 'DIN Condensed'; text-transform: uppercase; color: #333333; text-align: center; padding-bottom: 36px; margin-top: -60px; } body.pod-location #secondaryContent { margin-top: 70px; } #primaryContent { /* width:620px;*/ margin: 0 55px 0 0; width: 100%; } #secondaryContent { float: right; width: 265px; margin: 0; clear: left; padding: 10px !important; display: none; } body.pod-location #locationContentWrap { width: 100%; margin: 0 auto; /* max-width: 960px;*/ } body.pod-location #locationHeader { width: 80%; margin: 0 auto; } body.page-id-251 div#et-main-area, body.pod-location div#et-main-area { width: 100%; background-position: center top; background-repeat: no-repeat; background-image: url(images/locationHeader.jpg); } body.page-id-251 div#locationHeader h1, body.pod-location div#locationHeader h1 { color: #fff; text-transform: none; font-family: din condensed; font-size: 55px; letter-spacing: 2px; max-width: 350px; text-transform: uppercase; } body.page-id-251 div#locationHeader p, body.pod-location div#locationHeader p { color: #fff; font-family: archer book; font-size: 19px; font-weight: 600; max-width: 350px; line-height: 1.2; } body.page-id-251 div#locationHeader a, body.pod-location div#locationHeader a { font-family: din condensed; text-transform: uppercase; } body.page-id-251 div#locationHeader a, body.pod-location div#locationHeader a, div#locationHeader #a:active, div#locationHeader #a:visited { color: #ffbf26; } body.page-id-251 div#locationHeader a:hover, body.pod-location div#locationHeader a:hover { color: #ff7400; } body.page-id-251 div#et-main-area #primaryInfo, body.pod-location div#et-main-area #primaryInfo { /* background-image: url(/wp-content/uploads/2019/09/MaroonAngle.png); */ float: left; margin-top: 3%; padding-left: 5%; padding-top: 25px; padding-right: 10%; padding-bottom: 15px; background-position: top right; opacity: .9; min-height: 290px; /* display: flex; */ flex-direction: column; justify-content: center; min-width: 680px; } body.page-id-251 div#et-main-area #primaryInfo, body.pod-location div#et-main-area #primaryInfo:after { content: ''; background-position: top right; position: absolute; height: 210px; left: 0; background-repeat: no-repeat; width: 30%; z-index: 0; } /* body.page-id-251 div#et-main-area #primaryInfo, body.pod-location div#et-main-area #primaryInfo p { opacity: 0 !important; } */ body.page-id-251 div#et-main-area #secondaryInfo, body.pod-location div#et-main-area #secondaryInfo { /* background-image: url(/wp-content/uploads/2019/10/WhiteAngleRevFlip.png);*/ padding-right: 5% !important; margin-top: 0%; /* padding-left: 27%;*/ padding-top: 15px; padding-bottom: 25px; opacity: .9; background-position: top left; min-height: 325px; display: flex; flex-direction: column; justify-content: center; position: absolute; right: 0; } a#location_hours_link { padding-right: 15px !important; } /*body.page-id-251 div#et-main-area #secondaryInfo:after, body.pod-location div#et-main-area #secondaryInfo:after { content: ''; position: fixed; width: 170%; height: 170%; top: 0%; right: -44%; background-image: url(/wp-content/uploads/2019/09/GraniteCity_Brewery_fullBlack.png); z-index: 0; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: .02; transform: rotate(-24deg); pointer-events: none; filter: blur(5px); }*/ body.page-id-251 div#et-main-area #secondaryInfo p, body.pod-location div#et-main-area #secondaryInfo p { font-family: archer book !important; font-size: 18px; margin: 0px; padding-bottom: 3px; color: #ffffff; line-height: 1.2; font-weight: 500; margin-right: -5%; max-width: 410px; } body.page-id-251 div#et-main-area #secondaryInfo a, body.pod-location div#et-main-area #secondaryInfo a { margin-top: 5px; } body.page-id-251 div#et-main-area #secondaryInfo p span, body.pod-location div#et-main-area #secondaryInfo p span { font-size: 28px; } .locBtn { text-align: center; font-family: nimbus-sans-condensed, sans-serif; font-weight: 300; font-size: 16px; ; margin-top: 5px; float: right; } .locBtn a:link, .locBtn a:active, .locBtn a:visited { color: #fff; text-decoration: none; display: block; /* border: 1px solid #fff;*/ opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; padding: 7px 10px 7px 10px; margin-left: 10px; } .locBtn a:hover { color: #fff; text-decoration: none; display: block; /* border: 1px solid #fff;*/ opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; padding: 7px 10px 7px 10px; margin-left: 10px; /* background-color: rgba(255, 255, 255, 0.5);*/ } body.page-id-251 div#secondaryInfo .locBtn a, body.pod-location div#secondaryInfo .locBtn a, div#secondaryInfo .locBtn a:active, div#secondaryInfo .locBtn a:visited { color: #ffffff; float: right; font-family: din condensed; font-size: 22px; padding: 5px 25px 5px 50px; background-image: url(/wp-content/uploads/2019/11/MaroonButtonBg.png); background-size: cover; } /* .locBtn a::before { content: ""; float: left; margin: -6px 0 0 -25px; border-left: 15px solid transparent; border-bottom: 36px solid #732028; height: 0px; } .locBtn a::after { content: ""; float: right; margin: -7px -25px 0 0; border-left: 15px solid #75252a; border-bottom: 36px solid transparent; height: 0px; } */ body.page-id-251 div#secondaryInfo .locBtn a:hover, body.pod-location div#secondaryInfo .locBtn a:hover { color: #fff; } .olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv, .olControlAttribution { display: none !important; } body.pod-location #et-main-area { width: 100% !important; } body.page-id-374 div#secondaryContent h3, body.pod-location div#secondaryContent h3 { font-family: museo-slab, serif; font-weight: 300; font-size: 30px; color: #931a29; margin: 0 0 25px 0; padding: 15px 0; text-transform: none; border-bottom: 1px dashed #A8A8A8; } body.page-id-374 div#secondaryContent p, body.pod-location div#secondaryContent p { font-size: 14px; line-height: 22px; } body.page-id-374 div#secondaryContent ul, body.pod-location div#secondaryContent ul { margin: 0px 0px 20px 0px; font-size: 14px; line-height: 22px; } body.page-id-374 div#secondaryContent ul li, body.pod-location div#secondaryContent ul li { padding: 0px; } body.page-id-374 div#secondaryContent ul li.hoursTitle, body.pod-location div#secondaryContent ul li.hoursTitle { font-weight: 700; } body.page-id-374 div#secondaryContent p.eventsTitle, body.pod-location div#secondaryContent p.eventsTitle { font-weight: 700; font-size: 18px } body.page-id-374 div#secondaryContent p.eventsTitle span, body.pod-location div#secondaryContent p.eventsTitle span { font-weight: 600; font-size: 14px; color: #666; } body.page-id-374 div#secondaryContent ul.locGallery, body.pod-location div#secondaryContent ul.locGallery { margin: 0px 0px 20px 0px; padding: 0px; } body.page-id-374 div#secondaryContent ul.locGallery li img, body.pod-location div#secondaryContent ul.locGallery li img { float: left; padding: 11px 13px 0 0; } body.page-id-374 div#secondaryContent ul.locGallery li img.noPad, body.pod-location div#secondaryContent ul.locGallery li img.noPad { float: left; padding: 11px 0px 0 0; } body.page-id-374 div#secondaryContent .sideBarModGal, body.pod-location div#secondaryContent .sideBarModGal { margin-bottom: 15px; } body.page-id-374 div#secondaryContent ul#eventsSocial li, body.pod-location div#secondaryContent ul#eventsSocial li { display: inline-block; margin: 0; padding: 0 8px 0 0; font-size: 20px; } body.page-id-39 div#secondaryContent { clear: inherit; } body.blog div#secondaryContent, body.archive div#secondaryContent { clear: inherit; float: left; padding-left: 40px; width: 22%; display: none; } body.single div#secondaryContent { clear: inherit; } body.archive div#secondaryContent { clear: inherit; } .sideBarModGal > img { min-width: 230px; width: 100%; } body.page-id-251 #locationHeader, body.pod-location #locationHeader { background-size: cover; background-position: center; height: 10%; min-height: 300px; width: 100%; background-image: url(/wp-content/uploads/2021/01/NapervilleFrontDk.jpg); } body.page-id-251 #locationHeader, body.pod-location.location-orland-park-illinois #locationHeader { background-image: url(/wp-content/uploads/2019/10/2017GraniteCityFoodBrewery.OrlandPark.jpg); } .location-maple-grove-minnesota #promotionalContainer { display: block !important; } .location-maple-grove-minnesota .top-right { flex-shrink: 0; display: flex !important; justify-content: center; } .location-maple-grove-minnesota .top-right ul li { margin-left: 0px; } /*.location-maple-grove-minnesota .mixMatchLink, .location-maple-grove-minnesota .mixSection, .location-maple-grove-minnesota #mix-match { display: none; }*/ .single-location .top-right { display: none; } #doordash_container { font-family: archer book; font-weight: 600; font-size: 18px; margin-top: 10px; margin-bottom: 13px; display: none; } #doordash_container a { color: #ffffff !important; padding: 5px 25px 5px 80px; font-family: din condensed; font-size: 23px; text-transform: uppercase; background-image: url(/wp-content/uploads/2019/11/OrangeButton.png); background-size: cover; } #doordash_container img { width: 150px; height: 37px; margin-bottom: -9px; margin-left: 11px; } #ez_cater_container { font-family: archer book; font-weight: 600; font-size: 18px; margin-top: 10px; } #ez_cater_container a { /* background-color: #88bc40; */ color: #6e1f26 !important; padding: 2px 28px 2px 42px; font-family: din condensed; font-size: 23px; text-transform: uppercase; background-image: url(/wp-content/uploads/2021/12/TanButton.png); background-size: cover; } /*#ez_cater_container a::before { content: ""; float: left; margin: -4px 0px 0px -4px; border-left: 15px solid transparent; border-bottom: 37px solid #88b93d; height: 0px; } #ez_cater_container a::after { content: ""; float: right; margin: -5px -15px 0 0; border-left: 15px solid #88b93d; border-bottom: 37px solid transparent; height: 0px; }*/ #ez_cater_container img { width: 140px; height: 30px; margin-bottom: -8px; margin-left: 10px; } #deliveryText { margin-top: -13px; margin-bottom: 2px; } #cateringText { margin-top: -23px; margin-bottom: 7px; } #primaryInfo span { font-family: 'Archer Book'; color: #ffffff; } #reservationWrap { display: none; background-color: #edeeef; height: 165px; width: 100%; position: relative; clear: both; margin: 0 auto; text-align: center; } #promotionalContainer { display: none !important; background-color: #f8efe6; blur: 5px !important; padding: 5% 4%; margin-top: -71px; margin-bottom: 80px; display: flex; justify-content: center; align-items: center; flex-direction: column; } #promotionalContainer h2 { font-size: 62px; font-family: 'DIN Condensed'; text-transform: uppercase; color: #333333; text-align: center; } #promotionalContainer a { font-size: 23px; line-height: 1.3; letter-spacing: 1px; cursor: pointer; font-weight: 600; text-transform: uppercase; font-family: 'DIN Condensed'; background-color: #7d222c; color: #ffffff; padding: 8px 17px; margin-top: 20px; margin-bottom: 0px; display: flex; justify-content: center; max-width: 140px; margin: 0 auto; } p.promotional_title { padding-bottom: 1em; font-family: 'DIN Condensed' !important; font-size: 22px !important; font-weight: 600 !important; color: #79222a !important; margin-top: -5px; text-transform: uppercase; } #promotionalContainer p { font-size: 22px; font-weight: 600; color: #333333; font-family: 'Archer Book'; text-align: center; padding-right: 20%; padding-left: 20%; line-height: 1.4; margin-top: -10px; } body.page-id-374 div#secondaryContent .sideBarModGal, body.pod-location div#secondaryContent .sideBarModGal { display: none; } #pe_container { background-color: rgb(125 34 44 / 95%); blur: 5px; padding: 5% 4%; display: none; } #pe_container:after { content: ''; position: fixed; width: 170%; height: 170%; top: 0%; right: -44%; z-index: 0; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: .04; transform: rotate(-24deg); pointer-events: none; filter: blur(5px); } #pe_container h1 { font-size: 62px; font-family: 'DIN Condensed'; text-transform: uppercase; color: #dbc0a1; text-align: center; } #pe_container h2 { text-align: center; color: #ffffff; font-weight: 500; font-family: 'Festivo LC Basic'; text-transform: uppercase; } #pe_container p { font-size: 17px; text-align: center; color: #ffffff; padding-right: 15%; padding-left: 15%; padding-top: 1%; padding-bottom: 1%; } #pe_container a { font-family: din condensed; font-size: 24px; text-transform: uppercase; margin-bottom: -5px; color: #ffffff; } .pe_bottom_row_right_column { display: flex; justify-content: center; padding-top: 15px; font-size: 28px; font-family: din condensed; display: none; } #menusContainer { display: none; } #location_hours { display: flex; flex-direction: row; justify-content: space-between; } @media (min-width:980px) { #location_hours { margin-top: 20px; margin-bottom: 40px; } } #location_printable_menus { display: flex; justify-content: flex-start; } #location_printable_menus ul.noDot { margin-left: 0px; display: flex; justify-content: space-around; vertical-align: middle; margin-top: 50px; margin-left: 50px; } @media (min-width:980px) { #location_printable_menus ul.noDot { margin-top: 15px; } } #hours_menus_container { display: block; justify-content: space-around; margin-top: 0px; margin-bottom: 0px; } #hours_menus_container { background-color: rgba(255, 255, 255, 0.75); blur: 5px; padding: 2% 4%; } #hours_menus_container:after { content: ''; position: fixed; width: 170%; height: 170%; top: 0%; right: -44%; background-image: url(/wp-content/uploads/2019/09/GraniteCity_Brewery_fullBlack.png); z-index: 0; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: .04; transform: rotate(-24deg); pointer-events: none; filter: blur(5px); } #hours_menus_container h2 { font-size: 62px; font-family: 'DIN Condensed'; text-transform: uppercase; color: #333333; text-align: center; padding-top: 20px; } @media (min-width:1400px) { #hours_menus_container h2 { padding-top: 0; } } p.pe_phone { font-weight: 500; font-size: 32px !important; margin-bottom: 25px; font-family: 'Festivo LC Basic'; letter-spacing: 3px; text-align: center; margin-top: 8px; } a.pe_directions { display: flex; justify-content: center; margin-top: 25px; margin-bottom: 0px; } .pe_directions a { text-align: center; } .pe_directions:before { content: "\f3c5"; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-right: 5px; color: #ffffff; } li.hoursTitle { font-weight: 900; font-family: din condensed; font-size: 24px; color: #7d222c; margin-top: 10px; margin-bottom: 2px; text-transform: uppercase; } a#private-events { /* display: block; position: relative;*/ top: -250px; /* visibility: hidden;*/ } #pe_book_button_container .locBtn { float: none !important; text-transform: uppercase; display: flex; justify-content: center; align-items: center; } #private-events a#eventButton { font-size: 30px; padding: 10px 35px 10px 35px; margin-top: 35px; background-image: none; background-size: cover; background-color: #dbc0a1; color: #7d222c; } p.pe_phone { display: none; } /* Full Location Page Menu Styles */ .column { height: 100%; /*allows both columns to span the full height of the browser window*/ display: flex; flex-direction: column; /*places the left and right headers above the bottom content*/ } div#locationMenu { display: inline-flex; width: 100%; } #left { flex-shrink: 0; /*makes sure that content is not cut off in a smaller browser window*/ } #left.column { width: 20%; background-color: #f4f1ee; /* position: fixed;*/ padding: 50px 50px 50px 50px; min-width: 312px; z-index: 1; } #right.column { width: 100%; margin-left: 2%; } .top-left { flex-shink: 0; } .top-left h3 { color: #333333; font-size: 45px; font-family: 'DIN Condensed'; text-transform: uppercase; margin-bottom: 0px; ; font-size: 50px; font-family: 'DIN Condensed'; text-transform: uppercase; margin-bottom: 10px; white-space: nowrap; } .top-right { flex-shrink: 0; display: flex; justify-content: center; } .top-right ul li { font-family: din condensed; font-size: 23px; text-transform: uppercase; color: #7d222c; line-height: 1.3; margin-left: 10px; letter-spacing: 1px; padding: 0px 0px; border-right: 1px solid #333333; margin-top: -15px; } .top-right ul li:last-of-type { border-right: none; } /*.top-right li:last { border-right: none !important; }*/ .top-right ul { display: flex; } .bottom ul { display: inline-flex; list-style: none; flex-direction: column; } .bottom ul li { font-family: din condensed; font-size: 23px; text-transform: uppercase; color: #7d222c; line-height: .9; margin-left: 10px; letter-spacing: 1px; margin-bottom: 10px; } #left.column.bottom ul li { font-family: din condensed; font-size: 23px; text-transform: uppercase; color: #7d222c; line-height: 1; margin-left: 10px; letter-spacing: 1px; margin-bottom: 6px; } .bottom { flex-grow: 1; /*ensures that the container will take up the full height of the parent container*/ overflow-y: auto; /*adds scroll to this container*/ } .box { width: 100%; display: flex; flex-wrap: wrap; height: auto; margin: 0px 0px 0px 2%; overflow: hidden; } .box > .showmore_content > * { flex: 0 0 33.3333%; } .box-sub-heading { font-weight: 600; margin-left: 35px; font-family: 'din condensed'; text-transform: uppercase; margin-top: 20px; } .mixSection:before { content: 'Monday - Friday: 11AM - 4PM'; position: relative; width: 100%; height: 100%; top: 15px; left: 35px; z-index: 1; font-size: 40px; font-family: 'DIN Condensed'; text-transform: uppercase; color: #7d222c; text-shadow: 2px 2px #dbc0a1; } /* show more content div */ .showmore_content { width: 100%; display: flex; flex-wrap: wrap; height: auto; margin: 0; overflow: hidden; } /* show more/less buttons for menu */ .showmore_trigger { display: block; position: relative; width: 100%; flex: none; margin: 0.5rem 0; } .showmore_trigger .more, .showmore_trigger .less { cursor: pointer; font-size: 20px; font-weight: 600; text-transform: uppercase; margin-left: 1%; font-family: 'DIN Condensed'; background-color: #7d222c; color: #ffffff; padding: 2px 12px; margin-top: 5px; margin-bottom: 5px; } .menuCategories { width: 100%; overflow-x: hidden; } .menuCategories li { font-size: 40px !important; padding: 0px 0px 0px 35px; margin-top: 20px; background-image: url(/wp-content/uploads/2021/01/MaroonButtonBgCrop.png); background-size: cover; color: #ffffff !important; margin-bottom: 20px; margin-left: 0px !important; width: 28%; min-width: 422px; white-space: nowrap; line-height: 1.3 !important; } .sides_wrap .menuImg { display: none; } .sides_wrap .menuDesc { margin-top: -35px; } .wine_wrap .menuImg { display: none; } .wine_wrap .menuDesc { margin-top: -20px; } .cocktails_wrap .menuImg { display: none; } .cocktails_wrap .menuDesc { margin-top: -35px; } .postid-497 .beer_wrap { display: none; } /* Individual Menu Items */ .menuItem { position: relative; width: 25%; max-width: 300px; margin: 1%; margin-bottom: 30px; min-width: 300px; } .menuImg { display: block; width: 100%; height: auto; max-height: 300px; max-width: 300px; min-height: 300px; min-width: 300px; } .menuContent { background-color: #ffffff; padding: 20px 10px; text-align: center; font-weight: 600; font-family: din condensed; text-transform: uppercase; font-size: 23px; color: #333333; } .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: rgb(125 34 44 / 93%); cursor: default; } .menuItem:hover .overlay { opacity: 1; z-index: 9; } .menuClose { color: #ffffff; font-size: 25px; position: relative; /*top: 5%; right: -134%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);*/ text-align: left; padding: 5px 30px; /* font-family: 'Archer Book'; */ line-height: 1.1; } .menuDesc { color: #ffffff; font-size: 20px; position: relative; /*margin-top: 20%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);*/ text-align: left; padding: 5px 30px; font-family: 'Archer Book'; line-height: 1.1; } .menuExtra { color: #ffffff; font-size: 20px; position: relative; /*margin-top: 20%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);*/ text-align: left; padding: 5px 30px; font-family: 'Archer Book'; line-height: 1.1; } .menuCalCount { color: #ffffff; font-size: 20px; position: relative; top: 35%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: left; padding: 5px 30px; font-family: din condensed; line-height: 1.1; } .menuCategories .fa-file-alt:before { content: "\f15c"; top: 22px; position: relative; left: 25px; } a.pdfLink { font-size: 30px; font-family: 'DIN Condensed'; margin-left: 15px; margin-bottom: 20px; white-space: nowrap; } .mixColOne { vertical-align: middle; justify-content: center; display: flex; flex-direction: column; margin-bottom: 20px; margin-top: 15px; /* border-right: 3px dotted #dbc0a1;*/ padding: 4% 1% 0% 0%; } .mixColOne h4 { font-size: 36px; font-family: 'DIN Condensed'; margin-left: 15px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; padding-left: 1%; padding-right: 5%; } .mixColTwo { margin-bottom: 20px; margin-top: 15px; padding: 2% 0% 2% 1%; } .mixColTwo h5 { font-size: 24px; color: #7d222c; font-family: 'DIN Condensed'; text-transform: uppercase; } .mixColTwo p { font-family: 'Archer Book'; font-weight: 600; font-size: 17px; padding-right: 10%; } .drinks_wrap { display: none !important; } /* Contact Page */ #careerTabApplyButton { background-color: #931a29; color: #FFF !important; padding: 15px 30px; text-align: center; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; text-transform: uppercase; display: inline-block; border-radius: 4px; margin-top: 35px; } /* Popout Reservation Tab */ /*Section position*/ .ds-slide-section { position: fixed; right: 0px; top: 60%; z-index: 99; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); } /*Section position when open*/ .ds-slide-section.open { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } /*Module content alignment*/ .ds-slide-section { z-index: 9999999 !important; } .ds-slide-section h2 { font-size: 36px; line-height: 1; font-family: 'DIN Condensed'; text-transform: uppercase; text-align: center; color: #7d222c !important; padding-bottom: 10px; padding-left: 24px; padding-top: 21px; } body .gform_wrapper ul li:first-child.gfield { margin-top: 0; } .et_contact_bottom_container { text-align: center; margin-top: 0; float: none; padding: 0 0 0 3%; } .ds-slide-section .et_pb_row { width: 100%; min-width: 340px; min-height: 225px; } .ds-slide-section .et_pb_button { width: 100%; } .ds-slide-section .et_pb_contact_submit { margin: 0; } .ds-slide-section .ds-slide-module { min-height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #rum_sst_tab { top: 350px; background-color: #7d222c; color: #FFFFFF; border-style: solid; border-width: 0px; font-family: 'DIN Condensed' !important; font-size: 27px; letter-spacing: 1px; border-radius: 0px; padding: 9px 15px 10px 15px; border: 2px solid #ffffff !important; } /* Open Table Reservation Widget Styles */ #OT_searchWrapperAll { width: 28% !important; height: auto !important; padding: 50px 5px 65px 30px !important; background: #fff !important; border: 5px solid #7d222c; min-width: 425px !important; } #OT_logo { display: none !important; } #OT_searchWrapper .OT_feedTitle { display: none !important; } #OT_searchWrapper dl { position: absolute; top: -50px !important; left: -54px !important; padding: 0; margin: 0; } #OT_searchWrapperAll a { font-family: 'Helvetica Neue LT Std'; font-size: 30px; text-decoration: underline; } #OT_searchWrapperAll h3 { font-family: archer book; } #OT_submitWrap { position: relative; top: 160px !important; left: 188px !important; margin: 0 5px 0 0 !important; z-index: 9 !important; background-color: #7d222c !important; padding: 1px 0px 3px 2px !important; } #OT_partySizeLbl { font-family: 'DIN Condensed' !important; text-transform: uppercase !important; font-size: 16px !important; top: 45px !important; } #OT_dateLbl { font-family: 'DIN Condensed' !important; text-transform: uppercase !important; font-size: 16px !important; } #OT_timeLbl { font-family: 'DIN Condensed' !important; text-transform: uppercase !important; font-size: 16px !important; } #reservationWrap { background-color: #edeeef; height: 165px; width: 100%; position: relative; clear: both; margin: 0 auto; text-align: center; } #OT_form { width: 960px !important; margin: 0 auto !important; } #OT_searchWrapper #imageCal table { margin: 0px; } input.OT_TableButton { background-image: none !important; } #cal1.entry-content table:not(.variations), body.et-pb-preview #main-content .container table { border: 1px solid #000 !important; } #OT_searchWrapper .imgCal { margin-top: -5px; border: 1px solid; } .OT_wrapper { border: none !important; border-radius: 0px !important; background-color: #edeeef !important; width: 100% !important; height: 95px !important; margin: 0 auto !important; } .OT_header { width: 0px !important; display: none !important; } .OT_list { margin: 0 auto !important; width: 100% !important; } .OT_day, .OT_time, .OT_party, .OT_submit { padding: 0 !important; background-image: none !important; width: 23.5% !important; display: inline-block !important; border-left: none !important; } .OT_searchTimeField, .OT_searchDateField, .OT_searchPartyField { font-family: verdana, arial, helvetica, sans-serif; background: #fff url(../img/downarrow_gray.gif) no-repeat right 0; background: #fff url(/wp-content/themes/vfs/images/downarrow.png) no-repeat right center !important; color: #42382c !important; font-weight: 500 !important; margin: 2px 34px 2px 2px !important; border: 1px solid #ccc !important; width: 75% !important; height: 1.218rem !important; font-size: 12px !important; font-style: normal; padding: 11px 24px !important; border-radius: 0 !important; cursor: pointer; padding-top: .875rem !important; padding-right: 1.75rem !important; padding-bottom: .9375rem !important; padding-left: 1.75rem !important; font-size: 1rem !important; } #OT_partySizeSelect.feedFormField.OT_searchPartyField { font-size: 12px !important; margin: 2px 34px 2px 2px !important; padding: 11px 24px !important; } a.OT_Find_a_Table:link, a.OT_Find_a_Table:visited, a.OT_Find_a_Table:hover, a.OT_Find_a_Table:active { background-image: none !important; text-shadow: none !important; border-style: solid !important; border-width: 0 !important; cursor: pointer !important; font-family: franklin-gothic-urw, Arial, Helvetica Neue, Helvetica, sans-serif !important; font-weight: 400 !important; line-height: normal !important; position: relative !important; text-decoration: none !important; text-align: center !important; outline: none !important; display: inline-block !important; background-color: #B8222F !important; color: #fff !important; -moz-transition: background-color 300ms ease-out !important; transition: background-color 300ms ease-out !important; padding-top: .875rem !important; padding-right: 1.75rem !important; padding-bottom: .9375rem !important; padding-left: 1.75rem !important; font-size: 1rem !important; border-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; width: 100% !important; height: 1.29rem !important; margin: 0 !important; font-weight: 300; width: 100% !important; clear: none !important; float: left !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .OTButton, #OTButton { width: 100% !important; } input.OT_TableButton { margin-top: 5px !important; font-family: 'DIN Condensed' !important; text-transform: uppercase !important; font-size: 17px !important; height: 100% !important; width: 100% !important; padding: 1px 12px !important; z-index: 9999 !important; } #OT_timeList, #OT_partyList { width: 225px !important; max-height: 200px; overflow: auto; border-left: none !important; border-right: none !important; border-bottom: none !important; position: absolute; top: 50px !important; left: 0px !important; display: none; } #OT_timeList .OT_navListItem, #OT_partyList .OT_navListItem { width: 208px !important; } #OT_searchWrapper #startDate, #OT_searchWrapper .OT_feedFormfieldCalendar { width: 100px !important; font-size: 12px !important; padding: 4px !important; margin: 4px 4px 4px 0px !important; height: 30px !important; } #OT_searchWrapper #dateDisplay { margin: 0px 10px 0px 0px !important; } .otWidgetCode .et_pb_code_inner { display: flex; justify-content: center; } div#ot-reservation-widget h1 { font-size: 30px !important; } .ot-dtp-picker.tall { width: 375px !important; } .ot-dtp-picker.tall .picker .picker__holder { width: 355px !important; height: 300px !important; } .ot-dtp-picker.tall .ot-date-picker { height: 305px !important; } .ot-dtp-picker.tall .picker .picker__day { width: 23px !important; height: 25px !important; } .ot-dtp-picker.tall .picker .picker__table td { padding: 6px 13px !important; } .picker__table { width: 96% !important; } .ot-dtp-picker.tall .picker .picker__header { margin: 14px 22px !important; margin-top: 4px !important; } .picker__weekday { padding: 5px 16px !important; } .ot-dtp-picker .ot-dtp-picker-selector select { left: 0 !important; } /*Validation Styles*/ .ds-slide-section .gform_wrapper div.validation_error { display: none; } .ds-slide-section .gform_wrapper .field_description_below .gfield_description { padding-top: 0; } .ds-slide-section .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .ds-slide-section .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 0; } .ds-slide-section .gform_wrapper .validation_message { color: #fff; } .ds-slide-section .gform_wrapper .instruction { display: none; } .ds-slide-section .gform_wrapper li.gfield.gfield_error { background-color: transparent; border-top: none; border-bottom: none; padding-top: 0; padding-bottom: 0; } body .ds-slide-section .gform_wrapper ul li.gfield.gfield_error { margin-top: 0; } /*Button position*/ .ds-slide-section .ds-slide-module h4.et_pb_module_header { position: absolute !important; right: 322px !important; bottom: 73px !important; padding: 10px !important; background: #7d222c; text-align: center; cursor: pointer; -webkit-transform: translateX(50%) rotate(-90deg); transform: translateX(50%) rotate(-90deg); -webkit-transform-origin: bottom; transform-origin: bottom; white-space: nowrap; border-radius: 0px; margin-right: 19px; font-weight: 500 !important; font-size: 26px; letter-spacing: 1px !important; border: 0.4rem double #f9f9f9; font-family: din condensed; text-transform: uppercase; display: none; } .ds-slide-section .ds-slide-module h4.et_pb_module_header:hover { cursor: pointer !important; } .ds-slide-section .gform_wrapper .gform_body .gform_fields.top_label input { padding: 12px !important; border-width: 0; margin-top: 0; } body .ds-slide-section .gform_wrapper .top_label div.ginput_container { margin-top: 0; } .ds-slide-section .et_pb_blurb_description p { display: none; } .ds-slide-section .gform_wrapper .gform_footer input.button { width: 100%; margin: 0; color: #fff; background: rgba(255, 255, 255, 0.3); border: none; padding: 15px 0; cursor: pointer; } .ds-slide-section .gform_wrapper .gform_footer { padding-top: 0; } .ds-slide-section .gform_wrapper { margin: 0; } /*Success message text*/ .ds-slide-module .et-pb-contact-message { color: #ffffff; text-align: center; } .ds-slide-module .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; } .gform_wrapper .gform_footer input.button { width: 100%; margin: 0; background: rgba(217, 0, 0); cursor: pointer; float: none; margin-top: 3px; padding: 6px 12px; white-space: nowrap; background-color: #7d222c; color: #ffffff; font-family: din condensed; text-transform: uppercase; font-size: 24px; border: none; border-radius: 0px; } .gform_wrapper .gform_footer.top_label { padding-top: 0; } /*Mobile styling*/ @media all and (max-width: 767px) { /*Section position*/ .ds-slide-section .et_pb_row { width: 100%; border: 10px solid #ffffff; } .ds-slide-section h2 { padding-left: 0px; padding-top: 0px; } .ds-slide-section { width: 100%; top: auto; bottom: 0; left: 0; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } /*Section position when open*/ .ds-slide-section.open { -webkit-transform: translate(0, 0); transform: translate(0, 0); } /*Button position*/ .ds-slide-section .ds-slide-module h4.et_pb_module_header { bottom: 132%; right: 50%; margin-right: 0; -webkit-transform: translateX(50%) rotate(0); transform: translateX(50%) rotate(0); } #OT_searchWrapper dl { left: 20px !important; } #OT_searchWrapperAll { width: 88% !important; padding: 50px 0px 65px 0px !important; min-width: 535px !important; } } @media all and (max-width: 414px) { .gform_wrapper .gform_footer input.button { width: 100% !important; } } /* Countdown Widget Styles */ .hoth-dash { width: 21%; min-width: 32px; max-width: 80px; height: 48px; display: inline-block; vertical-align: top; margin-left: 1%; margin-right: auto; position: relative; color: #fff !important; background: transparent !important; text-align: center; font-family: 'DIN Condensed' !important; } .hoth-digit { font-family: 'DIN Condensed' !important; font-size: 2vw !important; margin-top: 13px !important; } .hoth-dash_title { display: block; position: absolute; width: 100%; color: #fff !important; text-align: center; font-size: 1vw !important; margin: 0px; top: 0px !important; font-family: 'DIN Condensed' !important; text-transform: uppercase !important; } /* Tabby Styles */ .responsive-tabs .responsive-tabs__panel { background: #fff0; border: 0px !important; border-top: 0px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; background-color: rgba(255, 255, 255, 0.90) !important; padding: 50px !important; min-height: 575px; } .responsive-tabs .responsive-tabs__list__item { display: inline; cursor: pointer; font-family: 'DIN Condensed'; font-size: 25px !important; text-transform: uppercase; background-color: #ececec; margin: 0px !important; border: none !important; padding: 20px !important; } .responsive-tabs .responsive-tabs__list__item { background-color: #ececec !important; margin-right: 10px !important; } .responsive-tabs .responsive-tabs__panel .fa { margin: 0px !important; } .responsive-tabs .responsive-tabs__panel .fa-phone:before { margin-left: -20px; } .responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover { background-color: #ffffff !important; } .page-id-220684 .eClubContainer h2 { font-family: 'DIN Condensed'; font-size: 62px; text-transform: uppercase; } .gcfbComContainer h2 { font-size: 70px; font-family: 'Festivo LC Basic'; text-transform: uppercase; color: #7d222c; } .gcfbComContainer h3 { font-family: 'Archer Book'; color: #931a29; margin: 10px 0 40px 0; } .eClubContainer h3 { font-family: 'Archer Book'; color: #931a29; line-height: 1.4; } .eClubContainer h4 { font-family: 'DIN Condensed'; font-size: 24px; text-transform: uppercase; } .eClubContainer .caldera-grid .btn-default { border-color: #ccc; background-color: #931a29; color: #FFF !important; padding: 15px 30px; text-align: center; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; text-transform: uppercase; display: inline-block; border-radius: 4px; } .responsive-tabs .responsive-tabs__panel h2 { font-family: 'DIN Condensed'; font-size: 62px; text-transform: uppercase; } .responsive-tabs .responsive-tabs__panel h3 { font-family: 'Archer Book'; color: #931a29; line-height: 1.4; } .responsive-tabs .responsive-tabs__panel h4 { font-family: 'DIN Condensed'; font-size: 24px; text-transform: uppercase; } .responsive-tabs .responsive-tabs__panel a.button { background-color: #931a29; color: #FFF !important; padding: 15px 30px; text-align: center; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; text-transform: uppercase; display: inline-block; border-radius: 4px; } /* Tabby Responsive Styles */ @media only screen and (max-width: 767px) { .responsive-tabs .responsive-tabs__heading { background: #fff; border: 0px; border-top: none; color: #777; font-weight: normal; padding-left: 20px; position: relative; /* display: inline; */ cursor: pointer; font-family: 'DIN Condensed'; font-size: 25px !important; text-transform: uppercase; background-color: #ececec !important; margin: 0px !important; border: none !important; padding: 20px !important; } .responsive-tabs-wrapper { border-top: 0px !important; margin-top: 50px; } .responsive-tabs .responsive-tabs__heading--active, .responsive-tabs .responsive-tabs__heading--active:hover { background: #ccc; color: #333 !important; } .responsive-tabs .responsive-tabs__heading--active:after { border-bottom: 6px solid #333 !important; top: 30px !important; } } /*Private Events*/ .et_pb_tab { padding: 50px; } .et_pb_module.et_pb_tabs > ul li { font-family: 'DIN Condensed'; font-size: 25px; text-transform: uppercase; background-color: #ececec; margin: 5px; border: none !important; } .et_pb_all_tabs .et_pb_tab { min-height: 575px; } ul.et_pb_tabs_controls { background-color: transparent; } .et_pb_module.et_pb_tabs { border: none; } #private-tabs.et_pb_section:first-of-type { background-color: rgba(0, 0, 0, 0); } .et_pb_module.et_pb_tabs > ul li.et_pb_tab_active { background-color: #fff; } #private-tabs a#eventButton { background-color: rgb(125, 34, 44); /* border: 6px solid #dbc0a1; */ padding: 20px 40px; display: inline-block; font-family: 'DIN Condensed'; font-size: 25px; text-transform: uppercase; position: relative; text-align: center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; z-index: 10; color: #ffffff; } #private-tabs a#eventButton:hover { border: 6px solid #000; color: #000; } /*#private-tabs a#eventButton:before { content: ''; position: absolute; width: 5px; height: 60px; background-color: #fff; transform: rotate(45deg); bottom: -19px; right: 8px; }*/ .et_pb_tab_content h2 { font-family: 'DIN Condensed'; font-size: 62px; text-transform: uppercase; } #eventsInfoTabby { text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; } .privateInfoTabby { text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; } .privateInfoTabby p { max-width: 850px; } .page-id-1234 div#tablist1-panel2 .privateInfoTabby img.alignright { display: none; float: right; margin-left: 15px; position: absolute; right: 0; bottom: 0; width: 836px; } .page-id-1234 div#tablist1-panel4 .privateInfoTabby img.alignright { width: 431px; bottom: -40px; right: -40px; position: absolute; display: none; } @media only screen and (max-width: 1680px) { .page-id-1234 div#tablist1-panel4 .privateInfoTabby img.alignright { display: none; } } @media only screen and (max-width: 1480px) { .page-id-1234 div#tablist1-panel2 .privateInfoTabby img.alignright { display: none; } } @media only screen and (max-width: 1075px) { #private-tabs .et_pb_row { max-width: 98%; width: 98%; } } @media only screen and (max-width: 1024px) { .et_pb_module.et_pb_tabs { position: relative; } } @media only screen and (max-width: 981px) { .et_pb_module.et_pb_tabs > ul li { font-size: 20px; line-height: 2.1; margin: 0 0.5% 0.5% 0; margin-right: 0.5%; text-align: center; flex-grow: 1; } } .responsive-tabs-wrapper { border-top: 0px !important; margin-top: 0px; } .et_pb_module.et_pb_tabs > ul li a { display: block; } ul.et_pb_tabs_controls:after { opacity: 0; } @media only screen and (max-width: 981px) { #private-tabs a#eventButton { display: block; } .et_pb_tab_content h2 { font-size: 38px; } } .et_pb_tab_content ul { margin-left: 10px; } #private-tabs .et_pb_tab_content .locBtn.vis { padding-top: 18px; } #private-tabs .et_pb_tab_content ul.pdMenu li:before { font-family: 'FontAwesome'; content: '\f0da'; margin: 0 10px 0 -15px; color: #931a29; list-style-type: none; font-weight: 300; } #private-tabs ul.pdMenu li { list-style: none; } #private-tabs ul.pdMenu li a { font-weight: 700; text-transform: uppercase; } .et_pb_all_tabs:after { content: ''; position: fixed; width: 170%; height: 170%; top: 0%; right: -44%; background-image: url(/wp-content/uploads/2019/09/GraniteCity_Brewery_fullBlack.png); z-index: 0; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: .02; transform: rotate(-24deg); pointer-events: none; filter: blur(5px); } /* .et_pb_tab .et_pb_tab_content img { display: none; }*/ #private-tabs .et_pb_tab.et_pb_tab_0 .et_pb_tab_content { margin: 0 auto; } #private-tabs h4 { padding-top: 60px; font-family: 'DIN Condensed'; font-size: 32px; text-transform: uppercase; } #private-tabs h4 + h6 { font-family: 'DIN Condensed'; font-size: 21px; text-transform: uppercase; padding-bottom: 40px; } @media only screen and (min-width: 1300px) { #private-tabs .et_pb_tab .et_pb_tab_content img { display: block; position: absolute; bottom: -33px; right: -25px; } #private-tabs .et_pb_tab_content { width: 69%; position: inherit; } } @media only screen and (min-width: 768px) and (max-width: 1300px) { #private-tabs .et_pb_tab_content .locBtn.vis { float: right; margin-top: -100px; } } /*#private-tabs .et_pb_tab.et_pb_tab_0:before { content: ''; background-image: url(/wp-content/uploads/2019/09/private-beer-burger-2.png); width: 674px; height: 582px; background-size: contain; display: block; z-index: 9999; position: absolute; bottom: -66px; right: -20px; visibility: visible; background-repeat: no-repeat; } #private-tabs .et_pb_tab.et_pb_tab_1:before { content: ''; background-image: url(/wp-content/uploads/2019/09/private-steak.png); width: 674px; height: 582px; background-size: contain; display: block; z-index: 9999; position: absolute; bottom: -56px; right: -20px; visibility: visible; background-repeat: no-repeat; }*/ @media only screen and (min-width: 768px) { .et_pb_tabs_controls li.et_pb_tab_active:after { content: ''; background-color: #fff; width: 100%; height: 10px; position: absolute; bottom: -7px; left: 0; } } @media only screen and (max-width: 736px) { ul.et_pb_tabs_controls { margin-bottom: 3px; border: none; display: flex; flex-wrap: wrap; } } #private-tabs .et_pb_tab.et_pb_tab_2 .et_pb_tab_content img { width: 831px; bottom: 0; right: 0; } #private-tabs .et_pb_tab.et_pb_tab_4 .et_pb_tab_content img { width: 431px; bottom: -40px; right: -40px; } /*Pages with Tabs*/ .et_pb_section:not(#private-tabs) .et_pb_all_tabs { background-color: rgba(255, 255, 255, 0.90); } .et_pb_tab_content a.button, .et_pb_tab_content input.btn.btn-default { background-color: #931a29; color: #FFF !important; padding: 15px 30px; text-align: center; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; text-transform: uppercase; display: inline-block; border-radius: 4px; } .et_pb_tab_content a.button:hover, .et_pb_tab_content input.btn.btn-default:hover { background-color: #801421; } .et_pb_module.et_pb_toggle h5.et_pb_toggle_title { font-family: 'Festivo LC Basic'; font-size: 32px; text-transform: uppercase; } .et_pb_tab_content .et_pb_module.et_pb_toggle { background-color: transparent; border-left: 0; border-right: 0; } .et_pb_toggle_close .et_pb_toggle_title:before { content: "\33"; } .et_pb_toggle_open .et_pb_toggle_title:before { content: "\32" !important; } .et_pb_tab_content .et_pb_module.et_pb_toggle { margin-bottom: -1px; } .et_pb_tab_content h3 { font-family: 'Archer Book'; color: #931a29; line-height: 1.4; } .et_pb_tab_content h4 { font-family: 'DIN Condensed'; font-size: 24px; text-transform: uppercase; } /*e club containers*/ .eClubContainer { max-width: 530px; margin: 0 auto; text-align: center; } .page-id-3962 h1, .page-id-4148 h1 { display: none; } .page-id-3962 #main-content, .page-id-4148 #main-content { background-color: transparent } /*e club fonts*/ .eClubContainer .eClubHead h2 { font-family: 'festivo_lcbasic'; font-size: 85px; margin-top: 0; line-height: 75px; color: rgb(0, 0, 0); } .eClubContainer .eClubHead h4 { padding: 0 0 10px; text-transform: uppercase; font-family: 'Archer Book'; font-weight: 300; font-size: 35px; color: rgb(147, 26, 41); padding-bottom: 20px; font-style: italic; margin-top: 0; color: rgb(0, 0, 0); } .eClubContainer .eClubHead p { font-family: museo-slab, serif; font-weight: 300; max-width: 440px; margin: 0 auto; color: rgb(0, 0, 0); } /*caldera styles for e club*/ .eClubContainer .caldera-grid .form-control { font-family: 'DIN Condensed'; background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid rgb(0, 0, 0); border-right: 0; border-left: 0; border-top: 0; border-radius: 0; text-transform: uppercase; font-size: 18px; color: rgb(0, 0, 0); box-shadow: none; } .eClubContainer .caldera-grid p, .caldera-grid .checkbox label, .caldera-grid .radio label { color: rgb(0, 0, 0); font-family: 'DIN Condensed'; text-transform: uppercase; } .eClubContainer .caldera-grid p { font-size: 23px; line-height: 13px; } .eClubContainer div#CF5b6880d8b8ac7_1-row-3, .eClubContainer div#CF5bc7935210da2_1-row-3 { margin-top: 45px; } .eClubForm .caldera-grid .btn, .eClubForm .caldera-grid .caldera-grid .btn-default[disabled] { text-align: center; float: none; margin: 25px auto; display: block; padding: 10px 20px; color: rgb(125, 34, 44); font-family: 'DIN Condensed'; font-size: 27px; border-radius: 10px; } .eClubForm .caldera-grid .has-error .help-block { color: rgb(255, 60, 87); } .eClubContainer .caldera-grid .form-control option { color: rgb(26, 24, 25); } .eClubContainer .caldera-grid .form-control::-webkit-input-placeholder { color: #000; } .eClubContainer .caldera-grid .form-control::-moz-placeholder { color: #000; } .eClubContainer .caldera-grid .form-control:-ms-input-placeholder { color: #000; } .eClubContainer .caldera-grid .form-control:-moz-placeholder { color: #000; } #punchhCodeMod { margin-bottom: 0; } .page-id-220684.iframe-header { display: none !important; } #punchhCodeMod.iframe-header { display: none !important; } /*E Club Redirect page styles*/ .eClubContainer.eClubRedirect .eClubHead h4 { line-height: 1.3; max-width: 600px; margin: 0 auto; } .eClubContainer.eClubRedirect .eClubHead h4 span { color: rgb(0, 0, 0); } .page-id-3969 .eClubFooter { margin-top: -100px; } .eClubContainer.eClubRedirect .eClubHead { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 500px; margin-bottom: 0; } .caldera-grid .form-control:focus { border-color: rgb(195, 57, 73) !important; outline: 0 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, 0.21) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, 0.14) !important; } .page-id-221066 #main-content { background-color: rgb(255 255 255 / 0%); } input#fld_847883_1 { background-color: rgb(125, 34, 44); /* border: 6px solid #dbc0a1; */ padding: 10px 20px; display: inline-block; font-family: 'DIN Condensed'; font-size: 24px; text-transform: uppercase; position: relative; text-align: center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; z-index: 10; color: #ffffff; } ul.noDot { margin-left: 0px; } ul.noDot li { list-style: none; } ol.et-main-area { margin-left: 20px; } ol.et-main-area li { margin-bottom: 20px; list-style-position: outside; } /* Mug Club Tab */ .page-id-5045 .et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_accordion_item_15.et_pb_toggle_close { display: none; } #mugClubFaqAccordionMod .et_pb_module.et_pb_toggle h5.et_pb_toggle_title { color: #7d222c; font-size: 33px; font-weight: 600; font-family: 'DIN Condensed'; } #mugClubFaqAccordionMod .et_pb_toggle_title:before { position: absolute; top: 50%; right: 0; margin-top: -.5em; color: #231f20; font-size: 25px; } #mugClubFaqAccordionMod .et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_accordion_item_15.et_pb_toggle_close { display: none; } /* Notice Page */ a.et_pb_button.et_pb_button_0.et_pb_bg_layout_light.my_gcfb { color: #ffffff; padding-top: 6px !important; margin-top: 25px; } a.et_pb_button.et_pb_button_0.et_pb_bg_layout_light.my_gcfb:hover { color: #7d222c !important; } /* Plugin Styles */ /* Popup Maker Styles */ .pum-theme-221285, .pum-theme-default-theme { background-color: rgb(0 0 0 / 0.75) !important; } .pum-theme-221285 .pum-container, .pum-theme-default-theme .pum-container { padding: 0px !important; } .pum-theme-221285 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close { color: #231f20 !important; font-weight: 700 !important; font-size: 30px !important; background-color: rgb(0 0 0 / 0.10) !important; font-family: 'Helvetica Neue LT Std' !important; } #popmake-222063 .pum-content .et_pb_section.et_pb_section_0.et_section_regular { background-image: url(/wp-content/uploads/2021/03/BrickWallMidDarkLtOverlay.jpg); } #popmake-222063 .caldera-grid label { font-weight: 700; font-family: 'DIN Condensed'; font-size: 25px; text-transform: uppercase; color: #ffffff; } .pum-theme-221285 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close { color: #ffffff !important; } input#fld_1681633_1 { font-size: 25px; padding: 10px 35px 10px 35px; margin-top: 35px; background-image: none; background-size: cover; background-color: #7d222c; color: #ffffff; font-family: 'DIN Condensed'; text-transform: uppercase; border: none; } /* Hustle Styles */ .hustle-ui.hustle-popup { z-index: 9999999 !important; } /* Responsive Styles */ @media only screen and (max-width: 1680px) { body.home .et_pb_slider .et_pb_slide_0:after { left: -15%; } body.home .et_pb_slider .et_pb_slide_1:after { left: -15%; } body.home .et_pb_slider .et_pb_slide_2:after { left: -15%; } #geoFooter:before { left: 10%; } #geoFooter:after { right: 10%; } .box { margin: 0px 0px 0px 5%; } .menuCategories li { padding: 0px 0px 0px 50px; width: 28%; min-width: 460px; } .mixSection:before { left: 65px; } .menuItem { max-width: 250px; min-width: 250px; } .menuImg { max-height: 250px; max-width: 250px; min-height: 250px; min-width: 250px; position: relative; z-index: 1; } .menuContent { font-size: 21px; position: relative; z-index: 0; min-height: 100px; } .menuContentWrap { position: absolute; margin: 0 auto; height: auto; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center; display: block; width: 100%; left: 0; right: 0; } .menuTitle { max-width: 90%; margin: 0 auto; } .menuDesc { font-size: 18px; top: 0px; } .menuExtra { font-size: 18px; top: 0; } .menuCalCount { font-size: 18px; top: 20%; } .showmore_content { max-height: 377px !important; } .wine_wrap .showmore_content { max-height: 125px !important; } .cocktails_wrap .showmore_content { max-height: 125px !important; } .showmore_content[style="max-height: none;"] { max-height: none !important; } .menuCategories .fa-file-alt:before { left: 50px; } } @media only screen and (max-width: 1600px) { .menuCategories li { padding: 0px 0px 0px 45px; min-width: 440px; } .drinks_wrap a { margin-left: 55px; } } @media only screen and (max-width: 1580px) { /*body.page-id-251 div#et-main-area #secondaryInfo, body.pod-location div#et-main-area #secondaryInfo { padding-left: 37%; }*/ .subBrandSection h1 { font-size: 12vw; line-height: 140px; } #lawlessBrunchSection h5 { font-size: 25px; max-width: 470px; } } @media only screen and (max-width: 1480px) { .beerTextMod { padding-right: 0%; padding-left: 0%; padding-top: 7%; } .menuCategories li { padding: 0px 0px 0px 55px; min-width: 460px; } .box-sub-heading { margin-left: 55px; } .box { margin: 0px 0px 0px 4%; } #beerListAccordionMod { margin-left: -5%; } .et_fullwidth_nav #main-header .container { padding-left: 2%; } .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation { padding: 30px 2% 0px 10px !important; } #et-secondary-menu { padding: 2px 2% 0px 0px !important; } #geoFooter:before { left: 0%; } #geoFooter:after { right: 0%; } .homeSlide .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 10% 0%; } .homeSlide.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev, .homeSlide.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next { font-size: 35px; right: 0px; opacity: 0; } .homeSlide.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev:hover, .homeSlide.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next:hover { opacity: 1; } .homeSlide.et-pb-arrow-next:before, .homeSlide.et-pb-arrow-prev:before { opacity: 0; } .homeSlide.et-pb-arrow-next:before:hover, .homeSlide.et-pb-arrow-prev:before:hover { opacity: 1; } body.home .et_pb_slider .et_pb_slide:after { left: -5%; } #et-secondary-nav .menu-item-has-children > a:first-child, #top-menu .menu-item-has-children > a:first-child { padding-right: 15px; } #left.column { padding: 50px 40px 40px 40px; } } @media only screen and (max-width: 1450px) { .menuItem { max-width: 200px; min-width: 200px; } .menuImg { max-height: 200px; max-width: 200px; min-height: 200px; min-width: 200px; } .showmore_content { max-height: 305px !important; } .showmore_content[style="max-height: none;"] { max-height: none !important; } .menuDesc { font-size: 16px; top: 0; padding: 5px 20px; } .menuExtra { font-size: 16px; top: 0; padding: 5px 20px; } .menuCalCount { font-size: 17px; top: 13%; padding: 5px 20px; } .menuContent { font-size: 18px; line-height: 1; padding: 15px 5px; } .menuCategories .fa-file-alt:before { left: 40px; } } @media only screen and (max-width: 1380px) { #logoTextGeoRow .et_pb_image img { width: 90px; height: 90px !important; min-width: 90px !important; } #logoTextGeoRow #footerTag h4 { font-size: 2vw; } #meetBrewersCarouselMod.dica_divi_carousel .dica_divi_carouselitem .dica-item-content h4 { padding-top: 20%; } #meetBrewersCarouselMod.dica_divi_carousel_0 .dica_divi_carouselitem .dica-item-content .content, .dica_divi_carousel_0 .dica_divi_carouselitem .dica-item-content .content p { line-height: 1.4; } #meetBrewersCarouselMod.dica_divi_carousel .dica_divi_carouselitem.dica_divi_carouselitem .dica-item-content h5 { font-weight: 700; } #brunchFavoritesColOne h3 { font-size: 8vw; } #creationStationsColTwo h3 { font-size: 8vw; } .menuItem { margin-bottom: 35px; } } @media only screen and (max-width: 1340px) { .logo_helper:after { display: none; } #logo { content: url(/wp-content/uploads/2019/05/gcfb-logo-circle.png) !important; } @-moz-document url-prefix() { #logo { content: url(/wp-content/uploads/2019/05/gcfb-logo-circle.png) !important; } } @supports (-moz-appearance:none) { #logo { content: url(/wp-content/uploads/2019/05/gcfb-logo-circle.png) !important; } } #main-header .container:before { left: -80%; } .homeSlide h1 { font-size: 7vw; padding-left: 15px; } /*.homeSlide p { font-size: 3vw; margin-top: 13px; }*/ .et_pb_section .et_pb_slider .et_pb_slide.et_pb_slide .et_pb_more_button.et_pb_button { font-size: 4vw !important; vertical-align: middle; } body.home .et_pb_section .et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_more_button.et_pb_button { right: -115%; bottom: 180px; } body.home .et_pb_slider .et_pb_slide:after { left: -0%; } } @media only screen and (max-width: 1300px) { .allBeerSection h2 { font-size: 4vw; } .beerTextMod h3 { font-size: 2vw; } #beerCol { max-width: 350px; margin-left: 1%; padding-left: 0px; } #beerCol:after { display: none; } #beerListAccordionMod .et_pb_toggle_open .et_pb_toggle_title, #beerListAccordionMod .et_pb_toggle_open h5.et_pb_toggle_title { font-size: 3vw; } #beerListAccordionMod .et_pb_toggle_close .et_pb_toggle_title, #beerListAccordionMod .et_pb_toggle_close h5.et_pb_toggle_title { font-size: 3vw; } #beerListAccordionMod li { font-size: 16px; line-height: 25px; } #signatureBeers.snapSection { padding-top: 0px; } .allBeerSection h2 { font-size: 45px; } .beerDescTextMod { padding-right: 0%; padding-left: 0%; padding-top: 9%; } .snapSection img { width: 75%; } .beerTextMod strong { font-size: 21px; line-height: 26px; } .et_pb_module.et_pb_toggle h5.et_pb_toggle_title { font-size: 27px; } } @media only screen and (max-width: 1280px) { #geoFooter h3 { font-size: 2vw; } .homeSlide p { font-size: 30px; } .subBrandSection h1 { font-size: 10vw; padding-top: 7%; line-height: 105px; max-width: 590px; } #lawlessBrunchSection h6 { font-size: 26px !important; margin-right: 10%; } .et_pb_column.et_pb_column_1_4.et_pb_column_inner.et_pb_column_inner.twoSlashColInner { width: 46% !important; margin-right: 4% !important; } .twoSlashCol p { line-height: 1.1; } .bh-sl-container .bh-sl-loc-list { margin-left: 0%; height: 77vh; margin-top: 122px; } .bh-sl-container .bh-sl-form-container { margin-left: 0%; } #mapSection { margin-top: -32px !important; } #availableTextMod h1:before { display: none; } #availableTextMod h1:after { display: none; } body.page-id-251 div#et-main-area #primaryInfo, body.pod-location div#et-main-area #primaryInfo { padding-left: 9%; } .menuCategories li { padding: 0px 0px 0px 75px; min-width: 490px; } .box-sub-heading { margin-left: 75px; } .drinks_wrap a { margin-left: 75px; } .box { margin: 0px 0px 0px 6%; } .menuCategories .fa-file-alt:before { left: 50px; } } @media only screen and (max-width: 1200px) { .menuCategories .fa-file-alt:before { left: 70px; } a.pdfLink { margin-left: 40px; } .box { width: 90%; margin: 0px 0px 0px 9%; } .menuCalCount { font-size: 17px; top: 10%; padding: 5px 20px; } } @media only screen and (max-width: 1180px) { body.page-id-251 div#et-main-area #primaryInfo, body.pod-location div#et-main-area #primaryInfo { padding-left: 9%; } } @media only screen and (max-width: 1141px) { #footerMenuRow { margin-top: -55px; } .menuContent { margin-top: -7px; min-height: 80px; } .menuItem { margin-bottom: 0 /*45px*/ ; } .showmore_content { max-height: 285px !important; } .siteFooter { padding-bottom: 17px; } .mixColOne { padding: 2% 1% 2% 1%; } .mixColTwo { padding: 2% 1% 2% 7%; } } @media only screen and (max-width: 1120px) { .menuItem { margin-bottom: 45px; } .menuCategories li { padding: 0px 0px 0px 85px; min-width: 492px; } .box-sub-heading { margin-left: 65px; } .box { margin: 0px 0px 0px 8%; } } @media only screen and (max-width: 1100px) { .menuItem { margin-bottom: 0 /*55px*/ ; } } @media only screen and (max-width: 1070px) { .menuItem { margin-bottom: 30px; margin-top: 35px; } } @media only screen and (max-width: 1080px) { .homeSlide h1 { border-left: 5px solid #ffffff; } a#location_hours_link { padding-right: 0px !important; padding-bottom: 5px !important; } body.page-id-251 div#et-main-area #secondaryInfo, body.pod-location div#et-main-area #secondaryInfo { padding-left: 25%; width: 100%; height: auto; margin-top: 130px; padding-bottom: 0px; min-width: 0px; display: flex; justify-content: center; align-items: center; flex-direction: column; background-size: cover; padding-right: 0% !important; min-height: 0px; } body.page-id-251 #locationHeader, body.pod-location #locationHeader { background-size: cover; background-position: center; height: 10%; min-height: 380px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } body.page-id-251 div#et-main-area #primaryInfo, body.pod-location div#et-main-area #primaryInfo { background-image: none; float: left; margin-top: 0%; padding-left: 10%; padding-top: 20px; padding-right: 10%; padding-bottom: 25px; background-position: top right; opacity: .9; min-height: 240px; display: flex; flex-direction: column; justify-content: center; min-width: 0px; width: 100%; position: absolute; top: 100px; } #primaryInfo span { margin-bottom: -34px; } body.page-id-251 div#et-main-area #primaryInfo, body.pod-location div#et-main-area #primaryInfo a { line-height: 0px; padding-top: 15px; } body.page-id-251 div#locationHeader h1, body.pod-location div#locationHeader h1 { color: #fff; font-family: din condensed; font-size: 45px; letter-spacing: 2px; max-width: 1080px; text-align: center; display: flex; justify-content: center; align-items: center; width: 100%; margin-right: 2%; margin-left: 2%; } body.page-id-251 div#locationHeader p, body.pod-location div#locationHeader p { color: #fff; font-family: archer book; font-size: 16px; font-weight: 500; max-width: 1080px; line-height: 1 !important; text-align: center; margin-right: 2%; margin-left: 2%; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } #doordash_container { margin-left: -100px; } #doordash_container img { width: 28%; height: auto; margin-bottom: -4px; margin-left: 11px; } #ez_cater_container { margin-left: 0px; } #ez_cater_container img { width: 23%; height: auto; margin-bottom: -4px; margin-left: 11px; } .subBrandSection h1 { font-size: 10vw; padding-top: 10%; line-height: 105px; max-width: 550px; } #meetBrewersCarouselMod.dica_divi_carousel .dica_divi_carouselitem .dica-item-content h4 { padding-top: 40%; } .twoSlashCol h5 { font-size: 25px !important; } .twoSlashCol p { font-size: 17px; padding-right: 15%; padding-left: 15%; padding-top: 0%; } #bloodyMaryExperienceColTwo h3 { font-size: 11vw; color: #ffffff; text-transform: uppercase; font-family: din condensed; padding-left: 0%; white-space: nowrap; margin-left: 0%; margin-top: 0%; padding-top: 2%; text-align: center; } .menuCategories li { padding: 0px 0px 0px 75px; min-width: 495px; } .box { width: 100%; margin: 0px 0px 0px 80px; } .drinks_wrap a { margin-left: 90px; } .menuCategories .fa-file-alt:before { left: 70px; } .mixSection:before { top: 10px; left: 95px; } .menuCategories li { padding: 0px 0px 0px 85px; min-width: 505px; } .box-sub-heading { margin-left: 85px; } } @media only screen and (max-width: 980px) { .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header { position: fixed; } .et_mobile_menu { overflow: scroll !important; max-height: 100vh; overflow-x: hidden !important; } .navbar { right: 0%; } .show { margin-left: -110px; } .ds-slide-section { top: 60%; } .homeSlide p { font-size: 22px; margin-top: 13px; line-height: 1.1; max-width: 285px; } .homeSlide sup { bottom: 0.4em; font-size: 10px; } #logo { max-height: 90% !important; margin-top: 0px !important; } #footerLogoRow .et_pb_image { width: 30%; } #main-header .container:before { width: 120%; } .orderLink { position: absolute; top: 12%; width: 100%; } .orderLink a { height: 50px; } .homeTileCol .et_pb_column .et_pb_row_inner, .et_pb_row { padding: 15px 0; } .homeTileCol .et_pb_blurb { padding-top: 300px !important; } #desktopLogoCol { display: none; } #logoTextGeoRow { display: flex; justify-content: center; } #geoFooter:before { left: 1%; } #geoFooter:after { right: 1%; } #footerSocialLogoRow ul.et_pb_module.et_pb_social_media_follow.et_pb_social_media_follow_0.clearfix.et_pb_bg_layout_light.et_pb_text_align_left { text-align: center; } #footerColOne { border-right: none; display: flex; justify-content: center; } .footerColTwo { margin-top: -50px; border-right: none; display: flex; justify-content: center; } #footerColTwo { border-right: none; display: flex; justify-content: center; } .et_pb_module.et_pb_image.et_pb_image_0 { text-align: center; } #footerSocialLogoRow { margin-top: -40px; } #footerSocialLogoRow img { width: 80%; margin-top: 0px; margin-bottom: 25px; } .homeSlide .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 15% 0%; } #logoTextGeoRow .et_pb_image img { width: 100%; } #logoTextGeoRow #footerTag h4 { font-size: 35px; } .countdownRow h3 { font-size: 5vw !important; padding-top: 0px; } .hoth-digit { font-size: 5vw !important; } .hoth-dash_title { font-size: 2vw !important; } .countdownCol { margin-bottom: 0px !important; } .countdownRow img.alignright { display: inline-block; float: none; margin-left: 7px; margin-top: -2px; width: 3%; position: absolute; left: 2%; bottom: -75%; } .countdownRow { padding-bottom: 0px !important; } #countdownCodeCol { margin-top: -2%; } .navbar { position: absolute !important; } .ds-slide-section .ds-slide-module h4.et_pb_module_header { bottom: 94px !important; } body.page-id-251 div#et-main-area #primaryInfo, body.pod-location div#et-main-area #primaryInfo { background-color: transparent; margin-top: 50px; padding-left: 5%; } body.page-id-251 div#et-main-area #secondaryInfo, body.pod-location div#et-main-area #secondaryInfo { background-color: #ffffff; position: absolute; top: 355px; margin-top: 0%; } #pe_container h1 { font-size: 45px; } #pe_container h2 { font-size: 23px; } #pe_container p { font-size: 15px; } #hours_menus_container h2 { font-size: 45px; } li.hoursTitle { font-size: 22px; } .hoursTitle ul.noDot li { list-style: none; line-height: 1.4; } #lawlessBrunchSection .et_pb_module.et_pb_slider.et_pb_slider.et_pb_slider_fullwidth_off.et_pb_slider_no_pagination.et_pb_bg_layout_dark { margin-left: 0%; } #brunchColOne { margin-bottom: 0px; } .subBrandSection h1 { font-size: 16vw; padding-top: 4%; line-height: 125px; max-width: 710px; padding-left: 16% !important; } #lawlessBrunchSection h5 { padding-left: 16% !important; padding-bottom: 5%; } #lawlessBrunchSection h6 { margin-right: -50%; margin-top: -40%; } .subBrandSection .et_pb_slide_image img { max-width: 100%; } .dropdown:after { position: absolute; content: ""; width: 120%; bottom: 0px; right: 0px; z-index: -1; background-image: url(/wp-content/uploads/2019/10/WhiteAngleRevFlip.png); height: 100%; background-repeat: no-repeat; background-position: bottom left; } #stickybar { position: fixed !important; display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; top: 107px !important; z-index: 10 !important; } #beerListAccordionMod li { display: inline !important; padding-right: 19px !important; white-space: nowrap; } #stickybar:after { display: none !important; } #beerListAccordionMod .et_pb_toggle_open .et_pb_toggle_title, #beerListAccordionMod .et_pb_toggle_open h5.et_pb_toggle_title { font-size: 34px !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; } #beerListAccordionMod .et_pb_toggle_close .et_pb_toggle_title, #beerListAccordionMod .et_pb_toggle_close h5.et_pb_toggle_title { font-size: 34px; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; } #beerListAccordionMod.et_pb_accordion_0 .et_pb_toggle_title:before { right: 0px !important; display: flex; justify-content: center; align-items: center; } #beerListAccordionMod { padding-left: 0%; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; z-index: 9999; background-color: #7d222c; position: absolute; top: 1px; } #beerCol { max-width: none; } #beerListAccordionMod .et_pb_accordion_item.et_pb_toggle.et_pb_toggle_open, #beerListAccordionMod .et_pb_accordion_item.et_pb_toggle.et_pb_toggle_closed { margin-bottom: 0px !important; padding-bottom: 10px; display: flex; justify-content: center; align-items: center; flex-direction: column; } #signatureBeers.snapSection { padding-top: 470px !important; margin-bottom: -135px; } .et_pb_image .et_pb_image_wrap { display: flex; justify-content: center; align-items: center; } .snapSection img { width: 20%; padding-top: 170px; text-align: center; display: flex; justify-content: center; align-items: center; } .beerTextMod .et_pb_text_inner { display: flex; justify-content: center; align-items: center; flex-direction: column; } .beerTextMod { padding-top: 0%; padding-right: 8%; padding-left: 8%; } .beerTextMod p { padding-right: 0; max-width: 580px; padding-bottom: 4px; } .allBeerSection h2 { font-size: 42px; padding-bottom: 3px; } .beerTextMod h3 { font-size: 25px !important; padding-bottom: 5px; } .allBeerSection h2 { font-size: 40px; padding-bottom: 3px; margin-top: -12px; } .et_pb_toggle_close:last-of-type { margin-top: -23px; } .additionalInfoToggleMod.et_pb_toggle_item.et_pb_text_align_left.et_pb_toggle_close, .additionalInfoToggleMod.et_pb_toggle_item.et_pb_text_align_left.et_pb_toggle_open { max-width: none; display: inline-block; } #broadAxe.snapSection { padding-top: 120px !important; margin-top: -120px; } #blueEyedBrunette.snapSection, #goldFever.snapSection { padding-top: 190px !important; margin-top: -190px !important; } #ukulele.snapSection, #brewnado.snapSection, #smash.snapSection, #springBoard.snapSection, #batch2000.snapSection, #burningBarn.snapSection, #theHustle.snapSection, #wicked.snapSection, #bumpInTheNight.snapSection, #oktoberfest.snapSection, #zugZwang.snapSection { padding-top: 190px !important; margin-top: -190px !important; } #meetBrewersCarouselMod.dica_divi_carousel .dica_divi_carouselitem .dica-item-content h4 { padding-top: 10%; } .page-id-4305 .et_pb_button { min-width: 340px; } .page-id-4305 .et_pb_button:hover { min-width: 340px !important; } #brunchFavoritesColOne h3 { font-size: 11vw; text-align: center; } #creationStationsColTwo h3 { font-size: 11vw; text-align: center; margin-right: 0px !important; padding-left: 0%; margin-left: 0px; margin-top: -30px; } #infiniteMimosaColOne h3 { font-size: 11vw; padding-left: 0%; text-align: center; } #geoFooter h3 { font-size: 4vw; } .bh-sl-container .bh-sl-form-container { width: 100%; max-width: 2560px; } .bh-sl-container .bh-sl-form-input { float: none; margin-top: 3px; width: 100%; max-width: 2560px; display: flex; justify-content: center; align-items: center; } .bh-sl-container .bh-sl-form-input label { display: flex; justify-content: center; align-items: center; } .bh-sl-container .bh-sl-form-container { display: flex; justify-content: center; align-items: center; } .bh-sl-container .bh-sl-form-input .bh-sl-form-input-group { width: 100%; margin-right: 0%; } .bh-sl-container .bh-sl-form-input input, .bh-sl-container .bh-sl-form-input select { clear: both; float: none; margin: 15px 0; padding: 6px 12px; width: 100%; margin-left: 0px; display: flex; min-width: 300px; width: auto; justify-content: center; align-items: center; } .bh-sl-container button { float: none; margin-top: 3px; padding: 6px 12px; border: none; border-radius: 0px; margin-bottom: 10px; width: 100%; display: flex; justify-content: center; align-items: center; max-width: 300px; margin-left: 0px; } .bh-sl-container .bh-sl-loc-list { margin-top: 112px; width: 100%; } .bh-sl-container .bh-sl-loc-list ul li { display: flex; justify-content: center; align-items: center; } .bh-sl-container .bh-sl-loc-list .list-details .list-content { display: flex; justify-content: center; align-items: center; flex-direction: column; } #bh-sl-map-container > div.bh-sl-loc-list > ul > li:nth-child(25) { padding-bottom: 50px; } .loc-addr { max-width: 160px; text-align: center; } .et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_more_button.et_pb_button { bottom: 20px !important; } #availableTextMod h1 { font-size: 25px; } .lpTextMod h2 { font-size: 45px !important; } #startEarningTextMod h2 { margin-bottom: -65px; } .lpTextMod p { font-size: 20px; } .rewardWorksSection img { max-width: 60%; } #reservationSection { min-height: 550px; } /* 980px Styles for Location Page Menu */ .top-left h3 { font-size: 40px !important; margin-bottom: 0px; position: absolute; top: 15px; left: 40%; right: 40%; } #left.column { width: 100%; height: auto; display: flex; justify-content: center; flex-direction: row; padding: 67px 10px 10px 10px; z-index: 11; } #left.column .bottom { overflow-y: visible; } #left.column .bottom ul { display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; overflow-y: scroll; max-height: 350px; display: block; } #left.column.bottom ul li { font-family: din condensed; font-size: 23px; text-transform: uppercase; color: #7d222c; line-height: .9; margin-left: 10px; letter-spacing: 1px; margin-bottom: 10px; display: inline-flex; } body.page-id-251 #locationHeader, body.pod-location #locationHeader { margin-top: 60px; } #right.column { width: 100%; margin-left: 0%; } body.page-id-251 div#et-main-area #secondaryInfo, body.pod-location div#et-main-area #secondaryInfo { background-color: transparent; position: absolute; top: 352px; margin-top: 0%; padding-left: 0; left: -3%; } .mixSection .box { margin: 0px 0px 0px 5px; display: flex; flex-direction: column; } .box { margin: 0px 0px 0px 5px; } .menuCategories li { padding-top: 171px; margin-top: -171px; margin-left: -515px !important; font-size: 33px !important } .menuCategories li:before { content: url(/wp-content/uploads/2021/02/MaroonButtonBgCropSmall.png); position: relative; top: 13px; left: 315px; z-index: -1; } .drinks_wrap a { margin-left: 15px; } .mixColOne { padding: 2% 1% 2% 0%; border-right: none; border-bottom: 3px dotted #dbc0a1; margin-right: 1%; margin-left: 1%; } .top-right ul li { margin-bottom: 30px; } .menuCategories .fa-file-alt:before { left: 25px; } .mixSection:before { top: 15px; left: 25px; } .box { width: 100%; } .bottom ul li { font-size: 31px; line-height: 1.3; } .box-sub-heading { margin-left: 20px; padding-bottom: 0px; } .menuItem { margin-bottom: 20px; margin-top: 20px; } #location_hours { display: flex !important; flex-direction: column !important; } #hours_menus_container { display: flex !important; } #location_printable_menus { display: block; justify-content: space-around; } #location_printable_menus ul.noDot { display: flex; justify-content: space-around; vertical-align: middle; flex-direction: column; } } /* End 980px Styles for Location Page Menu */ @media only screen and (max-width: 880px) { /*.et_pb_section.et_pb_section_5.siteFooter.et_pb_with_background.et_section_regular { margin-top: -45%; padding-top: 45%; }*/ } @media only screen and (max-width: 800px) { .orderLink { top: 90px; } .et_mobile_menu { padding-top: 35%; } .et_pb_button { right: 1%; } } @media only screen and (max-width: 767px) { /*.homeSlide .et_pb_slide_1 .et_parallax_bg { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center !important; background-size: cover; background-image: url(/wp-content/uploads/2020/04/UkuleleMobile.jpg) !important; }*/ .homeSlide .et_pb_slide_1 .et_pb_button { font-size: 4vw !important; } .et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_more_button.et_pb_button { bottom: 0px !important; right: 0px !important; } .homeSlide .et_pb_slide_with_image .et_pb_slide_description { width: 100%; } .ds-slide-section .ds-slide-module h4.et_pb_module_header { bottom: 188px !important; padding-top: 14px !important; } .ds-slide-section { top: 75%; } .ds-slide-section .ds-slide-module h4.et_pb_module_header { right: 50% !important; min-width: 2560px; } #footer-info { margin-top: -80px; } .siteFooter { padding-top: 15px !important; padding-bottom: 85px !important; margin-bottom: 24px !important; } .dica-container .swiper-button-next { margin-right: -25px; } .dica-container .swiper-button-prev { margin-left: -25px; } #meetBrewersCarouselMod.dica_divi_carousel .dica_divi_carouselitem .dica-item-content h4 { padding-top: 2%; } #reservationSection { min-height: 650px; } .homeSlide .et_pb_slide { padding: 3% 3%; } } @media only screen and (max-width: 680px) { .homeSlide p { max-width: 150px; font-size: 18px; } body.home .et_pb_slider .et_pb_slide:after { left: 0%; } .homeSlide .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 25% 0%; } /*.et_pb_section.et_pb_section_5.siteFooter.et_pb_with_background.et_section_regular { margin-top: -50%; padding-top: 60%; }*/ .et_mobile_menu { padding-top: 25%; } body.home .et_pb_slider .et_pb_slide_0:after { left: 0%; width: 105%; } body.home .et_pb_slider .et_pb_slide_1:after { left: 0%; width: 105%; } body.home .et_pb_slider .et_pb_slide_2:after { left: 0%; width: 105%; } #logoTextGeoRow #footerTag h4 { line-height: 1.2; } .lawlessHeaderSection h1 { font-size: 6vw; margin-top: -10px; margin-bottom: -20px; } #covidBanner h3 { font-size: 17px; } } @media only screen and (max-width: 641px) { /*.box { margin: 0px 0px 0px 18%; }*/ .menuCategories .fa-file-alt:before { left: 25px; } } @media only screen and (max-width: 580px) { #geoFooter:before { left: 0%; opacity: .1; } #geoFooter:after { right: 0%; opacity: .1; } /*.et_pb_section.et_pb_section_5.siteFooter.et_pb_with_background.et_section_regular { margin-top: -60%; padding-top: 70%; }*/ body.home.et_pb_slider .et_pb_slide_2 .et_parallax_bg { background-position: top right; } body.home.et_mobile_device .et_pb_section_parallax .et_pb_parallax_css, .et_mobile_device .et_pb_slider_parallax .et_pb_slide, .et_mobile_device .et_pb_slides .et_parallax_bg.et_pb_parallax_css { background-position: top right; } .et_mobile_menu { padding-top: 50%; } .ds-slide-section { top: 75%; } #bh-sl-map-container > div.bh-sl-loc-list > ul > li:nth-child(25) { padding-bottom: 100px; } .homeSlide sup { bottom: 0.4em; font-size: 9px; } #availableTextMod h1 { font-size: 20px; } .lpTextMod h2 { font-size: 30px !important; } .lpTextMod p { font-size: 16px; } .menuCategories .fa-file-alt:before { left: 30px; } .box { margin: 0px 0px 0px 4%; } .menuItem { max-width: 150px; min-width: 150px; } .menuImg { max-height: 150px; max-width: 150px; min-height: 150px; min-width: 150px; } .menuContent { font-size: 15px; line-height: 1.1; min-height: 80px; max-height: 80px; } .menuDesc { font-size: 13px; top: -20px; padding: 0px 15px; } .wine_wrap .menuDesc { top: 0px; } .cocktails_wrap .menuDesc { top: 0px; } .menuExtra { font-size: 13px; top: 0; padding: 0px 15px; } .menuCalCount { font-size: 14px; top: 7%; padding: 0px 15px; } .showmore_content { max-height: 260px !important; } .showmore_content[style="max-height: none;"] { max-height: none !important; } } @media only screen and (max-width: 508px) { .top-left h3 { left: 35%; } .box { margin: 0px 0px 0px 2%; } } @media only screen and (max-width: 480px) { body.home .et_pb_slider .et_pb_slide:after { left: 0%; } #footerTag h4 { font-size: 7vw; } /*body.page-id-251 div#et-main-area #secondaryInfo, body.pod-location div#et-main-area #secondaryInfo { top: 379px; }*/ .responsive-tabs .responsive-tabs__panel h2 { font-size: 9vw; } .responsive-tabs .responsive-tabs__panel h3 { line-height: 1.2; } h3 { font-size: 20px; } #mugClubFaqAccordionMod .et_pb_module.et_pb_toggle h5.et_pb_toggle_title { font-size: 4vw; font-weight: 500; } .box { margin: 0 /*0px 0px 0px 4%*/ ; } } @media only screen and (max-width: 479px) { .countdownRow h3 { font-size: 5vw !important; padding-top: 10px; line-height: 3px; } .hoth-dash { width: 12%; } #logoTextGeoRow { padding-top: 17px !important; } .et_pb_toggle_open, .et_pb_toggle_close { padding: 9px; } .page-id-4305 .et_pb_button { min-width: 250px; } .bh-sl-container .bh-sl-loc-list .list-details .list-content { margin-left: -90px; } .show { margin-left: -125px; } } @media only screen and (max-width: 438px) { .menuCategories .fa-file-alt:before { left: 30px; } .mixSection:before { top: 10px; } } @media only screen and (max-width: 380px) { .et_mobile_menu { padding-top: 45%; } #geoFooter:before { left: -10%; } #geoFooter:after { right: -10%; } /*.et_pb_section.et_pb_section_5.siteFooter.et_pb_with_background.et_section_regular { margin-top: -95%; padding-top: 90%; } */ .homeSlide p { max-width: 100px; font-size: 15px; } #OT_searchWrapperAll { margin-left: -80px !important; } .ds-slide-section { top: 72%; } .box { margin: 0px 0px 0px 9%; } } @media only screen and (max-width: 375px) { .top-left h3 { left: 30%; } .menuCategories .fa-file-alt:before { left: 5px; } } @media only screen and (max-width: 350px) { .box { margin: 0px 0px 0px 4%; } } /* Open Table Reservation slide out form/widget */ #OT_searchWrapper select#OT_partySizeSelect, #OT_searchWrapper select#OT_timeSelect { padding: 4px !important; height: 30px !important; width: 100px !important; font-size: 12px !important; top: 45px !important; } #OT_partySize { top: 45px !important; } #OT_searchWrapper select#OT_timeSelect { width: 100px !important; height: 30px !important; } #OT_searchWrapper #OT_timeLbl { width: 45px !important; } #OT_searchWrapper #OT_time { left: 265px !important; } #OT_searchWrapperAll a { font-family: 'DIN Condensed'; font-size: 20px; } .my_gcfb { color: #fff; } .my_gcfb:hover { color: #7d222c; } /* Punchh iFrame Styles */ /*#punchhCodeSection { height: 80vh !important; } #punchhCodeMod { height: 80vh !important; }*/ /* Get Quote Form Page */ .page-id-221066.main_title h1 { font-size: 50px !important; font-family: 'Festivo LC Basic'; font-weight: 500; color: #7d222c; text-align: center; text-transform: uppercase; } /*Catering Landing Page*/ #cateringLocations .twoSlashCol h5 { text-transform: uppercase; font-size: 36px !important; } .bigBullets ul li { font-size: 2.5vw; line-height: 1.4; font-family: 'Festivo LC Basic'; font-weight: 500; color: #7d222c; text-align: left; text-transform: uppercase; list-style: none; letter-spacing: -1px; } .bigBullets ul li:before { content: '•'; display: inline-block; vertical-align: text-bottom; margin-right: 10px; color: #dbc0a1; } .cateringServices .lpTextMod h2 { font-size: 62px !important; letter-spacing: -1px; } #cateringLocations .twoSlashCol h5 + p { padding-bottom: 10px; } #cateringLocations .twoSlashCol p { font-size: 21px; } .cateringServices { display: flex; } .cateringServices:nth-child(odd) .et_pb_column_2_5 { margin-right: 5.5%; } .cateringServices:nth-child(even) .et_pb_column_2_5 { margin-left: 5.5%; } #cateringButtons .et_pb_button { font-family: 'Festivo LC Basic'; font-weight: 500; font-size: 64px; line-height: 1.1 !important; color: #dbc0a1 !important; padding: 0 0 14px 0 !important; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } #cateringButtons .et_pb_button:hover { color: #fff !important; } #cateringLocations .twoSlashCol h5 + p + p a { color: #000; } @media only screen and (max-width: 1400px) { .bigBullets ul li { font-size: 3.5vw; } .bigBullets ul { padding-bottom: 0; } .bigBullets .et_pb_column { margin-bottom: 0; } } @media only screen and (max-width: 981px) { .bigBullets ul li { font-size: 4.5vw; } .bigBullets ul { padding-bottom: 0; width: 51vw; margin: 0 auto; } .bigBullets .et_pb_text_inner { display: flex; } } @media only screen and (max-width: 860px) { .cateringServices { flex-direction: column; } .cateringServices:nth-child(odd) { flex-direction: column-reverse; } .cateringServices:nth-child(odd) .et_pb_column_2_5 { margin-right: 0; margin-bottom: 0; } .cateringServices:nth-child(even) .et_pb_column_2_5 { margin-left: 0; } .cateringServices img { object-fit: cover; width: 100%; margin-top: 24px; } .cateringServices .et_pb_column.et_pb_column_3_5 { margin-bottom: 0; } } @media only screen and (max-width: 768px) { .bigBullets ul { width: 61vw; } .bigBullets ul li { font-size: 5.5vw; } } @media only screen and (max-width: 480px) { .bigBullets ul { width: 99vw; } .bigBullets ul li { font-size: 7.5vw; } #cateringButtons .et_pb_button { font-size: 10vw; } #cateringLocations .twoSlashCol p span { display: block; } .cateringServices .lpTextMod h2 { font-size: 42px !important; } } /*Rewards Landing Page*/ .rewardsHeader .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content { width: 100%; max-width: 2560px; } .rewardsHeader h1 { font-size: 100px !important; font-family: 'Festivo LC Basic'; font-weight: 500; color: #ffffff; text-align: center; text-transform: uppercase; margin-top: -60px; } .rewardsHeader .et_pb_fullwidth_header_subhead { color: #ffffff; text-align: center; font-family: archer book; font-size: 30px; font-weight: 500; line-height: 1.3; } .rewardsHeader .et_pb_button { font-family: 'Festivo LC Basic'; font-weight: 500; font-size: 45px; line-height: 1.1 !important; color: #dbc0a1 !important; border: none; border-radius: 0; margin-right: 35px !important; margin-top: 35px !important; padding: 0.3em 1em !important; } .rewardsHeader .et_pb_button:hover { color: #fff !important; background-color: #7d222c; padding: 0.3em 1em !important; border: none; padding-top: 0px; } .rewardsHeader .et_pb_button:after { display: none; } .rewardNote p { font-size: 14px; } .rewardWorksSection h2 { color: #231f20; font-family: 'Festivo LC Basic'; font-weight: 500; text-align: left; text-transform: uppercase; font-size: 75px !important; line-height: 1.1; } .rewardWorksSection span { color: #7d222c; } .rewardsFaqSection .et_pb_toggle.et_pb_toggle_close { border-bottom: 4px solid #231f20 !important; padding-bottom: 50px; padding-top: 25px; } .rewardsFaqSection .et_pb_toggle.et_pb_toggle_open { border-bottom: 4px solid #231f20 !important; padding-bottom: 50px; padding-top: 25px; } .rewardsFaqSection .et_pb_module.et_pb_toggle h5.et_pb_toggle_title { margin-left: 65px; } .rewardsFaqSection .et_pb_toggle_content p { color: #231f20; font-family: archer book; font-size: 18px; font-weight: 600; line-height: 1.3; margin-left: 60px; } .rewardsFaqSection .et_pb_toggle_close .et_pb_toggle_title:before { content: "\50"; font-size: 60px; left: 0 !important; right: auto; margin-left: -75px; } .rewardsFaqSection .et_pb_toggle_open .et_pb_toggle_title:before { content: "\4f" !important; font-size: 60px; left: 0 !important; right: auto; margin-left: -75px; } .rewardIconImageMod img { min-width: 350px !important; } #downloadImageMod img { min-width: 560px !important; } #redeemImageMod img { max-width: 230px !important; } #earnImageMod img { max-width: 360px !important; } @media only screen and (max-width: 1180px) { .rewardIconImageMod img { min-width: 250px !important; max-width: 250px !important; } .howItWorksTextMod { padding-left: 5%; } #referTextMod.lpTextMod p { color: #231f20; text-align: center; font-family: archer book; font-size: 24px; font-weight: 600; line-height: 1.3; padding-right: 5%; padding-left: 5%; } .rewardWorksSection h2 { font-size: 60px !important; } } @media only screen and (max-width: 980px) { #downloadImageMod img { min-width: 400px !important; } #redeemImageMod img { max-width: 170px !important; } #earnImageMod img { max-width: 270px !important; } .rewardIconImageMod img { min-width: 200px !important; max-width: 200px !important; } .rewardWorksSection h2 { font-size: 55px !important; } .HowAppBtns { display: none; } .DownloadAppBtns { display: flex; justify-content: center; } } @media only screen and (max-width: 860px) { .rewardIconImageMod img { min-width: 350px !important; max-width: 350px !important; } #downloadImageMod img { max-width: 500px !important; min-width: 500px !important; } #redeemImageMod img { max-width: 225px !important; } #earnImageMod img { max-width: 360px !important; } #earnImageMod img { max-width: 255px !important; } } @media only screen and (max-width: 768px) { .rewardsHeader h1 { font-size: 15vw !important; } } @media only screen and (max-width: 680px) { #downloadImageMod img { max-width: 350px !important; min-width: 350px !important; } #redeemImageMod img { max-width: 160px !important; } } @media only screen and (max-width: 580px) { .rewardsHeader .et_pb_button { font-size: 10vw; } #reservationSection { min-height: 630px; overflow: hidden; } #reservationSection h1 { font-size: 40px !important; } } /* New Menu on Locations pages - Drinks menu sub-headings */ .box-sub-heading { flex: unset; width: 100%; } /* Location Detail Book Event Form - make datepicker visibile */ body.single-location .cfdatepicker.dropdown-menu { z-index: 9999999999 !important; } @media (max-width: 1400px) and (min-width: 980px) { div#hours_menus_container h2 { font-size: 2.7vw; } div#hours { margin-left: 20px; } #location_printable_menus ul.noDot { margin-left: auto; } } @media (max-width: 1161px) and (min-width: 980px) { div#hours { margin-left: 40px; } div#location_printable_menus { flex-direction: column; } div#location_printable_menus ul.noDot { margin-top: 0px; } div#location_printable_menus h2, div#location_printable_menus ul.noDot { width: 100%; } div#location_printable_menus h2 { text-align: left; } li.hoursTitle { font-size: 20px; } div#location_hours > ul li:last-child { font-size: 12px; } }