/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
ul.header-nav,
ul.header-nav > li.menu-item {
    position: unset;
}

ul.header-nav > li.menu-item.current-dropdown > ul.nav-dropdown {
    position: absolute;
    width: 90%;
    max-width: 90% !important;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    padding: 30px 10%;
    columns: 4;
}

ul.header-nav > li.menu-item > ul.nav-dropdown > li.menu-item {
    display: block;
    list-style-type: none;
    text-align: left;
    white-space: normal;
    width: auto;
    min-width: unset;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
	margin-bottom: 15px;
}


ul.header-nav > li.menu-item > ul.nav-dropdown > li.menu-item > a {
    text-transform: uppercase;
    font-size: .8em;
    font-weight: bolder;
    color: #000;
	border-bottom: 0;
}

ul.header-nav > li.menu-item > ul.nav-dropdown > li.menu-item > ul.sub-menu > li.menu-item > a {
	border-bottom: 0;
	padding: 5px 0px;
}

/* Header top */

.header-top .container {
	padding-left: 0;
	padding-right: 0;
}

.header-top .mobile-nav .html.html_topbar_left {
	width: 100%;
	text-align: center;
	background-color: #3b97d3;
	padding: 5px 15px;
	margin: 0;
}

@media only screen and (max-width: 430px) {
.header-top .mobile-nav .html.html_topbar_left .uppercase {
	font-size: 11px;
 }
}

/* Header mobile */

@media only screen and (max-width: 850px) {
	.mobile-sidebar .header-social-icons {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
	
	.mobile-sidebar .html.html_topbar_right {
		display: none;
	}
	.mobile-sidebar .quote-li {
		width: 100% !important;
	}
	.mobile-sidebar .quote-li .afrq-menu-item {
		justify-content: flex-start;
	}
	.mobile-sidebar .html.html_top_right_text {
		padding: 0 !important;
	}
	.mobile-sidebar .html.html_top_right_text .zone-contracteur {
		font-size: 12.8px;
	}
}

/* Badge */

.produit-qc-badge,
.produit-ca-badge {
    margin-left: -.4em;
}

.produit-qc-badge img,
.produit-ca-badge img {
    width: 3em;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
}