/* Theme Name: Fuel Theme URI: http://fuelmedical.com/ Author: Fuel Medical Author URI: http://fuelmedical.com/ Description: Base theme for all fuel medical development projects Version: 3.0 Text Domain: fuel Tags: fuel */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Base Elements # Structure # Forms ## Image Captcha # Spacing # Fonts # Colors # Header # Content ## Home ## Secondary # Sidebar # Footer # Blog # Comments # Shortcodes # Responsive ## Menu - Small Screen ## Menu - Large Screen # Print --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ *,*:before,*:after{-ms-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}html{-ms-box-sizing:border-box;box-sizing:border-box;font-family:sans-serif;font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.5;overflow:auto}body,table,tbody,thead,tr,th,td,iframe,div,section,article,aside,header,footer,main,menu,nav,h1,h2,h3,h4,h5,h6,hr,form,fieldset,legend,button,input,select,optgroup,option,textarea,ul,ol,li,dl,dt,dd,blockquote,p,details,summary,pre,figure,img,audio,canvas,video,object,embed,span,a,strong,b,em,i,u,s,cite,abbr,sub,sup,mark,del,ins,code,kbd,samp,var{vertical-align:top;margin:0;border:0;padding:0;font-family:inherit;font-size:1em;line-height:inherit;text-transform:none;color:inherit;background:none;overflow:visible;outline:none}iframe,div,section,article,aside,header,footer,main,menu,nav,h1,h2,h3,h4,h5,h6,hr,form,fieldset,legend,ul,ol,dl,dt,dd,blockquote,p,details,summary,pre,figure,figcaption{display:block}img,audio,canvas,video,object,embed{display:inline-block}audio:not([controls]){display:none;height:0}svg:not(:root){overflow:hidden}[hidden],template{display:none}textarea{overflow:auto;resize:vertical}button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}a:focus{outline:dotted thin}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}html{-webkit-overflow-scrolling:touch;}body{position:relative;min-height:100%} /*-------------------------------------------------------------- # Base Responsive --------------------------------------------------------------*/ iframe,img,audio,canvas,video,object,embed{vertical-align:middle;max-width:100%} img{height:auto} table{border-collapse:separate;border-spacing:0} a{text-decoration:none;-webkit-transition:all 300ms ease;transition:all 300ms ease} ul{list-style:disc} abbr[title]{border-bottom:1px dotted} .button{display:inline-block;vertical-align:middle;border-radius:0.25em;padding:0.5em 1em;font-size:1em;font-weight:bold;line-height:normal;text-align:center;text-decoration:none;cursor:pointer;-webkit-transition:all 300ms;transition:all 300ms} /*-------------------------------------------------------------- # Structure --------------------------------------------------------------*/ .breakpoint{display:none;position:relative;z-index:0} .clear,.contain{/* zoom:1 */} .clear:after,.contain:after{content:'';display:block;visibility:hidden;clear:both;height:0;} .alignleft,.alignright,.aligncenter,.wp-post-image{display:block;clear:both} .wp-caption{margin:0 0 1.5em 0;max-width:100%} .wp-caption img[class*="wp-image-"]{display:block;margin:0 auto} .wp-caption-text{text-align:center} .wp-caption .wp-caption-text{margin:0.8075em 0} .screen-reader-text{position:absolute;top:auto;left:-10000em;height:1px;width:1px;overflow:hidden} .contain{position:relative;} #wrapper,#wrapper>*{width:100%;} #wrapper { overflow: hidden; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline;} button, input[type="button"], input[type="reset"], input[type="submit"] {background: #000; color: #fff; text-transform: uppercase; line-height: 2.25em; border: none; border-radius: 2px; box-sizing: border-box; display: block; max-width: 18.75em; margin: 0 auto;transition:all 300ms;} button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background: #333;} button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); outline: none;} input[type="checkbox"], input[type="radio"] {padding: 0; width: 1em;height: 1em;} input[type="search"] {-webkit-appearance: textfield; box-sizing: content-box;} input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ } input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], select,textarea {color: #888; border: none; border-bottom: 1px solid #ccc; background: none; width: 100%; line-height: 1.5em;} input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], select {height: 30px;} input[type="file"] {width: 100%;} input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus {outline: none; color: #0068B3;} input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], select { padding: 3px; } textarea {padding-left: 3px; vertical-align: top; width: 100%;} .wpcf7 {box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); font-size: 16px; font-weight: 400; overflow: hidden; z-index: 1; position: relative; background: #fff; border-radius: 2px; box-sizing: border-box; min-width: 260px;} .formItem {margin:15px 0; position: relative; padding: 0.8em 1.1em 0 1.1em; box-sizing: border-box;} .formItem .wpcf7-form-control-wrap {display: block;} .formItem input {width: 100%;} .formItem textarea {min-height:30px; overflow: hidden;} .wpcf7-not-valid {border-bottom: 1px solid red !important;} input.error {border: 1px solid red; } label.error {font-size:12px; text-align:left; } .wpcf7-form-control-wrap:before {background: #0068B3; bottom: 0; content: ''; height: 2px; left: 45%; position: absolute; transition-duration: .2s; transition-timing-function: cubic-bezier(.4,0,.2,1); visibility: hidden; width: 10px;} .in_focus:before {left: 0; visibility: visible; width: 100%} .fm_invalid .wpcf7-form-control-wrap:before{bottom:20px; display:none;} div.wpcf7-validation-errors {border: none; border-top: 1px solid #D5D5D5; margin: 0; padding: 20px; color: red;} span.wpcf7-not-valid-tip {font-size: 0.9em;} label.float_label {position: absolute;top: 20px;color: #a9a9bb;padding-left: 3px;transition-duration: .2s;transition-timing-function: cubic-bezier(.4,0,.2,1);} .is_set label.float_label {top:0;font-size: 0.7em;color: #0068B3;} .error404 .search-form, .search .search-form {margin: 2em 0;} .error404 .search-field, .error404 select, .search .search-field, .search select {max-width: 300px; border: 1px solid #ccc; padding: 0.1em 0.5em;} .error404 .search-submit, .search .search-submit {padding: 0 2em;line-height: 1.8;display: inline-block;margin: 0.5em 0;} /*-------------------------------------------------------------- ## Image Captcha --------------------------------------------------------------*/ .captcha-image { display: block; padding: 0 0.4em; text-align: center; color: #4a4a4a; margin: 0 1.25em; } .captcha-image .cf7ic_instructions{display:block;margin-bottom:0} .captcha-image .cf7ic_instructions span{font-weight:bold} .captcha-image i{padding:0.4em;font-size:2.25em;-webkit-transition: all 0.4s linear;transition:all 0.4s linear} .captcha-image label{display:inline-block} .icon-fallback,.captcha-image label>input{position:absolute;width:0;height:0;visibility:hidden} .captcha-image label>input+i{cursor:pointer;border:2px solid transparent;} .captcha-image label>input:checked+i{color:#6B7826} .captcha-image i:hover { color: #6B7826; } .kc_captcha .wpcf7-not-valid .captcha-image{border: 1px solid red !important} .kc_captcha span.wpcf7-not-valid-tip{padding: 0 1.25em;display:inline-block;margin-top:-1.25em} /*-------------------------------------------------------------- # Spacing --------------------------------------------------------------*/ table{margin:0 0 1.5em 0;width:100%} iframe{margin:0 auto 1.5em auto} pre,dl,figure{margin:0 0 1.5em 0} hr{margin:0 0 1.5em 0;border-top:1px solid} h1,h2,h3,h4,h5,h6{margin: 1em 0 0.5em 0} p{margin: 0 0 1em 0} ul,ol{margin:0 0 1.5em 2.5em} li>ul,li>ol{margin:0 0 0 1.5em} li{margin:0 0 0.5em 0} blockquote,figcaption{margin:0 0 1.5em 0} dd{margin:0 1.5em 1.5em} input,select{max-width:100%} .happy-hour-hours { text-align: left; margin-bottom: 30px; font-size: 1em; } .included { margin-bottom: 30px; margin-top: -30px; font-size: 1em; } .menu-notes { font-size: .8em; font-style: italic; margin: 2em 0 2em 0; } .menu-notes li { list-style: none; } .hentry{margin:0 0 1.5em 0} .sticky{display:block} .page-links{margin:0 0 1.5em} .alignleft,.alignright,.aligncenter,.wp-post-image{margin:0 auto 1.5em auto} .article-footer{margin: 0 0 2.5em 0} .contain{margin:auto;padding:0 7.5%;max-width:70em;} .widgets{margin:0;list-style:none} .widget{display:block;margin:0 0 1.5em 0} .widgettitle{margin:0 0 0.3em 0} /*-------------------------------------------------------------- # Fonts --------------------------------------------------------------*/ html{font-size:125%} body{font-size: 1em;line-height:1.5;font-family:'Open Sans', sans-serif;} th{font-weight:bold} h1,h2,h3,h4,h5,h6{line-height:normal;font-weight:700} h1{font-size:2em} h2{font-size:1.75em} h3{font-size:1.5em} h4{font-size:1.25em} h5{font-size:1em} h6{font-size:0.75em} strong,b{font-weight:700} em,i,dfn,cite,blockquote,figcaption{font-style:italic} blockquote em,blockquote i,figcaption em,figcaption i{font-style:normal} u,ins{text-decoration:underline} s,del{text-decoration:line-through} small{font-size:0.75em} sub,sup{position:relative;vertical-align:baseline;font-size:0.75em;line-height:0} sup{top:-0.5em} sub{bottom:-0.25em} dt{font-weight:bold} .button:hover,.button:active,.button:focus{text-decoration:none} .focus { font-style: italic; } /*-------------------------------------------------------------- # Colors --------------------------------------------------------------*/ body {color: #222;background-color: #000;background-image: url(./images/hero-bg.jpg); background-attachment: fixed;background-repeat: no-repeat;background-position: top center;background-size: inherit;} /* Body BG settings for iOs */ .iosBG { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background-image: url(./images/hero-bg.jpg); background-position: top center; background-size: cover; } a{color:#77f} a:hover{color:#33f} mark{background:#ff0} hr{border-top-color:#999} .fm-input{color:#888;border-bottom:1px solid #ccc} .fm-input:focus{color:#0068B3} .button{color:#fff;background:#000} .button:hover,.button:active,.button:focus{color:#fff;background:#333;outline:none} /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ header#masthead {background: linear-gradient(to bottom, #111, transparent);} .site-branding.contain { text-align: center; padding: 24px 0; } a.logo {display: inline-block;width: 100%;max-width: 80%;} #hdr-ph-num {display: none;} /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .entry-title {display: none;} /*-------------------------------------------------------------- ## Home --------------------------------------------------------------*/ /* Star CTA Section */ /* #star-ctas { text-align: center; padding: 0 0 40px; min-height: 320px; } */ .star-cta-block a:hover img {filter: grayscale(0.7);} /* About Section */ .angle-top-box { overflow: hidden; margin: 110px 0 0; } .angle-top-box img {height: 16px;display: block;} section#about {background-color: rgba(0,0,0,0.7);padding: 12px 0 40px;} section#about h2.section-header { color: #fff; } h1.section-header { margin: 0; color: #819900; font-family: Oswald, sans-serif; font-weight: 400; text-align: center; padding: 0 0 12px; } h2.section-header { margin: 0; font-family: Oswald, sans-serif; font-weight: 400; padding: 0 0 12px; color: #fff; font-size: 32px; line-height: 47px; text-align: center; } h2.section-header img {width: 100%;max-width: 32px;} .about-text {color: #fff;font-family: Muli;font-size: 18px;line-height: 36px;display: inline-block;} .about-text h3 { color: #819900; font-family: Oswald, sans-serif; font-size: 24px; line-height: 36px; margin-top: 36px; font-weight: 400; } .about-hours-left {display: block;} .about-hours-right {margin-left: 16px;} .grey-logo-star.mobile-asset {margin: 24px 0 0;text-align: center;} a.front-pg-cta-link { color: #94AF00; text-decoration: underline; font-weight: bold; } a.front-pg-cta-link:hover { font-style: italic; } .brew-food-cta a { color: #fff; background-color: #6a7727; padding: 0; font-size: 20px; display: inline-block; width: 100%; max-width: 120px; text-align: center; margin: 20px 16px 0 0; } .brew-food-cta a:hover { background-color: #94AF00; } /* Awards Section */ section#award-section { background-color: rgba(0,0,0,0.7); padding: 20px 0 38px; } .awards-container { width: 100%; max-width: 750px; margin: auto; } section#award-section h2 { font-size: 32px; line-height: 42px; font-weight: normal; margin: 0; color: #819900; font-family: Oswald, sans-serif; text-align: center; padding: 0 0 12px; } section#award-section p { text-align: center; color: #fff; font-family: Muli; font-size: 18px; line-height: 36px; } section#award-section p a { color: #819900; } section#award-section p a:hover, .awards-stinger a:hover { font-style: italic; } .awards-left-col { margin: 0 0 40px; } ul#awards-list { list-style: none; margin: 0 0 0; color: #fff; } span.medal-icon { float: left; margin-right: 10px; } span.medal-icon svg { height: 1em; font-size: 0.75em; } span.medal-icon.gold-medal svg { color: gold; } span.medal-icon.silver-medal svg { color: #ccc; } span.medal-icon.bronze-medal svg { color: #D1803D; } span.award-text { display: block; overflow: hidden; color: #fff; font-family: Muli; font-size: 18px; line-height: 36px; } .awards-right-col { text-align: center; margin: 0 0 20px; } .awards-stinger { text-align: center; } .awards-stinger h3 { color: #fff; font-family: Oswald, sans-serif; font-size: 20px; line-height: 36px; text-align: center; font-weight: normal; margin: 0 0 0; } .awards-stinger a { color: #819900; font-family: Muli; font-size: 18px; line-height: 36px; } /* Map Section */ #map { background-size: cover; background-position: center; } #map-image-container { height: 500px; } .loc-greenwood { background-image: url(./images/loc-greenwood-bg.jpg); background-position: top center; padding: 40px 20px 0; height: 166vw; text-align: center; background-repeat: no-repeat; margin: auto; max-height: 540px; } .greenwood-liner {width: 100%;max-width: 400px;margin: auto;text-align: center;} .greenwood-liner h2.section-header { color: #fff; } .map-image { background-image: url(./images/camas-map.jpg); height: 100%; background-size: cover; background-position: center; } .location-link-col {display: inline-block;text-align: left;margin: 0 0 10px;width: 100%;max-width: 250px;} .location-link-icon {display: inline-block;margin-right: 10px;font-size: 24px;vertical-align: 0;} .location-link, .location-link a {color: #fff;font-family: Muli;font-size: 18px;line-height: 30px;} .location-link .fa, .location-link a .fa { color: #fff; } .location-link a:hover .fa { text-decoration: none; } .location-link a:hover span { text-decoration: underline; } .location-link-text {display: inline-block;} .find-hours {display: block;} /* Stay in Touch Section */ #footer-bg-img { background-image: url(./images/footer-bg-img.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; } input[type="text"]:focus, input[type="email"]:focus { color: #94AF00; } div.wpcf7-mail-sent-ok {border: 2px dashed #398f14;color: #398f14;text-align: center;padding: 8px 0;} #stay-in-touch { position: relative; } #stay-in-touch h2.section-header { padding-top: 30px; color: #819900; } #stay-in-touch .formItem {margin: 20px 0 0;padding: 0.8em 0 0;} #stay-in-touch .wpcf7 {background: none;box-shadow: none;} #stay-in-touch .wpcf7-form {margin: auto;padding: 0 7.5%;max-width: 700px;} #stay-in-touch:after { content: ''; position: absolute; border-style: solid; border-width: 0 0 10vw 100vw; border-color: rgba(255,255,255,0.8); border-bottom-color: rgba(255,255,255,0.8); border-bottom-color: transparent; } .contact-white-filter { background-color: rgba(255,255,255,0.8); padding: 0 0 40px; } .wpcf7-list-item-label { color: #4a4a4a; font-family: Muli; font-size: 18px; line-height: 36px; } .is_set label.float_label {color: #4a4a4a; top: -6px; } .wpcf7-form-control-wrap::before {background: #fff;} label.float_label { color: #4a4a4a; top: 12px; } input[type="text"], input[type="email"] { border-bottom: 2px solid #4a4a4a !important; } .cf-checkboxes {margin: 16px 0;} input[type="checkbox"] {margin-right: 6px;} span.wpcf7-list-item {margin: 6px 0;} input[type="submit"] { background-color: #819900; font-weight: bold; font-size: 20px; } input[type="submit"]:hover { background-color: #6B7826; } div.wpcf7 .ajax-loader {position: absolute;bottom: 0;right: 0;} /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ body.blog aside#custom_html-3, body.archive aside#custom_html-3, body.single aside#custom_html-3 { display: none; } aside#categories-2 h3.widget-title { color: #fff; font-size: 32px; font-family: Oswald, sans-serif; font-weight: normal; margin: 0 0 0.5rem 0; } aside#categories-2 ul { list-style: none; margin: 0; } aside#categories-2 ul li a { color: #819900; font-family: Oswald, sans-serif; display: block; margin: 0 30px; font-size: 24px; line-height: 36px; } aside#categories-2 ul li a:hover { background-color: #fff; color: #819900; text-decoration: none; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ footer#colophon { padding: 49px 0; position: relative; margin-top: 10vw; background-color: rgba(0,0,0,0.5); } footer#colophon:before { content: ''; position: absolute; top: -10vw; border-style: solid; border-width: 10vw 100vw 0 0; border-color: rgba(0,0,0,0.5); border-top-color: transparent; } .ftr-col {text-align: center;margin: 0 0 60px;} h2.ftr-col-headline { color: #fff; font-family: Oswald, sans-serif; font-size: 30px; line-height: 44px; margin: 0 0 12px; font-weight: normal; } .ftr-hours-row {display: block;color: #fff;font-family: Muli;font-size: 18px;line-height: 30px;} .ftr-soc-link .fa {display: inline-block;font-size: 30px;width: 100%;max-width: 50px;color: #fff;} .ftr-soc-link:hover .fa { color: #6a7727; } ul#menu-quick-links-footer-nav {margin: 0 0 0;list-style: none;} ul#menu-quick-links-footer-nav li { margin: 0 0 0.3em 0; } ul#menu-quick-links-footer-nav li a {color: #fff;font-family: Muli;font-size: 18px;line-height: 26px;font-weight: bold;} ul#menu-quick-links-footer-nav li a:hover { text-decoration: underline; } .site-info {text-align: center;color: #fff;font-size: 16px;} .ftr-legal-links {text-align: center;margin: 30px 0;} .ftr-legal-links ul {list-style: none;margin: 0 0 0;} .ftr-legal-links ul li {margin: 0;} .ftr-legal-links ul li a {color: #fff;font-size: 16px;font-family: Muli, sans-serif;} .ftr-legal-links ul li a:hover {color: #94AF00;} /* Quick Connect Buttons */ .footer-quick-connect-btns {text-align: center;overflow: hidden;position: fixed;bottom: 0;left: 0;right: 0;z-index: 7;} a.ftr-quick-btn {max-width: 51%;display: inline-block;width: 100%;text-align: center;margin: 0 -1% 0;padding: 12px 0;background: linear-gradient(180deg, #6B7826 0%, #46500C 100%);box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.5);} a.ftr-quick-btn:first-of-type {border-right: 1px solid #fff;position: relative;} a.ftr-quick-btn:hover {background: none;background-color: rgba(0, 0, 0, 0);background-color: #94AF00;transition:0s;} .ftr-quick-btn-icon, .ftr-quick-btn-text {display: block;} .ftr-quick-btn-icon {color: #fff;font-size: 26px;} .ftr-quick-btn-text {color: #fff;font-size: 12px;font-weight: bold;} /*-------------------------------------------------------------- ## Secondary Pages --------------------------------------------------------------*/ /* Content */ #secondary-content-wrapper {margin: 0 auto 0;background-color: rgba(0,0,0,0.7);padding: 0 0 72px;} #secondary-content-wrapper p {font-size: 18px;line-height: 36px;color: #fff;font-family: Muli, sans-serif;} #secondary-content-wrapper a { color: #819900; } #secondary-content-wrapper a:hover { text-decoration: underline; } .secondary-headline, #secondary-content-wrapper .service-box a.child-name {font-size: 24px;font-weight: bold;color: #94AF00;} .tertiary-headline { font-size: 20px; font-weight: bold; color: #94AF00; } .pull-quote { display: inline-block; font-style: italic; line-height: 1.5; color: #94AF00; padding-left: 30px; border-left: 3px solid #94AF00; margin: 24px 0; } .grey-logo-star.sidebar-star {display: none;} h1.secondary-page-title { margin: 0 0 42px; color: #819900; font-family: Oswald; font-size: 40px; line-height: 50px; font-weight: normal; text-align: center; } h1.secondary-page-title img {width: 100%;max-width: 32px;} aside#custom_html-2 { display: none; } /* Menu Pages */ .menu-page {text-align: center;} .menu-flex {text-align: left;} body.page-id-57 .food-menu-item-box { margin-bottom: 1em; } .menu-item-box {margin: 0 0 30px;} .menu-item-row {display: flex;line-height: 30px;} h2.menu-item-header {font-family: Oswald, sans-serif;color: #819900; margin: 0 0 0;font-size: 20px;font-weight: 400;} h3.menu-item-descrip {font-size: 16px;font-family: Muli, sans-serif;color: #fff;font-weight: 400;margin: 0 0 16px;} .menu-item-text, .menu-item-price {font-size: 16px;font-family: Muli, sans-serif;color: #fff;font-weight: 400;} .menu-item-text {flex: 1;display: flex;} /*.menu-item-text::after {content: '';border-bottom: dotted 1px #fff;flex: 1;margin: 0 -6px 6px 6px;}*/ .menu-item-price {text-align: right;flex: 0 0 4em;} .grey-logo-star.secondary-page-star {text-align: center;} /* Food Page */ h2.food-menu-section { margin: 0 0 42px; color: #fff; font-family: Oswald,sans-serif; font-weight: 400; text-align: center; font-size: 28px; } h3.food-menu-subsection { width: 100%; margin: 0 0 0; color: #fff; font-family: Oswald, sans-serif; font-weight: 400; text-align: left; font-size: 28px; font-style: italic; } .food-menu-item-box { margin-bottom: 2em; } .food-item-header {font-family: Oswald, sans-serif;color: #819900;margin: 0 0 0;font-size: 20px;font-weight: 400;} #secondary-content-wrapper .food-item-descrip p {font-size: 16px;font-family: Muli, sans-serif;color: #fff;font-weight: 400;margin: 0 0;display: inline-block;width: 100%;line-height: 1.3;} #menu-selectors-list ul {list-style: none;margin: 0 0 20px;padding: 0 0 20px;border-bottom: 1px solid #979797;} #menu-selectors-list ul li { color: #819900; display: block; font-family: Oswald, sans-serif; font-size: 24px; text-align: center; margin: 0 auto 24px; cursor: pointer; padding-bottom: 4px; width: 100%; max-width: 200px; } #menu-selectors-list ul li.menu-selector-trigger.menu-selector-trigger-active { color: #819900; background-color: #fff; } .menu-selector-trigger {position: relative;} /* .menu-selector-trigger:after {display: none;background-image: url(./images/menu-underline.png);content: '';position: absolute;left: 0;right: 0;margin: auto;width: 100%;bottom: -20px;height: 20px;background-repeat: no-repeat;background-position: top center;} */ .menu-selector-trigger-active.menu-selector-trigger:after {display: block;} .menu-container {display: none; } .menu-container-active {display: block !important; } .menu-container-title {color: #fff;font-size: 30px;text-align: left;font-family: Oswald, sans-serif;margin: 0 0 30px;} h3.salad-topping-header { margin: 0; font-size: 18px; } ul.salad-topping-list { list-style: none; margin: 0 0 20px; } ul.salad-topping-list li { display: inline-block; margin: 0 8px; } .vegan-buns { margin-top: 30px; font-size: 1em; text-align: center; } /* Contact Page */ .entry-content input[type="text"], input[type="email"] { border-bottom: 2px solid #fff; } .entry-content label.float_label { color: #fff; top: 12px; } .entry-content .wpcf7-list-item-label { color: #fff; } .entry-content .captcha-image { color: #fff; } /* About Us Page */ #about-us-image {margin: 30px 0;} body.page-id-59 .grey-logo-star.secondary-page-star {display: none;} body.page-id-59 .grey-logo-star.sidebar-star {display: block;text-align: center;position: relative;} body.page-id-59 #mth.active {display: block;} #mth {position: absolute;top: calc(50% - 32px);left: 0;right: 0; display: none;} #mth.active a img {transform: rotate(180deg);transition: 3s;} aside#categories-2, aside#custom_html-3 { display: none; } body.page-id-59 aside#custom_html-3 { display: block; margin: 124px 0 0; text-align: center; } /* aside#custom_html-3 img { margin: 0 0 40px; width: 100%; max-width: 240px; } */ /* Gallery Page */ body.page-id-526 .entry-content { text-align: center; width: 100%; max-width: 950px; margin: auto; } .gallery-img-box { margin: 0 0 12px; text-align: center; } .gallery-img-box img { transition: transform 1s ease; } .gallery-img-box:hover img { transform: scale(1.2); transition: transform 4s ease; } .gallery-img-box:hover img.large-img-remove-hoverstate { transform: none; transition: 0s; } .gallery-img-box .img-trigger.gallery-img-lightbox { position: fixed; top: 25%; left: 0; right: 0; width: 100%; max-width: 90%; margin: auto; height: auto; border: 2px solid #819900; z-index: 1; } .gallery-img-box .img-trigger.gallery-img-lightbox img { min-width: 100%; height: auto; } .gallery-img-box .img-trigger.gallery-img-lightbox img:hover { opacity: 1; } .kill-switch { display: none; } .kill-switch.show-switch { content: '\f00d'; font-family: FontAwesome; position: absolute; top: -36px; right: 0; font-size: 30px; color: #819900; display: block; } .kill-switch.show-switch:hover { color: red; } #screen-shroud.show-shroud { position: fixed; background-color: rgba(0,0,0,0.5); top: 0; bottom: 0; left: 0; right: 0; z-index: 0; } /* News Page */ /* h2.post-title {color: #819900;font-family: Oswald, sans-serif;} .post-date, .post-excerpt {font-size: 18px;line-height: 26px;color: #fff;font-family: Muli, sans-serif;} */ .blog-bg { margin: 0 auto 0; background-color: rgba(0,0,0,0.7); padding-bottom: 72px; padding-top: 30px; } body.blog .angle-top-box { overflow: hidden; margin: 70px 0 0; } body.blog .widget { margin: 0; } .blog-bg h1.entry-title { display: block; margin: 0; text-align: center; } .blog-bg h1.entry-title a { display: inline-block; color: #fff; font-family: Oswald, sans-serif; font-size: 24px; line-height: 30px; font-weight: normal; } .blog-bg h1.entry-title a:hover { color: #819901; } .blog-bg .entry-meta { text-align: center; color: #9B9B9B; font-family: Oswald, sans-serif; font-size: 14px; line-height: 21px; } .blog-bg article { border: 1px solid #819900; padding: 10px 8px; } span.byline { display: none; } /* 404 & Search Pages */ .page-title {color: #fff;font-family: Oswald, sans-serif;font-size: 30px;} .page-content p {font-size: 18px;line-height: 26px;color: #fff;font-family: Muli, sans-serif;} body.error404 .search-field, body.search .search-field {max-width: 90%; background-color: #fff;} .search-term {font-family: Muli, sans-serif;text-transform: uppercase;vertical-align: bottom;font-style: italic;} body.search .entry-summary {background-color: rgba(0,0,0,0.7);padding: 10px 24px;} .secondary-header {margin: 0 0 0;color: #fff;font-family: Oswald, sans-serif;} body.search .entry-summary p {font-size: 18px;color: #fff;font-family: Muli, sans-serif;} body.search a.read-more {color: #819900;font-family: Oswald, sans-serif;margin: 15px 0 0;display: inline-block;} body.search a.read-more:hover {color: #94AF00;} /* Legal Pages */ body.page-id-53 .entry-content h2 {color: #fff;font-family: Oswald, sans-serif;} ul.simple-sitemap-page {color: #819900;} .entry-content {font-family: Muli, sans-serif;color: #fff;font-size: 18px;} .caption-next-to-each-other { width: 100%; text-align: center; font-style: italic; display: inline-block; margin-right: 1em;} .caption-next-to-each-other p { line-height: 1.5em !important; } /*-------------------------------------------------------------- # Blog --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Shortcodes --------------------------------------------------------------*/ .location-hours{max-width:15em} .location-hours td{padding:0.1em 0.25em} .location-hours tr:nth-child(odd) td{background:#eee} .location-hours .today td{font-weight:bold} /* Bio Shortcode */ .bio-box{margin:0 0 1.5em 0;border:1px dotted #ccc;padding:0.25em 0.5em} .bio-box:after{content:"";display:block;clear:both} .bio-name{color:#266FBC;font-size:1.9em;font-weight:bold;margin: 0.1em 1em 0 0;} .bio-position{font-size:1.25em;font-weight:bold;color:#A80505;margin: 0.1em 1em 0.5em 0;} .bio-image{display:inline-block;float:left;margin:0.25em 1em 0 0} /* Reviews Form Shortcode */ #reviewPostForm {max-width: 18.75em; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); padding: 0 1.25em; overflow: hidden; z-index: 1; position: relative; background: #fff; border-radius: 2px; box-sizing: border-box; width: 18.75em;} #reviewPostForm fieldset{position:relative;} #reviewPostForm fieldset:before {background: #0068B3; bottom: 0; content: ""; height: 2px; left: 45%; position: absolute; transition-duration: .2s; transition-timing-function: cubic-bezier(.4,0,.2,1); visibility: hidden; width: 10px;} #reviewPostForm .in_focus:before {left: 0; visibility: visible; width: 100%} .fuel-rating, .fuel-rating2, .fuel-average-rating {display: inline-block; direction: rtl; /* Change order of effect */ text-align: center; color: #888; box-sizing: border-box;} .fuel-rating i {padding: 5px 0; font-size: 1.875em;} .fuel-rating label {display: inline-block;} .fuel-rating label > input {display:none; /* HIDE RADIO */} .fuel-rating label > input + i {cursor:pointer; border:2px solid transparent;} .fuel-rating label > input:checked + i {color: #ffd700; /* (CHECKED) IMAGE STYLES */} .fuel-rating:hover i { /* Only add animation when mouse is on star box - we dont want animation on mouse out */ -webkit-transition: all 0.2s linear; transition: all 0.2s linear;} .fuel-rating:hover label > input:checked + i, .fuel-rating:hover .checked ~ label i {color: #888; /* Show checked and previous stars as unchecked on hover */} .fuel-rating label i:hover {color: #ffd700 !important; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4);} .fuel-rating label:hover ~ label i {color: #ffd700 !important; /* Change all previous stars to gold (thanks to direction: rtl) */} .fuel-rating .checked ~ label i {color: #ffd700} #reviews_blanket {display: none; position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.0980392);} .reviews-alert {display: none; box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); width: 12.5em; height: 12.5em; margin: auto; position: fixed; background: #fff; z-index: 9999; text-transform: uppercase; font-weight: bold; text-align: center; font: 20px Helvetica, sans-serif; color: #333; padding: 1.25em; left: 0; right: 0; top: 0; bottom: 0;} /* Reviews Shortcode */ .fuel-rating2 i {padding: 5px 0; font-size: 1.25em; display: inline-block; border:2px solid transparent;} .fuel-rating2 .checked, .fuel-rating2 .checked ~ i {color: #ffd700; /* (CHECKED) IMAGE STYLES */} .review-wrapper .review-content {margin: 0;} /* Reviews Average Shortcode */ .rating_total {float: left; line-height: 35px; margin: 0 0.625em 0 0;} .half-under {position: relative; left: -0.7em; z-index: 0;} .half-star {position: relative; z-index: 1;} .fuel-average-rating i {padding: 5px 0; font-size: 1.25em; display: inline-block; margin: 0 0.1em;} .fuel-average-rating .checked, .fuel-average-rating .checked ~ i, .fuel-average-rating .checked-before ~ i {color: #ffd700; /* (CHECKED) IMAGE STYLES */} /* Toggle Shortcode */ .toggler {background: #4a4a4a;color: #fff;border-top-left-radius: 4px;border-top-right-radius: 4px;border: 1px solid #4a4a4a;border-bottom: 1px solid #333;margin: 0.5em 0 0;padding: 0.2em 1em 0.3em;cursor: pointer;-webkit-transition: background 0.4s ease, color 0.4s ease;transition: background 0.4s ease, color 0.4s ease;} .toggler:hover {background: transparent; color: #4a4a4a; border: 1px solid #4a4a4a;} .toggler:before {content: "\f0d7"; font-family: fontawesome; margin-right: 1em; display: inline-block; -webkit-transition: transform 0.4s ease; transform: all 0.4s ease;} .toggler.active:before {-ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);} .toggle {border-left: 1px solid #4a4a4a; border-right: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 1em; padding: 1em 1em 0 1em; display:none;} /*-------------------------------------------------------------- ## Menu - Small Screen --------------------------------------------------------------*/ @media only screen and (max-width: 48.49em){ /*775.84px*/ a.fm-menu-close{display:none;} .fm-menu,.fm-menu ul{position:relative;z-index:2;margin:0;padding:0;list-style:none;} .fm-menu li{position:relative;z-index:1;margin:0;padding:0;list-style:none;} .fm-menu a{display:block;position:relative;padding:0.5em 2.5em 0.5em 1.5em;} .fm-menu .menu-item-has-children>a:after{content: '';position:absolute;top:1.05em;right:1.5em; border-style:solid; border-color: transparent; border-width: 0.5em 0.4em 0 0.4em; -webkit-transition:all 200ms;transition:all 200ms;} .fm-menu .fm-menu-active>a:after,.nojs .fm-menu ul li:hover>a:after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);} .fm-menu ul li{overflow:hidden;max-height:0;transition:max-height 500ms;} .fm-menu ul a{padding-left:2.5em;} .fm-menu ul ul a{padding-left:3.5em;} .fm-menu ul ul ul a{padding-left:4.5em;} .fm-menu .fm-menu-active>ul>li{max-height:5em;} .fm-menu .fm-menu-active>ul>.fm-menu-active{max-height:100em;transition:max-height 500ms;} .nojs .fm-menu ul li{max-height:none;} .nojs .fm-menu .menu-item-has-children>a:after{display:none;} /* Slide Down Menu */ #fm-menu .fm-menu>li{overflow:hidden;max-height:0;transition:max-height 500ms;} .fm-menu-opened #fm-menu .fm-menu>li{max-height:5em;} .fm-menu-opened #fm-menu .fm-menu .fm-menu-active{max-height:100em;} .nojs #fm-menu:target .fm-menu>li{max-height:none;} /* Slide Down Menu */ /*Customize Menu Here*/ .fm-menu-buttons .fm-menu-open{} #fm-menu {background: rgba(0,0,0,0.8);text-align: center;position: fixed;bottom: 68px;left: 0;right: 0;z-index: 7;} .fm-menu-close{color:#fff;} .fm-menu-close:hover{color:#fff;} .fm-menu a {font-family: Oswald, sans-serif;color: #fff;} .fm-menu a:hover {color: #6B7826;} .fm-menu ul{} .fm-menu .menu-item-has-children>a:after{ border-top-color: #000; } } /*-------------------------------------------------------------- ## Menu - Large Screen --------------------------------------------------------------*/ /*@media only screen and (min-width: 58.5em){ 936px*/ @media only screen and (min-width: 48.5em){ /*776px*/ .fm-menu-buttons,a.fm-menu-close{display:none;} .fm-menu,.fm-menu ul{margin:0;padding:0;list-style:none; } .fm-menu{position:relative;text-align: center; } .fm-menu li{display:block;position:relative;z-index:4;margin:0;padding:0;list-style:none; } .fm-menu li li:nth-child(1){z-index:20;}.fm-menu li li:nth-child(2){z-index:19;}.fm-menu li li:nth-child(3){z-index:18;}.fm-menu li li:nth-child(4){z-index:17;}.fm-menu li li:nth-child(5){z-index:16;}.fm-menu li li:nth-child(6){z-index:15;}.fm-menu li li:nth-child(7){z-index:14;}.fm-menu li li:nth-child(8){z-index:13;}.fm-menu li li:nth-child(9){z-index:12;}.fm-menu li li:nth-child(10){z-index:11;}.fm-menu li li:nth-child(11){z-index:10;}.fm-menu li li:nth-child(12){z-index:9;}.fm-menu li li:nth-child(13){z-index:8;}.fm-menu li li:nth-child(14){z-index:7;}.fm-menu li li:nth-child(15){z-index:6;}.fm-menu li li:nth-child(16){z-index:5;} .fm-menu>li { display: inline-block; margin: 0 0.8%; } .fm-menu a{display:block;position:relative; padding: 0.5em 1em; text-align: left; } .fm-menu .menu-item-has-children>a{outline:none;} .fm-menu .menu-item-has-children>a:after{content: '';display:inline-block;vertical-align:top; margin: 0.55em 0 0 0.5em; border-style:solid; border-color: transparent; border-width: 0.5em 0.4em 0 0.4em; -webkit-transition:all 200ms;transition:all 200ms;} .fm-menu .fm-menu-active>a:after,.nojs .fm-menu li:hover>a:after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);} .fm-menu ul{position:absolute;z-index:10;top:calc(100% + 1em);left:50%;margin-left:-7.5em;width: 14em;max-height:0;box-shadow:0.05em 0.05em 0.25em rgba(0,0,0,0.2);opacity:0;visibility:hidden;overflow:hidden;-webkit-transition:all 400ms;transition:all 400ms;} .fm-menu ul:before{content:'';display:block;position:absolute;z-index:2;top:-0.5em;left:50%;margin-left:-0.5em;width:1em;height:1em;box-shadow:0.05em 0.05em 0.25em rgba(0,0,0,0.2);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);} .fm-menu ul:after{content:'';position:absolute; top:-1em; left:0;z-index:1;width:100%;height:100%;} .fm-menu .fm-menu-active>ul,.nojs .fm-menu li:hover>ul{opacity:1;visibility:visible;overflow:visible;max-height: 1000em;} .fm-menu ul li:first-child{ padding-top: 1em; } .fm-menu ul li:last-child{ padding-bottom: 1em; } .fm-menu ul a{ font-size: 0.9em; padding: 0.5em 2em; } .fm-menu .menu-item-has-children ul{pointer-events:none;} .fm-menu .fm-menu-active ul{pointer-events:auto;} .nojs .fm-menu .menu-item-has-children ul{pointer-events:auto;} .fm-menu ul .menu-item-has-children>a:after{position:absolute;top:0.5em;right:1.5em;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);} .fm-menu ul .fm-menu-active>a:after,.nojs .fm-menu ul li:hover>a:after{-webkit-transform:rotate(-270deg);-ms-transform:rotate(-270deg);transform:rotate(-270deg);} .fm-menu ul ul{ top: -0.75em; left: calc(100% + 1em); margin-left:0;} .fm-menu ul ul:before{ top: 1.35em; left: -0.5em; margin-left:0;} .fm-menu ul li:first-child ul{ top: 0.25em; } .fm-menu ul ul:after{top:0; left: -1em; } .fm-menu .fm-menu-right ul{left:auto; right: calc(100% + 1em); } .fm-menu .fm-menu-right ul:before{left:auto; right: -0.5em; } .fm-menu .fm-menu-right ul:after{left:auto; right: -1em; } .fm-menu .fm-menu-left ul{ left: calc(100% + 1em); right:auto;} .fm-menu .fm-menu-left ul:before{ left: -0.5em; right:auto;} .fm-menu .fm-menu-left ul:after{ left: -1em; right:auto;} .fm-menu-up .menu-item-has-children>a:after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);} .fm-menu-up .fm-menu-active>a:after,.nojs .fm-menu-up li:hover>a:after{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);} .fm-menu-up ul{top:auto; bottom: calc(100% + 1em); } .fm-menu-up ul:before{top:auto; bottom: -0.5em; } .fm-menu-up ul:after{top:auto; bottom:-1em; } .fm-menu-up ul ul{top:auto; bottom: -0.75em;} .fm-menu-up ul ul:before{top:auto; bottom: 1.35em; } .fm-menu-up ul li:last-child ul{top:auto; bottom: 0.25em; } .fm-menu-up ul li:first-child ul{top:auto; bottom: -0.75em; } .fm-menu-up ul ul:after{top:auto; bottom:0; } /*Customize Menu Here*/ #fm-menu{ position: relative; z-index:999; } .fm-menu a {color: #fff;font-family: Oswald, sans-serif;} .fm-menu a:hover {color: #94AF00;} .fm-menu .menu-item-has-children>a:after{ border-top-color: #000; } .fm-menu ul{ background: #fff; } .fm-menu ul:before{ background: #fff; } .fm-menu li li{ background: #fff; } .fm-menu ul a:hover{ background: #e5e5e5; } .fm-menu li.current-menu-item > a {position: relative;} .fm-menu li.current-menu-item > a::after { content: ''; display: block; border-top: 2px solid #819900; } /* Mega Menu */ .mega-menu {position: static !important;} .mega-menu > a:before {content: ''; display: block; position: absolute; opacity: 0; background: #fff; z-index: 11; top: 3em; left: 50%; margin-left: -1em; width: 1em; height: 1em; box-shadow: 2px -1px 0.2em -2px rgba(0, 0, 0, 0.4); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 300ms; transition: all 300ms;} .mega-menu.fm-menu-active > a:before {opacity: 1;} .mega-menu .sub-menu:before {display: none;} .mega-menu .sub-menu > li:first-child {padding-top: 0;} .mega-menu .sub-menu > li {display: inline-block;flex-grow: 1;} .mega-menu .sub-menu > li li {display: block;} .mega-menu .sub-menu > .menu-item-has-children > a:after, .fm-menu .sub-menu .menu-title > a:after, .mega-menu-title > a:after {content: "";display: block;position: relative;left: 0;top: 0;margin: 5px 0;border-top: 0;border-bottom: 2px solid #6eb44a;border-left: 0;border-right: 0;transform: none;} .mega-menu .sub-menu .sub-menu {opacity: 1;visibility: visible;position: relative;max-height: 100%;line-height: 1;box-shadow: none;background: none;left: 0;margin: 0;top: 0; width: auto;} .mega-menu > .sub-menu {display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex; left: 0; right: 0; width: 90%; max-width: 70em; margin: 0 auto;} .mega-menu .mega-menu-title > a {font-weight: bold;color: #043f5e;pointer-events:none;} } /*-------------------------------------------------------------- # Responsive --------------------------------------------------------------*/ @media only screen and (min-width:19.5em){ /*312px*/ .breakpoint{z-index:195} } @media only screen and (min-width:28.5em){ /*456px*/ .breakpoint{z-index:285} /* About */ .angle-top-box img {height: 24px;} /* 404 & Search Pages */ body.error404 .search-field, body.search .search-field {max-width: 400px;} } @media only screen and (min-width:35em){ /*560px*/ .gallery-img-box { display: inline-block; width: 100%; max-width: 232px; height: 232px; overflow: hidden; margin: 3px 0px; } .gallery-img-box img { min-width: 390px; height: 232px; margin: 0 -50%; } /* blog post */ .caption-next-to-each-other { width: 45%; } } @media only screen and (min-width:38.5em){ /*616px*/ .breakpoint{z-index:385} .alignleft{clear:none;float:left;margin:0em 2em 1em 0;max-width:48%} .alignright{clear:none;float:right;margin:0 0 2em 2em;max-width:48%} /* Header */ body {background-size: cover;} /* Contact Page */ .contact-page-left-col, .contact-page-right-col {display: inline-block;width: 100%;max-width: 48%;} /* Awards Section */ section#award-section p { text-align: left; } section#award-section h2 { font-size: 40px; line-height: 60px; } .awards-stinger h3 { font-size: 24px; } /* News Page */ .blog-bg article { padding: 0; } header.entry-header { min-height: 125px; position: relative; } .blog-featured-img { display: inline-block; border-right: 4px solid #819900; min-height: 125px; overflow: hidden; } .blog-featured-img img { max-width: none; margin: 0; } .blog-text { display: inline-block; max-width: calc(100% - 160px); padding: 6px 0 30px 20px; min-height: 125px; } .blog-bg h1.entry-title { text-align: left; } .blog-bg .entry-meta { text-align: left; position: absolute; bottom: 6px; } .blog-post-category { color: #819900; font-family: Oswald, sans-serif; font-size: 16px; text-transform: uppercase; } } @media only screen and (min-width:48.5em){ /*776px*/ .breakpoint{z-index:485} /* Header */ .site-branding.contain {padding: 48px 0;} a.logo {max-width: 25%;} #fm-menu {display: inline-block;width: 100%;max-width: 72%;} .fm-menu { text-align: right; padding-left: 3%; } .fm-menu a { padding: 10px 6px; text-align: left; text-transform: uppercase; } #hdr-ph-num {position: absolute;top: 5px;right: 7.5%;display: block;} #hdr-ph-num a { color: #fff; background-color: #819900; padding: 6px 25px; font-size: 20px; } #hdr-ph-num a:hover { background-color: #6b7826; } #hdr-ph-num a .fa {vertical-align: 0;margin-right: 15px;} /* CTA Stars */ .star-cta-block {display: inline-block;width: 100%;max-width: 32%;} /* About */ section#about {padding: 12px 0 60px;} .angle-top-box img {height: 36px;} .about-right-col h2.section-header {text-align: left;} .about-text.about-two, .about-text.about-three {width: 100%;} .about-text.about-two {max-width: 32%;} .about-text.about-three {max-width: 66%;} .grey-logo-star.mobile-asset {margin: 40px 0 0;} /* Location */ #map { height: 600px; } section#map .container { padding-left: 0; } .loc-greenwood { display: inline-block; float: left; margin: 0; width: 100%; max-width: 50%; max-height: 600px; text-align: right; } .greenwood-liner { margin: 0; display: inline-block; } .map-image { height: 600px; background-position: center; display: inline-block; width: 100%; max-width: 50%; } /* Contact Us */ #stay-in-touch::after { border-width: 0 0 7vw 100vw; } /* Footer */ footer#colophon { margin-top: 7vw; padding: 60px 0 1px; text-align: center; } footer#colophon:before { top: -7vw; border-width: 7vw 100vw 0 0; left: 0; } .ftr-left-col, .ftr-right-col {display: inline-block;width: 100%;max-width: 48%;} .ftr-col { text-align: center; } .ftr-col:first-of-type { height: 210px; } .footer-quick-connect-btns {display: none;} .copyright-legal {margin: 0 0 20px;} .site-info, .ftr-legal-links {display: inline-block;width: 100%;max-width: 48%;} .site-info {text-align: left;vertical-align: bottom;} .site-info p {margin: 0;} .ftr-legal-links {text-align: right;margin: 0;} /* Menu Pages */ #menu-selectors-list ul li { display: inline-block; max-width: 160px; } .menu-selector-trigger:hover:after {display: block;} .menu-selector-trigger a:hover {color: #6B7826 !important;} .menu-flex {display: flex; flex-flow: row wrap; justify-content: space-between;} .menu-flex .food-menu-item-box { flex: 0 1 auto; width: 46%; } .menu-container-title {font-size: 40px;} h2.food-menu-section {font-size: 32px;} /* Drinks Menu Page */ #wines-menu-container { text-align: left; } #wines-menu-container .menu-flex { display: inline-block; width: 100%; max-width: 48%; } #wines-menu-container .menu-flex { display: inline-block; width: 100%; max-width: 48%; text-align: center; } #wines-menu-container .menu-flex .food-menu-item-box { width: 100%; } #spirits-menu-container .menu-flex { display: inline-block; width: 100%; max-width: 48%; margin: 0 0 40px; } #spirits-menu-container .menu-flex .food-menu-item-box { width: 100%; } } @media only screen and (min-width:58.5em){ /*936px*/ .breakpoint{z-index:585} /* Header */ .site-branding.contain {padding: 48px 7.5%;} .fm-menu {padding-left: 30px;} /* About */ .about-right-col { width: 100%; max-width: 750px; margin: auto; } .about-text.about-two, .about-text.about-three {display: block;max-width: none;} .about-hours {display: block;} .about-hours-left {display: inline-block;} .grey-logo-star.mobile-asset {margin: 60px 0 0;} /* Awards Section */ .awards-left-col, .awards-right-col { display: inline-block; width: 100%; } .awards-left-col { max-width: 58%; } .awards-right-col { max-width: 40%; } section#award-section p { margin: 0 0 60px; } ul#awards-list li { margin: 0; } /* Location */ #map .container {margin: auto;padding: 0 7.5%;max-width: 70em;} /* Footer */ .contact-white-filter { padding: 0 0 60px; } footer#colophon { padding: 40px 0 1px; } .ftr-left-col, .ftr-right-col {max-width: none;width: auto;display: inline;} .ftr-col { display: inline-block; width: 100%; max-width: 24%; } .ftr-col:first-of-type { height: auto; } .ftr-gow-logo.ftr-col img { width: 100%; max-width: 90%; } h2.ftr-col-headline {font-size: 24px;} .ftr-legal-links ul li {display: inline-block;margin: 0 10px;} /* About Us Page */ body.page-id-59 .secondary-text-col, .sidebar-col {display: inline-block;width: 100%;} body.page-id-59 .secondary-text-col {max-width: 65%;float: right;margin-left: 5%;} body.page-id-59 .sidebar-col {max-width: 30%;} body.page-id-59 .grey-logo-star.sidebar-star {margin: 40px 0 0;} /* Contact Page */ .contact-pg-content { max-width: 56%; } #contact-pg-cf {max-width: 38%;margin-left: 5%;padding-top: 0;} .contact-pg-content, #contact-pg-cf { display: inline-block; width: 100%; } /* Food Page */ #menu-selectors-list ul li {display: inline-block;margin: 0 20px 24px;} .menu-container-title {font-size: 48px;} /* Drinks Page */ #wines-menu-container { text-align: center; } #wines-menu-container .menu-flex { max-width: 32%; } #spirits-menu-container .menu-flex { max-width: 32%; } /* Gallery Page */ .gallery-img-box .img-trigger.gallery-img-lightbox { max-width: 800px; } } @media only screen and (min-width:64.75em){ /*1036px*/ .ftr-col { padding: 0 16px; } } @media only screen and (min-width:68.5em){ /*1096px*/ .breakpoint{z-index:685} .fm-menu a { padding: 10px; } .site-info br {display: none;} /* Blog Page */ .blog-bg article { display: inline-block; width: 100%; max-width: 48%; margin-right: 10px; } .blog-featured-img { width: 100%; max-width: 124px; } body.blog aside#categories-2, body.single aside#categories-2, body.archive aside#categories-2 { display: block; text-align: center; } .blog-content-col { display: inline-block; width: 100%; max-width: 77%; } .blog-sidebar-col { display: inline-block; width: 100%; max-width: 22%; border-left: 1px solid #fff; } } @media only screen and (min-width:68.75em){ /*1100px*/ h2.ftr-col-headline {font-size: 30px;} /* Header */ .fm-menu {padding-left: 60px;} } @media only screen and (min-width:78.5em){ /*1256px*/ .breakpoint{z-index:785} /* About */ .angle-top-box img {height: 48px;} /* Menu */ .fm-menu>li { margin: 0 1%; } } @media only screen and (min-width:84.5em){ /*1352px*/ #map { background-position: left; } } @media only screen and (min-width:87.5em){ /*Desktop Full Width 1400px*/ .breakpoint{z-index:875} .contain{padding:0 5.25em;} .site-branding.contain {padding: 48px 5.25em;} } @media only screen and (min-width:98.5em){ /*1528px*/ .breakpoint{z-index:985} } @media only screen and (min-width:100em){ /*1600px*/ #map { background-position: 5vw 100%; } } @media only screen and (min-width:108.5em){ /*1736px*/ .breakpoint{z-index:1085} } @media only screen and (min-width:118.5em){ /*1896px*/ .breakpoint {z-index:1185} } @media only screen and (min-width:128.5em){ /*2056px*/ .breakpoint {z-index:1285} } /*-------------------------------------------------------------- # Print --------------------------------------------------------------*/ @media print { @page{margin:0.5cm} *{background:transparent !important;color: black !important;text-shadow: none !important;-webkit-filter:none !important;filter:none !important;-ms-filter: none !important} a,a:visited{color:#444 !important;text-decoration:underline} abbr[title]:after{content:" (" attr(title) ")"} pre,blockquote{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group} tr,img{page-break-inside:avoid} img{max-width:100% !important} p,h1,h2,h3{orphans:3;widows:3} h1,h2,h3{page-break-after:avoid} #fm-menu,#sidebar,#sidebar-post,#header,#footer,#comments,.fm-menu-buttons,.page-navigation,.pagination,.wp-prev-next,.respond-form{display:none} .contain{padding:0;max-width:none} }