/*
  Motion layer for the public website.
  Keeps the original layout intact and adds progressive animation only.
*/

html {
    scroll-behavior: smooth;
}

[data-lp-reveal] {
    opacity: 0;
    -webkit-transform: translate3d(0, 28px, 0);
    transform: translate3d(0, 28px, 0);
    -webkit-transition: opacity 720ms ease, -webkit-transform 720ms cubic-bezier(0.22, 1, 0.36, 1), filter 720ms ease;
    transition: opacity 720ms ease, transform 720ms cubic-bezier(0.22, 1, 0.36, 1), filter 720ms ease;
    will-change: opacity, transform;
}

[data-lp-reveal].is-visible {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#page-navigation [data-lp-reveal] {
    -webkit-transform: translate3d(0, -14px, 0);
    transform: translate3d(0, -14px, 0);
}

#page-navigation [data-lp-reveal].is-visible {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.container.hr[data-lp-reveal] {
    -webkit-transform: scaleX(0.78);
    transform: scaleX(0.78);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.container.hr[data-lp-reveal].is-visible {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

[data-lp-parallax] {
    will-change: transform;
}

#page-navigation .navbar-brand img,
#page-navigation .navbar-text > li > a,
#page-navigation .navbar-social > li > a,
.media-link,
.btn-readmore,
.btn-send,
.mobile-contact {
    -webkit-transition: color 220ms ease, opacity 220ms ease, filter 220ms ease, -webkit-transform 220ms ease;
    transition: color 220ms ease, opacity 220ms ease, filter 220ms ease, transform 220ms ease;
}

#page-navigation .navbar-brand:hover img,
#page-navigation .navbar-text > li > a:hover,
#page-navigation .navbar-social > li > a:hover,
.media-link:hover,
.btn-readmore:hover,
.btn-send:hover,
.mobile-contact:hover {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

.content-media-body .media-left .sprite,
#page-aside .media > .sprite {
    -webkit-transition: -webkit-transform 280ms ease, filter 280ms ease;
    transition: transform 280ms ease, filter 280ms ease;
}

.content-media-body:hover .media-left .sprite,
#page-aside .media:hover > .sprite {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
    filter: drop-shadow(0 8px 12px rgba(0, 115, 176, 0.18));
}

#page-aside .aside-advert img,
#page-container .media-desc img.img-responsive,
.content-media-body .media-left.img img {
    -webkit-transition: filter 260ms ease;
    transition: filter 260ms ease;
}

#page-aside .aside-advert a:hover img,
#page-container .media-desc img.img-responsive:hover,
.content-media-body .media-left.img:hover img {
    filter: saturate(1.06) contrast(1.02);
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    [data-lp-reveal],
    #page-navigation .navbar-brand img,
    #page-navigation .navbar-text > li > a,
    #page-navigation .navbar-social > li > a,
    .media-link,
    .btn-readmore,
    .btn-send,
    .mobile-contact {
        animation: none !important;
        -webkit-transition: none !important;
        transition: none !important;
        -webkit-transform: none !important;
        transform: none !important;
    }

    [data-lp-reveal] {
        opacity: 1;
    }
}