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

/*--- GENERAL ---*/

	@import url('https://fonts.googleapis.com/css2?family=Qwitcher+Grypen:wght@400;700&display=swap');
	
	
	p{color:#555;}

	@media screen and (min-width: 992px){
		body .fastbooking-xf {margin-top: 70px!important;}
		body .breadcrumb-section {padding: 15px 15px 0px!important;}
	}
	
	/*--- PREHOME ---*/
	
	#prehome-container{background:url("/content/dam/palladium/images/family-selection/prehome/home-bgnd.jpeg") top center no-repeat; background-size: cover; min-height: 650px; margin-bottom: 56px;}
	
	#prehome-container > .aem-Grid{background: url("/content/dam/palladium/images/family-selection/prehome/home_gfx1.png")top center no-repeat; background-size: cover;}
	
	#prehome-header{max-width: 1251px; width: 100%; margin: 0 auto; min-height: 235px}
	
	#prehome-header-claim > .aem-Grid{display: flex; justify-content: flex-end}
	
	#prehome-header-logo .image, #prehome-header-claim .image{max-width: 275px; margin-top: 40px;}
	
	#prehome-content{max-width: 1251px; width: 100%; margin: 0 auto; padding: 0 15px;}
	
	#prehome-content-text .cmp-text{max-width: 380px; font-size: 13px;}
	
	#prehome-content-buttons .palladium-Buttons > .container{width: 100%; justify-content: flex-end; flex-direction: column; align-items: flex-end;}
	
	#prehome-content-buttons h2{font-family: "nunito sans", sans-serif; font-size: 18px; line-height: 20px; letter-spacing: 1px; margin-bottom: 5px; color: #e3be28; text-transform: uppercase; text-align: right; margin-right: 25px; font-weight: 800}
	
	#prehome-content-buttons .palladium-Buttons .single-btns__btn{min-width: 185px; background-color: white; color: #6896ba; text-transform: uppercase; font-size: 14px; letter-spacing: 2px;  margin-top: 5px; margin-bottom: 0;  border-radius: 3px; padding: 8px 16px;  border: 1px solid #66a3d2; margin-bottom: 0;}
	
	#prehome-content-buttons .palladium-Buttons .single-btns__btn:hover{background-color: #fdfaf5; text-decoration: none;}
	
	#prehome-footer{background: #f4f4f4; position: absolute; top:720px; width: 100%}
	
	#prehome-footer > .aem-Grid{max-width: 1251px; width: 100%; margin: 0 auto;}
	
	#prehome-footer .palladium-Buttons .single-btns__btn{display: block; width: 235px; background-color: #8093ae; color: white; text-transform: uppercase; font-size: 12px; margin-bottom: 10px; border-radius: 3px; padding: 15px 15px 15px 50px; border: none; letter-spacing: 0.8px; text-align: left; font-weight: 700;}
	
	#prehome-footer .palladium-Buttons .single-btns__btn:hover{text-decoration: none; background-color:#e3be28;}
	
	#prehome-footer .palladium-Buttons .single-btns__btn:first-child::before{content: ''; background:url("/content/dam/palladium/images/family-selection/icons/newsletter-icon.svg")top left no-repeat; position: absolute; width: 40px; height: 30px; margin-left: -40px; margin-top: -10px;  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(49deg) brightness(104%) contrast(103%);}
	
	#prehome-footer .palladium-Buttons .single-btns__btn:last-child::before{content: ''; background:url("/content/dam/palladium/images/family-selection/icons/donwload-icon.svg")top left no-repeat; position: absolute; width: 40px; height: 30px; margin-left: -40px; margin-top: -10px;  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(49deg) brightness(104%) contrast(103%);}
	
	
	/*--- DESTINATION PAGE ---*/
	
	.palladium-destination-guide-banner{position: relative; z-index: -1}
	
	.root .cabecera-banner{top:35px;}
	
	#destination-header{padding-top: 50px;}
	
	#destination-header .single-btns .single-btns__btn{margin: 0; border-right:0!important; border:1px solid #7190b9; color: #7190b9; font-weight: 600;}
	
	#destination-header .single-btns .single-btns__btn:hover{background: rgba(113,144,185,0.3); text-decoration: none;}
	
	#destination-header .single-btns .single-btns__btn:first-child{border-radius: 5px 0 0 5px;}
	
	#destination-header .single-btns .single-btns__btn:last-child{border-right:1px solid #7190b9!important; border-radius: 0 5px 5px 0;}
	
	#destination-header-costa-mujeres .single-btns .single-btns__btn:nth-child(2){background: rgba(113,144,185,0.05);
    color: #012f72;}
	
	#destination-header-costa-mujeres .single-btns .single-btns__btn:nth-child(2):hover{background: rgba(113,144,185,0.05);cursor: initial;}
	
	#destination-header-riviera-nayarit .single-btns .single-btns__btn:nth-child(3){background: rgba(113,144,185,0.05);
    color: #012f72;}
	
	#destination-header-riviera-nayarit .single-btns .single-btns__btn:nth-child(3):hover{background: rgba(113,144,185,0.05);cursor: initial;}

	#destination-header-riviera-maya .single-btns .single-btns__btn:nth-child(4){ background: rgba(113,144,185,0.05); color: #012f72;}
	
	#destination-header-riviera-maya .single-btns .single-btns__btn:nth-child(4):hover{ background: rgba(113,144,185,0.05); cursor: initial;}
	
	#destination-header::before{content: ''; background:url("/content/dam/palladium/images/family-selection/costa-mujeres/mod1_top.png")top left no-repeat; position: absolute; width: 100%;  top: 400px; height: 431px; display: block; background-size: 100%; z-index: -1}
	
	#destination-header > .aem-Grid{display: flex; align-items: center; flex-direction: column;}
	
	#destination-header .image{max-width: 350px;}   
	
	#destination-intro{width: 100%; max-width: 990px; margin: 56px auto 126px; }
	
	#destination-intro-title h1, #destination-instalaciones-content-text h2, #destination-servicios-content-text h2, #destination-hotel-content-text h2, #destination-contact-content h2{font-family: 'Qwitcher Grypen'; font-weight: 700; font-style: normal; color:#e3be28; font-size: 70px; line-height: 0;}
	
	#destination-intro-title h2{font-family:"nunito sans", sans-serif; font-size: 18px;  font-weight: 400; color:#7191b9; margin-bottom: 10px; letter-spacing: 0.7px;text-transform: uppercase;}
	
	#destination-intro .pal-home__video{height: auto; margin-top: 56px;}
	
	#destination-intro .pal-home__carousel::before{background: transparent;}
	
	#destination-instalaciones::before{content: ''; background:url("/content/dam/palladium/images/family-selection/costa-mujeres/mod2_top.png")top left no-repeat; position: absolute; width: 100%; display: block; background-size: 100%; height: 400px; margin-top: -170px;}
	
	#destination-instalaciones{background:#f3f3f6}
	
	#destination-instalaciones-content{width: 100%; max-width: 990px; margin: 0 auto 56px;}
	
	#destination-instalaciones-content .cmp-carousel__actions{display: none;}
	
	#destination-instalaciones-content .cmp-carousel__indicators{margin-top: -30px;}
	
	#destination-instalaciones-content .cmp-carousel__indicator{background-color: transparent; border: 1px solid #fff;}
	
	#destination-instalaciones-content .cmp-carousel__indicator--active{background-color:#fff;}
    
    #destination-instalaciones-content-text h2, #destination-servicios-content-text h2{margin-bottom:56px;}
	
	#destination-instalaciones-content-text{margin-top: 64px; z-index: 1; position: relative; padding-left:30px;}
	  
    #destination-instalaciones-content-text b, #destination-servicios-content-text b{color: #b48d00;}
      
    #destination-instalaciones-content-text li, #destination-servicios-content-text li{padding: 4px 0px 8px 0px;
    list-style-type: disc; color:#555;list-style-position: inside;}
    
    #destination-instalaciones-content-text li ul li, #destination-servicios-content-text li ul li{list-style-type: none; letter-spacing: 0.5px; line-height: 13px; font-size: 12px; color: #797979; font-weight: 100; margin-left:18px;}
    
    #destination-instalaciones-content-text .cmp-accordion__button{font-family:"nunito sans"; color: #7190b9; padding: 10px 20px; letter-spacing: 1px; font-size: 11px; margin-top: 10px;font-weight: bold;margin-left: 15px; display: inline-block; border: 1px solid #7190b9; background-color: transparent; width: fit-content; text-transform: uppercase;}
    
    #destination-instalaciones-content-text .cmp-accordion__button:hover{background-color: rgba(113,144,185,0.3);}
	
	#destination-instalaciones-content-text .cmp-accordion__panel--expanded{border: 1px solid #7190b9; margin-top: -1px; margin-left: 15px; padding-left: 15px; padding-top: 15px;}
	
	#destination-servicios-content{background: url(/content/dam/palladium/images/family-selection/costa-mujeres/mod3_bottom.png) bottom right no-repeat;  padding: 128px 0 56px; background-size: 85%;}
	
	#destination-servicios-content-text{width: 100%; max-width: 990px; margin: 0 auto;}
	
	#destination-map{background: url(/content/dam/palladium/images/family-selection/costa-mujeres/mod4_map_cm.png) center top no-repeat; }
	
	#destination-map-rn{background: url(/content/dam/palladium/images/family-selection/riviera-nayarit/mod4_map_pvr.png) center top no-repeat; }
	
	#destination-map .cmp-image__image, #destination-map-rn .cmp-image__image{padding-left: 45%; padding-right: 45%; opacity: 0; min-height: 450px; transition: 0.5s}
	
	#destination-map .cmp-image__image:hover, #destination-map-rn .cmp-image__image:hover{opacity: 1; background:rgba(90,115,145,0.4)}
	
	#destination-hotel::before{content: ''; background:url("/content/dam/palladium/images/family-selection/costa-mujeres/mod5_top.png")top left no-repeat; position: absolute; width: 100%; display: block; background-size: 100%; height: 400px;}
	
	#destination-hotel{background:#f3f3f6}
	
	#destination-hotel-content{width: 100%; max-width: 990px; margin:56px auto;}
	
	#destination-hotel-content .cmp-carousel__actions{display: none;}
	
	#destination-hotel-content .cmp-carousel__indicators{margin-top: -30px;}
	
	#destination-hotel-content .cmp-carousel__indicator{background-color: transparent; border: 1px solid #fff;}
	
	#destination-hotel-content .cmp-carousel__indicator--active{background-color:#fff;}
    
    #destination-hotel-content-text h3{font-family:"nunito sans", sans-serif; font-size:18px; font-weight: 400; color: #7191b9; margin-bottom: 10px; letter-spacing: 0.7px; text-transform: uppercase;}
	
	#destination-hotel-content-text{margin-top: 28px; z-index: 1; position: relative; padding-left:30px;}
	  
    #destination-hotel-content-text i{color:#adadad;}
      
    #destination-hotel-content-text li{padding: 4px 0px 8px 0px;
    list-style-type: disc; color:#555;list-style-position: inside;}
    
    #destination-hotel-content-text li ul li{list-style-type: none; letter-spacing: 0.5px; line-height: 13px; font-size: 12px; color: #797979; font-weight: 100; margin-left:18px;}
    
    #destination-hotel-content-text .cmp-accordion__button{color: #7190b9; padding: 10px 20px; letter-spacing: 1px; font-size: 11px; margin-top: 10px;font-weight: bold;margin-left: 15px; display: inline-block; border: 1px solid #7190b9; background-color: transparent; width: fit-content; text-transform: uppercase;}
    
    #destination-hotel-content-text .cmp-accordion__button:hover{background-color: rgba(113,144,185,0.3);}
	
	#destination-hotel-content-text .cmp-accordion__panel--expanded{border: 1px solid #7190b9; margin-top: -1px; margin-left: 15px; padding-left: 15px; padding-top: 15px;}
	
	#destination-contact{background:url("/content/dam/palladium/images/family-selection/costa-mujeres/mod6_bgnd.jpg")center center no-repeat; min-height: 400px; background-position: 100% 100%;}
	
	#destination-contact::after{content: ''; background:url("/content/dam/palladium/images/family-selection/costa-mujeres/mod6_bottom.png")center center no-repeat; position: absolute; margin-top: -205px; width: 100%; height: 205px; z-index: 1; }
	
	#destination-contact-content{width: 100%; margin: 126px auto; max-width: 990px; text-align: center;}
	
	#destination-contact-content p{color: #fff; margin: 34px; line-height: 28px;}
	
	#destination-contact-content b{padding-top:20px; border-top:1px solid #e3be28;}
	
	#destination-contact-content .cmp-button{font-family:"nunito sans", sans-serif; color: #e2be28; padding: 10px 20px; letter-spacing: 1px; font-size: 11px; font-weight: 700; text-transform: uppercase; background-color: rgba(0,0,0,0.2); display: inline-block;  border: 1px solid #e2be28; margin-bottom: 50px;}
	
	#destination-contact-content .cmp-button:hover{background-color: rgba(0,0,0,0.7); text-decoration: none;}
	
	#destination-footer{background: #f4f4f4;width: 100%; margin-bottom: 34px;}
	
	#destination-footer > .aem-Grid{max-width: 1251px; width: 100%; margin: 0 auto;}
	
	#destination-footer .palladium-Buttons .single-btns__btn{display: block; width: 235px; background-color: #8093ae; color: white; text-transform: uppercase; font-size: 12px; margin-bottom: 10px; border-radius: 3px; padding: 15px 15px 15px 50px; border: none; letter-spacing: 0.8px; text-align: left;font-weight: 700;}
	
	#destination-footer .palladium-Buttons .single-btns__btn:hover{text-decoration: none; background-color:#e3be28;}
	
	#destination-footer .palladium-Buttons .single-btns__btn:first-child::before{content: ''; background:url("/content/dam/palladium/images/family-selection/icons/newsletter-icon.svg")top left no-repeat; position: absolute; width: 40px; height: 30px; margin-left: -40px; margin-top: -10px;  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(49deg) brightness(104%) contrast(103%);}
	
	#destination-footer .palladium-Buttons .single-btns__btn:last-child::before{content: ''; background:url("/content/dam/palladium/images/family-selection/icons/donwload-icon.svg")top left no-repeat; position: absolute; width: 40px; height: 30px; margin-left: -40px; margin-top: -10px;  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(49deg) brightness(104%) contrast(103%);}
	
	
	
	/*-- MEDIA QUERIES --*/
	
	@media screen and (max-width:992px){
		
		/* Prehome */
		
		#prehome-container{ background-size: 100%; background-position: bottom; background-color: #f2f1ed; margin-bottom: 126px;}
		
		#prehome-container > .aem-Grid{background-size: 100%; background-position: 0 10px;}
		
		#prehome-header{min-height: auto; margin-bottom: 20px;}
		
		#prehome-header-logo > .aem-Grid, #prehome-header-claim> .aem-Grid{display: flex; justify-content: center;}
		
		#prehome-header-claim .image {margin-top: 0; filter: brightness(0) saturate(100%) invert(64%) sepia(13%) saturate(687%) hue-rotate(176deg) brightness(88%) contrast(85%); max-width: 215px;}
		
		#prehome-content-text .cmp-text{text-align: center;padding: 0 15px;}
		
		#prehome-content-buttons h2{display: none;}
		
		#prehome-content-buttons .palladium-Buttons > .container{align-content: center; padding: 0;}
		
		#prehome-content-buttons .palladium-Buttons .single-btns__btn{width: 100%; margin-left: 0; font-weight: 600;}
		
		#prehome-footer{top:690px; padding-bottom: 10px;}
		
		#prehome-footer .palladium-Buttons .single-btns__btn{width: 100%; margin-bottom: 0;}
		
		
		/* Destination page*/
		
		body .root .palladium-destination-guide-banner{margin-top: -30px;}
		
		body .root .cabecera-banner{height: 250px;}
		
		#destination-header::before{top:260px;}
		
		.single-btns .single-btns__btn{padding: 12px 15px; font-size: 11px}
		
		#destination-intro-title h1, #destination-instalaciones-content-text h2, #destination-servicios-content-text h2, #destination-hotel-content-text h2, #destination-contact-content h2{font-size: 60px; line-height: 38px;}
		
		#destination-instalaciones-content-text h2, #destination-servicios-content-text h2{margin-bottom: 20px;}
		
		#destination-intro-title h2{font-size: 14px; margin-bottom: 20px; margin-top: -10px;}
		
		#destination-instalaciones::before{margin-top: -70px;}
				
		#destination-instalaciones-content{margin: 56px auto;}
		
		#destination-instalaciones-content-text{padding-left: 0;}
		
		#destination-instalaciones-content-text .cmp-accordion__panel--expanded{margin-left: 0; padding-left: 35px;}

		#destination-instalaciones-content-text li, #destination-servicios-content-text li{list-style-position: outside;}
		
		#destination-instalaciones-content-text li ul li, #destination-servicios-content-text li ul li{margin-left: 0;}
		
		#destination-instalaciones-content-text .cmp-accordion__button{margin-left: 0; width: 100%; text-align: center; font-weight: 700;}
		
		#destination-map-rn{background-position-x:30% }
		
		#destination-servicios-content{padding: 56px 30px;}
		
		#destination-hotel-content-text{padding: 0;}
		
		#destination-hotel-content-text h3{margin-top: 0;}
		
		#destination-hotel-content-text li{list-style-position: outside;}
		
		#destination-contact{background-position: 55%;}
		
		#destination-footer{padding-bottom: 10px;}
		
		#destination-footer .palladium-Buttons .single-btns__btn{width: 100%; margin-bottom: 0;}
		
		
		}
	
	
	
	@media screen and (min-width:1600px){
		
		/* Prehome */
		
		#prehome-container{ min-height: 800px;}
		
		#prehome-footer{ top:870px;}
			
	}
	
	
	@media screen and (min-width:2000px){
		
		#prehome-container > .aem-Grid{min-height: 390px;}
		
		.root .cabecera-banner{height: 600px!important;}
		 
		#destination-header::before{height: 575px;}
		
		#destination-instalaciones::before{height: 510px; margin-top: -250px;}
		
		#destination-servicios-content{padding: 80px 0; background-size: 65%;}
		
		#destination-map, #destination-contact, #destination-map-rn{background-size: cover;}
		
		#destination-hotel-content-text{margin-top: 65px;}
		
		#destination-contact::after{height: 275px; margin-top: -275px; background-size: cover;}
}


/* PROD */

		.palladium-breadcrumb{display: none!important}

		.cmp-text *{font-size: 14px!important; line-height: 20px!important; margin-bottom: 0!important; font-family: 'Nunito Sans',sans-serif!important; word-break: break-word!important;}

		#destination-contact-content{margin: 126px auto 150px;}

		#destination-contact-content p{text-align: center!important;}

		#destination-contact-content b{color: #fff!important;}

		#destination-header::before{top: 275px;}


		@media screen and (min-width:992px) {#prehome-container{margin-bottom: 150px!important;}}

		@media screen and (min-width:992px) and (max-width:1599px){#destination-header{padding-top: 450px}#prehome-container{background-position: 0 -180%;}}

		@media screen and (min-width:1600px) and (max-width:1920px){#destination-header{padding-top: 520px}}

		@media screen and (min-width:1921px){#destination-header{padding-top: 525px} #destination-header::before{top: 280px!important;}}

		@media screen and (min-width:2000px){#destination-header{padding-top: 600px} }

		@media screen and (max-width: 992px){
			
			#prehome-container > .aem-Grid{background:none!important;} 
			#prehome-container {min-height: 700px!important;} 
			#prehome-header-logo .image{margin-top: 90px;} 
			body .root { margin-top: 0!important;} 
			#destination-header::before{top:395px!important;}
			.root .cabecera-banner{top:30px!important;}
			.root .cabecera-banner .cabecera-banner__bg{object-position: 20%!important;}
			body .root .cabecera-banner{height: 450px;}
}


/*  Palladium - General Title and Description  */
#prehome-footer {padding-bottom: 20px !important;}
body .parrafo .parrafo__title { color: #8093ae !important;  margin-bottom: 8px !important;  max-height: 70px !important; }
@media screen and (min-width: 600px){ .parrafo .parrafo__title {font-size: 22px !important;}}
@media screen and (max-width: 992px) { #prehome-container { margin-bottom: 210px !important;}}