/* Theme Name: Fuel5 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: 5.0.12 Text Domain: fmj */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Custom Properties # Fonts # Normalize # Fuel Normalize # Custom Elements # Forms ## Search Form # Accessibility # Header # Footer # Map # Contact Section # Animations # Print # IE11 Notice --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Fonts --------------------------------------------------------------*/ @font-face { font-family: 'Lato'; src: local('Lato'), local('Lato-Regular'), url('fonts/Lato-Regular.woff2') format('woff2'), url('fonts/Lato-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Lato'; src: local('Lato Italic'), local('Lato-Italic'), url('fonts/Lato-Italic.woff2') format('woff2'), url('fonts/Lato-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Lato'; src: local('Lato Bold'), local('Lato-Bold'), url('fonts/Lato-Bold.woff2') format('woff2'), url('fonts/Lato-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Source Sans 3'; src: local('Source Sans 3 Regular'), local('SourceSans3-Regular'), url('fonts/SourceSans3-Regular.woff2') format('woff2'), url('fonts/SourceSans3-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Source Sans 3'; src: local('Source Sans 3 LightItalic'), local('SourceSans3-LightItalic'), url('fonts/SourceSans3-LightItalic.woff2') format('woff2'), url('fonts/SourceSans3-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } /*-------------------------------------------------------------- # Custom Properties --------------------------------------------------------------*/ :root { /* Structure */ --contain-padding: clamp(9vw, calc(50vw - 30rem), 18rem); /* Design */ --primary-color: #2F3344; --accent-color: #541211; --allergy-green: #2F4443; --facial-purple: #463146; --dark-grey: #2D2D2D; --sent-pink: #E52862; /* Text */ --title-font: 'Source Sans 3', sans-serif; --title-color: var(--primary-color); --content-font: 'Lato', sans-serif; --content-color: #4a4a4a; /* Accessibility */ --outline-color: var(--accent-color); } /* chat tool to clear away from menu */ .livesdk__placement-inner { transform: translate(0px, -3rem) !important ; } /*-------------------------------------------------------------- # Normalize v8.0.1 --------------------------------------------------------------*/ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[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:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} /*-------------------------------------------------------------- # Fuel Normalize --------------------------------------------------------------*/ *, *::before, *::after {box-sizing: border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} html { font-family: sans-serif; font-size: 125%; line-height: 1.5; -webkit-overflow-scrolling: touch; } body {position: relative;min-width: 18rem;font-family: var(--content-font);font-size: 0.9rem;line-height: 1.88;color: var(--content-color);background: #f5f5f5;} h1, h2, h3, h4, h5, h6 {margin: 0 0 0.5em 0;font-family: var(--title-font);font-weight: 400;line-height: normal;color: var(--title-color);} h1 { font-size: clamp(1.4rem, 4vw, 2.4rem); } h2 { font-size: clamp(1.3rem, 4vw, 2rem); } h3 { font-size: clamp(1.1rem, 4vw, 1.6rem); } h4 { font-size: clamp(1rem, 4vw, 1.4rem); } h5 { font-size: clamp(0.9rem, 4vw, 1.2rem); } h6 { font-size: clamp(0.8rem, 4vw, 1rem); } @media (min-width: 68.5em) { body {font-size: 1rem;} } p { margin: 0 0 1.2em; } ul, ol { margin: 0; padding: 0; list-style: none; } li { margin: 0; } iframe, img, svg, audio, canvas, video, object, embed {vertical-align: middle;max-width: 100%;} img, svg {height: auto;} img { object-fit: cover; } img[src*=".jpg"] { background: #eee; } iframe { margin: 0 auto 3rem auto; } figure { margin: 0; } blockquote { margin: 0 0 1.6em; } table {margin: 0 0 1.6em;/* border-collapse: separate; *//* border-spacing: 0; */width: 100%;} th { font-weight: bold; } blockquote, figcaption { font-style: italic; } blockquote em, blockquote i, figcaption em, figcaption i { font-style: normal; } 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; } a { text-decoration: none; color: var(--accent-color); transition: color 300ms, background-color 300ms; } a[href^="tel:"] { white-space: nowrap; } a:hover { color: var(--primary-color); } a:focus, summary:focus {outline: 1px dashed var(--outline-color);outline-offset: 0.2rem;transition: 300ms ease-in-out;} button { margin: 0; border: 0; padding: 0; color: var(--accent-color); background: transparent; cursor: pointer; } button:hover {color: #fff;} input { margin: 0; border: 0; padding: 0; color: inherit; background: none; } pre, code { max-width: 100%; overflow: auto; } .alignleft,.alignright,.aligncenter,.wp-post-image{display:block;margin: 0 auto 1rem;clear:both} @media only screen and (min-width:38.5em){ .alignleft{clear:none;float:left;margin:0 2rem 1rem 0;} .alignright{clear:none;float:right;margin:0 0 1rem 2rem;} } /*-------------------------------------------------------------- # Custom Elements --------------------------------------------------------------*/ #wpadminbar { background: #002B49; } .site-wrapper { margin: auto; width: 100%; max-width: 96rem; background: #fff; } .site-wrapper > * { width: 100%; } .clear { clear: both; } .contain { display: block; position: relative; margin: auto; padding-right: var(--contain-padding); padding-left: var(--contain-padding); width: 100%; } .icon-item { display: block; position: relative; margin: 1em 0; padding: 0 0 0 1.8em; } .icon-item svg { position: absolute; top: 0.15em; left: 0; width: 1.2em; height: 1.2em; } .wp-block-buttons {justify-content: center;} .gform_footer, .wp-block-buttons>.wp-block-button, .excerpt-read-more {border-radius: 0.3rem;background: #fff;color: var(--accent-color);overflow: hidden;box-shadow: 0 0 0.3rem #C8C8C8;} .button, .wp-block-button, .excerpt-read-more {position: relative;} .gform_footer:after, .wp-block-button:after, .excerpt-read-more:after {content: '';background: var(--accent-color);position: absolute;top: 0;right: 0;bottom: 0;left: 0;transform: scale(0.02,1);transform-origin: left;transition: 300ms ease-in-out;z-index: 0;} .wp-block-button .wp-block-button__link, .gform_footer .button, .excerpt-read-more .button-read-more {outline-offset: -0.2rem;} .wp-block-button:has(.wp-block-button__link:hover):after {transform: scale(1,1);} .gform_footer:has(.button:hover):after {transform: scale(1,1);} .excerpt-read-more:has(.button-read-more:hover):after {transform: scale(1,1);} .wp-block-button__link, .entry-content .wp-block-button__link, .button, .excerpt-read-more .button-read-more {background: none;color: var(--accent-color);font-size: 1rem;padding: 0 1.6rem;min-height: 2.8rem;display: flex;justify-content: center;align-items: center;position: relative;border-radius: 0;z-index: 1;} .wp-block-button__link:hover, .wp-block-button__link:active, .entry-content .wp-block-button__link:hover, .entry-content .wp-block-button__link:active {text-decoration: none;color: #fff;background: none;} /* Video Lightbox */ .wp-block-buttons>.wp-block-button.lightbox-button .button {color: var(--accent-color);box-shadow: 0 0 0.3rem #C8C8C8;} .wp-block-buttons>.wp-block-button.lightbox-button .button:hover { color: #fff; } .wp-block-buttons>.wp-block-button.lightbox-button .button svg path { fill: var(--accent-color); transition: 300ms ease; } .wp-block-buttons>.wp-block-button.lightbox-button .button:hover svg path { fill: #fff; } .wp-block-buttons>.wp-block-button.lightbox-button .button svg circle { stroke: var(--accent-color); transition: 300ms ease; } .wp-block-buttons>.wp-block-button.lightbox-button .button:hover svg circle { stroke: #fff; } .wp-block-buttons.lightbox-button-container {display: flex;flex-wrap: wrap;gap: 1rem 2rem;} .fuel-lightbox.wp-block-button__link {color: #fff;} .fuel-lightbox.wp-block-button__link svg {margin-left: 0.5rem;} .video-play-pause {display: none;} .video-controls .video-control.video-pause, .video-controls .video-control.video-play { background: rgba(45,45,45,0.6); } .video-controls .video-control.video-pause:hover, .video-controls .video-control.video-play:hover { background: rgba(45,45,45,1); } .video-controls .video-control.video-close { background: rgba(84,18,17,0.6); } .video-controls .video-control.video-close:hover { background: rgba(84,18,17,1); } .video-controls .video-control.video-pause:focus, .video-controls .video-control.video-play:focus, .video-controls .video-control.video-close:focus {outline-color: var(--sent-pink);} @media (min-width: 68.5em) { .wp-block-buttons {justify-content: flex-start;} } .add-margin-top{margin-top: clamp(1.5rem, 5vw, 2rem);} /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ #gform_wrapper_1 .gform_heading {display: none;} .gform_fields { max-width: 23rem; margin: 0 auto; } .gfield {margin: 0 0 0.8rem;border-radius: 0.2rem;padding: 0 0.3rem;list-style: none;overflow: hidden;background: #EAEBEC;} .gfield .medium, .gfield .large {padding: 0rem 0.9rem;width: 100%;color: var(--content-color);outline: none;} .gfield_label {display: block;padding: 0.2rem 0.4rem 0;font-size: 0.7rem;line-height: 1;color: var(--primary-color);} .ginput_container {line-height: 1.67;} .gfield--type-select {min-height: 2.6rem;} .ginput_container_select {font-size: 0.7rem;} .ginput_container_select .gfield_select {border: none;background: none;padding: 0.25rem 0.4rem 0;} .gform_footer {position: relative;max-width: 9.2rem;margin: 0.8rem auto 0;} .gform_button { width: 100%; } .gform_ajax_spinner { position: absolute; top: 0; right: 0.5rem; bottom: 0; margin: auto; border: 0.2em solid rgba(0, 0, 0, 0.4); border-left: 0.2em solid #07B084; border-radius: 50%; width: 1.2em; height: 1.2em; animation: spin 1.1s infinite linear; } .gform_confirmation_message { font-family: inherit; font-size: 1.1em; font-weight: normal; border: 2px solid green; border-radius: 0.75rem; padding: 0.5rem; text-align: center; color: green; background: rgba(255,255,255,0.7); } .gform_submission_error { margin: 0 0 1rem; font-family: inherit; font-size: 0.8em; font-weight: normal; line-height: 1.5; color: #cc2d3f; } .validation_message { padding: 0 0.4rem; font-size: 0.7em; color: #cc2d3f; } @media (min-width: 68.5em) { .gform_footer { margin: 2rem auto 0; } } #field_1_8 { font-size: 0.7rem; background: transparent; } /*-------------------------------------------------------------- ## Search Form --------------------------------------------------------------*/ .search-form { display: flex; } .search-form label { width: 100%; } .search-field { padding: 0.5em 1em; width: 100%; line-height: 1.5; color: var(--content-color); background: #eee; } .search-submit { padding: 0.5em 1em; line-height: 1.5; color: #fff; background: #777; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ a, button, summary, .gfield {outline-style: dashed;outline-color: transparent;outline-width: 2px;outline-offset: 0.2rem;transition: 300ms ease-in-out;} a { outline-offset: 0.5rem; } .button { outline-offset: 0; } a:focus-visible, button:focus-visible, summary:focus-visible, .gfield:focus-within { outline-color: var(--outline-color); } .skip-to-content { display: block; position: absolute; top: -10000rem; left: 1rem; 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: 1rem; } .screen-reader-text {position: absolute;top: auto;left: -10000rem;height: 1px;width: 1px;overflow: hidden;} .js-required { padding: 2rem; text-align: center; color: #000; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ .header {padding-top: 0.4rem;padding-bottom: 0.4rem;text-align: center;} .header-links { display: none; } .header-menu, .header-phone { display: none; } @media (min-width: 68.5em) { .header {padding: 1rem 1.6rem;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;} .header-logo img { max-height: 100%; } .header-menu {display: flex;align-items: flex-start;list-style: none;position: absolute;top: 0.4rem;right: 1.6rem;z-index: 1;} .header-menu li {box-shadow: 0 0 0.3rem #C8C8C8;border-radius: 0.3rem;background: #fff;color: var(--accent-color);overflow: hidden;position: relative;display: flex;align-items: center;outline-color: transparent; outline-style: dashed;outline-offset: 0.1rem;outline-width: 2px;transition: 300ms ease-in-out;} .header-menu li:nth-child(n+2) {margin-left: 1.2rem;} .header-menu li:has(a:focus) {outline-color: var(--outline-color);} .header-menu li:after {content: '';background: var(--accent-color);position: absolute;top: 0;right: 0;bottom: 0;left: 0;transform: scale(1,0.04);transform-origin: top;transition: 300ms ease-in-out;z-index: 0;} .header-menu li:has(a:hover):after {transform: scale(1,1);} .header-menu li a {font-size: 0.9rem;padding: 0.6rem 0.8rem;z-index: 1;line-height: 1;} .header-menu li a:hover, .header-menu li a:active {text-decoration: none;color: #fff;} .header-menu li a svg path {transition: 300ms ease-in-out;} .header-menu li a:hover svg path, .header-menu li a:active svg path {fill: #fff;} .header-menu svg {margin-right: 0.4rem;height: 0.8rem;vertical-align: -0.1rem;} .header-phone {display: block;} .header-phone summary {list-style: none;color: var(--primary-color);font-size: 2rem;font-style: normal;font-weight: 400;line-height: normal;cursor: pointer;} .header-phone[open] summary:before {content: '';position: absolute;position: fixed;top: 0;right: 0;bottom: -100vh;left: 0;cursor: initial;z-index: 2;background: rgba(0, 0, 0, 0.60);} .header-phone svg, .header-phone svg path, .header-phone circle {transition: 300ms ease-in-out;} .header-phone svg { margin-left: 0.3rem; vertical-align: 0; } .header-phone:hover svg, .header-phone[open] svg { transform: rotate(90deg); } .header-phone:hover svg path, .header-phone[open] svg path { stroke: #fff; } .header-phone:hover circle, .header-phone[open] circle { fill: var(--accent-color); } /* Phone Tree Dropdown */ .header-phone-container { z-index: 99999; } .phone-tree {position: absolute;right: 1.6rem;top: calc(100% - 0.9rem);z-index: 9999;background: var(--primary-color);min-width: 30rem;padding: 1.7rem 1.75rem 1.8rem;} .phone-tree .phone {display: flex;justify-content: space-between;color: #fff;position: relative;margin: 0 0 1rem;padding-left: 0.25rem;transition: 0s;} .phone-tree .phone:hover, .phone-tree .phone:hover span:first-of-type, .phone-tree .phone:hover .phone-number {background: #fff;color: var(--accent-color);transition: 0s;} .phone-tree .phone:after {content: '';border-bottom: 0.2rem dotted #fff;height: 1px;position: absolute;right: -5rem;bottom: 0.08rem;left: 1.6rem;transform: scale(0.7);transform-origin: left;z-index: 0;} .phone-tree .phone span:first-of-type {background: var(--primary-color);z-index: 1;padding-right: 0.15rem;line-height: 1.3;transition: 0s;} .phone-tree .phone-number {background: var(--primary-color);line-height: 1.3;z-index: 1;padding-right: 0.25rem;padding-left: 0.25rem;transition: 0s;} } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .footer {color: #fff;background-size: cover;background-position: center;} .footer.load-bg {background-image: url(./images/footer-bg.jpg);} .footer {position: relative;z-index: 0;} .footer a {color: #fff;font-size: 0.9rem;position: relative;} .footer a:after {content: '';position: absolute;bottom: -0.05rem;left: 0;width: 100%;height: 0.05rem;background-color: #fff;transition: opacity 300ms,transform 300ms;transform: scale(0,1);transform-origin: left;} .footer a:hover:after { transform: scale(1,1); } .footer-blocks {display: flex;flex-wrap: wrap;justify-content: center;gap: 2rem;padding-top: 2rem;padding-bottom: 0;font-size: 0.9em;z-index: 1;} .footer-title {margin: 0 0 1.8rem;text-align: center;color: inherit;font-size: 1.1rem;font-weight: 400;position: relative;} .footer-title:after { content: ''; height: 1px; width: 2rem; position: absolute; right: 0; bottom: -0.6rem; left: 0; margin: auto; background: #fff; } .footer-logo { display: block; transition: transform .3s;} .footer-logo:hover {transform: scale(1.1);} .footer-social svg {transition: transform .3s;} .footer-social a:hover svg {transform: scale(1.3);} .footer .footer-logo:hover:after, .footer-social li a:hover:after { transform: scale(0); } .footer-social {display: flex;justify-content: space-between;padding-top: 1.1rem;max-width: 7.6rem;margin: auto;} .footer-locations { width: 100%; } .footer-locations .footer-title { width: 100%; } .footer-locations-list a {display: inline-block;margin: 0.3em 0;line-height: 1.2;} .footer-locations-wrapper { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 1.5rem; width: 100%; } .footer-locations-list li {text-align: center;margin: 0 0 1rem;} .footer-locations-list li svg {height: 0.7rem;position: absolute;top: 0.2rem;left: 0;} .footer-locations-list li a {margin: 0 0 0.15rem;} .ftr-loc-container {position: relative;padding-left: 1.2rem;text-align: left;line-height: 1.5;font-style:italic;max-width: 11.5rem;margin: auto;} .ftr-loc-container p { margin: 0; } .ftr-loc-container .loc-page-bio-list { display: none; } .footer-links { display: none; } @media (min-width: 38.5em) { .footer-locations-list {column-count: 3;column-gap: 1.5rem;width: 100%;max-width: 29rem;margin: 0 auto;} .ftr-loc-container {width: 100%;max-width: 12rem;} } @media (min-width: 68.5em) { .footer-blocks {flex-wrap: nowrap;justify-content: space-between;padding-top: 3.3rem;padding-right: 3rem;padding-bottom: 5rem;padding-left: 3rem;} .footer-title {text-align: left;margin: 0 0 1.8rem;} .footer-title:after {right: auto;} .footer-branding {width: 60%;} .footer-logo { max-width: calc(100% - 1.5rem); } .footer-social { padding-top: 2.2rem; } .footer-locations {width: 100%;margin: 2.2rem 0 0;} .footer-locations-wrapper { justify-content: start; width: auto; } .footer-locations-list { max-width: none; } .footer-locations-list li { text-align: left; } .footer-locations-list li a {font-size: 0.8rem;} .ftr-loc-container { font-size: 0.6rem; } .footer-links {width: 40%;display: block;margin: 2.2rem 0 0;} .footer-links a {display: inline-block;margin: 0 0 0.5rem;line-height: normal;} } @media (min-width: 82.5em) { .footer-blocks {padding-right: calc(50% - 31.3rem);padding-left: calc(50% - 31.3rem);gap: 1.8rem;} .footer-logo {max-width: 100%;} .footer-locations-list li a {font-size: 0.9rem;} .ftr-loc-container {font-size: 0.7rem;} } /* Copyright Section */ .footer-end {padding-top: 1.5rem;padding-bottom: 5rem;text-align: center;font-size: 0.8em;line-height: 1.5;z-index: 1;} .copyright { margin-bottom: 1.2rem; } .policy-nav ul { display: flex; justify-content: center; } .policy-nav li { padding: 0 0.5rem; position: relative; white-space: nowrap } .policy-nav li:nth-child(n+1)::before { content: '|'; position: absolute; right: -2px; } .policy-nav li:last-child::before { display: none; } .policy-menu a { font-size: 0.8rem; } @media (min-width: 68.5em) { .footer-end {display: grid;grid-template-areas:'copyright nav';justify-items: start;padding-top: 0;padding-right: 3rem;padding-bottom: 2rem;padding-left: 3rem;} .copyright { grid-area: copyright; margin: 0; } .policy-nav { grid-area: nav; justify-self: end; } } @media (min-width: 82.5em) { .footer-end {padding-right: calc(50% - 31.3rem); padding-left: calc(50% - 31.3rem);} } /*-------------------------------------------------------------- # Map --------------------------------------------------------------*/ .fm-map {position: relative;width: 100%;height: 30rem;max-height: calc(90vh - 3.2rem);background: #e5e5e5;} .map-sidebar {padding: 0;} .map-list-item {height: calc(100% / 8);border-bottom: 1px solid #565C76;} .map-list-button {background: var(--primary-color);margin: 0;display: flex;flex-wrap:wrap;align-items: center;height: 100%;position: relative;gap: 0.4rem 0;align-content: center;} .map-list-button:before {content: '';background-image: url(./images/map-button-chevron-icon.svg);background-size: contain;background-repeat: no-repeat;background-position: center;position: absolute;top: 0;right: 0;bottom: 0;width: 1.6rem;height: 0.85rem;z-index: 1;margin: auto;} .map-list-button:after {content: '';background: #3D435A;position: absolute;top: 0;right: 0;bottom: 0;width: 1.6rem;transition: 300ms ease-in-out;} .map-list-button:hover, .map-list-button:focus, .map-list-button.map-active {background: #3D435A;} .map-list-button:hover:after, .map-list-button:focus:after, .map-list-button.map-active:after {background: #3D435A;} .map-list-button .map-loc-category { width: 100%; color: #C8D2FF; font-size: 0.8rem; font-style: italic; } .map-list-button .map-loc-category::before { content: '- '} .map-loc-header, .map-loc-info {background: var(--primary-color);} .map-quick-links { background: rgba(255, 255, 255, 0.80); } .map-quick-links a {color: var(--primary-color);} .map-quick-links a:hover, .map-quick-links a:focus {color: var(--primary-color);text-decoration: underline;} .map-back {background: rgba(255, 255, 255, 0.80);text-align: left;color: var(--primary-color);display: flex;align-items: center;font-size: 0.9rem;right: 0;bottom: 0.25rem;left: 0;width: calc(100% - 0.5rem);margin: auto;} .map-back:hover {background: var(--accent-color);} .map-back svg path {fill: var(--accent-color);transition: 300ms ease-in-out;} .map-back:hover svg path {fill: #fff;} .shot-hours-info { position: relative; } .shot-hours-info:before { position: absolute; content: ""; display: inline-block; width: 20px; height: 20px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIYSURBVHgBvVeNdYIwED46ASOkE5ROIJ2g3QA3qBuIE8gGdIPaCdAJsBPoBtoJrndykRQRkhj7vfc9NMn9JpefCCyBiDF93ogTYkJUxFi6j8Q9cUvcEFdRFB0hBMiwIi6JO2JFnBETcejsHDGVvk9sULIs+EKUsuEDMTcNWjqdi9NLF1lTAQsXzsKXej5El7IVSkRgBoEgU8M6k7GBOvIpBAbrHMyEzHnQyHts6EzEfZ28WEq4M2RdLbuNymmh3OZALJWlzMaSywY8oVNqKM9GxnOJFqZH6Bu9IT+X/5X8z0ZkmrUgq3MFnpCyzcVoZXx3I3I8ZvoAzd6+Bg9I1DWRjS2IKeuic+CF+Dgi/nWyTUpq3sfB3bhOo0ZmZGJuIc+Zq0EWjdN2ywbE8WTAidgigAP/QHBAZ87rjgOInZNyRBc6OSCR60gLvEQODtAOWE2BRGZid6Px8xSc5tJCIMXryMERoq/mMvyGpnx8saCSy8EdHPSWHVgTXy0EJhDOuNa3+bstXoGx+ApJXWozbQP6lOiLdUMxNI/iYA6BIAGVXY+cNyRP4/1HP/ZdFO7jQIn6KO50/MeV7H1wvRnpySAwsNk9L1PfM/Ae13IduV3lGJko8YZ7Iravq6uRP/Q10uayp88z8YdYSdkocDPMdwK+qESsS3S6A9vnFYMfnjPZiLqP00T6KmyfdWpMfwSWwPZ5nhKfINDz/BeiLGmpx9ZcgQAAAABJRU5ErkJggg=="); background-size: contain; margin-right: 8px; vertical-align: middle; left: -1.8em; } /*-------------------------------------------------------------- # Contact Section --------------------------------------------------------------*/ .contact-section { background: linear-gradient(0deg, #eeeff3 0%, #9799a1 100%); } .contact-section-bg {padding: 2rem 0.8rem 2.6rem; z-index: 900; position: relative; } .contact-section-container {border-radius: 0.2rem;background: #fff;padding: 0.8rem 0.7rem 1.5rem;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.20);} .contact-title { text-align: center; margin: 0 0 1.2rem; position: relative; } .contact-title:after { content: ''; height: 1px; width: 5rem; position: absolute; right: 0; bottom: -0.6rem; left: 0; margin: auto; background: #000; } .contact-statement { font-size: 0.7rem; line-height: 1.57; margin: 0 0 0.5rem; } .contact-emergency { font-size: 0.7rem; line-height: 1.57; font-weight: bold; } .contact-svg {position: absolute; --offset: 1400; --stroke-width: 5; z-index: 0; opacity: 0; stroke-dasharray: var(--offset); stroke-dashoffset: var(--offset); stroke-width: 0; stroke-opacity: 1; fill-opacity: 0; stroke: #fff; transition: opacity 0.3s .8s; animation: draw-svg 2s linear .5s both; animation-play-state: paused; } .contact-section.js-intersected .contact-svg {opacity: 1;animation-play-state: running;} #gform_2 label.gfield_label.gform-field-label { position: relative;} #gform_2 label.gfield_label.gform-field-label::after { position: absolute; content: '*'; width: 1em; height: 1em; } #gform_2 span.gfield_required { display: none; } @media (min-width: 38.5em) { .contact-section-bg { padding: 2rem 3rem 2.6rem; } .contact-section-container { padding: 2rem 3rem 2.6rem; max-width: 40rem;margin: auto;} } @media (min-width: 68.5em) { .contact-section-bg { padding: 7.2rem 0 7.2rem; } .contact-section-container {padding: 2.4rem 5.5rem 3.3rem;} .contact-title:after {width: 7rem;} } /*-------------------------------------------------------------- # Animations --------------------------------------------------------------*/ @keyframes draw-svg { 0% {stroke-dashoffset: var(--offset, 1400); fill-opacity: 0; stroke-width: var(--stroke-width, 5)} 100% {stroke-dashoffset: 0; fill-opacity: 1;stroke-width: 0} } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes underline-expand { 0% { transform: scale(0); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } @keyframes fade-in-slide-up { 0% { opacity: 0; transform: translateY(1rem); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fade-slide-right { 0% { opacity: 0; transform: translateX(-3rem); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fade-slide-left { 0% { opacity: 0; transform: translateX(3rem); } 100% { opacity: 1; transform: translateX(0); } } @keyframes popAnimation { 0% {transform: scale(0.5); opacity: 0;} 80% {transform: scale(1.1)} 100% {transform: scale(1); opacity: 1} } @media only screen and (min-width: 68.5em) and (prefers-reduced-motion:no-preference) { /* Fade In */ .fade-in {opacity: 0;} .fade-in.delay-0 {animation-delay: 0s;} .fade-in.delay-250 {animation-delay: 250ms;} .fade-in.delay-500 {animation-delay: 500ms;} .fade-in.delay-750 {animation-delay: 750ms;} .fade-in.delay-800 {animation-delay: 800ms;} .fade-in.delay-1000 {animation-delay: 1000ms;} .js-intersected .fade-in {animation-name: fade-in;animation-duration: 1s;animation-fill-mode: forwards;} /* Underline Expand */ .underline-expand:after {transform: scale(0);transform-origin: left;animation-delay: 750ms;} .js-intersected .underline-expand:after {animation-name: underline-expand;animation-duration: 750ms;animation-fill-mode: forwards;animation-timing-function: ease-out;} /* Fade In/Slide Up */ .fade-in-slide-up {opacity: 0; transform: translateY(1rem);} .js-intersected .fade-in-slide-up {animation-name: fade-in-slide-up;animation-duration: 500ms;animation-fill-mode: forwards;} /* Fade In/Slide Right */ .fade-slide-right, .fade-slide-right-content { opacity: 0; transform: translateX(-3rem); } .js-intersected .fade-slide-right {animation: fade-slide-right 750ms ease-out forwards;} .js-intersected .fade-slide-right-content {animation: fade-slide-right 750ms ease-out 800ms forwards;} /* Fade In/Slide Left */ .fade-slide-left { opacity: 0; transform: translateX(3rem); } .js-intersected .fade-slide-left {animation-name: fade-slide-left;animation-duration: 500ms;animation-fill-mode: forwards;} } /*-------------------------------------------------------------- # 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, .header, .footer, #comments, .page-navigation, .pagination, .wp-prev-next, .respond-form { display: none !important; } .contain { padding-left: 0; padding-right: 0; max-width: none; } } /*-------------------------------------------------------------- # IE11 Notice --------------------------------------------------------------*/ .ie11-alert { display: none; } @media all and (-ms-high-contrast:none) { .ie11-alert { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background: #fff; color: #000; } .ie11-content { max-width: 45rem; max-height: 10rem; font-size: 2rem; text-align: center; margin: 10% auto 0; } .ie11-alert a { color: #4169e1; } }