/*
*Theme Name:     CozyStay Child Theme
*Theme URI: 	 https://cozystay.loftocean.com/
*Description:    CozyStay child theme for user customization
*Author:         Loft.Ocean
*Author URI:     http://www.loftocean.com
*License: 		 GNU General Public License v2 or later
*License URI: 	 http://www.gnu.org/licenses/gpl-2.0.html
*Tags: 			 full-width-template, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, threaded-comments, translation-ready
*Template:       cozystay
*Text Domain: 	 cozystay-child
*Version:        1.0
*/

 /** Add your styles below **/
header nav.cs-menu ul{
	gap:12px
}
#controler-bookiing .elementor-widget-container{
	position:relative;
}

.button.cs-btn-underline:before{
	background-color:#026EB6;
}

.custom-instalaciones .cs-info-box .cs-info-box-content{
	margin-top:20px;
	height:100%;
	display:flex;
	flex-direction:column;
}
.custom-instalaciones .cs-info-box-btn{
	padding-top:20px;
	margin-top:auto;
	margin-bottom:0;
}
#custom-form-bara textarea,
#custom-form-bara select,
#custom-form-bara input{
	font-weight:600;
}
.button,
#custom-form-bara input[type="submit"]{
	background-color:#A19021;
}

#custom-form-bara input[type="submit"]:hover{
		background-color:#A19021!important;
margin-bottom:0!important;
}

.custom-carrusel .swiper .elementor-swiper-button-prev,
.custom-carrusel .swiper .elementor-swiper-button-next{
	background-color:#ffffff;
	border-radius:500px;
	padding:16px;
	box-shadow: rgba(0, 0, 0, 0.075) 0px 5px 15px;
}

.custom-carrusel .swiper .elementor-swiper-button-prev svg,
.custom-carrusel .swiper .elementor-swiper-button-next svg{
		fill:#000;
	height:0.75rem;
	width:0.75rem;
}
.custom-tabs-menu ul{
		border-bottom:1px solid #AFAFAF;
	justify-content:center;
	align-items:center;
	display:flex;
	flex-direction:row;
	gap:80px;
		position:relative;
	z-index:1;
	
}
.custom-tabs-menu ul li{
	padding:0;
		position:relative;
	z-index:1;
	
}
.custom-tabs-menu ul li a{
		padding:0;
	position:relative;
	z-index:1;
	
}

.custom-tabs-menu  .primary-menu > li > a:before{
	background-color:#026EB6;
	height:3px;
		bottom:-2px;
	z-index:20;
}
@media(max-width:992px){
	.custom-tabs-menu ul{
		gap:32px;
	}
}

@media(max-width:992px){
	.button, #custom-form-bara input[type="submit"]{
		width:100%;
		margin-bottom:0px;
	}
	
	.custom-grid .cs-gallery.gallery-grid.grid-col-3 .cs-gallery-item{
		width:50%!important;
	}
}

@media(max-width:992px){

.cs-menu.cs-menu-inline .menu{
	display:flex;
	flex-direction:column;
}
.cs-menu.cs-menu-inline{
	text-align:left;
}
.cs-menu.cs-menu-inline ul.sub-menu{
	opacity:1;
	visibility:visible;
	display:flex;
	flex-direction:column;
		position:relative;
	padding-left:28px
}
.cs-menu.cs-menu-inline ul.sub-menu::before{
	display:none;
}
}
@media(max-width:992px){
footer#colophon .primary-menu {
	display:flex;
	flex-direction:column;
}
	}
footer#colophon .primary-menu > li > a{
	line-height:110%;
}

.custom-job-loop div.v1{
	border:1px solid #AFAFAF;
	padding:32px;
	
}

.elementor-widget-wrap.elementor-element-populated{
	height:fit-content;
	margin:auto;
	
}

.right-menu ul li:nth-last-child(2) a span{
  border:1px solid #fff;
	padding:12px;
	text-transform:capitalize;
		font-family:"Marcellus";
	font-size:16px;
}


.custom-header-post{
	margin-bottom:24px;
	gap:16px;
	display:flex;
	flex-direction:column;
}
.custom-header-post h2{
		font-size:48px;
	margin:0;
	font-family:"Marcellus",serif;
}
.custom-header-post span{
	font-family:"Jost", sans-serif;
	font-size:16px;
	text-transform:uppercase
}

ul.habitabilidad-list{
	padding:0;
	margin:0;
	list-style:none;
	display:flex;
	flex-direction:row;
	gap:32px;
	color:#666666;
	font-family:"Jost",sans-serif;
	font-size:20px;
}
ul.habitabilidad-list img{
	margin-right:8px;
	max-height:100%;
}
@media(max-width:992px){
ul.habitabilidad-list{
		display:flex;
		flex-direction:column;
		gap:10px
	}
}
ul.habitabilidad-list.center{
	justify-content:center
}

