/* Typography */ /* // End typography */ /* Resets ------ */ html,body,div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img,ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;} ul{list-style: none;} article, aside, canvas, figure,figure img, figcaption, hgroup, footer, header, nav, section, audio, video {display: block;} blockquote, q{quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;} table{border-collapse: collapse; border-spacing: 0;} b, strong {font-weight: bold;} [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;} .clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0; height:0; font-size: 0;} a img{border:0; border-style: none; } a, input, select, textarea{outline:none;} img{width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none;} /* Selection colours (easy to forget) */ img::selection {background: transparent;} img::-moz-selection {background: transparent;} a{text-decoration: none; display: inline-block;} input[type='number']{-moz-appearance:textfield;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none;} input::-moz-focus-inner{border:0; padding: 0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {display: none; } input:required{box-shadow:none;} input::-moz-focus-inner{box-shadow:0 0 0px transparent;} input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"], input[type="submit"], input[type="password"], select, textarea{font-family: 'Roboto', sans-serif; font-weight: 700;} button{padding: 0;} /* Default Layout ------------------------------------------------------------------------------- */ /* Font property css font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit; */ .sticky, .sticky body{height: 100%;} .sticky .main-wrap, .sticky .main-content-wrap{min-height: 100%;} .sticky .main-wrap{position: relative;} .sticky footer{position: absolute; bottom: 0; left: 0; width: 100%;} body{background: rgb(255,255,255); -webkit-text-size-adjust: 100%; -moz-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; overflow-x: hidden; overflow-y:auto; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; line-height: 27px; color: #505050; letter-spacing: 0.6px;} *{-webkit-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing: border-box;} /* Global style */ h1, h2, h3, h4, h5, h6{font-size: 45px; line-height: 50px; font-weight: 700; letter-spacing: 0.5px; color: #b18f4a;} h1, h2{letter-spacing: 0.56px;} h3{font-size: 34px; line-height: 44px;} h4{font-size: 30px; line-height: 40px;} h5{font-size: 26px; letter-spacing: 0.3px; font-weight: 500;} strong{font-weight: 700;} .lead-text, h6{font-size: 22px; line-height: 36px; font-weight: 500; letter-spacing: 0.3px;} .sm-lead-text{font-size: 20px; line-height: 38px; font-weight: 500; letter-spacing: 0.7px;} .sm-body-text{font-size: 16px; line-height: 27px;} .medium-body-text{font-size: 18px; line-height: 34px; letter-spacing: .67px;} .sub-title{font-size: 40px; } button{background-color: transparent; border: 0;} .link:hover{text-decoration: underline;} a{color: #505050;} /* color class */ .creole-color{color: #090102;} .creole-bg, .close-btn span:before, .close-btn span:after{background-color: #090102;} .driftwood-color{color: #B18F4A;} .driftwood-bg{background-color: #B18F4A;} .white-rock-color{color: #EFE9DB;} .white-rock-bg{background-color: #EFE9DB;} .punga-color{color: #544018;} .punga-bg{background-color: #544018;} .merino-color{color: #F8F4EC;} .merino-bg{background-color: #F8F4EC;} .emperor-color{color: #505050;} .emperor-bg{background-color: #505050;} /* //End color class */ button{padding: 0;} dfn, address, em{font-style: normal;} label, input[type="submit"], button{cursor: pointer;} button:focus{outline: none;} .close-btn{position: absolute; right: 110px; top: 80px; width: 24px; height: 24px; background: none; border: 0; outline: none; z-index: 89;} .close-btn span{float: left; position: relative; margin-top: 10px; height: 2px;} .close-btn span:before, .close-btn span:after{position: absolute; left: 0; top: 0px; width: 32px; height: 2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; margin-top: -5px; margin-left: -4px;} .close-btn span:after{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);} .container, .md-container, .sm-container{max-width: 1160px; margin: 0 auto; clear: both; padding: 0 40px;} .container .container, .container .md-container, .container .sm-container{padding: 0;} .md-container{} .sm-container{} section, footer, header, .main-wrap, main{float: left; width: 100%; position: relative; z-index: 1;} header{z-index: 99999;} .main-wrap{overflow: hidden;} /* component */ .responsive-nav-bar{width: 98px; height: 35px; border-radius: 3px; background-color: #ffffff; border: 0; position: relative; padding: 3px 10px; margin-top: 47px; float: right; z-index: 19;} .nav-bar{width: 23px; height: 2px; background-color: #090102; display: block; position: absolute; top: 50%; left: 11px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} .responsive-nav-bar dfn{float: right; font-size: 14px; font-weight: 500; line-height: 23px; letter-spacing: 0.5px; color: #090102; margin-right: 5px;} .nav-bar:after, .nav-bar:before{width: 100%; height: 100%; background-color: #090102; content: ''; left: 0; position: absolute; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} .nav-bar:before{top: -6px;} .nav-bar:after{top: 6px;} .navOpen .nav-bar{background-color: transparent;} .navOpen .nav-bar:before, .navOpen .nav-bar:after{top: 0;} /*.navOpen .nav-bar:before{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);} .navOpen .nav-bar:after{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}*/ .btn{width: 275px; height: 65px; line-height: 63px; border-radius: 3px; border: 1px solid transparent; font-size: 20px; font-weight: 500; text-align: center; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .outline-btn{border-color: #b18f4a; color: #b18f4a; background-color: transparent;} .filled-btn, .outline-btn:hover{background-color: #b18f4a; color: #ffffff;} .filled-btn:hover{background-color: #94773b;} .display-flex{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;} .align-center{-webkit-box-align: center; align-items: center;} .hidden, .mobi{display: none;} .text-left{text-align: left;} .text-right{text-align: right} .text-centre{text-align: center;} .abosulate-bg{position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-size: cover; background-position: center; background-repeat: no-repeat;} /* Header style */ .header:after, .main-hero-section:after{position: absolute; right: 0; top: 0; bottom: 0; width: 40%; z-index: -5; background-color: #efe9db; content: "";} .header-inner{position: relative; max-width:1330px;} .logo{float: left; width: 110px; margin: 24px 75px 17px 0;} .main-navigation{float: left; width: -webkit-calc(100% - 185px); width: calc(100% - 185px); background-color: #efe9db; padding: 0 0 41px 28px;} .nav-wrap{float: left; width: -webkit-calc(100% - 234px); width: calc(100% - 234px);} /* Menu style */ .nav-wrap > ul{float: left; width: 100%;} .nav-wrap > ul > li{margin: 0 15px; float: left;} .nav-wrap > ul li a{font-size: 16px; line-height: 36px; letter-spacing: 0.6px; color: #5a534e; font-weight: 500;} .nav-wrap > ul > li > a{padding-top: 49px; position: relative; text-decoration:none;} .nav-wrap > ul > li > a:before, .nav-wrap > ul > li.current-page-ancestor > a:before, .nav-wrap > ul > li.current-menu-parent > a:before{position: absolute; left: 0; top: 0; width: 0px; height: 12px; background-color: #b18f4a; content: ""; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;} .nav-wrap > ul > li:hover > a, .nav-wrap > ul > li.subnav:hover > a, .nav-wrap > ul > li.current-menu-item > a{color: #090102;} .nav-wrap > ul > li:hover > a:before, .nav-wrap > ul > li.current-menu-item > a:before, .nav-wrap > ul > li.current-page-ancestor > a:before, .nav-wrap > ul > li.current-menu-parent > a:before{width: 100%;} .nav-wrap > ul > li.subnav > a{color: #605b5b;} .nav-wrap > ul > li.subnav > a:after{width: 10px; height: 5px; content: ""; background: url(../svg/triangle.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; display: inline-block; vertical-align: middle; margin-left: 4px;} .nav-wrap > ul > li.subnav{position: relative;} .nav-wrap > ul > li > ul{background-color: #faf8f4; min-width: 177px; padding: 19px 24px; position: absolute; left: 0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); transform-origin: top; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;} .nav-wrap > ul > li.subnav > ul li a{color: #5a534e; white-space: nowrap;} .nav-wrap > ul > li.subnav:hover > ul{-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);} .search-nav{float: right; width: 234px; margin-top: 47px;} .donatebtn{float: left; width: 78px; height: 35px; line-height: 33px; color: #ffffff; font-size: 14px; margin-left:18px; text-decoration:none;} .partnerbtn{ background: #bfa367;} .search-triger{float: left; width: 36px; height: 35px; text-align: right; cursor: pointer;} .search-triger img{width: 19px; height: 19px; display: inline-block; vertical-align: middle;} .search-field-wrap{float: left; width: 100%; background-color: #efe9db; position: relative; z-index: 999; height:100vh;} .search-field-inner{min-height: 640px;} .search-field{max-width: 708px; position: relative; z-index: 1;} .search-field input{float: left; width: 100%; height: 81px; padding-bottom: 11px; border: 0; background: transparent; border-bottom: 1px solid #979797; font-size: 45px; line-height: 1.11; letter-spacing: 0.6px; color: #b18f4a;} .search-field button{position: absolute; right: 0; top: 50%; margin-top: -17.5px; border: 0; width: 37px; height: 37px; background: transparent; z-index: 5;} .search-field button img{width: 100%;} .search-field input::placeholder {color: #b18f4a;} .search-item {float: left; width: 100%; margin-top: 58px} .search-item h2 {float: left;display: block; width: 100%; clear: both;font-size: 26px;letter-spacing: 0.3px;line-height: 36px;color: #090102;font-weight: 700; margin-bottom: 23px;} .search-result {position: relative; } .search-result p {margin-bottom: 33px} .search-item .search-result a:after {position: absolute;width: 100%; height: 8px; background: #b18f4a; content: '';z-index: 5;} /* Header style */ /* Home page style ============================ Beginning hero section style */ .hm-hero-wrap {min-height: 513px;} .slick-slide {min-height: 513px;} .main-hero-section{position: relative; min-height: 513px;} .hero-alt-height {min-height: 410px} .hero-alt-impact {min-height: 450px} .alpha .hero-alt-height{min-height: 539px;} .main-hero-bg{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;} .hero-content {position: absolute;top: 0;left: 0;width: 100%; height: 100%; z-index: 1;} .hero-content-inner{width: 100%; height: 100%;} .main-hero-inner{max-width: 1262px; position: relative; height: 100%; padding: 0;} .hero-thumb{float: left; width: 73.29635499207607%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; z-index: 1;} .hero-alt-inner .hero-thumb{background-position: top center;} .hero-thumb:after{position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 180px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.53) 98%); content: "";} .hero-right-graph{float: left; min-width: 246px; width: 26.70364500792393%;} .hero-thumb-text{float: left; width: -webkit-calc(100% - 246px); width: calc(100% - 246px); position: relative; height: 100%;} .hero-thumb-text h3, .hero-thumb h3{max-width: 772px; padding-right: 50px; color: #ffffff; position: absolute; bottom: 70px;} .hero-graph-text{float: right; width: 246px; padding-bottom: 105px;} .hero-graph-text p, .hero-right-graph p{float: right; max-width: 181px; margin-top: 50px; font-size: 17px; line-height: 27px; font-weight: 700; text-align: right; color: #483613;} .donate-modal-section{float: left; width: 100%; max-height: 100vh; overflow-y: auto; position: fixed; z-index: 99999; background: #ffffff; display: none;} .donate-modal-wrap{width: 100%; display: table; height: 100vh; padding: 50px 20px;} .donate-modal-inner{display: table-cell; vertical-align: middle; width: 100%;} .donate-modal{max-width: 915px; box-shadow: 0 0 8px 0 rgba(88, 88, 88, 0.5); padding: 80px 110px; position: relative; background: #ffffff;} .donate-accordion-wrap{float: left; width: 100%; padding-top: 40px;} .accordion-item{float: left; width: 100%;} .accordion-item h6.title{float: left; width: 100%; padding: 10px 0; cursor: pointer;} .accordion-item h6.title:after{content: ""; width: 27px; height: 13px; background-image: url(../svg/)} .accordion-item .description{float: left; width: 100%; padding: 10px 0 30px; display: none;} .accordion-item .description address, .accordion-item .description title{float: left; width: 100%; font-style: normal; display: block; letter-spacing: 0.6px; font-size: 16px; line-height: 27px;} .accordion-item .description title{text-transform: uppercase; padding: 10px 0 5px; font-weight: 700; font-size: 14px; line-height: 22px; letter-spacing: 1.2px;} .accordion-arrow{position: relative; top: -2px; display: inline-block; width: 28px; height: 13px; overflow: hidden;} .accordion-arrow:after{position: absolute; left: 0; top: 10px; width: 24px; height: 24px; border: 2px solid #b18f4a; content: ""; transform: rotate(45deg);} .active .accordion-arrow{bottom: -2px; top: auto;} .active .accordion-arrow:after{bottom: 10px; top: auto;} .fullwidth-content-section{padding-top: 79px; z-index: 0;} .fullwidth-content-inner{position: relative;} .fullwidth-content{float: left; max-width: 800px; width: 74.07407407407407%;} .fullwidth-content p{padding-top: 32px;} .fullwidth-content > a{margin-top: 38px;} .africa-dots{position: absolute; width: 337px; right: -155px; top: -332px;} .home-content .africa-dots{width: 490px; right: -130px; top: -218px;} /* blog-content-section */ .blog-item{float: left; width: 100%; margin-top:93px;} .blog-item > figure{float: left; max-width: 615px; width: 56.94444444444444%; position: relative;} .blog-item > figure > a{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; width: 74px; height: 74px;} .blog-content-wrap{float: left; margin-left: 3.055555555555556%; width: 40%;} .blog-content-wrap p:not(.medium-body-text){margin-top: 52px; font-size: 16px; position: relative; z-index: 1;} .blog-item:first-child .blog-content-wrap p:before, .blog-item:first-child .blog-content-wrap p:after{position: absolute; left: 0; top: -9px; content: ""; width: 60px; height: 49px; background-image: url(../svg/quote.svg); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: -1;} .blog-item:first-child .blog-content-wrap p:after{background-image: url(../svg/quote-2.svg); top: auto; left: auto; right: 0; bottom: 4px;} .blog-content-wrap > a{margin-top: 37px;} .blog-content-wrap cite{float: left; width: 100%; clear: both; margin-top: 27px; font-weight: 700; font-style: normal; letter-spacing: .56px;} .blog-item:nth-child(even){margin-top: 106px;} .blog-item:nth-child(even) .blog-content-wrap{margin-left: 0; margin-right: 3.055555555555556%; width: 31.2037037037037%;} .blog-item:nth-child(even) > figure{float: right; max-width: 710px; width: 65.74074074074074%;} .hear-content h2{margin: 24px 0 0;} .hear-content p.medium-body-text{line-height: 32px; margin: 41px 0 0;} .team-section{padding-top: 78px;} .team-inner{position: relative; z-index: 1;} .team-col{float: left; width: 48.37962962962963%; margin-right: 1.62037037037037%;} .team-col:nth-child(even){margin-right: 0; margin-left: 1.62037037037037%;} .team-item{float: left; width: 100%; margin-top: 45px;} .team-item > figure{float: left; width: 46.69856459330144%; margin-right: 6.698564593301435%;} .team-item:nth-child(even) > figure{float: right; margin-left: 6.698564593301435%; margin-right: 0;} .team-content{float: left; width: 46.31578947368421%; margin-top: -6px;} .team-content p{margin: 10px 0 0;} .circle-pattern{width: 62.96296296296296%; position: absolute; top: -75px; left: -20.37037037037037%; z-index: -1;} .team-col:nth-child(even) .circle-pattern{left: auto; right: -20.37037037037037%;} /* Service section style */ .services-section{padding-top: 121px; z-index: 3;} .service-lead-section{float: left; width: 100%; background-color: #f8f4ec; padding: 60px 0 120px;} .service-lead-inner{max-width: 915px; text-align: center;} .service-lead-inner p{padding-top: 31px; font-size: 20px; line-height: 38px; letter-spacing: 0.7px; color: rgba(9, 1, 2, 0.65);} .service-item-wrap{float: left; width: 100%; margin-top: -80px; position: relative; z-index: 2;} .service-item-inner{counter-reset: count;} .service-item{float: left; width: 22.5%; margin: 21px 1.666666666666667%; text-align: center; position: relative; border-radius: 3px; background-color: #efe9db; padding: 17px 22px; overflow: hidden;} .service-item:nth-of-type(-n+3){width: 31.2962962962963%; margin: 15px 1.527777777777778%;} .service-item:first-child, .service-item:nth-child(4){margin-left: 0; clear: both;} .service-item:nth-child(3), .service-item:last-child{margin-right: 0;} .service-item > a{position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; background-color: #b18f4a; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; opacity: 0; visibility: hidden; border-radius: 3px;} .service-item:hover > a{opacity: 1; visibility: visible;} .service-item > a span{display: inline-block; vertical-align: middle; letter-spacing: 0.2px; color: #ffffff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%;} .service-item > a span:after{content: ""; width: 28px; height: 14px; margin-left: 9px; background-image: url(../svg/arrow.svg); background-repeat: no-repeat; background-position: center; background-size: contain; display: inline-block; vertical-align: middle;} .service-item .item-content{float: left; width: 100%; text-align: center; font-size: 22px; font-weight: 700; line-height: 1.64; letter-spacing: 0.3px; position: relative; color: #090102;} .service-item .item-content br{font-size: 0; line-height: 0;} .service-item .item-content:before{content: counter(count) ". "; counter-increment: count; color: #b18f4a; font-size: 22px; line-height: 36px;} /* Donate section */ .donate-section{margin-top: 121px; padding-bottom: 150px; margin-bottom: 60px;} .donate-section:after{position: absolute; left: 0; right: 0; bottom: 0; top: 205px; content: ""; background-color: #f8f4ec; z-index: -2;} .donate-section-inner{position: relative; min-height: 355px;} .donate-section-inner .abosulate-bg{left: 40px; right: 40px;} .donate-section-inner > h2{max-width: 660px; width: 100%; position: absolute; left: 50%; bottom: 66px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); text-align: center; color: #ffffff; font-size: 40px; line-height: 55px; letter-spacing: 0.5px;} .donate-section-inner > .btn{position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); bottom: -32.5px; z-index: 5; max-width: 615px;} .donate-section-inner .circle-pattern{left: -18.36206896551724%; max-width: 615px;} .donate-section-inner .circle-pattern.right-pattern{right: -18.36206896551724%; left: auto; top: 49px;} /* End Home page style /* /* Beginning Our People Page */ .our-people-content{padding-top: 33px; padding-bottom: 115px;} .max-title-wrap{max-width: 708px;} .max-title-wrap p{padding-top: 31px;font-size: 18px; line-height: 34px; letter-spacing: 0.67px;} .uppercase{text-transform: uppercase; } .title-text-wrap{float: left; width: 100%; } .carousel-section{margin-top: 101px;} .carousel-section,.carousel-inner{float: left; width: 100%;} .carosel-info{float: left; width: 100%; position: relative; margin-top: 29px;} .content-wrap{float: left;width: 100%;} .swiper-button-prev, .swiper-button-next, .controller{width: 44px; height: 44px; background-image: url(../svg/arrows.svg); background-repeat: no-repeat; background-position: center center; background-size: 44px; left: -21px; right: auto;top: 29%; outline: none; cursor: pointer;} .swiper-button-next, .next-controller{background-image: url(../svg/arrows-right.svg); right:-21px; left: auto} .content-item span{display: block; line-height: 22px;letter-spacing: 1.35px; font-weight: 700; margin-top: 10px;} .content-item h5{line-height: 30px;margin-top: 17px; margin-bottom: 10px} #country-field{margin-top: 85px;} .board-of-direction-wrap{float: left;width: 100%; margin-top: 96px; } .board-of-direction-wrap .content-wrap{display: flex; flex-flow: row wrap} .board-of-direction-wrap .content-item{float: left; max-width: 245px;width: 22.68518518518519%; margin: 0 1.54320987654321%; padding-top: 30px;border-top: 7px solid #b18f4a; margin-top: 65px; } .disabled-swiper .content-item {float: left; max-width: 245px;width: 22.68518518518519%; margin: 0 1.54320987654321%;} .board-of-direction-wrap .content-item:nth-of-type(-n+4){margin-top: 60px;} .board-of-direction-wrap .content-item:nth-child(4n+1), .disabled-swiper .content-item:nth-child(4n+1){margin-left: 0px; clear: both} .board-of-direction-wrap .content-item:nth-child(4n+4), .disabled-swiper .content-item:nth-child(4n+4){margin-right: 0px;} .board-of-direction-wrap .content-item span{margin-top: 16px;} .board-of-direction-wrap .content-item p{margin-top: 23px;} .board-of-direction-wrap .content-item p a{font-style: italic; color: #b18f4a ;font-family: 'Roboto', sans-serif; font-weight: 500; letter-spacing: 0.71px;} .board-of-direction-wrap .content-item h5{margin-top: 37px; margin-bottom: 16px} .our-partner-wrap{float: left;width: 100%; margin-top: 93px;} .our-partner-wrap .title-text-wrap p{margin-top: 22px;line-height: 34px;font-size: 18px;letter-spacing: 0.67px;} .sustailability h4{margin-top: 55px;} .partner-item-wrap{float: left; max-width: 946px; width: 100%; margin-top:14px;margin-left: -16.5px; } .partner-item{width: 152px; margin:29px 14.5px 0;padding: 13px 20px 17px; /*border: 1px solid #efe9db;*/} .pro-bono{margin-top: 87px;} .government-partners{margin-top: 91px;} .implement-partners{margin-top:83px;} .implement-partners span{float: left;width: 100%} .implement-partners span.driftwood-color{font-weight: 700; margin-top: 26px; font-size: 18px; letter-spacing: 0.67px;} .our-partner-wrap .title-text-wrap.implement-partners p{float: left;width: 100%;font-size: 18px; margin-top: 0;line-height: 34px} .pro-bono-partner{margin-top: 22px;} span.driftwood-color.peer2peer{margin-top:42px;} /* // End Our People Page */ /* Beginning Contact Page */ .contact-content-wrap{float: left; width: 100%; position: relative;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; align-items: center;} .contact-info{float: left; max-width: 556px;width:51.48148148148148%;padding-right: 30px;position: relative} .info-top {float: left;width: 100%; position: relative;} .action-info{float: left;width: 100%;margin-top: 20px;} .action-info:first-child{margin-top: 0;} .action-icon{float: left; width: 22px; margin-top: 4px;} .action-icon img{vertical-align:middle} .action-info p{float: left;width: 96.03603603603604%; width: -webkit-calc(100% - 22px);width:calc(100% - 22px);font-size: 22px; line-height: 36px; letter-spacing: 0.82px; color: #090102; padding-left: 15px;} .action-info a{color: #090102;} .action-item-wrap{float: left;width: 100%; margin-top: 22px;} .action-item{float: left; width: 50%; padding-left: 20px; margin-top: 36px;} .action-item:nth-child(2n+1){padding-left: 0;} .action-item h4{color: #b18f4a; letter-spacing: 0.38px;float: left;} .action-item a{display: inline-block; padding-left: 34px; margin-top: 15px;font-size: 18px;line-height: 30px; letter-spacing: 0.28px;color: #090102;background-image: url(../svg/mail.svg); background-repeat: no-repeat; background-position: left center; background-size: 19px; white-space: nowrap;} .contact-thumb{float: right;position: absolute; right: 0; top:7px; bottom: 0; max-width: 524px; width:48.51851851851852%;background-repeat: no-repeat; background-position:center center; background-size: cover;} .action-item a:hover{text-decoration: underline} .contact-info p.sm-body-text{margin-top: 65px;float: left; letter-spacing: 0.6px;} .donate-details-wrap{float: left;width: 100%; margin-top: 134px;} .donate-text-wrap{float: left;width:50%; } .donate-text-wrap h2{line-height: 50px;letter-spacing: 0.5px; font-size: 40px;} .donate-text-wrap p{margin-top: 22px;font-size: 18px;line-height: 36px; letter-spacing: 0.67px;} .donate-action{float: left; width: 50%;margin-top:60px; text-align: right;} .donate-action a{display: inline-block;width: 71px; margin:32px 15px 0; } .donate-action a:nth-child(2){width: 156px;} .donate-action a:nth-child(3){width: 137px;} .donate-action a:last-child{margin-right: 0} .donate-via-wrap{float: left; width: 100%;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; align-content: center;} .donate-via-wrap a{float: left;width:30.74074074074074%; padding: 55px 58px 60px;font-size: 30px; line-height: 48px; letter-spacing: 0.38px;color: #090102; text-align: center; background-color: #f8f4ec; margin-top: 65px; position: relative; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; transition: all 0.4s ease; } .donate-via-wrap a:nth-child(3n+1){margin-left: 0;} .donate-via-wrap a:nth-child(3n+3){margin-right: 0;} .donate-via-wrap a:before{position: absolute; left: 50%;content: '';width: 31px; height: 15px; bottom: 45px;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); transform: translateX(-50%);background-image: url(../img/right-arrow.png); background-repeat: no-repeat; background-position: center bottom; background-size: 31px;opacity: 0; visibility: hidden;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; transition: all 0.4s ease;} .donate-via-wrap a:hover:before{opacity: 1; visibility: visible;} .donate-via-wrap a:hover{background:#b18f4a;color: #ffffff;padding-top: 29px;padding-bottom: 86px; } .contact-content{padding-bottom: 96px;} .contact-content .hero-graph-text p{max-width: 191px;letter-spacing: 0.63px;} .contact-content .hero-graph-text{padding-bottom: 112px;} .contact-content .hero-thumb-text h3{bottom: 71px;} .contact-content .fullwidth-content-section{padding-top: 107px;} /* End Contact Page */ /* News Page */ .article-post-wrap{float: left;width: 100%;} .article-item{float: left; max-width: 340px; width:31.48148148148148%;margin: 0 1.388888888888889%;margin-top: 103px; } .article-item:nth-child(3n+1){margin-left: 0px; clear: both} .article-item:nth-child(3n+3){margin-right: 0px;} .article-item:nth-last-of-type(-n+3){margin-top: 121px;} .article-item:nth-of-type(-n+3){margin-top: 0;} .article-item a.article-thumbs{float: left; width: 100%;} .article-item a.thumb-title{float: left;display: inline-block; clear: both; font-size: 26px; letter-spacing: 0.3px; line-height: 36px;color: #090102;font-weight: 700; } .article-item a.thumb-title:hover{text-decoration: underline} .article-item span{float: left; width: 100%; padding-top: 20px;margin-top: 33px;position: relative;} .article-item span:before {position: absolute; left: 0; top: 0;width: 100%; height: 8px; background: #b18f4a; content: '';z-index: 5;} .article-item p{float: left;width: 100%;margin-top: 36px;letter-spacing: 0.6px;} .HasThumb span{padding-top: 23px; margin-top: 21px;} .HasThumb a.thumb-title{padding-top: 25px;} .pagination-wrap{float: left; width: 100%; margin-top: 118px; text-align: center} .pagination-wrap a, .pagination-wrap .page-numbers {display: inline-block; font-size: 18px;line-height: 27px;letter-spacing: 0.71px;margin: 0 15px;color:#090102; padding: 5px;} .pagination-wrap .current{font-weight: 900;} .news-content .fullwidth-content-section{padding-top: 103px;} .HasThumb a.article-thumbs{margin-top: 6px;} .donate-article-wrap{position: relative; width: 100%; float: left} .donate-article-wrap .pattern-left{position: absolute; top: 19%; left: 33px; width: 610px} .donate-article-wrap .pattern-right{position: absolute; top: auto; right: 34px; bottom: 2%; width: 610px} .donate-article-wrap:before{content:""; position: absolute; bottom: 22px; left: 0; background: #f8f4ec; width: 100%; height:482px} .donate-content-section{position: relative;} .donate-content-wrap{max-width: 600px;padding-top: 51px; margin: 0 auto} .donate-content-section .future-thumbnail{margin-top: 92px;} .donate-content-wrap h1{text-align: center; padding: 0 31px;} .donate-content-wrap p{margin-top: 33px; font-size: 20px; line-height: 38px; letter-spacing: 0.74px; text-align: center} .donate-content-wrap .donate-button{ margin-top: 67px; float: left; width: 100%; text-align: center} .donate-content-wrap .donate-button a{ margin-left: 5.166666666666667%; display: inline-block; letter-spacing: 0.74px} .donate-content-wrap .donate-button a:first-child{margin-left: 0;} .news-content{padding-bottom: 115px;} /* Beginning Single News Page */ .single-top-post{float: left; width: 100%;} .single-top-thumb{position: relative; float: right; max-width: 337px; width:31.2037037037037%;margin-left:3.05555555555556%; } .single-top-post .article-item{position:relative; float: left; max-width:710px; width: 65.74074074074074%;margin: 0} .single-top-post .article-item p{float: left;width: 100%; margin-top: 26px;letter-spacing: 0.6px;} .single-top-post .article-item span{padding: 0; margin: 0;} .single-top-post .article-item span:before{display:none} .single-top-post .article-item a{float: left;width: 100%; position: relative;font-size: 40px; padding-bottom: 48px;margin-top: 13px;line-height: 50px; letter-spacing: 0.5px;} .single-top-post .article-item a:before{position: absolute; left: 0; bottom: 0; width: 100%; height: 8px; content: ''; background: #b18f4a; z-index: 5;} .like-post-wrap{float: left;width: 100%;margin-top: 116px; } .like-post-wrap .article-item:nth-last-of-type(-n+3),.like-post-wrap .article-item{margin-top: 59px;} .single-news-content .fullwidth-content-section{padding-top: 111px;} .single-top-post .article-item p:nth-child(3){margin-top: 45px;} .single-news-content{padding-bottom: 96px;} .single-news-content em{font-style: italic;} .single-top-post .article-item ul{margin-top: 23px; float: left; width:100%;position: relative;} .single-top-post .article-item ul li {float: left;width: 100%; padding-left: 35px; position: relative;} .single-top-post .article-item li:before {left: 12px;width: 4px;height: 4px;border-radius: 50%;background-color: #505050;content: '';position: absolute;top: 12.5px;} .wp-video {float: left; margin-top: 26px} .single-top-post .article-item h2, .single-top-post .article-item h3, .single-top-post .article-item h4, .single-top-post .article-item h5, .single-top-post .article-item h6 {margin-top: 26px; float: left} .single-top-post img.aligncenter {margin: 26px auto; width: auto; display: block;} .single-top-post img.alignright {margin: 26px auto; width: auto; float: right} .single-top-post img.alignleft {margin: 26px auto; width: auto; float: left} .single-top-post .article-item .wp-block-gallery li:before{display:none;} .single-top-post .article-item .wp-block-gallery li{padding-left: 0; padding-right: 10px} /*.single-top-post .article-item .columns-2 li figure {width: 50%}*/ .single-top-post .article-item .columns-2 li {width: 45%;} /* begin engage page */ .engage-content .africa-dots{width: 315px;top: -221px;right: -141px;} .engage-content:before{background: #f8f4ec; content:""; position: absolute; top:-126px; left: 0; width: 40.67073170731707%; height:-webkit-calc(97% + 126px); height:calc(97% + 126px); z-index: -1;} .main-content-section{padding-top: 78px; position: relative; z-index: 1;} .left-section{max-width: 387px; width: 35.83333333333333%; float: left} .left-section .left-section-items{max-width: 295px;} .left-section .left-section-items ul{ position: relative; counter-reset: count} .left-section .left-section-items ul li{position: relative; padding-left: 35px; margin-top: 26px; padding-right: 22px;} .left-section .left-section-items ul li:first-child{ margin-top: 0;} .left-section .left-section-items ul li:before{counter-increment: count; content: counter(count) ". " ; position:absolute; top: 0; left: 0; color: rgba(9, 1, 2, 0.68); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 22px; line-height: 30px;} .left-section .left-section-items ul li a{font-size: 22px; line-height: 30px; letter-spacing: 0.28px; color: rgba(9, 1, 2, 0.68); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .left-section .left-section-items ul li.current-menu-item a, .left-section .left-section-items ul li.current-menu-item:before, .left-section .left-section-items ul li:hover:before,.left-section .left-section-items ul li:hover a {color: #b18f4a} .left-section .left-section-items ul li.current-menu-item a, .left-section .left-section-items ul li.current-menu-item:before{font-weight: 700;} .right-section {max-width: 618px; width: 57.22222222222222%; float: left; margin-left: 6.94444444444445%;} .partnerships-section > p{margin-top: 33px;} .partnerships-section{float: left; width: 100%; margin: 0 auto; clear: both;} .partnerships-section .btn-section {margin-top: 44px; position: relative; float: left; width: 100%; padding-bottom: 44px;} .partnerships-section .btn-section a.outline-btn{float: left; letter-spacing: 0.74px; margin-right: 10px;} .partnerships-section .btn-section p{float: right; max-width: 283px; width: 45.79288025889968%; font-size: 14px; line-height: 20px; letter-spacing: 0.49px; margin-top: 0;} .partnerships-section .btn-section:after {content:""; position: absolute; top:auto; left: 0; bottom: 0; width: 100%; height: 8px; background: #b18f4a} .we-offer-section{margin-top: 12px; float: left} .we-offer-section h6 {margin-top: 57px;} .we-offer-section .we-offer-thumbnail{margin-top: 43px;} .we-offer-section .we-offer-thumbnail+h6{margin-top: 52px;} .we-offer-section h6:first-child{color: #090102; font-style: italic} .we-offer-section h6{letter-spacing: 0.6px } .we-offer-section ul{margin-top: 16px; padding-left: 12px;} .we-offer-section ul li:before {content:""; position: absolute; top:11px; left: 0; width: 4px; height: 4px; background: #505050; border-radius: 100%} .we-offer-section ul li{ font-size: 16px; letter-spacing: 0.6px; line-height: 27px; padding-left: 25px; position: relative} .we-offer-section a {color:#b18f4a;} .engage-content .hero-graph-text p{max-width: 194px;} .engage-content .hero-thumb-text h3{bottom: 68px;} .engage-content{padding-bottom: 66px;} /* end engage page */ /* Our story */ .our-story .fullwidth-content-section {padding-top: 0; } .our-story-inner{position: relative;} .our-story .hero-graph-text { padding-bottom: 299px; } .our-story .hero-graph-text p { max-width: 191px; letter-spacing: 0.63px; margin-top: 52px;} .our-story .hero-thumb-text h3{letter-spacing: 0.43px; bottom:56px} .our-story-info{margin-top: 79px;} .our-story-item{float:left; width:39.81481481481481%; margin-top: 34px; padding-right: 1px;} .our-story-item:last-child{float:left; width:57.12962962962963%; margin-left:3.05555555555556%} .our-story-item .sm-body-text{margin-top: 27px;} .our-story-item .sm-body-text strong{font-weight: 700; letter-spacing: 0.6px;} .our-story-item p{line-height: 34px; letter-spacing: 0.67px; font-size: 18px;} .our-story-item .sm-body-text:first-child{margin-top:0;} .sm-body-text p{margin-top: 27px;font-size: 16px; line-height: 27px} .sm-body-text p strong{font-weight: 700; letter-spacing: 0.6px;} .sm-body-text p:first-child{margin-top:0;} .audacious-goal-wrap{float:left; width:100%; background-color:#f8f4ec; padding-bottom:115px;margin-top: 74px/*84px*/; text-align: center;} .audacious-goal-wrap h2{margin-top: 90px;} .audacious-goal-wrap .lead-text{float:left; width:100%; padding:0 92px; color:#090102; margin-top: 31px; letter-spacing: 0.28px; position:relative;} .audacious-goal-wrap .lead-text:before, .audacious-goal-wrap .lead-text:after{position: absolute; left: 0px; top: -16px; content: ""; width: 120px; height: 98px; background-image: url(../svg/quote.svg); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 1} .audacious-goal-wrap .lead-text:after{background-image: url(../svg/quote-2.svg); top: auto; left: auto; right:0; bottom: -30px;} .info-wrap{float:left; width:100%; margin-top: 106px;} .info-wrap figure{float:left; width:48.42592592592593%; max-width: 523px; margin-top: 52px;} .info-content-wrap{float:left; width:48.51851851851852%; margin-left: 2.962962962962963%; margin-top: 54px;} .info-content-wrap .sm-body-text{letter-spacing: 0.56px} .info-item{margin-top: 50px;} .info-item:first-child{margin-top: 0;} .info-item h4{line-height: 39px} .info-item .sm-body-text{margin-top: 26px;} .info-item:first-child .sm-body-text{margin-top: 42px;} .group-structure-wrap{float:left; width:100%; margin-top: 186px; padding:91px 0 112px 0; background-color: #efe9db} .group-structure-item{float:left; width:48.33333333333333%; margin-left:3.055555555555556%} .group-structure-item:first-child{margin-left: 0;} .group-structure-item .sm-body-text{margin-top: 43px;} .group-structure-item:last-child .sm-body-text{margin-top: 42px;text-align: right;} .group-structure-design{width:100%; position:relative;margin-top:-31.6%;} .group-structure-design img{width:100%} .donate-wrap, .donate-wrap img{float:left; width:100%;} .our-story .donate-article-wrap:before{height: 423px;} .our-story .donate-content-section .future-thumbnail{margin-top: 85px;} .our-story .donate-content-wrap .donate-button{margin-top: 60px;} .our-story{padding-bottom: 38px;} /* End Our story */ /* programme */ .black{color: #090102;} .programme-content{padding: 80px 0;} .programme-content .container{position: relative;} .programme-row{margin: 121px 0 0; float: left; width: 100%;} .programme-row .column-row{float: left; width: 100%; margin: 112px 0 0; } .column-row:first-child, .programme-row:first-child{margin: 0;} .programme-row > h2 + .column-row{margin: 49px 0 0;} .has-two-column:not(.not-equal) .column{width: 48.33333333333333%; margin: 0 1.666666666666667%; float: left;} .column{float: left;} .has-two-column > .column:nth-child(2n+1), .has-three-column .column:nth-child(3n+1){margin-left: 0;} .has-two-column > .column:nth-child(2n+2), .has-three-column .column:nth-child(3n+3){margin-right: 0;} .minus-row{margin: 0 -1.666666666666667%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;} .programe-column-row .column{position: relative;} .programe-column-row:nth-child(odd) .column:nth-child(odd), .programe-column-row:nth-child(even) .column:nth-child(even), .resources-content .column:nth-child(2n+ 2){ -webkit-box-ordinal-group: 1; -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1;} .programe-column-row:nth-child(odd) .column:nth-child(even), .programe-column-row:nth-child(even) .column:nth-child(odd), .resources-content .column:nth-child(2n+ 1){ -webkit-box-ordinal-group: 2; -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2;} .programe-column-row h4 + p.medium-body-text{margin: 22px 0 0;} .programe-column-row h4 + p.medium-body-text + p{margin: 27px 0 0;} .programe-column-row p{margin: 35px 0 0;} .fuild-bg{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: center;} .diagram{background-size: 100%;} .download-wrap{margin: 46px 0 0;} .download-wrap small{float: right; max-width: 153px; font-size: 14px; line-height: 20px; letter-spacing: .52px; color: #090102;} .download-wrap small p {margin-top: 0} .onethird{float: left; width: 31.2962962962963%; margin: 0 1.527777777777778%;} .beneficiaries > h2 + .column-row{margin: 52px 0 0;} .beneficiaries .title-with-border{line-height: 35px;} .title-with-border{margin: 0 0 20px; padding: 0 0 24px; border-bottom: 8px solid #b18f4a;} .programe-column-row figure + p{margin: 34px 0 0;} .rock-white-bg{position: relative; z-index: 1;} .rock-white-bg:before{position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #efe9db; content: ''; z-index: -1;} .twothird{width: 65.64814814814815%; margin: 0 1.527777777777778%} .gold-grads {padding: 0 0 94px;} .gold-grads:before{top: 60px;} .gold-grads-content > h5{margin: -6px 0 0;} .gold-grads-content > p{margin: 43px 0 0;} .list li{padding-left: 10px; position: relative;} .list li:before{width: 4px; height: 4px; border-radius: 50%; background-color: #505050; content: ''; position: absolute; top: 12.5px; left: 0; } .centre-carousel-wrap{margin: 73px 0 0; padding: 84px 0 0 0; text-align: center;} .centre-carousel-wrap:before{height: 500px;} .carousel-trigger-nav{margin: 35px 0 50px;} .carousel-trigger-nav li{font-size: 26px; line-height: 27px; letter-spacing: 1.14px; display: inline-block; margin: 5px 20px; cursor: pointer; opacity: .42; color: #090102; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; font-weight: 500;} .carousel-trigger-nav li.active{opacity: 1;} .centre-carousel-viewport{max-width: 894px; margin: 0 auto; position: relative;} .centre-carousel > p{margin: 56px 0 0;} .centre-carousel-viewport .slick-list{overflow: visible; margin: 0 -77px;} .slick-slide > div{padding: 0 77px;} .centre-carousel-item{position: relative;} .centre-carousel-item:after{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0, .6); content: ''; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} .centre-carousel-item:nth-child(1):after{opacity: 0;} .play-icon{position: absolute; top: 50%; left: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: transparent; padding: 0; border: 0; } .slick-slide .centre-carousel-item:after, .inviewPort .centre-carousel-item:after{opacity: 1;} .controller{position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .prev-controller{left: -22px;} .next-controller{right: -22px;} .firstLoad .slick-slide[data-slick-index="0"] .centre-carousel-item:after, .mainviewItem .centre-carousel-item:after{opacity: 0;} .carousel-main-viewport .slick-slide{font-size: 0; line-height: 0;} .resources-content{padding: 108px 0 125px;} .resources-content h2{margin: 8px 0 0;} .resources-content p{margin: 32px 0 0;} .resources-content .list{margin: 40px 0 0;} .resources-content .column{position: relative;} .resources-content .column-row .minus-row .column p, .strategy .section-title p, .youth-micro .youth-row p:first-of-type{font-size: 18px;line-height: 34px;letter-spacing: .67px;} .strategy:before{top: 87px; height: 343px; } .strategy p{margin-top: 83px;} .strategy-row{counter-reset: counter; margin: 47px 0 0;} .strategy-row figure{padding-left: 16px; position: relative;} .strategy-row figure:before{position: absolute; width: 93px; height: 93px; border-radius: 50%; background-color: #b18f4a; font-size: 49px; line-height: 93px; counter-increment: counter; content: counter(counter); text-align: center; color: #ffffff; font-weight: 700; bottom: -19px; left: 0;} .strategy-row p{margin: 45px 0 0;} .youth-micro{margin: 160px 0 56px;} .youth-row h2 + p{margin: 86px 0 0; line-height: 37px;} .youth-row p{margin: 49px 0 0;} .youth-micro .fluid-column-row{margin: 62px 0 0;} .fluid-column-row > .column{margin: 0; width: 33.333333333%;} .youth-micro:before{top: 85px; bottom: 125px;} .youth-bg-pettern{width: 615px; position: absolute; top: -138px; z-index: -2; left: 50%; margin-left: 42px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .youth-row .column, .content .container{position: relative;} .youth-graphics > img, .youth-graphics a > img{width: 155px; height: 155px; border-radius: 50%; overflow: hidden; margin-left: 91px;} .youth-graphics .btn-wrap{margin: 130px 0 0; text-align: right;} /* End programme */ /* impact page style */ .main-hero-section + section{z-index: 0;} .impact-content .africa-dots{width: 337px; top: -301px; right: -155px;} .research-row{margin-top: 60px} .research-column-row{margin-top: 44px} .research-column-row .column, .our-footprint-row .column{position: relative} .research-column-row h6{font-size: 16px; line-height: 29px; font-weight: 700; margin-top: 14px} .list-item{margin-top: 23px} .list-item > li{margin-top: 37px; padding-left: 35px; line-height: 29px; letter-spacing: 0.56px; position: relative;} .list-item.list li:before{left: 12px; background-color: #090102} .list-item li:first-child{margin-top: 0} .sub-list > li{padding-left: 35px} .sub-list.list li:before{height: 2px; border-radius: 0} .list-item li ul li {padding-left: 35px} .list-item li ul li:before {height: 2px; border-radius: 0} .research-column-row p{margin-top: 47px; line-height: 29px; color: #090102} .research-column-row p a{font-weight: 700} .our-footprint-row{float: left; width: 100%; margin-top: 137px} .our-footprint-row article{margin-top: 39px; line-height: 36px;} .our-footprint-column-row{margin-top: 56px; float: left; width: 100%} .our-footprint-column-row .item-content{float: left;width: 45.59386973180077%; margin: 49px 3.065134099616858% 0} .our-footprint-column-row .item-content:nth-last-child(-2n+2){margin-top: 53px;} .our-footprint-column-row .item-content:nth-child(2n+1){margin-left: 0} .our-footprint-column-row .item-content:nth-child(2n+2){margin-right: 0} .our-footprint-column-row .item-content h2,.our-footprint-column-row .item-content h4{line-height: 39px; letter-spacing: 0.5px} .our-footprint-column-row .item-content h4{margin-top: 8px} .our-footprint-column-row .item-content p{margin-top: 11px; font-size: 16px; line-height: 27px; letter-spacing: 0.56px} .map img{max-width: 513px; width: 100%;} .beneficiaries-row{float: left; width: 100%; margin-top: 46px} .beneficiaries-row h4,.award-row h4, .annual-report-section h4{line-height: 60px; letter-spacing: 0.38px} .beneficiaries-item{margin-top: 43px} .beneficiaries-item p{color: rgba(9, 1, 2, 0.83)} .award-section{float: left; width: 100%; margin-top: 105px} .award-column-row{margin-top: 23px; float: left; width: 100%} .award-item h6{font-weight: 700;} .award-item .list-item, .award-item .list-item > li{margin-top: 0} .award-item .list-item > li{line-height: 27px; color: #505050} .annual-report-section{margin-top: 105px} .annual-report-section article{margin-top: 25px; line-height: 36px} .annual-report-section .btn-wrap{margin-top: 45px; float: left; width: 100%} .btn-row{margin: 0 -10px;} .annual-report-section .medium-btn{width: 232px; height: 61px; line-height: 59px; margin: 10px;} .impact-content .hero-graph-text{padding-bottom: 86px;} .impact-content .hero-thumb-text h3{bottom: 72px;} .impact-content .research-row{margin-top: 78px;} .impact-content .centre-carousel-wrap { margin: 124px 0 0; padding: 81px 0 0 0;} .impact-content .carousel-trigger-nav { margin: 24px 0 63px;} .impact-content .carousel-trigger-nav li{font-size: 20px;letter-spacing: 0.87px;margin: 5px 48px} .impact-content .donate-content-section .future-thumbnail{margin-top: 153px;} .impact-content{padding-bottom: 121px;} .column.track-text{padding-top: 10px;} .impact-content .donate-article-wrap .pattern-left{top: 26%;} /* End impact page style */ /* Start donate page style */ .donate-column-row {margin-top: 44px;} .donate-column-row .column {position: relative;} .donate-column-row p {margin-top:23px; line-height: 29px; color: #090102;} .column ol {margin-left: 20px;} .list-donate > li {margin-top: 0} .impact-content .donate-row {margin-top: 78px;} .donate-row .column h5{margin-top: 47px; line-height: 40px;} .donate-row .column h5:first-child{margin-top: 0px} .donate-bg{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: contain; background-repeat: no-repeat; /*background-position: center;*/ margin: 0 auto;} .donate-large-bg {width: 60%;} .donate-large-bg:last-child{top: 10%;} .donate-sm-bg {height: 120%; width: 50%} /* End donate page style */ /* Footer style */ .main-footer{margin-top: 60px/*70px*/; padding-bottom: 60px/*70px*/;} .footer-contact-us{float: right; width: 195px; text-align: right;} .footer-contact-us h4{margin: -7px 0 17px; color: #b18f4a;} .footer-contact-us a{color: #090102; float: right; clear: both; font-weight: 500;} .footer-contact-us a:hover, .footer-widget ul li a:hover, .link a:hover{text-decoration: underline;} .footer-widget-wrap{float: left; width: 81.94444444444444%; width: -webkit-calc(100% - 195px); width: calc(100% - 195px); } .footer-widget{float: left; width: 21.01694915254237%;} .footer-widget:nth-child(2){margin-left: 16.27118644067797%;} .footer-widget span{display: block; font-size: 18px; font-weight: 700; letter-spacing: 0.8px; padding-bottom: 11px;} .footer-bottom{float: left; width: 100%;} .footer-widget ul li a{line-height: 31px;} .footer-logo-wrap{float: left; max-width: 135px; width: 15.25423728813559%;} .footer-logo-wrap a{margin: 12px 0 0; width: 134px;} .footer-bottom{padding-top: 86px;} .copy-right{float: left; width: auto;} .callto-action{float: right;} .link, .social-wrap, .link a,.social-wrap a{display: inline-block; vertical-align: middle;} .copy-right, .link a{font-size: 14px; line-height: 36px;opacity: .75;} .link{margin-right: 12px;} .link a{margin: 0 23px; float: left;} .social-wrap{margin-right: -7px;} .social-wrap a{margin: -2px 6.5px 0;} .social-wrap a img{vertical-align: middle;} /* End Footer style */ /*Greenbox edits*/ .partner-item {min-height: 111px; height: 111px; float: left; display: flex; justify-content: center; align-items: center} .partner-item img{max-height: 100%;} .centre-carousel-item video {margin: 0 auto; max-width: 894px; position: absolute;} .partnerships-section .medium-body-text {margin-top: 33px;} /*.medium-body-text ul {list-style: initial; margin-left: 20px;}*/ .we-offer-section > p {margin-top: 57px;} .medium-body-text ul li {position: relative; padding-left: 25px} .medium-body-text ul li:before {content: ""; position: absolute; top: 14px; left: 0; width: 4px; height: 4px; background: #505050; border-radius: 100%;} .medium-body-text ul li ul, .medium-body-text ul {padding-left: 12px} .medium-body-text ul li ul li:before, .we-offer-section ul li ul li:before {height: 2px; border-radius: 0;} .content-item span {display: inline} .morecontent span {display: none;} .morelink {display: inline;} .more span{font-weight: 400; letter-spacing: 0.6px; line-height: 27px;} /* New changing 18-1-19 */ .hero-slider,.slide-item{float: left; width: 100%; height: 100%; } .slide-item{float: left; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;position: relative;} .hero-slider .slick-slide > div,.hero-thumb-text .slick-slide > div{padding: 0;} ul.slick-dots {width: 30%;text-align: left;bottom: 28px;left: -2px} .slick-dots li button:before {color: #fff; font-size: 22px; opacity: 1;} .slick-dots li.slick-active button:before {color: #b18f4a} .slick-dots li:first-child{margin-left: 0} /*Changes 23/01*/ /*Programme*/ .slick-current iframe {position: relative; z-index: 2 } .we-offer-section em {color: #b18f4a} .partnerships-section .full-width-btn-text p{width: 100%; max-width: 100%; float: left} .annual-report-section .display-flex {justify-content: initial; -webkit-justify-content: initial;} .right-content-block {float: right; max-width: 300px; width: 23%; padding-left: 55px} .right-content-block img {width: 20px; float: left; } .right-content-block .action-info {display: flex; align-items: center; margin-top: 10px} .right-content-block .action-info p {font-size: 15px; line-height: 27px;font-weight: 500;letter-spacing: 0;} .right-content-block .action-info:first-child {margin-top: 85px} .single-top-post .article-item p a {width: auto;margin: 0;font-size: inherit;padding: inherit;line-height: inherit;color: #b18f4a; padding-right: 2.2px;float: none;} .single-top-post .article-item p a:before {all:inherit;} /* New fixing 27 jan, 2019 */ .hero-content{min-width: 100%; min-height: 100%; display: block;} .swiper-container::after{opacity: 0; visibility: hidden;} .swiper-container .slide-item{z-index: 1;} .swiper-container .slide-item::after{content: ""; position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 250px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.53) 98%);} .swiper-container-horizontal>.swiper-pagination-bullets{text-align: left; bottom: 28px !important;} .swiper-pagination-bullet{background: #ffffff !important; opacity: 1 !important; width: 6px !important; height: 6px !important; margin: 0 12px !important;} .swiper-pagination-bullet:first-child{margin-left: 0 !important;} .swiper-pagination-bullet-active{background: #b18f4a !important;} /*New fix 29 Jan reduce white space*/ /*Home*/ .fullwidth-content-section{padding-top: 69px;} /* blog-content-section */ .blog-item{margin-top: 83px;} .blog-item:nth-child(even){margin-top: 96px;} .team-section{padding-top: 68px;} /* Service section style */ .services-section{padding-top: 111px;} /* Donate section */ .donate-section{margin-top: 111px;} /*End Home*/ /*Our People*/ .carousel-section{margin-top: 91px;} .our-partner-wrap{margin-top: 83px;} .our-people-content {padding-bottom: 105px;} #country-field {margin-top: 75px} .board-of-direction-wrap {margin-top: 86px} .pro-bono {margin-top: 77px} .implement-partners {margin-top: 73px} .government-partners{margin-top:81px} /*Contact*/ .contact-content .fullwidth-content-section {padding-top: 97px} .donate-details-wrap {margin-top: 124px} .contact-content {padding-bottom: 86px} /*News*/ .article-item {margin-top: 93px} .pagination-wrap {margin-top: 108px} .donate-content-section .future-thumbnail {margin-top:82px} .news-content {padding-bottom: 105px} .news-content .fullwidth-content-section {padding-top:93px} /*Single news*/ .like-post-wrap {margin-top: 106px} .single-news-content{padding-bottom: 86px} .single-news-content .fullwidth-content-section {padding-top:101px} /*Engage*/ .main-content-section {padding-top: 68px} /*Our story*/ .our-story-info{margin-top: 69px;} .info-wrap{margin-top: 96px;} .group-structure-wrap{margin-top: 176px;} .our-story .donate-content-section .future-thumbnail{margin-top: 75px} /*Programme*/ .programme-content{padding: 70px 0;} .programme-row .column-row {margin: 102px 0 0;} .programme-row {margin: 111px 0 0} .centre-carousel-wrap {margin: 63px 0 0;} .resources-content {padding: 98px 0 115px} .youth-micro {margin: 150px 0 46px } /*Impact*/ .impact-content .research-row {margin-top:68px} .our-footprint-row {margin-top: 127px;} .impact-content .centre-carousel-wrap {margin: 114px 0 0;} .award-section, .annual-report-section {margin-top: 95px} .impact-content .donate-content-section .future-thumbnail{margin-top: 143px} .impact-content {padding-bottom: 111px} /*Donate*/ .donate-nr-col {color: #090102} .donate-nr-col ol {margin-top: 23px;} .donate-nr-col ul li:before {left: 21px;width: 4px;height: 2px;content: '';position: absolute;background-color: #090102;margin-top: 14px} .donate-nr-col ul li {padding-left: 20px;} .donate-nr-col a, .donate-eft a {color: #b18f4a} .sitemap-wrap ul li ul li:before{height: 2px; border-radius: 0} .sitemap-wrap li a:hover{color:#090102} /* ======= Give Donation Styling ======= */ .give-currency-switcher-msg-wrap {display:none;} .givetext{margin-top:2em;} .givetext p{ margin-bottom:1em; } #sp-ea-8088{margin:2em 0;} #sp-ea-8088.sp-easy-accordion>.sp-ea-single{position:relative;} #sp-ea-8088.sp-easy-accordion>.sp-ea-single::before{ content: ''; width: 50px; height: 34px; position: absolute; right: 10px; top: 12px; background-size: 50px !important; background-repeat: no-repeat !important; } #sp-ea-8088.sp-easy-accordion>.sp-ea-single:nth-child(1)::before{ background: url(https://goldyouth.org/wp-content/uploads/2023/05/southafrica.png); } #sp-ea-8088.sp-easy-accordion>.sp-ea-single:nth-child(2)::before{ background: url(https://goldyouth.org/wp-content/uploads/2023/05/zambia.png); } #sp-ea-8088.sp-easy-accordion>.sp-ea-single:nth-child(3)::before{ background: url(https://goldyouth.org/wp-content/uploads/2023/05/rwanda.png); } #sp-ea-8088.sp-easy-accordion>.sp-ea-single:nth-child(4)::before{ background: url(https://goldyouth.org/wp-content/uploads/2023/05/botswana.png); } #sp-ea-8088.sp-easy-accordion>.sp-ea-single:nth-child(5)::before{ background: url(https://goldyouth.org/wp-content/uploads/2023/05/zimbabwe.png); } #sp-ea-8088.sp-easy-accordion>.sp-ea-single:nth-child(6)::before{ background: url(https://goldyouth.org/wp-content/uploads/2023/05/LogoBlackLarge-01.png); background-size: 100px !important; width: 100px; height: 100px; } a.trustbridge{ width: 89px; height: 35px; line-height: 33px; color: #ffffff; font-size: 16px; background: #b18f4a; text-align: center; border-radius: 8px !important; text-decoration: none;} .trustbridge-content{ display: flex; justify-content: space-between; transition:ease all 0.5s; } a.trustbridge:hover{ opacity:0.8; transition:ease all 0.5s; } .give-btn, .give-submit-button-wrap .give-submit, [id^=give-user-login-submit] .give-submit { background: #b18f4a !important; border: 0px !important; color: #fff !important; border-radius: 5px !important; } .give-btn:hover, .give-submit-button-wrap .give-submit:hover, [id^=give-user-login-submit] .give-submit:hover{ background:#94773b !important; } [id*=give-form] .give-form-title{ display:none; } #give-recurring-form, form.give-form, form[id*=give-form] { margin: 0 !important; padding: 2em !important; background: #f5f6f7 !important; border-radius: 10px !important; } #sp-ea-8088.sp-easy-accordion>.ea-expand>.ea-header a{ background:#fff; } #give_offline_payment_info .southafrica-offline, #give_offline_payment_info .botswana-offline, #give_offline_payment_info .zambia-offline, #give_offline_payment_info .international-offline, #give_offline_payment_info .zimbabwe-offline{ display:none; } #give_offline_payment_info h5{ line-height:1.2em; margin-bottom:1em; } #sp-ea-8088 .ea-card:first-child #give_offline_payment_info .southafrica-offline{ display:block; } #sp-ea-8088 .ea-card:nth-child(2) #give_offline_payment_info .zambia-offline{ display:block; } #sp-ea-8088 .ea-card:nth-child(2) form[id*=give-form] #give-gateway-radio-list>li:nth-child(1){ display:none; } #sp-ea-8088 .ea-card:nth-child(3) #give_offline_payment_info .international-offline{ display:block; } #sp-ea-8088 .ea-card:nth-child(3) form[id*=give-form] #give-gateway-radio-list>li:nth-child(1){ display:none; } #sp-ea-8088 .ea-card:nth-child(4) #give_offline_payment_info .botswana-offline{ display:block; } #sp-ea-8088 .ea-card:nth-child(4) form[id*=give-form] #give-gateway-radio-list>li:nth-child(1){ display:none; } #sp-ea-8088 .ea-card:nth-child(5) #give_offline_payment_info .zimbabwe-offline{ display:block; } #sp-ea-8088 .ea-card:nth-child(5) form[id*=give-form] #give-gateway-radio-list>li:nth-child(1){ display:none; } #give-form-8091-1{ position:relative; } #give-form-8091-1::before{ content: ''; background: url(https://goldyouth.org/wp-content/uploads/2023/08/scan.png) !important; position: absolute; top: 16px; right: 2em; width: 140px; background-size: 140px !important; height: 140px; background-repeat: no-repeat !important; border-radius: 10px; } .staty{ display:flex; } .staty .stat-flag{ width:20%; } .staty .stat-flag img{ width:100%; } .map-country{ border:1px solid #c7c7c7; padding:2em; max-width: 1260px; } .stat-c{ padding-left:1em; } .stat-c .our-story-item{ margin-left:4px !important; } .iinf{ background: #f8f4ed; padding: 6em; } .iinf .clam{ width: 40%; position: absolute; right: 0; top: 0; } .iinf .our-story-item:last-child{ width:100% !important; } .full-w{ width:100% !important; margin:0 !important; } .quote .our-story-item{ float:none !important; margin:auto !important; display:block; } .ddwr:before{ height: 100% !important; } .dd-cont{ padding-bottom:6em; } .spcollapse.show{position:relative; z-index:888;} /* ======================================================================================================= ============================================ Responsive style ========================================== */ /* Mobile Layout: 320px and 480px and more but less than or equal to 767px. ---------------------------------------------------------------------------------- */ @media only screen and (min-width: 320px) and (max-width: 767px) { input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"], input[type="submit"], input[type="password"], select, textarea{-webkit-appearance:none; -moz-appearance:none;appearance:none; border-radius: 0;}input[type='number']{-moz-appearance:textfield; } .desktop{display: none;} .mobi{display: block;} .sticky footer{position: relative; float: left; width: 100%; top: auto; bottom: auto; right: auto; left: auto;} .js-shutter, .hero-content{display: none;} .navactive .js-shutter{display:block !important;} .header:after{width: 47%;} .header-inner{padding: 0 !important;} .logo-wrap{float: left; width: 100%; padding: 0 40px 17px;} .logo{margin-right: 15px;} .main-navigation{width: 100%; height: 100vh; position: absolute; left: 0; top: 0; padding: 0 40px 40px; z-index: 5; background-color: #efe9db; overflow-y: auto;} .responsive-nav-bar{margin-right: 4px;} .nav-wrap{padding: 142px 0 0; width: 100%; float: left; display: block !important;} .nav-wrap ul li{float: left; width: 100%; margin: 0;} .nav-wrap > ul > li > a, .nav-wrap > ul > li.subnav > a{font-size: 22px; line-height: 40px; letter-spacing: .91px; color: #090102; padding-top: 0;} .nav-wrap > ul > li > a:before{height: 2px;} .nav-wrap > ul > li:hover > a:before{display: none;} .nav-wrap > ul > li > ul{float: left; width: 100%; position: relative; left: auto; top: auto; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); display: none; -webkit-transition: none; -moz-transition: none; transition: none; background-color: transparent;} .search-nav{float: left; margin: 30px 0 50px;} .search-triger{position: absolute; top: 54px; width: 19px; height: 19px; left: 40px;} .search-triger img{float: left;} .search-field-wrap{z-index: 20; padding: 0 40px; } .search-field-inner{height: -webkit-calc(100vh - 125px); height: calc(100vh - 125px); min-height: 10px;} .search-field input{font-size: 22px; line-height: 28px;} .search-field button{width: 19px; height: 19px; margin-top: -9.5px;} .container.donate-modal{padding: 80px 20px 50px;} .close-btn{top: 25px; right: 20px;} .accordion-item h6.title{position: relative; padding-right: 30px;} .accordion-arrow{position: absolute; top: 22px; bottom: auto; right: 0; } .active .accordion-arrow{top: 26px; bottom: auto;} section, footer, .main-wrap, main{z-index: inherit;} .main-hero-section{min-height: 100%;} .main-hero-bg{position: relative;} .hero-thumb, .hero-right-graph{width: 100%;} .hero-thumb .hidden, .hero-right-graph .hidden{display: block;} .hero-thumb{min-height: 369px; padding: 113px 40px 25px;} .hero-thumb:after{z-index: 1; height: auto; top: 55px; bottom: 0;} .hero-thumb h3{z-index: 2; position: relative; left: auto; bottom: auto; padding-right: 0;} .hero-right-graph{padding: 74px 40px 68px;} .hero-right-graph p{max-width: 100%; margin: 0; text-align: left; float: left;} .hero-thumb img.hidden, .hero-content-inner, .pattern{display: none;} .fullwidth-content, .blog-item > figure, .blog-content-wrap, .blog-item:nth-child(even) .blog-content-wrap, .blog-item:nth-child(even) > figure, .team-col{width: 100%; max-width: 100%;} .fullwidth-content > a{margin-top: 57px;} .blog-content-inner{padding: 0;} .blog-content-wrap p:not(.medium-body-text){margin: 101px 0 0;} .blog-content-wrap, .blog-item:nth-child(even) .blog-content-wrap{margin: 0; padding: 68px 40px 0;} .blog-item:nth-child(even) .blog-content-wrap{padding-top: 61px;} .blog-item{border-top: 1px solid #b18f4a; margin-top: 107px;} .blog-item:first-child{border-top: 0px; margin-top: 58px;} .blog-content-wrap p{margin-top: 95px;} .blog-content-wrap > a{margin-top: 68px;} .blog-item:nth-child(even) > figure{margin-top: 67px;} .blog-item:first-child .blog-content-wrap p::after{bottom: -30px;} .blog-item > figure > a{width: 41px; height: 41px;} .team-section{padding-top: 0;} .team-col, .team-col:nth-child(even){margin: 0;} .team-item{margin-top: 80px;} .team-item:first-child{margin-top: 92px;} .team-item > figure, .team-content, .team-item > figure img{width: 100%; margin: 0;} .team-content{margin-top: 48px;} .team-content p{margin-top: 26px;} .team-item:nth-child(even){text-align: right;} .services-section{padding-top: 181px;} .service-lead-section{padding: 78px 0 111px;} .service-lead-inner p br{display: none;} .service-item-wrap{margin: -56px 0 0;} .service-item, .service-item:nth-of-type(-n+3), .service-item:nth-child(4){width: 100%; margin: 11px 0; padding: 16px 22px;} .service-item:first-child{margin-top: 0;} .donate-section{margin-top: 100px; padding: 0 0 96px; margin-bottom: 18px;} .donate-section:after{top: 108px;} .donate-section-inner{text-align: center;} .donate-section-inner .abosulate-bg{background-image: none !important; text-align: center;} .donate-section-inner img.mobi{display: block;} .donate-section-inner > h2, .donate-section-inner > .btn{position: relative; left: auto; top: auto; bottom: auto; -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); padding-top: 37px; color: #b18f4a;} .donate-section-inner > .btn{padding-top: 0; color: #ffffff; margin-top: 41px;} /* Our People Page */ .fullwidth-content-section{padding-top: 66px;} .carousel-section,#country-field,.board-of-direction-wrap,.our-partner-wrap,.pro-bono,.government-partners,.implement-partners,.sustailability h4{margin-top: 30px;} .partner-item-wrap{margin: 0; max-width: 100%; text-align: center} .our-people-content{padding: 0;} .our-people-content .fullwidth-content-section{padding: 50px 0 0;} .partner-item-wrap{margin: 30px 0 0; max-width: 100%; text-align: center} .partner-item-wrap .partner-item{width: 46%; margin: 15px 2%; float: left;} .content-item{float: none; margin: 0 auto; overflow: hidden; text-align: center} .content-item img{width: 100%} .carousel-section .swiper-button-prev, .carousel-section .swiper-button-next{top: 33%;} .board-of-direction-wrap .content-item,.board-of-direction-wrap .content-item:nth-child(4n+1),.board-of-direction-wrap .content-item:nth-of-type(-n+4),.board-of-direction-wrap .content-item:nth-child(4n+4), .disabled-swiper .content-item, .disabled-swiper .content-item:nth-child(4n+1), .disabled-swiper .content-item:nth-child(4n+4){float: none; margin: 0 auto; width: 100%; margin-top: 30px; max-width: 100%;} .board-of-direction-wrap,.our-partner-wrap{text-align: center} .board-of-direction-wrap .content-item h5{margin-top: 30px;} /* Contact Page */ .contact-content .fullwidth-content-section{padding-top: 40px;} .contact-content-wrap{display: block} .contact-thumb{position: relative; min-height: 250px;width: 100%; right: auto; left: auto; bottom: auto; top: auto;float: none;margin: 0 auto; overflow: hidden; max-width: 100%} .contact-info{width: 100%;padding-right: 0; margin-top: 30px;max-width: 100%;} .action-item,.action-item:nth-child(2n+1){width: 100%;margin: 30px 0 0 0;padding-left: 0px;} .action-item a{float: left; clear: both} .contact-info p.sm-body-text,.donate-details-wrap{margin-top: 30px;} .donate-text-wrap{width: 100%;} .donate-action{width: 100%; margin-top: 0px; text-align: center} .donate-via-wrap a,.donate-via-wrap a:nth-child(3n+1){width: 100%; float: none; margin: 0 auto; clear: both; overflow: hidden; margin-top: 30px;} .donate-via-wrap{display: block; margin-top: 20px;} .donate-via-wrap a{font-size: 27px; line-height: 35px;} .contact-content{padding-bottom: 0;} /* News Page */ .impact-content{padding: 0;} .news-content .fullwidth-content-section,.single-news-content .fullwidth-content-section{padding-top: 30px;} .article-item,.article-item:nth-child(3n+1),.article-item:nth-of-type(-n+3),.article-item:nth-child(3n+3),.single-top-thumb,.article-item:nth-last-of-type(-n+3){margin: 0 auto; clear: both; width: 100%; padding-top: 50px; float: none;overflow: hidden} .article-item:first-child{padding-top: 0;} .pagination-wrap, .article-item p,.like-post-wrap{margin-top: 30px;} .pagination-wrap a{margin: 0 10px;} .like-post-wrap .article-post-wrap{margin: 50px 0 0;} .single-top-thumb{padding-top: 0;} .like-post-wrap .article-item:nth-last-of-type(-n+3), .like-post-wrap .article-item{margin-top: 0;} .single-news-content{padding-bottom: 0;} .donate-article-wrap:before, .donate-article-wrap .pattern-left, .donate-article-wrap .pattern-right{display: none;} .donate-content-wrap h1{padding: 0; font-size: 40px; } .donate-content-wrap{padding-top: 30px;} .donate-content-section .future-thumbnail{margin-top: 30px;} .donate-content-wrap .donate-button{margin-top: 30px;} .donate-content-wrap .donate-button a:first-child,.donate-content-wrap .donate-button a{margin: 0; margin-top: 30px;overflow: hidden} .donate-content-wrap .donate-button a:first-child{margin-top: 0;} .news-content{padding-bottom: 0;} .impact-content .donate-content-section .future-thumbnail{margin-top: 50px;} /* begin engage page */ .engage-content:before{background: transparent;} .left-section{width: 100%; clear: both} .right-section{width: 100%; margin: 0 auto; padding-top: 30px;} .partnerships-section .btn-section span{width: 100%; margin: 0 auto; padding-top: 20px; float: none; clear: both; display: block} .we-offer-section h6, .we-offer-section .we-offer-thumbnail+h6, .we-offer-section .we-offer-thumbnail{margin-top: 30px;} .left-section .left-section-items ul li { position: relative; padding-left: 26px;padding-right: 0; margin: 15px 0 0;} .left-section .left-section-items ul li a, .left-section .left-section-items ul li::before{font-size: 18px;} .partnerships-section .btn-section p{float: left; width: 100%; max-width: 100%; margin: 20px 0 0;} .partnerships-section .btn-section{margin-top: 30px;} .main-content-section{padding-top: 40px;} .engage-content{padding-bottom: 0;} .partnerships-section .btn-section p.sm-body-text{float: left;width: 100%; margin: 30px 0 0 0;max-width: 100%;} .left-section .left-section-items{max-width: 100%;} /* our story */ .our-story-info, .audacious-goal-wrap, .info-wrap, .group-structure-wrap{margin-top: 30px; text-align: left;} .our-story-item, .our-story-item:last-child{float:left; width:100%; margin:31px 0 0 0; } .our-story-item .sm-body-text{margin-top: 20px;} .audacious-goal-wrap h2{margin-top: 30px;} .audacious-goal-wrap .lead-text{font-size:16px; line-height: 22px; padding: 0; margin-top: 80px;} .audacious-goal-wrap .lead-text:before, .audacious-goal-wrap .lead-text:after{width: 50px; height:49px} .audacious-goal-wrap .lead-text:before{top: -50px;} .info-wrap figure { float: none; width: 100%; max-width: 523px; margin: 0 auto; padding-top: 50px; } .info-content-wrap, .info-item, .group-structure-item{float:left; width:100%; margin:30px 0 0 0} .info-item:first-child .sm-body-text{margin-top: 29px;} .group-structure-wrap{padding:0 0 40px 0;} .group-structure-item:last-child{margin-top: 20px;} .group-structure-design{ max-width: 525px;margin-top: 0;} .audacious-goal-wrap{padding-bottom: 67px;} .our-story .donate-content-section .future-thumbnail{margin-top: 30px;} .our-story .donate-content-wrap .donate-button{margin-top: 30px;} .group-structure-item .sm-body-text{margin-top: 30px; text-align: left;} .group-structure-item:last-child .sm-body-text{text-align: left;} .our-story{padding-bottom: 0;} /* programme */ .programme-content, .resources-content{padding: 40px 0;} .minus-row{display: block; margin: auto;} .column{width: 100% !important; margin: 30px 0 0 !important;} .column:first-child{margin-top: 0 !important;} .fuild-bg{min-height: 250px; position: relative; top: auto; left: auto; right: auto; bottom: auto; float: left; width: 100%;} .programe-column-row h4 + p.medium-body-text, .programe-column-row h4 + p.medium-body-text + p, .programe-column-row p, .programe-column-row figure + p, .gold-grads-content > p{margin: 15px 0 0;} .diagram img{display: none;} .download-wrap a{float: left; clear: both;} .download-wrap small{float: left; margin: 10px 0 0; clear: both; max-width: 100%;} .programme-row > h2 + .column-row, .programme-row .column-row, .programme-row, .beneficiaries > h2 + .column-row{margin: 40px 0 0;} .title-with-border{padding: 0 0 10px; margin: 0 0 30px;} .gold-grads{padding: 0 0 40px;} .centre-carousel-wrap{margin: 40px 0 0; padding: 30px 0 0;} .centre-carousel-wrap:before{height: 400px;} .carousel-trigger-nav li, .impact-content .carousel-trigger-nav li{font-size: 20px; line-height: 30px; margin: 2px 10px;} .centre-carousel-viewport .slick-list{margin: 0; padding: 0 35px !important;} .slick-slide > div{padding: 0 10px;} .play-icon{width: 40px; height: 40px;} .controller{width: 30px; height: 30px; border-radius: 50%;} .prev-controller{left: 30px;} .next-controller{right: 30px;} .resources-content h2{margin: 0;} .list{margin: 30px 0 0;} .list li{margin: 10px 0 0;} .strategy-row figure:before{width: 50px; height: 50px; font-size: 20px; line-height: 50px;} .youth-micro{margin: 100px 0 30px;} .youth-micro:before{top: 120px;} .youth-row h2 + p{margin: 60px 0 0;} .youth-row p{margin: 20px 0 0;} .youth-graphics > img, .youth-graphics a > img{display: block; margin: 0 auto;} .youth-graphics .btn-wrap{margin: 30px 0 0; text-align: center;} .diagram{background-image: none !important;} .diagram img{display: block;} /* impact page style */ .beneficiaries-row h4, .award-row h4, .annual-report-section h4{line-height: 40px} .research-row .has-two-column:not(.not-equal) .column,.our-footprint-row .has-two-column:not(.not-equal) .column,.award-row .has-two-column:not(.not-equal) .column,.item-content,.beneficiaries-item, .btn-wrap .medium-btn{float: left; width: 100%} .research-row .has-two-column:not(.not-equal) .column,.our-footprint-row .has-two-column:not(.not-equal) .column,.award-row .has-two-column:not(.not-equal) .column,.item-content,.beneficiaries-item{margin-left: 0; margin-right: 0} .research-column-row .fuild-bg, .our-footprint-column-row .fuild-bg{min-height: 350px} .research-column-row,.research-column-row p,.list-item > li,.our-footprint-row,.our-footprint-row article,.our-footprint-column-row, .our-footprint-row .item-content,.beneficiaries-item,.beneficiaries-column-row{margin-top: 30px} .list-item > li, .sub-list > li{padding-left: 20px} .list-item.list li:before{left: 0; top: 12.5px;} .sub-list.list li::before{top: 14.5px;} .award-section,.annual-report-section{margin-top: 45px} .research-row .has-two-column:not(.not-equal) .column,.our-footprint-row .has-two-column:not(.not-equal) .column,.award-item,.btn-wrap a,.annual-report-section article,.award-column-row{margin-top: 15px} .annual-report-section .btn-wrap{margin-top: 0} .award-row .column{margin-top: 0 ! important} .impact-content .centre-carousel-wrap{margin-top: 50px;padding-top: 40px;} .centre-carousel-viewport > p{margin-top: 30px;padding: 0 40px;} .impact-content .research-row{margin-top: 30px;} .our-footprint-column-row .item-content{width: 100%; margin: 50px 0 0;} .centre-carousel > p{margin: 30px 0 0; padding: 0 40px;} .annual-report-section .btn-wrap{margin: 30px 0 0;} /* New Changing 18-01-19 */ .main-hero-bg .container{padding: 0;} .hero-thumb{padding: 0;} .slide-item{min-height: 513px;} .slide-item h3{position: absolute; left: 0; top: 50%; bottom: auto; -webkit-transform: translateY(-50%);transform: translateY(-50%);padding: 0 36px;} .hero-thumb:after{top: 0;height: 100%;} .hero-slider .slick-list{position: relative; z-index: 20;} .centre-carousel-item video {width: 100%; height: auto;} .slick-slide {min-height: initial;} /* Footer style */ .footer-contact-us{float: left; width: 100%; text-align: left;} .footer-contact-us h4{margin: 0 0 11px;} .footer-contact-us a{float: left; margin-top: 3px;} .footer-widget-wrap{width: 100%; padding-top: 43px;} .footer-logo-wrap{display: none;} .footer-widget{width: 100%; padding-top: 40px;} .footer-widget:nth-child(2){margin-left: 0%;} .footer-widget span{padding: 0 0 11px;} .footer-bottom{padding-top: 80px;} .copy-right{width: 100%;} .callto-action{float: left; width: 100%; text-align: left; } .link, .social-wrap{margin-top: 18px; float: left; clear: both;} .link a{margin: 0 23px;} .link a:first-child, .social-wrap a:first-child{margin-left: 0;} .social-wrap{margin: 28px 0 0;} .social-wrap a{margin: 0 7px;} /*New Changes*/ .donate-row .has-two-column:not(.not-equal) .column {height: 100%} .donate-sm-bg {position: relative; height: 300px; width: 100%} .hero-thumb {display: flex; align-items: flex-end;} .hero-thumb h3{padding-bottom: 35px;} .right-content-block {width: 100%; float:left; padding-left: initial;display: flex;max-width: 100%; justify-content: space-between; flex-wrap: wrap} .right-content-block .action-info {margin-top: 57px} .right-content-block .action-info:first-child {margin-top: 57px} .blog-item:nth-child(even) > figure {padding-left: 40px} /* New fixing 27 Jan 2019 */ .swiper-container .slide-item::after{height: 100%;} /*30Jan*/ .blog-item figure video{padding-right: 40px} .centre-carousel-item video {height: 331px} } @media only screen and (min-width: 320px) and (max-width: 374px) { .main-navigation{padding: 0 20px 40px;} .search-triger{left: 20px;} .logo-wrap, .container{padding: 0 20px;} .hero-thumb{padding: 90px 20px 25px;} .hero-right-graph{padding: 30px 20px;} .main-hero-inner{padding: 0;} .pagination-wrap a{margin: 0 9px;} .main-content-section{padding-top: 40px;} .blog-content-wrap, .blog-item:nth-child(2n) .blog-content-wrap{padding: 68px 0 0;} .main-hero-bg .container{padding: 0;} .hero-thumb{padding: 0;} .slide-item{min-height: 513px;} .slide-item h3{position: absolute; left: 0; top: 50%; bottom: auto; -webkit-transform: translateY(-50%);transform: translateY(-50%);padding: 0 20px;} .hero-thumb:after{top: 0;height: 100%;} .hero-slider .slick-list{position: relative; z-index: 20;} .hero-thumb {display: flex; align-items: flex-end;} .right-content-block .action-info:nth-child(2) {margin-top: 27px} /*30Jan*/ } @media only screen and (min-width: 320px) and (max-width: 375px) { .blog-content-wrap p:not(.medium-body-text){margin-top: 80px;} .blog-item:first-child .blog-content-wrap p::before, .blog-item:first-child .blog-content-wrap p::after{width: 40px;} .right-content-block .action-info:nth-child(2) {margin-top: 27px} } /* Wide Mobile Layout: 480px. ------------------------------------------------------------ */ @media only screen and (min-width: 415px) and (max-width: 767px) { .board-of-direction-wrap .content-item{float: left !important; width: 31.80894308943089% !important; margin: 30px 1.143292682926829% 0!important;} .disabled-swiper .content-item {float: left !important; width: 31.80894308943089% !important; margin: 0 1.143292682926829% 0!important;} .board-of-direction-wrap .content-item:nth-child(3n+1), .disabled-swiper .content-item:nth-child(3n+1){margin-left: 0 !important;} .board-of-direction-wrap .content-item:nth-child(3n+3), .disabled-swiper .content-item:nth-child(3n+3){margin-right: 0 !important;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .hero-thumb{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: flex-end; align-items: flex-end;} .donate-content-wrap .donate-button,.our-story .donate-content-wrap .donate-button{margin-top: 0;} .impact-content .carousel-trigger-nav li{margin: 5px 10px;} } /* Tablet Layout: 768px. ----------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 991px) { input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"], input[type="submit"], input[type="password"], select, textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none; border-radius: 0;}input[type='number']{-moz-appearance:textfield; border-radius: 0;} h1, h2{letter-spacing: .5px;} .hero-content-inner, .pattern, .hero-content{display: none;} .container{padding: 0 44px;} .logo{margin-right: 67px;} .responsive-nav-bar{position: absolute; left: 267px;} .main-navigation{padding-bottom: 44px; width: -webkit-calc(100% - 178px); width: calc(100% - 178px);} .nav-wrap{float: left; height: 100vh; position: absolute; top: 125px; padding: 0 47px 40px; z-index: 5; background-color: #efe9db; display: none; width: -webkit-calc(100% - 221px); width: calc(100% - 221px); right: 0;} .nav-wrap ul li{float: left; width: 100%; margin: 0;} .nav-wrap > ul > li > a, .nav-wrap > ul > li.subnav > a{font-size: 22px; line-height: 40px; letter-spacing: .91px; color: #090102; padding-top: 0;} .nav-wrap > ul > li > a:before{height: 2px;} .nav-wrap > ul > li:hover > a:before{display: none;} .nav-wrap > ul > li > ul{float: left; width: 100%; position: relative; left: auto; top: auto; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); display: none; -webkit-transition: none; -moz-transition: none; transition: none; background-color: transparent;} .search-nav{float: right; margin-top: 47px; width: 255px; position: relative; z-index: 22;} .search-triger{width: 53px;} .search-triger img{width: 19px;} .search-field-wrap{z-index: 20; padding: 0 40px; } .search-field-inner{height: -webkit-calc(100vh - 125px); height: calc(100vh - 125px); min-height: 10px;} .search-field input{font-size: 22px; line-height: 28px;} .search-field button{width: 19px; height: 19px; margin-top: -9.5px;} section, footer, .main-wrap, main{z-index: inherit;} /* Home page style */ .donate-modal{padding-top: 60px; padding-bottom: 60px;} .close-btn{right: 44px; top: 73px;} .main-hero-bg{position: relative; top: auto; left: auto; right: auto; bottom: auto;} .hero-thumb, .hero-right-graph{width: 100%;} .hero-thumb{height: 513px;} .hero-thumb h3.hidden, .hero-right-graph .hidden, .responsive-nav-bar{display: block;} .hero-thumb:after{z-index: 1;} .hero-thumb h3{padding: 0 55px; z-index: 2; bottom: 62px;} .hero-right-graph{padding: 50px 57px 67px; display: -webkit-flex; display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; align-items: center;} .hero-right-graph p{max-width: 100%; margin: 0; text-align: left;} .fullwidth-content-section{padding: 80px 0 0;} .fullwidth-content, .blog-item > figure, .blog-content-wrap, .blog-item:nth-child(even) .blog-content-wrap, .blog-item:nth-child(even) > figure, .team-col{width: 100%; max-width: 100%;} .blog-content-wrap{margin: 52px 0 0;} .blog-content-wrap > a{margin: 40px 0 0;} .blog-item{border-top: 1px solid #b18f4a; margin-top: 103px;} .blog-item:first-child{border-top: 0px;} .blog-item:nth-child(even){margin-top: 93px; padding-top: 68px;} .blog-item:nth-child(even) .blog-content-wrap{margin-top: 0;} .blog-item:nth-child(even) > figure{margin-top: 45px;} .blog-item > figure > a{width: 70px; height: 70px;} .blog-item:first-child .blog-content-wrap p::after{bottom: -18px;} .team-col, .team-col:nth-child(even){margin-left: 0; margin-right: 0;} .team-item{margin-top: 60px;} .team-content{margin-top: 0;} .team-col:first-child .team-item:first-child{margin-top: 32px;} .service-lead-section{padding: 78px 0 120px;} .services-section{padding-top: 124px;} .service-lead-inner{max-width: 651px;} .service-item, .service-item:nth-of-type(-n+3), .service-item:nth-child(4){width: 47.64705882352941%; margin: 17px 2.352941176470588%;} .service-item:first-child, .service-item:nth-child(4){clear: none;} .service-item:nth-child(2n+1){margin-left: 0;} .service-item:nth-child(2n+2){margin-right: 0;} .donate-section{margin-top: 99px; margin-bottom: 6px; padding-bottom: 128px} .donate-section-inner{min-height: 387px;} .donate-section-inner .abosulate-bg{left: 44px; right: 44px;} .donate-section-inner > h2{max-width: 563px; bottom: 81px;} /* Our People Page */ .our-people-content .fullwidth-content-section{padding: 30px 0 0;} .carousel-section,#country-field,.board-of-direction-wrap,.our-partner-wrap,.pro-bono,.government-partners,.implement-partners{margin-top: 80px;} .our-people-content{padding-bottom: 0;} .partner-item { margin: 29px 6.5px 0;} /* Contact Page */ .contact-content-wrap{display: block} .contact-thumb{position: relative; left: auto; right: auto;width: 100%; bottom: auto; min-height: 450px; float: none; margin: 0 auto; clear: both; overflow: hidden; max-width: 100%;} .action-item a{float: left; clear: both} .donate-details-wrap{margin-top: 80px;} .donate-via-wrap a { padding: 55px 30px 60px; font-size: 20px; line-height: 36px;margin-top: 80px;} .contact-content{padding-bottom: 0;} .contact-info{width: 100%; max-width: 100%; padding: 40px 0 0 0 } .contact-content .fullwidth-content-section{padding-top: 80px;} .donate-action{float: right; margin-right: -15px;} .donate-action a:last-child{margin-right: 15px;} /* News Page */ .news-content .fullwidth-content-section, .single-news-content .fullwidth-content-section{padding: 50px 0 0;} .article-item:nth-last-of-type(-n+3),.article-item{margin-top: 80px;} .single-top-thumb{float: none; width: 100%; margin: 0 auto; clear: both; overflow: hidden; } .single-top-post .article-item{width: 100%; max-width: 100%;} .like-post-wrap{margin-top: 80px;} .single-news-content{padding-bottom: 0px;} .news-content{padding-bottom: 0;} .pagination-wrap{margin-top: 80px;} .donate-article-wrap .pattern-left{top: 31%; left: -126px; width: 350px;} .donate-article-wrap .pattern-right{top: 38%; right: -131px;bottom: auto; width: 350px;} /* engage page */ .main-content-section{padding-top: 100px;} .partnerships-section .btn-section span{width: 100%; margin: 0 auto; padding-top: 20px; float: none; clear: both; display: block} .partnerships-section .btn-section p.sm-body-text{width: 100%; margin: 30px 0 0 0; max-width: 100%;} .we-offer-section h6{margin-top: 30px;} .left-section .left-section-items ul li{padding-right: 0;} .left-section .left-section-items ul li a, .left-section .left-section-items ul li::before{font-size: 18px;} .partnerships-section .btn-section p{float: left; max-width: 100%; margin: 20px 0 0; width: 100%;} /* Our Story */ .info-wrap figure, .info-wrap figure img{width: 100%; max-width: 100%;} .info-content-wrap{width: 100%; max-width: 100%; margin-left: 0;} .group-structure-wrap{margin-top: 80px;} .our-story-item, .our-story-item:last-child{margin: 30px 0 0; width: 100%;} .audacious-goal-wrap .lead-text{font-size: 19px; padding: 0 50px;} .audacious-goal-wrap .lead-text:before, .audacious-goal-wrap .lead-text:after{width: 50px;} .swiper-button-prev, .swiper-button-next{top: 21%;} /* proggrame */ .sub-title{font-size: 30px;} .programe-column-row h4 + p.medium-body-text{margin: 10px 0 0;} .programe-column-row h4 + p.medium-body-text + p, .programe-column-row p{margin: 15px 0 0;} .download-wrap{margin: 30px 0 0;} .download-wrap small{float: left; margin: 20px 0 0; max-width: 100%;} .gold-grads{padding: 0 0 60px} .centre-carousel-wrap{padding: 70px 0 0;} .carousel-trigger-nav{margin: 30px 0 40px;} .carousel-trigger-nav li{font-size: 20px; margin: 5px 9px;} .centre-carousel-viewport{max-width: 550px;} .centre-carousel-viewport .slick-list{margin: 0 -20px;} .centre-carousel-viewport .slick-slide > div{padding: 0 20px;} .resources-content h2{font-size: 40px; line-height: 45px;} .resources-content .list{margin: 20px 0 0;} .strategy-row figure:before{width: 40px; height: 40px; line-height: 40px; font-size: 15px;} .strategy p.medium-body-text, .strategy-row p{margin: 40px 0 0;} .strategy:before{top: 65px; height: 250px;} .youth-micro:before{top: 60px;} .youth-micro{margin: 100px 0 50px;} .youth-row h2 + p, .youth-row p{margin: 30px 0 0;} .youth-bg-pettern{width: 300px; display: block; margin: 0 auto; top: -80px;} .youth-graphics > img, .youth-graphics a > img{display: block; margin: 0 auto;} .youth-graphics .btn-wrap{margin: 70px 0 0;} .youth-graphics .btn-wrap a{width: 100%;} /* End programme */ /* impact page style */ .research-row, .our-footprint-row,.annual-report-section,.award-section{margin-top: 50px} .research-column-row,.research-row .has-two-column:not(.not-equal) .column,.our-footprint-row .has-two-column:not(.not-equal) .column,.research-column-row p,.annual-report-section .btn-wrap a{margin-top: 30px} .research-row .has-two-column:not(.not-equal) .column,.our-footprint-row .has-two-column:not(.not-equal) .column{float: left; width: 100%} .research-row .has-two-column:not(.not-equal) .column,.our-footprint-row .has-two-column:not(.not-equal) .column{margin-left: 0; margin-right: 0} .has-two-column:not(.not-equal) .column:first-child,.annual-report-section .btn-wrap{margin-top: 0} .research-column-row .fuild-bg, .our-footprint-column-row .fuild-bg{min-height: 450px; top: auto; left: auto; right: auto; bottom: auto;} .map img{max-width: 100%;} .impact-content .carousel-trigger-nav{margin: 30px 0;} .impact-content .carousel-trigger-nav li{margin: 5px 25px;} .impact-content{padding-bottom: 0;} .btn-row{justify-content: center} .impact-content .donate-content-section .future-thumbnail{margin-top: 92px;} /* New Changing 18-01-19 */ .slide-item{min-height: 512px;} .slide-item img{display: none} .slide-item a.hidden{display: block;} /* Footer style */ .main-footer{margin-top: 68px;} .footer-contact-us{float: left; width: 100%; text-align: left; padding-bottom: 48px; border-bottom: 1px solid #979797;} .footer-contact-us h4{margin: 0 0 11px;} .footer-contact-us a{float: left; margin-top: 9px; font-size: 18px; letter-spacing: .8px;} .footer-logo-wrap{max-width: 92px;} .footer-logo-wrap a{margin: 0;} .footer-widget-wrap{width: 100%; padding-top: 52px;} .footer-widget{width: 25.43604651162791%;} .footer-widget:last-child{width: 22.09302325581395%;} .footer-widget:nth-child(2){margin-left: 12.6453488372093%;} .footer-widget span{padding: 0 0 11px;} .footer-widget ul li a{line-height: 28px;} .footer-bottom{padding: 51px 0 0;} } /* Tablet Layout: 1024px. ----------------------------------------------------------------- */ @media only screen and (min-width: 992px) and (max-width: 1024px) { input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"], input[type="submit"], input[type="password"], select, textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none; border-radius: 0;}input[type='number']{-moz-appearance:textfield; border-radius: 0;} .main-navigation{padding-left: 5px;} .footer-logo-wrap a{margin: 0;} /* Our People Page */ .our-story .africa-dots{right: 0; width: 280px;} .our-people-content .fullwidth-content-section{padding-top: 30px;} .carousel-section,#country-field,.board-of-direction-wrap,.our-partner-wrap,.pro-bono,.government-partners,.implement-partners{margin-top: 80px;} .our-people-content{padding-bottom:40px;} .our-story-item, .our-story-item:last-child{margin: 30px 0 0; width: 100%;} /* Contact Page */ .action-item,.action-item:nth-child(2n+1){width: 100%; margin: 30px 0 0 0; padding-left: 0px;} .action-item a{float: left; clear: both} .donate-via-wrap a{padding-right: 55px;padding-left: 55px;} /* News Page */ .news-content .fullwidth-content-section, .single-news-content .fullwidth-content-section{padding: 80px 0 0;} .article-item:nth-last-of-type(-n+3),.article-item{margin-top: 80px;} .single-top-post .article-item:nth-last-of-type(-n+3),.single-top-post .article-item{margin-top: 0px;} .donate-article-wrap .pattern-left{top: 31%; left: -126px; width: 350px;} .donate-article-wrap .pattern-right{top: 38%; right: -131px;bottom: auto; width: 350px;} /* programme */ .centre-carousel-viewport{max-width: 700px;} .centre-carousel-viewport .slick-list{margin: 0 -40px;} .slick-slide > div{padding: 0 40px;} /* Engage Page */ .partnerships-section .btn-section p.sm-body-text{max-width: 100%; width: 100%; margin: 30px 0 0 0} /* imapct page style */ .research-row, .our-footprint-row, .award-section, .annual-report-section,.our-footprint-column-row{margin-top: 50px} .research-column-row p,.beneficiaries-item{margin-top: 25px} .btn-wrap{margin-top: 35px} .impact-content{padding-bottom:30px;} .annual-report-section .medium-btn{width: 211px;} .impact-content .carousel-trigger-nav{margin: 30px 0;} .impact-content .carousel-trigger-nav li{margin: 5px 15px; font-size: 18px;} /* New Changing 18-01-19 */ .slide-item{min-height: 514px;} .slide-item img{display: none} .slider-text h3{padding-right: 65px;} .centre-carousel-item video {width: 100%; height: auto;} } @media only screen and (min-width: 992px) and (max-width: 1150px) { input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"], input[type="submit"], input[type="password"], select, textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}input[type='number']{-moz-appearance:textfield;} .nav-wrap{display: block !important;} .nav-wrap > ul > li{margin: 0 10px;} .nav-wrap > ul > li:first-child{margin-left: 16px;} } @media only screen and (min-width: 1025px) and (max-width: 1170px) { .partnerships-section .btn-section p.sm-body-text{width: 100%; margin: 30px 0 0 0;max-width: 100%} } @media only screen and (min-width: 1025px) and (max-width: 1280px) { .centre-carousel-viewport{max-width: 800px;} .centre-carousel-viewport .slick-list{margin: 0 -40px;} .slick-slide > div{padding: 0 40px;} .impact-content .donate-article-wrap .pattern-left{top: 23%;left: -180px;} .impact-content .donate-article-wrap .pattern-right{right: -190px; bottom: 60px;} .impact-content .carousel-trigger-nav li{margin: 5px 15px;} } @media only screen and (min-width: 1640px){ .donate-article-wrap .pattern-left{left: 113px;} .donate-article-wrap .pattern-right{bottom: 0;} } @media(max-width:600px){ .donatebtn { margin-right: 18px; margin-left: 0px; } .alpha .hero-alt-height { min-height: 165px; } .hero-thumb { min-height: 169px; } .alpha iframe{height:10em !important;} #give-form-8091-1 { padding-bottom: 200px !important; } #give-form-8091-1::before { top: auto !important; right: auto !important; bottom: 2em !important; } .staty{ flex-direction:column; } .staty .stat-flag { width: 100%; } .iinf{ padding:2em 0; } .trustbridge-content{ flex-direction:column; } .trustbridge-content a{ margin-top:1em; } } /* Retina media query. Overrides styles for devices with a device-pixel-ratio of 2+, such as iPhone 4. ----------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { }