header {
    margin-bottom: 2rem
}

.home header {
    margin-bottom: 0
}

.header {
    padding: 1rem 0 .5rem
}

@media only screen and (max-width: 740px) {
    header {
        margin-bottom: 1rem
    }
    .header {
        border-bottom: 2px solid #090a0b
    }
}

.logo {
    width: 30%;
    float: left;
    margin-right: 4%
}

.logo h1 {
    display: none
}

.no-svg .logo {
    display: block;
    width: 260px;
    height: 77px;
    background: url(../img/petauk-logo.png) no-repeat;
    background-size: contain
}

.no-svg .logo img {
    display: none
}

@media only screen and (max-width: 440px) {
    .no-svg header,
    .no-svg #logo-mission {
        background: #FFF
    }
}

@media only screen and (max-width: 740px) {
    .logo {
        width: 42%;
        margin-right: 2%
    }
    .no-svg .logo {
        background-size: contain;
        width: 110px;
        height: 33px;
        margin-right: 2%
    }
}

.mission {
    font-size: 1.4rem;
    line-height: 1.24
}

.mission {
    color: #385179;
    display: block
}

.mission em,
.mission span {
    display: block
}

.mission em {
    text-transform: uppercase;
    font-style: normal;
    color: #5193cd;
    font-size: 2rem;
    line-height: 1
}

.mission span {
    font-size: 1.22rem
}

@media only screen and (max-width: 740px) {
    .header #logo-mission {
        width: 100%
    }
    .mission {
        width: 56%;
        float: left;
        position: relative
    }
    .mission {
        font-size: 2.96vw;
        line-height: 1.3
    }
    .mission em {
        font-size: 4.2vw;
        line-height: .9
    }
    .mission span {
        font-size: 2.6vw
    }
}

#searchform {
    position: relative;
    padding-right: 27px;
    padding-top: 6px
}

#searchform #s {
    border: 2px solid #dbe8f5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5492cc;
    height: 32px !important;
    line-height: 32px;
    margin: 0;
    padding: 0 .5rem;
    max-width: 200px;
    float: right
}

#searchform #s:active,
#searchform #s:focus {
    border-color: #5492cc
}

#searchform #s::-webkit-input-placeholder,
#searchform #s:-moz-placeholder,
#searchform #s::-moz-placeholder,
#searchform #s:-ms-input-placeholder {
    color: #5492cc
}

#searchsubmit {
    background: url(../img/icon-search.svg) no-repeat;
    background-size: contain;
    display: block;
    width: 45px;
    height: 45px !important;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 0 none
}

#searchsubmit:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.no-svg #searchsubmit {
    background: url(../img/icon-search.png) no-repeat
}

@media only screen and (max-width: 740px) {
    .search-wrap {
        position: fixed;
        top: -100px;
        bottom: auto;
        right: auto;
        left: 0;
        width: 100%;
        margin: 0 auto;
        padding: 0 3rem .75rem;
        z-index: 10;
        background: #dbe8f5;
        -webkit-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.4);
        box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.4);
        -webkit-transition: all .2s ease 0s;
        transition: all .2s ease 0s
    }
    #searchform {
        max-width: 230px;
        margin: 0 auto
    }
    header #searchform #s {
        float: left
    }
    .active-search .search-wrap {
        top: 40px
    }
}

.contain-to-grid,
.top-bar,
.top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button) {
    background: none
}

.contain-to-grid.navigation {
    border-bottom: 4px solid #090a0b
}

.two-level-bar {
    width: 100%;
    background: #090a0b;
    height: 42px;
    display: none
}

.three-level-bar {
    width: 100%;
    background: #FFF;
    height: 40px;
    display: none
}

.contain-to-grid.navigation.two-level .two-level-bar {
    display: block
}

.contain-to-grid.navigation.three-level .three-level-bar {
    display: block
}

.single-donate .contain-to-grid.navigation.two-level .two-level-bar,
.single-donate .contain-to-grid.navigation.three-level .three-level-bar {
    display: none
}

.contain-to-grid.navigation.two-level,
.contain-to-grid.navigation.three-level {
    border-bottom: 1px solid #090a0b
}

.single-donate .contain-to-grid.navigation.two-level,
.single-donate .contain-to-grid.navigation.three-level {
    border-bottom: 4px solid #090a0b
}

.top-bar {
    height: 52px;
    line-height: 52px
}

.top-bar-section {
    padding-right: 14px
}

.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 .72rem;
    line-height: 52px
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
    background: #090a0b
}

.top-bar-section ul li>a {
    font-family: 'Bebas Neue', "Arial Narrow", "Helvetica Condensed", "Impact", sans-serif;
    font-size: 2rem;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: #090a0b;
    text-decoration: none
}

.top-bar-section li:first-child {
    padding-left: 0.9375rem
}

.top-bar-section li.menu-item-object-donate {
    float: right
}

.top-bar-section li.menu-item-object-donate a:not(.button) {
    background: #df4200;
    color: #FFF
}

.top-bar-section li.current-menu-item a:not(.button),
.top-bar-section li.current-menu-ancestor a:not(.button) {
    background: #090a0b !important;
    color: #FFF
}

.top-bar-section li.current-menu-item ul.dropdown,
.top-bar-section li.current-menu-ancestor ul.dropdown {
    clip: auto;
    top: 56px !important;
    background: #090a0b;
    overflow: visible
}

.top-bar-section li.current-menu-item ul.dropdown ul.dropdown {
    clip: rect(1px, 1px, 1px, 1px)
}

.top-bar-section ul.dropdown li.current-menu-item ul.dropdown,
.top-bar-section ul.dropdown li.current-menu-ancestor ul.dropdown {
    top: 38px !important;
    clip: auto;
    overflow: visible;
    background: #FFF
}

.top-bar-section li.current-menu-item ul.dropdown li,
.top-bar-section li.current-menu-ancestor ul.dropdown li {
    width: auto;
    float: left;
    margin-left: 2px;
    margin-right: 2px
}

.top-bar-section li.current-menu-item ul.dropdown li#menu-item-111 a:hover,
.top-bar-section li.current-menu-ancestor ul.dropdown li#menu-item-111 a:hover {
    border: 1px solid #090a0b
}

.top-bar-section li.current-menu-item ul.dropdown li>a,
.top-bar-section li.current-menu-ancestor ul.dropdown li>a,
.top-bar-section li.current-menu-item ul.dropdown li#menu-item-111 span {
    font-family: 'Open Sans', sans-serif;
    font-size: .9rem;
    letter-spacing: .01em;
    text-transform: uppercase;
    line-height: 28px;
    margin-top: 2px;
    margin-bottom: 6px;
    background: #090a0b !important;
    border: 1px solid #090a0b
}

.top-bar-section li.current-menu-item ul.dropdown li#menu-item-111 span {
    color: #FFF;
    display: block;
    padding: 0 .75rem
}

.top-bar-section li.current-menu-ancestor ul.dropdown li.current-menu-item>a,
.top-bar-section li.current-menu-ancestor ul.dropdown li.current-menu-ancestor>a,
.top-bar-section li.current-menu-item ul.dropdown li>a:hover,
.top-bar-section li.current-menu-ancestor ul.dropdown li>a:hover {
    border: 1px solid #fff
}

.top-bar-section ul.dropdown li.current-menu-item ul.dropdown li>a,
.top-bar-section ul.dropdown li.current-menu-ancestor ul.dropdown li>a {
    background: #FFF !important;
    color: #090a0b !important;
    border: 1px solid #FFF;
    margin-top: 4px
}

.top-bar-section ul.dropdown li.current-menu-ancestor ul.dropdown li.current-menu-item>a,
.top-bar-section ul.dropdown li.current-menu-item ul.dropdown li>a:hover,
.top-bar-section ul.dropdown li.current-menu-ancestor ul.dropdown li>a:hover {
    border: 1px solid #090a0b
}

.top-bar-section .has-dropdown>a {
    padding-right: 1rem !important
}

@media only screen and (max-width: 1030px) {
    .top-bar-section li.current-menu-item ul.dropdown,
    .top-bar-section li.current-menu-ancestor ul.dropdown {
        top: 40px !important
    }
}

@media only screen and (max-width: 970px) {
    .top-bar {
        height: 36px;
        line-height: 36px
    }
    .top-bar-section li:not(.has-form) a:not(.button) {
        line-height: 36px
    }
}

@media only screen and (max-width: 970px) {
    .top-bar-section li.current-menu-item ul.dropdown li>a,
    .top-bar-section li.current-menu-ancestor ul.dropdown li>a,
    .top-bar-section li.current-menu-item ul.dropdown li#menu-item-111 span {
        font-size: 1rem
    }
}

@media only screen and (max-width: 888px) {
    .top-bar-section li.current-menu-item ul.dropdown li>a,
    .top-bar-section li.current-menu-ancestor ul.dropdown li>a,
    .top-bar-section li.current-menu-item ul.dropdown li#menu-item-111 span {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 640px) {
    .top-bar-section ul li>a {
        font-size: 1.6rem
    }
    .top-bar-section li.current-menu-item ul.dropdown li>a,
    .top-bar-section li.current-menu-ancestor ul.dropdown li>a,
    .top-bar-section li.current-menu-item ul.dropdown li#menu-item-111 span {
        font-size: .8rem
    }
}

.top-bar-section ul.dropdown {
    width: 100% !important;
    position: absolute !important;
    top: 60px !important;
    left: 0 !important;
    display: block !important
}

.top-bar-section li:not(.has-form).nav-donate a:not(.button),
.top-bar-section ul li#main-nav-donate>a {
    color: #ffffff;
    background-color: #df4200
}

.top-bar-section li:not(.has-form).nav-donate a:not(.button):hover,
.top-bar-section ul li#main-nav-donate>a:hover {
    color: #ffffff;
    background-color: #000000
}

.mobile-top-links {
    display: none
}

@media only screen and (max-width: 740px) {
    .mobile-top-links {
        display: block;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #FFF;
        z-index: 500;
        height: 40px
    }
    a.nav-slide,
    a.nav-donate {
        position: absolute;
        top: 4px;
        right: 44px;
        display: block;
        width: auto;
        height: 36px;
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
        color: #5492cc;
        z-index: 1001;
        font-size: 14px
    }
    .mobile-top-links a.nav-donate {
        right: 104px;
        color: #000
    }
    a.nav-slide span {
        border: 1px solid #5492cc;
        padding: 2px 4px;
        line-height: 36px;
        background: #FFF
    }
    .mobile-top-links a.nav-donate span {
        background: #ff0;
        padding: 2px 8px;
        line-height: 36px;
        border: 1px solid #ff0
    }
    .active-nav a.nav-slide,
    .nav-slide:hover {
        color: #ffffff;
        text-decoration: none
    }
    .mobile-top-links .nav-donate:hover {
        text-decoration: none
    }
    .active-nav a.nav-slide span,
    .nav-slide:hover span {
        background: #5492cc
    }
    .mobile-top-links .nav-donate:hover span {
        background: #ff0
    }
    a.search-slide {
        background: url(../img/icon-search.svg) no-repeat center center;
        background-size: 84%;
        position: absolute;
        top: 3px;
        right: 5px;
        display: block;
        width: auto;
        height: 36px;
        text-align: center;
        line-height: 36px;
        z-index: 1001;
        width: 36px
    }
    .active-search a.search-slide,
    a.search-slide:hover {
        background: url(../img/icon-search-white.svg) no-repeat center center;
        background-size: 28px 28px
    }
    .header {
        padding-top: 42px
    }
    #main-nav {
        background-color: rgba(84, 146, 204, 0.95);
        position: fixed;
        left: -50%;
        top: 33px;
        bottom: 0;
        width: 40%;
        -webkit-transition: .2s all ease;
        transition: .2s all ease;
        padding: 0;
        z-index: 1000;
        border-top: 0;
        overflow-y: auto;
        -webkit-box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.4);
        box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.4)
    }
    .active-nav #main-nav {
        left: 0;
        -webkit-overflow-scrolling: touch
    }
    .active-nav .mobile-site-overlay,
    .active-search .mobile-site-overlay,
    .active-more-links .mobile-site-overlay {
        position: fixed;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
        display: block;
        z-index: 1
    }
    #main-nav a {
        -webkit-transition: background 0.2s ease 0s;
        transition: background 0.2s ease 0s
    }
    #main-nav .wrapper {
        height: 100%;
        width: 100%;
        background: none
    }
    #main-nav .top-bar {
        height: auto
    }
    .contain-to-grid.navigation.two-level .two-level-bar,
    .contain-to-grid.navigation.three-level .three-level-bar {
        display: none
    }
    .top-bar-section {
        padding-right: 0
    }
    .top-bar-section ul li {
        float: none
    }
    .top-bar-section li:first-child {
        padding-left: 0
    }
    .top-bar-section li.current-menu-item ul.dropdown,
    .top-bar-section li.current-menu-ancestor ul.dropdown {
        top: auto !important;
        position: relative !important;
        height: auto !important
    }
    .top-bar-section li.current-menu-item ul.dropdown li,
    .top-bar-section li.current-menu-item ul.dropdown li,
    .top-bar-section li.current-menu-ancestor ul.dropdown li {
        float: none;
        width: 100%;
        margin: 0
    }
    .top-bar-section li.current-menu-item ul.dropdown li>a,
    .top-bar-section li.current-menu-ancestor ul.dropdown li a,
    .top-bar-section li.current-menu-item ul.dropdown li#menu-item-111 span {
        margin: 0;
        color: #FFF;
        border: 0;
        line-height: 1.2;
        padding: 6px 0 6px .75rem
    }
    .top-bar-section li#menu-item-63 ul.dropdown li>a {
        padding-left: 1.5rem
    }
    .top-bar-section li.current-menu-item ul.dropdown li#menu-item-111 span {
        padding-left: .75rem
    }
    .top-bar-section li.current-menu-ancestor ul.dropdown li.current-menu-item>a {
        background: #FFF !important;
        border: 0;
        color: #090a0b !important
    }
    .top-bar-section li.current-menu-item ul.dropdown li>a:hover,
    .top-bar-section li.current-menu-ancestor ul.dropdown li>a:hover {
        border: 0 !important
    }
    .top-bar-section ul.dropdown li.current-menu-item ul.dropdown,
    .top-bar-section ul.dropdown li.current-menu-ancestor ul.dropdown {
        top: 0 !important
    }
    .top-bar-section li.current-menu-item ul.dropdown ul.dropdown {
        display: none !important
    }
    .top-bar-section li.current-menu-item ul.dropdown li.current-menu-item ul.dropdown,
    .top-bar-section li.current-menu-item ul.dropdown li.current-menu-ancestor ul.dropdown {
        display: block !important
    }
    .top-bar-section ul.dropdown li.current-menu-item ul.dropdown li>a,
    .top-bar-section ul.dropdown li.current-menu-ancestor ul.dropdown li>a {
        background: #333 !important;
        color: #FFF !important;
        border: 0;
        margin: 0;
        padding: 4px 1rem 4px 2rem
    }
    .top-bar-section li.current-menu-ancestor ul.dropdown li a,
    .top-bar-section li.current-menu-ancestor ul.dropdown li a:hover {
        border: 0 !important
    }
    .top-bar-section ul.dropdown li ul.dropdown li.current-menu-item>a,
    .top-bar-section ul.dropdown li ul.dropdown li.current-menu-item>a:hover {
        background: #FFF !important;
        color: #090a0b !important
    }
}

@media only screen and (max-width: 620px) {
    #main-nav {
        left: -60%;
        width: 50%
    }
    .top-bar-section ul li>a {
        font-size: 1.5rem
    }
}

@media only screen and (max-width: 480px) {
    #main-nav {
        left: -80%;
        width: 70%
    }
}

@media only screen and (max-width: 440px) {
    .mobile-top-links {
        height: 46px;
        width: 100%;
        background: #dbe8f5;
        top: 0;
        left: 0;
        z-index: 40
    }
    header {
        margin-bottom: 0 !important
    }
    .active-search .search-wrap {
        top: 46px
    }
    .home-highlight,
    .main-content {
        padding-top: 46px
    }
    body.blog .main-content {
        padding-top: 56px
    }
    #main-nav {
        top: 0
    }
    .header {
        border-bottom: 0;
        padding: 0
    }
    .logo {
        position: fixed;
        top: 4px;
        left: 4px;
        z-index: 41
    }
    .logo img {
        height: 38px;
        width: auto
    }
    .mission {
        display: none
    }
}

@media only screen and (max-width: 380px) {
    #main-nav {
        left: -80%;
        width: 70%
    }
}

@media only screen and (min-width: 740px) {
    #breadcrumbs {
        display: none
    }
}

@media only screen and (max-width: 740px) {
    header {
        margin-bottom: 1rem
    }
    #breadcrumbs {
        font-size: 1.2rem;
        border-bottom: 1px solid #090a0b;
        padding: .15rem 1rem;
        display: inline-block;
        margin: 0 0 .5rem -1rem
    }
    #breadcrumbs span span a {
        color: #5492cc
    }
    #breadcrumbs span span:after {
        content: " \00BB";
        color: #090a0b
    }
    #breadcrumbs span span:nth-last-child(2):after,
    #breadcrumbs span span:last-child:after {
        content: ''
    }
    .breadcrumb_last {
        display: none
    }
}

@media only screen and (max-width: 640px) {
    #breadcrumbs {
        font-size: .9rem
    }
}

.recipes-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.2rem
}

