/*********************************************

    Shared Sections

**********************************************/

body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    color: #333;
}

    body.sidr-open {
        position: fixed !important;
    }

.container-fluid {
    max-width: 1600px;
}

section {
    padding: 3rem;
}

.navbar .navbar-expand-xl .navbar-light {
    padding: .51rem 1rem;
}

@media only screen and (max-width: 1700px) {
    section {
        padding: 0;
    }

    .page-content-archive {
        padding: 8rem 1rem 5rem 1rem;
        width: 100%;
    }
}

h2 {
    font-size: 1.5rem;
    border-bottom: 1px solid #243B55;
    margin-top: 3rem;
    padding-bottom: 0.5rem;
}

.title2 {
    font-weight: bold;
}

.card {
    border-radius: 0;
}

a {
    color: #3d72b4;
}

    a:hover {
        color: #243B55;
    }

@font-face {
    font-family: ErasLight;
    src: url(eraslight.ttf);
}

.hide {
    display: none;
}

.bodybold, .title2 {
    font-weight: bold;
}

/*********************************************

    Header/Footer

**********************************************/

header {
    position: fixed;
    width: 100vw;
    z-index: 1000;
    background-color: #fff;
    -webkit-transform: translateZ(0);
}

    header .main-nav {
        background: #11305f;
    }

        header .main-nav .nav-link {
            padding: 1rem;
        }

        header .main-nav a {
            color: #fff;
            font-size: 1.2rem;
        }
        @media (max-width: 1290px) { 
            header .main-nav a {
                color: #fff;
                font-size: .9rem;
            }
        }
        header .main-nav .container-fluid {
            padding-left: 0;
        }

        header .main-nav .nav-item.show .nav-link {
            background: #141E30;
        }

        header .main-nav .dropdown-menu {
            width: 100%;
            background: #141E30;
            top: -2px !important;
            left: 2px !important;
            border-radius: 0;
        }

        header .main-nav .dropdown-item {
            padding: 2rem !important;
            font-size: 1.35rem;
        }

        header .main-nav a.dropdown-item {
            padding: 1.3rem !important;
            font-size: 1.1rem;
        }

        header .main-nav a.dropdown-item {
            padding: 1rem !important;
            font-size: 1rem;
            text-align: center;
            word-wrap: break-word;
            white-space: normal;
        }

.header-nav-fix {
    position: absolute;
}

#accordion .card-header {
    background: #11305f;
    padding: 0;
}

    #accordion .card-header button,
    #accordion .card-body a {
        color: #fff;
        padding: 1.5rem;
        font-size: 1.4rem;
        width: 100%;
        text-align: left;
    }

#accordion .card-body {
    background: #141E30;
}

    #accordion .card-body a:hover {
        background: #141E30;
        text-decoration: underline;
    }

    #accordion .card-body a {
        white-space: normal;
    }

    #accordion .card-body ul {
        list-style-type: none;
        padding: 0;
    }



@media screen and (max-width: 1024px) {
    header .main-nav {
        display: none;
    }

    #navbarSupportedContent {
        padding-top: 10px;
        width: 100vw;
    }

    header .form-inline .form-control {
        width: 100%;
    }

    #accordion {
        position: relative;
        top: 43px;
    }
}

@media (min-width: 1025px) {
    .navbar-toggler,
    #accordion {
        display: none;
    }

    .footer-districts {
        display: none;
    }
}

@media (max-width: 720px) {
    .main-nav {
        display: none;
    }

    header {
        position: relative;
    }

    .footer-districts {
        font-size: 1.1rem;
    }

    .hidden-sm-down {
        display: none;
    }
}

header .main-nav .dropdown-item img {
    border: 4px solid #fff;
}

    header .main-nav .dropdown-item img:hover {
        border: 4px solid #f9f9f9;
    }

header .main-nav .dropdown-item:hover {
    background: transparent;
}

header .main-nav .dropdown-item:hover,
header .main-nav .dropdown-item p:hover {
    color: #fff;
    text-decoration: underline;
}

header input[type='search'] {
    background: transparent;
    width: 400px;
    border-width: 0 0 1px 0;
    border-radius: 0;
}

    header input[type='search']:focus {
        background: transparent;
        background-image: url('/~/media/DW/Images/global/search-icon.png');
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: right center;
    }

header .form-control:focus {
    box-shadow: none;
    border-color: #2c3e50;
}

/* .navbar-brand {
    padding-top: 8px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6rem;
}

    .navbar-brand i {
        font-size: 1.15rem;
        font-weight: 300;
    }

    .navbar-brand:before {
        background: url(/~/media/DW/Images/global/ionic1.svg);
        content: '';
        width: 36px;
        height: 48px;
        padding: 7px 20px 12px 38px;
        display: block;
        background-size: cover;
        float: left;
        margin-right: 12px;
    } */

