/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
body{
	overflow-x: hidden;
}
.pp-dual-heading{
	margin: 0;
}

/*HEADER*/
.extended-background:after{
	content: "";
    height: 100%;
    width: 1000%;
    background-color: #1C3346;
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
}
/*HOME*/
.bubble-style:before{
	content: url('/wp-content/uploads/2023/05/bubble.png');
	display: block;
	width: 14px;
	height: 9px;
    position: absolute;
    bottom: 0px;
    left: 25px;
}
.elementor-12 .elementor-element.elementor-element-a22dcb8 .swiper-slide{
	border-radius: 0 0 0 25%;
}
.elementor-12 .elementor-element.elementor-element-a22dcb8 .swiper-slide-inner{
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,0.6671043417366946) 0%, rgba(255,255,255,0) 100%);
}

.main-actu-a-la-une .pp-post-content-wrap{
	width: 450px;
	text-align: center;
}
.main-actu-a-la-une .pp-post-content .pp-post-thumb-content{
	width: 25%;
}
.main-actu-a-la-une .pp-posts-skin-portfolio .pp-post-thumbnail img{
	object-fit: contain;
}
#actu-liste .pp-post.pp-grid-item div.pp-post-thumbnail{
	height: 300px;
	overflow: hidden;
}
#actu-liste .pp-post.pp-grid-item:hover div.pp-post-thumbnail{
	overflow: hidden;
}
#actu-liste .pp-post.pp-grid-item:hover div.pp-post-thumbnail img{
	transition: : 0.2s;
	transform: scale(1.2);
}
#actu-liste .pp-posts-button.elementor-button.elementor-size-sm{
	position: absolute;
	right: 48%;
	bottom: 10px;
}
#actu-liste .pp-posts-button.elementor-button.elementor-size-sm:hover{
	transform: rotate(180deg);
}
#actu-liste .pp-post-content-wrap{
	-webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.66); 
box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.66);
}

/*====================================TEMPLATE LISTE====================================*/
/*====================================TEMPLATE LISTE====================================*/
.template-liste .pp-post.pp-grid-item div.pp-post-thumbnail{
	overflow: hidden;
}
.template-liste .pp-post.pp-grid-item div.pp-post-thumbnail img{
	overflow: hidden;
	height: 300px;
	object-fit: cover;
}
.template-liste .pp-post.pp-grid-item:hover div.pp-post-thumbnail{
	overflow: hidden;
}
.template-liste .pp-post.pp-grid-item:hover div.pp-post-thumbnail img{
	transition: : 0.2s;
	transform: scale(1.2);
}
.template-liste .pp-post-content-wrap{
	-webkit-box-shadow: 9px 9px 13px -5px rgba(0,0,0,0.58); 
	box-shadow: 9px 9px 13px -5px rgba(0,0,0,0.58);

}

/**
*	LISTE AGENDA ACCUEIL
*
*
*/
.specif-agenda *{		
	font-family: "Oswald",sans-serif;
}

