:root {
  --cassiopeia-color-primary: #2a2a40;
  --cassiopeia-color-link: #f9c25c;
  --cassiopeia-color-hover: #061c50;
  --cassiopeia-font-weight-headings: 500;
  --body-color: #061c50;
  --primary: #00699b;
  --info: #0296de;
  --body-bg: #e8f3ff;
  --link-color: hsl(#424077);
  --link-color-rgb: 66,64,119;
}
@supports (display: grid) {
  @media (min-width: 992px) {
    .site-grid {
      grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,16.875rem) minmax(0,22.875rem) minmax(0,22.875rem) minmax(0,16.875rem) [main-end] minmax(0,1fr) [full-end]
    }
  }
}
@supports (display:grid) {
  .blog-items .blog-item {
    padding-bottom: 2em;
  }
}
.mod-list li {
 # border-bottom: 1px solid #025;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  }
hr {
    opacity: .8;
}
a:not([class]) {
  text-decoration:none;
}
a:not(.btn):hover, a:not(.btn):focus {
  color: #dae5ff;
}
.btn-secondary {
  background-color:#f9deae;
}
.navbar {
    align-items: end;
}
.navbar-toggler {
    border: 2px solid #ffd790;
    color: #ffd790;
}
.container-below-top, .container-topbar {
  color: #ffd790;
  padding-top: .5em;
  padding-bottom: .2em;
}
.container-header {
  background-color: #e8f3ff;
  background-image: none;
  margin-top: 10px;
}
.container-header .grid-child {
  padding: 0 .5em;
}
.container-header .container-nav {
    border-bottom: 2px solid #025;
    padding-bottom: 0.2em;
	#margin-bottom: 1em;
}
.container-header .navbar-toggler {
    border: 2px solid #025;
    color: #025;
}
  .metismenu.mod-menu .mm-toggler {
    color: #025;
    margin-left: 10px;
}
.container-header .mod-menu>li>a, .container-header .mod-menu>li>span {
    color: #03113b;
}
.container-header .metismenu > li.active > a::after, .container-header .metismenu > li.active > button::before, .container-header .metismenu > li > a:hover::after, .container-header .metismenu > li > button:hover::before {
  background: #025;
}
.metismenu.mod-menu .mm-collapse {
    background-color: #e8f3ff;
}
.container-header .metismenu > li > a::after, .container-header .metismenu > li > button::before {
  opacity: 1;
}
.metismenu.mod-menu .metismenu-item>a:focus, .metismenu.mod-menu .metismenu-item>button:focus {
    outline: none;
}
.metismenu.mod-menu .metismenu-item>ul {
    left: 0px;
    max-height: 418px;
    overflow-y: auto;
}
.metismenu.mod-menu .mm-collapse>li>a {
    color: #025;  
    font-style: italic;
}
.metismenu.mod-menu .metismenu-item {
 
  font-size: 1.2rem;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: .5em;
  	padding-left: .5em;
  margin: 0;
}
}
.container-banner {
    margin: 0 auto;
}
.breadcrumb-item.active {
    color: #ffd790;
}
.page-header {
    border-bottom: 1px solid #ffd790;
    margin-bottom: 18px;
}
.container-sidebar-right {
    border-left: 1px dotted #ffd790;
	padding-left: 1rem;
  margin-bottom: 2rem;
}

.sidebar-right .metismenu .metismenu-item>a {
  color: #ffd790;
  font-style: italic;
}
.container-sidebar-right .sidebar-right:last-child {
  margin-bottom: 0.5em;
}
.container-sidebar-right .sidebar-right:first-child {
  margin-top: 0.5em;
}
.container-fluid {
    padding-left: var(--gutter-x,1em);
    padding-right: var(--gutter-x,1em);
}
@media (min-width: 1350px) {
.container-fluid {
    padding-left: var(--gutter-x,0em);
    padding-right: var(--gutter-x,0em);
 }
}

#back-top { position: fixed; }

.footer {
  background-color: #00699b;
  background-image: none;
  color: white;
  margin-top: 0;
  border-top: 1px solid #c69f59;;
}
.footer .grid-child {
  padding: 2rem 0em;
  border: none;
}
.back-to-top-link:focus, .back-to-top-link:hover {
  background-color: #fcfcfc;
  border-color: #ffd790;
}
.back-to-top-link {
  background-color: #fcfcfc;
}
.pagination {
  --pagination-padding-x: 1rem;
  --pagination-padding-y: 0.75rem;
  --pagination-font-size: 1.5rem;
  --pagination-border-width: 1px;
  --pagination-border-color: #2a2a40;
  --pagination-disabled-bg: none;
  --pagination-disabled-color: #ffd790;
  --pagination-disabled-border-color: #2a2a40;
  --pagination-active-bg: none;
  --pagination-active-border-color:  #ffd790;
  --pagination-hover-bg: none;
  --pagination-focus-bg: none;
}
.mod113 {
  width: 100%;
  border-top: none;
}
@media (min-width: 992px){
.navbar-expand-lg .offcanvas {
   z-index: 5;
 }
}
.offcanvas.show {
  background-color: #e8f3ff;
  background-image: none;
}
@media (min-width: 992px) {
  .offcanvas-start {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .offcanvas .metismenu.mod-menu .metismenu-item > ul {
    position: relative;
    width: 100%;
  }
  .offcanvas .metismenu.mod-menu .mm-collapse {
    background-color: transparent;
  }
}
.offcanvas-header > *:only-child {
  margin-left: auto;
}
@font-face {
  font-family: "Roboto";
src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: "Roboto-Regular";
src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
    font-display: swap;
}
@font-face {
  font-family: "Roboto";
src: url("../fonts/Roboto-RegularItalic.woff2") format("woff2"), url("../fonts/Roboto-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
    font-display: swap;
}
@font-face {
  font-family: "Roboto-RegularItalic";
src: url("../fonts/Roboto-RegularItalic.woff2") format("woff2"), url("../fonts/Roboto-RegularItalic.woff") format("woff");
    font-display: swap;
}
@font-face {
  font-family: "Roboto";
src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff");
    font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: "Roboto-Bold";
src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");
    font-display: swap;
}