.slogan {
    max-width: 600px
}

#content li {
    line-height: 20px;
    padding-bottom: 10px
}

.col-60 {
    width: 60%;
    margin: 30px 20%
}

.page-template-pagestemplate-full-width-landing-php p.quote-transparent {
    font-size: 36px !important;
    line-height: 38px
}

.page-template-pagestemplate-full-width-landing-php #content {
    font-size: 16px
}

.col-80 {
    width: 80%;
    margin: 30px 10%
}

.btn-emergency {
    color: #fff;
    background: #e5142f
}

.btn-outline {
    border: 2px solid #fff
}

.btn-outline {
    border: 2px solid #fff
}

.btn-emergency:hover {
    color: #fff;
    background: #bb162b
}

hr {
    border: 0;
    height: 1px;
    width: 20%;
    position: relative;
    margin: 30px auto;
    background-color: #7f7f7f
}

.hero-panel {
    padding: 2%
}

.page-template-pagestemplate-full-width-landing-php #content p {
    font-size: 16px
}

.page-template-pagestemplate-full-width-landing-php .hero-panel p,
.page-template-pagestemplate-full-width-landing-php .hero-panel strong {
    font-size: 16px
}

.page-template-pagestemplate-full-width-landing-php #content {
    padding: 2%
}

.page-template-pagestemplate-full-width-landing-php .landing-caption p {
    font-size: 16px
}

.page-template-pagestemplate-full-width-landing-php .btn {
    padding: 15px 35px
}

.page-template-pagestemplate-full-width-landing-php ul.share-this {
    padding: 20px !important
}

hr.white {
    background-color: #fff
}

#content .white-text p {
    color: #fff !important
}

.page-template-pagestemplate-full-width-landing-php .landing-top-caption h1 {
    font-size: 62px !important;
    line-height: 1em !important
}

@media (max-width:767px) {
    .overlay {
        width: 80% !important;
        font-size: 26px !important;
        padding-top: 120px !important
    }

    #midyear {
        margin-top: 0 !important
    }

    .cb-slideshow {
        min-height: 50vh !important
    }

    .col-60 {
        width: 80%;
        margin: 10%
    }

    .col-80,
    .page-template-pagestemplate-full-width-landing-php .intro .landing-top-caption {
        width: 80% !important;
        margin: 15px auto
    }

    .page-template-pagestemplate-full-width-landing-php .btn {
        display: inherit;
        width: 80%;
        margin: 10%
    }

    .page-template-pagestemplate-full-width-landing-php .intro .jumbotron p {
        font-size: 16px;
        line-height: 20px
    }

    .page-template-pagestemplate-full-width-landing-php .landing-caption {
        padding: 8% 15%
    }

    .page-template-pagestemplate-full-width-landing-php .landing-caption p,
    li,
    strong {
        font-size: 16px;
        line-height: 20px
    }

    .page-template-pagestemplate-full-width-landing-php .container {
        padding: 0
    }

    .page-template-pagestemplate-full-width-landing-php .landing-top-caption h1 {
        font-size: 30px !important;
        line-height: 1em !important;
        padding-bottom: 12px;
        margin: auto 0
    }

    .page-template-pagestemplate-full-width-landing-php .intro .landing-top-caption {
        width: 100%
    }

    .thumbnail h3 {
        font-size: 16px !important;
        line-height: 18px
    }

    .intro .jumbotron h1 {
        font-size: 24px;
        line-height: 28px
    }

    .intro .jumbotron p {
        font-size: 14px;
        line-height: 18px
    }

    .donation-form .jcf-select {
        height: 34px
    }

    .donation-form .jcf-select .jcf-select-text {
        font-size: 16px;
        line-height: 26px
    }

    .donation-form .title {
        font-size: 20px
    }

    .stories .thumbnail .caption h2 {
        font-size: 14px;
        line-height: 16px
    }

    .stories .thumbnail.big .caption h2 {
        font-size: 18px;
        line-height: 20px
    }

    .mobile-carousel .slide h2 {
        font-size: 18px
    }

    #footer .footer-nav {
        font-size: 12px
    }

    p {
        font-size: 14px
    }

    p.quote-transparent {
        color: #0c884a !important;
        text-align: center;
        text-shadow: none;
        line-height: 28px !important
    }

    h1 {
        font-size: 28px;
        line-height: 32px
    }

    #content li {
        font-size: 14px;
        line-height: 18px
    }
}

#ledger {
    box-shadow: 0 -5px 58px -5px rgba(0, 0, 0, .39);
    font-size: 110%
}

#text-ledger {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    color: #222;
    font-family: arial;
    font-weight: 400;
    padding: 0;
    margin: 0;
    background: url(https://www.oxfam.org.au/wp-content/uploads/2016/02/soft_wallpaper.png)
}

#hidden-costs {
    border-left: 2px solid #59a7cb
}

@media (max-width:767px) {
    #hidden-costs {
        border-left: none
    }
}

#hidden-costs li {
    border-bottom: 2px solid red;
    background: #e8b6bc;
    padding: 20px
}

.ledger-top {
    background: url(https://www.oxfam.org.au/wp-content/uploads/2016/02/ledger-top-1.gif);
    text-align: center;
    padding: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 700
}

.ledger-top h2 {
    color: #000
}

#unreal-profits li {
    border-bottom: 1px solid #ababab;
    padding-bottom: 20px
}

#text-ledger li {
    margin-bottom: 30px;
    list-style: none
}

#text-ledger ul {
    padding: 0 20px
}

#hidden-costs,
#unreal-profits {
    padding: 0
}

.cta {
    background: #e7e7e7;
    padding: 20px;
    overflow: hidden
}

.cta a {
    text-transform: uppercase;
    padding: 15px 20px;
    background: #e70052;
    color: #fff !important;
    font-weight: 700;
    font-size: 18px
}

.cta a:hover {
    color: #fff !important;
    opacity: .9
}

.cta-img {
    width: 35%;
    float: left;
    margin-right: 20px
}

.cta-img img {
    -o-object-fit: fill;
    object-fit: fill;
    height: 100%;
    width: 100%
}

.cta-copy {
    width: 60%;
    display: inline-block;
    float: left
}

h2 {
    padding-bottom: 10px;
    margin: 0
}

@media (max-width:600px) {

    .cta-copy,
    .cta-img {
        width: 100%;
        padding-bottom: 20px
    }

    .cta-img img {
        -o-object-fit: fill;
        object-fit: fill;
        width: 100%
    }

    .cta a {
        width: 100%
    }
}

#midyear {
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 40px;
    margin-top: 40px
}

#midyear .mid-hero {
    min-height: 500px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: block
}

#midyear .mid-hero:before {
    z-index: 0;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42MiIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0, rgba(0, 0, 0, .65)), color-stop(3%, rgba(0, 0, 0, .62)), color-stop(71%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, .62) 3%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(45deg, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, .62) 3%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 100%)
}

#midyear .mid-hero h1 {
    color: #fff;
    text-transform: uppercase;
    width: 60%;
    padding: 0 30px;
    position: relative;
    font-size: 3.6em;
    line-height: 1em
}

#midyear .quote {
    font-style: italic;
    color: #fff
}

#midyear .mid-title {
    padding-top: 200px;
    padding-bottom: 20px
}

#midyear .box-content p {
    font-size: 1.2em
}

#midyear .btn {
    background: #e70052;
    text-transform: uppercase;
    font-weight: 700;
    padding: 1em 2em;
    display: inline-block
}

#midyear .is-half {
    width: 50%;
    float: left;
    padding: 40px;
    min-height: 340px
}

#midyear .is-half a {
    margin-right: 20px;
    display: inline-block;
    color: #fff
}

#midyear .mid-container {
    background: #ee6e3d;
    overflow: hidden;
    color: #fff
}

#midyear .info-mid {
    background: #f15c23
}

#midyear .mid-hero {
    min-height: 500px;
    background: url(https://www.oxfam.org.au/wp-content/uploads/2016/04/mid-year-appeal-header-01.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: block
}

@media (max-width:761px) {
    #midyear .mid-hero h1 {
        font-size: 40px;
        width: 80%
    }

    #midyear .is-half a {
        margin-bottom: 20px;
        color: #fff
    }

    #midyear .is-half {
        width: 100%;
        padding-bottom: 20px;
        min-height: 100px
    }

    #midyear .mid-hero {
        min-height: 300px;
        background: url(https://www.oxfam.org.au/wp-content/uploads/2016/04/mid-year-appeal-header-01.jpg) no-repeat;
        background-size: cover;
        background-position: 80%;
        display: block
    }
}

#appeal-page .box-content p.btn-group-no-padding {
    margin-bottom: 0;
    padding-bottom: 0
}

#labour-rights {
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 40px;
    margin-top: 40px
}

#labour-rights .mid-hero {
    min-height: 500px;
    background: url(https://www.oxfam.org.au/wp-content/uploads/2016/04/labour-still-in-the-dark-header.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: block
}

