@import url(https://fonts.googleapis.com/css2?family=Cal+Sans&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap); @charset "UTF-8"; /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TYPOGRAPHY \*------------------------------------*/ /*------------------------------------*\ #COLORS \*------------------------------------*/ /** * In this file, we take the literal colors from our palette (defined in variables.scss) * and define them against variables that we can utilise anywhere throughout the project. */ /** * Brand Colors * 1) Brand=specific colors */ /** * Neutral Colors * 1) Neutral colors are grayscale values used throughout the UI */ /** * Utility Colors * 1) Utility colors are colors used to provide feedback, such as alert messages, * form validation, etc. */ /*------------------------------------*\ #GLOBAL TEXT COLOR \*------------------------------------*/ /** * Body text and background colors */ /** * Highlight colors */ /*------------------------------------*\ #LINKS \*------------------------------------*/ /*------------------------------------*\ #BUTTONS \*------------------------------------*/ /*------------------------------------*\ #FORMS \*------------------------------------*/ /*------------------------------------*\ #LAYOUT \*------------------------------------*/ /** * Wrappers */ /** * Grid Control */ /*------------------------------------*\ #SPACING \*------------------------------------*/ /** * Spacing and offsets * 1) Used to space grids and body padding */ /** * Font Family */ /*------------------------------------*\ #VARIABLES \*------------------------------------*/ /** * CONTENTS * * COLORS * Brand Colors...............Globally-available variables and config * Neutral Colors.............Grayscale colors, including white and black * Utility Colors.............Info, Warning, Error, Success * * TYPOGRAPHY * Font Families..............The fonts used in the design system * Sizing.....................Font sizing * * LAYOUT * Max-widths.................Maximum layout container width * * * BORDERS * Border Width...............Border thicknesses * Border Radius..............Border radius definitions * * ANIMATION * Animation Speed............Transition/animation speed variables * Animation easing...........Easing variables * * BREAKPOINTS * Breakpoints................Global breakpoint definitions */ /*------------------------------------*\ #PATHS \*------------------------------------*/ /*------------------------------------*\ #BORDERS \*------------------------------------*/ /** * Border widths */ /** * Border radius */ /*------------------------------------*\ #ANIMATION \*------------------------------------*/ /** * Transition Speed */ /** * Transition Ease */ /*------------------------------------*\ #BREAKPOINTS \*------------------------------------*/ /** * Breakpoints used in media queries * 1) Try to stick to the bp in this map. */ /*------------------------------------*\ #VARIABLES \*------------------------------------*/ /** * CONTENTS * * COLORS * Brand Colors...............Globally-available variables and config * Neutral Colors.............Grayscale colors, including white and black * Utility Colors.............Info, Warning, Error, Success * * TYPOGRAPHY * Font Families..............The fonts used in the design system * Sizing.....................Font sizing * * LAYOUT * Max-widths.................Maximum layout container width * * * BORDERS * Border Width...............Border thicknesses * Border Radius..............Border radius definitions * * ANIMATION * Animation Speed............Transition/animation speed variables * Animation easing...........Easing variables * * BREAKPOINTS * Breakpoints................Global breakpoint definitions */ /*------------------------------------*\ #PATHS \*------------------------------------*/ /*------------------------------------*\ #BORDERS \*------------------------------------*/ /** * Border widths */ /** * Border radius */ /*------------------------------------*\ #ANIMATION \*------------------------------------*/ /** * Transition Speed */ /** * Transition Ease */ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * UTIL FUNCTIONS.........................Utility mixins/functions can be used by UI mixins or by other comps * UI MIXINS..............................Mixins use to help keep styling of components DRY. */ /*------------------------------------*\ #UTIL FUNCTIONS \*------------------------------------*/ /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /** * Returns content wrapped media query * * This resonsive query accepts both values from the SCSS map for queries as well as custom values * */ /*------------------------------------*\ #UI MIXINS \*------------------------------------*/ /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #HEADINGS MIXIN \*------------------------------------*/ /** * * 1) Mixins to make a type element look like an H1 - H6 * 2) Font sizes are pulled from _settings.type.scss and use the _tools.rfs.scss to size responsively */ /*------------------------------------*\ #MIXINS \*------------------------------------*/ /** * Body Styles * 1) Prevent Mobile Safari from scaling up text: https://blog.55minutes.com/2012/04/iphone-text-resizing/ */ /** * XL Type Styles */ /*------------------------------------*\ #BASE \*------------------------------------*/ /*------------------------------------*\ #RESET \*------------------------------------*/ /** * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/ */ * { -webkit-box-sizing: border-box; box-sizing: border-box; } /** * 1) Zero out margins and padding for elements */ html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure { margin: 0; padding: 0; } /** * 1) Set HTML5 elements to display: block */ header, footer, nav, section, article, figure { display: block; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #BASE THEME \*------------------------------------*/ :root { --color-brand: #02754b; --color-primary-accent: #f26b21; --color-secondary-accent: #8ec54a; --color-body-text: #495057; --color-body-text-dark: #014a07; --color-text-link: #02754b; --bg-subtle: #f7f8f8; --bg-gradient: #00783c; --font-heading: Cal Sans, sans-serif; --font-body: Montserrat, sans-serif; --color-input-border: #6d7882; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #BODY \*------------------------------------*/ /** * HTML base styles * 1) Set the html element's height to at least 100% of the viewport. * This is used to achieve a sticky footer */ html { min-height: 100vh; /* 1 */ } /** * Body base styles * 1) Set the body element's height to at least 100% of the viewport. * This is used to achieve a sticky footer */ body { min-height: 100vh; /* 1 */ font-family: var(--font-body); font-size: 1.125rem; line-height: 1.6; -webkit-text-size-adjust: 100%; /* 1 */ background-color: #fff; color: #242628; } /* Skip to Content Button Styles */ .skip-to-content { border-radius: 56px; font-size: 16px; font-weight: 700; line-height: 1.25; margin: 0 auto; min-width: 186px; padding: 14px 30px; text-align: center; -webkit-transition: 0.5s; transition: 0.5s; position: absolute; left: -999px; top: 10px; width: 1px; height: 1px; overflow: hidden; z-index: 999999; background-color: #fff; color: #068473; padding: 10px 15px; border-radius: 4px; font-weight: bold; text-align: center; border: 2px solid #068473; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); border-radius: 56px; } /* Show the skip button when it receives focus */ .skip-to-content:focus { left: 10px; top: 10px; width: auto; height: auto; overflow: auto; outline: none; } /* Also show the skip button when using keyboard navigation */ body.keyboard-nav .skip-to-content { left: 10px; top: 10px; width: auto; height: auto; overflow: auto; } /* Style for keyboard focus */ .keyboard-nav a:focus, .keyboard-nav button:focus { outline: 2px solid #068473 !important; outline-offset: 2px !important; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #LINKS \*------------------------------------*/ /** * Link base styles */ a, .link { color: var(--color-text-link); text-decoration: none; outline: 0; -webkit-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } a:hover, a:focus, .link:hover, .link:focus { color: rgb(1.1428571429, 66.8571428571, 42.8571428571); } a:focus, .link:focus { outline: 5px auto rgb(1.1428571429, 66.8571428571, 42.8571428571); } a:active, .link:active { color: rgb(1.1428571429, 66.8571428571, 42.8571428571); } a:visited, .link:visited { color: var(--color-text-link); } a.lnk-back, .link.lnk-back { margin-bottom: 0; display: none; } .link { font-family: "Cal Sans", sans-serif; font-size: 1rem; line-height: 25px; font-weight: 500; border: none; background: transparent; padding: 0; margin: 0; border-radius: unset; } .link:hover, .link:focus { text-decoration: none; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #LISTS \*------------------------------------*/ /** * 1) List base styles */ /** * Remove list styles from unordered and ordered lists */ ol, ul { list-style: none; } .link-block { position: relative; } .link-block > a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .ie11 .l-grid .link-block c-icon-block { text-align: center; } .ie11 .l-grid .link-block c-icon-block > p { margin-left: auto; margin-right: auto; margin-bottom: 3rem; } .l-content-holder ol, .l-content-holder ul { padding-left: 15px; } .list-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-columns > li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } @media (min-width: 50em) { .list-columns.list-columns-2 > li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; padding-right: 30px; } .list-columns.list-columns-3 > li { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; width: 33.333333%; padding-right: 30px; } } .list-columns.list-columns-gap-10 { padding: 10px; } .list-columns.list-columns-gap-20 { padding: 20px; } .list-columns.list-columns-gap-30 { padding: 30px; } /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #HEADINGS \*------------------------------------*/ /** * Heading 1 base styles */ h1 { color: #0d4026; font-size: 57px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 56px; margin: 0 0 43px; } @media (min-width: 50em) { h1 { font-size: 69px; line-height: 72px; } } /** * Heading 2 base styles */ h2 { color: #0d4026; font-size: 40px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 48px; margin: 0 0 30px; } @media (min-width: 50em) { h2 { font-size: 55px; line-height: 56px; } } /** * Heading 3 base styles */ h3 { font-size: 33px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 40px; margin-bottom: 1rem; } @media (min-width: 50em) { h3 { font-size: 44px; line-height: 48px; } } /** * Heading 4 base styles */ h4 { font-size: 24px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 32px; margin-bottom: 10px; } @media (min-width: 50em) { h4 { font-size: 35px; line-height: 48px; } } /** * Heading 5 base styles */ h5 { color: #0d4026; font-size: 28px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 32px; } /** * Heading 6 base styles */ h6 { color: var(--color-body-text); font-size: 23px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 30px; margin-bottom: 25px; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #FORMS \*------------------------------------*/ /** * 1) Form element base styles */ /** * Input placeholder text base styles */ ::-webkit-input-placeholder { color: #495057; } ::-moz-placeholder { color: #495057; } :-ms-input-placeholder { color: #495057; } /** * Fieldset base styles */ fieldset { border: 0; padding: 0; margin: 0; } fieldset.l-fieldset { width: 100%; padding: 1rem; border: solid 1px #f7f8f8; } /** * Legend base styles */ legend { margin-bottom: 0.25rem; } /** * Label base styles */ label { display: block; padding-bottom: 0.25rem; color: #495057; font-size: 0.75rem; } /** * Add font size 100% of form element and margin 0 to these elements */ button, input, select, textarea { font-family: inherit; font-size: 14px; margin: 0; } /** * Text area base styles */ textarea { resize: none; height: auto !important; min-height: 50px !important; } /** * Input and text area base styles */ input, textarea { width: 100%; padding: 1rem; border: 1px solid #495057; background: #fff; -webkit-transition: border-color 0.4s; transition: border-color 0.4s; } input:focus, textarea:focus { border-color: #495057; outline: none; } /** * Remove webkit appearance styles from these elements */ input[type=text], input[type=search], input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=url], input[type=number], textarea { -webkit-appearance: none; display: block; } /** * Checkbox and radio button base styles */ input[type=checkbox], input[type=radio] { width: auto; margin-right: 0.3rem; border-color: #495057; } /** * Search input base styles */ input[type=search] { -webkit-appearance: none; border-radius: 0; } /** * Select * 1) Remove default styling */ select { display: block; font-size: 14px; width: 100%; border: 1px solid #495057; padding: 1rem; background: #fff; color: #495057; } select:focus { border-color: #495057; } #divcontent form > label { margin-top: 2rem; } #divcontent form .g-recaptcha { margin-top: 2rem; margin-bottom: 2rem; } .FormBuilderControl { font-family: "Montserrat", sans-serif !important; margin-left: 0 !important; } .FormBuilderControl span { font-family: "Montserrat", sans-serif !important; } .FormBuilderControl .form-label { margin-bottom: 1rem; width: 100% !important; } .FormBuilderControl .form-cell { float: none !important; } .FormBuilderControl input[type=radio], .FormBuilderControl input[type=checkbox] { position: absolute; opacity: 0; visibility: hidden; } .FormBuilderControl input[type=radio] + label, .FormBuilderControl input[type=checkbox] + label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; position: relative; color: #495057; font-weight: 400; } .FormBuilderControl input[type=radio] + label:before { content: ""; display: block; width: 1rem; height: 1rem; border: 1px solid #919ba3; border-radius: 100%; margin-right: 0.5rem; } .FormBuilderControl input[type=radio] + label:after { content: ""; position: absolute; display: block; width: 0.675rem; height: 0.675rem; border-radius: 100%; margin-right: 0.5rem; background: var(--color-brand); left: 3.5px; opacity: 0; visibility: hidden; } .FormBuilderControl input[type=radio]:checked + label:before { border-color: var(--color-brand); } .FormBuilderControl input[type=radio]:checked + label:after { opacity: 1; visibility: visible; } .FormBuilderControl input[type=checkbox] + label:before { content: ""; display: block; width: 1rem; min-width: 1rem; height: 1rem; border: 1px solid #919ba3; margin-right: 0.5rem; } .FormBuilderControl input[type=checkbox] + label:after { content: ""; position: absolute; display: block; -webkit-transform: rotate(45deg) translateY(-11px); -ms-transform: rotate(45deg) translateY(-11px); transform: rotate(45deg) translateY(-11px); width: 4px; height: 10px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; left: -1px; top: 50%; opacity: 0; visibility: hidden; } .FormBuilderControl input[type=checkbox]:checked + label:before { background: var(--color-brand); border-color: var(--color-brand); } .FormBuilderControl input[type=checkbox]:checked + label:after { opacity: 1; visibility: visible; } .FormBuilderControl input[type=button] { display: inline-block; font-family: "Cal Sans", sans-serif; margin: 0 auto; cursor: pointer; font-size: 18px; border: none; min-width: 0; background: #00783c; border-radius: 16px; color: #fff; font-weight: 400; padding: 16px 24px; } .FormBuilderControl input[type=button]:hover { background: #056233; color: #fff; text-decoration: none; } /** Calendar/datepicker **/ #ui-datepicker-div { background: #fff; padding: 1rem; min-width: 220px; } #ui-datepicker-div a.ui-state-default { color: #000; display: block; text-align: center; } #ui-datepicker-div .ui-datepicker-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; color: #000; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next { text-align: right; } #class-registration { background: #fff; padding: 3rem; } @media (max-width: 768px) { #class-registration { padding: 3rem 1rem; } } #class-registration .step { display: block; position: relative; padding: 30px; border: solid 1px #e2eded; } #class-registration label { font-weight: bold; } #class-registration input[type=number], #class-registration input[type=password], #class-registration input[type=date], #class-registration input[type=search], #class-registration input[type=text], #class-registration textarea, #class-registration select { border: 1px solid #c2d1d9; } #class-registration input[type=number]:focus, #class-registration input[type=password]:focus, #class-registration input[type=date]:focus, #class-registration input[type=search]:focus, #class-registration input[type=text]:focus, #class-registration textarea:focus, #class-registration select:focus { border-color: #34ca9d; outline: none; } #class-registration .ce-registration-select { position: relative; } #class-registration .ce-registration-select select { -moz-appearance: none; appearance: none; -webkit-appearance: none; } #class-registration .ce-registration-select select::-ms-expand { display: none; } #class-registration .ce-registration-select::after { color: #34ca9d; content: "\f078"; font-size: 18px; font-family: "Font Awesome 5 Free"; font-weight: 700; position: absolute; right: 10px; top: 11px; pointer-events: none; } #class-registration .validate-message { font-size: 0.65rem; } #guest-registration { padding: 0; } #guest-registration legend { color: #646f78; font-size: 1.25rem; font-weight: bold; margin: 2rem 0; } #guest-registration .option-field { margin: 1rem 0; } #guest-registration .option-field .option-label { display: block; padding-bottom: 0.25rem; color: #646f78; font-size: 0.75rem; font-weight: bold; } .class-total-placeholder { color: #646f78; font-size: 1em; font-weight: normal; margin: 2rem 0; } #class-cost { font-weight: bold; } #class-details { color: #646f78; } #class-date-time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #class-date-time #class-time { margin-left: 1rem; } #class-title { color: #646f78; font-size: 1.25em; font-weight: bold; margin: 1rem 0; } #registration-review .option-label { display: block; padding-bottom: 0.25rem; color: #646f78; font-size: 0.75rem; font-weight: bold; } #registration-review .option { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 650px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0.5rem 0; padding: 0.25rem 0.5rem; background-color: var(--bg-subtle); } #registration-review .option .option-label { font-weight: normal; font-size: 1rem; margin: 0; padding: 0; } #registration-review .option .option-label > span { display: none; } #registration-review .option .option-value { text-align: left; } .step h1, .step h2, .step h3, .step h4, .step h5, .step h6 { color: #000; } .step p, .step span, .step div { color: var(--color-body-text-dark); } .option-payamount + .option-optionQuantitymin { margin-left: 0 !important; } #paywithcreditcard #payment-expiration-date-field { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #paywithcreditcard #payment-expiration-date-field label { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; width: 100% !important; } #paywithcreditcard #payment-expiration-date-field .ce-registration-select { -webkit-box-flex: 0 !important; -ms-flex: 0 0 calc(50% - 10px) !important; flex: 0 0 calc(50% - 10px) !important; width: calc(50% - 10px) !important; } @media (max-width: 768px) { #paywithcreditcard #payment-expiration-date-field .ce-registration-select { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; width: 100% !important; } } .form-btn-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-btn-block .next-prev { min-width: 45% !important; } #class-registration select { -moz-appearance: none; appearance: none; -webkit-appearance: none; background: url(../select-arrow.html) center right no-repeat #ffffff; background-size: 12px; background-position: calc(100% - 10px); } .c-zipcode__use-current-location { color: rgb(1.1428571429, 66.8571428571, 42.8571428571); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-brand); margin-top: 4px; } .c-zipcode__use-current-location .fa { font-size: 13px; margin-right: 10px; } .c-zipcode__use-current-location button, .c-zipcode__use-current-location .link { margin-bottom: 0; } .c-form { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-form h6 { color: var(--color-body-text); font-weight: 500; margin-bottom: 1rem; } .c-form h6 a { color: inherit; } @media (min-width: 50em) { .c-form h6 { font-weight: 500; font-size: 20px; line-height: 26px; margin-bottom: 9px; } .c-form h6.green { color: var(--color-body-text-dark); } .c-form h6.icon-sign.plus:after { content: none; } } .c-form .submenubutton { pointer-events: all; cursor: pointer; } @media (min-width: 50em) { .c-form .submenubutton { cursor: none; pointer-events: none; } } .c-form .submenubutton[aria-expanded=true]::after { content: "–"; font-size: 32px; } .c-form label { margin-bottom: 20px; } .c-form .b-grid { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0 2rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-form .b-grid > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media (min-width: 50em) { .c-form .b-grid .b-grid-col-2, .c-form .b-grid .b-grid-col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 47%; flex: 0 0 47%; } } @media (min-width: 70em) { .c-form .b-grid .b-grid-col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 22%; flex: 0 0 22%; } } .c-form__additional-filters { padding-top: 8px; width: 100%; margin-bottom: 20px; } .c-form input[type=button], .c-form input[type=button].primary, .c-form input[type=button].secondary, .c-form .btn-primary, .c-form .btn-secondary, .c-form button { margin: 0 0 1rem; } .c-form .b-main-nav__subitem { display: none; } .c-form .b-main-nav__subitem.active { display: block; } @media (min-width: 50em) { .c-form .b-main-nav__subitem { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (min-width: 60em) { .c-form .b-main-nav__subitem { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (min-width: 50em) { .c-form .b-main-nav__subitem .c-zipcode { -webkit-box-flex: 0; -ms-flex: 0 1 66%; flex: 0 1 66%; } } @media (min-width: 60em) { .c-form .b-main-nav__subitem .c-zipcode { -webkit-box-flex: 0; -ms-flex: 0 1 33%; flex: 0 1 33%; max-width: 300px; } } @media (min-width: 50em) { .c-form .b-main-nav__subitem .c-location-radius { -webkit-box-flex: 0; -ms-flex: 0 1 29%; flex: 0 1 29%; } } @media (min-width: 60em) { .c-form .b-main-nav__subitem .c-location-radius { -webkit-box-flex: 0; -ms-flex: 0 1 23%; flex: 0 1 23%; max-width: 250px; } } @media (min-width: 50em) { .c-form .b-main-nav__subitem .c-cred-selector { -webkit-box-flex: 0; -ms-flex: 0 1 30%; flex: 0 1 30%; } } @media (min-width: 60em) { .c-form .b-main-nav__subitem .c-cred-selector { -webkit-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20%; } } @media (min-width: 50em) { .c-form .b-main-nav__subitem .c-language-selector { -webkit-box-flex: 0; -ms-flex: 0 1 30%; flex: 0 1 30%; } } @media (min-width: 60em) { .c-form .b-main-nav__subitem .c-language-selector { -webkit-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20%; } } @media (min-width: 50em) { .c-form .b-main-nav__subitem .c-gender-selector { -webkit-box-flex: 0; -ms-flex: 0 1 30%; flex: 0 1 30%; } } @media (min-width: 60em) { .c-form .b-main-nav__subitem .c-gender-selector { -webkit-box-flex: 0; -ms-flex: 0 1 14%; flex: 0 1 14%; } } .ce-registration-row { margin-bottom: 1.5rem; } .ce-registration-row > label { margin-bottom: 0.625rem; } .ce-registration-row .validate-element { border-width: 2px; border-color: #e1463c; } .ce-registration-row .validate-message { color: #e1463c; } .b-option-group--pills { margin-bottom: 20px; } @media (min-width: 50em) { .b-option-group--pills { margin-bottom: 0; } } .b-option-group--pills > label { margin-bottom: 10px; } .b-option-group--pills .b-option-group__items { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; border: 1px solid #919ba3; border-radius: 3px; } .b-option-group--pills .b-option-group__items > * { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .b-option-group--pills .b-option-group__items div input { position: absolute; width: 0; height: 0; } .b-option-group--pills .b-option-group__items div input:focus + label, .b-option-group--pills .b-option-group__items div input:focus-within + label { border-color: #6d7882; color: #000; outline: solid 4px #01890c; } .b-option-group--pills .b-option-group__items div label { display: block; width: 100%; text-align: center; height: 48px; line-height: 48px; margin-bottom: 0; border-right: 1px solid #919ba3; } .b-option-group--pills .b-option-group__items div input:checked + label { background: var(--color-brand); color: #fff; } .b-option-group--pills .b-option-group__items div:last-child label { border-right: 0; } .autocomplete-field { position: relative; } .autocomplete-field #autocompleteResults { position: absolute; top: calc(100% + 0.5rem); background: white; width: 100%; z-index: 10; padding: 1rem; max-height: 300px; overflow-y: auto; border: 1px solid #919ba3; border-radius: 3px; } .autocomplete-field #autocompleteResults > li { margin-bottom: 0.75rem; padding-bottom: 0.75rem; border-bottom: 1px solid #d5dee2; } .autocomplete-field #autocompleteResults > li > a { color: var(--color-body-text-dark); } @media (min-width: 50em) { .theme-connect .FormBuilderControl .divform .divStep { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 32px; } } @media (min-width: 50em) { .theme-connect .FormBuilderControl .divform .divStep .form-row-inline { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (min-width: 50em) { .theme-connect .FormBuilderControl .divform .divStep .form-row-inline.form-row-half { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 16px); flex: 0 0 calc(50% - 16px); } } .yxt-GeoLocationFilter-container:focus, .yxt-GeoLocationFilter-container:focus-within, .yxt-SearchBar-container:focus-within, .yxt-SearchBar-container:focus-within { border-color: #6d7882; color: #000; outline: solid 4px #01890c; } input[type=text].yxt-SearchBar-input:focus, input[type=text].yxt-SearchBar-input:focus-within { outline: none; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #BUTTONS \*------------------------------------*/ /** * Button and submit inputs reset * 1) These should be styled using c-btn */ .btn-primary { display: inline-block; font-family: "Cal Sans", sans-serif; margin: 0 auto; cursor: pointer; font-size: 18px; border: none; min-width: 0; background: #00783c; border-radius: 16px; color: #fff; font-weight: 400; padding: 16px 24px; } .btn-primary:hover { background: #056233; color: #fff; text-decoration: none; } .btn-primary:visited { color: #fff; } .btn-primary.btn-outline { background: none; border: #fff 1.5px solid; color: #fff; } .btn-primary.btn-outline:hover { background: #056233; color: #fff; text-decoration: none; } .btn-primary.btn-outline--dark { background: none; border: #00783c 1.5px solid; color: #00783c; } .btn-primary.btn-outline--dark:hover { background: #056233; color: #fff; text-decoration: none; } .btn-secondary { display: inline-block; margin: 0 auto; cursor: pointer; font-family: "Cal Sans", sans-serif; font-size: 18px; min-width: 0; background: #fff; border-radius: 16px; border: #00783c 1.5px solid; color: #00783c; font-weight: 400; padding: 14.5px 24px; } .btn-secondary:hover { background: #056233; border: #056233 1.5px solid; color: #fff; text-decoration: none; } /*------------------------------------*\ #MAIN ELEMENT \*------------------------------------*/ /** * Main element */ [role=main] { display: block; padding: 1rem; } /*------------------------------------*\ #MEDIA \*------------------------------------*/ /** * Responsive image styling * 1) Allows for images to flex with varying screen size */ img { max-width: 100%; height: auto; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #TEXT \*------------------------------------*/ /** * Paragraph base styles */ p { margin-bottom: 1rem; line-height: 150%; } /** * Blockquote base styles */ blockquote { position: relative; padding: 2rem 1.5rem; border: 1px solid var(--color-secondary-accent); margin-bottom: 1rem; } blockquote:before { content: url("data:image/svg+xml,%3Csvg width='31' height='24' viewBox='0 0 62 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60.444 4.28C60.444 6.18411 59.084 7.88411 57.1799 8.22411C54.324 8.7682 51.5357 9.99205 48.8159 11.9641C45.0759 14.6162 43.1717 17.8801 43.1717 21.7561C43.1717 25.292 46.5038 25.1561 49.1557 24.8841C58.5397 23.8641 64.7957 33.9281 59.8317 42.0201C55.0717 49.7721 43.1037 49.4321 37.6637 42.768C29.8437 33.18 32.5637 15.772 41.2679 7.612C45.4158 3.73611 50.2439 1.356 55.8199 0.335997C58.1999 -0.140133 60.444 1.83188 60.444 4.27988V4.28ZM27.804 4.28C27.804 6.18411 26.444 7.88411 24.5399 8.22411C21.684 8.7682 18.8957 9.99205 16.1759 11.9641C12.4359 14.6162 10.5317 17.8801 10.5317 21.7561C10.5317 25.292 13.8638 25.1561 16.5157 24.8841C25.8997 23.8641 32.1557 33.9281 27.1917 42.0201C22.4317 49.7721 10.4637 49.4321 5.02374 42.768C-2.79626 33.112 -0.0760358 15.704 8.62785 7.544C12.7758 3.66811 17.6039 1.288 23.1799 0.267997C25.5599 -0.140178 27.804 1.83188 27.804 4.27983V4.28Z' fill='%2301890C'/%3E%3C/svg%3E%0A"); position: absolute; top: 1.5rem; left: -15px; display: block; width: 31px; height: 24px; background: #fff; padding: 0.75rem 0; } blockquote > * { max-width: 85%; margin: 0 auto; } @media (min-width: 28em) { blockquote { padding: 5rem 0 5rem 2rem; } blockquote:before { content: url("data:image/svg+xml,%3Csvg width='62' height='48' viewBox='0 0 62 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60.444 4.28C60.444 6.18411 59.084 7.88411 57.1799 8.22411C54.324 8.7682 51.5357 9.99205 48.8159 11.9641C45.0759 14.6162 43.1717 17.8801 43.1717 21.7561C43.1717 25.292 46.5038 25.1561 49.1557 24.8841C58.5397 23.8641 64.7957 33.9281 59.8317 42.0201C55.0717 49.7721 43.1037 49.4321 37.6637 42.768C29.8437 33.18 32.5637 15.772 41.2679 7.612C45.4158 3.73611 50.2439 1.356 55.8199 0.335997C58.1999 -0.140133 60.444 1.83188 60.444 4.27988V4.28ZM27.804 4.28C27.804 6.18411 26.444 7.88411 24.5399 8.22411C21.684 8.7682 18.8957 9.99205 16.1759 11.9641C12.4359 14.6162 10.5317 17.8801 10.5317 21.7561C10.5317 25.292 13.8638 25.1561 16.5157 24.8841C25.8997 23.8641 32.1557 33.9281 27.1917 42.0201C22.4317 49.7721 10.4637 49.4321 5.02374 42.768C-2.79626 33.112 -0.0760358 15.704 8.62785 7.544C12.7758 3.66811 17.6039 1.288 23.1799 0.267997C25.5599 -0.140178 27.804 1.83188 27.804 4.27983V4.28Z' fill='%2301890C'/%3E%3C/svg%3E%0A"); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -31px; width: 62px; height: 48px; } } /** * Horizontal rule base styles */ hr { border: 0; height: 1px; margin: 2rem 0; background: var(--color-body-text); } /** * Address base styles */ address { font-style: normal; } /** * Selection styles */ ::-moz-selection { color: #fff; background: #02754b; /* Gecko Browsers */ } ::selection { color: #fff; background: #02754b; /* WebKit/Blink Browsers */ } /** * Code base styles */ code { display: inline-block; border: 1px solid var(--color-body-text); padding: 0.2rem 0.5rem; line-height: 1.2; font-size: 0.85rem; } /** * Preformatted text base styles */ pre { background: #f7f8f8; border: 1px solid #f7f8f8; font-size: 18px; padding: 1rem; overflow-x: auto; } pre a, pre .link-button { color: #01810b; } pre { /** * Remove border from code within preformatted text block */ } pre code { border: 0; } /** * Code with languages associated with them * 1) Override Prism sysles for code blocks with language */ code[class*=language-], pre[class*=language-] { font-family: monospace !important; } /** * List base styles */ ol { margin-bottom: 0.75rem; } ol dt { font-weight: 600; } ol dd { margin: 0; } /*------------------------------------*\ #TABLES \*------------------------------------*/ /** * Table */ table { border-collapse: collapse; border-spacing: 0; width: 100%; } /** * Table header cell */ th { text-align: left; } /** * Table row */ tr { vertical-align: top; } .embed-responsive { display: block; clear: both; float: none; overflow: hidden; position: relative; width: 100%; height: 0; margin: 0 auto 30px; } .embed-responsive iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; } @media print { html, body { min-height: unset; } @page { margin: 0 !important; padding: 0 !important; } * { color: #333 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; } body { padding: 30px 30px 0 !important; background-color: white !important; margin: 0; } img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .c-logo { margin-top: 0 !important; } div, span, p, a { font-size: 10pt !important; font-family: Arial !important; } .l-col-3 p { line-height: 1.25em; } h1, h2, h3, h4, h5, h6 { font-size: 12pt !important; font-weight: bold; font-family: Arial !important; color: #333; } .l-container { max-width: initial !important; margin: 0 !important; padding: 0 !important; } .l-major-minor { display: block !important; } .l-major-minor__side .l-card { clear: both; float: none; display: block !important; } #class-registration, .c-text-passage { padding: 0 !important; } #description { display: block !important; overflow: visible !important; margin-bottom: 30px !important; height: initial !important; margin: 0 !important; } .c-text-passage { margin: 0 !important; height: auto !important; } .c-header__toggle.js-mobile-toggle, #printBtn, .c-btn.c-btn--secondary, .c-footer, .c-footer__toolbar, .c-header__search, .login-header__container, .c-subnav, .c-header__nav, .c-subheader, .btn.btn--borderless.btn--block, i.fa, i.far, #scrollReference, #showMore, .c-hero { display: none !important; opacity: 0 !important; visibility: hidden; } .c-header { padding: 0 !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; position: static !important; top: initial !important; left: initial !important; } .l-major-minor { padding: 15px 0 0 0; } .l-row { display: block !important; } .l-col-9, .l-col-3 { -webkit-box-flex: initial !important; -ms-flex: initial !important; flex: initial !important; float: left !important; width: 50% !important; } .l-card { padding: 0 !important; } .l-sidebar__item-title { display: block; clear: both; border-top: solid 1px #999 !important; padding-top: 15px; } .l-sidebar__info-wrapper { display: block !important; float: left; margin-right: 50px !important; } .l-sidebar__item .l-card { page-break-after: always; } .l-sidebar__info-wrapper + p { display: none !important; } .l-sidebar .l-card div:last-of-type i { display: none; } #printBtn { visibility: hidden !important; height: 0 !important; font-size: 0 !important; padding: 0 !important; margin: 0 !important; } #step-placeholder p:last-of-type { margin: 0 !important; } .c-btn__icon { display: none !important; } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ .c-footer { padding: 32px 0; background-color: #1b8449; } @media (min-width: 50em) { .c-footer { padding: 88px 0; } } .c-footer .c-footer-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 32px; } @media (min-width: 50em) { .c-footer .c-footer-layout { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 64px; } } .c-footer a, .c-footer .link-button { color: #fff; font-size: 13px; line-height: 16px; } .c-footer a:hover, .c-footer .link-button:hover { color: #fff; text-decoration: underline; } @media (min-width: 50em) { .c-footer a, .c-footer .link-button { font-size: 14px; line-height: 24px; } } .c-footer__main-menu { margin-bottom: 0; width: 100%; gap: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 50em) { .c-footer__main-menu .js-accordion-content ul li { margin: 0 0 24px; } } .c-footer__main-menu .c-accordion__button { color: #fff; font-size: 16px; line-height: 24px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; text-decoration: none !important; } @media (min-width: 50em) { .c-footer__main-menu .c-accordion__button { font-size: 18px; line-height: 32px; } } .c-footer__main-menu .c-accordion__button:after { content: ""; width: 15px; height: 15px; background-repeat: no-repeat; background-position: center; background-size: contain; margin-right: 0; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4V16M4 10H16' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); } .c-footer__main-menu .c-accordion__button.is-active:after { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10H16' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); } @media (min-width: 50em) { .c-footer__main-menu .c-accordion__button { border-bottom: none; } .c-footer__main-menu .c-accordion__button:after { display: none !important; } } .c-footer__main-menu .c-accordion__button:hover, .c-footer__main-menu .c-accordion__button:active, .c-footer__main-menu .c-accordion__button:focus { color: #fff; } .c-footer__main-menu .c-accordion__section { padding: 0; } .c-footer__main-menu .c-accordion__section.is-open { padding: 0; } @media (min-width: 50em) { .c-footer__main-menu.l-accordion-group.b-view-on-desktop { display: grid; gap: 32px; grid-template-columns: 1fr 1fr 1fr 1fr; } .c-footer__main-menu.l-accordion-group.b-view-on-desktop .c-accordion__button { color: #fff; cursor: text; font-size: 18px; line-height: 26px; margin-bottom: 12px; } .c-footer__main-menu.l-accordion-group.b-view-on-desktop .c-accordion__button:after { display: none; } .c-footer__main-menu.l-accordion-group.b-view-on-desktop .c-accordion__button:focus, .c-footer__main-menu.l-accordion-group.b-view-on-desktop .c-accordion__button:hover { color: inherit; } } @media (min-width: 50em) and (min-width: 50em) { .c-footer__main-menu.l-accordion-group.b-view-on-desktop .c-accordion__button { padding-top: 0; } .c-footer__main-menu.l-accordion-group.b-view-on-desktop .c-accordion__button:hover { color: #fff; } } @media (min-width: 50em) { .c-footer__main-menu.l-accordion-group.b-view-on-desktop .c-accordion__section { max-height: initial; padding: 0; } .c-footer__main-menu.l-accordion-group.b-view-on-desktop .c-accordion__section.is-open { padding: 0; } } .c-footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.25rem; margin-bottom: 36px; } @media (min-width: 50em) { .c-footer__social { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0.75rem; } } .c-footer__social-label { display: none; } .c-footer__copyright { display: inline; } .c-footer__copyright-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .c-footer__copyright-layout span.copy { color: #fff; display: block; font-size: 14px; margin-bottom: 8px; } @media (min-width: 50em) { .c-footer__copyright-layout span.copy { display: inline; margin-bottom: 0; } } .c-footer__copyright-layout span.view-on-desktop { display: none; } @media (min-width: 50em) { .c-footer__copyright-layout span.view-on-desktop { display: inline !important; } } @media (min-width: 50em) { .c-footer__copyright-layout { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .c-footer__copyright-links { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; font-size: 14px; } @media (min-width: 50em) { .c-footer__copyright-links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-footer__copyright a { display: block; } @media (min-width: 50em) { .c-footer__copyright { display: block; text-align: center; } .c-footer__copyright span, .c-footer__copyright a { display: inline; } } .c-footer hr { background: #28b566; margin: 48px 0; } @media (min-width: 50em) { .c-footer hr { margin: 56px 0; } } .c-footer > .wrapper { padding-top: 0; padding-bottom: 0; } .theme-alliance .c-footer { background-color: #595959; padding: 20px 0; } .theme-alliance .c-footer .wrapper { border-top: 1px solid #84bd00; border-bottom: 1px solid #84bd00; margin-bottom: 20px; padding: 20px 20px 0; } @media (min-width: 960px) { .theme-alliance .c-footer .wrapper { max-width: none; padding-top: 50px; padding-bottom: 50px; } } .theme-alliance .c-footer .wrapper nav { list-style: none; } @media (min-width: 960px) { .theme-alliance .c-footer .wrapper nav { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1280px; padding: 45px 40px 0; margin: auto; } } .theme-alliance .c-footer .wrapper nav li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } @media (min-width: 960px) { .theme-alliance .c-footer .wrapper nav li { border-bottom: none; } } .theme-alliance .c-footer .wrapper nav li a { color: #fff; font-family: var(--font-heading); font-size: 12px; font-weight: 700; line-height: 1.91667; text-transform: uppercase; display: block; padding: 9px 0; margin: 0 25px; border-bottom: 2px solid transparent; } @media (max-width: 960px) { .theme-alliance .c-footer .wrapper nav li a { padding: 15px 0; margin: 0; } } @media (min-width: 960px) { .theme-alliance .c-footer .wrapper nav li a { font-size: 15px; padding: 20px 10px; } } @media (min-width: 1200px) { .theme-alliance .c-footer .wrapper nav li a { font-size: 17px; padding: 9px 0; } } .theme-alliance .c-footer .wrapper nav li a:hover { border-bottom: 2px solid var(--color-primary-accent); } .theme-alliance .c-footer .wrapper nav li:first-child a { margin: 0 25px 0 0; } .theme-alliance .c-footer .footer__logo { min-height: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 960px) { .theme-alliance .c-footer .footer__logo { max-width: 1280px; padding: 0 40px; margin: auto; } } .theme-alliance .c-footer .footer__logo img { max-width: 142px; } @media (min-width: 960px) { .theme-alliance .c-footer .footer__logo img { max-width: 300px; } } .theme-alliance .c-footer .c-footer__social { margin: 30px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; min-height: 42px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (min-width: 960px) { .theme-alliance .c-footer .c-footer__social { max-width: 1280px; padding: 0 40px; margin: 30px auto 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .theme-alliance .c-footer .c-footer__social li { min-height: 32px; } .theme-alliance .c-footer .c-footer__social li img { width: 27px; min-height: 32px; height: 32px; } .theme-alliance .c-footer .c-footer__copyright { color: #fff; font-size: 12px; padding: 0 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; } @media (min-width: 960px) { .theme-alliance .c-footer .c-footer__copyright { max-width: 1280px; padding: 0 40px; margin: auto; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; } } .theme-alliance .c-footer .c-footer__copyright span { display: block; margin: 3px 0; } @media (min-width: 960px) { .theme-alliance .c-footer .c-footer__copyright span { border-right: 1px solid #fff; padding-right: 20px; } .theme-alliance .c-footer .c-footer__copyright span:last-child { border-right: none; } } .theme-alliance .c-footer .c-footer__copyright a { color: #fff !important; border: 0; } .theme-alliance .c-footer .c-footer__copyright a:hover { text-decoration: underline !important; } @media (min-width: 50em) { .theme-mirro .c-footer__main-menu.l-accordion-group.b-view-on-desktop { grid-template-columns: repeat(5, 1fr); } } .theme-connect .c-footer { background-color: #f7f8f8; } .theme-connect .c-footer a, .theme-connect .c-footer .link-button { color: #01810b; } .theme-connect .c-footer__main-menu { margin-bottom: 16px; } .theme-connect .c-footer__main-menu .js-accordion-content ul li { margin: 0 0 1rem; } @media (min-width: 50em) { .theme-connect .c-footer__main-menu.l-accordion-group.b-view-on-desktop { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr 1fr 1fr; } .theme-connect .c-footer__main-menu.l-accordion-group.b-view-on-desktop .c-accordion__button { cursor: text; font-size: 20px; line-height: 26px; margin-bottom: 12px; border-bottom: none; padding: 12px 0; font-weight: 700; color: #495057; } } @media (min-width: 50em) and (min-width: 50em) { .theme-connect .c-footer__main-menu.l-accordion-group.b-view-on-desktop .c-accordion__button { font-size: 20px; line-height: 26px; padding: 0; margin-bottom: 16px; min-height: 52px; } } @media (min-width: 50em) { .theme-connect .c-footer__main-menu.l-accordion-group.b-view-on-desktop .c-accordion__button.is-active { border-bottom: none; } .theme-connect .c-footer__main-menu.l-accordion-group.b-view-on-desktop .c-accordion__button:after { display: none; } .theme-connect .c-footer__main-menu.l-accordion-group.b-view-on-desktop .c-accordion__button:focus, .theme-connect .c-footer__main-menu.l-accordion-group.b-view-on-desktop .c-accordion__button:hover { color: inherit; } .theme-connect .c-footer__main-menu.l-accordion-group.b-view-on-desktop .c-accordion__section { max-height: initial; padding: 0; border: none; padding: 0 20px; } .theme-connect .c-footer__main-menu.l-accordion-group.b-view-on-desktop .c-accordion__section.is-open { padding: 0; } } .theme-connect .c-footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.25rem; margin-bottom: 2rem; } @media (min-width: 50em) { .theme-connect .c-footer__social { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .theme-connect .c-footer__social-label { display: none; } .theme-connect .c-footer__copyright { display: inline; } .theme-connect .c-footer__copyright span.copy { display: block; margin-bottom: 2rem; } @media (min-width: 50em) { .theme-connect .c-footer__copyright span.copy { display: inline; margin-bottom: 0; } } .theme-connect .c-footer__copyright span.view-on-desktop { display: none; } @media (min-width: 50em) { .theme-connect .c-footer__copyright span.view-on-desktop { display: inline !important; } } .theme-connect .c-footer__copyright a { display: block; } @media (min-width: 50em) { .theme-connect .c-footer__copyright { display: block; text-align: center; } .theme-connect .c-footer__copyright span, .theme-connect .c-footer__copyright a { display: inline; } } .theme-connect .c-footer hr { margin: 0 0 2rem; } /*------------------------------------*\ #LAYOUT \*------------------------------------*/ /*------------------------------------*\ #COMPONENTS \*------------------------------------*/ /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /* * FALLBACKS * Fallbacks from the original Parkview site. * These fallbacks are due to in content components that were not migrated to new components in DXP */ .button-primary, .button--secondary { background: var(--color-brand); border: 2px solid var(--color-brand); border-radius: 56px; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.25; margin: 0 auto; padding: 14px 30px; text-align: center; -webkit-transition: 0.5s; transition: 0.5s; } .button-primary:hover, .button--secondary:hover { background: #fff; border: 2px solid var(--color-brand); border-radius: 56px; color: var(--color-body-text-dark); text-decoration: none; } .button-primary:visited { color: #fff; } .button-primary:visited:hover { color: var(--color-body-text-dark); } .button--secondary { background: #fff; border: 2px solid var(--color-brand); color: var(--color-brand); } .button--secondary:hover { color: #fff; background: var(--color-brand); } .row { display: block; } @media (min-width: 50em) { .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1rem; margin-right: -1rem; } } .row.align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 50em) { .row.standalone-row { margin-left: 0; margin-right: 0; } } [class*=col-] { margin-top: 1rem; margin-bottom: 1rem; } @media (min-width: 50em) { [class*=col-] { margin-top: 0; margin-bottom: 0; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.6667%; padding: 0 1rem; } .col-sm-3, .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; padding: 0 1rem; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333%; padding: 0 1rem; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; padding: 0 1rem; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; padding: 0 1rem; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.3333%; padding: 0 1rem; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; padding: 0 1rem; } .col-sm-9, .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; padding: 0 1rem; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.3333%; padding: 0 1rem; } .col-md-11, .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding: 0 1rem; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive:before { display: block; content: ""; } .embed-responsive > .embed-responsive-item, .embed-responsive > iframe, .embed-responsive > embed, .embed-responsive > video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9::before { padding-top: 56.25%; } .accordion-module { margin: 2rem 0; } .accordion-module .row { display: block; margin: 0; } .accordion-link-container { display: block; width: 100%; background: var(--bg-subtle); padding: 1.5rem 1.25rem; margin-bottom: 0.5rem; -webkit-transition: 0.3s; transition: 0.3s; } .accordion-link-container.is-active { background: #e8f3db; } .accordion-link-container .nav-title { margin-bottom: 0; } .accordion-link-container .nav-title:after { display: none; } .accordion-link-container .nav-title > a { display: block; width: 100%; position: relative; font-size: 1.5rem; line-height: 1.5; } .accordion-link-container .nav-title > a:after, .accordion-link-container .nav-title > a:before { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 1rem; height: 3px; border-radius: 3px; background: var(--color-brand); } .accordion-link-container .nav-title > a:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .accordion-link-container .nav-title > a.is-active { color: var(--color-body-text-dark); } .accordion-link-container .nav-title > a.is-active:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .accordion-link-container .collapse { max-height: 0px; overflow: hidden; -webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); } .accordion-link-container .collapse.show { margin-top: 1rem; max-height: 199em; -webkit-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; } .accordion-link-container .collapse p:last-child, .accordion-link-container .collapse ul:last-child { margin-bottom: 0; } .fallback-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: calc(100% - 2rem); padding: 1.5rem 1.25rem; border: 1px solid #8ec54a; background-color: #f7f8f8; border-bottom: 9px solid #8ec54a; margin: 1rem 0; } .fallback-card > p:first-of-type { border-bottom: 1px solid #8ec54a; margin-bottom: 24px; padding-bottom: 16px; font-size: 31px; line-height: 40px; } .fallback-card > p:last-of-type { margin-top: auto; } .fallback-card > p:last-of-type a { font-size: 19px; font-weight: 500; border-bottom: 1px solid; } .fallback-card > p:last-of-type a:hover { text-decoration: none; } @media (min-width: 50em) { .meet-our-team-module .col-md-3, .meet-our-team-module .col-md-4 { margin-bottom: 1.5rem; } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ .b-section-title h2, .b-section-title h3, .b-section-title h4, .b-section-title-centered h2, .b-section-title-centered h3, .b-section-title-centered h4 { font-family: "Cal Sans", sans-serif; } @media (min-width: 50em) { .b-section-title, .b-section-title-centered { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; gap: 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 0; margin-bottom: 32px; } .b-section-title h2, .b-section-title-centered h2 { margin-bottom: 0; } } .b-section-title .highlighted-text, .b-section-title-centered .highlighted-text { margin-bottom: 0; } .b-section-title__content, .b-section-title-centered__content { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; } .b-section-title__content .b-inner-content, .b-section-title-centered__content .b-inner-content { font-family: "Montserrat", sans-serif; margin-top: 24px; } .b-section-title button, .b-section-title a, .b-section-title .btn-primary, .b-section-title .btn-secondary, .b-section-title-centered button, .b-section-title-centered a, .b-section-title-centered .btn-primary, .b-section-title-centered .btn-secondary { display: inline-block; font-family: "Cal Sans", sans-serif; font-weight: 400; margin-top: 16px; } @media (min-width: 50em) { .b-section-title button, .b-section-title a, .b-section-title .btn-primary, .b-section-title .btn-secondary, .b-section-title-centered button, .b-section-title-centered a, .b-section-title-centered .btn-primary, .b-section-title-centered .btn-secondary { margin: unset; } } .b-section-title { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-section-title.b-section-title-centered, .b-section-title.centered { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .b-section-title.b-section-title-centered .orange-bar-under, .b-section-title.centered .orange-bar-under { margin-bottom: 24px; } @media (min-width: 50em) { .b-section-title.b-section-title-centered .orange-bar-under, .b-section-title.centered .orange-bar-under { margin-bottom: 40px; } } .b-section-title.b-section-title-centered .orange-bar-under::after, .b-section-title.centered .orange-bar-under::after { margin: 16px auto 0; } .b-section-title .eyebrow-text { color: #0d4026; font-family: "Montserrat", sans-serif; font-size: 28px; font-weight: 400; line-height: 32px; margin-bottom: 8px; } .b-section-title-centered { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .b-section-title-centered .orange-bar-under { margin-bottom: 24px; } @media (min-width: 50em) { .b-section-title-centered .orange-bar-under { margin-bottom: 40px; } } .b-section-title-centered .orange-bar-under::after { margin: 16px auto 0; } #consent-banner { position: fixed; bottom: 0; left: 0; z-index: 9999; -webkit-box-shadow: 0px -2px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -2px 20px 0px rgba(0, 0, 0, 0.1); max-height: 100svh; } @media (min-width: 768px) { #consent-banner { overflow-y: auto; max-height: auto; } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /* ============================= */ /* PAGE LAYOUT */ /* ============================= */ /* View All Classes & Events CTA */ .aside-left { padding: 0; } .aside-left > .wrapper, .aside-right > .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .aside-left > .wrapper h1, .aside-right > .wrapper h1 { font-size: 69px; line-height: 72px; font-weight: 400; } @media (min-width: 60em) { .aside-left > .wrapper, .aside-right > .wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; } } .aside-left > .wrapper aside, .aside-right > .wrapper aside { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 60em) { .aside-left > .wrapper aside, .aside-right > .wrapper aside { -webkit-box-flex: 0; -ms-flex: 0 0 31%; flex: 0 0 31%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0 1.3125rem; } } .aside-left > .wrapper aside .c-card, .aside-right > .wrapper aside .c-card { margin-top: 2rem; } .aside-left > .wrapper main, .aside-right > .wrapper main { margin-bottom: 30px; margin: 0 0 1.875rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 60em) { .aside-left > .wrapper main, .aside-right > .wrapper main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin: 0 1.3125rem 1.875rem; overflow-y: hidden; } } .aside-left > .wrapper main .wrapper, .aside-right > .wrapper main .wrapper { padding: 0; max-width: none; width: 100%; } .aside-left > .wrapper main .results-counter, .aside-right > .wrapper main .results-counter { font-size: 18px; } .aside-left > .wrapper main > *:last-child, .aside-left > .wrapper main > *:last-child, .aside-right > .wrapper main > *:last-child, .aside-right > .wrapper main > *:last-child { margin-bottom: 0; } @media (min-width: 60em) { .aside-left > .wrapper .c-hero, .aside-right > .wrapper .c-hero { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } main p { margin-bottom: 25px; } main p:last-child { margin-bottom: 0; } main p.date-last-modify { margin-bottom: 11px; } @media (min-width: 60em) { .aside-left > .wrapper, .aside-right > .wrapper { margin: 0 auto; } .aside-left > .wrapper main, .aside-right > .wrapper main { margin-bottom: 0; } /* Columns width for Internal pages */ .aside-left > .wrapper aside { margin-left: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .aside-left > .wrapper main { margin-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .aside-right > .wrapper aside { margin-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .aside-right > .wrapper main { margin-left: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } aside h5 { margin-bottom: 32px; } } /* Page Content Wrapper */ .l-page-content .button-primary, .l-page-content .btn-primary, .l-page-content .button--secondary, .l-page-content .btn-secondary { display: inline-block; } .l-page-content p { margin-bottom: 25px; } .l-page-content p:last-child { margin-bottom: 0; } .l-page-content p.date-last-modify { margin-bottom: 11px; } .l-page-content p a { font-weight: 700; } .l-page-content ul { list-style: inherit; margin-bottom: 25px; margin-left: 2rem; } .l-page-content ul > li { margin-bottom: 0.5rem; } .l-page-content ol { list-style: auto; margin-bottom: 25px; margin-left: 2rem; } .l-page-content ol > li { margin-bottom: 0.5rem; } /* Blog Content Wrapper */ .l-blog-content img { height: auto !important; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ .b-grid.b-grid-col-2 .b-grid--wrapper, .b-grid.b-grid-col-3 .b-grid--wrapper, .b-grid.b-grid-col-4 .b-grid--wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px 0; } @media (min-width: 28em) { .b-grid.b-grid-col-2 .b-grid--wrapper, .b-grid.b-grid-col-3 .b-grid--wrapper, .b-grid.b-grid-col-4 .b-grid--wrapper, .b-grid.b-grid-col-5 .b-grid--wrapper { display: grid; -webkit-box-sizing: content-box; box-sizing: content-box; grid-gap: 2rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .b-grid.b-grid-col-2 .b-grid--wrapper { grid-template-columns: repeat(2, 1fr); } .b-grid.b-grid-col-3 .b-grid--wrapper { grid-template-columns: repeat(2, 1fr); } .b-grid.b-grid-col-4 .b-grid--wrapper { grid-template-columns: repeat(2, 1fr); } .b-grid.b-grid-col-5 .b-grid--wrapper { grid-template-columns: repeat(2, 1fr); } .b-grid.view-all-layout { display: block; } .b-grid--centered .b-grid--wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 50em) { .b-grid.b-grid-col-2 .b-grid--wrapper, .b-grid.b-grid-col-3 .b-grid--wrapper, .b-grid.b-grid-col-4 .b-grid--wrapper, .b-grid.b-grid-col-5 .b-grid--wrapper { display: grid; -webkit-box-sizing: content-box; box-sizing: content-box; grid-gap: 2rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .b-grid.b-grid-col-2 .b-grid--wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); } .b-grid.b-grid-col-3 .b-grid--wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)); } .b-grid.b-grid-col-4 .b-grid--wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)); } .b-grid.b-grid-col-5 .b-grid--wrapper { grid-template-columns: repeat(5, minmax(0, 1fr)); } .b-grid.view-all-layout { display: block; } .b-grid--centered .b-grid--wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 70em) { .b-grid.b-grid-col-4 .b-grid--wrapper { grid-template-columns: repeat(4, 1fr); } } /*------------------------------------*\ #COMPONENT INTRO \*------------------------------------*/ .m-comp-intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .m-comp-intro--center { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .m-comp-intro--center .orange-bar-under::after { margin-left: auto; margin-right: auto; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * FONT FACES.............................Generate font families * ASSIGMENTS.............................Assign icons from variables to the helper classes */ /*------------------------------------*\ #ICON FONT FACES \*------------------------------------*/ @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("../eot/fa-brands-400.eot"); src: url("../eot/fa-brands-400d41d.eot#iefix") format("embedded-opentype"), url("../woff2/fa-brands-400.woff2") format("woff2"), url("../woff/fa-brands-400.woff") format("woff"), url("../ttf/fa-brands-400.ttf") format("truetype"), url("../svg/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; font-weight: 400; font-style: normal; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; font-display: block; src: url("../eot/fa-regular-400.eot"); src: url("../eot/fa-regular-400d41d.eot#iefix") format("embedded-opentype"), url("../woff2/fa-regular-400.woff2") format("woff2"), url("../woff/fa-regular-400.woff") format("woff"), url("../ttf/fa-regular-400.ttf") format("truetype"), url("../svg/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: "Font Awesome 5 Free"; font-weight: 400; font-style: normal; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: block; src: url("../eot/fa-solid-900.eot"); src: url("../eot/fa-solid-900d41d.eot#iefix") format("embedded-opentype"), url("../woff2/fa-solid-900.woff2") format("woff2"), url("../woff/fa-solid-900.woff") format("woff"), url("../ttf/fa-solid-900.ttf") format("truetype"), url("../svg/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; } /*------------------------------------*\ #ICON ASSIGNMENT \*------------------------------------*/ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "拏"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dailymotion:before { content: "勒"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "串"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "龜"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-medical:before { content: "樂"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "諾"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-wash:before { content: "丹"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt-slash:before { content: "寧"; } .fa-handshake-slash:before { content: "怒"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side-cough:before { content: "率"; } .fa-head-side-cough-slash:before { content: "異"; } .fa-head-side-mask:before { content: "北"; } .fa-head-side-virus:before { content: "磻"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-user:before { content: "便"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "邏"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "凌"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "復"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "不"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "駱"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "稜"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "泌"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "爛"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "數"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pump-medical:before { content: "索"; } .fa-pump-soap:before { content: "參"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-virus:before { content: "塞"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "綾"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "葉"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "說"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "殺"; } .fa-store-slash:before { content: "辰"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-slash:before { content: "沈"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "論"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "雷"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-virus:before { content: "若"; } .fa-virus-slash:before { content: "掠"; } .fa-viruses:before { content: "略"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .c-icon-arrow { position: relative; display: inline-block; vertical-align: middle; color: #02754b; -webkit-box-sizing: border-box; box-sizing: border-box; width: 10px; height: 10px; border-width: 3px 3px 0 0; border-style: solid; margin: 8px 14px 10px 2px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; /** Chrome & Safari **/ -moz-transition: all 0.5s ease-in-out; /** Firefox **/ -o-transition: all 0.5s ease-in-out; /** Opera **/ } .c-icon-arrow:after, .c-icon-arrow:before { content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; } .c-icon-arrow:before { right: 0px; top: -2px; position: absolute; height: 3px; -webkit-box-shadow: inset 0 0 0 32px; box-shadow: inset 0 0 0 32px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 14px; -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .c-icon-arrow.down { bottom: 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .c-icon-arrow.up { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .c-icon-arrow.left { left: 0; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .c-icon-arrow.right { right: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } a:hover .c-icon-arrow { color: var(--color-body-text-dark); } a:hover .left { left: -5px; } a:hover .right { right: -5px; } a:hover .up { top: -5px; } a:hover .down { bottom: -5px; } .c-icon { overflow: hidden; text-indent: -99999px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .c-icon-Print { background: no-repeat url(../svg/icon_print.svg) left center; width: 25px; height: 25px; display: inline-block; text-indent: -99999px; } .c-icon-Share { background: no-repeat url(../svg/icon_share.svg) left center; width: 25px; height: 23px; display: inline-block; text-indent: -99999px; } .c-icon_Facebook { background: url(../svg/icon_facebook.svg) no-repeat left center; width: 22px; height: 22px; } .c-icon_Instagram { background: url(../svg/icon_instagram.svg) no-repeat left center; width: 22px; height: 22px; } .c-icon_Twitter { background: url(../svg/icon_twitter.svg) no-repeat left center; width: 22px; height: 22px; } .c-icon_Linkedin { background: url(../svg/icon_linkedin.svg) no-repeat left center; width: 22px; height: 22px; } .c-icon_Pinterest { background: url(../svg/icon_pinterest.svg) no-repeat left center; width: 25px; height: 25px; } .c-icon_Youtube { background: url(../svg/icon_youtube.svg) no-repeat left center; width: 24px; height: 17px; } .c-icon_Email { background: url(../svg/icon_email.svg) no-repeat left center; width: 27px; height: 18px; } .c-icon_Search { background: url(../svg/icon_search.svg) no-repeat left center; width: 18px; height: 16px; } .icon-arrow-green { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon-arrow-green:after { content: ""; display: block; border-width: 2px 2px 0 0; border-style: solid; border-color: #02754b; width: 6px; height: 6px; margin-left: 9px; } .icon-arrow-green.down:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .icon-sign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .icon-sign:after { display: inline-block; font-family: "Font Awesome 5 Free"; margin-left: 8px; } .icon-sign.plus:after { content: "\f067"; font-size: 18px; font-weight: 900; line-height: 0; } .icon-sign.plus.down:after { content: "–"; font-size: 32px; } .icon-sign.green { color: #02754b; } .c-icon_Calendar-white { background: url(../icon_calendar-white.html) no-repeat left center; } .c-icon_Stethoscope { background: url(../icon_stethoscope.html) no-repeat left center; } .c-icon_Pin { background: url(../icon_pin.html) no-repeat left center; } .c-icon_green-sm { width: 18px; height: 18px; display: block; background-position: center; background-size: contain; background-repeat: no-repeat; } @media (min-width: 50em) { .c-icon_green-sm { width: 24px; height: 22px; } } .c-icon_green-sm_pinterest { background-image: url("../svg/c-icon_green-sm_pinterest.svg"); } .c-icon_green-sm_facebook { background-image: url("../svg/c-icon_green-sm_facebook.svg"); } .c-icon_green-sm_instagram { background-image: url("../svg/c-icon_green-sm_instagram.svg"); } .c-icon_green-sm_linkedin { background-image: url("../svg/c-icon_green-sm_linkedin.svg"); } .c-icon_green-sm_twitter { background-image: url("../svg/c-icon_green-sm_twitter.svg"); } .c-icon_green-sm_youtube { background-image: url("../svg/c-icon_green-sm_youtube.svg"); } a.c-icon_green-sm_pinterest:hover { background-image: url("../svg/c-icon_green-sm_pinterest-dark.svg"); } a.c-icon_green-sm_facebook:hover { background-image: url("../svg/c-icon_green-sm_facebook-dark.svg"); } a.c-icon_green-sm_instagram:hover { background-image: url("../svg/c-icon_green-sm_instagram-dark.svg"); } a.c-icon_green-sm_linkedin:hover { background-image: url("../svg/c-icon_green-sm_linkedin-dark.svg"); } a.c-icon_green-sm_twitter:hover { background-image: url("../svg/c-icon_green-sm_twitter-dark.svg"); } a.c-icon_green-sm_youtube:hover { background-image: url("../svg/c-icon_green-sm_youtube-dark.svg"); } .c-icon_white-sm { width: 18px; height: 18px; display: block; background-position: center; background-size: contain; background-repeat: no-repeat; } @media (min-width: 50em) { .c-icon_white-sm { width: 24px; height: 22px; } } .c-icon_white-sm_pinterest { background-image: url("../svg/c-icon_white-sm_pinterest.svg"); } .c-icon_white-sm_facebook { background-image: url("../svg/c-icon_white-sm_facebook.svg"); } .c-icon_white-sm_instagram { background-image: url("../svg/c-icon_white-sm_instagram.svg"); } .c-icon_white-sm_linkedin { background-image: url("../svg/c-icon_white-sm_linkedin.svg"); } .c-icon_white-sm_twitter { background-image: url("../svg/c-icon_white-sm_twitter.svg"); } .c-icon_white-sm_youtube { background-image: url("../svg/c-icon_white-sm_youtube.svg"); } a.c-icon_white-sm_pinterest:hover { background-image: url("../svg/c-icon_white-sm_pinterest-dark.svg"); } a.c-icon_white-sm_facebook:hover { background-image: url("../svg/c-icon_white-sm_facebook-dark.svg"); } a.c-icon_white-sm_instagram:hover { background-image: url("../svg/c-icon_white-sm_instagram-dark.svg"); } a.c-icon_white-sm_linkedin:hover { background-image: url("../svg/c-icon_white-sm_linkedin-dark.svg"); } a.c-icon_white-sm_twitter:hover { background-image: url("../svg/c-icon_white-sm_twitter-dark.svg"); } a.c-icon_white-sm_youtube:hover { background-image: url("../svg/c-icon_white-sm_youtube-dark.svg"); } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /* COMPONENT: PAGINATION */ .c-pagination { display: grid; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-auto-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; } .c-pagination a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 23px; height: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 15px; } .c-pagination .is-active { max-width: 30px; margin: 0 10px; } .c-pagination .is-active a { border: 1px solid; } .c-pagination .c-icon-arrow { margin: 0 15px; text-indent: -999px; overflow: hidden; width: 12px; font-size: 12px; padding: 0; height: 12px; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #ACCORDION \*------------------------------------*/ /** * Accordion button/trigger * 1. Contains styling for the active state of the button */ .c-accordion__button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: none; border: none; border-radius: 0; color: var(--color-body-text); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.125rem; font-weight: 700; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 22px; padding: 12px 0; position: relative; text-align: left; -webkit-transition: 0.4s; transition: 0.4s; width: 100%; } .c-accordion__button:after { color: var(--color-brand); content: "\f067"; font-size: 1.125rem; font-family: "Font Awesome 5 Free"; font-weight: 700; margin-right: 0.5rem; } .c-accordion__button.is-active:after { content: "\f068"; } .c-accordion__button:focus, .c-accordion__button:hover { color: var(--color-brand); outline: none; text-decoration: none; } /** * Holder for the accordion content. * 1. Contains styling for the active state of the accordion */ .c-accordion__section { max-height: 0vh; overflow: hidden; background: none; -webkit-transition: 0.15s; transition: 0.15s; padding: 0 24px 0; } .c-accordion__section > p { opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .c-accordion__section > p:last-child { margin-bottom: 0; } .c-accordion__section .btn-primary, .c-accordion__section .button-primary { display: inline-block; } .c-accordion__section.is-open { padding-top: 12px; max-height: 150vh; overflow: auto; visibility: visible; } .c-accordion__section.is-open > p { opacity: 1; -webkit-transition-delay: 0; transition-delay: 0; } /** * Accordion button/trigger UPDATE * 1. Contains styling for the backgroun of the button and content */ .c-accordion--modifier-class-for-updates .c-accordion { margin-bottom: 16px; } .c-accordion--modifier-class-for-updates .c-accordion__button { background: #dae9df; border: 1px solid #00783c; border-radius: 16px; color: #02754b; font-size: calc(1.34375rem + 1.125vw); } @media (min-width: 1200px) { .c-accordion--modifier-class-for-updates .c-accordion__button { font-size: 2.1875rem; } } .c-accordion--modifier-class-for-updates .c-accordion__button { font-size: 18px; font-weight: 600; line-height: 32px; padding: 16px 24px; } .c-accordion--modifier-class-for-updates .c-accordion__button a { text-decoration: none !important; color: #02754b; } .c-accordion--modifier-class-for-updates .c-accordion__button a:hover { color: #02754b; } .c-accordion--modifier-class-for-updates .c-accordion__button:after { content: url(../svg/plus-sign-green.svg); margin-right: 0; width: 22.5px; height: 22.5px; } .c-accordion--modifier-class-for-updates .c-accordion__button.is-active { background: #00783c; border-radius: 16px 16px 0 0; } .c-accordion--modifier-class-for-updates .c-accordion__button.is-active a { color: #fff; } .c-accordion--modifier-class-for-updates .c-accordion__button.is-active:after { content: url(../svg/minus-sign-white.svg); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .c-accordion--modifier-class-for-updates .c-accordion__section { border-radius: 0 0 16px 16px; color: #fff; } .c-accordion--modifier-class-for-updates .c-accordion__section a { color: #fff; } .c-accordion--modifier-class-for-updates .c-accordion__section a.c-accordion__button { background: transparent; padding: 0 0 0.75rem; } .c-accordion--modifier-class-for-updates .c-accordion__section a.c-accordion__button::after { content: none; } .c-accordion--modifier-class-for-updates .c-accordion__section a.c-accordion__button:hover { color: #fff; } .c-accordion--modifier-class-for-updates .c-accordion__section ul { list-style: inherit; margin-bottom: 25px; margin-left: 2rem; } .c-accordion--modifier-class-for-updates .c-accordion__section ul li { margin-bottom: 0.5rem; } .c-accordion--modifier-class-for-updates .c-accordion__section ul ul { margin-top: 0.5rem; } .c-accordion--modifier-class-for-updates .c-accordion__section ol { list-style-type: decimal; margin-top: 25px; margin-bottom: 25px; margin-left: 2rem; } .c-accordion--modifier-class-for-updates .c-accordion__section ol li { margin-bottom: 0.5rem; } .c-accordion--modifier-class-for-updates .c-accordion__section ol ol { margin-top: 0.5rem; } .c-accordion--modifier-class-for-updates .c-accordion__section h1, .c-accordion--modifier-class-for-updates .c-accordion__section h2, .c-accordion--modifier-class-for-updates .c-accordion__section h3, .c-accordion--modifier-class-for-updates .c-accordion__section h4, .c-accordion--modifier-class-for-updates .c-accordion__section h5, .c-accordion--modifier-class-for-updates .c-accordion__section h6 { color: #fff; } .c-accordion--modifier-class-for-updates .c-accordion__section.is-open { background: #00783c; color: #fff; padding: 16px 24px; } /** * Accordion button/trigger Modifier * 1. Modified styling to make the button text style smaller for both component and fallback */ .accordion-module--sm-btn .c-accordion__button, .accordion-module--sm-btn .accordion-link-container .nav-title > a { font-size: 1.125rem; } .accordion-module--sm-btn .c-accordion__button { padding: 1.25rem 1.5rem; } .accordion-module--sm-btn .c-accordion__button:after { font-size: 1rem; margin: 0 0.5rem; } .accordion-module--sm-btn .accordion-link-container { padding: 1.25rem 1.5rem; } .accordion-module--sm-btn .accordion-link-container .nav-title > a:before, .accordion-module--sm-btn .accordion-link-container .nav-title > a:after { width: 0.875rem; } .theme-connect .c-accordion--modifier-class-for-updates .c-accordion .c-accordion__button { background: #f7f8f8; border: 0; border-radius: 0; padding: 24px 0 24px 16px; font-weight: 500; font-size: 24px; line-height: 30px; border-bottom: none; } @media (min-width: 768px) { .theme-connect .c-accordion--modifier-class-for-updates .c-accordion .c-accordion__button { padding: 24px 0 16px 20px; } } .theme-connect .c-accordion--modifier-class-for-updates .c-accordion .c-accordion__button:after { color: #495057; content: "\f067"; margin-right: 20px; margin-left: 16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; } .theme-connect .c-accordion--modifier-class-for-updates .c-accordion .c-accordion__button.is-active { background: #e8f3db; border-bottom: none; margin-bottom: 0; padding: 20px 0 16px 20px; } @media (min-width: 768px) { .theme-connect .c-accordion--modifier-class-for-updates .c-accordion .c-accordion__button.is-active { padding: 24px 0 16px 20px; } } .theme-connect .c-accordion--modifier-class-for-updates .c-accordion .c-accordion__button.is-active a { color: #014a07; } .theme-connect .c-accordion--modifier-class-for-updates .c-accordion .c-accordion__button.is-active:after { color: #01890c; content: "\f068"; margin-right: 20px; margin-left: 16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; } .theme-connect .c-accordion--modifier-class-for-updates .c-accordion .c-accordion__section { border-radius: 0; } .theme-connect .c-accordion--modifier-class-for-updates .c-accordion .c-accordion__section.is-open { background: #e8f3db; color: #495057; padding-top: 0; border: none; } @media (min-width: 768px) { .theme-connect .c-accordion--modifier-class-for-updates .c-accordion .c-accordion__section.is-open { padding: 0 20px 24px; } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #HERO \*------------------------------------*/ .c-hero { margin-bottom: 17px; background: var(--bg-subtle); } .c-hero input[type=text], .c-hero input[type=email], .c-hero input[type=number], .c-hero input[type=password], .c-hero input[type=tel], .c-hero input[type=text], .c-hero select, .c-hero textarea { margin-bottom: 0; } @media (min-width: 50em) { .c-hero { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; } } .c-hero.c-hero-fad-search .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 50em) { .c-hero.c-hero-fad-search .wrapper { padding-top: 50px; padding-bottom: 50px; } } .c-hero.c-hero-fad-search .c-hero-fad-search__cta-area { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 50em) { .c-hero.c-hero-fad-search .c-hero-fad-search__cta-area { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; } } @media (min-width: 50em) { .c-hero.c-hero-fad-search .c-hero-fad-search__cta-area input[type=button], .c-hero.c-hero-fad-search .c-hero-fad-search__cta-area input[type=button].primary, .c-hero.c-hero-fad-search .c-hero-fad-search__cta-area input[type=button].secondary, .c-hero.c-hero-fad-search .c-hero-fad-search__cta-area .btn-primary, .c-hero.c-hero-fad-search .c-hero-fad-search__cta-area .btn-secondary, .c-hero.c-hero-fad-search .c-hero-fad-search__cta-area button { margin-bottom: 0; } } .c-hero.c-hero-fad-search .b-grid .b-grid-col-2 { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .c-hero.c-hero-basic { background: #fff; margin-bottom: 2rem; padding: 1.5rem 0 0; } @media (min-width: 50em) { .c-hero.c-hero-basic { margin-bottom: 0; padding: 2.5rem 0; } } .c-hero.c-hero-basic .c-hero__content { padding-top: 0; padding-bottom: 0; } .c-hero.c-hero-basic.just-title .c-hero__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 1360px; padding: 0 1.25rem; margin: 0 auto; -webkit-box-sizing: content-box; box-sizing: content-box; } @media (min-width: 50em) { .c-hero.c-hero-basic.just-title .c-hero__content { padding: 0 3rem; } } @media (min-width: 100em) { .c-hero.c-hero-basic.just-title .c-hero__content { max-width: 93.75rem; } } .c-hero.c-hero-basic.just-title .c-hero__content h1 { margin-bottom: 0; } .c-hero .c-notification-area { width: calc(100% - 52px); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0 26px 24px; } @media (min-width: 50em) { .c-hero .c-notification-area { width: 86%; margin: 0 6% 56px; } } .c-hero .map-shape-orange { display: none; } .c-hero.hero-redesign { background: none; padding: 16px; justify-items: center; overflow: hidden; position: relative; width: 100%; z-index: 100; } @media (min-width: 50em) { .c-hero.hero-redesign { padding: 48px 48px 55px; } } .c-hero.hero-redesign .c-hero__image { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: visible; width: calc(100% - 48px); z-index: 5; aspect-ratio: 16/10; } .c-hero.hero-redesign .c-hero__image img { border-radius: 16px; -webkit-box-shadow: 0 24px 40px -16px rgba(0, 0, 0, 0.45); box-shadow: 0 24px 40px -16px rgba(0, 0, 0, 0.45); width: 100%; } .c-hero.hero-redesign .c-hero__image:after { display: none; } @media (min-width: 50em) { .c-hero.hero-redesign .c-hero__image { aspect-ratio: unset; -webkit-box-flex: 0; -ms-flex: 0 0 1; flex: 0 0 1; margin-top: -24px; padding-bottom: 24px; overflow: visible; height: 636px; width: 100%; max-width: 620px; } } @media (min-width: 60em) { .c-hero.hero-redesign .c-hero__image { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: none; } } .c-hero.hero-redesign .map-shape-orange { display: block; position: absolute; top: -35%; right: -25%; left: auto; min-width: 351px; width: 80%; z-index: 3; } @media (min-width: 50em) { .c-hero.hero-redesign .map-shape-orange { position: absolute; top: -15%; right: auto; left: 75%; width: 740px; height: 820px; } } .c-hero.hero-redesign .c-hero__content { background: #00783c; border-radius: 24px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 172px 24px 32px; position: relative; margin-top: -140px; } .c-hero.hero-redesign .c-hero__content h1, .c-hero.hero-redesign .c-hero__content h2, .c-hero.hero-redesign .c-hero__content h3 { color: #fff; } .c-hero.hero-redesign .c-hero__content:after { background: #00783c; border-radius: 24px; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 200px); z-index: -1; display: none; } .c-hero.hero-redesign .c-hero__content .eyebrow-text { color: #fff; font-size: 35px; line-height: 40px; margin-bottom: 16px; } .c-hero.hero-redesign .c-hero__content .c-hero__header { color: #fff; font-family: "Cal Sans", sans-serif; font-size: 57px; font-weight: 400; line-height: 56px; } @media (min-width: 50em) { .c-hero.hero-redesign .c-hero__content .c-hero__header { font-size: 86px; line-height: 80px; } } .c-hero.hero-redesign .c-hero__content > p { font-size: 19px; line-height: 32px; color: #fff; } @media (min-width: 50em) { .c-hero.hero-redesign .c-hero__content > p { font-size: 23px; line-height: 40px; } } .c-hero.hero-redesign .c-hero__content > a, .c-hero.hero-redesign .c-hero__content > button { background: #0d4026; border: 1.5px solid #fff; border-radius: 12px; color: #fff; font-size: 18px; font-family: "Cal Sans", sans-serif; margin-top: 24px; padding: 16px 24px; } .c-hero.hero-redesign .c-hero__content > a:hover, .c-hero.hero-redesign .c-hero__content > a:focus, .c-hero.hero-redesign .c-hero__content > button:hover, .c-hero.hero-redesign .c-hero__content > button:focus { background: #056233; cursor: pointer; } @media (min-width: 50em) { .c-hero.hero-redesign .c-hero__content { border-radius: 24px 0 0 24px; padding: 48px 56px; margin-top: 0; } .c-hero.hero-redesign .c-hero__content:after { display: block; width: calc(100% + 620px); height: 100%; } } .theme-alliance .c-hero { position: relative; } .theme-alliance .c-hero:after { content: ""; display: block; height: 20px; position: absolute; width: 100%; border-bottom: 1px solid var(--color-primary-accent); top: 100%; } @media (min-width: 50em) { .c-hero__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 50em) { .c-hero__slide.c-hero__slide--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .c-hero__slide.c-hero__slide--reverse .c-hero__image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .c-hero__slide .c-hero__image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-hero__image { display: block; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; position: relative; } .c-hero__image > img { display: block; width: 100%; } .c-hero__image:after { background: var(--color-secondary-accent); content: ""; bottom: 0; display: block; height: 50%; position: absolute; z-index: 9; right: 0px; width: 7px; } @media (min-width: 50em) { .c-hero__image { height: 560px; } .c-hero__image > img { -o-object-fit: cover; object-fit: cover; height: 100%; } .c-hero__image:after { width: 14px; } } @media (min-width: 100em) { .c-hero__image { height: 40vw; min-height: 560px; } } .c-hero__content { padding: 40px 26px; } @media (min-width: 50em) { .c-hero__content { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-left: 6%; -webkit-box-flex: 0; -ms-flex: 0 0 37%; flex: 0 0 37%; } } .c-hero__content .c-hero__header { font-size: 40px; margin-bottom: 24px; } @media (min-width: 50em) { .c-hero__content .c-hero__header { font-size: 48px; } } .c-hero__content .c-hero__header.orange-bar-under::after { margin-top: 14px; } .c-hero__content .c-btn { margin: 1rem 0 0; } .c-hero__content .c-text { margin: 1rem 0 0; display: inline-block; } .c-hero__content a:not(.c-btn) { border-bottom: 1px solid; } .c-hero__content a:not(.c-btn):hover { text-decoration: none; } .c-hero__content p:last-of-type { margin-bottom: 0; } .c-hero__quick-links { background-color: #fff; border-width: 1px 0; border-style: solid; border-color: #0d4026; padding: 20px 26px; } @media (min-width: 50em) { .c-hero__quick-links { border: 1px solid #0d4026; border-radius: 4px; bottom: -56px; position: absolute; right: 6%; max-width: 400px; } } .c-hero__quick-links__icon { height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 32px; } .c-hero__quick-links__icon:last-child { margin-bottom: 5px; } .c-hero__quick-links__icon a { border-bottom: 1px solid green; margin-left: 14px; } .c-hero__quick-links__icon a:hover { text-decoration: none; border-color: transparent; } .c-hero__button { margin: 1rem 0 0; } .c-hero-with-widget { margin-bottom: 58px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-hero-with-widget .c-hero__image { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .c-hero-with-widget.hero-component-location-details .c-hero__image { height: 100%; position: relative; } @media (min-width: 50em) { .c-hero-with-widget.hero-component-location-details .c-hero__image { margin: 3.5rem 0; } } .c-hero-with-widget.hero-component-location-details .c-hero__image img { display: block; width: 100%; } .c-hero-with-widget.hero-component-location-details .c-hero__content { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .c-hero-with-widget.hero-component-location-details .c-hero__header { line-height: 50px; } @media (min-width: 50em) { .c-hero-with-widget.hero-component-location-details .c-hero__header { line-height: 63px; } } .c-hero-with-widget .c-notification-area { margin-top: 16px; } @media (min-width: 50em) { .c-hero-with-widget .c-notification-area { margin-top: 56px; } } @media (min-width: 50em) { .c-hero-with-widget .c-hero__quick-links + .c-notification-area { width: calc(90% - 400px); margin-right: 400px; } } .c-hero--no-image { padding: 40px 0; } @media (min-width: 50em) { .c-hero--no-image { padding: 60px 0 40px; } } .c-hero--no-image .c-notification-area { margin: 0 26px 24px; } @media (min-width: 50em) { .c-hero--no-image .c-notification-area { margin: 0 6% 0; } } .c-hero--no-image .c-hero__content { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; } .c-hero--no-image.c-hero-with-widget { padding: 40px 0 0; } @media (min-width: 50em) { .c-hero--no-image.c-hero-with-widget { padding: 60px 0 40px; } } .c-hero--search { padding: 2.25rem 0; } @media (min-width: 50em) { .c-hero--search { padding: 3.125rem 0; } } @media (min-width: 50em) { .c-hero--search .wrapper { -webkit-box-sizing: content-box; box-sizing: content-box; } } .c-fad-hero { padding: 2rem 1rem; margin-bottom: 2rem; } @media (min-width: 60em) { .c-fad-hero { padding: 3.75rem 1rem; } } .c-fad-hero.comp-theme--gray { margin-bottom: 2rem; } .c-fad-hero .wrapper { padding-bottom: 0; } @media (min-width: 60em) { .c-fad-hero .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 3rem; } } .c-fad-hero .wrapper .flex-row-in-desktop { -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-fad-hero .wrapper .flex-row-in-desktop .u-is-mobile-hidden { display: none !important; } @media (min-width: 60em) { .c-fad-hero .wrapper .flex-row-in-desktop { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 1.625rem; } .c-fad-hero .wrapper .flex-row-in-desktop.space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .c-fad-hero .wrapper .flex-row-in-desktop.space-between ol:last-of-type { margin-bottom: 1rem; } .c-fad-hero .wrapper .flex-row-in-desktop .u-is-mobile-hidden { display: block !important; } } @media (min-width: 70em) { .c-fad-hero .wrapper .flex-row-in-desktop { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-bottom: 0; } } .c-fad-hero .wrapper .flex-row-in-desktop > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .c-fad-hero .wrapper .flex-row-in-desktop .c-notification-area { width: 100%; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .c-fad-hero .wrapper .flex-row-in-desktop .c-notification-area + .c-btn { margin-top: 50px; } .c-fad-hero .wrapper .flex-row-in-desktop .c-btn { margin: 50px 0 0; } .c-fad-hero .wrapper .flex-row-in-desktop .c-btn.u-is-desktop-hidden { display: inline-block !important; } @media (min-width: 50em) { .c-fad-hero .wrapper .flex-row-in-desktop .c-btn { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 260px; margin-top: 0; } .c-fad-hero .wrapper .flex-row-in-desktop .c-btn.u-is-desktop-hidden { display: inline-block !important; } } @media (min-width: 60em) { .c-fad-hero .wrapper .flex-row-in-desktop .c-btn.u-is-desktop-hidden { display: none !important; } } .c-fad-hero .fad-logo-mobile { height: 26px; margin-bottom: 12px; width: 128px; } @media (min-width: 50em) { .c-fad-hero .fad-logo-mobile.u-is-desktop-hidden { display: block !important; } } @media (min-width: 60em) { .c-fad-hero .fad-logo-mobile.u-is-desktop-hidden { display: none !important; } } .c-fad-hero__picture { margin-bottom: 1.5rem; } @media (min-width: 60em) { .c-fad-hero__picture { margin-bottom: 0; } } .c-fad-hero__picture figure { height: 312px; width: 100%; overflow: hidden; } @media (min-width: 60em) { .c-fad-hero__picture figure { width: 407px; } } .c-fad-hero__picture figure img { -o-object-fit: cover; object-fit: cover; margin: 0; width: 100%; height: 100%; } .c-fad-hero__picture-cta { background: #02754b; display: block; color: #fff; text-align: center; font-weight: 400; font-size: 14px; line-height: 22px; padding: 7px 0; } .c-fad-hero__picture-cta:hover, .c-fad-hero__picture-cta:visited { color: #fff; } .c-fad-hero__info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .c-fad-hero h1 { font-weight: 400; font-size: 2.5rem; line-height: 50px; margin-bottom: 1rem; } @media (min-width: 60em) { .c-fad-hero h1 { font-size: 3rem; line-height: 58px; margin-bottom: 0.75rem; } } .c-fad-hero .btn-tertiary { display: inline-block; font-weight: 400; font-size: 14px; line-height: 22px; margin-bottom: 1rem; background: #e8f3db; padding: 14px 30px; border-radius: 56px; } @media (min-width: 60em) { .c-fad-hero ol:last-of-type { margin-bottom: 0; } } .c-fad-hero .no-ratings { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1rem; } .c-fad-hero .c-notification-area { margin-top: 1rem; } @media (min-width: 50em) { .c-fad-hero .c-notification-area { margin-top: 0.5rem; } } @media (min-width: 50em) { .hero-component-location-details .c-select:after { top: 45%; } } .loc-detail-sm .c-hero { background: none; margin-bottom: 0; } @media (min-width: 50em) { .c-hero-gme { display: -webkit-box; display: -ms-flexbox; display: flex; height: 500px; position: relative; } } @media (min-width: 50em) { .c-hero-gme::after { background: -webkit-gradient(linear, left top, right top, color-stop(4.3%, #ed7028), color-stop(87.36%, rgba(237, 112, 40, 0))); background: linear-gradient(90deg, #ed7028 4.3%, rgba(237, 112, 40, 0) 87.36%); content: ""; max-width: 500px; height: 1rem; width: 100%; position: absolute; bottom: -1rem; } } @media (min-width: 50em) { .c-hero-gme.c-hero-gme__main-section .c-hero-gme__content::before { display: none; } } @media (min-width: 50em) { .c-hero-gme.c-hero-gme__internal { display: -webkit-box; display: -ms-flexbox; display: flex; height: 300px; position: relative; } } @media (min-width: 50em) { .c-hero-gme.c-hero-gme__internal::after { display: none; } } .c-hero-gme.c-hero-gme__internal .c-hero-gme__content { -webkit-box-flex: 0; -ms-flex: 0 0 46.1%; flex: 0 0 46.1%; } @media (min-width: 50em) { .c-hero-gme.c-hero-gme__internal .c-hero-gme__content::before { display: none; } } @media (min-width: 50em) { .c-hero-gme.c-hero-gme__internal .c-hero-gme__content::after { border-top: 300px solid #02754b; right: -1.9375rem; border-right: 1.9375rem solid transparent; } } .c-hero-gme.c-hero-gme__internal .c-hero-gme__header { margin-bottom: 1.5rem; } .c-hero-gme__image { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-hero-gme__image img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; display: block; } .c-hero-gme__content { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background: #00783c; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 44.8%; flex: 0 0 44.8%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; position: relative; padding: 2.5rem 1.625rem; } @media (min-width: 50em) { .c-hero-gme__content { padding: 0 0 0 5.3125rem; } } @media (min-width: 50em) { .c-hero-gme__content::before { content: ""; display: block; position: absolute; right: -4.1875rem; top: 0; width: 0; height: 0; border-bottom: 500px solid #0d4026; border-right: 68px solid transparent; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media (min-width: 50em) { .c-hero-gme__content::after { content: ""; display: block; position: absolute; right: -3.3125rem; top: 0; width: 0; height: 0; border-top: 500px solid #00783c; border-right: 54px solid transparent; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } .c-hero-gme__header { color: #fff; font-size: 3rem; font-weight: 400; line-height: 3.375rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-hero-gme__subheader { color: #fff; font-size: 1.375rem; font-weight: 500; line-height: 1.6875rem; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; text-transform: uppercase; } .c-hero-gme__cta { background: #fff; color: #02754b; font-size: 1rem; font-weight: 700; line-height: 1.1875rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 0.875rem 2.938rem 0.875rem 1.875rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 56px; border: 1px solid #02754b; } .c-hero-gme__cta:hover { text-decoration: none; background: transparent; color: #fff; border-color: #fff; } .c-hero-gme__cta:hover::after { -webkit-transform: rotate(45deg) translate(2px, -2px); -ms-transform: rotate(45deg) translate(2px, -2px); transform: rotate(45deg) translate(2px, -2px); } .c-hero-gme__cta::after { content: ""; display: block; width: 7px; height: 7px; position: absolute; right: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 2px solid; border-right: 2px solid; -webkit-transition: 0.5s; transition: 0.5s; } @media (min-width: 60em) { .c-hero-careers-lp { margin-bottom: 6rem; position: relative; } } .c-hero-careers-lp .wrapper { background-color: #f7f8f8; margin: initial; padding: 1.25rem 1.25rem 32px; } @media (min-width: 60em) { .c-hero-careers-lp .wrapper { background-color: transparent; -webkit-box-sizing: initial; box-sizing: initial; max-width: 620px; padding: 11rem 5.313rem 5.313rem; } } .c-hero-careers-lp h1 { font-size: 40px; line-height: 50px; } @media (min-width: 60em) { .c-hero-careers-lp h1 { font-size: 48px; line-height: 63px; } } .c-hero-careers-lp .c-hero-careers-lp__picture { height: 266px; width: 100%; overflow: hidden; width: 100%; } @media (min-width: 60em) { .c-hero-careers-lp .c-hero-careers-lp__picture { height: 673px; position: absolute; z-index: -1; } } .c-hero-careers-lp .c-hero-careers-lp__picture img { -o-object-position: right; object-position: right; -o-object-fit: cover; object-fit: cover; margin: 0; width: 100%; height: 100%; } .c-hero-careers-lp__cta-area { display: inline-block; margin-bottom: 0.25rem; } @media (min-width: 60em) { .c-hero-careers-lp__cta-area { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 1rem; margin-bottom: 1.5rem; } } .c-hero-careers-lp__cta-area a { margin-bottom: 1rem; margin-right: 1rem; display: inline-block; } @media (min-width: 60em) { .c-hero-careers-lp__cta-area a { display: block; margin-bottom: 0; margin-right: 0; } } .c-hero-careers-lp__category-area { background-color: #fff; padding: 2.5rem 1rem 1.5rem; } @media (min-width: 60em) { .c-hero-careers-lp__category-area { background-color: transparent; bottom: -37px; padding: 0 4rem; position: relative; } } @media (min-width: 60em) { .c-hero-careers-lp__category-area__wrapper { padding: 0; } } .c-hero-careers-lp__category-area__wrapper .text-highlighted { color: #014a07; font-size: 23px; line-height: 23px; } .c-hero-careers-lp__category-area__wrapper .text-highlighted .category { display: block; font-size: 35px; line-height: 32px; font-weight: 500; margin-top: 4px; } .c-hero-careers-lp__category-area__wrapper .c-hero-careers-lp__category-area__selector-area, .c-hero-careers-lp__category-area__wrapper .c-hero-careers-lp__category-area__links-area { border-radius: 0.5rem; padding: 1.5rem 2rem; display: none; } .c-hero-careers-lp__category-area__wrapper .c-hero-careers-lp__category-area__selector-area { background: #00783c; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 60em) { .c-hero-careers-lp__category-area__wrapper .c-hero-careers-lp__category-area__selector-area { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-hero-careers-lp__category-area__wrapper .c-hero-careers-lp__category-area__selector-area.active { display: block; } .c-hero-careers-lp__category-area__wrapper .c-hero-careers-lp__category-area__links-area { background-color: #fff; border-color: #00783c; border-style: solid; border-width: 10px 1px 1px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 60em) { .c-hero-careers-lp__category-area__wrapper .c-hero-careers-lp__category-area__links-area { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-hero-careers-lp__category-area__wrapper .c-hero-careers-lp__category-area__links-area.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-hero-careers-lp__category-area__wrapper .c-hero-careers-lp__category-area__links-area .c-hero-careers-lp__category-area__links-list { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; width: 100%; } @media (min-width: 60em) { .c-hero-careers-lp__category-area__wrapper .c-hero-careers-lp__category-area__links-area .c-hero-careers-lp__category-area__links-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; max-width: 941px; } } .c-hero-careers-lp__category-area__wrapper .c-hero-careers-lp__category-area__links-area .c-hero-careers-lp__category-area__links-list.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-hero-careers-lp__category-area__wrapper .c-hero-careers-lp__category-area__links-area .c-hero-careers-lp__category-area__links-list li a { width: 100%; height: 54px; display: -webkit-box; display: -ms-flexbox; display: flex; background: #f7f8f8; border: 1px solid #8ec54a; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #000; font-weight: 500; padding: 1rem; text-align: center; } @media (min-width: 60em) { .c-hero-careers-lp__category-area__wrapper .c-hero-careers-lp__category-area__links-area .c-hero-careers-lp__category-area__links-list li a { max-width: 223px; min-height: 150px; } } .c-hero-careers-lp__category-area__wrapper .c-hero-careers-lp__category-area__links-area .c-hero-careers-lp__category-area__links-list li a:hover, .c-hero-careers-lp__category-area__wrapper .c-hero-careers-lp__category-area__links-area .c-hero-careers-lp__category-area__links-list li a:active, .c-hero-careers-lp__category-area__wrapper .c-hero-careers-lp__category-area__links-area .c-hero-careers-lp__category-area__links-list li a.active { background: #01890c; color: #fff; text-decoration: none; } .c-hero-careers-lp__category-area__wrapper .category-tag-list { display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.625rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; max-width: 960px; } @media (min-width: 60em) { .c-hero-careers-lp__category-area__wrapper .category-tag-list { display: -webkit-box; display: -ms-flexbox; display: flex; } } .c-hero-careers-lp__category-area__wrapper .category-tag-list label { background-color: #fff; border: 1px solid #02754b; color: #02754b; display: inline; font-weight: 700; margin-bottom: 0; padding: 0.438rem 0.813rem; cursor: pointer; } .c-hero-careers-lp__category-area__wrapper .category-tag-list label:hover { background-color: transparent; color: #fff; border: 1px solid #fff; } .c-hero-careers-lp__category-area__wrapper .category-tag-list input[type=radio] { display: none; } .c-hero-careers-lp__category-area__wrapper .category-tag-list input[type=radio]:checked + label { color: #014a07; } @media (min-width: 60em) { .c-hero-careers-lp__category-area__wrapper .category-select-list { display: none; } } .c-hero-careers-lp__category-area .headline { font-size: 19px; text-align: center; margin-bottom: 1.5rem; } @media (min-width: 60em) { .c-hero-careers-lp__category-area .headline { font-size: 19px; } } .c-hero-careers-lp__category-area label { margin-bottom: 0.625rem; } .c-hero-careers-lp__category-area select { margin-bottom: 0; } .c-hero-careers-lp .cta-go-back { text-decoration: underline; margin: 0 0 40px; display: block; border: 0; background: none; font-weight: 400; padding: 0; min-width: auto; color: #02754b; } .c-hero-careers-lp .cta-go-back:hover { color: #014a07; } @media (min-width: 60em) { .c-hero-careers-lp .cta-go-back { display: inline; margin: 0; } } .c-hero-careers-lp .link-lg { display: block; font-size: 19px; line-height: 25px; margin: 0; } .c-hero-careers-lp .text-white { color: #fff; } @media (min-width: 50em) { .c-hero.c-hero--full-image .c-hero__content { position: absolute; background: none; width: 100%; max-width: 650px; z-index: 10; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .c-hero.c-hero--full-image .c-hero__content .c-hero__header, .c-hero.c-hero--full-image .c-hero__content p { color: #fff; } } .c-hero.c-hero--full-image .c-hero__image { height: unset; left: 0; min-height: unset; position: relative; top: 0; max-height: 650px; } .c-hero.c-hero--full-image .c-hero__image:after { display: none; } .c-hero.c-hero--full-image .c-hero__image > img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .theme-mirro .c-hero--full-image { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .theme-mirro .c-hero--full-image .c-hero__header:after { display: none; } @media (min-width: 60em) { .theme-mirro .c-hero--full-image .c-hero__image { height: unset; } } @media (min-width: 50em) { .theme-mirro .c-hero--full-image .c-hero__content { color: #fff; max-width: 800px; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); position: relative; } .theme-mirro .c-hero--full-image .c-hero__image { height: 100%; left: 0; position: absolute; top: 0; max-height: 100%; width: 100vw; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .theme-connect .c-hero { background-color: #fff; } .theme-connect .c-hero.js-slider { position: relative; } .theme-connect .c-hero.js-slider .slider__stage { display: -webkit-box; display: -ms-flexbox; display: flex; } .theme-connect .c-hero.js-slider .c-hero__slide { height: 100%; } @media (min-width: 50em) { .theme-connect .c-hero.js-slider .c-hero__slide { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media (min-width: 100em) { .theme-connect .c-hero.js-slider .c-hero__image { min-height: 0; height: auto; } } @media (min-width: 50em) { .theme-connect .c-hero.js-slider .c-hero__image { height: auto; } } .theme-connect .c-hero.js-slider .c-hero__image:after { display: none; } .theme-connect .c-hero.js-slider .c-hero__content { position: relative; z-index: 1; padding: 20px 20px 40px 20px; } @media (min-width: 50em) { .theme-connect .c-hero.js-slider .c-hero__content { padding: 50px 88px 50px 30px; } } .theme-connect .c-hero.js-slider .c-hero__content:before { content: ""; background-image: url(../svg/hero-curve.svg); background-size: cover; background-repeat: no-repeat; background-position: left center; width: 50px; height: 100%; position: absolute; top: 0; right: 100%; z-index: 0; display: none; } @media (min-width: 50em) { .theme-connect .c-hero.js-slider .c-hero__content:before { display: block; } } @media (min-width: 80em) { .theme-connect .c-hero.js-slider .c-hero__content:before { width: 3vw; } } .theme-connect .c-hero.js-slider .c-hero__content:after { content: ""; background-image: url(../svg/hero-curve-h.svg); background-size: 100% auto; background-repeat: no-repeat; background-position: top center; width: 100%; height: 70px; position: absolute; top: -70px; right: 0; z-index: 0; } @media (min-width: 50em) { .theme-connect .c-hero.js-slider .c-hero__content:after { display: none; } } .theme-connect .c-hero.js-slider .c-hero__content .c-hero__header { margin-bottom: 16px; text-align: center; } @media (min-width: 50em) { .theme-connect .c-hero.js-slider .c-hero__content .c-hero__header { margin-bottom: 24px; text-align: left; } } .theme-connect .c-hero.js-slider .c-hero__content .c-btn { margin-top: 24px; } .theme-connect .c-hero.js-slider .slider__stage-outer { width: 100%; } .theme-connect .c-hero.js-slider .slider__nav { position: absolute; top: 20vw; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px; } @media (min-width: 50em) { .theme-connect .c-hero.js-slider .slider__nav { top: 50%; padding: 0 43px; } } .theme-connect .c-hero.js-slider .slider__nav button { border: none; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; width: 44px; min-width: 0; height: 44px; background-image: url("../icon_circle-btn.html"); background-size: cover; background-repeat: no-repeat; background-color: transparent; padding: 0; display: block; } .theme-connect .c-hero.js-slider .slider__nav button.slider__prev { margin-left: 0; } .theme-connect .c-hero.js-slider .slider__nav button.slider__next { margin-right: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .theme-connect .c-hero.js-slider .slider__dots { margin: 0; padding: 8px 0; background: -webkit-gradient(linear, right top, left top, from(#00a79d), to(#8dc63f)); background: linear-gradient(270deg, #00a79d 0%, #8dc63f 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-connect .c-hero.js-slider .slider__dots button { min-width: 0; background-color: #fff; border: none; border-radius: 0; padding: 10px 8px; margin: 0; } .theme-connect .c-hero.js-slider .slider__dots button:first-child { padding-left: 16px; border-radius: 50% 0 0 50%; } .theme-connect .c-hero.js-slider .slider__dots button:last-child { padding-right: 16px; border-radius: 0 50% 50% 0; } .theme-connect .c-hero.js-slider .slider__dots button.active span { background-color: #00847c; -webkit-transform: none; -ms-transform: none; transform: none; } .theme-connect .c-hero.js-slider .slider__dots button span { margin: 0; display: block; border: 2px solid #00847c; background-color: transparent; width: 14px; height: 14px; } .theme-connect .c-hero.c-hero--full-image { position: relative; padding-bottom: 20px; } @media (min-width: 50em) { .theme-connect .c-hero.c-hero--full-image { padding-bottom: 50px; } } .theme-connect .c-hero.c-hero--full-image:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: -webkit-gradient(linear, right top, left top, from(#00a79d), to(#8dc63f)); background: linear-gradient(270deg, #00a79d 0%, #8dc63f 100%); } @media (min-width: 50em) { .theme-connect .c-hero.c-hero--full-image:after { height: 50px; } } .theme-connect .c-hero.c-hero--full-image .c-hero__image { max-height: 430px; height: 300px; } @media (min-width: 50em) { .theme-connect .c-hero.c-hero--full-image .c-hero__image { height: auto; } } .theme-connect .c-hero.c-hero--full-image .c-hero__content { width: auto; max-width: 380px; padding: 24px; background-color: #00847c; border-radius: 0 12px 12px 0; position: absolute; bottom: 48px; } @media (min-width: 50em) { .theme-connect .c-hero.c-hero--full-image .c-hero__content { padding: 40px 88px; } } .theme-connect .c-hero.c-hero--full-image .c-hero__content h1 { color: #fff; } .theme-connect .c-hero.c-hero--full-image .c-hero__content h1.orange-bar-under, .theme-connect .c-hero.c-hero--full-image .c-hero__content h1.green-bar-under { margin-bottom: 0; } .theme-connect .c-hero.c-hero--full-image .c-hero__content h1.orange-bar-under:after, .theme-connect .c-hero.c-hero--full-image .c-hero__content h1.green-bar-under:after { display: none; } .theme-connect .c-hero.c-hero-basic { position: relative; margin-bottom: 20px; padding-top: 32px; padding-bottom: 32px; } @media (min-width: 50em) { .theme-connect .c-hero.c-hero-basic { margin-bottom: 50px; padding-top: 54px; padding-bottom: 54px; } } .theme-connect .c-hero.c-hero-basic:after { content: ""; position: absolute; display: block; top: 100%; left: 0; width: 100%; height: 20px; background: -webkit-gradient(linear, right top, left top, from(#00a79d), to(#8dc63f)); background: linear-gradient(270deg, #00a79d 0%, #8dc63f 100%); } @media (min-width: 50em) { .theme-connect .c-hero.c-hero-basic:after { height: 50px; } } .theme-connect .c-hero.c-hero-basic.just-title .c-hero__content .c-hero__header.orange-bar-under:after { display: none; } .c-hero.c-hero--interior { position: relative; overflow: hidden; background-color: #dae9df; border-radius: 16px; margin: 0; width: 100%; } @media (min-width: 50em) { .c-hero.c-hero--interior { display: -webkit-box; display: -ms-flexbox; display: flex; } } .c-hero.c-hero--interior .map-shape-orange { display: block; position: absolute; bottom: -35px; right: 0; border-radius: 0 0 16px 0; z-index: 1; } @media (min-width: 50em) { .c-hero.c-hero--interior .map-shape-orange { bottom: 0; right: -25px; height: 97px; overflow: hidden; } } .c-hero.c-hero--interior .c-hero__image { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; max-width: 809px; position: relative; z-index: 3; } @media (min-width: 50em) { .c-hero.c-hero--interior .c-hero__image { border-radius: 0 16px 16px 0; height: auto; } } .c-hero.c-hero--interior .c-hero__image:after { display: none; } .c-hero.c-hero--interior .c-hero__image img { border-radius: 16px 16px 0 0; } @media (min-width: 50em) { .c-hero.c-hero--interior .c-hero__image img { border-radius: 0 16px 16px 0; } } .c-hero.c-hero--interior .c-hero__header { color: #0d4026; margin-bottom: 16px; /* text-5xl */ font-family: "Cal Sans", sans-serif; font-size: 48px; font-weight: 400; line-height: 48px; letter-spacing: var(--text-5xl-letter-spacing, 0); position: relative; z-index: 2; } @media (min-width: 50em) { .c-hero.c-hero--interior .c-hero__header { /* text-5xl */ font-size: 69px; line-height: 72px; } } .c-hero.c-hero--interior .c-hero__copy { color: #242628; /* regular */ font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; } @media (min-width: 50em) { .c-hero.c-hero--interior .c-hero__copy { /* regular */ font-size: 18px; line-height: 32px; } } .c-hero.c-hero--interior .c-hero__content { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; padding: 16px; position: relative; z-index: 2; } @media (min-width: 50em) { .c-hero.c-hero--interior .c-hero__content { padding: 40px; max-width: 75%; } } .c-hero.c-hero--interior .c-hero__content .c-btn { position: relative; z-index: 2; } .c-hero.c-hero--interior .c-hero__quicklinks { position: relative; margin-top: 24px; border-radius: 12px; border: 0.5px solid #bdbebf; background: #fff; z-index: 1; max-width: 771px; } @media (min-width: 50em) { .c-hero.c-hero--interior .c-hero__quicklinks { width: 100%; } } .c-hero.c-hero--interior .c-hero__quicklinks a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px; } .c-hero.c-hero--interior .c-hero__quicklinks a:not(.c-btn) { border-bottom: none; } .c-hero.c-hero--interior .c-hero__quicklinks a:not(:last-child) { border-bottom: 0.5px solid #bdbebf; } .c-hero.c-hero--interior .c-hero__quicklinks a div { color: #00783c; /* button-base */ font-family: "Cal Sans", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c-hero.c-hero--interior .c-hero__quicklinks a div:hover { color: #056233; } @media (min-width: 50em) { .c-hero.c-hero--interior .c-hero__quicklinks a div { font-size: 18px; line-height: 24px; } } .c-hero.c-hero--interior .c-hero__quicklinks a img { height: 16px; width: 16px; margin-right: 12px; } .c-hero.c-hero--interior.c-hero--dark { background-color: #00783c; } .c-hero.c-hero--interior.c-hero--dark h1, .c-hero.c-hero--interior.c-hero--dark p, .c-hero.c-hero--interior.c-hero--dark a:not(.c-btn), .c-hero.c-hero--interior.c-hero--dark .c-hero__copy { color: #fff; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /* =============== */ /* COMPONENT: CARD */ /* =============== */ /* Default version */ .c-card { border: 1px solid var(--color-secondary-accent); } .c-card .c-card__img_lnk { display: block; height: 218px; } .c-card .c-card__img-wrap { display: block; height: 275px; } .c-card .c-card__img img, .c-card .c-card__img-wrap img { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .c-card .c-card__details { padding: 1rem; -webkit-transition: 0.5s; transition: 0.5s; } .c-card .c-card__details p { color: var(--color-body-text); font-size: 18px; font-weight: 300; line-height: 1.5313rem; margin: 0 0 10px; } .c-card .c-card__details p:last-child { margin-bottom: 0; } .c-card .c-card__details p.c-card__subhead { font-size: 20px; line-height: 26px; margin-bottom: 1rem; } .c-card .c-card__details p.c-card__subhead--bottom { margin-bottom: 0; margin-top: 1rem; } .c-card .c-card__details a { text-decoration: none; } .c-card .c-card__details a:hover { text-decoration: none; } .c-card .c-card__details .c-card__title { color: #02754b; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 40px; margin-bottom: 0.5rem; } .c-card .c-card__details .c-card__title a { text-decoration: none; border: 0; } .c-card .c-card__details .c-card__title a:hover { text-decoration: none; color: var(--color-body-text-dark); } .c-card .c-card__details .c-card__label, .c-card .c-card__details .c-card__location { color: var(--color-body-text); font-size: 14px; font-weight: 350; } .c-card .c-card__details .c-card__label a, .c-card .c-card__details .c-card__location a { color: inherit; font-size: inherit; text-decoration: none; } .c-card .c-card__details .c-card__label a:hover, .c-card .c-card__details .c-card__location a:hover { color: var(--color-brand); } .c-card .c-card__details .c-card__tags { margin-top: 0.75rem; } .c-card.c-card-learn-more { padding: 1rem; } .c-card.comp-theme--gray .c-card__details { background-color: #fff; } .c-card { /* ============================== */ /* COMPONENT: CARD EVENT CATEGORY */ /* ============================== */ } .c-card.c-card-event-category { width: 100%; } .c-card.c-card-event-category .c-card__details { background-color: var(--color-brand); border: none; } .c-card.c-card-event-category .c-card__details p { color: #fff; font-family: "Montserrat", sans-serif; font-size: 18px; font-weight: 325; } .c-card.c-card-event-category .c-card__details h3, .c-card.c-card-event-category .c-card__details .c-card__title { color: #fff; font-size: 44px; font-weight: 500; line-height: 48px; margin-bottom: 18px; white-space: break-spaces; overflow-wrap: break-word; -ms-hyphens: auto; hyphens: auto; } .c-card.c-card-event-category { /* Hover state */ } .c-card.c-card-event-category:hover, .c-card.c-card-event-category:focus { text-decoration: none; } .c-card.c-card-event-category:hover .c-card__details, .c-card.c-card-event-category:focus .c-card__details { background-color: var(--color-secondary-accent); } .c-card.c-card-event-category:hover .c-card__details p, .c-card.c-card-event-category:focus .c-card__details p { color: var(--color-body-text-dark); } .c-card.c-card-event-category:hover .c-card__details .c-card__title, .c-card.c-card-event-category:focus .c-card__details .c-card__title { color: var(--color-body-text-dark); } .c-card { /* ================================ */ /* COMPONENT: UPCOMING EVENTS CARDS */ /* ================================ */ } .c-card.c-card-single-class { border: 1px solid var(--color-secondary-accent); margin-bottom: 33px; position: relative; } .c-card.c-card-single-class .c-card__details { background: #fff; border: none; padding: 36px 32px 32px; } .c-card.c-card-single-class .c-card__details p { background: #fff; color: var(--color-body-text); font-weight: 325; line-height: 150%; } .c-card.c-card-single-class .c-card__details .c-card__title { color: var(--color-brand); margin: 0 0 10px; } .c-card.c-card-single-class .c-card__details .c-card__title a { color: inherit; text-decoration: none; } .c-card.c-card-single-class .c-card__details .c-card__title a:hover { color: var(--color-body-text-dark); text-decoration: none; } .c-card.c-card-single-class { /* CARD CALENDAR INFO Gray box that can be integrated to Single Class Card */ } .c-card.c-card-single-class .c-card__calendar-info hr { margin: 10px 0; } .c-card.c-card-single-class .c-card__calendar-info .c-card__location, .c-card.c-card-single-class .c-card__calendar-info .c-card__label { font-size: 14px; color: var(--color-body-text); text-decoration: none; } .c-card.c-card-single-class .c-card__calendar-info .c-card__location a, .c-card.c-card-single-class .c-card__calendar-info .c-card__label a { color: inherit; font-size: inherit; text-decoration: none; font-weight: 350; } .c-card.c-card-single-class .c-card__calendar-info .c-card__location a:hover, .c-card.c-card-single-class .c-card__calendar-info .c-card__label a:hover { text-decoration: underline; } .c-card.c-card-single-class .c-card__calendar-info .c-card__label a { font-weight: 400; } .c-card.c-card--accent { background-color: var(--bg-subtle); border-color: var(--color-secondary-accent); border-style: solid; border-width: 1px 1px 8px; } .c-card.c-card--accent-white { border-color: var(--color-secondary-accent); border-style: solid; border-width: 1px 1px 8px; } .c-card.c-card-with-icon { border: 1px solid var(--color-secondary-accent); background: var(--bg-subtle); position: relative; margin-top: 3.125rem; } .c-card.c-card-with-icon .c-card__img { width: 77px; height: 77px; background: #f7f8f8; border: 1px solid var(--color-secondary-accent); border-radius: 50%; overflow: hidden; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-card.c-card-with-icon .c-card__img img { height: 100%; -o-object-fit: none; object-fit: none; width: 100%; } .c-card.c-card-with-icon .c-card__details { padding: 3.5rem 1.25rem 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; } .c-card.c-card-with-icon .c-card__details .c-card__title { color: var(--color-body-text-dark); } .c-card.c-card-with-icon .c-card__details .c-card__description, .c-card.c-card-with-icon .c-card__details .c-card__title { margin-bottom: 1.5rem; } .c-card.c-card-with-icon .c-card__details .c-card__description { color: #495057; font-size: 16px; font-weight: 300; line-height: 1.5313rem; } .c-card.c-card-with-icon .c-card__details .c-card__description ul { list-style: disc; list-style-position: outside; padding-left: 14px; } .c-card.c-card-with-icon .c-card__details .c-card__description ul li { margin-bottom: 4px; } .c-card.c-card-with-icon .c-card__details .c-card__description p:last-child { margin-bottom: 0; } .c-card.c-card-with-icon .c-card__details .c-card__cta { font-family: "Cal Sans", sans-serif; font-size: 18px; line-height: 25px; font-weight: 400; margin-top: auto; position: relative; } .c-card.c-card-with-icon .c-card__details .c-card__cta:after { content: url(../svg/green-arrow-redesign.svg); position: relative; top: 0; right: -10px; width: 16px; height: 11px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .c-card.c-card-with-icon .c-card__details .c-card__cta:hover, .c-card.c-card-with-icon .c-card__details .c-card__cta:focus { text-decoration: none; } .c-card.c-card-with-icon .c-card__details .c-card__cta:hover:after, .c-card.c-card-with-icon .c-card__details .c-card__cta:focus:after { right: -16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .c-card.c-card-with-icon.c-icon-card--hover { background-color: transparent; border: none; -webkit-box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.08); background: #fff; margin-bottom: 20px; margin-top: 0; } @media (min-width: 50em) { .c-card.c-card-with-icon.c-icon-card--hover { border-color: #d8d8d8; border-width: 0 1px 0 0; border-style: solid; -webkit-box-shadow: none; box-shadow: none; margin: 0; } } .c-card.c-card-with-icon.c-icon-card--hover:last-of-type { border: none; } .c-card.c-card-with-icon.c-icon-card--hover .c-card__img { width: 54px; -webkit-box-flex: 0; -ms-flex: 0 0 54px; flex: 0 0 54px; height: auto; background-color: transparent; border: none; display: block; border-radius: unset; position: inherit; -webkit-transform: none; -ms-transform: none; transform: none; margin-right: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } @media (min-width: 50em) { .c-card.c-card-with-icon.c-icon-card--hover .c-card__img { width: 77px; height: 77px; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; position: relative; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); margin-bottom: 1.5rem; margin-right: 0; } } .c-card.c-card-with-icon.c-icon-card--hover .c-card__img img { -o-object-fit: contain; object-fit: contain; } .c-card.c-card-with-icon.c-icon-card--hover .c-card__details { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 50em) { .c-card.c-card-with-icon.c-icon-card--hover .c-card__details { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: baseline; -ms-flex-pack: baseline; justify-content: baseline; } } .c-card.c-card-with-icon.c-icon-card--hover .c-card__details:after { content: ""; display: block; width: 10px; height: 10px; position: absolute; right: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 2px solid; border-right: 2px solid; -webkit-transition: 0.5s; transition: 0.5s; } @media (min-width: 50em) { .c-card.c-card-with-icon.c-icon-card--hover .c-card__details:after { content: none; } } .c-card.c-card-with-icon.c-icon-card--hover .c-card__details .c-card__title { color: #3da143; font-weight: 400; font-size: 21px; line-height: 25px; margin: 0; } @media (min-width: 50em) { .c-card.c-card-with-icon.c-icon-card--hover .c-card__details .c-card__title { text-align: center; } } .c-card.c-card-with-icon.c-icon-card--hover .c-card__img_lnk-hover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 40px 30px 20px; } @media (min-width: 50em) { .c-card.c-card-with-icon.c-icon-card--hover .c-card__img_lnk-hover { padding: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .c-card.c-card-with-icon.c-icon-card--hover .c-card__img_lnk-hover:hover .c-card__img { -webkit-transform: translate(-50%, -20%); -ms-transform: translate(-50%, -20%); transform: translate(-50%, -20%); } } .c-card.c-card-with-icon.c-icon-card--hover .c-card__img_lnk-hover:hover { text-decoration: none; } .c-card.c-card-with-icon.c-icon-card--hover > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 40px 30px 20px; } @media (min-width: 50em) { .c-card.c-card-with-icon.c-icon-card--hover > div { padding: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .c-card.c-card-with-icon.c-icon-card--hover > div:hover { text-decoration: none; } .c-card.c-card-with-image { border: 1px solid var(--color-secondary-accent); background: var(--bg-subtle); margin-bottom: 1.5rem; } @media (min-width: 50em) { .c-card.c-card-with-image { margin-bottom: 0; } } .c-card.c-card-with-image .c-card__img img { height: auto; max-height: 18.75rem; -o-object-fit: cover; object-fit: cover; } .c-card.c-card-with-image .c-card__details { padding: 1.25rem 1.5rem; } .c-card.c-card-with-image .c-card__details .c-card__title { margin-bottom: 1rem; color: var(--color-body-text-dark); } .c-card.c-card-with-image .c-card__details .c-card__description { margin-bottom: 1.5rem; } .c-card.c-card-with-image .c-card__details .c-card__cta { font-size: 18px; line-height: 25px; font-weight: 500; } .c-card.c-card-with-image .c-card__details .c-card__cta:after { content: url(../svg/green-arrow-redesign.svg); position: relative; top: 0; right: -10px; width: 16px; height: 11px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .c-card.c-card-with-image .c-card__details .c-card__cta:hover, .c-card.c-card-with-image .c-card__details .c-card__cta:focus { text-decoration: none; } .c-card.c-card-with-image .c-card__details .c-card__cta:hover:after, .c-card.c-card-with-image .c-card__details .c-card__cta:focus:after { right: -16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .c-card.alt { border: none; border-bottom: 8px solid var(--color-secondary-accent); } .c-card.alt .c-card__details { border-width: 1px 1px 0; border-style: solid; border-color: var(--color-secondary-accent); } .c-card.alt .c-card__details .c-card__title { color: var(--color-brand); font-weight: 500; font-size: 31px; line-height: 40px; border: none; margin-bottom: 1rem; } .c-card.alt .c-card__details .c-card__title a:hover { text-decoration: none; } .c-card .theme-redesign.alt { border: none; } .c-card .theme-redesign.alt .c-card__details { border: none; } .c-card.c-card-logo { border: none; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-card.c-card-logo .c-card__img img { height: auto; width: auto; -o-object-fit: initial; object-fit: initial; margin: 0 auto; } .c-card.c-card-logo .c-card__details { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .c-card.c-card-logo .c-card__details .c-card__title { margin-bottom: 1rem; } .c-card.c-card-logo .c-card__details .c-card__title a { color: var(--color-body-text-dark); font-weight: 500; font-size: 25px; line-height: 32px; border: none; } .c-card.c-card-logo .c-card__cta { font-weight: 500; font-size: 18px; line-height: 25px; margin-top: 1.125rem; display: inline-block; } .c-card.c-card-logo .c-card__cta:hover { text-decoration: none; } .b-grid.c-icon-card--hover-grid { margin-top: 3rem; margin-bottom: 4rem; } .b-grid.c-icon-card--hover-grid.b-grid-col-3 .b-grid--wrapper { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); row-gap: 2rem; } @media (min-width: 50em) { .b-grid.c-icon-card--hover-grid.b-grid-col-3 .b-grid--wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 70em) { .b-grid.c-icon-card--hover-grid.b-grid-col-3 .b-grid--wrapper { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 50em) { .b-grid.c-icon-card--hover-grid.b-grid-col-3 .b-grid--wrapper .c-card.c-card-with-icon.c-icon-card--hover:nth-child(even) { border-right: none; } } @media (min-width: 70em) { .b-grid.c-icon-card--hover-grid.b-grid-col-3 .b-grid--wrapper .c-card.c-card-with-icon.c-icon-card--hover:nth-child(even) { border-right: 1px solid #d8d8d8; } } @media (min-width: 50em) { .b-grid.c-icon-card--hover-grid.b-grid-col-3 .b-grid--wrapper .c-card.c-card-with-icon.c-icon-card--hover:nth-child(3n) { border-right: 1px solid #d8d8d8; } } @media (min-width: 70em) { .b-grid.c-icon-card--hover-grid.b-grid-col-3 .b-grid--wrapper .c-card.c-card-with-icon.c-icon-card--hover:nth-child(3n) { border-right: none; } } @media (min-width: 50em) { .b-grid.c-icon-card--hover-grid.b-grid-col-3 .b-grid--wrapper .c-card.c-card-with-icon.c-icon-card--hover:last-child { border-right: none; } } @media (min-width: 70em) { .b-grid.c-icon-card--hover-grid.b-grid-col-3 .b-grid--wrapper .c-card.c-card-with-icon.c-icon-card--hover:last-child { border-right: none; } } .b-grid.c-icon-card--hover-grid.b-grid-col-3 .b-grid--wrapper .c-card.c-card-with-icon.c-icon-card--hover .c-card__details { width: 100%; } .b-grid.c-icon-card--hover-grid.b-grid-col-4 .b-grid--wrapper { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); row-gap: 2rem; } @media (min-width: 50em) { .b-grid.c-icon-card--hover-grid.b-grid-col-4 .b-grid--wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 70em) { .b-grid.c-icon-card--hover-grid.b-grid-col-4 .b-grid--wrapper { grid-template-columns: repeat(4, 1fr); } } @media (min-width: 50em) { .b-grid.c-icon-card--hover-grid.b-grid-col-4 .b-grid--wrapper .c-card.c-card-with-icon.c-icon-card--hover:nth-child(even) { border-right: none; } } @media (min-width: 70em) { .b-grid.c-icon-card--hover-grid.b-grid-col-4 .b-grid--wrapper .c-card.c-card-with-icon.c-icon-card--hover:nth-child(even) { border-right: 1px solid #d8d8d8; } } @media (min-width: 50em) { .b-grid.c-icon-card--hover-grid.b-grid-col-4 .b-grid--wrapper .c-card.c-card-with-icon.c-icon-card--hover:nth-child(4n) { border-right: 1px solid #d8d8d8; } } @media (min-width: 70em) { .b-grid.c-icon-card--hover-grid.b-grid-col-4 .b-grid--wrapper .c-card.c-card-with-icon.c-icon-card--hover:nth-child(4n) { border-right: none; } } @media (min-width: 50em) { .b-grid.c-icon-card--hover-grid.b-grid-col-4 .b-grid--wrapper .c-card.c-card-with-icon.c-icon-card--hover:last-child { border-right: none; } } @media (min-width: 70em) { .b-grid.c-icon-card--hover-grid.b-grid-col-4 .b-grid--wrapper .c-card.c-card-with-icon.c-icon-card--hover:last-child { border-right: none; } } .b-grid.c-icon-card--hover-grid.b-grid-col-4 .b-grid--wrapper .c-card.c-card-with-icon.c-icon-card--hover .c-card__details { width: 100%; } .b-grid.c-icon-card--hover-grid.b-grid-col-4 .c-service-line .b-grid--wrapper { gap: 32px; } .b-grid.c-icon-card--hover-grid.b-grid-col-5 .b-grid--wrapper { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); row-gap: 2rem; } @media (min-width: 50em) { .b-grid.c-icon-card--hover-grid.b-grid-col-5 .b-grid--wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 70em) { .b-grid.c-icon-card--hover-grid.b-grid-col-5 .b-grid--wrapper { grid-template-columns: repeat(5, 1fr); } } @media (min-width: 50em) { .b-grid.c-icon-card--hover-grid .b-grid--wrapper { grid-gap: 0; -webkit-box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.08); } } /* Hover state when card is clickeable */ a.c-card:hover { text-decoration: none; } a.c-card:hover .c-card__details { background-color: var(--color-brand); border-color: transparent; } a.c-card:hover .c-card__details p { color: #fff; } a.c-card:hover .c-card__details p a:hover { color: #fff; text-decoration: underline; } /* CARD CALENDAR INFO Gray box with location, tags and date of the event */ .c-card__calendar-info { background: var(--bg-subtle); border: 1px solid var(--color-secondary-accent); font-weight: 400; font-size: 1.25rem; line-height: 120%; margin-bottom: 32px; padding: 1rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 50em) { .c-card__calendar-info { padding: 2rem; } } .c-card__calendar-info .c-card__card-title { color: var(--color-brand); } @media (min-width: 50em) { .c-card__calendar-info .c-card__card-title { padding: 24px 0 0; } } .c-card__calendar-info .c-card__utility-cta { color: var(--color-brand); font-weight: 400; font-size: 19px; line-height: 25px; padding-left: 0; } .c-card__calendar-info .c-card__utility-cta a { text-decoration: none; border-bottom: 1px solid var(--color-brand); } .c-card__calendar-info .c-card__utility-cta a:hover { color: var(--color-body-text-dark); border-bottom-color: var(--color-body-text-dark); text-decoration: none; } .c-card__calendar-info .c-card__content { margin-bottom: 1rem; } @media (min-width: 50em) { .c-card__calendar-info .c-card__content { padding: 0; } } .c-card__calendar-info .c-card__content > p:last-of-type { margin-bottom: 0; } .c-card__calendar-info p { color: var(--color-body-text); font-weight: 400; font-size: 18px; line-height: 150%; margin: 0 0 1rem; } .c-card__calendar-info p:last-child { margin-bottom: 0; } .c-card__calendar-info p.c-card__location, .c-card__calendar-info p.c-card__label { font-size: 18px; text-decoration: none; } .c-card__calendar-info p.c-card__location a, .c-card__calendar-info p.c-card__label a { font-weight: 350; font-size: inherit; text-decoration: none; } .c-card__calendar-info p.c-card__location a:hover, .c-card__calendar-info p.c-card__label a:hover { color: inherit; font-weight: 400; text-decoration: underline; } .c-card__calendar-info > div p:last-child { margin-bottom: 20px; } .c-card__calendar-info hr { background-color: var(--color-primary-accent); margin: 1rem 0; } .c-card__calendar-info .c-card__date { color: var(--color-body-text-dark); line-height: 26px; } .c-card__calendar-info .c-card__date span { display: block; } .c-card__calendar-info .c-card__cta { font-weight: 500; letter-spacing: 1px; text-decoration: underline; } .c-card__calendar-info .c-card__cta.btn-primary { display: table; font-size: 18px; margin: 0 auto; text-decoration: none; } .c-card__calendar-info--solo { padding: 0; } .c-card__calendar-info--solo .c-card__card-title { padding: 1.25rem 1rem; } .c-card__calendar-info--solo .c-card__content { padding: 1rem; } .comp-theme--gray .c-card__details, .comp-theme--gray .c-card__card-title { background-color: #fff; } .comp-theme--gray .c-card-with-icon, .comp-theme--gray .c-card-with-image { background: #fff; } .comp-theme--gray .c-card-with-icon .c-card__img { background: #fff; } /* Calendar info box within Upcoming Events card */ .c-card.c-card-single-class .c-card__calendar-info { border: none; margin-bottom: 0; } /* LOCATION AND TAGS labels for all components */ .c-card__location, .c-card__label, .c-card__utility-cta { color: var(--color-body-text); font-size: 19px; font-weight: 500; padding-left: 30px; position: relative; } .c-card__location::before, .c-card__label::before, .c-card__utility-cta::before { width: 15px; height: 17px; margin-right: 10px; margin-top: 2px; position: absolute; left: 0; } .c-card__location a, .c-card__label a, .c-card__utility-cta a { text-decoration: underline; } .c-card__location a:hover, .c-card__label a:hover, .c-card__utility-cta a:hover { color: var(--color-brand); } .c-card__location a, .c-card__label a { color: inherit; } .c-card__location::before { content: url(../svg/icon_map-marker.svg); } .c-card__label::before { content: url(../svg/icon_tag-label.svg); } .virtual-event-label { background-color: var(--color-secondary-accent); height: 30px; font-weight: 500; font-size: 0.875rem; line-height: 150%; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0 0 0 32px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; left: 0; position: absolute; } .virtual-event-label::before { content: url(../svg/icon_computer-screen.svg); height: 15px; margin-right: 7px; width: 17px; } .on-demand-event-label { font-size: 14px; } .on-demand-event-label::before { content: url(../svg/icon_screen-play.svg); margin-right: 7px; } .on-demand-event-label.view-on-desktop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* CARD WITH CTA VERSION 2*/ .c-cta-v2.c-card.c-card-learn-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: var(--bg-subtle); border-bottom: 9px solid var(--color-secondary-accent); } .c-cta-v2.c-card.c-card-learn-more::before, .c-cta-v2.c-card.c-card-learn-more::after { display: none; } .c-cta-v2.c-card.c-card-learn-more h4 { border-bottom: 1px solid var(--color-secondary-accent); font-family: "Cal Sans", sans-serif; margin-bottom: 24px; padding-bottom: 16px; font-size: 31px; line-height: 40px; } .c-cta-v2.c-card.c-card-learn-more a { color: #00783c; margin-top: auto; font-family: "Cal Sans", sans-serif; font-size: 18px; font-weight: 500; } .c-cta-v2.c-card.c-card-learn-more a:hover { color: #57a57d; text-decoration: none; border-bottom-color: #57a57d; } .c-cta-v2.c-card.c-card-learn-more .c-card-learn-more__desc { margin-bottom: 1.25rem; } .c-cta-v2.c-card.c-card-learn-more .c-card-learn-more__desc > p:last-child { margin-bottom: 0; } .c-cta-v2.c-card.c-card-learn-more > p:last-child { margin-top: auto; margin-bottom: 0; } .b-grid .b-section-title { margin-bottom: 32px; } .b-grid .c-card__calendar-info { margin-bottom: 0; } .b-grid .js-slider.no_nav .slider__nav { display: none; } .b-grid .js-slider .slider__loaded { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .b-grid.centered > .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .b-grid .c-card__cta_bottom { margin-top: 2.5rem; font-family: "Cal Sans", sans-serif; } /* FEATURED CARD */ .c-card-featured { background-color: var(--bg-subtle); padding: 38px 17px 20px 30px; margin-bottom: 2rem; } .c-card-featured h5 { margin-bottom: 23px; } .c-card-featured__profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .c-card-featured__profile img { -o-object-fit: cover; object-fit: cover; width: 58px; } .c-card-featured__profile-info { padding-left: 10px; } .c-card-featured__profile-info p { margin-bottom: 0; } /* CARD WITH DARK THEME */ .comp-theme--gray { background: var(--bg-subtle); margin-top: 0; margin-bottom: 0; } .comp-theme--gray .c-card.c-cta-v2 { background-color: #fff; } /* CARDS INSIDE OF SLIDER */ .slider__stage .c-card { margin-bottom: 0; } .slider__stage .c-card.c-card-with-image, .slider__stage .c-card.c-card--location { margin-bottom: 0; } @media (min-width: 50em) { /* COMPONENT: CARD */ .slider__wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: grid; grid-template-columns: 0.33fr 0.33fr 0.33fr; grid-column-gap: 2.25rem; } /* COMPONENT: CARD CALENDAR EVENT */ .c-card.c-card-single-class { display: grid; grid-template-columns: 1fr 290px; min-height: 272px; } aside .c-card.c-card-single-class, aside .c-card.c-card-single-class { display: block; } .virtual-event-label.view-on-desktop { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .spacer.view-on-desktop { display: block; } section.b-grid-col-3 .wrapper .content { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 33px; } section.b-grid-col-3 .wrapper .content .c-card { display: grid; grid-auto-rows: 1fr; } } /* CARD Location */ .c-card--location { background-color: #fff; border: 1px solid #bdbebf; border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 24px; padding: 24px; } @media (min-width: 50em) { .c-card--location { display: grid; grid-gap: 2rem; grid-template-columns: auto 210px; } } .c-card--location .c-card__details { background: none; margin-bottom: 1.5rem; padding: 0; } @media (min-width: 50em) { .c-card--location .c-card__details { margin-bottom: 0; } } .c-card--location .c-card__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .c-card--location .c-card__actions .c-btn { margin: 0 0 1rem; width: 100%; } .c-card--location .c-card__actions .c-btn .c-btn__inner { text-align: center; width: 100%; } .c-card--location .c-notification-area { grid-column: span 2; margin-bottom: 24px; } @media (min-width: 50em) { .c-card--location .c-notification-area { margin-bottom: 0; } } /* CARD Profile */ .c-card-profile { border: 1px solid var(--color-secondary-accent); padding: 25px 18px; gap: 2rem; } @media (min-width: 50em) { .c-card-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem; } } .c-card-profile__picture { margin-bottom: 0.75rem; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 60em) { .c-card-profile__picture { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; margin-bottom: 1.5rem; width: 218px; } } .c-card-profile__picture figure { background-color: var(--bg-subtle); height: 312px; width: 100%; overflow: hidden; } @media (min-width: 60em) { .c-card-profile__picture figure { width: 218px; height: 167px; } } .c-card-profile__picture figure img { -o-object-fit: cover; object-fit: cover; margin: 0; width: 100%; height: 100%; } .c-card-profile__picture-cta { background: var(--color-brand); display: block; color: #fff; text-align: center; font-weight: 400; font-size: 14px; line-height: 22px; padding: 7px 0; margin-bottom: 1.3125rem; } .c-card-profile__picture-cta:hover, .c-card-profile__picture-cta:visited { color: #fff; } .c-card-profile__picture .fad-logo { background: transparent; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: unset; margin-top: 1.3125rem; } @media (min-width: 50em) { .c-card-profile__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; } } .c-card-profile h2 { font-weight: 500; font-size: 1.75rem; line-height: 40px; margin-bottom: 0.75rem; } @media (min-width: 60em) { .c-card-profile h2 { font-weight: 500; font-size: 44px; line-height: 40px; margin-bottom: 0.5rem; } } .c-card-profile .btn-tertiary { background: #e8f3db; border-radius: 20px; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 12px; line-height: 22px; margin-bottom: 1.1875rem; padding: 6px 12px; display: inline-block; } @media (min-width: 50em) { .c-card-profile .btn-tertiary { margin-bottom: 1rem; } } .c-card-profile ol { margin-bottom: 0.75rem; } @media (min-width: 50em) { .c-card-profile ol { margin-bottom: 0; } } @media (min-width: 60em) { .c-card-profile ol:last-of-type { margin-bottom: 0; } } .c-card-profile ol dd { margin: 0; } @media (min-width: 50em) { .c-card-profile .flex-row-in-desktop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-card-profile__cta-area { -webkit-box-flex: 1; -ms-flex: 1 1 54%; flex: 1 1 54%; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; min-width: 258px; } .c-card-profile__cta-area.view-on-mobile { margin: 0 auto; } .c-card-profile__cta-area button, .c-card-profile__cta-area .c-btn { width: 100%; margin-bottom: 1rem; } .c-card-profile__cta-area button:last-of-type, .c-card-profile__cta-area .c-btn:last-of-type { margin-bottom: 0; } @media (min-width: 70em) { .c-card-profile .flex-column-desktop { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 3rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 1155px) and (min-width: 1120px) { .c-card-profile .flex-column-desktop { gap: 0; } } @media (min-width: 50em) { .c-card-profile .flex-column-desktop.c-card-profile__skills { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 3rem; } } @media screen and (max-width: 1155px) and (min-width: 1120px) { .c-card-profile .flex-column-desktop.c-card-profile__skills { gap: 0; } } @media (min-width: 50em) { .c-card-profile__contact { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 85em) { .c-card-profile__contact { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .c-card-profile__contact > div:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media screen and (max-width: 1155px) and (min-width: 1120px) { .c-card-profile__contact { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .c-card-profile__skills > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .c-card-profile__skills dt { font-weight: 600; } .c-card-profile--column { padding: 1.5rem 1.25rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: initial; } .c-card-profile--column .c-card-profile__picture { width: 305px; margin-bottom: 1rem; } .c-card-profile--column figure > img { display: block; } .c-card-profile--column .c-card-profile__resident { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-card-profile--column .modal-dialog { width: 100%; margin-bottom: 0.5rem; } .c-card-profile--column .modal-dialog iframe { aspect-ratio: 16/9; width: 100%; } .c-card-profile--column .c-card-profile__picture-cta { margin-bottom: 0; } .c-card-profile--column .btn-tertiary { margin-bottom: 0; margin-top: 1rem; } .c-card-profile--column .c-card-profile__picture figure { width: 305px; height: 230px; } .c-card-profile--column .c-card-profile__main { text-align: center; margin-bottom: 1.5rem; } .c-card-profile--column .fad-logo > img { margin: 0 auto; } .c-card-profile--column .c-card-profile__bottom { text-align: center; margin-top: auto; } .c-card-profile--column .c-card-profile__bottom .c-btn { margin-top: 1.5rem; } .c-card-profile--column .c-card-profile__bottom .ds-stars { margin: 0 auto; } .c-card-profile--column .c-card-profile__bottom .ds-summary > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-card-profile .no-ratings { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-card-profile__resident { margin-bottom: 1rem; } .c-card-profile .c-notification-area { margin-bottom: 16px; } @media (min-width: 50em) { .c-card-profile .c-notification-area { margin-bottom: 31px; } } @media (min-width: 50em) { .c-location-list { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .c-location-list__headline { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #d5dee2; margin-bottom: 1.3125rem; padding-bottom: 0.875rem; } .c-location-list h5 { color: var(--color-body-text); -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .c-location-list .phone { -webkit-box-flex: 1; -ms-flex: 1 0 20%; flex: 1 0 20%; } .c-location-list a { padding-bottom: 2px; } .c-location-list a:hover { text-decoration: none; } @media (min-width: 50em) { .c-location-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1rem; } } .c-location-item h6 { margin: 0; } @media (min-width: 50em) { .c-location-item h6 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; font-weight: 600; } } .c-location-item .c-location-item__detail { width: 100%; margin-bottom: 1.5rem; } @media (min-width: 50em) { .c-location-item .c-location-item__detail { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; } } .c-location-item .c-location-item__detail span { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .c-location-item .c-location-item__detail span.phone { -webkit-box-flex: 1; -ms-flex: 1 0 20%; flex: 1 0 20%; } .c-location-item .c-location-item__detail a { display: table; font-weight: 500; } @media (min-width: 50em) { .c-location-item .c-location-item__detail a { display: inline; } } @media (min-width: 50em) { .b-grid-cards-logo .wrapper { text-align: center; } } .b-grid-cards-logo .wrapper > .btn-primary { margin-bottom: 16px; display: inline-block; } @media (min-width: 50em) { .b-grid-cards-logo .wrapper > .btn-primary { margin-bottom: 50px; } } .b-grid-cards-logo .b-section-title { margin-bottom: 2rem; } @media (min-width: 50em) { .b-grid-cards-logo .b-section-title { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; text-align: center; } } @media (min-width: 50em) { .b-grid-cards-logo .b-section-title .orange-bar-under::after { margin: 16px auto 0; } } @media (min-width: 50em) { .b-grid-cards-logo .b-description-section { text-align: center; max-width: 1050px; margin: auto; padding-bottom: 1rem; } } @media (min-width: 50em) { .c-logo-cards--badges .wrapper { text-align: center; } } .c-logo-cards--badges .wrapper > .btn-primary { margin-bottom: 16px; display: inline-block; } @media (min-width: 50em) { .c-logo-cards--badges .wrapper > .btn-primary { margin-bottom: 50px; } } .comp-theme--gray .c-card-logo .c-card__details { background: transparent; } /* =========================== */ /* Responsive Blogs 1up & 2 up */ /* =========================== */ @media (min-width: 28em) { .c-related-content .c-related-grid.related-content_one-card { grid-template-columns: 1fr; } } @media (min-width: 28em) { .c-related-content .c-related-grid.related-content_one-card .c-card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; border-width: 1px; } } @media (min-width: 28em) { .c-related-content .c-related-grid.related-content_one-card .c-card > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (min-width: 28em) { .c-related-content .c-related-grid.related-content_one-card .c-card .c-card__details { border-bottom: 8px solid var(--color-secondary-accent); -webkit-box-flex: 0; -ms-flex: 0 0 69%; flex: 0 0 69%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 28em) { .c-related-content .c-related-grid.related-content_two-card { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 28em) { .c-related-content .c-related-grid.related-content_two-card .c-card__img_lnk { border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 380px; } } .c-related-content .c-related-grid.related-content_two-card .c-card__img { max-height: 350px; overflow: hidden; } /* ================================== */ /* Logo Cards Component - Badges (T2) */ /* ================================== */ .b-grid.c-logo-cards--badges .b-grid--wrapper { gap: 40px; } @media (min-width: 50em) { .b-grid.c-logo-cards--badges .b-grid--wrapper { gap: 24px 40px; } } .b-grid.c-logo-cards--badges .b-section-title { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 50em) { .b-grid.c-logo-cards--badges .b-section-title { margin-bottom: 0; } } @media (min-width: 50em) { .b-grid.c-logo-cards--badges .b-section-title__content { text-align: center; } } @media (min-width: 50em) { .b-grid.c-logo-cards--badges .b-section-title__content .orange-bar-under::after { margin: 16px auto 0; } } @media (min-width: 50em) { .b-grid.c-logo-cards--badges .b-description-section { max-width: 1050px; margin: auto; padding-bottom: 1rem; text-align: center; } } .b-grid.c-logo-cards--badges .c-card.c-card-logo .c-card__img { margin-bottom: 18px; } @media (min-width: 50em) { .b-grid.c-logo-cards--badges .c-card.c-card-logo .c-card__img { height: 228px; } } .b-grid.c-logo-cards--badges .c-card.c-card-logo .c-card__details { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; padding: 0; } .b-grid.c-logo-cards--badges .c-card.c-card-logo .c-card__details .c-card__title a { color: #000; cursor: default; font-size: 24px; } @media (min-width: 50em) { .b-grid.c-logo-cards--badges .c-card.c-card-logo .c-card__details .c-card__title a { font-size: 25px; } } .b-grid.c-logo-cards--badges .c-card.c-card-logo .c-card__cta { font-size: 1rem; line-height: 25px; font-weight: 500; margin: 0; } /* =================================== */ /* Image Cards Component - Arrows (T2) */ /* =================================== */ .b-grid.c-image-cards-arrow .b-section-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 50em) { .b-grid.c-image-cards-arrow .b-section-title { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 50em) { .b-grid.c-image-cards-arrow .b-section-title__content { text-align: center; } } @media (min-width: 50em) { .b-grid.c-image-cards-arrow .b-section-title__content .orange-bar-under::after { margin: 1rem auto 0; } } .b-grid.c-image-cards-arrow .c-card.c-card-with-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; height: 471px; position: relative; } @media (min-width: 50em) { .b-grid.c-image-cards-arrow .c-card.c-card-with-image { height: 589px; } } .b-grid.c-image-cards-arrow .c-card.c-card-with-image .c-card__img { bottom: 0; height: 250px; position: absolute; width: 100%; z-index: 1; } @media (min-width: 50em) { .b-grid.c-image-cards-arrow .c-card.c-card-with-image .c-card__img { height: 389px; } } .b-grid.c-image-cards-arrow .c-card.c-card-with-image .c-card__img img { height: 100%; max-height: initial; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .b-grid.c-image-cards-arrow .c-card.c-card-with-image .c-card__img .c-card__img-gradient { background: -webkit-gradient(linear, left top, left bottom, from(#f7f8f8), to(rgba(247, 248, 248, 0))); background: linear-gradient(180deg, #f7f8f8 0%, rgba(247, 248, 248, 0) 100%); position: absolute; top: 0; z-index: 9999; height: 100px; width: 100%; } .b-grid.c-image-cards-arrow .c-card.c-card-with-image .c-card__details { background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #f7f8f8), to(rgba(247, 248, 248, 0))); background: linear-gradient(180deg, #f7f8f8 70%, rgba(247, 248, 248, 0) 100%); padding-bottom: 60px; position: absolute; top: 0; z-index: 9; } .b-grid.c-image-cards-arrow .c-card.c-card-with-image .c-card__details .c-card__description { line-height: 22px; } .b-grid.c-image-cards-arrow .c-card.c-card-with-image .c-card__details .c-card__cta { display: none; } .c-card__cta-arrow { background-image: url('data:image/svg+xml,'); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; bottom: 1rem; right: 1rem; position: absolute; z-index: 999; height: 52px; width: 52px; } .c-card__cta-arrow:hover { background-image: url('data:image/svg+xml,'); } /* =================================== */ /* Cards CTA Component (T2) */ /* =================================== */ .b-grid.b-grid-col-4.c-card-cta--centered .b-section-title .b-section-title__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-family: "Cal Sans", sans-serif; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 50em) { .b-grid.b-grid-col-4.c-card-cta--centered .b-section-title .b-section-title__content h2 { text-align: center; } } @media (min-width: 50em) { .b-grid.b-grid-col-4.c-card-cta--centered .b-section-title .b-section-title__content h2.orange-bar-under::after { margin: 16px auto 0; } } .b-grid.b-grid-col-4.c-card-cta--centered .b-section-title .b-section-title__content .b-inner-content { margin: 2rem; max-width: 917px; } @media (min-width: 50em) { .b-grid.b-grid-col-4.c-card-cta--centered .b-section-title .b-section-title__content .b-inner-content { margin: 0 auto 4.75rem; text-align: center; } } @media (min-width: 50em) { .b-grid.b-grid-col-4.c-card-cta--centered .c-related-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 70em) { .b-grid.b-grid-col-4.c-card-cta--centered .c-related-grid { grid-template-columns: repeat(4, 1fr); } } .b-grid.b-grid-col-4.c-card-cta--centered .c-cta-v2.c-card.c-card-learn-more { background-color: #fff; padding: 2rem; } .b-grid.b-grid-col-4.c-card-cta--centered .c-cta-v2.c-card.c-card-learn-more h4 { border: none; color: #02754b; text-align: center; margin: 0 0 1rem; padding: 0; } .b-grid.b-grid-col-4.c-card-cta--centered .c-cta-v2.c-card.c-card-learn-more .c-card-learn-more__desc { text-align: center; } .b-grid.b-grid-col-4.c-card-cta--centered .c-cta-v2.c-card.c-card-learn-more .c-card-learn-more__desc { margin: 0; } .b-grid.b-grid-col-4.c-card-cta--centered .c-cta-v2.c-card.c-card-learn-more .c-card-learn-more__desc p { font-size: 19px; line-height: 28px; } .b-gme-card-module { margin-bottom: 2rem; } .b-gme-card-module.green-bg { background-color: #f6faf1; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); position: relative; } .b-gme-card-module.green-bg.green-bg__end { background: none; } .b-gme-card-module.green-bg.green-bg__end:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 200px; background: #f6faf1; } .b-gme-card-module.green-bg.green-bg__end:after { content: ""; width: 100%; display: block; -webkit-transform: skewY(3deg); -ms-transform: skewY(3deg); transform: skewY(3deg); background-color: #f6faf1; position: absolute; z-index: -1; top: 150px; height: 50%; } @media (min-width: 50em) { .b-gme-card-module.green-bg.green-bg__end:after { height: 250px; -webkit-transform: skewY(3deg); -ms-transform: skewY(3deg); transform: skewY(3deg); } } .b-gme-card-module.green-bg.green-bg__end .wrapper { padding: 2rem 1rem 1.25rem; position: relative; } .b-gme-card-module.green-bg.green-bg__end .wrapper .b-grid--wrapper .c-card.c-card-logo { background: #fff; } .b-gme-card-module.green-bg.green-bg__end .wrapper .b-grid--wrapper .c-card.c-card-logo .c-card__img img { width: 100%; } .b-gme-card-module.b-grid.b-grid-col-3 .b-grid--wrapper { grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); } .b-gme-card-module .c-card { -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .b-gme-card-module .c-card:hover { -webkit-box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.08); } .b-gme-card-module .c-card a:hover { text-decoration: none; } .b-gme-card-module .c-card a:hover .c-card__title { text-decoration: underline; } .b-gme-card-module .c-card .c-card__details { padding: 30px 15px; } @media (min-width: 50em) { .b-gme-card-module .c-card .c-card__details { padding: 40px 35px; } } .b-gme-card-module .c-card .c-card__details .c-card__title { font-size: 18px; font-weight: 500; line-height: 22px; margin-bottom: 10px; } @media (min-width: 50em) { .b-gme-card-module .c-card .c-card__details .c-card__title { font-size: 24px; line-height: 29px; } } .b-gme-card-module .c-card .c-card__details .c-card__description { margin-bottom: 0; color: #212529; font-size: 14px; font-weight: 300; line-height: 21px; } @media (min-width: 50em) { .b-gme-card-module .c-card .c-card__details .c-card__description { font-size: 16px; line-height: 24px; } } /* =================================== */ /* GME Leadership Cards /* =================================== */ .c-leadership-cards { margin-bottom: 2rem; } .c-card-person-sm .c-card__img { width: 100%; margin-bottom: 1rem; aspect-ratio: 430/325; overflow: hidden; position: relative; } .c-card-person-sm .c-card__img img { height: auto; width: 100%; } .c-card-person-sm .c-card__img .modal-dialog-multi-video-providers { position: absolute; bottom: 0; width: 100%; } .c-card-person-sm .c-card__img .modal-dialog-multi-video-providers .c-card-profile__picture-cta { margin: 0; } .c-card-person-sm .c-card__img .modal-dialog-multi-video-providers .videoContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .c-card-person-sm .c-card__img .modal-dialog-multi-video-providers .videoContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-card-person-sm .c-card__details .c-card__person-name { margin: 0; } .c-card-person-sm .c-card__details .c-card__cta { font-weight: bold; } /* =================================== */ /* Alliance Health Center Subsite /* Image/Icon “Cards” /* =================================== */ .theme-alliance .b-grid .b-grid--wrapper { margin: auto; grid-gap: 5px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .theme-alliance .b-grid .b-grid--wrapper { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .theme-alliance .b-grid .b-grid--wrapper .c-card { border: none; background: none; padding: 0; position: relative; } .theme-alliance .b-grid .b-grid--wrapper .c-card h1, .theme-alliance .b-grid .b-grid--wrapper .c-card h2, .theme-alliance .b-grid .b-grid--wrapper .c-card h4, .theme-alliance .b-grid .b-grid--wrapper .c-card h4, .theme-alliance .b-grid .b-grid--wrapper .c-card h5, .theme-alliance .b-grid .b-grid--wrapper .c-card h6 { color: var(--color-brand); font-family: var(--font-heading); font-size: var(--h1-size-mobile); font-weight: 400; margin-bottom: 1.25rem; padding-bottom: 0; text-transform: uppercase; border-bottom: none; } @media (min-width: 768px) { .theme-alliance .b-grid .b-grid--wrapper .c-card h1, .theme-alliance .b-grid .b-grid--wrapper .c-card h2, .theme-alliance .b-grid .b-grid--wrapper .c-card h4, .theme-alliance .b-grid .b-grid--wrapper .c-card h4, .theme-alliance .b-grid .b-grid--wrapper .c-card h5, .theme-alliance .b-grid .b-grid--wrapper .c-card h6 { font-size: var(--h2-size); } } .theme-alliance .b-grid .b-grid--wrapper .c-card .c-card__img img { -o-object-fit: unset; object-fit: unset; height: unset; margin: auto; max-height: unset; width: 95%; } .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2 { padding-left: 1.875rem; padding-right: 1.875rem; margin-bottom: 1.875rem; } @media (min-width: 50em) { .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2 { padding-left: 5rem; padding-right: 5rem; margin-bottom: 0; } } .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more:after, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2:after { content: ""; display: none; position: absolute; top: 0; right: -5px; bottom: 0; width: 6px; background-color: var(--color-primary-accent); } @media (min-width: 28em) { .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more:after, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2:after { display: block; } } .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more:first-child, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2:first-child { padding-left: 1.875rem; padding-right: 1.875rem; } @media (min-width: 50em) { .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more:first-child, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2:first-child { padding-left: 1.875rem; padding-right: 5rem; } } .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more:last-child, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2:last-child { padding-right: 1.875rem; padding-left: 1.875rem; } @media (min-width: 50em) { .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more:last-child, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2:last-child { padding-right: 1.875rem; padding-left: 5rem; } } .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more:last-child:after, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2:last-child:after { display: none; } .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more a, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2 a { font-family: var(--font-heading); font-size: 16px; font-weight: 400; border: none; text-transform: uppercase; } @media (min-width: 50em) { .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more a, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2 a { font-size: var(--h5-size); } } .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more a:hover, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2 a:hover { border-bottom: 2px solid var(--color-primary-accent); } .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more .c-card-learn-more__desc, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2 .c-card-learn-more__desc { color: var(--color-body-text-light); font-family: var(--font-body); font-size: 0.938rem; line-height: 28.7501px; margin-bottom: 1.5rem; } @media (min-width: 50em) { .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more .c-card-learn-more__desc, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2 .c-card-learn-more__desc { font-size: var(--font-size-base); line-height: 1.4; margin-bottom: 1.25rem; } } .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2 { padding-left: 1.875rem; padding-right: 1.875rem; margin-bottom: 1.875rem; } @media (min-width: 768px) { .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2 { padding-left: 5rem; padding-right: 5rem; margin-bottom: 0; } } .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more:after, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2:after { content: ""; display: block; position: absolute; right: 0; top: auto; bottom: -0.9375rem; width: 100%; height: 0; border-bottom: 2px dotted #929597; background-color: transparent; } @media (min-width: 768px) { .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more:after, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2:after { top: 0; right: -5px; bottom: 0; width: 6px; height: 100%; background-color: var(--color-primary-accent); border-bottom: none; } } .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more:first-child, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2:first-child { padding-left: 1.875rem; padding-right: 1.875rem; } @media (min-width: 768px) { .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more:first-child, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2:first-child { padding-left: 1.875rem; padding-right: 5rem; } } .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more:last-child, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2:last-child { padding-right: 1.875rem; padding-left: 1.875rem; } @media (min-width: 768px) { .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more:last-child, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2:last-child { padding-right: 1.875rem; padding-left: 5rem; } } .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more:last-child:after, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2:last-child:after { display: none; } .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more a, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2 a { font-family: var(--font-heading); font-size: 16px; font-weight: 700; border: none; text-transform: uppercase; } @media (min-width: 50em) { .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more a, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2 a { font-size: var(--h5-size); } } .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more a:hover, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2 a:hover { border-bottom: 2px solid var(--color-primary-accent); } .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more .c-card-learn-more__desc, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2 .c-card-learn-more__desc { color: var(--color-body-text-light); font-family: var(--font-body); font-size: 0.938rem; line-height: 28.7501px; margin-bottom: 1.5rem; } @media (min-width: 50em) { .theme-alliance .b-grid .b-grid--wrapper .c-card.c-card-learn-more .c-card-learn-more__desc, .theme-alliance .b-grid .b-grid--wrapper .c-card.c-cta-v2 .c-card-learn-more__desc { font-size: var(--font-size-base); line-height: 1.4; margin-bottom: 1.25rem; } } .theme-alliance .b-grid .b-grid--wrapper .c-card .c-card__details { padding: 1.875rem 0 0; text-align: center; } .theme-alliance .b-grid .b-grid--wrapper .c-card .c-card__details .c-card__title { color: var(--color-brand); font-family: var(--font-heading); font-size: var(--h1-size-mobile); font-weight: 400; margin-bottom: 1.25rem; text-transform: uppercase; } @media (min-width: 50em) { .theme-alliance .b-grid .b-grid--wrapper .c-card .c-card__details .c-card__title { font-size: var(--h2-size); } } .theme-alliance .b-grid .b-grid--wrapper .c-card .c-card__details p, .theme-alliance .b-grid .b-grid--wrapper .c-card .c-card__details .c-card__description { color: var(--color-body-text-light); font-family: var(--font-body); font-size: 0.938rem; line-height: 28.7501px; margin-bottom: 1.5rem; } @media (min-width: 50em) { .theme-alliance .b-grid .b-grid--wrapper .c-card .c-card__details p, .theme-alliance .b-grid .b-grid--wrapper .c-card .c-card__details .c-card__description { font-size: var(--font-size-base); line-height: 1.4; margin-bottom: 1.25rem; } } .theme-alliance .b-grid .b-grid--wrapper .c-card .c-card__details .c-card__cta { font-family: var(--font-heading); font-size: 16px; font-weight: 700; border: none; } @media (min-width: 50em) { .theme-alliance .b-grid .b-grid--wrapper .c-card .c-card__details .c-card__cta { font-size: var(--h5-size); } } .theme-alliance .b-grid .b-grid--wrapper .c-card .c-card__details .c-card__cta:hover { border-bottom: 2px solid var(--color-primary-accent); } .theme-connect .c-card.c-card-with-icon { border-color: var(--color-primary-accent); } .theme-connect .c-card.c-card-with-icon .c-card__img { border-color: var(--color-primary-accent); } .c-card__cta { color: #00783c; } .theme-redesign .b-section-title__content h2 { color: #0d4026 !important; font-size: 44px !important; } .theme-redesign.b-grid.c-icon-cards { background: #feede0; margin-top: 0; margin-bottom: 0; overflow: hidden; position: relative; } .theme-redesign.b-grid.c-icon-cards:after { content: url(../svg/icon-cards-shape.svg); display: block; position: absolute; right: 0; bottom: 0; -webkit-transform: translate(25%, 50%); -ms-transform: translate(25%, 50%); transform: translate(25%, 50%); z-index: 1; } .theme-redesign.b-grid.c-icon-cards .c-card__img > img { -o-object-fit: contain; object-fit: contain; } .theme-redesign.b-grid.c-icon-cards .c-card__description { color: #242628 !important; } .theme-redesign.b-grid.c-icon-cards .c-card__description p { color: #242628 !important; } @media (min-width: 50em) { .theme-redesign.b-grid.c-icon-cards { padding: 96px 0; } } .theme-redesign.b-grid.c-icon-cards .wrapper { position: relative; z-index: 2; } .theme-redesign .c-card, .theme-redesign .c-card--accent { border: 1px solid #bdbebf; border-radius: 12px; overflow: clip; } .theme-redesign .c-card-with-icon, .theme-redesign .c-card--accent-with-icon { padding: 32px; } .theme-redesign .c-card-with-icon .c-card__title, .theme-redesign .c-card--accent-with-icon .c-card__title { color: #0d4026 !important; font-size: 24px !important; margin-bottom: 8px !important; } @media (min-width: 50em) { .theme-redesign .c-card-with-icon .c-card__title, .theme-redesign .c-card--accent-with-icon .c-card__title { font-size: 28px !important; } } .theme-redesign .c-card-with-icon .c-card__img, .theme-redesign .c-card--accent-with-icon .c-card__img { border: none; border-radius: 0; margin-bottom: 24px; -o-object-fit: contain; object-fit: contain; position: relative; top: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: 45px; height: 45px; } .theme-redesign .c-card-with-icon .c-card__details, .theme-redesign .c-card--accent-with-icon .c-card__details { border: none !important; height: calc(100% - 69px); padding: 0; } .theme-redesign .c-card-with-icon .c-card__details .c-card__description, .theme-redesign .c-card--accent-with-icon .c-card__details .c-card__description { color: #242628 !important; } .theme-redesign .c-card-with-icon .c-card__details > p, .theme-redesign .c-card--accent-with-icon .c-card__details > p { color: #242628 !important; display: block; width: 100%; margin-top: auto; } .theme-redesign .c-card-with-icon .c-card__details > p .c-card__cta, .theme-redesign .c-card--accent-with-icon .c-card__details > p .c-card__cta { border: 1px solid #00783c; border-radius: 12px; color: #00783c; display: block; font-family: "Cal Sans", sans-serif; font-weight: 400; padding: 16px; position: relative; text-align: center; width: 100%; } .theme-redesign .c-card-with-icon .c-card__details > p .c-card__cta:after, .theme-redesign .c-card--accent-with-icon .c-card__details > p .c-card__cta:after { display: none; } .theme-redesign .c-card-with-icon .c-card__details > p .c-card__cta:hover, .theme-redesign .c-card-with-icon .c-card__details > p .c-card__cta:focus, .theme-redesign .c-card--accent-with-icon .c-card__details > p .c-card__cta:hover, .theme-redesign .c-card--accent-with-icon .c-card__details > p .c-card__cta:focus { background: #00783c; color: #fff; } .theme-redesign .c-cta-v2.c-card.c-card-learn-more { background-color: #feede0; border: 1px solid #fcd3ba; -webkit-box-shadow: 0 8px 16px -8px rgba(12, 31, 20, 0.1); box-shadow: 0 8px 16px -8px rgba(12, 31, 20, 0.1); } .theme-redesign .c-cta-v2.c-card.c-card-learn-more h4 { border-bottom: none; color: #0d4026; margin-bottom: 8px; padding-bottom: 0; font-family: "Cal Sans", sans-serif; font-size: 28px; line-height: 32px; } .theme-redesign .c-cta-v2.c-card.c-card-learn-more a { color: #00783c; font-family: "Cal Sans", sans-serif; font-weight: 400; position: relative; } .theme-redesign .c-cta-v2.c-card.c-card-learn-more a:after { content: url(../svg/green-arrow-redesign.svg); position: relative; top: 0; right: -10px; width: 16px; height: 11px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .theme-redesign .c-cta-v2.c-card.c-card-learn-more a:hover, .theme-redesign .c-cta-v2.c-card.c-card-learn-more a:focus { color: #0d4026; } .theme-redesign .c-cta-v2.c-card.c-card-learn-more a:hover:after, .theme-redesign .c-cta-v2.c-card.c-card-learn-more a:focus:after { right: -16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .theme-redesign .c-cta-v2.c-card.c-card-learn-more .c-card-learn-more__desc { color: #242628 !important; } .theme-redesign .c-image-cards--service-line { margin-bottom: 0; } .theme-redesign .c-image-cards--service-line .wrapper { padding-left: 0 !important; padding-right: 0 !important; } .theme-redesign .c-image-cards--service-line .c-card.c-card-with-image { background: #00783c; } .theme-redesign .c-image-cards--service-line .c-card.c-card-with-image .c-card__img_lnk-hover .c-card__title { display: block; color: #fff; font-size: 18px; font-weight: 400; margin-bottom: 0 !important; } .theme-redesign .c-image-cards--service-line .c-card.c-card-with-image .c-card__img_lnk-hover .c-card__title:after { content: url(../svg/lime-green-arrow-redesign.svg); position: relative; top: 0; right: -10px; width: 16px; height: 11px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .theme-redesign .c-image-cards--service-line .c-card.c-card-with-image .c-card__img_lnk-hover:hover, .theme-redesign .c-image-cards--service-line .c-card.c-card-with-image .c-card__img_lnk-hover:focus { text-decoration: none !important; border-bottom: none !important; } .theme-redesign .c-image-cards--service-line .c-card.c-card-with-image .c-card__img_lnk-hover:hover .c-card__title, .theme-redesign .c-image-cards--service-line .c-card.c-card-with-image .c-card__img_lnk-hover:focus .c-card__title { text-decoration: none !important; border-bottom: none !important; } .theme-redesign .c-image-cards--service-line .c-card.c-card-with-image .c-card__img_lnk-hover:hover .c-card__title:after, .theme-redesign .c-image-cards--service-line .c-card.c-card-with-image .c-card__img_lnk-hover:focus .c-card__title:after { right: -16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .theme-redesign .c-image-cards--service-line .c-card__details { background: #00783c; padding: 16px 32px; } .theme-redesign .c-image-cards--service-line .c-card__details p { font-size: 18px; font-weight: 400; line-height: 32px; } .theme-redesign .c-image-cards--service-line .c-card__details .c-card__title { display: none; } .theme-redesign .c-image-cards--service-line .c-card__details .c-card__description { display: none; } .theme-redesign .c-image-cards--service-line .c-card__details .c-card__cta { color: #fff; font-family: "Cal Sans", sans-serif; font-size: 18px; font-weight: 400; } .theme-redesign .c-image-cards--service-line .c-card__details .c-card__cta:after { content: url(../svg/lime-green-arrow-redesign.svg); position: relative; top: 0; right: -10px; width: 16px; height: 11px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .theme-redesign .c-image-cards--service-line .c-card__details .c-card__cta:hover:after, .theme-redesign .c-image-cards--service-line .c-card__details .c-card__cta:focus:after { right: -16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (min-width: 50em) { .theme-redesign .c-service-line { padding: 0; } } .theme-redesign .c-service-line .c-card.c-card-with-image { border: none; -webkit-box-shadow: 0 8px 16px -8px rgba(12, 31, 20, 0.1); box-shadow: 0 8px 16px -8px rgba(12, 31, 20, 0.1); } .theme-redesign .c-service-line-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .theme-redesign .c-service-line-title .eyebrow-text { color: #0d4026 !important; font-size: 28px; line-height: 32px; } .theme-redesign .c-service-line-title h2 { color: #0d4026 !important; font-size: 55px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 48px; margin-bottom: 0.5rem; } .theme-redesign .c-service-line-title a { color: #00783c; font-size: 18px; font-weight: 600; text-decoration: underline; } .theme-redesign .c-service-line-title a:hover, .theme-redesign .c-service-line-title a:focus { text-decoration: none; } .theme-redesign .c-service-line-title a:hover { cursor: pointer; } .theme-redesign .b-blog-cards .c-card { background: #fff; } .theme-redesign .b-blog-cards .c-card__label { display: none; } .theme-redesign .b-blog-cards .c-card__details .c-card__subhead { font-size: 14px; margin-bottom: 4px; } .theme-redesign .c-card__title { color: #02754b; font-size: 35px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 40px; margin-bottom: 0.5rem; } .theme-redesign .c-card__title a { text-decoration: none; border: 0; } .theme-redesign .c-card__title a:hover { text-decoration: none; color: var(--color-body-text-dark); } .theme-redesign.c-image-cards { background: #f8f4e9; margin-top: 0 !important; margin-bottom: 0 !important; overflow: hidden; position: relative; padding-top: 64px; padding-bottom: 64px; } .theme-redesign.c-image-cards .wrapper { position: relative; z-index: 2; } .theme-redesign.c-image-cards h2, .theme-redesign.c-image-cards h3 { font-size: 44px; } .theme-redesign.c-image-cards:after { content: url(../image-cards-shape.html); display: block; position: absolute; bottom: 0; right: 0; width: 579px; height: 539px; z-index: 1; } .theme-redesign.c-image-cards .c-card__details .c-card__title { color: #0d4026 !important; font-size: 28px; } .theme-redesign.c-image-cards .c-card__details .c-card__description { color: #242628 !important; } .theme-redesign.c-image-cards .c-card__details .c-card__description p { color: #242628 !important; } .theme-redesign.c-image-cards .c-card__details p { color: #242628 !important; } .theme-redesign.c-image-cards .c-card__details .c-card__cta { color: #00783c; font-weight: 500; position: relative; } .theme-redesign.c-image-cards .c-card__details .c-card__cta:after { content: url(../svg/green-arrow-redesign.svg); position: relative; top: 0; right: -10px; width: 16px; height: 11px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .theme-redesign.c-image-cards .c-card__details .c-card__cta:hover, .theme-redesign.c-image-cards .c-card__details .c-card__cta:focus { text-decoration: none; color: #57a57d; } .theme-redesign.c-image-cards .c-card__details .c-card__cta:hover:after, .theme-redesign.c-image-cards .c-card__details .c-card__cta:focus:after { right: -16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-grid.c-icon-cards.centered.b-grid-col-3.theme-redesign { padding-top: 64px; } .b-grid.c-icon-cards.centered.b-grid-col-3.theme-redesign .c-card.c-card-with-icon { margin-top: 0 !important; } @media (min-width: 50em) { .b-grid.c-icon-cards.centered.b-grid-col-3.theme-redesign { padding-top: 96px; } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /* ATOM: IMAGE STYLED */ .c-img-styled { margin-bottom: 2rem; position: relative; width: calc(100% - 6px); } .c-img-styled::after { background: #0d4026; content: ""; bottom: 0; display: block; height: 40%; position: absolute; right: -6px; width: 6px; z-index: 9; } .c-img-styled img { display: block; width: 100%; } @media (min-width: 50em) { .c-img-styled { width: calc(100% - 14px); } .c-img-styled::after { right: -14px; width: 14px; } } /* ATOM: VIDEO EMBED */ .c-video-styled { position: relative; padding-bottom: 56.25%; } .c-video-styled > iframe { width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .slider { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; /* * Slider component styling/defaults */ } .slider__stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .slider__stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .slider__stage, .slider__stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); margin-right: -20px; } @media (min-width: 60em) { .slider__stage, .slider__stage-outer { margin-right: 0; } } .slider__wrapper, .slider__item { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slider__item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .slider__item > img { display: block; width: 100%; } .slider { /* * Slider navigation */ } .slider__dots { width: 100%; text-align: center; margin-top: 1rem; } .slider__dot { background: none; border: none; padding: 0; cursor: pointer; } .slider__dot > span { display: inline-block; width: 0.6rem; height: 0.6rem; border-radius: 100%; background: rgba(0, 0, 0, 0.2); margin: 0 0.5rem; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .slider__dot.active > span { -webkit-transform: scale(1.6667); -ms-transform: scale(1.6667); transform: scale(1.6667); background-color: #000; } .slider__btn { display: inline-block; padding: 2rem; border: none; cursor: pointer; -webkit-transition: background 0.4s; transition: background 0.4s; } .slider__btn.disabled .icon-highlight:before { color: rgba(0, 0, 0, 0.25); } .slider__btn:focus { outline: none; } .slider__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0; background: none; border: none; color: #000; } .slider__prev { left: -1rem; } .slider__next { right: -1rem; } .slider { /* * Slider States */ } .slider__nav.disabled, .slider__dots.disabled { display: none; } .slider__loaded { display: block; } .slider__loading { opacity: 0; display: block; } .slider__hidden { opacity: 0; } .slider__refresh .slider__item { visibility: hidden; } .slider__rtl { direction: rtl; } .slider__rtl .slider__item { float: right; } .slider.no-js { display: block; } .slider { /* * Slider Actions */ } .slider__grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .slider__grab .slider__item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slider .slider__nav .slider__prev, .slider .slider__nav .slider__next, .slider .slider__dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slider--showNext { position: relative; margin-right: -15px; } @media (min-width: 60em) { .slider--showNext { margin: 0; } } .slider--showNext .slider__stage { padding-left: 0 !important; } .slider--showNext .slider__item { opacity: 0.5; -webkit-transition: 0.4s; transition: 0.4s; } .slider--showNext .slider__item.active { opacity: 1; } .slider--showNext .slider__prev { display: none; } .slider--showNext .slider__next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; padding: 2.5rem 1.25rem; line-height: 1; color: #fff; background: var(--color-brand); } .slider--showNext .slider__next:before { content: "\f053\f053"; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 1.125rem; } /* * Owl Carousel - Animate Plugin */ .slider .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .slider .slider__animated-in { z-index: 0; } .slider .owl-animated-out { z-index: 1; } .slider .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .slider .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /* COMPONENT: SLIDER */ .ce-slider { position: relative; } .ce-slider__container { background: #e6f4f2; padding: 2rem 2rem 3rem; } .ce-slider__header { font-size: 21px; margin-bottom: 30px; } .ce-slider .slider--ce-slider { position: relative; } .ce-slider .slider__btn { padding: 1rem; } .ce-slider .slider__prev, .ce-slider .slider__next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 50px; height: 50px; border-radius: 50%; background: var(--color-brand); color: #fff; } .ce-slider .slider__prev:hover, .ce-slider .slider__next:hover { background-color: var(--color-secondary-accent); } .ce-slider .slider__prev.disabled, .ce-slider .slider__next.disabled { display: none; } @media (min-width: 50em) { .ce-slider .slider__prev, .ce-slider .slider__next { width: 40px; height: 40px; } } .ce-slider .slider__prev { left: -56px; top: 40%; } @media (min-width: 50em) { .ce-slider .slider__prev { display: block; left: 0; top: 50%; } } .ce-slider .slider__next { right: 0; top: 40%; } @media (min-width: 50em) { .ce-slider .slider__next { right: -56px; top: 50%; } } .ce-slider .icon-arrow-left:after, .ce-slider .icon-arrow-right:after { font-family: "Font Awesome 5 Free"; font-weight: 900; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; font-size: 30px; } @media (min-width: 50em) { .ce-slider .icon-arrow-left:after, .ce-slider .icon-arrow-right:after { font-size: 16px; } } .ce-slider .icon-arrow-left:after { display: none; } @media (min-width: 50em) { .ce-slider .icon-arrow-left:after { display: block; content: "\f060"; right: 7px; } } .ce-slider .icon-arrow-right:after { content: "\f061"; font-size: 16px; } .ce-slider .c-img-card { min-height: 220px; } .ce-slider .c-img-card__inner { padding: 1rem; } .ce-slider .c-img-card:hover { opacity: 0.6; } .ce-slider .slider__stage .slider__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .ce-slider .slider__stage .slider__item .c-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ce-slider .slider__stage .slider__item .c-card .c-card__details { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ce-slider .slider__stage .slider__item .c-card__calendar-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; padding: 0; } .slider--no-trasform .slider__stage-outer, .slider--no-trasform .slider__stage, .slider--no-trasform .slider__item { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /* COMPONENT: Search Filter */ .c-search-filter .cta-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 30px 0 51px; gap: 1.5rem 0; } @media (min-width: 50em) { .c-search-filter .cta-buttons { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 50em) { .c-search-filter .cta-buttons > * { margin-bottom: 1.5rem; } } .c-search-filter .cta-buttons input { min-width: auto; width: auto; } .c-search-filter .cta-buttons p { margin-bottom: 0; text-align: right; } .c-search-filter .cta-buttons a { border-bottom: 1px solid; } .c-search-filter .cta-buttons a:hover { text-decoration: none; } .c-search-filter .b-row-form h5 { padding-top: 0.6875rem; margin-bottom: 1.375rem; } /* List of tags displayed as buttons on Results page */ .filter-tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: var(--bg-subtle); margin-bottom: 27px; padding: 21px 25px 17px 20px; } .filter-tags .filters-label { margin: 0; } .filter-tags .cta-area a { color: var(--color-body-text-dark); font-weight: 500; letter-spacing: 1px; text-decoration: underline; } .filter-tags .cta-area a .mobile { text-decoration: underline; } .c-tags-list .tags-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .c-tags-list .tags-list li { color: var(--color-body-text); font-size: 1rem; font-weight: 600; } .c-tags-list .tags-list li .tag { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-width: 1px; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 450; font-size: 0.875rem; line-height: 0%; min-height: 36px; min-width: auto; padding: 0 0 0 15px; text-align: center; text-decoration: none; } .c-tags-list .tags-list li .tag:hover { border-width: 1px; color: #fff; } .c-tags-list .tags-list li .tag:hover .btn-close:before, .c-tags-list .tags-list li .tag:hover .btn-close:after { background: #fff; } .b-filter-tags .wrapper { padding-bottom: 10px; } .b-filter-tags .wrapper .filter-tags { margin-bottom: 0; } .flex-space-between { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .results-and-results-view-mode { margin-bottom: 1.25rem; } .results-and-results-view-mode .results-counter { font-size: 1rem; margin-bottom: 0; } .results-and-results-view-mode .toggle-serach-view a { color: var(--color-body-text); font-weight: 400; } .results-and-results-view-mode .toggle-serach-view a.active { font-weight: 800; } .aside-left .wrapper main .results-counter, .aside-right .wrapper main .results-counter { font-size: 1rem; } .desktop { display: none; } .results-view-panel { display: none; margin-bottom: 2rem; border-radius: 16px; overflow: hidden; -webkit-box-shadow: 0 8px 16px -8px rgba(12, 31, 20, 0.1); box-shadow: 0 8px 16px -8px rgba(12, 31, 20, 0.1); } .results-view-panel[data-view-mode=list] { display: block; } .results-view-panel[data-view-mode=list] figure { display: none; } .results-view-panel[data-view-mode=list] .cards .c-card.c-card--location .c-notification-area { grid-row-start: 2; margin-bottom: 24px; } .results-view-panel .map-shape-orange { display: none; } .results-view-panel[data-view-mode=map] { border: 1px solid #d3d6d9; display: block; } @media (min-width: 50em) { .results-view-panel[data-view-mode=map] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 850px; } } .results-view-panel[data-view-mode=map] .results-view-panel__map { display: none; } @media (min-width: 50em) { .results-view-panel[data-view-mode=map] .results-view-panel__map { display: block; height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .results-view-panel[data-view-mode=map] .results-view-panel__map img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .results-view-panel[data-view-mode=map] .results-view-panel__map iframe { height: 100%; width: 100%; } .results-view-panel[data-view-mode=map] .cards { background: #f7f8f8; padding: 16px; } @media (min-width: 50em) { .results-view-panel[data-view-mode=map] .cards { -webkit-box-sizing: content-box; box-sizing: content-box; height: calc(100% - 32px); overflow-y: auto; overflow-x: hidden; width: 277px; } } .results-view-panel[data-view-mode=map] .cards .c-card { border: 1px solid #bdbebf; border-radius: 12px; -webkit-box-shadow: 0 8px 16px -8px rgba(12, 31, 20, 0.1); box-shadow: 0 8px 16px -8px rgba(12, 31, 20, 0.1); padding: 24px; } .results-view-panel[data-view-mode=map] .cards .c-card.c-card--location { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .results-view-panel[data-view-mode=map] .cards .c-card.c-card--location .c-card__details { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .results-view-panel[data-view-mode=map] .cards .c-card.c-card--location .c-card__details .c-card__title { color: #0d4026; font-family: "Cal Sans", sans-serif; font-size: 28px; text-decoration: none; } .results-view-panel[data-view-mode=map] .cards .c-card.c-card--location .c-card__details .c-card__title a { color: #0d4026; } .results-view-panel[data-view-mode=map] .cards .c-card.c-card--location .c-card__details .c-card__title a:hover, .results-view-panel[data-view-mode=map] .cards .c-card.c-card--location .c-card__details .c-card__title a:focus { text-decoration: underline; } .results-view-panel[data-view-mode=map] .cards .c-card.c-card--location .c-card__details > p { color: #242628 !important; } .results-view-panel[data-view-mode=map] .cards .c-card.c-card--location .c-card__details > p a { color: #00783c; font-weight: 500; text-decoration: underline; } .results-view-panel[data-view-mode=map] .cards .c-card.c-card--location .c-card__details > p a:hover { text-decoration: none; } .results-view-panel[data-view-mode=map] .cards .c-card.c-card--location .c-card__actions { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .results-view-panel[data-view-mode=map] .cards .c-card.c-card--location .c-card__actions .c-btn { width: 100%; margin-bottom: 1rem; } .results-view-panel[data-view-mode=map] .cards .c-card.c-card--location .c-card__actions .c-btn__inner { text-align: center; width: 100%; } .results-view-panel[data-view-mode=map] .cards .c-card.c-card--location .c-notification-area { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .results-view-panel[data-view-mode=map] .cards .scrollbar-green::-webkit-scrollbar { display: none; } .results-view-panel[data-view-mode=map] + .c-pagination { -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; padding-right: 3.5rem; } .results-view-panel[data-view-mode=map] .google-marker { line-height: 1.5; position: relative; font-size: 0.875rem; } .results-view-panel[data-view-mode=map] .results-view-panel__map [role=dialog] { padding: 1rem 0.5rem 0.25rem 1rem !important; } .results-view-panel[data-view-mode=map] .results-view-panel__map [role=dialog] button { min-width: auto; right: 0.25rem !important; top: 0.25rem !important; } .theme-redesign { overflow: hidden; } @media (max-width: 50em) { .theme-redesign { position: relative; } } .theme-redesign .results-view-panel .map-shape-orange { display: block; position: absolute; -webkit-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); top: 70%; bottom: auto; left: -10%; z-index: -1; } @media (min-width: 50em) { .theme-redesign .results-view-panel .map-shape-orange { width: 865px; height: 961px; top: auto; bottom: auto; left: 55%; } } .cards { margin-bottom: 2rem; } #MapComponent .cards { margin-bottom: 0; } .cards .c-card { margin-bottom: 1.5rem; } .cards .c-card:last-of-type { margin-bottom: 0; } /* HERO SEARCH BAR */ .c-search-bar .form-fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; margin-bottom: 1rem; } .c-search-bar .form-fields input[type=button] { display: block; margin: 0 auto; width: auto; } .c-search-bar .underlined { display: block; margin: 0px auto; } .results-page { overflow-x: hidden; } .results-page aside { /* To hide Aside column on Results page */ } .results-page aside.b-filters-mobile-hidden { display: none; position: absolute; border-bottom: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); padding: 1.5rem; } @media (min-width: 60em) { .results-page aside.b-filters-mobile-hidden { background-color: #fff; border-bottom: none; -webkit-box-shadow: none; box-shadow: none; display: block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; left: 0; padding: 0; position: static; top: 0; width: 100%; max-width: 294px; } } .results-page aside.b-filters-mobile-hidden.opened { display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; position: fixed; top: 0; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; left: 0; overflow: auto; height: 100%; z-index: 9; margin: 0; } @media (min-width: 60em) { .results-page aside.b-filters-mobile-hidden.opened { display: block; position: initial; } } .results-page aside.b-filters-mobile-hidden h4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2rem; } @media (min-width: 60em) { .results-page aside.b-filters-mobile-hidden h4 { margin-bottom: 0.6rem; } } .results-page aside.b-filters-mobile-hidden h4 .btn-close { display: block !important; padding: 7px 0 8px 10px; } @media (min-width: 50em) { .results-page aside.b-filters-mobile-hidden h4 .btn-close.view-on-mobile { display: block !important; } } @media (min-width: 60em) { .results-page aside.b-filters-mobile-hidden h4 .btn-close.view-on-mobile { display: none !important; } } @media (min-width: 70em) { .results-page aside.b-filters-mobile-hidden h4 .btn-close.view-on-mobile { display: none !important; } } .results-page aside.b-filters-mobile-hidden h4 .btn-close.u-is-desktop-hidden { display: block !important; } @media (min-width: 60em) { .results-page aside.b-filters-mobile-hidden h4 .btn-close.u-is-desktop-hidden { display: none !important; } } .results-page aside.b-filters-mobile-hidden .btn-close { margin: 0; } .results-page aside.b-filters-mobile-hidden .btn-close::after, .results-page aside.b-filters-mobile-hidden .btn-close::before { width: 15px; } .results-page aside.b-filters-mobile-hidden .view-on-mobile .c-tags-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2.25rem; } .results-page aside.b-filters-mobile-hidden .view-on-mobile .c-tags-list .tags-list li .tag .btn-close { padding: 7px 15px 8px 10px; } .results-page aside.b-filters-mobile-hidden .c-year-selector { width: 100%; } @media (min-width: 50em) { .results-page aside.b-filters-mobile-hidden .c-year-selector { max-width: initial; } } .results-page aside.b-filters-mobile-hidden .u-is-desktop-hidden { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media (min-width: 60em) { .results-page aside.b-filters-mobile-hidden .u-is-desktop-hidden { display: none !important; } } .results-page aside.b-filters-mobile-hidden .u-is-desktop-hidden .c-tags-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2rem; } @media (min-width: 60em) { .results-page aside.b-filters-mobile-hidden .u-is-desktop-hidden .c-tags-list { display: none; } } .results-page.cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; } .results-page .aside-right .wrapper aside { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .results-page .aside-right .wrapper main { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .results-page .c-speedbump.speedbump-results-page { margin-bottom: 2rem; } /* To hide Aside column on Results page */ .c-tags-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem; } @media (min-width: 60em) { .c-tags-list { display: -webkit-box; display: -ms-flexbox; display: flex; } } .dropdown-container { background: #00783c; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; height: auto; max-height: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; overflow: hidden; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .dropdown-container.active { max-height: 200px; } .dropdown-container .dropdown-content { padding: 1rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 60em) { .filter-tags { padding: 10px 20px; } .filter-tags .cta-area { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .filter-tags .cta-area .desktop { display: initial; } .filter-tags .mobile { display: none; } .tags-list { display: -webkit-box; display: -ms-flexbox; display: flex; } /* COMPONENT: Search Filter */ .c-search-filter input[type=text], .c-search-filter input[type=email], .c-search-filter input[type=number], .c-search-filter input[type=password], .c-search-filter input[type=tel], .c-search-filter input[type=text], .c-search-filter input[type=date], .c-search-filter select { margin: 10px 0 25px; } .c-search-filter input[type=button] { width: auto; } aside .c-search-filter .cta-buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } aside .c-search-filter .cta-buttons button, aside .c-search-filter .cta-buttons input[type=button], aside .c-search-filter .cta-buttons input[type=button].primary, aside .c-search-filter .cta-buttons input[type=button].secondary, aside .c-search-filter .cta-buttons .btn-primary, aside .c-search-filter .cta-buttons .btn-secondary { margin-bottom: 0; margin-left: 0; margin-right: 0; min-width: 150px; } .c-search-bar .form-fields { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-search-bar .form-fields > * { -webkit-box-flex: 1; -ms-flex: 1 1 5%; flex: 1 1 5%; } .c-search-bar .form-fields .input-keyword, .c-search-bar .form-fields .select-category { -webkit-box-flex: 1; -ms-flex: 1 1 20%; flex: 1 1 20%; } .c-search-bar .underlined { display: inline-block; margin: initial; } .b-filter-tags { display: block; } } @media (min-width: 60em) { aside .c-search-filter .cta-buttons { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-right: 1.3125rem; } aside .c-search-filter .cta-buttons input[type=button] { margin-bottom: 0; } } .dropdown-container--search { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .dropdown-container--search.active { overflow: unset; } @media (min-width: 50em) { .dropdown-container--search { -webkit-box-ordinal-group: inherit; -ms-flex-order: inherit; order: inherit; } } input.yxt-SearchBar-input { border: 0 !important; -webkit-box-shadow: none; box-shadow: none; margin: 0 !important; } .yxt-SearchBar-clear, .yxt-SearchBar-button { min-width: 4rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .yxt-SearchBar-button { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background: none; } .yxt-SearchBar-button:hover, .yxt-SearchBar-button:focus { background: none; } .yxt-SearchBar-clear:hover, .yxt-SearchBar-clear:focus { background: none; } .yxt-SearchBar-clear svg { width: 1.5rem; height: 1.5rem; } #search-solr-form, .search-solr-form { gap: 1.5rem; } #search-solr-form input, #search-solr-form button, .search-solr-form input, .search-solr-form button { display: block; width: 100%; } @media (min-width: 50em) { #search-solr-form, .search-solr-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #search-solr-form button, .search-solr-form button { width: auto; } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ .c-news-letter { background-color: var(--bg-subtle); } .c-news-letter > .wrapper { background-image: radial-gradient(circle at 100% 100%, transparent -4px, #8ec54a -4px, #8ec54a 1px, transparent 1px), -webkit-gradient(linear, left top, right top, from(#8ec54a), to(#01890c)), radial-gradient(circle at 0% 100%, transparent -4px, #01890c -4px, #01890c 1px, transparent 1px), -webkit-gradient(linear, left top, left bottom, from(#01890c), to(#01890c)), radial-gradient(circle at 0% 0%, transparent -4px, #01890c -4px, #01890c 1px, transparent 1px), -webkit-gradient(linear, right top, left top, from(#01890c), to(#8ec54a)), radial-gradient(circle at 100% 0%, transparent -4px, #8ec54a -4px, #8ec54a 1px, transparent 1px), -webkit-gradient(linear, left bottom, left top, from(#8ec54a), to(#8ec54a)); background-image: radial-gradient(circle at 100% 100%, transparent -4px, #8ec54a -4px, #8ec54a 1px, transparent 1px), linear-gradient(to right, #8ec54a, #01890c), radial-gradient(circle at 0% 100%, transparent -4px, #01890c -4px, #01890c 1px, transparent 1px), linear-gradient(to bottom, #01890c, #01890c), radial-gradient(circle at 0% 0%, transparent -4px, #01890c -4px, #01890c 1px, transparent 1px), linear-gradient(to left, #01890c, #8ec54a), radial-gradient(circle at 100% 0%, transparent -4px, #8ec54a -4px, #8ec54a 1px, transparent 1px), linear-gradient(to top, #8ec54a, #8ec54a); background-size: 1px 1px, calc(100% - 2px) 1px, 1px 1px, 1px calc(100% - 2px), 1px 1px, calc(100% - 2px) 1px, 1px 1px, 1px calc(100% - 2px); background-position: top left, top center, top right, center right, bottom right, bottom center, bottom left, center left; background-repeat: no-repeat; padding: 24px 22px 35px 28px; } .c-news-letter h3 { font-family: "Montserrat", sans-serif; margin-bottom: 15px; font-size: 44px; } .c-news-letter .c-btn { margin: 25px auto; display: table; } .c-news-letter .c-btn.c-card__cta { color: #fff; } .c-news-letter .c-follow-us { border-top: 1px solid var(--color-secondary-accent) !important; margin-bottom: 0; } .c-news-letter .c-follow-us .wrapper { padding: 23px 0 0; } .c-news-letter .c-follow-us .wrapper h3 { font-size: 44px; } .c-news-letter .c-follow-us .wrapper ul { grid-column-gap: 18px; } .c-follow-us { background-color: var(--bg-subtle); margin-bottom: 2rem; } .c-follow-us .wrapper { display: block; padding: 30px; } .c-follow-us .wrapper h3 { color: #0d4026; font-size: 28px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 32px; margin-bottom: 11px; } .c-follow-us .wrapper ul { display: grid; grid-column-gap: 12px; grid-auto-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .c-follow-us .wrapper ul li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: grid; } .c-follow-us .wrapper ul li a { display: inherit; } .c-follow-us .wrapper ul li a.c-icon_twitter img { height: 21px; } @media (min-width: 60em) { .c-news-letter > .wrapper { background-size: 1px 1px, calc(100% - 2px) 1px, 1px 1px, 1px calc(100% - 2px), 1px 1px, calc(100% - 2px) 10px, 1px 1px, 1px calc(100% - 2px); display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-template-columns: 1fr 205px 418px; grid-column-gap: 47px; padding: 44px 42px; } .c-news-letter > .wrapper .c-btn { margin-top: 0; } .c-news-letter > .wrapper .c-follow-us { border-top: none !important; border-left: 1px solid var(--color-secondary-accent); height: 100%; margin-bottom: 0; } .c-news-letter > .wrapper .c-follow-us .wrapper { padding: 0 0 0 47px; } .c-news-letter > .wrapper .c-follow-us .wrapper h3 { font-size: 33px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 40px; margin-bottom: 1rem; } } @media (min-width: 60em) and (min-width: 50em) { .c-news-letter > .wrapper .c-follow-us .wrapper h3 { font-size: 44px; line-height: 48px; } } @media (min-width: 60em) { .c-follow-us { border-top: 0 !important; margin-bottom: 2rem; } .aside-left .wrapper .c-follow-us .wrapper, .aside-right .wrapper .c-follow-us .wrapper { display: block; } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ .c-gallery, .dashboard-slider { padding: 0 0 0 15px; } .c-and-e-dashboard .c-gallery, .c-and-e-dashboard .dashboard-slider { -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 50em) { .c-gallery, .dashboard-slider { padding: 0 130px; } } .c-gallery__speedbump, .dashboard-slider__speedbump { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 40px 20px; margin-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #02754b; } .c-gallery__speedbump > strong, .dashboard-slider__speedbump > strong { color: #0d4026; font-size: 28px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 32px; color: #fff; margin-bottom: 20px; } @media (min-width: 50em) { .c-gallery__speedbump, .dashboard-slider__speedbump { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 25px 30px; margin-top: 15px; } .c-gallery__speedbump > strong, .dashboard-slider__speedbump > strong { font-size: 24px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 32px; margin-bottom: 10px; margin-bottom: 0; } } @media (min-width: 50em) and (min-width: 50em) { .c-gallery__speedbump > strong, .dashboard-slider__speedbump > strong { font-size: 35px; line-height: 48px; } } .c-gallery__slide, .dashboard-slider__slide { width: 100%; } .c-gallery__slide p, .dashboard-slider__slide p { text-align: center; } .c-gallery .slider__item, .dashboard-slider .slider__item { height: auto; } .c-gallery .slider__prev, .c-gallery .slider__next, .dashboard-slider .slider__prev, .dashboard-slider .slider__next { background: #e7f627; color: #02754b; height: 112px; min-width: auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 54px; } @media (min-width: 50em) { .c-gallery .slider__prev, .c-gallery .slider__next, .dashboard-slider .slider__prev, .dashboard-slider .slider__next { width: 40px; height: 40px; border-radius: 50%; background: #02754b; color: #02754b; } } .c-gallery .slider__prev, .dashboard-slider .slider__prev { display: none; } @media (min-width: 50em) { .c-gallery .slider__prev, .dashboard-slider .slider__prev { display: block; left: -100px; } } .c-gallery .slider__next, .dashboard-slider .slider__next { right: 0; } @media (min-width: 50em) { .c-gallery .slider__next, .dashboard-slider .slider__next { right: -100px; } } .c-gallery .icon-arrow-left:after, .c-gallery .icon-arrow-right:after, .dashboard-slider .icon-arrow-left:after, .dashboard-slider .icon-arrow-right:after { font-family: "Font Awesome 5 Free"; font-weight: 900; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; font-size: 30px; } @media (min-width: 50em) { .c-gallery .icon-arrow-left:after, .c-gallery .icon-arrow-right:after, .dashboard-slider .icon-arrow-left:after, .dashboard-slider .icon-arrow-right:after { font-size: 16px; } } .c-gallery .icon-arrow-left:after, .dashboard-slider .icon-arrow-left:after { display: none; } @media (min-width: 50em) { .c-gallery .icon-arrow-left:after, .dashboard-slider .icon-arrow-left:after { display: block; content: "\f060"; } } .c-gallery .icon-arrow-right:after, .dashboard-slider .icon-arrow-right:after { content: "\f100"; } @media (min-width: 50em) { .c-gallery .icon-arrow-right:after, .dashboard-slider .icon-arrow-right:after { content: "\f061"; } } .c-gallery .c-img-card, .dashboard-slider .c-img-card { min-height: 280px; } .c-gallery .slider__stage, .dashboard-slider .slider__stage { padding-left: 0 !important; padding-right: 0 !important; } @media (min-width: 50em) { .c-gallery .slider__stage, .dashboard-slider .slider__stage { padding-right: 0 !important; } } .c-gallery.c-social-widget, .dashboard-slider.c-social-widget { background-color: var(--color-body-text-dark); border: 1px solid #02754b; padding-bottom: 11px; padding-left: 20px; padding-right: 20px; margin-left: 110px; margin-right: 110px; margin-top: 74px; } .c-gallery.c-social-widget .l-container, .dashboard-slider.c-social-widget .l-container { position: relative; padding: 0px; } @media (min-width: 50em) { .c-gallery.c-social-widget .l-container, .dashboard-slider.c-social-widget .l-container { padding: 0px 15px; } } @media (min-width: 50em) { .c-gallery.c-social-widget .l-container::before, .dashboard-slider.c-social-widget .l-container::before { content: ""; display: block; width: 143px; height: 150px; background: url(../leafs-2.html) left top; background-size: contain; background-repeat: no-repeat; position: absolute; top: -77px; left: -7px; } .c-gallery.c-social-widget .l-container::after, .dashboard-slider.c-social-widget .l-container::after { content: ""; display: block; width: 64px; height: 82px; background: url(../leaf-5.html) left top; background-size: contain; background-repeat: no-repeat; position: absolute; top: -21px; right: 7px; } } .c-gallery.c-social-widget .c-section-header, .dashboard-slider.c-social-widget .c-section-header { padding-top: 20px; padding-bottom: 6px; } .c-gallery.c-social-widget .c-section-header__description, .dashboard-slider.c-social-widget .c-section-header__description { color: #02754b; font-size: 21px; font-weight: bold; } .c-gallery.c-social-widget .c-img-card__title, .dashboard-slider.c-social-widget .c-img-card__title { font-size: 18px; letter-spacing: 0; line-height: 22px; } .c-gallery.c-social-widget .c-img-card, .dashboard-slider.c-social-widget .c-img-card { margin-bottom: 6px; min-height: 239px; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /* PARKVIEW DXP GENERIC */ body { font-variation-settings: "slnt" 0; -webkit-font-smoothing: antialiased; margin: 0; overflow-x: hidden; position: relative; } a, .lnk-button { color: var(--color-brand); } .underlined { border-bottom: 1px solid; display: block; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (min-width: 50em) { .underlined { display: inline-block; margin: initial; } } .underlined:hover { text-decoration: none; } .lnk-button { font-weight: 400; letter-spacing: 1px; line-height: 150%; text-decoration: none; } a:hover, .lnk-button:hover { color: var(--color-body-text-dark); text-decoration: underline; } input, select { font-size: 1rem; font-weight: 300; } input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=date]:focus, select:focus, textarea:focus { border-color: var(--color-input-border); color: #000; outline: solid 4px var(--color-brand); } input[type=text], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=date], select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #6d7882; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #495057; height: 50px; margin: 0 0 25px; padding: 0 21px; width: 100%; } @media (min-width: 50em) { input[type=text], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=date], select, textarea { padding: 0 1.25rem; } } input[type=text].lg, input[type=email].lg, input[type=number].lg, input[type=password].lg, input[type=tel].lg, input[type=text].lg, input[type=date].lg, select.lg, textarea.lg { height: 114px; } input[type=text]:invalid:focus, input[type=email]:invalid:focus, input[type=number]:invalid:focus, input[type=password]:invalid:focus, input[type=tel]:invalid:focus, input[type=text]:invalid:focus, input[type=date]:invalid:focus, select:invalid:focus, textarea:invalid:focus { border-color: #e1463c; } input[type=text]:invalid:focus ~ .error-message, input[type=email]:invalid:focus ~ .error-message, input[type=number]:invalid:focus ~ .error-message, input[type=password]:invalid:focus ~ .error-message, input[type=tel]:invalid:focus ~ .error-message, input[type=text]:invalid:focus ~ .error-message, input[type=date]:invalid:focus ~ .error-message, select:invalid:focus ~ .error-message, textarea:invalid:focus ~ .error-message { display: -webkit-box; display: -ms-flexbox; display: flex; } .error-message { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #e1463c; } .error-message::before { background: url(../svg/icon_alert.svg) no-repeat; content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 16px; margin: 0 4px 0 0; width: 16px; } input[type=date] { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 0 4%; } input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator { z-index: 2; width: 23%; opacity: 0; } input[type=date]::after { content: ""; display: block; background: url(../svg/icon_calendar.svg) no-repeat; width: 25px; height: 32px; position: absolute; top: 50%; right: 0; margin-top: -14px; margin-right: 4%; z-index: 1; } label { color: var(--color-body-text-dark); font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 500; line-height: 19px; padding-bottom: 0; } label select, label textarea, label input[type=text], label input[type=date], label input[type=password], label input[type=number] { margin-top: 10px; } label span { font-weight: normal; margin-top: 10px; display: inline-block; margin-bottom: 25px; } label ~ .b-upload-file { margin-top: 10px; } .date-range { display: -webkit-box; display: -ms-flexbox; display: flex; } .date-range label { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .date-range label input { padding: 0; text-align: center; } .date-range label input[type=date] { padding-left: 4%; text-align: left; } .date-range label:first-child input { border-radius: 3px 0 0 3px; border-right-width: 0; } .date-range label:last-child input { border-radius: 0 3px 3px 0; } select { margin-top: 0; } .c-select { position: relative; } .c-select:after { color: var(--color-brand); content: "\f078"; font-size: 18px; font-family: "Font Awesome 5 Free"; font-weight: 700; position: absolute; right: 20px; top: 55%; pointer-events: none; } hr, hr.secondary { background-color: var(--color-secondary-accent); height: 1px; border: none; margin: 2.5rem auto; } hr.primary { background-color: #f26b21; } hr.secondary { background-color: var(--color-secondary-accent); } .btn-close { border: none; padding: 7px 15px 8px 10px; min-width: auto; z-index: 10; position: relative; top: -1px; } .btn-close::before { content: ""; width: 12px; height: 3px; display: block; background: #000; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); top: 3px; position: relative; border-radius: 5px; } .btn-close::after { content: ""; width: 12px; height: 3px; display: block; background: #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-radius: 5px; } .link-btn { display: inline-block; font-weight: 500; border: 0; border-bottom: 1px solid; border-radius: 0; padding: 0; min-width: auto; color: var(--color-brand); } .link-btn--lg { font-size: 1.1875rem; } input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid var(--color-brand); width: 20px; height: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; margin: 0px 7px 3px 0; } textarea { margin-bottom: 25px; padding: 1rem; } .b-upload-file { text-align: center; padding: 24px 38px; border: 1px solid #919ba3; border-radius: 3px; } .b-upload-file input[type=file] { display: none; } .b-upload-file input[type=file]::-webkit-file-upload-button { visibility: hidden; } .b-upload-file .lbl-output { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; } .b-upload-file .lbl-output::before { content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background: url(../svg/icon_upload-file.svg) no-repeat; margin-right: 10px; height: 20px; width: 21px; } .b-upload-file label { display: inline-block; margin: 0; width: auto; } .option-type { position: relative; cursor: pointer; font-size: 18px; font-weight: 400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #495057; margin-bottom: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 22px; } .option-type:hover input ~ .checkmark, .option-type:focus input ~ .checkmark, .option-type input:focus ~ .checkmark { background-color: var(--color-secondary-accent); } .option-type.checkbox .checkmark { position: relative; } .option-type.checkbox .checkmark:after { border: solid var(--color-brand); border-width: 0 3px 3px 0; height: 10px; left: 5px; position: absolute; top: 0px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 5px; } .option-type.radio .checkmark { display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; display: grid; } .option-type.radio .checkmark:after { background: var(--color-brand); border-radius: 50%; height: 50%; margin: 0 auto; width: 50%; } .option-type .checkmark { margin-bottom: 0; margin-right: 10px; margin-top: 0; background-color: #fff; border: 2px solid var(--color-brand); height: 20px; width: 20px; } .option-type .checkmark::after { content: ""; display: none; } .option-type input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .option-type input:checked ~ .checkmark:after { display: block; } .option-type.highlighted { color: var(--color-brand); font-size: 18px; font-weight: 500; } .option-type-inner-link { font-size: 0.875rem; line-height: 25px; margin-left: 2rem; border-bottom: 1px solid; } .option-type-inner-link:hover { text-decoration: none; } .form-field-required { color: var(--color-primary-accent); margin: 0; } .form-field-required ~ .option-type { margin-bottom: 0; } .no-margin-bottom { margin-bottom: 0; } /* Block of Print, Share and Return Back links at top of the page */ .b-utility-links .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-utility-links .wrapper .utilities { display: none; } .b-utility-links .wrapper .utilities li { display: inline; margin-right: 30px; } .b-utility-links .wrapper .utilities li:last-child { margin-right: 0; } .wrapper { margin: 0 auto; width: 100%; max-width: 1360px; padding: 2rem 1.25rem; } @media (min-width: 50em) { .wrapper { padding: 2rem 3rem; } } @media (min-width: 100em) { .wrapper { max-width: 1500px; } } .wrapper--sm-space { padding-bottom: 0; } .wrapper.no-padding-vertical { padding-top: 0; padding-bottom: 0; } .wrapper.no-padding-horizontal { padding-left: 0; padding-right: 0; } .ce-slider .wrapper { margin: 0 auto; } .ce-slider .wrapper h2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ce-slider .wrapper .headline { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ce-slider .wrapper .cta-view-all { font-weight: 350; font-size: 18px; letter-spacing: 1px; line-height: 150%; margin: 0 auto; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; text-decoration: none; } .ce-slider .wrapper .cta-view-all:hover { text-decoration: underline; } .ce-slider .wrapper .content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .view-all-layout .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* PAGE CUSTOM STYLES */ .b-upcoming-events .wrapper { display: grid; } .b-pagination { padding: 0 0 30px; } .b-row-form { margin-bottom: 25px; } .b-row-form label select, .b-row-form label textarea, .b-row-form label input[type=text], .b-row-form label input[type=date], .b-row-form label input[type=password], .b-row-form label input[type=number] { margin-bottom: 0; } /* Flags to view elements depending on the screen */ .view-on-desktop { display: none !important; } .spacer-5 { height: 5px; } .spacer-10 { height: 10px; } .spacer-20 { height: 20px; } .spacer-24 { height: 24px; } .spacer-50 { height: 50px; } .spacer-80 { height: 80px; } @media (min-width: 50em) { input[type=text], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], select, textarea { margin-bottom: 0; } input[type=button] { min-width: auto; width: auto; } .date-range { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .date-range label:first-child input, .date-range label:last-child input { border-radius: 3px; border-right-width: 1px; } textarea.lg { height: 171px; } input[type=button], input[type=button].primary, input[type=button].secondary, .btn-primary, .btn-secondary, button { display: inline-block; } label span { margin-bottom: 0; } /* View All Classes & Events CTA */ .view-all-layout .wrapper { padding: 30px 20px; } .view-all-layout .wrapper h2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .view-all-layout .wrapper .cta-view-all { display: block; margin: initial; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .view-all-layout .wrapper .content { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } /* Flags on DESKTOP viewport */ .view-on-mobile { display: none !important; } .view-on-desktop { display: inherit !important; } hr.view-on-desktop { display: block !important; } .b-utility-links .wrapper .utilities { display: inline; } .b-upload-file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-upload-file .lbl-output { margin-bottom: 0; } } @media (min-width: 60em) { .date-range { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .date-range label:first-child input { border-radius: 3px 0 0 3px; border-right-width: 0; } .date-range label:last-child input { border-radius: 0 3px 3px 0; } } .c-related-content { margin: 2.5rem 0; } .c-related-content.comp-theme--gray { margin: 0; padding-top: 2.5rem; padding-bottom: 2.5rem; } .b-comp-group { margin: 2.5rem 0; } .b-comp-group.comp-theme--gray { margin: 0; padding-top: 2.5rem; padding-bottom: 2.5rem; } .b-inner-content { margin-bottom: 1.25rem; } .b-inner-content > p:last-child { margin-bottom: 0; } .b-block-image { display: block; width: 100%; } .b-block-image > img { width: 100%; } .b-date-tag { display: block; font-weight: 400; font-size: 1.25rem; line-height: 1; margin-bottom: 1rem; } .comp-theme--gray { background: var(--bg-subtle); margin-top: 0; margin-bottom: 0; } .c-related-grid { margin-top: 1.5rem; } @media (min-width: 50em) { .c-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 2rem; } } .u-text-center { text-align: center; } .scrollbar-green { overflow-x: scroll; overflow-y: hidden; } @supports (-webkit-touch-callout: none) { .scrollbar-green { background: linear-gradient(to top, #c8cdd0 10px, transparent 10px); padding-bottom: 10px; } } @media (min-width: 50em) { .scrollbar-green { overflow-x: hidden; overflow-y: scroll; } @supports (-webkit-touch-callout: none) { .scrollbar-green { background: linear-gradient(to left, #c8cdd0 10px, transparent 10px); padding-bottom: 0; padding-right: 10px; } } } .scrollbar-green { /* width */ } .scrollbar-green::-webkit-scrollbar { -webkit-appearance: none; width: 10px; height: 10px; } .scrollbar-green { /* Track */ } .scrollbar-green::-webkit-scrollbar-track { background: #c8cdd0; border-radius: 10px; } .scrollbar-green { /* Handle */ } .scrollbar-green::-webkit-scrollbar-thumb { background: var(--color-brand); border-radius: 10px; } .scrollbar-green { /* Handle on hover */ } .scrollbar-green::-webkit-scrollbar-thumb:hover { background: var(--color-body-text-dark); } .video_wrapper { aspect-ratio: 16/9 auto; } .video_wrapper iframe { width: 100%; height: 100%; } /* button state */ .c-card-profile__skills dd { margin: 0; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ .ce-slider { position: relative; } .ce-slider__container { background: #e6f4f2; padding: 2rem 2rem 3rem; } .ce-slider__header { font-size: 21px; margin-bottom: 30px; } .ce-slider .slider--ce-slider { position: relative; } .ce-slider .slider__btn { padding: 1rem; } .ce-slider .slider__stage { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px; } .ce-slider .slider__prev, .ce-slider .slider__next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 50px; height: 50px; border-radius: 50%; background: var(--color-brand); color: #fff; min-width: auto; } @media (min-width: 50em) { .ce-slider .slider__prev, .ce-slider .slider__next { width: 40px; height: 40px; } } .ce-slider .slider__prev { left: 0; top: 40%; } @media (min-width: 50em) { .ce-slider .slider__prev { display: block; left: -56px; top: 50%; } } .ce-slider .slider__next { right: 0; top: 40%; } @media (min-width: 50em) { .ce-slider .slider__next { right: -56px; top: 50%; } } .ce-slider .icon-arrow-left:after, .ce-slider .icon-arrow-right:after { font-family: "Font Awesome 5 Free"; font-weight: 900; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; font-size: 30px; } @media (min-width: 50em) { .ce-slider .icon-arrow-left:after, .ce-slider .icon-arrow-right:after { font-size: 16px; } } .ce-slider .icon-arrow-left:after { display: block; font-size: 16px; content: "\f060"; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } @media (min-width: 50em) { .ce-slider .icon-arrow-left:after { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); right: 7px; } } .ce-slider .icon-arrow-right:after { content: "\f061"; font-size: 16px; } .ce-slider .c-img-card { min-height: 220px; } .ce-slider .c-img-card__inner { padding: 1rem; } .ce-slider .c-img-card:hover { opacity: 0.6; } .c-image-tile-gallery-slider .modal-gallery.galery .modal-dialog__content { background-color: transparent; position: unset; opacity: 1; visibility: visible; z-index: 9; } .c-image-tile-gallery-slider .modal-gallery.galery .items-gallery { -ms-flex-line-pack: start; align-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; height: 370px; width: 100%; } @media (min-width: 50em) { .c-image-tile-gallery-slider .modal-gallery.galery .items-gallery { gap: 25px 1.7%; height: 520px; } } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content { display: block; position: fixed; height: 85vh; width: 80vw; max-width: 1000px; background: #fff; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (min-width: 50em) { .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content { padding: 40px 34px; } } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .modal-dialog__content-btn-close { background-image: url('data:image/svg+xml,'); top: 12px; right: 12px; height: 22px; width: 22px; z-index: 9; } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 31px; overflow: hidden; padding-bottom: 40px; } @media (min-width: 50em) { .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery { padding-bottom: 0; width: auto; } } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage, .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage-outer { height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage .slider__item, .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage-outer .slider__item { height: 100%; position: relative; min-height: 1px; float: left; } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage .slider__item .c-tile, .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage-outer .slider__item .c-tile { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 31px; overflow: auto; } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage .slider__item .c-tile:hover .c-tile__image img, .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage-outer .slider__item .c-tile:hover .c-tile__image img { opacity: 1; } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage .slider__item .c-tile:hover .c-tile__image span, .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage-outer .slider__item .c-tile:hover .c-tile__image span { display: none; } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage .slider__item .c-tile:last-child, .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage-outer .slider__item .c-tile:last-child { margin-bottom: 0; } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage .slider__item .c-tile .c-tile__image, .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage-outer .slider__item .c-tile .c-tile__image { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; height: 184px; } @media (min-width: 50em) { .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage .slider__item .c-tile .c-tile__image, .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage-outer .slider__item .c-tile .c-tile__image { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; } } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage .slider__item .c-tile .c-tile__content, .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage-outer .slider__item .c-tile .c-tile__content { display: block; padding: 0 20px; } @media (min-width: 50em) { .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage .slider__item .c-tile .c-tile__content, .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage-outer .slider__item .c-tile .c-tile__content { padding: 0; } } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage .slider__item .c-tile .c-card__cta-arrow, .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__stage-outer .slider__item .c-tile .c-card__cta-arrow { display: none; } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__nav { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 32px; } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__nav .slider__btn { margin: unset; min-width: 52px; height: 52px; padding: 0; position: absolute; z-index: 10; } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__nav .slider__btn.slider__prev { background-image: url('data:image/svg+xml,'); left: 3rem; top: auto; bottom: 10px; } @media (min-width: 50em) { .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__nav .slider__btn.slider__prev { top: 43.5%; bottom: auto; } } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__nav .slider__btn.slider__next { background-image: url('data:image/svg+xml,'); right: 3rem; top: auto; bottom: 10px; } @media (min-width: 50em) { .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__nav .slider__btn.slider__next { top: 43.5%; bottom: auto; } } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__content .items-gallery .slider__nav .slider__btn i { display: none; } .c-image-tile-gallery-slider .modal-gallery.galery.active .modal-dialog__overlay { display: block; } .c-image-tile-gallery-slider .modal-gallery .modal-dialog__overlay { background-color: rgba(0, 0, 0, 0.44); display: none; position: fixed; top: 0; left: 0; z-index: 1; width: 100vw; height: 100vh; } .c-image-tile-gallery-slider .b-section-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 32px; } .c-image-tile-gallery-slider .b-section-title .highlighted-text { font-size: 1.188rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-image-tile-gallery-slider .b-section-title h2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 50em) { .c-image-tile-gallery-slider .b-section-title h2::after { margin: 1rem auto 0; } } .c-image-tile-gallery-slider .b-section-title a { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .c-image-tile-gallery-slider .b-section-title a.btn-secondary, .c-image-tile-gallery-slider .b-section-title a.btn-primary { margin-bottom: 32px; } .c-image-tile-gallery-slider .c-tile { position: relative; } .c-image-tile-gallery-slider .c-tile:hover .c-tile__image img { opacity: 0.7; } .c-image-tile-gallery-slider .c-tile:hover .c-tile__image span { opacity: 1; } .c-image-tile-gallery-slider .c-tile:hover .c-card__cta-arrow { background-image: url('data:image/svg+xml,'); } .c-image-tile-gallery-slider .c-tile__image { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #000; overflow: hidden; } .c-image-tile-gallery-slider .c-tile__image img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 0; -webkit-transition: 0.5s; transition: 0.5s; } .c-image-tile-gallery-slider .c-tile__image span { color: #fff; font-weight: 600; text-align: center; z-index: 9; font-size: 19px; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } .c-image-tile-gallery-slider .c-tile__content { display: none; } .c-image-tile-gallery-slider .c-tile .c-card__cta-arrow { background-image: url('data:image/svg+xml,'); height: 32px; width: 32px; -webkit-transition: 0.5s; transition: 0.5s; } .c-image-tile-gallery-slider .c-tile .c-card__cta-arrow:hover { background-image: url('data:image/svg+xml,'); } .c-image-tile-gallery-slider .c-tile:nth-child(1) { width: 190px; height: 219px; } @media (min-width: 50em) { .c-image-tile-gallery-slider .c-tile:nth-child(1) { height: 293px; width: 17.22%; } } .c-image-tile-gallery-slider .c-tile:nth-child(2) { width: 190px; height: 140px; } @media (min-width: 50em) { .c-image-tile-gallery-slider .c-tile:nth-child(2) { height: 178px; width: 17.22%; } } .c-image-tile-gallery-slider .c-tile:nth-child(3) { width: 190px; margin: 0; height: 179.5px; } @media (min-width: 50em) { .c-image-tile-gallery-slider .c-tile:nth-child(3) { height: 209px; width: 16.31%; margin-top: 64px; } } .c-image-tile-gallery-slider .c-tile:nth-child(4) { width: 190px; margin: 0; height: 179.5px; } @media (min-width: 50em) { .c-image-tile-gallery-slider .c-tile:nth-child(4) { height: 209px; width: 16.31%; } } .c-image-tile-gallery-slider .c-tile:nth-child(5) { width: 265px; height: 367px; margin: 0; } @media (min-width: 50em) { .c-image-tile-gallery-slider .c-tile:nth-child(5) { height: 359px; width: 28.12%; margin-top: 94px; } } .c-image-tile-gallery-slider .c-tile:nth-child(6) { width: 170px; height: 208px; } @media (min-width: 50em) { .c-image-tile-gallery-slider .c-tile:nth-child(6) { height: 290px; width: 13.61%; } } .c-image-tile-gallery-slider .c-tile:nth-child(7) { width: 170px; height: 151px; } @media (min-width: 50em) { .c-image-tile-gallery-slider .c-tile:nth-child(7) { height: 182px; width: 13.61%; } } .c-image-tile-gallery-slider .c-tile:nth-child(8) { width: 190px; height: 179.5px; margin: 0; } @media (min-width: 50em) { .c-image-tile-gallery-slider .c-tile:nth-child(8) { height: 243px; width: 17.63%; margin-top: 4px; } } .c-image-tile-gallery-slider .c-tile:nth-child(9) { width: 190px; height: 179.5px; } @media (min-width: 50em) { .c-image-tile-gallery-slider .c-tile:nth-child(9) { height: 246px; width: 17.63%; } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ .testimonial-header { padding-top: 2rem; } .btn-alternative { color: #fff; background-color: var(--color-body-text-dark); } .testimonial-slider .modal-dialog__content { background-color: transparent; position: unset; opacity: 1; visibility: visible; z-index: 9; } .testimonial-slider .testimonial-items { -ms-flex-line-pack: start; align-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; height: 370px; width: 100%; } @media (min-width: 50em) { .testimonial-slider .testimonial-items { gap: 25px 1.7%; height: 520px; } } .testimonial-slider .testimonial-items { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 31px; overflow: hidden; } @media (min-width: 50em) { .testimonial-slider .testimonial-items { padding-bottom: 0; width: auto; } } .testimonial-slider .testimonial-items .slider__stage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .testimonial-slider .testimonial-items .slider__stage, .testimonial-slider .testimonial-items .slider__stage-outer { height: 100%; } .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content { border: 1px solid var(--color-secondary-accent); padding: 1.5rem 0; border-bottom: 8px solid var(--color-secondary-accent); height: 100%; } @media (min-width: 50em) { .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content { padding: 3rem 0; } } .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content > div, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content > div { width: 80%; margin: 0 auto; } .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content .content-desc, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content .content-desc { font-size: 24px; line-height: 30px; color: #242628; } @media (min-width: 50em) { .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content .content-desc, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content .content-desc { font-size: 32px; line-height: 45px; } } .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content .content-name, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content .content-name { font-size: 19px; line-height: 28px; color: #242628; margin-top: 50px; font-weight: 400; } @media (min-width: 50em) { .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content .content-name, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content .content-name { font-size: 18px; line-height: 28px; } } .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content .content-title, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content .content-title { color: #667085; font-size: 16px; line-height: 24px; } .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } @media (min-width: 50em) { .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-text-content, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-content, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-text-content, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-content, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-text-content, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-content, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-text-content, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-content { padding: 1rem; width: 100%; -webkit-box-shadow: 0px 2px 33px 0px rgba(132, 132, 132, 0.2509803922); box-shadow: 0px 2px 33px 0px rgba(132, 132, 132, 0.2509803922); border: 1px solid var(--color-secondary-accent); border-bottom: 8px solid var(--color-secondary-accent); border-right: none; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; height: auto; } @media (min-width: 50em) { .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-text-content, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-content, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-text-content, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-content, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-text-content, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-content, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-text-content, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-content { width: 65%; padding: 5rem 3rem; } } .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-text-content .video-name, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-content .video-name, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-text-content .video-name, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-content .video-name, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-text-content .video-name, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-content .video-name, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-text-content .video-name, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-content .video-name { color: var(--color-brand); font-size: 29px; line-height: 25px; } @media (min-width: 50em) { .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-text-content .video-name, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-content .video-name, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-text-content .video-name, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-content .video-name, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-text-content .video-name, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-content .video-name, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-text-content .video-name, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-content .video-name { font-size: 32px; line-height: 44px; } } .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-text-content .video-link, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-content .video-link, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-text-content .video-link, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-content .video-link, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-text-content .video-link, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-content .video-link, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-text-content .video-link, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-content .video-link { color: #00783c; font-size: 20px; line-height: 30px; font-weight: bold; text-decoration: underline; } .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-text-content .video-link:hover, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-text-content .video-link:focus, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-content .video-link:hover, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-content .video-link:focus, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-text-content .video-link:hover, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-text-content .video-link:focus, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-content .video-link:hover, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-content .video-link:focus, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-text-content .video-link:hover, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-text-content .video-link:focus, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-content .video-link:hover, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-content .video-link:focus, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-text-content .video-link:hover, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-text-content .video-link:focus, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-content .video-link:hover, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-content .video-link:focus { color: #57a57d; text-decoration: none; } .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-text-content .video-description, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-content .video-description, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-text-content .video-description, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-content .video-description, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-text-content .video-description, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-content .video-description, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-text-content .video-description, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-content .video-description { color: #242628; font-size: 16px; line-height: 22px; } @media (min-width: 50em) { .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-text-content .video-description, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-content .video-description, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-text-content .video-description, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-content .video-description, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-text-content .video-description, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-content .video-description, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-text-content .video-description, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-content .video-description { font-size: 20px; line-height: 30px; } } .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-image, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-image, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-image, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-image { width: 100%; height: 35%; background-size: cover; position: relative; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; background-position: center; } @media (min-width: 50em) { .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-image, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-image, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-image, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-image { width: 35%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: auto; } } .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-video-content .testimonial-play-button::after, .testimonial-slider .testimonial-items .slider__stage .slider__item .testimonial-content-w-image .testimonial-play-button::after, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-video-content .testimonial-play-button::after, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .testimonial-content-w-image .testimonial-play-button::after { background-image: url('data:image/svg+xml,'); background-size: cover; content: ""; width: 120px; height: 120px; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } .testimonial-slider .testimonial-items .slider__stage .slider__item .c-tile__image, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .c-tile__image { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; height: 184px; } @media (min-width: 50em) { .testimonial-slider .testimonial-items .slider__stage .slider__item .c-tile__image, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .c-tile__image { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; } } .testimonial-slider .testimonial-items .slider__stage .slider__item .c-tile__content, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .c-tile__content { display: block; padding: 0 20px; } @media (min-width: 50em) { .testimonial-slider .testimonial-items .slider__stage .slider__item .c-tile__content, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .c-tile__content { padding: 0; } } .testimonial-slider .testimonial-items .slider__stage .slider__item .c-card__cta-arrow, .testimonial-slider .testimonial-items .slider__stage-outer .slider__item .c-card__cta-arrow { display: none; } .testimonial-slider .slider__nav__custom { display: none; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 32px; margin-top: 2rem; } @media (min-width: 50em) { .testimonial-slider .slider__nav__custom { display: -webkit-box; display: -ms-flexbox; display: flex; } } .testimonial-slider .slider__nav__custom .slider__btn { background: #00783c; margin: unset; min-width: 52px; height: 52px; padding: 0; position: relative; z-index: 10; } .testimonial-slider .slider__nav__custom .slider__btn.slider__prev { background-image: url('data:image/svg+xml,'); top: auto; bottom: 10px; background-size: cover; left: auto; } @media (min-width: 50em) { .testimonial-slider .slider__nav__custom .slider__btn.slider__prev { bottom: auto; } } .testimonial-slider .slider__nav__custom .slider__btn.slider__next { background-image: url('data:image/svg+xml,'); top: auto; bottom: 10px; background-size: cover; right: auto; } @media (min-width: 50em) { .testimonial-slider .slider__nav__custom .slider__btn.slider__next { bottom: auto; } } .testimonial-slider .slider__nav__custom .slider__btn i { display: none; } .testimonial-slider .slider__dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; bottom: 3rem; } .testimonial-slider .slider__dots > button { margin: 0; min-width: 0; } .testimonial-slider .slider__dot { min-width: 18px; } .testimonial-slider .slider__dot.active > span { background-color: var(--color-brand); -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .testimonial-modal { display: none; position: fixed; z-index: 16; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } .testimonial-modal .close { color: #fff; float: right; font-size: 28px; font-weight: bold; z-index: 1; display: block; position: absolute; right: -1rem; top: -2rem; } .testimonial-modal .close:hover, .testimonial-modal .close:focus { text-decoration: none; cursor: pointer; } /* Modal Content */ .testimonial-modal-content { background-color: #fefefe; margin: auto; border: 1px solid #888; width: 80%; position: relative; } .testimonial-slider-counter { display: none; margin-left: 50px; margin-top: 2rem; } @media (min-width: 50em) { .testimonial-slider-counter { display: none; } } .testimonial-shape { display: none; } .theme-redesign .testimonial-slider { background: #feede0; overflow: hidden; padding-bottom: 48px; position: relative; } .theme-redesign .testimonial-slider .testimonial-items .slider__stage { padding-left: 0 !important; } .theme-redesign .testimonial-slider .testimonial-shape { display: block; position: absolute; top: -16px; left: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); width: 300px; height: 318px; } @media (min-width: 50em) { .theme-redesign .testimonial-slider .testimonial-shape { top: auto; bottom: 0; left: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); width: 492px; height: 522px; } } .theme-redesign .testimonial-slider .testimonial-shape .light-shape { opacity: 0.4; } .theme-redesign .testimonial-slider .slider__item { padding: 48px 32px; } @media (min-width: 50em) { .theme-redesign .testimonial-slider .slider__item { padding: 96px 96px 48px 96px; } } .theme-redesign .testimonial-slider .slider__item .testimonial-content > div { width: 100% !important; } .theme-redesign .testimonial-slider .testimonial-content { border: none !important; position: relative; } @media (min-width: 50em) { .theme-redesign .testimonial-slider .testimonial-content { padding: 0 0 0 85px !important; } } .theme-redesign .testimonial-slider .testimonial-content .content-desc { position: relative; font-family: "Cal Sans", sans-serif; font-size: 40px !important; line-height: 48px !important; } .theme-redesign .testimonial-slider .testimonial-content .content-desc:before { content: url("../svg/testimonial-quotes.svg"); display: block; position: relative; top: 0; left: 0; width: 65px; } @media (min-width: 50em) { .theme-redesign .testimonial-slider .testimonial-content .content-desc { padding-left: 90px; font-size: 55px !important; line-height: 56px !important; } .theme-redesign .testimonial-slider .testimonial-content .content-desc:before { position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .theme-redesign .testimonial-slider .testimonial-content .content-name { font-family: "Cal Sans", sans-serif; font-size: 28px !important; line-height: 32px !important; } @media (min-width: 50em) { .theme-redesign .testimonial-slider .testimonial-content .content-name { padding-left: 90px; } } .theme-redesign .testimonial-slider .testimonial-content .content-title { color: #242628 !important; } @media (min-width: 50em) { .theme-redesign .testimonial-slider .testimonial-content .content-title { padding-left: 90px; } } .theme-redesign .testimonial-slider .testimonial-content-w-image .testimonial-content { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } @media (min-width: 50em) { .theme-redesign .testimonial-slider .testimonial-content-w-image .testimonial-content { padding: 0 0 0 64px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .theme-redesign .testimonial-slider .testimonial-content-w-image .testimonial-image { background-position: center; background-size: cover; border-radius: 16px; -webkit-box-shadow: 0 24px 16px -16px rgba(12, 31, 20, 0.3); box-shadow: 0 24px 16px -16px rgba(12, 31, 20, 0.3); position: relative; width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; aspect-ratio: 4/3; } @media (min-width: 50em) { .theme-redesign .testimonial-slider .testimonial-content-w-image .testimonial-image { width: 35%; aspect-ratio: 1/1; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; height: auto; } } .theme-redesign .testimonial-slider .testimonial-video-content .testimonial-image { border-radius: 16px; -webkit-box-shadow: 0 24px 16px -16px rgba(12, 31, 20, 0.3); box-shadow: 0 24px 16px -16px rgba(12, 31, 20, 0.3); -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .theme-redesign .testimonial-slider .testimonial-video-content .video-name { color: #242628 !important; font-family: "Cal Sans", sans-serif; font-size: 55px !important; line-height: 56px !important; } .theme-redesign .testimonial-slider .testimonial-video-content .testimonial-text-content { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .theme-redesign .testimonial-slider .slider__nav__custom { position: absolute; bottom: 48px; gap: 24px !important; } .theme-redesign .testimonial-slider .slider__nav__custom.disabled { display: none; } .theme-redesign .testimonial-slider .slider__nav__custom .slider__btn { border-radius: 100%; min-width: 0 !important; width: 40px; height: 40px; } .theme-redesign .testimonial-slider .slider__dots__custom .slider__dot { min-width: 0 !important; } .theme-redesign .testimonial-slider .slider__dots__custom .slider__dot span { background: #3a3c3e; width: 16px !important; height: 16px !important; } .theme-redesign .testimonial-slider .slider__dots__custom .slider__dot.active span { background: #8ec54a; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ header { background: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 20px; position: relative; font-family: "Cal Sans", sans-serif; z-index: 110; } @media (min-width: 50em) { header { padding: 0; } } header:before, header:after { content: ""; height: 2px; width: 100%; position: absolute; left: 0; } header .mobile-nav-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } @media (min-width: 50em) { header .mobile-nav-buttons { display: none; } } header .mobile-nav-buttons .get-care-button { background: #02754b; border-radius: 12px; color: #fff; display: none; line-height: 18px; padding: 16px 24px; } header .mobile-nav-buttons .get-care-button:hover { text-decoration: none; } @media (min-width: 50em) { header .mobile-nav-buttons .get-care-button { display: block; } } header .c-navbar-toggler { background: transparent; border: 1px solid #00783c; border-radius: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; min-width: unset; padding: 16px 24px; } @media (min-width: 50em) { header .c-navbar-toggler { display: none; } } header .c-navbar-toggler:focus { outline: 5px auto rgb(1.1428571429, 66.8571428571, 42.8571428571); } header .c-navbar-toggler:hover, header .c-navbar-toggler:focus { text-decoration: none; } header .c-navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } header .c-navbar-toggler-menu-text { content: "Menu"; color: #00783c; font-size: 18px; position: relative; line-height: 18px; } header .c-navbar-toggler-icon { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; background-image: url(../svg/icon-menu-bars.svg); background-position: top center; background-repeat: no-repeat; background-size: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 15px; position: relative; width: 15px; } header .c-navbar-brand > img { max-width: 185px; } @media (min-width: 50em) { header .c-navbar-brand { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 1rem 0; max-width: 185px; } } header .b-navbar { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-height: 0; overflow: hidden !important; z-index: 10; } @media (min-width: 800px) { header .b-navbar { overflow: visible !important; } } header .b-navbar.is-open { max-height: 100%; } @media (min-width: 50em) { header .b-navbar.is-open { max-height: 900px; } } header .b-navbar .wrapper { -webkit-box-sizing: content-box; box-sizing: content-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: auto; padding: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; } @media (min-width: 50em) { header .b-navbar .wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 0; padding-bottom: 0; padding: 0 16px; } } header .b-navbar .b-utility-nav { background: #02754b; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } header .b-navbar .b-utility-nav .b-main-nav__subitem-list-links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } header .b-navbar .b-utility-nav .b-main-nav__subitem-list-links a { font-weight: 400; } @media (min-width: 50em) { header .b-navbar .b-utility-nav .b-main-nav__subitem-list-links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } header .b-navbar .b-utility-nav .b-main-nav__subitem-level-1 { color: #fff; } @media (min-width: 50em) { header .b-navbar .b-utility-nav .b-main-nav__subitem-level-1 { font-size: 0.875rem; } } @media (min-width: 50em) { header .b-navbar { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: none; overflow: visible; } header .b-navbar .b-utility-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: inherit; -ms-flex-order: inherit; order: inherit; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } header .b-navbar .b-utility-nav .wrapper { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } header .b-navbar .b-utility-nav ul { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; max-width: 1270px; } header .b-navbar .b-utility-nav ul a { color: #fff; font-size: 14px; font-weight: 400; line-height: 16px; padding: 3px 12px; } header .b-navbar .b-utility-nav ul a.c-icon_Search { background: none; width: auto; height: auto; padding-left: 12px; margin-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } header .b-navbar .b-utility-nav ul a.c-icon_Search:before { content: ""; background: url("../icon_search-white.html") no-repeat; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 15px; top: 4px; position: relative; right: 0; } header .b-navbar .b-main-nav { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 11px 0; position: relative; } header .b-navbar .b-main-nav .mainnavbutton { border-radius: 12px; background: #02754b; color: #fff; padding: 16px 24px; } } header .b-navbar ul li .b-main-nav__subitem-level-1 { color: #242628; font-size: 18px; font-weight: 400; line-height: 22px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem 0.75rem; } @media (min-width: 50em) { header .b-navbar ul li .b-main-nav__subitem-level-1 { background-color: transparent; border: none; } header .b-navbar ul li .b-main-nav__subitem-level-1:hover .b-main-nav__subitem, header .b-navbar ul li .b-main-nav__subitem-level-1:focus .b-main-nav__subitem { display: -webkit-box; display: -ms-flexbox; display: flex; } } header .b-navbar ul li .b-main-nav__subitem-level-1.icon-arrow-green.down:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 50em) { header .b-navbar ul li .b-main-nav__subitem-level-1.icon-arrow-green.down:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } } header .b-navbar ul li .b-main-nav__subitem-level-1.icon-arrow-green.down[aria-expanded=true]:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } @media (min-width: 50em) { header .b-navbar ul li .b-main-nav__subitem-level-1.icon-arrow-green.down:hover ~ .b-main-nav__subitem, header .b-navbar ul li .b-main-nav__subitem-level-1.icon-arrow-green.down:focus ~ .b-main-nav__subitem { opacity: 1; visibility: visible; } } header .b-navbar ul li .b-main-nav__subitem { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background: #00783c; border-radius: 16px; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 16px 16px 32px 16px; } @media (min-width: 50em) { header .b-navbar ul li .b-main-nav__subitem { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; background: #00783c; border: none; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); color: #fff; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 300px; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; padding: 32px; position: absolute; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; z-index: 101; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); top: 80px; } } @media (min-width: 50em) { header .b-navbar ul li .b-main-nav__subitem-list-links { gap: 16px; } } header .b-navbar ul li .b-main-nav__subitem-list-links a { color: #fff; } header .b-navbar ul li .b-main-nav__subitem-title { color: #fff; font-family: "Montserrat", sans-serif; font-size: 23px; padding: 1rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; } @media (min-width: 50em) { header .b-navbar ul li .b-main-nav__subitem-title { border: none; margin-bottom: 1rem; padding: 0; } } header .b-navbar ul li .b-main-nav__subitem-title a { color: #fff; } header .b-navbar ul li .b-main-nav__subitem-title a:hover, header .b-navbar ul li .b-main-nav__subitem-title a:focus { color: #fff; text-decoration: underline; } header .b-navbar ul li .b-main-nav__subitem-general-cta-area { padding-left: 16px; } @media (min-width: 50em) { header .b-navbar ul li .b-main-nav__subitem-general-cta-area { padding-left: 0; } } header .b-navbar ul li .b-main-nav__subitem-general-cta-area .btn-secondary { background: #0d4026; border: 1.5px solid #fff; color: #fff; } header .b-navbar ul li .b-main-nav__subitem-general-cta-area .btn-secondary:hover, header .b-navbar ul li .b-main-nav__subitem-general-cta-area .btn-secondary:focus { background: #056233; } header .b-navbar ul li .b-main-nav__subitem .b-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 50em) { header .b-navbar ul li .b-main-nav__subitem .b-grid { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 30px; } } @media (min-width: 50em) { header .b-navbar ul li .b-main-nav__subitem .bordered-bottom { border-bottom: none; margin-bottom: 1rem; padding-bottom: 1.5rem; } } @media (min-width: 50em) { header .b-navbar ul li .b-main-nav__subitem .bordered-left { border-left: none; margin-left: 1.5rem; padding-left: 3rem; } } header .b-navbar ul li .b-main-nav__subitem.active { display: -webkit-box; display: -ms-flexbox; display: flex; } header .b-navbar ul li .b-location__item p { font-size: 0.875rem; color: #6c757d; margin-bottom: 0.8rem; line-height: 16px; } header .b-navbar ul li .b-location__item a { padding: 0; font-size: 0.875rem; } header .b-navbar ul li .b-location__item .get-directions { border-bottom: 1px solid #8ec54a; font-size: 0.875rem; font-weight: 400; display: inline-block; } header .b-navbar ul li .b-location__item .get-directions:hover { color: #02754b; text-decoration: none; } header .b-navbar ul li .b-location__item:first-child .b-location__headline { color: #02754b; } header .b-navbar ul li .b-location__item:first-child .b-location__description { opacity: 1; } header .b-navbar ul li .b-location__headline { font-size: 1.125rem; font-weight: 400; margin-top: 1rem; margin-bottom: 0.8rem; } header .b-navbar ul li .b-location__headline a { font-size: inherit; } header .b-navbar ul li .b-location__headline:hover ~ .b-location__description, header .b-navbar ul li .b-location__headline:focus ~ .b-location__description { opacity: 1; } header .b-navbar ul li .b-location__description { position: absolute; top: 2rem; right: 2rem; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-left: 1px solid #dee2e6; padding-left: 2rem; } header .b-navbar ul li .b-location__image { padding: 0; } header .b-navbar .menu-button-actions { position: relative; } header .b-navbar .menu-button-actions.focus .b-main-nav__subitem.active { display: -webkit-box; display: -ms-flexbox; display: flex; } header .b-navbar .menu-button-actions.aligned-to-left { position: relative; } header .b-navbar .menu-button-actions.aligned-to-left .b-main-nav__subitem { right: 0; } header .b-navbar .b-main-nav__subitem-list-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1.5rem; } @media (min-width: 50em) { header .b-navbar .b-main-nav__subitem-list-links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; margin-bottom: 0; } } header .b-navbar .b-main-nav__subitem-list-links a { display: block; font-weight: 400; padding: 0.5rem 1rem; } @media (min-width: 50em) { header .b-navbar .b-main-nav__subitem-list-links a { display: inline; padding: 0; } } header .b-navbar .b-main-nav__subitem-list-links .view-on-desktop { display: none; } @media (min-width: 50em) { header .b-navbar .b-main-nav__subitem-list-links .view-on-desktop { display: inherit; } } header .c-site-search { background: #00783c; padding: 1em; position: relative; } @media (min-width: 50em) { header .c-site-search { display: none; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } header .c-site-search input[type=text] { font-size: 1rem; line-height: 1rem; margin: 0; padding: 1rem; height: auto; border: 1px solid #ced4da; } .theme-alliance header { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; border-top: none; padding: 0; z-index: 99; } .theme-alliance header::before, .theme-alliance header::after { display: none; } .theme-alliance header .view-on-mobile { display: block !important; } @media (min-width: 960px) { .theme-alliance header .view-on-mobile { display: none !important; } } .theme-alliance header .view-on-desktop { display: none !important; } @media (min-width: 960px) { .theme-alliance header .view-on-desktop { display: block !important; } } .theme-alliance header .header-mobile-wrapper { padding: 1rem 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; z-index: 2; } @media (min-width: 960px) { .theme-alliance header .header-mobile-wrapper { display: none; } } .theme-alliance header .header-mobile-wrapper .c-navbar-brand { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; max-width: 100%; } @media (min-width: 960px) { .theme-alliance header .header-mobile-wrapper .c-navbar-brand { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 1rem 0; max-width: 185px; } } .theme-alliance header .header-mobile-wrapper .c-navbar-brand img { max-width: 135px; } .theme-alliance header .header-mobile-wrapper .c-navbar-toggler { border: none !important; border-radius: 0 !important; padding: 0; height: 42px; display: block !important; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 960px) { .theme-alliance header .header-mobile-wrapper .c-navbar-toggler { display: none !important; } } .theme-alliance header .header-mobile-wrapper .c-navbar-toggler.is-open .c-navbar-toggler-icon .icon { height: 0; } .theme-alliance header .header-mobile-wrapper .c-navbar-toggler.is-open .c-navbar-toggler-icon .icon:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; } .theme-alliance header .header-mobile-wrapper .c-navbar-toggler.is-open .c-navbar-toggler-icon .icon:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom: auto; } .theme-alliance header .header-mobile-wrapper .c-navbar-toggler .c-navbar-toggler-icon { background-image: none; display: inline-grid; width: auto; } .theme-alliance header .header-mobile-wrapper .c-navbar-toggler .c-navbar-toggler-icon .icon { display: block; position: relative; height: 3px; width: 100%; padding: 0; background-color: #84bd00; border: none; border-radius: 3px; -webkit-transition: 0.5s; transition: 0.5s; } .theme-alliance header .header-mobile-wrapper .c-navbar-toggler .c-navbar-toggler-icon .icon:before, .theme-alliance header .header-mobile-wrapper .c-navbar-toggler .c-navbar-toggler-icon .icon:after { content: ""; display: block; position: absolute; right: 0; background-color: #84bd00; height: 3px; width: 100%; border-radius: 1.5px; -webkit-transition: 0.5s; transition: 0.5s; } .theme-alliance header .header-mobile-wrapper .c-navbar-toggler .c-navbar-toggler-icon .icon:before { top: 6px; } .theme-alliance header .header-mobile-wrapper .c-navbar-toggler .c-navbar-toggler-icon .icon:after { bottom: 6px; } .theme-alliance header .header-mobile-wrapper .c-navbar-toggler .c-navbar-toggler-icon:after { display: none; } .theme-alliance header .header-mobile-wrapper .c-navbar-toggler .c-navbar-toggler-icon .sr-text { background: none; font-size: 12px; font-weight: 400; text-transform: uppercase; font-family: sans-serif; margin-top: 10px; display: block; } .theme-alliance header .b-navbar { color: var(--color-body-text); margin: auto; padding: 0; position: relative; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; max-height: none; height: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } @media (min-width: 960px) { .theme-alliance header .b-navbar { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: auto; } } .theme-alliance header .b-navbar.is-open { height: auto; z-index: 2; } @media (min-width: 960px) { .theme-alliance header .b-navbar .wrapper { padding: 10px 20px; } } .theme-alliance header .b-navbar .wrapper .c-navbar-brand { max-width: none; margin: 0; } .theme-alliance header .b-navbar .wrapper .c-navbar-brand:hover { border: none; } .theme-alliance header .b-navbar .wrapper .c-navbar-brand img { max-width: 135px; } @media (min-width: 960px) { .theme-alliance header .b-navbar .wrapper .c-navbar-brand img { max-width: 200px; padding: 10px 0; } } @media (min-width: 1200px) { .theme-alliance header .b-navbar .wrapper .c-navbar-brand img { max-width: 276px; } } .theme-alliance header .b-navbar .wrapper .b-main-nav { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: block !important; } @media (min-width: 960px) { .theme-alliance header .b-navbar .wrapper .b-main-nav { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 11px 0; position: relative; } } .theme-alliance header .b-navbar .wrapper .b-main-nav li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem 0; border-bottom: 1px dashed #929597; } @media (min-width: 960px) { .theme-alliance header .b-navbar .wrapper .b-main-nav li { padding: 0; border-bottom-style: none; } } @media (min-width: 1200px) { .theme-alliance header .b-navbar .wrapper .b-main-nav li { padding: 0 10px; } } .theme-alliance header .b-navbar .wrapper .b-main-nav li:after { content: ""; height: 12px; width: 1px; position: absolute; right: 0; } @media (min-width: 960px) { .theme-alliance header .b-navbar .wrapper .b-main-nav li:after { border-right: 1px solid #929597; } } .theme-alliance header .b-navbar .wrapper .b-main-nav li:last-child { display: none; } @media (min-width: 960px) { .theme-alliance header .b-navbar .wrapper .b-main-nav li:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom-style: none; } .theme-alliance header .b-navbar .wrapper .b-main-nav li:last-child:after { border-right: none; } } .theme-alliance header .b-navbar .wrapper .b-main-nav li .b-main-nav__subitem-level-1 { color: var(--color-body-text-light); font-family: var(--font-body); font-size: 15px; font-weight: 300; line-height: 0.8; margin: 0; padding: 0 15px; text-transform: uppercase; border-bottom: 2px solid transparent; width: 100%; } @media (min-width: 1200px) { .theme-alliance header .b-navbar .wrapper .b-main-nav li .b-main-nav__subitem-level-1 { font-size: 18px; margin: 0 10px; padding: 8px 0 5px; } } .theme-alliance header .b-navbar .wrapper .b-main-nav li .b-main-nav__subitem-level-1:hover { border-color: var(--color-primary-accent); } .theme-alliance header .b-navbar .wrapper .b-main-nav li .b-main-nav__subitem-level-1.c-icon_Search { background-image: url("../png/searchicon_gray.png"); background-size: contain; } .theme-alliance header .b-navbar .wrapper .b-main-nav li .c-icon_Search { background-position: center; border: none; height: 18px; width: 17px; } .theme-alliance header .b-navbar .wrapper .b-main-nav li .c-icon_Search:hover { border: none; } .theme-alliance header .b-navbar .wrapper .b-main-nav li .c-icon_Search span { display: none; } .theme-alliance header .b-navbar ~ .dropdown-container { height: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .theme-alliance header .b-navbar.is-open ~ .dropdown-container { height: auto; z-index: 2; } .theme-alliance header .b-navbar.is-open ~ .b-navbar--bg-mobile { background: #fff; height: 100%; width: 100%; z-index: 1; position: fixed; top: 0; } .theme-alliance header .dropdown-container { background-color: #595959; max-width: none; overflow: hidden; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 960px) { .theme-alliance header .dropdown-container { height: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .theme-alliance header .dropdown-container.active { height: 106px; max-width: none; overflow: hidden; } .theme-alliance header .dropdown-container .dropdown-content { margin: auto; max-width: 1280px; padding: 32px 20px 24px; position: relative; } .theme-alliance header .dropdown-container .dropdown-content input { margin-bottom: 0; height: 44px; width: 100%; font-size: 15px; color: #929597; padding: 15px; border-radius: 10px; border: none; font-family: sans-serif; line-height: 1.15; margin: 0; padding-right: 45px; } .theme-alliance header .dropdown-container .dropdown-content input.icon-button { font-size: 15px; color: #929597; border-radius: 10px; border-width: 0px; background-color: transparent; border: none; width: 30px; height: 30px; padding: 5px; position: relative; top: -22px; right: 15px; float: right; z-index: 100; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 960px) { .theme-alliance header .dropdown-container .dropdown-content input.icon-button { position: absolute; top: 55%; right: 25px; } } .theme-alliance header .dropdown-container .dropdown-content #search-solr-form { position: relative; } .theme-alliance header .dropdown-container .dropdown-content #search-solr-form input { margin-bottom: 0; height: 44px; width: 100%; font-size: 15px; color: #929597; padding: 15px; border-radius: 10px; border: none; font-family: sans-serif; line-height: 1.15; margin: 0; padding-right: 45px; } .theme-alliance header .dropdown-container .dropdown-content #search-solr-form input.icon-button { font-size: 15px; color: #929597; border-radius: 10px; border-width: 0px; background-color: transparent; border: none; width: 30px; height: 30px; padding: 5px; position: relative; top: -19px; right: 15px; float: right; z-index: 100; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 960px) { .theme-alliance header .dropdown-container .dropdown-content #search-solr-form input.icon-button { top: 48%; position: absolute; } } @media (max-width: 768px) { .theme-alliance header .dropdown-container .dropdown-content #search-solr-form input.icon-button { top: 50%; } } .theme-alliance header .dropdown-container .dropdown-content #search-solr-form .btn-primary { background-color: transparent; background: url("../png/searchicon_green.png") center no-repeat transparent; background-size: 20px; min-width: 0; border: none; font-size: 15px; color: transparent; border-radius: 10px; border-width: 0px; background-color: transparent; border: none; width: 30px; height: 30px; padding: 5px; position: absolute; top: 50%; right: 15px; float: right; z-index: 100; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 960px) { .theme-alliance header .dropdown-container .dropdown-content #search-solr-form .btn-primary { top: 48%; } } @media (max-width: 768px) { .theme-alliance header .dropdown-container .dropdown-content #search-solr-form .btn-primary { top: 50%; } } .theme-alliance header .header__lines > span:before, .theme-alliance header .header__lines > span:after { content: ""; display: block; position: absolute; right: 0; height: 3px; width: 100%; border-radius: 1.5px; -webkit-transition: 0.5s; transition: 0.5s; } .theme-alliance header .header__lines > span:hover:before, .theme-alliance header .header__line s > span:hover:after { width: 100%; } .theme-alliance header .header__lines > span, .theme-alliance header .header__lines > span:before, .theme-alliance header .header__lines > span:after { background-color: var(--color-primary-accent); } .theme-alliance header .header__lines > span:before { top: 6px; } .theme-alliance header .header__lines > span:after { bottom: 6px; } .theme-alliance header .header__lines > span { display: block; position: relative; height: 3px; width: 2rem; padding: 0; background-color: #00837f; border: none; border-radius: 3px; -webkit-transition: 0.5s; transition: 0.5s; } @media (max-width: 960px) { .theme-alliance header .header__lines > span { width: 100%; } } .c-breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 0; padding: 10px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } @media (min-width: 50em) { .c-breadcrumb { margin: 10px 0; padding: 0; } } .c-breadcrumb a, .c-breadcrumb span { color: #00783c; font-size: 14px; font-weight: 400; line-height: 26px; } .c-breadcrumb a:after, .c-breadcrumb span:after { content: ""; display: inline-block; width: 7px; height: 10px; margin-bottom: 1px; margin-left: 10px; vertical-align: middle; background-color: #00783c; -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.109937 0.187086C0.282687 -0.0282481 0.597654 -0.0627536 0.813062 0.109937L6.69246 4.82332L6.73005 4.85701C6.79382 4.91976 6.84804 4.99185 6.8907 5.07039L6.92976 5.15095L6.96003 5.23543C6.98638 5.32098 7.00007 5.41012 7.00007 5.50007C7.00007 5.62003 6.97621 5.73879 6.92976 5.8492C6.88332 5.95955 6.81508 6.05946 6.73005 6.14314C6.71805 6.15494 6.70559 6.1663 6.69246 6.17683L0.813062 10.8902C0.597654 11.0629 0.282687 11.0284 0.109937 10.8131C-0.0627535 10.5977 -0.0282479 10.2827 0.187086 10.1099L5.93757 5.50007L0.187086 0.890211C-0.0282481 0.717461 -0.0627536 0.402495 0.109937 0.187086Z' fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.109937 0.187086C0.282687 -0.0282481 0.597654 -0.0627536 0.813062 0.109937L6.69246 4.82332L6.73005 4.85701C6.79382 4.91976 6.84804 4.99185 6.8907 5.07039L6.92976 5.15095L6.96003 5.23543C6.98638 5.32098 7.00007 5.41012 7.00007 5.50007C7.00007 5.62003 6.97621 5.73879 6.92976 5.8492C6.88332 5.95955 6.81508 6.05946 6.73005 6.14314C6.71805 6.15494 6.70559 6.1663 6.69246 6.17683L0.813062 10.8902C0.597654 11.0629 0.282687 11.0284 0.109937 10.8131C-0.0627535 10.5977 -0.0282479 10.2827 0.187086 10.1099L5.93757 5.50007L0.187086 0.890211C-0.0282481 0.717461 -0.0627536 0.402495 0.109937 0.187086Z' fill='black'/%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .c-breadcrumb a:last-child:after, .c-breadcrumb span:last-child:after { display: none; } .c-breadcrumb a:visited, .c-breadcrumb span:visited { color: #00783c; } .c-breadcrumb a:hover::after, .c-breadcrumb span:hover::after { background-color: #02754b; } @media (min-width: 50em) { .c-breadcrumb a.view-on-desktop, .c-breadcrumb span.view-on-desktop { display: inline-block !important; } } @media (min-width: 50em) { .c-breadcrumb a.view-on-desktop:hover::after, .c-breadcrumb span.view-on-desktop:hover::after { color: #02754b; } } .c-breadcrumb span { pointer-events: none; color: var(--color-brand); } .c-breadcrumb .active { color: #242628; font-weight: 700; } .c-alert-bar { padding: 8px 12px; background: #ecf4ee; text-align: left; position: relative; z-index: 30; } @media (min-width: 768px) { .c-alert-bar { padding: 0; } } .c-alert-bar .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; } @media (min-width: 768px) { .c-alert-bar .wrapper { padding: 8px 16px; max-width: 1388px; } } .c-alert-bar__content { padding-right: 1rem; color: #242628; font-size: 16px; line-height: 24px; } @media (min-width: 768px) { .c-alert-bar__content { font-size: 18px; line-height: 32px; } } .c-alert-bar__content a { color: #00783c; font-weight: 700; text-decoration: underline; } .c-alert-bar__content p:last-child { margin-bottom: 0; } .c-alert-bar__close { color: #00783c; font-size: 2.25rem; line-height: 1; } .c-alert-bar__close:hover { text-decoration: none; } @media (min-width: 768px) { .c-alert-bar__close { line-height: 32px; } } .theme-connect header:after { background: #c8cdd0; height: 1px; } .theme-connect header .c-navbar-brand > img { max-width: 130px; } @media (min-width: 50em) { .theme-connect header .c-navbar-brand > img { max-width: 140px; } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ .b-sidenav-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; font-size: 19px; padding: 1rem 1.25rem; border: 0; border-radius: 0; text-align: left; font-weight: 400; } .b-sidenav-trigger:after { content: "\f067"; font-size: 1rem; font-weight: 700; margin-right: 0.5rem; } .b-sidenav-trigger.is-active:after { content: "\f068"; } @media (min-width: 60em) { .b-sidenav-trigger { display: none; } } .b-side-navigation-mobile-wrap { padding: 10px; } @media (min-width: 60em) { .b-side-navigation-mobile-wrap { padding: 0; } } .b-side-navigation-mobile-wrap.is-desktop-only { display: none; } @media (min-width: 60em) { .b-side-navigation-mobile-wrap.is-desktop-only { display: block; } } @media (min-width: 60em) { .b-side-navigation-mobile-wrap.is-desktop-only .b-side-navigation { display: block !important; max-width: 465px; } .b-side-navigation-mobile-wrap.is-desktop-only .b-side-navigation .b-mobile-toggle-button { display: none; } } .b-side-navigation-mobile-wrap.is-mobile-version { display: block; } @media (min-width: 60em) { .b-side-navigation-mobile-wrap.is-mobile-version { display: none; } } .b-side-navigation-mobile-wrap .b-mobile-toggle-button { width: 100%; padding: 15px 20px; background-color: #00783c; border: none; border-radius: 8px; cursor: pointer; color: #fff; font-family: "Cal Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 60em) { .b-side-navigation-mobile-wrap .b-mobile-toggle-button { display: none; } } .b-side-navigation-mobile-wrap .b-mobile-toggle-button__icon { width: 16px; height: 16px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .b-side-navigation-mobile-wrap .b-mobile-toggle-button.is-active .b-side-navigation-mobile-wrap .b-mobile-toggle-button__icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .b-side-navigation-mobile-wrap .b-side-navigation { padding: 0; background-color: #ecf4ee; border-radius: 16px; overflow: hidden; position: relative; display: none; width: 100%; } @media (min-width: 60em) { .b-side-navigation-mobile-wrap .b-side-navigation { margin-top: 0; display: block; } } .b-side-navigation-mobile-wrap .b-side-navigation.is-shown { display: block; position: absolute; z-index: 90; width: calc(100vw - 20px); } .b-side-navigation-mobile-wrap .b-side-navigation__wrap { padding: 8px 16px; } @media (min-width: 60em) { .b-side-navigation-mobile-wrap .b-side-navigation__wrap { padding: 24px 24px 8px 24px; } } .b-side-navigation-mobile-wrap .b-side-navigation__title { display: none; } .b-side-navigation-mobile-wrap .b-side-navigation__title a { text-decoration: none; color: inherit; } @media (min-width: 60em) { .b-side-navigation-mobile-wrap .b-side-navigation__title { display: block; /* text-xl */ font-family: "Cal Sans", sans-serif; font-size: 28px; font-weight: 400; line-height: 32px; margin-bottom: 20px; color: #0d4026; letter-spacing: 0; } } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion { position: relative; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion:not(:last-child)::after { content: ""; height: 0.5px; width: calc(100vw - 112px); background-color: #929394; display: block; margin: auto; } @media (min-width: 60em) { .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion:not(:last-child)::after { width: calc(100% - 32px); } } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 16px; cursor: pointer; text-decoration: none; z-index: 1; position: relative; color: #00783c; font-family: "Cal Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 16px; } @media (min-width: 60em) { .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--link { /* button-base */ font-size: 18px; line-height: 24px; } } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--link:hover { border-radius: 8px; background: #056233; color: #dae9df; z-index: 2; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--link.is-selected { font-weight: 400; color: #242628; position: relative; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--link.is-selected::before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 24px; width: 4px; background-color: var(--color-primary-accent); z-index: 5; display: block; border-radius: 0 4px 4px 0; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--link.is-selected:hover { color: #fff; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--link .c-accordion__section a.is-selected::before { left: 16px; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--link:not(:last-child)::after { content: ""; position: absolute; left: 16px; right: 0; bottom: 0; z-index: -1; pointer-events: auto; height: 0.5px; width: calc(100% - 32px); background-color: #929394; display: block; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 16px; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; color: #00783c; font-family: "Cal Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 16px; position: relative; z-index: 1; } @media (min-width: 60em) { .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__button { font-size: 18px; } } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__button:hover { border-radius: 8px; background: #056233; color: #dae9df; z-index: 2; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__button:hover::after { color: #dae9df; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__button:after { content: "+"; font-size: 1.5rem; line-height: 1; font-weight: 400; margin-left: 10px; position: relative; top: -1px; -ms-flex-negative: 0; flex-shrink: 0; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__button.is-active { color: #242628; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__button.is-active.is-expanded { color: #00783c; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__button.is-active.is-expanded::after { content: "–" !important; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__button.is-active.is-expanded:hover { color: #fff; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__button.is-expanded:after { content: "–" !important; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__section { padding: 0; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__section ul { list-style: none; margin: 0; padding: 0; padding-bottom: 15px; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__section a { position: relative; display: block; padding: 8px 16px; padding-left: 40px; text-decoration: none; z-index: 1; color: #00783c; font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 700; line-height: 17px; } @media (min-width: 60em) { .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__section a { /* button-sm */ font-size: 14px; line-height: 24px; } } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__section a:hover { border-radius: 8px; background: #056233; color: #dae9df; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__section a.is-selected { font-weight: 700; color: #242628; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__section a.is-selected::before { content: ""; position: absolute; left: 18px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 24px; width: 4px; background-color: #f26b21; border-radius: 2px; z-index: 2; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__section a.is-selected:hover { color: #fff; } .b-side-navigation-mobile-wrap .b-side-navigation .c-accordion--expandable .c-accordion__section a::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: auto; } @media (min-width: 50em) { .c-browse-a-z .wrapper { max-width: 850px; margin: 0; padding: 0; } } .c-browse-a-z__title { margin-bottom: 1rem; } @media (min-width: 50em) { .c-browse-a-z__title { margin-bottom: 1.5rem; } } .c-browse-a-z__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 4.125rem; } @media (min-width: 50em) { .c-browse-a-z__buttons { gap: 14px; margin-bottom: 3.25rem; } } .c-browse-a-z__links { font-weight: 500; font-size: 25px; line-height: 32px; border: 1px solid; width: 48px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-browse-a-z__links:disabled, .c-browse-a-z__links[disabled] { border-color: #c8cdd0; color: #919ba3; pointer-events: none; } .c-browse-a-z__links:hover { color: var(--color-brand); border: 1px solid var(--color-brand); text-decoration: none; background: var(--color-brand); color: #fff; } .c-browse-a-z__content h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2.125rem; } .c-browse-a-z__content h3::after { content: ""; background: var(--color-secondary-accent); display: block; height: 1px; margin-left: 1rem; width: 100%; } .c-browse-a-z__content h5 { margin-bottom: 1.125rem; } .c-browse-a-z__content .c-browse-a-z__list-item-link { border-bottom: 1px solid; } .c-browse-a-z__content .c-browse-a-z__list-item-link:hover { text-decoration: none; } .c-browse-a-z__letter-content { margin-bottom: 2.125rem; } .theme-alliance .b-side-navigation nav a:hover { border-color: var(--color-primary-accent) !important; } .theme-alliance .b-side-navigation .c-accordion .js-accordion-content.is-open { border-color: var(--color-primary-accent); } .theme-alliance .b-side-navigation .c-accordion .c-accordion__button { border-color: var(--color-primary-accent); } .theme-alliance .b-side-navigation .c-accordion .c-accordion__button:after { color: var(--color-primary-accent); } .theme-connect .c-navbar-toggler { background: transparent; border: none; } .theme-connect .b-side-navigation .b-side-navigation__title a, .theme-connect .b-side-navigation .b-side-navigation__title a:visited { color: #01890c; } .theme-connect .b-side-navigation nav a { border-bottom: 1px solid #8ec54a; } .theme-connect .b-side-navigation nav a:visited { color: #01890c; } .theme-connect button.b-sidenav-trigger { background: #f7f8f8; border-top: none; border-right: none; border-left: none; border-bottom: 1px solid #8ec54a; font-size: 19px; font-weight: 400; line-height: 28px; color: #01890c; } .theme-connect button.b-sidenav-trigger.is-active { border-bottom: 1px solid transparent; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ .c-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-tabs .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 50em) { .c-tabs .wrapper > .view-desktop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .c-tabs .b-section-title, .c-tabs .b-section-title-centered { margin-bottom: 34px; } .c-tabs .view-desktop { display: none; } .c-tabs .view-mobile { display: block; } @media (min-width: 50em) { .c-tabs .view-desktop { display: block; } .c-tabs .view-mobile { display: none; } } .c-tabs .c-accordion__section.is-open { padding: 0 1.5rem 1.5rem; } .c-tabs .c-accordion__button:after { content: "+"; font-size: 1.5rem; line-height: 1; font-weight: 400; margin-left: 10px; position: relative; top: -1px; -ms-flex-negative: 0; flex-shrink: 0; } .c-tabs .c-accordion__button.is-active:after { content: "–"; } /* Style the tab */ .c-tab-navigation-buttons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #ccc; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (min-width: 50em) { .c-tab-navigation-buttons { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-tab-navigation-buttons { /* Style the buttons that are used to open the tab content */ } .c-tab-navigation-buttons button { border: none; background: none; border-bottom: 2px solid transparent; border-radius: unset; cursor: pointer; font-size: 16px; font-weight: 400; line-height: 26px; margin: 0; padding: 14px 21px; -webkit-transition: 0.3s; transition: 0.3s; min-width: auto; } @media (min-width: 70em) { .c-tab-navigation-buttons button { padding: 14px 49px; } } .c-tab-navigation-buttons button { /* Change background color of buttons on hover */ } .c-tab-navigation-buttons button:hover, .c-tab-navigation-buttons button.active { border-bottom: 2px solid var(--color-brand); color: var(--color-brand); } /* Style the tab content */ .c-tabs-content { display: none; padding: 48px 0; border-top: none; margin: 0 auto; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 50em) { .c-tabs-content { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .c-tabs-content.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-tabs-content .c-tabs-content__image { display: none; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; } @media (min-width: 50em) { .c-tabs-content .c-tabs-content__image { display: block; } } .c-tabs-content .c-tabs-content__image::before { background-image: url(../svg/green-diagonals.svg); background-position: center center; content: ""; display: block; height: 141px; width: 397px; position: absolute; bottom: -24px; left: -24px; z-index: 0; } .c-tabs-content .c-tabs-content__image::after { background: var(--color-secondary-accent); content: ""; bottom: 0; display: block; height: 51%; position: absolute; z-index: 9; right: 0px; width: 14px; } .c-tabs-content .c-tabs-content__image img { display: block; width: 100%; position: relative; } .c-tabs-content .c-tabs-content__description { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 2rem; } .c-tabs-content h3 { font-family: "Cal Sans", sans-serif; margin-bottom: 24px; } .c-tabs-content .btn-secondary { margin-top: 8px; } .theme-connect .c-tab-navigation-buttons { border-bottom: none; } .theme-connect .c-tab-navigation-buttons button { background-color: #fff; color: #495057; border: none; border-bottom: 2px solid transparent; padding: 16px 70px; } .theme-connect .c-tab-navigation-buttons button:hover, .theme-connect .c-tab-navigation-buttons button.active { background-color: #fff; color: #01890c; border-bottom: 2px solid #01890c; } .theme-connect .c-accordion .c-accordion__button { font-size: 19px; font-weight: 400; color: #495057; padding: 16px 0; border-bottom: 1px solid #c8cdd0; } .theme-connect .c-accordion .c-accordion__button:after { color: #495057; } .theme-connect .c-accordion .c-accordion__button.is-active { color: #01890c; border-bottom: 2px solid #01890c; } .theme-connect .c-accordion .c-accordion__button.is-active:after { color: #01890c; } .theme-connect .c-accordion .c-accordion__section.is-open { padding: 32px 20px; border-right: 1px solid #c8cdd0; border-bottom: 1px solid #c8cdd0; border-left: 1px solid #c8cdd0; } .theme-connect .c-accordion .c-accordion__section.is-open .c-tabs-content__image { display: block; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; margin-bottom: 24px; } @media (min-width: 50em) { .theme-connect .c-accordion .c-accordion__section.is-open .c-tabs-content__image { display: none; } } .theme-connect .c-accordion .c-accordion__section.is-open .c-tabs-content__image::before { background-image: url(../svg/green-diagonals.svg); background-position: center center; content: ""; display: block; height: 96px; width: 212px; position: absolute; bottom: -10px; left: -10px; z-index: 0; } .theme-connect .c-accordion .c-accordion__section.is-open .c-tabs-content__image::after { background: var(--color-secondary-accent); content: ""; bottom: 0; display: block; height: 51%; position: absolute; z-index: 9; right: 0px; width: 8px; } .theme-connect .c-accordion .c-accordion__section.is-open .c-tabs-content__image img { display: block; width: 100%; position: relative; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /* ==================== */ /* COMPONENT: Speedbump */ /* ==================== */ /* Default version */ .c-speedbump { margin: 2.5rem 0; } .c-speedbump .wrapper { padding-top: 0; padding-bottom: 0; } .c-speedbump__inner { padding: 1.5rem 2rem; background: var(--bg-subtle); border: 1px solid var(--color-secondary-accent); } @media (min-width: 50em) { .c-speedbump__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .c-speedbump__content { margin-bottom: 1.5rem; font-size: 1.1875rem; line-height: 1.5; } .c-speedbump__content h2, .c-speedbump__content h3, .c-speedbump__content h4 { font-size: 24px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 32px; margin-bottom: 10px; } @media (min-width: 50em) { .c-speedbump__content h2, .c-speedbump__content h3, .c-speedbump__content h4 { font-size: 35px; line-height: 48px; } } @media (min-width: 50em) { .c-speedbump__content { max-width: 85%; padding-right: 2rem; margin-bottom: 0; } } .c-speedbump__content p:last-of-type { margin-bottom: 0; } .c-speedbump__btn { margin: 1rem auto 0; } @media (min-width: 50em) { .c-speedbump__btn { margin: 0 0 0 auto; } } .c-speedbump.comp-theme--gray { padding: 2.5rem 0; margin: 0; } .c-speedbump.comp-theme--gray .c-speedbump__inner { background: #fff; } @media (min-width: 50em) { .c-speedbump--reverse .c-speedbump__inner { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .c-speedbump--reverse .c-speedbump__content { padding-right: 0; } @media (min-width: 50em) { .c-speedbump--reverse .c-speedbump__content { padding-left: 2rem; } } .c-speedbump.speedbump-results-page { padding: 0 1.25rem; } @media (min-width: 50em) { .c-speedbump.speedbump-results-page { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; } } .c-speedbump.speedbump-results-page p { font-size: 1rem; } .c-speedbump.c-speedbump--green .c-speedbump__inner { background-color: #3da143; } .c-speedbump.c-speedbump--green .c-speedbump__inner .c-speedbump__content h4, .c-speedbump.c-speedbump--green .c-speedbump__inner .c-speedbump__content p, .c-speedbump.c-speedbump--green .c-speedbump__inner .c-speedbump__content a, .c-speedbump.c-speedbump--green .c-speedbump__inner .c-speedbump__column-contact h4, .c-speedbump.c-speedbump--green .c-speedbump__inner .c-speedbump__column-contact p, .c-speedbump.c-speedbump--green .c-speedbump__inner .c-speedbump__column-contact a { color: #ffffff; } .c-speedbump.c-speedbump--green .c-speedbump__inner .c-speedbump__btn { background: #fff; border-color: #fff; color: var(--color-brand); } .c-speedbump.c-speedbump--green .c-speedbump__inner .c-speedbump__btn:hover { background: transparent; color: #fff; } .c-speedbump.c-speedbump--col-1 .wrapper .c-speedbump__inner, .c-speedbump.c-speedbump--col-2 .wrapper .c-speedbump__inner { padding: 2.8125rem 2.8125rem 3.5625rem 2rem; } @media (min-width: 50em) { .c-speedbump.c-speedbump--col-1 .wrapper .c-speedbump__inner, .c-speedbump.c-speedbump--col-2 .wrapper .c-speedbump__inner { padding: 4rem 5.0625rem 4rem 3.125rem; } } .c-speedbump.c-speedbump--col-1 .wrapper .c-speedbump__inner .c-speedbump__content, .c-speedbump.c-speedbump--col-2 .wrapper .c-speedbump__inner .c-speedbump__content { margin-bottom: 0; max-width: none; padding: 0; } .c-speedbump.c-speedbump--col-1 .wrapper .c-speedbump__inner .c-speedbump__btn, .c-speedbump.c-speedbump--col-2 .wrapper .c-speedbump__inner .c-speedbump__btn { margin: 0; } .c-speedbump.c-speedbump--col-1 .wrapper .c-speedbump__inner a:not(.c-speedbump__btn), .c-speedbump.c-speedbump--col-2 .wrapper .c-speedbump__inner a:not(.c-speedbump__btn) { display: inline-block; font-weight: 700; text-decoration: underline; } .c-speedbump.c-speedbump--col-1 .wrapper .c-speedbump__inner .c-speedbump__column-contact p, .c-speedbump.c-speedbump--col-2 .wrapper .c-speedbump__inner .c-speedbump__column-contact p { margin-bottom: 2rem; } .c-speedbump.c-speedbump--col-1 .wrapper .c-speedbump__inner .c-speedbump__column-contact a img, .c-speedbump.c-speedbump--col-2 .wrapper .c-speedbump__inner .c-speedbump__column-contact a img { max-width: 22px !important; } .c-speedbump.c-speedbump--col-1 .wrapper .c-speedbump__inner .c-speedbump__column-contact .c-speedbump__description, .c-speedbump.c-speedbump--col-2 .wrapper .c-speedbump__inner .c-speedbump__column-contact .c-speedbump__description { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; margin-bottom: 0; } .c-speedbump.c-speedbump--col-1 .wrapper .c-speedbump__inner { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } .c-speedbump.c-speedbump--col-1 .wrapper .c-speedbump__inner .c-speedbump__content { max-width: 654px; } @media (min-width: 50em) { .c-speedbump.c-speedbump--col-1 .wrapper .c-speedbump__inner .c-speedbump__btn { padding: 1.0625rem 0; } } .c-speedbump.c-speedbump--col-2 .wrapper .c-speedbump__inner { gap: 60px; } .c-speedbump.c-speedbump--col-2 .wrapper .c-speedbump__inner .c-speedbump__col-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; } .c-speedbump.c-speedbump--col-2 .wrapper .c-speedbump__inner .c-speedbump__content { margin-bottom: 1.5rem; } .c-speedbump.c-speedbump--col-2 .wrapper .c-speedbump__inner .c-speedbump__col-2 { margin: 30px 0 0; } @media (min-width: 50em) { .c-speedbump.c-speedbump--col-2 .wrapper .c-speedbump__inner .c-speedbump__col-2 { margin: 0; } } .c-speedbump--modal .c-speedbump__content h4 { margin-bottom: 10px; } .c-speedbump--modal .c-speedbump__content p { font-size: 1rem; } .c-speedbump--modal .c-btn { margin-bottom: 0; } .theme-mirro .c-speedbump__inner { padding: 2.8125rem 2.8125rem 3.5625rem 2rem; } @media (min-width: 50em) { .theme-mirro .c-speedbump__inner { padding: 4rem 5.0625rem 4rem 3.125rem; } } @media (min-width: 50em) { .theme-mirro .c-speedbump__content { margin-left: 30px; padding-left: 28px; } } .theme-mirro .c-speedbump--green .c-speedbump__inner { background: linear-gradient(-260deg, rgb(1, 137, 12) 0%, rgb(61, 161, 68) 95%, rgb(142, 197, 74) 95%); } .c-speedbump--js-to-move-into-grid { grid-column: span 3; /* Expand to 3 columns */ width: 100%; /* Take up all available width */ } .c-speedbump--js-to-move-into-grid .wrapper { padding: 0; } .theme-connect .c-speedbump { margin: 0; padding: 2.5rem 0; } .c-speedbump-curve { display: none; } .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner { background: #fff; border: 1px solid #bdbebf; border-radius: 16px; overflow: clip; padding: 32px !important; position: relative; } .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-speedbump__col-1, .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-speedbump__col-2 { position: relative; z-index: 2; } .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-speedbump-curve { display: block; position: absolute; top: 0; right: 0; z-index: 1; width: 35%; } @media (min-width: 50em) { .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-speedbump-curve { width: 300px; } } .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-speedbump-curve .curve-orange { display: block; opacity: 0.5; } .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-speedbump-curve .curve-green { display: none; } .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-btn.c-speedbump__btn { background: none; border: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; color: #00783c; font-family: "Cal Sans", sans-serif; padding: 0 !important; position: relative; z-index: 2; } .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-btn.c-speedbump__btn:after { content: url(../svg/green-arrow-redesign.svg); position: relative; top: 0; right: -10px; width: 16px; height: 11px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-btn.c-speedbump__btn:hover, .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-btn.c-speedbump__btn:focus { color: #57a57d; text-decoration: none !important; border-bottom: none !important; } .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-btn.c-speedbump__btn:hover:after, .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-btn.c-speedbump__btn:focus:after { right: -16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-speedbump__content { margin-bottom: 16px !important; position: relative; z-index: 2; color: #242628; } .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-speedbump__content p { color: #242628; font-size: 18px; } .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-speedbump__content h2, .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-speedbump__content h3, .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-speedbump__content h4, .theme-redesign .c-speedbump.c-speedbump--redesign .c-speedbump__inner .c-speedbump__content h5 { color: #0d4026; font-family: "Cal Sans", sans-serif; font-size: 35px; margin-bottom: 16px; line-height: 40px; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--green .c-speedbump__inner { background: #00783c; border: none; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--green .c-speedbump__inner .c-speedbump-curve .curve-orange { display: none; opacity: 1; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--green .c-speedbump__inner .c-speedbump-curve .curve-green { display: block; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--green .c-speedbump__inner h2, .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--green .c-speedbump__inner h3, .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--green .c-speedbump__inner h4, .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--green .c-speedbump__inner h5 { color: #fff; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--green .c-speedbump__inner .c-speedbump__content { margin-bottom: 16px !important; position: relative; z-index: 2; color: #fff; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--green .c-speedbump__inner .c-speedbump__content p { color: #fff; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--green .c-speedbump__inner .c-btn.c-speedbump__btn { color: #fff; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--green .c-speedbump__inner .c-btn.c-speedbump__btn:after { content: url(../svg/lime-green-arrow-redesign.svg); } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--green .c-speedbump__inner .c-btn.c-speedbump__btn:hover, .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--green .c-speedbump__inner .c-btn.c-speedbump__btn:focus { text-decoration: none !important; border-bottom: none !important; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--green .c-speedbump__inner .c-btn.c-speedbump__btn:hover:after, .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--green .c-speedbump__inner .c-btn.c-speedbump__btn:focus:after { right: -16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--orange .c-speedbump__inner { background: #feede0; border: 1px solid #fcd3ba; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--orange .c-speedbump__inner .c-speedbump-curve .curve-orange { display: block; opacity: 1; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--orange .c-speedbump__inner .c-speedbump-curve .curve-green { display: none; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--orange .c-speedbump__inner .c-speedbump__content { margin-bottom: 16px !important; position: relative; z-index: 2; color: #242628; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--orange .c-speedbump__inner .c-speedbump__content p { color: #242628; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--orange .c-speedbump__inner .c-speedbump__content h2, .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--orange .c-speedbump__inner .c-speedbump__content h3, .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--orange .c-speedbump__inner .c-speedbump__content h4, .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--orange .c-speedbump__inner .c-speedbump__content h5 { color: #0d4026; font-family: "Cal Sans", sans-serif; font-size: 35px; line-height: 40px; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--orange .c-speedbump__inner .c-btn.c-speedbump__btn:after { content: url(../svg/green-arrow-redesign.svg); } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--orange .c-speedbump__inner .c-btn.c-speedbump__btn:hover, .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--orange .c-speedbump__inner .c-btn.c-speedbump__btn:focus { text-decoration: none !important; border-bottom: none !important; } .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--orange .c-speedbump__inner .c-btn.c-speedbump__btn:hover:after, .theme-redesign .c-speedbump.c-speedbump--redesign.c-speedbump--orange .c-speedbump__inner .c-btn.c-speedbump__btn:focus:after { right: -16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /* ==================== */ /* COMPONENT: List CTA */ /* ==================== */ .c-list-cta { margin: 2.5rem 0; } .c-list-cta .b-section-title { margin-bottom: 2rem; } .c-list-cta .b-section-title .b-section-title__content .b-inner-content { font-family: "Montserrat", sans-serif; margin-top: 16px; } .c-list-cta__grid { display: grid; } .c-list-cta__grid .c-accordion__button { background-color: #fff; } @media (min-width: 50em) { .c-list-cta__grid { grid-gap: 2rem; grid-template-columns: repeat(2, 1fr); } } .c-list-cta__item { border-bottom: 1px solid #c8cdd0; } .c-list-cta__item h3 { margin-bottom: 0.5rem; } .c-list-cta__item .c-list-cta__acc-btn { padding: 1rem 0.5rem; } .c-list-cta__item .c-accordion__section { padding: 0 0.5rem; } .c-list-cta__item .c-accordion__section.is-open { padding-bottom: 1.5rem; } .c-list-cta__item .c-list-cta__i-content.is-open { margin-bottom: 2rem; } @media (min-width: 50em) { .c-list-cta__item { border-bottom: 0; } .c-list-cta__item .c-list-cta__acc-btn, .c-list-cta__item .c-list-cta__i-btn { display: none; } .c-list-cta__item .c-list-cta__i-content { max-height: initial; margin-bottom: 0; padding: 0; } .c-list-cta__item .c-list-cta__i-content.is-open { padding: 0; } .c-list-cta__item .c-list-cta__i-content p { opacity: 1; visibility: visible; } } @media (min-width: 50em) { .c-list-cta .wrapper > .c-list-cta__grid { grid-gap: 48px; } } .c-list-cta .wrapper .c-list-cta__item { border-bottom: 1px solid #aed2be; } @media (min-width: 50em) { .c-list-cta .wrapper .c-list-cta__item { border: none; } } .c-list-cta .wrapper .c-list-cta__item .c-list-cta__acc-btn { color: #00783c; font-family: "Cal Sans", sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; letter-spacing: 0; position: relative; padding: 16px 0; } .c-list-cta .wrapper .c-list-cta__item .c-list-cta__acc-btn::after { content: ""; display: block; height: 15px; width: 15px; background-repeat: no-repeat; background-position: center center; background-image: url('data:image/svg+xml,'); margin: unset; } .c-list-cta .wrapper .c-list-cta__item .c-list-cta__acc-btn.is-active::after { background-image: url('data:image/svg+xml,'); } .c-list-cta .wrapper .c-list-cta__item .c-list-cta__acc-btn.c-accordion__button { padding: 16px 0; } .c-list-cta .wrapper .c-list-cta__item .c-list-cta__acc-btn.is-active, .c-list-cta .wrapper .c-list-cta__item .c-list-cta__acc-btn.is-open { padding-bottom: 8px; } .c-list-cta .wrapper .c-list-cta__item .c-list-cta__i-content { padding: 0; } .c-list-cta .wrapper .c-list-cta__item .c-list-cta__i-content.is-open { margin: 0; padding: 0 0 16px; } .c-list-cta .wrapper .c-list-cta__item .c-list-cta__i-content h3 { display: none; } @media (min-width: 50em) { .c-list-cta .wrapper .c-list-cta__item .c-list-cta__i-content h3 { display: block; } } .c-list-cta .wrapper .c-list-cta__item .c-list-cta__i-content p { font-size: 16px; font-weight: 400; line-height: 24px; } @media (min-width: 50em) { .c-list-cta .wrapper .c-list-cta__item .c-list-cta__i-content p { margin-bottom: 0; } } .c-list-cta .wrapper .c-list-cta__item .c-list-cta__i-content a { background-color: transparent; color: #00783c; text-align: center; font-family: "Cal Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 16px; padding: 16px 24px; border-radius: 12px; border: 1.5px solid #00783c; } .c-list-cta .wrapper .c-list-cta__item .c-list-cta__i-content a:hover, .c-list-cta .wrapper .c-list-cta__item .c-list-cta__i-content a:active { background-color: #00783c; color: #fff; } @media (min-width: 50em) { .c-list-cta .wrapper .c-list-cta__item .c-list-cta__i-content a:hover, .c-list-cta .wrapper .c-list-cta__item .c-list-cta__i-content a:active { background-color: transparent; color: #056233; } } @media (min-width: 50em) { .c-list-cta .wrapper .c-list-cta__item .c-list-cta__i-content a { border: none; padding: unset; font-family: "Cal Sans", sans-serif; font-size: 28px; font-weight: 400; line-height: 32px; letter-spacing: 0; -webkit-text-decoration-line: underline; text-decoration-line: underline; } } .c-list-cta.comp-theme--gray { padding: 2.5rem 0; margin: 0; background-color: #ecf4ee; } .c-list-cta.comp-theme--gray .wrapper .b-section-title.comp-theme--gray { background-color: #ecf4ee; } .c-list-cta.comp-theme--gray .wrapper h2 { font-size: 33px; color: #0d4026 !important; } @media (min-width: 50em) { .c-list-cta.comp-theme--gray .wrapper h2 { font-size: 44px; } } .c-list-cta.comp-theme--gray .wrapper .c-list-cta__item .c-list-cta__acc-btn.c-accordion__button { background-color: #ecf4ee; } @media (min-width: 50em) { .c-list-cta--3up .c-list-cta__grid { grid-template-columns: repeat(3, 1fr); } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /* ==================== */ /* COMPONENT: Link List */ /* ==================== */ /* Default version */ .c-link-list { margin: 2.5rem 0; } .c-link-list .b-section-title { margin-bottom: 1.25rem; } .c-link-list__list { list-style: none; } @media (min-width: 50em) { .c-link-list__list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; gap: 2rem; } } @media (min-width: 60em) { .c-link-list__list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } .c-link-list__list > li { position: relative; margin-bottom: 2rem; padding-left: 1rem; } .c-link-list__list > li:before { content: ""; position: absolute; left: 0; top: 10px; display: block; width: 6px; height: 6px; background: var(--color-brand); border-radius: 100%; } .c-link-list__list > li:nth-child(n+5) { max-height: 0vh; overflow: hidden; margin-bottom: 0; } @media (min-width: 50em) { .c-link-list__list > li:nth-child(n+5) { max-height: none; overflow: inherit; margin-bottom: 2rem; } } .c-link-list__list a { padding-bottom: 0.25rem; line-height: 1.75; border-bottom: 1px solid var(--color-brand); } .c-link-list__list a:hover { text-decoration: none; border-color: currentColor; } .c-link-list__list.is-open > li:nth-child(n+5) { max-height: 100vh; overflow: visible; margin-bottom: 2rem; } .c-link-list__show { display: inline-block; } @media (min-width: 50em) { .c-link-list__show { display: none; } } .c-link-list.c-link-list--bridge .wrapper { position: relative; z-index: 10; padding: 1.5rem 20px 0; } @media (min-width: 50em) { .c-link-list.c-link-list--bridge .wrapper { width: calc(100% - 3rem); margin-top: -200px; padding: 2.5rem 2.5rem 0; border-radius: 4px 4px 0px 0px; background: rgba(255, 255, 255, 0.95); } } .c-link-list.comp-theme--gray { padding: 2.5rem 0; margin: 0; } @media (min-width: 60em) { .aside-left .c-link-list .c-link-list__list, .aside-right .c-link-list .c-link-list__list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #CARD CTA \*------------------------------------*/ .c-image-cards, .c-icon-cards { margin: 4.5rem 0; } .c-card__cal { border: none; background: none; padding: 0; margin: 0; text-align: left; color: var(--color-brand); cursor: pointer; } .c-card__cal:hover { color: var(--color-body-text-dark); } .c-card-cta.comp-theme--gray, .c-image-cards.comp-theme--gray, .c-icon-cards.comp-theme--gray { padding: 4.5rem 0; margin: 0; } .b-bridge-section { position: relative; display: block; width: 100%; } .b-bridge-section > img { width: 100%; } @media (min-width: 50em) { .b-bridge-section { height: 565px; } .b-bridge-section > img { height: 100%; -o-object-fit: cover; object-fit: cover; } .b-bridge-section:after { content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; -webkit-box-shadow: inset 0px -70px 20px #fff; box-shadow: inset 0px -70px 20px #fff; } } .c-card-cta.c-card-cta--bridge .wrapper { position: relative; z-index: 10; margin-bottom: 96px; } @media (min-width: 50em) { .c-card-cta.c-card-cta--bridge .wrapper { margin-top: -200px; border-radius: 4px 4px 0px 0px; background: rgba(255, 255, 255, 0.95); } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #CARD CTA \*------------------------------------*/ .c-button-list { margin: 4.5rem 0; } .c-button-list__nav { display: grid; grid-gap: 1rem; } @media (min-width: 50em) { .c-button-list__nav { grid-template-columns: repeat(2, 1fr); grid-gap: 2rem; } } @media (min-width: 60em) { .c-button-list__nav { grid-template-columns: repeat(3, 1fr); } } .c-button-list__nav > a { display: block; font-weight: 500; padding: 1.25rem; font-size: 2rem; line-height: 1; color: var(--color-body-text); border: 1px solid var(--color-secondary-accent); -webkit-transition: 0.3s; transition: 0.3s; } .c-button-list__nav > a:hover { color: #fff; background: var(--color-brand); border-color: var(--color-brand); text-decoration: none; } .c-button-list.comp-theme--gray { padding: 4.5rem 0; margin: 0; } /* ======================= */ /* Button List - Rich Text */ /* ======================= */ .c-button-list-with-blog-card .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } @media (min-width: 50em) { .c-button-list-with-blog-card .wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .c-button-list-with-blog-card .highlighted-text { font-size: 19px; line-height: 26px; } @media (min-width: 50em) { .c-button-list-with-blog-card h2 { max-width: 432px; } } @media (min-width: 50em) { .c-button-list-with-blog-card__description { max-width: 723px; } } .c-button-list-with-blog-card .c-button-list-with-blog-card__card { background-color: #02754b; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 402px; margin: auto; } @media (min-width: 50em) { .c-button-list-with-blog-card .c-button-list-with-blog-card__card { margin: unset; } } .c-button-list-with-blog-card .c-button-list-with-blog-card__card .c-card__img { height: 179px; overflow: hidden; } .c-button-list-with-blog-card .c-button-list-with-blog-card__card .c-card__img img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .c-button-list-with-blog-card .c-button-list-with-blog-card__card .c-card__description { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background: linear-gradient(294.26deg, #8ec54a -11.18%, #01890c 31.42%); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; padding: 2rem; } .c-button-list-with-blog-card .c-button-list-with-blog-card__card .c-card__description h3, .c-button-list-with-blog-card .c-button-list-with-blog-card__card .c-card__description p { margin-bottom: 0; } .c-button-list-with-blog-card .c-button-list-with-blog-card__card .btn-primary { border-color: #fff; } .c-button-list-with-blog-card .c-button-list-with-blog-card__card .btn-secondary:hover { border-color: #fff; } .c-button-list-with-blog-card .c-button-list-with-blog-card__card .btn-primary, .c-button-list-with-blog-card .c-button-list-with-blog-card__card .btn-secondary { margin: unset; } .c-button-list-with-blog-card .c-button-list__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; } .c-button-list-with-blog-card .c-button-list__nav > a { font-size: 1rem; line-height: 22px; color: #02754b; font-weight: 700; padding: 0.813rem 1rem; min-width: 100px; text-align: center; border-color: #02754b; } .c-button-list-with-blog-card .c-button-list__nav > a:hover { color: #fff; } .wrapper .c-button-list-with-blog-card .wrapper { padding-left: 0; padding-right: 0; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #HIGHLIGHT CTA -- Inline Display \*------------------------------------*/ .c-highlight-cta { margin: 2.5rem 0; } .c-highlight-cta__wrap { display: grid; grid-template-columns: 1fr; } @media (min-width: 50em) { .c-highlight-cta__wrap { grid-template-columns: 1fr 1fr; grid-column-gap: 2rem; } } .c-highlight-cta__title { grid-row-start: 1; font-family: "Cal Sans", sans-serif; } @media (min-width: 50em) { .c-highlight-cta__title { grid-column-start: 1; align-self: flex-end; } } .c-highlight-cta__content { grid-row-start: 3; } @media (min-width: 50em) { .c-highlight-cta__content { align-self: flex-start; grid-column-start: 1; grid-row-start: 2; } } .c-highlight-cta__content .c-btn { display: inline-block; margin-bottom: 1rem; } .c-highlight-cta__content > *:last-child { margin-bottom: 0; } .c-highlight-cta__in-content { margin-bottom: 1.25rem; } .c-highlight-cta__in-content > ul { list-style: inherit; margin-left: 2rem; } .c-highlight-cta__in-content > ul:not(:last-child) { margin-bottom: 25px; } .c-highlight-cta__in-content > ul > li { margin-bottom: 0.5rem; } .c-highlight-cta__in-content > p:last-child { margin-bottom: 0; } .c-highlight-cta__img { position: relative; grid-row-start: 2; margin: 1rem 0; border-radius: 5px; height: 365px; overflow: hidden; } .c-highlight-cta__img > img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .c-highlight-cta__img--media { position: relative; height: auto; padding-bottom: 56.25%; } .c-highlight-cta__img--media > iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } @media (min-width: 50em) { .c-highlight-cta__img { margin: 0; height: auto; min-height: 365px; grid-column-start: 2; grid-row: 1/3; } .c-highlight-cta__img--media { min-height: auto; } } .c-highlight-cta.comp-theme--gray { padding: 2.5rem 0; margin: 0; } @media (min-width: 50em) { .c-highlight-cta--reverse .c-highlight-cta__title { grid-column-start: 2; } } @media (min-width: 50em) { .c-highlight-cta--reverse .c-highlight-cta__content { grid-column-start: 2; } } @media (min-width: 50em) { .c-highlight-cta--reverse .c-highlight-cta__img { grid-column-start: 1; } } .c-highlight-cta--hover { position: relative; overflow-x: hidden; } .c-highlight-cta--hover:after { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: var(--bg-gradient); } @media (min-width: 50em) { .c-highlight-cta--hover:after { width: 70%; } } @media (min-width: 50em) { .c-highlight-cta--hover:before { content: ""; display: block; position: absolute; right: 34px; top: 74px; width: 270px; height: 140px; background: url("../svg/green-diagonals.svg") top left no-repeat; } } @media (min-width: 50em) { .c-highlight-cta--hover .wrapper .c-highlight-cta__wrap { grid-column-gap: 78px; } } .c-highlight-cta--hover .wrapper .c-highlight-cta__wrap .c-highlight-cta__title { color: #fff; margin-bottom: 0; font-size: 44px; font-weight: 400; line-height: 48px; } @media (min-width: 50em) { .c-highlight-cta--hover .wrapper .c-highlight-cta__wrap .c-highlight-cta__title { margin-bottom: 40px; } } .c-highlight-cta--hover .wrapper .c-highlight-cta__wrap .c-highlight-cta__content { color: #fff; } .c-highlight-cta--hover .wrapper .c-highlight-cta__wrap .c-highlight-cta__content p, .c-highlight-cta--hover .wrapper .c-highlight-cta__wrap .c-highlight-cta__content a { color: #fff; } .c-highlight-cta--hover .wrapper .c-highlight-cta__wrap .c-highlight-cta__content a { text-decoration: underline; } .c-highlight-cta--hover .wrapper .c-highlight-cta__wrap .c-highlight-cta__content .c-highlight-cta__in-content { line-height: 32px; margin-bottom: 32px; } @media (min-width: 50em) { .c-highlight-cta--hover .wrapper .c-highlight-cta__wrap .c-highlight-cta__content .c-highlight-cta__in-content { margin-bottom: 40px; } } .c-highlight-cta--hover .wrapper .c-highlight-cta__wrap .c-highlight-cta__content a.c-btn { background: #0d4026; border: 1.5px solid #fff; border-radius: 12px; color: #fff; font-size: 18px; font-family: "Cal Sans", sans-serif; padding: 16px 24px; line-height: 24px; text-decoration: none; } .c-highlight-cta--hover .wrapper .c-highlight-cta__wrap .c-highlight-cta__content a.c-btn:hover, .c-highlight-cta--hover .wrapper .c-highlight-cta__wrap .c-highlight-cta__content a.c-btn:focus { background: #056233; cursor: pointer; } .c-highlight-cta--hover .wrapper .c-highlight-cta__wrap .c-highlight-cta__img { margin: 24px -22px; border-radius: 0; } .c-highlight-cta--hover .wrapper .c-highlight-cta__wrap .c-highlight-cta__img:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 7px; height: 133px; background: var(--color-secondary-accent); } @media (min-width: 50em) { .c-highlight-cta--hover .wrapper .c-highlight-cta__wrap .c-highlight-cta__img:after { width: 14px; height: 192px; } } .c-highlight-cta--hover.c-highlight-cta--items-list:before { top: 28%; } .c-highlight-cta--hover.c-highlight-cta--items-list .c-highlight-cta__wrap { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .c-highlight-cta--hover.c-highlight-cta--items-list .c-highlight-cta__wrap .c-highlight-cta__content { padding: 0 30px; } @media (min-width: 50em) { .c-highlight-cta--hover.c-highlight-cta--items-list .c-highlight-cta__wrap .c-highlight-cta__content { padding: 0; } } .c-highlight-cta--hover.c-highlight-cta--items-list .c-highlight-cta__wrap .c-highlight-cta__img { height: 365px; } .c-highlight-cta--hover.c-highlight-cta--items-list .c-highlight-cta__in-content { margin-bottom: 2rem; } .c-highlight-cta--hover.c-highlight-cta--items-list .container { margin-bottom: 30px; } @media (min-width: 50em) { .c-highlight-cta--hover.c-highlight-cta--items-list .container { display: grid; grid-gap: 10px; } } @media (min-width: 60em) { .c-highlight-cta--hover.c-highlight-cta--items-list .container { grid-template-columns: repeat(2, 1fr); grid-gap: 30px; max-width: 617px; } } .c-highlight-cta--hover.c-highlight-cta--items-list .container > span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; margin-bottom: 32px; font-weight: 600; } @media (min-width: 50em) { .c-highlight-cta--hover.c-highlight-cta--items-list .container > span { margin-bottom: 0; } } @media (min-width: 50em) { .c-highlight-cta--reverse.c-highlight-cta--hover:before { content: ""; left: auto; right: 70%; } } .c-highlight-cta--reverse.c-highlight-cta--hover:after { top: 0; right: 0; left: auto; background: var(--bg-gradient); border-radius: 5px 0 0 5px; } .c-highlight-with-modal { margin: 0; position: relative; background-color: var(--color-brand); } @media (min-width: 50em) { .c-highlight-with-modal { background-color: transparent; } .c-highlight-with-modal::before { content: ""; position: absolute; display: block; left: -10px; z-index: -1; height: 50%; background: var(--bg-gradient); border-radius: 0px 5px 5px 0px; width: 71%; height: 100%; } } .c-highlight-with-modal .wrapper { padding-top: 5rem; padding-bottom: 5rem; } .c-highlight-with-modal .wrapper .c-highlight-cta__wrap { grid-column-gap: 3.5rem; } .c-highlight-with-modal .wrapper .c-highlight-cta__wrap .c-highlight-cta__img { overflow: visible; position: relative; } .c-highlight-with-modal .wrapper .c-highlight-cta__wrap .c-highlight-cta__img::before { content: ""; height: 141px; width: 356px; background-image: -o-linear-gradient(45deg, #000 25%, transparent 25%, transparent 50%, #000 50%, #000 75%, transparent 75%, #fff); background: repeating-linear-gradient(130deg, #8ec54a, #8ec54a 1px, transparent 1px, transparent 6px); position: absolute; top: -25px; z-index: -1; right: -30px; } .c-highlight-with-modal .wrapper .c-highlight-cta__wrap .c-highlight-cta__img::after { bottom: 0px; background: var(--color-secondary-accent); content: ""; display: block; height: 192px; position: absolute; right: 0; width: 14px; } .c-highlight-with-modal .c-highlight-cta__title { color: #fff; } .c-highlight-with-modal .c-highlight-cta__content > p { margin-bottom: 2.5rem; color: #fff; } .theme-gme .c-highlight-cta .c-highlight-cta__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 50em) { .theme-gme .c-highlight-cta .c-highlight-cta__wrap { display: grid; grid-template-columns: 1fr 1fr; padding: 0 0 0 1.5rem; } } .theme-gme .c-highlight-cta .c-highlight-cta__wrap .c-highlight-cta__title { margin-bottom: 1rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 50em) { .theme-gme .c-highlight-cta .c-highlight-cta__wrap .c-highlight-cta__title { padding-top: 1.5rem; } } .theme-gme .c-highlight-cta .c-highlight-cta__wrap .c-highlight-cta__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-bottom: 1.5rem; } .theme-gme .c-highlight-cta .c-highlight-cta__wrap .c-highlight-cta__content h5 { color: #01890c; } .theme-gme .c-highlight-cta .c-highlight-cta__wrap .c-highlight-cta__content .c-highlight-cta__content-description { margin-bottom: 1.5rem; } .theme-gme .c-highlight-cta .c-highlight-cta__wrap .c-highlight-cta__content .c-highlight-cta__in-content a { font-weight: 700; } .theme-gme .c-highlight-cta .c-highlight-cta__wrap .c-highlight-cta__img { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; border-radius: 0; } @media (min-width: 50em) { .theme-gme .c-highlight-cta .c-highlight-cta__wrap .c-highlight-cta__img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .theme-gme .c-highlight-cta.comp-theme--gray { margin-top: 2.5rem; position: relative; } .theme-gme .c-highlight-cta.comp-theme--gray:before { content: ""; width: 100%; max-width: 257px; height: 20px; background: -webkit-gradient(linear, right top, left top, from(#ec6c21), to(rgba(255, 255, 255, 0))); background: linear-gradient(-90deg, #ec6c21 0%, rgba(255, 255, 255, 0) 100%); position: absolute; bottom: 100%; right: 0; } @media (min-width: 50em) { .theme-gme .c-highlight-cta.comp-theme--gray:before { max-width: 882px; } } .theme-mirro .c-highlight-cta__img { overflow: inherit; } .theme-mirro .c-highlight-cta__img:after { content: " "; position: absolute; bottom: -6px; width: 93px; height: 100%; display: block; background: #ec6c21; right: -6px; z-index: -1; } .c-highlight-cta--redesign { margin: 0 16px; } @media (min-width: 50em) { .c-highlight-cta--redesign { margin: 4rem 0px; } } .c-highlight-cta--redesign .wrapper { width: auto; margin: auto; padding: 24px; border-radius: 24px; background-color: #feede0; background-repeat: no-repeat; } @media (min-width: 50em) { .c-highlight-cta--redesign .wrapper { padding: 48px; } } .c-highlight-cta--redesign .wrapper .c-highlight-cta__wrap { gap: 24px; } .c-highlight-cta--redesign .wrapper .c-highlight-cta__img { grid-row-start: 1; height: auto; margin: 0; border-radius: 16px; -webkit-box-shadow: 0 24px 16px -16px rgba(12, 31, 20, 0.3); box-shadow: 0 24px 16px -16px rgba(12, 31, 20, 0.3); } .c-highlight-cta--redesign .wrapper .c-highlight-cta__img--media { padding-bottom: 0; aspect-ratio: 16/9; } .c-highlight-cta--redesign .wrapper .c-highlight-cta__title { grid-row-start: 2; margin: 8px 0 0; color: #0d4026; font-family: "Cal Sans", sans-serif; font-size: 33px; line-height: 40px; } @media (min-width: 50em) { .c-highlight-cta--redesign .wrapper .c-highlight-cta__title { grid-row-start: 1; font-size: 44px; line-height: 48px; } } .c-highlight-cta--redesign .wrapper .c-highlight-cta__in-content { margin-bottom: 24px; color: #242628; font-size: 16px; line-height: 24px; } @media (min-width: 50em) { .c-highlight-cta--redesign .wrapper .c-highlight-cta__in-content { margin-right: 24px; font-size: 18px; line-height: 32px; } } .c-highlight-cta--redesign:not(.c-highlight-cta--redesign--img-left) .wrapper { background-image: url("data:image/svg+xml,"); background-position: top right; background-size: 86% auto; } @media (min-width: 50em) { .c-highlight-cta--redesign:not(.c-highlight-cta--redesign--img-left) .wrapper { background-image: url("data:image/svg+xml,"); background-position: bottom right; background-size: 32% auto; } } .c-highlight-cta--redesign--img-left .wrapper { background-image: url("data:image/svg+xml,"); background-position: top left; background-size: 86% auto; } @media (min-width: 50em) { .c-highlight-cta--redesign--img-left .wrapper { background-image: url("data:image/svg+xml,"); background-position: bottom left; background-size: 32% auto; } } @media (min-width: 50em) { .c-highlight-cta--redesign--img-left .c-highlight-cta__title { grid-column-start: 2; } .c-highlight-cta--redesign--img-left .c-highlight-cta__content { grid-column-start: 2; } .c-highlight-cta--redesign--img-left .c-highlight-cta__img { grid-column-start: 1; } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #HIGHLIGHT CTA -- Diagonal -- Mirro \*------------------------------------*/ .c-highlight-cta-diagonal { padding: 0 1rem 3rem; } @media (min-width: 50em) { .c-highlight-cta-diagonal { height: 592px; min-height: 592px; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 5.688rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .c-highlight-cta-diagonal__image { position: relative; margin-bottom: 2rem; } .c-highlight-cta-diagonal__image:after { content: " "; position: absolute; bottom: -6px; width: 93px; height: 100%; display: block; background: #ec6c21; right: -6px; z-index: -1; } @media (min-width: 50em) { .c-highlight-cta-diagonal__image { position: absolute; z-index: 0; top: 0; left: 0; max-width: 100%; width: 100%; height: 592px; margin-bottom: 0; } .c-highlight-cta-diagonal__image:after { display: none; } } .c-highlight-cta-diagonal__image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } @media (min-width: 50em) { .c-highlight-cta-diagonal__content { background: linear-gradient(-260deg, #8ec54a 15%, rgba(255, 255, 255, 0.85) 6%, rgba(255, 255, 255, 0.85) 80%, rgba(142, 197, 74, 0) 80%); position: absolute; top: 0; left: 0; height: 100%; width: 100%; max-width: 748px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; vertical-align: middle; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 12% 0 10.5%; z-index: 2; } } .c-highlight-cta-diagonal__content .c-btn { display: inline-block; margin: 0; } @media (min-width: 28em) { .c-highlight-cta-diagonal__title { border-left: 3px solid #ec6c21; padding: 0 0 0 1.5rem; width: 100%; } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /* The Modal (background) */ .modal-dialog__content { display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ visibility: hidden; /* Hidden by default */ z-index: -1; opacity: 0; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .modal-dialog__content.active { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 9999; visibility: visible; opacity: 1; } .modal-dialog__content { /* Modal Content/Box */ } .modal-dialog__content-wrapper { background-color: #fefefe; padding: 3rem 1rem 2rem; border: 1px solid #888; position: relative; width: 80%; /* Could be more or less, depending on screen size */ max-width: 1200px; max-height: 90%; overflow: auto; } @media (min-width: 50em) { .modal-dialog__content-wrapper { padding: 3.25rem 5rem 2rem; } } .modal-dialog__content-wrapper h4 { margin-bottom: 1.5rem; } .modal-dialog__content-wrapper h4.modal-dialog__content-title { margin-bottom: 2.5rem; text-align: center; } .modal-dialog__content-media-content { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .modal-dialog__content-media-content iframe, .modal-dialog__content-media-content object, .modal-dialog__content-media-content embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal-dialog__content { /* The Close Button */ } .modal-dialog__content-btn-close { color: var(--color-body-text); font-size: 40px; position: absolute; top: 1rem; right: 0.75rem; line-height: 1rem; font-weight: 300; border: none; padding: 0; min-width: auto; } .modal-dialog__content-btn-close:hover, .modal-dialog__content-btn-close:focus { text-decoration: none; cursor: pointer; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ .fad-nav { background: var(--bg-subtle); padding: 1.25rem 2.5rem; margin: 0 0 2rem; } .fad-nav.sticky { position: fixed; left: 0; top: 0; width: 100%; z-index: 9; padding-left: 3rem; padding-right: 3rem; } .fad-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; padding-right: 3rem; width: 100%; max-width: 1300px; } .fad-nav__item { margin-right: 2rem; } .fad-nav__item > a { color: var(--color-body-text-dark); font-weight: 600; } .fad-section { margin: 0; } .fad-section#sectionRatingsReviews { margin-bottom: 2rem; } .fad-section .c-card--location { max-width: 840px; } .fad-section .wrapper { padding-top: 0; padding-bottom: 0; } .fad-section .c-accordion__section { padding: 0; } .fad-section .c-related-grid { margin-top: 0; } @media (min-width: 50em) { .fad-section { margin: 4rem 0; } .fad-section .c-accordion__button { display: block; } .fad-section .c-accordion__section { max-height: inherit; overflow: inherit; } .fad-section .c-accordion__section > p { opacity: 1; -webkit-transition: none; transition: none; } } .fad-section .ds-commentprefix { font-size: 1.25rem; font-weight: 500; color: #495057; margin-top: 1rem; } .fad-section .ds-commentprefix .ds-ratingcount { color: #495057; } .fad-section .ds-commentprefix .ds-average, .fad-section .ds-commentprefix .ds-average-max { font-weight: 500; color: #495057; } .ul-areas-of-interest > li { margin-bottom: 0.5rem; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*! Modaal - accessible modals - v0.4.4 by Humaan, for all humans. http://humaan.com */ .modaal-noscroll { overflow: hidden; } .modaal-accessible-hide { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .modaal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; } .modaal-wrapper { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow: auto; opacity: 1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .modaal-wrapper * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; } .modaal-wrapper .modaal-close { border: none; background: transparent; padding: 0; -webkit-appearance: none; } .modaal-wrapper.modaal-start_none { display: none; opacity: 1; } .modaal-wrapper.modaal-start_fade { opacity: 0; } .modaal-wrapper *[tabindex="0"] { outline: none !important; } .modaal-wrapper.modaal-fullscreen { overflow: hidden; } .modaal-outer-wrapper { display: table; position: relative; width: 100%; height: 100%; } .modaal-fullscreen .modaal-outer-wrapper { display: block; } .modaal-inner-wrapper { display: table-cell; width: 100%; height: 100%; position: relative; vertical-align: middle; text-align: center; padding: 80px 25px; } .modaal-fullscreen .modaal-inner-wrapper { padding: 0; display: block; vertical-align: top; } .modaal-container { position: relative; display: inline-block; width: 100%; margin: auto; text-align: left; color: #000; max-width: 1200px; border-radius: 0px; background: #fff; -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); cursor: auto; } .modaal-container.is_loading { height: 100px; width: 100px; overflow: hidden; } .modaal-fullscreen .modaal-container { max-width: none; height: 100%; overflow: auto; } .modaal-close { position: fixed; right: 20px; top: 20px; color: #fff; cursor: pointer; opacity: 1; width: 50px; height: 50px; background: rgba(0, 0, 0, 0); border-radius: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .modaal-close:focus, .modaal-close:hover { outline: none; background: #fff; } .modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after { background: #b93d0c; } .modaal-close span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .modaal-close:before, .modaal-close:after { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: #fff; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .modaal-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .modaal-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .modaal-fullscreen .modaal-close { background: #afb7bc; right: 10px; top: 10px; } .modaal-content-container { padding: 40px 30px 50px; } @keyframes instaReveal { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes instaReveal { 0% { opacity: 0; } 100% { opacity: 1; } } .modaal-video-wrap { margin: auto 50px; position: relative; } .modaal-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #000; max-width: 1300px; margin-left: auto; margin-right: auto; } .modaal-video-container iframe, .modaal-video-container object, .modaal-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modaal-iframe .modaal-content { width: 100%; height: 100%; } .modaal-iframe-elem { width: 100%; height: 100%; display: block; } @media only screen and (min-width: 1400px) { .modaal-video-container { padding-bottom: 0; height: 731px; } } @media screen and (max-height: 1000px) { .modaal-inner-wrapper { padding-top: 60px; padding-bottom: 60px; } } @media screen and (max-height: 900px) { .modaal-container { width: 500px !important; } .modaal-video-container { max-width: 900px; max-height: 510px; } } .modaal-loading-spinner { background: none; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; -webkit-transform: scale(0.25); -ms-transform: scale(0.25); transform: scale(0.25); } @-webkit-keyframes modaal-loading-spinner { 0% { opacity: 1; -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { opacity: 0.1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @keyframes modaal-loading-spinner { 0% { opacity: 1; -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { opacity: 0.1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } .modaal-loading-spinner > div { width: 24px; height: 24px; margin-left: 4px; margin-top: 4px; position: absolute; } .modaal-loading-spinner > div > div { width: 100%; height: 100%; border-radius: 15px; background: #fff; } .modaal-loading-spinner > div:nth-of-type(1) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: 0s; animation-delay: 0s; } .modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; } .modaal-loading-spinner > div:nth-of-type(1) { -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(2) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: 0.12s; animation-delay: 0.12s; } .modaal-loading-spinner > div:nth-of-type(2) { -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(3) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; } .modaal-loading-spinner > div:nth-of-type(3) { -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(4) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: 0.37s; animation-delay: 0.37s; } .modaal-loading-spinner > div:nth-of-type(4) { -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(5) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; } .modaal-loading-spinner > div:nth-of-type(5) { -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(6) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: 0.62s; animation-delay: 0.62s; } .modaal-loading-spinner > div:nth-of-type(6) { -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(7) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } .modaal-loading-spinner > div:nth-of-type(7) { -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(8) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: 0.87s; animation-delay: 0.87s; } .modaal-loading-spinner > div:nth-of-type(8) { -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); } .modal__header { text-align: center; } .modal__title { font-size: 33px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 40px; margin-bottom: 1rem; } @media (min-width: 50em) { .modal__title { font-size: 44px; line-height: 48px; } } .modal__content { width: 100%; min-width: 100%; margin: 0 auto; text-align: center; } .modal__content.is-hidden { opacity: 0; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; } .modal__content.is-visible { opacity: 1; visibility: visible; -webkit-transition: 0.5s; transition: 0.5s; } .modal__content #divAppt { margin: 1rem 0; } .modal__content #dr-name { font-weight: 700; } .modal__content--form .modal__header { max-width: 630px; margin: 0 auto; } .modal__form { max-width: 600px; margin: 0 auto; } .modal__form label { display: block; width: 100%; text-align: left; margin-bottom: 10px; } .modal__form .current-location { border: 0; font-weight: 500; text-align: left; margin: 0.5rem 0 1.25rem; display: block; padding: 0; cursor: pointer; } .modal__form .current-location .fa { color: #01890c; margin-right: 0.5rem; font-size: 14px; } .modal__actions { margin-top: 1rem; } .modal__actions .btn, .modal__actions .button { display: inline-block; margin: 0 0.5rem; } .modal-card-grid { display: grid; width: 100%; margin: 1rem 0; grid-template-columns: repeat(2, 1fr); grid-gap: 2rem; } .modal-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2rem 1.5rem; background: #f7f8f8; border: 1px solid #8ec54a; } .modal-card .btn, .modal-card .button { display: block; width: 100%; max-width: 300px; margin-top: 1rem; } .cta-change-distance { padding: 1.5rem 2rem; background: #f7f8f8; border: 1px solid #8ec54a; margin-bottom: 1rem; } .cta-change-distance .cta-change-text { margin: 0; } .cta-change-distance .cta-change-distance-back { margin: 0.5rem 0; } .frame-next { max-width: 690px; height: auto; margin: 1rem auto 0; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /* Tooltip container */ .c-tooltip { background-color: none; color: var(--color-brand); border: 0; padding: 0; min-width: auto; border-radius: inherit; position: relative; display: inline-block; border-bottom: 1px dotted #000; /* If you want dots under the hoverable text */ /* Tooltip text */ } .c-tooltip .tooltiptext { visibility: hidden; opacity: 0; position: absolute; z-index: 9; background: #ffffff; border: 1px solid #d5dee2; border-radius: 0; -webkit-box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.1); box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.1); color: #000; display: block; font-weight: 400; font-size: 16px; line-height: 26px; padding: 1rem 2rem; text-align: left; width: -webkit-max-content; width: -moz-max-content; width: max-content; left: 50%; right: 50%; bottom: 0; top: auto; -webkit-transform: translate(-50%, -12%); -ms-transform: translate(-50%, -12%); transform: translate(-50%, -12%); } .c-tooltip { /* Show the tooltip text when you mouse over the tooltip container */ } .c-tooltip:hover, .c-tooltip:focus, .c-tooltip:active { text-decoration: none; } .c-tooltip:hover .tooltiptext, .c-tooltip:focus .tooltiptext, .c-tooltip:active .tooltiptext { opacity: 1; visibility: visible; } .c-tooltip.aligned-right { position: unset; } .c-tooltip.aligned-right .tooltiptext { -webkit-transform: unset; -ms-transform: unset; transform: unset; right: 4px; left: auto; bottom: 23px; } .c-tooltip.aligned-left { position: unset; } .c-tooltip.aligned-left .tooltiptext { -webkit-transform: unset; -ms-transform: unset; transform: unset; left: 4px; right: auto; bottom: 23px; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ .ds-summary { margin-bottom: 1rem; } .ds-summary .ds-xofy { display: inline-block; } .ds-summary .ds-ratings { display: inline-block; } .ds-average-max { padding-right: 5px; } .c-card-profile .ds-summary > div, .c-fad-hero__info .ds-summary > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .c-card-profile .ds-summary > div > div:first-child, .c-fad-hero__info .ds-summary > div > div:first-child { width: 100%; } .c-card-profile .ds-summary .ratings-not-available, .c-fad-hero__info .ds-summary .ratings-not-available { width: auto !important; display: inline-block; font-weight: 400 !important; } .c-card-profile .ds-average, .c-fad-hero__info .ds-average { font-weight: 400; } .c-card-profile .ds-average-max, .c-fad-hero__info .ds-average-max { color: #495057; padding-right: 15px; } .c-card-profile .ds-summary .ds-comments, .c-fad-hero__info .ds-summary .ds-comments { display: none; } .c-card-profile .rating-tooltip, .c-fad-hero__info .rating-tooltip { position: relative; margin-left: 0.5rem; } .c-card-profile .rating-tooltip .tooltiptext.tooltip-right, .c-fad-hero__info .rating-tooltip .tooltiptext.tooltip-right { position: absolute; background: white; min-width: 300px; padding: 1rem; right: 0; bottom: 100%; -webkit-transform: translateX(25%); -ms-transform: translateX(25%); transform: translateX(25%); opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; z-index: 5; -webkit-box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.1); box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.1); } @media (min-width: 60em) { .c-card-profile .rating-tooltip .tooltiptext.tooltip-right, .c-fad-hero__info .rating-tooltip .tooltiptext.tooltip-right { left: calc(100% + 1rem); right: auto; bottom: 50%; -webkit-transform: translateY(50%) translateX(0); -ms-transform: translateY(50%) translateX(0); transform: translateY(50%) translateX(0); } } .c-card-profile .rating-tooltip:hover .tooltiptext.tooltip-right, .c-fad-hero__info .rating-tooltip:hover .tooltiptext.tooltip-right { opacity: 1; visibility: visible; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /* =========================== */ /* COMPONENT: Related Content */ /* =========================== */ .c-related-content .blog-shape-orange { display: none; } .c-related-content.theme-redesign { background: #f8f4e9; position: relative; overflow: hidden; margin-top: 0; margin-bottom: 0; } .c-related-content.theme-redesign .wrapper { overflow: clip; } @media (min-width: 50em) { .c-related-content.theme-redesign .wrapper { padding: 64px 48px; } } .c-related-content.theme-redesign .wrapper .blog-shape-orange { display: block; position: absolute; bottom: 0; right: 0; z-index: 1; } .c-related-content.theme-redesign .wrapper .b-section-title { position: relative; z-index: 2; } @media (min-width: 50em) { .c-related-content.theme-redesign .wrapper .b-section-title { margin-bottom: 56px; } } .c-related-content.theme-redesign .wrapper .b-section-title h2 { margin-bottom: 16px; } @media (min-width: 50em) { .c-related-content.theme-redesign .wrapper .b-section-title h2 { color: #0d4026; /* text-3xl */ font-size: 44px; line-height: 48px; } } .c-related-content.theme-redesign .wrapper .c-related-grid { position: relative; z-index: 2; } .c-related-content.theme-redesign .wrapper .c-card { background: #fff; position: relative; z-index: 2; } .c-related-content.theme-redesign .wrapper .c-card .c-card__details { border: none !important; padding: 32px; } .c-related-content.theme-redesign .wrapper .c-card .c-card__subhead { margin-bottom: 4px; } .c-related-content.theme-redesign .wrapper .c-card .c-card__title { margin-bottom: 0; } .c-related-content.theme-redesign .wrapper .c-card a { color: #00783c; /* text-2xl */ font-family: "Cal Sans", sans-serif; font-size: 28px; text-decoration: underline; } @media (min-width: 768px) { .c-related-content.theme-redesign .wrapper .c-card a { font-size: 35px; } } .c-related-content.theme-redesign.ce-slider .slider__stage { padding-left: 0 !important; } @media (min-width: 768px) { .c-related-content.theme-redesign .c-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 24px; } } .slider-progress-bar { width: 100%; height: 12px; background-color: #e5e8e8; border-radius: 10px; margin-top: 24px; position: relative; overflow: hidden; z-index: 10; } @media (min-width: 768px) { .slider-progress-bar { display: none; } } .slider-progress-bar .slider-thumb { position: absolute; top: 0; left: 0; height: 100%; background-color: #02754b; border-radius: 10px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; will-change: transform; pointer-events: none; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ .c-related-locations { padding-bottom: 0; } @media (min-width: 50em) { .c-related-locations .results-view-panel[data-view-mode=map] { gap: 0; } .c-related-locations .results-view-panel[data-view-mode=map] .cards { width: 350px; padding-right: 16px; } .c-related-locations .results-view-panel[data-view-mode=map] .cards .c-card { padding: 1.5rem 1.675rem 1.5rem; margin-bottom: 16px; } } @media (max-width: 800px) { .c-related-locations .cards.scrollbar-green { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2.5rem; overflow-x: auto; } .c-related-locations .cards.scrollbar-green .c-card { min-width: 275px; margin-bottom: 0; } } .c-related-locations .tooltiptext { left: -75px; max-width: 270px; padding: 1rem 1.25rem; } .c-related-locations .tooltiptext p { margin-bottom: 10px; font-size: 0.875rem; } #MapComponent h2 { color: #0d4026; font-family: "Cal Sans", sans-serif; font-size: 44px; } #MapComponent h2 + div > p { max-width: 648px; } #MapComponent .results-and-results-view-mode { max-width: 648px; } @media (max-width: 800px) { #MapComponent .cards.scrollbar-green { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; overflow-x: auto; } #MapComponent .cards.scrollbar-green .c-card { min-width: 275px; margin-bottom: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #MapComponent .b-pagination { display: none; } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /* COMPONENT: IMAGE STYLED */ .c-video-rich-text .video_wrapper { padding-bottom: 2.5rem; } @media (min-width: 50em) { .c-video-rich-text .video_wrapper { max-width: 825px; margin: auto; padding-bottom: 5rem; } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /* ======================== */ /* COMPONENT: WELCOME VIDEO */ /* ======================== */ .welcome-video { background: #00783c; color: #fff; position: relative; } @media (min-width: 50em) { .welcome-video { margin-bottom: 0px; } .welcome-video .eyebrow-text { font-size: 28px; line-height: 32px; } } .welcome-video-ring { position: absolute; top: 0; right: 0; width: 88px; height: 88px; z-index: 1; } @media (min-width: 50em) { .welcome-video-ring { width: 336px; height: 336px; } } .welcome-video .wrapper { padding-bottom: 0; position: relative; z-index: 2; } .welcome-video-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; margin: 0 auto; max-width: 1008px; padding-top: 40px; text-align: center; } .welcome-video-content .eyebrow-text { font-size: 28px; } .welcome-video-content h2 { color: #fff; font-family: "Cal Sans", sans-serif; margin-bottom: 0; } .welcome-video-content a { margin-top: 24px; } .welcome-video .video-module { aspect-ratio: 16/9; position: relative; top: 48px; width: 100%; } .welcome-video .video-module .video-poster { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; position: absolute; border-radius: 24px; -webkit-box-shadow: 0 16px 40px -8px rgba(12, 31, 20, 0.3); box-shadow: 0 16px 40px -8px rgba(12, 31, 20, 0.3); top: 0; left: 0; } .welcome-video .video-module iframe { width: 100%; height: 100%; } .welcome-video .video-module .video-play-btn { background: none; border: none; border-radius: 50%; cursor: pointer; inset: 0; margin: auto; padding: 0; position: absolute; width: 112px; height: 112px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .welcome-video .video-module .video-play-btn:hover, .welcome-video .video-module .video-play-btn:focus { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #STATS LIST \*------------------------------------*/ .c-stats-list { margin: 4.5rem 0; } .c-stats-list .c-card__title { font-size: 2.4375rem; } .c-stats-list { padding-top: 58px; padding-bottom: 68px; } @media (min-width: 50em) { .c-stats-list .wrapper .b-section-title { margin-bottom: 60px; } } .c-stats-list .wrapper .b-section-title .b-section-title__content { text-align: center; } .c-stats-list .wrapper .b-grid--wrapper { text-align: center; padding-top: 60px; } @media (min-width: 50em) { .c-stats-list .wrapper .b-grid--wrapper { padding-top: 0; } } @media (min-width: 50em) { .c-stats-list .wrapper .b-grid--wrapper .c-card__details { text-align: center; padding: 0 20px; } } .c-stats-list .wrapper .b-grid--wrapper .c-card__details .c-card__title, .c-stats-list .wrapper .b-grid--wrapper .c-card__details .c-card__description { margin: 0; } .c-stats-list .wrapper .b-grid--wrapper .c-card__details .c-card__title { color: var(--color-brand); font-weight: 400; line-height: 72px; } .c-stats-list.comp-theme--gray { padding: 4.5rem 0; margin: 0; } .c-stats-list.comp-theme--gray .c-card__details { background: transparent; } .theme-gme .c-stats-list.comp-theme--gray { background-color: #f6faf1; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #HERO \*------------------------------------*/ .c-showcase-panel { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 400px; overflow: hidden; padding: 80px 40px; position: relative; } .c-showcase-panel figure { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; height: 100%; } .c-showcase-panel figure img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .c-showcase-panel .wrapper { position: relative; z-index: 1; text-align: center; padding: 0; } .c-showcase-panel .wrapper .c-showcase-panel__title, .c-showcase-panel .wrapper p, .c-showcase-panel .wrapper a { color: #fff; } .theme-alliance .c-showcase-panel .wrapper .c-showcase-panel__title { font-size: 20px; font-weight: 300; line-height: 1.51364; margin-bottom: 20px; text-transform: uppercase; } @media (min-width: 50em) { .theme-alliance .c-showcase-panel .wrapper .c-showcase-panel__title { font-size: 64px; line-height: 1.4; margin-bottom: 80px; } } .theme-alliance .c-showcase-panel .wrapper .c-showcase-panel__title span { position: relative; } .theme-alliance .c-showcase-panel .wrapper .c-showcase-panel__title span::before, .theme-alliance .c-showcase-panel .wrapper .c-showcase-panel__title span::after { border-bottom: 6px solid #84bd00; content: ""; position: absolute; height: 0; top: 50%; width: 50vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .theme-alliance .c-showcase-panel .wrapper .c-showcase-panel__title span::before { margin-right: 15px; right: 100%; } .theme-alliance .c-showcase-panel .wrapper .c-showcase-panel__title span::after { left: 100%; margin-left: 15px; } .theme-alliance .c-showcase-panel .wrapper p { font-size: 15px; font-weight: 400; margin-bottom: 20px; } @media (min-width: 50em) { .theme-alliance .c-showcase-panel .wrapper p { font-size: 36px; padding-left: 80px; padding-right: 80px; } } .theme-alliance .c-showcase-panel .wrapper a { border-bottom: 2px solid transparent; } .theme-alliance .c-showcase-panel .wrapper a:hover { border-bottom: 2px solid #fff; } .c-logos-showcase { margin: 40px 0; } @media (min-width: 50em) { .c-logos-showcase { margin: 80px 0; } } .c-logos-showcase.b-grid.b-grid-col-3 .b-grid--wrapper { display: grid; grid-template-columns: repeat(1, 1fr); justify-items: center; gap: 32px; } @media (min-width: 50em) { .c-logos-showcase.b-grid.b-grid-col-3 .b-grid--wrapper { grid-template-columns: repeat(3, 1fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: auto; } } .c-logos-showcase .wrapper { padding-top: 0; padding-bottom: 0; } @media (min-width: 50em) { .c-logos-showcase .wrapper { padding-top: 0; padding-bottom: 0; } } .c-logos-showcase__item { display: block; text-align: center; } .theme-connect .c-logos-showcase.b-grid.b-grid-col-3 .b-grid--wrapper { grid-template-columns: repeat(1, 1fr); } @media (min-width: 50em) { .theme-connect .c-logos-showcase.b-grid.b-grid-col-3 .b-grid--wrapper { grid-template-columns: repeat(3, 1fr); } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /* COMPONENT: NOTIFICATION AREA */ .c-notification-area { padding: 0.75rem 1rem; background-color: rgba(236, 108, 35, 0.05); font-size: 16px; line-height: 24.5px; font-weight: 400; color: #495058; border: 1.25px dashed #ec6c23; border-radius: 8px; } @media (min-width: 50em) { .c-notification-area { padding: 1rem 1.5rem; } } .c-notification-area p:last-child, .c-notification-area ul:last-child { margin-bottom: 0; padding-bottom: 0; } .c-notification-area .c-notification-area__title { font-weight: 700; color: #014a08; display: inline-block; margin-right: 0.3rem; } .c-notification-area .c-notification-area__link { display: inline-block; margin-left: 0.3rem; font-weight: 500; } .c-notification-area ul { list-style-type: disc; padding-left: 1.5rem; padding-bottom: 1rem; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #QUICKLINKS \*------------------------------------*/ .c-quicklinks { position: relative; background-color: #feede0; padding: 40px 16px 64px; --quicklinks-shape-ratio: 1.18; } @media (min-width: 50em) { .c-quicklinks { padding: 40px 48px; } } .c-quicklinks__background-shape { position: absolute; z-index: 0; /* Mobile Default: Top Left */ top: 100px; bottom: unset; left: 0; width: 70vw; aspect-ratio: var(--quicklinks-shape-ratio); height: auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='241' height='204' viewBox='0 0 241 204' fill='none'%3E%3Cg clip-path='url(%23clip0_4876_320)'%3E%3Cpath d='M-165.809 240.303C-165.809 148.729 -91.5737 74.4939 7.62939e-05 74.4939C91.5739 74.4939 165.809 148.729 165.809 240.303C165.809 331.877 91.5739 406.112 7.62939e-05 406.112V480.606C132.716 480.606 240.303 373.019 240.303 240.303C240.303 107.587 132.716 0 7.62939e-05 0C-132.716 0 -240.303 107.587 -240.303 240.303C-240.303 373.019 -132.716 480.606 7.62939e-05 480.606V406.112C-91.5737 406.112 -165.809 331.877 -165.809 240.303Z' fill='%23F26B21'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4876_320'%3E%3Crect width='240.303' height='203.333' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: top left; background-size: cover; } @media (min-width: 50em) { .c-quicklinks__background-shape { /* Desktop: Bottom Left */ top: unset; bottom: 0; background-position: bottom left; width: 40vw; } } @media (min-width: 50em) { .c-quicklinks__content-container { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; max-width: 1344px; margin: auto; } } .c-quicklinks__image-wrapper { position: relative; z-index: 10; margin-bottom: 32px; } @media (min-width: 50em) { .c-quicklinks__image-wrapper { width: 41%; height: 570px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .c-quicklinks__image-wrapper img { border-radius: 16px; -webkit-box-shadow: 0 24px 16px -16px rgba(12, 31, 20, 0.3); box-shadow: 0 24px 16px -16px rgba(12, 31, 20, 0.3); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 50em) { .c-quicklinks__image-wrapper img { height: -webkit-fill-available; max-width: 428px; } } .c-quicklinks__body { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } @media (min-width: 50em) { .c-quicklinks__body { width: 59%; } } .c-quicklinks__eyebrow { margin-bottom: 8px; color: #0d4026; /* eyebrow-base */ font-family: "Montserrat", sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; letter-spacing: 0; } @media (min-width: 50em) { .c-quicklinks__eyebrow { /* eyebrow-base */ font-size: 28px; } } .c-quicklinks__heading { margin-bottom: 16px; color: #0d4026; /* text-4xl */ font-family: "Cal Sans", sans-serif; font-size: 40px; font-weight: 400; line-height: 48px; letter-spacing: 0; } @media (min-width: 50em) { .c-quicklinks__heading { /* text-4xl */ font-size: 55px; line-height: 56px; /* 101.818% */ letter-spacing: 0; } } .c-quicklinks__description { margin-bottom: 24px; color: #242628; /* regular */ font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; } @media (min-width: 50em) { .c-quicklinks__description { /* regular */ font-size: 18px; line-height: 32px; } } .c-quicklinks__links-group { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-quicklinks__link-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 8px 16px; gap: 10px; background-color: #00783c; border-radius: 4px; border: none; text-align: left; color: #fff; /* button-base */ font-family: "Cal Sans", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; } @media (min-width: 50em) { .c-quicklinks__link-button { color: #fff; /* button-base */ font-family: "Cal Sans", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; } } .c-quicklinks__link-button svg { height: 16px; width: 16px; } .c-hero.hero-redesign + .c-quicklinks { margin-top: -100px; padding-top: 140px; } @media (min-width: 50em) { .c-hero.hero-redesign + .c-quicklinks { margin-top: -120px; padding-top: 160px; } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ .c-meet-our-team { padding: 48px 0; margin: auto; } .c-meet-our-team .b-section-title { margin-bottom: 56px; } .c-meet-our-team .b-section-title .b-section-title__content h2 { margin-bottom: 24px; color: #0d4026; /* text-3xl */ font-size: 44px; font-weight: 400; line-height: 48px; } @media (min-width: 50em) { .c-meet-our-team .b-section-title .b-section-title__content h2 { margin-bottom: 0; } } .c-meet-our-team .b-inner-content, .c-meet-our-team .l-page-content { color: #242628; } .c-meet-our-team__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; margin: 0 auto; padding: 2rem 1.25rem; width: 100%; max-width: 1360px; } @media (min-width: 50em) { .c-meet-our-team__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 24px; padding: 2rem 3rem; } } @media (min-width: 100em) { .c-meet-our-team__wrapper { max-width: 1500px; } } .c-meet-our-team__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 100%; max-width: 432px; border: 1px solid #bdbebf; border-radius: 16px; -webkit-box-shadow: 0 8px 16px -8px rgba(12, 31, 20, 0.1); box-shadow: 0 8px 16px -8px rgba(12, 31, 20, 0.1); } @media (min-width: 60em) { .c-meet-our-team__card { -webkit-box-flex: 1; -ms-flex: 1 1 300px; flex: 1 1 300px; } } .c-meet-our-team__card-blob { background-color: #00783c; border-radius: 15px 15px 0 0; width: 100%; height: 214px; position: absolute; z-index: 0; } .c-meet-our-team__card-picture { width: 100%; border-radius: 16px 16px 0 0; margin-bottom: 0.75rem; position: relative; } @media (min-width: 60em) { .c-meet-our-team__card-picture { margin-bottom: 1.5rem; } } .c-meet-our-team__card-picture figure { width: 100%; padding: 24px 24px 0 24px; border-radius: 16px; position: relative; aspect-ratio: 16/9; } .c-meet-our-team__card-picture figure img { width: 100%; height: 222px; margin: 0; border-radius: 16px; -webkit-box-shadow: 0 8px 16px -8px rgba(12, 31, 20, 0.6); box-shadow: 0 8px 16px -8px rgba(12, 31, 20, 0.6); -o-object-fit: cover; object-fit: cover; } .c-meet-our-team__card-picture-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; position: absolute; bottom: 8px; left: 24px; right: 24px; padding: 8px 0; background: rgba(36, 38, 40, 0.8); color: #fff; border-radius: 0 0 16px 16px; text-align: center; font-family: "Cal Sans", sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; } @media (min-width: 60em) { .c-meet-our-team__card-picture-cta { /* button-base */ font-size: 18px; line-height: 24px; } } .c-meet-our-team__card-picture-cta:hover { background: rgb(36, 38, 40); color: #fff; } .c-meet-our-team__card-main-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 24px 24px; } @media (min-width: 60em) { .c-meet-our-team__card-main-content { padding: 0 32px 32px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .c-meet-our-team__card-main-content .c-meet-our-team__card-title { margin-bottom: 8px; color: #242628; font-family: "Cal Sans", sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; } .c-meet-our-team__card-main-content .fad-logo { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .c-meet-our-team__card-main-content .fad-logo img { max-height: 100%; } .c-meet-our-team__card-main-content .flag { display: inline-block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 8px 0 0; padding: 5px 10px; border-radius: 4px; background: #dae9df; color: #242628; font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 400; line-height: 16px; min-height: 26px; } .c-meet-our-team__card-main-content .flag:first-child { margin-top: 24px; } .c-meet-our-team__card-main-content .flag:empty { visibility: hidden; background: transparent; } .c-meet-our-team__card-main-content .btn-primary { font-size: 16px; margin-top: 24px; display: block; text-align: center; line-height: 16px; padding: 12px; border-radius: 12px; width: 100%; background: #00783c; } @media (min-width: 60em) { .c-meet-our-team__card-main-content .btn-primary { font-size: 18px; line-height: 24px; } } .c-meet-our-team__card-main-content .ds-summary .no-ratings-available { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; color: #666769; /* regular */ font-family: "Montserrat", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } @media (min-width: 60em) { .c-meet-our-team__card-main-content .ds-summary .no-ratings-available { font-size: 18px; line-height: 32px; } } .c-meet-our-team__card-main-content .ds-summary .rating-tooltip { display: inline; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .c-meet-our-team__card-main-content .ds-summary .rating-tooltip .fa-info-circle::before { content: "\f05a"; color: #00783c; } .c-meet-our-team__card-main-content .ds-summary .rating-tooltip .tooltiptext.tooltip-right { position: absolute; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; z-index: 5; right: -20px; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; bottom: 30px; box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.1); background: #fff; min-width: 300px; padding: 1rem; } .c-meet-our-team__card-main-content .ds-summary .rating-tooltip:hover .tooltiptext.tooltip-right { visibility: visible; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; right: -20px; left: auto; transform: none; bottom: 30px; } .c-meet-our-team__card .ratings-not-available { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; } .c-meet-our-team__card .c-meet-our-team__card-footer { margin-top: 24px; } .c-meet-our-team__card .c-meet-our-team__card-footer .ds-xofy .ds-average, .c-meet-our-team__card .c-meet-our-team__card-footer .ds-xofy .ds-average-max, .c-meet-our-team__card .c-meet-our-team__card-footer .ds-xofy .ds-ratings { color: #666769; font-weight: 400; font-size: 16px; line-height: 24px; margin-right: 2px; } @media (min-width: 50em) { .c-meet-our-team__card .c-meet-our-team__card-footer .ds-xofy .ds-average, .c-meet-our-team__card .c-meet-our-team__card-footer .ds-xofy .ds-average-max, .c-meet-our-team__card .c-meet-our-team__card-footer .ds-xofy .ds-ratings { font-size: 18px; line-height: 32px; } } .c-meet-our-team__card .c-meet-our-team__card-footer .ds-ratings { margin-right: 8px; } .c-meet-our-team__card.js-team-card { display: none; } .c-meet-our-team__action { margin-top: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 50em) { .c-meet-our-team__action { margin-top: 56px; } } .c-meet-our-team__action button { display: inline-block; margin: 0 auto; cursor: pointer; font-family: "Cal Sans", sans-serif; font-size: 16px; line-height: 16px; border: none; background: none; padding: 0; min-width: 0; border-radius: 16px; background: #fff; border-radius: 16px; border: #02754b 1.5px solid; color: #02754b; display: inline-block; font-weight: 400; padding: 14.5px 24px; } .c-meet-our-team__action button:hover { background: #056233; color: #fff; text-decoration: none; } .c-meet-our-team .js-team-card.is-visible { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #SERVICE HORIZONTAL NAVIGATION \*------------------------------------*/ .b-service-horizontal-nav { border-top: 0.5px solid #aed2be !important; position: sticky; top: 0; z-index: 10; background-color: #fff; width: 100%; font-family: "Cal Sans", sans-serif; } .b-service-horizontal-nav .nav-container { position: relative; } @media (min-width: 1051px) { .b-service-horizontal-nav .nav-container .nav-link { color: #00783c; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .b-service-horizontal-nav .nav-container .nav-link:hover, .b-service-horizontal-nav .nav-container .nav-link:active, .b-service-horizontal-nav .nav-container .nav-link:focus { text-decoration: none; color: #00783c; } .b-service-horizontal-nav .nav-container .nav-link .chevron { display: block; height: 16px; width: 16px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; background: url(../svg/icon_chevron-circle-down.svg) no-repeat; } .b-service-horizontal-nav .nav-container .nav-link[aria-expanded=true] .chevron { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } } .b-service-horizontal-nav .service-mobile-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 12px 16px; gap: 8px; border: none; border-radius: 8px; background: #00783c; color: #fff; /* button-base */ font-size: 16px; line-height: 16px; } .b-service-horizontal-nav .service-mobile-toggle .chevron { display: inline-block; width: 12px; height: 12px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; background: url(../svg/icon_chevron-thick-down.svg) no-repeat; } .b-service-horizontal-nav .service-mobile-toggle[aria-expanded=true] .chevron { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } @media (min-width: 1051px) { .b-service-horizontal-nav .service-mobile-toggle { display: none; } } .b-service-horizontal-nav .nav-wrapper { width: 100%; display: none; position: absolute; top: 64px; z-index: 999; } @media (min-width: 1051px) { .b-service-horizontal-nav .nav-wrapper { display: block !important; position: static; width: 100%; z-index: auto; } } @media (min-width: 1051px) { .b-service-horizontal-nav .nav-wrapper .nav-list { visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 32px; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; background-color: transparent; overflow: visible; width: 100%; } .b-service-horizontal-nav .nav-wrapper .nav-list.is-ready { visibility: visible; } } .b-service-horizontal-nav.is-open .nav-wrapper { display: block; } .b-service-horizontal-nav.is-open .nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 16px; background-color: #00783c; -webkit-box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.32); box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.32); overflow-y: auto; max-height: calc(100vh - 104px); } @media (min-width: 1051px) { .b-service-horizontal-nav.is-open .nav-list { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; overflow: visible; border-radius: 0; gap: 24px; } } .b-service-horizontal-nav.is-open .nav-list .nav-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; color: #fff; font-size: 18px; font-weight: 400; line-height: 24px; padding: 16px 24px; white-space: normal; } .b-service-horizontal-nav.is-open .nav-list .nav-link:hover { text-decoration: none; background-color: #056233; } .b-service-horizontal-nav.is-open .nav-list .nav-link[aria-expanded=true] .chevron { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .b-service-horizontal-nav.is-open .nav-list .nav-link .chevron { display: inline-block; width: 12px; height: 12px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; background: url(../svg/icon_chevron-thick-down.svg) no-repeat; background-size: contain; } .b-service-horizontal-nav .nav-item { cursor: pointer; } .b-service-horizontal-nav .nav-item.is-active > .submenu { display: block; } .b-service-horizontal-nav .submenu { display: none; position: static; background: transparent; -webkit-box-shadow: none; box-shadow: none; } @media (min-width: 1051px) { .b-service-horizontal-nav .submenu { position: absolute; top: calc(100% - 32px); min-width: 280px; background-color: #00783c; padding: 8px 0; border-radius: 8px; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); z-index: 10; } } .b-service-horizontal-nav .submenu .submenu-item { padding: 0; position: relative; } @media (min-width: 1051px) { .b-service-horizontal-nav .submenu .submenu-item:not(:first-child)::after { content: ""; display: block; height: 0.5px; width: calc(100% - 48px); background: rgb(129.4555714286, 188.2444285714, 155.583952381); position: absolute; top: 0; left: 24px; } } .b-service-horizontal-nav .submenu .submenu-item .nav-link-l2 { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 24px 16px 36px; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; white-space: normal; } .b-service-horizontal-nav .submenu .submenu-item .nav-link-l2:hover { text-decoration: none; background-color: #056233; } @media (min-width: 1051px) { .b-service-horizontal-nav .submenu .submenu-item .nav-link-l2 { font-size: 18px; line-height: 16px; margin-left: 0; padding: 16px 24px; } } .b-service-horizontal-nav .submenu .submenu-item .nav-link-l2[data-toggle=true]::after { content: ""; display: inline-block; width: 12px; height: 12px; background: url(../svg/icon_chevron-thick-down.svg) no-repeat; background-size: contain; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; margin-left: 8px; } .b-service-horizontal-nav .submenu .submenu-item .nav-link-l2[aria-expanded=true]::after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } @media (max-width: 1050px) { .b-service-horizontal-nav .submenu .submenu-item.is-active { background-color: transparent; } } .b-service-horizontal-nav .submenu .submenu-item.is-active > .nav-link-l2 svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .b-service-horizontal-nav .submenu .submenu-item.is-active > .sub-submenu { display: block !important; } .b-service-horizontal-nav .submenu .submenu-item.is-active > .sub-submenu li { padding: 16px 24px 16px 48px; } .b-service-horizontal-nav .submenu .submenu-item.is-active > .sub-submenu li:hover { background-color: #056233; } .b-service-horizontal-nav .submenu .submenu-item.is-active > .sub-submenu li:hover a { text-decoration: none; } .b-service-horizontal-nav .submenu .submenu-item.is-active > .sub-submenu li a { color: #fff; font-size: 18px; } @media (min-width: 1051px) { .b-service-horizontal-nav .submenu .submenu-item.is-active > .sub-submenu li { padding: 0; } .b-service-horizontal-nav .submenu .submenu-item.is-active > .sub-submenu li a { padding-left: 52px; } } .b-service-horizontal-nav .sub-submenu { display: none; position: static; width: 100%; padding: 4px 0; } @media (min-width: 1051px) { .b-service-horizontal-nav .sub-submenu li a { color: #fff; font-size: 16px; padding: 8px 40px; display: block; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .b-service-horizontal-nav .sub-submenu li a:hover { text-decoration: none; font-size: 16px; background-color: #056233; } } .b-service-horizontal-nav .more-dropdown { position: relative; } @media (min-width: 1051px) { .b-service-horizontal-nav .more-dropdown { display: inline-block; } } @media (min-width: 1051px) { .b-service-horizontal-nav .more-dropdown .more-trigger { border: none; background: none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; color: #00783c; font-size: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .b-service-horizontal-nav .more-dropdown .more-trigger:hover { text-decoration: none; } .b-service-horizontal-nav .more-dropdown .more-trigger .chevron { display: block; height: 16px; width: 16px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; background: url(../svg/icon_chevron-circle-down.svg) no-repeat; } } .b-service-horizontal-nav .more-dropdown.is-active .more-trigger svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .b-service-horizontal-nav .more-dropdown.is-active > .item-link-row + [data-more-list], .b-service-horizontal-nav .more-dropdown.is-active [data-more-list].submenu { display: block !important; visibility: visible !important; opacity: 1 !important; left: auto; right: 0; top: calc(100% + 16px); width: -webkit-max-content; width: -moz-max-content; width: max-content; } .b-service-horizontal-nav .more-dropdown [data-more-list] .nav-item { display: block !important; width: 100%; position: relative; } @media (min-width: 1051px) { .b-service-horizontal-nav .more-dropdown [data-more-list] .nav-item:not(:first-child)::after { content: ""; display: block; height: 0.5px; width: calc(100% - 40px); background: rgb(129.4555714286, 188.2444285714, 155.583952381); position: absolute; top: 0; left: 20px; } } .b-service-horizontal-nav .more-dropdown [data-more-list] .nav-item .nav-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #fff; padding: 12px 20px; text-decoration: none; font-size: 16px; } .b-service-horizontal-nav .more-dropdown [data-more-list] .nav-item .nav-link:hover { text-decoration: none; background-color: #056233; } .b-service-horizontal-nav .more-dropdown [data-more-list] .nav-item .nav-link .chevron { display: none; } .b-service-horizontal-nav .more-dropdown [data-more-list] .nav-item .nav-link[data-toggle=true]::after { content: ""; display: inline-block; width: 12px; height: 12px; background: url(../svg/icon_chevron-thick-down.svg) no-repeat; background-size: contain; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .b-service-horizontal-nav .more-dropdown [data-more-list] .nav-item .nav-link[aria-expanded=true]::after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .b-service-horizontal-nav .more-dropdown [data-more-list] .nav-item .nav-link-l2 { margin-left: 16px; } .b-service-horizontal-nav .more-dropdown [data-more-list] .nav-item .submenu { position: static; width: 100%; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; display: none; } .b-service-horizontal-nav .more-dropdown [data-more-list] .nav-item.is-active > .submenu { display: block !important; } .b-service-horizontal-nav .mega-menu-content { display: none; } @media (min-width: 1051px) { .b-service-horizontal-nav .mega-menu-content { display: block; } } .b-service-horizontal-nav .mobile-menu-content { display: block; } @media (min-width: 1051px) { .b-service-horizontal-nav .mobile-menu-content { display: none; } } @media (min-width: 1051px) { .b-service-horizontal-nav .submenu { max-height: 70vh; overflow-y: auto; overflow-x: hidden; background-color: #00783c; } .b-service-horizontal-nav .submenu::-webkit-scrollbar { display: none; } } /*------------------------------------*\ #UTILITIES \*------------------------------------*/ /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #VISIBILITY CLASSES \*------------------------------------*/ /** * Is Hidden * 1) Completely remove from the flow and screen readers. */ .u-is-hidden { display: none !important; visibility: hidden !important; } /** * Is Visibly Hidden * 1) Completely remove from the flow but leave available to screen readers. */ .u-is-vishidden { position: absolute !important; overflow: hidden; width: 1px; height: 1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); } /** * Is Hidden on Mobile * 1) Hide an element when the screen is below med breakpoint */ /** * Is Hidden on Desktop * 1) Hide an element when the screen is above med breakpoint */ @media (min-width: 50em) { .u-is-desktop-hidden { display: none !important; } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ .display-h1 { color: #0d4026; font-size: 57px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 56px; margin: 0 0 43px; } @media (min-width: 50em) { .display-h1 { font-size: 69px; line-height: 72px; } } .display-h2 { color: #0d4026; font-size: 40px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 48px; margin: 0 0 30px; } @media (min-width: 50em) { .display-h2 { font-size: 55px; line-height: 56px; } } .display-h3 { font-size: 33px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 40px; margin-bottom: 1rem; } @media (min-width: 50em) { .display-h3 { font-size: 44px; line-height: 48px; } } .display-h4 { font-size: 24px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 32px; margin-bottom: 10px; } @media (min-width: 50em) { .display-h4 { font-size: 35px; line-height: 48px; } } .display-h5 { color: #0d4026; font-size: 28px; font-family: "Cal Sans", sans-serif; font-weight: 400; line-height: 32px; } .u-text-bold { font-weight: 700; } .u-title-md { display: block; font-size: 1.125rem; font-weight: 700; line-height: 1.47; margin-bottom: 0.5rem; } .c-icon-bullet-grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5vw; margin-bottom: 30px; } @media (max-width: 767px) { .c-icon-bullet-grid { grid-template-columns: 1fr; grid-gap: 0vw; } } .c-icon-bullet-grid h3 { color: #000; font-family: "Cal Sans", sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 24px; } .c-icon-bullet-grid h3:before { content: ""; background: url(../checkmark.html); background-size: cover; width: 15px; height: 15px; background-repeat: no-repeat; position: relative; display: inline-block; vertical-align: middle; margin-right: 12px; margin-top: -1px; } @media (max-width: 767px) { .c-icon-bullet-grid .c-btn { max-width: 300px; } } .c-icon-bullet-grid .c-btn--smaller .c-btn__inner { color: #424b5a; font-size: 13px; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #SPACING \*------------------------------------*/ /** * Margin bottom none * 1) Force margin bottom of 0 */ .u-margin-bottom-none { margin-bottom: 0 !important; } /** * Margin bottom small * 1) Force margin bottom of $spacing-small variable */ .u-margin-bottom-small { margin-bottom: 0.5rem !important; } /** * Margin bottom * 1) Force margin bottom of $spacing variable */ .u-margin-bottom { margin-bottom: 1rem !important; } /** * Margin bottom large * 1) Force margin bottom of $spacing-large variable */ .u-margin-bottom-large { margin-bottom: 2rem !important; } .u-margin-bottom-large-to-xxl { margin-bottom: 2rem !important; } @media (min-width: 60em) { .u-margin-bottom-large-to-xxl { margin-bottom: 8rem !important; } } /** * Margin top none * 1) Force margin top of 0 */ .u-margin-top-none { margin-top: 0 !important; } /** * Margin top small * 1) Force margin top of $spacing-small variable */ .u-margin-top-small { margin-top: 0.5rem !important; } /** * Margin top * 1) Force margin top of $spacing variable */ .u-margin-top { margin-top: 1rem !important; } /** * Margin top large * 1) Force margin top of $spacing-large variable */ .u-margin-top-large { margin-top: 2rem !important; } .u-margin-top-section { margin-top: 2rem; } @media (min-width: 50em) { .u-margin-top-section { margin-top: 4rem; } } /** * Margin right none * 1) Force margin right of 0 */ .u-margin-right-none { margin-right: 0 !important; } /** * Margin right small * 1) Force margin right of $spacing-small variable */ .u-margin-right-small { margin-right: 0.5rem !important; } /** * Margin right * 1) Force margin right of $spacing variable */ .u-margin-right { margin-right: 1rem !important; } /** * Margin right large * 1) Force margin right of $spacing-large variable */ .u-margin-right-large { margin-right: 2rem !important; } /** * Margin left none * 1) Force margin left of 0 */ .u-margin-left-none { margin-left: 0 !important; } /** * Margin left small * 1) Force margin left of $spacing-small variable */ .u-margin-left-small { margin-left: 0.5rem !important; } /** * Margin left * 1) Force margin left of $spacing variable */ .u-margin-left { margin-left: 1rem !important; } /** * Margin left large * 1) Force margin left of $spacing-large variable */ .u-margin-left-large { margin-left: 2rem !important; } /** * Center display block contents */ .u-margin-center { margin: 0 auto !important; } /** * Padding none */ .u-padding-none { padding: 0 !important; } /** * Padding small */ .u-padding-small { padding: 0.5rem !important; } /** * Padding */ .u-padding { padding: 1rem !important; } /** * Padding large */ .u-padding-large { padding: 2rem !important; } /** * Padding top none */ .u-padding-top-none { padding-top: 0 !important; } /** * Padding top small */ .u-padding-top-small { padding-top: 0.5rem !important; } /** * Padding top */ .u-padding-top { padding-top: 1rem !important; } /** * Padding top large */ .u-padding-top-large { padding-top: 2rem !important; } /** * Padding bottom none */ .u-padding-bottom-none { padding-bottom: 0 !important; } /** * Padding bottom small */ .u-padding-bottom-small { padding-bottom: 0.5rem !important; } /** * Padding bottom */ .u-padding-bottom { padding-bottom: 1rem !important; } /** * Padding bottom large */ .u-padding-bottom-large { padding-bottom: 2rem !important; } /** * Padding right none */ .u-padding-right-none { padding-right: 0 !important; } /** * Padding right small */ .u-padding-right-small { padding-right: 0.5rem !important; } /** * Padding right */ .u-padding-right { padding-right: 1rem !important; } /** * Padding right large */ .u-padding-right-large { padding-right: 2rem !important; } /** * Padding left none */ .u-padding-left-none { padding-left: 0 !important; } /** * Padding left small */ .u-padding-left-small { padding-left: 0.5rem !important; } /** * Padding left */ .u-padding-left { padding-left: 1rem !important; } /** * Padding left large */ .u-padding-left-large { padding-left: 2rem !important; } .u-bg-brand-green { background: var(--color-brand); } .table-overflow { margin-bottom: 2rem; overflow-x: auto; } .table-overflow::-webkit-scrollbar { width: 8px; height: 8px; } .table-overflow::-webkit-scrollbar-thumb { background: -webkit-gradient(linear, left bottom, left top, from(#068473), color-stop(0%, #068473)); background: linear-gradient(0deg, #068473 0%, #068473 0%); border-radius: 8px; } .table-overflow::-webkit-scrollbar-thumb:hover { background: linear-gradient(13deg, #34CA9D 14%, #34ca9d 64%); } .table-overflow::-webkit-scrollbar-track { background: #ffffff; border-radius: 8px; -webkit-box-shadow: inset 7px 10px 12px #f0f0f0; box-shadow: inset 7px 10px 12px #f0f0f0; } /* PATTERN SCAFFOLDING */ /** * This stylesheet is for styles you want to include only when displaying demo * styles for grids, animations, color swatches, etc. * These styles will not be your production CSS. */ :root { --pl-border-color: #dddddd; --pl-border-radius: 8px; --pl-grid-gap: 1rem; --pl-color-fpo: #69b3e7; --pl-color-fpo-light: #edf6fc; --pl-status-complete: #20bf6b; --pl-status-indev: #5352ed; --pl-status-inreview: #ff4757; } #sg-patterns { -webkit-box-sizing: border-box !important; box-sizing: border-box !important; max-width: 100%; padding: 0 0.5em; } .demo-animate { background: #ddd; padding: 1em; margin-bottom: 1em; text-align: center; border-radius: var(--pl-border-radius); cursor: pointer; } .sg-colors { list-style: none !important; padding: 0 !important; margin: 0 !important; display: grid; grid-gap: var(--pl-grid-gap); grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); } .sg-colors li { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; padding: 0.3em; margin: 0 0.5em 0.5em 0; min-width: 5em; } .sg-swatch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 3em; line-height: 3em; padding: 0 1em; } .sg-label { font-size: 90%; line-height: 1; } /** * Icon grid * 1) Generated by Gul-SVG-Sprites */ .icon-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 2rem; } .icon-grid__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid var(--pl-border-color); border-radius: var(--pl-border-radius); padding: 8px; height: 5.5rem; } .icon-grid .c-icon { margin-bottom: 0.25rem; } .icon-grid__label { font-size: 10px; } .icon { width: 1rem; height: 1rem; } .icon-boxes h2 { font-size: 1rem; } /** * For placeholder only block * 1) Used for placeholder blocks for layouts */ .fpo { background: var(--pl-color-fpo-light); border: 1px dashed var(--pl-color-fpo); border-radius: 5px; padding: 1rem; margin-top: 1rem; margin-bottom: 1rem; font-weight: bold; text-align: center; color: var(--pl-color-fpo); } .sg-pattern-example small { display: none; } /** * Add height and overflow to two column fixed layout to show functionality only in style-guide example. */ .sg-pattern-example .l-page-layout--two-column-fixed { height: 10rem; overflow: auto; } /** * Add min-height of 0 to two column fixed to help with showing functionality only in style-guide example. */ .sg-pattern-example .l-page-layout--two-column-fixed .l-page-layout__secondary { min-height: 0; } /** * FPO block within two column fixed layout within secondary section * 1) Width expands entire container at small screens */ .sg-pattern-example .l-page-layout--two-column-fixed .l-page-layout__secondary .fpo-block { width: 100%; /* 1 */ } /** * FPO block within two column fixed layout within secondary section larger screens * 1) Set height to 100% of viewport height * 2) Set width = width of vertical header */ @media all and (min-width: 70em) { .sg-pattern-example .l-page-layout--two-column-fixed .l-page-layout__secondary .fpo-block { width: 20rem; /* 1 */ height: 100vh; /* 2 */ margin-bottom: 0; } } /** * Two column fixed layout within pattern example * 1) Set height to height of placeholder content secondary section * 2) Set overflow to auto so the secondary section stays fixed while the main section scrolls */ .sg-pattern-example .l-page-layout--two-column-fixed { height: 18.3rem; overflow: auto; } /** * Secondary section within pattern example and two-column fixed at larger screens * 1) Position absolute to make this pattern similar to fixed vertical header * 2) Height inherits so it doesn't span longer than the pattern window on "All" PL page * 3) Float this left to get layout sections side by side within PL "View All" section */ @media all and (min-width: 70em) { .sg-pattern-example .l-page-layout--two-column-fixed .l-page-layout__secondary { position: absolute; /* 1 */ height: inherit; /* 2 */ float: left; /* 3 */ } } /** * Fpo block within pattern example, two column fixed, and secondary section * 1) Make fpo block width of the container on small screens */ .sg-pattern-example .l-page-layout--two-column-fixed .l-page-layout__secondary .fpo-block { width: 100%; /* 1 */ } /** * FPO Block Within pattern example, two column fixed, and secondary layout larger screens * 1) Added width similar to style guide vertical header * 2) Height inherits so it doesn't span longer than the pattern window on "All" PL page */ @media all and (min-width: 70em) { .sg-pattern-example .l-page-layout--two-column-fixed .l-page-layout__secondary .fpo-block { width: 20rem; /* 1 */ height: inherit; /* 2 */ } } /** * Add height of main to get appearance of side bar staying fixed while main window scrolls. */ .sg-pattern-example .l-page-layout--two-column-fixed .l-page-layout__main { height: 30rem; } /** * Add height of fpo block to equal height of main to help with scrolling main window/fixed sidebar effect. */ .sg-pattern-example .l-page-layout--two-column-fixed .l-page-layout__main .fpo-block { height: 30rem; margin-bottom: 0; } /** * Vertical header in pattern example at large screens */ @media all and (min-width: 70em) { .sg-pattern-example .c-header--vertical { max-width: 20rem; } } .pl-c-category .pl-c-category__title { font-size: 2.8rem !important; margin-bottom: 2rem !important; } .pl-c-pattern__header { background: #FFFFFF; border-bottom: 1px solid #8EC54A; padding: 1rem !important; } .pl-c-pattern__extra-toggle { margin: 0; min-width: auto; padding: 0.5rem 1rem !important; } .pl-c-category__title-link { color: #222 !important; } .pl-c-pattern__header .pl-c-pattern__title { font-size: 1.125rem !important; } .pl-c-pattern__header .pl-c-pattern__title-link { padding: 0 !important; font-weight: 700; color: #222 !important; } .pl-c-pattern__extra-toggle { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); bottom: auto !important; right: 1rem !important; border: 1px solid #222 !important; font-weight: 500 !important; color: #222 !important; } .pl-c-pattern__extra.pl-is-active { border: none !important; border-radius: 0 !important; background: #FFF; } .pl-c-text-passage { font-size: 1rem !important; } .pl-js-pattern-extra { border-top: none !important; } .pl-c-pattern-info__description { margin-bottom: 1rem; } .pl-c-category { padding: 0 1rem !important; } .pl-c-category__description { max-width: 100% !important; margin-bottom: 3.5rem; } .pl-c-text-passage table { width: 100%; max-width: 100%; border-collapse: collapse; overflow-x: auto; margin: 0.75rem auto; } .pl-c-text-passage tr:nth-of-type(odd) { background: #eee; } .pl-c-text-passage th { background: #ddd; color: #000; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.2em; } .pl-c-text-passage td, .pl-c-text-passage th { padding: 10px; border: 1px solid #ccc; text-align: left; color: #000; } .pl-c-text-passage code { color: #fff; margin: 0 0.2rem !important; padding: 0 0.2rem !important; } .pl-c-pattern-state { position: relative; margin-bottom: 0 !important; margin-left: 2em !important; width: 0.75em !important; height: 0.75em !important; font-weight: 400; } .pl-c-pattern-state:before { content: "|"; position: absolute; left: -17px; bottom: 0; color: #a7a7a7; } .pl-c-pattern-state:after { display: block; position: absolute; left: 100%; bottom: -1px; min-width: 150px; margin-left: 0.25rem; color: #222; } .pl-c-pattern-state--complete { background-color: var(--pl-status-complete) !important; } .pl-c-pattern-state--complete:after { content: "Live"; } .pl-c-pattern-state--inprogress { background-color: var(--pl-status-indev) !important; } .pl-c-pattern-state--inprogress:after { content: "In Dev"; } .pl-c-pattern-state--inreview { background-color: var(--pl-status-inreview) !important; } .pl-c-pattern-state--inreview:after { content: "Set to Remove"; } /*------------------------------------*\ #SVG SPRITE OVERRIDES \*------------------------------------*/ section { border-top: none !important; padding: 0; } .icon-boxes { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } style + svg + header { display: none !important; } .icon-box { width: initial !important; height: auto !important; background: none !important; border: none !important; } .icon-boxes li { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; width: 6rem !important; height: 6rem !important; background: #f5f5f5 !important; border: 1px solid #cccccd !important; } .icon-boxes li h2 { color: #000 !important; font-size: 0.75rem !important; white-space: inherit !important; text-overflow: unset !important; overflow: inherit !important; } .icon-box .icon { height: 16px !important; width: 16px !important; } .icon-boxes li button { display: none !important; } /*------------------------------------*\ #THEME VARIABLES \*------------------------------------*/ .theme-alliance { /* Colors */ --color-primary-accent: #84bd00; --color-secondary-accent: #00837f; --color-body-text-light: #495057; --color-body-text: #495057; --color-body-text-dark: #495057; --color-text-link: #01890c; --bg-gradient: #007456; /* Typography */ --font-heading: "Roboto Slab", serif; --font-body: "Raleway", sans-serif; /* Font Sizes */ --font-size-base: 22px; --font-size-xl: 22px; --font-size-lg: 20px; --font-size-md: 18px; --font-size-sm: 14px; --font-size-xs: 12px; /* Headings - Mobile */ --h1-size-mobile: 28px; --h2-size-mobile: 18px; --h3-size-mobile: 22px; --h4-size-mobile: 20px; --h5-size-mobile: 18px; --h6-size-mobile: 18px; /* Headings - Desktop */ --h1-size: 44px; --h2-size: 36px; --h3-size: 32px; --h4-size: 28px; --h5-size: 22px; --h6-size: 18px; -webkit-font-smoothing: antialiased; /*------------------------------------*\ #TYPOGRAPHY STYLES \*------------------------------------*/ } .theme-alliance h1, .theme-alliance h2, .theme-alliance h3, .theme-alliance h4, .theme-alliance h5, .theme-alliance h6, .theme-alliance .display-h1, .theme-alliance .display-h2, .theme-alliance .display-h3, .theme-alliance .display-h4, .theme-alliance .display-h5, .theme-alliance .display-h6 { font-family: var(--font-body); font-weight: 700; margin-bottom: 20px; line-height: normal; } .theme-alliance h1:after, .theme-alliance h2:after, .theme-alliance h3:after, .theme-alliance h4:after, .theme-alliance h5:after, .theme-alliance h6:after, .theme-alliance .display-h1:after, .theme-alliance .display-h2:after, .theme-alliance .display-h3:after, .theme-alliance .display-h4:after, .theme-alliance .display-h5:after, .theme-alliance .display-h6:after { display: none; } .theme-alliance .l-page-content h1:after, .theme-alliance .l-page-content h2:after, .theme-alliance .l-page-content h3:after, .theme-alliance .l-page-content h4:after, .theme-alliance .l-page-content h5:after, .theme-alliance .l-page-content h6:after, .theme-alliance .l-page-content .display-h1:after, .theme-alliance .l-page-content .display-h2:after, .theme-alliance .l-page-content .display-h3:after, .theme-alliance .l-page-content .display-h4:after, .theme-alliance .l-page-content .display-h5:after, .theme-alliance .l-page-content .display-h6:after { display: none; } .theme-alliance p, .theme-alliance body { color: var(--color-body-text); font-family: var(--font-body); font-size: var(--font-size-base); line-height: 1.4; } .theme-alliance p a, .theme-alliance body a { color: var(--color-primary-accent); border-bottom: none; } .theme-alliance p a:hover, .theme-alliance body a:hover { border-bottom: 2px solid var(--color-primary-accent); } .theme-alliance .l-page-content ul, .theme-alliance .l-page-content ol { color: var(--color-body-text); font-family: var(--font-body); font-size: var(--font-size-base); } .theme-alliance { /* Responsive Headings */ } .theme-alliance h1, .theme-alliance .display-h1 { color: var(--color-brand); font-family: var(--font-heading); font-size: var(--h1-size-mobile); text-transform: uppercase; line-height: normal; } .theme-alliance h2, .theme-alliance .display-h2 { font-size: var(--h2-size-mobile); font-weight: 300; text-transform: uppercase; line-height: normal; } .theme-alliance h3, .theme-alliance .display-h3 { font-size: var(--h3-size-mobile); line-height: normal; } .theme-alliance h4, .theme-alliance .display-h4 { font-size: var(--h4-size-mobile); line-height: normal; } .theme-alliance h5, .theme-alliance .display-h5 { font-size: var(--h5-size-mobile); line-height: normal; } .theme-alliance h6, .theme-alliance .display-h6 { font-size: var(--h6-size-mobile); line-height: normal; } .theme-alliance a:not(.btn-primary):not(.btn-secondary) { color: var(--color-brand); border-color: var(--color-brand); } .theme-alliance a:not(.btn-primary):not(.btn-secondary):hover { text-decoration: none; } .theme-alliance .orange-bar-under::after { display: none; } .theme-alliance { /* Global text selection styles */ } .theme-alliance ::-moz-selection { background-color: var(--color-primary-accent); color: #fff; } .theme-alliance ::selection { background-color: var(--color-primary-accent); color: #fff; } @media (min-width: 768px) { .theme-alliance h1, .theme-alliance .display-h1 { font-size: var(--h1-size); } .theme-alliance h2, .theme-alliance .display-h2 { font-size: var(--h2-size); } .theme-alliance h3, .theme-alliance .display-h3 { font-size: var(--h3-size); } .theme-alliance h4, .theme-alliance .display-h4 { font-size: var(--h4-size); } .theme-alliance h5, .theme-alliance .display-h5 { font-size: var(--h5-size); } .theme-alliance h6, .theme-alliance .display-h6 { font-size: var(--h6-size); } } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /* ================ */ /* General styles */ /* ================ */ .theme-mirro input, .theme-mirro button, .theme-mirro select, .theme-mirro optgroup, .theme-mirro textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } .theme-mirro h1 { font-size: 3rem; font-weight: normal; line-height: 1.2; } .theme-mirro label { display: block; padding-bottom: 0.25rem; color: #131313; } .theme-mirro .c-field__label { margin-bottom: 0.25rem; font-size: 1rem; font-weight: bold; } .theme-mirro select { display: block; font-size: 1rem; width: 100%; border: 1px solid #444; padding: 0.5rem; background: #fff; color: #131313; margin: 0; } .theme-mirro .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .theme-mirro .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .theme-mirro .c-field__body { position: relative; } .theme-mirro .content-area[role=main] p, .theme-mirro .content-area[role=main] ul, .theme-mirro .content-area[role=main] ol { font-family: "Gotham Book", Helvetica, sans-serif; } .theme-mirro button, .theme-mirro select { text-transform: none; } @media (min-width: 48em) { .theme-mirro .content-area[role=main] { padding: 2rem 4rem 4rem 4rem; } } @media (min-width: 992px) { .theme-mirro .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .theme-mirro .side-nav-container { z-index: 98; } .theme-mirro p { margin-bottom: 1rem; } .theme-mirro .parkview-subsite-redesign h1 { font-size: 40px; line-height: 48px; margin-bottom: 21px; } .theme-mirro .parkview-subsite-redesign h2 { color: #212529; font-size: 28px; font-weight: bold; line-height: 29px; margin-bottom: 29px; margin-top: 42px; } .theme-mirro .parkview-subsite-redesign .flex-wrap .title-block h2 { margin-top: 0; } .theme-mirro .parkview-subsite-redesign h3 { font-size: 28px; } .theme-mirro .parkview-subsite-redesign h4 { font-size: 24px; } .theme-mirro .parkview-subsite-redesign h5 { font-size: 21px; font-weight: 700; margin-bottom: 20px; } .theme-mirro .parkview-subsite-redesign h6 { font-size: 18px; } .theme-mirro .parkview-subsite-redesign a { font-weight: 700; color: #01890c; text-decoration: underline; } .theme-mirro .parkview-subsite-redesign .c-speedbump a, .theme-mirro .parkview-subsite-redesign a.button-primary { color: #fff; text-decoration: none; } .theme-mirro .parkview-subsite-redesign .c-speedbump a:hover, .theme-mirro .parkview-subsite-redesign a.button-primary:hover { text-decoration: underline; color: #01890c; } .theme-mirro .parkview-subsite-redesign .c-speedbump a.c-btn.c-btn--white { color: #01890c; } .theme-mirro .parkview-subsite-redesign .cta-block { padding-top: 3rem; text-align: center; } .theme-mirro .parkview-subsite-redesign.parkview-subsite-home .content-area[role=main] { padding-top: 3rem; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] ul, .theme-mirro .parkview-subsite-redesign .content-area[role=main] ol { margin: 0; padding: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .theme-mirro .parkview-subsite-redesign .section { margin: 0; padding: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .theme-mirro .parkview-subsite-redesign .c-profile-card { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; margin-left: 0; margin-right: 0; } .theme-mirro .parkview-subsite-redesign .c-profile-card:hover, .theme-mirro .parkview-subsite-redesign .c-profile-card:focus { background: inherit; } .theme-mirro .parkview-subsite-redesign .c-profile-card .c-profile-card__image { margin-bottom: 13px; -webkit-box-flex: 0; -ms-flex: 0 0 38%; flex: 0 0 38%; width: 38%; margin-right: 1rem; -o-object-fit: contain; object-fit: contain; } .theme-mirro .parkview-subsite-redesign .c-profile-card-list__item:last-child .c-profile-card .c-profile-card__image { margin-bottom: 0; } .theme-mirro .parkview-subsite-redesign .c-profile-card__description { margin: 0; } .theme-mirro .parkview-subsite-redesign .c-profile-card .c-profile-card__specialty { line-height: 22px; } .theme-mirro .parkview-subsite-redesign .page-tools-buttons a { border-right: 1px solid #979797; } .theme-mirro .parkview-subsite-redesign .flex-wrap { margin-bottom: 3rem; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] ul.c-profile-card-list { margin-bottom: 0; } .theme-mirro .shadowed-box { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); } .theme-mirro .c-shaded-card { background: #f7fbf2; text-align: center; } .theme-mirro .semi-underline-vivid-color { position: relative; } .theme-mirro .semi-underline-vivid-color::after { content: ""; height: 0.313rem; width: 60px; background-color: #ec6c21; position: absolute; bottom: -1rem; left: 0; } .theme-mirro .parkview-subsite-redesign h2.semi-underline-vivid-color { margin: 3rem 0; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image > div { padding-left: 0; padding-right: 0; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image.section { margin-bottom: 2rem; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image a { width: 100%; text-align: left; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image a.c-btn-lg { text-align: center; } .theme-mirro .parkview-subsite-redesign .c-btn-lg { width: 100%; text-align: center; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image h2.semi-underline-vivid-color { margin: 2rem 0; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image h3 { font-size: 24px; line-height: 29px; margin-bottom: 5px; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image.section.spaced { margin: 0; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image.section.row.align-items-center.spaced.inverted > div { padding-left: 0; padding-right: 0; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] .c-card-lineal-basic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #8ec54a; padding-bottom: 1.188rem; padding-top: 1.5rem; } .theme-mirro .c-card-lineal-basic img { margin-right: 1rem; max-width: 140px; -o-object-fit: contain; object-fit: contain; } .theme-mirro .c-card-lineal-basic .c-card-lineal-basic__description h3 a { text-decoration: none; color: #212529; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image .c-card-lineal-basic .c-card-lineal-basic__description h3 { font-size: 18px; line-height: 26px; font-weight: 900; color: #212529; } .theme-mirro .parkview-subsite-redesign .c-card-lineal-basic .date { font-size: 18px; line-height: 26px; color: #01890c; font-weight: 900; text-align: left; } .theme-mirro .c-gallery-list-with-main-image .date { font-size: 18px; line-height: 26px; color: #01890c; font-weight: 900; text-align: left; } .theme-mirro .c-card-lineal-basic .c-card-lineal-basic__description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; } .theme-mirro .c-list-of-cards-col-1 li::before { content: none; } .theme-mirro .content-area .c-list-of-cards-col-1 li::before { content: ""; } .theme-mirro .content-area .c-list-of-cards-col-1 li { padding: 0; } .theme-mirro .parkview-subsite-redesign .c-gallery-list-with-main-image { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; } .theme-mirro .parkview-subsite-redesign .c-gallery-list-with-main-image > div { margin: 0; padding: 0; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] .c-list-of-cards-col-1 li:first-child .c-card-lineal-basic { padding-top: 0; } .theme-mirro .parkview-subsite-redesign .c-gallery-list-with-main-image h3 { font-size: 21px; line-height: 25px; color: #212529; margin-bottom: 5px; } .theme-mirro .parkview-subsite-redesign .c-gallery-list-with-main-image .bg-block-behind-vivid { margin-bottom: 20px; } .theme-mirro .parkview-subsite-redesign .c-gallery-list-with-main-image > div:first-child p:last-of-type { margin-bottom: 2.5rem; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] .c-list-of-cards-col-1 li { margin: 0; } .theme-mirro .parkview-subsite-redesign .c-gallery-list-with-main-image .btn-with-trapezoidal-edges { margin-bottom: 0; } .theme-mirro .c-card-lineal-basic .c-card-lineal-basic__description h3 a:hover { text-decoration: underline; } .theme-mirro .parkview-subsite-redesign .c-gallery-list-with-main-image h3 a { color: #212529; text-decoration: none; } .theme-mirro .parkview-subsite-redesign .c-gallery-list-with-main-image h3 a:hover { text-decoration: underline; } .theme-mirro .parkview-subsite-redesign .mobile-only { margin: 0 1rem 3rem; } .theme-mirro .parkview-subsite-redesign .desktop-only { display: none; } .theme-mirro .parkview-subsite-redesign .footer-social.mobile-only { margin: 0; } .theme-mirro .footer-nav .col-lg { border-bottom: 1px solid #8ec54a; padding: 0; margin: 0 15px; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] .c-list-of-cards-col-1 { margin-bottom: 0; } .theme-mirro .parkview-subsite-redesign .text-align-center { text-align: center; } .theme-mirro .parkview-subsite-redesign.parkview-subsite-home .content-area[role=main] .calendar-card-list { margin-bottom: 2rem; } .theme-mirro .parkview-subsite-redesign.parkview-clinical-trials .side-nav-container { padding-bottom: 2.375rem; } .theme-mirro .parkview-subsite-redesign .main-nav .navbar-collapse { top: 85px; } .theme-mirro .parkview-subsite-redesign.parkview-clinical-trials .flex-wrap { margin-bottom: 2rem; } .theme-mirro .parkview-subsite-redesign aside.side-nav-container { padding-right: 30px; padding-left: 30px; } .theme-mirro .parkview-subsite-redesign aside.side-nav-container .share { padding: 30px; background: #f7f8f8; } .theme-mirro .parkview-subsite-redesign aside.side-nav-container .card { padding: 30px; background: #f7f8f8; border: 1px solid #8ec54a; border-bottom: 9px solid #8ec54a; margin-right: 0 !important; } .theme-mirro .parkview-subsite-redesign .side-nav-container { background-color: transparent; } .theme-mirro .parkview-subsite-redesign .side-nav-container .c-basic-card a.c-btn.c-btn--white { padding: 1.188rem 2rem; border: 1.5px solid #8ec54a; text-decoration: none; } .theme-mirro .parkview-subsite-redesign .side-nav-container h3 { font-size: 1.5rem; color: #212529; margin-bottom: 0.625rem; font-weight: normal; } .theme-mirro .parkview-subsite-redesign .c-basic-card.small-card { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 1.375rem; padding-bottom: 1.563rem; border-bottom: 1px solid #8ec54a; } .theme-mirro .parkview-subsite-redesign .side-nav-container ul li .c-basic-card { margin-bottom: 0; } .theme-mirro .parkview-subsite-redesign .side-nav-container ul li:last-child .c-basic-card { border: none; margin-bottom: 1.313rem; } .theme-mirro .parkview-subsite-redesign .c-basic-card.small-card .c-basic-card__content { padding: 0 3rem 0 0; } .theme-mirro .parkview-subsite-redesign .c-basic-card.small-card img { width: 100px; -o-object-fit: contain; object-fit: contain; } .theme-mirro .parkview-subsite-redesign .c-basic-card.small-card .c-basic-card__content h4 { font-size: 18px; line-height: 26px; color: #01890c; font-weight: normal; } .theme-mirro .parkview-subsite-redesign .side-nav-container hr { background-color: #8ec54a; } .theme-mirro .parkview-subsite-redesign .side-nav-container p a { text-decoration: none; } .theme-mirro .parkview-subsite-redesign .c-basic-card.small-card .c-basic-card__content h4 a { text-decoration: none; } .theme-mirro .parkview-subsite-redesign .side-nav-container p a:hover { text-decoration: underline; } .theme-mirro .parkview-subsite-redesign .c-basic-card.small-card .c-basic-card__content h4 a:hover { text-decoration: underline; } .theme-mirro .parkview-subsite-redesign .c-basic-card.small-card .c-basic-card__content p:last-child { margin-bottom: 0; } .theme-mirro .parkview-subsite-redesign .side-nav { background: #f7fbf2; padding: 36px 26px 70px 28px; } .theme-mirro .parkview-subsite-redesign .side-nav:after { background-color: transparent; height: 0; } .theme-mirro .parkview-subsite-redesign .side-nav a { color: #212529; text-decoration: none; } .theme-mirro .parkview-subsite-redesign .side-nav h2 { color: #01890c; margin-top: 17px; margin-bottom: 2px; } .theme-mirro .parkview-subsite-redesign .side-nav > li.nav-item, .theme-mirro .parkview-subsite-redesign .side-nav > ul.sublinks { border-bottom: 1px solid #8ec54a; } .theme-mirro .parkview-subsite-redesign .side-nav > li.nav-item.active { padding-bottom: 10px; padding-top: 0; } .theme-mirro .parkview-subsite-redesign .side-nav > li.nav-item.active a { font-weight: 900; } .theme-mirro .parkview-subsite-redesign .side-nav > li.nav-item { padding-bottom: 15px; padding-top: 2px; } .theme-mirro .parkview-subsite-redesign .nav.flex-column.side-nav .sub-page-nav-title { color: #01890c; font-weight: normal; } .theme-mirro .parkview-subsite-redesign .side-nav .sub-nav { background-color: inherit; padding: 0.8rem 2.5rem; } .theme-mirro .parkview-subsite-redesign .side-nav .nav-link { color: #212529; font-size: 18px; font-weight: normal; line-height: 21px; } .theme-mirro .parkview-subsite-redesign .side-nav .nav-link.active { font-weight: 700; } .theme-mirro .parkview-subsite-redesign .side-nav .nav-link.collapsed { font-weight: normal; } .theme-mirro .parkview-subsite-redesign .side-nav .sublinks { margin: 0; padding: 0.8rem 0rem; } .theme-mirro .parkview-subsite-redesign .side-nav .sublinks .nav-link { font-weight: normal; margin: 1rem 0; padding: 0.3rem 2.5rem 0.3rem 19px; } .theme-mirro .parkview-subsite-redesign .side-nav .sublinks .nav-link:hover, .theme-mirro .parkview-subsite-redesign .side-nav .sublinks .nav-link.active { border-left: 3px solid #ec6c21; font-weight: 900; padding-left: 15px; } .theme-mirro .parkview-subsite-redesign .side-nav .dropdown .plus-minus { color: #ec6c21; padding: 0.8rem 0 0.8rem 1rem; } .theme-mirro .parkview-subsite-redesign .side-nav-container .c-basic-card { height: auto; margin-bottom: 2.5rem; } .theme-mirro .parkview-subsite-redesign .cta-highlighted { background: #01890c; position: relative; padding: 2rem 2rem 1rem 4rem; overflow: hidden; } .theme-mirro .parkview-subsite-redesign .cta-highlighted::before, .theme-mirro .parkview-subsite-redesign .cta-highlighted::after { content: ""; position: absolute; left: 0; width: 54px; height: 100%; background: #3da144; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: skewY(0deg); -ms-transform: skewY(0deg); transform: skewY(0deg); top: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .theme-mirro .parkview-subsite-redesign .cta-highlighted::before { -webkit-transform: skewY(-80deg); -ms-transform: skewY(-80deg); transform: skewY(-80deg); background: #01890c; z-index: 9; } .theme-mirro .parkview-subsite-redesign .cta-highlighted.text-align-center { padding: 2.5rem; } .theme-mirro .parkview-subsite-redesign .cta-highlighted * { z-index: 9; } .theme-mirro .parkview-subsite-redesign .cta-highlighted h3 { color: #fff; font-weight: bold; font-size: 21px; line-height: 25px; margin-bottom: 7px; } .theme-mirro .parkview-subsite-redesign .cta-highlighted:hover::after { background: #8ec54a; } .theme-mirro .parkview-subsite-redesign .cta-highlighted:hover h3 { text-decoration: underline; } .theme-mirro .parkview-subsite-redesign .cta-highlighted h4 { color: #fff; font-size: 18px; font-weight: 900; line-height: 26px; margin-bottom: 1rem; } .theme-mirro .parkview-subsite-redesign .cta-highlighted p { color: #fff; } .theme-mirro .parkview-subsite-redesign .cta-highlighted .c-btn { padding: 1rem; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] ul.c-card-list-3-col, .theme-mirro .parkview-subsite-redesign ul.c-card-list-3-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] ul.c-card-list-3-col.clinical-trials { margin-bottom: 0; } .theme-mirro .parkview-subsite-redesign .content-area ul.c-card-list-3-col li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 1.3rem; padding: 0; } .theme-mirro .parkview-subsite-redesign ul.c-card-list-3-col li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 1.3rem; padding: 0; } .theme-mirro .parkview-subsite-redesign .content-area ul.c-card-list-3-col li:before { content: ""; } .theme-mirro .parkview-subsite-redesign .content-area ul.c-card-list-3-col > li:last-child { margin-bottom: auto; } .theme-mirro .parkview-subsite-redesign ul.c-card-list-2-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 448px) { .theme-mirro .parkview-subsite-redesign .c-side-by-side-image h2.semi-underline-vivid-color { margin: 3rem 0 2rem; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image h3 { font-size: 24px; line-height: 29px; margin-bottom: 0.5rem; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image__description p { margin-bottom: 0.5rem; } .theme-mirro .footer-nav .col-lg { border-bottom: none; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] .c-list-of-cards-col-1 { margin-left: 20px; } .theme-mirro .parkview-subsite-redesign .c-gallery-list-with-main-image > div:first-child p:last-of-type { margin-bottom: 0; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] ul.c-card-list-3-col.extra-spaced { margin: 3.313rem 0 0; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] .extra-spaced li { margin-top: 3rem; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image.section.row.align-items-center.spaced.inverted > div { padding-left: 15px; padding-right: 15px; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image.section.row.align-items-center.spaced.inverted > .bg-block-behind-vivid { padding-right: 0; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image.section.row.align-items-center.spaced > .bg-block-behind-vivid { padding-left: 0; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image.section.spaced { margin: 3rem 0; } .theme-mirro .parkview-subsite-redesign.parkview-subsite-home .content-area[role=main] { padding-top: 1rem; } .theme-mirro .parkview-subsite-redesign .text-center-desktop { text-align: center; } } @media (min-width: 768px) { .theme-mirro .parkview-subsite-redesign aside.side-nav-container { padding-right: 2rem; padding-left: 0; } } @media (min-width: 768px) { .theme-mirro .parkview-subsite-redesign h1 { font-size: 3rem; line-height: 1.2; } .theme-mirro .parkview-subsite-redesign .c-profile-card { display: block; margin-bottom: 26px; } .theme-mirro .parkview-subsite-redesign .c-profile-card .c-profile-card__image { display: block; width: 100%; } .theme-mirro .parkview-subsite-redesign .c-profile-card__description { margin: 1rem 0; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] ul, .theme-mirro .parkview-subsite-redesign .content-area[role=main] ol { margin: 0 0 3rem; } .theme-mirro .parkview-subsite-redesign .section { margin: 0 0 3rem; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] ul li ul, .theme-mirro .parkview-subsite-redesign .content-area[role=main] ol li ol { margin: 0; } .theme-mirro .parkview-subsite-redesign .section { margin: 0; } .theme-mirro .parkview-subsite-redesign .cta-block { text-align: left; padding-top: 4px; } .theme-mirro .parkview-subsite-redesign .flex-wrap, .theme-mirro .parkview-subsite-redesign.parkview-clinical-trials .flex-wrap { margin-bottom: 0; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] ul.c-profile-card-list { margin-bottom: 4rem; } .theme-mirro .parkview-subsite-redesign .c-profile-card-list__item:last-child .c-profile-card .c-profile-card__image { margin-bottom: 13px; } } @media (min-width: 992px) { .theme-mirro .parkview-subsite-redesign .desktop-only { display: inherit; } .theme-mirro .parkview-subsite-redesign .mobile-only { display: none; } .theme-mirro .parkview-subsite-redesign.parkview-clinical-trials .content-area[role=main] { padding: 3.125rem 4rem 0.75rem 4rem; padding-top: 3.125rem; } .theme-mirro .parkview-subsite-redesign.parkview-clinical-trials .side-nav-container { padding-top: 3.125rem; } .theme-mirro .parkview-subsite-redesign aside.side-nav-container { -webkit-box-flex: 0; -ms-flex: 0 0 28.2%; flex: 0 0 28.2%; max-width: 28.2%; } .theme-mirro .parkview-subsite-redesign aside.side-nav-container .share { margin-top: 2rem; } .theme-mirro .parkview-subsite-redesign .content-area.col-lg-9[role=main] { -webkit-box-flex: 0; -ms-flex: 0 0 71.8%; flex: 0 0 71.8%; max-width: 71.8%; } } .theme-mirro { /* SIDE NAV */ /* Card list in three columns */ /* Card list in two columns */ } .theme-mirro .content-area ul.c-card-list-2-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .theme-mirro .parkview-subsite-redesign .related-blog-posts ul.c-card-list-2-col { margin-bottom: 0; } .theme-mirro .content-area ul.c-card-list-2-col li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; list-style-type: none; padding: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 27px; } .theme-mirro .content-area ul.c-card-list-2-col li:last-child { margin-bottom: 0; } .theme-mirro .content-area ul.c-card-list-2-col li:before { content: ""; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image img { margin-bottom: 1.5rem; width: 100%; position: relative; z-index: 9; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image .bg-block-behind-vivid img { margin-bottom: 0; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image__description { margin-bottom: 1rem; } .theme-mirro .c-card-list-4-col li { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image .bg-block-behind-vivid { padding-left: 0; padding-right: 0; position: relative; } .theme-mirro .parkview-subsite-redesign .hero-overlay-with-border-left .hero-overlay-with-border-left__content { position: relative; z-index: 0; } .theme-mirro .parkview-subsite-redesign .bg-block-behind-vivid::after { content: " "; position: absolute; bottom: -6px; width: 93px; height: 100%; display: block; background: #ec6c21; right: -6px; z-index: 0; } .theme-mirro .c-cards-list-below-hero { margin-bottom: 3.125rem; } .theme-mirro .hero-plain { background-color: #f7fbf2; border-top: 1px solid #8ec54a; border-bottom: 6px solid #ec6c21; padding: 2.313rem 1rem; margin-bottom: 3rem; } .theme-mirro .hero-plain h1 { margin-bottom: 0.75rem; } .theme-mirro .hero-plain p { font-size: 24px; line-height: 29px; } .theme-mirro .hero-plain label { font-size: 14px; font-weight: 400; line-height: 16px; } .theme-mirro .hero-plain .c-card-list-4-col.form-fields { display: block; margin: 0; } .theme-mirro .hero-plain .c-card-list-4-col.form-fields > div { padding: 0 1rem 0 0; margin: 0 0 1.563rem; } .theme-mirro .hero-plain .c-card-list-4-col.form-fields > div:last-child { padding-right: 0; margin-bottom: 1.125rem; margin-top: 2.5rem; } .theme-mirro .hero-plain .c-card-list-4-col.form-fields .align-right { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; } .theme-mirro .hero-plain .c-input { color: #212529; min-height: 58px; border: 1px solid #8ec54a; } .theme-mirro .parkview-subsite-redesign input.magnifying-glass { padding-right: 40px; background: #fff no-repeat url(../svg/ico-magnifying-glass.svg) 94%; } .theme-mirro .parkview-subsite-redesign select.small-arrow-down { padding-right: 40px; background: #fff no-repeat url(../svg/ico-small-arrow-down.svg) 94%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .theme-mirro .parkview-subsite-redesign input, .theme-mirro .parkview-subsite-redesign select { padding-left: 1rem; padding-right: 1rem; } .theme-mirro .parkview-subsite-redesign .hero-plain .btn-with-trapezoidal-edges { min-width: 197px; text-align: center; background: linear-gradient(-260deg, rgb(61, 161, 68) 13%, rgb(1, 137, 12) 6%, rgb(61, 161, 68) 87%, rgb(142, 197, 74) 87%); } .theme-mirro .parkview-subsite-redesign .content-area[role=main] .search-result-item { border-bottom: 1px solid #8ec54a; padding: 2.5rem 0 2.688rem; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] .search-result-item:first-child { border-top: 1px solid #8ec54a; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] .search-result-item .category { font-size: 14px; font-weight: 600; line-height: 16px; margin-bottom: 3px; } .theme-mirro .search-result-item h5 { line-height: 25px; margin-bottom: 6px; } .theme-mirro .search-result-item p:last-of-type { margin-bottom: 1.875rem; } .theme-mirro .results-found-master { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .theme-mirro .results-found-master .c-field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-mirro .results-found-master p { margin: 0; } .theme-mirro .parkview-subsite-redesign .results-found-master { margin-bottom: 0.625rem; } .theme-mirro .parkview-subsite-redesign .results-found-master select.small-arrow-down { padding: 0 0.9rem 0 0.4rem; border: none; font-weight: normal; color: #212529; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; height: auto; } .theme-mirro .parkview-subsite-redesign .results-found-master label { margin: 0; font-weight: normal; font-size: 1rem; font-weight: 26; color: #212529; padding: 0; } .theme-mirro .search-result-item h5 a { text-decoration: none; } .theme-mirro .search-result-item h5 a:hover { text-decoration: underline; } .theme-mirro .parkview-subsite-redesign .lnk-back-with-arrow { background: transparent no-repeat url(../svg/ico-small-arrow-left.svg) left 1px; padding: 0 0 0 16px; font-size: 14px; text-decoration: none; line-height: 16px; } .theme-mirro .parkview-subsite-redesign .lnk-back-with-arrow:hover { text-decoration: underline; } .theme-mirro .parkview-subsite-redesign .lnk-back-with-arrow.lnk-go-back-page-at-top { margin-bottom: 25px; display: inline-block; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] .simple-squares { border: 1px solid #8ec54a; margin-bottom: 2.188rem; margin-top: 2.438rem; } .theme-mirro .simple-squares .bucket { padding: 0; text-align: center; margin: 0; border-bottom: 1px solid #8ec54a; padding: 1rem 0; } .theme-mirro .simple-squares .bucket:last-child { border: none; } .theme-mirro .simple-squares p { font-size: 14px; font-weight: 400; line-height: 16px; margin-bottom: 0; } .theme-mirro .simple-squares h4 { color: #212529; font-size: 18px; font-weight: 600; line-height: 26px; margin-bottom: 0; } .theme-mirro .simple-squares a { text-decoration: none; } .theme-mirro .simple-squares a:hover { text-decoration: underline; } @media (min-width: 448px) { .theme-mirro .c-cards-list-below-hero { position: relative; top: -68px; margin-bottom: 0; } .theme-mirro .c-card-list-4-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 89px; margin-right: 89px; } .theme-mirro .parkview-subsite-redesign .hero-overlay-with-border-left .hero-overlay-with-border-left__content { position: absolute; z-index: 0; top: 0; left: 0; max-width: 100%; height: 592px; } .theme-mirro .parkview-subsite-redesign .related-blog-posts ul.c-card-list-2-col, .theme-mirro .parkview-subsite-redesign .content-area[role=main] ul.c-card-list-3-col { margin-bottom: 3rem; } .theme-mirro .parkview-subsite-redesign .hero-plain h1 { margin-bottom: 38px; } .theme-mirro .parkview-subsite-redesign .hero-plain p:last-of-type { margin-bottom: 35px; } .theme-mirro .parkview-subsite-redesign .c-basic-card.small-card .c-basic-card__content { padding: 0 1rem 0 0; } .theme-mirro .parkview-subsite-redesign .simple-squares.list-col-3 .bucket.text-align-center-desktop { text-align: center; } .theme-mirro .parkview-subsite-redesign .simple-squares.list-col-3 .bucket p { margin: 0; } .theme-mirro .parkview-subsite-redesign .simple-squares.list-col-3 .bucket:last-child { border-right: none; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] .search-result-item { border-bottom: 1px solid #ec6c21; } .theme-mirro .parkview-subsite-redesign .content-area[role=main] .search-result-item:first-child { border-top: 1px solid #ec6c21; } .theme-mirro .parkview-subsite-redesign .nav.flex-column.side-nav .sub-page-nav-title { font-weight: 500; font-size: 28px; line-height: 29px; margin-bottom: 2px; } .theme-mirro .parkview-subsite-redesign .side-nav .sublinks { padding-top: 2px; padding-bottom: 0px; } .theme-mirro .parkview-subsite-redesign .side-nav .sublinks .nav-link { margin: 22px 0 27px; padding: 4px 0 0 18px; } .theme-mirro .parkview-subsite-redesign .side-nav .sublinks .nav-item.dropdown:last-child a { margin-bottom: 23px; } .theme-mirro .parkview-subsite-redesign .side-nav > .nav-item > .nav-link { padding-right: 0px; padding-bottom: 0px; } .theme-mirro .parkview-subsite-redesign .side-nav > .nav-item > .nav-link:hover { font-weight: 900; } } @media (min-width: 768px) { .theme-mirro .c-cards-list-below-hero { position: relative; top: -68px; margin-bottom: 0; } .theme-mirro .c-card-list-4-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .theme-mirro .parkview-subsite-redesign .hero-overlay-with-border-left .hero-overlay-with-border-left__content { position: absolute; z-index: 0; top: 0; left: 0; max-width: 100%; height: 592px; } .theme-mirro .parkview-subsite-redesign .simple-squares.list-col-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; font-size: 18px; line-height: 26px; color: #01890c; font-weight: 900; font-weight: 600; text-align: left; } .theme-mirro .parkview-subsite-redesign .simple-squares.list-col-3 .bucket { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; border-bottom: none; border-right: 1px solid #8ec54a; text-align: left; padding: 1rem 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 103px; } .theme-mirro .parkview-subsite-redesign .related-blog-posts ul.c-card-list-2-col { margin-bottom: 3rem; } .theme-mirro .hero-plain { padding: 5.313rem 5.5rem 6.188rem; border-bottom: none; } .theme-mirro .hero-plain .c-card-list-4-col.form-fields .align-right { -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; } .theme-mirro .hero-plain .c-card-list-4-col.form-fields > div:last-child { padding-right: 0; margin: 0; } } @media (min-width: 992px) { .theme-mirro .hero-plain .c-card-list-4-col.form-fields { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .theme-mirro .hero-plain .c-card-list-4-col.form-fields > .c-field { -webkit-box-flex: 1; -ms-flex: 1 1 33.333%; flex: 1 1 33.333%; margin: 0; } } @media (min-width: 1024px) { .theme-mirro .c-card-list-4-col { margin-left: 89px; margin-right: 89px; } } .theme-mirro { /* ============ */ /* COMPONENTS */ /* ============ */ /* SIDE BY SIDE IMAGE */ } @media (min-width: 768px) { .theme-mirro .parkview-subsite-redesign .c-side-by-side-image a { width: auto; text-align: left; } .theme-mirro .parkview-subsite-redesign .c-btn-lg { width: auto; text-align: center; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image a.c-btn-lg { text-align: center; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image > div:first-child { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 1.85%; -webkit-box-flex: 0; -ms-flex: 0 0 48.15%; flex: 0 0 48.15%; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image.inverted > div:last-child { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 1.85%; -webkit-box-flex: 0; -ms-flex: 0 0 48.15%; flex: 0 0 48.15%; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image.inverted > div:first-child { padding-left: 0; padding-right: 0; margin-left: 1.85%; margin-right: 0; -webkit-box-flex: 0; -ms-flex: 0 0 48.15%; flex: 0 0 48.15%; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image > div:last-child { padding-left: 0; padding-right: 0; margin-left: 1.85%; margin-right: 0; -webkit-box-flex: 0; -ms-flex: 0 0 48.15%; flex: 0 0 48.15%; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image img { margin-bottom: 0; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image h3 { color: #01890c; font-size: 24px; line-height: 29px; } .theme-mirro .parkview-subsite-redesign ul.c-card-list-2-col li { -webkit-box-flex: 0; -ms-flex: 0 0 48.5%; flex: 0 0 48.5%; } .theme-mirro .content-area ul.c-card-list-2-col li { -webkit-box-flex: 0; -ms-flex: 0 0 48.5%; flex: 0 0 48.5%; } .theme-mirro .parkview-subsite-redesign ul.c-card-list-3-col li, .theme-mirro .parkview-subsite-redesign .content-area ul.c-card-list-3-col li { -webkit-box-flex: 0; -ms-flex: 0 0 31%; flex: 0 0 31%; max-width: 31%; margin-bottom: 0; } .theme-mirro .parkview-subsite-redesign ul.c-card-list-3-col li { -webkit-box-flex: 0; -ms-flex: 0 0 31%; flex: 0 0 31%; max-width: 31%; margin-bottom: 0; } .theme-mirro .parkview-subsite-redesign ul.c-card-list-2-col li:last-child { margin-bottom: 27px; } .theme-mirro .content-area ul.c-card-list-2-col li:last-child { margin-bottom: 27px; } } .theme-mirro { /* ACCORDION */ } .theme-mirro .parkview-subsite-redesign .accordion-module.residency .accordion-link-container .nav-title { margin-top: 0; } .theme-mirro .parkview-subsite-redesign .accordion-module.residency .accordion-link-container .nav-title a { font-size: 21px; line-height: 25px; text-decoration: none; color: #01890c; padding: 1rem 0; } .theme-mirro .parkview-subsite-redesign .accordion-module.residency .accordion-link-container { border-color: #8ec54a; } .theme-mirro .parkview-subsite-redesign .accordion-module .nav-title a.collapsed:after, .theme-mirro .parkview-subsite-redesign .accordion-module .nav-title a:after { color: #ec6c21; } .theme-mirro .parkview-subsite-redesign .c-video { margin: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .theme-mirro .parkview-subsite-redesign .c-video .l-left-right__item { padding-left: 0; padding-top: 0; padding-bottom: 0.5rem; } .theme-mirro .parkview-subsite-redesign .c-video .bg-block-behind-vivid { margin-bottom: 1.5rem; overflow: visible; } .theme-mirro .parkview-subsite-redesign .c-video .bg-block-behind-vivid iframe { z-index: 9; } .theme-mirro .parkview-subsite-redesign .bg-block-behind-vivid .block { position: absolute; bottom: -5px; width: 93px; height: 100%; display: block; background: #ec6c21; right: -6px; z-index: 0; } .theme-mirro .parkview-subsite-redesign .c-profile-card-list__item { display: block; width: 100%; padding-left: 0; } .theme-mirro .parkview-subsite-redesign .c-profile-card-list__item::before { content: ""; } .theme-mirro .parkview-subsite-redesign .accordion-module.residency { padding: 0; margin-bottom: 2.53rem; } .theme-mirro { /* VIDEO */ /* organisms-profile-card-list */ } @media (min-width: 48em) { .theme-mirro .content-area ul li.c-profile-card-list__item { -webkit-box-flex: 0; -ms-flex: 0 0 31.3%; flex: 0 0 31.3%; margin-bottom: 0; padding: 0; } } @media (min-width: 28em) { .theme-mirro .c-profile-card-list__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .theme-mirro .parkview-subsite-redesign .accordion-module.residency { padding: 3rem 0 6rem; margin-bottom: 0; } .theme-mirro .parkview-subsite-redesign .c-profile-card-list__item { padding-left: 1em; margin-bottom: 0.75rem; } .theme-mirro .parkview-subsite-redesign .accordion-module.residency .accordion-link-container .nav-title a { padding: 1.5rem 0; } } @media (max-width: 450px) { .theme-mirro .parkview-subsite-redesign .accordion-module.residency { margin: 30px 0 10px !important; padding: 0 !important; } } .theme-mirro { /* ACTIVITY CARD */ } .theme-mirro .c-calendar-card { background: #f7fbf2; padding: 27px 60px 21px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; } .theme-mirro .c-calendar-activity-card__content { padding: 20px 60px 24px 30px; background: #fff; } .theme-mirro .c-calendar-card h3 { color: #212529; } .theme-mirro .c-calendar-card__date { border-right: 1px solid #ec6c21; margin-right: 20px; padding-right: 20px; line-height: 19px; } .theme-mirro .c-calendar-card__date .day { display: block; font-size: 30px; line-height: 36px; font-weight: bold; } .theme-mirro .c-calendar-card__summary h3 a, .theme-mirro .c-basic-card .c-basic-card__content h3 a { color: inherit; text-decoration: none; font-weight: 900; } .theme-mirro .c-calendar-card__summary h3 a:hover { text-decoration: underline; } .theme-mirro .c-basic-card .c-basic-card__content h3 a:hover { text-decoration: underline; } .theme-mirro .c-basic-card { height: 100%; } .theme-mirro .c-basic-card img { width: 100%; max-height: 183px; -o-object-fit: cover; object-fit: cover; -o-object-position: left top; object-position: left top; } .theme-mirro .c-basic-card h3 { font-size: 18px; font-weight: bold; line-height: 26px; margin-bottom: 0.5rem; } .theme-mirro .c-basic-card.underlined-title h3 { border-bottom: 3px solid #ec6c21; padding-bottom: 11px; margin-bottom: 17px; } .theme-mirro .c-basic-card.increased-text p { font-size: 18px; line-height: 25px; } .theme-mirro .c-basic-card .c-basic-card__content { padding: 20px 30px 24px 30px; } .theme-mirro .c-basic-card.c-narrow-card .c-basic-card__content { padding: 20px; } .theme-mirro { /* BLOG POST CARD */ } .theme-mirro .c-bordered-card { border: 1px solid #01890c; } .theme-mirro .c-basic-card.c-shaded-card h3 { color: #212529; font-size: 24px; line-height: 29px; margin-bottom: 14px; } .theme-mirro .c-basic-card.c-shaded-card h4 { color: #212529; font-size: 18px; font-weight: 600; line-height: 26px; margin-bottom: 0; } .theme-mirro .c-basic-card.c-shaded-card hr { background: #ec6c21; height: 3px; margin: 0 auto 14px; max-width: 60px; width: 100%; } .theme-mirro .c-basic-card.c-shaded-card .c-shaded-card__cta { margin-top: 20px; } .theme-mirro .c-basic-card.c-shaded-card .c-basic-card__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; padding: 44px 30px; } .theme-mirro .c-basic-card.c-shaded-card .c-basic-card__content p:last-child { margin-bottom: 0; } .theme-mirro .c-basic-card__icon-circle { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; height: auto; margin-right: 1rem; } .theme-mirro .c-basic-card__icon-circle img { -o-object-fit: initial; object-fit: initial; width: auto; max-height: 73px; } .theme-mirro .c-basic-card.c-card-with-circle-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0 0 1.25rem; margin: 0 0 1.25rem; border-bottom: 1px solid #8ec54a; text-decoration: none; } .theme-mirro .c-card-with-circle-icon .c-basic-card__content { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; width: 100%; } .theme-mirro .c-card-with-circle-icon .c-basic-card__content * { text-align: left; } .theme-mirro .c-card-with-circle-icon .c-basic-card__content h2 { color: #212529; font-weight: 900; margin: 0 0 1rem; font-size: 24px; line-height: 29px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .theme-mirro a.c-basic-card.c-card-with-circle-icon:hover h2 { color: #212529; } .theme-mirro .c-card-with-circle-icon .c-basic-card__content p { margin-bottom: 0; color: #212529; font-weight: normal; width: 100%; } .theme-mirro .c-card-with-circle-icon .c-cta-circle-arrow { display: none; width: 46px; height: 46px; border: 1px solid; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .theme-mirro .c-card-with-circle-icon:hover .c-cta-circle-arrow { background-color: #01890c; } .theme-mirro .c-card-with-circle-icon:hover .c-cta-circle-arrow .c-arrow-line-right { border-color: #fff; color: #fff; } .theme-mirro .c-arrow-line-right { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: block; -webkit-transform: scale(var(--ggs, 1)); -ms-transform: scale(var(--ggs, 1)); transform: scale(var(--ggs, 1)); border: none; -webkit-box-shadow: inset 0 0 0 2px; box-shadow: inset 0 0 0 2px; width: 16px; height: 3px; } .theme-mirro .c-arrow-line-right::after { content: ""; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 12px; height: 12px; border-top: 3px solid; border-right: 3px solid; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 0; bottom: -4px; } .theme-mirro .c-basic-card__icon-circle > img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .theme-mirro .c-basic-card__icon-circle > .c-basic-card__icon-hover { opacity: 0; visibility: hidden; } .theme-mirro .c-card-lineal-basic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid green; padding-bottom: 1rem; margin-bottom: 1rem; padding-top: 1rem; } .theme-mirro .c-card-lineal-basic img { margin-right: 1rem; max-width: 140px; -o-object-fit: contain; object-fit: contain; } .theme-mirro .c-card-lineal-basic .c-card-lineal-basic__description h3 a { text-decoration: none; color: #212529; } .theme-mirro .parkview-subsite-redesign .c-side-by-side-image .c-card-lineal-basic .c-card-lineal-basic__description h3 { font-size: 18px; line-height: 26px; font-weight: 900; color: #212529; } .theme-mirro .c-card-lineal-basic .c-card-lineal-basic__description .date { font-size: 18px; line-height: 26px; color: #01890c; font-weight: 600; text-align: left; margin-bottom: 0; } .theme-mirro .c-card-lineal-basic .c-card-lineal-basic__description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; } .theme-mirro .c-list-of-cards-col-1 li::before { content: none; } .theme-mirro .content-area .c-list-of-cards-col-1 li::before { content: ""; } .theme-mirro .content-area .c-list-of-cards-col-1 li { padding: 0; } .theme-mirro .parkview-subsite-redesign .c-gallery-list-with-main-image { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; } .theme-mirro .c-card-lineal-basic:first-child { padding-top: 0; } .theme-mirro .parkview-subsite-redesign ul.c-card-list-3-col.clinical-trials li, .theme-mirro .parkview-subsite-redesign .content-area[role=main] ul.c-card-list-3-col.clinical-trials li { margin: 0; } .theme-mirro .parkview-subsite-redesign ul.c-card-list-3-col.clinical-trials .c-card-with-circle-icon, .theme-mirro .parkview-subsite-redesign .content-area[role=main] ul.c-card-list-3-col.clinical-trials .c-card-with-circle-icon { padding: 1.25rem 0; margin: 0; } @media (min-width: 448px) { .theme-mirro .c-basic-card.c-card-with-circle-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin: 0 1.25rem; } .theme-mirro .c-card-with-circle-icon .c-basic-card__content h2 { color: #01890c; margin-top: 1.35rem; } .theme-mirro .c-card-with-circle-icon .c-basic-card__content p { margin-bottom: 1rem; } .theme-mirro .c-basic-card__icon-circle { background: #ffffff; -webkit-box-shadow: 0px 0px 20px 3px rgba(164, 210, 101, 0.3); box-shadow: 0px 0px 20px 3px rgba(164, 210, 101, 0.3); border-radius: 50%; width: 122px; height: 122px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0; } .theme-mirro .c-card-with-circle-icon:hover .c-basic-card__icon-circle { background: #01890c; } .theme-mirro .c-card-with-circle-icon .c-cta-circle-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; } .theme-mirro .c-card-with-circle-icon .c-basic-card__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-mirro .c-card-with-circle-icon .c-basic-card__content * { text-align: center; } .theme-mirro .c-calendar-card__date { border-right: 3px solid #ec6c21; } .theme-mirro .c-basic-card.c-card-with-circle-icon:hover .c-basic-card__icon-circle .c-basic-card__icon-hover { opacity: 1; visibility: visible; } .theme-mirro .c-basic-card__icon-circle.ico-person-in-simulator { background: no-repeat url("../ico-person-in-simulator.html") center center rgb(255, 255, 255); } .theme-mirro .c-basic-card.c-card-with-circle-icon:hover .c-basic-card__icon-circle.ico-person-in-simulator { background: center/63% no-repeat url("../ico-person-in-simulator-white.html") rgb(1, 137, 12); } .theme-mirro .c-basic-card__icon-circle.ico-science { background: no-repeat url("../ico-science.html") center center rgb(255, 255, 255); } .theme-mirro .c-basic-card.c-card-with-circle-icon:hover .c-basic-card__icon-circle.ico-science { background: center/53% no-repeat url("../ico-science-white.html") rgb(1, 137, 12); } .theme-mirro .c-basic-card__icon-circle.ico-computers { background: no-repeat url("../ico-computers.html") center center rgb(255, 255, 255); } .theme-mirro .c-basic-card.c-card-with-circle-icon:hover .c-basic-card__icon-circle.ico-computers { background: center/54% no-repeat url("../ico-computers-white.html") rgb(1, 137, 12); } .theme-mirro .parkview-subsite-redesign .content-area .c-list-of-cards-col-1 { margin-left: 20px; } .theme-mirro .parkview-subsite-redesign ul.c-card-list-3-col.clinical-trials .c-card-with-circle-icon, .theme-mirro .parkview-subsite-redesign .content-area[role=main] ul.c-card-list-3-col.clinical-trials .c-card-with-circle-icon { margin: 0 1.25rem 2.3rem; } } .theme-mirro { /* c-profile-card */ } .theme-mirro .c-profile-card h3 { color: #212529; font-size: 18px; font-weight: bold; line-height: 24px; } .theme-mirro { /* GALLERY SLIDER */ } .theme-mirro .c-gallery-slider { padding: 1rem 0 0; } .theme-mirro .c-gallery-slider.c-shaded-card { background: transparent; } .theme-mirro .c-gallery-slider.c-shaded-card h2 { margin-top: 0; text-align: left; } .theme-mirro .c-gallery-slider .slider-for { margin: 0 auto; max-width: 684px; margin-bottom: 23px; width: 100%; } .theme-mirro .c-gallery-slider .slider-nav { margin: 0 auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .theme-mirro .c-gallery-slider .slider-nav .slick-list { display: none; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .theme-mirro .c-gallery-slider .slider-nav .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-mirro .c-gallery-slider .slider-nav .slick-slide { margin: 0 12px; } .theme-mirro .c-gallery-slider .slider-nav .slick-slide img { width: 100%; } .theme-mirro .c-gallery-slider .slider-nav .slick-current img { border: 6px solid #ec6c21; } .theme-mirro .c-gallery-slider .slider-nav .slick-arrow { padding: 0; width: 15px; height: 13px; top: 100%; position: static; } .theme-mirro .c-gallery-slider .slider-nav .slick-prev { left: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .theme-mirro .c-gallery-slider .slider-nav .slick-prev:before { content: "\f053"; font-family: "FontAwesome"; color: #01890c; opacity: 1; } .theme-mirro .c-gallery-slider .slider-nav .slick-next { right: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .theme-mirro .c-gallery-slider .slider-nav .slick-next:before { content: "\f054"; font-family: "FontAwesome"; color: #01890c; opacity: 1; } .theme-mirro .c-gallery-slider.rte-image-slider { width: 100%; overflow: hidden; } .theme-mirro .c-gallery-slider.rte-image-slider .slider__stage { width: 100%; } .theme-mirro .c-gallery-slider.rte-image-slider .rte-image-slider-content { position: relative; max-width: 684px; margin: 0 auto; } .theme-mirro .c-gallery-slider.rte-image-slider .rte-image-slider-content .rte-image-slider__img { width: 100%; height: auto; } .theme-mirro .c-gallery-slider.rte-image-slider .rte-image-slider-content .rte-image-slider__details { position: absolute; z-index: 9; bottom: 1.875rem; left: 0; } .theme-mirro .c-gallery-slider.rte-image-slider .rte-image-slider-content .rte-image-slider__details .slide-name { font-family: "Gotham Book", Helvetica, sans-serif; text-align: left; font-weight: bold; margin: 0; background: linear-gradient(-260deg, #ec6c21 9%, rgba(255, 255, 255, 0.85) 9%, rgba(255, 255, 255, 0.85) 93%, rgba(142, 197, 74, 0) 93%); padding: 0.8rem 2.7rem; font-size: 16px; line-height: 1.6; font-weight: 500; } .theme-mirro .c-gallery-slider .slider-nav .slider__prev, .theme-mirro .c-gallery-slider .slider-nav .slider__next { color: #01890c; background: transparent; border: none; } .theme-mirro .c-gallery-slider .slider-nav .slider__prev img, .theme-mirro .c-gallery-slider .slider-nav .slider__next img { width: auto; height: 20px; } .theme-mirro .c-gallery-slider .slider-nav .slider__next img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .theme-mirro .c-gallery-slider .slider-thumbnails-wrapper { width: 100%; overflow: hidden; position: relative; margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .theme-mirro .c-gallery-slider .slider-thumbnails-wrapper .slider-thumbnails { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; overflow-x: auto; scroll-behavior: smooth; white-space: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; max-width: 344px; padding: 5px 0; } @media (max-width: 768px) { .theme-mirro .c-gallery-slider .slider-thumbnails-wrapper .slider-thumbnails { display: none; } } .theme-mirro .c-gallery-slider .slider-thumbnails-wrapper .slider-thumbnails::-webkit-scrollbar { display: none; } .theme-mirro .c-gallery-slider .slider-thumbnails-wrapper .slider-thumbnails .thumbnail { width: 68px; height: 45px; overflow: hidden; border: 6px solid transparent; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -ms-flex-negative: 0; flex-shrink: 0; } .theme-mirro .c-gallery-slider .slider-thumbnails-wrapper .slider-thumbnails .thumbnail img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .theme-mirro .c-gallery-slider .slider-thumbnails-wrapper .slider-thumbnails .thumbnail.active { border-color: #ec6c21; } .theme-mirro .parkview-subsite-redesign .c-gallery-slider .slider-nav ul.slick-dots { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; position: static; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: auto; margin: -4px 0.3rem 0; } .theme-mirro .c-gallery-slider .slider-nav .slick-dots li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 14px; height: 14px; padding: 0; margin-bottom: 0; } .theme-mirro .c-gallery-slider .slider-nav .slick-dots li:before { color: transparent; content: ""; position: initial; margin: 0; } .theme-mirro .c-gallery-slider .slider-nav .slick-dots li button { padding: 0; width: auto; height: auto; } .theme-mirro .c-gallery-slider .slider-nav .slick-dots li button:before { border: 1px solid #01890c; border-radius: 50%; background: transparent; color: transparent; position: initial; font-size: 10px; opacity: 1; } .theme-mirro .c-gallery-slider .slider-nav .slick-dots li.slick-active button:before { color: transparent; background: #01890c; border: none; font-size: 14px; } .theme-mirro .parkview-subsite-redesign .c-gallery-slider .slider p { text-align: left; font-weight: bold; margin: 0; } .theme-mirro .parkview-subsite-redesign .c-gallery-slider .slider img { margin-bottom: 0.5rem; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 3rem 20px; } .theme-mirro .parkview-subsite-redesign .c-speedbump-right-border { padding: 3rem 20px; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up h2 { color: #fff; margin: 0 0 0.8rem; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up .col-md-5 { padding: 0; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up__headline { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-left: 0; margin-bottom: 20px; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up .c-speedbump-sign-up__form { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up .c-speedbump-sign-up__form .c-field { -webkit-box-flex: 0; -ms-flex: 0 0 73.6%; flex: 0 0 73.6%; margin: 0 0 20px; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up .c-speedbump-sign-up__form .c-cta-area { -webkit-box-flex: 0; -ms-flex: 0 0 26.4%; flex: 0 0 26.4%; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up .c-input { border-color: #fff; background: rgba(255, 255, 255, 0.3); min-height: 58px; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up .c-btn { border: 1.5px solid #8ec54a; padding: 16px 22px; text-decoration: none; min-width: 136px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .theme-mirro .parkview-subsite-redesign .c-speedbump .c-btn--white, .theme-mirro .parkview-subsite-redesign .c-speedbump input[type=submit] { background-color: #fff; color: #00853f; border: 1px solid #fff; } .theme-mirro .parkview-subsite-redesign .c-speedbump .c-btn--white:hover, .theme-mirro .parkview-subsite-redesign .c-speedbump input[type=submit]:hover { background: #fff; color: #212529; border: 1px solid #ec6c21; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up .c-field__label { color: #fff; margin-bottom: 0px; } .theme-mirro .parkview-subsite-redesign .site-footer { background-color: #fff; margin-bottom: 15rem; } .theme-mirro .parkview-subsite-redesign .site-footer:after { content: none; } .theme-mirro .parkview-subsite-redesign .footer-nav .nav-title a, .theme-mirro .parkview-subsite-redesign .footer-nav .nav-title span { color: #212529; } .theme-mirro .parkview-subsite-redesign li { color: #212529; } .theme-mirro .parkview-subsite-redesign .site-footer .logo-parkview-mirro-center { margin-bottom: 3.125rem; } .theme-mirro .parkview-subsite-redesign .footer-nav .nav-title a:after { background: none; color: #ec6c21; } .theme-mirro .parkview-subsite-redesign .footer-nav ul li a { color: #212529; font-weight: normal; } .theme-mirro .parkview-subsite-redesign .footer-legal ul li a { color: #212529; font-weight: normal; } .theme-mirro .parkview-subsite-redesign .footer-social ul li a { color: #212529; font-weight: normal; } .theme-mirro .parkview-subsite-redesign .footer-social ul li { margin-right: 2.4rem; } .theme-mirro .parkview-subsite-redesign .site-footer .footer-nav a, .theme-mirro .parkview-subsite-redesign .site-footer .footer-nav span { font-weight: normal; } .theme-mirro .parkview-subsite-redesign .footer-nav { margin-bottom: 1rem; } .theme-mirro .parkview-subsite-redesign .top-scroll a { background-color: #3da143; } @media (min-width: 28em) { .theme-mirro .c-basic-card h3 { margin-bottom: 0; } .theme-mirro .c-gallery-slider { padding: 4rem 30px 1rem; } .theme-mirro .slick-initialized .slick-slide { position: relative; } .theme-mirro .c-gallery-slider h2 { margin-bottom: 52px; } .theme-mirro .c-gallery-slider .slider-nav .slick-list { display: block; } .theme-mirro .parkview-subsite-redesign .c-gallery-slider .slider-nav ul.slick-dots { display: none !important; } .theme-mirro .c-gallery-slider .slider-nav { max-width: 737px; } .theme-mirro .c-gallery-slider.c-shaded-card { background: #f7fbf2; } .theme-mirro .parkview-subsite-redesign .c-gallery-slider h2 { text-align: center; } .theme-mirro .parkview-subsite-redesign .c-gallery-slider .slider img { margin-bottom: 0; width: 100% !important; } .theme-mirro .parkview-subsite-redesign .c-gallery-slider .slider p { text-align: left; font-weight: bold; margin: 0; position: absolute; z-index: 9; bottom: 1.875rem; left: 0; background: linear-gradient(-260deg, #ec6c21 9%, rgba(255, 255, 255, 0.85) 9%, rgba(255, 255, 255, 0.85) 93%, rgba(142, 197, 74, 0) 93%); padding: 0.8rem 2.7rem; } .theme-mirro .parkview-subsite-redesign .c-gallery-slider .slick-dotted.slick-slider { margin-bottom: 3rem; } } .theme-mirro { /* Speedbump */ } @media (min-width: 448px) { .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up { padding: 2.8125rem 2.8125rem 3.5625rem 2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up h2 { margin-bottom: 5px; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up .c-btn { padding: 16px 35px; min-height: 58px; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up .c-speedbump-sign-up__form { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up .c-speedbump-sign-up__form .c-cta-area { -webkit-box-flex: 0; -ms-flex: 0 0 26.4%; flex: 0 0 26.4%; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up .c-speedbump-sign-up__form .c-field { margin-bottom: 0; padding: 0 20px 0 0; } .theme-mirro .parkview-subsite-redesign .c-speedbump-right-border { background: linear-gradient(-260deg, rgb(1, 137, 12) 0%, rgb(61, 161, 68) 95%, rgb(142, 197, 74) 95%); } } @media (min-width: 768px) { .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up__headline { margin-bottom: 0; padding-right: 20px; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up__form .c-field { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up__headline .col-md-5 { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up { padding: 4rem 5.0625rem 4rem 3.125rem; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up__headline { border-left: 3px solid #ec6c21; margin-left: 30px; padding-left: 28px; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up .c-speedbump-sign-up__form { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .theme-mirro .parkview-subsite-redesign .c-speedbump-sign-up .c-speedbump-sign-up__form .c-field { -webkit-box-flex: 0; -ms-flex: 0 0 71%; flex: 0 0 71%; } } .theme-mirro { /* .parkview-subsite-redesign .site-footer .footer-nav a.collapsed::after, .parkview-subsite-redesign .site-footer .footer-nav a[aria-expanded="false"]::after { content: '+'; } .parkview-subsite-redesign .site-footer .footer-nav a::after { content: '-'; } */ } @media (min-width: 448px) { .theme-mirro .parkview-subsite-redesign .footer-nav .nav-title a:after { background-color: #ec6c21; color: rgb(33, 37, 41); } .theme-mirro .parkview-subsite-redesign .footer-nav { margin-bottom: 0rem; } .theme-mirro .parkview-subsite-redesign .footer-nav .social-icons { width: 25px; } .theme-mirro .parkview-subsite-redesign .footer-social ul { padding: 0; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 1.8rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .theme-mirro .parkview-subsite-redesign .site-footer { margin-bottom: 0; } .theme-mirro .parkview-subsite-redesign .footer-legal ul li { border-right: 1px solid #212529; } .theme-mirro .parkview-subsite-redesign .footer-legal ul li:last-child { border: none; } } .theme-mirro { /* HERO */ } .theme-mirro .hero-with-text h1 { font-weight: 500; font-size: 40px; line-height: 48px; color: #212529; } .theme-mirro .hero-with-text p { font-size: 16px; line-height: 26px; font-weight: normal; } .theme-mirro .hero-with-text img { max-height: 200px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .theme-mirro .parkview-subsite-redesign .btn-with-trapezoidal-edges { background: rgb(61, 161, 68); background: linear-gradient(-260deg, rgb(61, 161, 68) 6%, rgb(1, 137, 12) 6%, rgb(61, 161, 68) 94%, rgb(142, 197, 74) 94%); color: #fff; font-weight: normal; text-decoration: none; padding: 1rem 2.813rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .theme-mirro .btn-with-trapezoidal-edges:hover { background: rgb(61, 161, 68); background: linear-gradient(-260deg, rgb(61, 161, 68) 6%, rgb(1, 137, 12) 6%, rgb(1, 137, 12) 94%, rgb(142, 197, 74) 94%); } .theme-mirro .parkview-subsite-redesign .hero-with-text__content { width: 100%; max-width: 550px; position: relative; padding: 2rem 1.25rem; z-index: 100; } .theme-mirro .parkview-subsite-redesign .hero-with-text__content .c-btn-lg { font-size: 1rem; } .theme-mirro .parkview-subsite-redesign .hero-with-text .full-banner .hFullOverlayText { position: inherit; top: auto; left: auto; } .theme-mirro .parkview-subsite-redesign .hero-overlay-with-border-left.bg-block-behind-vivid { position: relative; } .theme-mirro .parkview-subsite-redesign .hero-with-text { padding: 0 0 2rem; } .theme-mirro .parkview-subsite-redesign .hero-with-text.hero-overlay-with-border-left { padding: 0 1rem 3rem; } .theme-mirro .parkview-subsite-redesign .hero-with-text.hero-overlay-with-border-left .hero-with-text__content { padding: 0; } .theme-mirro .parkview-subsite-redesign .hero-with-text img { min-height: 200px; z-index: 1; } .theme-mirro .parkview-subsite-redesign .hero-with-text.hero-overlay-with-border-left .bg-block-behind-vivid { padding: 0; } .theme-mirro .parkview-subsite-redesign .hero-with-text.hero-overlay-with-border-left img { position: relative; z-index: 9; max-height: 225px; height: 225px !important; } .theme-mirro .parkview-subsite-redesign .hero-with-text .hero-with-text__content { padding: 1.5rem 1rem 0; } .theme-mirro .parkview-subsite-redesign .hero-with-text .hero-with-text__content h1 { margin-top: 0; } .theme-mirro .parkview-subsite-redesign .hero-with-text .hero-with-text__content h2 { margin-top: 2rem; } .theme-mirro .parkview-subsite-redesign .hero-overlay-with-border-left.bg-block-behind-vivid img { border: 5px solid #ec6c21; } .theme-mirro .parkview-subsite-redesign .slick-dotted.slick-slider { margin-bottom: 0; } @media (min-width: 448px) { .theme-mirro .parkview-subsite-redesign .hero-with-text { height: 592px; min-height: 592px; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 5.688rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-mirro .parkview-subsite-redesign .hero-with-text.hero-with-border-bottom-active { border-bottom: 6px solid #ec6c21; } .theme-mirro .parkview-subsite-redesign .hero-with-text h1 { font-size: 48px; line-height: 55px; color: #fff; } .theme-mirro .parkview-subsite-redesign .hero-with-text p { color: #fff; } .theme-mirro .parkview-subsite-redesign .hero-with-text img { height: 100% !important; position: absolute; top: 0; left: 0; max-height: none; z-index: 0; } .theme-mirro .parkview-subsite-redesign .hero-with-text__content { padding: 0; } .theme-mirro a.c-btn-lg { min-width: 344px; text-align: center; /* margin-bottom: 3rem; */ } .theme-mirro .parkview-subsite-redesign .hero-overlay-with-border-left { border-bottom: none; } .theme-mirro .parkview-subsite-redesign .hero-with-text.hero-overlay-with-border-left img { height: 100% !important; max-height: 592px; } .theme-mirro .parkview-subsite-redesign .hero-with-text.hero-overlay-with-border-left .hero-with-text__content { padding: 0 12% 0 10.5%; } .theme-mirro .hero-overlay-with-border-left .hero-with-text__content { background: linear-gradient(-260deg, #8ec54a 15%, rgba(255, 255, 255, 0.85) 6%, rgba(255, 255, 255, 0.85) 80%, rgba(142, 197, 74, 0) 80%); position: absolute; top: 0; left: 0; height: 100%; width: 100%; max-width: 748px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; vertical-align: middle; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 12% 0 10.5%; z-index: 2; } .theme-mirro .hero-overlay-with-border-left h2 { font-size: 2rem; line-height: 2.375rem; } .theme-mirro .hero-with-text.hero-overlay-with-border-left p { color: #212529; } .theme-mirro .hero-headline-with-border-left h2 { border-left: 3px solid #ec6c21; padding: 0 0 0 1.5rem; width: 100%; } .theme-mirro .hero-headline-with-border-left p, .theme-mirro .hero-headline-with-border-left a { margin-left: 1.8rem; } .theme-mirro .hero-headline-with-border-left p { margin-bottom: 2rem; } .theme-mirro .parkview-subsite-redesign .hero-overlay-with-border-left.bg-block-behind-vivid { padding: 0 1rem; } .theme-mirro .parkview-subsite-redesign .hero-overlay-with-border-left.bg-block-behind-vivid .hero-with-text__content { padding: 0 12% 0 10.5%; } .theme-mirro .parkview-subsite-redesign .hero-with-text.hero-overlay-with-border-left.hero-headline-with-border-left .hero-with-text__content p { margin-bottom: 2rem; width: 100%; } .theme-mirro .parkview-subsite-redesign .hero-overlay-with-border-left.bg-block-behind-vivid img { max-height: initial; height: initial !important; } .theme-mirro .parkview-subsite-redesign .hero-with-text .hero-with-text__content { padding: 0 1rem; } } .theme-mirro { /* CHANGES FOR QA PREP */ } .theme-mirro .c-btn-group .c-btn-lg { margin: 1rem 0; } @media (min-width: 768px) { .theme-mirro .c-btn-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .theme-mirro .c-btn-group .c-btn-lg { margin: 0 1rem 0 0; } } .theme-mirro .parkview-subsite-redesign .navbar-brand img { max-height: none; max-width: 150px !important; width: 100%; } .theme-mirro .parkview-subsite-redesign .related-blog-posts:not(.blog-article-list-container) .title-block h4 { color: #212529; font-size: 28px; font-weight: bold; line-height: 29px; margin-bottom: 29px; } .theme-mirro .parkview-subsite-redesign .related-blog-posts:not(.blog-article-list-container) .button.button-primary { background: none; padding: 0; margin: 0; color: #000; } .theme-mirro .parkview-subsite-redesign .related-blog-posts:not(.blog-article-list-container) .button.button-primary:after { display: none; } .theme-mirro .parkview-subsite-redesign .related-blog-posts:not(.blog-article-list-container) .button.button-primary:hover { color: #000; } .theme-mirro .parkview-subsite-redesign .related-blog-posts ul.blog-article-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .theme-mirro .parkview-subsite-redesign .blog-article-list > li { /*box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);*/ margin: 1.25rem 0; /*background: #F7F8F8;*/ } .theme-mirro .parkview-subsite-redesign .blog-article-list .blog-item > div { border-color: #8ec54a; border-bottom: 9px solid #8ec54a; } .theme-mirro .parkview-subsite-redesign .blog-article-list .blog-item > div > a, .theme-mirro .parkview-subsite-redesign .blog-article-list .blog-item > div > div { background: #f7f8f8; } .theme-mirro .parkview-subsite-redesign .blog-article-list > li:first-child { margin-top: 0; } .theme-mirro .parkview-subsite-redesign .blog-article-list > li > a { display: block; margin: 0 -15px; } .theme-mirro .parkview-subsite-redesign .blog-article-list > li pre { display: none; } @media (min-width: 600px) { .theme-mirro .parkview-subsite-redesign .navbar-brand img { max-width: 280px !important; } } @media (min-width: 768px) { .theme-mirro .parkview-subsite-redesign .related-blog-posts ul.blog-article-list { margin: 0 -1.25rem; } .theme-mirro .parkview-subsite-redesign .featured-area .blog-article-list > li { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 2.5rem); flex: 0 0 calc(50% - 2.5rem); max-width: calc(50% - 2.5rem); margin: 0 1.25rem; } .theme-mirro .parkview-subsite-redesign .blog-article-list > li { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.333% - 2.5rem); flex: 0 0 calc(33.333% - 2.5rem); max-width: calc(33.333% - 2.5rem); margin: 0 1.25rem; } } @media (max-width: 575px) { .theme-mirro .parkview-subsite-redesign .blog-article-list > li { padding-top: 0; } .theme-mirro .parkview-subsite-redesign .blog-article-list a > img { max-height: none; width: 100%; } .theme-mirro .c-card-lineal-basic { display: block; } } @media (min-width: 768px) { .theme-mirro .c-speedbump-sign-up__form .FormBuilderControl > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .theme-mirro .c-speedbump-sign-up__form .FormBuilderControl .form-label span { color: #ffffff; } .theme-mirro .c-speedbump-sign-up__form .FormBuilderControl .form-cell input[type=text] { border-color: #fff; background: rgba(255, 255, 255, 0.3); min-height: 50px; padding: 0.5rem; } .theme-mirro .c-speedbump-sign-up__form .FormBuilderControl .divButton input[type=submit] { background: #ffffff; border: 1px solid #ffffff; color: #01890c; padding: 12px 35px; margin-right: 0; } .theme-mirro .c-speedbump-sign-up__form .FormBuilderControl .divButton:after { display: none; } .theme-mirro .c-speedbump-sign-up__form .FormBuilderControl > div { float: none !important; } .theme-mirro .c-speedbump-sign-up__form .FormBuilderControl .form-row { display: block; margin-bottom: 0; } @media (min-width: 768px) { .theme-mirro .c-speedbump-sign-up__form .FormBuilderControl .form-cell input[type=text] { margin-bottom: 0; } .theme-mirro .c-speedbump-sign-up__form .FormBuilderControl .divButton { margin-left: 2rem; } } @media (min-width: 768px) { .theme-mirro .c-card-list-4-col.c-cards-list-below-hero + .d-flex.flex-wrap { border-top: 1px solid #dee2e6; } } .theme-mirro .parkview-subsite-redesign .footer-nav .nav-title a[aria-expanded=true]:after, .theme-mirro .parkview-subsite-redesign .footer-nav .nav-title span[aria-expanded=true]:after { content: "-"; } .theme-mirro .parkview-subsite-redesign #divContent > span > hr { margin: 3rem 0; background: #dee2e6; } .theme-mirro .hero-with-text__content .btn-with-trapezoidal-edges { font-size: 1rem; } .theme-mirro .parkview-subsite-redesign .footer-nav .nav-title span { display: block; text-decoration: none; position: relative; padding: 0.5rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .theme-mirro .parkview-subsite-redesign .footer-nav .nav-title span:after { content: "+"; position: absolute; right: 0; background: none; color: #ec6c21; } .theme-mirro .parkview-subsite-redesign .search-hero .col-md { display: none; } @media (min-width: 992px) { .theme-mirro .parkview-subsite-redesign .footer-nav .nav-title span { padding: 0; border-bottom: none; pointer-events: none; } .theme-mirro .parkview-subsite-redesign .footer-nav .nav-title span:after { content: ""; background-color: #ec6c21; color: rgb(33, 37, 41); height: 2px; width: 2rem; position: absolute; left: 0; bottom: -0.75rem; } } @media (max-width: 992px) { .theme-mirro .parkview-subsite-redesign .dropdown-menu .dropdown-item { font-weight: 400; } .theme-mirro .parkview-subsite-redesign .dropdown-menu a.dropdown-item { color: #000000; padding: 0.5rem 2.5rem !important; white-space: normal; } } @media (max-width: 991px) { .theme-mirro .parkview-subsite-redesign .main-banner.content-banner .full-banner { display: block; } .theme-mirro .parkview-subsite-redesign .main-banner.content-banner .full-banner .full-banner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .theme-mirro ul.navbar-nav.ml-auto.justify-content-end.top-bar { width: 100%; } .theme-mirro .parkview-subsite-redesign .content-area ul.location-list { margin-bottom: 0; } .theme-mirro .rtl-article-item h6 a { /* text-decoration: none !important; */ color: #000; font-weight: normal; } .theme-mirro .rtl-article-item:hover h6 a { text-decoration: underline !important; } .theme-mirro .parkview-subsite-redesign .blog-home-link a { text-decoration: none !important; } .theme-mirro .parkview-subsite-redesign .related-blog-posts.blog-article-list-container .title-block h4 { white-space: nowrap; font-weight: normal; color: #01890c; } @media (max-width: 1500px) { .theme-mirro .parkview-subsite-redesign .related-blog-posts.blog-article-list-container { padding-top: 40px !important; } } @media (max-width: 768px) { .theme-mirro .parkview-subsite-redesign .blog-article-list .blog-item .col-5, .theme-mirro .parkview-subsite-redesign .blog-article-list .blog-item .col-7 { max-width: none; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .theme-footprints { --color-brand: $brand-theme-primary; --color-primary-accent: $brand-theme-second; --color-secondary-accent: $brand-theme-dark-green; --color-body-text: $neutral-gray; --bg-subtle: $neutral-light-gray; --bg-gradient: linear-gradient(297.32deg, #8ec54a -0.74%, #01890c 57.87%); --font-heading: $font-family-primary; --font-body: $font-family-primary; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #THEME VARIABLES \*------------------------------------*/ .theme-huntington { /* Colors */ --color-brand: #006c67; --color-primary-accent: #006c67; --color-secondary-accent: #00837f; --color-tertiary-accent: #929597; --color-body-text-light: #7d7e80; --color-body-text: #212529; --color-body-text-dark: #495057; --color-text-link: #01890c; --bg-gradient: #007456; /* Typography */ --font-heading: "Roboto Slab", serif; --font-body: "Raleway", sans-serif; /* Font Sizes */ --font-size-base: 22px; --font-size-xl: 22px; --font-size-lg: 20px; --font-size-md: 18px; --font-size-sm: 14px; --font-size-xs: 12px; /* Headings - Mobile */ --h1-size-mobile: 28px; --h2-size-mobile: 18px; --h3-size-mobile: 22px; --h4-size-mobile: 20px; --h5-size-mobile: 18px; --h6-size-mobile: 18px; /* Headings - Desktop */ --h1-size: 44px; --h2-size: 36px; --h3-size: 32px; --h4-size: 28px; --h5-size: 22px; --h6-size: 18px; -webkit-font-smoothing: antialiased; /*------------------------------------*\ #TYPOGRAPHY STYLES \*------------------------------------*/ } .theme-huntington h1, .theme-huntington h2, .theme-huntington h3, .theme-huntington h4, .theme-huntington h5, .theme-huntington h6, .theme-huntington .display-h1, .theme-huntington .display-h2, .theme-huntington .display-h3, .theme-huntington .display-h4, .theme-huntington .display-h5, .theme-huntington .display-h6 { font-family: var(--font-body); font-weight: 700; margin-bottom: 20px; } .theme-huntington h1:after, .theme-huntington h2:after, .theme-huntington h3:after, .theme-huntington h4:after, .theme-huntington h5:after, .theme-huntington h6:after, .theme-huntington .display-h1:after, .theme-huntington .display-h2:after, .theme-huntington .display-h3:after, .theme-huntington .display-h4:after, .theme-huntington .display-h5:after, .theme-huntington .display-h6:after { display: none; } .theme-huntington .l-page-content h1:after, .theme-huntington .l-page-content h2:after, .theme-huntington .l-page-content h3:after, .theme-huntington .l-page-content h4:after, .theme-huntington .l-page-content h5:after, .theme-huntington .l-page-content h6:after, .theme-huntington .l-page-content .display-h1:after, .theme-huntington .l-page-content .display-h2:after, .theme-huntington .l-page-content .display-h3:after, .theme-huntington .l-page-content .display-h4:after, .theme-huntington .l-page-content .display-h5:after, .theme-huntington .l-page-content .display-h6:after { display: none; } .theme-huntington h3, .theme-huntington .display-h3 { color: var(--color-secondary-accent); } .theme-huntington p, .theme-huntington body { color: var(--color-body-text); font-family: var(--font-body); font-size: var(--font-size-base); line-height: 1.4; } .theme-huntington p a, .theme-huntington body a { color: var(--color-primary-accent); border-bottom: none; } .theme-huntington p a:hover, .theme-huntington body a:hover { border-bottom: 2px solid var(--color-primary-accent); } .theme-huntington .l-page-content ul, .theme-huntington .l-page-content ol { color: var(--color-body-text); font-family: var(--font-body); font-size: var(--font-size-base); } .theme-huntington .centered { text-align: center; } .theme-huntington section.section { padding: 53.33333px 0; } @media (min-width: 960px) { .theme-huntington section.section { padding: 80px 0; } } .theme-huntington section.section.bordered { padding-bottom: 25px; position: relative; } .theme-huntington section.section.bordered:before, .theme-huntington section.section.bordered:after { content: ""; display: block; height: 20px; position: absolute; width: 100%; } .theme-huntington section.section.bordered:before { border-bottom: 1px solid var(--color-primary-accent); top: 0; } .theme-huntington section.section.bordered > .wrapper { padding-top: 0; } .theme-huntington { /* Responsive Headings */ } .theme-huntington h1, .theme-huntington .display-h1 { color: var(--color-brand); font-family: var(--font-heading); font-size: var(--h1-size-mobile); text-transform: uppercase; } .theme-huntington h2, .theme-huntington .display-h2 { font-size: var(--h2-size-mobile); font-weight: 300; text-transform: uppercase; } .theme-huntington h3, .theme-huntington .display-h3 { font-size: var(--h3-size-mobile); } .theme-huntington h4, .theme-huntington .display-h4 { font-size: var(--h4-size-mobile); } .theme-huntington h5, .theme-huntington .display-h5 { font-size: var(--h5-size-mobile); } .theme-huntington h6, .theme-huntington .display-h6 { font-size: var(--h6-size-mobile); } .theme-huntington a:not(.btn-primary):not(.btn-secondary) { color: var(--color-brand); border-color: var(--color-brand); } .theme-huntington a:not(.btn-primary):not(.btn-secondary):hover { text-decoration: none; } .theme-huntington { /* Global text selection styles */ } .theme-huntington ::-moz-selection { background-color: var(--color-primary-accent); color: #fff; } .theme-huntington ::selection { background-color: var(--color-primary-accent); color: #fff; } @media (min-width: 768px) { .theme-huntington h1, .theme-huntington .display-h1 { font-size: var(--h1-size); } .theme-huntington h2, .theme-huntington .display-h2 { font-size: var(--h2-size); } .theme-huntington h3, .theme-huntington .display-h3 { font-size: var(--h3-size); } .theme-huntington h4, .theme-huntington .display-h4 { font-size: var(--h4-size); } .theme-huntington h5, .theme-huntington .display-h5 { font-size: var(--h5-size); } .theme-huntington h6, .theme-huntington .display-h6 { font-size: var(--h6-size); } } .theme-huntington header { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; border-top: none; padding: 0; z-index: 99; padding: 10px 20px; } @media (min-width: 768px) { .theme-huntington header { padding: 10px 0; } } .theme-huntington header::before, .theme-huntington header::after { display: none; } .theme-huntington header .view-on-mobile { display: block !important; } @media (min-width: 960px) { .theme-huntington header .view-on-mobile { display: none !important; } } .theme-huntington header .view-on-desktop { display: none !important; } @media (min-width: 960px) { .theme-huntington header .view-on-desktop { display: block !important; } } .theme-huntington header .header-mobile-wrapper { padding: 1rem 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; z-index: 2; } @media (min-width: 960px) { .theme-huntington header .header-mobile-wrapper { display: none; } } .theme-huntington header .header-mobile-wrapper .c-navbar-brand { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; max-width: 100%; } @media (min-width: 960px) { .theme-huntington header .header-mobile-wrapper .c-navbar-brand { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 1rem 0; max-width: 185px; } } .theme-huntington header .header-mobile-wrapper .c-navbar-brand img { width: 100%; max-width: 185px; } .theme-huntington header .header-mobile-wrapper .c-navbar-toggler { padding: 0; height: 42px; display: block !important; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 960px) { .theme-huntington header .header-mobile-wrapper .c-navbar-toggler { display: none !important; } } .theme-huntington header .header-mobile-wrapper .c-navbar-toggler.is-open .c-navbar-toggler-icon .icon { height: 0; background-color: var(--color-brand); } .theme-huntington header .header-mobile-wrapper .c-navbar-toggler.is-open .c-navbar-toggler-icon .icon:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; } .theme-huntington header .header-mobile-wrapper .c-navbar-toggler.is-open .c-navbar-toggler-icon .icon:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom: auto; } .theme-huntington header .header-mobile-wrapper .c-navbar-toggler .c-navbar-toggler-icon { background-image: none; display: inline-grid; width: auto; } .theme-huntington header .header-mobile-wrapper .c-navbar-toggler .c-navbar-toggler-icon .icon { display: block; position: relative; height: 3px; width: 100%; padding: 0; background-color: var(--color-brand); border: none; border-radius: 3px; -webkit-transition: 0.5s; transition: 0.5s; } .theme-huntington header .header-mobile-wrapper .c-navbar-toggler .c-navbar-toggler-icon .icon:before, .theme-huntington header .header-mobile-wrapper .c-navbar-toggler .c-navbar-toggler-icon .icon:after { content: ""; display: block; position: absolute; right: 0; background-color: var(--color-brand); height: 3px; width: 100%; border-radius: 1.5px; -webkit-transition: 0.5s; transition: 0.5s; } .theme-huntington header .header-mobile-wrapper .c-navbar-toggler .c-navbar-toggler-icon .icon:before { top: 6px; } .theme-huntington header .header-mobile-wrapper .c-navbar-toggler .c-navbar-toggler-icon .icon:after { bottom: 6px; } .theme-huntington header .header-mobile-wrapper .c-navbar-toggler .c-navbar-toggler-icon:after { display: none; } .theme-huntington header .header-mobile-wrapper .c-navbar-toggler .c-navbar-toggler-icon .sr-text { background: none; font-size: 12px; font-weight: 400; text-transform: uppercase; font-family: sans-serif; margin-top: 15px; display: block; color: var(--color-body-text-light); } .theme-huntington header .b-navbar { color: var(--color-body-text); margin: auto; padding: 0; position: relative; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; max-height: none; height: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } @media (min-width: 960px) { .theme-huntington header .b-navbar { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: auto; } } .theme-huntington header .b-navbar.is-open { height: auto; z-index: 2; } @media (min-width: 960px) { .theme-huntington header .b-navbar .wrapper { padding: 10px 20px; } } .theme-huntington header .b-navbar .wrapper .c-navbar-brand { max-width: none; margin: 0; } .theme-huntington header .b-navbar .wrapper .c-navbar-brand:hover { border: none; } .theme-huntington header .b-navbar .wrapper .c-navbar-brand img { width: 100%; max-width: 185px; } .theme-huntington header .b-navbar .wrapper .b-main-nav { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: block !important; } @media (min-width: 960px) { .theme-huntington header .b-navbar .wrapper .b-main-nav { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 11px 0; position: relative; } } .theme-huntington header .b-navbar .wrapper .b-main-nav li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem 0; border-bottom: 1px dashed --color-tertiary-accent; } @media (min-width: 960px) { .theme-huntington header .b-navbar .wrapper .b-main-nav li { padding: 0; border-bottom-style: none; } } @media (min-width: 1200px) { .theme-huntington header .b-navbar .wrapper .b-main-nav li { padding: 0 10px; } } .theme-huntington header .b-navbar .wrapper .b-main-nav li:after { content: ""; height: 12px; width: 1px; position: absolute; right: 0; } @media (min-width: 960px) { .theme-huntington header .b-navbar .wrapper .b-main-nav li:after { border-right: 1px solid --color-tertiary-accent; } } .theme-huntington header .b-navbar .wrapper .b-main-nav li:nth-last-child(2) { border-bottom: none; } .theme-huntington header .b-navbar .wrapper .b-main-nav li:last-child { display: none; } @media (min-width: 960px) { .theme-huntington header .b-navbar .wrapper .b-main-nav li:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom-style: none; } .theme-huntington header .b-navbar .wrapper .b-main-nav li:last-child:after { border-right: none; } } .theme-huntington header .b-navbar .wrapper .b-main-nav li .b-main-nav__subitem-level-1 { color: var(--color-body-text); font-family: var(--font-body); font-size: 15px; font-weight: 300; line-height: 0.8; margin: 0; padding: 0 15px; text-transform: uppercase; border-bottom: 2px solid transparent; width: 100%; } @media (min-width: 1200px) { .theme-huntington header .b-navbar .wrapper .b-main-nav li .b-main-nav__subitem-level-1 { font-size: 18px; margin: 0 10px; padding: 8px 0 5px; } } .theme-huntington header .b-navbar .wrapper .b-main-nav li .b-main-nav__subitem-level-1:hover { font-weight: normal; border-color: var(--color-brand); } .theme-huntington header .b-navbar .wrapper .b-main-nav li .b-main-nav__subitem-level-1.c-icon_Search { background-image: url("../png/searchicon_gray.png"); background-size: contain; } .theme-huntington header .b-navbar .wrapper .b-main-nav li .c-icon_Search { background-position: center; border: none; height: 18px; width: 17px; } .theme-huntington header .b-navbar .wrapper .b-main-nav li .c-icon_Search:hover { border: none; } .theme-huntington header .b-navbar .wrapper .b-main-nav li .c-icon_Search span { display: none; } .theme-huntington header .b-navbar ~ .dropdown-container { height: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .theme-huntington header .b-navbar.is-open ~ .dropdown-container { height: auto; z-index: 2; } .theme-huntington header .b-navbar.is-open ~ .b-navbar--bg-mobile { background: #fff; height: 100%; width: 100%; z-index: 1; position: fixed; top: 0; left: 0; } .theme-huntington header .dropdown-container { background-color: #595959; max-width: none; overflow: hidden; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 960px) { .theme-huntington header .dropdown-container { height: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .theme-huntington header .dropdown-container.active { height: 106px; max-width: none; overflow: hidden; } .theme-huntington header .dropdown-container .dropdown-content { margin: auto; max-width: 1280px; padding: 32px 20px 24px; position: relative; } .theme-huntington header .dropdown-container .dropdown-content input { margin-bottom: 0; height: 44px; width: 100%; font-size: 15px; color: --color-tertiary-accent; padding: 15px; border-radius: 10px; border: none; font-family: sans-serif; line-height: 1.15; margin: 0; padding-right: 45px; } .theme-huntington header .dropdown-container .dropdown-content input.icon-button { font-size: 15px; color: --color-tertiary-accent; border-radius: 10px; border-width: 0px; background-color: transparent; border: none; width: 30px; height: 30px; padding: 5px; position: relative; top: -22px; right: 15px; float: right; z-index: 100; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 960px) { .theme-huntington header .dropdown-container .dropdown-content input.icon-button { position: absolute; top: 55%; right: 25px; } } .theme-huntington header .dropdown-container .dropdown-content #search-solr-form { position: relative; } .theme-huntington header .dropdown-container .dropdown-content #search-solr-form input { margin-bottom: 0; height: 44px; width: 100%; font-size: 15px; color: --color-tertiary-accent; padding: 15px; border-radius: 10px; border: none; font-family: sans-serif; line-height: 1.15; margin: 0; padding-right: 45px; } .theme-huntington header .dropdown-container .dropdown-content #search-solr-form input.icon-button { font-size: 15px; color: --color-tertiary-accent; border-radius: 10px; border-width: 0px; background-color: transparent; border: none; width: 30px; height: 30px; padding: 5px; position: relative; top: -19px; right: 15px; float: right; z-index: 100; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 960px) { .theme-huntington header .dropdown-container .dropdown-content #search-solr-form input.icon-button { top: 48%; position: absolute; } } @media (max-width: 768px) { .theme-huntington header .dropdown-container .dropdown-content #search-solr-form input.icon-button { top: 50%; } } .theme-huntington header .dropdown-container .dropdown-content #search-solr-form .btn-primary { background-color: transparent; background: url("../png/searchicon_green.png") center no-repeat transparent; background-size: 20px; min-width: 0; border: none; font-size: 15px; color: transparent; border-radius: 10px; border-width: 0px; background-color: transparent; border: none; width: 30px; height: 30px; padding: 5px; position: absolute; top: 50%; right: 15px; float: right; z-index: 100; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 960px) { .theme-huntington header .dropdown-container .dropdown-content #search-solr-form .btn-primary { top: 48%; } } @media (max-width: 768px) { .theme-huntington header .dropdown-container .dropdown-content #search-solr-form .btn-primary { top: 50%; } } .theme-huntington header .header__lines > span:before, .theme-huntington header .header__lines > span:after { content: ""; display: block; position: absolute; right: 0; height: 3px; width: 100%; border-radius: 1.5px; -webkit-transition: 0.5s; transition: 0.5s; } .theme-huntington header .header__lines > span:hover:before, .theme-huntington header .header__line s > span:hover:after { width: 100%; } .theme-huntington header .header__lines > span, .theme-huntington header .header__lines > span:before, .theme-huntington header .header__lines > span:after { background-color: var(--color-primary-accent); } .theme-huntington header .header__lines > span:before { top: 6px; } .theme-huntington header .header__lines > span:after { bottom: 6px; } .theme-huntington header .header__lines > span { display: block; position: relative; height: 3px; width: 2rem; padding: 0; background-color: #00837f; border: none; border-radius: 3px; -webkit-transition: 0.5s; transition: 0.5s; } @media (max-width: 960px) { .theme-huntington header .header__lines > span { width: 100%; } } .theme-huntington .c-hero { position: relative; } .theme-huntington .c-hero.c-hero--full-image { margin-bottom: 0; } .theme-huntington .c-hero.c-hero--full-image .c-hero__image { height: 22vw; background-position: 100% 35%; } @media (max-width: 768px) { .theme-huntington .c-hero.c-hero--full-image .c-hero__image { height: 37vw; background-position: 100% 35%; display: block; } } .theme-huntington .c-showcase-panel .wrapper .c-showcase-panel__title { font-size: 20px; font-weight: 300; line-height: 1.51364; margin-bottom: 20px; text-transform: uppercase; } @media (min-width: 50em) { .theme-huntington .c-showcase-panel .wrapper .c-showcase-panel__title { font-size: 64px; line-height: 1.4; margin-bottom: 80px; } } .theme-huntington .c-showcase-panel .wrapper .c-showcase-panel__title span { position: relative; } .theme-huntington .c-showcase-panel .wrapper .c-showcase-panel__title span::before, .theme-huntington .c-showcase-panel .wrapper .c-showcase-panel__title span::after { border-bottom: 6px solid var(--color-brand); content: ""; position: absolute; height: 0; top: 50%; width: 50vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .theme-huntington .c-showcase-panel .wrapper .c-showcase-panel__title span::before { margin-right: 15px; right: 100%; } .theme-huntington .c-showcase-panel .wrapper .c-showcase-panel__title span::after { left: 100%; margin-left: 15px; } .theme-huntington .c-showcase-panel .wrapper p { font-size: 15px; font-weight: 400; margin-bottom: 20px; } @media (min-width: 50em) { .theme-huntington .c-showcase-panel .wrapper p { font-size: 36px; padding-left: 80px; padding-right: 80px; } } .theme-huntington .c-showcase-panel .wrapper a { border-bottom: 2px solid transparent; } .theme-huntington .c-showcase-panel .wrapper a:hover { border-bottom: 2px solid #fff; } .theme-huntington .b-grid > .wrapper { padding: 53.33333px 0; } @media screen and (min-width: 960px) { .theme-huntington .b-grid > .wrapper { padding: 80px 0; } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper { margin: auto; grid-gap: 5px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card { border: none; background: none; position: relative; padding: 20px 0px; } @media (min-width: 768px) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card { padding: 0 30px; } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card h1, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card h2, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card h4, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card h4, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card h5, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card h6 { color: var(--color-brand); font-family: var(--font-heading); font-size: var(--h3-size-mobile); font-weight: 700; margin-bottom: 1.25rem; padding-bottom: 0; text-transform: uppercase; border-bottom: none; } @media (min-width: 768px) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card h1, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card h2, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card h4, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card h4, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card h5, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card h6 { font-size: var(--h2-size); } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card .c-card__img img { -o-object-fit: unset; object-fit: unset; height: unset; margin: auto; max-height: unset; width: 100%; max-width: 322px; margin-bottom: 30px; } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2 { padding: 0 20px 20px; margin-bottom: 20px; } @media (min-width: 50em) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2 { padding-left: 5rem; padding-right: 5rem; margin-bottom: 0; } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more:after, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2:after { content: ""; display: none; position: absolute; top: 0; right: -5px; bottom: 0; width: 6px; background-color: transparent; } @media (min-width: 28em) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more:after, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2:after { display: block; } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more:first-child, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2:first-child { padding-left: 1.875rem; padding-right: 1.875rem; padding-top: 20px; } @media (min-width: 50em) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more:first-child, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2:first-child { padding-left: 1.875rem; padding-right: 5rem; } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more:last-child, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2:last-child { padding-right: 1.875rem; padding-left: 1.875rem; } @media (min-width: 50em) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more:last-child, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2:last-child { padding-right: 1.875rem; padding-left: 5rem; } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more:last-child:after, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2:last-child:after { display: none; } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more a, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2 a { font-family: var(--font-heading); font-size: 16px; font-weight: 700; border: none; text-transform: uppercase; } @media (min-width: 50em) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more a, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2 a { font-size: var(--h5-size); } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more a:hover, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2 a:hover { border-bottom: 2px solid var(--color-primary-accent); } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more .c-card-learn-more__desc, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2 .c-card-learn-more__desc { color: var(--color-body-text); font-family: var(--font-body); font-size: 0.938rem; line-height: 28.7501px; margin-bottom: 1.5rem; } @media (min-width: 50em) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more .c-card-learn-more__desc, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2 .c-card-learn-more__desc { font-size: var(--font-size-base); line-height: 1.4; margin-bottom: 1.25rem; } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2 { padding: 0 20px 20px; margin-bottom: 20px; } @media (min-width: 768px) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2 { padding-left: 5rem; padding-right: 5rem; margin-bottom: 0; } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more:after, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2:after { content: ""; display: block; position: absolute; right: 0; top: auto; bottom: -0.9375rem; width: 100%; height: 0; border-bottom: 2px dotted --color-tertiary-accent; background-color: transparent; } @media (min-width: 768px) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more:after, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2:after { top: 0; right: -5px; bottom: 0; width: 6px; height: 100%; background-color: transparent; border-bottom: none; } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more:first-child, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2:first-child { padding-left: 1.875rem; padding-right: 1.875rem; padding-top: 20px; } @media (min-width: 768px) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more:first-child, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2:first-child { padding-left: 1.875rem; padding-right: 5rem; } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more:last-child, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2:last-child { padding-right: 1.875rem; padding-left: 1.875rem; } @media (min-width: 768px) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more:last-child, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2:last-child { padding-right: 1.875rem; padding-left: 5rem; } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more:last-child:after, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2:last-child:after { display: none; } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more a, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2 a { font-family: var(--font-heading); font-size: 16px; font-weight: 700; border: none; text-transform: uppercase; } @media (min-width: 50em) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more a, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2 a { font-size: var(--h5-size); } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more a:hover, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2 a:hover { border-bottom: 2px solid var(--color-primary-accent); } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more .c-card-learn-more__desc, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2 .c-card-learn-more__desc { color: var(--color-body-text); font-family: var(--font-body); font-size: 0.938rem; line-height: 3; margin-bottom: 1.5rem; } @media (min-width: 50em) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-card-learn-more .c-card-learn-more__desc, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card.c-cta-v2 .c-card-learn-more__desc { font-size: var(--font-size-base); line-height: 1.4; margin-bottom: 1.25rem; } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card .c-card__details { padding: 0; text-align: center; } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card .c-card__details .c-card__title { color: var(--color-brand); font-family: var(--font-heading); font-size: var(--font-size-base); font-weight: 700; margin-bottom: 1.25rem; text-transform: uppercase; } @media (min-width: 50em) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card .c-card__details .c-card__title { font-size: var(--h3-size); } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card .c-card__details p, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card .c-card__details .c-card__description { color: var(--color-body-text); font-family: var(--font-body); font-size: 0.938rem; line-height: 28.7501px; margin-bottom: 1.5rem; } @media (min-width: 50em) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card .c-card__details p, .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card .c-card__details .c-card__description { font-size: var(--font-size-base); line-height: 1.4; margin-bottom: 1.25rem; } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card .c-card__details .c-card__cta { font-family: var(--font-heading); font-size: 16px; font-weight: 700; border: none; } @media (min-width: 50em) { .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card .c-card__details .c-card__cta { font-size: var(--h5-size); } } .theme-huntington .b-grid > .wrapper .b-grid--wrapper .c-card .c-card__details .c-card__cta:hover { border-bottom: 2px solid var(--color-primary-accent); } .theme-huntington .c-footer { background-color: var(--color-brand); padding: 20px 0 30px; } .theme-huntington .c-footer .wrapper { border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-bottom: 20px; padding: 20px 20px 0; text-align: center; } @media (min-width: 960px) { .theme-huntington .c-footer .wrapper { max-width: none; padding-top: 50px; padding-bottom: 50px; margin-bottom: 30px; } } .theme-huntington .c-footer .wrapper nav { list-style: none; } @media (min-width: 960px) { .theme-huntington .c-footer .wrapper nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 1280px; padding: 45px 40px 0; margin: auto; } } .theme-huntington .c-footer .wrapper nav li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } @media (min-width: 960px) { .theme-huntington .c-footer .wrapper nav li { border-bottom: none; } } .theme-huntington .c-footer .wrapper nav li a { color: #fff; font-family: var(--font-heading); font-size: 12px; font-weight: 700; line-height: 1.91667; text-transform: uppercase; display: block; padding: 9px 0; margin: 0 25px; } @media (max-width: 960px) { .theme-huntington .c-footer .wrapper nav li a { padding: 15px 0; margin: 0; } } @media (min-width: 960px) { .theme-huntington .c-footer .wrapper nav li a { font-size: 15px; padding: 20px 10px; } } @media (min-width: 1200px) { .theme-huntington .c-footer .wrapper nav li a { font-size: 17px; padding: 9px 0; } } .theme-huntington .c-footer .wrapper nav li a:hover { border-bottom: 2px solid #fff; margin: 0 25px; padding: 9px 0 7px; } .theme-huntington .c-footer .wrapper nav li:first-child a { margin: 0 25px 0 0; } @media (max-width: 960px) { .theme-huntington .c-footer .wrapper nav li:first-child a { margin-right: 0; } } .theme-huntington .c-footer .footer__logo { min-height: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 960px) { .theme-huntington .c-footer .footer__logo { max-width: 1280px; padding: 0 40px; margin: auto; } } .theme-huntington .c-footer .footer__logo img { max-width: 142px; } @media (min-width: 960px) { .theme-huntington .c-footer .footer__logo img { max-width: 300px; } } .theme-huntington .c-footer .c-footer__social { display: none; } .theme-huntington .c-footer .c-footer__copyright { color: #fff; font-size: 12px; padding: 0 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; line-height: 0.7; } @media (min-width: 960px) { .theme-huntington .c-footer .c-footer__copyright { max-width: 1280px; padding: 0 40px; margin: auto; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .theme-huntington .c-footer .c-footer__copyright span { display: block; padding: 5px 20px; } @media (min-width: 960px) { .theme-huntington .c-footer .c-footer__copyright span { border-right: 1px solid #fff; padding: 0 20px; margin: 0; } .theme-huntington .c-footer .c-footer__copyright span:last-child { border-right: none; } } .theme-huntington .c-footer .c-footer__copyright a { color: #fff !important; border: 0; } .theme-huntington .c-footer .c-footer__copyright a:hover { text-decoration: underline !important; } .theme-huntington .b-grid { padding-top: 0; padding-bottom: 0; } .theme-huntington .b-grid.c-card-cta { background-color: #cce981; } .theme-huntington .b-grid .b-grid--wrapper { margin: auto; grid-gap: 5px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .theme-huntington .b-grid .b-grid--wrapper { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .theme-huntington .b-grid .b-grid--wrapper .c-card { border: none; background: none; padding: 0; position: relative; } .theme-huntington .b-grid .b-grid--wrapper .c-card h1, .theme-huntington .b-grid .b-grid--wrapper .c-card h2, .theme-huntington .b-grid .b-grid--wrapper .c-card h4, .theme-huntington .b-grid .b-grid--wrapper .c-card h4, .theme-huntington .b-grid .b-grid--wrapper .c-card h5, .theme-huntington .b-grid .b-grid--wrapper .c-card h6 { color: var(--color-brand); font-family: var(--font-heading); font-size: var(--h1-size-mobile); font-weight: 700; margin-bottom: 1.25rem; padding-bottom: 0; text-transform: uppercase; border-bottom: none; } @media (min-width: 768px) { .theme-huntington .b-grid .b-grid--wrapper .c-card h1, .theme-huntington .b-grid .b-grid--wrapper .c-card h2, .theme-huntington .b-grid .b-grid--wrapper .c-card h4, .theme-huntington .b-grid .b-grid--wrapper .c-card h4, .theme-huntington .b-grid .b-grid--wrapper .c-card h5, .theme-huntington .b-grid .b-grid--wrapper .c-card h6 { font-size: var(--h2-size); } } .theme-huntington .b-grid .b-grid--wrapper .c-card .c-card__img img { -o-object-fit: unset; object-fit: unset; height: unset; margin: auto; max-height: unset; width: 95%; } .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2 { padding: 0 20px 20px; margin-bottom: 20px; } @media (min-width: 50em) { .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2 { padding-left: 5rem; padding-right: 5rem; margin-bottom: 0; } } .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more:after, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2:after { content: ""; display: none; position: absolute; top: 0; right: -5px; bottom: 0; width: 0; background-color: transparent; border-right: 6px dotted var(--color-tertiary-accent); } @media (min-width: 28em) { .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more:after, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2:after { display: block; } } .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more:first-child, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2:first-child { padding-left: 1.875rem; padding-right: 1.875rem; padding-top: 20px; } @media (min-width: 50em) { .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more:first-child, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2:first-child { padding-left: 1.875rem; padding-right: 5rem; } } .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more:last-child, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2:last-child { padding-right: 1.875rem; padding-left: 1.875rem; } @media (min-width: 50em) { .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more:last-child, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2:last-child { padding-right: 1.875rem; padding-left: 5rem; } } .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more:last-child:after, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2:last-child:after { display: none; } .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more a, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2 a { font-family: var(--font-heading); font-size: 16px; font-weight: 700; border: none; text-transform: uppercase; } @media (min-width: 50em) { .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more a, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2 a { font-size: var(--h5-size); } } .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more a:hover, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2 a:hover { border-bottom: 2px solid var(--color-primary-accent); } .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more .c-card-learn-more__desc, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2 .c-card-learn-more__desc { color: var(--color-body-text); font-family: var(--font-body); font-size: 15px; line-height: 3; margin-bottom: 1.5rem; } @media (min-width: 50em) { .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more .c-card-learn-more__desc, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2 .c-card-learn-more__desc { font-size: var(--font-size-base); line-height: 1.4; margin-bottom: 1.25rem; } } .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2 { padding: 0 20px 20px; margin-bottom: 20px; } @media (min-width: 768px) { .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2 { padding-left: 5rem; padding-right: 5rem; margin-bottom: 0; } } .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more:after, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2:after { content: ""; display: block; position: absolute; right: 0; top: auto; bottom: -0.9375rem; width: 100%; height: 0; border-bottom: 2px dotted --color-tertiary-accent; background-color: transparent; } @media (min-width: 768px) { .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more:after, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2:after { top: 0; right: -5px; bottom: 0; width: 6px; height: 100%; border-right: 2px dotted --color-tertiary-accent; background-color: transparent; border-bottom: none; } } .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more:first-child, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2:first-child { padding-left: 1.875rem; padding-right: 1.875rem; padding-top: 20px; } @media (min-width: 768px) { .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more:first-child, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2:first-child { padding-left: 1.875rem; padding-right: 5rem; } } .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more:last-child, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2:last-child { padding-right: 1.875rem; padding-left: 1.875rem; } @media (min-width: 768px) { .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more:last-child, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2:last-child { padding-right: 1.875rem; padding-left: 5rem; } } .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more:last-child:after, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2:last-child:after { display: none; } .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more a, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2 a { font-family: var(--font-heading); font-size: 16px; font-weight: 700; border: none; text-transform: uppercase; } @media (min-width: 50em) { .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more a, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2 a { font-size: var(--h5-size); } } .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more a:hover, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2 a:hover { border-bottom: 2px solid var(--color-primary-accent); } .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more .c-card-learn-more__desc, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2 .c-card-learn-more__desc { color: var(--color-body-text); font-family: var(--font-body); font-size: 15px; line-height: 3; margin-bottom: 1.5rem; } @media (min-width: 50em) { .theme-huntington .b-grid .b-grid--wrapper .c-card.c-card-learn-more .c-card-learn-more__desc, .theme-huntington .b-grid .b-grid--wrapper .c-card.c-cta-v2 .c-card-learn-more__desc { font-size: var(--font-size-base); line-height: 1.4; margin-bottom: 1.25rem; } } .theme-huntington .b-grid .b-grid--wrapper .c-card .c-card__details { padding: 1.875rem 0 0; text-align: center; } .theme-huntington .b-grid .b-grid--wrapper .c-card .c-card__details .c-card__title { color: var(--color-brand); font-family: var(--font-heading); font-size: var(--h1-size-mobile); font-weight: 700; margin-bottom: 1.25rem; text-transform: uppercase; } @media (min-width: 50em) { .theme-huntington .b-grid .b-grid--wrapper .c-card .c-card__details .c-card__title { font-size: var(--h2-size); } } .theme-huntington .b-grid .b-grid--wrapper .c-card .c-card__details p, .theme-huntington .b-grid .b-grid--wrapper .c-card .c-card__details .c-card__description { color: var(--color-body-text); font-family: var(--font-body); font-size: 15px; line-height: 3; margin-bottom: 1.5rem; } @media (min-width: 50em) { .theme-huntington .b-grid .b-grid--wrapper .c-card .c-card__details p, .theme-huntington .b-grid .b-grid--wrapper .c-card .c-card__details .c-card__description { font-size: var(--font-size-base); line-height: 1.4; margin-bottom: 1.25rem; } } .theme-huntington .b-grid .b-grid--wrapper .c-card .c-card__details .c-card__cta { font-family: var(--font-heading); font-size: 16px; font-weight: 700; border: none; } @media (min-width: 50em) { .theme-huntington .b-grid .b-grid--wrapper .c-card .c-card__details .c-card__cta { font-size: var(--h5-size); } } .theme-huntington .b-grid .b-grid--wrapper .c-card .c-card__details .c-card__cta:hover { border-bottom: 2px solid var(--color-primary-accent); } .theme-foundation { --color-primary-accent: #49c0b6; } /*------------------------------------*\ #TABLE OF CONTENTS \*------------------------------------*/ /** * SETTINGS...............................Declarations of Sass variables & mixins * TOOLS..................................Mixins and functions * BASE...................................Default element styles * LAYOUT.................................Layout-specific styles * COMPONENTS.............................Component styles * UTILITIES..............................Utility classes */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ .ortho-lp { background-color: #f7f6f2; } @media (min-width: 768px) { .ortho-lp { background-color: #fff; } } .ortho-lp .wrapper { max-width: 1200px; padding-top: 66px; padding-bottom: 66px; } @media (min-width: 768px) { .ortho-lp .wrapper.no-padding-horizontal { padding-left: 0; padding-right: 0; } } .ortho-lp .theme-bg { background-color: #f7f6f2; } .ortho-lp .shadow { -webkit-box-shadow: 0px 4px 53.2px 9px rgba(0, 0, 0, 0.14); box-shadow: 0px 4px 53.2px 9px rgba(0, 0, 0, 0.14); z-index: 2; } .ortho-lp section { z-index: 1; position: relative; } .ortho-lp .centered { text-align: center; } .ortho-lp .fancy-underline { display: inline-block; } .ortho-lp .fancy-underline:after { content: ""; display: block; width: 100%; height: 12px; margin-top: 8px; background: url("../svg/title_underline.svg") no-repeat center; background-size: contain; } @media (min-width: 768px) { .ortho-lp .fancy-underline:after { margin-top: 12px; height: 14px; } } .ortho-lp .centered-desktop { text-align: left; } @media (min-width: 768px) { .ortho-lp .centered-desktop { text-align: center; } } .ortho-lp .slim { width: 100%; max-width: 786px; margin-left: auto; margin-right: auto; } .ortho-lp .section-intro { margin-bottom: 40px; } @media (min-width: 768px) { .ortho-lp .section-intro { margin-bottom: 50px; } } .ortho-lp .theme-btn { display: inline-block; background: #cc4b00; border-radius: 47px; color: #fff; text-decoration: none; padding: 20px; -webkit-transition: 0.5s; transition: 0.5s; font-size: 15px; line-height: 1; font-style: normal; font-weight: 500; border: 1px solid #cc4b00; text-align: center; } @media (min-width: 768px) { .ortho-lp .theme-btn { padding: 20px 34px; } } .ortho-lp .theme-btn:hover { background: #fff; color: #cc4b00; -webkit-transition: 0.5s; transition: 0.5s; text-decoration: none; } .ortho-lp h2 { color: #000; font-size: 28px; font-weight: 500; line-height: 36px; margin-bottom: 20px; } .ortho-lp__header { position: relative; background-image: url("../png/header-video-img.png"); background-size: cover; background-repeat: no-repeat; } .ortho-lp__header:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; display: none; pointer-events: none; } @media (min-width: 960px) { .ortho-lp__header:before { display: block; background-image: url("../png/header_image_desktop.png"); background-position: right bottom; background-repeat: no-repeat; background-size: auto 85%; } } @media (min-width: 1000px) { .ortho-lp__header:before { background-size: auto 87%; } } @media (min-width: 1150px) { .ortho-lp__header:before { background-size: auto 100%; } } .ortho-lp__header .ortho-lp__header-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .ortho-lp__header-top { border-top: 4px solid #fff; border-bottom: 1px solid #fff; padding: 15px 11px; } @media (min-width: 768px) { .ortho-lp__header-top { padding: 20px 0 13px; } } .ortho-lp__header-top .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 15px; padding: 0; } @media (min-width: 768px) { .ortho-lp__header-top .wrapper { gap: 40px; } } .ortho-lp__header-phone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .ortho-lp__header-phone svg { width: 30px; height: 30px; display: none; } @media (min-width: 768px) { .ortho-lp__header-phone svg { display: block; } } .ortho-lp__header-phone a { color: #fff; font-size: 14px; font-weight: 500; line-height: 1; } .ortho-lp__header-schedule { display: inline-block; background: #cc4b00; border-radius: 47px; color: #fff; text-decoration: none; padding: 20px; -webkit-transition: 0.5s; transition: 0.5s; font-size: 15px; line-height: 1; font-style: normal; font-weight: 500; border: 1px solid #cc4b00; text-align: center; } @media (min-width: 768px) { .ortho-lp__header-schedule { padding: 20px 34px; } } .ortho-lp__header-schedule:hover { background: #fff; color: #cc4b00; -webkit-transition: 0.5s; transition: 0.5s; text-decoration: none; } .ortho-lp__header-middle .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px 0 0; position: relative; } @media (min-width: 960px) { .ortho-lp__header-middle .wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0; } } .ortho-lp__header-middle .ortho-lp__header-img-mobile { display: block; max-width: 320px; } @media (min-width: 768px) { .ortho-lp__header-middle .ortho-lp__header-img-mobile { display: none; } } .ortho-lp__header-left { width: 100%; padding-top: 25px; padding-left: 36px; padding-right: 36px; padding-bottom: 15px; text-align: center; } @media (min-width: 960px) { .ortho-lp__header-left { width: 36vw; padding-left: 20px; padding-top: 115px; padding-bottom: 260px; } } .ortho-lp__header-left h1 { color: #fff; font-size: 26px; font-style: normal; font-weight: 500; line-height: 44px; display: none; text-align: left; } @media (min-width: 960px) { .ortho-lp__header-left h1 { display: block; } } .ortho-lp__header-logo { margin-left: auto; margin-right: auto; width: 100%; max-width: 475px; display: inline-block; } @media (min-width: 960px) { .ortho-lp__header-logo { margin-right: -20px; margin-left: auto; margin-bottom: 52px; max-width: 592px; } } .ortho-lp__header-logo svg { width: 100%; height: auto; } .ortho-lp__header-img { display: block; max-width: 475px; margin: 0 auto; } @media (min-width: 960px) { .ortho-lp__header-img { display: none; } } .ortho-lp__header-img img { display: block; } .ortho-lp__header-bottom { position: relative; } @media (min-width: 960px) { .ortho-lp__header-bottom { min-height: 334px; margin-top: -150px; } } .ortho-lp__header-bottom .wrapper { padding-top: 0; padding-bottom: 0; } @media (min-width: 960px) { .ortho-lp__header-bottom .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 120px; padding-left: 20px; } } .ortho-lp__header-bottom-left { font-size: 12px; padding: 30px 0 0; font-weight: 400; line-height: 30px; background-color: transparent; margin-bottom: 10px; position: relative; } @media (min-width: 960px) { .ortho-lp__header-bottom-left { background-color: #fff; font-size: 16px; padding: 60px 70px 60px 0; max-width: 776px; width: 100%; margin-bottom: 0; } } @media (min-width: 960px) { .ortho-lp__header-bottom-left:before { content: ""; width: 100vw; height: 100%; display: block; position: absolute; top: 0; right: 0; margin-left: calc(50% - 50vw); background: #fff; z-index: 0; } } .ortho-lp__header-bottom-left h1, .ortho-lp__header-bottom-left p { z-index: 1; position: relative; } .ortho-lp__header-bottom-left h1 { color: #000; font-size: 28px; font-weight: 500; line-height: 36px; margin-bottom: 20px; } @media (min-width: 960px) { .ortho-lp__header-bottom-left h1 { display: none; } } .ortho-lp__header-bottom-left p { font-size: 16px; } .ortho-lp__header-bottom-right { margin-left: 4px; margin-right: 4px; margin-bottom: 50px; padding: 18px 36px 14px; background-color: #fff; -webkit-box-shadow: 0px 4px 53.2px 9px rgba(0, 0, 0, 0.14); box-shadow: 0px 4px 53.2px 9px rgba(0, 0, 0, 0.14); } @media (min-width: 500px) { .ortho-lp__header-bottom-right { max-width: 500px; margin-left: auto; margin-right: auto; } } @media (min-width: 960px) { .ortho-lp__header-bottom-right { max-width: 327px; padding: 24px 25px 17px; margin: 0; } } .ortho-lp__header-bottom-right img { width: 100%; height: auto; display: block; } .ortho-lp__icon-cards-grid { padding: 0 20px; text-align: center; display: block; margin-bottom: 50px; } @media (min-width: 768px) { .ortho-lp__icon-cards-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 66px; -moz-column-gap: 66px; column-gap: 66px; row-gap: 30px; padding: 0; } } .ortho-lp__icon-cards-grid .ortho-lp__icon-card { margin-bottom: 30px; } @media (min-width: 768px) { .ortho-lp__icon-cards-grid .ortho-lp__icon-card { width: calc(33.333% - 44px); margin-bottom: 0; } } .ortho-lp__icon-cards-grid .ortho-lp__icon-card-icon { display: block; margin: 0 auto; width: 100%; max-width: 120px; } .ortho-lp__icon-cards-grid .ortho-lp__icon-card a { color: #cc4b00; text-decoration: underline; } .ortho-lp__icon-cards-grid .ortho-lp__icon-card a:hover { color: #4c56e3; } .ortho-lp__icon-cards-grid .ortho-lp__icon-card h3 { font-size: 22px; font-weight: 500; line-height: 31px; } .ortho-lp__icon-cards-grid .ortho-lp__icon-card p { font-size: 16px; font-weight: 400; line-height: 22px; } @media (min-width: 768px) { .ortho-lp__icon-cards-grid .ortho-lp__icon-card p { font-size: 16px; line-height: 30px; } } @media (min-width: 768px) { .ortho-lp__line-cards-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; } } .ortho-lp__line-cards-grid .ortho-lp__line-card { position: relative; padding-bottom: 47px; padding-left: 22px; } @media (min-width: 768px) { .ortho-lp__line-cards-grid .ortho-lp__line-card { padding: 33px 36px 0; width: 20%; } } .ortho-lp__line-cards-grid .ortho-lp__line-card:before { content: ""; display: block; width: 10px; height: 10px; background-color: #000; border-radius: 50%; z-index: 2; position: absolute; left: 0; top: 10px; } @media (min-width: 768px) { .ortho-lp__line-cards-grid .ortho-lp__line-card:before { left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .ortho-lp__line-cards-grid .ortho-lp__line-card:after { content: ""; display: block; width: 1px; height: calc(100% - 10px); background-color: #e9e9e9; position: absolute; top: 20px; left: 4.5px; z-index: 1; } @media (min-width: 768px) { .ortho-lp__line-cards-grid .ortho-lp__line-card:after { left: 0; top: 4.5px; width: 100%; height: 1px; } } @media (min-width: 768px) { .ortho-lp__line-cards-grid .ortho-lp__line-card:first-child:after { width: 50%; left: auto; right: 0; } } .ortho-lp__line-cards-grid .ortho-lp__line-card:last-child { padding-bottom: 0; } .ortho-lp__line-cards-grid .ortho-lp__line-card:last-child:after { display: none; } @media (min-width: 768px) { .ortho-lp__line-cards-grid .ortho-lp__line-card:last-child:after { display: block; width: 50%; } } .ortho-lp__line-cards-grid .ortho-lp__line-card h3 { color: #000; font-size: 18px; font-weight: 500; line-height: 28px; margin: 0; } @media (min-width: 768px) { .ortho-lp__line-cards-grid .ortho-lp__line-card h3 { text-align: center; } } .ortho-lp__inline-btns.centered { text-align: left; } @media (min-width: 768px) { .ortho-lp__inline-btns.centered { text-align: center; } } .ortho-lp__inline-btns.centered .wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (min-width: 768px) { .ortho-lp__inline-btns.centered .wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .ortho-lp__inline-btns .wrapper { gap: 20px; padding-top: 0; padding-bottom: 0; } @media (min-width: 768px) { .ortho-lp__inline-btns .wrapper { gap: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .ortho-lp__inline-btns .theme-btn { margin-bottom: 30px; } @media (min-width: 768px) { .ortho-lp__inline-btns .theme-btn { margin-bottom: 70px; } } .ortho-lp__location-cards-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 60px; } @media (min-width: 768px) { .ortho-lp__location-cards-grid { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 20px; } } @media (min-width: 768px) { .ortho-lp__location-cards-grid .ortho-lp__location-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .ortho-lp__location-cards-grid .ortho-lp__location-card h3 { font-size: 16px; font-weight: 700; line-height: 22px; color: #000; } .ortho-lp__location-cards-grid .ortho-lp__location-card address { font-size: 14px; font-weight: 500; line-height: 22px; margin-bottom: 20px; } .ortho-lp__location-cards-grid .ortho-lp__location-card a { color: #cc4b00; font-size: 16px; font-weight: 700; line-height: 28px; text-decoration: underline; } @media (min-width: 768px) { .ortho-lp__location-cards-grid .ortho-lp__location-card a { margin-top: auto; } } .ortho-lp__card-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 50px; } @media (min-width: 768px) { .ortho-lp__card-grid { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 33px; margin: 0 20px; } } @media (min-width: 768px) { .ortho-lp__card-grid .ortho-lp__card { width: 33.333%; } } .ortho-lp__card-grid .ortho-lp__card h3 { color: #000; font-size: 20px; font-weight: 500; line-height: 31px; } @media (min-width: 768px) { .ortho-lp__card-grid .ortho-lp__card h3 { font-size: 22px; } } .ortho-lp__card-grid .ortho-lp__card p { font-size: 16px; font-weight: 400; line-height: 22px; } @media (min-width: 768px) { .ortho-lp__card-grid .ortho-lp__card p { font-size: 16px; line-height: 30px; } } .ortho-lp__highlight { background-image: url(../png/ortho_highlight_gradient.png); background-repeat: no-repeat; background-size: 100% 100%; } @media (min-width: 768px) { .ortho-lp__highlight { background-size: 70% 100%; } } .ortho-lp__highlight .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } @media (min-width: 768px) { .ortho-lp__highlight .wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 80px; } } @media (min-width: 768px) { .ortho-lp__highlight .ortho-lp__highlight-left { width: 50%; padding-left: 20px; } } .ortho-lp__highlight .ortho-lp__highlight-left h2 { color: #fff; font-size: 22px; font-weight: 500; line-height: 31px; display: none; } @media (min-width: 768px) { .ortho-lp__highlight .ortho-lp__highlight-left h2 { display: block; } } .ortho-lp__highlight .ortho-lp__highlight-left p { color: #fff; font-size: 16px; font-weight: 400; line-height: 22px; } @media (min-width: 768px) { .ortho-lp__highlight .ortho-lp__highlight-left p { font-size: 16px; line-height: 30px; } } .ortho-lp__highlight .ortho-lp__highlight-right { margin-left: -20px; margin-right: -20px; } @media (min-width: 768px) { .ortho-lp__highlight .ortho-lp__highlight-right { width: 50%; padding-right: 20px; margin-left: 0; margin-right: 0; } } .ortho-lp__highlight .ortho-lp__highlight-right h2 { color: #fff; font-size: 22px; font-weight: 500; line-height: 31px; margin-bottom: 30px; padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { .ortho-lp__highlight .ortho-lp__highlight-right h2 { display: none; } } .ortho-lp__logos { background-color: #fff; } .ortho-lp__logos .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 44px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1000px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .ortho-lp__logos .wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-items: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .ortho-lp__logos .wrapper .ortho-lp__logos-item { width: 100%; height: auto; text-align: center; } @media (min-width: 225px) { .ortho-lp__logos .wrapper .ortho-lp__logos-item { width: calc(50% - 44px); } } @media (min-width: 375px) { .ortho-lp__logos .wrapper .ortho-lp__logos-item { width: calc(33.333% - 44px); } } @media (min-width: 768px) { .ortho-lp__logos .wrapper .ortho-lp__logos-item { width: calc(16.666% - 44px); max-width: 100%; max-height: 109px; } } .ortho-lp__logos .wrapper .ortho-lp__logos-item img { height: 100%; width: auto; -o-object-fit: contain; object-fit: contain; max-width: none; max-height: 65px; } @media (min-width: 768px) { .ortho-lp__logos .wrapper .ortho-lp__logos-item img { height: 100%; width: auto; -o-object-fit: cover; object-fit: cover; max-width: none; max-height: 109px; } } .ortho-lp__footer { text-align: center; background-color: #f7f6f2; } @media (min-width: 768px) { .ortho-lp__footer { text-align: left; } } .ortho-lp__footer .wrapper { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 768px) { .ortho-lp__footer .wrapper { padding-top: 33px; padding-bottom: 40px; } } .ortho-lp__footer .ortho-lp__footer-top { padding: 0 0 20px; border-bottom: 2px solid #ddd; } @media (min-width: 768px) { .ortho-lp__footer .ortho-lp__footer-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 768px) { .ortho-lp__footer .ortho-lp__footer-top .ortho-lp__footer-top-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; gap: 40px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .ortho-lp__footer .theme-btn { margin-bottom: 25px; } .ortho-lp__footer .ortho-lp__footer-phone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 16px; } .ortho-lp__footer .ortho-lp__footer-phone svg { width: 30px; height: 30px; } .ortho-lp__footer .ortho-lp__footer-phone a { color: #000; font-size: 14px; font-weight: 500; line-height: 1; } .ortho-lp__footer .ortho-lp__footer-logo { width: 100%; max-width: 275px; height: auto; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .ortho-lp__footer .ortho-lp__footer-logo { margin-left: 0; max-width: 346px; } } .ortho-lp__footer .ortho-lp__footer-bottom { padding: 20px 0 0; } @media (min-width: 768px) { .ortho-lp__footer .ortho-lp__footer-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } } .ortho-lp__footer .ortho-lp__footer-bottom .ortho-lp__footer-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; margin-bottom: 24px; } .ortho-lp__footer .ortho-lp__footer-bottom .ortho-lp__footer-social svg { width: 18px; height: 18px; } .ortho-lp__footer .ortho-lp__footer-bottom .ortho-lp__footer-legal { color: #000; font-size: 10px; font-weight: 500; line-height: 16px; } @media (min-width: 768px) { .ortho-lp__footer .ortho-lp__footer-bottom .ortho-lp__footer-legal { width: 100%; max-width: 900px; } } .ortho-lp__footer .ortho-lp__footer-bottom .ortho-lp__footer-legal a { color: #000; text-decoration: underline; } .ortho-lp__footer .ortho-lp__footer-bottom .ortho-lp__footer-legal a:hover { color: #01890c; } .ortho-lp__footer .ortho-lp__footer-bottom .ortho-lp__footer-legal .ortho-lp__footer-legal-small { font-size: 8px; font-weight: 400; line-height: 12px; margin-bottom: 0; } @media (min-width: 768px) { .ortho-lp__footer .ortho-lp__footer-bottom .ortho-lp__footer-legal .ortho-lp__footer-legal-small { font-size: 9px; } } /*------------------------------------*\ #TOOLS \*------------------------------------*/ /*------------------------------------*\ #THEME VARIABLES \*------------------------------------*/ .theme-connect { /* Colors */ --color-primary-accent: #8ec54a; --color-secondary-accent: #00a79d; --color-body-text: #495057; --color-text-link: #01890c; --color-text-link-hover: #00847c; --color-btn-primary: var(--color-text-link-hover); /* Typography */ --font-heading: "Montserrat", serif; --font-body: "Montserrat", serif; /* Font Sizes */ --font-size-base: 16px; --font-size-xl: 22px; --font-size-lg: 20px; --font-size-md: 18px; --font-size-sm: 14px; --font-size-xs: 12px; /* Headings - Mobile */ --h1-size-mobile: 38px; --h2-size-mobile: 32px; --h3-size-mobile: 28px; --h4-size-mobile: 24px; --h5-size-mobile: 18px; --h6-size-mobile: 18px; /* Headings - Desktop */ --h1-size: 48px; --h2-size: 39px; --h3-size: 31px; --h4-size: 25px; --h5-size: 22px; --h6-size: 18px; -webkit-font-smoothing: antialiased; /*------------------------------------*\ #TYPOGRAPHY STYLES \*------------------------------------*/ } .theme-connect h1, .theme-connect h2, .theme-connect h3, .theme-connect h4, .theme-connect h5, .theme-connect h6, .theme-connect .display-h1, .theme-connect .display-h2, .theme-connect .display-h3, .theme-connect .display-h4, .theme-connect .display-h5, .theme-connect .display-h6 { font-family: var(--font-body); margin-bottom: 24px; } .theme-connect h1.green-bar-under, .theme-connect h1.orange-bar-under, .theme-connect h2.green-bar-under, .theme-connect h2.orange-bar-under, .theme-connect h3.green-bar-under, .theme-connect h3.orange-bar-under, .theme-connect h4.green-bar-under, .theme-connect h4.orange-bar-under, .theme-connect h5.green-bar-under, .theme-connect h5.orange-bar-under, .theme-connect h6.green-bar-under, .theme-connect h6.orange-bar-under, .theme-connect .display-h1.green-bar-under, .theme-connect .display-h1.orange-bar-under, .theme-connect .display-h2.green-bar-under, .theme-connect .display-h2.orange-bar-under, .theme-connect .display-h3.green-bar-under, .theme-connect .display-h3.orange-bar-under, .theme-connect .display-h4.green-bar-under, .theme-connect .display-h4.orange-bar-under, .theme-connect .display-h5.green-bar-under, .theme-connect .display-h5.orange-bar-under, .theme-connect .display-h6.green-bar-under, .theme-connect .display-h6.orange-bar-under { margin-bottom: 1.75rem; } .theme-connect h1.green-bar-under:after, .theme-connect h1.orange-bar-under:after, .theme-connect h2.green-bar-under:after, .theme-connect h2.orange-bar-under:after, .theme-connect h3.green-bar-under:after, .theme-connect h3.orange-bar-under:after, .theme-connect h4.green-bar-under:after, .theme-connect h4.orange-bar-under:after, .theme-connect h5.green-bar-under:after, .theme-connect h5.orange-bar-under:after, .theme-connect h6.green-bar-under:after, .theme-connect h6.orange-bar-under:after, .theme-connect .display-h1.green-bar-under:after, .theme-connect .display-h1.orange-bar-under:after, .theme-connect .display-h2.green-bar-under:after, .theme-connect .display-h2.orange-bar-under:after, .theme-connect .display-h3.green-bar-under:after, .theme-connect .display-h3.orange-bar-under:after, .theme-connect .display-h4.green-bar-under:after, .theme-connect .display-h4.orange-bar-under:after, .theme-connect .display-h5.green-bar-under:after, .theme-connect .display-h5.orange-bar-under:after, .theme-connect .display-h6.green-bar-under:after, .theme-connect .display-h6.orange-bar-under:after { background: var(--color-secondary-accent); content: ""; display: block; height: 5px; margin-top: 16px; width: 104px; } .theme-connect h1, .theme-connect .display-h1 { font-weight: 600; color: var(--color-text-link-hover); } .theme-connect h2, .theme-connect h3, .theme-connect h4, .theme-connect h5, .theme-connect h6, .theme-connect .display-h2, .theme-connect .display-h3, .theme-connect .display-h4, .theme-connect .display-h5, .theme-connect .display-h6 { font-weight: 500; color: #014a07; } .theme-connect p, .theme-connect body { color: var(--color-body-text); font-family: var(--font-body); font-size: var(--font-size-base); line-height: 26px; } .theme-connect p a, .theme-connect body a { color: var(--color-text-link); border-bottom: none; text-decoration: none; } .theme-connect p a:hover, .theme-connect body a:hover { border-bottom: 2px solid var(--color-text-link); } .theme-connect .l-page-content ul, .theme-connect .l-page-content ol { color: var(--color-body-text); font-family: var(--font-body); font-size: var(--font-size-base); } .theme-connect { /* Responsive Headings */ } .theme-connect h1, .theme-connect .display-h1 { font-family: var(--font-heading); font-size: var(--h1-size-mobile); line-height: 50px; } .theme-connect .l-page-content h1:after, .theme-connect .l-page-content .display-h1:after { background-color: var(--color-secondary-accent); } .theme-connect h2, .theme-connect .display-h2 { font-size: var(--h2-size-mobile); } .theme-connect .l-page-content h2:after, .theme-connect .l-page-content .display-h2:after { background-color: var(--color-secondary-accent); } .theme-connect h3, .theme-connect .display-h3 { font-size: var(--h3-size-mobile); } .theme-connect h4, .theme-connect .display-h4 { font-size: var(--h4-size-mobile); } .theme-connect h5, .theme-connect .display-h5 { font-size: var(--h5-size-mobile); } .theme-connect h6, .theme-connect .display-h6 { font-size: var(--h6-size-mobile); } .theme-connect .orange-bar-under::after { display: none; } .theme-connect hr, .theme-connect hr.secondary { background-color: var(--color-primary-accent); } .theme-connect { /* Global text selection styles */ } .theme-connect ::-moz-selection { background-color: var(--color-primary-accent); color: #fff; } .theme-connect ::selection { background-color: var(--color-primary-accent); color: #fff; } @media (min-width: 768px) { .theme-connect h1, .theme-connect .display-h1 { font-size: var(--h1-size); } .theme-connect h2, .theme-connect .display-h2 { font-size: var(--h2-size); } .theme-connect h3, .theme-connect .display-h3 { font-size: var(--h3-size); } .theme-connect h4, .theme-connect .display-h4 { font-size: var(--h4-size); } .theme-connect h5, .theme-connect .display-h5 { font-size: var(--h5-size); } .theme-connect h6, .theme-connect .display-h6 { font-size: var(--h6-size); } } .theme-connect input[type=button], .theme-connect input[type=button].primary, .theme-connect input[type=button].secondary, .theme-connect .btn-primary, .theme-connect .btn-secondary, .theme-connect button { background: var(--color-btn-primary); border: 1px solid var(--color-btn-primary); color: #fff; } .theme-connect input[type=button]:hover, .theme-connect input[type=button].primary:hover, .theme-connect input[type=button].secondary:hover, .theme-connect .btn-primary:hover, .theme-connect .btn-secondary:hover, .theme-connect button:hover { background: #fff; color: var(--color-btn-primary); } @media (min-width: 50em) { .theme-connect header { padding-top: 4px; } } .theme-connect header .c-navbar-toggler-icon:after { margin-left: auto; margin-right: auto; } .theme-connect header .b-navbar .b-utility-nav .wrapper { max-width: 100%; } @media (min-width: 100em) { .theme-connect header .b-navbar .b-utility-nav .wrapper { max-width: 100%; } } @media (min-width: 50em) { .theme-connect header .b-navbar .b-utility-nav .b-main-nav__subitem-list-links li { position: relative; } } @media (min-width: 50em) { .theme-connect header .b-navbar .b-utility-nav .b-main-nav__subitem-list-links li:first-child:before, .theme-connect header .b-navbar .b-utility-nav .b-main-nav__subitem-list-links li:last-child:before { display: none; } } @media (min-width: 50em) { .theme-connect header .b-navbar .b-utility-nav .b-main-nav__subitem-list-links li:last-child a { color: #fff; font-size: var(--font-size-base); font-weight: 700; background-color: var(--color-text-link-hover); } } @media (min-width: 50em) { .theme-connect header .b-navbar .b-utility-nav .b-main-nav__subitem-list-links li:last-child a:hover { color: var(--color-text-link-hover); background-color: transparent; text-decoration: none; } } @media (min-width: 50em) { .theme-connect header .b-navbar .b-utility-nav .b-main-nav__subitem-list-links li:before { content: ""; position: absolute; width: 1px; height: 25px; background: #c8cdd0; top: 50%; left: -8px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .theme-connect header .b-navbar .b-utility-nav .b-main-nav__subitem-list-links li a { color: #014a07; } .theme-connect header .b-navbar .b-utility-nav .b-main-nav__subitem-list-links li a:hover { text-decoration: underline; } @media (min-width: 50em) { .theme-connect .b-grid.b-grid-col-3.centered .b-grid--wrapper { grid-template-columns: repeat(6, 1fr); } } .theme-connect .b-grid.b-grid-col-3.centered .b-grid--wrapper .c-card { grid-column: span 2; } .theme-connect .b-grid.b-grid-col-3.centered .b-grid--wrapper .c-card:last-child:nth-child(3n-1) { grid-column-end: -2; } .theme-connect .b-grid.b-grid-col-3.centered .b-grid--wrapper .c-card:nth-last-child(2):nth-child(3n+1) { grid-column-end: 4; } .theme-connect .b-grid.b-grid-col-3.centered .b-grid--wrapper { /* Dealing with single orphan */ } .theme-connect .b-grid.b-grid-col-3.centered .b-grid--wrapper .c-card:last-child:nth-child(3n-2) { grid-column-end: 5; } .theme-connect .c-footer:before { content: ""; display: block; height: 20px; width: 100%; background: -webkit-gradient(linear, right top, left top, from(#00a79d), to(#8dc63f)); background: linear-gradient(270deg, #00a79d 0%, #8dc63f 100%); } .theme-connect .c-footer .c-footer a, .theme-connect .c-footer .c-footer .link-button, .theme-connect .c-footer .c-accordion__button, .theme-connect .c-footer .c-footer__copyright a { color: #01890c; } @media (min-width: 50em) { .theme-connect .c-footer__main-menu.l-accordion-group.b-view-on-desktop { grid-template-columns: repeat(5, 1fr); } } .theme-connect .c-footer p a:hover:hover, .theme-connect .c-footer .theme-connect body a:hover, .theme-connect .c-footer .c-footer__copyright a:not(.btn-primary):not(.btn-secondary):hover { border-bottom: none; }