/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/routes/afisha/afisha-page.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.afisha-page_wrapper__CKtxU {
  display: grid;
  height: 100%;
  width: 100%;
  padding: 70px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 100px;
  grid-row-gap: 20px;
  grid-template-areas: "reserve reserve" "description events" "gallery events";
}

.afisha-page_reserve__IG2wf {
  grid-area: reserve;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.afisha-page_reserve__IG2wf .afisha-page_first__t99OD {
  font-family: var(--font-montserrat-alternates);
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}
.afisha-page_reserve__IG2wf .afisha-page_second__JhEXO {
  font-family: var(--font-montserrat);
  font-weight: 500;
  line-height: 1.5rem;
}

.afisha-page_description__L1_go {
  grid-area: description;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.afisha-page_description__L1_go h1 {
  font-family: var(--font-montserrat);
  font-weight: 500;
  line-height: 2rem;
}
.afisha-page_description__L1_go h2 {
  font-family: var(--font-montserrat-alternates);
  font-size: 4rem;
  font-weight: 700;
  line-height: 2rem;
}
.afisha-page_description__L1_go p {
  padding-top: 1rem;
  font-family: var(--font-montserrat);
  font-weight: 400;
  line-height: 2rem;
}

.afisha-page_events__AGaOO {
  grid-area: events;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.afisha-page_events__AGaOO .afisha-page_eventWrapper__I9BQk {
  display: flex;
}
.afisha-page_events__AGaOO .afisha-page_event__LB1xk {
  display: flex;
  flex-direction: column;
  flex: 7 1;
  gap: 10px;
}
.afisha-page_events__AGaOO .afisha-page_eventDate__nV3Kj {
  font-family: var(--font-montserrat);
  font-weight: 600;
  font-size: 0.8rem;
  color: rgb(255, 102, 0);
}
.afisha-page_events__AGaOO .afisha-page_eventTitle__l6QJo {
  font-family: var(--font-montserrat-alternates);
  font-size: 1.5rem;
  font-weight: 700;
  max-width: 25rem;
}
.afisha-page_events__AGaOO .afisha-page_eventDescription__7gXlV {
  font-family: var(--font-montserrat);
  font-weight: 400;
}
.afisha-page_events__AGaOO .afisha-page_eventButton__eZ8lL {
  display: inline-flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  flex: 1 1;
  height: 1rem;
}

.afisha-page_gallery__kSgrD {
  grid-area: gallery;
  display: flex;
  gap: 20px;
  align-items: center;
}
.afisha-page_gallery__kSgrD .afisha-page_galleryText__f6PNv {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.afisha-page_gallery__kSgrD h2 {
  font-family: var(--font-montserrat-alternates);
  font-size: 2rem;
  font-weight: 700;
  line-height: 3rem;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .afisha-page_wrapper__CKtxU {
    padding: 70px 20px;
    overflow: auto;
    grid-template-columns: 1fr;
    grid-template-areas: "description" "events" "gallery" "reserve";
  }
  .afisha-page_description__L1_go h2 {
    font-size: 2rem;
    text-align: center;
  }
  .afisha-page_reserve__IG2wf {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .afisha-page_sendButton___HWef {
    width: 100%;
  }
  .afisha-page_sendButton___HWef button {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .afisha-page_wrapper__CKtxU {
    padding: 70px 20px;
    overflow: auto;
    grid-template-columns: 1fr;
    grid-template-areas: "description" "events" "gallery" "reserve";
  }
  .afisha-page_description__L1_go h2 {
    font-size: 2rem;
    text-align: center;
  }
  .afisha-page_reserve__IG2wf {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .afisha-page_sendButton___HWef {
    width: 100%;
  }
  .afisha-page_sendButton___HWef button {
    width: 100%;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/custom-button/custom-button.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.custom-button_button__HDp2W {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--foreground);
  color: var(--background);
  font-family: var(--font-montserrat-alternates);
  border-radius: 30px;
  padding: 20px 30px;
  border: none;
  cursor: pointer;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/LinkButton/LinkButton.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LinkButton_linkButton__tSNx1 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--foreground);
  color: var(--background);
  font-family: var(--font-montserrat-alternates);
  border-radius: 30px;
  padding: 20px 30px;
  border: none;
  cursor: pointer;
}