/*
Theme Name: Inperformance
Description: Theme enfant de Inperformance
Author: Digidream Communication
Author URI: https://digidream-communication.com
Template: Divi
Version: 0.1.0
*/

.slider-nutrition .swiper-arrow-button {
/* 	top:118% !important; */
	top:auto !important;
	z-index: 11;
}
.slider-nutrition .swiper-arrow-button:before, .dsm_image_carousel_0.slider-nutrition .swiper-button-prev:before, .dsm_image_carousel_0.slider-nutrition .swiper-button-next:before,  .dsm_image_carousel_0.slider-nutrition .swiper-button-prev:before {
	font-size:3.3em !important;
	font-weight:700 !important;
	color:#1E344B !important;
}
.dsm_image_carousel_0.slider-nutrition .swiper-arrow-button:hover::before, .dsm_image_carousel_0.slider-nutrition .swiper-arrow-button:hover::before {
	color:#3D81AD !important;
}
.dsm_image_carousel_0.slider-nutrition .swiper-button-prev {
	left:-15px;
}
.dsm_image_carousel_0.slider-nutrition .swiper-button-next {
	right:calc(100% - 50px) !important;
}
@media (max-width: 768px) {
    .dsm_image_carousel_0.slider-nutrition .swiper-button-next {
        right:calc(100% - 50px) !important;
    }
}
.slider-nutrition .swiper-pagination-bullets, .dsm_image_carousel .swiper-pagination-bullets {
	bottom:-60px;
	text-align:right;
}
.slider-nutrition .swiper-pagination-bullet {
	background:transparent !important;
	border:2px solid #1E344B;
	width:13px;
	height:13px;
}
.slider-nutrition.slider-vacance .swiper-pagination-bullet {	
	border:2px solid #333333;
}
.slider-nutrition .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background:#1E344B !important;
}
.slider-nutrition.slider-vacance .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background:#333333 !important;
}
.slider-vacance .swiper-slide {
	max-height:300px;
}
.cadrepicto {
    border: 1px solid #3D81AD;
    position: relative;
    padding: 15px 30px;
    margin: 30px auto;
    width: 90%;
    border-radius: 10px;
    display: flex;
}
.cadrepicto .visuel {
    margin: auto 0 auto -45px;
}
.cadrepicto .visuel .picto {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 0 35px 30px;
    border-color: transparent transparent transparent #3D81AD;
}
.cadrepicto .txt {
    padding: 0 20px;
    color: #1E344B;
    font-style: italic;
    margin: auto;
}
.remplissagecouleur {
    border: 1px solid #3D81AD;
    background: #1E344B;
    border-radius: 5px;
    font-size: 21px;
    box-shadow: none;
    text-decoration: none;
    color: #f4f4f4 !important;
    position: relative;
    text-transform: initial !important;
    z-index: 0;
    overflow: hidden !important;
    transition: transform 0s !important;
    display: inline-block;
    padding: 15px 20px;
    line-height: 30px;
    margin-bottom: 10px;
}
.remplissagecouleur span {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.remplissagecouleur::before, .remplissagecouleur::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    transition: left 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.remplissagecouleur::after {
    background-color: #3D81AD;
    z-index: -1;
    left: 100%;
}

.remplissagecouleur:hover::before {
    left: -100%;
}

.remplissagecouleur:hover::after {
    left: 0;
}

.remplissagecouleur [class^="remplissagecouleur-"]::before {
    vertical-align: text-bottom;
}

.remplissagecouleur:active {
    transform: translateY(-2px);
}

.remplissagecouleur span {
    margin: 0 10px;
	display:inline-block;
	text-align:center;
}

.remplissagecouleur a {
    color: #021f3d;
}

a.remplissagecouleur span {
    text-transform: none;
}

.remplissagecouleur:hover span {
    color: white;
}
.evidence3, .evidence4 {
    line-height: 30px;
    margin: 20px auto;
    max-width: 90%;
    padding: 0 20px;
    border-left: 5px solid #3D81AD;
    color: #0a0a0a;
    font-style: italic;
	text-align:center;
 }
.et_pb_image span {
	display:block;
}
@media(max-width:768px) {
	.dsm_image_carousel_0.slider-nutrition .swiper-button-next {
		right:65px;
	}	
}

/*sous menu mobile*/
header .et_mobile_menu li.menu-item-has-children{
    background: transparent!important;
}
header .et_mobile_menu li.menu-item-has-children > a {
    position: relative;
}
header .et_mobile_menu li.menu-item-has-children .sub-menu{
    display: none!important;
    height: 0px!important;
    opacity: 0!important;
    transition: all ease 0.3s;
}
header .et_mobile_menu li.menu-item-has-children .sub-menu.show{
    display: block!important;
    height: auto!important;
    opacity: 1!important;
}
.mobile-toggle {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
    z-index: 9999;
    transform: rotate(0deg);
    transition: transform ease 0.3s;
}
.mobile-toggle:before {
    font-family: 'ETmodules';
    content: "3";
    font-size: 30px;
    color: #000000;
    width: 30px;
    height: 27px;
    display: block;
}
.show.mobile-toggle{
    transform: rotate(180deg);
}