/* 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;
}
/*formata as colunas esquerda e direita*/

#sidebar {
  max-width: 300px;
	min-width: 200px;
   	padding: 10px 0px 0px;
	border: 0px;
}

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);
}
/*formata o submenu colocado ao lado de cada video do artigo*/
.category-module {
	display: block-inline;
	width: 20%;
	min-width: 150px;
	overflow: auto;
	list-style-type: none;
border-left: 1px solid #cecece;
}

/*cria uma legenda em cima do submenu*/
.category-module:before {
display: block;	
  content:"Ver +";	
	font-size: 16px;
color: #404040;
	padding: 6px 10px 6px 10px;
border-bottom: 2px solid #BD5151;
}
.category-module li a:hover{
  display: block;
	background: #f2f2f2;
}
.category-module li {
	padding: 3px;
}


.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: 2px solid #c26969;
  background: #fff;
  width: 100%; 
font-size: 22px;
   font-weight: normal;
} 
.moduletable H6 {
  padding-left: 0px;
  border-bottom: 2px solid #c26969;
  background: #fff;
  width: 100%; 
font-size: 22px;
   font-weight: normal;
}
.moduletable art-vmenu {
display: block;
padding: 10px;
  font-size: 22px;
}

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

.art-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: 2px solid #f2f2f2;
  padding-left: 0px;
}
.horz {
    margin: 10px;
  border-left: 2px 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;
}
/* muda o aspeto no fabrikNav */

.fabrikNav .page-item a {
 color: #000; 
}
.fabrikNav .page-item a.page-link {
 background-color: #ececec; 
}

/* Remove arredondamentos modernos do Cassiopeia */
.btn,
.card,
.navbar {
    border-radius: 0;
}

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