#labour-rights .mid-hero span {
    font-weight: 700
}

#labour-rights .mid-hero h1 {
    color: #fff;
    width: 50%;
    position: relative;
    font-size: 2.5em;
    line-height: 1.2em;
    text-align: center;
    margin: 0 auto 20px !important;
    font-weight: 400;
    padding-top: 40px
}

#labour-rights .mid-hero h1 span {
    font-weight: strong
}

#labour-rights .mid-hero p {
    width: 50%;
    margin: auto;
    padding-bottom: 20px;
    color: #fff;
    font-size: 2em;
    line-height: 1.2em
}

#labour-rights .mid-hero p.hashtag {
    font-weight: 700;
    padding: 20px;
    border: 2px dotted #fff;
    width: auto;
    display: inline-block;
    text-align: center
}

#labour-rights .mid-title {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    text-align: center
}

#appeal-page .box-content .btn {
    margin-top: 20px
}

#appeal-page .box-content p.hashtag {
    font-weight: 700
}

#labour-rights .btn {
    background: #50af47;
    text-transform: uppercase;
    font-weight: 700;
    padding: 1em;
    display: inline-block
}

#labour-rights .btn i {
    font-size: 140%;
    padding-right: 10px
}

#labour-rights .is-two-thirds {
    width: 62%;
    float: left;
    padding: 40px
}

#labour-rights .is-one-third {
    width: 38%;
    float: left;
    padding: 40px
}

#labour-rights .box-content a {
    display: inline-block;
    color: #fff
}

#labour-rights p.small {
    font-size: 11px;
    line-height: 1.1em
}

#labour-rights .mid-container {
    background: #ebebeb;
    display: block;
    float: left;
    color: #fff
}

#labour-rights .info-mid p {
    font-size: 1.2em;
    color: #474747
}

#labour-rights .info-mid p.intro-text {
    font-size: 1.6em;
    font-weight: 700
}

#labour-rights .action-box {
    background: #fff;
    padding: 30px;
    position: relative;
    color: #474747
}

#labour-rights .mid-container-sub {
    float: left;
    display: block;
    padding: 40px 40px 0;
    background: #f5f5f5
}

#labour-rights .brand-intro {
    padding-bottom: 1em;
    font-size: 18px;
    line-height: 1em;
    min-height: 90px;
    font-size: 1.2em
}

#labour-rights .group-1 .brand-intro {
    background: #fed9bc
}

#labour-rights .group-2 .brand-intro {
    background: #ffefc6
}

#labour-rights .group-3 .brand-intro {
    background: #daeccb
}

#labour-rights .score-col h3 {
    color: #000;
    margin: 0
}

#labour-rights .score-col {
    margin-bottom: 20px
}

#labour-rights .group-1 h3 {
    background: #f79247
}

#labour-rights .group-1 {
    background: #fef0e1
}

#labour-rights .group-2 {
    background: #fff8e6
}

#labour-rights .group-3 {
    background: #eff7e8
}

#labour-rights .group-2 h3 {
    background: #ffdb7d
}

#labour-rights h2 {
    color: #2e2e2e;
    text-transform: uppercase
}

#labour-rights h3 {
    text-transform: uppercase;
    font-size: 1.2em !important;
    font-weight: 700
}

#labour-rights .group-3 h3 {
    background: #c6e1ae
}

#labour-rights .score-col .brand-intro,
#labour-rights .score-col h3 {
    padding: 20px
}

#labour-rights .brand {
    border-bottom: 1px dotted gray;
    margin: 10px 20px
}

#labour-rights .brand h4 {
    margin-bottom: .5em
}

#labour-rights .brand p {
    font-size: 1em;
    line-height: 1.2em;
    color: gray
}

#labour-rights .score-col {
    width: 33.33%;
    float: left;
    overflow: hidden;
    min-height: 600px
}

#labour-rights .bottom-panel {
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px;
    background: #f5f5f5
}

#labour-rights .bottom-panel .btn {
    background: #50af47;
    color: #fff
}

#labour-rights a.btn.spread {
    background: #3da0d3 !important
}

@media (max-width:900px) {
    #labour-rights .mid-hero:before {
        z-index: 0;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42MiIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0, rgba(0, 0, 0, .65)), color-stop(3%, rgba(0, 0, 0, .62)), color-stop(71%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
        background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, .62) 3%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(45deg, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, .62) 3%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 100%)
    }

    #labour-rights {
        font-size: 1.2em !important
    }

    #labour-rights .mid-hero h1 {
        font-size: 32px;
        width: 80%
    }

    #labour-rights .mid-hero {
        min-height: 300px
    }

    #labour-rights .is-half a {
        margin-bottom: 20px;
        color: #fff
    }

    #labour-rights .is-one-third,
    #labour-rights .is-two-thirds {
        width: 100%;
        padding: 20px;
        min-height: 100px
    }

    #labour-rights .score-col {
        min-height: 100px
    }

    #labour-rights .mid-hero {
        min-height: 300px
    }

    #labour-rights .mid-hero p {
        width: 90%
    }

    #labour-rights .score-col {
        width: 100%;
        float: left;
        overflow: hidden
    }

    #labour-rights .box-content a {
        display: inline-block;
        color: #fff;
        font-size: 70%
    }
}

#appeal-page .box-content p.btn-group-no-padding {
    margin-bottom: 0;
    padding-bottom: 0
}

.home #promo_popup .modal-footer {
    display: none
}

.home #promo_popup button.close {
    background: #fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: block;
    margin: 10px;
    position: absolute;
    z-index: 300;
    right: -20px;
    top: -30px;
    color: gray;
    opacity: 1
}

.home #promo_popup .modal-header {
    border-bottom: none !important;
    height: 0 !important;
    margin-bottom: 0;
    padding: 0;
    min-height: 0
}

.home #promo_popup .modal-body {
    padding: 0
}

.home .modal-body .counter-holder {
    max-width: 400px;
    margin: 0 auto;
    padding-top: 10px
}

.home .modal-body .counter-holder img {
    height: auto;
    width: 100%
}

.home .modal-body p:first-child {
    display: none
}

.home .modal-body .modal-top img {
    height: auto;
    width: 100%
}

.home .modal-body .modal-bottom {
    text-align: center;
    padding-bottom: 10px
}

.home .modal-body .modal-bottom p {
    color: #0c884a;
    margin-bottom: 0;
    font-size: 18px
}

.home .modal-dialog {
    max-width: 560px;
    margin-top: 15vh
}

.cb-slideshow:after {
    z-index: 0;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42MiIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0, rgba(0, 0, 0, .65)), color-stop(3%, rgba(0, 0, 0, .62)), color-stop(71%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, .62) 3%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(45deg, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, .62) 3%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 100%)
}

.cb-slideshow {
    min-height: 560px;
    max-width: 1170px;
    margin: 0 auto;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    position: relative
}

.cb-slideshow li {
    list-style: none
}

.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-animation: imageAnimation 12s linear infinite;
    animation: imageAnimation 12s linear infinite
}

.cb-slideshow li div h3 {
    font-family: BebasNeueRegular, 'Arial Narrow', Arial, sans-serif;
    font-size: 160px;
    padding: 0 30px;
    line-height: 120px;
    color: rgba(255, 255, 255, .8);
    text-transform: uppercase
}

.hero-container {
    position: relative
}

.overlay {
    position: absolute;
    bottom: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    text-align: left;
    color: #fff;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 46px;
    width: 50%;
    line-height: 1.2em;
    z-index: 2000
}

.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: titleAnimation 54s linear infinite;
    animation: titleAnimation 54s linear infinite
}

.cb-slideshow li div h3 {
    font-family: arial;
    font-weight: 700;
    font-size: 60px;
    padding: 0;
    line-height: 200px;
    color: #fff
}

