@charset "UTF-8";
@font-face {
  font-family: 'StainlessCond-Regular';
  src: url("../assets/font/font/StainlessCond-Regular_gdi.eot");
  src: url("../assets/font/StainlessCond-Regular_gdi.eot?#iefix") format("embedded-opentype"), url("../assets/font/StainlessCond-Regular_gdi.woff") format("woff"), url("../assets/font/StainlessCond-Regular_gdi.ttf") format("truetype"), url("../assets/font/StainlessCond-Regular_gdi.svg#StainlessCond-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-stretch: condensed;
  unicode-range: U+0020-25CA;
  font-display: optional; }

@font-face {
  font-family: 'CrimsonText-Roman';
  src: url("../assets/font/CrimsonText-Roman_gdi.eot");
  src: url("../assets/font/CrimsonText-Roman_gdi.eot?#iefix") format("embedded-opentype"), url("../assets/font/CrimsonText-Roman_gdi.woff") format("woff"), url("../assets/font/CrimsonText-Roman_gdi.ttf") format("truetype"), url("../assets/font/CrimsonText-Roman_gdi.svg#CrimsonText-Roman") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2212;
  font-display: optional; }

@font-face {
  font-family: 'Pt-Serif-Bold';
  src: url("../assets/font/PTF75F.eot");
  src: url("../assets/font/PTF75F.eot?#iefix") format("embedded-opentype"), url("../assets/font/PTF75F.woff") format("woff"), url("../assets/font/PTF75F.ttf") format("truetype"), url("../assets/font/PTF75F.svg#CrimsonText-Roman") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2212;
  font-display: optional; }

@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url("../assets/font/slick.eot");
  src: url("../assets/font/slick.eot?#iefix") format("embedded-opentype"), url("../assets/font/slick.woff") format("woff"), url("../assets/font/slick.ttf") format("truetype"), url("../assets/font/slick.svg#slick") format("svg");
  font-display: optional; }

@-webkit-keyframes sweep {
  0% {
    opacity: 0;
    margin-top: -20px; }
  100% {
    opacity: 1;
    margin-top: 0; } }

@keyframes sweep {
  0% {
    opacity: 0;
    margin-top: -20px; }
  100% {
    opacity: 1;
    margin-top: 0; } }

/* Extra Small Devices, Phones */
div[data-drupal-messages] {
  font-size: 1.1em;
  line-height: 1.25;
  border: 1px solid #C7CBCD;
  padding: 1rem 0.85rem;
  margin: 1rem 0.85rem; }

.collapse-height {
  height: 0 !important;
  padding: 0 !important;
  overflow-y: hidden; }

.highlight {
  background: #F7F7F8; }

.uppercase {
  text-transform: uppercase; }

.hidden {
  display: none; }

.field.-label-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap; }
  .field.-label-inline > .label {
    margin-right: 0.4em; }
    .field.-label-inline > .label:after {
      content: ':'; }

.pager {
  display: block; }
  .pager .pager__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 10px; }
  .pager .pager__item {
    list-style: none;
    margin: 0 5px; }
    .pager .pager__item a {
      color: black;
      padding: 0 5px; }
    .pager .pager__item.pager__item--first, .pager .pager__item.pager__item--previous {
      margin-right: auto; }
    .pager .pager__item.pager__item--next, .pager .pager__item.pager__item--last {
      margin-left: auto; }
  .pager .is-active a {
    font-weight: 600; }

#block-nol-local-tasks {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  padding: 0;
  z-index: 100;
  background-color: whitesmoke;
  opacity: .5;
  -webkit-transition: opacity 750ms linear;
  transition: opacity 750ms linear; }
  #block-nol-local-tasks:hover {
    -webkit-transition: opacity 250ms ease;
    transition: opacity 250ms ease;
    opacity: .95; }
  #block-nol-local-tasks > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .25em 1em;
    margin: 0;
    line-height: 1rem;
    font-size: 1rem; }
    #block-nol-local-tasks > ul li {
      list-style: none;
      margin-right: 1rem; }
      #block-nol-local-tasks > ul li a {
        display: inline-block;
        padding: .25em .15em;
        font-size: 1rem;
        font-weight: 100;
        color: #333;
        text-decoration: none; }

