/*
 Theme Name:   Support Child
 Description:  Support Child Theme
 Author:       Designous
 Author URI:   http://designous.gr
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

@font-face {
    font-family: 'TT Norms Pro';
    src: local('TT Norms Pro Medium'), local('TTNormsPro-Medium'),
        url('/wp-content/themes/support-child/fonts/TTNormsPro-Medium.woff2') format('woff2'),
        url('/wp-content/themes/support-child/fonts/TTNormsPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms Pro';
    src: local('TT Norms Pro Regular'), local('TTNormsPro-Regular'),
        url('/wp-content/themes/support-child/fonts/TTNormsPro-Regular.woff2') format('woff2'),
        url('/wp-content/themes/support-child/fonts/TTNormsPro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms Pro';
    src: local('TT Norms Pro Light'), local('TTNormsPro-Light'),
        url('/wp-content/themes/support-child/fonts/TTNormsPro-Light.woff2') format('woff2'),
        url('/wp-content/themes/support-child/fonts/TTNormsPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms Pro';
    src: local('TT Norms Pro Bold'), local('TTNormsPro-Bold'),
        url('/wp-content/themes/support-child/fonts/TTNormsPro-Bold.woff2') format('woff2'),
        url('/wp-content/themes/support-child/fonts/TTNormsPro-Bold.woff') format('woff');
    font-weight: bold;
    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 .7s linear infinite;
    -moz-animation: pulse .7s linear infinite;
    -ms-animation: pulse .7s linear infinite;
    animation: pulse .7s 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(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.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(.8);
        transform: scale(.8)
    }

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

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

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

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

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

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

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


/* Animations */
.anim--reveal-bot {
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
}

.anim--reveal-left {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
}

.anim--reveal-top {
    -webkit-clip-path: inset(100% 0 0 0);
    clip-path: inset(100% 0 0 0);
}

.anim--reveal-right {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
}

/* .anim-reveal-bg,
.anim-reveal-bg-top {
	width: 100%;
  	height: 100%;
  	transition: var(--trans-900);
  	position: absolute;
  	z-index: 3;
} */

.anim--from-bottom {
    opacity: 0;
    transform: translateY(50px);
}

.anim--to-bottom {
    opacity: 0;
    transform: translateY(-50px);
}

.anim--scale-normal {
    transform: scale(1.2);
    opacity: 0;
}

.anim--scale-top {
    transform: scaleY(1.2) translateY(50px);
    transform-origin: top;
    opacity: 0;
}


.in-view .anim--from-bottom,
.in-view .anim--to-bottom,
.in-view .anim--scale-normal,
.in-view .anim--scale-top {
	transform: none;
    opacity: 1;
}

[class*="anim--"] {
    transition: var(--trans-900);
}

.in-view [class*="anim--reveal"] {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
}

.delay--2,
.swiper-slide:nth-child(2) [class*="anim--"]  {
    transition-delay: 150ms;
}

.delay--3,
.swiper-slide:nth-child(3) [class*="anim--"] {
    transition-delay: 300ms;
}

.delay--4,
.swiper-slide:nth-child(4) [class*="anim--"] {
    transition-delay: 450ms;
}

.delay--5,
.swiper-slide:nth-child(5) [class*="anim--"] {
    transition-delay: 600ms;
}

.delay--6,
.swiper-slide:nth-child(6) [class*="anim--"] {
    transition-delay: 750ms;
}

@media (max-width: 767px) {
    .anim--to-bottom,
    .anim--from-bottom,
    .anim--scale-top,
    .anim--scale-normal {
        transform: none!important;
    }
}

.swiper-wrapper {
    opacity: 0;
    transition: var(--trans-600);
}

.swiper-initialized .swiper-wrapper {
    opacity: 1;
}