/* Legacy CSS from sites/default/files/css_editor/moosherk_theme.css */
.h-derde {
  width: 33.33%;
  float: left;
}

.h-vierde {
  width: 24.50%;
  float: left;
}

.h-half {
  width: 50%;
  float: left;
}

@media (max-width: 600px) {
  .h-half {
    width: 66%;
  }

  .h-vierde {
    width: 33%;
  }
}

/* dorpsraad */
.field--name-field-tag-dorpsraad.field--type-entity-reference {
  background-color: #a384d8;
  padding-left: 10px;
}

.field--name-field-tag-dorpsraad.field--type-entity-reference .field__item {
  margin-right: 25px;
}

/* algemeen

h1.page-title {
  text-transform: uppercase;}*/

/* header */
div#header-inner {
  background-image: linear-gradient(to top, #3e236d 20%, #673ab7 100%);
  /*background: #673ab7;*/
  color: white;
}

div#main-navigation-inner-h {
  background-color: #3e236d;
}

/* menu boven */
h1.page-title {
  padding: 10px 32px;
}

.mobile-nav {
  font-size: 24px;
}

/* footert menu */
.ul-parent-footer li {
  float: none;
  width: auto;
  display: block;
}

/* link in body agenda */
.bodylink a {
  font-weight: bold;
  text-decoration: underline;
}

/* popupwebform */
.js-form-required.form-required {
  float: left;
  clear: both;
}

.ui-widget.ui-widget-content {
  background: #3e236d;
}

/* view in node overzicht */
.d8-has-image .w3-image.image-style-medium {
  width: 220px;
}

/* comment overlijden */
.comment__content {
  padding: 8px 16px;
  border: 1px solid #3e236d;
  hyphens: auto;
}

div#edit-comment-body-0-format {
  display: none;
}

.kleiner {
  font-size: small;
}

ul.links.inline.w3-ul.ul-0 {
  visibility: hidden;
}

/* label */
.field--label-inline .field__label_nopoints::after {
  content: none;
}

.field--label-inline .field__label::after {
  content: '';
}

/* agenda */
.plaats {
  text-align: right;
}

.w3-row.node.node--type-dialekt.node--view-mode-full {
  color: white;
  background-color: #673ab7;
  font-size: xx-large;
  padding-left: revert-layer;
  text-align: center;
}

/* dialekt */
article.w3-row.node.node--type-dialekt.node--view-mode-full {
  background-color: #673ab7;
  font-size: xx-large;
}

/* dorpsraad */
/*section#block-drupal8-w3css-subtheme-local-tasks {
    background-color: red;
}
.layout-region-node-footer__content {
    background-color: red;
}
*/
.w3-col.h1 {
  width: 120px;
}

.w3-col.h2 {
  width: 350px;
}

.w3-col.s3 {
  width: 24.99999%;
}

.w3-col.s4 {
  width: 33.33333%;
}

.dorpsraadlink {
  font-weight: bold;
}

.dorpsraadlink:hover {
  color: #673ab7;
  text-decoration: underline;
}

/* noodnummers */
.noodfoto {
  width: 20%;
}

.noodtitle {
  width: 80%;
}

.noodnummer {
  float: right;
}

/* wijkkrant */
#pdf_reader {
  height: 700px;
}

/* carousel */
.simple-carousel-button {
  align-items: flex-end;
  height: 95%;
}



.simple-carousel-item {
  margin: 2px 1px;
  padding: 5px;
}

.simple-carousel-inner {
  scrollbar-width: thin;
}

@media (max-width: 600px) {
  .w3-bar-datum {
    padding: 0 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0;
  }

  hr {
    border-bottom: 3px solid #663399;
  }

  .drop_dorp {
    padding-bottom: 33px !important;
    max-width: 100px;
  }

  svg.svg-inline--fa.fa-bars {
    height: 1.5rem;
  }

  /* popup */
  .ui-widget-content {
    color: #000;
    font-size: larger;
  }
}

.ui-dialog .ui-dialog-titlebar {
  background-color: #3e236d;
}

.ui-dialog .ui-dialog-title {
  color: #fff;
}

@media (min-width: 601px) {
  .w3-bar-datum {
    width: auto;
    border: none;
    display: block;
    outline: 0;
    line-height: 1.3;
  }

  hr {
    border-bottom: 2px solid #663399;
  }

  .drop_dorp {
    padding-bottom: 24px;
    max-width: 100px;
  }
}