.cb-slideshow li:nth-child(1) span {
    background-image: url(https://www.oxfam.org.au/wp-content/uploads/2016/06/mid-year-90267-01.jpg)
}

.cb-slideshow li:nth-child(2) span {
    background-image: url(https://www.oxfam.org.au/wp-content/uploads/2016/06/mid-year-90240-02.jpg);
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

.cb-slideshow li:nth-child(3) span {
    background-image: url(https://www.oxfam.org.au/wp-content/uploads/2016/06/mid-year-90165-03.jpg);
    -webkit-animation-delay: 12s;
    animation-delay: 12s
}

.cb-slideshow li:nth-child(4) span {
    background-image: url(https://www.oxfam.org.au/wp-content/uploads/2016/06/mid-year-90267-01.jpg);
    -webkit-animation-delay: 18s;
    animation-delay: 18s
}

.cb-slideshow li:nth-child(5) span {
    background-image: url(https://www.oxfam.org.au/wp-content/uploads/2016/06/mid-year-90240-02.jpg);
    -webkit-animation-delay: 24s;
    animation-delay: 24s
}

.cb-slideshow li:nth-child(6) span {
    background-image: url(https://www.oxfam.org.au/wp-content/uploads/2016/06/mid-year-90165-03.jpg);
    -webkit-animation-delay: 30s;
    animation-delay: 30s
}

.cb-slideshow li:nth-child(7) span {
    background-image: url(https://www.oxfam.org.au/wp-content/uploads/2016/06/mid-year-90267-01.jpg);
    -webkit-animation-delay: 36s;
    animation-delay: 36s
}

.cb-slideshow li:nth-child(8) span {
    background-image: url(https://www.oxfam.org.au/wp-content/uploads/2016/06/mid-year-90240-02.jpg);
    -webkit-animation-delay: 42s;
    animation-delay: 42s
}

.cb-slideshow li:nth-child(9) span {
    background-image: url(https://www.oxfam.org.au/wp-content/uploads/2016/06/mid-year-90165-03.jpg);
    -webkit-animation-delay: 48s;
    animation-delay: 48s
}

.cb-slideshow li:nth-child(10) span {
    background-image: url(https://www.oxfam.org.au/wp-content/uploads/2016/06/mid-year-90267-01.jpg);
    -webkit-animation-delay: 54s;
    animation-delay: 54s
}

@-webkit-keyframes imageAnimation {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    8% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    12% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        opacity: 0
    }
}

@keyframes imageAnimation {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    8% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    12% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes titleAnimation {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    8% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    12% {
        opacity: 1
    }

    30% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        opacity: 0
    }
}

@keyframes titleAnimation {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    8% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    12% {
        opacity: 1
    }

    30% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        opacity: 0
    }
}

#header .logo IMG {
    max-width: 100%;
    height: auto
}

.btn.outline {
    border: 3px solid #fff;
    color: #fff
}

blockquote {
    margin: 30px !important;
    padding: 30px 40px;
    font-size: 20px;
    background: #f5f5f5
}

blockquote p {
    font-size: 16px;
    line-height: 1.428571429;
    color: #3c3c3c;
    font-weight: 400
}

blockquote:before {
    color: #ccc;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em;
    content: '“'
}

.ethical-christmas {
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 40px;
    margin-top: 40px
}

.ethical-christmas h1 {
    text-align: center;
    font-size: 40px;
    line-height: 1em
}

.ethical-intro p {
    font-size: 18px !important
}

.ethical-intro {
    max-width: 760px;
    margin: auto;
    text-align: center;
    padding: 0 15px
}

.ethical-grid {
    max-width: 800px;
    margin: auto;
    overflow: hidden
}

.ethical-christmas .is-half {
    width: 50%;
    float: left;
    text-align: center;
    padding: 20px
}

.ethical-tile img {
    width: 100%;
    height: auto;
    border: 15px solid #fff;
    -webkit-transition: all 1s;
    transition: all 1s
}

.ethical-tile img:hover {
    border: 15px solid #62a544;
    -webkit-transition: all 1s;
    transition: all 1s
}

@media (max-width:767px) {
    .ethical-christmas .is-half {
        width: 100%;
        float: left;
        text-align: center
    }

    .ethical-christmas h1 {
        font-size: 30px
    }
}

#non {
    margin: 0 auto;
    max-width: 1170px;
    margin-top: 25px
}

#non .mid-container {
    background: #50af47;
    color: #fff;
    padding: 50px;
    overflow: hidden
}

#non .mid-container p.intro-text {
    font-size: 1.4em;
    font-weight: 700
}

#non .mid-container p {
    font-size: 1.2em
}

#non .is-two-thirds {
    float: left;
    width: 70%;
    padding-right: 60px
}

#non .action-box {
    background: #fff;
    float: left;
    width: 30%;
    padding: 20px;
    color: #474747
}

#non .action-box a {
    background: #3b5998;
    color: #fff
}

#non .mid-container-sub {
    background: #f5f5f5;
    padding-top: 25px;
    margin: 0;
    overflow: hidden
}

.non-sub {
    max-width: 830px;
    margin: 0 auto;
    padding: 0 30px
}

.non-sub h4 {
    font-size: 1.4em;
    color: #292929
}

.non-sub h4.naughty::after {
    content: url(https://www.oxfam.org.au/wp-content/uploads/2016/11/sad-face.png)
}

.non-sub p {
    font-size: 1em !important;
    line-height: 1.6em !important
}

#non img {
    width: 100%;
    height: auto
}

#non .fine-print {
    max-width: 830px;
    margin: 0 auto;
    padding: 0 30px;
    font-size: 12px
}

#non p.small {
    font-size: 14px;
    line-height: 1.2em
}

#non .bottom-panel {
    background: #50af47;
    padding: 30px
}

.non-list {
    margin: 0 auto;
    max-width: 930px
}

.non-ctg {
    max-width: 450px;
    margin: 0 auto;
    padding: 30px;
    background: #fff;
    text-align: center
}

a.non-btn {
    background: #3b5998;
    color: #fff;
    display: block;
    padding: 14px 20px;
    border-radius: 8px;
    text-transform: uppercase;
    text-decoration: none
}

a.non-btn:hover {
    background: #2b4b8f !important
}

.non-ctg h3 {
    color: #555
}

@media (max-width:800px) {

    #non .action-box,
    #non .is-two-thirds {
        width: 100%
    }

    #non .mid-container {
        background: #50af47;
        color: #fff;
        padding: 20px;
        overflow: hidden;
        font-size: 1.2em
    }

    #non p.small {
        font-size: 1em;
        line-height: 1.2em
    }

    #non .is-two-thirds {
        padding-right: 0
    }
}

.wide-container {
    max-width: 1170px;
    margin: 0 auto
}

.wide-container .sub {
    padding-top: 30px;
    text-align: center
}

.carousel-control {
    display: none
}

.field_sublabel_below,
.gform_description {
    color: #000
}

.gform_wrapper input.button {
    display: inline-block;
    background: #0c884a;
    text-transform: uppercase;
    border: none;
    font-weight: 700;
    padding: 10px 25px;
    border-radius: 6px
}

.sup {
    max-width: 1170px;
    margin: 0 auto;
    background: #f1f1f1
}

.hero-feature {
    min-height: 500px;
    background: red;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2 !important;
    position: relative;
    color: #fff
}

.hero-feature h2 {
    color: #fff;
    font-size: 48px;
    line-height: 1.2em
}

.teacher-page {
    background: #f5f5f5 url(https://www.oxfam.org.au/wp-content/uploads/2017/01/teachers-page-hero.jpg) no-repeat center
}

.students-page {
    background: #f5f5f5 url(https://www.oxfam.org.au/wp-content/uploads/2017/01/students-page-hero.jpg) no-repeat center
}

.whats-it-all-about-page {
    background: #f5f5f5 url(https://www.oxfam.org.au/wp-content/uploads/2017/01/whats-it-all-about-hero.jpg) no-repeat center
}

.overlay-text {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    padding: 0 25px 60px;
    align-self: flex-end
}

.content-inner {
    background: #fff;
    padding: 14px;
    margin: 0 30px;
    z-index: 200 !important;
    box-shadow: 0 3px 68px 0 rgba(0, 0, 0, .13);
    overflow: hidden
}

.content-inner.sp {
    padding: 40px 90px
}

.inner-col img {
    width: auto;
    padding-bottom: 20px
}

.inner-col {
    float: left;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px
}

.inner-col p.desc {
    font-size: 16px !important;
    line-height: 1.2em;
    min-height: 110px
}

.inner-col a.btn {
    background: green;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px
}

.is-third {
    width: 33.33%;
    float: left
}

.is-quarter {
    width: 25%;
    float: left
}

/* .content-area {
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding-bottom: 30px
} */

@media only screen and (max-width:880px) {
    .is-quarter {
        width: 50%
    }

    .is-third {
        width: 100%
    }

    .hero-feature h2 {
        font-size: 30px
    }

    .overlay-text p {
        font-size: 14px
    }
}

sp.p {
    font-size: 16px !important
}

p.note {
    font-size: 16px !important;
    width: 100% !important
}

.three-things li,
.three-things p {
    font-size: 16px !important
}

.three-things {
    background: #f3f3f3;
    padding: 30px;
    overflow: hidden;
    width: 100%;
    padding-bottom: 35px
}

.three-things ul {
    padding-top: 20px
}

.three-things div {
    width: 50%;
    float: left
}

@media only screen and (max-width:580px) {
    .is-quarter {
        width: 100%
    }

    .is-third {
        width: 100%
    }

    .content-inner.sp {
        padding: 20px
    }
}

.ending {
    text-align: center;
    margin-top: 30px
}

.feb-body {
    background: #f0f0f0
}

#feb-container {
    max-width: 1170px;
    margin: 0 auto;
    background: #fff
}

#feb-container a.appeal-btn {
    padding: 12px 30px;
    font-size: 18px;
    border-radius: 10px;
    font-weight: 700
}

#feb-container a.appeal-btn.btn-white {
    background: #fff;
    color: #5d0039
}