.recipes-menu li {
    list-style: none;
    margin: 0 .5rem 0 0;
    padding: 0;
    float: left
}

.recipes-menu li.current-menu-item a {
    background: #090a0b;
    color: #fff;
    text-decoration: none
}

.recipes-menu a {
    background: #e04100;
    color: #FFF;
    display: block;
    padding: .5rem .75rem;
    letter-spacing: .01em
}

.recipes-menu a:hover {
    background: #090a0b;
    color: #fff;
    text-decoration: none
}

.reveal-modal {
    padding: 0;
    width: 90vw;
    left: 5vw;
    top: 20px;
    border: 0 none;
    background: black
}

.reveal-modal .cushion {
    position: relative;
    margin: 0.75rem;
    padding: 1rem 1rem 3rem;
    background: #ffffff
}

.reveal-modal h1,
.reveal-modal h2,
.reveal-modal h3,
.reveal-modal h4,
.reveal-modal h5 {
    font-weight: bold
}

.reveal-modal .ca-privacy-policy {
    display: none;
    font-size: .75rem;
    line-height: 1.6
}

.reveal-modal .ea-form-wrapper {
    max-width: 100%
}

.reveal-modal .ea-form-wrapper label {
    width: 100%;
    float: none;
    display: block;
    text-align: center
}

.reveal-modal .ea-form-wrapper input[type=text],
.reveal-modal .ea-form-wrapper select {
    width: 60%;
    margin: 0 auto;
    float: none;
    display: block;
    text-align: center
}

.reveal-modal .ea-form-wrapper .policy p {
    font-size: .9rem;
    margin-bottom: 1rem
}

.reveal-modal .ea-form-wrapper .ea-opt-in {
    padding: 0
}

.reveal-modal .ea-form-wrapper .ea-form-item {
    margin-left: 0 !important
}

.reveal-modal .ea-form-wrapper span {
    font-size: .875rem !important
}

.reveal-modal .interaction-status-count {
    line-height: 1
}

.reveal-modal .countdown_main p,
.reveal-modal .countdown_expire p {
    font-family: 'Open Sans', sans-serif !important
}

.reveal-modal .countdown_label {
    font-family: 'Open Sans', sans-serif !important
}

.reveal-modal .countdown_value {
    font-family: 'Open Sans', sans-serif !important
}

.reveal-modal .close-reveal-modal {
    position: absolute;
    right: -1rem;
    top: -1rem;
    z-index: 5;
    display: block;
    height: 45px;
    margin: 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    width: 45px;
    border: 0 none;
    background: url("../img/icon-close-button.svg") no-repeat center center;
    background-size: contain;
    text-indent: -9999px
}

.reveal-modal .close-reveal-modal:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.reveal-modal .return-button {
    position: absolute;
    bottom: -0.75rem;
    right: 0;
    padding: 0.25rem 1rem .65rem 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
    background: black;
    text-align: right
}

.reveal-modal .return-button .psp_continue_peta {
    margin: auto;
    display: block !important;
    width: auto !important
}

.reveal-modal .splash-middleware-form .pma-casl-check {
    display: block !important;
    margin-top: .75rem
}

.reveal-modal .splash-middleware-form .pma-casl-check label {
    font-size: 0.875rem;
    margin: .75rem 0
}

.reveal-modal .splash-middleware-form .monthly-opt,
.reveal-modal .splash-middleware-form .email_optin,
.reveal-modal .splash-middleware-form .pma-casl-check,
.reveal-modal .splash-middleware-form .membership-update,
.reveal-modal .splash-middleware-form .membership_update {
    font-size: 0.875rem
}

.reveal-modal .splash-middleware-form .opt-out-text,
.reveal-modal .splash-middleware-form .opt-out-text p {
    font-size: 0.75rem;
    line-height: 1.6
}

.reveal-modal .splash-middleware-form .opt-out-text p {
    margin-bottom: 1rem
}

.reveal-modal .splash-middleware-form .amounts label {
    margin-right: 5px
}

.reveal-modal .splash-middleware-form input.email {
    width: 100%
}

.reveal-modal .splash-middleware-form .submit-button {
    background: none;
    border: 0;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.reveal-modal .splash-middleware-form .submit-button input {
    margin: .5rem auto;
    display: inline-block;
    padding: 0 0.875rem;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 2.5rem;
    border: 0 none;
    background: #5492cc
}

.countdown_main {
    height: auto
}

#defaultCountdown .countdown_hour {
    text-align: center
}

#defaultCountdown .countdown_minute,
#defaultCountdown .countdown_second {
    text-align: center
}

.reveal-modal .countdown_main,
.reveal-modal .countdown_expire {
    clear: both;
    margin: 1em 0 1em 0
}

.reveal-modal p.countdown-desc {
    margin-bottom: 5px
}

.reveal-modal .countdown_main p,
.reveal-modal .countdown_expire p {
    margin: 0.5em 0 0 0;
    font-size: 1em;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    text-align: center
}

.reveal-modal .hasCountdown {
    text-align: center
}

.reveal-modal .countdown_day,
.reveal-modal .countdown_hour,
.reveal-modal .countdown_minute,
.reveal-modal .countdown_second {
    display: inline-block;
    width: 23%;
    font-size: 12px;
    margin: 0;
    padding: 0 0.25em;
    text-align: center
}

.reveal-modal .countdown_label {
    font-size: 2.3em;
    font-weight: 600;
    line-height: 1
}

.reveal-modal .countdown_value {
    font-size: .85em;
    line-height: 1
}

.reveal-modal .countdown_main .countdown-timezone {
    font-weight: normal;
    font-size: .8em
}

#empty.countdown_day {
    display: none
}

.flexbox .reveal-modal .hasCountdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flexbox .reveal-modal .countdown_day,
.flexbox .reveal-modal .countdown_hour,
.flexbox .reveal-modal .countdown_minute,
.flexbox .reveal-modal .countdown_second {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto
}

@media only screen and (max-width: 640px) {
    .reveal-modal {
        top: 0
    }
    .reveal-modal .ea-form-wrapper input[type=text] {
        width: 100%
    }
    .reveal-modal .ea-form-wrapper .ea-opt-in {
        margin-top: 10px
    }
    .reveal-modal .cushion {
        width: 100%;
        height: auto;
        margin: 0;
        margin: 0;
        border: 0;
        border-color: transparent
    }
    .reveal-modal .close-reveal-modal {
        top: 0.25rem;
        right: 0.25rem
    }
    .reveal-modal .return-button {
        bottom: 0
    }
}

.reveal-modal.splash-blue {
    background: #5390cf
}

.reveal-modal.splash-blue .return-button {
    background: #5390cf
}

@media only screen and (max-width: 640px) {
    .reveal-modal.splash-blue .cushion {
        border-color: #5390cf
    }
}

.reveal-modal.splash-green {
    background: #ffffff
}

.reveal-modal.splash-green .cushion {
    background: #e1eeb6
}

.reveal-modal.splash-green .return-button {
    color: #080808;
    background: #ffffff
}

@media only screen and (max-width: 640px) {
    .reveal-modal.splash-green .cushion {
        border-color: #e1eeb6
    }
}

.reveal-modal.splash-orange {
    background: #e04100
}

.reveal-modal.splash-orange .return-button {
    background: #e04100
}

@media only screen and (max-width: 640px) {
    .reveal-modal.splash-orange .cushion {
        border-color: #e04100
    }
}

.reveal-modal.splash-blank img {
    display: block;
    margin: 0 auto !important
}

.reveal-modal.splash-blank p {
    margin: 0
}

@media only screen and (max-width: 640px) {
    .reveal-modal.splash-blank .cushion {
        border-color: transparent
    }
}

.reveal-modal.psp-single-col-form {
    padding: 0;
    width: 100%;
    max-width: 600px
}

.reveal-modal.psp-single-col-form .cushion {
    border: 0;
    margin: 0;
    padding: 0
}

.reveal-modal.psp-single-col-form .splash-content {
    padding: 1rem 2rem;
    text-align: left
}

.reveal-modal.psp-single-col-form .acf-media-credit {
    text-align: right;
    padding: .5em
}

.reveal-modal.psp-single-col-form .splash-middleware-form {
    max-width: 540px
}

.reveal-modal.psp-single-col-form .splash-middleware-form .columns {
    padding-left: 0;
    padding-right: 0
}

.reveal-modal.psp-single-col-form .splash-middleware-form .small-7.columns {
    padding-right: .5rem
}

.reveal-modal.psp-single-col-form .splash-middleware-form .row {
    margin: 0
}

.reveal-modal.psp-single-col-form .splash-middleware-form .ca-privacy-policy {
    font-size: .8rem
}

.reveal-modal.psp-single-col-form .subscription-success-response {
    min-height: 0
}

.reveal-modal.psp-single-col-form h1,
.reveal-modal.psp-single-col-form h2,
.reveal-modal.psp-single-col-form h3,
.reveal-modal.psp-single-col-form p {
    font-weight: normal
}

.reveal-modal.psp-single-col-form h2 {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0
}

.reveal-modal.psp-single-col-form img {
    border: 0
}

.reveal-modal.psp-single-col-form input[type=text],
.reveal-modal.psp-single-col-form input[type=email],
.reveal-modal.psp-single-col-form input[type=submit] {
    height: 42px
}

.reveal-modal.psp-single-col-form #pma-submit {
    font-size: 1rem !important;
    text-transform: uppercase !important;
    margin: 0;
    line-height: 1
}

.reveal-modal.psp-single-col-form input#pma-submit {
    width: 100%
}

.reveal-modal.psp-single-col-form .ca-privacy-policy {
    line-height: 1.4
}

.post-type-archive-peta_recipe h1,
.tax-recipe_type h1 {
    padding-bottom: 20px
}

.post-type-archive-peta_recipe .content-search-form,
.tax-recipe_type .content-search-form {
    margin-bottom: 1rem
}

.post-type-archive-peta_recipe .content-search-form #searchform,
.tax-recipe_type .content-search-form #searchform {
    max-width: 100%
}

.post-type-archive-peta_recipe .content-search-form #searchform #s,
.tax-recipe_type .content-search-form #searchform #s {
    width: 100%;
    max-width: 100%
}

.post-type-archive-peta_recipe .content-header,
.tax-recipe_type .content-header {
    margin-bottom: 2rem
}

.post-type-archive-peta_recipe .parent-box,
.tax-recipe_type .parent-box {
    padding: 0
}

.post-type-archive-peta_recipe .pagination,
.tax-recipe_type .pagination {
    margin: 2rem 0
}

@media only screen and (min-width: 860px) {
    .post-type-archive-peta_recipe .item-2 a.link,
    .post-type-archive-peta_recipe .item-3 a.link {
        margin-bottom: 0
    }
    .tax-recipe_type .item-3 a.link,
    .tax-recipe_type .item-4 a.link {
        margin-bottom: 0
    }
}

.single-peta_recipe .menu-centered {
    margin: 1rem 0
}

.single-peta_recipe .recipes-menu {
    clear: left;
    float: left;
    position: relative;
    left: 50%;
    text-align: center
}

.single-peta_recipe .recipes-menu li {
    position: relative;
    right: 50%
}

.single-peta_recipe h1 {
    text-align: center
}

.single-peta_recipe .author-meta {
    text-align: center;
    border-bottom: 2px solid #e04100;
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.single-peta_recipe .author-meta img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    margin: 1rem auto .5rem
}

.single-peta_recipe .author-meta p {
    margin: 0
}

.single-peta_recipe .main-content .post h3 {
    font-size: 1.8rem;
    font-family: "bebas_neueregular", "bebas-neue", "Arial Narrow", "Helvetica Condensed", "Impact", sans-serif;
    font-weight: normal;
    text-transform: uppercase
}

.main-content .post .recipe-meta {
    list-style: none;
    margin: 0;
    padding: 0
}

.main-content .post .recipe-meta li {
    border: 0;
    padding: 0 0 5px
}

.main-content .post .recipe-meta span {
    font-style: italic;
    padding-right: 10px
}

.main-content .post .recipe-meta span:after {
    content: ':'
}

.main-content .post h4.recipe-subhead,
.main-content .post h5.recipe-source {
    font-size: 1rem;
    font-weight: bold;
    text-transform: none
}

.main-content .post .recipe-source p {
    font-style: italic
}

.main-content .post .ingredients {
    margin: 0 0 1rem;
    padding: 0 0 0 1.25rem
}

.main-content .post .ingredients li {
    margin: 0;
    padding: 0;
    list-style-type: disc;
    border: 0
}

.main-content .post .recipe-meta {
    padding-left: 0;
    margin-left: 0
}

.main-content .post .recipe-meta li {
    list-style-type: none;
    display: inline-block;
    width: 33.3%;
    border: 2px solid #090a0b;
    text-align: center;
    padding: .35em;
    margin: 1rem 0
}

.main-content .post .recipe-meta li:first-child {
    border-right: 0
}

.main-content .post .recipe-meta li:last-child {
    border-left: 0
}

.main-content .post .recipe-meta li span {
    display: block;
    font-family: "bebas_neueregular", "bebas-neue", "Arial Narrow", "Helvetica Condensed", "Impact", sans-serif;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: normal;
    font-style: normal;
    color: #090a0b;
    text-transform: uppercase
}

@media only screen and (max-width: 640px) {
    #menu-recipes-menu {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #FFF;
        z-index: 2
    }
    .recipes-menu {
        font-size: .8rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .recipes-menu li {
        margin: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: center
    }
    .recipes-menu a {
        padding: .5rem 0
    }
    .single-peta_recipe .recipes-menu {
        float: none;
        clear: none
    }
    .single-peta_recipe .recipes-menu li {
        right: auto
    }
    .single-peta_recipe .menu-centered {
        margin: 0
    }
}

.sidebar-donation {
    background: #de4204;
    padding: 0px
}

@media screen and (min-width: 40em) {
    .sidebar-donation {
        padding: 4px
    }
}

.sidebar-donation .inner {
    padding: 6px 6px 13px
}

.sidebar-donation img {
    width: 100%;
    max-width: 100%
}

.sidebar-donation .thumb {
    position: relative
}

#donate-form-sidebar-2 .petadonation .thumb {
    display: none
}

#donate-form-sidebar-2 h2 {
    margin-bottom: 15px
}

.sidebar-donation .thumb .wrapper {
    position: absolute;
    top: 64%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center
}

.sidebar-donation .thumb .wrapper h3 {
    color: #fff;
    font-family: "bebas_neueregular", Helvetica, Arial, sans-serif;
    font-size: 33px;
    margin: 0
}

.sidebar-donation h2 {
    font-size: 33px;
    line-height: 33px;
    margin: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: "bebas_neueregular", Helvetica, Arial, sans-serif
}

.sidebar-donation label {
    color: #fff;
    font-size: 14px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif
}

.sidebar-donation input {
    border-style: solid;
    padding: 10px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 18px;
    border-width: 2px;
    border-radius: 5px;
    color: #4d4d4d;
    border-color: #de4204;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    height: 40px
}

.sidebar-donation .form-group .error {
    display: none;
    color: #fff;
    background: #de4204
}

.sidebar-donation .form-group.error .error {
    display: block
}

.sidebar-donation .btn-group {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.sidebar-donation .btn-group>.btn {
    position: relative;
    float: left;
    margin-bottom: 0
}

.sidebar-donation .btn-group>.btn:first-child {
    margin-left: 0
}

.sidebar-donation .btn {
    text-align: center;
    border-radius: 5px;
    font-family: "bebas_neueregular", Helvetica, Arial, sans-serif;
    font-size: 18px;
    background: #de4204;
    color: #fff;
    border: solid #eb8e68 2px;
    padding: 10px;
    text-decoration: none
}

.sidebar-donation .btn:first-child {
    width: 48%;
    margin-right: 2%
}

.sidebar-donation .btn:last-child {
    width: 48%;
    margin-left: 2%
}

.sidebar-donation .btn input[type=checkbox],
.sidebar-donation .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.sidebar-donation .btn .type {
    font-size: 28px;
    line-height: 18px;
    margin-top: 10px;
    display: block
}

.sidebar-donation .btn .type:after {
    content: "\a";
    display: block
}

.sidebar-donation .btn:hover,
.sidebar-donation .btn.active {
    text-decoration: none;
    color: #de4204;
    background: #fff;
    border: solid #fff 2px
}

.sidebar-donation .btn-primary {
    color: #fff;
    background: #de4204;
    border: solid #fff 2px;
    padding: 7px 20px 3px 20px;
    font-size: 26px;
    border-radius: 5px;
    width: 100% !important;
    margin: 0 !important;
    position: relative;
    height: 44px
}

.sidebar-donation .btn-primary:after {
    content: ' ';
    float: right;
    margin-right: 15px
}

.sidebar-donation .btn-primary span {
    position: absolute;
    left: 50%;
    top: 5px;
    margin-left: -55px
}

.sidebar-donation .btn-primary:hover {
    background: #5392cc;
    color: #fff;
    border: solid #fff 2px;
    text-decoration: none
}

@media only screen and (min-width: 640px) and (max-width: 920px) {
    #donate-form-sidebar-2.sidebar-donation .btn {
        width: 100%;
        margin: 0 0 5px;
        float: none
    }
}

.pma-subscription-widget .opt-ins {
    display: none
}

.pma-subscription-widget .email_optin {
    display: block !important
}

.pma-subscription-widget .monthly-opt,
.pma-subscription-widget .email_optin,
.pma-subscription-widget .pma-casl-check,
.pma-subscription-widget .membership-update {
    font-size: .875rem
}

