:root {
  --cassiopeia-color-primary: #e31f26;
  --cassiopeia-color-link: #e31f26 !important;
  --cassiopeia-color-hover: #b8171d;
}


.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; */
  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: 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;
	}
} 


/* TOP NAV */

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

.metismenu-item.level-1, .metismenu-item.level-1.parent, .mod-menu__separator {
  color: #333;
  font-size: 0.85rem !important;
  font-weight: 700;
}

.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;
  margin-top: 3px;
  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;
  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;
}


/* 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;
}

.fa-spacer {
  min-width: 20px;
}

#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;
}

/* EOF FOOTER */