/*
 Theme Name:     Divi Child – Original
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child – A Theme for WordPress
 Author:         GraVoc
 Author URI:     https://www.gravoc.com/
 Template:       Divi
 Version:        1.1.0
*/

/* Theme customization starts here...
----------------------------------------------------------------------------- */

/******************************************************************************\
*** Your Custom CSS
\******************************************************************************/
.the-menu .et-menu {
	display: flex;
	align-items: center !important;
	gap: 18px;
}
.the-menu .et-menu > li {
	display: flex;
	align-items: center !important;
	align-self: center;
	margin: 0 !important;
	padding: 0;
}
.the-menu .et-menu > li.carrier-btn {
	padding: 10px 12px;
	border-radius: 3px;
	background: #f4f4f7;
}
.the-menu .et-menu > li.contact-btn {
	padding: 8px 11px;
	border: 2px solid transparent;
	border-radius: 5px;
	background:
		linear-gradient(#fff, #fff) padding-box,
		linear-gradient(90deg, #F0CA62 0%, #F0AC4C 100%) border-box;
}
.the-menu .et-menu > li > a {
	display: block;
	padding-bottom: 0 !important;
	font-size: 13px !important;
	letter-spacing: 0 !important;
	line-height: 14px !important;
}

/* Gravity Forms submit buttons */
.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"],
.gform_wrapper button[type="submit"] {
	background-color: #132C4D !important;
	border-color: #132C4D !important;
}

/* Hide headings on Gravity Forms embedded through the Divi module. */
.et_pb_gravity_forms .gform_heading {
	display: none;
}

/* Mobile navigation */
@media (max-width: 980px) {
	.et-l--header .et_pb_section:has(.the-menu) > .et_pb_row,
	.et-l--header .et_pb_section:has(.the-menu) > .et_pb_row > .et_pb_column,
	.et-l--header .the-menu,
	.et-l--header .the-menu .et_pb_menu_inner_container {
		position: static !important;
	}

	.the-menu .et_mobile_menu {
		left: 0 !important;
		right: 0 !important;
		top: calc(100% + 2px) !important;
		width: 100% !important;
		max-height: calc(100vh - 110px);
		overflow-y: auto !important;
		padding: 10px !important;
		border-top: 0 !important;
		border-radius: 0;
		background: #fff;
		box-shadow: 0 8px 30px rgba(19, 44, 77, 0.16) !important;
	}

	.the-menu .et_mobile_menu > li {
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
	}

	.the-menu .et_mobile_menu > li + li {
		border-top: 1px solid rgba(19, 44, 77, 0.1);
	}

	.the-menu .et_mobile_menu > li > a {
		display: block;
		width: 100%;
		padding: 12px 14px !important;
		border-bottom: 0 !important;
		color: #132C4D !important;
		font-size: 14px !important;
		letter-spacing: 0 !important;
		line-height: 1.35 !important;
		white-space: nowrap;
	}

	.the-menu .et_mobile_menu > li > a:hover {
		opacity: 1;
		background: #f4f4f7;
	}

	.the-menu .et_mobile_menu > li.carrier-btn {
		margin-top: 8px !important;
		border: 0;
		border-radius: 4px;
		background: #f4f4f7;
		overflow: hidden;
	}

	.the-menu .et_mobile_menu > li.contact-btn {
		margin-top: 8px !important;
		border: 2px solid transparent;
		border-radius: 5px;
		background:
			linear-gradient(#fff, #fff) padding-box,
			linear-gradient(90deg, #F0CA62 0%, #F0AC4C 100%) border-box;
		overflow: hidden;
	}
}

/* On phones the admin bar scrolls away; do not retain its sticky offset. */
@media (max-width: 600px) {
	body.admin-bar .et-l--header .et_pb_sticky {
		top: 0 !important;
	}
}