@font-face {
    font-family: 'knockout-93';
    src: url('../material/monotype_fonts/knockout, hoefler & co/knockout-93.ttf') format('truetype');
}
@font-face {
    font-family: 'knockout-53';
    src: url('../material/monotype_fonts/knockout, hoefler & co/knockout-53.ttf') format('truetype');
}
@font-face {
    font-family: 'knockout-33';
    src: url('../material/monotype_fonts/knockout, hoefler & co/knockout-33.ttf') format('truetype');
}
html {
  font-size: 14px;
}



.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: #6BCEF5;
    background-image: url('../material/notes-background-1080x1920.png');
    background-blend-mode: soft-light;
    margin: 0 auto;
}

.logoimg
{
    width:100%;

}
.lionelimg
{
    width:70%;

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

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

img.livenationlogoimg {
    width: 60%;
 
}

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

h1 {
    font-family: knockout-93;
    color: #04034f;
}

.bpcontent, .formpanel,h3,h4 {
    font-family: knockout-53;
    color: #04034f;
    
}
.bpcontent  {
        font-size: x-large;
 }
#infoSection h3 {
    font-size: 2.35rem;
}

p {
    font-family: knockout-33;
    color: #04034f;
    font-size: small;
    line-height: normal;
}
.bpcontent p {
    font-family: knockout-53;
    color: #04034f;
    font-size: x-large;
}



    .btn-primary {
        color: #fff;
        background-color: #ff61ba;
        border-color: #ff61ba;
        width: auto;
        font-weight: bolder;
        font-size: 2.5rem;
        text-transform: uppercase;
        font-family:knockout-53;
    }

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


.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-family: "knockout-53", sans-serif;
    font-size: 1.5vw;
    line-height: 1.5vw;
    max-height: 100%;
}

select#province {

     
}
.hideform{
    display:none;

}
label {
    font-size: 27px;
}
.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%;
}


/* 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%;
    }
    .logoimg {
        width: 100%;
    }

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

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


}