/*
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
*/


/* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */
@keyframes fadeDown {from {opacity: 0;transform: translate3d(0,-30px,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInDown {animation-name: fadeDown }@keyframes fadeLeft {from {opacity: 0;transform: translate3d(-30px,0,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInLeft {animation-name: fadeLeft }@keyframes fadeRight {from {opacity: 0;transform: translate3d(30px,0,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInRight {animation-name: fadeRight }@keyframes fadeUp {from {opacity: 0;transform: translate3d(0,30px,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInUp {animation-name: fadeUp }


/* FADE IN/OUT */

.fadein, .fadeout {
    -moz-transition: opacity 1.2s ease-in-out;
    -o-transition: opacity 1.2s ease-in-out;
    -webkit-transition: opacity 1.2s ease-in-out;
    transition: opacity 1.2s ease-in-out;
}

.fadein {
    opacity: 0;
	display: none;
}

.fadeout {
    opacity: 1;
	display:block;
}

/* GENERAL */

.content-block {
    width:100%;
    max-width:985px !important;
    margin:0 auto;
}


/* LINK HOVER */

a.elementor-button-link .elementor-button-content-wrapper {
  background-image: linear-gradient(#000, #000), linear-gradient(#fff, #fff);
  background-size: 0 1px, auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  transition: all .2s ease-out;
}

a.elementor-button-link .elementor-button-content-wrapper:hover {
    background-size: 100% 1px, auto;
}

a.elementor-button-link .elementor-button-text {
    margin-bottom:5px;
}



/* HEADER */

.sticky-space-off {
    height:0 !important;
    min-height: 0 !important;
}

.current_page_item > li > a .menu-item-text::before {
    display:none;
}


.branding #site-title a {
    font: normal 600 20px / 24px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    color:#fff;
    text-decoration: none;
}

body.dt_portfolio-template .masthead:not(.mixed-header) {
    background: rgba(255,255,255,0.4) none repeat center center;
}

body.dt_portfolio-template .sticky-off .branding #site-title a {
    color:#000;
}

body.dt_portfolio-template .sticky-off .main-nav > li:not(.wpml-ls-item) > a .menu-text {
  color: #000;
}
body.dt_portfolio-template .sticky-off .from-centre-line > li > a .menu-item-text::before {
  background-color: #000;
}


/* CONTENT LAYOUT */

#main {
    margin-top:-70px;
}


/* PORTFOLIO */

.portfolio-grid .e-loop-item a:before {
    content: '';
    display: block;
    background: rgba(255,255,255,0.85);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    transition:  opacity 0.8s ease-out;
}
.portfolio-grid .e-loop-item a:hover:before{
    opacity: 1;
}

.portfolio-grid .e-loop-item a:hover .elementor-widget-text-editor {
    color:#000 !important;
}

.portfolio-title {
    padding:2em 0 1.9em 0;
}

.portfolio-title h3 {
    margin-bottom: 10px;
}

.portfolio-title h5 {
    margin-bottom: 5px;
}


.portfolio-grid .e-loop__load-more {
    margin-top:38px !important;
}

.elementor-slideshow__title{
   font-weight: 400;
   font-size:14px;
   font-family: "Poppins", Sans-serif !important;
}

.elementor-slideshow__counter {
    font-family: "Poppins", Sans-serif !important;
}

.elementor-video-wrapper {
    padding-bottom: 38%;
    border:1px solid red;
}

/* CONTACT */

.contact-info .elementor-widget-text-editor a {
    color:#000 !important;
}


/* COPYRIGHT */

#bottom-bar .wf-float-left {
    width:100% !important;
    margin-right:0;
    text-align: center !important;
    font-family: "Poppins", Sans-serif !important;
}

#bottom-bar .wf-float-right {
    display: none;
}


/* MOBILE VIEW */


@media all and (max-width: 1100px) {
    
    .mobile-mini-widgets {
       -ms-flex-pack: flex-start !important;
       -ms-justify-content: flex-start !important;
       justify-content: flex-start !important;
       -ms-flex-pack: start !important;
    }
    
    .mobile-mini-widgets a {
        color:#fff;
        text-transform: uppercase;
        text-decoration: none !important;
    }
    
    #main {
        margin-top:-60px !important;
    }
}