#sp-main-body {padding: 60px 0;}
#sp-component {padding-top:0px;}
#sp-top2 {padding-top:6px;}
#sp-header {box-shadow: none;background:#FDFDFD;}
#sp-header .logo {padding-top:8px}
.burger-icon {width:30px;}
.offcanvas-menu .logo-image { max-height: 40px !important;}
.offcanvas-menu .offcanvas-inner ul.menu ul {list-style: none;padding: 4px 0px;}
#sp-bottom {
  padding: 30px 0 20px;
  font-size: 1.1em;
}
#sp-bottom .sp-module .sp-module-title {
  font-size: 1.2em;
  margin: 0 0 20px;
  color: #fff;
}
#sp-bottom a:hover {
  color: #ffeea8;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  display: inline-block;
  padding: 0 10px;
  line-height: 80px;
  margin: 0;
}
#sp-menu > .sp-column, #sp-menu .sp-megamenu-wrapper { justify-content: flex-end !important;}

.btn-primary, .sppb-btn-primary {
    border-color: #d00b0b !important;
    background-color: #d00b0b !important;
}
.btn-primary:hover, .sppb-btn-primary:hover {
    border-color: #1a1a1a !important;
    background-color: #1a1a1a !important;
}
ul.social-icons>li {
    font-size: 24px;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info, .offcanvas-menu .offcanvas-inner .social-icons{
  color: 2b4c5a !important;
  font-size: 30px !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span{
  border-bottom: 1px solid #2b4c5a !important;
}
.sppb-articles-ticker-text a {
  padding-right:25px;
}
.sppb-articles-ticker-text a:hover {
  color: yellow;
}
.sppb-articles-ticker-heading {
  font-size:1.1em;
}
.sppb-articles-ticker-heading {
  background: #000058;
  }
.sp-page-builder .page-content {
  padding-top:0;
  padding-bottom:0;
}
.article-social-share .social-share-icon ul li a {
  font-size: 1.5rem}

.sppb-alert {
  padding: 12px 12px 2px;
  border-radius: 8px;}

.sppb-alert-light {
  background: #f5f5f5;
  color: #252525;}

.button, input, optgroup, select, textarea {
  margin: 0 8px 0 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
/* Make dashboard a single column and ensure full width */
#civicrm-dashboard > .crm-flex-box > .crm-flex-2 {
    min-width: 100% !important;
}

/* Ensure the main dashboard container uses available width */
#civicrm-dashboard {
    width: 100%;
}
.header-dark {
  padding-top: 20px;
}
.image-layout-preset-style-card .sppb-addon-image-layout-content {
  background: 0 0;
  padding: 20px;
}

.dp-icon svg {
    width: 20px !important; /* Adjust width */
    height: 20px !important; /* Adjust height */
}
.mod-dpcalendar-upcoming-default .dp-link {
  margin-bottom: .1rem;
}