@import '../assets/fonts/articulat/stylesheet.css';
@import '_mixins';

$cDark: #000b18;
$cLime: #e5ff03;
$cBlue: #006eb7;
$cRed: #ff475d;
$cBlack: #141414;
$cWhite: #ffffff;

$fArticulatCF: 'Articulat CF', sans-serif;

* {
	box-sizing: border-box;
	font-family: $fArticulatCF;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0 !important;
}

a {
	text-decoration: none;
}

p {
	margin-top: 0;
}

input[type='checkbox'] {
	&:not([name='gdprPrefItem']) {
		appearance: none !important;

		position: relative;
		display: inline-block;
		width: 20px;
		min-width: 20px;
		height: 20px;
		border: 1px solid #cacaca;
		border-radius: 6px;
		transition: all 250ms ease-in-out;
		overflow: hidden;
		cursor: pointer;

		&::before {
			content: '';
			position: absolute;

			top: -7px;
			left: 20px;
			width: 11px;
			height: 2px;
			background: $cBlue;
			transform: rotate(-50deg);
			transition: all 250ms linear;
		}

		&::after {
			content: '';
			position: absolute;
			top: -5px;
			left: -12px;
			width: 6px;
			height: 2px;
			background: $cBlue;
			transform: rotate(50deg);
			transition: all 250ms linear;
		}

		&:checked {
			&::before {
				top: 8px;
				left: 5px;
			}

			&::after {
				top: 10px;
				left: 3px;
			}
		}
	}
}

.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;

	@each $breakpoint, $max in $container-max-widths {
		@if $breakpoint==sm {
			@media (min-width: 576px) {
				max-width: $max;
			}
		} @else if $breakpoint==md {
			@media (min-width: 768px) {
				max-width: $max;
			}
		} @else if $breakpoint==lg {
			@media (min-width: 992px) {
				max-width: $max;
			}
		} @else if $breakpoint==xl {
			@media (min-width: 1200px) {
				max-width: $max;
			}
		} @else if $breakpoint==xxl {
			@media (min-width: 1400px) {
				max-width: $max;
			}
		}
	}
}

.btn-1 {
	display: inline-block;
	padding: 16px 25px;
	background: $cLime;
	border: 1px solid $cLime;
	border-radius: 8px;

	color: #000 !important;
	font-size: 16px;
	line-height: 1;
	font-weight: 600;
	cursor: pointer;

	@media (max-width: 576px) {
		font-size: 14px;
	}
}

.btn-2 {
	display: inline-block;
	padding: 16px 25px;
	background: transparent;
	border-radius: 8px;
	border: 1px solid rgba($cWhite, 0.3);

	color: $cWhite !important;
	font-size: 16px;
	line-height: 1;
	font-weight: 600;
	cursor: pointer;

	@media (max-width: 576px) {
		font-size: 14px;
	}
}

.btn-3 {
	display: inline-block;
	padding: 16px 25px;
	background: $cBlue;
	border-radius: 8px;

	color: $cWhite !important;
	font-size: 16px;
	line-height: 1;
	font-weight: 600;
	cursor: pointer;

	@media (max-width: 576px) {
		font-size: 14px;
	}
}

.h2-title {
	font-size: 40px;
	font-weight: 600;
	line-height: 1.35;
	margin: 0;

	@include respond-below(lg) {
		font-size: 32px;
	}

	@include respond-below(md) {
		font-size: 26px;
	}
}

body {
	background: #f7f7f7;
}

