/*
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 {
--green-dk: #385542;
--green-md: #a29e3d;
--navy: #1e355e;
--blue-dk: #003b4f;
--blue-md: #5c899f;
--blue-lt: #6e98ad;
--aqua: #b8e3ec;
--red: #af282e;
--bg-light: #f5f5f5;
--white: #fff;
}

/* BOOTSTRAP HELPERS
---------------------------
--------------------------- */
.py-50 {padding-top: 50px; padding-bottom: 50px;}
.pt-50 {padding-top: 50px}
.pb-50 {padding-bottom: 50px}

.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}
.bg-light { background-color: var(--bg-light)}
.bg-dkblue { background-color: var(--blue-dk)}

.bg-wave { background-repeat: repeat-x; background-position: top center; padding-top: 100px;}
.bg-wave-top-white { background-image: url(/wp-content/uploads/2026/06/bg-wave-top-white-430.svg); }
.bg-wave-top-light { background-image: url(/wp-content/uploads/2026/06/bg-wave-top-light0430.svg); }

h3 { color: var(--green-dk); position: relative;}
/* h3:after {content: ''; width: 100px; height: 3px; background-color: var(--green-md); display: block; margin: 10px 0 15px 0;} */

h3:after {
  content: "";
  display: block;
  width: 120px;
  height: 12px;
  margin-top: 8px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 12"><path d="M0,6 Q5,1 10,6 T20,6" fill="none" stroke="%23a29e3d" stroke-width="3" stroke-linecap="round"/></svg>');
  background-repeat: repeat-x;
  background-size: 20px 12px;
}

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 #6e98ad;
}

.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 {}
.hero h1 em {display: block; margin-top: 15px; font-style: normal; font-weight: 500; font-size: 2rem; 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.py-50 {padding-top: 65px; padding-bottom: 65px;}
.intro {text-align: center; }
.intro h2 { font-size: 2rem!important; line-height: 1.5;}
.intro h3:after {margin: 8px auto 25px auto;}
.intro p {font-size: 1.25rem; line-height: 1.5; font-weight: 350;}
.intro p strong {color: var(--red)}

@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.vc_general .vc_tta-panel-title>a {padding: 25px 25px 25px 0!important; }
.vc_tta.vc_general .vc_tta-panel-title>a span {color: var(--blue-dk) }
.vc_tta.vc_general .vc_tta-panel-body {padding: 0 15% 25px 0!important}
.vc_tta.vc_general .vc_tta-panel-body br {display: none;}
.vc_tta-panel-body .wpb_content_element {margin-bottom: 0!important}
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel :is(.vc_tta-panel-heading:focus,.vc_tta-panel-heading:hover) {background-color: var(--blue-lt)}


.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {border-color: #fff!important;}
.vc_tta-panel {border: 0!important; border-bottom: 1px solid var(--aqua)!important}

.vc_tta.vc_tta-style-classic :is(.vc_tta-panel.vc_active,.vc_tta-panel:not(:last-child)) .vc_tta-panel-heading {margin-bottom: 0!important;}
.vc_tta.vc_tta-style-classic .vc_tta-panel.vc_active+.vc_tta-panel .vc_tta-panel-heading, .vc_tta.vc_tta-style-classic .vc_tta-panel:not(:first-child) .vc_tta-panel-heading {margin-top: 0!important}

/* STATS
---------------------------
--------------------------- */
.stat-header h2 {margin-bottom: 30px; color: var(--aqua)!important }
.stat h2 {font-size: 60px; }
.stat p {text-transform: uppercase; font-weight: 600; margin: 25px 8% 0 8%}

.caption p {font-size: 12px; font-style: italic;}

/* TABLE
---------------------------
--------------------------- */
table, .content table {
  width: 100%;
  margin: 30px 0!important;
  background-color: transparent;
}

table th,
table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

table table {
  background-color: #fff;
}

