@charset "UTF-8";

/*
@import reset.css;

@import element.css;

@import class.css;

@import amend.css;
*/
/* Reset browser default styles*/
/* Define styles for basic elements*/
/* Define styles for reusable classes*/
html {
  overflow-x:hidden
}

/* No logo on this page, but let it affect header height */
#logo {
  visibility:hidden
}

/* No overlap overrides header settings */
#main-header {
  z-index:5 !important;
  position:absolute !important
}

#sidebar {
  left:0;
  min-height:768px;
  position:absolute;
  top:-110px;
  /* FIXME: place sidebar outside normal flow */
  width:342px;
  z-index:5;
  background:transparent url(/background_images/sidebarbrown.png) top left repeat-y;
  background-size:100%
}

#sidebar::before {
/* overflow background */
  position:fixed;
  top:0;
  left:0;
  height:100%;
  content:" ";
  width:362px;
  background:transparent url(/background_images/sidebarbrown.png) top left repeat-y;
  background-size:100%
}

#sidebarlogo {
  width:45%;
  left:15%;
  top:15%;
  position:absolute;
  text-indent:-9999px;
  z-index:3
}

#sidebarlogo h1 {
  height:118px;
  position:absolute;
  text-indent:-9999px;
  width:146px
}

#sidebarlogo h1 a {
  display:block;
  position:absolute;
  width:240px
}

#mission_nav {
  height:auto;
  position:relative;
  width:89%;
  padding-left:7%;
/* Slightly more for left sidefor border */
  padding-right:4%;
  z-index:3;
  overflow:hidden
}

#action_nav {
  background:transparent url(/background_images/greenflag.png) no-repeat;
  width:100%;
  height:75%;
  overflow:hidden;
  background-size:100%;
  display:inline-block
}

#action_nav img.hidden {
  width:100%;
  line-height:0
}

#flagbend {
  background:url(/background_images/flagbend2.png) no-repeat;
  background-position:top right;
  position:absolute;
  height:60%;
  width:6%;
  top:0;
  right:2.1%;
  z-index:-1;
  overflow:hidden
}

#action_menu {
  position:absolute;
  top:20%;
  height:50%;
  text-align:right;
/* change when content added/removed */
  right:5%
}

#action_menu a {
  color:#efede6;
  font-family:Avenir,Helvetica,Geneva,Arial,sans-serif;
  font-size:1.2em;
  font-weight:700;
  text-decoration:none;
  text-transform:lowercase
}

#action_menu img {
  vertical-align:bottom;
  display:block
}

/* also might need :before for background overflow so we can properly center this #action_menu */
#action_menu li {
  border-right:1px dashed #a2b065;
  display:inline-block;
  padding:0 5px;
  background-position:center top;
  background-repeat:no-repeat;
  vertical-align:middle;
  text-align:center
}

#action_menu li:first-child {
  margin-left:0
}

#action_menu li:last-child {
  border-right:none
}

#action_menu li:hover {
  background-position:center bottom
}

#action_menu a:hover {
  color:#434a2d
}

#action_menu li.facebook {
  background-image:url(/background_images/Facebook.png)
}

#action_menu li.twitter {
  background-image:url(/background_images/twitter.png)
}

#action_menu li.newsletter {
  background-image:url(/background_images/newsletter.png)
}

body {
  background:url(/background_images/oatmealbgtile4.png) repeat #c7c5ba;
  overflow:hidden;
  padding-top:0 !important
}

#none {
  background:#201610 url(/background_images/sidebarbrown_straight.png) top left repeat-y
}

#none #main {
  background:transparent;
  height:100%;
  width:100%;
  position:absolute;
  padding-left:342px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box
}

/* Force this wordpress container fullscreen */
#main-content {
  height:100%;
  height:calc(100% - 110px);
  margin-top:110px;
  position:absolute;
  width:100%
}

.et-fixed-nav {
  padding-top:102px;
}

#rightpanelindex {
  width:100%;
  height:100%;
  position:absolute;
  z-index:0
}

#main {
  background:transparent url(/background_images/plants.png) top right no-repeat;
  background-attachment:fixed;
  display:block;
  margin:0;
  min-height:650px;
  overflow:hidden
}

