/*
 Theme Name:   AIP
 Theme URI:    
 Description:  
 Author:       Cooperativa EITA
 Author URI:   http://eita.coop.br
 Template:     blocksy
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  aip
*/

/*DEFAULT*/
h1,
.wp-block-heading h1 {
  --theme-font-size: var(--wp--preset--font-size--xxl);
  font-weight: 600;
  line-height: 1.25;
}
h2,
.wp-block-heading h2 {
  --theme-font-size: var(--wp--preset--font-size--xl);
  font-weight: 600;
  line-height: 1.5;
}
h3,
.wp-block-heading h3 {
  --theme-font-size: var(--wp--preset--font-size--large);
  font-weight: 600;
  line-height: 1.25;
}
h4,
.wp-block-heading h4 {
  --theme-font-size: var(--wp--preset--font-size--medium);
  font-weight: 400;
  line-height: 1.3;
}
h5,
.wp-block-heading h5 {
  --theme-font-size: var(--wp--preset--font-size--normal);
  font-weight: 400;
  line-height: 1.5;
}
h6,
.wp-block-heading h6 {
  --theme-font-size: var(--wp--preset--font-size--small);
  font-weight: 400;
  line-height: 1.5;
}
p,
.wp-block-paragraph {
  --theme-font-size: var(--wp--preset--font-size--normal);
  font-weight: 400;
  line-height: 1.5;
}
figcaption,
.wp-element-caption {
  --theme-font-size: var(--wp--preset--font-size--small);
  font-weight: 400;
  line-height: 1.5;
}
/*END OF DEFAULT CSS*/

/*CUSTOM SLIDER*/
.custom-slider {
  width: 100% !important;
  max-width: none;
  position: relative;
  height: 100vh;
  .float-text {
    position: absolute;
    z-index: 10;
    top: 52px;
    right: 8%;
    color: white;
    display: flex;
    line-height: 0.9;
  }
  .slide {
    position: absolute;
    left: 100%;
    transition: all 1s;
    width: 100%;
    height: 100%;

    .holder {
      position: relative;
      width: 100%;
      height: 100%;

      img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .content-holder {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .content {
          text-align: center;
          max-width: 1200px;
          h2 {
            width: 95%;
            margin: auto;
            color: white;
            font-size: var(--wp--preset--font-size--aip);
            font-style: normal;
            font-weight: 900;
            line-height: 1;
            text-transform: uppercase;
          }
        }
      }
    }
  }
  .slide.active {
    left: 0;
  }
  .custom-slider-controller {
    width: 1290px;
    position: absolute;
    height: 50px;
    bottom: 10%;
    max-width: 90%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: nowrap;
    z-index: 2;

    .control {
      border-top: 1px solid white;
      width: 100%;
      padding: 0.5rem;
      cursor: pointer;
      p {
        color: white;
        text-align: center;
        font-family: "SF Pro";
        font-size: 1.3135rem;
        font-style: normal;
        font-weight: 600;
        line-height: 1;
      }
    }
    .control.active {
      border-top: 3px solid white;
    }
  }
  .float-text a {
    color: white;
  }
}

@media (max-width: 689.98px) {
  .custom-slider {
    .custom-slider-controller {
      justify-content: center;
      gap: 12px;
    }
    .control {
      width: 12px !important;
      height: 12px;
      padding: 0 !important;
      background-color: gray;
      border-radius: 50%;
      border: none !important;

      &.active {
        background-color: white;
      }
    }
    .control p {
      display: none;
    }
  }
}