/* line 8, app/assets/stylesheets/skate_shops.scss */
.shop__container {
  display: flex;
}

/* line 11, app/assets/stylesheets/skate_shops.scss */
.shop__nav-wrapper {
  height: fit-content;
  padding: 20px 40px;
  flex-basis: 20%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
}

/* line 20, app/assets/stylesheets/skate_shops.scss */
.shop__nav-container {
  padding: 0px 0px 40px 0px;
}

/* line 23, app/assets/stylesheets/skate_shops.scss */
.shop__nav-link {
  display: flex;
}

/* line 26, app/assets/stylesheets/skate_shops.scss */
.shop__nav-link-text {
  padding-left: 10px;
}

/* line 29, app/assets/stylesheets/skate_shops.scss */
.shop__nav-view {
  padding: 10px 20px;
  flex-basis: 80%;
}

/* line 34, app/assets/stylesheets/skate_shops.scss */
.shop__nav-view-container {
  display: flex;
  justify-content: space-between;
}

/* line 44, app/assets/stylesheets/skate_shops.scss */
.shop__modal {
  position: fixed;
  /* Stay in place */
  z-index: 100;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  display: flex;
}

/* line 56, app/assets/stylesheets/skate_shops.scss */
.shop__modal-content {
  background-color: #fefefe;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 40%;
  height: 70%;
  margin-bottom: auto;
  margin-top: auto;
  overflow-x: hidden;
}

/* line 68, app/assets/stylesheets/skate_shops.scss */
.shop__modal-nav {
  display: flex;
  justify-content: space-between;
}

/* line 72, app/assets/stylesheets/skate_shops.scss */
.shop__form-modal {
  position: fixed;
  /* Stay in place */
  z-index: 100;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  display: flex;
}

/* line 84, app/assets/stylesheets/skate_shops.scss */
.shop__modal-form-content {
  background-color: #fefefe;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 40%;
  height: 70%;
  margin-bottom: auto;
  margin-top: auto;
  overflow-x: hidden;
}

/* line 97, app/assets/stylesheets/skate_shops.scss */
.shop__modal-form-nav {
  display: flex;
  justify-content: space-between;
}

/* line 104, app/assets/stylesheets/skate_shops.scss */
.shop__form-container {
  padding: 20px;
}

/* line 110, app/assets/stylesheets/skate_shops.scss */
.shop__input {
  border: solid 1px #000;
  margin-bottom: 20px;
}

/* line 114, app/assets/stylesheets/skate_shops.scss */
.shop__input input {
  width: 100%;
  height: 100%;
}

/* line 118, app/assets/stylesheets/skate_shops.scss */
.shop__input textarea {
  width: 100%;
  height: 100%;
}

/* line 122, app/assets/stylesheets/skate_shops.scss */
.shop__input select {
  width: 100%;
  height: 100%;
}

/* line 126, app/assets/stylesheets/skate_shops.scss */
.shop__form-submit {
  padding: 20px 0px;
}

/* line 130, app/assets/stylesheets/skate_shops.scss */
.booking__form-input-con {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 2px;
}

/* line 136, app/assets/stylesheets/skate_shops.scss */
.booking__form-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0px;
}

/* line 141, app/assets/stylesheets/skate_shops.scss */
.booking__form-input ~ div {
  display: flex;
  justify-content: space-around;
  width: 30%;
}

/* line 148, app/assets/stylesheets/skate_shops.scss */
.booking__form-input ~ div {
  display: flex;
  justify-content: space-around;
  width: 80%;
}

/* line 155, app/assets/stylesheets/skate_shops.scss */
.booking__form-input-size {
  display: none;
}

/* line 164, app/assets/stylesheets/skate_shops.scss */
.products__nav-view {
  padding: 10px 20px;
  flex-basis: 80%;
}

/* line 169, app/assets/stylesheets/skate_shops.scss */
.products__nav-view-container {
  display: flex;
  justify-content: space-between;
}

/* line 182, app/assets/stylesheets/skate_shops.scss */
.sales__nav-view {
  padding: 10px 20px;
  flex-basis: 80%;
}

/* line 187, app/assets/stylesheets/skate_shops.scss */
.sales__nav-view-container {
  display: flex;
  justify-content: space-between;
}

/* line 200, app/assets/stylesheets/skate_shops.scss */
.settings__nav-view {
  padding: 10px 20px;
  flex-basis: 80%;
}

/* line 205, app/assets/stylesheets/skate_shops.scss */
.settings__nav-view-container {
  display: flex;
  justify-content: space-between;
}

/* line 216, app/assets/stylesheets/skate_shops.scss */
.setting__view-add-link {
  flex-basis: 20%;
  display: flex;
  align-items: center;
  color: #000 !important;
  text-decoration: none !important;
}

/* line 223, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.2);
  margin: 20px 0px;
}

/* line 232, app/assets/stylesheets/skate_shops.scss */
.setting__view-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 237, app/assets/stylesheets/skate_shops.scss */
.setting__view-heading {
  margin: 0px;
  flex-basis: 80%;
}

/* line 241, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-text-wrapper {
  flex-basis: 25%;
}

/* line 244, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-text-wrapper input {
  width: -webkit-fill-available !important;
}

/* line 247, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-heading {
  margin: 0px;
  padding: 0px 0px 20px 0px;
  color: #000;
}

/* line 252, app/assets/stylesheets/skate_shops.scss */
.setting__view-add-link {
  flex-basis: 20%;
}

/* line 255, app/assets/stylesheets/skate_shops.scss */
.setting__view-add-link-text {
  margin: 0px;
}

/* line 258, app/assets/stylesheets/skate_shops.scss */
.setting__view-card {
  text-decoration: none !important;
}

/* line 261, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-text {
  color: black;
}

/* line 264, app/assets/stylesheets/skate_shops.scss */
.settings__details-form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

