/*
 Theme Name:   Nase Triko
 Theme URI:    https://example.com/astra-child
 Description:  Child theme for the Nase Triko
 Author:       Viktor Petreski
 Template:     astra
 Version:      1.0.0
*/
:root{
  --fade-in-animation: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.2s, box-shadow 0.2s ease-out 0.6s; /* Animate width */

}

@media only screen and (min-width: 980px) {
    #masthead.site-header .site-primary-header-wrap {
      position: absolute;
      padding: 0;
      top: 0;
      height: 80px;
      width: 100%;
      background-color: var(--ast-global-color-3);
    }

    #masthead.site-header .ast-primary-header {
      margin: 40px auto;
      position: relative;
      width: calc(100% - 40px - 40px);
      min-height: 80px;
    }

    .main-header-menu li.current_page_item a{
        text-decoration: underline !important;
        font-weight: bold;
        text-decoration-color: var(--ast-global-color-0) !important;
        text-shadow: 0 0 1px var(--ast-global-color-0);
    }

    .entry-content .nt-home-right-img div.nt-heading {
        width: 400px !important;

    }

    .wp-block-uagb-container.nt-top-left-cont {
      background-position: calc(50% + -550px) calc(50% + 180px) !important;
    }

    .nt-mens-img {
      border-top: solid 15px white !important;
      border-right: solid 15px white !important;
      box-shadow: 1px -1px 1px 0px var(--ast-global-color-0) !important;
    }
     .nt-about-us{
        bottom: calc(50% - 80px);
        position: absolute !important;
        max-width: 400px;
        width: 100%;
    }
    .nt-about-us-txt{
      max-width: 70%;
      margin: 0 auto;
    }
    .nt-contact-us{
      max-height: calc(100vh - 132px) !important;
    } 

}


/* 
.nt-home-stuff .wp-block-uagb-image--layout-overlay__color-wrapper,
.nt-pajama-img .wp-block-uagb-image--layout-overlay__color-wrapper
.nt-underwear-stuff .wp-block-uagb-image--layout-overlay__color-wrapper
{
    z-index: 10;
} */

.nt-underwear-stuff .wp-block-uagb-image--layout-overlay__inner.top-center,
.nt-pajama-img .wp-block-uagb-image--layout-overlay__inner.top-center,
.nt-home-stuff .wp-block-uagb-image--layout-overlay__inner.bottom-center,
.nt-wintery-stuff .wp-block-uagb-image--layout-overlay__inner.bottom-center{
   z-index: 11  ;
}

.nt-home-stuff,
.nt-underwear-stuff,
.nt-pajama-img,
.nt-wintery-stuff{
    overflow: hidden !important;

}

.nt-home-stuff::after{
    content: '';
    background-image: url(/wp-content/uploads/2025/08/banjarka.jpg);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    transform: translateY(-1000px);
    z-index: 1;
    opacity: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    transition: var(--fade-in-animation);
}

.nt-home-stuff:hover::after{
    transform: translateY(-25%);
    z-index: 9;
    opacity: 1;
    box-shadow: 8px 0px 15px -3px #fff;
}

.nt-underwear-stuff::before{
    content: '';
    background-image: url(/wp-content/uploads/2025/08/zenski-gakji-dolen-ves-scaled.jpg);
    width: 100%;
    height: 80%;
    display: block;
    position: absolute;
  transform: translateY(1000px);
    z-index: 1;
    opacity: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    transition: var(--fade-in-animation);

}

.nt-underwear-stuff:hover::before{
    transform: translateY(86%);
    z-index: 9;
    opacity: 1;
  box-shadow: 8px 0px 15px -3px #fff;
}

.nt-underwear-stuff::after{
    content: '';
    background-image: url(/wp-content/uploads/2025/08/dolen-ves-maici-maski-zenski.jpg);
    width: 100%;
    height: 33%;
    display: block;
    position: absolute;
  transform: translateY(-1000px);
    z-index: 1;
    opacity: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    transition:  var(--fade-in-animation);

}

.nt-underwear-stuff:hover::after{
    transform: translateY(0);
    z-index: 9;
    opacity: 1;
    box-shadow: -8px 0px 15px -3px #fff;
}


.nt-pajama-img::before{
    content: '';
    background-image: url(/wp-content/uploads/2025/08/maski-mashki-pizami-pizhami.jpg);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
  transform: translateY(1000px);
    z-index: 1;
    opacity: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    transition: var(--fade-in-animation);

}

.nt-pajama-img:hover::before{
    transform: translateY(33%);
    z-index: 9;
    opacity: 1;
  box-shadow: 8px 0px 15px -3px #fff;
}


.nt-wintery-stuff::after{
    content: '';
    background-image: url(/wp-content/uploads/2025/08/corapi-komplet.jpg);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    transform: translateY(-1000px);
    z-index: 1;
    opacity: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    transition: var(--fade-in-animation);
}

.nt-wintery-stuff:hover::after{
    transform: translateY(-25%);
    z-index: 9;
    opacity: 1;
    box-shadow: 8px 0px 15px -3px #fff;
}

.nt-woman-block-right-col, .nt-about-us-container{
    position: relative;
}

.allways-with-style{
    position: absolute !important;
    /* top: 50%; */
    transform: translateY(-50%);
}



.always-with-style-desc {
    position: absolute !important;
    bottom: 10px;
    text-align: center;
}


.scale-in-hor-left {
	-webkit-animation: scale-in-hor-left 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;
	        animation: scale-in-hor-left 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;
}


@-webkit-keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}


.nt-mens-bg{
	margin: 0 !important;
	width: 60% !important;
}


.entry-content div.wp-block-uagb-container.nt-mens-container div.uagb-container-inner-blocks-wrap{
	margin: 0 30px !important
}

.nt-mens-text{
	align-self: flex-start;
	width: 70% !important;
}

.text-slide {
  display: inline-block;
  width: min-content !important;
  padding: 0 15px;
  margin: 0 auto !important;
  text-transform: uppercase;
}

.text-slide::after{
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #901c1c;
  position: absolute;
  display: inline-block;
  top: 50%;
  right: -2px;
}

.nt-slider {
  display: block !important;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos]{
  transition-duration: 1.5s !important;

}

[data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos]{
  transition-timing-function:  cubic-bezier(0.25, 1, 0.5, 1) !important;
}


[data-aos^="slide"][data-aos^="slide"]{
  transition-property: opacity,transform;
}

[data-aos="slide-down"]{
  opacity: 0;
}

[data-aos^="slide"][data-aos^="slide"].aos-animate{
  opacity: 1 !important;
}

section.nt-women-txt{
  max-width: 1200px !important;
  margin: 0 auto !important;
}

[data-aos="slide-left"]{
  transform: translate3d(20%,0,0);
}

[data-aos="slide-right"]{
  transform: translate3d(-20%,0,0);
}

.nt-contact-form{
  border-top: 2px solid black !important;
  border-left: 2px solid black !important;
}


/* .page-id-72{
  max-height: 100vh !important;
  overflow: hidden;
} */



@media only screen and (max-width: 768px) {
  #masthead.site-header .site-primary-header-wrap {
      background-color: #2E2E2E;
    }


    .nt-mens-img {
      border-bottom: solid 15px white !important;
      box-shadow: 0px 1px 0px 0px var(--ast-global-color-0) !important;
    }

    .allways-with-style{
      width: 95% !important;
  }

  html{
    scrollbar-gutter: stable !important;
    overflow-x: hidden !important;
  }

   .nt-about-us{
      bottom: calc(50% - 25px);
      position: absolute !important;
      max-width: 400px;
      width: 100%;
  }
}