@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
body, body * {font-family: 'Nunito', sans-serif !important;}

/* This does not work since there is an !important statement later in code */
.feature {
border-radius: 12px !important;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Hack to set border radius for each category individually in order to override !important statement */
.feature.new {
border-radius: 12px !important;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15) !important;
}
.feature.improvement {
border-radius: 12px !important;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15) !important;
}
.feature.fix {
border-radius: 12px !important;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15) !important;
}
.feature.comingsoon {
border-radius: 12px !important;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15) !important;
}
.feature.announcement {
border-radius: 12px !important;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.feature .category {
background: #FFF0F6 !important;
border: 1px solid #FFADD2 !important;
color: #C41D7F !important;
}

.streamNav .streamSearch {
font-style: normal !important;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 22px !important;
color: #677D83 !important;
}

.streamNav .streamSearch .streamSearchInput {
border-radius: 16px !important;
border: 1px solid #CCD4D6 !important;
}

.streamNav .streamCats.singleCategory .streamCatsList .catItem .catItemLink {
border-radius: 16px !important;
color: #35525A !important;
}

.feedbackInput {
    border-radius: 12px;
    font-size: 1rem;
    padding: 10px 30px 30px 12px;
}

img {
  border-radius: 12px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15) !important;
}

figure {
    border-radius: 12px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.featureContent figcaption {
    font-size: .9rem;
    margin: 10px 0 8px;
}