/* public-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/public-sans-v14-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/public-sans-v14-latin-regular.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/public-sans-v14-latin-regular.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/public-sans-v14-latin-regular.woff") format("woff"),
    /* Modern Browsers */ url("../fonts/public-sans-v14-latin-regular.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("../fonts/public-sans-v14-latin-regular.svg#PublicSans") format("svg"); /* Legacy iOS */
}

/* public-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Public Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/public-sans-v14-latin-italic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/public-sans-v14-latin-italic.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/public-sans-v14-latin-italic.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/public-sans-v14-latin-italic.woff") format("woff"),
    /* Modern Browsers */ url("../fonts/public-sans-v14-latin-italic.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("../fonts/public-sans-v14-latin-italic.svg#PublicSans") format("svg"); /* Legacy iOS */
}

/* public-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/public-sans-v14-latin-700.eot"); /* IE9 Compat Modes */
  src: url("../fonts/public-sans-v14-latin-700.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/public-sans-v14-latin-700.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/public-sans-v14-latin-700.woff") format("woff"),
    /* Modern Browsers */ url("../fonts/public-sans-v14-latin-700.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("../fonts/public-sans-v14-latin-700.svg#PublicSans") format("svg"); /* Legacy iOS */
}

/* public-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Public Sans";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/public-sans-v14-latin-700italic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/public-sans-v14-latin-700italic.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/public-sans-v14-latin-700italic.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/public-sans-v14-latin-700italic.woff") format("woff"),
    /* Modern Browsers */ url("../fonts/public-sans-v14-latin-700italic.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("../fonts/public-sans-v14-latin-700italic.svg#PublicSans") format("svg"); /* Legacy iOS */
}

/* GENERAL */
html body {
  color: #000;
  font-family: "Public Sans", sans-serif;
  font-size: 18px;
}

body.dark-mode {
  color: #fff;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: arial, sans-serif;
  color: #000;
  margin: 10px 0 8px 0;
  font-weight: bold;
}

.row > h3 {
  margin: 10px 0 8px 0;
}

.dark-mode .h1,
.dark-mode .h2,
.dark-mode .h3,
.dark-mode .h4,
.dark-mode .h5,
.dark-mode .h6,
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
  color: white;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 12px;
}

p {
  letter-spacing: 0;
}

p:empty {
  display: none;
}

em {
  color: inherit;
}

a {
  color: #38577C;
  text-decoration: none;
}

a:hover, a:focus, ul.menu li a.active, ul.menu li a:hover, #forum thead a:hover, #block-node-recent .node-title a:hover {
  color: #38577C;
  text-decoration: underline;
}

.dark-mode a, .dark-mode a:hover, .dark-mode a:focus, .dark-mode ul.menu li a.active, .dark-mode ul.menu li a:hover, .dark-mode #forum thead a:hover, .dark-mode #block-node-recent .node-title a:hover {
  color: #7897BC;
}

/* Link go to main content */
body > a:first-child {
  color: white;
}

.btn-primary {
  border: 1px solid black;
  color: black;
  background-color: white;
  border-radius: 8px 25px 25px 8px;
  padding: 6px 20px 6px 8px;
  font-size: 15px;
  line-height: 2;
}

.btn-primary:hover, .btn-primary:focus {
  background-color: #ddd;
  border-color: black;
  color: black;
  text-decoration: none;
}

i.glyphicon-link, i.glyphicon-envelope, i.glyphicon-download-alt, i.glyphicon-share, i.glyphicon-folder-open, .fa.ext {
  color: #38577C;
  width: 19px;
  font-size: 17px;
}

.dark-mode i.glyphicon-link, .dark-mode i.glyphicon-envelope, .dark-mode i.glyphicon-download-alt,
.dark-mode i.glyphicon-share, .dark-mode i.glyphicon-folder-open, .dark-mode .fa.ext {
  color: #7897BC;
}

.pull-right {
  float: right;
}

bold {
  letter-spacing: -0.5px;
}

.pagination {
  justify-content: center;
  flex-wrap: wrap;
}

hr {
  color: black;
  opacity: 1;
}

.dark-mode hr {
  color: white;
}

.page-item.active .page-link {
  background-color: #000;
  border-color: #000;
  color: #FFF;
}

.ui-button .ui-icon {
  filter: brightness(0.0);
}

.page-link,
.page-link:hover,
a.page-link,
a.page-link:hover {
  color: #000;
  padding: 10px 15px;
  margin-top: 15px;
}

.path-frontpage #block-pagetitle {
  display: none;
}

#block-pagetitle h1 {
  margin: 0;
  padding: 15px 0 10px 0;
  font-size: 36px;
}

.field--label-inline .field__label {
  float: left;
}

article .node__content {
  font-size: 18px;
}

.field {
  padding-bottom: 10px;
}

.field .field__label {
  font-weight: bold;
}

.field--label-inline .field__item {
  padding-left: 5px;
}

.node__content .field--name-field-image {
  margin: 10px 0 20px;
  float: none;
}

.node--type-agenda .field--name-field-image {
  margin: 0;
  float: none;
}

article.node--type-agenda .field.text-formatted img,
article.node--type-tomorrow-project .field.text-formatted img,
.field--type-image img {
  width: 100%;
  border-radius: 8px;
}

.form-control:focus {
  border-color: black;
  box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
}

.collapsediv {
  cursor: pointer;
  color: black;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
  padding-bottom: 10px !important;
}

.collapse-line,
.collapsediv .line {
  margin-top: 3px;
  margin-bottom: 15px;
  border-top: 2px solid black;
}

.dark-mode .collapsediv {
  color: white;
}

.dark-mode .collapse-line,
.dark-mode .collapsediv .line {
  border-color: white;
}

.dark-mode .collapsediv button {
  color: white;
}

.collapsediv button {
  background-color: Transparent;
  background-repeat: no-repeat;
  color: black;
  border: none;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  font-size: 30px;
  text-align: left;
  padding-left: 0;
  padding-right: 20px;
  font-weight: bold;
  position: relative;
}

.collapsediv a.readmore.collapsed span.more {
  display: block;
}

.collapsediv a.readmore.collapsed span.less {
  display: none;
}

.collapsediv a.readmore span.more {
  display: none;
}

.collapsediv a.readmore span.less {
  display: block;
}

.collapsediv button[aria-expanded=false] .glyphicon-chevron-right {
  transition: .3s transform ease-in-out;
}

.collapsediv button[aria-expanded=true] .glyphicon-chevron-right {
  transform: translate(0, -50%) rotate(90deg);
  transition: .3s transform ease-in-out;
  font-size: 18px;
}

.collapsediv button i.glyphicon {
  font-size: 18px;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  position: absolute;
}

.inner-collapse {
  padding-bottom: 15px;
}

.user-logged-in .node--unpublished {
  background: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(220, 220, 220, 1) 10px, rgba(220, 220, 220, 1) 20px);
}

.user-logged-in.dark-mode .node--unpublished {
  background: repeating-linear-gradient(-45deg, black, black 10px, rgba(80, 80, 80, 1) 10px, rgba(80, 80, 80, 1) 20px);
}

.blinkme {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.card {
  background-color: #000;
  color: white;
  border: none;
  border-radius: 35px;
  margin-bottom: 25px;
  margin-top: 5px;
}

.card .card-body {
  padding: 1rem 2rem;
}

.card a {
  color: white;
  text-decoration: underline;
}

.card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
  color: white;
}

.dark-mode .card {
  background-color: white;
  color: black;
}

.dark-mode .card a, .dark-mode .card h1, .dark-mode .card h2, .dark-mode .card h3,
.dark-mode .card h4, .dark-mode .card h5, .dark-mode .card h6 {
  color: black;
}

/* HEADER */


body.path-frontpage #header {
  height: 540px;
  min-height: 540px;
  background: transparent;
}

#header {
  height: 354px;
  padding: 0;
  z-index: auto;
  background: url(../images/banner_std.jpg) no-repeat top fixed;
  border-bottom: 0;
  position: relative;
  text-align: center;
  min-height: 130px;
}

#navbar-top,
#navbar-main {
  background: none;
  padding: 0;
}

#navbar-main {
  margin-top: -50px;
}

.logo-vbx img {
  padding-top: 4px;
  width: 270px
}

.tourist {
  background-color: rgba(255, 255, 255, 0.5);
  min-height: 30px;
}

.dark-mode .tourist {
  filter: invert(1);
}

.tourist .content {
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  font-size: 13px;
  margin: 0;
  text-align: center;
}

.tourist .content a {
  color: #000;
  text-decoration: none;
}

.tourist .content a:hover {
  text-decoration: underline;
}

.tourist #close-tourist {
  font-size: 17px;
  border: none;
  background: none;
  position: relative;
  top: 1px;
  color: black;
}

.tourist .content,
.tourist .field--name-body {
  padding: 0;
}

.logo-vbx {
  padding-left: 10px;
  margin-top: -18px;
  display: flex;
  flex-direction: row-reverse;
}

.dark-mode .logo-vbx {
  filter: invert(1);
}

#block-titlelevel1 {
  background: #fff;
  background: radial-gradient(circle at -56px, transparent, transparent 80px, rgba(255, 255, 255, 0.8) 1px, rgba(255, 255, 255, 0.8));
  margin-left: 0;
  margin-right: 0;
  height: 60px;
  margin-top: 25px;
}

.dark-mode #block-titlelevel1 {
  filter: invert(1);
}

#block-titlelevel1 .content {
  display: flex;
  height: 60px;
  align-items: center;
}

#site-name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
  color: #000;
  text-transform: uppercase;
  font-family: arial, sans-serif;
  margin-left: 45px;
}

#site-name span.message {
  font-weight: normal;
}

.language-switcher-language-url {
  display: flex;
  justify-content: flex-end;
  background: rgba(255, 255, 255, 0.8);
  height: 60px;
  margin-top: 25px;
  padding-top: 15px;
}

