/*
Theme Name: Nazca Lines Flights Child
Description: Theme para el proyecto NazcaLines
Author: Andina Digital
Template: nazcalinesflights-theme
Version: 1.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
}

/*************** ADD CUSTOM CSS HERE.   ***************/


/*************** ADD TABLET ONLY CSS HERE  ***************/
@media only screen and (min-width: 1300px)  {
	.header-full-width .container {
		max-width: 1400px !important;
	}
}

/* Estilos generales para el contenedor del logo */
.header-logo-container {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

/* Estilos específicos para el logo principal cuando es una página hija de un CPT "tour" */
.tour-child-page .header-logo {
	display: none;
}

/* Estilos específicos para el logo oscuro cuando es una página hija de un CPT "tour" */
.tour-child-page .header-logo-dark {
	display: block !important;
}

.button {
	/* 	border-radius: 10px !important; */
}

.stuck .header_logo.header-logo {
	display: none;
}

.stuck .header-logo-dark {
	display: block !important;
}

.transparent .header-main .nav > li > a {
	color: #fff !important;
}

.msty-fade-in-x {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.5s, transform 0.5s;
}

.wc_payment_method.payment_method_moneygram label img {
	width: 24px !important;
	margin-left: 5px m !important;
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
	/* border-radius: 7px !important; */
}

/* Media query para pantallas de escritorio (ancho mayor o igual a 1024px) */
@media screen and (min-width: 1024px) {
	.side-widget-book .col-inner {
		position: sticky;
		top: 110px;
		/* Otros estilos específicos para escritorio aquí */
	}
}

@media only screen and (min-width: 768px) {
	.lightbox-content {
		height: 540px !important;
	}
}

@media only screen and (max-width: 767px) {
	.lightbox-content {
		height: auto !important;
	}

	.slider-style-focus {
		padding: 0 !important;
	}
}

.btn-gallery-tour {
	position: absolute;
	right: 1%;
	margin-top: -7%;
}

.grid-col .box:not(.box-shade):not(.box-overlay):not(.box-badge) .box-text {
	display: none;
}

/* .lightbox-by-id.lightbox-content.lightbox-white {
    max-width: 1200px;
}

.flickity-slider {
    width: 70% !important;
} */

/*MAP*/

.code-modal {
	padding: 0 !important;
	height: 0 !important;
}

.section-map-tour {
	/* display: none; */
	width: 100%;
	height: 0; /* Inicialmente la altura es cero */
	padding: 0 !important;
	overflow: hidden; /* Para ocultar cualquier contenido que pueda salir del contenedor */
	background-color: #f0f0f0; /* Puedes ajustar el color de fondo según tus preferencias */
	transition: 0.2s ease-in-out;
}

.btn-view-map {
	cursor: pointer;
	color: #fff;
	border: none;
}

.map-visible {
	display: block;
	height: 450px !important; /* Cuando es visible, la altura es el 100% del contenedor */
	transition: 0.2s ease-in !important;
}

button.wc-bookings-booking-form-button.single_add_to_cart_button.button.alt.disabled,
button.wc-bookings-booking-form-button.single_add_to_cart_button.button.alt {
	width: 100%;
}

/* Estilo para dos columnas en escritorio */
.cf7-two-columns {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.cf7-column {
	width: 48%; /* Ajusta el ancho según sea necesario */
	margin-bottom: 20px;
}

.cf7-column label {
	color: #fff;
}

/* Estilo para el ancho completo en dispositivos móviles */
.cf7-full-width {
	width: 100%;
	padding: 0 10px;
}

.cf7-form-container .cf7-row {
	width: 100%;
	padding: 0 10px;
}

.cf7-form-container label {
	color: #fff;
}

@media (min-width: 768px) {
	/* Adjust this value based on your design's breakpoint */
	.cf7-form-container {
		display: flex;
		flex-wrap: wrap;
	}
	.cf7-form-container .cf7-row {
		width: 50%; /* Each row takes up half the container's width on larger screens */
	}
}

.wpcf7-form.sent .cf7-two-columns,
.wpcf7-form.sent .cf7-full-width {
	display: none;
}

.wpcf7-response-output {
	text-align: center;
	border-color: #fff !important;
	padding: 25px !important;
}

/* Media query para dispositivos móviles */
@media screen and (max-width: 767px) {
	.cf7-two-columns {
		flex-direction: column;
	}

	.cf7-column {
		width: 100%;
	}
}

/* Ocultar el enlace "Shopping Cart" solo en la página de checkout de WooCommerce */
body.woocommerce-checkout .checkout-breadcrumbs a[href="https://mystery.andina.cloud/cart/"]
{
	display: none;
}

/* Estilizar el primer separador solo en la página de checkout de WooCommerce */
body.woocommerce-checkout .checkout-breadcrumbs .divider:first-of-type {
	/* Personaliza aquí el estilo del primer separador */
	display: none;
}

.icon-lock.op-5 {
	margin-right: 15px;
}

/* .why-travel-img {
    border: solid #9aacbf 1px;
    border-radius: 50%;
    position: absolute;
    top: -10%;
    left: 35%;
    background: #9aacbf;
    padding: 9px;
    filter: invert(1);
    width: 30% !important;
} */

.box-why-travel {
	height: 400px;
	max-height: 400px;
}

/* TABLE */

/* Estilos para la tabla */
.table-responsive {
	overflow-x: auto;
}

.table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.table th,
.table td {
	padding: 8px;
	border-bottom: 1px solid #eaeaea;
}

/* Estilos para la botonera de selección de meses (ajusta según necesites) */
.date-button-select__months {
	display: flex;
	gap: 8px;
}

/* Otros estilos según tu diseño */

div#availabilityTable table tr td {
	padding: 20px 0 !important;
}

/* Estilo para ocultar por defecto el contenido de los tabs */
[data-demo-month] {
	display: none;
}

/* Estilo para mostrar el contenido de los tabs activos */
[data-demo-month].active {
	display: table-row; /* O el estilo que prefieras */
}

.tile.tile--horizontal.tile--text-left.tile--small.u-background-color--sand.tile--unboxed {
	display: flex;
	padding: 10px;
	align-items: center;
	background: #ededed;
	max-width: 450px;
	margin: 25px 0;
	justify-content: flex-start;
}

.tile.tile--horizontal.tile--text-left.tile--small.u-background-color--sand.tile--unboxed
	svg {
	margin: 0 15px !important;
}

div#availabilityTable table thead tr th {
	text-align: center !important;
}