/* line 269, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-text-wrapper select {
  width: 100%;
  padding: 10px;
}

/* line 273, app/assets/stylesheets/skate_shops.scss */
.settings__bank-details-form .setting__view-card-text-wrapper {
  padding: 10px 0px;
  width: 100%;
}

/* line 282, app/assets/stylesheets/skate_shops.scss */
.card {
  margin: 30px auto;
  width: 300px;
  height: 300px;
  border-radius: 40px;
  box-shadow: 5px 5px 30px 7px rgba(0, 0, 0, 0.25), -5px -5px 30px 7px rgba(0, 0, 0, 0.22);
  cursor: pointer;
  transition: 0.4s;
}

/* line 292, app/assets/stylesheets/skate_shops.scss */
.card .card_image {
  width: inherit;
  height: inherit;
  border-radius: 40px;
}

/* line 298, app/assets/stylesheets/skate_shops.scss */
.card .card_image img {
  width: inherit;
  height: inherit;
  border-radius: 40px;
  object-fit: cover;
}

/* line 305, app/assets/stylesheets/skate_shops.scss */
.card .card_title {
  text-align: center;
  border-radius: 0px 0px 40px 40px;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 30px;
  margin-top: -80px;
  height: 40px;
}

/* line 315, app/assets/stylesheets/skate_shops.scss */
.card:hover {
  box-shadow: 5px 5px 30px 15px rgba(0, 0, 0, 0.25), -5px -5px 30px 15px rgba(0, 0, 0, 0.22);
}

/* line 319, app/assets/stylesheets/skate_shops.scss */
.title-white {
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  /* White text */
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 0, 0, 0.6), 0 0 30px rgba(0, 0, 0, 0.4);
}

/* line 326, app/assets/stylesheets/skate_shops.scss */
.title-black {
  color: black;
}

/* line 329, app/assets/stylesheets/skate_shops.scss */
.cards-list {
  z-index: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

/* line 338, app/assets/stylesheets/skate_shops.scss */
:root {
  --primary-color: #333333;
  --text-color: #333333;
  --background-color: #f5f5f7;
  --card-background: #ffffff;
}

/* line 345, app/assets/stylesheets/skate_shops.scss */
.product-card__cont {
  display: flex;
  flex-wrap: wrap;
}

/* line 350, app/assets/stylesheets/skate_shops.scss */
.cont {
  max-width: 350px;
  margin: 1rem auto;
  flex: 1 1 calc(25% - 16px);
  box-sizing: border-box;
}

/* line 357, app/assets/stylesheets/skate_shops.scss */
.product-card {
  background-color: var(--card-background);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* line 365, app/assets/stylesheets/skate_shops.scss */
.product-card__image {
  height: 250px;
  overflow: hidden;
}

/* line 370, app/assets/stylesheets/skate_shops.scss */
.product-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

/* line 377, app/assets/stylesheets/skate_shops.scss */
.product-card__info {
  padding: 20px;
}

/* line 381, app/assets/stylesheets/skate_shops.scss */
.product-card__title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--text-color);
}

/* line 388, app/assets/stylesheets/skate_shops.scss */
.product-card__description {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 20px;
}

/* line 394, app/assets/stylesheets/skate_shops.scss */
.product-card__price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 400, app/assets/stylesheets/skate_shops.scss */
.product-card__price {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--primary-color);
}

/* line 406, app/assets/stylesheets/skate_shops.scss */
.product-card__btn {
  background-color: var(--primary-color);
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* line 417, app/assets/stylesheets/skate_shops.scss */
.cont__cart {
  max-width: 100%;
  margin: 2rem auto;
}

/* line 422, app/assets/stylesheets/skate_shops.scss */
.product-card__cart {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--card-background);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* line 433, app/assets/stylesheets/skate_shops.scss */
.product-card__image__cart {
  height: 250px;
  overflow: hidden;
}

/* line 438, app/assets/stylesheets/skate_shops.scss */
.product-card__image__cart img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

/* line 445, app/assets/stylesheets/skate_shops.scss */
.product-card__info__cart {
  padding: 20px;
}

/* line 449, app/assets/stylesheets/skate_shops.scss */
.product-card__title__cart {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--text-color);
}

/* line 456, app/assets/stylesheets/skate_shops.scss */
.product-card__description__cart {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 20px;
}

/* line 462, app/assets/stylesheets/skate_shops.scss */
.product-card__price-row__cart {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 468, app/assets/stylesheets/skate_shops.scss */
.product-card__price__cart {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--primary-color);
}

/* line 474, app/assets/stylesheets/skate_shops.scss */
.product-card__btn__cart {
  background-color: var(--primary-color);
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Popover things */
/* line 488, app/assets/stylesheets/skate_shops.scss */
#size-guide::backdrop {
  background: rgba(190, 190, 190, 0.5);
}

/* line 492, app/assets/stylesheets/skate_shops.scss */
#size-guide {
  padding: 3rem;
  border: none;
  width: clamp(300px, 80vw, 600px);
  max-height: 480px;
}

/* line 499, app/assets/stylesheets/skate_shops.scss */
#size-guide h2 {
  margin: 0 0 1rem;
}

/* line 503, app/assets/stylesheets/skate_shops.scss */
.close-btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  font-size: 1.25rem;
}

/* Style things */
/* line 514, app/assets/stylesheets/skate_shops.scss */
:root {
  --blue: #4a9fe0;
  --darkblue: #000;
  --gray-bg: #f0f0f0;
  --peppermint: #e9f2e1;
  --lightgreen: #fdfdf9;
}

/* line 522, app/assets/stylesheets/skate_shops.scss */
table {
  border-collapse: collapse;
  width: 100%;
}

/* line 527, app/assets/stylesheets/skate_shops.scss */
th,
td {
  border: 1px solid #ccc;
  padding: 1rem;
  text-align: center;
}

/* line 534, app/assets/stylesheets/skate_shops.scss */
th {
  background-color: var(--peppermint);
  font-weight: 400;
}

