/*======================================
Theme Name: Divi Child Theme
Theme URI: https://www.elegantthemes.com/
Description: This is a Divi child theme.
Author: Eleganth Themes
Author URI: https://www.elegantthemes.com/
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

/*add your custom CSS below this line*/

/* Made the desktop dropdown menu scrollable */

#main-header .nav li ul,.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul{
height: 70vh;
overflow-y: auto;
}

/* Services submenu menu height fixed */
#main-header .nav .nb-services-submenu ul {
	height: 530px;
}

/*make the Divi mobile dropdown menu scrollable*/

.et_mobile_menu {
overflow: scroll !important;
max-height: 80vh;
}

/* Added space on lists in all text modules */

.et_pb_text ul li, .et_pb_text ol li {
  margin-bottom: 10px;
}

/* Divi Plus Flipbox image fix*/
.dipl_flipbox .flipbox_front {
	background-size: cover!important;
	background-repeat: no-repeat!important;
}

/* Form Footer Styles */

.forminator-ui.forminator-custom-form[data-design=default] .forminator-pagination-footer {
    display: flex!important;
    gap: 10px;
}

/* Added the Read More expand button on Blurb module - Start */
/*collpse and set the height of the toggle text*/

.pa-toggle-blurb .et_pb_blurb_description {
	max-height: 100px;
	transition: max-height 0.3s ease-out;
	overflow: hidden;
}


/*add gradient to the collapsed text*/

.pa-toggle-blurb .et_pb_blurb_description:after {
	content: "";
	display: inline-block;
	position: absolute;
	pointer-events: none;
	height: 100px;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(0deg, #fff 10%, transparent);
}


/*style the expand text link*/

.pa-toggle-blurb .pa-blurb-expand-button {
	padding: 0.5em;
	text-align: center;
	color: #bf1238!important;
	font-weight: bold;
}

/*change the curor to a pointed when hovering over the expand text link*/

.pa-toggle-blurb .pa-blurb-expand-button span {
	cursor: pointer;
}


/*define the font family for the toggle icon*/

.pa-toggle-blurb .pa-blurb-expand-button .pa-blurb-toggle-icon {
	font-family: ETMODULES, "sans-serif";
}


/*set the max height and transition of the expanded toggle*/

.pa-toggle-blurb .pa-blurb-toggle-expanded {
	max-height: 2000px;
	transition: max-height 0.3s ease-in;
}


/*hide the gradient when the toggle is expanded*/

.pa-toggle-blurb .pa-blurb-toggle-expanded.et_pb_blurb_description:after {
	background: none;
}

/* Added the Read More expand button on Blurb module - End */

/*Prevent horizontal scroll on mobile*/

@media all and (max-width: 980px) {
	html,
	body {
		overflow-x: hidden;
	}
	body {
		position: relative
	}
}

/* Secondary header items align to the right*/

@media only screen and (min-width: 768px) {
	#et-info { float:right !important;}
}

/*set the Divi menu dropdown auto width*/

@media only screen and (min-width: 981px) {
	.nav li ul {
		width: fit-content!important;
		display: flex;
		flex-direction: column;
	}

	.nav li li {
		white-space: nowrap;
	}

	.nav li li a {
		width: auto !important;
	}
}

/* Reverse columns on a row */
@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
} 

/* Form Footer mobile Styles */

@media only screen and (max-width: 768px) {
 .forminator-ui.forminator-custom-form[data-design=default] .forminator-pagination-footer {
    flex-direction: column;
}
}