
/* 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%;}
.owl-carousel.owl-future-tech .owl-stage{margin: auto;}

#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;}

.vh-electives .accordionlearn .accordion-body ul.course-list {list-style:none!important; padding-left:0!important; margin-left:0!important}
.vh-electives .accordionlearn .accordion-body ul.course-list>li.course-item {position:relative!important; padding-left:20px!important; margin-bottom:12px; line-height:1.5}
.vh-electives .accordionlearn .accordion-body ul.course-list>li.course-item::before {content:""!important; position:absolute!important; left:0!important; top:8px; width:7px; height:7px; 
	          background-color:#6f42c1;border-radius:50%;display:block!important;visibility:visible!important}

.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 .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{ 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 5px;}
.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;}

.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;}

/*.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;}

.bpd-admin{padding-top:1rem;}
.bpd-admin input.form-text{margin-bottom: 1rem !important; padding: .375rem .75rem; border-radius: .375rem; font-size: 1rem; font-weight: 400; line-height: 1.5;
    color: #212529;  background-color: #fff; border: 1px solid #000;}
.bpd-admin input.button{margin-top: 1rem; background-color: var(--primary-bg); color: var(--text-white);  font-family: var(--ff-acumin);
    border-radius: 6px; padding: 0.75rem 5rem; font-size: var(--fs-1_5); border: none;}
.bpd-admin label.form-required { display: inline-block; min-width: 110px;}


/* ---------- 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: -450px; width: 450px; padding: 30px 20px 30px}	
.sidebar-contact input, .sidebar-contact select, .sidebar-contact input[type="text"]{font-size: 12px; padding: 8px; margin:5px 0;}
.sidebar-contact .form-select {background-size:8px 4px;}	
.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, .sidebar-contact input[type="text"]{ 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; margin-left:40px; margin-top:-20px;}
.course-card .program-begins p {margin-right: -1px;}	
.education-policy ul li { margin-left: 0.5rem;}	

/* 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 4px;	background-position: right .35rem center;}	
	
}

#nopaperforms-ajax-form-contact  #edit-accept-terms-contact  .option{font-size: .575em;}
.contact-us .form-type-checkbox label.option{font-size:0.785rem}	
.contact-us .g-recaptcha{margin-top:10px}