/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */



/* =========== */
/* ASRE Layout */
/* =========== */

body{
	color:#616161;
	font-weight:300;
	font-size:14px!important;
}

img{
	image-rendering:-webkit-optimize-contrast;
}

p{
	font-weight:300;
	font-size:14px
}

a:link:not(.button):not(.menu-link):not(.elementor-button-link), a:visited:not(.button):not(.menu-link):not(.elementor-button-link), a:active:not(.button):not(.menu-link):not(.elementor-button-link), a:not(.button):not(.menu-link):not(.elementor-button-link){
	outline:0!important;
	color:#97be0d;
	text-decoration: underline;
	font-weight:400;
	font-size:16px;
}

body.page-id-2984 .page-header{
	display:none; 
}

/* Partenaires cachés provisoirement */
#partenaires-section{
	display:none;
}

#formateurs-wrapper .no-lightbox,
#formateurs-wrapper .oceanwp-lightbox{
	display:flex;
	align-items:flex-end;
}

#formateurs-wrapper .no-lightbox img,
#formateurs-wrapper .oceanwp-lightbox img {
	padding-right: 8px;
}

.asre-button-light .elementor-button{
	background:#fff;
	color:#97be0d!important;
	opacity:1;
	font-weight: 600;
}

.asre-button-light .elementor-button:hover{
	opacity:.75;
}

.asre-button .elementor-button{
	background:#97be0d;
	color:#fff;
	font-weight: 600;
}

.baseline h3, .baseline h4{
	color:#97be0d;
	letter-spacing: 4px;
}

.list-icon li{
	list-style-type:none;
	margin-bottom:24px;
}

.list-icon li:before{
	color:#fff;
	position: relative;
	top:8px;
	z-index:9999;
	font-size:16px;
	bottom:3px;
	
	background:url('check.svg');
	
	width:30px;
	height:30px;
	margin-right:12px;
	background-size:cover;
	display:inline-block;
	
	content:'';
}

.wpcf7-form input, .wpcf7-form textarea{
	text-align: left!important;
}

/*
.list-icon li span {
  width: 20px;
  height: 20px;
  position: relative;
  text-align: center;
  background: #AFD31A;
  display:inline-block;
  margin-right:15px;
}

.list-icon li span::before, .list-icon li span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background: #AFD31A;
}

.list-icon li span::before {
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.list-icon li span::after {
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.list-icon li span b{
	color:#fff;
	position: relative;
	z-index:9999;
	font-size:16px;
	bottom:3px;
	
	background:url('check.svg');
	
	content:'✔';
}

.list-icon li span b img{
	color:#fff!important;
	fill:#fff;
}
*/

.asre-home-buts{
	background-color:rgba(0,0,0,.07);
}

/* ================ */
/* NAV */
/* ================ */

#site-header.transparent-header{
	background:linear-gradient(to bottom, rgba(0,0,0,.5) 30%, transparent 80%);
}

nav#site-navigation{
	padding-right:30px;
}

nav .menu-item a{
	text-transform: inherit!important;
	font-weight: 400!important;
	border:0!important;
	outline:0!important;
}

nav .menu-item a,
nav .menu-item {

	border:0!important;
	outline:0!important;

}

nav li.current_page_item a{
	font-weight: 600!important;	
	color:#97be0d!important;
}

/* Responsive Menu fix */

#mobile-dropdown{
	max-height: 100vh;
	/* min-height: calc(100vh - 125px); */
	min-height: calc(100vh); 
	
	top:0;
	position: fixed;
	padding-top:150px;
	
	z-index:-50;
}

.sub-menu li.menu-item{
	padding-left:20px;
}

#mobile-menu-search{
	display: none!important;
}

.sf-menu ul.sub-menu{
	top:70%!important;
}

.oceanwp-mobile-menu-icon{
	right:0;
	position: fixed;
	
}

/* ================ */
/* HEADER */
/* ================ */

.page-header.background-image-page-header .page-header-title{
	text-align: left;
	position: absolute;
	bottom:-100px;
	left:40px;
}

/* ================ */
/* FOOTER */
/* ================ */


.icon-wrapper i{
	background:#AFD31A;
	border-radius:50%;
	font-size:18px;
	margin:12px 24px 0 0;
	color:#fff;
	text-align:center;
	width:35px;
	height:35px;
	
	padding:8px;
}

.icon-wrapper a{
	color:#fff;	
}

