/* FONTS */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700&display=swap');

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

* {
  box-sizing: border-box;
}

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

body {
  line-height: 1.3;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #0d3c58;
}

/* General default styles */

#content ol, #content ul {
  /*margin-left: 25px;*/
}

#content ol {
  list-style-position: inside;
}

#content ul {
  list-style: none;
}

#content ul:not(.contextual-links):not(.pager) li::before {
  content: '\f111';
  font-family: 'Font Awesome 5 Pro';
  font-weight: bold;
  font-size: 12px;
  color: #f6a021;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 4px;
  margin-right: 7px;
}

#content li {
  line-height: 1.4;
  padding-left: 25px;
  position: relative;
}

#content img {
  max-width: 100%;
  height: auto;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 20px 0;
}

table th {
  background: #ebe9e7;
  border-bottom: 2px solid #0d3c58;
  padding: 10px;
  font-weight: 500;
}

table td {
  padding: 10px;
  border-bottom: 1px solid #ebe9e7;
}

strong {
  font-weight: 700;
}

i, em {
  font-style: italic;
}

p {
  margin: 15px 0;
}

u {
  text-decoration: underline;
}

.caption {
  color: #017879;
  font-style: italic;
  font-size: 14px;
  margin-top: 15px;
  text-align: right;
  padding-left: 50px;
}

a {
  color: #0d3c58;
  display: inline-block;
  text-decoration: underline;
}

a:hover {
  color: #f6a021;
}

a.primary-link {
  text-transform: uppercase;
  font-weight: 600;
  color: #017879;
  margin: 10px 0;
  text-decoration: none;
}

a.primary-link::after {
  content: '\f356';
  display: inline-block;
  font-family: 'Font Awesome 5 Pro';
  font-weight: bold;
  margin-left: 10px;
  color: #f6a021;
}

a.primary-link:hover {
  color: #f6a021;
}

/* Form elements */

.form-item, .form-actions {
  margin: 0;
}

input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
  line-height: 1.2;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #0d3c58;
  padding: 10px;
  border: 2px solid #dadada;
  width: 100%;
  outline: none;
  box-shadow: none;
  margin-bottom: 10px;
}

input::-ms-input-placeholder r {
  color: #fff;
  opacity: 0.5;
}

input:-ms-input-placeholder {
  color: #fff;
  opacity: 0.5;
}

input::placeholder {
  color: #fff;
  opacity: 0.5;
}

input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):invalid:not(:placeholder-shown),
input[type="text"]:invalid:not(:placeholder-shown),
input[type="email"]:invalid:not(:placeholder-shown),
input[type="password"]:invalid:not(:placeholder-shown),
select:invalid:not(:placeholder-shown),
textarea:invalid:not(:placeholder-shown) {
  border-color: #f47b2c;
  box-shadow: none;
}

input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
  border-color: #009bc2;
}

select {
  padding: 5px 10px;
}

.form-required {
  color: #E00000;
}

.label-like,
label {
  cursor: pointer;
  margin: 10px 0;
  font-weight: 600;
  font-size: 18px;
}

.label-like {
  margin: 10px 0;
}

label:not([for]) {
  display: inline;
  font-weight: 300;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
  margin: 20px 0;
  font-weight: 600;
}

h2 {
  font-size: 30px;
  position: relative;
  padding-bottom: 20px;
}

h2::after {
  content: '';
  background: #00a59d;
  height: 3px;
  width: 80px;
  position: absolute;
  bottom: 0;
  left: 0;
}

h1,
h2.page-title {
  font-weight: 700;
  font-size: 36px;
  padding-bottom: 0;
}

h2.page-title::after {
  display: none;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

/* Layout */

.container {
  width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
  overflow: hidden;
}

.centered {
  text-align: center;
}

.alignright {
  float: right;
  margin-left: 20px;
}

.alignleft {
  float: left;
  margin-right: 20px;
}

#above_content {
  overflow: hidden;
  margin-bottom: 70px;
}

.not-front #above_content {
  padding: 20px 0;
  margin-bottom: 0;
  background: #ebe9e7;
}

.not-front #content {
  position: relative;
}

a#main-content {
  display: block;
  height: 0;
}

.not-front #main-wrapper.container {
  overflow: visible;
  background: url(../images/line.png) no-repeat 40px top;
  padding-left: 120px;
  padding-top: 70px;
}

.not-front #main::before {
  background: url(../images/corner.png) no-repeat left top;
  background-size: contain;
  content: "";
  position: absolute;
  right: -40px;
  top: 0;
  z-index: 0;
  width: 210px;
  height: 210px;
}

.not-front #main {
  position: relative;
}

#sidebar {
  position: relative;
}

/* Helpers */

.clearfix {
  clear: both;
}

.element-invisible,
.hidden {
  border: 0;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

div.messages {
  background: none;
  border: 2px solid;
  margin: 20px 0;
  padding: 10px;
  color: #0d3c58;
}

div.messages.error {
  border-color: #f47b2c;
}

.separation {
  height: 3px;
  background: #e3e3e3;
  width: 100%;
  margin: 40px 0;
}

.launch-block {
  /*background: #009bc2;*/
  background: #007BC2;
  padding: 30px;
  color: #fff;
  border-radius: 0 40px 0 0;
}

.launch-block h3 {
  font-size: 18px;
  margin: 0 0 12px 0;
}

.launch-block .view-link {
  margin: 12px 0 0 0;
}

.launch-block .view-link a {
  font-weight: 500;
  color: #fff;
  text-decoration: none;
}

.launch-block .view-link a:hover {
  color: #f79c46;
  font-weight: 500;
}

.launch-block .view-link a span:not(.fal) {
  display: none;
}

.launch-block .view-link a span.fal {
  color: #f79c46;
  vertical-align: middle;
}

.launch-block .view-link a span.fal {
  color: #f79c46;
  vertical-align: middle;
}

/* Buttons */

#sliding-popup .eu-cookie-compliance-default-button,
#sliding-popup .eu-cookie-compliance-secondary-button,
input[type="submit"],
.button {
  display: inline-block;
  cursor: pointer;
  border: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  height: 45px;
  position: relative;
  z-index: 5;
  vertical-align: middle;
  background: #017879;
  padding: 0 30px;
  line-height: 45px;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0;
  margin: 0;
  outline: none;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

#sliding-popup .eu-cookie-compliance-default-button {
  min-width: 205px;
}

.button.alt {
  background: #fff;
  color: #0d3c58;
}

#sliding-popup .eu-cookie-compliance-default-button:hover,
#sliding-popup .eu-cookie-compliance-secondary-button:hover,
input[type="submit"]:hover,
.button:hover {
  color: #fff;
  background: #f6a021;
}

.button span {
  display: none;
}


/* ------------------------
          HEADER
----------------------------- */

#admin-menu {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

html body.admin-menu #header-section {
  margin-top: 29px;
}

