/*GENERAL ITEMS*/

/*BUTTONS*/
#res-btn, .btn-primary, .btn-primary:visited, .button-lg-primary, .button-lg-primary:visited,
#tieredApyTableBody tr td .button-lg-primary, #tieredApyTableBody tr td .button-lg-primary:visited{
    background-color: var(--buttonColor);
    color: var(--buttonTextColor)!important;
}

.btn-primary:hover, .button-lg-primary:hover, #tieredApyTableBody tr td .button-lg-primary:hover{
    background-color: var(--buttonHoverColor)!important;
}

/*LINKS*/
.header-container .utilities .contact, .footer__contact a, .runner a, #tieredApyTableBody td .data-three a, .tabs-panel a, .numbers a,
#tieredApyRow a{
    color: var(--linkColor)!important;
}

.header-container .utilities .contact:hover, .footer__contact a:hover, .runner a:hover, #tieredApyTableBody td .data-three a:hover,
.tabs-panel a:hover, .numbers a:hover, #tieredApyRow a:hover{
    color: var(--linkHoverColor)!important;
    background-color: var(--linkHoverBackgroundColor)!important;
}

/*TABLES BORDER*/
.table{
    border-top: 7px solid var(--tablesBorderColor);
}

.compare-table .compare-table-header{
    border-bottom: 7px solid var(--tablesBorderColor);
}

.cdcalc .calculator #gt-dialog .container-right{
    border-top: 10px solid var(--tablesBorderColor);
}

.cdcalc .calculator #gt-dialog .container-right .container-result h4 {
    color: var(--tablesBorderColor);
}
/*ARTICLE ITEM*/
.article-tile-info span{
    color: var(--articleItemTitleColor);
}

/*NAVIGATION*/

/*PRIMARY ITEM*/
.global-header.desktop .header-nav .main-nav>ul>li a, .global-header.desktop .header-nav .main-nav>ul>li a:visited,
.global-header.minimised .header-nav .main-nav>ul>li a, .global-header.minimised .header-nav .main-nav>ul>li a:visited{
    color: var(--navigationPrimaryItemColor);
}

.global-header.desktop .header-nav .main-nav>ul>li a:hover:not(.btn):not(.button-lg):not(.button-lg-alt):not(.button-lg-sm):not(.button-lg-primary):not(.button-lg-secondary):not(.button-small),
.global-header.minimised .header-nav .main-nav>ul>li a:hover:not(.btn):not(.button-lg):not(.button-lg-alt):not(.button-lg-sm):not(.button-lg-primary):not(.button-lg-secondary):not(.button-small){
    color: var(--navigationPrimaryItemHoverColor);
    /*border-bottom: 2px solid var(--navigationPrimaryItemBorderHoverColor);*/
    border-bottom: 2px solid transparent;
}

/*SUBMENU ITEM*/
.nav-l2 h5{
    color: var(--submenuTitleColor);
}

.global-header.desktop .main-nav>ul>li .nav-l2 .nav-l3 li a, .global-header.desktop .main-nav>ul>li .nav-l2 .nav-l3 li a:visited,
.global-header.minimised .main-nav>ul>li .nav-l2 .nav-l3 li a, .global-header.minimised .main-nav>ul>li .nav-l2 .nav-l3 li a:visited{
    color: var(--submenuItemColor);
}

.global-header.desktop .header-nav .main-nav .nav-l3 a:hover:not(.btn):not(.button-lg):not(.button-lg-alt):not(.button-lg-sm):not(.button-lg-primary):not(.button-lg-secondary):not(.button-small),
.global-header.minimised .header-nav .main-nav .nav-l3 a:hover:not(.btn):not(.button-lg):not(.button-lg-alt):not(.button-lg-sm):not(.button-lg-primary):not(.button-lg-secondary):not(.button-small){
    color: var(--submenuItemHoverColor);
    border: none;
    background-color: var(--submenuItemBackgroundHoverColor);
}

/*INPUTS*/

/*SELECT INPUT*/
.select{
    color: var(--selectInputTextColor);
    border: 1px solid var(--selectInputBorderColor);
}

.select:hover{
    border: 1px solid var(--selectInputHoverBorderColor);
}

/*INPUT*/
#gt-dialog .container-left .ui-spinner input[type=text]{
    color: var(--inputTextColor)!important;
}

