/* WordPress CMS integration and small fixes layered over the original design. */
#header .logo img { max-height: 74px; width: auto; }
.navbar .menu-list > li > a { cursor: pointer; }
.footer-contact a { color: inherit; }
.footer-contact a:hover { color: #fff; }
.bebe-hp { position: absolute !important; left: -99999px !important; width: 1px; height: 1px; overflow: hidden; }
.bebe-form-notice { padding: 12px 15px; border-radius: 5px; margin: 0 0 18px; font-weight: 600; }
.bebe-form-notice.success { background: #e8f8ee; border: 1px solid #a9dfbb; color: #176b37; }
.bebe-form-notice.error { background: #fff0f0; border: 1px solid #efb1b1; color: #9b1c1c; }
.bebe-field-label { display: block; font-weight: 600; margin-bottom: 7px; }
.bebe-back-link { display: inline-block; margin: 0 0 22px 14px; }
.get-a-quote-logo { text-align: center; margin: 0 0 15px; }
.get-a-quote-logo img { max-height: 90px; width: auto; }
.get-a-quote-out small { display: block; margin-top: 6px; opacity: .72; }
.get-a-quote-out select.form-control { min-height: 48px; }
.specialized-in, .five-star-in { height: 100%; }
.portfolio-wrap img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

/* The supplied HTML package did not include the BX Slider sprite images. Use text arrows instead. */
.bx-wrapper .bx-controls-direction a { background: none !important; text-indent: 0 !important; font-size: 0; display: flex; align-items: center; justify-content: center; text-decoration: none; }
.bx-wrapper .bx-controls-direction a::before { font-size: 42px; line-height: 1; color: currentColor; }
.bx-wrapper .bx-prev::before { content: '‹'; }
.bx-wrapper .bx-next::before { content: '›'; }

@media (max-width: 991px) {
  #header .logo img { max-height: 62px; }
  .navbar .menu-list { padding-top: 18px; }
}
@media (max-width: 767px) {
  .get-a-quote-border { margin-left: 0; }
  .bebe-back-link { display: block; margin-left: 0; }
}

.counter-out::before, .counter-out::after { background: none !important; }
.bebe-inner-page { padding: 150px 0 80px; min-height: 65vh; }
.bebe-inner-header { margin-bottom: 28px; }
.bebe-inner-header h1 { font-weight: 700; }
.bebe-inner-content { font-size: 17px; line-height: 1.75; }


/* Enquiry form repair and submit feedback. */
.contact .bebe-contact-form { width: 100%; padding: 30px; position: relative; z-index: 1; }
.contact .bebe-contact-form .form-group { margin-bottom: 20px; }
.contact .bebe-contact-form label { color: #fff; margin-bottom: 7px; font-weight: 500; }
.contact .bebe-contact-form .form-control { color: #fff; border-color: rgba(255,255,255,.48); }
.contact .bebe-contact-form .form-control::placeholder { color: rgba(255,255,255,.6); }
.contact .bebe-contact-form .form-control:focus { color: #fff; border-color: #ed1b24; box-shadow: none; background: transparent; }
.bebe-form-notice.info { background: #eef6ff; border: 1px solid #b7d6f5; color: #185b91; }
.bebe-submit-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 6px; }
.contact .bebe-contact-form .bebe-submit-button {
  min-width: 170px; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  background: #ed1b24; border: 0; padding: 12px 28px; color: #fff; transition: .25s ease; border-radius: 0;
  font-weight: 600; cursor: pointer; position: relative;
}
.contact .bebe-contact-form .bebe-submit-button:hover:not(:disabled),
.contact .bebe-contact-form .bebe-submit-button:focus-visible:not(:disabled) { background: #c9151d; transform: translateY(-1px); }
.contact .bebe-contact-form .bebe-submit-button:disabled { opacity: .78; cursor: wait; }
.bebe-submit-spinner { display: none; width: 17px; height: 17px; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%; animation: bebe-spin .7s linear infinite; }
.bebe-submit-button.is-submitting .bebe-submit-spinner { display: inline-block; }
.bebe-submit-status { color: rgba(255,255,255,.85); font-size: 13px; min-height: 20px; }
@keyframes bebe-spin { to { transform: rotate(360deg); } }
@media (max-width: 767px) {
  .contact .bebe-contact-form { padding: 24px 15px; }
  .bebe-submit-row, .contact .bebe-contact-form .bebe-submit-button { width: 100%; }
  .bebe-submit-status { width: 100%; text-align: center; }
}