.pma-subscription-widget .opt-out-text,
.pma-subscription-widget .opt-out-text p {
    font-size: .7rem
}

.pma-subscription-widget .opt-out-text p {
    margin-bottom: 1rem
}

.pma-subscription-widget .pma-casl-check label {
    margin: .5rem 0;
    font-size: .875rem
}

.pma-subscription-widget input[type="text"]::-webkit-input-placeholder,
.pma-subscription-widget input[type="email"]::-webkit-input-placeholder {
    color: #090a0b
}

.pma-subscription-widget input[type="text"]::-moz-placeholder,
.pma-subscription-widget input[type="email"]::-moz-placeholder {
    color: #090a0b;
    opacity: 1
}

.pma-subscription-widget .required-fields-notice p {
    font-size: .8rem;
    font-style: italic
}

#new-middleware-form {
    background: #090a0b;
    color: #FFF;
    border: 0;
    padding: 0.75rem
}

@media only screen and (max-width: 440px) {
    #new-middleware-form {
        margin: 0
    }
}

#new-middleware-form label {
    color: #FFF
}

#new-middleware-form h3 {
    color: #FFF;
    margin: 0 0 .5rem;
    position: relative;
    font-family: 'Bebas Neue', "Arial Narrow", "Helvetica Condensed", "Impact", sans-serif;
    line-height: 1.1;
    letter-spacing: .02em
}

@media only screen and (max-width: 440px) {
    #new-middleware-form h3 {
        margin: 0;
        text-transform: uppercase;
        font-size: 1.6rem;
        cursor: pointer
    }
    #new-middleware-form h3.open span {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    #new-middleware-form h3 span {
        display: block;
        width: 26px;
        height: 26px;
        background: url(../img/icon-arrow-white.svg) no-repeat;
        background-size: contain;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }
}

#new-middleware-form .pma-subscription-widget {
    padding: 0
}

@media only screen and (max-width: 440px) {
    #new-middleware-form .pma-subscription-widget {
        padding-top: 1rem
    }
}

@media only screen and (min-width: 860px) {
    #new-middleware-form .pma-subscription-widget-form #supporter-firstname,
    #new-middleware-form .pma-subscription-widget-form #supporter-lastname {
        width: 48%;
        margin-right: 4%;
        float: left
    }
    #new-middleware-form .pma-subscription-widget-form #supporter-lastname {
        margin-right: 0
    }
    #new-middleware-form .pma-subscription-widget-form #supporter-postcode {
        width: 48%
    }
}

#new-middleware-form #pma-submit {
    text-transform: uppercase;
    width: auto;
    height: 2rem;
    margin: 0 0 4px 0;
    padding: .5rem;
    font-size: .875rem;
    font-weight: bold;
    line-height: 1;
    border: solid 2px #5492cc;
    background: #5492cc;
    -webkit-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out
}

#new-middleware-form #pma-submit:hover {
    border-color: #ffffff;
    background: #000000
}

#enews-footer-middleware .pma-subscription-widget {
    padding: 0
}

#enews-footer-middleware label {
    display: block
}

#enews-footer-middleware input[type="text"],
#enews-footer-middleware input[type="email"] {
    float: none;
    width: 100%;
    height: 2.3125rem;
    padding: 0.4rem;
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid #cccccc
}

@media only screen and (min-width: 1024px) {
    #enews-footer-middleware #supporter-firstname,
    #enews-footer-middleware #supporter-lastname {
        float: left;
        width: 25%;
        margin-right: 2%
    }
    #enews-footer-middleware #supporter-emailaddress {
        float: left;
        width: 40%;
        margin-right: 2%
    }
}

#enews-footer-middleware input[type="submit"] {
    float: right;
    width: 13%;
    margin: 0;
    padding: 0;
    height: 2.3125rem;
    margin: 0;
    padding: .5rem;
    font-size: 0.8125rem;
    font-weight: bold;
    line-height: 1;
    text-transform: none;
    border: solid 2px #5492cc;
    background: #5492cc;
    -webkit-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out
}

#enews-footer-middleware input[type="submit"]:hover {
    color: #5492cc;
    border-color: #5492cc;
    background: #ffffff
}

.main-content .gform_wrapper form ul li {
    padding: 0;
    border-bottom: 0
}

.main-content .gform_wrapper ul li.gfield.other {
    margin: 0
}

.main-content .gform_wrapper ul li.gfield.other label {
    display: none
}

.main-content .gform_wrapper ul li.gfield.other div.ginput_container {
    margin-top: 0;
    padding-left: 2rem
}

.main-content .gform_wrapper select {
    -webkit-appearance: default
}

.main-content .gform_footer {
    text-align: center
}

.main-content .post .gform_wrapper ul.gfield_checkbox {
    margin: 1rem 0 0
}

.main-content .button {
    background: #5492cc
}

.main-content .button:hover,
.main-content .button:active {
    background: #000
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] {
    margin: 0
}

.ginput_container_address input[type=text] {
    margin: 0
}

#donate-form-sidebar {
    background: #df4200;
    border: 0;
    padding: .75rem
}

#donate-form-sidebar .opt-out-text,
#donate-form-sidebar .opt-out-text p {
    font-size: .7rem
}

#donate-form-sidebar .opt-out-text p {
    margin-bottom: 1rem
}

#donate-form-sidebar a {
    text-decoration: underline;
    color: #FFF
}

#donate-form-sidebar h5 {
    font-family: 'Bebas Neue', "Arial Narrow", "Helvetica Condensed", "Impact", sans-serif;
    font-weight: normal;
    font-size: 2.2rem;
    line-height: 1.1;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #FFF
}

#donate-form-sidebar label {
    display: inline
}

#donate-form-sidebar p,
#donate-form-sidebar label,
#donate-form-sidebar .pma-casl-check {
    color: #FFF
}

#donate-form-sidebar .donation_widget .pma-fname,
#donate-form-sidebar .donation_widget .pma-lname {
    width: 48%;
    float: left;
    margin-right: 4%;
    padding: 0;
    clear: none
}

#donate-form-sidebar .donation_widget .pma-lname {
    margin: 0
}

#donate-form-sidebar .donation_widget input[type="radio"] {
    margin-right: .3rem
}

#donate-form-sidebar .donation_widget .pma-email {
    width: 100%;
    padding-right: 0
}

#donate-form-sidebar .donation_widget .error-wrapper {
    color: #000
}

#donate-form-sidebar input.email {
    width: 100%
}

#donate-form-sidebar input[type="radio"] {
    margin: 0 0 .5rem 0;
    padding: .4rem 0
}

#donate-form-sidebar .pma-casl-check {
    padding: 0;
    margin: .5rem 0 0 0
}

#donate-form-sidebar .pma-casl-check label {
    margin: .5rem 0
}

#donate-form-sidebar #otheramount {
    width: 80px;
    display: inline-block;
    padding: 0 .4rem;
    height: 2rem
}

#donate-form-sidebar .monthly-opt label,
#donate-form-sidebar .email_optin label,
#donate-form-sidebar .email_optin .opt-in-text {
    display: inline-block;
    text-indent: 0;
    font-size: .875rem
}

#donate-form-sidebar .monthly-opt input[type=checkbox],
#donate-form-sidebar .email_optin input[type=checkbox] {
    float: none;
    margin-left: -18px;
    vertical-align: middle;
    top: -1px
}

#donate-form-sidebar .submit-button {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    text-shadow: none;
    border: 0
}

#donate-form-sidebar input#pma-donation-submit {
    height: 2.3125rem;
    padding: .5rem;
    font-size: 0.8125rem;
    line-height: 1;
    margin: .5rem 0 0;
    border: solid 2px #fff;
    background: none;
    color: #FFF;
    font-weight: bold;
    -webkit-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
    clear: both;
    text-transform: uppercase
}

#donate-form-sidebar input#pma-donation-submit:hover {
    background: #fff;
    color: #090a0b
}

#donate-form-sidebar .privacy-policy {
    clear: both;
    padding-top: 1rem
}

#donate-form-sidebar .privacy-policy p {
    font-size: .7rem
}

@media only screen and (max-width: 640px) {
    #donate-form-sidebar input.button {
        margin: 1rem 0
    }
}

@media only screen and (max-width: 440px) {
    #donate-form-sidebar {
        margin: 1px 0 1px;
        padding: 0.75rem;
        width: 100%;
        float: none
    }
    #donate-form-sidebar .inner {
        padding: 0
    }
    #donate-form-sidebar form {
        display: none;
        padding-top: .5rem
    }
    #donate-form-sidebar form.open {
        display: block
    }
    #donate-form-sidebar h5 {
        margin: 0;
        font-size: 1.6rem;
        cursor: pointer;
        position: relative;
        text-align: left
    }
    #donate-form-sidebar h5::after {
        display: block;
        content: '';
        position: absolute;
        width: 26px;
        height: 26px;
        background: url(../img/icon-arrow-white.svg) no-repeat;
        background-size: contain;
        right: 0;
        top: 0;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }
    #donate-form-sidebar h5.open::after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    #donate-form-sidebar .donation_widget {
        position: relative
    }
}

body {
    color: #090a0b
}

body,
button,
.button {
    font-family: 'Open Sans', sans-serif
}

.row,
.contain-to-grid .top-bar {
    max-width: 1200px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    color: #090a0b
}

h1 {
    line-height: 1.2;
    margin-top: 0
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.6rem
}

h4 {
    font-size: 1.3rem
}

p.social-share-notice {
    font-size: .75rem
}

@media only screen and (max-width: 640px) {
    h1 {
        font-size: 1.6rem
    }
}

a {
    text-decoration: none;
    color: #5492cc
}

a:hover {
    text-decoration: underline;
    color: #5492cc
}

.acf-media-credit a {
    color: #666
}

[class*="block-grid-"] {
    margin: 0 -.938rem
}

[class*="block-grid-"]>li {
    padding: 0 .938rem 1.8rem
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
    width: auto;
    max-width: 100%
}

@media only screen and (max-width: 440px) {
    input[type="text"],
    input[type="password"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"],
    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="time"],
    input[type="url"],
    input[type="color"],
    textarea {
        width: 100%
    }
}

.clear {
    clear: both
}

img.alignleft,
.wp-caption.alignleft,
.media-credit.alignleft {
    clear: left
}

img.alignright,
.wp-caption.alignright,
.media-credit.alignright {
    clear: right
}

.media-credit {
    max-width: 100%
}

body.single-post .post .wp-caption.alignleft,
body.single-post .post .media-credit.alignleft,
body.single-donate .post .wp-caption.alignleft,
body.single-donate .post .media-credit.alignleft {
    margin: 0 20px 20px 0
}

body.single-post .post .wp-caption.alignright,
body.single-post .post .media-credit.alignright,
body.single-donate .post .wp-caption.alignright,
body.single-donate .post .media-credit.alignright {
    margin: 0 0 20px 20px
}

body.default-layout .post a img.alignleft,
body.default-layout .post img.alignleft,
body.default-layout .post .wp-caption.alignleft,
body.default-layout .post .media-credit.alignleft {
    margin: 0 20px 20px -25%
}

body.default-layout .post a img.alignright,
body.default-layout .post img.alignright,
body.default-layout .post .wp-caption.alignright,
body.default-layout .post .media-credit.alignright {
    margin: 0 -25% 20px 20px
}

body.default-layout .post .media-credit.alignright img,
body.default-layout .post .media-credit.alignleft img,
body.single-post .post .media-credit.alignright img,
body.single-post .post .media-credit.alignleft img,
body.single-donate .post .media-credit.alignright img,
body.single-donate .post .media-credit.alignleft img {
    margin: 0
}

body.default-layout .post .wp-caption.alignright .acf-media-credit {
    text-align: right
}

body.default-layout .post .wp-caption.alignleft .acf-media-credit {
    text-align: left
}

body.author div.image-left {
    float: left;
    margin: 0 1rem 1rem 0
}

@media only screen and (max-width: 440px) {
    body.author div.image-left {
        float: none;
        margin: 0 auto 1rem
    }
    .post .wp-caption,
    .post .media-credit-container {
        max-width: 100%;
        float: none
    }
}

@media only screen and (max-width: 860px) {
    body.default-layout .post a img.alignleft,
    body.default-layout .post img.alignleft,
    body.default-layout .post .wp-caption.alignleft,
    body.default-layout .post .media-credit.alignleft {
        margin: 0 1rem 1rem 0
    }
    body.default-layout .post a img.alignright,
    body.default-layout .post img.alignright,
    body.default-layout .post .wp-caption.alignright,
    body.default-layout .post .media-credit.alignright {
        margin: 0 0 1rem 1rem
    }
}

body.default-layout .main-content h2 {
    background: #090a0b;
    color: #FFF;
    font-size: 1.6rem;
    display: inline-block;
    padding: .2rem 1.5rem;
    margin: .5rem 0 1rem -1.5rem
}

body.default-layout .main-content h4 {
    font-weight: 700;
    text-transform: uppercase
}

.privacy p,
.terms p {
    font-size: .8rem
}

.single-issue .main-content .highlighted p {
    font-size: 1.4rem;
    font-weight: bold
}

blockquote {
    background: #dbe8f5;
    font-size: 1.2rem;
    padding: 1rem;
    font-weight: 700;
    color: #090a0b;
    border-left: 0
}

blockquote p {
    font-size: 1.2rem;
    font-weight: 700
}

.single-post blockquote,
.single-post blockquote p {
    background: none;
    color: #090a0b
}

.main-content .post ul {
    margin: 1rem 0 2rem;
    padding: 0 2rem;
    list-style: none
}

.main-content .post ul li {
    padding: .5rem 0;
    border-bottom: 1px solid #df4200
}

.main-content .post ul.bullet {
    margin: 1rem 0 2rem;
    padding: 0 2rem;
    list-style: disc
}

.main-content .post ul.bullet li {
    padding: .5rem 0;
    border-bottom: 0
}

.main-content .post ol {
    list-style-type: none;
    margin-left: 0;
    padding-left: 3rem;
    overflow: hidden;
    counter-reset: numList
}

.main-content .post ol li {
    padding: -1rem 0
}

.main-content .post ol>li:before {
    display: inline-block;
    counter-increment: numList;
    content: counter(numList) " ";
    float: left;
    position: absolute;
    left: 1rem;
    text-align: center;
    color: #fff;
    line-height: 28px;
    width: 28px;
    height: 28px;
    background: #df4200;
    border-radius: 50%;
    margin-top: -2px
}

.main-content .post ol ul li {
    list-style-type: disc;
    border-bottom: 0
}

.main-content .post ol ul li:before {
    content: none
}

.main-content .post ol ol {
    list-style-type: lower-alpha;
    overflow: visible
}

.main-content .post ol ol li:before {
    content: none
}

.main-content .post ol first-child {
    counter-reset: customlistcounter
}

.wp-caption {
    border: 0;
    padding: 0
}

.wp-caption p.wp-caption-text {
    font-size: 1rem;
    line-height: 1.4;
    border-bottom: 1px solid #df4200;
    text-align: left;
    font-weight: 700;
    padding: .5rem 0
}

.wp-caption img {
    max-width: 100%;
    width: 100%;
    height: auto
}

.main-content .player-wrapper {
    margin-left: -10%;
    margin-right: -10%;
    background: #090a0b;
    padding: 1rem
}

.main-content .peta-pinit {
    width: 58px;
    margin: .5rem auto
}

@media only screen and (max-width: 440px) {
    .main-content .post ul {
        padding: 0
    }
}

.main-content .instagram-media {
    margin: 1px auto !important;
    position: inherit !important
}

.sub-nav dd {
    margin-left: .5rem;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    margin-bottom: 1rem
}

.sub-nav dd a {
    background: #e04100;
    border: 2px solid #e04100;
    color: #FFF;
    border-radius: 0;
    padding: 0.1875rem .5rem;
    letter-spacing: .01em
}

.sub-nav dd.active a {
    background: none;
    border: 2px solid #e04100;
    color: #e04100;
    border-radius: 0;
    padding: 0.1875rem .5rem
}

.sub-nav dd.active a:hover,
.sub-nav dd a:hover {
    background: none;
    border: 2px solid #e04100;
    color: #e04100
}

button.small,
.button.small {
    padding: .5rem 1.25rem
}

button.small.submit,
.button.small.submit {
    text-transform: uppercase
}

button.tiny,
.button.tiny {
    padding: .2rem .75rem;
    font-size: .9rem
}

.button.right {
    float: right
}

.button.outline {
    background: none;
    border: solid 2px #090a0b;
    color: #090a0b;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.button.outline.inverse {
    border: solid 2px #fff;
    color: #FFF;
    -webkit-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out
}

.button.outline:hover {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    text-decoration: none
}

.button.outline.inverse:hover {
    background: #FFF;
    border-color: #090a0b;
    text-decoration: none;
    color: #090a0b;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.main-content .grid-layout {
    width: 129.875%;
    margin: 0 -14.9375%;
    padding: .5rem 0
}

.main-content .grid-layout.grid-is-content-width {
    width: 103.9%;
    margin: 0 -0.95rem
}

.main-content .grid-layout.grid-is-full-width {
    width: 155.6%;
    margin: 0 -27.8%
}

.main-content .grid-layout [class*="block-grid-"] {
    margin: 0 -0.625rem;
    padding: 0
}

.main-content .grid-layout [class*="block-grid-"]>li {
    padding: 0 0.625rem 1.25rem;
    border-bottom: 0 none
}