/* Moosherk visual system.
   Keeps the existing Drupal/W3CSS structure, but gives the site a calmer,
   news-focused layout with purple used as an accent instead of a full theme. */

:root {
  --mh-ink: #1d2430;
  --mh-muted: #667085;
  --mh-soft: #f5f3ef;
  --mh-paper: #ffffff;
  --mh-line: #ded8cf;
  --mh-purple: #56328c;
  --mh-purple-dark: #2d2140;
  --mh-green: #49745a;
  --mh-gold: #c4923c;
  --mh-red: #9a3d3d;
  --mh-shadow: 0 10px 30px rgba(30, 25, 40, 0.10);
  --mh-shadow-soft: 0 4px 16px rgba(30, 25, 40, 0.07);
  --mh-radius: 8px;
  --mh-width: 1180px;
}

html {
  background: var(--mh-soft);
}

body {
  background: var(--mh-soft);
  color: var(--mh-ink);
  font-family: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  line-height: 1.55;
}

a {
  color: var(--mh-purple);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

a:hover,
a:focus {
  color: var(--mh-green);
}

.page-wrapper {
  background: var(--mh-soft);
}

/* Header and navigation */
#header {
  background: var(--mh-paper) !important;
}

#header-inner {
  max-width: var(--mh-width);
  margin: 0 auto;
  padding: 18px 18px 14px;
  background: var(--mh-paper) !important;
  color: var(--mh-ink) !important;
}

#block-drupal8-w3css-subtheme-branding {
  display: flex;
  align-items: center;
  gap: 16px;
}

.site-logo {
  padding: 0 !important;
}

.site-logo img {
  width: 204px;
  height: 104px;
  object-fit: contain;
}

.site-name {
  margin: 0;
  font-size: clamp(1.9rem, 3vw, 3rem);
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0;
}

.site-name-link {
  color: var(--mh-purple-dark);
  text-decoration: none;
}

.site-slogan {
  margin: 8px 0 0;
  color: var(--mh-green);
  font-size: clamp(0.95rem, 1.4vw, 1.15rem);
  font-weight: 700;
  letter-spacing: 0.02em;
}

#main-navigation-h {
  background: var(--mh-purple) !important;
  position: sticky;
  top: 0;
  z-index: 20;
  box-shadow: 0 2px 10px rgba(20, 16, 30, 0.15);
}

#main-navigation-inner-h {
  max-width: var(--mh-width);
  margin: 0 auto;
  background: transparent !important;
}

.ul-parent-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

.li-link-main,
.toggle-parent {
  color: #fff !important;
  border-radius: 6px;
  margin: 6px 2px;
  padding: 10px 14px !important;
  font-weight: 700;
  text-decoration: none;
}

#main-navigation-h .li-parent {
  position: relative;
}

#main-navigation-h .li-parent > .toggle-parent {
  padding-right: 34px !important;
}

#main-navigation-h .li-parent > .dropdown-arrow,
#main-navigation-h .li-parent > .toggle-parent > .dropdown-arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 16px;
  color: #fff !important;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 2;
}

#main-navigation-h .li-parent > .dropdown-arrow svg,
#main-navigation-h .li-parent > .toggle-parent > .dropdown-arrow svg {
  display: block !important;
  width: 14px;
  height: 14px;
  stroke: currentColor;
}

.li-item-main[aria-label="Home"] .li-link-main {
  min-width: 56px;
  text-align: center;
  font-size: 1.18rem;
}

.li-item-main[aria-label="Home"] .li-link-main .fa,
.li-item-main[aria-label="Home"] .li-link-main svg {
  font-size: 1.35rem;
}

.li-link-main:hover,
.toggle-parent:hover,
.li-link-main.is-active,
.li-parent:hover > .toggle-parent {
  background: var(--mh-green) !important;
  color: #fff !important;
}

.ul-child-main {
  background: var(--mh-paper) !important;
  border: 1px solid var(--mh-line);
  border-radius: var(--mh-radius);
  box-shadow: var(--mh-shadow);
  padding: 6px;
}

.ul-child-main .li-link-main {
  color: var(--mh-ink) !important;
  margin: 0;
}

.ul-child-main .li-link-main:hover {
  background: var(--mh-soft) !important;
  color: var(--mh-purple) !important;
}

.mobile-nav {
  background: var(--mh-purple) !important;
  color: #fff !important;
}

