@media (max-width: 768px) {

	
#block-vliegherrie-hoofdnavigatieuitgelogd .clearfix {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;}
}

@media (max-width: 700px) {

#main.container {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

/* Disable gutter on offcanvas rows */
  .row.row-offcanvas,
  .row.row-offcanvas.row-offcanvas-left {
    --bs-gutter-x: 0 !important;
  }

  /* Disable gutter on all containers */
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl,
  .container.container,
  .container-fluid.container-fluid,
  .container-lg.container-lg,
  .container-md.container-md,
  .container-sm.container-sm,
  .container-xl.container-xl,
  .container-xxl.container-xxl {
    --bs-gutter-x: 0 !important;
  }

.row.row {
    --bs-gutter-x: 0 !important;
  }
legend {font-size: 16px;}
#main-wrapper {padding: 20px 0;}
.sticky-header > header#header > nav#navbar-main {padding: 10px;}


/* Base layout: horizontal on larger screens */
.d-flex.flex-wrap {
  display: flex!important;
  flex-wrap: wrap!important;
  gap: 1rem;
  align-items: flex-start;
}

/* Make all children flexible */
.d-flex.flex-wrap > div {
  flex: 1 1 auto;
}


  .d-flex.flex-wrap > div:nth-child(1) {
    width: 100%;
  }

    .d-flex.flex-wrap > div:nth-child(3) {
    width: 25%;
  }

  .d-flex.flex-wrap > div:nth-child(2) {
    margin-right: auto;
  }

  .d-flex.flex-wrap > div:nth-child(3) {
    margin-left: auto;
    text-align: left;
  }

.gemeente_veld {
  width: 100% !important;
}

.views-exposed-form {padding: 10px 10px 10px 10px; margin-bottom: 80px;}
.meldingen.view.view .thumbsup-rating-wrapper {font-size: 1em !important;}

.views-table thead th {font-size: 12px;}
.site-name{text-align:left;float:left;margin-top:7px;}
.site-name a{font-size:24px;}
.site-slogan {display: none;}
.sticky-header{position:static!important;box-shadow:none;}
.region.region-content{width:100%;}


#logo{display:inline-block;float:left;width:50px;}
.navbar-brand{display:inline-block;float:left;width:50px;}
.navbar-brand img{padding-top:0;margin-top:-3px;}
.user-logged-in .navbar-main{padding-top:0px;}
.navbar-nav .nav-item a:hover{background-color:#080808;color:#fff;}
#CollapsingNavbar .navbar-nav {display: flex; flex-direction: column; align-items: flex-end; text-align: right; opacity: 0; transition: opacity 0.2s ease;}
#CollapsingNavbar.show .navbar-nav {opacity: 1;}
.title{font-size:48px;}
.titel2{font-size:48px;}
.button2 a{width:100%;height:85px;padding:10px 20px;font-size:22px;margin:10px 0 10px 0;}
.ikoon{padding-top:5px;width:30px;height:auto;}
.landkaart{display:block;width:100%;font-size:0.8em;margin-top: 10px;}
.topbutton a{max-width:90%;width:90%;padding:10px 10px;font-size:20px;text-align:center;min-width:200px;}
.telblok a {max-width:90%!important;width:90%!important;padding:10px 10px;min-width:200px;}
#main.container .button a{text-align:center; font-size: 0.8em}
.button2 a{height:auto;}

.title, #block-vliegherrie-kopmijnaccount h2{margin-top:60px;}

.meldingen tr{padding:0;}
.meldingen th{padding:10px 10px;}
.meldingen td{padding:10px 5px;font-size:0.9em;}
.meldingen table td.views-field{border-width:0;}
.meldingen table tr{border-bottom-width:5px;}
.meldingen table th{background-color:#990066;border-width:0;}
.meldingen table tr{display:flex;flex-wrap:wrap;}
.meldingen table th.views-field-field-omschrijving-melding{display:none;}
.meldingen table th.views-field-akkoord-2-table-column{display:none;}

.meldingen table .views-field-created{display:none;}
.meldingen table .views-field-value{display:none;}
.meldingen table th{display:block;flex:1;}
.meldingen table td{display:block;flex:1;}
.meldingen table .views-field-field-postcode-trimmed{/*width:15%;flex:auto;*/display:none;}
.meldingen table .views-field-field-postcode-search-fulltext{/*width:15%;flex:auto;*/display:none;}
.meldingen table .views-field-field-oorzaak{display:none}
.meldingen table .views-field-field-omschrijving-melding{width:100%;flex:auto;}
.meldingen table .views-field-created-1{flex:auto;font-size:14px;color:#888;text-align:right;}
.meldingen td.views-field-created-1:before{content: "";}
.meldingen .views-row{display:block}
.meldingen table td.views-field-created-1, .meldingen table .vote-form {max-width: 80%; font-size: 12px;}
.telblok a{width:80%;min-width:200px;}
.views-field-field-stad {text-align: right;}
#view-field-stad-table-column.views-field.views-field-field-stad {text-align: right;}
.view-footer{font-size:14px;}

.mijn-meldingen table thead {display: none;}
.mijn-meldingen td.views-field-field-datum-overlast-1 {background-color: #990066; flex: 1 1 100%; font-weight: bold;}
.mijn-meldingen table td.views-field-field-datum-overlast-1, .mijn-meldingen table th.views-field-field-datum-overlast-1 {color: white !important;}
.mijn-meldingen table {margin-top: 0px;}
.mijn-meldingen tr:nth-child(odd) {background-color: #fff;}
.mijn-meldingen tr:nth-child(even) {background-color: #ddd;}
.mijn-meldingen table tr, .meldingen table td, .meldingen table th {border: none;}
.mijn-meldingen table tr{display:flex;flex-wrap:wrap;}
.mijn-meldingen table th.views-field-field-omschrijving-melding{display:none;}
.mijn-meldingen th.views-field-field-akkoord-2 {display: none;}
.mijn-meldingen th.views-field-nothing-1 {display: none;}
.mijn-meldingen th.views-field-nothing-2 {display: none;}
.mijn-meldingen th.views-field-nothing-3 {display: none;}
.mijn-meldingen td.views-field-field-akkoord-2::before {content: "Openbaar: ";}
.mijn-meldingen table th.views-field-created-1{display:none;}
.mijn-meldingen table th.views-field-view{display:none;}

.mijn-meldingen table .views-field-field-omschrijving-melding{width:100%;flex:auto;}
.mijn-meldingen table .views-field-created-1{width:80%;flex:auto;font-size:14px;color:#888;text-align:right;}
.mijn-meldingen td.views-field-created-1::before {content: "Deze melding is aangemaakt op "; font-size: 14px; color: #888}

.mijn-meldingen table tr.melding-row:last-of-type {border-bottom: none;}
.mijn-meldingen td.views-field-field-akkoord-2 {flex-grow: 1; flex-shrink: 0; flex-basis: 0;}
.mijn-meldingen td.views-field-field-akkoord-2 {display: flex; align-items: center;}

.mijn-meldingen td.views-field-field-akkoord-2 .akkoord-content {margin-top: auto;}

.mijn-meldingen table tr {border: none; padding: 0; margin: 0px;}
.mijn-meldingen table td, .mijn-meldingen table th {border: none; padding: 5px; margin: 0px;}
.mijn-meldingen td.views-field-view {width: 50px; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; padding: 0; box-sizing: border-box;}
.mijn-meldingen td.views-field-nothing-1 {width: 85px; flex: 0 0 85px; display: flex; align-items: center; justify-content: center; padding: 0; box-sizing: border-box;}
.mijn-meldingen td.views-field-nothing-2 {width: 30px; flex: 0 0 30px; display: flex; align-items: center; justify-content: center; padding: 0; box-sizing: border-box;}
.mijn-meldingen td.views-field-nothing-3 {width: 30px; flex: 0 0 30px; display: flex; align-items: center; justify-content: center; padding: 0; box-sizing: border-box;}

.aantal-online .views-row {display: block !important;}


/* Duimen in meldingen tabellen */
/* .meldingen.view.view-meldingen .thumbsup-rating-wrapper {font-size: 1em !important;} */

/* Duimen in dikke duimen blok (footer) */
.dikke-duimen-blok.view.view-dikke-duimen-blok .thumbsup-rating-wrapper {font-size: 0.8em !important;}
.dikke-duimen-blok .view.view-dikke-duimen-in-views.view-id-dikke_duimen_in_views {margin-bottom: 10px;}

#block-vliegherrie-views-block-nu-op-schipholwatch-block-1 .field-content {font-size: 0.8em;}

  /* Make the thumb icon larger */
  .meldingen table .thumbsup-rating-label::before {
    font-size: 1.4em !important;   /* bigger thumb */
  }

  /* Make the counter larger */
  .meldingen table .rating-option-result {
    font-size: 1.1em !important;   /* bigger number */
    line-height: 1 !important;
  }

  /* Optional: tighten spacing between thumb and number */
  .meldingen table .thumbsup-rating-label {
    margin-right: .25em !important;
  }
}