/* line 539, app/assets/stylesheets/skate_shops.scss */
td {
  background-color: var(--lightgreen);
  font-weight: 300;
}

/* line 545, app/assets/stylesheets/skate_shops.scss */
small {
  max-width: 25ch;
  display: inline-block;
}

/* line 550, app/assets/stylesheets/skate_shops.scss */
.price {
  font-size: 1.4rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
}

/* line 556, app/assets/stylesheets/skate_shops.scss */
hr {
  margin: 1rem 0;
  border-color: lightgray;
  border-top: none;
}

/* line 562, app/assets/stylesheets/skate_shops.scss */
a,
#size-guide-btn {
  font-family: "Roboto Mono", monospace;
  color: var(--blue);
}

/* line 568, app/assets/stylesheets/skate_shops.scss */
#size-guide-btn {
  border: 0;
  background: none;
  text-decoration: underline;
  padding: 0;
  cursor: pointer;
}

/* line 576, app/assets/stylesheets/skate_shops.scss */
figure {
  min-width: 300px;
  margin: 0;
}

/* line 580, app/assets/stylesheets/skate_shops.scss */
.product-img {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}

/* line 586, app/assets/stylesheets/skate_shops.scss */
img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 592, app/assets/stylesheets/skate_shops.scss */
ul {
  margin: 0;
  padding: 0;
}

/* line 597, app/assets/stylesheets/skate_shops.scss */
li {
  list-style: none;
}

/* line 601, app/assets/stylesheets/skate_shops.scss */
.size-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 1rem;
}

/* line 608, app/assets/stylesheets/skate_shops.scss */
.size-list label {
  background: var(--gray-bg);
  padding: 0.5rem 1rem;
  display: inline-block;
}

/* line 614, app/assets/stylesheets/skate_shops.scss */
.size-list input {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px solid #007bff;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  position: relative;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* line 626, app/assets/stylesheets/skate_shops.scss */
.size-list label:hover,
.size-list label:focus {
  color: var(--blue);
  outline: 1px solid;
}

/* line 632, app/assets/stylesheets/skate_shops.scss */
.size-list li:has(:checked) {
  outline: 1px solid;
}

/* line 636, app/assets/stylesheets/skate_shops.scss */
.product {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin: 0 auto;
  max-width: 100%;
  justify-items: center;
}

/* line 645, app/assets/stylesheets/skate_shops.scss */
.color-list {
  margin-top: 1rem;
  padding: 0;
  display: flex;
  gap: 0.25rem;
}

/* line 652, app/assets/stylesheets/skate_shops.scss */
.color-list li {
  font-size: 0;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  border: 1px solid;
}

/* line 662, app/assets/stylesheets/skate_shops.scss */
.quantity-label {
  display: block;
  margin: 1rem 0 0.5rem;
}

/* line 667, app/assets/stylesheets/skate_shops.scss */
#quantity {
  font-size: 1.3rem;
  max-width: 3rem;
  margin-bottom: 1rem;
}

/* line 673, app/assets/stylesheets/skate_shops.scss */
.add-to-cart-btn {
  border: 1px solid;
  font-weight: lighter;
  padding: 1rem;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  width: 100%;
  background: var(--darkblue);
  color: white;
}

/* line 684, app/assets/stylesheets/skate_shops.scss */
.measurements {
  margin-top: 2rem;
}

/* line 688, app/assets/stylesheets/skate_shops.scss */
.measurements-guide li {
  line-height: 1.5;
  list-style: disc;
  margin-left: 2rem;
  margin-top: 1rem;
}

/* line 695, app/assets/stylesheets/skate_shops.scss */
.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* line 704, app/assets/stylesheets/skate_shops.scss */
.org__wrapper {
  display: flex;
}

/* line 707, app/assets/stylesheets/skate_shops.scss */
.org__nav-container {
  flex-basis: 20%;
  position: fixed;
}

/* line 711, app/assets/stylesheets/skate_shops.scss */
.org__nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px;
}

/* line 717, app/assets/stylesheets/skate_shops.scss */
.org__nav-view {
  flex-basis: 80%;
  padding: 10px 20px;
  margin-left: 20%;
}

/* line 722, app/assets/stylesheets/skate_shops.scss */
.org__nav-item {
  padding: 40px 20px;
  display: flex;
  align-items: center;
}

/* line 727, app/assets/stylesheets/skate_shops.scss */
.org__nav-item-link {
  text-decoration: none !important;
  color: #000 !important;
}

/* line 731, app/assets/stylesheets/skate_shops.scss */
.booking__form-radio label {
  margin-left: 10%;
  margin-bottom: -4%;
}

/* line 737, app/assets/stylesheets/skate_shops.scss */
.org__view-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 742, app/assets/stylesheets/skate_shops.scss */
.org__view-heading {
  margin: 0px;
  flex-basis: 80%;
}

/* line 746, app/assets/stylesheets/skate_shops.scss */
.org__view-add-link {
  flex-basis: 20%;
}

/* line 749, app/assets/stylesheets/skate_shops.scss */
.org__view-card-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
}

/* line 754, app/assets/stylesheets/skate_shops.scss */
.org__view-card-container {
  margin: 20px;
  width: 300px;
  max-height: 400px;
  border-radius: 14px;
  box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.2);
}

/* line 761, app/assets/stylesheets/skate_shops.scss */
.org__view-card {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none !important;
  color: #000 !important;
}

/* line 771, app/assets/stylesheets/skate_shops.scss */
.org__view-card-img-container {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  height: 50%;
  width: 100%;
}

/* line 777, app/assets/stylesheets/skate_shops.scss */
.org__view-card-img {
  max-width: -webkit-fill-available;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 100%;
}

/* line 787, app/assets/stylesheets/skate_shops.scss */
.org__view-card-text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
}

/* line 801, app/assets/stylesheets/skate_shops.scss */
.org__modal {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
}

