/* aanpassingen op Cassiopeia template voor deze site */

/* font-size */
html {
  font-size: 14px;
}
/* grid */ /*
@supports (display: grid) {
    @media (min-width: 992px) {
        .site-grid {
            grid-template-areas:
              ". top-b top-b top-b top-b ."
              ". side-l comp comp side-r ."
              ". bot-a bot-a bot-b bot-b ."
              ". top-a top-a top-a top-a ."
              ". banner banner banner banner ."
        }
    }
}
/* Header */
.header {
  background:#ffffff;
}
.container-header .site-description {
  color: #A00810; 
  font-size: 2rem;
  color: #A00810;
  display: inline-block;
}
/* Menu */
.container-header .container-nav {
  background:#A00810;
  padding: 0.6rem 0.5rem;
}
.metismenu.mod-menu .mm-collapse .metismenu-item {
       background: #ffffff;
}
/* search uitlijnen */
.container-header .container-search {
  margin: 0.6rem 0.5rem;
}
/* footer */
.footer {
  background-color: #A00810;
  background-image: none; /* niet bestaande image toont achtergrond kleur */
  color: #ffffff;
}
.footer .grid-child {
  padding: .5rem .5em;
}
.footer .mod-menu {
  flex-direction: row;
}
.footer .mod-menu li {
  padding-left: 1rem;
  padding-right: 1rem;
}
.footer .mod-list li a {
  text-decoration: none;
} 
/* copyright module - let op juiste nummer */
#mod-custom105 p {
  margin-bottom: 0;
}
/* verdeling kolommen */
/* ..grid-child.container-sidebar-left {
  grid-template-columns: 15%;
} */
/* algemene aanpassingen - root */
:root {
/* lettertype */
    --cassiopeia-color-primary: #363636;
    --cassiopeia-font-family-body: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    --cassiopeia-font-family-headings: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    --cassiopeia-font-weight-headings: 550;
    --cassiopeia-font-weight-normal: 400;
    --body-font-size: 1rem;
    --body-font-weight: 300;
/* kleuren links */
    --cassiopeia-color-link: #A00810;
    --cassiopeia-color-hover: #F99499;
}
/* blog image tekst naast elkaar */
.blog-item {
   display: block; /* was: flex */
}
/* headings */
h1, h2, h3, h4, h5, h6 {
  color: #A00810;
}
h2 a {
  color: #A00810;
}
h2 a:hover {
  color: #F99499;
}
h2 a:not([class]) {
  text-decoration: none;
}
h3 a {
  color: #A00810;
}
h3 a:hover {
  color: #F99499;
}
h3 a:not([class]) {
  text-decoration: none;
}
/* strong */
strong {
  font-weight: 600;
}
.table th {
  font-weight: 600;
}
/* blockquote */
blockquote {
  background: #F99499 url('../images/postquote.png') no-repeat scroll;
  margin: 0 0 1em 3em;
  font-style: italic;
  clear: both;
}
/* opsomming */
li::marker {
  color: #A00810;
  }
