/*!
Theme Name: Ski Club Aix en provence
Template: Divi
Description: Un theme créé par Bleuebuzz
Version: 1.0
Author: Bleuebuzz
Author URI: https://www.bleuebuzz.fr
*/

/* ALL
========================================== */
#main-header {box-shadow: none;}

.et_fullwidth_secondary_nav #top-header .container {padding-right: 82px;}
#et-secondary-menu>ul>li a {padding: 10px 15px; border-radius: 30px;}
#et-secondary-menu>ul>li a:active {color: #66BFFF;}
#et-secondary-menu>ul>li a:hover {opacity: 1!important;}
#et-secondary-menu>ul>li.subh1 a {background-color:rgb(102,191,255,0.3);}
#et-secondary-menu>ul>li.subh1 a:hover {background-color:rgb(102,191,255,1);}
#et-secondary-menu>ul>li.subh2 a {color:#fff;background-color: #66BFFF;}
#et-secondary-menu>ul>li.subh2 a:hover {color:#fff;background-color: #000631;}

#top-menu-nav #top-menu li {padding-right: 50px;}
#top-menu-nav #top-menu li ul.sub-menu {border-color:#E8E8E8; border-radius: 15px;width:280px;}
.nav li li ul {left: 270px;}
.nav li.et-reverse-direction-nav li ul {right: 270px;}

#top-menu li li a {width:240px;font-size: 1.1em;font-weight: 400;border-radius: 15px;}
#top-menu li li a:hover {background-color: rgb(102,191,255,0.3);opacity: 1;border-radius: 15px;}


