/* frontend/styles/index.scss */
:root {
  --bs-success-rgb:
    8.6842105263,
    73.8157894737,
    37.6315789474;
  --bs-success: rgb(8.6842105263, 73.8157894737, 37.6315789474);
  --bs-success-bg-subtle: rgb(55.0263157895, 231.4736842105, 133.4473684211);
  --bs-success-border-subtle: rgb(137.5769230769, 178.9230769231, 155.7692307692);
  --bs-danger-rgb:
    211,
    93,
    71;
  --bs-danger: #d35d47;
  --bs-danger-bg-subtle: rgb(250.3684210526, 237.9473684211, 235.6315789474);
  --bs-danger-border-subtle: rgb(206.0789473684, 74.8815789474, 50.4210526316);
}
.btn-success {
  --bs-btn-bg: rgb(8.6842105263, 73.8157894737, 37.6315789474);
  --bs-btn-border-color: rgb(137.5769230769, 178.9230769231, 155.7692307692);
  --bs-btn-hover-bg: rgb(3.3157894737, 28.1842105263, 14.3684210526);
  --bs-btn-hover-border-color: rgb(106.6282051282, 158.8717948718, 129.6153846154);
  --bs-btn-active-bg: rgb(0.6315789474, 5.3684210526, 2.7368421053);
  --bs-btn-active-border-color: rgb(94.358974359, 145.641025641, 116.9230769231);
  --bs-btn-color: #e9f7ef;
  --bs-btn-hover-color: #e9f7ef;
}
.btn-danger {
  --bs-btn-bg: #d35d47;
  --bs-btn-border-color: rgb(206.0789473684, 74.8815789474, 50.4210526316);
  --bs-btn-hover-bg: rgb(186.4210526316, 66.8684210526, 44.5789473684);
  --bs-btn-hover-border-color: rgb(165.8421052632, 59.4868421053, 39.6578947368);
  --bs-btn-active-bg: rgb(165.8421052632, 59.4868421053, 39.6578947368);
  --bs-btn-active-border-color: rgb(145.2631578947, 52.1052631579, 34.7368421053);
  --bs-btn-color: #e9f7ef;
  --bs-btn-hover-color: #e9f7ef;
}
html,
body {
  height: 100%;
  margin: 0;
}
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.container-main {
  padding-left: 2rem;
  padding-right: 2rem;
  background-color: #e9f7ef;
  flex: 1;
}
@media (max-width: 1000px) {
  .container-main {
    padding-left: 0;
    padding-right: 0;
  }
}
.container-dev {
  @extends .container-main;
  background-color: #5d44a1;
  color: #e9f7ef;
}
.bg-epgs-light {
  background-color: #e9f7ef !important;
}
.text-epgs-light {
  color: #e9f7ef !important;
}
.bg-epgs-dark {
  background-color: #06331a !important;
}
.text-epgs-dark {
  color: #06331a !important;
}
.bg-epgs-sage {
  background-color: #b8d1c3 !important;
}
.text-epgs-sage {
  color: #b8d1c3 !important;
}
.bg-epgs-lavender {
  background-color: #c7b0f0 !important;
}
.text-epgs-lavender {
  color: #c7b0f0 !important;
}
.bg-epgs-lightlavender {
  background-color: #e5e0f8 !important;
}
.text-epgs-lightlavender {
  color: #e5e0f8 !important;
}
.bg-epgs-purple {
  background-color: #5d44a1 !important;
}
.text-epgs-purple {
  color: #5d44a1 !important;
}
.bg-epgs-yellow {
  background-color: #F4B942 !important;
}
.text-epgs-yellow {
  color: #F4B942 !important;
}
.bg-epgs-yellow-subtle {
  background-color: #FAE3B1 !important;
}
.text-epgs-yellow-subtle {
  color: #FAE3B1 !important;
}
.bg-epgs-white {
  background-color: #f3faf6 !important;
}
.text-epgs-white {
  color: #f3faf6 !important;
}
a.link-epgs {
  color: #06331a !important;
}
a.link-epgs:hover,
a.link-epgs:focus {
  color: #c7b0f0 !important;
}
a.link-epgs-purple {
  color: #5d44a1 !important;
}
a.link-epgs-purple:hover,
a.link-epgs-purple:focus {
  color: #c7b0f0 !important;
}
.navbar {
  background-color: #06331a;
  color: #b8d1c3;
}
.navbar .navbar-brand {
  position: relative;
}
.navbar .navbar-brand img {
  height: 1.5em;
  width: auto;
  vertical-align: middle;
  transition: opacity 0.3s ease;
}
.navbar .navbar-brand::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url(/images/brand_lav.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.navbar .navbar-brand:hover img {
  opacity: 0;
}
.navbar .navbar-brand:hover::after {
  opacity: 1;
}
.navbar .nav-link {
  color: #b8d1c3 !important;
}
.navbar .nav-link:hover {
  color: #c7b0f0 !important;
}
.navbar .nav-item {
  color: #b8d1c3 !important;
}
.navbar .navbar-toggler {
  border: none;
  color: #b8d1c3 !important;
  padding: 0.25rem;
}
.admin-bar {
  background-color: #F4B942;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.admin-bar .nav-link {
  color: #06331a !important;
}
.dev-admin-bar {
  background-color: #5d44a1;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.dev-admin-bar .nav-link {
  color: #FAE3B1 !important;
}
.btn-success {
  --bs-btn-bg: rgb(8.6842105263, 73.8157894737, 37.6315789474);
  --bs-btn-border-color: rgb(137.5769230769, 178.9230769231, 155.7692307692);
  --bs-btn-hover-bg: rgb(3.3157894737, 28.1842105263, 14.3684210526);
  --bs-btn-hover-border-color: rgb(106.6282051282, 158.8717948718, 129.6153846154);
  --bs-btn-active-bg: rgb(0.6315789474, 5.3684210526, 2.7368421053);
  --bs-btn-active-border-color: rgb(94.358974359, 145.641025641, 116.9230769231);
  --bs-btn-color: #e9f7ef;
  --bs-btn-hover-color: #e9f7ef;
}
.btn-danger {
  --bs-btn-bg: #d35d47;
  --bs-btn-border-color: rgb(206.0789473684, 74.8815789474, 50.4210526316);
  --bs-btn-hover-bg: rgb(186.4210526316, 66.8684210526, 44.5789473684);
  --bs-btn-hover-border-color: rgb(165.8421052632, 59.4868421053, 39.6578947368);
  --bs-btn-active-bg: rgb(165.8421052632, 59.4868421053, 39.6578947368);
  --bs-btn-active-border-color: rgb(145.2631578947, 52.1052631579, 34.7368421053);
  --bs-btn-color: #e9f7ef;
  --bs-btn-hover-color: #e9f7ef;
}
.btn-info {
  --bs-btn-bg: #c7b0f0;
  --bs-btn-border-color: #c7b0f0;
  --bs-btn-hover-bg: rgb(168.6170212766, 133.1382978723, 231.8617021277);
  --bs-btn-hover-border-color: rgb(168.6170212766, 133.1382978723, 231.8617021277);
  --bs-btn-active-bg: rgb(153.4255319149, 111.7074468085, 227.7925531915);
  --bs-btn-active-border-color: rgb(153.4255319149, 111.7074468085, 227.7925531915);
  --bs-btn-color: $epgs-light;
  --bs-btn-hover-color: $epgs-light;
}
.btn-primary {
  --bs-btn-bg: #5d44a1;
  --bs-btn-border-color: #5d44a1;
  --bs-btn-hover-bg: #c7b0f0;
  --bs-btn-hover-border-color: rgb(72.288209607, 52.8558951965, 125.1441048035);
  --bs-btn-active-bg: rgb(61.9323144105, 45.2838427948, 107.2161572052);
  --bs-btn-active-border-color: rgb(61.9323144105, 45.2838427948, 107.2161572052);
  --bs-btn-color: $epgs-light;
  --bs-btn-hover-color: $epgs-light;
  color: #e5e0f8;
}
a.text-info {
  color: #c7b0f0 !important;
}
a.text-info:hover,
a.text-info:focus {
  color: #e5e0f8 !important;
}
a.text-primary {
  color: #5d44a1 !important;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #5d44a1 !important;
}
.banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 230px;
  background-size: cover;
  background-image: url(/images/banner.jpg);
}
.banner .logo-image {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 45%;
  width: auto;
  z-index: 10;
}
.epgs-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #b8d1c3;
  padding: 20px;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  z-index: 50;
  min-width: 400px;
}
.epgs-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(33, 37, 41, 0.5);
  z-index: -51;
}
.table-played {
  width: 100%;
  margin: 1.5rem 0;
  color: #06331a;
  border-spacing: 1rem;
  background-color: #b8d1c3;
  padding: 1rem;
}
.table-played th {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #b8d1c3;
  background-color: #06331a;
}
.table-played td {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.table-played thead th {
  font-weight: bold;
  text-align: left;
}
.table-played tbody tr:first-child td {
  padding-top: 0.8rem;
}
.table-played tbody tr:last-child td {
  padding-bottom: 0.8rem;
}
/*# sourceMappingURL=/_bridgetown/static/index.N4JYNREP.css.map */