body {
  font-family: "Lato", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto Condensed", sans-serif;
  color: #000;
  font-weight: 300; }

h1 {
  font-size: 2.8rem; }

.font-heading {
  font-family: "Roboto Condensed", sans-serif; }

h1, .h1 {
  font-size: 2.8rem; }

h2, .h2 {
  font-size: 2.2rem; }

h3, .h3 {
  font-size: 1.9rem; }

h4, .h4 {
  font-size: 1.7rem; }

h5, .h5 {
  font-size: 1.5rem; }

h6, .h6 {
  font-size: 1.2rem; }

.blockquote {
  font-family: 'Forum';
  font-size: 140%; }
  @media (min-width: 768px) {
    .blockquote {
      font-size: 180%; } }

#rootHeader {
  margin-bottom: 1rem; }

.container {
  max-width: 1024px; }

h1 {
  text-transform: uppercase; }

#rootContent {
  margin-bottom: 4rem; }

.workshop-item {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x)); }
  .workshop-item > * {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y); }
  .workshop-item .workshop-item-title {
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    flex: 0 0 auto;
    width: 100%; }
    @media (min-width: 768px) {
      .workshop-item .workshop-item-title {
        text-align: right;
        width: 25%; } }
  .workshop-item .workshop-item-content {
    flex: 0 0 auto;
    width: 100%; }
    @media (min-width: 768px) {
      .workshop-item .workshop-item-content {
        width: 75%; } }

#mainMenu {
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif; }
  #mainMenu .nav-item .nav-link {
    position: relative; }
    #mainMenu .nav-item .nav-link span {
      display: block;
      transition: 0.3s all ease-in-out;
      padding: 0.05rem 0.3rem;
      border: 2px solid transparent; }
      #mainMenu .nav-item .nav-link span.normal {
        transform: rotateY(0);
        opacity: 1; }
      #mainMenu .nav-item .nav-link span.flipped {
        position: absolute;
        left: var(--bs-navbar-nav-link-padding-x);
        top: var(--bs-navbar-nav-link-padding-x);
        border: 2px solid black;
        transform: rotateY(-90deg);
        opacity: 0; }
  #mainMenu .nav-item:hover .nav-link span.normal {
    transform: rotateY(-90deg);
    opacity: 0; }
  #mainMenu .nav-item:hover .nav-link span.flipped {
    transform: rotateY(0);
    opacity: 1; }
  #mainMenu .nav-item.active .nav-link span {
    color: black; }

a.navbar-brand {
  --transition-time: 0.5s; }
  a.navbar-brand .logo-container > svg {
    height: 26px;
    width: 298px; }
  a.navbar-brand #rectInner {
    fill: white !important;
    stroke: #4c4c4c !important;
    transition: all var(--transition-time) ease; }
  a.navbar-brand #textTransition {
    transition: all var(--transition-time) ease; }
  a.navbar-brand:hover #rectInner {
    fill: #4c4c4c !important;
    stroke: #4c4c4c !important; }
  a.navbar-brand:hover #textTransition, a.navbar-brand:hover #textTransition > * {
    transition: all var(--transition-time) ease;
    fill: white !important; }

/*# sourceMappingURL=style.css.map */