﻿
input[type='text'].error, input[type='email'].error, input[type='password'].error,
input[type='tel'].error, input[type='number'].error, textarea.error, select.error { border: solid 2px #91392B !important; }

input.placeholder:focus::-webkit-input-placeholder { color: transparent; }
input::placeholder { font-style: italic; color: #767676 !important; opacity: 1; }
input:-ms-input-placeholder, input::-ms-input-placeholder { font-style: italic; color: #767676 !important; }

#returns-and-exchanges { text-decoration: underline; }
label.error, span.error { color: #91392b; }

/*input[type="checkbox"], input[type="radio"] { transform: scale(1.5); margin: 4px; accent-color: #3F2017; border-radius: 0; }*/

input[type="checkbox"] { width: 16px; height: 16px; border: 1px solid #3F2017; border-radius: 0 !important; }
input[type="checkbox"]:checked { accent-color: #3F2017; }
input[type="radio"] { width: 16px; height: 16px; border: 1px solid #3F2017; }
input[type="radio"]:checked { accent-color: #3F2017; }
  


.return-options label { padding-left: 10px; margin-bottom: 0; }
.fine-text { opacity: 75%; }

.return-form { }
.step-container { padding-left: 15px; margin-bottom: 10px; padding-right: 15px; }

    .step-container .col-2 { padding-left: 0; padding-right: 5px; white-space: nowrap; }

    .step-container a { padding: 10px; padding-left: 0 !important; font-size: 12px; color: #707070; border-top: solid 5px #E6DCD4; text-decoration: none; width: 100%; display: inline-block; }

        .step-container a.step-active { color: #34302D; border-top: solid 5px #A17312; line-height: 1.5; font-weight: 600;}

        .step-container a.disabled-step, .step-container a.disabled-step:hover { text-decoration: none; font-size: 12px !important; cursor: default; color: #696969 !important; font-size: 14px; font-weight: 500; }

        .step-container a.hover-active:hover { color: #444 !important; cursor: pointer; }





.return-form .border-separator { border-color: #34302D !important; }
.shipping-form-container {max-width:625px;}

/* Remove Bootstrap's validation background icon */
.was-frm-validated .form-control:invalid,
.form-control.is-invalid { background-image: none !important; /* hides the exclamation icon */ padding-right: .5rem; /* undo Bootstrap's extra padding */ background-position: initial; /* optional reset */ background-size: initial; /* optional reset */ background-repeat: initial; /* optional reset */ }
/* Keep your custom red border/shadow (adjust colors as you like) */
.was-frm-validated .form-control:invalid { border: 2px solid #91392B /*#e63946*/ !important; /*box-shadow: 0 0 0 3px rgba(230,57,70,.12);*/ }
/* Optional success look */
/*.was-frm-validated .form-control:valid { border-color: #2a9d8f*/ /*#9A9393 */ /*!important; }*/



@media (min-width:769px) {
    .return-form { min-width: 720px; max-width: 1000px; }
    .return-options { margin-top: -38px; }
        .return-options label { }
       .items-container { min-width: 600px; width: 727px; max-width: 100%; }
       .download-label-row {margin-top:-52px;}
    
    .font-size-md-12 { font-size: 12px; }
    .font-size-md-16 { font-size: 16px; }
    .font-size-md-18 { font-size: 18px; }
    .font-size-md-24 {font-size:24px;}
    .font-size-md-32 { font-size: 32px; }
    .font-size-md-40 { font-size: 40px; }
    .btn-continue { width: 300px; }
}

@media (max-width: 768px) {
    .page-title { text-align: center; font-size: 24px; padding-bottom: 13px; }
    .btn-continue { width: 100%; }
    .step-container { width: max-content; }
        .step-container a {width:125px;}
        /* .return-form { overflow-x: hidden; }*/
        .img-width-col { padding-right: 0; }
    .pt-20px {padding-top:20px !important;}
    .reason-content-row {max-width:310px; margin:0 auto;}
    .container-fluid { overflow-x: hidden; }
     .support-navigation .menu-title { border: 1px solid #666 !important; }    
}