.mod-list li a {
  text-decoration: underline;
}
/* clear na doorgestrokken streep */
hr{
  color: #A00810;
  opacity: unset;
}
hr:not([size]) {
  height:0.1rem;
}
/* categorie en tag */
.category-desc {
  border-bottom: solid;
  border-bottom-width: 0.1rem;
  border-color: #A00810;   
  font-style: italic;
  margin-bottom: 0.8rem;
}
/* artikel info */
.article-info {
  font-size: 0.8rem;
}
/* modules */
.card {
  border-color: #A00810;
}
.card-header {
  border-color: #A00810;
  background-color: #ffffff;
}
/* button */
.btn {
  background-color: #A00810;
  border-color: #A00810;
  color: #ffffff;
}
.btn:hover {
  background-color: #c7c7c7;
  border-color: #c7c7c7;
  color: #A00810;
}
/* readmore in dj image slider */
element {
}
.slide-desc-text-default a.readmore {
  background-color: #A00810;
  border-color: #A00810;
  color: #ffffff;
  padding: .6rem 1rem;
}
.slide-desc-text-default a.readmore:hover {
  background-color: #c7c7c7;
  border-color: #c7c7c7;
  color: #A00810;
  padding: .6rem 1rem;
}
/* images */
.image-left .blog-item .item-image, .image-right .blog-item .item-image {
  flex: unset;
}
/* intro image */
.image-left img {
  width: 250px;
  margin-left: 1.5rem !important;
  } /*
.left.item-image {
  margin-left: 1.5rem;
} */
figure {
  margin: 0 0 0 0;
  padding:  0 0 0 0 !important;
}
.left {
  float: left;
  margin-right: 1rem !important;
}
.right {
  float: right;
  margin-left: 1rem !important;
} 
.il-center {
  max-width: 500px;
  margin-left: auto !important; 
  margin-right: auto !important; 
  display: table !important;
}
.il-landscape {
  max-width: 350px;
}
.il-portrait {
  max-width: 250px;
}
/* caption - onderschtrift */
figcaption {
  color: #363636;
  font-size: 0.8em;
  font-style: italic;
  text-align: center;
  margin-bottom: 1rem;
  }
/* tabel */
div.site-grid tbody, td, tfoot, th, thead, tr {
  border: 0.05rem solid;
  border-color: #A00810;
  text-align: left;
  vertical-align: top !important;
  padding: 0.5rem;
}
div.site-grid table {
  margin-bottom: 1rem;
}
div.site-grid tr p {
  margin: 0.5rem;
}
/* EventList */
.eventlist.table.table-bordered tbody, td, tfoot, th, thead, tr {
  border: 0.05rem solid;
  border-color: #A00810;
  text-align: left;
  vertical-align: top;
  padding: 0.5rem;
}

.eventlist.table.table-bordered a {
  color: #A00810;
  text-decoration: underline;
  font-size: 1rem;
  font-weight: normal;
}
.eventlist.table.table-bordered a:hover {
  color: #F99499;
} 
/* blog pagina 4 kolommen */
/* .blog-item.columns-4 {
   display: flex !important;
} */
}
.image-bottom .blog-item .item-image{
  margin-left: 0 !important;
  margin-top: 1rem;
}
.blog-items.columns-4 p {
  display: none; 
}
.blog-items.columns-4 li {
  display: none; 
}

/* tbl2x1 knoppen kerkdiensten ws:2024-03-18*/
.tbl2x1item1 { grid-area: tbl2x1item; }
.tbl2x1item2 { grid-area: tbl2x1item; }

.tbl2x1grid-container {
  display: grid;
  justify-content: space-evenly;
  grid-template-columns: auto auto;
  grid-template-areas:
    'tbl2x1item tbl2x1item';
  gap: 5px;
  padding: 5px;
}

.tbl2x1item {
/* Center the contents of the grid items. Making each grid item a Flex Container */
display: flex;
}

/* tbl1x1 items in links ws:2024-03-18*/
.tbl1x1item1 { grid-area: tbl1x1item; }

.tbl1x1grid-container {
  display: grid;
  justify-content: space-evenly;
  grid-template-columns: auto;
  grid-template-areas:
    'tbl1x1item';
  gap: 5px;
  padding: 5px;
}

.tbl1x1item {
/* Center the contents of the grid items. Making each grid item a Flex Container */
  display: flex;
  justify-content: center;
}

/* tbl3x1 fotoframe ws:2024-03-28*/
.tbl3x1item1 { grid-area: tbl3x1item; }
.tbl3x1item2 { grid-area: tbl3x1item; }
.tbl3x1item2 { grid-area: tbl3x1item; }

.tbl3x1grid-container {
  display: grid;
  justify-content: space-evenly;
  grid-template-columns: auto auto auto;
  grid-template-areas:
    'tbl3x1item tbl3x1item tbl3x1item';
  gap: 5px;
  padding: 5px;
}

.tbl3x1item {
/* Center the contents of the grid items. Making each grid item a Flex Container */
display: flex;
}