:root {
    --cassiopeia-color-primary: #404040; /* donkerbruin */
    --cassiopeia-color-secondary: #f7dc8d; /* oker  1*/
    --cassiopeia-color-hover: #fffefc; /* gebroken wit, ook body achtergrond */
    --cassiopeia-color-link: #e10404; /* rood */
    --cassiopeia-color-donker-oker: #bd944d; /* donker oker */
    --cassiopeia-color-headers: #55514d; /* donkergrijs */
    --cassiopeia-color-middengrijs: #bfbfbf;
    --cassiopeia-color-donker-bruin: #38271d;
}

@font-face {
    font-family: 'Copperplate-Light';
    src: url('fonts/Copperplate-Light.woff2') format('woff2'), url('fonts/Copperplate-Light.woff') format('woff'), url('fonts/Copperplate-Light.svg#Copperplate-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Copperplate-Bold';
    src: url('fonts/Copperplate-Bold.woff2') format('woff2'), url('fonts/Copperplate-Bold.woff') format('woff'), url('fonts/Copperplate-Bold.svg#Copperplate-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Copperplate';
    src: url('fonts/Copperplate.woff2') format('woff2'), url('fonts/Copperplate.woff') format('woff'), url('fonts/Copperplate.svg#Copperplate') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, div, p {
    font-family: 'Avenir', 'Nunito sans', sans-serif;
    color: var(--cassiopeia-color-primary);
    font-size:15px;
}

body {
    padding-bottom:60px;
}
a, a:hover {
    font-family: 'Avenir', 'Nunito sans', sans-serif;
    color: var(--cassiopeia-color-donker-oker);
    font-size:15px;
}


h1, h2, h3, h4, h5, h6,
h2 a, .h2 a, h2 a:not([class]), .h2 a:not([class]){
    font-family: Copperplate-Light;
    color: var(--cassiopeia-color-primary);
}
h1 {
    font-size:30px;
    font-weight: 400;
}

h3 a, .h3 a, h3 a:not([class]), .h3 a:not([class]) {
    font-family: Copperplate-Light;
    color: var(--cassiopeia-color-donker-oker);
    font-size:20px;
}

h5 {
    color: var(--cassiopeia-color-link) !important;
    font-weight: normal;
    line-height: 1.3em;
    margin-bottom: 0;
    font-family: Copperplate-Light;
    font-size: 20px;
}

h6 {
    color: var(--cassiopeia-color-donker-oker);
    font-weight: normal;
    line-height: 1.3em;
    margin-bottom: 0;
    font-family: Copperplate-Light;
    font-size: 20px;
}




body {
    background-color: var(--cassiopeia-color-hover); /* op tekstpagina's */
}

body.home {
    background-color: #c1a76c;
    background-image: url("../images/homepage-achtergrond.jpg");
    background-repeat: no-repeat;
    background-position: 50% -150px;
    background-size: cover;
}

.item-pagehome .com-content-article__body {
    text-align: center;
}

body.sub-home {
    /* background-color: #c1a76c; */
    background-image: url("../images/gradient01.jpg");
    background-repeat: repeat-x;
    background-attachment: fixed;
}

/* main p,*/
.item-page article p,
.article-content p{
    text-align: justify;
}


/* header ********************* */

.container-header{
    background-image: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}


/* header module pay-off  ******** */
.module.header p {
    text-align:center;
    margin-bottom:1px;
}

.module.header .header-img {
    margin-top:12px;
    margin-bottom: 6px;
}

.module.header .header-grijs
{
    color: var(--cassiopeia-color-primary) !important;
    font-family: Copperplate-Light;
    font-size: 21px;
}
.module.header .header-bruin
{
    color: var(--cassiopeia-color-link) !important;
    font-family: Copperplate-Light;
    font-size: 21px;
}

/* menu ******************/

.fullwidth.menu-line1 .row.grid-child {
    background-color: var(--cassiopeia-color-donker-bruin);
    padding: 5px 0;
}

.fullwidth.menu-line1 .navbar-toggler {
    border-radius: 0;
}

body.home .fullwidth.menu-line1 .row.grid-child {
    background-color: transparent;
}

.container-header .container-nav,
.container-header .container-nav nav {
    margin:0;
    padding:0;
}


body.home .container-header .container-nav,
body.home .container-header .container-nav nav {
    /* margin:0 auto; */
}

@media only screen and (min-width:992px){
    #navbar1 .metismenu.mod-menu .mm-toggler::after
    {
        /* verberg onderliggende levels in hoofdmenu op grote schermen */
        display: none;
    }
}

.metismenu.mod-menu .metismenu-item {
    padding:.3em 1em;
}

.container-header .mod-menu > li > a,
.container-header .mod-menu > li > .mm-collapse > li > a,
.container-header .mod-menu > li > .mm-collapse > li > .mm-collapse > li > a {
    font-family: Copperplate-Light;
    font-size: 22px;
    color: var(--cassiopeia-color-secondary);
}

.container-header .mod-menu > li > a:hover,
.container-header .mod-menu > li.current > a {
    color: var(--cassiopeia-color-hover);
}

body.home .container-header .mod-menu {
    margin-top: 80px;
}

body.home .container-header .mod-menu > li > a,
body.home .container-header .mod-menu > li > .mm-collapse > li > a,
body.home .container-header .mod-menu > li > .mm-collapse > li > .mm-collapse > li > a,
.sub-home .com-content-article__body a {
    color: var(--cassiopeia-color-link) !important;
}


body.home .container-header .mod-menu > li > a:hover {
    color: var(--cassiopeia-color-primary);
}

.container-header .metismenu > li > a:hover::after, .container-header .metismenu > li > button:hover::before, .container-header .metismenu > li.active > a::after, .container-header .metismenu > li.active > button::before {
    background: none;
}

@media only screen and (min-width: 768px)  {
    .bibliotheek .component-area-inner,
    .ledenbibliotheek .component-area-inner {
        margin-left: 100px;
        margin-right: 100px;
    }

    .uitgelicht .component-area-inner {
        margin-left: 248px;
        margin-right:248px;
    }
}


.container-sidebar-left .mod-menu {
    margin-top:40px;
}

.container-sidebar-left .mod-list {
    padding-inline-start: 1em;
}

.container-sidebar-left .mod-menu > li > a,
.container-sidebar-left .mod-menu > li > .mod-menu__sub > li > a {
    font-family: Copperplate-Light;
    font-size: 15px;
    color: var(--cassiopeia-color-primary);
}

.container-sidebar-left .mod-menu > li > a {
    font-weight: 700;
}

.container-sidebar-left .mod-menu > li.current,
.container-sidebar-left .mod-menu > li > .mod-menu__sub > li.current  {
    list-style: circle;
}


/*
.container-header .grid-child{
    padding: 0.2em 0.5em;
}

@media only screen and (max-width: 767px) {
    .container-header .grid-child {
        padding:0em 0.5em;
    }
}

@media only screen and (min-width:1360px)
{
    .header2.container-header .menu-line1 nav.menu {
        position: relative;
        left:-102px;
    }

    .header2.container-header .menu-line2 div.menu2 {
        position: relative;
        left:-48px;
    }
}


@media only screen and (min-width:1200px) and (max-width:1359px)
{
    .header2.container-header .menu-line1 nav.menu {
        position: relative;
        left:-92px;
    }

    .header2.container-header .menu-line2 div.menu2 {
        position: relative;
        left:-38px;

    }
}

@media only screen and (min-width:992px) and (max-width:1199px)
{
    .header2.container-header .menu-line1 nav.menu {
        position: relative;
        left:-90px;
    }

    .header2.container-header .menu-line2 div.menu2 {
        position: relative;
        left:-35px;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px)
{
    .header2.container-header .menu-line1 .menu {
        padding-top:0;
        padding-bottom:0;
    }
}

@media only screen and (max-width: 767px)
{
    .container-header .container-nav nav {
        margin-top:0;
        padding-bottom:0;
    }
}

@media only screen and (max-width: 991px)
{
    .header2.container-header .menu-line2 {
    }
}


.container-header nav {
    margin-top:0;
}

.container.container-nav {
    margin-left:0;
}

.metismenu.mod-menu .metismenu-item {
    padding-top: 0;
    padding-bottom: 0;
}


@media only screen and  (max-width:991px) {
    .metismenu.mod-menu .metismenu-item,
    .menu.no-card.grid-child,
    .menu2.no-card.grid-child,
    .container.container-nav {
        padding-left: 0.5em;
    }
}



.navbar-toggler.navbar-toggler-right {
   display:none;
}


.container-header .menu2 .navbar .mod-menu > li > a,
.container-header .menu2 .metismenu.mod-menu .mm-toggler{
    color: var(--cassiopeia-color-primary);
}

.menu-item-icon,
.article-tag-icon {
    width: 32px;
    height: 32px;
    margin-right: 7px;
}
*/

/* hamburger */

/*
.metismenu-item .btn-secondary {
background-color:transparent;
border: none;
color:#ffffff;
font-size:28px;
margin:2px 0;
}
*/

/* search ********************************** */

/*
.module-search input{
max-width:100%;
width:100%;
}
*/


/* module edit verbergen ******** */

.btn.btn-link.jmodedit {
    display:none;
}


/* breadcrumbs / kruimelpad  *************** */

.breadcrumb,
.breadcrumb li,
.breadcrumb li a,
.breadcrumb-item.active{
    background-color: transparent;
    color: var(--cassiopeia-color-donker-oker);
}

.mod-breadcrumbs.breadcrumb.px-3.py-2 {
    padding-left: 0 !important;
}


/* Home ****************************** */
body.home main .title,
body.home main .pay-off {
    font-family: Copperplate-Light;
    font-size: 28px;
    color: var(--cassiopeia-color-headers);
}

body.home main a{
    font-family: Copperplate-Light;
    font-size: 20px;
    color: var(--cassiopeia-color-link);
    text-decoration: none;
}

body.home main a h2,
body.home main a p {
    text-decoration: none;
}

body.home main p {
    margin:0;
}

/* component ******************************* */

.component-area {
    /* background-color: #dddddd; /* debug */
}

/* login / inloggen *********************** */

.container-sidebar-left .sidebar-left.inloggen:first-child {
    margin-top:54px;
}

/* intro-paragraaf ************************* */
/*
.homepage .com-content-article__body,
.blog .category-desc p,
.colours-domein .items-leading {
    font-size: larger;
    font-weight:600;
}

@media only screen and (max-width:767px) {
    .homepage .com-content-article__body,
    .blog .category-desc p {
        text-align: justify;
    }
}
*/

/* blog view ******************************* */
.lezingenreeksen .com-content-category-blog__description.category-desc {
    display:none;
}

.lezingenreeksen .com-content-category-blog__children.cat-children h3:not([class]) {
    display:none;
}



/*
.category-desc img.img-responsive {
width:100%;
}

.blog .blog-intro-img figure {

}

.blog .item-image img {
object-position: center;
object-fit: cover;
height: 100%;
width: 100%;
}
.blog .item-image.dummy-image img {
height: unset;
width: unset;
}
*/



.com-finder__form .btn.btn-primary {
    height: 45px;
}

.com-finder__form .btn.btn-primary:hover,
.com-finder__form .btn.btn-primary:active {
    background-color: var(--cassiopeia-color-donker-oker);
    border-color: var(--cassiopeia-color-donker-oker);
}

.com-finder * {
    margin-bottom: inherit;
}

.com-content-category-blog__item.blog-item,
.odv-themas.tagged_item {
    padding-bottom: 10px;
    margin-bottom: 0px;
    border-bottom: 1px solid var(--cassiopeia-color-donker-oker);
}

.com_finder .result__title,
.com-finder__navigation.search-pagination {
    border-top: 1px solid var(--cassiopeia-color-donker-oker);
    padding-top:10px;
    display:block;
    clear:both;
}


.com-finder__navigation.search-pagination .page-item .page-link {
    height:38px;
}

.odv-fields-finder {
    display:block;
    height:auto;
    width:100%;
    clear:both;
    float:none;
    padding-bottom: 10px;
    margin-bottom:10px;
}

.odv-fields .dt,
.odv-fields-finder .dt{
    display: block;
    float: left;
    width: 20%;
    clear: left;
    min-width: 70px;
    line-height: 1.5em;
}

.odv-fields .dd,
.odv-fields-finder .dd{
    display: block;
    float: right;
    width: 79%;
    clear: right;
    line-height: 1.5em;
}



.ratio-9x16 {
    --aspect-ratio:177.77%;
}


.com-tags__category.category .list-group-item,
.com-tags__category.category .list-group-item:first-child,
.com-tags__category.category .list-group-item:last-child {
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px solid var( --cassiopeia-color-donker-oker);
    background-color: transparent;
}

/* bibliotheek *************** */


.odv-block a,
.odv-block a h2 {
    text-align:center;
    text-decoration: none !important;
    color: var(--cassiopeia-color-link);
    font-size: 24px;
    font-weight: 400;
}

.odv-block .odv-block-inner {
    padding: 10px;
    border: 2px solid #bd944d;
    -moz-box-shadow: 3px 3px 0px #333;
    -webkit-box-shadow: 3px 3px 0px #333;
    box-shadow: 3px 3px 0px #333;
    text-decoration: none !important;
}

.odv-block p {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}


/* footer ********************************** */

/*

.footer {
    background-image: none;
    background-color: transparent;
}

@media only screen and (min-width:1200px){
    .footer .overige-gegevens {
    }
    .footer .social {
        text-align: right;
    }
}
*/



/* pagination ******************** */

/*
.pagination .page-link {
border-color:  var(--cassiopeia-color-middengrijs);
}

.pagination .disabled.page-item > .page-link{
background-color: transparent;
color: var(--cassiopeia-color-middengrijs);
}

.pagination .active.page-item > .page-link {
background-color: var(--cassiopeia-color-secondary);
color: var(--cassiopeia-color-middengrijs);
}
*/