.mm-container .block-headline {
    font-family: Georgia,"Times New Roman",Times,serif;
    text-align: center;
    color: #42748d;
    text-transform: uppercase;
}

.clickable {
    cursor: pointer;
}

.card-news.card-body .headline-first {
    font-weight: 600;
    margin: 1em 0 0.5em 0;
}

.card-news.card-body .orange {
    color: #ff8300;
    text-transform: uppercase;
}

.news .headline, .filter-news .headline {
    font-size: 1.2em;
    margin: 0.5em 0 0 0;
    font-weight: 600;
    max-width: 220px;
}

.news, .filter-news {
    text-align: center;
}

.orange-category
{
    color: #ff8300;
    text-transform: uppercase;
    font-size: 14px;
}



.news-cat-and-date .orange,
.orange{
  color: #ff8300;
}



.block-link a {
    color: #ff8300 !important;
    text-transform: uppercase;
      text-decoration: underline !important;
}

.block-link {
    text-transform: uppercase;
    font-weight: 700;
    font-family: Georgia;
    text-align: center;
    font-size: 1em;
    width:100%;
}

.block-link a::after {
    content: " »";
}

.card-news img{
    object-fit: cover;
}

.card-news.card-body a{
    text-decoration: none;
    color: #1d1d1d;
}

.news-cat-and-date{
    font-size: 80%;
 
}

.mm-container .block-headline{
        font-size: 2em;
}

/* ========= desktop view start ==============*/

@media all and (min-width: 992px){
    
    .mm-container .block-headline{
        margin-top: 1em;
    }
    
    .card-news.card-body .headline-first{
         font-size: 2.2em;
    }
   
    
    .news-intro{
        font-size: 1.3em;
    }
    
    .news-container{
        width: 100%;
        margin-left: 2em;
    }
    
    .row.row-cols-1{
        margin-top: 0.7em;
    }
    
    .card-news.card-body{
        padding-top: 3px;
    }
    .news-cat-and-date{
         padding-top: 5px;
    }
}

/* ========= desktop view end ==============*/

/* ========= mobile view start ==============*/

@media screen and (max-width: 991px){
     .card-news.card-body .headline-first, 
     .card-news.card-body .headline{
         font-size: 1.2em;
    }
    .news-cat-and-date .news-intro{
        font-size: 18px !important;
    }
    
   
     .block-headline{
        margin: 2em 0 0.5em 0;
    }
    
    .news-container .card{
        padding: 10px 20px;
    }
    
    .news-container .row{
        margin: 0;
    }
    
    .row.row-cols-1 .col{
        padding: 0;
    }
}
/* ========= mobile view end ==============*/