@font-face {
    font-family: FontLight;
    src: url("../fonts/SofiaPro-Light.woff2") ;
}

@font-face {
    font-family: FontNormal;
    src: url("../fonts/SofiaPro-Regular.woff2") ;
}

@font-face {
    font-family: FontBold;
    src: url("../fonts/SofiaPro-Medium.woff2") ;
}

@font-face {
    font-family: FontBolder;
    src: url("../fonts/SofiaPro-Bold.woff2") ;
}

* {
    font-family: FontNormal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: FontBold;
    color: var(--blue-clr-1);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0;
}

b, strong {
    font-family: FontBold;
    font-weight: normal;
}

p, a , span {
    margin-bottom: 0;
}

p, a {
    font-size: 17px;
}

a {
    font-family: FontBold;
    text-decoration: none;
}

/* https://www.htmldog.com/techniques/underlines/ */
.wave {
    text-decoration: none;
    background-image: url(/storage/modules/system/imgs/icons/wave.png);
    background-size: 45px;
    background-repeat: repeat-x;
    background-position-y: bottom;
    padding-bottom: 8px;
}