/* CPT Page - single-defender */
body.single-defender {
	.navbar-wrapper {
		background-color: var(--tl-black);
	}

	.page-wrapper {
		padding-top: 120px;
		@media only screen and (max-width: 768px) {
			padding-top: 0;
		}

		.header {
			display: none;
		}

		.section_1 {
			.section_1__inner {
				padding-left: var(--general-margin) !important;
				padding-right: var(--general-margin) !important;
				@media only screen and (max-width: 1200px) {
					margin-top: 20px;
				}

				.section_1__inner--left {
					width: 70%;
					@media only screen and (max-width: 1200px) {
						width: 100%;
					}

					.inner {
						width: 50%;
						@media only screen and (max-width: 768px) {
							width: 100%;
							padding: 0 !important;
							margin-bottom: 20px !important;
						}

						&:nth-child(3n+1) {
							width: 100%;
						}
					}

					.interested-contact {
						a {
							color: inherit;
							text-decoration: underline;
							font-weight: 400 !important;
							font-variation-settings: 'wght' 400;
						}
					}

					div {
						&:nth-of-type(2) {
							order: 0 !important;
						}
					}
				}
			}


			#sidebar {
				width: 30%;
				padding-right: 37.5px;
				@media only screen and (max-width: 1200px) {
					width: 100%;
				}
				@media only screen and (max-width: 768px) {
					padding-right: 0;
				}

				.sidebar-inner {
					padding-left: 0;
					padding-right: 0;

					h1 {
						margin-top: 20px;
						margin-bottom: 50px;
						font-size: 50px;
						text-transform: uppercase;

						body.night & {
							color: var(--tl-white);
						}
					}

					.info-items {
						display: grid;
						grid-template-columns: repeat(2, 1fr);
						gap: 20px;

						.info-item {
							@media only screen and (max-width: 1200px) {
								text-align: left;
							}

							span {
								display: block;
								margin-bottom: 10px;
								text-transform: uppercase;
								color: #848484;

								body.night & {
									color: var(--tl-white);
								}
							}

							p {
								font-family: var(--tl-font-bodoni);

								body.night & {
									color: var(--tl-white) !important;
								}
							}
						}
					}

					.wrapper-general-info {
						margin-top: 40px;
						margin-bottom: 30px;
						line-height: 1.8;
						text-align: left;

						a {
							color: inherit;
							text-decoration: underline;
							font-weight: 400 !important;
							font-variation-settings: 'wght' 400;
						}
					}


					#myGroup {
						@media only screen and (max-width: 768px) {
							padding 0;
						}
					}

					.extra-info {
						.extra-info__item {
							a {
								display: block;
								padding-bottom: 6px;
							}

							#work_done {
								line-height: 1.8;
							}
						}
					}

					.inquire {
						max-width: none;
						margin: 40px 0 0 0;
						@media only screen and (max-width: 768px) {
							margin-bottom: 70px;
						}

						.button-general {
							margin-left: auto;
							width: fit-content !important;
							background-color: transparent !important;

							&:hover {
								background-color: var(--tl-black) !important;
								color: var(--tl-white) !important;
							}
						}
					}
				}
			}
		}

		.producten {
			.producten__inner {
				padding-left: max(var(--general-margin), (100% - 1650px) / 2);
				padding-right: var(--general-margin);

				.producten__inner--content {
					margin-bottom: 100px;
					@media only screen and (max-width: 1200px) {
						margin-bottom: 70px;
					}

					h3 {
						font-family: var(--tl-font-bodoni);
						font-size: 34px;
						text-transform: uppercase;
						@media only screen and (max-width: 768px) {
							font-size: 28px;
						}
					}
				}

				.swiper-producten {
					padding-bottom: 0;

					.swiper-wrapper {
						.swiper-slide {
							margin-right: 45px !important;
							@media only screen and (max-width: 1200px) {
								margin-right: 25px !important;
							}

							.swiper-slide__item {
								a {
									h3 {
										text-transform: uppercase;

										body.night & {
											color: var(--tl-white);
										}
									}
								}
							}
						}
					}

					.swiper-scrollbar {
						display: none;
					}
				}

				.swiper-next {
					display: none;
				}
			}
		}

		.inquire-2 {
			bottom: var(--general-margin);
			left: var(--general-margin);

			.button-enquire-now {
				body.night & {
					background-color: var(--tl-black);
				}
			}
		}

		#button {
			right: 20px;
		}

		.scroll-down {
			display: none;
		}
	}
}