/* 
Theme Name: Hello Elementor Child - FM Equestrian
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
  Add your custom styles here
*/
::-webkit-calendar-picker-indicator {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="rgba(255,91,31)" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-button-prev, 
.swiper-container-rtl .swiper-button-next {
  background-image: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  display: none;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 25px;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 25px;
}

.swiper-button-next,
.swiper-button-prev, 
.swiper-container-rtl .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  fill: #FF5F1F;
}

.swiper--gallery {
  background-color: #000000;
}

.header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

/*
 * ===============
 * Horse Grid Item
 * ===============
 */
.horse__grid-item {
  position: relative;
  overflow: hidden;
}

.horse__item:hover .horse__info {
  background-color: #FF5F1F;
  bottom: 0;
}

.horse__info {
  display: block;
  padding: 0.6rem;
  margin: 0;
  transition: all 0.25s ease-in-out;
  color: #FFFFFF;
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  background-color: rgba(255, 95, 31, 85%);
  text-align: center;
}

.horse__info .horse__name {
  font-family: "Prata", Sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.horse__info .horse__parents,
.horse__info .horse__other-info {
  font-family: "Montserrat", Sans-serif;
  font-size: 0.9rem;
}

.horse__info .horse__parents {
  font-weight: 700;
}

.horse__info .horse__other-info {
  margin-top: 20px;
}

.horse__small-description {
  font-family: "Montserrat", Sans-serif;
  font-size: 0.9rem;
  margin: 0.2rem;
}

.horse__name .icon-arrow {
  width: 70px;
  height: 69px;
  position: absolute;
  top: -35px;
  right: 30px;
  transition: 0.3s ease-in-out;
}

.horse__thumbnail {
  background-color: #000000;
}

.horse__thumbnail .horse-image {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 480px;
}

.horse__ribbon-wrapper {
  position: absolute;
  top: 0;
  right: 0;
}
.horse__ribbon {
  width: 120px;
  height: 110px;
  overflow: hidden;
  position: absolute;
}
.horse__ribbon::before,
.horse__ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 3px solid red;
}
.horse__ribbon span {
  position: absolute;
  display: block;
  width: 200px;
  padding: 5px 0;
  background-color: red;
  color: white;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Montserrat", Sans-serif;
}

.horse__ribbon--sold span {
  background-color: green;
}
.horse__ribbon--sold::before,
.horse__ribbon--sold::after {
  border: 3px solid green;
}

.horse__ribbon--top-right {
  top: -3px;
  right: -3px;
}
.horse__ribbon--top-right::before,
.horse__ribbon--top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.horse__ribbon--top-right::before {
  top: 0;
  left: 0;
}
.horse__ribbon--top-right::after {
  bottom: 0;
  right: 0;
}
.horse__ribbon--top-right span {
  left: -22px;
  top: 35px;
  transform: rotate(45deg);
}


/*
 * ===================
 * Horse - Single Page
 * ===================
 */
.horse__actions a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  font-size: 1.1rem;
}
.horse__actions i {
  margin-left: 5px;
}
.horse__actions hr {
  background-color: #c6c6c6;
  margin-bottom: 30px;
  margin-top: 10px;
}

.horse__list-widget {
  background-color: #f8f8f8;
  padding: 2rem;
}

.horse__list-widget-border {
  border: 2px solid #FF5F1F;
}

.horse__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.horse__list li {
  margin-bottom: 0.3rem;
}
.horse__list li:last-child {
  margin-bottom: 0;
}
.horse__list-name,
.horse__list-number {
  display: block;
  font-weight: 600;
  color: #000000;
  margin-bottom: 0.8rem;
}
.horse__list-number {
  color: #FF5F1F;
}
.horse__list-label {
  font-weight: 600;
  color: #000000;
  display: inline-block;
  width: 100px;
  font-size: 0.9rem;
}
.horse__list-value {
  color: #000000;
  font-size: 0.9rem;
}
.horse__list--offspring li {
  border-bottom: 1px solid #E2E8EF;
  padding-bottom: 1.5rem;
}
.horse__list--offspring li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/*
 * ========================
 * Breeding Title - Dynamic
 * ========================
 */
.horse__breeding_title {
  color: #FFFFFF !important;
  font-family: "Prata", Sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 75px;
  text-align: center;
}

/*
 * ===========
 * Horse Video
 * ===========
 */
.horse__video-thumbnail {
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
}

.horse__video-thumbnail::before {
  transition: 0.3s;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.2);
  opacity: 0;
}

.horse__video-thumbnail .img-horse {
  width: 100%;
  height: 170px;
  object-fit: cover;
}

.horse__video-thumbnail .img-play {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  transition: 0.3s;
}

.horse__video-title {
  font-family: 'Montserrat';
  color: #FF5F1F;
  font-weight: 500;
}

.horse__video-item:hover .horse__video-thumbnail::before,
.horse__video-item:hover .horse__video-thumbnail .img-play {
  opacity: 1;
}

/*
 * =================
 * Iframe Hippomundo
 * =================
 */
.iframe-hippomundo {
  border: 1px solid #F8F8F8;
}

/*
 * =====
 * Forms
 * =====
 */
.form-cf7 .form-control {
  border: 1px solid #FFFFFF;
  padding: 1rem;
  font-size: 0.9rem !important;
  border-radius: 0 !important;
}