article.main details {
  position: relative;
  margin: 1rem 0;
  border-radius: 5px;
  background-color: #F6F8F9;
  -webkit-box-shadow: 0 2px 10px rgba(77, 89, 100, 0.05);
  box-shadow: 0 2px 10px rgba(77, 89, 100, 0.05);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
  border: 1px solid rgba(50, 133, 171, 0.1); }
  article.main details:hover {
    -webkit-box-shadow: 0 4px 15px rgba(77, 89, 100, 0.1);
    box-shadow: 0 4px 15px rgba(77, 89, 100, 0.1);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  article.main details[open] {
    background-color: #fff;
    border-left: 4px solid #3285AB; }
    article.main details[open] summary::before {
      -webkit-transform: translateY(-50%) rotate(90deg);
      transform: translateY(-50%) rotate(90deg);
      color: #3285AB; }
    article.main details[open] .details-wrapper {
      -webkit-animation: details-show 0.4s ease-in-out;
      animation: details-show 0.4s ease-in-out; }

article.main summary {
  position: relative;
  padding: 1.25rem 1.5rem;
  padding-right: 3rem;
  cursor: pointer;
  font-family: "StainlessCond-Regular", Verdana, "DejaVu Sans", sans-serif;
  font-size: 1.1rem;
  color: #4D5964;
  list-style: none;
  font-weight: 600;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  article.main summary::-webkit-details-marker {
    display: none; }
  article.main summary:hover {
    color: #3285AB; }
  article.main summary::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #5B7E96;
    -webkit-transition: color 0.2s ease, -webkit-transform 0.3s ease;
    transition: color 0.2s ease, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, color 0.2s ease;
    transition: transform 0.3s ease, color 0.2s ease, -webkit-transform 0.3s ease;
    font-size: 0.9rem; }

article.main .details-wrapper {
  padding: 0 1.5rem 1.5rem;
  color: #4E565D; }
  article.main .details-wrapper p {
    margin-top: 0.5rem;
    line-height: 1.6;
    font-size: 1rem; }
    article.main .details-wrapper p:last-child {
      margin-bottom: 0; }

@-webkit-keyframes details-show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes details-show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@media (max-width: 768px) {
  article.main details {
    margin: 1.5rem 0; }
  article.main summary {
    padding: 1rem;
    padding-right: 2.5rem;
    font-size: 1rem; }
    article.main summary::before {
      right: 1rem; }
  article.main .details-wrapper {
    padding: 0 1rem 1rem; } }

.organistion .top-image {
  position: relative; }
  .organistion .top-image .details {
    width: 100%;
    text-align: center; }
    .organistion .top-image .details a {
      margin-top: .3rem;
      display: inline-block; }
      @media screen and (min-width: 992px) {
        .organistion .top-image .details a {
          margin-top: 0;
          font-size: 1.2em;
          color: white;
          background-color: transparent;
          text-transform: lowercase; } }
    .organistion .top-image .details #org-read-more {
      background-color: #c7cbcd;
      text-transform: uppercase;
      color: #040404;
      font-size: 20px;
      background-color: #C7CBCD;
      color: black;
      text-transform: uppercase;
      padding: 7px 17px; }
      .organistion .top-image .details #org-read-more::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "";
        display: inline-block;
        padding-right: 10px; }
  .organistion .top-image .field--field-main-media + .details {
    position: absolute;
    bottom: 0;
    color: white;
    background-color: rgba(0, 0, 0, 0.25);
    padding: 25px 0 50px; }
  .organistion .top-image h1,
  .organistion .top-image h2 {
    text-shadow: rgba(0, 0, 0, 0.25) 4px 4px 8px;
    line-height: 1.25;
    margin: 0; }
  .organistion .top-image h1 {
    font-size: 1.5em; }
    @media screen and (min-width: 768px) {
      .organistion .top-image h1 {
        font-size: 4em; } }
    @media screen and (min-width: 992px) {
      .organistion .top-image h1 {
        font-size: 6em; } }
  .organistion .top-image h2 {
    font-size: 1em; }
    @media screen and (min-width: 768px) {
      .organistion .top-image h2 {
        font-size: 1.75em; } }
    @media screen and (min-width: 992px) {
      .organistion .top-image h2 {
        font-size: 2.5em; } }

.organistion .field--body {
  padding-top: 2.5em;
  text-align: left; }

.organistion section {
  position: relative;
  padding: 1rem 0; }
  .organistion section h2 {
    text-align: center;
    font-size: 2em;
    line-height: 1.5em; }
    @media screen and (min-width: 768px) {
      .organistion section h2 {
        font-size: 3.25em; } }
  .organistion section.the-organisation {
    text-align: center; }
  .organistion section.workspaces.-inverted .view-title, .organistion section.projects.-inverted .view-title {
    color: #fff; }
  .organistion section.workspaces .organisation-related-content, .organistion section.projects .organisation-related-content {
    max-width: 51.2em;
    margin: 0 auto; }
    .organistion section.workspaces .organisation-related-content .views-rows:not(.slick-slider), .organistion section.projects .organisation-related-content .views-rows:not(.slick-slider) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
  .organistion section.workspaces .views-row, .organistion section.projects .views-row {
    padding: 0 0.2em;
    text-align: center; }
  .organistion section.workspaces .field--title a, .organistion section.projects .field--title a {
    font-size: 1.2em; }
  .organistion section.workspaces {
    background: url("../assets/img/fisker.jpg") no-repeat top center;
    background-size: cover; }
    .organistion section.workspaces .field--title a,
    .organistion section.workspaces .slick-prev:before,
    .organistion section.workspaces .slick-next:before {
      color: #fff; }
  .organistion section.projects {
    background-color: #C7CBCD; }
    .organistion section.projects .field--title a,
    .organistion section.projects .slick-prev:before,
    .organistion section.projects .slick-next:before {
      color: black; }
  .organistion section.related-organisations .views-rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .organistion section.related-organisations .views-row {
    padding: 20px 17px; }

.organistion.variant-small h1 {
  font-size: 3.25em; }

.organistion.variant-small aside .field .label {
  display: block;
  margin: 20px 0 7px;
  text-transform: uppercase;
  font-size: 1.1em;
  border-bottom: 1px solid #C7CBCD; }

.organistion.variant-small .field--field-related-zones .paragraph > .field,
.organistion.variant-small .field--field-related-rivers .paragraph > .field,
.organistion.variant-small .field--field-related-organisations .paragraph > .field {
  display: inline-block;
  padding: 0 10px; }

.node--type-organisation.node--view-mode-organisation-river-owner {
  max-width: 51.2em;
  text-align: center;
  margin: auto; }

.organisation-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .organisation-buttons {
      display: block;
      margin: 1em; } }
  .organisation-buttons a {
    background-color: #C7CBCD;
    color: black;
    text-transform: uppercase;
    padding: 7px 17px;
    margin-bottom: .4rem; }
    .organisation-buttons a::before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "";
      display: inline-block;
      padding-right: 10px; }
    @media screen and (min-width: 768px) {
      .organisation-buttons a {
        margin-bottom: 0; } }

.node--view-mode-river-owner h1 {
  font-size: 1.7em; }

.node--view-mode-river-owner .buttons a {
  display: inline-block;
  padding: .5em 1em;
  color: black;
  background: #F6F8F9; }

/*# sourceMappingURL=organisation.css.map */