/* CSS Document */

/*
@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
*/
:root {
  --bulb-color:              #5536AC;
  --main-page-bulb-color:    #0F0F0F;
  --bulbMed-color:           #5536CF;
  --bulbLgt-color:           #5536FF;
  --ray-color:               #F7C217;
  --body-color:         var(--white);
  --heading-color:      var(--body-color);
  --footer-color:       var(--body-color);
  --new-link-event-color:    #7F0000;

  --font-family-sans-serif: "Gill Sans", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, 
      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 
      monospace;
  --font-family-serif: Optima, Candara, Garamond, Geneva, Georgia, "Times New Roman", Times, serif;
}

body {
  font-family: var(--font-family-serif);
  font-size: 1.5rem;                      /* gNote: overall font-size */
  line-height: 1;                         /* gNote: overall line-height spacing */
  color: var(--body-color);
  background-color: var(--bulb-color);    /* gNote: overall background-color */
}

.firstPage {
  background-color: var(--main-page-bulb-color);
}

.banner {
  border: 5px solid white;
  font-size: 7rem;
  font-style: normal;
  color: white;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.;
}

h1, .h1 {
  font-size: 2rem;
  font-family: var(--font-family-sans-serif)
}

.btn-primary {
  background-color: white;
  border-color: white;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: var(--orange);   /* gNote: Testing Purposes */
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--orange);              /* gNote: Testing Purposes */
}

.navbar {
  font-family: var(--font-family-sans-serif);
  text-align: right;
  line-height: 0.75;
  padding: 0.25rem 0.5rem;
}

/*
.navbar-light .navbar-toggler-icon {     /* gNote: Hamburger Button */ /*
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-toggler-icon {      /* gNote: Hamburger Button */ /*
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
*/

.navbar-dark .navbar-brand {
  color: var(--orange);            /* gNote: Testing Purposes */
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: var(--orange);            /* gNote: Testing Purposes */
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: var(--ray-color);        /* gNote: navbar text color */
}

.close {
  font-weight: 100;
}

.bg-dark {
  background-color: var(--bulb-color) !important;  /* gNote: background of navbar */
}

/* Navigation */

.nav-emoji {
  font-size: 0.75em;
  font-variant-position: sub;
  bottom: 0.1em;
  position: relative;
  vertical-align: baseline;
}

.nav-emoji2 {
  font-size: 1.2rem;
  font-variant-position: sub;
  bottom: -0.14em;
  position: relative;
  vertical-align: baseline;
}

.nav-image {
  position: relative;
  vertical-align: baseline;
  bottom: 0.055em;
}

/* UltraVioletIdea Stuff */

.titlePage {
  padding-top: 1em;
  padding-bottom: 1em;
  font-style: oblique;
  color: var(--ray-color);
  font-size: 0.625em;
  text-align: center;
}