.language-switcher-language-url .round-button {
  position: relative;
  top: -5px;
  display: inline-block;
}

.language-switcher-language-url .round-button-circle {
  display: inline-block;
}

.language-switcher-language-url .round-button-circle img {
  filter: invert(0);
}

.dark-mode .language-switcher-language-url {
  filter: invert(1);
}

.dark-mode .language-switcher-language-url .round-button-circle {
  background-color: black;
}

.language-switcher-language-url .form-select {
  background-color: transparent;
  border: none;
  width: 60px;
  padding-left: 5px;
  display: inline-block;
  font-size: 14px;
  margin-right: 5px;
}

body.dark-mode .language-switcher-language-url .form-select {
  font-weight: bold;
}

#languageselector-menu .ui-menu-item {
  background: white;
  font-size: 16px;
}

#languageselector-menu .ui-state-active, #languageselector-menu .ui-widget-content .ui-state-active {
  border: 0;
}

#languageselector-button {
  background: transparent;
  border: 0;
  display: inline-block;
  position: relative;
  top: 4px;
  color: black;
  font-family: "Public Sans", sans-serif !important;
  width: 40px;
  font-size: 14px;
}

.menu-links {
  margin-top: 25px;
}

.menu-links .header-links {
  height: 60px;
  padding-top: 15px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: flex-start;
}

.dark-mode .menu-links .header-links {
  background-color: rgba(0, 0, 0, 0.8);
}

.menu-links .header-links .link {
  display: inline-block;
  margin-right: 7px;
}

.dark-mode .menu-links .header-links a {
  color: white;
}

.menu-links .round-button-circle img {
  filter: invert(0);
}

.dark-mode .menu-links .round-button-circle img,
.dark-mode .links-menu .round-button-circle {
  filter: invert(1);
}

.header-links a:hover .round-button-circle {
  filter: invert(1);
}

.menu-links span.link-text {
  vertical-align: middle;
  float: right;
  margin-top: 4px;
}

.dark-mode #menu-responsive {
  filter: invert(1);
}

#menu-responsive .links-menu {
  margin: 20px 0;
  padding: 0;
}

#menu-responsive .links-menu li {
  list-style: none;
  padding: 10px 0;
}

#menu-responsive .links-menu li .round-button-circle {
  margin: 0 auto;
  display: block;
}

#menu-responsive .links-menu li a {
  color: black;
  text-decoration: none;
}

.header-links a {
  color: #000;
  text-decoration: none;
}

.header-links a:hover .link-text {
  text-decoration: underline;
}

#menu-responsive .navbar {
  padding: 0;
}

#menu-responsive .navbar-header {
  height: 60px;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  display: flex;
  justify-content: end;
  padding: 10px 0;
}

#menu-responsive .navbar-header .navbar-toggler {
  padding: 0;
  margin-left: 20px;
  margin-top: 5px;
}

body.dark-mode #menu-responsive .navbar-header .navbar-toggler {
  filter: invert(1);
}

#menu-responsive .navbar-header .link.mybxl {
  padding: 0;
  margin-left: 20px;
}

body.dark-mode #menu-responsive .navbar-header .link.mybxl {
  filter: invert(1);
}

#menu-responsive .navbar-header .link.mybxl .round-button-circle {
  background: none;
}

#menu-responsive .navbar-header .link.mybxl .round-button-circle img {
  filter: invert(1);
  opacity: 0.8;
}

.path-frontpage #menu-responsive .navbar-header .navbar-toggler {
  display: none;
}

#navbar {
  background: #fff;
  font-weight: bold;
  margin-top: -2px;
}

.path-frontpage #navbar.collapse {
  display: block;
}

.dark-mode #navbar {
  background: #EEE;
}

.navbar-toggler {
  width: 40px;
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 0.1rem;
}

#block-mainmenu {
  z-index: 2;
  padding-top: 0px;
  background-color: white;
  border-radius: 20px;
  position: relative;
  height: 110px;
  box-shadow: 9px 10px 15px -5px rgb(0 0 0 / 73%);
}

#block-mainmenu a {
  color: black;
}

body.dark-mode #block-mainmenu {
  background-color: #000;
  border: 2px solid #c8c8c8;
}

body.dark-mode #block-mainmenu a.nav-link {
  color: white;
}

#block-mainmenu ul.nav {
  padding-top: 42px;
  justify-content: center;
  font-size: 14px;
}

#block-mainmenu .nav-link {
  padding: 0;
}

#block-mainmenu .round-button {
  display: inline-block;
  margin: 0 auto 3px;
  width: 45px;
}

#block-mainmenu .round-button-circle {
  display: inline-block;
  background-color: white;
}

#block-mainmenu a.nav-link:hover .round-button-circle {
  filter: invert(1);
}

.dark-mode #block-mainmenu .round-button-circle {
  background-color: black;
}

#block-mainmenu .round-button-circle img {
  filter: invert(1);
}

.dark-mode #block-mainmenu .round-button-circle img {
  filter: invert(0);
}

#block-mainmenu span.menu-text {
  display: block;
  margin-top: -2px;
}

/* SEARCH BOX */

.navbar-header #deploysearchbutton {
  border: 0;
  background-color: transparent;
  margin-top: 3px;
  color: black;
}

body.dark-mode .navbar-header #deploysearchbutton {
  filter: invert(1);
}

body.path-frontpage #deploysearchbutton {
  visibility: hidden;
}

.navbar-header #deploysearchbutton:after {
  font-family: 'Glyphicons Halflings';
  content: "\e003";
  font-size: 25px;
  z-index: 0;
  font-weight: 100;
  opacity: .8;
}

.deployed .navbar-header #deploysearchbutton:after {
  content: "\e260";
}


.js input.form-autocomplete.ui-autocomplete-loading {
  background-position: 98% center;
}

#block-formulaireexposesearchpage-1 {
  z-index: 3;
  margin-top: 82px;
  position: relative;
}

.dark-mode #block-formulaireexposesearchpage-1 {
  filter: invert(1);
}

body.path-frontpage #block-formulaireexposesearchpage-1 {
  margin-top: 245px;
}

#block-formulaireexposesearchpage-1 form {
  width: 40%;
  margin: 0 auto;
  font-weight: bold;
  max-width: 443px;
  position: relative;
}


#block-formulaireexposesearchpage-1 .form-row {
  position: relative;
}

#block-formulaireexposesearchpage-1 input {
  position: relative;
  border: 1px solid #c8c8c8;
  border-radius: 40px;
  font-size: 20px;
  padding: 20px 65px 20px 65px;
  height: 100%;
  text-transform: lowercase;
  background-blend-mode: luminosity;
}

.dark-mode #block-formulaireexposesearchpage-1 input {
  border: 2px solid #373737;
}

.js input.form-autocomplete {
  background-image: none;
}

#block-formulaireexposesearchpage-1 .form-actions {
  position: absolute;
  top: 0;
  right: auto;
  color: #000;
  font-size: 16px;
  z-index: 10;
}

#block-formulaireexposesearchpage-1 button {
  background-color: transparent;
  color: #000;
  z-index: 10;
  position: relative;
  height: 52px;
  margin: 0;
  padding: 30px;
  border: none;
  text-indent: -5000px;
}

#block-formulaireexposesearchpage-1 fieldset {
  padding: 0;
}

body.front #solr-search-block-form .form-actions {
  margin-top: 280px;
  margin-left: 20px;
  font-size: 35px;
  z-index: 10;
  color: #000;
  font-weight: 100;
}

body.not-front #solr-search-block-form .form-actions {
  margin-top: 92px;
  margin-left: 20px;
  font-size: 35px;
  z-index: 10;
  color: #000;
  font-weight: 100;
}

#block-formulaireexposesearchpage-1 .form-actions:after {
  font-family: 'Glyphicons Halflings';
  content: "\e003";
  position: absolute;
  top: 19px;
  left: 16px;
  font-size: 22px;
  z-index: 0;
  font-weight: 100;
}

ul.search-api-autocomplete-search {
  background: white;
}

ul.ui-widget.search-api-autocomplete-search {
  border: none;
  max-width: 440px;
  margin-top: 5px;
  z-index: 2;
  border-top-width: 0px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #AAAAAA;
  padding-top: 10px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 9px 10px 15px -5px rgb(0 0 0 / 73%);
  background-color: #FDFDFD;
}

ul.ui-widget.search-api-autocomplete-search li {
  padding: 0 10px;
}

.dark-mode ul.ui-widget.search-api-autocomplete-search {
  filter: invert(1);
}

ul.ui-widget.search-api-autocomplete-search a.ui-state-active .search-api-autocomplete-suggestion,
ul.ui-widget.search-api-autocomplete-search li:hover {
  background: #dddddd;
  color: black;
}

ul.ui-widget.search-api-autocomplete-search li .search-api-autocomplete-suggestion {
  border-bottom: 1px solid #aaaaaa;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: 'Public Sans', sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 8px;
  color: black;
  display: flex;
  justify-content: space-between;
}

ul.ui-widget.search-api-autocomplete-search li:last-child .search-api-autocomplete-suggestion {
  border: none;
}

.search-api-autocomplete-search span.autocomplete-suggestion-suggestion-suffix {
  color: red;
}

.search-api-autocomplete-search span.autocomplete-suggestion-user-input:before {
  font-family: 'Glyphicons Halflings';
  content: "\e003";
  font-size: 14px;
  font-weight: 100;
  opacity: .8;
  padding-right: 3px;
  position: relative;
  top: 2px;
}

.search-api-autocomplete-search span.autocomplete-suggestion-label {
  text-overflow: ellipsis;
  overflow: hidden;
}

.search-api-autocomplete-search span.autocomplete-suggestion-suggestion-category {
  text-transform: capitalize;
}

