@import url("https://use.typekit.net/qrq8jit.css");

body {
    font-family: tenon,lato,latortl,sans-serif;
    background-color: #17181a;
}

.embed.beamer_active .news {
    height: calc(100vh - 63px);
    padding: 10px 20px 56px;
}

input.streamSearchInput {
    background: #131416
}

.feature {
    border-radius: 30px !important;
    padding: 20px !important;
}

.streamContent.feature {
    border-radius: 30px !important;
}

.header.dark::before {
    background-image: none!important; 
}
.headerTitle, .headerTitle a {
    font-weight: 800 !important; 
    font-size: 40px !important;
    margin-top: 16px;
}

.featureDate span {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    padding-left: 2px;
}

.featureTitle {
    font-weight: 700;
    font-size: 26px !important;
    line-height: 28px !important;
    letter-spacing: -0.02em;
} 

.featureContent {
    line-height: 22px;
}

.category {
    height: 24px;
    border-radius: 16px;
    padding: 4px 12px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.02em;
}

/* CATEGORY COLORS */
.categoryNew {
    color: #FF2AAC;
}
.categoryComingSoon {
    color: #FFE26C;
}
.categoryAnnouncement {
    color: #169fff;
}
.categoryFix {
    color: #C036DD;
}
.categoryImprovement {
    color: #8B31F1;
}

.category.color-8 {
    color: #FF2AAC; 
}

h2 {
    margin-top: 40px;
    margin-bottom: 8px !important;
    font-size: 20px !important;
    color: #fffff !important;
}


/* ------------- */ 
/* STANDALONE */

body.standalone div.feature {
    border-radius: 16px !important;
}

.catItem .ico.new {
    background: #FF2AAC !important;
}

.catItem .ico.announcement {
    background: #169FFF !important; 
}

.catItem .ico.comingsoon {
    background: #FFE26C !important; 
}

.catItem .ico.fix {
    background: #C036DD !important; 
}

.catItem .ico.improvement {
    background: #8B31F1 !important; 
}

.catItemLink {
    color: #ffffff !important;
}