/* Page frame */
#main-container {
  background:
    linear-gradient(180deg, rgba(86, 50, 140, 0.07), rgba(86, 50, 140, 0) 240px),
    var(--mh-soft) !important;
}

#main-container-inner {
  max-width: var(--mh-width);
  margin: 0 auto;
  padding: 26px 14px 42px;
}

#main-container-inner > .w3-col.w3-clear.w3-row-padding {
  display: flex;
  gap: 24px;
  padding: 0;
}

.main-box[role="main"] {
  width: calc(100% - 330px);
  padding: 0 !important;
}

.second-sidebar {
  width: 306px;
  padding: 0 !important;
}

.page-title {
  display: inline-block;
  margin: 0 0 22px;
  padding: 0 0 9px !important;
  border-bottom: 4px solid var(--mh-gold);
  color: var(--mh-purple-dark);
  font-size: clamp(1.8rem, 2.6vw, 2.6rem);
  font-weight: 800;
  line-height: 1.1;
}

/* Cards and lists */
.w3-card-4,
.views-row,
.block-block-content .field--name-body,
.node--view-mode-teaser {
  box-shadow: none;
}

.view-frontpage .view-content,
.view-nieuwsberichten .view-content,
.view-agenda .view-content,
.view-handelzaken .view-content {
  display: grid;
  gap: 16px;
}

.view-frontpage .views-row,
.view-nieuwsberichten .views-row,
.view-agenda .views-row,
.view-handelzaken .views-row {
  position: relative;
  align-items: stretch;
  overflow: hidden;
  margin: 0 !important;
  background: var(--mh-paper);
  border: 1px solid var(--mh-line);
  border-radius: var(--mh-radius);
  box-shadow: var(--mh-shadow-soft);
}

.view-frontpage .views-row {
  display: grid;
  grid-template-columns: minmax(190px, 34%) 1fr;
}

.view-frontpage .views-row:hover,
.view-nieuwsberichten .views-row:hover,
.view-agenda .views-row:hover,
.view-handelzaken .views-row:hover {
  border-color: rgba(86, 50, 140, 0.35);
  box-shadow: var(--mh-shadow);
}

.view-frontpage .views-row .views-field,
.view-nieuwsberichten .views-row .views-field,
.view-agenda .views-row .views-field,
.view-handelzaken .views-row .views-field {
  float: none !important;
}

.view-frontpage .views-field-field-foto-overlijden,
.view-frontpage .views-field-field-foto-voorpagina-fb,
.view-frontpage .views-field-field-foto-nieuws,
.view-frontpage .views-field-field-image,
.view-frontpage .views-field-field-foto-club-zaak,
.view-frontpage .views-field-field-foto-werkgroep,
.view-frontpage .views-field-field-dorpsraad-fotoboek {
  grid-column: 1;
  grid-row: 1;
}

.view-frontpage .views-field-field-foto-overlijden:has(.field-content:empty),
.view-frontpage .views-field-field-foto-voorpagina-fb:has(.field-content:empty),
.view-frontpage .views-field-field-foto-nieuws:has(.field-content:empty),
.view-frontpage .views-field-field-image:has(.field-content:empty),
.view-frontpage .views-field-field-foto-club-zaak:has(.field-content:empty),
.view-frontpage .views-field-field-foto-werkgroep:has(.field-content:empty),
.view-frontpage .views-field-field-dorpsraad-fotoboek:has(.field-content:empty) {
  display: none;
}

.view-frontpage .views-field-nothing {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}

.view-frontpage .views-row .w3-third,
.view-nieuwsberichten .views-row .w3-third,
.view-agenda .views-row .w3-third,
.view-handelzaken .views-row .w3-third {
  width: 34% !important;
  min-width: 210px;
  float: none !important;
}

.view-frontpage .views-field-nothing .field-content,
.view-nieuwsberichten .views-field-nothing .field-content,
.view-agenda .views-field-nothing .field-content,
.view-handelzaken .views-field-nothing .field-content {
  width: auto !important;
  padding: 18px 20px !important;
}

.view-frontpage .views-field-nothing .field-content,
.view-nieuwsberichten .views-field-nothing .field-content {
  display: block;
  min-height: 100%;
  padding-bottom: 36px !important;
}

.view-frontpage h2,
.view-nieuwsberichten h2,
.view-agenda h2,
.view-handelzaken h2 {
  margin: 0;
  font-size: clamp(1.2rem, 1.8vw, 1.65rem);
  line-height: 1.18;
  font-weight: 800;
  text-transform: none !important;
}

