@font-face{
  font-family:Calibri;
  src:url(../../public-assets/fonts/Calibri.eot);
  src:url(../../public-assets/fonts/Calibri.eot?#iefix) format("embedded-opentype"),url(../../public-assets/fonts/Calibri.woff) format("woff"),url(../../public-assets/fonts/Calibri.ttf) format("truetype"),url(../../public-assets/fonts/Calibri.svg#svgFontName) format("svg")
}

html, body {
  width: 100% !important;
  height: 100% !important;
  font-family: Calibri, Fallback, open-sans;
}

::-webkit-scrollbar {
  width: 15px !important;
}

::-webkit-scrollbar-track{
  border-radius:0;
}
::-webkit-scrollbar-thumb{
  background-color:#393937;
  border:0 solid hsla(0,0%,83.9%,.7);
  border-radius:0
}
::-webkit-scrollbar-corner {
  background: transparent !important;
}

label {
  text-shadow: none !important;
}

@media only screen and (max-width: 1200px) {
  .citizen .terms-conditions {
      width: 100% !important;
  }
  .loaded .citizen .ticker {
      width: 97% !important;
      font-size: 17px !important;
      min-height: 43px !important;
  }
  .width-50.name, .width-50.tel {
      width: 100% !important;
  }

  .width-100.email {
      width: 93% !important;
  }
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable {
  width: 80% !important;
  margin: 0 auto !important;
  z-index: 10000 !important;
}

.scriptLineBreakdown ul {margin-left: -14px;}
p.subgroup {
  margin-top: -37px !important;
  background: #690605;
  padding: 15px 20px;
  text-align: center;
  color: white;
  margin-bottom: -7px;
  width: calc(100% + 22px);
  margin-left: -11px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  font-size: 21px;
  box-sizing: border-box;
}

body.loaded .ui-dialog-buttonset button:last-Child {
  background: #DDD !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 10px !important;
}

div#thank-you {
  background: #f4f4f4;
  width: calc(91% - 15px) !important;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  padding-bottom: 36px;
  border: 15px solid #FFF;
  font-size: 25px;
  margin-top: 10px !important;
  margin-bottom: 50px !important;
  /* max-width: 1200px; */
  font-weight: bold;
}

p.thank-you {
  font-size: 32px;
}
body.loaded .ui-dialog-buttonset button:first-Child {
  background: #690605 !important;
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 0px !important;
}
.citizen button.btn.btn-success.btn-subscribe.g-recaptcha {
  width: 100%;
  margin: 0 auto !important;
  margin-top: -10px !important;
  margin-bottom: 50px !important;
  margin-right: 0px !important;
}
body {
  background: url(/public-assets/images/background2.jpg);
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 0;
}
.group-name {
  font-weight: bolder;
  font-size: 20px;
  margin-top: 10px;
}

.width-100 hr {
  margin-bottom: 16px !important;
}
.width-100.locationTickers {
  margin-top: 15px;
}
.citizen .width-50 {
  float: left;
  width: 48%;
  margin-right: 2%;
}
span.optional, span.required {
  font-size: 11px;
  padding: 5px;
  color: white;
  border-radius: 5px;
  position: relative;
  top: -3px;
}

span.required {
background: #d11232;
font-weight: bold;
}

span.optional {
background: #323436;
font-weight: bold;
}

.form-wrapper {
  width: 90%;
  max-width: 1200px;
  margin: 5% auto;
  left: auto;
  position: relative;
}

.citizen {
  width: 100%;
  height: 100%;
  /* background: none; */
  /* background-color: transparent; */
  /* position: absolute; */
  top: 0;
  left: 0;
}

.citizen .content-window {
background: transparent;
}

.form-header {
  width: 100%;
  height: 90px;
  border-bottom: 1px solid #DDD;
}

.form-body {
  width: 100%;
  height: calc(100% - 90px);
  overflow-y: auto;
  background: #f7f7f7d9;
}

.form-header .title {
  width: 200px;
}

.small {
  font-weight: 500;
  font-size: 16px;
}

.two-split {
  width: 100%;
  height: 100%;
}

.left-side {
  width: 60%;
  float: left;
  height: calc(100% - 150px);
  margin-top: 40px;
  box-sizing: border-box;
}

.right-side {
  width: 40%;
  float: right;
  height: calc(100% - 150px);
  margin-top: 40px;
  box-sizing: border-box;
  text-align: center;
}

.right-side img {
  margin: 0 auto;
  width: 75%;
  margin-top: 15px;
}

.left-side input {
  background: white;
  width: 76%;
  height: 25px;
}

.left-side form {
  padding: 0px 33px;
}

form#subscriber-form .save-settings {
  background: transparent;
  border: 0px !important;
}

