body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #222;
    background-color: #fff;
}

html {  max-width: 1064px;  margin: 0 auto;  background: #c0c0c0; 
  }
.video-wrapper { position: relative; margin:10%; padding-left: 10%; padding-top:30px; height: 0; overflow: hidden; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

:root {
  --cassiopeia-color-primary: #253551;
  --cassiopeia-color-hover: blue;
  --cassiopeia-color-link: #24258a;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans');


	h1, h2, h3, h4, h5, h6, .site-title {
		font-family: 'Open Sans', sans-serif;
        font-weight: var(--cassiopeia-font-weight-headings,500);
        font-kerning: normal;
	}
h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.65em;
}
h3 {
  font-size: 1.3em;
}

.container-header {
    background-color: #ffffff;
    background-image: none;
    padding: 0 2% 1em 2%;
}

.container-header .mod-menu {
      color: #24258a;
}
.container-header .grid-child {
    padding: 0.5em 2%;
}

.container-header .container-search {
    margin-top: 0;
}

.container-nav {
  background-color: rgb(255 255 255 / 50%);
  font-size:1.1em;
}

.container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after {
  right: 2px;
  left: 0;
  background: #24258a;
}

.container-banner {
  padding: 1em 2% 0 2%;
  margin:0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.nav-item {
    text-align: center;
    a:link {color: #24258a !important;}
    a:visited {color: #24258a !important;}
    a:hover {color: #24258a !important;}
}

.header .container-header .full-width {
        background-color: #ffffff;
        color: #24258a;
}


.site-grid {
        padding: 0 2% 0 2%;
}



#mod-finder-searchword154 {
   float: right; 
   padding:.2em .5em .2em .5em;
   border-style: solid;
   border-color: #d0d0d0;
   border-radius: 1em;
   font-size: small;
  
}

.result__title-text {
    font-size: 1.1em;
}

@media (min-width: 992px) {
  .container-header .mod-menu > li::after {
    bottom: 0;
    opacity: 0.9;
  }
  }
  
.footer {
    background-color: #ffffff;
    background-image: none;
    border-top: 2px solid #fbfbfb;
    padding: 0 2% 0 2%;
    color: #24258a;
         }

.newfooter {
    a:link {color: #24258a !important;
            text-decoration: none;}
    a:visited {color: #24258a !important;
               text-decoration: none;}
    a:hover {color: blue !important;
             text-decoration: none;}  
         }  
    
.card {
    background-color: #eaedf0;
  }

.card-body {
     background-color: #f8f8f8;
}


.boxed { 
    border: 2px solid green ;
    padding: 5px 10px 10px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
.example { 
    background-color: #fff1dd;
    padding: 5px 10px 10px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  p.box { width: 15em; padding: 1em; margin: 0.5em; border: solid green; float:left }

.border { border: 1px solid black }

/* hr {margin: 0.5em 0; border-top: 1px solid #bbb; border-bottom: 1px solid #fff; } */

.rTable {
   display: table;
   width: 100%;
}
.rTableRow {
   display: table-row;
}
.rTableHeading {
   display: table-header-group;
   background-color: #ddd;
}
.rTableCell, .rTableHead {
   display: table-cell;
   padding: 3px 10px;
   border: 1px solid #999999;
}
.rTableHeading {
   display: table-header-group;
   background-color: #ddd;
   font-weight: bold;
}
.rTableFoot {
   display: table-footer-group;
   font-weight: bold;
   background-color: #ddd;
}
.rTableBody {
   display: table-row-group;
}