.view-frontpage h2 a,
.view-nieuwsberichten h2 a,
.view-agenda h2 a,
.view-handelzaken h2 a,
.views-field-title a {
  color: var(--mh-purple-dark);
  text-decoration: none;
}

.view-frontpage h2 a:hover,
.view-nieuwsberichten h2 a:hover,
.view-agenda h2 a:hover,
.view-handelzaken h2 a:hover,
.views-field-title a:hover {
  color: var(--mh-purple);
  text-decoration: underline;
}

.image-style-fb16-9,
.views-row img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.kleiner {
  margin-top: 14px;
  color: var(--mh-muted);
  font-size: 0.92rem;
  text-align: right;
}

.view-frontpage .kleiner,
.view-nieuwsberichten .kleiner {
  position: absolute;
  right: 16px;
  bottom: 12px;
  margin: 0;
  color: var(--mh-purple-dark);
  line-height: 1;
}

/* Frontpage: first item acts as the lead story. */
.path-frontpage .view-frontpage .views-row:first-child {
  display: grid;
  grid-template-columns: minmax(260px, 48%) 1fr;
  min-height: 310px;
  border-color: rgba(86, 50, 140, 0.22);
}

.path-frontpage .view-frontpage .views-row:first-child .w3-third {
  width: 100% !important;
  min-width: 0;
}

.path-frontpage .view-frontpage .views-row:first-child .views-field-nothing .field-content {
  padding: 30px !important;
}

.path-frontpage .view-frontpage .views-row:first-child h2 {
  font-size: clamp(1.75rem, 3vw, 2.65rem);
}

.path-frontpage .view-frontpage .views-row:first-child h2::before {
  content: "In de kijker";
  display: block;
  width: max-content;
  margin-bottom: 14px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(73, 116, 90, 0.14);
  color: var(--mh-green);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Sidebar */
.second-sidebar .w3-block-wrapper,
.second-sidebar .w3-row.views-row,
.second-sidebar form {
  margin-bottom: 16px;
  padding: 16px;
  background: var(--mh-paper);
  border: 1px solid var(--mh-line);
  border-radius: var(--mh-radius);
  box-shadow: var(--mh-shadow-soft);
}

.second-sidebar .w3-block-title,
.second-sidebar h2 {
  margin: 0 0 12px;
  color: var(--mh-purple-dark);
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.2;
}

.second-sidebar .views-row {
  display: block;
  box-shadow: none;
}

.second-sidebar .image-style-ronde-foto {
  width: 72px !important;
  height: 72px !important;
  min-height: 72px;
  border-radius: 8px;
  object-fit: cover;
}

.second-sidebar .h-derde {
  width: auto;
  float: left;
  margin-right: 12px !important;
}

.second-sidebar .views-field-title a {
  font-weight: 800;
}

.second-sidebar h6 {
  margin: 4px 0 0;
  color: var(--mh-muted);
  font-size: 0.95rem;
}

.second-sidebar .view-agenda .views-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  padding: 18px 14px;
  text-align: center;
}

.second-sidebar .view-agenda .views-field,
.second-sidebar .view-agenda .field-content,
.second-sidebar .view-agenda .h-derde,
.second-sidebar .view-agenda .eenderde {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  text-align: center;
}

.second-sidebar .view-agenda .image-style-ronde-foto {
  width: 86px !important;
  height: 86px !important;
  min-height: 86px;
  margin: 0 auto;
  border-radius: 50%;
}

.second-sidebar .view-agenda .views-field-title a {
  display: block;
  max-width: 180px;
  margin: 0 auto;
  color: var(--mh-purple-dark);
  font-size: 1.08rem;
  font-style: italic;
  line-height: 1.25;
}

.second-sidebar .view-agenda h6 {
  margin: 0;
  color: var(--mh-muted);
  font-size: 1rem;
  font-weight: 700;
}

.second-sidebar .view-agenda .views-field-nothing-2 {
  width: 100%;
}

.second-sidebar .view-agenda .views-field-nothing-2 .field-content,
.second-sidebar .view-agenda .views-field-nothing-2 .w3-container,
.second-sidebar .view-agenda .views-field-nothing-2 .w3-display-container {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 0 !important;
}

.second-sidebar .view-agenda .drop_dorp,
.second-sidebar .view-agenda .w3-display-right.drop_dorp {
  position: static !important;
  display: flex !important;
  width: 100%;
  max-width: none;
  justify-content: center;
  transform: none !important;
  padding: 0 !important;
}

