/* Body */

body {
font-size: 16px !important;
}

/* Off Canvas */

  #offcanvas-toggler > .fa {
    line-height: 35px;
    color: #ffffff;
    font-size: 30px;
}

.offcanvas-menu {
    background-color: #171717;
    color: #fff;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #fff;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
    color: #991B1E;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    color: #fff; !important
}

.burger-icon > span {
background-color: white !important;
 justify-content: end !important;
}

/* Alerts Menu Customizations */
/*
#sp-alerts-menu-desktop-tablet {
    border-bottom: #c6b500 solid 3px;
}  */

#sp-alerts-menu-desktop-tablet p {
    margin-top: 30px;
    margin-bottom: 5px;
}

/* Alerts Menu Collapsable */
/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #171717;
  color: #fff;
  cursor: pointer;
  padding: 20px;
  width: 100%;
  border: none;
 /* border-bottom: #c6b500 solid 3px; */
  text-align: right;
  outline: none;
  font-size: 15px;
font-weight: 700;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: transparent;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  color: #fff;
  padding: 5px 18px;
  display: none;
  overflow: hidden;
  background-color: #171717;
 /* border-bottom: #c6b500 solid 3px; */
}

/* Menu Customizations */

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    text-align: left !important; 
} 

#sp-header {
 /* border-top: #171717 solid 3px;  */
border-bottom: #171717 solid 3px; 
   /* Adjusts Menu Height */
  height: 57px; 
} 

.sp-megamenu-parent>li.active>a {
    font-weight: 700;
    text-decoration: underline;
}

.sp-megamenu-parent>li>a {
/* Centers Menu Item Height */
    line-height: 50px;
  padding: 0 10px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
    color: #ffffff;

}

/* Drop Down Menu Customizations*/

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner  {
margin-top: 4px !important;
 background: #4373AA !important; 
border-top:  #171717 solid 3px !important;
 border-right:  #171717 solid 3px !important;
border-bottom:  #171717 solid 3px !important;
border-left:  #171717 solid 3px !important;
border-radius: 0px 0px 5px 5px !important; 
}

/* Side Module Customizations */

#sp-right .sp-module:first-child {
    margin-top: 15px;
}

#sp-left .sp-module, #sp-right .sp-module {
    margin-top: 10px;
    margin-bottom: 30px;
    border: 3px solid #b1282f;
    padding: 10px;
    border-radius: 8px;
    background-color: #f0eee9;
}

#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    margin: 0 0 10px;
    padding-bottom: 0px;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 0px solid #f3f3f3;
    text-decoration: none;
}

/* Articles */

.article-list .article {
margin-top: 20px;
    margin-bottom: 20px;
    padding: 40px 0px 30px 0px;
    border: 0px;
    border-radius: 0px;
}

/* Special Notice Area */

#sp-special-notice {
	border-top: #171717 solid 3px;
}


/* Photo Gallery Customizations */

#sp-photo-gallery {
border-top: #171717 solid 3px;
}

.djslider-default .load-button {
    width: 0px;
    height: 0px;
    display: inline-block;
    background: #444;
    border: 0px solid #fff;
    margin: 0 0px;
}

#sp-photo-gallery h3 {
color: #ffffff;
}



/* Bottom Module Customizations */
#sp-bottom .sp-module .sp-module-title {
  font-weight: bold;
  font-size: 22px;
  text-decoration: underline;
  margin: 0px 0px 15px; 0px;
  color: #303030;
  
}

#sp-bottom h1 {
font-size: 24px;
}

#sp-bottom a {
    text-decoration: underline;
}

#sp-bottom {
border-top: #171717 solid 3px;


} 

#sp-bottom h3 {
  color: #b1282f;
}

/* Equal Column Length */

#sp-bottom .sp-column {
    height: 100%;
    padding: 10px;
    background-color: rgba(209, 208, 208, 1.0);
    border: #171717 solid 3px;
    border-radius: 8px;
    font-size: 16px;
}

/* Footer Module Customizations */

#sp-footer {
   /* border-top: #171717 solid 3px; */
}

/* Search */

.badge.badge-info { 
	color: #b1282f !important; 
	font-size: 1.25em !important;
}
.badge {
    --bs-badge-padding-x: 0em;
}
  .highlight { 
	background: #FFF580 !important; 
}