/* START - DW-1447 updated header layout */
    .navbar-brand {
        font-family: Arial, Helvetica, sans-serif;
        color: #182d55 !important;
        height: 67px;
        padding-top: 10px !important;
    }
    .navbar-brand .logoTextContainer {
        width: 421px;
        position: relative;
    }
    .navbar-brand .logoTextContainer:before {
        background-image: url(/~/media/DW/Images/global/ionic1.svg);
        content: '';
        width: 48px;
        height: 48px;
        padding: 0px;
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 12px;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .navbar-brand .logoTextContainer .logoTitle {
        font-size: 28px;
        text-align: right;
        text-transform: uppercase;
        position: absolute;
        top: -9px;
        right: 0px;
    }
    .navbar-brand .logoTextContainer .logoTitle .logoTitleLight {
        font-weight: 100;
    }
    .navbar-brand .logoTextContainer .logoTitle .logoTitleBold {
        font-weight: 900;
    }
    .navbar-brand .logoTextContainer .logoTitle2 {
        font-size: 15px;
        font-weight: 100;
        text-align: right;
        position: absolute;
        top: 25px;
        right: 0px;
        text-transform: capitalize;
    }
    .navbar-brand .logoTextContainer .logoTitle2 .logoTitle2Italic {
        font-style: italic;
    }
    .navbar-brand .logoTextContainer .logoTitle2 .logoTitle2Italic::before {
        background-color: #182d55;
        content: "";
        display: table-cell;
        height: 2px;
        width: 74px;
        position: absolute;
        top: 10px;
        left: -81px;
    }
/* END - DW-1447 updated header layout */


footer {
    background: #141E30;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3568ae, #11305f);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3568ae, #11305f);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    height: 300px;
}

.links {
    text-align: center;
}

footer a {
    padding: 30px;
    color: #fff !important;
    font-size: 22px;
}

.mobile-footer-district-select {
    display: none;
}

@media screen and (max-width: 1023px) {
    .desk {
        display: none;
    }

    .mobile {
        display: block;
    }

    .mobile-footer-district-select {
        display: block;
    }

    footer {
        background: #182d55;
        height: 10rem;
        padding-top: 1rem;
    }

        footer a {
            text-align: left;
            color: #ddd;
            font-size: 15px;
            padding: 0;
            line-height: 1.6rem;
        }

    .mobile-footer-district-select {
        background-color: #4d82c2;
    }

        .mobile-footer-district-select button {
            width: 90vw;
            font-size: 2rem;
            margin: 1.2rem !important;
        }

        .mobile-footer-district-select .dropdown-menu {
            width: 90vw;
        }

    .links {
        text-align: left;
        display: flex;
        flex-direction: column;
        color: #11305f;
        font-size: 15px;
        border-left: 1px solid #ddd;
        margin-left: 7rem;
        padding: .8rem 1.4rem;
        line-height: 1.6rem;
    }

    .privacy {
        order: 2;
    }

    .contact {
        order: 1;
    }
}

@media screen and (max-width: 1024px) {
    header .main-nav {
        display: none;
    }

    header .form-inline .form-control {
        width: 100%;
    }
}

/*********************************************

    Masthead

**********************************************/

.masthead {
    width: 100%;
    background: url('/~/media/DW/Images/global/masthead-bg2.svg');
    background-size: cover;
    padding: 17rem 0 5rem 0;
}

    .masthead h1 {
        background: #102b56;
        text-align: center;
        padding: 0.5rem 0;
        margin-bottom: 2rem;
        color: #fff;
    }

    .masthead .card {
        height: 150px;
        margin-bottom: 2rem;
    }

    .masthead .interest-rate-card {
        text-align: center;
        background-color: #f9f9f9;
    }

        .masthead .interest-rate-card p {
            font-size: 3rem;
        }

    /*********************************************

    Map page

**********************************************/

    .masthead.map {
        padding: 12rem 0 5rem 0;
    }

.map .map-display {
    width: 72%;
    max-width: 1090px;
    background-color: rgba(64, 115, 182, 0.85);
    padding: 3rem;
}

    .map .map-display object {
        width: 100%;
        height: 32vw;
        max-width: 1090px;
        max-height: 500px;
    }

.map .district-heading {
    width: 72%;
    max-width: 1090px;
    color: #f9f9f9;
    padding: 2rem 5rem 1rem 5rem;
    background-color: rgba(64, 115, 182, 0.85);
}

@media screen and (max-width: 1024px) {
.map-display, .district-heading {display:none;}
.masthead.map {
        padding: 12rem 0 20rem 0 !important;
    }
}

/*********************************************

    Collateral Margins page

**********************************************/

.collateral #content div, .collateral span,
.collateral h1, .collateral h2, .collateral h3, .collateral h4, .collateral h5, .collateral h6, .collateral p, .collateral blockquote, .collateral pre,
.collateral .page-content a, .collateral abbr, .collateral acronym, .collateral address, .collateral big, .collateral cite, .collateral code,
.collateral del, .collateral dfn, .collateral em, .collateral img, .collateral ins, .collateral kbd, .collateral q, .collateral s, .collateral samp,
.collateral small, .collateral strike, .collateral strong, .collateral sub, .collateral sup, .collateral tt, .collateral var,
.collateral b, .collateral u, .collateral .page-content i, .collateral center,
.collateral dl, .collateral dt, .collateral dd, .collateral ol, .collateral ul, .collateral li,
.collateral fieldset, .collateral form, .collateral label, .collateral legend,
.collateral table, .collateral caption, .collateral tbody, .collateral tfoot, .collateral thead, .collateral tr, .collateral th, .collateral td,
.collateral article, .collateral aside, .collateral canvas, .collateral details, .collateral figcaption, .collateral figure,
.collateral #content footer, .collateral hgroup, .collateral menu, .collateral summary,
.collateral time, .collateral mark, .collateral audio, .collateral video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.collateral article, .collateral aside, .collateral details, .collateral figcaption, .collateral figure,
.collateral .page-content footer, .collateral .page-content header, .collateral hgroup, .collateral .page-content menu {
    display: block;
}

.collateral .page-content {
    line-height: 1;
}

.collateral ol, .collateral ul {
    list-style: none;
}

.collateral blockquote, .collateral q {
    quotes: none;
}

.collateral blockquote:before, .collateral blockquote:after,
q:before, .collateral q:after {
    content: '';
    content: none;
}

.collateral ins {
    text-decoration: underline;
}

.collateral del {
    text-decoration: line-through;
}

.collateral table {
    border-collapse: collapse;
    border-spacing: 0;
}

.collateral #content .row {
    margin-left: 0px;
    margin-right: 0px;
}

.collateral #content a {
    cursor: pointer;
}

/** End SETUP **/

.collateral #wrapper3 {
    display: none;
}

.collateral #content {
    position: relative;
    z-index: 1;
}

.collateral #top-navigation {
    position: relative;
    z-index: 10;
    margin-bottom: 15px;
}

.collateral #search {
    position: relative;
    z-index: 20;
}

.collateral #banner {
    position: relative;
    z-index: 30;
}

.collateral #site-navigation {
    position: relative;
    z-index: 40;
}

.collateral .tableSubection {
    padding-left: 30px;
}

.collateral .page-content{
    font-family: Arial, Verdana, sans-serif;
    line-height: 1.3;
    font-size: 16px;
    font-weight: 400;
}

.collateral .page-content ul {
    margin-left: 40px;
    margin-bottom: 15px;
}

.collateral ul.discWinDotList {
    margin-left: 40px;
    list-style-type: disc;
}

.collateral ul.childList {
    list-style-type: none;
    margin-left: 40px;
}

.collateral ol.discWinCustomOl, .collateral ol.discWinCustomOl2 {
    list-style-type: none;
    margin-left: 40px;
    display: table;
    margin-bottom: 15px;
}

.collateral ol.discWinCustomOl > li, .collateral ol.discWinCustomOl2 > li {
    counter-increment: customlistcounter;
    display: table-row;
}

.collateral ol.discWinCustomOl > li:before {
    content: counter(customlistcounter) ") ";
    display: table-cell;
    text-align: right;
    padding-right: 1em;
    width: 2em;
}

.collateral ol.discWinCustomOl2 > li:before {
    content: counter(customlistcounter) ") ";
    display: table-cell;
    text-align: right;
    padding-right: 1em;
    width: 2em;
}

.collateral ol.discWinCustomOl:first-child, .collateral ol.discWinCustomOl2:first-child {
    counter-reset: customlistcounter;
}

.collateral ol.discWinCustomOl--childList {
    list-style-type: none;
    margin-left: 40px;
    display: table;
}

.collateral ol.discWinCustomOl--childList > li {
    counter-increment: customlistcounter;
    display: table-row;
}

.collateral ol.discWinCustomOl--childList > li:before {
    content: counter(customlistcounter,lower-alpha) ". ";
    display: table-cell;
    text-align: right;
    padding-right: 1em;
    width: 2em;
}

.collateral ol.discWinCustomOl--childList:first-child {
    counter-reset: customlistcounter;
}

.collateral .eligibleForeignCurrency {
    border-bottom: 2px dashed #933;
    position: relative;
    cursor: default;
}

.collateral .eligibleForeignCurrency:hover:after, .collateral .eligibleForeignCurrency:active:after {
    position: absolute;
    z-index: 50;
    top: -10px;
    margin-left: 5px;
    background: #f0f4fc;
    color: #333355;
    width: 240px;
    text-align: left;
    border-radius: 6px;
    padding: 5px 10px;
    box-shadow: 2px 2px 3px black;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1rem;
    font-weight: 400;
}

.collateral .pfandbriefeFootnote {
    border-bottom: 2px dashed #933;
    position: relative;
    cursor: default;
}

.collateral .pfandbriefeFootnote:hover:after, .collateral .pfandbriefeFootnote:active:after {
    position: absolute;
    z-index: 50;
    top: -10px;
    margin-left: 5px;
    background: #f0f4fc;
    color: #333355;
    width: 240px;
    text-align: left;
    border-radius: 6px;
    padding: 5px 10px;
    box-shadow: 2px 2px 3px black;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
}

.collateral .supranationalFootnote {
    border-bottom: 2px dashed #933;
    position: relative;
    cursor: default;
}

