/*
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
*/

/*---------------------------------------
GÉNÉRAL
---------------------------------------*/
html, body {
	overflow-x: hidden;
}

.elementor-widget-text-editor p + ul {
	margin-top: -15px;
}


/*---------------------------------------
HEADER
---------------------------------------*/
#site-logo {
	position: absolute;
	margin-top: 20px;
}

.nav-accueil a.menu-link > span::after {
	display: none !important;
	visibility: hidden !important;
}

.nav-accueil a.menu-link {
	line-height: 87px !important;
}

.nav-contact {
	margin-left: 40px;
}

.nav-contact::before {
	content: url(images/nav-contact-bg.svg);
	position: absolute;
	left: -52%;
	z-index: -1;
}

.nav-contact a.menu-link {
	color: #fff !important;
}

.nav-contact a:hover.menu-link {
	opacity: .7;
}

.nav-contact a.menu-link .text-wrap::before {
	content: "\f466";
	font-family: dashicons;
	line-height: 1;
	font-weight: 400;
	font-style: normal;
	text-transform: none;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;
	font-size: 20px;
	text-align: center;
	position: absolute;
	width: 100%;
	top: -20px;
}

.is-sticky #site-logo {
	position: relative;
	margin-top: inherit;
}

.is-sticky .nav-accueil a.menu-link {
	line-height: 52px !important;
}

.is-sticky .nav-contact::before {
	top: -30px;
}

.is-sticky .nav-contact a.menu-link .text-wrap::before {
	top: 20px;
}


/*---------------------------------------
SLIDER & STUNNING HEADER
---------------------------------------*/
.light-effects-slider .sp-image-container::before {
	content: '';
	background: transparent url(/wp-content/uploads/2021/06/luz-effect.jpg) no-repeat center center;
	mix-blend-mode: screen;
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: cover;
	z-index: 1;
}

.light-effects-slider .jet-slider__content {
	z-index: 2;
}

.sp-button {
	transition: all .4s ease;
}

.sp-buttons {
	z-index: 10;
}

.slider-desc {
	position: absolute !important;
	bottom: 17px;
	z-index: 10;
}

.light-effects::before {
	content: '';
	background: transparent url(/wp-content/uploads/2021/06/luz-effect.jpg) no-repeat center center;
	mix-blend-mode: screen;
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: cover;
	z-index: 1;
}

.jet-listing-grid__slider-icon {
	transition: all .4s ease;
}

.appartements-grid .elementor-widget-image {
	border: solid 2px #fff;
}

.valeurs-carousel .jet-carousel__item-img {
	padding: 5% 25%;
	width: 250px;
}

.valeurs-carousel .jet-carousel__item:nth-child(2) .jet-carousel__item-title, .valeurs-carousel .jet-carousel__item:nth-child(6) .jet-carousel__item-title, .valeurs-carousel .jet-carousel__item:nth-child(10) .jet-carousel__item-title, .valeurs-carousel .jet-carousel__item:nth-child(14) .jet-carousel__item-title {
	color: #539c9a !important;
}

.valeurs-carousel .jet-carousel__item:nth-child(3) .jet-carousel__item-title, .valeurs-carousel .jet-carousel__item:nth-child(7) .jet-carousel__item-title, .valeurs-carousel .jet-carousel__item:nth-child(11) .jet-carousel__item-title, .valeurs-carousel .jet-carousel__item:nth-child(15) .jet-carousel__item-title {
	color: #e77b2b !important;
}

.valeurs-carousel .jet-carousel__item:nth-child(4) .jet-carousel__item-title, .valeurs-carousel .jet-carousel__item:nth-child(8) .jet-carousel__item-title, .valeurs-carousel .jet-carousel__item:nth-child(12) .jet-carousel__item-title, .valeurs-carousel .jet-carousel__item:nth-child(16) .jet-carousel__item-title {
	color: #817463 !important;
}

.type-appartement-carousel .slider-pro img.sp-image {
	width: 50% !important;
	float: right;
}

.type-appartement-carousel .sp-horizontal .sp-previous-arrow {
	left: -50px !important;
}

.type-appartement-carousel .sp-horizontal .sp-next-arrow {
	right: -50px !important;
}

.visite-virtuelle-slider .jet-slider__content-item .elementor-location-single {
	width: 97%;
}

