/*
Theme Name: Ecojustice (2016)
Theme URI:
Author: Pixelpress / EUX
Author URI: http://www.ethicalux.com
Version: 2.0
*/ 

/* Donate Seasonal Button Color change */
/* When we remove this style, it will become green again */
/* ul.action li a, #footer .promo-btn {
	background: #b32317;
 }
*/
/* main elements */
#text-3 .header{
    display:none !important;
}
.ix ul li a.selected {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 white;
    border-color: gainsboro gainsboro white;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #313131;
    margin-bottom: -2px;
}
#navigation li a:hover {
    color: #709302;
}
[role*="navigation"] .action li.active a {
    color: white;
}
@media (min-width: 1280px){
    [role*="navigation"] .action li a {
    padding: 11px 13.5px;
    }
}
.stButton{margin:0 !important;}
.stButton .sharethis {
    background-image: none !important;

}
.stButton .chicklets {
   padding: 0 !important;
   font-size: 14px !important;
}
.st_sharethis{
    color:#257492;
    cursor: pointer;
}
.button .st_sharethis{
    color:#fff;
    cursor: pointer;
}
.button{
    padding-top: 12px;
}
.ix-footer .button{
    padding-bottom: 12px;
    padding-top: 14px;
}
.subnav ul li.active {
    margin-bottom: -1px;
}
.subnav ul li.active a {
    background: none repeat scroll 0 0 #313131;
    border-bottom: 1px solid #313131;
    color: white;
}
[role*="navigation"] li.active a {
    color: #ada07a;
}
.grid .item a .meta {
    color:#667c72;
}
.row.quad.team .col{
    padding-bottom: 0px;
}
.navigation .next{
    float: right;
}
.navigation .prev{
    float: left;
}
form.search input.button{
    width:130px;
    background: #709302;
}
form.search input.button:hover{
    background: #5d7a02;
}
form.search input[type="text"]{
    padding: 10px;
}
.newsletter input[type="submit"] {
    margin-left: 5px;
    top: -3px;
    width: 104px;
}
.alt input[type="submit"] {
    top: -3px;
    width: 104px;
    background: #709302;
    border-color: #597501;
}
#twitter-widget-0{
    max-height: 110px;
}
.fb-like-box-cont{overflow: hidden;height: 165px; width:300px;position:relative;}
.before-fb{
z-index: 1;
width: 300px;
height: 55px;
position: absolute;
background: #7fb9cf;
color: white;
}
.before-fb .icon-facebook{
font-size:30px;
}
.before-fb .label{

}

.fb-border-cont{
position: absolute;
width: 100%;
height: 106px;
top: 57px;
left: 2px;
}
.fb-border-cont div{
width: 52px;
height: 52px;
margin: 1px 1px 0 0;
float: left;
border: solid 1px white;
}

.fb-like-box{margin-top: -40px;margin-left: -7px;}


.grid .item {
    min-height: 500px;
    position: relative;
}
.grid .item > a{
display: block;
width: 100%;
height: 100%;
position: absolute;
cursor: pointer;
z-index: 10;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

.grid .item .pdf-icon{
z-index: 11;
position: relative;
}

.widget_related_posts_misc_widget h5{
    margin: 20px 0 10px;
}

.button.margin-left{margin-left: 15px;}

.grid .item .desc {
    padding-bottom: 22px;
}
.grid .item .desc p{font-size: 18px;}
.grid .item.has-pdf .desc p:first-child{min-height: 70px;}
.close{
    position: absolute;
   right: 7px;
    top: -3px;
}
.team.senary a span{
    color: #667c72;
}
.home .cluster .panel:hover{
    opacity: 0.5;
}
.home .cluster a .panel h5, .home .cluster a .panel h3{
    color: white;
}
.pull-right{
    float: right !important;
}
.post-comments{
    overflow:hidden;
}
.fb-comments{
    float:left;
}
.grid.sidebar .item {
    width: 100%;
}
.rss-icon{
    background: url("assets/images/rss-icon.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    height: 64px;
    text-indent: -9999px;
    width: 64px;
}

.button-share {
  font-size: 13px;
  padding: 0;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF709302', endColorstr='#FF232E01');
  background-color: #257492;
  border: 0;
  color: white;
  font-size: 13px;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 4px;
  border-bottom: 3px solid #1d5c74;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; }
  .button-share:hover {
    text-decoration: none; }
  .button-share:hover {
    background-color: #5d7a02; }
  .button-share:active {
    background-color: #516b01; }
  .button-share.disabled, .button[disabled] {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    background: false;
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .button-share::-moz-focus-inner {
    padding: 0 !important;
    margin: -1px !important; }
.button-share .st_sharethis{
    padding: 12px 14px 14px;
    display:block;
    color: white;
}

@media (max-width: 927px){
    .search .button {
        margin-top: 10px;
    }
}

@media all and (min-width: 400px), (max-width: 300px) {
    .fb-8{
        display: none !important;
    }
}

@media all and (min-width: 500px), (max-width: 400px) {
    .fb-7{
        display: none !important;
    }
}
@media all and (min-width: 600px), (max-width: 500px) {
    .fb-6 {
        display: none !important;
    }
}
@media all and (min-width: 700px), (max-width: 600px) {
    .fb-5 {
        display: none !important;
    }
}
@media all and (min-width: 800px), (max-width: 700px) {
    .fb-4 {
        display: none !important;
    }
}
@media all and (min-width: 900px), (max-width: 800px){
    .fb-3 {
        display: none !important;
    }
}
@media all and (min-width: 1000px), (max-width: 900px){
    .fb-2 {
        display: none !important;
    }
}
@media all and (max-width: 1000px) {
    .fb-1 {
    display: none !important;
    }
}
@media (min-width: 0px) and (max-width: 599px) {
    .ix ul li {
        width: 32%;
    }
    .col {
        padding-bottom: 20px;
    }
}

@media (min-width: 0px) and (max-width: 480px) {
      .ix ul li {
       clear:both;
       width:100%;
    }
}

@media (min-width: 769px) and (max-width: 899px) {
    .cluster .pane {
      width: 33.33333%;
      height: 32.999vw; }
    .page-template-template-people-php .cluster .pane .hide-phone {
      display: inline !important; }
    .page-template-template-people-php .cluster .pane .hide-tablet {
      display: none !important; }
    .page-template-template-people-php .cluster .pane {
      height: 100%; }
    .page-template-template-people-php .cluster .pane h3 {
      font-size: 1em; }
    .page-template-template-people-php .cluster .pane .panel {
      padding-top: 50%; }
    .cluster .panel.b {
      padding-top: 50%;
      width: 100%; }
    .page-template-template-people-php .cluster .panel.a {
      padding-top: 100%; }
    .page-template-template-people-php .cluster .panel.b {}
      .cluster .panel.b.donate{
        display: none;
      }
    .cluster .panel.c {
      padding-top: 50%;
      width: 100%; }
    .page-template-template-people-php .cluster .panel.c {}
    .cluster .panel.d {
      padding-top: 100%;
      width: 50%; }
    .cluster .panel.e {
      padding-top: 25%;
      width: 50%; }
}
@media (max-width: 700px) {
    .cluster .pane {
      width: 100%;
      height: 32.999vw; }
    .page-template-template-people-php .cluster .pane,
    .cluster .panel.f {
      width: 100%;
      height: 25%; }
    .page-template-template-people-php .cluster .panel.a {
      padding-top: 50%; }
    .cluster .panel.d {
      padding-top: 100%;
      width: 100%; }
    .cluster .panel.b,
    .page-template-template-people-php .cluster .panel.b,
    .cluster .panel.c,
    .page-template-template-people-php .cluster .panel.c,
    .cluster .panel.e {
      padding-top: 50%;
      width: 100%; }
}

/* --------- NEW COMMENTS 6.14 SECTION LTD ---------*/
.comments-area {
	max-width: 474px;
	padding: 10px 10px;
}
label {
    /*.comment;*/
    font-size: .7em;
}
.comment-reply-title,
.comments-title {
	font-family: "ff-dagny-web-pro",Helvetica Neue, Helvetica, Arial, sans-serif;
	margin: 10px 0px;
 	font-size: 1em;
 	font-weight: 500;
}

.comment-list {
	list-style: none;
}

.comment-author {
	font-size: 1em;
	line-height: 1.7142857142;
}


/*
.comment-list .reply,
.comment-metadata {
	font-size: .7em;
	line-height: 2;
	text-transform: uppercase;
}
*/



.comment-author .fn {
	font-weight: 900;
}

.comment-author a {
	color: #2b2b2b;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
	color: #767676;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #41a62a;
}

/*
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	padding-top: 24px;
}
*/

.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
	border-top: 0;
}

.comment-author {
	position: relative;
}

/*
.comment-author .avatar {
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 18px;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
}
*/

.bypostauthor > article .fn:before {
	content: "\f408";
	margin: 0 2px 0 -2px;
	position: relative;
	top: -1px;
}

.says {
	display: none;
}
/*
.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
	padding-left: 30px;
}
*/





.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 24px 22px;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}


/*
.comment-content > :last-child {
	margin-bottom: 0;
}
*/
/*
.comment-list .children {
	list-style: none;
	margin-left: 15px;
}
*/



.comment .comment-respond {
	margin-top: 24px;
}

.comment-respond h3 {
	margin-top: 0;
	margin-bottom: 24px;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
	color: #767676;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
	font-size: 14px;
	line-height: .8em;
}

.no-comments {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.5;
	margin-top: 24px;
	text-transform: uppercase;
}

.comment-form label {
	display: block;
}


.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 100%;
    border: 1px solid #597501;
    border-radius: 2px;
    padding: 10px;
}

.form-allowed-tags,
.form-allowed-tags code {
	display:none;
	font-size: 12px;
	line-height: 1.5;
}

.required {
	color: #c0392b;
}

.comment-reply-title small a {
	color: #2b2b2b;
	float: right;
	height: 24px;
	overflow: hidden;
	width: 24px;
}

.comment-reply-title small a:hover {
	color: #41a62a;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
}

.comment-navigation {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 48px;
	text-transform: uppercase;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	display: inline-block;
}

.comment-navigation .nav-previous a {
	margin-right: 10px;
}

#comment-nav-above {
	margin-top: 36px;
	margin-bottom: 0;
}


/* --------- END NEW COMMENT SECTION LTD ---------*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.image-right,
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.image-left,
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.image-center,
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.image-right,
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.image-none,
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.image-left,
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.image-center,
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.no-top-margin{
    margin-top: 0!important;
}
.no-bottom-margin{
    margin-bottom: 0!important;
}
.no-top-padding{
    padding-top: 0!important;
}
.no-bottom-padding{
    padding-bottom: 0!important;
}

/* --------- NEW TEST CSS ---------*/
.item .flip .front:hover {
    transform: rotateY(180deg);
}
.item .flip .back:hover {
    transform: rotateY(-180deg);
}



/*
Added by DH Feb 18, 2015 to limit line-height of People's page navigation. Specifically, makes line wrapping of L&S less tall.
*/
ul.options.no-border li a{
	line-height: 1.3em;
}