/*
 * Motors 4.x compat — elementi STM non piu' forniti dalla 5.6.
 * Regole estratte da assets/css/app.css del tema Motors 4.6.3.1 in produzione
 * (britishmotors-subaru.it), ristrette alle sole classi usate dalle pagine importate:
 * .icon-box, .icon-box-link, .colored-separator, .stm-button, .boat-line.
 * Necessarie finche' Stylemix non rende scaricabile motors-wpbakery-widgets.
 * Generato il 2026-09-10.
 */
.stm-button {display: block;
  text-align: center;
  padding: 17px 28px 15px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #fff !important;
  border-radius: 3px;
  background-color: #6c98e1;
  text-decoration: none !important;
  outline: none !important;
  visibility: visible;
  border: none;
  white-space: normal;
  box-shadow: 0 2px 0 #567ab4;
  -webkit-transition: opacity .2s ease-in !important;
  transition: opacity .2s ease-in !important;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  opacity: 1;}
.stm-button:hover {opacity: 0.8;}
.stm-button.button-sm {padding: 13px 18px 11px;
  font-size: 12px;
  line-height: 12px;}
.stm-button:active {position: relative;
  top: 2px;
  box-shadow: 0 0 0 #567ab4;}
.stm-button.not-visible {opacity: 0;
  visibility: hidden;}
.stm-button {display: inline-block;}
.stm-button.stm-button-icon {position: relative;
  padding: 16px 25px 15px 45px;
  font-weight: 700;
  visibility: inherit;}
.stm-button.stm-button-icon i {position: absolute;
  top: 50%;
  left: 16px;
  font-size: 18px;
  margin-top: -9px;}
.stm-button:active {box-shadow: 0 0 0 transparent !important;}
.icon-box-link {text-decoration: none !important;}
.icon-box {position: relative;
  padding: 46px 50px 48px 34px;
  color: #232628;
  z-index: 10;}
.icon-box:after {position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.9;
  z-index: -2;}
.icon-box:before {position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;}
.icon-box .icon {float: left;
  margin-top: 11px;
  margin-right: 27px;
  color: #cc6119;}
.icon-box .icon-text {overflow: hidden;}
.icon-box .icon-text h2 {line-height: 34px;}
.icon-box .icon-text h3.title {margin-bottom: 12px;
    font-weight: 700;
    font-size: 26px;
    line-height: 28px;}
.icon-box .icon-text h4.title {font-weight: 700;}
.icon-box .icon-text h5 {font-weight: 400;
    line-height: 18px;}
.icon-box .icon-text h6.title {margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;}
.icon-box .icon-text .content {font-size: 13px;}
.icon-box .icon-text .content p,
.icon-box .icon-text .content span {line-height: 18px;}
.icon-box .icon-text a {display: inline-block;}
.icon-box .icon-box-bottom-triangle {margin-top: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 55px solid rgba(250, 182, 55, 0.9);
  -webkit-transform: skew(0deg, 23deg);
  transform: skew(0deg, 23deg);}
.icon-box .icon-box-bottom-triangle:hover {border-right: 55px solid #fab637;}
.icon-box:hover:before {opacity: 1;}
.colored-separator {text-align: center;
  vertical-align: top;
  font-size: 0;}
.colored-separator.text-left {text-align: left;}
.colored-separator.text-right {text-align: right;}
.colored-separator .first-long {margin-right: 3px;}
.colored-separator .first-long,
.colored-separator .last-short {display: inline-block;
  vertical-align: top;
  width: 33px;
  height: 5px;
  -webkit-transform: skew(-40deg, 0deg);
  transform: skew(-40deg, 0deg);
  border-radius: 2px;
  background-color: #cc6119;}
.colored-separator .last-short {width: 16px;}
.special-offers .colored-separator {margin-bottom: 13px;}
.entry-header .entry-title .colored-separator {color: #cc6119;
  margin-bottom: 8px;
  text-align: left;}
.entry-header .entry-title .colored-separator .first-long,
.entry-header .entry-title .colored-separator .last-short {background-color: #fab637;}
.entry-header.center .colored-separator {text-align: center;}
.entry-header.right .colored-separator {text-align: right;}
.stm-button-secondary-color {background-color: #6c98e1;}
.stm-service-layout-icon-box .inner.vertical_align_middle .icon-box-content .title {margin-bottom: 5px;}
.stm-service-layout-icon-box .inner.vertical_align_middle .icon-box-content .content {color: #888888;
      font-size: 16px;
      line-height: 24px;}
.stm-service-layout-icon-box .icon-box-content {overflow: hidden;}
.stm-service-layout-icon-box .icon-box-content .title {margin-bottom: 17px;}
.stm-service-layout-icon-box .icon-box-content .content {padding-right: 16px;
  color: #888;
  font-size: 13px;
  line-height: 19px;}
.wpb_tour_tabs_wrapper.stm_tabs_style_2 .wpb_tab.ui-tabs-panel .icon-box .icon-text h4.title {margin-bottom: 8px;
  font-weight: 400;}
@media (max-width: 1025px) {
  .icon-box .icon {display: inline-block;
    float: none;
    margin-bottom: 15px;
    min-height: 54px;}
  .stm-adaptive-tablet-margins .stm-icon-box-adaptive-style-three .icon-box .icon-text h6.title {min-height: 36px;}
}
@media (max-width: 991px) {
  .icon-box {padding-right: 25px;}
  .icon-box .icon {display: inline-block;
    float: none;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    min-height: 54px;}
  .icon-box .icon-text .content {font-size: 12px;}
  .stm-icon-box-adaptive-style-three .icon-box {padding-left: 0 !important;}
}
@media (max-width: 767px) {
  .wpb_wrapper .icon-box {padding-left: 0 !important;
    margin-left: 0 !important;
    overflow: hidden;}
  .wpb_wrapper .icon-box .icon {float: left;}
  .wpb_wrapper .icon-box .icon-text {float: left;
      width: calc(100% - 100px);}
  .stm-icon-box-adaptive-style-one .wpb_wrapper .icon-box {padding-left: 15px !important;}
  .stm-icon-box-adaptive-style-one .wpb_wrapper .icon-box {margin: 0 -15px !important;
    padding-left: 40px !important;}
  .icon-box .icon-text .content {font-size: 14px;}
  .stm-icon-box-adaptive-style-one .wpb_wrapper .icon-box {padding-right: 30px !important;}
}
.stm-template-car_rental .stm-call-to-action .stm-button-rental,
.stm-template-car_dealer_two .stm-call-to-action .stm-button-rental {float: right;
    position: relative;
    margin-left: 50px;
    padding: 15px 21px 15px 47px;
    border: 2px solid #fff;
    font-size: 14px;
    font-weight: 700;
    box-shadow: none !important;
    background: transparent !important;
    color: #273f44 !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.stm-template-car_rental .stm-call-to-action .stm-button-rental i,
.stm-template-car_dealer_two .stm-call-to-action .stm-button-rental i {position: absolute;
      left: 17px;
      top: 13px;
      color: #273f44;
      font-size: 18px;}
.stm-template-car_rental .stm-call-to-action .stm-button-rental:hover,
.stm-template-car_dealer_two .stm-call-to-action .stm-button-rental:hover {background-color: #fff !important;}
@media (max-width: 992px) {
  .stm-template-car_rental .stm-call-to-action .call-to-action-right .stm-button-rental {float: none;
      margin-left: 0;}
}
/* Sfondi degli icon box: in Motors 4.x erano <style> inline generati per istanza,
   qui diventano classi riusabili applicate nel markup della pagina. */
.sm-box-blue:after,
.sm-box-blue:before { background-color: #1f82d9; }

.sm-box-cyan:after,
.sm-box-cyan:before { background-color: #4ce8f3; }

.sm-box-plain:after,
.sm-box-plain:before { background-color: rgba(255, 255, 255, 0.01); }

/* Il box senza icona non deve riservare lo spazio dell'icona. */
.icon-box.no-icon .icon-text { padding-left: 0; }

/* Spaziature della home ricostruita (post 1360).
   Stanno qui e non nel meta _wpb_shortcodes_custom_css perche' WPBakery
   rigenera quel meta a ogni salvataggio dall'editor visuale. */
.vc_custom_smhero { margin-bottom: 0 !important; }

.vc_custom_smhome_intro {
	padding-top: 46px !important;
	padding-bottom: 10px !important;
}

.vc_custom_smhome_intro .vc_custom_heading { margin-bottom: 26px !important; }

/* --------------------------------------------------------------------------
 * Voce di menu attiva invisibile (bianco su bianco).
 *
 * header-car_dealer.css colora la voce corrente di bianco sopra uno sfondo
 * var(--hma_hover_bg_color), ma il tema emette --hma_hover_active_bg_color
 * (nome diverso) e tutte le variabili --hma_* restano vuote finche' le Theme
 * Options dell'header non vengono configurate: risultato, testo bianco su
 * fondo bianco. Definiamo la variabile con il blu del brand.
 *
 * Se in futuro configuri l'header dalle Theme Options, verifica se questa
 * regola serve ancora.
 * -------------------------------------------------------------------------- */
:root {
	--hma_hover_bg_color: #1f82d9;
	--hma_hover_active_bg_color: #1f82d9;
}

/* --------------------------------------------------------------------------
 * Box del form contatti: in 4.x lo forniva il widget stm_contact_form.
 * Regole estratte da app.css del tema 4.6.3.1 di produzione.
 * -------------------------------------------------------------------------- */
.stm-contact-us-form-wrapper {}
.stm-contact-us-form-wrapper input[type="text"],
.stm-contact-us-form-wrapper input[type="tel"],
.stm-contact-us-form-wrapper input[type="email"],
.stm-contact-us-form-wrapper input[type="search"],
.stm-contact-us-form-wrapper input[type="password"] {height: 43px;
  line-height: 43px;}
.stm-contact-us-form-wrapper textarea {max-height: 143px;
  padding-top: 8px;}
.stm-contact-us-form-wrapper input::-webkit-input-placeholder {font-size: 13px;}
.stm-contact-us-form-wrapper input::-moz-placeholder {font-size: 13px;}
.stm-contact-us-form-wrapper input:-moz-placeholder {font-size: 13px;}
.stm-contact-us-form-wrapper input:-ms-input-placeholder {font-size: 13px;}
.stm-contact-us-form-wrapper textarea::-webkit-input-placeholder {font-size: 13px;}
.stm-contact-us-form-wrapper textarea::-moz-placeholder {font-size: 13px;}
.stm-contact-us-form-wrapper textarea:-moz-placeholder {font-size: 13px;}
.stm-contact-us-form-wrapper textarea:-ms-input-placeholder {font-size: 13px;}
.stm-contact-us-form-wrapper {padding: 60px 91px 11px;
  background-color: #fff;
  box-shadow: 0px 3px 18px rgba(35, 38, 40, 0.3);}
.stm-contact-us-form-wrapper h2 {margin-bottom: 47px;
  text-transform: uppercase;}
.stm-contact-us-form-wrapper .form-group {margin-bottom: 30px;}
.stm-contact-us-form-wrapper .form-group input {font-size: 14px;}
.stm-contact-us-form-wrapper form {margin-left: 3px;
  margin-right: 3px;}
.stm-contact-us-form-wrapper .col-md-7 .col-md-6:first-child .form-group {margin-right: 2px;}
.stm-contact-us-form-wrapper .col-md-7 .col-md-6:nth-child(2) .form-group {padding-left: 8px;
  margin-right: -5px;}
.stm-contact-us-form-wrapper .col-md-5 .contact-us-submit,
.stm-contact-us-form-wrapper .col-md-5 .form-group {margin-left: 7px;}
.stm-contact-us-form-wrapper .wpcf7-response-output {margin-bottom: 20px !important;}
@media (max-width: 991px) {
  .stm-contact-us-form-wrapper {padding: 40px 30px 10px;}
}
@media (max-width: 767px) {
  .stm-contact-us-form-wrapper {padding: 40px 30px 10px;}
  .stm-contact-us-form-wrapper .form-group {padding-left: 0 !important;
    margin-right: 0 !important;}
  .stm-contact-us-form-wrapper .col-md-5 .contact-us-submit,
.stm-contact-us-form-wrapper .col-md-5 .form-group {margin-left: 0 !important;}
}