/* primary color */
.color-primary { color: #E1251B; }

input[type="radio"]:checked + .radio--left::before,
input[type="radio"]:checked + .radio--left::before,
input[type="radio"]:checked + .radio--right::after,
input[type="radio"]:checked + .radio--right::after,
input[type="checkbox"]:checked + .checkbox--left::before,
input[type="checkbox"]:checked + .checkbox--left::before,
input[type="checkbox"]:checked + .checkbox--right::after,
input[type="checkbox"]:checked + .checkbox--right::after {
    border: 1px solid #E1251B; 
    background-color: #E1251B;
}

.text-field:focus,
.text-area:focus { 
    border: 1.5px solid #E1251B; 
}

.button--big,
.button--small {
    color: #ffffff;
    background-color: #E1251B;
}

.progress__bar {
    background-color: #E1251B;
}

@media screen and (min-width: 656px) { /* 모바일 화면에서는 적용 X */

    .text-field:hover,
    .text-area:hover,
    .drop-down:hover,
    .radio--left:hover,
    .radio--left:hover,
    .radio--right:hover,
    .radio--right:hover,
    .checkbox--left:hover,
    .checkbox--left:hover,
    .checkbox--right:hover,
    .checkbox--right:hover{ 
        border: 1.5px solid #E1251B; 
    }
    
    .button--big:hover, 
    .button--small:hover {
        background-color: #871C23;
    }

}