.search-api-autocomplete-search .search-api-autocomplete-suggestion span.btn {
  border-radius: 8px;
  text-decoration: none;
  background-color: black;
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 5px;
  list-style-type: none;
  border-bottom: 0px solid #aaaaaa;
  color: #fff;
}


#block-contenttype {
  background: none;
  border: none;
}

#block-contenttype h3 {
  margin-top: 0;
}

#block-contenttype ul {
  padding: 0;
}

#block-contenttype ul li {
  list-style: none;
  font-size: 18px;
  padding: 5px 0;
}

.view-id-search h2 {
  margin-bottom: 0;
}

.view-id-search h2 span.badge {
  font-size: 13px;
  margin-top: 0;
  vertical-align: middle;
}

.view-id-search .views-row {
  padding-bottom: 15px;
}


#mic {
  position: absolute;
  z-index: 99;
  font-size: 23px;
  right: 20px;
  top: 17px;
}

#mic a {
  color: black;
}

/* Submenu */

#block-submenublock, #block-sitemapblock {
  margin-left: -15px;
  border-radius: 8px;
}

.submenublock-list {
  margin: 0;
  padding: 0;
}

.submenublock-list li {
  list-style: none;
}

.link-button .link-button-link,
.block-submenu-block .submenu-link,
.block-sitemap-block .submenu-link {
  padding: 8px 8px 8px 20px;
  margin-bottom: 15px;
  font-family: arial, sans-serif;
  font-size: 15px;
  height: 50px;
  text-align: left;
  border-radius: 8px 25px 25px 8px;
  background-color: black;
  line-height: 15px;
}

.link-button.in-text {
  width: 45%;
}

.block-submenu-block .submenu-link,
.block-sitemap-block .submenu-link {
  font-size: 18px;
  line-height: 18px;
}

#block-submenublock .submenu-link p,
#block-sitemapblock .submenu-link p {
  padding: 0;
}

.link-button .link-button-link .title,
#block-submenublock .submenu-link .title, #block-sitemapblock .submenu-link .title {
  float: left;
  width: 80%;
}

.link-button .link-button-link .title,
.link-button .link-button-link .arrow-right,
#block-sitemapblock .submenu-link .title, #block-sitemapblock .submenu-link .arrow-right,
#block-submenublock .submenu-link .title, #block-submenublock .submenu-link .arrow-right {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.link-button a,
#block-submenublock a,
#block-sitemapblock a {
  color: white;
  text-decoration: none;
  display: block;
}

#block-submenublock .item-menu,
#block-sitemapblock .item-menu {
  padding-right: 0px;
}

.col-md-8 .item-menu {
  width: 50% !important;
}

.link-button .link-button-link .arrow-right,
#block-submenublock .submenu-link .arrow-right,
#block-sitemapblock .submenu-link .arrow-right {
  float: right;
  font-size: 20px;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: white;
  padding-top: 10px;
  padding-left: 5px;
  margin-right: -2px;
}


.item-menu.with-image img {
  border-radius: 8px 20px 0 0;
}

.block-submenu-block .item-menu.with-image .submenu-link {
  border-radius: 0px 0px 20px 8px;
}

.dark-mode .block-sitemap-block .submenu-link {
  border: 1px solid white;
}

body.menu-885 #block-submenublock .submenu-link {
  background-color: #54011c;
}

body.menu-885 #block-submenublock .submenu-link:hover {
  background-color: #883550;
}

#block-submenublock .field-name-field-cell,
#block-sitemapblock .field-name-field-cell {
  font-weight: normal;
}

.link-button .link-button-link:hover,
.submenu-link:hover {
  filter: brightness(1.3);
  -moz-filter: brightness(130%);
  -webkit-filter: brightness(130%);
  -ms-filter: brightness(130%);
  -o-filter: brightness(130%);
}

.link-button {
  width: 30%
}

.link-button .link-button-link {
  height: 50px;
  background-color: rgb(0, 112, 139);
}

.link-button .link-button-link .title {
  white-space: normal;
}

.link-button .link-button-link .field {
  padding: 0;
}

#block-block-28.contextual-links-region {
  position: unset;
}

.mobilelogo {
  position: absolute;
  top: 95px;
}

.mobilelogo img {
  margin: 0 auto;
  width: 60%;
  margin-top: 35px;
  display: none;
}

#slideshowdiv {
  display: none;
}

body.path-frontpage #slideshowdiv {
  position: absolute;
  width: 100%;
  height: 540px;
  display: block;
}

/* ROUND BUTTON */
.round-button {
  width: 40px;
  margin: 0 10px 0 5px;
}

.round-button-circle {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 2px solid transparent;
  margin-top: -7px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: black;
}

.round-button-circle:hover {
  filter: invert(1);
}

.dark-mode .round-button-circle:hover {
  filter: invert(0.8);
}

.round-button img {
  width: 27px;
  height: 27px;
  margin-top: 7px;
  /*filter: invert(1);*/
}

.round-button-circle:hover img {
  /*filter: invert(1);*/
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.dark-mode .round-button-circle {
  background-color: white;
}

.dark-mode .site-footer .round-button-circle img {
  filter: invert(1);
}

/* MAIN */
.dark-mode #main-wrapper {
  background-color: #111111 !important;
}

#main-wrapper {
  padding-bottom: 50px;
  padding-top: 80px;
  z-index: 1;
  position: relative;
}


/* FOOTER */
.site-footer {
  background-image: url(../images/bxlovetranspw.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  background-color: #c0c0c0;
  background-position: center 80px;
  border-top: 0px solid #eaeaea;
  border-bottom: 0px solid #eaeaea;
  margin-bottom: 0px;
  padding: 0;
}

.site-footer strong {
  font-size: 15px;
}

.site-footer .lastrow {
  text-align: center;
}

.site-footer .lastrow img {
  padding-bottom: 10px;
}

.site-footer .footer-color {
  padding-top: 20px;
  /*background-color: rgba(200, 200, 200, 0.9);*/
}

.dark-mode .site-footer .footer-color {
  color: #fff;
  background-color: rgba(00, 00, 0, 0.5);
}

.site-footer img {
  filter: invert(1);
}

.dark-mode .site-footer img {
  filter: invert(0);
}

.site-footer .content a {
  text-decoration: underline;
  color: #000;
}

.dark-mode .site-footer .content,
.dark-mode .site-footer .content a {
  color: #fff;
}

.site-footer #block-footersocial .footer-social {
  text-align: center;
  margin: 0;
  padding: 0;
}

#block-footersocial .footer-social .link {
  display: inline-block;
}

#block-footersocial .footer-social li {
  list-style: none;
}

.site-footer .content a {
  text-decoration: underline;
  color: #000;
}

.site-footer .round-button-circle img {
  filter: invert(0);
}

.site-footer .round-button-circle:hover img {
  filter: invert(0.8);
}

.site-footer .content {
  color: black;
  font-size: 14px;
}

#block-footertext ul li {
  list-style: none;
  display: inline-block;
  margin: 0 1%;
  padding: 0;
}

.site-footer__bottom,
.site-footer__bottom .region {
  margin-top: 0;
  border: none;
}

.footer-logos-right {
  text-align: center;
}

/* SCROLL BACK TO TOP BUTTON */

#toTop {
  bottom: 50px;
  padding: 0;
  border: none;
  background: #000;
  opacity: 1;
  position: fixed;
  border-radius: 3px;
  width: 55px;
  height: 55px;
  right: 5px;
  cursor: pointer;
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  z-index: 14;
  display: none;
}

#toTop .glyphicon {
  color: #fff;
  font-size: 20px;
  top: -3px;
}

.dark-mode #toTop {
  filter: invert(1);
}

/* Dark-mode button */
#darkmodebutton {
  background-image: url(../images/darkmode.png);
  width: 80px;
  height: 35px;
  background-size: contain;
  border: 0;
  background-color: transparent;
  position: absolute;
  z-index: 4;
  bottom: 65px;
  right: 80px;
}

.dark-mode #darkmodebutton {
  background-image: url(../images/lightmode.png);
}

/* vegas pause button */
body.path-frontpage #vegas-play-stop {
  position: absolute;
  bottom: -37px;
  right: 10px;
  visibility: visible;
  z-index: 10 !important;
}

body #vegas-play-stop {
  visibility: hidden;
}

#vegas-play-stop a {
  font-size: 25px;
  color: black;
}

.dark-mode #vegas-play-stop a {
  filter: invert(1);
}

/* Devel debug fix */
:not(pre) > code, :not(pre) > kbd, :not(pre) > samp {
  white-space: unset;
  color: unset;
  background: black;

}


/* SITEMAP IMAGES */
body.page-node-32 #header {
  background: url(../images/banner_std.jpg) no-repeat top fixed;
}

/* Administratieve departementen */
body.parent-node-791 #header {
  background: url(../images/banner_791.jpg) no-repeat top fixed;
}

/* Agenda */
body.parent-node-agenda #header {
  background: url(../images/banner_agenda.jpg) no-repeat top fixed;
}

/* Archief */
body.parent-node-784 #header {
  background: url(../images/banner_784.jpg) no-repeat top fixed;
}

/* Bevolking & Burgerlijke stand */
body.parent-node-1412 #header {
  background: url(../images/banner_1412.jpg) no-repeat top fixed;
}

/* Bibliotheken */
body.parent-node-567 #header {
  background: url(../images/banner_567.jpg) no-repeat top fixed;
}

/* Communicatie */
body.parent-node-573 #header {
  background: url(../images/banner_573.jpg) no-repeat top fixed;
}

/* Cultuur */
body.parent-node-783 #header {
  background: url(../images/banner_783.jpg) no-repeat top fixed;
}

/* Duurzame ontwikkeling */
body.parent-node-2856 #header {
  background: url(../images/banner_2856.jpg) no-repeat top fixed;
}

/* Erfgoed */
body.parent-node-178 #header {
  background: url(../images/banner_178.jpg) no-repeat top fixed;
}

