/* top-level styles */
html { overflow-y: scroll; }

body {background: rgb(255,255,255); margin: 0px auto; padding: 0px; position: relative; width: 100%; }

/* general styles */

:root {
  --textfont: arial;
  --titlefont: tahoma;
  --textsize: 15px;
  --color1: rgb(20,0,82);
  --color1b: rgb(37,0,154);
  --colorhyperlink: rgb(0,0,82);
  --color2: rgb(20,70,5);
  --colorlight: rgb(255,255,255);
  --colortext: rgb(0,0,0);
  --colorgray: rgb(28,28,28);
}

* { font-family: arial; }

/*.item-title { display: none; }*/

h1 { color: var(--color1); display: block; font-family:var(--titlefont); font-size: 32px; font-weight: bold; margin: 0px; padding: 0px 0px 16px 0px; text-shadow: none !important; }

h2 { color: var(--color1); display: block; font-family: var(--titlefont); font-size: 24px; font-weight: bold; margin: 0px; padding: 6px 0px 12px 0px; position: relative; text-shadow: none; }

h2 a { color: var(--color1); text-decoration: underline; }

h3 , h3.page-header { color: var(--colortext); font-family: var(--titlefont); font-size: 20px; margin: 0px; padding: 6px 0px 12px 0px; }

h3 a { color: var(--colortext); text-decoration: underline; }

h4 { color: var(--colortext); font-family: var(--titlefont); font-size: 16px; font-weight: bold; margin: 0px; padding: 6px 0px 12px 0px; }

h4 a { color: var(--colortext); text-decoration: underline; }

p { color: var(--colortext); font-family: var(--textfont); font-size: var(--textsize); margin: 0px; padding: 0px 0px 12px 0px; }

a { color: var(--colorhyperlink); font-family: inherit; font-size: inherit; }

a[id] { position: relative; top: -125px; }

a.pay { background-image: linear-gradient(to right , rgba(158,104,6) , rgba(213,172,48) , rgba(158,104,6)); border: 2px solid rgb(158,104,6); border-radius: 10px; color: rgb(0,0,0) !important; padding: 6px 20px !important; }

ul , ol { margin-top: 0px; }

ul li , ul li a , ol li , ol li a { font-family: var(--textfont); font-size: var(--textsize); margin: 0px; padding: 2px 0px; }

strong { font-family: inherit; font-size: inherit; }

img { /*max-width: 100%;*/  }

p.video { text-align: center; }

video { height: auto; margin: 0px auto; width: 50%; }

.visually-hidden { display: none !important; }

/* h5 buttons */

h5 { background: var(--color1); border-radius: 8px; color: var(--colorlight); display: block; font-family: var(--titlefont); font-size: 18px; font-weight: bold; margin: 5px auto; max-width: 90%; padding: 5px 10px; width: fit-content; z-index: 900; }

.h5row { display: table; border-spacing: 10px; }

.h5row div { background: var(--color2); border-radius: 10px; color: var(--colorlight); display: table-cell; font-family: var(--titlefont); font-size: 18px; font-weight: bold; margin: 5px 0px; padding: 10px; text-align: center; vertical-align: middle; width: 12%; z-index: 900; }

.red-white-blue { background-image: linear-gradient( rgba(6,24,56) , rgba(255,255,255) , rgba(52,13,3)) !important; color: rgb(0,0,0) !important; }

.red { background-image: linear-gradient( rgba(82,0,0) , rgba(56,0,0) !important; ) }

.blue { background-image: linear-gradient( rgba(0,0,82) , rgba(0,0,56)) !important; }

h5 a , .h5row div a { color: inherit; text-decoration: none; }

/*header*/

#header-background { background-image: linear-gradient( rgba(24,0,100) , rgba(20,0,82)); display: block; height: 100px; margin: 0px auto 8px auto; overflow: hidden; padding: 0px; position: sticky; top: 0; width: 100%; z-index: 969; }
/*37,0,154*/
#header-container { background-image: linear-gradient( rgba(24,0,100) , rgba(20,0,82)); display: block; height: 100px; margin: 0px auto; overflow: hidden; padding: 0px 5px; position: sticky; top: 0; width: 70%; z-index: 970; }

#title { display: inline-block; float: left; height: auto; margin: 0px; max-width: 26%; min-width: 273px; padding: 0px 2%; position: relative; }

#title .subtitle { position: relative; top: -5px; }