#feb-container .top-hero {
    background: url(https://www.oxfam.org.au/wp-content/uploads/2017/02/feb-appeal-hero-97602.jpg) no-repeat;
    background-size: cover;
    height: 550px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: left;
    justify-content: left;
    background-position: center top
}

#feb-container .feature-panel-2 {
    background: url(https://www.oxfam.org.au/wp-content/uploads/2017/01/feb-appeal-quote-panel-97729.jpg);
    background-size: cover;
    height: 550px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: left;
    justify-content: left;
    background-position: center top
}

#feb-container .feature-panel-2 .quote-container {
    max-width: 500px;
    padding: 40px
}

#feb-container .feature-panel-2 .quote-container p {
    color: #fff;
    font-size: 24px !important;
    line-height: 1.2em
}

#feb-container span.quote-credit {
    font-size: 14px
}

#feb-container .top-hero .quote-container {
    max-width: 600px;
    padding: 40px
}

#feb-container .top-hero .quote-container h3 {
    color: #fff;
    font-size: 34px;
    line-height: 1.2em
}

#feb-container .action-area {
    margin-top: 40px;
    display: block;
    height: auto
}

#feb-container .intro-panel {
    background: #5e0037 url(https://www.oxfam.org.au/wp-content/uploads/2017/02/feb-appeal-pattern-bg.gif) no-repeat;
    background-size: cover;
    color: #fff;
    padding: 30px;
    text-align: center;
    position: relative
}

#feb-container .top-panel {
    padding: 30px;
    z-index: 400;
    position: relative
}

#feb-container .top-panel h1 {
    color: #5d0039
}

#feb-container .text-element {
    padding: 50px
}

#feb-container .text-element p {
    font-size: 18px !important
}

#feb-container .intro-panel-content {
    margin: 0 auto;
    max-width: 630px
}

#feb-container a:hover {
    text-decoration: none
}

#feb-container a.special-btn {
    padding: 12px 30px;
    font-size: 18px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 20px;
    position: relative;
    color: #5d0039;
    border: 3px solid #5d0039
}

#feb-container a.appeal-btn.btn-white {
    background: #fff;
    color: #5d0039
}

#feb-container .intro-panel p.intro-big {
    font-size: 22px !important;
    line-height: 1.2em
}

#feb-container .top-panel {
    text-align: center
}

#feb-container .top-panel p.sub-heading {
    max-width: 600px;
    margin: 0 auto;
    font-size: 18px !important
}

#feb-container .feb-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 0
}

#feb-container .pull-me-up {
    margin-top: -160px
}

#feb-container .pull-me-up-a-bit {
    margin-top: -70px
}

#feb-container .feb-panel img {
    height: auto;
    width: 100%
}

#feb-container .feb-panel .text-element {
    width: 55%
}

#feb-container .feb-panel .element-image {
    width: 45%
}

@media (max-width:600px) {
    #feb-container .feature-panel::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .65) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .65) 100%)
    }

    #feb-container .feature-panel-2,
    #feb-container .top-hero {
        height: 400px;
        position: relative
    }

    #feb-container .feature-panel-2 .quote-container,
    #feb-container .top-hero .quote-container {
        align-self: flex-end;
        z-index: 300
    }

    #feb-container .top-hero .quote-container h3 {
        font-size: 22px
    }

    #feb-container .feb-panel {
        -ms-flex-direction: column;
        flex-direction: column
    }

    #feb-container .feb-panel .text-element {
        width: 100% !important;
        float: left;
        display: block;
        padding: 20px
    }

    #feb-container .feb-panel .element-image {
        width: 100% !important;
        float: left;
        display: block
    }

    #feb-container .pull-me-up {
        margin-top: 0
    }

    #feb-container .pull-me-up-a-bit {
        margin-top: 0
    }

    .me-first {
        -ms-flex-order: 1;
        order: 1
    }

    .me-second {
        -ms-flex-order: 2;
        order: 2
    }
}

.an-hover:hover {
    z-index: 2;
    -webkit-transition: all .2s ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all .2s ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all .2s ease-in;
    -moz-transform: scale(1.1);
    transition: all .2s ease-in;
    transform: scale(1.1);
    cursor: pointer;
    background: 0 0
}

.an-hover {
    -webkit-transition: all .2s ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all .2s ease-in;
    -ms-transform: scale(1);
    -moz-transition: all .2s ease-in;
    -moz-transform: scale(1);
    transition: all .2s ease-in;
    transform: scale(1);
    display: inline-block
}

.page-id-50318 .landing-top-caption h1 {
    display: none
}

.page-id-50318 .landing-top-caption h1 {
    display: none
}

.circular-menu {
    padding: 20px
}

.circular-menu a {
    display: inline-block;
    padding: 4px;
    color: #6f6f6f
}

#jun2017 .donate-bar {
    width: 100%;
    background: #fff;
    z-index: 300;
    position: fixed;
    margin-bottom: 30px !important;
    padding: 10px;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translateY(-180px);
    transform: translateY(-180px);
    box-shadow: 5px 8.66px 24px 0 rgba(0, 0, 0, .4);
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out
}

#jun2017 .donate-bar a {
    float: right;
    padding: 8px 16px;
    border-radius: 118px;
    text-decoration: none;
    text-transform: uppercase;
    color: #e70052;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    border: 2px solid #e70052;
    -webkit-transition: background .3s ease-in;
    transition: background .3s ease-in
}

#jun2017 .donate-bar a:hover {
    background: #e70052;
    color: #fff;
    -webkit-transition: background .3s ease-in;
    transition: background .3s ease-in
}

#jun2017 .an-hover {
    -webkit-transition: all .2s ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all .2s ease-in;
    -ms-transform: scale(1);
    -moz-transition: all .2s ease-in;
    -moz-transform: scale(1);
    transition: all .2s ease-in;
    transform: scale(1);
    display: inline-block
}

#jun2017 .an-hover:hover {
    -webkit-transition: all .2s ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all .2s ease-in;
    -ms-transform: scale(1.2);
    -moz-transition: all .2s ease-in;
    -moz-transform: scale(1.2);
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    transform: scale(1.2);
    display: inline-block
}

#jun2017 .sticky {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    top: 0;
    opacity: 1;
    z-index: 300;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out
}

#jun2017 h2 {
    font-size: 34px;
    padding-bottom: 20px;
    line-height: 1.2em;
    color: #0c884a
}

#jun2017 p {
    line-height: 1.4em !important;
    font-size: 18px !important;
    color: #4b4b4b
}

#jun2017 .caption p {
    font-size: 18px !important;
    line-height: 1.4em;
    color: #fff
}

#jun2017 p.quote {
    font-size: 26px !important;
    padding: 20px;
    margin-bottom: 30px
}

#jun2017 .intro-zimbabwe {
    background: url(https://www.oxfam.org.au/wp-content/uploads/2017/04/june2017-map-bg.jpg) no-repeat top;
    background-size: cover;
    padding-bottom: 220px;
    padding-top: 50px
}

#jun2017 img {
    width: 100%;
    height: auto
}

#jun2017 .panel {
    max-width: 1140px;
    margin: 0 auto;
    padding: 30px 0;
    display: block;
    overflow: hidden;
    background: 0 0;
    border: none;
    box-shadow: none;
    min-height: auto
}

#jun2017 .is-third {
    width: 33.33%;
    float: left;
    padding: 20px
}

#jun2017 .is-half {
    width: 50%;
    float: left;
    padding: 20px;
    display: block;
    position: relative
}

#jun2017 .bgi {
    width: auto;
    background-position: center;
    background-size: cover;
    position: relative
}

#jun2017 .ida-panel {
    padding-bottom: 120px
}

#jun2017 .ida-bucket {
    width: 700px;
    float: left
}

#jun2017 .flex-me {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#jun2017 .mask {
    transition: -webkit-mask-size .3s
}

#jun2017 svg.mask {
    height: 0;
    width: 0
}

#mask {
    position: absolute
}

#jun2017 .caption-pos {
    position: relative
}

#jun2017 .caption-indent h2 {
    color: #fff
}

#jun2017 .caption-indent {
    background: #0c884a;
    display: block;
    color: #fff;
    width: 400px;
    margin-left: -200px;
    padding: 20px;
    z-index: 40;
    min-height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#jun2017 .caption-indent-small {
    background: #0c884a;
    width: 300px;
    padding: 20px;
    position: absolute;
    bottom: 15%;
    right: -20px;
    color: #fff
}

#jun2017 .cta-container {
    width: 100%;
    height: 100vh;
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-position: top center;
    background-size: cover
}

#jun2017 .cta {
    padding: 20px;
    max-width: 500px;
    background: 0 0
}

#jun2017 .cta p.call-to-action {
    color: #fff;
    font-size: 36px !important;
    margin-bottom: 20px
}

#jun2017 a.donate-button-white {
    background: #fff;
    padding: 16px 24px;
    border-radius: 18px;
    text-decoration: none;
    text-transform: uppercase;
    color: #e70052;
    font-weight: 700;
    font-size: 20px;
    display: inline-block
}

