/*
    Page Style Guide
*/

/* Reset page styling */
* {
    padding: 0;
    border: 0;
    margin: 0;
}

/* Default page text styling */
* {
    color: #415A77;
    font-size: 4vw;
}

/* Header styling */
h1, h2, h3, h4 {
    text-align: center;
    color: #0D1B2A;
}

/* Gnome image */
img {
    width: 100%;
}

body > div {
    text-align: center;
    /*border: 1px groove rgba(0, 0, 0, 0.5);*/
    margin: 10px;
}

body > div > div {
    margin-top: 10px;
}

/* Page Titles */
h1 {
    font-size: 10vw;
}

h2 {
    font-size: 7vw;
}

h3 {
    font-size: 7vw;
}

h4 {
    font-size: 6vw;
}

/* DM Serif Font */
h1, .dm-serif-text-regular {
    font-family: "DM Serif Text", serif;
    font-weight: 400;
    font-style: normal;
}

.dm-serif-text-regular-italic {
    font-family: "DM Serif Text", serif;
    font-weight: 400;
    font-style: italic;
}

/* Red Hat Mono Font */
h2, h4, .montserrat {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

h3, .serif {
    font-family: "DM Serif Text", serif;
    font-weight: 400;
    font-style: normal;
}

/*
    Special Styling
*/
.red {
    color: red;
}

ul {
    list-style-type: none;
}

hr {
    height: 1px;
    color: black;
    background-color: black;
}

footer {
    text-align: center;
    margin: 10px 0px 10px 0px;
}

/*
    Test Code
*/

div > swiper-container {
    border-radius: 4vw;
}

swiper-container {
    text-align: center;
}

swiper-slide {
    background-color: rgb(240, 245, 255);
}

swiper-slide > * {
    padding: 10px;
    padding-top: 20px;
}

.LoanTypes {
    background-color: #e1edff;
    border-radius: 4vw;
    padding: 2vw;
    margin-top: 15vw;
}

.LoanTypes > ul * {
    font-size: 5vw;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

swiper-slide li {
    font-family: "Montserrat", sans-serif;
}

.Titles {
    margin-top: 15vw;
    margin-bottom: 10vw;
}

.Title2 {
    font-size: 8vw;
}