body {
  padding-top: 90px; /* for sticky header */
}

body.cke_editable {
  padding: 20px;
}

#header-section {
  position: fixed;
  height: 90px;
  top: 0;
  background: #fff;
  width: 100%;
  z-index: 998;
}

#header {
  height: 90px;
}

#header > .container {
  padding: 20px 16px;
  /*position: relative;*/
  overflow: visible;
  height: 90px;
}

#logo {
  width: 335px;
  height: 90px;
  text-align: center;
  float: left;
}

#logo a {
  display: block;
}

#logo img {
  width: 225px;
  height: auto;
  display: block;
}

/* Sticky header */

.front #header-section,
#header-section.sticky {
  box-shadow: 0 0 25px 10px rgba(0,0,0,0.08);
}

/* Menu / Search */

#navigation {
  float: right;
}

#navigation .region {
  /*overflow: hidden;*/
}

#navigation .region > div {
  float: right;
}

#navigation #block-system-main-menu ul li {
  /*overflow: hidden;*/
  float: left;
  margin: 0;
  list-style: none;
  background: transparent;
  padding: 0;
}

#navigation #block-system-main-menu ul li.active-trail > a,
#navigation #block-system-main-menu ul li:hover > a {
  color: #f6a022;
}

#navigation #block-system-main-menu ul li a {
  padding: 0 20px;
  text-decoration: none;
  font-size: 18px;
  line-height: 50px;
  position: relative;
}

#navigation #block-system-main-menu .content > ul > li > a::after {
  content: "";
  width: 100%;
  display: block;
  height: 8px;
  position: absolute;
  bottom: 0;
  left: 20px;
  display: none;
}

#navigation #block-system-main-menu ul li.active-trail > a::after {
  background: url(../images/menu-circles.svg) no-repeat bottom left;
  background-size: auto 100%;
}

/* Sub menu */

#navigation #block-system-main-menu ul ul {
  background: #0b3c58;
  color: #fff;
  border: 2px solid #0b3c58;
  position: absolute;
  top: 45px;
  margin-left: 20px;
  display: none;
}

.not-logged-in #navigation  #block-system-main-menu ul ul {
  top: 70px;
}

#navigation #block-system-main-menu ul li.expanded:hover ul {
  display: block;
}

#navigation #block-system-main-menu ul ul li {
  padding: 0;
  float: none;
  border-bottom: 2px solid #e5f3f5;
}

#navigation #block-system-main-menu ul ul li.last {
  border: 0;
}

#navigation #block-system-main-menu ul ul li a {
  line-height: 50px;
  color: #fff;
  display: block;
  padding: 0 20px;
}

#navigation #block-system-main-menu ul li.active-trail ul a.active {
  color: #f6a022;
}

#navigation #block-system-main-menu ul ul li a:hover {
  color: #f6a022;
}

#navigation #block-system-main-menu ul ul li a::before,
#navigation #block-system-main-menu ul ul li a::after {
  display: none;
}

#navigation #block-search-form {
  margin-left: 30px;
  padding-top: 7px;
  position: static;
}

#navigation #block-search-form .far {
  font-size: 16px;
  color: #fff;
  line-height: 36px;
  height: 36px;
  text-align: center;
  width: 36px;
  border-radius: 50%;
  background: #017879;
  vertical-align: middle;
  cursor: pointer;
}

#navigation #block-search-form .far:hover {

}

#navigation #search-block-form input.form-text {
  border: 0;
  background: #fff;
  padding: 0 20px;
  line-height: 45px;
  margin: 0;
  font-size: 16px;
  display: block;
}

#navigation #search-block-form .form-item-search-block-form {
  width: calc(100% - 141px);
  float: left;
}

#navigation #search-block-form {
  position: absolute;
  left: 0;
  top: 90px;
  width: 100%;
  background: #017879;
  padding: 15px;
  display: none;
}

#navigation #block-search-form.open #search-block-form {
  display: block;
}

#navigation #search-block-form > div {
  width: 1200px;
  padding: 0 16px;
  margin: 0 auto;
}

#navigation #search-block-form div.form-actions {
  float: left;
  margin-left: 20px;
}

#navigation #search-block-form div.form-actions .form-submit {
  background: #fff;
  color: #017879;
}

#navigation #search-block-form div.form-actions .form-submit:hover {
  background: #f6a022;
  color: #fff;
}


/* Breadcrumb */

#block-easy-breadcrumb-easy-breadcrumb {
  font-size: 12px;
}

/* Admin tabs */

.not-front:not(.one-sidebar) #content div.tabs {
  position: absolute;
  top: 0;
  right: 0;
}

.one-sidebar #content div.tabs {
  text-align: right;
}

.not-front #content .tabs ul.primary {
  border-bottom: 0;
  margin: 0;
  padding: 0;
}

.not-front #content .tabs ul.primary li::before {
  display: none;
}

.not-front #content .tabs ul.primary li a {
  margin-right: 10px;
  padding: 0;
  line-height: 52px;
  border: 0;
  text-decoration: underline;
  background: none;
}

.not-front #content .tabs ul.primary li a.active {
  color: #f47b2c;
}

/* Content */

.not-front #page-title {
  margin-top: 0;
}

#content .field-type-image img {
  max-width: 100%;
  height: auto;
}

/* ------------------------
          HOMEPAGE
----------------------------- */

.front #top_banner {
  margin-bottom: -110px;
}

.front #above_content {
  overflow: visible;
  margin-bottom: 0;
}

.front #above_content #slogan {
  margin-left: 171px;
  padding-top: 100px;
  width: 765px;
}

.front #above_content #slogan p {
  color: #0d3c58;
  font-size: 36px;
  font-weight: 700;
  margin: 0 0 40px 0;
}

.front #above_content .section-wrapper {
  background: #fff url(../images/main-header-background-V2.png) no-repeat 32px top;
  overflow: visible;
}

