/*-------------------------->>> GLOBAL SELECTORS <<<--------------------------*/
@font-face {
font-family:'league gothic';
src:url('../fonts/leaguegothic-regular-webfont.eot');
src:url('../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/leaguegothic-regular-webfont.woff') format('woff'), url('..fonts/leaguegothic-regular-webfont.ttf') format('truetype'), url('../fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
font-weight:normal;
font-style:normal;
}
body{
padding-top:105px;
font-family:'Lato', 'Arial', sans-serif;
color:rgb(55,55,55);/*Dark Grey*/
}
h1, h2, h3, h4{
color:rgb(55,55,55);/*Dark Grey*/
font-weight:bold;
}
p{
margin-bottom:2rem;
font-size:1.25rem;
}
a{
color:rgb(0,85,129);/*TWP Blue*/
}
a:visited{
color:rgb(86,0,78);/*TWP Purple*/
}
ul.no-bullets li{
list-style:none;
}
ul, ol{
font-size:1.25rem;
}
ol{
margin:2rem;
}
ol li{
margin-bottom:1rem;
}
blockquote{
margin-bottom:2rem;
padding:0 10%;
font-size:1.7rem !important;
font-weight:bold;
color:rgb(51,70,14);/*TWP Green*/
}
blockquote:before, blockquote:after{
font-family:"Font Awesome 5 Pro";
 -webkit-font-smoothing: antialiased;
}
blockquote:before{
content:'\f10d\00a0\00a0';
}
blockquote:after{
content:'\00a0\00a0\f10e';
}
hr{
clear:both;
border:none;
border-top:1px solid rgb(170,170,170);/*Light Grey*/
}
hr.leaf{
border-top:4px double rgb(51,70,14);/*TWP Green*/
text-align:center;
}
hr.leaf::after{
content: '\f06c';
display: inline-block;
position: relative;
top:-1em;
padding: 0 10px;
background:white;
font-family:"Font Awesome 5 Pro";
 -webkit-font-smoothing: antialiased;
font-size: 1.5em;
color:rgb(51,70,14);/*TWP Green*/
}
.blue-fill hr.leaf, .green-fill hr.leaf{
border-top:4px double white;
text-align:center;
}
.blue-fill hr.leaf::after, .green-fill hr.leaf::after{
content: '\f06c';
display: inline-block;
position: relative;
top:-1em;
padding: 0 10px;
background:rgb(0,85,129);/*TWP Blue*/;
font-family:"Font Awesome 5 Pro";
 -webkit-font-smoothing: antialiased;
font-size: 1.5em;
color:white;
}
.green-fill hr.leaf:after{
background:rgb(51,70,14);/*TWP Green*/
}
hr.double{
border-top:4px double rgb(51,70,14);/*TWP Green*/
}
.blue-fill hr.double, .green-fill .hr.double{
border-top:4px double white;
}
*:focus{  
outline:none;  
}  
/*-------------------------->>> BOOTSTRAP CLASSES <<<--------------------------*/
.container, .container-fluid{
padding-right:0;
padding-left:0;
}
.container{
max-width:1170px;
}
.row{
max-width:1170px;
margin:0 auto;
}
.line{
max-width:none;
border-bottom:rgb(170,170,170)/*Light Grey*/ 1px solid;
}
/*Header Classes*/
.brand img{
width:90%;
padding:.5em 0;
}
/*Navbar Classes*/
.navbar{
padding:0;
background-color:rgb(248,248,248)/*Very Very Light grey*/;
-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);/*15% Black*/
box-shadow:0 2px 8px rgba(0,0,0,.15);/*15% Black*/
}
.dropdown-toggle::after{
border-width:0;
}
.navbar-toggler{
border:solid 1px rgb(170,170,170);/*Light Grey*/
}
/*Button Classes*/
button:focus{
outline:0!important;
}
#toggleButton button:hover, #toggleButton button:focus{
background-color:rgb(240,240,240);/*Very Light Grey*/
}
.btn-primary{
background-color:rgb(51,70,14);/*TWP Green*/
border-color:rgb(51,70,14);/*TWP Green*/
-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);/*15% Black*/
box-shadow:0 2px 8px rgba(0,0,0,.15);/*15% Black*/
}
.btn-primary:focus,.btn-primary:hover, .btn-primary:active, .btn-primary:active:hover{
background-color:rgb(33,46,9);/*Dark Green*/
border-color:rgb(33,46,9);/*Dark Green*/
}
a.btn.btn-primary{
color:white;
}
a.btn-primary:visited{
color:rgb(255,255,255);/*White*/
}
.btn-secondary{
border-color:rgb(170,170,170);/*Light Grey*/
}
.btn-secondary.active, .btn-secondary.active:hover, .btn-secondary.active:focus{
border-color:rgb(55,55,55);/*Light Grey*/
}
.btn-secondary:hover, .btn-secondary.active:hover{
background-color:#d4d4d4;
}
/*Carousel Classes*/
.carousel-indicators li, .carousel-indicators .active {
position:relative;
-webkit-box-flex:1;
-webkit-flex:1 0 auto;
-ms-flex:1 0 auto;
flex:1 0 auto;
width:30px;
height:4px;
margin-right:3px;
margin-left:3px;
text-indent:-999px;
cursor:pointer;
background-color:rgba(255,255,255,.5);/*50% White*/
border:none;
}
.carousel-indicators .active {
background-color:rgb(255,255,255);/*White*/
border-color:;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.carousel-control-next, .carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity:.7;
font-size:3em;
}
a.carousel-control-next:hover, a.carousel-control-prev:hover{
color:#fff;
opacity:1;
}
a.carousel-control-next:focus, a.carousel-control-prev:focus{
color:#fff;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
display: inline-block;
width: 20px;
height: 20px;
background: transparent no-repeat center center;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
/*Card Classes*/
.card{
border-color:rgb(170,170,170);/*Light grey*/
border-radius:0;
background-color:transparent;
}
.card-img-top{
border-radius:0;
}
.card-block{
padding:1rem;
}
a.card{
color:rgb(55,55,55);/*Dark Grey*/
}
a.card:hover{
background-color:rgb(240,240,240);/*Extra light grey*/
text-decoration:none;
}
/*Modal Classes*/
body.modal-open .navbar{
padding-right:17px !important;
}
/*Miscellaneous Classes*/
.collapse.show{
display:block;
}
.collapsing {
-webkit-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}

/*-------------------------->>> GENERAL CLASSES <<<--------------------------*/
/*Header*/
.header-social-media{
margin-top:1.5%;
padding-right:0;
}
.fb_iframe_widget{
vertical-align:top;
margin-right:10px;
}
iframe#twitter-widget-0{
margin-top:4px;
}
#gift-catalog, #cart{
margin:-12px 0 0 15px;
color:rgb(0,85,129);/*TWP Blue*/
}
#gift-catalog:hover, #cart:hover{
color:rgb(86,0,78);/*TWP Purple*/
}
#cart .fas{
font-size:1.5rem;
}
#cart{
font-weight:bold;
}
/*Navbar*/
#navContainer{
max-width:none;
height:auto!important;
margin:0;
border-bottom:rgb(170,170,170)/*Light Grey*/ 1px solid;
/*Animation for when the sub menu disappears*/
-webkit-transition:padding-bottom .3s;
transition:padding-bottom .3s;
}
#navContainer div.row div.col-lg-12{
padding:0;
}
#navContainer ul{
font-size:1rem;
}
#navContainer li.nav-item{
width:20%;
margin:0;
text-align:center;
/*Animation for when the list item is no longer selected*/
-webkit-transition:background-color .3s;
transition:background-color .3s;
}
#navContainer li.nav-item>a{
padding:.75rem;
color:rgb(55,55,55);/*Dark Grey*/
text-transform:uppercase;	
/*Animation for when the list item is no longer selected*/
-webkit-transition:color .3s;
transition:color .3s;
}
#navContainer li#donate{
background-color:rgb(51,70,14);/*TWP Green*/
}
#navContainer li#donate>a{
color:rgb(255,255,255);/*White*/
}
#navContainer li#donate>a:hover{
background-color:rgb(86,0,78);/*TWP Purple*/
}
#navContainer ul.dropdown-menu{
background-color:transparent;
border:none;
overflow:hidden;
}
#navContainer li.nav-item.dropdown:hover ul{
display:inline;
width:500%;
height:60px;
margin:0;
padding:0;
}
#navContainer li.dropdown-item{
display:inline-block;
width:auto;
padding-top:0;
padding-bottom:0;
background-color:transparent;
}
#navContainer li.dropdown-item>a{
display:inline-block;
width:auto;
padding-top:18px;
padding-bottom:18px;
color:rgb(55,55,55);/*Dark Grey*/
/*Animation for when the sublist is no longer selected*/
-webkit-transition:color .3s;
transition:color .3s;
}
#navContainer li.dropdown-item>a:hover{
color:rgb(170,170,170);/*Light Grey*/
text-decoration:none;
/*Animation for when the listen item is selected*/
-webkit-transition:color .3s;
transition:color .3s;
}
.sub-menu{
padding-bottom:60px;
/*Animation for when the menu grows*/
-webkit-transition:padding-bottom .3s;
transition:padding-bottom .3s;
}
#navContainer li.nav-item.active{
background-color:rgb(170,170,170);/*Light Grey*/
/*Animation for when the list item is selected*/
-webkit-transition:background-color .3s, color .3s;
transition:background-color .3s, color .3s;
}
#navContainer li.nav-item.active>a{
color:rgb(255,255,255);/*White*/
}
#navContainer li.nav-item.inactive>a, #navContainer li#donate.inactive>a{
color:rgb(229,229,229);/*Very Light Grey*/
}
#navContainer li#donate.inactive{
background-color:transparent;
/*Animation for when the list item is not selected*/	
-webkit-transition:background-color .3s;
transition:background-color .3s;
}
#navContainer li#donate.active>a{
background-color:rgb(86,0,78);/*TWP Purple*/
/*Animation for when the list item is selected*/
-webkit-transition:background-color .3s, color .35s;
transition:background-color .3s, color .3s;
}
/*Section Classes*/
.text-section{
padding:4rem 2rem;	
}
.split{
display:-webkit-flex;
display:flex;
align-items:center;
justify-content:center;
}
/*Footer*/
.footer{
padding:2% 0;
background-color:rgb(55,55,55);/*Dark Grey*/
color:rgb(255,255,255);/*White*/
}
.footer a, .footer a:hover, .subfooter a:hover, .subfooter i:hover{
color:rgb(255,255,255);/*White*/
}
.footer img{
width:90%;
margin-bottom:3%;
}
.footer ul{
padding:0;
}
.footer li{
list-style-type:none;
}
.footer li>a{
color:rgb(130,130,130);/*Medium Grey*/
}
.footer form{
width:100%;
}
.footer input[type="text"], .footer input[type="email"]{
color:rgb(55,55,55);/*Dark Grey*/
padding:3px;
border:solid 1px rgb(238,238,283);
}
.footer input.name{
float:left;
width:49%;
margin:0 1% 1% 0;
}
.footer input.input-email{
width:99%;
margin-bottom:3%;
}
.subfooter{
padding:2% 0;
background-color:rgb(31,31,31);/*Very Dark Grey*/
color:rgb(130,130,130);/*Medium Grey*/
}
.subfooter a{
color:rgb(130,130,130);/*Medium Grey*/
}
.subfooter i{
padding:0 1%;
font-size:1.5em;
}
.copyright{
text-align:right;
}
/*Image and Video Classes*/
.full .row{
max-width:none;
}
.full-images img{
width:100%;
}
section#hero-image{
margin-top:10px;
}
.hero-image, .hero-image-full, .final-image, .split-image, .video, .carousel-item{
padding:0;
overflow:hidden;
}
.hero-image img, .hero-image-full img, .final-image img, .split-image img{
width:100%;
}
.overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:2rem;
z-index:100;
}
.overlay.left{
top:0;
padding-top:5%;
}
.overlay.right{
padding-left:40%;
width:100%;
top:20%;
}
.overlay hr{
max-width:1170px;
margin-right:auto;
margin-left:auto;
border-bottom:none;
border-top:1px solid rgb(255,255,255);/*White*/
}
.overlay h1, .overlay h2, .overlay h3, .overlay p{
max-width:1170px;
margin-right:auto;
margin-left:auto;
color:rgb(255,255,255);/*White*/
}
.overlay h1{
font:normal 4rem "league gothic";
text-transform:uppercase;	
}
.overlay.left h1, .overlay.left h3, .overlay.left a{
margin-left:12%;
}
.overlay h3{
line-height:2.5rem;
font-weight:normal;
}
.overlay img{
width:10%;
}
.overlay-top{
top:50px;
}
.overlay.grey-text h1, .overlay.grey-text h3{
color:rgb(55,55,55);/*Dark Grey*/
}
.carousel.slide div.overlay{
padding-bottom:4rem;
}
.video{
padding-bottom:56.25%;
height:0;
}
.video#fuego{
padding-bottom:66%;
}
.video iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.split img{
min-height:500px;
object-fit:cover; 
}
/*Form Classes*/
.standard-form, .payment-form{
box-sizing:border-box;
padding:4rem;
}
.standard-form div, .payment-form div{
padding:0;
border:.5rem solid transparent;
border-width:.25rem .5rem;
}
.standard-form input, .standard-form label, .payment-form input, .payment-form select, .standard-form select{
width:100%;
padding:1rem;
}
.standard-form input, .payment-form input, .payment-form select, .standard-form select{
position:relative;
border:1px solid rgb(170,170,170);/*Light Grey*/
}
.payment-form select, .standard-form select{
height:58px;
}
.standard-form input:valid{
background-color:rgb(255,255,255);/*White*/
z-index:2;
}
.standard-form input:focus{
padding:.5rem 1rem 1.5rem;
border-color:rgb(51,70,14);/*TWP Green*/
}
.standard-form label{
position:absolute;
top:0;
bottom:0;
left:0;
z-index:1;
margin:0;
background-color:transparent;
color:rgb(170,170,170);/*Light Grey*/
}
.standard-form input:focus + label{
transition:background .3s, color .3s, top .3s;
top:100%;
z-index:3;
margin-top:-22px;
padding:2px 1rem 0;
background-color:rgb(51,70,14);/*TWP Green*/
color:rgb(255,255,255)/*White*/;
font-size:80%;
}
.standard-form input.quantity{
width:10%;
}
.standard-form input[type="file"]{
width:auto;
margin-bottom:1rem;
padding:0;
border:none;
}
.standard-form div.other input, .standard-form div.other label{
display:none;
}
.standard-form div.other input{
background-color:transparent;
}
.payment-form div.credit-card{
border:none;
}
.payment-form input, .payment-form select{
margin:0 .5rem;
}
.payment-form label{
width:100%;
margin:0;
padding:0 1rem 0 1rem;
font-size:1.1rem;
color:rgb(51,70,14);/*TWP Green*/
opacity:0;
-webkit-transition:opacity .3s;
transition:opacity.3s;
}
.payment-form input:focus{
border-color:rgb(51,70,14);/*TWP Green*/
}
.payment-form input:focus + label, .payment-form select:focus + label{
opacity:1;
-webkit-transition:opacity .3s;
transition:opacity.3s;
}
.payment-form input:focus::-webkit-input-placeholder {
opacity:0;
}
.payment-form #card_label{
position:absolute;
right:0;
bottom:-1.75rem;
}
.payment-form div.row div.group{
padding;0;
margin:0;
border:0;
}
.payment-form div.row div.group div{
border-top:0;
border-bottom:0;
}
.payment-form div.row div.group div:first-child{
border-left:0;
}
.payment-form div.row div.group div:last-child{
border-right:0;
}
.payment-form #error-message{
color:rgb(255,0,0);
}
#pay-pal .row{
padding:0 2%;
}
#pay-pal .col-xs-6, #pay-pal .col-xs-12{
margin:0 1%;
padding:0;
}
#pay-pal .col-xs-6{
width:48%;
}
#pay-pal .col-xs-12{
width:98%;
}
#pay-pal label{
padding:7px 0 4px 0;
margin:0;
}
#pay-pal label, #pay-pal input, #pay-pal select, #pay-pal textarea{
width:100%;
font-size:1rem;
line-height:1rem;
color:rgb(55,55,55);
}
#pay-pal input, #pay-pal select, #pay-pal textarea{
padding:.25rem;
border-width:1px;
border-style:solid;
border-color:rgb(177,177,177);
}
#pay-pal input:focus, #pay-pal select:focus, #pay-pal textarea:focus{
border-color:rgb(51,70,14);
}
#pp-other, #pp-honor{
display:none;
opacity:1;
-webkit-transition:opacity 0.5s linear;
transition:opacity 0.5s linear;
}
/*Miscellaneous Classes*/
.green-text{
color:rgb(51,70,14);/*TWP Green*/
}
.solid-grey-fill{
background-color:rgb(220,220,220)/*Light grey*/;
color:white;
}
.grey-fill{
background-image:url(../img/bg-line.png);
background-repeat:repeat;
}
.green-fill{
background-color:rgb(51,70,14);/*TWP Green*/
color:white;
}
.blue-fill{
background-color:rgb(0,85,129);/*TWP Blue*/
color:white;
}
.blue-fill h1, .blue-fill h2, .blue-fill h3{
color:white;
}
.underline{
text-decoration:underline;
}
.overlay-gradient{
background:linear-gradient(to top, rgba(0,0,0,.5) 50%, rgba(0,0,0,0));
}
.overlay-gradient-dark{
background:linear-gradient(to top, rgba(0,0,0,.7) 70%, rgba(0,0,0,0));
}
.circle{
position:relative;
width:100%;
height:auto;
padding-top:100%;
border-radius:50%;	
}
.circle p{
position:absolute;
width:100%;
top:50%;
transform:translateY(-50%);
margin:0;
text-align:center;
}
.split-text{
padding:5%;
}
.split-text h3{
line-height:1.5;
}
.article{
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:3em;
-moz-column-gap:3em;
column-gap:3em;
text-align:justify;
}
.dollar-sign{
position:absolute;
padding:1rem;
font-weight:bold;
}
/*-------------------------->>> PAGES <<<--------------------------*/
/*Index Page*/
#problem-statement img{
width:150px;
}
#evergreen-circle .split img{
min-height:inherit;
}
.callouts{
padding:2% 0;
}
#index .overlay{
padding-bottom:5%;
padding-top:8%;
}
#index .overlay h1, #index .overlay h3{
width:40%;
margin-left:10%;
}
.overlay.volcano.left{
padding-top:1.5%;
}
.overlay.volcano h3{
color:rgb(55,55,55);
}
.overlay.volcano a, .overlay.volcano h3{
margin-left:auto;
}
.overlay.volcano a{
margin-top:2%;
}
#match h1{
margin-left:2%;
font-family:'Knewave',cursive;
font-size:3.1em;
text-align:left;
text-transform:none;
text-shadow:2px 2px 50px #111;
}
#match img{
position:absolute;
left:8%;
top:42%;
width:22%;
}
.overlay img#bridge{
display:inline-block;
width:15%;
margin-bottom:1rem;
}
.carousel #colorado-gives .overlay{
width:29%;
height:100%;
margin-left:71%;
padding-top:27.5%;
}
.carousel #colorado-gives .overlay-gradient-right{
background:linear-gradient(to left, rgba(0,0,0,.5) 40%, rgba(0,0,0,0));
}
.carousel #colorado-gives .overlay img{
width:100%;
}
/*Year End Page*/
#main-donation-ye .modal-dialog{
max-width:700px;
}
div.year-end{
margin:0 auto;
}
#donation-stats #match-100k img{
margin-top:-50px;
width:80%;
transform:rotate(-20deg);
}
/*Roots of Migration Page*/
img.match{
margin-top:-25%;
width:100%;
-ms-transform: rotate(-15deg); 
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
div.overlay div.matching-seal {
max-width:1170px;
}
.matching-seal div:first-of-type{
width:20%;
float:left;
}
.matching-seal div:last-of-type{
width:73%;
margin-left:2%;
float:left;
}
.matching-seal img{
width:100%;
-ms-transform: rotate(-15deg); 
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
/*About Us Page*/
#how-we-work .col-lg-3{
padding:0 2%;
}
#how-we-work .circle{
margin-bottom:10%;
background-color:rgb(51,70,14);/*TWP Green*/;
color:rgb(255,255,255);/*White*/
}
#how-we-work .circle p{
font-size:6rem;
}
#how-we-work .row:nth-child(2){
margin:2% auto;
}
#our-team div.row{
margin-bottom:1rem;
}
#our-team div.col-lg-4, #our-team div.col-lg-8{
padding:1rem;
}
#our-team img{
width:100%;
padding:1rem;
background-color:rgb(255,255,255);/*White*/
-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);/*15% Black*/
box-shadow:0 2px 8px rgba(0,0,0,.15);/*15% Black*/
}
#our-team h3{
margin-bottom:1rem;
font-size:1.3rem;
font-weight:normal;
text-transform:uppercase;
line-height:1.6rem;
}
#our-team a .fa-envelope{
color:rgb(55,55,55);/*Dark Grey*/
}
#our-team a:hover .fa-envelope{
color:rgb(86,0,78);/*TWP Purple*/
}
/*Financials Page*/
#financials .col-lg-6{
padding-top:5%;
}
#third-party-reviews img:hover{
opacity:.5;
}
#past-reports h1, #past-reports p{
margin-bottom:1rem;
}
.impact-icons img{
width:50%;
}
.impact-icons .col-md-4 h1{
color:rgb(51,70,14);/*TWP Green*/
margin-bottom:.5rem;
}
/*Partners Page*/
#corporate-interest div.col-md-4{
padding:2%;
}
#corporate-interest ul{
color:rgb(150,150,150)/*Light Grey*/;
list-style:none;
}
#corporate-interest i.far, #evergreen-circle-info i.fab{
color:rgb(51,70,14);/*TWP Green*/
}
#partners div.col-sm-6{
padding:2rem;
}
#partners img{
max-width:300px;
}
#partners a:hover img{
opacity:.5;
}
/*Projects Pages*/
#cookstove-slideshow .col-xs-12, #renewable-slideshow .col-xs-12, #tribal-slideshow .col-xs-12, #mike-slideshow .col-xs-12, #home-slideshow .col-xs-12{
padding:0;
}
#tribal-slideshow{
background-image:url(../img/tribal-lands/pine-ridge.jpg);
background-size:contain;
background-repeat:no-repeat;
padding-top:40%;
}
#tribal-slideshow .col-xs-12{
margin-top:-32%;
padding:0 40% 0 10%;
}
/*Evergreen Circle Page*/
#evergreen-circle-info img{
width:60%;
}
/*Careers*/
#national-director h3{
color:rgb(51,70,14);/*TWP Green*/
}
#job-application{
padding:1rem 0;
}
#job-application p{
margin:1rem 0;
}
/*Kili solar page*/
#donation-stats{
margin:4em auto;
}
#donation-stats div.amounts div{
width:50%;
position:relative;
float:left;
}
.amounts p.right{
text-align:right;
}
#progress-bar{
width:100%;
height:27px;
}
.payment-buttons{
margin:2rem auto;
}
.payment-buttons a.btn{
min-width:200px;
}
.paypal{
max-height:22px;
}
/*Rhythms for the Planet Page*/
#tickets-form div.title{
margin-bottom:2rem;
}
#tickets-form div.col-md-8 h4{
padding:1rem 0;
margin:0;
color:rgb(0,85,129);/*TWP Blue*/
}
/*Breakfast for a Purpose Page*/
div#cool-it{
padding:2% 5%;
background-image:linear-gradient(#9DD9EA, #FFF);
}
#cool-it img{
width:60%;
}
#cool-it div.col-lg-7 div{
padding-top:10%;
}
#cool-it h1{
font-family:"Arial Black";
font-size:9rem;
background: -webkit-linear-gradient(#00baf2, #008fd5);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#cool-it h2{
font-size:3rem;	
}
h3#cool-it{
background: -webkit-linear-gradient(#00baf2, #008fd5);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#tasty-harmony{
width:30%;
}
#restaurant-map{
width:100%;
height:300px;
margin-top:2rem;
}
#index #hero-image a.breakfast{
color:inherit;
font-weight:bold;
}
/*404 Page*/
#___gcse_0{
width:40%!important;
margin:2rem auto!important;
}
.gsc-control-cse{
background-color:transparent!important;
}
.gsc-input, .gsc-input-box{
height:3rem!important;
}
.gsc-input{
padding:1rem!important;
}
.gsib_a{
padding:0!important;
}
.gsc-input-box, .gsc-control-cse{
border:none!important;
}
input.gsc-search-button-v2{
height:auto!important;
width:auto!important;
padding:.5rem 2rem!important;
border:none!important;
}
/*Main Catalog*/
.catalog .col-lg-6{
padding:0;
}
.catalog .type{
font-size:1.2rem;
font-weight:normal;
font-style:italic;
color:rgb(0,85,129);/*TWP Blue*/
}
.catalog .card{
border:none;
}
.catalog .card-img-top{
border:white solid 5px;
}
.catalog select.size{
margin-top:1rem;
margin-right:1rem;
font-size:1.25rem;
}
.catalog .modal-dialog{
max-width:70%;
}
.catalog .modal-header, .catalog .modal-body{
padding:1.5rem;
}
.catalog .modal h4{
margin:0;
color:rgb(51, 70, 14);/*TWP Green*/
}
.catalog .modal .col-lg-6{
padding:0 15px;
}
.catalog .modal .description h4{
padding-top:1rem;
}
.catalog #keep-shopping .modal-dialog{
max-width:600px;
}
.catalog #cart-item{
font-weight:bold;
color:rgb(0,85,129);/*TWP Blue*/
}
.catalog input:checked + label {
border-color:rgb(51, 70, 14) /*TWP Green*/;
}
.catalog #IATS_PaymentItemDiv_CompanyName{
width:98%;
}
/*Coffee*/
.coffee-selection .col-md-5{
border:solid rgb(0,85,129) 2px;
padding:5%;
}
#separator{
padding-top:100%;
}
#IATS_Payment_PaymentFrequencyDiv, #IATS_Payment_ReoccurringSettingDiv, ul[shoppingcartitem_sku="USPS"] button.IATS_IncreaseQtyShort, ul[shoppingcartitem_sku="USPS"] input.IATS_QtyInputShort, ul[shoppingcartitem_sku="USPS"] .IATS_ShoppingCartRightItem{
display: none !important;
}
.IATS_ShoppingCartOption1SelectList, #IATS_Payment_PaymentAccountInputDiv{
display:block !important;
}
/*Lucas*/
.gallery .col-xl-6{
padding:15px;
}
#lucas-slide{
display:none;
}
#slide-copy .col-xs-12{
margin:2% 0;
}
.overlay-gradient.lucas-anniversary{
background:linear-gradient(to bottom, rgba(0,0,0,.5) 50%, rgba(0,0,0,0));
}
.overlay.lucas-anniversary h3{
font-size:3rem;
text-transform:uppercase;
font-weight:bold;
margin-bottom:1rem;
}
.yellow-green-font{
color:#9fa617;
}
.sea-green-font{
color:#9fbb67;
}
.army-green-font{
color:#686f1c;
}
.grass-green-font{
color:#84b243;
}
.light-green-font{
color:#a3be7d;
}
.lime-green-font{
color:#75b11f;
}
.overlay.lucas-anniversary h3.planted-font{
color:#20973f;
text-indent:6%;
}
.overlay.lucas-anniversary h3.tree-count{
font-size:4rem;
text-indent:-6%;
}
.overlay.lucas-anniversary h3.trees{
font-size:2rem;
}
.overlay.lucas-anniversary p{
margin-left:18%;
}
.overlay.lucas-anniversary p img{
width:20%;
}
/*Waffle Feed/Mike Ray*/
.mike{
width:40%;
float:left;
margin:0 1rem 1rem 0;
}
.stats i{
font-size:3em;
margin-right:15px;
text-align:right;
}
.stats h4{
font-size:1.3em;
margin-bottom:2em;
}
/*Annual Report*/
#finances table{
width:100%;
border-collapse:collapse;
font-size:1.1em;
}
#finances td, #finances th{
padding:0.25em 1em;
}
#finances td:nth-of-type(2){
text-align:right;	
}
#finances th{
border-bottom:rgb(51, 70, 14)/*TWP Green*/ 1px solid;
}
#finances tr.total td{
font-size:1.2em;
font-weight:bold;
color:rgb(51, 70, 14);/*TWP Green*/
border-top:rgb(51, 70, 14)/*TWP Green*/ 1px solid;
border-bottom:rgb(51, 70, 14)/*TWP Green*/ 1px solid;
}
#finances td.country{
text-indent:2em;
font-style:italic;
}
#finances #third-party-reviews img{
width:60%;
}
/*Positive Legacy*/
#hero-image a.btn{
color:white;
}
#events div.col-xs-12 h4{
padding:0 25px;
}
#events div.col-sm-4{
text-align:center;
}
#events input{
position:absolute;
visibility:hidden;
}
#events .row{
margin-top:1%;
margin-bottom:1%;
}
#events img{
width:100%;
border:5px solid transparent;
}
#events input:checked + img{
border:5px solid rgb(86,0,78);/*TWP Purple*/
}
#events img:hover{
opacity:.5;
cursor:pointer;
}
.sponsors img{
max-height:100px;
max-width:90%;
}
/*RMI*/
body#rmi .green-background{
background-color:#566735;
}
body#rmi .split-text h1, body#rmi .split-text h3{
color:white;
font-weight:normal;
}
body#rmi h1, #rmi h1{
font:normal 6rem "Dancing Script"; 
line-height:6rem;
}
#rmi .rsvp-form{
box-sizing:border-box;
}
#rmi .rsvp-form p{
color:rgb(55,55,55);/*Dark Grey*/
}
#rmi .rsvp-form div{
padding:0;
border:.5rem solid transparent;
border-width:.25rem .5rem;
}
#rmi .rsvp-form input, #rmi .rsvp-form label, #rmi .rsvp-form select{
width:100%;
padding:1rem;
}
#rmi .rsvp-form input, #rmi .rsvp-form select{
position:relative;
border:1px solid rgb(170,170,170);/*Light Grey*/
}
#rmi .rsvp-form select{
height:58px;
}
#rmi .rsvp-form input:valid{
background-color:rgb(255,255,255);/*White*/
z-index:2;
}
#rmi .rsvp-form input:focus{
padding:.5rem 1rem 1.5rem;
border-color:rgb(51,70,14);/*TWP Green*/
}
.five-stars{
padding:0 5% 0 40%;
top:6%;
}
.overlay.five-stars #stars{
width:70%;
}
.overlay.five-stars #charity-navigator{
width:35%;
}
.overlay.five-stars #charity-navigator:hover{
opacity:.8;
}
.overlay.five-stars #learn{
width:35%;
}
.cards .col-md-4{
margin:15px auto;
}
.cards img{
border:5px white solid;
}
.cards a:hover img{
border-color:rgb(51,70,14);/*TWP Green*/
opacity:.75;
}
/*Main Donation Page*/
.payment{
width:46%;
margin:5% 2%;
padding:1%;
background-color:rgb(255,255,255);
border:solid 1px rgb(170,170,170);/*Light Grey*/
}
#donation-frequency, #donation-amounts, #donation-amounts-monthly, #payment-methods, #payment-methods-monthly, #tipInstructions{
width:100%;
padding:3%;
}
.payment button, .payment input{
padding:3%;
border-color:rgb(55,55,55);
font-size:1.2rem;
}
.payment button:hover, .payment button:hover:active, .payment button:active, .payment button:focus, .payment button:focus:active{
border-color:rgb(55,55,55);
}
#donation-frequency button{
width:50%;
}
.frequency-content{
position:relative;
}
#give-monthly{
position:absolute;
top:0;
width:100%;
}
#one-time, #give-monthly{
background-color:white;
opacity:1;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
}
#one-time.transparent, #give-monthly.transparent{
opacity:0;
z-index:-1;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
}
#donation-amounts button, #donation-amounts-monthly button{
width:16.67%;
margin-right:2%;
border-radius:.25rem;
}
#donation-amounts #other, #amount, #donation-amounts-monthly #other-monthly, #amount-monthly{
width:20%;
}
#donation-amounts .select, #donation-amounts-monthly .select{
background-color:rgb(33,46,9);
border-color:rgb(55,55,55);
}
#amount, #amount-monthly{
border:1px solid grey;
border-width:0 0 1px 0;
}
#payment-methods button, #payment-methods-monthly button{
width:48%;
height:50px;
font-size:1rem;
}
#payment-methods button:not(:last-of-type), #payment-methods-monthly button:not(:last-of-type){
margin-right:2%;
}
#payment-methods button img, #payment-methods-monthly button img{
max-width:100%;
}
#main-donation #payment-methods-monthly button{
width:48%;
}
#credit-card p, #credit-card-monthly p, #pay-pal p{
margin:0;
}
#credit-card img, #credit-card-monthly img, #pay-pal img{
width:50%;
}
#tipInstructions div{
float:left;
}
#tipInstructions p{
font-size:1rem;
}
#tipInstructions div:first-child{
width:5%;
}
#tipInstructions div:nth-child(2){
width:95%;
}
#main-donation .row.donation-image{
background-image:url(../img/donate/honduran-boy.jpg);
background-repeat:no-repeat;
background-size:55%;
background-position:bottom right;
}
#main-donation #credit-card .modal-body, #main-donation #pay-pal .modal-body{
padding:0;
}
#main-donation #credit-card .modal-header, #main-donation #pay-pal .modal-header{
padding:15px 0;
}
#main-donation #credit-card .modal-header button.close, #main-donation #pay-pal .modal-header button.close{
padding-right:15px;
}
#main-donation #single-cc .row{
width:100%;
margin:0;
padding:0;
}
#main-donation #single-cc div.row div{
margin:0 1%;
padding:0;
}
#main-donation #single-cc .col-xs-6{
width:48%;
}
#main-donation #single-cc .col-xs-12{
width:98%;
}
#main-donation #single-cc .col-sm-4{
width:31.33%;
}
#main-donation #single-cc label, #main-donation #single-cc input{
width:100%;
}
#main-donation #single-cc label{
margin:0;
padding:0 0 2px 0;
font-weight:bold;
}
#main-donation #single-cc input{
padding:.25rem;
font-size:1rem;
line-height:1rem;
}
#main-donation #final-amount-box{
padding:.75rem;
background-color:#e5e5e5;
border-color:rgb(55,55,55);
border-style:solid;
border-width:1px 0;
}
#main-donation #final-amount-box span{
font-size:1.2rem;
}
#main-donation #final-amount-box a{
font-size:1rem;
}
#main-donation #other-ways .modal-header{
border:none;
}
#main-donation #other-ways .modal-dialog {
max-width:80%;
}
#main-donation #other-ways p{
font-size:1rem;
}
#main-donation #other-ways h3{
color:rgb(51,70,14);/*TWP Green*/
}
#main-donation #other-ways h1 i{
font-size:6rem;
color:rgb(51,70,14);/*TWP Green*/
}
#pay-pal button.btn-secondary img{
width:80%;
}
#donation-complete{
background:url(../img/donate/solar-light-boy.jpg) no-repeat scroll left center;
background-size:cover;
}
#donation-complete div.thank-you-message{
margin:5% 0 0 1%;
padding:3%;
background-color:rgba(255,255,255,0.8);
border-radius:.5rem;
}
#donation-complete p.social-media-share{
text-transform:uppercase;
font-weight:bold;
margin-bottom:10px;
}
#donation-complete #double-donation{
margin:2% 0 2% 1%;
}
#donation-complete #double img{
width:100%;
}
#donation-complete #double-the-donation .modal-header{
border:none;
}
#donation-complete .dtd-plugin .dtd-callout {
box-shadow:none;
border:none;
}
#donation-complete .fa-twitter{
color:#55acee;
}
#donation-complete .fa-facebook{
color:#3b5998;
}
#offset-complete{
background:url("../img/donate/kids-trees.jpg") no-repeat scroll left center;
background-size:cover;
}
#offset-complete div.thank-you-message{
margin:5% 0 0 1%;
padding:3%;
background-color:rgba(255,255,255,0.8);
border-radius:.5rem;
}
#offset-complete p.social-media-share{
text-transform:uppercase;
font-weight:bold;
margin-bottom:10px;
}
#offset-complete #double-donation{
margin:2% 0 2% 1%;
}
#offset-complete #double img{
width:100%;
}
#offset-complete #double-the-donation .modal-header{
border:none;
}
#offset-complete .dtd-plugin .dtd-callout {
box-shadow:none;
border:none;
}
#offset-complete .fa-twitter{
color:#55acee;
}
#offset-complete .fa-facebook{
color:#3b5998;
}