/* line 813, app/assets/stylesheets/skate_shops.scss */
.org__modal-content {
  background-color: #fefefe;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 45%;
  height: 70%;
  margin-bottom: auto;
  margin-top: auto;
  overflow-x: hidden;
}

/* line 828, app/assets/stylesheets/skate_shops.scss */
.organisation__modal-content {
  background-color: #fefefe;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 45%;
  height: 70%;
  margin-bottom: auto;
  margin-top: auto;
  overflow-x: hidden;
}

/* line 841, app/assets/stylesheets/skate_shops.scss */
.organisation__view-studio-container {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  align-items: center;
}

/* line 857, app/assets/stylesheets/skate_shops.scss */
.book__view-card-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px;
  box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.2);
  margin: 20px 0px;
}

/* line 866, app/assets/stylesheets/skate_shops.scss */
.book__view-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 871, app/assets/stylesheets/skate_shops.scss */
.book__view-heading {
  margin: 0px;
  flex-basis: 80%;
}

/* line 877, app/assets/stylesheets/skate_shops.scss */
.book__view-card-heading {
  margin: 0px;
  padding: 0px 0px 20px 0px;
  color: #000;
}

/* line 883, app/assets/stylesheets/skate_shops.scss */
.book__view-add-link {
  flex-basis: 20%;
}

/* line 886, app/assets/stylesheets/skate_shops.scss */
.book__view-card {
  text-decoration: none !important;
}

/* line 889, app/assets/stylesheets/skate_shops.scss */
.book__view-card-text {
  color: grey;
}

/* line 898, app/assets/stylesheets/skate_shops.scss */
.setting__view-add-link {
  flex-basis: 20%;
  display: flex;
  align-items: center;
  color: #000 !important;
  text-decoration: none !important;
}

/* line 905, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.2);
  margin: 20px 0px;
}

/* line 914, app/assets/stylesheets/skate_shops.scss */
.setting__view-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 919, app/assets/stylesheets/skate_shops.scss */
.setting__view-heading {
  margin: 0px;
  flex-basis: 80%;
}

/* line 923, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-text-wrapper {
  flex-basis: 25%;
}

/* line 926, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-text-wrapper input {
  width: -webkit-fill-available !important;
}

/* line 929, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-heading {
  margin: 0px;
  padding: 0px 0px 20px 0px;
  color: #000;
}

/* line 934, app/assets/stylesheets/skate_shops.scss */
.setting__view-add-link {
  flex-basis: 20%;
}

/* line 937, app/assets/stylesheets/skate_shops.scss */
.setting__view-add-link-text {
  margin: 0px;
}

/* line 940, app/assets/stylesheets/skate_shops.scss */
.setting__view-card {
  text-decoration: none !important;
}

/* line 943, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-text {
  padding: 4px 0px;
  color: black;
}

/* line 947, app/assets/stylesheets/skate_shops.scss */
.settings__details-form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

/* line 952, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-text-wrapper select {
  width: 100%;
  padding: 10px;
}

/* line 956, app/assets/stylesheets/skate_shops.scss */
.settings__bank-details-form .setting__view-card-text-wrapper {
  padding: 10px 0px;
  width: 100%;
}

/* line 960, app/assets/stylesheets/skate_shops.scss */
.booking__form-submit-container input[type="submit"] {
  border-radius: 0px !important;
  background-color: #D3D3D3 !important;
  background-image: none !important;
  border: 0 solid #e2e8f0 !important;
  text-shadow: none !important;
  color: #000;
}

/* line 968, app/assets/stylesheets/skate_shops.scss */
.booking__form-radio {
  display: flex;
  flex-direction: column;
  margin: 0px;
  width: 40% !important;
}

/* line 974, app/assets/stylesheets/skate_shops.scss */
.booking__form-radio input[type="checkbox"] {
  margin-left: -44%;
  margin-bottom: -5%;
}

/* line 978, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-container {
  padding-top: 20px;
}

@media screen and (max-width: 768px) {
  /* line 983, app/assets/stylesheets/skate_shops.scss */
  .product-card__cont {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  /* line 988, app/assets/stylesheets/skate_shops.scss */
  .product-card__cont {
    flex-direction: column;
  }
  /* line 992, app/assets/stylesheets/skate_shops.scss */
  .cont {
    margin: 2rem;
    max-width: 100%;
    padding: 0 20px;
  }
  /* line 998, app/assets/stylesheets/skate_shops.scss */
  .product-card__image {
    height: 200px;
  }
  /* line 1002, app/assets/stylesheets/skate_shops.scss */
  .product-card__title {
    font-size: 1.3rem;
  }
  /* line 1006, app/assets/stylesheets/skate_shops.scss */
  .product-card__description {
    font-size: 0.8rem;
  }
  /* line 1010, app/assets/stylesheets/skate_shops.scss */
  .product-card__price {
    font-size: 1.1rem;
  }
  /* line 1014, app/assets/stylesheets/skate_shops.scss */
  .product-card__btn {
    padding: 8px 16px;
    font-size: 0.8rem;
  }
  /* line 1019, app/assets/stylesheets/skate_shops.scss */
  .booking__form-radio input[type="checkbox"] {
    margin-left: -57%;
  }
  /* line 1022, app/assets/stylesheets/skate_shops.scss */
  .booking__form-input, label {
    margin-top: -9% !important;
  }
  /* line 1026, app/assets/stylesheets/skate_shops.scss */
  .booking__form-submit-container input[type="submit"] {
    border-radius: 0px !important;
    background-color: #D3D3D3 !important;
    background-image: none !important;
    border: 0 solid #e2e8f0 !important;
    text-shadow: none !important;
    color: #000;
  }
}

@media screen and (max-width: 992px) {
  /* line 1038, app/assets/stylesheets/skate_shops.scss */
  .organisation__modal-content, .org__modal-content {
    width: 80%;
  }
}