.second-sidebar .view-agenda .drop_dorp p {
  margin: 0;
}

.second-sidebar .view-agenda .views-field-nothing-2 img,
.second-sidebar .view-agenda .views-field-nothing-2 svg {
  display: block;
  width: 110px;
  max-width: 80%;
  height: auto;
  margin: 2px auto 0;
}

/* Search and forms */
input,
select,
textarea,
.w3-input {
  border: 1px solid var(--mh-line) !important;
  border-radius: 6px !important;
  background: #fff !important;
}

input:focus,
select:focus,
textarea:focus {
  outline: 3px solid rgba(86, 50, 140, 0.18);
  border-color: var(--mh-purple) !important;
}

.button,
.form-submit,
button,
.w3-button {
  border-radius: 6px;
}

.form-submit,
button[type="submit"] {
  background: var(--mh-purple) !important;
  color: #fff !important;
  font-weight: 800;
}

/* Pager */
.pager__items {
  margin-top: 22px;
}

.pager__item {
  border-radius: 6px;
  margin: 0 3px;
}

.w3-active-pager,
.pager__item.is-active {
  background: var(--mh-purple) !important;
  color: #fff !important;
}

/* Footer */
#footer-container {
  background: var(--mh-purple-dark) !important;
  color: #fff;
}

#footer-menu {
  background: var(--mh-soft) !important;
  color: var(--mh-ink);
  border-top: 1px solid var(--mh-line);
}

#footer-container-inner,
#footer-menu-inner {
  max-width: var(--mh-width);
  margin: 0 auto;
}

#footer-container .w3-block-title,
#footer-container h2,
#footer-menu h2 {
  color: #fff;
}

#footer-container a {
  color: #fff !important;
  background: transparent !important;
}

#footer-menu a {
  color: var(--mh-purple-dark) !important;
}

#footer-container .views-row {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #fff;
}

#footer-container .first-footer,
#footer-container .first-footer * {
  color: var(--mh-ink) !important;
}

#footer-container .first-footer a,
#footer-container .first-footer a:link,
#footer-container .first-footer a:visited,
#footer-container .first-footer a * {
  color: var(--mh-purple-dark) !important;
}

#footer-container .li-link-footer,
#footer-container .li-link-footer:link,
#footer-container .li-link-footer:visited,
#footer-container .li-link-footer.w3-button,
#footer-container .li-link-footer.w3-button:link,
#footer-container .li-link-footer.w3-button:visited,
#footer-menu .li-link-footer,
#footer-menu .li-link-footer:link,
#footer-menu .li-link-footer:visited,
#footer-menu .li-link-footer.w3-button,
#footer-menu .li-link-footer.w3-button:link,
#footer-menu .li-link-footer.w3-button:visited {
  display: block;
  text-align: left;
  color: var(--mh-purple-dark) !important;
  background-color: #fff !important;
  border: 1px solid var(--mh-line);
  border-left: 4px solid var(--mh-gold);
  border-radius: 6px;
  margin: 0 0 6px;
  font-weight: 800;
  text-decoration: none;
}

#footer-container .li-link-footer:hover,
#footer-container .li-link-footer:focus,
#footer-container .li-link-footer.w3-button:hover,
#footer-container .li-link-footer.w3-button:focus,
#footer-menu .li-link-footer:hover,
#footer-menu .li-link-footer:focus,
#footer-menu .li-link-footer.w3-button:hover,
#footer-menu .li-link-footer.w3-button:focus {
  color: #fff !important;
  background-color: var(--mh-purple) !important;
  border-color: var(--mh-purple);
  border-left-color: var(--mh-gold);
}

.ul-parent-footer li {
  float: none;
  width: auto;
  display: block;
}

/* Existing special cases retained */
.field--name-field-tag-dorpsraad.field--type-entity-reference {
  background: rgba(86, 50, 140, 0.14);
  padding-left: 10px;
}

.field--name-field-tag-dorpsraad.field--type-entity-reference .field__item {
  margin-right: 25px;
}

.bodylink a,
.dorpsraadlink {
  font-weight: 800;
  text-decoration: underline;
}

.comment__content {
  padding: 10px 16px;
  border: 1px solid var(--mh-line);
  border-radius: var(--mh-radius);
  background: var(--mh-paper);
  hyphens: auto;
}

div#edit-comment-body-0-format,
ul.links.inline.w3-ul.ul-0 {
  display: none;
}

