/*
Theme Name:     SOHO FORM
Theme URI:      n/a
Template:       kadence
Author:         Sezmoo
Author URI:     n/a
Description:    Child Theme Description
Version:        1.0.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

:root {
  --bottle-gradient-bg: linear-gradient(
      288.1deg,
      rgba(0, 0, 0, 0) 5.45%,
      rgba(0, 121, 131, 0.26) 90.77%
    ),
    #1e1e1e;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}
.grecaptcha-badge {
  visibility: hidden;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(64, 94, 92, 0.85);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(64, 94, 92, 0.85);
}

strong {
  font-weight: 600;
}

.button,
.wp-block-button__link {
  border-width: 0 0 2px 0;
}

.section-background-gradient {
  position: relative;
  background: -webkit-linear-gradient(288.1deg, rgba(0,0,0,0) 5.45%, rgba(0,121,131,0.26) 90.77%), #1e1e1e;
  background: linear-gradient(288.1deg, rgba(0,0,0,0) 5.45%, rgba(0,121,131,0.26) 90.77%), #1e1e1e;
  /* &::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(to left, rgba(0,0,0,0) 5.45%, rgba(0,121,131,0.26) 90.77%);
    background-image: linear-gradient(to left, rgba(0,0,0,0) 5.45%, rgba(0,121,131,0.26) 90.77%);
  } */
}

.item-is-fixed {
  box-shadow: 0 0 1px rgba(255, 255, 255, 0);
  &.item-is-stuck {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  }
}

.archive {
  .grid-cols {
    column-gap: 2rem;
    row-gap: 3rem;
  }
}

/* Form */
.contact-form {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.25;
}

.contact-form a {
  color: #fff;
  text-decoration: underline !important;
}

.contact-form a:hover,
.contact-form a:focus {
  text-decoration: none !important;
  color: #fff;
}

.contact-form-wrapper {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.contact-form-wrapper .wpcf7-form-control-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.contact-form-wrapper .wpcf7-form-control-wrap input[type="text"],
.contact-form-wrapper .wpcf7-form-control-wrap textarea,
.contact-form-wrapper .wpcf7-form-control-wrap input[type="email"] {
  width: 100%;
  border: 1px solid rgb(255, 255, 255, 0.19);
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 0);
  color: #fff;
  padding: 14px 18px;
  box-shadow: unset;
  letter-spacing: 0;
  font-size: 1rem;
  line-height: 1;
  font-weight: 400;

  &:focus {
    border-color: rgb(255, 255, 255, 1);
    transition: border-color 0.3s ease-in-out;
  }

  &::placeholder {
    color: rgb(255, 255, 255, 0.5);
    transition: border-color 0.3s ease-in-out;
  }
}

.contact-form-wrapper .wpcf7-form-control-wrap textarea {
  padding-top: 14px;
  padding-bottom: 18px;
  max-height: 130px;
  border-radius: 0px;
  letter-spacing: 0;
  resize: none;
}

.contact-form-wrapper.col-1 {
  grid-template-columns: repeat(1, 1fr);
}

