/*colors*/
/*PANTONE 115 rgba(252,217,29,1)
PANTONE 116 rgba(252,206,1,1)
PANTONE 124 rgba(243,184,15,1)
PANTONE ORANGE 021 rgba(253,79,0,1)
PANTONE 718 rgba(228,128,28,1)
PANTONE 376 rgba(127,194,65,1)
PANTONE PROCESS BLUE rgba(0,157,220,1)
PANTONE 3005 rgba(0,130,200,1) (Investment Plan color)
PANTONE 2728 rgba(25,70,186,1)
PANTONE 2603 rgba(114,33,130,1)
PANTONE 404 rgba(119,111,103,1)*/

/*Global*/
body {
    display: none;
    line-height: 1.375;
}
.redBold {
    font-weight:bold;
    color:red;
}
h1 {
    font-size: 2.25rem;
}
.heading {
    font-weight: 900;
}
.heading-yellow {
    color: rgba(243,184,15,1);
}
.heading-orange {
    color: rgba(253,79,0,1);
}
.heading-green {
    color: rgba(127,194,65,1);
}
.link-yellow:hover,
.link-yellow:focus,
.link-yellow {
    color: rgba(243,184,15,1);
    font-weight: bold;
}
.link-orange:hover,
.link-orange:focus,
.link-orange {
    color: rgba(253,79,0,1);
    font-weight: bold;
}
.link-green:hover,
.link-green:focus,
.link-green {
    color: rgba(127,194,65,1);
    font-weight: bold;
}
.link-black:hover,
.link-black:focus,
.link-black {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}
.green:hover,
.green:focus,
.green {
    color: #7fc241;
}
.member-investment, .member-pension, .buyback-payment-positive, .buyback-payment-negative, .text-cola {
    display: none;
}

/*Header*/
header {
    background-image: url('../img/banner.jpg');
    background-size: cover;
    position: relative;
}
.header__top {
    background-color: #000;
    color: #fff;
    font-weight: bold;
}
.header__bottom {
    color: #fff;
    font-weight: bold;
}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
    font-weight: bold;
}
.navbar-light .navbar-toggler {
    border-color: #fff;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.sunburst {
    z-index: 1;
    position: relative;
}
.header__banner {
    position: absolute;
    bottom: 0;
    z-index: 0;
    height: 10px;
    width: 100%;
}

/*Nav Buttons*/
.nav__buttons {
    background-color: #f5f5f5 !important;
}
.nav__buttons .btn {
    border-radius: 1.25rem;
    font-size: 2rem;
    border-width: 3px;
    background-color: rgba(255,255,255,1);
}

.btn-outline-yellow {
    color: rgba(243,184,15,1);
    border-color: rgba(243,184,15,1);
}
.btn-outline-yellow:hover,
.btn-outline-yellow:active,
.btn-outline-yellow.active,
.btn-outline-yellow:not(:disabled):not(.disabled):active,
.btn-outline-yellow:not(:disabled):not(.disabled).active,
.show>.btn-outline-yellow.dropdown-toggle {
    background-color: rgba(243,184,15,1);
    border-color: #fff;
    box-shadow: 0 0 0 3px rgba(243,184,15,.5);, inset 0 3px 5px rgba(0,0,0,0.125);
}
.btn-outline-yellow:not(:disabled):not(.disabled):active:focus,
.btn-outline-yellow:focus,
.btn-outline-yellow.focus {
    box-shadow: 0 0 0 3px rgba(243,184,15,.5);
}
.btn-outline-orange {
    color: rgba(253,79,0,1);
    border-color: rgba(253,79,0,1);
}
.btn-outline-orange:hover,
.btn-outline-orange:active,
.btn-outline-orange.active,
.btn-outline-orange:not(:disabled):not(.disabled):active,
.btn-outline-orange:not(:disabled):not(.disabled).active,
.show>.btn-outline-orange.dropdown-toggle {
    background-color: rgba(253,79,0,1);
    border-color: #fff;
    box-shadow: 0 0 0 3px rgba(253,79,0,.5);, inset 0 3px 5px rgba(0,0,0,0.125);
}
.btn-outline-orange:not(:disabled):not(.disabled):active:focus,
.btn-outline-orange:focus,
.btn-outline-orange.focus {
    box-shadow: 0 0 0 3px rgba(253,79,0,.5);
}
.btn-outline-green {
    color: rgba(127,194,65,1);
    border-color: rgba(127,194,65,1);
}
.btn-outline-green:hover,
.btn-outline-green:active,
.btn-outline-green.active,
.btn-outline-green:not(:disabled):not(.disabled):active,
.btn-outline-green:not(:disabled):not(.disabled).active,
.show>.btn-outline-green.dropdown-toggle {
    background-color: rgba(127,194,65,1);
    border-color: #fff;
    box-shadow: 0 0 0 3px rgba(127,194,65,.5);, inset 0 3px 5px rgba(0,0,0,0.125);
}
.btn-outline-green:not(:disabled):not(.disabled):active:focus,
.btn-outline-green:focus,
.btn-outline-green.focus {
    box-shadow: 0 0 0 3px rgba(127,194,65,.5);
}
.nav__message {
    color: rgba(228,128,28,1);
}
.btn.disabled {
    background-color: rgba(255,218,202,1);
    border-color: rgba(255,218,202,1);
    color: #444;
    margin-bottom: 1rem;
}
.btn-orange {
    background-color: rgba(255,218,202,1);
    border-color: rgba(228,128,28,1);
    color: #444;
    font-weight: bold;
}
.btn-orange:hover,
.btn-orange:focus {
    cursor: pointer;
    color: #444;
}
.btn-wrap {
    white-space: normal;
}