.collateral .supranationalFootnote:hover:after, .collateral .supranational:active:after {
    position: absolute;
    z-index: 50;
    top: -10px;
    margin-left: 5px;
    background: #f0f4fc;
    color: #333355;
    width: 240px;
    text-align: left;
    border-radius: 6px;
    padding: 5px 10px;
    box-shadow: 2px 2px 3px black;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
}

.collateral .discountWindowFootnote__parent {
    position: relative;
    cursor: pointer;
}

.collateral .discountWindowFootnote__text {
    border-bottom: 2px dashed #933;
    position: relative;
    cursor: default;
}

.collateral .discountWindowFootnote__noteContainer {
    display: none;
    position: relative;
    z-index: 20;
    padding: 10px;
}

.collateral .discountWindowFootnote__note {
    position: absolute;
    z-index: 50;
    top: -10px;
    margin-left: 5px;
    background: #f0f4fc;
    color: #333355;
    width: 240px;
    text-align: left;
    border-radius: 6px;
    padding: 5px 10px;
    box-shadow: 2px 2px 3px black;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1rem;
    font-weight: 400;
}

.collateral .discountWindowFootnote__parent:hover .discountWindowFootnote__noteContainer, .collateral .discountWindowFootnote__parent:active .discountWindowFootnote__noteContainer {
    display: inline;
}

.collateral .discountWindowAssetTable {
}

.collateral .discountWindowAssetTable th {
    width: 33%;
}

.collateral h1 {
    font-family: Arial, Verdana, sans-serif;
    color: #385472;
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 15px;
    line-height: 1.2;
    transform: translateY(5px);
}

.collateral h2 {
    font-family: Arial, Verdana, sans-serif;
    color: #385472;
    font-size: 1.875rem;
    font-weight: 800;
    line-height: 1.2;
    margin-top: 60px;
    margin-bottom: 15px;
}

.collateral h3 {
    font-family: Arial, Verdana, sans-serif;
    color: #5884b3;
    font-size: 1.375rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 15px;
}

.collateral h4 {
    font-size: 1.25rem;
    color: #666666;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1.2;
}

.collateral h5 {
    font-weight: 600;
    font-style: italic;
    display: inline;
    line-height: 1.2;
}

.collateral p {
    font-family: Arial, Verdana, sans-serif;
    margin-bottom: 15px;
}

.collateral strong {
    font-weight: 600;
}

.collateral .tableSectionHead {
    font-weight: 600;
}

.collateral em {
    font-style: italic;
}

.collateral .discWinLastUpdated {
    color: #666666;
    font-size: 0.875rem;
    font-family: Arial, Verdana, sans-serif;
}

.collateral .discWinDownload a {
    font-size: 0.875rem;
    font-family: Arial, Verdana, sans-serif;
}

.collateral .discWinDownload {
    float: right;
    margin-left: 15px;
}

.collateral .discWinContents {
    margin-top: -30px;
}

.collateral table {
    border: 1px solid #ddd;
    max-width: 100%;
    margin-bottom: 15px;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: Arial, Verdana, sans-serif;
}

.collateral thead {
    font-family: Arial, Verdana, sans-serif;
    background: #385472;
    color: #ffffff;
}

.collateral th {
    border: 1px solid #627183;
    font-weight: 800;
    font-size: 1.25rem;
    font-family: Arial, Verdana, sans-serif;
    padding: 5px;
    line-height: 1.2;
}

.collateral td {
    font-family: Arial, Verdana, sans-serif;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd;
    padding: 5px;
}

.collateral #content li {
    font-family: Arial, Verdana, sans-serif;
}

.collateral .page-content  a {
    color: #709ecd;
}

.collateral .page-content a:visited, .collateral .page-content .discountWindowAnchorOnBlue:visited {
    color: #709ecd;
}

.collateral .page-content  .discountWindowAnchorOnBlue, .collateral .page-content .discountWindowAnchorOnBlue:link {
    color: white;
}


.collateral .marginsTable {
    display: table;
}

.collateral .marginsTable__columnHead {
    display: table-cell;
    width: 7%;
}

/*FOR QA*/
.collateral #wrapper3 {
    display: block;
}

.collateral .discWinContents {
    margin-top: 0px;
}


.collateral .page-content tr:first-child {
    background: none;
}





/*********************************************

    Rates page

**********************************************/