@media only screen and (max-width: 859px) {
    .main-content .grid-layout,
    .main-content .grid-layout.grid-is-content-width,
    .main-content .grid-layout.grid-is-full-width {
        width: auto;
        margin: 0 -0.9375rem
    }
}

@media only screen and (max-width: 640px) {
    .main-content .grid-layout [class*="block-grid-"]>li {
        float: none
    }
}

.below-content {
    background: #df4200;
    position: relative;
    padding-top: 2rem;
    margin-top: 2rem
}

.below-content .header {
    color: #FFF;
    position: absolute;
    left: 0;
    width: 100%;
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #090a0b));
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 50%, #090a0b 50%);
    top: -1.45rem;
    padding: 0
}

.below-content .header .header-inner {
    max-width: 800px;
    background: #FFF;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #df4200), color-stop(50%, #fff));
    background: linear-gradient(0deg, #df4200 50%, #fff 50%);
    margin: 0 auto
}

.below-content .header .header-inner h2 {
    padding: .5rem 1rem;
    background: #090a0b;
    margin: 0;
    font-size: 1.4rem;
    font-weight: bold;
    color: #FFF;
    display: inline-block
}

.below-content.orange p {
    color: #FFF
}

.below-content.orange a {
    color: #FFF;
    text-decoration: underline
}

.below-content.green {
    background: #e1edb9;
    color: #090a0b
}

.below-content.green .header .header-inner {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #e1edb9), color-stop(50%, #fff));
    background: linear-gradient(0deg, #e1edb9 50%, #fff 50%)
}

.below-content.gold {
    background: #ffcc19;
    color: #090a0b
}

.below-content.gold .header .header-inner {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ffcc19), color-stop(50%, #fff));
    background: linear-gradient(0deg, #ffcc19 50%, #fff 50%)
}

@media only screen and (max-width: 960px) {
    .below-content .header .header-inner h2 {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 860px) {
    .below-content .header,
    .below-content .header .header-inner {
        background: none !important;
        max-width: 100%;
        border-bottom: 0 !important
    }
    .below-content .header .header-inner h2 {
        display: inline-block;
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 640px) {
    .below-content .header .header-inner h2 {
        font-size: 1.4rem
    }
}

.issues-sub-menu ul,
.issues-sub-menu li {
    margin: 0;
    padding: 0;
    list-style: none
}

.issues-sub-menu li {
    float: left;
    font-family: 'Bebas Neue', "Arial Narrow", "Helvetica Condensed", "Impact", sans-serif;
    font-weight: normal;
    font-size: 2rem;
    line-height: 1.1;
    letter-spacing: .02em;
    text-transform: uppercase;
    margin-right: .5rem
}

.error404 .main-content .content-search-form {
    clear: both;
    margin: 0 0 1rem;
    max-width: 300px
}

.error404 .main-content #searchform {
    width: 100%
}

.error404 .main-content #searchform #s {
    width: 100%;
    max-width: 100%
}

.error404 .main-content ul li {
    margin-bottom: .4rem
}

.main-content .game {
    text-align: center
}

.single-post .main-content .meta {
    border-bottom: 1px solid #df4200;
    padding: 0 0 .5rem;
    margin: 0 0 1.5rem
}

.single-post .main-content .meta p {
    margin: 0
}

.single-post .post {
    margin: 0 0 2rem
}

.single-post .post .tags {
    padding: .5rem 0;
    text-align: right;
    border-top: 1px solid #df4200
}

.single-post #comments h2 {
    font-family: 'Bebas Neue', "Arial Narrow", "Helvetica Condensed", "Impact", sans-serif;
    font-weight: normal;
    font-size: 2.4rem;
    line-height: 1.1;
    letter-spacing: .02em;
    text-transform: uppercase;
    text-align: left;
    margin: 0 0 1rem;
    border-bottom: 4px solid #df4200
}

.banner {
    position: relative;
    top: -2rem;
    padding: 0 1rem
}

.banner .title {
    position: absolute;
    left: 0.15rem;
    bottom: 1rem;
    z-index: 10
}

.banner .title h1 {
    margin: 0;
    padding: 0 1.5rem 0.5rem 1.5rem;
    color: #ffffff;
    line-height: 1.3;
    background: #000000
}

.banner .title a:hover {
    text-decoration: none
}

.banner .image {
    position: relative;
    height: 0;
    padding-bottom: 23.0769%
}

.banner .image a,
.banner .image img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%
}

.banner .acf-media-credit {
    position: absolute;
    bottom: -1.25rem;
    right: 1rem;
    text-align: right;
    padding: 0 0 4px 0
}

@media only screen and (max-width: 1140px) {
    .banner {
        padding: 0
    }
    .banner .title {
        left: 0
    }
    .banner .acf-media-credit {
        right: 1rem
    }
}

@media only screen and (max-width: 970px) {
    .banner .acf-media-credit {
        position: absolute;
        bottom: -1.75rem
    }
}

@media only screen and (max-width: 820px) {
    .banner .acf-media-credit {
        position: absolute;
        bottom: -1.95rem
    }
}

@media only screen and (max-width: 740px) {
    .banner {
        top: -1rem;
        margin: 0 0 1rem 0;
        padding: 0
    }
    .banner .acf-media-credit {
        right: .5rem
    }
}

@media only screen and (max-width: 640px) {
    .banner .image {
        padding-bottom: 53.22%
    }
    .banner .title {
        bottom: 1vw
    }
    .banner .title h1 {
        font-size: 4vw;
        padding: 0 1.5rem 1vw 1.5rem
    }
    .banner .acf-media-credit {
        position: absolute;
        bottom: -1.25rem
    }
}

@media only screen and (max-width: 440px) {
    .banner {
        top: 0;
        margin-bottom: 1.5rem
    }
}

#comments ul.comments {
    margin: 0;
    padding: 0
}

#comments .comment-awaiting-moderation {
    font-size: 1rem;
    background: #df4200;
    color: #FFF;
    padding: .3rem 1rem
}

#comments .comment-author {
    padding: 1rem 1rem 0;
    border: 0 none;
    margin: 0 0 1rem 0
}

#comments .comment-author .fn {
    font-style: normal;
    font-size: 1rem
}

#comments .date,
#comments .time {
    font-weight: bold
}

#comments .comment-content,
#comments .reply {
    padding: 0 1rem
}

#comments .reply a,
#comments .comment-reply-title a {
    display: inline-block;
    margin: 0 0 1rem 0;
    padding: 0 1rem;
    color: #df4200;
    text-transform: uppercase;
    line-height: 1.875rem;
    border: 2px solid #df4200;
    background-color: transparent
}

#comments .reply a:hover,
#comments .comment-reply-title a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #df4200
}

#comments ul.comments li {
    list-style: none;
    margin-bottom: 1rem;
    padding: 0 0 1rem
}

#comments ul.comments>li {
    background: #e0e1e2
}

#comments ul.children {
    margin-left: 13.5%
}

#comments ul.children>li {
    background: #ffffff;
    margin-right: 1rem
}

#comments ul.children ul.children {
    margin-left: 7%;
    padding-left: .5%;
    border-left: 1px solid #df4200
}

#comments input[type="text"] {
    width: 36.1%;
    font-size: 1rem
}

#comments label {
    font-size: 1rem
}

#comments input[type="text"]::-webkit-input-placeholder {
    color: #000000
}

#comments input[type="text"]:-moz-placeholder {
    color: #000000;
    opacity: 1
}

#comments input[type="text"]::-moz-placeholder {
    color: #000000;
    opacity: 1
}

#comments input[type="text"]:-ms-input-placeholder {
    color: #000000
}

#comments input[type="submit"] {
    display: inline-block;
    padding: 0 0.875rem;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 2.5rem;
    border: 0 none;
    background: #5492cc
}

input#cnns_subscribe {
    float: left
}

label[for="cnns_subscribe"] {
    width: 80%
}

#comments .privacy p {
    color: #898989;
    font-size: 0.75rem
}

@media only screen and (max-width: 888px) {
    #comments .vcard {
        font-size: 1.4rem;
        margin: 0 0 .7143rem 0
    }
    #comments .vcard .fn {
        font-size: 1.4rem
    }
    #comments .comment-awaiting-moderation {
        display: block;
        font-size: 1rem
    }
    #comments .privacy p {
        font-size: 1rem
    }
}

@media only screen and (max-width: 640px) {
    #comments h2.comments-header {
        cursor: pointer
    }
    #comments h2 .mobile-toggle {
        display: inline-block;
        width: 24px;
        height: 24px;
        background: url(../img/cycle-next.svg) no-repeat;
        background-position: center center;
        background-size: contain;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease
    }
    #comments h2.comments-open .mobile-toggle {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    ul.comments {
        display: none
    }
    #comments ul.children {
        margin-left: 6%
    }
    #comments .vcard,
    #comments .vcard .fn {
        font-size: 1rem
    }
    #comments ul.children ul.children {
        margin-left: 5%;
        padding-left: .5%;
        border-left: 1px solid #df4200
    }
    #comments .privacy p,
    #comments .comment-awaiting-moderation {
        font-size: .75rem
    }
    #comments input[type="text"] {
        width: auto
    }
}

.formbuilder-embed td[colspan]:not([colspan="1"]) {
    text-align: left
}

form.formbuilder-embed td[align="center"] {
    text-align: center !important
}

.formbuilder-embed,
.ea-form-wrapper {
    position: relative;
    color: #090a0b;
    font-family: 'Open Sans', sans-serif;
    max-width: 600px
}

.formbuilder-embed a {
    color: #5492cc
}

.formbuilder-embed a:hover,
.formbuilder-embed a:active,
.formbuilder-embed a:focus {
    text-decoration: underline
}

.formbuilder-embed .aligncenter {
    text-align: center
}

.formbuilder-embed form tbody td {
    padding: 2px 0 10px;
    color: #090a0b;
    line-height: 1.6
}

.formbuilder-embed table {
    border: 0
}

.formbuilder-embed table tr {
    background: none
}

.formbuilder-embed table,
.formbuilder-embed table tr td,
.formbuilder-embed table input {
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif
}

.formbuilder-embed table tr td:first-child {
    text-align: right;
    line-height: 1.6;
    padding-top: 5px;
    padding-right: 8px
}

.formbuilder-embed table img {
    height: 30px !important
}

.formbuilder-embed form tbody tr td:first-child {
    width: 40%
}

.formbuilder-embed form tbody tr td+td {
    width: 60%
}

.formbuilder-embed textarea {
    font-size: 0.875em;
    width: 90%;
    padding: 0.5em;
    font-family: 'Open Sans', sans-serif
}

.formbuilder-embed form tbody td textarea {
    width: 90%;
    padding: 0.5em;
    font-family: 'Open Sans', sans-serif
}

.formbuilder-embed form select {
    width: 90%
}

.formbuilder-embed .action-team-icon,
.formbuilder-embed .peta-living-icon,
.formbuilder-embed .peta2-enews-icon,
.formbuilder-embed .peta-catalog-icon,
.formbuilder-embed .peta-kids-icon,
.formbuilder-embed .peta-prime-icon {
    display: inline
}

form.formbuilder-embed input[type="text"] {
    height: auto !important;
    width: 90%;
    padding: 6px
}

.formbuilder-embed table input,
.formbuilder-embed table select,
.formbuilder-embed table textarea {
    display: inline !important;
    padding: 4px;
    margin: .5rem 0 0 !important;
    line-height: 1.6
}

.formbuilder-embed [type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: -.5rem 0 0 -1.625rem !important
}

body.default-layout .main-content .ea-form-wrapper h2 {
    background: transparent;
    color: #000000
}

.ea-form-wrapper span {
    font-size: 1rem !important
}

.ea-form-wrapper label {
    float: left;
    width: 39%;
    padding: 6px 0;
    text-align: right;
    line-height: 120%
}

.ea-form-wrapper label p {
    display: inline
}

.ea-form-wrapper input[type="text"],
.ea-form-wrapper textarea {
    float: right;
    width: 54%;
    height: auto;
    margin: 0 5.333% 4px 0;
    padding: 4px;
    font-size: inherit;
    line-height: 120%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #999999
}

.ea-form-wrapper fieldset textarea {
    float: none
}

.ea-form-wrapper select {
    float: right;
    width: 54%;
    height: auto;
    margin: 0 5.333% 4px 0;
    padding: 4px;
    font-size: inherit;
    line-height: 120%
}

.ea-form-wrapper .ea-field-text,
.ea-form-wrapper textarea {
    border-radius: 0 !important
}

.ea-form-wrapper textarea#ea-field-Contact_Us_Message {
    width: 54% !important
}

.ea-form-wrapper .comp_15 p {
    margin-left: 40%;
    line-height: 1.25rem
}

.ea-form-wrapper .comp_15 label {
    width: 100%;
    text-align: left
}

.ea-form-wrapper .comp_15 label p {
    margin-left: 0
}

.ea-form-wrapper input[id*="_signoff_"] {
    display: none
}

.formbuilder-embed input#btnSubmit,
.formbuilder-embed input#keithResetButton,
.ea-form-buttons input[type="button"],
.ea-form-buttons input[type="reset"] {
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #5492cc;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border: none;
    border-radius: 0;
    cursor: pointer
}

.ea-form-buttons {
    padding: 0 0 0 40%
}

.ea-form-buttons input[type="button"],
.ea-form-buttons input[type="reset"] {
    float: right;
    margin-left: 4px
}

.ea-opt-in {
    margin-left: 0;
    padding: 0 0 0 40%;
    line-height: 1.125rem
}

.ea-opt-in input[type="checkbox"] {
    margin: 0
}

@media all and (max-width: 888px) {
    .ea-form-wrapper .comp_15 p {
        line-height: 1.6rem
    }
    .ea-form-wrapper span {
        font-size: 1.4rem !important
    }
}

@media all and (max-width: 640px) {
    .formbuilder-embed table tr td {
        font-size: 1rem !important
    }
    .formbuilder-embed input#btnSubmit {
        font-size: 1.25rem !important;
        padding: 6px 12px !important
    }
    .ea-form-wrapper .comp_15 p {
        line-height: 1.25rem
    }
    .ea-form-wrapper span {
        font-size: 1rem !important
    }
}

@media all and (max-width: 440px) {
    .formbuilder-embed form tbody tr td {
        display: block;
        width: 100% !important
    }
    .formbuilder-embed form tbody tr td:first-child {
        padding: .5em 2px 0
    }
    .formbuilder-embed table input,
    .formbuilder-embed table select,
    .formbuilder-embed table textarea {
        margin: 0 !important
    }
    .formbuilder-embed [type="checkbox"] {
        margin: 0 !important
    }
    table tr th,
    table tr td {
        padding: 0.3rem 0.4rem
    }
    .ea-form-wrapper label {
        float: none;
        width: 100%;
        padding: 0 0 2px 0;
        text-align: left;
        line-height: 120%
    }
    .ea-form-wrapper input[type="text"],
    .ea-form-wrapper textarea {
        float: none;
        width: 90%;
        margin: 0
    }
    .ea-form-wrapper textarea#ea-field-Contact_Us_Message {
        width: 100% !important
    }
    .ea-form-wrapper select {
        float: none;
        width: 90%;
        margin: 0
    }
    .ea-form-wrapper .comp_15 p {
        margin-left: 0
    }
    .ea-form-buttons {
        padding-left: 0
    }
    .ea-form-buttons input[type="button"],
    .ea-form-buttons input[type="reset"] {
        float: left;
        margin-left: 0;
        margin-right: 4px
    }
    .ea-opt-in {
        padding: 0
    }
}

body.search .main-content h2 {
    background: none;
    color: #090a0b;
    font-weight: 700;
    margin: 0 0 .5rem;
    padding: 0;
    font-size: 1.4rem
}

body.search .main-content h2 a {
    color: #090a0b
}

body.search .post {
    position: relative;
    padding-bottom: 1rem
}

body.search .post a span.more {
    display: block;
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: bold
}

body.search .post a span.more svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-left: 5px;
    fill: #5492cc
}

table td[colspan] span.footable-toggle {
    display: none !important
}

.footable.breakpoint>tbody>tr>td>span.footable-toggle {
    color: #81C4E7 !important;
    font-family: 'peta-web-font' !important;
    font-size: 0.875em !important;
    width: 1.75em
}

.footable.breakpoint>tbody>tr>td>span.footable-toggle:before {
    content: ">" !important
}

.footable.breakpoint>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
    color: #81C4E7 !important;
    content: "V" !important;
    font-family: 'peta-web-font' !important;
    font-size: 0.875em !important;
    width: 1.75em
}

.block-item {
    position: relative
}

.block-item.columns:last-child {
    float: left
}

.block-item .acf-media-credit {
    position: absolute;
    top: .2rem;
    right: 1.2rem;
    max-width: 80%;
    text-align: right;
    padding: 0;
    color: #FFF;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.7)
}

.block-item .acf-media-credit a {
    color: #FFF
}

.block-item a.link {
    position: relative;
    background: #090a0b;
    display: block;
    margin-bottom: 2rem;
    overflow: hidden
}

.block-item img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%
}

.block-item a.link:hover img {
    opacity: .5
}

.block-item p.post-title,
body.default-layout .main-content .block-item p.post-title {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .5rem 1.75rem .5rem .75rem;
    margin: 0;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.4;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s
}

.no-rgba .block-item p.post-title,
.no-rgba body.default-layout .main-content .block-item p.post-title {
    background: #000
}

.block-item.keep-title p.post-title {
    -webkit-transition: background 0.35s;
    transition: background 0.35s
}

