/* Lexend Font Faces */
@font-face {
    font-family: 'Lexend';
    src: url("../../fonts/Lexend/static/Lexend-Thin.ttf") format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'Lexend';
    src: url("../../fonts/Lexend/static/Lexend-ExtraLight.ttf") format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Lexend';
    src: url("../../fonts/Lexend/static/Lexend-Light.ttf") format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Lexend';
    src: url("../../fonts/Lexend/static/Lexend-Regular.ttf") format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Lexend';
    src: url("../../fonts/Lexend/static/Lexend-Medium.ttf") format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Lexend';
    src: url("../../fonts/Lexend/static/Lexend-SemiBold.ttf") format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Lexend';
    src: url("../../fonts/Lexend/static/Lexend-Bold.ttf") format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Lexend';
    src: url("../../fonts/Lexend/static/Lexend-ExtraBold.ttf") format('truetype');
    font-weight: 800;
}

@font-face {
    font-family: 'Lexend';
    src: url("../../fonts/Lexend/static/Lexend-Black.ttf") format('truetype');
    font-weight: 900;
}



/* Specific Font Weights for Elements */
h1 { font-weight: 500 !important; font-size: 24px !important; margin-left: 12px !important} /* SemiBold */
h2 { font-weight: 500 !important; } /* Medium */
h3 { font-weight: 400 !important; } /* Regular */
h4 { font-weight: 400 !important; font-size: 18px !important; color: #111 !important; } /* Light */
h5 { font-weight: 300 !important; } /* ExtraLight */
h6 { font-weight: 300 !important; } /* Thin */

p { font-weight: 400 !important; }  /* Thin */
span, a, label, button { font-weight: 400 !important; } /* Regular */
input, select, textarea { font-weight: 400 !important; } /* Light */

/* Utility Classes for Custom Styling */
.lexend-thin { font-weight: 100 !important; }
.lexend-extralight { font-weight: 200 !important; }
.lexend-light { font-weight: 300 !important; }
.lexend-regular { font-weight: 400 !important; }
.lexend-medium { font-weight: 500 !important; }
.lexend-semibold { font-weight: 600 !important; }
.lexend-bold { font-weight: 700 !important; }
.lexend-extrabold { font-weight: 800 !important; }
.lexend-black { font-weight: 900 !important; }

body, h1, h2, h3, h4, h5, h6, p, span, a, li, td, th, input, button, label {
  font-family: Lexend, Rubik, 'Varela Round', sans-serif !important;
}