/* ph Obsessed Theme Styles for Hornet Express */ 

:root {
    --hornet:   #C4272D;
    --night:    #000000;
    --white:    #ffffff;
    --black:    #252323;
    --gray:     #d9d9d9;
    --stinger:  #E6AF2E;
    
    --font-size-ml: calc(calc(var(--font-size-md) + var(--font-size-lg)) / 2);

	--disclaimer-font-size: 1.3rem;
}
.no-margin-bottom .content-sidebar-wrap, .no-margin-bottom .content-sidebar-wrap>.content>.entry>.entry-wrap:last-child>.entry-content>.alignfull:last-child {
    margin-bottom: 0 !important;
}
.inner-sm {
    max-width: var(--breakpoint-sm);
    margin: auto;
}
/* Header */ 
.site-header {
    background: url('/wp-content/uploads/2023/11/hornet-hexagons-light.svg');
    background-size: 60vw;
    background-clip: border-box;
    background-position: 114% 50%;
    background-repeat: no-repeat;
}
@media only screen and (min-width: 800px) {
    .site-header {
        background: url('/wp-content/uploads/2023/11/hornet-hexagons-light.svg');
        background-size: 30vw;
        background-position: -4% 50%;
        background-repeat: repeat-x;
    }
    .site-header-wrap {
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
    }
}
.site-header .nav-header {
    --menu-text-transform: uppercase;
    --menu-font-size: var(--font-size-ml);
}
/* Hornet Hero Header */ 
.hh-inner {
	min-height: 30vh;
}
.hh-bgd-img {
	position: relative;
}
.hh-hero-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: center;
    z-index: 0;
}
.hh-bgd-inner {
	position: relative;
    z-index: 1;
	background: rgba(37,35,35,.75);
}
.hh-inner {
	display: flex;
	justify-content: space-evenly;
	max-width: var(--breakpoint-xxl);
	margin: auto;
}
.hh-spacer {
	flex-basis: 55%;
}
.hh-inner-contents {
	flex-basis: 45%;
	padding: 1.5rem;
}
.hh-inner-contents li {
	line-height: 1.15
}
.hh-inner-contents a {
    color: var(--color-secondary);
    text-decoration: none;
}
.hh-inner-contents a:hover {
    color: var(--color-primary);
}
@media only screen and (min-width: 900px) {
	.hh-bgd-img {
		background-size: 55vw !important;
		background-position: left center !important;
	}
	.hh-bgd-inner {
		background:  linear-gradient(90deg, rgba(255,255,255,0) 25%, rgba(37,35,35,.95) 55%);
	}
}
@media only screen and (max-width: 900px) {
	.hh-spacer {
		display: none;
	}
	.hh-inner {
		justify-content: spacer-around;
	}
	.hh-inner-contents {
		flex-basis: 95%;
        padding: 1.5rem .25rem;
	}
}
@media only screen and (min-width: 1600px) {
	.hh-bgd-inner {
		background: linear-gradient(90deg, rgba(255,255,255,0) 20%, rgba(37,35,35,.95) 50%);
	}
	.hh-spacer {
		flex-basis: 30%;
	}
}
.hh-preheader, .hh-header, .hh-subheader, .hh-contents {
	color: var(--white);
}
.hh-header em {
	padding-right: .5rem;
}
.hh-preheader {
	font-family: var(--body-font-family);
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: var(--font-size-md);
	margin-bottom: var(--spacing-xxxs);
}
.hh-header {
	font-family: var(--heading-font-family); 
	font-size: var(--font-size-xxxl);
	font-weight: var(--heading-font-weight);
	line-height: 1.2;
	margin-bottom: var(--spacing-xxs);
}
.hh-subheader {
	font-family: var(--body-font-family);
	font-weight: 400;
	font-size: var(--font-size-xl);
	line-height: 1.2
}
.hh-contents {
	font-size: var(--font-size-ml);
}


/* Hexagon Images */ 
.hexagon img {
	-webkit-mask-image: url(/wp-content/uploads/2023/11/hexagon.svg);
  mask-image: url(/wp-content/uploads/2023/11/hexagon.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
	margin-bottom: -1rem;
}

/* How It Works Columns */ 
.how-it-works-cols {
	flex-wrap: wrap !important;
	justify-content: center;
}
.how-it-works-col {
	flex-basis: 80%;
	max-width: 80%;
	padding-bottom: var(--spacing-xs);
}
@media only screen and (min-width: 500px) {
	.how-it-works-col {
		flex-basis: 40% !important;
		max-width: 40%;
	}
}
.how-it-works-col .wp-block-image {
	margin-bottom: 0;
	justify-content: middle;
}

.how-it-works-col h3 {
	margin-bottom: var(--spacing-xs);
}
@media only screen and (min-width: 900px) {
	.how-it-works-col {
		flex-basis: 30% !important;
		max-width: 30%;
	}
}
@media only screen and (min-width: 1100px) {
	.how-it-works-col {
		flex-basis: 25%;
		max-width: 20%;
	}
}

/* Pricing */ 
.pricing-cols p {
	margin-bottom: 0;
}

/* Map Embed */ 
.footer-map-embed iframe{
	min-height: 500px;
}

/* Footer Contact */ 
.footer-contact h2 {
	margin-bottom: 0;
}
.footer-contact h3 {
	margin-bottom: 0;
	margin-top: var(--spacing-lg);
}
.footer-contact a, .footer-contact {
	font-size: var(--font-size-lg);
}

/* Footer */
.footer-credits {
    font-size: var(--font-size-sm);
    line-height: 2;
}
.footer-credits a {
    text-decoration: none;
}
.footer-credits a:hover {
    color: var(--color-secondary);
}

/* Yoast FAQ Schema Block */ 
.schema-faq-section {
	border: 1px solid var(--gray);
	max-width: var(--breakpoint-md);
    margin: 1rem auto;
	padding: 1rem;
}
.schema-faq-question {
    font-size: 1.3rem;
    padding: 0;
    text-transform: none;
    text-align: left;
    width: 100%;
	display: inline-block;
	color: var(--color-primary);
}
.schema-faq-question:hover {
	cursor: pointer;
}
.schema-faq-answer {
	padding-top: 1rem;
    margin: 1rem  2rem;
	border-top: 1px solid var(--gray);
	display: none;
}
.schema-faq-question:before {
	content: "\002B";
    font-weight: bold;
	margin-right: 1rem;
}
.schema-faq-question.faq-active:before {
	content: "\2212 ";
  font-weight: bold;
}

/* ReCAPTCHA Disclaimer */ 
.woa-recaptcha-disclaimer {
	margin-bottom: 0;
}