html body {
    background-color: #303030!important;
    font-family: 'Gilmer-Light', sans-serif;
}

html body * {transition: .3s ease all;}

html body h2.*{color: #FFF!important;}

/* === Login Screen === */

#content div.main-container div.column-container.column-secondary {padding: 0!important;}
#content div.main-container div.column-container.column-secondary div.default-style p {
    margin-block-end: 0;
    margin-block-start: 0;
    margin-bottom: 0!important;
}

#content div.main-container div.column-container.column-secondary div p img.fr-dib {margin: 0 auto;}

#content div.caption.centered {color: #FFF;}

/* === Buttons === */

.button, button {
    display: inline-block;
    background-color: #FFF;
    border: none;
    box-shadow: none;
    border-radius: 25px;
    color: #111;
    font-family: 'Gilmer Medium', sans-serif;
    font-size: 15px;
    line-height: normal;
    margin: 0;
    padding: 15px 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color .15s ease-in-out;
    white-space: nowrap;
}
.button:hover, button:hover {background-color: ##3C3C3C; color: #FFF; box-shadow: none;}
.button.primary, button.primary {
    background-color: #F26539;
    border-color: #F26539;
    border-style: none;
    color: #fff!important;
    text-decoration: none;
    border-radius: 25px;
}

/* === END Buttons === */

/* === Top Bar with Dropdown Menu === */

.css-9ku9i {
    background-color: #1b1b1b;
    font-family: 'Gilmer Medium', sans-serif;
}
.css-wlqxhl /* Nav Link */ {
    color: #FFF;
}
.css-h08i6v /* Nav Link Active */ {
    color: #F26539;
    border-bottom: 4px solid #F26539;
}

.css-h08i6v:hover {color: #F26539;
    border-bottom: 4px solid #F26539;
}|

.css-h08i6v:hover, .css-h08i6v:hover .css-1q95gw3 {color: #F26539;}

.css-1q95gw3 /* Dropdown Arrow */ {
    color: #FFF;
}
/* === END Top Bar === */

/* === Progress Bar === */

#admin-goals .add-goal .progress-bar {
    border: 1px solid #FFF;
}

#admin-goals .add-goal .progress-amount {
    background-color: #72B252;
    border: solid 1px #666;
}

/* === */

.callout {
    padding: 25px;
    margin: 12px 20px 12px 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #1c1c1c;
    position: relative;
    border-radius: 14px;
}

.callout header {
    zoom: 1;
    margin-top: -10px;
    padding: 14px 0 10px 0;
    font-weight: 300;
    background-color: transparent;
    border-bottom: solid 1px #ddd;
    color: #FFF;
}
.leader-list>li, ol.list>li, ul.list>li {
    padding: 25px;
    border-top: 1px solid #ddd;
    background: #3C3C3C;
    padding: 10px 15px;
}
ul.list>li.grouped-event {
    padding: 25px;
}

ul.list>li.grouped-event .inline:hover {background: rgba(0, 0, 0, .1);}

/* === MEMBER VIEW HOME === */

/* Top Nav */

.css-1j1duor {
    background-color:  #000!important;
    color: #FFF;
}
#nav-container ul li.c-nav-list-item a.css-1fj44t6, #nav-container ul li.c-nav-list-item a {font-family: 'Gilmer Medium', sans-serif;}
#nav-container ul li.c-nav-list-item a.css-1fj44t6, #nav-container ul li.c-nav-list-item a.css-1fj44t6:visited {
    color: #FFF;
    transition: .3s ease all;
}
#nav-container ul li.c-nav-list-item a.css-1fj44t6:hover {color: #F26539;}

