:root{
--ecimblue:#232946; --ecimgold:#d89d3a; --ecimgreen:#77aa75; --ecimsky:#5f97ae; }
html,body,div,p,ul,ol,li{margin:0;outline:none;border:none;padding:0}
body{width:100vw;overflow-x:hidden;font-family:'Raleway',sans-serif;color:var(--ecimblue)} *:before,*:after{font-family:"Font Awesome 6 Free";font-weight:900}
.rotate90{transform:rotate(90deg)}
a{text-decoration:none;color:var(--ecimblue);transition:.5s ease-in-out}
a:hover{color:var(--ecimsky)}
a:hover:before{color:var(--ecimsky)}
.ecimgold a{color:var(--ecimgold)}
.ecimgold a:before{color:var(--ecimblue)}
.ecimgold a:hover{color:var(--ecimsky)}
.ecimgold a:hover:before{color:var(--ecimsky)} a[href^="mailto"]:not(:has(img)):after{content:" \f0e0"}
a[href$=".pdf"]:before{content:"\f019  ";transition:.5s ease-in-out}
a[href$=".docx"]:before{content:"\f019  ";transition:.5s ease-in-out}
a[href$=".pptx"]:before{content:"\f019  ";transition:.5s ease-in-out}
.post-header{margin:20px 20px 20px 0}
.flipportrait{margin:0 0 20px 0}
.flipportrait .flip-box-block-front{background:var(--ecimblue);color:var(--ecimgold)}
.flipportrait .flip-box-block-back{background:var(--ecimgold);color:var(--ecimblue)}
.flipportrait>div>div>div{margin:10px}
.flipportrait>div>div>div p{margin:20px}
.eb-countdown-xc7ckjm.eb-cd-wrapper .eb-cd-inner .box{background:var(--ecimblue)!important}
.eb-countdown-xc7ckjm.eb-cd-wrapper .eb-cd-inner .box + .box{background:var(--ecimblue)}
.eb-countdown-xc7ckjm.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit{color:var(--ecimgold)!important;font-weight:bolder}
.eb-countdown-xc7ckjm.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label{color:var(--ecimgold)!important}
.dandf{margin:0 0 20px 0;padding:0 0 1px 0}
.dandf p{padding:10px}
.dandf hr{display:none}
.dandf p + div{margin:15px 0}
.flip225 .wp-block-image{height:225px;overflow:hidden}
.flip225 .wp-block-image img{width:225px} #headerimage img,#footerimage img{width:100vw}
#footerimage{margin:-180px 0 0 0}
#footerimage img{position:relative;top:4px;width:100vw}
#header-wrapper{position:relative;top:-4px;width:100vw;display:flex;background:var(--ecimblue);justify-content:space-around;flex-wrap:wrap;align-items:center;z-index:5}
#mobilemenu{display:none}
#logo a img{display:none;height:50px}
#hsearch input{
width:150px;
color:#888;
font-size:16px;
height:20px;
padding:2px;
margin:2px;
border-radius:5px;
}
#content-wrapper{position:relative;z-index:3;margin:20px auto;width:840px;overflow:hidden}
.post-header{font-size:30px;font-weight:bold;}
.wp-block-column ul{margin:20px}
.wp-block-column ul li{padding:5px 0}
#post-10 .post-header{display:none}
#footer-wrapper{
margin:0 10%;
padding-top: 20%;
z-index: 2;
position: absolute;
font-size: 25px;
font-weight: bold;
}
#footer-wrapper .wp-block-columns{
margin:0;
}
#footer-wrapper .wp-block-column{
display: flex;
align-items: center;
background: white;
padding: 10px;
opacity: .8;
} @media (max-width: 839px) {
#headerimage img{display:none}
#header-wrapper{position:fixed;top:-2px;background:white}
#mobilemenu{display:inline-block}
#logo a img{display:block}
#content-wrapper{width:calc(100% - 20px);margin:70px auto}
} @media only screen and (min-width: 840px) {
div#mobilemenu{display:none}
div#nav-wrapper{display:flex;justify-content:space-evenly;padding:5px;color:var(--ecimgold);font-size:16px;font-weight:bold;z-index:8}
#nav ul{background:var(--ecimblue);float:left;transition:.5s;list-style:none}
#nav li{
position:relative;
float:left;
padding:10px;
transition:.5s
}
#nav li:hover>span{transform:rotate(90deg)}
#nav li:hover>ul{
opacity:1;
visibility:visible
}
#nav ul ul {
position:absolute;
opacity:0;
visibility:hidden
}
#nav ul ul li{width:100%}
#nav ul ul ul{left:100%;top:0}
#nav a{
white-space:nowrap;
color:var(--ecimgold)
}
#nav span{
width:30px; font-weight:bold;
display:inline-block;
font-family:"Font Awesome 6 Free";
text-align:center;
transition:.5s
}
}
@media only screen and (max-width: 839px) {
div#mobilemenu{line-height:50px;font-size:40px;z-index:10}
div#mobilemenu::before{content:"\f0c9";color:var(--ecimblue)}
#nav-wrapper{top:50px;position:fixed;background:var(--ecimblue);width:100%;max-height:calc(100vh - 50px);overflow:auto;z-index:8}
#nav ul{display:none;padding:0 0 0 10px;font-size:30px}
#nav span{
color:#fff;
width:50px;
line-height:50px;
font-weight:bold;
display:inline-block;
font-family:"Font Awesome 6 Free";
text-align:center;
transition:.5s
}
#nav li li{white-space:nowrap}
#nav a{line-height:50px;color:var(--ecimgold);font-weight:bold}
#footerimage{margin:-80px 0 0 0}
#footerimage>img{display:none}
}