#jun2017 a.donate-button-white:hover {
    background: #e70052;
    color: #fff
}

#jun2017 .slider-container {
    background-position: top center;
    background-size: cover;
    height: 500px
}

#jun2017 .bcg {
    background-size: cover;
    position: absolute;
    width: 300px;
    height: 140%;
    top: 0;
    z-index: 10
}

#home-splash-video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#jun2017 .home-splash {
    position: relative;
    top: 0;
    background-size: auto 100%;
    background-attachment: scroll;
    overflow: hidden;
    height: 100vh
}

#jun2017 .video-overlay {
    width: 100%;
    background: #000;
    position: absolute;
    height: 100%;
    opacity: .4;
    z-index: 1
}

#jun2017 .slider-caption {
    width: 50%;
    padding: 20px;
    color: #fff
}

#jun2017 .slider-caption p {
    font-size: 26px !important;
    color: #fff
}

#jun2017 .hero-caption-container,
.slider-caption-container {
    height: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    position: relative;
    padding: 20px;
    z-index: 30
}

#jun2017 .hero-caption {
    width: 60%;
    padding: 20px;
    color: #fff
}

#jun2017 .hero-caption h3 {
    font-size: 44px;
    padding-bottom: 40px;
    line-height: 1.2em;
    color: #fff
}

#jun2017 .ida-start {
    margin-top: -180px
}

#jun2017 .ida-main {
    background: url(https://www.oxfam.org.au/wp-content/uploads/2017/04/june2017-ida-bg.jpg) no-repeat bottom;
    background-size: 100%
}

#slideshow {
    position: relative;
    max-width: 100%;
    height: 650px;
    padding: 10px
}

#jun2017 .padtop {
    padding-top: 80px
}

#jun2017 .padbottom {
    padding-bottom: 80px
}

#slideshow>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#jun2017 span.quote-credit {
    display: block;
    margin-top: 20px;
    opacity: .9;
    font-size: 14px !important
}

#jun2017 .overlay-credit {
    position: absolute;
    bottom: 15px;
    right: 12px;
    color: #fff;
    font-size: 11px;
    opacity: .7
}

#jun2017 .item {
    padding: 25px;
    width: 100%;
    display: block
}

.first,
.second,
.third {
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#jun2017 .center-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#scroll-mouse {
    background: url(https://www.oxfam.org.au/wp-content/uploads/2017/04/june2017-scroll-mouse.png) no-repeat center center;
    width: 30px;
    height: 56px;
    opacity: 1
}

#scroll-arrow {
    background: url(https://www.oxfam.org.au/wp-content/uploads/2017/04/june2017-scroll-arrow.png) no-repeat center 23px;
    width: 30px;
    height: 56px;
    position: absolute;
    top: 0;
    -webkit-animation: scroll-ani 3s linear infinite;
    -moz-animation: scroll-ani 3s linear infinite;
    -o-animation: scroll-ani 3s linear infinite
}

#scroll-down {
    width: 30px;
    height: 56px;
    margin: 0 auto;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -15px;
    display: inline-block;
    z-index: 100
}

@-webkit-keyframes scroll-ani {
    0% {
        opacity: 1;
        top: 0
    }

    15% {
        opacity: 1;
        top: 15%
    }

    50% {
        opacity: 0;
        top: 15%
    }

    100% {
        opacity: 0;
        top: 0
    }
}

@keyframes scroll-ani {
    0% {
        opacity: 1;
        top: 0
    }

    15% {
        opacity: 1;
        top: 15%
    }

    50% {
        opacity: 0;
        top: 15%
    }

    100% {
        opacity: 0;
        top: 0
    }
}

@media (max-width:768px) {
    #slideshow {
        height: 400px
    }

    #jun2017 .is-half {
        width: 100%;
        float: left
    }

    #jun2017 .is-third {
        width: 100%
    }

    #jun2017 .caption-indent,
    .caption-indent-small {
        width: 100%;
        margin-left: 0;
        float: left
    }

    #jun2017 .ida-start {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: -120px
    }

    #jun2017 .intro-zimbabwe {
        padding-bottom: 100px
    }

    #jun2017 .center-vertical {
        -ms-flex-direction: column;
        flex-direction: column
    }

    #jun2017 .caption-indent-small {
        background: #0c884a;
        width: 300px;
        padding: 20px;
        position: absolute;
        bottom: 15%;
        right: -20px;
        color: #fff
    }

    #jun2017 .slider-caption p {
        font-size: 1.2em !important
    }

    #jun2017 .slider-caption {
        width: 80%
    }

    #jun2017 .cta-container {
        max-height: 600px
    }

    #jun2017 .home-splash {
        height: 80vh
    }

    #jun2017 .hero-caption {
        width: 100%;
        padding: 20px;
        color: #fff
    }

    #jun2017 .hero-caption h3 {
        font-size: 28px;
        padding-bottom: 40px
    }

    #jun2017 .padtop {
        padding-top: 40px
    }

    #jun2017 .padbottom {
        padding-bottom: 40px
    }

    #jun2017 p.quote {
        font-size: 18px !important
    }
}

#jun2017 .offset {
    width: 80%;
    margin: 0 auto
}

@media only screen and (max-width:992px) {
    #jun2017 .panel {
        max-height: none
    }
}

.aug-body {
    background: #f0f0f0
}

#aug-container {
    font-family: arial
}

#aug-container {
    max-width: 1170px;
    margin: 0 auto;
    background: #fff
}

#aug-container a.appeal-btn {
    padding: 15px 30px;
    font-size: 18px;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none
}

#aug-container .btn-blue {
    background: #0b9cda;
    color: #fff
}

#aug-container .top-hero {
    background: url(https://www.oxfam.org.au/wp-content/uploads/2017/07/95547lpr-feature-image-one.jpg) no-repeat;
    background-size: cover;
    height: 650px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: left;
    justify-content: left;
    background-position: center top
}

#aug-container .photo-credit {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 12px;
    opacity: .5
}

#aug-container .feature-panel-2 {
    background: url(https://www.oxfam.org.au/wp-content/uploads/2017/07/95413lpr-feature-image-two.jpg);
    background-size: cover;
    height: 550px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    position: relative
}

#aug-container .feature-panel-2 .quote-container {
    max-width: 400px;
    padding: 40px
}

#aug-container .feature-panel-2 .quote-container span.quote-credit {
    color: #fff
}

#aug-container .feature-panel-2 .quote-container p {
    color: #fff;
    font-size: 24px !important;
    line-height: 1.2em
}

#aug-container span.quote-credit {
    font-size: 14px;
    opacity: .6;
    display: block
}

#aug-container p {
    font-size: 18px;
    line-height: 1.6em;
    color: #4a4a4a
}

#aug-container .top-hero .quote-container {
    max-width: 550px;
    padding: 70px
}

#aug-container .top-hero .quote-container h3 {
    color: #fff;
    font-size: 40px;
    line-height: 1.2em
}

#aug-container .top-hero .quote-container h4 {
    color: #fff;
    font-size: 26px;
    line-height: 1.2em;
    font-weight: 400;
    max-width: 80%
}

#aug-container .action-area {
    margin-top: 40px;
    display: block;
    height: auto
}

#aug-container .cta-panel-content {
    float: right !important;
    max-width: 450px
}

#aug-container .cta-panel-content h3 {
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    line-height: 1.2em
}

#aug-container .cta-panel-content p {
    color: #fff;
    padding-bottom: 20px
}

#aug-container .cta-panel {
    background: url(https://www.oxfam.org.au/wp-content/uploads/2017/07/95426lpr-donate.jpg) no-repeat;
    height: 500px;
    background-position: 10%;
    background-size: cover;
    color: #fff;
    padding: 70px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#aug-container .intro-panel {
    padding: 80px;
    overflow: hidden
}

#aug-container .top-panel {
    padding: 70px;
    z-index: 400;
    position: relative;
    text-align: center
}

#aug-container .top-panel h1 {
    color: #0b9cda !important;
    max-width: 500px;
    margin: 0 auto;
    padding-bottom: 30px
}

#aug-container .text-element {
    padding: 40px
}

#aug-container .text-element p {
    font-size: 20px !important;
    line-height: 1.3em;
    color: #3c3c3c
}

#aug-container .intro-panel-content {
    margin: 0 auto;
    text-align: left
}

#aug-container img.img-responsive {
    height: auto;
    width: 100%
}

#aug-container a:hover {
    text-decoration: none
}

#aug-container a.special-btn {
    font-size: 18px;
    border-radius: 10px;
    display: block;
    margin-top: 20px;
    position: relative;
    color: #5d0039;
    text-decoration: none
}

#aug-container a.appeal-btn.btn-white {
    background: #fff;
    color: #5d0039
}