@media screen and (max-width: 768px) {
  /* line 1043, app/assets/stylesheets/skate_shops.scss */
  .organisation__modal-content, .org__modal-content {
    width: 80%;
  }
}

@media screen and (max-width: 576px) {
  /* line 1048, app/assets/stylesheets/skate_shops.scss */
  .org__view-heading, .book__view-heading, .setting__view-heading {
    font-size: 2em;
  }
  /* line 1051, app/assets/stylesheets/skate_shops.scss */
  .org__nav-view {
    flex-basis: 80%;
    padding: 0px 2px;
    margin-left: 10%;
  }
  /* line 1056, app/assets/stylesheets/skate_shops.scss */
  .stu-heading {
    font-size: 1em;
  }
  /* line 1059, app/assets/stylesheets/skate_shops.scss */
  .org__modal-content {
    width: 100%;
    height: 90%;
  }
  /* line 1063, app/assets/stylesheets/skate_shops.scss */
  .booking__form-input {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0px;
  }
  /* line 1069, app/assets/stylesheets/skate_shops.scss */
  .booking__form-radio input[type="checkbox"] {
    margin-left: -57%;
  }
  /* line 1072, app/assets/stylesheets/skate_shops.scss */
  .booking__form-input, label {
    margin-top: -9% !important;
  }
  /* line 1075, app/assets/stylesheets/skate_shops.scss */
  .booking__form-submit-container input[type="submit"] {
    border-radius: 0px !important;
    background-color: #D3D3D3 !important;
    background-image: none !important;
    border: 0 solid #e2e8f0 !important;
    text-shadow: none !important;
    color: #000;
  }
  /* line 1083, app/assets/stylesheets/skate_shops.scss */
  .org__view-card-container {
    width: 200px;
    margin-right: -14px;
  }
  /* line 1087, app/assets/stylesheets/skate_shops.scss */
  .org__view-card-wrapper {
    justify-content: center;
  }
  /* line 1090, app/assets/stylesheets/skate_shops.scss */
  .org__view-card-wrapper {
    justify-content: end;
    padding-right: 0px;
  }
  /* line 1094, app/assets/stylesheets/skate_shops.scss */
  .organisation__modal-content {
    width: 100%;
  }
  /* line 1097, app/assets/stylesheets/skate_shops.scss */
  .setting__view-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  /* line 1102, app/assets/stylesheets/skate_shops.scss */
  .settings__details-form {
    flex-direction: column;
  }
  /* line 1105, app/assets/stylesheets/skate_shops.scss */
  .setting__view-card-wrapper {
    width: 65%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.2);
    margin: 20px 0px;
  }
  /* line 1115, app/assets/stylesheets/skate_shops.scss */
  .setting__view-header {
    width: 100%;
  }
  /* line 1118, app/assets/stylesheets/skate_shops.scss */
  .book-card-containerr {
    max-width: 200px;
    width: fit-content;
  }
  /* line 1122, app/assets/stylesheets/skate_shops.scss */
  .book__view-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  /* line 1128, app/assets/stylesheets/skate_shops.scss */
  .book__view-header {
    width: 100%;
    text-align: left !important;
  }
  /* line 1132, app/assets/stylesheets/skate_shops.scss */
  .book__view-card-wrapper_user {
    width: 300px !important;
    justify-content: space-around !important;
  }
  /* line 1136, app/assets/stylesheets/skate_shops.scss */
  .booking__form-radio label {
    margin-left: 0%;
    margin-bottom: -0%;
  }
}

/* line 1141, app/assets/stylesheets/skate_shops.scss */
.org__wrapper {
  display: flex;
}

/* line 1144, app/assets/stylesheets/skate_shops.scss */
.org__nav-container {
  flex-basis: 20%;
  position: fixed;
}

/* line 1148, app/assets/stylesheets/skate_shops.scss */
.org__nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px;
}

/* line 1154, app/assets/stylesheets/skate_shops.scss */
.org__nav-view {
  flex-basis: 80%;
  padding: 10px 20px;
  margin-left: 20%;
}

/* line 1159, app/assets/stylesheets/skate_shops.scss */
.org__nav-item {
  padding: 40px 20px;
  display: flex;
  align-items: center;
}

/* line 1164, app/assets/stylesheets/skate_shops.scss */
.org__nav-item-link {
  text-decoration: none !important;
  color: #000 !important;
}

/* line 1168, app/assets/stylesheets/skate_shops.scss */
.booking__form-radio label {
  margin-left: 10%;
  margin-bottom: -4%;
}

/* line 1174, app/assets/stylesheets/skate_shops.scss */
.org__view-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 1179, app/assets/stylesheets/skate_shops.scss */
.org__view-heading {
  margin: 0px;
  flex-basis: 80%;
}

/* line 1183, app/assets/stylesheets/skate_shops.scss */
.org__view-add-link {
  flex-basis: 20%;
}

/* line 1186, app/assets/stylesheets/skate_shops.scss */
.org__view-card-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
}

/* line 1191, app/assets/stylesheets/skate_shops.scss */
.org__view-card-container {
  margin: 20px;
  width: 300px;
  max-height: 400px;
  border-radius: 14px;
  box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.2);
}

/* line 1198, app/assets/stylesheets/skate_shops.scss */
.org__view-card {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none !important;
  color: #000 !important;
}

/* line 1208, app/assets/stylesheets/skate_shops.scss */
.org__view-card-img-container {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  height: 50%;
  width: 100%;
}

/* line 1214, app/assets/stylesheets/skate_shops.scss */
.org__view-card-img {
  max-width: -webkit-fill-available;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 100%;
}

/* line 1224, app/assets/stylesheets/skate_shops.scss */
.org__view-card-text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
}

/* line 1238, app/assets/stylesheets/skate_shops.scss */
.org__modal {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
}

