/* 
Theme Name: Domaine Louise
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
*/


.wpm-title a {
	font-family: 'MigrenaGrotesque';
    font-size: 18px;
    margin-top: 15px;
}

a:active, a:hover {
    color: #D9B061;
}

/* Dropdown select style form event page */
select#form-field-villareserve > option,
select#form-field-villaname > option {
    color: black;
}

/*Langage switcher*/

.header-wpml-selector .wpml-ls-legacy-list-horizontal .wpml-ls-flag {
    width: 25px!important;
}

.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    margin-bottom: 0px!important;
}

.wpml-ls-legacy-dropdown {
	display:flex;
}

.wpml-ls-legacy-dropdown a {
    display: flex!important;
    color: #fff!important;
    border: none!important;
    background-color: transparent!important;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    display: flex!important;
	border-top:none!important;
}

/* Hide extra footer wpml */
.otgs-development-site-front-end {
	display: none!important;
}

/* Style légende Slider Autour du domaine */
figcaption.elementor-image-carousel-caption {
    position: absolute;
    bottom: 30px;
    left: 40%;
    color: white;
    text-shadow: 1px 1px black;
    font-size: 17px;
    font-style: normal;
	font-weight:600;
	line-height: 21px;
	letter-spacing: 0.11em;
	
}

.swiper-slide .swiper-slide-image {
    margin-bottom: -10px;
}

.elementor-swiper-button-prev {
    background: #D9B061;
    border-radius: 20px;
    padding: 5px 6px 5px 4px;
}
.elementor-swiper-button-next {
    background: #D9B061;
    border-radius: 20px;
    padding: 5px 4px 5px 6px;
}
.elementor-swiper-button-prev:hover,
.elementor-swiper-button-next:hover {
	background: #000;
}

/* Border column style */
/* Border img left - right homepage */
@media (min-width: 1200px) {
	.corner-border-left::before {
		content: "";
		display: block;
		border-bottom: 1px solid #D9B061;
		border-left: 1px solid #D9B061;
		width: 167.5px;
		height: 47.5px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	.corner-border-right::after {
		content: "";
		display: block;
		border-top: 1px solid #D9B061;
		border-right: 1px solid #D9B061;
		position: absolute;
		width: 167.5px;
		height: 47.5px;
		top: 0;
		right: 0;
	}
}

@media (min-width: 1200px) {
	.corner-top-left::before {
		content: "";
		display: block;
		border-top: 1px solid #D9B061;
		border-left: 1px solid #D9B061;
		width: 47.5px;
		height: 47.5px;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.corner-bottom-right::after {
		content: "";
		display: block;
		border-bottom: 1px solid #D9B061;
		border-right: 1px solid #D9B061;
		position: absolute;
		width: 47.5px;
		height: 47.5px;
		bottom: 0;
		right: 0;
	}
}

/**/
#popup-menu-section {
	background-size: cover;
    background-repeat: no-repeat;
}

.carousel-villa-arrow .elementor-swiper-button-next,
.carousel-villa-arrow .elementor-swiper-button-prev {
	position:absolute;
	width:45px;
	height:60px;
	background-color: #4C4A44 !important;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius: 0 30px 30px 0px;
	bottom: 0;
    top: unset;
    right: calc(20% - 45px);
}
.carousel-villa-arrow .elementor-swiper-button-prev {
	border-radius: 30px 0px 0px 30px;
    left: calc(80% - 45px);
}

.elementor-13 .elementor-element.elementor-element-530b526 .swiper-pagination-bullet {
    width: 100px;
    height: 1px;
    background: var( --e-global-color-primary );
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}

/* Style caroussel image */
.single-villa .elementor-swiper-button-next,
.single-villa .elementor-swiper-button-prev {
	position:absolute;
	width:45px;
	height:60px;
	background-color: #4C4A44 !important;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius: 0 30px 30px 0px;
	bottom: 0;
    top: unset;
    right: calc(15% - 45px);
}
.single-villa .elementor-swiper-button-prev {
	border-radius: 30px 0px 0px 30px;
    left: calc(85% - 45px);
}

/* Style service icon - detail page */
.row.service-icon,
.row.service-list {
    display: flex;
    flex-wrap: wrap;
}
.row.service-icon {
    justify-content: space-between;
    align-items: flex-end;
}
.row.service-icon p {
	text-align:center;
}
.service-icon .column,
.service-list .column {
    display: flex;
    flex-direction: column;
	margin: 0 auto;
}

.service-icon .column img {
    margin: 0 auto;
	margin-bottom: 5px;
}
#carousel-experience .swiper-slide .swiper-slide-inner {
	transform:translateX(-200px);
}
#carousel-experience .swiper-slide.swiper-slide-active .swiper-slide-inner {
	transform:translateX(0px);
	    max-width: calc(100% - 200px);
}

/* Style dot Carousel Experience page */
.owl-dots {
	text-align: center;
    margin-top: -40px;
    position: relative;
}
.owl-theme .owl-dots .owl-dot span {
	background: #D9B061 !important;
	opacity: 0.4;
}
.owl-theme .owl-dots .owl-dot.active span {
	background: #D9B061 !important;
	opacity: 1;
}

::marker {
    color: #D9B061 !important;
}

/* Animation hover on image villa card */
.villa-img .elementor-widget-container {
	position: relative;
	overflow:hidden;
}

.villa-img .elementor-widget-container::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.villa-img .elementor-widget-container:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/* Mouse scroll down style */
.hero-mouse {
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -15px;
  text-align: center;
  z-index: 100;
  font-size: 12px;
  text-transform: uppercase;
  color: white;
  font-weight: 600;
  letter-spacing: 1px;
}
.hero-mouse h3 {
  margin-left: -14px;
  padding-top: 15px;
}

.mouse-icon {
  width: 25px;
  height: 45px;
  border-radius: 15px;
  position: relative;
  border: 2px solid #dedede;
  text-align: center;
}
.mouse-icon span {
  width: 3px;
  height: 8px;
  margin: 2px auto 0;
  display: block;
  background: #dedede;
  border-radius: 5px;
  -webkit-animation: 1.2s ease infinite wheel-up-down;
          animation: 1.2s ease infinite wheel-up-down;
}

@-webkit-keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    margin-top: 20px;
    opacity: 0;
  }
}

@keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    margin-top: 20px;
    opacity: 0;
  }
}


/*Font police H1-H2-H3 Mobile*/
@media only screen and (max-width:556px){
	h1{
		font-size:32px!important;
	}
	h2{
		font-size:26px!important;
	}
	h3{
		font-size:22px!important;
	}
	.row.service-list {
    	display: table;
	}
	.row.service-icon {
		display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
	}
	.row.service-icon >*{
		min-height:100%;
	}
	.footer .elementor-widget-image {
		text-align:center !important;
	}
	.elementor-13 .elementor-element.elementor-element-530b526 .swiper-pagination-bullet {
    width: 40px;
    height: 1px;
    background: var( --e-global-color-primary );
	}
	/*
	#footer-nav .elementor-nav-menu__align-right .elementor-nav-menu {
		margin: 0 auto !important;
		margin-bottom: -15px;
	}
	*/
}
@media only screen and (min-width:557px) and (max-width:940px){
	.service-list .column {
		width:50%;
	}
	.elementor-722 .elementor-element.elementor-element-2ab18f4 {
    	font-size: 16px;
	}
}