.front #above_content .section-wrapper .section {
  background: transparent url(../images/main-header-arrow-overlay.png) no-repeat 0 bottom;
  background-size: 520px auto;
  height: 635px;
  position: relative;
  left: -71px;
  z-index: 996;
}

.front #above_content .section-wrapper .section div:last-child {
  display: none;
}

.front #main-wrapper {
  background-color: #e4f9f9;
  min-height: 300px;
  position: relative;
  padding: 140px 0 75px 0;
}

.front #main-wrapper .container {
  overflow: visible;
  position: relative;
}

.front .view-project-partners h2 {
  margin-top: 0;
}

.front .view-project-partners .views-field-field-image {
  display: table-cell;
  vertical-align: middle;
  height: 150px;
}

/* Common styles for News and Events */

.front #block-views-events-block .view-content .views-row {
  float: left;
  width: calc(100% / 2 - (35px / 2));
}

.front #block-views-events-block .view-content .views-row h3 {
  margin: 0 0 12px 0;
}

.front #block-views-events-block .view-content .views-row .views-field-field-date,
.front #block-views-events-block .view-content .views-row .views-field-field-location,
.front #block-views-events-block .view-content .views-row .views-field-field-time {
  font-weight: 600;
  margin: 0 0 12px 0;
}

/* Facts about waste - home widget */

#facts_about_waste {
  width: calc(100% - 625px - 70px);
  float: left;
  margin-right: 70px;
}

#facts_about_waste .content {
  margin: 15px 0 0 0;
}

#facts_about_waste h2 {
  margin-top: 0;
}

#facts_about_waste ul {
  margin-bottom: 20px;
}

#facts_about_waste ul li {
  font-weight: 600;
}

#facts_about_waste ul:not(.contextual-links):not(.pager) li::before {
  content: '\f45c';
  position: static;
}

#facts_about_waste ul:not(.contextual-links):not(.pager) li:nth-of-type(3)::before {
  color: #00a59d;
}

#facts_about_waste ul:not(.contextual-links):not(.pager) li:nth-of-type(1)::before {
  color: #0d3c58;
}

#facts_about_waste em {
  font-size: 14px;
}

#facts_about_waste .button {
  margin-top: 10px;
  background: #0d3c58;
}

#facts_about_waste .button:hover {
  background: #f6a022;
}

/* Events */

.front #block-views-events-block {
  width: 625px;
  float: left;
  background: url(../images/green-yellow-gradient-arrows.png) no-repeat left top;
  position: absolute;
  right: 0;
  bottom: -100px;
  padding: 65px 0 0 50px;
}

.front #block-views-events-block .content {
  background: #017879;
  padding: 40px;
  color: #fff;
}

.front #block-views-events-block h2 {
  margin-top: 0;
}

.front #block-views-events-block a.primary-link {
  color: #fff;
}

.front #block-views-events-block a.primary-link:hover {
  color: #f6a021;
}

.front #block-views-events-block h2::after {
  background: #fff;
}

.front #block-views-events-block .view-content {
  overflow: hidden;
}

.front #block-views-events-block .button.alt {
  margin-top: 25px;
}

.front #block-views-events-block .view-content .views-row-last {
  margin-left: 35px;
}

/* Below Content Section */

#below_content {
  background: #e4f9f9;
 /* padding: 60px 0;*/
  margin-top: 50px;
}

.not-front #below_content {
  margin-top: 150px;
}

#below_content > .container {
  overflow: visible;
}


/* News */

.front #block-views-news-block {
  float: left;
  width: calc(100% / 2);
  padding: 0 0 65px 50px;
  background: url(../images/yellow-green-gradient-arrows.png) no-repeat left bottom;
  position: relative;
  top: -50px;
}

video {
  max-width: 100%;
}

.front #block-views-news-block .content {
  background: #0d3c58;
  color: #fff;
  padding: 40px;
}

.front #block-views-news-block a.primary-link {
  color: #fff;
}

.front #block-views-news-block a.primary-link:hover {
  color: #f6a021;
}

.front #block-views-news-block h2 {
  margin-top: 0;
}

.front #block-views-news-block h2::after {
  background: #fff;
}

.front #block-views-news-block .view-content .views-field-field-image img {
  width: 100%;
  height: auto;
}

.front #block-views-news-block .view-content .date {
  font-weight: 600;
}

.front #block-views-news-block .view-content .view-link {
  margin-top: 20px;
}


/* Work Packages */

#work_packages {
  padding: 70px 0;
  background: url(../images/grey-dot-arrow.png) no-repeat;
  background-position: center -18px;
}

.about #work_packages {
  /*background-position: center -75px;*/
  background: none;
  padding-top: 0;
}

.view-work-packages .view-content {
  padding-top: 40px;
}

.view-work-packages .views-row {
  background: #ebe9e7;
  margin: 34px 30px 80px 35px;
  height: 145px;
  position: relative;
  border-right: 7px solid #f6a021;
  padding: 30px;
  float: left;
  width: calc(100% / 3 - 165px / 3);
}

.view-work-packages .views-row:nth-of-type(2) {
  margin-top: 70px;
}

.view-work-packages .views-row:nth-of-type(3) {
  margin-top: 125px;
}

.view-work-packages .views-row::before {
  margin-right: 0;
  content: "";
  background: url(../images/workpackages-bottom-circle-line.png) no-repeat center center;
  width: 110px;
  height: 80px;
  position: absolute;
  bottom: -80px;
  left: -55px;
}

.view-work-packages .views-row::after {
  margin-right: 0;
  content: "";
  background: url(../images/workpackages-top-circle-line.png) no-repeat center center;
  width: 105px;
  height: 70px;
  position: absolute;
  top: -70px;
  right: -50px;
}

.view-work-packages .views-row:last-child {
  margin-right: 0;
}

.view-work-packages .views-row:first-child::before,
.view-work-packages .views-row:last-child::after {
  display: none;
}

.view-work-packages .views-row .views-field-field-wp-number {
  position: absolute;
  top: -34px;
  left: -38px;
  width: 80px;
  height: 70px;
  color: #fff;
  z-index: 50;
}

.view-work-packages .views-row .views-field-field-wp-number .field-content {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  background: #0d3c58;
  border-radius: 50%;
  line-height: 60px;
  width: 60px;
  margin: 5px auto;
}

.view-work-packages .views-row .primary-link span {
  display: none;
}