/* line 1250, app/assets/stylesheets/skate_shops.scss */
.org__modal-content {
  background-color: #fefefe;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 45%;
  height: 70%;
  margin-bottom: auto;
  margin-top: auto;
  overflow-x: hidden;
}

/* line 1265, app/assets/stylesheets/skate_shops.scss */
.organisation__modal-content {
  background-color: #fefefe;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 45%;
  height: 70%;
  margin-bottom: auto;
  margin-top: auto;
  overflow-x: hidden;
}

/* line 1278, app/assets/stylesheets/skate_shops.scss */
.organisation__view-studio-container {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  align-items: center;
}

/* line 1295, app/assets/stylesheets/skate_shops.scss */
.book__view-card-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px;
  box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.2);
  margin: 20px 0px;
}

/* line 1304, app/assets/stylesheets/skate_shops.scss */
.book__view-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 1309, app/assets/stylesheets/skate_shops.scss */
.book__view-heading {
  margin: 0px;
  flex-basis: 80%;
}

/* line 1315, app/assets/stylesheets/skate_shops.scss */
.book__view-card-heading {
  margin: 0px;
  padding: 0px 0px 20px 0px;
  color: #000;
}

/* line 1321, app/assets/stylesheets/skate_shops.scss */
.book__view-add-link {
  flex-basis: 20%;
}

/* line 1324, app/assets/stylesheets/skate_shops.scss */
.book__view-card {
  text-decoration: none !important;
}

/* line 1327, app/assets/stylesheets/skate_shops.scss */
.book__view-card-text {
  color: grey;
}

/* line 1336, app/assets/stylesheets/skate_shops.scss */
.setting__view-add-link {
  flex-basis: 20%;
  display: flex;
  align-items: center;
  color: #000 !important;
  text-decoration: none !important;
}

/* line 1343, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.2);
  margin: 20px 0px;
  width: 100%;
}

/* line 1353, app/assets/stylesheets/skate_shops.scss */
.setting__view-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 1358, app/assets/stylesheets/skate_shops.scss */
.setting__view-heading {
  margin: 0px;
  flex-basis: 80%;
}

/* line 1362, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-text-wrapper {
  flex-basis: 25%;
}

/* line 1365, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-text-wrapper input {
  width: -webkit-fill-available !important;
}

/* line 1368, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-heading {
  margin: 0px;
  padding: 0px 0px 20px 0px;
  color: #000;
}

/* line 1373, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-input {
  border-bottom: inset;
}

/* line 1376, app/assets/stylesheets/skate_shops.scss */
.setting__view-add-link {
  flex-basis: 20%;
}

/* line 1379, app/assets/stylesheets/skate_shops.scss */
.setting__view-add-link-text {
  margin: 0px;
}

/* line 1382, app/assets/stylesheets/skate_shops.scss */
.setting__view-card {
  text-decoration: none !important;
}

/* line 1385, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-text {
  padding: 4px 0px;
  color: black;
}

/* line 1389, app/assets/stylesheets/skate_shops.scss */
.settings__details-form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

/* line 1394, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-text-wrapper select {
  width: 100%;
  padding: 10px;
}

/* line 1398, app/assets/stylesheets/skate_shops.scss */
.settings__bank-details-form .setting__view-card-text-wrapper {
  padding: 10px 0px;
  width: 100%;
}

/* line 1402, app/assets/stylesheets/skate_shops.scss */
.booking__form-submit-container input[type="submit"] {
  border-radius: 0px !important;
  background-color: #D3D3D3 !important;
  background-image: none !important;
  border: 0 solid #e2e8f0 !important;
  text-shadow: none !important;
  color: #000;
}

/* line 1410, app/assets/stylesheets/skate_shops.scss */
.booking__form-radio {
  display: flex;
  flex-direction: column;
  margin: 0px;
  width: 40% !important;
}

/* line 1416, app/assets/stylesheets/skate_shops.scss */
.booking__form-radio input[type="checkbox"] {
  margin-left: -44%;
  margin-bottom: -5%;
}

/* line 1420, app/assets/stylesheets/skate_shops.scss */
.setting__view-card-container {
  padding-top: 20px;
}

@media screen and (max-width: 992px) {
  /* line 1425, app/assets/stylesheets/skate_shops.scss */
  .organisation__modal-content, .org__modal-content {
    width: 80%;
  }
}

@media screen and (max-width: 768px) {
  /* line 1430, app/assets/stylesheets/skate_shops.scss */
  .organisation__modal-content, .org__modal-content {
    width: 80%;
  }
  /* line 1434, app/assets/stylesheets/skate_shops.scss */
  .cont {
    margin: 2rem;
    max-width: 100%;
    padding: 0 20px;
  }
  /* line 1440, app/assets/stylesheets/skate_shops.scss */
  .product {
    display: flex;
    flex-direction: column-reverse;
  }
  /* line 1445, app/assets/stylesheets/skate_shops.scss */
  .size-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: 1rem 0px 1rem;
  }
}

