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


/*! - Settings */

:root {
	/*! Color Palette */

	--theme--gray:        #666;
	--theme--dark-gray:   #343434;
	--theme--light-gray:  #e8e8e8;


	/*! Layout Values */

	--theme--container--max-width: min(
		80vw,
		1080px
	);
}



/*! - Forms */

:is(
	input,
	button
):is(
	[type="button"],
	[type="submit"],
	[type="reset"]
):not( [disabled] ) {
	cursor: pointer;
}



/*! - Header */

#main-header {}


/*! Header: Logo */

.logo_container {}



/*! - Navigation */

/*! Nav: Primary */

#et-top-navigation {}


/*! Nav: Primary desktop */

#top-menu-nav {}

#top-menu {}


/*! Nav: Primary mobile */

#et_mobile_nav_menu {}

#mobile_menu {}


/*! Nav: Buttons */

/* Desktop button */
#top-menu .menu-item .et_pb_button {
	display: inline-block;
	/* don't add height to the overall nav */
	/* margin-top:    -1em; */
	/* margin-bottom: -1em; */
}

/* Mobile menu link containing a button */
#mobile_menu .menu-item > a:has(> .et_pb_button) {
	/* override default hover */
	background: transparent;
	opacity: 1;
}
/* ...inside the last, top-level menu item */
#mobile_menu > .menu-item:last-child > a:has(> .et_pb_button) {
	padding-top:    20px;  /* bit extra */
	padding-bottom: 5px;   /* bit less */
	text-align: center;
	border-bottom: none;
}



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

/**
 * Use: Apply `theme--center-non-empty-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-non-empty-columns .et_pb_row,
.et_pb_gutters3 .et_pb_row.theme--center-non-empty-columns,
.et_pb_section.theme--center-non-empty-columns .et_pb_row.et_pb_gutters3,
.et_pb_section .et_pb_row.theme--center-non-empty-columns.et_pb_gutters3 {
	column-gap: 5.5%;
}
.et_pb_gutters1 .theme--center-non-empty-columns .et_pb_row,
.et_pb_gutters1 .et_pb_row.theme--center-non-empty-columns,
.et_pb_section.theme--center-non-empty-columns .et_pb_row.et_pb_gutters1,
.et_pb_section .et_pb_row.theme--center-non-empty-columns.et_pb_gutters1 {
	column-gap: 0;
}
.et_pb_gutters2 .theme--center-non-empty-columns .et_pb_row,
.et_pb_gutters2 .et_pb_row.theme--center-non-empty-columns,
.et_pb_section.theme--center-non-empty-columns .et_pb_row.et_pb_gutters2,
.et_pb_section .et_pb_row.theme--center-non-empty-columns.et_pb_gutters2 {
	column-gap: 3%;
}
.et_pb_gutters4 .theme--center-non-empty-columns .et_pb_row,
.et_pb_gutters4 .et_pb_row.theme--center-non-empty-columns,
.et_pb_section.theme--center-non-empty-columns .et_pb_row.et_pb_gutters4,
.et_pb_section .et_pb_row.theme--center-non-empty-columns.et_pb_gutters4 {
	column-gap: 8%;
}

/* Change rows to flex layout */
.et_pb_section.theme--center-non-empty-columns .et_pb_row,
.et_pb_row.theme--center-non-empty-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-non-empty-columns .et_pb_row::after,
.et_pb_row.theme--center-non-empty-columns::after {
	display: none;
}

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

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