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

/****** general styles ******/
/****************************/
:root {
	--grey: #333333;
	--red: #FC0000;
}
@font-face {
    font-family: 'VAG Rounded';
    src: url('/wp-content/uploads/fonts/VAG-Rounded-Bold.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/VAG-Rounded-Bold.woff') format('woff'),
        url('/wp-content/uploads/fonts/VAG-Rounded-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.vc_custom_heading.underline {
	padding: 0 0 15px 0;
	border-bottom: 1px dashed var(--grey);
	background: url('images/bg-titleshadow.jpg') center top/100% 100% no-repeat scroll #f9f9f9;
}

/* overrides */
.transparent:not(.photo-scroller-album) .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) {
	border-bottom: 1px solid var(--grey) !important;
	box-shadow: 0 0 15px rgba(0,0,0,.5) !important;
}
.branding {
	transform: translateX(-20%);
}
.mega-menu-img img {
	padding: 10px;
	border: 1px dashed var(--red);
	box-sizing: border-box;
	background: #fff;
	transition: all .25s;
}
.mega-menu-img:hover img {
	border: 1px dashed var(--grey);
}

/* homepage */
#homeTopHero {
	padding-top: 28vh;
	padding-bottom: 22vh;
	background: url('images/bg-hometophero.jpg') center bottom/cover no-repeat scroll #f9f9f9;
}

#homeMiddleSection {
	background: url('images/bg-services.png') left center/auto 100% no-repeat scroll #f9f9f9;
	padding-bottom: 50px;
}
.row-service {
	padding-top: 12%;
}
.row-service .col-img .wpb_single_image {
	margin-bottom: 0;
	transform: translateY(-40%);
}
.row-service .col-img .wpb_single_image .vc_single_image-wrapper {
	border-radius: 50%;
	border: 1px solid #666;
	padding: 2px;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.row-service .col-img .wpb_single_image .vc_single_image-wrapper img {
	border-radius: 50%;
	border: 1px dashed var(--red);
	box-sizing: border-box;
}
.row-service.odd .col-txt {
	padding-right: 8%;
}
.row-service.even .col-txt {
	padding-left: 8%;
}

#homeContact {
	padding-bottom: 100px;
}
#homeContact .row-contactinfo {
	padding-top: 50px;
	padding-bottom: 50px;
}
#homeContact .row-contactinfo .icon-inner {
	border-radius: 50%;
	border: 1px dashed var(--red);
	background: #fff;
}
#homeContact .row-contactinfo .soc-icon::before {
	color: var(--grey);
}
#homeContact .wpcf7-form .contact-form-block > p {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#homeContact .wpcf7-form .contact-form-block > p > label {
	flex: 0 0 47%;
}
#homeContact .wpcf7-form .contact-form-block > p > label.full {
	flex: 0 0 100%;
}
#homeContact .wpcf7-form .contact-form-block .wpcf7-acceptance {
	font-size: 14px;
	line-height: 20px;
	color: #666666;
}
#homeContact .wpcf7-form .contact-form-block .separator {
	display: block;
	margin-bottom: 15px;
	width: 100%;
}
#homeContact .col-map {
	border: 1px solid #A9A4A4;
	border-radius: 10px;
	overflow: hidden;
}
#homeContact .col-email .wpb_single_image {
	margin-bottom: 0;
	margin-top: 5px;
}

@media (max-width: 767px) {
	#homeTopHero {
		padding-top: 20vh;
		padding-bottom: 14vh;
	}
	#homeTopHero .wpb_text_column {
		width: 80%;
	}
	.row-service .col-img .wpb_single_image {
		transform: translateY(-10%);
		max-width: 200px;
		margin: 0 auto;
	}
	.row-service .col-txt {
		padding: 0 !important;
	}
	.row-service.even {
		display: flex;
		flex-direction: column-reverse;
	}
	.row-contactinfo > .wpb_column {
		margin-bottom: 35px;
	}
	#homeContact .col-map {
		min-height: 350px;
		margin-top: 35px;
	}
}
@media (max-width: 499px) {
	#homeTopHero .wpb_text_column {
		width: 100%;
	}
	#homeContact .wpcf7-form .contact-form-block > p > label {
		flex: 0 0 100%;
	}
}