.visite-virtuelle-slider .slider-pro iframe {
	height: 600px !important;
	margin-top: 7px !important;
}

.visite-virtuelle-slider .sp-horizontal .sp-previous-arrow {
	left: -50px !important;
}

.visite-virtuelle-slider .sp-horizontal .sp-next-arrow {
	right: -50px !important;
}


/*---------------------------------------
ESPACES COMMUNS
---------------------------------------*/
.price-list__item:nth-child(2n) .price-list__item-inner {
	flex-direction: row-reverse;
}

.espaces-communs-list .price-list__item {
	border-bottom: solid 1px #f5f5f5;
	padding: 4% 0;
}

.espaces-communs-list .price-list__item:last-child {
	border-bottom: none;
}

.espaces-communs-list .price-list__item-content {
	padding: 0 5%;
}

.price-list__item:nth-child(2n) .price-list__item-title__wrapper, .price-list__item:nth-child(2n) .price-list__item-desc {
	text-align: right !important;
	display: block !important;
}

.map .price-list__item:nth-child(2n) .price-list__item-inner {
	flex-direction: row;
}

.map .price-list__item:nth-child(2n) .price-list__item-title__wrapper, .map .price-list__item:nth-child(2n) .price-list__item-desc {
	text-align: left !important;
	display: block !important;
} 


/*---------------------------------------
ATELIERS
---------------------------------------*/
.ateliers-creatifs h3 {
	color: #E77B2B !important;
}

.ateliers-animations h3 {
	color: #41B6B9 !important;
}

.ateliers-bien-etre .ateliers-creatifs-icon-item, .ateliers-bien-etre .ateliers-animation-icon-item {
	display: none;
	visibility: hidden;
}

.ateliers-creatifs .ateliers-bien-etre-icon-item, .ateliers-creatifs .ateliers-animation-icon-item {
	display: none;
	visibility: hidden;
}

.ateliers-animations .ateliers-bien-etre-icon-item, .ateliers-animations .ateliers-creatifs-icon-item {
	display: none;
	visibility: hidden;
}

.ateliers-grid .jet-listing-grid__item:nth-child(2) .jet-listing-dynamic-field__content, .ateliers-grid .jet-listing-grid__item:nth-child(2) h3 {
	color: #E77B2B !important;
}

.ateliers-grid .jet-listing-grid__item:nth-child(2) .elementor-widget-container {
	border-color: #E77B2B !important;
}

/* .ateliers-grid .jet-listing-grid__item:nth-child(3) .jet-listing-dynamic-field__content, .ateliers-grid .jet-listing-grid__item:nth-child(3) h3 { */
.ateliers-grid .jet-listing-grid__item:nth-child(3) .jet-listing-dynamic-field__content, .ateliers-grid .jet-listing-grid__items>.jet-listing-grid__item:nth-child(3) h3 {
	color: #41B6B9 !important;
}

.ateliers-grid .jet-listing-grid__item:nth-child(3) .elementor-widget-container {
	border-color: #41B6B9 !important;
}




/*---------------------------------------
SERVICES
---------------------------------------*/
.post-nav-service {
	position: absolute !important;
	width: 100%;
	top: 40%;
}

.post-nav-service .elementor-post-navigation__link__prev {
	transform: rotate(-90deg);
	width: 145px;
	height: 135px;
	text-align: center !important;
	margin-left: -15px;
}

.post-nav-service .elementor-post-navigation__link__next {
	transform: rotate(-90deg);
	width: 145px;
	height: 135px;
	text-align: center !important;
	margin-right: -15px;
	line-height: 240px;
}


/*---------------------------------------
LANDING PAGE
---------------------------------------*/
.lp-carousel .jet-carousel__item-img {
	width: 60%;
}

.lp-carousel .slick-track {
	padding: 50px 0;
}

.lp-carousel .jet-carousel__item {
	background-color: rgba(255,255,255,.7);
	box-shadow: 0 5px 15px rgba(98,171,173,.1);
	border-radius: 35px;
	padding: 60px 20px;
	margin: 10px 15px;
}

.lp-carousel .jet-arrow.prev-arrow {
	left: 50% !important;
	margin-left: -50px;
}

.lp-carousel .jet-arrow.next-arrow {
	right: 50% !important;
	margin-right: -50px;
}

.lp-map .jet-map {
	height: 500px !important;
	border-radius: 10px;
}

