body {
    font-family: "Montserrat";
    font-size: 16px;
    color: white;
}

.body-below-nav {
    padding-top: 20vh;
}


a:hover { text-decoration: none; }

a:active { text-decoration: none; }


a {
    color: white;
    text-decoration: none;
}

a.white-background-blue-text {
    color: #022850;
    text-decoration: underline;
    text-decoration-color: #0069B5;
    text-underline-offset: 7px;
}

#header-nav {
   transition: background-color 0.25s;
}


.solid {
    background-color: #022850; 
  
  }

.transparent {
    background-color: transparent;
  }

.right-nav {
    justify-content: flex-end;
    flex-direction: column;
}



.find-an-event {
   
    height:100px;
    width: 62.5vw;
    background-color: #022850;
 
    
}

.get-team-trivia {
    background-color: #CB0827;
    
}

.hiring {
    background: url('assets/Group\ 106.png');
    height:100vh;

}

.footer-sec {
    background-color: #0069B5;
    position: sticky;
}

.blank-div {
          height: 100px;
}


a.links {
    color: white;
    text-decoration: none;
    
}


a.footer-links {
    font-weight: 500;
    font-size: 12px;
}

.nav-button {
    border-radius: 0px;
    border: 0px;
    font-size: 15px;
    margin: 6px;
    font-weight: 500;
}

.hero-unit {
    background: url('assets/shutterstock_2108478317.png');
    height:100vh;
    background-position: top;
    background-size: cover;
    background-color:grey;
    background-blend-mode: multiply;
    display: flex;
    justify-content: center;
    align-items: center;
 }


 .orange-text {
     color:#FF9300;
     
 }

.game-logos {
    background: url('assets/Group 106.png');
    height:100%;
    background-position:top;
    background-size: cover;
    mix-blend-mode: multiply;
    border: none;
}

.vertical-line {
    border-right: 4px solid white; 
    height: auto; 
    width: 0;
}

.horizontal-line {
    border-bottom: 4px solid white; 
    width: 100%; 
}

.blue-horizontal-line {
    border-bottom: 2px solid #0069B5; 
    width: 100%; 
}

.blank-vertical-line {
    border-bottom: 4px; 
    width: 100%; 
}


.blank-vertical-line {
    border-right: 4px; 
    height: auto; 
    width: 0;
}

.checkbox-image {
    height: 75px;
}

body {
    font-family: "Montserrat";
    font-size: 16px;
    color: white;
}

.body-below-nav {
    padding-top: 20vh;
}


a:hover { text-decoration: none; }

a:active { text-decoration: none; }


a {
    color: white;
    text-decoration: none;
}

a.white-background-blue-text {
    color: #022850;
    text-decoration: underline;
    text-decoration-color: #0069B5;
    text-underline-offset: 7px;
}

#header-nav {
   transition: background-color 0.25s;
}


.solid {
    background-color: #022850; 
  
  }

.transparent {
    background-color: transparent;
  }

.right-nav {
    justify-content: flex-end;
    flex-direction: column;
}



.find-an-event {
   
    height:100px;
    width: 62.5vw;
    background-color: #022850;
 
    
}

.get-team-trivia {
    background-color: #CB0827;
    
}

.hiring {
    background: url('assets/Group\ 106.png');
    height:100vh;

}

.footer-sec {
    background-color: #0069B5;
    position: sticky;
}

.blank-div {
          height: 100px;
}


a.links {
    color: white;
    text-decoration: none;
    
}


a.footer-links {
    font-weight: 500;
    font-size: 12px;
}

.nav-button {
    border-radius: 0px;
    border: 0px;
    font-size: 15px;
    margin: 6px;
    font-weight: 500;
}

.hero-unit {
    background: url('assets/shutterstock_2108478317.png');
    height:100vh;
    background-position: top;
    background-size: cover;
    background-color:grey;
    background-blend-mode: multiply;
    display: flex;
    justify-content: center;
    align-items: center;
 }


 .orange-text {
     color:#FF9300;
     
 }

