@charset 'UTF-8';
.impact-report .progress
{
    border-radius: .25rem;
    background-color: transparent;
}

.impact-report .bg-success
{
    background-color: #ff7c19 !important;
}

.impact-report .progress-chart
{
    overflow: hidden;

    height: 20px;
    margin-bottom: 20px;

    background-color: #fff;
}

.impact-report .progress-baseline
{
    overflow: hidden;

    height: 20px;
    margin-bottom: 10px;

    border-top: solid 1px #eee;
    background-color: #fff;
}

.impact-report .progress-baseline-numbers
{
    overflow: hidden;

    height: 20px;
    margin-bottom: 20px;

    text-align: center;

    color: #bdbdb1;
    background-color: #fff;
}

.impact-report .progress-bar
{
    -webkit-transition: width .6s ease 0s;
         -o-transition: width .6s ease 0s;
            transition: width .6s ease 0s;
    text-align: right;

    color: #5f5f59;
    background-color: #bdbdb1;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.impact-report .progress-baseline .progress-bar
{
    background-color: #fff;
}

.impact-report .progress-baseline-numbers .progress-bar
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;

    text-align: center;

    color: #bdbdb1;
    background-color: #fff;
}

.impact-report .active
{
    font-weight: 400;

    color: #fff;
    background-color: #ff7c19;
}

