/**
 * Theme Name:     Big Storm Web Design
 * Description:    Custom site theme.
 * Theme URI:      http://greatbigstorm.com/
 *
 * Author:         Drew Schug
 * Author URI:     http://www.greatbigstorm.com/web-design/
 *
 * Template:       Divi
 *
 * Version:        1.20241205
 */


/*! - Properties */

:root {
	/*! Color Palette */
	--theme--charcoal:     #414042;
	--theme--gray:         #767676;
	--theme--silver:       #f0efef;
	--theme--blue:         #114c97;
	--theme--light-blue:   #98d9e9;
	--theme--burnt-orange: #d46127;
	--theme--light-orange: #fbb15b;
	--theme--green:        green;

	--theme--accent-color:    var(--theme--burnt-orange);
	--theme--secondary-color: var(--theme--blue);

	--theme--body--color: var(--theme--charcoal);
	--theme--h--color:    var(--theme--charcoal);
}



 /*** REMOVE LABEL ON FIELDS USING PLACEHOLDER Gravity Forms ***/
.gform_wrapper .top_label .gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
	display: none;
}
/*** Accordion Image **/
#accordion-picture img{
	display: none;
	height: 450px;
	width: 100%;
	object-fit: cover;
}
#accordion-picture .active img{
	display: block !important;
}

/*** BUTTON STYLING Gravity Forms ***/
.gform_wrapper .gform_footer input.button {
	float: left;
	padding: 10px 10px;
	border-radius: 3px;
	border: 1px solid #728089;
	letter-spacing: 2px;
	cursor: pointer;
	font-size: 16px;
	background: default;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
}
/*** BUTTON HOVER STYLING ***/
.gform_wrapper .gform_footer input.button:hover {
	background: rgba(72, 80, 89, 0.2);
}

/*** FIELD STYLING ***/
input[type=text],
textarea {
 background: #eee;
 border: none;
 border-radius: 0;
 color: #999 !important;
 padding: 15px !important;
}

/*** hide bullets in the footer menus ***/
.footer-widget li:before {
	display: none;
}



/*! - Layout: Center non-empty columns */

/**
 * Use: Apply `theme--center-columns` class to either a section or row
 * to collapse empty columns and center the remaining columns with content.
 *
 * Notes:
 *   - There are 3 places gutter width can be set: global/body, page, row
 *   - `_gutters3` comes first in Divi's CSS (being default)
 *
 * 2022-07 [sw]
 */

/* Match Divi's column margins with `column-gap` */
.et_pb_gutters3 .theme--center-columns .et_pb_row,
.et_pb_gutters3 .et_pb_row.theme--center-columns,
.et_pb_section.theme--center-columns .et_pb_row.et_pb_gutters3,
.et_pb_section .et_pb_row.theme--center-columns.et_pb_gutters3 {
	column-gap: 5.5%;
}
.et_pb_gutters1 .theme--center-columns .et_pb_row,
.et_pb_gutters1 .et_pb_row.theme--center-columns,
.et_pb_section.theme--center-columns .et_pb_row.et_pb_gutters1,
.et_pb_section .et_pb_row.theme--center-columns.et_pb_gutters1 {
	column-gap: 0;
}
.et_pb_gutters2 .theme--center-columns .et_pb_row,
.et_pb_gutters2 .et_pb_row.theme--center-columns,
.et_pb_section.theme--center-columns .et_pb_row.et_pb_gutters2,
.et_pb_section .et_pb_row.theme--center-columns.et_pb_gutters2 {
	column-gap: 3%;
}
.et_pb_gutters4 .theme--center-columns .et_pb_row,
.et_pb_gutters4 .et_pb_row.theme--center-columns,
.et_pb_section.theme--center-columns .et_pb_row.et_pb_gutters4,
.et_pb_section .et_pb_row.theme--center-columns.et_pb_gutters4 {
	column-gap: 8%;
}

