.no-svg .site-logo {
    background: url(../images/logo-petaau.png) no-repeat;
    background-size: contain;
    width: 140px;
    height: 140px;
    margin: 10px 0
}

header .header-image {
    position: absolute;
    width: 248px;
    right: 20px;
    top: -7px;
    z-index: 50
}

@media only screen and (max-width:1060px) {
    header .header-image {
        width: 220px
    }
}

@media only screen and (max-width:960px) {
    header .header-image {
        width: 190px
    }
}

@media only screen and (max-width:780px) {
    header .header-image {
        width: 110px;
        right: 10px;
        top: 2px
    }
}

@media only screen and (max-width:690px) {
    header .header-image {
        width: 100px
    }
}

#main-nav .top-bar-section ul li.donate:not(.has-form) a:not(.button) {
    background: #ff504f
}

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

@media only screen and (min-width:781px) {
    #main-nav .top-bar-section ul li>a,
    #main-nav .top-bar-section .has-dropdown>a {
        padding: 0 1.3rem !important
    }
    .flexbox #main-nav .top-bar-section ul li>a,
    .flexbox #main-nav .top-bar-section ul .has-dropdown>a {
        padding: 0 1.1rem !important
    }
}

@media only screen and (min-width:890px) {
    #main-nav .top-bar-section .has-dropdown>a {
        padding: 0 .8rem !important
    }
    .flexbox #main-nav .top-bar-section ul li>a,
    .flexbox #main-nav .top-bar-section ul .has-dropdown>a {
        padding: 0 1rem !important
    }
}

@media only screen and (min-width:961px) {
    #main-nav .top-bar-section ul li>a {
        line-height: 46px;
        padding: 0 1.6rem !important
    }
    #main-nav .top-bar-section .has-dropdown>a {
        padding: 0 1.6rem !important
    }
    #main-nav .top-bar-section ul li:first-child>a {
        padding-left: 1.8rem !important
    }
}

@media only screen and (max-width:480px) {
    .top-bar-section li.current-menu-item ul.dropdown li>a,
    .top-bar-section li.current-menu-ancestor ul.dropdown li a {
        padding: 0 .9375rem 0
    }
}

body.home .donation-teaser-en-widget {
    background: #ff504f
}

body.home .donation-teaser-en-widget input.button {
    background: #cd2625
}

body.home .donation-teaser-en-widget .legal p {
    font-size: .8rem
}

.mobile-top-links .mobile-secondary li.english {
    display: none
}

footer span.logo {
    display: block;
    width: 190px;
    height: 24px;
    background: url(../images/text-peta-au.svg) no-repeat;
    background-size: contain;
    text-indent: -9999px
}

.no-svg footer span.logo {
    background: url(../images/text-peta-au.png) no-repeat;
    background-size: contain
}

.text-button.blue {
    background: #36b7e1
}

.text-button.blue:hover {
    background: #2e81c4
}

.text-button.coral {
    background: #ff504f
}

.text-button.coral:hover {
    background: #cd2625
}

.text-button.yellow {
    background: #ff7;
    color: #000
}

.text-button.yellow:hover {
    background: #ffda77
}

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

.text-button.orange:hover {
    background: #ef8d0f
}

.text-button.yellow span,
.text-button.yellow strong,
.text-button.yellow em,
.text-button.yellow h2,
.text-button.yellow h3,
.text-button.yellow h4 .text-button.yellow:hover {
    color: #000
}

.image-bar-button.blue p,
.image-bar-button.blue strong,
.image-bar-button.blue em,
.image-bar-button.blue h2,
.image-bar-button.blue h3,
.image-bar-button.blue h4 {
    background: #36b7e1
}

.image-bar-button.blue:hover p,
.image-bar-button.blue:hover strong,
.image-bar-button.blue:hover em,
.image-bar-button.blue:hover h2,
.image-bar-button.blue:hover h3,
.image-bar-button.blue:hover h4 {
    background: #2e81c4
}

.image-bar-button.coral p,
.image-bar-button.coral strong,
.image-bar-button.coral em,
.image-bar-button.coral h2,
.image-bar-button.coral h3,
.image-bar-button.coral h4 {
    background: #ff504f
}

.image-bar-button.coral:hover p,
.image-bar-button.coral strong,
.image-bar-button.coral em,
.image-bar-button.coral:hover h2,
.image-bar-button.coral:hover h3,
.image-bar-button.coral:hover h4 {
    background: #cd2625
}

.image-bar-button.yellow p,
.image-bar-button.yellow strong,
.image-bar-button.yellow em,
.image-bar-button.yellow h2,
.image-bar-button.yellow h3,
.image-bar-button.yellow h4 {
    background: #ff7;
    color: #000
}

.image-bar-button.yellow:hover p,
.image-bar-button.yellow:hover strong,
.image-bar-button.yellow:hover em,
.image-bar-button.yellow:hover h2,
.image-bar-button.yellow:hover h3,
.image-bar-button.yellow:hover h4 {
    background: #ffda77
}

.image-bar-button.orange p,
.image-bar-button.orange strong,
.image-bar-button.orange em,
.image-bar-button.orange h2,
.image-bar-button.orange h3,
.image-bar-button.orange h4 {
    background: #ffab3f
}

.image-bar-button.orange:hover p,
.image-bar-button.orange:hover strong,
.image-bar-button.orange:hover em,
.image-bar-button.orange:hover h2,
.image-bar-button.orange:hover h3,
.image-bar-button.orange:hover h4 {
    background: #ef8d0f
}