/* 
Theme Name: ClapClap Hôtel
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
*/

a {
	color:#fff;	
}

a:hover {
	color:#fff;
}

.elementor-905 .elementor-element.elementor-element-4883872 {
    width: 100%;
}

/* Top bar style */
.btn-top-header .elementor-button-text {
    display: none;
}

.btn-top-header:hover .elementor-button-text{
    display: flex;
    align-items: center; 
    margin-left: 10px;
    -webkit-animation: slide-right .3s ease-out;
    -moz-animation: slide-right .3s ease-out;
}

.btn-top-header .elementor-button-text.active-btn {
    display: flex;
    align-items: center; 
    margin-left: 10px;
}

@-webkit-keyframes slide-right {
      0% { opacity: 0; -webkit-transform: translateY(-100%); }   
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-right {
      0% { opacity: 0; -moz-transform: translateY(-100%); }   
    100% { opacity: 1; -moz-transform: translateY(0); }
}

.reserver-svg .elementor-button-icon svg {
    width: 100px;
    height: 50px;
}

/*Credit footer style*/
.footer-credit a {
	color:#fff !important;
}

.footer-credit a:hover {
	color:#e2a1a9 !important;
}

/* Header topbar sticky */
.header-nav .elementor-container >.elementor-column >.elementor-widget-wrap {
	display:flex;
	flex-direction: row-reverse;
}

.header-nav .elementor-container >.elementor-column >.elementor-widget-wrap >* {
	width: unset;
}

.elementor-element .elementor-widget-button .elementor-button {
	height: 56px;
	border: 0;
	outline: none;
	background-color: transparent;
	padding: 0 30px;
	color: #00777C;
	align-items: center;
    justify-content: center;
    display: flex;
    max-width: 100%;
    width: max-content;
}

.ticket-header,
.ticket-white-btn,
.ticket-pink-btn,
.ticket-white-btn-left,
.ticket-pink-btn-left {
	background-repeat: no-repeat;
	background-position: top left, top right;
}

.ticket-header {
    background-size: 100% 100%;
    background-image: radial-gradient(circle at 0 50%, rgba(255,255,224,0) 13px , #DC4E57 0.5em );
	filter: drop-shadow(0px 1px 2px #222222d4);
	color:#fff;
}

.ticket-white-btn,
.ticket-white-btn-left,
.ticket-pink-btn,
.ticket-pink-btn-left {
	background-size: 51% 100%;
    background-image: radial-gradient(circle at 0 50%, rgba(255,255,224,0) 0.7em , #fff 0.5em ), radial-gradient(circle at 100% 50%, rgba(255,255,224,0) 0.7em , #fff 0.5em );
	-webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.ticket-white-btn,
.ticket-pink-btn {
	margin: auto;
}

.ticket-pink-btn,
.ticket-pink-btn-left {
	background-size: 51% 100%;
    background-image: radial-gradient(circle at 0 50%, rgba(255,255,224,0) 0.7em , #E2A1A9 0.5em ), radial-gradient(circle at 100% 50%, rgba(255,255,224,0) 0.7em , #E2A1A9 0.5em );
}

.ticket-white-btn:hover,
.ticket-pink-btn:hover,
.ticket-white-btn-left:hover,
.ticket-pink-btn-left {
	filter: drop-shadow(0px 4px 0px #222222d4);
}

.newsletter-form .elementor-button[type="submit"] {
	background-repeat: no-repeat;
	background-position: top left, top right;
    background-size: 51% 100%;
    background-image: radial-gradient(circle at 0 50%, rgba(255,255,224,0) 0.7em , #E2A1A9 0.5em ), radial-gradient(circle at 100% 50%, rgba(255,255,224,0) 0.7em , #E2A1A9 0.5em );
	margin: auto;
}
/* Clap Rooms mobile section style */
.rooms-slider-mobile .elementor-swiper-button-next,
.rooms-slider-mobile .elementor-swiper-button-prev {
	position: absolute;
    top: unset;
    bottom: -70px;
    right: calc(50% - 45px)!important;
}

.rooms-slider-mobile .elementor-swiper-button-prev {
    left: calc(50% - 45px)!important;
}

.rooms-slider-mobile .eicon-chevron-right:before {
	content: "\e8c0"!important;
}
.rooms-slider-mobile .eicon-chevron-left:before {
	content: "\e8bf"!important;
}

/*Hover Title to show image section Clap Rooms*/
.img-column > div{
	position:relative;
	display:flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;
}

.img-column .hidden-img{
	position: absolute;
	transition:all .5s linear;
	opacity:0;
	transform:translateX(-50%);
	transform-origin:center;	
}

.img-column .hidden-img.active-img{
	position: relative;
	opacity:1;
	transform:translateX(0);
}

.img-titles .rooms {
	cursor:pointer;
}

.rooms > div {
	position:relative;
}

.rooms .rooms-title:hover:before {
    content:url(/wp-content/uploads/homepage/clap-rooms/line-claprooms.png) ;
  	position: absolute;
    left: -250px;
    top: 0;
}

.rooms .rooms-title:hover:after {
    content: 'Découvrir la chambre →';
    position: relative;
	color:white;
	font-size: 14px;
    font-family: 'Megante';
    left: 50px;
    top: 15px;
}

/*Hover Title to change background section Clap Rooms*/
#claprooms-section {
	transition: background 0.4s linear;
}

/* Rooms loop bloc */
.column-bg-color {
    background-color: #1B1B1B;
}

/* Rooms detail page */
.row.service-icon {
    display: flex;
    flex-wrap: wrap;
}

/* Form Newsletter button */
.elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-30.e-form__buttons {
    margin-left: -11px;
}

/* Slide text navigation */
html {
	overflow: hidden auto;
}
body{
    --speed: 30s;
	overflow:hidden;
}
body .slide-text-holder > div
{
	max-width:100vw;
	overflow:hidden;
}
.sliding-text .elementor-widget-wrap{
    display: block !important;
}
.sliding-text .elementor-widget{
    overflow: hidden;
    width: 10000vw !important;
    max-width: 10000vw !important;
}
.sliding-text .sliding .elementor-widget-container{
    -webkit-animation: sliding var(--speed) linear infinite;
    -moz-animation: sliding var(--speed) linear infinite;
    -o-animation: sliding var(--speed) linear infinite;
    animation: sliding var(--speed) linear infinite;
}
.sliding-text .elementor-widget-container{
    float: left;
}
.sliding-text.reverse .elementor-widget-wrap{
    transform: rotate(180deg);
}
.sliding-text.reverse .sliding .elementor-heading-title{
    transform: scale(-1, -1);
}
@keyframe sliding{
	0%{ transform: translateX(0); }
	100%{ transform: translateX(-100%); }
}
@-webkit-keyframes sliding {
	0%{ transform: translateX(0); }
	100%{ transform: translateX(-100%); }
}
@-moz-keyframes sliding {
	0%{ transform: translateX(0); }
	100%{ transform: translateX(-100%); }
}
@-o-keyframes sliding {
	0%{ transform: translateX(0); }
	100%{ transform: translateX(-100%); }
}
@keyframes sliding {
	0%{ transform: translateX(0); }
	100%{ transform: translateX(-100%); }
}

/* Only on desktop */
@media screen and (min-width: 768px) {
  	.show-title {
    	margin-bottom:5px;
  	}
	
	.ticket-clapstore,
	.ticket-clapevents {
    	background-repeat: repeat-y;
		background-position: top right;
	}

	.ticket-clapstore,
	.ticket-clapevents {
    	background-size: 100% 10%;
    	background-image: radial-gradient(circle at 100% 50%, rgba(255,255,224,0) 0.9em , #00777C 0.9em );
	}
	.ticket-clapevents {
    	background-image: radial-gradient(circle at 100% 50%, rgba(255,255,224,0) 0.9em , #E2A1A9 0.9em );
	}
	.service-icon .column {
		display: flex;
		flex-direction: column;
		margin: 0 auto;
	}
}

/* Only on mobile */
@media screen and (max-width: 768px) {
  	.newsletter-form .elementor-button[type="submit"] {
		margin-top: 10px;
	}
	.newsletter-form .elementor-form .elementor-button.elementor-size-sm {
    	min-height: 45px;
	}
	.newsletter-form .elementor-button {
    	flex-basis: 50%!important;
	}
	.ticket-clapstore,
	.ticket-clapevents {
    	background-size: 14% 100%;
    	background-image: radial-gradient(circle at top, rgba(255,255,224,0) 0.9em , #00777C 0.9em );
	}

	.ticket-clapstore,
	.ticket-clapevents {
		background-repeat: repeat-x;
		background-position: top center;
	}
	
	.ticket-clapevents {
    	background-image: radial-gradient(circle at top, rgba(255,255,224,0) 0.9em , #E2A1A9 0.9em );
	}
	
	.service-icon .column {
		margin-left: unset;
	}
	
	.elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-30.e-form__buttons {
    	margin: auto !important;
	}
	
	.main-menu li.book-link a {
    	text-shadow: 0 0 7px red, 0 0 10px red, 0 0 21px red, 0 0 42px #e2a1a9, 0 0 82px #e2a1a9, 0 0 92px #e2a1a9, 0 0 102px #e2a1a9, 0 0 151px #e2a1a9;
	}
}