/* Deze code stond er al, en doet:
- zorgt ervoor dat plaatjes in de evenementen module niet gecropt worden.
- zorgt ervoor dat een heading img (breed plaatje bovenaan pagina) een vaste hoogte heeft.
*/
.module-events .paragraphs .img-responsive { 
  object-fit: contain !important;
  object-position: center; 
}
.heading-image { 
  padding-bottom: 25%; 
  height: 600px;
}

/* Fix voor gecropte afbeeldingen in de nieuwsfeed (is zelfde als bovenstaand) */
.publication-item .embed-responsive .embed-responsive-img,
.heading-image img {  
  object-fit: contain !important;  
}

/* VOCUS skin voor Congressus, geschreven door Robin. */

/* De header: rood!! */
body > header {  
  background: #c10009;  
}

/* Het menu:
- geen rood streepje meer onder items
- standaard wit op rood
- muisover maakt het zwart op wit
- maak de pijltjes ook dezelfde kleuren als de tekst
*/
.sf-menu li {  
  border-bottom: none !important;  
}
.sf-menu > li > ul {  
  border-top: none !important;  
}  
.sf-menu a {  
  color: white;  
}  
.sf-menu > li:hover,
.sf-menu > li.sfHover {  
  background: white;  
}
.sf-menu > li:hover a,
.sf-menu > li.sfHover a,
.sf-menu > li ul li a {  
  color: black !important;
}
.sf-menu.sf-arrows .has-submenu:not(.sfHover) .sf-with-ul::after {
  border-top-color: white !important;
}

/* Modiel menu:
- standaard wit op rood
- geopende menu items zien eruit als bij muisover
- geselecteerd item is dikgedrukt, en niet rood op rood
- iets meer marge aan de linkerkant
*/
.navbar-toggle,
.top-mobile a,
.submenu-trigger {
  color: white !important;
}
.navbar-toggle {
  border-color: white !important;
}
.sf-menu
:is(li:hover, li.has-submenu.is-active)
:is(.submenu-trigger, a) {
  color: black !important;
}
.sf-menu li.active a {
  color: white !important;
  font-weight: bold !important;
}
.sf-menu li.active:hover a {
  color: black !important;
}
li.has-submenu.is-active a {
  color: black;
}
li.has-submenu.is-active {
  background: white;
}
.navbar-collapse.in > ul > li > a {
  padding-left: 10px !important;
}

/* Zorgt ervoor dat het menu een stuk breder is */
header .container {  
  margin: 0;  
  width: 100%;  
}
.header-nav,  
.header-nav-top .login p {  
  max-width: 1536px;  
  margin: 0 auto !important;;  
}

/*
De login balk bovenin:
- positionering
- standaard wit op donkerrood
- muisover maakt het zwart op wit
*/
.header-nav-top .login {  
  background: #851811;  
  margin: -10px -20px;  
  padding: 0 2em;  
  margin-bottom: 2em !important;  
}
.header-nav-top .login p {  
  color: white !important;
}
.header-nav-top .login p a {  
  color: white !important;
  line-height: 2.2;
}
.header-nav-top .login p a,
.header-nav-top .login p:not(:has(a)) {
  padding: 0.5em !important;
}
.header-nav-top .login p a:hover {  
  color: black !important;  
  background: white !important;  
}

/* De footer: wit op donkergrijs */
  
footer {  
  background: #22262D;  
  color: white;  
}
footer a,
section#copyright a {  
  color: white;  
}  

/* Klein donkerder balkje onderaan */
section#copyright {  
  background: #191C21;  
  color: white;  
}

/* Centreert de tekst */
section#copyright .container > div {  
  justify-content: center !important;  
}

/* Haalt het congressus logo weg*/
section#copyright .container > div > div:last-child {  
  display: none !important;  
}