.form-cf7 .form-select {
  border: 1px solid #FFFFFF;
  font-size: 0.9rem !important;
  border-radius: 0 !important;
  color: #666666;
  height: 55px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="rgba(255,91,31)" x="0px" y="0px" width="8px" height="8px" viewBox="0 0 386.257 386.257" style="enable-background:new 0 0 386.257 386.257;" xml:space="preserve"><polygon points="0,96.879 193.129,289.379 386.257,96.879 "/></svg>') !important;
}

.form-cf7 textarea.form-control {
  padding: 1rem;
}

.form-cf7 .form-label {
  color: #181818;
  font-family: "Prata", Sans-serif;
  font-size: 15px;
}

.form-cf7 .form-date p {
  margin-bottom: 0;
}

.form-cf7 .wpcf7-not-valid-tip {
  font-size: 12px;
  margin-top: 5px;  
}

.form-cf7 .wpcf7-submit {
  font-family: "Montserrat", Sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  background-color: #000000 !important;
  padding: 10px 20px !important;
  width: 100%;
  font-size: 16px;
}

.form-cf7--contact .form-control {
  border: 1px solid #a0a0a0;
}

/*
 * =============
 * Table -Embryo
 * =============
 */
.table-embryo th {
  background-color: #000000 !important;
  color: #FFFFFF;
  font-family: "Prata", Sans-serif;
  text-align: center;
  padding: 0.6rem 0.5rem;
  font-weight: 400;
  font-size: 1.1rem;
  border: 1px solid #CCCCCC !important;
}

.table-embryo th,
.table-embryo td {
  text-align: center;
  vertical-align: middle;
}

.table-embryo .sire_name,
.table-embryo .sire_name a,
.table-embryo .dam_name,
.table-embryo .dam_name a {
  color: #000000;
  font-family: "Montserrat", Sans-serif !important;
  font-weight: 600;
}

.note-embryo {
  display: none;
}

.breeding-option {
  display: none;
}

.breeding-option--isActive {
  display: block;
}

/* 768 */
@media (max-width: 768px) {
  
  .home-hero {
    height: 100vh !important;
  }
  
  .fme-logo {
    width: 199px !important;
    height: 130px !important;
  }
  .fme-logo__svg {
    width: 201px !important;
    height: 197px !important;
    top: -33px !important;
  }

  .table-embryo {
    width: 1024px !important;
  }
  
  .table-embryo th {
    font-size: 1rem;
  }

  .note-embryo {
    margin-top: 10px;
    display: block;
    font-size: 0.9rem;
  }

  .header-transparent {
    position: relative;
    background-color: #000000 !important;
  }

  .horse__breeding_title {
    font-size: 2rem;
    line-height: 45px;
  }

  .btn-horse-action {
    width: 250px !important;
    max-width: 100% !important;
    margin-top: 10px;
  }

  .btn-horse-action--whatsapp {
    margin-top: 0px !important;
  }
}

/*
 * =================
 * Language Switcher
 * =================
 */
#goog-gt-tt {
  display: none !important;
}

.goog-te-banner-frame {
  display: none !important;
}

.goog-te-menu-value:hover {
  text-decoration: none !important;
}

.goog-text-highlight {
  background-color: transparent !important;
  box-shadow: none !important;
}

body {
  top: 0 !important;
}

#google_translate_element2 {
  display: none !important;
}

.select-lang-wrapper {
  display: inline-flex;
  border: 1px solid #FF5F1F;
  padding: 0.3rem 0.5rem;
  position: relative;
  align-items: center;
  width: 65px;
}

.select-lang-wrapper::before {
  content: "";
  height: 18px;
  width: 18px;
  margin: 0 4px;
  background-image: url('images/icon-globe.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.selectpicker-lang {
  width: 100%;
  max-width: 100%;
  background-color: transparent !important;
  color: white !important;
  font-size: 14px !important;
  border:none !important;
  padding: 0 !important;
}

.selectpicker-lang:focus,
.selectpicker-lang:active {
  outline: none !important;
  box-shadow: none !important;
}

@media (max-width: 1024px) {
  .select-lang-wrapper {
    display: flex;
    margin-left: auto;
  }
}
@media (max-width: 768px) {
  .select-lang-wrapper {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    padding: 0.3rem 0.2rem;
    width: 50px;
  }

  /* .select-lang-wrapper::before {
    display: none;
  } */
}

.select-lang-wrapper .form-select {
  background-image: none;
  /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='#none#' stroke='#FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); */
}

/*
 * ======================
 * Horse Filter (Mixitup)
 * ======================
 */
.horse__filters {
  list-style: none;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 2rem;
}

.horse__filters li {
  margin-right: 1.5rem;
}

.horse__filters li:last-child {
  margin-right: 0;
}

.cs-form-check {
  padding-left: 0 !important;
}

.cs-form-check input {
  opacity: 0;
  width: 0px;
  height: 0px;
}

.cs-form-check .form-check-label {
  position: relative;
  font-size: 0.9rem;
  padding: 0;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transition: 0.3s;
}

.cs-form-check input:checked ~ .form-check-label {
  color: #FF5F1F;
  border-color: #FF5F1F;
  padding: 0.5rem 0;
}

@media (max-width: 768px) {
  .horse__filters {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cs-form-check .form-check-label {
    display: flex;
    align-items: center;
  }

  .cs-form-check .form-check-label::before {
    content: '';
    width: 15px;
    height: 15px;
    border: 1px solid #c6c6c6;
    border: 1px solid #c6c6c6;
    margin-right: 10px;
  }

  .cs-form-check input:checked ~ .form-check-label {
    padding: 0;
    border-color: transparent;
  }

  .cs-form-check input:checked ~ .form-check-label::before {
    background-color: #FF5F1F;
    border-color: #FF5F1F;
  }
}