/*
Theme Name: Camping Chopera Child
Theme URI: https://www.campingchopera.es
Author: veovirtual.com
Author URI: https://www.veovirtual.com
Template: campingchopera
Version: 260422
*/

/*Reseteos*/
.the_content_wrapper { margin: 0%; width: 100%;}
body:not(.template-slider) #Header {min-height: 0!important;}
.section_wrapper { padding: 0 !important;}
.has_content .the_content_wrapper { margin-bottom: 0;}
#Content li {color:#626262;}
#Header_wrapper, #Intro {  background-color: #fff;}
.wp-block-button__link {text-decoration:none!important;}

/*Header*/
.header-magazine #Top_bar .banner_wrapper {right: 20px; top: 12px; width: 550px; height: 110px;}
.header-magazine #Top_bar .banner_wrapper img {max-height: inherit;}
/*#Top_bar:not(.is-sticky) #menu-menu-principal { text-align: center; margin: 0 auto; display: inline-block;}
#Top_bar:not(.is-sticky) .menu_wrapper { width: 100%; margin: 0 auto; text-align: center;}*/

/*Menu*/
#Top_bar a.responsive-menu-toggle { right: 20px!important;}
.page-id-286 #Top_bar .menu > li.current_page_item > a {color:red!important;}
.page-id-329 #Top_bar .menu > li.current_page_item > a { color: #0693e3!important;}
#Top_bar .menu > li.boton_reservas, #Side_slide #menu ul li.boton_reservas, .boton_reservas{display:none;}

/*Inicio*/
.servicios-inicio .wp-block-image {  margin: 0;}
.servicios-inicio p {line-height: 1.2em; font-size: 12px;color: black;padding-top: 7px;}
.servicios-inicio img {filter: hue-rotate(788deg) brightness(50%);}
.iconos_servicios_home{display: grid; grid-template-columns: repeat(5, 1fr); list-style: none !important;margin:0!important;}
.iconos_servicios_home li{text-align:center;}
.botones-alineados .wp-block-button.aligncenter { margin-left: inherit!important;  margin-right: inherit!important;  width: inherit!important;}
.swipebox-video-container { max-width: 1500px;}

/*Galería*/
#swipebox-overlay {background: rgba(0, 0, 0, 0.6);}
.swipebox-html #Wrapper { filter: blur(35px);transition:0.3s;}

/*Noticias*/
.noticias h2 {font-size: 28px;line-height: 33px;}
.noticias .post-footer .button-love {display:none;}
/*Widget*/
.widget {text-align:center;}
.widget_mfn_menu ul li a {width: 100%;font-size: 14px;}


#Footer .widgets_wrapper {padding: 25px 0;}
 .widget_mfn_menu ul li a {display: inline-block!important;}
span.wpcf7-form-control-wrap .wpcf7-number {width: 90%;}

