/* IMPORTS MANROPE FROM GOOGLE AND APPLY ON BODY */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
body, body * {font-family: 'Manrope', sans-serif !important;}

/* INCREASES SIZE OF SUGGEST IDEA BUTTON */
.scrollPrompt {
    font-size: 14px;
}

/* IDEAS PAGE: HOVER COLORS FROM THE SORT BY ITEMS */
.simpleDrop .multiselect ul li:hover {
    color: #273038;
    background: #FFEED9
}

/* IDEAS PAGE: FORM LABEL COLOR WHEN ACTIVE */
.roadmapFormInputContainer:focus-within label {
    color: #FF9A1A
}

/* IDEAS PAGE: FORM CURSOR COLOR */
.roadmapForm form .roadmapFormInput {
    caret-color: #FF9A1A
}

/* ADD COMMENT BUTTON */
.roadmapActionLabel {
    font-weight: 600;
}

.roadmapPost .roadmapAction .roadmapActionIcon svg {
    fill: #005A87 !important;
}

.roadmapPost .roadmapAction .roadmapActionLabel {
    color: #005A87 !important;
}

/* BACK TO ALL POSTS BUTTON */
.backButton span {
    font-weight: 600;
}

/* READ MORE BUTTON */
.readmoreButton {
    font-weight: 600;
}

/* IDEAS PAGE: PARAGRAPH FORMATTING */
.roadmapItemContent .featureContent {
    font-size: 14px!important;
    line-height: 1.8 !important;
}

/* ROADMAP PAGE: STATUS TAGS */
.roadmapColumnLabel span {
    text-transform: uppercase;
    font-size: 12px;
}


/* ROADMAP VOTERS AND FORM */
.roadmapVotersHeader span.roadmapVotersHeading {
    font-size: 18px;
}

.roadmapForm,.roadmapVoters {
    padding: 16px 16px 12px;
    background: #EBEEF0;
    border-radius: 4px
}

.roadmapHeader span.roadmapFormHeading {
    font-size: 18px;
}

.roadmapHeader span {
    font-size: 14px;
}

.feature.featureRequestsPrompt {
    background-color: #EBEEF0 !important;
}

/* SUBMIT BUTTON */
.roadmapForm form .roadmapFormSubmit {
    background: #FF9A1A;
    color: #273038;
}

/* BOTTOM MENU CUSTOMIZATION STARTS HERE */
.modeTabs .tab {
    color: #0E4059;
}

.modeTabs .tab svg {
    fill: #0E4059;
}

.modeTabs .tab.active {
    color: #005A87;
    border-bottom: solid 3px;
    background-color: #E4F1F7;
}

.modeTabs .tab.active svg {
    fill: #005A87;
}

.embed .modeTabs .tab:hover:before {
    background: #E4F1F7;
    opacity: 50%;
}

/* REPLACE CHANGELOG TEXT */
.modeTabs #changelogSection.tab span {
    position: relative;
    visibility: hidden;
}

.modeTabs #changelogSection.tab span:after {
    content: "What's New";
    position: absolute;
    visibility: visible;
    left: 0;
    top: 0;
    width: 100%;
}