.block-item p.post-title span {
    display: block;
    font-size: 2rem;
    line-height: 1;
    text-transform: uppercase
}

.block-item a.link:hover p.post-title {
    opacity: 0
}

.block-item.keep-title a.link:hover p.post-title {
    opacity: 1;
    background: none
}

.block-item .excerpt {
    position: absolute;
    top: 1rem;
    left: 1rem;
    right: 1rem;
    color: #FFF;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.block-item a.link:hover .excerpt {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.block-item .more {
    position: absolute;
    bottom: .5rem;
    right: .5rem;
    display: block;
    color: #FFF;
    font-weight: bold;
    font-size: 1.4rem;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s
}

.block-item .more svg {
    width: 26px;
    height: 26px;
    fill: #ffffff;
    vertical-align: middle
}

.block-item a.link:hover .more {
    opacity: 1
}

@media only screen and (max-width: 640px) {
    .home .block-item p.post-title {
        font-size: 1.1rem
    }
    .block-item a.link {
        display: inline-block;
        margin-bottom: 1rem
    }
    .large-3.block-item img {
        width: 100%
    }
    .block-item .acf-media-credit {
        left: 1.2rem;
        right: auto
    }
}

div.pagination {
    text-align: center
}

ul.page-numbers {
    display: block;
    min-height: 1.5rem;
    margin-left: -0.3125rem;
    list-style: none
}

ul.page-numbers li,
ul.pagination li {
    display: inline-block
}

ul.pagination li,
ul.page-numbers li,
div.pagination {
    font-size: 1.1rem !important
}

ul.page-numbers li span,
ul.page-numbers li a,
ul.pagination li span,
ul.pagination li a,
div.pagination a {
    color: #090a0b;
    border-radius: 50%;
    line-height: 26px;
    width: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
    display: inline-block;
    background: transparent;
    -webkit-transition: background-color 300ms ease-out 0s;
    transition: background-color 300ms ease-out 0s
}

ul.pagination li span.current,
ul.pagination li a:hover,
ul.page-numbers li span.current,
ul.page-numbers li a:hover,
div.pagination a:hover,
div.pagination span.current {
    color: #090a0b;
    border-radius: 50%;
    line-height: 26px;
    width: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
    display: inline-block;
    background: #aed2f4;
    text-decoration: none
}

ul.pagination li a.next,
ul.pagination li a.prev,
ul.page-numbers li a.prev,
ul.page-numbers li a.next {
    text-align: left;
    width: auto;
    white-space: nowrap
}

ul.pagination li a.next:hover,
ul.pagination li a.prev:hover,
ul.page-numbers li a.next:hover,
ul.page-numbers li a.prev:hover {
    background: transparent !important;
    border-radius: 0;
    color: #5492cc
}

ul.thumbnail-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.thumbnail-list .item {
    margin: 0 0 1rem
}

.thumbnail-list .item img {
    width: 36%;
    float: left;
    height: auto;
    margin-right: 1rem
}

.dark-bar .thumbnail-list .item img {
    border: 1px solid #090a0b
}

.dark-bar .thumbnail-list .item a:hover img {
    border-color: #df4200
}

.thumbnail-list .item p {
    font-size: 1rem;
    line-height: 1.4
}

.thumbnail-list .item a:hover {
    text-decoration: none
}

.thumbnail-list .item a:hover p {
    color: #DDD
}

.thumbnail-list .acf-media-credit {
    float: left;
    clear: left
}

.thumbnail-list .acf-media-credit a {
    color: #999
}

.bar {
    padding: 2rem 0
}

footer.bar {
    margin-top: 3em
}

.dark-bar {
    background: #090a0b;
    color: #FFF
}

.dark-bar h2,
.dark-bar h3,
.dark-bar h4,
.dark-bar p {
    color: #FFF
}

.blue-bar {
    background: #5492cc
}

.white-bar {
    background: #FFF;
    border-bottom: 8px solid #090a0b;
    padding: 1.3rem 0
}

@media only screen and (max-width: 640px) {
    .bar {
        padding: 1rem 0
    }
}

.home-content {
    padding-top: 30px
}

@media only screen and (max-width: 440px) {
    .home-content {
        padding-top: 0
    }
}

.read-more-links {
    text-align: right;
    margin: 0 0 1rem
}

.read-more-links a {
    font-size: 1.2rem;
    font-weight: bold
}

.home .block-item a.link {
    margin-bottom: 0
}

.home #bottom-sidebar {
    margin-top: -13rem
}

.home .dark-bar h2 {
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.2
}

.home .dark-bar .button.small {
    font-size: 1rem;
    font-weight: bold
}

.home .media-centre h2,
.home .ways-to-help h2 {
    font-family: 'Bebas Neue', "Arial Narrow", "Helvetica Condensed", "Impact", sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 1;
    margin: 0 0 1rem
}

.home .media-centre {
    border-right: 1px solid #636363
}

.home .media-centre h3 a {
    color: #090a0b
}

.home .media-centre h3 a:hover {
    text-decoration: none
}

.home .media-centre .button.medium {
    background: #df4200;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: bold;
    padding: .2rem .5rem;
    border: 2px solid #df4200
}

.home .media-centre .button.medium:hover {
    text-decoration: none;
    border: 2px solid #df4200;
    color: #df4200;
    background: #FFF
}

.home .media-centre h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1;
    margin: 0 0 1rem
}

.home .media-centre ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: .8rem;
    line-height: 1.1
}

.home .media-centre ul li {
    margin: 0 0 .5rem;
    padding: 0 0 .5rem;
    border-bottom: 1px solid #df4200
}

.home .media-centre ul li a {
    color: #090a0b
}

.home .media-centre ul li:last-child {
    border: 0
}

.home .media-centre .button.tiny {
    float: right;
    border: 1px solid #df4200;
    color: #df4200;
    font-weight: bold
}

.home .ways-to-help {
    padding-left: 2rem
}

.home .ways-to-help ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1.2
}

.home .ways-to-help ul li {
    margin: 0 0 1.2rem
}

@media only screen and (max-width: 1030px) {
    .home #bottom-sidebar {
        margin-top: -14rem
    }
}

@media only screen and (max-width: 900px) {
    .home #bottom-sidebar {
        margin-top: -10rem
    }
}

@media only screen and (max-width: 640px) {
    body.home #top-sidebar .widget_black_studio_tinymce,
    body.home .dark-bar,
    body.home .peta-cafe-press,
    body.home .sidebar .button-shortcode {
        display: none
    }
    body.home .social-connect {
        max-width: 300px
    }
    .home #bottom-sidebar {
        margin-top: 0
    }
    body.home .small-block-grid-1 li {
        width: 50%;
        padding: 0 .4rem 1.8rem
    }
    body.home .small-block-grid-1>li:nth-of-type(1n) {
        clear: none
    }
    .home .media-centre {
        border: 0
    }
    .home .ways-to-help {
        padding-left: 0.9375rem
    }
}

@media only screen and (max-width: 440px) {
    body.home .small-block-grid-1 li {
        width: 100%;
        padding: 0 0 1rem
    }
    body.home .small-block-grid-1>li:nth-of-type(1n) {
        clear: both
    }
    .home #bottom-sidebar .widget_black_studio_tinymce {
        width: 100%;
        padding: 0 !important;
        float: none
    }
    body.home .sidebar .widget {
        margin-top: .5rem !important;
        margin-bottom: .5rem
    }
}

.home .peta-animal-rights .header span {
    width: 26%;
    float: left;
    margin-right: .5rem;
    display: block;
    height: auto;
    position: relative;
    padding-top: 9.7%
}

.home .peta-animal-rights .header span svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home .peta-animal-rights h3 {
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    font-size: 1.7rem;
    line-height: 1.7;
    clear: both
}

.home .peta-animal-rights h4 {
    font-weight: bold
}

.home .peta-animal-rights h4 a {
    color: #FFF
}

.home .peta-animal-rights h4 a:hover {
    text-decoration: none
}

.home .peta-animal-rights h4 a span {
    color: #5492cc
}

.home-highlight {
    background: #5492cc;
    padding: 1rem 0;
    position: relative;
    z-index: 0
}

@media only screen and (max-width: 640px) {
    .home-highlight {
        padding: 0
    }
}

@media only screen and (max-width: 440px) {
    .home-highlight {
        background: none;
        margin-top: 46px
    }
    body.home #top-sidebar {
        background: #5492cc
    }
}

#rotator {
    position: relative;
    padding-bottom: 48.5%
}

#home-rotator {
    position: absolute;
    max-width: 100%;
    overflow: hidden;
    background: #090a0b
}

#home-rotator .slide {
    width: 100%;
    display: none
}

#home-rotator .slide a {
    display: block;
    width: 100%;
    position: relative
}

#home-rotator a img {
    display: block
}

#home-rotator p.post-title {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: .8rem 3rem;
    z-index: 10;
    color: #FFF;
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.2
}

#home-rotator .acf-media-credit {
    position: absolute;
    top: .1rem;
    right: .5rem;
    color: #FFF;
    z-index: 11;
    opacity: .8;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.7)
}

#home-rotator .acf-media-credit a {
    color: #FFF
}

#home-rotator .arrow {
    display: block;
    width: 66px;
    height: 66px;
    position: absolute;
    top: 36%;
    left: 0;
    padding: 10px;
    z-index: 1000;
    cursor: pointer
}

#home-rotator .arrow svg {
    width: 100%;
    height: 100%;
    fill: #FFF;
    -webkit-filter: drop-shadow(0px 0px 2px #666);
    filter: drop-shadow(0px 0px 2px #666)
}

#home-rotator #home-cycle-next {
    right: 0;
    left: auto
}

.no-svg #home-rotator .arrow {
    background: url(../img/cycle-prev.png) no-repeat;
    width: 50px;
    height: 50px
}

.no-svg #home-rotator #home-cycle-next {
    background: url(../img/cycle-next.png) no-repeat;
    right: 0
}

@media only screen and (max-width: 720px) {
    #home-rotator p.post-title {
        padding: .75rem 2rem
    }
}

@media only screen and (max-width: 640px) {
    #rotator-wrap {
        padding-left: 0;
        padding-right: 0;
        float: none
    }
    #rotator {
        padding-bottom: 0
    }
    #home-rotator {
        position: relative
    }
    #home-rotator p.post-title {
        font-size: 1.4rem;
        padding: 1rem 2rem
    }
    #home-rotator .arrow {
        width: 50px;
        height: 50px
    }
}

@media only screen and (max-width: 440px) {
    #home-rotator .arrow {
        top: 25%
    }
    #home-rotator p.post-title {
        z-index: 10;
        width: 100%;
        font-size: 1.2rem;
        padding: .5rem .975rem
    }
    #home-rotator a.link:hover {
        text-decoration: none;
        color: #FFFFFF
    }
}

body.post-type-archive .main-content h2,
body.category-youth .main-content h2 {
    font-family: 'Bebas Neue', "Arial Narrow", "Helvetica Condensed", "Impact", sans-serif;
    display: block;
    background: none;
    color: #090a0b;
    font-weight: normal;
    font-size: 2.4rem;
    line-height: 1.1;
    letter-spacing: .02em;
    text-transform: uppercase;
    text-align: left;
    margin: 0 0 1rem;
    padding: 0;
    border-bottom: 4px solid #df4200
}

body.post-type-archive-living li.block-item p.post-title {
    font-size: 1.3rem;
    padding: .4rem 1.75rem .4rem .5rem
}

body.post-type-archive-living li.block-item .excerpt {
    top: .5rem;
    left: .75rem;
    right: .75rem
}

#language-button {
    float: right;
    clear: left;
    background: #df4200;
    margin: 0 0 .75rem
}

.post-type-archive-news-release .block-item a.link,
.post-type-archive-media .block-item a.link,
.tax-language .block-item a.link {
    min-height: 200px;
    background: rgba(84, 146, 204, 0.4);
    -webkit-transition: background .25s ease;
    -kthtml-transition: background .25s ease;
    transition: background .25s ease;
    color: #090a0b
}

.no-rgba .post-type-archive-news-release .block-item a.link,
.no-rgba .post-type-archive-media .block-item a.link,
.no-rgba .tax-language .block-item a.link {
    background: #b9d2ea
}

.post-type-archive-news-release .block-item a.link:hover,
.post-type-archive-media .block-item a.link:hover,
.tax-language .block-item a.link:hover {
    background: rgba(84, 146, 204, 0.6);
    text-decoration: none !important
}

.no-rgba .post-type-archive-news-release .block-item a.link:hover,
.no-rgba .post-type-archive-media .block-item a.link:hover,
.no-rgba .tax-language .block-item a.link:hover {
    background: #97bcdf
}

.post-type-archive-news-release .block-item a.link p.post-title,
.post-type-archive-media .block-item a.link p.post-title,
.tax-language .block-item a.link p.post-title {
    background: none;
    position: relative;
    color: #090a0b;
    font-size: 1.2rem;
    padding: .5rem 2rem 0 .75rem;
    line-height: 1.3
}

.post-type-archive-news-release .block-item a.link time,
.post-type-archive-media .block-item a.link time,
.tax-language .block-item a.link time {
    padding: 0 2rem 0 .75rem;
    font-size: .9rem
}

.post-type-archive-news-release .block-item a.link small,
.post-type-archive-media .block-item a.link small,
.tax-language .block-item a.link small,
.post-type-archive-news-release .block-item a.link span.more,
.post-type-archive-media .block-item a.link span.more,
.tax-language .block-item a.link span.more {
    color: #090a0b
}

@media only screen and (max-width: 640px) {
    .post-type-archive-news-release .block-item a.link,
    .post-type-archive-media .block-item a.link,
    .tax-language .block-item a.link {
        min-height: 0
    }
    .post-type-archive-news-release .block-item a.link time,
    .post-type-archive-media .block-item a.link time,
    .tax-language .block-item a.link time {
        padding: 0 2rem .75rem .75rem;
        display: block
    }
}

.post-type-archive-media .adverts-slideshow {
    margin: 0 0 2rem;
    overflow: hidden;
    max-height: 420px
}

.post-type-archive-media .adverts-slideshow p {
    text-align: left;
    position: absolute;
    bottom: 0;
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1.4;
    padding: .5rem 1rem;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #FFF;
    margin: 0
}

.no-rgba .post-type-archive-media .adverts-slideshow p {
    background: #000
}

.post-type-archive-media .adverts-slideshow .arrow {
    top: 50%
}

.post-type-archive-media .slideshow-wrap .read-more-links {
    padding: 0 64px
}

@media only screen and (max-width: 640px) {
    .post-type-archive-media .adverts-slideshow {
        overflow: visible
    }
    .post-type-archive-media .adverts-slideshow p {
        font-size: 1.2rem
    }
    .post-type-archive-media .slideshow-wrap .read-more-links {
        padding: 0
    }
}

.f-dropdown li a:hover {
    text-decoration: none
}

.bunny-loader {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    color: #5193cd;
    padding-top: 60px;
    font-size: 14px;
    background-image: url(../img/footer-bunny.svg);
    background-size: 100px;
    background-repeat: no-repeat;
    text-align: center;
    left: 50%;
    margin: 60px 0 60px -200px;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-animation: loading 1s 0 infinite;
    animation: loading 1s 0 infinite
}

@-webkit-keyframes loading {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(200px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(400px)
    }
}

@keyframes loading {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(200px);
        transform: translateX(200px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }
}

body.blog .minimal-social,
body.category .minimal-social,
body.tag .minimal-social {
    margin-bottom: 0
}

body.blog .post-list hr,
body.category .post-list hr,
body.tag .post-list hr {
    margin-bottom: 0;
    padding-bottom: 0;
    border-color: #090a0b
}

body.blog .post,
body.category .post,
body.tag .post {
    padding-bottom: 1rem
}

body.blog .post a:hover,
body.category .post a:hover,
body.tag .post a:hover {
    text-decoration: none
}

body.blog .post a p,
body.category .post a p,
body.tag .post a p {
    color: #090a0b
}

body.blog .text-content,
body.category .text-content,
body.tag .text-content {
    padding: .75rem 2rem 0 0;
    min-height: 180px
}

body.blog .photo,
body.category .photo,
body.tag .photo {
    padding-top: 1rem
}

body.blog .post .date,
body.category .post .date,
body.tag .post .date {
    background: #090a0b;
    padding: .3rem .8rem;
    font-family: 'Bebas Neue', "Arial Narrow", "Helvetica Condensed", "Impact", sans-serif;
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1;
    display: block;
    text-align: right;
    color: #FFF;
    letter-spacing: .02em;
    text-transform: uppercase
}

body.blog .post p.post-title,
body.category .post p.post-title,
body.tag .post p.post-title {
    padding: 0;
    margin: 0 0 .5rem;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.2
}

body.blog .post a span.more,
body.category .post a span.more,
body.tag .post a span.more {
    display: block;
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: bold
}

body.blog .post span.more svg,
body.category .post span.more svg,
body.tag .post span.more svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-left: 5px;
    fill: #5492cc
}

@media only screen and (max-width: 640px) {
    body.blog .text-content,
    body.category .text-content,
    body.tag .text-content {
        width: 70%;
        padding: 0.75rem 0 0 1rem
    }
    body.blog .photo,
    body.category .photo,
    body.tag .photo {
        position: absolute;
        right: 0;
        width: 30%;
        padding-top: 3rem
    }
}

