:root {
    --primary-lc-color: #fe0002;
}

.primary-lc-text{
    color:var(--primary-lc-color);
}

.registration-text{
    font-weight: bolder;
    font-size: 20px;
    background-color:  var(--primary-lc-color);
    padding:4px 20px;
    border-radius: 7px;
    color: #fff;
}

.masthead{
    margin: 0 20px;
}

.payment-method:hover{
    filter: grayscale(50%);
    -webkit-filter: grayscale(50%);
    cursor: pointer;
}
.payment-method img{
    height: 100px;
}

.register header.masthead {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 4.5rem);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
.register header.masthead h1, header.masthead .h1 {
    font-size: 2.25rem;
}

body.luc-no-check-container {
    background-image: url("/frontend/images/main_banner.png") ;
    background-repeat: no-repeat;
}
.luc-no-check-container .main-container{
    margin-top: 5vh;
}

.luc-button{
    background-color: var(--primary-lc-color) !important;
    border-color: var(--primary-lc-color) !important;
    color: white;
    font-weight: 600;
}

.luc-button:hover{
    background-color: rgba(254, 0, 2, 0.6) !important;
    border-color: rgba(254, 0, 2, 0.6) !important;
    color: white;
    font-weight: 600;
}

.swal2-styled.swal2-confirm {
    background-color: var(--primary-lc-color) !important;
    border-color: var(--primary-lc-color) !important;
}

.swal2-styled.swal2-confirm:hover {
    background-color: rgba(254, 0, 2, 0.6) !important;
    border-color: rgba(254, 0, 2, 0.6) !important;
}

footer .footer-text-with-image{
    position: absolute !important;
    right: 0  !important;
    bottom: 0;
    margin-bottom: 10px !important;
}

footer.footer-text a{
    text-decoration: none;
    color: var(--primary-lc-color);
}

 .footer-text-index a{
    position: fixed;
    right: 0;
    bottom: 10px;
    margin-right: 10px;
    width: 325px;
    color: var(--primary-lc-color);
 }


.error{
    color: #dc3545;
}

img.partner-logo{
    max-width: 95vw;
}

@media (min-width: 992px) {
    .register header.masthead {
        height: 100vh;
        min-height: 40rem;
        padding-top: 1rem;
        padding-bottom: 0;
    }
    .register header.masthead p {
        font-size: 1.15rem;
    }
    .register header.masthead h1, header.masthead .h1 {
        font-size: 3rem;
    }
    .payment-method img{
        height: 100px;
    }

    .luc-no-check-container .main-container{
        margin-top: 10vh;
    }
}

@media (min-width: 1200px) {
    .register header.masthead h1, header.masthead .h1 {
        font-size: 3.5rem;
    }

    .payment-method img{
        height: 100px;
    }

    .luc-no-check-container .main-container{
        margin-top: 18vh;
    }
}