/*-------------------------------------------------------------------------------------------------
--------------------------------------- ALL BLOGS LIST --------------------------------------------
---------------------------------------------------------------------------------------------------*/
.blogs-header{
    background: url('../images/all-blogs-bg.jpg');
    height: 40%;
    position:relative;
    text-align:center;
    align-content:center;
    background-fit: fill;
    background-size: 100%;
    background-repeat: no-repeat;
}

.blogs-header .header-cap{
    position: absolute;
    top:50%;
    text-shadow: 0px 0px 10px rgba(0,0,0,1);
    color:white;
    transform: translateY(-50%);
}

.blogs-header .overlay{
    width:100%;
    height:40vh;
    background:rgba(0,0,0,0.3);
}

.blogs-header .header-cap-sub{
    color: #eee;
    font-weight:700;
    text-shadow: 0px 0px 10px rgba(0,0,0,1);
    position: absolute;
    top:80%;
    transform: translateY(-80%);
}

.blogs-header .header-cap h1{
    text-transform:uppercase;
    font-weight:700;
}

/*----------------------- Blogs Tabs ---------------------------*/
#Tabs{
    border: 1px solid #9e9e9e;
    position:relative;
    margin-left: 2% !important;
}

#Tabs h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

.nav-tabs{background:#fff;}

.nav-tabs li{
    background: rgb(7,1,123);
    background: linear-gradient(180deg, rgba(7,1,123,1) 0%, rgba(9,8,126,1) 7%, rgba(12,12,148,1) 18%, rgba(7,56,152,1) 39%, rgba(4,106,174,1) 65%, rgba(1,149,179,1) 100%);
    margin-right: 3px;
    padding:5px;
    box-shadow: 1px 3px 2px rgba(0,0,0,0.7);
    cursor:pointer;
    transition: 0.1s;
}

.nav-tabs li:hover{
    transform:scale(1.03);
}

.nav-tabs li a:hover{
    text-decoration:none !important;
}
.tab-pressed{
    background: #428bca !important;
    box-shadow: none !important;
}

.nav-tabs li a{
    color:white;
}

.no-blogs{
    width:100%;
    height:100%;
    font-size:3rem;
    font-weight:300;
    color:#b8b8b8;
    align-content:center;
    text-align:center;
}


/*----------------------- Blogs Cards ---------------------------*/

.blog-card{
    background: #fff;
    position:relative;
    padding:0rem;
    margin-left:3rem;
    margin-bottom:2rem;
    max-width:300px;
    height: 300px;
    box-shadow:5px 5px 10px rgba(0,0,0,0.5);
    cursor: pointer;
    transition:0.3s;
}

.blog-card:hover{
    transform:scale(1.02);
    box-shadow:10px 10px 10px rgba(0,0,0,0.3);
}

.blog-card .blog-card-img{
    height:50%;
    width:100%;
}

.blog-card img{
    width:100%;
    height:100%;
    object-fit: fill;
}

.blog-card .banner{
    margin-top:5px;
    width:100%;
    height:10%;
    background-color:#63f7a8;
}

.blog-card .banner p{
    display:inline-block;
    padding-left:5px;
    font-weight:600;
    padding-right:5px;
}

.blog-card .title{
    float:left;
    font-weight:600;
    padding-left:0.5rem;
    margin-bottom:0px;
    font-size:1rem;
}

.blog-card .description{
    float:left;
    color:#888a89;
    padding-left:0.5rem;
    font-size:1rem;
}