.specif-agenda .dates{
	/* border-radius:50%; */
	display:flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	text-transform:capitalize;	
}
.specif-agenda .dates > span.chevron{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.specif-agenda .dates > span.chevron::after{
	content:"\f054";	
}

.specif-agenda h2{
	text-transform:uppercase;
	font-size:1.5rem
}
.specif-agenda div.infos{
	background-color: #fff;
    padding: 50px;
    /* color: #fff; */
    padding: 0 20px;
    width: 600px;
	text-align:center;
}
.specif-agenda div.infos > p{
	font-size:1.5rem
}
.specif-agenda div.infos > span{
	/* position:absolute; */
	/* top:-20px; */
	color:#fff;
	text-transform:uppercase;
	background:#27272F;
	padding:10px 30px;
	display:block;
	width:180px;
	margin:0 auto;
}
.specif-agenda div.infos > a{
	border:1px solid #fff;
	color:#000;
	font-weight:normal;
	padding:10px;
	display: block;
}
.specif-agenda div.infos > a::after{
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-left:10px;
	color:#09ADB4;
}




/* .specif-agenda div.main-event div.infos > a span{ */
/* border:1px solid #fff; */
/* color:#fff; */
/* font-weight:normal; */
/* padding:10px; */
/* } */
.specif-agenda div.dates{
	background:#fff;
	color:#09ADB4;
	width: 100%;
	font-weight:100;
	position:relative;
}
.specif-agenda div.dates > span{
	font-size:1.2rem;		
	width:30px;
}
.specif-agenda div.dates > span > span{
	font-size:1.6rem;
	font-weight:bold;
}


.specif-agenda > div.default-event,
.specif-agenda > div.second-event{
	border-radius: 5px 5px 5px 5px;
}

.specif-agenda div.main-event{
	width:calc(100%);
	display:flex;
	flex-direction: row;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:630px;
	border-radius: 5px 5px 5px 150px;
	position:relative;
}
.specif-agenda div.main-event div.infos{
    position: absolute;
	bottom:0;
	right:40px;
    border-radius:5px 5px 0 0 ;
}
.specif-agenda div.second-event{
	margin: 30px 0;
    height: calc(100% - 150px);
	position:relative;
	
	background-repeat: no-repeat;
	background-size: cover;
	    border-radius: 5px;
}
.specif-agenda div.second-event .infos{
	box-shadow: 3px 3px 15px #65656585;
    border-radius: 5px;
    position: absolute;
    bottom: -90px;
    left: calc(50% - 300px);
}
.specif-agenda div.default-event{
    display:flex;
	margin:30px;
	height:285px;
	box-shadow: 3px 3px 15px #65656585;
}
.specif-agenda div.default-event > div{
    width:50%;
	background-repeat: no-repeat;
	background-size: cover;
    border-radius:5px 0 0 5px;
}
.specif-agenda div.default-event > div.infos{
    border-radius:0 5px 5px 0;
}

.specif-agenda div.liste-event{
	display:flex;
	width:100%;
}
.specif-agenda div.liste-event > div{
	width:50%;
	/* margin-left: calc( 25px/2 ); */
	/* margin-right: calc( 25px/2 ); */
	/* padding-bottom:20px; */
	background:transparent;
	/* display:flex; */
	/* flex-direction: column; */
	/* align-content: center; */
	/* justify-content: flex-start; */
	/* align-items: center; */
	/* box-shadow: 3px 3px 15px #383838; */
}
.specif-agenda div.liste-event .infos{
	background:#fff;
}

.specif-agenda div.liste-event img{
	object-fit: cover;
    width: 100%;
    max-height: 285px;
}
.specif-agenda div.liste-event h2{
	
	text-align:center;		
}

/**
 * Annuaire des marées
 *
 *
 */
.specif-marees{
	box-shadow: 3px 3px 15px #65656585;
	border-radius:5px;
	background:#fff;
	padding:10px;
}
.specif-marees iframe{
	display:none;
}
.specif-marees > div{
	display:flex;
	flex-direction: column;
}
.specif-marees > div > div{
	display:flex;
}
.specif-marees > div > div > div{
	display:flex;
	flex-direction: column;
	padding: 7px;
	justify-content: center;
}
.specif-marees .specif-val{
	color:#0080C7;
	font-size:1.4em;
	font-weight:bold;
}

.elementor-button-icon{
	display:inline-block!important;
}


/**
 *
 * PAGE ARTISANS & COMMERCANTS
 * 
 */

.myFilters,
.title {
	margin: 0;
	padding: 0;
}

.filter .title,
.myFilters {
	display: flex;
	width: 100%;
	margin-bottom: 15px;
}

.filter .title{
	align-items: center;
}
.myFilters {
	justify-content: space-around;
}
.filter .title li,
.myFilters li {
	/* display: table-cell; */
	/* margin-right: 10px; */
	list-style-type:none;
}

.myFilters li a {
	font-size: 22px;
	font-style: normal !important;
	font-weight: bold;
}

.filter .title li a{
	padding:5px;
	border:1px solid #1C3346;
	background: #1C3346;
	color: #ffffff;
	    display: flex;
    margin: 5px;
    height: 80px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
	margin:5px;
}
.filter .title li a:hover,
.filter .title li.active-li a{
	border:1px solid #78b637;
	color: #fff;
	background: #78b637;
}
#menu-navigation > li:first-child{
   color:red;
}



