/*
Theme Name: The7 Child
Theme URI: https://example.com/the7-child
Description: Child theme for The7 theme
Author: Your Name
Author URI: https://example.com
Template: dt-the7
Version: 1.0.0
*/

/* Importing the parent theme styles */
@import url("../dt-the7/style.css");

.primary-text em {
    font-style: normal;
    position: relative;
    display: flex;
	justify-content: center;
    font-weight: 200;
}
.primary-text {
    text-transform: uppercase;
                     
                        font-size: 48px;
                        white-space: nowrap;
                        flex-direction: column;
        justify-content: center;
        text-align: center;
                        color: #fff;
                        font-weight: 200;
}
                    .anim-text {
                        /*overflow: visible clip;*/
                        height: 60px;
                        margin-left: 0;
                       font-weight: 700;
                        transition: width 500ms ease-in-out;
                        display: grid;
						margin-top: 10px;
                        @include media(desk-large) {
                            margin-left: 15px;
                            height: 62px;
                        }

                        span {
                            height: 100%;
                            line-height: normal;
                            position: relative;
                            z-index: 100;
                            background: inherit;
                            transition: all ease 700ms;
                            text-align: start;
                            padding-right: 0;
                            opacity: 0;
                            display: table;
                            grid-column: 1;
                            grid-row: 1;
                            // top: 0 !important;
                            @include media(phone) {
                                margin: 0 auto;
                                text-align: center;
                                padding-right: 0;
                            }
                            &.no-anim {
                                transition: none;
                            }
                            &.active {
                                opacity: 1;
                            }
                        }
                    }
  .anim-text {
    position: relative;
  
}

.anim-text span {
    width: 100%;
	text-align: center;
}

.anim-text span.active {
  
    animation: slideIn 1s forwards;
    
}


/* Image animation */
.banner-slider img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
     opacity: 0;
    transition: opacity 1s ease-in-out;
}

.banner-slider img.active {
    opacity: 1;
}
/* Image Fade In */
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Image Fade Out */
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


@keyframes slideIn {
    0% {
        transform: translateY(50px);
        /* Start from below */
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        /* End at original position */
        opacity: 1;
    }
}

@keyframes slideOut {
    0% {
        transform: translateY(0);
        /* Start at original position */
        opacity: 1;
    }
    100% {
        transform: translateY(-50px);
        /* Slide out upwards */
        opacity: 0;
    }
}

.testimonials > div>.e-con-inner .elementor-element:first-child {
	overflow: hidden;
	border-radius: 10px;
}


.banner-slider {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1;
}
.banner-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.banner-section-row {
	position: relative;
	z-index: 1;
}
.banner-section-row:before {
content: "";
    background-color: transparent;
        background-color: transparent;
    background-image: linear-gradient(120deg, #000000 0%, #00000054 100%);
    opacity: 0.90;
height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
	z-index: 99;
	    mix-blend-mode: multiply;
}

.banner-section-row div:first-child {
    height: 100%;
}
.footer-logo .the7-logo-wrap img {
   filter: brightness(100);
}

.contact-form .wpcf7-form label {
	font-size: 17px;
	padding-bottom: 10px;
	font-weight: 400;
	display: block;
	line-height: normal;
}
.wpcf7-form br {
	display: none;
}
.wpcf7-form-control {
	font-size: 17px !important;
}
textarea {
	height: 100px !important;
}
input.wpcf7-form-control[type="submit"] {
	width: 100%;
	height: 60px;
	font-size: 20px !important;
}
.wpcf7-form p {
	position: relative;
}
.wpcf7-form .wpcf7-spinner {
position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
	}
.team-boxes .elementor-element.elementor-element-7c1388b.e-con {
	height: 100%;
}

@media(max-width: 767px) {
    .primary-text {
        font-size: 36px;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .primary-text em {
        gap: 0;
        &:after {
            display: none;
        }
    }
    .anim-text {
        margin: 0;
        justify-content: center;
    }
    .anim-text span {
        text-align: center;
        padding: 0;
    }
}