/* 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 # Manufacturers Plugin Pages # 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;}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} /* fonts */ @font-face { font-family: 'Muli'; src: local('Muli ExtraLight Italic'), local('Muli-ExtraLightItalic'), url('./fonts/Muli-ExtraLightItalic.woff2') format('woff2'), url('./fonts/Muli-ExtraLightItalic.woff') format('woff'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Muli'; src: local('Muli ExtraBold Italic'), local('Muli-ExtraBoldItalic'), url('./fonts/Muli-ExtraBoldItalic.woff2') format('woff2'), url('./fonts/Muli-ExtraBoldItalic.woff') format('woff'); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Muli'; src: local('Muli ExtraLight'), local('Muli-ExtraLight'), url('./fonts/Muli-ExtraLight.woff2') format('woff2'), url('./fonts/Muli-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Muli'; src: local('Muli Regular'), local('Muli-Regular'), url('./fonts/Muli-Regular.woff2') format('woff2'), url('./fonts/Muli-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Muli'; src: local('Muli Light Italic'), local('Muli-LightItalic'), url('./fonts/Muli-LightItalic.woff2') format('woff2'), url('./fonts/Muli-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Muli'; src: local('Muli Light'), local('Muli-Light'), url('./fonts/Muli-Light.woff2') format('woff2'), url('./fonts/Muli-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Muli'; src: local('Muli SemiBold'), local('Muli-SemiBold'), url('./fonts/Muli-SemiBold.woff2') format('woff2'), url('./fonts/Muli-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Muli'; src: local('Muli Black'), local('Muli-Black'), url('./fonts/Muli-Black.woff2') format('woff2'), url('./fonts/Muli-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Muli'; src: local('Muli Bold'), local('Muli-Bold'), url('./fonts/Muli-Bold.woff2') format('woff2'), url('./fonts/Muli-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Lora'; src: local('Lora Regular'), local('Lora-Regular'), url('./fonts/Lora-Regular.woff2') format('woff2'), url('./fonts/Lora-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Muli'; src: local('Muli ExtraBold'), local('Muli-ExtraBold'), url('./fonts/Muli-ExtraBold.woff2') format('woff2'), url('./fonts/Muli-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Muli'; src: local('Muli Bold Italic'), local('Muli-BoldItalic'), url('./fonts/Muli-BoldItalic.woff2') format('woff2'), url('./fonts/Muli-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Muli'; src: local('Muli SemiBold Italic'), local('Muli-SemiBoldItalic'), url('./fonts/Muli-SemiBoldItalic.woff2') format('woff2'), url('./fonts/Muli-SemiBoldItalic.woff') format('woff'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Muli'; src: local('Muli Black Italic'), local('Muli-BlackItalic'), url('./fonts/Muli-BlackItalic.woff2') format('woff2'), url('./fonts/Muli-BlackItalic.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Muli'; src: local('Muli Italic'), local('Muli-Italic'), url('./fonts/Muli-Italic.woff2') format('woff2'), url('./fonts/Muli-Italic.woff') format('woff'); font-weight: normal; 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:#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.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; background-color: rgba(0, 0, 0, 0.8);z-index: 1000; position: relative;} .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: #66B7C7; } .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 --------------------------------------------------------------*/ :root { --contain-padding: 9vw; } @media (min-width: 91.5em){ :root { /* Structure */ --contain-padding: calc(50vw - 30rem); } } @media (min-width: 120em){ :root { /* Structure */ --contain-padding: 18rem; } } .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: 1.75em; padding: 0.4em 1em;font-size:1em;font-weight:300;line-height:normal;text-align:center;text-decoration:none;cursor:pointer;transition:all 300ms} .button:hover,.button:active,.button:focus{text-decoration:none;outline:none} /*-------------------------------------------------------------- # Site Structure --------------------------------------------------------------*/ #wrapper{margin:auto;max-width:96rem;background:#fff} #wrapper,#wrapper>*{width:100%} /*-------------------------------------------------------------- # Theme Customization --------------------------------------------------------------*/ body { font-family: Muli, sans-serif; color: #4a4a4a; } h1,h2,h3,h4 { font-family: Lora, sans-serif; } h2 { font-size: 1.2em ; } h3 {font-size: 1em ; } h4 { font-size: 1em ; } p { font-size: .9em ; } ul { font-size: .9em ; } ol { font-size: .9em ; } a{ color: #66B7C7; } a:hover { color: #70A386; } a:focus-visible {outline: -webkit-focus-ring-color auto 1px;} .button{ color: #fff; background: #66B7C7; border: 1px solid #66B7C7; font-weight: 500; } .button:hover,.button:active,.button:focus{ color: #fff; background: linear-gradient(180deg, #AEDBE0 0%, #76B5BE 100%);} .button:focus-visible {outline:#FF9500 dashed 3px; outline-offset: 6px;} #gform_body ul { margin: 0 1em 1.5em 1em; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ .gform_fields { margin: 0; } .gfield { list-style: none; } .gfield .medium { border: 1px solid #333333; border-radius: 0.2em; padding: 0.2em 0.5em; width: 100%; color: #4a4a4a; background: #fff; } .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); } /*-------------------------------------------------------------- # 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:#a3d4d9} .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:#80bcc4} .captcha-image svg:hover{color:#a8403e} .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: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}*/ /* 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 --------------------------------------------------------------*/ #menu-item-504:hover{ background: #76B5BE; } #menu-item-504:hover a { color: #fff; } .logo img { max-width: 17.5em; width: 100%; padding: 3em 0 1em 0; margin: 0 auto; display: block; } .header-right { display: none; } #header { position: relative; } #header:before { content: url('./images/header-triangle.jpg'); position: absolute; top: 0; width: 100%; left: 0; right: 0; } /* secondary page header */ .main-header { background: url(./images/header-back.jpg) no-repeat; background-position: 12% ; background-size: cover; padding: 2em; } .main-title { margin: 0; font-size: 1.6em; } .main-breadcrumbs { color: #000; padding-top: 1em; } .main-breadcrumbs a { color: #000; } /* 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: #70A386 ;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: #000; } /*.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: #66B7C7; 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 ; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .mobile-footer-logo { display: block; } .desktop-footer-logo { display: none; } .footer-fb-link { text-transform: uppercase; margin: 1em 0; display: block; position: relative; padding-left: 1em; } .footer-fb-link::before { position: absolute; content: url('./images/facebook-f-brands.svg'); left: 0; width: .75em; height: .75em; } footer { background-color: #76B5BE; color: #fff; padding-top: 2em; } footer a { color: #fff; font-size: .8em;} /* essentials */ #footer a:hover { text-decoration: underline; color: #fff;} #menu-footer-menu { display: block; 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; margin: 0; } #footer .fp-header-button{ display: none; } .footer-wrap { padding-bottom: 1em; max-width: 16em; margin: 0 auto; } .footer-heading { margin: 1em 0; display: block;text-align: left;font-size: .8em;font-weight: bold;line-height: 2em; font-family: Lora, sans-serif;} .copyright { font-size: .8em;} .copyright, .copyright-navigation { display: block; text-align: left; } .copyright-navigation { float: none; } .location-title { font-family: 'lato', sans-serif; } .site-info { border-top: 1px solid #fff; padding-top: 2em; max-width: 22em; margin: 0 auto;} .footer-office-name { font-weight: bold; margin: 1.5em 0 1em 0; } .fax-text { display: none; } .phone-text-alt { display: none; } .footer-image { margin-top: 3em; } .footer-section .location-hours { font-size: .8em; } .location-hours-title h3 { display: none; } .footer-section .phNum { font-weight: bold; font-size: .8em; } .footer-desktop-logo { display: none; } .copyright-logo { max-width: 20em; width: 100%; display: block; margin: 0 auto; padding: 0 2em 5em 2em ; } .footer-phone {margin-top: 1em; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /* new location info */ .loc-left { position: relative; } .loc-right { background-color: #000; padding: 2em 0; } .loc-left-heading { margin-bottom: 18em; position: relative;} .loc-left-heading:before { content: ''; position: absolute; background: url('./images/map-large-icon-crop.jpg') no-repeat ; background-position: center; top: 4.5em; left: 0; right: 0; height: 18em; width: 100%; } .page-id-115 .location-contact-heading { width: 100%; } .entry-wrapper { margin-top: 2em; } .child-name a { color: #000; } .continue-reading-link { color: #000; } .entry-title a { color: #000; } .button-read-more { color: #000; } .location-contact { margin: 2em 0; position: relative; z-index: 10; } .location-box { display: block; width: 100%; background: url('./images/map-large-icon-crop.jpg') no-repeat ; height: 32em; position: relative; background-position: 50% ; background-size: inherit; } .contact { display: block; width: 100%; /*opacity: 0.75;*/ background-color: #000000;} .location-contact-heading { font-size: 1.2em; color: #000; font-weight: 500; display: block; text-align: center; padding: 1.5em 0; background: linear-gradient(142.29deg, #AEDBE0 0%, #76B5BE 100%); font-family: Lora, sans-serif; } .location-info { top: -19em; height: 13em;padding: 2em 1em 1em 1em; opacity: 0.78; background-color: #000000; color: #fff; position: absolute; bottom: 1em; width: 100%; left: 50%; transform: translateX(-50%); } .location-info-wrap { max-width: 16em; margin: 0 auto 1em auto; } .location-address { margin-bottom: 1em; position: relative; padding-left: 1.5em; width: 100%; } .location-address br { display: none; } .page-id-115 .location-address br { display: block; } .location-phone { margin-bottom: 1em; position: relative; padding-left: 1.5em; width: 100%; } .location-info-hours { margin-bottom: 1em; position: relative; padding-left: 1.5em; width: 100%;} .location-address:before { position: absolute; content: url('images/map-pin.svg'); left: 0; } .location-phone:before { position: absolute; content: url('images/phone.svg'); left: 0;} .location-info-hours:before { position: absolute; content: url('images/clock.svg'); left: 0;} .location-address a{ color: #fff; } .location-phone a { color: #fff; font-weight: bold; } .gform_confirmation_wrapper { background: #000; padding: 11em 1em; color: #fff; } /* manuf pages */ .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); } .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; } .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-414 .entry-wrapper { margin-top: 0 ;} .page-id-416 .entry-wrapper { margin-top: 0 ;} .page-id-421 .entry-wrapper { margin-top: 0 ;} .page-id-423 .entry-wrapper { margin-top: 0 ;} /* benefits of hearing aids page styles */ .bha-item { margin: 2em 0; border-bottom: 2px solid #e5e5e5; padding-bottom: 2em; text-align: center; } .bha-item:last-child { border-bottom: 0; padding-bottom: 1em; } .bha-content { margin: auto; font-size: 0.9em; line-height: 1.5; max-width: 20em; } .bha-content h3 { margin-top: 1em; font-size: 1.4em; } .bha-content p { margin: 0; } .bha-health, .bha-professional, .bha-emotional { padding-top: 4em; padding-bottom: 2em; } .bha-health h2, .bha-professional h2, .bha-emotional h2 { margin-top: 0; } .bha-health p { max-width: 54em; } .bha-professional { background: #F6F6F6; } .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 #76B5BE ;position: relative; margin-bottom: 1em; margin-top: 1em; } .entry-content .search-form input[type="submit"] { background-color:#76B5BE; display: inline-block ;width: 30%;border-radius: 0 ;padding: 0 1em; border-radius: 0;color: #fff;top: 0;bottom: 0;right: 0; position: absolute;} /* hto page styles */ .page-id-197 .entry-wrapper { margin-top: 0 ; display: block; } .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: 3em 1.5em 0 1.5em; } .overview-intro-text { margin: auto; max-width: 32em; } .overview-has { border-bottom: 0; padding-bottom: 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; } .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; } /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ #gform_widget-2 header { background: linear-gradient(138.55deg, #AEDBE0 0%, #76B5BE 100%); text-align: center; } #gform_widget-2 header h3 { padding: 1.5em; margin: 0; } #gform_wrapper_1 { padding: 1em; /*background:#000;*/ color: #fff; } .gfield .medium { color: #fff; border: none; border-bottom: 1px solid #fff; background: none; border-radius: 0; } .gform_button { border-radius: 20.5px; background-color: #66B7C7; } .gform_body { max-width: 17em; margin: 0 auto; } /*-------------------------------------------------------------- # Home --------------------------------------------------------------*/ .home-cta-heading { font-size: 24px; font-family: Lora, sans-serif; color: #000; margin: 1em 0; } .home-hearing-loss-cta { padding-bottom: 2em ; width: 100%; max-width: 25em; margin: 0 auto; } .home-hearing-aids-cta { padding-bottom: 2em ; width: 100%; max-width: 25em; margin: 0 auto;} .home-pediatric-cta { padding-bottom: 2em ; width: 100%; max-width: 25em; margin: 0 auto;} .home-cta-img { margin: 0 auto; display: block; } .home-header { height: 16em; position: relative; background: url('./images/main-header-three.jpg') no-repeat; background-size: cover; background-position: 10% ; } .home-technology { display: block; font-weight: bold; font-style: normal; font-family: Muli, sans-serif;} .header-content { bottom: -5em; font-style: italic; font-family: Lora, sans-serif; width: 100%; max-width: 18em; margin: 0 auto; text-align: center; font-size: 1.6em;} .header-button { font-style: normal; font-family: Muli, sans-serif; font-size: .6em; display: block; max-width: 15em; margin: 1em auto; padding: 0.5em .1em; } .home-title { text-align: center; font-size: 1.6em; } .home-welcome { max-width: 30em; margin: 0 auto; padding: 0 1.5rem; } .home-welcome-to { display: block; font-family: Muli, sans-serif; font-size: .8em; font-weight: normal; } .home-cta-blockquote { padding: 1em 0 1em 1.5em; border-left: 2px solid #000; font-style: italic;font-family: Lora, sans-serif;line-height: 1.3em; font-size: 1em; } /*-------------------------------------------------------------- # Secondary Pages --------------------------------------------------------------*/ /* hearing aids styles */ .styles-box{ margin: 1em 0; } .iic-image { text-align: center; } /* location page location box */ .location-page-box { min-height: 35em; position: relative; background: url('./images/map-large-icon.jpg') no-repeat; background-position: 10%; background-size: auto; } .location-page-info { padding: 2em; position: absolute; bottom: 0; left: 0; right: 0; background: #000; } .location-page-box .location-info-hours { color: #fff; } .page-id-161 .main-header {background: url('./images/hl-header.jpg') no-repeat ; height: 12em; } .page-id-155 .main-header { background: url('./images/ha-header.jpg') no-repeat ; height: 12em; } .page-id-181 .main-header {background: url('./images/pediatric-header.png') no-repeat ; height: 12em; } .systems { color: #1c7394; } .bio-image { max-width: 70%; margin: 0 auto; } /*-------------------------------------------------------------- # 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; } .location-info { width: 50%; } .bha-item { display: flex; justify-content: center; align-items: center; align-content: flex-start; text-align: left; } .bha-icon { flex: 0 0 auto; margin-right: 1.5em; max-width: 25%; } .bha-content { margin: 0; } .bha-content h3 { margin-top: 0; } .bha-item:nth-child(even) .bha-icon { order: 1; margin: 0 0 0 1.5em; } .bha-item:nth-child(even) .bha-content { text-align: right; } .bio-image { max-width: 40%; } } @media only screen and (min-width:48.5em){ .overview-hto-diagram { flex-flow: row wrap; justify-content: center; min-height: 0; padding: 0; } .hto-diagram-labels { flex-flow: row nowrap; width: 100%; padding: 0.2rem 1.5rem; } .hto-diagram-label { letter-spacing: 0.5em; writing-mode: initial; text-orientation: initial; } .hto-diagram-bar { border-radius: 0; width: 100%; height: 3em; min-height: 0; background: linear-gradient(90deg, #5c53ad 0%, #1c7394 50%, #ef4747 100%); } .hto-diagram-options { flex-flow: row nowrap; align-items: flex-end; padding: 0.5rem 3rem; width: 100%; } .hto-diagram-option img { margin: 0.5em auto 0; width: 7em; } .hat-type { padding-left: 44%; text-align: left; font-size: 0.9em; min-height: 19rem; } .hat-type-image { position: absolute; top: 0; left: 0; width: 40%; } } @media only screen and (min-width:58.5em){ .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; } .provider-box { width: 33%; } .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; } /* 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){ .bio-image { max-width: 30%; margin: 0 ; } .hto-diagram-option { max-width: 12em; } .hto-diagram-option img { width: 10em; } .location-contact-heading { font-size: 1.6em; } .home #main { overflow: hidden; } .page-id-161 #main { overflow: hidden; } .page-id-155 #main { overflow: hidden; } .page-id-181 #main { overflow: hidden; } .page-id-423 #main { overflow: hidden; } .page-id-421 #main { overflow: hidden; } .page-id-416 #main { overflow: hidden; } .page-id-414 #main { overflow: hidden; } .page-id-161 .main-header {background: url('./images/hl-header.jpg') no-repeat ; height: 19em; } .page-id-155 .main-header { background: url('./images/ha-header.jpg') no-repeat ; height: 19em; } .page-id-181 .main-header {background: url('./images/pediatric-header.png') no-repeat ; height: 19em; } .page-id-161 .main-title { padding: 1.75em 0 .65em 0; } .page-id-155 .main-title { padding: 1.75em 0 .65em 0; } .page-id-181 .main-title { padding: 1.75em 0 .65em 0;} .location-box { display: block; width: 100%; background: url('./images/map-large-icon-crop.jpg') no-repeat ; height: 32em; position: relative; background-position: 100% 100% ; background-size: contain; } /* benefits of hearing aids page styles */ .bha-columns { display: flex; flex-flow: row wrap; justify-content: space-between; } .bha-item { border-bottom: 0; padding-bottom: 0; max-width: 48%; } .bha-item:nth-child(even) .bha-icon { order: 0; margin: 0 1.5em 0 0; text-align: left; } .bha-item:nth-child(even) .bha-content { text-align: left; } .bha-item:nth-child(n+3) .bha-icon { order: 1; margin: 0 0 0 1.5em; } .bha-item:nth-child(n+3) .bha-content { text-align: right; } .bha-icon { max-width: 33%; } .bha-content { max-width: none; } .bha-icon img { width: auto; height: auto; max-height: 7.5em; } .bha-professional .bha-item { display: block; align-items: top; max-width: 31%; text-align: center; } .bha-professional .bha-icon { display: flex; justify-content: center; align-items: center; align-content: center; height: 8em; margin: auto; max-width: none; } .bha-professional .bha-item:nth-child(even) .bha-icon, .bha-professional .bha-item:nth-child(n+3) .bha-icon { margin: auto; } .bha-professional .bha-item:nth-child(even) .bha-content, .bha-professional .bha-item:nth-child(n+3) .bha-content { text-align: center; } .bha-professional .bha-content h3 { margin-top: 1em; } .location-page-box .location-info-wrap { max-width: inherit; margin: 0; } .location-page-left{ display: inline-block; width: 50%; } .location-page-right{ display: inline-block; width: 50%; float: right; } .location-box { display: inline-block; width: 50%; height: inherit; } .contact { display: inline-block; width: 50%; float: right; } .location-contact { max-width: 58.9em ; margin: 3em auto 0 auto; max-height: inherit ; display: flex;} .location-contact:after { position: absolute; content: ''; background: url('./images/back-of-location.png') no-repeat; top: -2em; right: -11.5em; height: 24em;z-index: -1; width: 36em;} /* new location */ .loc-wrap{ max-width: 58.75em; margin: 0 auto; position: relative; z-index: 10;} .location-contact-heading { width: 50%; display: inline-block; } .loc-right-heading { float: right; } .loc-map-wrap { display: flex; justify-content: space-around; background: url('./images/map-large-icon.jpg') no-repeat; background-size: cover;} .loc-left { width: 50%; position: relative; } .loc-right { width: 50%; background-color: rgba(0,0,0,0.75); padding: 1em; } .loc-wrap:after { position: absolute; content: ''; background: url('./images/back-of-location.png') no-repeat; top: -2em; right: -11.5em; height: 24em;z-index: -1; width: 36em;} /* header */ #wrapper:after { position: absolute; content: url('./images/header-right-back.jpg'); top: 0; right: 0; z-index: 1; } .logo { position: relative; z-index: 100; display: inline-block; } .logo img { margin: 0; display: inline-block; padding: 1em; } .header-right { display: inline-block; float: right; position: relative; z-index: 10; } .header-phone .phNum { color: #000; font-size: 2.4em; padding: 0; margin: 0 ; text-align: right; font-weight: bold; } #menu-top-menu li { list-style: none; color: #000; border: 1px solid #000; border-radius: 15px; padding: 0 .5em; margin-top: 1em; text-align: center; } #menu-top-menu li a { color: #000; } #menu-top-menu { margin-bottom: 0; } #header:before { display: none } .header-phone .phNum:hover { color: #76B5BE; } /* front page styling */ /* .header-content { text-shadow: 2px 2px 5px #fff; } */ .header-button { text-shadow: none; } /* front-page-animations */ /* .home-header.fp-hidden:before { content: ''; background: url('./images/header-slice.png') no-repeat; position: absolute;left: 37em; top: 17em;width: 15em;height: 21em; opacity: 0; }*/ .home-header.fp-hidden:before { content: ''; background: url('./images/header-slice.png') no-repeat; position: relative; width: 28em; height: 21em; opacity: 0; display: block; margin: 0 auto; } .home-header.fp-hidden.in-view:before { transition: all 1s ease; transition-property: opacity, top ; transition-delay: 1s; opacity: 1; top: 19em; } .home-latest.fp-hidden { opacity: 0; margin-right: 1em; } .home-latest.in-view.fp-hidden { transition: all .5s ease; transition-delay: .5s; opacity: 1; margin-right: 0;} .nojs .home-latest.fp-hidden { opacity: 1; margin-right: 0; } .home-hear-better.fp-hidden { opacity: 0; margin-right: 1em;} .home-hear-better.in-view.fp-hidden { transition: all .5s ease; transition-delay: .5s; opacity: 1; margin-right: 0;} .nojs .home-hear-better.fp-hidden { opacity: 1; margin-right: 0; } .home-technology.fp-hidden { opacity: 0; margin-right: -.5em; } .home-technology.in-view.fp-hidden { transition: all .5s ease; transition-delay: .5s; opacity: 1; margin-right: 0; } .nojs .home-technology.fp-hidden { opacity: 1; margin-right: 0; } .header-button.fp-hidden { opacity: 0; margin-right: -.5em;} .header-button.in-view.fp-hidden { transition: all .5s ease; transition-delay: .5s; opacity: 1; margin-right: 0 ;} .nojs .header-button.fp-hidden { opacity: 1; margin-right: 0; } /* .home-cta-blockquote.fp-hidden { border-left: none; opacity: 0 ; } .home-cta-blockquote.in-view.fp-hidden { transition: all 1s ease; border-left: 2px solid #000; opacity: 1 ; } */ /* .nojs .home-cta-heading-hl.fp-hidden { transition: all ease 2s; opacity: 1; left: -5.5em;} */ /* hearing loss cta section animation */ .hl-img.fp-hidden { position: relative; opacity: 0; } .hl-img.fp-hidden.in-view { transition: opacity ease .5s; opacity: 1; } .nojs .hl-img.fp-hidden { opacity: 1; } .hl-img.fp-hidden:before { opacity: 0; content: ''; background: url('./images/cta-first-tri-one.jpg') no-repeat; position: absolute; left: -2em; z-index: 10; top: -5em; width: 15em; height: 30em; } .hl-img.fp-hidden.in-view:before { transition: all ease 1s; opacity: 1; opacity: 1; top: -4em; } .nojs .hl-img.fp-hidden { opacity: 1; top: -4em; } .hl-img.fp-hidden:after { opacity: 0; content:''; background: url('./images/cta-first-tri-two.png') no-repeat; position: absolute; top: 1em; left: -6.5em; z-index: 100; width: 5em; height: 9em; } .hl-img.fp-hidden.in-view:after { transition: all ease 1s; opacity: 1; left: -5.5em;} .nojs .home-latest.fp-hidden { opacity: 1; left: -5.5em; } .home-cta-heading-hl.fp-hidden { font-size: 1.6em; padding: 0 0 .25em 0; margin: 0 0 0 1em; opacity: 0; } .home-cta-heading-hl.fp-hidden.in-view { transition: all 1s ease; opacity: 1; margin: 0; } .nojs .home-cta-heading-hl.fp-hidden { opacity: 1; margin: 0; } .hl-content.fp-hidden { margin-left: -1em; opacity: 0; } .hl-content.fp-hidden.in-view { transition: all 1s ease; margin-left: 0 ; opacity: 1; } .nojs .hl-content.fp-hidden { opacity: 1; margin-left: 0; } .home-cta-hl-button.fp-hidden { opacity: 0; margin-left: 1em; } .home-cta-hl-button.in-view.fp-hidden { transition: all 1s ease; transition-property: opacity, margin-left ; opacity: 1; margin-left: 0; } .nojs .home-cta-hl-button.fp-hidden { opacity: 1; margin-left: 0; } .hearing-loss-image.fp-hidden { margin: 2em 0 0 0 ; } .hearing-loss-image.in-view.fp-hidden { margin: 0 ; transition: all 2s ease; } .nojs .hearing-loss.fp-hidden { opacity: 1; margin: 0; } /* hearing aids cta section animation */ .ha-img.fp-hidden { position: relative; opacity: 0; margin-top: 1em; } .ha-img.fp-hidden.in-view { transition: all ease 1.5s; opacity: 1; margin-top: 0; } .nojs .ha-img.fp-hidden { opacity: 1; margin-top: 0; } .ha-img.fp-hidden:before { opacity: 0; content: ''; background: url('./images/cta-two-tri-one.jpg') no-repeat; position: absolute; left: 17em; z-index: 10; top: -3em; width: 15em; height: 30em; } .ha-img.fp-hidden.in-view:before { transition: all ease 2s; opacity: 1; opacity: 1; left: 15em; } .nojs .ha-img.fp-hidden:before { opacity: 1; left: 15em; } .ha-img.fp-hidden:after { opacity: 0; content:''; background: url('./images/cta-two-tri-two.png') no-repeat; position: absolute; top: -1em; left: 3em; z-index: 100; width: 14em; height: 9em; } .ha-img.fp-hidden.in-view:after { transition: all ease 2s; opacity: 1; left: 4em;} .nojs .ha-img.fp-hidden:after { opacity: 1; left: 4em; } .ha-content.fp-hidden { margin-left: -1em; opacity: 0; } .ha-content.fp-hidden.in-view { transition: all 1s ease; margin-left: 0 ; opacity: 1; } .nojs .ha-content.fp-hidden { opacity: 1; margin-left: 0; } .home-cta-ha-button.fp-hidden { opacity: 0; margin-left: 1em; } .home-cta-ha-button.in-view.fp-hidden { transition: all 1s ease; transition-property: opacity, margin-left ; opacity: 1; margin-left: 0; } .nojs .home-cta-button.fp-hidden { opacity: 1; margin-left: 0; } .home-cta-heading-ha.fp-hidden { font-size: 1.6em; padding: 0 0 .25em 0; margin: 0 0 0 1em; opacity: 0; } .home-cta-heading-ha.fp-hidden.in-view { transition: all 2s ease; opacity: 1; margin: 0; } .nojs .home-cta-heading-ha.fp-hidden { opacity: 1; margin: 0; } /* pedatric cta animations */ .pediatric-img.fp-hidden { position: relative; opacity: 0; margin-top: 1em; } .pediatric-img.fp-hidden.in-view { transition: all ease 1.5s; opacity: 1; margin-top: 0; } .nojs .pediatric-img.fp-hidden { opacity: 1; margin-top: 0; } .pediatric-img.fp-hidden:before { content: ''; background: url('./images/cta-three-tri-one.jpg') no-repeat; position: absolute; top: -4em; left: -2em ; z-index: 10; width: 15em; height: 30em; } .pediatric-img.fp-hidden.in-view:before { transition: all ease 2s; opacity: 1; left: -1em; } .nojs .pediatric-img.fp-hidden:before { opacity: 1; left: -1em; } .pediatric-img.fp-hidden:after { content:''; background: url('./images/cta-three-tri-two.png') no-repeat; position: absolute; z-index: 100; top: 10em;left: -1em;width: 14em; height: 9em; } .pediatric-img.fp-hidden.in-view:after { transition: all ease 1.5s; opacity: 1; left: -2em; } .nojs .pediatric-img.fp-hidden:after { opacity: 1; left: -2em; } .home-cta-heading-pediatric.fp-hidden { font-size: 1.6em; padding: 0 0 .25em 0; margin: 0 0 0 1em; opacity: 0; } .home-cta-heading-pediatric.fp-hidden.in-view { transition: all 2s ease; opacity: 1; margin: 0; } .nojs .home-cta-heading-pediatric.fp-hidden { opacity: 1; margin: 0; } .home-cta-pediatric-button.fp-hidden { opacity: 0; margin-left: 1em; } .home-cta-pediatric-button.in-view.fp-hidden { transition: all 1s ease; transition-property: opacity, margin-left ; opacity: 1; margin-left: 0; } .nojs .home-cta-pediatric-button.fp-hidden { opacity: 1; margin-left: 0; } .home-hear-better { display: block; } .header-button { display: block;float: right;} .home-cta-blockquote { font-size: 1.2em; width: 75%;} .home-hearing-loss-cta { margin: 0 0 5em 0 ; max-width: inherit; } .home-hearing-aids-cta { margin: 0 0 5em 0; max-width: inherit; } .home-pediatric-cta { margin: 0 0 5em 0; max-width: inherit; } .home-cta-img { margin: 0; max-width: inherit; width: 100%; padding-right: 1em;position: relative; z-index: 1000; } .home-cta-hl-left { display: inline-block; width: 30%; padding-right: 1.5em;} .home-cta-hl-right{ display: inline-block; width: 65%; } .home-cta-ha-left { display: inline-block; width: 30%; float: right; } .home-cta-pediatric-left { display: inline-block; width: 30%; } .home-cta-pediatric-right { display: inline-block; width: 65%; } .home-cta-ha-right { display: inline-block; width: 65%; } .home-technology { font-size: 2.1em; line-height: 1em; } .header-button { font-size: .4em; display: inline-block; margin: 1em; padding: .5em 1em; } .home-header { height: 43em; background-position: 60%; /*background-position: unset;*/ } .home-header-wrap { position: relative; height: 30em; background-size: cover; overflow: visible ;} .header-content { position: absolute; top: 2em; right: 20%; text-align: right; font-size: 2.4em;} .home-welcome { /* max-width: 55em; position: relative; margin: 7em auto 10em auto;*/ max-width: inherit; padding-left: calc(50% - 30rem); padding-right: calc(50% - 30rem); margin: 13em 0 10em 0 ; } .home-title { display: inline-block; width: 32%; text-align: right; padding-right: 1em; border-right: 2px solid #000; } .home-welcome-right { display: inline-block; width: 67%; float: right; padding-left: 2em; padding-right: 1em; } .main-title { font-size: 2em; } h2 { font-size: 1.6em; } h3 { font-size: 1.2em; } h4 { font-size: 1.2em; } p { font-size: 1em; } ul { font-size: 1em; } ol { font-size: 1em; } .main-header { background-position: center; height: 9.25em; } .main-breadcrumbs { padding-top: 0; } /* secondary page */ .main-title { font-size: 2em; text-align: left; padding: .65em 0;} .entry-wrapper { display: flex; } .entry-sidebar .entry-content { width: 68%;margin-right: 2em; padding-bottom: 3em; margin-top: 1.75em; z-index: 100; } .single-post .entry-sidebar .entry-content { margin-top: 2.25em; } #secondary { display: inline-block; width: 35%;position: sticky; top: 4.5em; align-self: flex-start;margin-bottom: 4em; margin-top: 0; z-index: 101; } /* sidebar styles */ /* #gform_widget-2 { position: relative; z-index: 101; } #gform_widget-2:before { position: absolute; content: url('./images/sidebar-back-left.png'); top: -1em; left: -1em; z-index: -1; } #gform_widget-2:after { position: absolute; content: url('./images/sidebar-back-right.png'); bottom: -1em; right: -1em; z-index: -1;} */ .widget-area { position: relative; z-index: 101; } .widget-area:before { position: absolute; content: url('./images/sidebar-back-left.png'); top: -1em; left: -1em; z-index: -1; } .widget-area:after { position: absolute; content: url('./images/sidebar-back-right.png'); bottom: -1em; right: -1em; z-index: -1;} /* footer styles essentials */ footer a { font-size: .9em;} .footer-section .location-hours {font-size: .9em;} .footer-fb-desktop { text-transform: uppercase; margin: 1em 0; display: block; position: relative; padding-left: 1em; } .footer-fb-desktop:before { position: absolute; content: url('./images/facebook-f-brands.svg'); left: 0; width: .75em; height: .75em; } #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; } .desktop-footer-logo { display: block; } .mobile-footer-logo { display: none; } .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; margin: 0; } .footer-phone {margin-top: 1em; } .menu-footer-menu ul li a { font-size: 1em; } .footer-logo { /*padding: 2.5em 0 .5em 0 ;*/ padding: 0 1em 2em 0 ; /*width: 20%;*/ max-width: 13em; display: block; } .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: 3em 0 0 0; } .services-footer-contact { max-height: 37.4em; } /* new location area */ .loc-left-heading:before { content: none; } .loc-left-heading {margin-bottom: 0;} .location-info {top: 10em ; width: 80%; } } @media only screen and (min-width:100.5em){ .home-header.fp-hidden:before { width: 24em; } } /*-------------------------------------------------------------- # Menu - Small Screen --------------------------------------------------------------*/ @media only screen and (max-width: 68.49em){ /*1095px*/ .menu-buttons { 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: #66B7C7; } .menu-button,.menu-close { color: #fff; background: #66B7C7; } .menu-button:hover, .menu-buttons .menu-close.js-active { color: #fff; background: #444; } .menu-tab { background: #fff; } #primary-menu { margin: auto; max-width: 22rem; } #primary-menu a { color: #000; } #primary-menu a:hover { background: #555; color: #fff; } #primary-menu ul { background: #dfdfdf; } #primary-menu .menu-item-has-children > a:after { border-top-color: #000; } .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*/ .pagination { text-align: left; } .menu-buttons{display:none} #menu{position:sticky;top:0;z-index:9990 } #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{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:13rem;max-height:25rem;box-shadow:0.05rem 0.05rem 0.25rem rgba(0,0,0,0.2)} #primary-menu ul a{padding:0.3em 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} #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: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} .menu-search-form .search-submit{display:none} /* Customize Menu Here */ #menu { background: #fff ; } #primary-menu { background: transparent; } #primary-menu a { color: #000; font-family: Lora, sans-serif; } #primary-menu a:hover { color: #595959; background: #eee; } #primary-menu > li > a { color: #000; } #primary-menu > li > a:hover, #primary-menu > .js-active > a { color: #fff; background: #66B7C7; } #primary-menu .menu-item-has-children > a:after { border-top-color:#000; } #primary-menu .menu-item-has-children > a:hover:after { border-top-color:#fff; } #primary-menu .menu-item-has-children.js-active > a:after { border-top-color:#000; } #primary-menu .menu-item-has-children.js-active:hover > a:after { border-top-color:#fff; } #primary-menu ul { background: #fff; } #primary-menu li li { background: #fff; } #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; } #primary-menu .sub-menu a { color: #000; font-family: Muli, sans-serif; position: relative;} #primary-menu .sub-menu a:before { position: absolute; content: ''; width: .25em; height: .25em; background: #66B7C7; left: .75em; top: 1em; } #primary-menu > .menu-home > a:hover:before {background: url(./images/icon-home-hover.svg) center / contain no-repeat;} #primary-menu > .menu-search > a:hover:before {background: url(./images/icon-search-hover.svg) center / contain no-repeat;} .stick { box-shadow: 2px 2px 2px grey; height: 3em; } } @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); } } /* Keyboard Accessibility */ #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;} /*-------------------------------------------------------------- # Manufacturers Plugin Pages --------------------------------------------------------------*/ .main-fullwidth .manufacturer { padding-top: 2rem; } .manufacturer .wp-block-media-text__content { padding: 0 0; } .manufacturer .wp-block-media-text__media { padding: 0 0; margin: 0 0 1.5rem; } .manufacturer .wp-block-media-text__media img { width: 100%; } .manufacturer .wp-block-media-text { margin-bottom: 2rem; } @media only screen and (min-width: 38.5em){ .manufacturer .wp-block-media-text:first-of-type .wp-block-media-text__media img { max-width: 16rem; margin: 0 auto; display: block; } } @media only screen and (min-width: 48.5em) { .manufacturer .wp-block-media-text { display: flex; } .manufacturer .wp-block-media-text__content { width: 66%; } .manufacturer .wp-block-media-text__media { width: 34%; margin-right: 1rem; margin-bottom: 0; } } @media only screen and (min-width: 68.5em){ .main-fullwidth .manufacturer { padding-top: 3rem; } .manufacturer .wp-block-media-text { margin-bottom: 5rem; } .manufacturer .wp-block-media-text__media { margin-right: 3rem; } .manufacturer .has-media-on-the-right .wp-block-media-text__media { margin-left: 3rem; margin-right: 0; } } /*-------------------------------------------------------------- # 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}