/*--------------------------------------------------------
Theme Name: GerHelpt Eenvoud
Author: GerHelpt.nl
Wordt bij deze Deelnemer ingeladen
Laatst aangepast: 2026-10-27, 16:13 uur
--------------------------------------------------------*/

/********* Begin - Uit CSS van Theme gehaald *********/

:root {
    --link-color: #0066CC; /* #F58025; */
    --button-color: #08741f;
    --button-text-color: #fff;
    --button-hover-color: #D5001A;
    --button-hover-text-color: #fff;
    --title-color: #202020;
    --navi-color: #202020;
    --navi-text-color: #fff;
    --navi-hover-text-color: #ff6600;
    --navi-border-color: #ff6600;
    --submenu-color: #097b25;
    --submenu-text-color: #fff;
    --submenu-hover-text-color: #fffb03;
    --submenu-border-color: #dedede;     
    --footer-color: #202020;
    --footer-text-color: #fff;
    --footer-hover-text-color: rgba(255, 255, 255, 0.5);
    --footer-border-color: rgba(255, 255, 255, 0.035);
    --text-font: Arial, Helvetica;
    --title-font: Quicksand, Tahoma, Arial;
    --navi-font: Quicksand, Tahoma, Arial;
    --widget-title-font: Quicksand, Tahoma, Arial;
    --tz-column-gap: 1.5rem; 
}

/* Haal bovenste witte ruimte weg */
.header-main {
    display: none;
}

.site-title {
    font-size: 25px;
}

.site-description {
    font-size: 14px;
}

.header-image img {
    border:none;
}

.menu a:link,
.menu a:visited {
    font-weight: bold;
}

a:link {
    text-decoration: none;
}
a:hover {
    color: darkgreen;
    text-decoration: underline;
}

i {
    color: #960000;
    font-style: normal;
}

em {
    color: #960000;
    font-style: normal;
}

h1 {
    color: darkblue;
    text-shadow: 2px 2px 4px #cccccc;
}

h2 {
    font-size: 23px;
    margin-top: 30px;
    line-height: 25px;
    color: #887951;
    letter-spacing: 0.02em;
    text-shadow: 2px 2px 4px #cccccc;
}

h3 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
    color: #98151b;
    letter-spacing: 0.02em;
    text-shadow: 2px 2px 4px #cccccc;
}

h4 {
    font-size: 17px;
    font-weight: bold;
    color: green;
    text-shadow: 2px 2px 4px #cccccc;
}

h5 {
    font-size: 15px;
    font-weight: bold;
}

h6 {
    color: black;
}

hr {
    clear: left;
    border: 0;
    height: 1px;
    background: #1a11ff linear-gradient(to right, #CCCCCC, #1a11ff, #CCCCCC);
}

.red {
    color: #ff0000;
}

.hr01 {
    margin: auto 0 auto 0;
    border: 0;
    height: 4px;
    background-color: #890000;
} 

.item {
    color: #000000;
    border: 1px solid #c2c2c2;
    background-color: #feffd9;
    padding: 1px 4px 1px 4px;
}



/* Meer ruimte boven en onder afbeeldingen */
.wp-block-image {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}

/* Minder ruimte onder afbeeldingen met bijschrift */
.wp-block-image:has(figcaption) {
  margin-bottom: 0.5em;
}

.wp-block-image img, .wp-block-gallery img {
    border: solid 5px #FFFFFF;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.52);
}

.wp-block-image figcaption, .wp-caption, .wp-block-embed-youtube figcaption {
    color: #730d0b; 
    font-size: 17px;
    line-height: 21px;
    border: solid 5px #FFFFFF;
}

.wp-caption-text, .wp-block-image, .gallery-caption {
    color: #730d0b;
}

/* Haal eventueel de bovenruimte van de volgende paragraaf weg */
.wp-block-image:has(figcaption) + p {
  margin-top: 0;
}

.attachment-post-thumbnail, .external-img {
    box-shadow: none;
}

.wp-block-code {
    border: 1px solid #d8d1d4;
    padding: 5px;
    margin: 10px;
}

.wp-block-quote {
    font-size: 16px;
    color: darkred;
    font-style: italic;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 6px;  
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 0 10px 10px 15px;
}

.shadow img {
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.52);
}

.noshadow img {
    box-shadow: 0 0 0 0 rgba(0,0,0,0.52);
}



/* Lijsten met bullets */
:is(.widget, .wp-block-widget-area) ul,
:is(.wp-block-latest-posts, .wp-block-archives-list,
.wp-block-latest-comments, .wp-block-categories-list) {
    padding-left: 1em !important;
    list-style: disc !important;
}

/* Lijstitems */
:is(.widget, .wp-block-widget-area) li,
:is(.wp-block-latest-posts, .wp-block-archives-list,
.wp-block-latest-comments, .wp-block-categories-list) li {
    display: list-item !important;
    margin: 0 0 .35em !important;
    padding: 0 !important;
    line-height: 1.25 !important;
    list-style: disc !important;
}

/* Laatste item */
:is(.widget, .wp-block-widget-area) li:last-child,
:is(.wp-block-latest-posts, .wp-block-archives-list,
.wp-block-latest-comments, .wp-block-categories-list) li:last-child {
    margin-bottom: 0 !important;
}

/* Bullets */
:is(.widget, .wp-block-widget-area) li::marker,
:is(.wp-block-latest-posts, .wp-block-archives-list,
.wp-block-latest-comments, .wp-block-categories-list) li::marker {
    color: #333;
    font-size: .9em;
}

/* Recente reacties */
.widget_recent_comments ul {
    padding-left: .35em !important;
}

/* BEGIN - Knop kleur en Link kleur */
.wp-block-file .wp-block-file__button,
.wp-block-file .wp-block-file__button:visited,
.wp-block-file .wp-block-file__button:hover {
  color: #fff;
}
  
.wp-block-file .wp-block-file__button:hover {
background-color: #ba2222;
color: #fff;
}
/* EINDE - Knop kleur en Link kleur */

#footer img {
    vertical-align: middle;
}

.topwebsite {
  display: inline-block;
  background-color: darkmagenta;
  color: white !important;
  text-decoration: none;
  margin: 0 10px;
  padding: 0 6px;
  line-height: 1.4em;
  border: 1px solid white;
  border-radius: 10px;
}

.topwebsite:hover {
  background-color: green;
}

/* Lijst opmaak */
.wp-block-list ul,
.wp-block-list ol {
  margin-block-start: 0;
  margin-inline-start: 0.7em;
  padding-inline-start: 0.7em;
}