@charset "UTF-8";
/* CSS Document */



/* ------------------------- No Landscape Please  ------------------------- */


@media only screen 
and (min-device-width: 300px) 
and (max-device-width: 900px)
and (orientation: landscape) {


.master-case, .section, footer, header { display: none; }


.rotate.iphone {
background-color: var(--black);
display: flex!important;
position: relative;
align-items: center;
justify-content: center;
width:100%;
height: 100%;
z-index: 1;
}



}




/* ------------------------------ iPhone X ------------------------------ */


@media only screen 
and (min-device-width: 300px) 
and (max-device-width: 812px)  
and (orientation: portrait) { 


a.more-link {
padding: 5px 20px 5px 0px;
font-size: 1.5em;
}


body, html {
background-color: var(--white);
font-size: 0.75em;
}



blockquote {
padding: 25px;
margin-bottom: 50px;
margin-right: 0px;
background-color: var(--white);
}


blockquote::after {

    top: 25px;
    left: 25px;

}



.breadcrumbs p {
    font-size: 1.5em;
 
}



.button {
width:100%;
font-size: 1.25em;
margin: 0;
}


.box {
font-size: 1.2em!important;
}




.bywire-privacy-notice a {
    display: block;
}





footer .footer {
padding: 50px 25px 100px 25px;
}




footer .footer ul {
margin-bottom: 25px;
flex-direction: column;
}

footer .footer ul li {
margin-right: 0px;
}

footer .footer ul li:first-child {
flex-basis: auto;
margin-right: 0px;
margin-bottom: 25px;
}


footer .footer ul li:last-child {
flex-basis: auto;
}

footer .footer ul li ul {
    margin-top: 0px;
    margin-bottom: 15px;

    
}




footer .footer ul li ul li {
flex-basis: auto;
margin-right: 0px;
margin-bottom: 0px;
}

footer .footer ul li ul li:first-child {
flex-basis: auto;
margin-right: 0px;
margin-bottom: 0px;
}



footer .footer ul li:first-child img {
width: 75px;
}

footer .footer ul li ul.socials i {
margin-right: 15px;
margin-top:5px;
}

footer .footer .bywire-privacy-notice {
font-size: 1.2em;
margin-bottom:25px;
}



footer .footer .legal {
flex-direction: column;
}


footer .footer .legal p {
 margin-bottom: 10px;
}

footer .footer .legal p:nth-of-type(3){
padding-right: 222px;
}





footer .footer .legal p a {
padding:0px;
}





hr.tzp {
margin: 25px 0px;
}


iframe {
height: 33vh;
}



header {
 position: fixed;
  left: 0px;
    top: 0px;
}



header .header {
    padding: 15px 25px;

}



header .header .search .searchbar form .screen-reader-text {
font-family: 'Gotham Bold';
font-size: 1.2em;
color: white;
margin-right: 20px;
}






header .navigation {
display: none;
}

header .mobile-only {
display: flex;
width: auto;
height: 25px;
align-items:center
}

header .mobile-only .navi {
display: block;
}


header .mobile-only .search-mobile {
display: block;
width: 30px;
height: 30px;
padding: 5px;
margin-left: 15px;
align-items: center;
}

header .header .logo {
width: auto;
height: 25px;
}


header .header .search {
display: none;
}



header .header .logo-mobile {
display: block;
position: relative;
width: 30px;
height: 30px;
cursor: pointer;
}



header .header .search-mobile .searchbar {
height: 75px;
top: 55px;
}







.hero.swiper {
position: relative;
height: calc(100vh - 0px);
}


.hero.swiper .swiper-slide .case .headlines {
max-width: calc(100% - 25px);
padding: 25px;
}



.headlines h2 {
font-size: 1.6em;
}


.headlines p {
line-height: 1.1em;
padding-bottom: 0px;
margin-bottom: 25px;
text-align: left;
}

.headlines a.more-link {
padding: 5px 20px 5px 0px;
font-size: inherit;
}



.key-issue-link {
width:auto;
}


.key-issue-link::after {
top: 17px;
width: 75px;
height: 20px;
}


.key-issues .key-issue-link:nth-of-type(odd)::after { background: transparent url(key-issue-arrow-red.svg) no-repeat center center; }
.key-issues .key-issue-link:nth-of-type(even)::after { background: transparent url(key-issue-arrow-ruby.svg) no-repeat center center; }











.navigation > ul > li {
padding: 20px 15px 20px 15px;
}


.navigation > ul > li > ul {
top: 75px;
}


.navigation > ul > li:nth-last-child(2) > ul {
min-width: 300px;
}



.overlay-navigation ul li {
display: block;
padding: 15px 0px;
}

.overlay-navigation ul li a {
margin-bottom: 5px;
font-size: 1.5em;
}

.overlay-navigation ul li ul {
display: none;
flex-direction: column;
}


.overlay-navigation .logo {
margin-left: 25px;
margin-top: 15px;
margin-bottom: 25px;
}




.overlay-navigation .close-navigation {
top: 12px;
right: 15px;
width: 30px;
    height: 30px;
}

.close-navigation .close-line-right,
.close-navigation .close-line-left {
top: 15px;
}




p {
font-size: 1.5em;
line-height: 1.5em;
}







.rotate.iphone {
display: none!important;

}








.searchbar form .screen-reader-text {
display: none;
}

.searchbar form input[type=submit] {

padding: 15px 25px;

flex-basis: auto;

}

.searchbar form input[type=search] {
padding: 5px 0px;
}


.section.blog img {
width: 100%;
height: auto;
float: none;
margin-right: 0px;
margin-bottom: 30px;
}

.section ul {
font-size: 1.4em;
line-height: 1.2em;
text-align: left;
padding: 25px;
}

.section.overview h1.special {
margin-right: 25px;
}



.section.overview .case {
flex-direction: column-reverse;
}


.section.overview .case div:nth-child(1), .section.overview .case div:nth-child(2) {
padding-right: 25px;

}


.section.top-section {
margin-top: 100px;
}


.section.key-issues ul {
font-size: 1.4em;
line-height: 1.2em;
    padding: 25px;
}

.section.key-issues .emphasize {
padding: 25px;
margin-right: 0px;
}

.section.key-issues .emphasize::after {
 left: 25px;
    top: 25px;
}



.section.pages ul {
font-size: 1.4em;
padding: 25px;
}

.section.pages ul li {
    text-align: left;
    
}



.section.pages ol, 
.section.key-issues ol {
font-size: 1.4em;
padding: 0px;

}

.section.pages .team-members-case {
flex-direction: column;
}

.section.pages .team-members {
margin: 0px 0px;
}


.section.pages .team-members img {
width: 200px;
}



.section.pages img {
width: 100%;
float: none;
margin-right: 0px;
margin-bottom: 30px;
}



.section.pages figure.logo-partners {
width: 100%;
float: none;
padding: 50px;
}


.section.pages figure.logo-partners img {

    filter: grayscale(0);
}





.section.pages figure.logo-partners:nth-of-type(4n + 1) {
clear: none;
}




.section.issues .case {
margin-bottom: 25px;
}


.section.issues .case div a {
font-size: 1.4em;
padding: 15px 0px;
}

.section.issues .case:nth-of-type(odd) > div:first-child {
padding-left: 0px;
}

.section.issues .case .key-issues-img::after {
right: -25px;
bottom: -50px;
}



.section.issues .case:nth-last-of-type(even) {flex-direction: column-reverse;}
.section.issues .case:nth-last-of-type(odd) {flex-direction: column-reverse;}


.section.issues .case > div:first-child {
padding-right: 20px;
}

.section.issues .case > div:last-child {
height: 300px;
margin-top: 25px;
margin-bottom: 60px;
}

.section.issues .case div a::after {
content: '▶';
margin-left: 10px;
}


.section.issues h2 {
padding-bottom: 0px;
}



.section.issues .case div img {
width: 100%;
height: 100%;
object-fit: cover;
}



.section.key-issues img {
width: 100%;
float: none;
margin-right: 0px;
margin-bottom: 15px;
}

.section.key-issues h1 {
margin-top: 50px;
margin-bottom: 25px;
}


.section.newsletter .newsletter-hype {
padding-right: 25px;
}

.section.donate .case .donate-hype h1 {
font-size: 4.0em;
}


.section.newsletter {
    padding: 50px 25px;
}


.section.newsletter .case {
    flex-direction: column;

}



.section.newsletter .mrw {
display: none;

}


.section.newsletter .newsletter-form {
flex-basis: auto;
}

.section.newsletter form input[type="submit"] {
width: 100%;
}



.section.bbc {
height: auto;
padding:0px;
}



.section.bbc .headlines {
    position: relative;

    padding: 25px;

}






.section.general-overview figure.wp-block-image {
position: relative;
width: 100%;
height: 300px;
margin-right: 0px;
margin-bottom: 50px;
}



.section.general-overview figure.wp-block-image::after {

    right: -25px;
    bottom: -35px;
   
}


.section.general-overview figure.wp-block-image:nth-last-of-type(odd) { float: none; }
.section.general-overview figure.wp-block-image:nth-last-of-type(even) {float: none;margin-left: 0px;}




.section.general-overview p.read-more a {
padding: 15px 0px;
}



.section.general-overview h2 {
    margin-bottom: 5px;
}




.section.blog .image {
height: 200px;
}


.section.donate .button {
flex-basis: auto;
}

.section.donate .case {
flex-direction: column;
}

.section.donate .case > div {
    padding-right: 0px;
    margin-bottom: 25px;
}






}




/* ------------------------------ iPhone 5 ------------------------------ */


@media only screen 
and (min-device-width: 300px) 
and (max-device-width: 320px)  
and (orientation: portrait) { 


header .header {
padding: 20px;
}


body, html {
    font-size: 0.65em;
}

header .header .logo {
    width: auto;
    height: 20px;
}

footer .footer .legal p:nth-of-type(3) {
    padding-right: 171px;
}

.overlay-navigation ul li {
    display: block;
    padding: 5px 0px;
}















}