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

.btn-custom { background-color: white !important; padding: 16px 45px; transition: all 0.5s ease-in; color: #421211 !important;}
.btn-custom:hover { background-color: #fec046 !important; }
.contact-form input, .contact-form textarea { border: none !important; border-bottom: solid 1px #ccc !important; }
.contact-form-submit-btn { margin-top: 30px !important; background-color: #f15a22 !important; border: none !important; border-radius: 40px !important; color: white !important; font-size: 18px !important; font-weight: 700; text-transform: uppercase !important; padding: 16px 45px !important; transition: all 0.3s ease-in !important; }
.contact-form-submit-btn:hover { background-color: #fec046 !important; }
.contact-info, .contact-info a { font-size: 17px; color: white !important; }
.contact-info .uavc-list li { margin-bottom: 20px !important; }
.dt-btn { border-radius: 100px; }
.dt-btn-l { padding-left: 45px; padding-right: 45px; }
#faqs li p:first-of-type { margin-bottom: 0; }
.fine-print { font-size: 0.8em; }
.footer .menu li { border: none; padding-top: 2px; padding-bottom: 2px; }
.footer .menu li.current-menu-item a { color: #421211 !important; }
.footer .menu li a:hover { text-decoration: none; }
#home-feature { height: 700px; }
#home-feature h1 { font-size: 82px; line-height: 1; }
.list-custom ul li { margin-bottom: 20px !important; border-bottom: solid 1px #eee; padding-bottom: 15px !important; }
.list-custom ul li:last-child { border-bottom: none; }
.list-custom ul li span { font-size: 18px; }
.list-custom ol { padding-left: 30px;}
.list-custom ol li { list-style-type:decimal !important; }
.nav-btn a { pointer-events: none; }
.nav-btn a:hover { background-color: transparent; }
.nav-btn a .menu-item-text .menu-text { display: inline-block; background-color: white; padding: 10px 20px; border-radius: 100px; color: #421211 !important; pointer-events:visible; }
.nav-btn a .menu-item-text .menu-text:hover { background-color: #f15a22; color: white !important; }
.nav-btn.current-menu-item a .menu-item-text .menu-text { background-color: #f15a22; color: white !important; } 
p { margin-bottom: 20px; }
.row-bg-light { background-color: #fafafa; }
.row-padding { padding-top: 60px !important; padding-bottom: 60px !important; }
.row-padding-bottom { padding-bottom: 60px !important; }
.row-padding-top { padding-top: 60px !important; }
.sticky-logo img { position: relative; top: -5px; }
.tilt-padding { padding-top: 70px !important; padding-bottom: 20px !important; }
.tilt-padding-bottom { padding-bottom: 70px !important; }
.tilt-padding-bottom-lg { padding-bottom: 120px !important; }
.top-header .main-nav .menu-text:after { right: -5px; }
ul li, ul li p { line-height: 1.5; }
#who-is-involved ul { margin-left: 0; }
#who-is-involved ul li { background-color: #f15a22; padding: 10px; border-radius: 3px; color: white; list-style-type: none; }
#who-is-involved ul li a { color: white; text-decoration: none; }
.wpb_text_column ul li { margin-bottom: 20px; }


/************************************************
PROJECT LEADERSHIP TEAM
************************************************/

#leadership-team-members { background-color: #fec046; margin-left: -50px; margin-right: -50px; }
#leadership-team-members ul { display: flex; justify-content: center; flex-wrap: wrap; list-style-type: none; text-align: center; margin: 0; padding: 0 40px; box-sizing: border-box;   }
#leadership-team-members ul li { margin: 0 2.5% 20px; width: 20%;   }
#leadership-team-members ul li img { width: 100%; max-width: 200px; border-radius: 100%; display: block; margin: 0 auto 20px; }
#leadership-team-members ul li p { margin-bottom: 0; line-height: 1.2; }
.single-leadership_team #main { padding-bottom: 0; }
.single-leadership_team .page-title { display: none; }

.separator { position: relative; height: 60px; width: 100%; }
.separator::after {
  display: block;
  position: absolute;
  content: "";
  width: calc(100% + 100px);
  height: 100%;
  background-color: #fec046;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  margin: 0 -50px;
}


/************************************************
PROGRAMS
************************************************/

.program-feature { padding-top: 250px; padding-bottom: 250px; }
.program-feature .upb_row_bg { background-position: center top !important; }
.program-feature-content img { opacity: 0.4; }
.program-info ul, .program-info ol { padding-left: 30px; line-height: 1.2; }
.program-info ul ul, .program-info ul ol, .program-info ol ul, .program-info ol ol { margin-top: 10px;}
.program-info ul li, .program-info ol li { margin-bottom: 10px; line-height: 1.4 }
.program-info h3:nth-of-type(n + 2) { margin-top: 30px; }


/************************************************
TYPOGRAPHY
************************************************/

p { font-family: quire-sans, sans-serif !important; font-weight: 400; font-style: normal; }
h1, h2, h3 { font-family: quire-sans, sans-serif !important; font-weight: 700 !important; font-style: normal: important; }
h1, h2 { font-weight: 900 !important; }
h1 { margin-bottom: 25px; }
h2 { margin-bottom: 20px; color: #479dd6; font-weight: 700 !important; }
.overlay-text h2 { font-size: 60px; }


/************************************************
MEDIA QUERIES
************************************************/

@media only screen and (max-width: 1200px) {
	#home-feature { height: 600px; }
}

@media only screen and (max-width: 992px) {
	footer img { display: block; width: 150px; margin: 0 auto; }
	footer ul.menu { text-align: center; }
	#home-feature h1 { font-size: 65px;}
	.program-feature { padding-top: 200px; padding-bottom: 200px; }
}

@media only screen and (max-width: 769px) {
	.center-on-mobile, .center-on-mobile h1, .center-on-mobile h2, .center-on-mobile h3, .center-on-mobile h4, .center-on-mobile p { text-align: center !important; }
	.hide-on-mobile { display: none !important; }
	#home-feature { height: 400px; }
	#home-feature h1 { font-size: 50px; }
	#leadership-team-members ul { justify-content: space-around; }
	#leadership-team-members ul li { width: 42%; margin: 0 4% 30px; }
	#leadership-team-members ul p { line-height: 22px; }
	.row-paddingx { padding-top: 30px !important; padding-bottom: 30px !important; }
	.row-padding-bottomx { padding-bottom: 30px !important; }
	.row-padding-topx { padding-top: 30px !important; }
	.swap-on-mobile { display: flex !important; flex-direction: column-reverse; }
	.tilt-padding { padding-top: 50px !important; padding-bottom: 50px !important; }
}

@media only screen and (max-width: 650px) {
	#home-feature h1 { font-size: 40px; }
	.program-feature { padding-top: 150px; padding-bottom: 150px; }
}