div#availabilityTable tr {
	text-align: center !important;
}

span.chip.chip--small.chip--on-sale {
	border: var(--fs-color-primary);
	padding: 5px 10px;
	border-radius: 15px;
	background: var(--fs-color-primary);
	color: #fff;
	font-weight: bold;
}

div#availabilityTable {
	margin-top: 50px;
}

.chip_currency {
	font-weight: bold;
}

div#availabilityTable table tr td {
	padding: 20px 0 !important;
	text-align: center;
}

div#availabilityTable table tbody tr:hover {
	background: #f1f1f1;
}

.chip_date {
	font-weight: bold;
}

@media only screen and (max-width: 767px) {
	.date-button-select__months {
		display: flex;
		gap: 8px;
		flex-wrap: wrap;
		/* border: solid red; */
		align-items: center;
		justify-content: space-around;
	}

	.hide_mob {
		display: none !important;
	}
}

@media only screen and (min-width: 768px) {
	.hide_desktop {
		display: none !important;
	}

	.row-tour-master {
		max-width: 1440px !important;
	}
}

.row-cta-single-tour {
}

div#wc-bookings-booking-form {
	display: flex;
	flex-wrap: wrap;
}

div#wc-bookings-booking-form > p {
	width: 30%;
}

.wc-bookings-booking-form fieldset {
	width: 100%;
}