.view-work-packages .views-row .views-field-title h3 {
  margin: 0 0 20px 0;
  font-size: 22px;
  color: #0d3c58;
}

.view-work-packages .view-footer {
  text-align: center;
  margin: 30px 0;
}

/* Twitter block */

#block-twitter-block-1 {
  float: right;
  width: 50%;
  padding: 30px 0 60px 50px;
  position: relative;
}

#block-twitter-block-1 a.follow_us {
  position: absolute;
  right: 0;
  top: 60px;
}

#twitter_follow_us {
  border: 2px solid #09685b;
  text-align: center;
  padding: 10px 0;
  clear: both;
  position: relative;
  top: -7px;
  background: #fff;
}

#twitter_follow_us p {
  margin: 0;
}

/* Partners block */

#block-views-project-partners-block {
  padding-right: 50px;
}

#block-views-project-partners-block .views-row {
  padding: 0 20px;
  text-align: center;
}

.slick-slide img {
  max-width: 100%;
  width: auto;
  height: auto;
  display: inline-block;
  max-height: 100%;
}

#block-views-project-partners-block .view_all {
  text-align: center;
  margin-top: -42px;
}

#block-views-project-partners-block .slick-slider {
  padding: 20px 40px;
}

#block-views-project-partners-block .slick-next,
#block-views-project-partners-block .slick-prev {

}

#block-views-project-partners-block .slick-next::before,
#block-views-project-partners-block .slick-prev::before {
  color: #017879;
  font-size: 30px;
  line-height: 40px;
  content: '\f359';
  font-family: 'Font Awesome 5 Pro';
  font-weight: bold;
}

#block-views-project-partners-block .slick-next::before {
  content: '\f35a';
}

#block-views-project-partners-block .slick-prev {
  left: 0;
}

#block-views-project-partners-block .slick-next {
  right: 0;
}

#block-views-project-partners-block .views-field-field-image {
  display: block;
  height: 150px;
  width: 100%;
}

#block-views-project-partners-block .views-field-field-image a {
  padding: 20px 30px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  height: 150px;
}

#block-views-project-partners-block .views-field-field-image .field-content {
  display: table;
  height: 150px;
  width: 100%;
}

#block-views-project-partners-block .slick-disabled {
  cursor: auto;
}


/* ------------------------
          FOOTER
----------------------------- */

#above_footer {
  margin: 0;
  padding: 70px 0 0 0;
  background: url(../images/grey-dot-arrow.png) no-repeat;
  background-position: center -18px;
}

.about #above_footer {
  background: none;
  border-top: 4px solid #ebe9e7;
}

.page-project-partners #above_footer {
  display: none;
}

#footer {
  border-top: 8px solid #ebe9e7;
  margin-top: 70px;
}

#footer a,
#footer {
  font-weight: 400;
}

#footer #logo_footer {
  border: 0;
  padding: 0;
  width: 60px;
}

#footer #logo_footer img {
  width: 100%;
  height: auto;
}

#footer .section {
  padding: 40px 16px;
}

#footer .top_section {
  overflow: hidden;
}

#footer #social {
  margin-left: 50px;
}

#footer #social li a {
  border: 0;
  padding: 0;
  font-size: 24px;
  margin: 0 10px;
}

#footer li {
  display: inline-block;
  line-height: 70px;
  height: 70px;
  vertical-align: middle;
}

#footer li a {
  line-height: 1;
}

#credits {
  padding: 20px 0;
  font-size: 14px;
}

/* ------------------------
          NEWSLETTER
----------------------------- */

#block_newsletter_top h2 {
  background: #0d3c58;
  color: #fff;
  padding: 40px 40px 30px 0;
  margin-bottom: 0;
  margin-top: 0;
}

#block_newsletter_top p {
  margin: 0;
  padding: 35px 0 0;
}

#block_newsletter h2::after {
  background: #fff;
  left: 40px;
}

#block_newsletter_top {
  padding-bottom: 0;
}

#block-mailchimp-signup-mc-newsletter-signup .form-item-gdpr-consent{
  display: none;
}

#block-mailchimp-signup-mc-newsletter-signup {
  padding-bottom: 25px;
  padding-top: 20px;
}

.region-below-content #block-mailchimp-signup-mc-newsletter-signup .form-actions {
  margin-top: 15px;
  text-align: left;
}

#block-mailchimp-signup-mc-newsletter-signup + .block {
  top: -30px;
  position: relative;
  float: left;
  width: 50%;
}

#block-mailchimp-signup-mc-newsletter-signup + .block .content {
  position: relative;
  margin-left: 50px;
  width: calc(100% - 50px);
  float: left;
  background: #0d3c58;
  color: #fff;
  padding-left: 40px;
  padding-right: 40px;
}

#block-mailchimp-signup-mc-newsletter-signup + .block p {
  margin: 0;
}

#block-mailchimp-signup-mc-newsletter-signup + .block a {
  color: #fff;
  margin: 0.5em 1em 0.5em 0;
}

#block-mailchimp-signup-mc-newsletter-signup + .block a:hover {
  color: #f47b2c;
}

#block-mailchimp-signup-mc-newsletter-signup + .block .content {
  font-size: 14px;
  margin-bottom: 50px;
  padding-bottom: 35px;
}

#block_newsletter .content,
#block_newsletter_top,
#block-mailchimp-signup-mc-newsletter-signup {
  position: relative;
  top: -30px;
  margin-left: 50px;
  width: calc(50% - 50px);
  float: left;
  background: #0d3c58;
  color: #fff;
  padding-left: 40px;
  padding-right: 40px;
}

body:not(.front) .region.region-below-content {
  background: url(../images/yellow-green-gradient-arrows.png) no-repeat left bottom;
  background-position: 0 85%;
}

/* ------------------------
          SIDEBAR
----------------------------- */

#sidebar {
  width: 380px;
  padding-left: 55px;
  border-left: 3px solid #e3e3e3;
}

.contact #sidebar {
  width: 335px;
  padding: 60px 0 0 0;
  border-left: 0;
}

.node-type-project-partner #main,
.one-sidebar #main {
  display: table;
}

.node-type-project-partner #main > div,
.one-sidebar #main > div:not(.clearfix) {
  display: table-cell;
  vertical-align: top;
}

.one-sidebar #main > div.clearfix {
  display: none;
}

