/* Font */
@font-face {
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: normal;
  src: local('Myriad Pro Regular'), url('../fonts/MYRIADPRO-REGULAR.woff') format('woff');
}

@font-face {
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: bold;
  src: local('Myriad Pro Semibold'), url('../fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
  }

.body, a, h1, h2, h3, h4, h5, h6, p, div{
  color: #004568;
  font-family: 'Myriad Pro', serif;
}

h1, h2, h3, h4 {
  color:#1b6c44;
}

h1 {
  font-weight: bold;
  font-size: 32px;
}

h2 {
  font-weight: bold;
  font-size: 24px;
}

a {
  font-style: normal;
  color: #4f91b3;
}

p, div {
  font-size: 18px;
  text-align: left;
  line-height: 30px;
}

/* Remove css from admin menus */
.toolbar-menu-administration, #toolbar-bar > div {
  font-size: 13px;
  line-height: 13px;
}

/*Logo region*/
.nsk-frontpage-logo { margin: 0 15vw;}
.nsk-frontpage-logo-mobile {display: none;}

.region.region-logo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

#block-socialmedialinks {
  display: flex;
  flex-direction: row;
  padding: 16px 0 0 0;
}

#block-socialmedialinks > ul > li > a {
  color: #cbd8dd;
}

#block-socialmedialinks > ul > li > a:hover{
  color: #4f91b3;
}

.svg-inline--fa.fa-facebook-f{
  font-size: 33px;
  padding: 2px 0 0 0;
}

/* Language switcher */
.nsk-frontpage-language-switcher {
  margin: 0 15vw;
}

.language-switcher-language-url > ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;

  padding: 20px 0 0 0;

  list-style-type: none;
  text-transform: uppercase;
}

.language-switcher-language-url > ul > li { margin: 0 0 0 20px; }
.language-switcher-language-url > ul > li > a { color: #004568; }
.language-switcher-language-url > ul > li > a { color: #4f91b3; }

/* status message */
.alert.alert-success.alert-dismissible,
.alert.alert-danger.alert-dismissible {
  margin-top: 20px;
}

/* Account menu region */
.nsk-account-menu {
  overflow: hidden;
  margin: 0 15vw;
}

.menu.menu--account.nav.navbar-nav.navbar-right > li > a {
  color: #004568;
}

.menu.menu--account.nav.navbar-nav.navbar-right > li > a:hover {
  background-color: unset;
  color: #4f91b3;
}

/* Hide navbar in my account page */
a#hide-nav-tab {
    display: none;
}

/* Navbar region */
.navbar.navbar-default.container{
  border: none;
  background: #e8f1f5;
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

.navbar-slant {
  height: 70px;
  background: linear-gradient(179deg, #fff 48%, #e8f1f5 50%);
}

.container > .navbar-header {
  margin: 0px 15vw 0 calc(15vw - 11px);
  float: none;
}

.region-navigation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.region-navigation > #block-languageswitcher,
.region-navigation > #block-socialmedialinks-2 {
  display: none;
}

.tabs--primary.nav.nav-tabs > li > a {
  color: #004568;
}

/*For navigation*/
.region-navigation > section {
  width: 80%;
}

/*For search bar*/
.region-navigation > div {
  top: -11px;
}

.js-form-type-search > div {
  border-bottom: 1px solid #999;
}

.js-form-type-search > div > input {
  border: none;
  box-shadow: none;
  background-color: #e8f1f5;
}

.js-form-type-search > div > span > button {
  background-color: #e8f1f5;
  border-color: #e8f1f5;
  color: #999;
}

.js-form-type-search > div > span > button:hover {
  background-color: #e8f1f5;
  border-color: #e8f1f5;
  color: #999;
}

.js-form-type-search > div > input:focus,
.js-form-type-search > div > input:focus + span > button {
  box-shadow: none;
  background-color: #fff;
  border-color: #fff;
  color: #004568;
}

.emtc-header{
  font-family: 'Myriad Pro', serif;
  font-size: 16px;
  margin-right: auto;
  color: #004568;
}
.emtc-header-content{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.emtc-header-content-right {
  display: flex;
  align-items: center;
}

.header-logo{
  padding-right: 35px;
  border-right: 1px solid #535353;
}
.header-text{
  padding: 20px 50px;
  font-size: 16px;
}

/* Navigation */
#superfish-main > li{
  background-color: unset;
  font-size: 23px;
  text-transform: uppercase;

}

#superfish-main > li > a,
#superfish-main > li > span {
  text-decoration: none;
  color: #004568;
  cursor: pointer;
}

#superfish-main > li > a > span,
#superfish-main > li > span > span{
  display: none;
}