#aug-container .intro-panel p.intro-big {
    font-size: 22px !important;
    line-height: 1.4em;
    max-width: 700px;
    color: #0b9cda;
    margin-top: 0;
    margin-bottom: 60px
}

#aug-container .cta {
    font-size: 22px !important;
    line-height: 1.4em;
    max-width: 700px;
    color: #0b9cda;
    margin-top: 0;
    margin-bottom: 60px
}

#aug-container .intro-split {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    margin: 0 auto
}

#aug-container .flex-img {
    background-size: cover;
    background-position: center;
    min-height: 300px;
    background-repeat: none
}

#aug-container .intro-half {
    flex: 1
}

#aug-container .intro-split .text-padding {
    padding: 30px 50px;
    background: #0b9cda
}

#aug-container .intro-split .text-padding p {
    color: #fff
}

#aug-container .top-panel p.sub-heading {
    max-width: 600px;
    margin: 0 auto;
    font-size: 18px !important
}

#aug-container .feb-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 0;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 80px
}

#aug-container .pull-me-up {
    margin-top: -160px
}

#aug-container .pull-me-up-a-bit {
    margin-top: -70px
}

#aug-container .feb-panel img {
    height: auto;
    width: 100%
}

#aug-container .feb-panel .text-element {
    width: 40%;
    background-color: #f9f9f9;
    margin-left: -40px
}

#aug-container .feb-panel .element-image {
    width: 60%
}

@media (max-width:700px) {
    #aug-container .feature-panel::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .65) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .65) 100%)
    }

    #aug-container .feature-panel-2,
    #aug-container .top-hero {
        height: 400px;
        position: relative
    }

    #aug-container .feature-panel-2 .quote-container,
    #aug-container .top-hero .quote-container {
        align-self: flex-end;
        z-index: 300
    }

    #aug-container .top-hero .quote-container h3 {
        font-size: 28px
    }

    #aug-container .cta-panel-content h3 {
        font-size: 30px
    }

    #aug-container .feb-panel,
    #aug-container .intro-split {
        -ms-flex-direction: column;
        flex-direction: column
    }

    #aug-container .feb-panel .text-element {
        width: 80%;
        float: left;
        display: block;
        padding: 20px;
        margin: -30px 0
    }

    #aug-container .feb-panel .element-image {
        width: 100% !important;
        float: left;
        display: block
    }

    #aug-container .intro-half {
        float: left;
        display: block
    }

    #aug-container .top-panel h1 {
        font-size: 22px
    }

    #aug-container .text-element p {
        font-size: 18px !important
    }

    #aug-container .intro-panel p.intro-big {
        font-size: 18px !important
    }

    #aug-container .cta-panel,
    #aug-container .intro-panel {
        padding: 40px 30px
    }

    #aug-container .top-panel {
        padding: 30px;
        margin-bottom: 40px
    }

    #aug-container .top-hero .quote-container {
        padding: 30px;
        max-width: 100%
    }

    #aug-container .top-hero .quote-container h4 {
        font-size: 22px
    }

    #aug-container .top-hero {
        min-height: 500px;
        background-position: center
    }

    #aug-container p {
        font-size: 18px !important;
        line-height: 1.6em
    }

    #aug-container .intro-split .text-padding {
        padding: 30px 20px
    }

    #aug-container .intro-split .text-padding p {
        font-size: 18px !important
    }

    #aug-container .feb-panel {
        margin-bottom: 40px
    }
}

.top-holder-text img {
    padding-bottom: 20px
}

.donate-page .top-holder-text p {
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 1.4em;
    color: #3c3c3c
}

.block-me {
    display: block
}

#aug-container a {
    color: #0b9cda
}

#aug-container .text-element a {
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 20px;
    border: 2px solid #0b9cda;
    display: inline-block;
    padding: 10px;
    border-radius: 10px
}

.vr-container {
    max-width: 1170px;
    margin: 0 auto;
    background: #2e2e2e;
    color: #fff;
    overflow: hidden
}

.vr-content {
    padding: 60px
}

.vr-intro {
    width: 100%;
    float: left;
    margin-bottom: 30px
}

.vr-samsung {
    border: 2px solid #fff;
    padding: 20px;
    border-radius: 20px;
    display: flex
}

.goggles {
    display: block;
    float: left;
    padding: 0 10px 10px 0
}

.res-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.res-video embed,
.res-video iframe,
.res-video object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vr-samsung img {
    display: block !important
}

.vr-content .vr-intro-col1,
.vr-content .vr-intro-col2 {
    width: 50%;
    float: left;
    padding: 0 30px 0 0
}

#appeal-page .vr-content .vr-intro-col1 p:first-child {
    font-size: 28px !important;
    line-height: 1.2em
}

.vr-box {
    float: left;
    background-color: #0c884a;
    display: flex;
    margin-bottom: 40px;
    min-height: 400px
}

.vr-copy {
    float: left;
    width: 50%;
    padding: 50px
}

.vr-copy p#sub {
    font-size: 30px !important;
    line-height: 1.2em
}

.vr-copy a {
    background: #fff;
    padding: 10px 30px;
    font-size: 24px;
    border-radius: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.vr-copy a:hover {
    text-decoration: none;
    background: #fff;
    color: #0c884a
}

.vr-image {
    background: url(https://www.oxfam.org.au/wp-content/uploads/2017/06/86604lpr-vr.jpg);
    background-repeat: none;
    background-position: center;
    background-size: cover;
    width: 50%;
    position: relative
}

.vr-credit {
    position: absolute;
    bottom: 10px;
    right: 10px
}

@media (max-width:900px) {
    .vr-content {
        padding: 25px
    }

    .vr-content .vr-intro-col1,
    .vr-content .vr-intro-col2,
    .vr-copy,
    .vr-image {
        width: 100%;
        padding: 0 0 10px
    }

    .vr-box {
        flex-direction: column
    }

    .vr-copy {
        padding: 30px
    }

    .vr-image {
        min-height: 400px
    }
}

.page-id-52258 .landing-top-caption {
    display: none
}

.page-id-54807 .landing-top-caption p {
    display: none
}

.donate-page .top-holder-text img {
    width: 100%;
    height: auto
}

.em-standard {
    align-items: flex-start
}

.em-featured {
    align-items: flex-start
}

@media (max-width:500px) {
    .em-featured {
        flex-direction: column
    }
}

#emergency-response {
    background: #ffd0d4;
    max-width: 720px;
    margin: 0 auto;
    padding: 25px 20px;
    display: flex;
    border-radius: 20px;
    margin-top: 40px;
    font-family: arial
}

#emergency-response h3 {
    color: #ff1d34;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 0;
    padding-right: 15px;
    font-size: 22px;
    font-weight: 700
}

#emergency-response p {
    font-size: 16px;
    margin-bottom: 0;
    color: #181818;
    line-height: 20px
}

#emergency-response p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0
}

#emergency-response .emergency_header {
    display: flex
}

@media (max-width:500px) {
    #emergency-response .emergency_header {
        text-align: center
    }
}

#emergency-response img {
    width: 100%;
    height: auto
}

#emergency-response .emgergency-image {
    width: 35%;
    margin-right: 20px
}

@media (max-width:500px) {
    #emergency-response .emgergency-image {
        width: 100%;
        margin-bottom: 20px
    }
}

#emergency-response .txt.full {
    width: 65%
}

@media (max-width:500px) {
    #emergency-response .txt.full {
        width: 100%
    }
}

#emergency-response .btn {
    text-transform: uppercase;
    text-decoration: none;
    padding: 12px 20px;
    border-radius: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 15px
}

#emergency-response .btn-donate {
    color: #fff;
    background: #ff1d34
}

#emergency-response .circle {
    margin-right: 25px
}

#emergency-response .circle .circle-wrapper {
    height: 18px;
    width: 18px;
    background: #ff1d34;
    border-radius: 50px;
    display: block
}

.pulsate-fwd {
    -webkit-animation: pulsate-fwd 1.5s ease-in-out infinite both;
    animation: pulsate-fwd 1.5s ease-in-out infinite both
}

@-webkit-keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
}

@keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 29, 52, .6)
    }

    50% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        -webkit-box-shadow: 0 0 0 10px rgba(255, 29, 52, 0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 29, 52, 0)
    }
}

.carousel-caption .btn-success {
    background: #e70052
}

@media (max-width:767px) {
    .intro .jumbotron h1 {
        color: #e70052;
        max-width: 100%
    }
}

#emrg-update {
    background: #fff
}

.emrg-hero {
    background-size: cover;
    background-position: center top;
    height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.emrg-hero:before {
    content: '';
    position: absolute;
    background: #000;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .2
}

.emrg-hero h1 {
    color: #fff;
    font-size: 50px;
    line-height: 1.2em
}

#emrg-update .emrg-hero__content span {
    color: #fff;
    font-size: 30px;
    padding-bottom: 20px;
    display: block
}

.emrg-hero a {
    background: #ce0e2d;
    color: #fff !important;
    padding: 20px 40px;
    border-radius: 5px;
    font-size: 20px;
    text-transform: uppercase;
    font-family: Oxfam TSTAR PRO !important;
}

