/*
 Theme Name:   Willow - 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: "Perfectly Nineties", serif;
}

h1 span {color: var(--primary);}

/*********************************
	HEADER
*********************************/

/*Logos*/
header.scrolling .bricks-site-logo {
    height: 100px!important;
}

/*Nav*/
#menu-main-nav li {
    background: #f5ede7;
    padding: 6px 15px;
    border-radius: .5rem;
    border: 1px solid #ede1d9;
    margin-left: var(--space-xs);
    transition: all ease-in-out .2s;
}

#menu-main-nav li:hover {
    background: #ece2db;
    border: 1px solid #ece2db;
}

/*Nav Icons*/

/*********************************
	SPECIFIC ELEMENT
*********************************/
.brxe-button {text-shadow: 0px 1px 0px #00000030;}

/******************************************
	GRAVITY FORMS - ORBIT THEME OVERRIDES
******************************************/
.gf_progressbar .percentbar_blue {background-color: var(--primary)!important;}
.gsection_title {font-size: var(--text-xl);}
.gform-theme--foundation .gform_fields {row-gap: var(--space-s)!important;}
.gfield_label {font-size: var(--text-m) !important; font-weight: bold!important;}
label.gform-field-label.gform-field-label--type-sub {font-size: var(--text-s)!important; color: var(--base)!important;}

.gform-page-footer {display: block!important; text-align: center!important; margin-top: var(--space-m)!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;
    text-shadow: 0px 1px 0px #00000030!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;}

.gform_previous_button {background: var(--base) !important;}
.gform_previous_button:hover {background: var(--base-semi-dark) !important;}

.gf-turnstile-container {width: 100%;}

/*** FORM SPECIFIC ***/
#gform_1 label {display: none!important;}
.newsletter-signup .gform-footer {justify-content: center!important;}
.newsletter-signup #gform_submit_button_1 {background: var(--action)!important;}
.newsletter-signup #gform_submit_button_1:hover {background: var(--action-medium)!important;}

/**************************************************************
	PAGE SPECIFIC
**************************************************************/
.hero__subheading {
	display: block;
	padding: 0 5px;
	text-transform: lowercase;
	color: var(--primary); 
	font-weight: 300;
	font-style: italic;
	background-image: linear-gradient(135deg, var(--primary) , var(--primary-semi-dark) ); 
	background-clip: text; 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent; 
}

.page-id-332 .footer__signup-wrapper {display: none;}

/*********************************
	FOOTER
*********************************/


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

@media (min-width: 992px){

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


@media (max-width: 992px){
	.bricks-nav-menu .sub-menu > li > a {text-wrap: auto; line-height: 1.6;}
	.hero__lede br {display: none;}
} /*** END OF 992PX BREAKPOINT ***/

@media (max-width: 768px){
	
} /*** END OF 768PX BREAKPOINT ***/

@media (max-width: 480px){

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