@charset "UTF-8";
/*
Theme Name: Eradicating Ecocide
Theme URI: http://drlogic.com/
Author: Dr Logic
Author URI: http://drlogic.com/
Description: A custom theme for eradicatingecocide.com.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Eradicating Ecocide
Tags:

Eradicating Ecocide is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/
#masthead:after, #main .entry-content:after, .search article:after, #main .error-404:after, #main .eeco-hero-sections, #main #latest-posts ul:after, .eeco-sub-navigation ul:after { content: ""; display: table; clear: both; }

#secondary #text-7 h1, #secondary #text-2 h1 { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }
#secondary #text-7 h1:hover a, #secondary #text-2 h1:hover a, #secondary #text-7 h1:hover input, #secondary #text-2 h1:hover input, #secondary #text-7 h1:hover button, #secondary #text-2 h1:hover button { display: none !important; }

/* Unhide on focus
%visually-hidden-focusable {  @extend %visually-hidden; 
 &:focus { position: fixed !important; clip: auto !important; height: auto !important; width: auto !important; overflow: auto; }
}
*/
/* Hide element from all devices */
/* Reset */
* { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; /* Prevent padding fron adding to element's width (http://www.paulirish.com/2012/box-sizing-border-box-ftw/) */ box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

#masthead nav button, #masthead .nav-mobile-menu button, .eeco-read-more a, #secondary .eeco-supporting-ecocide-law input[type="submit"], .ninja-forms-cont input[type="submit"], .button, body.error404 #main .error-404 .search-form .search-submit, #actionbar .eeco-widget-search .eeco-search-button, #actionbar .eeco-widget-search .search-submit, #actionbar .eeco-subnav button, #actionbar .eeco-translate-button { width: auto !important; text-decoration: none; font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; text-align: center; -webkit-appearance: none; -moz-appearance: none; }
#masthead nav button a:link, #masthead .nav-mobile-menu button a:link, .eeco-read-more a a:link, #secondary .eeco-supporting-ecocide-law input[type="submit"] a:link, .ninja-forms-cont input[type="submit"] a:link, .button a:link, body.error404 #main .error-404 .search-form .search-submit a:link, #actionbar .eeco-widget-search .eeco-search-button a:link, #actionbar .eeco-widget-search .search-submit a:link, #actionbar .eeco-subnav button a:link, #actionbar .eeco-translate-button a:link, #masthead nav button a:visited, #masthead .nav-mobile-menu button a:visited, .eeco-read-more a a:visited, #secondary .eeco-supporting-ecocide-law input[type="submit"] a:visited, .ninja-forms-cont input[type="submit"] a:visited, .button a:visited, body.error404 #main .error-404 .search-form .search-submit a:visited, #actionbar .eeco-widget-search .eeco-search-button a:visited, #actionbar .eeco-widget-search .search-submit a:visited, #actionbar .eeco-subnav button a:visited, #actionbar .eeco-translate-button a:visited, #masthead nav button a:hover, #masthead .nav-mobile-menu button a:hover, .eeco-read-more a a:hover, #secondary .eeco-supporting-ecocide-law input[type="submit"] a:hover, .ninja-forms-cont input[type="submit"] a:hover, .button a:hover, body.error404 #main .error-404 .search-form .search-submit a:hover, #actionbar .eeco-widget-search .eeco-search-button a:hover, #actionbar .eeco-widget-search .search-submit a:hover, #actionbar .eeco-subnav button a:hover, #actionbar .eeco-translate-button a:hover, #masthead nav button a:active, #masthead .nav-mobile-menu button a:active, .eeco-read-more a a:active, #secondary .eeco-supporting-ecocide-law input[type="submit"] a:active, .ninja-forms-cont input[type="submit"] a:active, .button a:active, body.error404 #main .error-404 .search-form .search-submit a:active, #actionbar .eeco-widget-search .eeco-search-button a:active, #actionbar .eeco-widget-search .search-submit a:active, #actionbar .eeco-subnav button a:active, #actionbar .eeco-translate-button a:active { display: block; width: 100%; height: 100%; text-decoration: none; }
#masthead nav button option, #masthead .nav-mobile-menu button option, .eeco-read-more a option, #secondary .eeco-supporting-ecocide-law input[type="submit"] option, .ninja-forms-cont input[type="submit"] option, .button option, body.error404 #main .error-404 .search-form .search-submit option, #actionbar .eeco-widget-search .eeco-search-button option, #actionbar .eeco-widget-search .search-submit option, #actionbar .eeco-subnav button option, #actionbar .eeco-translate-button option { background-color: #fff; color: #666; }

#masthead nav button, #masthead .nav-mobile-menu button, .eeco-read-more a, #secondary .eeco-supporting-ecocide-law input[type="submit"], .ninja-forms-cont input[type="submit"] { padding: 0.381924rem 1rem !important; font-size: 1.25rem; }

.button, body.error404 #main .error-404 .search-form .search-submit, #actionbar .eeco-widget-search .eeco-search-button, #actionbar .eeco-widget-search .search-submit, #actionbar .eeco-subnav button, #actionbar .eeco-translate-button { padding: 0.381924rem 0.618rem !important; font-size: 1rem; }

.button { display: block; width: 160px; margin: 1.618rem auto; background-color: transparent; color: #f26722; border: 2px solid #f26722 !important; }
.button a:link, .button a:visited, .button a:active, .button a:hover, .button:link, .button:visited, .button:active, .button:hover { color: #f26722; }
.button:hover { background-color: #f26722; border-color: #f26722 !important; color: #fff !important; }
.button:hover a:link, .button:hover a:visited, .button:hover a:active, .button:hover a:hover { color: #fff !important; }

body.error404 #main .error-404 .search-form input[type="search"], #actionbar .eeco-widget-search input[type="search"], #secondary input[type="text"], .ninja-forms-cont input[type="text"], .ninja-forms-cont textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; text-align: center; -webkit-appearance: none; -moz-appearance: none; padding: 0.381924rem 0.618rem !important; font-size: 1rem; font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; border: 2px solid #b3b3b3; }
body.error404 #main .error-404 .search-form input[type="search"]:focus, #actionbar .eeco-widget-search input[type="search"]:focus, #secondary input[type="text"]:focus, .ninja-forms-cont input[type="text"]:focus, .ninja-forms-cont textarea:focus { outline: none; border-color: #666; }

@font-face { font-family: "eeco-icons"; src: url("fonts/eeco-icons/eeco-icons-v2.eot"); src: url("fonts/eeco-icons/eeco-icons-v2.eot?#iefix") format("embedded-opentype"), url("fonts/eeco-icons/eeco-icons-v2.woff") format("woff"), url("fonts/eeco-icons/eeco-icons-v2.ttf") format("truetype"), url("fonts/eeco-icons/eeco-icons-v2.svg#eeco-icons") format("svg"); font-weight: normal; font-style: normal; }
[data-icon]:before { font-family: "eeco-icons" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "eeco-icons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.eeco-sub-navigation h2:after { font-family: "eeco-icons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-chevron-down:before { content: "a"; }

.icon-facebook:before { content: "b"; }

.icon-twitter:before { content: "c"; }

.icon-youtube:before { content: "d"; }

.icon-letter-mail:before { content: "e"; }

.icon-chevron-right:before { content: "f"; }

.icon-circle:before { content: "g"; }

.icon-chevron-left:before { content: "h"; }

.icon-chevron-up:before { content: "i"; }

.icon-thumbnails:before { content: "j"; }

.icon-globe-world:before { content: "k"; }

.icon-search-find:before { content: "l"; }

.icon-cancel:before { content: "m"; }

.icon-lightbulb:before { content: "n"; }

.icon-help:before { content: "o"; }

.icon-tedx:before { content: "p"; }

html { font: normal 18px/1.618 "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

body { font-size: 18px; margin: 0 auto; color: #222; background-color: #fff; -webkit-perspective: 1000; -webkit-transition: -webkit-transform 0.618s linear; transition: transform 0.618s linear; /*	@include breakpoint(breakpoint-small) {
		font-size: $font-size-default * 0.9;
	}*/ }

a:link, a:visited, a:hover, a:active { text-decoration: none; }

#masthead { position: relative; font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; line-height: 1; text-transform: uppercase; background-color: #666; color: #fff; border-bottom: 0.618rem solid #d44f0d; }
#masthead a:link, #masthead a:visited, #masthead a:active { color: #fff; display: block; width: 100%; height: 100%; }
#masthead ul { list-style: none; }
#masthead li { display: inline-block; }
#masthead .site-branding, #masthead nav, #masthead .eeco-social { float: left; height: auto; }
#masthead .site-branding, #masthead .eeco-social { width: 28%; }
#masthead .site-branding { font-size: 2.0225rem; padding: 1rem; }
#masthead .site-branding span { color: #f26722; }
#masthead nav { width: 44%; text-align: center; font-size: 1.25rem; }
#masthead nav > ul { padding: 0 1rem; }
#masthead nav > ul > li { padding-top: 1.30555555rem; padding-bottom: 0.618rem; position: relative; }
#masthead nav > ul > li > ul { display: none; position: absolute; top: 5.29475129rem; z-index: 9000; left: -1rem; padding: 1.618rem 1rem 1rem; z-index: 2000; text-transform: none; background-color: #666; }
@media screen and (max-width: 960px) { #masthead nav > ul > li > ul { top: 3.272405rem; } }
#masthead nav > ul > li > ul li { display: block; text-align: left; margin-bottom: 1rem; margin-right: 0; min-width: 180px; }
#masthead nav > ul > li.active > ul { display: block; }
#masthead nav li { margin-right: 1.618rem; }
@media screen and (max-width: 1100px) { #masthead nav li { margin-right: 1.618rem; } }
#masthead nav li:last-of-type { margin-right: 0; }
#masthead nav a:hover { color: #f6996a; }
#masthead nav button { display: block; width: 100% !important; background-color: transparent; color: #b3b3b3; }
#masthead nav button:hover { color: #f6996a; }
#masthead .eeco-social { text-align: left; width: 8.09rem; position: absolute; top: 1.30555555rem; right: 7.2354500698rem; }
#masthead .eeco-social li { margin-right: 1.618rem; margin-bottom: 0.618rem; }
#masthead .eeco-social li:last-of-type { margin-right: 0; }
#masthead .eeco-social img { height: 1rem; }
#masthead .eeco-social a:hover { color: #f6996a; }
#masthead .eeco-icon-ecocide-law { width: 6.8535260698rem; height: 6.8535260698rem; position: absolute; right: 1rem; bottom: -3.7357630349rem; z-index: 9999; }
#masthead .eeco-icon-ecocide-law img { width: 6.8535260698rem; height: 6.8535260698rem; }
#masthead .nav-mobile-menu { display: none; position: absolute; top: 1rem; right: 1rem; }
#masthead .nav-mobile-menu button { background-color: transparent; color: #f6996a; border: 2px solid #f6996a !important; }
#masthead .nav-mobile-menu button a:link, #masthead .nav-mobile-menu button a:visited, #masthead .nav-mobile-menu button a:active, #masthead .nav-mobile-menu button a:hover, #masthead .nav-mobile-menu button:link, #masthead .nav-mobile-menu button:visited, #masthead .nav-mobile-menu button:active, #masthead .nav-mobile-menu button:hover { color: #f6996a; }
#masthead .nav-mobile-menu button:hover { background-color: #f26722; border-color: #f26722 !important; color: #fff !important; }
#masthead .nav-mobile-menu button:hover a:link, #masthead .nav-mobile-menu button:hover a:visited, #masthead .nav-mobile-menu button:hover a:active, #masthead .nav-mobile-menu button:hover a:hover { color: #fff !important; }
@media screen and (max-width: 960px) { #masthead nav { text-align: left; width: 100%; }
  #masthead nav > ul > li { text-align: center; padding-top: 0; }
  #masthead .site-branding { width: 50%; }
  #masthead .eeco-social { width: auto; top: 1.30555555rem; right: 1rem; width: 50%; text-align: right; }
  #masthead .eeco-social > ul { padding-right: 0; } }
@media screen and (max-width: 600px) { #masthead .nav-mobile-menu { display: block; }
  #masthead nav { text-align: center; width: 100%; height: auto; position: absolute; float: none; left: 0; opacity: 0; z-index: 9999; background-color: #666; }
  #masthead nav > ul { overflow: hidden; }
  #masthead nav > ul > li { padding-top: 1.30555555rem; }
  #masthead nav > ul > li ul li { text-align: center; }
  #masthead nav > ul li { width: 100%; margin-top: 0 !important; padding-bottom: 0; }
  #masthead nav > ul li > ul { position: static; }
  #masthead .eeco-social { position: static; width: 100%; text-align: left; padding-left: 1rem; padding-bottom: 0.381924rem; }
  #masthead .eeco-icon-ecocide-law { display: none; bottom: -8.4715260698rem; left: 0; width: 100%; text-align: center; } }

.site-description { display: none; }

#main .entry-content, .search article, #main .error-404 { max-width: 720px; margin: 0 auto; padding-bottom: 1.618rem; }

#content { position: relative; }

#main { margin-top: 4.235801032rem; margin-bottom: 4.235801032rem; /* Headings */ /* Block elements */ /* Inline elements */ /* Images */ /* Links */ /* Blockquote */ }
#main .entry-content { padding: 0 1.618rem; }
#main h1 { font-size: 3.272405rem; text-transform: uppercase; margin: 0 1rem 2.617924rem; padding: 0 1.618rem; color: #f26722; }
#main h1 a:link, #main h1 a:visited, #main h1 a:active { color: #f26722; }
#main h1 a:hover { color: #f6996a; }
#main h2 { font-size: 2.0225rem; margin-bottom: 1.618rem; padding: 0 1.618rem; color: #666; }
#main h2 a:link, #main h2 a:visited, #main h2 a:active { color: #666; }
#main h2 a:hover { color: #8c8c8c; }
#main p + h2, #main ul + h2, #main dl + h2 { margin-top: 2.617924rem; }
#main h3 { font-size: 1.25rem; margin-bottom: 1.618rem; }
#main p + h3, #main ul + h3, #main dl + h3 { margin-top: 1rem; }
#main h4, #main h4, #main h5, #main h6 { color: #666; margin-bottom: 0.618rem; font-size: 1.25rem; }
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { text-align: center; font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; line-height: 1.2; }
#main ul h1, #main ul h2, #main ul h3, #main ul h4, #main ul h5, #main ul h6, #main ol h1, #main ol h2, #main ol h3, #main ol h4, #main ol h5, #main ol h6, #main dl h1, #main dl h2, #main dl h3, #main dl h4, #main dl h5, #main dl h6 { text-align: left; }
#main p, #main figure { padding-bottom: 1.618rem; }
#main ul, #main ol, #main dl { padding: 1.618rem 4.235801032rem 2.617924rem; }
@media screen and (max-width: 600px) { #main ul, #main ol, #main dl { padding: 1.618rem 1.618rem 2.617924rem; } }
#main .entry-content div ul, #main .entry-content div ol, #main .entry-content div dl { padding: 0.618rem 0; }
#main ul li, #main ol li { margin-left: 1rem; margin-bottom: 0.618rem; }
#main dl { margin-top: 1.618rem; margin-bottom: 1.618rem; }
#main dt { float: left; padding-right: 0.618rem; font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-size: 1.25rem; }
#main > section, #main > article { margin-bottom: 4.235801032rem; margin-top: 0 !important; }
#main iframe { display: block; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 640px) { #main iframe { width: 320px; height: 180px; } }
#main em { font-style: italic; }
#main strong { font-weight: bold; }
#main code { font-family: "Menlo", "Vera Sans Mono", "Monaco", "Courier New", "Courier", monospace; border: none; }
#main img { display: block; margin: 0.618rem auto; max-width: 100%; height: auto; }
#main a:link, #main a:visited, #main a:active { color: #d44f0d; }
#main a:hover { color: #f26722; }
#main [href$=".zip"]:after { content: " (.zip)"; }
#main [href$=".pdf"]:after { content: " (.pdf)"; }
#main [href$=".doc"]:after { content: " (.doc)"; }
#main figure { margin-top: 1.618rem; margin-bottom: 4.235801032rem; padding: 0 4.235801032rem; position: relative; font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-size: 1.25rem; }
#main figure blockquote { color: #666; }
#main figure blockquote p { padding-bottom: 1rem; }
#main figure blockquote:after, #main figure blockquote:before { display: block; position: absolute; width: 4.235801032rem; top: 0; font: normal 5.29475129rem/1 "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; color: #f26722; }
#main figure blockquote:before { content: "\201C"; left: 0; text-align: center; }
#main figure blockquote:after { content: "\201D"; text-align: center; right: 0; }
#main figure blockquote.deutsch:before { content: "\201E"; }
#main figure blockquote.deutsch:after { content: "\201C"; }
#main figure figcaption { color: #f6996a; text-align: right; }
#main figure figcaption .author { color: #f26722; }

.eeco-back-to-top { border: 2px solid #f26722; font: normal 1.25rem/1 "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; color: #f26722; position: fixed; right: 0; bottom: 0; width: auto; z-index: 9999; line-height: 1; text-align: center; }
.eeco-back-to-top span { display: block; }
.eeco-back-to-top a:link { display: block; width: 100%; height: 100%; padding: 0.382rem 0.7rem; }
.eeco-back-to-top a:hover { color: #fff; background-color: #f26722; }

#colophon { border-top: 0.618rem solid #f26722; background-color: #666; color: #fff; padding: 2.617924rem 4.235801032rem 4.235801032rem; font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-size: 1.25rem; }
@media screen and (max-width: 960px) { #colophon { padding: 2.617924rem 1.618rem 4.235801032rem; } }
#colophon p { margin-bottom: 1rem; }
#colophon a:link, #colophon a:visited, #colophon a:active { color: #f6996a; }
#colophon a:hover { color: #f26722; }
#colophon .creative-commons img { position: relative; top: 8px; margin-right: 1rem; }

.home #main { margin-top: 0 !important; }
.home #main .entry-content { max-width: none; padding: 0; }
.home h1.entry-title { display: none; }
.home #masthead { position: absolute; z-index: 1000; width: 100%; background: transparent; border: none; }

/* #eeco-hero { background: url("images/eeco-meili-1920px.jpg") no-repeat center center; background-size: cover; width: 100vw; height: 100vh; } */
#eeco-hero { background: url("images/sunset-over-iguazu-1920px.jpg") no-repeat center center; background-size: cover; width: 100vw; height: 100vh; }
#main > #eeco-hero { margin: 0; }
#eeco-hero .eeco-call-to-action { text-align: center; font-size: 4.235801032rem; line-height: 1; margin: 0 auto; width: 100%; position: absolute; top: 45vh; }
#eeco-hero .eeco-call-to-action .eeco-support, #eeco-hero .eeco-call-to-action .eeco-ecocide-law { display: inline-block; vertical-align: middle; }
#eeco-hero .eeco-call-to-action .eeco-support { font-size: 2.617924rem; font-family: "brush-script-std", cursive; text-transform: none; }
#eeco-hero .eeco-call-to-action a:link, #eeco-hero .eeco-call-to-action a:visited { position: relative; top: -0.5em; color: #f26722; }
#eeco-hero .eeco-call-to-action a:link .eeco-ecocide-law, #eeco-hero .eeco-call-to-action a:visited .eeco-ecocide-law { color: #e2cba7; }
/* @media screen and (max-width: 600px) { #eeco-hero { width: 100%; height: auto; background: url("images/eeco-meili-1024px.jpg") no-repeat center center; background-size: cover; margin-top: 0 !important; } */
@media screen and (max-width: 600px) { #eeco-hero { width: 100%; height: auto; background: url("images/sunset-over-iguazu-1024px.jpg") no-repeat center center; background-size: cover; margin-top: 0 !important; }
  #eeco-hero .eeco-call-to-action { position: static !important; padding: 12rem 1.618rem 7.416rem; } }

.eeco-kern-a { padding-left: 0.07em; }

#main .eeco-hero-sections { padding: 0 1rem; width: 100%; background: #a43d0a; background: linear-gradient(#f26722, #666); border-top: 0.618rem solid #d54f0d; border-bottom: 0.618rem solid #d54f0d; }
#main .eeco-hero-sections > div { color: #fff; font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-size: 1.25rem; border: none !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
#main .eeco-hero-sections > div h2 { color: #fbcab3; font-size: 2.0225rem; line-height: 1.2; text-transform: uppercase; margin-top: 1.25rem; }
#main .eeco-hero-sections > div h2[class^="icon"]:before { display: block; font-size: 4.235801032rem; color: #fff; padding: 1rem 0; }
#main .eeco-hero-sections > div h2.icon-tedx:before { font-size: 11.0890051809rem; line-height: 0.382; }
#main .eeco-hero-sections > div p { text-align: center; color: #fbcab3; }
#main .eeco-hero-sections > div p[class^="icon"]:before { display: block; font-size: 4.235801032rem; color: #fff; margin-bottom: 0.618rem; height: 100px; }
#main .eeco-hero-sections > div p.icon-tedx:before { font-size: 11.0890051809rem; line-height: 0.382; }
#main .eeco-hero-sections > div img { width: auto; height: 100px; padding-bottom: 1rem; }
#main .eeco-hero-sections > div #eeco-tedx { width: 220px; height: 124px; }

#main #latest-posts ul, #main #eeco-featured-pages ul { max-width: 100%; list-style: none; padding-left: 0; padding-right: 0; }
#main #latest-posts li, #main #eeco-featured-pages li { display: block; float: left; width: 32.5%; height: 220px; outline: 2px solid #d54f0d; overflow: hidden; padding: 0; margin: 0 0 1.25% 0; position: relative; }
#main #latest-posts li img, #main #eeco-featured-pages li img { margin: 0; border: none; }
#main #latest-posts li img, #main #latest-posts li:after, #main #eeco-featured-pages li img, #main #eeco-featured-pages li:after { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
#main #latest-posts li a:link, #main #latest-posts li a:visited, #main #latest-posts li a:hover, #main #latest-posts li a:active, #main #eeco-featured-pages li a:link, #main #eeco-featured-pages li a:visited, #main #eeco-featured-pages li a:hover, #main #eeco-featured-pages li a:active { width: 100%; height: 100%; display: table; padding: 0.381924rem; }
#main #latest-posts li .eeco-text, #main #eeco-featured-pages li .eeco-text { position: relative; display: table-cell; vertical-align: middle; text-align: center; margin: auto; z-index: 3; color: #fff; text-transform: uppercase; font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-size: 2.0225rem; }
#main #latest-posts li img, #main #eeco-featured-pages li img { z-index: 1; height: auto; }
#main #latest-posts li:after, #main #eeco-featured-pages li:after { display: block; height: 100%; content: ""; z-index: 2; }
#main #latest-posts li:nth-of-type(6n+1):after, #main #eeco-featured-pages li:nth-of-type(6n+1):after { background-color: rgba(242, 103, 34, 0.5); }
#main #latest-posts li:nth-of-type(6n+2):after, #main #eeco-featured-pages li:nth-of-type(6n+2):after { background-color: rgba(237, 88, 14, 0.75); }
#main #latest-posts li:nth-of-type(6n+3):after, #main #eeco-featured-pages li:nth-of-type(6n+3):after { background-color: rgba(213, 79, 13, 0.75); }
#main #latest-posts li:nth-of-type(6n+4):after, #main #eeco-featured-pages li:nth-of-type(6n+4):after { background-color: rgba(188, 70, 11, 0.75); }
#main #latest-posts li:nth-of-type(6n+5):after, #main #eeco-featured-pages li:nth-of-type(6n+5):after { background-color: rgba(164, 61, 10, 0.75); }
#main #latest-posts li:nth-of-type(6n+6):after, #main #eeco-featured-pages li:nth-of-type(6n+6):after { background-color: rgba(140, 52, 8, 0.75); }
#main #latest-posts li:nth-of-type(3n+2), #main #eeco-featured-pages li:nth-of-type(3n+2) { margin: 0 1.25%; }
#main #latest-posts li:hover:after, #main #eeco-featured-pages li:hover:after { background-color: #f26722; }
@media screen and (max-width: 960px) { #main #latest-posts li, #main #eeco-featured-pages li { width: 49%; margin: 0 0 1rem; }
  #main #latest-posts li:nth-of-type(3n+2), #main #eeco-featured-pages li:nth-of-type(3n+2) { margin: 0 0 1rem; }
  #main #latest-posts li:nth-of-type(odd), #main #eeco-featured-pages li:nth-of-type(odd) { margin-right: 2%; } }
@media screen and (max-width: 600px) { #main #latest-posts li, #main #eeco-featured-pages li { width: 100%; }
  #main #latest-posts li:nth-of-type(odd), #main #eeco-featured-pages li:nth-of-type(odd) { margin-right: 0; } }

.eeco-read-more { text-align: center; margin-bottom: 4.235801032rem; }
.eeco-read-more a { background-color: transparent; color: #f26722; border: 2px solid #f26722 !important; font-size: 1.618rem; }
.eeco-read-more a a:link, .eeco-read-more a a:visited, .eeco-read-more a a:active, .eeco-read-more a a:hover, .eeco-read-more a:link, .eeco-read-more a:visited, .eeco-read-more a:active, .eeco-read-more a:hover { color: #f26722; }
.eeco-read-more a:hover { background-color: #f26722; border-color: #f26722 !important; color: #fff !important; }
.eeco-read-more a:hover a:link, .eeco-read-more a:hover a:visited, .eeco-read-more a:hover a:active, .eeco-read-more a:hover a:hover { color: #fff !important; }
.eeco-read-more a span { margin-left: 0.618rem; position: relative; top: 0.2rem; }

#eeco-headlines { max-width: 720px; margin-left: auto; margin-right: auto; padding: 1.618rem; }

.eeco-supporter-logos { text-align: center; }
.eeco-supporter-logos ul { list-style: none; }
.eeco-supporter-logos li { display: inline-block; margin: 0 0.618rem 1rem; vertical-align: middle; }

.search #main .page-header h1 span { color: #f6996a; }
.search #main article { border-top: 4px solid #f2f2f2; padding-top: 2.617924rem; padding-bottom: 2.617924rem; }
.search #main article h1 { font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-size: 2.0225rem; margin-bottom: 1rem; }
.search #main article h1 a:link, .search #main article h1 a:visited, .search #main article h1 a:active { color: #666; }
.search #main article h1 a:hover { color: #8c8c8c; }
.search #main article .entry-meta { text-align: center; margin-bottom: 1.618rem; font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-size: 1.25rem; color: #f6996a; }
.search #main article time.updated { font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-size: 1rem; color: #b3b3b3; }
.search #main article time.published { font-size: 1.25rem; color: #f6996a; }

.blog #content, .single #content { margin-top: 0 !important; }
.blog #main, .single #main { margin-top: 6.8535260698rem; }
.blog #main > article, .single #main > article { max-width: 960px; margin: auto; padding-bottom: 1.618rem; border-bottom: 4px solid #fdece3; }
.blog #main > article + article, .single #main > article + article { margin-top: 4.235801032rem; }
.blog .entry-meta, .single .entry-meta { text-align: center; margin-bottom: 1.618rem; font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-size: 1.25rem; color: #f6996a; }
.blog time.updated, .single time.updated { font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-size: 1rem; color: #b3b3b3; }
.blog time.published, .single time.published { font-size: 1.25rem; color: #f6996a; }

.posts-navigation, .post-navigation { max-width: 960px; margin: auto; padding: 2.617924rem 1rem; text-align: center; border-bottom: 4px solid #fdece3; }

.posts-navigation { border-top: 4px solid #fdece3; }

.post-navigation .nav-previous:before, .post-navigation .nav-next:before { display: block; width: 100%; height: auto; font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-size: 1.25rem; color: #666; }
.post-navigation .nav-previous:before { content: "Previous post"; }
.post-navigation .nav-next { margin-top: 1rem; }
.post-navigation .nav-next:before { content: "Next post"; }

body.error404 #main .error-404 .eeco-search-button { display: none; }
body.error404 #main .error-404 .search-form { margin: auto; }
body.error404 #main .error-404 .search-form .eeco-search-button { display: inline-block; }
body.error404 #main .error-404 .search-form .search-submit { background-color: transparent; color: #f6996a; border: 2px solid #f6996a !important; }
body.error404 #main .error-404 .search-form .search-submit a:link, body.error404 #main .error-404 .search-form .search-submit a:visited, body.error404 #main .error-404 .search-form .search-submit a:active, body.error404 #main .error-404 .search-form .search-submit a:hover, body.error404 #main .error-404 .search-form .search-submit:link, body.error404 #main .error-404 .search-form .search-submit:visited, body.error404 #main .error-404 .search-form .search-submit:active, body.error404 #main .error-404 .search-form .search-submit:hover { color: #f6996a; }
body.error404 #main .error-404 .search-form .search-submit:hover { background-color: #f26722; border-color: #f26722 !important; color: #fff !important; }
body.error404 #main .error-404 .search-form .search-submit:hover a:link, body.error404 #main .error-404 .search-form .search-submit:hover a:visited, body.error404 #main .error-404 .search-form .search-submit:hover a:active, body.error404 #main .error-404 .search-form .search-submit:hover a:hover { color: #fff !important; }
body.error404 #main .error-404 .search-form .icon-search-find:before { position: relative; top: 0.1rem; }

.eeco-sharing { color: #fff; background-color: #fff; width: 160px; padding: 1rem; position: absolute; top: 11.0890051809rem; left: -160px; z-index: 2000; font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; border: 1px solid #f8a982; }
.eeco-sharing.active { -webkit-animation: slideOut 0.382s linear both; animation: slideOut 0.382s linear both; }
.eeco-sharing.inactive { -webkit-animation: slideIn 0.382s linear both; animation: slideIn 0.382s linear both; }
.eeco-sharing div { position: absolute; top: 50%; height: 7.5rem; margin-top: -3.75rem; width: 2.236rem; right: -2.236rem; cursor: pointer; text-align: center; background-color: #f26722; }
.eeco-sharing div:hover { background-color: #f6996a; }
.eeco-sharing div h2 { width: 1rem; margin: 0.618rem; word-wrap: break-word; text-transform: uppercase; font-size: 1.3rem; line-height: 1; color: #742b07; }
.eeco-sharing ul { list-style: none; }
.eeco-sharing li { width: auto; margin-bottom: 1rem; text-align: center; }
.eeco-sharing li:last-of-type { margin-bottom: 0; }
.eeco-sharing li a[href*="facebook.com"] { background-color: transparent; color: #3b5998; border: 2px solid #3b5998 !important; }
.eeco-sharing li a[href*="facebook.com"] a:link, .eeco-sharing li a[href*="facebook.com"] a:visited, .eeco-sharing li a[href*="facebook.com"] a:active, .eeco-sharing li a[href*="facebook.com"] a:hover, .eeco-sharing li a[href*="facebook.com"]:link, .eeco-sharing li a[href*="facebook.com"]:visited, .eeco-sharing li a[href*="facebook.com"]:active, .eeco-sharing li a[href*="facebook.com"]:hover { color: #3b5998; }
.eeco-sharing li a[href*="facebook.com"]:hover { background-color: #3b5998; color: #fff !important; }
.eeco-sharing li a[href*="facebook.com"]:hover a:link, .eeco-sharing li a[href*="facebook.com"]:hover a:visited, .eeco-sharing li a[href*="facebook.com"]:hover a:active, .eeco-sharing li a[href*="facebook.com"]:hover a:hover { color: #fff !important; }
.eeco-sharing li a[href*="twitter.com"] { background-color: transparent; color: #55acee; border: 2px solid #55acee !important; }
.eeco-sharing li a[href*="twitter.com"] a:link, .eeco-sharing li a[href*="twitter.com"] a:visited, .eeco-sharing li a[href*="twitter.com"] a:active, .eeco-sharing li a[href*="twitter.com"] a:hover, .eeco-sharing li a[href*="twitter.com"]:link, .eeco-sharing li a[href*="twitter.com"]:visited, .eeco-sharing li a[href*="twitter.com"]:active, .eeco-sharing li a[href*="twitter.com"]:hover { color: #55acee; }
.eeco-sharing li a[href*="twitter.com"]:hover { background-color: #55acee; color: #fff !important; }
.eeco-sharing li a[href*="twitter.com"]:hover a:link, .eeco-sharing li a[href*="twitter.com"]:hover a:visited, .eeco-sharing li a[href*="twitter.com"]:hover a:active, .eeco-sharing li a[href*="twitter.com"]:hover a:hover { color: #fff !important; }
.eeco-sharing li span { padding-right: 0.618rem; position: relative; top: 4px; }

@-webkit-keyframes slideOut{
 0%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
 100%{ -webkit-transform: translate3d(160px, 0, 0); transform: translate3d(160px, 0, 0); } }

@keyframes slideOut { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { -webkit-transform: translate3d(160px, 0, 0); transform: translate3d(160px, 0, 0); } }
@-webkit-keyframes slideIn{
 0%{ -webkit-transform: translate3d(160px, 0, 0); transform: translate3d(160px, 0, 0); }
 100%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideIn { 0% { -webkit-transform: translate3d(160px, 0, 0); transform: translate3d(160px, 0, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
#actionbar { width: 100%; text-align: center; padding: 1rem; position: relative; z-index: 1000; /*  #google_language_translator { select { @include button(button-small,lighten($color-two,15%)); }  div div { &:after { display: block; content: "a"; width: 1rem; height: auto;  @extend %eeco-icon; } }  }*/ }
#actionbar > aside { margin-left: 0.618rem; margin-bottom: 1rem; display: inline-block; }
@media screen and (max-width: 600px) { #actionbar { text-align: left; }
  #actionbar > aside { margin-left: 0; margin-right: 0.618rem; } }
#actionbar .eeco-widget-search .eeco-search-button { background-color: transparent; color: #f6996a; border: 2px solid #f6996a !important; display: inline-block; }
#actionbar .eeco-widget-search .eeco-search-button a:link, #actionbar .eeco-widget-search .eeco-search-button a:visited, #actionbar .eeco-widget-search .eeco-search-button a:active, #actionbar .eeco-widget-search .eeco-search-button a:hover, #actionbar .eeco-widget-search .eeco-search-button:link, #actionbar .eeco-widget-search .eeco-search-button:visited, #actionbar .eeco-widget-search .eeco-search-button:active, #actionbar .eeco-widget-search .eeco-search-button:hover { color: #f6996a; }
#actionbar .eeco-widget-search .eeco-search-button:hover { background-color: #f26722; border-color: #f26722 !important; color: #fff !important; }
#actionbar .eeco-widget-search .eeco-search-button:hover a:link, #actionbar .eeco-widget-search .eeco-search-button:hover a:visited, #actionbar .eeco-widget-search .eeco-search-button:hover a:active, #actionbar .eeco-widget-search .eeco-search-button:hover a:hover { color: #fff !important; }
#actionbar .eeco-widget-search .eeco-search-button.active { display: none; }
#actionbar .eeco-widget-search form { -webkit-animation: fadeInBlock 0.618s linear both; animation: fadeInBlock 0.618s linear both; }
#actionbar .eeco-widget-search .eeco-search-form { display: none; }
#actionbar .eeco-widget-search .eeco-search-form.active { display: inline-block; }
#actionbar .eeco-widget-search .search-submit { background-color: transparent; color: #f6996a; border: 2px solid #f6996a !important; }
#actionbar .eeco-widget-search .search-submit a:link, #actionbar .eeco-widget-search .search-submit a:visited, #actionbar .eeco-widget-search .search-submit a:active, #actionbar .eeco-widget-search .search-submit a:hover, #actionbar .eeco-widget-search .search-submit:link, #actionbar .eeco-widget-search .search-submit:visited, #actionbar .eeco-widget-search .search-submit:active, #actionbar .eeco-widget-search .search-submit:hover { color: #f6996a; }
#actionbar .eeco-widget-search .search-submit:hover { background-color: #f26722; border-color: #f26722 !important; color: #fff !important; }
#actionbar .eeco-widget-search .search-submit:hover a:link, #actionbar .eeco-widget-search .search-submit:hover a:visited, #actionbar .eeco-widget-search .search-submit:hover a:active, #actionbar .eeco-widget-search .search-submit:hover a:hover { color: #fff !important; }
#actionbar .eeco-widget-search .icon-search-find:before { position: relative; top: 0.1rem; }
#actionbar .eeco-subnav button { background-color: transparent; color: #f6996a; border: 2px solid #f6996a !important; position: relative; }
#actionbar .eeco-subnav button a:link, #actionbar .eeco-subnav button a:visited, #actionbar .eeco-subnav button a:active, #actionbar .eeco-subnav button a:hover, #actionbar .eeco-subnav button:link, #actionbar .eeco-subnav button:visited, #actionbar .eeco-subnav button:active, #actionbar .eeco-subnav button:hover { color: #f6996a; }
#actionbar .eeco-subnav button:hover { background-color: #f26722; border-color: #f26722 !important; color: #fff !important; }
#actionbar .eeco-subnav button:hover a:link, #actionbar .eeco-subnav button:hover a:visited, #actionbar .eeco-subnav button:hover a:active, #actionbar .eeco-subnav button:hover a:hover { color: #fff !important; }
#actionbar .eeco-subnav button .eeco-subnav-close, #actionbar .eeco-subnav button .icon-cancel { visibility: hidden; position: absolute; }
#actionbar .eeco-subnav button .eeco-subnav-close { top: 0.381924rem; left: 0.618rem; }
#actionbar .eeco-subnav button .icon-cancel { top: 0.531924rem; right: 0.618rem; }
#actionbar .eeco-subnav button.active > .eeco-subnav-explore { -webkit-animation: fadeOutBlock 0.382s linear both; animation: fadeOutBlock 0.382s linear both; }
#actionbar .eeco-subnav button.active > .eeco-subnav-close, #actionbar .eeco-subnav button.active .icon-cancel { -webkit-animation: fadeInBlock 0.382s linear both; animation: fadeInBlock 0.382s linear both; }
#actionbar .eeco-subnav button.inactive > .eeco-subnav-explore { -webkit-animation: fadeInBlock 0.382s linear both; animation: fadeInBlock 0.382s linear both; }
#actionbar .eeco-subnav button.inactive > .eeco-subnav-close, #actionbar .eeco-subnav button.inactive .icon-cancel { -webkit-animation: fadeOutBlock 0.382s linear both; animation: fadeOutBlock 0.382s linear both; }
#actionbar .eeco-subnav button .icon-thumbnails { margin-left: 0.618rem; position: relative; top: 0.15rem; }
#actionbar .eeco-translate-button { background-color: transparent; color: #f6996a; border: 2px solid #f6996a !important; }
#actionbar .eeco-translate-button a:link, #actionbar .eeco-translate-button a:visited, #actionbar .eeco-translate-button a:active, #actionbar .eeco-translate-button a:hover, #actionbar .eeco-translate-button:link, #actionbar .eeco-translate-button:visited, #actionbar .eeco-translate-button:active, #actionbar .eeco-translate-button:hover { color: #f6996a; }
#actionbar .eeco-translate-button:hover { background-color: #f26722; border-color: #f26722 !important; color: #fff !important; }
#actionbar .eeco-translate-button:hover a:link, #actionbar .eeco-translate-button:hover a:visited, #actionbar .eeco-translate-button:hover a:active, #actionbar .eeco-translate-button:hover a:hover { color: #fff !important; }
#actionbar .eeco-translate-wrapper { display: none; }
#actionbar .eeco-translate-wrapper.active { display: inline-block; vertical-align: middle; -webkit-animation: fadeInBlock 1s linear both; animation: fadeInBlock 1s linear both; margin-left: 0.618rem; margin-right: 1rem; }

#secondary { max-width: 240px; margin: 0 auto 4.235801032rem; }
#secondary aside:not(#text-7) { display: none; }
#secondary #text-7, #secondary #text-2 { width: 240px; }
#secondary .eeco-supporting-ecocide-law { position: relative; margin: auto; text-align: center; }
#secondary .eeco-supporting-ecocide-law img { width: 16.18%; margin-bottom: 1.618rem; }
#secondary .eeco-supporting-ecocide-law input[type="text"] { border: 2px solid #666; padding: 0.381924rem 1rem; margin-right: 0.618rem; text-align: center; }
#secondary .eeco-supporting-ecocide-law input[type="submit"] { background-color: transparent; color: #f26722; border: 2px solid #f26722 !important; text-align: center; margin: 1rem auto; width: 240px !important; }
#secondary .eeco-supporting-ecocide-law input[type="submit"] a:link, #secondary .eeco-supporting-ecocide-law input[type="submit"] a:visited, #secondary .eeco-supporting-ecocide-law input[type="submit"] a:active, #secondary .eeco-supporting-ecocide-law input[type="submit"] a:hover, #secondary .eeco-supporting-ecocide-law input[type="submit"]:link, #secondary .eeco-supporting-ecocide-law input[type="submit"]:visited, #secondary .eeco-supporting-ecocide-law input[type="submit"]:active, #secondary .eeco-supporting-ecocide-law input[type="submit"]:hover { color: #f26722; }
#secondary .eeco-supporting-ecocide-law input[type="submit"]:hover { background-color: #f26722; border-color: #f26722 !important; color: #fff !important; }
#secondary .eeco-supporting-ecocide-law input[type="submit"]:hover a:link, #secondary .eeco-supporting-ecocide-law input[type="submit"]:hover a:visited, #secondary .eeco-supporting-ecocide-law input[type="submit"]:hover a:active, #secondary .eeco-supporting-ecocide-law input[type="submit"]:hover a:hover { color: #fff !important; }
#secondary h5 { display: none; }
#secondary .textwidget { width: 240px; }
#secondary .textwidget:before { display: block; content: ""; width: 240px; height: 240px; margin-bottom: 0.618rem; background-image: url("images/supporting-ecocide-law.jpg"); background-size: 240px 240px; }
#secondary .textwidget p { text-align: center; }
#secondary input[type="text"] { padding: 0.381924rem 1rem; margin-bottom: 0.618rem; width: 240px; }

.eeco-sub-navigation { visibility: hidden; z-index: 3000; position: absolute; top: 2.617924rem; top: 0; left: 0; right: 0; padding: 6.8535260698rem 1rem 1rem 1rem; background-color: #fff; border-bottom: 2px solid #f6996a; }
.eeco-sub-navigation.active { position: static; margin-top: -4.235801032rem; -webkit-animation: fadeInBlock 0.382s linear both; animation: fadeInBlock 0.382s linear both; }
.eeco-sub-navigation.inactive { -webkit-animation: fadeOutBlock 0.382s linear both; animation: fadeOutBlock 0.382s linear both; position: absolute; }
.eeco-sub-navigation h2 { text-align: center; font-size: 2.0225rem; font-family: "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; margin-bottom: 1.618rem; color: #666; }
.eeco-sub-navigation h2:after { display: block; content: "a"; width: 100%; height: auto; margin-bottom: 0.618rem; }
.eeco-sub-navigation ul { max-width: 960px; margin: 0 auto 1.618rem; text-align: center; }
.eeco-sub-navigation li { display: inline-block; vertical-align: top; margin: 0 0.5rem 1rem; position: relative; text-align: center; }
.eeco-sub-navigation li:before { display: block; content: ""; width: 100%; height: 90px; background: #f6996a url("images/eeco-subnav-placeholder.png") no-repeat; background-size: contain; }
.eeco-sub-navigation li:hover:before { outline: 2px solid #f26722; }
.eeco-sub-navigation li.page-item-10:before { background-image: url("images/eeco-ecolibrium-now.jpg"); }
.eeco-sub-navigation li.page-item-12:before { background-image: url("images/eeco-polly-earthtalks.jpg"); }
.eeco-sub-navigation li.page-item-14:before { background-image: url("images/eeco-i-dare-you-to-be-great.jpg"); }
.eeco-sub-navigation li.page-item-22:before { background-image: url("images/eeco-conifers-thumb.jpg"); }
.eeco-sub-navigation li.current_page_item a:link, .eeco-sub-navigation li.current_page_item a:visited, .eeco-sub-navigation li.current_page_item a:hover, .eeco-sub-navigation li.current_page_item a:active { color: #f26722; pointer-events: none; cursor: default; }
.eeco-sub-navigation li.current_page_item:before { background-color: #f26722; }
.eeco-sub-navigation a:link, .eeco-sub-navigation a:visited, .eeco-sub-navigation a:hover, .eeco-sub-navigation a:active { font: normal 1.25rem/1.4 "din-condensed-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; text-decoration: none; display: block; width: 160px; padding-top: 10px; }
.eeco-sub-navigation a:link, .eeco-sub-navigation a:visited, .eeco-sub-navigation a:hover, .eeco-sub-navigation a:active { color: #8c8c8c; }
.eeco-sub-navigation a:hover { color: #666; }

/*.w620 { width: 660px; }
div.sidebar-wrapper { width: 200px; background-color: #fff; }

ul, ol {
padding-bottom: 15px; ul, ol { &:last-of-type { padding-bottom: 0; } }
}*/
dl.definition { padding: 1.618em 1em; }

.widget h5 { padding-bottom: 0px; border-bottom: 1px solid #735e54; margin-bottom: 15px; }

.widget { margin-bottom: 10px; }

.f11 { color: #fff; }

.contentbox h5 { font-size: 1em; float: left; padding: 0.2em 0; margin-right: 1em; font-weight: bold; }

#topbg2 { display: none; }

center small a { display: none; }

.lead-img { width: 61.8%; height: auto; }

/* Content */
.home-call-to-action, .get-involved-guides, .what-you-can-do-section-two, .awards-section, .about-section, .donate-section, .about-heart-section, #main .eeco-hero-sections > div, .overview-section, .what-you-can-do-section, .supporters-section, .what-is-section, .law-human-rights-section, .mock-trial-section, .what-you-can-do-section-three, .media-video, #ecocide-act, #ecocide-directive, #peoples-process { box-sizing: border-box; border-top: 0.382em solid #f6996a; margin: 2.617924rem 0 0 0; padding: 1rem 0; text-align: left; }
.home-call-to-action + h2, .get-involved-guides + h2, .what-you-can-do-section-two + h2, .awards-section + h2, .about-section + h2, .donate-section + h2, .about-heart-section + h2, #main .eeco-hero-sections > div + h2, .overview-section + h2, .what-you-can-do-section + h2, .supporters-section + h2, .what-is-section + h2, .law-human-rights-section + h2, .mock-trial-section + h2, .what-you-can-do-section-three + h2, .media-video + h2, #ecocide-act + h2, #ecocide-directive + h2, #peoples-process + h2 { clear: left; }

.home-call-to-action, .get-involved-guides, .what-you-can-do-section-two, .awards-section, .about-section, .donate-section, .about-heart-section { float: left; width: 46%; }
.home-call-to-action:nth-of-type(odd), .get-involved-guides:nth-of-type(odd), .what-you-can-do-section-two:nth-of-type(odd), .awards-section:nth-of-type(odd), .about-section:nth-of-type(odd), .donate-section:nth-of-type(odd), .about-heart-section:nth-of-type(odd) { margin-right: 8%; }
@media screen and (max-width: 600px) { .home-call-to-action, .get-involved-guides, .what-you-can-do-section-two, .awards-section, .about-section, .donate-section, .about-heart-section { float: none; width: 100%; }
  .home-call-to-action:nth-of-type(odd), .get-involved-guides:nth-of-type(odd), .what-you-can-do-section-two:nth-of-type(odd), .awards-section:nth-of-type(odd), .about-section:nth-of-type(odd), .donate-section:nth-of-type(odd), .about-heart-section:nth-of-type(odd) { margin-right: 0; } }
.home-call-to-action a[href*="wp-content"], .get-involved-guides a[href*="wp-content"], .what-you-can-do-section-two a[href*="wp-content"], .awards-section a[href*="wp-content"], .about-section a[href*="wp-content"], .donate-section a[href*="wp-content"], .about-heart-section a[href*="wp-content"] { display: block; width: 100%; text-align: center; }
.home-call-to-action a[href*="wp-content"] img, .get-involved-guides a[href*="wp-content"] img, .what-you-can-do-section-two a[href*="wp-content"] img, .awards-section a[href*="wp-content"] img, .about-section a[href*="wp-content"] img, .donate-section a[href*="wp-content"] img, .about-heart-section a[href*="wp-content"] img { margin: auto; }

#main .eeco-hero-sections > div, .overview-section, .what-you-can-do-section, .supporters-section { float: left; width: 30%; }
#main .eeco-hero-sections > div:nth-of-type(3n+2), .overview-section:nth-of-type(3n+2), .what-you-can-do-section:nth-of-type(3n+2), .supporters-section:nth-of-type(3n+2) { margin-right: 4%; margin-left: 4%; }
#main .eeco-hero-sections > div:nth-of-type(3n+1), .overview-section:nth-of-type(3n+1), .what-you-can-do-section:nth-of-type(3n+1), .supporters-section:nth-of-type(3n+1) { clear: left; }
@media screen and (max-width: 600px) { #main .eeco-hero-sections > div, .overview-section, .what-you-can-do-section, .supporters-section { float: none; width: 100%; }
  #main .eeco-hero-sections > div:nth-of-type(3n+2), .overview-section:nth-of-type(3n+2), .what-you-can-do-section:nth-of-type(3n+2), .supporters-section:nth-of-type(3n+2) { margin-right: 0; margin-left: 0; }
  #main .eeco-hero-sections > div:nth-of-type(3n+1), .overview-section:nth-of-type(3n+1), .what-you-can-do-section:nth-of-type(3n+1), .supporters-section:nth-of-type(3n+1) { clear: none; } }

.home-call-to-action:nth-of-type(1), .home-call-to-action:nth-of-type(2), .get-involved-guides:nth-of-type(1), .get-involved-guides:nth-of-type(2) { margin-top: 1.618em; }

.what-is-section:nth-of-type(2), .law-human-rights-section:nth-of-type(2) { margin-top: 0; }

.home-polly-higgins + h2 { clear: both; }

/* Buttons */
.sidebar-sign-wish20 p a:link, .sidebar-sign-wish20 p a:visited { display: inline-block; border: 1px solid #f26722; padding: 0.618em; text-align: center; font-size: 1.618em; line-height: 1.618; padding: 0.286em 1em; border-radius: 0.382em; margin: 0em auto; background-color: #f28149; color: #fff; }

.sidebar-sign-wish20 p a:hover { background-color: #f27130; }

.sidebar-sign-wish20 p a:active { background-color: #f26722; position: relative; top: 1px; }

/* Content */
.page-id-193 iframe { display: block; margin: auto; width: 460px; height: 345px; }

/* Sidebar */
.sidebar-wrapper[style] { height: auto !important; }

/* Sidebar - Translations – Only show English translation on German page */
.sidebar-translate-english { display: none; }

.page-id-3140 .sidebar-translate-english { display: block; }

/* Sidebar - Wish20 */
.sidebar-sign-wish20 p { text-align: center; }

.sidebar-sign-wish20 img { width: 200px; margin-bottom: 1em; }

/* Sidebar – Heart to Heart */
.widget .heart-to-heart div { width: 160px; margin: 0 auto 1em; text-align: center; }

/* Overview – Ecocide Act */
#ecocide-act > ol > li:before, #ecocide-directive > ol > li:before, #ecocide-act > dl > dt:before, #ecocide-directive > dl > dt:before { font-weight: bold; font-size: 1.618em; color: #735e54; display: block; border-bottom: 0.286em solid #ffe3d3; padding: 0.618em 0; margin: 1em 0; }

#ecocide-act > ol > li > ol li:before, #ecocide-act > dl > dd > ol li:before, #ecocide-directive > ol > li > ol li:before, #ecocide-directive > dl > dd > ol li:before, #ecocide-act #part-1-section-3 li > ol li:before, #ecocide-act #part-2-section-2 > li > ol > li > ol li:before, #ecocide-act #part-3-section-1 > li > ol > li > ol li:before, #ecocide-act #part-3-section-1 > li#publicity-order > ol li:before, #ecocide-act #part-3-section-2 > li#costs-assessment > ol li:before, #ecocide-act #part-3-section-3 > li > ol > li > ol li:before, #ecocide-directive > ol > li > ol > li > ol li:before, #ecocide-directive #article-2-item-7 > ol li:before, #ecocide-directive #article-2-item-8 > ol li:before, #ecocide-directive #article-5-item-7 > ol li:before, #peoples-process li:before { font-weight: bold; color: #211706; min-width: 6.18em; }

#ecocide-act h1, #ecocide-directive h1, #peoples-process h1 { font-size: 2.618em; text-align: center; text-transform: uppercase; color: #735e54; }
#ecocide-act ol, #ecocide-act dl, #ecocide-act ul, #ecocide-directive ol, #ecocide-directive dl, #ecocide-directive ul, #peoples-process ol, #peoples-process dl, #peoples-process ul { margin-top: 1.618em; }
#ecocide-act > ol, #ecocide-act > dl, #ecocide-act > ul, #ecocide-act li, #ecocide-act dd, #ecocide-directive > ol, #ecocide-directive > dl, #ecocide-directive > ul, #ecocide-directive li, #ecocide-directive dd, #peoples-process > ol, #peoples-process > dl, #peoples-process > ul, #peoples-process li, #peoples-process dd { margin-bottom: 1.618em; }

#ecocide-act > ol, #ecocide-directive > ol { counter-reset: ecocide-counter-one 0; list-style: none; margin-left: 0; }
#ecocide-act > ol > li:before, #ecocide-directive > ol > li:before { counter-increment: ecocide-counter-one; margin-right: 0.618em; content: counter(ecocide-counter-one,decimal); }
#ecocide-act > dl, #ecocide-directive > dl { counter-reset: ecocide-counter-one 0; list-style: none; }
#ecocide-act > dl > dt:before, #ecocide-directive > dl > dt:before { counter-increment: ecocide-counter-one; margin-right: 0.618em; content: counter(ecocide-counter-one,decimal); }
#ecocide-act > dl > dt, #ecocide-directive > dl > dt { width: 100%; }
#ecocide-act > ol > li > ol, #ecocide-act > dl > dd > ol, #ecocide-directive > ol > li > ol, #ecocide-directive > dl > dd > ol { counter-reset: ecocide-counter-two 0; list-style: none; }
#ecocide-act > ol > li > ol > li:before, #ecocide-act > dl > dd > ol > li:before, #ecocide-directive > ol > li > ol > li:before, #ecocide-directive > dl > dd > ol > li:before { counter-increment: ecocide-counter-two; margin-right: 0.618em; content: "(" counter(ecocide-counter-two,lower-roman) ")"; }

#ecocide-act #part-1-section-2 { counter-reset: ecocide-counter-one 2; }
#ecocide-act #part-1-section-3 { counter-reset: ecocide-counter-one 7; }
#ecocide-act #part-2-section-1 { counter-reset: ecocide-counter-one 10; }
#ecocide-act #part-2-section-2 { counter-reset: ecocide-counter-one 11; }
#ecocide-act #part-3-section-1 { counter-reset: ecocide-counter-one 17; }
#ecocide-act #part-3-section-2 { counter-reset: ecocide-counter-one 31; }
#ecocide-act #part-3-section-3 { counter-reset: ecocide-counter-one 34; }
#ecocide-act #part-1-section-3 li > ol, #ecocide-act #part-2-section-2 > li > ol > li > ol, #ecocide-act #part-3-section-1 > li > ol > li > ol, #ecocide-act #part-3-section-1 > li#publicity-order > ol, #ecocide-act #part-3-section-2 > li#costs-assessment > ol, #ecocide-act #part-3-section-3 > li > ol > li > ol { counter-reset: ecocide-counter-six 0; list-style: none; }
#ecocide-act #part-1-section-3 li > ol > li:before, #ecocide-act #part-2-section-2 > li > ol > li > ol > li:before, #ecocide-act #part-3-section-1 > li > ol > li > ol > li:before, #ecocide-act #part-3-section-1 > li#publicity-order > ol > li:before, #ecocide-act #part-3-section-2 > li#costs-assessment > ol > li:before, #ecocide-act #part-3-section-3 > li > ol > li > ol > li:before { counter-increment: ecocide-counter-six; margin-right: 0.618em; content: "(" counter(ecocide-counter-six,lower-latin) ")"; }

#ecocide-directive > ol > li > ol > li > ol, #ecocide-directive #article-2-item-7 > ol, #ecocide-directive #article-2-item-8 > ol, #ecocide-directive #article-5-item-7 > ol { counter-reset: ecocide-counter-six 0; list-style: none; }
#ecocide-directive > ol > li > ol > li > ol > li:before, #ecocide-directive #article-2-item-7 > ol > li:before, #ecocide-directive #article-2-item-8 > ol > li:before, #ecocide-directive #article-5-item-7 > ol > li:before { counter-increment: ecocide-counter-six; margin-right: 0.618em; content: "(" counter(ecocide-counter-six,lower-latin) ")"; }
#ecocide-directive h3 { text-align: center; }

#peoples-process ol { counter-reset: ecocide-counter-one 0; list-style: none; }
#peoples-process ol > li:before { counter-increment: ecocide-counter-one; margin-right: 0.618em; content: counter(ecocide-counter-one,decimal); }
#peoples-process #s78A { counter-reset: ecocide-counter-two 1; list-style: none; }
#peoples-process #s78A > li:before { counter-increment: ecocide-counter-two; margin-right: 0.618em; content: counter(ecocide-counter-two,decimal); }
#peoples-process #s78A > li > ol { counter-reset: ecocide-counter-three 0; list-style: none; }
#peoples-process #s78A > li > ol > li:before { counter-increment: ecocide-counter-three; margin-right: 0.618em; content: "(" counter(ecocide-counter-three,lower-latin) ")"; }

.immediate-benefit { color: #339966; }

.future-benefit { color: #0000ff; }

.cat-a { color: #ff0000; }

.cat-b { color: #ff6600; }

.cat-c { color: #339966; }

.cat-d { color: #3366ff; }

/* WISH20 */
.wish20-sharing { list-style: none; margin: 0 !important; }

.wish20-sharing li { display: inline-block; margin: 0 1em 0 0 !important; vertical-align: middle; }
.wish20-sharing .twitter { position: relative; top: 4px; }

/* About */
/* Endorsements */
.supporter { clear: left; margin-bottom: 4.236em; }

.supporter + h2 { clear: left; }

.supporter blockquote { margin-left: 166px; min-height: 166px; }

.supporter img { float: left; margin-bottom: 2.618em; }

/* Media */
.media-video iframe { margin: auto; }

/* Awards */
.awards-section img { margin: auto; display: block; width: auto; height: 150px; }

/* Heart to Heart funding */

@-webkit-keyframes fadeInBlock{
 0%{ visibility: hidden; opacity: 0; }
 0.1%{ visibility: visible; opacity: 0; }
 100%{ visibility: visible; opacity: 1; } }

@keyframes fadeInBlock { 0% { visibility: hidden; opacity: 0; }
  0.1% { visibility: visible; opacity: 0; }
  100% { visibility: visible; opacity: 1; } }
@-webkit-keyframes fadeOutBlock{
 0%{ visibility: visible; opacity: 1; }
 99.9%{ visibility: visible; opacity: 0; }
 100%{ visibility: hidden; opacity: 0; } }
@keyframes fadeOutBlock { 0% { visibility: visible; opacity: 1; }
  99.9% { visibility: visible; opacity: 0; }
  100% { visibility: hidden; opacity: 0; } }
.ninja-forms-cont input[type="text"], .ninja-forms-cont textarea { text-align: left; }
.ninja-forms-cont input[type="submit"] { text-align: left; }
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 0.875; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }