/**********************************************
	COMPANY
***********************************************/


.company-profile-title {background-color:#f9cd00;}
	.page-title-bar > .content-block {max-width:900px;}
	.page-title-bar h1 {text-align:center; padding:40px; z-index:2; position:relative; text-transform:uppercase;color:#FFF;}
	.company-profile-title .see-all-profiles {
	  background-color: #f9cd00;
	  border-radius: 200px;
	  bottom: -34px;
	  color: #333333;
	  display: block;
	  font-size: 10px;
	  font-weight: bold;
	  height: 34px;
	  line-height: 100%;
	  margin: -100px auto auto;
	  padding: 70px 12px 0;
	  position: relative;
	  text-align: center;
	  text-transform: uppercase;
	  vertical-align: bottom;
	  width: 80px;
	  z-index: 1;
	}
	
	/* COMANY OVERVIEW */
	.content-wrapper.company-details-wrapper {
	  background-color: #ffffff;
	  overflow: hidden;
	  padding: 40px 40px 0;
	  border-left:1px solid #eeeeee;
	}
	.content-block.company-details > div {
	  float: left;
	  margin: 0;
	  padding: 20px 0;
	  width: 50%;
	  min-height:300px;
	}
	.logo-wrapper {
	  background-position: center center;
	  background-repeat: no-repeat;
	  background-size: 50% auto;
	}
	
	.company-details dl {
	  float: left;
	  font-size: 90%;
	  line-height: 1em;
	  width: 50%;
	  padding-top: 20px;
	}
	
	/* COMMITMENT DETAILS */
	.content-wrapper.commodity-context-wrapper {
	  background-color: #f0efed;
	  padding: 0 17px 0 63px;
	}
	
	.commodity-context .commitment-menu {
	  margin: auto;
	  max-width: 480px;
	}
	
	.company-commitments > h1 {
	  font-size: 60px;
	  padding: 50px 0 60px;
	  text-align: center;
	  text-transform: uppercase;
	}
	
	.commitment-segments {
	  border-bottom: medium dotted #887965;
	  display: table;
	  margin: -20px 0 30px;
	  padding-bottom: 0;
	}
	
	.commitment-segments > div {
	  border: 20px solid rgba(0,0,0,0);
	  display: table-cell;
	  vertical-align: top;
	  width: 33%;
	  float:none;
	}
	
	.commitment-segments h5 {
	  border-top: medium dotted;
	  padding-top: 20px;
	}
	
	.commitment-segments .commitment-bullet {width:280px; height:280px;}
	.commitment-segments .commitment-bullet span {
	  max-height: 140px;
	  max-width: 180px;
	}
	
	.third-party-ranking > div {
	  background: none repeat scroll 0 0 #ffffff;
	  padding: 20px;
	}
	
	.third-party-ranking h5 {border-top:none; padding-top:0; height:3em;}
	
	.progress-percent {
	  font-size: 120px;
	  font-weight: bold;
	  line-height: 120px;
	  margin-top: -30px;
	  padding-bottom: 20px;
	}
	
	.commitment-segments .commitment-bullet strong {
	  display: block;
	  font-size: 60px;
	  line-height: 75px;
	}
	.company-commitments .read-more {
	  font-size: 16px;
	  max-width: 280px;
	}

	.total-purchased-volume, .total-certified-volume {
	  font-size: 18px;
	  font-weight: bold;
	  line-height: normal;
	  padding-bottom: 30px;
	}
	
	.third-party-ranking dt {
	  font-size: 14px;
	}
	
	.third-party-ranking dd {
	  color: #333333;
	  font-size: 14px;
	  font-weight: bold;
	  margin-bottom: 15px;
	}
	.score_range:before {
	  content: " out of ";
	  font-size: 12px;
	}
	
	.no-recorded-progress {
	  font-size: 30px;
	  line-height: 100%;
	  max-width: 920px;
	  padding: 165px 0;
	  position: absolute;
	  text-align: center;
	  width: 100%;
	  z-index: 2;
	}
	
	.content-wrapper.third-party-context-wrapper {
	  background-color: #F9F8F6;
	  clear: both;
	  overflow: hidden;
	  padding: 0 17px 0 63px;
	}
	.third-party-context-wrapper h5, .third-party-context-wrapper dl {
	  float: left;
	  padding: 40px 3% 0 0;
	  width: 22%;
	  line-height:130%;
	}
	.third-party-context-wrapper dl {
		font-size: 14px;
	}
	#third-party-rankings > *:nth-child(4n+1) {
	  clear: left;
	}
	#third-party-rankings dd {
	  color: #333;
	  font-weight: bold;
	}
	#third-party-rankings {
	  overflow: hidden;
	  padding-bottom: 40px;
	}
	
	
	@media screen and (max-width: 900px){
		.no-recorded-progress {
			font-size:20px;
			line-height:24px;
			width:80%;
			padding:100px 0 100px;
		}
		
		.third-party-context-wrapper h5, .third-party-context-wrapper dl {
		  float: left;
		  padding: 40px 2% 0 0;
		  width: 48%;
		  line-height:130%;
		}
		
		div.all-company-listing-block, .content-wrapper.third-party-context-wrapper, .company-resources , .content-wrapper.commodity-context-wrapper {
			padding:0 40px;	
		}
		
	}
	
	table.no-progress-points {
	  opacity: 0.5;
	}

/* PROGRESS AND CHARTS */
.content-block.commodity-context {
  padding: 30px 0 10px;
}

