/* V Care U - Contact page. The contact section and map are the original Seniar markup and styles;
   only the intro, helper classes, validation messages and brand-colour touches live here. */

.page-title .page-breadcrumb li a{ color:#fff; }
.page-title .page-breadcrumb li a:hover{ color:#ff9aa1; }
.visually-hidden{ position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* original contact-details: brand colours only */
.contact-details .sec-title h2{ color:var(--theme-color2); }
.contact-details .form-control:focus{ border-color:var(--theme-color1); box-shadow:none; background:#fff; }
.contact-details .form-control[aria-invalid="true"],.contact-details .nice-select.is-invalid{ border-color:#E60012; }
.contact-details .nice-select.form-control{ float:none; line-height:normal; display:flex; align-items:center; padding-right:42px; color:#686a6f; }
.contact-details .nice-select.form-control .list{ width:100%; }
.contact-details__info li .text a{ color:var(--theme-color2); }
.contact-details__info li .text a:hover{ color:var(--theme-color1); }
.contact-details__info li .text span{ line-height:1.6; }
.contact-details__info li:last-child .icon{ background-color:var(--theme-color2); }
.contact-details__right .sec-title .text{ color:#52637A; margin-top:14px; line-height:1.8; }

/* validation messages */
.vcu-error{ margin:6px 0 0; font-size:14px; line-height:1.5; font-weight:500; color:#C4000F; }
.vcu-error:empty{ display:none; }
.vcu-cform-status{ margin:0; font-size:15.5px; line-height:1.6; color:#52637A; }
.vcu-cform-status:empty{ display:none; }
.vcu-cform-status.is-error{ color:#C4000F; font-weight:600; }
.vcu-cform-status.is-pending{ color:var(--theme-color2); font-weight:600; padding-left:14px; border-left:3px solid #E60012; }
.vcu-cform-status:focus{ outline:none; }
.contact-details form .theme-btn + .theme-btn{ margin-left:10px; }
@media (max-width:575.98px){ .contact-details form .theme-btn{ margin-bottom:10px; } }
.contact-details__info li .icon{ flex:0 0 80px; }

/* map: full width; shorter on phones */
.map-section .map{ display:block; width:100%; border:0; }
@media (max-width:767.98px){ .map-section .map{ height:400px; } }

/* gap between the map and the footer (contact page only) */
.map-section{ margin-bottom:60px; }
@media (max-width:991.98px){ .map-section{ margin-bottom:40px; } }
@media (max-width:575.98px){ .map-section{ margin-bottom:30px; } }

/* contact page: red buttons and icon boxes (brand red) */
.contact-details form .theme-btn.btn-style-two{ background-color:#E60012; }
.contact-details__info li .icon,
.contact-details__info li:last-child .icon{ background-color:#E60012; }
.contact-details__info li:hover .icon,
.contact-details__info li:last-child:hover .icon{ background-color:var(--theme-color2); }
