/**
 * Highlight
 */

.opo-project-detail-image-highlight {
	display: block;
	width: 100%;
	margin: 0;
}

/**
 * Highlight alternative
 */

#largeMapCanvas {
	width: 100%;
	height: 180px;
}

@media screen and (min-width: 500px) {
	#largeMapCanvas {
		height: 250px;
	}
}

@media screen and (min-width: 1200px) {
	#largeMapCanvas {
		height: 340px;
	}
}

@media screen and (min-width: 1600px) {
	#largeMapCanvas {
		height: 490px;
	}
}

/**
 * images
 */

.opo-project-detail-image {
	display: block;
	width: 100%;
	margin-bottom: 1.5em;
}

/**
 * Dont show page h1
 */

.content > h1 {
	display: none;
}

/**
 * Title header
 */

.opo-pd-header {
	margin-bottom: 1.5em;
	padding: .4em 0;
	border-top: 1px solid #c7dfe9;
	border-bottom: 1px solid #c7dfe9;
	font-size: 1.2em;
	color: #133d8d;
}

.opo-pd-header * {
	display: inline-block;
	vertical-align: middle;
}

.opo-pdh-profile {
	float: right;
}

.opo-pdh-profile > div {
	height: 20px;
	width: 19px;
	margin-left: .5em;
}

.item-fairtrade.project-detail-tooltip,
.item-fairtrade.project-detail-tooltip:hover {
	background: url(../img/project-icons.png) 0 -599px
}

.item-environment.project-detail-tooltip,
.item-environment.project-detail-tooltip:hover {
	background: url(../img/project-icons.png) 0 -661px;
}

.item-equity.project-detail-tooltip,
.item-equity.project-detail-tooltip:hover {
	background: url(../img/project-icons.png) 0 -719px;
}

.map-img {
	width: 680px;
}

/**
 * Testimonial in detailpage
 */

.opo-project-detail .lp-testimonial blockquote {
	border-bottom: 0;
}

.opo-project-detail .lp-testimonial .quotee {
	margin-bottom: 2em;
	padding-top: .6em;
	border-top: 1px solid #c7dfe9;
	font-size: 12px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #1586be;
}

.opo-project-detail .lp-testimonial .quotee cite {
	font-style: normal;
}

@media screen and (min-width: 650px) {
	.opo-project-detail .lp-testimonial blockquote {
		padding-top: 2.6em;
	}

	.opo-project-detail .lp-testimonial p {
		font-size: 24px;
	}
}

/**
 * Sidebar
 */

.sidebarright h3 {
	font-size: 18px;
	margin: 0 0 0.8em;
}

.tc-tab {
	float: left;
	margin: 3px 0 0;
	padding: 7px 20px;
	font-size: 13px;
	color: #58709c;
	background-color: #e9f2f7;
	cursor: pointer;
}

.tc-tab.first {
	background-position: -10px 100%;
}

.tc-tab.active {
	margin-top: 0;
	padding: 9px 11px 7px;
	font-size: 14px;
	color: #113d8d;
	background: #d1e5ee;
}

.tc-content {
	overflow: hidden; /** IE7 gap between tabs and content */
	clear: left;
	padding: 15px 10px 0;
	background: #d1e5ee;
}

dl {
	margin-bottom: 10px;
}

dt, .pdspo__heading {
	font-size: 12px;
	color: #333;
}

dd {
	margin-bottom: .6em;
	padding: .35em 0 .7em;
	border-bottom: 1px solid #e9f2f7;
	color: #113d8d;
}

dd:last-child,
dd.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.pdspo__heading {
	border-top: 1px solid #e9f2f7;
	padding-top: 1.1em;
}

.dl-checker {
	padding: 0 0 0.7em 20px;
	color: #113d8d;
	background: url(../img/oikoproject-sprite.png) no-repeat 0 -175px;
}

.meter {
	box-sizing: border-box;
	position: relative;
	height: 23px;
	width: 100%;
	padding: 1px;
	background: #fff;
}

.meter > span {
	position: relative;
	display: block;
	height: 100%;
	max-width: 99% !important;
	padding-left: 1%;
	text-align: center;
	font-size: 13px;
	color: #333;
	background: #a2be15;
}

.opopd-revision-date {
	display: block;
	margin-top: 3px;
	margin-bottom: 3em;
	font-size: 12px;
	color: #999;
}

.opopd-revision-dateDate {
	display: inline-block;
	white-space: nowrap;
}

/**
 * Download PDF
 */

.content .opo-pd-download-pdf {
	display: block;
	padding-left: 24px;
	font-size: 17px;
	line-height: 26px;
	text-decoration: none;
	background: url(../img/icon-pdf.png) no-repeat 0 4px;
}

/**
 * Tooltips
 */

.project-detail-tooltip {
	display: inline-block;
	width: 14px;
	height: 14px;
}

.tabbed-content .project-detail-tooltip:after {
	content: '\2139'; /** .icon-info */
	font-size: 14px;
	color: #113d8d;
}

.tabbed-content .project-detail-tooltip.hover:after {
	color: #c6285f;
}

.project-detail-tooltip-body {
	position: absolute;
	z-index: 300;
	display: none;
	width: 200px;
	margin-left: -150px;
	padding: 15px;
	border: 1px solid #d1d7dc;
	font-size: 12px;
	color: #000;
	background: #fff7e9;
	box-shadow: 0 0 3px rgba(0,0,0,0.2)
}

.project-detail-tooltip-body:after {
	position: absolute;
	bottom: -25px;
	left: 145px;
	border: 10px solid transparent;
	border-top: 15px solid #fff7e9;
	content: '';
}

.project-detail-tooltip-body:before {
	position: absolute;
	bottom: -27px;
	left: 145px;
	border: 10px solid transparent;
	border-top: 15px solid rgba(0,0,0, 0.1);
	content: '';
}

.project-detail-tooltip.hover .project-detail-tooltip-body {
	display: block;
}

/**
 * Small map
 */

#smallMapCanvas {
	width: 100%;
	height: 220px;
	margin-bottom: 1.5em;
}

/**
 *  Variant tweaks
 */
.variant--landing .opo-project-detail-image-highlight {
	max-width: 1100px;
	margin: auto;
}

@media screen and (min-width: 650px) {
	.variant--partnerDetail .opo-project-detail-image-highlight {
		visibility: hidden;
	}
}