.progress-graph-wrapper > h5, .company-commitment-criteria > h5 {
  padding-bottom: 20px;
}

.company-resources {
  float: left;
  max-width: 380px;
  min-width: 200px;
  padding: 30px 0 30px 63px;
}
	.company-resources > h3 {color:#FFF; padding:0 0 25px; font-size:28px;}
	.company-resources article {width:100%;}
	.company-resources li {list-style:none; }
	.company-resources li > a {
	  background-image: url("/img/icons/arrow_right_white.png");
	  background-position: right top;
	  background-size: 16px 16px;
	  color: #4c3d1e;
	  display: inline-block;
	  font-size: 16px;
	  font-weight: bold;
	  margin-bottom: 15px;
	  padding: 0 25px 0 0;
	}

/***** COMPANY GRAPH *****/
	.progress-graph-wrapper {
	  clear: both;
	}
	.progress-graph table {width:100%;}
	.y-markers {height:340px;}
	.y-markers > span {
	  display: block;
	  font-size: 12px;
	  height: 20%;
	  position: relative;
	  text-align: right;
	  top: -6px;
	}
	.y-markers.second-y-axis > span {
	  text-align: left;
	}
	.progress-graph table td.x-axis {
	  text-align: center;
	  vertical-align: top;
	  font-size:14px;
	}

	.progress-graph table td {padding:5px; vertical-align:bottom;}
	.graph-segment-frame {width:100%; height:340px; background-color:#fff; position:relative;}
	.graph-segment-progress {position:absolute; width:100%; bottom:0; left:0; background-color:#887965; z-index:2;}
	
	.graph-segment-milestones {
	  border-left: medium dotted #f9cd00;
	  font-size: 14px;
	  height: 100%;
	  left: 50%;
	  position: absolute;
	  top: -20px;
	  white-space: nowrap;
	  width: auto;
	}
	.graph-segment-milestones > span {
	  
	  background-position: left center;
	  background-repeat: no-repeat;
	  background-size: contain;
	  font-weight: bold;
	  height: 16px;
	  left: -11px;
	  
	  position: relative;
	  top: -6px;
	  background-color:#f0efed;
	}
	.graph-segment-milestones > span > * {
		background-image: url("/img/bgs/special/milestone_unknown.png");
		padding-left: 25px;
		background-size:18px;
	}
	.graph-segment-milestones > span > .met_status_yes {
		background-image: url("/img/bgs/special/milestone_met.png");
	}
	.graph-segment-milestones > span > .met_status_partially, .graph-segment-milestones > span > .met_status_partly {
		background-image: url("/img/bgs/special/milestone_partially_met.png");
	}
	.graph-segment-milestones > span > .met_status_no {
		background-image: url("/img/bgs/special/milestone_not_met.png");
	}
	.graph-year.goal-year {
	  color: #887965;
	  font-weight: bold;
	}

/* Company Commitment Criteria */
.company-commitment-criteria {
  overflow: hidden;
}


/****************************************
 main.css OVERRIDES
****************************************/

.news-wrapper {padding-bottom:40px;}

/****************************************
COMMODITY DEPENDENT OVERRIDES
****************************************/
	/*PALM*/
	.company-commitment-criteria.commodity-view-palm .commitment-icon,
	.commodity-view-palm .commitment-bullet,
	.commodity-view-palm .graph-segment-progress {
		background-color:#578c7e;	
	}
	.commodity-view-palm h1, 
	.commodity-view-palm h5 {
	  color: #578c7e;
	}
	
	.commodity-view-palm .commitment-segments {border-color:#578c7e;}
	
	/*SOY*/
	.company-commitment-criteria.commodity-view-soy .commitment-icon,
	.commodity-view-soy .commitment-bullet,
	.commodity-view-soy .graph-segment-progress {
		background-color:#a5ce39;	
	}
	.commodity-view-soy h1, 
	.commodity-view-soy h5 {
	  color: #a5ce39;
	}
	.commodity-view-soy .commitment-segments {border-color:#a5ce39;}
	
	/*TIMBER*/
	.company-commitment-criteria.commodity-view-timber--pulp .commitment-icon,
	.commodity-view-timber--pulp .commitment-bullet,
	.commodity-view-timber--pulp .graph-segment-progress {
		background-color:#c77c1e;	
	}
	.commodity-view-timber--pulp h1, 
	.commodity-view-timber--pulp h5 {
	  color: #c77c1e;
	}
	.commodity-view-timber--pulp .commitment-segments {border-color:#c77c1e;}
	
	/*CATTLE*/
	.company-commitment-criteria.commodity-view-cattle .commitment-icon,
	.commodity-view-cattle .commitment-bullet,
	.commodity-view-cattle .graph-segment-progress {
		background-color:#f9ae19;	
	}
	.commodity-view-cattle h1, 
	.commodity-view-cattle h5 {
	  color: #f9ae19;
	}
	.commodity-view-cattle .commitment-segments {border-color:#f9ae19;}
	
	
	/*COCOA*/
	.company-commitment-criteria.commodity-view-cocoa .commitment-icon,
	.commodity-view-cocoa .commitment-bullet,
	.commodity-view-cocoa .graph-segment-progress {
		background-color:#CA3939;	
	}
	.commodity-view-cocoa h1, 
	.commodity-view-cocoa h5 {
	  color: #CA3939;
	}
	.commodity-view-cocoa .commitment-segments {border-color:#CA3939;}