/* CAROUSSEL ACTU HP
========================================== */
.actu-hp .dp-dfg-items .dp-dfg-item {    background-color: rgb(0,0,0,0); border: solid #e2e2e2 0;}

.actu-wrapper {display:flex;flex-direction: row;width:100%;}
.actu-img {width:50%;min-height: 550px;background-size: cover!important;background-position: 30% center!important;border-radius: 30px 0 0 30px;}
.actu-content {width:50%;min-height: 550px;background-color: #fff;border-radius: 0 30px 30px 0;padding:40px 30px!important;}
.actu-cat {font-size: 18px;font-family: 'Lexend', Helvetica, Arial, Lucida, sans-serif;text-transform: uppercase;color:#66BFFF; font-weight: 900;line-height: normal;margin-bottom: 60px;}
.actu-title {font-size: 26px;font-family: 'Lexend', Helvetica, Arial, Lucida, sans-serif;color:#000631; font-weight: 700;line-height: normal;margin-bottom: 20px;}
.actu-text {font-size: 18px;font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;color:#000631; font-weight: 300;line-height: normal;}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {bottom:-20px!important;height: 2px;}
.swiper-scrollbar-drag {background-color: rgb(102,191,255,1);}
.swiper-scrollbar {background-color: rgb(102,191,255,0.5);}
.actu-seo {color: #000631; font-size: 12px;line-height: normal; margin-top: 15px;font-style: italic;}

@media screen and (max-width:640px){
	.actu-wrapper {flex-direction: column;}
	.actu-img {width:100%;min-height: 220px;background-position: 30% center!important;border-radius: 30px 30px 0 0;}
	.actu-content {width:100%;min-height: 350px;border-radius: 0 0 30px 30px;padding:20px 20px;}
	.actu-text {font-size: 16px;}
	.actu-cat {font-size: 14px;margin-bottom: 20px;}
	.actu-title {font-size: 22px;margin-bottom: 20px;}
}

/* LISTING
========================================== */
.archive-actu .dp-dfg-items {display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.archive-actu .dp-dfg-item {max-width: 30%;margin-bottom: 30px;border: 0;border-radius: 15px;}
.dp-dfg-skin-default .dp-dfg-item div {padding: 0;}
.archive-actu .dp-dfg-item .archive-actu-wrapper .archive-actu-img {min-height: 300px;background-size: cover !important; background-position: center !important;}
.archive-actu .dp-dfg-item .archive-actu-wrapper .archive-actu-content {padding:20px;}
.archive-actu-cat {font-size: 16px;font-family: 'Lexend', Helvetica, Arial, Lucida, sans-serif;text-transform: uppercase;color:#66BFFF; font-weight: 900;line-height: normal;margin-bottom: 20px;}
.archive-actu-title {font-size: 22px;font-family: 'Lexend', Helvetica, Arial, Lucida, sans-serif;color:#000631; font-weight: 700;line-height: normal;margin-bottom: 20px;}
.archive-actu-text {font-size: 16px;font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;color:#000631; font-weight: 300;line-height: normal;}
.archive-actu-seo {color: #000631; font-size: 12px;line-height: normal; margin-top: 15px;font-style: italic;}
@media screen and (max-width:1024px){
	.archive-actu .dp-dfg-item {max-width: 46%;}
	.archive-actu .dp-dfg-item .archive-actu-wrapper .archive-actu-img {min-height: 250px;}
}
@media screen and (max-width:640px){
	.archive-actu .dp-dfg-item {max-width: 100%;}
	.archive-actu .dp-dfg-item .archive-actu-wrapper .archive-actu-img {min-height: 250px;}
	.archive-actu-cat {font-size: 14px;margin-bottom: 10px;}
.archive-actu-title {font-size: 20px;margin-bottom: 10px;}
.archive-actu-text {font-size: 14px;}
.archive-actu-seo {display:none;}
}

/* MARQUEE
========================================== */
.marquee__part {flex-shrink: 0;padding: 0;font-smooth: always;display: flex;font-family: 'Lexend', Helvetica, Arial, Lucida, sans-serif;font-weight: 700;color: #000631;}
.marquee-img {position:relative;top:1vh;margin:0 2vw;max-width: 80px;}
/*.marquee__part img {margin:0 2vw;}*/
.marquee {color: #000631; font-size: 7vw;line-height: normal;padding: 0; position: relative; overflow: hidden;font-weight: 400;}
.marquee__inner {-webkit-font-smoothing: antialiased; width: fit-content; display: flex; flex: auto; flex-direction: row;}
@media screen and (max-width:820px){
	.marquee-img {top:0;margin:0 2vw;max-width: 60px;}
}
@media screen and (max-width:640px){
	.marquee-img {top:0;margin:0 2vw;max-width: 20px;}
}

/* FERMER LE MENU EN MOBILE
========================================== */
.mobile_menu_bar:before {font-size: 40px!important;font-weight: 900;}

.et_mobile_menu {border-radius: 15px;}
ul.et_mobile_menu li a {font-size: 16px!important;padding: 12px 5%;}
ul.et_mobile_menu li ul.sub-menu li, ul.et_mobile_menu li ul.sub-menu li a {font-weight: 400;}

#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent;position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules';text-align: center;speak: none;font-weight: normal;font-variant: normal;text-transform: none;	-webkit-font-smoothing: antialiased;position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px;content: '\4c';top: 13px;right: 10px; color: #66BFFF;}
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important;visibility: hidden !important;	transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important;visibility: visible !important; }


#top-menu li.soon:before {content:"Bientôt"; position: absolute;background-color: #66BFFF;padding: 3px 6px;border-radius: 20px;color: #fff;top: -25px;font-size: 12px;rotate: -7deg;z-index: 9999;}
#top-menu li.soon a {color: rgb(0, 6, 49, 0.5);}
#mobile_menu li.soon {position: relative;}
#mobile_menu li.soon:before {content:"Bientôt"; position: absolute;background-color: #66BFFF;padding: 3px 6px;border-radius: 20px;color: #fff;font-size: 12px;rotate: -7deg;top: 8px; left: 110px;}
#mobile_menu li.soon a {color: rgb(0, 6, 49, 0.5);}