:root {
--primary: #9d2235;
--secondary: #262a32;
--med: #53565a;
--light: #f2f2f2;
--border: #dbdbdc;
--white: #fff;
--yellow: #e5a745;
--red: #e23333;
--red-alt: #cd1d1d;
--font-primary: interstate, sans-serif;
--font-secondary: calibri, sans-serif;
--font-awesome: "Font Awesome 6 Pro";
} body {
color: var(--med);
font-family: var(--font-secondary);
font-size: 18px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-primary);
font-weight: 700;
}
.row {
display: flex;
flex-wrap: wrap;
}
.row .col {
box-sizing: border-box;
padding: 0 15px;
}
.row .col.one-third {
width: 33.333%;
}
.row .col.one-half {
width: 50%;
}
.row .col.full {
width: 100%;
}
.rounded {
border-radius: 20px;
}
.hidden {
opacity: 0;
visibility: hidden;
z-index: -1;
}
.d-none {
display: none !important;
}
.text-center {
text-align: center;
}
.shadow {
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
} .site-header {
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(5px);
border-radius: 100px;
box-sizing: border-box;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
margin: 40px;
padding: 10px 40px;
position: fixed;
transition: margin 0.3s;
width: calc(100% - 80px);
z-index: 1;
}
.ast-primary-header-bar {
background-color: transparent;
border: 0;
}
#masthead .ast-container {
padding: 0;
}
.ast-logo-title-inline .ast-site-identity {
padding: 0;
}
.ast-builder-menu-2 .menu-item:not(:last-child) {
margin-right: 20px;
}
.ast-builder-menu-2 .menu-item > .menu-link {
background-color: var(--primary);
border-radius: 40px;
padding: 8px 16px;
}
.sticky-search-open-btn .menu-link:before {
content: "\f002";
font-family: "Font Awesome 6 Pro";
font-size: 14px;
margin-right: 5px;
}
.sticky-search .form {
align-items: center;
backdrop-filter: blur(5px);
background-color: rgba(200, 200, 200, 0.8);
bottom: 0;
display: flex;
height: 100vh;
justify-content: center;
left: 0;
position: fixed;
right: 0;
top: 0;
transition: all 0.3s;
width: 100vw;
z-index: 2;
}
.sticky-search .form .search-close-btn {
align-items: center;
display: flex;
font-size: 18px;
height: 40px;
justify-content: center;
padding: 0;
position: absolute;
right: 30px;
top: 30px;
width: 40px;
}
.sticky-search .form .search-form label {
display: flex;
}
.sticky-search .form .search-form label + .search-submit {
display: none;
}
.sticky-search .form .search-form .search-field {
background-color: var(--white);
border: 0;
border-bottom-left-radius: 40px;
border-top-left-radius: 40px;
font-family: var(--font-secondary);
max-width: 100%;
padding: 10px 20px;
width: 250px;
}
.sticky-search .form .search-form .search-submit {
align-items: center;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
display: flex;
font-size: 18px;
justify-content: center;
padding: 0;
width: 50px;
}
header .ast-nav-menu .sub-menu {
backdrop-filter: blur(5px);
background-color: rgba(255, 255, 255, 0.95);
border: 0;
border-radius: 20px;
padding: 10px 0;
}
header .ast-nav-menu .sub-menu a {
padding: 10px 20px !important;
}
.ast-header-break-point .ast-primary-header-bar {
border: 0;
}
.alert-bar {
background-color: var(--red);
font-size: 16px;
padding: 5px 20px;
text-align: center;
width: 100%;
z-index: 1;
}
.alert-bar p {
color: var(--white);
font-weight: 700;
margin-bottom: 0;
}
.alert-bar a {
color: var(--white); font-weight: 700;
outline: none;
text-decoration: underline;
}
.alert-bar + .alert-bar {
background-color: var(--red-alt);
} #content {
position: relative;
}
.site-content .ast-container {
max-width: 100%;
padding: 20px;
}
.content-area {
padding: 0 180px;
}
.entry-content > .wp-block-group,
.entry-content > .wp-block-cover,
.entry-content > .wp-block-columns {
padding-left: 0;
padding-right: 0;
}
.ast-plain-container.ast-no-sidebar #primary {
margin: 0;
}
.entry-content[ast-blocks-layout] > .home-slider {
margin-left: -180px;
max-width: none;
width: calc(100% + 360px);
}
.home-slider .n2-ss-slider {
border-radius: 20px;
overflow: hidden;
}
.home-slider .n2-padding {
padding: 0 20px;
}
.home-slider .blur {
backdrop-filter: blur(10px);
}
.secondary-header.compunet-direct .secondary-header-content {
top: 60%;
}
.icon-blocks-wrap {
margin-top: -120px;
position: relative;
}
.icon-block a {
align-items: center;
background-color: var(--white);
border-radius: 20px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
display: flex;
flex-direction: column;
font-size: 16px;
height: 100%;
padding: 60px;
text-decoration: none !important;
}
.icon-block i {
align-items: center;
background-color: var(--primary);
border-radius: 30px;
color: var(--white);
display: flex;
font-size: 30px;
height: 60px;
justify-content: center;
width: 60px;
}
.icon-block h3 {
margin-top: 10px;
}
.icon-block p {
color: var(--med);
margin-bottom: 0;
}
.wp-block-group.scrolling-stack-wrap {
padding-left: 30px;
position: relative;
}
.wp-block-group.scrolling-stack {
flex-wrap: nowrap;
-ms-overflow-style: none;
overflow-y: auto;
scrollbar-width: none;
}
.wp-block-group.scrolling-stack::-webkit-scrollbar {
display: none;
}
.wp-block-group.scrolling-stack-wrap .scrolling-stack-dots {
display: flex;
flex-direction: column;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.wp-block-group.scrolling-stack-wrap .scrolling-stack-dots .dot {
background-color: var(--med);
height: 12px;
opacity: 0.5;
padding: 0;
transition: opacity 0.3s;
width: 12px;
}
.wp-block-group.scrolling-stack-wrap .scrolling-stack-dots .dot.active {
background-color: var(--primary);
opacity: 1;
}
.wp-block-group.scrolling-stack-wrap .scrolling-stack-dots .dot:not(:last-child) {
margin-bottom: 8px;
}
.wp-block-group.scrolling-stack-wrap .scrolling-stack-dots .dot:hover {
opacity: 1;
}
.wp-block-group.scrolling-stack .wp-block-media-text__media img,
.rounded-image-block img {
border-radius: 20px;
}
.home-posts .wp-block-post-template.wp-block-post-template {
padding: 0;
}
.home-posts .wp-block-post {
background-color: var(--light);
border-radius: 20px;
padding: 20px;
}
.home-posts .wp-block-post-title {
margin-bottom: 5px;
}
.home-posts .wp-block-post-title a {
color: var(--secondary);
display: block;
font-size: 20px;
text-decoration: none;
}
.home-posts .wp-block-post-excerpt,
.home-posts .wp-block-post-excerpt__excerpt {
margin: 0;
}
.home-posts .read-more {
display: none;
}
.home-testimonials .wp-block-post-template {
padding: 0;
}
.home-testimonials .wp-block-post {
background-color: var(--light);
border-radius: 20px;
padding: 20px;
}
.home-testimonials i {
color: var(--yellow);
font-size: 14px;
}
.home-testimonials p {
margin-bottom: 0;
margin-top: 5px;
}
.secondary-header {
background-color: var(--light);
border-radius: 20px;
height: 600px;
margin: 20px;
position: relative;
width: calc(100% - 40px);
}
.secondary-header img {
border-radius: 20px;
height: 100%;
object-fit: cover;
width: 100%;
}
.secondary-header .secondary-header-content {
backdrop-filter: blur(5px);
background-color: rgba(255, 255, 255, 0.8);
border-radius: 20px;
left: 20px;
margin: auto;
max-width: 500px;
padding: 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.secondary-header .secondary-header-content.align-content-right {
left: auto;
right: 20px;
}
.page-template-location-templates .secondary-header .secondary-header-content {
left: auto;
right: 20px;
}
.secondary-header .secondary-header-content p {
font-size: 18px;
margin-bottom: 0;
}
.faqs .wp-block-post-template {
padding: 0;
}
.search-results .ast-archive-description,
.blog .ast-archive-description,
.archive .ast-archive-description {
display: none;
}
.search-results article,
.blog article,
.archive article {
padding: 20px 180px 0;
}
.single-post article,
.single-dat-category article {
padding: 40px 180px !important;
}
.single-dat-category nav.navigation:not(.tests-navigation) {
display: none;
}
.search-results .blog-layout-1,
.blog .blog-layout-1,
.archive .blog-layout-1,
.single-post .single-layout-1 {
border-width: 2px;
padding-bottom: 40px;
}
.search-results article:last-child .blog-layout-1,
.blog article:last-child .blog-layout-1,
.archive article:last-child .blog-layout-1,
.single-post article:last-child .single-layout-1 {
border-width: 0;
}
.search-results .entry-title a,
.blog .entry-title a,
.archive .entry-title a {
font-weight: 700;
}
.search-results .ast-pagination,
.blog .ast-pagination,
.archive .ast-pagination {
padding: 40px 180px;
}
.single-post .post-navigation {
border-width: 2px;
}
.locations {
display: flex;
flex-wrap: wrap;
}
.locations .location {
display: flex;
flex-direction: column;
margin-bottom: 30px;
padding: 0 15px;
width: 33.33%;
}
.locations .location .location-image {
border: 2px solid var(--light);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: block;
overflow: hidden;
}
.locations .location .location-image,
.locations .location .location-image img {
aspect-ratio: 23/13;
object-fit: cover;
}
.locations .location .location-image img {
height: 100%;
margin-left: 50%;
max-height: 100%;
transform: translateX(-50%);
overflow-clip-margin: unset;
}
.locations .location-info {
background-color: var(--light);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
flex: 1;
padding: 20px;
}
.locations .location-info .location-banner {
background-color: var(--primary);
border-radius: 10px;
color: var(--white);
margin: -15px 0 10px -10px;
padding: 8px 10px 10px;
width: calc(100% + 20px);
}
.locations .location-info .location-banner p {
font-size: 14px;
font-weight: 700;
line-height: 1.25;
margin: 0;
}
.locations .location-info h2 {
font-size: 20px;
margin-bottom: 5px;
}
.locations .location-info .address {
margin-bottom: 20px;
}
.locations .location-info .contact {
margin-bottom: 0;
}
.location-row {
display: flex;
flex-wrap: wrap;
}
.location-row .location-col-left {
flex-basis: 70%;
margin: 0 -10px;
padding: 0 10px;
}
.location-row .location-col-right {
flex-basis: 30%;
margin: 0 -10px;
padding: 0 10px;
}
.location-row .location-col-right .wp-block-buttons {
align-items: flex-start;
}
.location-single .location-banner {
background-color: var(--primary);
border-radius: 20px;
color: var(--white);
margin-bottom: 30px;
padding: 20px 40px;
}
.location-single .location-banner p {
font-family: var(--font-primary);
font-size: 18px;
font-weight: 700;
margin: 0;
}
.location-single h2 {
margin-bottom: 20px;
}
.location-single h3 {
margin-bottom: 10px;
}
.location-single .flex-row {
display: flex;
flex-wrap: wrap;
}
.location-single .flex-row .col {
flex-basis: 50%;
margin: 0 -10px;
padding: 0 10px;
}
.location-single .services {
margin-left: 20px;
}
.location-single .testimonial {
background-color: var(--light);
border-radius: 10px;
margin: 20px 20px 20px 0;
padding: 20px;
}
.location-single .testimonial p {
font-style: italic;
margin-bottom: 0;
}
.location-single .testimonial span {
display: block;
font-size: 16px;
margin-top: 10px;
}
.location-single .hours strong {
display: block;
margin-top: 10px;
}
.location-single .sub-hours-block {
margin-bottom: 20px;
}
.location-single .description {
padding-right: 20px;
}
.newsletters {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.newsletters .newsletter {
box-sizing: border-box;
flex-basis: 33.33%;
text-align: center;
padding: 15px;
}
.newsletters .newsletter h2 {
font-size: 24px;
margin-top: 20px;
}
.icon-circle {
aspect-ratio: 1/1;
background-color: var(--primary);
border-radius: 50%;
color: #fff;
display: inline-block;
margin: 0 auto;
padding: 0.35em;
}
.gallery-no-actions .spectra-image-gallery__media-wrapper {
cursor: default !important;
}
.blog .entry-title,
.blog .entry-title a,
.archive .entry-title,
.archive .entry-title a,
.search .entry-title,
.search .entry-title a {
font-family: var(--font-primary);
}
.test:not(:last-child) {
border-bottom: 2px solid var(--light);
margin-bottom: 20px;
padding-bottom: 20px;
}
.test a {
text-decoration: none !important;
}
.test h2 {
font-size: 24px;
margin-bottom: 0;
}
.test p {
margin-bottom: 0;
} .content-area input,
.content-area select,
.content-area textarea {
appearance: none;
background-color: var(--light);
border: 0;
font-family: var(--font-secondary);
font-size: 16px;
padding: 10px 20px !important;
}
.content-area input:focus,
.content-area select:focus,
.content-area textarea:focus {
background-color: var(--light);
border: 0;
}
.content-area input,
.content-area select {
border-radius: 40px;
}
.content-area textarea {
border-radius: 10px;
}
.content-area input[type="submit"] {
background-color: var(--primary);
}
.content-area input[type="radio"] {
background-color: var(--light);
border: 7px solid var(--light);
border-radius: 50%;
height: 22px;
padding: 0 !important;
width: 22px;
}
.content-area input[type="radio"]:checked {
background-color: var(--white);
border: 7px solid var(--primary);
}
.content-area .wpcf7-form-control-wrap {
position: relative;
}
.content-area .wpcf7-form-control-wrap[data-name="contact"]:after {
content: "\f078";
font-family: "Font Awesome 6 Pro";
font-size: 16px;
font-weight: 400;
position: absolute;
right: 20px;
top: 8px;
}
.wpcf7-list-item {
margin-left: 0;
margin-right: 20px;
}
.wpcf7 .row {
margin-bottom: 0;
}
label {
color: var(--secondary);
display: block;
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
}
form .col {
margin-bottom: 20px;
}
form .col.col-last,
form .col p {
margin: 0;
}
.wpcf7-not-valid-tip {
color: var(--primary);
font-size: 16px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
background-color: rgba(157, 34, 53, 0.2);
border: 0;
border-radius: 10px;
color: var(--primary);
font-size: 16px;
font-weight: 700;
margin-top: 0;
padding: 10px 20px;
}
.wpcf7 form.sent .wpcf7-response-output {
background-color: var(--light);
border: 0;
border-radius: 10px;
color: var(--dark);
font-size: 16px;
font-weight: 700;
margin-top: 0;
padding: 10px 20px;
}
.location-search {
align-items: center;
display: flex;
margin-bottom: 40px;
}
.location-search .search-form {
align-items: center;
display: flex;
margin-right: 30px;
}
.location-search .filter-checks {
align-items: center;
display: flex;
flex-wrap: wrap;
}
.location-search .filter-checks .check {
align-items: center;
display: flex;
margin-bottom: 10px;
margin-right: 20px;
position: relative;
}
.location-search .search-form .input-icon,
.location-search .search-form input,
.location-search .search-form .input-button {
height: 45px;
}
.location-search .search-form .input-icon,
.location-search .search-form .input-button {
align-items: center;
display: flex;
justify-content: center;
padding: 5px;
width: 45px;
}
.location-search .search-form .input-icon {
background-color: var(--light);
border-bottom-left-radius: 40px;
border-top-left-radius: 40px;
}
.location-search .search-form .input-button {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.location-search .search-form input {
border-radius: 0;
min-width: 300px;
padding: 10px !important;
}
.location-search .filter-checks .check input {
height: 22px;
margin-right: 5px;
padding: 0 !important;
width: 22px;
}
.location-search .filter-checks .check label {
margin: 0;
}
.location-search .filter-checks .check input:checked + label:before {
color: var(--white);
content: "\f00c";
font-family: var(--font-awesome);
font-size: 14px;
left: 5px;
position: absolute;
top: 1px;
}
.form-alert {
background-color: var(--yellow);
border-radius: 10px;
margin-bottom: 20px;
padding: 10px 20px;
}
.form-alert p {
color: var(--white);
font-size: 16px;
margin-bottom: 0;
} footer {
border-top: 2px solid var(--light);
font-size: 16px;
padding: 0 180px;
}
footer .site-above-footer-inner-wrap {
align-items: center !important;
}
footer .site-above-footer-inner-wrap .wp-block-image {
margin-bottom: 0;
}
footer .widgettitle {
font-family: var(--font-secondary);
font-size: 20px;
margin-bottom: 15px;
}
footer .ast-footer-copyright p {
font-size: 14px;
}
footer .ast-footer-copyright a {
color: var(--med);
}
footer .widget_nav_menu ul li:not(:last-child) {
margin-bottom: 12px;
}
footer .widget_nav_menu a {
color: var(--med);
}
.single-dat-category article header.entry-header {
display: none;
}
.tests-cat {
display: flex;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
}  .tests-cat a.test-cat img {
max-width: 30px;
max-height: 30px;
object-fit: contain;
margin-left: 7px;
}
.locations h2 a {
text-decoration: none !important;
}
.locations.tests-cat .location.test-cat {
width: calc(25% - 25px);
background-color: var(--primary);
font-size: 22px;
font-weight: bold;
color: #fff;
text-decoration: none !important;
display: flex;
justify-content: center;
align-items: center;
} @media screen and (max-width: 1385px) {
header .custom-logo-link img {
max-width: 150px;
}
.ast-logo-title-inline .site-logo-img {
padding-right: 0;
}
#primary-site-navigation-desktop .menu-item .menu-link {
font-size: 15px;
padding: 0 10px;
}
.ast-builder-menu-2 .menu-item > .menu-link {
font-size: 14px;
padding: 6px 12px;
}
.ast-builder-menu-2 .menu-item:not(:last-child) {
margin-right: 10px;
}
.icon-blocks-wrap {
flex-wrap: wrap !important;
justify-content: space-between;
}
.icon-block {
flex-basis: 48% !important;
flex-grow: 0 !important;
}
}
@media screen and (min-width: 1200px) {
.home-slider .n2-ss-slide {
min-height: 800px; }
}
@media screen and (max-width: 1199px) {
.entry-content[ast-blocks-layout] > .home-slider {
margin-left: 0;
width: 100%;
}
footer {
padding: 0 20px;
}
.location-search .search-form input {
min-width: 200px;
}
}
@media screen and (max-width: 900px) {
.location-row .location-col-left,
.location-row .location-col-right {
flex-basis: 100%;
}
.location-single .testimonial {
margin: 20px 0 40px;
}
.location-row .location-col-right .wp-block-buttons {
flex-direction: row;
}
.location-single .description {
padding-right: 0;
}
.newsletters .newsletter {
flex-basis: 50%;
}
.tests-cat a.test-cat {
width: calc(50% - 25px);
}
}
@media screen and (max-width: 767px) {
.eb-parent-wrapper .eb-slider-wrapper .content .eb-slider-item.content-1 .eb-slider-content {
left: 20px;
right: 20px;
}
.margin-top-tablet {
margin-top: 60px !important;
}
.icon-blocks-wrap,
.margin-bottom-tablet {
margin-bottom: 60px !important;
}
footer [data-section="sidebar-widgets-footer-widget-3"] .wp-block-columns .wp-block-column {
flex-basis: 47% !important;
}
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns:100% !important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
grid-column: 1;
grid-row: 1;
margin-bottom: 20px;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
grid-column: 1;
grid-row: 2;
}
.row .col {
width: 100% !important;
}
.site-header {
padding: 10px 20px;
}
.locations .location {
width: 50%;
}
.location-search {
flex-wrap: wrap;
}
.location-search .search-form {
margin-bottom: 20px;
margin-right: 0;
width: 100%;
}
.location-search .search-form input {
flex: 1;
}
.search-results article,
.blog article,
.archive article {
padding: 20px 20px 0;
}
.single-post article,
.single-dat-category article {
padding: 40px 20px !important;
}
.tests-cat a.test-cat {
width: 100%;
}
}
@media screen and (max-width: 600px) {
.locations .location {
padding: 0;
width: 100%;
}
.location-col-left .flex-row .col {
flex-basis: 100%;
}
.newsletters .newsletter {
flex-basis: 100%;
}
.alert-bar p {
font-size: 14px;
line-height: 1.5;
}
}
@media screen and (max-width: 425px) {
.secondary-header .secondary-header-content {
right: 20px;
}
.entry-content > .wp-block-group,
.entry-content > .wp-block-cover,
.entry-content > .wp-block-columns {
padding-bottom: 20px;
padding-top: 20px;
}	
}[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}