/*
 * Shared frontend and editor block utility classes.
 */

h1{
	font-size: unset;
}


.hide-top-border {
    overflow: hidden;
}

.hide-top-border > * {
    top: -2px;
    position:relative;
}

.home-hero-section{
    border:15px #fff solid;
}

.home header.wp-block-template-part > div{
    padding-top:15px !important;
    padding-left:30px !important;
    padding-right:30px !important;
	transition: padding .3s ease;
}
.home header.wp-block-template-part:not(.is-at-top.anim) > div{
    padding-top:0px !important;
    padding-left:30px !important;
    padding-right:30px !important;
}
.desktop-column-1fr-3fr {
	grid-template-columns: 1fr 3fr !important;
}
.desktop-column-2fr-3fr {
	grid-template-columns: 2fr 3fr !important;
}
.desktop-column-3fr-3fr {
	grid-template-columns: 3fr 3fr !important;
}
.desktop-column-4fr-3fr {
	grid-template-columns: 4fr 3fr !important;
}
.desktop-column-5fr-3fr {
	grid-template-columns: 5fr 3fr !important;
}
.desktop-column-6fr-3fr {
	grid-template-columns: 6fr 3fr !important;
}
.desktop-column-1fr-4fr {
	grid-template-columns: 1fr 4fr !important;
}
.desktop-column-2fr-4fr {
	grid-template-columns: 2fr 4fr !important;
}
.desktop-column-3fr-4fr {
	grid-template-columns: 3fr 4fr !important;
}
.desktop-column-4fr-4fr {
	grid-template-columns: 4fr 4fr !important;
}
.desktop-column-5fr-4fr {
	grid-template-columns: 5fr 4fr !important;
}
.desktop-column-6fr-4fr {
	grid-template-columns: 6fr 4fr !important;
}
.desktop-column-7fr-4fr {
	grid-template-columns: 7fr 4fr !important;
}
.desktop-column-8fr-4fr {
	grid-template-columns: 8fr 4fr !important;
}
.desktop-column-9fr-4fr {
	grid-template-columns: 9fr 4fr !important;
}
.desktop-column-1fr-5fr {
	grid-template-columns: 1fr 5fr !important;
}
.desktop-column-2fr-5fr {
	grid-template-columns: 2fr 5fr !important;
}
.desktop-column-3fr-5fr {
	grid-template-columns: 3fr 5fr !important;
}
.desktop-column-4fr-5fr {
	grid-template-columns: 4fr 5fr !important;
}
.desktop-column-5fr-5fr {
	grid-template-columns: 5fr 5fr !important;
}
.desktop-column-6fr-5fr {
	grid-template-columns: 6fr 5fr !important;
}
.desktop-column-7fr-5fr {
	grid-template-columns: 7fr 5fr !important;
}
.desktop-column-8fr-5fr {
	grid-template-columns: 8fr 5fr !important;
}
.desktop-column-9fr-5fr {
	grid-template-columns: 9fr 5fr !important;
}

.overflow-visible {
	overflow: visible !important;
}

/* Make the block preview prettier :) */
.block-editor-iframe__body .is-root-container > div:not(.hero-section, .home-hero-section){
	margin:60px 40px;
}
.is-root-container.wp-block-post-content.block-editor-block-list__layout > p{
    margin-left:2rem !important;
    margin-right:2rem !important;
}


.overflow-hidden {
	overflow: hidden !important;
}

.wp-block-post-featured-image.thumb-size-style-rectangle-6-4 img {
	aspect-ratio: 6 / 4;
	object-fit: cover;
	width: 100%;
}

.wp-block-post-featured-image.thumb-size-style-rectangle-6-4 a {
	display: block;
}

.wp-block-post-featured-image.thumb-size-style-rectangle-7-4 img {
	aspect-ratio: 7 / 4;
	object-fit: cover;
	width: 100%;
}

.wp-block-post-featured-image.thumb-size-style-rectangle-7-4 a {
	display: block;
}

.wp-block-post-featured-image.thumb-size-style-rectangle-8-4 img {
	aspect-ratio: 8 / 4;
	object-fit: cover;
	width: 100%;
}

.wp-block-post-featured-image.thumb-size-style-rectangle-8-4 a {
	display: block;
}

.wp-block-post-featured-image.thumb-size-style-rectangle-8-9 img {
	aspect-ratio: 8 / 9;
	object-fit: cover;
	width: 100%;
}

.wp-block-post-featured-image.thumb-size-style-rectangle-8-9 a {
	display: block;
}