/*Accordion*/
#headingTwoOne {
    cursor: default;
}
#headingTwoOne > h5:nth-child(1):before {
    display: none;
}

.card-header.orange,
.card-header.orange:after {
    color: rgba(253,79,0,1);
}
.card-header.collapsed.orange {
    background-color: rgba(253,79,0,1);
}
.card-header.yellow,
.card-header.yellow:after {
    color: rgba(243,184,15,1);
}
.card-header.collapsed.yellow {
    background-color: rgba(243,184,15,1);
}
.card-header.green,
.card-header.green:after {
    color: rgba(127,194,65,1);
}
.card-header.collapsed.green {
    background-color: rgba(127,194,65,1);
}
.card-header.blue,
.modal-title.blue,
.investment-plan,
.investment-plan:hover,
.investment-plan:focus {
    color: rgba(0,130,200,1);
}
.card-header.blue.collapsed {
    background-color: rgba(0,130,200,1);
}
.card-header.blue:after {
    color: rgba(0,130,200,1);
}
.card-header.purple,
.modal-title.purple,
.pension-plan,
.pension-plan:hover,
.pension-plan:focus {
    color: rgba(114,33,130,1);
}
.card-header.purple.collapsed {
    background-color: rgba(114,33,130,1);
}
.card-header.purple:after {
    color: rgba(114,33,130,1);
}
.card-header.collapsed {
    color: #fff;
}
.card-header {
    background-color: #e7e7e7;
}
.card-header h5:before {
    font-family: 'Ionicons';
    content: "\f365";
    font-size: 30px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.card-header.collapsed h5:before {
    content: "\f35f";
    color: #fff;
}
.card-header h5 {
    font-weight: bold;
    position: relative;
}
.card-header:hover,
.card-header:focus {
    text-decoration: none;
}

/*Popover*/
.popover {
    border-color: rgba(255,218,202,1);
    background-color: rgba(255,218,202,1);
}
.popover .arrow:after {
    border-top-color: rgba(255,218,202,1) !important;
}
.popover-header {
    font-weight: bold;
    background-color: rgba(255,218,202,1);
    font-size: .875rem;
    border-bottom: none;
}
.popover-body {
    padding-top: 0;
}
.q-mark {
    color: rgba(253,79,0,1) !important;
    cursor: help;
    font-size: 1.25rem;
}

/*bulleted lists*/
.bullet li {
    list-style: none;
    position: relative;
    margin-left: -10px;
}
.bullet li:before {
    content: '\f21b';
    font-family: 'Ionicons';
    position: absolute;
    left: -30px;
    font-size: 10px;
    top: 6px;
}
.bullet.orange li ul li:before {
    content: '\f401';
    font-family: 'Ionicons';
}
.bullet.yellow li:before {
    color: rgba(243,184,15,1);
}
.bullet.orange li:before {
    color: rgba(253,79,0,1);
}
.bullet.green li:before {
    color: rgba(127,194,65,1);
}

.list-item.learn,
.list-item.compare,
.list-item.enroll {
    margin-left: -20px;
    position: relative;
    list-style: none;
    line-height: 1.75;
}
.list-item:before {
    content: '\f363';
    font-family: 'Ionicons';
    position: absolute;
    color: #000;
    font-size: 40px;
    left: -20px;
    line-height: 1;
    top: -6px;
}
.list-item a {
    font-weight: bold;
}
.list-item.learn:before,
.list-item.learn a {
    color: rgba(243,184,15,1);
}
.list-item.compare:before,
.list-item.compare a {
    color: rgba(228,128,28,1);
}
.list-item.enroll:before,
.list-item.enroll a {
    color: rgba(127,194,65,1);
}

.media ul {
    list-style: disc;
    margin-left: -20px;
}

/*Sidebar*/
.list-unstyled .media img {
    width: 50px;
}

/*Tables*/
.tablesaw .pensionColumnHeader {
    background-color: rgba(114, 32, 130, 1);
    color: white;
}
.tablesaw .pensionColumn {
    background-color: rgb(227, 210, 229);
}
.tablesaw .investmentColumnHeader {
    background-color: rgba(0, 128, 199, 1);
    color: white;
}
.tablesaw .investmentColumn {
    background-color: rgb(204, 230, 243);
}

.footnote {
    font-size: .8rem;
}

.chat,
.days-remaining,
.end-date {
    color: rgba(253,79,0,1);
}
.end-date {
    font-weight: bold;
}
.chat:hover,
.chat:focus {
    color: rgba(253,79,0,1);
    text-decoration: underline;
}

/*Footer*/
.footer__top {
    background-color: #000;
    color: #fff;
}
.footer__top a {
    color: #fff;
}
.footer__bottom {
    font-size: 12px;
}

@media (max-width: 575.99px) {
    html {
        font-size: .85rem;
    }
}