/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on February 21, 2024 */



@font-face {
    font-family: 'moderatregular';
    src: url('fonts/moderat-regular-webfont.woff2') format('woff2'),
         url('fonts/moderat-regular-webfont.woff') format('woff');
    font-weight: light;
    font-style: normal;
    letter-spacing: 0.02em;
    color:#000000;
}

@font-face {
    font-family: 'moderatmedium';
    src: url('fonts/moderat-medium-webfont.woff2') format('woff2'),
         url('fonts/moderat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'moderatbold';
    src: url('fonts/moderat-bold-webfont.woff2') format('woff2'),
         url('fonts/moderat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'moderatregular' !important;
     -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color:#000000;
 }

 .wy-body-for-nav {
    background-color: #FFFFFF;
 }

 .wy-nav-content-wrap {
    background-color: #FFFFFF;
 }

 a, a:visited {
    color:#283583;
 }


:root {
    --sd-color-primary: #0000ff;
    --sd-color-secondary: #6c757d;
    --sd-color-success: #28a745;
    --sd-color-info: #17a2b8;
    --sd-color-warning: #f0b37e;
    --sd-color-danger: #dc3545;
    --sd-color-light: #f8f9fa;
    --sd-color-muted: #6c757d;
    --sd-color-dark: #212529;
    --sd-color-primary-highlight: #0069d9;
    --sd-color-secondary-highlight: #5c636a;
    --sd-color-success-highlight: #228e3b;
    --sd-color-info-highlight: #148a9c;
    --sd-color-warning-highlight: #cc986b;
    --sd-color-danger-highlight: #bb2d3b;
    --sd-color-light-highlight: #d3d4d5;
    --sd-color-muted-highlight: #5c636a;
    --sd-color-dark-highlight: #1c1f23;
    --sd-color-primary-text: #fff;
    --sd-color-secondary-text: #fff;
    --sd-color-success-text: #fff;
    --sd-color-info-text: #fff;
    --sd-color-warning-text: #212529;
    --sd-color-danger-text: #fff;
    --sd-color-light-text: #212529;
    --sd-color-muted-text: #fff;
    --sd-color-dark-text: #fff;
    --sd-color-shadow: rgba(0, 0, 0, 0.15);
    --sd-color-card-border: rgba(0, 0, 0, 0.125);
    --sd-color-card-border-hover: hsla(231, 99%, 66%, 1);
    --sd-color-card-background: transparent;
    --sd-color-card-text: inherit;
    --sd-color-card-header: transparent;
    --sd-color-card-footer: transparent;
    --sd-color-tabs-label-active: hsla(231, 99%, 66%, 1);
    --sd-color-tabs-label-hover: hsla(231, 99%, 66%, 1);
    --sd-color-tabs-label-inactive: hsl(0, 0%, 66%);
    --sd-color-tabs-underline-active: hsla(231, 99%, 66%, 1);
    --sd-color-tabs-underline-hover: rgba(178, 206, 245, 0.62);
    --sd-color-tabs-underline-inactive: transparent;
    --sd-color-tabs-overline: rgb(222, 222, 222);
    --sd-color-tabs-underline: rgb(222, 222, 222);
    --sd-fontsize-tabs-label: 1rem
      }
h1 { font-size: 26px; font-family: 'moderatmedium'; color:#000000; font-weight: normal;} /* title */
h2 { font-size: 22px; font-family: 'moderatmedium'; color:#000000; font-weight: normal;} /* page and post titles */
h3 { font-size: 11px; font-family: 'moderatmedium'; color:#000000; font-weight: normal;}

.wy-side-nav-search{ 
    background-color:#283583; 
}
.wy-nav-content {
   max-width: 420px;
   background-color:#FFFFFF; /* achtergrond kleur */

/*
   background-color:#ee00c1ff;
*/
  
}


/* Changes for Sphinx */
/*
#content .sphinx h1 { font-size: 2px; }
#content .sphinx h2 { font-size: 1px; }
*/
/*
img {
  max-width: 100%;
}
*/
font-size = 100px
audio:hover, audio:focus, audio:active

{
-webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}

audio
{
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
-moz-box-shadow: 2px 2px 4px 0px ;
-webkit-box-shadow:  2px 2px 4px 0px #006773;
box-shadow: 2px 2px 4px 0px #006773;
-moz-border-radius:7px 7px 7px 7px ;
-webkit-border-radius:7px 7px 7px 7px ;
border-radius:7px 7px 7px 7px ;
}

/*
img[src$=".svg"] {width: 100%;}
p { margin: 0; }
ul { margin-top: 0; }
*/
.bar:hover {
    fill: #ec008c;
    opacity: 1;
}
.rst-content .align-center {
    margin: auto;
    margin-bottom: auto;
    display: block;
}
.align-center {
    text-align: center;
}


/* Logo styling en zoekveld */
.wy-side-nav-search .wy-dropdown>a img.logo, .wy-side-nav-search>a img.logo {
    max-width: 80%;
    background: transparent;
}


.wy-side-nav-search .wy-dropdown>a:hover, .wy-side-nav-search>a:hover {
    background:none;
}

.wy-side-nav-search input[type=text] {
    min-height: 40px;
    border:none;
    box-shadow: none;
    font-size: 16px;
}


/* Frame links */
.wy-nav-side {
    background-color:#000000;
}

.wy-menu-vertical a,  .wy-menu-vertical a:visited{
    font-size: 16px;
    line-height: 1.2em;
    color:#FFFFFF;
}

/* mobile */
.wy-nav-top {
    background-color:#283583;
}

.wy-nav-top a {
    font-weight: 600 !important;
    font-size: 22px;
    line-height: 52px;
    padding-left: 360px;
    background-image: url('../DMF_logo_liggend.svg');
    background-size: 300px;
    background-repeat: no-repeat;
    background-position: 50px 8px;
    width: 390px;
    height: 40px;
    display: block;
    color: #FFFFFF;
}

.wy-nav-side a {
        line-height: 1.2em !important;
}

a.reference.internal.current {
    font-weight: normal;
    color:#000000;
}



/* content blok */
audio {
    box-shadow: none;
    border-radius:30px;
    height:50px;
    width:100% !important;
    margin-bottom:15px;
}

summary.sd-summary-title{
    background-color: #FFFFFF;
}

.sd-bg-secondary {
    background-color:#000 !important;
    border:none !important;
    font-weight: 500 !important;
    font-family: 'moderatmedium';
    border-radius:30px;
}

.rst-content section ul {
    margin-top:20px;
}

.rst-content .section ul li, .rst-content .toctree-wrapper ul li, .rst-content section ul li, .wy-plain-list-disc li, article ul li {
    margin-left:0;
}

/* MEDIA QUERIES */


/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {

}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
    .wy-menu-vertical a {
        font-size: 22px;
        line-height: 1.2em;
    }
    
    .wy-nav-top a {
        font-weight: 600 !important;
        font-size: 20px;
        line-height: 49px;
        padding-left: 257px;
/*
        background-image: url(../DMF_logo_liggend.svg);
*/
        background-size: 207px;
        background-repeat: no-repeat;
        background-position: 41px 15px;
        width: 320px;
        height: 40px;
        display: block;
        color: #FFFFFF;
    }

    /* logo */
    .wy-side-nav-search .wy-dropdown>a img.logo, .wy-side-nav-search>a img.logo {
        width:60%;
    }
    
    ul.simple li {
        min-height:45px;
    }
    
        ul.simple li img{
        max-height: 40px;
        float:left;
        min-height:50px;
    }

}
/* alle foto's dezelfde hoogte van 150px en gecentreerd */
img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 150px;
}

/* teksten onder de foto's gecentreerd, bold en italic*/
#imagetitle{
    text-align: center;
    padding: 15px 0 0 0;
    font-weight: bold;
    font-style: italic;
}
ul.simple li {
    list-style: none !important;
    list-item:none !important;
    line-height: 20px !important;
    margin-bottom: 10px;
}

ul.simple li p{
    line-height: 20px !important;
}

ul.simple li img{
    max-height: 40px;
    display:inline-block;
}

section #help>svg {
    width:400px;
}

svg.sd-octicon-triangle-right {
    height:22px;
    width: 22px;
}