/* Extra style */
@import url("/assets/app/css/djde-font.css");


body {background-color:#f3f2f8 !important; font-family: djde-font; font-size: 12px;}



.bg-dark-grey {background-color:  rgba(22, 22, 23, 1)};


/*nav*/

.navbar-nav {font-size: 14px !important; font-weight: 100 !important;}
.nav-link {font-size: 14px !important; font-weight: 100 !important;padding: 0 20px !important; color: rgba(255, 255, 255, 0.7)}

.carousel .carousel-indicators button {
    width: 10px;
   height: 10px;
   border-radius: 100%;
 }

 .carousel-indicators {
    margin-bottom: 1.5rem !important;
 }

.landingpage-header {
    min-height: 30rem;
}


/*coaching -> #7b61ff; -> Purple ?*/
.h2-title {
    display: inline-block;
    margin: 5rem 0 3rem 0;
    padding: 10px 20px;
    background-color: #7b61ff;
    color: white;
    text-transform: uppercase;
    font-size: 24px;    
}
.h3-title {
    color: #7b61ff;
    text-transform: uppercase;
    font-size: 20px;     
}

.img-stacked {
    float: none;
    transform: translate(-50%, -40%);
    width: 60%;
}

.fill__btn, .btn-primary {
    border-radius: 0px;
}



.dj-section {
    background-color: #f3f2f8;
}

.dj-card {
    border-radius: 1rem;
    border-color:#e9e9e9;
}
.dj-card img {    
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.dj-card .card-body {   
    z-index: 5; 
    margin-top:-30px ;
    background: rgb(255,255,255);
/*background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 8%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,1) 100%);*/
}
.dj-card p {line-height: 20px; margin-bottom: 5px;}
.dj-card .span-right,.dj-card .span-left {display: inline-block;}
.dj-card .span-left {
    text-align: left;
    font-size: 12px;
    color: #333;
    line-height: 12px;
    width: 50%;
    margin-top: 10px;
}
.dj-card .span-right {
    text-align: right;
    width: 45%;
}

.dj-card h4 {font-size: 30px; font-weight: bold;}
.dj-card .dj-btn {border-radius: 45px; padding: 8px 18px;}
.dj-card .card-footer {border-top:0px !important; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem;
    margin-bottom: 15px}