/* Animated number adjustments */

.sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number-syntax-before, .sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number, .sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number-syntax-after {
    letter-spacing: 1px;}

/* The accessibility panel adjustments */
.djacc-popup .djacc__panel {border-radius: 10px;}


/* Button on slider padding adjustments*/

.btn.btn-default, .btn.sppb-btn-default, .sppb-btn.btn-default, .sppb-btn.sppb-btn-default {padding: 11px 23px;}

/*Button on the slider adjustments*/


.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-fw-slider-button-wrapper .btn-default
 {border-radius: 10px;}

/* Fix second level drop menu */

.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {
    margin-top: 34px;
}

/* Contact Title color */

#sppb-addon-1505305490028 .sppb-addon-title
 {color: #000 !important;}


/* Hit counter color adjustments */

.voterregstats-hits {color: #ffffff!important;}

/*parameters to fix About CEC page title issues*/

#sp-page-builder .page-content .sppb-section:first-child {
    margin-top: -28px;
    margin-bottom: -16px;
}

/*sp-page-title margins for pate titles*/

.sp-page-title {padding: 147px 0 0px;}



/* CEC search submit button adjustments */

.cec-search-submit {
  margin-top: -7px;}

/* Registered voter db note adjustments */

.vs-db-note em
 {color: #ffffff;}

/* -- Hero / slider: site default font (Poppins) ----------------------- */
/* Slider headings were using Archivo. Changed to Poppins to match the   */
/* site's body font (set in the template's Google Fonts declaration).     */
.sppb-fullwidth-title,
.sppb-fullwidth-title span {
    font-family: 'Poppins', sans-serif !important;
}


/* Center the inline-block widget horizontally */
#loginComp {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #689270;
    border-radius: 8px;
}


/* Reset text alignment inside so labels/inputs stay left-aligned */
#loginComp .loginWndInside,
#loginComp form {
    text-align: left;
}

/* -- Login page: message above the form ------------------------------- */
/* Uses ::before on #loginComp to inject a notice without touching any   */
/* template or module files.                                              */
#loginComp::before {
    content: 'Please log in first in order to access the registered voter database.';
    display: block;
    max-width: 350px;
    margin: 0 auto 14px;
    padding: 11px 16px;
    background: #f0f8f7;
    border-left: 4px solid #048570;
    border-radius: 4px;
    font-size: 14px;
    color: #262525;
    line-height: 1.5;
    text-align: left;
}

/* -- Login form: 8px border radius ------------------------------------ */
/* Applied to each distinct element of the Improved Ajax Login widget.  */

/* Outer card wrapper */
.loginWndInside {
    border-radius: 8px;
    overflow: hidden; /* clips child elements to the rounded card */
}


/* Header bar <97> top corners only (bottom corners are clipped by the card) */
.loginH3 {
    border-radius: 8px 8px 0 0;
}

/* Input icon box <97> left corners only (right side meets the text field) */
.gi-field-icon {
    border-radius: 8px 0 0 8px;
}

/* Text inputs <97> right corners only (left side meets the icon box) */
input.loginTxt {
    border-radius: 0 8px 8px 0;
}

/* Log In button */
.loginBtn {
    border-radius: 8px;
}

/* Create an account button */
.gi-reg a,
a.gi-btn {
    border-radius: 8px;
}


/* -- Login form: 8px border radius ------------------------------------ */
/* Applied to each distinct element of the Improved Ajax Login widget.  */

/* Outer card wrapper */
.loginWndInside {
    border-radius: 8px;
    overflow: hidden; /* clips child elements to the rounded card */
}

/* Header bar <97> top corners only (bottom corners are clipped by the card) */
.loginH3 {
    border-radius: 8px 8px 0 0;
}

/* Input icon box <97> left corners only (right side meets the text field) */
.gi-field-icon {
    border-radius: 8px 0 0 8px;
}

/* Text inputs <97> right corners only (left side meets the icon box) */
input.loginTxt {
    border-radius: 0 8px 8px 0;
}

/* Log In button */
.loginBtn {
    border-radius: 8px;
}

/* Create an account button */
.gi-reg a,
a.gi-btn {
    border-radius: 8px;
}


