/*
Theme Name: Twenty Twenty-Four Child
Theme URI: 
Author: Ty Richards @ Xammis
Author URI: 
Description: Fuel Logic 2024
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: twenty-twenty-four-child
Tags: 

*/

/************************* Global Styles *************************/

/* HIDE CAPTCHA grecaptcha-badge */
.grecaptcha-badge{
	z-index: 9999;
}

body .display-none { display: none; }

.color-orange { color: #f5824e; }
.color-green { color:#A2CD3A; }

/* utilities */

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

/* Link animations */

/* main a {
  box-shadow: inset 0 0 0 0 #f5824e;
  margin: 0 -.2rem;
  padding: 0 .2rem;
  transition: color .2s ease-in-out, box-shadow .2s ease-in-out;
} */
/* main a:hover {
  box-shadow: inset 350px 0 0 0 #f5824e;
  color: black;
} */

.decoration-none,
.decoration-none a { 
	text-decoration: none!important; 
}

.wp-block-details a {
	text-decoration: underline;
}

/* Header Styles */

.is-style-asterisk:before { background: #A2CD3A; }

/* Mega Menu */ 

/* button.wp-block-outermost-mega-menu__toggle { transition: none!important; } */
button.wp-block-outermost-mega-menu__toggle:hover { color: #f5824e!important; } 

.wp-block-outermost-mega-menu button.menu-container__close-button { display: none; }


/* Button Hover Animations */
.wp-block-button .wp-block-button__link {
	box-shadow: inset 0 0 0 0 #b3e53c;
	transition: 0.2s ease-in-out; 
}

.wp-block-button .wp-block-button__link:hover { 
	background-color: #a2cd3a; 
	transform: translateY(-3px); 
	box-shadow: inset 350px 0 0 0 #b3e53c;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	box-shadow: inset 0 0 0 0 #e9e9e9;
	transition: 0.2s ease-in-out; 
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	box-shadow: inset 350px 0 0 0 #e9e9e9;
}

.wp-block-button.btn-top-tab .wp-block-button__link {
	transition: 0.2s ease-in-out; 
}

.wp-block-button.btn-top-tab .wp-block-button__link:hover {
	transform: translateY(+3px);
	color: #f5824e !important;
	box-shadow: none!important;
}

/* Default Group Section Spacing for Mobile */
body section.wp-block-group,
body section.wp-block-cover,
body footer section.wp-block-group { 
	padding-block: var(--wp--custom--spacing--tw-x-large);
}

/* Icons */

.icon-margin-right { margin-right: 10px; }
.icon-margin-left { margin-left: 10px; }

.margin-top-none { margin-top: 0; }
.margin-right-none { margin-right: 0; }
.margin-bottom-none { margin-bottom: 0; }
.margin-left-none { margin-left: 0; }

body blockquote {
	margin-inline-start: 0;
	margin-inline-end: 0;
}

body footer.wp-block-template-part { margin-top: 0; }
	
/* body .wp-block-heading { color: #ffffff!important; }  */


/************************* Responsive Mobile Menu *************************/

.rmp-container .wp-block-buttons-resp-menu .wp-block-button {
	background-color: #A2CD3A;
	padding: 8px 10px 8px 10px;
	border-radius: 5px;
	width: 100% !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: bold;
}

.rmp-container .wp-block-buttons-resp-menu .wp-block-button a { color: black; }

.rmp-container .wp-block-buttons-resp-menu .wp-block-button.is-style-outline {
	border: 2px solid #e9e9e9;
	background-color: transparent;
}

.rmp-container .wp-block-buttons-resp-menu .wp-block-button.is-style-outline a { color: #e9e9e9; }

/* end */

/************************* Responsive Typography Sizes **********************/

/* p {} */
/* body h1 { font-size: clamp(1.6rem, 0.031rem + 4.048vw, 3.27rem); } /* 2.1 Rem */ */
/* body h2 { font-size: clamp(1.6rem, 0.031rem + 4.048vw, 3.27rem); } */
/* body h3 { font-size: clamp(1.6rem, 0.031rem + 4.048vw, 3.27rem); } */
/* body h4 { font-size: clamp(1.6rem, 0.031rem + 4.048vw, 3.27rem); } */
/* body h5 { font-size: clamp(1.6rem, 0.031rem + 4.048vw, 3.27rem); } */
/* body h6 { font-size: clamp(1.6rem, 0.031rem + 4.048vw, 3.27rem); } */

/************************* Responsive Media Queries *************************/

/* Desktop Only */
@media screen and (min-width: 1025px) {
	
	/* Adjust Button Hover Animations for wider */
	/* .wp-block-button .wp-block-button__link { transition: 0.4s ease-in-out; }
	.wp-block-button .wp-block-button__link:hover { box-shadow: inset 767px 0 0 0 #b3e53c; }
	
	.wp-block-button.is-style-outline .wp-block-button__link { transition: 0.4s ease-in-out; }
	.wp-block-button.is-style-outline .wp-block-button__link:hover {box-shadow: inset 767px 0 0 0 #e9e9e9; }	 */
	
}

/* Mobile & Tablet (Nav Breakpoint) */
@media screen and (max-width: 1024px) {
	
	body #rmp-menu-title-6571 .rmp-menu-title-image {
		max-width: 75%;
		height: auto;
		display: block;
		margin: 0 0 0 0;
		width: 140px;
	}
	
	body #rmp-menu-wrap-6571 .rmp-menu-item-link:focus {
		border-color: #212121;
	}		
}

/* Mobile  Only */
@media screen and (max-width: 430px) {
	
	/* body h1 { font-size: 1.85rem; } */

	/* All Buttons 100% Width */
	.wp-block-button { flex-basis: 100%; width: 100%; }
	.wp-block-buttons .wp-block-button__link { width: 100%; }
	
	/* Paragraphs Left Justified */	
	.tw-sm-text-justify, .sm-text-justify { text-align: justify!important; }
	
}

/* Tablet Only */

@media screen and (min-width:430px) and (max-width:767px) {

	/* Adjust Button Hover Animations for wider */
	.wp-block-button .wp-block-button__link { transition: 0.4s ease-in-out; }
	.wp-block-button .wp-block-button__link:hover { box-shadow: inset 767px 0 0 0 #b3e53c; }
	
	.wp-block-button.is-style-outline .wp-block-button__link { transition: 0.4s ease-in-out; }
	.wp-block-button.is-style-outline .wp-block-button__link:hover {box-shadow: inset 767px 0 0 0 #e9e9e9; }
}

/* Mobile + Tablet Only */
@media screen and (max-width: 767px) {
	
	/* Remove body background image */
	body{
		background-image: none!important;
	}
	/* Remove truck header */
	header img.wp-block-cover__image-background.wp-post-image{
		display: none!important;
	}
	
	/* https://www.conroyp.com/articles/improve-load-time-performance-lazily-loading-background-images */
}

/* Map */

.city-map-container iframe {
	max-width: 100%;
}


/* AIO SEO Table of Contents TOC - Style */

/* Top Bullets */

body .wp-block-aioseo-table-of-contents {
	background: #1c1c1c;
	border-radius: 1.5rem;
	padding: 30px 15px;
}

body .wp-block-aioseo-table-of-contents ul li {
	margin-bottom: 30px;
	list-style: none;
}

body .wp-block-aioseo-table-of-contents ul li ul li {
	margin-top: 7px;
	margin-bottom: 7px;
	list-style: inherit;
}

body .wp-block-aioseo-table-of-contents ul li a:where(:not(.wp-element-button)) {
	color: #e9e9e9;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* Interior Bullets */
body .wp-block-aioseo-table-of-contents ul li ul li a:where(:not(.wp-element-button)) {
	color: #878787;
	text-transform: none;
	letter-spacing: normal;	
	font-weight: normal;
}

/* AIO SEO Author Box Custom Styling */

body .aioseo-author-bio-compact {
	padding: 40px;
	text-align: left;
	border: none;
	border-radius: 1.5rem;
	color: #878787;
	background-color: #1c1c1c;
	margin-top: 80px;
}

body .aioseo-author-bio-compact .aioseo-author-bio-compact-right .aioseo-author-bio-compact-main {
	margin: 30px 0;
	font-size: 14px;
	line-height: 2;
}

body .aioseo-author-bio-compact .aioseo-author-bio-compact-left .aioseo-author-bio-compact-image {
	/* width: 120px;
	height: 120px; */
	border-radius: 40rem;
}

body .aioseo-author-bio-compact .aioseo-author-bio-compact-right .aioseo-author-bio-compact-header .author-name {
	font-size: 20px;
	/* font-weight: 600; */
	color: #e9e9e9;
}

body .aioseo-author-bio-compact .aioseo-author-bio-compact-right .aioseo-author-bio-compact-header .author-job-title {
	margin-left: 12px;
	padding-left: 12px;
	font-size: 12px;
	border-left: 1px solid #878787;
	text-transform: uppercase;
	letter-spacing: 1px;
}


/* Gravity Forms */

body .gform_wrapper .gform_body input {
	font-size: 18px;
	padding: 26px 18px;
	border-radius: 10px;
}

body .gform_wrapper .gform_body textarea {
	font-size: 18px;
	padding: 12px 18px;
	border-radius: 10px;
}

body .gform-theme--foundation .gform_fields {
	row-gap: 15px;
	grid-row-gap: 15px;
}

body .gform_required_legend { display: none; }

body .gform_wrapper ::placeholder,
body .gform_wrapper ::-webkit-input-placeholder {
  opacity: 0.5;
}

body .gform_wrapper input.gform_button,
body .gform_wrapper input.gform-button {
	font-size: 18px !important;
	font-weight: bold !important;
	letter-spacing: 1px !important;
	padding-top: 17px !important;
	padding-bottom: 17px !important;
}


/* Gravity Form Email Capture in Footer */
@media (min-width: 640px) {

	/* .gform-theme--foundation .email-capture .gfield--width-twothirds {
		grid-column: span 8;
	}
	
	.gform-theme--foundation .email-capture .gfield--type-submit {
		grid-column: span 4;
	} */
}

/* .gform_wrapper.email-capture_wrapper { width: 100%; }

.email-capture .gform_confirmation_message {
	background: #1c1c1c;
	border-radius: 10px;
	padding: 0px 25px 25px 25px;
	margin-bottom: 30px;
} */


/* With captcha */
#gform_5.email-capture{
	grid-template-columns: repeat(12, 1fr);
	display: grid;
	gap: 10px;
}
#gform_5.email-capture .gform_body{
	grid-column: span 8;
}
#gform_5.email-capture .gform_footer{
	grid-column: span 4;
	margin-block-start: 0px;
	display: block;
}
#gform_5.email-capture .gfield--width-twothirds{
	grid-column: span 12;
}
/* End with captcha */

/* .email-capture .gfield--width-onethird {
	grid-column: span 4;
}

.email-capture .gfield--width-twothirds {
	grid-column: span 8;
} */

/* Responsive Menu Custom Styling */

.z-index-top { z-index:100000000!important; } /* Place mobile sticky order button at top */

body header button#rmp_menu_trigger-6571.is-active { top: -72px;} /* Close Button Placement */


/* Sticky Header Functionality */

#site-header {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #000;
	box-shadow: 0 -8px 27px rgba (0, 0, 0, 0.08);
	z-index: 1000;
	transition: top 0.8s ease, opacity 0.7s ease;
}

#site-header.hidden {
	top: -100px;
	opacity: 0;
}


