/* Single post */
.single-post {
	#site-content {
		.header-blog-post {
			position: relative;

			.wrapper-iframe {
				position: relative;
				height: 0;
				overflow: hidden;
				max-width: 100%;
				
				iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}
			}
			
			.view {
				img {
					width: 100%;
					height: 100vh;
					object-fit: cover;
					object-position: center;
				}
			}

			.wrapper-text-button {
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				padding: 0 20px;
				
				h1 {
					font-family: var(--tl-font-bodoni);
					font-weight: 400;
					font-variation-settings: 'wght' 400;
					color: #fff;
					text-align: center;
				}

				.wrapper-text {
					width: 100%;
					max-width: 700px;
					margin: 0 auto;
					text-align: center;
					color: #fff;
					font-family: var(--tl-font-bodoni);
					font-size: 26px;
					line-height: 1.4;
				}
			}
			
			&.header-image-mobile-available {
				.view {
					&.mobile-view {
						display: none;
						@media only screen and (max-width: 768px) {
							display: block;
						}
					}

					&.desktop-view {
						@media only screen and (max-width: 768px) {
							display: none;
						}
					}
				}
			}
		}

		article {
			padding-left: var(--general-margin);
			padding-right: var(--general-margin);
			@media only screen and (max-width: 768px) {
				padding-left: 0;
				padding-right: 0;
			}

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

				a {
					color: inherit;
					text-decoration: underline;
					
					body.night & {
						color: inherit;
					}
				}

				figure {
					margin: 20px 0 0 0;
					width: 100%;
					max-height: 500px;
					
					iframe {
						width: 100%;
						max-height: 500px;
						
						@media only screen and (max-width: 1024px) {
							height: 450px;
						}
						@media only screen and (max-width: 768px) {
							height: 350px;
						}
					}
				}
			}
			
			.section-intro {
				display: flex;
				justify-content: center;
				width: 100%;
				padding: 120px 0;
				@media only screen and (max-width: 1024px) {
					padding: 100px 0;
				}
				@media only screen and (max-width: 768px) {
					padding: 80px 20px;
				}

				.inner {
					width: 100%;
					max-width: 900px;
					margin: 0 auto;
					
					h1 {
						font-family: var(--tl-font-bodoni);
						font-weight: 400;
						font-variation-settings: 'wght' 400;
						text-align: center;
						text-transform: uppercase;
						margin-top: 0;
						margin-bottom: 1em;
					}

					.body-text {
						text-align: justify;
						text-align-last: center;
						@media only screen and (max-width: 768px) {
							text-align: left;
							text-align-last: left;
						}
					}
				}
			}

			.text-image {
				max-width: 1400px;
				margin: 0 auto;
                padding-bottom: 80px;
				@media only screen and (max-width: 768px) {
					padding-bottom: 60px;
				}
				
				.inner {
					display: flex;
					@media only screen and (max-width: 768px) {
						flex-wrap: wrap;
					}

					> div {
						width: 50%;
						min-width: 50%;
						@media only screen and (max-width: 768px) {
							width: 100%;
							min-width: 100%;
						}
					}
					
					.body-text {
						min-height: 500px;
						padding-top: 60px;
						padding-bottom: 60px;
						padding-left: 0;
						padding-right: 60px;
						@media only screen and (max-width: 1200px) {
							padding: 60px;
						}
						@media only screen and (max-width: 768px) {
							min-height: 0;
							padding: 0 20px 20px 20px;
						}

						h1, h2, h3, h4, h5, h6 {
							text-align: left;
							font-family: var(--tl-header-font);
							font-weight: 600;
							font-variation-settings: 'wght' 600;
							margin-bottom: 1rem;
						}

						p {
							&:last-of-type {
								margin-bottom: 0;
							}
						}
						
						ul, ol {
							padding-left: 1em;
						}
						
						.button-enquire-now {
							margin-top: 20px;
							padding: 0 10px;
							height: 40px;
							text-decoration: none;
						}
					}

					.image {
						img {
							display: block;
							width: 100%;
							height: 100%;
							object-fit: cover;
						}
					}
				}
				
				&:nth-of-type(odd) {
					.body-text {
						padding-left: 60px;
						padding-right: 0;
						order: 1;
						@media only screen and (max-width: 1200px) {
							padding: 60px;
						}
						@media only screen and (max-width: 768px) {
							order: 0;
							min-height: 0;
							padding: 0 20px 20px 20px;
						}
					}
				}
				
				&:last-of-type {
					padding-bottom: 0;
				}
			}
		}
	}
	
	.producten {
		padding-top: 150px;
		padding-bottom: 0;
		@media only screen and (max-width: 768px) {
			padding-top: 80px;
		}

		body.night & {
			background-color: var(--tl-black);
		}
		
		h2 {
			padding-left: var(--general-margin);
			padding-right: var(--general-margin);
			font-family: var(--tl-header-font);
			font-weight: 600;
			font-variation-settings: 'wght' 600;

			body.night & {
				color: var(--tl-white);
			}
		}
		
		.swiper-next {
			svg {
				path {
					fill: var(--tl-white);
				}
			}
		}
	}

	.newsletter {
		padding-top: 140px;
	}
}