/* -- Hero section heading font size -------------------------- */
/* Desktop (default) */
.sppb-fullwidth-title {
  font-size: 70px !important;  /* ? change this */
}

/* Tablet (=1199px) */
@media only screen and (max-width: 1199px) {
  .sppb-fullwidth-title { font-size: 70px !important; }
}

/* Small tablet (=991px) */
@media only screen and (max-width: 991px) {
  .sppb-fullwidth-title { font-size: 60px !important; }
}

/* Mobile (=767px) */
@media only screen and (max-width: 767px) {
  .sppb-fullwidth-title { font-size: 42px !important; }
}

/* Small mobile (=479px) */
@media only screen and (max-width: 479px) {
  .sppb-fullwidth-title { font-size: 34px !important; }
}


/* homepage background color adjustment */

.sp-page-builder .page-content #section-id-1626062156710 {
    background-color: #81a786 !important;
}

/* gap between slider and news adjustment */

.sp-page-builder .page-content #section-id-1611886973482 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
 }

/* Top bar contact-info bar adjustments */

.sp-contact-info {float: none;}

/* Top bar adjustments */

#sp-top-bar {margin-left: -82px; text-align:center;}


/* Election Results Button on Homepage adjusment*/

#sppb-addon-1505195715248 #btn-1505195715248.sppb-btn-danger
 {margin-top: 0px;}

/*Slide height adjustment*/

.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg
 {height: 600px;}

/*Dropdown menu adjustment */

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    margin-top: -42px;
    margin-left: 32px;
}


/************************************************************/
/* Top of page: active=white, inactive=black */
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.current-item > a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.sp-megamenu-parent > li:not(.active):not(.current-item) > a {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Sticky header: active=#048570, inactive=white */
#sp-header.menu-fixed .sp-megamenu-parent > li.active > a,
#sp-header.menu-fixed .sp-megamenu-parent > li.current-item > a {
    color: #048570 !important;
    -webkit-text-fill-color: #048570 !important;
}
#sp-header.menu-fixed .sp-megamenu-parent > li:not(.active):not(.current-item) > a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
 
/* -- Hero / slider: site default font (Poppins instead of Archivo) ---- */
/* The page builder outputs h1 { font-family: Archivo } as an inline     */
/* style. !important in an external sheet overrides it.                  */
.sppb-fullwidth-title,
.sppb-fullwidth-title span {
    font-family: 'Poppins', sans-serif !important;
}
  

.view-article .entry-header .helix-social-share-wrap {
  display: none;
  margin-left: 15px;
  display: ;
}

#sp-main-body {
    padding: 100px;
    background-color: #81a786 !important;
}


.view-article #sp-main-body {
    background: #07846f;
}


#offcanvas-toggler >i {
color:#058570;
}

/* Adjustment on the menu text width on the dropdown menu */

.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
width: 420px;
}

.btn.sppb-btn-success, .btn.btn-success, .sppb-btn.sppb-btn-success, .sppb-btn.btn-success {
    margin-top: 9px;
}


.sp-megamenu-parent {
    width: 700px;

.h1, .h2, .h3, h1, h2, h3 {
margin-top:60px;
}

}

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
padding: 0 27px;
line-height: 52px;
}


@media (min-width: 1200px) {
    .col-lg-10 {
#background-color: #3d4044a1;;
margin-top: 25px;
margin-left: -141px; /*change this before enable gthe Election results button */
*/width: 695px;*/
height: 63px;
 }
}

/* Helix3 Page Title adjustments */
.sp-page-title h2 {
    font-size: 90px;
    color: #FFFFFF;
    letter-spacing: -1.94px;
    line-height: 113px;
}


/* Share label removal- Next to Hits*/

.view-article .entry-header .helix-social-share-wrap {
    display: none;
}

/* for mobile title banner under slideshow*/
#sppb-addon-1664518198271 h3.sppb-addon-title {
    margin-top: -100px;

#sppb-addon-1505195715248 #btn-1505195715248.sppb-btn-danger{

padding-top: 8px;

}

.col-lg-2 {

padding-top: 3px;
}

.col-lg-10 {

padding-top: 5px;

}

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    color: #058571;
}

.selectBtn .loginBtn {
    padding-top: 5px;
}


