/* start of margins for the Club page */

.marginbottom-trophiegrid {
    margin-bottom: 48px;
}

.marginbottom-trophiesc {
    margin-bottom: 55px;
}

.marginbottom-clubbreaker {
    margin-bottom: 70px;
}

.marginbottom-video {
    margin-bottom: 60px;
}

.marginbottom-stadiumsc {
    margin-bottom: 70px;
}

.marginbottom-seatsic {
    margin-bottom: 68px;
}

.marginbottom-cathedralsc {
    margin-bottom: 40px;
}

.marginbottom-customcomponent {
    margin-bottom: 65px;
}

.marginbottom-stadiumbreaker {
    margin-bottom: 40px;
}

.marginbottom-keymessage {
    margin-bottom: 100px !important;
}

.marginbottom-eagle {
    margin-bottom: 58px;
}

.marginbottom-contact {
    margin-bottom: 65px;
}


/* component page-specific */
.keymessage-wrapper .information-wrapper .title-wrapper {
    margin-bottom: 5px;
}

.club-trophiesc {
    min-height: calc((280 / 345) * 92vw);
}

.clubbreaker img,
.clubbreaker video {
    max-width: calc((345 / 375) * 100vw);
}

.stadiumbreaker img,
.stadiumbreaker video {
    max-width: 100%;
}

.club-cathedralsc {
    min-height: 102vw;
    margin-top: 39.8px;
}

.club-cathedralsc .description-wrapper {
    text-align: left !important;
}

.club-cathedralsc .description-wrapper .text-size-20 {
    font-size: 40px !important;
}

.club-cathedralsc .description-wrapper .text-lineheight-35 {
    line-height: 50px !important;
}

.club-cathedralsc .icon-class {
    width: 61.3vw;
}

.club-eaglesc {
    min-height: calc((230 / 345) * 92vw);
    width: 92vw;
    align-self: center;
}

.club-contactsc {
    min-height: calc((300 / 345) * 92vw);
}

/* end of components */

@media (min-width: 768px) {
    /* start of margins for the Club page */

    .marginbottom-trophiegrid {
        margin-bottom: 133px;
    }

    .marginbottom-trophiesc {
        margin-bottom: 40px;
    }

    .marginbottom-clubbreaker {
        margin-bottom: 120px;
    }

    .marginbottom-video {
        margin-bottom: 80.9px;
    }

    .marginbottom-stadiumsc {
        margin-bottom: 90px;
    }

    .marginbottom-seatsic {
        margin-bottom: 76.3px;
    }

    .marginbottom-negative {
        margin-bottom: -73px;
    }

    .marginbottom-cathedralsc {
        margin-bottom: calc((-80 / 1366) * 100vw);
    }

    .marginbottom-customcomponent {
        margin-bottom: calc((((133 - (420 + 40)) / 1366) * 100vw) + 31.2px);
    }

    .marginbottom-keymessage {
        margin-bottom: 195px !important;
    }

    .marginbottom-stadiumbreaker {
        margin-bottom: 40px;
    }

    .marginbottom-eagle {
        margin-bottom: 77.8px;
    }

    .marginbottom-contact {
        margin-bottom: 80px;
    }

    /* end of margins */

    /* specific components adjustments */
    .keymessage-wrapper {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 0 4.6vw 0 0 !important;
    }

    .keymessage-wrapper .information-wrapper .title-wrapper {
        margin-bottom: 5px !important;
    }

    .club-trophiesc {
        min-height: calc((280.04 / 1366) * 100vw);
    }

    .club-trophiesc .description {
        max-width: calc((695 / 1366) * 100vw);
    }

    .clubbreaker img,
    .clubbreaker video {
        max-width: calc((1144 / 1366) * 100vw);
    }

    .stadiumbreaker {
        max-width: calc((707 / 1366) * 100vw);
    }
    .stadiumbreaker img {
        width: 100%;
        height: auto;
    }

    .club-stadiumsc .description-wrapper {
        max-width: calc((739 / 1366) * 100vw) !important;
    }

    .club-stadium-breaker {
        width: calc((707 / 1366) * 100vw);
    }

    .club-cathedralsc {
        min-height: calc((467 / 1366) * 100vw);
        margin-top: 0;
        z-index: 1;
        overflow: visible !important;
    }

    .club-cathedralsc .description-wrapper {
        width: 52.27vw !important;
        margin-left: -15vw;
    }

    .club-cathedralsc .description-wrapper .text-size-20 {
        font-weight: 300;
        font-size: calc((19 / 768) * 100vw) !important;
    }

    .club-cathedralsc .icon-class {
        width: 20.5vw;
        margin: 0;
        padding: 0;
        left: 6.35vw;
        bottom: 90px;
    }

    .club-eaglesc {
        min-height: calc((326.79 / 1366) * 100vw);
        width: 100vw;
    }

    .club-eaglesc .icon-class {
        max-width: unset;
    }

    .club-eaglesc .title-wrapper {
        padding-top: calc((20 / 1366) * 100vw);
    }

    .club-contactsc {
        min-height: 297.36px;
        margin-top: 0;
    }

}

@media (min-width: 992px) {
    .club-cathedralsc .description-wrapper .text-size-20 {
        font-size: 40px !important;
    }
}