/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
    padding-top: 4rem;
    padding-bottom: 3rem;
    color: #5a5a5a;
    font-family: 'TradeGothic', sans-serif;
}

a {
    color: #000000;
}

a:hover {
    color: #666666;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
    margin-bottom: 2rem;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 2rem;
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
    height: 32rem;
}

.carousel-item > img {
    height: 100%;
    width: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    object-fit: cover;
}

/* FORM SIGNIN
-------------------------------------------------- */

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

.form-signin .checkbox {
    font-weight: 400;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }
}

@font-face {
    font-family: 'TradeGothic';
    src: url(/fonts/TradeGothicNextLTW05-Rg.woff2) format("woff2"), url(/fonts/TradeGothicNextLTW05-Rg.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: 'TradeGothicCond';
    src: url(/fonts/TradeGothicNextLTW05-Cond.woff2) format("woff2"), url(/fonts/TradeGothicNextLTW05-Cond.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: 'TradeGothicBold';
    src: url(/fonts/TradeGothicNextLTW05-BoldCn.woff2) format("woff2"), url(/fonts/TradeGothicNextLTW05-BoldCn.woff) format("woff");
    font-display: swap
}