
/*=====================================================
           All course page design css
======================================================= */

/*----header--------*/
.course section#title {
    background: url(https://www.alphaacademy.org/wp-content/uploads/2020/05/single-course-banner.jpg)!important;
    background-size: cover !important; 
    padding-top: 200px;
    padding-bottom: 100px!important;
    margin-bottom: 65px!important;
}
.course #title.light h1{
    color:#27D07D!important;
    text-align: center!important;
    font-weight: bold !important;
    font-size: 45px !important;  
}
.course #title.light h2{
    color:#474F62!important;
    text-align: center!important;
    font-weight: 600 !important;
    font-size: 24px !important;  
    margin-top: 0px !important;
}

/*----menu---*/
.course #menu-main-menu a {
    color: #444!important;
}
.course ul#menu-main-menu li:hover a {
    color: #000!important;
}
.course .smallimg.vbplogin {
    color: #444 !important;
}
.course .fa-shopping-cart::before{
   color: #444 !important;
}
.course .fixed #menu-main-menu a{
    color: #FFF!important;
}
.course .fixed .smallimg.vbplogin {
    color: #fff !important;
}
.course .fixed .fa-shopping-cart::before{
   color: #fff !important;
}

.course span.fa.fa-shopping-basket {
    color: #444!important;
}
.course .fixed span.fa.fa-shopping-basket {
    color: #fff!important;
}


/*----left sidebar----*/
.directory.d3 #buddypress .col-md-3.col-sm-3 .item-list-tabs{
    display: none;
}
.course #vibe_course_categories-5 {
    background: #FFFBF8 !important;
    padding: 30px!important;
}
.course .col-md-3 .widget+.widget{
    background: #FFFFFF;
    border: 0.5px solid #D4CBCB;
    box-sizing: border-box;
    box-shadow: 5px 25px 50px rgba(164, 162, 162, 0.1);
    border-radius: 5px;
    padding: 20px;
}
.course h4.widget_title{
    border: 0 !important;
}
.course h4.widget_title span:after{
    display: none !important;
}
.course h4.widget_title span {
    text-align: center!important;
}

/*=========course list========*/
.course #buddypress ul.item-list li .item-avatar img {
    border-radius: 5px!important;
}
.course #buddypress ul.item-list li .item-credits{
    background: #e5e5e51a!important;
    padding: 10px 20px;
    border: 1px solid #27D07D !important;
    border-radius: 50px;
    float: left!important;
}
.course #buddypress ul.item-list li .item-credits span{
    color: #27D07D !important;
}
.course small.woocommerce-price-suffix{
    color: #27D07D !important;
}

.course .item-desc {
    display: initial !important;
}
.course #buddypress ul.item-list li {
    border: 1px solid rgba(0,0,0,.08);
    padding: 20px;
    margin-top: 30px;
    background: #e5e5e51a;
    border-radius: 5px;
}
.course #buddypress ul.item-list li:hover {
background: #FFFFFF;
box-shadow: 5px 25px 50px rgba(164, 162, 162, 0.1);
border-radius: 5px;
}
.course #buddypress ul.item-list{
    border-top: 0!important;
}
.minimal.d3.directory #buddypress div.item-list-tabs#subnav{
    border-bottom: 0!important;
}


/*-----pagination---*/
.course a.page-numbers {
    font-size: 18px!important;
    padding: 5px 13px!important;
    border-radius: 5px!important;
    border: 1px solid #C4C4C4 !important;
    color: #474F62 !important;
}
.course a.page-numbers:hover {
    color: #fff !important;
}
.course span.page-numbers.current {
    font-size: 18px!important;
    padding: 5px 13px!important;
    border-radius: 5px!important;
    border: 1px solid #C4C4C4 !important;
    color: #fff !important;
}
.course span.page-numbers.dots {
    font-size: 18px!important;
    padding: 5px 13px!important;
    border-radius: 5px!important;
    border: 1px solid #C4C4C4 !important;
    color: #474F62 !important;
}

.course #buddypress div.pagination .pag-count{
    font-family: Poppins!important;
    font-weight: 600!important;
    font-size: 18px !important;
    color: #474F62 !important;
    text-transform: capitalize !important;
}

/*--tab section--*/
#buddypress .item-list-tabs#subnav ul li.last{
    float: left!important;
}
/*--search section---*/
.allCourseSearchSEction{
    background: #FFFFFF;
    border: 0.5px solid #D4CBCB;
    box-sizing: border-box;
    box-shadow: 5px 25px 50px rgba(164, 162, 162, 0.1);
    border-radius: 5px;
    min-height: 102px;
    padding-top: 27px;
    padding-left: 50px;
    margin-bottom: 40px;
}

.allCourseSearchSEction .dir-search {
    margin-left: 85px;
}
.allCourseSearchSEction input[type=text]{
    background: #FFFEFE;
    border: 1px solid #D4CBCB;
    box-sizing: border-box;
    border-radius: 100px;
    padding: 15px 55px;
}
.allCourseSearchSEction input#course_search_submit {
    padding: 15px 25px;
    margin-left: -25px;
    background: #27D07D!important;
    border-radius: 0px 100px 100px 0px;
    border: 0!important;
    color: #fff!important;
}



/*=====================================================
           course category page design css
======================================================= */