header#masthead {
	position: relative;
	padding: 20px 0;
	background: $cDark;
	z-index: 1;

	.c-row {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;

		@include respond-between(lg, xl) {
			flex-direction: column;
			row-gap: 20px;
		}

		.site-branding {
			.custom-logo-link {
				line-height: 0;

				.custom-logo {
					display: inline-block;
					width: 187px;
					max-width: unset;
					height: 60px;
				}
			}
		}

		#site-navigation {
			.menu-toggle {
				position: relative;
				width: 30px;
				height: 20px;
				cursor: pointer;
				background: none;
				border: none;
				padding: 0;
				overflow: hidden;
				border-radius: 0;

				@include respond-above(lg) {
					display: none;
				}

				.menu-toggle-line {
					position: absolute;
					left: 0;
					width: 100%;
					height: 3px;
					background: #fff;
					border-radius: 2px;
					transition: all 0.3s ease;
				}

				.menu-toggle-line:nth-child(1) {
					top: 0;
				}

				.menu-toggle-line:nth-child(2) {
					top: 50%;
					transform: translateY(-50%);
				}

				.menu-toggle-line:nth-child(3) {
					bottom: 0;
				}

				&[aria-expanded='true'] {
					height: 25px;

					.menu-toggle-line:nth-child(1) {
						top: 50%;
						transform: translateY(-50%) rotate(45deg);
					}

					.menu-toggle-line:nth-child(2) {
						opacity: 0;
						transform: translateX(-100%);
					}

					.menu-toggle-line:nth-child(3) {
						bottom: auto;
						top: 50%;
						transform: translateY(-50%) rotate(-45deg);
					}
				}
			}

			.menu-menu-container {
				@include respond-below(lg) {
					position: absolute;
					top: calc(100% - 1px);
					left: 0;
					right: 0;
					height: 0;
					overflow: hidden;
					background: $cDark;
					transition: all 250ms ease-in-out;
				}

				#primary-menu {
					display: flex;
					flex-direction: row;
					align-items: center;
					column-gap: 30px;
					@extend .container;

					@include respond-below(xxl) {
						column-gap: 20px;
					}

					@include respond-below(lg) {
						flex-direction: column;
						row-gap: 20px;
						padding-bottom: 30px;
					}

					li.menu-item {
						a {
							color: $cWhite;
							line-height: 1;
							font-weight: 600;

							@include respond-between(lg, xxl) {
								font-size: 14px;
							}
						}

						&#menu-item-126 {
							@include respond-above(lg) {
								margin-right: -10px;
							}

							a {
								@extend .btn-2;

								@include respond-between(lg, xxl) {
									font-size: 14px;
									padding: 15px 10px;
								}
							}
						}

						&#menu-item-127 {
							@include respond-above(lg) {
								margin-right: -10px;
							}

							@include respond-below(lg) {
								margin-top: -10px;
							}

							a {
								@extend .btn-2;

								@include respond-between(lg, xxl) {
									font-size: 14px;
									padding: 15px 10px;
								}
							}
						}

						&#menu-item-128 {
							@include respond-below(lg) {
								margin-top: -10px;
							}

							a {
								@extend .btn-1;

								@include respond-between(lg, xxl) {
									font-size: 14px;
									padding: 15px 10px;
								}
							}
						}
					}
				}
			}
		}
	}
}

footer#colophon {
	background: $cWhite;

	.c-row {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding-top: 40px;
		padding-bottom: 40px;

		@include respond-below(xl) {
			flex-direction: column;
			row-gap: 40px;
		}

		.footer-left {
			ul {
				padding: 0;
				margin: 0;
				list-style: none;

				display: flex;
				flex-direction: row;
				align-items: center;

				@include respond-below(sm) {
					flex-direction: column;
					row-gap: 20px;
				}

				li {
					font-size: 16px;
					line-height: 1.5;
					font-weight: 500;

					&:not(.copyright) {
						color: $cBlack;
					}

					@include respond-above(sm) {
						&:not(:last-child) {
							padding-right: 30px;
							margin-right: 30px;
							border-right: 1px solid #cacaca;
						}
					}

					&.copyright {
						color: #616161;
					}

					a {
						color: $cBlack;
					}

					@include respond-below(md) {
						font-size: 14px;
					}

					@include respond-below(sm) {
						text-align: center;
					}
				}
			}
		}

		.footer-right {
			p {
				color: #616161;
				margin: 0;
				line-height: 1;

				@include respond-below(md) {
					font-size: 14px;
				}

				a {
					color: #616161;
					text-decoration: underline;
				}
			}
		}
	}
}

