:root {
  --cassiopeia-color-primary: hsl(0deg, 0%, 45%);
  --cassiopeia-color-link: #811c1c;
  --cassiopeia-color-hover: #d57500;
}

@font-face {
    font-family: 'Slabo 27px';
    src: url('../fonts/Slabo27px-Regular.woff2') format('woff2'),
        url('../fonts/Slabo27px-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Menu */
/* Barra do Topo */

.navbar-brand {
  padding-bottom: 0rem;
  margin: 0px auto; !important;
}

/*
li.maximenuck a, li.maximenuck.level1 {
    min-height: 26px !important;
    margin-top: 0px !important;
}*/

.container-header {
    background-color: #ffffff;
    background-image: none;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 0px;
/*  height: 75px;
      position: top; */
  vertical-align: baseline;
}

/* Menu na barra do topo */
.container-header .mod-menu {
  color: #111111;
    padding: 0px;
    margin: 0px;
    float: top;
}

.mod-menu {
      font-family: 'Slabo 27px'; 
    font-size: 22px;
    font-weight: bold;
}

/* menu links */
.container-header .mod-menu a {
      font-family: 'Slabo 27px'; 
    font-size: 22px;
  background-color: #fff;
    color: #111111;
  text-decoration: underline;
}

/* On hover there should be a gray background */
.container-header .mod-menu a:hover {
  background-color: #fff;
    color: var(--cassiopeia-color-link);
  text-decoration: underline;
}

/* color of the Hamburger Menu  */
.container-header .navbar-toggler {
    color: #811c1c;
    border: 1px solid #d57500;
}

.dropdown-menu {
  padding: 0 rem 0;
}



/* Banner Image */
.mybanner {
  min-width: 100%;
}

/* CLASSIC BANNER */
.container-banner .banner-overlay {
      font-family: 'Slabo 27px'; 
  letter-spacing: 2px;
  height: max(350px, 50vh); /* by default is 50vh in Cassiopeia */
}
@media (min-width: 768px) {
    .container-banner .banner-overlay {
        height: max(350px, 40vh);
    }
}
@media (min-width: 992px) {
    .container-banner .banner-overlay {
        height: max(350px, 40vh);
    }
}
@media (min-width: 1200px) {
    .container-banner .banner-overlay {
        height: max(350px, 40vh);
    }
}


/*.top-b
 {
  margin-top: 0em;
  color: hsl(0deg, 0%, 100%);
  background-color: #d57500;
  background-image: none;
  float: center;
  border: 0px solid #ffffff;  
     position: center;
}
 */

.top-a a {
  font-family: 'Slabo 27px';
  font-size: 22px;
  font-weight: bold;
    
}

.top-a .card-header {
  font-family: 'Slabo 27px';  
}

.container-top-b
 {
  margin-top: 0em;
  background-color: #d57500; 
  background-image: none;
  float: right;
  color: #ffffff;
  font-size: 28px; 
  background-position: top, center;
  text-align: center;
  border: 0px solid #ffffff; 
  position: center;
}


.container-top-b a  {
  color: #ffffff;
  text-decoration: none;
}
.container-top-b a:hover {
  color: #ffffff;
  text-decoration: none;
}



.bottom-b {
 font-family: 'Slabo 27px'; 
    font-size: 20px;
  margin: 0em 0;
  color: #222222;
  border: 0px solid #ffffff;
  background-color: #dddddd;
  background-image: none;
}


.bottom-b .breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #222222;
  content: var(--breadcrumb-divider, "/") /* rtl: var(--breadcrumb-divider, "/") */;
}
.bottom-b .breadcrumb-item.active {
  color: #811c1c;
}
.bottom-b .breadcrumb-item a:hover {
  color: #222222;
}

.bottom-b .breadcrumb-item a {
  color: #222222;
}



.footer {
  margin-top: 0em;
  color: #222222;
  background-color: #ffffff;
  background-image: none;
  float: top;
}

.footer a {
  color: #222222;
  text-decoration: none;
}
.footer a:hover {
  color: var(--cassiopeia-color-hover);
}


.footer .card {
  border: 0px solid var(--cassiopeia-color-primary);
  background-color: #ffffff;
    float: top;
}

.footer .linha {
    line-height: 0.7;
}

.footer .card-header {
  padding: 0rem 0rem;
  margin-bottom: 0;
  background-color: #ffffff;
  border-bottom: 1px solid hsl(210deg, 14%, 89%);
}


.copyright {
 font-family: 'Slabo 27px';    
  margin: 0em 0;
  color: #bbbbbb;
  font-size: 18px;
  padding-left: 1.0rem;
  border: 0px solid #ffffff;
  background-color: #555555;
  background-image: none;
}


.back-to-top-link:hover, .back-to-top-link:focus {
  color: var(--white, hsl(0deg, 0%, 100%));
  background-color: var(--cassiopeia-color-link);
  border-color: var(--white, hsl(0deg, 0%, 100%));
}