/**
CUSTOM CSS STYLE
 */
/*MENU SUPERIOR*/
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #ff3366 !important;
}
.sp-megamenu-parent > li.active > a {
  font-weight: 600;
}
.sp-megamenu-parent > li:hover > a {
  color: #ff3366 !important;
}
a:hover, a:focus, a:active {
  color: #11274F !important;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  font-size: 16px;
}
.sp-megamenu-parent > li.sp-menu-item a.btn-reserva {
	background-color: #f36 !important;
	color: #fff !important;
	padding: 0px 20px;
	font-weight: bold;
}
a.btn-reserva::before {
	padding: 0px 15px 0 0;
}
a.btn-reserva img {
	display: inline-block;
	padding: 0px 15px 0 0;
}
.offcanvas-menu a.btn-reserva {
	background-color: #ff3366 !important;
	padding: 10px !important;
	margin-top: 20px;
	
}
.offcanvas-menu a.btn-reserva span.menu-image-title {
	display: inline-block !important;
	color: #ffffff !important;
	font-weight: bold;
}
div.reserva-largo  {
	text-align: center;
	display: block !important;
}
div.reserva-largo a {
	font-weight: bold;
	}
/*CALENDARIO RESERVA*/
input.cur-year {
	padding: 10px 15px !important;
}
div.flatpickr-month {
	min-height: 50px;
}
div.flatpickr-current-month {
  height: auto !important;
  display: flex !important;
  justify-content: space-around !important;
}
div.cf-success-hideform {
	margin: 0 auto;
}
button.cf-btn-style-flat {
	background-color: #f36 !important;
}
/*EQUPOAMIENTO LISTA*/
div.sp-module.lista-equipamiento {
	max-width: 90%;
	margin: 0 auto;
}
div.sp-module.lista-equipamiento ul.equipa-tag{
	margin: 0;
	padding: 0;
	text-align: center;
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
}

div.sp-module.lista-equipamiento ul.equipa-tag li{
	list-style: none;
	margin: 10px;
	border: solid 1px #ff3366;
	display: inline-block;
	border-radius: 10px;
	padding: 5px;
	text-align: center;
	font-size: 14px;
	color: #11274F
}
/*TITULOS*/
.article-details .article-header h1, .article-details .article-header h2 {
  font-size: 42px !important;
}
h3 {
	color: #ff3366;
	font-size: 2rem !important;
	/*font-size: 1.75rem !important;*/
}
h3.sp-module-title {
	color: #ff3366 !important;
}

html.coming-soon body, html.offline body {
	background-size: cover;
}
#sp-header.header-sticky {
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
}
#sp-header{
	box-shadow: -10px 10px 10px 0px rgba(0, 0, 0, 0.25);
}
#sp-header.header-sticky {
  box-shadow: 0 0 5px 2px rgba(0,0,0,0.2) !important;
}
.view-article #sp-header {
	margin-bottom: 0px !important;
}
.view-article #sp-title {
	display: block !important;
}

.sp-page-title {
	min-height: 400px;
	position: relative;
}

.sp-page-title::after {
	content: "";
  	position: absolute;
  	left: 0;
  	right: 0;
  	height: 90px;
  	background-image: url(../images/pattran.png);
  	background-size: cover;
	bottom: 0px;
}
#sp-section-3::after {
	content: "";
  	height: 90px;
  	background-image: url(../images/pattran.png);
  	background-size: cover;
	display: block;
}


h1.sp-page-title-heading {
	color: #fff !important;
font-size: 50px !important;
line-height: 120px !important;
letter-spacing: -1px !important;
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.25) !important;
margin: 0px 0px 0px 0px !important;
  margin-right: 0px !important;
font-weight: 800 !important;
	opacity: inherit !important;
}
h2.sp-page-title-sub-heading {
	color: #fff !important;
	font-size: 90px !important;
	line-height: 110px !important;
	margin: 0px 0px 30px 0px !important;
  	margin-right: 0px !important;
	font-weight: 800 !important;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.25) !important;
	opacity: inherit !important;
}
.sp-page-title .sp-page-title-heading {
  font-size: 90px;
  letter-spacing: 0.89px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.3;
	color: #fff;
	text-shadow: 2px 2px 10px #888;
	font-family: 'Arial', sans-serif;
}
/*PORTADA GALERIA*/
div.sp-module-content-bottom {
	background-color: #000000;
}
div.sp-module.galeria-instalaciones {
	padding: 0px 0px 20px;
	}
