/* Preserve the established MakeNewMedia presentation with Cassiopeia. */
.container-header,.site-grid,.footer { width:calc(100% - 80px); }
body.site { border-top: 3px solid #428bca; background: #fff; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.5; }
.container-header { max-width:1200px; margin:0 auto; padding:24px 0 0; background:#fff; color:#333; box-shadow:none; }
.container-header .grid-child { padding:0; }
.container-header .navbar-brand { padding:0; margin:0 0 24px; }
.container-header .navbar-brand img { width:210px; max-width:100%; height:auto; }
.container-header .container-nav { width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:8px 0; }
.container-header .mod-menu { display:flex; flex-direction:row; flex-wrap:wrap; gap:0; color:#4085b0; margin:0; padding:0; }
.container-header .mod-menu > li { padding:0; margin:0; display:flex; align-items:center; position:relative; }
.container-header .mod-menu > li > button { padding:4px; border:0; background:transparent; color:#4085b0; }
.container-header .mod-menu > li > a { display:block; padding:6px 12px; border-radius:4px; color:#4085b0; text-decoration:none; font-size:13px; }
.container-header .mod-menu > li.active > a, .container-header .mod-menu > li > a:hover { background:#428bca; color:#fff; }
.site-grid { display:block; max-width:1200px; margin:0 auto; }
.container-component { padding:0; margin-top:12px; }
h1 { font-size:26px; font-weight:600; line-height:1.2; margin-bottom:14px; } h2 {font-size:24px;} h3 {font-size:20px;} h4 {font-size:16px;}
a { color:#4085b0; }
.footer { max-width:1200px; margin:30px auto 0; padding:12px 0; border-top:1px solid #eee; background:#fff; color:#333; font-size:12px; }
.footer .grid-child { padding:0; display:block; }
.footer2 { display:none; }
@media(max-width:1240px) { .container-header,.site-grid,.footer { width:calc(100% - 40px); margin-left:20px; margin-right:20px; } }
@media(max-width:600px) { .container-header .mod-menu { gap:2px; } .container-header .mod-menu > li > a { padding:6px 9px; } }

/* Keep native Joomla menu toggles while making dropdowns readable and positioned. */
.container-header .mod-menu .mod-menu__sub { display:none; position:absolute; z-index:1000; left:0; top:100%; width:max-content; min-width:250px; max-width:340px; margin:0; padding:5px 0; list-style:none; border:1px solid #ddd; border-radius:4px; background:#fff; color:#333; box-shadow:0 5px 12px rgba(0,0,0,.14); }
.container-header .mod-menu .mod-menu__sub.show-menu { display:block; }
.container-header .mod-menu > li:nth-child(n+3) > .mod-menu__sub { left:auto; right:0; }
.container-header .mod-menu .mod-menu__sub li { margin:0; padding:0; }
.container-header .mod-menu .mod-menu__sub a { display:block; padding:8px 12px; color:#333; font-size:13px; white-space:normal; text-decoration:none; }
.container-header .mod-menu .mod-menu__sub a:hover, .container-header .mod-menu .mod-menu__sub a:focus { background:#eef5fb; color:#256a9c; }
.container-header .mod-menu .mod-menu__sub > li.parent { display:flex; flex-wrap:wrap; align-items:center; }
.container-header .mod-menu .mod-menu__sub > li.parent > a { flex:1; }
.container-header .mod-menu .mod-menu__sub > li.parent > button { border:0; background:transparent; color:#4085b0; padding:6px; }
.container-header .mod-menu .mod-menu__sub .mod-menu__sub { position:static; width:100%; min-width:0; max-width:none; border:0; border-left:2px solid #ddd; margin-left:10px; box-shadow:none; }
@media(max-width:767px) {
 .container-header .mod-menu > li:has(> .mod-menu__sub.show-menu) { flex-basis:100%; flex-wrap:wrap; }
 .container-header .mod-menu > li > .mod-menu__sub, .container-header .mod-menu > li:nth-child(n+3) > .mod-menu__sub { position:static; left:auto; right:auto; flex-basis:100%; width:100%; min-width:0; max-width:100%; box-shadow:none; }
}