.wp-block-post-featured-image.has-hover-scale {
	overflow: hidden;
}

.wp-block-post-featured-image.has-hover-scale a img {
	transition: transform 0.3s ease;
}

.wp-block-post-featured-image.has-hover-scale a img:hover {
	transform: scale(1.1);
}

[data-desktop-visibility*="hide"] {
	display: none;
}
@media (max-width: 768px){
	[data-desktop-visibility*="hide"] {
		display: block;
	}
	[data-mobile-visibility*="hide"] {
		display: none !important;
	}
	[data-mobile-border-visibility*="hide"] {
		border: none !important;
	}
	[data-mobile-padding-visibility*="hide"] {
		padding: 0 !important;
	}

}

[data-component-list*="StaggeredFadeIn"] {
	--staggered-delay: 500ms;
	--staggered-duration: 800ms;
	--staggered-translate-y: 30px;
	overflow-y:hidden;
}

[data-component-list*="StaggeredFadeIn"][data-staggered-item-no-translate] {
	--staggered-translate-y: 0px;
}

html.no-reduced-motion [data-component-list*="StaggeredFadeIn"].staggered-ready [data-staggered-item] {
	opacity: 0;
	transform: translateY(var(--staggered-translate-y));
	transition:
		opacity var(--staggered-duration) ease,
		transform var(--staggered-duration) ease;
	transition-delay: calc(var(--stagger-index, 0) * var(--staggered-delay));
	will-change: opacity, transform;
}

html.no-reduced-motion [data-component-list*="StaggeredFadeIn"].staggered-end [data-staggered-item] {
	opacity: 1;
	transform: none;
	will-change: auto;
}

html.reduced-motion [data-component-list*="StaggeredFadeIn"] [data-staggered-item] {
	opacity: 1;
	transform: none;
	transition: none;
}

main > *{
	overflow-x: hidden;
}

.req-brand-grid-list > figure {
    aspect-ratio: 1;
    object-fit: cover;
    padding: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #8bb0cf;
    border-right: 1px solid #8bb0cf;
}
@media (max-width:480px){
	.req-brand-grid-list > figure {
		border-bottom: 1px solid #8bb0cf;
		border-right: 1px solid #8bb0cf;
	}
}
.req-brand-grid-list{
    overflow:hidden;
}
.req-brand-grid-list > figure{
    position: relative;
    right: -4px;
    bottom: -4px;
}
@media (max-width:1024px){
    .mobile-column-1fr-1fr {
        grid-template-columns: 1fr 1fr 1fr !important;
    }
}
@media (max-width:768px){
    .mobile-column-1fr-1fr {
        grid-template-columns: 1fr 1fr !important;
    }
}
@media (max-width:480px){
    .mobile-column-1fr-1fr {
        grid-template-columns: 1fr !important;
    }

    .mini-column-1fr {
        grid-template-columns: 1fr !important;
    }
	
    .mini-column-1fr-1fr {
        grid-template-columns: 1fr 1fr !important;
    }
}


@media (max-width:768px){
    .mobile-column-1fr {
        grid-template-columns: 1fr !important;
    }

	.mobile-arrangement-revert-order {
		display: flex !important;
		flex-direction: column-reverse !important;
	}
}

.is-style-req-surface {
	box-shadow: var(--req-shadow);
}

.is-style-req-underline-link :where(a:not(.wp-element-button)) {
	color: var(--wp--preset--color--charcoal) !important;
	display: inline-block;
	position: relative;
	text-decoration: none;
	transition: color 0.25s ease;
	text-transform: uppercase;
	font-size: var(--wp--preset--font-size--kicker);
	font-weight: 500;
}


.is-style-req-underline-link :where(a:not(.wp-element-button))::after {
	background: var(--wp--preset--color--red);
	bottom: -0.1em;
	content: "";
	height: 0.1em;
	left: 0;
	position: absolute;
	transform: scaleX(1);
	transform-origin: left center;
	transition: transform 0.25s ease, background-color 0.25s ease;
	width: 100%;
}

.is-style-req-underline-link :where(a:not(.wp-element-button)):hover {
	color: var(--wp--preset--color--red);
}

.is-style-req-underline-link :where(a:not(.wp-element-button)):hover::after {
	background: var(--wp--preset--color--charcoal);
	transform: scaleX(0);
}



.is-style-req-kicker-link :where(a:not(.wp-element-button)) {
	color: var(--wp--preset--color--bold-blue);
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--kicker);
	font-weight: 500;
	letter-spacing: 0.04em;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 0.25s ease, gap 0.25s ease;
}


