body {font-family: 'Ubuntu', sans-serif; background-color:#F8F9FD;}

.topbar{width:100vw;padding:.5em 0 .8em 0;border-bottom:1px solid #3366cc;background:#003399;}
.topbar-inner{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;}
.logo a{font-size:22px;font-weight:700;color:#FFF;text-decoration:none;white-space:nowrap;}
.topbar-mods{text-align:right;display:flex;align-items:center;gap:15px;}
.topbar-mods *{margin:0;padding:0;}
.topbar-mods form{display:flex;align-items:center;margin:0;}
.topbar-mods .mod-finder__search{display:flex;align-items:center;gap:8px;}
.topbar-mods input[type="text"]{height:34px;padding:0 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;line-height:34px;}
.topbar-mods button.btn{height:34px;padding:0 14px;border-radius:4px;background:#3366cc;border:1px solid #224c99;color:#fff;font-size:14px;display:flex;align-items:center;gap:4px;}
.topbar-mods button.btn:hover{background:#003399;border-color:#002266;}
.topbar-mods button.btn span{margin:0;}

@media(max-width:700px){
    .topbar-inner{flex-direction:column;align-items:center;gap:10px;}
    .topbar-mods{width:100%;justify-content:center;}
    .topbar-mods form{width:100%;display:flex;justify-content:center;}
    .topbar-mods .mod-finder__search{width:100%;justify-content:center;}
    .topbar-mods input[type="text"]{flex:1;width:100%;}
    .logo a, .fw-right h2{font-size:20px;text-align:center;width:100%;}
	.featurewrap{padding:0.2em 0 !important;}
}

.maincontent {width:96%;max-width:1600px;margin:auto;border:1px solid #999; padding:1em 2em; background:#F1F1F1;margin:1em auto; border-radius:.3em;}
.sideimg {float:left; margin:0 2em 2em 0;}
.tooltip {display:none;}
.mainnav {text-align:center;background: #001a4f;}
.mainnav ul {padding:0;margin:0; list-style: none;}
.mainnav ul li {display:inline-block; padding:.8em;}
.mainnav ul li a {color:#FFF;text-decoration: none;}
.mainnav ul li a:hover {color:#FFFFFF; border-bottom:6px solid #0FF; margin-bottom:-6px;}

.featurewrap{width:100%;background:url('/templates/pxframe20/images/sss-background-texture.jpg') center center/cover no-repeat;padding:40px 0;border-bottom:1px solid #3366cc;box-shadow:0 4px 10px rgba(0,0,0,0.25);}
.featurewrap .inner{width:100%;max-width:1600px;margin:auto;}
.row{display:flex;flex-wrap:nowrap;align-items:stretch;}
.fw-left{flex:0 0 75%;max-width:75%;}
.fw-right{flex:0 0 25%;max-width:25%;display:flex;}.fw-right > div{background:rgba(255,255,255,0.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1em 2em;border-radius:.5em;margin-left:1em;width:100%;border:1px solid rgba(255,255,255,0.4);box-shadow:0 6px 18px rgba(0,0,0,0.25);}
.fw-bottom{width:100%;text-align:center;margin-top:20px;}

@media(max-width:1330px){
    .row{flex-wrap:wrap;}
    .fw-left,.fw-right{flex:0 0 100%;max-width:100%;}
    .fw-right > div{margin-left:0;margin-top:20px;}
	.jcalpro_events > ul.jcalpro_events{display:grid; grid-template-columns:1fr 1fr; gap:20px; list-style:none; padding:0; margin:0;}
}