.one-sidebar #content {
  padding-right: 60px;
  padding-top: 0;
}

.node-type-project-partner #content #page-title,
.one-sidebar #content #page-title {
  margin-top: 0;
}

/* ------------------------------------------
          PROJECT PARTNER INDIVIDUAL
--------------------------------------------- */

.node-type-project-partner #content {
  width: calc(100% - 380px);
  padding-right: 30px;
}

.node-type-project-partner #sidebar {
  border: 0;
  padding-left: 0;
  width: 380px;
}

.node-type-project-partner #sidebar .image-container {
  width: 385px;
  height: 370px;
  border: 3px solid #dadada;
  padding: 20px;
  display: table-cell;
  background: #fff;
  vertical-align: middle;
}

.node-type-project-partner #sidebar .image-container img {
  width: 100%;
  height: auto;
}

.node-type-project-partner .information_partner {
  padding: 20px 0;
}

.node-type-project-partner .information_partner div + div {
  display: inline-block;
}

.node-type-project-partner .information_partner div:last-child {
  border-left: 1px solid #25334d;
  padding-left: 15px;
  margin-left: 15px;
}

.node-type-project-partner .information_partner div {
  margin: 5px 0;
}

.node-type-project-partner .information_partner div strong {
  color: #268bb0;
}

.node-type-project-partner .partner_link {
  text-align: right;
  padding: 30px 0 0 0;
}

#sliding-popup .popup-content {
  max-width: 1200px;
}

#sliding-popup #popup-text h2 a {
  color: #f6a021;
}

#sliding-popup .popup-content #popup-text h1,
#sliding-popup .popup-content #popup-text h2,
#sliding-popup .popup-content #popup-text h3,
#sliding-popup .popup-content #popup-text p {
  margin: 0;
  padding: 0;
}

#sliding-popup .popup-content #popup-text h2::after {
  display: none;
}

#sliding-popup .popup-content #popup-text p {
  font-weight: 400;
}


/* ------------------------------------------
          NEWS INDIVIDUAL PAGE
--------------------------------------------- */

.node-type-article {
}

.page-node .information {
  margin: 30px 0;
  color: #0d3c58;
  font-weight: 700;
}

.page-node .information > div {
  display: inline-block;
}

.page-node .information span.separator {
  display: inline-block;
  margin: 0 10px;
}

.page-node .event_link {
  margin-top: 30px;
}

/* ------------------------------------------
                 SIDEBAR
--------------------------------------------- */

#sidebar {
  /*text-align: center;*/
  padding-top: 60px;
}

.node-type-project-partner #sidebar {
  text-align: left;
}

#sidebar div.block {
  margin-bottom: 60px;
}

#sidebar div.block .view-footer {
  margin-top: 30px;
}

#sidebar div.block .views-field-field-date,
#sidebar div.block .views-field-created {
  font-weight: 500;
}

#sidebar div.block .views-field:not(:last-of-type) {
  margin-bottom: 10px;
}

/* News */

#block-views-news-block-2 {
  padding: 35px 25px;
  color: #fff;
  background: #0d3c58;
}

#block-views-news-block-2 h2 {
  margin-top: 0;
}

#block-views-news-block-2 h2::after {
  background-color: #fff;
}

#block-views-news-block-2 a.primary-link:not(:hover) {
  color: #fff;
}

#block-views-news-block-2 a.primary-link span {
  display: none;
}

/* Events */

#block-views-events-block-2 {
  padding: 35px 25px;
  color: #fff;
  background: #017879;
}

#block-views-events-block-2 h2 {
  margin-top: 0;
}

#block-views-events-block-2 h2::after {
  background-color: #fff;
}

#block-views-events-block-2 a.primary-link:not(:hover) {
  color: #fff;
}

#block-views-events-block-2 a.primary-link span {
  display: none;
}

#block-views-events-block-2 a.button:not(:hover) {
  background-color: #fff;
  color: #0d3c58;
}

/* ------------------------------------------
          COOKIES POPUP
--------------------------------------------- */

#sliding-popup {
  padding: 20px 0;
}

#sliding-popup .popup-content #popup-buttons {
  margin: 2px 0 0 0;
}

#sliding-popup .eu-cookie-compliance-secondary-button {
  color: #0d3c58 !important;
}

#sliding-popup .eu-cookie-compliance-secondary-button:hover {
  color: #fff !important;
}

#sliding-popup .popup-content {
  display: block;
}

#sliding-popup .popup-content #popup-text {
  margin: 0 20px 0 0;
  width: calc(60% - 20px);
}

/* ------------------------------------------
           LIST VIEW
--------------------------------------------- */

.page-events .list-view,
.page-news .list-view {
  margin-top: 30px;
}

.list-view h2 {
  margin-bottom: 30px;
}

.page-events .list-view h2,
.page-news .list-view h2 {
  margin-bottom: 15px;
  padding-bottom: 0;
}

.page-events .list-view h2::after,
.page-news .list-view h2::after {
  display: none;
}

.list-view .list-item {
  overflow: hidden;
  margin-bottom: 30px;
  background: #e4f9f9;
  color: #0d3c58;
  padding: 20px;
}

.list-view .list-item .views-field-field-image {
  margin: 0 25px 0 0;
  float: left;
}

.list-view .list-item .views-field-field-image img {
  border: 2px solid #fff;
}

.list-view .list-item .views-field-field-image + div {

}

.list-view .list-item h2,
.list-view .list-item h3 {
  font-size: 22px;
}

.list-view .list-item .content-wrapper > *:not(:last-child) {
  margin: 0 0 15px 0;
}

.list-view .list-item .date {
  font-weight: 700;
}

.list-view .list-item a.primary-link {
  color: #0d3c58;
}

.list-view .list-item a.primary-link:hover {
  color: #f6a021;
}

.list-view .list-item a.primary-link span {
  display: none;
}


/* List specific - News */


.list-view.view-news a.button:not(:hover) {
  background: #0d3c58;
}

.list-view.view-news .list-item.sticky {
  background: #0d3c58;
  color: #fff;
}

.list-view.view-news .list-item.sticky .view-link a:not(:hover) {
  color: #fff;
}

/* List specific - Events */

.list-view.view-events .list-item.sticky {
  background: #017879;
  color: #fff;
}

.list-view.view-events .list-item.sticky .view-link a:not(:hover) {
  color: #fff;
}

/* List specific - Publications */


