/* Fix content Safari */
.row:before,
.row:after {
  display: inline-block !important;
}

/* Fix antialiasing text */
* {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
* {font-family: 'LuissSans', sans-serif;}
body {background-color: var(--bianco-panna);}
body, html {overflow-x: hidden;scroll-behavior: smooth;font-family: 'LuissSans', sans-serif;}

.brand {max-width: 150px!important;}

.container {max-width: 1200px !important;}

/* FONT */
@font-face {
  font-family: 'LuissSans';
  src: url(../fonts/LuissFont/LuissSans-Regular.eot);
  src: url(../fonts/LuissFont/LuissSans-Regular.woff) format("woff"), url(../fonts/LuissFont/LuissSans-Regular.ttf) format("truetype"), url(../fonts/LuissFont/LuissSans-Regular.svg) format("svg"), url(../fonts/LuissFont/LuissSans-Regular.otf) format("otf");
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'LuissSans';
  src: url(../fonts/LuissFont/LuissSans-Bold.eot);
  src: url(../fonts/LuissFont/LuissSans-Bold.woff) format("woff"), url(../fonts/LuissFont/LuissSans-Bold.ttf) format("truetype"), url(../fonts/LuissFont/LuissSans-Bold.svg) format("svg"), url(../fonts/LuissFont/LuissSans-Bold.otf) format("otf");
  font-weight: 700;
  font-style: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'LuissSans';
  src: url(../fonts/LuissFont/LuissSans-ThinSans.eot);
  src: url(../fonts/LuissFont/LuissSans-ThinSans.woff) format("woff"), url(../fonts/LuissFont/LuissSans-ThinSans.ttf) format("truetype"), url(../fonts/LuissFont/LuissSans-ThinSans.svg) format("svg"), url(../fonts/LuissFont/LuissSans-ThinSans.otf) format("otf");
  font-weight: 100;
  font-style: normal;
  text-rendering: optimizeLegibility;
}

/* Colors */
:root {
  --viola: #695091;
  --grigio-chiaro: #EDF0F4;
  --nero: #000000;
  --bianco: #ffffff;
}

/* Text colors */
.viola {color:var(--viola)!important;}
.grigio-chiaro {color: var(--grigio-chiaro)!important;}
.nero {color: var(--nero)!important;}
.bianco {color: var(--bianco)!important;}


/* Background colors */
.bg-viola {background-color:var(--viola)!important;}
.bg-grigio-chiaro {background-color:var(--grigio-chiaro)!important;}
.bg-nero {background-color:var(--nero)!important;}
.bg-bianco {background-color:var(--bianco)!important;}


/* Typography */
html {font-size: 95%;}/* Regolare la dimensione di tutti i font in % */

a {color:var(--nero); text-decoration: underline; line-height: 1.5rem; font-weight: normal;}
p {font-size: clamp(1.2rem, 8vw, 1.5rem);font-weight: normal;line-height: 1.875rem;color:var(--nero); margin-bottom: 0px;}
p {font-size: 0.875rem; line-height: 0.9375rem; color: var(--nero);}
p.p-intro {font-size: 1.5rem; line-height: 1.6875rem; color: var(--bianco);text-shadow: 1px 1px 10px #000;}
.video p {font-size: 1.125rem; line-height: 1.125rem; color: var(--nero);}
h1 {font-size: clamp(3rem, 8vw, 4rem);font-weight: bold;line-height:normal;color:var(--bianco);text-shadow: 1px 1px 10px #000;}
h2 {font-size: clamp(1.5rem, 8vw, 2rem);font-weight: bold;line-height:normal;color:var(--nero);}
h3 {font-size: clamp(1rem, 8vw, 1.25rem);font-weight: bold;line-height:normal;color:var(--nero);}


/* Button */
.btn.rounded-pill {font-size: 1.25rem; line-height:normal;height: 45px; text-transform: uppercase; border-radius: 50px; padding: 16px 30px; border:none; font-weight: bold;}
.btn.rounded-pill-small {font-size: 0.875rem!important; line-height:normal;height: 40px; text-transform: uppercase; border-radius: 50px; padding: 12px 15px; border:none; font-weight: bold;width: 100%; text-align: left;}

/* Navbar */
nav {height: 100px;}
.navbar.bg-viola {transition: 0.5s ease-in-out; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}

/* Card Master */
.card-details > div {background: var(--bianco);}
.card-section .card-details {margin-bottom: 40px;}
ul.master-details { margin-top: 20px; padding-left: 0px!important;list-style-type: none;}
.btn.arrow::after {display: inline-block;content: "";width: 18px;height: 18px;vertical-align: inherit;background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z' clip-rule='evenodd'/></svg>");
background-repeat: no-repeat;background-size: 2rem 2rem;background-position: center;transition: transform 0.3s ease-out;margin-left: 6px;}
.btn.arrow:hover::after {transform: translateX(10px);}
.btn.arrow {color: var(--bianco); text-decoration: none; font-size: 0.875rem; margin-bottom: 10px;}
.border-rounded {border-radius: 20px; box-shadow: 3px 3px 6px #00000029;}
.border-rounded > img {border-top-left-radius: 20px;border-top-right-radius: 20px;height: 190px;width: 100%;object-fit: cover;}


/* Footer */
.info p {color: #fff; font-size: 0.875rem;}

@media only screen and (min-width: 768px){

}

/* Padding - Margin */
.pt-100 {padding-top: 100px;}

/**************/
/* MOBILE CSS */
/**************/

/* Menu Navigazione */
@media(max-width: 768px) {

}