.masthead.rates {
    padding: 12rem 0 5rem 0;
    background: url('/~/media/DW/Images/global/masthead-bg-lng.svg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center 0px;
}

.rates h2 {
    color: #DDD;
    font-size: 2.5rem;
    border-bottom: none;
    margin-top: 7rem;
    padding-left: 1.5rem;
    padding-bottom: 0.5rem;
    text-align: right;
}

.rates .content {
    background-color: #2e60a8d9;
    /* #6a95c9d4; */
    padding: 0 1rem 1rem 1rem;
}

.rates table {
    color: #DDD;
    font-size: 1.3rem;
}

.rates th {
    padding: 2rem;
    background-color: #23549f;
}

.rates td {
    padding: 1rem;
}

    .rates td:first-child {
        padding-left: 2.2rem;
    }

    .rates td:nth-child(n+2) {
        text-align: center;
    }

.rates table tr:nth-child(even) {
    background-color: #23549f;
}

@media screen and (max-width: 770px) {
    .masthead.rates {
        padding: 6rem 0 5rem 0;
        background: url('/~/media/DW/Images/global/masthead-bg-lng.svg');
        background-attachment: fixed;
        background-size: cover;
        background-position: center 0px;
    }

    .rates h2 {
        color: #DDD;
        font-size: 2.5rem;
        border-bottom: none;
        margin-top: 5rem;
        padding-left: 1.5rem;
        padding-bottom: 0.5rem;
        text-align: right;
    }
}

@media screen and (max-width: 425px) {
    .masthead.rates {
        padding: 5rem 0 0 0;
        background: url('/~/media/DW/Images/global/masthead-bg-lng.svg');
        background-attachment: fixed;
        background-size: cover;
        background-position: center 0px;
    }

    .rates h2 {
        color: #DDD;
        font-size: 1.5rem;
        border-bottom: none;
        margin-top: 1rem;
        padding-left: 0.5rem;
        padding-bottom: 0.5rem;
        text-align: center;
    }

    .rates .content {
        background-color: rgba(46, 96, 168, 0.8509803921568627);
        padding: 0;
        margin: auto;
    }

    .rates table {
        color: #DDD;
        font-size: .9rem;
    }

    .rates th {
        padding: .15rem;
        background-color: #23549f;
        font-weight: 300;
        font-size: .90rem;
        white-space: pre-line;
        text-align: center;
    }

    .rates td {
        padding: .25rem;
    }

        .rates td:first-child {
            padding-left: .7rem;
        }

        .rates td:nth-child(n+2) {
            text-align: center;
        }
}

/*********************************************

    Homepage Tiles Section

**********************************************/

.tiles-section {
    background: url('/~/media/DW/Images/global/quicklinks-bg.png');
}

    .tiles-section .card {
        margin-bottom: 2rem;
        height: 200px;
        overflow: hidden;
    }

    .tiles-section .card-body {
        padding: 0;
    }

.card-body.margins {
    background: url('/~/media/DW/Images/1X/margins.jpg') 50% / cover;
}

.card-body.websites {
    background: url('/~/media/DW/Images/Tiles/websites.jpg') 50% / cover;
}

.card-body.started {
    background: url('/~/media/DW/Images/Tiles/started.jpg') 50% / cover;
}

.card-body.eligibility {
    background: url('/~/media/DW/Images/Tiles/eligibility.jpg') 50% / cover;
}

.card-body.pledging {
    background: url('/~/media/DW/Images/1X/pledging.jpg') 50% / cover;
}

.card-body.borrowing {
    background: url('/~/media/DW/Images/1X/borrowing.jpg') 50% / cover;
}

.card-body.business {
    background: url('/~/media/DW/Images/1X/business.jpg') 50% / cover;
}

.card-body.faq {
    background: url('/~/media/DW/Images/1X/faq.jpg') 50% / cover;
}

@media only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {
    .tiles-section {
        padding-top: 1rem;
    }

    .card-body.margins {
        background: url('/~/media/DW/Images/2X/margins.jpg') 50% / cover;
    }

    .card-body.websites {
        background: url('/~/media/DW/Images/Tiles/websites.jpg') 50% / cover;
    }

    .card-body.started {
        background: url('/~/media/DW/Images/Tiles/started.jpg') 50% / cover;
    }

    .card-body.pledging {
        background: url('/~/media/DW/Images/2X/pledging.jpg') 50% / cover;
    }

    .card-body.borrowing {
        background: url('/~/media/DW/Images/2X/borrowing.jpg') 50% / cover;
    }

    .card-body.business {
        background: url('/~/media/DW/Images/2X/business.jpg') 50% / cover;
    }

    .card-body.faq {
        background: url('/~/media/DW/Images/2X/faq.jpg') 50% / cover;
    }
}

.tiles-section .card p {
    position: absolute;
    padding: 0.5rem 5rem;
    right: 0;
    bottom: 50px;
    margin: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 1.5rem;
}

@media only screen and (max-width: 1050px) {
    .tiles-section .card p {
        position: absolute;
        padding: 1rem 3rem 1rem 2rem;
        left: 0;
        bottom: 20px;
        font-size: 1.6rem;
    }

    .tiles-section .card {
        margin-bottom: 1.1rem;
        height: 120px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 450px) {
    .tiles-section {
        padding-top: 1rem;
    }

        .tiles-section .card p {
            position: absolute;
            padding: 1rem 3rem 1rem 2rem;
            left: 0;
            bottom: 10px;
            font-size: 1.3rem;
        }

        .tiles-section .card {
            margin-bottom: 1.1rem;
            height: 90px;
            overflow: hidden;
        }
}

.page-content {
    padding: 7rem 0 5rem 0;
    width: 100%;
    background-color: #fff;
}

@media only screen and (min-width: 767px) and (min-height: 1023px) {
    .masthead {
        padding-top: 11rem;
    }

    .page-content {
        padding: 8rem 0 5rem 0;
    }

    .faq-list {
        padding-top: 3rem;
    }
}

@media only screen and (max-width: 820px) and (max-height: 420px) {
    .masthead {
        padding: 11rem 0 5rem 0;
    }

    .page-content {
        padding: 9rem 0 5rem 0;
    }

    .faq-list {
        padding-top: 3rem;
    }
}

@media only screen and (max-width: 420px) and (max-height: 820px) {
    .masthead {
        padding: 2rem 0 5rem 0;
    }

    .page-content {
        padding: 0rem 0 5rem 0;
    }

    .faq-list {
        padding-top: 0rem;
    }
}

@media only screen and (max-width: 780px) and (max-height: 420px) {
    .masthead {
        padding: 11rem 0 5rem 0;
    }

    .page-content {
        padding: 8rem 0 5rem 0;
    }

    .faq-list {
        padding-top: 3rem;
    }
}

@media only screen and (max-width: 668px) and (max-height: 420px) {
    .masthead {
        padding: 3rem 0 5rem 0;
    }

    .page-content {
        padding: 0rem 0 5rem 0;
    }

    .faq-list {
        padding-top: 1rem;
    }
}

@media only screen and (max-width: 420px) and (max-height: 780px) {
    .masthead {
        padding: 2rem 0 5rem 0 !important;
    }

    .page-content {
        padding: 0rem 0 5rem 0;
    }

    .faq-list {
        padding-top: 0rem;
    }
}

@media only screen and (max-width: 350px) {
    .tiles-section .card p {
        font-size: 1rem;
    }

    .tiles-section .card {
        height: 80px;
    }
}

/*********************************************

    Content

**********************************************/

.section-content {
    width: 100%;
    background: url('/~/media/DW/Images/global/masthead-bg2.svg');
    background-size: cover;
}

@media only screen and (min-width: 1700px) {
    .page-content {
        padding: 6rem 0 5rem 0;
        width: 100%;
        background-color: #fff;
    }

    .page-content-archive {
        padding: 6rem 1rem 1rem 1rem;
        width: 100%;
    }
}

/*********************************************

    Content Header

**********************************************/

.content-heading {
    background-size: 100%;
    max-width: 1600px;
    background-position: 50% !important;
    background-size: cover;
}

.general .content-heading {
    background: url('/~/media/DW/Images/1x/content-tools-brown.jpg');
}

.guidelines .content-heading {
    background: url('/~/media/DW/Images/1x/content-compass-wood.jpg');
}

.agreements .content-heading {
    background: url('/~/media/DW/Images/1x/content-hands-gray.jpg');
}

.collateral .content-heading {
    background: url('/~/media/DW/Images/1x/content-white-paperwork.jpg');
}

    .reserve-branch .content-heading h1,
    .collateral .content-heading h1 {
        color: #0f2d61;
    }

.payment-system .content-heading {
    background: url('/~/media/DW/Images/1x/content-black-paperwork.jpg');
    color: #fff;
}

.reserve-branch .content-heading {
    background: url('/~/media/DW/Images/1x/content-white-reserve-eagle.jpg');
}

.archives .content-heading {
    background: url('/~/media/DW/Images/1x/content-black-archives.jpg');
    color: #fff;
}

.search .content-heading,
.faq .content-heading {
    background: url('/~/media/DW/Images/1x/content-black-interro.jpg');
    color: #fff;
}

@media only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {
    .content-heading {
        background-size: cover !important;
        background-position: 50% !important;
    }

    .general .content-heading,
    .faq .content-heading {
        background: url('/~/media/DW/Images/2x/content-tools-brown.jpg');
    }

    .guidelines .content-heading {
        background: url('/~/media/DW/Images/2x/content-compass-wood.jpg');
    }

    .agreements .content-heading {
        background: url('/~/media/DW/Images/2x/content-hands-gray.jpg');
        background-position: 90% !important;
    }

    .collateral .content-heading {
        background: url('/~/media/DW/Images/2x/content-white-paperwork.jpg');
        background-position: 5% !important;
    }

    .payment-system .content-heading {
        background: url('/~/media/DW/Images/2x/content-black-paperwork.jpg');
        color: #fff;
    }

    .search .content-heading {
        background: url('/~/media/DW/Images/2x/content-black-interro.jpg');
        color: #fff;
    }

    .reserve-branch .content-heading {
        background: url('/~/media/DW/Images/2x/content-white-reserve-eagle.jpg');
    }

    .archives .content-heading {
        background: url('/~/media/DW/Images/2x/content-black-archives.jpg');
        color: #fff;
    }
}

@media only screen and (min-width: 760px) {
    .content-heading h1 {
        padding: 5.6rem 0rem .8rem 1.5rem !important;
    }

    .content-heading {
        background-size: cover !important;
        background-position: 100% !important;
    }

    .general .content-heading,
    .faq .content-heading {
        background: url('/~/media/DW/Images/2x/content-tools-brown.jpg');
    }

    .guidelines .content-heading {
        background: url('/~/media/DW/Images/2x/content-compass-wood.jpg');
    }

    .agreements .content-heading {
        background: url('/~/media/DW/Images/2x/content-hands-gray.jpg');
    }

    .collateral .content-heading {
        background: url('/~/media/DW/Images/2x/content-white-paperwork.jpg');
    }

    .payment-system .content-heading {
        background: url('/~/media/DW/Images/2x/content-black-paperwork.jpg');
    }

    .search .content-heading {
        background: url('/~/media/DW/Images/2x/content-black-interro.jpg');
    }

    .reserve-branch .content-heading {
        background: url('/~/media/DW/Images/2x/content-white-reserve-eagle.jpg');
    }

    .archives .content-heading {
        background: url('/~/media/DW/Images/2x/content-black-archives.jpg');
    }
}

.reserve-branch .page-content {
    padding: 0rem 0 5rem 0;
    width: 100%;
    background-color: #fff;
}

.reserve-branch .content-heading {
    background-position: 78% !important;
    background-size: cover;
}

@media only screen and (max-width: 1023px) {
    .content-heading h1 {
        padding: 5rem 0rem .8rem 1.5rem !important;
    }

    .reserve-branch .content-heading {
        background-position: 78% !important;
        margin-top: 21px;
        background-size: cover;
    }

    .collateral .content-heading {
        background-position: 70% !important;
        background-size: cover;
    }

    .collateral .page-content ul {
        margin-left: 15px;
        margin-bottom: 15px;
    }

    .collateral ul.childList {
        list-style-type: none;
        margin-left: 15px;
    }

    .collateral ol.discWinCustomOl, .collateral ol.discWinCustomOl2 {
        list-style-type: none;
        margin-left: 3px;
        display: table;
        margin-bottom: 15px;
    }

    .collateral ol.discWinCustomOl--childList {
        list-style-type: none;
        margin-left: 3px;
        display: table;
    }

    .collateral ul.discWinDotList {
        margin-left: 25px;
        list-style-type: disc;
    }

    .collateral .page-content ul {
        margin-left: 15px;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 1000px) {
    .reserve-branch .page-content {
        padding: 7.5rem 0 5rem 0;
        width: 100%;
        background-color: #fff;
    }

    section {
        padding: 0;
    }
}

@media only screen and (min-width: 1000px) and (min-height: 760px) {
    .reserve-branch .content-heading {
        background-position: 78% !important;
        margin-top: 0;
    }

    .reserve-branch .page-content {
        padding: 8rem 0 5rem 0;
        width: 100%;
        background-color: #fff;
    }
}

.content-heading h1 {
    color: #fff;
    margin: 0;
    padding: 8rem 0rem .8rem 1.5rem;
    font-size: 1.9rem;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: "100";
}

@media screen and (max-width: 505px) {
    .navbar-brand i {
        font-size: .7rem;
    }

    h1 {
        font-size: 1.4rem;
        margin-top: 1.5rem;
    }

    .content-heading h1 {
        padding: 3rem 0rem 0 1rem;
        font-size: 1.6rem;
    }
    .search .content-heading h1 {
        font-size: .5rem;
    }
}

@media screen and (max-width: 375px) {
    .navbar-brand i {
        font-size: .67rem;
    }

    .navbar-brand {
        font-size: 1.4rem;
    }
}

/*********************************************

    FAQ

**********************************************/

.FAQ .card {
    border: 0;
    border-bottom: 1px solid #243B55;
}

.faq-list {
    position: relative;
}

    .faq-list .card {
        border: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .125);
    }

.faq h1 {
    color: #ddd;
}

.faq-list h3 {
    padding-top: 3rem;
}

#sidr,
#categories-mobile {
    display: none;
}

/* .faq-list h3 {
    margin-left: -3.3rem;
    margin-bottom: 3rem;
    padding-top: 3rem;
    padding-bottom: .5rem;
    padding-left: 3.1rem;
    background-color: #11305f;
    color: white;
} */

a.faq-dummy-scroll-to {
    display: block;
    position: relative;
    top: -130px;
    visibility: hidden;
}

.faq-nav .list-group {
    padding: 2.5rem;
    padding-left: 10px;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 167px;
}

.faq-list .container-fluid {
    padding-left: 52px;
    padding-right: 0;
}

.faq-nav .list-group-item.active {
    background-color: #11305f;
    border: #20529d;
}

.faq-nav .list-group-item {
    background-color: #3568ae;
    color: #f1f2f4;
}

.faq-list .card-body .row {
    padding-bottom: 0.5rem;
}

@media screen and (max-width: 815px) {
    #sidr,
    #categories-mobile {
        display: block;
    }

    .faq-list h3 {
        padding: 1rem;
    }

    #sidr {
        position: fixed;
        box-shadow: none;
        background: linear-gradient(to bottom right, #20529d 0%, #4c81c1 100%);
        background-size: auto;
        background-position-x: 81%;
        background-position-y: -40%;
    }

    .faq-category-mobile {
        top: 165px;
        z-index: 7777;
        width: 100vw;
        background-color: #3568ae;
        color: #f9f9f9 !important;
        padding: .2rem;
        font-size: 1rem;
        text-align: right;
    }

    .sidr ul li:hover > a {
        background-color: #182d55;
        box-shadow: none;
    }

    .faq-list .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .faq h1,
    .list-group {
        display: none;
    }

    .faq .list-group-item:last-child,
    .faq .list-group-item:first-child {
        margin-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

/*********************************************

    Search

**********************************************/

.section-content .results_info {
    margin-left: 22px;
    font-size: 25px;
    font-weight: bold;
    color: #333;
}

.section-content .title {
    font-weight: bold;
    font-size: 20px;
    color: #182d55;
}

.searchResult {
    padding: 0 2rem;
    border-bottom: #333 1px;
}

.search hr {
    margin: 2rem 0;
}

.search .info_title {
    padding-bottom: .8rem;
}

.searchResult a {
    color: #4b4b4b;
}

.searchResult hr {
    color: #ccc;
}

#savedSearches {
    display: none;
    position: absolute;
    width: 200px;
    background: #fff;
}

    #savedSearches ul {
        list-style-type: none;
        padding: 0;
    }

    #savedSearches a {
        color: #333;
        border: 0;
    }