input#citizen-area-code {
  width: 34px !important;
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}

.left-side .text-right.mrg-top-30 {
  float: right;
  margin-bottom: 30px;
  margin-top: 33px;
  margin-right: 43px;
}
button.btn.btn-success.btn-subscribe {
  padding: 12px 25px;
}
div#terms_box {
  text-align: justify;
}

.terms-conditions input {
  width: 14px;
  position: relative;
  top: 5px;
  margin-right: 11px;
}

.terms-conditions {
  float: left;
  margin-top: 36px;
  border: 1px solid #DDD;
  padding: 2px 20px;
  border-radius: 6px;
  background: white;
  cursor: pointer;
      z-index: 9999;
  position: relative;
}

nav#filters, #coordinates, .third-party-logo, #legend {
  display: none;
}

.ui-dialog-buttonset button:first-child {
  float: right;
  background: red;
  color: white;
}

p.additional-info {
  font-size: 12px;
  text-align: justify;
}
p.text-disabled {
  padding: 10px;
  text-align: center;
  background: #6b0808;
  margin: 25px 50px;
  color: white;
}


.help-links {
  text-align: center;
}

.help-links a {
  display: block;
  margin: 10px 0;
  color: #0056b3;
  text-decoration: none;
}

.help-links a:hover {
  text-decoration: underline;
}

.header-info .big {
  font-size: 24px;
  margin-bottom: 10px;
}

.optional {
  color: #666;
  font-size: 0.9em;
  font-style: italic;
}

.left-side, .right-side {
  padding: 20px;
  box-sizing: border-box;
}

.width-50.tel {
  width: 48%;
  margin-right: 2%;
}

.width-100.email input,
.width-100.street input {
  width: 100%;
  box-sizing: border-box;
}

.ticker {
  flex: 0 0 calc(50% - 10px);
  margin: 0;
  box-sizing: border-box;
}

@media only screen and (max-width: 1200px) {
  .left-side, .right-side {
      width: 100%;
      float: none;
  }
  
  .width-50.tel {
      width: 100%;
      margin-right: 0;
      margin-bottom: 15px;
  }
  
  .terms-conditions {
      width: 100%;
      box-sizing: border-box;
      margin: 20px 0;
  }
  
  .ticker {
      flex: 0 0 100%;
  }
  
  .form-wrapper {
      width: 95%;
      left: auto;
  }
}

.citizen label {
  color: black;
  font-weight: bold;
  text-shadow: none !important;
  font-size: 17px !important;
}

.citizen p, .citizen label, .citizen a, .citizen b, .citizen i, .citizen span, .citizen strong, .citizen div, .citizen em, .citizen h1, .citizen h2, .citizen h3, .citizen h4, .citizen h5, .citizen h6 {
  text-shadow: none !important;
}

.citizen label.info {
  background: #dedede;color: black !important;font-size: 16px;padding: 7px;box-sizing: border-box;border-radius: 3px;margin-top: 5px;font-weight: normal;
}

input:focus-within, input:focus-visible {
  border-color: #025ecc !important;
  border-width: 3px !important;
}

#coords-box-1, #coords-box-2, #coords-box-3, #coords-box-4, #coords-box-5 {
  display: none;
}

.alert-count {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
}

.description-label, .groupTickers-label, .locationTickers-label {
  background: #4f4f4f;
  color: white !important;
  font-size: 17px !important;
  padding: 7px;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #aeaeae;
  font-weight: 300 !important;
}

.optional, .required {
  position: relative;
  top: -54px;
  /* float: right; */
  /* right: 10px; */
}

input, option {
  font-size: 16px;
}

div#thank-you p.thank-you {
  color: #d21032;
  font-size: 48px;
}


.citizen .content-window {
  overflow-y: scroll !important;
  height: 100%;
}

.width-100.languageTickers {
    margin-top: -15px;
}

.terms-conditions {
    margin-bottom: -35px;
}

.width-100.languageTickers select {
  width: 50% !important;
  height: 50px !important;
  min-width: 422px;
}

.width-100.groupTickers {
  margin-top: 20px;
}

label {
  text-shadow: none !important;
}
.content-window::-webkit-scrollbar {
    width: 15px !important;
    display: block !important;
}
body {
  background: url(/public-assets/images/background2.jpg) 0 0/cover;
  min-height: 100vh;
}

