/* DEVELOP */
/* * {outline: 1px solid red;} */

/* rare achtergrondkleur verwijderen bij actieve pagers */
.pagination {--bs-pagination-focus-box-shadow: none;}


a {text-decoration: none;}
a:hover {text-decoration: underline;}
a.navbar-brand.me-3 {text-decoration: none;}

body{font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;}
.site-footer{font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size:18px;}
legend {float: none; width: auto; padding: 0; margin-bottom: 0.5rem; font-size: 18px; line-height: 1.5; font-weight: normal;}

#block-vliegherrie-views-block-nu-op-schipholwatch-block-1 .views-row {display: flex; flex-direction: column; align-items: center; text-align: center;}
#block-vliegherrie-views-block-nu-op-schipholwatch-block-1 .field-content {font-size: 18px; max-width: 100%;}

.region-featured-bottom-first {width: 100%; padding: 0; margin: 0; overflow-x: hidden;}
.image-wrapper img.map {width: 100%; height: auto; display: block;}

.region-info-balk.row {margin-left: 0 !important; margin-right: 0 !important;}

.oproep-geel a {
    text-decoration: underline;
}


.container {max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
.js-form-item-search-api-fulltext {width: 100%; max-width: 100%;}
.col-md-6.layout-region-node-secondary {display: none;}
.layout-region-node-footer  {width: 100%; flex-basis: 100%; order: 99; clear: both;}
.col-md-6.layout-region {width: 100%;}

.views-exposed-form label {
  color: #fff !important;
  font-weight: 700;
}

form[id^="views-exposed-form-"] .mb-3 {
  margin-bottom: 1rem !important;
}

.js-form-item-search-meldingen {
  flex: 1 1 100%;
  width: 100% !important;
}

.postcode_veld {
	width: 80px !important;
}
.gemeente_veld {
  width: 225px !important;
}

#edit-actions--18 {
  text-align: right;
}


.navbar-brand:hover img,
.site-name-slogan:hover .site-name {filter: brightness(1.2); transition: filter 0.3s ease;}
.site-name-slogan:hover .site-name:hover {text-shadow: 0 0 5px rgba(255, 255, 255, 0.6);}

