/*!

 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:  #e38311 !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: 16px;

    content: '\43';

    top: 11px;

    right: 13px;

	color: #83a242;

	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);

}