:root {
  --cassiopeia-color-primary: #e31f26;
  --cassiopeia-color-link: #e31f26 !important;
/*  --cassiopeia-color-link: #30638d; */
  --cassiopeia-color-hover: #b8171d;
  --cassiopeia-font-family-headings: "Montserrat", "Open Sans", "Helvetica", sans-serif;
}

/* .site-grid {
   grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,18rem)) [main-end] minmax(0,1fr) [full-end];
} */

.site-grid {
	grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 18rem) repeat(2, minmax(0, 14rem)) minmax(0, 24rem) [main-end] minmax(0, 1fr) [full-end];
}

.grid-child {
    max-width: 1200px !important;
}

body {
  font-family: "Open Sans", "Helvetica", sans-serif;
}

h1, h2, h3, h4, h5 {
 /* font-family: "Montserrat", "Open Sans", "Helvetica", sans-serif; */
/*  font-family: var(--cassiopeia-font-family-headings, "Helvetica", sans-serif); */
  margin: 0.75rem 0 1.5rem 0;
}

a {
  color: #e31f26;
  transition: all 0.2s;
  text-decoration: none !important;
}

a:hover {
  color: #111;
  text-decoration: underline !important;
}

@media screen and (max-width: 1200px) {
  .com-content-article {345e
    padding-left: 75px;
  } 
  .grid-child.container-nav {
  	padding-right: 20px;
  	padding-left: 75px;
	} 
 .grid-child.container-component, .grid-child.container-bottom-a, .container-footer.footer.full-width {
  padding-left: 75px;
} 
}

/* @media screen and (max-width: 999px) { */
@media screen and (max-width: 700px) {
  	.grid-child.container-nav {
  		padding-right: 20px;
  		padding-left: 20px;
	}
	.grid-child.container-component, .grid-child.container-bottom-a, .container-footer.footer.full-width {
  		padding-left: initial;
	}
} 




/* IMPORTANT MESSAGE */

.important-message {
  background: #e31f26;
}
.moduletable.important-message-text {
  max-width: 1150px;
  margin: 35px auto;
}

p.important {
  color: #fff;
  font-size: 18px;
}

h3.important {
  border-bottom: 2px solid #fff;
  padding-bottom: 10px;
  font-weight: 900;
  font-family: montserrat, arial;
  text-transform: uppercase;
  color: #fff;
}

/* EOF IMPORTANT MESSAGE */

/* TOP NAV */

img.logo {
  max-width: 200px;
}

.metismenu-item.level-1, .metismenu-item.level-1.parent, .mod-menu__separator {
  color: #333;
/*  text-transform: uppercase; */
  font-size: 0.85rem !important;
  font-weight: 700;
/*  padding: 0px 10px !important; */
}

.metismenu-item.level-1:active, .metismenu-item.level-1:hover {
  color: #e31f26;
}


.metismenu.mod-menu .metismenu-item {
  padding: .5em;
}


.header.container-header {
  background: #fff !important;
  border-bottom: 1px solid #ccc;
}

.metismenu.mod-menu .mm-toggler::after {
  transition: all .3s ease-out;
  border: none !important;
/*  font: normal normal normal 14px/1 FontAwesome;
  content: "\f13a" !important; */
  font: normal normal normal 14px/1 bootstrap-icons;
  content: "\F282" !important;
  width: initial;
  height: initial;
}

.mm-collapse.mm-show {
  background: #e31f26 !important;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3) !important;
}

.metismenu-item.level-2 {
  font-size: 0.9rem;
 /* margin: 10px; */
  padding: initial !important;
}

.metismenu-item.level-2:active, .metismenu-item.level-2:hover {
  background: #b8171d;
}


li.metismenu-item.level-2 a {
  color: #fff;
  font-size: 0.9rem;
  text-transform: initial;
  padding: 10px 20px;
  width: 100%;
}

li.metismenu-item.level-2 a:hover {
  text-decoration: none;
}

.container-header .navbar-toggler {
  color: #111;
  border: 1px solid #111;
}

.region {
  padding: 5px 7px;
  background: #eaeaea;
  margin-top: 3px;
  border: 1px solid #ccc;
}

.white-txt {
  color: white !important;
}

/* 
@media (min-width: 1000px) {
    .offcanvas-body:hover .mod-menu_dropdown-metismenu {
        display: block;	
		margin-top: 0;
	}
}
*/

/* EOF TOP NAV */

/* SIDEBAR MENU */

.bs-sidebar {
    position: fixed;
	top: 90px;
    z-index: 999;
}

.nav-link {
  	background: #e31f26;
	border-radius: 0 !important;
	line-height: 1.1;
	padding: initial;
}

.sb-text {
  color: #fff;
  font-size: 0.7em;
  text-transform: uppercase;
}

.bi {
  color: #ffffffdb;
}

.bi:hover {
  color: #fff;
}

.linkedin {
  background: #0a66c2;
}

.insta {
  background: #1da1f2;
}

/* EOF SIDEBAR MENU */





/* OFFCANVAS */

@media screen and (max-width: 1199px) {
 	.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
  		padding-left: 15px;
		display: block;
   }
	.metismenu.mod-menu .metismenu-item > ul {
  		position: relative;
	}
    .mm-collapse.mm-show {
      	width: 100%;
		background: initial !important;
 		box-shadow: initial !important;
   }
    .metismenu-item a {
    	color: #111 !important;
	}
    .metismenu-item a:hover, .metismenu.mod-menu .metismenu-item > button:hover {
    	color: #e31f26 !important;
		text-decoration: none !important;
   }
    .metismenu-item.level-2:active, .metismenu-item.level-2:hover {
      background: initial;
    }
} 

/* EOF OFFCANVAS */


/* CUSTOM STYLES */

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.newuser {
  display: inline-block;
}

.dropcap {
  float: left;
  position: relative;
  top: 4px;
  padding: 20px 0px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 26px;
  color: white;
  background: #E21F26;
  border-radius: 50%;
  height: 70px;
  width: 70px;
  font-weight: bold;
  text-align: center;
}

.float148 {
  margin-left: 148px;
}

.newuser {
  display: inline-block;
  margin: 10px;
  width: 47%;
}

.btn-block {
  width: 100%;
}

.red {
  color: #ed1c24;
}

figure.right.item-image {
  margin: 0 0 2em 2em;
}

#Username, #Password {
  width: 100%;
}

#login {
  width: 100%;
  margin: 10px 0px;
}

/* EOF CUSTOM STYLES */



/* MAIN */

.container-component > * + * {
  margin-top: 0;
}

.container-banner {
  margin: 0;
}

/* EOF MAIN */


/* FOOTER */

.nav-item.mb-2 a {
  text-decoration: initial;
  text-transform: uppercase;
  font-family: "montserrat", "Open Sans", "Helvetica", sans-serif;
}

.nav-item.mb-2 a:hover {
  text-decoration: underline;
}

.footer h5, .h5 {
  font-size: 1rem;
  font-family: "montserrat", "Open Sans", "Helvetica", sans-serif;
}

.footer p, .footer a {
  font-size: 0.95rem;
}

.footer {
  background: #f5f5f5;
  color: #555;
}


footer a, footer .bi {
  color: #555 !important;
  text-decoration: initial !important;
}

footer a:hover {
  color: #111 !important;
/*  text-decoration: initial;
  border-bottom: 1px solid #111; */
}

/* EOF FOOTER */