#page-title {background: #000 url(../images/about/header-about.avif) no-repeat!important;}
#page-content {background: #ddd;}
.large-screen #block-drupal8-w3css-subtheme-content, .medium-screen #block-drupal8-w3css-subtheme-content {padding:0!important;display:flex;background: #ddd;}

article a, p.remove-style a {color:var(--mpored);}
aside h3 {border-left: var(--mpored) 10px solid;color: #333}
aside a:hover {color:var(--mpored);}
aside {background: #ddd url(../images/about/sidebar-about.avif) center top 24px  no-repeat;}
.small-screen aside {background-position-y: 36px;}

thead tr {background:var(--mpored)!important;}

@media all and (max-width:768px){ tbody th {background:var(--mpored)!important;}}
.more-link a {background: var(--mpored)!important;border: 1px solid var(--mpored);transition: all .4s ease-in-out;}
.more-link a:hover {color: var(--mpored)!important;background:transparent!important;}

.custom-button {
    background: var(--mpored)!important;
    width:auto;
}
.custom-button:hover {
    opacity:.7;
}


.page-node-type-about-page .ckeditor-accordion-container > dl dt > a:hover,
.page-node-type-about-page .ckeditor-accordion-container > dl dt > a:not(.button):hover
 {
    background-color: var(--mpored);color:#fff;text-decoration: none!important;
}

.ckeditor-accordion-container > dl dt.active > a:not(.button), .ckeditor-accordion-container > dl dt.active > a {
  background: var(--mpored);
  color: #fff;
}