.main-header {
    background: #303233;
    color: #fff;
}

@media (min-width: 768px) {
    .main-menu .has-children > ul { background: #303233; }
}

.main-header--logo {
    background: url(/images/logo-light.svg) no-repeat center;
    background-size: 122px auto;
    border: 0;
    overflow: hidden;
    padding: 0!important;
    text-indent: -1000em;
    width: 140px;
    width: calc(122px + 2rem);
}


.menu ul > li.current > a::before { border-left-color: #ff1f44; }

.main-menu .badge.primary { background: #47b369; }

.main-menu ul > li.current > a::before { border-color: #ff1f44; }


.badge.primary,
.label.primary,
.tag.primary { background: #ff1f44; }

.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus { border-color: #ff1f44; }

.nav-tabs > ul > .active > a::after,
.nav-tabs > ul > .current > a::after,
.nav-tabs > .active > a::after { background-color: #ff1f44; }

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus,
.nav-pills > ul > .current > a,
.nav-pills > ul > .current > a:hover,
.nav-pills > ul > .current > a:focus { background-color: #ff1f44; }

.nav-steps > .visited > span > em,
.nav-steps > .visited > a > em,
.nav-steps > .active > span > em,
.nav-steps > .active > a > em { background-color: #ff1f44; }
.nav-steps > li.visited::after { background: #ff1f44; }

.nav-list.stacked > .active > a { border-color: #ff1f44; }

.btn.active {
    background: #ff1f44;
    border-color: transparent;
    border-color: rgba(0,0,0,.2);
}

.modal { border-top-color: #ff1f44; }
.modal-full .modal--close { background: #ff1f44; }







/* icons */
[class^="svg-icn-"].primary { fill: #ff1f44; }




/* typo */
a { color: #47b369; }

.text-cta { color: #47b369!important; }




/* button colors */
.btn.link,
.btn.link:hover,
.btn.text,
.btn.text:hover { color: #47b369; }

.btn.primary,
.btn.primary:hover {
    background: #47b369;
    border-color: #39a25a;
    color: #fff;
}

.btn.primary:hover,
.btn.primary.current,
.btn.primary.show,
input:checked + label.btn.primary { background: #39a25a; }




/* Badges Labels Tags */
.badge,
.label { background: #66686b; }




/* btn pulsing */
.btn.primary.pulse { box-shadow: 0 0 0 0 rgba(149,204,31,.8); }

@keyframes btn-primary-pulse { to { box-shadow: 0 0 0 20px rgba(149,204,31,0); } }

