/*
  Theme Name: Finca Cortesin
  Theme URI: http://llos.co
  Author: LLOS&
  Author URI: https://llos.co
  Description: LLOS& Template
  Version: 1.0.0
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  Text Domain: llos
  GitLab Theme URI: https://gitlab.com/llos/clients/...

*/

.language-button {
  align-items: center!important;
}
.mobile-menu .menu-top .menu-enquire .btn-contact {
	background: transparent;
}

.desktop-only {
    display: block !important;
  }
.mobile-only {
    display: none !important;
}

@media screen and (max-width: 768px) {
  .desktop-only {
    display: none !important;
  }
  .mobile-only {
    display: block !important;
  }

}

/* CONCAVE BUTTON */
/* Overwrite default button styles */
.btn--concave,
.text-image-section .text-image-inner .text-image-description .link a,
.text-image-section .text-image-inner .text-image-description .primary-buttons a.btn--concave,
.text-image-section .text-image-inner .text-image-description .link a.btn--concave,
.text-image-section .text-image-inner .text-image-description .primary-buttons .btn--concave,
.text-image-section .text-image-inner .text-image-description .book-button .btn--concave,
.triple-img-layout .triple-img__cta .btn--concave, .memberships .btn--concave,
.academy-rates__btn .btn--concave, .instructors .btn--concave, .academy-rates .btn--concave,
.programs .btn--concave,
.stay-card__cta .btn--concave,
.layout-title-text-centered .container .ltc-cta .btn--concave,
.book-now-banner .btn--concave,
.downloads-layout .btn--concave,
.rates__card .btn--concave {
  border: none!important;
  padding-top: 0.85rem !important;
  padding-bottom: 0.65rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-family: 'FreigTexBoo', sans-serif;
  font-size: 0.75rem;
  line-height: 1.5em;
  min-width: 200px;
  max-width: 200px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white !important;
  text-decoration: none;
  text-transform: uppercase;
  background: #AD7843 !important;
  background-image:
    radial-gradient(circle at 0 0, var(--section-bg, #fff) 6px, #AD7843 6px 7px, transparent 7px),
    radial-gradient(circle at 100% 0, var(--section-bg, #fff) 6px, #AD7843 6px 7px, transparent 7px),
    radial-gradient(circle at 0 100%, var(--section-bg, #fff) 6px, #AD7843 6px 7px, transparent 7px),
    radial-gradient(circle at 100% 100%, var(--section-bg, #fff) 6px, #AD7843 6px 7px, transparent 7px),
    linear-gradient(#AD7843, #AD7843),
    linear-gradient(#AD7843, #AD7843),
    linear-gradient(#AD7843, #AD7843),
    linear-gradient(#AD7843, #AD7843) !important;
  background-repeat: no-repeat !important;
  background-size:
    14px 14px,
    14px 14px,
    14px 14px,
    14px 14px,
    calc(100% - 14px) 1px,
    calc(100% - 14px) 1px,
    1px calc(100% - 14px),
    1px calc(100% - 14px) !important;
  background-position:
    0 0,
    100% 0,
    0 100%,
    100% 100%,
    50% 0,
    50% 100%,
    0 50%,
    100% 50% !important;
  border-radius: 0 !important;
}

.slider-cuatro-wrapper .btn--concave {
    background-image:
    radial-gradient(circle at 0 0, #EFECE9 6px, #AD7843 6px 7px, transparent 7px),
    radial-gradient(circle at 100% 0, #EFECE9 6px, #AD7843 6px 7px, transparent 7px),
    radial-gradient(circle at 0 100%, #EFECE9 6px, #AD7843 6px 7px, transparent 7px),
    radial-gradient(circle at 100% 100%, #EFECE9 6px, #AD7843 6px 7px, transparent 7px),
    linear-gradient(#AD7843, #AD7843),
    linear-gradient(#AD7843, #AD7843),
    linear-gradient(#AD7843, #AD7843),
    linear-gradient(#AD7843, #AD7843) !important;
}

.downloads-layout .btn--concave {
  color: black !important;
  background-color: var(--section-bg, #fff) !important;
  background-image:
    radial-gradient(circle at 0 0, var(--section-bg, #fff) 6px, black 6px 7px, transparent 7px),
    radial-gradient(circle at 100% 0, var(--section-bg, #fff) 6px, black 6px 7px, transparent 7px),
    radial-gradient(circle at 0 100%, var(--section-bg, #fff) 6px, black 6px 7px, transparent 7px),
    radial-gradient(circle at 100% 100%, var(--section-bg, #fff) 6px, black 6px 7px, transparent 7px),
    linear-gradient(black, black),
    linear-gradient(black, black),
    linear-gradient(black, black),
    linear-gradient(black, black) !important;
}

/* HOVER */
.btn--concave:hover,
.text-image-section .text-image-inner .text-image-description .link a:hover,
.text-image-section .text-image-inner .text-image-description .primary-buttons a.btn--concave:hover,
.text-image-section .text-image-inner .text-image-description .link a.btn--concave:hover,
.text-image-section .text-image-inner .text-image-description .primary-buttons .btn--concave:hover,
.text-image-section .text-image-inner .text-image-description .book-button .btn--concave:hover,
.triple-img-layout .triple-img__cta .btn--concave:hover,
.memberships .btn--concave:hover,
.academy-rates__btn .btn--concave:hover,
.instructors .btn--concave:hover,
.academy-rates .btn--concave:hover,
.programs .btn--concave:hover,
.stay-card__cta .btn--concave:hover,
.layout-title-text-centered .container .ltc-cta .btn--concave:hover,
.book-now-banner .btn--concave:hover,
.rates__card .btn--concave:hover{
  color: white !important;
  background-color: #916131 !important;
  background-image:
    radial-gradient(circle at 0 0, var(--section-bg, #fff) 6px, #916131 6px 7px, transparent 7px),
    radial-gradient(circle at 100% 0, var(--section-bg, #fff) 6px, #916131 6px 7px, transparent 7px),
    radial-gradient(circle at 0 100%, var(--section-bg, #fff) 6px, #916131 6px 7px, transparent 7px),
    radial-gradient(circle at 100% 100%, var(--section-bg, #fff) 6px, #916131 6px 7px, transparent 7px),
    linear-gradient(#916131, #916131),
    linear-gradient(#916131, #916131),
    linear-gradient(#916131, #916131),
    linear-gradient(#916131, #916131) !important;
}

.slider-cuatro-wrapper .btn--concave:hover {
   background-image:
    radial-gradient(circle at 0 0, #EFECE9 6px, #916131 6px 7px, transparent 7px),
    radial-gradient(circle at 100% 0, #EFECE9 6px, #916131 6px 7px, transparent 7px),
    radial-gradient(circle at 0 100%, #EFECE9 6px, #916131 6px 7px, transparent 7px),
    radial-gradient(circle at 100% 100%, #EFECE9 6px, #916131 6px 7px, transparent 7px),
    linear-gradient(#916131, #916131),
    linear-gradient(#916131, #916131),
    linear-gradient(#916131, #916131),
    linear-gradient(#916131, #916131) !important;
}

.downloads-layout .btn--concave:hover {
  color: black !important;
  background-color: var(--section-bg, #fff) !important;
  background-image:
    radial-gradient(circle at 0 0, var(--section-bg, #fff) 6px, black 6px 7px, transparent 7px),
    radial-gradient(circle at 100% 0, var(--section-bg, #fff) 6px, black 6px 7px, transparent 7px),
    radial-gradient(circle at 0 100%, var(--section-bg, #fff) 6px, black 6px 7px, transparent 7px),
    radial-gradient(circle at 100% 100%, var(--section-bg, #fff) 6px, black 6px 7px, transparent 7px),
    linear-gradient(black, black),
    linear-gradient(black, black),
    linear-gradient(black, black),
    linear-gradient(black, black) !important;
}
/*end concave*/

.contact-form-section .contact-form form .form-grid .wpcf7-submit {
  min-width: 200px;
  max-width: 200px;
  line-height: 1.5em;
}

.text-image-section .text-image-inner .text-image-description .link {
  width: auto;
}
.project-description-section .project-description-inner .project-description-description .link.spec-buttons a {
    align-self: flex-start;
    width: auto;
    font-size: 12px;
}
.btn-contact-container .btn-contact, .menu-enquire .btn-contact {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    padding: 0 !important;
}
.btn-contact-container .btn-contact {
  background: transparent !important;
}
.btn-contact-container .btn-contact .btn-decoration, .menu-enquire .btn-contact .btn-decoration {
    display: block;
    width: 100px;
    height: auto;
}
.btn-contact-container .btn-contact .btn-text, .menu-enquire .btn-contact .btn-text {
    position: absolute;
    color: #fff;
    padding-top: 4px;
}

@media (max-width: 768px) {
  .text-image-section .text-image-inner .text-image-visual .single-image img,
  .text-image-section .text-image-inner .text-image-visual .swiper-slide img,
  .text-image-section .text-image-inner .text-image-visual .swiper-slide video,
  .slider-cuatro-wrapper .slider-cuatro .swiper-slide img {
    aspect-ratio: 3 / 3.75;
  }
}