@font-face {
  font-family: 'oppla_icons';
  src: url("fonts/oppla.eot?19763518");
  src: url("fonts/oppla.eot?19763518#iefix") format("embedded-opentype"), url("fonts/oppla.woff?19763518") format("woff"), url("fonts/oppla.ttf?19763518") format("truetype"), url("fonts/oppla.svg?19763518#oppla") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'oppla_icons_2';
  src: url("fonts/oppla2.eot?28320371");
  src: url("fonts/oppla2.eot?28320371#iefix") format("embedded-opentype"), url("fonts/oppla2.woff2?28320371") format("woff2"), url("fonts/oppla2.woff?28320371") format("woff"), url("fonts/oppla2.ttf?28320371") format("truetype"), url("fonts/oppla2.svg?28320371#oppla2") format("svg");
  font-weight: normal;
  font-style: normal;
}

.view-oppla-case-studies,.oppla-case-study-teaser-row {max-width: 650px}
.oppla-case-study-teaser-row:after {content: ""; display: table; clear: both; height: 20px}
.oppla-case-study-teaser-image {width: 200px; float: right; margin: 0 0 15px 15px}
.oppla-case-study-teaser-image a:after {content: none !important}
.oppla-case-study-teaser-image-inner {width: 100%}
.oppla-case-study-search-block button {background: gray !important}
.oppla-spaced-paragraph {margin: 5px 0}
.oppla-case-study-teaser-row .views-field-product-type span {font-size: 0}
.oppla-case-study-teaser-row .views-field-product-type span:after {font-family: oppla_icons_2; font-size: 20px; color: #6D6E71; margin: 0 0.115em}
.oppla-case-study-teaser-row .views-field-product-type span[title="Consultancy"]:after {content: ""}
.oppla-case-study-teaser-row .views-field-product-type span[title="Dataset"]:after {content: ""}
.oppla-case-study-teaser-row .views-field-product-type span[title="Document"]:after {content: ""}
.oppla-case-study-teaser-row .views-field-product-type span[title="Event"]:after {content: '\e806'}
.oppla-case-study-teaser-row .views-field-product-type span[title="Guidance"]:after {content: '\e807'}
.oppla-case-study-teaser-row .views-field-product-type span[title="Software"]:after {content: '\e808'}
.oppla-case-study-teaser-row .views-field-product-type span[title="Training"]:after {content: '\e809'}
.page-oppla-products input[type="checkbox"] {
	-webkit-appearance: checkbox !important;
	-moz-appearance: checkbox !important;
	appearance: checkbox !important;
	height: auto !important;
	width: auto !important;
	display: inline !important;
}
.page-oppla-products .form-checkboxes {height: auto !important}
.page-oppla-products .views-exposed-widget:not(.views-submit-button):not(.views-reset-button) {width: 100%}
.page-oppla-case-studies input[type="checkbox"] {
	-webkit-appearance: checkbox !important;
	-moz-appearance: checkbox !important;
	appearance: checkbox !important;
	height: auto !important;
	width: auto !important;
	display: inline !important;
}
.page-oppla-case-studies .form-checkboxes {height: auto !important}
.page-oppla-case-studies .views-exposed-widget:not(.views-submit-button):not(.views-reset-button) {width: 100%}
.page-nature-based-enterprises input[type="checkbox"] {
	-webkit-appearance: checkbox !important;
	-moz-appearance: checkbox !important;
	appearance: checkbox !important;
	height: auto !important;
	width: auto !important;
	display: inline !important;
}
.page-nature-based-enterprises .form-checkboxes {height: auto !important; border: 0 !important; padding: 0 !important}
.page-nature-based-enterprises .views-exposed-widget:not(.views-submit-button):not(.views-reset-button) {width: 100%}
.page-nature-based-enterprises .form-checkboxes label {display: inline}
.page-nature-based-enterprises .form-checkboxes .form-item {margin-bottom: 5px}
.page-nature-based-enterprises #edit-combine-wrapper {margin-bottom: 10px}
.page-nature-based-enterprises fieldset.collapsible.collapsed legend {cursor: pointer}
.page-nature-based-enterprises fieldset.collapsible.collapsed legend .panel-title:after {content: ""; float: right; font-family: oppla_icons}
.page-nature-based-enterprises .views-field-field-logo {margin: 10px 0}
.page-nature-based-enterprises .views-row {margin-bottom: 20px; padding: 20px; border: 1px solid #DDDDDD; border-radius: 5px}
.page-nature-based-enterprises .views-row h2 {margin-top: 0}
.view-oppla-case-studies,.view-oppla-products,.view-individual-oppla-product,.view-nature-based-enterprises {margin: 0 !important}
.page-oppla-products .bef-select-as-checkboxes {max-height: 200px !important; overflow: auto}
.oppla-product-row,.oppla-case-study-row {margin: 0 10%}
.oppla-product-row .views-field-host,.oppla-case-study-row .views-field-host {margin: 20px 0}
.oppla-product-image {margin: 0 0 20px 0}
.oppla-product-rhs-row {
	background-color: #DDDDDD;
	padding: 20px;
	font-size: 10pt;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.oppla-product-rhs-row .get .btn {background-color: white; font-size: 20pt; margin-top: 0 !important}
.oppla-product-rhs-row .views-field:not(.oppla-product-no-box) {background-color: white; padding: 10px 20px; margin: 10px 0}
.page-oppla-case-study .views-field-body {margin-top: 20px}
.view-enterprise-case-studies,.view-enterprise-product {margin-top: 50px}
.view-city-case-studies:after {content: ""; display: table; clear: both}

.view-city-case-studies h2 {
	margin-top: 40px;
}
.view-city-case-studies .view-content {
	margin: 0 -15px;
}
.view-city-case-studies .views-row {
	margin: 15px 0;
	height: 250px;
}
.view-city-case-studies .views-row .views-field {
	height: 100%;
}
.view-city-case-studies .views-row .field-content {
	overflow: hidden;
	position: relative;
	display: block;
	height: 100%;
}
.view-city-case-studies .views-row .field-content img {
	width: 100%;
	height: inherit;
	object-fit: cover;
}
.view-city-case-studies .views-row .field-content .text-content {
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 6px 12px 12px 12px;
	background-color: rgba(255,255,255,0.7);
}
.view-city-case-studies .views-row .field-content .text-content h2 {line-height: 1.1;
	margin: 0 0 10px 0;
}
.view-city-case-studies .views-row .field-content .text-content h2 a {
	color: #4f4e4d !important;
	font-size: 21px;
    line-height: 1.1;
	text-decoration: none;
}

.view-city-case-studies .views-row .field-content .text-content h2 a:hover  {text-decoration: underline;}

.view-city-case-studies .views-row .field-content .text-content .btn-sm {
  position: absolute;
  margin: 0;
  bottom: 15px;
  right: 15px;
  color: #4f4e4d;
  border-color: #4f4e4d;
}

.views-field-table-1---ecosystem-services {background-color: #DDDDDD; padding: 20px; margin: 20px 0 0 0}
.views-field-table-1---ecosystem-services h3 {margin: 0 0 20px 0}
.views-field-table-1---ecosystem-services .list-fields {margin: 20px 0 40px 20px}
.views-field-table-1---ecosystem-services h5 {font-weight: bold; margin: 20px 0 10px 0}

.views-field-table-2---nbs-multiple-benefits {background-color: #DDDDDD; padding: 20px; margin: 20px 0 0 0}
.views-field-table-2---nbs-multiple-benefits h3 {margin: 0 0 20px 0}
.views-field-table-2---nbs-multiple-benefits .list-fields {margin: 20px 0 40px 20px}
.views-field-table-2---nbs-multiple-benefits h5 {font-weight: bold; margin: 20px 0 10px 0}

.view-nature-based-enterprises.view-display-id-block_1 header {display: none}
.block.bottom-row div {min-height: 300px; max-height: 300px}
.block.enterprise {padding-right: 30px}
.front .block-easy-social {margin-top: 40px}

@media (max-width: 575px) {
	.block.enterprise {padding: 0}
	.front .block.event {margin-top: 20px}
	.front .block.event div {max-height: none}
}

.view-city-case-studies-page {margin: 0}