.game-logos {
    background: url('assets/Group 106.png');
    height:100%;
    background-position:top;
    background-size: cover;
    mix-blend-mode: multiply;
    border: none;
}

.vertical-line {
    border-right: 4px solid white; 
    height: auto; 
    width: 0;
}

.horizontal-line {
    border-bottom: 4px solid white; 
    width: 100%; 
}

.blue-horizontal-line {
    border-bottom: 2px solid #0069B5; 
    width: 100%; 
}

.blank-vertical-line {
    border-bottom: 4px; 
    width: 100%; 
}


.blank-vertical-line {
    border-right: 4px; 
    height: auto; 
    width: 0;
}

.checkbox-image {
    height: 75px;
}

.host-image {

    /*height: 590px;
    width: 590px;*/
    top: -50px;
    left: -185px;
    position: absolute;
    
    }
    
    @media (max-width: 1400px) {
    
    .host-image {
    
    height: /*580px;
    width: 580px;*/
    top: -35px;
    left: -180px;
    position: absolute;
    
    }
    
    }

.menu-section {
  height: 50vh;
}

 .footer-website-url { 
    padding: 50px;
   
}

.blue-btn {
    background-color: #0069B5;
    border: none;
    border-radius: 0px;
    font-weight: 500;
}

.form-border {
    border-color: gray;

}

.transparent-div {
    height: 36vh;
    background-color: transparent;
}

.join-league {
    background-color: #022850;
}

.join-league-text {
    font-weight: 600;
}

.white-background-blue-text {
    background-color: white;
    color: #022850;
}

.leagues-header {
    font-size: 65px;
    font-weight: 700;
    color: #022850;
}

.league-blend-images {
    width: 1195px;
    height: 390px;
    background-image: 
        url('assets/Rectangle\ 48.svg'), 
        url('assets/shutterstock_1031029942\ brighter.png');
    background-blend-mode: multiply;
}


.league-blend-images-small {
    width: 585px;
    height: 427px;
    background-image: 
        url('assets/Rectangle\ 48.svg'), 
        url('assets/shutterstock_1031029942\ brighter.png');
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
}



.tt-rankings-blend-images {
    width: 585px;
    height: 427px;
    background-image: 
        url('assets/Rectangle\ 49.svg'), 
        url('assets/TeamTrivia_RockNRollSushi030223_25.png');
    background-blend-mode: multiply;
}

.national-rankings-blend-images {
    width: 585px;
    height: 427px;
    background-image: 
        url('assets/Rectangle\ 50.svg'),
        url('assets/TeamTrivia_RockNRollSushi030223_36.png');
    background-blend-mode: multiply;
}

.join-league-blend-images {
    width: 585px;
    height: 427px;
    background-image: 
        url('assets/Rectangle\ 51.svg'),
        url('assets/shutterstock_1415649206.png');
    background-blend-mode: multiply;
}

.about-leagues-blend-images {
    width: 585px;
    height: 427px;
    background-image: 
        url('assets/Rectangle\ 52.svg'),
        url('assets/IMG_8789.png');
    background-blend-mode: multiply;
}

.league-text {
    font-size: 59px;
    font-weight: 600;
}

.leagues-small-viewport-text {
    font-size: 11vw;
}

.locations-hero-image {
    background-image: url("assets/IMG_8843.png");
    border: none;
    height: 440px;
    background-size: cover;
}

.locations-hero-image-mobile {
    background-image: url("assets/mobile_get_team_trivia.png");
    border: none;
    height: 300px;
    background-size: cover;
}

.location {
    background-color: #022850; 
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    
}

.img-fill {
    flex: 1;
}

.location-image-div {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 /*ackground-color: white;*/
    background-color: lightslategrey;
 margin: 0.25rem;
    padding-left:10px;
    padding-right: 10px;
    max-width: 120px;
    max-height: 170px;
    width: 120px;
    height: 170px;
}

.location-image {
    /*background-color: white;*/
    background-color: lightslategrey;
    padding-top: 50%;
    padding-bottom: 50%;
   
}