ul.habitabilidad-list.center li {
	display:flex;
	flex-direction:row;
	font-size:14px
}
ul.habitabilidad-list.center li img{
	display:block;
	height:20px;
}

.extra-info{
	display:flex;
	flex-direction:column;
	margin:40px 0;
}
.extra-info .control-link{
	display:flex;
	flex-direction:row;
	gap:40px;
	width:100%;
}
.extra-info .control-link a{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	padding:24px;
	background-color:#F4F2E4;
	font-size:20px;
	gap:30px;
	font-family:"Marcellus", serif;
}
.extra-info .control-link a img{
	height:40px;
	display:flex;
	margin:auto;
}

.extra-info .service-list{
		margin:40px 0;

}
.extra-info .service-list h3{
	font-family:"Marcellus", sans-serif;
	font-size:32px;
	margin-bottom:8px;
}
.extra-info .service-list ul{
	margin:12px 0 0 0;
	padding:0;
	list-style:none;
	column-count:2;
}
@media(max-width:768px){
	.extra-info .control-link{
		flex-direction:column;
	}
	.extra-info .service-list ul{
		column-count:1;
	}
}
.extra-info .service-list li{
		padding:6px 0;
		display:block;
		display:flex;
	flex-direction:row;
	gap:16px;
}
.extra-info .service-list li img{
	height:20px;
	width:auto;
	display:block;
}

.control-custom-slider{
	margin-top:64px;
}
.control-custom-slider .master-slider-parent{
	margin:0;
}

.habitaciones-reserva{

	display:flex;
	flex-direction:column;
}
.habitaciones-reserva #secondary{
	float:none;
	width:100%;
	padding:0;
	
}
.habitaciones-reserva .title-reserva{
	margin:0;
	padding:32px 32px 0 32px;
	font-size:32px;
	font-family:"Marcellus",serif;
}

.end-reserva{
	padding:20px 32px 32px 32px;
	border-top:1px #AFAFAF solid;
}
.end-reserva p{
	margin:0;
	font-size:22px;
	font-family:"Jost",sans-serif;
}
.container-module-reservas-habi{
	margin:0 0 0 32px;
			box-shadow: rgba(100, 100, 111, 0.1) 0px 4px 20px 0px;
}

.container-module-reservas-ofertas{
		margin:32px 0 0 32px;
			box-shadow: rgba(100, 100, 111, 0.1) 0px 4px 20px 0px;
	padding:32px;
}
.container-module-reservas-ofertas p{
		font-family:"Jost", sans-serif;
	font-size:22px;
	margin-bottom:0;
}
.container-module-reservas-ofertas p.title-ofertas{
	font-family:"Marcellus", sans-serif;
	font-size:32px;
	margin-bottom:8px;
}

@media(max-width:992px){
	.primary{
		padding-bottom:20px;
	}
	.container-module-reservas-habi{
		margin:0;
	}
	.container-module-reservas-ofertas{
		margin-left:0;
	}
}

.custom-habitaciones {
	outline:1px solid red;
}
.post-footer{
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	
}
@media(max-width:992px){
	ul.habitabilidad-list{
		display:flex;
		flex-direction:row;
		gap:16px;
		flex-wrap:wrap;
		
	}
	.post-footer{
		flex-direction:column;
		gap:24px;
	}
}
sup{
	top:0;
}
.primary-menu > li > a:before{
	bottom:-1px;
}

.list-data .col-md-1.col-sm-2,
.list-data .col-md-1.col-sm-2.hidden-xs{
	display:none;
}

.job-title{
	font-size:36px;
	font-weight:500;
	color:#000!important;
	font-family:var(--heading-font);
}
.job-description p a.btn{
	background-color:#ffffff!important;
	padding:12px 32px;
	color:#A19021!important;
	border:2px solid #A19021!important;
	font-size:16px;
	transition:0.3s ease-in-out;
}

.job-description p a.btn:hover{
	background-color:#A19021!important;
	color:#fff!important;
}
.job-date i {
		color:#A19021!important;
		margin-right:12px!important;
}
.job-date{
		font-size:16px!important;
	color:#A19021!important;
}

.sjb-container{
	margin-top:20vh!important;
}

.blog-news .post-footer{
	justify-content:left
}
.blog-news a.read-more-btn.button.cs-btn-underline.customize-unpreviewable{
	display:none;
}

.extended{
	width:100%!important;
}


/* Aqui */

#controler-bookiing{
	position:fixed;
	z-index:9999;
	bottom:0vw;
	width:100vw;
}

.widgetBookingContainer{
	background-color:#B6A063;
	margin: auto;
		width:100vw;

}
.widgetBookingContainer label.label{
	display:none!important;
}
.widgetBookingContainer div span.inputBox {
	border:1px solid white;
	background-color:transparent!important;
	border:2px solid #fff!important;
	color:#ffffff!important;
	padding:15px!important;
	
}
.widgetBookingContainer  *:after{
		color:#ffffff!important
}
.widgetBookingContainer .searchButton{
	background-color:#fff;
	color:#026EB6;
	font-size:20px;
}
.widgetBookingContainer .childAgeLabel,
.widgetBookingContainer .stayLen{
	display:none!important;
}

