@font-face {
    font-family: 'PoppinsLocal';
    src: url('../webfonts/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PoppinsLocal';
    src: url('../webfonts/Poppins-Medium.ttf');
    font-weight: 500;
    font-style: normal;
}

:root {
    --bs-primary-rgb: 75, 98, 160;
}

html,
body {
    font-family: 'PoppinsLocal', 'Poppins', 'Roboto Black', 'DM Sans', 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
}

body {
    background-color: #ebebeb;
}

/*@media only screen and (max-width: 900px) {
    body {
        background-color: #427C55;
    }
}*/

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.hidden {
    visibility: hidden;
    opacity: 0;
    max-height: 0 !important;
    margin: 0;
    padding: 0;
    transition: visibility 0s 0.2s, opacity 0.2s linear;
}

.no-display {
    display: none !important;
}

.visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s linear;
}

.overlay {
    min-height: 100vh;
    height: 100%;
    background-color: #427C55;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: center;
}

.content {
    text-align: center;

    background-color: #ebebeb;
    min-height: 100vh;

    padding-bottom: 100px;

}

@media only screen and (min-width: 900px) {
    .content {
        margin-left: 20%;
        margin-right: 20%;
    }

    .carousel,
    .carousel-inner,
    .carousel-item {
        border-radius: var(--bs-border-radius);
    }

    .carousel {
        margin-top: 10px
    }
}


/* --- HOME PAGE --- */

#install-button {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #427C55;
    background-image: url('../img/companionLogoTransp.webp');
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 10rem;
}

#onerepmax-home-button {
    background-color: #5F3B72;
}

#platecalc-home-button {
    background-color: #3f7952;
}

#relstrength-home-button {
    background-color: #3A5BA3;
}

#converter-home-button {
    background-color: #3a8a87;
}

#resources-home-button {
    background-color: #475f78;
}


/* --- Carousel --- */


#notice-easylifterinsta {
    background-image: url('../img/easylifterinsta_low.webp');
    background-size: cover;
    height: 100%;
    padding-top: 1.5rem;
}

#notice-easylifterref {
    background-image: url('../img/easylifterref_low.webp');
    background-size: cover;
    background-position: center bottom;
    height: 100%;
    padding-top: 1.5rem;
}


#top-carousel {
    height: 7rem;
}

.carousel-inner,
.carousel-item {
    height: 100%;
}

.carousel-item {
    cursor: pointer;
}

.card {
    margin-bottom: 10px;
}


.radio-label {
    pointer-events: none;
    background-color: var(--bs-tertiary-bg);
}


#barbellView {
    white-space: nowrap;
}

#barbellView button {
    display: inline-block;
    pointer-events: none;
}

#barbell-view-wrapper {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 10px;
}


.settings-section {
    margin-top: 50px
}

#onerepmax-formulas {
    margin-top: 20px
}

/* --- PlateCalc module --- */

#platecalc-available {
    margin-top: 20px;
}


/* --- RelStrength module --- */

#relstrength .btn-group {
    margin-bottom: 10px;
}

/* --- CoachAttempts module --- */

#coachattempts th {
    min-width: 100px
}

/* --- Resources module --- */

#resources>div>div>div>a:nth-child(odd)>div {
    background-color: #3d578f;
}

#resources>div>div>div>a:nth-child(even)>div {
    background-color: #475f78;
}