/*!
 Theme Name:     Mickle
 Author:         Mickle Creative
 Author URI:     https://micklecreative.com	
Template:       Divi
 Version:        5.0
*/

@import url("../Divi/style.css");
/*PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE*/

/*white link*/
.g-white-link a {color: #fff !important;}
.g-white-link a:hover {color: #999 !important;}

/*vertical align*/
.ds-vertical-align {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/*rotate the Divi Menu icon on click*/
.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

.et_pb_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, #main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 30px;
    content: '\43';
    top: 11px;
    right: 13px;
	color: #000;
	transition: all .4s ease;
	transform: rotate(0deg);
}

.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\43';
	transition: all .4s ease;
	transform: rotate(180deg);
}

.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
    display: block;
        max-height: 0;
        overflow: hidden;
        transition: 1s ease-in-out;
}

.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
    max-height: 1000px;
        transition: 1s ease-in-out;
}

/*change nested font weight*/
.et_mobile_menu .menu-item-has-children>a {
	font-weight: 400;
}

/*set the Divi menu dropdown auto width*/
@media only screen and (min-width: 981px) {
	.nav li ul {
		width: fit-content;
		display: flex;
		flex-direction: column;
	}
	.nav li li {
		white-space: nowrap;
	}
	.nav li li a {
		width: auto !important;
	}
}

/*Header shrink*/
/*set the transition for the spacing shrinking action*/
.g-header .et_pb_row {
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease;
}
/*set the background color of the fixed header when scrolling*/
.g-fixed-header .et_pb_row {
	padding: 5px 0;
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease;
}

/*set the transition for the logo shrinking action*/
.g-header .et_pb_menu__logo img {
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease;
}
/*change the logo size when the header shrinks*/
.g-fixed-header .et_pb_menu__logo img {
	max-width: 70%;
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease;
}

/*responsive tables*/
@media only screen and (max-width: 840px) {
	table.responsive {
		margin-bottom: 0;
		overflow: hidden;
		overflow-x: scroll;
		display: block;
		white-space: nowrap;
	}
}

/*GALLERY COLUMN WIDTHS*/
/** Desktop **/
@media (min-width: 981px) {
	.col-width .et_pb_gallery_item {
		width: 16.66% !important;
		/*six columns*/
		clear: none !important;
	}
}

/** Tablet **/
@media (max-width: 980px) {
	.col-width .et_pb_gallery_item {
		width: 25% !important;
		/*four columns*/
		clear: none !important;
	}
}

/** Small Tablet and Large Phone **/
@media (max-width: 767px) {
	.col-width .et_pb_gallery_item {
		width: 33.33% !important;
		/*three columns*/
		clear: none !important;
	}
}

/** Phone **/
@media (max-width: 479px) {
	.col-width .et_pb_gallery_item {
		width: 50% !important;
		/*two columns*/
		clear: none !important;
	}
}

/*parallax gradient-overlay*/
.gradient-overlay:before {
	content: "";
	position: absolute;
	z-index: 1;
	background: inherit;
	top: 0;
	bottom: 0;
	width: 100%;
}

.gradient-overlay .et_pb_row {
	z-index: 2 !important;
}

.gradient-overlay {
	background-color: transparent;
}

@media only screen and (max-width: 980px) {
.two-columns .et_pb_column {width: 50%!important;}
.three-columns .et_pb_column {width: 33%!important;}
.four-columns .et_pb_column {width: 25%!important;}
.five-columns .et_pb_column {width: 20%!important;}
}

/*closeable accordion*/
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    display: block!important;
    content: "\43" !important;
}

.et_pb_toggle_title:before {
    content: "\43";
    transition: all .3s ease-in-out;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
    content: "\43";
    transform: rotate(180deg);
}