/*
 Theme Name:   Travel Darwindev
 Theme URI:    https://machupicchuexplorators.com
 Description:  Pagina Web de viajes
 Author:       Darwin Lopez Ll.
 Author URI:   https://www.linkedin.com/darwindev-lopez
*/

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

.hero-video::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .hero-video video {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        height: 100%;
        min-width: 100%;
        transform: translate(-50%, -50%);
        object-fit: cover;
    }

    .hero-video .overlay {
        position: relative;
        z-index: 2;
        color: white;
        text-align: center;
        top: 40%;
    }

    @media(max-width: 500px){
        .hero-video .overlay{
            top:30% !important;
        }
    }



.width-modal-content {
  width: 85px;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
.content-gallery img,
.content-gallery-col img {
  object-position: center;
  width: 100%;
  object-fit: cover;
}



.btn-explorer,
.btn-explorer-reverse {
  padding: 0.5em 1.5em;
  text-align: center;
  border-radius: 7px;
  font-weight: 500;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  text-wrap: nowrap;
}
.btn-explorer,
table tr td {
  text-wrap: nowrap;
}
.content-menu-movile,
.menu li ul,
.section {
  display: none;
}
.step span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu,
.menu li ul li {
  position: relative;
}
.content-redirect-pages a:hover,
.footer a:hover,
.text-underline:hover {
  text-decoration: underline;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Poppins, sans-serif;
}
:root {
  --green: #00662a;
  --yellow: #f4c430;
}
body {
  overflow-x: hidden;
  font-size: 14px;
}
.hover-shadow:hover {
  box-shadow: rgba(0, 0, 0, 0.2) 0 60px 40px -7px;
}
.fs-short {
  font-size: 11px;
}
.content-gallery img {
  height: 150px;
}
.content-gallery-col img {
  height: 100%;
}
.related-img-thumbails img {
  transition: 0.3s ease-in-out;
}
.content-imgs {
  position: relative;
  overflow: hidden;
  animation: 0.3s ease-in-out fade-in;
  border-radius: 0.375rem;
  margin-bottom: 1em;
}
.fade-in {
  animation: 0.5s ease-in-out fade-in;
}
@keyframes fade-in {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.color-root-green,
.green,
.menu a:hover,
.nav-link:focus,
.nav-link:hover {
  color: var(--green);
}
.content-gallery-view {
  height: 624px;
  object-fit: cover;
}

@media (max-width: 767px) {
  /* #content-gallerys {
    flex-direction: column !important;
  } */

  .content-gallery-view {
    height: 65vh;
    object-fit: cover;
  }
  .content-gallery {
    display: none !important;
  }
}
.content-bottom-redirect-brands a,
.content-header-nav ul li a,
.fs-small-14 {
  font-size: 14px;
}
.iti {
  width: 100%;
}
.iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  .iti__selected-country:has(+ .iti__dropdown-content)
  .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}
.form-control.is-valid,
.was-validated .form-control:valid {
  background-image: none !important;
}
.h1-buttom-after-line::after {
  content: "";
  display: block;
  width: 100px;
  height: 4px;
  background-color: var(--green);
  text-align: center;
  margin: auto;
}
.btn-explorer {
  background-color: var(--green);
  color: #fff;
  text-decoration: none;
}
.btn-explorer-reverse,
.content-redirect-pages a,
span {
  color: #000;
  font-size: 14px;
  text-decoration: none;
}
.content-categories {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 1em;
}
.mb-6 {
  margin-bottom: 4.5rem;
}

.btn-explorer-reverse {
  background-color: var(--yellow);
  width: max-content;
}
.bann-category::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.content-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  border-radius: 0.5rem;
}
.btn-explorer-reverse:hover {
  background-color: var(--green);
  color: #fff;
}
.disable-pointer {
  pointer-events: none;
}
.enable-pointer {
  pointer-events: auto;
}
.text-balance {
  text-wrap: balance;
}
.nav-link:focus-visible {
  box-shadow: none;
}
.content-img-submenu-header img {
  width: 400px;
  height: 220px;
  object-fit: cover;
}
@media (max-width: 1400px) {
  .content-img-submenu-header img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 775px) {
  .details-img {
    display: none;
  }
}
.content-body span,
.extracto-parr {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: center !important;
}

