/* customizsation for Bootstrap 4 Alpha */

/* container size on desktops */
@media (min-width: 1200px){
    .container {
        width: 1400px !important;
    }
}

/* color of non active elements in navigation bar */
.navbar-inverse .navbar-nav .nav-link{
    color: #FFF;
}

/* buttons */
.btn{
    cursor: pointer !important;
}

.btn-primary{
    border-radius: 25px;
    background-color: transparent;
    border: 1px solid #5741ad;
    padding: 17px 16px;
    color: #5741ad;
    font-weight: bold;
    transition: all 0.3s;
}

a:hover .btn-primary.btn-filled{
    color: #FFF !important;
}

.btn-primary:hover{
    /*background-color: #5741ad !important;*/
    /* border: 1px solid #5741ad; */
    /* padding: 17px 18px; */
    background-color: transparent;
    color: #5741ad;
    transition: all 0.3s;
}

.btn-primary.active{
    background-color: #6e4dca !important;
}

.btn-primary.filled{
    background-color: #4b359e;
    border: none;
    color: #FFF;
    transition: all 0.3s;
}

.btn-primary.filled:hover{
    background-color: #5741ad;
    transition: all 0.3s;
}

/* navigation */
/* @media (min-width: 768px){
   .collapse {
       display: flex !important;
   }
}

@media (max-width: 768px){
   .collapse {
       display: none !important;
   }
} */