/* The page header of Cassiopeia has the class "header" so you control it with .header */

.header {
      background: #fff;
  background-image: url("https://memoriamedia.pt/images/logos/logoMm_fundo_branco.jpg");
background-repeat: no-repeat;
  background-size: 70px;
  background-position: 28px 0px; 
  width:100%;
  min-height: 58px;
margin-left: auto;
margin-right: auto;
  border-bottom: 4px solid #c26969;
}

.container-topbar {
  max-width: 1320px;
margin-left: auto;
margin-right: auto;
    display: flex;
  justify-content: center;
}

ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
  position: fixed;
  top: 14px;
  left: 128px;
}

  .mod-menu__heading.nav-header.mm-collapsed.mm-toggler.mm-toggler-nolink {
       color: #222;
    padding: 0px;
       font-size: 16px;
     }

  .mod-menu__heading.nav-header.mm-collapsed.mm-toggler.mm-toggler-nolink:hover {
       color: #fff;
     }

  .metismenu.mod-menu .mm-toggler {
       color: #fff;
     }

 li.metismenu-item.level-1 a {
    color: #222;
   font-size: 16px;
  }
li.metismenu-item.level-1:hover {
  	color: #fff;
    background-color: rgba(194, 105, 105, 0.9);
  }
li.metismenu-item.level-1:active {
  	color: #fff;
    background-color: rgba(194, 105, 105, 0.9);
  }
  li.metismenu-item.level-2 {
    color: #6d888f;
    background: #fff;
  }
  li.metismenu-item.level-2 a {
    color: #6d888f;
    font-size: 16px;
   font-weight: normal;
  }

  li.metismenu-item.level-2:hover {
    background-color: rgba(194, 105, 105, 0.9);
  }

.container-header nav {
  margin-top: 4px;
}

.navbar-toggler  {
  background: #c26969;
  border-color: #c26969;
  transform: scale(1.4);
}

.navbar-toggler:hover {
  border-color: #c26969;
}
main {
  margin-top: 0px;
}
.page-header {
    font-size: 18px;
     font-weight: normal;
    color: #333;
  padding-left: 3px;
}
.page-header H2{
 font-size: 18px;
     font-weight: bold;
    color: #333;
  padding-left: 3px;
}
.page-header a {
    font-size: 18px;
     font-weight: normal;
    color: #333;
  padding-left: 0px;
}
.com-content-article__body {
  font-size: 14px;
}

h1, .h1 {

color: #333;
font-size: 24px;
   font-weight: normal;
}
h2, .h2 {
color: #333;
font-size: 22px;
   font-weight: normal;
}

h3, .h3 {
color: #333;
font-size: 20px;
   font-weight: normal;
}

h4, .h4 {

    font-size: 18px;
     font-weight: normal;
    color: #333;
  border-left: 2px solid #333;
  padding-left: 3px;
   text-decoration: underline;
}

a {
  color: #333;
}
a:hover {
  color:#c26969;
}
/* formata o indice dos artigos */
.card.float-end.article-index {
  border-left: 1px solid gray;
  border-radius: 0px;
  font-size: 12px;
  padding: 0px;
}
.card.float-end.article-index .card-body {
  padding: 3px;
}

.card.float-end.article-index H3 {
  border-bottom: 2px solid;
font-size: 14px;
}
/* formata a paginação dos artigos com indice */
.pagenavcounter {
  font-size: 12px;
}
a.page-link {
  font-size: 12px;
  color: #c26969;
}
/* formata o aspeto dos artigos em blogue em modo boxed */
.boxed .blog-item {
  border-top: 2px solid #c26969;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.btn {
    color: #c26969;
    background-color: #f2f2f2;
    border: 1px solid #333;
  border-radius: 0px;
  margin: 3px;
  max-height: 30px;
  border-radius: 0px;
  padding: 2px;
font-size: 16px;
}

.btn:hover {
background-color: #c26969;
color: #f2f2f2;
}


.btn.clearFilters:hover {
    color: #f2f2f2;
  background-color: #c26969;
}
.advanced-search-link.btn:hover {
      color: #f2f2f2;
  background-color: #c26969;
}


.input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.custom-select, .input-group-sm>.input-group-text, .input-group-sm>.btn {
    border-radius: 0px;
}

.row.justify-content-between.pb-3 {
  background-color: #fff;
  border-bottom: 1px solid #c26969;
  margin-left: 0px;
}

ul.fields-container {
  background: #f2f2f2;
  list-Style-Type: none;
  font-size: 12px;
  padding-left: 10px;
}
.field-label {
  font-weight: bold;
}

.card {
    border: 0px;
}

.container-sidebar-right {
     margin: 0px;
  border-left: 2px solid #c26969;
  padding-left: 0px;
} 
/* alinha pelo topo os modulos da direita */
.grid-child.container-sidebar-right > :first-child {
  margin-top: 0px;
}
.mod-list li a {
  font-size: 14px;
}
.moduletable H3 {
  padding-left: 0px;
  border-bottom: 1px solid #c26969;
  background: #fff;
  width: 100%; 
font-size: 22px;
   font-weight: normal;
} 
.moduletable H6 {
  padding-left: 0px;
  border-bottom: 1px solid #c26969;
  background: #fff;
  width: 100%; 
font-size: 22px;
   font-weight: normal;
} 

.expo-vmenu {
	display: block;
	padding: 10px;
}

.expo-vmenu H3 {
	font-size: 20px;
	color: #bd5151;
	border-bottom: 2px solid #BD5151;
}

.moduletable.custom {
  display: block;
	padding: 10px;
}
.moduletable.custom H3 {
 	font-size: 20px;
	color: #bd5151;
	border-bottom: 2px solid #BD5151;
}

.horz H5 {
  color: #fff;
   border-bottom: 1px solid #f2f2f2;
  padding-left: 0px;
}
.horz {
    margin: 10px;
  border-left: 1px solid #f2f2f2;
  border-radius: 0px;
  width: 100%;
  padding-left: 10px;
}


.footer {
background: #6d888f;  
color: #f2f2f2;
}

.footer .grid-child {
    justify-content: center;
    align-items: start;
}
.mod-whosonline {
  font-size: 14px;
  color: #6d888f;
}
@media (width <= 970px) {

  ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
  position: fixed;
    top: 58px;
    left: 0px;
    background: #f2f2f2;
    width: 100%;
    display:grid;
    justify-content: center;
}
    li.metismenu-item.level-2 {
    color: #6d888f;
    background: #fff;
width: 100%;
      left: 0px;
      display:grid;
    
  }
  
}