.field--label-inline .field__label::after,
.field--label-inline .field__label_nopoints::after {
  content: "";
}

.plaats {
  text-align: right;
}

article.w3-row.node.node--type-dialekt.node--view-mode-full,
.w3-row.node.node--type-dialekt.node--view-mode-full {
  background: var(--mh-purple);
  color: #fff;
  font-size: clamp(1.5rem, 3vw, 2.3rem);
  text-align: center;
}

.noodfoto {
  width: 20%;
}

.noodtitle {
  width: 80%;
}

.noodnummer {
  float: right;
}

#pdf_reader {
  height: 700px;
}

.simple-carousel-inner {
  scrollbar-width: thin;
}

.simple-carousel-item {
  margin: 4px;
  padding: 8px;
  border-radius: var(--mh-radius);
  border: 1px solid var(--mh-line);
  background: var(--mh-paper);
}

.simple-carousel-button a {
  width: 2rem;
  height: 2rem;
  font-size: 1.7rem;
  border-radius: 999px;
  background: var(--mh-purple);
  color: #fff;
}

.simple-carousel-button a:hover,
.simple-carousel-button a:focus {
  background: var(--mh-purple-dark);
  opacity: 1;
}

@media (max-width: 600px) {
  .simple-carousel-button a {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 2rem;
  }
}

.simple-carousel-button.button--previous {
  left: .25rem;
  width: 2rem;
}

.simple-carousel-button.button--next {
  right: .25rem;
  width: 2rem;
  background: none;    
}

@media (max-width: 800px) {
  .simple-carousel-button.button--previous {
    left: 0.5rem;
  }

  .simple-carousel-button.button--next {
    right: 0.5rem;
  }
}

.ui-dialog .ui-dialog-titlebar,
.ui-widget.ui-widget-content {
  background: var(--mh-purple-dark);
}

.ui-dialog .ui-dialog-title {
  color: #fff;
}

/* Responsive layout */
@media (max-width: 992px) {
  #main-container-inner > .w3-col.w3-clear.w3-row-padding {
    display: block;
  }

  .main-box[role="main"],
  .second-sidebar {
    width: 100%;
  }

  .second-sidebar {
    margin-top: 24px;
  }

  .ul-parent-main {
    display: block;
  }

  .li-link-main,
  .toggle-parent {
    display: block;
    margin: 2px 0;
  }
}

@media (max-width: 700px) {
  #header-inner {
    padding: 14px 12px;
  }

  #block-drupal8-w3css-subtheme-branding {
    align-items: flex-start;
  }

  .site-logo img {
    width: 350px;
    height: 78px;
  }

  .site-slogan {
    font-size: 0.88rem;
  }

  #main-container-inner {
    padding: 18px 10px 30px;
  }

  .view-frontpage .views-row,
  .view-nieuwsberichten .views-row,
  .view-agenda .views-row,
  .view-handelzaken .views-row,
  .path-frontpage .view-frontpage .views-row:first-child {
    display: block;
    min-height: 0;
  }

  .view-frontpage .views-field-nothing,
  .path-frontpage .view-frontpage .views-row:first-child .views-field-nothing {
    display: block;
  }

  .view-frontpage .views-row .w3-third,
  .view-nieuwsberichten .views-row .w3-third,
  .view-agenda .views-row .w3-third,
  .view-handelzaken .views-row .w3-third,
  .h-derde,
  .h-half,
  .h-vierde {
    width: 100% !important;
    min-width: 0;
    float: none;
  }

  .image-style-fb16-9,
  .views-row img {
    height: auto;
    min-height: 0;
  }

  .view-frontpage .views-field-nothing .field-content,
  .view-nieuwsberichten .views-field-nothing .field-content,
  .view-agenda .views-field-nothing .field-content,
  .view-handelzaken .views-field-nothing .field-content,
  .path-frontpage .view-frontpage .views-row:first-child .views-field-nothing .field-content {
    padding: 16px !important;
  }

  .page-title {
    margin-bottom: 16px;
  }

  .drop_dorp {
    max-width: 96px;
    padding-bottom: 24px !important;
  }
}

.addtoany_list.a2a_kit_size_32 > a {
  font-size: 24px;
  padding: 0 2px;
}

.addtoany_list.a2a_kit_size_32 a > span,
.addtoany_list.a2a_kit_size_32 a .a2a_svg {
  height: 24px;
  line-height: 24px;
  width: 24px;
}