@media only screen and (max-width: 480px) {
    body.blog .text-content,
    body.category .text-content,
    body.tag .text-content {
        width: 60%
    }
    body.blog .photo,
    body.category .photo,
    body.tag .photo {
        width: 40%
    }
    body.blog .post a span.more,
    body.category .post a span.more,
    body.tag .post a span.more {
        bottom: -0.5rem
    }
}

@media only screen and (max-width: 440px) {
    body.blog .text-content,
    body.category .text-content,
    body.tag .text-content {
        width: 96%;
        padding: 50% 0 0 1rem
    }
    body.blog .photo,
    body.category .photo,
    body.tag .photo {
        right: 15%;
        width: 70%
    }
}

ul#menu-donate-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1.2
}

ul#menu-donate-menu ul {
    list-style: none;
    margin-left: 1.1rem
}

ul#menu-donate-menu li a {
    color: #090a0b;
    display: block;
    padding: .35rem .35rem .35rem 1rem;
    border-bottom: 1px solid #5492cc;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease
}

ul#menu-donate-menu li.current-menu-item a {
    background-image: url(../img/cycle-next-blue.svg);
    background-size: 16px 16px;
    background-position: 2px center;
    background-repeat: no-repeat;
    font-weight: bold
}

ul#menu-donate-menu li.current-menu-item.menu-item-has-children a,
ul#menu-donate-menu li.current-menu-ancestor.menu-item-has-children a {
    border: 0
}

ul#menu-donate-menu li ul {
    margin-bottom: .5rem
}

ul#menu-donate-menu li li a {
    padding: .1rem .35rem .1rem 1.1rem
}

ul#menu-donate-menu li.current-menu-item li a {
    font-weight: normal;
    background: none
}

ul#menu-donate-menu li li.current-menu-item a {
    background-position: 4px center
}

ul#menu-donate-menu li a:hover,
ul#menu-donate-menu li li a:hover {
    text-decoration: none;
    background-color: rgba(84, 146, 204, 0.4)
}

.post-type-archive-alert .more-alerts a {
    background: #df4200;
    display: block;
    padding-bottom: 93%;
    -webkit-transition: all .25s ease;
    -kthtml-transition: all .25s ease;
    transition: all .25s ease
}

.post-type-archive-alert .more-alerts a:hover {
    -webkit-box-shadow: inset 0px 0px 70px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 70px rgba(0, 0, 0, 0.3)
}

.post-type-archive-alert .block-item.more-alerts .more {
    opacity: 1;
    font-size: 1.6rem;
    line-height: 1.2;
    top: 1rem;
    left: 1rem
}

@media only screen and (max-width: 640px) {
    .post-type-archive-alert .more-alerts a {
        padding-bottom: 0;
        min-height: 100px
    }
}

.image-button {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0 0 1rem;
    max-width: 324px;
    width: 100%;
    -webkit-transition: all .25s ease;
    -kthtml-transition: all .25s ease;
    transition: all .25s ease
}

.image-button img {
    position: relative;
    z-index: -2
}

.image-button:hover {
    -webkit-box-shadow: inset 0px 0px 70px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 70px rgba(0, 0, 0, 0.3)
}

.image-button a {
    display: block
}

.image-button p {
    background: rgba(0, 0, 0, 0.9);
    color: #FFF;
    font-size: 1.2rem;
    line-height: 1.2;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: .3rem .5rem .5rem;
    -webkit-transition: background .25s ease;
    -kthtml-transition: background .25s ease;
    transition: background .25s ease
}

.no-rgba .image-button p {
    background: #000
}

.image-button.blue p {
    background: rgba(84, 146, 204, 0.9)
}

.no-rgba .image-button.blue p {
    background: #5492cc
}

.image-button.orange p {
    background: rgba(223, 66, 0, 0.85)
}

.no-rgba .image-button.orange p {
    background: #df4200
}

.image-button.orange a:hover p {
    background: #df4200
}

.image-button.gold p {
    background: rgba(255, 204, 25, 0.85);
    color: #090a0b
}

.no-rgba .image-button.gold p {
    background: #ffcc19
}

.image-button.gold a:hover p {
    background: #ffcc19
}

.image-button.white p {
    background: rgba(255, 255, 255, 0.85);
    color: #090a0b
}

.no-rgba .image-button.white p {
    background: #FFF
}

.image-button.white a:hover p {
    background: #fff
}

.image-button.green p {
    background: rgba(225, 237, 185, 0.85);
    color: #090a0b
}

.no-rgba .image-button.green p {
    background: #e1edb9
}

.image-button.green a:hover p {
    background: #e1edb9
}

.image-button.yellow p {
    background: rgba(255, 243, 25, 0.85);
    color: #090a0b
}

.no-rgba .image-button.yellow p {
    background: #fff319
}

.image-button.yellow a:hover p {
    background: #fff319
}

#donate-cat.image-button .acf-media-credit {
    left: .5rem;
    right: auto
}

.sidebar .image-button {
    max-width: 100%
}

.text-button {
    display: inline-block;
    padding: .5rem 1rem;
    text-transform: uppercase;
    background: #090a0b;
    color: #FFF;
    margin: 0 .5rem .5rem 0;
    letter-spacing: .05em;
    -webkit-transition: all .25s ease;
    -kthtml-transition: all .25s ease;
    transition: all .25s ease
}

.text-button.large {
    font-size: 1.2rem
}

.text-button:hover {
    opacity: .8;
    color: #FFF
}

.text-button.blue {
    background: #5492cc
}

.text-button.orange {
    background: #df4200
}

.text-button.gold,
.text-button.gold:hover {
    background: #ffcc19;
    color: #090a0b
}

.text-button.white,
.text-button.white:hover {
    background: #FFF;
    color: #090a0b
}

.text-button.green,
.text-button.green:hover {
    background: #e1edb9;
    color: #090a0b
}

.text-button.yellow,
.text-button.yellow:hover {
    background: #fff319;
    color: #090a0b
}

.text-button.facebook {
    background: #3b5998
}

.text-button.twitter {
    background: #00aced
}

.text-button.google {
    background: #dd4b39
}

.donate-button {
    position: relative;
    width: 100%;
    height: 0;
    margin: 0;
    padding-bottom: 24.7%
}

.donate-button a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #5492cc;
    -webkit-transition: all .25s ease;
    -kthtml-transition: all .25s ease;
    transition: all .25s ease
}

.donate-button.orange a {
    background: #df4200
}

.donate-button.gold a {
    background: #ffcc19
}

.donate-button.gold a p {
    color: #090a0b
}

.donate-button.white a {
    background: #FFF;
    border: 1px solid #090a0b
}

.donate-button.white a p {
    color: #090a0b
}

.donate-button.green a {
    background: #e1edb9
}

.donate-button.green a p {
    color: #090a0b
}

.donate-button.yellow a {
    background: #fff319
}

.donate-button.yellow a p {
    color: #090a0b
}

.donate-button img {
    height: 100%;
    width: auto;
    float: right
}

.donate-button a:hover {
    -webkit-box-shadow: inset 0px 0px 70px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 70px rgba(0, 0, 0, 0.3)
}

.donate-button p {
    position: absolute;
    left: .8rem;
    top: .6rem;
    width: 36%;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #FFF;
    z-index: 2;
    margin: 0
}

.donate-button.narrow-text p {
    width: 36%
}

.donate-button.medium-text p {
    width: 46%
}

.donate-button.wide-text p {
    width: 58%;
    font-size: 1rem;
    top: .4rem
}

@media only screen and (max-width: 860px) {
    .donate-button p {
        font-size: 1.6rem
    }
    .donate-button.wide-text p {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 740px) {
    .content-header .large-3 {
        float: none
    }
    .donate-button-wrap {
        margin: 0 0 1rem;
        max-width: 200px;
        width: 200px;
        float: right
    }
    .donate-button p {
        top: .4rem;
        left: .4rem;
        font-size: 1rem
    }
}

@media only screen and (max-width: 640px) {
    .content-header .large-9 {
        position: relative
    }
    .donate-button-wrap {
        max-width: 35%;
        width: auto;
        position: absolute;
        bottom: 1px;
        right: .975rem
    }
    .donate-button {
        padding-bottom: 0;
        width: auto;
        min-height: 32px
    }
    .donate-button a {
        position: relative;
        background: #df4200;
        height: auto;
        min-height: 32px;
        text-align: right
    }
    .donate-button p {
        width: 100% !important;
        position: relative;
        top: auto;
        font-size: .85rem;
        line-height: 1.4;
        left: auto;
        right: auto;
        padding: .3rem .4rem
    }
    .donate-button.wide-text p {
        top: 0;
        left: 0;
        font-size: .8rem
    }
    .donate-button a:hover {
        color: #FFF;
        text-decoration: none !important
    }
    .donate-button img,
    .donate-button-wrap .acf-media-credit {
        display: none
    }
}

.full-width-button {
    position: relative;
    background-color: #5492cc;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 8rem;
    padding: 2rem 0 0;
    margin-bottom: 4px;
    text-align: center
}

.full-width-button.black {
    background-color: #090a0b
}

.full-width-button.green {
    background-color: #e1edb9
}

.full-width-button.orange {
    background-color: #df4200
}

.full-width-button.gold {
    background-color: #ffcc19
}

.full-width-button .centered {
    text-align: center;
    max-width: 1200px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    font-size: 1.6rem;
    font-weight: bold;
    border: 4px solid #FFF;
    padding: .25rem 2rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.no-rgba .full-width-button .centered {
    background: #000
}

.full-width-button.gold .centered,
.full-width-button.green .centered {
    color: #090a0b;
    border-color: #090a0b;
    background: rgba(255, 255, 255, 0.5)
}

.no-rgba .full-width-button.gold .centered,
.no-rgba .full-width-button.green .centered {
    background: #FFF
}

.full-width-button a {
    display: block
}

.full-width-button a:hover .centered {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#join-the-action-team.full-width-button .centered {
    background: rgba(81, 147, 205, 0.7)
}

.no-rgba #join-the-action-team.full-width-button .centered {
    background: #5193cd
}

.full-width-button .acf-media-credit {
    position: absolute;
    top: .25rem;
    right: .5rem;
    margin: 0;
    padding: 0;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.8)
}

.full-width-button .acf-media-credit a {
    color: #FFF;
    display: inline
}

@media only screen and (min-width: 1300px) {
    .full-width-button {
        background-size: 100% auto
    }
    #animal-friendly-fashion {
        background-color: #E14200;
        background-size: auto 100%
    }
}

@media only screen and (max-width: 560px) {
    .full-width-button .centered {
        max-width: 90%;
        padding: .25rem .5rem;
        font-size: 1.4rem;
        line-height: 1.2
    }
}

@media only screen and (max-width: 400px) {
    .full-width-button .centered {
        font-size: 1.2rem
    }
}

.button-shortcode .acf-media-credit {
    position: absolute;
    top: .25rem;
    right: .5rem;
    color: #FFF;
    margin: 0;
    padding: 0;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.7)
}

.button-shortcode .acf-media-credit a {
    display: inline;
    color: #FFF;
    text-align: right
}

.donate-button-wrap .acf-media-credit {
    position: relative;
    bottom: 0;
    right: 0;
    text-align: right;
    top: auto;
    padding: 0
}

.button-wrap {
    margin: 1rem 0
}

.button-wrap.center {
    text-align: center;
    clear: both
}

.button-wrap.right {
    text-align: right;
    clear: right
}

.button-wrap.left {
    clear: left
}

.button-wrap .button-shortcode {
    margin-left: .5rem;
    margin-right: .5rem
}

.button-wrap .button-shortcode:first-child {
    margin-left: 0
}

.button-wrap .button-shortcode:last-child {
    margin-right: 0
}

@media only screen and (max-width: 640px) {
    .button-wrap .button-shortcode {
        margin-left: 0;
        margin-right: 0
    }
}

.slideshow-wrap {
    text-align: center;
    position: relative
}

.peta-slideshow {
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding: 20px 50px 10px
}

.peta-slideshow .slideshow,
.peta-slideshow .cycle-pager {
    text-align: left
}

.peta-slideshow .cycle-slideshow {
    z-index: 99
}

.peta-slideshow .cycle-slideshow .cycle-slide {
    display: none
}

.peta-slideshow .arrow {
    position: absolute;
    top: 40%;
    margin-top: -29px;
    left: 0;
    background: url(../img/cycle-prev.svg) no-repeat;
    background-size: contain;
    width: 58px;
    padding: 10px;
    height: 58px;
    text-indent: -9999px;
    z-index: 100;
    cursor: pointer
}

.peta-slideshow #cycle-next {
    right: 0;
    background: url(../img/cycle-next.svg) no-repeat;
    background-size: contain;
    left: auto
}

.cycle-slideshow p {
    margin: 0
}

.cycle-slideshow {
    overflow: hidden
}

.cycle-pager {
    margin: .5rem 0;
    padding: 0 0 .5rem;
    overflow-y: hidden;
    white-space: nowrap
}

.cycle-pager img {
    width: 80px;
    border: 1px solid #090a0b;
    height: auto;
    margin-right: .5rem;
    cursor: pointer
}

.cycle-pager img:hover {
    opacity: .8
}

.cycle-pager img.cycle-pager-active {
    border-color: #FFF
}

.cycle-slideshow .custom-caption:not(:empty) {
    position: absolute;
    bottom: 20px;
    padding: .5rem 1rem;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #FFF
}

.no-rgba .cycle-slideshow .custom-caption:not(:empty) {
    background: #000
}

.cycle-slideshow .credit-container {
    height: 20px;
    display: block
}

.cycle-slideshow .custom-caption a {
    color: #FFF
}

.dark-bar .acf-media-credit a {
    color: #999
}

.post-type-archive-alert .peta-slideshow {
    max-width: 690px
}

@media only screen and (max-width: 640px) {
    .peta-slideshow {
        padding: 20px 0 10px
    }
    .peta-slideshow .arrow {
        width: 44px;
        height: 44px;
        left: 0;
        background-color: #FFF;
        background-size: 80% auto;
        background-position: center
    }
    .dark-bar .peta-slideshow .arrow {
        background-color: transparent;
        background-size: 100%
    }
    .cycle-pager img {
        width: 60px
    }
    .peta-slideshow #cycle-prev {
        left: -10px
    }
    .peta-slideshow #cycle-next {
        background-color: #FFF;
        background-size: 80% auto;
        background-position: center;
        right: -10px
    }
    .dark-bar .peta-slideshow #cycle-next {
        background-color: transparent;
        background-size: 100%
    }
}

.panel.callout {
    background: #e0e1e2;
    padding: 1rem;
    border: 0
}

body.default-layout .post .panel.callout a img.alignleft,
body.default-layout .post .panel.callout img.alignleft,
body.default-layout .post .panel.callout .wp-caption.alignleft,
body.default-layout .post .panel.callout .media-credit.alignleft {
    margin: 0 1rem 0 0
}

body.default-layout .post .panel.callout a img.alignright,
body.default-layout .post .panel.callout img.alignright,
body.default-layout .post .panel.callout .wp-caption.alignright,
body.default-layout .post .panel.callout .media-credit.alignright {
    margin: 0 0 0 1rem
}

.tweet-blockquote {
    background: #dbe8f5;
    padding: 1rem;
    margin: 1rem 0
}

.tweet-blockquote.alignright {
    margin: 0 -25% 20px 20px;
    float: right;
    width: 45%
}

.tweet-blockquote.alignleft {
    margin: 0 20px 20px -25%;
    float: left;
    width: 45%
}

.tweet-blockquote.aligncenter {
    margin: 1rem auto
}

.tweet-blockquote .tweet {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.tweet-blockquote p {
    display: inline;
    font-size: 1.2rem;
    font-weight: 700
}

.tweet-blockquote .tweet svg {
    fill: #00aced;
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 860px) {
    .tweet-blockquote.alignright {
        margin: 0 1rem 1rem 0
    }
    .tweet-blockquote.alignleft {
        margin: 0 0 1rem 1rem
    }
    .tweet-blockquote p {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 640px) {
    .tweet-blockquote p {
        font-size: 1rem
    }
}

@media only screen and (max-width: 440px) {
    .tweet-blockquote {
        float: none !important;
        width: 100% !important
    }
}

.related-posts h3 {
    font-family: 'Bebas Neue', "Arial Narrow", "Helvetica Condensed", "Impact", sans-serif;
    font-weight: normal;
    font-size: 2.4rem;
    color: #FFF;
    line-height: 1.1;
    letter-spacing: .02em;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 1rem
}

.related-posts p.post-title {
    font-size: 1.1rem
}

.single-post .related-posts h3 {
    text-align: left;
    color: #090a0b
}

.single-post .related-posts .block-item .more {
    font-size: 1.1rem
}

.single-post .related-posts.row {
    margin-left: -0.5rem;
    margin-right: -0.5rem
}

.single-post .related-posts .columns {
    padding-left: .5rem;
    padding-right: .5rem
}

@media only screen and (max-width: 408px) {
    .related-posts .block-item a.link {
        display: block
    }
}

.main-content .inline-share-bar {
    width: 100%;
    margin: .5rem 0 .5rem;
    padding: 0;
    text-align: center
}

.main-content .inline-share-bar a {
    display: inline-block;
    padding: 0;
    width: 42px;
    height: 42px;
    background-size: 34px !important;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 5px 5px 0
}

.main-content .inline-share-bar a.facebook-button {
    background-color: #305891;
    background-image: url(../img/facebook-share.svg)
}

.no-svg .main-content .inline-share-bar a.facebook-icon {
    background-image: url(../img/facebook-share.png)
}

.main-content .inline-share-bar a.twitter-button {
    background-color: #55acee;
    background-image: url(../img/twitter-share.svg)
}

.no-svg .main-content .inline-share-bar a.twitter-icon {
    background-image: url(../img/twitter-share.png)
}

.main-content .inline-share-bar a.pinterest-button {
    background-color: #C91618;
    background-image: url(../img/pinterest-share.svg)
}

.no-svg .main-content .inline-share-bar a.pinterest-icon {
    background-image: url(../img/pinterest-icon.png)
}

@media only screen and (max-width: 420px) {
    .main-content .inline-share-bar a {
        width: 36px;
        height: 36px;
        background-size: 28px !important
    }
}

.video-player .youtube-wrapper,
.video-player .widescreen-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    margin: 0 auto 1em auto;
    padding-bottom: 56.27%
}

.video-player object,
.video-player embed,
.video-player iframe,
.multi-video-player object,
.multi-video-player embed,
.multi-video-player iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

.dark-bar .player-wrapper {
    padding: 0;
    background: transparent;
    border: 0;
    margin: 0;
    width: auto
}

.video-multiplayer {
    width: 100%;
    position: relative
}

.video-multiplayer .video-player {
    width: 100%;
    margin: 0;
    overflow: hidden;
    clear: none;
    border: 1px solid #FFF
}

.dark-bar .video-multiplayer h2 {
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    font-size: 1.6rem;
    margin: .5rem 0;
    font-weight: bold
}

.video-multiplayer #youtube-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    margin: 0 auto;
    padding-bottom: 56.27%
}

