/*
Theme Name: Theme ATC Loisirs
Description: Theme enfant de Ocean WP
Author: Corinne Escudier
Author https://corinne-escudier-designerweb.fr/
Template: oceanwp 
Version: 0.1.0
*/
/* Réglages généraux */
body{
	/*background-image:linear-gradient(0.25turn rgba(27, 167, 242, .3), #fff, rgba(27, 167, 242, .3));*/
	/*background: rgba(27, 167, 242, .2);*/
}
a:focus{
	outline: 0 !important;
}
.home #main #content-wrap{
	padding-top: 0px;
	padding-bottom:0px;
}
.flexcontainer{
	display:flex;
	flex-flow:row wrap;
}
.page-header-title{
	text-align: center;
}
/* Header */
#site-logo{
	margin-top: 10px;
}
#site-logo #site-logo-inner a:hover img{
	opacity: 1 !important;
}
.fixNavigation {
    position: fixed !important;
    top: 0;
  	padding-top: 30px;
}
.oceanwp-mobile-menu-icon a{
	color:#85345f !important;
}
.effect-one #site-navigation-wrap .dropdown-menu >li:nth-child(6) >a.menu-link >span:after , .effect-one #site-navigation-wrap .dropdown-menu >li:last-child >a.menu-link >span:after{
	display:none;
}
#site-navigation{
	height: 100px;
}
@media(max-width:767px){
	#site-logo{
		max-width: 200px;
		line-height: 1.2;
	}
	.custom-logo{
		max-width: 125px;
	}
}
#mobile-dropdown ul li a{
	color: #757575;
}
#site-header{
	z-index:200;
	/*background-image:radial-gradient(circle , #fff, rgba(27, 167, 242, .3));*/
}
.page-subheading{
	text-align: center;
}
/*Slider Accueil*/
.bdt-position-large{
	position: absolute;
	top: 5%;
}

.bdt-ps-dragon-slide-image .bdt-ps-slide-img , .bdt-visible-toggle{
	height: 400px;
}
@media only screen and (min-width: 1500px){
	.bdt-ps-dragon-slide-image .bdt-ps-slide-img , .bdt-visible-toggle{
		height: 650px;
	}
}
.bdt-prime-slider-skin-general .bdt-prime-slider-next:hover, .bdt-prime-slider-skin-general .bdt-prime-slider-previous:hover{
	border: none !important;
}
.bdt-prime-slider-wrapper{
	display: block;
	margin: 0 auto 80px auto;
}
.swiper-slide{
	height: auto !important;
	display: flex;
	justify-content: center;
	align-items: center;

}
/* Formulaire de recherche*/
#recherche{
	position: absolute;
	top: 0;
}

