/*
Theme Name: Latin Trails
Theme URI: /
Author: Latin Trails Team
Author URI: https://latintrails.com/
Description:South America Tours.
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: latintrails

Latin Trails WordPress Theme, (C) 2020 WordPress.org
Latin Trails is distributed under the terms of the GNU GPL.
*/

:root {
  --main-color: #173039;
  --blue-color: #afcfd7;
  --gray1-color: #9fb7bd;
  --gray2-color: #a5a6a1;
  --yellow-color: #fcb63f;
  --green-color: #32a378;
  --background-color: #e7e7e7;
}

* {
  font-family: 'Open Sans', sans-serif;
}
/*
* Oculta el menu en modo edicion
*/
body.elementor-editor-active header {
  display: none;
}

* {
  scrollbar-color: initial !important; /* Reemplaza lo que Tailwind genera */
}

body::-webkit-scrollbar,
.modal-box::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
body::-webkit-scrollbar-thumb,
.modal-box::-webkit-scrollbar-thumb {
  background: var(--blue-color);
  border-radius: 4px;
}
body::-webkit-scrollbar-thumb:hover,
.modal-box::-webkit-scrollbar-thumb:hover {
  background: var(--main-color);
}
header {
  z-index: 9999 !important;
}
.body-overflow {
  overflow: hidden;
}
h1,
h2 {
  font-size: 24px;
  padding: 15px 0;
  font-family: 'Noto Serif', serif;
}
h3,
h4,
h5,
h6 {
  padding: 15px 0;
  font-size: 22px;
  font-family: 'Noto Serif', serif;
}
div,
p {
  font-size: inherit;
  font-weight: 400;
}

.custom-logo-link img {
  height: 80px;
  width: 100%;
  object-fit: contain;
  padding: 10px;
}
a,
button {
  -webkit-tap-highlight-color: transparent !important;
}

footer ul li {
  padding-bottom: 5px;
}
.show-menu {
  height: 100vh !important;
}

footer .awards img {
  height: 75px;
  width: 75px;
  object-fit: contain;
  filter: grayscale(1);
}
.navigator ul li {
  width: fit-content;
  border-bottom-width: 0;
  background-image: linear-gradient(transparent, transparent),
    linear-gradient(#afcfd7, #afcfd7);
  background-size: 0 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.5s ease-in-out;
  -o-transition: background-size 0.5s ease-in-out;
  -webkit-transition: background-size 0.5s ease-in-out;
  -moz-transition: background-size 0.5s ease-in-out;
}

.navigator ul li:hover {
  background-size: 100% 1px;
  background-position: 0 100%;
  z-index: 3;
}

nav .sub-menu {
  visibility: hidden;
  height: 0;
  width: 0;
}
button {
  outline: none !important;
}
.content a {
  color: var(--main-color);
  font-weight: 600 !important;
}
.wp-caption-text {
  text-align: center !important;
  font-size: 14px !important;
}
.wp-caption {
  width: 100% !important;
}
.content .wp-caption {
  width: 100% !important;
}
.content,
.content p,
.content div,
.content span,
.content strong,
.content a {
  text-align: justify;
  font-size: 16px !important;
}
.content p {
  margin: 16px 0 !important;
}
.content img {
  width: 100%;
  height: auto;
  margin: 10px 0;
  border-radius: 6px;
}
.additional-info h2 {
  font-size: 1.25rem;
  line-height: 2rem;
}
.additional-info h3 {
  font-size: 1.25rem;
  line-height: 2rem;
}
.list-items ul {
  padding-left: 15px !important;
  list-style: inherit !important;
}
.list-items ol {
  padding-left: 15px !important;
  list-style: auto !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* PAGINACION */
.pagination .page-numbers {
  padding: 5px 12px;
  background: var(--main-color);
  border-radius: 4px;
  margin: 4px;
  color: white;
}

.pagination .current {
  background-color: var(--blue-color);
  color: var(--main-color);
}

/* FORMS */
#commentform textarea {
  padding: 15px;
}

/* MODAL */
#enquire {
  margin: 0 !important;
}

/* CAROUSEL */
.owl-item button {
  background-color: transparent !important;
  color: var(--main-color) !important;
}
.owl-item-active,
.owl-item {
  display: flex;
  justify-content: center;
}

.blog h1,
.blog h2,
.blog h3,
.blog h4,
.blog h5,
.blog h6 {
  font-size: 24px !important;
}