/*Formulario reserva*/
/*.formulario-reservas .wpcf7-form {color: rgba(255, 255, 255, 0.7);}*/
.formulario-reservas input[type="date"],.formulario-reservas  input[type="email"], .formulario-reservas input[type="number"], .formulario-reservas input[type="password"], .formulario-reservas input[type="search"], .formulario-reservas input[type="tel"], .formulario-reservas input[type="text"], .formulario-reservas input[type="url"], .formulario-reservas select, .formulario-reservas textarea {background-color: rgb(245, 245, 245);border-color: #b0b0b000;border-radius: 11px;text-align: center;margin: 0 auto;box-shadow: inherit !important;}
.formulario-reservas {border-radius:15px;box-shadow: 1px 1px 25px 1px rgba(68, 72, 98, 0.1);text-align:center;}
.formulario-reservas p { margin: 0;}
.formulario-acepto { display: grid;}
.formulario-reservas input[type="submit"] {  background-color: #CF2E2E;}

/* NestFly */
.nest-slide-wrapper{max-width:450px;}

/* Calcule su presupuesto */
#fbuilder h2{font-size: 18px; line-height: 24px; color: #000;}
#fbuilder .dfield{float:left;}
#fbuilder .fields:not(.seleccione_temporada) input{width:100% !important; margin-bottom:5px !important;}
#fbuilder .seleccione_temporada .dfield .one_column:nth-child(1n) span{color: #953535;}
#fbuilder .seleccione_temporada .dfield .one_column:nth-child(2n) span{color: #12917f;}
#fbuilder .leyenda{font-size: 0.8em; line-height: 1.5em;}
#fbuilder span.files-list, #fbuilder span.uh {font-size: 0.7em !important; line-height: 1em;}
#fbuilder legend {border: 0px solid #ccc; padding: 5px 10px; color: #686666; background-color: #d2d2d2; font-size: 0.8em; line-height:1.5em;}
#fbuilder .ocultar{display:none;}
#fbuilder .fields{width:inherit !important;}
#fbuilder .fields label{font-size:0.8em !important; line-height:1.3em !important;}
#fbuilder .fields fieldset > div{display: grid !important; grid-template-columns: repeat(2, 1fr) !important;}
#fbuilder .fields fieldset .total_elementos{grid-column:1 / 3 !important;}
/*#fieldname11_1, #fieldname12_1{display:flex;}*/

/* Float Menú Pro */
.fm-sub span{font-size:11px;}

/* Sliding Panel */
.sliding .sliding-drawer:nth-child(1n) .sliding-knob {top: 280px !important; height:90px !important; background-color: #a24ed0 !important;}
.sliding .sliding-drawer:nth-child(1n) .sliding-knob p{margin-top: 41px !important; margin-bottom: 0; width: 73px !important;}
.sliding .sliding-drawer:nth-child(2n) .sliding-knob {top: 380px !important; height:213px !important; background-color: #c45c87 !important;}
.sliding .sliding-drawer:nth-child(2n) .sliding-knob p{width:208px !important; top:0px !important; margin-top:99px !important;  margin-bottom:0;}
.sliding-knob {right: -26px !important;}
/*.sliding-drawer.drawer-open .sliding-knob::after {font-size: 19px !important; left: 0px !important; border-radius: 0 8px 8px 0; background-color:transparent !important;}*/
.sliding-drawer.drawer-open .sliding-knob::after {font-size: 22px !important; left: 0px !important; border-radius: 0px 8px 8px 0px; background-color: rgba(0, 0, 0, 0.26) !important; top: 0 !important; content: '<' !important; height: 100% !important; width: 100% !important; position: absolute !important; margin-top: 0; padding-top: 0px;}

	/* Tabla tarifa sliding */
	.tarifa_sliding h2{font-size:1em;}
	.tarifa_sliding table td, .tarifa_sliding table th{padding:4px; font-size:0.8em; line-height:1.3em;}
	.tarifa_sliding p{text-align: center; padding: 6px 0; font-size: 0.8em;}

#contactobar {display:none;}
#menu-respnsive-resena {display:none;}


/* CSS CookieYes */
.button-custom button:hover{background-color:transparent;}
.cky-footer-wrapper div[data-cky-tag="detail-powered-by"]{display:none !important; /* Elimina la marca de agua del desarrollador del plugin */}
.cky-show-desc-btn, .cky-accordion-header .cky-always-active {color:#06462C !important; /* usar el color que desees del cliente para los enlaces */}
.cky-banner-element{cursor:pointer;} /* Pone el cursor de mano sobre el enlace al disparador. El enlace no debe llevar href */
.cky-btn-customize, .cky-btn-reject, .cky-btn-preferences {border: 1px solid #06462C!important;}


/*--------Responsive portatil----------*/
@media only screen and (min-width: 1240px) and (max-width: 1333px)  {

	#menu-menu-principal { text-align: center; margin: 0 auto; display: inline-block;}
	#Top_bar .menu_wrapper { width: 100%; margin: 0 auto; text-align: center;}
	
}

/*--------Responsive Tablet horizontal----------*/
@media only screen and (max-width: 1640px) and (min-width: 960px)  {
	
	/*Reserva*/
	
	span.wpcf7-form-control-wrap .wpcf7-number {width: 90%;}
}
/*--------Responsive Tablet horizontal----------*/
@media only screen and (max-width: 1240px) and (min-width: 960px)  {
	
	/*Header*/
	.header-magazine #Top_bar .banner_wrapper img { display: inline-block; max-width: 67%;height: auto; max-height: 85px; margin: 20px 55px 0;}
	#Top_bar .menu_wrapper { float: right;position: absolute; right: 0;  margin: 52px 0px 0 0 !important;width:auto!important;}
	img.logo-main {max-width: 87%;}

	
}

/*--------Responsive Tablet vertical----------*/
@media only screen and (max-width: 960px) and (min-width: 768px)  {
	
	/*Header*/
	.header-magazine #Top_bar .banner_wrapper img {  max-height: 110px;}
	.container { max-width: 940px;}
	#Action_bar {  display: none;}
	.header-magazine #Top_bar .logo { width: 100%; margin: 0 auto; text-align: center;}
	#Top_bar .menu_wrapper { float: right; margin: -110px 0!important;width:auto!important;position: relative;}
	.header-magazine #Top_bar .banner_wrapper {right: 0; top: -20px; height: auto; text-align: center; margin: 0 auto; width: 100% !important; display: inline-block; position: relative;}
	
	/*Reserva*/
 .wpcf7-form input[type="number"] {width: 100%;}
	.texto-reserva h2 {font-size: 18px!important;line-height: 23px;}
}
/*--------Hasta Movil----------*/
@media only screen and (min-width: 766px)  {
		/* Sliding Panel */
	.sliding{width:500px !important;}
	.sliding-close{ left:-500px !important;}
}

/*--------Responsive Movil----------*/
@media only screen and (max-width: 767px)  {
	
	/*Reseteos*/
	.the_content_wrapper ul { margin: 0;}
	
	/*Menú*/
	#Side_slide .close-wrapper {height: 20px;}
	#Top_bar:not(.is-sticky) .menu_wrapper {  width: 100%;  margin: 0 auto;  text-align: center;  display: none;}
	#Side_slide #menu ul li a {padding: 15px;margin-right: 0;text-decoration: none;line-height: 19px; text-align: center; font-size: 15px;}
	#menu-respnsive img {width:80%}
	#menu-respnsive {text-align:center;}
	#menu-respnsive-resena img {width:30%}
	#menu-respnsive-resena {text-align:center;}
	#menu-respnsive-resena {display:inherit;}
	#Top_bar a.responsive-menu-toggle i {display:none;}
	/*Header*/
	.header-stack #Action_bar { display: none;}
	.header-stack #Top_bar a.responsive-menu-toggle { margin-top: 0px !important;}	
	#Top_bar .logo #logo, #Top_bar .logo .custom-logo-link { margin: -7px 43px;}	
	/*#Top_bar #logo img.logo-mobile { margin-left: -52px;}*/
	.header-magazine #Top_bar .banner_wrapper {top: -26px;height: auto !important;display: inline-block;position: relative;margin: 0 !important;  width: 100%;  right: 0; padding:0 10px;}
	.header-magazine #Top_bar .banner_wrapper img { max-width: 100%; height: auto; width: 100%;}
	
	/* Sliding Panel */
	.sliding .sliding-drawer:nth-child(1n) .sliding-knob {top: 185px !important;}
	.sliding .sliding-drawer:nth-child(2n) .sliding-knob {top: 285px !important;}
	
	/*Inicio*/
	.wp-block-cb-carousel .slick-slide {padding: 0!important;}
	.contenido-inicio p, .contenido-inicio h2, .contenido-inicio h3, .contenido-inicio h4, .contenido-inicio h5  {text-align:center!important;}
	.iconos_servicios_home{display: grid; grid-template-columns: repeat(3, 1fr); list-style: none !important;margin:0!important;}
	.plano-inicio .uagb-columns__overlay {opacity: 0.9!important;}
	.secciones-inicio .uagb-columns__inner-wrap {grid-template-columns: repeat(3,1fr);display: grid!important;}
	.secciones-inicio p {display:none;}
	.secciones-inicio h2 { font-size: 20px; line-height: 22px;}
	.secciones-inicio .wp-block-button__link { padding: 6px 10px;border-radius: 31px !important;font-size: 11px;line-height: 14px;}
	.secciones-inicio .uagb-column__inner-wrap {  padding: 27px 4px;}
	
	/*Instalaciones*/
	.texto-instalaciones p {text-align:center}
	.texto-instalaciones h2, h4 {text-align:center}
	
	
	/*Datos técnicos*/
	.texto-datods-tecnicos {text-align:center;}
	/*Reserva*/
	.wpcf7-form .row {display:inherit!important;}
	.wpcf7-form  input[type="number"] {width:100%;}
	.texto-reserva h4 {font-size: 16px!important;text-align: center;line-height:22px;}
	.texto-reserva p, .texto-reserva h2, .texto-reserva h6 {text-align:center;}
	.texto-reserva li { color: #626262; text-align: center; }
	.texto-reserva ul, .texto-reserva ol {margin: 0 !important;}
	
	/*Noticias*/
   .noticias h2 {font-size: 24px;line-height: 33px;text-align:center;}
	
	/*Contacto*/
	.contacto-direccion h4, .contacto-direccion p, .contacto-direccion li {text-align:center;}

	
	/* Barra inferior de botones de contacto */
	#contactobar {width: 100%; position: fixed; left: 0; bottom: 0; z-index: 999; font-size: 30px; background-color: #8a2c2c; color: #ffffff; display: inherit;}
	#contactobar ul{display: flex;}
	#contactobar li{flex:1; padding: 8px 0 0px 0;}
		/* Colores botones. Si no los quieres comenta las 4 líneas */
		#contactobar li:nth-child(1){background-color:#3e819a;}
		#contactobar li:nth-child(2){background-color:#44af6a;}
		#contactobar li:nth-child(3){background-color:#d08221;}
		#contactobar li:nth-child(4){background-color:#82587f;}
	#contactobar a{color:#fff;}
	#contactobar span{font-size:10px; line-height:27px; display:block;}
	#contactobar i{font-size:22px;margin-bottom: -5px;}
	#contactobar a {text-decoration:none;}
	/* ----------- fin contacto bar -----------------*/
	
	.footer_copy #menu-respnsive-resena {display:none;}
}

@media print{
	@page {size: A4 portrait !important; margin:20pt 0pt !important;}
    body *{visibility:hidden;}
	/*.sliding{display: block !important; position: static !important; width: 100% !important; height:auto !important; }*/
	.sliding{overflow: visible !important; float:none !important; position: static; left: 0px; top: 0px; display:block !important; width: 100% !important; height:auto !important;}
	#fbuilder{padding:50pt !important;}
	#fbuilder fieldset {border: 1px solid #ccc !important; padding: 10px; display: block;}
	#fbuilder .fields fieldset > div{display:flex !important;}
	.seleccione_temporada{display:block !important;}
	#fbuilder .dfield{float:inherit !important;}
	#fbuilder label{float:left !important;}
	form.formulario_imprimir *{visibility:visible !important;}
    form.formulario_imprimir .ignore, .ocultar_campo_para_imprimir, #formheader_1{display:none !important;}
}

/*--------- después de PC ----------*/
@media only screen and (max-width: 1239px) {
}

/*-- Tablet Horizontal --*/
@media only screen and (min-width: 960px) and (max-width: 1239px) {
}

/*-- después de Tablet Horizontal --*/
@media only screen and (max-width: 959px){
	
}

/*--- Tablet Vertical ---*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/*--------Movil----------*/
@media only screen and (max-width: 767px) {
}