/* CSS Document */

.full-browser-width.layout-one-sidebar .content .block.block-system {
    padding: 0;
}
.breadcrumb {
    margin: 0 auto;
    max-width: 1200px !important;
}
p, h1, h2 {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
h1, h2 {
    color: #00a4e4;
    font-weight: bold;
}
.video-wrapper {
    height: 0;
    margin-bottom: 40px;
    padding-bottom: 56.25%;
    padding-top: 25px;
    position: relative;
}
.video-wrapper iframe {
    height: 100% !important;
    left: 0 !important;
    margin: auto 0 auto 0 !important;
    position: absolute;
    top: 0 !important;
    width: 100% !important;
}
.localisation-col {
    background: url('https://www.ippf.org/static/images/humanitarian/world.png') no-repeat bottom center;
    background-size: 150px;
    padding-bottom: 150px;
    background-position: bottom 40px right 50%;
    border: 1px dotted #009cde;
    border-radius: 10px;
}
.crisis-col {
    background: url(https://www.ippf.org/static/images/humanitarian/crisis.png) no-repeat;
    background-size: 130px;
    padding-bottom: 150px;
    background-position: bottom 40px right 50%;
    border: 1px dotted #009cde;
    border-radius: 10px;
}
.inclusivity-col {
    background: url('https://www.ippf.org/static/images/humanitarian/inclusivity.png') no-repeat;
    background-size: 90px;
    padding-bottom: 150px;
    background-position: bottom 40px right 50%;
    border: 1px dotted #009cde;
    border-radius: 10px;
}
.intro {
    /*border-bottom: 1px #d2d2d2 dotted;*/
    /*margin-bottom: 20px;*/
    padding: 40px;
    padding-top: 0;
}
.mexico-wrapper div.side-img,  .tonga-wrapper div.side-img,  .vanuatu-wrapper div.side-img {
    display: none;
}

@media (min-width: 1000px) {
.grid-three-col {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: auto auto auto;
    margin-bottom: 40px;
    width: 100%;
}
.grid-four-col {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: auto auto auto auto;
    margin-bottom: 40px;
    width: 100%;
	}
	
.grid-six-col {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: auto auto auto auto auto auto;
    margin-bottom: 40px;
    width: 100%;
	
}
.grid-two-col {
    display: grid;
    grid-column-gap: 0;
    grid-template-columns: 50% 50%;
    margin: auto;
    max-width: 1200px;
}
.vanuatu-wrapper .grid-column img,  .tonga-wrapper .grid-column img,  .mexico-wrapper .grid-column img {
    display: none;
}
.mexico-wrapper div.side-img {
    background: url('https://www.ippf.org/static/images/humanitarian/Mexico_Humanitarian_2017_60279_Brenda_Islas_IPPF_Brenda_Islas.jpg') no-repeat left top #00a886;
    background-size: cover;
    display: block;
    height: 100%;
    position: absolute;
    width: 50%;
}
.tonga-wrapper div.side-img {
    background: url('https://www.ippf.org/static/images/humanitarian/IPPF_Humanitarian_-_Tonga_Cyclone%20Gita__70980_IPPF_Alana%20Holmberg_Five_years_worldwide_.jpg') no-repeat left top #00a886;
    background-size: cover;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    width: 50%;
}
.vanuatu-wrapper div.side-img {
    background: url('https://www.ippf.org/static/images/humanitarian/IPPF_Humanitarian_-_Vanuatu_Volcano_2018_-_Social_Selects_73177_IPPF_Alana_Holmberg.jpg') no-repeat center top #00a886;
    background-size: cover;
    display: block;
    height: 100%;
    position: absolute;
    width: 50%;
}
.grid-column {
    padding: 40px;
    padding-bottom: 150px;
    /*border: 1px dotted #009cde;
    border-radius: 10px;*/
}
}

@media (max-width: 999px) {
.grid-column {
    margin-bottom: 40px;
}

    .grid-column.crisis-col,
    .grid-column.inclusivity-col,
    .grid-column.localisation-col
    {
    padding:20px 20px 150px 20px;

    }
.grid-three-col {
    padding: 20px 40px 40px;
}
.grid-four-col {
    padding: 20px 40px 40px;
}
	
.grid-six-col {
    padding: 20px 40px 40px;
}

}
.country-wrapper {
    margin-bottom: 80px;
    position: relative;
}
.fiji-wrapper a,  .fiji-wrapper a:visited,  .fiji-wrapper a.active,  .fiji-wrapper a.active:visited {
    color: #fff;
    display: block;
    margin-left: 40px;
    margin-right: 40px;
}
.fiji-wrapper a:hover {
    color: #525053;
}
.mexico-wrapper {
    background: #00a886;
}
.tonga-wrapper {
    background: #00a4e4;
}
.vanuatu-wrapper {
    background: #7f3f98;
    margin-bottom: 40px;
}
.country-image img {
    display: block;
}
.country-image img {
    margin: 0 !important;
    width: 100% !important;
}
.country-title {
    background: #ea523e;
    clear: both;
    padding: 15px 0;
    padding-top: 20px;
}
.country-title h2 {
    color: #fff;
}
.country-title .country {
    font-size: 1.6em;
}
.country-title .title {
    line-height: 1.6em;
    vertical-align: top;
    margin-left: 20px;
}
.country-title {
    color: #fff;
}
.quote {
    background: url('https://www.ippf.org/static/images/humanitarian/humanitarian-fiji-quote-bubble.png') center top no-repeat;
    background-size: 50px;
    font-family: 'Roboto Slab', serif;
    margin: 40px 0;
    margin-bottom: 80px;
    padding: 50px 100px 0;
    text-align: center;
}
.quote p.quote-text {
    font-family: 'Roboto Slab', serif;
}
.quote p.quote-source {
    color: #ea523e;
}
.fiji-wrapper h2 {
    background: #ea523e;
    margin-top: 0;
}
.fiji-wrapper h2::before {
    bottom: 20px;
    content: url('https://www.ippf.org/static/images/humanitarian/fiji.png');
    margin-left: -220px;
    opacity: 1;
    position: absolute;
}
.side-text {
    padding: 40px;
}
.mexico-wrapper .side-text {
    background: url(https://www.ippf.org/static/images/humanitarian/mexico.png) center center no-repeat;
    background-size: 50%;
}
.tonga-wrapper .side-text {
    background: url(https://www.ippf.org/static/images/humanitarian/tonga.png) center center no-repeat;
}
.vanuatu-wrapper .side-text {
    background: url(https://www.ippf.org/static/images/humanitarian/tonga.png) center center no-repeat;
}
.side-text h1,  .side-text h2,  .side-text p,  .side-text a {
    color: #fff!important;
}
.side-text a:hover,  .humanitarian-footer a:hover {
    color: #525053;
}
.side-text a {
    font-weight: bold;
}
.center {
    text-align: center;
}
.humanitarian-footer a {
    color: #f15d48;
}
.humanitarian_orange {
    color: #f15d48;
}
.icon_images {
    width: 100px !important;
}
.humanitarian-footer .grid-column {
    margin-bottom: 0px;
    padding-bottom: 20px;
}
.humanitarian-footer {
    margin-bottom: 0;
}
.our-successes-link,  .our-strategy-link,  .our-results-link {
    background: url(https://www.ippf.org/static/images/humanitarian/success_icon.png) no-repeat center bottom;
    background-size: 100px;
    display: block;
    padding-bottom: 120px;
}
.our-strategy-link {
    background: url(https://www.ippf.org/static/images/humanitarian/strategy_icon.png) no-repeat center bottom;
    background-size: 100px;
    padding-bottom: 120px;
}
.our-results-link {
    background: url(https://www.ippf.org/static/images/humanitarian/results_icon.png) no-repeat center bottom;
    background-size: 100px;
    padding-bottom: 120px;
}


.youth-in-nepal {
    background: url(https://www.ippf.org/static/humanitarian/images/np.png) no-repeat center bottom;
    background-size: auto 100px;
    display: block;
    padding-bottom: 120px;
}
.youth-in-sri-lanka {
    background: url(https://www.ippf.org/static/humanitarian/images/lk.png) no-repeat center bottom;
    background-size: auto 90px;
    display: block;
    padding-bottom: 120px;
}

.youth-in-indonesia {
    background: url(https://www.ippf.org/static/humanitarian/images/id.png) no-repeat center bottom;
    background-size: auto 100px;
    display: block;
    padding-bottom: 120px;
}

.youth-in-philippines {
    background: url(https://www.ippf.org/static/humanitarian/images/ph.svg) no-repeat center bottom;
    background-size: auto 100px;
    display: block;
    padding-bottom: 120px;
}

.our-successes-link:hover {
    background: url(https://www.ippf.org/static/images/humanitarian/success_icon_hover.png) no-repeat center bottom;
    background-size: 100px;
    padding-bottom: 120px;
}
.our-strategy-link:hover {
    background: url(https://www.ippf.org/static/images/humanitarian/strategy_icon_hover.png) no-repeat center bottom;
    background-size: 100px;
    padding-bottom: 120px;
}
.our-results-link:hover {
    background: url(https://www.ippf.org/static/images/humanitarian/results_icon_hover.png) no-repeat center bottom;
    background-size: 100px;
    padding-bottom: 120px;
}

#cta-gbv{
    text-align: center;
    margin-top: 35px;
}

#cta-gbv a {
    color:#f15d48;
}


#humanitarian-map {
   /* position: relative;
    height: 100%;
    width:100%;
    overflow: hidden;
    min-height: 400px;
    max-width: 900px;
    margin:0 auto;*/
    margin-top: 30px;
    margin-bottom: 45px
}
#humanitarian-map iframe {
  /*  height: 100%;
    left: 0;
    position: absolute;
    top: 0;*/
    width: 100%;
    margin:auto;
}

.ggr-map-iframe{
    height:500px;
}

#where-we-respond-header{
    
        max-width: 740px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    
}

@media (max-width: 999px) {
.country-wrapper .grid-column {
    margin-bottom: 0px;
}
.quote {
    padding: 40px 40px 0 40px;
}
.country-wrapper .grid-column img {
    margin: 0px!important;
    width: 100%!important;
}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.country-wrapper .grid-column {
    padding: 0;
    padding-bottom: 0;
}
.country-wrapper .grid-column.side-text {
    left: 50%;
    padding: 40px;
    position: relative;
    width: 50%;
}
.tonga-wrapper .grid-column.side-text {
    left: 0%;
}
}