header .c-icon-wrapper span.* {color: #D9D9D9;}
.infl-fe__style__pointsAmt___31mrP {color: #72B252;}

/* === Filter Buttons === */

.tablist__tab {
    color: #FFF;
    background-color: transparent;
    transition: background-color .1s ease-in-out;
    border-radius: 23px;
    border: none;
    box-shadow: none;
    margin-right: 3px;
    padding: 11px 23px;
    font-size: 14px;
    transition: .3s ease all;
}

.tablist__tab.tablist__tab--selected {background-color: #F26539;}

.css-1fj44t6:hover {color: #F26539;}

#home #challenge-filter .select-box {height: 35px;}
.challenge-nav__section .pt-override .pt-select .select-box {
    background-color: #fff;
    padding: 0 35px;
    border: 1px solid #ccc;
    border-radius: 18px;
    transition: border-color .2s ease-in-out;
}
.pt-select#challenge-filter .select-box .title {transform: translateX(-10px);}

/* === Sidebar === */
.right-sidebar .right-sidebar-content div * {color: #FFF!important;}

.right-sidebar .right-sidebar-content .progress {color: #FFF;}
.right-sidebar-content #COMMUNITY_FEED_CONTAINER ._2YPLEW0Cb1khbusvWWgc5F, .progress.sidebar-tab-content section, .progress.sidebar-tab-content.sidebar .advocate-leaderboard, ._2YPLEW0Cb1khbusvWWgc5F {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #1c1c1c;
    position: relative;
    border-radius: 14px;
    color: #FFF;
    box-shadow: 5px 8px 22px 5px #1c1c1c;
}

.right-sidebar-content #COMMUNITY_FEED_CONTAINER ._2YPLEW0Cb1khbusvWWgc5F::before, .progress.sidebar-tab-content section::before, .progress.sidebar-tab-content.sidebar .advocate-leaderboard::before, ._2YPLEW0Cb1khbusvWWgc5F::before, #LEADERBOARD::before {
    background: linear-gradient(146deg,#662dc3 13.46%,#b34b78 85.3%);
    border-radius: 14px;
    content: "";
    inset: -1px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 1;
    padding: 1px;
    position: absolute;
    transition: all .5s ease;
}
/* Activity/Community Feed Container === */

#COMMUNITY_FEED_CONTAINER ._2LuB3dwed36CE3etaTOEUS {background: transparent!important;}

.css-u9ierq {
    color: #FFF;
}

.progress.sidebar-tab-content.sidebar .advocate-leaderboard * {color: #FFF!important;}


#LEADERBOARD .c-header-container h2.css-epzw0u, #LEADERBOARD .c-header-container h2.css-1hp4689 {
    color: #FFF!important;
    font-size: 20px;
}

#LEADERBOARD .css-102y76q {background:transparent;}

#LEADERBOARD .c-navigation .css-10oke6c {color: #FFF;}

#LEADERBOARD .c-navigation.css-1sg2lsz {
    color: #D9D9D9;
}

#LEADERBOARD .c-navigation.css-1sg2lsz .text.c-navigation-item.c-active.css-1s37xa3.e4xmosd0 {
    color: #F26539;
}

#LEADERBOARD .c-separator.css-o4leq4 .css-1s37xa3 {color: #FFF;}

#LEADERBOARD .text.c-admin-message.css-hbeqbl {color: #FFF;}

.badges .css-u9ierq {color: #FFF; font-size: 20px;}

/* Achievements Box nested fix */
.badges #infl-fe-achievements-tile .css-16pshey .css-1njih6h {background-color: transparent!important;}

/* Divider Line Fix */
#LEADERBOARD .css-1yfnxjt, .badges .css-u9ierq {border-bottom: 1px solid rgb(72 72 72);}

/* === */

.experience-header__details-header {font-family: 'Gilmer Bold', sans-serif; color: #FFF;}
.experience-header__row.experience-header__details .experience-header__details-description * {color: #FFF;}

.content-sections-enabled .content-section-name h3,
table.ember-view .link-top-line .content-sections-enabled .content-layout-left-nav .link-top-line>a.title,
#topic-title .container .title-container .title-wrapper h1,
#topic-title .container .title-container .title-wrapper h1 a,
#post_1 > div:nth-child(3) .topic-body.clearfix  .regular.contents .cooked h2,
table.topic-list td span a.title.raw-link.raw-topic-link {color: #FFF;}
.badge-wrapper .badge-category .category-name,
.badge-wrapper, .badge-wrapper.bullet span.badge-category, .badge-wrapper.none {color: ##ff8500!important;}

.topic-body {color: #FFF;}


#referrals .main-content {margin-top: 0;}
#referrals .main-content #referrals-container .referral-submission {border-radius: 10px;}
#referrals .main-content #referrals-container .referral-banner img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* == Member Dashboard -- Sidebar == */

.profile-details-container .c-profile-details .c-personal-info button.c-edit-profile-button {z-index: 9999;}
