@import "custom-variables/variables";
@import "../../bootstrap-4.0.0/scss/functions";
@import "../../bootstrap-4.0.0/scss/variables";
@import "../../bootstrap-4.0.0/scss/mixins";
@import "../../bootstrap-4.0.0/scss/nav";
@import "../../bootstrap-4.0.0/scss/transitions";
.seminar{
    background-color: $gray-200;
}

.seminar-box-figure{
    height: 200px;
}

.seminar-box-figcaption{
   @include media-breakpoint-down(sm){
         padding: 15px;
    } @include media-breakpoint-up(md){
         padding: 20px;
    }
    h6{
        min-height: 56px;
        &:focus{
            outline: 0;
        }
    }
}

.register-button-box{
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.seminar-box:hover .register-button-box{
    opacity: 1;
}
.seminar-banner-blk{
    @include media-breakpoint-down(xs) {
        background-color: $gray-200 !important;
    }
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
     border-color: $primary;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: $primary;
    background-color: $white;
     border-color: $primary; 
}
.nav-tabs .nav-link {
    border: 1px solid $primary;
    border-radius: 500rem;
    transition: all ease .5s;
}
.seminar-list{
    @include media-breakpoint-down(sm){
        .position-btn{
            padding: 15px;
        }
    }
    @include media-breakpoint-up(md){
        .seminar-box{
             padding-bottom:80px;
        }
        .position-btn{
            position: absolute;
            bottom: 0;
            padding: 0 0 30px;
            left: 30px;
            right: 30px;
        }
    }
}
.btn-default {
    font-size: 16px;
}