/*
    Theme Name: blocksy-child
    Author: BY
    Description: magic here
    Version: 1.0
    Text Domain: blocksy
    Template:  blocksy
*/

:root {
    --main-color: #60795C;
    --second-color: #C9AB6A;
    --dark-color: #000;
}


main {
    margin-top: -15vh;
}

[data-header*="type-1"] .ct-header [data-row*="middle"]{
    background: transparent !important;
}

.ct-header::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: inline-block;
    height: 6.20rem;
    background: linear-gradient(to bottom, #efefef 0%, rgba(239, 239, 239, 0) 100%);
    /* z-index: 1; */
    pointer-events: none;
}


.ct-header [data-row*="bottom"]  {
    display: none;
}

#menu-header-menu{
    position: relative;
    li.menu-item {
        width: 120px;
    }
    .menu-item::after {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        background-color: var(--dark-color);
    }

    .menu-item:last-child::before{
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        right: 0;
        background-color: var(--dark-color);
    }

    a.ct-menu-link{
        font-size: 1.4em;
        line-height: 1.4em;
    }
}


/* slideshow */
.gsap-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}
  
  .gsap-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  
  .gsap-slide:first-child {
    position: relative; /* penting supaya parent ambil tinggi dari slide pertama */
    opacity: 1;
  }
  
  .gsap-slide img {
    display: block;
    width: 100%;
    height: auto;
  }