/** * Fuel Theme * Version 6.0.6 **/ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # WordPress / Gutenberg # Content Header # Content # Sidebar # Secondary Pages ## About Us Page ## Single Location Pages ## Single Bio Pages ## Overview pages ## Culture & Careers page ### Single Career page ## Meet Our team page ## Request Appointment Page ## Manufacturer Pages ## Blog ## Pagination --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Custom Properties --------------------------------------------------------------*/ body { /** * Note: WordPress declares its variables in the body, so do the same to avoid scope issues. */ --secondary-h1: clamp(1.6rem, 3.7vw, 2rem); --secondary-h2: clamp(1.2rem, 3vw, 1.6rem); --secondary-h3: clamp(1rem, 2.2vw, 1.2rem); } /*-------------------------------------------------------------- # WordPress / Gutenberg --------------------------------------------------------------*/ /* WordPress file block */ .wp-block-file {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin: var(--block-spacing) auto;border-bottom: 1px solid var(--accent-color);padding: 0.75rem 0;font-size: 0.9em;} .wp-block-file + .wp-block-file {margin: calc(0em - var(--block-spacing)) auto var(--block-spacing);} .wp-block-file a {padding: 0.5rem 0.75rem;font-size: 0.8rem;} .wp-block-file a:is(:hover, :focus-visible) { text-decoration: underline; } .wp-block-file .wp-block-file__button {min-width: 6rem;font-size: 0.8rem;font-family: var(--content-font);margin: 0;outline-offset: -0.2rem;padding: 0.5rem 0.75rem;display: flex;align-items: center;word-break: normal;justify-content: center;} .wp-block-file .wp-block-file__button:is(:hover, :focus-visible) { text-decoration: none; } @media (max-width: 37.5em) { .wp-block-file {justify-content: center;} .wp-block-file a { text-align: center; } .wp-block-file a:first-child {width: 100%;} } @media (min-width: 37.56em) { .wp-block-file {flex-wrap: nowrap;/* align-items: center; */} } /*-------------------------------------------------------------- # Content Header --------------------------------------------------------------*/ .main-header {min-height: 14.8rem;background: var(--soft-grad-right);display: flex;flex-wrap: wrap;justify-content: center;align-content: center;} .main-header::after {content: '';position: absolute;inset: 0;/* background: rgba(0,0,0,0.5); */} #main-title, .main-title {color: var(--primary-color);position: relative;z-index: 1;text-align: center;font-size: var(--secondary-h1);margin: 0;} #main-title:after, .main-title:after {content: '';height: 1px;width: 6.4rem;max-width: 100%;background: var(--primary-color);position: absolute;right: 0;bottom: -1rem;left: 0;margin: auto;} body:not(.post-template-default.single-post) header.main-header .wp-block-post-date { display: none; } .wp-block-post-date {color: var(--primary-color);font-size: 0.8rem;z-index: 1;position: absolute;right: 0;bottom: 0.2rem;left: 0;margin: auto;text-align: center;} .author-block { padding-left: var(--contain-padding); padding-right: var(--contain-padding); } .author-type { color: var(--content-color); } @media (min-width: 68.5em) { .main-header {min-height: 13.5rem;justify-content: flex-start;} #main-title, .main-title { text-align: left; } #main-title:after, .main-title:after {right: auto;} .wp-block-post-date { text-align: left; bottom: 0.35rem; left: var(--contain-padding); } } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .entry-wrapper { padding-top: 2rem; padding-bottom: 2rem; gap: 2rem 3rem; } .entry-content h2 {font-size: var(--secondary-h2);margin-bottom: 3.4rem;position: relative;color: var(--content-color);text-align: center;} .entry-content h2:after {content: '';height: 1px;width: 3rem;background: var(--content-color);position: absolute;right: 0;bottom: -1.5rem;left: 0;margin: auto;} .entry-content h3 {color: var(--content-color);font-size: var(--secondary-h3);text-align: center;} /* @see https://hover.fuel.team/ */ .entry-content a:not( .wp-block-button__link, .bio-box, .content-cta a, .phone-cta, .wp-block-post-excerpt__more-link, .wp-block-post-title a, .wp-block-file a, .location-template-default .icon-item, #fmMap a, .location-list-detailed a, .page-numbers, .career-box) {text-decoration: underline;background: linear-gradient(0deg, var(--primary-color), var(--primary-color)) no-repeat right bottom 0.2em / 100% 0;transition: background-size 350ms, color 350ms;color: var(--color-2);padding: 0 0.1rem 0.3rem;} .entry-content a:not( .wp-block-button__link, .bio-box, .content-cta a, .phone-cta, .wp-block-post-excerpt__more-link, .wp-block-post-title a, .wp-block-file a, .location-template-default .icon-item, #fmMap a, .location-list-detailed a, .career-box):is(:hover, :focus-visible) {color: #fff;text-decoration: var(--primary-color);background-size: 100% 100%;} .entry-content .wp-block-image img { outline-color: var(--white); outline-width: 2px; outline-style: solid; outline-offset: -1rem; } @media (max-width: 60em) { .wp-block-columns.entry-wrapper { flex-wrap: wrap !important; } .wp-block-columns.entry-wrapper .wp-block-column { flex-basis: 100% !important; } } @media (min-width: 68.5em) { .entry-content h2, .entry-content h3 { text-align: left; } .entry-content h2:after { width: 6.4rem; right: auto; } } /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ .entry-wrapper:has(#sidebar) { min-height: 36rem; } #sidebar { --sidebar-wall-pad: clamp(0.7rem, 3vw, 1.6rem); } .wp-block-template-part:has(#sidebar), #sidebar {height: 100%;} #sidebar ul {list-style: none;padding-left: var(--sidebar-wall-pad);padding-right: var(--sidebar-wall-pad);text-align: center;} .category-sidebar {padding-bottom: 1.5rem;margin: 0 auto 1.5rem;max-width: 21.8rem;} .category-sidebar li:not(:first-child) { margin-top: 0.2rem; } .category-sidebar a:is(:hover, :focus-visible) {text-decoration: underline;} #sidebar .gform_wrapper {position: sticky;top: 4rem;padding-bottom: 1.5rem;} #sidebar .gform_description { font-size: 0.8rem; } /* Sidebar Contact Form */ #sidebar .gform_wrapper, .category-sidebar { box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.25); } #sidebar .gform_title, .category-sidebar .wp-block-heading {background: var(--primary-color);text-align: center;color: var(--white);margin: 0;padding: 1.2rem 1.6rem 2rem;position: relative;} #sidebar .gform_title:after, .category-sidebar .wp-block-heading:after {content: '';height: 1px;width: 5.9rem;background: var(--white);position: absolute;right: 0;bottom: 1rem;left: 0;margin: auto;} #sidebar .full-width-form-content { display: none; } #sidebar *:is(.gform_description, .gform-body) { padding-left: var(--sidebar-wall-pad); padding-right: var(--sidebar-wall-pad); } /*-------------------------------------------------------------- # Secondary Pages --------------------------------------------------------------*/ .content-cta {background: var(--primary-color);color: var(--white);padding: 2.7rem 1rem 3.4rem;margin-top: 2.5rem;text-align: center;outline-color: var(--white);outline-width: 1px;outline-style: solid;outline-offset: -1rem;max-width: 36.5rem;} .content-cta p {max-width: 21.4rem;margin: 0 auto 0.75rem;} .content-cta .phone {font-size: clamp(1.2rem, 3.7vw, 2rem);text-decoration: none;background: none;text-underline-offset: 0.5rem;color: #fff;font-family: var(--title-font);} .content-cta .phone:is(:hover, :focus-visible) { text-decoration: underline; } /*-------------------------------------------------------------- ## About Us Page --------------------------------------------------------------*/ .entry-wrapper:has(.about-us-text-block) { padding-top: 0; } .about-us-log-img.wp-block-image img { outline: none; } .about-us-text-block {background: var(--primary-color);margin: 0;padding: 3rem var(--contain-padding);color: var(--white);position: relative;line-height: 1.7;} .about-us-text-block:before {content: '';height: 2px;background: var(--white);position: absolute;top: 1.6rem;right: var(--contain-padding);left: var(--contain-padding);margin: auto;} .about-us-text-block:after {content: '';height: 2px;background: var(--white);position: absolute;right: var(--contain-padding);bottom: 2rem;left: var(--contain-padding);margin: auto;} .about-us-text-block p {margin: 0 0 1rem;} .about-us-meet-link {text-decoration: transparent !important;padding: 0 !important;display: block;color: var(--white) !important;} .about-us-meet-link:is(:hover, :focus-visible) { color: var(--color-2) !important; background: 0% !important; } .about-us-meet-link svg, .about-us-meet-link svg path {transition: 500ms ease;} .about-us-meet-link:is(:hover, :focus-visible) svg {transform: translateX(0.5rem);} .about-us-office-img { margin: 0; } .about-us-office-img.wp-block-image img { outline: none; } .wp-site-blocks:has(.about-us-container) #contact_section { padding-top: 1rem; } @media (min-width: 58.5em) { .about-us-container {min-height: 70rem;} .about-us-text-block {width: 52vw;max-width: 33rem;background: var(--primary-85-opacity);margin: 0;padding: 4.8rem 5.4rem 2.5rem 1.8rem;position: absolute;top: 13.5rem;bottom: auto;left: 4%;max-height: fit-content;} .about-us-text-block:before { top: 2.5rem; right: 5rem; left: 1.8rem; } .about-us-text-block:after { right: 5rem; bottom: 2.5rem; left: 1.8rem; } .about-us-meet-link p { margin: 0 0 2rem; } .about-us-office-img {position: absolute;top: 20rem;right: 2.2rem;} } @media (min-width: 68.5em) { .about-us-text-block { left: 4rem; } } @media (min-width: 82.5em) { .about-us-container {min-height: 54.7rem;} .about-us-office-img { top: 25.9rem; } } @media (min-width: 100em) { .about-us-meet-link p {margin: 2rem 0;} } /*-------------------------------------------------------------- ## Single Location pages --------------------------------------------------------------*/ .page-id-28 .entry-content .location-list-detailed {padding-top: clamp(1rem,7.3vw,4rem);} .indiv-loc-pg .icon-item {padding-left: 2rem;} .indiv-loc-pg a.icon-item {display: block;text-decoration: underline;text-underline-offset: 0.1rem;color: var(--primary-color);padding-right: 0.2rem;text-decoration-color: var(--primary-color);background: transparent;transition: background-color 350ms, color 350ms;} .indiv-loc-pg a.icon-item:is(:hover, :focus-visible) { color: #fff; background: var(--primary-color); } .indiv-loc-pg a.icon-item:is(:hover, :focus-visible) svg path { fill: var(--white); } .indiv-loc-pg .icon-item svg {top: 0.3rem;left: 0.35rem;} .indiv-loc-pg .hours-row { flex-wrap: wrap; } /*-------------------------------------------------------------- ## Single Bio pages --------------------------------------------------------------*/ .single-bio .entry-wrapper { --contain-padding: clamp(var(--mobile-padding), calc(50vw - 36rem), var(--desktop-padding)); } .single-bio .main-title:after {bottom: -3rem;} .single-bio-title-position {display: inline-block;color: var(--primary-color);font-style: italic;font-size: clamp(0.8rem,1.6vw,1rem);margin-top: 0.25rem;} #bio-details {position: sticky;top: 4rem;max-width: 10rem;margin: 0 auto;text-align: center;font-size: 0.9rem;line-height: 1.3;} #bio-details .wp-block-post-featured-image {border-radius: 50%;overflow: hidden;outline-color: rgba(255, 255, 255, 0.75);outline-width: 2px;outline-style: solid;outline-offset: -0.6rem;margin-right: 0;} #bio-details span { display: block; } #bio-details .name {color: var(--primary-color);font-weight: 700;} #bio-details .posi {font-size: 0.8rem;} .single-bio .entry-wrapper.wp-block-columns {flex-wrap: wrap !important;} @media (min-width: 60.05em) { /* 961px */ .single-bio .entry-wrapper.wp-block-columns {flex-wrap: nowrap !important;gap: 0.6rem;justify-content: center;} .single-bio .entry-wrapper .wp-block-column:nth-child(1) {flex-basis: 20% !important;max-width: 10.5rem;} .single-bio .entry-wrapper .wp-block-column:nth-child(2) {flex-basis: 46% !important;padding-right: 1.5rem;} .single-bio .entry-wrapper .wp-block-column:nth-child(3) {flex-basis: 34% !important;max-width: 19.4rem;} } @media (min-width: 68.5em) { .single-bio .entry-wrapper .wp-block-column:nth-child(1) {flex-basis: 100% !important;max-width: 10.5rem;} .single-bio .entry-wrapper .wp-block-column:nth-child(2) {flex-basis: 100% !important;max-width: 30rem;padding-right: 2.2rem;} .single-bio .entry-wrapper .wp-block-column:nth-child(3) {flex-basis: 100% !important;max-width: 19.4rem;} } /*-------------------------------------------------------------- ## Overview Pages --------------------------------------------------------------*/ /* OV Page Title */ :has(.page-id-1193, .page-id-1196, .page-id-3367, .page-id-1488, .page-id-3422, .page-id-163) .ov-hero-title-container:after {content: '';background: var(--primary-75-opacity);position: absolute;top: 0;right: 0;bottom: 0;left: 0;outline-color: rgba(255, 255, 255, 0.75);outline-width: 2px;outline-style: solid;outline-offset: -1.2rem;} .page-id-1193 .ov-hero-title-container { background-image: url(../images/ov-hl-h1-bg-img.jpg); } .page-id-1196 .ov-hero-title-container { background-image: url(../images/ov-ha-h1-bg-img.jpg); } .page-id-3367 .ov-hero-title-container { background-image: url(../images/ov-oht-h1-bg-img.jpg); } .page-id-1488 .ov-hero-title-container { background-image: url(../images/ov-ci-h1-bg-img.jpg); } .page-id-3422 .ov-hero-title-container { background-image: url(../images/ov-pa-h1-bg-img.jpg); } .page-id-163 .ov-hero-title-container { background-image: url(../images/ov-bha-h1-bg-img.jpg); } :has(.page-id-1193, .page-id-1196, .page-id-3367, .page-id-1488, .page-id-3422, .page-id-163) .ov-hero-title-container {margin: auto;display: flex;justify-content: center;align-items: center;padding: 2.6rem 3rem 3.2rem;text-align: center;position: relative;background-size: cover;background-position: center;} :has(.page-id-1193, .page-id-1196, .page-id-3367, .page-id-1488, .page-id-3422, .page-id-163) .ov-hero-title-container .main-title {font-size: clamp(1.4rem, 3.7vw, 2rem);color: #fff;} :has(.page-id-1193, .page-id-1196, .page-id-3367, .page-id-1488, .page-id-3422, .page-id-163) .ov-hero-title-container .main-title:after { background: #fff; } .entry-content:has(.wp-block-media-text) { padding-right: 0; padding-left: 0; } .wp-block-media-text {padding-right: var(--contain-padding);padding-left: var(--contain-padding);margin-bottom: 2rem;} #main .wp-block-media-text__content > *:first-child { margin-top: 0; } #main .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content { padding-right: 0; } #main .has-media-on-the-right .wp-block-media-text__content { padding-left: 0; } #main .wp-block-media-text__media {/* border: 1px solid red; */margin-top: 0.8rem;margin-bottom: 1rem;border-radius: 50%;overflow: hidden;outline-color: rgba(255, 255, 255, 0.75);outline-width: 2px;outline-style: solid;outline-offset: -1.4rem;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);} @media (prefers-reduced-motion:no-preference) { .wp-block-media-text__media { opacity: 0; --y: 2rem; transform: translateY(2rem); } .wp-block-media-text__media.js-intersected { animation: fadein 600ms ease .3s forwards } .wp-block-media-text__media::after { transform-origin: center; transform: scaleX(0); transition: transform 500ms ease 0.9s; } .wp-block-media-text__media.js-intersected::after { transform: scaleX(1); } } @media (min-width: 37.51em) { .wp-block-media-text__media { position: -webkit-sticky; position: sticky; top: 1rem; } } @media (min-width: 68.5em) { :has(.page-id-1193, .page-id-1196, .page-id-3367, .page-id-1488, .page-id-3422, .page-id-163) .main-header {margin-bottom: 11rem;} :has(.page-id-1193, .page-id-1196, .page-id-3367, .page-id-1488, .page-id-3422, .page-id-163) .ov-hero-title-container {position: absolute;right: var(--contain-padding);bottom: -9rem;left: var(--contain-padding);padding: 7.8rem 4rem;} :has(.page-id-1193, .page-id-1196, .page-id-3367, .page-id-1488, .page-id-3422, .page-id-163) .ov-hero-title-container .main-title:after {right: 0;bottom: -1.5rem;} .wp-block-media-text {margin-bottom: 6rem;} .wp-block-media-text>.wp-block-media-text__content {/* border: 1px dashed blue; */padding: 0 3.9rem;} .wp-block-media-text__media {top: 4rem;/* max-width: 27.1rem; */} } @media (min-width: 91.25em) { .wp-block-media-text {padding-right: var(--contain-padding);padding-left: calc(50% - 35.3rem);max-width: none;} .wp-block-media-text.has-media-on-the-right { padding-right: calc(50% - 35.3rem); padding-left: var(--contain-padding); } } @media (min-width: 100em) { .wp-block-media-text { margin-bottom: 9.25rem; } } /*-------------------------------------------------------------- ## Culture & Careers page --------------------------------------------------------------*/ .entry-wrapper.contain:has(.culture-careers-container) { padding-right: 0; padding-left: 0; } .culture-careers-container { max-width: none; } .careers-list {justify-content: center;flex-wrap: wrap;gap: 2rem 1rem;} #main .career-box {padding: 0;flex: 0 1 32%;min-width: 15rem;text-decoration: none;background: none;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);} #main a.career-box:is(:hover, :focus-visible) { background: none; } .career-box .career-header {display: block;background: var(--primary-color);margin: 0 0 0.8rem;padding: 0.8rem 1.2rem;} .career-box .career-header > * { color: var(--white); margin: 0; } .career-box p {margin-bottom: 2rem;} .career-box .icon-item {padding: 0.5rem 3.2rem 0.8rem;margin: 0;color: var(--content-color);} .career-box .icon-item:nth-child(even) {background: rgba(119,119,119,0.25);} .career-box svg, .job-details svg {width: 1.2rem;height: 1.2rem;transform: translateY(0.1rem);top: 0;bottom: 0;left: 1.4rem;margin: auto;transform: translateY(-0.1rem);} .career-box .button {display: block;text-align: center;width: fit-content;margin: auto;transition: background-color 0.3s ease, color 0.3s ease;} .careers-wrapper { padding: 0 1rem; } .cult-carrers-call-us-block-text {background: var(--primary-color);outline-color: var(--white);outline-style: solid;outline-width: 1px;outline-offset: -0.5rem;);padding: 1rem 1.5rem;);) clamp(1rem,4vw,3.4rem);text-align: center;color: var(--white);max-width: 49.8rem;} .cult-carrers-call-us-block-text p { margin: 0; } @media (min-width: 58.5em) { .cult-carrers-call-us-block-text {padding: 3.3rem 6.9rem;outline-offset: -1.1rem;} } @media (min-width: 82.5em) { .cult-carrers-call-us-block { --contain-padding: 0; } } /* Job App CF Section #job_app_section { padding-bottom: clamp(5rem, 15.7vw, 8.6rem); } #job_app_section .gform_title { text-align: center; margin: 0 0 3rem; position: relative; } #job_app_section .gform_title:after { content: ''; height: 1px; width: 6.4rem; background: var(--content-color); position: absolute; right: 0; bottom: -1.55rem; left: 0; margin: auto; } #job_app_section .gform_description { font-size: clamp(0.7rem, 3vw, 0.9rem); text-align: center; margin: 0 auto 3.2rem; max-width: 26.3rem; } #job_app_section .gform_body {max-width: 28rem;margin: auto;} #job_app_section .gfield:nth-child(5) {padding: 1rem 0.7rem 1rem;} #job_app_section .gfield:nth-child(5) .gfield_label.gform-field-label { padding-left: 0; font-style: normal; margin: 0 0 0.8rem; } #job_app_section .gform_wrapper.gravity-theme .gform_drop_area {border: none;background: #d9d9d9;border-radius: 0;padding: 2rem 0;} #job_app_section .gform_drop_instructions { color: var(--content-color); margin: 0 0 0.8rem; } #job_app_section .gform_drop_area .button {background: var(--color-2);outline: none;min-width: 0;padding: 0.9rem 2.5rem;line-height: 1;font-family: var(--content-font);font-size: 1rem;color: var(--content-color);transition: 300ms ease;} #job_app_section .gform_drop_area .button:after { display: none; } #job_app_section .gform_drop_area .button:is(:hover, :focus-visible) { background: var(--primary-color); color: var(--white); } #job_app_section .gform_wrapper.gravity-theme .gfield_description {text-align: center;max-width: 14.8rem;margin: 0 auto;} @media (min-width: 58.5em) { #job_app_section .gform_wrapper.gravity-theme .gform_footer {justify-content: center;} } @media (min-width: 68.5em) { .culture-careers-container .wp-block-media-text {margin-bottom: 3rem; } .current-openings-container {padding-right: var(--contain-padding);padding-left: var(--contain-padding);max-width: none;} .careers-list {justify-content: flex-start;} /* Job App CF Section #job_app_section {padding-top: 2rem;} #job_app_section .gform_body {max-width: 45.5rem;} #job_app_section .gform_wrapper.gravity-theme .gform_fields {display: grid;grid-template-areas:'left-one right''left-two right''left-three right''left-four right';grid-column-gap: clamp(1.4rem,3.5vw,1.8rem);-ms-grid-columns: initial;grid-row-gap: initial;grid-template-columns: auto;align-items: end;} #job_app_section .gform_wrapper.gravity-theme .gfield {grid-column: initial;max-height: 3.25rem;min-width: 21.8rem;} #job_app_section .gfield:nth-child(1) {grid-area: left-one;margin-bottom: 1.4rem;} #job_app_section .gfield:nth-child(2) {grid-area: left-two;margin-bottom: 1.4rem;} #job_app_section .gfield:nth-child(3) {grid-area: left-three;margin-bottom: 1.4rem;} #job_app_section .gfield:nth-child(4) {grid-area: left-four;} #job_app_section .gfield:nth-child(5) {grid-area: right;height: 100% !important;max-height: none !important;} #job_app_section .gform_wrapper.gravity-theme .gfield input { font-size: 1rem; padding: 0 0.6rem 0 !important; } } */ /*-------------------------------------------------------------- ### Single Career page --------------------------------------------------------------*/ .single-career #sidebar .wp-block-categories-list { display: none; } .job-details { width: 100%; } .job-details.zebra tr:nth-child(odd) th::before {background: rgba(119, 119, 119, 0.25);} .job-details th { width: 2rem; } .job-details svg path { fill: var(--black); } /* Sidebar Job App CF */ .wp-block-template-part:has(#job-app-sidebar), #job-app-sidebar {padding-bottom: clamp(5rem, 15.7vw, 8.6rem);} #job-app-sidebar .gform_title { text-align: center; margin: 0 0 3rem; position: relative; } #job-app-sidebar .gform_title:after { content: ''; height: 1px; width: 6.4rem; background: var(--content-color); position: absolute; right: 0; bottom: -1.55rem; left: 0; margin: auto; } #job-app-sidebar .gform_description { font-size: clamp(0.7rem, 3vw, 0.9rem); text-align: center; margin: 0 auto 3.2rem; max-width: 26.3rem; } #job-app-sidebar .gform_body {max-width: 28rem;margin: auto;} #job-app-sidebar .gfield:nth-child(5) {padding: 1rem 0.7rem 1rem;} #job-app-sidebar .gfield:nth-child(5) .gfield_label.gform-field-label { padding-left: 0; font-style: normal; margin: 0 0 0.8rem; } #job-app-sidebar .gform_wrapper.gravity-theme .gform_drop_area {border: none;background: #d9d9d9;border-radius: 0;padding: 2rem 0;} #job-app-sidebar .gform_drop_instructions { color: var(--content-color); margin: 0 0 0.8rem; } #job-app-sidebar .gform_drop_area .button {background: var(--color-2);outline: none;min-width: 0;padding: 0.9rem 2.5rem;line-height: 1;font-family: var(--content-font);font-size: 1rem;color: var(--content-color);transition: 300ms ease;} #job-app-sidebar .gform_drop_area .button:after { display: none; } #job-app-sidebar .gform_drop_area .button:is(:hover, :focus-visible) { background: var(--primary-color); color: var(--white); } #job-app-sidebar .gform_wrapper.gravity-theme .gfield_description {text-align: center;max-width: 14.8rem;margin: 0 auto;} #job-app-sidebar .gfield:nth-child(5):has(.gfield_validation_message) {/* max-height: none !important; */} @media (min-width: 58.5em) { #job-app-sidebar .gform_description { margin: 0 0 1.5rem; } #job-app-sidebar .gform_wrapper.gravity-theme .gform_drop_area { padding: 1rem 0; } #job-app-sidebar .gform_wrapper.gravity-theme .gfield_description { padding: 0.5rem 0 0; } #job-app-sidebar .gform_wrapper.gravity-theme .gform_footer {justify-content: center;margin: 1.5rem 0 0;} } @media (min-width: 60.05em) { .wp-block-template-part:has(#job-app-sidebar), #job-app-sidebar { padding-bottom: 0;height: 100%; } #job-app-sidebar #gform_wrapper_2 { position: sticky;top: 1rem; } } @media (min-width: 68.5em) { #job-app-sidebar #gform_wrapper_2 { position: sticky;top: 4rem; } } /*-------------------------------------------------------------- ## Meet Our Team page --------------------------------------------------------------*/ .full-content-teams-list .wp-block-columns:not(:last-child) { margin-bottom: 4rem } .full-content-teams-list .wp-block-columns:nth-child(even) { flex-direction: row-reverse; } .full-content-teams-list img { border-bottom: 0.4rem solid var(--primary-color); width: 100%; max-width: 15rem; height: auto; } .full-content-teams-list h2 { font-size: clamp(1.2rem, 4vw, 2rem); margin-top: 0; } .full-content-teams-list .credentials { color: var(--primary-color); font-size: clamp(1rem, 4vw, 1.5rem); } .full-content-teams-list .wp-block-columns { gap: 1rem 3rem; } .meet-our-team-container .bio-list .bio-image {border-radius: 50%;overflow: hidden;transition: 300ms ease;} .meet-our-team-container .bio-list .bio-image img {width: 100%;height: 100%;margin: auto;} @media (min-width: 68.5em) { .meet-our-team-container .bio-list .bio-image {width: 12.8rem;height: 12.8rem;margin-right: auto;margin-left: auto;} .meet-our-team-container .bio-list .bio-image img { outline-color: rgba(255, 255, 255, 0.75); outline-width: 2px; outline-style: solid; outline-offset: -0.6rem; border-radius: 50%; } } /*-------------------------------------------------------------- ## Request Appointment Page --------------------------------------------------------------*/ .page-id-22 #contact_section {padding-top: clamp(0rem,8.5vw,5.6rem);} /*-------------------------------------------------------------- ## Manufacturer Pages --------------------------------------------------------------*/ .hide { display: none !important; } .manufacturer .wp-block-media-text { grid-template-columns: 32% 1fr; } .manufacturer .wp-block-media-text.has-media-on-the-right { grid-template-columns: 1fr 32%; } .manufacturer .wp-block-media-text__media::after { display: none; } .manufacturer .manu-logo figure img { width: auto; height: auto; max-width: 100%; } @media (max-width: 37.5em) { .manufacturer .manu-logo figure { text-align: center; } #main .wp-block-media-text__content { padding: 0; } } /*-------------------------------------------------------------- ## Search Pages --------------------------------------------------------------*/ .entry-content .wp-block-post-title {margin-top: 0;text-align: left;} .entry-content .wp-block-post-title:after { right: auto; } .search-results .entry-content ul li:before { display: none; } .search-results .wp-block-post-title a:is(:hover, :focus-visible) { color: var(--primary-color) !important; } .wp-block-post {border-bottom: 1px solid var(--primary-color);margin-bottom: 2rem;} .wp-block-post-excerpt__more-text { text-align: center; } .no-results { display: none; } .search-no-results .no-results {display: block;} .no-results-msg { margin: 2rem 0; text-align: center; color: #cc2d3f; } .no-results .wp-block-search__inside-wrapper { padding: 0 0 0 0.5rem; } .no-results .wp-block-search__button { padding: 0.5rem 1rem; background: var(--primary-color); transition: 300ms ease; } .no-results .wp-block-search__button:is(:hover, :focus-visible) { background: var(--color-2); } @media (min-width: 48.875em) { /* 782px */ .wp-block-post-excerpt__more-text { text-align: left; } } /*-------------------------------------------------------------- ## Blog --------------------------------------------------------------*/ .wp-block-query li:first-of-type .wp-block-post-title { margin-top: 0; } /*-------------------------------------------------------------- ## Pagination --------------------------------------------------------------*/ .wp-block-query-pagination>.wp-block-query-pagination-next, .wp-block-query-pagination>.wp-block-query-pagination-numbers, .wp-block-query-pagination>.wp-block-query-pagination-previous {margin: 0;color: var(--primary-color);} .wp-block-query-pagination>.wp-block-query-pagination-next:is(:hover, :focus-visible), .wp-block-query-pagination>.wp-block-query-pagination-previous:is(:hover, :focus-visible) {color: var(--accent-color);text-decoration: underline;} .wp-block-query-pagination>.wp-block-query-pagination-numbers {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 0.5rem;margin: 0;width: 100%;} .page-numbers {display: flex;justify-content: center;align-items: center;background: var(--primary-color);color: #fff;width: 1.5rem;height: 1.5rem;text-align: center;border-radius: 5px;} .page-numbers:is(:hover, :focus-visible):not(.dots, .current) {color: #fff;background: var(--color-2);} .page-numbers.current {background: var(--accent-color);} @media (max-width: 60em) { .wp-block-query-pagination>.wp-block-query-pagination-next, .wp-block-query-pagination>.wp-block-query-pagination-previous {margin: 0 auto !important;} .wp-block-query-pagination>.wp-block-query-pagination-numbers {justify-content: center;} } @media (min-width: 75em) { body .wp-block-query-pagination {flex-wrap: nowrap;justify-content: flex-start;} .wp-block-query-pagination>.wp-block-query-pagination-numbers {width: auto;} .wp-block-query-pagination>.wp-block-query-pagination-next, .wp-block-query-pagination>.wp-block-query-pagination-previous { white-space: nowrap; } }