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

:root {
	--overlay: rgba(0, 45, 56, 0.9);
	--color-green: #0f9549;
	--color-teal: #148ba9;
	--color-sky: #88d3e1;
	--color-gray: #405563;
}

/* BOOTSTRAP HELPERS
---------------------------
--------------------------- */
.d-none {
  display: none !important;
}

@media (min-width: 992px) {
	.d-lg-block {
		display: block !important;
	}
	.d-lg-none {
		display: none !important;
	}
}

@media (min-width: 768px) {
  .reverse-columns.vc_row-flex {
	flex-direction: row-reverse;
  }
}

.text-white,
.text-white * {color: #fff!important}

.text-teal * {color: var(--color-teal)!important}

hr {
	display: block;
	margin: 35px 0;
	margin-inline-start: auto;
	margin-inline-end: auto;
	color: gray;
	unicode-bidi: isolate;
	overflow: hidden;
	border: 0;
	border-top: 1px solid #88d3e1;
}

.branding a img, .branding img, .logo-box img {width: 250px; margin: 10px 0;}
.mobile-branding a img, .mobile-branding img {width: 200px; margin: 10px 0;}

/* HERO
---------------------------
--------------------------- */
.hero {padding-top: 200px; padding-bottom: 100px;}
.hero h1 {text-transform: uppercase;}
.hero h1 em {display: block; margin-top: 15px; font-style: normal; font-weight: 500; font-size: 2rem; text-transform: none; color: var(--color-sky)!important; line-height: 1.3;}

@media (min-width: 992px) {
	.hero-home {min-height: 600px;}
	.hero h1 {width: 50%;}
}
@media (min-width: 1200px) {
}

/* INTRO
---------------------------
--------------------------- */
.intro p:first-child {font-size: 1.5rem; line-height: 1.5; color: var(--color-teal); font-weight: 500;}

@media (min-width: 1200px) {
	.intro {margin: 0 10%;}
}


/* FAQs
---------------------------
--------------------------- */
.vc_tta-title-text {font-weight: 500}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon,
.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus:before,
.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus:after {color: var(--color-teal)!important}
.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a {padding: 25px!important}