.stylish-input-group .input-group-addon {
    background: white !important;
}

.stylish-input-group .form-control {
    box-shadow: 0 0 0;
    border-color: #ccc;
}

.stylish-input-group button {
    border: 0;
    background: transparent;
}

.search-button {
    background-image: url('/~/media/DW/Images/global/search-icon.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right center;
    width: 15px;
    height: 15px;
}
.search-heading {
    padding: 2.5rem 0;
}
.pagination {
    text-align: right;
    display: inline;
    padding-right: 2rem;
}
.pagination-nav {
    text-align: right;
    padding-right: 10px;
}
.pagination a {
    font-size: 1.6rem;
    color: #333;
}
.pagination .active {
    font-weight: bold;
}

.pagination span {
    padding: .3rem;
    font-size: 1.6rem;
}


/*********************************************

    Search

**********************************************/

.section-content .results_info {
    margin-left: 2rem;
    font-size: 25px;
    font-weight: bold;
    color: #333;
}

.section-content .title {
    font-weight: bold;
    font-size: 20px;
    color: #182d55;
}

.searchResult {
    padding: 0 3rem;
    width:  100%;
    border-bottom: #333 1px;
}

.search hr {
    margin: 3rem 0;
}

.searchResult a {
    color: #4b4b4b;
}

.searchResult hr {
    color: #ccc;
}

#savedSearches {
    display: none;
    position: absolute;
    width: 200px;
    background: #fff;
}

    #savedSearches ul {
        list-style-type: none;
        padding: 0;
    }

    #savedSearches a {
        color: #333;
        border: 0;
    }

