body {
  font-family: Cormorant,Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #fff;
  font-size: 16px;
  color:#1a171b;
}

#header {
  padding: 2rem;
}

#menu {
  background: #b0a388;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  text-align: center;
  top: 0;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 1100;
}
#menu.open {
  opacity: 1;
  visibility: visible;
}
#menu.open li:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
#menu.open li:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
#menu.open li:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
#menu.open li:nth-child(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
#menu.open li:nth-child(5) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
#menu.open li:nth-child(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
#menu.open li:nth-child(7) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
#menu.open li:nth-child(8) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
#menu.open li:nth-child(9) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
#menu.open li:nth-child(10) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
#menu.open li {
  -webkit-animation-duration: 1.0s;
          animation-duration: 1.0s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
#menu ul:hover a {
  opacity: 0.5;
}
#menu ul a {
  -webkit-transform: translateZ(0);
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#menu ul a:hover {
  opacity: 1;
}
#menu .main-nav {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#menu .main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu .main-nav a {
  color: #1a171b;
  display: block;
  font-size: 48px;
  /*font-weight: bold;*/
  padding: 0px 10px;
  text-decoration: none;
  text-transform: none;
}
#menu .main-nav a:first {
  padding-top: 0;
}
#menu .menu-footer {
  padding: 2rem;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
#menu .menu-footer ul {
 /* display: inline-block;*/
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu .menu-footer ul li {
  /*display: inline;*/
  margin: 0 1rem;
}
#menu .menu-footer a {
	font-size:24px;
  color: #1a171b;
  text-decoration: none;
  text-transform: none;
}

.toggle-menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 50px;
  outline: none;
  padding: 0;
  pointer-events: initial;
  position: relative;
  vertical-align: middle;
  width: 50px;
  z-index: 9999999;
}
.toggle-menu span {
  background-color: #fff;
  content: "";
  display: block;
  height: 2px;
  left: calc(50% - 25px );
  position: absolute;
  top: calc(50% - 1px );
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  -webkit-transform 0.2s linear;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  -webkit-transform 0.2s linear;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  transform 0.2s linear;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  transform 0.2s linear, -webkit-transform 0.2s linear;
  width: 50px;
}
.toggle-menu span:before, .toggle-menu span:after {
  background-color: #fff;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  -webkit-transform 0.2s linear;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  -webkit-transform 0.2s linear;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  transform 0.2s linear;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  transform 0.2s linear, -webkit-transform 0.2s linear;
  width: 50px;
  
}
.toggle-menu span:before {
  top: 7px;
}
.toggle-menu span:after {
  top: -7px;
}


.toggle-menu.active span {
  background-color: transparent;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.toggle-menu.active span:before, .toggle-menu.active span:after {
  -webkit-transition: top 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;
  transition: top 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;
  transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out;
  transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;
}
.toggle-menu.active span:before {
  top: 0;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
}
.toggle-menu.active span:after {
  top: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
}

#header-fixed{position:fixed; height:120px; border:0px solid black; width:100%; z-index:5; margin: 0px !important; /*background-color:transparent;*/}
#header-overlay{position:absolute; height:120px; border:0px solid black; width:100%; z-index:5; margin: 0px !important; /*background-color:transparent;*/}


#telefono{
	color: #ffffff;
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
	position:absolute; 
	top: 40px;
	left: 150px;
}

#idiomas{
	color: #ffffff;
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
	position:absolute; 
	top: 37px;
	left: 50px;
}

#idiomas .wpml-ls-legacy-dropdown {width: 75px;max-width: 100%;}
#idiomas .wpml-ls-legacy-dropdown a { color: #fff;  border: 0px solid #cdcdcd; background-color:transparent; padding: 5px 10px; line-height: 1;}
#idiomas .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{border-top:0px solid #cdcdcd;}

#logo{position:absolute; top: 25px;left: 0;right: 0;bottom: 0;margin: auto; width:300px; }

#hamburguer{ position:fixed; right:50px; top:30px; z-index:9999999999999}

#telefono-movil{display:none;position:absolute; 
	top: 20px;
	left: 20px;}
 
 #telefono-movil svg{fill:#fff;stroke: #fff;}
#telefono-movil path{fill:#fff;stroke: none;}
#telefono-movil line{fill:#fff;stroke: #fff;}





/*link home top*/
.linkstop ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.linkstop a {
  color: #1a171b;
  display: block;
  /*font-size: 2.5rem;*/
  /*font-weight: bold;*/
  padding: 10px 10px;
  text-decoration: none;
  text-transform: none;
}