.text-clip-parr {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

#grid-columns-search {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.grid-columns-search p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#content-tour-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.width-modal-content {
  display: none;
}

.f-carousel__counter span {
  color: white;
}

.btn-consult-available:focus{
  border: 2px solid var(--yellow) !important;
}

.breadcrumb {
  text-wrap: nowrap;
}

.accordion-button:focus,
.btn-close:focus {
  box-shadow: none;
}
.btn-close:active,
.navbar-toggler:focus {
  box-shadow: none !important;
}
.font-weight-span {
  font-weight: 700;
}
.btn-home,
.content-header-nav a {
  font-weight: 500;
}
.border-style {
  padding: 0 1rem;
  border-left: 5px solid var(--green);
}
.border-style-link {
  border-bottom: 2px solid var(--green);
  padding: 0 0 0.5em;
  text-align: start;
}
.traduction-lenguage {
  border: 1px solid #ddd;
  border-radius: 7px;
  cursor: pointer;
}
.dropdown-item,
.nav-link {
  border-bottom: 2px solid #ddd;
}
.content-header-nav {
  background-color: #f7f7f7;
  border-top: 1px solid #ddd;
}
@media (max-width: 1199px) {
  #content-menu-page {
    flex-direction: column;
  }
  .content-bottom-redirect-brands {
    justify-content: center !important;
  }
}

@media (max-width: 991px) {
  .content-menu-desktop {
    display: none;
  }

  #sidebar-details {
    width: 100% !important;
  }

  #process-card {
    flex-direction: column !important;
  }

  .col-expanded {
    width: 100% !important;
  }
  #book-form-container {
    flex-direction: column;
  }
  #book-form-container .col,
  #book-form-container .col-2 {
    width: 100% !important;
  }
  .content-menu-movile {
    display: block;
  }
  .dropdown-toggle::after {
    float: inline-end;
  }
}
.offcanvas-header {
  box-shadow: rgba(17, 17, 26, 0.1) 0 1px 0;
}
.availability-btn {
  background-color: var(--green) !important;
  color: #fff;
}
.badge,
.btn-explorer:hover,
.contact-us-btn:hover {
  background-color: var(--yellow);
  color: #000;
}
.availability-btn:hover {
  background-color: var(--yellow) !important;
  color: #000;
}
.nav-link {
  padding-left: 1em;
}
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  border-left: 4px solid var(--green);
  margin-bottom: 1em;
  padding: 0 1em;
}
.dropdown-item {
  border-left: 4px solid var(--green);
  margin-bottom: 0.5em;
  text-wrap: pretty;
}
.menu,
.menu li ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.btn-close:active,
.dropdown-menu {
  border: none !important;
}
.btn-close {
  transition: transform 0.5s ease-in-out;
  opacity: 1 !important;
}
.btn-close:hover {
  transform: rotate(180deg);
}
.content-header-nav-movile {
  background-color: #f1f1f2;
}
.menu {
  display: flex;
  justify-content: center;
}
.menu a {
  display: inline-block;
  padding: 1rem;
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
  transition: color 0.3s;
}
.divider {
  width: 1px;
  height: 50px;
  background-color: #ddd;
}
.menu li ul {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  width: 100%;
  z-index: 999;
}
.text-justify {
  text-align: justify;
}
.col-middle {
  border-right: 2px solid #eee;
  border-left: 2px solid #eee;
  padding: 0 1em;
}
.menu li:hover > ul {
  display: block;
  padding: 1em 0;
  width: 100%;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 30%), 0 2px 6px 2px rgb(255 255 255 / 15%),
    inset 0 4px 6px -4px hsl(0deg 0% 100% / 50%);
}
.breadcrumb-link:hover {
  text-decoration: underline !important;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding: 0 0.5rem;
  color: #000;
  content: ">";
}
.flatpickr-day.flatpickr-disabled {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.3) !important;
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
  background: #00662a !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #00662a !important;
}
.content-banner-tour::after,
.img-thumbails::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.vh-100 {
  height: 100vh;
}
.vh-90 {
  height: 90vh;
}
.vh-80 {
  height: 80vh;
}
.vh-85 {
  height: 85vh;
}
.vh-86 {
  height: 86vh;
}
.vh-70 {
  height: 70vh;
}
.vh-60 {
  height: 60vh;
}
.vh-50 {
  height: 50vh;
}
.col-right-side {
  border-right: 2px solid #eee;
  padding: 0 1em 0 0;
}
.object-position-top {
  object-position: top;
}
.menu li ul a {
  padding: 0.75rem 0;
  color: #333;
  font-size: 13px;
  width: 100%;
}
.menu li ul li ul {
  top: 0;
  left: 100%;
  margin-left: 1px;
}
.btn-home {
  transition: 0.5s ease-in-out;
  background-color: rgba(17, 17, 26, 0.5);
  width: 240px;
  border-radius: 7px;
  font-size: 14px;
  padding: 1em;
}
.btn-home:hover {
  background-color: #000;
  color: #fff !important;
}
.line-right-left::after,
.line-right-left::before {
  content: "";
  display: inline-block;
  width: 150px;
  height: 4px;
  background-color: #000;
  margin-left: 1em;
  margin-right: 1em;
  border-radius: 2px;
}
.content-new-slater::after,
.content-top-tours::after,
.recuadro-imagen::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.table-date {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 10px;
}

