.readmore {
  width: 100%;
  font-size: medium;
  border: #7cd728 1px solid;
  border-radius: 5px;
  color: white !important;
  padding: 2px;
  text-align: center;
  background-color: #73227D;
}

.article-list .article .readmore {
  width: 100%;
  font-size: medium;
  border: #FDFAF8 1px solid;
  border-radius: 5px;
  color: white !important;
  padding: 2px;
  text-align: center;
  background-color: #73227D;
}

.article-list .article .readmore a {
  color: white !important;
}

#sp-main-body {
   min-height: calc(100vh - 160px);
}
#sp-header {
  height: 60px;
  color: #fff;
  background-color: #73227D;
}

#sp-header .logo a {
  color: white;
  font-size: 24px;
  line-height: 1;
  margin: 0;
  padding: 0;
width: 300px;
}

.sp-megamenu-parent > li > a {
  color: #fff;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li:hover > a {
  text-decoration: none;
  color: #d68fdf;
}

#sp-footer {
height: 100px;
}

ul.social-icons {
  font-size: 24px;
}
#offcanvas-toggler {height: auto !important;}

.right {float: right; width: 400px; margin: 0 0 0 10px;}
.left {float: left; width: 400px; margin: 0 10px 0 0;}
.clear (clear: both;}

.insert {float: right; border: 1px solid black; background-color: coral; border-radius: 10px; width: 20%; padding: 10px; margin: 10px ; text-align: justify;}

p {text-align: justify;}
.page-header {font-size: 24px; !important;}

.boxit {
   border-radius: 10px;
   background: linear-gradient(135deg, transparent -2%, #005e8d80 75%);
   width: 200px;
   padding: 10px;
   border: 5px solid gray;
   margin: 0px 0px 0px 10px;
   float: right;
}

figcaption {font-size: small;}

#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
  display: inline;
}

ul.list-group {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}

.list-group-item + .list-group-item {
  border-top-width: inherit;
  border-radius: inherit;
  border-top-width: 3px;
  margin: 1px;
}
.list-group-item:first-child {
  border-top-width: 3px;
  border-radius: inherit;
  margin: 1px;
}
.yt-core-image {display: inline;}

.bfQuickModeWide .bfElementGroupWide {
  width: 100%;
}
.article-details a {
  background-color: rgb(115, 34, 125, 0.25);
  padding-left: 2px;
  padding-right: 2px;
}
.staff-image {
   float: left;
   width: 200px;
   height: 200px;
   margin-right: 10px;
   border-radius: 50%;
}