#rightpanel {
  background:transparent url(/background_images/sidebarbrown.png) top left repeat-y;
  display:block;
  padding:0;
  margin:0;
  top:0;
  height: 100%;
  width:100%;
  position:relative;
  min-height:710px
}

hr.thick {
  background:#6a7e7b;
  border:0;
  border-top:10px solid #6a7e7b;
  display:block;
  height:0;
  left:480px;
  position:absolute;
  top:100px;
  width:650px
}

hr.medium {
  border:0;
  clear:both;
  height:0;
  left:100px;
  margin-top:25px;
  margin-bottom:25px;
  width:650px
}

/*- Forms -*/
#newsletter_screen form {
  display:inline
}

#newsletter_screen button {
  cursor:pointer
}

.popup /*left sidebar*/ {
  background:transparent url(/background_images/greensidebar.png) top right repeat-y;
  font-family:Avenir,Helvetica,Geneva,Arial,sans-serif;
  font-size:18px;
  font-weight:700;
  height:300px;
  left:0;
  padding-left:300px;
  line-height:32px;
  position:absolute;
/*keep sidebar in the same position in the browser window*/
  top:120px;
  overflow:hidden;
  width:400px;
/* MODIFIED 2014-28-05: previous z index obscured mission nav when "join mailing list" popup appeared */
  z-index:1;
/*keep popup below the mission nav but above the right content*/
  display:none
}

.popup #sidebarbackground {
  background:transparent url(/background_images/sidebarbrown.png) repeat-y;
  height:540px;
  left:0;
  width:380px;
  top:-120px;
  position:absolute
}

#newsletter_message {
  color:#2a2f08
}

#newsletter_screen {
  position:absolute;
  left:390px;
  top:80px;
  font-size:21px;
  margin-right:-32px
}

#newsletter_screen ul /* styling the menu within the videoshare */ {
  clear:both;
  position:relative;
  margin-top:12px;
  width:270px
}

#newsletter_screen li a {
  color:#8da555;
  display:block
}

#newsletter_screen li a:link {
  color:#8da555
}

#newsletter_screen li a:hover {
  color:#2a2f08;
  text-decoration:none
}

#newsletter_screen button {
  color:#2a2f08;
  background-color:#fff;
  width:227px;
  padding:5px;
  border:0;
  font-size:.8em
}

#newsletter_screen li {
  line-height:24px;
  word-wrap:break-word;
  width:240px;
  padding-bottom:12px;
  padding-top:12px;
  border-top:1px dashed #bcb49f;
  text-align:center
}

#newsletter_screen li:first-child {
  border-top:none
}

#newsletter_screen p {
  width:200px
}

.closebutton a {
  background:transparent url(/background_images/green_close2.png) no-repeat;
  float:right;
  display:block;
  width:24px;
  height:22px;
  margin-top:20px;
  margin-right:20px;
  text-indent:-900%;
  /*hides the text*/
}

.closebutton a:hover {
  background-position:left bottom
}

#promo {
  position:absolute;
  height:70%;
  width:50%;
  top:0;
  right:-30%;
  z-index:99;
  color:#fff;
  text-decoration:none;
  background:transparent url(/background_images/teal_sticky.png) no-repeat;
  background-size:100% 200%;
  background-position:bottom right;
  font-family:Avenir,Helvetica,Arial,sans-serif;
  font-size:18px;
  line-height:normal;
  padding:5%
}

#promo:hover {
  background-position:top right
}

#promo h1,#promo a h1 {
  font:normal 22px/28px georgia,helvetica,arial;
  padding:0;
  margin:0 0 14px
}

#promo cite {
  font:normal 12px/12px verdana;
  opacity:.8;
  filter:alpha(opacity=70)
}

#promo p {
  margin:0 0 4px;
  opacity:.5;
  filter:alpha(opacity=50)
}

#promo h1 em {
  font-style:normal;
  opacity:.2;
  margin-left:4px;
  filter:alpha(opacity=20)
}

/* 24% */
.row-1 {
  height:130px;
  padding:5% 0 11%;
  position:relative
}

