/* ================= FONTS ================= */

h1, h2, h3, h4, h5, h6 {
    font-family: "bennet-display", sans-serif !important;
    font-weight: 300 !important;
    font-style: normal;
}

.font-head {
    font-family: "bennet-display", sans-serif !important;
    font-weight: 300 !important;
    font-style: normal;
}

* {
    font-family: "omnes-pro", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.font-semibold {
    font-weight: 500;
}

/* ================= COLORS ================= */

.color-red {
    color: #733636;
}

.color-gray-dark {
    color: #A69B97;
}

.color-gray-light {
    color: #BABDBF;
}

.color-beige {
    color: #f8f5f1;
}

/* ================= BACKGROUNDS ================= */

.bg-red {
    background-color: #733636;
}

.bg-gray-dark {
    background-color: #A69B97;
}

.bg-gray-light {
    background-color: #BABDBF;
}

.bg-beige {
    background-color: #f8f5f1;
}

/* ================= BUTTONS ================= */

.button-red {
    background-color: #733636;
    color: #ffffff;
    padding: 10px 35px;
    transition: 0.3s ease-in-out;
    border: 1px solid #733636;
}

.button-red:hover {
    background-color: transparent;
    color: #733636;
    transition: 0.3s ease-in-out;
}

.button-red-outlined {
    background-color: transparent;
    color: #733636;
    padding: 10px 35px;
    transition: 0.3s ease-in-out;
    border: 1px solid #733636;
}

.button-red-outlined:hover {
    background-color: #733636;
    color: #ffffff;
    transition: 0.3s ease-in-out;
}

/* ================= LINKS ================= */

.link-header {
    color: #111111;
    text-decoration: none;
    background-image: linear-gradient(#111111, #111111);
    background-size: 0% 1px;
    background-position-y: 100%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    transition: background-size 0.2s ease-in-out;
}

.link-header:hover,
.link-header:focus,
.link-header:active {
    background-size: 100% 1px;
    background-position-x: 0%;
}