/* ------------------------------------------
           NEWS & EVENTS PAGE
--------------------------------------------- */

#block-views-events-block-1 {
  padding: 45px 0;
  border-top: 3px solid #e3e3e3;
}

#block-views-events-block-1 .view-footer,
#block-views-news-block-1 .view-footer {
  text-align: right;
}

#block-views-news-block-1 {
  padding-bottom: 45px;
}

/* -----------------------------
            CONTACT PAGE
-------------------------------- */

.contact form .form-actions {
  text-align: right;
}

.contact #main-wrapper form .form-actions::before {
  content: "* Please note that all fields are required.";
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
}

.contact #sidebar h2 {
  margin-top: 0;
}

.contact #sidebar .block {
  padding: 30px;
  background: #e4f9f9;
}

.contact div#block_newsletter_top.block {
  margin-bottom: 0;
}

.contact #sidebar .block#block_newsletter_bottom {
  background: #dadada;
}

.contact #sidebar .block#block_newsletter_bottom label:not(.option) {
  font-weight: 700;
  display: inline-block;
  margin-bottom: 5px;
}

.contact #sidebar .block#block_newsletter_bottom label.option {
  font-weight: 400;
  font-size: 16px;
}

.contact #sidebar .webform-component +  .webform-component,
.contact #sidebar .webform-component +  .webform-component * {
  display: inline;
  vertical-align: middle;
}

.contact #sidebar form .form-actions {
  text-align: center;
}

.contact #sidebar form .form-actions::before {
  display: none;
}


/* -----------------------------
            PARTNERS
-------------------------------- */

.page-project-partners #block-views-exp-project-partners-page-1 {
  margin: 30px 0;
  padding: 10px 30px;
  background: #017879;
  color: #fff;
}

.page-project-partners #block-views-exp-project-partners-page-1 h2 {
  display: none;
}

.page-project-partners #block-views-exp-project-partners-page-1 .views-exposed-form .views-exposed-widget {
  padding-top: 0;
}

.page-project-partners #block-views-exp-project-partners-page-1 .views-exposed-form .views-exposed-widget:not(.views-submit-button) {
  width: calc(100% / 3);
}

.page-project-partners .view-project-partners .view-content {
  overflow: hidden;
}

.page-project-partners .view-project-partners .view-content .views-row {
  width: calc(100% / 3 - (40px / 3));
  float: left;
  height: 370px;
  margin: 0 20px 20px 0;
  position: relative;
}

.page-project-partners .view-project-partners .view-content .views-row:nth-child(3n+3) {
  margin-right: 0;
}

.page-project-partners .view-project-partners .view-content .views-row .views-field-field-image {
  width: 100%;
  display: table;
}

.page-project-partners .view-project-partners .view-content .views-field-field-image a {
  width: 100%;
  height: 370px;
  border: 3px solid #dadada;
  padding: 20px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.page-project-partners .view-project-partners .view-content .views-row .partner-overlay {
  background: #017879;
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: none;
  cursor: pointer;
}

.page-project-partners .view-project-partners .view-content .views-row:hover .partner-overlay {
  display: block;
}

.page-project-partners .view-project-partners .view-content .views-row .partner-overlay .title {
  width: 100%;
  display: table;
}

.page-project-partners .view-project-partners .view-content .views-row .partner-overlay .title a {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 370px;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  padding: 20px;
}

.page-project-partners .view-project-partners .view-content .views-row .partner-overlay .link {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  text-align: center;
}

.page-project-partners .view-project-partners .view-content .views-row .partner-overlay .title a,
.page-project-partners .view-project-partners .view-content .views-row .partner-overlay .link a:not(:hover) {
  color: #fff;
  text-decoration: none;
}

/* -----------------------------
          ABOUT PAGES
-------------------------------- */

.not-front.node-type-about-page #page-title {
  margin: 0 0 30px 0;
}

.not-front.node-type-about-page #content div.tabs {
  right: 200px;
}

.not-front.node-type-about-page:not(.about-project) #work_packages,
.not-front.about-project-useful-links:not(.about-project) #work_packages {
  padding-bottom: 0;
}

.not-front.about .field-name-field-image {
  float: right;
  width: 470px;
  margin-top: 100px;
}

.not-front.about .field-name-body {
  width: 525px;
}

/* Aims */

.not-front.about.about-project-aims .field-name-field-image {
  margin-top: 0;
  width: 380px;
}

.not-front.about.about-project-aims .field-name-body {
  width: calc(100% - 400px);
}

.not-front.about.about-project-aims .field-name-body ul li  {
  margin-bottom: 15px;
}


/* Outcomes */

.about-project-outcomes .field-name-field-image {
  float: right;
  width: 440px;
  position: relative;
  top: -20px;
}

.about-project-outcomes .field-name-field-image img {
  width: 100%;
  height: auto;
}

.about-project-outcomes #outcomes {
  margin-top: -165px;
}

.about-project-outcomes .outcome + .outcome {
  clear: both;
  margin-top: -35px;
}

.about-project-outcomes .outcome:nth-child(even) {
  float: right;
}

.about-project-outcomes .outcome:nth-child(odd) {
  float: left;
}

.about-project-outcomes .outcome:nth-child(n+3) {

}

.about-project-outcomes .outcome::after {
  content: '';
  display: block;
  width: 100%;
  height: 120px;
  background: url(../images/wiggle-left.png) no-repeat;
  background-position: 330px 5px;
}

.about-project-outcomes .outcome:nth-child(even)::after {
  background: url(../images/wiggle-right.png) no-repeat;
  background-position: 90px 5px;
}

.about-project-outcomes .outcome:last-child::after {
  display: none;
}

.about-project-outcomes .outcome h2 {
  background: #e4f9f9;
  padding: 20px;
  width: 570px;
  border-right: 7px solid #f6a021;
  margin: 0;
  font-weight: 400;
  font-size: 18px;
}

.about-project-outcomes .outcome h2::after {
  display: none;
}

/* Useful Links Page */

.about-project-useful-links li {
  padding-bottom: 10px;
}

.about-project-useful-links ul li a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  display: inline;
}

/* Advisory Board */

#advisory_board {
  overflow: hidden;
}

#advisory_board .views-row {
  float: left;
  width: calc(100% / 4);
  text-align: center;
  height: 220px;
  margin-bottom: 20px;
}

#advisory_board .views-row .views-field-field-image {
  height: 160px;
  display: table;
  width: 100%;
}