.location-address {
    display: flex;
    flex-direction: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
    max-height:min-content;
    overflow: auto;
    margin-right: 1rem;
    margin-left: 1rem;
    width: 60%;
    float: left;
}

.location-game-times {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height:min-content;
    margin-right: 1rem;
   width: 40%;
    float: left;
}

/* The following 6 classes are how the game images replace the bullet points in the list items on the location page*/

.location-game-times-list {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    list-style-position: inside;
}

ul.location-game-times-list li::before {
    content: "";
    display: inline-block;
    width: 25px;  
    height: 25px; 
    margin-right: 5px;
    margin-bottom: 5px;
    background-size: contain; 
    background-repeat: no-repeat;  
    vertical-align: middle;
}

ul.location-game-times-list li {
    margin-bottom: 0.5rem;
}

ul.location-game-times-list li.team_trivia_bullet_point::before {
    content: url(assets/team_trivia_logo.png);
}

ul.location-game-times-list li.team_feud_bullet_point::before {
    content: url(assets/team_feud_logo.png);
}

ul.location-game-times-list li.soundcheck_bullet_point::before {
    content: url(assets/soundcheck_logo.png);
}

ul.hiring-checkmarks li::before {
    content: "";
    display: inline-block;
    width: 54px;  
    height: 54px; 
    margin-right: 5px;
    margin-bottom: 5px;
    background-size: contain; 
    background-repeat: no-repeat;  
    vertical-align: middle;
}

ul.hiring-checkmarks li.red_checkmark::before {
    content: normal;
    /* content: url(assets/red_checkmark.png); */
    width: 54px;  
    height: 54px;
}

@media (max-width: 768px) { 
    ul.hiring-checkmarks li::before {
       
        /* content: url(assets/red_checkmark.png); */
        width: 54px;  
        height: 54px;
    }

 }


ul.hiring-checkmarks li.yellow_checkmark::before {
    content: normal;
   /* content: url(assets/yellow_checkmark.png);  */
    width: 54px;  
    height: 54px;
}

ul.hiring-checkmarks li.green_checkmark::before {
    content: normal;
    /* content: url(assets/green_checkmark.png); */
    width: 54px;  
    height: 54px;
}



.join-the-trivia-fun {
    background-color: #8FBD28;
}

#where-to-play-btn {
    background-color: #FF9300;
  
}

#get-team-trivia-btn {
    background-color: #CB0827;
    
}

#team-lgn-btn {
    background-color: #0069B5;
}

#white-button {
    background-color: white;
    color: black;
    border: none;
    font-weight: 500;
    border-radius: 0px;
}

#find-an-event-button {
    height: 60px;
    width: 320px;
}

#playing-trivia-image {
    width: 100%; 
    height: 500px;
}


#time-to-get-team-trivia-button { 
    width: 350px;
    height: 59px;
}

#apply-now-button {
    width: 350px;
    height: 60px;
}

.answer-of-the-night-date {
    background-color: #0069B5;
    color:white;

}

.green-answer-text {
    color: #8FBD28;
}

.answer-of-the-night-date-p-bold {
    font-weight: 550;
}

.what-you-get-bold {
    font-weight: 550;
}

#join-league-footer {
    background-color: #022850;
}

#contact-form {
    color: #022850;
}

#comments-field {
    height: 60px;
}

#contact-submit-button {
   
    border: none;
    font-size: small; 
    border-radius: 0px;
    
}

#trivia-map {
    margin-top: -100px;
 }

 #private-events {
    
     height: 200vh;
     /*background-image:url(assets/logoCORP_TT.png),
     url(assets/Group\ 107.png);*/
     background-image:url(assets/private_events.jpg);
     background-repeat: no-repeat;
     background-position: center top, center bottom; 
     background-size: 100% 50%;
     border: none;
    
 }

 #live-event {
    background-image:url(assets/logoCORP_TT.png);
    height: 50vh;
    background-position:top;
    background-size: cover;
    mix-blend-mode: multiply;
    border: none;
 }

 #private-events-body {
     padding-top: 176px;
    
 }

 .form-rounded {
    border-radius: 3rem;
}

