@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto+Flex:opsz,wght,XOPQ,XTRA,YOPQ,YTDE,YTFI,YTLC,YTUC@8..144,100..1000,96,468,79,-203,738,514,712&display=swap');
body{background:fixed linear-gradient(135deg,#0D0630 0%,#1B5A90 30%,#1B5A90 40%,#0D0630 100%);font:200 1.2em "Roboto Flex",sans-serif;margin:0;padding:0}
header,footer{margin:0;padding:0;max-width:100%}
header{text-align:right;padding:0 20px 10px}
header a{text-decoration:none;color:white;font:bold 50px "Playfair Display",Times New Roman,serif;text-shadow:4px 4px rgba(0,0,0,0.3)}
header a span{color:#aaa;display:block}
.main,nav>div,footer>div{margin:0 auto;max-width:1600px}
nav{display:block;background:linear-gradient(135deg,#576c91 0%,#576c91 60%,#565372 100%)}
nav .hamburger,#menu-toggle{display:none;cursor:pointer}
nav ul{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0}
nav li{margin:0;padding:0;transition:all 0.2s ease-in-out}
nav li ul{position:absolute;display:none;background:#576c91}
nav li:hover ul{display:block}
nav li a{display:block;padding:10px 20px;color:white;text-decoration:none}
nav li.current_page_item,nav li.current-menu-item{font-weight:bold}
nav li.current_page_item,nav li.current-menu-item,nav li:hover{background:white}
nav li.current_page_item>a,nav li.current-menu-item>a,nav li:hover>a{color:black}
footer>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
blockquote{font-style:italic;border-left:solid 3px #eee;margin:0;padding:0 20px}
h1,h2,h3,h4{font-weight:600;margin:0 0 20px;padding:0;text-align:left}
strong,b{font-weight:600}
hr{margin:0;padding:0;border-color:#576c91!important}
.sticky{position:fixed;top:0;left:0;right:0}
.main{min-height:50vh;background:white}
.main a{text-decoration:none;color:#576c91}
.inner{padding:20px;text-align:justify;line-height:1.5em}
.footer{color:white;font-size:0.8em;padding-right:20px}
.footer img{display:block;margin:auto;max-width:100%}
.footer a{color:#576c91}
.wp-element-button{color:white!important}

@media screen and (max-width:960px){
    header a{font-size:1.9em}
    nav>div{display:none;position:absolute;width:100%}
    nav .hamburger{color:white;display:block!important;border-bottom:solid 1px white}
    nav .hamburger,nav li a,.inner,.logos,.footer{padding:10px}
    #menu-toggle:checked ~ div{display:block!important;background:linear-gradient(135deg,#576c91 0%,#576c91 60%,#565372 100%)}
    #menu-toggle:checked + .hamburger{color:black;background:white}
    nav ul{display:block;position:relative!important}
    nav li ul{display:block;padding-left:20px;font-size:0.9em}
    .footer{max-width:100%;width:100%;text-align:center}
}