.lp-map .gm-style-iw.gm-style-iw-c {
	background-color: #41B9B9;
	border-radius: 20px;
	width: 400px;
	text-align: left;
	padding: 20px !important;
}

.lp-map .gm-style .gm-style-iw-tc::after {
	background-color: #41B9B9;
}

.lp-map .gm-style-iw.gm-style-iw-c p, .lp-map .gm-style-iw.gm-style-iw-c a {
	margin-bottom: 0;
	color: #ffffff;
	font-weight: 700;
	font-size: 18px;
	line-height: 23px;
}

.map-tel {
	border: solid 1px #fff;
	border-radius: 10px;
	padding: 8px 20px;
}

.lp-map .gm-style-iw-d {
    overflow: hidden !important;
}

.qsn-carousel .elementor-carousel-image {
	border-radius: 100px 100px 0 100px;
}

.qsn-carousel .elementor-main-swiper::after {
	content: '';
	width: 500px;
	height: 500px;
	background-color: #C9EBEB;
	position: absolute;
	z-index: -1;
	border-radius: 100px;
	transform: rotate(45deg);
	top: -10px;
	opacity: .5;
}

.qsn-carousel .elementor-heading-title span {
	color: #41B9B9;
}

.qsn-carousel .elementor-swiper-button i {
	background-color: #f4fbfb;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	text-align: center;
	line-height: 40px;
	transition: all .3s ease;
}

.qsn-carousel .elementor-swiper-button i:hover {
	background-color: #41b9b9;
	color: #ffffff;
}

.qsn-carousel .elementor-swiper-button {
	bottom: -80px;
	top: auto;
}

.qsn-carousel .elementor-swiper-button.elementor-swiper-button-prev {
	left: 50%;
	margin-left: -50px;
}

.qsn-carousel .elementor-swiper-button.elementor-swiper-button-next {
	right: 50%;
	margin-right: -50px;
}

.lp-video .elementor-video {
	border-radius: 25px;
}

.lp-playlist .jet-blog-playlist__embed-wrap {
	border-radius: 25px;
}

.lp-playlist .jet-blog-playlist__items {
	margin-top: 10px;
}

.lp-playlist .jet-blog-playlist__item {
	width: 33% !important;
	flex: 0 0 33% !important;
}

.lp-playlist .jet-blog-playlist__item-thumb .jet-blog-playlist__item-thumb-img {
	border-radius: 12px;
}

.lp-playlist .jet-blog-playlist__item.jet-blog-active .jet-blog-playlist__item-thumb {
	border: solid 5px #4ab9bc;
	border-radius: 17px;
}

.lp-playlist .jet-blog-playlist__item-content {
	display: none;
	visibility: hidden;
}


/*---------------------------------------
FORM
---------------------------------------*/
.lp-form {
	margin-bottom: -180px;
}

.wpforms-title span {
	color: #41B9B9;
}

.wpforms-submit-container {
	text-align: center;
}

.wpforms-confirmation-container-full {
	text-align: center;
	font-style: italic;
	font-weight: 700 !important;
}

.uael-wpf-input-size-xs .uael-wpf-style .wpforms-form .wpforms-field textarea {
	min-height: 100px;
}

.iti__flag-container {
	display: none !important;
	visibility: hidden !important;
}

.wpforms-submit {
	border-radius: 100px !important;
	padding: 10px 50px !important;
}




/*---------------------------------------
MAP
---------------------------------------*/
.jet-map {
	height: 70vw !important;
}

.gm-style-iw.gm-style-iw-c {
	padding: 20px;
	text-align: center;
	line-height: 18px;
}

.gm-style-iw.gm-style-iw-c strong {
	font-family: "Roboto Slab", Sans-serif;
	font-size: 16px;
	line-height: 30px !important;
}

.gm-style-iw.gm-style-iw-c strong::before {
	content: '';
	display: block;
	width: 90px;
	background: transparent url(/wp-content/uploads/2021/06/sainte-anne-logo.svg) center center no-repeat;
	height: 69px;
	background-size: cover;
	margin: 0 auto 10px auto;
}

.gm-ui-hover-effect {
	top:0 !important;
	right: 0 !important;
}

.transports::before {
	content: url(/wp-content/uploads/2021/06/icon-transports.svg);
	position: absolute;
	left: -45px;
	margin-top: -6px;
}