.btn-really-round {
    border-radius: 3rem;
}

#zipcode {
    height: 36px;
    font-size: 22px;
    font-weight: bold;
}

.get-team-trivia-background {
    
    height: 2300px;
    background-image:url(assets/IMG_8793.png), url(assets/Group\ 107.png);
    background-repeat: no-repeat;
    background-position: center top, center bottom; 
    background-size: 100% 30%, 100% 70%;
    border: none;
}

@media (max-width: 510px) {  
    .get-team-trivia-background {
        height: 2550px;  
    }
}


.we-work-with-div {
    background-color: #8FBD28;
    height: 100%;
}

ul.centered-bullet-list {
    list-style-type: disc !important;
    padding-left: 1em !important;
    
  }
li.centered-bullet-li {
  list-style-position: inside;
  }

.vertical-game-logos {
    background-image: 
        linear-gradient(to right, transparent 50%, transparent 50%),
        url('assets/team\ trivia\ pattern.png'),
        url('assets/team\ trivia\ pattern-1.png');
        background-repeat: no-repeat;
    background-position: 
      center center, 
      left center, 
      right center; 
    background-size: 
      100% 100%, 
      50% 100%, 
      50% 100%; 
    background-blend-mode: multiply;
}

.join-the-trivia-fun-homepage {
    height: 825px;
    background-image:url(assets/Group\ 114.png), url(assets/white\ background.png);
    background-repeat: no-repeat;
    background-position: center top, center bottom; 
    background-size: 100% 55%, 100% 45%;
    border: none;
}


@media (max-width: 768px) {  
    .join-the-trivia-fun-homepage {
        height: 100%;
        background-image:none;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        border: none;
    }
    
}


.join-league-blend-background {

    margin-top: 410px;
    background-image: 
        linear-gradient(to right, transparent 50%, transparent 50%),
        url('assets/team\ trivia\ pattern.png'),
        url('assets/team\ trivia\ pattern-1.png');
        background-repeat: no-repeat;
    background-position: 
      center center, 
      left center, 
      right center; 
    background-size: 
      100% 100%, 
      50% 100%, 
      50% 100%; 
    opacity: 100%;    
    background-blend-mode: multiply;
}

@media (max-width: 768px) {  
    .join-league-blend-background {

        margin-top: 0px;
        background-image: 
            linear-gradient(to right, transparent 50%, transparent 50%),
            url('assets/team\ trivia\ pattern.png'),
            url('assets/team\ trivia\ pattern-1.png');
            background-repeat: no-repeat;
        background-position: 
          center center, 
          left center, 
          right center; 
        background-size: 
          100% 100%, 
          50% 100%, 
          50% 100%; 
        opacity: 100%;    
        background-blend-mode: multiply;
    }
    
}


#iw_container .iw_title {
    font-size: 16px;
    font-weight: bold;
}
.iw_content {
    padding: 15px 15px 15px 0;
}

.menu-section {
  height: 50vh;
}

 .footer-website-url { 
    padding: 50px;
   
}

.blue-btn {
    background-color: #0069B5;
    border: none;
    border-radius: 0px;
    font-weight: 500;
}

.form-border {
    border-color: gray;

}

.transparent-div {
    height: 36vh;
    background-color: transparent;
}

.join-league {
    background-color: #022850;
}

.join-league-text {
    font-weight: 600;
}

.white-background-blue-text {
    background-color: white;
    color: #022850;
}

.leagues-header {
    font-size: 65px;
    font-weight: 700;
    color: #022850;
}

.league-blend-images {
    width: 1195px;
    height: 390px;
    background-image: 
        url('assets/Rectangle\ 48.svg'), 
        url('assets/shutterstock_1031029942\ brighter.png');
    background-blend-mode: multiply;
}


.league-blend-images-small {
    width: 585px;
    height: 427px;
    background-image: 
        url('assets/Rectangle\ 48.svg'), 
        url('assets/shutterstock_1031029942\ brighter.png');
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
}