#gt-dialog .container-left .spinzo input[type="text"],
.cdcalc .calculator #gt-dialog select{
    color: var(--calculatorInputColor) !important;
}

.input{
    border: 1px solid var(--inputBorderColor)!important;
}

#gt-dialog .container-left .ui-spinner input[type=text]:focus {
    background-color: var(--inputHoverBackgroundColor)!important;
    border-color: var(--inputHoverBorderColor)!important;
    color: var(--inputTextHoverColor)!important;
}

/*FAQS*/
.faqTitle{
    color: var(--faqTitleColor);
}

.faqTitle:hover{
    color: var(--faqTitleHoverColor);
}

/*RUNNER LINKS*/
.global-header.minimised .utilities div.runner-links {
    display: none;
}

.global-header.desktop .utilities div.runner-links {
    margin: 22px 70px 15px 22px;
}

.global-header.desktop .utilities div.runner-links a {
    margin-left: 15px;
    margin-top: 0!important;
}

.global-header.desktop .utilities div.runner-links a span {
    font-size: 14px;
    text-decoration: underline;
    font-weight: bold;
}

@media screen and (max-width: 1023px) {
    .global-header.desktop .utilities div.runner-links,
    .global-header.desktop .utilities div.runner-links a,
    .global-header.desktop .utilities div.runner-links a span {
        display: none !important;
    }

    .runner-links-mobile {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (min-width: 1024px) {
    .runner-links-mobile {
        display: none;
    }
}

.runner-links-mobile {
    flex-wrap: wrap;
    width: 50%;
    margin: auto;
    justify-content: center;
}

.runner-links-mobile a.runner-link.contact {
    border-bottom: 0!important;
    align-items: center;
    text-align: center;
}

.runner-links-mobile a.runner-link.contact:hover {
    background-color: white!important;
}

.runner-links-mobile a.runner-link.contact:after {
    content: none!important;
}

.columns.article-tile.public {
    display: flex;
    flex-direction: column;
}

.public .article-button {
    margin-top: auto;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.mt-15 {
    margin-top: 15px;
}

.horizontal-line {
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 1.5rem;
}

.global-hero .row .aarp-header .hero__info-header h1 {
    line-height: 1.1;
}

.global-hero .row .aarp-header .meta {
    padding-top: 0;
}

.global-hero .row .aarp-header .cta {
    padding-top: 10px;
}

.global-header.tablet-portrait-nav .main-nav>ul, .global-header.tablet-portrait-sub-nav .main-nav>ul {
    height: auto!important;
}

.default-font-color {
    color: rgb(10, 10, 10)!important;
}

@media screen and (min-width: 767px) {
    .runner-links-mobile {
        width: 50% !important;
        margin-left: 0;
    }
}

.global-header .logo-section .logo.aarp-logo {
    padding: 17px 0;
}

.global-header .logo-section .logo.aarp-logo .logo-title {
    height: 65px;
}

.global-header.mobile-sub-nav .logo-section .logo.aarp-logo,
.global-header.mobile-nav .logo-section .logo.aarp-logo,
.global-header.mobile .logo-section .logo.aarp-logo {
    width: 176px;
}

.fdic-container.aarp-fdic-container {
    margin-top: 10px;
    margin-left: 170px;
}

@media screen and (max-width: 950px) {
    .fdic-container.aarp-fdic-container {
        display: inline-block;
    }

    .fdic-container.aarp-fdic-container .fdic-title{
        margin-left: 5px;
    }
}

@media screen and (min-width: 455px) and (max-width: 766px) {
    .fdic-container.aarp-fdic-container .fdic-title {
        margin-left: 7px;
    }
}

@media screen and (max-width: 766px) {

    .global-header .logo-section .logo.aarp-logo .logo-title {
        height: auto;
        width: 80px;
    }

    .fdic-container.aarp-fdic-container {
        margin-top: 2px;
        margin-left: 0px;
    }
}
@media screen and (max-width: 600px) {
    .fdic-container.aarp-fdic-container .fdic-img {
        /*margin-bottom: 20px;*/
    }
}

.global-header.mobile-sub-nav .main-nav ul.submenu-item {
    min-height: 200px;
}

.arrp-container-calculation h2.default-font-color {
    font-weight: bold;
}