/*
Theme Name: Fuel6
Theme URI: https://fuelmedical.com
Author: Fuel Medical
Description: A Fuel Medical block theme (2024)
Requires at least: 6.5
Tested up to: 6.7.1
Requires PHP: 8.0
Version: 6.3.7
Text Domain: fuel6
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Custom Properties
# Fuel Normalize
# Helper Classes
# WordPress Blocks
# Forms - Moved to css/gravity-forms.css
# Header
# Content
# Footer
# Our Providers
# Our Location Section
# Book Your Appt Section
# Animations
# print
# Safari 15.3 fallbacks
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Custom Properties
Note: WordPress declares its variables in the body, so do the same to avoid scope issues.
--------------------------------------------------------------*/
body {
/* Structure - 1100px - for use outside of contain class */
--contain-padding: clamp(1rem, calc(50vw - 29.93rem), 19rem);
/* Design - Change in theme.json */
--primary-color: var(--wp--preset--color--primary);
--accent-color: var(--wp--preset--color--accent);
--white: var(--wp--preset--color--white);
--grey: var(--wp--preset--color--grey);
--black: var(--wp--preset--color--black);
--primary-transparent: var(--wp--preset--color--primarytransparent);
--opaque-white: var(--wp--preset--color--opaquewhite);
/* Top Level Primary Menu Colors - now managed on the block level */
--wp--preset--color--menu-background: inherit;
--wp--preset--color--menu-color: currentColor;
--wp--preset--color--menu-hover-color: var(--white);
--wp--preset--color--menu-hover-bg: var(--wp--preset--color--color-2);
/* Sub Menu Colors */
--wp--preset--color--sub-menu-background: var(--white);
--wp--preset--color--sub-menu-color: var(--primary-color);
--wp--preset--color--sub-menu-hover-color: var(--primary-color);
--wp--preset--color--sub-menu-hover-bg: var(--wp--preset--color--color-3);
/* Text */
--title-font: var(--wp--preset--font-family--title);
--title-color: var(--primary-color);
--content-font: var(--wp--preset--font-family--content), sans-serif;
--content-color: var(--wp--preset--color--content);
}
/*--------------------------------------------------------------
# Fuel Normalize
--------------------------------------------------------------*/
*, *::before, *::after { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html {font-size: clamp(125%, 1vw, 240%);line-height: 1.5;-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scrollbar-gutter: stable;min-width: 18rem;}
iframe, img, svg, audio, canvas, video, object, embed { vertical-align: middle; max-width: 100%; }
img { object-fit: cover; }
img:not([src*=".png"], [src*=".gif"], [src*=".svg"]) { background: var(--grey); }
a { text-decoration: none; color: var(--accent-color); transition: color 300ms, background-color 300ms; }
a[href^="tel:"] { white-space: nowrap; }
a:hover { color: var(--primary-color); }
[hidden] { display: none; }
@media only screen and (min-width: 68.5em) {
*[id] { scroll-margin-top: 3rem; }
}
/*--------------------------------------------------------------
# Helper Classes
--------------------------------------------------------------*/
.contain {--contain-padding: clamp(var(--mobile-padding, 1rem), calc(50vw - 29.93rem), var(--desktop-padding, 19rem));display: block;position: relative;margin: auto;padding-right: var(--contain-padding);padding-left: var(--contain-padding);width: 100%;}
.icon-item { display: block; position: relative; margin: 1em 0; padding: 0 0 0 1.8em; }
.icon-item svg { position: absolute; top: 0.15em; left: 0; width: 1.2em; height: 1.2em; }
@media (min-width: 68.5em) {
.mobile-only { display: none !important; }
}
@media (max-width: 68.49em) {
.desktop-only { display: none !important; }
}
.zebra >*:not(tbody):nth-child(odd) { background-color: var(--zebra, var(--grey)); }
/* Use on query loops to help change the order every other column */
.stagger > :nth-child(even) .wp-block-columns { flex-direction: row-reverse; }
/* Use to make link fill entire block - use when you can't wrap blocks with anchor tag */
.cover-link {position: absolute !important;inset: 0;width: 100%;z-index: 1;background: none !important;}
:has(> .cover-link) { position: relative; }
/*--------------------------------------------------------------
# WordPress Blocks
--------------------------------------------------------------*/
@media (min-width: 37.5em) {
.alignleft, .alignright { max-width: 48%; }
}
@media (min-width: 68.5em) {
.is-position-sticky { top: 4rem; }
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-logo .wp-block-fuel-wrapper-block {width: fit-content;}
.header-logo svg { transition: transform 0.3s ease; }
.header-logo a:is(:hover, :focus-visible) svg {transform: scale(1.05);}
.header-quicklinks .wp-block-fuel-menu-wrapper { gap: 0.4rem; }
.header-quicklinks a {padding: 0.53rem 1.2rem;}
.header-quicklinks a:is(:hover, :focus-visible) {background: var(--white);color: var(--primary-color);}
.header-quicklinks svg { margin-right: 0.3rem; transform: translateY(-0.1rem); }
.header-quicklinks a svg path { transition: 300ms ease; }
.header-quicklinks a:is(:hover, :focus-visible) svg path { fill: var(--primary-color); }
@media (max-width: 68.49em) {
.header { position: relative; z-index: 998; }
.header-quicklinks { display: none; }
.header-columns { border-bottom: 1px solid var(--primary-color); }
.header-logo { display: flex ; justify-content: center; text-align: center; }
.header-logo svg, .footer-logo svg { height: clamp(4.26rem, 6vw, 5.5rem); }
}
@media (min-width: 68.5em) {
.header:not(.block-editor-block-list__block) { position: relative;z-index: 1;background: red;}
.header {border-bottom: 1px solid var(--primary-color);}
.header-number { position: relative; }
.header-number:after {content: '';background: var(--primary-color);width: 100%;height: 1px;position: absolute;right: 0;bottom: 0;left: 0;margin: auto;transform: scale(0,1);transform-origin: center;transition: 300ms ease;}
.header-number:is(:hover, :focus-visible):after {transform: scale(1,1);}
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.wp-site-blocks { margin: auto; }
#main { margin: 0 0 2em; font-size: var(--wp--preset--font-size--content); }
.entry-content .wp-block-list li { margin: 1em 0 0 0; }
/* If a grid has only one column, make it full width */
.wp-block-post-template.is-layout-grid:not(:has(li:nth-child(2))) { grid-template-columns: 1fr }
/* Location card loop - Used in content, and menu */
/* Bio grid custom loop */
.bio-list .bio-box {display: grid;grid-template-areas: "img label";justify-content: start;}
.bio-list .bio-image {grid-area: img;width: 2.5rem;height: 2.5rem;margin-right: 0.5rem;overflow: hidden;position: relative;}
.bio-list img { width: 100%; height: 100%; }
.bio-list .bio-label {grid-area: label;line-height: normal;display: flex;flex-wrap: wrap;align-content: center;}
.bio-list .bio-label span {flex: 1 1 100%;}
.bio-list .bio-cred { font-size: 0.8rem; }
@media (max-width: 68.49em) {
#main .bio-list .bio-box {padding: 0.4rem 1.5rem;margin-top: 0;margin-left: -1rem;width: calc(100% + 2rem);color: var(--primary-color) !important;}
#main .bio-list .bio-box:nth-child(odd) {background: rgba(115,47,89,0.1);}
}
@media (min-width: 68.5em) {
.bio-list {display: flex;flex-wrap: wrap;gap: 1rem;align-items: flex-start;margin-top: 1rem;}
.bio-list .bio-box {grid-template-areas: "img" "label";flex: 0 1 calc(25% - 1rem);min-width: 7.5rem; /* Adjust to prevent names from wrapping */text-align: center;}
.bio-list.bio-list .bio-box:is(:hover, :focus-visible) { background: none; }
.bio-list .bio-image {display: block;width: 100%;height: auto;aspect-ratio: 1 / 1.2;/* border-bottom: 0.4rem solid var(--primary-color); */margin-bottom: 0.8rem;}
.bio-list .bio-image img { transition: transform 0.3s; }
.bio-list .bio-box:is(:hover, :focus-visible) .bio-image img { transform: scale(1.1); }
.bio-list .bio-cred { color: var(--content-color); }
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {margin: 0;}
.ftr-container {position: relative;}
.ftr-container:after {content: '';width: 68.8vw;max-width: 24.5rem;position: absolute;top: 0;bottom: 0;left: 0;z-index: 0;opacity: 0;transition: 1500ms;background-repeat: no-repeat;background-size: contain;background-image: url('data:image/svg+xml,');}
.js-intersected.ftr-container:after { opacity: 1; }
.ftr-container > .wp-block-group { z-index: 1; }
.footer a {display: block;width: fit-content;background: linear-gradient(0deg, var(--white), var(--white)) no-repeat 0 bottom / 0 1px;transition: background-size 350ms;}
.footer a.icon-item { background-position-x: 1.6rem; }
.footer a:not(.footer-logo):is(:hover, :focus-visible) {background-size: 100% 1px;color: var(--white);}
.footer-logo path { fill: var(--white); }
.footer-socials a { transition: transform 0.3s ease; }
.footer-socials a:is(:hover, :focus) { background: none; transform: scale(1.2); }
.footer-logo svg { transition: transform 0.3s ease; }
.footer-logo:is(:hover, :focus-visible) svg { transform: scale(1.05); }
.ftr-fax-line { margin: 1em 0; padding: 0 0 0 1.8em; position: relative; }
.ftr-fax-line svg { position: absolute; top: 0.15em; left: 0; width: 1.2em; height: 1.2em; }
.ftr-sec-title {position: relative;margin-bottom: 2.3rem;}
.ftr-sec-title:before {content: '';background: var(--white);width: 100%;height: 1px;position: absolute;right: 0;bottom: calc((0.5rem + 1px) * -1);left: 0;margin: auto;/* transform: scaleX(0); */transition: 500ms ease;}
.ftr-sec-title:after {content: '';background: var(--white);width: calc(0.4rem + 1px);height: calc(0.4rem + 1px);border-radius: 50%;position: absolute;/* right: 0; */bottom: -0.75rem;left: 0;margin: auto;}
@media (min-width: 68.5em) {
.copyright-section { margin-top: 3.7rem; }
}
/* 850px - Mobile breakpoint for copyright section */
@media only screen and (max-width: 53.125em) {
.copyright-wrapper { flex-direction: column; text-align: center; }
.policy-menu { justify-content: center; }
}
/* Policy menu */
.policy-menu li:nth-child(n+1):not(:last-child)::before { content: '|'; position: absolute; right: -0.6rem; }
/*--------------------------------------------------------------
# Our Providers
--------------------------------------------------------------*/
#our_providers { margin-top: 2rem; }
.our-providers-columns { gap: 1.6rem; }
.our-providers-text-col-btns { justify-content: center; }
.our-providers-img-col .bio-list .bio-label { margin: 0; }
.our-providers-img-col .bio-list .bio-name, .our-providers-img-col .bio-list .bio-cred { margin: 0; flex: 1 1 100%; }
@media (min-width: 48.875em) and (max-width: 68.49em) { /* 782px - 1095px */
.our-providers-columns {flex-wrap: wrap !important;}
.our-providers-columns.wp-block-columns > .our-providers-text-col.wp-block-column {flex-basis: auto !important;}
.our-providers-columns.wp-block-columns > .our-providers-img-col.wp-block-column {flex-basis: 0 !important;flex-grow: 1 !important;}
#our_providers .bio-list .bio-box { margin-left: 0; width: 100%; }
}
@media (min-width: 68.5em) {
#our_providers { padding-right: 0; padding-left: 0; margin-top: 4.6rem; margin-right: calc(var(--contain-padding) - 1rem); margin-left: calc(var(--contain-padding) - 1rem); }
.our-providers-columns {max-width: 60rem;justify-content: space-between;}
.our-providers-text-col {max-width: 28.5rem;padding-top: 6.2rem;}
.our-providers-text-col-btns {justify-content: flex-start;margin-top: 2rem;}
.our-providers-img-col {max-width: 24.9rem;}
.our-providers-img-col .bio-list {display: grid;grid-template-areas: 'left top-right' 'left bottom-right';gap: 0.9rem 2.4rem;}
.our-providers-img-col .bio-box:nth-child(1) { grid-area: top-right; }
.our-providers-img-col .bio-box:nth-child(2) { grid-area: left; align-self: center; }
.our-providers-img-col .bio-box:nth-child(3) { grid-area: bottom-right; }
.our-providers-img-col .bio-list .bio-box { width: fit-content; }
.our-providers-img-col .bio-list .bio-image {margin-right: 0;margin-bottom: 0.6rem;width: 11.25rem;height: 11.25rem;border-bottom: none;}
.our-providers-img-col .bio-list .bio-image:before {content: '';width: 1.6rem;height: 1.6rem;position: absolute;top: 0.2rem;left: 0.2rem;z-index: 1;background-size: contain;background-repeat: no-repeat;background-image: url('data:image/svg+xml,');}
.our-providers-img-col .bio-list .bio-image:after {content: '';width: 1.6rem;height: 1.6rem;position: absolute;right: 0.2rem;bottom: 0.2rem;z-index: 1;background-size: contain;background-repeat: no-repeat;background-image: url('data:image/svg+xml,');}
.our-providers-img-col .bio-list .bio-name {color: var(--primary-color);font-weight: 700;margin-bottom: 0.6rem;position: relative;}
.our-providers-img-col .bio-list .bio-name:after {content:'';width: 2.4rem;height: 1px;background: var(--primary-color);position: absolute;right: 0;bottom: -0.35rem;left: 0;margin: auto;}
.our-providers-img-col .bio-list .bio-cred { font-size: 0.8rem; color: var(--primary-color); }
}
/*--------------------------------------------------------------
# Our Location Section
--------------------------------------------------------------*/
.location-cta { max-width: 81.6rem; position: relative; }
.location-cta:before {content: '';width: 4rem;height: 4rem;position: absolute;top: 0.2rem;left: 0.2rem;opacity: 0;transition: 1000ms ease;transition-delay: 500ms;background-size: contain;background-image: url('data:image/svg+xml,');}
.location-cta:after {content: '';width: 4rem;height: 4rem;position: absolute;bottom: 0.2rem;right: 0.2rem;opacity: 0;transition: 1000ms ease;transition-delay: 500ms;background-size: contain;background-image: url('data:image/svg+xml,');}
.js-intersected.location-cta:before, .js-intersected.location-cta:after { opacity: 1; }
.location-card {max-width: 55rem;margin: auto;position: relative;padding-right: 0.7rem !important;padding-left: 0.7rem !important;}
.loc-sec-title {position: relative;margin-top: 0;}
.loc-sec-title:before {content: '';background: var(--white);width: 100%;height: 1px;position: absolute;right: 0;bottom: calc((0.95rem + 1px) * -1);left: 0;margin: auto; transform: scale(0); transform-origin: left; transition: 500ms ease; transition-delay: 500ms; }
.js-intersected .loc-sec-title:before { transform: scale(1); }
.loc-sec-title:after {content: '';background: var(--white);width: calc(0.4rem + 1px);height: calc(0.4rem + 1px);border-radius: 50%;position: absolute;bottom: -1.2rem;left: 0;margin: auto;}
.loc-sec-column-container a{width: fit-content;background: linear-gradient(0deg, var(--white), var(--white)) no-repeat 0 bottom / 0 2px;transition: background-size 350ms;color: var(--white);}
.loc-sec-column-container a:is(:hover, :focus-visible) { background-size: 100% 2px; color: var(--white); }
.location-card .hours, .location-card .fax { color: var(--white); }
.loc-sec-img { margin: 0; }
.loc-sec-img img { contain-intrinsic-size: 21rem 13rem; }
.loc-info-item svg { width: 1rem; height: 1rem; vertical-align: -0.4rem; }
@media (min-width: 58.5em) {
.loc-sec-title {margin-top: 0;}
.location-cta:before {content: '';width: 10rem;height: 10rem;top: 0.4rem;left: 0.4rem;}
.location-cta:after {content: '';width: 10rem;height: 10rem; bottom: 0.4rem;right: 0.4rem; }
.loc-sec-column-container { position: relative; z-index: 1; }
}
@media (min-width: 68.5em) {
.loc-sec-column-container {justify-content: space-between;gap: 1.1rem;margin-top: 2rem;}
}
/*--------------------------------------------------------------
# Book Your Appt Section
--------------------------------------------------------------*/
#fullwidth_contact_form {padding: 0;}
.fullwidth-contact-form-image {min-height: 9.4rem;height: 52.2vw;max-height: 18rem;max-width: none;}
.fullwidth-contact-form-text {padding-top: 3rem;padding-right: 1.5rem;padding-bottom: 1.8rem;padding-left: 1.5rem;position: relative;max-width: none;}
.fullwidth-contact-form-text:after {content: '';width: 4rem;height: 4rem;position: absolute;bottom: 0.2rem;right: 0.2rem;background-size: contain;background-image: url('data:image/svg+xml,');}
.fullwidth-contact-title {margin: 0 auto 0.8rem !important; position: relative;}
.fullwidth-contact-title:before {content: '';background: var(--primary-color);width: 100%;height: 1px;position: absolute;right: 50%;top: calc((1.5rem + 1px) * -1);left: -50%;}
.fullwidth-contact-title:after {content: '';background: var(--primary-color);width: calc(0.4rem + 1px);height: calc(0.4rem + 1px);border-radius: 50%;position: absolute;top: -1.75rem;right: 0;left: 0;margin: auto;}
.fullwidth-contact-btns { justify-content: center; }
@media (min-width: 58.5em) {
#fullwidth_contact_form {display: flex;align-items: flex-end;}
#fullwidth_contact_form:before {content: '';background: var(--primary-color);width: 50%;height: 1px;position: absolute;top: calc((-0.85rem + 1px) * -1);right: auto;left: 0rem;margin: auto;z-index: 1;}
#fullwidth_contact_form:after {content: '';background: var(--primary-color);width: calc(0.4rem + 1px);height: calc(0.4rem + 1px);border-radius: 50%;position: absolute;right: 0;top: calc(0.55rem + 1px);left: 0;margin: auto;}
.fullwidth-contact-form-image {width: calc(50% + 1rem);margin-right: -1rem !important;position: relative;z-index: 1;}
.fullwidth-contact-form-text {width: calc(50% + 1rem);margin-left: -1rem !important;padding-left: 4rem;}
.fullwidth-contact-title:before, .fullwidth-contact-title:after { display: none; }
.fullwidth-contact-btns { justify-content: flex-start; }
}
@media (min-width: 68.5em) {
.fullwidth-contact-form-image {min-height: 20rem;height: 26vw;max-height: 25rem;}
.fullwidth-contact-form-text {padding-top: 2.5rem;padding-bottom: 4rem;padding-left: 5.4rem;}
.fullwidth-contact-form-text:after { width: 10rem; height: 10rem; bottom: 0.4rem; right: 0.4rem; }
.fullwidth-contact-text { max-width: 24rem; margin-left: 0 !important; }
}
@media (min-width: 82.5em) {
#fullwidth_contact_form:before {/* background: blue; */width: calc(50% + 0rem);top: calc((-1.25rem + 1px) * -1);}
#fullwidth_contact_form:after {top: calc(0.95rem + 1px);}
.fullwidth-contact-form-image {width: calc(50% + 2.5rem);min-height: 25rem;margin-right: -2.5rem !important;}
.fullwidth-contact-form-text {width: calc(50% + 2.5rem);margin-left: -2.5rem !important;min-height: 27.4rem;padding-top: 5rem;padding-left: 10.8rem;}
}
@media (prefers-reduced-motion:no-preference) {
#fullwidth_contact_form::before {transform: scale(0);transform-origin: left;transition: 500ms ease;transition-delay: 500ms;}
#fullwidth_contact_form::after {transform-origin: center;transform: scale(0);transition: 750ms ease;transition-delay: 1000ms;}
.js-intersected#fullwidth_contact_form::before { transform: scale(1); }
.js-intersected#fullwidth_contact_form::after {transform: scale(1,1);}
}
/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(var(--spin-rotation, 360deg)); }
}
@keyframes fade {
0% { opacity: var(--o1, 0); }
100% { opacity: var(--o2, 1); }
}
@keyframes fadein {
0% { opacity: var(--o1, 0); transform: translate(var(--x1, 0), var(--y1, 5rem)); }
100% { opacity: var(--o2, 1); transform: translate(var(--x2, 0), var(--y2, 0)); }
}
@keyframes fadeout {
0% { opacity: var(--o2, 1); transform: translate(var(--x2, 0), var(--y2, 0)); }
100% { opacity: var(--o1, 0); transform: translate(var(--x1, 0), var(--y1, 5rem)); }
}
@keyframes point {
0% { transform: translate(0, 0); }
50% { transform: translate(var(--x, 1rem), var(--y, 0)); }
100% { transform: translate(0, 0); }
}
/* popAnimation Example: https://jsfiddle.net/KTC_88/8xkLv520/ */
@keyframes popAnimation {
0% {transform: scale(0.5); opacity: 0;}
80% {transform: scale(1.1)}
100% {transform: scale(1); opacity: 1}
}
/**
* Animation helper classes.
*/
@media (prefers-reduced-motion:no-preference) {
.delay-200 { --delay: 200ms; }
.delay-300 { --delay: 300ms; }
.delay-400 { --delay: 400ms; }
.delay-500 { --delay: 500ms; }
.delay-600 { --delay: 600ms; }
.delay-750 { --delay: 750ms; }
.delay-800 { --delay: 800ms; }
.delay-900 { --delay: 900ms; }
.delay-1000 { --delay: 1000ms; }
.delay-1500 { --delay: 1500ms; }
.time-300 { --time: 300ms; }
.time-500 {--time: 500ms;}
.time-750 { --time: 750ms; }
.time-1000 { --time: 1000ms; }
/* Add to wrappers to animate children */
.popin > * { transform: scale(0.5); opacity: 0; }
.popin.js-intersected > * {--delay:calc(var(--i, 0) * 200ms);animation: popAnimation 500ms ease var(--delay) forwards;}
.fadein-items > * { opacity: 0; transform: translateY(0); }
.fadein-items.js-intersected > * { --delay:calc(var(--i, 0) * 200ms); animation: fadein var(--time, 400ms) ease var(--delay) forwards; }
/* Add directly to element that will be affected */
.fade { opacity: 0; }
.fadein { opacity: 0; transform: translateY(0); --y1: 0; }
.fadeup { opacity: 0; transform: translateY(5rem); }
.fadedown { opacity: 0; transform: translateY(-5rem); --y1: -5rem; }
.fadeleft { opacity: 0; transform: translateX(-5rem); --x1: -5rem; --y1: 0; }
.faderight { opacity: 0; transform: translateX(5rem); --x1: 5rem; --y1: 0; }
.js-intersected:is(.fadein, .fadeup, .fadedown, .fadeleft, .faderight) { animation: fadein var(--time, 300ms) var(--delay, 300ms) var(--easing, ease) forwards; }
.js-intersected:is(.fade) { animation: fade var(--time, 300ms) var(--delay, 300ms) var(--easing, ease) forwards; }
}
/* Used to make images in links grow when link is hovered - simply add .hover-img-grow to link or image block */
figure.hover-img-grow, .hover-img-grow figure { overflow: hidden; }
.hover-img-grow img { transition: transform var(--time, 0.3s); }
a:has(+ .hover-img-grow):is(:hover, :focus-visible) + figure img,
a:has(.hover-img-grow):is(:hover, :focus-visible) img,
a.hover-img-grow:is(:hover, :focus-visible) img { transform: scale(var(--scale, 1.1)); }
/*--------------------------------------------------------------
# Print
--------------------------------------------------------------*/
@media print {
@page { margin: 0.5cm; }
* { background: transparent !important; color: black !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
p, h1, h2, h3 { orphans: 3; widows: 3; }
h1, h2, h3 { page-break-after: avoid; }
.main-header { padding-top: 0 !important; padding-bottom: 0 !important; }
.main-title { margin: 0; padding-bottom: 1rem; border-bottom: 2px solid #000; }
.primary-menu, #sidebar, .header, .footer, .page-navigation, .pagination, .wp-prev-next, .respond-form { display: none !important; }
}
/*--------------------------------------------------------------
# Safari 15.3 fallbacks
Safari 15.3 and under bug fixes - welcome to the new IE
--------------------------------------------------------------*/
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
/* Hide Dialog (not supported) */
dialog { display: none; background-color: var(--white); z-index: 9999; }
dialog[open] { display: block; }
/* Menu Fixes */
.js-active .sub-menu-trigger[aria-expanded=true] + .sub-menu .sub-animate > * { background: var(--white); }
.primary-menu .menu-label:hover { color: var(--white); }
}
}