/* ==========================================================================
   MANROPE FONT
   ========================================================================== */

@font-face {
    font-family: 'Manrope';
    src: url('../fonts-new/Manrope-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts-new/Manrope-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts-new/Manrope-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts-new/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts-new/Manrope-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts-new/Manrope-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts-new/Manrope-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   GLOBAL TYPOGRAPHY
   ========================================================================== */

html,
body {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 400;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Body Text */

body,
p,
span,
div,
li,
td,
th,
blockquote,
small,
label {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 400;
}

/* Headings */

h1,
.h1 {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 800 !important;
}

h2,
.h2 {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 700 !important;
}

h3,
.h3 {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 600 !important;
}

h4,
h5,
h6 {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 600 !important;
}

/* Navigation */

nav,
nav a,
.menu a,
.main-navigation a,
.main-menu a,
.header-menu a,
.header-navigation a,
.current-menu-item > a,
.current_page_item > a {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 600 !important;
}

/* Buttons */

button,
.button,
.btn,
.wp-block-button__link,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 600 !important;
}

/* Forms */

input,
textarea,
select,
option {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 400 !important;
}

/* Links */

a {
    font-family: 'Manrope', sans-serif;
}

/* Tables */

table,
thead,
tbody,
tfoot,
tr,
td,
th {
    font-family: 'Manrope', sans-serif;
}

/* Lists */

ul,
ol,
li {
    font-family: 'Manrope', sans-serif;
}