@media screen and (max-width: 576px) {
  /* line 1453, app/assets/stylesheets/skate_shops.scss */
  .shop__modal-content {
    width: 95%;
  }
  /* line 1456, app/assets/stylesheets/skate_shops.scss */
  .shop__nav-wrapper {
    padding: 20px 15px;
    flex-basis: 40%;
  }
  /* line 1460, app/assets/stylesheets/skate_shops.scss */
  .shop__nav-view {
    padding: 10px 0px;
    flex-basis: 60%;
  }
  /* line 1464, app/assets/stylesheets/skate_shops.scss */
  .cont {
    margin: 2rem;
    max-width: 100%;
    padding: 0 20px;
  }
  /* line 1469, app/assets/stylesheets/skate_shops.scss */
  .org__view-heading, .book__view-heading, .setting__view-heading {
    font-size: 2em;
  }
  /* line 1472, app/assets/stylesheets/skate_shops.scss */
  .org__nav-view {
    flex-basis: 80%;
    padding: 0px 2px;
    margin-left: 10%;
  }
  /* line 1477, app/assets/stylesheets/skate_shops.scss */
  .stu-heading {
    font-size: 1em;
  }
  /* line 1480, app/assets/stylesheets/skate_shops.scss */
  .org__modal-content {
    width: 100%;
    height: 90%;
  }
  /* line 1484, app/assets/stylesheets/skate_shops.scss */
  .booking__form-input {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0px;
  }
  /* line 1490, app/assets/stylesheets/skate_shops.scss */
  .booking__form-radio input[type="checkbox"] {
    margin-left: -57%;
  }
  /* line 1493, app/assets/stylesheets/skate_shops.scss */
  .booking__form-input, label {
    margin-top: -9% !important;
  }
  /* line 1496, app/assets/stylesheets/skate_shops.scss */
  .booking__form-submit-container input[type="submit"] {
    border-radius: 0px !important;
    background-color: #D3D3D3 !important;
    background-image: none !important;
    border: 0 solid #e2e8f0 !important;
    text-shadow: none !important;
    color: #000;
  }
  /* line 1504, app/assets/stylesheets/skate_shops.scss */
  .org__view-card-container {
    width: 200px;
    margin-right: -14px;
  }
  /* line 1508, app/assets/stylesheets/skate_shops.scss */
  .org__view-card-wrapper {
    justify-content: center;
  }
  /* line 1511, app/assets/stylesheets/skate_shops.scss */
  .org__view-card-wrapper {
    justify-content: end;
    padding-right: 0px;
  }
  /* line 1515, app/assets/stylesheets/skate_shops.scss */
  .organisation__modal-content {
    width: 100%;
  }
  /* line 1518, app/assets/stylesheets/skate_shops.scss */
  .setting__view-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  /* line 1523, app/assets/stylesheets/skate_shops.scss */
  .settings__details-form {
    flex-direction: column;
  }
  /* line 1526, app/assets/stylesheets/skate_shops.scss */
  .setting__view-card-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.2);
    margin: 20px 0px;
  }
  /* line 1536, app/assets/stylesheets/skate_shops.scss */
  .setting__view-header {
    width: 100%;
  }
  /* line 1539, app/assets/stylesheets/skate_shops.scss */
  .book-card-containerr {
    width: 17rem;
  }
  /* line 1542, app/assets/stylesheets/skate_shops.scss */
  .book__view-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  /* line 1548, app/assets/stylesheets/skate_shops.scss */
  .book__view-header {
    width: 100%;
    text-align: left !important;
  }
  /* line 1552, app/assets/stylesheets/skate_shops.scss */
  .book__view-card-wrapper_user {
    width: 300px !important;
    justify-content: space-around !important;
  }
  /* line 1556, app/assets/stylesheets/skate_shops.scss */
  .booking__form-radio label {
    margin-left: 0%;
    margin-bottom: -0%;
  }
  /* line 1560, app/assets/stylesheets/skate_shops.scss */
  .shop__text {
    margin: 30px 0px;
  }
  /* line 1564, app/assets/stylesheets/skate_shops.scss */
  .booking__form-input ~ div {
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding: 20px 0px;
  }
  /* line 1571, app/assets/stylesheets/skate_shops.scss */
  .setting__view-card-container {
    width: -webkit-fill-available;
  }
  /* line 1574, app/assets/stylesheets/skate_shops.scss */
  .book__view-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  /* line 1579, app/assets/stylesheets/skate_shops.scss */
  .shop__nav-view-wrapper {
    width: -webkit-fill-available;
  }
  /* line 1582, app/assets/stylesheets/skate_shops.scss */
  .shop__container {
    width: min-content;
  }
  /* line 1585, app/assets/stylesheets/skate_shops.scss */
  .card {
    width: 14rem;
  }
  /* line 1588, app/assets/stylesheets/skate_shops.scss */
  .shop__nav-view {
    padding: 20px 0px;
    flex-basis: 80%;
  }
  /* line 1592, app/assets/stylesheets/skate_shops.scss */
  .cart-flex {
    flex-direction: column;
  }
  /* line 1595, app/assets/stylesheets/skate_shops.scss */
  .product-card__price-row__cart {
    flex-direction: column;
    align-items: unset;
  }
  /* line 1599, app/assets/stylesheets/skate_shops.scss */
  .setting__view-card-wrapper {
    width: 14rem;
  }
}
/* line 4, app/assets/stylesheets/welcome.scss */
#sub-page {
  display: none;
}

/* The Modal (background) */
/* line 9, app/assets/stylesheets/welcome.scss */
.modal {
  display: none;
  position: fixed;
  z-index: 100;
  padding-top: 40px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
}

/* Modal Content */
/* line 25, app/assets/stylesheets/welcome.scss */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
/* line 34, app/assets/stylesheets/welcome.scss */
.close {
  color: #000;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/welcome.scss */
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* line 48, app/assets/stylesheets/welcome.scss */
.index_card {
  width: 30% !important;
}

/* line 51, app/assets/stylesheets/welcome.scss */
.index_card a img {
  width: -webkit-fill-available;
}

/* line 60, app/assets/stylesheets/welcome.scss */
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 66, app/assets/stylesheets/welcome.scss */
.slider-container {
  width: 100vw;
  height: 65vh;
  position: relative;
  margin: auto;
}

/* line 73, app/assets/stylesheets/welcome.scss */
.image {
  width: 100vw;
  height: 100%;
  object-fit: scale-down;
}

/* line 79, app/assets/stylesheets/welcome.scss */
#itens {
  height: 65vh;
  display: flex;
  overflow-x: auto;
}

/* line 85, app/assets/stylesheets/welcome.scss */
.item {
  flex: none;
  height: 65vh;
  width: 100vw;
  scroll-snap-align: start;
  -webkit-overflow-scrolling: touch;
  pointer-events: none;
}