#searchform{
	justify-content:center;
}
#searchform p{
	width:250px;
}
#searchform p:last-child{
	width:150px;
}
#searchform input{
	display:block;
	border-top-right-radius: 0;
	border-bottom-right-radius:0;
	height:62px;
	width:100%;
	border: 1px solid #757575;
	border-right: none;
}
/*#searchform input[type="text"]{
	background-color:#fff;
}*/
#searchform input[type="submit"]{
	background-color:#85345f;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius:0;
	color: #fff;
	border-color: #85345f;
}
#searchform label{
	visibility:hidden;
}
#searchform select{
	border-left:none;
	border-top-left-radius: 0;
	border-bottom-left-radius:0;
	/*background-color:#fff;*/
	height:60px;
}
.page-subheading{
	color:#fff;
	font-size:18px;
}
/*.active{
	display:block;
}
.notactive{
	display:none;
}*/
@media(max-width:820px){
	#searchform{
		margin:0 auto;
	}
	#searchform p{
		width:195px;	
	}
	#searchform input[type="submit"]{
		width: 100%;
	}
}
@media(max-width:420px){
	#searchform{
		flex-direction:column;
		align-items:center;
		margin-top: 20px;
	}
	#searchform p{
		height:80px;
	}
	#searchform p , #searchform input[type="submit"]{
		width:250px;
		margin:0 auto;
	}
	#searchform p:last-child{
		width:100%;
	}
	#searchform label{
		display:none;
	}
	#searchform input[type="submit"]{
		border-radius: 10px !important;
	}
	#searchform span.cs-placeholder , #mots-cles input{
		border-right: 1px solid #757575 !important;
		border-radius: 0;
	}
}
/*Liste déroulante des catégories*/
/* Default custom select styles */
div.cs-select {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-align: left;
	z-index: 100;
	width: 100%;
	max-width: 500px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.cs-select:focus {
	outline: none; /* For better accessibility add a style for this in your skin */
}

.cs-select select {
	display: none;
}

.cs-select span {
	display: block;
	position: relative;
	cursor: pointer;
	padding: 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border: none;
}

/* Placeholder and selected option */
.cs-select > span {
	padding-right: 3em;
}

.cs-select > span::after,
.cs-select .cs-selected span::after {
	speak: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cs-select > span::after {
	content: '\25BE';
	right: 1em;
}

.cs-select .cs-selected span::after {
	content: '\2713';
	margin-left: 1em;
}
div.cs-skin-elastic {
	border:1px solid #757575;
	border-right: none;
}

@media screen and (max-width: 30em) {
	div.cs-skin-elastic { font-size: 1em; }
}

.cs-skin-elastic > span {
	z-index: 100;
	font-size: 14px;
	line-height: 2;
	height: 60px;
}

.cs-skin-elastic > span::after {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	color: ##85345f;
	font-size: 20px;
}

.cs-skin-elastic .cs-options {
	overflow: visible;
	background: #fff;
	opacity: 1;
	visibility: visible;
	padding-bottom: 1.25em;
	pointer-events: none;
}

.cs-skin-elastic.cs-active .cs-options {
	pointer-events: auto;
}

.cs-skin-elastic .cs-options > ul::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transform: scale3d(1,0,1);
	transform: scale3d(1,0,1);
	background:#f6f6f6 ;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.cs-skin-elastic.cs-active .cs-options > ul::before {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	-webkit-transition: none;
	transition: none;
	-webkit-animation: expand 0.6s ease-out;
  	animation: expand 0.6s ease-out;
}

.cs-skin-elastic .cs-options ul li {
	opacity: 0;
	-webkit-transform: translate3d(0,-25px,0);
	transform: translate3d(0,-25px,0);
	-webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
	transition: opacity 0.15s, transform 0.15s;
	color: #1a1a1a;
}

.cs-skin-elastic.cs-active .cs-options ul li {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
	-webkit-transition: none;
	transition: none;
	-webkit-animation: bounce 0.6s ease-out;
  	animation: bounce 0.6s ease-out;
}

/* with more items, more delays declarations are needed */


.cs-skin-elastic .cs-options span {
	background-repeat: no-repeat;
	background-position: 1.5em 50%;
	background-size: 2em auto;
}

.cs-skin-elastic .cs-options span:hover,
.cs-skin-elastic .cs-options li.cs-focus span{
	color: #85345f;
}

.cs-skin-elastic .cs-options .cs-selected span::after {
	content: '';
}

.cs-skin-elastic .cs-options li.flag-france span {
	background-image: url(../img/france.svg);
}

.cs-skin-elastic .cs-options li.flag-brazil span {
	background-image: url(../img/brazil.svg);
}

.cs-skin-elastic .cs-options li.flag-safrica span {
	background-image: url(../img/south-africa.svg);
}

.cs-skin-elastic .cs-options li.flag-argentina span {
	background-image: url(../img/argentina.svg);
}

@-webkit-keyframes expand { 
	0% { -webkit-transform: scale3d(1,0,1); }
	25% { -webkit-transform: scale3d(1,1.2,1); }
	50% { -webkit-transform: scale3d(1,0.85,1); }
	75% { -webkit-transform: scale3d(1,1.05,1) }
	100% { -webkit-transform: scale3d(1,1,1); }
}

@keyframes expand { 
	0% { -webkit-transform: scale3d(1,0,1); transform: scale3d(1,0,1); }
	25% { -webkit-transform: scale3d(1,1.2,1); transform: scale3d(1,1.2,1); }
	50% { -webkit-transform: scale3d(1,0.85,1); transform: scale3d(1,0.85,1); }
	75% { -webkit-transform: scale3d(1,1.05,1); transform: scale3d(1,1.05,1); }
	100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}


@-webkit-keyframes bounce { 
	0% { -webkit-transform: translate3d(0,-25px,0); opacity:0; }
	25% { -webkit-transform: translate3d(0,10px,0); }
	50% { -webkit-transform: translate3d(0,-6px,0); }
	75% { -webkit-transform: translate3d(0,2px,0); }
	100% { -webkit-transform: translate3d(0,0,0); opacity: 1; }
}

@keyframes bounce { 
	0% { -webkit-transform: translate3d(0,-25px,0); transform: translate3d(0,-25px,0); opacity:0; }
	25% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); }
	50% { -webkit-transform: translate3d(0,-6px,0); transform: translate3d(0,-6px,0); }
	75% { -webkit-transform: translate3d(0,2px,0); transform: translate3d(0,2px,0); }
	100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
}
.cs-select.cs-active > span::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

