/* 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.2.9 Text Domain: fuel-junior */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Standard Tags # WordPress Elements # Theme Customization # Custom Elements # Forms # Forms - Image Captcha # Shortcodes # Header # Footer # Content # Sidebar # Home # Secondary Pages # Responsive # Menu - Small Screen # Menu - Large Screen # Print --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 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;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}::-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} @font-face { font-family: 'Open Sans'; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('./fonts/OpenSans-BoldItalic.woff2') format('woff2'), url('./fonts/OpenSans-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Regular'), local('OpenSans-Regular'), url('./fonts/OpenSans-Regular.woff2') format('woff2'), url('./fonts/OpenSans-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('./fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'), url('./fonts/OpenSans-ExtraBoldItalic.woff') format('woff'); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('./fonts/OpenSans-SemiBold.woff2') format('woff2'), url('./fonts/OpenSans-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Light'), local('OpenSans-Light'), url('./fonts/OpenSans-Light.woff2') format('woff2'), url('./fonts/OpenSans-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('./fonts/OpenSans-LightItalic.woff2') format('woff2'), url('./fonts/OpenSans-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Bold'), local('OpenSans-Bold'), url('OpenSans-Bold.woff2') format('woff2'), url('OpenSans-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('./fonts/OpenSans-ExtraBold.woff2') format('woff2'), url('./fonts/OpenSans-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Italic'), local('OpenSans-Italic'), url('./fonts/OpenSans-Italic.woff2') format('woff2'), url('./fonts/OpenSans-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('./fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'), url('./fonts/OpenSans-SemiBoldItalic.woff') format('woff'); font-weight: 600; font-style: italic; font-display: swap; } /*-------------------------------------------------------------- # Standard Tags --------------------------------------------------------------*/ html{font-size:125%;-webkit-overflow-scrolling:touch} body{position:relative;font-size:1em;line-height:1.5;background: #27245F; } 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.5em 0 0.5em 0;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} 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{text-decoration:none;transition:all 300ms ease} 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} .widgets{margin:0;list-style:none} .widget{display:block;margin:0 0 1.5em 0} .widgettitle{margin:0 0 0.3em 0} .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} .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:-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; background: #27245F; } .page-numbers svg { vertical-align: top; margin-top: 0.5em; width: 1em; height: 1em; } .page-numbers.current { background: #777; } a.page-numbers:hover { color: #fff; background: #555; } /*-------------------------------------------------------------- # Custom Elements --------------------------------------------------------------*/ .breakpoint{display:none} .clear{/* zoom:1 */} .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{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;transition:all 300ms} .button:hover,.button:active {text-decoration:none;outline:none} .button:focus{text-decoration:none;outline: 2px dotted} /*-------------------------------------------------------------- # Site Structure --------------------------------------------------------------*/ #wrapper{margin:auto;max-width:96rem;background:#fff} #wrapper,#wrapper>*{width:100%} /*-------------------------------------------------------------- # Theme Customization --------------------------------------------------------------*/ body {font-family: "Open Sans", sans-serif; color: #4a4a4a; } h1,h2,h3,h4 { } h1 { } h2 { font-size: 1.2em; color: #27245F; } h3 { font-size: 1em; color: #27245F; } h4 { font-size: 1em; color: #27245F; } .main-title { } .entry-title { } a{ color: #FF6363; } /* a:hover { color: #27245F; } */ .button{ color: #fff; background: #FF6363; border-radius: initial; text-align: center; font-weight: 100; display: block; margin: 2em auto; max-width: 14em; position: relative; } .button:hover,.button:active,.button:focus{ /*color: #FF6363;*/ background: #FF6363 ; } /* .button:hover { color: #FF6363; } */ .button:before { content: url('./images/arrow-forward.svg'); position: absolute; left: 50%; color: #FF6363; opacity: 0; top: .55em; transition: all 300ms; } .button:hover:before { left: 85%; color: #fff; opacity: .8; transition: all .5s ease; } .button:focus:before { left: 85%; color: #fff; opacity: .8; transition: all .5s ease; } .page-id-111 .button:hover:before { content:''; } .gform_footer { position: relative; } .gform_footer:before { content:url('./images/arrow-forward.svg'); position: absolute; left: 0; color: #FF6363; opacity: 0; } .gform_footer:hover:before { left: 80%; color: #fff; opacity: .8; transition: all .5s ease; z-index: 1; top: .5em; } .page-id-110 .gform_footer:hover:before { left: 70%; } .gform_confirmation_wrapper { padding: 2em; display: block; height: 10em;} /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ .gform_fields { margin: 0; } .gfield { list-style: none; } .gfield .medium { padding: 0.2em 0.5em; width: 100%; color: #4a4a4a; background: #e3e3e3; } .gfield_label { font-size: 0.9em; } .ginput_recaptcha { margin: auto; padding: 1em 0 0; max-width: 304px; overflow: hidden; } .gform_footer { margin-top: 1.5em; text-align: center; } .validation_error { margin: 0 0 1rem; border-radius: 0.4rem; padding: 0.5rem 0.8rem; font-size: 0.8em; color: #fff; background: rgba(215,54,72,0.5); } .validation_message { margin: 0 0.5rem; border-radius: 0 0 0.4rem 0.4rem; padding: 0.2rem 0.8rem; font-size: 0.8em; color: #fff; background: rgba(215,54,72,0.5); } .widget-title { color: #fff; background: #2493C5; padding: 1em; text-align: center; } #gform_submit_button_1 { background: #FF6363; width: 100% ; } #gform_wrapper_1 { padding: 1em; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;margin-top: -.5em; } #gform_widget-2 { max-width: 18em; margin: 0 auto; margin-bottom: 5em; } .contact-left #gform_wrapper_1 { border-right: none; border-bottom: none; border-left: none; max-width: 20em;margin: 0 auto; } .request-right .kc_captcha { color: #fff; } .request-right .gform_confirmation_wrapper { color: #fff; } /*-------------------------------------------------------------- # Forms - Image Captcha --------------------------------------------------------------*/ .captcha-image{display:block;text-align:center} .captcha-image .cf7ic_instructions{display:block;margin-bottom:0} .captcha-image .cf7ic_instructions span{font-weight:bold;color:#2493C5; } .captcha-image svg{margin:0 0.3em;padding:0;width:1em;height:1em;font-size:2.25em;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+svg{border:2px solid transparent;cursor:pointer} .captcha-image label>input:checked+svg{color:#2493C5; } .captcha-image svg:hover{color:#2493C5;} .kc_captcha .wpcf7-not-valid .captcha-image{border:1px solid red} .gfic_screenreader {display: inline-block;position: absolute;top: -10000rem;left: 1em;z-index: 99999;background: #fff;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: 0px;} .gfic_screenreader:focus {position: relative;top: 0.25rem;left: 0;} .icon-fallback,.captcha-image label>input{visibility: visible !important; opacity: 0; width: 0; height: 0; margin: 0;} .captcha-image label>input+svg{border:2px solid transparent;cursor:pointer} .captcha-image label>input:focus+svg {outline: 1px dashed #ccc;} /* (FOCUS) IMAGE STYLES */ /*-------------------------------------------------------------- # Shortcodes --------------------------------------------------------------*/ /* Map Shortcode */ #map_holder {position: relative; background: rgb(229, 227, 223);} #map_holder { display: flex; flex-wrap: wrap; justify-content: space-around;} #map_holder #info_panel {position: relative; background: #555; color: #fff; overflow-y: scroll; min-width: 15em; flex: 1;} #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;padding: 1em; 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 {color: #fff; display: block; overflow: hidden; cursor: pointer;} #map_holder .info-box a {display: block;} #map_holder #map_canvas{min-width: 15em; min-height: 15em; height: auto !important; box-flex: 3.0; flex: 3 0;} #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 #map_canvas {min-height: 15em;} #map_holder #map_canvas .info-box h3 {margin: 0 0 0.2em;} #map_holder #info_panel .info-box:last-of-type {border: none;} #map_holder #super_panel {font-size: 0.8em;} #map_holder .info-img {background-size: cover; height: 10em; position: relative;} #map_holder .title-box {background: #4285f4; padding: 1em 1em 1em 4em; position: relative;} #map_holder .title-box.has-image {background: rgba(66, 133, 244, 0.9); position: absolute; width: 100%; bottom: 0;} #map_holder .title-box #back_to_panel {position: absolute; top: 0; bottom: 0; left: 0; background: #326ac6; width: 3em; cursor: pointer; transition: all 0.4s ease;} #map_holder .title-box.has-image #back_to_panel {background: rgba(50, 106, 198, 0.7);} #map_holder .title-box #back_to_panel svg {width: 1.5em; height: 1.5em; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: all 0.4s ease; color: rgba(255,255,255,0.4);} #map_holder .title-box #back_to_panel:hover {background: #1a5dcd; color: rgba(255,255,255,1);} #map_holder .title-box #back_to_panel:hover svg {color: rgba(255,255,255,1);} #map_holder .title-box h3 {margin: 0; font-size: 1.2em; font-weight: normal;} #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: 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 {overflow: visible;} #map_holder .gm-style .gm-style-iw * {overflow: visible !important;} #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;} /* Locations Shortcode */ .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 Shortcode */ .location-hours{max-width: 16em} .location-hours td{padding:0.1em 0.25em} /* .location-hours tr:nth-child(odd) td{background:#eee} */ .location-hours .today td{font-weight:bold} .location-hours h3 { display: none;} /* Reviews Form Shortcode */ .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)} /* Reviews shortcode */ .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} /* Toggle Shortcode */ .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 Shortcodes */ .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} /* Download Shortcode */ .download-table { margin-bottom: 4em; } .download-table td { display: block; padding: 1em; vertical-align: middle; text-align: center; } .download-table td:nth-child(1) { padding-bottom: 0.3em; } .download-table td:nth-child(2) { padding-top: 0.3em; border-bottom: 1px solid #96c121; } .download-table td .button svg { margin: 0;width: 1em;height: 1em;font-size: 1em; } .download-table td:nth-child(1) svg { max-width: 0.8em; max-height: 0.8em; vertical-align: initial; } /* Download Set to Gallery */ .gallery-wrapper { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .gallery-wrapper a { flex: 1 1 30%; height: 15em; min-width: 10em; position: relative; border-radius: 0.25em; overflow: hidden; } .gallery-wrapper a img { object-fit: cover; object-position: top; width: 100%; height: 100%; } .gallery-wrapper .button { padding: 0; margin: 1px; } .gallery-wrapper .button span {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 90%; height: 5em; } .gallery-wrapper a:before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.2); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .gallery-wrapper a:hover:before {background: rgba(0,0,0,0);} .gallery-wrapper a.lity-vid {position: relative;} .gallery-wrapper a.lity-vid svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 3em; height: 3em; } .gallery-wrapper a.lity-vid svg .youtube-red { fill: #2f302b; } .gallery-wrapper a.lity-vid:hover svg .youtube-red { fill: #FF0000; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ .logo img { padding: 1em; max-width: 16em; margin: 0 auto; display: block; width: 100%; } #menu-top-menu { margin: 0; } #menu-top-menu li a { color: #fff; background: #2493C5; margin: 0; display: flex; align-items: center; justify-content: center; text-align: center; height: 9em; border: 1px solid #2493C5; transition: all .5s; } #menu-top-menu li a:hover { color: #2493C5; background: #fff; } #menu-top-menu li a:focus { color: #2493C5; background: #fff; } #menu-top-menu li:after { content:''; position: absolute;top: 2em; height: 1em; width: 5em; bottom: 0; left: 0;right: 0;margin-left: auto;margin-right: auto;} /* #menu-top-menu li a { color: #fff; } */ #menu-top-menu li { list-style: none; } .main-header { background: url('./images/secondary-header.jpg') no-repeat; color: #fff; min-height: 9.5em; padding: 2em 1em 1em 1em; margin-bottom: 2em; background-size: cover;} .main-header:before { content: ''; position: absolute; height: 1em; left: 0; right: 0; background: #27245F; top: 0;} .main-title { margin: 0; font-size: 1.6em; } .main-breadcrumbs { color: #fff; position: relative; } .main-breadcrumbs a { color: #fff; } .header-wrap .phone { display: none; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .home #footer { margin-top: 0; } #footer{ background-color: #27245F; color: #fff; font-size: .9em; margin-top: -2em; position: relative; } #footer a { color: #fff; /*font-size: .9em;*/ } #footer a:hover { text-decoration: underline; } .footer-wrap { padding-top: 2em; padding-bottom: 2.5em; max-width: 15em; margin: 0 auto; } .footer-logo{ padding-bottom: 1em; } /* essentials */ #menu-footer-menu { margin: 0; } #menu-footer-menu li { list-style: none; margin: 0;} #menu-copyright-menu { list-style: none; display: block; margin-top: 1em; margin-left: 0; } #menu-copyright-menu li { display: block; } #footer .fp-header-button{ display: none; } .copyright, .copyright-navigation { display: block; } .copyright-navigation { float: none; } .location-title { font-family: 'lato', sans-serif; } .site-info { font-size: .9em; padding: 2em 1em 5em 1em; border-top: 1px solid #fff; max-width: 25em; margin: 0 auto; } .footer-office-name { font-weight: bold; margin: 1.5em 0 1em 0; } .footer-links { display: none; } .fax-text { display: none; } .phone-text-alt { display: none; } .footer-section svg { max-width: 10em; } .footer-section { margin-bottom: 2em; display: block; } .footer-logo { display: none; align-items: center; } .footer-heading { text-transform: uppercase; font-weight: bold; font-size: 1em; display: block; } .location-fax { color: #fff; } .quick-links { display: block; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .entry-content .search-form { position: static;padding: 1em;color: #000;width: 100%;background-color:none ;padding-left: 1em; transition: all .5s ease; border:1px solid #9A0B01 ;position: relative; margin-bottom: 1em; margin-top: 1em; } .entry-content .search-form input[type="submit"] { background-color: #27245F ; display: inline-block ;width: 30%;border-radius: 0 ;padding: 0 1em; border-radius: 0;color: #fff;top: 0;bottom: 0;right: 0; position: absolute;} .entry-title a { color: #27245F; } .button-read-more { color: #27245F; } .child-name a { color: #27245F; } .continue-reading-link { color: #27245F; } .page-id-196 .entry-wrapper {display: block;} #hearing_quiz { max-width: 35em; margin: 5em auto; padding: 1em; display: block; } /* pdf styling */ .wp-block-file { position: relative; border-style: solid; border-color: rgba(67, 105, 150, 0.5); border-width: 2px 0; padding: 1em 4.5rem 1em 0; } .wp-block-file + .wp-block-file { border-top: 0; } .wp-block-file a { color: inherit; } .wp-block-file__button { position: absolute; top: 0; right: 1em; bottom: 0; margin: auto; border-radius: 0.25rem; width: 2.8rem; height: 2.2rem; overflow: hidden; text-align: center; text-indent: -999em; background: #27245F !important; } .wp-block-file__button:hover { background: #002B5F; } .wp-block-file__button::before { content: url(./images/icon-download.svg); position: absolute; top: 0; right: 0; bottom: 0.2em; left: 0; margin: auto; width: 0.9em; height: 0.9em; text-indent: 0; } .post-111 h2 { margin: 1.5em 0 1.5em 0; } /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Home --------------------------------------------------------------*/ .home-header { background: url('./images/home-header-back-shade.jpg') no-repeat; min-height: 17.5em;background-position: center; background-size: cover; padding-top: 10em; border-top: 1.5em solid #27245F; } .home-enjoy { color: #fff; font-family: "Open Sans"; font-size: 1.6em; font-weight: bold;text-shadow: 0 0 17px #000000; } .life { color: #FF6363; } .home-title { color: #FFFFFF;font-family: "Open Sans";font-size: 1.2em; background-color: #2493C5; opacity: 0.95; padding: 2em 1em ; margin-top: 0;} .welcome { font-weight: 100; position: relative;} .welcome:before { content: ''; position: absolute; left: 0; bottom: -2em; width: 3em; height: 1em; border-bottom: 2px solid #fff; } .main-front p { font-size: .8em; } .cta-ear-surgery p { padding: 1em; } .cta-hearing-aids p { padding: 1em; } .cta-implants p { padding: 1em; } .cta-ear-surgery, .cta-hearing-aids, .cta-implants { position: relative;} .cta-header { font-weight: bold; position: relative; margin-bottom: 1em; display: block;color: #FFFFFF; font-family: "Open Sans"; font-size: 1.2em; background-color: #2493C5; opacity: 0.95; padding: 1.5em 2em; margin-top: 0;} .cta-header:before { content: ''; position: absolute; bottom: 1em ; width: 3em; height: 1em; border-bottom: 2px solid #fff;} .ear-surgery, .implants { max-width: 80%; position: absolute; right: 0; top: 7em; } .cta-ear-image { margin-bottom: 5em; position: relative; background: url('./images/ear.jpg') no-repeat; min-height: 12.5em;background-position: center; background-size: cover; padding-top: 10em; overflow: hidden; } .cta-ear-image:before { content: ''; position: absolute; width: 12.5em; background: #F4F2F2 ; height: 20.5em;transform: rotate(168deg);right: -11em;top: -2em; } .cta-ear-surgery { background: #F4F2F2; padding-bottom: 3em; } .cta-hearing-aid-image { position: relative; background: url('./images/hearing-aids-comp.jpg') no-repeat; min-height: 17.5em;background-position: center; background-size: cover; padding-top: 10em; } .cta-implant-image { margin-bottom: 5em; min-height: 12.5em; overflow: hidden; position: relative; background: url('./images/implant.jpg') no-repeat; background-position: 100% 32% ; background-size: cover; padding-top: 10em; } .cta-implant-image:before { content: ''; position: absolute; width: 12.5em; background: #fff; height: 20.5em;transform: rotate(168deg);right: -11em;top: -2em; } /* .location { position: relative; background: url('./images/kc.jpg') no-repeat; min-height: 17.5em; background-position: center; background-size: cover; /*padding-top: 10em;*/ /*padding-top: 4em; margin-bottom: 39em; } */ .location { position: relative; background: url('./images/kc.jpg') no-repeat; min-height: 17.5em; background-position: top; /* background-size: 150%; */ background-size: 161% 33%; padding-top: 10.8em; margin-bottom: 0em; } /* .location:before { content: url('./images/kc.jpg'); position: absolute; top: 0; left: 0; right: 0; height: 5em;} */ .location-center-wrap { margin-top: 10em; } .location-heading { position: relative;color: #FFFFFF; font-family: "Open Sans"; font-size: 1.2em; background-color: #2493C5; opacity: 0.95; padding: 2em 1em; margin-top: 0; } .location-heading:before { content: ''; position: absolute; bottom: 1.5em; width: 3em; height: 1em; border-bottom: 2px solid #fff; } .location-inner-wrap { padding: 1em; font-size: .9em; max-width: 23em; width: 100%; margin: 2em auto; } .location-inner-wrap a { color: #4a4a4a; /*font-size: .9em;*/ } .contact-heading { font-weight: bold; position: relative; color: #FFFFFF; font-family: "Open Sans"; font-size: 1.2em; background-color: #2493C5; opacity: 0.95; padding: 2em 1em ; margin-top: 0;} .contact-heading:before { content: ''; position: absolute; bottom: 1.5em; width: 3em; height: 1em; border-bottom: 2px solid #fff; } .contact-right { background: url('./images/contact-back.jpg') no-repeat; min-height: 17.5em;background-position: center; background-size: cover; padding-top: 10em; } .home #gform_wrapper_1 {border-left: 1px solid #000;border-right: none;border-left: none; border-bottom: none; max-width: 20em; margin: 0 auto;} .location-map { background: url('./images/map.jpg') no-repeat; min-height: 18.5em;background-position: center; padding-top: 10em; } .surgery { max-width: 18em; width: 90%; } .help { max-width: 18em;width: 90%; left: 1.5em; position: relative;} .home-section { max-width: 35em; margin-top: 2em; } .home-paragraph { max-width: 35em; margin: 0 auto; } .address-class{ position: relative; padding-left: 1.5em; display: block; } .address-class:before { content: url('./images/place.svg'); position: absolute; top: .1em; left: 0; width: 1em; height: 1em; } .phone-class{ position: relative; padding-left: 1.5em; display: block; } .phone-class:before { content: url('./images/phone-in-talk.svg'); position: absolute; top: .25em; left: 0; width: 1em; height: 1em; } .fax-class{ position: relative; padding-left: 1.5em; display: block; } .loc-hours{ position: relative; padding-left: 1.5em; display: block; } .loc-hours:before { content: url('./images/schedule.svg'); position: absolute; top: .25em; left: 0; width: 1em; height: 1em; } .hours-class{ position: relative; padding-left: 1.5em; display: block; } .home-sub-header-left { display: none; } @keyframes dash { 0% { stroke-dashoffset: 420; /*transform: rotate(0deg);*/ } 100% { stroke-dashoffset: 100; /*transform: rotate(360deg);*/ } } #Layer_2 { stroke-dasharray: 420; stroke-dashoffset: 420; animation-delay: 3s; animation: dash 2s linear /* infinite */ forwards; transform-origin: 50% 50%; } #Layer_1 { stroke-dasharray: 420; stroke-dashoffset: 420; animation-delay: 3s; animation: dash 2s linear /*infinite */ forwards; } .home-sub-header-left > svg { overflow: visible; } /*-------------------------------------------------------------- # Secondary Pages --------------------------------------------------------------*/ .page-id-111 .bio-wrapper { background: #27245F; padding: 1em; text-align: center;} .page-id-111 .bio-box { padding: 1em; } .page-id-111 .bio-name { color: #fff; font-weight: normal; text-transform: none; margin-bottom: 0 ; } .page-id-111 .read-more { color: #FF6363; background: none; position: relative; margin: 0 auto 2em auto; } .request-wrapper { display: block; } .request-left { background-color: #2493C5; color: #fff; display: flex; align-items: center; text-align: center; padding: 2em 1em; font-size: 1.6em; font-weight: bold; width: 100%; } .request-right { padding: 2em 1em; width: 100%; } .request-right #gform_wrapper_1 { border-left: none; border-right: none; border-bottom: none; padding-top: 3em; width: 100%; } .form { position: relative;} .form:after { content: ''; position: absolute; bottom: -.75em; left: 0;right: 0;margin: 0 auto; width: 2.5em; height: 1em; border-bottom: 1px solid #fff; } /* hearing aids styles */ .styles-box{ margin: 1em 0; } .iic-image { text-align: center; } /* request appt page */ .page-id-110 .entry-wrapper{ background: url('./images/contact-back-shade.jpg') no-repeat; background-size: cover; padding-top: 12em; margin-top: -12em; position: relative;} .page-id-110 .main-header { background: none; } .page-id-110 .main-title { position: relative; z-index: 100; } .page-id-110 .main-breadcrumbs { position: relative; z-index: 100; display: none; } .page-id-110 .gfield_label { color: #fff; } /* overview breadcrumbs .page-id-502 .main-breadcrumbs { display: none; } .page-id-198 .main-breadcrumbs { display: none; } .page-id-397 .main-breadcrumbs { display: none; } */ .header-wrap .phNum:hover { transition: color .5s ease ; color: #FF6363; } .help { font-size: .75em; } .page-id-502 .main-title { position: relative; } .page-id-198 .main-title { position: relative; } .page-id-397 .main-title { position: relative; } .page-id-502 .main-title:after { content : ''; position: absolute; bottom: -.25em; width: 2em; height: 1em; border-bottom: solid #fff 2px; display: block; } .page-id-198 .main-title:after { content : ''; position: relative; bottom: .75em; width: 2em; height: 1em; border-bottom: solid #fff 2px; display: block; } .page-id-397 .main-title:after { content : ''; position: relative; bottom: .75em; width: 2em; height: 1em; border-bottom: solid #fff 2px; display: block; } /* location page */ .page-id-115 .entry-wrapper{ padding-top: 10em; margin-top: -12em; position: relative;} .page-id-115 .main-title { position: relative; z-index: 100; } .page-id-115 .main-breadcrumbs { position: relative; z-index: 100; } .page-id-115 #gform_1 { max-width: 20em; margin: 2em auto 4em auto; } .page-id-115 .location { background: none; padding-top: 8em; margin-bottom: 0; } .location-page-wrap { background: url('./images/kc.jpg') no-repeat; padding: 1em 0 5em 0; margin-top: -10em; background-size: cover; background-position: center;} .page-id-115 .location-page-wrap { background: none; padding: 1em 0 0 0; } .page-id-115 .location-heading { margin-top: .6em; } .page-id-115 .location-center-wrap { margin-top: 0; } /* .page-id-115 .gfield_label { color: #fff; } */ /* .page-id-110 .entry-wrapper:before { content: ''; position: absolute; left: 0;right: 0; bottom: 0; top: 0; background: rgb(0,0,0,0.7)} */ /* overview pages */ .manf-note { color: #4A4A4A;font-size: .8em;font-style: italic; } #hearing_quiz { max-width: 35em; margin: 5em auto; padding: 1em;} .main-link { color: #E67A1D; position: relative; font-style: italic; font-weight: bold;} .cta-overview-section ul { margin-left: 1em; } .cta-overview-section ol { margin-left: 1em; counter-reset: my-awesome-counter; list-style: none; position: relative; padding-left: 1em;} .cta-overview-section ol li { counter-increment: my-awesome-counter; } .cta-overview-section ol li:before {color: #fff;content: counter(my-awesome-counter) "."; position: absolute;text-align: right; background: #A39161 ;border-radius: 50%;padding-left: 0; left: -1em;width: 1.7em;padding-right: .4em;} .cta-overview-section .main-link { text-align: left; } .cta-overview-section h3 { color: #A39161 } /*.cta-overview-section ul li{ list-style: none; position: relative; } .cta-overview-section ul li:before { content: "\2022"; color: #335CB2 ;font-weight: bold; display: inline-block;width: 1em; margin-left: -1em; } */ .cta-blockquote { color: #fff; position: relative; padding: 1em; background: #27245F; text-align: center;} .overview-take-quiz-blockquote { display: block; color: #fff; position: relative; padding: 1em; background: #9A0B01; border: 1px solid #9A0B01; text-align: center; margin-bottom: 1em; padding-left: 20%; } .overview-take-quiz-blockquote:hover { background: #fff; } .check { position: absolute; left: 0; top: 0; bottom: 0; background: #000; width: 15%; display: flex; align-items: center; justify-content: center; } .cta-overview-section { margin-bottom: 3em; overflow: hidden; } .cta-image-left { display: block; max-width: 13em; margin: 0 auto; color: #335CB2;} .cta-content-right { display: block; padding: 1em;} .cta-content-left { display: block; padding: 1em; } .cta-image-right { display: block; max-width: 20em; margin: 0 auto; } .cta-overview-manuf img { border: none; } .cta-content-right .main-link { width: 100%; } .cta-content-left .main-link { width: 100%; } .cta-overview-section { position: relative; } .cta-image-left { position: absolute; top: 0;left: 25%;right: 25%; max-width: initial; } .cta-content-right { margin-top: 25em; } .left-side-list { margin: 0 0 0 1em ; } .right-side-list { margin: 0 0 0 1em ; } .balance-overview-intro { padding-left: 1em; padding-right: 1em; padding-top: 1em; padding-bottom: 3em; } .page-id-210 .entry-wrapper { display: block; } .provider-heading { margin-bottom: 3em; color: #fff; background: #E67A1D ; padding: 1em; font-size: 1.2em; font-weight: 800; max-width: 13em; text-align: center;} .provider-line { position: relative; display: block; z-index: 100;} .provider-line:after { z-index: 100; content: ''; position: absolute; border: 1px solid #979797; right: 0; display: block; width: 100%; bottom: 0;} .bio-wrapper { z-index: 100; position: relative; } .provider-page-list li a { text-transform: uppercase; font-weight: bold; color: #E67A1D; } .provider-page-list { list-style: none; position: relative;} .provider-page-list li:before { content:''; position: absolute; left: 0; background-image: url('./images/arrow-right-solid.svg'); left: -1.25em;width: 1em;height: 1em;background-repeat: no-repeat;} .gold li { color: #A39161 ; } .parts { color: #4a4a4a; font-weight: bold ; } /* manufacturer pages */ .cta-content-left h2 { margin: 0 0 0.5em 0; } .overview-section, .overview-manufacturers { border-bottom: 2px solid #e5e5e5; padding-top: 2.5em; padding-bottom: 2.5em; overflow: hidden; } .overview-section:last-child { border-bottom: 0; } .overview-content { margin: auto; max-width: 34em; } .overview-content h2, .overview-manufacturers h2 { margin-top: 0; } .overview-image { margin: 2em auto; width: 100%; max-width: 20em; max-height: 20em; } /*.overview-image:last-child { margin-bottom: 0; }*/ .overview-image-inner { position: relative; border: 0.4em solid #247797; border-radius: 50%; padding-top: calc(100% - 0.8em); overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; background: #247797; } .overview-image img { position: absolute; top: -100%; right: -100%; bottom: -100%; left: -100%; margin: auto; width: auto; max-width: none; height: 100%; } .overview-quote { border-radius: 0.5em; padding: 1.5em; font-size: 1.1em; font-style: italic; text-align: center; color: #fff; background-color: #247797; } .overview-quote p:last-child { margin: 0; } .overview-section li { margin-bottom: 1em; } .overview-section ol { counter-reset: overview-section; list-style: none; } .overview-section ol li:before { counter-increment: overview-section; content: counter(overview-section); display: inline-block; margin-right: 1em; margin-left: -2.5em; border-radius: 50%; width: 1.8em; line-height: 1.8; text-align: center; color: #fff; background: #247797; } .overview-section ul { margin-left: 1.5em; list-style: none; } .overview-section ul li:before { content: ''; display: inline-block; margin: -0.2em 1em 0 -1.5em; border: 2px solid #247797; border-width: 2px 2px 0 0; width: 0.5em; height: 0.5em; transform: rotate(45deg) translate(-2px, -2px); } .overview-link { display: flex; align-items: center; min-height: 4em; line-height: 1.3; } .overview-link .fa { margin-right: 0.5em; border-radius: 50%; min-width: 2em; min-height: 2em; font-size: 2em; line-height: 2; text-align: center; color: #fff; background: #96C121; transition: 300ms; } .overview-link:hover .fa { background: #247797; } .overview-video { cursor: pointer; transition: 1000ms; z-index: 99; } .overview-video:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 0; background: #000; opacity: 0; transition: opacity 500ms, height 0ms 500ms; } .overview-video .overview-image-inner:before, .overview-video .overview-image-inner:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; margin: auto; transition: 300ms; } .overview-video .overview-image-inner:before { border-radius: 50%; width: 6.5em; height: 6.5em; background: #247797; opacity: 0.7; } .overview-video .overview-image-inner:after { border: 1.5em solid transparent; border-right: 0; border-left: 3em solid #fff; width: 0; height: 0; transform: translate(0.3em,0); opacity: 0.9; } .overview-video:hover .overview-image-inner:before { box-shadow: 0 0 0 1.5em #24779799; } .overview-video .overview-video-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 5; background: #000; opacity: 0; transition: 500ms; } .overview-video.video-open { top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .overview-video.video-open:before { height: auto; opacity: 0.7; transition: opacity 500ms; } .overview-video.video-open .overview-video-embed { opacity: 1; } .overview-cha { padding-bottom: 1em; } .overview-quote { margin: 2em 0 -3.5em; padding: 1.5em 1.5em 2.5em 1.5em; } .overview-ehl ol { margin-bottom: 0; } .overview-man-item { display: block; margin: 2em 0; text-align: center; } .overview-man-image { margin-bottom: 2em; } .overview-man-list a { color: inherit; } .man-note { display: block; margin-top: 0.5em; font-size: 0.65em; font-style: italic; } .man-small { margin-bottom: 1.5em; font-style: italic; font-size: 0.8em; max-width: 45em; } .entry-content .overview-intro { min-height: 0; background: #e3e3e3; } .entry-content .overview-end { min-height: 0; } .overview-logo { margin: 0 auto 2em; max-width: 14em; text-align: center; } .overview-intro .overview-content, .overview-end .overview-content { margin: auto; max-width: 44em; } .overview-intro-block { margin-bottom: 1.5em; font-size: 1.2em; font-style: italic; line-height: 1.5; text-align: center; } .overview-hto .overview-intro-block { padding: 0 1.5em; } .overview-intro-text { margin: auto; max-width: 32em; } .overview-has { border-bottom: 0; padding-bottom: 0; } .overview-hto-diagram { display: flex; justify-content: center; min-height: 0; } .hto-diagram-labels { display: flex; flex-flow: column nowrap; justify-content: space-between; padding: 1em 0.5em 1em 0; } .hto-diagram-label { letter-spacing: 0.2em; font-size: 0.9em; font-weight: bold; text-transform: uppercase; writing-mode: vertical-rl; text-orientation: upright; color: #5c53ad; } .hto-diagram-label:last-child { color: #ef4747; } .hto-diagram-bar { border-radius: 0.2em; height: auto; min-height: 30em; width: 2em; background: linear-gradient(180deg, #5c53ad 0%, #1c7394 50%, #ef4747 100%); } .hto-diagram-options { display: flex; flex-flow: column nowrap; justify-content: space-between; padding: 0 1em; } .hto-diagram-option { display: block; line-height: 1.2; text-align: center; color: #1c7394; } .hto-diagram-option:first-child { color: #5c53ad; } .hto-diagram-option:last-child { color: #ef4747; } .hto-diagram-option img { display: block; margin: 0.5em auto 0; width: 7em; border: 0.2em solid #1c7394; border-radius: 50%; overflow: hidden; transition: 300ms; } .hto-diagram-option:first-child img { border-color: #5c53ad; } .hto-diagram-option:last-child img { border-color: #ef4747; } .hto-diagram-option:hover img { transform: scale(1.07); } .overview-psap h2 { color: #5c53ad; } .overview-psap .overview-image-inner { border-color: #5c53ad; background: #5c53ad; } .overview-psap ul li:before { border-color: #5c53ad; } .overview-ids h2 { color: #ef4747; } .overview-ids .overview-image-inner { border-color: #ef4747; background: #ef4747; } .overview-ids ul li:before { border-color: #ef4747; } .manufacturer { padding-bottom: 3em; } .manufacturer-resound .overview-image-inner { border-color: #d51920; background: #d51920; } .manufacturer-resound h2, .manufacturer-resound h3 { color: #d51920; } .manufacturer-resound .overview-section ul li:before { border-color: #d51920; } .manufacturer-phonak .overview-image-inner { border-color: #80c242; background: #80c242; margin-bottom: 2em; } .manufacturer-phonak h2, .manufacturer-phonak h3 { color: #80c242; } .manufacturer-phonak .overview-section ul li:before { border-color: #80c242; } .manufacturer-oticon .overview-image-inner { border-color: #d60b8c; background: #d60b8c; } .manufacturer-oticon h2, .manufacturer-oticon h3 { color: #d60b8c; } .manufacturer-oticon .overview-section ul li:before { border-color: #d60b8c; } .manufacturer-starkey .overview-image-inner { border-color: #fcb813; background: #fcb813; } .manufacturer-starkey h2, .manufacturer-starkey h3 { color: #003162; } .manufacturer-starkey .overview-section ul li:before { border-color: #003162; } .page-id-208 .entry-content { margin-top: -2.25em; } .page-id-206 .entry-content { margin-top: -2.25em; } .page-id-227 .entry-content { margin-top: -2.25em; } .page-id-207 .entry-content { margin-top: -2.25em; } .page-id-397 .main-header { min-height: 9.5em; background: url('./images/cochlear-header.jpg') no-repeat; background-position: center 26%; } .page-id-198 .main-header { min-height: 9.5em; background: url('./images/hearing-aid-overview-header.jpg') no-repeat; background-position: center 26%; } .home-enjoy br { display: none; } /*-------------------------------------------------------------- # Responsive --------------------------------------------------------------*/ @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%; } .contain { padding-left: 3rem; padding-right: 3rem; } .download-table td { display: table-cell; } .download-table td:nth-child(1) { padding-bottom: 1em; text-align: left; border-bottom: 1px solid #96c121; } .download-table td:nth-child(2) { padding-top: 1em; text-align: right; } /* hearing aid styles */ .iic-image { width: 35%; display: inline-block; } .iic-content { width: 60%; display: inline-block; padding-left: 5%; } /* overview pages */ .overview-cols { column-count: 2; } .overview-man-list { display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start; margin: 1em 0; } .overview-man-item { margin: 1em; } .cta-overview-list-left{ display: inline-block; width: 45%; } .cta-overview-list-right{ display: inline-block; width: 45%; } .balance-overview-intro { padding-left: 3em; max-width: 40em; } .main-header:after { content: ''; position: absolute; height: 3em; width: 30%; left: 0; background: #2493C5 ; bottom: -1em; opacity: .8; overflow: visible;} .home-title { padding: 2em 1em 2em 3em ; } .help { font-size: 1em; } } @media only screen and (min-width:58.5em){ .bio-left{ width: 30%; display: inline-block; } .bio-right{ width: 65%; display: inline-block; } .bio-content { margin-bottom: 3em; } .cochlear-overview-button { max-width: 20em; margin: 0; } .ha-overview-button { max-width: 20em; margin: 0; } .overview-section { display: flex; justify-content: flex-start; align-items: center; } .overview-section, .overview-manufacturers { border-bottom: 0; padding-top: 5%; padding-bottom: 5%; min-height: 32em; } .overview-even { justify-content: flex-end; } .overview-manufacturers { min-height: 0; } .overview-content { margin: 0; max-width: 60%; } .overview-image { position: absolute; top: 0; left: 60%; bottom: 0; width: 50%; height: 50vw; max-height: 31em; max-width: 30em; margin: auto; } .overview-image:last-child { margin-bottom: auto; } .overview-even .overview-image { right: 60%; left: auto; } .overview-even .overview-content { width: 58%; max-width: 58%; } .overview-quote { margin: 2em -6em 2em 0; padding: 1.5em 6em 1.5em 1.5em; font-size: 1.2em; } .overview-even .overview-quote { margin: 2em 0 2em -6em; padding: 1.5em 1.5em 1.5em 6em; } .overview-man-list { flex-flow: row nowrap; justify-content: space-between; } .overview-hto { display: block; } .overview-hto-diagram { font-size: 1.1em; } .overview-cha { padding-bottom: 0; } .overview-hac { padding-bottom: 12%; } .overview-hac .overview-image { margin-top: 0; } .entry-content .overview-intro { margin-bottom: 3em; } .page-id-84 .overview-manufacturers { padding-top: 0; } .page-locations-intro { padding-top: 12em; padding-bottom: 5em; } /* overview pages */ .cta-image-left { display: inline-block; width: 35%; position: relative;left: calc(47% - 34rem);right: 0;float: left; } .cta-content-right { margin-top: 0; display: inline-block; width: 60%; padding: 0 1em 1em 2em; padding-right: calc(50% - 30rem); float: right; } .manuf { left: calc(68% - 29rem); } .cta-content-left { display: inline-block; padding: 0 2em 1em 1em; padding-left: calc(50% - 30rem); max-width: 50%; margin-left: 2em;} .cta-image-right { display: inline-block; /*width: 35%;*/ } .left-side-list { display: inline-block; width: 45%; } .right-side-list { display: inline-block; width: 45%; } .cta-overview-section { position: relative; min-height: 25em; } .cta-overview-section h2 { margin: 0 0 0.5em 0; font-weight: bold; } .cta-image-left img { max-width: 30em; left: -2em; position: relative; } .cta-image-right img { max-width: 30em; position: absolute; right: -2em; right: calc(50% - 34rem); } .manuf img { right: calc(50% - 28rem); } .cta-overview-manf { display: block; width: 100%; } .cta-overview-manuf-image { display: block; width: 100%; max-width: 40em; margin: 0 auto; left: 20%;} .ha-manuf { min-height: 15em; } } @media only screen and (min-width:68.5em){ #menu-top-menu li a { height: 6em; margin: 1em 0 0 0; padding: 1.5em 1em; } .wordContainer {overflow: hidden;} @keyframes up { 100% { transform: translateY(0%); } } .word { transform: translateY(0%); opacity: 0; } .animate .word {animation: up 0.8s 1.2s forwards; opacity: 1; animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);transform: translateY(115%);} .textWrapper .wordContainer:nth-child(1) .word { animation-delay: .5s; } .textWrapper .wordContainer:nth-child(2) .word { animation-delay: 1.35s; } .wordContainer { float: left; } .textWrapper .wordContainer:nth-child(3) { clear: both; } .home-enjoy br { display: block; } .home-paragraph.fp-hidden { opacity: 0; } .home-paragraph.fp-hidden.in-view { transition: all 2s ease; opacity: 1; } .button.cta.surgery.fp-hidden { opacity: 0; margin-left: 10em; } .button.cta.surgery.fp-hidden.in-view { opacity: 1; margin-left: 1em; transition: all 2.5s ease; } .cta-ear-image.fp-hidden{ opacity: 0; margin-left: calc(50% - 39rem); } .cta-ear-image.fp-hidden.in-view{ opacity: 1; transition: all 2.5s ease; margin-left: calc(50% - 30rem); } .cta-hearing-aid-contain.fp-hidden { left: calc(50% - 40rem); opacity: 0; } .cta-hearing-aid-contain.fp-hidden.in-view { left: calc(50% - 30rem); opacity: 1; transition: all 2.5s ease;} .cta-implant-image.fp-hidden{ opacity: 0; margin-left: calc(50% - 39rem); } .cta-implant-image.fp-hidden.in-view{ opacity: 1; transition: all 2.5s ease; margin-left: calc(50% - 30rem); } .implant-p.fp-hidden { opacity: 0; } .implant-p.fp-hidden.in-view { transition: all 2s ease; opacity: 1; } .button.cta.help.fp-hidden { opacity: 0; margin-left: 10em; } .button.cta.help.fp-hidden.in-view { opacity: 1; margin-left: 4.2em; transition: all 2.5s ease; } .location-center-wrap.fp-hidden { position: relative; right: -5em ; opacity: 0; } .location-center-wrap.fp-hidden.in-view { opacity: 1; right: 0; transition: all 2s ease; } .contact-heading.fp-hidden { opacity: 0 ; padding-left: 4em; } .contact-heading.fp-hidden.in-view { opacity: 1; padding-left: 1em; transition: all 2.5s ease; } .page-id-397 .main-header { height: 27.5em; background: url('./images/cochlear-header.jpg') no-repeat; background-position: 100% 26%; } .page-id-397 .main-title { font-size: 2.4em; margin-top: 3.5em; } .page-id-198 .main-header { height: 27.5em; background: url('./images/hearing-aid-overview-header.jpg') no-repeat; background-position: center 26%; } .page-id-198 .main-title {font-size: 2.4em;margin-top: 3.5em;} .page-id-502 .main-header { height: 27.5em; background: url('./images/ear-disease-header.jpg') no-repeat; background-position: center 26%; } .page-id-502 .main-title {font-size: 2.4em;margin-top: 3.5em;} .page-id-502 .cta-overview-section { margin-top: 5em; } .cta-overview-section .button { margin: 2em 0 0 0 ; } h2{ font-size: 1.6em ; } h3 { font-size: 1.2em ; } .main-breadcrumbs { color: #4a4a4a; position: absolute; left: 21.5%; bottom: -1.75em; font-size: .9em; font-style: italic; } .main-breadcrumbs a { color: #4a4a4a; padding: 0 1em; } .main-breadcrumbs a:hover { color: #FF6363; } .breadcrumb_last { padding-left: 1em; } .page-id-115 .main-breadcrumbs { display: none; } .main-header { position: relative; } .main-header:after { width: 21%; height: 4em; bottom: -2em;} .main-title { font-size: 2em; } .cta-implant-image { background-position: center; } .page-template-default .above-footer-image { height: 21em; background: url('./images/pagebottom.jpg') no-repeat; background-position: center;} .cta-ear-surgery p { padding: 1em 1em 1em 5em; } .cta-hearing-aids p { padding: 1em; } .cta-implants p { padding: 1em 1em 1em 5em; } .cta-implants { height: 31em; } .surgery { margin-left: 6em; } .implants { margin-left: 6em; } .consider { margin: 2em 2em 2em 1em; max-width: 15em; } .location-heading { font-size: 1.6em; } .contact-heading { font-size: 1.6em; } .request-wrapper { display: block; margin-bottom: 5em; } .request-left { padding: 1.5em; opacity: .9; } .form{ opacity: 1; } .request-wrapper { display: flex; } .request-left { width: 50%; } .request-right { width: 50%; } .page-id-115 .main-header { background: none; } .page-id-115 .location-page-wrap { background: url('./images/kc.jpg') no-repeat; padding: 1em 0 5em 0; background-size: cover;} /* header */ .logo img { margin: 0; } .logo:focus img { outline: 2px dotted; } .menu-top-menu-container { width: 8em;float: right; margin-top: 0 ;} /*#menu-top-menu li { position: relative; padding: 0 ; height: 5em;}*/ #menu-top-menu li:after { height: .1em;bottom: 1em;left: 0 ; top: inherit; } #menu-top-menu li:hover { background: #FF6363; } .header-wrap { padding-left: 3rem; padding-right: 3rem; position: relative;} /* home page */ .home-header { border-top: none; height: 27.5em;} .header-wrap .phone { display: inline-block; position: absolute; right: 21%; top: .9em; font-weight: bold; color: #27245F; font-size: 2.4em; } .header-wrap .phone:before { content:'Kansas City, MO'; position: absolute; bottom: -.5em; right: 0; font-size: .4em; font-style: italic;} .home-enjoy { font-size: 4em; } .welcome { font-size: 1em; } .home-title.fp-hidden { width: 50%; margin-top: -1.5em; opacity: 0; position: relative; font-size: 2.25em; padding: 1em 1em 1.5em 3rem;} .home-title.fp-hidden.in-view { width: 55%; opacity: 1;transition: all 1s ease; transition-delay: 1s; } .main-front p { font-size: 1.2em; } .home-section { max-width: none; margin: 6em 0 ; height: 24em; } /* .home-sub-header-left { display: inline-block; width: 40%; border-right: 1px solid #27245F; padding-right: 3em; } .home-sub-header-right { display: inline-block; width: 60%; float: right; padding-left: 3em; position: relative; }*/ .home-sub-header-right:before { content: ''; position: absolute; width: 1em; height: 25em; border-left: 2px solid #27245F; left: -.75em; top: -1em; } .under-home-text { /*margin-left: 45% ; margin-top: 10em;*/ margin: 0; } .cta-ear-surgery { padding-bottom: 5em;} .cta-ear-image { height: 25em; max-width: 30em; margin-left: calc(50% - 30rem); } .cta-header { font-size: 1.6em;} /* .ear-surgery, .implants {right: 4%;top: -1em; width: 24em;} */ .ear-surgery.fp-hidden { right: 4% ;top: -1em; width: 20em; opacity: 0; } .ear-surgery.fp-hidden.in-view { width: 29em; opacity: 1; transition: all 2s ease; } .cta-ear-surgery-content-contain { width: 27em; margin-top: -22em; margin-left: calc(94% - 28em); margin-left: calc(94% - 28em);} .cta-hearing-aid-contain { width: 31em; background-color: #FFFFFF; left: calc(50% - 26rem);top: 4em; position: absolute;} .cta-hearing-aid-image { height: 38em; } .cta-hearing-aid-content-contain { padding: 0 1em 1em 1em; } /* .cta-hearing-aids { margin-bottom: 10em; } */ .location { /*height: 52em;*/ margin-bottom: 0 ; padding-bottom: 4em; background-size: cover; overflow: hidden;} .cta-implant-image { height: 31em; max-width: 30em; margin-left: calc(50% - 30rem); } .cta-implant-content-contain { width: 27em; margin-top: -25em; margin-left: calc(94% - 28em); } .implants.fp-hidden { right: 4%; top: 1em; width: 14em; opacity: 0; } .implants.fp-hidden.in-view { width: 29em; opacity: 1; transition: all 2s ease; } .cta-ear-image:before { height: 30.5em; right: -10em; } .cta-implant-image:before { height: 50.5em; } .location-center-wrap { position: absolute; left: 0; right: 0; top: 17em; } .location-center-wrap { position: relative;left: inherit;right: inherit;top: inherit;width: 75%;margin: 0 auto;background: #fff; } .location-inner-wrap { background: #fff; margin: 1em 0 1em 0; font-size: 1.2em; padding: 1em 1em 3em 1em; width: 50%; } .location-map { float: right;width: 50%;position: absolute;right: 0;top: 8.7em;bottom: 0;} .contact { position: relative;} .contact-left { display: inline-block; width: 50%; background: #fff; } .contact-right { display: inline-block; width: 50%; float: right; position: absolute;bottom: 0 ; top: 0 ; clip-path: polygon(975px 1000px,975px 1px,24px -2px,197px 975px);} /* footer styles essentials */ #footer .location-title { text-align: left; font-size: 1em; margin: 0; } #menu-footer-menu li { margin: 0; } #menu-copyright-menu { display: inline-block; margin-top: 0; } #menu-copyright-menu li { display: inline-block; margin-right: .5em;} .footer-section { margin: 0 1em 0 0 ; display: inline-block; } .footer-logo { margin-right: 0; } .footer-links {display: inline-block; } .footer-wrap { display: flex; justify-content: space-between; text-align: left; margin: 0; max-width: inherit;} .footer-links { display: inline-block; } .footer-social { margin-top: 1.5em; } .footer-loc-link { position: absolute;bottom: 0; left: calc(45% - 20em); } .footer-heading { font-size: 1em; padding: 0 0 .75em 0; display:block; } .menu-footer-menu ul li a { font-size: 1em; } .footer-logo { /*padding: 2.5em 0 .5em 0 ;*/ padding: 0 1em 0 0 ; width: 20%; } .footer-address { width: 49%; display: inline-block; } .footer-address-wrapper { width: 60%; } .footer-office-name { margin: 0 0 .5em 0 ; } .footer-links { display: inline-block; ; } .copyright, .copyright-navigation { display: inline-block; } .copyright-navigation { float: right; } .site-info { text-align: left; padding-bottom: 1em; max-width: inherit; margin: 0; } .services-footer-contact { max-height: 37.4em; } .page-id-291 .services-footer-contact { max-height: 35.2em; } .page-id-85 .entry-content h2:first-child { margin-top: 0; } /* secondary page styles */ .main-header{ height: 8em; } .entry-wrapper { display: flex; margin-top: 5em; } .entry-sidebar .entry-content { width: 68%; margin: 0 2em 3.5em 0; } #secondary {display: inline-block;width: 35%;position: sticky;top: 4em ;align-self: flex-start;margin-bottom: 4em; } .entry-content .search-form { margin-top: 0; } .main-header:before { display: none; } .widget-title { margin-top: 0; } .bio-image img { margin: 0 0 2em 0; } .page-id-111 .bio-wrapper { display: flex; justify-content: space-evenly; height: 20em; } .page-id-111 .bio-image { margin-top: -4em; } .page-id-111 .bio-image img { margin: 0 auto 1.5em auto; } .page-id-111 .read-more:after { content: '>>'; position: absolute; right: 2.5em; } .page-id-111 .read-more:hover { color: #fff; } .bio-spacer { margin-bottom: 5em;} .page-id-111 .contact { min-height: 25em; } .page-id-115 .entry-wrapper { display: block; } .page-id-397 .entry-wrapper { display: block;} /* sidebar */ #gform_widget-2 { margin: 0 ; } /* bio page */ .bio-template-default .entry-bio { display: flex; } .bio-template-default .bio-image { min-width: 7.5em;margin-right: 2em;} .search-form ::placeholder { color: #fff; } } @media only screen and (min-width:74.5em){ .cta-hearing-aid-contain { left: calc(50% - 30rem); } .home-title.fp-hidden { font-size: 2.5em; } } @media only screen and (min-width:82.5em){ .contain { padding-left: calc(50% - 30rem); padding-right: calc(50% - 30rem); } .header-wrap { padding-left: calc(50% - 30rem); padding-right: calc(50% - 30rem); } .header-wrap .phone { right: calc(50% - 21rem); } .home-title {padding: 2em 1em 2em calc(50% - 30rem); } .cta-ear-surgery p { padding: 1em ; } .surgery { margin-left: 1em; } .cta-implants p { padding: 1em;} .help { left: -3em; } #menu { padding-left: calc(50% - 30rem); padding-right: calc(50% - 30rem); } .home-title.fp-hidden { padding-left: calc(50% - 30rem); } .location { padding-left: calc(50% - 39rem);padding-right: calc(50% - 39rem); } .test-div { padding-right: calc(50% - 39rem); } } /*-------------------------------------------------------------- # Menu - Small Screen --------------------------------------------------------------*/ @media only screen and (max-width: 68.49em){ /*1095px*/ .menu-buttons { border-top: 1px solid rgba(255,255,255,0.2); 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 { 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{display:none} .menu-buttons .js-activate.js-active { display: none; } .menu-buttons .js-deactivate.js-active { display: block; } .menu-tab { 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 li{position:relative;z-index:1;margin:0;padding:0;list-style:none} #primary-menu a{display:block;position:relative;padding:0.5em 2.5em 0.5em 1.5em} #primary-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;transition:all 200ms} #primary-menu .js-active>a:after{transform:rotate(-180deg)} #primary-menu ul li{overflow:hidden;max-height:0;transition:max-height 500ms} #primary-menu ul a{padding-left:2.5em} #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} /* Customize Menu Here */ .menu-buttons { background: #27245F; } .menu-button,.menu-close { color: #fff; background: #27245F; } .menu-button:hover, .menu-buttons .menu-close.js-active { color: #fff; background: #FF6363 ; } .menu-tab { background: #27245F; } #primary-menu { margin: auto; max-width: 22rem; } #primary-menu a { color: #fff; } #primary-menu a:hover { background: #555; color: #fff; } #primary-menu ul { background: #2493C5; } #primary-menu .menu-item-has-children > a:after { border-top-color: #fff; } .menu-search { display: none; } .menu-search-form { margin: auto; padding: 1em 1.5em; max-width: 22rem; } .menu-search-form li { list-style: none; } .menu-search-form .search-form { display: flex; } .menu-search-form label { width: 100%; } .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: #fff; background: #777; } } /*-------------------------------------------------------------- # Menu - Large Screen --------------------------------------------------------------*/ @media only screen and (min-width: 68.5em){ /*1095px*/ /* Keyboard Accessibility */ #primary-menu>.menu-item-has-children>a:focus {outline: 1px dotted !important;} #primary-menu>.menu-item-has-children>.sub-menu{transition:transform 500ms, opacity 300ms, visibility 0ms 500ms; visibility: hidden;} #primary-menu>.js-active>.sub-menu{visibility: visible; transition: transform 500ms,opacity 300ms;} .pagination { text-align: left; } .menu-buttons{display:none} #menu{position:sticky;top:0;z-index:999} #primary-menu{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 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 a{display:block;position:relative;padding:0.75em 0.5em;text-align:left} #primary-menu>li>a{text-align:center} #primary-menu>.menu-item-has-children>a:after{width: 1em; content:'+';display:inline-block;vertical-align:top;/*margin:0.55em 0 0 0.5em;border-style:solid;border-color:transparent;border-width:0.3em 0.25em 0 0.25em;*/transition:all 200ms} #primary-menu>.menu-item-has-children>ul{position:absolute;top:100%;left:50%;z-index:10;margin-left:-6.5rem;padding:1rem 0;width:15rem;max-height:25rem;box-shadow:0.05rem 0.05rem 0.25rem rgba(0,0,0,0.2)} #primary-menu ul a{padding:0.5em 1.5em;font-size:0.9em} #primary-menu .js-active,.nojs #primary-menu>li:hover{z-index:5} #primary-menu>.js-active>a:after,.nojs #primary-menu>li:hover>a:after{transform:rotate(-180deg)} #primary-menu>.menu-item-has-children>ul{opacity:0;transform:scale(0.7);transform-origin:50% 0;transition:transform 500ms, opacity 300ms;pointer-events:none} #primary-menu>.js-active>ul,.nojs #primary-menu>li:hover>ul{transform:scale(1);opacity:1;transition:transform 500ms, opacity 300ms 200ms;pointer-events:auto} #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-left>ul{margin-left:-50%} #primary-menu>.menu-right>ul{left:auto;right:50%;margin-right:-50%} #primary-menu>.menu-col-2>ul{margin-left:-13rem;/*width:26rem;*/ width: 34rem; } #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-home>a,#primary-menu>.menu-search>a{position:relative;overflow:hidden;text-indent:-999em} #primary-menu>.menu-home>a:before,#primary-menu>.menu-search>a:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:1.4em;height:1.4em;background:url(./images/icon-home.svg) center / contain no-repeat} #primary-menu>.menu-search>a:before{background-image:url(./images/icon-search.svg)} #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:1em;width:100%;font-size:0.9em;line-height:2;-webkit-appearance:textfield; color: #fff;} .menu-search-form .search-submit{display:none} /* Customize Menu Here */ #menu { background: #27245F; } #primary-menu { background: transparent; } #primary-menu a { color: #fff; } #primary-menu a:hover { color: #595959; background: #eee; } #primary-menu > li > a { color: #fff; font-size: .8em; } #primary-menu > li > a:hover, #primary-menu > .js-active > a { color: #fff; background: #2493C5; } /* #primary-menu .menu-item-has-children > a:after { border-top-color:#fff; } */ #primary-menu>.menu-item-has-children>a:after { content: '+';display: inline-block;vertical-align: top;margin: 0 .55em;border-style: none;border-color: transparent;border-top-color: transparent;border-width: 0; transition: all 200ms;} #primary-menu>.js-active>a:after, .nojs #primary-menu>li:hover>a:after {content: '-';} /* #primary-menu>.menu-item-has-children.js-active>a:after { content: '-'; position: absolute; top: 1em;} */ #primary-menu ul { background: #2493C5 ; } #primary-menu li li { background: #2493C5; } #primary-menu ul a:hover { background: #e5e5e5; } #primary-menu .mega-menu > ul > li > a, #primary-menu .menu-mega > ul > li > a { border-bottom: 1px solid #333; color: #333; } } @media only screen and (min-width:75.5em){ #primary-menu > li > a { font-size: .9em; } } @media only screen and (min-width:82.5em){ /*Desktop Full Width 1320px*/ .contain { padding-left: calc(50% - 30rem); padding-right: calc(50% - 30rem); } #primary-menu > .menu-full > ul { left: calc(50% - 30rem); right: calc(50% - 30rem); } #primary-menu > li > a { font-size: 1em; } } /*-------------------------------------------------------------- # 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,#sidebar,#sidebar-post,#header,#footer,#comments,.menu-buttons,.page-navigation,.pagination,.wp-prev-next,.respond-form{display:none} .contain{padding-left:0;padding-right:0;max-width:none} } /*! Lity - v2.3.1 - 2018-04-20 * http://sorgalla.com/lity/ * Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;/*overflow:auto;*/pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}