body {
    background-color: #eaedf0;
}
element.style {
    background-color: #0000ff;
    box-shadow: 0 2px 0 #0000ff;
    color: #f0e114;
}

.main-top.card {
    box-shadow: none;
  background-color: white;
  border: none;
  margin: 0;
}
.main-top .card-body {
    padding: 0;
}
.card-body .n2-section-smartslider {
    outline-style: inset;
    outline-width: 2px;
    outline-color: grey;
}
header .grid-child img {
    margin-left: 1em;
    margin-top: 1em;
    height: min-content;
}
.brand-logo span {
    white-space: normal;
}
.container-header {
/**  background-color: #0000FF;**/
background-image: linear-gradient(135deg, #0000FF 0%, #000000 100%);
    border-radius: 0 0 1em 1em;
    box-shadow: 6px 6px 10px 0px
}
.container-header .navbar-brand {
    padding-left: 0.5em;
}
.container-header .navbar-brand a{
    color: #f0e114;
    margin-inline-end: auto;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    font-size: 2rem;
    display: inline-block;
    position: relative;  
}
.container-header .site-description {color: #f0e114;white-space: normal;font-size: 1rem;} 
.container-top-a>*, .container-top-b>*, .container-bottom-a>*, .container-bottom-b>* {
    flex: 1;
    margin: 1em 0 0 0 ;
}
.container-component, .container-sidebar-left, .container-sidebar-right {
    padding: 1rem;
    background-color: #FFFFFF;
    border-radius: 1em;
    box-shadow: 6px 6px 10px 0px;
    margin-top: 1rem;
}
.grid-child main {
    margin: 0;
}

figure.left.item-image {
    margin-right: 20px;
}
.card {
    --card-spacer-y: 1rem;
    --card-spacer-x: 1rem;
    --card-title-spacer-y: .5rem;
    --card-title-color: ;
    --card-subtitle-color: ;
    --card-border-width: var(--border-width);
    --card-border-color: #dfe3e7;
    --card-border-radius: 1em;
    --card-box-shadow: ;
    --card-inner-border-radius: .5em;
    --card-cap-padding-y: .5rem;
    --card-cap-padding-x: 1rem;
    --card-cap-bg: #0000FF;
/**    --card-cap-bg-img: #0000FF;**/
    --card-cap-color: #f0e114;
    --card-height: ;
    --card-color: ;
    --card-bg: #FFFFFF;
    --card-img-overlay-padding: 1rem;
    --card-group-margin: .5em;
    min-width: 0;
    height: var(--card-height);
    color: var(--body-color);
    word-wrap: break-word;
    background-color: var(--card-bg);
    border: var(--card-border-width) solid var(--card-border-color);
    border-radius: 1em;
    box-shadow: 6px 6px 10px 0px;
    background-clip: border-box;
    flex-direction: column;
    display: flex
;
    position: relative;
}

.mod-dpcalendar-upcoming-default__event {
    background-color: aliceblue;
    border-radius: 0.5em;
}
.metismenu.mod-menu .metismenu-item>ul {
    box-shadow: 4px 4px 10px 0px #000000;
    border-radius: 1em;
}
.mod-dpcalendar-upcoming-default .dp-link {
    font-size: 2em;
}
.mod-dpcalendar-upcoming-default__date {
    margin-left: 4em;
}
.mod-dpcalendar-upcoming-default__description {
    margin-left: 4em;
}
.mod-articles-item-content {
    background-color: aliceblue;
    border-radius: 0.5em;
}
.mod-articles-item-content {
    background-color: aliceblue;
    border-radius: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.mod-articles-title {
    font-size: 2em;
    text-decoration: underline;
    color: #30638d;
}

div#mod-custom124 {
    margin-right: 1em;
  margin-top: 1em;
}
.footer {
    color: #f0e114;
/**    background-color: #0000FF; **/
    margin-top: 1em;
    background-image: linear-gradient(135deg, #0000FF 0%, #000000 100%);
    border-radius: 1em 1em 0 0 ;
    box-shadow: 6px 6px 10px 0px
}