div.cs-active {
	z-index: 200;
}

/* Options */
.cs-select .cs-options {
	position: absolute;
	overflow: hidden;
	width: 100%;
	background: #fff;
	visibility: hidden;
	font-size: 14px;
	line-height: .5;
}

.cs-select.cs-active .cs-options {
	visibility: visible;
	border-left: 1px solid #757575;
	border-right: 1px solid #757575;
	border-bottom: 1px solid #757575;
}

.cs-select ul {
	list-style: none; 
	margin: 0;
	padding: 0;
	width: 100%;
}

.cs-select ul span {
	padding: 1em;
}

.cs-select ul li.cs-focus span {
	background-color: #fff;
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
	padding-left: 1em;
}

.cs-select li.cs-optgroup > span {
	cursor: default;
}

/*Partenaires/Promotions*/
.archive .content-area{
	width: 100%;
	border: none;
}
.blog-entry.grid-entry .blog-entry-inner{
	border-color: #43c0ae;
}
.blog-entry.grid-entry .thumbnail{
	margin: 15px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.blog-entry.grid-entry .blog-entry-summary p, .search-entry-summary p{
	font-size: 20px;
	font-weight: 600;
}
div.column-3{
	margin:50px auto;
}
div.column-3 > div {
	width:33.33%;
	padding:10px;
}
.page-template-archive-promotion div.column-3{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.page-template-archive-promotion div.column-3 article.blog-entry.grid-entry .blog-entry-inner {
	border: none !important;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media(max-width:640px){
	div.column-3 > div{
		width:100%;	
	}
}
.page-template-archive-promotion .thumbnail{
	height: 200px;
	overflow: hidden;
	border-radius: 25px;
	max-width: 300px;
}
.page-template-archive-promotion .thumbnail img{
	border-radius: 25px;
	height: 100%;
	width: auto;
	max-width: 300px;
}
.page-template-archive-promotion .blog-entry.grid-entry .blog-entry-summary , .page-template-archive-promotion .blog-entry.grid-entry .blog-entry-readmore{
	display: none !important;
}
@media(min-width:640px) and (max-width: 1279px){
	div.column-3 > div, div.column-3 article{
		width:50%;	
	}
}
.single .thumbnail{
	display: flex;
}
.single .thumbnail img{
	width: 20%;
	margin: 0 auto;
}
.single .entry-title{
	text-align: center;

}
.single-promotion #main #content-wrap{
	padding: 0;
}
.single-promotion .page-header{
	background-color: #85345f !important;
}
/*.single-promotion #main #content-wrap header{
	height: 400px;
}*/
.single-promotion #main #content-wrap header #div-background{
	height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}
#div-background{
	padding: 100px;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
#div-background h1, #div-background h2,  #div-background span,  #div-background a{
	color: #fff;
	text-align: center;
}
#div-background h1.entry-title{
	border: none;
}
#div-background .btn-promo{
	display: block;
    background-color: #85345f;
    width: 200px;
    padding: 15px;
    border-radius: 10px;
    font-weight: 400;
    margin: 0 auto;
}
.elementor-tab-title{
	border-radius:  15px 15px 0 0;
}
.blog-entry.post .blog-entry-header .entry-title a{
	font-size:18px !important;
}
@media only screen and (max-width: 480px){
	.search-results article .thumbnail {
		display: block;
	}
}
div.column-3{
	margin:50px auto;
}
div.column-3 > div{
	width:33.33%;
	padding:10px;
}