#advisory_board .views-row .views-field-field-image .field-content {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 40px;
}

#advisory_board .views-row .views-field-field-image .field-content img {
  max-width: 100%;
  max-height: 120px;
  height: auto;
}

/* About Navigation */

.arrow-top-nav {
  background: url(../images/grey-dot-arrow-reverse.png) no-repeat center 4px;
  height: 80px;
  margin-top: 45px;
}

.arrow-bottom-nav {
  background: url(../images/grey-dot-arrow.png) no-repeat center -75px;
  height: 80px;
  margin-bottom: 45px;
}

#about_section {
  background: #e4f9f9;
  padding: 50px 0;
}

#about_section ul.menu li {
  list-style: none;
  padding: 20px 30px;
  margin: 10px 20px 10px 0;
  background: #0d3c58 url(../images/about-green-arrow.png) no-repeat 95% bottom;
  background-size: auto 80px;
  float: left;
  width: calc(100% / 2 - 10px);
  color: #fff;
}

#about_section.facts ul.menu li {
  width: calc(100% / 3 - 40px / 3);
}

#about_section ul.menu li.active-trail {
  background: #017879 url(../images/about-blue-arrow.png) no-repeat 95% bottom;
  background-size: auto 80px;
}

#about_section:not(.facts) ul.menu li:nth-child(even) {
  margin-right: 0;
}

#about_section.facts ul.menu li:nth-child(3n+3) {
  margin-right: 0;
}


#about_section ul.menu li::after {

}

#about_section h2 {
  font-size: 22px;
  margin: 0;
  padding: 0;
}

#about_section h2::after {
  display: none;
}

#about_section a.primary-link  {
  margin-top: 25px;
  margin-bottom: 0;
}

#about_section li.active-trail a.primary-link::after {
  content: '\f357';
}

#about_section a.primary-link:not(:hover) {
  color: #fff;
}


/* -----------------------------
            WORK PACKAGES
-------------------------------- */

.not-front.work-package .view-work-packages .view-content {
  padding-top: 0;
}

.not-front.work-package .view-work-packages .views-row {
  margin: 34px 30px 80px 35px;
  height: auto;
  position: relative;
  padding: 0;
  float: none;
  width: 100%;
  background: transparent;
  border-right: 0;
}

.not-front.work-package .view-work-packages .views-row .views-field-title {
  background: #ebe9e7;
  padding: 20px 30px;
  border-right: 7px solid #f6a021;
}

.not-front.work-package .view-work-packages .views-row .views-field-title h2 {
  font-size: 22px;
  padding: 0;
  margin: 0;
}

.not-front.work-package .view-work-packages .views-row .views-field-title h2::after {
  display: none;
}

.not-front.work-package .view-work-packages .views-row .views-field-body,
.not-front.work-package .view-work-packages .views-row .views-field-title {
  width: 630px;
}

.not-front.work-package .view-work-packages .views-row .views-field-body {
  padding: 20px 70px 0 30px;
}

.not-front.work-package .view-work-packages .views-row::before,
.not-front.work-package .view-work-packages .views-row::after {
  display: none;
}

/* WP 3 */

.not-front.work-package .view-work-packages .views-row.wp-WP3 {
  margin-top: 80px;
}

.not-front.work-package .view-work-packages .views-row.wp-WP3 .views-field-body,
.not-front.work-package .view-work-packages .views-row.wp-WP5 .views-field-body,
.not-front.work-package .view-work-packages .views-row.wp-WP3 .views-field-title,
.not-front.work-package .view-work-packages .views-row.wp-WP5 .views-field-title {
  position: relative;
  left: -34px;
  z-index: 0;
}

.not-front.work-package .view-work-packages .views-row.wp-WP5 .views-field-field-wp-number,
.not-front.work-package .view-work-packages .views-row.wp-WP3 .views-field-field-wp-number {
  left: -68px;
}

.not-front.work-package .view-work-packages .views-row.wp-WP3 .views-field-field-image {
  float: right;
  position: relative;
  top: -64px;
  right: 40px;
}

.not-front.work-package .view-work-packages .views-row.wp-WP3::after,
.not-front.work-package .view-work-packages .views-row.wp-WP4::after {
  content: '';
  height: 115px;
  width: 100%;
  background: url(../images/wiggle-left.png) no-repeat 230px bottom;
  display: block;
  position: static;
}


/* WP 4 */

.not-front.work-package .view-work-packages .views-row.wp-WP4 {
  padding-left: 420px;
  margin-top: -90px;
}

.not-front.work-package .view-work-packages .views-row.wp-WP4::after {
  background: url(../images/wiggle-right.png) no-repeat 200px bottom;
}

.not-front.work-package .view-work-packages .views-row.wp-WP4 .views-field-field-wp-number {
  left: calc(420px - 38px);
}

.not-front.work-package .view-work-packages .views-row.wp-WP4 .views-field-field-image {
  position: absolute;
  top: 54px;
  left: 0;
}

/* WP 5 */

.not-front.work-package .view-work-packages .views-row.wp-WP5 {
  margin-top: -120px;
}

.not-front.work-package .view-work-packages .views-row.wp-WP5 .views-field-field-image {
  float: right;
  position: relative;
  top: 64px;
}

/* -----------------------------
            FUNDING
-------------------------------- */

.view-funding {
  margin-top: 50px;
}

.view-funding .views-row {
  border-top: 3px solid #e3e3e3;
  padding: 40px 0;
}


.view-funding .views-row .funder-content-wrapper {
  display: table;
  width: 100%;
}

.view-funding .views-row .funder-content-wrapper .image {
  display: table-cell;
  width: 250px;
  vertical-align: middle;
}

.view-funding .views-row .funder-content-wrapper .description {
  display: table-cell;
  vertical-align: middle;
  padding-left: 40px;
}

/* -----------------------------
        LOGIN FORM
-------------------------------- */

#user-login #edit-actions {
  margin-top: 20px;
}


.page-user.not-logged-in #content {
  max-width: 70%;
}

/* -----------------------------
         SEARCH RESULTS
-------------------------------- */

.page-search label {
  display: block;
}

.page-search #search-form {
  padding-bottom: 40px;
  border-bottom: 3px solid #e3e3e3;
  margin-bottom: 40px;
}

.page-search #content ol.search-results {
  margin: 0;
}

