/* aanpassingen om standaard Joomla 4 en sjabloonstijl van Cassiopeia terug te krijgen naar HKB-stijl */
body, td, th, div, p, label, input {
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 97%;
}

/* voor de foto-gallery van Ben */
.igui-lightbox-caption {
  color: #ffffff;
}

/* witte achtergrond in bovenregel (was donkerblauw) */
.header.container-header.full-width, .container-footer {
	background:#ffffff;
}

/* lichtgroene achtergrond voor kader-kopjes */
.card, .card-header {
	background: #eef5e7;
}
body.site {
	border-top: 3px solid #3aaa35;
	background-color: #ffffff;
}

/* hyperlinks in HKB-groen, geen onderstreping wanneer geen mouse-over */
a, a:not([class]), a.visible {
	color: #3aaa35;
	text-decoration: none;
}
a:hover, a:focus {
	color: #002b41;
	text-decoration: underline;
}

/* kopteksten subtieler, meer in verhouding met elkaar */
h1, h2, h3, h4, h5, h6 {
	margin: 9px 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
//	line-height: 18px;
	color: inherit;
	text-rendering: optimizelegibility;
	webkit-font-smoothing: antialiased;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 0.8em;
}
h6 {
	font-size: 0.7em;
}

/* eventuele aanpassing van paragraaf-tekst - wordt nu via 'body' aangepast */
p {
/* font-size: 0.875em; */
}

/* aanpassingen voor pagina met Baerne's - titel werd onder tabel geplaatst */
table {
    caption-side: top;
}

/* tabel-kopregel met vette tekst en lichtgroene achtergrond */
th {
	font-weight: bold;
	background-color: #E2EEDA;
}

/* footer-teksten op 1 regel */
footer div.mod-footer {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  footer div.mod-footer {
    flex-direction: row;
  }
}

/* menu-balk iets aangepast, zodat er ruimte tussen de menu-titels ontstaat */
.level1 {
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1.5px solid #3aaa35;
}

/* extensie Tabs and Accordions - voorzien van lichtgroene achtergrond in de button-bar */
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button] {
    background-color: #eef5e7;
    transition:background-color 200ms, border 200ms
}

/* art-table layout aanpassingen */
table.arttable_table_hkb {
 	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 28pt;
	width: 100%;
	text-align: left;
}

/* nieuwsoverzicht op homepage */
div.HKB_nieuws img, div.blog img, div.pull-left img {
    height: auto;
    width: 150px;
    margin: 5px;
}
figure.left.item-image {
  margin-inline-start: 0px; 
  margin-inline-end: 0px;
  box-sizing: border-box;
  flex: none;
}

.image-left .blog-item .item-image, .image-right .blog-item .item-image {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 40%;
        flex: none;
    }

/* Bij nieuws-items op de homepage de 'lees verder'-links ook in groen tonen */
.btn-secondary, .btn {
	color: #3aaa35;
}

/* bij de template-posities bekijken (?tp=1) de tekst op de zwarte balken zichtbaar maken */
div[class^=mod-preview] {
    color: #ccc;
}

/* nog onderzoeken hoe de cyaan-kleurige menubalken in het mobile hamburgermenu naar groen kunnen */
div[class^=mobilemenuck] {
  
}

/* grotere letter voor werkgroepen-pagina's (daar met class hkb_grotere_letter de tekstdelen gemarkeerd) */
div.hkb_grotere_letter {
  font-size: 120%;
  line-height: 150%;
}
div.hkb_grotere_letter li {
    line-height: 150%;
  }

/* aanpassingen voor vacature-overzicht */
.vacature th {
  font-size: 120%;
}
.vacature td {
  vertical-align: text-top;
}

.vacature p {
  margin-bottom: 0rem;
}

.vacature_titel h4 {
  width: 150px;
}

div.offline-card, div.header {
  background-color: #eef5e7;
  background-image: none;
}