@media (max-width: 500px) {
  .line-right-left::after,
  .line-right-left::before {
    display: none;
  }

  .breadcrumb-item + .breadcrumb-item::before {
    padding: 0;
  }

  #responsive-col-selects {
    flex-direction: column !important;
  }

  .content-row-responsive {
    flex-direction: column !important;
  }
  .steps-container {
    gap: 1rem;
  }
  .line-right-left {
    text-wrap: wrap !important;
  }
  .content-header > img {
    width: 100% !important;
  }
}
.bg-light-block,
.content-top-tours {
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px 0, rgba(0, 0, 0, 0.1) 0 0 1px 0;
}
.content-top-tours::after {
  height: 100%;
  background-color: rgb(0 0 0 / 20%);
  border-radius: 0.5rem;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  background: #f7f7f7;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0, rgba(27, 31, 35, 0.15) 0 0 0 1px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 22px !important;
}
.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-new-slater::after {
  height: 100%;
  background-color: rgb(0 0 0 / 50%);
}
@media (max-width: 766px) {
  .content-gallery {
    margin-bottom: 20px;
    gap: 0 !important;
  }
}
.recuadro-imagen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.5rem;
  height: 100%;
}
@media (min-width: 768px) {
  .recuadro-grande-izq {
    min-height: 600px;
  }
  .recuadro-ancho-der,
  .recuadro-pequeno-der {
    min-height: 300px;
  }
}

header.entry-header .entry-title{
  font-weight: bold;
}

.content-gallery-col a::after {
  display: none;
}

@media (max-width: 767px) {
  .recuadro-imagen {
    min-height: 200px;
  }
  .content-gallery-col a::after {
    display: block;
  }

  #content-img-details-tours {
    flex-direction: column !important;
    text-align: center;
  }

  #content-gallery-spaces {
    margin: 1em 0;
  }
}

