/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ######################################## */
/*            DESIGNOUS CREDITS             */
/* ######################################## */

@font-face {
    font-family: 'Charter';
    src: local('Charter Bold'), local('Charter-Bold'),
        url('/wp-content/themes/woodmart-child/fonts/Charter-Bold.woff2') format('woff2'),
        url('/wp-content/themes/woodmart-child/fonts/Charter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neutraface Text Greek Book';
    src: local('Neutraface Text Greek Bold'), local('NeutrafaceTextGreek-Bold'),
        url('/wp-content/themes/woodmart-child/fonts/NeutrafaceTextGreek-Bold.woff2') format('woff2'),
        url('/wp-content/themes/woodmart-child/fonts/NeutrafaceTextGreek-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neutraface Text Greek Book';
    src: local('Neutraface Text Greek Book'), local('NeutrafaceTextGreek-Book'),
        url('/wp-content/themes/woodmart-child/fonts/NeutrafaceTextGreek-Book.woff2') format('woff2'),
        url('/wp-content/themes/woodmart-child/fonts/NeutrafaceTextGreek-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chobani Serif Web';
    src: local('Chobani Serif Web Semibold Regular'), local('ChobaniSerifWeb-Semibold'),
        url('/wp-content/themes/woodmart-child/fonts/ChobaniSerifWeb-Semibold.woff2') format('woff2'),
        url('/wp-content/themes/woodmart-child/fonts/ChobaniSerifWeb-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neutraface Text Greek Demi';
    src: local('Neutraface Text Greek Demi'), local('NeutrafaceTextGreek-Demi'),
        url('/wp-content/themes/woodmart-child/fonts/NeutrafaceTextGreek-Demi.woff2') format('woff2'),
        url('/wp-content/themes/woodmart-child/fonts/NeutrafaceTextGreek-Demi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.pulse {
    width: 14px;
    margin: -3px 3px 0 3px;
}

.designous-credits>a:hover {
    color: #7bccc1 !important;
    text-decoration: none !important;
}

.designous-credits .pulse {
    -webkit-animation: pulse 700ms linear infinite;
    -moz-animation: pulse 700ms linear infinite;
    -ms-animation: pulse 700ms linear infinite;
    animation: pulse 700ms linear infinite;
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

}

@-ms-keyframes pulse {
    0% {
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -ms-transform: scale(1);
        transform: scale(1);
    }

}

.the__title .word,
.the__subtitle .word,
.the__content .word {
    opacity: 0;
    transform: translateY(10px);
    display: inline-block;
}

.in-view .the__title .word,
.in-view .the__subtitle .word,
.in-view .the__content .word {
    opacity: 1;
    transform: translateY(0);
    transition: all 900ms cubic-bezier(.34, .5, .04, 1);
    transition-delay: calc(50ms * var(--line-index));
}

.rellax {
    position: relative;
    z-index: 2;
    -webkit-transition: -webkit-transform 900ms cubic-bezier(.34, .5, .04, 1);
    transition: -webkit-transform 900ms cubic-bezier(.34, .5, .04, 1);
    transition: transform 900ms cubic-bezier(.34, .5, .04, 1);
    transition: transform 900ms cubic-bezier(.34, .5, .04, 1), -webkit-transform 1.25s cubic-bezier(.34, .5, .04, 1)
}

.anim--slide-up {
    display: block;
    overflow: hidden;
}

.anim--slide-up span {
    display: inline-block;
    -webkit-transform: translateY(115%);
    transform: translateY(115%);
}

.in-view .anim--slide-up span {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.anim--scale-fadeup {
    opacity: 0;
    -moz-transform: translateY(20px) scaleY(1.1);
    -ms-transform: translateY(20px) scaleY(1.1);
    -webkit-transform: translateY(20px) scaleY(1.1);
    transform: translateY(20px) scaleY(1.1);
    transform-origin: top left;
}

.in-view .anim--scale-fadeup {
    opacity: 1;
    transform: translateY(0) scaleY(1);
}

.anim--fadeup {
    opacity: 0;
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transform-origin: top left;
}

.in-view .anim--fadeup {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.anim--slide-up span,
.anim--scale-fadeup,
.anim--fadeup {
    -webkit-transition: all 600ms 50ms cubic-bezier(.16, .01, .77, 1);
    transition: all 600ms 50ms cubic-bezier(.16, .01, .77, 1);
    transition: all 600ms 50ms cubic-bezier(.16, .01, .77, 1);
}

.delay--2 { transition-delay: 200ms;}
.delay--3 { transition-delay: 400ms;}
.delay--4 { transition-delay: 600ms;}

@media only screen and (max-width:920px) {
    .rellax {
        transform: none !important;
        -webkit-transform: none !important
    }
}