.stylish-input-group .input-group-addon {
    background: white !important;
}

.stylish-input-group .form-control {

    box-shadow: 0 0 0;
    border-color: #ccc;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.stylish-input-group #text {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.stylish-input-group button {
    border: 0;
    background: transparent;
}

.search-button {
    background-image: url('/~/media/DW/Images/global/search-icon.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right center;
    width: 26px;
    height: 31px;
    display: block;
    cursor: pointer;
}

.pagination a {
    font-size: 1.6rem;
    color: #333;
}

.pagination span {
    padding: .3rem;
    font-size: 1.6rem;
}


@media only screen and (max-width: 1025px) {
    .search .content-heading {
        display: none;
    }

    #searchform .input-group {
        position: absolute;
        top: 85px;
        background: -moz-linear-gradient(left, #1d4e9a 0%, #4f7bc4 50%, #1d4e9a 100%);
        background: -webkit-linear-gradient(left, #1d4e9a 0%,#4f7bc4 50%,#1d4e9a 100%);
        background: linear-gradient(to right, #1d4e9a 0%,#4f7bc4 50%,#1d4e9a 100%);
        left: 0px;
        padding: 15px;
        margin: auto;
        height: 79px;
        width: 100%;
    }
    .search-heading {
        
    }

    #text {
        border-radius: 5px;
        background-color: #fff;
        padding: 9px;
        display: flex;
    }

    #navbarSupportedContent {
        padding-top: 23px;
    }

    .search .input-group-addon {
        position: absolute;
        right: 30px;
        top: 20px;
        display: flex;
    }

    #searchresults_info {
        background-color: #182d55;
        color: #fff;
        font-size: 1.3rem;
        width: 100vw;
        text-align: center;
        padding: 6px 0px 6px;
        font-weight: 300;
        position: absolute;
        z-index: 20;
        left: 15px;
        top: 8px;
        margin: auto;
    }

    .pagination-nav { 
        padding-top: 4.5rem;
        padding-bottom: 2rem;
    }
    .pagination span {
        font-size: 1.1rem;
    }
    .pagination a {
        font-size: 1.1rem;
    }

    .search-button {
        background-image: url(/~/media/DW/Images/global/search-icon.png);
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: right center;
        width: 30px;
        height: 37px;
        display: block;
    }
}

/*********************************************

    Announcements

**********************************************/

.announcements a {
    color: #333;
    font-weight: bold;
    font-size: 1.2rem;
    text-decoration: underline;
}

.announcements article,
.archives article {
    margin: 3rem 0;
}

.archives .col-lg-2 {
    border-right: 2px solid #7499ca;
}

@media only screen and (max-width: 1080px) {
    .announcements a {
        text-decoration: none;
    }

    .announcements article,
    .archives article {
        margin: 2rem 7px 2rem 4px;
        border-bottom: 1px solid #DDD;
        padding-bottom: 1.1rem;
    }

    .announcements p {
        font-size: 1.1rem;
        line-height: 1.5;
    }

    .announcements h2 {
        background-color: #243B55;
        color: #fff;
        text-align: center;
        padding: 1.2rem;
    }
}

/*********************************************

    Content Tables

**********************************************/

@media screen and (max-width: 425px) {
    .page-content table:before {
        content: "";
        background: url('/~/media/DW/Images/global/rotate_device.svg');
        background-size: cover;
        position: relative;
        /* Needed for pseudo elem */
        display: block;
        width: 100%;
        height: 200px;
        padding: 1.2rem;
    }

    .page-content table tr {
        display: none;
    }
}

.page-content table {
    width: 100%;
    margin: auto;
}

.page-content th {
    background: #11305f;
    color: #fff;
}

.reserve-branch .page-content th {
    background: none;
}

.page-content tr:first-child {
    background: #11305f;
}

.reserve-branch .page-content tr:first-child {
    background: none;
}

.page-content tbody tr:first-child {
    background: inherit;
}

.page-content th,
.page-content td {
    padding: .6rem;
    text-align: left;
    vertical-align: top;
}

.bodybold {
    font-weight: bold;
}

    .bodybold hr {
        padding: unset;
        margin: unset;
    }

/*********************************************

    Archives

**********************************************/

.archives article:first-child {
    margin-top: 0;
}

.archives .archive-mobile, .archive-mobile-title {
    display: none;
}

.archives .nav {
    font-size: 1.2rem;
}

.archives .heading-link {
    color: #333;
    font-weight: bold;
    font-size: 1.2rem;
    text-decoration: underline;
}
.archives h5.heading-link {
    margin-bottom: 0;
}
.archives h5.heading-link a {
    color: #333;
}

.archives a[aria-expanded="false"] .collapse-hidden {
    display: none;
}

.archives a[aria-expanded="true"] .collapse-show {
    display: none;
}

.archives a[aria-expanded="true"] .collapse-hidden {
    display: inline;
}

@media screen and (max-width: 815px) {
    .archives .nav {
        display: none;
    }

    .archive-title {
        display: none;
    }

    .archive-mobile-title {
        display: block;
    }

    .archives .archive-mobile {
        display: block;
        padding-right: 20px;
        position: relative;
        float: right;
        margin-top: 30px;
    }

    .archive-mobile .btn {
        font-size: 2.5em;
        background-color: #fff;
    }
}

@media only screen and (max-height: 420px) and (max-width: 820px) {
    .archives .archive-mobile {
        padding-right: 20px;
        position: relative;
        float: right;
        margin-top: 40px;
    }
}

@media only screen and (max-width: 420px) and (max-height: 780px) {
    .archives .archive-mobile {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 740px) and (max-height: 420px) {
    .archives .archive-mobile {
        margin-top: 48px;
    }
}

@media only screen and (max-width: 668px) and (max-height: 420px) {
    .archives .archive-mobile {
        margin-top: 30px;
        padding-right: 40px;
    }
}

/*********************************************

    Map

**********************************************/

.map img {
    max-width: 60%;
}


/*********************************************

    Front-End Updates and Fixes

**********************************************/


/* START - JIRA DW-521 Discount Window News Article page formatting fix */

/* ADD CLASS TO BODY = articles */

@media only screen and (min-width:1024px) {
    html {
        background-color: #6a95c9;
    }
    .articles #content {
        width: 50em;
        margin: 0 auto;
    }
    .articles h1{
        margin-bottom: 2rem;
    }
    footer {
        height: auto;
        padding: 20px 0px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1439px) {
    footer a {
        padding: 0px 17px;
        font-size: 1rem;
    }
}
@media only screen and (min-width:1440px) {
    .articles #content {
        min-height: 50vh;
    }
    footer a {
        padding: 0px 30px;
        font-size: 1.2rem;
    }
}

/* END - JIRA DW-521 Discount Window News Article page formatting fix */

/* START - JIRA DW-576 IE issue with anchor tag under header */

body.agreements div#content span.body {
    position: relative;
}
body.agreements div#content span.body #loa {
    position: absolute;
    top: -160px;
}
/* START - JIRA DW-576 IE issue with anchor tag under header */

/*********************************************

    New District Pages

**********************************************/
/* START New district pages updates */

/* ADD CLASS TO BODY = districts */

