@font-face {
  font-family: 'digital-7regular';
  src: url('https://hobo.careers/www/resources/fonts/Digital 7/digital-7.regular-webfont.woff2') format('woff2'),
    url('https://hobo.careers/www//www/resources/fonts/Digital 7/digital-7.regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html,
body {
  height: 100%;
}

body {
  background: url("../images/parchment.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}

/*
 * Globals
 */

/* Header */
/* Tabs */
.nav-bar > div {
  display: inline-block
}

.nav-tabs .tab-wrapper:not(.dropdown-tab-wrapper) > button {
  padding: 2px;
}

.nav-item {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  position: relative;
}

.nav-link a,
.nav-link a:focus,
.nav-link a:hover {
  color: #fff;
}

.navbar-brand {
  color: #f00;
  font-size: x-large;
}

.nav-tabs .nav-item:not(:first-child) {
  margin-left: 1rem;
}

.nav-link {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.nav-tabs .nav-item {
  /* border: .1rem dashed #888; */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  box-shadow: none;
  outline: 0;
}

.nav-tabs .nav-item {
  border: 0.2rem solid transparent;
}

.nav-tabs .nav-item:not(.inactive-tab) {
  border: 0.2rem solid rgb(0, 183, 255);
}

.nav-tabs,
.nav-tabs .nav-link,
.nav-tabs .btn {
  border: none;
  box-shadow: none;
  outline: 0;
}

.top-nav-icon {
  background-color: transparent; 
  height: 32px !important;
  width: 32px;
}

/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
}

.masthead-nav .nav-link {
  padding: .25rem 0;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.75);
}

.masthead-nav .nav-item.inactive-tab:hover {
  border-bottom-color: rgba(255, 255, 255, 0.8);
  transition: border-bottom-color 1s;
}


/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}

.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}

/*    Main    */
.main-content {
  margin: 1% 0;
}

#home-tabpane-news > div {
  margin: 1.5em 0;
}

.countdown-list {
  list-style-type: none;
}

/* Announcements */
.announcement .strikeout {
  text-decoration: line-through;
}

/* image gallery */
.bs-img-gallery .row > div {
  padding: 2px;
}

.bs-img-gallery .thumbnail .img-thumb {
  width:  7.5vmax;
}


/* autogenerated table */
.tg  {
  border-collapse:  collapse;
  border-spacing:   0;
  margin:0px auto;
}

.tg td {
  border-color:black;
  border-style:solid;
  border-width:1px;
  font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;
  padding:10px 5px;
  word-break:normal;
}

.tg th {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  font-family:  Arial, sans-serif;
  font-size:  14px;
  font-weight:  normal;
  overflow: hidden;
  padding:  10px 5px;
  word-break: normal;
}

.tg .tg-73oq {
  border-color: #000000;
  text-align:   left;
  vertical-align: top;
}

.tg .tg-73oq{border-color:#000000;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
@media screen and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}

.emt-169-announcment table > caption {
  caption-side: top;
  color: black;
  font-size: x-large;
  text-align: center;
}

.emt-169-announcment > div {
  display: inline-block;
}

.emt-169-announcment > table > img {
  max-width:  259px;
  max-height: 194px;
}

.emt-169-announcment tr > td {
  padding-bottom: 0.5em;
}

/* Timers */
.emt-test.countdown-item {
  margin-top: 0.75em;
}

.emt-test.countdown-item.final-exam {
  margin-top: 1.5em;
}

.active-timer > * {
  line-height: 1;
}

.emt-test .active-timer.timer-title {
  font-weight: bold;
}

.emt-test.countdown-item .countdown-timer.timer,
.emt-test.countdown-item .expired-timer .timer-date {
  font-family: 'digital-7regular';
  color: red;
}

.emt-test.countdown-item .active-timer .emt-test {
  font-size: 2em;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
}

.emt-test.countdown-item.final-exam .active-timer .timer {
  font-size: 4em;
  color: #FFBF00;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.9);
}

.emt-test .expired-timer > * {
  display: inline-block;
}

.emt-test .expired-timer > div {
  font-size: smaller;
  text-decoration: line-through;
}

.emt-test .expired-timer div:not(:first-child) {
  padding-left: 1.5em;
}

main .tab-content {
  font-family: 'Cabin', sans-serif;
  /* text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); */
  color: black;
}

/*     wheelnav menu     */
#piemenu > svg {
  height: 100%;
  width: 100%;
}

#piemenu {
  height: 400px;
  width: 400px;
  margin: auto;
}

@media (max-width: 400px) {
  #piemenu {
    height: 300px;
    width: 300px;
  }
}

[class|=wheelnav-piemenu-slice-basic] {
  fill: #497F4C;
  stroke: none;
  cursor: pointer;
}

[class|=wheelnav-piemenu-slice-selected] {
  fill: #497F4C;
  stroke: none;
}

[class|=wheelnav-piemenu-slice-hover] {
  fill: #497F4C;
  stroke: none;
  fill-opacity: 0.77;
}

[class|=wheelnav-piemenu-title-basic] {
  fill: #333;
  stroke: none;
}

[class|=wheelnav-piemenu-title-selected] {
  fill: #fff;
  stroke: none;
}

[class|=wheelnav-piemenu-title-hover] {
  fill: #222;
  stroke: none;
  cursor: pointer;
}

[class|=wheelnav-piemenu-title] > tspan {
  font-family: Impact, Charcoal, sans-serif;
  font-size: 24px;
}

.wheelnav-piemenu-spreader-in,
.wheelnav-piemenu-spreader-out {
  fill: #444;
  stroke: #444;
  stroke-width: 2;
  cursor: pointer;
}

.wheelnav-piemenu-spreadertitle-in,
.wheelnav-piemenu-spreadertitle-out {
  fill: #eee;
  stroke: #444;
  cursor: pointer;
}

.wheelnav-piemenu-marker {
  fill: #444;
  stroke: #444;
  stroke-width: 2;
}

/*
 * Footer
 */
.mastfoot {
  color: rgba(0, 0, 0, .5);
}

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

span.smallest {
  font-size: xx-small;
}