.preview_notice {
  display: none;
}


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

.primary-accent-text {
  color: #1c2745;
}

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

.secondary-accent-text {
  color: #e79450;
}

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

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

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

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

.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: #303246;
}

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


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: #d3894f;
}

.no-color-text {
  color: #d3894f;
}


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: #dc721b;
}

.bin1-color-text {
  color: #dc721b;
}

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: #be7e4e;
}

.bin2-color-text {
  color: #be7e4e;
}

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: #ffacb9;
}

.bin3-color-text {
  color: #ffacb9;
}

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: #96684c;
}

.bin4-color-text {
  color: #96684c;
}

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: #fffeff;
}

.bin5-color-text {
  color: #fffeff;
}

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: #6d5349;
}

.bin6-color-text {
  color: #6d5349;
}

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: #8f889b;
}

.bin7-color-text {
  color: #8f889b;
}

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: #453d47;
}

.bin8-color-text {
  color: #453d47;
}

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: #1c2745;
}

.bin9-color-text {
  color: #1c2745;
}

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: #1c2745;
}

h1.main {
  color: #1c2745;
}

.navbar-user-dropdown {
  background-color: #1c2745
}

.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: #ffd8b1;
}

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

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

.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: #1c2745;
  color: white;
}

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

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

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

/* hide client feedback button */
a.client-feedback { display: none; }

/* match fonts colors default to engaged.ca.gov */
:not(h1,h2,h3,h4,.h4.panel-slider__title > .float-left,.material-icons-outlined,.material-icons,.person) {
    font-family: Noto Sans,system-ui,-apple-system,Roboto,Helvetica Neue,sans-serif!important
}

h1,h2,h3,.h4.panel-slider__title > .float-left,.display-text {
    letter-spacing: -.015em;
    font-family: Noto Sans Display,sans-serif;
    font-weight: 900;
    line-height: 120%
}

#page-header {
    width: 100%;
    text-align: left;
    margin: 0;
    vertical-align: middle;
    padding-bottom: 40px;
}

b, strong {
    font-weight: 700;
}

body {
    background-color: #fff4eb;
}

/* change navbar background */
.navbar.primary-accent-bg, .navbar.navbar-default.primary-accent-bg {
  background-color: #ffffff;
}

/* change navbar title color */
.navbar .navbar-nav>li.decision-title,.navbar .navbar-nav>li>a {
    color: #444444;
}

/* match navbar background color for user dropdown */
.navbar-user-dropdown {
    background-color: #ffffff;
}

/* adjust required style */
.required {
    font-style: italic;
    text-decoration: underline;
    color: #fd7e14;
    float: left !important;
    margin-right: 8px;
}

/* Likert */ 
.ethelo-likert-indicator {
  color: #1c2745;
}

.bin9-color-bg .ethelo-likert-indicator {
  color: #FFFFFF;
}
button.bin5-color-bg {
 color: #1c2745 !important;
}
.bin5-color-bg .ethelo-likert-text  {
  color: #1c2745 !important;
}
.bin5-color-bg {
  color: #1c2745;
} 

/* Remove extra navigation button */

@media only screen and (min-width: 992px) { 
.top-navigation-btn.ember-view {
  display: none;
}
}

