/*
Theme Name: Theme enfant
Description: Theme enfant Compagnie des Ports du Morbihan
Author: Aurelie - Compagnie des Ports du Morbihan
URI: https://cdp56.ovh
Template: Divi
Version: 0.1.0 
*/ 

@font-face {
	font-family: 'itcavantgardestd-mdcn';
	src: url('fonts/ITCAvantGardeStd-MdCn.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}


/* Buttons side by side for header */
.btn-inline .et_pb_button_module_wrapper {
    display: inline-block;
    padding-bottom: 20px;
    margin: 0 10px;
}

.et-menu li li.menu-item-has-children>a:first-child:after {
	top: 6px;
	right: 0;
}

._df_thumb {
	width: 340px !important;
	height: 500px !important;
}

/* Menu mobile "slide-in" pleine hauteur qui sort du côté droit */
@media only screen and (max-width: 980px) {

	div.et_pb_menu__logo-wrap {
		padding-left: 5%;
	}

	.et_pb_menu__wrap {
		padding-right: 5%;
	}

	header.et-l--header .et_pb_row_1_tb_header.et_pb_row, 
	header.et-l--header .et_pb_row_0_tb_header.et_pb_row, 
	.et_pb_menu_0_tb_header, 
	.et_pb_menu_1_tb_header {
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.mobile_nav.opened .mobile_menu_bar:before {
		content: "\4d";
	}
	header.et-l--header .et_menu_container {
		width: 100%;
	}
	.logo_container {
		padding-left: 30px;
	}
	#et-top-navigation {
		padding-right: 30px;
	}
	.et_pb_menu .et_mobile_menu {
		top: 0 !important;
	}
	.mobile_menu_bar, #logo {
		z-index: 10000;
	}
	.et_mobile_menu {
		display: block !important;
		right: 0;
		left: 0;
		top: 0;
		padding-top: 80px;
		min-height: 100vh;
		width: 100vw;
		border-top: none;
		transition: all .2s ease-in-out;
		transform-origin: right;
	}
	ul#mobile_menu2 {
		padding-bottom: 35%;
	}
	.mobile_nav.closed .et_mobile_menu {
		transform: translate(100%);
		opacity: 0;
	}
	.mobile_nav.opened .et_mobile_menu {
		transform: translate(0);
		opacity: 1;
	}

	.mobile_nav.closed .mobile_menu_bar::before {
		color: #fff !important;
	}

	.has_et_pb_sticky .mobile_nav.closed .mobile_menu_bar::before {
		color: #0b457a !important;
	}

	.mobile_nav.opened .mobile_menu_bar::before {
		color: #0b457a !important;
	}

}
/* 
@media only screen and (max-width: 480px) {

	.et_mobile_menu {
		width: 100%;
	}

} */

@media screen and (min-width: 981px) {
	.free-menu-2-column>ul {
			width: 700px!important;
	}
	.free-menu-2-column>ul>li {
			width: 50%!important;
			float: left!important;
	}
}