/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

html {
	min-width: 100%;
	overflow-x: hidden;
}

/*WB BrandMark*/
.brandmark {
	opacity: 0.7;
	transition-duration: 600ms;
}
.brandmark:hover {
	opacity: 1;
}
.brandmark a {
	display: flex;
	gap: 10px;
	width: fit-content;
	float: right;
}
.brandmark a span {
	line-height: 1;
    margin: auto;
}
.brandmark a svg {	    
	width: 20px;
    margin: auto 0;
}
.brandmark a span {
	color: black;
} 

@media all and (max-width: 980px) {
	/*** wrap row in a flex box ***/
	.custom-order-columns {
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-flex-wrap: wrap;
	  flex-wrap: wrap;
	}

	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
	-webkit-order: 1;
	order: 1;
	}

	.second-on-mobile {
	-webkit-order: 2;
	order: 2;
	}

	.third-on-mobile {
	-webkit-order: 3;
	order: 3;
	}

	.fourth-on-mobile {
	-webkit-order: 4;
	order: 4;
	}
	/*** add margin to last column ***/
	.custom-order-columns:last-child .et_pb_column:last-child {
	margin-bottom: 30px;
	}
	
	/* Fix divi plus responsiveness breadcrumb module */
	.dipl-breadcrumb-wrapper ol {
		flex-wrap: wrap;
	}
}