/* Page-template - Press */

/* Font loading */
/************/
@font-face {
	font-family: 'Hahmlet';
	src: url('../../../src/fonts/hahmlet-regular.woff2') format('woff2'),
	url('../../../src/fonts/hahmlet-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

body.page-template-press {
	.page-wrapper {
		.wrapper-text-media {
			padding-left: var(--general-margin);
			padding-right: var(--general-margin);
			@media only screen and (max-width: 1024px) {
				padding-bottom: 70px;
			}
			
			.text-media-row {
				flex-direction: row;
				@media only screen and (max-width: 1024px) {
					flex-direction: column-reverse;
				}
				
				.text {
					padding-left: 0;
					padding-right: 60px;
					@media only screen and (max-width: 1024px) {
						padding-left: 60px;
					}
					@media only screen and (max-width: 768px) {
						padding-left: 0;
						padding-right: 0;
					}
					
					body.night & {
						color: var(--tl-white);
					}
					
					.inner {
						h2 {
							body.night & {
								color: var(--tl-white);
							}
						}
						
						.body-text {
							a {
								color: inherit;
								
								body.night & {
									color: var(--tl-white);
								}
							}
						}
					}
				}
				
				&.text-media-row-statistics {
					display: flex;
					justify-content: center;
					padding: 40px 0;
					@media only screen and (max-width: 1024px) {
						flex-direction: row;
					}
					@media only screen and (max-width: 768px) {
						flex-direction: column;
						padding: 20px 0 80px 0;
					}
				
					.statistic {
						display: flex;
						flex-direction: column;
						align-items : center;
						gap: 14px;
						width: 33.333%;
						min-width: 33.333%;
						@media only screen and (max-width: 768px) {
							width: 100%;
							min-width: 100%;
						}
						
						body.night & {
							color: var(--tl-white);
						}
						
						.number-suffix {
							font-family: 'Hahmlet', sans-serif;
							font-size: 50px;
							text-transform: uppercase;
							
							.number {
								display: inline-flex;
								line-height: 1;
								font-variant-numeric: tabular-nums;

								.digit {
									display: inline-block;
									width: 30px;
									height: 1.2em;
									line-height: 1;
									overflow: hidden;
									text-align: center;
									flex: 0 0 auto;

									.digit-inner {
										display: flex;
										flex-direction: column;
										line-height: 1;
										will-change: transform;
										position: relative;

										span {
											display: block;
											width: 24.5px;
											height: 2em;
											line-height: 1;
											text-align: center;
										}
									}
								}
							}
						}
						
						
						.text-beneath {
							text-align: center;
							
							a {
								color: inherit;
								font-weight: inherit !important;
								font-variation-settings: inherit !important;
							}
						}
					}
				}
				
				&:nth-of-type(2n) {
					.text {
						order: 0;
					}
				}
			}
			
			.text-media-row-normal-even {
				flex-direction: row-reverse;
				@media only screen and (max-width: 1024px) {
					flex-direction: column-reverse;
				}
				
				.text {
					padding-left: 60px;
					padding-right: 0;
					@media only screen and (max-width: 1024px) {
						padding-right: 60px;
					}
					@media only screen and (max-width: 768px) {
						padding-left: 0;
						padding-right: 0;
					}
				}
			}
		}
	}
}