/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/




/**
Layout
*/

body.home #main {
    padding-top: 0 !important;
}

.hero h1 {
    color: #fff;
}





/*** ANIMATION UTILITIES ***/

.js .anim-fade-in,
.js .anim-fade-up,
.js .anim-slide-left,
.js .anim-slide-right,
.js .anim-scale-up,
.js .anim-clip-up,
.js .anim-zoom-in {
    opacity: 0;
    visibility: hidden;
    transition:
        opacity var(--anim-duration, 0.7s) cubic-bezier(0.22, 1, 0.36, 1),
        transform var(--anim-duration, 0.7s) cubic-bezier(0.22, 1, 0.36, 1),
        clip-path var(--anim-duration, 0.7s) cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear;
    transition-delay: var(--anim-delay, 0s);
    will-change: transform, opacity, clip-path;
}

.js .anim-fade-up {
    transform: translate3d(0, 80px, 0);
}

.js .anim-fade-in {
    opacity: 0;
}

.js .anim-slide-left {
    transform: translate3d(-80px, 0, 0);
}

.js .anim-slide-right {
    transform: translate3d(80px, 0, 0);
}

.js .anim-scale-up {
    transform: scale(0.82);
    transform-origin: center center;
}

.js .anim-clip-up {
    clip-path: inset(0 0 100% 0 round 10px);
}

.js .anim-zoom-in {
    transform: scale(0.8);
    transform-origin: center center;
}

.js .anim-fade-up.is-visible,
.js .anim-fade-in.is-visible,
.js .anim-slide-left.is-visible,
.js .anim-slide-right.is-visible,
.js .anim-scale-up.is-visible,
.js .anim-clip-up.is-visible,
.js .anim-zoom-in.is-visible,
.js .stagger-children.anim-fade-up,
.js .stagger-children.anim-fade-in,
.js .stagger-children.anim-slide-left,
.js .stagger-children.anim-slide-right,
.js .stagger-children.anim-scale-up,
.js .stagger-children.anim-clip-up,
.js .stagger-children.anim-zoom-in,
.js .stagger-children>.wpb_column,
.js .stagger-children>.vc_column_container,
.js .stagger-children>.vc_column-inner {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0) scale(1);
    clip-path: inset(0 0 0% 0 round 10px);
}

.js .stagger-children>.wpb_column,
.js .stagger-children>.vc_column_container,
.js .stagger-children>.vc_column-inner {
    transition: opacity var(--anim-duration, 0.7s) cubic-bezier(0.22, 1, 0.36, 1), transform var(--anim-duration, 0.7s) cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--anim-delay, 0s);
}

.delay-50 {
    --anim-delay: 50ms !important;
}

.delay-100 {
    --anim-delay: 100ms !important;
}

.delay-150 {
    --anim-delay: 150ms !important;
}

.delay-200 {
    --anim-delay: 200ms !important;
}

.delay-300 {
    --anim-delay: 300ms !important;
}

.delay-400 {
    --anim-delay: 400ms !important;
}

.delay-500 {
    --anim-delay: 500ms !important;
}

.delay-600 {
    --anim-delay: 600ms !important;
}

.delay-700 {
    --anim-delay: 700ms !important;
}

.delay-800 {
    --anim-delay: 800ms !important;
}

.delay-900 {
    --anim-delay: 900ms !important;
}

.delay-1000 {
    --anim-delay: 1000ms !important;
}

.duration-300 {
    --anim-duration: 0.3s;
}

.duration-500 {
    --anim-duration: 0.5s;
}

.duration-700 {
    --anim-duration: 0.7s;
}

.duration-1000 {
    --anim-duration: 1s;
}


/* products */

article.type-product img.is-loaded {
    transition: ease-in-out 100ms all;
}

article.type-product img.is-loaded:hover {
    transform: scale(1.04);
}

/*
article.type-product .woocom-project {
    transition: ease-in-out 100ms all;
}

article.type-product .woocom-project:hover {
    transform: scale(1.05);
}
*/