#superfish-main > li > ul{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-size: 23px;
  margin-left: 16px;
  margin-top: -26px;
  padding-top: 81px;
  border-left: 3px solid #c0272c;
  box-shadow: none;
}

#superfish-main > li > ul > li > a {
  color: #1b6c44;
  text-transform: initial;
}

#superfish-main > li > ul > li > a > span {
  color: #808080;
  font-size: 16px;
  width: 100%;
  display: inline-block;
}

#superfish-main > li > span{
  margin-left: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 20px 0 9px;
}
#superfish-main > li > a {
  margin: 10px 0;
  padding: 0 20px 0 9px;
}

#superfish-main > .sfHover > a,
#superfish-main > li:hover > a,
#superfish-main > .sfHover > span,
#superfish-main > li:hover > span {
  padding-left: 6px;
  padding-bottom: 0;
  padding-top: 0;
  border-left: 3px solid #c0272c;
  background-color: unset;
}

#superfish-main-toggle {
  margin-top: 20px;
}

/* Breadcrumbs */
.nsk-breadcrumbs-region {
  background-image: url(/themes/custom/nsk2/images/NSK_Slide_vidinis.png);
  background-color: #e8f1f5;
  background-size: cover;
  height: 159px;
  margin: 0 0 40px 0;
}

.nsk-breadcrumbs-region > div {
  position: relative;
  top: 80px;
  margin: 0 15vw;
  display: flex;
}

/* Page title */
.nsk-breadcrumbs-region > div > h1 {
  padding: 0px 30px 0 0;
  color: #fff;
  font-size: 42px;
  border: none;
}

.nsk-breadcrumbs-region > div > ol {
  background-color: transparent;
  padding: 10px 15px 8px 0;
  white-space: nowrap;
  overflow: hidden;
}

.breadcrumb > li + li:before {
  color: #fff;
}

.breadcrumb > li:last-child > div {
  text-decoration: underline;
}

.nsk-breadcrumbs-region > div > ol > .active,
.nsk-breadcrumbs-region > div > ol > li > a {
  color: #fff;
  font-size: 20px;
}

.breadcrumbs-active {
  display: inline-block;
  font-size: 20px;
  color: #fff;
}

.nsk-breadcrumbs-region > div > ol > .active::target-text {
  text-decoration: underline;
}

