@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
body, body * {font-family: 'Source Sans Pro', sans-serif;}
/* TopBar Title in the header */
.header .headerTitle a {font-weight: 700 !important; font-size: 24px !important;}
/* Post */
/* Post category */
.feature .featureDate .category {font-weight: 700 !important; border-radius: 4px !important; letter-spacing: 0.2px;}
/* Post title */
.feature .featureTitle {color: #4c5873 !important; margin-bottom: 8px !important;}

.post h3.featureTitle, .post h3.featureTitle a, 
.post h3.featureTitle a:hover, 
.post h3.featureTitle a:active, 
.post h3.featureTitle a:focus, 
.post h3.featureTitle a:visited {
    font-size: 24px !important;
    line-height: 26px !important;
}



/* readmore */
.feature.hasReadmore .featureContent .readmoreButton, .feature.hasReadmore .readmoreButton {
    border-radius: 4px !important; 
    box-shadow: 0 0 4px rgba(0,0,0,.15) !important;
    bottom: 16px !important;
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 600;
    letter-spacing: 0.1px;
}

.feature.hasReadmore .featureContent .readmoreButton:hover, .feature.hasReadmore .readmoreButton:hover {
    box-shadow: 0 0 5px rgba(0,0,0,.3) !important;
}