/* include webfont kit */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 10, 2021 */
@font-face {
    font-family: 'broadwayregular';
    src: url('/webfontkit/broadway-webfont.woff2') format('woff2'),
         url('/webfontkit/broadway-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'carnival_centenaryregular';
    src: url('/webfontkit/carnivalcentenary-92a2-webfont.woff2') format('woff2'),
         url('/webfontkit/carnivalcentenary-92a2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'hangar_nineregular';
    src: url('/webfontkit/hangarnine-ew1e-webfont.woff2') format('woff2'),
         url('/webfontkit/hangarnine-ew1e-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'moulinrougeflfregular';
    src: url('/webfontkit/moulinrougeflf-alwa-webfont.woff2') format('woff2'),
         url('/webfontkit/moulinrougeflf-alwa-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'r1999regular';
    src: url('/webfontkit/r1999-gwxr-webfont.woff2') format('woff2'),
         url('/webfontkit/r1999-gwxr-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'laconicaregular';
    src: url('/webfontkit/laconicaregular-djv1-webfont.woff2') format('woff2'),
        url('/webfontkit/laconicaregular-djv1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'showtimenormal';
    src: url('/webfontkit/showtime-r9ke-webfont.woff2') format('woff2'),
        url('/webfontkit/showtime-r9ke-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'emerald_greyregular';
    src: url('/webfontkit/emeraldgrey-dxxw-webfont.woff2') format('woff2'),
        url('/webfontkit/emeraldgrey-dxxw-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'style_thiefregular';
    src: url('/webfontkit/stylethief-mz6w-webfont.woff2') format('woff2'),
        url('/webfontkit/stylethief-mz6w-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'reach_the_endregular';
    src: url('/webfontkit/reachtheend-xmz2-webfont.woff2') format('woff2'),
        url('/webfontkit/reachtheend-xmz2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'midnight_championregular';
    src: url('/webfontkit/midnightchampion-rjve-webfont.woff2') format('woff2'),
        url('/webfontkit/midnightchampion-rjve-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'inepticregular';
    src: url('/webfontkit/ineptic-vpy7-webfont.woff2') format('woff2'),
        url('/webfontkit/ineptic-vpy7-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'great_attractionregular';
    src: url('/webfontkit/greatattraction-l1jw-webfont.woff2') format('woff2'),
        url('/webfontkit/greatattraction-l1jw-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'joyful_theatreregular';
    src: url('/webfontkit/joyfultheatre-odle-webfont.woff2') format('woff2'),
        url('/webfontkit/joyfultheatre-odle-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'movie_timesregular';
    src: url('/webfontkit/movietimes-pg61-webfont.woff2') format('woff2'),
        url('/webfontkit/movietimes-pg61-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'riemann_theatreregular';
    src: url('/webfontkit/riemanntheatre-gng5-webfont.woff2') format('woff2'),
        url('/webfontkit/riemanntheatre-gng5-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'limelightregular';
    src: url('/webfontkit/limelight-regular-webfont.woff2') format('woff2'),
        url('/webfontkit/limelight-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'montserratthin';
    src: url('/webfontkit/montserrat-variablefont_wght-webfont.woff2') format('woff2'),
         url('/webfontkit/montserrat-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

  }

  @font-face {
    font-family: 'open_sansregular';
    src: url('/webfontkit/opensans-variablefont_wdthwght-webfont.woff2') format('woff2'),
         url('/webfontkit/opensans-variablefont_wdthwght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }

/* custom styling for all FA icons  */
i.fas,
i.fal,
i.fab {
    font-size: 24px;
}

#rcorners-e {
  margin: 10px;
  border-radius: 25px;
  border-color: #0c0e16;
  background: #301b1b;
  padding: 20px;
  width: 95%;
  height: 150px;
}

#rcorners {
  margin: 10px;
  border-radius: 25px;
  border-color: #0c0e16;
  background: #1b1f30;
  padding: 20px;
  width: 100%;
  height: 150px;
}

#rcorners-u {
  margin: 10px;
  border-radius: 25px;
  border-color: #0c0e16;
  background: #1b1f30;
  padding: 20px;
  width: 95%;
  height: 100px;
}

#message {
  color: goldenrod;
  font-weight: bolder;
  font-size:x-large;
}

.fal {
  float: right;
}

.hr {
  color: #bcd0f7;
}

.panel-title > a.collapsed {
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: 400;
  color: #bcd0f7;
}

.panel-title > a {
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: 400;
  color: lightgoldenrodyellow;
}


.panel-title > a:hover {
  color: #ebf0fa;
}

.breadcrumb {
    background: #1c2133;
}

/* .d-block {
    text-decoration: underline;
} */

span.menu {
    padding-left: 12px;
    vertical-align: top;
}

body{margin-top:20px;
    color: #bcd0f7;
        background: #18180d;
    }
    .account-settings .user-profile {
        margin: 0 0 1rem 0;
        padding-bottom: 1rem;
        text-align: center;
    }
    .account-settings .user-profile .user-avatar {
        margin: 0 0 1rem 0;
    }
    .account-settings .user-profile .user-avatar img {
        width: 90px;
        height: 90px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
    }
    .account-settings .user-profile h5.user-name {
        margin: 0 0 0.5rem 0;
    }
    .account-settings .user-profile h6.user-email {
        margin: 0;
        font-size: 0.8rem;
        font-weight: 400;
    }
    .account-settings .about {
        margin: 1rem 0 0 0;
        font-size: 0.8rem;
        text-align: center;
    }
    .card {
        background: #1c2133;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 0;
        margin-bottom: 1rem;
    }
    .form-control {
        border: 1px solid #596280;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        font-size: .825rem;
        background: #0d111d;
        color: #bcd0f7;
    }

    .colSample {
      margin-bottom: 10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border: 0;
    }

    .small {
      font-size: x-small;
    }

    #triviaCategories {
      /* height: 500px; */
      padding: .375rem 1.75rem .375rem .75rem;
      font-size: 1.1rem;
      font-weight: 400;
      line-height: 1.5;
      vertical-align: middle;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }

    .checkbox-menu li label {
      display: block;
      padding: 3px 10px;
      clear: both;
      font-weight: normal;
      line-height: 1.42857143;
      color: #333;
      white-space: nowrap;
      margin:0;
      transition: background-color .4s ease;
    }

    .dropdown-menu {
      background-color: rgb(178, 178, 218);
    }

    .checkbox-menu li input {
        margin: 0px 5px;
        top: 2px;
        position: relative;
    }
  
    .checkbox-menu li.active label {
        background-color: #cbcbff;
        font-weight:bold;
    }
  
    .checkbox-menu li label:hover,
    .checkbox-menu li label:focus {
        background-color: #f5f5f5;
    }
  
    .checkbox-menu li.active label:hover,
    .checkbox-menu li.active label:focus {
        background-color: #b8b8ff;
    }

    .categoryTitle {
      font-weight: bold;
      font-size: large;
    }

    .general > a {
      text-decoration: none;
      font-size: 1.1rem;
      font-weight: 400;
      color: lightblue;
      font-style: italic;
    }
    
    
    .general > a:hover {
      color: #ebf0fa;
    }