@media(max-width:640px){
	div.column-3 > div{
		width:100%;	
	}
}
@media(min-width:640px) and (max-width:1280px){
	div.column-3 > div{
		width:50%;	
	}
}
.thumbnail a{
	min-height:200px;
	display:flex;
	flex-flow: row wrap;
	justify-content:center;
	align-items:center;
}
.blog-entry.post .blog-entry-header .entry-title a{
	font-size:18px !important;
}
/*Pages Vacances et Loisirs*/
.prestation figure a{
	max-height: 168px;
	overflow: hidden;
	border-radius: 15px;
}
.img-position img{
	margin-top: -30px;

}
/*Page Resultats de recherche*/
.search-results article .thumbnail img{
	border:0;
	box-shadow:none;
}
.displaytags{
	display: none;
}
.search-results article .search-entry-title {
	font-size:18px;
}
@media only screen and (max-width: 480px){
	.search-results article .thumbnail {
		display: block;
	}
}
/* Animation Fade In Up*/
@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}
.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}
/*Résultats de recherche*/
.search-results article .thumbnail img{
	border:0;
	box-shadow:none;
}
.search-results article .search-entry-title {
	font-size:18px;
}
.search-results article{
	border: none !important;
}
.search-entry-content, .blog-entry-inner{
	text-align: center;
}
.blog-mansory-grid{
	display: flex;
	flex-flow: row wrap;
}
/*Pagination*/
.oceanwp-pagination{
	width: 100%;
}
.oceanwp-pagination ul.page-numbers , .pagination{
	display: flex;
	justify-content: center;
	width: 100%;
}
.oceanwp-pagination ul  li .page-numbers , .pagination .page-numbers{
	color: #85345f;
	min-width: 38px;
	margin: 0 8px 0 0;
    text-align: center;
    border: 1px solid #85345f;
    font-size: 18px;
}
.oceanwp-pagination ul  li .page-numbers.current, .oceanwp-pagination ul  li:hover .page-numbers , .pagination  .page-numbers.current, .pagination  .page-numbers:hover{
	background-color: #85345f;
	color: #fff;

}
.pagination .next , .pagination .prev{
	padding: 0 5px;
}
/*Footer*/
.widget-title{
	border-color: #85345f !important;
}
#footer-widgets .contact-info-widget i{
	border-radius: 50%;
	color: #85345f;
	background-color: #fff;
	border: none !important;
}
#footer-bottom{
	color:#fff;
}
/*Contact Form Juridique*/
.wpcf7 div.cs-skin-elastic{
	border: none;
	margin-bottom: 20px;
}
.wpcf7 div.cs-skin-elastic > span{
	border:  1px solid #85345f;
	border-radius: 10px;
	max-height: 40px;
	line-height: .8;
}
}
.wpcf7 div.cs-skin-elastic.cs-active > span{
	border-radius: 0;
}
.wpcf7 .cs-select.cs-active .cs-options{

	border-color: #85345f;
}
.wpcf7 .cs-select.cs-active .cs-options, .wpcf7 .cs-skin-elastic .cs-options > ul::before{
	background-color: #fff;
}
/**Espace membre**/
/*Lien Connexion dans le menu*/
#site-navigation > ul.sf-menu > li:last-child{
	height: 100px !important;
}
#site-navigation > ul > li:last-child > a{
	background-color: #85345f;
	color: #fff !important;
	margin-left: 60px;
	line-height: 40px;
	margin-top: 20px;
	border-radius: 10px;
}
#site-navigation > ul > li:last-child  ul {
	margin-left: 60px;
	margin-top: -30px;
}
#site-navigation > ul > li:last-child > a:hover{
	background-color: #43c0af;
}
#site-navigation: > ul > li:last-child:hover > a ul li{
	display: block;
}
#site-navigation ul li:last-child a .text-wrap {	
	text-transform: capitalize;	
}
#site-navigation  ul li:last-child a .text-wrap > img{
	border-radius: 50%;
}
#site-navigation ul li:last-child a .text-wrap > i{
	display: none;
}
#site-navigation ul li:last-child a .text-wrap > i.nav-arrow{
	visibility: hidden;
}
/*Page connexion*/
.um input[type="submit"].um-button{
	background: #85345f !important;
}
     