#offcanvas-toggler >i {
    color: #058570;


@font-face {
  font-family: 'IcoMoon';
  src: url('../fonts/IcoMoon.eot');
  src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../fonts/IcoMoon.woff') format('woff'), url('../fonts/IcoMoon.ttf') format('truetype'), url('../fonts/IcoMoon.svg#IcoMoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



/*To change the hover color on the about-cec page*/

.sppb-addon-person .sppb-person-image {
  background-color: #048570;
  overflow: hidden;
  margin: 0;
  display: inline-block;
}

/*to make the slider image responsive*/

/*.sp-slider .sp-item .sp-background{
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
.sp-slider-outer-stage{
    height: 720px !important;
}
*/

.sp-page-title h2 {
    font-size: 100px;
    color: #FFFFFF;
    letter-spacing: -1.94px;
    line-height: 105px;
}
.sp-top-bar {
    position: absolute;
    left: 0;
    background: transparent;
    top: 0;
    width: 100%;
    z-index: 999;
    padding: 0px 0 0;
}

.sp-top-bar {
    padding: 3px 0;
}

/* This removes the social icons on top of article*/

.view-article .entry-header .helix-social-share-wrap {
    display: none;
}

/* This removes the social icons at the bottom of article

.article-footer-top {
   display: none;
}*/

/*To fix missing icon in "Upcoming Events" in template*/

.fa-map-marker-alt::before {
    content: "\f3c5";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}

.fa-file-download::before {
    content: "\f56d";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}

.fa-cloud-download-alt::before {
    content: "\f381";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}

/*FA icons in megamenu */

.fa-cloud-download::before {
    content: "\f381";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}

*/ Change font coilor  for megamenu */

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    color: #048570;
}

/* Change background for other items*/

.view-article #sp-main-body {
    /*background: #1d1e1c;*/
    background: #f3f5f7;
}

/* Change font size on User menu*/

.loginOr, .smallTxt, .forgetLnk, .loginLst a:link, .loginLst a:visited, select.loginTxt, textarea.loginTxt, input[type=text].loginTxt, input[type=password].loginTxt {

   font-size: 14px;

}

/* Change Alert text and background color*/

.alert {
   color: #fff;
   background-color: #cc3300;
}

/*Top bar styling*/

#sp-top-bar {
  position: absolute;
  left: 0;
  background: transparent;
  top: 0;
  width: 100%;
  z-index: 999;
  padding: 5px 0 0;
}
#sp-top-bar .sp-module {
  display: inline-block;
  margin: 0;
}
#sp-top-bar #sp-top1 {
  padding-right: 0;
  z-index: 999;
}
#sp-top-bar #sp-top2 {
  text-align: left;
  padding-left: 0;
}
#sp-top-bar .sp-my-account {
  margin-bottom: 0;
}
#sp-top-bar .container {
  border-bottom: 1px solid rgba(255,255,255,0.2);
  display: table;
  padding-bottom: 10px;
}
/* Off-canvas toggler styling*/

#offcanvas-toggler {
    margin-top: 55px;
}

/* CSS styling of Tabulizer Absentee table*/

table.tabtable-rs_x0t68wbj tr.tabrow td.td_hl1 {

    font-size: 14px;
    text-align: left; 
} 

table.tabtable-rs_x0t68wbj tr.tabrow td.tabcol {

    text-shadow: none;

}

/*Styling for Registered Voter form*/

#filter_table {
    background-color: #048570;
    width: 100%;
    color: #FFFFFF;
}

button, input, select, textarea {
    color: #FFFFFF;
    background-color: #000;
}

/* fix for 404 page button color */

.error-page .btn.btn-primary {
   background-color: #048570;
}

/* Animated number styling */

.sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number-syntax-before, .sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number, .sppb-addon-animated-number div.sppb-addon-content .sppb-animated-number-syntax-after {
    display: inline-block;
    font-size: 64px;
    letter-spacing: 1px;
    font-weight: 500;

}

/* Upcoming events styling */

.sppb-addon-upcoming-events .upcoming-events-date {
    float: left;
    text-align: center;
    padding-top: 45px;
    font-size: 14px;
    color: #000000;
    letter-spacing: -0.97px;
    font-weight: 500;
}