.footerStyle {
  font-size: 1.2em;
  text-align: right;
  color: var(--footer-color);
  font-family: var(--font-family-sans-serif);

  bottom: 0;

  margin-top: 1em;
  border-top: thin dotted;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.footerStyle a {       /* gNote: Action */
  color: var(--footer-color);
  text-decoration: none;
  letter-spacing: 12px;
}

.footerStyle span {
  font-size: 0.5em;
  vertical-align: bottom;
  line-height: 2em;
}

.wideLogo {
  margin: auto;
  width: 80vw;
  max-width: 40em;
}

.gRegLogo {
  margin: auto;
  width: 80vw;
  max-width: 30em;
}

/* Event List Table Format */

table.EventList {
  width: 100%;
  border: 0px transparent;
  border-collapse: collapse;
  font-size: 0.75em;
  font-family: var(--font-family-serif);
}
table.EventList th {
  background-color: var(--bulb-color);
  color: var(--ray-color);
  border-collapse: collapse;
  border: 0px solid transparent;
  border-bottom: 2px solid var(--ray-color);
  text-align: right;
}
table.EventList th:nth-child(1) {
  text-align: left;
}
table.EventList th:nth-child(2) {
  width: 27%;
}
table.EventList th:nth-child(3) {
  width: 13%;
}
table.EventList td {
  padding: 0.3em;
  padding-top: 0.4em;
  text-align: right;
  color: var(--bulb-color);
  border-collapse: collapse;
  border: 0px solid transparent;
}
table.EventList td a {
  color: var(--new-link-event-color);
}
table.EventList td a:visited {
  color: var(--bulb-color);
}
table.EventList td:nth-child(1) {
  text-align: left;
}
table.EventList tr:nth-child(even) {
  background-color: #ddd;
}
table.EventList tr:nth-child(odd) {
  background-color: #fff;
}
table.EventList tr:nth-child(1) {
  background-color: transparent;
}
table.EventList tr:last-child {
  border-bottom: 2px solid var(--ray-color);
}


/* Beef Jerky Figure */
figure.beefJerky {
  text-align: center;
  padding: 0.5em;
  /*
  background: red;
  margin: 0;
  position: relative;
  cursor: pointer;
  align: center;
  width: 100%;
  display: block;
  */
}

figcaption.beefJerky {
  color: var(--ray-color);
  text-align: center;
  font-size: 1em;
  padding-top: 3px;
}

/* Merchandise List Table Format */

ul.merchList {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;

  font-family: var(--font-family-serif);
  font-size: 1em;

/*  margin-left: auto;
  margin-right: auto;
*/
}
ul.merchList li {
  display: flex;
  justify-content: space-between;
  line-height: 1.2em;
  /* width: 80%; */
}
ul.merchList div.leftDiv {
  text-align: left;
}
ul.merchList div.midDiv {
  border-bottom: 1px dotted var(--ray-color);
  flex-grow: 1;
}
ul.merchList div.rightDiv {
  text-align: right;
}

/* Biography Table Format */

.talentTable {
  width: 20%;
  vertical-align: center;
  text-align: justify;
  border: 0px solid transparent;
  padding: 0px;
}

.talentTable td {
  width: 16em;
  vertical-align: center;
  text-align: justify;
  padding: 0px;
  border: 0px solid transparent;
}

.talentTable td p {
  padding: 0.9em;
  border: 0px solid transparent;
}

.talentTable a {  /* gNote: Action */
  text-decoration: underline;
  display: inline;
  padding: 0px;
  color: white;
}

.talentTable td a {  /* gNote: Action */
  color: var(--ray-color);
}

.talentTable td a:visited {  /* gNote: Action */
  color: var(--body-color);
}

.talentTable td a:hover {  /* gNote: Action */
  color: var(--ray-color);
  /* color: #0056b3; */
  text-decoration: underline;
}

.talentTable img {
  padding: 0px;
  border: 0px solid transparent;
  display: block;    /* removes the gap at the bottom of an image */
}

.talentImage {
  width: 16em;
  padding: 0px;
  border: 0px solid transparent;
}

.bioCol {
  float: left;
  width: 40%;
  padding: 0.2em;
  padding-bottom: 0px;
  padding-left: 1em;
  border: 0px solid transparent;
}

/* Clearfix (clear floats) */
.bioRow::after {
  content: "";
  clear: both;
  display: table;
  border: 0px solid transparent;
}

.photoCitation {
  text-align: right;
  font-size: .6em;
  padding: 0px;
  padding-top: 2px;
  border: 0px solid transparent;
}

.bioImage {
  width: 100%;
  padding: 0px;
  border: 0px solid transparent;
}
  
.indentInfo {
  color: white;
  padding-left: 2.2em;
  font-size: 0.7em;
  line-height: 1.3;
}

.indentInfo a {  /* gNote: Action */
  text-decoration: underline;
  display: inline;
  padding: 0px;
  color: white;
  color: var(--ray-color);
}

.indentInfo a:visited {  /* gNote: Action */
  color: var(--body-color);
}

.indentInfo a:hover {  /* gNote: Action */
  color: var(--ray-color);
  /* color: #0056b3; */
  text-decoration: underline;
}

.indentInfo img {
  width: 7.25em;
  float: left;
  padding: 0px;
  padding-right: 3px;
}

/* Heading and Link Overrides */

a {
  /* gNote: I don't know why this needs to be present */;
}

.uviLinkColors {
  /* gNote: I don't know why this needs to be present */;
  color: var(--ray-color);
}

.uviLinkColors a {
  /* gNote: I don't know why this needs to be present */;
  color: var(--ray-color);
}

.uviLinkColors a:link {  /* gNote: Action */
  color: var(--ray-color);
}

.uviLinkColors a:hover {  /* gNote: Action */
  text-decoration: underline;
}

.uviLinkColors a:visited {  /* gNote: Action */
  color: var(--white);
}

.youtube-item {
  padding: 30px;
  padding-top: 10px;
}