:root {
    --primary_font: Barlow;;    --secondary_font: Barlow;;}
    .color-1 {color: #ea5455 !important}
    .color-1-background {background: #ea5455 !important}
    .color-1-border {border-color: #ea5455 !important}
    .active-like { color: #ea5455 !important; }
    .img-like.active-like { background-color: #ea5455 !important; }
    
    .color-2 {color: #ffffff !important}
    .color-3 {color: #f18344 !important}
    .color-3-background {background: #f18344 !important}
    .profile-menu.active {background: #f18344 !important}
    .submenu-link.active {
    color: #f18344 !important;
    border-bottom-color: #f18344 !important;
    }
    .color-3-border {border-color: #f18344 !important}
    .color-4 {color: #ffffff !important}
    .color-4-background {background: #ffffff !important}
    .color-4-after-border-left:after {border-left-color: #ffffff !important}

    @media (max-width: 1200px) {
    .color-4-background-mobile {background: #ffffff !important}
    }
    .color-5 {color: #595959 !important}
    .menu-item {color: #595959 !important}

    @media (max-width: 1200px) {
    .color-5-mobile {color: #595959 !important}
    .menu-item-mobile {color: #595959 !important}
    }
    .color-6 {color: #ea5455 !important}
    .menu-item.active {
    color: #ea5455 !important;
    border-bottom: 2px solid #ea5455 !important;
    }
    .menu-item-notification.active {
    color: #ea5455 !important;
    border-bottom: 2px solid #ea5455 !important;
    }
    .see-all-button-container-mobile {
    color: #ea5455 !important;
    }

    @media (max-width: 1200px) {
    .menu-item-mobile.active {
    color: #ea5455 !important;
    border-bottom: 2px solid #ea5455 !important;
    }
    .menu-item-notification-mobile.active {
    color: #ea5455 !important;
    border-bottom: 2px solid #ea5455 !important;
    }
    .color-6-mobile {color: #ea5455 !important}
    }
    #group-page .tabs-container > #groupTab.nav > li > a.active {
        border-bottom: solid 4px #ea5455 !important;
        color: #ea5455 !important;
    }
    .color-7 {color: #bf683b !important}
    .color-7-background {background: #bf683b !important}
    .color-8 {color: #ffffff !important}

.files-loader, .files-loader-reply {
    color: #ea5455;
}

.primary-button {
cursor: pointer;
display: inline-block;
font-weight: 400;
text-align: center;
font-size: 16px;
text-decoration: none;
text-transform: uppercase;
border-radius: 6px;
border-width: 1px;
border-style: solid;
height: 40px;
line-height: 28px;
padding: 6px 12px;
background-color: #ea5455;
border-color: #ea5455;
color: #ffffff;
outline: none;
}
.primary-button:hover {
text-decoration: none;
color: #ffffff;
filter: brightness(85%);
}

.secondary-button {
cursor: pointer;
display: inline-block;
font-weight: 600;
text-align: center;
font-size: 14px;
text-decoration: none;
border-radius: 6px;
border-width: 1px;
border-style: solid;
height: 40px;
line-height: 28px;
padding: 6px 12px;
background-color: #fff;
border-color: #f18344;
color: #f18344;
outline: none;
}
.secondary-button:hover {
background-color: #f18344;
text-decoration: none;
color: #fff;
}

.tertiary-button {
cursor: pointer;
display: inline-block;
font-weight: 600;
text-align: center;
font-size: 16px;
text-decoration: none;
height: 40px;
line-height: 28px;
padding: 6px 0px;
background-color: transparent;
border: none;
color: #f18344;
outline: none;
}
.tertiary-button:hover {
text-decoration: none;
color: #f18344;
}


.primary-button:active, .primary-button:focus,
.tertiary-button:active, .tertiary-button:focus,
.secondary-button:active, .secondary-button:focus {
outline: none;
box-shadow: none;
}
a.primary-button:not([href]):not([tabindex]),
a.secondary-button:not([href]):not([tabindex]),
a.tertiary-button:not([href]):not([tabindex]) {
color: #ffffff;
}