section#zarezerwuj-miejsce {
	position: relative;
	padding: 80px 0;

	.box-bg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-25%, -50%);

		img {
			width: 100%;
			max-width: fit-content;
		}
	}

	.c-row {
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: center;
		column-gap: 100px;

		@include respond-below(xl) {
			column-gap: 50px;
		}

		@include respond-below(lg) {
			column-gap: 40px;
		}

		@include respond-below(md) {
			flex-direction: column;
			row-gap: 50px;
		}

		.c-col {
			&-1 {
				width: 100%;
				max-width: 680px;

				.h2-title {
					color: $cBlack;
					margin-bottom: 60px;

					strong {
						color: $cBlue;
					}

					@include respond-between(lg, xxl) {
						br {
							display: none;
						}
					}

					@include respond-below(xl) {
						font-size: 30px;
						margin-bottom: 40px;
					}

					@include respond-below(lg) {
						font-size: 28px;
					}
				}

				ul {
					padding: 0;
					margin: 0;
					list-style: none;

					display: flex;
					flex-direction: column;
					row-gap: 30px;

					li {
						display: flex;
						flex-direction: row;
						column-gap: 22px;

						@include respond-below(xl) {
							column-gap: 15px;
						}

						.icon {
							line-height: 1;

							img {
								display: block;
								width: 24px;
								min-width: 24px;
								height: 28px;
								line-height: 1;
								object-fit: contain;
								margin: 5px 0;
							}
						}

						.text {
							p {
								color: $cBlack;
								font-size: 24px;
								font-weight: 500;
								margin-bottom: 0;

								strong {
									font-weight: 700;
								}

								a {
									color: $cBlack;
									font-weight: 700;
									text-decoration: underline;
								}

								@include respond-below(xxl) {
									font-size: 22px;
								}

								@include respond-below(xl) {
									font-size: 18px;
								}

								@include respond-below(lg) {
									font-size: 16px;
								}
							}
						}
					}
				}
			}

			&-2 {
				.form-box {
					padding: 50px;
					background: $cWhite;
					border-radius: 30px;
					box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.05);

					@include respond-below(lg) {
						padding: 30px;
					}

					@include respond-below(sm) {
						padding: 15px;
					}

					.form-head {
						display: flex;
						flex-direction: column;
						align-items: flex-start;
						row-gap: 10px;
						margin-bottom: 30px;

						@include respond-below(lg) {
							margin-bottom: 20px;
						}

						h3 {
							color: $cBlack;
							font-size: 24px;
							line-height: 1.4;
							font-weight: 500;
							margin: 0;

							@include respond-below(lg) {
								font-size: 20px;
							}
						}

						h4 {
							color: $cRed;
							display: inline-block;
							font-size: 14px;
							font-weight: 500;
							line-height: 1;
							margin: 0;
							padding: 9px 10px;
							border-radius: 8px;
							background: rgba($cRed, 0.1);
						}
					}

					.form-content {
						form {
							width: 440px;

							@include respond-below(xl) {
								width: 400px;
							}

							@include respond-below(lg) {
								width: 310px;
							}

							@include respond-below(md) {
								width: 100%;
							}

							.form-fields {
								display: flex;
								flex-direction: row;
								flex-wrap: wrap;
								gap: 16px;

								@include respond-below(sm) {
									gap: 5px;
								}
							}

							.c-item {
								position: relative;
								width: 100%;

								&-1,
								&-2,
								&-3,
								&-3-1,
								&-4,
								&-4-1 {
									width: calc(50% - 8px);
								}

								&-7 {
									.wpcf7-not-valid {
										input[type='checkbox'] {
											border-color: $cRed !important;
										}
									}

									.wpcf7-list-item {
										margin-left: 0;

										label {
											display: flex;
											flex-direction: row;
											align-items: center;
											column-gap: 12px;

											span {
												@include respond-below(lg) {
													font-size: 12px;
												}
											}
										}
									}

									.wpcf7-not-valid-tip {
										display: none !important;
									}
								}

								label {
									.wpcf7-form-control-wrap {
										display: block;
									}

									.wpcf7-not-valid-tip {
										display: none !important;
									}
								}

								input {
									transition: all 250ms ease-in-out;

									&.wpcf7-not-valid {
										border-color: $cRed !important;
									}

									&.wpcf7-date,
									&.wpcf7-text {
										height: 48px;
										width: 100%;
										background: #fff;
										border: 1px solid #cacaca;
										border-radius: 8px;
										box-shadow: none !important;
										outline: none !important;
										padding: 5px 15px;
									}

									&.wpcf7-date {
									}

									&.wpcf7-submit {
										@extend .btn-1;
										border: none;
									}

									&:focus {
										+ p {
											top: -7px;
											font-size: 10px;
											padding: 3px 10px;
										}
									}

									&.wpcf7-text {
										&:not(:placeholder-shown) {
											~ p {
												top: -7px;
												font-size: 10px;
												padding: 3px 10px;
											}
										}
									}

									&.wpcf7-date {
										~ p {
											top: -7px;
											font-size: 10px;
											padding: 3px 10px;
										}
									}
								}

								p {
									color: #616161;
									font-size: 16px;
									font-weight: 500;
									line-height: 1;
									margin: 0;

									position: absolute;
									top: 12px;
									left: 5px;
									background: #fff;
									padding: 4px 10px;
									transition: all 250ms ease-in-out;

									@include respond-below(lg) {
										font-size: 13px;
										top: 14px;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

section#lokalizacja {
	position: relative;
	padding: 80px 0;

	.box-bg {
		position: absolute;
		inset: 0;
	}

	.c-row {
		.card {
			position: relative;
			padding: 40px 80px 40px 50px;
			border-radius: 30px;
			background: $cWhite;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			width: fit-content;

			@include respond-below(md) {
				padding: 30px 40px;
			}

			h3 {
				color: $cBlack;
				font-size: 24px;
				font-weight: 500;
				line-height: 1.4;
				margin-bottom: 20px;
				margin-top: 0;

				@include respond-below(md) {
					font-size: 20px;
				}
			}

			h4 {
				color: $cBlue;
				font-size: 16px;
				font-weight: 500;
				line-height: 1;
				margin-top: 0;
				margin-bottom: 5px;
			}
		}
	}
}

body.page-id-23 {
	main#main {
		.box-1 {
			position: relative;
			display: flex;
			height: 722px;

			@include respond-below(lg) {
				height: 500px;
			}

			.box-bg {
				position: absolute;
				inset: 0;
				max-width: 1920px;
				margin-left: auto;
				margin-right: auto;

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
				}
			}

			.c-row {
				position: relative;
				height: 100%;
				align-content: center;

				h2 {
					color: $cWhite;
					font-size: 64px;
					font-weight: 700;
					line-height: 1.2;
					margin: 0 0 30px 0;

					strong {
						color: $cLime;
						font-weight: 700;
					}

					@include respond-below(lg) {
						font-size: 40px;
					}

					@include respond-below(md) {
						font-size: 32px;
					}
				}

				p {
					color: $cWhite;
					font-size: 24px;
					font-weight: 500;
					line-height: 1.6;

					&:last-child {
						margin-bottom: 0;
					}

					@include respond-below(lg) {
						font-size: 20px;
					}

					@include respond-below(md) {
						font-size: 16px;
					}
				}

				ul {
					padding: 0;
					margin: 40px 0 0 0;
					list-style: none;

					display: flex;
					flex-direction: row;
					gap: 20px;
				}
			}
		}

		.box-2 {
			position: relative;
			padding: 140px 0;

			@include respond-below(lg) {
				padding: 80px 0;
			}

			.c-row {
				.box-title {
					margin-bottom: 60px;

					@include respond-below(lg) {
						margin-bottom: 40px;
					}

					.h2-title {
						color: $cBlack;
					}
				}

				.box-content {
					display: grid;
					grid-template-columns: repeat(3, 1fr);
					gap: 30px;

					@include respond-below(lg) {
						grid-template-columns: repeat(2, 1fr);
					}

					@include respond-below(sm) {
						gap: 5px;
					}

					.tile {
						display: flex;
						flex-direction: column;
						padding: 40px;
						border: 1px solid #cacaca;
						border-radius: 30px;
						background: $cWhite;

						@include respond-below(xl) {
							padding: 30px;
						}

						@include respond-below(md) {
							padding: 20px;
						}

						@include respond-below(sm) {
							padding: 10px;
							border-radius: 15px;
						}

						img {
							display: inline-block;
							margin-bottom: 40px;
							width: 100%;
							max-width: 97px;

							@include respond-below(xl) {
								max-width: 60px;
								margin-bottom: 30px;
							}

							@include respond-below(md) {
								max-width: 40px;
							}
						}

						h3 {
							color: $cBlack;
							font-size: 30px;
							font-weight: 500;
							line-height: 1.35;
							margin: 0 0 30px 0;

							@include respond-below(xl) {
								font-size: 22px;
								margin: 0 0 20px 0;
							}

							@include respond-below(md) {
								font-size: 18px;
							}

							@include respond-below(sm) {
								margin: 0 0 10px 0;
								font-size: 16px;
							}
						}

						p {
							color: #616161;
							font-size: 18px;
							line-height: 1.7;

							&:last-child {
								margin-bottom: 0;
							}

							@include respond-below(xl) {
								font-size: 16px;
							}

							@include respond-below(md) {
								font-size: 14px;
							}

							@include respond-below(sm) {
								line-height: 1.5;
								font-size: 13px;
							}
						}
					}

					.tile-img {
						grid-column-start: 1;
						grid-column-end: 4;

						display: flex;
						flex-direction: row;
						align-items: center;
						gap: 67px;

						.tile-col-1 {
							width: 100%;
							max-width: 578px;
						}

						.tile-col-2 {
							width: 100%;
							max-width: 635px;

							img {
								display: block;
								width: 100%;
								max-width: unset;
								height: 100%;
								border-radius: 10px;
								object-fit: cover;
								margin: 0;
							}
						}

						@include respond-below(lg) {
							grid-column-end: 3;
						}

						@include respond-below(sm) {
							flex-direction: column-reverse;
							row-gap: 24px;
						}
					}
				}
			}
		}

		.box-3 {
			position: relative;
			padding: 80px 0;

			.box-bg {
				position: absolute;
				inset: 0;

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
				}
			}

			.c-row {
				position: relative;
				height: 100%;
				align-items: center;
				display: flex;
				flex-direction: row;
				column-gap: 100px;

				@include respond-below(xxl) {
					column-gap: 50px;
				}

				@include respond-below(xl) {
					flex-direction: column;
					row-gap: 50px;
				}

				.c-col {
					&-1 {
						width: 100%;
						max-width: 520px;

						@include respond-below(xl) {
							max-width: unset;
						}

						.h2-title {
							color: $cWhite;
							margin-bottom: 40px;
						}

						.text {
							margin-bottom: 60px;

							p {
								color: $cWhite;
								font-size: 24px;
								line-height: 1.4;

								&:last-child {
									margin-bottom: 0;
								}

								strong {
									color: $cLime;
								}

								@include respond-below(lg) {
									font-size: 20px;
								}

								@include respond-below(md) {
									font-size: 18px;
								}
							}
						}
					}

					&-2 {
						display: grid;
						grid-template-columns: repeat(2, minmax(280px, 345px));
						gap: 30px;

						@include respond-below(xl) {
							grid-template-columns: repeat(2, 1fr);
							width: 100%;
						}

						@include respond-below(sm) {
							grid-template-columns: 1fr;
						}

						.card {
							border-radius: 30px;
							background: $cWhite;

							&-1 {
								.card-head {
									h4 {
										color: $cRed;
										background: rgba($cRed, 0.1);
									}
								}
							}

							&-2 {
								.card-head {
									h4 {
										color: $cBlue;
										background: rgba($cBlue, 0.1);
									}
								}
							}

							.card-head {
								display: flex;
								flex-direction: column;
								align-items: center;
								row-gap: 10px;
								padding: 40px 0 30px;

								@include respond-below(md) {
									padding: 30px 0 20px;
								}

								h3 {
									color: $cBlack;
									font-size: 24px;
									line-height: 1.4;
									font-weight: 500;
									margin: 0;

									@include respond-below(md) {
										font-size: 20px;
									}
								}

								h4 {
									display: inline-block;
									font-size: 14px;
									font-weight: 500;
									line-height: 1;
									margin: 0;
									padding: 9px 10px;
									border-radius: 8px;
								}
							}

							.card-content {
								margin-bottom: 15px;

								ul {
									padding: 0;
									margin: 0;
									list-style: none;

									display: flex;
									flex-direction: column;

									li {
										display: flex;
										flex-direction: row;
										align-items: center;
										justify-content: space-between;
										gap: 20px;
										padding: 15px 40px;
										border-top: 1px solid #eeeeee;

										color: #616161;
										font-weight: 500;
										line-height: 1;

										strong {
											color: $cBlack;
										}

										@include respond-below(xxl) {
											padding: 15px 20px;
										}

										@include respond-below(md) {
											font-size: 14px;
										}

										@include respond-below(sm) {
											font-size: 16px;
										}
									}
								}
							}
						}
					}
				}
			}
		}

		.box-4 {
			position: relative;
			padding: 130px 0;

			.box-bg {
				position: absolute;
				inset: 0;

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
				}
			}

			.c-row {
				position: relative;
				height: 100%;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: space-between;
				column-gap: 100px;

				@include respond-below(xl) {
					flex-direction: column;
					row-gap: 70px;
				}

				.c-col {
					&-1 {
						width: 100%;
						max-width: 520px;

						@include respond-below(xl) {
							max-width: unset;
						}

						.h2-title {
							color: $cWhite;
							margin-bottom: 40px;
						}

						.text {
							margin-bottom: 60px;

							p {
								color: $cWhite;
								font-size: 24px;
								line-height: 1.4;

								&:last-child {
									margin-bottom: 0;
								}

								strong {
									color: $cLime;
								}

								@include respond-below(lg) {
									font-size: 20px;
								}

								@include respond-below(md) {
									font-size: 18px;
								}
							}
						}
					}

					&-2 {
						display: flex;
						flex-direction: column;
						row-gap: 26px;

						@include respond-below(xl) {
							width: 100%;
						}

						.card {
							background: rgba(#010e1e, 0.5);
							border: 1px solid rgba(#ffffff, 0.3);
							border-radius: 22px;
							padding: 33px 40px;

							display: flex;
							flex-direction: row;
							align-items: center;
							gap: 30px;

							&:first-child {
								.card-content {
									h3 {
										color: $cLime;
										text-decoration: underline;
									}
								}
							}

							@include respond-below(md) {
								padding: 20px 30px;
							}

							.card-num {
								width: 42px;
								min-width: 42px;
								height: 42px;
								display: flex;
								align-items: center;
								justify-content: center;
								border-radius: 100%;
								background: $cLime;

								span {
									color: #000;
									font-size: 18px;
									font-weight: 500;
									line-height: 1;
								}
							}

							.card-content {
								display: flex;
								flex-direction: column;
								row-gap: 10px;

								h3 {
									color: $cWhite;
									font-size: 24px;
									font-weight: 500;
									line-height: 1.4;
									margin: 0;

									@include respond-below(md) {
										font-size: 20px;
									}
								}

								p {
									margin: 0;
									color: rgba($cWhite, 0.7);
									font-size: 18px;
									font-weight: 500;
									line-height: 1;

									@include respond-below(md) {
										font-size: 16px;
										font-weight: 400;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

body.page-id-3,
body.page-id-1317 {
	main#main {
		padding-top: 140px;
		padding-bottom: 140px;
		border-bottom: 1px solid #ababab;

		@include respond-below(md) {
			padding-top: 80px;
			padding-bottom: 80px;
		}

		article {
			header.entry-header {
				margin-bottom: 30px;

				.entry-title {
					color: $cBlack;
					font-size: 40px;
					font-weight: 600;
					line-height: 1.35;
					margin: 0;

					@include respond-below(md) {
						font-size: 30px;
					}
				}
			}

			.entry-content {
				margin: 0;

				h2 {
					color: $cBlack;
					font-size: 30px;
					font-weight: 500;
					line-height: 1.3;

					&:first-child {
						margin: 0;
					}

					@include respond-below(md) {
						font-size: 22px;
					}
				}

				h3 {
					color: $cBlack;
					font-size: 30px;
					font-weight: 700;
					line-height: 1.3;
					margin: 80px 0 30px;

					@include respond-below(md) {
						font-size: 22px;
						margin: 50px 0 20px;
					}
				}

				ul,
				ol {
					margin: 0;
					padding-left: 20px;

					li {
						color: #616161;
						font-size: 18px;
						font-weight: 500;
						line-height: 1.7;

						@include respond-below(md) {
							font-size: 16px;
						}
					}
				}

				p {
					color: #616161;
					font-size: 18px;
					font-weight: 500;
					line-height: 1.7;

					@include respond-below(md) {
						font-size: 16px;
					}
				}
			}
		}
	}
}

.xdsoft_datetimepicker {
	width: 100%;
	max-width: 213px;
	border-radius: 10px;

	.xdsoft_timepicker {
		width: calc(100% - 8px);
	}

	.xdsoft_prev,
	.xdsoft_next {
		left: 50%;
		margin-left: 0 !important;
		transform: translateX(-50%);
	}
}

#menu-item-126 {
	a {
		text-align: center;

		span {
			color: #e5ff03;
			font-size: 14px;
			font-weight: normal;
		}
	}
}