.icon-wrapper i:hover{
	color:#AFD31A;
	background:#fff;
}

.htmega-form-style-4 form input[type="submit"]{
	margin:0!important;
}

.widget-title{
	border:none;
	color:#97be0d!important;
	font-size:24px;
	text-transform: inherit;
	padding-left:0;
}

#footer-widgets #site-navigation-wrap .dropdown-menu >li >a {
	color:#777777!important;
}

#footer-widgets .textwidget{
	font-size:12px;
}

#footer-widgets #site-navigation-wrap .dropdown-menu >li >a {
	line-height: inherit!important;
}

#site-navigation-wrap .dropdown-menu >li >a{
	padding:0 32px 0 0!important;	
}

/* ================ */
/* SIDEBAR		    */
/* ================ */

@media screen and (min-width: 967px) { 

	body.page-id-182 .widget-area{
		width:50%;
	}
	
	body.page-id-182 .content-area{
		width:50%;
	}

}

.liens_utiles span{
	display:inline-block;
	width:90px;
	font-weight:600!important;
	height:25px;
}

.liens_utiles a:link, .liens_utiles a:visited, .liens_utiles a:active, .liens_utiles a{
	font-size:12px!important;
	color:rgba(0,0,0,.7)!important;
	display:inline-block;
	width:calc(100% - 90px);
}


.download_wrapper a:link:not(.elementor-button-link), .download_wrapper a:visited:not(.elementor-button-link), .download_wrapper a:active:not(.elementor-button-link), .download_wrapper a:not(.elementor-button-link),
.agenda-wrapper a:link:not(.elementor-button-link), .agenda-wrapper a:visited:not(.elementor-button-link), .agenda-wrapper a:active:not(.elementor-button-link), .agenda-wrapper a:not(.elementor-button-link){
	color:#fff!important;
	font-size:14px!important;
	margin:0 0 4px 0!important;
	display:block;
}

.download_wrapper a:not(.elementor-button-link)::before{
	content:'\f0c1';
	font-family:"Font Awesome 5 Free";
	font-weight: 600;
	margin-right:6px;
	text-decoration: none!important;
	padding:10px;
	
}

.download_wrapper h4{
	color:#fff!important;		
}

/* ================ */
/* Cards Actualités */
/* ================ */

.agenda-wrapper .recent-posts-excerpt p, .agenda-wrapper .recent-posts-date{
	color:#fff;
}

#actualites-wrapper .oceanwp-recent-posts{
	display: flex;
	flex-wrap:wrap;	
}

#actualites-wrapper .oceanwp-recent-posts li{
	display:inline-block!important;
	margin-top:0;
	padding-top:0;	
	
	margin-right:2%;
	margin-bottom:25px;
}

#actualites-wrapper ul li{

	width:31%;

	border:1px solid rgba(0,0,0,.2);

}

#actualites-wrapper .oceanwp-recent-posts .recent-posts-thumbnail{
	width:100%;
	height:300px;
	display:inline-block;
}

#actualites-wrapper .recent-posts-excerpt{
	margin-top:18px;
}

#actualites-wrapper .recent-posts-excerpt p{
	text-transform: lowercase;
	line-height:12px;
}

#actualites-wrapper .oceanwp-recent-posts .recent-posts-details{
	padding:30px;
}

#actualites-wrapper .oceanwp-recent-posts .recent-posts-thumbnail img{
	object-fit:cover;
	height: 300px;
}

.recent-posts-comments{
	display:none!important;
}

/* =========== */
/* LIGHTBOX */
/* =========== */

.lightbox { display: none; }

/* =============================================== */
/* Cards formateurs / Formations / Equipes suisses */
/* =============================================== */

#formateurs-wrapper ul,
#formations-wrapper ul,
#equipes_suisses-wrapper ul,
#presse-wrapper ul{
	display:flex;
	flex-wrap:wrap;
	
	margin:15px 0;
}

#formateurs-wrapper ul li{
	/* width:31%; */
	
	display:flex;
	flex-basis:calc(33% - 20px);
	border:1px solid rgba(0,0,0,.2);
	list-style-type:none;
	display:inline-block!important;
	margin-top:0;
	margin-bottom:20px;
	padding-top:0;	
	
	margin-right:2%;
	
	vertical-align:text-top!important;
	
	padding:10px;
}

