.block-sandos-contact {
padding: 0;
margin-left: auto;
}
.block-sandos-contact .button {
font-family: var(--font-family-Lato);
font-size: 1.125rem;
font-weight: 700;
text-transform: initial;
}
.block-sandos-contact .button.sandos-btn-callback {
line-height: 0.8125rem;
padding: 1.25rem 1.375rem;
}
.sandos-contact-call-btn.button {
background-color: transparent;
border-color: transparent;
cursor: pointer;
}
@media (min-width: 0) and (max-width: 1024px) {
.sandos-contact-call-btn.button {
background-color: #0a7cae;
color: var(--color-white);
margin: auto;
max-width: 21.875rem;
width: 85%;
}
}
.sandos-contact-call-btn svg {
margin-right: 10px;
vertical-align: middle;
}
.sandos-phone-grid {
display: grid;
grid-gap: 15px 0;
grid-template-columns: repeat(1, auto);
margin-bottom: 25px;
margin-top: 25px;
}
@media (min-width: 0) and (max-width: 1023px) {
.sandos-phone-grid {
text-align: center;
}
}
@media (min-width: 1024px) {
.sandos-phone-grid {
grid-auto-flow: column;
grid-template-columns: repeat(2, auto);
grid-template-rows: repeat(4, auto);
}
}
.sandos-callback-section {
align-items: center;
display: flex;
justify-content: space-between;
padding: 20px 0;
border-radius: 8px;
text-align: center;
margin-top: 20px;
}
.sandos-callback-section p {
font-size: 1.125rem;
margin: 0;
}
@media (min-width: 0) and (max-width: 1023px) {
.sandos-callback-section {
flex-direction: column;
align-items: center;
row-gap: 15px;
}
}
@media (min-width: 0) and (max-width: 1023px) {
.sandos-modal-content {
max-height: calc(100vh - 5%);
min-width: 85%;
width: 90%;
}
}
.sandos-modal-header p {
font-size: 1.125rem;
}
.sandos-modal-body h3 {
display: inline-flex;
justify-content: center;
line-height: 38px;
width: 100%;
}
.sandos-modal-body h3 svg {
margin-right: 10px;
}
.sandos-modal-footer {
margin-top: 1.25rem;
}
@media (min-width: 0) and (max-width: 1023px) {
.sandos-modal-footer {
flex-direction: column;
row-gap: 15px;
}
}
.sandos-contact-modal {
display: none;
}
.sandos-contact-modal.active {
display: block;
}
@media (min-width: 0) and (max-width: 1024px) {
.sandos-contact-modal {
top: -4.375rem;
max-height: calc(100vh - 10% + 70px);
}
}
@media (min-width: 0) and (max-width: 1023px) {
.sandos-contact-modal.main-info-modal .sandos-modal-content {
min-width: 85%;
width: 90%;
}
.sandos-contact-modal.main-info-modal .sandos-modal-content h2 {
font-size: 1.5rem;
}
}
.sandos-call-form-container .marketingForm .wrap-section:last-child {
display: none;
}
@media (min-width: 0) and (max-width: 1023px) {
.sandos-call-form-container .marketingForm .wrap-section:nth-child(2) span {
font-size: 1.5rem !important;
}
}
.sandos-call-form-container .marketingForm .textFormFieldBlock input,
.sandos-call-form-container .marketingForm .phoneFormFieldBlock input,
.sandos-call-form-container .marketingForm .lookupFormFieldBlock input {
background-color: #E9EDF3;
border: 1px solid #A1A1A1;
border-radius: 4px;
font-size: 1rem;
min-height: 3.125rem;
padding: 0.8125rem 1.25rem;
}
@media (min-width: 1024px) {
.sandos-call-form-container .marketingForm .textFormFieldBlock .phoneFormFieldBlock input,
.sandos-call-form-container .marketingForm .phoneFormFieldBlock .phoneFormFieldBlock input,
.sandos-call-form-container .marketingForm .lookupFormFieldBlock .phoneFormFieldBlock input {
border-left: 0;
border-radius: 0 4px 4px 0;
}
}
@media (min-width: 1024px) {
.sandos-call-form-container .marketingForm .textFormFieldBlock .lookupFormFieldBlock input,
.sandos-call-form-container .marketingForm .phoneFormFieldBlock .lookupFormFieldBlock input,
.sandos-call-form-container .marketingForm .lookupFormFieldBlock .lookupFormFieldBlock input {
border-right: 0;
border-radius: 4px 0 0 4px;
}
}
.sandos-call-form-container .marketingForm a {
display: inline;
}
.sandos-call-form-container .marketingForm .phoneFormFieldBlock .phoneCountryCode {
border: 0;
}
.sandos-call-form-container .marketingForm .consentBlock div label p, .sandos-call-form-container .marketingForm .consentBlock div label a {
font-size: 1rem;
line-height: 1.0625rem;
}
.sandos-call-form-container .onFormSubmittedFeedback, .sandos-call-form-container .onFormSubmittedFeedback div {
max-width: 100% !important;
}
.sandos-call-form-container .onFormSubmittedFeedback .onFormSubmittedFeedbackMessage {
font-family: var(--font-family-Lato) !important;
font-size: 1.125rem !important;
line-height: 1.25rem !important;
}
.sandos-call-form-container .onFormSubmittedFeedback div[data-submissionresponse="success"].onFormSubmittedFeedbackInternalContainer::before,
.sandos-call-form-container .onFormSubmittedFeedback div[data-submissionresponse="error"].onFormSubmittedFeedbackInternalContainer::before {
background-size: cover;
background-position: center;
content: '';
display: block;
height: 80px;
width: 100%;
}
.sandos-call-form-container .onFormSubmittedFeedback div[data-submissionresponse="success"].onFormSubmittedFeedbackInternalContainer img,
.sandos-call-form-container .onFormSubmittedFeedback div[data-submissionresponse="error"].onFormSubmittedFeedbackInternalContainer img {
display: none;
opacity: 0;
}
.sandos-call-form-container .onFormSubmittedFeedback div[data-submissionresponse="success"].onFormSubmittedFeedbackInternalContainer::before {
background-image: url('data:image/svg+xml,');
}
.sandos-call-form-container .onFormSubmittedFeedback div[data-submissionresponse="error"].onFormSubmittedFeedbackInternalContainer::before {
background-image: url('data:image/svg+xml,');
}
/*# sourceMappingURL=../../maps/layout/blocks/component_contact_modal_form.css.map */