.preview_notice {
  display: none;
}


.navbar.primary-accent-bg,
.navbar.navbar-default.primary-accent-bg,
.primary-accent-bg {
  background-color: #032444;
}

.primary-accent-text {
  color: #032444;
}

.secondary-accent-bg {
  background-color: #93b6d9;
}

.secondary-accent-text {
  color: #93b6d9;
}

.navigation-current-bg {
  background-color: #e9eef5;
}

.navigation-current-text {
  color: #e9eef5;
}

.navigation-hover-bg {
  background-color: #e3d8e3;
}

.navigation-hover-text {
  color: #e3d8e3;
}

.no-vote-color-bg {
  background-color: #525252;
}

.no-vote-color-text {
  color: #525252;
}


a.ethelo-likert-button.btn.btn-raised.yes-color-bg,
a.ethelo-likert-button.btn.btn-raised.yes-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.yes-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.yes-color-bg:focus,
.yes-color-bg {
  background-color: #042546;
}

.yes-color-text {
  color: #042546;
}


a.ethelo-likert-button.btn.btn-raised.no-color-bg,
a.ethelo-likert-button.btn.btn-raised.no-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.no-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.no-color-bg:focus,
.no-color-bg {
  background-color: #93b6d9;
}

.no-color-text {
  color: #93b6d9;
}


a.ethelo-likert-button.btn.btn-raised.bin1-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin1-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin1-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin1-color-bg:focus,
.bin1-color-bg {
  background-color: #85a7ca;
}

.bin1-color-text {
  color: #85a7ca;
}

a.ethelo-likert-button.btn.btn-raised.bin2-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin2-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin2-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin2-color-bg:focus,
.bin2-color-bg {
  background-color: #7699bb;
}

.bin2-color-text {
  color: #7699bb;
}

a.ethelo-likert-button.btn.btn-raised.bin3-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin3-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin3-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin3-color-bg:focus,
.bin3-color-bg {
  background-color: #688aac;
}

.bin3-color-text {
  color: #688aac;
}

a.ethelo-likert-button.btn.btn-raised.bin4-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin4-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin4-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin4-color-bg:focus,
.bin4-color-bg {
  background-color: #597c9d;
}

.bin4-color-text {
  color: #597c9d;
}

a.ethelo-likert-button.btn.btn-raised.bin5-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin5-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin5-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin5-color-bg:focus,
.bin5-color-bg {
  background-color: #4b6d8f;
}

.bin5-color-text {
  color: #4b6d8f;
}

a.ethelo-likert-button.btn.btn-raised.bin6-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin6-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin6-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin6-color-bg:focus,
.bin6-color-bg {
  background-color: #3d5e80;
}

.bin6-color-text {
  color: #3d5e80;
}

a.ethelo-likert-button.btn.btn-raised.bin7-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin7-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin7-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin7-color-bg:focus,
.bin7-color-bg {
  background-color: #2e5071;
}

.bin7-color-text {
  color: #2e5071;
}

a.ethelo-likert-button.btn.btn-raised.bin8-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin8-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin8-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin8-color-bg:focus,
.bin8-color-bg {
  background-color: #204162;
}

.bin8-color-text {
  color: #204162;
}

a.ethelo-likert-button.btn.btn-raised.bin9-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin9-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin9-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin9-color-bg:focus,
.bin9-color-bg {
  background-color: #113353;
}

.bin9-color-text {
  color: #113353;
}

body, body h1, body h2, body h3, body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4 {
  font-family: Open Sans, sans-serif
}

.side-drawer-header {
  background-color: #032444;
}

h1.main {
  color: #032444;
}

.navbar-user-dropdown {
  background-color: #032444
}

.nav-item.active {
  background-color: #e9eef5;
}

#index-parent:hover,
.nav-item-container:not(.active) .nav-item:not(.disabled):hover,
.nav-item-container:not(.active) .nav-item:not(.disabled):hover,
.nav-item-container:not(.active) .nav-item:not(.disabled):hover {
  background-color: #e3d8e3;
}

.nav-item.disabled .disabled {
  color: #A0A0A0;
}

.nav-item-container .nav-item-container:not(.active):hover {
  background-color: #e3d8e3;
}

.btn.btn-raised.btn-default.btn-post,
.btn.btn-raised.btn-default.btn-post:hover,
.btn.btn-raised.btn-default.btn-post:focus,
.btn.btn-raised.btn-default.btn-post:active,
.btn.btn-raised.btn-default.navigation-button,
.btn.btn-raised.btn-default.navigation-button:hover,
.btn.btn-raised.btn-default.navigation-button:focus,
.btn.btn-raised.btn-default.navigation-button:active {
  background-color: #032444;
  color: white;
}

.option-detail-container {
  background-color: #032444;
}

.moderate .filters .active {
  background-color: #032444;
  color: white;
}

.moderate .filters {
  color: #032444;
  background-color: white;
}


/* HEADER STYLING */
.header, .section-title, .page-title {
    background-color: #ffe119
    color: #FFD700; /* Yellow */
    font-size: 1.8em;
    padding: 18px;
    text-align: center;
    border-bottom: 4px solid #FFFFFF;
}
 

/* INPUTS */
input[type="text"], textarea, select {
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #CCCCCC;
    padding: 10px;
    font-size: 1em;
    border-radius: 4px;
    width: 100%;
}
 
/* INCREASE QUESTION GROUP SPACING (SLIDER STYLE QUESTIONS) */
.form-group {
    margin-bottom: 80px; /* Increase space between questions */
}
 
/* BUTTON STYLING */
.btn-primary, .btn-next, .btn-submit {
    background-color: #032444;
    color: #FFFFFF !important;
    border: none;
    border-radius: 5px;
    padding: 12px 24px;
    font-size: 1em;
    font-weight: bold;
}
.btn-primary:hover {
    background-color: #004080;
    color: #FFD700;
}

.voting-bar .result-text { 
    color: white !important;
}

/*THANK YOU PAGE */
/* If it's a div with a class like "thank-you-message" */ 
.thank-you-message {
    color: white !important;
    font-family: Arial, sans-serif; /* Optional: Change font */
}

/* If it's a modal overlay */
.giphy-thank-you-modal .message-text {
    color: white !important;
    background: transparent; /* Adjust background if needed */
}