#formations-wrapper ul li{
	/* width:31%; */
	
	display:flex;
	flex-basis:calc(33% - 20px);

	list-style-type:none;
	display:inline-block!important;
	margin-top:0;
	margin-bottom:20px;
	padding-top:0;	
	
	margin-right:2%;
	
	vertical-align:text-top!important;
	
}

#equipes_suisses-wrapper ul li, #equipes_suisses-wrapper ul li.side{
	
	flex-basis:calc(25% - 30px);

	list-style-type:none;
	display:inline-block!important;
	margin-top:0;
	margin-bottom:20px;
	padding-top:0;	
	
	margin-right:2%;
	
	vertical-align:text-top!important;
	
}

#presse-wrapper ul li{
	/* width:31%; */
	
	display:flex;
	flex-basis:calc(20% - 20px);

	list-style-type:none;
	display:inline-block!important;
	margin-top:0;
	margin-bottom:20px;
	padding-top:0;	
	
	margin-right:2%;
	
	vertical-align:text-top!important;
	
}

#formations-wrapper ul li div,
#equipes_suisses-wrapper ul li div{
	padding:20px 15px 0 15px;
	background:#fff;
	position:relative;
	bottom:50px;
	width:calc(100% - 40px)
}

#equipes_suisses-wrapper ul li b{
	min-width:60px;
	display:inline-block;
}

#equipes_suisses-wrapper ul li p{
	margin:0 0 10px
}

#equipes_suisses-wrapper ul div{
	flex-basis:50%;
	padding:0 30px 0 0;
}

#equipes_suisses-wrapper ul li div{
	display:block;
	margin:0 auto;
}

#equipes_suisses-wrapper ul li img{
	min-height:375px;
}

#formations-wrapper ul li img{
	min-height:250px;
	object-fit:cover;
	object-position:left;
}

#equipes_suisses-wrapper ul li img{
	max-height:300px;
	min-width: 100%;
	object-fit:cover;
	object-position:top;
}

#equipes_suisses-wrapper ul li{
	
}

#formations-wrapper ul li div,
#formations-wrapper ul li img{
	display:block;
	margin:0 auto;
}

/* ==================== */
/* Modal Event */
/* ==================== */


.asre_event_container .asre_event, .featherlight-content{
	border:none;
	border-radius:5px;
	box-shadow:10px 10px 30px rgba(0,0,0,.2);
	padding:30px;
	
	position: relative;
}

.asre_event_close, .asre_event_close:hover{
	background:none;
	border:none;
	color:#fff;
}

.asre_event_close:before, .featherlight-close-icon{
	content:'✕';
	color:#000!important;
	width:10px;
	height:10px;
	font-size:20px;
	border-radius: 50px;
	display:block;
	position: absolute;
	top:10px;
}

.featherlight-close-icon{
	top:10px!important;
	right:10px!important;
}

.featherlight .featherlight-content{
	padding:30px!important;
}

.featherlight-inner{
	
}

.featherlight-inner h2{
	font-size:18px;
}

.featherlight-inner h3{
	font-size:14px;
}

.featherlight-inner p{
	font-size:12px;
}

.featherlight .featherlight-content a:link,
.featherlight .featherlight-content a:visited,
.featherlight .featherlight-content a:active,
.featherlight .featherlight-content a {
	text-decoration: none!important;
	font-size:12px!important;
}

.adresse_wrapper p, .adresse_wrapper + p, .adresse_wrapper{
	display:inline!important;
	margin:0!important;
}


.grid-wrapper{
	display:flex;
	flex-wrap:wrap;
}

.grid-50{
	display:flex;
	width:50%;
	flex-direction:column;
	flex-wrap:wrap;
}

.grid-60{
	display:flex;
	width:60%;
	flex-direction:column;
	flex-wrap:wrap;
}

.grid-40{
	display:flex;
	width:40%;
	flex-direction:column;
	flex-wrap:wrap;
}

/* ==================== */
/* Single Event			*/
/* ==================== */

body:not(.single-evenement) .asre_photos{
	display:none;
}

body.single-evenement .page-header{
	padding:30px 0;
}

.slick-dotted.slick-slider.asre_photos{
	margin-bottom:0;
}

.asre_photos .asre_photo{
	min-height:400px;
	background-size:cover;
	background-position: center center;
	background-repeat:no-repeat;
	position: relative;
}