/*****************Custom News Section*******************/

/* ============================================================
   CEC News & Events Section — Redesign Override (CORRECTED)
   Target: #section-id-1626062156710
   Verified against live DOM class names — April 2026
   ============================================================ */

/* -- SECTION BACKGROUND ---------------------------------------- */
#section-id-1626062156710 {
  background-color: #0b1f33 !important;
}

/* -- HEADING --------------------------------------------------- */
#section-id-1626062156710 h2.sppb-title-heading {
  color: #ffffff !important;
}

#section-id-1626062156710 h2.sppb-title-heading .major-color {
  color: #048570 !important;
}

#section-id-1626062156710 p.sppb-title-subheading {
  color: #7fa3bc !important;
}

/* -- CARD WRAPPER ---------------------------------------------- */
#section-id-1626062156710 .sppb-addon-upcoming-events {
  background: #122d46 !important;
  border: 1px solid #1a3d56 !important;
  border-left: 4px solid #048570 !important;
  border-radius: 10px !important;
  margin-bottom: 20px !important;
  overflow: hidden !important;
  transition: border-left-color 0.2s ease, box-shadow 0.2s ease !important;
}

#section-id-1626062156710 .sppb-addon-upcoming-events:hover {
  border-left-color: #05a889 !important;
  box-shadow: 0 0 0 1px rgba(4, 133, 112, 0.3) !important;
}

/* -- DATE COLUMN ----------------------------------------------- */
#section-id-1626062156710 .upcoming-events-date {
  background: #0d2438 !important;
  border-right: 1px solid #1a3d56 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 28px 16px !important;
  color: #7fa3bc !important;
  font-size: 12px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

/* Day number */
#section-id-1626062156710 .upcoming-events-date .major-color {
  font-size: 48px !important;
  font-weight: 700 !important;
  color: #048570 !important;
  line-height: 1 !important;
  display: block !important;
}

/* -- DETAILS COLUMN -------------------------------------------- */
#section-id-1626062156710 .upcoming-events-details {
  padding: 24px 28px !important;
}

/* -- HIDE MEGAPHONE IMAGE --------------------------------------- */
#section-id-1626062156710 .event-image {
  display: none !important;
}

/* -- EVENT TITLE ----------------------------------------------- */
#section-id-1626062156710 .event-address h4 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 10px !important;
  margin-top: 0 !important;
  line-height: 1.35 !important;
}

/* -- META ICONS & TEXT (date / location) ----------------------- */
#section-id-1626062156710 .event-address .fa {
  color: #048570 !important;
  margin-right: 5px !important;
}

#section-id-1626062156710 .event-address span {
  color: #7fa3bc !important;
  font-size: 13px !important;
}

/* -- BODY TEXT ------------------------------------------------- */
#section-id-1626062156710 .upcoming-events-details-bottom-wrapper p {
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #a8c0d2 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
}

/* -- DOWNLOAD / PDF LINK --------------------------------------- */
#section-id-1626062156710 a.wf_file {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #048570 !important;
  border: 1px solid rgba(4, 133, 112, 0.45) !important;
  padding: 7px 16px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: background 0.18s !important;
}

#section-id-1626062156710 a.wf_file:hover {
  background: rgba(4, 133, 112, 0.12) !important;
  color: #05c49e !important;
}

/* -- BOTTOM WRAPPER SPACING ------------------------------------ */
#section-id-1626062156710 .upcoming-events-details-bottom-wrapper {
  border-top: 1px solid #1a3d56 !important;
  padding-top: 16px !important;
  margin-top: 12px !important;
}

/* -- RESPONSIVE — stack on mobile ----------------------------- */
@media (max-width: 767px) {
  #section-id-1626062156710 .upcoming-events-date {
    border-right: none !important;
    border-bottom: 1px solid #1a3d56 !important;
    flex-direction: row !important;
    gap: 10px !important;
    padding: 14px 20px !important;
    justify-content: flex-start !important;
  }

  #section-id-1626062156710 .upcoming-events-date .major-color {
    font-size: 32px !important;
  }

  #section-id-1626062156710 h2.sppb-title-heading {
    font-size: 28px !important;
  }
}