.is-style-req-kicker-link :where(a:not(.wp-element-button)):hover {
	color: var(--wp--preset--color--red);
	gap: 0.9rem;
}

.wp-block-page-list-item.is-style-req-button > a,
.wp-block-navigation-item.is-style-req-button > a,
.wp-block-navigation-link.is-style-req-button > a {
	background: var(--wp--preset--color--red);
	color: var(--wp--preset--color--white) !important;
	display: inline-block;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--body-sm);

	letter-spacing: 0.04em;
	padding: 0.7rem 1.4rem;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.wp-block-page-list-item.is-style-req-button > a:hover,
.wp-block-page-list-item.is-style-req-button > a:focus,
.wp-block-navigation-item.is-style-req-button > a:hover,
.wp-block-navigation-item.is-style-req-button > a:focus,
.wp-block-navigation-link.is-style-req-button > a:hover,
.wp-block-navigation-link.is-style-req-button > a:focus {
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--white) !important;
}

.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline,
.wp-element-button.is-style-outline {
	border: 1px solid var(--wp--preset--color--grey);
	color: inherit;
	font-weight: 200;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link.is-style-outline:hover,
.wp-element-button.is-style-outline:hover {
	background:var(--wp--preset--color--red);
	border-color:var(--wp--preset--color--red);
	color:#FFF;
}
.is-style-req-cutted-border {
	position: relative;
}

.is-style-req-cutted-border::before {
	background: rgb(255, 255, 255);
	
	content: "";
	left: -4px;
	position: absolute;
	top: 20%;
	bottom: 0;
	width: 6px;
}

.is-style-req-cutted-border-right {
	position: relative;
}

.is-style-req-cutted-border-right::before {
	background: rgb(255, 255, 255);
	bottom: 0;
	content: "";
	position: absolute;
	right: -4px;
	top: min(100px, 15%);
	width: 6px;
}

.wp-block-group.is-style-style-1 :is(h1, h2, h3, h4, h5, h6) {
	color: var(--wp--preset--color--navy);
	font-weight: 800;
	text-transform: uppercase;
}

.wp-block-group.is-style-style-1 h1 {
	font-size: var(--wp--preset--font-size--heading-xl);
}

.wp-block-group.is-style-style-1 h2 {
	font-size: var(--wp--preset--font-size--heading-lg);
}

.wp-block-group.is-style-style-1 h3 {
	font-size: var(--wp--preset--font-size--heading-md);
}

.wp-block-group.is-style-style-1 h4 {
	font-size: var(--wp--preset--font-size--heading-smd);
}

.wp-block-group.is-style-style-1 h5 {
	font-size: var(--wp--preset--font-size--heading-sm);
}

.wp-block-group.is-style-style-1 h6 {
	font-size: var(--wp--preset--font-size--heading-sm-light);
}

.wp-block-group.is-style-style-1 .kicker {
	color: var(--wp--preset--color--bold-blue);
	font-weight: 500;
	font-size: var(--wp--preset--font-size--body-sm);
}
.wp-block-group.is-style-style-1 .kicker a{
	color: var(--wp--preset--color--bold-blue);
	text-decoration: none;
}

.wp-block-group.is-style-article h2 {
	color: var(--wp--preset--color--bold-blue);
	font-size: var(--wp--preset--font-size--heading-md);
	text-transform: uppercase;
}

.wp-block-group.is-style-article h3 {
	font-size: var(--wp--preset--font-size--heading-sm);
	font-weight: 500;
}

.wp-block-group.is-style-article h4 {
	font-size: var(--wp--preset--font-size--heading-sm-light);
	font-weight: 500;
}

.wp-block-group.is-style-article h5 {
	font-size: var(--wp--preset--font-size--heading-xs);
	font-weight: 500;
}

.wp-block-group.is-style-article h6 {
	font-size: var(--wp--preset--font-size--heading-xxs);
	font-weight: 500;
}

.is-style-article .entry-content > figure.wp-block-image.size-full > img {
	width: 100%;
}

/* Gravity forms */
.gform-body.gform_body .ginput_container input,
.gform-body.gform_body .ginput_container textarea{
    background:#f4f4f4;
    color:#7c7c7c;
    font-size:var(--wp--preset--font-size--body-sm);
    border:0px;
    box-shadow:none;
    border-radius:0px;
}

.gform-body.gform_body .gform_fields{
    row-gap:15px;
    column-gap:12px;
}

.gform-body.gform_body .ginput_container--name{
    gap:0px;
}

.gform-body.gform_body legend.gfield_label,
.gform-body.gform_body label.gfield_label{
    font-size:var(--wp--preset--font-size--body-lg);
}

.gform-body.gform_body div#input_1_5 {
    display:grid;
    grid-template-columns:1fr 1fr;
}
.gform-footer input.gform_button.button{
    	cursor: pointer;
	background-color: var(--wp--preset--color--red) !important;
	color: var(--wp--preset--color--white) !important;
	font-family: var(--wp--preset--font-family--sans) !important;
	font-size: var(--wp--preset--font-size--body-sm) !important;
	padding:0.9rem 1.4rem !important;
	border:0px !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	letter-spacing: 0.04em !important;
	border-radius:0px !important;
}