.asre_photos .asre_photo:before{
	content:'';
	background:rgba(0,0,0,.5);
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

body.evenement-template-default.single header #site-header-inner,
body.single-post header #site-header-inner,
body.page-template-template-myevenement #site-header-inner{
	background-image: url('https://www.asre.ch/wp-content/uploads/2021/03/the-three-peaks-of-lavaredo-2972497_1280.jpg');
	background-position: 50% 60%;
	background-size: cover;
	background-repeat: no-repeat;
}

body.evenement-template-default.single header #site-header-inner::before,
body.single-post header #site-header-inner::before,
body.page-template-template-myevenement #site-header-inner::before{


	content:'';
	width:100%;
	height: 150px;
	position: absolute;
	top:0;
	left:0;
	
	background:linear-gradient(to bottom, rgba(0,0,0,.5) 30%, transparent 80%);
	
	z-index:5;
	
}

body.evenement-template-default.single #site-navigation-wrap,
body.single-post #site-navigation-wrap,
body.page-template-template-myevenement #site-navigation-wrap,
body.evenement-template-default.single #site-logo-inner,
body.single-post #site-logo-inner,
body.page-template-template-myevenement #site-logo-inner {
	z-index:50;
	position: relative;
}

body.evenement-template-default.single #main,
body.single-post #main{
	padding-top: 220px;
}

body.page-template-template-myevenement #main{
	padding-top: 120px;	
}

body.single-post header.page-header{
	padding: 30px 0!important;
}

body.single-evenement #site-header-inner, body.single-post #site-header-inner,
body.page-template-template-myevenement #site-header-inner{
	padding-bottom:100px;
}

/* ==================== */
/* Asre-Calendar Styles */
/* ==================== */

.calendar .elementor-column-gap-default>.elementor-column>.elementor-element-populated{
	padding:0!important;
}

#app2 .event_type input{
	display:none;
}

#app2{
	width:calc(100% - 30px)!important;
}

#app2 .event_type{
	position: relative;
	cursor: pointer;
}

#app2 .event_type input + span{
	border-radius:50px;
	width:16px;
	height:16px;
	background:rgba(0,0,0,0);
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,.1);
	
	position: absolute;
	left:-15px;
	top:8px;
}

#app2 .event_type_0 input:checked + span{
	background-color:rgba(0,0,0,.3);
	border-color:rgba(0,0,0,.3);	
}

#app2 .event_type_9 input:checked + span{
	background-color:rgba(237,125,116,.3);
	border-color:rgba(237,125,116,1);	
}

#app2 .event_type_10 input:checked + span{
	background-color:rgba(255,193,59,.3);
	border-color:rgba(255,193,59,1);	
}

#app2 .event_type_6 input:checked + span{
	background-color:rgba(169,100,255,.3);
	border-color:rgba(169,100,255,1);	
}

#app2 .event_type_5 input:checked + span{
	background-color:rgba(117,218,255,.3);
	border-color:rgba(117,218,255,1);	
}

#app2 .event_type_7 input:checked + span{
	background-color:rgba(117,136,255,.3);
	border-color:rgba(117,136,255,1);	
}

#app2 .event_type_8 input:checked + span{
	background-color:rgba(151,190,13,.3);
	border-color:rgba(151,190,13,1);	
}

#app2 .cv-event.event_type_0{
	border-left:4px solid rgba(0,0,0,1)!important;
	background:rgba(0,0,0,.3)!important;
}

#app2 .cv-event.event_type_9{
	border-left:4px solid rgba(237,125,116,1)!important;
	background:rgba(237,125,116,.3)!important;
}

#app2 .cv-event.event_type_10{
	border-left:4px solid rgba(255,193,59,1)!important;
	background:rgba(255,193,59,.3)!important;
}

#app2 .cv-event.event_type_6{
	border-left:4px solid rgba(169,100,255,1)!important;
	background:rgba(169,100,255,.3)!important;
}

#app2 .cv-event.event_type_5{
	border-left:4px solid rgba(117,218,255,1)!important;
	background:rgba(117,218,255,.3)!important;
}

#app2 .cv-event.event_type_7{
	border-left:4px solid rgba(117,136,255,1)!important;
	background:rgba(117,136,255,.3)!important;
}

#app2 .cv-event.event_type_8{
	border-left:4px solid rgba(151,190,13,1)!important;
	background:rgba(151,190,13,.3)!important;
}