.um-field-label label{
	color: #464646;
}
.um-field-error, p.um-notice.err{
	background-color: #43c0ae !important;
}
.um-field-arrow{
	color: #43c0ae !important;
} 
/*Page inscription*/
.um-register{
	max-width: 900px !important;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
}
.ce_form{
	max-width: 450px !important;
	margin: 0 auto;
}
.ce_form label span {
	font-weight: 300;
	font-size: 13px;
}
/*Btn Restrict content*/
.btn-content , .um input[type="submit"] , .um .um-button{
	font-weight: 500;
	text-transform: uppercase !important;
	background-color: #85345f;
	color: #FFF;
	font-size: 16px !important;
	padding:  15px 30px;
	border-radius: 10px !important;
}
.btn-content:hover , .um input[type="submit"]:hover , .um .um-button:hover{
	background-color:#43c0af !important;
	color: #fff;
}
.um .um-button.um-alt, .um input[type="submit"].um-button.um-alt{
	color: #85345f !important;
}
.um .um-button.um-alt:hover, .um input[type="submit"].um-button.um-alt:hover{
	color: #fff !important;
}
#content.promotion .content-connexion{
	display: none;
}
/*Page compte*/
.um-cover, .um-misc-img{
	display: none;
}
.um-modal-header , .upload, .um-modal-btn, .um-modal-btn.disabled , .um-request-button ,.um-notice.success{
	background-color: #85345f !important;
}
.um-modal-btn.alt{
	background-color: #F6F6F6 !important;
}
.um-profile.um .um-profile-headericon a:hover, .um-profile.um .um-profile-edit-a.active, .um-dropdown li a:hover , .um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color , .um a.um-link{
	color: #85345f !important;
}
abbr.required{
	color: #85345f;
	border: none;
	text-decoration: none;
}
input#billing_company, label[for="billing_company"]{
	display: none !important;
}
.um-account-side > ul li:nth-child(4) , .um-account-side > ul li:nth-child(6){
	display: none;
}
.um-woo-form span.um-woo-status.completed{
	background: #85345f !important;
}
.um-account-nav a[data-tab="downloads"]{
	display:none !important;
}
/*GRPD*/
.cli-tab-footer .wt-cli-privacy-accept-btn{
	background-color: #85345f !important;
}
/* PDF Viewer Elementor*/
.elementor-widget-container iframe{
	background-color: #85345f !important;
}
/*Woocommerce*/
.woocommerce .woocommerce-checkout #customer_details p.form-row label{
	color: #555;
}
ul.products li form.cart{
	display: flex;
	justify-content:  space-between;
	align-items: center;
	flex-direction: column;
}
.woocommerce ul.products li.product li.title h2, .woocommerce ul.products li.product li.title a{
	font-size: 18px !important;

}
.woocommerce ul.products li.product .price{
	font-size: 20px !important;
	font-weight: 500;
}
.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .product-inner .added_to_cart{
	margin-top: 20px;
	padding: 15px !important;
	text-transform: uppercase !important;
	border-radius: 5px !important;
}
.woocommerce .has-product-nav .image-wrap span.onsale {
	top: 0 !important;
}
.woocommerce div.product div.summary form.cart{
	border: 0;
}
/*Page Panier*/

.woocommerce-cart .cart-collaterals .cart_totals .order-total th, .woocommerce-cart .cart-collaterals .cart_totals .order-total small{
	line-height: 4;
}
.woocommerce-info{
	border-color: rgba(67,192,174,0.7) !important;
}
.woocommerce-info:before{
	color: rgba(67,192,174,0.7) !important;
}
.woocommerce-customer-details ~ .woocommerce-order-details__title, .woocommerce-customer-details ~ table.shop_table{
	display: none;
}
/*Page Paiement*/
.woocommerce-checkout #payment ul.payment_methods .wc_payment_method>label,.woocommerce form .form-row label{
	color: #555;
}