@charset "UTF-8";
html,body{height:100%}

body { font-size:16px;padding-top:100px; }
body.home.blog {padding-top: 100px;}
body.home { padding-top:0; }
h1, .h1 { font-size:36px; }
h2, .h2 { font-size:32px; }

.m0 { margin:0!important }
.mb0 { margin-bottom:0!important; }
.mt0 { margin-top:0; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom:50px; }

.mt10 {margin-top:10px }
.mt30 {margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 {margin-top:60px;}
.mb60 { margin-bottom: 60px; }

.mtb40 {margin-bottom:40px; margin-top:40px;}
.mtb60 {margin-bottom:60px; margin-top:60px;}

.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.p10 { padding:10px; }
.p20 { padding:20px}
.p30 { padding:30px}
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb80 { padding-bottom:80px; }
.pb100 { padding-bottom:100px; }
.pt30 { padding-top:30px; }
.pt60 { padding-top:60px; }
.pt40 {padding-top:60px; }
.ptb15 { padding-top:15px; padding-bottom:15px; }
.ptb20 { padding-top:20px; padding-bottom:20px; }
.ptb40 { padding-top:40px; padding-bottom:40px; }
.ptb60 { padding-top:60px; padding-bottom:60px; }
.ptb80 { padding-top:80px; padding-bottom:80px; }
.plr20 {padding-left:20px; padding-right: 20px}

/* bootstrap 3 helpers */
#nav.affix {position: fixed;top:0;width: 100%;z-index:10;}
.img-responsive { width:100%; }
.no-padding { padding-left: 0 !important; padding-right: 0 !important;}
.text-left {text-align: left!important}
.uppercase {text-transform: uppercase;}

/*-----NAVBAR-----*/

nav[role="navigation"], body.home.page-template-page-full-width2 nav[role="navigation"] {position:fixed;top:0;width:100%;z-index: 20;}
body.home nav[role="navigation"] {position:relative;}
body.home.blog nav[role="navigation"] {position:fixed;}

.navbar { border-radius:0; border:none; margin:0; min-height:100px; font-family: 'Droid Sans', sans-serif; }
.navbar-brand { padding: 20px 75px; height:120px; }
.navbar-brand.not-home { padding: 30px 75px; height:100px; }
.navbar-nav>li>a {padding-top:inherit;padding-bottom:inherit;font-size: 20px;font-weight: 500;margin-top: 26px;text-transform: uppercase; padding-left:12px; padding-right:12px; }
.navbar-nav.home>li>a { margin-top:35px; }
.navbar.not-home .second-nav-container { margin-top: -55px; }
.navbar.not-home .page-nav ul { margin-top:10px; }
.navbar.not-home .navbar-nav>li>a { margin-top: 10px; }
.navbar-nav.second-nav>li>a { margin-top:0; text-transform:none; font-size:14px; color:#f2f2ec; font-weight: 400; }
.navbar-nav.second-nav>li { color: #f2f2ec }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { background-color:inherit }
.second-nav-container { margin-top: -40px; color:#666666; }
.second-nav-container.home { margin-top: -50px; }

/* --- IN PAGE NAV ---*/
.inpage-nav ul li {display: inline-block;position: relative;margin: -40px 0 0;}
.inpage-nav ul li a {display:inline-block;padding: 50px 45px 10px;font-family: 'Droid Sans', sans-serif;font-size: 18px;text-transform: uppercase;background-color: #bdbcb6;color: #fff;font-weight: 700;border-radius: 0 0 150px 150px;min-width: 310px; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.35);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.35);}
.inpage-nav.challenge ul li a.active { background-color:#58912d; }
.inpage-nav.response ul li a.active {background-color:#921918}
.inpage-nav.contact ul li a.active {background-color:#479dbc}
.inpage-nav.contact ul li {
    z-index: 1;
}
.inpage-nav.contact ul li:last-child {
    z-index: 0;
    margin-top: -46px;
}
.inpage-nav.contact ul li:last-child a {
    padding-top: 58px;
}

.inpage-nav.reporting ul li a.active {background-color:#d5ad34}
.inpage-nav ul { padding:0;overflow:hidden; padding-bottom: 10px;}
.inpage-nav {
    text-align:center;
    width:100%;
    display: flex;
    justify-content: center;
}
.inpage-nav > a {
    padding: .5em 2em;
    box-sizing: border-box;
    margin: 0 0.5em;
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
    border-radius: 0 0 150px 150px;
    font-family: 'Droid Sans', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    background-color: #bdbcb6;
    color: #fff;
    font-weight: 700;min-width: 310px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.35);
}

.inpage-nav.challenge > a.active { background-color:#58912d; }
.inpage-nav.response > a.active {background-color:#921918}
.inpage-nav.contact > a.active {background-color:#479dbc}
.inpage-nav.reporting > a.active {background-color:#d5ad34}




.inpage-nav.affix,.blog .inpage-nav{top:100px;z-index:15;}
/*.blog .inpage-nav{position:fixed;}*/
.nav-padding {padding-top: 30px;}

/*-----SECTIONS-----*/
.lead-ubuntu { font-family: 'Ubuntu',sans-serif; font-size: 24px; }
.leadish-ubuntu {font-family: 'Ubuntu',sans-serif;font-size: 22px;}
.lead { font-size: 27px; font-family: 'Droid Sans', sans-serif; }
.leadish { font-size: 24px; }
.standout { padding-top:90px; padding-bottom:90px; color:#FFFFFF }
.standout-white { padding-top:80px; padding-bottom:80px; }
.standout a { font-size:26px; color: #FFFFFF; color: rgba(255, 255, 255, 0.5); }
#nav-reporting-back h1 a { font-size:inherit; color: inherit; }
.grey-text { color:#808080; }
.dark-grey-text { color: #626259; }
.grey-text a, .dark-grey-text a { color:#808080; font-size:26px; }
.green-text { color:#58912d }
.white-text { color:#fff; }
.red-text {color:#921918;}
.maroonbg .standout a { color:#d4ad33 }
.greenbg { background-color:#58912d; position:relative; color:#fff; }
.greenbg-circle { background-color:#58912d; position:relative; color:#fff; }
.redbg { background-color:#921918; position:relative; color: #fff }
.mustardbg { background-color:#d5ad34; position:relative; color:#fff }
.creambg { background-color:#f2f2ec; position:relative; }
.maroonbg { background-color:#423333; position:relative; color:#fff }
.goals-dropdown { background-color:#fff; position: relative; color:#808080; margin-top:50px; padding:30px; }
.bluebg { background-color:#479dbc; position:relative; color:#fff; }
.bluebg a { color:#fff; }
.circle { width:80px; height:80px; margin:0 auto; position:absolute; left:0; right:0; bottom: -40px; border-radius:999px; z-index:1}
.carousel-control.left, .carousel-control.right { background-image:none; filter:none; }
.carousel-control{ filter:none; }
.arrow-left, .arrow-right { position: absolute; top: 50%; z-index: 5; display: inline-block; }
.arrow-left {left:10px;}
.arrow-right {right:10px;}
@media (max-width:1280px){ .carousel-inner .item .row {margin-left:40px; margin-right:40px;} .goals-dropdown .row {margin:0!important;} }
@media (max-width:767px){.arrow-left, .arrow-right { top: 80px; }}
.redbg .carousel-inner { color:#fff; }
.redbg .carousel-inner h3 { text-transform:uppercase; text-align:center; }
.parallax-section, .pos-relative { position: relative}

.slider-band {background-color: #58912d;}
.slider-band .content {	height:100%;width:350px;background: #58912d;text-align: center;z-index:2;}
.slider-band .text {text-align: left;padding: 20px;color:#fff;}
.slider-band .left, .slider-band .right {position:absolute; top:200px; background: #58912d; width: 80px;height: 80px;border-radius: 999px; z-index: -1;}
.slider-band .left { position:absolute;left:-30px; width: 60px;padding-top: 13px;padding-right: 18px;height: 60px;}
.slider-band .right { position:absolute;right:-30px; width: 60px;padding-top: 13px;padding-left: 18px;height: 60px; }

@media (min-width: 0) and (max-width: 768px) {
	.slider-band {height:auto!important;}
	.slider-band .content {padding-top:550px;position:initial!important;width:100%;}
	.slider-band .left {top:570px;left:0;z-index: 10;width:auto;padding:0}
	.slider-band .right {top:570px;right:0;z-index: 10;width:auto;padding:0}
	.slider-band .text {padding:20px 40px;}
}

@media (min-width: 992px) {#slider_container {position: absolute;right: 0;width: 50%;padding-right: 0;}}
.slider .left {position: absolute;left: -28px;top: 30px;}
.slider .right {position: absolute;top: 30px;}
.slider .content {top:140px;}

/*------- HOME ------- */
.home-1 {background:url(../img/homepage/homepage-2b.jpg);text-shadow: 0 0 4px #000;}
.home-2 {background: url(../img/homepage/homepage-1b.jpg);}
.home-3 {background: url(../img/homepage/homepage-3b.jpg);}
.home-4 {background: url(../img/homepage/homepage-4b.jpg); }
.parallax-wrapper-home, .parallax-wrapper-600 { position:relative; height: 600px;}
.parallax-wrapper-home1 {position:relative; height:calc(100% - 120px);  }
.home-1, .home-2, .home-3, .home-4 {color:#FFFFFF;margin: 0 auto;padding: 0;display: block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-position: center center;-webkit-background-size: cover;background-size: cover;background-attachment:fixed;}
.home-1 .text { max-width:550px; /*margin-left:auto; margin-right:auto;*/ padding-top:50px; position:absolute; top: 0; left:50px; right:20px; text-align: left;}

.fb-like-box { width:100%!important; }
@-webkit-keyframes pulse {
	25%   { opacity: 1; }
	50%   { opacity: 0.2; }
	75% { opacity: 1; }
}
@-moz-keyframes pulse {
	25%   { opacity: 1; }
	50%   { opacity: 0.2; }
	75% { opacity: 1; }
}
@-o-keyframes pulse {
	25%   { opacity: 1; }
	50%   { opacity: 0.2; }
	75% { opacity: 1; }
}
@keyframes pulse {
	25%   { opacity: 1; }
	50%   { opacity: 0.2; }
	75% { opacity: 1; }
}

.arrow img {
	margin-top:10px;
	-webkit-animation: pulse 5s infinite;
	-moz-animation: pulse 5s infinite;
	-o-animation: pulse 5s infinite;
	animation: pulse 5s infinite;
}
.reporting-back-home time {font-size:28px; text-transform:uppercase;}
.reporting-back-home time span { font-weight:100; }
.reporting-back-home h3 a {color:#fff; font-size:22px;}
.reporting-back-home .read-more { font-size:16px; color:#fff; text-decoration:underline}
.reporting-back-home .overlay { text-align: center; text-transform: uppercase; font-size:64px; width:100%; height: 100%; width: calc(100% - 40px); height: calc(100% - 40px); border-radius: 999px; background-color:#D5AD34; background-color: rgba(213,173,52,0.8); position: absolute; top:0; left:0; opacity: 0;  transition: opacity 0.5s ease; margin:20px; color:#fff;  padding:22% 20px 20px; }
.reporting-back-home .img:hover .overlay {  opacity: 1}
.reporting-back-home .img { position:relative; }

.reporting-back-scientific-1,.reporting-back-1{overflow: hidden;}

.social-connect { font-size:22px; font-weight:500; margin-top:30px  }
ul.green-social { margin:0; padding:0 }
ul.green-social li { list-style-type:none; display:inline-block; }
ul.green-social li.facebook { margin-right:10px; }
ul.green-social li.facebook img, ul.green-social li.twitter img, ul.green-social li.instagram img, ul.green-social li.linkedin img { opacity:0.8; filter: alpha(opacity=80); /* For IE8 and earlier */; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; }
ul.green-social li.facebook img:hover,  ul.green-social li.twitter img:hover,  ul.green-social li.instagram img:hover,  ul.green-social li.linkedin img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ }
ul.green-social li.facebook { margin-right:0; }
.carousel .standout { padding-top:20px; padding-bottom: 0}
.carousel-indicators { bottom: auto; list-style:decimal; position: relative;display:inline-block;width:auto;margin: 15px 0 34px; font-size:40px;left: 0;top: 0;z-index: 9;}
.carousel-indicators li {
	list-style: none;
	width: auto;
	height: auto;
	margin: 0 10px 0 0;
	text-indent:inherit;
	border: none;
	cursor: pointer;
	opacity: 0.5;
	position: relative;
	display: inline-block;
	top:0;
}
.carousel-indicators .active {
	opacity: 1;
	background: none!important;
	width:auto;
	height:auto;
	margin-right:10px;
}

/* ------ Challenge ----- */
.challenge-1, .area-1, .people-1 { z-index:1; -webkit-box-shadow: 0px 6px 24px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 6px 24px 0px rgba(0,0,0,0.25); box-shadow: 0px 6px 24px 0px rgba(0,0,0,0.25);background-size: cover; color:#FFFFFF; position:relative; height:500px; background-position: center center; }
.challenge-1 { background-image:url(../img/challenge/elephant_header2.jpg);   }
.area-1 {background-image: url(../img/challenge/page-2_1.jpg)}
.area-2 {background: url(../img/challenge/the-delta.jpg)}
.people-2 { color:#FFFFFF; position:relative; background: url(../img/challenge/basket-weaver.jpg)}
.area-2, .people-2 {color:#FFFFFF;margin: 0 auto;padding: 0;display: block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-position: center center;-webkit-background-size: cover;background-size: cover;background-attachment:fixed;}
.people-1 {background-image: url(../img/challenge/people-header2.jpg)}
.blogfeed-1 h2.title { font-size: 20px; font-weight: 300; text-transform: uppercase; }
.blogfeed-1 h2.title a { color:#fff; }

footer { background-color:#323232; color:#ffffff; font-size: 13px; }
footer.green { background-color:#4C562B; color:#ffffff; font-size: 13px; }
footer h3 { color:#ccccbc; font-size: 23px; }
footer .logo {width: 100%;max-width:300px; text-align: center;}
footer .quote {font-size: 3em;}
footer .center {text-align: center;}
.blogfeed-footer h2.title { font-size:14px; margin-bottom:0; margin-top:0; }
.blogfeed-footer h2.title a { color:#fff; text-decoration: underline}

.follow-us {margin-top:20px;}
.follow-us .twitter { margin-right:10px; display: inline-block;}
.follow-us .twitter a {color:#fff;}
.follow-us .twitter-share-button { position: relative; top:5px; }

.twitter-breakout { width:520px; }
.twitter-breakout h2 { font-size: 30px; font-weight: 300; }
@media (max-width:1740px){
	.twitter-breakout { width:480px;  }
}
@media (max-width:1670px){
	.twitter-breakout { width:440px;  }
}

@media (max-width:1580px){
	.twitter-breakout { width:380px;  }
}

@media (max-width:1450px){
	.twitter-breakout { width:300px;  }
}

@media (max-width:1280px){
	.twitter-breakout { width:260px;  }
}

@media (max-width:1199px){
	.twitter-breakout { width:auto; position: relative;}
}

.challenge-map-key { position: absolute; bottom:0; }

/*twitter widget*/
.customisable-border {border-bottom: 1px solid #E8E8E8;}
.timeline-footer {display: none; }
#twitter-feed a { color:#fff; text-decoration: underline; }

.elephant-finder { background-size: cover; color:#FFFFFF; position:relative; background-image:url(../img/response/hide.jpg) }
.elephant-finder .greybg, .greybg { background-color:#626659; background-color: rgba(98,102,89,0.9); font-weight: 300}
.elephant-finder .greybg,.elephant-finder .redbg{height:550px;}
.elephant-finder .redbg{background-color: rgba(146,25,24,0.9);}
.elephant-key ul {padding:0}
.elephant-key ul li {list-style-type: none}
.boundries-map { color:#FFFFFF; position:relative; }

.the-people-black-bg {background-color:#000; background-color: rgba(0, 0, 0, 0.5); color:#fff;  }


/* ----------- Response --------- */
.project-1, .who-we-are-1, .get-involved-1 {z-index:1; -webkit-box-shadow: 0px 6px 24px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 6px 24px 0px rgba(0,0,0,0.25); box-shadow: 0px 6px 24px 0px rgba(0,0,0,0.25);background-size: cover; color:#FFFFFF; position:relative; height:500px; background-position: center; }
.project-1 { background-image: url(/img/response/project-header2.jpg)}
.who-we-are-1 { background-image: url(/img/response/whoweare-header2b.jpg); height:700px;}
.get-involved-1 { background-image: url(/img/response/getinvolved-header.jpg)}
.our-response-quote {background:url(../img/response/quote-elephant2.jpg);color:#FFFFFF;margin: 0 auto;padding: 0;display: block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-position: center center;-webkit-background-size: cover;background-size: cover;background-attachment:fixed;}
.faces .face { padding:30px; }
.faces.community-officers .face { padding:0; }
.faces .name { margin-top:10px; }
.faces .name strong { font-size: 18px; }
.faces .img { position:relative; }
.faces .overlay { text-align: center; text-transform: uppercase; font-size:24px; width:100%; height: 100%; width: calc(100% - 40px); height: calc(100% - 40px); border-radius: 999px; background-color:#921918; background-color: rgba(156,25,24,0.8); position: absolute; top:0; left:0; opacity: 0;  transition: opacity 0.5s ease; margin:20px; color:#fff; padding:20px; padding-top:30% }
.faces .img:hover .overlay,.faces .selected .overlay {  opacity: 1}
.faces.community-officers .overlay { padding-top:20%; font-size:20px;}
.faces.community-officers { background-color: #808080; color:#fff; background-image: url(/img/response/community-elephant-bg.png); background-repeat: no-repeat; background-position: bottom right; margin-left:0; margin-right:0; }
.faces.community-officers .bottom-quote {padding:40px;font-size:26px;font-weight: 300; display: inline-block}
.goals h2, .goals p, .font-light {font-weight: 300; }
.goals .lead {font-size: 24px;}
.goals .goals-dropdown .col-md-12 p {color: #000;}
.sleep-elephants-involved {height:800px; height:100vh; background-image:url(../img/homepage/homepage-4.jpg); background-size:cover; color:#fff;}
.sleep-elephants-involved .container {display:table; height:100% }
.sleep-elephants-involved .content {display:table-cell; vertical-align:bottom; padding-bottom:60px;}
.inline-block {display:inline-block}

/* ----------------- GET IN TOUCH -------------------- */
.getintouch-1 { z-index:1; -webkit-box-shadow: 0px 6px 24px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 6px 24px 0px rgba(0,0,0,0.25); box-shadow: 0px 6px 24px 0px rgba(0,0,0,0.25);background-size: cover; color:#FFFFFF; position:relative; height:700px; background-position: center; }
.getintouch-1 { background-image:url(../img/get-in-touch/header.png);   }
.getintouch-2 { background:url(../img/get-in-touch/boy-water.jpg); display: block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-position: center center;-webkit-background-size: cover;background-size: cover;background-attachment:fixed; }
.gmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0px;overflow: hidden;}

/* ----------------- RESPONSIVE BITS --------------*/
@media (max-width:1500px) and (min-width:1200px) {
.faces.community-officers .overlay {font-size:15px;}
}
@media (max-width:1200px) and (min-width:992px) {
.faces .overlay {font-size:17px}
}
@media (max-width:991px) and (min-width:768px) {
.faces .overlay {font-size:15px}
}
@media (max-width:1199px){
	.inpage-nav ul li a { min-width: 240px; font-size: 18px;  }
	.navbar-nav>li>a { font-size:18px; }
	.navbar-brand.not-home {padding: 30px 20px; }
}


@media (max-width:991px){
[class*="col-md-"]{ margin-bottom: 30px; }
.navbar-nav>li>a { font-size: 15px; }
.navbar-brand { padding:20px 15px; }
.faces .face { padding:0 15px; }
}

@media (max-width:860px) {
	.navbar-brand.not-home { width:180px; padding-top:32px; }
	.navbar-nav>li>a { font-size:14px; }
	.inpage-nav ul li a {font-size: 15px; min-width: 200px;  }
}

@media (max-width:767px){
body, body.home.blog {padding-top: 65px;}
body .home { padding-top:100px; }
body .navbar-nav.home, body .second-nav-container.home { padding-top:0; }
.inpage-nav.affix { top:65px; }
.parallax-wrapper-home, .parallax-wrapper-600 { height:400px; }
.home-1 .text { padding-top:30px; }
[class*="col-sm-"]{ margin-bottom: 30px; }
.home .navbar-toggle {margin: 25px 15px;}
.navbar-toggle, body.home.blog .navbar-toggle {margin: 15px 15px;}
.navbar-nav.home>li>a { margin-top: 17px; color: #fff; }
.second-nav-container.home { margin-top: 0px; border-top: 1px solid #fff; }
.not-home .second-nav { border-top: 1px solid #fff; }
.navbar-nav.second-nav>li>a { margin-top: 10px; color: #FFFFFF; }
.home .nav, .navbar { min-height:0; }
.home .navbar-brand { max-width:100px; height:auto; }
.navbar-brand.not-home { padding:20px; }
.navbar-brand.not-home { max-width:150px; height:auto;  }
.navbar.not-home .second-nav-container { margin-top: 0; }
.inpage-nav ul {padding-top:8px;}
.inpage-nav ul li { top: 0;  }
.inpage-nav ul li a { min-width: 0;font-size: 14px;margin: 0;padding: 10px;border-radius:0;}

.inpage-nav.contact ul li:last-child {
    margin-top: inherit;
    z-index: 1;
}
.inpage-nav.contact ul li:last-child a {
    padding-top: 10px;
}



.faces.community-officers .overlay { font-size:14px; padding-top:20%;}
.faces .overlay {font-size:14px; padding-top:16%; }
.carousel-inner .item .row { margin:0; }
.challenge-1, .area-1, .people-1, .project-1, .who-we-are-1, .get-involved-1, .getintouch-1  { height:250px; }
.lead-ubuntu, .lead {font-size: 20px;}
.h1, h1 { font-size:30px; }
.h2, h2 { font-size:27px; }
.h3, h3 { font-size:24px; }
.standout a { font-size: 22px; }
.standout {padding-top: 30px;padding-bottom: 30px; }
.faces.community-officers .bottom-quote { font-size:17px; }
.projectleaders.faces .face {min-height:260px; }
}

@media (max-width:390px){
.inpage-nav ul { padding-top:0px; }
.inpage-nav ul li a { font-size: 10px;}
.faces .overlay { font-size: 10px; }
}

.constrain {
    max-width: 100%;
}
 .text-shadow {
    text-shadow: 0px 0px 3px #000;
 }

 .achievements ul {
    padding-left: 1em;
 }