#app2 .cv-event{
	margin-left:5px;	
}

#app2 .cv-header-nav{
	
}

#app2 .cv-header-nav button{
	background:none;
	border:none;
}

#app2 .event_types {

	justify-content:space-between;
	/* display:none; */
}

#app2 .event_type {
	width:inherit!important;
}

#app2 .event_types label{
	padding-left:8px;
	position: relative;
}

#app2 .event_types{
	background:rgba(0,0,0,.02);
	border:1px solid #ddd;
	margin-bottom:25px;
	padding:0 35px;
}

#app2 .event_types + br{
	display:none;
}

.event_type{
	border:none!important;
}

#app2 .cv-event.hasUrl{
	cursor: pointer;
}



/*
#app2 div.event_type_8{
	background:rgba(151,190,13,.3);
	border-left:4px solid rgba(151,190,13,1)!important;
	padding:8px 12px!important;
	font-weight:500;	
}
*/

#app2 .cv-day{
	padding:12px 0 28px 12px;
	color:rgba(0,0,0,.4);
	font-weight: 600;
	border-width: 2px 2px 0 0!important;
}

.cv-day, .cv-event, .cv-header-day, .cv-header-days, .cv-week, .cv-weeks{
	border-color:#f3f3f3!important;
}

.cv-weeks{
	border-width: 0 0 2px 2px!important;
}

#app2 .cv-header{
	flex-direction:row-reverse;
	padding:4px 0 4px 4px;
	border-color:transparent;
}

#app2 .cv-header-nav{
	border:1px solid rgba(0,0,0,.2);
	border-radius:6px;
	padding:4px 0 4px 12px;
	margin:.1em 0 .1em .6em;
}

#app2 .cv-week{
	min-height:9em;
}

#app2 .cv-header-days{
	background:rgba(0,0,0,.07);
	color:rgba(0,0,0,.4);
	font-weight: 500;
	border-color:transparent;
	text-transform: uppercase;
	padding:12px 8px;
}

#app2 .cv-header-day{
	border-color:transparent;	
}

#app2 .cv-event{
	top:calc(2.6em + 0px)!important;
}


#app2 .cv-event + .cv-event{
	top:calc(2.6em + 2em)!important;
}

#app2 .cv-event + .cv-event + .cv-event{
	top:calc(2.6em + 4em)!important;
}

.cv-header-nav, .cv-header .periodLabel{
	margin:.3em .6em;
}

#app2 .previousPeriod, #app2 .nextPeriod{
	color:rgba(0,0,0,.2)!important;
	font-size:12px;
} 

#app2 .previousYear, #app2 .nextYear{
	display:none;
}

/*
#app2 select option:nth-child(2){
	background:red;
}

#app2 select option:last-child::before{
	background:green;
	content:'';
	width:15px;
	height:15px;
}
*/

/* Responsive AGENDA */
@media screen and (max-width: 767px) {

	#app2{
		
	}
	
	#app2 .event_types{
	
		flex-wrap:wrap;
		
	}
	
	.cv-header-nav button, .cv-header .periodLabel{
		padding:.4em .6em .4em 0!important;
	}
	
	.cv-header-nav, .cv-header .periodLabel{
		margin: .1em .6em .1em 0!important;
	}

}


/* =========== */
/* Responsive Layout */
/* =========== */


@media only screen and (max-width: 768px) {
	
	#actualites-wrapper .oceanwp-recent-posts li{
		width:calc(100% - 25px)!important;
		margin:0 25px 25px 0;
	}
	
	header .mobile-menu .oceanwp-text, header .mobile-menu .oceanwp-close-text{
		display: none!important;
	}
	
	header .mobile-menu i{
		font-size:32px;
		padding-right: 25px;
		
	}
	
	header .menu .lang-item-112, header .menu .lang-item-114{
		display: inline-block;
	}
	
	footer #ocean_custom_header_nav-2{
		display: none;
	}
	
	h1.elementor-heading-title{
		line-height:1.5;
	}

	h2.elementor-heading-title{
		
	}
	
	#equipes_suisses-wrapper ul div{
		width: 100%;
		flex-basis:100%;
	}
	
	#formateurs-wrapper ul li, #formations-wrapper ul li{
		flex-basis:calc(100% - 20px);
	}
	
	.elementor-849 .elementor-element.elementor-element-4c53b7d > .elementor-widget-container{
		margin:0!important;
	}
	
}