@font-face {
    font-family: 'knockout-53heviweight';
    src: url('../material/fonts/knockout-53heviweight.otf') format('opentype');
}

/* Large all-around black shadow utility */
.shadow-lg-custom {
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.5) !important;
}
html {
  font-size: 14px;
}

.logoimg {
    width: 35%;
    height: auto;
}
.logolivenationCanada {
    width: 23%;
    height: auto;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    max-width: 1600px;
    background-color: #04034F;
   /* background-blend-mode: soft-light;*/
    margin: 0 auto;
    font-family: 'knockout-53heviweight', sans-serif;
}


.lionelimg {
    width: 30%;
  
}

#checkageprovincesection .lionelimg, #thankyousection .lionelimg {
    width: 19%;
}

.logo {
  /*  margin-bottom: 4rem !important;*/
}

img.livenationlogoimg {
    width: 60%;
 
}

#checkageprovincesection img.livenationlogoimg, #thankyousection img.livenationlogoimg {
    width: 35%;
}

h1 {

    color: #fff;
}

.bpcontent, .formpanel, h3, h4 {
  
    color: #fff;
}
.bpcontent  {
        font-size: x-large;
 }
#infoSection h3 {
    font-size: 1.43rem;
}

p {
   
    color: #fff;
    font-size: small;
    line-height: normal;
}
.bpcontent p {
   
    color: #fff;
    font-size: x-large;
}



.btn-primary {
    color: #fff;
    background-color: #E31E38;
    border-color: #E31E38;
    width: auto;
    font-weight: bolder;
    font-size: 2.5rem;
    text-transform: uppercase;

}

    .btn-primary:hover {
        color: #fff;
        background-color: #E31E38;
        border-color: #E31E38;
    }


.form-control {
  
    background-color: #fff56d;
}
.form-check-input {
    width: 1.5em;
    height: 1.5em;
}

.verification-form-text {
    color: #04034f;
    text-align: center;
    padding-bottom: 2%;

    font-size: 1.5vw;
    line-height: 1.5vw;
    max-height: 100%;
}

select#province {

     
}
.hideform{
    display:none;

}
label {
    font-size: 1.43rem;
}
.invalid-tooltip
{ position:relative ;
  font-size:1rem;
  display: inline;


}

.list-unstyled {
    padding-left: 22px;
    list-style: disc;
}

.image-container {
    display: flex;
    flex-direction: column;
    align-items: center; /* Optional: centers the images horizontally */
}
.row {
    justify-content: center;
}
.row select{
    width:90%;
}
.row #StoreNumber {
        width: 100%;
    }

h1.logoContent {
    font-size: 3.4rem;
}

.mandatory {
    color: red;
}


/* this is for mobile design*/
@media only screen and (max-width: 576px) {
    h1 {font-size:initial;

    }

    .verification-form-text {
 
        font-size: 4vw;
        line-height:4vw;
    
    }
    label {
        font-size: 1.2rem;
    }
    #infoSection label {
        font-size: 0.7rem;
    }
    .logo {
        margin-bottom: 1rem !important;
    }



    #infoSection h3 {
        font-size: 1.5rem;
    }

    .bpcontent {
        font-size: small;
    }

    .bpcontent p {
            font-size: medium;
     }

    #checkageprovincesection .lionelimg, #thankyousection .lionelimg {
        width: 76%;
    }

  

      .btn-primary {
  
        font-weight: bolder;
        font-size: initial;
        text-transform: uppercase;
    }

    #checkageprovincesection img.livenationlogoimg, #thankyousection img.livenationlogoimg {
        width: 65%;
    }

    .logoimg {
        width: 45%;
        height: auto;
    }

    .logolivenationCanada {
        width: 55%;
        height: auto;
    }

    .btn-xl-mobile {
        font-size: 2rem;
        padding: 1rem 2rem;
        width: 70%;
        min-width: 220px;
    }


}