/* Frontpage welcome banner */
.nsk-frontpage-banner {
  background: linear-gradient(180deg, #e8f1f5 50%, #e6f1eb 50%);
}

.frontpage-banner-background {
  background-image: url('/themes/custom/nsk2/images/NSK_Slide_home.png');
  background-size: cover;
  background-position: left;
  height: 650px;
}

.frontpage-banner-container {
  margin: 0 3vw 0 15vw;
  padding-top: 130px;
  color: #fff;
  display: flex;
}

.frontpage-banner-welcome { font-weight: bold; }
.frontpage-banner-welcome p { font-size: 30px; color: #fff; }
.frontpage-banner-welcome h1 { font-size: 72px; color: #fff; line-height: 72px; }

.frontpage-banner-flavour {
  overflow-wrap: break-word;
  font-style: italic;
  padding-left: 12%;
  padding-right: 2%;
  padding-top: 5%;
}

.frontpage-banner-flavour p,
.frontpage-banner-flavour a  {
  font-size: 22px;
  line-height: 36px;
  text-align: left;
  color: #fff;
}

/* Main content region */

.main-container.container {
  padding: unset;
  width: auto;
  margin: 0 15vw;
}

.main-container.container > .row > .col-sm-3 {
  padding: 0 10px 0 0;
}

.field-content h1 {
  padding-bottom: 20px;
}

/* Frontpage news block */

.nsk-news-block {
  position: relative;
  top: -3px;
  padding: 0px 15vw 30px 15vw;
  background-color: #e6f1eb;
}

.frontpage-news-cards {
  display: flex;
  align-items: flex-end;
  list-style-type: none;
  padding: unset;
}

.frontpage-news-cards > li { padding: unset; }
.frontpage-news-cards > li:first-child { padding: 0 26px 0 0; }
.frontpage-news-cards > li:last-child { padding: 0 0 0 26px; }
.frontpage-news-cards > li:not(:first-child,:last-child) { padding: 0 13px; }

.card-title-container {
  display: flex;
  height: 105px;
  align-items: flex-end;
}

.card-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  padding: 0 0 4px 0;
}

.card-title > a{
  font-weight: bold;
  font-size: 26px;
  color: #1b6c44;
}

.img-border {
  background-color: hsl(147deg 28% 87%);
}

.img-border > a > img, .img-border > img {
  object-fit: contain;
  height: 26vh;
  margin: auto;
}

.card-body {
  display: -webkit-box;
  height: 300px;
  padding: 20px 0 20px 0;
  margin: 20px 0 0 0;

  border-top: 1px solid #1b6c44;
  border-bottom: 1px solid #1b6c44;

  overflow: hidden;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
}

.card-link-more{ margin: 20px 0 0 0; }

.card-link-more > a {
  display:inline-block;
  width: 60%;
  padding: 12px;

  text-align: center;
  text-decoration: none;
  background-color: #004568;
  color: #fff;
}

.card-link-more > a:hover { background-color: #4f91b3; }

/* Frontpage events block */

.frontpage-event-cards {
  display: flex;
  justify-content: flex-start;
  gap: 40px;
  list-style-type: none;
  padding: unset;
}

.frontpage-event-cards > li {
  width: 30%;
  display: flex;
  align-items: center;
  background-color: #c1dccd;
  border-radius: 5px;
  padding-right: 20px;
}

.frontpage-event-cards > li > div {
  min-width: 0;
}

.event-container {
  display: flex;
}

.event-container-location {
  display: flex;
  flex-direction: column;
}

.event-container-place > ul {
  padding-left: 0;
  list-style-type: none;
}

.event-container-left {
  padding: 20px;
  margin: auto 0;
  display: flex;
    flex-direction: column;
    align-items: center;
}

.event-month {
  background-color: #f9b90f;
  width: 50px;
  text-align: center;
  color: black;
}

.event-day {
  background-color: white;
  width: 50px;
  text-align: center;
}

.event-container-right {
  min-width: 0;
  display: flex;
    flex-direction: column;
    justify-content: center;
}

.event-container-title,
.event-container-setting,
.event-container-place {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.event-container-left > div > time:last-child {
  display: none;
}

/* Pager css */

.view.view-news.view-display-id-block_1 {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}

.view.view-news.view-display-id-block_1 > nav {
  position: absolute;
  width: 110%;
  top: 50%;
  left: -5%;
}

ul.pager.js-pager__items > .next > a {
  background-image: url(/themes/custom/nsk2/images/arrow_right.png);
  background-repeat: no-repeat;
  border: none;
  background-color: #e6f1eb;
  height: 27px;
}

ul.pager.js-pager__items > .next > a:hover { background-image: url(/themes/custom/nsk2/images/arrow_right_hover.png); }

ul.pager.js-pager__items > .previous > a {
  background-image: url(/themes/custom/nsk2/images/arrow_left.png);
  background-repeat: no-repeat;
  border: none;
  background-color: #e6f1eb;
  height: 27px;
}

ul.pager.js-pager__items > .previous > a:hover { background-image: url(/themes/custom/nsk2/images/arrow_left_hover.png); }

ul.pager.js-pager__items > .next > a > span { display: none; }
ul.pager.js-pager__items > .previous > a > span { display: none; }


ul.pagination.js-pager__items > li > a { color: #004568; }
ul.pagination.js-pager__items > li.is-active > a {
  color: #fff;
  background-color: #004568;
 }

/* edsj content type list */

.emtc-authored-on {
  padding-bottom: 20px;
}

.content-list-grid {
  display: grid;
  padding: 20px;
  margin-bottom: 40px;
  border-left: solid 1px;
}

.content-list-grid-1,
.content-list-grid-2 {
  grid-column: 1/3;
  padding-bottom: 10px;
}

.content-list-grid-1 > a {
  padding-bottom: 15px;
  font-size: 32px;
  line-height: 32px;
  font-weight: bold;
  color: #1b6c44;
}

.content-list-grid-3 {
	grid-column: 2/3;
	grid-row: 3/4;
}

.content-list-grid-4 {
  padding: 0 10px 10px 0;
  line-height: 30px;
}

/* edsj content detailed view */
.bordered-field-list {
  display: flex;
  flex-direction: column;
}

.bordered-field-list > h3 {
  padding: 10px 0 30px 0;
  font-size: 30px;
}

.bordered-field-list > div {
  border-bottom: 1px solid #c5c5c5;
}

.bordered-field-list > div:last-child {
  border-bottom: none;
}

.bordered-field-list > .field {
  padding: 10px 0;
}

.bordered-field-list > .field > .field--label {
  width: 300px;
}

.field--name-field-dsj-website-link > .field--items > .field--item {
  cursor: default;
  color: #fff;
  user-select: none;
}

.bordered-field-list > .field > .field--items > .field--item > a {
  user-select: all;
  padding-right: 10px;
}

.edsj-main-content > * {
  padding-bottom: 20px;
}

/* Events */

.field--name-field-dsj-event-location > div > p {
  display: flex;
  gap: 5px;
}

.edsj-event-header {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}

.edsj-event-header > * {
  padding-right: 30px;
}

/* Members */

.view-content > h3 {
  padding: 0 0 20px 0;
  margin: 50px 0 40px 0;
  font-weight: bold;
  font-size: 32px;
}

.view-content > h3:first-child { margin-top: 0px;}

.member-list-logo {
  padding-right: 10px;
}

.member-list-logo > a > img {
  padding: 15px 10px 0 0;
  min-width: 120px;
}

.member-list-content {
  display: flex;
  margin: 0 0 40px 0;
}

.member-list-text > h4 > a {
  margin-top: 0px;
  font-weight: bold;
  font-size: 24px;
  color:#004568;
}

/* Activities */

div#activities-header > * {
  margin: 0 0 40px 0;
}

ul#activities {
  padding: 0;
}

ul#activities > li {
  list-style-type: none;
  border-left: 3px solid #004568;
  padding: 0 0 0 20px;
  margin: 0 0 40px 0;
}

.activities-row {
  margin: 0 0 40px 0;
}

.activities-row > article { display: flex; }

.activities-row > article > h2 {
  padding: 0 40px 0 0;
  max-width: 300px;
  min-width: 300px;
 }

.activities-row > article > h2 > a { pointer-events: none; }

.activities-row > article > h2 > a > span{
  font-weight: bold;
  font-size: 24px;
  color: #1b6c44;
}

.activities-row > article > .content {
  border-left: solid 1px;
  padding: 0px 0 0 40px;
  margin: 20px 0 0 0;
}

.activities-row > article > .content > div {
  margin: 0 0 30px 0;
}

.activities-row > article > .content > div > .field--label,
.activities-row > article > .content > div > .field--item > h4 {
  padding: 10px 0 0 0;
  font-weight: bold;
  font-size: 22px;
  color: #004568;
}

.activities-row > article > .content > div > .field--label:first-child{
  padding: 0;
}

.activities-row > article > .content > div > .field--item {
  font-size: 18px;
  line-height: 30px;
  color: #004568;
}

.activities-row > article > .content > div > .field--items > .field--item > a { color: #4f91b3; }

/* Calendar block */

.fc-toolbar { flex-direction: column-reverse; }

.js-drupal-fullcalendar {
  min-width: 250px;
}

.fc-right { display: none; }

.fc-widget-header {
  margin-right: unset !important;
}

.fc-content {
  height: 20px;
}

.fc-scroller {
  height: 100% !important;
  overflow: auto !important;
}

.fc-center {
  margin-bottom: 15px;
}

/* Filter block */

.well.region.region-sidebar-second {
  background-color: #fff;
  border: none;
  border-radius: 0px;
  border-left: 1px solid #c7c7c7;
  padding: 0 5px 20px 20px;
  margin: 30px 0 0 0;
  box-shadow: none;
}

.well.region.region-sidebar-second > section > h2 {
  font-size: 18px;
}

.well.region.region-sidebar-second > section > form > div {
  display: flex;
  flex-direction: column;
}

.well.region.region-sidebar-second > section > form > div > div{
  display: flex;
  flex-direction: column;
  padding: 10px 0;
}

.well.region.region-sidebar-second > section > form > div > div > div > select { width: 100%; }
.well.region.region-sidebar-second > section > form > div > div > button {
  width: 100%;
  margin: 10px 0;
}

.well.region.region-sidebar-second > section > form > div > div > input { padding: 0 7px; }

.btn-info, .btn-danger {
  background-color: #004568;
  border: none;
}

.btn-info:hover, .btn-danger:hover { background-color: #4f91b3;}

.btn-info:active, .btn-danger:active { background-color: #4f91b3;}

.btn-info:focus, .btn-danger:focus { background-color: #4f91b3;}

.btn-info:focus:active, .btn-danger:focus:active { background-color: #4f91b3;}

/* Footer */

footer.footer.container {
  width: unset;
  margin: 45px 15vw 0 15vw;
  padding-left: unset;
}

.emtc-footer-rights-content {
  margin-top: 20px;
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.emtc-footer-rights-content-text-1,
.emtc-footer-rights-content-text-5{
  color: #535353;
}

.emtc-footer-rights-content-text-2{
  color: #fab90f;
  padding: 0 5px 0 0;
}

.emtc-footer-rights-content-text-3{
  color: #1b6c44;
  padding: 0 5px 0 0;
}

.emtc-footer-rights-content-text-4{
  color: #c0272c;
  padding: 0 5px 0 0;
}

.block-title{
  font-weight: bold;
  font-size: 32px;
  text-transform: uppercase;
  padding-bottom: 30px;
}

/* Partners block */

.emtc-partner-block {
  border-top: 1px solid #535353;
  margin-top: 20px;
}

.emtc-partner-block > div {
  padding-top: 20px;
  display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    gap: 20px;
}

img.partner-image-long {
  width: 280px;
}

img.partner-image-square {
  width: 110px;
}

@media (max-width: 1200px) {
  .main-container.container { margin: 0 5vw; }

  h1{ font-size: 24px;}

  /* Hide regions */
  .nsk-frontpage-language-switcher,
  .nsk-frontpage-logo,
  .nsk-account-menu,
  .navbar-slant {
    display: none;
  }

  .path-frontpage.has-glyphicons {
    margin-top: unset;
  }

  /* Navbar region */
  #navbar {
    background-color: white;
    position: fixed;
    width: 100vw;
    z-index: 10;
    border-radius: 0;
  }

  .container > .navbar-header {
    margin: unset;
    float: unset;
  }

  .navbar-header {
    border-bottom: 1px solid #1b6c44;
  }

  #superfish-main-accordion {
    border-bottom: 3px solid #c0272c;
  }

  /* Navigation menu */
  .region-navigation {
    flex-wrap: nowrap;
    align-items: unset;
    justify-content: unset;
    margin-bottom: -9px;
  }

  .region-navigation > section { width: unset }

  #block-nsk2-mainnavigation {
    margin: 0 0 0 auto;
  }

  #superfish-main-toggle {
    margin-top: unset;
    padding: 2em 2em 1em 1em;
    background-color: #1b6c44;
    border-color: #1b6c44;
  }

  #superfish-main-toggle > span {
    display: none;
  }

  .sf-accordion-toggle {
    text-align: end;
  }

  #superfish-main-accordion {
    position: fixed;
    width: 100vw;
    left: 0 !important;
    margin-top: -9px;
  }

  #superfish-main-accordion > li {
    background-color: #fff;
  }

  #superfish-main-accordion > li > ul > .sf-clone-parent {
    display: none;
  }

  #superfish-main-accordion > li > a,
  #superfish-main-accordion > li > span,
  #superfish-main-accordion > li > ul > li > a {
    color: #4f91b3;
  }

  /* Language switcher */
  .region-navigation > #block-languageswitcher{
    display: contents;
  }

  .region-navigation > #block-languageswitcher > .links {
    padding: 14px 0 0 0;
  }

  .region-navigation > #block-socialmedialinks-2 {
    margin:  5px 0 0 30px;
    display: flex;
  }

  .region-navigation > #block-searchform{
    display: none;
  }

  /* Frontpage logo mobile */
  .nsk-frontpage-logo-mobile { display: contents; }

  .region-logo-mobile { padding-top: 60px; }

  .emtc-header {
    display: flex;
    justify-content: center;
    padding: 20px 0;
  }

  .emtc-header-content-right { flex-direction: column; align-items: unset; padding-left: 35px;}
  .header-text { padding: 0;}

  /* Frontpage banner */
  .nsk-frontpage-banner { background: unset;}

  .region.region-banner {
    height: 940px;
  }

  .frontpage-banner-container {
    flex-direction: column;
  }

  .frontpage-banner-background { background-position: 25% 50%; }

  /* Frontpage welcome banner */
  .frontpage-banner-flavour{
    position: relative;
    top: 190px;
    padding: unset;
  }
  .frontpage-banner-flavour > p,
  .frontpage-banner-flavour > p > a{
    color: #1b6c44;
  }

  /* Frontpage events block */

  .frontpage-event-cards {
    flex-direction: column;
    align-items: center;
  }

  .frontpage-event-cards > li {
    width: 70%;
    margin: 15px 0;
  }

  /* Frontpage news card block */
  .frontpage-news-cards {
    flex-direction: column;
    padding: 50px 0 20px 0;
  }

  .frontpage-news-cards > li {
    width: 100%;
    padding: 0;
  }

  .frontpage-news-cards > li:not(:last-child) {
    padding: 0 0 100px 0;
  }

  .card-title > a { font-size: 24px; }

  .img-border > a > img, .img-border > img { height: 34vh; }

  .card-title-container { height: auto; }

  .card-title {
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
  }

  .card-creation-date { font-size: 16px;}

  .card-body {
    height: auto;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    font-size: 16px;
  }

  .card-link-more > a {
    width: 100%;
    font-size: 16px;
  }

  .view.view-news.view-display-id-block_1 > nav {
    top: unset;
    bottom: 24px;
    left: -10%;
    width: 120%;
  }

  .frontpage-news-cards > li:last-child {
    padding: 0;
  }

  /* Breadcrumbs */
  .nsk-breadcrumbs-region > div > h1 {
    font-size: 36px;
    padding: unset;
    margin: unset;
  }

  .nsk-breadcrumbs-region > div > ol {
    padding: unset;
    margin: unset;
  }

  .nsk-breadcrumbs-region > div {
    height: 106px;
    top: 53px;
    margin: 0 5vw;
    flex-direction: column;
    justify-content: center;
  }

  .breadcrumbs-active,
  .breadcrumb > li + li:before {
    font-size: 14px;
  }

  .nsk-breadcrumbs-region {
    background-color: #fff;
    background-position: 25% 50%;
  }

  /* List content */
  .content-list-grid {
    border: unset;
    padding: unset;
  }

  .content-list-grid > div {
    grid-column: unset;
  }

  .content-list-grid-1 > a {
    font-size: 24px;
  }

  .content-list-grid-3 {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 20px;
  }

  .content-list-grid-4{
    font-size: 16px;
  }

  .content-list-grid-2,
  .content-list-grid-3,
  .content-list-grid-4 {
    padding-left: 20px;
    border-left: solid 1px;
  }

  /* Activities */

  .activities-row > article {
    flex-direction: column;
    border-bottom: 1px solid #dadada;
  }

  .activities-row > article > h2 {
    padding: 0;
    max-width: 0;
    min-width: 0;
  }

  .activities-row:last-child > article {
    border-bottom: 0;
  }

  .activities-row > article > .content {
    border-left: 0;
    padding: 0;
  }

  /* Calendar block */
  .js-drupal-fullcalendar {
    min-width: 180px;
  }

  .fc-toolbar>*>:not(:first-child) {
    margin-left: unset;
    margin-top: 10px;
  }

  .fc-center > h2 {
    font-size: 26px;
  }

  .fc-left {
    display: flex;
    flex-direction: column;
  }
}