/* Evenementen */
body.parent-node-569 #header {
  background: url(../images/banner_569.jpg) no-repeat top fixed;
}

/* Financiën */
body.parent-node-789 #header {
  background: url(../images/banner_789.jpg) no-repeat top fixed;
}

/* Gezondheid */
body.parent-node-565 #header {
  background: url(../images/banner_565.jpg) no-repeat top fixed;
}

/* Groene ruimten */
body.parent-node-790 #header {
  background: url(../images/banner_790.jpg) no-repeat top fixed;
}

/* Handel */
body.parent-node-786 #header {
  background: url(../images/banner_786.jpg) no-repeat top fixed;
}

/* Kinderen, familie & jeugd */
body.parent-node-792 #header {
  background: url(../images/banner_792.jpg) no-repeat top fixed;
}

/* Milieu */
body.parent-node-121 #header {
  background: url(../images/banner_121.jpg) no-repeat top fixed;
}

/* Mobiliteit */
body.parent-node-123 #header {
  background: url(../images/banner_123.jpg) no-repeat top fixed;
}

/* Netheid */
body.parent-node-793 #header {
  background: url(../images/banner_793.jpg) no-repeat top fixed;
}

/* Nieuws */
body.parent-node-news #header {
  background: url(../images/banner_news.jpg) no-repeat top fixed;
}

/* Onderwijs */
body.parent-node-566 #header {
  background: url(../images/banner_566.jpg) no-repeat top fixed;
}

/* Overheidsopdrachten */
body.parent-node-82 #header {
  background: url(../images/banner_82.jpg) no-repeat top fixed;
}

/* Participatie */
body.parent-node-572 #header {
  background: url(../images/banner_572.jpg) no-repeat top fixed;
}

/* Politie */
body.parent-node-88 #header {
  background: url(../images/banner_88.jpg) no-repeat top fixed;
}

/* Preventie */
body.parent-node-179 #header {
  background: url(../images/banner_179.jpg) no-repeat top fixed;
}

/* Senioren */
body.parent-node-90 #header {
  background: url(../images/banner_90.jpg) no-repeat top fixed;
}

/* Sociaal */
body.parent-node-568 #header, body.page-node-576 #header {
  background: url(../images/banner_568.jpg) no-repeat top fixed;
}

/* Smart City */
body.parent-node-2857 #header {
  background: url(../images/banner_2857.jpg) no-repeat top fixed;
}

/* Sport */
body.parent-node-788 #header {
  background: url(../images/banner_788.jpg) no-repeat top fixed;
}

/* Stedenbouw */
body.parent-node-91 #header {
  background: url(../images/banner_91.jpg) no-repeat top fixed;
}

/* Toerisme */
body.parent-node-89 #header {
  background: url(../images/banner_89.jpg) no-repeat top fixed;
}

/* Werken & bouwwerven */
body.parent-node-205 #header {
  background: url(../images/banner_205.jpg) no-repeat top fixed;
}

/* Werkgelegenheid & opleiding */
body.parent-node-180 #header {
  background: url(../images/banner_180.jpg) no-repeat top fixed;
}

/* Wijkcontracten */
body.parent-node-122 #header {
  background: url(../images/banner_122.jpg) no-repeat top fixed;
}

/* Woningen */
body.parent-node-570 #header {
  background: url(../images/banner_570.jpg) no-repeat top fixed;
}

/* Good Move */
body.parent-node-62870 #header {
  background: url(../images/banner_62870.png) no-repeat top fixed;
}

/* Dierenwelzijn */
body.parent-node-56164 #header {
  background: url(../images/banner_animaux.jpg) no-repeat top fixed;
}

/* EGOV */

body.parent-node-22 #header {
  background: url(../images/banner_egov.jpg) no-repeat top fixed;
}

/* body.parent-node-22 #footer {
    background: url(../images/banner_egov.jpg) no-repeat center;
    background-size: cover;
} */
body.parent-node-22 #footer .footer-color {
  background-color: rgba(179, 215, 220, 0.90);
}

body.parent-node-22 .sidebarstyle {
  color: black;
  background-color: rgba(179, 215, 220, 0.65);
}

body.parent-node-22 .sidebarstyle a {
  color: black;
}

body.parent-node-22 .collapsediv .line, body.parent-node-22 .submenu-link, body.parent-node-22 .link-button-link {
  background-color: rgb(0, 112, 139);
}

body.parent-node-22 table {
  border: 0px solid #fff;
  border-spacing: 7px;
  border-collapse: separate;
}

body.parent-node-22 thead, body.parent-node-22 td i {
  display: none;
}

body.parent-node-22 tr {
  border-bottom: 10px solid #fff;
}

body.parent-node-22 td {
  border: none !important;
  background-color: rgb(0, 112, 139);
  border-radius: 8px !important;
  padding: 9px 10px !important;
  color: #66ccff;
}

body.parent-node-22 td a {
  color: #fff;
  display: block;
  text-decoration: none;
}

body.parent-node-22 td.footable-last-column {
  width: 10%;
  vertical-align: middle;
}

body.parent-node-22 td.footable-last-column img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* HOURS */
body.parent-node-23 #header {
  background: url(../images/banner_hours.jpg) no-repeat top fixed;
}

/* body.parent-node-23 #footer {
    background: url(../images/banner_hours.jpg) no-repeat center;
    background-size: cover;
} */
body.parent-node-23 #footer .footer-color {
  background-color: rgba(217, 211, 189, 0.90);
}

body.parent-node-23 .sidebarstyle {
  color: black;
  background-color: rgba(217, 211, 189, .65);
}

body.parent-node-23 .sidebarstyle a {
  color: black;
}

body.parent-node-23 .collapsediv .line, body.parent-node-23 .submenu-link, body.parent-node-23 .link-button-link {
  background-color: rgb(129, 107, 34);
}

/* APPOINTMENT */
body.parent-node-17 #header {
  background: url(../images/banner_appoint.jpg) no-repeat top fixed;
}

/* body.parent-node-17 #footer {
    background: url(../images/banner_appoint.jpg) no-repeat center;
    background-size: cover;
} */
body.parent-node-17 #footer .footer-color {
  background-color: rgba(238, 202, 182, 0.90);
}

body.parent-node-17 .sidebarstyle {
  color: black;
  background-color: rgba(238, 202, 182, 0.65);
}

body.parent-node-17 .sidebarstyle a {
  color: black;
}

body.parent-node-17 .collapsediv .line, body.parent-node-17 .submenu-link, body.parent-node-17 .link-button-link {
  background-color: rgb(199, 78, 11);
}

/* WEBCAMS */
body.parent-node-24 #header {
  background: url(../images/banner_webcam.jpg) no-repeat top fixed;
}

/* body.parent-node-24 #footer {
    background: url(../images/banner_webcam.jpg) no-repeat center;
    background-size: cover;
} */
body.parent-node-24 #footer .footer-color {
  background-color: rgba(212, 192, 222, 0.5);
}

body.parent-node-24 .sidebarstyle {
  color: black;
  background-color: rgba(212, 192, 222, .55);
}

body.parent-node-24 .sidebarstyle a {
  color: black;
}

body.parent-node-24 .collapsediv .line, body.parent-node-24 .submenu-link, body.parent-node-24 .link-button-link {
  background-color: rgb(111, 44, 145);
}

/* POLITICS */
body.parent-node-7 #header {
  background: url(../images/banner_politics.jpg) no-repeat top fixed;
}

/* body.parent-node-7 #footer {
    background: url(../images/banner_politics.jpg) no-repeat center;
    background-size: cover;
} */
body.parent-node-7 #footer .footer-color {
  background-color: rgba(217, 185, 188, 0.90);
}

body.parent-node-7 .sidebarstyle {
  color: black;
  background-color: rgba(217, 185, 188, .5);
}

body.parent-node-7 .sidebarstyle a {
  color: black;
}

body.parent-node-7 .collapsediv .line, body.parent-node-7 .submenu-link, body.parent-node-7 .link-button-link {
  background-color: rgb(127, 22, 33);
}

/* TRANSPARENCY */
body.parent-node-59353 #header {
  background: url(../images/banner_transparence.jpeg) no-repeat top fixed;
}

/* body.parent-node-59353 #footer {
  background: url(../images/banner_transparence.jpeg) no-repeat center;
  background-size: cover;
} */
body.parent-node-59353 #footer .footer-color {
  background-color: rgba(209, 183, 200, 0.90);
}

body.parent-node-59353 .sidebarstyle {
  color: black;
  background-color: rgba(209, 183, 200, 0.65);
}

body.parent-node-59353 .sidebarstyle a {
  color: black;
}

body.parent-node-59353 .collapsediv .line, body.parent-node-59353 .submenu-link, body.parent-node-59353 .link-button-link {
  background-color: rgb(102, 16, 73);
}

/* JOB OFFERS */
body.parent-node-25 #header {
  background: url(../images/banner_jobs.jpg) no-repeat top fixed;
}

/* body.parent-node-25 #footer {
    background: url(../images/banner_jobs.jpg) no-repeat center;
    background-size: cover;
} */
body.parent-node-25 #footer .footer-color {
  background-color: rgba(214, 206, 179, 0.8);
}

body.parent-node-25 .sidebarstyle {
  color: black;
  background-color: rgba(214, 206, 179, 0.75);
}

body.parent-node-25 .sidebarstyle a {
  color: black;
}

body.parent-node-25 .collapsediv .line, body.parent-node-25 .submenu-link, body.parent-node-25 .link-button-link {
  background-color: rgb(118, 92, 0);
}

/* PARTICIPATE */
body.parent-node-26 #header {
  background: url(../images/banner_participate.jpg) no-repeat top fixed;
}

/* body.parent-node-26 #footer {
    background: url(../images/banner_participate.jpg) no-repeat center;
    background-size: cover;
} */
body.parent-node-26 #footer .footer-color {
  background-color: rgba(210, 207, 224, 0.5);
}

