@import url("lib/fontawesome/css/fontawesome.min.css");
@import url("lib/fontawesome/css/light.min.css");

/*--Search & Filters--*/
.course-search-container{border-radius:20px; border:1px solid #E8E8E8; overflow: hidden;}
.filter-search-container{padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:20px;}
.course-search{border:1px solid #011F43; border-radius:20px; background-color:transparent;}
.course-search input{background-color:transparent !important; border:none !important; color:#011F43 !important;}
.course-search input::placeholder{color:rgba(1,31,67,0.8);}
.btn-search-course{background-color:transparent !important; color:#011F43;}
.btn-search-course:hover{color:#011F43;}
.clear-course-search{position:absolute; right:44px; top: 8px; color:#8C7351; z-index:2; cursor:pointer;}
.btn-filter-left{padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:20px;}
.btn-filter-left.focus, .btn-filter-left:focus{box-shadow:none;}
.filter-collapse{background-color:#F9F9F9; border-top:1px solid #E8E8E8; padding-left:15px; font-weight:700 !important; padding-right:15px; padding-top:20px; padding-bottom:20px;}
.border-top{border-top:1px solid #E8E8E8;}
.course-search-container .accordion .card{border:none;}
.course-search-container .accordion .card .card-header{border-radius:0; background-color:#BD9A57; border-top:1px solid #E8E8E8;}
.course-search-container .accordion .card .card-body{background-color:#FBFBFB; border-top:1px solid #E8E8E8; position:relative;}
.course-search-container .accordion .card .card-body label{font-size:12px; margin-left:10px;}
.course-search-container .accordion .card .card-body input{margin-top:3px;}
.course-search-container .accordion .card button:focus, .course-search-container .accordion .card button.focus{box-shadow:none; text-decoration:none;}
.course-search-container .accordion .card button:hover{text-decoration:none;}
.course-search-container .accordion .card button{color:#FFF; font-weight:700;}
.course-search-container .accordion .card button:after{content: "\f078"; font-family: 'Font Awesome 5 Pro'; right:15px; position:absolute; top:22px;}
.course-search-container .accordion .card button.active:after{content: "\f077"; font-family: 'Font Awesome 5 Pro'; right:15px; position:absolute; top:22px;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#FEA34E; border-color:#FEA34E;}
.custom-control-input:focus ~ .custom-control-label::before{box-shadow:none !important;}
.custom-control-input{position:relative; width:auto; left:auto;}
.custom-control-label{padding-top:2px;}
.courses-slider .slick-next{width:30px; height:30px; right:-20px; z-index:3;}
.courses-slider .slick-prev{width:30px; height:30px; left:-20px; z-index:3;}

/*--Course details--*/
.course-details .card{border-radius:20px; border:1px solid #E8E8E8;}
.course-details .card-header{background-color:#BD9A50; color:#FFF; font-weight:500; text-align:center; padding-top:15px; padding-bottom:15px; border-top-left-radius: 20px !important; border-top-right-radius: 20px !important; border-bottom:none !important;}
#courseDetails b{color:#011F43;}
.course-details button{width:90%;}
.rounded{border-radius:20px !important; margin-top:30px;}
.coordinator-block{background-color:#0A1A5A;}
.coordinator-img{border-radius:50%;}
.gold-text{color:#BE9A57;}
.coordinator-block a{color:#FFF;}
.coordinator-block a:hover{color:#FFF; text-decoration: underline;}
.coordinator-name{font-size:1.2rem;}
.breadcrumb-item, .breadcrumb-item a{color:#6c757d !important; font-size:12px;}
.breadcrumb-item a{text-decoration: underline;}
.breadcrumb-item+.breadcrumb-item::before{color:#6c757d !important; content: "|";}
.message{font-weight:700; font-size: 0.8rem; cursor:pointer;}
.btn-btm{display:block; width: 200px !important; margin-top:15px !important; margin:0 auto;}

@media (max-width : 1200px) {

}

/* Medium screen / tablet */
@media (max-width : 992px) {
    
}

/* Small screen / phone */
@media only screen and (max-width : 768px) {
    .btn-btm{display:block !important; width:100% !important; margin-top:15px;}
}

@media only screen and (max-width : 767px) {
    .main-filter-btn{display:block; width:100%;}
}

/* Small screen / phone */
@media only screen and (max-width : 576px) {
    .coord-details{text-align:center; padding-top:25px;}
}