/* 2 is 54% see #mission-nav */
/* 22% */
.row-3 {
  margin-top:7%;
  margin-bottom:7%;
  width:110%;
  height:auto;
  position:relative
}

#mission_nav div {
  background-repeat:no-repeat;
  background-size:100% auto;
  width:100%;
  height:auto;
  display:block;
  margin-bottom:4%
}

#mission_nav img {
  width:100%;
  display:block
}

/* hidden images for setting div sizes */
img.hidden {
  visibility:hidden
}

#believe {
  background-image:url(/background_images/webelieve.png);
  background-position:left bottom
}

#in {
  background-image:url(/background_images/in.png)
}

#food {
  background-image:url(/background_images/foodwithpurpose.png);
  background-position:left bottom
}

#the {
  background-image:url(/background_images/the.png)
}

#community {
  background-image:url(/background_images/powerofcommunity.png);
  background-position:left bottom
}

#believe:hover,#food:hover,#community:hover {
  background-position:left top
}

/* Main images */
.main-image {
  position:absolute;
  display:none;
  min-height:100%;
  min-width:100%;
  width:100%;
  margin:auto;
  z-index:100;
  background-size:cover;
  background-position:center center
}

.main-image#img1 {
  display:block;
  background-image:url(/images/home_1.jpg)
}

.main-image#img2 {
  background-image:url(/images/home_2.jpg)
}

.main-image#img3 {
  background-image:url(/images/home_3.jpg)
}

.main-image#img4 {
  background-image:url(/images/home_4.jpg)
}

.main-image#img5 {
  background-image:url(/images/home_5.jpg)
}

.main-image#img6 {
  background-image:url(/images/home_6.jpg)
}

/* Responsive */
@media only screen and (max-width: 980px) and (min-width: 601px) {
/*
    .container {
        width: 768px !important;
    }
        */
#mobile_menu.et_mobile_menu {
  right:0;
  left:auto;
  width:auto
}
}

@media only screen and (max-width: 766px) {
.container {
  width:auto!important
}
}

@media only screen
and (max-width: 600px) {
.container {
  width:400px!important
}

#main-content {
  height:auto;
  margin-top:0
}

html {
  height:auto
}

body#none {
  position:absolute;
  width:100%;
  height:auto;
  overflow:visible;
  background:url(/background_images/sidebarbrown_tiled.png) repeat
}

#sidebar {
  min-height:0;
  width:100%;
  z-index:1000;
  background-image:url(/background_images/sidebarbrown_tiled.png);
  position:absolute;
  top:0;
  padding-top:20px
}

#rightpanel {
  display:none
}

body#none #main {
  min-height:0;
  height:auto;
  overflow:visible;
  position:absolute
}

#sidebar::before {
  display:none;
  background-image:none
}

#main-header {
  z-index:9999!important;
  position:absolute;
  background-color:transparent!important;
  box-shadow:none!important;
  display:block
}

#logo {
  display:block!important;
  visibility:visible;
  margin-left:1em!important
}

#mission_nav {
  height:auto;
  margin:auto;
  padding-left:0;
  padding-right:0
}

#mission_nav div {
  background-position:top left
}

.row-1 {
  display:none
}

.row-3 {
  margin-top:5px;
  margin-bottom:0;
  width:auto;
  text-align:center
}

#et-top-navigation {
  margin-top:10px
}

#action_menu {
  text-align:center;
  font-size:.8em;
  width:280px;
  left:50%;
  right:auto;
  margin-left:-140px
}

#newsletter_screen {
  left:50%;
  top:0;
  margin-left:-120px;
  margin-right:0;
  width:auto
}

#newsletter_screen ul {
  width:auto
}

.popup #sidebarbackground {
  display:none
}

.popup {
  background-image:url(/background_images/greensidebar_tiled.png);
  background-repeat:repeat;
  position:fixed;
  left:0;
  right:0;
  height:130px;
  bottom:0;
  top:auto;
  width:100%;
  padding-left:0;
  z-index:1000000
}

.closebutton a {
  margin-top:10px;
  margin-right:10px
}

body.et_fixed_nav {
  padding-top:110px!important;
  height:calc(100% - 110px)
}
}

@media only screen and (max-width: 400px) {
.container {
  width:320px!important
}
}