@import './media.css';
@import './cards.css';
@import './navbar.css';

html {
  font-size: 16px;
  scroll-behavior: smooth;
}
:root {
  --bs-body-font-family: 'Montserrat', sans-serif;
  --bs-body-bg-rgb: 255, 254, 255;
  --bs-body-bg: rgb(var(--bs-body-bg-rgb));
  --bs-body-color: var(--bs-dark);
  --bs-body-text-align: left;

  --bs-primary-rgb: 122, 101, 105;
  --bs-primary: #7a6569;
  --bs-primary-bg-subtle: #dbd4d3;  /* .2 from primary */
  --bs-primary-border-subtle: #d0c6c5; /* .3 from primary */
  --bs-primary-text-emphasis: rgb(122,101,105);
  --bs-secondary-rgb: 114, 113, 117;
  /* --bs-secondary-rgb: 140, 177, 204; */
  --bs-secondary: rgb(var(--bs-secondary-rgb));
  --bs-secondary-bg-rgb: 244, 240, 237;

  --bs-tertiary-bg: #f7f6f7;

  --bs-light-rgb: 244,240,237;
  --bs-light-bg-subtle: rgba(var(--bs-light-rgb), .5);
  --bs-light: rgb(var(--bs-light-rgb));
  --bs-dark-rgb: 34, 48, 64;
  --bs-dark-rgb: 24, 33, 42;
  --bs-dark: rgb(var(--bs-dark-rgb));

  --bs-accent-rgb: 124, 118, 110;
  --bs-accent: rgb(var(--bs-accent-rgb));
  --bs-font-sans-serif: 'Tenor Sans', sans-serif;
  --bs-heading-color: rgba(var(--bs-primary-rgb), 1);
  --bs-text-opacity: 1;
  --bs-link-opacity: 1;
  --bs-border-color: #dbd1d1;
  --bs-box-shadow-md: 0 .1rem .5rem rgba(0, 0, 0, 0.1);
}

/* TEXT */

h1, h2, h3, h4, h5, h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  font-family: var(--bs-font-sans-serif) !important;
  color: var(--bs-heading-color);
}
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  text-align: center;
}
h2 {
  margin-bottom: 3rem;
}
#content h2 {
  text-align: center;
	margin-top: 3rem;
}
#politique_de_confidentialite h2 {
  text-align: start;
}
.bg-dark h2 {
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

p, dl, ol, ul {
  margin-bottom: 1rem;
}
p:last-child,
figure,
#notification p {
  margin-bottom: 0 !important;
}
li::marker {
  color: var(--bs-primary);
}

.font-body {
  font-family: var(--bs-body-font-family) !important;
}

/* LINKS */

a {
  text-decoration: none;
}

a:hover {
	--bs-link-opacity: 0.8;
}

/* ICONS */

section .bi,
#toTop .bi {
  color: var(--bs-primary);
}

/* BACKGROUNDS */

.bg-muted {
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-primary {
  background-color: var(--bs-primary) !important;
}
.bg-accent {
  background-color: rgba(var(--bs-accent-rgb), .1);
}

/* BUTTONS */

.btn {
	--bs-btn-padding-x: 2rem;
	--bs-btn-padding-y: 1rem;
	--bs-border-radius: 50rem;
}
.buy-ticket button:hover {
  color: var(--bs-body-bg) !important;
}

.bg-dark .btn {
  --bs-btn-border-width: 2px;
}
.btn-group-sm > .btn, .btn-sm {
	padding: .4rem 1.1rem .5rem !important;
	--bs-border-radius-sm: var(--bs-border-radius);
}
.btn:hover {
	filter: brightness(95%);
}
.btn-primary, .buy-ticket button {
	--bs-btn-color: var(--bs-body-bg);
	--bs-btn-bg: rgb(var(--bs-primary-rgb));
	--bs-btn-border-color: rgb(var(--bs-primary-rgb));
	--bs-btn-hover-color: var(--bs-body-bg);
	--bs-btn-hover-bg: rgb(var(--bs-primary-rgb));
	--bs-btn-hover-border-color: rgb(var(--bs-primary-rgb));
	--bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
	--bs-btn-active-color: var(--bs-body-bg);
	--bs-btn-active-bg: var(--bs-primary);
	--bs-btn-active-border-color: rgb(var(--bs-primary-rgb));
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--bs-body-bg);
	--bs-btn-disabled-bg: rgba(var(--bs-primary-rgb), .8);
	--bs-btn-disabled-border-color: rgba(var(--bs-primary-rgb), .8);
}
.btn-light {
	--bs-btn-color: var(--bs-primary);
	--bs-btn-bg: var(--bs-light);
	--bs-btn-border-color: var(--bs-light);
	--bs-btn-hover-color: var(--bs-primary);
	--bs-btn-hover-bg: var(--bs-light);
	--bs-btn-hover-border-color: var(--bs-light);
	--bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
	--bs-btn-active-color: var(--bs-primary);
	--bs-btn-active-bg: var(--bs-light);
	--bs-btn-active-border-color: var(--bs-light);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--bs-primary);
	--bs-btn-disabled-bg: var(--bs-light);
	--bs-btn-disabled-border-color: var(--bs-light);
}
.btn-outline-primary {
	--bs-btn-color: var(--bs-primary) !important;
	--bs-btn-border-color: var(--bs-primary) !important;
	--bs-btn-border-width: 2px;
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: var(--bs-primary) !important;
	--bs-btn-hover-border-color: var(--bs-primary) !important;
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-primary) !important;
	--bs-btn-active-border-color: var(--bs-primary) !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-outline-light {
	--bs-btn-color: var(--bs-light);
	--bs-btn-border-color: var(--bs-light) !important;
	--bs-btn-hover-color: var(--bs-dark);
	--bs-btn-hover-bg: var(--bs-light);
	--bs-btn-hover-border-color: var(--bs-dark);
	--bs-btn-focus-shadow-rgb: 248, 249, 250;
	--bs-btn-active-color: var(--bs-dark);
	--bs-btn-active-bg: transparent;
	--bs-btn-active-border-color: var(--bs-light);
	--bs-btn-active-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2) --bs-btn-disabled-color: #f8f9fa;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-light);
	border-radius: 2rem;
	padding: .6rem 1.2rem;
	will-change: box-shadow;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-close {
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237a6569'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: .7;
  --bs-btn-close-hover-opacity: .9;
  --bs-btn-close-focus-shadow: unset !important;
  --bs-btn-close-focus-shadow: unset !important;
}