/* For images, long links and front banner flavor text */
@media (max-width: 800px) {
  .field-content {
    word-wrap: break-word;
  }

  .field-content > p > a > img,
  .field-content > p > img {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 767px) {
  /* Calendar block */
  .fc-toolbar>*>:not(:first-child) {
    margin-left: .75em;
    margin-top: unset;
  }

  .fc-left {
    display: unset;
  }

  /* Filter */
  .main-container.container > .row {
    display: flex;
    flex-direction: column-reverse;
  }

  .well.region.region-sidebar-second {
    border-left: 0;
    margin-top: 0;
  }

  .well.region.region-sidebar-second > section > h2 {
    font-size: 24px;
  }

  .well.region.region-sidebar-second > section > form > div > div {
    margin-bottom: 0;
  }

  .well.region.region-sidebar-second > section > form > div > div > label {
    font-size: 16px;
  }

  .well.region.region-sidebar-second > section > form > div > div > button {
    width: 80%;
    margin: 10px auto;
  }

  /* Content details */
  .bordered-field-list > .field {
    display: flex;
    flex-direction: column;
    padding: 15px 0;
  }

  .bordered-field-list > .field > .field--label {
    width: unset;
    padding-bottom: 10px;
  }
}

@media (max-width: 650px) {
  /* Logo block */
  .emtc-header-content {
    flex-direction: column;
  }

  .header-logo {
    border-right: 0;
    padding-right: 0;
  }

  .emtc-header-content-right {
    align-items: center;
    padding-left: 0;
  }

  .header-text {
    padding: 20px 0;
  }

  /* Frontpage banner */
  .frontpage-banner-welcome p { font-size: 18px; }
  .frontpage-banner-welcome h1 { font-size: 40px; line-height: 40px; }

  /* News block */
  .nsk-news-block { padding: 0px 5vw 30px 5vw; }

  .frontpage-news-cards > li:last-child {
    padding: 0;
  }

  .frontpage-banner-background { height: 500px; }

  .frontpage-banner-container {
    margin: 0 3vw 0 8vw;
  }

  .view.view-news.view-display-id-block_1 > nav {
    width: 94%;
    left: 3%;
    bottom: -32px;
  }

  .img-border > a > img, .img-border > img {
    height: 28vh;
  }

  /* Footer */
  footer.footer.container { margin: 45px 5vw 0 5vw; }
}

@media (max-width: 450px) {
  .img-border > a > img, .img-border > img {
    height: 28vh;
  }
}

/* ----------------------------------------------
   BREAKPOINTS FOR FIXING FRONTPAGE BANNER FLAVOR TEXT, very bad
   ---------------------------------------------- */

   @media (max-width: 875px) {
    .region.region-banner {
      height: 980px;
    }
  }

  @media (max-width: 693px) {
    .region.region-banner {
      height: 1050px;
    }
  }

  @media (max-width: 650px) {
    .frontpage-banner-flavour {
      top: 140px;
    }

    .region.region-banner {
      height: 890px;
    }
  }

  @media (max-width: 634px) {
    .region.region-banner {
      height: 920px;
    }
  }

  @media (max-width: 526px) {
    .region.region-banner {
      height: 950px;
    }
  }

  @media (max-width: 526px) {
    .region.region-banner {
      height: 990px;
    }
  }

  @media (max-width: 418px) {
    .region.region-banner {
      height: 1050px;
    }
  }

  @media (max-width: 358px) {
    .region.region-banner {
      height: 1090px;
    }
  }

/* ----------------------------------------------
   CSS Alignment Classes used by CKEditor plugins
   ---------------------------------------------- */
figure.align-right,
figure.align-left {
  padding: 10px;
  margin: 0px;
  display: table;
}

figure.align-center {
  padding: 10px;
  display: table;
}

figure.align-right figcaption,
figure.align-left figcaption,
figure.align-center figcaption {
  font-size: small;
  text-align: center;
  display: table-caption;
  caption-side: bottom ;
  margin-bottom: 5px;
}

@media (max-width: 768px) {
  figure.align-right,
  figure.align-left,
  figure.align-center {
    width: 100%;
  }

  figure.align-right img,
  figure.align-left img,
  figure.align-center img {
    width: 100%;
  }

  figcaption {
    padding: 0 10px 0 10px;
    font-size: x-small;
  }
}

/* Cookie banner */
div#sliding-popup {
  padding: 30px 5px 5px 30px;
  background-color: #f0f0f0;
}
div#sliding-popup #popup-text > *:not(h2){
  font-size: 14px;
}
div#sliding-popup #popup-buttons{
  font-size: 16px;
}
div#sliding-popup #popup-text > *,
div#sliding-popup #popup-buttons > *:first-child
{
  color: #1b6c44;
}
div#sliding-popup .eu-cookie-compliance-message p{
  font-weight: normal;
}

.small-horizontal-padding{
  padding: 0 5px;
}