.category {
	margin-bottom: 25px;
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.company {
	padding: 0 0 35px 0;
	width: 49%;
	background: #E4E4E4;
	border-radius: 10px;
	padding: 10px;
	margin: 10px 0;
	display: flex;
}

.company span {
	display: block;
}

.company img {
	padding-left: 25px;
}

.company h4{
	margin: 0 !important;
	padding: 0 !important;
	padding-bottom: 12px !important;
}

.company .row-content {
	height: 0;
}
.company .col_1_2 {
	width: 49%;
	color: #152737;
} 
.company .col_1_2:nth-child(2){
	display: flex;
	align-items: center;
} 
.company .col_1_4 {
	padding-bottom: 25px;
} 

/**
 *
 * END PAGE ARTISANS & COMMERCANTS
 * 
 */
















/**
 * POPUP RGPD
 */
div#cookie-container-bar{
	display: flex;
	vertical-align: middle;
	justify-content: center;
}
div#cookie-container-bar div#cookie-img-bar{
	display: flex;
	vertical-align: middle;
	align-items: center;
}
div#cookie-container-bar div#cookie-img-bar img{
	width: 150px;
	height: 150px;
}
div#cookie-container-bar div#cookie-text-bar{
	padding: 10px;
	width: 75%;
}
div#cookie-container-bar div.cookie-ss-text-bar{
	font-size:0.8em;
	text-align:center
}
div#cookie-container-bar div#cookie-text-bar .cli-bar-message{
	text-align: center;
	font-size:16px
}
div#cookie-container-bar div#cookie-text-bar .cli-bar-message strong{
	font-size:1.2em
}
div#cookie-container-bar div#cookie-buttons-bar{
	justify-content:center;
	display: flex;
}
#cookie-law-info-bar{
	text-align: left !important; 
	padding: 15px 15px !important; 
	border-color: rgb(51, 51, 51) !important; 
	border-radius: 15px !important; 
	background-color: rgba(255, 255, 255, 0.97) !important; 
	color: rgb(51, 51, 51); font-family: inherit !important; 
	position: fixed !important; 
	width: 630px !important; 
	height: auto !important; 
	max-height: 500px !important; 
	top: calc(50% - 150px) !important; 
	left: calc(50% - 315px) !important; 
	/* transform: translate(-50%, -50%) !important;  */
	overflow: auto !important; 
	margin-left:0!important;
	margin-top:0!important;
}

@media screen and (max-width: 640px) {
	#cookie-law-info-bar{
		padding: 5px 5px !important; 
		width: calc(100% - 20px) !important; 
		max-height: 600px !important;
		/* position:relative!important; */
		left:0!important;
		top:calc(50% - 250px) !important; 
		margin:10px!important;
	}
	
	div#cookie-container-bar div#cookie-text-bar{
		padding: 10px;
		width: 100%;
	}
	#wt-cli-accept-all-btn,
	#wt-cli-reject-btn,
	#wt-cli-settings-btn{
		padding:8px 15px!important;
	}
	div#cookie-container-bar{
		flex-wrap: wrap;
	}
	div#cookie-container-bar div#cookie-text-bar{
		font-size: 12px;
	}
	.specif-agenda div.main-event div.infos {
		right: 0;
	}

	.specif-agenda div.infos {
		width: 100%;
	}
	.specif-agenda div.liste-event {
		flex-direction: column;
	}
	.specif-agenda div.liste-event > div{
		width:100%
	}
	.specif-agenda div.second-event .infos{
		position:relative;
		bottom:0;
		left:0;
	}
	.specif-agenda div.second-event{
		margin:0;
		padding-top:180px;
	}
	
}