.impact-report .progress-bar-striped
{
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.impact-report .progress-bar-grid
{
    border-right: solid 1px #eee;
}

.impact-report .progress-bar-grid-first
{
    border-right: solid 1px #eee;
    border-left: solid 1px #eee;
}

#browser-info
{
    position: fixed;
    z-index: 1000;
    bottom: 10px;
    left: 10px;

    display: inline-block;

    width: auto;
    padding: 7px;

    background-color: white;
}

html
{
    font-size: .9rem;
}
@media (min-width: 768px)
{
    html
    {
        font-size: 1rem;
    }
}
@media (min-width: 992px)
{
    html
    {
        font-size: 1.25rem;
    }
}

body
{
    font-family: 'Open Sans', sans-serif;

    color: #333;
    background-color: #ebebeb;
}

hr
{
    margin: .75rem 0;
}

.hr-inverse
{
    border-color: rgba(255, 255, 255, .5);
}

/* Bootstrap Extensions */
@media screen and (min-width: 1200px)
{
    .container-xl
    {
        max-width: 1300px;
    }
}

/* Bootstrap Overrides * */
.dropdown-toggle::after
{
    display: none;

    content: '';
}

/* Backgrounds */
.bkgd-gray
{
    background-color: #333;
}

.bkgd-gray-50
{
    background-color: rgba(51, 51, 51, .5);
}

.bkgd-gray-70
{
    background-color: rgba(51, 51, 51, .7);
}

.bkgd-gray-85
{
    background-color: rgba(51, 51, 51, .85);
}

.bkgd-gray-95
{
    background-color: rgba(51, 51, 51, .95);
}

.bkgd-light-gray-95
{
    background-color: rgba(237, 237, 237, .95);
}

.bkgd-orange
{
    background-color: #ff7c19;
}

.bkgd-orange-65
{
    background-color: rgba(255, 124, 25, .65);
}

.bkgd-orange-85
{
    -webkit-transition: all .35s ease-in-out;
         -o-transition: all .35s ease-in-out;
            transition: all .35s ease-in-out;

    background-color: rgba(255, 124, 25, .85);
}

.bkgd-white
{
    background-color: white;
}

.bkgd-white-85
{
    background-color: rgba(255, 255, 255, .85);
}

.bkgd-white-95
{
    background-color: rgba(255, 255, 255, .95);
}

.bkgd-black
{
    background-color: black;
}

.bkgd-black-75
{
    background-color: rgba(0, 0, 0, .75);
}

.bkgd-black-85
{
    background-color: rgba(0, 0, 0, .85);
}

.bkgd-black-95
{
    background-color: rgba(0, 0, 0, .95);
}

.bkgd-full
{
    position: fixed;
    z-index: -100;
    top: 0;

    width: 100%;
    height: 100vh;

    background-position: center;
    background-size: auto 100%;
}
@media (min-width: 992px)
{
    .bkgd-full
    {
        background-size: cover;
    }
}

.bkgd-full > img
{
    overflow: hidden;

    width: auto;
    height: 100%;
    margin: 0 auto;
}
@media (min-width: 992px)
{
    .bkgd-full > img
    {
        width: 100%;
        height: auto;
    }
}

/* Icons */
.icon-facebook
{
    color: #3e5a96;
}

.icon-twitter
{
    color: #000000;
}

.icon-linkedin
{
    color: #1a78b3;
}

.icon-youtube
{
    color: #db2724;
}

.icon-instagram
{
    color: #142865;
}

.icon-snapchat
{
    color: #ffc91a;
}

.icon-email
{
    color: #333;
}

a .social-icon
{
    width: 30px;
    height: 30px;

    opacity: .85;
}

a .social-icon:focus,
a .social-icon:hover
{
    opacity: 1;
}

.quicklinks-icon .icon-facebook
{
    color: white;
}

.quicklinks-icon .icon-facebook:focus,
.quicklinks-icon .icon-facebook:hover
{
    cursor: pointer;

    color: #3e5a96;
}

.quicklinks-icon .icon-twitter
{
    color: white;
}

.quicklinks-icon .icon-twitter:focus,
.quicklinks-icon .icon-twitter:hover
{
    cursor: pointer;

    color: #000000;
}

.quicklinks-icon .icon-linkedin
{
    color: white;
}

.quicklinks-icon .icon-linkedin:focus,
.quicklinks-icon .icon-linkedin:hover
{
    cursor: pointer;

    color: #1a78b3;
}

.quicklinks-icon .icon-instagram
{
    color: white;
}

.quicklinks-icon .icon-instagram:focus,
.quicklinks-icon .icon-instagram:hover
{
    cursor: pointer;

    color: #142865;
}

.quicklinks-icon .icon-email
{
    color: white;
}

.quicklinks-icon .icon-email:focus,
.quicklinks-icon .icon-email:hover
{
    cursor: pointer;

    color: #333;
}

.welcome-wrapper
{
    text-align: center;
}
@media screen and (min-width: 768px)
{
    .welcome-wrapper
    {
        text-align: center;
    }
    .welcome-wrapper .container
    {
        max-width: 100%;
    }
}
@media screen and (min-width: 992px)
{
    .welcome-wrapper .container
    {
        max-width: 95%;
    }
}
@media screen and (min-width: 1200px)
{
    .welcome-wrapper .container .row .col-md-4:nth-child(2)
    {
        padding-left: 25px;
    }
}
@media screen and (min-width: 1500px)
{
    .welcome-wrapper .container
    {
        max-width: 1300px;

        text-align: left;
    }
    .welcome-wrapper .container .row .col-md-4:nth-child(2)
    {
        padding-left: 25px;
    }
    .welcome-wrapper .container .row .col-md-4:nth-child(2) .text-welcome
    {
        left: 20px;
    }
    .welcome-wrapper .col-md-4
    {
        padding: 0;
    }
}

.welcome-icon
{
    position: relative;

    display: inline-block;
    float: left;

    max-width: 45px;
    margin-top: -10px;
    margin-left: 40px;
}
@media screen and (min-width: 768px)
{
    .welcome-icon
    {
        max-width: 55px;
        margin-top: 0;
        margin-left: 10px;
    }
}
@media screen and (min-width: 992px)
{
    .welcome-icon
    {
        max-width: 60px;
        margin-left: 0;
    }
}
@media screen and (min-width: 1200px)
{
    .welcome-icon
    {
        max-width: 70px;
    }
}
@media screen and (min-width: 1500px)
{
    .welcome-icon
    {
        display: initial;

        max-width: 80px;
        margin-left: 0;
    }
}
.welcome-icon svg
{
    max-width: 100%;
}

.text-welcome
{
    font-size: 1.5rem;

    position: relative;
    left: -40px;

    display: block;

    margin-top: -5px;
}
@media screen and (min-width: 768px)
{
    .text-welcome
    {
        left: 0;

        margin-top: 10px;
    }
}
@media screen and (min-width: 992px)
{
    .text-welcome
    {
        font-size: 1.7rem;
    }
}
@media screen and (min-width: 1200px)
{
    .text-welcome
    {
        font-size: 2rem;
    }
}
@media screen and (min-width: 1500px)
{
    .text-welcome
    {
        font-size: 2.2rem;
    }
}

.welcome-reveal h1
{
    font-size: 4.2vw;
}

.welcome-reveal h4
{
    font-size: 3.3vw;
}

@media screen and (min-width: 768px)
{
    .welcome-reveal h1
    {
        font-size: 3.7vw;
    }
    .welcome-reveal h4
    {
        font-size: 3vw;
    }
}

@media screen and (min-width: 992px)
{
    .welcome-reveal h1
    {
        font-size: 3.4vw;
    }
    .welcome-reveal h4
    {
        font-size: 2.8vw;
    }
}

@media screen and (min-width: 1200px)
{
    .welcome-reveal h1
    {
        font-size: 3.2vw;
    }
    .welcome-reveal h4
    {
        font-size: 2.5vw;
    }
}

@media screen and (min-width: 1500px)
{
    .welcome-reveal h1
    {
        font-size: 2.7vw;
    }
    .welcome-reveal h4
    {
        font-size: 2vw;
    }
}

@media screen and (min-width: 1600px)
{
    .welcome-reveal h1
    {
        font-size: 2.4vw;
    }
    .welcome-reveal h4
    {
        font-size: 1.7vw;
    }
}

/* Utility */
.anchoroffset
{
    position: relative;
    top: -100px;

    display: block;
    visibility: hidden;
}

.cl
{
    clear: left;
}

.cr
{
    clear: right;
}

.cb
{
    clear: both;
}

.pt-nav
{
    padding-top: 125px;
}

@media (min-width: 992px)
{
    .pt-nav
    {
        padding-top: 175px;
    }
}

/* Content Elements */
.content
{
    margin-bottom: 2rem;
    padding: 1rem;

    background-color: #fff;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
            box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}

.content-occurrences
{
    background: url('https://static.osugiving.com/img/your-impact/newsletter/occurrences/bkgd-content.jpg') repeat;
    background-size: auto;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
            box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}

.block-passion
{
    height: 300px;
}
@media (min-width: 768px)
{
    .block-passion
    {
        height: 350px;
    }
}
@media (min-width: 992px)
{
    .block-passion
    {
        height: 450px;
    }
}

.block-form
{
    height: 200px;
}
@media (min-width: 768px)
{
    .block-form
    {
        height: 250px;
    }
}
@media (min-width: 992px)
{
    .block-form
    {
        height: 275px;
    }
}

.block-award
{
    height: 225px;
}
@media (min-width: 768px)
{
    .block-award
    {
        height: 275px;
    }
}
@media (min-width: 992px)
{
    .block-award
    {
        height: 325px;
    }
}

.card
{
    border: none;
    border-radius: 0;
    background-color: white;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
            box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}

.card-staff
{
    display: block;

    border: none;
    border-radius: 0;
    background-color: white;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
            box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}

.card-img-top
{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

a .card-block
{
    background-color: transparent;
}

a .card-block:focus,
a .card-block:hover
{
    background-color: #fafafa;
}

/* Passion cards */
.card.passion
{
    -webkit-transition: all .35s ease;
         -o-transition: all .35s ease;
            transition: all .35s ease;
}
.card.passion:hover .bkgd-orange-85
{
    background-color: rgba(255, 124, 25, 0);
}
.card.passion:hover .item-title,
.card.passion:hover .item-prefix
{
    color: #ff7c19;
    background-color: rgba(255, 255, 255, .85);
}
.card.passion:hover .btn.card-btn
{
    color: white;
    border-color: white;
    background-color: #ff7c19;
}
.card.passion:hover .btn.card-btn:hover
{
    background-color: #ff994c;
}
.card.passion .item-title,
.card.passion .item-prefix
{
    padding: 5px;

    -webkit-transition: all .35s ease;
         -o-transition: all .35s ease;
            transition: all .35s ease;

    color: white;
    background-color: transparent;
}
.card.passion .item-prefix
{
    display: inline-block;
}

.fund-block
{
    width: 100%;

    background: no-repeat center;
    background-size: cover;
}

.fund-block > h5
{
    line-height: 1.25;

    margin: 0;
    padding: 1.5rem 1rem;

    color: rgba(255, 255, 255, .9);
    border: solid 1px white;
    background-color: rgba(255, 124, 25, .85);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}

.fund-block > h5:hover,
.fund-block > h5:focus
{
    cursor: pointer;

    color: white;
    border-color: #ff7c19;
    background-color: rgba(51, 51, 51, .85);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.banner
{
    font-family: 'Roboto Slab', serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;

    position: relative;

    width: 100%;
    padding: 5rem 2rem;

    letter-spacing: .05rem;
}
@media (min-width: 1200px)
{
    .banner
    {
        font-size: 1.5rem;

        padding: 3rem;
    }
}

.banner .icon svg
{
    display: inline-block;

    width: 30px;
}

.banner-text
{
    color: rgba(255, 255, 255, .9);
}

.banner-text:focus,
.banner-text:hover
{
    cursor: pointer;

    color: white;
}

.news
{
    background-color: transparent;
}

.news:focus,
.news:hover
{
    background-color: #f8f9fa;
}

a .news > h6,
a .news > .h6
{
    color: #ff7c19;
}

a .news > h6:focus,
a .news > .h6:focus,
a .news > h6:hover,
a .news > .h6:hover
{
    cursor: pointer;

    color: #333;
}

.list-group-item.active
{
    border-color: #ff7c19;
    background-color: #ff7c19;
}

.card > .list-group:first-child .list-group-item:first-child
{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.card > .list-group:last-child .list-group-item:last-child
{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.list-group-flush .list-group-item
{
    font-size: .85rem;

    padding: .25rem 0 .25rem .5rem;

    border-color: transparent;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    background-color: transparent;
}

.list-group-flush .list-group-item:hover,
.list-group-flush .list-group-item:focus
{
    color: #ff7c19;
}

/* Passion Staff */
#staff-sidebar
{
    padding-right: 60px;
}
#staff-sidebar .person
{
    padding: 15px;
    padding-bottom: 32px;

    background-color: white;
}
#staff-sidebar .person.active
{
    padding-bottom: 12px;
}
#staff-sidebar .person.active .contact-info
{
    max-height: 250px;

    opacity: 1;
}
#staff-sidebar .person.active .contact
{
    display: none;
}
#staff-sidebar .headshot
{
    display: block;

    width: 100%;
    height: auto;
    margin: 0 auto;
}
#staff-sidebar .name
{
    margin-top: 10px;
}
#staff-sidebar .contact
{
    font-family: 'Roboto Slab', serif;
    font-size: 13px;

    position: absolute;
    right: 10px;
    bottom: 10px;

    padding: 2px 5px;

    cursor: pointer;
    -webkit-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    letter-spacing: .05rem;

    color: #ff7c19;
    border: 1px solid #ff7c19;
    background-color: white;
}
#staff-sidebar .contact:hover
{
    color: white;
    border-color: transparent;
    background-color: #ff7c19;
}
#staff-sidebar .contact-info
{
    font-size: .8rem;

    overflow: hidden;

    max-height: 0;

    opacity: 0;
}
#staff-sidebar .contact-info .tlg
{
    color: #b3b3b3;
}
#staff-sidebar .contact-info span
{
    display: inline-block;

    margin: 2px 0;
}
#staff-sidebar hr
{
    margin: .8rem;
}

/* News Template */
.news-story-head
{
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}
@media screen and (min-width: 768px)
{
    .news-story-head
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media screen and (min-width: 992px)
{
    .news-story-head
    {
        padding-right: 25px;
        padding-left: 25px;
    }
}
@media screen and (min-width: 1200px)
{
    .news-story-head
    {
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media screen and (min-width: 1500px)
{
    .news-story-head
    {
        padding-right: 60px;
        padding-left: 60px;
    }
}
.news-story-head .headline
{
    font-size: 7vw;

    color: white;
}
@media screen and (min-width: 768px)
{
    .news-story-head .headline
    {
        font-size: 6vw;
    }
}
@media screen and (min-width: 992px)
{
    .news-story-head .headline
    {
        font-size: 5.7vw;
    }
}
@media screen and (min-width: 1200px)
{
    .news-story-head .headline
    {
        font-size: 4.3vw;
    }
}
@media screen and (min-width: 1500px)
{
    .news-story-head .headline
    {
        font-size: 3.8vw;
    }
}
.news-story-head .subhead
{
    font-size: 4vw;
}
@media screen and (min-width: 768px)
{
    .news-story-head .subhead
    {
        font-size: 3.4vw;
    }
}
@media screen and (min-width: 992px)
{
    .news-story-head .subhead
    {
        font-size: 3vw;
    }
}
@media screen and (min-width: 1200px)
{
    .news-story-head .subhead
    {
        font-size: 2.2vw;
    }
}
@media screen and (min-width: 1500px)
{
    .news-story-head .subhead
    {
        font-size: 1.8vw;
    }
}
.news-story-head .subhead,
.news-story-head .byline
{
    color: #ccc;
}

/* Search Modal */
#searchModal .modal-dialog
{
    max-width: 700px;
}

#search-button
{
    margin-top: 15px;
    padding: .5rem 1.5rem;
}

/* Forms */
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='number'],
select
{
    padding: 7px !important;
    color: #333 !important;
    border: 1px solid rgba(51, 51, 51, .3) !important;
    border-radius: 2px !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='tel']:focus,
input[type='number']:focus,
select:focus
{
    border-color: #ffb67f !important;
    -webkit-box-shadow: 0 0 3px rgba(255, 124, 25, .5) !important;
            box-shadow: 0 0 3px rgba(255, 124, 25, .5) !important;
}
input[type='text']:user-invalid,
input[type='email']:user-invalid,
input[type='tel']:user-invalid,
input[type='number']:user-invalid,
select:user-invalid,
input[type='text']:user-invalid:required,
input[type='email']:user-invalid:required,
input[type='tel']:user-invalid:required,
input[type='number']:user-invalid:required,
select:user-invalid:required {
    border-color: rgba(255, 0, 0, 1) !important;
    -webkit-box-shadow: 0 0 3px rgba(255, 0, 0, .5) !important;
            box-shadow: 0 0 3px rgba(255, 0, 0, .5) !important;
}


/* Typography */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'Roboto Slab', serif;

    color: #ff7c19;
}

a .h1:focus,
a .h2:focus,
a .h3:focus,
a .h4:focus,
a .h5:focus,
a .h6:focus,
a h1:focus,
a h2:focus,
a h3:focus,
a h4:focus,
a h5:focus,
a h6:focus,
a .h1:hover,
a .h2:hover,
a .h3:hover,
a .h4:hover,
a .h5:hover,
a .h6:hover,
a h1:hover,
a h2:hover,
a h3:hover,
a h4:hover,
a h5:hover,
a h6:hover
{
    cursor: pointer;

    color: #333;
}

a,
a:focus,
a:active
{
    text-decoration: none;

    color: #ff7c19;
    outline: none;
}

a:hover
{
    text-decoration: none;

    color: #333;
}

a[href='#']:hover
{
    cursor: default;
}

strong
{
    font-weight: 700;

    letter-spacing: .02rem;
}

.display-3
{
    text-align: center;

    color: white;
}

.welcome
{
    font-size: 1.5rem;
    line-height: 2rem;

    margin: 4rem .5rem;
}
@media (min-width: 768px)
{
    .welcome
    {
        font-size: 2rem;
        line-height: 3rem;

        margin: 6rem 2rem;
    }
}

.lead
{
    font-family: 'Roboto Slab', serif;
    font-weight: 400;

    color: #ff7c19;
}

.text-muted
{
    color: gray;
}

.text-muted a
{
    color: gray;
}

.text-muted a:focus,
.text-muted a:hover
{
    color: #ff7c19;
}

a .text-gray
{
    color: #333;
}

a .text-gray:focus,
a .text-gray:hover
{
    color: #333;
}

.gray-link
{
    color: #666;
}

.gray-link:focus,
.gray-link:hover
{
    color: black;
}

.text-shadow
{
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}

a .quicklinks-text
{
    color: rgba(255, 255, 255, .85);
}

a .quicklinks-text:focus,
a .quicklinks-text:hover
{
    color: white;
}

a .quicklinks-icon
{
    width: 25px;
    height: 25px;

    opacity: 90%;
}

a .quicklinks-icon:focus,
a .quicklinks-icon:hover
{
    opacity: 100%;
}

.text-opacity-25
{
    opacity: .25;
}

.text-opacity-50
{
    opacity: .5;
}

.text-opacity-75
{
    opacity: .75;
}

.text-orange
{
    color: #ff7c19;
}

a > .text-orange
{
    color: #ff7c19 !important;
}

a > .text-orange:focus,
a > .text-orange:hover
{
    color: white !important;
}

a > .text-white
{
    color: white !important;
}

a > .text-white:focus,
a > .text-white:hover
{
    color: #333 !important;
}

a > .text-welcome
{
    color: white !important;
}

a > .text-welcom:focus,
a > .text-welcome:hover
{
    color: #ff7c19 !important;
}

.card ul
{
    padding-right: .5rem;
}

.card ul li
{
    position: relative;

    margin-top: .25rem;
    margin-bottom: .5rem;
    padding-left: 1rem;

    list-style-type: none;
}

.card ul li:before
{
    position: absolute;
    top: 8px;
    left: -15px;

    display: inline-block;

    width: 7px;
    height: 7px;

    content: '';

    border-radius: 50%;
    background-color: #a6a6a6;
}
@media screen and (min-width: 768px)
{
    .card ul li:before
    {
        top: 10px;
        left: -20px;
    }
}
@media screen and (min-width: 992px)
{
    .card ul li:before
    {
        top: 11px;
        left: -25px;
    }
}
@media screen and (min-width: 1200px)
{
    .card ul li:before
    {
        top: 12px;
    }
}

.card ul li p
{
    font-size: .9rem;

    display: inline;
}

blockquote
{
    font-family: 'Roboto Slab', serif;
    font-size: 1.25rem;

    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
    margin-left: 1rem;
    padding-left: 1rem;

    color: #ff7c19;
    border-left: solid 3px rgba(0, 0, 0, .1);
}

.blockquote-footer
{
    color: rgba(51, 51, 51, .6);
}

.blockquote-footer::before
{
    margin-right: .25rem;

    content: '•';

    color: rgba(51, 51, 51, .3);
}

.badge-tag
{
    color: white;
    border-radius: 0;
    background-color: #ff7c19;
}

.badge-tag:focus,
.badge-tag:hover
{
    color: #333;
    border-radius: 0;
    background-color: #ff7c19;
}

.badge-primary
{
    font-size: 60%;

    color: white;
    background-color: rgba(255, 124, 25, .95);
}
@media (min-width: 576px)
{
    .badge-primary
    {
        font-size: 75%;
    }
}

.badge-primary:focus,
.badge-primary:hover
{
    color: #333;
    background-color: #ff7c19;
}

.badge-pill
{
    padding-right: .6em;
    padding-left: .6em;

    border-radius: 0;
}

.display-1
{
    font-size: 4rem;
}
@media (min-width: 576px)
{
    .display-1
    {
        font-size: 5rem;
    }
}
@media (min-width: 768px)
{
    .display-1
    {
        font-size: 6rem;
    }
}

/* Buttons */
button:focus,
.btn:focus
{
    -webkit-box-shadow: none;
            box-shadow: none;

    box-shadow-outline: none;
}

a .btn:hover,
a .btn:focus
{
    cursor: pointer;
}

.btn-give
{
    font-family: 'Roboto Slab', serif;
    font-weight: 700;

    padding: 1rem 1.5rem;

    color: rgba(255, 255, 255, .9);
    border: none;
    border-radius: 0;
    background-color: #ff7c19;
}

.btn-give:hover
{
    cursor: pointer;

    color: white;
    background-color: #e56300;
}

.btn-sec
{
    font-family: 'Roboto Slab', serif;
    font-weight: 700;

    padding: 1rem 1.5rem;

    color: rgba(255, 255, 255, .9);
    border: none;
    border-radius: 0;
    background-color: #999999;
}

.btn-sec:hover
{
    cursor: pointer;

    color: white;
    background-color: #bfbfbf;
}
.btn-dan
{
    font-family: 'Roboto Slab', serif;
    font-weight: 700;

    padding: 1rem 1.5rem;

    color: rgba(255, 255, 255, .9);
    border: none;
    border-radius: 0;
    background-color: #333333;
}

.btn-dan:hover
{
    cursor: pointer;

    color: white;
    background-color: #595959;
}

.btn-group-sm > .btn,
.btn-sm
{
    font-family: 'Roboto Slab', serif;
    font-size: .875rem;
    font-weight: 700;

    padding: .25rem .5rem;

    color: rgba(255, 255, 255, .85);
    border-radius: 0;
    background-color: rgba(255, 124, 25, .85);
}

.btn-group-sm > .btn:hover,
.btn-sm:hover,
.btn-group-sm > .btn:focus,
.btn-sm:focus
{
    color: white;
    background-color: #ff7c19;
}

a .btn-ad
{
    font-family: 'Roboto Slab', serif;
    font-size: .5rem;
    font-weight: 600;

    position: absolute;
    right: 0;
    bottom: 0;

    padding: .25rem .5rem;

    letter-spacing: .05rem;

    color: #ff7c19;
    border: none;
    border-radius: 0;
    background-color: white;
}

a:focus .btn-ad,
a:hover .btn-ad
{
    cursor: pointer;

    color: white;
    background-color: #ff7c19;
}

.btn-hover
{
    opacity: 80%;
}

.btn-hover:hover,
a .btn-hover:focus
{
    cursor: pointer;

    opacity: 100%;
}

.btn.load-more
{
    margin-bottom: 50px;

    color: white;
    border-radius: 0;
    background-color: #ff7c19;
}
.btn.load-more:hover
{
    background-color: #ff994c;
}

.btn.card-btn
{
    color: #ff7c19;
    border-color: #ff7c19;
    background-color: white;
}

/* Ads */
.ad
{
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;

    border: solid 1px white;
    background-size: cover;
}

.ad:focus,
.ad:hover
{
    cursor: pointer;

    border-color: #ff7c19;
}

.border-white
{
    border-color: white;
}

.promo
{
    position: relative;

    border: solid 1px white;
    background-size: cover;
}

.promo:focus,
.promo:hover
{
    cursor: pointer;

    border-color: #ff7c19;
}

a .btn-promo
{
    font-family: 'Roboto Slab', serif;
    font-size: .5rem;
    font-weight: 600;

    position: absolute;
    right: 0;
    bottom: 0;

    padding: .25rem .5rem;

    letter-spacing: .05rem;

    color: #ff7c19;
    border: none;
    border-radius: 0;
}

a:focus .btn-promo,
a:hover .btn-promo
{
    cursor: pointer;

    color: white;
    background-color: #ff7c19;
}

#newsletter-wrapper.occurrences-newsletter .load-more
{
    background-image: url('https://static.osugiving.com/img/your-impact/newsletter/occurrences/doel-reed-tile.jpg');
}

/* Sections */
#content
{
    position: relative;

    background-color: #ebebeb;
}

#masthead-bkgd
{
    position: fixed;
    z-index: -100;
    top: 0;

    width: 100%;
    height: 100vh;

    background-color: #ff7c19;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

#masthead
{
    position: relative;

    width: 100%;
    height: 65vh;

    text-align: center;

    border-bottom: solid 2px rgba(0, 0, 0, .15);
    background-repeat: repeat;
}

#footer
{
    position: relative;

    width: 100%;
    height: auto;
}
#footer a[href='#']:hover
{
    color: white;
}

/* Masthead */
.masthead-logo
{
    font-family: 'Roboto Slab', serif;
    font-size: 2.5rem;

    width: 100%;
    height: auto;
    padding: 1rem 2rem;

    letter-spacing: .1rem;

    color: white;
    border-bottom: solid 1px rgba(255, 255, 255, .75);
    background-color: rgba(255, 124, 25, .65);
}
@media (min-width: 768px)
{
    .masthead-logo
    {
        font-size: 4rem;
    }
}

.orange-passion
{
    padding: 1rem 2rem;

    border-bottom: solid 1px rgba(255, 255, 255, .75);
    background-color: rgba(255, 124, 25, .75);
}

.orange-passion:hover,
.orange-passion:focus
{
    border-color: white;
    background-color: rgba(255, 124, 25, .95);
}

.orange-passion h2,
.orange-passion .h2
{
    font-size: 1.75rem;

    color: rgba(255, 255, 255, .95);
    text-shadow: 0 0 1px rgba(51, 51, 51, .15);
}
@media (min-width: 768px)
{
    .orange-passion h2,
    .orange-passion .h2
    {
        font-size: 3.5rem;
    }
}

.orange-passion h2:hover,
.orange-passion .h2:hover,
.orange-passion h2:focus,
.orange-passion .h2:focus
{
    color: white;
    text-shadow: 0 0 1px rgba(51, 51, 51, .25);
}

.orange-passion p
{
    font-size: .5rem;
    font-weight: 700;

    letter-spacing: .05rem;

    color: rgba(255, 255, 255, .95);
}
@media (min-width: 768px)
{
    .orange-passion p
    {
        font-size: 1rem;

        letter-spacing: .15rem;
    }
}

.orange-passion p:hover,
.orange-passion p:focus
{
    color: white;
}

/* Parallax */
.wrapper
{
    /* The scaling of the images would add a horizontal scrollbar, so disable x overflow. */
    overflow-x: hidden;
    /* Enable scrolling on the page. */
    overflow-y: auto;
    /* The height needs to be set to a fixed value for the effect to work.
   * 100vh is the full height of the viewport. */

    height: 100vh;
    /* Set the perspective to 2px. This is essentailly the simulated distance from the viewport to transformed objects.*/

    -webkit-perspective: 2px;
            perspective: 2px;
}

#break
{
    /* Needed for children to be absolutely positioned relative to the parent. */
    position: relative;
    /* For text formatting. */

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* The height of the container. Must be set, but it doesn't really matter what the value is. */

    height: 100vh;

    color: white;
    text-shadow: 0 0 5px #000;
}

.parallax::after
{
    position: absolute;
    /* Keep the image from overlapping sibling elements. */
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* Display and position the pseudo-element */

    content: ' ';
    /* Move the pseudo-element back away from the camera,
   * then scale it back up to fill the viewport.
   * Because the pseudo-element is further away, it appears to move more slowly, like in real life. */
    -webkit-transform: translateZ(-1px) scale(1.5);
            transform: translateZ(-1px) scale(1.5);
    /* Force the background image to fill the whole element. */

    background-size: 100%;
}

.break1::after
{
    background-image: url('https://static.osugiving.com/img/masthead/slide-2.jpg');
    background-position: center;
}

.break-gray
{
    font-family: 'Roboto Slab', serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;

    width: 100%;
    padding: 6rem 0;

    text-align: center;
    letter-spacing: .05rem;

    color: white;
    background: url('https://static.osugiving.com/img/utility/texture-75.png') repeat;
}

/* Carousel */
#masthead-bkgd .carousel-item
{
    height: 100vh;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#home-carousel
{
    position: relative;
}

#home-carousel .carousel-item
{
    height: 80vh;

    background-color: #333;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
}
@media (min-width: 768px)
{
    #home-carousel .carousel-item
    {
        height: 95vh;

        background-attachment: fixed;
    }
}

.carousel-footer
{
    position: absolute;
    bottom: 0;

    width: 100%;
}

.carousel-arrow
{
    width: auto;
    height: 5vh;
}

.carousel-box
{
    position: absolute;
    z-index: 0;
    top: 0;
    right: 15%;
    bottom: 0;
    left: 15%;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
            justify-content: center;

    width: 70%;

    text-align: center;

    color: white;
}

.carousel-fade carousel-item
{
    position: absolute;

    display: block;

    -webkit-transition: opacity .75s ease-in-out;
         -o-transition: opacity .75s ease-in-out;
            transition: opacity .75s ease-in-out;

    opacity: 0;
}
.carousel-fade carousel-item.active
{
    opacity: 1;
}

/* Modal */
.modal-content
{
    border-radius: 0;
}

.modal-header
{
    background-position: center;
    background-size: cover;
}

/* Images */
.img-right
{
    float: right;

    margin-bottom: 1rem;
    margin-left: 0;
    padding: 0;
}
@media (min-width: 768px)
{
    .img-right
    {
        margin-left: 1rem;
    }
}

.img-left
{
    float: left;

    margin-right: 0;
    margin-bottom: 1rem;
    padding: 0;
}
@media (min-width: 768px)
{
    .img-left
    {
        margin-right: 1rem;
    }
}

.img-news
{
    display: inline-block;
    float: left;

    width: 100px;
    height: 100px;
    margin-right: 1rem;
    padding: 1rem;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (min-width: 768px)
{
    .img-news
    {
        display: block;
        float: none;

        width: 100%;
        height: 150px;
        padding: 0;
    }
}

a .img-modal
{
    border: solid 1px white;
}

a .img-modal:focus,
a .img-modal:hover
{
    cursor: pointer;

    border: solid 1px #ff7c19;
}

/* Footer */
.ftr
{
    width: 100%;
    padding: 2rem 0;

    border-top: solid 2px #ff7c19;
}

.ftr ul
{
    list-style-type: none;

    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}

.ftr ul li a
{
    font-weight: 500;

    text-decoration: none;

    color: white;
}

.ftr ul li a:hover
{
    text-decoration: none;

    color: #ff7c19;
}

.ftr ul ul
{
    list-style-type: none;

    -webkit-margin-end: 0;
    -webkit-padding-start: .5em;
}

.ftr ul ul li a
{
    font-size: .85rem;

    text-decoration: none;

    color: rgba(255, 255, 255, .5);
}

.ftr ul ul li a:hover
{
    text-decoration: none;

    color: white;
}

/* Navigation */
nav a[href='#']:hover
{
    cursor: pointer;
}

.navbar
{
    padding: 0 0 0 1rem;
}
.navbar a
{
    outline: 0;
}
@media (min-width: 992px)
{
    .navbar
    {
        padding: 0 1rem;
    }
}

.nav-bg
{
    background-color: rgba(255, 124, 25, .9) !important;
}

.navbar-brand
{
    font-family: 'Roboto Slab', serif;

    color: white;
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-toggler:focus,
.navbar-inverse .navbar-toggler:hover
{
    color: rgba(0, 0, 0, .9);
}

.nav-item
{
    font-size: 1.25rem;

    padding: .5rem;

    background-color: transparent;
}
@media (min-width: 990px)
{
    .nav-item
    {
        font-size: .8rem;
    }
}
@media (min-width: 1200px)
{
    .nav-item
    {
        font-size: 1rem;
    }
}

.nav-item:hover,
.nav-item:focus,
.nav-item:active,
.nav-item:visited
{
    background-color: #ff7c19;
}

.nav-item:hover a,
.nav-item:focus a,
.nav-item:active a,
.nav-item:visited a
{
    border: none;
    outline: 0;
}

.nav-link
{
    padding-right: 1rem;
    padding-left: 1rem;
}

.navbar-dark .navbar-nav .nav-link
{
    color: rgba(255, 255, 255, .85);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover
{
    color: white;
}

.navbar-light .navbar-nav .nav-link
{
    color: rgba(51, 51, 51, .85);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover
{
    color: #333;
}

.navbar-light .nav-item:hover,
.navbar-light .nav-item:focus,
.navbar-light .nav-item:active,
.navbar-light .nav-item:visited
{
    background-color: white;
}

.nav-pills .nav-item .nav-link:active
{
    color: #ff7c19;
    background-color: white;
}

.navbar-light .nav-pills .nav-link
{
    color: rgba(51, 51, 51, .85);
    border-radius: 0;
}

.dropdown-toggle::after
{
    display: none;
}

.dropdown-menu
{
    margin: 0;
    padding: 0;

    color: rgba(255, 255, 255, .9);
    border: none;
    border-radius: 0;
    background-color: #ff7c19;
}

.dropdown-item
{
    font-size: 1.25rem;

    padding: .5rem 1rem;

    color: rgba(255, 255, 255, .85);
}
@media (min-width: 990px)
{
    .dropdown-item
    {
        font-size: .8rem;
    }
}
@media (min-width: 1200px)
{
    .dropdown-item
    {
        font-size: 1rem;
    }
}

.dropdown-item:focus,
.dropdown-item:hover
{
    text-decoration: none;

    color: white;
    background-color: #e56300;
}

.form-inline .btn-give
{
    font-family: 'Roboto Slab', serif;
    font-weight: 600;

    padding: .75rem 1rem;

    color: rgba(255, 255, 255, .85);
    border: 2px solid rgba(255, 255, 255, .85);
    border-radius: 0;
    background-color: rgba(255, 124, 25, .05);
    background-image: none;
}

.form-inline .btn-give:hover
{
    cursor: pointer;

    color: white;
    border-color: white;
    background-color: #ff7c19;
}

.navbar-collapse
{
    padding-bottom: 1rem;
}
@media (min-width: 992px)
{
    .navbar-collapse
    {
        padding-bottom: 0;
    }
}

.navbar-toggler
{
    border-radius: 0;
}

.navbar-dark .navbar-toggler
{
    color: white;
    border-color: rgba(255, 255, 255, .1);
}

.icon
{
    line-height: 0;

    padding: 0;

    cursor: pointer;

    color: inherit;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: transparent;

    -webkit-appearance: none;
}

.nav-icon
{
    display: inline-block;

    width: 25px;
    height: 35px;

    color: rgba(255, 255, 255, .75);
    background: transparent;
}

.nav-icon:hover,
.nav-icon:focus
{
    color: rgba(0, 0, 0, .9);
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.cc-window
{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1rem !important;

    opacity: 1;
    color: rgba(255, 255, 255, .85);
    border-top: 2px solid rgba(255, 255, 255, .85);
    background-color: rgba(255, 124, 25, .85) !important;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .35);
       -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .35);
            box-shadow: 0 0 15px 0 rgba(0, 0, 0, .35);
}

.cc-btn.cc-dismiss
{
    font-family: 'Roboto Slab', serif;

    letter-spacing: .25rem;

    color: rgba(255, 255, 255, .85);
    border: 2px solid rgba(255, 255, 255, .85);
    background-color: rgba(255, 124, 25, .05);
}
.cc-btn.cc-dismiss:hover
{
    color: white;
    background-color: #ff7c19;
}

.cc-link
{
    color: rgba(255, 255, 255, .85) !important;
}
.cc-link:hover
{
    text-decoration: underline;

    color: white !important;
}