@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  src: local("Roboto Thin"), url(/fonts/Roboto-Thin.ttf);
}
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 100;
  src: local("Roboto ThinItalic"), url(/fonts/Roboto-ThinItalic.ttf);
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), url(/fonts/Roboto-Light.ttf);
}
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 300;
  src: local("Roboto LightItalic"), url(/fonts/Roboto-LightItalic.ttf);
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Regular"), url(/fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), url(/fonts/Roboto-Italic.ttf);
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), url(/fonts/Roboto-Medium.ttf);
}
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 500;
  src: local("Roboto MediumItalic"), url(/fonts/Roboto-MediumItalic.ttf);
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), url(/fonts/Roboto-Bold.ttf);
}
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 700;
  src: local("Roboto BoldItalic"), url(/fonts/Roboto-BoldItalic.ttf);
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: local("Roboto Black"), url(/fonts/Roboto-Black.ttf);
}
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 900;
  src: local("Roboto BlackItalic"), url(/fonts/Roboto-BlackItalic.ttf);
}
@font-face {
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 400;
  src: local("Vollkorn Regular"), url(/fonts/Vollkorn-Regular.ttf);
}
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 400;
  src: local("Vollkorn Italic"), url(/fonts/Vollkorn-Italic.ttf);
}
@font-face {
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 500;
  src: local("Vollkorn Medium"), url(/fonts/Vollkorn-Medium.ttf);
}
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 500;
  src: local("Vollkorn MediumItalic"), url(/fonts/Vollkorn-MediumItalic.ttf);
}
@font-face {
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 600;
  src: local("Vollkorn SemiBold"), url(/fonts/Vollkorn-SemiBold.ttf);
}
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 600;
  src: local("Vollkorn SemiBoldItalic"), url(/fonts/Vollkorn-SemiBoldItalic.ttf);
}
@font-face {
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 700;
  src: local("Vollkorn Bold"), url(/fonts/Vollkorn-Bold.ttf);
}
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 700;
  src: local("Vollkorn BoldItalic"), url(/fonts/Vollkorn-BoldItalic.ttf);
}
@font-face {
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 800;
  src: local("Vollkorn Bold"), url(/fonts/Vollkorn-Bold.ttf);
}
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 800;
  src: local("Vollkorn ExtraBoldItalic"), url(/fonts/Vollkorn-ExtraBoldItalic.ttf);
}
@font-face {
  font-family: Vollkorn;
  font-style: normal;
  font-weight: 900;
  src: local("Vollkorn Black"), url(/fonts/Vollkorn-Black.ttf);
}
@font-face {
  font-family: Vollkorn;
  font-style: italic;
  font-weight: 900;
  src: local("Vollkorn BlackItalic"), url(/fonts/Vollkorn-BlackItalic.ttf);
}
*,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  font-family: Vollkorn, sans-serif;
}

main {
  font-size: 1.6rem;
  min-height: calc(100vh - 114px);
}

.content-title {
  font-size: 4rem;
  padding: 3rem 0;
  text-align: center;
}

.navbar-dark {
  background-color: #204a8a !important;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .navbar-dark {
    padding: 1rem 0;
  }
}
.navbar-dark .navbar-brand {
  font-size: 1.6rem;
}
@media screen and (min-width: 767px) {
  .navbar-dark .navbar-brand {
    display: none;
  }
}
.navbar-dark .navbar-nav {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .navbar-dark .navbar-nav {
    display: unset;
    justify-content: unset;
    align-items: unset;
    padding: 1rem;
  }
}
.navbar-dark .navbar-nav .nav-item .nav-link {
  font-size: 1.6rem;
  color: white;
  padding: 2rem !important;
}
.navbar-dark .navbar-nav .nav-item .nav-link:hover {
  background-color: #c3bb69;
  color: #204a8a;
}

.dropdown-item {
  font-size: 1.6rem;
}
.dropdown-item:hover {
  background-color: #c3bb69;
}
@media screen and (max-width: 767px) {
  .dropdown-item {
    color: white;
    padding: 1.6rem;
  }
}

.dropdown-menu.show {
  //width: 100%;
}
@media screen and (max-width: 767px) {
  .dropdown-menu.show {
    background-color: #204a8a;
    border: none;
  }
}

.table > :not(caption) > * > * {
  border: none;
}

.infoBox {
  min-height: 20rem;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
  background-color: #204a8a;
  margin: 2rem;
  color: #c3bb69;
  font-family: "PT Sans", sans-serif;
  border-radius: 0.5rem;
}
.infoBox svg {
  height: 4rem;
}
.infoBox-title {
  font-size: 2rem;
  font-family: Vollkorn, sans-serif;
}
.infoBox-content {
  text-align: center;
  color: white;
}
.infoBox-content a {
  text-decoration: none;
  color: white;
}

.btn {
  font-size: 1.6rem;
}

.btn-form {
  background-color: #204a8a;
  color: white;
  transition: all 0.5s;
}
.btn-form:hover {
  background-color: #c3bb69;
  color: #1e1e1e;
}

footer {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  min-height: 5rem;
  font-size: 1.6rem;
  background-color: #204a8a;
  color: white;
}
@media screen and (max-width: 767px) {
  footer {
    flex-direction: column;
  }
}
footer a {
  text-decoration: none;
  color: #c3bb69;
}

header {
  background-image: url("/images/court2.jpg");
  width: 100%;
  height: 60vh;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  header {
    height: unset;
  }
}
header .stripe {
  min-height: 22rem;
  width: 100%;
  background-color: rgba(32, 74, 138, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
  order: 0;
}
header .stripe .logo {
  max-width: 40rem;
}

.welcome-section, .infoBoxes-section {
  padding: 3rem 0 0 0;
}

.infoBoxes-section {
  padding-bottom: 3rem;
}

.judgeImg {
  display: block;
  margin: 2rem auto 2rem;
  box-shadow: -5px 0 5px -5px #333, 5px 0 5px -5px #333;
  outline: 5px solid #c3bb69;
  outline-offset: 1rem;
  width: 20rem;
}

figcaption {
  font-size: 1.6rem;
}

.welcome-title {
  font-size: 4rem;
  text-align: center;
}
@media screen and (max-width: 375px) {
  .welcome-title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .welcome-title {
    font-size: 3.5rem;
  }
}

.welcome-description {
  font-size: 1.8rem;
  margin-bottom: 2.5rem;
  font-family: "PT Serif", sans-serif;
}

.courtMap {
  margin: auto;
  min-height: 68rem;
  width: 100%;
  padding: 2rem;
}

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