@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

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

body {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

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

a:hover {
    text-decoration: none;
}

/* ==========================================================================
   GLOBAL FOCUS STATES
   ========================================================================== */

._keyfocus *:focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
    box-shadow: none;
}

/* ==========================================================================
   GLOBAL BUTTON TRANSITIONS
   ========================================================================== */

button,
a.button,
a.action,
.btn {
    transition: all 0.3s ease;
}

/* ==========================================================================
   BREADCRUMBS
   ========================================================================== */

.breadcrumbs a:visited {
    color: #000;
}

/* ==========================================================================
   RESPONSIVE UTILITIES
   ========================================================================== */

@media (max-width: 767px) {

    .page-wrapper .page-main {
        width: 100%;
        max-width: 90%;
        padding: 0 20px;
    }

}