/* Header Styles */
.form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0px;
  z-index: 1000;
  top: 0px;
  background: white;
  box-sizing: border-box;
  padding: 0px 15px;
}

.form-header .subscribe-title {
  text-align: center;
  font-weight: bolder;
  font-size: 20px;
  color: white;
  padding: 8px 10px;
  box-sizing: border-box;
  border-radius: 0;
  float: right;
  width: 200px;
  margin-right: -3px;
  color: black;
}


/* Welcome Section */
.header-info {
  text-align: center;
  margin-bottom: 2rem;
  padding: 10px;
  /* margin-top: 50px; */
}

.header-info .big {font-size: 2rem;color: #d11232;font-weight: bold !important;margin-bottom: 1rem;text-align: center;}

.medium {
    margin-top: -15px;
    font-size: 22px;
    font-weight: bold;
    color: #4c3a39;
  margin-bottom: 25px
}


.header-info .small {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: left;
  margin: auto;
  max-width: 800px;
  width: 80%
}

/* Thank You Message */
#thank-you {
  background: var(--border-color);
  padding: 2rem;
  border-radius: 8px;
  text-align: center;
  margin: 2rem auto;
  /* max-width: 600px; */
}

.thank-you {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.subscribe-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 70%;
  /* margin: 40px auto; */
  background: #f7f7f79c;
  margin: 0 auto;
}

.subscribe-form li {
  list-style: none;
  padding: 2px;
}

/* Main Layout */
.subscribe-section {
  display: flex;
  width: 93%;
  justify-content: center;
  align-items: start;
  margin: auto;
  gap: 2rem;
  /* padding-bottom: 40px; */
  padding: 0px 20px 40px 20px;
  box-sizing: border-box;
}

.subscribe-inputs {
  width: 70%;
  padding: 19px;
  border: 18px solid white;
  border-radius: 7px;
  box-sizing: border-box;
  background: whitesmoke;
}

.subscribe-info {
  width: 30%;
  vertical-align: top;
}

/* Form Elements */
#subscriber-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.form-row {
  display: flex;
  gap: 1rem;
  margin-top: 6px;
}

.form-group {
  flex: 1;
}

label {
  display: block;

}

input, select {
  width: 100% !important;
  padding: 0.75rem !important;
  border: 1px solid #aba6a6 !important;
  border-radius: 4px !important;
  height: 54px !important;
  background: white !important;
}

/* Language Selection */
.ticker-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  background: white;
  padding: 18px 15px;
  margin-top: -5px;
}

.ticker {
  flex: 1 1 calc(50% - 0.5rem);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: #ccd6d6;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.2s;
  text-wrap: auto;
  overflow-wrap: break-word;
  text-wrap-style: pretty;
  min-width: 250px;
  font-size: 19px;
}

.ticker input[type="checkbox"] {
  width: auto;
  height: auto;
  margin: 0;
}

.ticker.selected {
  background: #d11332;
  color: white;
}

.ticker:hover {
  background: #4f4f4f;
  color: white;
}

.ticker input {
  width: 14px !important;
  text-align: left;
  margin-top: 6px;
  position: relative;
  top: 1px;
  margin-right: 10px !important;
  height: auto !important;
}

.ticker i {
  margin-right: 8px;
}

/* Terms and Submit */
.terms-conditions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: white;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  margin: 1rem 0;
}

.terms-conditions input[type="checkbox"] {
  width: auto !important;
  height: auto !important;
}

.btn-subscribe {
  width: 100%;
  padding: 1rem !important;
  background: #d11232 !important;
  color: white !important;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.2s;
}

.btn-subscribe:hover {
  background: #8b0a08;
}

/* Right Side Content */
.privacy-notice, .unsubscribe-info, .address-info, .update-subscribe-info {
  background: white;
  padding: .1rem 1.5rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
}

.help-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin: auto;
  margin-bottom: 20px;
}

.help-links a {
  color: #0056b3;
  text-decoration: none;
}

.help-links a:hover {
  text-decoration: underline;
}

/* Dialog Styles */
.ui-dialog {
  width: 80% !important;
  max-width: 600px;
  margin: 0 auto !important;
  left: 50% !important;
  transform: translateX(-50%);
}

.ui-dialog-buttonset button:first-child {
  background: var(--success-color);
  color: white;
  border-radius: 0 10px 10px 0;
}

.ui-dialog-buttonset button:last-child {
  background: var(--border-color);
  border-radius: 10px 0 0 10px;
}

