/* Theme CSS ------------- */
.menu-item--expanded {list-style: none;}
.navbar li.menu-item--expanded span{font-size: 25px;}
.navbar li.menu-item--expanded span,
.navbar li.menu-item--expanded span:focus { display: flex; align-items: center; justify-content: space-between; padding: 35px 0px 35px 40px; font-family: var(--ff-acumin);
font-size: 25px; color: #24212b;  text-transform: uppercase;  white-space: nowrap; transition: 0.3s; letter-spacing: 1px; position: relative; cursor: pointer;}
.navbar li.menu-item--expanded span:after{content:""; position: relative; content: "\f282"; font-family: "bootstrap-icons"; font-size: 0.65em; font-weight: normal; 
	line-height: 0; margin-left:5px; margin-top: -3px; text-shadow: 0 0 1px #000;}

#popupBanner p{margin-bottom: 0px;}

.course-card .program-begins { display: flex; align-items: flex-start; flex-wrap: wrap;}
.course-card .program-begins .icon { width: auto !important; max-width: 100%;}
.course-card .program-begins span { display: block; font-size: var(--fs-1); color: var(--text-black-light-900); margin-left:35px; margin-top:-15px; width: 100%;}

#press-container .view-filters{display: flex; justify-content: center;}
#press-container .view-filters .js-form-item{display: flex; gap: 15px; align-items: center; justify-content: center;}
#press-container .view-filters .js-form-item select{padding: 10px 30px 10px 10px; width: 200px;}

.gray-500{background-color: #e9f0ff;}
.yellow-100{background-color: #ffffd7;}
.red-100{background-color: #ffe3e0;}
.green-100{background-color: #e6f7e3;}

/* Lets connect form */
/*.sidebar-contact form { display: flex; flex-wrap: wrap; gap:10px;}*/
.sidebar-contact h2.section-title {color: #000;}
.sidebar-contact .form-item-country-code,.sidebar-contact .form-item-mobile { flex: 1 1 calc(50% - 5px); min-width: calc(50% - 5px);}
.sidebar-contact .form-item-country-code-campaign{ padding-right: 0px;}
.sidebar-contact .form-item-program-type,.sidebar-contact .form-item-program { flex: 1 1 calc(50% - 5px); min-width: calc(50% - 5px); padding-right: 0px;}
.sidebar-contact .form-item-state,.sidebar-contact .form-item-city {flex: 1 1 calc(50% - 5px); min-width: calc(50% - 5px); padding-right: 0px;}
.sidebar-contact #program-wrapper{ flex: 1 1 calc(50% - 5px); min-width: calc(50% - 5px);}
.sidebar-contact #city-wrapper{ flex: 1 1 calc(50% - 5px); min-width: calc(50% - 5px);}

.sidebar-contact select, .sidebar-contact input[type="text"], .sidebar-contact input[type="email"], .sidebar-contact input[type="tel"]{	width: 100% !important; box-sizing: border-box; font-size: 14px;}
.sidebar-contact input[type="submit"]{width: 95%; margin: auto;}
.sidebar-contact .form-item { margin-top: 0rem !important; margin-bottom: 0rem !important;}
.sidebar-contact input, .sidebar-contact select{margin: 7px 0;}
.sidebar-contact .form-select {font-weight: normal; line-height: 1.2; background-size:10px 14px;}
.sidebar-contact .form-checkbox{width: auto; margin-right:10px;}
.sidebar-contact .form-item-accept-terms {width: 100%; display: flex; font-weight: normal;  color: #6d6d6d; font-size: 0.75rem; line-height: 1; margin: 1rem 0rem !important;}
.sidebar-contact .error_message{font-size: 1rem;}
.sidebar-contact {font-weight: normal; color: #6d6d6d; font-size: 0.75rem;}

.brochureModal .sidebar-contact .form-item-country-code-brochure, .brochureModal .sidebar-contact .form-item-mobile-brochure { flex: 1 1 calc(50% - 5px); min-width: calc(50% - 5px);}
.brochureModal .sidebar-contact .form-item-program-type-brochure, .brochureModal .sidebar-contact .form-item-program-brochure { flex: 1 1 calc(50% - 5px); min-width: calc(50% - 5px); padding-right: 0;}
.brochureModal .sidebar-contact .form-item-state-brochure, .brochureModal .sidebar-contact .form-item-city-brochure { flex: 1 1 calc(50% - 5px); min-width: calc(50% - 5px); padding-right: 0;}
.brochureModal .sidebar-contact .form-item-country-code-brochure{ padding-right: 0px;}
.brochureModal .sidebar-contact #program-wrapper-brochure{ flex: 1 1 calc(50% - 5px); min-width: calc(50% - 5px);}
.brochureModal .sidebar-contact .form-item-accept-terms {display: flex; align-items: center;}
.brochureModal .sidebar-contact .state-wrapper{display: flex; width: 50%; padding-right: 0px;}
.brochureModal .sidebar-contact #city-wrapper-brochure{display: flex; width: 50%;}

.contact-us .form-item, .contact-us .form-text { margin-top: 0rem !important; margin-bottom: 0rem !important;}
.contact-us .form-item-accept-terms {width: 100%; font-size:0.75rem; margin-top: 1rem!important; margin-bottom: 1rem!important;}
.contact-us .error_message{font-size: 1rem; margin-bottom: .5rem;}
.contact-us .form-select {font-weight: normal; background-size: 10px 5px;}
.contact-us input.btn {width: fit-content; margin: auto;}

.owl-discover-programs .owl-nav { display: block !important;}
.owl-discover-programs .owl-nav button.owl-prev { left: -7%;}
.owl-discover-programs .owl-nav button.owl-next { right: -7%;}

.owl-future-tech .owl-stage { margin: auto!important;}

/*.career-dashboard-section .main-title-container { transform: scale(.9) !important;}*/
.career-dashboard-section .main-title span.title_impct { color: #fff;}
.career-dashboard-section .stat-description p{line-height: 1;}

/* ---------- Responsive css ---------- */
/* 150% Zoom CSS */
@media screen and (min-width:1280px) and (max-width:1360px) {
.navbar li.menu-item--expanded span, .navbar li.menu-item--expanded span:focus {padding: 15px 0px 15px 25px;font-size: 17px;}
.course-card .program-begins span { font-size: 0.75rem !important;}

.sidebar-contact {right: -400px; width: 450px; padding:30px 30px}	
.sidebar-contact input, .sidebar-contact select{margin:5px 0;}
.sidebar-contact .form-select {background-size:8px 12px;}	
.sidebar-contact .form-item-accept-terms {font-size: 0.6rem;}	
.sidebar-contact .error_message{font-size: 0.75rem;}	
}

@media screen and (min-width:1440px) and (max-width:1599px){
.navbar li.menu-item--expanded span, .navbar li.menu-item--expanded span:focus {font-size:20px;}
.sidebar-contact .form-item-accept-terms { font-size: 0.75rem;}		
}	

/* Laptop Resolution */
@media screen and (min-width:1361px) and (max-width:1366px){
.navbar li.menu-item--expanded span, .navbar li.menu-item--expanded span:focus {font-size:20px;}
.sidebar-contact input, .sidebar-contact select{margin:5px 0;}	
.sidebar-contact .form-item-accept-terms { font-size: 0.75rem;}		
}

@media screen and (max-width: 767px){
.navbar li.menu-item--expanded span{padding: 12px 20px; font-size: var(--fs-1_5); justify-content: flex-start;}
.header .btn-sign-up{display: inline-block!important;}	
.navbar .menu-item--expanded > ul {display: none; padding: 0; margin: 0; list-style: none; transition: all 0.5s ease-in-out;}
.navbar .menu-item--expanded.active > ul {display: block;}
.navbar .menu-item--expanded > span {cursor: pointer;}
.menu-item--expanded .desktop-cta{display: none!important;}
	
.footer .desktop-cta{display: none !important;}
	
.course-card .program-begins span { font-size: 0.8rem !important;}	

/* Lets connect form */	
.sidebar-contact .form-item-country-code,
.sidebar-contact .form-item-mobile,
.sidebar-contact .form-item-program-type,
.sidebar-contact .form-item-program,
.sidebar-contact .form-item-state,
.sidebar-contact .form-item-city,
.sidebar-contact .form-select { /*flex: 1 1 100%; min-width: 100%;*/font-size: 12px;}
.sidebar-contact #city-wrapper{/* flex: 1 1 calc(100% - 5px); min-width: calc(100% - 5px);*/}
.sidebar-contact select, .sidebar-contact input[type="text"], .sidebar-contact input[type="email"], .sidebar-contact input[type="tel"]{font-size: 12px;}	
.sidebar-contact .form-item-accept-terms { font-size: 0.75rem;}	
.sidebar-contact .form-select{background-size: 8px 8px;	background-position: right .25rem center;}
	
}