@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;900&family=Roboto:wght@300;400;500;700&display=swap');

html {
    font-size: 1.25em;
}

.lpgaDesignBg {
    background: url('../images/background.png');
    background-repeat: repeat;
}

/* ========================== Chevron Styling ============================ */
.chevronFontSize {
    font-size: 0.75rem;
}

.chevronHeadingSize {
    font-size: 0.85rem
}

.fontWeight400 {
    font-weight: 400;
}

.fontWeight600 {
    font-weight: 600;
}

.chevronGreyBg {
    background: rgb(237, 237, 238);
}

.chevronBlue {
    color: rgb(11, 45, 113);
}

.chevronBlueBg {
    background: rgb(11, 45, 113);
}

.dkGreyFont {
    color: rgb(87, 87, 86);
}

.dkGreyBorder {
    border-color: rgb(87, 87, 86);
}

.greenLink, .greenLink:visited {
    color: #519c1f;
}

    .greenLink:hover, .greenLink:active {
        color: #519c1f;
        text-decoration: underline;
    }

.greenBg {
    background: #519c1f;
}

.ltBlueLink, .ltBlueLink:visited {
    color: #6dc5fb;
}

    .ltBlueLink:hover, .ltBlueLink:active {
        color: #6dc5fb;
        text-decoration: underline;
    }

/* Form Labels, button text */
.montserrat {
    font-family: "Montserrat", "Roboto", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

.roboto {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}
/* ============================== LPGA Syling ============================= */
.lpgaBlue {
    color: #005288;
}

.lpgaBlueBg {
    background: #005288;
}

.lpgaDkBlueBg {
    background: #002653;
}
/* ======================================================================== */

.border-radius-none {
    border-radius: 0;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

.arrowsBg {
    background-image: url("../images/BrazeSignup_background.png");
    background-repeat: no-repeat;
    /*background-size: auto 100%;*/
    background-position: center center;
}



.cursorPointer:hover {
    cursor: pointer;
}

/* ====== Form Elements ====== */
input[type="checkbox"]:checked {
    background: #012239;
}

/* ====== Colors ====== */
.dkBlue {
    color: #012239;
}

#mainContainer {
    min-height: 100vh;
    padding-bottom: 90px;
}

#headerNav,
footer .container {
    max-width: 1220px;
}

.nowrap-wrapper {
    white-space: nowrap;
}


/*========= Widths ==========*/
.width90percent {
    width: 90%;
}

/* ======= Max Widths ======== */
.max-width200px {
    max-width: 200px;
}

.max-width400px {
    max-width: 400px;
}

.max-width500px {
    max-width: 500px;
}

.max-width800px {
    max-width: 800px;
}

.max-width1000px {
    max-width: 1000px;
}

.max-width1050px {
    max-width: 1050px;
}

/* ============== Animation ============= */
/* --- Spinner --- */
@keyframes spin {
    0% {
        transform: scaleX(-1) rotate(0deg);
    }

    100% {
        transform: scaleX(-1) rotate(-360deg);
    }
}

.spinner {
    animation: spin 2s linear infinite;
    font-size: 3em;
    transform: scaleX(-1);
}

/* ============= Media Queries ========== */
@media (max-width: 768px) {
    html {
        font-size: 1em;
    }

    .form-check-label {
        font-size: 1em;
    }
}

/* ====== Overrides ====== */
.material-icons {
    font-size: 1em;
}

.text-danger {
    font-weight: 500;
}