.row-cta-single-tour {
	/*background: #e1e1e1;*/
	background: #f1f7f9 !important;
	align-items: center;
	display: flex;
	padding: 25px;
	border-radius: 15px;
	margin-bottom: 25px;
}

.row-cta-single-tour > .col {
	padding: 0 25px;
}

.column-card-tour .divider {
	margin: 25px auto !important;
	text-align: center !important;
	width: 100% !important;
}

div#viewGalleryTour {
	height: auto !important;
	width: 950px !important;
	max-width: 1000px !important;
}

.contenedor-tours-similares h4 {
	min-height: 55.78px;
	width: 90%;
	text-align: center;
	margin: 0 auto;
}

.woocommerce-checkout .header_logo.header-logo-dark {
	display: none !important;
}

.woocommerce-checkout .header-logo-dark {
	display: block !important;
}

/* STYLE FOR LINES CHECKOUT INSTRUCCTIONS */

.custom-list {
	list-style-type: none;
	counter-reset: list-counter;
	padding-left: 0;
}

.custom-list > li {
	position: relative;
	counter-increment: list-counter;
	margin-bottom: 20px;
}

.custom-list > li::before {
	content: counter(list-counter);
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 2px solid #981f20;
	border-radius: 50%;
	position: absolute;
	left: -40px;
	top: 0;
	transform: translateY(0);
	background-color: #981f20;
	color: #fff;
	z-index: 1;
}

.custom-list > li::after {
	content: "";
	position: absolute;
	width: 2px;
	height: calc(100% + 10px);
	background-color: #cbcbcb;
	left: -26px;
	top: 0;
	transform: translateY(0);
	z-index: 0;
}

.custom-list > li:nth-last-child(-n + 2)::after {
	height: calc(100% + 50px) !important;
}

.custom-list > li:last-of-type::after {
	display: none !important;
}

/* MONTSH */

.best__months {
	display: flex;
}

.best__months span {
	padding: 0 15px;
	width: auto;
	min-width: 74px;
	max-width: 140px !important;
	height: 47px;
	background: #016858;
	/* display: flex; */
	color: #fff;
	text-align: center;
	line-height: 3.5;
	margin: 0 4.5px 4.5px 4.5px;
	font-family: "SangBleu Sans";
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.best__months span.brown {
	background-color: #9a6615;
}

.best__months span.red {
	background: #de2027;
}

.best__months span.white {
	background: #fff;
	color: #9e9e9e;
}

.best__months span.white {
	background: #fff;
	color: #1b1b1b;
}

.best__months span.gray {
	background: #dae0e4;
	color: #1b1b1b;
}

.months-available .nav-line .tab {
	background: #dae0e4;
	padding: 0 15px;
	border-radius: 5px;
}

.months-available .nav-line .tab.active {
	background: #fff;
}

.months-available .nav-line .tab a:before {
	content: none !important;
}

.accordion-title.plain.active span {
	color: #38200c !important;
}

.accordion-title.active button i::before {
	color: #38200c !important;
}

@media only screen and (max-width: 768px) {
	.btn-gallery-tour {
		margin-top: -25% !important;
	}
}

.single-tour p.form-field.form-field-wide.wc_bookings_field_persons {
	margin: 0 0 1em !important;
	position: relative;
	padding: 1.03552em;
	padding-top: 0.61em;
	width: 100%;
}

.single-tour .wc-bookings-booking-form .form-field input[type="number"] {
	width: 25%;
	min-width: 80px;
	border-radius: 15px;
	text-align: center;
}

.single-tour .wc-bookings-booking-form .form-field input[type="number"] {
	width: 25% !important;
	min-width: 80px !important;
	border-radius: 15px !important;
	text-align: center !important;
}

.subtitle-booking {
	text-align: center;
	width: 100% !important;
	padding: 0 1.2em !important;
}

ul.product_list_widget li {
	padding: 10px 0 5px 10px !important;
}

.wc-bookings-booking-form-button.single_add_to_cart_button.button.alt {
	background-color: #e74c3c !important;
}