@charset "UTF-8";

/* Import font from Google */
/* @import url("https://fonts.googleapis.com/css2?family=Mouse+Memoirs&family=Neucha&display=swap"); */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Anton+SC&family=Freeman&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=PT+Sans+Narrow:wght@400;700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --cassiopeia-color-primary: #12304a;
    --cassiopeia-color-link: #12304a;
    --cassiopeia-color-hover: #224F75;

    --cassiopeia-font-family-body: "Roboto", sans-serif;
    --cassiopeia-font-family-headings: "Anton", sans-serif;
    --cassiopeia-font-weight-headings: 700;
    --cassiopeia-font-weight-normal: 400;
      
    --body-font-family: var(--cassiopeia-font-family-body);
    --body-font-size: 2rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #383838;
    --body-bg: #efefef;    
}


/* Use the imported font on the page */
body {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}



@media (width <= 991.98px) {
  .container-header {
    position: relative !important;
      height: 65px;
  }
}

header.header.container-header.full-width.position-sticky.sticky-top{
  height:65px;
}

.container-header{
  height:55px;
}

.header {
    background: #12304a;    /* rgb(10, 60, 85); */
}
.footer {
    background: #12304a;
}

h1 {
  font-family: 'Anton', sans-serif;
  font-size: 46px;
}

h2 {
    font-family: 'Anton', sans-serif;
  font-size: 36px;
}
h3 {
    font-family: 'Anton', sans-serif;
  font-size: 30px;
}
h4 {
    font-family: 'Anton', sans-serif;
  font-size: 20px;
}

/* Menu Styling */
.metismenu.mod-menu .metismenu-item {
  font-size: 1.3rem;
  }

.metismenu.mod-menu .mm-toggler {
  font-size: 1.1em;
}

ul.mod-menu, ul.mod-menu_dropdown-metismenu button {
  font-family: 'Anton', sans-serif;
  font-size: 1.1em;
}

.metismenu.mod-menu .mm-collapse {
    background: #D9D9D9;
}

.metismenu.mod-menu .mm-collapse .metismenu-item a {
    color: #12304a;
}

.metismenu.mod-menu .metismenu-item > ul {
  box-shadow: 5px 5px 10px #aaa;
    margin-top: -1px; 
}

.container-header {
 background-color: #224F75;
 height: 55px; 
  margin-top: -20px; 
}

.container-banner .banner-overlay .overlay {
  background: none;
}

.container-header nav {
  margin-top: -.5em;
}

ul{
  margin-top: 10px;
}

@media (max-width: 991px) {
    .container-header nav{
    margin-top: 1em;
  }
    .mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
  background: #d9d9d9;
  color: #12304a;
  box-shadow: 5px 5px 10px #aaa;
   }
}

@media (max-width: 768px) {
  .mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
  background: #d9d9d9;
  color: #12304a;
  box-shadow: 5px 5px 10px #aaa;
   }
}