.commerces::before {
	content: url(/wp-content/uploads/2021/06/icon-commerces.svg);
	position: absolute;
	left: -45px;
	margin-top: -6px;
}

.poi-info-window div, .poi-info-window a {
	background-color: #41b9b9;
	color: #ffffff;
}


/*---------------------------------------
FOOTER
---------------------------------------*/
.footer-widgets-inner.container {
	width: 100%;
}

.footer-widget.widget-oceanwp-custom-menu {
	width: 70%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-bottom: 0 !important;
}

.plaquette .menu-link {
	font-family: "Roboto Slab", Sans-serif;
	background-color: #41B6B9;
	border-radius: 5px;
	padding: 10px 20px 7px 20px !important;
}

.plaquette .menu-link::before {
	content: url(images/icon-pdf.svg);
	vertical-align: -8px;
	margin-right: 10px;
}

.plaquette a:hover.menu-link {
	background-color: #F09120;
	color: #ffffff !important;
}

.footer-widget.widget-oceanwp-social {
	width: 20%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-bottom: 0 !important;
	padding-top: 8px;
}

.footer-widget.widget-oceanwp-social li a {
	border: none !important;
	margin: 0 15px;
}

.footer-widget.widget_media_image {
	width: 10%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-bottom: 0 !important;
	position: absolute;
	top: -58px;
}

.footer-widget #menu-menu-footer li {
	border: none;
	display: inline-block;
	padding: 0 2%;
}





/*---------------------------------------
RWD
---------------------------------------*/
@media screen and (min-width: 1281px) and (max-width: 1400px) {
	#site-navigation-wrap .dropdown-menu > li > a {
		padding: 0 10px !important;
		letter-spacing: 0 !important;
	}
}

@media screen and (max-width: 1280px) {
	.nav-accueil .icon.fa-home {
		display: none;
		visibility: hidden;
	}

	.nav-contact {
		margin-left: 0;
	}

	.is-sticky .oceanwp-mobile-menu-icon {
		height: 54px;
	}

	.is-sticky .oceanwp-mobile-menu-icon a {
		line-height: 54px;
	}
	
	.slider-desc .elementor-col-50:nth-child(1), .light-effects .elementor-col-50:nth-child(1) {
		width: 25% !important;
	}

	.slider-desc .elementor-col-50:nth-child(2), .light-effects .elementor-col-50:nth-child(2) {
		width: 75% !important;
	}

	.footer-widgets-inner.container {
		max-width: 100%;
	}

	.footer-widget #menu-menu-footer li {
		padding: 0 1%;
	}

	.footer-widget.widget_media_image {
		top: -28px;
		right: 15px;
	}
}

@media screen and (max-width: 1024px) {
	.footer-widget.widget-oceanwp-custom-menu {
		width: 100%;
		display: block;
		margin-bottom: 20px !important;
	}

	.footer-widget.widget-oceanwp-social {
		width: 100%;
		display: block;
		margin-bottom: 20px !important;
	}

	.footer-widget.widget_media_image {
		display: block;
		position: relative;
		top: 0;
		margin: 0 auto 0 auto;
		left: 0;
	}

	.appartement-item .elementor-container, .atelier-item  .elementor-container, .service-item  .elementor-container {
		max-width: 100% !important;
	}
}

@media screen and (max-width: 767px) {
	#site-header-inner {
		padding: 0 20px;
	}
	
	#site-logo #site-logo-inner a img {
		width: 80%;
		margin-top: 20px;
	}

	.light-effects-slider .jet-slider__content-inner {
		border-radius: 0 !important;
	}

	.slider-desc .elementor-col-50:nth-child(2), .light-effects .elementor-col-50:nth-child(2) {
		width: 100% !important;
	}

	.type-appartement-carousel .jet-slider__content-inner {
		width: 100%;
		max-width: 100% !important;
	}

	.type-appartement-carousel .slider-pro img.sp-image {
		width: 100% !important;
	}

	.type-appartement-carousel .sp-image-container {
		height: 50% !important;
		margin-top: 80%;
	}

	.type-appartement-carousel .jet-slider__content {
		height: 50% !important;
		margin: 0 !important;
	}

	.qsn-carousel .elementor-main-swiper::after {
		display: none;
		visibility: hidden;
	}
}