.recuadro-imagen::after {
  height: 100%;
  background-color: rgb(0 0 0 / 30%);
  border-radius: 0.5em;
}
.tab-pane li {
  margin-bottom: 0.5em;
  list-style: square;
}
.tab-pane li::marker {
  color: var(--yellow);
}
.list-green ul li::marker {
  color: var(--green) !important;
}
.text-underline {
  text-decoration: none;
}
.footer a:hover {
  color: #fff !important;
}
@media (max-width: 400px) {
  #footer-content div,
  .row-cols-2 > * {
    width: 100% !important;
  }
  #footer-content {
    flex-direction: column;
  }
  .row-cols-2 > * {
    text-align: center;
  }
}
.form-check-input:focus,
.form-control:focus,
.form-select:focus {
  box-shadow: none !important;
  border-color: #0d6efd;
}
.nav-link {
  color: #2a2a2a;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--green);
  background-color: #f7f7f7;
  color: #fff;
  background-color: var(--green);
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: transparent;
  color: #000 !important;
}
.accordion-button {
  border-bottom: 1px solid #ddd;
  background-color: #f8f8f8;
}
.accordion-item {
  border: none;
}
.accordion-button:not(.collapsed) {
  box-shadow: none;
  background-color: #f8f8f8;
  color: #000;
}
.accordion-button::after {
  width: 10px;
  height: 10px;
  background-position: center;
}
.header-text {
  font-size: 1.1em;
  line-height: 1.6;
}
.step-card {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding-top: 60px;
  position: relative;
}
.step-icon,
.step-number {
  border-radius: 50%;
  display: flex;
}

.danger {
  color: #dc3545 !important;
}

.step-number {
  background-color: var(--green);
  color: #fff;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 1.2em;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.step-title {
  font-size: 1.5em;
  font-weight: 700;
  color: #333;
}
.step-description {
  font-size: 0.95em;
  line-height: 1.6;
  color: #666;
}
.step-icon {
  background-color: var(--yellow);
  color: #000;
  width: 70px;
  height: 70px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.step-icon img {
  width: 40px;
  height: 40px;
  filter: brightness(0) invert(1);
}
.step-icon.paypal img {
  width: 60px;
}
@media (max-width: 768px) {
  .steps-container .col {
    margin-bottom: 30px;
  }
  #row-column {
    flex-direction: column !important;
  }
}
.steps-container p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-align: center;
}
.step-header {
  display: flex;
  justify-content: space-around;
  background: #f5f5f5;
  padding: 15px;
}
.modal-fullscreen .modal-content {
  height: auto;
}
.step-header .step {
  font-weight: 700;
  color: #777;
  cursor: pointer;
}
.step-header .step.active {
  color: #4caf50;
}
.section.active {
  display: block;
}
.highlight {
  background-color: #ff0;
  font-weight: 700;
}
.cost-summary {
  background: #f4f4f4;
  padding: 15px;
  border-top: 2px solid #ccc;
}

.content-menu-desktop,
.content-menu-movile {
  z-index: 99 !important;
}

.content-dates-calendar:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

#sidebar-details {
  width: 375px;
}

.grid-columns-search {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 1em;
}

.list-home li {
  margin-bottom: 0.5em;
  list-style: square;
}

.list-home li::marker {
  color: var(--yellow);
}

.active > .page-link,
.page-link.active {
  background-color: var(--green);
  border-color: var(--green);
  color: #ffffff !important;
}

.page-link {
  color: #000;
}

.page-link:focus {
  box-shadow: none;
}

.page-link:hover {
  color: #000000;
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #185abc !important;
}

#table > :not(caption) > * > * {
  text-align: center;
}

.content-gallery-view a:nth-child(4) {
  position: relative;
}

.content-gallery-view a:nth-child(4)::after {
  content: "View More";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  padding: 6px 20px;
  border-radius: 6px;
  font-size: 14px;
  z-index: 5;
  pointer-events: none;
  text-wrap: nowrap;
}

.content-gallery-col a {
  position: relative;
}

.content-gallery-col a::after {
  content: "View More";
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 6px 20px;
  border-radius: 6px;
  font-size: 14px;
  z-index: 5;
  pointer-events: none;
  text-wrap: nowrap;
  margin: 1em;
}

#content-availablelity-mapi{
  max-width: 750px;
  margin: auto;
}