/* Theme Name: Fuel Junior Theme URI: http://fuelmedical.com/ Description: Base child theme for all fuel medical development projects Author: Fuel Medical Author URI: http://fuelmedical.com/ Template: fuel Version: 4.4.3 Text Domain: fuel-junior */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Fonts # Normalize # Standard Tags # WordPress Elements # Custom Elements # Forms # Forms - Image Captcha # Shortcodes # Site Structure # Header # Menu - Small Screen # Menu - Large Screen # Content # Sidebar # Footer # Home # Secondary Pages # Print # WIREFRAME - DELETE ON LOCAL --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Fonts --------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap'); /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ *, *:before, *:after { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html { 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; } 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;} 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; } ::-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; } /*-------------------------------------------------------------- # Standard Tags --------------------------------------------------------------*/ html { font-size: 125%; -webkit-overflow-scrolling: touch; } body { font-family: 'Open Sans', sans-serif, sans-serif; color: #000; position: relative; min-width: 18rem; font-size: 1em; line-height: 1.5; background: #f5f5f5; } iframe, img, svg, audio, canvas, video, object, embed {vertical-align: middle;max-width: 100%;} img, svg {height: auto;} iframe { margin: 0 auto 1.5em auto; } pre, dl, figure { margin: 0 0 1.5em 0; } dd { margin: 0 1.5rem 1.5em; } dt { font-weight: bold; } h1, h2, h3, h4, h5, h6 {margin: 1.5rem 0 0.5rem 0;line-height: normal;font-weight: 600;} 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; } 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; } table { margin: 0 0 1.5em 0; border-collapse: separate; border-spacing: 0; width: 100%; } th { font-weight: bold; } a { color: #3f8abf; text-decoration: none; transition: all 300ms ease; } a:hover {color: #3f8abf;} a:focus-visible {outline: -webkit-focus-ring-color auto 1px;} 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; } abbr[title] { border-bottom: 1px dotted; } /*-------------------------------------------------------------- # WordPress Elements --------------------------------------------------------------*/ #wpadminbar { background: #1376b9; } .entry-meta, .entry-by { display: none; } .single-post .entry-meta { display: block; } .alignleft, .alignright, .aligncenter, .wp-post-image { display: block; clear: both; margin: 0 auto 1.5em auto; } .aligncenter, .has-text-align-center { text-align: center; } .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.8em 0; } .wp-block-embed.is-type-video .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .wp-block-embed.is-type-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .wp-block-file { border-bottom: 1px solid #085596; display: flex; flex-wrap: wrap; justify-content: center; padding: 0.5em 0; } .wp-block-file a { padding: 0.5em; text-align: center; } .wp-block-file a:last-of-type { color: white; background: #ff9d00; border: 1px solid transparent; border-radius: 0.25em; font-weight: bold; } .wp-block-file a:last-of-type:hover { background: transparent; color: #ff9200; border: 1px solid; } .screen-reader-text { position: absolute; top: auto; left: -10000rem; height: 1px; width: 1px; overflow: hidden; } .pagination { margin: 2em 0; text-align: center; } .page-numbers { display: inline-block; margin: 0.5em 0.2em; border-radius: 0.2em; width: 2em; overflow: hidden; line-height: 2; text-align: center; color: #fff !important; background: #C1C630; text-decoration: none !important; } .page-numbers svg { vertical-align: top; margin-top: 0.5em; width: 1em; height: 1em; } .page-numbers.current { background: #000; } a.page-numbers:hover { color: #fff; background: #000; } @media only screen and (min-width:38.5em){ /*616px*/ .alignleft { clear:none; float: left; margin: 0 2rem 2em 0; max-width: 48% } .alignright { clear: none; float: right; margin: 0 0 2em 2rem; max-width: 48% } .list-col-2 { column-count: 2; column-gap: 2em; margin-left: 1rem; color: #000; } .wp-block-file { justify-content: space-between; } } @media only screen and (min-width: 68.5em) { /*1096px*/ .pagination { text-align: left; } } /*-------------------------------------------------------------- # Custom Elements --------------------------------------------------------------*/ .clear:after { content: ''; display: block; visibility: hidden; clear: both; height: 0; } .contain {display: block;position: relative;margin: auto;padding: 0 1.5rem;width: 100%;} .skip-to-content { display: block; position: absolute; top: -10000rem; left: 1em; z-index: 99999; padding: 0.5em 1em; background: #eee; box-shadow: 1px 1px 0.2em rgba(0, 0, 0, 0.5); transition: none; } .skip-to-content:focus { top: 1em; } .button, .wp-block-button__link, .excerpt-read-more a { display: inline-block; vertical-align: middle; padding: 0.5em 1em; text-align: center; text-decoration: none !important; cursor: pointer; transition: all 300ms; border: 1px solid #000; font-size: 1rem; line-height: 1.3; color: #000 !important; width: 100%; max-width: 12.25rem; } .button:hover, .button:active, .wp-block-button__link:hover, .wp-block-button__link:active, .excerpt-read-more a:hover, .excerpt-read-more a:active { color: #fff !important; background: #C1C630; border: 1px solid #C1C630; text-decoration: none; outline: none; } .button:focus, .wp-block-button__link:focus, .excerpt-read-more a:focus { border: 1px solid #0094FF; } .button.black-button {background: #000;color: #fff !important;} .button.black-button:hover { color: #fff; background: #C1C630; border: 1px solid #C1C630; } .button:focus-visible {outline:#C1C630 dashed 3px; outline-offset: 6px;} @media only screen and (min-width:38.5em) { .contain { padding-left: 3rem; padding-right: 3rem; } } @media only screen and (min-width:82.5em) { .contain { padding-left: calc(50% - 30rem); padding-right: calc(50% - 30rem); } } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ .gform_fields { margin: 0; } .gfield { margin: 0 0 1.2rem; border-radius: 0.3rem; padding: 0.3rem; list-style: none; overflow: hidden; background: #fff; } .gfield .medium { padding: 0.2rem 0.9rem; width: 100%; color: #4a4a4a; background: #fff; } .gfield_label { display: block; padding: 0.1rem 0.4rem 0; font-size: 0.7em; line-height: normal; } .ginput_recaptcha { margin: auto; padding: 1em 0 0; max-width: 304px; overflow: hidden; } .gform_footer {position: relative;margin-top: 2rem;} .gform_button {width: 100%;background-color: #C1C630;border: 1px solid #C1C630;} .gform_button:hover { color: #000 !important; background: #fff; border: 1px solid #000; } .gform_ajax_spinner { position: absolute; top: 0; right: 0.5rem; bottom: 0; margin: auto; border: 0.2em solid rgba(0, 0, 0, 0.4); border-left: 0.2em solid #07B084; border-radius: 50%; width: 1.2em; height: 1.2em; animation: rotate 1.1s infinite linear; } .gform_confirmation_message {font-size: 1.1em;color: #C1C630;border: 2px solid #C1C630;border-radius: 5px;margin: 0 1rem;padding: 1rem 1rem 1rem;text-align: center;} #gform_1_validation_container { position: relative; } .gform_submission_error, .entry-content h2.gform_submission_error { margin: 0 0 1rem; width: 100%; font-size: 0.8em; color: red; text-align: center; position: absolute; top: -3.5rem; border: 1px solid red; border-radius: 5px; padding: 0.5rem 0.5rem 0.5rem; background: rgba(255,255,255,0.85); } .validation_message { padding: 0 0.4rem; font-size: 0.7em; color: red; position: absolute; top: 0; right: 0; } #validation_message_1_6 { background: rgba(255,255,255,0.75); border: 1px solid red; border-radius: 0.2rem; padding: 0.1rem 0.2rem; } @media only screen and (min-width: 38.5em) { /*616px*/ .gform_confirmation_message { width: 100%; max-width: 24rem; margin: 0 auto; } } /*-------------------------------------------------------------- # Forms - Image Captcha --------------------------------------------------------------*/ .captcha-image { display: block; font-size: 0.8em; text-align: center; } .captcha-image .cf7ic_instructions { display: block; margin-bottom: 0; padding: 0.1rem 0.4rem 0; text-align: left; } .gfic_screenreader { display: inline-block; position: absolute; top: -10000rem; left: 1em; z-index: 99999; background: #eee; box-shadow: 1px 1px 0.2em rgba(0, 0, 0, 0.5); transition: none; border-radius: 2em; width: 1.5rem; height: 1rem; line-height: 1; } .captcha-image .gfic_screenreader svg { width: 1rem; height: 0.5rem; margin: 0; font-size: 1em; position: relative; top: -2px; } .gfic_screenreader:focus { position: relative; top: 0.25rem; left: 0; } .captcha-image .cf7ic_choice { display: inline-block; min-width: 3.2em; font-weight: bold; text-align: left; color: #3f8abf; } .captcha-image svg { margin: 0 0.3em; padding: 0; width: 1em; height: 1em; font-size: 2em; transition: all 0.4s linear; } .captcha-image label { display: inline-block; } .icon-fallback, .captcha-image label>input { opacity: 0; width: 0; height: 0; margin: 0; } .captcha-image label>input+svg { border: 2px solid transparent; cursor: pointer } .captcha-image label>input:checked+svg { color: #C1C630; } .captcha-image label>input:focus+svg { outline: 1px dashed #ccc; } .captcha-image svg:hover { color: #C1C630; } .kc_captcha .wpcf7-not-valid .captcha-image { border: 1px solid red } /* CAPTCHA Placeholder */ .gfic-loader .captcha-image .cf7ic_choice { color: #e5e5e5; } /*-------------------------------------------------------------- # Shortcodes --------------------------------------------------------------*/ #map_holder { display: flex; flex-wrap: wrap; justify-content: space-around; position: relative; background: rgb(229, 227, 223); } #map_holder .map-filters { flex: 1 1 100%; display: flex; justify-content: center; background: #1B60A7; color: #fff; padding: 0.5em; line-height: initial; } #map_holder .map-filters select { background: #fff; color: #1b60a7; border-radius: 4px; border: 1px solid #1B60A7; padding: 0.3rem; } #map_holder .map-filters>div { margin-right: 1em; } #map_holder .map-filters>div:last-of-type { margin: 0; } #map_holder .map-filters .map-title { padding-top: 0.2em; font-size: 1.2em; } #map_holder #filter_notice { position: absolute; left: 0; right: 0; top: 0; z-index: 99; margin: auto; padding: 0.5em; font-size: 0.9em; text-align: center; color: #fff; background: rgba(76, 157, 47, 0.8); box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.5); } #map_holder #info_panel { flex: 1 1 25%; color: #fff; position: absolute; top: 0; left: -100%; bottom: 0; z-index: 998; width: 100%; background: #003764; overflow: visible; } #map_holder #info_panel::-webkit-scrollbar { width: 0.3em; } #map_holder #info_panel::-webkit-scrollbar-thumb { background-color: #888; } #map_holder #info_panel::-webkit-scrollbar-track { background-color: #f0f0f0; } #map_holder #info_panel .info-box { font-size: 0.8em; border-bottom: 1px solid #999; } #map_holder #info_panel .info-box>h3 { font-size: 1em; margin: 0; } #map_holder #info_panel .info-box a, #super_panel a { display: block; overflow: hidden; cursor: pointer; font-weight: normal; } #map_holder #info_panel .info-box a { color: #87C3FF; padding: 1em; background: linear-gradient(270deg, #1B60A7 0%, #003764 100%); background-repeat: no-repeat; background-position-x: -30em; } #map_holder #info_panel .info-box a:hover { background-position-x: 0; } #map_holder .info-box a { display: block; } #map_holder #map_canvas { min-width: 15em; min-height: 20em; height: auto !important; box-flex: 3.0; flex: 3 0 75%; } #map_holder #map_canvas .info-box h3 { margin: 0 0 0.2em; } #map_holder #legend { background: rgba(255, 255, 255, 0.8); padding: 1em; margin: 1em; z-index: -1; position: absolute; bottom: 0.7em; right: 0; } #map_holder #legend h3 { margin: 0; text-decoration: underline; } #map_holder #legend div { margin-top: 0.5em; } #map_holder #legend img { width: 1em; margin-right: 0.5em; } #map_holder #info_panel .info-box:last-of-type { border: none; } #map_holder #super_panel { font-size: 0.8em; position: absolute; top: 0; left: 100%; bottom: 0; width: 100%; transition: left 300ms; background: #003764; } #map_holder #super_panel a { display: inline-block; color: #fff; line-height: 1.5; } #map_holder #super_panel a:after { content: ""; display: block; height: 1px; width: 0; background: #fff; margin: 0 auto; transition: all 300ms ease; } #map_holder #super_panel a:hover:after { width: 100%; } #map_holder .info-img { background-size: cover; height: 10em; position: relative; } #map_holder .title-box { background: #5AB937; padding: 1em; position: relative; } #map_holder .title-box.has-image { background: rgba(0, 0, 0, 0.6); position: absolute; width: 100%; bottom: 0; } #map_holder .title-box #back_to_panel { position: absolute; top: 100%; width: 100%; height: 3em; left: 0; cursor: pointer; transition: all 0.4s ease; border-bottom: 1px solid rgba(27, 96, 167, 0.5); } #map_holder .title-box #back_to_panel:after { content: "Back to all locations"; color: #5AB937; position: relative; top: 0.8rem; left: 1.4rem; } #map_holder .title-box #back_to_panel:hover:after { font-weight: bold; } #map_holder .title-box #back_to_panel svg { position: relative; top: 0.5rem; left: 0.5rem; width: 1rem; } #map_holder .title-box #back_to_panel svg path { fill: #5AB937; } #map_holder .title-box h3 { margin: 0; font-size: 1.2em; font-weight: normal; } #map_holder .title-box h3 .category { display: block; font-size: 0.7rem; color: #fff; } #map_holder .title-box h3 .category:before { content: 'A division of: ' } #map_holder #super_panel .fuel-average-rating, #map_holder #super_panel .fuel-average-rating .checked, #map_holder #super_panel .fuel-average-rating .checked~i { color: #fff; } #map_holder #super_panel .fuel-average-rating i { color: #8eb6f8; } #map_holder .details-box { padding: 3.4em 1em 1em } #map_holder .details-svg { float: left; font-size: 1em; width: 1em; height: 1em; margin: 0.3em 1em 0 0; } #map_holder .short-hours { display: inline-block; } #map_holder .location-hours { display: inline-block; max-width: 80%; max-width: fit-content; } #map_holder .gm-style .gm-style-iw .hover-info-box { width: 15em; position: relative; left: -0.7em; top: -0.4em; padding-left: 1em; } #map_holder .gm-style .gm-style-iw .info-img2 { float: left; margin: 0 1em -0.8em -1em; width: 5em; height: 5em; background-size: cover; } #map_holder .gm-style .gm-style-iw .infobox-title { line-height: 1.2; font-size: 1em; text-overflow: ellipsis; margin: 0; overflow: hidden !important; padding-top: 1em; } #map_holder .gm-style .gm-style-iw .fuel-average-rating .half-under { overflow: hidden !important; } @media only screen and (min-width: 68.5em) { #map_holder #info_panel { height: 40em; } #map_holder #info_panel { overflow-y: scroll; } #map_holder #info_panel, #map_holder #super_panel { position: relative; left: 0; } } .static-map { position: relative; } .static-map a { position: absolute; width: 100%; height: 100%; overflow: hidden; } .static-map a:before { content: "Get Directions"; position: absolute; width: 10em; height: 1.9em; margin: auto; top: 0; bottom: 0; left: 0; right: 0; border: 2px solid #fff; border-radius: 0.3em; padding: 0.1em; text-align: center; color: #fff; box-shadow: 0 0 0 40em rgba(0, 0, 0, 0.5), inset 0 0 20em rgba(0, 0, 0, 0.5); font-size: 1.25em; font-weight: normal; line-height: 1.25; opacity: 0; transition: all 0.4s ease; } .static-map:hover a:before { opacity: 1; } .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 */} .fuel-rating, .fuel-rating2, .fuel-average-rating { display: inline-block; direction: rtl; text-align: center; line-height: 1 } .fuel-rating i { font-size: 2em } .fuel-rating i, .fuel-rating2 i, .fuel-average-rating i { display: inline-block; margin: 0.25em 0.1em; width: 1em; height: 1em } .fuel-rating label { display: inline-block } .fuel-rating label>input { display: none } .fuel-rating label>input+i { border: 2px solid transparent; cursor: pointer } .fuel-rating label>input:checked+i { color: #ffd700 } .fuel-rating:hover i { transition: all 0.2s linear } .fuel-rating:hover label>input:checked+i, .fuel-rating:hover .checked~label i { color: #888 } .fuel-rating label i:hover { color: #ffd700!important; transform: scale(1.4) } .fuel-rating label:hover~label i { color: #ffd700!important } .fuel-rating .checked~label i, .fuel-rating2 .checked, .fuel-rating2 .checked~i, .fuel-average-rating .checked, .fuel-average-rating .checked~i, .fuel-average-rating .checked-before~i { color: #ffd700 } #reviews_blanket { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background: rgba(0, 0, 0, 0.0980392) } .reviews-alert { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; margin: auto; padding: 1.25em; width: 12.5em; height: 12.5em; font: 1em Helvetica, sans-serif; font-weight: bold; text-align: center; text-transform: uppercase; color: #333; background: #fff; box-shadow: 0 0.5em 2.2em 0.4em rgba(0, 0, 0, 0.14), 0 0.5em 0.75em -0.3em rgba(0, 0, 0, 0.12), 0 1.2em 2em 0.15em rgba(0, 0, 0, 0.2) } .rating_total { float: left; margin: 0 0.625em 0 0; line-height: 1.75 } .fuel-average-rating i { font-size: 1em; } .fuel-average-rating .half-under { margin-left: -1.1em; position: relative; z-index: 3; overflow: hidden; width: 0.5em; margin-left: -0.6em } .half-under svg { width: 1em; height: 1em; max-width: none } .fuel-average-rating .half-star { position: relative; z-index: 1 } .toggler { border-radius: 0.2em 0.2em 0 0; margin: 0.5em 0 0; border: 1px solid #4a4a4a; border-bottom-color: #333; padding: 0.2em 1em 0.3em; color: #fff; background: #4a4a4a; cursor: pointer; transition: background-color 0.4s ease, color 0.4s ease } .toggler:hover { border: 1px solid #4a4a4a; color: #4a4a4a; background: transparent } .toggler svg { width: 1em; height: 1em; position: relative; top: 0.2em; left: -0.5em; transform: all 0.4s ease } .toggler.js-active svg { transform: rotate(-180deg) } .toggle { display: none; margin-bottom: 1em; border: 1px solid #4a4a4a; border-top: 0; border-radius: 0 0 0.2em 0.2em; padding: 1em 1em 0 1em; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) } .quiz { text-align: center } .quiz-status-steps { display: flex; flex: 0 0 auto; justify-content: space-between; margin: 1em auto; list-style: none; max-width: 20em } .quiz-status-step { display: inline-block; vertical-align: middle; position: relative; margin: 0 } .quiz-status-step:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 50%; margin: auto; width: 0; max-width: 0%; height: 0.1em; background: #ddd; transition: max-width 400ms } .quiz-complete:after { width: 11vw; max-width: 250%; background: #999 } .quiz-status-step:last-child:after { display: none } .quiz-status-circle { display: block; position: relative; z-index: 1; border: 0.15em solid #ddd; border-radius: 50%; width: 1.25em; height: 1.25em; color: #ddd; background: #ddd; transition: all 400ms } .quiz-status-circle:before { vertical-align: top; font-size: 0.75em; line-height: 1.3 } .quiz-current .quiz-status-circle { border-color: #999; transform: scale(1.2) } .quiz-complete .quiz-status-circle { border-color: #999; color: #fff; background: #999 } .quiz-start { margin-top: 1em } .quiz-step { position: relative; z-index: 1; max-height: 0; overflow: hidden; opacity: 0; transition: opacity 500ms, max-height 0ms 500ms } .quiz-step-content { padding: 1em } .quiz-step.quiz-current { z-index: 2; max-height: 100em; opacity: 1; transition: opacity 500ms 500ms, max-height 0ms 500ms } .quiz-answer { display: inline-block; vertical-align: middle; position: relative } .quiz-answer-radio { position: absolute; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; opacity: 0 } .quiz-answer-text { margin: 1em 1em 0 } .quiz-legal { font-size: 0.8em } /*-------------------------------------------------------------- # Site Structure --------------------------------------------------------------*/ #wrapper { margin: auto; max-width: 96rem; background: #fff; } #wrapper, #wrapper > * { width: 100%; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ #header {text-align: center;z-index: 1;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;border-top: 0.75rem solid #C1C630;border-bottom: 2.25rem solid #000;height: 10.3rem;padding: 0 0 0;} .hdr-col-left {} .hdr-col-left a { display: block; } .hdr-col-left a img {/* width: 100%; *//* max-width: 11rem; */} .hdr-col-right {display: none; } .mobile-menu-hidden-text { display: none; } .hdr-ph-num { display: none; } #primary-menu .hide-at-desktop a {width: 100%;max-width: 15rem;margin: 0 auto;padding: 0.5rem 0 0.5rem 1.1rem;background: #FF9D00;} .top-menu-icon-container {display: inline-block;width: 1.8rem;height: 1.8rem;background: #fff;border-radius: 50%;text-align: center;vertical-align: middle;margin-right: 0.25rem;} .top-menu-icon-container svg {width: 0.8rem;height: 0.8rem;color: #FF9D00;} .alert-bar a { color: #1C75BC; } .alert-bar a:hover { text-decoration: underline; } @media only screen and (min-width:58.5em){ /* 936px */ #header {display: flex;justify-content: space-between;flex-wrap: nowrap;height: 8.75rem;padding-top: 1rem;padding-bottom: 1rem;position: relative;z-index: 998;padding: 0 1.5rem;border-top: 0;border-bottom: 0;border-right: 0.9rem solid #C1C630;} .hdr-col-left, .hdr-col-right {display: flex;flex-wrap: wrap;width:50%;padding: 0 0 0;} .hdr-col-left {justify-content: flex-start;} .hdr-col-right {justify-content: flex-end;background: none;} #hdr-top-menu {position: absolute;top: 0.3rem;width: auto;} #top-nav, .hdr-ph-num { width: 100%; } #menu-top-menu {list-style: none;margin: 0 0 0;display: flex;justify-content: flex-end;height: auto;} #menu-top-menu li {margin: 0 2.8rem 0 0;} #menu-top-menu li:last-of-type {margin: 0 0 0;} #menu-top-menu li a {line-height: 1;font-size: 1rem;color: #000;padding: 0 0 0;vertical-align: 0;transition: all 300ms ease;} #menu-top-menu li a:hover {color: #C1C630;} #menu-top-menu li a:hover svg path { fill: #C1C630; } #menu-top-menu li a svg path, #menu-top-menu li a svg g { transition: all 300ms ease; } #menu-top-menu li a:hover svg g { fill: #FF8C22; transition: all 300ms ease; } #menu-top-menu li a svg {margin: 0 0.4rem 0 0;height: 0.75rem;vertical-align: 0;} .top-menu-icon-container {width: 1.8rem;height: 1.8rem;background: #FF9D00;border-radius: 50%;vertical-align: initial;} .top-menu-icon-container svg {width: 0.8rem;height: 0.8rem;color: #fff;margin-bottom: 0.2rem;} #primary-menu li.hide-at-desktop { display: none; } .mobile-menu-hidden-text { display: inline-block; } .hdr-ph-num {display: flex;justify-content: flex-end;text-align: right;margin: 1.8rem 0 0;position: relative;width: auto;} .hdr-ph-num-dropdown {position: absolute;top: calc(100% + 0.5rem);right: auto;left: auto;background: #fff;padding: 1rem 1rem 1.5rem;box-shadow: 0 2px 2.5px 0 rgba(0,0,0,0.50);text-align: left;transform: scale(1,0);transform-origin: 50% 0;transition: all 300ms ease;} .hdr-ph-num-dropdown.hdr-ph-num-dropdown-open { transform: scale(1,1); } .hdr-ph-num-dropdown-location { white-space: nowrap; } .hdr-ph-num-dropdown-location a { color: #085596; } .hdr-ph-num-dropdown-location a:hover { color: #FF9D00; text-decoration: underline; } .hdr-top-link-contact {font-size: 2.4rem;color: #000;line-height: 1;font-weight: bold;} .hdr-top-link-contact:before {content: '';width: 1.5rem;height: 2.4rem;background-image: url(./images/phone-icon.svg);background-size: cover;background-position: center;background-repeat: no-repeat;display: inline-block;vertical-align: -0.4rem;transition: all 300ms ease;} .hdr-top-link-contact:hover { color: #C1C630; } .hdr-top-link-contact:hover:before {background-image: url(./images/phone-icon-hover-green.svg);} } @media only screen and (min-width:68.5em){ /*1096px*/ #header { border-bottom: none; } #menu-top-menu li {margin: 0 2.2rem 0 0;line-height: 2.25;} #menu-top-menu li a { font-size: 1rem; } #menu-top-menu li a img { margin: 0 0.5rem 0 0; height: 0.75rem; vertical-align: 0; } .hdr-top-link-contact:before {/* width: 2.4rem; *//* height: 2.4rem; */} .hdr-top-link-contact { font-size: 2.8rem; } } @media only screen and (min-width:73.75em){ /*1180px*/ #primary-menu a { padding: 0.75rem 0.5rem; } } @media only screen and (min-width:82.5em){ /*1320px*/ #header {padding: 1rem 4.4rem;} .hdr-top-link-contact {font-size: 2.8rem;} .hdr-col-left a img { max-width: 30.5rem; } #hdr-top-menu {/* top: 1.7rem; */} } @media only screen and (min-width:90.75em){ /*1452px*/ ul#menu-top-menu li a {} } @media only screen and (min-width:103.75em){ /*1660px*/ #menu {padding-left: 15rem;padding-right: 15rem;} } /*-------------------------------------------------------------- # Menu - Small Screen --------------------------------------------------------------*/ @media only screen and (max-width: 68.49em) { .menu-buttons {background: #000;display: flex;flex-flow: row nowrap;justify-content: center;position: fixed;right: 0;bottom: 0;left: 0;z-index: 999;margin-bottom: -100em;padding-bottom: 100em;width: 100%;} .menu-button {color: #fff;background: #000;display: block;flex: 0 1 auto;/* border-left: 1px solid rgba(255, 255, 255, 0.2); */padding: 0.6em 0 0.6em;width: 8em;line-height: 1;text-align: center;} .menu-button:first-child { border-left: 0; } .menu-button-icon { display: block; margin-bottom: 0.25em; font-size: 1.1em; } .menu-button-icon svg { width: 1em; height: 1em; } .menu-button-label { display: block; font-size: 0.6em; } .menu-close {color: #fff;/* background: #222; */display: none;} .menu-button:hover, .menu-buttons .menu-close.js-active {color: #fff;/* background: #444; */} .menu-buttons .js-activate.js-active { display: none; } .menu-buttons .js-deactivate.js-active { display: block; } .menu-tab {background: #000;position: fixed;top: 100%;right: 0;bottom: 0;left: 0;z-index: 998;padding: 1em 0 5em;overflow: auto;transition: top 700ms;} .menu-tab.js-active, .menu-tab:target { top: 0; } #primary-menu, #primary-menu ul { position: relative; z-index: 2; margin: 0; padding: 0; list-style: none; } #primary-menu { margin: auto; max-width: 22rem; } #primary-menu ul {background: #fff;} #primary-menu li { position: relative; z-index: 1; margin: 0; padding: 0; list-style: none; } #primary-menu a { color: #fff; display: block; position: relative; padding: 0.5em 2.5em 0.5em 1.5em; } #primary-menu a:hover {background: #FFD600;color: #000;} #primary-menu .menu-item-has-children>a:after { content: ''; position: absolute; top: 1.05em; right: 1.5em; border-style: solid; border-color: transparent; border-top-color: #fff; border-width: 0.5em 0.4em 0 0.4em; transition: all 200ms; } #primary-menu .js-active>a:after {transform: rotate(90deg);} #primary-menu ul li { overflow: hidden; max-height: 0; transition: max-height 500ms; } #primary-menu ul a {padding-left: 2.5em;color: #000;} #primary-menu ul ul a { padding-left: 3.5em; } #primary-menu ul ul ul a { padding-left: 4.5em; } #primary-menu .js-active>ul>li { max-height: 5em; } #primary-menu .js-active>ul>.js-active { max-height: 100em; transition: max-height 500ms; } .nojs #primary-menu ul li { max-height: none; } .nojs #primary-menu .menu-item-has-children>a:after { display: none; } .menu-search { display: none; } .menu-search-form { margin: auto; padding: 1em 1.5em; max-width: 22rem; } .menu-search-form .search-form {display: flex;border: 1px solid #fff;} .menu-search-form label {width: 100%;color: #fff;} .menu-search-form .search-field {padding: 0.5em 1em;width: 100%;line-height: 1.5;/* background: #eee; */-webkit-appearance: textfield;} .menu-search-form .search-submit {padding: 0.5em 1em;line-height: 1.5;color: #FFD600;font-size: 0.1px;background-image: url(./images/search-white.svg);background-size: 1rem;background-repeat: no-repeat;background-position: center;width: 3rem;} .menu-search-form .search-submit:hover { background-image: url(./images/search-hover.svg); } #primary-menu .mobile-menu-top-btns a { background: #FFD600; text-align: center; color: #000; margin: 0 1.5rem 1rem; height: 3.5rem; line-height: 3.5rem; padding: 0 0 0; } #primary-menu .mobile-menu-top-btns:nth-child(2) a {margin: 0 1.5rem 2rem;} #primary-menu .mobile-menu-top-btns a svg { margin-right: 0.8rem; vertical-align: -0.1rem; } #primary-menu .js-active > a { color: #000; background: #FFD600; } #primary-menu .menu-item-has-children.js-active > a:after, #primary-menu .menu-item-has-children>a:hover:after { border-top-color: #000; } #primary-menu .menu-item-has-children .menu-item-has-children>a:after { border-top-color: #000; } #primary-menu > .js-active > .sub-menu { padding-bottom: 1rem; } #primary-menu > .js-active > .sub-menu:after { content: ''; background: linear-gradient( 90deg , #FFD600 0%, #FFD600 50%, #C1C630 50%, #C1C630 100%); height: 0.4rem; width: 100%; position: absolute; bottom: 0; left: 0; width: 100%; } } /*-------------------------------------------------------------- # Menu - Large Screen --------------------------------------------------------------*/ @media only screen and (min-width: 68.5em) { .menu-buttons { display: none } #menu {position: -webkit-sticky;position: sticky;top: 0;z-index: 999;background: #000;} #primary-menu { background: transparent; display: flex; flex-flow: row wrap; justify-content: space-between; position: relative; text-align: center } #primary-menu, #primary-menu ul { margin: 0; padding: 0; list-style: none } #primary-menu ul { background: #fff; } #primary-menu li { display: block; position: relative; z-index: 4; margin: 0; padding: 0; list-style: none; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid } #primary-menu>li { flex: 1 0 auto } #primary-menu>.js-active, .nojs #primary-menu>li:hover { z-index: 5 } #primary-menu a { color: #595959; display: block; position: relative; padding: 0.75em 0.5em; text-align: left } #primary-menu a:hover { color: #595959; background: #eee; } #primary-menu>li>a { color: #fff; text-align: center } #primary-menu>li>a:hover, #primary-menu>.js-active>a {color: #000;background: #FFD600;} #primary-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-top-color: #fff; border-width: 0.3em 0.25em 0 0.25em; transition: all 200ms } #primary-menu>.menu-item-has-children.js-active>a:after { border-top-color: #000; } #primary-menu>.js-active>a:after, .nojs #primary-menu>li:hover>a:after { transform: rotate(-180deg) } #primary-menu>.menu-item-has-children>ul { position: absolute; top: 100%; left: 50%; z-index: 10; margin-left: -6.5rem; padding: 1rem 0; width: 13rem; max-height: 25rem; box-shadow: 0.05rem 0.05rem 0.25rem rgba(0, 0, 0, 0.2); opacity: 0; transform: scale(0.7); transform-origin: 50% 0; pointer-events: none; visibility: hidden; transition:transform 500ms, opacity 300ms, visibility 0ms 500ms; } #primary-menu>.js-active>ul, .nojs #primary-menu>li:hover>ul { transform: scale(1); opacity: 1; visibility: visible; transition: transform 500ms, opacity 300ms; pointer-events: auto } #primary-menu ul a { padding: 0.5em 1.5em; font-size: 0.9em } #primary-menu ul a:hover { background: rgba(255, 214, 0, 0.5); color: #000; } #primary-menu>.menu-full { position: static } #primary-menu>.menu-full>ul { left: 3rem; right: 3rem; margin: 0; width: auto } #primary-menu>.mega-menu>.sub-menu, #primary-menu>.menu-mega>.sub-menu { display: flex; flex-flow: row wrap; padding: 1rem 1rem 1rem 0 } #primary-menu>.mega-menu>.sub-menu>li, #primary-menu>.menu-mega>.sub-menu>li { flex: 1 1 0; padding-left: 1rem } #primary-menu .mega-menu>ul>li>a, #primary-menu .menu-mega>ul>li>a { font-weight: bold; border-bottom: 1px solid #333; color: #333; background: none; cursor: default } #primary-menu>.menu-col-2>ul { margin-left: -15rem; width: 30rem; } #primary-menu>.menu-col-3>ul { margin-left: -19.5rem; width: 40rem } #primary-menu>.mega-menu>.sub-menu>.menu-span-2, #primary-menu>.menu-mega>.sub-menu>.menu-span-2 { flex: 2 1 0 } #primary-menu .menu-span-2>ul { column-count: 2; column-gap: 1rem } #primary-menu>.mega-menu>.sub-menu>.menu-span-3, #primary-menu>.menu-mega>.sub-menu>.menu-span-3 { flex: 3 1 0 } #primary-menu .menu-span-3>ul { column-count: 3; column-gap: 1rem } #primary-menu>.menu-home, #primary-menu>.menu-search { width: 3em; max-width: 4em } #primary-menu>.menu-left>ul { left: 0; margin-left: 0; transform-origin: 0 0; } #primary-menu>.menu-right>ul { left: auto; right: 0; margin-left: 0; transform-origin: 100% 0; } #primary-menu>.menu-home>a, #primary-menu>.menu-search>a { position: relative; overflow: hidden; } #primary-menu .menu-search a:after { display: none; } #primary-menu>.menu-search>.sub-menu { right: 0; left: auto; margin: 0; padding: 0; width: 20rem; transform-origin: top right } .menu-search-form { display: none } #primary-menu .menu-search-form { display: block } .menu-search-form .search-field {padding: 0.25rem 1rem;width: 100%;font-size: 0.9em;line-height: 2;-webkit-appearance: textfield;} .menu-search-form .search-submit { display: none } #primary-menu>.menu-item-has-children>a:hover:after { border-top-color: #000; } #primary-menu .mobile-menu-top-btns { display: none; } } @media only screen and (min-width:82.5em) { .primary-menu>.menu-full>ul { left: calc(50% - 30rem); right: calc(50% - 30rem); } } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .entry-sidebar .entry-content, .entry-no-sidebar .entry-content { padding-top: 3rem; padding-bottom: 3rem; } .entry-content > :first-child, .entry-content > script:first-child + * { margin-top: 0; } /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ .entry-sidebar .widget-area { margin: 0 auto; padding-top: 1.2rem; padding-bottom: 3rem; max-width: 24rem; } .widget { display: block; margin: 0 0 1.5em 0; } .widget:last-child { margin-bottom: 0; } .widget-title { margin: 0 0 0.7rem 0; } #block-4, #block-7 { position: -webkit-sticky; position: sticky; top: 4.5rem; } .sidebar-widget-title, .widget-title { font-size: 1.4rem; line-height: 1.35; text-align: center; color: #FFD600; background: #000; height: 6rem; display: flex; justify-content: center; align-items: center; position: relative; margin: 0 0 2rem; } .sidebar-widget-title:after, .widget-title:after { content: ''; background: linear-gradient( 90deg , #FFD600 0%, #FFD600 50%, #C1C630 50%, #C1C630 100%); height: 0.8rem; width: 100%; position: absolute; bottom: -0.8rem; } .sidebar-top-text { font-size: 0.8rem; line-height: 1.35; } .sidebar-top-text, .widget.gform_widget { padding: 0 1rem; margin: 0 0 1.5rem; } .widget.gform_widget .gfield { border: 1px solid #000; border-radius: 4px; } .widget.gform_widget .gform_footer.top_label { text-align: center; } .widget.widget_categories { padding: 0 0 1rem; } .widget.widget_categories a { color: #000; } @media only screen and (min-width:68.5em) { /* 1096px */ .entry-sidebar { display: flex; justify-content: space-between; align-items: stretch; } .entry-sidebar .entry-content { /* flex: 1 1 auto; */ width: 100%; padding-top: 2.5rem; } .entry-sidebar .widget-area { /* flex: 0 0 auto; */ margin-left: 2rem; width: 100%; max-width: 20rem; padding-top: 2.5rem; } } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ #footer {background-color: #000;} .footer-cols {/* padding-bottom: 2rem; *//* margin: 0 0 0.8rem; */} .ftr-col {margin: 0 0 0;width: 100%;} .ftr-col.footer-logo.footer-logo-desktop { display: none; } .ftr-soc-media-link {margin: 0 0.5rem;color: #fff;} .ftr-soc-media-link svg { width: 1rem; } .ftr-soc-media-link:hover { color: #FFD600; } .ftr-col-title {font-size: 0.9rem;line-height: 1.7;color: #FFD600;margin: 0 0 1.9rem;font-weight: 400;} .ftr-col.footer-locations { padding: 1.5rem 1.2rem 0; } .footer-locations-wrapper .our-location-row-col { padding: 0 0.8rem 0; } .footer-locations-wrapper .location-section-addr-line-title, .footer-locations-wrapper .location-section-addr-line a, .footer-locations-wrapper .location-section-addr-line-nonlink { color: #fff; margin-left: 0rem; font-size: 0.85rem; } .footer-locations-wrapper .location-section-addr-line a:hover { text-decoration: underline; } .footer-locations-wrapper .our-location-row-col a, .footer-locations-wrapper .our-location-row-col > span, .footer-locations-wrapper .our-location-row-col .location-hours { color: #fff; font-size: 0.8rem; } .footer-locations-wrapper .our-location-row-col-title svg {left: -1.7rem;width: 0.8rem;height: 1rem;} .ftr-col.footer-links { padding: 1.5rem 1.2rem 1rem; } #menu-footer-menu { margin: 0 0 0; list-style: none; column-count: 2;width: 100%; max-width: 18rem; } #menu-footer-menu li {margin: 0 0 0;} #menu-footer-menu li a {color: #fff;font-size: 0.8rem;} #menu-footer-menu li a:hover { text-decoration: underline; } #menu-footer-menu li a svg {vertical-align: 0;margin-right: 0.1rem;} .location-section-addr-line { position: relative; padding-left: 1.8rem; margin: 0 0 1.2rem; border: 3px dashed lime; } .ftr-col.footer-logo.footer-logo-mobile {padding: 0 1rem;margin: 1rem 0 1rem;} .ftr-soc-media-link-container { margin: 1.5rem 0 0; } .site-info {font-size: 0.9rem;text-align: center;/* background: #D2D2D0; */padding-top: 1.2rem;padding-bottom: 5rem;} .copyright {padding: 0.6rem 0 0;margin: 0 0 1.5rem;text-align: center;font-size: 0.8rem;color: #fff;border-top: 1px solid #fff;} .copyright br { display: none; } #menu-copyright-menu {list-style: none;margin: 0 0 0;} #menu-copyright-menu li {font-size: 0.8rem;text-align: left;margin: 0 0 0.25rem;text-align:center;} #menu-copyright-menu li a { color: #fff; } #menu-copyright-menu li a:hover {text-decoration: underline; } @media only screen and (min-width:38.5em) { /*616px*/ #footer {/* padding-top: 2.2rem; */} .footer-cols {display: flex;flex-wrap: wrap;} .ftr-col-title {margin: 0 0 1.1rem;line-height: 1.2;} .ftr-col.footer-logo {display: flex;flex-wrap: wrap;justify-content: center; } .footer-logo-container {width: 100%;text-align: center;margin: 0 0 0; } .ftr-col.footer-logo .footer-logo-container > img {width: 100%;max-width: 15.75rem;} .ftr-soc-media-link-container { text-align: center; } .ftr-col-title { text-align: center; } .footer-locations-wrapper .location-section-info-text {max-width: 26rem;margin: 0 auto;display: grid;grid-template-areas: 'left-top right-all' 'left-middle right-all' 'left-bottom right-all';} .location-section-addr-line.addr-line-address { grid-area: left-top; } .location-section-addr-line.addr-line-phone { grid-area: left-middle; } .location-section-addr-line.addr-line-fax { grid-area: left-bottom; } .location-section-addr-line.addr-line-hours { grid-area: right-all; } .ftr-col.footer-links {display: block;padding: 0 0 2rem;} #menu-footer-menu {margin: 0 auto;text-align: center;} .copyright {text-align: center;font-size: 0.8rem;} #menu-copyright-menu li {display: inline-block;margin: 0 0.25rem 0 0;line-height: 1.4;border-right: 0.05rem solid #fff;padding-right: 0.5rem;} #menu-copyright-menu li:last-of-type {margin: 0 0 0;border-right: none;padding-right: 0;} } @media only screen and (min-width:58.5em) { /* 936px*/ .footer-locations-wrapper .our-location-row-col.our-location-addr-col { grid-area: left-top; } .footer-locations-wrapper .our-location-row-col.our-location-phone-col { grid-area: left-middle; } .footer-locations-wrapper .our-location-row-col.our-location-fax-col { grid-area: left-bottom; } .footer-locations-wrapper .our-location-row-col.our-location-hours-col { grid-area: right-all; } } @media only screen and (min-width:68.5em) { /* 1096px*/ #footer {} .footer-cols {width: 100%;max-width: 60rem;margin: auto;flex-wrap: nowrap;justify-content: space-between;padding-left: 3rem;} .ftr-col.footer-logo {width: 35%;display: inline-block;padding: 3rem 0 0;position: relative;top: 0;bottom: 0;} .ftr-col.footer-logo.footer-logo-desktop { display: block; } .footer-logo-container {text-align: left;/* padding-right: 1.5rem; */} .ftr-soc-media-link-container { text-align: left; } .ftr-soc-media-link { margin: 0 1rem 0 0; } .ftr-col.footer-locations {width: 44%;padding: 2rem 0 0;text-align: left;} .ftr-col.footer-locations .ftr-col-title {width: 100%;} .ftr-col.footer-locations .footer-locations-wrapper {/* column-count: 2; */width: 100%;max-width: none;} .footer-locations-wrapper .our-location-row-col.our-location-addr-col { grid-area: left-top; } .footer-locations-wrapper .our-location-row-col.our-location-phone-col { grid-area: left-middle; } .footer-locations-wrapper .our-location-row-col.our-location-fax-col { grid-area: left-bottom; } .footer-locations-wrapper .our-location-row-col.our-location-hours-col { grid-area: right-all; } .ftr-col.footer-links {width: 16%;padding: 2rem 0 0;} .ftr-col-title { text-align: left; } .footer-locations-wrapper .location-section-info-text { display: grid; grid-template-areas: 'left-top right-all' 'left-middle right-all' 'left-bottom right-all'; max-width: none; margin: 0; } .footer-locations-wrapper .loc-cont-location-row-title {grid-area: title-top;} .footer-locations-wrapper .location-section-addr-line {width: 100%;} .footer-locations-wrapper .location-section-addr-line.addr-line-address {grid-area: left-top;} .footer-locations-wrapper .location-section-addr-line.addr-line-phone {grid-area: left-middle;} .footer-locations-wrapper .location-section-addr-line.addr-line-fax {grid-area: left-bottom;} .footer-locations-wrapper .location-section-addr-line.addr-line-hours {grid-area: right-all;} #menu-footer-menu { column-count: 1; text-align: left; } #menu-footer-menu li {margin: 0 0 0.5rem 0;line-height: 1.2;} .ftr-col.footer-logo.footer-logo-mobile { display: none; } .site-info {display: flex;justify-content: space-around;padding-top: 0;padding-bottom: 1rem;/* margin: -1.5rem 0 0; */} .copyright {text-align: left;width: 50%;margin: 0 0 0;line-height: 1.4;} #copyright-navigation {text-align: right;width: 50%;line-height: 1.4;border-top: 1px solid #fff;padding: 0.6rem 0 0;} } @media only screen and (min-width:75em) { /* 1200px*/ .ftr-col.footer-logo { padding-right: 0; } .footer-locations-wrapper .location-section-addr-line-title, .footer-locations-wrapper .location-section-addr-line a, .footer-locations-wrapper .location-section-addr-line-nonlink { font-size: 0.9rem; } } @media only screen and (min-width:82.5em) { /* 1320px*/ .footer-cols { padding-left: 0; } .footer-logo-container {/* padding-right: 2rem; */} .ftr-col.footer-links {/* padding: 2.2rem 0 8.5rem; */} } @media only screen and (min-width:88.75em) { /* 1420px*/ .footer-cols {/* margin: 0 0 -0.5rem; */} } /*-------------------------------------------------------------- # Home --------------------------------------------------------------*/ /* Hero Images */ .home-header-container {height: 24rem;background-image: url(./images/hero-color-bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: 65%;position: relative;} .home-header-title {height: 6.5rem;display: flex;justify-content: center;align-items: center;font-size: 2rem;line-height: 1.3;font-weight: bold;text-align: center;color: #FFD600;background-color: rgba(0,0,0,0.75);position: absolute;right: 0;bottom: 2.5rem;left: 0;} .home-header-color-photo-box {display: none;} @media only screen and (min-width:68.5em) { /*1096px*/ .home-header-container {height: 29rem;background-image: none;} .home-header-bw-photo-box {height: 29rem;background-image: url(./images/hero-bg.jpg);background-size: auto 34.8rem;background-position: right top;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;filter:grayscale(1);} .home-header-title {height: 11.7rem;font-size: 2.8rem;width: 100%;max-width: 29rem;bottom: -2.1rem;left: 3rem;z-index: 2;} .home-header-color-photo-box {display: block;height: 33.4rem;width:28.9rem;background-image: url(./images/hero-bg.jpg);background-size: auto 34.8rem;background-position: right -22.2rem top;background-repeat: no-repeat;position: absolute;top: 0; right: 22.2rem;z-index: 1;box-shadow: 0 0 0.5rem rgba(0,0,0,0.8);opacity:0;transform:translateX(-33.3rem);transition: all 1s ease-in-out; } /* Mask Group */ .js-intersected .home-header-color-photo-box { opacity: 1; transform: none; } .home-header-title { opacity: 0; transform: translateY(-2rem); transition: all 1s 0.75s ease-out, opacity 1.25s 0.75s ease-out; } .js-intersected .home-header-title { opacity: 1; transform: none; } } @media only screen and (min-width:82.5em) { /*1320px*/ .home-header-title { left: calc(50% - 30rem); } } /* Welcome Section */ .welcome-section {padding-top: 2.1rem;padding-bottom: 2rem;} .welcome-section-text {/* padding: 0 1.5rem; */} .welcome-section-title {line-height: 1;margin: 0 0 4.5rem;position: relative;/* padding: 0 1.5rem; */font-size: 2rem;color: #000;position: relative;} .welcome-section-title-small {display: block;margin: 0 0 0.25rem;font-size: 1rem;line-height: 1.3;font-weight: bold;color: #000;} .welcome-section-title:after {content: '';background: linear-gradient( 90deg , #FFD600 0%, #FFD600 50%, #C1C630 50%, #C1C630 100%);height: 0.4rem;width: 100%;position: absolute;bottom: -2rem;left: 0;width: 100%;max-width: 14.7rem;} .welcome-section-text p {font-size: 0.9rem;line-height: 1.6;margin: 0 0 1.6rem;} .welcome-section-text-btn { display: block; width: 100%; max-width: 12.25rem; margin: 0 auto 0; } .welcome-section-text-btn:first-of-type { margin: 0 auto 1.3rem; } .welcome-section-logo-container { display: none; } @media only screen and (min-width:41.5em) { /*616px*/ .welcome-section-text-btn { display: inline-block; } .welcome-section-text-btn:first-of-type {margin: 0 1.3rem 0 0;} } @media only screen and (min-width:58.5em) { /*936px*/ .welcome-section { padding: 6.25rem 3rem 3.5rem; } .welcome-section-container {margin: 0 0 0 0;padding: 0 0 0;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;max-width: 58.5rem;} .welcome-section-text { padding: 0 0 0; width: 66%; max-width: 39.5rem; position: relative; margin-right: 2%; } .welcome-section-title { font-size: 2rem; margin: 0 0 4.2rem; line-height: 1; width: 100%; padding: 0 0 0; text-align: left; } .welcome-section-title-small { font-size: 1.2rem; margin: 0 0 0.9rem; } .welcome-section-title:after { bottom: -2.4rem; } .welcome-section-text p { text-align: left; font-size: 1rem; line-height: 2; margin: 0 0 2rem; } .welcome-section-logo-container { display: block; width: 32%; max-width: 19rem; margin-top: -3rem; text-align: center; } .welcome-section-logo-black-box { background: #000; padding: 5rem 1.2rem 5rem; position: relative; } .welcome-section-logo-black-box:before { content: ''; background-image: url(./images/welcome-section-logo.png); background-size: cover; width: 6.6rem; height: 7.6rem; position: absolute; top: -4rem; right: 0; left: 0; margin: auto; } .welcome-section-logo-black-box:after { content: ''; background: linear-gradient( 90deg , #FFD600 0%, #FFD600 50%, #C1C630 50%, #C1C630 100%); height: 0.4rem; width: 100%; position: absolute; right: 0; bottom: 2.3rem; left: 0; width: 100%; max-width: 6.5rem; margin: auto; } .welcome-section-logo-black-box-text { color: #fff; margin: 0 0 2rem; } .welcome-section-logo-black-box-btn.button.black-button { border: 1px solid #fff; padding: 0.5rem 0.25rem; } .welcome-section-logo-black-box-btn.button.black-button:hover { border: 1px solid #C1C630; } .welcome-section-logo-black-box-subtitle { font-size: 0.6rem; line-height: 1.25; margin: 0.75rem 0.8rem 0; font-style: italic; } } @media only screen and (min-width:68.5em) { /*1096px*/ .welcome-section-text { max-width: calc(68% - 2rem); margin-right: 2rem; } .welcome-section-logo-container {} .welcome-button-row {padding: 0 0 0 1.2rem;} .welcome-button-row-icon svg {margin-right: 1.2rem;} .welcome-section-title, .welcome-section-text, .welcome-section-logo-container { opacity: 0; transition: all 1s ease; } .welcome-section-logo-container { transition-delay: 0.25s; } .js-intersected .welcome-section-title { opacity: 1; } .js-intersected .welcome-section-text { opacity: 1; } .js-intersected .welcome-section-logo-container { opacity: 1; } } @media only screen and (min-width:75em) { /*1200px*/ .welcome-button-row { font-size: 1.2rem; } .welcome-section-logo-black-box { padding: 5rem 1.8rem 5rem; } .welcome-section-logo-black-box-text { font-size: 1.2rem; } .welcome-section-logo-black-box-btn.button.black-button { padding: 0.5rem 0.75rem; } } @media only screen and (min-width:82.5em) { /*1320px*/ .welcome-section {padding-left: calc(50% - 30rem);padding-right: calc(50% - 30rem);} } /* Meet Our Doctors Section */ .meet-doctors-section { background: #F4F4F4; position: relative; padding-top: 3.3rem; padding-bottom: 5.7rem; } .meet-doctors-section-bg-logo { display: none; } .meet-doctors-section-title {line-height: 1;margin: 0 0 4.5rem;position: relative;font-size: 1.6rem;color: #000;position: relative;text-align: center;} .meet-doctors-section-title:after {content: '';background: linear-gradient( 90deg , #FFD600 0%, #FFD600 50%, #C1C630 50%, #C1C630 100%);height: 0.4rem;width: 100%;position: absolute;right: 0;bottom: -2rem;left: 0;width: 100%;max-width: 9.5rem;margin: auto;} .meet-doctors-section-text {text-align: center;margin: 0 0 2rem;font-size: 0.9rem;} .meet-doctors-section-bio-row { text-align: center; } .meet-doctors-section-bio-box { margin: 0 0 2.6rem; } .meet-doctors-section-bio-name { font-size: 1.2rem; line-height: 1; color: #000; margin: 2.6rem 0 2rem; } @media only screen and (min-width:48.5em) { /*776px*/ .meet-doctors-section-bio-row { display: flex; justify-content: center; } .meet-doctors-section-bio-box { width: 50%; } } @media only screen and (min-width:58.5em) { /*936px*/ .meet-doctors-section {padding-top: 3.7rem;padding-bottom: 4.2rem;} .meet-doctors-section-bg-logo { display: block; } .meet-doctors-section-bg-logo img {position: absolute;top: 0;right: 66%;bottom: 0;height: 100%;} .meet-doctors-section-container { width: 100%; max-width: 38.7rem; padding: 0; } .meet-doctors-section-title { font-size: 2rem; margin: 0 0 4.6rem; } .meet-doctors-section-title:after {bottom: -1.6rem;max-width: 14.7rem;} .meet-doctors-section-text { margin: 0 0 3.5rem; } } @media only screen and (min-width:68.5em) { /*1096px*/ .meet-doctors-section-title, .meet-doctors-section-text, .meet-doctors-section-bio-box {opacity: 0; transition: all 1s ease; } .meet-doctors-section-text { transition-delay: 0.25s; } .meet-doctors-section-bio-box:nth-child(1) { transition-delay: 0.5s; } .meet-doctors-section-bio-box:nth-child(2) { transition-delay: 0.75s; } .js-intersected .meet-doctors-section-title, .js-intersected .meet-doctors-section-text, .js-intersected .meet-doctors-section-bio-box { opacity: 1; } } /* Our Services Section */ .our-services-section { padding-top: 3.3rem; overflow: hidden; } .our-services-section-title {line-height: 1;margin: 0 0 4.5rem;position: relative;font-size: 1.6rem;color: #000;position: relative;text-align: center;} .our-services-section-title:after { content: ''; background: linear-gradient( 90deg , #FFD600 0%, #FFD600 50%, #C1C630 50%, #C1C630 100%); height: 0.4rem; width: 100%; position: absolute; right: 0; bottom: -2rem; left: 0; width: 100%; max-width: 9.5rem; margin: auto; } .hearing-loss-svc-row .our-services-section-row-img {background-image: url(./images/hearing-loss-svc-row-img-color.jpg);background-position: 80% 0%;} .hearing-aids-svc-row .our-services-section-row-img {background-image: url(./images/hearing-aids-svc-row-img-color.jpg);background-size: cover;background-position: center;} .strange-sounds-svc-row .our-services-section-row-img {background-image: url(./images/strange-sounds-svc-row-img-color.jpg);background-position: 65% top;} .strange-sounds-svc-row .our-services-section-row-img {} .our-services-section-row-text {background-color: #000;color: #fff;padding: 2.5rem 1.5rem 2.5rem;position: relative;} .our-services-section-row-text:after { content: ''; background: linear-gradient( 90deg , #FFD600 0%, #FFD600 50%, #C1C630 50%, #C1C630 100%); height: 0.75rem; width: 100%; position: absolute; bottom: 0; left: 0; } .our-services-section-row-text p { margin: 0 0 2.5rem; font-size: 0.9rem; line-height: 2; } .our-services-section-row-img { height: 21rem; } .our-services-section-row-title {color: #FFD600;font-size: 1.2rem;line-height: 1.3;margin: 0 0 1.5rem;} .our-services-section-row-text .button { border: 1px solid #fff; color: #fff !important; font-size: 0.9rem; max-width: none; width: auto; padding: 0.5rem 1.2rem; } .our-services-section-row-text .button:hover {border: 1px solid #C1C630;} @media only screen and (min-width:31.25em) { /*500px*/ .hearing-loss-svc-row .our-services-section-row-img {background-position: top right;} } @media only screen and (min-width:58.5em) { /*936px*/ .our-services-section-title:after {bottom: -1.6rem;max-width: 14.7rem;} } @media only screen and (min-width:68.5em) { /*1096px*/ .our-services-section-container { padding: 0 3rem; } .our-services-section-title { font-size: 2rem; margin: 0 0 11.25rem; } .our-services-section-row {position: relative;width: 100%;max-width: 52rem;margin: 0 -2rem 8rem auto;} .our-services-section-row:last-of-type { margin: 0 -2rem 2.3rem auto; } .our-services-section-row-img {height: 33.7rem;position: relative;} .hearing-loss-svc-row .our-services-section-row-img { background-image: url(./images/hearing-loss-bw-bg.jpg); background-position: top right; } .hearing-loss-svc-row .our-services-section-row-img-color-overlay { background-image: url(./images/hearing-loss-color-overlay.png); background-position: top right; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .our-services-section-row.hearing-aids-svc-row {margin: 0 auto 11.8rem 0;} .hearing-aids-svc-row .our-services-section-row-img{background-image: url(./images/hearing-aids-bw-bg.jpg);background-position: left;} .hearing-aids-svc-row .our-services-section-row-img-color-overlay {background-image: url(./images/hearing-aids-color-overlay.png);background-repeat: no-repeat;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .hearing-aids-svc-row .our-services-section-row-text {top: auto;right: -2rem;bottom: -3rem;left: auto;} .strange-sounds-svc-row .our-services-section-row-img { background-image: url(./images/strange-sounds-bw-bg.jpg); background-position: top right; background-repeat: no-repeat; } .strange-sounds-svc-row .our-services-section-row-img-color-overlay { background-image: url(./images/strange-sounds-color-overlay.png); background-position: top right; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .our-services-section-row-text {position: absolute;top: -5rem;left: -2rem;width: 50%;max-width: 31.25rem;padding: 2.2rem 3rem 3rem;} .our-services-section-row-title { font-size: 1.6rem; } /* Our Services Row Animations */ .our-services-section-title { opacity: 0; transition: all 0.5s ease; } .our-services-section-title.js-intersected { opacity: 1; } .our-services-section-row-text, .our-services-section-row-img, .our-services-section-row-img-color-overlay {opacity: 0;transition: all 750ms ease;} .our-services-section-row-text { transform: translateY(-4rem); } .our-services-section-row-img {transition-delay: 0.25s;} .our-services-section-row-img-color-overlay { opacity: 1; transform: translateX(3rem); transition-delay: 0.25s;} .js-intersected .our-services-section-row-text, .js-intersected .our-services-section-row-img, .js-intersected .our-services-section-row-img-color-overlay {opacity: 1;} .js-intersected .our-services-section-row-text, .js-intersected .our-services-section-row-img-color-overlay { transform: none; } } @media only screen and (min-width: 82.5em) { /*1320px*/ .our-services-section-container {padding: 0 calc(50% - 30rem);} .our-services-section-row { margin: 0 -2.3rem 8rem auto; } .our-services-section-row.hearing-aids-svc-row { margin: 0 auto 11.8rem -2.3rem; } .our-services-section-row-text {width: 100%;left: -7.5rem;padding: 3.3rem 3.5rem 5rem;} .hearing-aids-svc-row .our-services-section-row-text { width: 100%; max-width: 27.2rem; right: -7.5rem;} .our-services-section-row-title {font-size: 2rem;} .our-services-section-row-text p, .our-services-section-row-text .button {font-size: 1rem;} } @media only screen and (min-width:87.5em) { /*1400px*/ .our-services-section-row-text {left: -12.6rem;padding: 3.3rem 3.5rem 5rem;} .hearing-aids-svc-row .our-services-section-row-text { right: -12.6rem; } } /* Our Location Section */ .our-location-section { background: #F7F7F7; padding-top: 3.2rem; padding-bottom: 5.3rem; overflow: hidden; } .our-location-section-title {line-height: 1;margin: 0 0 4.5rem;position: relative;font-size: 1.6rem;color: #000;position: relative;text-align: center;} .our-location-section-title:after {content: '';background: linear-gradient( 90deg , #FFD600 0%, #FFD600 50%, #C1C630 50%, #C1C630 100%);height: 0.4rem;width: 100%;position: absolute;right: 0;bottom: -2rem;left: 0;width: 100%;max-width: 9.5rem;margin: auto;} .our-location-section-map-col { height: 15rem; background-image: url(./images/map-image-mobile.png); background-size: cover; background-position: center; display: block; box-shadow: 0px 0px 15px 8px rgb(0 0 0 / 25%); } .our-location-section-text-col {padding: 0 1.8rem;/* border: 1px dashed red; */width: 100%;max-width: 24rem;margin: 0 auto;} .our-location-row-col {padding: 0 1.5rem 0;margin: 0 0 1.4rem 0.8rem;} .our-location-row-col:last-of-type {/* margin: 0 0 2.6rem 1.7rem; */} .our-location-row-col-title {display: block;position: relative;} .our-location-row-col-title svg { position: absolute; top: 0.2rem; left: -2.4rem; width: 1.25rem; height: 1.3rem; } .our-location-row-col a, .our-location-row-col > span {font-size: 0.9rem;line-height: 1.75;color: #000;} .our-location-row-col a:hover { color: #C1C630; } .our-location-row-col .location-hours { font-size: 0.9rem; line-height: 1.7; color: #000; } .location-hours tr td:nth-child(odd) { padding-left: 0; } @media only screen and (min-width: 30em) { /*480px*/ .our-location-row-col { margin: 0 0 1.4rem 1rem; } } @media only screen and (min-width: 38.5em) { /*616px*/ .our-location-section-text-col {display: grid;grid-template-areas: 'left-top right-all' 'left-middle right-all' 'left-bottom right-all';max-width: 30rem;padding: 0;} .our-location-row-col.our-location-addr-col { grid-area: left-top; } .our-location-row-col.our-location-phone-col {grid-area: left-middle;} .our-location-row-col.our-location-fax-col { grid-area: left-bottom; } .our-location-row-col.our-location-hours-col { grid-area: right-all; } } @media only screen and (min-width:58.5em) { /*936px*/ .our-location-section-container {display: flex;justify-content: space-between;margin: 0 auto;/* border: 1px dashed red; */width: 100%;max-width: 59rem;} .our-location-section-map-col {width: 50%;max-width: 36rem;order: 1;height: 23.75rem;background-image: url(./images/map-image-desktop.jpg);box-shadow: 0 0 0.55rem rgba(0,0,0,0.5);} .our-location-section-text-col { width: 50%; order: 2; margin-left: 1rem; grid-template-areas: 'top-all top-all' 'middle-left middle-right' 'bottom-all bottom-all'; } .our-location-row-col.our-location-addr-col { grid-area: top-all; } .our-location-row-col.our-location-phone-col { grid-area: middle-left; } .our-location-row-col.our-location-fax-col { grid-area: middle-right; } .our-location-row-col.our-location-hours-col { grid-area: bottom-all; } } @media only screen and (min-width:68.5em) { /*1096px*/ .our-location-section { padding-top: 4.8rem; padding-bottom: 8.25rem; } .our-location-section-title { font-size: 2rem; } .our-location-section-title:after {max-width: 14.7rem;} .our-location-row-col {margin: 0 0 1rem 0.8rem;padding: 0 0 0 1.5rem;} .our-location-row-col a, .our-location-row-col > span, .our-location-row-col .location-hours { font-size: 1rem; } .our-location-section-title, .our-location-section-map-col, .our-location-section-text-col { opacity: 0; transition: all 1s ease; } .our-location-section-map-col { transform: translateX(-2rem); transition-delay: 0.25s; } .our-location-section-text-col { transform: translateX(2rem); transition-delay: 0.5s; } .js-intersected .our-location-section-title, .js-intersected .our-location-section-map-col, .js-intersected .our-location-section-text-col { opacity: 1; transform: none; } .get-in-touch-section-col-left, .get-in-touch-section-col-right { opacity: 0; transition: all 1s ease; } .get-in-touch-section-col-right { transition-delay: 0.25s; } .js-intersected .get-in-touch-section-col-left, .js-intersected .get-in-touch-section-col-right { opacity: 1; } } @media only screen and (min-width:75em) { /*1200px*/ .our-location-section-text-col {width: 39%;margin-left: 0;padding-left: 1.8rem;} .our-location-section-map-col {width: 61%;} } /* Get in Touch Section */ .get-in-touch-section.contain {background-image: url(./images/get-in-touch-bg.jpg);background-position: 20% top;padding: 3.4rem 0 2.75rem;} .get-in-touch-section-container {position: relative;width: 100%;max-width: 30rem;margin: 0 auto 0;} .secondary-pg-cf-section.req-appt-page-cf.contain .get-in-touch-section-container {margin: 0 0 0;} .get-in-touch-section-col-left { width: 100%; max-width: 24rem; margin: 0 auto; } .get-in-touch-section-col-left-title, .entry-content h2.get-in-touch-section-col-left-title {line-height: 1;margin: 0 0 4.5rem;position: relative;font-size: 1.6rem;color: #fff;text-align: center;} .get-in-touch-section-col-left-title:after {content: '';background: linear-gradient( 90deg , #FFD600 0%, #FFD600 50%, #C1C630 50%, #C1C630 100%);height: 0.4rem;width: 100%;position: absolute;right: 0;bottom: -2rem;left: 0;width: 100%;max-width: 9.5rem;margin: auto;} .get-in-touch-section-col-text { font-size: 0.8rem; color: #fff; line-height: 1.5; padding: 0 0 0rem; margin: 0 0 2rem; position: relative; width: 100%; } .get-in-touch-section-col-text p {padding: 0 1.1rem;font-size: 0.9rem;} .get-in-touch-section-col-right h2.gform_submission_error { padding: 0 1.3rem; } .get-in-touch-section-col-right .gform_wrapper {padding: 0 0.7rem 0;position: relative;} .gform_title { display: none; } .gfield {padding: 0.2rem 0.5rem;position: relative;line-height: normal;} .ginput_recaptcha > div { margin: auto; } .gfield_required {vertical-align: 0.1rem;} .gfic_screenreader { display: inline-block; position: absolute; top: -10000rem; left: 1em; z-index: 99999; background: #eee; box-shadow: 1px 1px 0.2em rgba(0, 0, 0, 0.5); transition: none; border-radius: 2em; width: 1.5rem; height: 1rem; line-height: 1; } @media only screen and (min-width:38.5em) { /* 616px */ .get-in-touch-section.contain { padding: 3.7rem 0 3rem; } .get-in-touch-section-col-text { padding: 0 0 2rem; margin: 0 0 0; } } @media only screen and (min-width:58.5em) { /* 936px */ .get-in-touch-section.contain {padding: 3.6rem 0rem 4rem;background-size: cover;} .get-in-touch-section-container {display: flex;justify-content: space-between;max-width: 46rem;} .get-in-touch-section-col-left, .get-in-touch-section-col-right { width: 50%; max-width: 18rem; margin: 0; } .get-in-touch-section-col-left-title {text-align: left;padding-left: 1.1rem;} .entry-content h2.get-in-touch-section-col-left-title {text-align: left;} .get-in-touch-section-col-left-title:after { margin: 0; left: 1.1rem; } .get-in-touch-section-col-text {font-size: 1rem;line-height: 1.7;padding: 0 0 2.15rem;} .get-in-touch-section-col-text p { font-size: 1rem; } } @media only screen and (min-width:68.5em) { /* 1096px */ .get-in-touch-section-col-left-title { font-size: 2rem; padding-left: 0; } .get-in-touch-section-col-left-title:after {left: 0;max-width: 14.7rem;} .get-in-touch-section-col-text p { padding: 0 0; } } /*-------------------------------------------------------------- # Secondary Pages --------------------------------------------------------------*/ .main-header {height: 12.5rem;background: linear-gradient( 121.68deg , #FFD600 -4.35%, #C1C630 87.36%);display: flex;} .main-title.entry-title {font-size: 1.6rem;line-height: 1.35;text-align: center;color: #fff;margin: 2rem 0 0;background: #000;padding: 0 1.3rem 0;display: flex;justify-content: center;align-items: center;} .entry-content { font-size: 0.9rem; line-height: 1.75; } .entry-content h2 { font-size: 1.2rem; line-height: 1.35; color: #000; } .entry-content h3 { font-size: 1rem; line-height: 1.35; color: #000; } .entry-content a {color: #777a1f;text-decoration: underline;} .entry-content a:hover { color: #3f8abf } @media only screen and (min-width:68.5em) { /* 1096px */ .main-header { height: 15rem; align-items: flex-end; } .main-title.entry-title {height: 6rem;justify-content: flex-start;margin-left: -1.3rem;font-size: 2.4rem;} .entry-content h2 { font-size: 2rem; } .entry-content h3 { font-size: 1.6rem; } } /* About Us Page */ .about-us-top-row { margin-bottom: 2rem; } .about-us-img-col-row { padding: 0 1rem 0; margin: 0 auto 5rem; } .about-us-img-col { text-align: center; } .about-us-top-row-left { font-size: 1.2rem; } .about-us-word-box-row { margin-bottom: 3rem; } @media only screen and (min-width:58.5em) { /* 936px */ .about-us-top-row-container {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 0 3rem;} .about-us-pg-title { margin: 0 0 1.5rem; width: 100%; } .about-us-top-row-left { width: 50%; font-size: 1.6rem; line-height: 1.5; } .about-us-top-row-right { width: 50%; padding-left: 2.2rem; } } @media only screen and (min-width:68.5em) { /* 1096px */ .about-us-word-box-row { margin-bottom: 10rem; } } /* Meet the Team */ .bio-content h2 { font-size: 1rem; } .bio-image img { margin: 0; } @media only screen and (min-width:58.5em) { /* 936px */ .meet-team-pg-container .bio-box {display: flex;flex-wrap: wrap;justify-content: flex-end;position: relative;margin: 0 0 4rem;width: 100%;max-width: 50rem;} .meet-team-pg-container .bio-image {width:24%;max-width:12rem;position: absolute;top: 0;left: 0;} .meet-team-pg-container h2.bio-name, .meet-team-pg-container h3.bio-position, .meet-team-pg-container .bio-content {width: 76%;max-width: 38rem;padding-left: 1.8rem; } .meet-team-pg-container h2.bio-name { margin-top: 0; } } @media only screen and (min-width:68.5em) { /* 1096px */ .bio-content h2 { font-size: 1.6rem; } } /* Search Page */ .entry-content .search-form { display: flex; border: 1px solid #000; margin: 0 0 2rem; } .entry-content .search-form label { width: 100%; } .entry-content .search-field { padding: 0.5em 1em; width: 100%; line-height: 1.5; background: #eee; } .entry-content .search-submit {padding: 0.5em 1em;line-height: 1.5;color: #fff;background: #FFD600;color: #000;} .entry-content .search-submit:hover { background: #000; color: #FFD600; } .entry-search .no-results { margin: 2rem 0; text-align: center; color: #cc2d3f; } /* 404 Page */ .entry-404 .search-form { margin: 2rem 0 0; } /* Blog Page & Posts */ .entry-meta { position: absolute; bottom: -1.25rem; font-size: 0.8rem; font-style: italic; } .entry-listing { padding-bottom: 2rem; border-bottom: 1px solid #000; margin-bottom: 2rem; } .entry-listing:last-of-type {padding-bottom: 0;border-bottom: none;margin-bottom: 2rem;} .listing-title.entry-title { margin-top: 0; } .listing-title.entry-title a { color: #000; text-decoration: none; } .listing-title.entry-title a:hover { text-decoration: underline; } /* Overview Pages */ .page-id-225 .main-header, .page-id-226 .main-header, .page-id-348 .main-header {align-items: flex-end;} .page-id-225 .main-header { background-image: url(./images/hearing-aids-ov-hero.jpg); } .page-id-226 .main-header { background-image: url(./images/hearing-loss-ov-hero.jpg); } .page-id-348 .main-header { background-image: url(./images/online-hearing-test-ov-hero.jpg); } .page-id-225 .main-title.entry-title, .page-id-226 .main-title.entry-title, .page-id-348 .main-title.entry-title {color: #FFD600;text-align: left;padding: 1.2rem 1.3rem 1rem;} .fullwidth-pg-container {padding-top: 2.5rem;overflow: hidden;} .ov-pg-row { margin: 0 0 2rem; padding: 0 1.5rem; } .ov-pg-row .wp-block-media-text__media {position: relative;text-align: center;} .no-img-row.ov-pg-row .wp-block-media-text__media:after { display: none; } .ov-pg-row .wp-block-media-text__media img {width: 100%;max-width: 16rem;} .ov-pg-row.logo-img-row .wp-block-media-text__media img { max-width: 11rem; border-radius: 0; opacity: 1; } .ov-pg-row.ov-centered-row .wp-block-group__inner-container {padding: 0 1.5rem;/* border: 1px dashed purple; */} .wp-block-media-text__content h2 {position: relative;margin-top: 0;margin-bottom: 3.9rem;} .wp-block-media-text__content h2:after { content: ''; background: linear-gradient( 90deg , #FFD600 0%, #FFD600 50%, #C1C630 50%, #C1C630 100%); height: 0.4rem; width: 100%; position: absolute; right: 0; bottom: -2rem; left: 0; width: 100%; max-width: 9.5rem; } .wp-block-media-text__content h2.no-bottom-border-header {margin-bottom: 0.5em;} .wp-block-media-text__content h2.no-bottom-border-header:after { display: none; } .ov-pg-row.ov-black-bg-row {background: #000;padding-top: 3rem;padding-bottom: 3rem;} .ov-black-bg-row .wp-block-media-text__content h2, .ov-black-bg-row ul, .ov-black-bg-row p { color: #fff; } .yellow-text { color: #FFD600; } .ov-pg-row .ov-pg-center-row-container.wp-block-media-text__content {text-align: center;margin: 0 0 0;width: 100%;max-width: 39.25rem;} .ov-pg-center-row-container.wp-block-media-text__content h2:after { margin: auto; } .ov-pg-row.ov-pg-center-row {/* padding: 1rem 1.5rem; */} .ov-pg-row.ov-pg-center-row.ov-pg-center-img-bg-row {background-image: url(./images/hearing-aids-ov-center-row-bg.jpg);background-size: cover;padding: 2rem 1.5rem;} .ov-pg-center-img-bg-row .wp-block-media-text__content h2, .ov-pg-center-img-bg-row .ov-pg-center-row-text { color: #fff; } h2.staggered-row-column-header { text-align: center; width: 100%; max-width: 35rem; margin: 0 auto 5rem; position: relative; } .ov-pg-row.staggered-row-column .wp-block-media-text__media img { width: auto; } h2.staggered-row-column-header {text-align: center;margin-top: 5rem;/* margin-bottom: 2.5rem; */} h2.staggered-row-column-header:after { content: ''; background: linear-gradient( 90deg , #FFD600 0%, #FFD600 50%, #C1C630 50%, #C1C630 100%); height: 0.4rem; width: 100%; position: absolute; right: 0; bottom: -2rem; left: 0; width: 100%; max-width: 9.5rem; margin: auto; } .wp-block-media-text.ov-staggered-row { margin: 0 0 2rem; } .ov-staggered-row .wp-block-media-text__content h2 {margin-bottom: 0.5rem;} .ov-staggered-row .wp-block-media-text__content h2:after { display: none; } .hearing-aids-ov-black-box-row { color: #fff; background: #000; padding: 3rem 1.5rem 0.5rem; margin: 3rem 1.5rem 3rem; text-align: center; } .online-hearing-test-ov-button.button { text-decoration: none; color: #000; background: #C1C630; border: 1px solid #C1C630; } .online-hearing-test-ov-button.button:hover {color: #000 !important;background: #fff;border: 1px solid #000;} .ov-pg-row.oht-pg-center-row-box {color: #fff;background-image: url(./images/oht-pg-center-row-box.jpg);background-size: cover;background-position: center;padding: 3rem 1.5rem 2rem;margin: 3rem 1.5rem 3rem;text-align: center;} .ov-pg-row.oht-pg-center-row-box h2 { color: #fff; margin: 0 0 2rem; position: relative; } .ov-pg-row.oht-pg-center-row-box h2:after { content: ''; background: linear-gradient( 90deg , #FFD600 0%, #FFD600 50%, #C1C630 50%, #C1C630 100%); height: 0.4rem; width: 100%; position: absolute; right: 0; bottom: -2rem; left: 0; width: 100%; max-width: 9.5rem; margin: auto } .oht-pg-center-row-text { padding: 0 1.5rem; margin: 0 0 2rem; } @media only screen and (min-width:58.5em) { /* 936px */ .entry-content { font-size: 1rem; } .fullwidth-pg-container { padding-top: 4rem; } .ov-pg-row {display: flex;justify-content: center;width: 100%;/* max-width: 62.8rem; */margin: 0 auto 4rem;/* overflow: hidden; */} .ov-pg-row.has-media-on-the-right { justify-content: center; } .ov-pg-row.has-media-on-the-right .wp-block-media-text__content { padding: 0 0 0; margin: 0 3rem 0 0; } .ov-pg-row .wp-block-media-text__content {width: 57%;max-width: 33rem;padding: 0 0 0;margin: 0 0 0 3rem;} .ov-pg-row .wp-block-media-text__media {width: 37%;max-width: 23.75rem;height: 100%;text-align: right;position: relative;padding: 0 0 0 0;} .ov-pg-row.has-media-on-the-right .wp-block-media-text__media { order: 2; text-align: left; padding: 0 0 0; } .ov-pg-row .wp-block-media-text__media img {max-width: none;} .overlap-bottom-row.ov-pg-row.has-media-on-the-right .wp-block-media-text__media {margin-top: 1rem;margin-bottom: -5rem;} .ov-pg-row.staggered-row-column {flex-wrap: wrap;align-items: flex-start;} .wp-block-media-text.ov-staggered-row {/* border: 1px dashed blue; */width: 100%;max-width: 45.5rem;display: flex;justify-content: flex-start;margin: 0 0 5.5rem;} .wp-block-media-text.ov-staggered-row .wp-block-media-text__media { width: 13%; max-width: 6rem; padding: 0 0 0; margin: 0 0 0; } .wp-block-media-text.ov-staggered-row .wp-block-media-text__content { width: 84.6%; max-width: 38.5rem; padding-top: 2.8rem; } .ov-pg-row.staggered-row-column .wp-block-media-text__content h2 { margin-bottom: 1.75rem; text-align: left; } .oht-pg-center-row-text {width: 100%;max-width: 32rem;padding: 0 0 0;margin: 0 auto 4rem;} } @media only screen and (min-width:68.5em) { /* 1096px */ .page-id-225 .main-header, .page-id-226 .main-header, .page-id-348 .main-header { height: 25rem; } .page-id-225 .main-title.entry-title, .page-id-226 .main-title.entry-title, .page-id-348 .main-title.entry-title {width: 100%;max-width: 33rem;height: auto;} .ov-pg-row.overlap-bottom-row {margin: 0 auto 0;} .ov-pg-row.ov-black-bg-row {padding-top: 7rem;padding-bottom: 3rem;} .wp-block-media-text__content h2:after { max-width: 14.7rem; } .ov-pg-row.ov-pg-center-row { padding-top: 8rem; padding-bottom: 7.4rem; margin-bottom: 0; } .ov-pg-row.staggered-row-column {margin-bottom: 0;max-width: 64rem;} h2.staggered-row-column-header:after { max-width: 14.7rem; } .wp-block-media-text.ov-staggered-row.ov-staggered-row-1 {margin-left: -8rem;} .wp-block-media-text.ov-staggered-row.ov-staggered-row-2 { } .wp-block-media-text.ov-staggered-row.ov-staggered-row-3 {margin-left: 8rem;} .hearing-aids-ov-black-box-row { width: 100%; max-width: 45.75rem; padding: 3.2rem 4.4rem 2rem; margin: 0 auto 9.65rem; } .ov-pg-row.oht-pg-center-row-box {width: 100%;max-width: 62.8rem;margin: 3rem auto 4.5rem;padding: 4.4rem 0 4.4rem;} .ov-pg-row.oht-pg-center-row-box h2 { width: 100%; max-width: 25rem; } } @media only screen and (min-width:75em) { /* 1200px */ .ov-pg-row.ov-black-bg-row {padding-top: 10rem;} } @media only screen and (min-width:82.5em) { /* 1320px */ .ov-pg-row.ov-pg-center-row { padding-top: 11rem; } } /* Request an Appointment Page */ @media only screen and (min-width:58.5em) { /* 936px */ .req-appt-pg-get-in-touch-section .get-in-touch-section-container { max-width: 60rem; justify-content: center; } .req-appt-pg-get-in-touch-section .get-in-touch-section-col-left { max-width: 32rem; padding-right: 12rem; } } @media only screen and (min-width:82.5em) { /* 1320px */ .req-appt-pg-get-in-touch-section .get-in-touch-section-container { justify-content: flex-start; } } /* Manufacturers Pages */ .mfr-pg-row-container {/* border: 1px dashed red; */width: 100%;max-width: 60rem;margin: auto;} .mfr-pg-top-row { padding: 0 1.5rem; margin: 0 0 3rem; } .mfr-pg-top-row-left-col { text-align: center; margin: 0 0 1.5rem; } .mfr-pg-row { margin: 0 0 2rem; padding: 0 1.5rem; } .mfr-pg-row .wp-block-media-text__content h2 { margin-bottom: 0.5rem; } .mfr-pg-row .wp-block-media-text__content h2:after {display: none;} .mfr-pg-row .wp-block-media-text__media { position: relative; text-align: center; } .mfr-pg-row .wp-block-media-text__media img {width: 100%;max-width: 16rem;} @media only screen and (min-width:48.5em) { /* 776px */ .mfr-pg-row .wp-block-media-text__media img { max-width: 22rem; } } @media only screen and (min-width:58.5em) { /* 936px */ .mfr-pg-top-row-container { display: flex; justify-content: flex-start; width: 100%; max-width: 55rem; } .mfr-pg-top-row { margin: 0 0 4rem; } .mfr-pg-top-row-left-col {width: 100%;max-width: 14rem;text-align: left;margin: 0 0 0;display: flex;align-items: center;} .mfr-pg-top-row-left-right { width: 100%; max-width: 36rem; } .mfr-pg-row {display: flex;justify-content: flex-start;width: 100%;margin: 0 auto 4.4rem;padding: 0 0 0;} .mfr-pg-row.mfr-pg-row-image-right {justify-content: space-between;} .mfr-pg-row .wp-block-media-text__content { width: 50%; max-width: 28rem; padding: 0 0 0; } .mfr-pg-row .wp-block-media-text__media {width: 43%;max-width: 27.75rem;height: 100%;position: relative;padding: 0 4rem 0 0;} .mfr-pg-row.has-media-on-the-right .wp-block-media-text__media {order: 2;text-align: left;padding: 0 0 0 4rem;} } /* Benefits of Hearing Aids Page */ .ben-ha-top-row { margin-bottom: 5rem; } .ben-ha-img-col-row { padding: 0 1rem 0; margin: 0 auto 5rem; } .ben-ha-img-col { text-align: center; } h2.ben-ha-text-col-box-title { font-size: 1.2rem; margin-bottom: 1.2rem; } .ben-ha-text-col { display: flex; justify-content: space-between; flex-wrap: wrap; } .ben-ha-grad-row {background: linear-gradient(270.97deg, #FFD600 18.39%, #C1C630 97.71%);padding: 2rem 0 2rem;text-align: center;} h2.ben-ha-grad-row-title.ben-ha-pg-title { display: inline-block; } .ben-ha-grad-row-container { padding: 0 1.5rem; } .ben-ha-grad-col { width: 100%; max-width: 19.5rem; margin: 0 auto 2rem; } .ben-ha-img-col-row-title-container { text-align: center; margin-top: 2rem; } h2.ben-ha-img-col-row-title.ben-ha-pg-title { display: inline-block; } @media only screen and (min-width:38.5em) { /* 616px */ .ben-ha-text-col-box { width: 50%; padding: 0 1rem; } } @media only screen and (min-width:58.5em) { /* 936px */ .ben-ha-top-row-container {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 0 3rem;} .ben-ha-pg-title { margin: 0 0 1.5rem; width: 100%; } .ben-ha-top-row-left { width: 60%; max-width: 38rem; } .ben-ha-top-row-right {width: 40%;padding-left: 2.2rem;} .ben-ha-grad-row { padding: 4rem 0 5rem; } h2.ben-ha-grad-row-title.ben-ha-pg-title { margin: 0 0 4rem; } .ben-ha-grad-row-container { display: flex; justify-content: space-between; width: 100%; max-width: 65rem; margin: auto; } .ben-ha-grad-col { margin: 0; width: 30%; } } @media only screen and (min-width:68.5em) { /* 1096px */ .ben-ha-img-col-row { width: 100%; max-width: 80rem; margin: 0 auto 7rem; display: flex; justify-content: flex-start; align-items: center; } .ben-ha-img-col { width: 42%; } .ben-ha-text-col { width: 58%; margin-left: 3.5rem; } .ben-ha-text-col-box { padding-right: 0; padding-left: 2rem; width: calc(50% - 1rem); } .ben-ha-grad-row-container { padding: 0 0 0; } .ben-ha-img-col-row.ben-ha-img-right-row { justify-content: flex-end; } .ben-ha-img-right-row .ben-ha-text-col { margin-left: 0; margin-right: 3.5rem; } .ben-ha-img-right-row .ben-ha-text-col-box { padding-right: 2rem; padding-left: 0; } } @media only screen and (min-width:82.5em) { /* 1320px */ .ben-ha-img-col-row { align-items: flex-start; padding: 0 0 0; margin: 0 auto 7rem 0; } .ben-ha-img-col-row.ben-ha-img-right-row { margin: 0 0 7rem auto; } .ben-ha-text-col-box { padding-left: 0; } } /*-------------------------------------------------------------- # Animations --------------------------------------------------------------*/ @keyframes rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } /*-------------------------------------------------------------- # 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; } .primary-menu, .site-sidebar, .site-header, .site-footer, #comments, .menu-buttons, .page-navigation, .pagination, .wp-prev-next, .respond-form { display: none; } .contain { padding-left: 0; padding-right: 0; max-width: none; } }