/*
 Theme Name:   Valor - Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/



/*********************************
	GENERAL
*********************************/


/*********************************
	TYPOGRAPHY
*********************************/
:root {
	--body-font: "Inter", sans-serif;
	--heading-font: "Manrope", sans-serif;
}


/*********************************
	HEADER
*********************************/
/*Logos*/


/*Nav*/
.mega-menu-locations__nav ul {
    display: grid;
    grid-template-columns: repeat(7, 1fr); /* Creates 5 equal-width columns */
    gap: 10px; /* Adjusts spacing between items */
    list-style: none; /* Removes default list styling */
    padding: 0; /* Removes default padding */
}

.mega-menu-locations__nav li {
    margin: 0; /* Ensures no extra margins */
    text-align: left; /* Aligns text as needed */
}

.mega-menu-locations__nav li a {
    display: block; /* Makes links fill the grid cell */
    text-decoration: none; /* Optional: removes underline */
    padding: 5px; /* Optional: adds padding for better spacing */
}

/*Nav Icons*/


/*********************************
	SPECIFIC ELEMENT
*********************************/
.card-services:hover h3 {color: var(--primary);}
.card-services .card-services__btn-wrapper {transition: all ease-in-out .3s;}
.card-services:hover .card-services__btn-wrapper {background: var(--primary-hover);}

.process-v1__feature-element {
  counter-increment: item;
}

.process-v1__feature-element .process-v1__feature-count:before {
  content: counter(item);
  font-size: var(--text-l);
  line-height: 100%;
  font-weight: 700;
  color: var(--neutral);
}

.map a path {transition: all ease-in-out .3s;}
.map a:hover path {fill: var(--primary-hover)!important;}

.browse-states ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* Creates 6 equal-width columns */
	grid-template-rows: repeat(8, auto); /* Adjust based on your needs */
    grid-auto-flow: column; /* Makes items flow vertically, filling each column before moving to the next */
    list-style: none; /* Removes default list styling */
    padding: 0; /* Removes default padding */
}

.browse-states li {
    margin-left: 0!important; /* Ensures no extra margins */
}

.browse-states li a {
    display: block; /* Makes links fill the grid cell */
    text-decoration: none; /* Optional: removes underline */
    transition: all ease-in-out .3s;
}

.browse-states li a:hover {
	background: var(--primary)!important;
	color: var(--white)!important;
}

.contact:hover h3 {color: var(--primary);}

/**************************************************************
	PAGE SPECIFIC
**************************************************************/
.services-main .heading-centered {display: none;}
.location-commu__text ul li {margin-block-start: 0.5rem;}

/*** Paid Ads Subpage Tweaks***/
.parent-pageid-7917 .header-v1 .header-v1__btn-container {display: none;}

/******************************************
	GRAVITY FORMS - ORBIT THEME OVERRIDES
******************************************/
::placeholder {
    color: var(--black-trans-50) !important;
}

.gform-theme--foundation .gform_fields {row-gap: var(--space-xs)!important;}
.gfield_label:not(.gfield_consent_label), .gform_body legend {display: none!important;}
.gform_body input:not([type="submit"]), .gform_body select, .gform_body textarea {
	font-size: var(--text-m)!important;
	text-align: center!important; 
	background: var(--white-trans-90)!important; 
	border-color: var(--primary-trans-20)!important; 
}

.gform_body select {color: var(--black-trans-50)!important;}

.gform_footer {
    justify-content: center!important;
}

.gform-theme-button, .gform_button, .gform-button--width-full {
    color: var(--white)!important;
    padding: var(--btn-padding-block) var(--btn-padding-inline)!important;
    min-inline-size: var(--btn-min-width)!important;
    line-height: var(--btn-line-height)!important;
    font-size: var(--btn-font-size, var(--text-m))!important;
    font-weight: var(--btn-font-weight)!important;
    font-style: var(--btn-font-style)!important;
    text-transform: var(--btn-text-transform)!important;
    letter-spacing: var(--btn-letter-spacing)!important;
    text-decoration: var(--btn-text-decoration)!important;
    background-color: var(--primary)!important;
    border-width: 0!important;
    border-style: none!important;
    border-radius: var(--btn-radius)!important;
    transition: var(--btn-transition, var(--transition))!important;
    justify-content: var(--btn-justify-content, center)!important;
    text-align: var(--btn-text-align, center)!important;
}

.gform-theme-button:hover, .gform_button:hover {background: var(--primary-dark)!important;}

.gf-turnstile-container {width: 100%!important; justify-items: center!important;}
.cf-turnstile-br {display: none!important;}

/*** FORM SPECIFIC ***/
.gfield_required {display: none!important;}
#gform_2 .gform-field-label--type-sub {display: none;}
#gform_2 input, #gform_2 select option {text-align: center!important;}

/*********************************
	CallRail Form
*********************************/
#cr-form br {display: none;}

#cr-form ::placeholder, #cr-form select {color: var(--black-trans-60);}

#cr-form label:not(.form-check-label) {display: none!important;}
#cr-form input, #cr-form select {text-align: center!important; background: var(--white-trans-90); border-color: var(--primary-trans-20); margin-bottom: var(--space-xs);}

#cr-form .form-check {display: flex; align-items: flex-start; margin-bottom: var(--space-xs);}
#cr-form #texting_consent {margin-top: 6px; margin-right: 10px;}
#cr-form .form-check-label {color: var(--black); font-size: var(--text-s);}

#cr-form .form-group.submit {display: flex; justify-content: center;}

#cr-form #submit-btn {
    color: var(--white)!important;
    padding: var(--btn-padding-block) var(--btn-padding-inline)!important;
    min-inline-size: var(--btn-min-width)!important;
    line-height: var(--btn-line-height)!important;
    font-size: var(--btn-font-size, var(--text-m))!important;
    font-weight: var(--btn-font-weight)!important;
    font-style: var(--btn-font-style)!important;
    text-transform: var(--btn-text-transform)!important;
    letter-spacing: var(--btn-letter-spacing)!important;
    text-decoration: var(--btn-text-decoration)!important;
    background-color: var(--primary)!important;
    border-width: 0!important;
    border-style: none!important;
    border-radius: var(--btn-radius)!important;
    transition: var(--btn-transition, var(--transition))!important;
    justify-content: var(--btn-justify-content, center)!important;
    text-align: var(--btn-text-align, center)!important;
}

#cr-form #submit-btn:hover {background: var(--primary-dark)!important;}

/*********************************
	FOOTER
*********************************/
.footer nav li:not(:last-child) {border-bottom: 1px solid var(--primary-light-trans-20);}
.footer a:hover i {transition: all ease-in-out .3s;}
.footer a:hover:not(.bricks-button), .footer a:hover i {color: var(--primary-light)!important;}

/**************************************************************
	MOBILE STYLES
**************************************************************/

@media (min-width: 992px){

} /*** GREATER THAN 992PX BREAKPOINT ***/


@media (max-width: 992px){
	svg.ham {margin-right: -15px;}
	.bricks-nav-menu .sub-menu > li > a {text-wrap: auto; line-height: 1.6;}
	.browse-states ul {grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(12, auto);}
} /*** END OF 992PX BREAKPOINT ***/

@media (max-width: 768px){
	h1 br {display: none;}
	.browse-states ul {grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(24, auto);}
} /*** END OF 768PX BREAKPOINT ***/

@media (max-width: 480px){

} /*** END OF 480PX BREAKPOINT ***/