/* Address Tabs */
.address-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.1rem;
  /* margin-bottom: 1rem; */
}

.address-tab {
  padding: 0.5rem .5rem;
  background: var(--border-color);
  /* border-radius: 4px; */
  /* border-radius: 4px; */
  cursor: pointer;
  transition: all 0.2s;
  user-select: none; /* Prevents text selection when clicking */
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: black;
  border: 1px solid #323436;
}

.address-tab.active {
  background: #d11232;
  color: white;
  border-bottom-left-radius: 0px;
}

.address-panel {
  display: none;
}
.address-panel.active {
    padding: 18px;
    border: 1px solid #3d4b5b;
    border-radius: 5px;
    border-top-left-radius: 0px;
}
.address-panel.active {
  display: block;
}

ol {
    margin-left: -30px;
}

ul {
    margin-left: -25px;
}

/* Responsive Design */
@media only screen and (min-width: 1100px) {
  .header-notice {
      /* width: calc(91% - 15px) !important; */
      /* max-width: 1200px !important; */
      padding-bottom: 34px !important;
  }
  .header-notice .header-notice-body {
    padding-top: 16px;
    padding-left: 100px !important;
    line-height: 20px !important;
  }
  .header-info {
    /* margin-top: 70px; */
  }
   
}

/* Responsive Design */
@media only screen and (max-width: 1600px) {
  .subscribe-form {
    width: 85%;
  }
  button.address-tab {
    width: 61px;
    font-size: 13px;
    padding: 5px 0px;
  }
  .width-100.languageTickers select {
    width: 100% !important;
    min-width: auto !important;
  }
}

/* Responsive Design */
@media only screen and (max-width: 1200px) {

  .header-info {
    margin-top: 70px;
    margin-bottom: 55px;
  }

  .subscribe-form {
    width: 100%;
  }

  .eapps-widget {
    margin: 0 auto !important;
    float: none !important;
    margin-top: -30px !important;
    margin-bottom: 15px !important;
   }

  .form-header {
    width: 100%;
    border-radius: 0px !important;
  }
  .subscribe-section {
    flex-direction: column;
    padding: 0px
  }

  .form-row {
    flex-direction: column;
  }

  .subscribe-inputs {
    width: 100%;
    margin: 0 auto;
    
  }

  .subscribe-info {
    margin-top: -21px;
    width: 100%;
    margin-left: 0px;
  }
}

@media only screen and (max-width: 768px) {
  .subscribe-form {
    width: 100%;
    margin: auto;
  }
}

.terms-conditions {
  margin-bottom: -25px;
}

.group-box {
  margin-top: 18px;
}

.languageTickers-header-box {
  margin-top: 15px;
}

.subscription-info ol {
  padding-bottom: 25px;
}

.county-warning {
  background-color: #d11232;
  color: #856404;
  padding: 10px 20px;
  margin-top: 5px;
  border-radius: 7px;
  border-left: 0;
  font-size: 14px;
  margin-bottom: 22px;
  color: white;
  font-size: 19px;
}

.county-warning i {
  margin-right: 5px;
}

button.address-tab:hover {
  background: #ccd7d6;
  color: black !important;
}

button.address-tab.active:hover {
  background: #2d3640;
}

div#__EAAPS_PORTAL a[style] {
  display: none !important;
  width: 0px !important;
  overflow: hidden !important;
}

/* Responsive Design */
@media only screen and (max-width: 1200px) {
 .eapps-widget {
  margin: 0 auto !important;
  float: none !important;
  margin-top: -30px !important;
  margin-bottom: 15px !important;
 }
}

.eapps-widget {
  /* float: right; */
  margin-right: 20px;
  margin-top: -40px;
  margin-bottom: -40px;
  border: 1px solid #DDD;
  border-radius: 10px;
  height: 35px;
  /* position: absolute !important; */
  /* right: 0px !important; */
  top: -11px;
  left: unset;
  width: 110px;
  margin: 0 auto;
}

.eapps-widget a {
  width: 0px;
  overflow: hidden;
}

.eapps-widget .eapps-widget-toolbar,
.eapps-widget.eapps-widget-toolbar {
  display: none !important;
}

div.eapps-widget a + div div {
  left: 10px;
}

.groupTickers-header-box {
  margin-top: 50px;
}

