/* Please add child theme specific CSS here when creating child themes by extending the core parent theme. */


.text-danger {
    color: #a71d2a !important;
}

.question-valid-container .text-info {
    color: #638f4d !important;
}

a {
    color: #264f7b;
}

.ls-question-fieldset {
    padding: 0;
}

.ls-question-legend {
    font-size: revert;
}

.question-number, 
.question-code {
    color: #212529;
}

.answer-container {
    padding: 4px 15px;
}

.question-help-container, 
.question-valid-container {
    padding: 4px 15px;    
    color: #702000 !important;
}

.form-select,
.form-control {
    border: 1px solid #888888;
    box-shadow: none;    
}


.selector--inputondemand-addlinebutton {
    color: #4d4d4d;
    border-color: 1px solid #959595;
    background-color: #d5d5d5;
    background-image: -webkit-linear-gradient(#eeeeee, #d5d5d5);
}

/* 28-04-2026 : LS6_WCAG22_TRIMET */

* {
  hyphens: none !important;
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
}

body {
    color: #222222;
    line-height: 1.5rem;
}

h1,
h1.survey-name {
    font-size: 2rem;
    line-height: 2.5rem;
}

h1.survey-name,
div.form-change-lang a.nav-link.dropdown-toggle {
    color: #222222;
}


.logo-bar {
    display: flex;
}

img.logo-left,
img.logo-right {
    width: 200px;
}

.question-container {
    background-color: #ffffff;
}

.question-title-container {
    background-color: #084c8d;
    color: #ffffff;
}

.ol-mobile-layout {
    columns: 2;
}

.question-number, 
.question-code {
    color: #ffffff;    
}

.question-help-container, 
.question-valid-container {
    font-size: 100%;
}

.btn-primary,
.ls-move-submit-btn, 
.ls-move-next-btn {
    background-color: #3A840B;
    border-color: #3A840B;
    background-image: none;
    border-radius: 25px;
    padding: .5rem 35px;
}

.btn-primary:hover,
.btn-primary.hover,
.ls-move-submit-btn:hover, 
.ls-move-submit-btn.hover, 
.ls-move-next-btn:hover,
.ls-move-next-btn.hover  {
    border-color: #2D6E00;
    background-color: #2D6E00;
    background-image: none;    
}

.btn-primary:active,
.btn-primary.active,
.ls-move-submit-btn:active, 
.ls-move-submit-btn.active, 
.ls-move-next-btn:active,
.ls-move-next-btn.active  {
    border-color: #3A840B;
    background-color: #3A840B;
    background-image: none;    
    
}

.btn-primary:focus,
.btn-primary.focus,
.ls-move-submit-btn:focus, 
.ls-move-submit-btn.focus, 
.ls-move-next-btn:focus,
.ls-move-next-btn.focus  {
    border-color: #3A840B;
    background-color: #3A840B;
    background-image: none;    
}

.btn-outline-secondary,
.btn-outline-secondary,
.ls-move-previous-btn,
.ls-move-previous-btn {
    background-color: #ffffff;
    color: #222222;    
    border-color: #cccccc;
    background-image: none;
    border-radius: 35px;
}

.btn-outline-secondary:hover,
.btn-outline-secondary.hover,
.ls-move-previous-btn:hover,
.ls-move-previous-btn.hover {
    background-color: #ffffff;
    color: #222222;    
    border-color: #cccccc;
    background-image: none;
}

.btn-outline-secondary:active,
.btn-outline-secondary.active,
.ls-move-previous-btn:active,
.ls-move-previous-btn.active {
    background-color: #ffffff;
    color: #222222;    
    border-color: #cccccc;
    background-image: none;       
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus,
.ls-move-previous-btn:focus,
.ls-move-previous-btn.focus {
    background-color: #ffffff;
    color: #222222;    
    border-color: #cccccc;
    background-image: none;   
}

.radio-item label::after, 
.checkbox-item label::after, 
input[type='radio'], 
input[type='checkbox'], 
.radio-item input[type="radio"], 
.radio-item input[type="checkbox"] {
    visibility: visible;
}

.radio-item input[type="radio"]:focus-visible + label::before,
.checkbox-item input[type="checkbox"]:focus-visible + label::before  {
    box-shadow: none;
}

.dir-ltr .radio-item label.ls-label-xs-visibility::before, 
.dir-ltr .checkbox-item label.ls-label-xs-visibility::before, 
.dir-ltr .radio-item .ls-label-xs-visibility, 
.dir-ltr .checkbox-item .ls-label-xs-visibility {
    margin-top: -1px;
}

input[type="radio"]:focus + label,
input[type="checkbox"]:focus + label {
  box-shadow: 0 0 0 2px #000;
}

input[type='radio']:checked + label.radio-label, 
input[type='radio']:checked + label.label-radio, 
input[type='radio']:checked + label.label-radio:before, 
input[type='checkbox']:checked + label.checkbox-label, 
input[type='checkbox']:checked + label.answertext, 
input[type='checkbox']:checked + label.answertext:before {
    background-color: #3A840B;
    background-image: none;
}

.btn-check:focus+.btn-primary,
.btn-check:focus+.btn-outline-secondary, 
.btn-primary:focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 1);
    border-color: #000;
    outline: 0;    
}

.mandatory-subquestion {
    border-left: 3px solid #d00;
}

.asterisk {
    color: #d00;
    font-weight: bold;
}

/* Media query */
@media (min-width: 768px) {
    span.navbar-logo-left {
        padding-right: 15px;    
        text-align: right;
    }
    
    span.navbar-logo-right {
        padding-left: 15px;
    }
}

@media (max-width: 768px) {
    .logo-bar {
        flex-direction: column;
    }

    span.navbar-logo-left,
    span.navbar-logo-right {    
        width: 100%;
        text-align: center;
    }
    
    .numeric .withsuffix .ls-input-group {
        display: flex;
        column-gap: 15px;
    }
    
    .ol-mobile-layout {
        columns: 1;
    }
}