@charset "UTF-8";
/* CSS Document */

/*--- PREHOME ---*/
	
/* General */
	
body{background: #000;}
	
.root #lang_es .palladium-Buttons > .container, .root #lang_en .palladium-Buttons > .container, .root #lang_de .palladium-Buttons > .container{width: 100%;  padding: 15px; justify-content: flex-end;}
		
.root #lang_es .single-btns .single-btns__btn, .root #lang_en .single-btns .single-btns__btn, .root #lang_de .single-btns .single-btns__btn{background: transparent; padding: 0 10px; border-right: 1px solid #686868; color:#9d9d9d;}
	
.root #lang_es .single-btns .single-btns__btn:hover, .root #lang_en .single-btns .single-btns__btn:hover, .root #lang_de .single-btns .single-btns__btn:hover{text-decoration: underline}
	
.root #lang_es .single-btns .single-btns__btn:last-child, .root #lang_en .single-btns .single-btns__btn:last-child, .root #lang_de .single-btns .single-btns__btn:last-child{border-right: 0;}
	
	
/* Maquetación */
	
.root #prehome{background: url("/content/dam/palladium/images/chic-cabaret-restaurant/prehome/prehome-background.jpeg") center center no-repeat;}

.root #prehome > .aem-Grid{height: 85vh; display: flex; align-items: center; max-height: 1500px;  flex-direction:row}
	
.root #prehome #prehome-logo .image{min-width: 275px;}
	
.root #prehome #prehome-title .image{min-width: 320px;}



/*Multiple buttons*/

.root #prehome-buttons > .aem-Grid{margin-top: -15vh;}

.root .single-btns .single-btns__btn{background: #dba492; color: #fff; border: 0; margin: 10px 0.5px; padding: 20px;}
	
.root .single-btns .single-btns__btn:hover{text-decoration: none; background: rgb(126, 24, 46);}
	
.root .single-btns .single-btns__btn:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
	
.root .single-btns .single-btns__btn:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
	
	
	
/*--- PAGINA INDIVIDUAL ---*/
	
/* General */
	
.root #brand {margin-left: 20px;}
	
.root #espectaculo > .aem-Grid, .root #gastronomia > .aem-Grid, .root #localizacion > .aem-Grid{display: flex; flex-direction: row; align-items: center;}
	
.root #espectaculo, .root #gastronomia, .root #localizacion{margin: 0 -30px; border-bottom:1px solid #666;}
	
.root #espectaculo-content, .root #gastronomia-content, .root #localizacion-content{padding:30px 0;}
	
.root #espectaculo-image .image, .root #gastronomia-image .image, .root #localizacion-image .image{max-height: 650px; overflow: hidden;}
	
.root #espectaculo-image .image img, .root #gastronomia-image .image img, .root #localizacion-image .image img{transition: 0.5s}
	
.root h2{font-size: 35px;  line-height: 35px; color: #dba492; margin-bottom: 15px; text-transform: uppercase;}
	
.root h3{color: #dba492; font-size: 15px; margin-top: 15px; text-transform: uppercase;}
	
.root p{font-size: 14px; color: #a9a9a9; word-break: normal;}
	
.root .cmp-text li:first-child{color: #dba492; font-size: 15px;  margin-top: 30px; text-transform: uppercase;}
	
.root .cmp-text li:first-child:before{opacity: 0;}
	
.root .cmp-text li{font-size: 14px; color: #a9a9a9; word-break: normal; list-style-type: none; line-height: 20px; margin-bottom: 15px;}	
	
.root .cmp-text li:before{ content: ''; display: inline-block; border-bottom: 2px #dba492 solid; border-right: 1.4px #dba492 solid; height: 12px;  width: 5px; margin-right: 12px; margin-left: -18px;  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
	


/* Header */
	
.root #header {transition: 0.5s}
	
.root #header.navbar-fixed{position: fixed; width: 100%; background: #fff; padding: 20px 0 0 0; top:0; z-index: 100; left:0;}
	
.root #header.navbar-fixed #menu .navigation::before{top:-65px; filter: none;}
	
.root #header.navbar-fixed #brand .image:last-child .cmp-image__image{filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); margin: 0; top: -65px; right: 15px;}
		
.root #header.navbar-fixed #menu .cmp-navigation__group li a{color: rgba(0,0,0, 0.5)}
	
.root #header.navbar-fixed #menu .cmp-navigation__group li a::after{border-color: rgba(0,0,0, 0.5)}
	
.root #header.navbar-fixed #menu .cmp-navigation__group li.cmp-navigation__item--active a, #menu .cmp-navigation__group li.cmp-navigation__item--active a:hover{color: rgba(0,0,0, 1)}
	
	

.root #brand > .aem-Grid{display: flex;  flex-direction: row; justify-content: space-between; width: 85%;}
	
.root #brand .cmp-image__image{width: auto;  max-height: 80px; padding-right: 10px;}
	
.root #brand .image:last-child .cmp-image__image{width:100%; min-width: 200px}
	
.root #brand .image{display: flex; flex-direction: row; align-items: center;}
	
.root #menu .cmp-navigation__group li a{color: rgba(255,255,255, 0.5); text-shadow: none !important; background-color: transparent; text-transform: uppercase; font-size: 15px; padding-bottom: 10px; margin-left: 25px;}

.root #menu .cmp-navigation__group li a:hover{border-bottom: 3px solid rgba(255,255,255, 0.5); text-decoration: none;}
	
.root #menu .cmp-navigation__group li a::after{content: ''; display: block; width: 5px; height: 5px; border:1px solid rgba(255,255,255, 0.5); border-radius: 10px;    margin-top: -14px; margin-left: 10px;}
	
.root #menu .cmp-navigation__group li:first-child a::after{border:0}
	
.root #menu .cmp-navigation__group li.cmp-navigation__item--active a, #menu .cmp-navigation__group li.cmp-navigation__item--active a:hover{color: rgba(255,255,255, 1); border-bottom: 3px solid #dba492;}	
	
.root #menu .cmp-navigation__group{display: flex; flex-direction: row; justify-content: end; align-items: center; height: 90px;}

	
/* slider */
	
.root #slider{margin: 0 -15px;}
	
.root #slider .pal-home__carousel{margin-top: -190px; position: relative; z-index: -1; }
	
.root #slider .pal-home__carousel	.pal-home__video{height: 100vh; max-height: 1500px}

.root #slider .pal-home__carousel::before {content:''; width: 100%; height: 350px; position: absolute; top: 0;  left: 0;  z-index: 999; background: rgba(19,19,19,0.8); background: -moz-linear-gradient(top, rgba(19,19,19,0.8) 0%, rgba(10,10,10,0) 50%, rgba(0,0,0,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,19,19,0.8)), color-stop(50%, rgba(10,10,10,0)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(19,19,19,0.8) 0%, rgba(10,10,10,0) 50%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(19,19,19,0.8) 0%, rgba(10,10,10,0) 50%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(19,19,19,0.8) 0%, rgba(10,10,10,0) 50%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(19,19,19,0.8) 0%, rgba(10,10,10,0) 50%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#000000', GradientType=0 );
}
	
.root #slider .pal-home__video .pal-video-responsive .pal-video--video-node{width: 100vw; max-width: 100%;}
	
	
/* gastronomia */
	
.root #gastronomia .palladium-Buttons > .container{width: fit-content; margin: 0; padding: 0;}
	

/* localizacion */

.root #localizacion #localizacion-image .image:last-child{position: absolute; width: 25%; right: 30px; margin-top: 30px; max-width: 550px;}

.root #localizacion .palladium-Buttons > .container{width: fit-content; margin: 0; padding: 0;}	
	
	
/* galeria */
	
.root #galeria{margin: 0 -35px;}

.root #galeria .palladium-destination-guide-gallery > .container{width: 100%;}
	
.root #galeria .variable-carousel .slick-prev, #galeria .variable-carousel .slick-next{padding: 0; top: 60%;}
	
.root #galeria .variable-carousel .slick-prev{left:2%;}
	
.root #galeria .variable-carousel .slick-next{right:3%;}
	
.root #galeria .variable-carousel .slick-prev:before, .root #galeria .variable-carousel .slick-next:before{color: #ffffff;  width: 60px; height: 60px;  background: #dba492; border-radius: 10px; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; box-shadow: none;  padding: 5px;  font-size: 18px;}
	
.root #galeria .slick-prev:hover, .root #galeria .slick-next:hover{background: transparent}
	
.root #galeria .variable-carousel{margin: 0 auto}
	
.root #galeria .variable-carousel .variable-carousel__item img{width: 104%; max-width: 104%}
	

/* footer */

.root #footer{margin-top: 80px;}	

.root #footer h2{text-align: center;}

.root #footer p{text-align: center; max-width: 500px; margin: 0 auto;}
	
.root #social{margin-top: 30px;}
	
.root #social	h3{text-align: center;}	
	
.root #social	.single-btns .single-btns__btn{background: transparent; text-indent: -3000px; font-size: 0; padding: 10px; margin-top: 0;}
	
.root #social	.single-btns .single-btns__btn:first-child::before{content: ''; background: url("/content/dam/palladium/images/chic-cabaret-restaurant/general/facebook.svg")top left no-repeat;width:50px; height: 50px;}

.root #social	.single-btns .single-btns__btn:first-child:hover::before{ background: url("/content/dam/palladium/images/chic-cabaret-restaurant/general/facebook_hover.svg")top left no-repeat;}
	
.root #social	.single-btns .single-btns__btn:last-child::before{content: ''; background: url("/content/dam/palladium/images/chic-cabaret-restaurant/general/instagram.svg")top left no-repeat;width:50px; height: 50px;}

.root #social	.single-btns .single-btns__btn:last-child:hover::before{ background: url("/content/dam/palladium/images/chic-cabaret-restaurant/general/instagram_hover.svg")top left no-repeat;}
	

	
	

/*--- MEDIA QUERIES ---*/
	
@media only screen and (max-width: 768px) {
	
	/* PREHOME */
	
	/* General */
	
	.root > .aem-Grid > .responsivegrid	> .aem-Grid > .container{padding: 0}
			
	.root #lang_es .single-btns .single-btns__btn, .root #lang_en .single-btns .single-btns__btn, .root #lang_de .single-btns .single-btns__btn{width: fit-content;}
	
	.root h2{font-size: 25px;}

	
	/* Maquetación */
	
	.root #prehome {background-position: 40%; background-size: cover;}
	
	.root #prehome > .aem-Grid{height: auto; flex-direction: column}
	
	.root #prehome #prehome-logo .image{min-width: 175px;  width: 50%; margin: -30px 25% 55%;}
	
	.root #prehome-buttons{position: absolute; bottom: 10px;}
	
	
	/*Multiple buttons*/
	
	.root .single-btns .single-btns__btn{margin: 1px; padding: 18px; width: 100%;}
	
	.root .single-btns .single-btns__btn:first-child{border-top-left-radius: 0; border-bottom-left-radius: 0;}
	
	.root .single-btns .single-btns__btn:last-child{border-top-right-radius: 0; border-bottom-right-radius: 0;}
	
	.root #espectaculo-content .single-btns .single-btns__btn, #gastronomia-content .single-btns .single-btns__btn, #localizacion-content .single-btns .single-btns__btn, #footer .single-btns .single-btns__btn {border-radius: 5px; margin: 20px 0.5px!important;}
	
	.root #social .single-btns .single-btns__btn{margin: 0 0 30px!important;}
	
	
	/* PÁGINA INDIVIDUAL */
	
	/* general */
	
	.root #espectaculo, .root #gastronomia, .root #localizacion{margin: 0;}
	
	.root #espectaculo > .aem-Grid, .root #gastronomia > .aem-Grid, .root #localizacion > .aem-Grid{flex-direction: column;}
	
	.root #espectaculo-content, .root #gastronomia-content, .root #localizacion-content{margin: 0 30px}
	
	
	/* header */
	
	.root #header{margin-bottom: 30px;}
	
	.root #brand .image{justify-content: center;}
	
	.root #brand .cmp-image__image{max-height: 50px}
	
	.root #lang_es .palladium-Buttons > .container, .root #lang_en .palladium-Buttons > .container, .root #lang_de .palladium-Buttons > .container{padding: 15px 10px}
	
	.root #header > .aem-Grid .container:last-child{position: absolute; width: 100%; background: #fff; top: 120px;}
	
	.root #header.navbar-fixed{position: fixed; width: 100%; background: #fff; padding: 15px 0; top:0; z-index: 1; left:0;}
	
	.root #header.navbar-fixed #menu .navigation::before{top:-65px; filter: none;}
	
	.root #header.navbar-fixed #brand .image:last-child .cmp-image__image{filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); margin: 0; top: -65px; right: 15px;}
	
	.root #header.navbar-fixed > .aem-Grid .container:last-child{background: rgba(255,255,255, 0.9); top: 80px;}
	
	.root #menu .cmp-navigation__group{flex-direction: column; justify-content: center; align-items: center; padding: 10px 25px; height: fit-content;}
	
	.root #menu .cmp-navigation__group li{padding: 25px 0;}
	
	.root #menu .cmp-navigation__group li a{color:rgba(0, 0, 0, 0.5); margin-left:0;}
	
	.root #menu .cmp-navigation__group li.cmp-navigation__item--active a {color:rgba(0, 0, 0, 1)}
	
	.root #menu .navigation nav{display: none;}
	
	.root #menu .navigation:hover nav{display: block;}
	
	.root #menu .navigation::before{content:''; position: absolute; width: 25px; height: 25px; background: url("/content/dam/palladium/images/chic-cabaret-restaurant/general/burguer.svg")center center no-repeat; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); margin: 10px; top: -65px; right: 15px;}
	
	
	
	
	/* slider */
	
	.root #slider{margin: 0;}
	
	.root #slider .pal-home__carousel{margin-top: 0;}
	
	.root #slider .pal-home__carousel .pal-home__video { height: 100%; max-height: 1500px;}
	
	.root #slider .pal-home__carousel::before{background: transparent;}
	
	
	/* modulos */
	
	.root #localizacion #localizacion-image .image:last-child{width: 50%;}
	
	.root #localizacion .palladium-Buttons > .container{width: inherit;}
	
	.root #espectaculo-image .image, .root #gastronomia-image .image, .root #localizacion-image .image {padding: 20px 0;}
	
	
	/* footer */
	
	.root #footer{margin: 40px 25px 0;}
	
	.root #social .single-btns .single-btns__btn{width: fit-content;}

	}
	
	
@media only screen and (min-width: 2300px) {
	
	/* PÁGINA INDIVIDUAL */
	
	/* General */	
	
	.root #espectaculo-image .image img, #gastronomia-image .image img, #localizacion-image .image img{top: 20%; transform: translate(0, -20%);}
	
	.root #localizacion-image .image{max-height: auto;}
	
	.root #localizacion-image .image img{top:auto; transform: none;}
	
	}