.page-search #content ol.search-results .search-snippet-info {
  padding: 0;
}

.page-search #content li.search-result {
  background: #ebe9e7;
  padding: 20px;
}

.page-search #content li.search-result h3 {
  margin-top: 0;
}

.page-search #content .search-result .search-info {
  display: none;
}

/* -----------------------------
         PAGINATION
-------------------------------- */

#content ul.pager {

}

#content ul.pager li {
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  padding: 0;
  margin: 0 10px;
}

#content ul.pager li a {
  text-decoration: none;
  border-bottom: 1px solid #0a4058;
  display: inline-block;
}

#content ul.pager li.pager-item a {
  border: 0;
}

#content ul.pager li.pager-current {
  background-color: #017879;
  border-radius: 50%;
  color: #fff;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  font-weight: 700;
}

#content ul.pager li::after,
#content ul.pager li::before {
  display: inline-block;
  font-family: 'Font Awesome 5 Pro';
  font-weight: bold;
  margin-left: 10px;
  color: #f6a021;
}

#content ul.pager li::before {
  margin-right: 10px;
}

#content ul.pager li.pager-previous::before {
  content: '\f355';
}

#content ul.pager li.pager-next::after {
  content: '\f356';
}

#content ul.pager li.pager-first::before {
  content: '\f355\00a0\f355';
}

#content ul.pager li.pager-last::after {
  content: '\f356\00a0\f356';
}

.accessibility #content,
.cookies-policy #content,
.funding #content,
.privacy-policy #content {
  padding-right: 115px;
}


/* -----------------------------
     FACTS ABOUT WASTE PAGES
-------------------------------- */

.node-type-facts-about-waste-page .main_image {
  float: right;
  width: 500px;
  margin-left: 20px;
  text-align: right;
}

.node-type-facts-about-waste-page .main_image img {
  max-width: 480px;
  width: 100%;
  height: auto;
}

.node-type-facts-about-waste-page .main_image + .region-content {
  float: left;
  width: calc(100% - 520px);
}

.node-type-facts-about-waste-page .image_gallery {
  margin-top: 50px;
}

.node-type-facts-about-waste-page .image_gallery .alignleft {
  margin-right: 110px;
  width: 675px;
}

.node-type-facts-about-waste-page .image_gallery .alignright {
  width: calc(100% - 785px);
  margin-left: 0;
}

.node-type-facts-about-waste-page .image_gallery .image {
  margin-bottom: 60px;
}

.node-type-facts-about-waste-page .image_gallery img {
  max-width: 100%;
  height: auto;
}


/* Waste Burning Sites */

#waste_burning_sites {
  position: relative;
}

#waste_burning_sites img { /* 1200 x 650 */
  display: block;
  width: 100%;
  height: auto;
}

#waste_burning_sites h2 {
  font-size: 30px;
  color: #fff;
  background: #017879;
  padding: 0 20px;
  position: absolute;
  top: -35px;
  float: left;
  line-height: 70px;
  margin: 0;
}

#waste_burning_sites h2::after {
  display: none;
}

.facts-about-waste #below_content {
  background: #E4F9F9 url(../images/waste_burning_sites_map2.png) no-repeat center center;
  background-size: auto 100%;
}

.facts-about-waste #below_content > .container {
  padding: 0;
}


/* Key Facts */

.facts-about-waste-key-facts .section_image {
  width: 475px;
  float: right;
  margin-left: 40px;
}

.facts-about-waste-key-facts img {
  max-width: 100%;
  height: auto;
}

.facts-about-waste-key-facts .facts_section {
  clear: both;
  margin-bottom: 60px;
}

.facts-about-waste-key-facts .facts_section:last-of-type .section_image {
  width: 100%;
  float: none;
  margin-left: 0;
}

.facts-about-waste-key-facts .facts_section h2 {
  margin-bottom: 40px;
}

.facts-about-waste-key-facts .facts_section ul li {
  margin: 20px 0;
}

/* glossary page */
.glossary_buttons {
  display: flex;
  width: 100%;
  background: #017879;
}

.glossary_buttons div:first-child {
  display: flex;
  flex-wrap: wrap;

  padding: 12px 12px 0;
}

.glossary_buttons div:last-child {
  float: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: 12px;
  min-width: 80px;
  max-height: 59px;

}

.glossary_buttons span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #017879;
  background-color: #fff;
  cursor: pointer;
  height: 35px;
  width: 35px;
  margin-right: 5px;
  margin-bottom: 12px;
}

.glossary_buttons #reset_filter {
  display: flex;
  align-items: center;
  height: 35px;
  color: #fff;
}

.glossary_buttons  #reset_filter:hover,
.glossary_buttons  #reset_filter:focus {
  color: #f6a021;
}


.glossary_buttons > span:last-child {
  margin-right: 0;
}

.glossary_buttons  span.selected,
.glossary_buttons  span:hover,
.glossary_buttons  span:focus  {
  background-color: #f6a021;
  color: #fff;
}

.nodisplay {
  display: none;
}

.glossary_body {
  position: relative;
}

.glossary_body .term dt {
  display: inline;
  font-weight: 700;
}

.glossary_body .term dl > div {
  position: relative;
  margin-bottom: 25px;
}

.glossary_body .term dd,
.glossary_body .term dd p {
  display: inline;
}

.glossary_body .term a {
  text-indent: 0;
}

.glossary_body.loading {
  max-height: 400px;
  overflow: hidden;
}

.glossary_body.loading:before {
  content: " ";
  position: absolute;
  height: 100%;
  width: 100%;
  background: #fff;
  z-index: 1;
}

.glossary_body.loading:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #0d3c58;
  border-color: #0d3c58 transparent #0d3c58 transparent;
  animation: loading 1.2s linear infinite;
  position: absolute;
  top: 50%;
  left: calc(50% - 36px);
  transform: translateX(-50%);
  z-index: 2;
}

.node-type-facts-about-waste-page.facts-about-waste-glossary .main_image + .region-content {
  width: 100%;
  float: none;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* useful links page */
.not-front.about.about-project-useful-links .field-name-body {
  width: 100%;
}

.about-project-useful-links .field-name-body a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  color: #007879;
}

.about-project-useful-links .field-name-body a::after {
    content: '\f356';
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    margin-left: 10px;
    color: #f6a021;
}

.about-project-useful-links #main-wrapper {
  margin-bottom: 40px;
}