.childAgeGroupContainer{
	width:10.5%;
	background-color:#B6A063!important;
}
@media(max-width:992px){
	.childAgeGroupContainer{
	width:100%;
}
}
.childAgeGroupContainer .childAgeContainer{
	width:100%
}

.habitaciones-reserva  .sidebar-container{
	width:100%!important;
}

.habitaciones-reserva #widgetBookingContainer{
	position:relative;
	bottom:inherit;
	max-width:100%;
	 top:inherit;
	 left:inherit;
	 transform:none;
	background-color:#fff;

}
 .habitaciones-reserva .widgetBookingContainer div span.inputBox{
	background-color:#fff!important;
	border:2px solid #026EB6!important;
	color:#026EB6!important;
	
}

.habitaciones-reserva #secondary div.categorySelector,
.habitaciones-reserva #secondary div.checkinCheckoutContainer,
.habitaciones-reserva #secondary div.checkinCheckoutContainer>div,
.habitaciones-reserva #secondary .peopleContainer,
.habitaciones-reserva #secondary  .adultsContainer,
.habitaciones-reserva #secondary  .childsGroupContainer,
.habitaciones-reserva #secondary .childsContainer{
	width:100%!important;
	border-right:0px!important;
}

.habitaciones-reserva #widgetBookingContainer  *:after{
		color:#026EB6!important
}
 .habitaciones-reserva #widgetBookingContainer .searchButton{
	background-color:#026EB6;
	color:#fff;
	font-size:20px;
	width:100%!important;
}
.widgetBookingContainer .childAgeLabel,
.widgetBookingContainer .stayLen{
	display:none!important;
}

.childAgeGroupContainer{
	width:10.5%;
	background-color:#B6A063!important;
}
.childAgeGroupContainer .childAgeContainer{
	width:100%
}


#modal-mobile-reserva{
	background-color:#026EB6;
	color:#fff;
	padding:24px 32px;
	border:0px solid transparent;
	width:80vw;
	font-size:18px;
	font-weight:500;
	position:fixed;
	bottom:5vw;
	right:10vw;
	z-index:10000;
	display:none;
	text-align:center;
}
@media(max-width:799px){
	#modal-mobile-reserva{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#controler-bookiing{
		bottom:-100vh;
		transition:0.4s ease-in-out;
		height:100vh;
		width:100vw;
		background-color:#00000090;
		
	}
	#controler-bookiing.booking-active{
		bottom:0;
		display:flex;
		
	}
}
.habitaciones-reserva.d-none{
	display:none;
}

.to-top{
	display:none!important;
}
.cs-menu.text-right-mobile .menu{
	width:fit-content;
	margin-left:auto;
	margin-right:0;
}
.identador{
	margin-left:20px;
	
}
.identador a{
	font-size:18px!important;
}

.no-touch .primary-menu li:hover > .sub-menu {
	padding:32px;
}
.no-touch .primary-menu li > .sub-menu *{
	border:0px solid transparent;
	padding:0;

}
#news-letter-form .elementor-widget-shortcode,
#news-letter-form .elementor-widget-container,
#news-letter-form form,
#news-letter-form label {
	width:100%;
}
#news-letter-form{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:100%;
}

.controler-news p{
	display:flex;
	flex-direction:row;
	border-bottom:2px solid #fff
}
.controler-news input[type="submit"]{
	background-color:transparent!important;
	position:relative;
		background-image:url(https://www.barapark.es/wp-content/uploads/2024/05/test-arrow.png)!important;
	background-size:content!important;
	background-repeat:no-repeat!important;!important;
	background-position:center right!important;
	padding:0 48px 0 32px;
	width:fit-content;
}
.wpcf7-list-item{
	margin-left:0;
}
/*
.wpcf7 input[type="email"]{
	border:0px solid transparent!important;
	padding:0;
	outline:0px solid transparent
	
}*/
.d-none{display:none;}


#moove_gdpr_cookie_info_bar{
	z-index:100000000000 !important;
}
@media(min-width:800px){
	.childAgeGroupContainer{
		position:absolute;
		bottom:80px;
		padding:8px;
		top:inherit!important;
	}
}
@media(max-width:800px){

.childAgeGroupContainer{
	width:100%
}
}

.jobpost-form .clearfix{
	margin:0;
}



.habitaciones-reserva .widget_columns .peopleContainer .childAgeGroupContainer{
	position:relative!important;
	margin:0;
	background-color:#fff!important;
	padding:0;
	bottom:0!important;
	width:100%;
}
.widgetBookingContainer .searchButton:hover{
	background-color:#026EB6!important;
}