body.parent-node-26 .sidebarstyle {
  color: black;
  background-color: rgba(210, 207, 224, 0.55);
}

body.parent-node-26 .sidebarstyle a {
  color: black;
}

body.parent-node-26 .collapsediv .line, body.parent-node-26 .submenu-link, body.parent-node-26 .link-button-link {
  background-color: rgb(106, 94, 150);
}

/* MAPS */
body.parent-node-27 #header {
  background: url(../images/banner_map.jpg) no-repeat top fixed;
}

body.parent-node-27 #footer .footer-color {
  background-color: rgba(0, 128, 128, 0.8);
}

body.parent-node-27 .sidebarstyle {
  color: black;
  background-color: rgba(0, 128, 128, 0.75);
}

body.parent-node-27 .sidebarstyle a {
  color: black;
}

body.parent-node-27 .collapsediv .line, body.parent-node-27 .submenu-link, body.parent-node-27 .link-button-link {
  background-color: rgb(0, 128, 128);
}

/* TOMORROW */
body.parent-node-28 iframe {
  height: 338px;
}

body.parent-node-28 #header {
  background: url(../images/banner_tomorrow.jpg) no-repeat top fixed;
}

body.parent-node-28 #footer .footer-color {
  background-color: rgba(0, 128, 0, 0.90);
}

body.parent-node-28 .sidebarstyle {
  color: black;
  background-color: rgba(0, 128, 0, 0.70);
}

body.parent-node-28 .sidebarstyle a {
  color: black;
}

body.parent-node-28 .collapsediv .line, body.parent-node-28 .submenu-link, body.parent-node-28 .link-button-link {
  background: rgb(0, 128, 0);
}

body.parent-node-28 .project-item h2 {
  font-size: 14px;
  font-family: 'Public Sans', sans-serif;
  margin-top: 3px;
  min-height: 35px;
}

/* VOUS ETES (no icon) */
body.parent-node-40 #header {
  background: url(../images/banner_agenda_news.jpg) no-repeat top fixed;
}

body.parent-node-40 .sidebarstyle {
  color: white;
  background-color: rgb(215, 11, 140);
}

body.parent-node-40 .sidebarstyle a {
  color: white;
}

body.parent-node-40 .sidebarstyle {
  color: black;
  background-color: rgba(215, 11, 140, .65);
}

body.parent-node-40 .sidebarstyle a {
  color: black;
}

body.parent-node-40 .collapsediv .line, body.parent-node-40 .submenu-link, body.parent-node-40 .link-button-link {
  background: rgb(215, 11, 140);
}

/* AGENDA */
body.node--type-agenda.dark-mode .sidebarstyle {
  color: black;
  background-color: rgba(215, 11, 140, .7);
}

body.node--type-agenda.dark-mode .sidebarstyle a {
  color: black;
}

body.node--type-agenda.dark-mode .collapsediv .line, body.node--type-agenda.dark-mode .submenu-link {
  background: white;
}

/* Small hack to fix the whitespace caused by admin toolbar */
body.toolbar-fixed #header {
  background-position: center 39px;
}

/* Small hack to fix the whitespace caused by admin toolbar */
body.toolbar-tray-open #header {
  background-position: center 79px;
}

body.toolbar-fixed #header {
  transition: min-height 500ms;
}

/* Breadcrumb */
.breadcrumb-item,
.breadcrumb-item.active {
  color: black;
  font-size: 14px;
}

.dark-mode .breadcrumb-item.active {
  color: white;
}

.breadcrumb-item a {
  text-decoration: none;
}

.breadcrumb-item a:hover {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #ccc;
  content: "//";
}

/* Agenda */

body.node--type-agenda .collapsediv {
  background: none;
}

body.node--type-agenda .collapsediv .line, body.node--type-agenda .submenu-link {
  background: black;
  height: 1px;
  margin-top: 5px;
}

.field--name-field-image-credit {
  font-size: 14px;
  color: #767676;
  margin-top: -20px;
  display: block;
  font-style: italic;
  clear:left;
}

.node--type-agenda .field__label .colon {
  display: none;
}

body.node--type-agenda .field__items {
  display: inline-block;
}

body.node--type-agenda .field__items .field__item {
  display: block;
}

body.node--type-agenda .field-name-field-share .field__label {
  padding-top: 3px;
  padding-bottom: 5px;
}

body.page-view-agenda .agenda-icon,
body.node--type-agenda .agenda-icon {
  margin-left: 24px;
  position: relative;
}

body.page-view-agenda .agenda-icon::before,
body.node--type-agenda .agenda-icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  left: -23px;
  position: absolute;
}

body.node--type-agenda .agenda-icon-brand::before {
  font-family: "Font Awesome 5 Brands";
}

body.node--type-agenda .field.field--name-field-opening-hours,
body.node--type-agenda .field.field--name-field-period.field--type-daterange {
  padding-bottom: 0;
}

body.node--type-agenda .field.field--name-field-text.field--type-text-long {
  padding-top: 15px;
}

body.node--type-agenda .agenda-icon .field__items .field__item {
  display: inline-block;
}

body.node--type-agenda .agenda-icon .field__items .field__item + .field__item::before {
  color: #ccc;
  content: "//";
  float: left;
  padding-right: 5px;
}

body.node--type-agenda .field-name-field-share .social-share-content a {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 5px;
  background-color: black;
  color: #fff;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 17px;
  text-align: center;
}

body.node--type-agenda.dark-mode .field-name-field-share .field__label {
  color: white;
}

body.node--type-agenda.dark-mode .field-name-field-share .social-share-content a {
  background-color: white;
  color: #6D6D6D;
}

body.node--type-tomorrow-project .view-tomorrow-project-related-content {
  clear: both;
}

body.node--type-agenda .view-agenda-related-content h2,
body.node--type-article .view-article-related-content h2,
body.node--type-tomorrow-project .view-tomorrow-project-related-content h2 {
  font-size: 20px;
  padding-top: 10px;
  font-weight: bold;
}

body.node--type-agenda.dark-mode .view-agenda-related-content h2,
body.node--type-article.dark-mode .view-article-related-content h2,
body.node--type-tomorrow-project.dark-mode .view-tomorrow-project-related-content h2 {
  color: white;
}

body.node--type-agenda .view-agenda-related-content h2 i,
body.node--type-article .view-article-related-content h2 i,
body.node--type-tomorrow-project .view-tomorrow-project-related-content h2 i {
  padding-right: 5px;
}

body.node--type-agenda .view-agenda-related-content .views-field-title a,
body.node--type-article .view-article-related-content .views-field-title a,
body.node--type-tomorrow-project .view-tomorrow-project-related-content .views-field-title a {
  color: black;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

body.node--type-agenda.dark-mode .view-agenda-related-content .views-field-title a,
body.node--type-article.dark-mode .view-article-related-content .views-field-title a,
body.node--type-tomorrow-project.dark-mode .view-tomorrow-project-related-content .views-field-title a {
  color: white;
}

body.node--type-agenda .view-agenda-related-content .views-field-title .field-content,
body.node--type-article .view-article-related-content .views-field-title .field-content,
body.node--type-tomorrow-project .view-tomorrow-project-related-content .views-field-title .field-content {
  padding-top: 10px;
  padding-bottom: 25px;
  display: block;
}

body.node--type-agenda .view-agenda-related-content .views-field-field-image img,
body.node--type-article .view-article-related-content .views-field-field-image img,
body.node--type-agenda .view-agenda-related-content .views-field-field-image-project img,
body.node--type-article .view-article-related-content .views-field-field-image-project img,
body.node--type-agenda .view-agenda-related-content .views-field-field-image-article img,
body.node--type-article .view-article-related-content .views-field-field-image-article img,
body.node--type-tomorrow-project .view-tomorrow-project-related-content img {
  border-radius: 8px;
  width: 100%;
}

body.node--type-article .field--name-field-image-article {
  float: none;
  display: block;
}


body.node--type-agenda .agenda-brussels-block {
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 35px;
  border: 1px solid black;
  padding: 0 20px;
}

body.node--type-agenda.dark-mode .agenda-brussels-block {
  border: 1px solid white;
}

body.node--type-agenda .logo-agenda {
  width: 250px;
  margin: 5px auto 10px;
  display: block;
}

body.node--type-agenda.dark-mode .logo-agenda {
  filter: invert(0.93);
}

body.node--type-agenda .agenda-brussels {
  margin-bottom: 30px;
}

body.node--type-agenda .agenda-brussels p {
  display: inline-block;
}

body.node--type-agenda .readmore {
  background: white;
  padding: 6px 20px 6px 8px;
  border-radius: 8px 25px 25px 8px;
  margin-top: -5px;
  max-width: 140px;
  text-align: center;
  border: 1px solid black;
}

body.node--type-agenda.dark-mode .readmore {
  filter: invert(1);
}

body.node--type-agenda .readmore a {
  color: black;
  text-decoration: none;
}

body.node--type-agenda .readmore:hover {
  background-color: #ddd;
}

/* FLASH NEWS */

.view-id-flash_news_homepage {
  background-color: #000000;
  color: #fff;
  border-radius: 35px;
  padding-left: 13px;
}

.view-id-flash_news_homepage .row {
  margin-bottom: 20px;

}

.view-id-flash_news_homepage img {
  width: 50px;
  max-width: 50px;
  margin-top: 15px;
}

.view-id-flash_news_homepage .field--name-field-flashtext {
  padding-bottom: 0;
}

.view-id-flash_news_homepage .field--name-field-flashtext p {
  margin-bottom: 0;
}

.view-id-flash_news_homepage .flashtitle {
  color: #fff;
  font-size: 18px;
  margin: 3px 0;
  font-weight: 700;
  line-height: 120%;
  padding: 0;
  font-family: arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
}

.view-id-flash_news_homepage .col-sm-1 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  margin-left: 5px;
}