.linkstop ul:hover a {
  opacity: 0.5;
}
.linkstop ul a {
  -webkit-transform: translateZ(0);
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.linkstop ul a:hover {
  opacity: 1;
}

a.linksbotones{ text-decoration:underline;}
a.linksbotones:hover{ text-decoration:none;}


.footerlinks a{ text-decoration:none; color:#1a171b;}
.footerlinks a:hover{ text-decoration:underline;}
.footermenu a{color:#1a171b; text-decoration:none;}


.titularpagina h1 span{
	font-size:24px;
  background: #b3a28c;
  letter-spacing:2px;
  color: #fff;
  padding: 10px 20px;
  display:inline-block; /*optional */
}

.caldera-grid .row {
    margin-bottom:25px !important;
}

.caldera-grid label {
    display: inline-block;
    font-family: Inter;
	font-size:18px;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
	color:#1a171b;
}

.caldera-grid .btn-default {
    color: #fff !important;
    background-color: #917756 !important;
    border-color: #917756 !important;
	 font-family: Inter;
	font-size:16px !important;
	font-weight: 400 !important;
	text-transform:uppercase !important;
}

.caldera-grid .btn-default:hover{
    color: #fff !important;
    background-color: #1a171b !important;
    border-color: #1a171b !important;
	 font-family: Inter;
	font-size:16px !important;
	font-weight: 400 !important;
	text-transform:uppercase !important;
}


/*Logo*/

#logo svg{fill:#fff;stroke: #fff; /*width:300px !important;*/}
#logo path{fill:#fff;stroke: none;}
#logo line{fill:#fff;stroke: #fff;}

#logo:hover svg{fill:#000;stroke: #000;}
#logo:hover path{fill:#000;stroke: none; }
#logo:hover line{fill:#000;stroke: #000;}

/*boton reservar*/

a.botonreservar::before{
	content: url("https://som2.com/cansampol/wp-content/uploads/2020/05/circulo.png");
	/*background:url("https://som2.com/cansampol/wp-content/uploads/2020/05/circulo.png");*/
	width: 40px !important;
    height: 40px !important;
    /*-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #907949;*/
	/*left:-50px;
  	top:10px;*/
	display: inline-block;
    vertical-align: middle;
	
}

a.botonreservar{font-family:'Inter', Arial; color:#111; font-size:18px; text-decoration:none;}
a.botonreservar span {border-bottom: 1px solid #111;}
a.botonreservar:hover span {border-bottom: 1px solid #b0a388;}
a.botonreservar:hover::before{content: url("https://som2.com/cansampol/wp-content/uploads/2020/05/circulohover.png");
	width: 40px !important;
    height: 40px !important;
    display: inline-block;
    vertical-align: middle;
	
}
a.botonreservar::after{text-decoration:underline;}

/*boton mas info*/

a.botonmasinfo::before{
	content: url("https://som2.com/cansampol/wp-content/uploads/2020/05/circulohover.png");
	/*background:url("https://som2.com/cansampol/wp-content/uploads/2020/05/circulo.png");*/
	width: 40px !important;
    height: 40px !important;
    /*-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #907949;*/
	/*left:-50px;
  	top:10px;*/
	display: inline-block;
    vertical-align: middle;
	
}

a.botonmasinfo{font-family:'Inter', Arial; color:#111; font-size:18px; text-decoration:none;}
a.botonmasinfo span {border-bottom: 1px solid #111;}
a.botonmasinfo:hover span {border-bottom: 1px solid #b0a388;}
a.botonmasinfo:hover::before{content: url("https://som2.com/cansampol/wp-content/uploads/2020/05/circulo.png");
	width: 40px !important;
    height: 40px !important;
    display: inline-block;
    vertical-align: middle;
	
}
a.botonmasinfo::after{text-decoration:underline;}


/*boton mas info blanco*/

a.botonmasinfo-blanco::before{
	content: url("https://som2.com/cansampol/wp-content/uploads/2020/05/circulo-blanco.png");
	/*background:url("https://som2.com/cansampol/wp-content/uploads/2020/05/circulo.png");*/
	width: 40px !important;
    height: 40px !important;
    /*-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #907949;*/
	/*left:-50px;
  	top:10px;*/
	display: inline-block;
    vertical-align: middle;
	
}

a.botonmasinfo-blanco{font-family:'Inter', Arial; color:#fff; font-size:18px; text-decoration:none;}
a.botonmasinfo-blanco:hover{color:#111;}
a.botonmasinfo-blanco span {border-bottom: 1px solid #fff;}
a.botonmasinfo-blanco:hover span {border-bottom: 1px solid #111;}
a.botonmasinfo-blanco:hover::before{content: url("https://som2.com/cansampol/wp-content/uploads/2020/05/circulo-negro.png");
	width: 40px !important;
    height: 40px !important;
    display: inline-block;
    vertical-align: middle;
	
}
a.botonmasinfo-blanco::after{text-decoration:underline;}
	
	
#habitacion	{position:absolute; width:650px; bottom:0px; right:0px;}
#habitacion a.botonmasinfo{ display:inline; float:left; position:relative; }
#habitacion a.botonreservar{display:inline; float:left; position:relative;  margin-left:75px;}	

#habitacion2	{position:absolute; width:650px; bottom:0px; left:75px;}
#habitacion2 a.botonmasinfo{ display:inline; float:left; position:relative; }
#habitacion2 a.botonreservar{display:inline; float:left; position:relative;  margin-left:75px;}	


#entorno {position:absolute; width:650px; top:0px; left:0px;}
#ubicacion a.botonmasinfo{ display:inline; float:left; position:relative; }
#ubicacion a.botonreservar{display:inline; float:left; position:relative;  margin-left:75px;}	
	
	/*header*/
	
.navbar{
  /*position: fixed;
  width: 100%;
  top: 0;
  left :0;
  padding: 2rem;
  text-align: center;
  color: black;
  font-family: sans-serif;
  background-color: transparent;
  transition: 0.3s;
  z-index:99999999999999999999;*/
}

.scrolled{
  background-color: #b0a388 !important;
  transition: 0.3s;
}
/*
.scrolledlogo svg.logocansampol{
	margin-top:-10px;
	width:50% !important;
  
  transition: 0.3s;
}
.scrolledlogo svg{fill:#000;stroke: #000; }
.scrolledlogo path{fill:#000;stroke: none;}
.scrolledlogo line{fill:#000;stroke: #000;}
*/

/*links footer*/


#footer a{font-family:'Inter', Arial; color:#111; font-size:14px; text-decoration:none;}
#footer a {border-bottom: 0px solid #111;}
#footer a:hover {border-bottom: 1px solid #111;}
#footer a::after{text-decoration:underline;}

#footer a.mail{font-family:'Inter', Arial; color:#111; font-size:18px; text-decoration:none;}
#footer a.mail {border-bottom: 1px solid #111;}
#footer a.mail:hover {border-bottom: 1px solid #b0a388; color:#b0a388;}
#footer a.mail::after{text-decoration:underline;}

.fotolink a{text-decoration:none;}
.fotolink a:hover{text-decoration:none !important; border-bottom:0px !important;}



a.caldera-forms-consent-field-linked_text{font-family:'Inter', Arial; color:#111; font-size:18px; text-decoration:none;}
a.caldera-forms-consent-field-linked_text {border-bottom: 1px solid #111;}
a.caldera-forms-consent-field-linked_text:hover {border-bottom: 1px solid #655433; color:#655433 !important;text-decoration:none !important;}
a.caldera-forms-consent-field-linked_text::after{text-decoration:underline;}


/*links propios*/
a.links {color: #111111;color:#111; font-size:18px; text-decoration:none;border-bottom: 1px solid #111;}
a.links:visited {color: #000000;}
a.links:hover, a.links:focus, a.links:active {color: #655433;border-bottom: 1px solid #655433;}
a.links:focus {outline: thin dotted;}
a.links:hover, a.links:active {outline: 0;}
a.links::after{text-decoration:underline;}

/*boton-reservar-header*/
#boton-reservar-header{position: fixed;right: 150px;top: 35px;z-index: 9999999999999;}

/*boton reservar*/

a.botonreservar-header::before{
	content: url("https://som2.com/cansampol/wp-content/uploads/2020/05/circulo.png");
	/*background:url("https://som2.com/cansampol/wp-content/uploads/2020/05/circulo.png");*/
	width: 40px !important;
    height: 40px !important;
    /*-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #907949;*/
	/*left:-50px;
  	top:10px;*/
	display: inline-block;
    vertical-align: middle;
	
}

a.botonreservar-header{font-family:'Inter', Arial; color:#fff; font-size:18px; text-decoration:none;}
a.botonreservar-header span {border-bottom: 1px solid #fff;}
a.botonreservar-header:hover span {border-bottom: 1px solid #b0a388;}
a.botonreservar-header:hover::before{content: url("https://som2.com/cansampol/wp-content/uploads/2020/05/circulohover.png");
	width: 40px !important;
    height: 40px !important;
    display: inline-block;
    vertical-align: middle;
	
}
a.botonreservar-header::after{text-decoration:underline;}

.pp_hoverContainer a{text-decoration:none !important;}

.caldera-grid .form-control, .caldera-grid output {
    font-family:Inter, Arial !important;
	font-size: 18px;
    line-height: 1.42857143;
    color: #555;
    display: block;
}



@media screen and (max-width: 960px) {
	#telefono{display:none;}
	#telefono-movil{display:inline;}
	#logo {top:30px !important;}
  	#logo svg{width:200px !important;}
	#boton-reservar-header{display:none;}
	#idiomas {display:none;}
	#hamburguer{  right:20px; top:20px;}
	#menu .main-nav a {font-size: 35px;padding: 0px 10px;}
	
	#habitacion	{position:relative !important; width:100% !important;left:0px;}
	#habitacion a.botonmasinfo{ display:inline; float:left; position:relative; }
	#habitacion a.botonreservar{display:inline; float:left; position:relative;  margin-left:15px;}	

	#habitacion2 {position:relative !important; width:100% !important;left:0px !important;}
	#habitacion2 a.botonmasinfo{ display:inline; float:left; position:relative; }
	#habitacion2 a.botonreservar{display:inline; float:left; position:relative;  margin-left:15px;}	


	#entorno {position:relative !important; width:100%; top:0px; left:0px;}
	#ubicacion {width: 100% !important;}
	#ubicacion a.botonmasinfo{ display:inline; float:left; position:relative; }
	#ubicacion a.botonreservar{display:inline; float:left; position:relative;  margin-left:15px;}
	
	a.botonreservar {font-size: 16px;}
	a.botonmasinfo {font-size: 16px;}	
	
	.habitacionmovil{display:none !important;}
	.habitacionmovil img{width:100%; padding:0px !important;}
	
	.fotohabitacion img{width:100%; padding:0px !important;}
	#footer .kc_title{text-align:center !important;}
	#footer p{text-align:center !important;}
	
	#header-fixed{height:90px;}
	
}


@media screen and (max-width: 600px) {
  
	#telefono{display:none;}
	#telefono-movil{display:inline;}
	#logo {top:30px !important;}
  	#logo svg{width:200px !important;}
	#boton-reservar-header{display:none;}
	#idiomas {display:none;}
	#hamburguer{  right:20px; top:20px;}
	#menu .main-nav a {font-size: 35px;padding: 0px 10px;}
	
	#habitacion	{position:relative !important; width:100% !important;left:0px;}
	#habitacion a.botonmasinfo{ display:inline; float:left; position:relative; }
	#habitacion a.botonreservar{display:inline; float:left; position:relative;  margin-left:15px;}	

	#habitacion2 {position:relative !important; width:100% !important;left:0px !important;}
	#habitacion2 a.botonmasinfo{ display:inline; float:left; position:relative; }
	#habitacion2 a.botonreservar{display:inline; float:left; position:relative;  margin-left:15px;}	


	#entorno {position:relative !important; width:100%; top:0px; left:0px;}
	#ubicacion {width: 100% !important;}
	#ubicacion a.botonmasinfo{ display:inline; float:left; position:relative; }
	#ubicacion a.botonreservar{display:inline; float:left; position:relative;  margin-left:15px;}	
	
	a.botonreservar {font-size: 16px;}
	a.botonmasinfo {font-size: 16px;}
	
	.habitacionmovil{display:none !important;}
	.habitacionmovil img{width:100%; padding:0px !important;}
	
	.fotohabitacion img{width:100%; padding:0px !important;}
	#footer .kc_title{text-align:center !important;}
	#footer p{text-align:center !important;}
	
	#header-fixed{height:90px;}
	
	
}

/*Calendario*/

.wpia-container * {
    font-family: Inter, "Helvetica Neue", Helvetica, sans-serif !important; 
    font-weight: normal;
    color: #000000;
    text-indent: 0 !important;
	
	
}

.wpia-container {
    
	width:100%;
	margin:0px auto;
}

.wpia-calendars {
    width:100%;
	margin:0px auto;
}


/*precio reserva*/
.preciossampol p{ 
    font-family: Inter, "Helvetica Neue", Helvetica, sans-serif !important; 
    font-weight: normal;
    color: #000000;
    text-indent: 0 !important;
    font-size: 16px;
    line-height: 24px;    
    margin-bottom: 0px;
    margin-top:5px;
}
.preciossampol .filaprecios{border-bottom:1px solid #b0a388; height:35px;}

.preciossampol .fechas{float:left; width:33%;height:32px; }
.preciossampol .estancia{float:left; width:33%;height:32px;}
.preciossampol .precio{float:left; width:33%;height:32px;}

@media screen and (max-width: 600px) {
    .preciossampol p{ font-size: 14px;letter-spacing: -0.8px;}  
    .preciossampol .fechas{float:left; width:50%;height:32px; }
        .preciossampol .fechas p{ letter-spacing: -0.8px;}
    .preciossampol .estancia{float:left; width:35%;height:32px;}
        .preciossampol .estancia p{ letter-spacing: -0.8px;}
    .preciossampol .precio{float:left; width:15%;height:32px;}
        .preciossampol .precio p{ text-align: right;}
}