#donation-complete-eta{
background:url(../img/donate/donation-complete-eta.jpg) no-repeat scroll left center;
background-size:cover;
}
#donation-complete-eta div.thank-you-message{
margin:5% 0 0 1%;
padding:3%;
background-color:rgba(255,255,255,0.8);
border-radius:.5rem;
}
#donation-complete-eta p.social-media-share{
text-transform:uppercase;
font-weight:bold;
margin-bottom:10px;
}
#donation-complete-eta #double-donation{
margin:2% 0 2% 1%;
}
#donation-complete-eta #double img{
width:100%;
}
#donation-complete-eta #double-the-donation .modal-header{
border:none;
}
#donation-complete-eta .dtd-plugin .dtd-callout {
box-shadow:none;
border:none;
}
#donation-complete-eta .fa-twitter{
color:#55acee;
}
#donation-complete-eta .fa-facebook{
color:#3b5998;
}

/*impact-tours*/
img#twp-tours{
width:50%;
margin-left:-15%;
}
/*20 Years*/
.twenty .overlay img{
width:80%;
}
.circle-img img{
width:100%;
border-radius:50%;
}
.circle-img img:hover{
opacity:.8;
cursor:pointer;
}
#for-20 .col-md-6{
padding:0;
}
#for-20 .col-sm-6{
padding:10px;
}
.twenty .modal-dialog{
max-width:80%;
}
.twenty .modal-header p{
margin:0;
}
.twenty .modal-header img{
width:60%;
}
.mission{
line-height:3rem;
padding:1rem 0;
}
/*Planned Giving Page*/
.list{
margin:3rem 2rem;
}
#free-will{
background-color:rgb(42,84,117);
border:none;
}
#free-will:hover{
background-color:rgb(27, 53, 74);
}
/*Stock Page*/
table.tax{
width:100%;
margin:5% 0;
}
.tax th, .tax td{
padding:2%;
border:4px solid white;
border-collapse: collapse;
text-align:center;
}
.tax th, .tax td:nth-child(1){
background-color:rgb(51,70,14); 
}
.tax th:nth-child(1){
background-color:white;
}
table.tax tr:nth-child(even){
background-color:rgb(210,210,210);/*Light Grey*/
}
table.tax tr:nth-child(odd){
background-color:rgb(230,230,230);/*Very Light Grey*/	
}
.tax td.pivot-table, .tax th{
color:white;
font-weight:normal;
}
.tax td.pivot-table{
text-align:right;
}
.tax tr:last-of-type td{
background-color:white;
text-align:left;
font-style:italic;
}
/*Volunteer Page*/
.volunteer{
margin-bottom:5%;
}
.volunteer img{
margin-bottom:5%;
}
.volunteer-forms .title{
color:rgb(51,70,14);/*TWP Green*/
}
.volunteer-forms form div.col-sm-6, .volunteer-forms form div.col-xs-12, .volunteer-forms form div.col-sm-2, .volunteer-forms form div.col-sm-4, .volunteer-forms form div.col-sm-8{
padding:0 1%;
}
.volunteer-forms form label{
margin:0;
padding:0 0 2px 0;
font-weight: bold;
}
.volunteer-forms form label, .volunteer-forms form input{
width:100%;
padding:.25rem;
font-size:1rem;
line-height:1rem;
}
.volunteer-forms form input, .volunteer-forms form textarea{
margin-bottom:.5rem;
border:solid 1px rgb(170, 170, 170);
}
.volunteer-forms form input[type="radio"], .volunteer-forms form .checkboxes input[type="checkbox"]{
width:auto;
margin-right:1%;
}
.volunteer-forms form table{
width:100%;
}
.volunteer-forms form table td{
border:solid 1px rgb(170,170,170);
text-align:center;
}
.volunteer-forms form table thead td{
font-weight:bold;
}
.volunteer-forms form table thead tr{
background-color:rgb(230,230,230);
}
.volunteer-forms form textarea{
width:100%;
height:10rem;
}
.volunteer-forms form input[type="file"]{
border:none;
}
.tall{
padding:10%;
}
/*DAFs*/
#dafdirectdiv, #notwhatisthis, #dafprovider, #dafdirect_amnt{
width:100%!important;
}
#dafdirect{
width:80%!important;
margin:0 10%!important;
}
#dafdirectdiv{
border:none!important;
}
#dafdirectdiv .whatThis{
display:none!important;
}
#notwhatisthis, #dafdirectdiv select, #dafdirectdiv input{
font-size:1rem;
padding:.5rem!important;
}
#dafdirectdiv .dafdirectInputAmount{
width:50%!important;
}
.daf-logos img{
width:90%;
margin:10% 5%;
}
.donate_img{
background-image:url("../img/donate/Donate_Seedling.jpg");   
}
.jeevan{
background-image:url(../img/jeevan/jeevan.jpg);   
}
.screamin{
background-image:url(../img/screamin/screamin.jpg);
}
.jeevan, .screamin{
width:46%;
height:484px;
margin:5% 2%;
background-size: cover;
background-position:center;
position: relative;
}
.donate_img{
width:46%;
height:626px;
margin: 5% 2%;
background-size: cover;
background-position:right;
position: relative;
}
.jeevan div, .screamin div, .donate_img div{
background-color:rgba(255,255,255, 0.75);
margin-top:58%;
padding:1%;
}
.jeevan h3, .jeevan h2, .jeevan p, .screamin h3, .screamin h2, .screamin p, .donate_img h3, .donate_img h2, .donate_img p{
margin-bottom:10px;
}
/*Digital Conversion Page*/
.gold{
padding:1%;
background-color:rgb(177,149,58) /*TWP Gold*/;
border-top:solid white 20px;
border-bottom:solid white 20px;
}
.gold h1, .gold p{
color:white;
font-weight:normal;
}
.gold h1{
text-transform:uppercase;
word-spacing:5px;
}
.gold p{
margin:0;
}
.gold p a{
color:white;
text-decoration:underline;
}
.digital-conversion{
padding-top:2%;
padding-bottom:1%;
}
.digital-conversion .small-text p{
font-size:0.9rem;
}
#mail-chimp{
width:75%;
margin:2% auto;
}
#mail-chimp .row{
margin:2px 0;
}
#mail-chimp label, #mail-chimp input, #mail-chimp select{
width:100%;
font-size:1rem;
padding:.25rem;
color:rgb(55,55,55);
}
#mail-chimp label{
font-weight:bold;
}
#mail-chimp input, #mail-chimp select{
border:solid 1px rgb(170,170,170);
}
#mail-chimp input:focus, #mail-chimp select:focus{
border-color: rgb(51,70,14)!important;
}
.required{
color:red;
}
.instagram-pics img{
padding:20px
}
.instagram-pics .col-md-4:first-of-type img{
padding-right:0;
padding-left:40px;
}
.instagram-pics .col-md-4:last-of-type img{
padding-right:40px;
padding-left:0;
}
/*New Belgium Page*/
#new-belgium-logo{
position:absolute;
bottom:-10%;
right:1.5%;
width:40%;
opacity:65%;
transform:rotate(20deg);
-webkit-mix-blend-mode:color-burn;
mix-blend-mode:color-burn;
}
#nb-earth-day .payment{
border:none;
margin:auto;
padding:0 15px 1% 15px;
width:50%;
}
#nb-earth-day #donation-frequency{
padding-top:0;
}
#nb-earth-day #donation-frequency button{
border-color:#D94227;
color:#D94227;
}
#nb-earth-day #donation-amounts button:hover, #nb-earth-day #credit-card-payment:hover, #nb-earth-day #donation-amounts-monthly button:hover{
background-color:#ac331d;
border-color:#ac331d;
}
#nb-earth-day #donation-amounts button, #nb-earth-day #credit-card-payment, #nb-earth-day #donation-amounts-monthly button{
background-color:#D94227;
border-color:#D94227;
color:white;
font-size:1.2rem;
}
#nb-earth-day #payment-methods-monthly button{
color:#D94227;
border-color:#D94227;
}
#nb-earth-day p.small, #nb-earth-day .small p{
font-size:.9rem;
}
#nb-earth-day div.small{
padding:5% 15%;
}
.nb-red{
padding:1%;
background-color:#D94227;
border-top:solid white 20px;
border-bottom:solid white 20px;
}
.nb-red h1, .nb-red p{
color:white;
font-weight:normal;
}
.nb-red h1{
text-transform:uppercase;
word-spacing:5px;
}
.nb-red p{
margin:0;
}
.nb-red p a{
color:white;
text-decoration:underline;
}
#nb-earth-day #mail-chimp input:focus, #nb-earth-day #mail-chimp select:focus {
border-color:#D94227!important;
;
}
.nb-submit{
background-color:#D94227;
border-color:#D94227;
}
.nb-submit:hover{
background-color:#ac331d;
border-color:#ac331d;
}
/*Carbon Offsets*/
#carbon-calculator .nav-item{
background-color:rgb(51,70,14);/*TWP Green*/
border-radius:0.3rem;
margin-bottom:10%;
}
#carbon-calculator .nav-item a{
padding:5%;
color:white;
font-size:.9rem;
}
#carbon-calculator .nav-pills .nav-link.active, #carbon-calculator .nav-item a:hover{
background-color:rgb(33,46,9);/*Dark Green*/
}
#carbon-calculator #offset-pill{
background-color:rgb(0,85,129);
}
#carbon-calculator #offset-pill:hover, #carbon-calculator #offset-pill.active{
background-color:rgb(0, 66, 100);
}
#carbon-calculator h3{
margin-bottom:3%;
text-transform:uppercase;
}
#carbon-calculator h4{
font-size:1.25rem;
}
#carbon-calculator .question{
font-size:1rem;
margin-bottom:20px;
}
#carbon-calculator input.text-box{
width:100%;
border:1px solid rgb(170,170,170);
text-align:center;
font-size:1rem;
color:rgb(0,85,129);
padding:4% 0;
}
#carbon-calculator .hidden{
display:none;
}
#carbon-calculator select{
width:100%;
border:1px solid rgb(170,170,170);
color:rgb(0,85,129);
}
#carbon-calculator .slidecontainer{
width:100%;
margin-bottom:8%;
}
#carbon-calculator .slider {
-webkit-appearance:none;
appearance:none;
width:63.72%;
height:3px;
background-image: linear-gradient(to right, rgb(0,85,129) 50%, rgb(200,200,200) 50%);
outline:none;
margin:0 9%
}
#carbon-calculator .slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width:18px;
height:18px;
border-radius:100%;
background:rgb(0,85,129);/*TWP Blue*/
cursor:pointer; 
}
#carbon-calculator .range-values{
padding:0;
list-style:none;
width:100%;
margin-left:-6.15%;
}
#carbon-calculator .range-values li{
position:relative;
display:inline-block;
float:left;
white-space:nowrap;
text-align:center;
color:rgb(200,200,200);
font-size:14px;
cursor:pointer;
width:31%;
}
#carbon-calculator .range-values li::before {
position:absolute;
top:-12px;
right:0;
left:0;
content:"";
width:10px;
height:10px;
background:rgb(200,200,200);
border-radius:50%;
z-index:-1;
margin-left:48.5%;
}
#carbon-calculator .range-values li.active {
color:rgb(0,85,129);
font-weight:bold;
}
#carbon-calculator .range-values li.selected::before {
background:rgb(0,85,129);
}
#carbon-calculator .range-values li:first-of-type::before{
background:rgb(0,85,129);
}
#carbon-calculator .sm-screen-values{
display:inline-block;
width:63.72%;
margin: 0 9%;
text-align:center;
color:rgb(0,85,129);
font-weight:bold;
}
#carbon-calculator #final-total{
width:78%;
margin-top:30%;
position:absolute;
z-index:-1;
}
#carbon-calculator #final-total h3{
width:60%;
margin:0 20%;
}
#carbon-calculator .chart-div{
width:85%;
margin:0 auto;
}
#carbonPieChart{
background-color:transparent;
}
#carbon-calculator .pull-right{
float:right;
}
#carbon-calculator .take-action h4{
text-transform:uppercase;
}
#carbon-calculator input[type=number]::-webkit-inner-spin-button, #carbon-calculator input[type=number]:hover::-webkit-inner-spin-button {  
width: 40px;
height: 50px;
}
#carbon-calculator a[data-toggle="tooltip"]{
cursor: pointer;
color:rgb(86,0,78);/*TWP Purple*/
}
#carbon-calculator .small{
font-size:1rem;
}
#carbon-calculator #link{
color:rgb(86,0,78);
text-decoration: underline;
cursor: pointer;
}
#carbon-calculator #description{
color:rgb(100, 100, 100);
}
/*Silva-Page*/
#Armando-Silva h2{
font-family:'Lato';
color:rgb(111,18,0);
text-transform: uppercase;
font-weight:900;
letter-spacing:2px;
}
#silva-donate, #silva-donate-sp{
background-color:rgb(111,18,0);
border-color:rgb(111,18,0);
margin:3% 0;
font-size:1.5em;
padding:20px;
}
#learn-more{
background-color:rgb(111,18,0);
border-color:rgb(111,18,0);
}
#silva-donate:hover, #silva-donate-sp:hover, #learn-more:hover, #silva-donate:active, #silva-donate-sp:active, #learn-more:active, #Armando-Silva .sp-translate:hover, #Armando-Silva .sp-translate:active{
background-color:rgb(82, 13, 0);
border-color:rgb(82, 13, 0);
color:white;
}
#silva-slideshow{
margin-bottom:2em;
}
#silva-slideshow .col-xs-12{
padding:0;
}
#silva-slideshow .carousel-indicators li{
height:20px;
width:20px;
background-color:rgba(82, 13, 0, .5);
}
#silva-slideshow .carousel-indicators .active{
background-color:rgb(82, 13, 0);
}
#Armando-Silva .red{
padding:1%;
background-color:rgb(111,18,0);
border-top:solid white 20px;
border-bottom:solid white 20px;
}
#Armando-Silva .red p{
color:white;
font-size:1.5em;
margin-bottom:0;
}
.spanish{
display:none;
}
.sp-translate{
background-color:rgb(111,18,0);
border-color:rgb(111,18,0);
color:white;
}
.mural-sponsors a:hover{
opacity:0.5;
}
#Armando-Silva .fa-facebook-square{
color:white;
}
.overlay.button-only{
position:absolute;
padding:0;
bottom:10%;
}
/*-------------------------->>> RESPONSIVE CLASSES <<<--------------------------*/
/*Rules that apply to extra-large screens*/
@media screen and (min-width: 1200px){
}
/*Rules that apply to large screens*/
@media screen and (max-width: 1199px){
	#index .overlay{
	padding-bottom:5%;
	}
	#index .overlay h1, #index .overlay h3{
	width:46%;
	margin-left:5%;
	}
	body{
	padding-top:98px;
	}
	.contact{
	text-align:center;
	}
	.country-tbl{
	width:60%;
	}
	.catalog .modal-dialog{
	max-width:90%;
	}
	.overlay.lucas-anniversary p img{
	width:16.5%;
	}
	#tribal-slideshow .col-xs-12 {
	margin-top:-35%;
	padding: 0 30% 0 9%;
	}
	.overlay.right{
	top:10%;
	}	
	#match h1{
	margin-left:2%;
	font-size:2.5rem;
	}
	#cool-it h1{
	font-size:6rem;
	}
	#cool-it h2{
	font-size:2.5rem;
	}
    /*Carbon Offsets*/
    #carbon-calculator .nav-item a{
    font-size:.8rem;
    }
    #carbon-calculator #final-total{
    margin-top:30%;
    }
    #carbon-calculator #final-total h3{
    font-size:1.25rem;
    width:50%;
    margin:0 25%;
    }
}
@media screen and (max-width: 1091px){
    /*Carbon Offsets*/
    #carbon-calculator #final-total{
    margin-top:25%;
    }
}
/*Rules that apply to medium screens*/
@media screen and (max-width: 991px){
	#navContainer li.nav-item, #navContainer li.dropdown-item{
	font-size:.8rem;
	}
    section#hero-image{
    margin-top:20px;
    }
	.brand{
	text-align:center;
	}
	.brand img{
	width:50%;
	}
	.overlay h1, .red-overlay h1{
	font-size:3rem;
	}
	.overlay h3, .red-overlay h3{
	font-size:1.5rem;
	line-height:2rem;
	}
    .callouts .col-sm-3{
    width:100%;
    float:left;   
    }
    .callouts img{
    width:250px;
    }
	.circle{
	width:50%;
	margin:0 auto;	
	padding-top:50%;
	}
	#for-20 .circle{
	width:100%;
	padding-top:100%;
	}
	#our-team div.col-lg-4>p{
	margin-bottom:0;
	}
    #our-team{
    text-align:center;
    }
	#our-team img{
	width:60%;
	}
    #financials div.col-lg-6{
    padding:5% 20%;
    }
	#finances #third-party-reviews img{
	width:80%;
	}
    #cookstove-stats .circle{
    width:100%;
    padding-top:100%;
    }
    .footer{
    text-align:center;
    } 
    .footer .row >div{
    margin-top:5%;
    }
	.footer img{
	width:50%;
	}
    .footer input[type="text"], .footer input[type="email"]{
    width:50%;
    margin-right:25%;
    margin-left:25%;
    }
	.subfooter p{
	text-align:center;
	}
	#nav-map{
	width:100%;	
	}
	.country-tbl{
	width:90%;
	}
	.projects br{
	display:block;
	}
	ul.projects{
	width:auto;
	}
	#___gcse_0{
	width:80%!important;
	}
	.catalog .card-block p, .catalog .modal p{
	font-size:1rem;
	}
	.catalog .modal h4, .catalog .modal select{
	font-size:1.2rem;
	}
	.catalog .modal .btn-lg{
	padding:8px;
	font-size:1.2rem;
	}
	body#rmi h1, div#rmi h1{
	font-size:5rem;
	}
	.payment{
	width:60%;
	}
    #birthday .payment{
    margin:2% 20%;
    }
    #peach .payment{
    margin:0 20% 5% 20%;
    }
    .screamin{
    background-size: contain;
    background-repeat:no-repeat;
    width:60%;
    height:546px;
    margin:2% 20% 0% 20%;
    }
    .jeevan{
    width:60%;
    height:546px;
    margin:6% 20% 2% 20%;
    }
	.donate_img{
    width:60%;
    height:546px;
    margin:6% 20% 2% 20%;
    }
	.overlay.lucas-anniversary p img{
	width:15%;
	}
	#tribal-slideshow .col-xs-12 h3{
	font-size:1.4rem;
	}
	.overlay.right{
	top:0;
	}
	.five-stars{
	top:6%;
	}
	.overlay.five-stars #stars{
	width:60%;
	}
	.overlay.five-stars #charity-navigator{
	width:32%;
	}
	body#rmi h1, #rmi h1{
	line-height:5rem;
	}
	#match h1{
	margin-left:2%;
	font-size:1.9rem;
	}
	#cool-it img{
	width:40%;
	}
	#cool-it div.col-lg-7 div {
    padding-top:5%;
	}
	div.matching-seal div:last-of-type{
	width:100%;
	margin:inherit;
	}
    #donation-complete{
    background-position:right center;
    }
	#offset-complete{
    background-position:right center;
    }
    #mail-chimp{
    width:90%;
    }
    .instagram-pics .col-md-4:first-of-type img, .instagram-pics .col-md-4:last-of-type img, .instagram-pics img{
    padding:20px 20px 0 20px;
    }
    /*Carbon Offsets*/
    #carbon-calculator .nav-item a{
    width:100%;
    padding:15% 10%;
    color:white;
    font-size:1.25rem;
    }
    #carbon-calculator .range-values li{
    visibility:hidden;
    height:10px;
    }
    #carbon-calculator .range-values li:before{
    visibility:visible;
    }
    #carbon-calculator .slider{
    width:64.5%;
    }
    #carbon-calculator .sm-screen-values{
    width:64.5%;
    margin:0 9%;
    left:0;
    bottom:0;
    }
    #carbon-calculator .vehicle-info .question, #carbon-calculator .vehicle-info{
    padding-top:5%;
    }
    #carbon-calculator .vehicle-info:nth-of-type(3){
    padding-top:0;
    }
    #carbon-calculator #final-total{
    width:76%;
    }
    #carbon-calculator #final-total h3{
    width:45%;
    margin:0 27.5%;
    font-size:.9rem;
    }
    #carbon-calculator .take-action p{
    font-size:1rem;
    }
}
@media screen and (max-width: 879px){
    /*Carbon Ofsets*/
   #carbon-calculator #final-total{
    margin-top:20%;
    }
}
/*Rules that apply to small screens*/
@media screen and (max-width: 767px){
    body{
    padding-top:68px;
    }
	#navContainer{
	width:auto;
	}
	#navContainer div.col-lg-12{
	padding:0;
	}
	#navContainer ul.navbar-nav{
    height:auto;
	padding-bottom:.75rem;
    overflow-x:hidden;
	}
	#navContainer li.nav-item{
	float:left;
	width:100%;
	font-size:1.2rem;
	font-weight:bold;
	text-align:left;
	}
	#navContainer li.nav-item.active:hover, #navContainer li#donate, #navContainer li#donate:hover, #navContainer li#donate.active>a{
	background-color:transparent;
	}
	#navContainer li.nav-item.active:hover>a, #navContainer li.nav-item.inactive>a{
	color:rgb(55,55,55);/*Dark Grey*/
	}
	#navContainer li#donate>a, #navContainer li#donate.inactive>a{
	color:rgb(86,0,78);/*TWP Purple*/
	}
	#navContainer li.nav-item.dropdown:hover>ul{
	height:auto;
	}
	#navContainer ul.dropdown-menu{
	position:static;
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	}
	#navContainer li.dropdown-item{
	display:list-item;
	padding:.16rem 2rem;
	text-align:left;
	}
	#navContainer li.dropdown-item>a{
	display:inline;
	padding:0;
	}
	.sub-menu{
	padding-bottom:0;
	-webkit-transition:none;
	transition:none;
	}
	#smallScreenLogo{
	padding:1rem;
	}
	#smallScreenLogo img{
	width:90%;
	}
	#toggleButton {
	padding:1rem;
	}
	.split{
	display:inherit;
	}
    .split img{
    min-height:300px;
    }
    section#hero-image{
    margin-top:0px;
    }
	.hero-image img, .carousel img{
    width:150%;
	margin-left:-25%;
    }   
   .carousel #colorado-gives .overlay{
    width:30%;
    height:100%;
    margin-left:70%;
    padding:0;
    padding-top:42%;
    }
    .carousel .carousel-item#colorado-gives>a>img{
    max-width:150%;
    margin-left:0;
    }
	.twenty .hero-image img{
    width:150%;
	margin-left:0;
    }
    .carousel-inner>.carousel-item>img{
    max-width:none;
    }
	.overlay h1, .red-overlay h1{
	font-size:2.75rem;
	}
	.overlay h3, .red-overlay h3{
	font-size:1.4rem;
	line-height:2rem;
	}
    div.hero-image div.overlay img{
    width:20%;
    margin-left:0;
    }
	#index .overlay h1, #index .overlay h3{
	width:auto;
	margin-left:2%;
	}
	.twenty div.hero-image div.overlay img{
	width:100%;
    }
	#how-we-work .circle p{
	font-size:6rem;
	}
    #board-of-directors{
    text-align:center;
    }
    #financials div.col-md-2 img, #finances div.col-md-2 img{
    width:40%;
    }
    #financials div.col-xs-12:first-child{
    text-align:center;
    }
	#finances #third-party-reviews img{
	width:30%;
	}
    #annual-report h1{
    margin-bottom:.5rem;
    }
    .impact-icons img{
    width:30%;
    }
	#corporate-interest ul{
	padding-left:0;
	}
	#evergreen-circle-info img{
	width:100%;
	}
	.article{
	-webkit-column-count:1;
	-moz-column-count:1;
	column-count:1;
	text-align:left;
	}
	#finances .col-md-6{
	margin-top:2em;	
	}
	#tasty-harmony{
	width:80%;
	}
	#restaurant-map{
	height:300px;
	}
	#donation-stats .col-md-5{
	margin:4rem auto;
	}
	.footer img{
	width:65%;
	}
	.catalog .col-md-6 .card{
	width:75%;
	margin-right:auto;
	margin-left:auto;
	}
	.catalog .modal .modal-image{
	text-align:center;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	}
	body#rmi img.seal, #index img.seal{
	display:none;
	}
	.twenty .modal-dialog{
	max-width:none;
	}
	#main-donation .row.donation-image{
	background-image:none;
	}
	.payment{
	width:76%;
	margin:10% 12%;
	}
    #birthday .payment{
    margin:4% 12%;
    }
    #peach .payment{
    margin:0% 12% 4% 12%;
    }
    .screamin{
    width:76%;
    margin:6% 12% 0 12%;
    }
    .jeevan{
    width:76%;
    margin:6% 12% 2% 12%;
    }
	.donate_img{
    width:76%;
    margin:6% 12% 2% 12%;
    }
    .jeevan div, .screamin div, .donate_img div{
    padding:2%;
    margin-top:75%;
    }
    #nb-earth-day .payment{
    width:auto;
    margin-bottom:18%;
    }
	img#twp-tours{
	width:90%;
	margin-left:-10%;
	}	
	.overlay.left{
	top:0;
	padding-top:12%;
	}
	.overlay.volcano a{
	float:right;
	margin-top:.5%;
	}
	#tribal-slideshow{
	background-image:none;
	padding-top:0%;
	}
	#tribal-slideshow .col-xs-12{
	margin-top:0;
	padding:0 10%;
	}
	#tribal-slideshow h3{
	color:rgb(51,70,14);/*TWP Green*/
	}
	.hero-image img.left-margin-0, .carousel #la-lucha>img{
	margin-left:0;
    }
	.overlay.right{
	top:10%;
	padding-left: 30%;
	}
	.five-stars{
	top:auto;
	padding:0 5%;
	}
	.overlay.five-stars #stars{
	width:60%;
	}
	.overlay.five-stars #charity-navigator{
	width:40%;
	}
	.sponsors img{
	max-height:100px;
	max-width:90%;
	}
	#match h1{
	font-size:2.3rem;
	}
    #donation-stats #match-100k img{
    width:50%;
    }
	#match img{
	top:50%;
	width:40%;
	}
	#cool-it{
	padding-top:5%;
	}
	#cool-it img{
	width:50%;
	}
	#cool-it h2{
	font-size:2rem;
	}
	#cool-it h3{
	font-size:1.5rem;
	}
	img.match{
	margin-top:auto;
	width:60%;
	}
    .overlay img#bridge{
    width:50%;        
    }
	#separator{
	padding-top:2%;
	}
    #donation-complete{
    background-image:none;
    }
    #mobile-image{
    background:url(../img/donate/solar-light-boy.jpg) no-repeat scroll right center;
    background-size:cover;
    height:500px;
    }
	#offset-complete{
    background-image:none;
    }
	#mobile-offset-image{
    background:url("../img/donate/kids-trees.jpg") no-repeat scroll right center;
    background-size:cover;
    height:500px;
    }
    /*Carbon Offsets*/
    #carbon-calculator .nav-item a{
    padding:10%;
    }
    #carbon-calculator .nav-stacked .nav-item + .nav-item{
    margin:0;
    margin-right:1.67%;
    }
    #carbon-calculator .nav-stacked .nav-item{
    float:left;
    width:12.85%;
    margin-right:1.67%
    }
    #carbon-calculator .nav-stacked .nav-item:nth-of-type(7){
    margin-right:0;
    }
    #carbon-calculator .nav-item a{
    font-size:1.25rem;
    }
    #carbon-calculator .vehicle-info .question{
    padding-top:3%;
    }
    #carbon-calculator .slider{
    width:66.44%;
    }
    #carbon-calculator .range-values{
    margin-left:-7.1%;
    }
    #carbon-calculator .range-values li{
    width:32.6%;
    }
    #carbon-calculator .sm-screen-values{
    margin: 0 10.5%;
    }
    #carbon-calculator .chart-div{
    width:60%
    }
    #carbon-calculator #final-total{
    width:57.5%;
    }
    #carbon-calculator #final-total h3{
    font-size:1.5rem;
    }
    #carbon-calculator #stove-image{
    display:none;
    }
}
@media screen and (max-width: 655px){
    /*Carbon Offsets*/
    #carbon-calculator .slider{
    width: 67.5%;
    }
    #carbon-calculator .range-values li{
    width:32.75%;
    }
}
/*Rules that apply to extra-small screens*/
@media screen and (max-width: 543px){
    .carousel-indicators li{
    background-color:rgba(0,0,0,.5);/*50% black*/
    }
    .carousel-indicators .active{
    background-color:rgb(51,70,14);/*TWP Green*/
    }
    .carousel .overlay{
    background-image:url(../img/bg-line.png);
    background-repeat:repeat;
    }
    .overlay{
    position:relative;
    padding-top:30px;
    padding-bottom:30px;
	text-align:center;
    }
    .overlay h1, .overlay h3, .overlay p{
    color:rgb(51,70,14);/*TWP Green*/
    }
	.overlay.left h1, .overlay.left h3, .overlay.left a{
	margin-left:0;
	}
    .overlay hr{
    display:none;
    }
    .overlay-gradient{
    background:transparent;
    }
	.overlay-gradient-dark{
    background:transparent;
    }
    #cookstove-slideshow .carousel .overlay, #renewable-slideshow .carousel .overlay{
    height:450px;
    }
    .carousel #colorado-gives .overlay{
    width:70%;
    margin-left:auto;
    margin-right:auto;
    padding:2em;
    }
    .carousel #colorado-gives .overlay-gradient-right{
    background:none;
    }
    .carousel #colorado-gives .overlay img{
    margin:0;
    }
    #home-carousel .carousel-item .overlay{
    height:350px;
    }
    #hero-image .overlay:after{
    content:'';
    display:inline-block;
    position:relative;
    width:4rem;
    height:4rem;
    bottom:-2rem;
    background:url(../img/trees-water-people-logo-only.svg) no-repeat;
    background-size:100%;
    }
	#hero-image .coffee.overlay:after{
    content:'';
    display:inline-block;
    position:relative;
    width:6rem;
    height:10rem;
    bottom:-2rem;
    background:url(../img/coffee/orange-flower.svg) no-repeat;
    background-size:100%;
    }
    #hero-image .overlay.no-logo:after{
    content:'';
    display:none;
    }
    #how-we-work .circle p{
	font-size:4rem;
	}
    #our-team img{
    width:100%;
    }
    #financials div.col-lg-6{
    padding:5% 0;
    }
    #financials div.col-md-2 img{
    width:50%;
    }
	#tasty-harmony{
	width:100%;
	}
    .footer .row .col-lg-4{
	margin-bottom:2%;
	}
	#hero-image #error-404 .overlay:after{
	background:none;
	}
	.payment-buttons>div{
	text-align:center!important;
	margin-bottom:2rem;
	}
	.catalog .col-md-6 .card{
	width:100%;
	}
	.catalog .modal .modal-image{
	width:100%;	
	}
	.twenty .overlay{
	padding:0 2rem;	
	}
	.impact-icons img{
    width:40%;
    }
	#finances #third-party-reviews img {
    width:40%;
	}
	.payment{
	width:90%;
	margin:10% 5%;
	}
    #birthday .payment{
    width:90%;
	margin:10% 5%;
    }
    #peach .payment{
    width:90%;
	margin:0% 5% 10% 5%;
    }
    .jeevan div, .screamin div, .donate_img div{
    margin-top:6%;
    }
    .jeevan{
    width:90%;
    margin:10% 5%;
    padding-top:50%;
    }
    .screamin{
    width:90%;
    height:400px;
    margin:4% 5% 0 5%;
    padding-top:50%;
    }
	.doante_img{
    width:90%;
    margin:10% 5%;
    padding-top:50%;
    }
    #nb-earth-day .payment{
    margin-bottom:28%;
    }
	#donation-frequency button{
	font-size:1.1rem;
	}
	#donation-amounts button, #donation-amounts-monthly button{
	display:none;
	}
    #nb-earth-day #donation-amounts button{
    display:block;
    width:49%;
    margin:0 0 5% 0;
    }
    #nb-earth-day #donation-amounts #first-value{
    margin-right:2%;
    }
	#donation-amounts #dollar, #donation-amounts-monthly #dollar-monthly{
	position:absolute;
	margin:4%;
	}
	#donation-amounts #amount, #donation-amounts-monthly #amount-monthly{
	width:100%;
	border-width:1px 1px 1px 1px;
	border-radius:.25rem;
	text-align:center;
	}
	#payment-methods button, #main-donation #payment-methods-monthly button{
	width:100%;
	margin-bottom:1rem;
	}
	#payment-methods button img{
	max-height:1.5rem;
	}
	#tipInstructions div:first-child{
	width:10%;
	}
	#tipInstructions div:nth-child(2){
	width:90%;
	}
	#main-donation #credit-card img, #main-donation #bitpay img, #main-donation #pay-pal img{
	width:75%
	}
    #main-donation #other-ways .modal-dialog {
    max-width:inherit;
    }   
	.overlay-gradient.lucas-anniversary{
	background:none;
	}
	.overlay.lucas-anniversary h3.planted-font, .overlay.lucas-anniversary h3.tree-count {
	text-indent:0;
	}
	.overlay.lucas-anniversary p{
	margin-left:0;
	}
	.overlay.lucas-anniversary p img{
	width:50%!important;
	}
	a[href="lucas.html"]:hover{
	text-decoration:none;
	}
	.overlay.volcano a{
	float:inherit;
	margin-top:2%;
	}
	.overlay.right {
    top: 0;
    padding-left: 2rem;
	}
	body#rmi h1, #rmi h1{
	text-shadow:none;
	}
	#match h1{
	margin-left:2%;
	font-size:2.5rem;
	text-align:center;
	text-shadow:none;
	}
	#match img{
	position:relative;
	width:50%;
	left:0;
	top:0%;
	}
	#cool-it h1{
	font-size:5rem;
	}
	#cool-it h2{
	font-size:2rem;
	}
	#cool-it h3{
	font-size:1.3rem;
	}
	div.matching-seal div:first-of-type{
	display:block !important;
	width:100%;
	}
	div.overlay div.matching-seal img.match-home{
	width:60%;
	}
    /*Carbon Offsets*/
    #carbon-calculator .tab-pane .row{
    margin-bottom:4%;
    }
    #carbon-calculator .chart-div{
    width:80%
    }
    #carbon-calculator #final-total{
    width:75%;
    margin-top:28%;
    }
    #carbon-calculator #final-total h3{
    font-size:1.5rem;
    }
    #carbon-calculator #vehicle-tab .sm-screen-values{
    margin-bottom:-8%;
    }
}
/*Rules that apply to extra-small screens*/
@media screen and (max-width: 450px){
     /*Carbon Offsets*/
    #carbon-calculator #final-total{
    width:73%;
    margin-top:22%;
    }
    #carbon-calculator #final-total h3{
    font-size:1rem;
    }
    #carbon-calculator input[type="number"]{
    padding:4% 0;
    }
    #carbon-calculator .sm-screen-values{
    margin-bottom: -15%;
    }
    #carbon-calculator #vehicle-tab .sm-screen-values{
    margin-bottom: -25%;
    }
    #carbon-calculator .vehicle-info:nth-of-type(3) {
    padding-top:4%;
    }   
    #carbon-calculator #vehicle-tab .row:nth-of-type(even) {
    margin-bottom: 20%;
    }
    #carbon-calculator #vehicle-tab .row:nth-of-type(odd) {
    margin-bottom: 4%;
    }
    #carbon-calculator #food-tab .row:nth-of-type(1), #carbon-calculator #energy-tab .row:nth-of-type(1) {
    margin-bottom: 20%;
    }
    #carbon-calculator #offset-tab div div{
    padding:0;
    }
    #carbon-calculator .chart-div {
    margin-top:5%;
    }
    #carbon-calculator .slider {
    width: 69.5%;
    }   
}