/* OVERWRITE GLOBAL STYLES
-------------------------------------------------- */
body {
  padding-top: 4.0rem;
}

:target {
  scroll-margin-top: 4rem;
}

/*
.carousel.pointer-event {
  touch-action: auto;
}
*/

/* OVERWRITE BOOTSTRAP STYLES
-------------------------------------------------- */
.carousel-item {
  overflow: hidden;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 3rem;
  height: 3rem;
}

/* EXTERNAL LINKS ICONS
-------------------------------------------------- */
/*
.vf-external-link {
  font-size: 0.9rem;
  color: silver;
}
*/

/* VENTRY FARM QR-CODES
-------------------------------------------------- */
/*
.vf-whatsapp-qr {
  width: 100px;
}
*/

/* VENTRY FARM GLOBAL STYLES
-------------------------------------------------- */
/*
.cf-max-width {
  max-width: 2560px;
}
*/

.vf-index-h1 {
  line-height: 1.0;
}

.vf-offcanvas {
  width: 360px !important;
}

@media (min-width: 992px) {
  .vf-lead {
    font-size: 1.50rem;
  }
}

@media (min-width: 1200px) {
  .vf-lead {
    font-size: 1.65rem;
  }
}

/* VENTRY FARM MAIN CAROUSEL STYLES
-------------------------------------------------- */
#vf-main-carousel img {
  height: 100%;
  max-width: none;
  position: relative;
}

@media (min-width: 1920px) {
  #vf-main-carousel img {
    height: auto;
    width: 100%;
  }
}

.vf-main-carousel-img-01 {
  left: 50%;
  transform: translateX(-50%);
}

.vf-main-carousel-img-02 {
  left: 60%;
  transform: translateX(-60%);
}

.vf-main-carousel-img-03 {
  left: 60%;
  transform: translateX(-60%);
}

.vf-main-carousel-img-04 {
  left: 70%;
  transform: translateX(-70%);
}

/* VENTRY FARM MARKETING STYLES
-------------------------------------------------- */
.vf-icon-marketing {
  font-size: 6rem;
}

/* VENTRY FARM CAROUSEL STYLES
-------------------------------------------------- */
.vf-carousel-group .carousel-indicators {
  margin-bottom: 2%;
}

.vf-icon-fullscreen {
  color: white;
  opacity: 0.6;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
}

.carousel:hover .vf-icon-fullscreen {
  opacity: 1;
}

/* VENTRY FARM MODAL STYLES
-------------------------------------------------- */
.vf-modal {
  max-width: min(98vw, 90vh, 1200px);
  margin-top: 0px;
  padding-top: 5vh;
}

.vf-btn-modal {
  color: white;
}

@media screen and (orientation: portrait) {
  .vf-btn-modal {
    position: absolute;
    top: -30px;
    right: 5px;
  }
}

@media screen and (orientation: landscape) {
  .vf-btn-modal {
    position: absolute;
    top: -5px;
    right: -30px;
  }
}