/*======================================
Theme Name: Steam Labs
Theme URI: https://divicake.com/
Description: Divi Theme Customized for Steamlabs.ca
Version: 1.0
Author: Dimentians
Author URI: http://www.dimentians.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
@import 'main.css';


@font-face {
  font-family: 'walsheim';
  src: url('GT-Walsheim-Regular.eot'); /* IE9 Compat Modes */
  src: url('GT-Walsheim-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('GT-Walsheim-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('GT-Walsheim-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('GT-Walsheim-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('GT-Walsheim-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-style: normal;
  font-weight: normal, 300,400,500;
}

@font-face {
  font-family: 'walsheim2';
  src: url('GT-Walsheim-Regular.eot'); /* IE9 Compat Modes */
  src: url('GT-Walsheim-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('GT-Walsheim-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('GT-Walsheim-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('GT-Walsheim-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('GT-Walsheim-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-style: normal;
  font-weight: normal, 300,400,500;
}

@font-face {
  font-family: 'walsheim';
  src: url('GT-Walsheim-Bold.eot'); /* IE9 Compat Modes */
  src: url('GT-Walsheim-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('GT-Walsheim-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('GT-Walsheim-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('GT-Walsheim-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('GT-Walsheim-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'walsheim2';
  src: url('GT-Walsheim-Bold.eot'); /* IE9 Compat Modes */
  src: url('GT-Walsheim-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('GT-Walsheim-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('GT-Walsheim-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('GT-Walsheim-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('GT-Walsheim-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-style: normal;
  font-weight: 700;
}











body {
	color: #666;
	background-color: #fff;
	font-family: walsheim2, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.7em;
}

#top-header, #et-secondary-nav li ul {
    background-color: #201e5d;
}

#main-footer{width:100%; float:left;}

.program_sec{width:100%; float:left;}
.program_right{width:50%; float:left; text-align:left; padding:0px 60px 80px 60px; margin-top: 175px;}
.program_left{width:50%; float:left; padding:30px 20px;}
.program_right h1{color:#211c5a; font-weight: 600;}
/*.program_right h1::after{content:""; width:140px; height:5px; background:#211c5a; display:block; margin:25px auto 15px;}*/
.program_right p{color:#211c5a; font-size:14px; line-height:24px;}
.program_name{width:100%; float:left; padding:50px 0;}
.program_right a{color:#211c5a; text-decoration:underline; display:block;}
.register_now{display:inline-block; clear:both; background:#211c5a; color:#fff; text-decoration:none; padding:8px 40px; margin:40px 0 20px; border-radius:5px;}
.program_right a.register_now{display:inline-block; text-decoration:none; color:#fff;}

.program_name h2{margin-bottom:30px;color:#000;font-weight:500;font-size:32px;
letter-spacing:0;}
.program_name h3, .upcoming_dates h3{border-bottom: 2px solid #ccc;margin-bottom: 20px;font-weight: 500;color: #000;letter-spacing:0;font-size: 32px;}
.program_cell p{font-weight: 300;font-size: 12pt;line-height: 1.7em;}
.program_name h4{color: #211c5a;text-transform: uppercase;font-weight: bold;
font-size: 15px;letter-spacing:0; margin-bottom:25px; clear:left;}

.program_cell{width:50%; float:left; margin-bottom:30px; padding-right:20px;}
.program_cell_row{width:100%; margin-bottom:30px; padding-right:20px;}
.program_cell h5, .program_cell_row h5{text-transform:uppercase; color:#211c5a;}
.program_name hr{width:100%;float: left;border-color: #4c4c4c;margin: 10px 0 40px;}
.project_slider{width:100%; float:left; margin-bottom:50px;}
.project_sec{width:100%; float:left; background:#feda79;}
.project_img{width:50%; float:left;}
.project_content{width:50%; float:left; padding:50px;}

.project_content p{margin-bottom:20px; color:#211c5a;}
.project_content .author_name{color:#211c5a;}

.faq_sec{width:100%; float:left; margin-bottom:50px;}
.faq_sec h3{margin-bottom: 40px;color: #000;font-size: 32px;font-weight: 500;letter-spacing:0;padding: 0 30px;}
.faq_sec h4{font-weight:bold;letter-spacing: 0;font-size: 22px;color: #000;}

.accordion{color:#211c5a; cursor:pointer; width:100%; border: none; text-align: left; outline: none; transition:0.4s; text-transform:uppercase; font-weight:bold; padding:15px 0; border-top: 2px solid #ccc;}

.panel{max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.panel p{margin:0 0 20px;}
.accordion:after{content: '\002B'; color: #211c5a; font-weight: 400; float: right; margin-left: 5px; font-size: 50px;}
.faq_sec .active:after{content:"\2212";}

.contact_us{width:100%; float:left; margin-bottom:40px;}
.contact_us h4{color:#211c5a; font-weight:bold; text-align:center; margin-bottom:20px;}
.contact_btn{width:100%; float:left; text-align:center;}
.contact_us a{background:#211c5a; color:#fff; padding:10px 40px; float:none; display:inline-block; border-radius:5px;}

.upcoming_dates{width:100%; float:left; margin-bottom:40px;}
.upcoming_dates h4{margin-bottom:20px;color: #000;font-size: 32px;
border-top: 2px solid #ccc;padding-top: 40px;letter-spacing: 0;font-weight: 500;}
.upcoming_dates h4 span{color:#211c5a;}
.upcoming_dates table thead tr td{color:#000;font-weight:600; vertical-align: top;}
.upcoming_dates table thead tr td span{display:block; font-size:12px; font-weight:normal; letter-spacing:0; color:#5b5b5b; line-height:14px;}
.project_profile{width:90px; height:90px; background:#ccc; float:left; margin-right:10px;}
.upcoming_dates table tbody tr td strong{color:#000; display:block; font-weight:500; font-size:16px;}
.upcoming_dates table{width:100%;}
.upcoming_dates table td{padding:15px 10px;}
.upcoming_dates table tbody td{border-top:1px solid #ccc;}
.upcoming_dates table tbody tr td{font-size:14px; line-height:20px; font-weight:300;}
.register_btn{display:block; background:#211c5a; color:#fff; padding:10px 20px; float:none; border-radius:5px; text-align:center;}
.learn_btn{display:block; text-align:center; color:#211c5a; text-decoration:underline; margin-top:10px;}

.location_left .program_cell{width:100%;}
.location_left{width:50%; float:left;}
.location_right{width:50%; float:left;}
.register_sec{background:#feda79; width:100%; float:left; padding:60px 0 30px; text-align:center; margin-bottom:50px;}
.register_sec p{color:#211c5a;font-size: 16px; line-height: 24px;}
.register_sec .container{text-align:center;}
.register_sec a{color:#211c5a; text-decoration:underline; display:block;}
.register_sec a.register_now{background:#211c5a; color:#fff; text-decoration:none; display:inline-block;}
.instructor_left .footer_column ul li a i{color: #211c5a; border: 2px solid #211c5a; padding: 7px; height:40px; width:40px; font-size:22px;}
.instructor_left .footer_column ul li{display:inline-block; float:none; margin:15px 8px 0;}

.instructor_sec{width:100%; float:left; background:#ffebbc; padding:50px 0;}
.instructor_left{width:150px; text-align:center; float:left;}
.instructor_right{width:calc(100% - 200px); float:right;}
.instructor_profile img{width:150px; height:150px; border-radius:50%;}
.instructor_right h3{color:#000000; font-size:32px; letter-spacing:0; margin-bottom: 10px;font-weight: 600;}
.instructor_right strong{color:#000; margin-bottom:20px; display:block; line-height:24px; font-weight:600;}
.instructor_right p{font-size: 14px;}

.project_title{width: 100%; float: left; padding: 0px 30px;}
.project_title h2{float:left;}
.project_title .project_listing{float:right;}
.project_title .project_listing li{float:left; color:#000; margin-left:30px; font-weight: 300;} 

.inner_sec{padding:0 30px 45px 0px}
.divider{width:100%; float:left;}
.border_line{border-top:2px solid #ccc; margin:15px 0 50px;}
.inner_border_line{border-top:2px solid #ccc; margin:0px 0 50px;}

.upcoming_dates table thead tr td a{color:#000;}
.youth_programs{width:100%; float:left; text-align:center; padding:50px 0;}
.youth_programs h1{font-weight:600; letter-spacing:0; margin-bottom:40px; color:#000;}
.youth_programs ul li{display:inline-block; margin:0 5px; vertical-align:top;}
.youth_programs ul li a{background: #e5e5e5;border: none;width: 110px;height: 110px;display: block;color: #000;vertical-align: top;text-transform: uppercase;
font-weight: 600;border-radius: 50%;line-height: 20px;padding:41px 10px 0;}
.summer_camps{width:100%; float:left; padding:50px 0; border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5;}
.summer_left{width:48%; float:left;}
.summer_right{width:48%; float:right;}
.summer_right h2{font-weight:600; letter-spacing:0; margin-bottom:15px;color:#000;}
.summer_right h6{color: #211c5a; font-size: 16px; line-height: 22px;}
.summer_right p{font-size: 14px; line-height: 20px;}

.no_border h4{border:none;}
.upcoming_dates .total_price{text-align:center;}
.upcoming_dates .total_price strong{margin-bottom:10px;}

.recourses_sec{width:100%; float:left;}
.recourses_cell{width:100%; float:left; border-top:1px solid #b5b5b5; padding:25px 0;}
.profile_add{float:left; margin-right:15px;}
.profile_add img{width:80px; height:80px; border-radius:50%;}
.recourses_text{float:left; width:60%;}
.recourses_text p{font-size:14px; line-height:22px; font-weight:300;}
.recourses_text h4{color:#211c5a; font-weight:700; text-transform:uppercase; font-size:16px;}
.recourses_button{float:right; padding-top:10px;}
.recourses_button a{
	color: #211c5a;
	border: 2px solid #211c5a;
	font-size: 14px;
	width: 120px;
	text-align: center;
	padding: 4px 0; 
	transition:0.5s;
	float: left;
	border-radius: 5px; margin-left:15px;
}
.recourses_button a:hover{color:#fff; background:#211c5a;}

.select_box{width:100%; float:left; margin-bottom:30px;}
.date_picker{float:right;}
.date_picker span{font-size:14px; margin-right:10px; color:#000;}
.date_box{width:130px; position:relative; display: inline-block;}
.date_box input{width:100%; border:1px solid #211c5a; color:#211c5a; border-radius:5px; height:40px; padding:0 10px;}
.date_box i{position:absolute; right:10px; top:10px;}

.select_options{float:left;}
.custom-select {
  position:relative;
  font-size:14px; width: 170px;
float: left;
margin-right: 20px;
}

.custom-select select {
  display: none;
}

.select-selected {
  background-color: #fff;
}
.select-selected:after {
  position: absolute;
 
  top: 6px;
  right: 10px;
content:">"; font-size: 24px;

transform: rotate(90deg); font-weight: 400;
}

.select-selected.select-arrow-active:after {
transform: rotate(270deg);
}
.select-selected{
	color: #211c5a;
	padding: 6px 12px;
	border: 1px solid #211c5a;
	cursor: pointer;
	user-select: none;
	border-radius: 5px;
}
.select-items{
  position:absolute;
  top:100%;
  left:0;
  right:0; 
  z-index:99;
  background:#fff;
  border-radius: 5px;
  padding: 10px 0; box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.select-items div{
	color: #211c5a;
	padding: 5px 10px;
	cursor: pointer;
	user-select: none;
	border-radius: 5px;
}
.select-hide {
  display: none;
}

#left-area .recourses_text{width:42%;}

.chosen-container{width:100% !important;}

.select_box .chosen-container-single .chosen-single{background:none; border:1px solid #211c5a; height:40px;  line-height:38px; color:#211c5a;}
.select_box .chosen-search{display:none;}
.select_box .chosen-container .chosen-results li{color:#211c5a; padding:10px 5px;}
.select_box .chosen-container .chosen-results li.highlighted{background:#211c5a; color:#fff;}
.select_box .chosen-container .chosen-results{margin:0; padding:0;}
.select_box .chosen-container-single .chosen-drop{border-color:#211c5a;}
.chosen-container-single .chosen-single div b::after{content:">"; transform:rotate(90deg); display: block; padding:0; margin-right:10px; color:#211c5a; font-weight: 300; font-size: 20px;}

.pagination{float:right; margin: 20px 0; text-align:center;}
.pagination li{float:none; display:inline-block; margin:0 2px;}
.pagination li a {
	display: block;
	color: #211c5a;
	border: 1px solid #211c5a;
	padding: 0px 9px;
	border-radius: 5px;
	font-size: 14px;
	min-width: 35px;
	text-align: center;
	transition:0.5s;}
.pagination li.active a, .pagination li a:hover{background:#211c5a; color:#fff;}

.upcoming_data{width:100%; float:left;}
.upcoming_dates .container {
	padding-top: 0 !important;
}
.project_profile img{width:100%; height:100%;}

.instructor_sec .owl-nav{display:none;}

.project_slider .owl-nav{position:absolute;top: 50%;left: 0;width: 100%;padding: 0 10px;}
 

.project_slider .owl-prev {
	background: rgba(255, 255, 255, 0.9) url('assets/images/left.png') no-repeat center;
	border-radius: 100%;
	font-size:0;
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
	width: 50px;
	height: 50px;
	color: transparent;
	position: absolute;
	top: 50%; 
	margin-top: -25px;
	transition: 0.5s;
	background-size: 11px;
}

 
.project_slider .owl-next{float:right;}


.project_slider .owl-next {
	background: rgba(255, 255, 255, 0.9) url('assets/images/left.png') no-repeat center;
	border-radius: 100%;
	font-size:0;
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
	width: 50px;
	height: 50px;
	color: transparent;
	position: absolute;
	top: 50%; 
	margin-top: -25px;
	transition: 0.5s;
	background-size: 11px;
transform: rotate(180deg);
	right:10px;
}
 
 
/* Moved from Custom CSS in WordPress */


h1, h2, h3, h4, h5, h6 {
    
    font-weight: 700;
}

#main-content a {
	color:#301e5d;
	font-weight: normal;
}

#main-content a:hover {
	color:#9f9bd7;
}

/*  Footer  */
.footer_column {
	max-width: 400px
}

.footer_column h1 {
	color: #ffffff;
	margin-bottom: 15px
}

.footer_column h2 {
	color: #ffffff;
	margin-bottom: 15px
}

.footer_column p {
	color: #ffffff;
	font-weight: 300;
}

.footer_small {
	font-size: 0.9em;
}

.footer_column form input[type=text], .footer_column form input[type=email]  {
	border-top: 2px solid #ffc718;
	border-left: 2px solid #ffc718;
	border-bottom: 2px solid #ffc718;
	border-right: 0px solid #ffc718;
	padding: 5px;
	color: #000000;
	width: 205px;
	margin: 0px;
	border-radius: 3px 0px 0px 3px;
}

.footer_column form input[type=submit] {
	border-top: 2px solid #ffc718;
	border-right: 2px solid #ffc718;
	border-bottom: 2px solid #ffc718;
	border-left: 0px solid #ffc718;
	padding: 5px;
	width: 100px;
	margin: 0px;
	background-color: #ffc718;
	border-radius: 0px 3px 3px 0px;
}

.footer_column form input[type=submit]:hover {
	
	background-color: #c79b10;
	
}

/* Footer Social Icons List UL */
#footer_social_list  {
	 list-style: none !important;
	 list-style-type: none !important;
   
	
}

.footer_column ul li {
	
	 float:left;
	 margin-right: 15px;
	
}

.footer_column ul li a i {
	color: #ffc721;
	font-size: 21pt;
	border: 3px solid #ffc721;
	padding: 5px;
	height: 45px;
	width: 45px;
	text-align: center;
	border-radius: 25px;
	background: none;
	-webkit-transition: background 0.5s; /* Safari */
  transition: background 1s;
}


.footer_column ul li a:hover i {
	color: #211c5a;
	border-radius: 25px;
	background-color: #ffc721;
 
}


#menu-footer-menu-a ul li, #menu-footer-menu-b ul li {
	line-height: 1em !important;	
}

.footer_column ul li:before, #menu-footer-menu-a ul li:before, #menu-footer-menu-b ul li:before,   #menu-footer-menu-b li:before,  #menu-footer-menu-a  li:before {
	display:none !important;
}

#main-content p {
	font-weight: 400;
	
}

#custom_html-4, #custom_html-2  {
	margin-bottom: 30px !important;
}


#menu-footer-menu-a, #menu-footer-menu-b {
	list-style: none !important;
}

#menu-footer-menu-a .menu-item-has-children, #menu-footer-menu-b .menu-item-has-children   {
	font-weight: 500;
	font-size: 25px;
	
}

#menu-footer-menu-a .sub_menu li {
	padding: 0px !important;
	margin: 0px !important;
}




#menu-footer-menu-a .sub-menu li, #menu-footer-menu-b .sub-menu li {
	padding: 0px !important;
	margin-left: 0px !important;
	margin-top: 0px;
	margin-bottom: 0px  !important;
}

#menu-footer-menu-a .sub-menu , #menu-footer-menu-b .sub-menu  {
	padding: 0px 0px 25px 0px;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 25px;
}

#menu-footer-menu-a .sub-menu li a, #menu-footer-menu-b .sub-menu li a {
	font-weight: 300;	
	font-size: 12pt;
	line-height: 0.1em !important;
}

#menu-footer-menu-a .sub-menu li a:hover, #menu-footer-menu-b .sub-menu li a:hover {
	text-decoration: underline;
}

.menu-link-facebook a i, .menu-link-twitter a i,  .menu-link-meetup a i, .menu-link-slack a i   {
	color: #ffc721;
    font-size: 14pt;
    border: 2px solid #ffc721;
    padding: 5px;
    height: 32px;
    width: 32px;
    text-align: center;
    border-radius: 25px;
    background: none;
    -webkit-transition: background 1s;
    transition: background 0.5s;
	
}

.menu-link-facebook a i:hover , .menu-link-twitter a i:hover,  .menu-link-meetup a i:hover, .menu-link-slack a i:hover {
    color: #211c5a;
    
    background-color: #ffc721;
}

#top-menu li a {
	color: #5b5b5b;	
	font-weight: 700;
	font-size: 14pt;
	text-shadow: 0px 0px 2px #ffffff;
}


#top-menu li a:hover {
	color: #5b5b5b;	
	font-weight: 700;
	font-size: 14pt;
}

#et_search_icon:before {
	color: #000000;
	font-weight: 700;
	font-size: 12pt;
}

#custom_html-3 {
	clear:both;	
}

.program_cell ul , .program_cell_row  ul{
	list-style-type: circle;
	padding-left: 18px !important;
}

.program_cell ol, .program_cell_row  ol {
	list-style-type: decimal;
	padding-left: 18px !important;
}

ul .submenu {
	line-height: 1em !important;	
}


/* Home Page Feature Buttons */
#button_home_educators, #button_home_kids, #button_home_science {
	border-top: 8px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
	border-left: 2px solid #ebebeb;
	border-right: 2px solid #ebebeb;
	padding-top: 110px;
	height: 300px;
		background-color: #ffffff!important;
	cursor:pointer;
}

#button_home_educators:hover, #button_home_kids:hover, #button_home_science:hover {
	border-top: 8px solid #9dd5c0;
	border-bottom: 2px solid #ebebeb;
	border-left: 2px solid #ebebeb;
	border-right: 2px solid #ebebeb;
	padding-top: 110px;
	height: 300px;

}

#button_home_educators p, #button_home_kids p, #button_home_science p {
	line-height: 1.2em;
	font-size: 1.0em;
}

#button_home_educators p:first-child, #button_home_kids p:first-child, #button_home_science p:first-child {
	margin-bottom:90px;
}

#button_home_educators a {
	color: #211e5d;
	font-weight: 600;
	padding: 6px 45px;
	border: 1px solid #211e5d;
	background-color: #d6ede3;
}

#button_home_science a {
	color: #211e5d;
	font-weight: 600;
	padding: 6px 20px;
	border: 1px solid #211e5d;
	background-color: #d6ede3;
}

#button_home_kids a {
	color: #211e5d;
	font-weight: 600;
	padding: 6px 40px;
	border: 1px solid #211e5d;
	background-color: #ffe49c;
}

#button_home_kids a:hover {
	color: #ffe49c;
	font-weight: 600;
	border: 1px solid #ffe49c;
	background-color: #211e5d;
}

#button_home_educators a:hover, #button_home_science a:hover {
	color: #d6ede3;
	font-weight: 600;
	border: 1px solid #d6ede3;
	background-color: #211e5d;
}

#button_home_educators:hover a {
	color: #d6ede3;
	font-weight: 600;
	border: 1px solid #d6ede3;
	background-color: #211e5d;
}

#button_home_science:hover a {
	color: #d6ede3;
	font-weight: 600;
	border: 1px solid #ffe49c;
	background-color: #211e5d;
}

#button_home_kids:hover a {
	color: #ffe49c;
	font-weight: 600;
	border: 1px solid #ffe49c;
	background-color: #211e5d;
}

#button_home_educators, #button_home_science {
	background: url('/wp-content/uploads/2019/01/button_educator_bkg.png');
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
  background-size:  300px auto; /* Resize the background image to cover the entire container */
	
}

#button_home_kids {
	background: url('/wp-content/uploads/2019/01/button_kids_bkg.png');
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
 	background-size: 300px auto; /* Resize the background image to cover the entire container */
	
}
.button-mission {
	line-height: 18pt;
	color: #211e5d;
	font-weight: bold !important;
}

.button-mission:after{display:inline-block;content: '\f061';font-family: FontAwesome;
font-weight: normal;font-style: normal;margin:0px 0px 0px 10px;text-decoration:none;}
.link_hilight_program:before{display:inline-block;content: '\f18e';font-family:FontAwesome;font-weight: normal;font-style: normal;margin:0px 10px 0px 0px;text-decoration:none;}

/*  End of transcribed WordPress Custom CSS */

/**/
.upcoming_dates .select_box .chosen-container-single .chosen-single{border:none;box-shadow:none;}
.upcoming_dates .chosen-container-single .chosen-single div b::after {content:"▸";margin-top:-3px;}
.upcoming_dates .chosen-container-single .chosen-single span{text-align:center;	text-transform:uppercase;	font-weight:700;}
.upcoming_dates .custom-select{width:140px; border-right:1px solid #f7f7f7; margin-right:0;}
.upcoming_dates table thead tr td{background:#f7f7f7;}
.upcoming_dates table tbody td{border-color:#f7f7f7}
.upcoming_dates table tbody tr td strong b{color:#646363;text-transform:uppercase;}
.upcoming_dates table tbody tr td.total_price strong b{color:#201e5d;font-size:30px;}
.upcoming_dates table tbody tr td.total_price strong{margin-bottom:0;}
.upcoming_dates .total_price .register_btn{margin-top: 10px;background: #dfeaf5;border:1px solid #1c1959;color:#1c1959 !important;font-weight:bold;text-transform: none}
.upcoming_dates table tbody tr td a strong{font-weight:bold;text-align:left;color:#62646a;text-decoration:none;}
.upcoming_dates table tbody tr td a {text-decoration:none}
.date_box input{border:none}
.date_picker i{font-size:15px;}
.upcoming_dates table tbody tr td strong,.upcoming_dates table tbody tr td{font-weight: 400;color:#58575a;font-size:14px;}
.upcoming_dates table tbody tr td{vertical-align:top; text-align:center;}
.upcoming_dates table tbody tr td:first-child{text-align:left}
.upcoming_dates table tbody tr td:first-child strong {color:#201e5d}
.upcoming_dates table tbody tr td a.learn_btn strong{color:#5a6166; text-transform: uppercase;}

.upcoming_dates table thead tr td{text-align:center;text-transform: uppercase;vertical-align: middle;color:#b2b8bc;}
.upcoming_dates table thead tr td a{color:#b2b8bc !important;}
.upcoming_dates table thead tr td a span,.upcoming_dates table thead tr td a{color:#b2b8bc;}
.upcoming_dates table thead tr td {padding:10px;}
.upcoming_dates .total_price{font-size:12px;}
.date_picker .register_btn{padding:7px 20px;}
.upcoming_data{margin-top:20px;}
.upcoming_dates .select_box{margin-top:20px;}

body #main-header{background:none; box-shadow:none}
body #main-header.et-fixed-header{background:#fff; box-shadow:0 0 7px rgba(0, 0, 0, 0.1) !important;}

.resource_posthead h1{color:#000063; font-weight:900; margin-bottom:10px;}
.resource_posthead .date{color:#000063; font-weight:700; font-size:16px;}
.resource_posthead{margin-bottom:40px;}
.resource_imgfull{height:500px; background:#211e5d; margin-bottom:70px;}
.resource_single{width:100%; float:left;}
.resource_left{width:47%; float:left;}
.resource_right{width:47%; float:right;}
.resource_single strong{color:#000063; font-size:22px; line-height: normal; font-weight: 600; margin-bottom:25px; display:block;}
.resource_single p{margin-bottom:25px; padding-bottom:0;}

.resource_social{width:100%; float:left; border-top:1px solid #f4f4f4; padding-top:40px; margin:30px 0; }
.resource_social button{float:right; background:#201e5d; border:none; color:#fff; font-size:18px; font-weight:500; padding:12px 26px; border-radius:3px;min-width: 143px; margin-bottom: 9px;}
.resource_social ul{float:right; margin:0px 90px 0px 0;}
.resource_social ul li{float:left; color:#b3b3b3; font-weight:bold; font-size:18px;margin-right:12px;}

.upcoming_dates table tbody td{border-bottom:1px solid #efefef; border-top:none;}
.upcoming_dates table tbody tr td:first-child{border-right:1px solid #efefef;}
.upcoming_dates table{border:none;}
.upcoming_dates table thead tr td{border:none;}
.upcoming_dates .custom-select{border-color:#efefef;}

@media screen and (max-width:767px){
.upcoming_dates .select_box{width:940px; float:left; margin-bottom:30px;}
.upcoming_dates.no_border{overflow:auto; border:1px solid #e1e1e1;}
}


/*14-2-19*/
body #main-header{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
#top-menu li a{color:#000;}
#et_search_icon::before{color:#000;}

.et-fixed-header #top-menu li a{color:#000;}
.et-fixed-header #top-menu li.current-menu-item a{color:#2ea3f2;}
.et-fixed-header #et_search_icon::before{color:#000;}
#logo{max-height:43px;}

/* 15-2-2019 CSS */
.pro_slider{width:100%; float:left; display:flex; flex-wrap:wrap;}
.pro_slider .left{float:left; width:50%; order:2;}
.pro_slider .right{float:right;width:50%;padding:105px 80px 10px;}
.pro_slider .left img{float:left; height:auto;}
.pro_slider .right h6{color:#283173; font-weight:bold; font-size:22px; line-height:26px; padding:0; margin-bottom:20px;}
.pro_slider .right .author{font-size:18px; padding-top:20px; line-height:26px; font-weight:600;}
.pro_slider .right p{margin-bottom:20px !important; font-size: 20px; line-height:30px;}
.project_slide .owl-nav{position:absolute; top:10px; left:0; display:block !important;}
.project_slide .owl-nav .owl-next, .project_slide .owl-nav .owl-prev{display:inline-block;}
.project_slide .owl-nav .owl-next{background:url('./assets/images/slider-arrow.png') no-repeat center; color:transparent; width:28px; height:30px; margin:20px;}
.project_slide .owl-nav .owl-prev{background:url('./assets/images/slider-arrow.png') no-repeat center; color:transparent; width:28px; height:30px; transform:rotate(180deg); margin:20px; margin-right:0;}

body.home #main-header{background:none;}
body.home #main-header.et-fixed-header{background:#fff;}
body.home #et-main-area{margin-top:-80px;}

.project_slider_outer{padding:0 !important; top:60px; position:relative; z-index:2;}
.project_slider_outer .et_pb_column, .project_slider_outer .et_pb_column .et_pb_module{padding:0 !important;}
.page-template-default #page-container{padding-top:0 !important;}

.home #top-menu > li > a{color:#fff;}
.home header #et_search_icon::before{color:#fff;}
.home .et-fixed-header #top-menu > li > a{color:#000;}
.home header.et-fixed-header #et_search_icon::before{color:#000;}
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container{margin-top:30px !important;}


/* 4-3-2019 CSS */
.resource_head{width:100%; float:left; text-align:center; margin-bottom:60px;}
.resource_head h1{color:#000063; font-weight:900; margin-bottom:25px;}

.resource_sec{margin-left:-4.3%; display:flex; flex-wrap:wrap; float:left;}
.resource_cell{width:29%; float:left; border:2px solid #ebebeb; border-radius:4px; margin-bottom:50px; margin-left:4.3%; position:relative;}
.resource_title{background:#f7f7f7; padding:20px 30px; color:#000063; font-size:20px;}
.resource_title span{display:block; font-size:13px; font-weight:600;}
.resource_text{padding:20px 30px 40px;}
.resource_text p{margin-bottom:10px;}
.resource_text .read_link{display:inline-block; color:#000063; border-bottom:2px solid #000063; font-weight:600; font-size:16px; margin-top:20px;}
.resource_cell::after{height:10px; content:""; background:#96e5c7; position:absolute; top:-10px; right:-2px; left:-2px; transition:0.5s; opacity:0; visibility:hidden;}
.resource_cell:hover:after{opacity:1; visibility:visible;}

.project_slide.testimonial_slider .pro_slider{border:2px solid #f7f7f7;position: relative;}
.project_slide.testimonial_slider .pro_slider:before{position: absolute;top: 0;width: 100%;background: #f7f7f7;height: 70px;content: ""}
.project_slide.testimonial_slider .owl-nav { 
	background: #f7f7f7;
}
.project_slide.testimonial_slider .pro_slider .left{z-index: 9}
.project_slide.testimonial_slider .owl-nav{top: 0 !important;right:0;left: auto}
.et_pb_text_inner{width: 100%}
.project_slide.testimonial_slider .pro_slider .right{order:3}
.et_pb_row.ttl {text-align:center}
.et_pb_row.ttl h5{color: #000063;font-weight: 900;font-size: 30px;margin-bottom: 10px;}
.et_pb_row.ttl span{color: #000063;font-weight: 700;font-size: 16px;}
.resource_social button a{color:#fff;}
.resource_title h6 {margin-top: 10px;color:#000063;font-weight: normal;font-size: 15px}
.resource_title a {font-weight: 600;	font-size: 21px;}
.resource_text p {height: 142px;overflow: hidden;position: relative}
.resource_text p:after{
background: rgba(255,255,255,0.66);
background: -moz-linear-gradient(top, rgba(255,255,255,0.66) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.66)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.66) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.66) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.66) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.66) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
content: "";
	position: absolute;bottom: 0;left: 0;width: 100%;
 height: 17px;
}
.link {padding-bottom:25px;}
.link .read_link:last-child{float:right;}

@media only screen and (max-width:1024px){
.pro_slider .right{padding:75px 20px 10px;}
.resource_head h1{margin-bottom: 5px;}
.resource_sec{margin-left:-1.3%;}
.resource_cell{width:31%; margin-left:2.3%;}
.resource_title{padding:15px 15px; font-size:20px;}
.resource_text{padding:15px 15px 30px;}
.resource_single strong{font-size:20px; margin-bottom:15px;}
.resource_single p{margin-bottom:15px;}
.resource_social{padding-top:20px; margin:10px 0;}

}

@media only screen and (max-width:767px){
.pro_slider .right{padding:65px 20px 10px;}
.pro_slider .left{width:100%; order:2;}
.pro_slider .right{width:100%; border-radius:0;}
.pro_slider{border-top:8px solid #ffc720;}
.pro_slider .right h6{font-size:16px; line-height:24px; margin-bottom:10px;}
.pro_slider .right p{margin-bottom:10px !important;}
.project_slide .owl-nav{left:2px; background:none; text-align:left;}
.pro_slider .left img{border-radius:0;}
.pro_slider .right p{font-size:16px; line-height:24px;}
.resource_sec{margin-left:0;}
.resource_cell{width:100%; margin-left:0; margin-bottom:30px;}
.resource_head h1{font-size:26px;}
.resource_head p br{display:none;}
.resource_head{margin-bottom:40px;}

.upcoming_dates .select_box{width:100%; margin:0;}
.upcoming_dates table{display:block; margin:0;}
.upcoming_dates table tbody, .upcoming_dates table tbody tr{display:block;}
.upcoming_dates table tbody tr{border-bottom:1px solid #ccc;}
.upcoming_dates table tbody tr td{display:block; width:100%; text-align:left; border:none; padding:10px 12px 0; color:#214db0;}
.upcoming_dates .total_price{text-align:left; margin-bottom:20px;}
.upcoming_dates table tbody tr td strong b, .upcoming_dates table tbody tr td strong, .upcoming_dates table tbody tr td:first-child strong, .upcoming_dates .total_price{color:#214db0 !important;}
.upcoming_dates table tbody tr td .learn_btn strong{color:#666 !important;}
.upcoming_dates .total_price strong{color:#214db0;}
.upcoming_dates .total_price .register_btn{max-width:150px;}
.upcoming_dates table tbody tr td:first-child:before{content:"Program Name"; font-weight:bold;}
.upcoming_dates table tbody tr td:nth-child(2):before{content:"Ages : "; font-weight: bold; float:left; margin-right:5px;}
.upcoming_dates table tbody tr td:nth-child(3):before{content:"Location : "; font-weight:bold; float:left; margin-right:5px;}
.upcoming_dates table tbody tr td:nth-child(4):before{content:"Date : "; font-weight: bold; float:left; margin-right:5px;}
.upcoming_dates table tbody tr td:nth-child(5):before{content:"Time : "; font-weight: bold; float:left; margin-right:5px;}
.upcoming_dates table thead{display:none;}
.upcoming_dates .custom-select{width:100%; border-bottom: 1px solid #efefef; border-right:none;}
.upcoming_dates .date_picker{float:right; padding:10px; width:100%; border-bottom:1px solid #efefef;}

.resource_posthead h1{margin-bottom:0; font-size:22px;}
.resource_posthead{margin-bottom:20px;}
.resource_imgfull{height:180px; margin-bottom:30px;}
.resource_right{width:100%;}
.resource_left{width:100%;}
.resource_single strong{font-size:16px;}
.resource_social{display:flex; flex-wrap:wrap;width: 200px;}
.resource_social button{order:2;}
.resource_social ul{margin:0 0 10px 0; width:100%;}
.program_sec {	background: linear-gradient(to right, #ffecbd 100%, #e5e5e5 50%);}
	.program_right{width:100%;padding:30px 20px}
	.program_left{width:100%}
	.program_name{padding: 30px 0} 
	.select_options{width:100%}
	.inner_sec{0 30px 45px 0px}
	.program_cell{width:100%;}
	.project_img{width:100%}
	.project_content{width:100%;padding: 15px;} 
	.upcoming_dates table tbody tr td strong br {display: none;}
}

.read_more{
	clear: both;
}

/* override divi style */
body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header, body.et_fixed_nav.et_secondary_nav_enabled #main-header {
	top: 52px;
}

.detailed_description {
	margin-bottom: 25px;
	padding-bottom: 25px;
}

.program_sec {
	position: relative;
	background-color: #ffc721;
	height: 500px;
	overflow:hidden;
}

.program_sec_green {
	position: relative;
	background-color: #9dd5c0;
	max-height: 500px;
	overflow:hidden;
}

.program_sec_red {
	position: relative;
	background-color: #c1615f;
	max-height: 500px;
	overflow:hidden;
}

.program_sec_blue {
	position: relative;
	background-color: #201e5d;
	max-height: 500px;
	overflow:hidden;
}

/* same as above but without the height; for use in the slider */
.program_sec2 {
	position: relative;
	background-color: #ffc721;
	overflow:hidden;
}

.program_sec_green2 {
	position: relative;
	background-color: #9dd5c0;
	overflow:hidden;
}

.program_sec_red2 {
	position: relative;
	background-color: #c1615f;
	overflow:hidden;
}

.program_sec_blue2 {
	position: relative;
	background-color: #201e5d;
	overflow:hidden;
}

.program_sec .bkg, .program_sec_green .bkg, .program_sec_red .bkg , .program_sec_blue .bkg  {
	position: absolute;
	width: 50%;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: cover;
	height: 500px;
	overflow:hidden;
}

.contact_button_container {
	clear:both;
	padding-bottom: 30px;
}