#emrg-update .emrg-hero a:hover {
    text-decoration: none
}

.emrg-hero h1 {
    color: #fff;
    font-size: 50px;
    line-height: 1.2em
}

.emrg-hero__content {
    text-align: center;
    max-width: 500px
}

.emrg-content {
    max-width: 900px;
    margin: 0 auto;
    margin-top: -50px;
    padding: 50px;
    position: relative;
    z-index: 10;
    background: #f6f6f6;
    box-shadow: 0 2px 10px 0 rgba(172, 172, 172, .5);
    border-radius: 10px;
    font-weight: normal;
}

.emrg-content img {
    width: 100%;
    height: auto
}

#emrg-update .emrg-content h2 {
    color: #222;
    margin-bottom: 20px
}

.emrg-update {
    background: #fff;
    padding: 40px;
    margin-bottom: 50px;
    border-bottom: 2px solid #ce0e2d
}

.emrg-update h2 {
    color: #222;
    font-weight: 400;
    margin-bottom: 20px
}

.emrg-update .emrg-date {
    color: #ce0e2d;
    font-weight: 700;
    border-bottom: 2px solid #ce0e2d;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 18px
}

@media (max-width:680px) {
    .emrg-update {
        padding: 15px
    }

    .emrg-content {
        padding: 15px
    }
}

@media (max-width:536px) {
    .emrg-hero h1 {
        font-size: 30px
    }

    #emrg-update .emrg-hero__content span {
        font-size: 24px
    }
}

.emrg-update iframe {
    width: 100%
}

.emrg-update .wp-caption {
    border: none
}

.emrg-update .wp-caption-text em {
    font-size: 14px !important
}

.emrg-update .wp-caption-text {
    margin: 0
}

.countries th strong {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 17px
}

@media(max-width:600px) {
    .countries th strong {
        font-size: 15px
    }
}

#thankyou-page {
    max-width: 1100px;
    margin: 0 auto;
    font-family: arial;
    margin-top: 20px;
    background: #f8f8f8
}

#thankyou-page .thankyou-banner {
    background-image: url(https://www.oxfam.org.au/wp-content/uploads/2018/11/thank-you-104056.jpg);
    background-position: center bottom;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 30px;
    margin-bottom: 80px;
    min-height: 500px
}

#thankyou-page .thankyou-banner .thankyou_container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    align-items: flex-end
}

@media (max-width:900px) {
    #thankyou-page .thankyou-banner .thankyou_container {
        flex-direction: column;
        align-items: center;
        margin-top: 100px
    }
}

@media (max-width:900px) {
    #thankyou-page .thankyou-banner {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 70px
    }
}

#thankyou-page .thankyou-banner .thankyou_heading {
    z-index: 300;
    align-self: flex-end
}

#thankyou-page .thankyou-banner .thankyou_heading h1 {
    font-size: 72px;
    padding-bottom: 20px;
    font-weight: 400;
    color: #fff
}

@media (max-width:600px) {
    #thankyou-page .thankyou-banner .thankyou_heading h1 {
        font-size: 50px
    }
}

@media (max-width:900px) {
    #thankyou-page .thankyou-banner .thankyou_heading {
        align-self: center;
        padding-top: 100px
    }
}

#thankyou-page .thankyou-banner .thankyou_message {
    max-width: 400px;
    background: #fff;
    margin-bottom: -90px;
    padding: 100px;
    z-index: 300;
    padding: 30px;
    height: 100%;
    border-radius: 20px;
    box-shadow: 0 5px 11px 0 rgba(166, 166, 166, .5)
}

@media (max-width:900px) {
    #thankyou-page .thankyou-banner .thankyou_message {
        max-width: 100%
    }
}

#thankyou-page .thankyou-banner .thankyou_message p {
    font-size: 20px;
    line-height: 1.4em;
    padding-bottom: 20px
}

@media (max-width:500px) {
    #thankyou-page .thankyou-banner .thankyou_message p {
        font-size: 16px
    }
}

#thankyou-page .thankyou-banner .thankyou_message p.thankyou_start {
    margin-bottom: 10px;
    color: #0c884a;
    font-weight: 700
}

#thankyou-page .thankyou-banner .thankyou_share {
    display: flex;
    align-items: center
}

#thankyou-page .thankyou-banner .thankyou_share h4 {
    margin-right: 10px;
    color: #0c884a;
    font-family: arial;
    font-size: 22px;
    font-weight: 700
}

#thankyou-page .thankyou-banner .thankyou_share ul {
    display: flex
}

#thankyou-page .thankyou-banner .thankyou_share ul li {
    max-width: 70px;
    padding: 10px;
    list-style: none
}

#thankyou-page .thankyou-banner .thankyou_share ul li img {
    width: 100%;
    height: auto
}

#thankyou-page .thankyou-banner:after {
    position: absolute;
    content: "";
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background: linear-gradient(to bottom, transparent 0, #000 100%);
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    opacity: .2
}

@media (max-width:900px) {
    #thankyou-page .thankyou-banner:after {
        top: 10%;
        opacity: .7
    }
}

#thankyou-page .thankyou-content {
    display: flex;
    padding: 30px
}

@media (max-width:600px) {
    #thankyou-page .thankyou-content {
        flex-direction: column
    }
}

#thankyou-page .thankyou-content .thankyou-box {
    box-shadow: 0 5px 11px 0 rgba(166, 166, 166, .5);
    border-radius: 20px;
    display: flex;
    align-items: center;
    width: 50%;
    background-color: #fff;
    margin: 10px
}

#thankyou-page .thankyou-content .thankyou-box h3 {
    color: #0c884a;
    font-size: 24px;
    padding-bottom: 20px
}

#thankyou-page .thankyou-content .thankyou-box a.daisy-share {
    color: #0c884a;
    border: 2px solid #0c884a;
    text-decoration: none;
    border-radius: 40px;
    padding: 10px;
    display: inline-block;
    font-weight: 700
}

#thankyou-page .thankyou-content .thankyou-box .thankyou-box_image {
    width: 30%;
    margin-right: 30px
}

#thankyou-page .thankyou-content .thankyou-box .thankyou-box_image img {
    width: 100%;
    height: auto
}

#thankyou-page .thankyou-content .thankyou-box .thankyou-box_text {
    flex: 1;
    padding: 20px
}

@media (max-width:600px) {
    #thankyou-page .thankyou-content .thankyou-box {
        width: 100%;
        margin: 0 0 20px
    }
}

body p{
    font-size: 18px;
    line-height: 26px
}

#content li {
    font-size: 18px;
    line-height: 1.6em
}

#content p.wp-caption-text {
    font-size: 14px
}

#contact-profile {
    background: #fff;
    box-shadow: 0 16px 48px rgba(32, 41, 50, .12);
    padding: 20px;
    border-radius: 10px;
    font-family: sans-serif;
    margin-top: 20px
}

#contact-profile .contact-profile_image {
    margin-right: 10px
}

#contact-profile .contact-profile_image img {
    border-radius: 50%;
    max-width: 150px
}

#contact-profile .contact-profile__set {
    display: flex;
    align-items: center
}

#contact-profile .contact-profile__info p {
    font-size: 110%
}

#contact-profile .contact-profile__signature {
    display: flex;
    flex-direction: column
}

#contact-profile .contact-profile__signature img {
    max-width: 220px
}

#contact-profile .contact-profile__set {
    display: flex;
    margin-top: 30px
}

.cta-box {
    padding: 20px;
    display: flex;
    align-items: center;
    background: #ddd;
    border-radius: 10px;
    margin-bottom: 20px;
    margin-top: 20px
}

@media (max-width:600px) {
    .cta-box {
        flex-direction: column;
        align-items: flex-start
    }
}

.cta-box h4 {
    float: left;
    padding-right: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 22px
}

@media (max-width:600px) {
    .cta-box h4 {
        padding-bottom: 20px
    }
}

.cta-box a {
    display: inline-block;
    margin: 5px
}

.cta-box p:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0
}

h4.panel-title+p {
    display: none
}

.panel-collapse+p {
    display: none
}

.copy-email {
    padding: 20px;
    background: #f7f7f7
}

.copy-email-cta {
    border-top: 1px solid #919191;
    padding-top: 20px
}

@media (max-width:600px) {
    #contact-profile .contact-profile__set {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }
}

.three-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    margin-bottom: 40px
}

@media (max-width:500px) {
    .three-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px
    }
}

.two-grid-column {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media (max-width:600px) {
    .two-grid-column {
        grid-template-columns: repeat(1, 1fr)
    }
}

.two-grid-column .quote-item {
    padding: 30px
}

.two-grid-column .quote-item span {
    display: block
}

@media (max-width:600px) {
    .mob-col-reverse .item:nth-of-type(1) {
        order: 3
    }
}

#appeal-page #lp-container {
    font-family: sans-serif
}

