/*-----------*/
/*** TIPOGRAFIA ***/
body {
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*-----------*/
/* STILI DI PARAGRAFO */
.h1, .editor h1, .h2, .editor h2, .h3, .editor h3, .h4, .editor h4, .h5, .editor h5, .h6, .editor h6 {
    font-family: "playfair-display-regular", serif;
    font-weight: 600;
}

.h1, .editor h1 {
    font-size:40px;
    line-height: 104%;
}
.h2, .editor h2 {
    font-size: 35px;
    line-height: 125%;
}
.h3, .editor h3 {
    font-size: 30px;
    line-height: 125%;
}
.h4, .editor h4 {
    font-size: 20px;
    line-height: 125%;
}
.h5, .editor h5 {
    font-size: 18px;
    line-height: 150%;
}
.h6, .editor h6 {
    font-size: 15px;
    line-height: 125%;
}

.button, .button input[type=submit] {
    font-family: "inter-regular", sans-serif;
    font-weight: 800;
    font-size: 15px !important;
    line-height: 100%;
}
.link-linkedin {
    font-family: "inter-regular", sans-serif;
    font-weight: 800;
    font-size: 12px;
    line-height: 125%;
}

.p {
    font-size: 15px;
    line-height: 100%;
    font-weight: 200;
}
.editor p, .editor p, .editor ul, .form p {
    font-size: 15px;
    line-height: 155%;
    font-weight: 200;
    font-family: "inter-regular", sans-serif;
}
.p.oneline {line-height: 100%;}

.p.s, .editor.s p {font-size: 88%; line-height: 142%;}
.editor.s .button {font-size: 88%;}
.p.xs, .editor.xs p, .editor.xs .button {font-size: 70%; line-height: 125%;}

.font_light {font-weight: 200;}
.font_normal {font-weight: 400;}
.font_semi-bold {font-weight: 600;}
.font_bold {font-weight: 700;}
.font_extra-bold {font-weight: 800;}

.p b, .p .strong, p b, p strong, .editor p b, .editor p strong, .b, .strong, .editor li > strong {font-weight: 700;}
.p i, .p em, p i, p em, .editor p i, .editor p em, .i, .em, .editor li > em {font-style: italic;}
.p b i, .p b em, .p strong i, .p strong em,
.p i b, .p em b, .p i strong, .p em strong,
p b i, p b em, p strong i, p strong em,
p i b, p em b, p i strong, p em strong,
.editor p b i, .editor p b em, .editor p strong i, .editor p strong em,
.editor p i b, .editor p em b, .editor p i strong, .editor p em strong {
    font-weight: 700;
    font-style: italic !important;
}

.p a:not(.button), .editor a:not(.button) {text-decoration: underline;}
a.no-uderline, .no-uderline a {
	text-decoration: none !important;
	position: relative;
	cursor: pointer;
	padding: 10px 20px 10px 20px;
	background-color: #C28936;
	border-radius: 40px;
	color: #fff;
	display: inline-block;
}

.editor p, .editor blockquote, .editor ul {margin-bottom:25px;}
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {margin-bottom:50px; margin-top: 75px;}
.editor:not(.sedi) *:first-child {margin-top: 0;}
.editor *:last-child {margin-bottom: 0;}
footer .editor p, footer .editor blockquote, footer .editor ul,
footer .editor h1, footer .editor h2, footer .editor h3, footer .editor h4, footer .editor h5, footer .editor h6 {margin-bottom:1rem; margin-top: 0;}

.editor ul {
    list-style:disc;
    margin-left: 20px;
}

.editor blockquote,
.blockquote {
    font-size: 24px;
    line-height:150%;
    font-weight: 700;
}
.editor blockquote {width: calc( 100% - 30px); padding-left: 30px; border-left: 5px solid #707070;}

sup {
    font-size: 30%;
    vertical-align: super;
}

p.small {font-size: 80%;}

/*--------------------------------------------------------------------------------*/
/*** Media Query ***/
/* sopra 000px -> bootstrap ref. */
@media (min-width: 415px) {}
@media (min-width: 576px) /* SM */ {}
@media (min-width: 768px) /* MD */ {
    .h1, .editor h1 {
        font-size:70px;
        line-height: 104%;
    }
    .h2, .editor h2 {
        font-size: 65px;
        line-height: 125%;
    }
    .h3, .editor h3 {
        font-size: 45px;
        line-height: 125%;
    }
    .h4, .editor h4 {
        font-size: 40px;
        line-height: 125%;
    }
    .h5, .editor h5 {
        font-size: 30px;
        line-height: 150%;
    }
    .h6, .editor h6 {
        font-size: 20px;
        line-height: 125%;
    }
    .editor p, .editor p, .editor ul, .p {font-size: 18px;}
    .link-linkedin {font-size: 14px;}
}
@media (min-width: 992px) /* LG */ {}
@media (min-width: 1200px) /* XL */ {}
@media (min-width: 1367px) {}
@media (min-width: 1920px) {}

/* sotto 000px -> bootstrap ref. */
@media (max-width: 1200px) /* XL */ {}
@media (max-width: 992px) /* LG */ {}
@media (max-width: 768px) /* MD */ {}
@media (max-width: 576px) /* SM */ {}

/* orientamento finestra/dispositivo */
@media all and (orientation:portrait) {}
@media all and (orientation:landscape) {}

/* solo dispositivi touch */
@media (hover: none) {}