/* line 94, app/assets/stylesheets/welcome.scss */
.navigation .prev {
  position: absolute;
  left: 10px;
  top: 45%;
}

/* line 100, app/assets/stylesheets/welcome.scss */
.navigation .next {
  position: absolute;
  right: 10px;
  top: 45%;
}

/* line 107, app/assets/stylesheets/welcome.scss */
.navigation .nav-button svg {
  fill: #0000;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  transition: 0.3s;
}

/* line 117, app/assets/stylesheets/welcome.scss */
.navigation .nav-button svg:hover {
  fill: #828282;
}

/* line 122, app/assets/stylesheets/welcome.scss */
.pag {
  padding: 20px 20px 40px 20px;
}

/* line 125, app/assets/stylesheets/welcome.scss */
.page {
  padding: 6px;
}

/* line 128, app/assets/stylesheets/welcome.scss */
.next {
  padding: 5px;
}

/* line 131, app/assets/stylesheets/welcome.scss */
.last {
  padding: 5px;
}

@media screen and (max-width: 768px) {
  /* line 136, app/assets/stylesheets/welcome.scss */
  .index_card {
    width: 100% !important;
  }
  /* line 139, app/assets/stylesheets/welcome.scss */
  .index_card a img {
    width: -webkit-fill-available;
  }
  /* line 146, app/assets/stylesheets/welcome.scss */
  .image {
    width: 100vw;
    height: 100%;
    object-fit: cover;
  }
  /* line 151, app/assets/stylesheets/welcome.scss */
  .slider-container {
    height: 55vh;
  }
  /* line 155, app/assets/stylesheets/welcome.scss */
  .image {
    width: 100vw;
  }
  /* line 159, app/assets/stylesheets/welcome.scss */
  #itens {
    height: 55vh;
  }
  /* line 163, app/assets/stylesheets/welcome.scss */
  .item {
    flex: none;
    height: 55vh;
  }
  /* line 167, app/assets/stylesheets/welcome.scss */
  .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
  }
  /* line 174, app/assets/stylesheets/welcome.scss */
  .modal {
    padding: 0px;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *



 */
/* Superior to basic smooth scroll */
/* line 21, app/assets/stylesheets/application.scss */
html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: no-preference) {
  /* line 26, app/assets/stylesheets/application.scss */
  html {
    scroll-behavior: smooth;
  }
  /* Custom scrollbar for better feel */
  /* line 32, app/assets/stylesheets/application.scss */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  /* line 36, app/assets/stylesheets/application.scss */
  ::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
  }
  /* line 41, app/assets/stylesheets/application.scss */
  ::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
  }
}

/* Momentum scrolling on iOS */
/* line 47, app/assets/stylesheets/application.scss */
.scroll-container {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

/* line 52, app/assets/stylesheets/application.scss */
.stick {
  position: sticky;
  top: 0;
  width: 100%;
}

/* line 57, app/assets/stylesheets/application.scss */
.stickyy {
  background: #fefefe;
  position: sticky;
  top: 63px;
  width: 100%;
  padding-bottom: 15px;
}

/* line 64, app/assets/stylesheets/application.scss */
.nav_modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 100;
  /* Sit on top */
  right: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* line 77, app/assets/stylesheets/application.scss */
.nav_close {
  color: #000;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

/* line 84, app/assets/stylesheets/application.scss */
.nav_close:hover,
.nav_close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* Modal Content */
/* line 92, app/assets/stylesheets/application.scss */
.nav_modal-content {
  position: fixed;
  right: 0;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 25%;
}

/* ****** active admin styling removal */
/* line 104, app/assets/stylesheets/application.scss */
a {
  text-decoration: none !important;
}

/* line 108, app/assets/stylesheets/application.scss */
#map {
  width: 600px;
  height: 600px;
}

/* line 113, app/assets/stylesheets/application.scss */
.mapp {
  width: 600px;
  height: 500px !important;
}

/* line 118, app/assets/stylesheets/application.scss */
.list__view-active {
  border-bottom: 2px solid  #000;
}

/* line 122, app/assets/stylesheets/application.scss */
.map__view-active {
  border-bottom: 2px solid  #000;
}

@media screen and (max-width: 768px) {
  /* line 127, app/assets/stylesheets/application.scss */
  .index__nav {
    display: flex;
    justify-content: center;
  }
  /* line 131, app/assets/stylesheets/application.scss */
  .index__nav, button {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

/* line 137, app/assets/stylesheets/application.scss */
.profile__wrapper {
  padding: 40px;
}

/* line 140, app/assets/stylesheets/application.scss */
.profile__nav-wrapper {
  display: flex;
  justify-content: center;
}

/* line 144, app/assets/stylesheets/application.scss */
.profile__nav-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 50%;
}

/* line 150, app/assets/stylesheets/application.scss */
.profile__nav-link-wrapper {
  width: 25%;
  display: flex;
  justify-content: center;
}

/* line 155, app/assets/stylesheets/application.scss */
.profile__nav-link {
  font-size: 0.9rem;
  text-decoration: none !important;
  color: #000 !important;
}

/* line 161, app/assets/stylesheets/application.scss */
.profile__nav-link-active {
  border-bottom: 2px solid #000;
}

@media screen and (max-width: 576px) {
  /* line 173, app/assets/stylesheets/application.scss */
  .profile__wrapper {
    padding: 0px;
  }
  /* line 176, app/assets/stylesheets/application.scss */
  .profile__nav-container {
    width: 100%;
  }
  /* line 179, app/assets/stylesheets/application.scss */
  .stu_profile {
    justify-content: center;
  }
  /* line 182, app/assets/stylesheets/application.scss */
  .stu__wrapper {
    align-items: flex-start;
    width: 85% !important;
  }
  /* line 187, app/assets/stylesheets/application.scss */
  .setting__view-card-heading {
    padding: 20px 0px 20px 0px;
  }
}