:root {
    --line-height: calc(1em + 8px);
    --color-primario: #179cd9;
    --color-secondario: #012d5b;
    --grigio-chiaro: #eee;
    --grigio: #888;
}

/* ----- btn ----- */
.btn-bianco > button,
.btn-primario > button,
.btn-secondario > button {
    text-transform: uppercase !important;
    background-image: none !important;
    padding: 10px 24px !important;
    border-radius: 45px !important;
}
.btn-bianco > button {
    color: var(--color-secondario) !important;
    background-color: white !important;
}
.btn-primario > button {
    color: white !important;
    background-color: var(--color-primario) !important;
}
.btn-primario > button:hover {
    color: white !important;
    background-color: var(--color-secondario) !important;
}
.btn-secondario > button {
    color: white !important;
    background-color: var(--color-secondario) !important;
}
.btn-secondario > button:hover {
    color: white !important;
    background-color: var(--color-primario) !important;
}

/* ----- background ----- */
.bg-grigio-chiaro {
    background-color: var(--grigio-chiaro);
}

/* ----- azienda ----- */
.card-bridge-grigio-chiaro > .vc_column-inner > .wpb_wrapper {
  background-color: var(--grigio-chiaro);
  padding: 32px 24px;
  margin-top: 32px;
}
.card-bridge-grigio-chiaro > .vc_column-inner > .wpb_wrapper .wpb_text_column p {
    line-height: var(--line-height) !important;
    min-height: calc(var(--line-height) * 2);
}

/* ----- margin e padding ----- */

.m-0 { margin: 0 !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-25 { margin: 25px !important; }
.m-30 { margin: 30px !important; }
.m-60 { margin: 60px !important; }

.mt-0 { margin-top: 0 !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-60 { margin-top: 60px !important; }

.mr-0 { margin-right: 0 !important; }
.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-25 { margin-right: 25px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-60 { margin-right: 60px !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-60 { margin-bottom: 60px !important; }

.ml-0 { margin-left: 0 !important; }
.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-25 { margin-left: 25px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-60 { margin-left: 60px !important; }

.p-0 { padding: 0 !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-25 { padding: 25px !important; }
.p-30 { padding: 30px !important; }
.p-60 { padding: 60px !important; }

.pt-0 { padding-top: 0 !important; }
.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-25 { padding-top: 25px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-60 { padding-top: 60px !important; }

.pr-0 { padding-right: 0 !important; }
.pr-5 { padding-right: 5px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-25 { padding-right: 25px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-60 { padding-right: 60px !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-25 { padding-bottom: 25px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-60 { padding-bottom: 60px !important; }

.pl-0 { padding-left: 0 !important; }
.pl-5 { padding-left: 5px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-25 { padding-left: 25px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-60 { padding-left: 60px !important; }