.contact-form-am-wrapper {
  p {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .contact-form {
    grid-gap: 18px;
  }
  .contact-form-wrapper {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 18px;
  }
  .contact-form-wrapper .wpcf7-form-control-wrap input[type="text"],
  .contact-form-wrapper .wpcf7-form-control-wrap textarea,
  .contact-form-wrapper .wpcf7-form-control-wrap input[type="email"] {
    font-size: 1rem;
  }
}

.contact-form-sidebar-content
  .contact-form-wrapper.col-2.contact-form-acceptances {
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 15px;
}

.contact-form .wpcf7-list-item {
  margin: 0;
}

.check_all_group {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.form-wrapper.form-wrapper-acceptances {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.contact-form input[type="checkbox"] {
  display: none;
}

.contact-form .wpcf7-list-item label {
  position: relative;
  display: flex;
  padding-left: 28px;
}

.contact-form .wpcf7-list-item-label {
  font-size: 12.5px;
  line-height: 1.125;
}

.contact-form .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid rgb(255, 255, 255, 0.19);
  border-radius: 0;
}

.contact-form .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 4px;
  height: 10px;
  width: 10px;
  border-radius: 0;
  background-color: rgb(255, 255, 255, 1);
  visibility: hidden;
}

.administrative-info,
.preffered-contact-title {
  margin-bottom: 0.75rem !important;
}

.preffered-contact-title {
  margin-top: 0.75rem !important;
}

.contact-form input[type="checkbox"]:checked {
  & + .wpcf7-list-item-label::after {
    visibility: visible;
  }

  & + .wpcf7-list-item-label::before {
    border-color: rgb(255, 255, 255, 1);
  }
}

.contact-form .wpcf7-not-valid-tip {
  margin-top: 5px;
}

.contact-form input[type="submit"] {
  width: 100%;
  background: rgba(255, 255, 255, 1);
  line-height: 1.5;
  letter-spacing: 3px;
  text-transform: uppercase;
  border-radius: 0;
  border: 1px solid rgb(255, 255, 255, 1);
  padding: 12px 24px;
  color: #27262b;
  will-change: filter;
  transition: filter 0.3s ease-in-out;

  &:hover {
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.4));
    background: rgb(255, 255, 255, 0);
    color: #fff;
  }

  &:disabled {
    border-color: rgb(255, 255, 255, 0.5);
    background: rgb(255, 255, 255, 0.5);

    &:hover {
      background: rgb(255, 255, 255, 0.5);
      color: #27262b;
    }
  }
}

.contact-form-button-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 1rem auto 0;
  width: 100%;

  .wpcf7-spinner {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.wpcf7 form .wpcf7-response-output {
  margin: 0 0 1rem;
  font-size: 13px;
  line-height: 1.25;
  padding: 0.5rem 1rem;
}

.wpcf7 form.sent .wpcf7-response-output {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.wpcf7-form-control-wrap .wpcf7-form-control {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}

.single-post {
  .content-area {
    .site-container {
      max-width: 1200px;
    }

    .single-content {
      padding: 64px 0 32px;
    }

    .single-content address, .single-content figure, .single-content hr, .single-content p, .single-content table, .single-content pre, .single-content form, .single-content .wp-block-buttons, .single-content .wp-block-button, .single-content .wc-block-grid, .single-content .wp-block-kadence-advancedbtn, .single-content .wp-block-media-text, .single-content .wp-block-cover, .single-content .entry-content-asset, .single-content .wp-block-kadence-form, .single-content .wp-block-group, .single-content .wp-block-yoast-faq-block, .single-content .wp-block-yoast-how-to-block, .single-content .schema-faq-section, .single-content .wp-block-kadence-tableofcontents, .single-content .enlighter-default, .single-content .wp-block-kadence-iconlist, .single-content [class*=__inner-content] {
      margin-bottom: var(--global-xs-spacing);
    }
    
    .single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
      margin: 1.5rem 0 1rem;
    }

    .single-content h2 {
      font-size: 1.75rem;

      @media (max-width: 767px) {
        font-size: 1.375rem;
      }
    }
  }
}

.comment-navigation a:hover, 
.post-navigation a:hover {
  color: #8e98a8;
}

.about-us-gallery {
  .kb-gallery-item-link {
    img {
      will-change: scale;
      transition: scale 0.3s ease-in-out;
    }

    &:hover {
      img {
        scale: 1.05;
      }
    }
  }
}


.kt-post-slider-item {
  .kt-blocks-post-grid-item {
    height: 100%;
    .kt-blocks-post-grid-item-inner-wrap {
      height: 100%;
      .kt-blocks-post-grid-item-inner {
        height: 100%;
        .entry-content {
          height: 100%;
          .wp-block-kadence-column {
            height: 100%;
            .kt-inside-inner-col {
              height: 100%;
            }
          }
        }
      }
    }
  }
}

.kt-post-grid-layout-carousel {
  .splide.kb-slider-arrow-position-outside-top-right .splide__arrows {
    right: 0 !important;
    gap: .5rem !important;
  
    .splide__arrow {
      border-radius: 0;
      width: 2.5rem;
      height: 2.5rem;
    }
  }

  @media (max-width: 1199px) {
    padding-top: 2rem;
  }
}

/* Footer*/
.site-footer-row {
  &.site-middle-footer-inner-wrap {
    grid-template-columns: auto 1fr auto;
    gap: 32px;

    .footer-navigation .menu {
      gap: 8px;
    }
  }
}