/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

/* modify color palette */
body{
    --wp--preset--color--foreground: #1e3231!important;
    --wp--preset--color--background: #f3f7f6!important;
    --wp--preset--color--primary: #066664!important;
    --wp--preset--color--secondary: #707070!important;
    --wp--preset--color--tertiary: #dbdbdb!important;
    --wp--preset--color--quaternary: #ffffff!important;
}

/* delete spaces around the site */
.wp-site-blocks{
    padding:0;
}

/* delete top and bottom spaces in content */
.wp-site-blocks .entry-content{
    margin:0;
}

/* general */

html body a.wp-block-button__link{
    transition-duration:.15s;
}
html body a.wp-block-button__link:hover{
    background-color: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
}
figure.wp-block-image{
    position:relative;
    overflow:hidden;
}
figure.wp-block-image figcaption{
    color: var(--wp--preset--color--background);
    font-size:12px;
    box-sizing: content-box;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    margin:0;
    padding-top:20px;
    text-align:center;
    text-shadow:2px 2px 3px rgba(0,0,0,0.9);
    /*background: rgb(0,0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);*/
}

/* make the header fixed */
header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:999;
}
header>div{
    padding-top: var(--wp--preset--spacing--40)!important;
    padding-bottom: var(--wp--preset--spacing--40)!important;
}
header svg#logo, footer svg#logo{
    width:65.24px;
    height:100px;
    margin-right: var(--wp--style--root--padding-right);
    margin-left: var(--wp--style--root--padding-left);
}
header svg#logo{
    /*filter: drop-shadow(2px 2px 2px rgb(0 0 0 / 0.5));*/
}
header svg#logo path, footer svg#logo path{
    fill:#ffffff;
}
html.has-modal-open header nav ul li a{
    /*color:#000000!important;*/
}
header nav ul li ul{
    padding: 0.8em 1em!important;
}
header nav ul li ul li a{
    padding: 0.5em 0;
}
main>div{
    padding:0;
    margin:0;
}
body.single main{
    position:relative;
    margin-top:-7vh!important;
    z-index:1;
}
footer{
    margin:0;
}
footer .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
    transform-origin:0% 100%!important;
    bottom:100%!important;
    top:auto!important;
}