/* AFISHA WIDGET BUTTON */

.afishaWidget__button {
	--bs-btn-padding-x: 2rem;
	--bs-btn-padding-y: 1rem;
	--bs-border-radius: 50rem;
    height: auto !important;
}
.afishaWidget__button:hover {
    filter: brightness(95%);
}
.buy-ticket .afishaWidget__button,
.buy-ticket > button,
.buy-ticket > .btn {
    width: 100% !important;
}
.buy-ticket .afishaWidget__button,
.buy-ticket > .btn {
	font: unset !important;
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) !important;
	text-transform: unset !important;
	border: 0;
	border-radius: var(--bs-border-radius) !important;
	color: var(--bs-btn-color) !important;
	background: var(--bs-btn-bg) !important;
	box-shadow: unset !important;
	text-shadow: unset !important;
}
.buy-ticket .afishaWidget__button:hover,
.buy-ticket .afishaWidget__button:active,
.buy-ticket > .btn:hover {
	text-decoration: unset;
	opacity: 1 !important;
	background: var(--bs-btn-hover-bg) !important;
}

.title-container {
	display: inline;
}
.title-content {
  display: inline-block;
  word-wrap: break-word;
}

/* PAGINATION */

.pagination {
	--bs-pagination-padding-x: 1.5rem;
	--bs-pagination-padding-y: .75rem;
	--bs-pagination-color: var(--bs-primary);
	--bs-pagination-bg: var(--bs-white);
	--bs-pagination-border-width: 1px;
	--bs-pagination-border-color: var(--bs-primary-border-subtle);
	--bs-pagination-border-radius: 50rem;
	--bs-pagination-hover-color: var(--bs-primary);
	--bs-pagination-hover-bg: var(--bs-light);
	--bs-pagination-hover-border-color: var(--bs-border-color);
	--bs-pagination-focus-color: var(--bs-primary);
	--bs-pagination-focus-bg: var(--bs-light);
	--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
	--bs-pagination-active-color: var(--bs-primary);
	--bs-pagination-active-bg: var(--bs-light);
	--bs-pagination-active-border-color: var(--bs-primary-border-subtle);
	--bs-pagination-disabled-color: var(--bs-secondary-color);
	--bs-pagination-disabled-bg: var(--bs-secondary-bg);
	--bs-pagination-disabled-border-color: var(--bs-border-color);
	display: flex;
	padding-left: 0;
	list-style: none;
}

/* FORMS */

.form-control {
  background-color: var(--bs-white);
}
.form-control:focus {
	color: var(--bs-body-color);
	background-color: var(--bs-white);
	border-color: var(--bs-primary-border-subtle);
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb),.2);
}
.form-check-input {
	width: 1.4rem;
	height: 1.4rem;
	min-width: 1.4rem !important;
	background-color: var(--bs-white);
}
.form-check-input:checked {
	background-color: var(--bs-primary-text-emphasis);
	border-color: #6e5b5f;
}
.form-check-input:focus {
	border-color: var(--bs-primary-border-subtle);
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb),.2);
}
.purpose-table > :not(caption) > * > * {
	padding: 1.5rem 1.5rem !important;
}
form .errorlist {
	padding: .5rem 1rem;
	list-style: none;
	text-align: start;
	margin: 0 auto .5rem;
	background-color: var(--bs-danger-bg-subtle);
	border: 1px solid var(--bs-danger-border-subtle);
	color: var(--bs-danger-text-emphasis);
	border-radius: var(--bs-border-radius);
	width: 100%;
	font-size: .85rem;
}


