.container-custom{

    margin-top: 240px;

}



.quick-links-page p{

    font-family: 'Roboto-Light';

}



.quick-links-page b{

    font-family: 'Roboto-Medium';

}



#sidebar ul li{

    width: 100%;

    margin-bottom: 15px;

    padding: 16px 16px;

    text-align: left;

    cursor: pointer!important;

    margin: 0px;

    display: inline-block;

    float: left;

    border-bottom: 0.2px solid #919191;

    background: var(--light-gray);

    font-family: 'Roboto-Light';

    font-size: 16px;

}



#sidebar .quick-link:hover{

    font-family: 'Roboto-Medium';

    color: var(--site-color);

}





#sidebar golden:hover{

    font-family: 'Roboto-Light'!important;

}



#quick-link-accordion .card-header{

    padding: .6rem 1.25rem;

    border-radius: 0px!important;

    background: var(--site-color);

    border: 1px solid var(--site-color);

    border-bottom: 0.2px solid var(--light-gray);

    color: white;

    font-family: 'Roboto-Light';

    cursor: pointer;

}



.card{

    border: 0px!important;

}



.accordion .card-header{

    padding: .6rem 1.25rem;

    border-radius: 0px!important;

    background: var(--site-color);

    border: 1px solid var(--site-color);

    border-bottom: 0.2px solid var(--light-gray);

    color: white;

    font-family: 'Roboto-Light';

    cursor: pointer;

}



#quick-link-accordion .card-body{

    font-family: 'Roboto-Light';

}



#quick-link-accordion .card{

    border: 0px;

}



/*

#quick-link-accordion .card-header .arrow-wrap:after{

    font-family: "Font Awesome 5 Free";  

    content: "\f107";

    float: right; 

    font-weight: 900;

    font-size: 18px; 

}



#quick-link-accordion .card_0 .arrow-wrap:after{

    font-family: "Font Awesome 5 Free"; 

    content: "\f106"; 

    font-weight: 900;

}



#quick-link-accordion .collapsed .arrow-wrap:after {

    content: "\f107";

    font-weight: 900;

    font-size: 18px;

}





div[aria-expanded="true"] .arrow-wrap:after{

    font-family: "Font Awesome 5 Free"; 

    content: "\f107"; 

    font-weight: 900;

}*/



[data-toggle="collapse"] .fa:before {  

    content: "\f139";

  }

  

  [data-toggle="collapse"].collapsed .fa:before {

    content: "\f13a";

  }



#sidebar a:hover, #realted-links a:hover {

    font-family: 'Roboto-Medium';

    color: var(--site-color);

    text-decoration: none;

}



.view-link{

    position: relative;

    color: #fff;

}







/*

#learning-env-accordion .card-header:after{

    font-family: "Font Awesome 5 Free";  

    content: "\f107";

    float: right; 

    font-size: 18px;

}



#learning-env-accordion .collapsed:after {

    content: "\f107"; 

    font-size: 18px;

}



*/



#quick-link-accordion .card-body a{

    font-family: 'Roboto-Medium';

    color: black;

    font-size: 14px;

}



.light-head{

    font-family: 'Roboto-Regular';

    color: var(--site-color);

    font-size: 20px;

    margin-bottom: 20px;

}



.lib-desc-wrap strong {

    color: #fff;

    font-family: 'Roboto-Medium';

}



#accordion-wrap hr{

    border-top: 1px solid var(--site-color);

}



#sidebar .filter-btn{

    width: 100%;

    margin-bottom: 15px;

    /* padding: 16px 16px; */

    text-align: left;

    cursor: pointer!important;

    margin: 0px;

    display: inline-block;

    float: left;

    /* border-bottom: 0.2px solid #919191; */

    background: var(--light-gray);

    font-family: 'Roboto-Light';

    font-size: 16px;

    padding: 0 20px;

}





#sidebar .active a{     

    font-family: 'Roboto-Medium'; 

    color:var(--site-color);

}



.filter-btn div {

    border-bottom: 0.2px solid #919191;

    padding: 1rem 0;

}



.majors .major-unit-head {

    display: block;

    text-decoration: none;

    color: #fff;

    /*display: -webkit-box;*/

    max-width: 100%;

    /* height: 41px; */

    /*-webkit-line-clamp: 1;*/

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}



.majors .tab-info a {

    color: #000;

    display: inline-block;

}



@media (max-width: 1024px) {

    .container-custom {

        margin-top: 180px;

    }

}



@media (max-width: 991.98px) {

    .container-custom {

        margin-top: 40px;

    }

}





@media (max-width: 768px) {

    .container-custom {

        margin-top: 30px;

    }

}







/* learning environment */



.accordion .banner-btn{

    border: 1px solid var(--site-color);

    color: var(--site-color)!important;

}



.accordion .banner-btn:hover{

    color: white!important;

}







b{

   font-family: 'Roboto-Bold'; 

}



.lib-panel img {

    width: 100%;

    background-color: transparent;

}



.lib-panel .row,

.lib-panel .col-md-6 {

    padding: 0;

    background-color: var(--site-color);

}



.lib-panel .lib-row {

    padding: 0 20px 0 30px;

    text-align: left;

}



.row-margin-bottom {

    margin-bottom: 20px;

}



.lib-item{

    background-color: var(--site-color);

    margin-bottom: 1.5rem;

}



.lib-img-wrap{

    padding: 0px!important;

}



.lib-desc-wrap{

    position: absolute;

    top: 50%;

    right: 0;

    color: white;

    transform: translate(0, -50%);

    font-family: 'Roboto-Light';

    line-height: 1.8;

}



#learningCarousel .item{

    height: auto;

}



#learningCarousel .owl-nav{

    display: block;

}



#learningCarousel .owl-prev{

    left: 0px;

    position: absolute;

    top: 50%;

}



#learningCarousel .owl-next{

    right: 0px;

    position: absolute;

    top: 50%;

}



.owl-theme .owl-nav [class*=owl-]:hover {

    background: transparent;

    color: transparent;

    text-decoration: none;

}



#learningCarousel  button:focus{

    outline:none;

}



@media (max-width: 1200px) {

    .lib-desc-wrap{

        position: inherit;

        transform: translate(0, 0%);

        padding: 15px 0!important;

    }

    .lib-img-wrap{

        flex: 0 0 100%;

        max-width: 100%;

    }

}