.districts .page-content .pt-5 {
    padding-top: 0!important;
}
.districts .content-heading {
    background-position: 78% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

@media only screen and (min-width: 1700px) {
    .districts .page-content {
        padding: 141px 0 0 0;
        width: 100%;
        background-color: #fff;
    }
}

@media only screen and (max-width: 720px) {
    .districts .page-content {
        padding-top: 1rem;
    }
}
@media only screen and (max-width: 322px) {
    .districts .page-content {
        padding-top: 0rem;
    }
    .districts .content-heading {
        margin-top: 0px !important;
    }
}
@media only screen and (max-width: 1023px) {
    .districts .content-heading {
        margin-top: 21px;
    }
}
@media only screen and (min-width: 1000px) and (min-height: 760px) {
    .districts .content-heading {
        margin-top: 0;
    }
}
.districts .content-heading h1 {
    padding-left: 2rem !important;
}
.districts #content h1 {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.9rem;
    margin: 2rem 15px 2.5rem 15px;

}
.districts .contactboxes {
    margin: auto;
}
.districts .resourcesinfo {
    border-top: 1px solid #000;
    padding: 0 0 20px 0;
}
.districts .resourcesinfo h2 {
    font-weight: bold;
    margin-top: 2rem;
    border: 0;
}
.districts .resourcesinfo p {
}
.districts .resourcesinfo p a {
}
.districts .generalinq {
    border-top: 1px solid #000;
    padding: 0 0 20px 0;
}
.districts .generalinq h2 {
    font-weight: bold;
    margin-top: 2rem;
    border: 0;
}
.districts .generalinq p {
}
.districts .generalinq p a {
}
.districts .phonenum {
}
.districts .phonenum h2 {
    font-size: 1.2rem;
    margin: 10px 0 0 0;
    padding: 0;
}
.districts .phonenum p {
}
@media only screen and (min-width: 1026px) {
    .districts .addresses {
        padding-left: 40px;
    }
}
@media only screen and (max-width: 991px) {
    .districts .addresses {
        padding: 0;
    }
}
.districts .addressbox {
    padding: 20px;
    background-color: #f9fbff;
    margin-bottom: 20px;
}
.districts .addressbox p {
}

/* END New district pages updates */

/* START JIRA - Discount WindowDW-525 Minneapolis District Page Layout Changes in Frbdiscountwindow.org */

/* ADD CLASS TO BODY = minneapolis */

.minneapolis .content-heading {
    background: url(/~/media/DW/Images/1x/mn_header_bg-1x.png);
}
@media only screen and (min-width: 760px) {
    .minneapolis .content-heading {
    background: url(/~/media/DW/Images/2x/mn_header_bg-2x.png);
    }
}
@media only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {
    .minneapolis .content-heading {
    background: url(/~/media/DW/Images/2x/mn_header_bg-2x.png);
    }
}

/* END JIRA - Discount WindowDW-525 Minneapolis District Page Layout Changes in Frbdiscountwindow.org */

/* START JIRA - Discount WindowDW-546 Chicago District Page Layout Changes in Frbdiscountwindow.org */

/* ADD CLASS TO BODY = chicago */

.chicago .content-heading {
    background: url(/~/media/DW/Images/1x/chi_header_bg-1x.png);
}
@media only screen and (min-width: 760px) {
    .chicago .content-heading {
    background: url(/~/media/DW/Images/2x/chi_header_bg-2x.png);
    }
}
@media only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {
    .chicago .content-heading {
    background: url(/~/media/DW/Images/2x/chi_header_bg-2x.png);
    }
}
.chicago .content-heading h1 {
    text-shadow: 0px 0px 15px rgba(0,0,0,.9);
}

/* END JIRA - Discount WindowDW-546 Chicago District Page Layout Changes in Frbdiscountwindow.org */

/* START JIRA - DW-583 Discount Window St Louis District Page */

/* ADD CLASS TO BODY = stlouis */

.stlouis .content-heading {
    background: url(/~/media/DW/Images/1x/stlouis_header_bg-1x.png);
}
@media only screen and (min-width: 760px) {
    .stlouis .content-heading {
    background: url(/~/media/DW/Images/2x/stlouis_header_bg-2x.png);
    }
}
@media only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {
    .stlouis .content-heading {
    background: url(/~/media/DW/Images/2x/stlouis_header_bg-2x.png);
    }
}
.stlouis .content-heading h1 {
    text-shadow: 0px 0px 15px rgba(0,0,0,.9);
}

/* END JIRA - DW-583 Discount Window St Louis District Page */

/* START JIRA - DW-590 Collateral Margins tables - styling updates */

.collateral div#content {
    padding: 0px 7px;
}
.collateral div#content * {
    font-family: "Source Sans Pro", sans-serif !important;
}
.collateral h1 {
    font-weight: 600;
    font-size: 1.9em
}
.collateral h2 {
    font-weight: 600;
    font-size: 1.7em;
}
.collateral h3 {
    font-weight: 600;
    margin-top: 30px
}
.collateral h4 {
    margin-top: 30px
}
.collateral th {
    font-weight: 600;
}
.collateral table tbody td {
    border-color: #aaa;
}
table.marginsTable {
    margin-bottom: 30px;
}
table.marginsTable thead th {
    text-align: center;
    vertical-align: middle;
}
table.marginsTable sup {
    font-size: .75em;
}
table.marginsTable tbody td {
    text-align: center;
    vertical-align: middle;
}
table.marginsTable tbody td.tableSectionHead {
    text-align: left;
    background-color: #ddd;
}
table.marginsTable tbody td.tableSubection {
    text-align: left;
}

/* END JIRA - DW-590 Collateral Margins tables - styling updates */

/* START JIRA - DW-607 Matrix Tables */

.modal-body iframe {
    width: 100%;
    min-height: 440px;
    border: none;
}

@media all and (min-width: 992px) {
    .modal-lg {
        max-width: 1000px;
    }
}

/* END JIRA - DW-607 Matrix Tables */

/* START JIRA - DW-598 Discount Window Atlanta District Page */

/* ADD CLASS TO BODY = atlanta */

.atlanta .content-heading {
    background: url(/~/media/DW/Images/1x/atlanta_header_bg4-1x.jpg);
}
@media only screen and (min-width: 760px) {
    .atlanta .content-heading {
    background: url(/~/media/DW/Images/2x/atlanta_header_bg4-2x.jpg);
    }
}
@media only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {
    .atlanta .content-heading {
    background: url(/~/media/DW/Images/2x/atlanta_header_bg4-2x.jpg);
    }
}
.atlanta .content-heading h1 {
    text-shadow: 2px 2px 4px rgba(0,0,0,1);
}

/* END JIRA - DW-598 Discount Window Atlanta District Page */

/* START JIRA - DW-617 Discount Window Cleveland District Page */

/* ADD CLASS TO BODY = districts cleveland */

.cleveland .content-heading {
    background: url(/~/media/DW/Images/1x/cleveland_header_bg-1x.jpg);
}
@media only screen and (min-width: 760px) {
    .cleveland .content-heading {
    background: url(/~/media/DW/Images/2x/cleveland_header_bg-2x.jpg);
    }
}
@media only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {
    .cleveland .content-heading {
    background: url(/~/media/DW/Images/2x/cleveland_header_bg-2x.jpg);
    }
}
.cleveland .content-heading h1 {
    text-shadow: 0px 0px 8px rgba(0,0,0,.9);
}

/* END JIRA - DW-617 Discount Window Cleveland District Page */

/* START JIRA - DW-619 Discount Window Kansas City District Page */

/* ADD CLASS TO BODY = districts kansascity */

.kansascity .content-heading {
    background: url(/~/media/DW/Images/1x/kc_header_bg-1x.jpg);
}
@media only screen and (min-width: 760px) {
    .kansascity .content-heading {
    background: url(/~/media/DW/Images/2x/kc_header_bg-2x.jpg);
    }
}
@media only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {
    .kansascity .content-heading {
    background: url(/~/media/DW/Images/2x/kc_header_bg-2x.jpg);
    }
}
.kansascity .content-heading h1 {
    text-shadow: 0px 0px 8px rgba(0,0,0,.9);
}

