@charset 'utf-8';
/*
  Theme Name: UniTravel Child
  Theme URI: http://unitravel.ancorathemes.com/
  Description: UniTravel - Multipurpose and Multiskin Responsive Wordpress theme
  Author: AncoraThemes
  Author URI: http://ancorathemes.com/
  Template: unitravel
  Version: 1.0
  Tags: light, responsive-layout, flexible-header, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
  Text Domain:  unitravel
*/


/* =Theme customization starts here
-------------------------------------------------------------- */


#modalreserva
{
	color:#fff;display:none;padding-top:20px;background:#74afab;width:100vw;height:60vh;position:fixed; top:100vh;right:0px;z-index:100000000;text-align:center;
}


#pantallatpv
{
	color:#fff;padding-top:20px;background:#74afab;width:100vw;height:10vh;position:fixed; bottom:0px;right:0px;z-index:100000000;text-align:center;
}

#modalcancela
{ 
		
	color:#fff;display:none;padding-top:20px;background:#BA908F;width:100vw;height:60vh;position:fixed; top:100vh;right:0px;z-index:100000000;text-align:center;
}

.top-info
{
	padding:4px;
}

.checkbox_luz
{
	display:inline-block !important;
}

.franja_luz
{
	display:inline-block !important;
}

input[type=reset]
{
	background:#ccc !important;
	margin-left:20px;
}

.formulario-login
{
	text-align:center;
	margin:30px 0px;
}

.formulario-login label
{
	margin-left:10px;
	font-size:16px;
	margin-right:10px;
}

.logueado
{
	text-align:center;
	font-size:22px;
	margin:50px 0px;
}

#pantallatpv{
	min-height: 125px;
}

header a{
    color: #ffffff!important;
}

.scheme_default a:hover, .scheme_default .menu_footer_nav_area ul li a:hover {
    color: #a8e6ff!important;
}

.sc_blogger_item_title a:hover, 
div:not(.footer_widgets_inner) > article .post_title a:hover, 
.navigation.pagination a:hover{
    color: #2886a3 !important;
}

#fila_contacto_2023 input,
#fila_contacto_2023 textarea,
#fila_contacto_responsive_2023 input,
#fila_contacto_responsive_2023 textarea{
	width: 100%;	
}

.franja:not(.franja_ocupada_otro),
.franja_ocupada:not(.franja_ocupada_otro){
	cursor: pointer;
}


h3{
	transition: all .2s ease-out;
}

#reservas > h3{
    border-top: 2px solid #4b5664;
}

#reservas > h3:hover,
h3.distribucion_pistas_h3:hover {
    background: #9ba6b4 !important;
    color: white;
}

h3.active_h3{
	background-color: #4b5664!important;
	color: white!important;
}

.toggle-wrapper {
    overflow: hidden;
    max-height: 0;
    transition: all .5s ease-out; /* Adjust the duration and timing function as needed */
}

.toggle-wrapper.active_wrapper {
    max-height: 1000px; /* Adjust to a value greater than the maximum possible height of your content */
}

.franja_clara{
	background:#ffffff40;
	cursor: pointer;
	transition: all .5s ease-out;
	font-weight: bold;
}

.franja_clara:hover{
	background:#ffffff80;
	color: #4b5664;
	
}

.franja_ocupada{
    cursor: pointer;
	transition: all .5s ease-out;
}

.franja_ocupada:hover{
    background: #ff000080!important;
}

.confirmacion_texto_reserva{
    color: #339933;
    font-size: 3rem;
    background-color: #33993320;
    width: fit-content;
    padding: 1rem 2rem;
    margin: 0.5rem auto;
}

.error_texto_reserva{
    color: #FF0000;
    font-size: 3rem;
    background-color: #FF000020;
    width: fit-content;
    padding: 1rem 2rem;
    margin: 0.5rem auto;
}

.select_container:has(select[name=force_parcela]){
	border-radius: unset!important;
}

.h3_pista_reserva{
	line-height: 3rem;	
}

.h3_pista_reserva #pista{
	font-size: 24px;
}

.btn_aplicar_reserva, .cierramodalreserva, .cierramodalcancela{
    border-radius: 5px!important;
	transition: all .3s ease-out;
}

.cierramodalreserva:hover,
.cierramodalcancela:hover{
    background-color: #4b5664!important;
}
#pantallatpv a{
	transition: all .3s ease-out;
}

#pantallatpv a:hover{
    color: #4b5664 !important;
}


#buscador-header{
	padding: 2.1rem 3rem 1.9rem;
}

#buscador-header .search_field{
	height: unset!important;
}

#buscador-header button[type=submit]:hover,
#buscador-header button[type=submit]:focus{
	background-color: unset!important;
	color: #4b5664;
}

#buscador-header .search_close.trx_addons_icon-delete{
	color: #4b5664!important;
}
#buscador-header .search_close.trx_addons_icon-delete:hover{
	color: #2886a3!important;
}

@media screen and (max-width: 1024px){
	.search_style_fullscreen .search_submit:before{
		font-size: 150%!important;
	}
}

.instagram_social_home a:hover{
	color: #dff6ff !important;
}

.instagram_social_home {
    position: relative; /* Ensure proper stacking context */
    overflow: hidden; /* Hide overflowing content */
}

.instagram_social_home{
	transition: all .5s ease-out!important;
	background: rgb(62,5,101);
	background: -moz-radial-gradient(circle, rgba(62,5,101,1) 0%, rgba(142,85,181,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(62,5,101,1) 0%, rgba(142,85,181,1) 100%);
	background: radial-gradient(circle, rgba(62,5,101,1) 0%, rgba(142,85,181,1) 100%);
}

.instagram_social_home::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1; /* Initial opacity */
	background: rgb(142,85,181);
	background: -moz-radial-gradient(circle, rgba(142,85,181,1) 0%, rgba(62,5,101,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(142,85,181,1) 0%, rgba(62,5,101,1) 100%);
	background: radial-gradient(circle, rgba(142,85,181,1) 0%, rgba(62,5,101,1) 100%);
    transition: opacity .3s ease-out; /* Apply transition to opacity property */
}

.instagram_social_home:has(a:hover)::before {
    opacity: 0; /* Change opacity on hover */
}

.footer_widgets_inner {
    padding: 4rem 0 4rem;
}

.footer_copyright_inner{
	text-align: center;
}