/* CONCEPT 2 – licht, warm en modern */

body {
  color: #3E3739;
  background: #FCFAF8;
}

h1, h2, h3, h4, h5, h6 {
  color: #de781b;
}

#masthead.site-header {
  background: #de781b;
}

#masthead .main-navigation a,
#masthead .site-title a,
#masthead .site-description,
#masthead .menu-toggle {
  color: #3E3739;
}

#masthead .custom-logo {
    width: 170px;
    height: auto;
    opacity: 1;
    filter: drop-shadow(0 1px 2px rgba(52, 48, 51, 0.25));
}

.wp-block-button__link {
  background: #9B6577;
  color: #FFFFFF;
}

/* Knoppen – primaire kleur */
.wp-block-button__link {
    background-color: #A85F76 !important;
    color: #FBF8F6 !important;
}

/* Knoppen bij aanwijzen */
.wp-block-button__link:hover,
.wp-block-button__link:focus {
    background-color: #4F7F7C !important;
    color: #FBF8F6 !important;
}

/* Uitklapmenu onder Reiki trainingen */
#site-navigation .sub-menu,
#site-navigation .sub-menu a {
    background-color: #de781b !important;
    color: #ffef9 !important;
}

/* Submenu bij aanwijzen */
#site-navigation .sub-menu a:hover,
#site-navigation .sub-menu a:focus {
    background-color: #968E92!important;
    color: #3E3739 !important;
}

.footer-contact {
    max-width: 314px;
    line-height: 1.55;
}

.footer-contact__name {
    font-size: 1.1em;
    font-weight: 700;
}

.footer-contact__role {
    margin-top: 2px;
    opacity: 0.8;
}

.footer-contact__address {
    margin: 16px 0;
    font-style: normal;
}

.footer-contact__links {
    margin: 0;
}

.footer-contact a {
    color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

/* Contactgegevens in footer lager uitlijnen */
@media screen and (min-width: 768px) {
    #colophon .footer-contact {
        margin-top: px !important;
        line-height: 1.55;
    }
}

/* Op telefoon geen grote bovenruimte */
@media screen and (max-width: 767px) {
    #colophon .footer-contact {
        margin-top: 30px !important;
    }
}

/* WhatsApp-knoppen gelijkmaken aan overige knoppen */
.whatsapp-block__button {
    font-family: "Noto Sans", -apple-system, BlinkMacSystemFont,
        "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

/* Alle standaard knoppen in de oranje huisstijl */
.wp-block-button__link,
.wp-element-button {
    background-color: #DE781B !important;
    border-color: #DE781B !important;
    color: #FFFFFF !important;
}

/* Donkerder bij aanwijzen met de muis */
.wp-block-button__link:hover,
.wp-element-button:hover {
    background-color: #B95F13 !important;
    border-color: #B95F13 !important;
    color: #FFFFFF !important;
}

/* Submenu: standaard én actieve pagina gelijk */
#masthead .main-navigation .sub-menu a,
#masthead .main-navigation .sub-menu a:visited,
#masthead .main-navigation .sub-menu .current-menu-item > a,
#masthead .main-navigation .sub-menu .current_page_item > a {
    background-color: #DE781B !important;
    color: #343033 !important;
}

/* Submenu: donkerder bij aanwijzen */
#masthead .main-navigation .sub-menu a:hover,
#masthead .main-navigation .sub-menu a:focus,
#masthead .main-navigation .sub-menu .current-menu-item > a:hover,
#masthead .main-navigation .sub-menu .current_page_item > a:hover {
    background-color: #B95F13 !important;
    color: #343033 !important;
}