.tt-rankings-blend-images {
    width: 585px;
    height: 427px;
    background-image: 
        url('assets/Rectangle\ 49.svg'), 
        url('assets/TeamTrivia_RockNRollSushi030223_25.png');
    background-blend-mode: multiply;
}

.national-rankings-blend-images {
    width: 585px;
    height: 427px;
    background-image: 
        url('assets/Rectangle\ 50.svg'),
        url('assets/TeamTrivia_RockNRollSushi030223_36.png');
    background-blend-mode: multiply;
}

.join-league-blend-images {
    width: 585px;
    height: 427px;
    background-image: 
        url('assets/Rectangle\ 51.svg'),
        url('assets/shutterstock_1415649206.png');
    background-blend-mode: multiply;
}

.about-leagues-blend-images {
    width: 585px;
    height: 427px;
    background-image: 
        url('assets/Rectangle\ 52.svg'),
        url('assets/IMG_8789.png');
    background-blend-mode: multiply;
}

.league-text {
    font-size: 59px;
    font-weight: 600;
}

.leagues-small-viewport-text {
    font-size: 11vw;
}

.locations-hero-image {
    background-image: url("assets/IMG_8843.png");
    border: none;
    height: 440px;
    background-size: cover;
}

.locations-hero-image-mobile {
    background-image: url("assets/mobile_get_team_trivia.png");
    border: none;
    height: 300px;
    background-size: cover;
}

.location {
    background-color: #022850; 
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    
}

.img-fill {
    flex: 1;
}

.location-image-div {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 /*ackground-color: white;*/
    background-color: lightslategrey;
 margin: 0.25rem;
    padding-left:10px;
    padding-right: 10px;
    max-width: 120px;
    max-height: 170px;
    width: 120px;
    height: 170px;
}

.location-image {
    /*background-color: white;*/
    background-color: lightslategrey;
    padding-top: 50%;
    padding-bottom: 50%;
   
}

.location-address {
    display: flex;
    flex-direction: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
    max-height:min-content;
    overflow: auto;
    margin-right: 1rem;
    margin-left: 1rem;
    width: 60%;
    float: left;
}

.location-game-times {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height:min-content;
    margin-right: 1rem;
   width: 40%;
    float: left;
}

/* The following 6 classes are how the game images replace the bullet points in the list items on the location page*/

.location-game-times-list {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    list-style-position: inside;
}

ul.location-game-times-list li::before {
    content: "";
    display: inline-block;
    width: 25px;  
    height: 25px; 
    margin-right: 5px;
    margin-bottom: 5px;
    background-size: contain; 
    background-repeat: no-repeat;  
    vertical-align: middle;
}

ul.location-game-times-list li {
    margin-bottom: 0.5rem;
}

ul.location-game-times-list li.team_trivia_bullet_point::before {
    content: url(assets/team_trivia_logo.png);
}

ul.location-game-times-list li.team_feud_bullet_point::before {
    content: url(assets/team_feud_logo.png);
}

ul.location-game-times-list li.soundcheck_bullet_point::before {
    content: url(assets/soundcheck_logo.png);
}

ul.hiring-checkmarks li::before {
    content: "";
    display: inline-block;
    width: 54px;  
    height: 54px; 
    margin-right: 5px;
    margin-bottom: 5px;
    background-size: contain; 
    background-repeat: no-repeat;  
    vertical-align: middle;
}




.join-the-trivia-fun {
    background-color: #8FBD28;
}

#where-to-play-btn {
    background-color: #FF9300;
  
}

#get-team-trivia-btn {
    background-color: #CB0827;
    
}

#team-lgn-btn {
    background-color: #0069B5;
}

#white-button {
    background-color: white;
    color: black;
    border: none;
    font-weight: 500;
    border-radius: 0px;
}

.answer-of-the-night-date {
    background-color: #0069B5;
    color:white;

}

.green-answer-text {
    color: #8FBD28;
}

.answer-of-the-night-date-p-bold {
    font-weight: 550;
}

.what-you-get-bold {
    font-weight: 550;
}

#join-league-footer {
    background-color: #022850;
}

#contact-form {
    color: #022850;
}