/* END JIRA - DW-619 Discount Window Kansas City District Page */

/* START JIRA - DW-598 Discount Window San Francisco District Page */

/* ADD CLASS TO BODY = sanfran */

.sanfran .content-heading {
    background: url(/~/media/DW/Images/1x/sanfran_header_bg-1x.jpg);
}
@media only screen and (min-width: 760px) {
    .sanfran .content-heading {
    background: url(/~/media/DW/Images/2x/sanfran_header_bg-2x.jpg);
    }
}
@media only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {
    .sanfran .content-heading {
    background: url(/~/media/DW/Images/2x/sanfran_header_bg-2x.jpg);
    }
}
.sanfran .content-heading h1 {
    text-shadow: 0px 0px 15px rgba(0,0,0,.9);
}

/* END JIRA - DW-598 Discount Window San Francisco District Page */

/* START JIRA - DW-638 Discount Window Dallas District Page */

/* ADD CLASS TO BODY = districts dallas */

.dallas .content-heading {
    background: url(/~/media/DW/Images/1x/dallas_header_bg-1x.jpg);
}
@media only screen and (min-width: 760px) {
    .dallas .content-heading {
    background: url(/~/media/DW/Images/2x/dallas_header_bg-2x.jpg);
    }
}
@media only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {
    .dallas .content-heading {
    background: url(/~/media/DW/Images/2x/dallas_header_bg-2x.jpg);
    }
}
.dallas .content-heading h1 {
    text-shadow: 0px 0px 8px rgba(0,0,0,.9);
}

/* END JIRA - DW-638 Discount Window Dallas District Page */

/* START JIRA - DW-665 Discount Window Boston District Page */

/* ADD CLASS TO BODY = districts boston */

.boston .content-heading {
    background: url(/~/media/DW/Images/1x/boston_header_bg-1x.jpg);
}
@media only screen and (min-width: 760px) {
    .boston .content-heading {
    background: url(/~/media/DW/Images/2x/boston_header_bg-2x.jpg);
    }
}
@media only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {
    .boston .content-heading {
    background: url(/~/media/DW/Images/2x/boston_header_bg-2x.jpg);
    }
}
.boston .content-heading h1 {
    text-shadow: 0px 0px 15px rgba(0,0,0,.9);
}

/* END JIRA - DW-665 Discount Window Boston District Page */

/* START JIRA - DW-683 Discount Window Philadelphia District Page */

/* ADD CLASS TO BODY = districts philly */

.philly .content-heading {
    background: url(/~/media/DW/Images/1x/philly_header_bg-1x.png);
}
@media only screen and (min-width: 760px) {
    .philly .content-heading {
    background: url(/~/media/DW/Images/2x/philly_header_bg-2x.png);
    }
}
@media only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {
    .philly .content-heading {
    background: url(/~/media/DW/Images/2x/philly_header_bg-2x.png);
    }
}
.philly .content-heading h1 {
    text-shadow: 0px 0px 15px rgba(0,0,0,.9);
}

/* END JIRA - DW-683 Discount Window Philadelphia District Page */

/* START JIRA - DW-686 Discount Window Richmond District Page */

/* ADD CLASS TO BODY = districts richmond */

.richmond .content-heading {
    background: url(/~/media/DW/Images/1x/richmond_header_bg-1x.jpg);
}
@media only screen and (min-width: 760px) {
    .richmond .content-heading {
    background: url(/~/media/DW/Images/2x/richmond_header_bg-2x.jpg);
    }
}
@media only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {
    .richmond .content-heading {
    background: url(/~/media/DW/Images/2x/richmond_header_bg-2x.jpg);
    }
}
.richmond .content-heading h1 {
    text-shadow: 0px 0px 15px rgba(0,0,0,.9);
}

/* END JIRA - DW-686 Discount Window Richmond District Page */

/* START JIRA - DW-699 Discount Window New York District Page */

/* ADD CLASS TO BODY = districts newyork */

.newyork .content-heading {
    background: url(/~/media/DW/Images/1x/content-white-reserve-eagle.jpg);
}
@media only screen and (min-width: 760px) {
    .newyork .content-heading {
    background: url(/~/media/DW/Images/2x/content-white-reserve-eagle.jpg);
    }
}
@media only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {
    .newyork .content-heading {
    background: url(/~/media/DW/Images/2x/content-white-reserve-eagle.jpg);
    }
}
.newyork .content-heading h1 {
    text-shadow: 0px 0px 15px rgba(0,0,0,.9);
}

/* END JIRA - DW-699 Discount Window New York District Page */


/* START - DW-893 LMM Mockups */

ul#myTab {
    padding: 0;
    margin: 0;
}

ul#myTab li.nav-item a {
    color: #000;
    padding: 10px;
    border: 1px solid #11305f;
    background-color: #eee;
    border-radius: 0;
}

ul#myTab li.nav-item a.active {
    color: #fff;
    background-color: #11305f;
}

/* END - DW-893 LMM Mockups */


/* START - DW-832 Link Color Update */

#content a {
    cursor: pointer;
    color: #3680cc;
}

#content p a {
    text-decoration: underline;
}

.collateral #content ol li a {
    text-decoration: underline;
}

.districts #content a, 
.districts #content p a {
    color: #3680cc;
    text-decoration: none;
}

.faq a {
    cursor: pointer;
    color: #3680cc;
}
.faq p a {
    text-decoration: underline;
}

/* END - DW-832 Link Color Update */

/*  START - temp fix to homepage - interest rates - margins */

.masthead {
    padding: 11rem 0 1rem 0;
}

.ppplf {
    border: 1px solid #dddddd;
    border-image: none;
    background-image: url(/~/media/DW/Images/Tiles/ppplf_image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 0px 0px 13%;
}
.ppplf h1 {
    font-size: 2.5rem;
    text-align: center;
    background-color:rgba(0,0,0,.7);
    margin: 74px 0px;
    padding: 20px;
}
.ppplf h1 a {
    color: #ffffff;
}

@media only screen and (max-width: 1025px) {
    .ppplf {
        padding: 0;
    }
}

/*  END - temp fix to homepage - interest rates - margins */

/* START - DW-973 PPPLF updates to homepage */

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

    .masthead { padding-top: 10rem; }

    .masthead h1 {
        font-size: 1.7em;
        margin-bottom: 14px;
    }

    .masthead .card { height: auto; }

    .masthead .interest-rate-card { margin-bottom: 14px; }

    .masthead .interest-rate-card .card-body { padding: .7em; }

    .masthead .interest-rate-card h3 { font-size: 1.3em; }

    .masthead .interest-rate-card p {
        font-size: 2.2em;
        margin: 0;
        line-height: 1em;
    }

}

/* END - DW-973 PPPLF updates to homepage */

/* START - DW-953 Tech Debt: Fix anchor links */

div.anchor {
    position: relative;
}
div.anchor>a {
    position: absolute;
    top: -155px;
    left: 0;
}

/* END - DW-953 Tech Debt: Fix anchor links */

/* START - DW-1041 Collateral table updates */

body.collateral a#inscope-tab {
    background-color: #11305f !important;
    color: #fff !important;
}

body.collateral a#outofscope-tab {
    background-color: #396cb1 !important;
    color: #fff !important;
    border: 1px solid #396cb1 !important;
}

body.collateral  #outofscope .marginsTable thead th {
    background: #396cb1 !important;
}

/* END - DW-1041 Collateral table updates */