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



/* additional designs */
p{
	margin-bottom: 20px;
}
p:last-child{
	margin: 0 !important;
}



/* home page */
/* instagram feed */
.instagram-feed:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 46px;
    background: #f3f3f3;
    left: 0;
    bottom: 0;
    z-index: 10000001;
}
/* interactive map */
/* map */
.marker-pin{
    cursor: pointer;
}
.marker-name{
    pointer-events: none;
}
.marker-bg,
.marker-icon,
.marker-name{
    transition: ease-out 0.3s;
}
.marker-pin:hover .marker-bg,
.active-marker .marker-bg{
    opacity: 1 !important;
}
.marker-pin:hover .marker-icon,
.active-marker .marker-icon{
    fill: white !important;
}
.marker-pin:hover + .marker-name,
.active-marker .marker-name{
    opacity: 1 !important;
}
/* content */
body:not(.elementor-editor-active) .station-info{
    display: none;
}
.station-info.active-info{
    display: block !important;
}
.about-box .elementor-button-text{
    text-align: left;
}



/* about page */
.team-profile{
	cursor: pointer;
}
.team-info-popup .elementor-widget-wrap{
    opacity: 1;
    visibility: visible;
    transition: ease-out 0.3s;
}
.team-info-popup.no-team-info .elementor-widget-wrap{
    opacity: 0;
    visibility: hidden;
}
.no-info-msg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 30px;
    font-size: 20px;
    color: #000;
    opacity: 0.65
}



/* values page */
.value-item,
.value-item > div{
    height: 100%;
}
.value-item .elementor-icon-box-icon{
    padding: 20px;
    width: 102px;
    background-color: #fff;
    border-radius: 100%;
    border: 2px solid var( --e-global-color-d96e2c1 );
    margin-top: -80px;
}



/* operations page */
.location-wrapper .elementor-widget-wrap{
	columns: 3;
	display: block !important;
}



/* esg page */
.esg-accordion img{
    display: inline-block;
    vertical-align: middle;
}



/* careers */
.application-wrapper{
    display: none;
}
.application-wrapper iframe{
    display: block;
    height: 1120px;
}



/* contact page */
.contact-socials svg path{
    fill: var( --e-global-color-primary ) !important
}
/* form */
.contact-form label{
    margin: 0 !important;
}
.contact-form .gfield_required{
    color: #c02b0a !important;
	text-transform: lowercase;
	font-style: normal !important;
}
.contact-form .ginput_container input{
    margin: 0 !important;
	line-height: 1.5 !important;
}
.contact-form textarea{
    resize: none;
    height: 132px !important
}
.contact-form .gform_footer{
    margin: 0 !important;
    padding-bottom: 0 !important
}
.contact-form .gform_button{
    margin: 0 !important;
}
.contact-form .gform_validation_errors{
    margin: 0 0 20px !important;
    border-radius: 0 !important;
    padding-top: 10px;
    padding-bottom: 10px;
}
.contact-form .gform_validation_errors h2{
    font-weight: 600 !important;
}
.contact-form .validation_message{
    font-size: 12px !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    line-height: 1 !important;
    font-style: italic;
}



/* posts */
a.wp-block-file__button.wp-element-button{
    padding-left: 15px;
    padding-right: 15px;
}



/* footer */
@media(min-width: 768px){
    .footer-wrapper .elementor-container{
        justify-content: space-between !important;
		gap: 20px !important;
		flex-wrap: nowrap !important;
    }
    .footer-logo{
        width: 320px !important;
    }
    .footer-menu{
        width: 140px !important;
    }
    .footer-contact{
        width: 320px !important;
    }
}



/* MOBILE RESPONSIVE */
@media(max-width: 1024px){
	.header-wrapper .elementor-container{
		flex-wrap: nowrap;
	}
	.header-logo{
		width: 40% !important;
	}
	.header-nav{
		width: 60% !important;
	}
}

@media(max-width: 920px){
	.location-wrapper .elementor-widget-wrap{
		columns: 2;
	}
}

@media(max-width: 767px){
	.value-item .elementor-icon-box-icon{
		padding: 15px;
		width: 77px;
		margin-top: -68px;
	}
	.value-item .elementor-icon-box-icon i{
		font-size: 36px;
	}
	.location-wrapper .elementor-element{
		margin-bottom: 10px;
	}
}

@media(max-width: 520px){
	.hide-520{
		display: none;
	}
	.header-logo{
		width: 70% !important;
	}
	.header-nav{
		width: 30% !important;
	}
	.header-nav .elementor-menu-toggle{
		font-size: 20px
	}
	.header-nav .elementor-search-form__toggle i{
		width: 30px;
		height: 30px;
	}
}

@media(max-width: 360px){
	.location-wrapper .elementor-widget-wrap{
		columns: 1;
	}
}