/*

:'######::'##:::'##:'####:'##::: ##:'##::: ##:'##:::'##:
'##... ##: ##::'##::. ##:: ###:: ##: ###:: ##:. ##:'##::
 ##:::..:: ##:'##:::: ##:: ####: ##: ####: ##::. ####:::
. ######:: #####::::: ##:: ## ## ##: ## ## ##:::. ##::::
:..... ##: ##. ##:::: ##:: ##. ####: ##. ####:::: ##::::
'##::: ##: ##:. ##::: ##:: ##:. ###: ##:. ###:::: ##::::
. ######:: ##::. ##:'####: ##::. ##: ##::. ##:::: ##::::
:......:::..::::..::....::..::::..::..::::..:::::..:::::
built by Ensoul

01. body
02. accessibility specific
03. backend specific
04. object fit
05. container break
06. modal
07. imageslider
08. gallery and lightbox
09. card
10. hero
11. postslider
12. postlist
13. reveal-text

*/

/* body font display fix */

body {
  font-display: auto;
}

/* accessibility specific */

.no-js .lazy {
  display: none;
}

/* text accessibility fix */

a .reveal-text {
    color: black;
}

/* aspect ratio */

[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {
  height: auto;
}
@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}

/* image preloader */

img[data-src][src*='data:image'] { background: rgba(255,255,0,0.4); }

img:not([src]) {
    visibility: visible!important;
}

/* backend - specific */

.alignwide {
        margin-left  : -80px;
        margin-right : -80px;
}

/* object fit */

.object-fit {
    width: 100%;
    object-fit: cover;
}

.postlist .lozad img {
    object-fit: cover;
    max-height: 400px;
    width: 100%;
}

/* container - break */

.alignfull {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw!important;
  margin-right: -50vw!important;
}

.alignfull img {
        width: 100vw;
}

.hvr-grow {
  display: block!important;
}

.slider-title {
  max-width: 92%;
}

/* modal - specific */

.sk-modal-right-column {
  height: 100vh;
  overflow-y: scroll;
}

/* imageslider - specific */

.white_bg {
 background-color: white;
}

.uk-slidenav svg {
  color: white;
  fill: 2p;
}

/* gallery - specific */

.gallery_content_wrapper img {
  width: 100%;
  height: auto;
}

.uk-lightbox-items>*>* {
  max-width: -webkit-fill-available;
  max-height: -webkit-fill-available;
  object-fit: scale-down;
}

.uk-lightbox-toolbar {
  background: none!important;
}

.uk-lightbox-toolbar-icon {
  padding: 35px;
  color: rgba(255,255,255,.7);
}
.uk-lightbox-caption {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6em;
}

.uk-lightbox {
  background-color: rgba(0,0,0,1) !important;
}

/* card - specific */

.uk-card .avatar {
  width: 100px;
  height: 100px!important;
}

.uk-card {
margin:0px!important;
}

.card_padding {
padding: 5px;
}

.uk-card-footer a {
text-decoration: none;
}

/* hero - specific */

.uk-light a.uk-button {
  color: white!important;
  border-bottom: 1px solid white;
}

.uk-dark a.uk-button.uk-button-default {
  border: 1px solid black;
}

.uk-light p {
  color: white;
}

.uk-dark p, .uk-dark h1 {
  color: black!important;
}

.sk-shuffle {
  display: inline-block;
}


/* postslider - specific */

.uk-slider-items img {
    /* width: 100%; */
}

.uk-animation-stop {
  animation-play-state: paused!important;
}

.uk-slider .uk-slider-items img {
    width: 100%;
}

/* postlist - specific */

.space {
    font-size: 1.5em;
}

/* svg arrow */

.arrow {
  fill: black;
  width: 100px;
  height: 20px;
  transition: width 0.2s ease-in-out, fill 0.2s ease-in-out;
  cursor: pointer;
}
.arrow  polygon {
  transition: transform 0.2s ease-in-out;
}
.arrow  rect {
  transition: width 0.2s ease-in-out;
}

a.arrowcall:hover {
  transition: color 0.2s ease-in-out;
  color: #C12B23!important;
}

.arrowcall:hover .arrow {
  width: 100px;
  fill: #C12B23;
}

.arrowcall:hover .arrow polygon {
  transform: translateX(25px);
}

.arrowcall:hover .arrow rect {
  width: 66px;
}
.arrow:hover, {
  width: 100px;
  fill: #C12B23;
}
.arrow:hover polygon {
  transform: translateX(25px);
}
.arrow:hover rect {
  width: 66px;
}

/* reveal text */

.reveal-text,
.reveal-text::after {
  -webkit-animation-duration: 800ms;
          animation-duration: 800ms;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
          animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}

.reveal-text {
  position: relative;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-animation-name: reveal-text;
          animation-name: reveal-text;
  cursor: default

}

.reveal-text::after {
  content: "";
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  pointer-events: none;
  -webkit-animation-name: revealer-text;
          animation-name: revealer-text;
}

.uk-grid p {
    color: inherit;
}


@-webkit-keyframes reveal-text {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}


@keyframes reveal-text {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}


@-webkit-keyframes revealer-text {

  0%, 50% {
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
  }

  60%, 100% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }


  60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }

  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}


@keyframes revealer-text {

  0%, 50% {
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
  }

  60%, 100% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }


  60% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }

  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

.reveal-text:after {
  content:"\a";
  white-space: pre;
}


/* animation delay */

.delay_one {
  transition-delay: 1s!important;
}

.delay_two {
  transition-delay: 2s!important;
}

.delay_three {
  transition-delay: 3s!important;
}

/* compilation di cubic beziers

cubic-bezier(.57,.21,.69,1.25)
cubic-bezier(.22,.68,0,1.71)
cubic-bezier(.57,.21,.69,3.25)
cubic-bezier(.25,.75,.5,1.25)
cubic-bezier(.51,.92,.24,1.15)
cubic-bezier(.5,-.75,.7,2)
cubic-bezier(.42,.97,.52,1.49)
cubic-bezier(.32,2,.55,.27)
cubic-bezier(.17,.67,1,1.23) */x


@media screen and (max-width: 600px) {

  /* slider - specific */
  .uk-slider-items img
  {
    width: 100%;
    height: 500px;
    object-fit: cover;
  }

  /* grid - specific */
  .custom-min-height {
    min-height: 450px;
    background-size: cover;
  }

  /* gallery - specific */
  li.gallery_content_wrappa {
    /* width: 100%!important; */
    padding: 0;
  }
}