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

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

body,
button,
input,
textarea,
select {
    font-family: "Outfit", sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Outfit", sans-serif !important;
}


/* ==========================================================
   HEADER SUPPORT BUTTON
   ========================================================== */

.header-links a[href^="tel:"] {
    display: inline-flex;
    align-items: center;

    padding: 10px 18px;

    background: #ffffff;
    border: 1px solid #D0D5DD;
    border-radius: 10px;

    color: #0D5ED3 !important;
    font-weight: 600;
    font-size: 14px;

    text-decoration: none !important;

    transition: all .25s ease;

    box-shadow: 0 2px 10px rgba(16,24,40,.05);
}

.header-links a[href^="tel:"]:hover {
    border-color: #0D5ED3;
    background: #F8FBFF;
    color: #0D5ED3 !important;
}


/* ==========================================================
   DOCUMENTATION CARDS
   ========================================================== */

.pages .items.list {
    gap: 24px !important;
}

.pages .items.list > li {
    background: #ffffff;
    border: 1px solid #E8ECF4;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 2px 14px rgba(16, 24, 40, 0.05);
    transition: all .25s ease;
}

.pages .items.list > li:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(16, 24, 40, 0.10);
}


/* ==========================================================
   ARTICLE LISTS
   ========================================================== */

.pages .items.list ul li::before {
    content: "▸";
    color: #0D5ED3;
    margin-right: 8px;
}

.pages .items.list ul li {
    padding: 10px 0;
    border-bottom: 1px solid #F2F4F7;
    transition: all 0.2s ease;
}

.pages .items.list ul li:last-child {
    border-bottom: none;
}

.pages .items.list ul li:hover {
    border-bottom-color: #0D5ED3;
}

/* ==========================================================
   REMOVE LINK UNDERLINE
   ========================================================== */

.pages .items.list ul li a,
.pages .items.list ul li a:hover,
.pages .items.list ul li a:focus,
.pages .items.list ul li a:active,
.pages .items.list ul li a:visited {
    text-decoration: none !important;
}

/* ==========================================================
   HERO DESCRIPTION
   ========================================================== */

.banner hgroup p {
    font-size: 16px;
    font-weight: 200;
    line-height: 1.7;
    max-width: 760px;
    margin: 16px auto 0;
    letter-spacing: 0;
}