body  {background: rgb(240, 238, 250,);
    background: linear-gradient(90deg, rgba(240, 238, 250, 1) 0%, rgba(240, 247, 251, 1) 35%, rgba(242, 254, 238, 1) 100%);}

.header  {background: rgb(224, 221, 245,);
    background: linear-gradient(90deg, rgba(224, 221, 245, 1) 0%, rgba(225, 239, 246, 1) 35%, rgba(228, 253, 221, 1) 100%);}

.footer  {background: rgb(224, 221, 245,);
    background: linear-gradient(90deg, rgba(224, 221, 245, 1) 0%, rgba(225, 239, 246, 1) 35%, rgba(228, 253, 221, 1) 100%);}

.container-header > .grid-child {max-width: 1000px!important; display: block; margin: 0 auto;}

.site-grid > .grid-child {max-width: 1000px!important;}

h1 {font-size: 1.75em; line-height: 28px; color: #3d0b98; font-weight: 500;  padding-bottom: 10px;}

h2 {font-size: 1.5em; line-height: 18px; color: #3d0b98; font-weight: 500; padding-bottom: 10px;}

h3 {font-size: 1.25em; line-height: 18px; color: #3d0b98; font-weight: 500; padding-bottom: 10px;}

h4 {font-size: 1.15em; line-height: 1.25em; color: #3d0b98; font-weight: 500; padding-bottom: 10px;}

h5 {font-size: 1.05em;  color: #3d0b98; font-weight: 500; padding-bottom: 0;}

main, .item-content, .item-page, .container-sidebar-right, .com-content-article_body {background-color: rgba(250, 250, 250,.75); padding: 5px;}

main {border: 1px #ccc solid!important;} 

.container-header .container-nav {padding-top: 0; padding-bottom: 10px; padding-left: 5px; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid;}

.container-header .navbar-toggler {border: 1px solid #333; color: #333;}

.metismenu > li.level-1 { color: #484be2;}

.footer .grid-child {padding: 1rem .5rem .25rem;}

.metismenu > li.level-1.active > a {color: #ff9d00!important;}

.metismenu-item > li.level-2.current {color: #ff9d00!important;}

.color-details {width: 450px; max-width: 100%; font-size: .9em; line-height: 1.1em;}

.quints {width: 450px; max-width: 100%; font-size: .9em; line-height: 1.5em;}


summary {font-size: 1.25em!important;  color:  #3d0b98!important; padding-bottom: 10px; clear: both; border-top: 1px #bbb dashed; margin-bottom: 5px;}
summary.first {border: none;}

.column-1 {float: left; width: 475px; padding-right: 15px; max-width: 90%; margin: 0;}
.column-2 {float: left; width: 475px; max-width: 90%; margin: 0;}
.column-2 h3 {margin-bottom: 0;}