:root{
    --navy: rgb(0,47,104);
    --red: rgb(186,52,77);
    --blue: #74a8e8;
    --gray: #aaa;
}
body{
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: normal;
    font-size:18px;
}
.bg-red{
    background:var(--red);
   
}
.bg-navy{
    background:var(--navy);
}
.bg-blue{
    background:var(--blue);
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6{
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    color:var(--navy);
}
.text-blue{
    color:var(--blue);
}
.text-red{
    color:var(--red);
}
.text-navy{
    color:var(--navy);
}
.text-gray{
    color:var(--gray);
}
.section-title{
    font-family: Montserrat;
    font-size: 3vw;
    font-style: normal;
    font-weight: 800;
    line-height: 1.1; /* 120.833% */
    
}

.section-padding{
    padding-top:5vw;
    padding-bottom:5vw;
}
.section-padding-large{
    padding-top:7.5vw;
    padding-bottom:7.5vw;
}

.btn{
    display: inline-flex;
    padding: .5vw .75vw;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color:#ffffff;
    border:2px solid;
    border-radius: 0;
    text-transform:uppercase;
}
.btn.btn-sm{
    padding: 0.25vw .5vw;
}
.btn.btn-sm span{
    font-size: 0.875rem;
}
.btn.btn-sm .fa{
    font-size: 0.75vw;
}

.btn span{
    font-size: .9vw;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
    font-family: "Montserrat", serif;
}
li.btn{
    padding:0;
}
li.btn a{
    display:block;
    padding: .5vw .75vw;
    font-size: .9vw;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
    font-family: "Montserrat", serif;
    color:#ffffff;
    text-decoration:none;
}
li.btn.btn-red a:hover{
    color:var(--red);
}

li.btn.btn-navy a:hover{
    color:var(--navy);
}

.btn-transparent{
    background:transparent;
    border-color:#ffffff;
}
.btn-transparent:hover{
    background:#ffffff!important;
    color:var(--red);   
}
.btn-white{
    background:#ffffff;
    color:var(--red);
    border-color:#ffffff;
}
.btn-white:hover{
    background:#ffffff!important;
    color:var(--navy);   
   
}
.btn-red{
    background: var(--red);
    border-color:var(--red);
}

.btn-navy{
    background: var(--navy);
    border-color:var(--navy);
}
.btn-gray{
    background: #aaa;
    border-color:#aaa;
}

.btn:hover{
    background:transparent;
}

.btn-red:hover{
    color:var(--red);
    border-color:var(--red);
}
.btn-navy:hover{
    color:var(--navy);
    border-color:var(--navy);
}
.btn-gray:hover{
    color: #aaa;
    border-color:#aaa;
}
input.btn{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
    font-family: "Montserrat", serif;
}
input.form-control{
    border-radius:0;
    height:52px!important;
    line-height: 52px;
}
textarea.form-control {
    min-height: calc(10.5em + .75rem + 2px);
    border-radius:0;
}
.footer-brand{
   width:15vw;
}

.nav-list .fa{
    color:var(--gray);
}
.bg-navy .nav-list a{
    color:#ffffff;
}
.bg-navy .nav-list .fa{
    color:#ffffff;
}
.nav-list a{
    color:navy;
    line-height: 24px;
    text-decoration:none;
}
.nav-list a:hover{
    text-decoration:none;
    color:var(--blue);
}
.nav-list li{
    display:flex;
    align-items: center;
    gap:4px;
}
.nav-list li .fa{
    width:24px;
}
.top-nav{
    max-height:50px;
    overflow:hidden;
    transition: 'max-height' .3s linear;
}
.top-nav.show{
    max-height:50px;
}
.fixed-hero-padding{
    height:150px;
}
.navbar-brand{
    width:10vw;
    
}
.nav-link{
    font-family: Montserrat;
    padding:26px 2rem;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    color:var(--navy);
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
    border:0;
    border-radius: 0px 0px 8px 8px;
    padding:0;
    
}
.dropdown-menu li{
    width:100%
}
.dropdown-item{
    display:block;
    color:var(--navy);
    padding: 10px 16px;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}
.dropdown-item:hover{
    background:var(--navy);
    color:#ffffff;
}
@media (min-width: 992px) {
    
    .nav-item{
        margin-right:2rem;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        
            display:none;
            flex-direction: column;
            align-items: flex-start;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu.show{
        display:inline-flex;
    }
}
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{   }
    .navbar .nav-item:hover > .dropdown-menu{ display: block; }
    .navbar .nav-item > .dropdown-menu{ margin-top:0; }
    .dropdown-menu li{
        position: relative;
    }
    .nav-item .submenu{ 
        display: none!important;
        position: absolute;
        left:100%; top:-0;
    }
    .nav-item .submenu-left{ 
        right:100%; left:auto;
    }
    .dropdown-menu > li:hover > .submenu{
        display: block!important;
    }
    .dropdown-item.dropdown-toggle::after {
        content: "";
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
        vertical-align: 0;
    }
}	
.page-header{
    background-size:cover;
    background-position:center;
    position:relative;
}
.page-header .overlay{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background-color:rgba(0,0,0,.75);
}
.breadcrumbs{
    color:#ffffff;
}
.breadcrumbs a{
    text-decoration: none;
    color:#ffffff;
}

.breadcrumbs.text-gray{
    color:var(--gray);
}
.breadcrumbs.text-gray a{
    text-decoration: none;
    color:var(--gray);
}
.breadcrumbs .fa{
    font-size:.75em;
}
.breadcrumbs .fa-home{
    position:relative;
    top:-2px;
}
.img-fit-container{
    position:relative;
    padding-bottom:75%;
    overflow:hidden;
    display: block;
}
.img-fit-container img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transform: scale(1);
    transition: all .15s ease-in-out;
}
.img-fit-container:hover img{
    transform: scale(1.2);
}
@media all and (min-width: 768px) {
    .img-fill-left-container{
        position:relative;
        padding-bottom:30vw;
    }
    .img-fill-left-container img{
        position:absolute;
        right:-30px;
        top:0;
        height:100%;
        width:60vw;
        object-fit:cover;
        object-position:center;
    }
}
.donate-cta .background{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:400px;
    background-color:var(--navy);
    z-index:-2;
}
.donate-cta .card-img-top{
    height:250px;
    width:100%;
    object-fit:cover;
    object-position:center;
}
.award-pattern{
    position:relative;
}
.award-pattern:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100vw;
    height: 350px;
    transform: translateX(-50%);
    background: var(--navy);
}
.award-feature-section-content{
    position:relative;
    z-index:10;
}
.award-cutout-image-container{
    position:relative;
}
.award-cutout-image-container .award-cutout-image,
.slide-container{
    position:absolute;;
    right:0;
    bottom:0;
    width:35vw;
}
.slide-container .donate-cta-carousel{
   width:100%;
   height:100%;
   
}
.donate-cta-carousel .slide{
    height:100%;
    width:100%;
}
.site p.has-background{
    padding:0!important;
}

