/* ==========================================================================
   Footer & Newsletter Form Styles
   ========================================================================== */

/* Footer Navigation & Basic Elements */
.footer-nav { padding: 40px 80px !important; }
.footer-nav hr { background-color: #fff; height: 1px; width: 100%; margin: 30px auto 0; }
.footer-nav .logo { margin: 30px auto 0; text-align: center; }
.footer-nav .socials { justify-content: center; }

/* Inputs & Selects */
.footer-nav .rs-inputborder { background-color: transparent !important; border-color: #fff !important; }
.footer-nav .custom-label { color: #fff !important; }
.footer-nav select.rs-select { color: #fff !important; }
.footer-nav .dropdownm { background-color: #667f06 !important; border: solid 2px #fff; color: #fff; }

/* Newsletter Form */
#newsLetterForm {width:100%;}
#newsLetterForm.form-loading-state{opacity:0.6;pointer-events:none;transition:opacity 0.3s ease;}
#newsLetterForm .contact-form div.checkboxContainer{display:flex;}
#newsLetterForm .contact-form div.checkboxContainer input{margin:0 10px 0 0 !important; }
#newsLetterForm .contact-form div.checkboxContainer label{position:unset !important; }
#newsLetterForm .contact-form div.checkboxContainer label a{color:#fff;text-decoration:underline; }
#newsLetterForm .contact-form div.checkboxContainer {flex-wrap:wrap;margin-bottom:20px;}
#newsLetterForm .contact-form div.checkboxContainer .rs-error{position:relative;bottom:0;width:100%;margin-left:28px;}

/* Submit Button */
#newsLetterForm #submit-button { 
    background-color: #ffffff !important; 
    color: #667f06 !important; 
    border: none; 
    transition: background-color 0.3s ease, opacity 0.3s ease; 
}
#newsLetterForm #submit-button:hover:not(:disabled) { background-color: #f4f4f4 !important; }
#newsLetterForm #submit-button:disabled { 
    background-color: #cdcdcd !important; 
    color: #fff !important; 
    cursor: not-allowed; 
    opacity: 0.7; 
}

/* Spinners & Icons */
#newsLetterForm .rs-spinner, #serviceRequestSecondForm .rs-spinner { 
    display: inline-block; width: 1.2rem; height: 1.2rem; 
    vertical-align: text-bottom; border: 0.2em solid #fff; 
    border-right-color: transparent; border-radius: 50%; 
    animation: spinner-border .75s linear infinite; margin-right: 8px; 
}
.closeNewsLetterFormError { width: 15px; height: 15px; float: right; cursor: pointer; }

/* Worldwide / Global Sites */
.tama-worldwide { margin: 30px auto 10px; display: table; text-align: center; }
.tama-worldwide .title { font-weight: 400; font-size: 14px; line-height: 140%; text-align: center; color: #fff; display: block; margin-bottom: 5px; }
.tama-worldwide .current-site { background-color: #fff; font-weight: 700; color: #789904; display: flex; flex-direction: row; align-items: center; min-height: 55px; }
.tama-worldwide .current-site span { margin: 0 3px; }

/* Responsive Styles */
@media (max-width: 768px) {
    .imgc { margin-top: -7px; }
    .filter-count { left: 105px !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
    #newsLetterForm .contact-form div.mr-1, #newsLetterForm .contact-form div.ml-1 { margin-right: 1px !important; margin-left: 1px !important; }
}
@media (min-width: 768px) {
    #newsLetterForm .contact-form .jCenter { justify-content: center; }
    #newsLetterForm .contact-form div.col-md-3 { flex: 0 0 24%; max-width: 24%; }
    #newsLetterForm .contact-form div.col-md-12 { flex: 0 0 98%; max-width: 98%; }
}