button#add-email-btn, button#add-phone-btn, button#add-mobile-btn {
  float: right;
  /* margin-top: -8px; */
  margin-top: 4px;
  background: #d11332;
  color: white;
  padding: 4px 10px;
  border-radius: 4px;
  border: none;
  position: relative;
  right: 0px;
}

div#additional-emails-container {
  margin-top: -20px;
}

span.input-group-btn {
  float: right;
  margin-top: -55px;
  z-index: 99999;
  position: relative;
  margin-right: 10px;
}

.form-group.additional-email button.remove-email, .form-group.additional-phone button.remove-phone, .form-group.additional-mobile button.remove-mobile {
  border: none;
  background: #4f4f4f;
  border-radius: 4px;
  padding: 4px 8px;
  color: white;
}

.form-group.additional-email button.remove-email .fa, .form-group.additional-phone button.remove-phone .fa, .form-group.additional-mobile button.remove-mobile .fa {
  margin-right: 0px;
}

.form-group.additional-email button.remove-email:hover, .form-group.additional-phone button.remove-phone:hover, .form-group.additional-mobile button.remove-mobile:hover {
  background: #d11332;
  cursor: pointer;
  border-radius: 4px;
  border: none;
}

button#add-email-btn:hover, button#add-phone-btn:hover, button#add-mobile-btn:hover {
  background: #4f4f4f;
}

button.address-tab .required {
  background: #d60808;
}

button.address-tab .required, button.address-tab .optional {
  top: -1px;
  margin-left: 3px;
}

#additional-mobile-container, #additional-emails-container, #additional-phone-container {
  background: white;
  margin-top: 35px;
  /* padding: 5px 13px; */
  margin-bottom: 15px;
  border-radius: 7px;
  box-sizing: border-box;
  border: 1px solid #3d4b5b;
}

.additional-mobile input, .additional-email input, .additional-phone input {
    margin-bottom: 14px;
}

.additional-mobile, .additional-email, .additional-phone {
    padding-top: 12px;
    margin: 5px 13px;
}

.citizen img.toolbar-logo {
    height: 70px !important;
    width: auto !important;
    margin-top: 10px !important;
}

section.subscribe-section ol {
    font-size: 17px;
}


.header-notice {
  /* max-width: 1200px; */
  margin: 0 auto;
  margin-bottom: 7px;
  background: #f4f4f4;
  width: calc(91% - 15px) !important;
  border-radius: 5px;
  padding: 18px;
  text-align: left;
  position: relative;
  margin-top: 20px;
  font-size: 17px;
  font-weight: bold;
  box-sizing: border-box;
  border: 17px solid #FFF;
}

.header-info .big {font-size: 2rem;color: #d21033;font-weight: bold !important;margin-bottom: 0;text-align: center;}

.medium {
  margin-top: -15px;
  font-size: 22px;
  font-weight: bold;
  color: #4c3a39;
  width: 75%;
  margin: 0 auto;
}
i.fa.fa-question-circle, i.fa.fa-exclamation-circle {
  float: left;
  font-size: 4em;
  margin-right: 11px;
  color: #d11232;
}

.subscription-info {
    margin-top: -25px;
}

h3 {
    font-size: 22px;
}

.fa {
    margin-right: 7px;
}

button.address-tab.active:hover {
  background: #d11232 !important;
  color: white !important;
  border-color: #000000 !important;
}

i.fa.fa.fa-bullhorn {
  font-size: 25px;
  background: #d11232;
  color: white;
  padding: 15px 16px 15px 16px;
  border-radius: 73px;
  float: left;
  margin-right: 26px;
}

.width-50.languageTickers {
  margin-top: -22px;
}

.width-50.languageTickers select {
  font-size: 16px !important;
}

.scriptLineBreakdown.subscribe-details li {font-weight: 100;}

.scriptLineBreakdown.subscribe-details li b {
    font-weight: 800;
    margin-left: -18px;
}
select.citizen-state {
  border-radius: 5px !important;
  border: 1px solid #807b7b !important;
  background: whitesmoke !important;
}
.county-warning.green {
  background-color: green;
}

.scriptLineBreakdown.subscribe-details li {
    margin-left: -10px;
    padding-left: 20px;
}

@media screen and (max-width: 1200px) {
 .subscribe-page .help-links {
    padding-bottom: 50px;
 }  
}

.geo-loader {
  font-weight: bold;
  width: 100%;
  background: #dbdbdb;
  padding: 20px;
  padding-top: 40px;
  box-sizing: border-box;
  border-radius: 4px;
}

.geo-loader .loading-spinner {
  margin-top: -22px;
  margin-right: 20px;
}