.recipient-year span{
    font-size: 3vw;
    font-weight: bold;
    line-height: 1;
}
.recipient-dropdown.show{
    width: 420px;
    max-width:90vw;
    display: flex;
    flex-wrap: wrap;
    background:#ffffff;
}
.recipient-dropdown li{
    width:100px;
}
.dropdown-menu .recipient-year{
    text-align: center;
}
.dropdown-menu .recipient-year span{
    font-size: 1rem;
}

.recipient-year:focus,
.recipient-year:active{
    border-color:var(--navy);
}
.recipient-year:focus span,
.recipient-year:active span{
    color:var(--gray);
}
.recipients-years a{
    display: inline-block;
    color: var(--blue);
    font-size: .8em;
    padding-top: .1em;
    padding-bottom: .1em;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}
.recipient-tile{
    padding-bottom:100%;
    position:relative;
}
.recipient-tile .content{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    transform:translateY(-50%);
    padding-left:1rem;
    padding-right:1rem;
}
.recipient-tile:after{
    content:'';
    position:absolute;
    right:100%;
    top:calc(50% - 10px);
    height:40px;
    border-right:20px solid var(--navy);
    border-top:20px solid transparent;
    border-bottom:20px solid transparent;
}
.order-1 .recipient-tile:after{
    content:'';
    position:absolute;
    left:100%;
    top:calc(50% - 10px);
    height:40px;
    border-left:20px solid var(--navy);
    border-right:0;
    border-top:20px solid transparent;
    border-bottom:20px solid transparent;
}
.year-option.selected{
    display:none;
}
.recipient-tabs{
    position:relative;
    overflow:hidden;
}
.recipient-tabs .tab{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
}
.recipient-tabs .tab.animate__fadeIn{
    position:relative;
    display:block;
}
.recipient-logo{
    width:175px;
    height:175px;
    object-fit:contain;
    object-position:center;
}
.recipient-dropdown{
    padding-left:0;
}
@media all and (max-width: 767px) {
    .recipient-logo{
        width:100px;
        height:100px;
    }
    .recipient-tile h5{
        font-size:1rem;
    }
    .recipient-tile h4{
        font-size:.8rem;
    }
    .recipient-tile p{
        display:none;
    }  
    .recipient:nth-child(even) .img-tile{
        order:1!important;
    } 
    .recipient:nth-child(even) .content-tile{
        order:2!important;
    } 
    .recipient:nth-child(odd) .img-tile{
        order:2!important;
    } 
    .recipient:nth-child(odd) .content-tile{
        order:1!important;
    } 
    
    .recipient-dropdown li{
        width:33%;
    }
}
.site h1.has-background, .site h2.has-background, .site h3.has-background, .site h4.has-background, .site h5.has-background, .site h6.has-background {
    padding: 0
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}

