body.site {
   background-color: #f4f6f7;
}

.container-header .container-nav {
        background-color: #f4f6f7;
}


:root {
  --body-font-size: 11pt;
}


.site-grid {
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
}

.wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
}
.sidebartop {
  grid-column: 1 / 4;
  grid-row: 1 / 2;
}
.sidebar {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.component {
  grid-column: 2 / 4;
  grid-row: 2 / 3;
}
.copyright {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}
.footer {
  grid-column: 2 / 4;
  grid-row: 3 / 4;
}



.container-below-top {
	justify-content: center !important;
}

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

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: var(--cassiopeia-font-family-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",);
  font-weight: var(--cassiopeia-font-weight-headings, 700);
 font-size:18px!important;
}


/* Override the lila background with white */
.container-header {
    background-color: #f4f6f7;
    background-image: none;
}
  
.main-top.card {
    background: #e1e9f5;
}
 
:root {
    --template-link-color: #a51f18;
}
:root {
    --cassiopeia-color-primary: #112855;
    --cassiopeia-color-link: #a51f18;
    --cassiopeia-color-hover: #424077;
}


  
.metismenu.mod-menu .metismenu-item>a, .metismenu.mod-menu .metismenu-item>button, .metismenu.mod-menu .metismenu-item>span {
    white-space: break-spaces;
}
  
.metismenu.mod-menu .metismenu-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size:0.9rem;
    line-height: 1.5;
    
    padding-top: 0.5em;
    padding-right: 0;
    padding-bottom: 0.5em;
    padding-left: 1em;
}

.blog-item {
    border: 1px solid #dfe3e7;
    border-radius: 0.25rem;
  	background-color: white;
}

.blog-items .blog-item {
    padding: 15px;
}

.fotosidebarmenu {
  margin-right: 20px;
}

.container-header .container-nav {
        background-color: #E0E0E0;
}

.container-header .container-nav {
    background-color: #E0E0E0;
    margin-bottom: 1rem;
}

.blog-items.masonry-1 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}