.view-id-flash_news_homepage .views-row {
  padding-top: 10px;
  overflow: hidden;
}

.view-id-flash_news_homepage a {
  text-decoration: underline;
  color: #fff;
}

.view-id-flash_news_homepage a i {
  color: #7998BD;
}

.dark-mode .view-id-flash_news_homepage a i {
  color: #3B5A7F;
}

.view-id-flash_news_homepage img {
  filter: invert(1);
}

.view-id-flash_news_homepage .row .col-sm-1:nth-child(3) {
  display: none;
}

.dark-mode .view-id-flash_news_homepage {
  background-color: #fff;
  color: #000000;
}

.dark-mode .view-id-flash_news_homepage img {
  filter: invert(0);
}

.dark-mode .view-id-flash_news_homepage a {
  color: #000000;
}

.dark-mode .view-id-flash_news_homepage .flashtitle {
  color: #000000;
}

.view-id-flash_news_homepage .readmore-button {
  text-align: right;
  width: auto;
  margin-left: auto;
  margin-top: -90px;
  padding-right: 25px;
  padding-bottom: 15px;
}

.view-id-flash_news_homepage .readmore-button .fa {
  color: #000;
  font-size: 17px;
  border-radius: 100%;
  background-color: #fff;
  width: 32px;
  height: 32px;
  border: 2px solid #fff;
  padding: 5.5px 6.5px 0 0;
  margin-top: 20px;
}

/* CALCULATE ROAD */
.directions-bicycle-icon {
  background-image: url(//maps.gstatic.com/tactile/directions/omnibox/directions-1x-20150929.png);
  background-position: 0px -168px;
  width: 24px;
  height: 24px;
  border-color: red;
}

.directions-drive-icon {
  background-image: url(//maps.gstatic.com/tactile/directions/omnibox/directions-1x-20150929.png);
  background-position: 0px -96px;
  width: 24px;
  height: 24px;
}

.directions-walk-icon {
  background-image: url(//maps.gstatic.com/tactile/directions/omnibox/directions-1x-20150929.png);
  background-position: 0px -144px;
  width: 24px;
  height: 24px;
}

body.dark-mode .directions-bicycle-icon,
body.dark-mode .directions-drive-icon,
body.dark-mode .directions-walk-icon {
  filter: invert(1);
}

#homeMarker {
  background-image: url('https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/google-maps-icons/home.png');
  width: 32px;
  height: 37px;
  cursor: pointer;
  z-index: 2;
}

#pinMarker {
  background-image: url('/pentagone/redpin.png');
  width: 28px;
  height: 39px;
  cursor: pointer;
  z-index: 2;
}

.mapboxgl-user-location-dot, .maplibregl-user-location-dot, .mapboxgl-user-location-accuracy-circle, .maplibregl-user-location-accuracy-circle {
  display: none;
}

#maptransporttype {
  padding-top: 30px;
}

#map {
  height: 300px;
  margin-bottom: 20px;
  margin-top: 35px;
  border-radius: 8px;
  color: black;
}

span.transport-type {
  font-weight: bold;
  font-size: 18px;
}

#transport .stop-name {
  padding-top: 8px;
  font-weight: bold;
}

#transport .stop_info {
  padding-bottom: 8px;
  margin-left: 23px;
}

#bicycle-parkings,
#bicycle-rental,
#parkings {
  padding-bottom: 8px;
}

/* HOMEPAGE SWIPERS */

.view-agenda-swiper-homepage .uk-position-bottom-center,
.view-news-swiper-homepage .uk-position-bottom-center {
  position: relative !important;
  top: 5px;
  padding: 0;
}

.view-agenda-swiper-homepage .uk-text-center a,
.view-news-swiper-homepage .uk-text-center a {
  margin-bottom: 10px;
  text-align: center;
  color: black;
  font-weight: bold;
  font-size: 18px;
  font-family: "Public Sans", sans-serif;
  text-decoration: none;
}

.view-agenda-swiper-homepage .uk-panel:hover a,
.view-news-swiper-homepage .uk-panel:hover a {
  text-decoration: underline;
}

.dark-mode .view-agenda-swiper-homepage .uk-text-center a,
.dark-mode .view-news-swiper-homepage .uk-text-center a {
  color: white;
}

.view-agenda-swiper-homepage .uk-slider,
.view-news-swiper-homepage .uk-slider {
  top: -45px;
}

.view-agenda-swiper-homepage .uk-panel img,
.view-news-swiper-homepage .uk-panel img {
  border-radius: 28px;
}

.view-agenda-swiper-homepage .uk-slider-nav li a,
.view-news-swiper-homepage .uk-slider-nav li a {
  background-color: black;
}

.dark-mode .view-agenda-swiper-homepage .uk-slider-nav li a,
.dark-mode .view-news-swiper-homepage .uk-slider-nav li a {
  background-color: grey;
}

.view-agenda-swiper-homepage .uk-slider-nav li.uk-active a,
.view-news-swiper-homepage .uk-slider-nav li.uk-active a {
  background-color: #CCC;
}

.view-agenda-swiper-homepage .view-header,
.view-news-swiper-homepage .view-header {
  position: relative;
  z-index: 1;
  padding-left: 20%;
  padding-right: 20%;
}

.view-agenda-swiper-homepage h2,
.view-news-swiper-homepage h2 {
  background-color: white;
  padding: 15px 8px 15px 20px;
  margin-bottom: 20px;
  font-family: arial;
  font-size: 18px;
  height: 50px;
  border-radius: 8px 25px 25px 8px;
  border: 1px solid black;
}

.view-agenda-swiper-homepage h2:hover,
.view-news-swiper-homepage h2:hover {
  background-color: #ddd;
}

.view-agenda-swiper-homepage h2:hover a,
.view-news-swiper-homepage h2:hover a {
  color: black;
}

body.dark-mode .view-agenda-swiper-homepage h2,
body.dark-mode .view-news-swiper-homepage h2 {
  filter: invert(1);
}

.view-agenda-swiper-homepage h2 a,
.view-news-swiper-homepage h2 a {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

.view-agenda-swiper-homepage h2 .fa,
.view-news-swiper-homepage h2 .fa {
  float: right;
}

.view-agenda-swiper-homepage .arrow-right,
.view-news-swiper-homepage .arrow-right {
  float: right;
  font-size: 20px;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: black;
  padding-top: 10px;
  margin-right: -2px;
  margin-top: -10px;
  padding-right: 10px;
}

/* SWIPER BEFORE-AFTER */
.block-swipe-before-after .content h2 span {
  background-color: white;
  padding: 15px 25px 15px 20px;
  margin-bottom: 15px;
  font-family: arial, sans-serif;
  font-size: 18px;
  height: 50px;
  border-radius: 8px 25px 25px 8px;
  border: 1px solid black;
  font-weight: 700;
  color: black;
}

.dark-mode .block-swipe-before-after .content h2 span {
  filter: invert(1);
}

.block-swipe-before-after .content h2 {
  margin-bottom: 25px;
}

.block-swipe-before-after .content {
  text-align: center;
}

.block-swipe-before-after .content p {
  margin-bottom: 10px;
  font-size: 14px;
}

.dark-mode div[class*='Pair__Caption-'] {
  color: white;
}

.dark-mode #block-bxl-block-26 .eapp-before-and-after-slider-numbers-number {
  color: white;
}

.dark-mode #block-bxl-block-26 .eapp-before-and-after-slider.eapp-before-and-after-slider-navigation-navigation svg path {
  fill: white;
}

/* DIRECTORY TEASER*/

.directory-card {
  max-width: 500px;
  margin-bottom: 30px;
}

.node--type-directory.node--view-mode-teaser {
  margin: 0;
  border: none;
  padding-left: 10px;
}

.node--type-directory .directory-address-inside,
.node--type-directory .field--name-field-telephone,
.node--type-directory .field--name-field-fax,
.node--type-directory .field--name-field-email,
.node--type-directory .field--name-field-website {
  display: inline-block;
}

.node--type-directory i.fa,
.node--type-directory i.fab {
  vertical-align: top;
  padding-top: 4px;
  text-align: center;
  font-size: 20px;
  width: 30px;
}

article.node--type-directory .field {
  padding: 0;
}

.node--type-directory .field__label {
  padding: 10px 0 5px;
  font-size: 24px;
}

.node--type-directory .field__label .colon {
  display: none;
}

.node--type-directory .readmore {
  padding-top: 15px;
}

.node--type-directory h2 i.fa {
  padding-top: 0;
  vertical-align: baseline;
}

.node--type-directory .field--label-inline .field__item {
  padding-left: 0;
}

.node--type-directory .field--label-inline .field__label {
  padding-right: 5px;
}


body.page-view-agenda .agenda-icon,
body.node--type-directory .directory-icon {
  margin-left: 24px;
  margin-bottom: 5px;
  position: relative;
}

body.node--type-directory .directory-icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  left: -23px;
  position: absolute;
}

body.node--type-directory .directory-icon-brand::before {
  font-family: "Font Awesome 5 Brands";
}

body.node--type-directory .directory-icon .field__items .field__item {
  display: inline-block;
}

body.node--type-directory .directory-website .field__items .field__item {
  display: block;
}

body.node--type-directory .directory-icon .field__items .field__item + .field__item::before {
  color: #ccc;
  content: "//";
  float: left;
  padding-right: 5px;
}

body.node--type-directory .directory-website .field__items .field__item::before {
  display: none;
}


/* DIRECTORY BUTTON*/

article.node--type-directory.node--view-mode-button {
  display: inline-block;
  width: 40%;
}

article.node--type-directory.node--view-mode-button .link-button {
  width: 90%;
}

.node--type-article .practicalinfo .link-button .link-button-link .arrow-right {
  color: black;
}


/* Public Inquiry */

.view-public-inquiry i.fa {
  color: #30588e;
}

.view-public-inquiry i.fa-link {
  font-size: 14px;
}