.nf-form-fields-required{
    display:none!important;
}

.wp-block-list{
    list-style: none;
    padding-left:calc(1rem + 4px);
}
.wp-block-list li{
    position:relative;
    margin-bottom:1rem;
}
.wp-block-list li:before{
    content:'\f00c';
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    position: absolute;
    left: calc(-1rem - 4px);
    top: 4px;
    color:#74a8e8;
}
.wp-bootstrap-blocks-container.mb-0{
    margin-bottom:0!important;
}

.home-hero .slide{
    height:80vh;
    background-size:cover;
    background-position:center;
    position:relative;
}
.home-hero .slide-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5);
}
h1.large{
    font-size: 4.4vw;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -1px;
}
p.large,
.home-hero div.large *{
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5; 
}

.home-hero .slide .justify-content-center *{
    text-align:center;
}
.owl-dots{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding-bottom: 1rem;
    display: flex;
    justify-content: center;
    gap:10px;
}
.owl-dot{
    width: 14px;
    height: 14px;
    border: 2px solid #ffffff!important;
    border-radius: 50%;
}
.owl-dot.active{
    background-color:#ffffff!important;
}
@media all and (max-width: 767px) {
    .fixed-hero-padding {
        height: 78px;
    }
    h1.large{
        font-size: calc(1.75rem + 1.5vw);
    }
    p.large,
    .home-hero div.large *{
        font-size: 1.25rem;
    }
    .section-title {
        font-size: calc(1.325rem + .9vw);
    }
    .section-padding{
        padding-top:50px;
        padding-bottom:50px;
    }
    .section-padding-large{
        padding-top:75px;
        padding-bottom:75px;
    }
    
    .btn{
        padding: 4px 10px;
        
    }
    .btn.btn-sm{
        padding: 2px 5px;
    }
    
    .btn.btn-sm .fa{
        font-size: 12px;
    }
    
    .btn span{
        font-size: inherit;
        
    }
   
    li.btn a{
        padding: 4px 10px;
        font-size: inherit;
       
    }
    .navbar-brand{
        width:100px;
        
    }
    .breadcrumbs .fa{
        font-size:1rem;
    }
    .award-cutout-image-container{
        display:none;
    }
    .footer-brand{
        width:200px;
     }
     footer .menu-item{
        justify-content:center;
     }
     .nav-list li{
        align-items:start;
     }
     .menu-main-button-menu-container ul{
        text-align:center;
     }
     .menu-main-button-menu-container .btn{
        margin-bottom:1rem;
        width:70%;

     }
     .nav-link{
        padding: 12px 2rem;
     }
     .dropdown-menu {
        padding-left:2rem!important;
        border-bottom: 1px solid #ccc !important;
        border-radius: 0 !important;
        background: rgba(0, 0, 0, .1);
     }
     .nf-form-cont .five-sixths, .nf-form-cont .four-sixths, .nf-form-cont .one-fourth, .nf-form-cont .one-half, .nf-form-cont .one-sixth, .nf-form-cont .one-third, .nf-form-cont .three-fourths, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths, .nf-form-cont .two-sixths, .nf-form-cont .two-thirds {
        width:100%!important;
        float: none!important;
        margin-left: 0!important;
    }
}