/* 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.1.1 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 --------------------------------------------------------------*/ /*Coronavirus*/ .alert-bar{text-align:left;} .alert-bar a, .alert-bar a:hover, .alert-bar a:focus { text-decoration: underline; color: #fff; } /*-------------------------------------------------------------- # 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} /*-------------------------------------------------------------- # 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:1em 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 { font-size: 0.8rem; font-style: italic; } .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} /*-------------------------------------------------------------- # Custom Elements --------------------------------------------------------------*/ .breakpoint{display:none;position:relative;z-index:0} .clear,.contain{/* zoom:1 */} .clear:after,.contain:after{content:'';display:block;visibility:hidden;clear:both;height:0} .contain{display:block;position:relative;margin:auto;padding:0 1.5rem;width:100%} .grid{display:-ms-grid;display:grid;grid-auto-flow:row dense;-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:repeat(12,1fr);-ms-grid-rows:auto;grid-template-rows:auto;position:relative;padding:0 1.5rem} .grid>*{-ms-grid-column-span:12;grid-column:span 12} .flex-column-wrapper {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;} .flex-column-wrapper > * {margin: 0; flex: 1; min-width: 250px;} .flex-column-wrapper.col2 > * {flex: 1 1 50%;} .flex-column-wrapper.col3 > * {flex: 1 1 33%;} .flex-column-wrapper.col4 > * {flex: 1 1 25%;} .skip-to-content{display:block;position:absolute;top:-1000rem;left:1em;z-index:99999;box-shadow:1px 1px 0.2em rgba(0,0,0,0.5);transition:none;background:#fff;padding:0.5rem;} .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,.button:focus{text-decoration:none;outline:none} hr { background-color: #4a4a4a; height: 1px; margin: 1.5rem 0; } /*-------------------------------------------------------------- # 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; } a{ color: #77f; } a:hover { color: #33f; } .button { color: #fff; background: #204f9e; } .button:hover, .button:active, .button:focus { color: #fff; background: #f6a41a; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ span.wpcf7-not-valid-tip { padding: 0.3em 1em; background: #d25d5d; color: #fff; font-size: 0.85em;} .kc_captcha .wpcf7-not-valid .captcha-image { border: 2px solid #d25d5d; } .kc_captcha span.wpcf7-not-valid-tip { display: block; margin: 0; padding: 0.3em 1em; text-align: center; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { margin: 0; border: 0; padding: 0.3em 1em; color: #fff; background: #d25d5d; } div.wpcf7-mail-sent-ok { border: 0; font-weight: bold; background: #6cbd4a; } /*-------------------------------------------------------------- # 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:#0068b3} .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:#0068b3} .captcha-image svg:hover{color:#0068b3} .kc_captcha .wpcf7-not-valid .captcha-image{border:1px solid red} .kc_captcha span.wpcf7-not-valid-tip { display: inline-block; margin-top: 0; padding: 0 1.25em; } /*-------------------------------------------------------------- # Shortcodes --------------------------------------------------------------*/ /* Map Shortcode */ #map_holder {position: relative;} #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: 300px; flex: 1;} #map_holder #info_panel::-webkit-scrollbar {width: 6px;} #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;} #map_holder .info-box a {display: block;} #map_holder #map_canvas{min-width: 300px; min-height: 300px; 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: 14px; right: 0;} #map_holder #legend h3 {margin: 0; text-decoration: underline;} #map_holder #legend div {margin-top: 0.5em;} #map_holder #legend img {width: 20px; margin-right: 0.5em;} #map_holder #map_canvas {min-height: 300px;} #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: 200px; 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: 300px; position: relative; left: -14px; top: -8px; padding-left: 1em;} #map_holder .gm-style .gm-style-iw .info-img2 {float: left; margin: 0 1em -16px -1em; width: 100px; height: 100px; 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: 200px;height: 38px;margin: auto;top: 0;bottom: 0;left: 0;right: 0;border: 2px solid #fff;border-radius: 6px;padding: 0.1em;text-align: center;color: #fff;box-shadow: 0 0 0 1000px rgba(0,0,0, 0.5), inset 0 0 500px 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;} .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: 4px; 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} /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ header#header { padding-top: 1.5rem; padding-bottom: 2rem; text-align: center; } .hdr-right-col { display: none; } .mobile-hdr-quick-links { margin: 2rem auto 0; text-align: left; width: 100%; max-width: 13rem; } .mobile-hdr-quick-links a { color: #FAA41A; font-size: 0.8rem; line-height: 1.2rem; margin-bottom: 0.6rem; display: block; } .mobile-hdr-quick-links a:hover { color: #204f9e; } .mobile-hdr-quick-links a .fa { vertical-align: 0; margin-right: 0.25rem; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ /* Proudly Serving Banner Section */ section.proudly-serving-banner { background-image: url(./images/proudly-serving-banner.jpg); background-size: cover; height: 10rem; text-align: center; } section.proudly-serving-banner .contain { display: inline-table; height: 100%; } .proudly-serving-text { color: #fff; display: table-cell; vertical-align: middle; font-family: 'Open Sans',sans-serif; font-size: 0.9rem; font-weight: bold; line-height: 1.2rem; text-align: center; } /* Map Section */ section.map-banner { background-image: url(./images/new-mobile-map.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 80vw; max-height: 10.7rem; } section.home-section.map-banner { display: flex; position: relative; } .boise-map-link, .nampa-map-link { width: 100%; } .boise-map-link a, .nampa-map-link a { display: block; height: 100%; } span.map-link-title, span.map-link-icon { color: #204f9e; font-size: 0.6rem; font-weight: bold; } span.map-link-icon.fa { font-size: 0.8rem; vertical-align: 0.3rem; } #floating-loc-marker-nampa { position: absolute; top: 41%; left: 26%; } #floating-loc-marker-boise { position: absolute; top: 30%; right: 37%; } span.map-link-icon.desktop-map-link-icon { display: none; } /* Footer Proper */ footer#footer { background-color: #004F9E; padding-top: 2rem; text-align: center; } #ftr-flex-wrapper { display: flex; flex-flow: row wrap; justify-content: center; } .ftr-flex-col { width: 100%; max-width: 18em; flex: 1 1 auto; margin: 0 0 2rem; text-align: left; } .ftr-logo-col.ftr-flex-col { text-align: center; } .ftr-flex-col h2 { color: #fff; margin: 0 0 0.5rem; font-size: 0.9rem; text-transform: uppercase; } .ftr-locs-left-col { margin: 0 0 1.5rem; } .ftr-locs-left-col h3, .ftr-locs-right-col h3, .ftr-hours-shortcode h3 { font-size: 0.9rem; line-height: 1.25rem; font-weight: normal; margin: 0 0; } .ftr-locs-left-col, .ftr-locs-left-col a, .ftr-locs-right-col, .ftr-locs-right-col a { color: #fff; font-size: 0.9rem; line-height: 1.6rem; } .ftr-locs-left-col a:hover, .ftr-locs-right-col a:hover { text-decoration: underline; } .ftr-locs-left-col a, .ftr-locs-right-col a { display: inline-block; width: 100%; max-width: 8.5rem; } .ftr-locs-left-col a:first-of-type, .ftr-locs-right-col a:first-of-type { margin: 0 0 0.5rem; } .ftr-hours-shortcode { color: #fff; font-size: 0.9rem; line-height: 1.6rem; margin: 0; } .ftr-hours-col .location-hours tr:nth-child(odd) td { background: transparent; } .ftr-hours-col tr.location-hours-title h3 { display: none; } .ftr-phone-shortcode, .ftr-phone-shortcode a { color: #fff; font-size: .9rem; } .ftr-phone-numbers { display: block; margin-bottom: 0.5rem; } .ftr-phone-numbers .fa { margin-right: 0.3rem; vertical-align: 0; } .ftr-phone-shortcode a:hover { text-decoration: underline; } .ftr-connect-col a { color: #fff; font-size: 0.9rem; } .ftr-connect-col a:hover { color: #FAA41A; } .ftr-connect-col .fa { font-size: 1.3rem; padding: 0 0.3rem 0 0; vertical-align: top; } .ftr-menu-col.ftr-flex-col { margin: 0 0 1rem; } ul#menu-footer-menu { list-style: none; margin: 0; } ul#menu-footer-menu li { margin: 0 0 0.2rem; } ul#menu-footer-menu li a { color: #fff; font-size: 0.9rem; line-height: 1.25rem; text-align: center; } ul#menu-footer-menu li a:hover { text-decoration: underline; } .the-bottom-line { height: 1px; background-color: #979797; width: 100%; margin-bottom: 0.7rem; } .site-info { background: #154f9e; padding: 0 0 3.6rem; } .copyright { margin: 0 0 1rem; color: #C2C2C2; font-size: 0.8rem; } ul#menu-copyright-menu { list-style: none; margin: 0; } ul#menu-copyright-menu li { margin: 0 0 0; } ul#menu-copyright-menu li a { line-height: 1rem; margin: 0 0 1rem; color: #C2C2C2; font-size: 0.9rem; } ul#menu-copyright-menu li a:hover { text-decoration: underline; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ section#custom_html-2, section#custom_html-3, section#categories-3 { width: 100%; max-width: 35rem; margin: auto; } .textwidget.custom-html-widget aside#secondary { width: 100%; max-width: 35rem; margin: auto; } h3.widget-title { margin: 0 0 0; padding: 0.9rem 0; text-align: center; color: #fff; background: #204f9e; font-size: 1rem; } .textwidget.custom-html-widget { padding: 1.1rem 0 2rem; } .textwidget.custom-html-widget input#name, .textwidget.custom-html-widget input#email, .textwidget.custom-html-widget input#phone, .textwidget.custom-html-widget #comment { border-radius: 0; background-color: #F2F2F2; padding: 0.5rem 1rem; width: 100%; color: #4a4a4a; font-style: italic; height: 2.4rem; } .textwidget.custom-html-widget #comment { height: 5em !important; } .textwidget.custom-html-widget .formItem { color: #AEAEAE; margin: 0 0 1rem; text-align: left; } .textwidget.custom-html-widget .formItem.submit-btn { text-align: center; margin: auto; display: block; width: 100%; max-width: 15rem; } .textwidget.custom-html-widget .formItem.submit-btn.button input { border-radius: 0; border-bottom: none; color: #fff; font-style: initial; } .textwidget.custom-html-widget div.wpcf7 .button .ajax-loader { position: absolute; bottom: 12px; left: calc(50% - 0.4rem); margin: 0; } .textwidget.custom-html-widget span.wpcf7-form-control-wrap.kc_captcha .wpcf7-not-valid-tip { position: relative; padding: 0; margin: 0 auto 0; display: block; text-align: center; } .textwidget.custom-html-widget .wpcf7-form-control-wrap.kc_captcha .wpcf7-not-valid-tip { top: 0; left: 0; } .textwidget.custom-html-widget div.wpcf7-validation-errors { text-align: center; font-size: 0.6rem; margin: 1rem 0; } .textwidget.custom-html-widget div.wpcf7-mail-sent-ok { text-align: center; font-size: 0.6rem; border: 0.1rem solid #398f14; color: #398f14; margin: 1rem 0; background-color: #fff; } .textwidget.custom-html-widget label { color: #979797; font-size: 0.9rem; line-height: 1.2rem; } .textwidget.custom-html-widget .captcha-image svg:hover { color: #FAA41A; } .textwidget.custom-html-widget .captcha-image label>input:checked+svg { color: #FAA41A; } .textwidget.custom-html-widget .captcha-image .cf7ic_instructions span { font-weight: bold; color: #FAA41A; } section#custom_html-2 input.wpcf7-submit { background-color: #FAA41A; color: #fff; padding: 0; height: 3.1rem; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.6rem; font-weight: bold; width: 100%; line-height: 2em; } section#custom_html-2 input:hover { background-color: #204f9e; } aside#secondary header { margin: 0 0 1rem; } section#categories-3 ul li { margin-bottom: 0.3rem; } section#categories-3 ul li a { color: #f6a41a; } section#categories-3 ul li a:hover { color: #204f9e; text-decoration: underline; } /*-------------------------------------------------------------- # Home --------------------------------------------------------------*/ /* Hero Image */ section.interactive-hero { width: 100%; flex: initial; background-size: cover; background-repeat: no-repeat; position: relative; transition: 500ms; } section.interactive-hero.active { height: 21.4rem; } section.interactive-hero.inactive { height: 6.5rem; } section#hero-ent-clinic { background-image: url(./images/hero-image-ent-clinic.jpg); background-position: top center; } section#hero-hear-balance-clinic { background-image: url(./images/hero-image-hear-balance-clinic.jpg); background-position: 80%; } section#hero-surgery-clinic { background-image: url(./images/hero-image-surgery-clinic.jpg); background-position: top right; } .home-header-text { padding: 8rem 0 0; vertical-align: bottom; padding-bottom: 1.8rem; position: relative; z-index: 1; } section#hero-surgery-clinic .home-header-text { padding: 6rem 0 0; } section.interactive-hero.inactive .home-header-text { padding: 2rem 0 0 !important; } h1.home-title { margin: 0 0 0; } span.home-title-italic { display: block; color: #fff; font-family: Merriweather, serif; font-size: 0.8rem; font-weight: normal; } section.interactive-hero.active .hdr-underline { width: 100%; max-width: 7.2rem; height: 0.05rem; background-color: #fff; margin-bottom: 1rem; } span.home-title-bold { color: #fff; font-size: 1.2rem; line-height: 1.65rem; font-family: 'Open Sans Condensed', sans-serif; display: inline-block; white-space: nowrap; } .hero-btn-container p { color: #fff; font-size: 0.9rem; line-height: 1.2rem; width: 100%; max-width: 23rem; } section.interactive-hero .hero-btn-container { position: relative; color: #fff; opacity: 0; visibility: hidden; bottom: -14em; -webkit-transition: all 0.4s cubic-bezier(.68, 0, .265, 1); transition: all 0.4s cubic-bezier(.68, 0, .265, 1); } section.interactive-hero.active .hero-btn-container { opacity: 1; visibility: visible; bottom: 0; transition-delay: 0.2s; } .hero-btn-container a { color: #FAA41A; font-size: 0.9rem; font-weight: bold; letter-spacing: -1.4px; } .hero-btn-container a:hover, .hero-btn-container a:focus { text-decoration: underline; } section.interactive-hero .blue-corner { display: none; } section.interactive-hero.inactive:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,79,158,0.6); } /* Welcome Section */ .welcome-section-left-col { background-image: url(./images/welcome-section-bg.jpg); background-size: cover; background-position: top left; padding-top: 3.5rem; overflow: hidden; } .welcome-section-left-col h2 { margin: 0 0 0.5em; } .welcome-section-left-col p { color: #fff; font-size: 0.9rem; } span.welcome-title-italic { color: #4A4A4A; font-family: Merriweather, serif; font-size: 0.55em; font-style: italic; line-height: 1.2em; text-align: center; font-weight: normal; display: block; margin: 0 0 1em; } span.welcome-title-bold { display: inline-block; color: #fff; font-size: 1.2rem; } .welcome-section-button { text-align: center; margin: 0 0 2.25em; } .welcome-section-button a { color: #fff; font-family: 'Open Sans Condensed', sans-serif; font-size: 0.9rem; font-weight: bold; text-align: center; display: block; width: 100%; max-width: 180px; line-height: 1.9rem; margin: 1.25rem 0; } a.welcome-btn { background-color: #FAA41A; border: 2px solid #f6a41a; } a.welcome-btn:hover, a.welcome-btn:focus { border: 2px solid #fff; background-color: transparent; } /* Mask Video */ a.welcome-btn.hero-btn { display: block; max-width: 14rem; } a.hero-btn:hover, a.hero-btn:focus { background-color: transparent; border: 2px solid #fff; } a.hero-btn.alert-bar-btn:hover, a.hero-btn.alert-bar-btn:focus { background-color: transparent; border: none; } a.hero-btn .fa { margin-right: 8px; vertical-align: 0; } a.hero-btn.alert-bar-btn .fa { margin-right: 0; } .hero-video { position: fixed; top: 2rem; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; z-index: 999; } .hero-video.hide-hero-video { display: none; } .hero-video-container { position: relative; display: inline-block; width: 100%; width: 20rem; } .hero-video-container .fa { position: absolute; top: -1.6rem; right: 2em; font-size: 1.4rem; color: #FF0000; } .hero-video-container .fa:hover { color: #0000FF; } iframe.video-iframe { margin: 0 auto; /* width: 80vw; */ max-width: 28rem; /* min-width: 13rem; */ height: 66vw; min-height: 10rem; max-height: 10.5rem; } @media only screen and (min-width:38.5em){ /*616px*/ .hero-text-btn a { margin: 2rem auto 0; } .hero-video { top: 10%; } .hero-video-container iframe { width: 100%; height: 100%; max-height: none; } } @media only screen and (min-width:48.5em){ /*776px*/ .hero-video { top: 20%; } .hero-video-container { /*width: 28rem;*/ height: 13.75rem; } } @media only screen and (min-width:68.5em){ /*776px*/ .hero-video-container .fa { right: 0 ; } } .welcome-section-right-col { background-color: #fff; } #welcome-cf-header { text-align: center; } #welcome-cf-header h2 { color: #fff; margin: 0; padding: 1rem 0; background: #004F9E; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.6rem; font-weight: bold; } #welcome-cf-container { padding: 0.5rem 0.6rem 1rem; width: 100%; max-width: 700px; margin: 0 auto; } #welcome-cf-container .formItem { margin: 0 0 0.5rem; } #welcome-cf-container label { font-family: 'Open Sans', sans-serif; font-size: 0.9rem; font-style: italic; text-transform: uppercase; color: #9B9B9B; } #welcome-cf-container input { width: 100%; background-color: #f4f4f4; padding: 0 0 0 0.25rem; line-height: 2.4rem; } #welcome-cf-container textarea { width: 100%; height: 5rem !important; background-color: #f4f4f4; padding: 0.5rem 1rem; line-height: 1.3; } #welcome-cf-container div.wpcf7 .ajax-loader { position: absolute; bottom: 0.4rem; left: 0; right: 0; margin: auto; } #welcome-cf-container .captcha-image { margin: 0.4rem 0 0; color: #979797; text-align: left; } #welcome-cf-container .captcha-image svg:hover { color: #FAA41A; } #welcome-cf-container .captcha-image label>input+svg { font-size: 2rem !important; margin-top: 0.5rem; } #welcome-cf-container .captcha-image label>input:checked+svg { color: #FAA41A; } #welcome-cf-container .captcha-image .cf7ic_instructions span { font-weight: bold; color: #004F9E; } .kc_captcha span.wpcf7-not-valid-tip { left: 0; bottom: -1.2rem; top: initial; } #welcome-cf-container .formItem.submit-btn input { background-color: #FAA41A; color: #fff; padding: 0; height: 3.1rem; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.6rem; font-weight: bold; } #welcome-cf-container .formItem.submit-btn input:hover { background-color: #204f9e; } #welcome-cf-container .wpcf7-form-control-wrap.kc_captcha { display: block; } /*-------------------------------------------------------------- # Secondary Pages --------------------------------------------------------------*/ .entry-title { font-size: 1.5rem; display: table-cell; vertical-align: middle; color: #fff; } .entry-wrapper { padding-top: 1rem; } .entry-content { padding-bottom: 2rem; } .entry-content h2, .service-box > a { margin: 0 0 0; font-size: 1.3rem; } .entry-content h3 { font-size: 1.1rem; margin: 1.5rem 0 0.5rem; } .entry-content a { color: #f6a41a; } .entry-content a:hover { color: #204f9e; text-decoration: underline; } .excerpt-read-more a.button.button-read-more { background: transparent; color: #f6a41a; font-weight: normal; text-decoration: underline; padding: 0; } .excerpt-read-more a.button.button-read-more:hover { color: #204f9e; text-decoration: none; } .excerpt-read-more a.button { color: #fff; } .excerpt-read-more a.button:hover { text-decoration: none; } /* Category-Specific Headers */ header.main-header { display: inline-table; height: 179px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; } header.main-header.ear-hero-image { background-image: url(./images/ear-hero.jpg); } header.main-header.nose-hero-image { background-image: url(./images/nose-hero.jpg); } header.main-header.throat-hero-image { background-image: url(./images/throat-hero.jpg); background-position: right; } header.main-header.hearing-balance-hero-image { background-image: url(./images/hearing-balance-hero.jpg); } header.main-header.surgery-center-hero-image { background-image: url(./images/surgery-center-hero.jpg); } header.main-header.facial-plastics-hero-image { background-image: url(./images/facial-plastics-hero.jpg); } header.main-header.our-practice-hero-image { background-image: url(./images/our-practice-hero.jpg); } header.main-header.contact-hero-image { background-image: url(./images/contact-hero.jpg); } a.logo.hear-bal-pg-logo { display: none; } a.logo.surgery-ctr-logo { display: none; } /* Clinic Pages */ .specialty-clinic-button { display: inline-block; color: #4a4a4a; font-size: 0.9rem; text-align: center; border: 1px solid #4a4a4a; width: 100%; max-width: 12rem; margin: 0.5rem; } .specialty-clinic-button a { color: #4a4a4a; display: block; padding: 0.4rem 0; text-transform: uppercase; } .specialty-clinic-button:hover { border: 1px solid #f5a41a; background-color: #f5a41a; } .specialty-clinic-button a:hover { color: #fff; text-decoration: none; font-weight: bold; } /* Hearing & Balance Center */ body.page-id-53 header.main-header.hearing-balance-hero-image { height: 18.1rem; background-image: url(./images/hearing-balance-center.jpg); } /* Surgery Center */ body.page-id-54 header.main-header { height: 18.1rem; background-image: url(./images/surgery-center.jpg); background-position: right; } /* ENT Center */ body.page-id-77 header.main-header { height: 18.1rem; background-image: url(./images/ent-center.jpg); } /* body.page-id-77 h1.main-title.entry-title:after { content: 'Southwest Idaho ENT is the Treasure Valley’s only comprehensive center for ear, nose and throat specialty care'; display: block; font-size: 0.8rem; font-weight: normal; width: 100%; max-width: 28rem; } */ /* Form Pages */ .form-link-icon.fa { color: red; vertical-align: 0.1em; margin-right: 0.5em; } .post-op-box { border-top: 1px solid #4a4a4a; padding: 1.25em 0; position: relative; } .post-op-box:last-of-type { border-bottom: 1px solid #4a4a4a; margin-bottom: 2em; } a.form-link svg { width: 1em; height: 1em; } i.form-link.button-icon { vertical-align: 1px; margin-right: 0.5em; } a.form-link.button { margin-left: 1em; margin-bottom: 0; display: inline-block; width: 100%; max-width: 3rem; position: absolute; right: 0; top: 1rem; height: 2rem; padding: 0.2rem 0; color: #fff; } .post-op-box strong { display: inline-block; width: 100%; max-width: 8.25rem; } /* Providers Page */ h2.bio-name { font-size: 1rem; } /* Make a Payment Page */ .make-payment-btn-container { margin: 0 0 1rem; } .make-payment-btn a { display: inline-block; margin: 0 0 0.6rem; } .make-payment-btn a:hover { opacity: 0.6; } /* Hearing Aid Types */ .hearing-aid-types-text { overflow: hidden; } .hearing-aid-types-text h2 { margin-top: 0; } .entry-content .hearing-aid-types-text h2 { margin-top: 0; } /* Contact Page */ .location-box iframe { margin: 1.5rem 0 0; width: 100%; max-width: 32rem; } #boise-contact-pg { border-bottom: 1px solid #979797; padding-bottom: 2rem; margin-bottom: 2rem; } .entry-content h2.location-title { margin: 0 0 0.5rem; } .entry-content h2.location-title { margin: 0 0 0.5rem; } .location-box h2.location-name { display: none; } /* Blog Pages */ header .entry-meta { display: none !important; } .single-post h1.main-title.entry-title { font-style: italic; } /* Search Page */ .service-box, article.entry-listing { border-bottom: 1px solid #4a4a4a; padding-bottom: 1.5rem; margin-bottom: 1.5rem; } .service-box:last-of-type, article.entry-listing:last-of-type { border-bottom: none; } .entry-content form.search-form { border: 2px solid #204f9e; width: 100%; max-width: 29rem; margin: 1rem 0 2rem; } .entry-content input.search-submit { float: right; padding: 0 0.3rem; background: #f6a41a; color: #fff; } .entry-content input.search-submit:hover { background: #204f9e; } .entry-content label { display: inline-block; width: 100%; max-width: calc(100% - 4.3rem); padding: 0 0.3rem; } .entry-content input.search-field { width: 100%; -webkit-appearance: textfield; } a.page-numbers { padding: 0 0.3rem; } span.page-numbers.current { color: #204f9e; } a.prev.page-numbers .fa, a.next.page-numbers .fa { vertical-align: -1px; } a.prev.page-numbers .fa:hover, a.next.page-numbers .fa:hover { color: #204f9e; } .nav-links svg {width: 1em; height: 1em;} /*-------------------------------------------------------------- # Responsive --------------------------------------------------------------*/ .contact-notice { font-size: 0.8rem; text-align: center; display: block; font-style: italic; max-width: 15rem; margin: 0 auto; } @media only screen and (min-width:28.5em){ /*456px*/ span.home-title-bold { white-space: normal; } } @media only screen and (min-width:30em){ /*480px*/ .nampa-map-link a { position: absolute; top: 29%; left: calc(50% - 7.9rem); height: auto; } .boise-map-link a { position: absolute; right: calc(50% - 4.9rem); top: 20%; height: auto; } #floating-loc-marker-boise, #floating-loc-marker-nampa { position: initial; } span.map-link-title, span.map-link-icon { font-size: 0.8rem; display: block; } span.map-link-icon.fa { font-size: 1rem; vertical-align: 0.1rem; text-align: center; } span.map-link-icon.desktop-map-link-icon { display: block; } span.map-link-icon.mobile-map-link-icon { display: none; } .boise-map-link a:hover span.map-link-title, .boise-map-link a:hover span.map-link-icon { color: #f7ad02; } .nampa-map-link a:hover span.map-link-title, .nampa-map-link a:hover span.map-link-icon { color: #f7ad02; } h3.widget-title { font-size: 1.3rem; } .entry-title { font-size: 2rem; } } @media only screen and (min-width:32.5em){ /*520px*/ .post-op-box strong { display: initial; max-width: none; } .mobile-hdr-quick-links { max-width: 13.5rem; } .mobile-hdr-quick-links a { font-size: 0.9rem; } } @media only screen and (min-width:38.5em){ /*616px*/ .breakpoint { z-index: 385; } .alignleft { clear: none; float: left; margin: 0 2rem 1em 0; max-width: 48%; } .alignright { clear: none; float: right; margin: 0 0 2em 2rem; max-width: 48%; } .grid, .contain { padding-left: 3rem; padding-right: 3rem; } } @media only screen and (min-width:46.75em){ /*748px*/ .service-box a.child-name { font-size: 1.8rem; line-height: 2.1rem; } .entry-content h2, .service-box > a { font-size: 1.5rem; color: #4a4a4a; margin: 1.5rem 0 0.5rem; font-weight: bold; } .entry-content h3 { font-size: 1.1rem; } /* Providers Page */ .bio-box.clear { margin: 1rem 0 2.5rem; } .bio-image { float: left; clear: both; margin: 0 1.5rem 0rem auto; } .bio-content { overflow: hidden; } } @media only screen and (min-width:52.5em){ /*840px*/ .ftr-logo-col.ftr-flex-col { text-align: center; max-width: none; } .ftr-flex-col { text-align: center; } .location-hours { margin: auto; } .copyright { text-align: center; } ul#menu-copyright-menu { display: flex; justify-content: space-between; width: 100%; max-width: 28rem; margin: auto; } .ftr-hours-shortcode { margin-bottom: 1rem; } /* Contact Page */ .contact-pg-container { position: relative; } .contact-pg-container img { position: absolute; top: 0; right: 0; width: 100%; max-width: 20rem; } .location-box iframe { margin: 4rem 0 0; } /* Blog Pages */ .entry-summary.clear p { overflow: hidden; } .excerpt-read-more { float: right; } .entry-summary.clear img { margin: 1rem 2rem 0 0; } } @media only screen and (min-width:62.5em){ /*1000px*/ /* Proudly Serving Banner */ .proudly-serving-banner-text { font-size: 32px; line-height: 42px; } /* Map Section */ section.map-banner { height: 23.75rem; max-height: 23.75rem; } .nampa-map-link a { left: calc(50% - 9.6rem); top: 43%; } .boise-map-link a { right: calc(50% - 3.5rem); top: 33%; } span.map-link-title, span.map-link-icon, span.map-link-icon.mobile-map-link-icon { display: inline-block; } span.map-link-title { font-size: 1rem; } span.map-link-icon.desktop-map-link-icon { display: none; } span.map-link-icon.fa { font-size: 1.4rem; vertical-align: -0.2rem; } /* Proudly Serving Banner */ section.proudly-serving-banner { height: 11.5rem; } section.proudly-serving-banner .contain { text-align: right; } .proudly-serving-text { display: inline-block; font-size: 1.2rem; line-height: 1.65rem; width: 100%; max-width: 22rem; text-align: center; padding: 4.1rem 0 0; } } /*-------------------------------------------------------------- # 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-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; } #primary-menu .menu-item-has-children>a:after{content:'';position:absolute;top:1.05em;right:1em;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 ul a{padding-left:1.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: #f6a41a; } .menu-button, .menu-close { color: #fff; background: #f5a41a; } .menu-button:hover, .menu-buttons .menu-close.js-active { color: #fff; background: #204f9e; } .menu-tab { background: #204f9e; } #primary-menu a { color: #fff; } #primary-menu a:hover { background: #555; color: #fff; } #primary-menu ul { background: #444; } #primary-menu .menu-item-has-children > a:after { border-top-color: #fff; } /* Footer Search Bar */ #ftr-search-bar.hide-search-bar { display: none; } #ftr-search-bar { position: fixed; bottom: 50px; background-color: #fff; left: 0; right: 0; border: 2px solid #525252; max-width: 100%; margin: auto; z-index: 2; } #ftr-search-bar form.search-form { margin: 0; } #ftr-search-bar form.search-form input[type="submit"] { background-color: #f7ad02; color: #fff; width: 100%; max-width: 125px; margin: 0; float: right; border-radius: 0; box-shadow: none; height: 36px; } #ftr-search-bar input[type="search"] { padding-left: 8px; width: 100%; max-width: calc(100% - 134px); border: none; height: 36px; -webkit-appearance: textfield; } .iosScroll { -webkit-overflow-scrolling : touch !important; overflow: auto !important; height: 100% !important; } /* Nav Menu Custom Styles - MOBILE */ nav#menu form.search-form { display: inline-block; width: 100%; } nav#menu label { border: 1px solid #ccc; padding: 6px; display: inline-block; width: 100%; max-width: calc(100% - 86px); background-color: #fff; } nav#menu input.search-submit { background-color: #F6931D; padding: 7px 8px; display: inline-block; width: 100%; max-width: 80px; color: #fff; } #menu-search-bar input.search-field { width: 100%; padding: 0 0.2rem 0; } li#menu-item-70 { display: none; } } /*-------------------------------------------------------------- # Menu - Large Screen --------------------------------------------------------------*/ @media only screen and (min-width: 68.5em){ /*1095px*/ .breakpoint { z-index: 685; } .menu-buttons{display:none} #menu{position:relative;z-index:999} #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 a{display:block;position:relative;padding:0.5em 1em;text-align:left} #primary-menu{display:flex;flex-flow:row wrap;justify-content:center;position:relative;text-align:center} #primary-menu>.menu-item-has-children>a{outline:none} #primary-menu>.menu-item-has-children>a:before{content:'';position:absolute;top:100%;left:50%;z-index:11;margin-left:-1rem;width:2rem;height:1rem;background-position:top center;background-position:no-repeat;background-size:2rem 1rem} #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: calc(100% + 0rem); left: 50%; z-index: 10; margin-left: -6.5rem; padding: 1rem 0; width: 13rem; max-height: 25rem; box-shadow: 0.05rem 0.2rem 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,#primary-menu>.menu-item-has-children>a:before{opacity:0;transform:scale(0.7);transform-origin:50% 0;transition:transform 500ms, opacity 300ms;pointer-events:none} #primary-menu>.menu-item-has-children>a:before{transform-origin:50% 100%} #primary-menu>.js-active>ul,.nojs #primary-menu>li:hover>ul,#primary-menu>.js-active>a:before,.nojs #primary-menu>.menu-item-has-children:hover>a:before{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: 0; right: 0; 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 5rem 0; } #primary-menu>.mega-menu>.sub-menu>li,#primary-menu>.menu-mega>.sub-menu>li{flex:1 1 0;padding-left:1rem} #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} /* Customize Menu Here */ #primary-menu { display: flex; flex-flow: row wrap; justify-content: space-between; position: relative; background: #fff; } #primary-menu a { color: #4a4a4a; font-size: 0.9rem; line-height: 1.35rem; padding: 0.5em 0em; } li.menu-home-icon .fa { line-height: inherit; font-size: 1rem; } #primary-menu a:hover, #primary-menu a:focus { color: #f6a41a; } #primary-menu .menu-item-has-children > a:after { border-top-color: #9B9B9B; } #primary-menu .menu-item-has-children > a:hover:after, #primary-menu .menu-item-has-children > a:focus:after { border-top-color: #f6a41a; } #primary-menu ul { background: #fff; } #primary-menu li li { background: #fff; } #primary-menu ul a:hover, #primary-menu ul a:focus { background: #e5e5e5; } /* #primary-menu>.menu-item-has-children>a:before{background-image:url(./images/menu-arrow.svg)} */ nav#menu { border-top: 1px solid #9b9b9b; border-bottom: 1px solid #9b9b9b; } #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; } li#menu-item-315 { position: absolute; top: 9rem; left: calc(50% - 0.5em); } #primary-menu ul a { padding: 0.25em 1.5em; font-size: 0.8em; } #primary-menu > .menu-mega > .sub-menu > li > a { margin-bottom: 0.5rem; } #primary-menu .menu-mega ul a { padding: 0.25em 0.5em; } /* Keyboard Accessibility */ #primary-menu>.menu-item-has-children>a:focus, .button {outline: 1px dotted !important;} #primary-menu>.menu-item-has-children>.sub-menu{transition:transform 500ms, opacity 300ms 200ms, visibility 0ms 500ms; visibility: hidden;} #primary-menu>.js-active>.sub-menu{visibility: visible; transition:transform 500ms, opacity 300ms, visibility 0ms;} /* Sticky Nav Menu */ nav#menu { position: sticky; top: 0; background-color: #fff; } /* Uncomment if you don't need the white arrow above the menu and you need the drop down menus flush with the menu bar, otherwise delete this comment and these styles #primary-menu .js-active>a { background: #fff; transition: all 300ms 200ms; } #primary-menu>.menu-item-has-children>a:before { display: none; } #primary-menu>.menu-item-has-children>ul { top: 100%; } */ /* Header */ header#header { display: flex; /* flex-flow: nowrap; */ justify-content: space-between; } .hdr-left-col, .hdr-right-col { width: 100%; max-width: 50%; flex: 1 1 auto; } .hdr-left-col { text-align: left; } .mobile-hdr-quick-links { display: none; } .hdr-right-col { text-align: right; display: block; margin: 2rem 0 0; } .hdr-right-ph-num a { color: #FAA41A; font-size: 2.4rem; font-weight: bold; } .hdr-right-ph-num a:hover, .hdr-right-ph-num a:focus { color: #204f9e; } .hdr-right-loc-btns { display: flex; justify-content: flex-end; margin-top: 0.5rem; } span.loc-btn { display: inline-block; margin-left: 1rem; width: 100%; max-width: 7.8rem;} span.loc-btn a { color: #9B9B9B; font-size: 1rem; text-align: center; border: 1px solid #979797; border-radius: 8px; display: block;} span.loc-btn a .fa { vertical-align: 0px; } span.loc-btn a:hover, span.loc-btn a:focus {color: #fff; border: 1px solid #f6a41a; background-color: #f6a41a; } #hdr-top-line { display: block; position: absolute; right: 3rem; top: 0.2rem; } .hdr-top-links { display: inline-block; padding-left: 0.5rem; } .hdr-top-links a { color: #9B9B9B; font-size: 0.9rem; line-height: 1.2rem; } .hdr-top-links a:hover, .hdr-top-links a:focus { color: #204f9e; } .hdr-top-links a .fa { vertical-align: 4px; color: #FAA41A; } /* Sectional Ph Numbers */ a.hdr-ph-num { display: none; } /* Hero Image */ header.contain.home-header { height: 26rem; } h1.home-title { text-align: left; } .hero-btn-container { text-align: left; } .hero-btn-container a { text-align: center; max-width: 15rem; margin: 2em 0 0; } /* Hero Image Interactivity */ header.home-header { display: flex; flex-flow: row wrap; justify-content: center; overflow: hidden; } section.interactive-hero.active { max-width: 50%; } section.interactive-hero.inactive { max-width: 25%; height: 21.4rem; cursor: pointer;} section.interactive-hero .contain { display: inline-table; height: 100%; } section.interactive-hero.active .blue-corner { position: absolute; bottom: 0; right: 0; width: 100%; max-width: 50%; display: block; text-align: right; } .home-header-text { padding: 9rem 0 0 !important; } section.interactive-hero.inactive .home-header-text { padding: 9rem 0 0 !important; } /* Welcome Section */ section.welcome-section { background-image: url(./images/welcome-section-bg.jpg); background-size: cover; background-position: top left; overflow: hidden; padding: 1.5rem 3rem; } .welcome-section-left-col, .welcome-section-right-col { display: inline-block; width: 100%; } .welcome-section-left-col { background-image: none; } .welcome-section-left-col .contain { padding-left: 0; padding-right: 0; } #welcome-cf-header { margin: 0; } .welcome-section-left-col { max-width: calc(100% - 17.4rem); padding-right: 2rem; } .welcome-section-left-col h2 { margin: 0 0 1rem; } span.welcome-title-italic { font-size: 0.7em; line-height: 1.25em; text-align: left; margin: 0 0 0.5em; } span.welcome-title-bold { font-size: 1.6rem; line-height: 2rem; } .welcome-section-button { text-align: left; } .welcome-section-left-col p { line-height: 2rem; font-size: 1.2rem; } .welcome-section-button a { display: inline-block; margin-right: 1.6rem; } .welcome-section-right-col { max-width: 17rem; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .welcome-section-right-col.contain { padding-left: 0; padding-right: 0; } span.wpcf7-not-valid-tip { position: absolute; white-space: nowrap; font-size: 0.8rem; right: 0px; top: -1.8rem; } form.wpcf7-form { position: relative; } .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { position: absolute; bottom: -2.6rem; font-size: 14px; line-height: 20px; text-align: center; } div.wpcf7-mail-sent-ok { position: absolute; margin: 0; bottom: -60px; font-size: 16px; color: #fff; text-align: center; } /* Footer */ .ftr-flex-col { width: auto; text-align: left !important; margin: 0 0 0.5rem; } .ftr-flex-col h2 { margin: 0 0 1rem; } .ftr-locs-left-col { margin: 0 0 0.5rem; } .site-info { padding: 0 0 1rem; } .copyright { float: left; text-align: left; margin: 0 0 0; } .menu-copyright-menu-container { float: right; text-align: right; } ul#menu-copyright-menu li:after { content: '|'; color: #fff; line-height: 0.5rem; font-size: 0.75rem; vertical-align: 0.4rem; margin: 0 0.3rem; } ul#menu-copyright-menu li:last-of-type:after { content: ''; } /* Secondary Pages */ .entry-wrapper .entry-content { display: inline-block; width: 100%; max-width: calc(100% - 18.3rem); padding-right: 1.5rem; } .entry-wrapper { padding-top: 2rem; } aside#secondary { display: inline-block; max-width: 18rem; position: -webkit-sticky; position: sticky; top: 3rem; background: #fff; border-radius: 0 0 0.2rem 0.2rem; margin-bottom: .2rem; } } @media only screen and (min-width:82.5em){ /*Desktop Full Width 1320px*/ .breakpoint { z-index: 825; } .grid, .contain { padding-left: calc(50% - 30rem); padding-right: calc(50% - 30rem); } section.welcome-section { padding-left: calc(50% - 30rem); padding-right: calc(50% - 30rem); } #primary-menu > .menu-full > ul { left: calc(50% - 30rem); right: calc(50% - 30rem); } #hdr-top-line { right: calc(50% - 30rem); } .hdr-top-links { padding-left: 1rem; } section.interactive-hero { height: 29rem !important; } section.interactive-hero .contain { padding-left: 3rem; padding-right: 3rem; } .home-header-text { padding: 9rem 0 0 !important; } span.home-title-italic { font-size: 1rem; } span.home-title-bold { font-size: 2rem; line-height: 2.5rem; } .hero-btn-container p { font-size: 1rem; } .hero-btn-container a { font-size: 1rem; letter-spacing: initial; } section.map-banner { background-image: url(./images/new-desktop-map.jpg); } .nampa-map-link a { left: calc(50% - 23.5rem); top: 65%; } .boise-map-link a { right: calc(50% - 17.2rem); top: 30%; } } /*-------------------------------------------------------------- # 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} .grid,.contain{padding-left:0;padding-right:0;max-width:none} }