h1
{
font-size: 30px;
  color: #006BD6; 
  border-color: #8fc1f3;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
}

h2
{
font-size: 22px;
  color: #006BD6;  
  border-color: #8fc1f3;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
}

h3 {
  font-size: 22px;
  color: #006BD6;
  font-weight: 500;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 10px;  
}

.module-title {
  font-size: 18px;
  color: #006BD6;
  text-align: left;
  margin-bottom: 5px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}

.module-ct {
  background-color: #ffffff;
  padding: 3px;
  border: 1px dotted #add8e6; /* Lichtblauw */
}


.mod-tagssimilar li {
  margin-bottom: 5px;
}

.mod-tagssimilar a {
  text-decoration: none;
  color: #006BD6;
  
}

.mod-tagssimilar a:hover {
  color: red;
}


fa-joomla{
  opacity: 0.6;
  cursor: not-allowed;
}



figure {
  display: table;
      border: 5px #eff6fd solid;
    float: left;
    margin-right: 12px;
  background-color: #eff6fd;
}

figcaption {
  display: table-caption;
  caption-side: bottom;
  font-size: 13px;
  text-align: left;
}
figure figcaption {
font-size: 13px;
  
   font-family: 'Georgia', serif;
    color: #6E6E6E;
    padding: 0px 5px 0px;
    text-align: center;
}
blockquote {
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;

margin: 0.25em 0;
padding: 0.25em 40px;

position: relative;
color: #383838;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #006BD6;
}

.item-tag-title {
  font-size: 20px;
  margin-bottom: 10px;
  background-color: lightblue;
  padding: 10px;
  border: 2px solid #006BD6; /* Adding a border */
  border-radius: 5px; /* Rounded corners for the border */
  display: inline-block; /* Display as an inline block */
}

.item-tag-title a {
  text-decoration: none;
  color: red;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 20px;
}

.item-tag-title a:hover {
  color: darkred;
}


/* Zoekscherm */
/* Standaardinstelling voor mobiele apparaten: volledige breedte */
figure.result__image {
    width: 100%;
    margin: 0; /* Verwijdert standaardmarges */
}

figure.result__image img {
    width: 100%;
    height: auto; /* Behoudt de aspect ratio van de afbeelding */
}

/* Media query voor schermen breder dan 768px (tablets, laptops, desktops) */
@media (min-width: 768px) {
    figure.result__image img {
        width: 100%; /* Zet de breedte op 50% voor grotere schermen */
        height: 300px; /* Zet de hoogte op 200px voor grotere schermen */
        display: block; /* Zorgt dat de afbeelding netjes links uitgelijnd wordt */
        margin: 0; /* Verwijdert overige marges */
        margin-left: 0; /* Zorgt dat de afbeelding aan de linkerkant blijft */
        object-fit: cover; /* Snijdt de afbeelding bij om te passen zonder de ratio te veranderen */
        object-position: center; /* Zorgt dat de bovenkant van de afbeelding zichtbaar is */
    }
}


hr {
    border: 0; /* Verwijdert de standaard rand */
    border-top: 1px solid lightblue; /* Maakt een blauwe lijn van 1px */
    margin: 0px 0; /* Optioneel: voegt ruimte boven en onder toe */
}