/* Navigation Font Styles */

/* Subheader text (newsletter title and date) - uses subheading font colour */
.newsletter .wrapper .newsletter-header .sub-header .left-block ul li,
.newsletter .wrapper .newsletter-header .sub-header .left-block ul li.newsletter-title,
.newsletter .wrapper .newsletter-header .sub-header .left-block ul li span,
.newsletter .wrapper .newsletter-header .sub-header .left-block ul li:first-child span,
.newsletter .wrapper .newsletter-header .sub-header .left-block ul li:not(:first-child) span:last-child,
.newsletter .wrapper .newsletter-header .sub-header .left-block .newsletter-title,
.newsletter .wrapper .newsletter-header .sub-header .left-block .newsletter-title span {
    font-family: var(--navigation-font-family) !important;
    font-weight: var(--navigation-font-weight) !important;
    color: rgb(var(--subheading-font-color)) !important;
}

@media (max-width: 767px) {
    .newsletter .wrapper .newsletter-header .sub-header .left-block .newsletter-title {
        padding-bottom: 1rem;
    }
}

/* Website link in subheader - uses subheading font colour */
.newsletter .wrapper .newsletter-header .sub-header .right-block a,
.newsletter .wrapper .newsletter-header .sub-header .right-block .btn-outline {
    font-family: var(--navigation-font-family) !important;
    font-weight: var(--navigation-font-weight) !important;
    color: rgb(var(--subheading-font-color)) !important;
}

/* Menu, Expand, Print buttons */
.buttons-wrap .btn,
.buttons-wrap .btn-outline-dark,
.buttons-wrap .nav-link,
.buttons-wrap a {
    font-family: var(--navigation-font-family) !important;
    font-weight: var(--navigation-font-weight) !important;
    color: rgb(var(--navigation-font-color)) !important;
}

/* Back to top button */
.back-to-top {
    font-family: var(--navigation-font-family) !important;
    font-weight: var(--navigation-font-weight) !important;
    color: rgb(var(--navigation-font-color)) !important;
}

/* Follow us label next to social icons - uses body font as supplementary header text */
.social-icons .follow-us-label,
.newsletter .wrapper .newsletter-header .main-header .social-icons .follow-us-label {
    font-family: var(--body-font-family) !important;
    font-weight: var(--body-font-weight) !important;
    color: rgb(var(--heading-font-color)) !important;
}

/* Right buttons section */
.right-buttons .btn,
.right-buttons .btn-outline-dark,
.right-buttons .nav-link,
.right-buttons a {
    font-family: var(--navigation-font-family) !important;
    font-weight: var(--navigation-font-weight) !important;
    color: rgb(var(--navigation-font-color)) !important;
}