.site-name {font-size: clamp(18px, 5vw, 32px); font-weight: 700; line-height: 1.1; color: #fff;}
.site-slogan {font-weight: 700; font-size: 14px; line-height: 1.3; color: #fff;}

/* Knoppen op inlogpagina etc */
.nav-tabs {border-bottom: 0px;}
.nav-tabs .nav-link {border-radius: 5px !important; margin-right: 0.5rem; margin-bottom: 0.5rem; color: #fff;}
.nav-tabs .nav-tabs .nav-link:focus {color: #fff; border-color: #B8007A; filter: brightness(1.2); text-decoration: none;}
.nav-tabs .nav-link.active {background-color: #B8007A; color: #fff; --bs-nav-tabs-link-active-color: #7a0052; --bs-link-hover-color: #fff;}
.nav-tabs .nav-link:not(.active) {background-color: #990066; color: #fff;}
.nav-link--doneren {color: yellow !important;}

#CollapsingNavbar ul.navbar-nav li a, #CollapsingNavbar ul.clearfix li a{color:#fff; font-weight: bold}
#CollapsingNavbar ul.navbar-nav li a:hover, #CollapsingNavbar ul.clearfix li a:hover{color:#ddd;background-color: #B8007A;border-radius:5px }
#CollapsingNavbar ul.navbar-nav .active-trail>a, #CollapsingNavbar ul.clearfix .active-trail>a{border-bottom-color:#fff;}
#CollapsingNavbar ul.navbar-nav li a, #CollapsingNavbar ul.clearfix li a{font-size: 13px; padding: 5px 8px; text-transform: uppercase;}


.title, .titel {font-size: clamp(2rem, 6vw, 70px);font-weight:bold;text-align:center;display:block;margin-top:60px;margin-bottom:20px;color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#080808;}
#block-totaal-aantal-block {font-size: 1.2em;}

.sticky-header {position: sticky; top: 0; z-index: 1030; background-color: #990066; box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.dialog-off-canvas-main-canvas, #page-wrapper, #page, body, html {overflow: visible !important;}
.pagination {flex-wrap: wrap; justify-content: center; white-space: normal; overflow-x: auto; gap: 0.25rem;}
.pagination .page-item {flex: 0 0 auto;}
.ikoon{margin-right:10px;}

/*.highlighted {margin-top: 20px; margin-bottom: 0px;}*/



/* Buttons */
.telblok a{display:block;background-color:#080808;color:#fff;padding:10px 20px;text-align:center;width:60%;margin:0px auto 0 auto;font-weight:bold;font-size:20px;max-width:900px;}
.telblok a:hover{text-decoration:none;color:#ccc;}

.topbutton {text-align: center;}
.topbutton a {display: inline-block; background-color: #990066; color: #fff; padding: 10px 20px; font-size: 30px; font-weight: bold; margin: 40px auto; border-radius: 10px; text-align: center; white-space: nowrap;}


.button a {display: block; background-color: #990066; color: #fff; font-weight: bold; padding: 10px 20px; border-radius: 5px; text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-secondary
{background-color: #990066; color: #fff; font-weight: bold; padding: 0px 0px; border-radius: 5px; margin-top: 0px; margin-bottom: 0px; display: inline-block;}

.button2 a{display:inline-block;background-color:#990066;color:#fff;font-weight:bold;padding:20px 30px;border-radius:10px;margin:20px 5px 40px 5px;width:32%;float:left;}

.btn-check, .btn-primary {color: #fff; font-weight: bold;}
.btn-primary {border-color:#7A0052; color: #fff!important;}

.btn:hover,
.topbutton a:hover,
.button a:hover,
.button2 a:hover,
.btn-primary:hover,
.btn-secondary:hover,
.nav-link:hover,
.btn-check:hover {background-color: #990066; color: #fff; filter: brightness(1.2); transition: filter 0.3s ease;text-decoration:none}

.edit-icon:hover,
.delete-icon:hover {text-decoration: none;}

#backtotop { background: url(/modules/contrib/back_to_top/backtotop.png) no-repeat center center; bottom: 80px; height: 80px; position: fixed; right: 23px; width: 70px; background-size: 57px 57px;}
#edit-submit:focus {color:white!important}

.btn:active {color: white!important; border-color: inherit!important; outline: none!important; box-shadow: none!important;}

/* focus knoppen  */
.btn-check:focus + .btn, .btn:focus, .btn-primary:focus {color: #fff !important; border-color: inherit!important; outline: none!important; box-shadow: none!important;}


.views-exposed-form .d-flex {display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 5px;}
.views-exposed-form .form-type-textfield {flex: 1 1 auto; margin-bottom: 0 !important;}
.views-exposed-form .form-actions {flex: 0 0 auto; margin-bottom: 0 !important; margin-left: 0px;}
.views-exposed-form {width: 100%; max-width: 1140px; margin-left: auto; margin-right: auto; margin-bottom: 100px; background-color: #990066; padding: 15px 20px 10px 20px; border-radius: 10px; box-sizing: border-box;}

/* Zoekknop gedrag na klik */
.views-exposed-form .form-submit {color: #fff !important;}
.views-exposed-form .form-submit:active {background-color: #b3006b !important; color: #fff !important;}

#edit-delete {display: block; background-color: red; color: #fff; font-weight: bold; padding: 10px 20px; border-radius: 5px; text-decoration: none; margin-top: 10px; margin-bottom: 0px;}
#edit-delete::before {margin-right: 0.5em; font-size: 1em;}

.views-field-created-1 a {text-decoration: none;}
.views-field-created-1 a:hover {text-decoration: underline;}
.meldingen .views-table {font-size: 18px;}
.views-table thead th {background-color: #990066; text-transform: uppercase; color: white; padding: 0.75em; border-bottom: 1px solid #ccc; text-align: left;}
.views-table thead th {font-size: 16px;}


.landkaart {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.terug-link {text-align: left;}
.kaart-link {margin-left: auto;}


.kader{background-color:#080808;color:#fff;padding:10px 20px;margin:10px auto 30px auto;}
.kader a{color:#fff;}

.views-table tr {padding: 0 !important;}
.views-table tr + tr {border-top: 5px solid transparent;}

.table.views-table {margin-bottom: 40px;}
.views-table tr:nth-child(odd) {background-color: transparent !important;}
.rating-option-result{clear:none;display:inline-block;font-size:1em;}
.rating-table, .rating-table-tr, .rating-table-td {background-color: inherit; border: none; padding: 0; margin: 0; border-collapse: collapse; width: 100%;}


/* duimpje en aantal votes naast elkaar */
.thumbsup-rating-wrapper .form-item {display: flex !important; align-items: center; margin: 0;}


.views-field-field-omschrijving-melding {word-break: break-word; max-width: 100%;}
.meldingen table {margin-top: 0px;}
.meldingen tr:nth-child(odd) {background-color: #fff;}
.meldingen tr:nth-child(even) {background-color: #ddd;}
.meldingen table tr, .meldingen table td, .meldingen table th {border: none;}
.meldingen table tr{display:flex;flex-wrap:wrap;}
.meldingen table th.views-field-field-omschrijving-melding{display:none;}
.meldingen table th.views-field-created-1{display:none;}
.meldingen table th.views-field-gemodereerd{display:none;}
.meldingen table th.views-field-view{display:none;}
.meldingen table th.views-field-nothing{display:none;}
.meldingen table th.views-field-nothing-1{display:none;}
.meldingen table th.views-field-nothing-2{display:none;}
.meldingen table th{display:block;flex:1;}
.meldingen table td{display:flex;flex:1;}

.meldingen table .views-field-field-omschrijving-melding {
  display: block !important;
  flex: none !important;
  width: 100% !important;
}

/* Automatisch geplaatst op social media */
.views-table tbody tr.posted-social {
  background-color: #00990547 !important;
}


/* First .views-field-view in the row = thumbs-up */

/* OUDE VIEWS-FIELD-VIEW methode */
.meldingen table tr.melding-row td.views-field-view:first-of-type {
  flex: 0 0 20% !important;
  max-width: 20% !important;
}

/* Second .views-field-view in the row = right-column */
.meldingen table tr.melding-row td.views-field-view:last-of-type {
  flex: 0 0 80% !important;
  max-width: 80% !important;
}

/* NIEUWE VIEWS-FIELD-VIEW methode */

/* FIRST column: thumbs → 20% */
.meldingen table tr.melding-row td.views-field-search-api-rendered-item:first-of-type {
  flex: 0 0 20% !important;
  max-width: 20% !important;
}

/* SECOND column: disable flex + give it 80% */
.meldingen table td.right-column-cell {
  display: block !important;
  flex: 0 0 80% !important;
  max-width: 80% !important;
}



.vote-form{width:50%;flex:auto;}
.meldingen table .moderation-warning, .views-field-created-1{flex:auto;font-size:14px;color:#888;text-align:right;justify-content: flex-end;}
.meldingen td.views-field-created-1::before {content: "Aangemaakt op\00A0"; font-size: 14px; color: #888}
.meldingen div.views-field-created-1::before {content: "Aangemaakt op "; font-size: 14px; color: #888}
.meldingen table tr.melding-row {border-bottom: 5px solid white;}
.meldingen table tr.melding-row:last-of-type {border-bottom: none;}

.nav-link { vertical-align: middle; display: inline-flex; align-items: center; }
.navbar-toggler-icon { filter: brightness(0) invert(1); }

#main-wrapper {background-color: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
td.views-field-view {display: flex;
flex-direction: column;
justify-content: flex-end; }

.view-footer {background-color: #eee; margin-bottom: 20px; margin-top: 40px; display: block; padding: 0px 0px; border-radius: 10px;}
.featured-bottom {background-color: #ffffff; width: 100%;}
.featured-bottom > .container {max-width: 100%; width: 100%; padding-left: 0; padding-right: 0;}
.featured-bottom img {display: block; width: 100%; height: auto; max-width: 100%;}
.featured-bottom .field__item p {text-align: center;}
.bijschriftmap #map {text-align:center;color:#999;font-size:16px;display:block;}
.bijschriftmap #map :hover{color:#999;text-decoration:none;}

.js-pager__items li > a:hover{color:#990066;border-color:#990066;}
.js-pager__items{font-weight:bold;}
.js-pager__items .active{border:0;background:#990066;color:#fff; font-size:18px;}
.js-pager__items .page-item{border:0;background:#fff;color:#fff; font-size:18px;}
.js-pager__item li > a:hover{background-color:#990066;color:#fff;}

/* Footers */
.region-footer-first, .region-footer-second, .region-footer-third, .region-footer-fourth, .region-footer-fifth a:hover{color:#ddd;}
.region-footer-first, .region-footer-second, .region-footer-third, .region-footer-fourth, .region-footer-fifth .view-blok-nieuws a{display:block;margin-bottom:10px;}

.site-footer {background-color:#080808; line-height: 1.4285; color: #e1e1e1; font-weight: 400;}
.site-footer a {color: #fff;}

.site-footer .content {color: #e1e1e1; line-height: 1.6em;}

.site-footer .content a, .site-footer .content a.is-active {color: #fff;}

.region-footer-first, .region-footer-second, .region-footer-third, .region-footer-fourth, .region-footer-fifth {margin: 0; padding: 0;}
.region-footer-first .block, .region-footer-second .block, .region-footer-third .block, .region-footer-fourth .block, .region-footer-fifth .block {border: none !important; box-shadow: none !important; background: transparent !important; outline: none !important;}

.site-footer h2, .subfooter h2, .region-footer-first h2, .region-footer-second h2, .region-footer-third h2, .region-footer-fourth h2, .region-footer-fifth h2 {border-bottom: none !important; box-shadow: none !important; margin-bottom: 20px;}
.site-footer{font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size:16px;}

/* Twitter share (MU) */
.views-field-nothing{text-align:right;vertical-align:top;}
.views-field-nothing-2 a{display:inline-block;margin-top:5px;margin-bottom:5px;}
.views-field-nothing-3 a{display:inline-block;margin-top:5px;margin-bottom:5px;}

/* Duimpjes in footer op volgende regel */
.site-footer .views-field-view {display: block; width: 100%; clear: both; margin-bottom: 1em;}


/* Subfooters */
#block-vliegherrie-nieuwsbrieven a{display:block;margin-bottom:0px;}
.subfooter-left, .subfooter-right {font-size: 14px;}
.region-sub-footer-left a{color:#fff;}
.region-sub-footer-left a:hover{color:#fff;}
.subfooter {background-color: #990066; color: #fff; padding: 1rem 2rem;}
.subfooter a {color: #fff;}
.subfooter a:hover {color: #ffccff; /* Optional: lighter purple on hover */}
.subfooter-left,
.subfooter-right {flex: 1;}
.subfooter-right {color: #d7d7d7; text-align: left;}
.telegram{width:55px;height:auto;opacity:0.7;position:fixed;right:30px;bottom:30px;}
.subfooter-inner {max-width: 1170px; margin: 0 auto; display: flex; justify-content: space-between; padding: 1rem 1.5rem;}
.subfooter-left, .subfooter-right {flex: 1; text-align: left;}
.subfooter a {color: #fff; text-decoration: none;}
.subfooter a:hover {text-decoration: underline; color: #ffccff;}
#block-vliegherrie-views-block-who-s-online-who-s-online-block{margin-top:20px;}
.aantal-online {margin-top: 10px !important;}

/* Subfooter stack smallere schermen */
.subfooter-inner {display: flex; flex-wrap: wrap;}
.subfooter-left, .subfooter-right {width: 50%;}
@media (max-width: 991px) {
.subfooter-left, .subfooter-right {width: 100%;text-align: center;}
.subfooter-right {flex: 1 1 100%;text-align: center;}
}

/* Content types */
.field__label {font-weight: bold;}
.field--label-above {margin-bottom: 1em;}
.vote-result {display: none;}

/* Opmaak Dikke duimen blok */
.views-row {display: flex; flex-wrap: wrap; gap: 0.2rem; align-items: flex-start;}
.views-row .views-field {flex: 0 1 auto;}


/* Duimen in dikke duimen blok (footer) */
.dikke-duimen-blok.view.view-dikke-duimen-blok .thumbsup-rating-wrapper {font-size: 0.8em !important;}

/* Teller naast duimen in dikke duimen blok */
.dikke-duimen-blok.view.view-dikke-duimen-blok .rating-option-result {font-size: 1.2em !important; color: white}

/* Toast bericht bij aanklikken info icoontje, nodig omdat op mobiele apparaten geen hover mogelijk is om alt text te tonen. Ook voor tonen bericht bij uitgelogd aanklikken duimpjes. */
.toast {position: fixed; top: 200px; left: 50%; transform: translateX(-50%); z-index: 1055;}


/* Fix revisie pagina */
.node-revision-table th {
    color: black !important;
}