div.sp-module.galeria-instalaciones .sp-simpleportfolio-btns i.fa-search, div.sp-module.galeria-dormitorios .sp-simpleportfolio-btns i.fa-search {
	font-size: 20px;
	padding: 10px 5px;
	}
div.sp-module.galeria-instalaciones .sp-simpleportfolio-btns a.btn-view, div.sp-module .galeria-instalaciones .sp-simpleportfolio-tags {
	display: none !important;

	}
div.sp-module.galeria-dormitorios h3.sp-module-title {
	color: #ffffff;
	text-align: center;
	margin: 40px 0px 40px 0px;
}
div.sp-module .galeria-dormitorios {
	max-width: 70%;
	margin: 0 auto;
	text-align: center;
}
div.sp-module .galeria-dormitorios .sp-simpleportfolio-img {
	width: 100%;
}
div.sp-module .galeria-dormitorios .sp-simpleportfolio-item {

}
a.btn-view.reservar {
	font-size: 16px;
	background-color: #f36 !important;
}
div.sp-module.galeria-instalaciones h3.sp-module-title {
	text-align: center;
	margin: 0px 0px 40px 0px;
}
.texto-info-dormitorios {
	color: #ffffff;
	text-align: center;
}
.galeria-dormitorios .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {
	margin: 0 0 20px;
  	padding: 0;
  	font-size: 24px;
  	line-height: 26px;
	min-height: 50px;
}
.galeria-dormitorios .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 a:hover {
	color: #ffffff !important;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover {
	color: #ffffff !important;
}

.galeria-dormitorios .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info li {
  line-height: 24px;
	font-size: 18px;
	list-style: none;
}
.sp-simpleportfolio-view-item  {
	margin-top: 20px;
}
.sp-simpleportfolio-view-item .sp-simpleportfolio-description {
	width: 100%;
}
.sp-simpleportfolio-view-item .sp-simpleportfolio-meta {
	display: none;
}
body.detalle-item-dormitorios h2.sp-page-title-heading {
	display: none;
}
.view-article .container div[itemprop="articleBody"] {
  max-width: 1020px !important;
}

.pagina-contacto-albergue .info-albergue-custom img {
	max-width: 220px;
	text-align: center;
	margin: 0px auto;
	float: right;
}
#sp-bottom-top {
  
}
#sp-footer, #sp-bottom {
  
  color: #eeeeee !important;
}

#sp-footer .container-inner {
  padding: 10px 0 20px !important;
}

div.pagina-contacto-albergue h3.sp-module-title {
	text-align: center;
	margin: 60px 0px 40px 0px;
	color: #252525;
}
.jb-cookie-decline {
	color: #fff;
	background-color: #222;
	text-align: center;
}
#sp-header.header-sticky .logo img {
  height: 60px !important;
}

@media (max-width: 1200px) {

	.sp-page-title h1.sp-page-title-heading {
		font-size: 6vw !important;
		line-height: 2 !important;
	}
	.sp-page-title h2.sp-page-title-sub-heading {
		font-size: 5vw !important;
		line-height: 2 !important;
	}
}

@media (max-width: 992px) {
	header#sp-header .logo img.logo-image-phone {
		max-height: 70px;
	}
	#sp-header.header-sticky .logo img {
  		height: 70px !important;
	}
	.sp-page-title h1.sp-page-title-heading {
		font-size: 6vw !important;
		line-height: 2 !important;
	}
	.sp-page-title h2.sp-page-title-sub-heading {
		font-size: 5vw !important;
		line-height: 2 !important;
	}
}
@media (max-width: 768px) {
	.sp-page-title h1.sp-page-title-heading {
		font-size: 6vw !important;
		line-height: 2 !important;
	}
	.sp-page-title h2.sp-page-title-sub-heading {
		font-size: 5vw !important;
		line-height: 2 !important;
	}
}
@media (max-width: 576px) {
	.container, .container-sm {
  		max-width: 95% !important;
	}
	.sp-page-title {
		min-height: 150px !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	#sp-slider {
  		padding: 20px 0 15px 0px !important;
	}
	div.reserva-largo a {
		display: block !important;
	}
}	
@media (max-width: 480px) {
	header#sp-header .logo img.logo-image-phone {
		max-height: 60px !important;
	}
	
}