@charset "UTF-8";

/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&display=swap');

:root {
    --font-principale: 'Titillium Web', Tahoma, serif;
    --color-gray-light: #F3F3F3;
    --color-blue-dark: #003F5D;
    --color-blue-light: #005C87;
    --color-sky-blue: #00A4EE;
    --color-orange: #ED8100;
} 
body, html {
   font-family: var(--font-principale);
   font-style: normal;
   font-weight: 400;
   font-size: 16.5px;
   line-height: 1.5;
   letter-spacing: -1%;
   color:var(--color-blue-dark);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-family: var(--font-principale);
   font-weight: 700;
   text-transform: uppercase;
}
.h1, .h2, .h3, h1, h2, h3 {
   margin-bottom:15px;
   line-height: 1.2;
}

h1, .h1 {font-size:3rem;}

.bg-orange {background-color:var(--color-orange)}
.bg-blue-light {background-color:var(--color-blue-light)}
.bg-blue-dark {background-color:var(--color-blue-dark)}
.bg-sky-blue {background-color:var(--color-sky-blue)}
.bg-gray-light {background-color:var(--color-gray-light)}

.txt-orange {color:var(--color-orange)}
.txt-blue-light {color:var(--color-blue-light)}
.txt-blue-dark {color:var(--color-blue-dark)}
.txt-sky-blue {color:var(--color-sky-blue)}
.txt-gray-light {color:var(--color-gray-light)}

.btn {
   min-width: 200px; 
   text-transform: uppercase; 
   border-radius: 0px;
   letter-spacing: 0.75px;
   outline:1px solid #fff;
   border: 0px solid transparent;
   font-weight: 600;
   min-height: 40px;
   display: inline-flex;
   align-items: center;
   justify-content: center; 
}
.btn-primary {background-color:var(--color-orange)}
.btn-secondary {background-color:var(--color-sky-blue)}

.btn-primary:hover {background-color:var(--color-orange); box-shadow: inset 70px 70px rgba(0,0,0,.1);}
.btn-secondary:hover {background-color:var(--color-sky-blue); box-shadow: inset 70px 70px rgba(0,0,0,.1);}

a[href*="tel"], a[href*="mailto"] {text-decoration:none;color:inherit;}

footer {
   font-size: 13px;
}
footer ul {
    list-style-type: none;
    padding-left: 0;
}
footer strong:has(+ul) {
    margin-bottom:8px;
   display: block;
}
footer ul li {
    margin-bottom:8px;
   line-height: 1.2;
}
footer a {
    text-decoration: none;
   color:inherit;
   line-height: inherit;
}


@media(min-width:1200px){
   
   body, html {
      font-size: 15px;
   }

   .h1, .h2, .h3, h1, h2, h3 {
      margin-bottom:30px;
   }
   
   .ms-xl-n1 {margin-left: -0.25rem !important;}
   .ms-xl-n2 {margin-left: -0.5rem !important;}
   .ms-xl-n3 {margin-left: -1rem !important;}
   .ms-xl-n4 {margin-left: -1.5rem !important;}
   .ms-xl-n5 {margin-left: -3rem !important;}
}