/* EGGSTRADER COLORS */
:root {
    --et-yellow: #FFF100;
    --et-orange: #F6921E;
    --et-red: #EC1C24;
    --et-purple: #652D90;
    --et-pink: #EB008B;
    --et-light-blue: #00ADEE;
    --et-dark-blue: #1C3557;
    --et-dark-green: #006838;
    --et-light-green: #9AC43D;
}
/* /EGGSTRADER COLORS */

/* GRID */
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1330px;
    }
}

@media (min-width: 1600px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1540px;
    }
}

/* TEXT */
@media (min-width: 992px) {
    .display-lg-0 {
        font-size: 10rem;
        font-weight: 300;
        line-height: 1;
    }

    .display-lg-1 {
        font-size: 6rem;
        font-weight: 300;
        line-height: 1;
    }

    .display-lg-2 {
        font-size: 4rem;
        font-weight: 300;
        line-height: 1;
    }

    .display-lg-3 {
        font-size: 4.5rem;
        font-weight: 300;
        line-height: 1;
    }

    .display-lg-4 {
        font-size: 3.5rem;
        font-weight: 300;
        line-height: 1.2;
    }

}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn.btn-link {
    text-underline: none;
}

.btn.btn-link:focus {
    outline: 0;
    box-shadow: none;
}

.btn:hover {
    color: #212529;
    text-decoration: none;
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-success {
    color: #fff;
    background-color: var(--et-light-green);
    border-color: var(--et-light-green);
}

.btn-success:hover {
    color: #fff;
    background-color: var(--et-light-green);
    border-color: var(--et-light-green);
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: var(--et-light-green);
    border-color: var(--et-light-green);
}

.btn-et-dark-green {
    color: #fff;
    background-color: var(--et-dark-green);
    border-color: var(--et-dark-green);
}

.btn-et-dark-green:hover {
    color: #fff;
    background-color: var(--et-dark-green);
    border-color: var(--et-dark-green);
}

.btn-et-dark-green:focus, .btn-et-dark-green.focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-et-dark-green.disabled, .btn-et-dark-green:disabled {
    color: #fff;
    background-color: var(--et-dark-green);
    border-color: var(--et-dark-green);
}

.btn-outline-et-orange {
    color: var(--et-orange);
    border: 3px solid var(--et-orange);
}

.btn-outline-et-orange:hover {
    color: #fff;
    background-color: var(--et-orange);
    border: 3px solid var(--et-orange);
}

.btn-outline-et-orange:focus, .btn-outline-et-orange.focus {
    box-shadow: 0 0 0 0.2rem rgba(246, 146, 30, 0.2);
}

.btn-outline-et-orange.disabled, .btn-outline-et-orange:disabled {
    color: #333;
    background-color: transparent;
}

.btn-outline-et-pink {
    color: var(--et-pink);
    border: 3px solid var(--et-pink);
}

.btn-outline-et-pink:hover {
    color: #fff;
    background-color: var(--et-pink);
    border: 3px solid var(--et-pink);
}

.btn-outline-et-pink:focus, .btn-outline-et-pink.focus {
    box-shadow: 0 0 0 0.2rem rgba(246, 146, 30, 0.2);
}

.btn-outline-et-pink.disabled, .btn-outline-et-pink:disabled {
    color: #333;
    background-color: transparent;
}

.btn-outline-et-light-green {
    color: var(--et-light-green);
    border: 3px solid var(--et-light-green);
}

.btn-outline-et-light-green:hover {
    color: #fff;
    background-color: var(--et-light-green);
    border: 3px solid var(--et-light-green);
}

.btn-outline-et-light-green:focus, .btn-outline-et-light-green.focus {
    box-shadow: 0 0 0 0.2rem rgba(246, 146, 30, 0.2);
}

.btn-outline-et-light-green.disabled, .btn-outline-et-light-green:disabled {
    color: #333;
    background-color: transparent;
}

.btn-outline-et-purple {
    color: var(--et-purple);
    border: 3px solid var(--et-purple);
}

.btn-outline-et-purple:hover {
    color: #fff;
    background-color: var(--et-purple);
    border: 3px solid var(--et-purple);
}

.btn-outline-et-light-green:focus, .btn-outline-et-light-green.focus {
    box-shadow: 0 0 0 0.2rem rgba(246, 146, 30, 0.2);
}

.btn-outline-et-light-green.disabled, .btn-outline-et-light-green:disabled {
    color: #333;
    background-color: transparent;
}

.btn-outline-et-yellow {
    color: var(--et-yellow);
    border: 3px solid var(--et-yellow);
}

.btn-outline-et-yellow:hover {
    color: #333;
    background-color: var(--et-yellow);
    border: 3px solid var(--et-yellow);
}

.btn-outline-et-yellow:focus, .btn-outline-et-yellow.focus {
    box-shadow: 0 0 0 0.2rem rgba(246, 146, 30, 0.2);
}

.btn-outline-et-yellow.disabled, .btn-outline-et-yellow:disabled {
    color: #333;
    background-color: transparent;
}

.btn-outline-et-dark-blue {
    color: var(--et-dark-blue);
    border: 3px solid var(--et-dark-blue);
}

.btn-outline-et-dark-blue:hover {
    color: #fff;
    background-color: var(--et-dark-blue);
    border: 3px solid var(--et-dark-blue);
}

.btn-outline-et-dark-green {
    color: var(--et-dark-green);
    border: 3px solid var(--et-dark-green);
}

.btn-outline-et-dark-green:hover {
    color: #fff;
    background-color: var(--et-dark-green);
    border: 3px solid var(--et-dark-green);
}

.btn-outline-et-dark-blue:focus, .btn-outline-et-dark-blue.focus {
    box-shadow: 0 0 0 0.2rem rgba(246, 146, 30, 0.2);
}

.btn-outline-et-dark-blue.disabled, .btn-outline-et-dark-blue:disabled {
    color: #333;
    background-color: transparent;
}

.badge-et-primary {
    color: var(--et-light-blue);
    background-color: #fff;
    font-weight: bold;
    padding: 7px;
    border-radius: 50px;
}

a.badge-et-primary:hover, a.badge-et-primary:focus {
    color: var(--et-light-blue);
    background-color: #fff;
}

a.badge-et-primary:focus, a.badge-et-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

/* SIZING UTILITIES */
.mvh-50 {
    min-height: 50vh!important;
}

.mvh-75 {
    min-height: 75vh!important;
}

.mvh-80 {
    min-height: 80vh!important;
}

.mvh-100 {
    min-height: 100vh!important;
}

.p-6 {
    padding: 10rem !important;
}

.pt-6,
.py-6 {
    padding-top: 10rem !important;
}

.pr-6,
.px-6 {
    padding-right: 10rem !important;
}

.pb-6,
.py-6 {
    padding-bottom: 10rem !important;
}

.pl-6,
.px-6 {
    padding-left: 10rem !important;
}

/* NAVBAR */
nav.navbar .navbar-brand img {
    max-width: 100px;
}

.text-et-dark-blue {
    color: var(--et-dark-blue)
}