/*
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 *************************/

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%;
}