@charset "UTF-8";

:root {
    --primary: #273a60;
    --secondary: #f35321;
    --bs-primary: #273a60; /* replaced main green with main navy */
}

body {
    font-family: "Husquarna Gothic", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: #dfe2e7;
}

a {
    font-size: 1.14rem;
    color: #273a60;

    &:hover {
        color: #f35321;
    }
}

.group-container .group-title {
    font-size: 25px;
    font-weight: normal;
    line-height: 1.12;
    letter-spacing: 1.2px;
    color: var(--primary);
}

.question-container {
    background-color: #FFF;
    padding: 30px 60px 60px;
    margin: 0;
}

.question-container:nth-child(odd) {
    background-color: #f5f5f5;
}

.question-container .ls-label-question, .question-container .ls-label-question * {
    color: var(--secondary);
    font-size: 25px;
    font-weight: normal;
    line-height: 1.12;
    letter-spacing: 1.2px;
    margin-top: 0;
}

/* Buttons */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:focus,
.btn-primary.dropdown-toggle.show,
.btn-primary.dropdown-toggle.show:focus {
    background-color: #273a60;
    border-color: #273a60;
}

/* Checkboxes & Radios */
.radio-item input[type=radio]:checked + label {
    color: #273a60;
}

.radio-item input[type=radio]:checked + label::before {
    border-color: #273a60;
}

.radio-item input[type=radio]:checked + label::after {
    background-color: #273a60;
}

.checkbox-item input[type=checkbox]:checked + label {
    color: #273a60;
}

.checkbox-item input[type=checkbox]:checked + label::before {
    border-color: #273a60;
}

.checkbox-item input[type=checkbox]:checked + label::after {
    background-color: #273a60;
    color: #273a60;
}

/* Tempus Dominus widget */
.tempus-dominus-widget button {
    background-color: #273a60;
    border-color: #273a60;
}

/* Image Select */
.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label + .imageselect-radiobutton:before {
    border-color: #273a60;
}

.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label + .imageselect-radiobutton:after {
    background-color: #273a60;
}

.imageselect-listitem input.imageselect-checkbox:checked ~ .imageselect-select::after {
    color: #273a60;
}

.imageselect-listitem input.imageselect-checkbox:checked ~ .imageselect-select::before {
    border-color: #273a60;
}

/* Slider */
.slider-handle {
    background-color: #273a60;
}

.slider-selection {
    background-color: #273a60;
}

.slider .tooltip .tooltip-inner {
    color: #273a60;
}

/* Numeric Multi (Totals) */
.numeric-multi .ls-group-total-separator hr {
    border-color: #273a60;
}

.numeric-multi .ls-group-total .control-label {
    color: #273a60;
}

.numeric-multi .dynamic-total.text-success {
    color: #273a60 !important;
}

/* Ranking Advanced Style */
.ranking-advanced-style .sortable-rank,
.ranking-advanced-style .ranking-advanced-sorted-items .sortable-item {
    border: 2px solid #273a60;
}

.ranking-advanced-style .sortable-rank .selector__dragHandle.d-none,
.ranking-advanced-style .sortable-rank .selector__index_row,
.ranking-advanced-style .ranking-advanced-sorted-items .sortable-item .selector__dragHandle.d-none,
.ranking-advanced-style .ranking-advanced-sorted-items .sortable-item .selector__index_row {
    color: #273a60;
}

.btn-check + .btn-primary:hover,
.btn-check + .btn-primary:active,
.btn-check + .btn-primary.active,
.btn-check + .btn-primary:active:focus,
.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-check:checked + .btn-primary:focus,
.btn-check:focus:checked + .btn-primary {
    background-color: #273a60;
    border-color: #273a60;
}