@media (max-width:768px){
    .gform-body.gform_body div#input_1_5 {
        display:grid;
        grid-template-columns:1fr;
    }
}

.entry-content{
    overflow: visible;
	
	max-width: 100% !important;
	width:100% !important;
}
.entry-content > div{
	overflow-x: hidden;
}

.maxed-image{
	position: absolute;
	width: 100%;
	height: 100%;
}

/* Insights Filter Button */
.wp-block-buttons.filter-buttons{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
}
@media (max-width:950px){
    .wp-block-buttons.filter-buttons{
        display:flex;
    }
}

.filter-insights-dropdown-toggle {
	display: none;
}

@media (max-width:768px){
	.filter-insights-wrapper {
		align-items: stretch !important;
		flex-direction: column;
		gap: 0.85rem;
		position: relative;
		width: 100%;
	}

	.filter-insights-wrapper > p {
		margin: 0;
	}

	.filter-insights-dropdown-toggle {
		align-items: center;
		background: var(--wp--preset--color--white);
		border: 1px solid var(--wp--preset--color--grey);
		color: var(--wp--preset--color--charcoal);
		cursor: pointer;
		display: flex;
		font-family: var(--wp--preset--font-family--sans);
		font-size: var(--wp--preset--font-size--body-sm);
		font-weight: 200;
		justify-content: space-between;
		line-height: 1.2;
		padding: 0.9rem 1rem;
		text-align: left;
		text-transform: capitalize;
		width: 100%;
	}

	.filter-insights-dropdown-toggle__label {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.filter-insights-dropdown-toggle__icon {
		flex: 0 0 auto;
		font-size: 0.9rem;
		margin-left: 1rem;
		transition: transform 0.2s ease;
	}

	.filter-insights-wrapper.is-mobile-dropdown-open .filter-insights-dropdown-toggle__icon {
		transform: rotate(180deg);
	}

	.filter-insights-wrapper .wp-block-buttons.filter-buttons {
		background: var(--wp--preset--color--white);
		border: 1px solid var(--wp--preset--color--grey);
		display: none;
		grid-template-columns: 1fr;
		left: 0;
		margin-top: 0;
		position: absolute;
		right: 0;
		top: 100%;
		width: 100%;
		z-index: 20;
	}

	.filter-insights-wrapper.is-mobile-dropdown-open .wp-block-buttons.filter-buttons {
		display: grid;
	}

	.filter-insights-wrapper .wp-block-buttons.filter-buttons .wp-block-button {
		margin: 0;
		width: 100%;
	}

	.filter-insights-wrapper .wp-block-buttons.filter-buttons .wp-block-button__link {
		border: 0;
		border-bottom: 1px solid var(--wp--preset--color--grey);
		border-radius: 0;
		display: block;
		font-weight: 200;
		padding: 0.85rem 1rem;
		text-align: left;
		width: 100%;
	}

	.filter-insights-wrapper .wp-block-buttons.filter-buttons .wp-block-button:last-child .wp-block-button__link {
		border-bottom: 0;
	}
}


.req-meta-image-block.wp-block-gfd-meta-image-block img {
    width: 100%;
}


/* Dirty fix */
@media (min-width: 600px) and (max-width: 768px) {
    
    
    header > div > div {
        padding: 10px 10px !important;
        /* display: flex; */
        /* flex-direction: row; */
    }
    
    header > div > div > nav {
        width: 100%;
    }

    header > div > div > nav .wp-block-navigation__container{
        gap:15px
    }

}

@media (max-width:599px){
	li.wp-block-navigation-item.is-style-req-button.wp-block-navigation-link a {
		padding: 15px 20px !important;
	}
	.is-menu-open {
		height: 100vh;
	}
	.home a.wp-block-navigation-item__content:hover {
		color: #e4381e !important;
	}
}