#appeal-page #lp-container img {
    max-width: 100%;
    height: auto
}

#appeal-page #lp-container .std-padding {
    padding: 100px 30px
}

#appeal-page #lp-container .sml-padding {
    padding: 30px
}

#appeal-page #lp-container h2 {
    color: #0c884a;
    font-size: 36px;
    line-height: 1.4em;
    padding-bottom: 30px;
    font-weight: 400
}

#appeal-page #lp-container p {
    font-size: 20px;
    line-height: 1.4em;
    padding-bottom: 20px
}

#appeal-page #lp-container p:last-child {
    padding-bottom: 0
}

#appeal-page #lp-container strong {
    font-weight: 700
}

#appeal-page #lp-container .lp-hero-container {
    height: 700px;
    padding: 30px;
    position: relative;
    background-size: cover;
    background-position: top center
}

#appeal-page #lp-container .lp-hero-container:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: .1;
    z-index: 1
}

#appeal-page #lp-container .lp-hero-container h1 {
    font-size: 60px;
    color: #fff;
    margin-bottom: 40px;
    line-height: 1.2em
}

#appeal-page #lp-container .lp-hero__inner {
    max-width: 1400px;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 10;
    position: relative
}

#appeal-page #lp-container .hero_inner-copy {
    max-width: 640px
}

#appeal-page #lp-container p.hero-copy_sub {
    font-size: 26px;
    color: #fff;
    line-height: 1.4em;
    margin-bottom: 40px
}

#appeal-page #lp-container .btn-primary {
    background: #0c884a
}

#appeal-page #lp-container .btn {
    text-transform: uppercase;
    color: #fff;
    display: inline-block
}

#appeal-page #lp-container .btn-large {
    padding: 20px 30px;
    font-size: 24px;
    border-radius: 100px
}

#appeal-page #lp-container .lp-intro__inner {
    max-width: 840px;
    margin: 0 auto;
    text-align: center
}

#appeal-page #lp-container .two-column {
    background: #f7f7f7
}

#appeal-page #lp-container .two-column__inner {
    display: grid;
    max-width: 1200px;
    margin: 0 auto;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 80px
}

#appeal-page #lp-container .flexme {
    display: flex
}

#appeal-page #lp-container .flexcenter {
    align-items: center
}

#appeal-page #lp-container p.quote-large {
    font-size: 30px
}

#appeal-page #lp-container .credit {
    font-size: 24px
}

#appeal-page #lp-container .credit span {
    font-size: 80%
}

#appeal-page #lp-container .profile-contact {
    display: flex;
    align-items: center;
    margin-top: 20px
}

#appeal-page #lp-container .profile-contact .profile-contact__headshot {
    max-width: 150px;
    margin-right: 20px
}

#appeal-page #lp-container .profile-contact .profile-contact__headshot img {
    border-radius: 50%
}

#appeal-page #lp-container .profile-contact .profile-contact__signature {
    display: flex;
    flex-direction: column
}

#appeal-page #lp-container .three-column__inner {
    display: grid;
    max-width: 1200px;
    margin: 0 auto;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px
}

#appeal-page #lp-container .more-resources {
    background: #f7f7f7
}

#appeal-page #lp-container .more-resources .col {
    background: red;
    background: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

#appeal-page #lp-container .more-resources .col h2 {
    border-bottom: 1px solid #0c884a;
    margin-bottom: 20px;
    flex: 1
}

#appeal-page #lp-container .more-resources .col p {
    flex: auto
}

#appeal-page #lp-container .more-resources .col a {
    align-self: flex-start;
    flex: 1
}

#appeal-page li {
    font-size: 22px;
    line-height: 1.2em
}

.spend-block img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
    position: relative
}

.spend-block .frame ul.list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px
}

@media (max-width:500px) {
    .spend-block .frame ul.list {
        grid-template-columns: repeat(1, 1fr)
    }
}

.spend-block .frame ul.list li {
    width: 100%
}

#non2019 {
    width: 100%
}

#non2019 img {
    height: auto;
    width: 100%;
    vertical-align: middle
}

#non2019 .hero {
    background: linear-gradient(to bottom, #f4f4f4 0, #f4f4f4 60%, #fff 60%, #fff 100%);
    min-height: 100%
}

#non2019 .hero .hero_inner {
    max-width: 1170px;
    margin: 0 auto
}

#non2019 .color--primary {
    color: #0c884a
}

#non2019 .color--secondary {
    color: #e70052
}

#non2019 .color--darkgrey {
    color: #333
}

#non2019 h1 {
    color: #15884d;
    font-size: 38px
}

@media (max-width:730px) {
    #non2019 h1 {
        font-size: 30px
    }
}

#non2019 h2 {
    font-size: 36px
}

@media (max-width:896px) {
    #non2019 h2 {
        font-size: 30px
    }
}

#non2019 h2.sub {
    color: #333;
    font-size: 18px
}

@media (max-width:730px) {
    #non2019 h2.sub {
        font-size: 16px
    }
}

#non2019 p {
    line-height: 1.4em;
    font-size: 18px !important;
    color: #333
}

@media (max-width:730px) {
    #non2019 p {
        font-size: 16px !important
    }
}

#non2019 li {
    list-style: none;
    padding: 0
}

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

#non2019 .stdpad {
    padding: 50px 40px
}

@media (max-width:730px) {
    #non2019 .stdpad {
        padding: 25px
    }
}

#non2019 .intro {
    max-width: 790px;
    margin: 0 auto
}

#non2019 .intro span.date {
    margin-top: -20px
}

#non2019 .cs-container {
    max-width: 1170px;
    margin: 0 auto
}

#non2019 .nonlist-container {
    max-width: 860px;
    margin: 0 auto;
    margin-top: -40px
}

#non2019 .nonlist-container img {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    margin-bottom: 10px;
    border-radius: 10px
}

#non2019 .nonlist-container .disclaimer {
    text-align: center
}

#non2019 .nonlist-container .disclaimer p {
    font-size: 14px;
    opacity: .8
}

@media (max-width:560px) {
    #non2019 .nonlist-container .disclaimer p {
        font-size: 12px
    }
}

#non2019 .story {
    background: #f8f8f8
}

#non2019 .story p.semi {
    font-weight: 700;
    font-size: 22px
}

@media (max-width:560px) {
    #non2019 .story p.semi {
        font-size: 18px
    }
}

#non2019 .story-container {
    max-width: 1170px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    grid-gap: 50px
}

@media (max-width:730px) {
    #non2019 .story-container {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px
    }
}

#non2019 .takeaction-container {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    grid-gap: 50px
}

@media (max-width:730px) {
    #non2019 .takeaction-container {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px
    }
}

#non2019 .takeaction-megaphone {
    display: flex;
    margin-bottom: 10px
}

#non2019 .takeaction-megaphone img {
    width: 50px;
    margin-right: 10px
}

#non2019 .takeaction-message {
    margin-top: 40px;
    display: block;
    padding: 20px;
    border: 2px solid #e70052;
    border-radius: 18px;
    position: relative
}

#non2019 .takeaction-message:after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border-radius: 18px;
    border: 2px solid #e70052
}

#non2019 .takeaction-message p {
    font-style: italic
}

#non2019 .takeaction-list {
    position: -webkit-sticky;
    position: sticky;
    top: 30px
}

#non2019 .takeaction-list .list {
    border: 1px solid #c6c6c6;
    border-radius: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    padding: 30px
}

#non2019 .brand-list__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 0
}

#non2019 .brand-list__item img {
    width: 100px
}

#non2019 .brand-list__item ul.brand-social {
    display: flex
}

#non2019 .brand-list__item ul.brand-social li {
    margin: 0 6px
}

#non2019 .brand-list__item ul.brand-social li img {
    width: 33px
}

#non2019 .cta {
    background: #0c884a
}

#non2019 .cta-container {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    grid-gap: 50px
}

@media (max-width:730px) {
    #non2019 .cta-container {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px
    }
}

#non2019 .cta-container .action {
    background: #fff
}

#non2019 .cta-container .action-text {
    padding: 25px
}

#non2019 .cta-container .action-text h3 {
    margin-bottom: 25px
}

#non2019 .btn {
    border-radius: 50px;
    padding: 15px 20px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    min-width: 160px;
    text-transform: uppercase
}

#non2019 .btn-donate {
    background: #e70052 !important;
    color: white !important;
    text-decoration: none !important;
}

#non2019 .btn-primary {
    background: green;
    color: white !important;
    text-decoration: none !important;
}

.alert-box {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    padding: 20px;
    border-radius: 0 10px 10px 0;
    margin: 20px;
    border-left: 6px solid #f16e22
}

ul.where-the-money-goes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px
}

ul.where-the-money-goes li {
    width: 100%
}

ul.where-the-money-goes p {
    padding-bottom: 0;
    margin-bottom: 0
}

ul.where-the-money-goes strong {
    font-size: 18px;
    padding-bottom: 8px;
    display: block
}