.dark-mode .view-public-inquiry i.fa {
  color: #7897BC;
}

.view-public-inquiry .pi-react {
  background: #FFF;
  padding: 6px 20px 6px 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid black;
  border-radius: 8px 25px 25px 8px;
  color: black;
  text-decoration: none;
}

.view-public-inquiry .pi-react:hover {
  background: #ddd;
}

.dark-mode .view-public-inquiry .pi-react {
  filter: invert(1);
}

.view-public-inquiry tr td:nth-child(2) {
  width: 80px;
}


/* Town council */
.view-id-town_council button {
  margin-left: 20px;
}

.view-id-town_council select.form-select {
  padding: 9px 30px 9px 15px;
}

/* ARTICLE */

.node--type-article .field--name-field-introduction {
  font-weight: bold;
  clear: both;
}

article .field--name-body img {
  border-radius: 15px;
}

.field--name-body iframe {
  border-radius: 15px;
  max-width: 100%;
}

.practicalinfo article.node--type-directory.node--view-mode-button {
  width: 100%;
  max-width: 350px;
}

.practicalinfo article .node__content {
  margin: 0;
}

.practicalinfo article.node--type-directory.node.node--view-mode-button .link-button .link-button-link {
  border: 2px solid black;
  background-color: white;
  color: black
}

.practicalinfo article.node--type-directory.node.node--view-mode-button .link-button .link-button-link:hover {
  background-color: #ddd;
  filter: brightness(1);
}

.practicalinfo ul {
  list-style: none;
  padding: 0;
}

.agenda.practicalinfo {
  margin-top: 30px;
}

#block-socialshareblock .social-share-content {
  padding: 0;
  margin: 0;
  display: inline-block;
}

#block-socialshareblock span {
  font-weight: bold;
  font-size: 18px;
  display: block;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom: 5px;
}

.dark-mode #block-socialshareblock span {
  color: #FFF;
}

#block-socialshareblock .social-share-content li {
  list-style: none;
  display: inline-block;
}

#block-socialshareblock .social-share-content a {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 5px;
  background-color: black;
  color: #fff;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 17px;
  text-align: center;
}

.dark-mode #block-socialshareblock .social-share-content a {
  background-color: white;
  color: black;
}

/* AGENDA VIEW */

#views-exposed-form-agenda-page-1 {
  padding: 30px 0;
}

#views-exposed-form-agenda-page-1 label {
  font-weight: bold;
  padding-bottom: 3px;
}

#views-exposed-form-agenda-page-1 #edit-start,
#views-exposed-form-agenda-page-1 #edit-end {
  display: none;
}

#views-exposed-form-agenda-page-1 .form-item-start,
#views-exposed-form-agenda-page-1 .form-item-end {
  margin-bottom: 0 !important;
}

#views-exposed-form-agenda-page-1 #event-start-date .ui-datepicker-inline,
#views-exposed-form-agenda-page-1 #event-end-date .ui-datepicker-inline {
  width: 100%;
}

#views-exposed-form-agenda-page-1 .ms-parent.form-select {
  background: white;
  padding-right: 0;
  padding-left: 0;
}

#views-exposed-form-agenda-page-1 .ms-parent.form-select ul > li {
  padding: 0 8px;
}

#views-exposed-form-agenda-page-1 .ms-parent.form-select label {
  font-weight: normal;
}

#views-exposed-form-agenda-page-1 .ms-parent.form-select button {
  padding: 0;
  border: none
}

#views-exposed-form-agenda-page-1 .ms-parent.form-select .placeholder {
  min-height: 0;
}

#views-exposed-form-agenda-page-1 button.form-submit {
  background-color: white;
  border-radius: 8px 25px 25px 8px;
  font-family: arial, sans-serif;
  color: black;
  font-size: 18px;
  border: 1px solid black;
  padding: 6px 20px 6px 8px;
}

.dark-mode #views-exposed-form-agenda-page-1 button.form-submit {
  filter: invert(1);
}

#views-exposed-form-agenda-page-1 button.form-submit:hover {
  background-color: #ddd;
}

.view-agenda .agenda {
  font-size: 18px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.view-agenda .agenda .views-field-nothing {
  border-bottom: 1px solid #CBCBCB;
  padding-bottom: 15px;
}

.view-agenda .agenda .image {
  margin-bottom: 15px;
}

.view-agenda .agenda .title,
.view-agenda .agenda .title a {
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: bold;
  color: black;
  font-family: 'Public Sans', sans-serif;
}

.dark-mode .view-agenda .agenda .title a {
  color: white;
}

.view-agenda .agenda .readmore {
  background: #FFF;
  float: right;
  padding: 6px 20px 6px 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid black;
  border-radius: 8px 25px 25px 8px;
}

.view-agenda .agenda .readmore:hover {
  background: #ddd;
}

.dark-mode .view-agenda .agenda .readmore {
  filter: invert(1);
}

.view-agenda .agenda .readmore a {
  color: black;
  text-decoration: none;
}

.view-agenda .agenda-cat span {
  color: #ccc;
  padding: 0 5px;
}

#block-block-10 {
  margin-top: 50px;
}

.agenda .image img {
  border-radius: 8px;
}

/* DATEPICKER MODIFS AGENDA */

.ui-widget-content {
  background: transparent;
}

body.node--type-webform .ui-widget-content {
  background: white;
  border: 1px solid black;
}

.ui-datepicker .ui-widget-header {
  background: transparent !important;
  border: none;
}

.dark-mode .ui-datepicker .ui-widget-header {
  color: white;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  color: black;
  background-color: transparent;
  text-align: center;
  border-color: transparent;
}

.dark-mode .ui-state-default {
  color: white;
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-datepicker table td, .ui-datepicker table th {
  vertical-align: middle !important;
}

.ui-datepicker table tr {
  height: 40px;
}

.ui-datepicker table thead tr {
  border: none !important;
}

.ui-datepicker-today a {
  font-weight: 800 !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background-color: black;
  color: white;
  border: none;
}

.dark-mode .ui-state-active {
  background: white;
  color: black;
}

.dark-mode .ui-datepicker-prev, .dark-mode .ui-datepicker-next {
  filter: invert(1);
}

.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
  border: none !important;
}


/* NEWS */
.view-news .news, .view-archive-news .news {
  padding-top: 15px;
  padding-bottom: 15px;
}

.view-news .news .views-field-nothing, .view-archive-news .news .views-field-nothing {
  border-bottom: 1px solid #CBCBCB;
  padding-bottom: 15px;
}

.view-news .news .image, .view-archive-news .news .image {
  margin-bottom: 15px;
}

.view-news .news .image img, .view-archive-news .news .image img {
  border-radius: 15px;
}

.view-news .news .title, .view-archive-news .news .title, .view-archive-news .news .title a, .view-news .news .title a {
  font-size: 22px;
  margin-bottom: 15px;
  color: #000;
  font-weight: bold;
  font-family: 'Public Sans', sans-serif;
}

.dark-mode .view-archive-news .news .title a, .dark-mode .view-news .news .title a {
  color: #fff;
}

.page-archive-news .title a {
  color: #4077BA !important;
}

.view-archive-news .news h2,
.view-news .news h2 {
  margin-top: 0;
}

.view-news h1.page-title {
  margin: 20px 10px 10px 0 !important;
}

.view-news .news .readmore, .view-archive-news .news .readmore {
  background: #FFF;
  float: right;
  padding: 6px 20px 6px 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid black;
  border-radius: 8px 25px 25px 8px;
}

.view-news .news .readmore:hover, .view-archive-news .news .readmore:hover {
  background: #ddd;

}

.dark-mode .view-news .news .readmore, .dark-mode .view-archive-news .news .readmore {
  filter: invert(1);
}

.view-news .news .readmore a, .view-archive-news .news .readmore a {
  color: black;
  text-decoration: none;
}

#block-views-block-archive-news-block-1 {
  background: none;
  border: none;
  padding-top: 20px;
  margin: 0;
}

#block-views-block-archive-news-block-1 ul.views-summary li {
  padding: 5px 0;
  font-size: 18px;
}

#block-views-block-archive-news-block-1 ul.views-summary li a.is-active {
  font-weight: bold;
}

#block-views-block-archive-news-block-1 ul.views-summary li a.is-active::before {
  content: '> ';
}

#archive-filter {
  padding: 0;
}

/* SUBSITE TOMORROW */

.page-node-28 #block-views-block-tomorrow-block-1 h2 {
  background: rgb(0, 128, 0);
  color: white;
  font-size: 16px;
  padding: 10px;
  text-transform: uppercase;
  border-radius: 8px;
}

.page-node-28 #block-views-block-tomorrow-block-1 img {
  border-radius: 8px;
  width: 100%;
}

.page-node-28 #block-views-block-tomorrow-block-1 a div {
  padding-top: 10px;
  padding-bottom: 15px;
}

.page-node-28 #block-views-block-tomorrow-block-1 a {
  color: black;
  font-weight: bold;
}

.page-node-28 #block-views-block-tomorrow-block-1 .cat-item {
  padding-bottom: 10px;
}

.dark-mode.page-node-28 #block-views-block-tomorrow-block-1 a {
  color: white;
}


/* SWIPER TOMORROW PROJECT */

.page-node-28 .block-views-blocktomorrow-video-block-1 h2 {
  background: rgb(0, 128, 0);
  padding: 10px;
  color: white;
  margin-bottom: 10px;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 8px;
}

.page-node-28 .block-views-blocktomorrow-video-block-1 article header {
  display: none;
}

.page-node-28 .block-views-blocktomorrow-video-block-1 .node__content {
  margin-top: 0;
}

.page-node-28 .block-views-blocktomorrow-video-block-1 iframe {
  width: 100%;
  max-width: 100%;
}