/* RULE CARDS */

.rule-card li::marker {color: var(--bs-body-color);}
.rule-card ul {
 margin-bottom: 0;
 line-height: 1.6;
}
.rule-card .bi {
  font-size: 2.6rem;
}
.rule-card, .rule-header {
  display: flex;
}
.rule-card {
  flex-wrap: wrap;
  background: var(--bs-white);
  border-radius: var(--bs-border-radius-xl);
}
.rule-header {
  flex-direction: column;
  align-items: center;
  border-top-left-radius: calc(var(--bs-border-radius-xl) - 2px);
  border-top-right-radius: calc(var(--bs-border-radius-xl) - 2px);
}
.rule-header div {
  text-align: center;
  margin: auto 0;
}
.rule-card.primary,
.rule-card.primary .rule-header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.rule-card.second {
  margin-top: 0 !important;
  border-top: 3px solid var(--bs-warning-bg-subtle) !important;
}
.rule-card.second,
.rule-card.second .rule-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* FOOTER */

footer a {
  color: var(--bs-light);
}
footer a:hover {
  color: var(--bs-white);
}

/* COOKIES */

#cookie-notice > div,
#cookie-notice a {
  color: var(--bs-light);
}
#cookie-notice > div {
	display: block;
	background: rgba(0, 0, 0, .75);
	border-radius: var(--bs-border-radius-lg);
	max-width: 610px;
	font-size: .75rem;
}
#cookie-notice a {
  border-bottom: 1px solid var(--bs-light);
}
#cookie-notice .cookie-icon {
  color: var(--bs-warning);
}
.bi-cookie {
  width: 2rem; height: 2rem;
}


/* OTHER */

.shadow-md {
  box-shadow: var(--bs-box-shadow-md) !important;
}

#toTop {
  font-size: 4rem;
  color: var(--bs-gray-800);
  position: fixed;
  right: 3vw;
  bottom: 2rem;
  z-index: 2000;
  display: none;
  opacity: .5;
}
#yandex-maps-reviews iframe {
	width: 760px;
	box-shadow: var(--bs-box-shadow-md) !important;
}
hr {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(var(--bs-light-rgb), 1), rgba(var(--bs-primary-rgb), 1), rgba(var(--bs-light-rgb), 1));
}
.table {
  margin-bottom: unset;
}
article, section {
  scroll-margin-top: 1em;
}
#map, #map iframe {
  height: calc(250px + 15vw);
}

/* SUBWAY */
.circle-blue {color: #0078bf !important;}
.circle-red {color: #da2128 !important;}
.circle-green {color: #48b85e !important;}
.circle-orange {color: #f58220 !important;}
.circle-light-blue {color: #00c1f3 !important;}
.circle-brown {color: #894e35 !important;}
.circle-purple {color: #8e479b !important;}
.circle-yellow, .line-8a {color: #ffc61a !important;}
.circle-salad {color: #b4d445 !important;}
.circle-pink {color: #e66ac0 !important;}
.line-11 {color: #6ac9c8 !important;}
.line-12 {color: #acbfe3 !important;}
.line-circle {margin-right: 2px;}

textarea.form-control {
  resize: none;
  overflow-y: hidden;
  min-height: 80px;
  box-sizing: border-box;
}

@media screen and (max-width:576px){
  .nav-link {
    font-size: 1.2rem;
  }
  .navbar-nav {
    --bs-nav-link-padding-y: 1rem;
  }
}

/* SMALL > 576px */
@media (min-width: 576px) {
  .navbar {
    --bs-navbar-padding-y: .5rem;
  }
  .navbar-nav {
    --bs-nav-link-padding-y: .5rem;
  }
  .navbar-brand {
    --bs-navbar-brand-margin-end: 1rem;
  }
}

/* MEDIUM > 768px */
@media (min-width: 768px) {
  ul, ol {
    padding-left: 3rem;
  }
  .rule-header {
    border-top-right-radius: 0;
    border-bottom-left-radius: calc(var(--bs-border-radius-xl) - 2px);
  }
}

/* LARGE > 992px */
@media (min-width: 992px) {
  html {
    font-size: 17px;
  }
}

@media (max-width: 992px) {
  .nav-link {
    padding: .5rem; margin: 0 .2rem 0;
  }
  .nav-link:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb),.2);
    border-radius: var(--bs-border-radius);
    padding: .5rem;
  }
}

/* XL */
@media (min-width:1200px) {
  #home-page h1 {
	  font-size: 2.8rem;
  }
  #home-page h2 {
    font-size: 2.8rem;
  }
  #rules ul {
    padding-left: 5rem;
  }
}

/* XXL */
@media (min-width:1400px) {
  html {
    font-size: 18px;
  }
  #home-page h1 {
	  font-size: 3rem;
  }
  #home-page h2 {
    font-size: 3rem;
  }
}