/* Media Queries */

@media screen and (max-width: 1023px) {
	
	.md-center, .sm-center {
		margin: 0 auto !important;
		text-align: center !important;
		float: none!important;
	}		
	
	body .aioseo-author-bio-compact-right {
		text-align: center;
	}	
	
	body .aioseo-author-bio-compact-left .aioseo-author-bio-compact-image {
		display: block;
		margin: 0 auto;
		width: 160px;
		height: 160px;
	}
	
	body .aioseo-author-bio-compact .aioseo-author-bio-compact-right .aioseo-author-bio-compact-header .author-job-title {
		margin-left: 0;
		padding-left: 0;
		/* font-size: 12px; */
		border-left: none;
		/* text-transform: uppercase;
		letter-spacing: 1px; */
		display: block;
	}	
	
	body .aioseo-author-bio-compact {
		flex-direction: column;
		gap: 20px;
	}
	
	body .aioseo-author-bio-compact-right .aioseo-author-bio-compact-header {
		display: block;	
	}
	
	body .aioseo-author-bio-compact-right .aioseo-author-bio-compact-footer .author-socials {
		display: block;
	}	
}

/* STICKY CTA */
#sticky-cta{
	position: fixed;
	bottom: 50%;
	background: #cc0c0c;
	right: -250px;
	z-index: 99;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: all .2s ease-in-out;
	border-radius: 0 0 8px 8px;
	background-repeat: no-repeat;
	box-shadow: -10px 10px 10px rgba(0, 0, 0, .1);
	transform: rotate(90deg); 
	padding: 12px;
	text-align: center;
	width: 295px;
	p{
		display: flex;
    align-items: center;
    justify-content: center;
	}
}

#sticky-cta.visible-cta {
	right: -120px;
}

#sticky-cta .wp-font-awesome-icon{
	background: #000;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	color: #85b33a;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 6px;
}

/* END STICKY CTA */