#sp-header, #sp-header .logo {height: 90px; }
#offcanvas-toggler {height: 90px; line-height: 90px;}
#offcanvas-toggler span, .icon-bar > span {border-bottom: 2px solid white;}
.offcanvas-menu { background: #160A1F  !important;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {line-height: 90px; font-size: 20px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {line-height: 30px;}
#sp-top-bar {height: 40px;top: 1px; width: 100%; z-index: 99;}
.breadcrumb {background-color: #240f34; padding-top: 0.3rem;  padding-bottom: 0.3rem;}
#sp-main-body {padding-top:20px; padding-bottom:20px;}

/* RLA modification for all articles in category Reminder */

.reminders {font-size: 20px; line-height:normal; color:#FFE7A4;}
.today-reminder {font-size: 18px; line-height:normal; color:#FFE7A4;}
.bible-verse-index {color:#009900; font-size:medium;}
.bible-text {font-size:small;font-style:italic;}
.origins-header {color:#FFFFFF; font-size:medium}
.ad-bold {color:#FFFFFF; font-weight:bolder;}

.top10 {font-size: 18px; line-height:normal;}
.top10 a  { text-decoration: none; color: #FFE7A4; }
.top10 a:hover  { text-decoration: underline; }

.pagenav {

        font-size: 11px; }

/* make buttons center */
.mycenter {
    position: relative;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }

/* make my buttons have dark grey background in them becuase of white text */
.btn-primary {
    background-color: #565353;
}

/* make my list group itmems dark purple background in them becuase of white text */
.list-group-item {
    background-color: #211630;
    color:#ffffff;
}