/*----header-----*/
.tax-course-cat section#title {
    background: url(https://www.alphaacademy.org/wp-content/uploads/2020/05/single-course-banner.jpg)!important;
    background-size: cover !important; 
    padding-top: 200px;
    padding-bottom: 100px!important;
    margin-bottom: 65px!important;
}
.tax-course-cat #title.light h1{
    color: #444!important;
}
.tax-course-cat .breadcrumbs span{
    color: #444 !important;
}
.tax-course-cat .breadcrumbs li.current span{
    color: #444 !important;
}
.tax-course-cat #title.light .breadcrumbs li+li:before{
    color: #444!important;
}

/*--menu--*/
/*----menu---*/
.tax-course-cat #menu-main-menu a {
    color: #444!important;
}
.tax-course-cat ul#menu-main-menu li:hover a {
    color: #000!important;
}
.tax-course-cat .smallimg.vbplogin {
    color: #444 !important;
}
.tax-course-cat .fa-shopping-cart::before{
   color: #444 !important;
}
.tax-course-cat .fixed #menu-main-menu a{
    color: #FFF!important;
}
.tax-course-cat .fixed .smallimg.vbplogin {
    color: #fff !important;
}
.tax-course-cat .fixed .fa-shopping-cart::before{
   color: #fff !important;
}

.tax-course-cat span.fa.fa-shopping-basket {
    color: #444!important;
}
.tax-course-cat .fixed span.fa.fa-shopping-basket {
    color: #fff!important;
}
/*----left sidebar----*/
.tax-course-cat .widget {
    background: #FFFBF8 !important;
    padding: 30px!important;
}
.tax-course-cat .col-md-3 .widget+.widget{
    background: #FFFFFF;
    border: 0.5px solid #D4CBCB;
    box-sizing: border-box;
    box-shadow: 5px 25px 50px rgba(164, 162, 162, 0.1);
    border-radius: 5px;
    padding: 20px;
}
.tax-course-cat h4.widget_title{
    border: 0 !important;
}
.tax-course-cat h4.widget_title span:after{
    display: none !important;
}
.tax-course-cat h4.widget_title span {
    text-align: center!important;
}

/*-----pagination---*/
.tax-course-cat a.inactive {
    font-size: 18px!important;
    padding: 5px 13px!important;
    border-radius: 5px!important;
    border: 1px solid #C4C4C4 !important;
    color: #474F62 !important;
}
.tax-course-cat a.inactive:hover {
    color: #fff !important;
}
.tax-course-cat span.current {
    font-size: 18px!important;
    padding: 5px 13px!important;
    border-radius: 5px!important;
    border: 1px solid #C4C4C4 !important;
    color: #fff !important;
}
.tax-course-cat .pagination span { /*--page count--*/
    font-size: 18px!important;
    padding: 5px 13px!important;
    border-radius: 5px!important;
    border: 1px solid #C4C4C4 !important;
    color: #474F62 !important;
}
.tax-course-cat .pagination a { /*--next prev ---*/
    font-size: 18px!important;
    padding: 5px 13px!important;
    border-radius: 5px!important;
    border: 1px solid #C4C4C4 !important;
    color: #474F62 !important;
}
.tax-course-cat .pagination a:hover{
    color: #fff !important; 
}


/*=====================================================
           course page custom button
======================================================= */
.customCoursePageButton{
    display: block !important;
}

.customAllCourse a{
    float: right !important;
    background: #27d07d !important;
    padding: 10px 30px !important;
    color: #fff !important;
    margin-right: 15px!important;
    font-weight: 600 !important;
}
.customAllCourse a:hover{
    background: transparent !important;
    border: 1px solid #27d07d !important;
    color: #444 !important;
}
.customDiscount a{
    float: right !important;
    background: #27d07d !important;
    padding: 10px 30px !important;
    color: #fff !important;
    margin-right: 15px!important;
    font-weight: 600 !important;
}
.customDiscount a:hover{
    background: transparent !important;
    border: 1px solid #27d07d !important;
    color: #444 !important;
}
.customPremium a{
    float: right !important;
    background: #27d07d !important;
    padding: 10px 30px !important;
    color: #fff !important;
    margin-right: 15px!important;
    font-weight: 600 !important;
}  
.customPremium a:hover{
    background: transparent !important;
    border: 1px solid #27d07d !important;
    color: #444 !important;
}

/*--all course---*/
.customAllCoursePageButton{
    display: block !important;
}
.customAllDiscount{
    float: left!important;
    border: 1.5px solid #27d07d !important;
    padding: 6px 30px !important;
    color: #444 !important;
    margin-right: 15px!important;
    font-weight: 600 !important;
    margin-left: 15px !important;
}
.customAllDiscount:hover{
    color: #000 !important;
    background: #27d07d !important;
}
.customAllPremium{
    float: right !important;
    background: #27d07d !important;
    border: 1.5px solid #27d07d !important;
    padding: 6px 30px !important;
    color: #444 !important;
    margin-right: 15px!important;
    font-weight: 600 !important;
}  
.customAllPremium a:hover{
    color: #000 !important;
    background: #27d07d !important;
}



@media (min-width: 320px) and (max-width: 767px){
.tax-course-cat header.sleek #trigger{
    background: #444!important;
    padding-top: 2px!important;
    }
}
@media (min-width: 768px) and (max-width: 1024px){
.tax-course-cat header.sleek #trigger{
    background: #444!important;
    }
}
