@charset "UTF-8";


/* --------------------------------- iPad Landscape ---------------------------------*/


/* Portrait and  */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1181px)
and (orientation: landscape) {



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




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

footer .footer ul li:first-child {
margin-right: 10px;
}

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: 35px;
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: 30px;
}


header .header .search {
display: none;
}



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




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





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

.headlines p {
font-size: 1.2em;
line-height: 1.1em;
padding-bottom: 0px;
margin-bottom: 25px;
}


.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;
}


p {
font-size: 1.5em;
}

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


.section ul {
font-size: 1.5em;
}

.section.newsletter .newsletter-form {
flex-basis: 300px;
}


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




.section.issues .case div a {
font-size: 1.5em;
}


}



/* --------------------------------- iPad Portrait ---------------------------------*/


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


a.more-link {
padding: 5px 20px 5px 0px;

}




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



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

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

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


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




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

footer .footer ul li ul.socials i {
margin-right: 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 a {
padding:0px;
}





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


iframe {
height: 44vh;
}


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: 35px;
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: 30px;
}


header .header .search {
display: none;
}



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




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



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




.key-issue-link::after {
background: transparent url(key-issue-arrow-rose.svg) no-repeat center center;
top: 17px;
}








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


.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 {
padding: 30px 0px;
}

.overlay-navigation ul li a {
font-size: 1.5em;
}

.overlay-navigation .close-navigation {
top: 20px;
right: 20px;
}





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

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


.section ul {
font-size: 1.4em;
line-height: 1.2em;
}

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




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



.section.pages ol, 
.section.key-issues ol {
font-size: 1.4em;
}



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





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

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

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

.section.issues .case > div:last-child {
height: 300px;
}

.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: 50%;
}

.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 .mrw {
display: none;

}




.section.newsletter .newsletter-form {
flex-basis: 300px;
}





.section.bbc {
height: 50vh;
}




.section.general-overview figure.wp-block-image {
height: 300px;
}


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


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


.section.donate .button {
flex-basis: 200px;
}



.section.blog img {
width: 50%;
height: auto;
float: left;
margin-right: 50px;
margin-bottom: 30px;
}











}