div:has(#logo-display) { min-width: 50px; }

#logo-display { display: block; margin: 0px; left: -10%; max-height: 100px; position: relative; text-align: left; width: 70%; }

#logo-display div[id^="mod"] { clear: both; display: inline-block; margin: 0px auto; padding: 0px 0px 10px 0px; position: relative; text-align: left; }

#logo-display img { height: 85px !important; max-width: auto !important; padding-bottom: 5px; padding-top: 5px; width: auto !important; }

#title-no-hide { height: 100px; margin: 0px; position: relative; text-align: left; z-index: 980; }

#header-display h2 , #title-no-hide a { display: inline-block; font-family: var(--titlefont); font-size: 32px; font-variant: small-caps; font-weight: bold; padding: 30px 0px; }

#title-no-hide a { color: var(--colorlight); text-decoration: none; }

#title-no-display { display: none; }

#logo-hide { display: none; }

#logo-display .subtitle { position: relative; top: -5px; }

/* main menu */

#main-menu-display { display: inline-block; float: left; height: inherit; margin: 0px; padding: 0px; width: 70%; }

#main-menu-display nav , #main-menu-display div { display: inline-block; margin: 0px auto; }

#main-menu-display nav button { display: none !important; }

#main-menu-display ul { display: inline-block; height: 100px; margin: 0px; padding: 0px; width: 100%; }

#main-menu-display ul li { display: inline-block; line-height: 100px; margin: 0px; padding: 0px 2%; }

#main-menu-display ul li a { color: var(--colorlight); font-family: var(--titlefont); font-size: 18px; list-style-type: none; margin: 0px; padding: 40px 0px; text-decoration: none; text-transform: uppercase; }

#main-menu-display ul li.current { font-weight: bold; }

#main-menu-display ul li.current a { text-decoration: underline; }

#main-menu-display ul li a.pay { margin: 10px; }

#main-menu-display p { display: none; }

#main-menu-hide { display: none; }

.jmodedit { display: none; }

div[id^="tip"] { display: none !important; }

/*media menu*/

#media-menu-display { display: inline-block; float: right; height: inherit; margin: 0px; padding: 0px 2%; text-align: left; width: max-content; }

#media-menu-display ul { height: 100px; margin: 0px; padding: 0px; width: 100%; }

#media-menu-display ul li { display: inline-block; float: right; line-height: 20px; list-style-type: none; margin: 0px; padding: 39px 4px; }

#media-menu-display ul li a img { height: 20px; width: 20px; }

#media-menu-hide { display: none; }

/* page */

#page { background: rgb(255,255,255); display: table; margin: 0px auto 0px auto; padding: 10px 5px 5px 5px; position: relative; width: 70%; z-index: 80; }

/* above article */

#top-a-hide { display: none; }

#top-a-display { display: block; margin: 0px; max-height: 305px; overflow: hidden; padding: 0px; padding-bottom: 15px; width: 100%; z-index: 3; }

#top-a-display div.moduletable { display: block; margin: 0px; padding: 0px; width: 100%; }

#top-a-display div { }

#top-a-display h5 { font-size: 20px; margin: 5px 0px; max-width: 100%; padding: 10px 0px; text-align: center; width: 100%; }

#top-a-display p { display: block; margin: 0px auto; padding: 0px; position: relative; text-align: center; }

#top-a-display img { height: auto !important; margin: 0px auto; max-height: 370px; max-width: 100%; width: auto !important; }

#top-a-display ul.nav { border-spacing: 10px; display: table; margin: 0px auto; padding-left: 0; table-layout: fixed; width: 80%; }

#top-a-display ul.nav li { background: var(--color2); border-radius: 10px; display: table-cell; list-style-type: none; padding: 10px 0px; text-align: center; width: 2%; }

#top-a-display ul.nav li a { color: var(--colorlight); font-weight: bold; text-decoration: none; }

/* site grid */

#site-grid { background: rgb(255,255,255); display: table; margin: 0px auto; padding: 0px; position: relative; width: 100%; }

/* side bars */

#sidebar-left-hide , #sidebar-right-hide { display: none; }

#sidebar-left-display , #sidebar-right-display { background-image: linear-gradient(to right, rgb(240,240,240), rgb(220,220,220), rgb(240,240,240)); border: 0px; border-radius: 20px; color: var(--color1); display: table-cell; margin: 0px auto; padding: 0px; vertical-align: top; width: 24%; }

div[id^="sidebar"] div.moduletable { color: var(--color2); display: block; font-family: arial; padding: 5%; margin: 0px; width: 90%; }

div[id^="sidebar"] div.moduletable button { margin: 5px; }

div[id^="sidebar"] h3 { color: var(--color1); padding: 0px 10px 10px 10px; text-align: center; }

div[id^="sidebar"] img { max-width: 100%; overflow: hidden; }

div[id^="sidebar"] div.moduletable button.navbar-toggler { display: none; }

div[id^="sidebar"] div.moduletable .login-greeting { text-align: center; }

div[id^="sidebar"] div.moduletable button[type="submit"] { display: block; margin: 5px auto; }

#sidebar-left-display ul , #sidebar-right-display ul { margin: 0px; padding: 0px 10px; }

#sidebar-left-display ul li , #sidebar-left-display ul a , #sidebar-right-display ul li , #sidebar-right-display ul a { color: var(--color1); font-family: arial; font-size: 16px; }

#sidebar-left-display ul li.current a , #sidebar-right-display ul li.current a { font-weight: bold; text-decoration: none; }

#sidebar-left-display ul li , #sidebar-right-display ul li { list-style-type: none; margin: 0px; padding: 4px 0px; }

#sidebar-left-display ul li ul { display: none; margin: 0px 5px 0px 15px; padding: 2px 0px; }

#sidebar-right-display ul li ul { display: none; margin: 0px 15px 0px 5px; padding: 2px 0px; }

#sidebar-left-display ul li ul li , #sidebar-right-display ul li ul li { margin: 0px; padding: 5px 0px; }

#sidebar-left-display ul li ul li a , #sidebar-right-display ul li ul li a { font-size: 12px; }

#sidebar-left-display p , #sidebar-right-display p { margin: 0px; padding: 0px 10px; }

#sidebar-left-display input , #sidebar-right-display input { border-radius: 5px; padding: 2px 4px; }

ul.mod-login__options li { padding: 4px 0px 2px 0px !important; }

ul.mod-login__options a { font-size: 12px !important; }

/* component div */

div[id^="content"] { display: table-cell; margin: 0px auto; overflow: clip; }

#content-00 { display: block; padding: 0px; width: 100%; }

#content-10 , #content-01 { display: inline-block; float: left; padding: 0px; width: 98%; }

#content-10 { padding-left: 2%; }

#content-01 { padding-right: 2%; }

#content-11 { display: inline-block; float: left; padding: 0px 2%; width: 96%; }

/* main-top-display */

#main-top-display { display: block; max-height: 310px; overflow: hidden; }

/* article format */

#component { padding: 0px 10px 10px 10px; }

figure.item-image { height: auto; margin: 0px auto 20px auto; padding: 0px; max-height: 200px; overflow: hidden; width: 100%; }

figure.item-image img { aspect-ratio: auto; height: auto; width: 100%; }
.blog-featured .page-header h1 { display: none; }
div[id^="content"] .page-header h1 { /*display: none;*/ }
div[id^="content"] div.blog .page-header h1 { display: block; padding-bottom: 10px; }
div[id^="content"] .page-header h2[itemprop="headline"] { display: none; }
div[id^="content"] div.blog div.item-content h2 { display: none; }
div[id^="content"] div.blog div.item-content .page-header h2[itemprop="headline"] , div[id^="content"] div.blog div.item-content .page-header h2[itemprop="name"] { display: block; }

div.blog div.page-header { display: block; }

div[itemprop^="articleBody"] { position: relative; top: -5px; }

div#component div.icons { padding-bottom: 10px; }

div#component div.icons a div { clear: right; display: inline-block; float: left; padding-right: 10px; text-decoration: underline; }

/* login */

div.login { margin: 0px auto; max-width: 500px; }

div.login div.control-label { text-align: center; }

div.login div.controls { text-align: center; }

div.login label { text-align: center; }

div.login input { text-align: center; }

div.login button[title="Web Authentication"] { display: none; }

div.login button.input-password-toggle { display: block; margin: 0px auto; }

div.login label , div.login input , div.login button { margin-top: 8px; margin-bottom: 8px; }

div.login div.form-check { margin: 0px auto; text-align: center; }

div.com-users-login__options { font-family: 12px; text-align: center; margin: 8px auto; }

div.com-users-login__options a { font-size: 12px; }

/* blog */

div.blog figure.item-image { display: block; margin: 0px; overflow: hidden; width: 20%;  }

div.blog figure.item-image img { }

div.cat-children { margin-top: 10px; }

div.blog div.masonry-2 , div.blog div.masonry-3 { display: table; width: 100%; }

div.blog div.masonry-2 div.blog-item , div.blog div.masonry-3 div.blog-item { border-right: 1px solid rgb(6,24,56); display: table-cell; margin: 0px 10px; padding: 0px 10px; }

div.blog div.masonry-2 div.blog-item:first-child { margin-left: 0px; padding-left: 0px; }

div.blog div.masonry-2 div.blog-item:last-child { border-right: 0px; margin-right: 0px; padding-right: 0px; }

div.blog-item { margin-bottom: 10px; }

/* bottom-a-display */

/*footer*/

#footercontainer { background: var(--color1); display: block; margin: 0px auto 0px auto; padding: 10px 0; position: relative; width: 100%; z-index: 40; }

#footerdisplay { clear: both; display: block; margin: 0px auto; padding: 0; position: relative; width: 70%; z-index: 50; }

#footerdisplay ul { display: block; margin: 0px auto; padding: 0px; text-align: center; }

#footerdisplay nav button { display: none; }

#footerdisplay ul li {display: inline-block; float: center; margin: 5px 10px; padding: 0px; text-align: center; }

#footerdisplay ul li a img { height: 14px; width: 14px; margin: 0px; padding: 0px 5px 0px 0px; position: relative; top: 2px; }

#footerdisplay ul li a {color: var(--colorlight); font-family: arial; font-size: 14px; font-weight: normal; list-style-type: none; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: underline;}

#footerdisplay p {color: var(--colorlight); font-family: arial; font-size: 14px; line-height: 100%; margin: 0px; padding: 9px 0px; text-align: center;}

#footerhide {display: none;}

/* Log in Log Out */

[title~="passkey"] { display: none !important; }