/*
Theme Name: HCT
Theme URI: https://havanacustomtours.com
Author: Gerbet
Author URI: http://gerbet.net
Description: Moderna y elegante plantilla para Wordpress, compatible con Elementor
Version: 1.0
Tags: cuba, havana custom tours, tours, gerbet
Text Domain: hct
Domain Path: /languages
*/
/* Navigation */
.bg-transparent {
  background: rgba(255, 255, 255, 0.95);
}

header #masthead {
  padding: 1.5rem 0;
}

header #masthead .navbar-brand img {
  height: 60px !important;
}

header #masthead ul {
  display: flex;
}

header #masthead #menu-top {
  align-self: center;
}

header #masthead #menu-top li {
  margin-left: 1rem;
}

header #masthead #menu-top li a {
  color: #000;
  text-transform: uppercase;
  font-size: 1.2rem;
  position: relative;
  padding-bottom: 2px;
}

header #masthead #menu-top li.current-menu-item a,
header #masthead #menu-top .current_page_parent a {
  color: #780022;
}

header #masthead #menu-top li.current-menu-item a:after,
header #masthead #menu-top .current_page_parent a:after {
  position: absolute;
  content: "";
  display: block;
  margin: 0;
  width: 45px;
  height: 2.5px;
  background-color: #780022;
  transition: opacity .3s ease,width .3s ease;
  right: 0;
  left: 2px;
  pointer-events: none;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  header #masthead {
    left: -100%;
    top: 5rem;
    height: 100vh;
  }
  header #masthead #menu-top {
    width: 100%;
  }
  header #masthead #menu-top ul {
    flex-direction: column;
  }
  header #masthead #menu-top ul li {
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
  header #masthead #menu-top li a {
    font-size: 0.8rem;
  }
}

.padding-title {
  padding: 0 2% 0 14%;
}

/* Home Servvices */
section#services #services-text #text-container p {
  margin-bottom: 1.5rem;
}

/* END Home Services */
#header-image {
  height: 500px;
}

@media screen and (max-width: 768px) {
  #header-image {
    height: 250px;
  }
}

#s-gallery .overlay {
  transition: .5s ease;
}

#s-gallery .grid-item:hover .overlay {
  opacity: 1;
}

#s-gallery .text {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  #s-gallery .text {
    font-size: 16px;
  }
}

#itinerary-section .itinerary-list p:not(:last-of-type) {
  margin-bottom: 1.3rem !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.footer-widget-area .wpforms-container.wpforms-container-full {
  margin-bottom: 0;
}

label.error {
  color: red;
}

/* FOOTER */
footer #footer-widgets .footer-widget-area input, footer #footer-widgets .footer-widget-area textarea {
  background: transparent !important;
  border: 2px solid #fff !important;
  color: #fff !important;
}

footer #footer-widgets .footer-widget-area textarea {
  min-height: 100px;
}

footer #footer-widgets .footer-widget-area ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1;
  /* Firefox */
}

footer #footer-widgets .footer-widget-area :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc;
}

footer #footer-widgets .footer-widget-area ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ccc;
}

footer #footer-widgets .footer-widget-area button {
  background: #fff;
  border-radius: 6px;
  color: #780022;
  text-transform: uppercase;
  height: 2rem;
  padding: 4px 2rem 5px;
  font-size: 1.1rem;
  font-weight: 500;
}

footer #footer-widgets .footer-contact-info img, footer #footer-widgets .footer-contact-info p {
  margin-right: 1rem;
}

footer #footer-widgets .footer-widget-area .wpforms-submit-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}

footer div.wpforms-container-full .wpforms-form .wpforms-field {
  padding: 0 0 10px 0;
}

/* Fonts */
@font-face {
  font-family: "Aller";
  font-style: normal;
  font-weight: normal;
  src: local("Aller"), url("./assets/fonts/aller/Aller_Rg.woff") format("woff");
}

@font-face {
  font-family: "Aller Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Aller Italic"), url("./assets/fonts/aller/Aller_It.woff") format("woff");
}

@font-face {
  font-family: "Aller Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Aller Bold"), url("./assets/fonts/aller/Aller_Bd.woff") format("woff");
}

@font-face {
  font-family: "Aller Bold Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Aller Bold Italic"), url("./assets/fonts/aller/Aller_BdIt.woff") format("woff");
}

@font-face {
  font-family: "Aller Display";
  font-style: normal;
  font-weight: normal;
  src: local("Aller Display"), url("./assets/fonts/aller/AllerDisplay.woff") format("woff");
}

@font-face {
  font-family: "Aller Light Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Aller Light Italic"), url("./assets/fonts/aller/Aller_LtIt.woff") format("woff");
}

@font-face {
  font-family: "Alegreya Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Alegreya Bold"), url("assets/fonts/alegreya/Alegreya-Bold.woff") format("woff");
}

/* END Fonts */
body {
  font-family: "Aller";
  margin: 0 auto;
  color: #fff;
  font-size: 16px;
  word-break: break-word;
}

p:last-of-type {
  margin-bottom: 0 !important;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */
.grid-sizer,
.grid-item {
  width: 50%;
  padding: 5px;
}

@media screen and (max-width: 768px) {
  .grid-sizer,
  .grid-item {
    padding: 2px;
  }
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  width: 100%;
}

.page-template-template-services .grid-sizer,
.page-template-template-services .grid-item {
  width: 33%;
  padding: 2px;
}

.page-template-template-services .grid-item:last-of-type {
  width: 66%;
}

@media screen and (max-width: 767px) {
  .page-template-template-services .grid-sizer,
  .page-template-template-services .grid-item {
    width: 100%;
    padding: 4px;
  }
  .page-template-template-services .grid-item:last-of-type {
    display: none;
  }
}

@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1023px) {
  .page-template-template-services .grid-sizer,
  .page-template-template-services .grid-item {
    width: 50%;
    padding: 5px;
  }
  .page-template-template-services .grid-item:last-of-type {
    display: none;
  }
}

.page-template-template-gallery #masonry-gallery-2 :nth-child(2) {
  width: 100%;
}

.owl-morethan .active.center .item,
.owl-morethan-page .active.center .item {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.owl-morethan .owl-item:not(.center) .item,
.owl-morethan-page .owl-item:not(.center) .item {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  filter: blur(2px);
  -webkit-filter: blur(2px);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.owl-morethan-page .owl-item.center .more-than-caption {
  display: block;
}

.owl-morethan-page .more-than-caption {
  display: none;
}

.owl-morethan-page .owl-dots {
  text-align: center;
  margin: 0.3rem auto;
}

.owl-morethan-page .owl-dots .owl-dot span {
  width: 20px;
  height: 20px;
  margin: 5px 7px;
  background: #780022;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
}

.owl-morethan-page .owl-dots .owl-dot.active span {
  background: white;
  border: 3px solid #780022;
}

.owl-morethan-page .owl-nav {
  position: absolute;
  top: 35%;
  width: 100%;
  text-align: center;
}

.owl-morethan-page .owl-nav button {
  position: absolute;
  background: rgba(120, 0, 34, 0.5) !important;
  border-radius: 50%;
}

.owl-morethan-page .owl-nav button div {
  padding: 0.5rem;
}

.owl-morethan-page .owl-nav button div svg {
  width: 1.5rem;
  height: 1.5rem;
}

.owl-morethan-page .owl-nav button.owl-prev {
  left: 15%;
}

.owl-morethan-page .owl-nav button.owl-next {
  right: 15%;
}

.loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.loader .spinner {
  color: #780022;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}

@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}

@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}