#comments-field {
    height: 60px;
}

#contact-submit-button {
   
    border: none;
    font-size: small; 
    border-radius: 0px;
    
}

#trivia-map {
    margin-top: -100px;
 }

 #private-events {
    
     height: 200vh;
     /*background-image:url(assets/logoCORP_TT.png),
     url(assets/Group\ 107.png);*/
     background-image:url(assets/private_events.jpg);
     background-repeat: no-repeat;
     background-position: center top, center bottom; 
     background-size: 100% 50%;
     border: none;
    
 }

 #live-event {
    background-image:url(assets/logoCORP_TT.png);
    height: 50vh;
    background-position:top;
    background-size: cover;
    mix-blend-mode: multiply;
    border: none;
 }

 #private-events-body {
     padding-top: 176px;
    
 }

 .form-rounded {
    border-radius: 3rem;
}

.btn-really-round {
    border-radius: 3rem;
}

#zipcode {
    height: 36px;
    font-size: 22px;
    font-weight: bold;
}

.get-team-trivia-background {
    
    height: 2300px;
    background-image:url(assets/IMG_8793.png), url(assets/Group\ 107.png);
    background-repeat: no-repeat;
    background-position: center top, center bottom; 
    background-size: 100% 30%, 100% 70%;
    border: none;
}

@media (max-width: 510px) {  
    .get-team-trivia-background {
        height: 2550px;  
    }
}


.we-work-with-div {
    background-color: #8FBD28;
    height: 100%;
}

ul.centered-bullet-list {
    list-style-type: disc !important;
    padding-left: 1em !important;
    
  }
li.centered-bullet-li {
  list-style-position: inside;
  }

.vertical-game-logos {
    background-image: 
        linear-gradient(to right, transparent 50%, transparent 50%),
        url('assets/team\ trivia\ pattern.png'),
        url('assets/team\ trivia\ pattern-1.png');
        background-repeat: no-repeat;
    background-position: 
      center center, 
      left center, 
      right center; 
    background-size: 
      100% 100%, 
      50% 100%, 
      50% 100%; 
    background-blend-mode: multiply;
}

.join-the-trivia-fun-homepage {
    height: 825px;
    background-image:url(assets/Group\ 114.png), url(assets/white\ background.png);
    background-repeat: no-repeat;
    background-position: center top, center bottom; 
    background-size: 100% 55%, 100% 45%;
    border: none;
}


@media (max-width: 768px) {  
    .join-the-trivia-fun-homepage {
        height: 100%;
        background-image:none;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        border: none;
    }
    
}


.join-league-blend-background {

    margin-top: 410px;
    background-image: 
        linear-gradient(to right, transparent 50%, transparent 50%),
        url('assets/team\ trivia\ pattern.png'),
        url('assets/team\ trivia\ pattern-1.png');
        background-repeat: no-repeat;
    background-position: 
      center center, 
      left center, 
      right center; 
    background-size: 
      100% 100%, 
      50% 100%, 
      50% 100%; 
    opacity: 100%;    
    background-blend-mode: multiply;
}

@media (max-width: 768px) {  
    .join-league-blend-background {

        margin-top: 0px;
        background-image: 
            linear-gradient(to right, transparent 50%, transparent 50%),
            url('assets/team\ trivia\ pattern.png'),
            url('assets/team\ trivia\ pattern-1.png');
            background-repeat: no-repeat;
        background-position: 
          center center, 
          left center, 
          right center; 
        background-size: 
          100% 100%, 
          50% 100%, 
          50% 100%; 
        opacity: 100%;    
        background-blend-mode: multiply;
    }
    
}

#map-with-locations {
    height: 800px;
    width: 100%;
}


#iw_container .iw_title {
    font-size: 16px;
    font-weight: bold;
}
.iw_content {
    padding: 15px 15px 15px 0;
}

select.form-control{
    -webkit-appearance: menulist!important;
    -moz-appearance: menulist!important;
    -ms-appearance: menulist!important;
    -o-appearance: menulist!important;
    appearance: menulist!important;
}