.video-multiplayer #youtube-wrapper iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute
}

.playlist {
    width: 100% !important;
    margin: 1rem 0;
    position: relative;
    overflow-x: scroll;
    height: auto !important
}

.playlist ul {
    margin: 0;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 0 0 1rem;
    height: auto !important
}

.playlist li {
    width: 120px;
    display: inline-block;
    margin: 0 8px 0 0;
    padding: 0;
    list-style-type: none;
    font-size: .8rem;
    vertical-align: top;
    border-bottom: 0 !important
}

.playlist li a {
    display: block;
    text-decoration: none;
    color: #fff;
    line-height: 1.1;
    white-space: pre-wrap
}

.playlist li img {
    display: block;
    background: #26547f;
    width: 100%;
    margin: 0 0 5px;
    height: auto;
    padding: 1px
}

.playlist li.current-video img {
    background: #FFF
}

.playlist li.current-video a {
    color: #FFF
}

.main-content .video-multiplayer {
    background: #090a0b;
    padding: 1rem;
    width: 120%;
    margin-left: -10%;
    margin-right: -10%;
    margin-bottom: 1rem
}

.main-content .video-multiplayer .video-wrap {
    width: 76%;
    float: left
}

.main-content .video-multiplayer .video-player {
    width: 100%;
    margin: 0;
    overflow: hidden;
    clear: none
}

.main-content .video-multiplayer h2 {
    display: none !important
}

.main-content .video-multiplayer #youtube-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    margin: 0 auto;
    padding-bottom: 56.27%
}

.main-content .video-multiplayer #youtube-wrapper iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute
}

.main-content .playlist-wrapper {
    width: 22%;
    float: right
}

.main-content .playlist-inner {
    position: relative;
    width: 100%;
    height: 0;
    margin: 0 auto;
    padding-bottom: 194%
}

.main-content .playlist {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    overflow-y: auto
}

.main-content .playlist ul {
    margin: 0;
    padding: 0
}

.main-content .playlist li {
    margin: 0 0 5px;
    width: 90%;
    padding: 0;
    display: block;
    list-style-type: none;
    font-size: .9rem
}

.main-content .playlist li a {
    display: block;
    text-decoration: none;
    color: #FFF;
    line-height: 1.1
}

.main-content .playlist li img {
    display: block;
    width: 100%;
    height: auto;
    padding: 1px;
    background: #26547f
}

.main-content .playlist li.current-video img {
    background: #ffffff
}

.main-content .playlist li.current-video a {
    color: #ffffff
}

@media only screen and (max-width: 860px) {
    .main-content .video-multiplayer {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

@media only screen and (max-width: 580px) {
    .main-content .video-multiplayer .video-wrap,
    .main-content .playlist-wrapper {
        width: 100%;
        float: none
    }
    .main-content .playlist-inner {
        padding-bottom: 0;
        height: auto
    }
    .main-content .playlist {
        position: relative
    }
    .main-content .playlist ul {
        margin: 0;
        overflow-y: hidden;
        white-space: nowrap;
        padding: 0 0 1rem
    }
    .main-content .playlist li,
    .playlist li {
        width: 100px;
        display: inline-block;
        margin: 0 8px 0 0;
        padding: 0;
        list-style-type: none;
        vertical-align: top;
        border-bottom: 0 !important
    }
}

.sidebar .panel {
    padding: .75rem
}

.sidebar .widget h3,
.connect-bar h2,
.connect-bar h3,
.dark-bar h2,
.dark-bar h3 {
    font-family: 'Bebas Neue', "Arial Narrow", "Helvetica Condensed", "Impact", sans-serif;
    font-weight: normal;
    font-size: 2.2rem;
    line-height: 1.1;
    letter-spacing: .02em;
    text-transform: uppercase
}

.widget,
.row .row.collapse.widget {
    margin-bottom: 1.5rem
}

.sidebar input[type="radio"]+label {
    margin-left: .3rem;
    margin-right: .5rem
}

body.home .sidebar .widget,
body.home #top-sidebar .social-connect {
    margin-top: 1.5rem
}

body.home #top-sidebar .widget {
    margin-top: 0
}

body.home #top-sidebar .widget p {
    margin: 0
}

body.home .sidebar .widget .image-button {
    margin: 0
}

.widget .more {
    text-align: right;
    display: block;
    font-size: .9rem
}

.sidebar form input,
#enews-sidebar input,
#donate-form-sidebar input,
.donation_widget input {
    font-size: .75rem;
    padding: .4rem
}

.sidebar form input[type=checkbox],
#enews-sidebar input[type=checkbox],
#donate-form-sidebar input[type=checkbox],
.donation_widget input[type=checkbox] {
    vertical-align: top;
    float: left;
    padding: 0
}

#donate-form-sidebar input#donate_amount_other_text {
    width: 60px !important
}

.sidebar form .checkbox label,
#enews-sidebar .checkbox label,
#donate-form-sidebar .checkbox label,
.donation_widget .checkbox label {
    width: 76%;
    float: left;
    font-size: .7rem;
    margin-right: 0
}

.sidebar form p.legal,
#enews-sidebar p.legal,
#donate-form-sidebar p.legal,
.donation_widget p.legal {
    font-size: .7rem;
    margin: .25rem 0 0
}

#enews-sidebar {
    background: #090a0b;
    color: #FFF;
    border: 0;
    padding: 0.75rem 0.75rem 2rem 0.75rem
}

#enews-sidebar .ea-form-wrapper {
    overflow: visible !important;
    padding: 0
}

#enews-sidebar h3 {
    font-family: 'Bebas Neue', "Arial Narrow", "Helvetica Condensed", "Impact", sans-serif;
    font-weight: normal;
    font-size: 2.2rem;
    line-height: 1.1;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #FFF
}

#enews-sidebar h2 {
    font-family: "Open Sans", arial, sans-serif;
    font-size: 1.25rem;
    color: #e04100;
    text-transform: uppercase
}

#enews-sidebar h3 {
    margin: 0;
    color: #FFF
}

#enews-sidebar p {
    color: #FFF;
    font-size: 0.7rem
}

#enews-sidebar p span {
    font-size: 0.7rem !important
}

#enews-sidebar label {
    display: none
}

#enews-sidebar .ea-error-icon {
    background: none
}

#enews-sidebar .ea-form-wrapper input[type="text"] {
    float: none;
    width: 100%;
    height: 1.85rem;
    padding: 0.4rem;
    color: #090a0b;
    font-size: 0.875rem;
    border: 1px solid #959595
}

#enews-sidebar .ea-form-wrapper input[type="text"]::-webkit-input-placeholder {
    color: #090a0b
}

#enews-sidebar .ea-form-wrapper input[type="text"]:-moz-placeholder {
    color: #090a0b;
    opacity: 1
}

#enews-sidebar .ea-form-wrapper input[type="text"]::-moz-placeholder {
    color: #090a0b;
    opacity: 1
}

#enews-sidebar .ea-form-wrapper input[type="text"]:-ms-input-placeholder {
    color: #090a0b
}

#enews-sidebar .row_1 p {
    font-size: 0.5625rem;
    margin: 0
}

#enews-sidebar .row_3 {
    float: left;
    width: 41%;
    margin-right: 2%
}

#enews-sidebar .row_4 {
    float: left;
    width: 57%
}

#enews-sidebar .row_5 {
    float: left;
    width: 100%
}

#enews-sidebar .row_6 {
    float: left;
    width: 41%
}

#enews-sidebar .row_8.comp_15 {
    clear: both;
    display: block
}

#enews-sidebar .row_8.comp_15 label {
    display: block
}

#enews-sidebar .row_8.comp_15 .ea-field-grouping {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 0.5625rem;
    color: #ffffff;
    padding-left: 16px
}

@media only screen and (max-width: 1020px) {
    #enews-sidebar .row_8.comp_15 .ea-field-grouping {
        font-size: .8rem
    }
}

#enews-sidebar .row_8.comp_15.ea-error-icon .ea-field-grouping,
#enews-sidebar .row_8.comp_15.ea-error-icon a {
    color: #ff0000
}

#enews-sidebar .row_8.comp_15.ea-error-icon:after {
    font-size: 0.5625rem;
    line-height: 1.125rem;
    color: #ff0000;
    text-transform: uppercase;
    font-weight: bold;
    content: " Required Field"
}

@media only screen and (max-width: 1020px) {
    #enews-sidebar .row_8.comp_15.ea-error-icon:after {
        font-size: .8rem
    }
}

#enews-sidebar input[type="checkbox"] {
    float: none;
    margin-left: -16px
}

#enews-sidebar .row_7 {
    display: none
}

#enews-sidebar .row_9 {
    display: none
}

#enews-sidebar .col_3 {
    clear: none
}

#enews-sidebar .col_3 span {
    color: #fff
}

#enews-sidebar .ea-form-wrapper input[type="text"].ea-error {
    color: #ffffff;
    background: #e32925
}

#enews-sidebar .ea-form-wrapper input[type="text"].ea-error::-webkit-input-placeholder {
    color: #ffffff
}

#enews-sidebar .ea-form-wrapper input[type="text"].ea-error:-moz-placeholder {
    color: #ffffff;
    opacity: 1
}

#enews-sidebar .ea-form-wrapper input[type="text"].ea-error::-moz-placeholder {
    color: #ffffff;
    opacity: 1
}

#enews-sidebar .ea-form-wrapper input[type="text"].ea-error:-ms-input-placeholder {
    color: #ffffff
}

#enews-sidebar .ea-form-buttons {
    float: right;
    width: auto;
    padding: 0
}

#enews-sidebar .ea-form-buttons input[type="button"] {
    text-transform: uppercase;
    width: auto;
    height: 1.85rem;
    margin: 0 0 4px 0;
    padding: .5rem;
    font-size: 0.8125rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    border: solid 2px #5492cc;
    background: #5492cc;
    -webkit-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out
}

#enews-sidebar .ea-form-buttons input[type="button"]:hover {
    border-color: #ffffff;
    background: #000000
}

@media only screen and (max-width: 1024px) {
    #enews-sidebar .row_1,
    #enews-sidebar .row_2,
    #enews-sidebar .row_3,
    #enews-sidebar .row_4,
    #enews-sidebar .row_5,
    #enews-sidebar .row_6 {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    #enews-sidebar .row_6.comp_15 {
        position: static
    }
    #enews-sidebar .ea-form-buttons {
        float: none;
        width: 66.666%;
        margin: 0 auto
    }
    #enews-sidebar .ea-form-buttons input[type="button"] {
        width: 100%
    }
}

@media only screen and (max-width: 820px) {
    #enews-sidebar p {
        color: #FFF;
        font-size: 1rem
    }
    #enews-sidebar p span {
        font-size: 1rem !important
    }
}

@media only screen and (max-width: 440px) {
    #enews-sidebar,
    .home #enews-sidebar {
        margin: 1px 0 0;
        width: 100%;
        float: none;
        padding: 0.75rem
    }
    #enews-sidebar h3 {
        font-size: 1.6rem;
        cursor: pointer;
        position: relative
    }
    #enews-sidebar h3 span {
        display: block;
        width: 26px;
        height: 26px;
        background: url(../img/icon-arrow-white.svg) no-repeat;
        background-size: contain;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }
    #enews-sidebar h3.open span {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    #enews-sidebar .ea_widget_container {
        display: none;
        padding-top: .5rem
    }
    #enews-sidebar .ea_widget_container.open {
        display: block
    }
}

.connect-bar .email-sign-up h2 {
    font-family: "Open Sans", arial, sans-serif;
    font-size: 1.5rem;
    color: #e04100
}

.connect-bar .email-sign-up form input.button:hover {
    border-color: #5492cc;
    color: #5492cc;
    background: none
}

.connect-bar .email-sign-up .ea-form-wrapper {
    overflow: visible !important;
    padding: 0
}

.connect-bar .email-sign-up label {
    display: none
}

.connect-bar .email-sign-up .ea-form-wrapper input[type="text"] {
    float: none;
    width: 100%;
    height: 2.3125rem;
    padding: 0.4rem;
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid #cccccc
}

.connect-bar .email-sign-up .ea-form-wrapper input[type="text"]::-webkit-input-placeholder {
    color: #090a0b
}

.connect-bar .email-sign-up .ea-form-wrapper input[type="text"]:-moz-placeholder {
    color: #090a0b;
    opacity: 1
}

.connect-bar .email-sign-up .ea-form-wrapper input[type="text"]::-moz-placeholder {
    color: #090a0b;
    opacity: 1
}

.connect-bar .email-sign-up .ea-form-wrapper input[type="text"]:-ms-input-placeholder {
    color: #090a0b
}

.connect-bar .email-sign-up .ea-error-icon {
    background: none
}

.connect-bar .email-sign-up .row_1 p {
    margin: 0;
    font-size: 0.75rem
}

.connect-bar .email-sign-up .row_2 {
    float: left;
    width: 18%;
    margin-right: 2%
}

.connect-bar .email-sign-up .row_3 {
    float: left;
    width: 18%;
    margin-right: 2%
}

.connect-bar .email-sign-up .row_4 {
    float: left;
    width: 23%;
    margin-right: 2%
}

.connect-bar .email-sign-up .row_5 {
    float: left;
    width: 20%;
    margin-right: 2%
}

.connect-bar .email-sign-up .row_6.comp_15 {
    position: absolute;
    top: 2.8rem;
    display: block
}

.connect-bar .email-sign-up .row_6.comp_15 label {
    display: block
}

.connect-bar .email-sign-up .row_6.comp_15 label p {
    font-size: 85%
}

.connect-bar .email-sign-up .row_6 .ea-field-grouping {
    clear: left;
    margin: 0;
    padding: 0;
    font-size: 0.75rem
}

.connect-bar .email-sign-up .row_6.ea-error-icon .ea-field-grouping,
.connect-bar .email-sign-up .row_6.ea-error-icon a {
    color: #ff0000
}

.connect-bar .email-sign-up .row_6.ea-error-icon:after {
    font-size: 0.75rem;
    line-height: 1.125rem;
    color: #ff0000;
    text-transform: uppercase;
    font-weight: bold;
    content: " Required Field"
}

.connect-bar .email-sign-up .col_3 {
    clear: none
}

.connect-bar .email-sign-up .ea-form-wrapper input[type="text"].ea-error {
    color: #ffffff;
    background: #e32925
}

.connect-bar .email-sign-up .ea-form-wrapper input[type="text"].ea-error::-webkit-input-placeholder {
    color: #dfdfdf
}

.connect-bar .email-sign-up .ea-form-wrapper input[type="text"].ea-error:-moz-placeholder {
    color: #dfdfdf;
    opacity: 1
}

.connect-bar .email-sign-up .ea-form-wrapper input[type="text"].ea-error::-moz-placeholder {
    color: #dfdfdf;
    opacity: 1
}

.connect-bar .email-sign-up .ea-form-wrapper input[type="text"].ea-error:-ms-input-placeholder {
    color: #dfdfdf
}

.connect-bar .email-sign-up .row_7 {
    display: none
}

.connect-bar .email-sign-up .row_8 {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px
}

.connect-bar .email-sign-up .ea-form-buttons {
    float: left;
    width: 13%;
    margin: 0;
    padding: 0
}

.connect-bar .email-sign-up .ea-form-buttons input[type="button"] {
    width: 100%;
    height: 2.3125rem;
    margin: 0;
    padding: .5rem;
    font-size: 0.8125rem;
    font-weight: bold;
    line-height: 1;
    text-transform: none;
    border: solid 2px #5492cc;
    background: #5492cc;
    -webkit-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out
}

.connect-bar .email-sign-up .ea-form-buttons input[type="button"]:hover {
    color: #5492cc;
    border-color: #5492cc;
    background: #ffffff
}

