/*** GENERAL ***/
.small-screen-only {
    display: block !important;
  }
  body {
    min-width: 0;
      max-width: 100%;
    -webkit-text-size-adjust: none;
      background-image: none !important;
  }
  #container,
  #superheader,
  #superheader > div,
  #header,
  #header-container,
  #feature,
  #feature > div,
  #page-body,
  #precontent,
  #precontent .block,
  #content,
  #main-content-container,
  body.one-sidebar #main-content-container, 
  body.one-sidebar #content,
  body.one-sidebar #content,
  #sidebar,
  #block-sponsors-2,
  #block-credits,
  body.front #main-content-container .block:not(.block-kam-page-title) > *,
  #block-views-block-site-locations-block-1,
  #block-digitalculturalheritage,
  #block-views-sites-block-1 .views-row, 
  #content .view-sites .views-row,
  #footer {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      float: none;
  }
  .views-row {
    margin-bottom: 20px !important;
  }
  .node--type-site .group-details .field {
    margin-bottom: 10px;
  }
  #block-credits {
    margin: 20px auto auto !important;
    padding: 20px 0 0 0 !important;
  }
  .node--type-site .field--name-field-hero-image {
    height: auto;
  }
  .ui-content {
      padding: 0 !important;
  }
  #page-body h1 {
    font-size: 1.8em;
    line-height: 1.1;
  }
  h1,
  h2,
  h3,
  a {
      overflow-wrap: break-word;
    word-wrap: break-word;
  }
  #page-body h2, 
  #block-views-block-events-block-1 .views-field-title {
    font-size: 1.3em;
  }
  #page-body h3, #subcontent h3, #block-views-block-events-block-1 .views-field-field-date {
    font-size: 1.1em;
  }
  img {
    max-width: 100% !important;
    height: auto !important;
    float: none !important;
  }
  span.ext,
  span.mailto {
    display: none !important; /* cause width problems in some cases */
  }
  
  /* Header */
  #block-kam-branding img {
    max-width: 100px !important;
  }
  #superheader .block-search {
    width: 50%;
    float: right;
  }
  #superheader .block-search .form-search {
    width: 70%;
    -webkit-appearance: none;
    border-radius: 0px;
    margin: 0;
  }
  #superheader .block-search .form-submit {
    width: 30%;
    -webkit-appearance: none;
    margin: 0;
  }
  #superheader #block-socialmedia {
    width: 26%;
    margin: 0;
    padding: 0;
    float: none;
    position: absolute;
    top: 10px;
    left: 10px;
    margin-top: 0;
  }
  #block-socialmedia a, 
  #block-socialmedia-2 a {
    width: 18px;
  }
  #block-socialmedia a:before, 
  #block-socialmedia-2 a:before {
    font-size: 16px !important;
  }
  #superheader #block-socialmedia ul li, #block-socialmedia-2 ul li, #block-block-10 ul li {
    margin: 0 1px 0 0;
  }
  #superheader #block-socialmedia {
    top: 2px;
  }
  
  #header-container {
    text-align: center;
    position: relative;
  }
  #header .logo {
    display: inline-block;
    float: none;
    width: auto;
    height: 120px;
  }
  #header .logo img {
    width: auto !important;
    height: 100% !important;
  }
  
  #header {
    border-bottom: 5px solid #62c2ca;
  }
  
  /*** Navigation ***/
  #block-mainnavigation .small-screen-nav-trigger {
    display: block;
    position: absolute;
    z-index: 99;
    background: transparent url(nav-trigger-bg.png) scroll no-repeat 10px 50%;
    background-size: 20px;
    padding: 10px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: 40px;
    white-space: nowrap;
    right: 5px;
    top: 105px;
    cursor: pointer;
  }
  #block-mainnavigation .small-screen-nav-submenu-trigger {
      display: inline-block !important;
      position: absolute;
      color: #fff;
      font-size: 28px;
      right: 10px;
    top: 5px;
    z-index: 99 !important;
    cursor: pointer;
    width: 30px;
    height: 30px;
  }
  #block-mainnavigation,
  #block-mainnavigation .menu {
    box-sizing: border-box;
  }
  #block-mainnavigation .menu {
    background: #62c2ca;
    float: none;
    width: 100%;
    text-align: center;
    display: none;
  }
  #header .menu .menu li {
    border-bottom: none;
  }
  #header .menu a {
    padding: 10px 0 10px 10px;
    text-align: left;
    font-size: 18px;
    height: auto;
    width: 100%;
    display: block;
  }
  #header .menu .menu li a {
    padding: 10px 0 10px 20px;
  }
  #header .menu .menu .menu li a {
    padding: 10px 0 10px 30px;
  }
  #header .menu .menu .menu .menu li a {
    padding: 10px 0 10px 40px;
  }
  #header .menu .active-trail a,
  #header .menu a.active {
      background: none;
  }
  #header .menu li:nth-of-type(even),
  #header .menu li:nth-of-type(even) .menu {
    background: none;
    background-color: transparent;
  }
  #header .menu li {
    background: none !important;
    background-color: transparent !important;
    margin-left: 0;
    height: auto;
    width: 100%;
    border-bottom: 1px solid white;
  }
  #header .menu .menu {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    padding: 0;
    display: none;
  }
  #header .menu li:hover .menu,
  #header .menu .menu .menu {
    display: none;
  }
  #header .menu .menu-item--active-trail > a, 
  #header .menu a.is-active,
  #header .menu a:hover {
    background: none !important;
    color: #333;
  }
  #header .menu .menu-item--active-trail a {
    background: none !important;
  }
  #subheader {
    display: none;
  }
  
  /* Homepage */
  .view-features .views-field-field-image {
    position: static;
    float: left;
  }
  .view-features .views-field-title {
    width: 100%;
    padding: 10px;
    display: block;
    position: static;
    height: auto;
    background: none;
    background-color: transparent;
    float: left;
  }
  #page-body .view-features .views-field-title h3 {
    font-size: 1.6em;
  }
  .view-features .view-content,
  .view-features .views-row img,
  .view-features .views-row {
      width: 100%;
  }
  .view-features .views-row {
    height: auto;
    /* min-height: 120px; */
  }
  .view-features {
    height: auto;
  }
  .view-features .cycle-pager {
    display: none;
  }
  
  #block-kamblog > .field--name-body {
    width: 100% !important;
    top: unset;
    padding: 20px;
    box-sizing: border-box;
    margin: 0 auto;
  }

  body.front #main-content {
    padding: 20px 10px;
  }
  body.front #page-body {
    padding: 0;
  }
  #block-views-events-block-4 {
    padding: 10px !important;
    box-sizing: border-box;
  }
  #block-views-events-block-4 .views-row {
    width: 100%;
    height: auto;
  }
  #block-views-events-block-4 .views-field-field-image {
    max-width: 600px;
    margin: 0 0 15px 0;
    height: 240px;
  }
  #block-views-events-block-3 .view-header, 
  #block-views-events-block-4 .view-header, 
  #block-views-instagram-feed-block .view-header, 
  #block-views-twitter-block .view-header {
    position: unset !important;
    margin: 15px 0;
  }
  #block-views-events-block-4 .views-row:nth-of-type(2) {
    margin-bottom: 20px;
  }
  #precontent #block-views-blog-feed-block {
    height: auto;
  }
  #block-views-blog-feed-block {
    padding: 10px;
    box-sizing: border-box;
  }
  #block-views-blog-feed-block .views-field-description-1 {
    width: 100%;
    height: 300px;
    float: none;
    margin-top: 0;
    margin-bottom: 20px;
  }
  #block-views-blog-feed-block .views-field-description-1 img:first-of-type {
    width: 100%;
    height: auto;
  }
  #block-views-blog-feed-block .view-blog-feed {
    padding: 10px 10px 30px 10px;
  }
  #precontent #block-views-instagram-feed-block {
    padding: 10px;
  }
  #block-views-instagram-feed-block .views-row {
    width: 100%;
    height: 400px;
    margin: 0 0 20px 0;
  }
  #block-views-twitter-block {
    padding: 10px;
    box-sizing: border-box;
    margin: 20px 0 0 0;
  }
  #block-views-twitter-block .views-row,
  #block-views-twitter-block .views-row:last-of-type {
    margin: 0 0 20px 0;
    width: 100%;
  }
  
  
  /* Pages */
  #page-body {
    padding: 20px 10px;
    height: auto !important;
  }
  #sidebar {
    margin: 40px 0 0 0;
  }
  #block-views-sites-block-1 {
    text-align: center;
  }
  #block-views-sites-block-1 .views-row:nth-of-type(5n+6), 
  #block-views-sites-block-1 .views-row:first-child,
  #block-views-sites-block-1 .views-row {
    margin: 0 10px !important;
  }
  .node-site .field-name-field-hero-image {
    height: auto;
  }
  body.node-type-site .field-name-body .body-with-twitter,
  body.node-type-site .field-name-body .block-views {
    float: none;
    width: 100%;
  }
  #block-views-event-calendar-block-1 {
    display: none;
  }
  .webform-client-form input {
    width: 90%;
    max-width: 400px;
    -webkit-appearance: none;
  }
  .webform-client-form #edit-submit {
    width: auto;
  }
  .team-member,
  .team-member:nth-of-type(2) {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
  }
  .node-event .field-name-field-image img {
    margin: 0;
  }
  
  #block-views-site-locations-block,
  #block-block-14 {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
  }
  
  /* Footer */
  #block-sponsors-2 li {
    width: 42%;
    margin: 10px 4%;
    display: inline-block;
  }
  #block-sponsors-2 li img {
    width: 100%;
    max-width: 200px !important;
    height: auto;
  }
  
  .block-mailchimp-signup label {
    margin: 0 0 10px 0;
  }
  .block-mailchimp-signup input {
    margin: 0;
  }
  
  #footer {
    padding: 20px 10px;
  }
  #block-block-2 {
    margin: 10px 0;
  }
  #block-block-9 {
    padding: 10px 0;
  }
  #webform-client-form-110 #edit-submit,
  .block-mailchimp-signup #edit-submit--2 {
    -webkit-appearance: none;
    border-radius: 0px;
    margin: 0;
  }

  .instagram_feed .instagram_new,
  .instagram_feed .instagram_new:last-of-type {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .node--type-site .group-details .field--name-field-logo {
    float: none;
    max-width: unset;
    margin-left: 0;
  }
  
  @media only screen and (max-width: 640px) {
    #block-views-blog-feed-block-1 .views-row {
      height: auto;
    }
    #block-views-blog-feed-block-1 .views-field-description-1 {
      float: none;
      width: 100%;
      height: 200px;
      margin: 0 0 20px 0;
    }
    #block-views-events-block-4 .views-field-field-image,
    #block-views-instagram-feed-block .views-row {
      height: auto;
    }

    #block-views-block-videos-block-1 .views-row:not(:first-of-type),
    #block-views-block-homepage-teasers-block-1 .views-row {
      float: none;
      width: 100%;
      margin: 0 0 16px 0;
    }
  }

  .paragraph .field--name-field-boxes,
  .paragraph--type--two-column-body,
  .paragraph .field--name-field-team-members {
    flex-direction: column;
  }
  .paragraph .field--name-field-boxes > .field__item,
  .paragraph--type--two-column-body > .field,
  .paragraph .field--name-field-team-members > .field__item {
    flex: 0 0 100%;
  }