/*
Theme Name: Nbry Theme v2
Author: Студия «Бриолин»
Author URI: bryolin.ru
Version: 2
*/


:root {
	--white: #FFF;
	--main: #242E4E;
	--secondary: #35778E;
	--dark: #5C9887;
	--medium: #C2D7C3;
	--light: #EAF0CE;
	--orange: #F58F29;
	--pink: #FF4365;
	--red: #CA054D;
	--purple: #A67DB8;
	--yellow: #E6D990;
	--powdery: #EFB0A1;
	--brown: #C49991;
	--yellowlight: #FFFDF8;
	
	--bs-body-color: #242E4E;
	--bs-body-font-family: "Merriweather", sans-serif;
	--bs-body-font-weight: 200;
}

/*---------- ТЕКСТ ----------*/

body {
	font-style: normal;
}

h1 {
	font-family: "Montserrat", sans-serif;
	font-weight: 900;
	font-style: normal;	
	font-size: calc(2.5rem + 1vw);
}

h2 {
	font-family: "Montserrat", sans-serif;
	font-weight: 900;
	font-style: normal;	
	font-size: calc(1.75rem + 1vw);	
}

h3, .fs-min, .accordion-button {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-style: normal;	
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: calc(0.6rem + 0.3vw);
	line-height: 1.4;
}

.badge {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-style: normal;	
	color: var(--main);
}

.fs-max {
	font-family: "Montserrat", sans-serif;
	font-weight: 900;
	font-style: normal;	
	font-size: calc(1rem + 1vw);	
}

.navbar-brand {
	font-size: 0.9rem;
}

.text-right {
	text-align: right !important;
}

/*---------- ССЫЛКИ ----------*/

a { 
	color: var(--main);
	text-decoration: none; 
}
a:hover { 
	color: var(--red);
	text-decoration: none; 
}

/*---------- КНОПКИ ----------*/

.btn {
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: 0.9rem;
	--bs-btn-border-radius: 0.5rem;
}

.btn-primary {
	--bs-btn-bg: var(--pink);
	--bs-btn-border-color: var(--pink);
	--bs-btn-hover-bg: var(--red);
	--bs-btn-hover-border-color: var(--red);
}

.btn-secondary {
	--bs-btn-bg: var(--dark);
	--bs-btn-border-color: var(--dark);
	--bs-btn-hover-bg: var(--red);
	--bs-btn-hover-border-color: var(--red);
}

.btn-outline-primary {
	border-color: var(--pink);
}

.btn-link {
	--bs-btn-color: var(--dark);
	--bs-btn-hover-color: var(--red);
	--bs-btn-padding-x: 0px!important;
	text-decoration: none;
}

/*---------- ОТСТУПЫ ----------*/

.mt-xs { margin-top: 8px; }
.mt-sm { margin-top: 16px; }
.mt-md { margin-top: 32px; }
.mt-lg { margin-top: 64px; }
.mt-xl { margin-top: 128px; }
.mt-xxl { margin-top: 200px; }

.mb-xs { margin-bottom: 8px; }
.mb-sm { margin-bottom: 16px; }
.mb-md { margin-bottom: 32px; }
.mb-lg { margin-bottom: 64px; }
.mb-xl { margin-bottom: 128px; }
.mb-xxl { margin-bottom: 200px; }

.pt-xs { padding-top: 8px; }
.pt-sm { padding-top: 16px; }
.pt-md { padding-top: 32px; }
.pt-lg { padding-top: 64px; }
.pt-xl { padding-top: 128px; }
.pt-xxl { padding-top: 200px; }

.pt-xs { padding-bottom: 8px; }
.pb-sm { padding-bottom: 16px; }
.pb-md { padding-bottom: 32px; }
.pb-lg { padding-bottom: 64px; }
.pb-xl { padding-bottom: 128px; }
.pb-xxl { padding-bottom: 200px; }

/*---------- ЦВЕТА ----------*/

.text-light {
	color: var(--light);
}

/*---------- ФОНЫ ----------*/

.bg-dark {
	background-color: var(--dark) !important;
}

.bg-medium {
	background-color: var(--medium) !important;
}
.bg-light {
	background-color: var(--light) !important;
}
.bg-orange {
	background-color: var(--orange);
}
.bg-purple {
	background-color: var(--purple);
}
.bg-yellow {
	background-color: var(--yellow);
}
.bg-powdery {
	background-color: var(--powdery);
}
.bg-brown {
	background-color: var(--brown);
}
.bg-yellowlight {
	background-color: var(--yellowlight);
}
.badge-bg {
	background-color: var(--yellowlight);
}

/*---------- МЕНЮ ----------*/

.navbar-nav .nav-link {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  transition: background-color 0.3s ease;
}

.navbar-nav .nav-link:hover {
  background-color: var(--light);
}

/*---------- SWIPPER ----------*/

.swiper-pagination-bullet-active {
	background: var(--secondary) !important;
}
.swiper-pagination-bullet {
	background: var(--dark) !important;
}

/*---------- ЭТАПЫ ----------*/

.stage {
	height: 250px;
}

/*---------- FAQ ----------*/

.accordion-item {
	border-top: none;
	border-left: none;
	border-right: none;
}

.accordion-item:last-child {
	border-bottom: none;
}

[aria-expanded="true"] {
	background: none !important;
	border: none !important;
}

.accordion-button:focus {
	box-shadow: none;
}

/*---------- СТАТЬЯ ----------*/

article h2 {
	margin-top: 32px;
}

.list-unstyled li {
	padding-bottom: 4px;
}