/*
Theme Name: Freedom CNG
Author: Crew Marketing Partners
Author URI: https: //www.crewmarketingpartners.com/
*/


html,
body {
	scroll-behavior: smooth;
}

header.wp-block-template-part {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	color: white;
	z-index: 100;
	transition: all .4s ease;

	.header-container {
		background: none !important;
	}

	.header--logo {
		transition: all .4s ease;
	}

	&.scrolled {
		--wp--preset--color--white: var(--wp--preset--color--accent-1);
		background: white;
		color: var(--wp--preset--color--accent-1);

		.header--logo {
			color: var(--wp--preset--color--accent-1) !important;
			max-width: 203px;
		}

		.header--content {
			padding-top: 6px !important;
		}
	}
}

.wp-block-navigation__responsive-container {
	color: var(--wp--preset--color--accent-1) !important;
}

a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}


.freedom-cpg--container {
	position: relative;
	z-index: 20;
}


/*  Industry Toggles */

.industry-toggle--container {
	display: grid;
}

.industry-toggle--commercial,
.industry-toggle--industrial {
	grid-row-start: 1;
	grid-column-start: 1;
}


.industry-toggle--toggles {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	--wp--style--block-gap: 0px;
	gap: 0;

	.wp-block-button {
		width: 100% !important;
	}

	a {
		transition: all .4s ease;

		&.inactive {
			opacity: 0.5;


			&:hover {
				opacity: 1;
			}
		}
	}

	@media screen and (max-width: 1000px) {
		grid-template-columns: 1fr;

		a {
			font-size: 40px !important;
		}
	}
}



.footer-content--container {
	height: 100%;
}

footer.wp-block-template-part {
	position: relative;
	margin: 0;
	z-index: 22;


	.footer-content {
		height: 100%;
	}
}

.wp-block-cover__inner-container:has(> .fueling-station--container) {
	width: 830px;
	max-width: 100%;
}

.fueling-station--overlay {
	width: 590px;
	max-width: 100%;
}

.fueling-station--container {
	width: 830px;
	max-width: 100%;
}

summary {
	padding-right: 25px;
	position: relative;

	&:after {
		content: '';
		position: absolute;
		transition: all .4s ease;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		display: inline-block;
		background: url('./assets/images/arrow-down.svg') no-repeat center center;
		width: 32px;
		height: 32px;
	}

	&:marker {
		display: none;

	}
}

details > summary {

	list-style: none;
}

summary::-webkit-details-marker {
	display: none
}

display[open] summary:after {
	rotate: 180deg;
}




.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	padding: 6px 0;
	height: auto;
	line-height: 1;
}


.gform-theme--foundation .gform_fields {
	--gf-form-gap-y: 18px;
}

.gform-theme--framework .gfield_list_group_item::before,
.gform-theme--framework .gform-field-label:where(:not([class*="gform-field-label--type-"])) {
	--gf-local-margin-y: 0 0px;
}



.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	display: block;
	padding: 0px 40px;
	border-radius: 24px;
	margin-top: 10px;
}




@media screen and (max-width: 1000px) {
	body {
		--wp--preset--font-size--x-large: 60px;
		--wp--preset--font-size--xx-large: 60px;
	}
}

.desktop-only {
	display: block;
}

@media screen and (max-width: 1000px) {
	.desktop-only {
		display: none;
	}
}

.mobile-only {
	display: none;
}

@media screen and (max-width: 1000px) {
	.mobile-only {
		display: block;
	}
}

.h-full {
	height: 100%;
}

.crew-header-banner {
	height: 100vh;
	display: flex;
	align-items: flex-end
}

@media screen and (max-width: 1000px) {
	.crew-header-banner {
		height: auto;
		padding-top: 200px;
	}
}




/* Locations Block Customizations */

.locations-block {
	@media screen and (max-width: 900px ){
		details p {
			font-size: 14px !important;
		}
		details a {
			font-size: 12px !important;
		}
	}


}



.wp-block-button__link {
	transition: all .35s ease;
	
	&:hover,
	&:focus {
		background-color: var(--wp--preset--color--accent-3) !important;
	}
}