/* Change rows to flex layout */
.et_pb_section.theme--center-columns .et_pb_row,
.et_pb_row.theme--center-columns {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

/* Remove the clearfix element or it will add `column-gap` to the end */
.et_pb_section.theme--center-columns .et_pb_row::after,
.et_pb_row.theme--center-columns::after {
	display: none;
}

/* Remove Divi's gutter margins */
.et_pb_section.theme--center-columns .et_pb_column,
.et_pb_row.theme--center-columns .et_pb_column {
	margin-right: 0 !important;
}

/* Remove the empty columns from the layout */
.et_pb_section.theme--center-columns .et_pb_column_empty,
.et_pb_row.theme--center-columns .et_pb_column_empty {
	display: none;
}



/*! - Header */

/*! Header: Mobile logo */

#main-header .logo_container.theme--has-mobile #logo.theme--mobile-logo {
	display: none;
}

/* Tablet breakpoint */
@media (max-width: 980px) {
	#main-header .logo_container.theme--has-mobile #logo:first-of-type {
		display: none;
	}

	#main-header .logo_container.theme--has-mobile #logo.theme--mobile-logo {
		display: inline-block;
	}
}

/* Phone breakpoint */
@media (min-width: 480px) {
	#main-header .logo_container.theme--has-mobile[data-theme-mobile-breakpoint="phone"] #logo:first-of-type {
		display: inline-block;
	}

	#main-header .logo_container.theme--has-mobile[data-theme-mobile-breakpoint="phone"] #logo.theme--mobile-logo {
		display: none;
	}
}


/*! Header: Main navigation */

#main-header #et-top-navigation {
	display: flex;
	gap: 22px;
}

#main-header #et-top-navigation :is(.et-cart-info, #et_top_search) {
	position: relative;
	margin: 0;
}

#et-top-navigation .et-cart-info {
	order: 1;
	top: 5px;
}

#et-top-navigation .et-cart-info span::before {
	margin-right: 0;
}

#et-top-navigation .et-cart-info.theme--my-account-link {
	order: 0;
	top: 4px;
}

#et-top-navigation .et-cart-info.theme--my-account-link span::before {
	content: "\E08A";  /* ETmodules: person icon */
}

#et-top-navigation #et_top_search {
	order: 2;
	top: 6px;
}

#et-top-navigation #et_top_search span::before {
	top: 0;
}

#et-top-navigation #et_mobile_nav_menu {
	order: 3;
}

@media (min-width: 981px) {
	/* alignment tweak to desktop menu */
	#et-top-navigation :is(.et-cart-info, #et_top_search) span {
		position: relative;
		top: -7px;
	}

	/* Mobile nav forced open beyond tablet breakpoint in the Customizer CSS */
	#et-top-navigation #et_mobile_nav_menu {
		margin-top: -7px;
	}
}



/*! - WooCommerce */

/*! WC: Out of Stock Badge */

.product .kwk-wc--badge--out-of-stock,
/* Divi product listings */
body.et-db #et-boc .et-l ul.products li.product .onsale.kwk-wc--badge--out-of-stock,
/* Divi product details page */
body.et-db #et-boc .et-l span.onsale.kwk-wc--badge--out-of-stock {
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1;
	max-width: 76px;
	padding: 15px !important;
	font-size: 0.8em;
	line-height: 1.2 !important;
	background: var(--theme--gray) !important;
}

.product .kwk-wc--badge--out-of-stock + .et_shop_image {
	filter: grayscale( 1 );
	opacity: 0.5;
}


/*! WC: Product Highlights */

body .kwk-wc--product-highlights {
	gap: 0.5em 1em;
	margin:  0;
	padding: 0;
	font-size: 14px;
	line-height: 1;
	list-style: none;
}

body .kwk-wc--product-highlight {
	--accent-color: var(--theme--silver);
	--accent-color-hover: var(--theme--light-blue);

	gap: 0.6em;
	padding: 0.4em 0.8em;
	border: 2px solid var(--accent-color);
	border-radius: 4em;
	transition: all 0.2s ease;
}
body .kwk-wc--product-highlight:hover,
body .kwk-wc--product-highlight:focus {
	border-color: var(--accent-color-hover);
	background: rgb( from var(--accent-color-hover) r g b / 0.1 );
}

body .kwk-wc--product-highlight a,
body .kwk-wc--product-highlight a:focus,
body .kwk-wc--product-highlight a:hover {
	color: inherit;
	text-decoration: none;
}

body .kwk-wc--product-highlight--icon {
	transform: scale( 1.2 );
}