/** CSS Overrides to work with CSS Bootstrap 5 & AGE CSS **/
body {
    font-family: Verdana, sans-serif;
    font-size: 14px;
    line-height: normal;
}

h2 {
    margin: 15px 0;

    font-size: 18px;
    font-weight: bold;
}

h3 {
    margin: 16px 0;

    font-size: 16px;
    font-weight: bold;
}

div.header {
    line-height: 21px;
}

div.landing-tab-content {
    padding-top: 10px;
}

div.outer-frcoins + div {
    margin-top: -20px !important;
}

div.blue-title h1 {
    font-size: 22px
}

#navbarSupportedContent {
    position: relative;
    z-index: 102;
}

#ageNavigationBar {
    /*min-height: 50px;*/

    margin-bottom: 8px;

    padding-top: 0;
    padding-bottom: 0;

    /*border-top: 1px solid #D0A50A;*/
    /*border-bottom: 4px solid #D0A50A;*/
}

#ageBSCustomNavigation {
    padding-top: 0;
    padding-bottom: 0;

    border-top: 1px solid #D0A50A;
    border-bottom: 4px solid #D0A50A;
}

#ageBSCustomNavigation .dropdown-menu {
    padding: 7px;
    border-radius: 0;
}

#ageBSCustomNavigation .dropdown-menu > div.row > div {
    padding-left: 5px;
    padding-right: 5px;
}

#ageNavigationBar > .container-fluid {
    min-height: 50px;
}

#ageNavigationBar .nav-link {
    color: #001446;
    font-size: 14px;
    font-weight: 700;
}

#ageNavigationBar .navbar-nav > li > a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
    line-height: 20px;
    padding: 15px 15px;
}

#ageNavigationBar .navbar-nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: url("/images/blue_arrow_nav.png");
    background-repeat: no-repeat;
    background-position: center top;
}

#ageNavigationBar ul.navbar-right {
    margin-right: -15px !important;
}

@media (min-width: 989px) and (max-width: 1025px) {
    img.age-logo {
        float: none !important;
    }

    button.navbar-toggle {
        display: none;
    }

    span.mobile-nav-dropdown {
        display: none;
    }
}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
    .screen-adjust-container {
        padding-left: 0;
        padding-right: 0;
    }

    #ageNavigationBar .nav-link {
        font-weight: bold;
        color: #001446;
        font-size: 22px;
        /*padding: 15px;*/
    }

    #ageNavigationBar .navbar-nav > li > a {
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
        line-height: 20px;
        padding: 10px 15px;
    }

    #ageNavigationBar .navbar-nav > li > a:hover {
        text-decoration: none;
        background-color: transparent;
        background-image: url("/images/blue_arrow_bullet.png");
        background-repeat: no-repeat;
        background-position: center left;
    }

    .dropdown-menu {
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: .5rem 0;
        margin: 0;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: none;
        border-radius: .25rem;
        line-height: 19px;
    }

    .dropdown-menu li a {
        padding: 10px 10px 10px 20px;
        /* font-size: 14px; */
        font-size: 16px;
        color: #555555;

        -webkit-text-size-adjust: none;
    }
}

/** Special Targeted CSS Overrides **/
div#info-header > div#info-header-left > div#info-header-left-title > h1, h1#info-header-left-title-h1 {
    font-size: 22px;
    font-weight: bold;
}

.specials-coin-box img.pp-coin-box-left {
    margin-right: 5px;
    padding: 0;
}

.specials-coin-box img.pp-coin-box-right {
    margin-left: 5px;
    padding: 0;
}

/** End Special Targeted CSS Overrides **/

.age-main-page-text {
    font-size: medium !important;
    text-transform: uppercase;
}

.gold-banner-sm {
    height: 32px;
    padding-top: 4px;
    padding-bottom: 0;
}

.gold-banner-md {
    height: 36px;
    padding-top: 4px;
    padding-bottom: 0;
}

.gold-banner-lg {
    height: 36px;
    padding-top: 4px;
    padding-bottom: 0;
}

div.coinsbullion-images-each-text h2 {
    font-size: 18px;
    font-weight: bold;
}

.bx-wrapper .bx-pager {
    bottom: -54px;
}

.banner-viewmore-specials {
    margin-top: -15px !important;
}

#specials-slidecontainer .bx-pager, .bx-default-pager {
    bottom: -30px !important;
}

div#about-content-text {
    margin-top: 14px;

    font-weight: 500;
}

div.footer-newsletter .footer-right-input {
    width: 96%;
}

div.footer-newsletter form p {
    margin-top: 12px;
}

.footer-spot-prices label, .footer-ratios label, div.tab label {
    width: 100% !important;
}

img[alt="payment Types"] {
    margin-bottom: 0 !important;
}