@media only screen and (max-width: 1024px) {
    .connect-bar .email-sign-up .row_2,
    .connect-bar .email-sign-up .row_3,
    .connect-bar .email-sign-up .row_4,
    .connect-bar .email-sign-up .row_5 {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .connect-bar .email-sign-up .row_6.comp_15 {
        position: static
    }
    .connect-bar .email-sign-up .row_1 p,
    .connect-bar .email-sign-up .row_6.comp_15 {
        font-size: 1rem
    }
}

@media only screen and (max-width: 640px) {
    .connect-bar .email-sign-up .ea-form-buttons input[type="button"] {
        width: auto
    }
    .connect-bar .email-sign-up .ea-form-buttons {
        float: none;
        width: 100%
    }
}

.recent-posts-widget .wrap {
    background: #5492cc;
    padding: 1rem
}

.recent-posts-widget h3 {
    background: #5492cc;
    display: inline-block;
    margin: 0;
    color: #FFF;
    padding: .4rem 1rem
}

.recent-posts-widget .wrap a {
    color: #FFF
}

.widget.social-connect h2 {
    color: #FFF;
    margin-bottom: 0;
    font-family: 'Bebas Neue', "Arial Narrow", "Helvetica Condensed", "Impact", sans-serif;
    font-weight: normal;
    font-size: 2.2rem;
    line-height: 1.1;
    letter-spacing: .02em;
    text-transform: uppercase
}

.widget.social-connect a {
    display: block;
    width: 15.7%;
    margin-right: 1%
}

.widget.social-connect a:last-child {
    margin-right: 0
}

.social-connect a span {
    width: 100%;
    display: block;
    height: auto;
    position: relative;
    padding-top: 100%
}

.widget.social-connect a svg {
    display: block;
    fill: #FFF;
    border-radius: 50%;
    border: solid 3px #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease
}

.widget.social-connect a:hover svg {
    fill: #090a0b;
    background: rgba(255, 255, 255, 0.7)
}

.widget.social-connect a:hover svg.facebook {
    fill: #3b5998
}

.widget.social-connect a:hover svg.twitter {
    fill: #00aced
}

.widget.social-connect a:hover svg.instagram {
    fill: #517fa4
}

.widget.social-connect a:hover svg.youtube {
    fill: #bb0000
}

.widget.social-connect a:hover svg.google {
    fill: #dd4b39
}

.widget.social-connect a:hover svg.tumblr {
    fill: #3E526A
}

.no-svg .widget.social-connect a {
    background-size: contain
}

.no-svg .widget.social-connect a.facebook {
    background: url(../img/facebook.png) no-repeat
}

.no-svg .widget.social-connect a.twitter {
    background: url(../img/twitter.png) no-repeat
}

.no-svg .widget.social-connect a.instagram {
    background: url(../img/instagram.png) no-repeat
}

.no-svg .widget.social-connect a.youtube {
    background: url(../img/youtube.png) no-repeat
}

.no-svg .widget.social-connect a.google {
    background: url(../img/google.png) no-repeat
}

.no-svg .widget.social-connect a.tumblr {
    background: url(../img/tumblr.png) no-repeat
}

@media only screen and (max-width: 900px) {
    body.home .sidebar .widget {
        margin-bottom: .75rem
    }
    body.home .sidebar .widget.social-connect {
        margin-bottom: 0;
        margin-top: .75rem
    }
    .widget.social-connect a {
        width: 20%;
        height: auto;
        margin: 0 2% .3rem 0
    }
}

@media only screen and (max-width: 640px) {
    body.home .sidebar .widget.social-connect {
        margin-bottom: .75rem
    }
    .widget.social-connect a {
        width: 15.7%;
        margin-right: 1%
    }
}

@media only screen and (max-width: 440px) {
    #top-sidebar {
        padding-left: .75rem;
        padding-right: .75rem
    }
    .widget.social-connect h2 {
        font-size: 1.6rem
    }
}

.petauk #content table {
    table-layout: fixed
}

.peta-cafe-press {
    position: relative;
    text-align: center
}

.peta-cafe-press img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    display: block
}

.peta-cafe-press .product {
    width: 100%;
    min-height: 200px
}

.peta-cafe-press .product_link:hover {
    text-decoration: none
}

.peta-cafe-press .product_name {
    display: block;
    margin: 10px 0;
    color: #df4200;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.1;
    text-align: center
}

.peta-cafe-press .arrow {
    display: block;
    width: 67px;
    height: 67px;
    padding: 10px;
    position: absolute;
    top: 30%;
    left: 0;
    z-index: 100;
    cursor: pointer
}

.peta-cafe-press #cycle-next {
    right: 0;
    left: auto
}

.peta-cafe-press .arrow svg {
    width: 100%;
    height: 100%;
    fill: #df4200
}

.social-connect a {
    display: block;
    float: left;
    width: 54px;
    height: 54px;
    margin-right: 8px
}

.social-connect a svg {
    display: block;
    border-radius: 50%;
    border: solid 3px #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px
}

.connect-bar .social-connect svg.facebook {
    fill: #3b5998;
    border-color: #3b5998
}

.connect-bar .social-connect svg.twitter {
    fill: #00aced;
    border-color: #00aced
}

.connect-bar .social-connect svg.instagram {
    fill: #517fa4;
    border-color: #517fa4
}

.connect-bar .social-connect svg.youtube {
    fill: #bb0000;
    border-color: #bb0000
}

.connect-bar .social-connect svg.google {
    fill: #dd4b39;
    border-color: #dd4b39
}

.connect-bar .social-connect svg.tumblr {
    fill: #3E526A;
    border-color: #3E526A
}

.connect-bar .social-connect a {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.connect-bar .social-connect a:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.no-svg .connect-bar .social-connect a {
    background-size: contain
}

.no-svg .connect-bar .social-connect a.facebook {
    background: url(../img/icon-facebook.png) no-repeat
}

.no-svg .connect-bar .social-connect a.twitter {
    background: url(../img/icon-twitter.png) no-repeat
}

.no-svg .connect-bar .social-connect a.instagram {
    background: url(../img/icon-instagram.png) no-repeat
}

.no-svg .connect-bar .social-connect a.google {
    background: url(../img/icon-google.png) no-repeat
}

.no-svg .connect-bar .social-connect a.youtube {
    background: url(../img/icon-youtube.png) no-repeat
}

.no-svg .connect-bar .social-connect a.tumblr {
    background: url(../img/icon-tumblr.png) no-repeat
}

@media only screen and (max-width: 970px) {
    .connect-bar .social-connect {
        max-width: 400px
    }
    .connect-bar .social-connect a {
        width: 15%;
        height: auto;
        max-height: 100%;
        margin-right: 1%
    }
}

@media only screen and (max-width: 860px) {
    .connect-bar .social-connect {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width: 406px) {
    .social-connect a {
        width: 15%;
        margin-right: 1%
    }
}

footer {
    background: #5492cc;
    color: #f0f0f0
}

footer a {
    color: #f0f0f0
}

footer a:hover,
footer a:active,
footer a:focus {
    color: #f0f0f0;
    text-decoration: underline
}

footer ul {
    margin: 0
}

footer li {
    list-style: none
}

footer>.row:first-child {
    background: transparent url(../img/footer-bunny.svg) no-repeat 2em top;
    background-size: 33.3333%
}

.no-svg footer .bunny {
    background: url(../img/footer-bunny.png) no-repeat
}

footer a.footer-logo {
    display: block;
    width: 140px;
    height: 30px;
    background: transparent url(../img/footer-logo.svg) no-repeat left top;
    background-size: 100%;
    overflow: hidden
}

.no-svg footer a.footer-logo {
    background: url(../img/footer-logo.png) no-repeat
}

footer a.footer-logo span {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden
}

footer .menu-title {
    margin: 0;
    font-weight: bold
}

footer .menu-general-info-container,
footer .menu-site-tools-container,
footer .menu-international-sites-container {
    margin: 0 0 1em 0
}

footer .large-12 p {
    font-size: .85714em;
    line-height: 1.1667
}

@media only screen and (max-width: 640px) {
    footer>.row:first-child {
        background-size: 70%
    }
    footer li {
        display: inline
    }
    footer li:after {
        content: " | "
    }
    footer li:last-child:after {
        content: ""
    }
    footer .menu-title {
        border-bottom: 1px solid #efefef
    }
    footer .menu-general-info-container {
        text-align: center
    }
    footer #tools-menu,
    footer #international-menu {
        display: none
    }
}

@media only screen and (max-width: 1180px) {
    html {
        font-size: 15px
    }
}

@media only screen and (max-width: 1110px) {
    html {
        font-size: 14px
    }
}

@media only screen and (max-width: 1040px) {
    html {
        font-size: 13px
    }
}

@media only screen and (max-width: 970px) {
    html {
        font-size: 12px
    }
    p,
    ul,
    ol,
    .wp-caption p.wp-caption-text,
    .text-button {
        font-size: 1.1rem
    }
    .thumbnail-list .item h4 {
        font-size: 1.2rem
    }
    body.default-layout .main-content h2 {
        font-size: 2.4rem
    }
    .below-content.green {
        padding-top: 3rem
    }
    ul.pagination li,
    ul.page-numbers li,
    div.pagination {
        font-size: 1.3rem !important
    }
    h3 {
        font-size: 1.8rem
    }
    form label,
    form p.legal,
    form input,
    form select,
    button.small,
    .button.small,
    .post-type-archive-news-release .block-item a.link time,
    .post-type-archive-media .block-item a.link time,
    .tax-language .block-item a.link time {
        font-size: 1.2rem !important
    }
    .playlist li,
    span.more,
    .widget .more,
    .privacy p,
    .terms p,
    ul#menu-donate-menu {
        font-size: 1.2rem
    }
    .acf-media-credit {
        font-size: .9rem !important
    }
    #enews-footer-middleware .monthly-opt,
    #enews-footer-middleware .email_optin,
    #enews-footer-middleware .pma-casl-check,
    #enews-footer-middleware .membership-update,
    #enews-footer-middleware .opt-out-text,
    #enews-footer-middleware label,
    .pma-subscription-widget .required-fields-notice p {
        font-size: 1rem
    }
}

@media only screen and (max-width: 888px) {
    html {
        font-size: 11px
    }
    p,
    ul,
    ol,
    .wp-caption p.wp-caption-text,
    .sub-nav dd,
    .text-button {
        font-size: 1.4rem
    }
    .post-type-archive-news-release .block-item a.link p.post-title,
    .post-type-archive-media .block-item a.link p.post-title,
    .tax-language .block-item a.link p.post-title {
        font-size: 1.6rem
    }
    body.default-layout .main-content h2 {
        font-size: 2.2rem
    }
    body.post-type-archive .main-content h2 {
        font-size: 2.8rem
    }
    h3 {
        font-size: 2rem
    }
    h4 {
        font-size: 1.8rem
    }
    .connect-bar h2,
    .connect-bar h3,
    .dark-bar h2,
    .dark-bar h3 {
        font-size: 3rem
    }
    body.blog .post h2,
    body.category .post h2,
    body.tag .post h2 {
        font-size: 1.8rem !important
    }
}

@media only screen and (max-width: 820px) {
    html {
        font-size: 10px
    }
    .thumbnail-list .item h4 {
        font-size: 1.4rem
    }
    .block-item h2,
    .block-item h3,
    body.default-layout .main-content .block-item h2,
    body.default-layout .main-content .block-item h3 {
        font-size: 1.8rem
    }
    body.post-type-archive .main-content h2 {
        font-size: 3rem
    }
    .home .media-centre h2,
    .home .ways-to-help h2 {
        font-size: 2.6rem
    }
    form label,
    form p.legal,
    form input,
    form select,
    form textarea {
        font-size: 1.4rem !important
    }
    .playlist li,
    button.small,
    .button.small,
    span.more,
    .widget .more,
    .image-button p,
    .privacy p,
    .terms p,
    ul#menu-donate-menu .acf-media-credit,
    .home .media-centre ul {
        font-size: 1.4rem
    }
    .home .ways-to-help ul {
        font-size: 1.6rem
    }
    .acf-media-credit {
        font-size: 1rem !important
    }
    form input {
        height: auto !important
    }
    .post-list .excerpt {
        padding-bottom: 1rem
    }
}

@media only screen and (max-width: 640px) {
    html {
        font-size: 16px
    }
    p,
    ul,
    ol,
    .wp-caption p.wp-caption-text,
    .sub-nav dd,
    ul#menu-donate-menu,
    .thumbnail-list .item h4,
    .text-button,
    .f-dropdown li,
    .post-type-archive-news-release .block-item a.link p.post-title,
    .post-type-archive-media .block-item a.link p.post-title,
    .tax-language .block-item a.link p.post-title {
        font-size: 1rem
    }
    body.default-layout .main-content h2 {
        font-size: 1.6rem
    }
    body.post-type-archive .main-content h2 {
        font-size: 2rem
    }
    ul.pagination li,
    ul.page-numbers li,
    div.pagination {
        font-size: 1.1rem !important
    }
    h3 {
        font-size: 1.6rem
    }
    .home .media-centre h2,
    .home .ways-to-help h2 {
        font-size: 2rem
    }
    .block-item h2,
    .block-item h3,
    body.default-layout .main-content .block-item h2,
    body.default-layout .main-content .block-item h3 {
        font-size: 1.2rem
    }
    .sidebar .widget h3,
    .connect-bar h2,
    .connect-bar h3,
    .dark-bar h2,
    .dark-bar h3 {
        font-size: 2.2rem
    }
    form label,
    form p.legal,
    button.small,
    .button.small,
    .connect-bar .email-sign-up .row_1 p,
    .connect-bar .email-sign-up .row_6.comp_15 {
        font-size: .8rem !important
    }
    .post-type-archive-news-release .block-item a.link time,
    .post-type-archive-media .block-item a.link time,
    .tax-language .block-item a.link time {
        font-size: .9rem !important
    }
    span.more,
    .playlist li,
    .widget .more,
    .privacy p,
    .terms p,
    .home .media-centre ul {
        font-size: .8rem
    }
    .acf-media-credit {
        font-size: .6rem !important
    }
    .home .ways-to-help ul {
        font-size: 1.1rem
    }
    form input,
    form select,
    form textarea {
        font-size: 1rem !important
    }
    .image-button p {
        font-size: 1.1rem
    }
    body.blog .post h2,
    body.category .post h2,
    body.tag .post h2 {
        font-size: 1.6rem !important
    }
    #enews-footer-middleware label {
        font-size: 1rem !important
    }
}

@media print {
    a {
        text-decoration: none
    }
    a[href]:after {
        content: ''
    }
    header {
        border-bottom: 4px solid #090a0b
    }
}

@media print {
    .top-links,
    header .search-wrap,
    #main-nav,
    #breadcrumbs,
    .donate-button-wrap,
    .minimal-social,
    .video-player,
    .video-multiplayer,
    .related-posts,
    #comments #respond,
    .sidebar,
    .social-connect,
    .connect-bar,
    .footer-logo,
    #general-menu,
    #tools-menu,
    #international-menu {
        display: none !important
    }
}

.gallery-item.column-block {
    display: inline-block;
    margin-bottom: 1em
}

.gallery-item.column-block:hover p.wp-caption {
    background-color: rgba(0, 0, 0, 0.4);
    max-width: 89% !important;
    padding: 5%
}

.gallery-item.column-block:last-of-type {
    float: none
}

.small-up-2 .gallery-item.column-block {
    width: 50%;
    max-width: 50%
}

@media only screen and (min-width: 40.063em) {
    .large-block-grid-2 .gallery-item.column-block,
    .medium-up-2 .gallery-item.column-block {
        width: 50%;
        max-width: 50%
    }
}

.small-up-3 .gallery-item.column-block {
    width: 33.33333%;
    max-width: 33.33333%
}

@media only screen and (min-width: 40.063em) {
    .large-block-grid-3 .gallery-item.column-block,
    .medium-up-3 .gallery-item.column-block {
        width: 33.33333%;
        max-width: 33.33333%
    }
}

.small-up-4 .gallery-item.column-block {
    width: 25%;
    max-width: 25%
}

@media only screen and (min-width: 40.063em) {
    .large-block-grid-4 .gallery-item.column-block,
    .medium-up-4 .gallery-item.column-block {
        width: 25%;
        max-width: 25%
    }
}

.small-up-5 .gallery-item.column-block {
    width: 20%;
    max-width: 20%
}

@media only screen and (min-width: 40.063em) {
    .large-block-grid-5 .gallery-item.column-block,
    .medium-up-5 .gallery-item.column-block {
        width: 20%;
        max-width: 20%
    }
}

.small-up-6 .gallery-item.column-block {
    width: 16.66667%;
    max-width: 16.66667%
}

@media only screen and (min-width: 40.063em) {
    .large-block-grid-6 .gallery-item.column-block,
    .medium-up-6 .gallery-item.column-block {
        width: 16.66667%;
        max-width: 16.66667%
    }
}

.small-up-7 .gallery-item.column-block {
    width: 14.28571%;
    max-width: 14.28571%
}

@media only screen and (min-width: 40.063em) {
    .large-block-grid-7 .gallery-item.column-block,
    .medium-up-7 .gallery-item.column-block {
        width: 14.28571%;
        max-width: 14.28571%
    }
}

.small-up-8 .gallery-item.column-block {
    width: 12.5%;
    max-width: 12.5%
}

@media only screen and (min-width: 40.063em) {
    .large-block-grid-8 .gallery-item.column-block,
    .medium-up-8 .gallery-item.column-block {
        width: 12.5%;
        max-width: 12.5%
    }
}

/*# sourceMappingURL=sourcemaps/foundation-custom.css.map */