.page-node-28 .block-views-blocktomorrow-video-block-1 .node--view-mode-teaser {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.page-node-28 .block-views-blockprojects-swiper-tomorrow-block-1 h2 a {
  color: white;
}

.page-node-28 .block-views-blockprojects-swiper-tomorrow-block-1 h2 {
  background: rgb(0, 128, 0);
  font-size: 16px;
  padding: 10px;
  text-transform: uppercase;
  border-radius: 8px;
}

.page-node-28 .block-views-blockprojects-swiper-tomorrow-block-1 h2 i.fa.fa-plus {
  float: right;
}

.page-node-28 .block-views-blockprojects-swiper-tomorrow-block-1 img {
  border-radius: 8px;
  width: 100%;
}

.page-node-28 .block-views-blockprojects-swiper-tomorrow-block-1 .intro {
  padding-top: 10px;
  font-family: 'Public Sans', sans-serif;
  color: #000;
  font-size: 18px;
  text-align: left;
}

.page-node-28 .block-views-blockprojects-swiper-tomorrow-block-1 .intro a {
  color: #000;
}

.dark-mode.page-node-28 .block-views-blockprojects-swiper-tomorrow-block-1 .intro a {
  color: white;
}

.page-node-28 .block-views-blockprojects-swiper-tomorrow-block-1 .intro p {
  margin-bottom: 0;
  font-weight: normal;
  line-height: 1.6;
}

.page-node-28 .block-views-blockprojects-swiper-tomorrow-block-1 .uk-margin {
  margin-top: 5px !important;
}

.dark-mode.page-node-28 .block-views-blockprojects-swiper-tomorrow-block-1 .intro {
  color: white;
}

.page-node-28 .block-views-blockprojects-swiper-tomorrow-block-1 .uk-position-bottom-center {
  position: relative !important;
  padding: 0;
}

.page-node-28 .block-views-blockprojects-swiper-tomorrow-block-1 .uk-slider-nav li a {
  background-color: black;
}

.dark-mode.page-node-28 .block-views-blockprojects-swiper-tomorrow-block-1 .uk-slider-nav li a {
  background-color: grey;
}

.page-node-28 .block-views-blockprojects-swiper-tomorrow-block-1 .uk-slider-nav li.uk-active a {
  background-color: #79C605;
}

/* TOMORROW/* */
.view-id-tomorrow_category img {
  border-radius: 8px;
  width: 100%;
}

.view-id-tomorrow_category a div {
  padding-top: 10px;
  padding-bottom: 15px;
}

.view-id-tomorrow_category a {
  color: black;
  font-weight: bold;
}

.view-id-tomorrow_category .cat-item {
  padding-bottom: 10px;
}

.dark-mode .view-id-tomorrow_category a {
  color: white;
}

.dark-mode .view-id-tomorrow_category .pagination a {
  color: black;
}

.node--type-tomorrow-project .field--name-field-introduction {
  font-weight: bold;
  clear: both;
}
.node--type-tomorrow-project .field-name-field-project-tags {
  text-align: center;
}

.node--type-tomorrow-project .field-name-field-project-tags .field-item {
  display: inline-block;
}

.node--type-tomorrow-project .field-name-field-project-tags .field-item a {
  display: inline-block;
  padding: 5px;
  background: rgb(0, 128, 0);
  color: #fff;
  margin-right: 5px;
  margin-bottom: 10px;
  text-decoration: none;
}

.node--type-tomorrow-project .all-project a {
  padding: 15px 10px;
  display: block;
  background-color: rgb(0, 128, 0);
  color: #fff;
  text-decoration: none;
}

.node--type-tomorrow-project .all-project a {
  padding: 10px;
  display: block;
  background-color: rgb(0, 128, 0);
  color: #fff;
  text-decoration: none;
}

.node--type-tomorrow-project .all-project .fa {
  font-size: 35px;
  margin-top: 7px;
}

.node--type-tomorrow-project .all-project a .link, .node--type-tomorrow-project .all-project a .link-icon {
  display: inline-block;
  color: white;
}

.node--type-tomorrow-project .all-project a .link-icon {
  display: inline-block;
  margin-right: 15px;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

.node--type-tomorrow-project .field-etat {
  clear: both;
}

.node--type-tomorrow-project .field-name-field-project-tags {
  padding-bottom: 20px;
}

.node--type-tomorrow-project .all-project {
  padding-top: 20px;
}

.node--type-tomorrow-project .all-project a {
  border-radius: 8px;
}

/* Consultation committee */

#views-exposed-form-consultation-committee-block-1 button.form-submit {
  background-color: rgb(239, 217, 229);
  border-radius: 8px;
  font-family: arial, sans-serif;
  color: rgb(206, 11, 126);
  padding: 10px 20px;
  border: none;
  margin-left: 25px;
}

/* Table modifs */
table, thead, thead tr th, tbody, tr, tr td, tr th {
  border: none;
  font-size: 18px;
  background-color: transparent;
}

table thead tr {
  background-color: transparent;
  /* background: rgba(220,220,220,0.1);*/
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

body.dark-mode table tr {
  color: white;
}

.text-formatted.field table thead tr,
.text-formatted.field table tr:nth-child(even) {
  background-color: rgba(220, 220, 220, 0.3);
}

table thead th {
  background-color: transparent;
  /* background: rgba(220,220,220,0.1); */
  text-transform: uppercase;
  color: black;
}

.dark-mode table thead th {
  color: white;
}

.dark-mode table thead tr {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}


table td, table th {
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: top;
}

/* VBX LIVE */

#liveContainer {
  width: 100%;
  height: 0;
  overflow: hidden;
}

#liveContainer h2 {
  text-align: center;
  margin-bottom: 28px;
}

#liveContainer h2 span {
  background-color: white;
  padding: 15px 25px 15px 20px;
  margin-bottom: 15px;
  font-family: arial, sans-serif;
  font-size: 15px;
  height: 50px;
  border-radius: 8px 25px 25px 8px;
  border: 1px solid black;
  font-weight: 700;
  color: black;
  position: relative;
  z-index: 9;
}

.dark-mode #liveContainer h2 span {
  filter: invert(1);
}

#menu-mobile .links-menu {
  padding: 0;
}

#menu-mobile .links-menu li {
  list-style: none;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
}

#menu-mobile .links-menu li .round-button-circle {
  margin: 0 auto;
  display: block;
}

#menu-mobile .links-menu li a {
  color: black;
  text-decoration: none;
}

.dark-mode #menu-mobile {
  filter: invert(1);
}

.dark-mode #menu-mobile .links-menu .round-button-circle img {
  filter: invert(1);
}

#block-liensmobilehomepage nav.navbar {
  padding: 0;
}

#block-liensmobilehomepage .field--name-body {
  padding: 0;
}

/* City councillors */

.cc-icon {
  margin-left: 24px;
  position: relative;
}

.cc-icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  left: -23px;
  position: absolute;
}

.cc-icon-brand::before {
  font-family: "Font Awesome 5 Brands";
}

.node--type-city-councillors .field--type-image,
.node--type-city-councillors .field--type-image img {
  margin: 0;
  float: none;
}

.node--type-city-councillors .collapsediv button {
  font-size: 18px;
}

.view-city-councillors .views-row {
  margin-bottom: 15px;
}

.procedure {
  margin-top: 20px;
}

.dark-mode .procedure a {
  color: black;
}

.caption > figcaption {
  font-size: 14px;
  color: grey;
  display: block;
  font-style: italic;
}

/* Image gallery */

.node--type-image-gallery ul.uk-thumbnav img.uk-cover {
  position: static;
  transform: none;
}

.node--type-image-gallery .uk-overlay.uk-text-center.uk-position-bottom {
  margin-bottom: -15px;
}

.node--type-image-gallery a.uk-slidenav {
  display: none;
}

.node--type-image-gallery .uk-position-relative:hover a.uk-slidenav {
  display: block;
  background: black;
  border-radius: 45px;
  color: white;
}

.node--type-image-gallery .uk-position-relative:hover a.uk-slidenav svg {
  width: 25px;
  height: 25px;
}
.node--type-image-gallery .uk-position-relative:hover a.uk-slidenav svg polyline{
  stroke-width: 8px;
}

.node--type-image-gallery a.uk-slidenav.uk-position-center-right-out.uk-icon.uk-slidenav-next {
  right: 0;
  left: auto;
}

.node--type-image-gallery a.uk-slidenav.uk-position-center-left-out.uk-slidenav-previous {
  right: auto;
  left: 0;
}

.view-gallery-slideshow.view-display-id-block_masonry figcaption {
  display: none;
}

/* START THINK PINK */
body.pink .logo-vbx img {
  content: url(/sites/default/files/logo_vbx_think_pink.png);
}
body.pink.dark-mode .logo-vbx {
    filter: invert(0);
}

body.pink .site-footer .footer-color {
  background-color: rgba(250,0,146,0.5);
}

body.pink .language-switcher-language-url, body.pink .menu-links .header-links {
  background: rgba(250,0,146,0.9);
}

body.pink.dark-mode .language-switcher-language-url {
  filter: invert(0);
}

body.pink.dark-mode .language-switcher-language-url .content {
  filter: invert(1);
  }

body.pink.dark-mode .menu-links .header-links {
  filter: invert(0);
}

body.pink #block-titlelevel1 {
  background: radial-gradient(circle at -56px, transparent, transparent 80px, rgba(250,0,146,0.9) 1px, rgba(250,0,146,0.9));
}

body.pink.dark-mode #block-titlelevel1 {
  filter: invert(0);
}

body.pink.dark-mode #site-name {
  filter: invert(1);
}

body.pink #menu-responsive .navbar-header {
  background: rgba(250, 0, 146, 0.9) !important;
}
body.pink.dark-mode #menu-responsive .navbar-header {
  filter: invert(1);
}

@media (max-width: 767.98px) {
  body.pink .logo-vbx {
      background: rgba(250, 0, 146, 0.9) !important;
  }
}

/* END THINK PINK */