@charset "utf-8";
/* CSS Document */

/*	--------------------------------------------------------------------------------------------------------  VARIABLES  */

	:root{
	/*	----------------------------------------------------------  SIZES  */
		--width-full: 1800px;
		--width-inner: 1360px;
		--width-min: 280px;  /*	 320px - 2 x 25px  */

		--width-header: 1600px;

		--height-header-mobile-initial: 270px;
		--height-header-mobile-scrolled: 80px;
		--height-header-desktop-initial: 240px;
		--height-header-desktop-scrolled: 160px;



	/*	---------------------------------------------------------  COLORS  */

		--ibl-bg-color: white;

		--thm-green: rgba(128,186,39,1);
		--thm-green-light: rgba(213,228,188,1);

		--thm-grey: rgba(74,92,102,1);
		--thm-text: rgba(33,42,47,1);
		--thm-orange: rgba(244,170,0,1);	/*	Pantone 130  */

		--ibl-orange: rgba(255,128,0,1);

		--ibl-link-p: rgba(70,115,0,1);
		--ibl-link-a: rgba(0,0,0,1);

		--a11y-bg-color: rgba(255,128,0,1);

		--bg-color-temp: rgba(0,0,0,0.05);


		--ibl-temp-yellow: rgba(255,220,75,1);
		--ibl-temp-blue: rgba(100,155,240,1);
		--ibl-temp-green: rgba(45,200,90,1);

		
		
	/*	----------------------------------------------------------  FONTS  */
		--thm: 'THM', 'Arial';
		--ibl: 'IBL Logo', 'Arial';
		--cormorant: 'Cormorant Garamond', 'Times', 'Times New Roman';

		--thin: 		100;
		--extralight: 	200;
		--light: 		300;
		--regular: 		400;
		--medium: 		500;
		--semibold: 	600;
		--bold: 		700;
		--black: 		800;
		--extrablack: 	900;

		--font-size-h1: 3.6rem;
		--font-size-h2: 2.4rem;
		--font-size-h3: 1.8rem;
		--font-size-p: 1.25rem;
		--font-size-small: 1.1rem;
		--font-size-smaller: 0.9rem;

		@media screen and (min-width: 666px){
			--font-size-p: 1.5rem;
		}

	}

/*	-----------------------------------------------------------------------------------------------------------  BASICS  */

	* {
		box-sizing: border-box;
	}

	html, body {
		width: 100%;
		height: auto;

		position: relative;

		padding:0;
		margin:0;

		font-family: var(--thm), sans-serif;
		font-style: normal;
		font-size: 93.75%;
		color: rgba(0,0,0,1);
	}

	html{
		/*	force scrollbars  */
		overflow-y: scroll;
		scroll-behavior: smooth;

		/*	prevent scrolling if a modal dialog is open  */
		&:has(dialog[open]) {
			overflow: hidden;
		}
	}

	body{
		display: grid;
		grid-template-rows: auto 1fr;

		overflow: hidden;

		/*
		background-color: rgba(234,234,234,1);
		background-image: url(../media/images/ibl_background-raster-500x500.svg);
		background-position: top center;
		background-size: 500px 500px;
		*/

		counter-reset: counter-faq;
	}

/*	---------------------------------------------------------------------------------------------------  GENERIC RESETS  */

	h1, h2, h3, h4, h5, h6, p, td, ul, li, figure, button {
		margin:0;
		padding:0;
		font-weight:normal;
		border:0;
		outline:0;
		background-color:transparent;
	}


/*	----------------------------------------------------------------------------------------------------------  FLEXBOX  */
	.flx{
		display: flex;
	}

	.flxR,
	.flx-r{
		display:flex;
		flex-flow:row;
		flex-wrap:nowrap;
	}

	.flxC,
	.flx-c{
		display:flex;
		flex-flow:column;
		flex-wrap:nowrap;
	}

	.flxJCA, .flx-jca { justify-content:space-around; }
	.flxJCB, .flx-jcb { justify-content:space-between; }
	.flxJCC, .flx-jcc { justify-content:center; }
	.flxJCE, .flx-jce { justify-content:flex-end; }
	.flxJCS, .flx-jcs { justify-content:flex-start; }

	.flxAIC, .flx-aic { align-items:center; }
	.flxAIE, .flx-aie { align-items:flex-end; }
	.flxAIS, .flx-ais { align-items:flex-start; }
	.flxAIX, .flx-aix { align-items:stretch; }

	.flxWrp, .flx-wrp { flex-wrap:wrap; }


/*	-------------------------------------------------------------------------------------------------------------  GRID  */

	.grd{
		display: grid;
	}



/*	------------------------------------------------------------------------------------------------------------  SIZES  */

	.fllW,
	.w-fll{
		width:100%;
		height:auto;
	}
	.fllH,
	.h-fll{
		height:100%;
		width:auto;
	}
	.fllWH,
	.wh-fll{
		width:100%;
		height:100%;
	}

	.innerWidth,
	.w-in{
		width:100%;
		max-width: var(--width-inner);
		min-width: 280px;
		margin:0 auto;
	}


/*	------------------------------------------------------------------------------------------------------   ANIMATIONS  */
@keyframes fadeIn {
	from { 	opacity: 0;  }
	to { 	opacity: 1;  }
}

@keyframes fadeInAndScale {
	from { opacity: 0; transform: scale(0.95); }
	to { opacity: 1; transform: scale(1); }
}





/*	---------------------------------------------------------------------------------------------------  COMMON CLASSES  */

	h1:not(.like-h2){
		margin: 2rem 0;

		font-size: var(--font-size-h1) ;
		color: black;
		font-weight: var(--bold);
		line-height: 1.2;

		& > h2{
			margin-top: 0;
		}
	}

	h2:not(.like-h3),
	.like-h2{
		width: 100%;

		font-size: var(--font-size-h2);
		font-weight: var(--bold);
		color: black;

		margin: 2rem 0 1rem;

		span{
			display: inline-block;
			position: relative;
			isolation: isolate;

			padding: 0;
			margin: 0 0 5px;

			font-size: clamp(2.533rem, 1.05rem + 4.449vw, 5.333rem);
			text-transform: uppercase;
			line-height: 1.25;
			color: white;

			@media screen and (min-width: 999px){
				margin-bottom: 8px;
			}

			&::after{
				content: "";
				width: calc(100% + 30px) ;
				height: calc(100% + 2px) ;

				position: absolute;
				left: -15px;
				top: -1px;
				z-index: -1;

				background-color: var(--thm-green);


				@media screen and (min-width: 999px){
					width: calc(100% + 50px) ;
					left: -25px;
				}
			}


		}

		& > h3{
			margin-top: 0;
		}
	}


	h3,
	.like-h3{
		width: fit-content;

		margin: 2rem 0 1rem -15px;

		font-size: var(--font-size-h3);
		font-weight: var(--bold);
		color: black;

		span {
			font-size: clamp(1.5rem, 0.253rem + 2.996vw, 2.5rem);
			font-weight: var(--regular);
			color: white;
			line-height: 160%;
			white-space: nowrap;

			padding: 4px 15px 6px;
			margin: 1rem 0 0;

			background-color: var(--thm-grey);
			-webkit-box-decoration-break: clone;
			box-decoration-break: clone;

			@media screen and (min-width: 999px){
				line-height: 140%;
			}
		}

		&:has(span){
			margin: 0 0 4rem 0;
		}
	}

	h4,
	h5,
	h6{
		padding: 0 0 1rem;
		font-size: var(--font-size-p);
		font-weight: var(--bold);
		color: black;
	}


	p,
	ol,
	ul{
		font-size: var(--font-size-p) ;
		line-height: 1.2;

		margin: 0;
		padding: 0 0 1rem;

		color: var(--thm-text);

	}
	ul,
	ol{
		padding-left: 30px;

		li{
			padding: 0 0 0.5rem;
		}
	}
	ul{
		li{
			list-style: square;
		}
	}

	a{
		position: relative;

		text-decoration: underline dotted black 1px;

		border: 0;
		outline: none;

		&:link,
		&:visited{
			color: var(--ibl-link-p);
		}

		&:hover,
		&:focus,
		&:active{
			color: var(--ibl-link-a);
			text-decoration-color: var(--ibl-link-a);
		}

		&:focus-visible{

			color: black;
			text-decoration-color: black;

			&::after {
				content: " ";
				width: calc(100% + 10px);
				height: calc(100% + 4px);

				position: absolute;
				top: -2px;
				left: -5px;
				z-index: -1;

				background-color: var(--a11y-bg-color);
			}
		}

	}

/*	--------------------------------------------------  more  */
	.thibl__more-link-wrp {
		width: 100%;
		max-width: 700px;

		justify-content: flex-end;

		margin: 2rem 0;


		.thibl__more-link{
			width: fit-content;
			display: inline-block;

			position: relative;
			padding: 0;
			margin-right: 50px;

			font-size: 1.5rem;
			font-weight: var(--medium);
			line-height: 1;
			color: black;

			text-decoration: none;


			@media screen and (min-width: 666px){
				font-size: 2rem;
				font-weight: var(--bold);
			}

			&:link,
			&:visited{
				color: black;
			}

			&:hover,
			&:focus,
			&:active{
				color: var(--thm-orange);
			}
			&:focus-visible{
				color: black;
			}

			&.white{
				&:link,
				&:visited{
					color: white;
				}
			}

			&::before {
				content: "»";
				width: 75px;
				height: 75px;

				font-family: var(--thm), sans-serif;
				font-size: 6rem;
				font-weight: var(--bold);
				font-style: normal;
				line-height: 1;
				color: var(--thm-orange);

				position: absolute;
				top: 0;
				right: 0;
				transform: translate( 110%, -55% );

				@media screen and (min-width: 666px){
					font-size: 8rem;
					transform: translate( 110%, -75% );
				}
			}

		}
	}



/*	--------------------------------------------------  BACK  */
	.thibl__back-link{
		display: inline-block;

		position: relative;
		margin: 50px 0 50px 50px;
		padding: 0;

		align-self: flex-start;

		font-size: var(--font-size-p);
		font-weight: var(--regular);
		line-height: 1;
		color: black;

		text-decoration: none;

		&:link,
		&:visited{
			color: black;
		}

		&:hover,
		&:focus,
		&:active{
			color: var(--thm-green);
		}
		&:focus-visible{
			color: black;
		}

		&.white{
			&:link,
			&:visited{
				color: white;
			}
		}

		&::before {
			content: "«";
			width: 40px;
			height: 40px;

			font-family: var(--thm), sans-serif;
			font-size: 4rem;
			font-weight: var(--bold);
			font-style: normal;
			line-height: 1;
			color: var(--thm-green);

			position: absolute;
			top: 0;
			left: 0;
			transform: translate( -110%, -60% );
		}

		@media screen and (min-width: 999px){
			margin: 50px 0;
		}

	}



	.thibl__cols_two--wrp{

		column-gap: 30px;

		.thibl__col{
			width: 100%;
			padding: 50px 25px;
		}

		@media screen and (min-width:666px){

			flex-flow: row wrap;
			justify-content: space-between;

			.thibl__col{
				width: calc(50% - 15px);
			}
		}
	}


	.thibl__cols_three--wrp{

		column-gap: 30px;

		.thibl__col{
			width: 100%;
			padding: 50px 25px;
		}

		@media screen and (min-width:666px){

			flex-flow: row wrap;
			justify-content: space-between;

			.thibl__col{
				width: calc(50% - 15px);
			}
		}
		@media screen and (min-width:999px){
			.thibl__col{
				width: calc(33.333333% - 20px);
			}
		}
	}


	svg{

		.thm-green{ fill: var(--thm-green); }
		.thm-grey{ fill: var(--thm-grey); }
		.thm-white{ fill: white; }
		.thm-orange{ fill: var(--thm-orange); }
	}

	dialog{
		&::backdrop{
			background-color: rgba(0, 0, 0, 0.8);
			backdrop-filter: blur(4px);
		}
	}

	.thibl__img-half{
		width: 48%;
		margin-right: 2%;
	}

	.hidden{
		display: none;
	}

	.invisible{
		visibility: hidden;
	}

















/*	-----------------------------------------------------------------------------------------------------------  HEADER  */
	.thibl__hdr--wrp{

	/*	display: none;  */

		width: 100%;
		height: var(--height-header-desktop-initial);

		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;

	/*	opacity: 0.8;  */

		transition: height 0.5s;

		/*
		@media screen and (min-width: 999px){
			display: flex;
		}
		*/
	}

	/*  ----------------------------------------------------------------------------------------   skip links  */

		.a11y__skip-links--wrp{
			width: 100%;
			height: 80px;

			position: fixed;
			left: 0;
			top: -90px;
			z-index: 1001;

			padding: 0 25px;

			background-color: white;
			border-bottom: 1px solid black;

			transition: top 0.5s;

			&:focus-within{
				top: 0;
			}

			.a11y__skip-links {

				width: 100%;
				max-width: var(--width-inner);

				li {
					list-style: none;
					padding: 0 20px 0 0;

					.a11y__skip-link {
						display: flex;
						flex-flow: row nowrap;
						align-items: center;

						padding: 3px 5px;

					}
				}
			}
		}




/*	-------------------------------------------------------------------------------------   GREEN LOWER LAYER: MAIN NAV  */
	.thibl__hdr-nav-wrp{
		display: none;


		@media screen and (min-width: 1444px){
			display: flex;

			width: 100%;
			height: calc( var(--height-header-desktop-initial) - 20px);

			/*	background-color: rgba(230,230,230,1);  */
			background-color: var(--thm-green);

			box-shadow: 0 0 20px rgba(0,0,0,0.15);

			transition: height 0.5s;
		}


		.thibl__hdr-green{
			width: 100%;
			max-width: var(--width-header);

			.thibl__hdr-nav{


				display: none;

				width: 100%;
				padding: 0 0 0 375px;

				@media screen and (min-width: 1444px){
					display: flex;
				}

				ul{
					width: 100%;
					padding: 0 25px 0 0;

					li{
						height: fit-content;
						list-style: none;
						display: inline-block;

						padding: 0;
						margin: 0;

						font-size: 1.5rem;
						white-space: nowrap;

						a{
							display: flex;
							flex-flow: row nowrap;
							align-items: center;

							height: 37px;

							text-decoration: none;
							line-height: 1;

							padding: 0 10px;

							transition: background-color 0.5s;

							&:link,
							&:visited{
								color: white;
							}

							&:hover,
							&:focus,
							&:active,
							&:focus-visible{
								color: white;
								background-color: var(--thm-grey);

								&::after {
									content: none;
								}
							}


						}
					}
				}
			}
		}
	}


/*	------------------------------------------------------------------------   WHITE UPPER LAYER: LOGO AND TESTIMONIALS  */
	.thibl__hdr-nav-overlay-wrp{
		width: 100%;
		height: fit-content;

	/*	background-color: rgba(255,255,220,0.7);  */
		background-color: white;

		filter: drop-shadow( 0 0 20px rgba(0,0,0,0.15) );

		transition: height 0.5s;


		@media screen and (min-width: 999px){
			height: calc( var(--height-header-desktop-initial) - 55px );

			position: absolute;
			top: 0;
			left: 0;
		}


		.thibl__hdr-nav-overlay{
			width: 100%;
			max-width: var(--width-header);
		/*	height: 100%;  */
			height: 310px;

			position: relative;
			padding: 0 25px;

			border-bottom: 8px solid var(--thm-green);

			transition: all 0.5s;


			@media screen and (min-width: 500px) {
				height: 270px;
			}
			@media screen and (min-width: 999px) {
				height: 185px;
				align-items: center;
			}
			@media screen and (min-width: 1444px) {
				border: none;
			}


			.thibl__hdr-logos-wrp{
				width: 100%;
				height: 300px;

				display: block;
				margin: 17px 0 0 5px;
				padding: 0 0 25px;

				position: relative;
				overflow: hidden;

				transition: height 0.5s, margin 0.5s;

				text-decoration: none;

				@media screen and (min-width: 999px){
					width: 820px;
					height: 120px;

					display: flex;
					flex-flow: row nowrap;
					align-items: flex-start;
					justify-content: flex-start;
				}


				.thibl__logo-mobile-cutter{
					width: 210px;
					height: 70px;

					overflow: hidden;

					transition: width 0.5s, height 0.5s;

				/*	3:1, THM LOGO ONLY  */
					@media screen and (min-width: 999px){
						width: 300px;
						height: 100px;
					}

					.thibl__logo-mobile-sizer {
						width: 350px;
						height: 70px;

						transition: width 0.5s, height 0.5s;

						@media screen and (min-width: 999px) {
							aspect-ratio: 5;
							height: 100px;
							width: auto;
						}

						.thibl__hdr-logo-thm {
							width: 60%;
							aspect-ratio: 3;
							height: auto;

							svg {
								display: block;
								width: 100%;
								height: auto;
							}

							@media screen and (min-width: 999px){
								width: 100%
							}

						}

						.thibl__hdr-logo-ibl-short {
							width: 40%;
							aspect-ratio: 2;
							height: auto;

							svg {
								display: block;
								width: 100%;
								height: auto;

								path {
									fill: var(--thm-grey);
								}
							}
						}
					}
				}


				.thibl__hdr-logo-ibl{
					width: 100%;
					height: auto;

					position: relative;

					h1{
						margin: 40px 0 0;
						padding: 0 0 30px;

						font-family: var(--ibl), sans-serif;
						font-weight: 400;
						font-size: 2.5rem;
						text-decoration: none;
						text-transform: uppercase;
						color: var(--thm-grey);
						line-height: 1.05;
					}

					svg.thibl__logo-subline{
						display: block;
						width: 135px;
						height: auto;

						position: absolute;
						left: 3px;
						bottom: 5px;

						path{
							fill: var(--thm-grey);
						}
					}

					.thibl__accreditation-ongoing{
						width: 170px;
						height: auto;

						position: absolute;
						bottom: 1px;
						left: 150px;

						transition: all 0.5s;
					}


					@media screen and (min-width: 999px){
						width: 63.5%;
						aspect-ratio: 5;

						h1{
							margin: -5px 0 0 26px;
							padding: 0 0 0 26px;

							white-space: nowrap;

						/*	border-left: 2px solid var(--thm-grey);  */
							border-left: 2px solid transparent;
						}

						svg.thibl__logo-subline{
							width: 152px;
							left: 57px;
							bottom: 5px;
						}

						.thibl__accreditation-ongoing{
							width: 190px;
							bottom: 1px;
							left: 225px;
						}
					}
				}
			}


		/*	-----------------------------------------------------   TESTIMONIALS SHORTCUT  */
			.thibl__hdr-testimonials-wrp{

				display: none;

				@media screen and (min-width: 1444px){
					display: flex;
					margin-right: 200px;
				}

				.thibl__hdr-testimonial{
					height: calc( var(--height-header-desktop-initial) * 0.45 );

					img{
						height: 100%;
						aspect-ratio: 50 / 55;
						width: auto;

						transition: width 0.5s, height 0.5s;
					}
				}
			}


		/*	-------------------------------------------------   CALL TO ACTION: APPLY NOW  */
			.thibl__hdr-cta{

				display: none;

				width: 200px;
				height: 180px;

				margin: -5px 0 0 50px ;
				padding: 0;

				overflow: hidden;

				position: absolute;
				right: 120px;
				top: 50%;
				transform: translateY( calc(-50% + 5px) );
				transform-origin: center;

				transition: all 0.5s;

				@media screen and (min-width: 1160px){
					display: flex;
					right: 120px;
				}
				@media screen and (min-width: 1444px){
					right: 8px;
				}

				svg{
					height: 100%;
					width: auto;

					position: absolute;
					top: 0;
					right: 0;

					transition: inherit;

					&.cta-background{
						height: 100%;
					}
					&.cta-slogan{
						top: 30px;
					}
				}

				&:hover,
				&:focus,
				&:focus-visible,
				&:active{
					transform: translateY( calc(-50% + 5px) ) scale(1.2);
					/*
					svg{
						.thm-orange{
							fill: var(--thm-green);
						}
					}
				 	*/
				}

			}




		/*	--------------------------------------------   DIAGONAL WHITE SUPPLEMENT LEFT  */
			.thibl__hdr-diagonal-white{
				width: 100vw;
				height: calc( 100vw / 10 );

				position: absolute;
				top: 100%;
				right: 100%;
				transform: translateX( 350px );

			}
		}
	}


/*	------------------------------------------------------------------------------------   MOBILE MENU HAMBURGER BUTTON  */
	.button-hamburger{

		--hamburger-size: 66px;

		width: var(--hamburger-size);
		height: var(--hamburger-size);

		position: absolute;
		top: 8px;
		right: 20px;

		overflow: hidden;

		cursor: pointer;

		border: 2px solid transparent;

		transition: all 0.5s;

		--rotationUp: 	45deg;
		--rotationDown: -45deg;

		--1stheight: 	0%;
		--2ndheight: 	50%;
		--3rdheight: 	100%;

		--animduration: 0.5s;
		/*	background-color: red;  */

		svg.thibl__hamburger{
			width: var(--hamburger-size);
			height: var(--hamburger-size);

			flex-shrink: 0;

			transition: all 0.5s;

			.hamburger-line{
				stroke: var(--thm-grey);
				stroke-width: 5px;

				transform-origin: center center;

				transition: transform 0.3s, stroke 0.5s;

				&:nth-of-type(1).inactive{ transform: translate( 7px, 9px); }
				&:nth-of-type(2).inactive{ transform: translate( 7px, 22px); }
				&:nth-of-type(3).inactive{ transform: translate( 7px, 35px); }

				&.stacked{ transform: translate( 7px, 22px); }

				&:nth-of-type(1).active{ transform: translate( -10px, 19px) rotate(45deg); }
				&:nth-of-type(2).active{ transform: translate( 7px, 22px); }
				&:nth-of-type(3).active{ transform: translate( 22px, 11px) rotate(-45deg); }
			}
		}

		&:hover{
			svg.thibl__hamburger{
				.hamburger-line{
					stroke: var(--thm-grey);
				}
			}
		}

		svg.thibl__hamburger-caption{
			width: 36px;
			height: auto;

			margin: 5px 0 0 6px;

			flex-shrink: 0;

			path{
				fill: var(--thm-grey);
			}
		}

		@media screen and (min-width:1440px){
			display: none;
		}
	}




/*	---------------------------------------------------------------------------------------------  MOBILE MENU (DIALOG)  */
	.thibl__menu-mobile-wrp{
		width: 100%;
		height: 100%;
		max-width: 100vw;
		max-height: 100vh;

		margin: 0;

		border: none;

		animation: fadeIn 0.5s ease-out;


		.thibl__menu-mobile-nav{
			padding: 100px 25px;

			ul{
				margin: 0;
				padding: 0;

				li{
					padding: 0;
					list-style: none;
					text-align: center;

					a:not(.thibl__hdr-menu-mobile-testimonial){
						display: block;
						padding: 10px 25px;
						font-size: 2rem;
						font-weight: var(--medium);
						text-transform: uppercase;
						text-decoration: none;
						text-align: center;

						&:link,
						&:visited{
							color: var(--thm-grey);
						}
						&:hover,
						&:focus,
						&:focus-visible,
						&:active{
							color: white;
							background-color: var(--thm-green);
						}

						&::after{
							content: none;
						}
					}

					.thibl__hdr-menu-mobile-testimonials-wrp{
						width: 100%;
						height: 120px;

						.thibl__hdr-menu-mobile-testimonial{
							width: 100px;
							height: 110px;

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

				}
			}
		}

	}




/*	------------------------------------------------------------------------------------   SPECIAL STATES WHEN SCROLLED  */
.is-scrolled {

	.thibl__hdr--wrp {
		height: calc( var(--height-header-mobile-scrolled) - 100px);

		@media screen and (min-width: 999px) {
			height: var(--height-header-desktop-scrolled);
		}


		/*   thuh mighty, mighty greenfield  */
		.thibl__hdr-nav-wrp {
			height: calc(var(--height-header-desktop-scrolled) - 49px);

			@media screen and (min-width: 1444px) {
				height: calc(var(--height-header-desktop-scrolled) + 9px);
			}
		}


		/*	the great white overlay  */
		.thibl__hdr-nav-overlay-wrp{
			height: fit-content;

			.thibl__hdr-nav-overlay {
				height: var(--height-header-mobile-scrolled);

				@media screen and (min-width: 999px){
					height: calc(var(--height-header-desktop-scrolled) - 25px);
				}

				.thibl__hdr-logos-wrp {
					height: calc(var(--height-header-mobile-scrolled) - 30px);

					@media screen and (min-width: 999px) {
						margin-top: 0;
						height: calc(var(--height-header-desktop-scrolled) - 55px);
					}

					.thibl__logo-mobile-cutter {
						width: 250px;
						height: 50px;

						.thibl__logo-mobile-sizer {
							width: 250px;
							height: 50px;

							.thibl__hdr-logo-ibl-short {
								visibility: visible;
							}
						}

						@media screen and (min-width: 999px) {
							width: 300px;
							height: 100px;

							.thibl__logo-mobile-sizer {
								width: 500px;
								height: 100px;
							}
						}
					}

					.thibl__hdr-logo-ibl {
						.thibl__accreditation-ongoing {
						/* 	opacity: 0;  */
						}
					}
				}

				.thibl__hdr-cta {
					height: calc(var(--height-header-desktop-scrolled) - 55px);
				}

				.button-hamburger {
					--hamburger-size: 50px;

					svg.thibl__hamburger{
						.hamburger-line{
							stroke: var(--thm-grey);
							stroke-width: 5px;
						}
					}

					.thibl__hamburger-caption{
						display: none;
					}

					@media screen and (min-width: 999px){
						margin-top: 0;
					}
				}
			}
		}
	}

	.thibl__main{
		margin-top: var(--height-header-mobile-scrolled);

		@media screen and (min-width: 999px){
			margin-top: calc( var(--height-header-desktop-scrolled) - 100px );
		}
	}
}




/*	-------------------------------------------------------------------------------------------------------------  MAIN  */
.thibl__main--wrp{
	width: 100%;
/*	max-width: var(--width-full);  */
	min-width: var(--width-min);

	height: fit-content;
	min-height: 100dvh;
	
	transition: height 0.5s;
}
	.thibl__main{
		width:100%;
	/*	max-width: var(--width-full);  */

		margin: calc( var(--height-header-mobile-initial) + 30px ) 0 0 0;

		transition: margin 0.5s;

		@media screen and (min-width: 500px){
			margin: calc( var(--height-header-mobile-initial) + 0px ) 0 0 0;
		}
		@media screen and (min-width: 999px){
			margin: calc( var(--height-header-desktop-initial) - 60px ) 0 0 0;
		}
		@media screen and (min-width: 1444px){
			margin: calc( var(--height-header-desktop-initial) - 25px ) 0 0 0;
		}


	/*	-------------------------------------------------------------------------------------------------   MAIN BLOCKS  */
		.thibl__main-block{

		/*	display: none;  */

			width: 100%;

			position: relative;
			padding: 0 25px;


			&[id]{
				scroll-margin-top: calc( var(--height-header-desktop-scrolled) - 30px );
			}

			&.no-padding{
				padding: 0;
			}


			/*	--------------  temp: dev marks   ---------    */
			&.dev-to-do,
			&.dev-revision,
			&.dev-done{

				&::after {
					content: "";
					position: absolute;
					top: 50%;
					right: 5px;
					transform: translate( 0, -50% );

					width: 70px;
					aspect-ratio: 2 / 3;

					opacity: 0.7;

					background-size: 100%;
				}
			}

			&.dev-to-do{
				&::after{ background-image: url('../media/images/dev_icon_grphx2html_rebuild.png'); }
			}

			&.dev-revision{
				&::after{ background-image: url('../media/images/dev_icon_under_construction.png'); }
			}

			&.dev-done{
				&::after{ background-image: url('../media/images/dev_icon_final_html.png'); }
			}

		/*
		@media screen and (min-width: 999px){
			display: flex;
		}
		*/


		/*	---------------------------------------------------------------------------------------------   MAINTENANCE  */

			&.block-maintenance{

				display: none;

				width: 100%;
				height: 100dvh;

				padding: 50px 25px;

				.thibl__maintenance-logo-thm{
					height: 50px;
					width: auto;

					margin: 0 0 30px;
				}

				.thibl__maintenance-logo-ibl{
					height: 50px;
					width: auto;

					margin: 0 0 100px 25px;
				}

				p{
					margin: 0 0 0 50px;
				}

				@media screen and (min-width: 999px){
					display: none;

				}
			}



		/*  ---------------------------------------------------------------------------------------------   INTRO BLOCK  */
			&.block-intro {
				width: 100%;
				height: fit-content;
			/*	height: calc( 100dvh - var(--height-header-desktop-initial) + 10px );  */

				position: relative;
				margin: 0 0 180px;

				background-color: white;

				@media screen and (min-width: 666px){
					margin: 0 0 150px;
				}

				.thibl__intro-wrp{
					display: block;
					position: relative;

					aspect-ratio: 4 / 3;
					width: calc( 100% + 30px);
					height: auto;
					margin: 0 -15px;

				/*	background-color: rgba(0,220,0,0.1);  */

					@media screen and (min-width: 666px){
						aspect-ratio: 21 / 9;
						width: 100%;
						max-width: 2500px;
						height: auto;
						margin: 0;
					}


					.thibl__intro-img-vid-wrp{
						width: 100%;
						height: 100%;

						background-color: rgba(255,200,255,1);

						mask-image: url( "../media/images/ibl_svg_mask004_800x450.svg" );
						mask-size: 100% 100%;
						mask-repeat: no-repeat;
						mask-position: center;

						img,
						video{
							aspect-ratio: 21 / 9;
							object-fit: cover;
							width:100%;
							height: 100%;

						}
					}

					.thibl__intro-vid-main-start{
						width: 1300px;
						height: 82%;

						position: absolute;
						left: 50%;
						top: 41%;
						transform: translate( -50%, -50%);

						cursor: pointer;
						/*	background-color: rgba(255,128,0,0.2);  */

						svg{
							width: 150px;
							aspect-ratio: 1;

							position: absolute;
							margin-top: -20px;
							opacity: 0.5;

							.thm-2change{
								fill: white;
							}

						}

						&:hover{
							svg{
								opacity: 1;
								.thm-2change{
									fill: var(--thm-orange);
								}
							}
						}
					}

					h2{
						position: absolute;
						left: 100%;
						bottom: 0;
						transform: translate( calc( -100% - 10px ), 75% );

						text-align: right;
						white-space: nowrap;

						span:nth-of-type(2),
						br:nth-of-type(2){
							display: none;
						}
						span:nth-of-type(3){
							margin-right: 30%;
						}
						span:nth-of-type(4){
							margin-right: 7%;
						}

						@media screen and (min-width: 500px){
							transform: translate( calc( -100% - 10px ), 60% );
							span:nth-of-type(2){
								display: inline-block;
							}
							span:nth-of-type(3),
							span:nth-of-type(4){
								display: none;
							}
						}
						@media screen and (min-width: 666px){
							transform: translate( -100%, 40%);
							span:nth-of-type(2){
								margin-right: 20px;
							}
						}
						@media screen and (min-width: 999px){
							transform: translate( -100%, 20%);

							span:nth-of-type(2){
								margin-right: 100px;
							}
						}
						@media screen and (min-width: 1444px){
							transform: translate( -103%, 0 );
						}
					}
				}
			}




		/*	----------------------------------------------------------------------------------------   BLOCK QUOTATIONS  */
			&.block-quotation{

				.thibl__quotation-wrp{

					display: none;

					@media screen and (min-width: 999px){

						display: block;

						width: fit-content;
						max-width: 1500px;
						margin: 50px 0;
					}

					.quotation-line{

						display: block;
						position: relative;

						font-family: var(--cormorant), serif;
						font-size: clamp(1.6rem, -2.376rem + 5.97vw, 2.4rem);
						font-weight: var(--semibold);
						font-style: italic;
						color: var(--thm-grey);
						white-space: nowrap;


						&:nth-of-type(1) {

							text-indent: 40px;

							&::before {
								content: "»";
								width: 75px;
								height: 75px;

								font-family: var(--thm), sans-serif;
								font-size: 8rem;
								font-weight: var(--bold);
								font-style: normal;
								color: var(--thm-green);

								position: absolute;
								top: 0;
								left: 0;
								transform: translate( -65px, -100% );
							}
						}
					}
				}


				.thibl__quotation-mobile{

					display: block;

					width: 100%;
					max-width: 450px;
					position: relative;
					margin: 50px 0 0;
					padding: 0 25px 15px;

					font-family: var(--cormorant), serif;
					font-weight: var(--bold);
					font-style: italic;
					color: var(--thm-grey);


					p{
						font-size: 1.6rem;

						&:first-of-type{

							text-indent: 40px;

							&::before {
								content: "»";
								width: 50px;
								height: 50px;

								font-family: var(--thm), sans-serif;
								font-size: 6rem;
								font-weight: var(--bold);
								font-style: normal;
								color: var(--thm-green);

								position: absolute;
								top: 0;
								left: 0;
								transform: translate( -30px, -100% );
							}
						}
					}


					@media screen and (min-width: 999px){
						display: none;
					}

				}



				.thibl__quote-author-pos-wrp {
					width: 100%;
					max-width: 480px;

					position: relative;
					margin: 0 0 50px 20px;
					padding: 0 15px;

					@media screen and (min-width: 450px) {
						max-width: 450px;
					}
					@media screen and (min-width: 999px) {
						max-width: 1000px;
						padding: 0;
						margin-bottom: 150px;
						justify-content: flex-end;
						border: none;
					}


					.thilb__quote-author-wrp {
						width: fit-content;

						position: relative;
						padding: 0;

						font-family: var(--thm), sans-serif;
						font-size: 1rem;
						font-weight: var(--regular);
						font-style: normal;
						color: var(--thm-grey);
						white-space: nowrap;

						strong {
							display: block;
							padding: 0 0 0.5rem;
						}
						/*
						&::before{
							content: '–';
							font-weight: var(--bold);
							position: absolute;
							left: -20px;
						}
						*/

						@media screen and (min-width: 400px) {
							padding: 0;
							font-size: 1.125rem;
						}
						@media screen and (min-width: 999px) {
							padding: 0;
							font-size: 1.25rem;
						}
					}
				}
			}



		/*	----------------------------------------------------------------------------------------------   WHY-BLOCKS  */

			&.block-why{
				width: 100%;
				background-color: white;

				position: relative;
				margin: 0;

				isolation: isolate;

				@media screen and (min-width: 666px){
					margin: 0 0 100px;
				}


				.thibl__why-image{
					aspect-ratio: 16 / 9;
					width: 100%;
					max-width: 1600px;
					height: auto;

					position: relative;
					margin: 0 auto 30px;
					z-index: -1;

					img{
						width: 115%;
						margin: 0 -5%;
						height: 115%;
						object-fit: cover;

						mask-size: 100% 100%;
						mask-repeat: no-repeat;
						mask-position: center;

						@media screen and (min-width: 666px){
							width: 100%;
							margin: 0;
							height: 100%;
						}
					}

					.thibl_why-headlines {
						h2 {
							width: fit-content;
							margin: 0 0 8px;
						}

						h3 {
							display: none;

							width: 100%;
							text-wrap: balance;


							@media screen and (min-width: 666px) {
								display: block;
							}
						}
					}
				}

				.thibl__why-text{
					width: 100%;
					max-width: 700px;

					h3{
						width: 100%;
						line-height: 130%;
						margin: 0 0 2rem;

						span{
							white-space: wrap;
						}

						@media screen and (min-width: 666px) {
							display: none;
						}
					}
				}


				&.why-ibl {
					.thibl__why-image {
						@media screen and (min-width: 666px){
							margin: 0 0 70px;
						}

						img {
							mask-image: url("../media/images/ibl_svg_mask005_800x450.svg");
						}

						.thibl_why-headlines {
							position: absolute;
							top: 88%;
							right: 0;

							@media screen and (min-width: 666px){
								top: 71%;
								right: 3%;
							}

							h3{
								margin-right: 5%;
								text-align: right;
							}
						}
					}


					.thibl__why-text {
						h3{
							width: 100%;
							margin: 0 0 2rem;
							text-align: right;
							text-wrap: balance;
						}
					}

				}


				&.why-thm {
					.thibl__why-image {
						margin: 0;

						@media screen and (min-width: 666px){
							margin: 0 0 100px;
						}

						img {
							mask-image: url("../media/images/ibl_svg_mask007_800x450_opt.svg");
						}

						.thibl_why-headlines {
							position: absolute;
							top: 75%;
							left: 1%;

							h2 {
								width: fit-content;
							}

							h3 {
								margin-left: 5%;
							}
						}
					}

					.thibl__why-text {
						h3{
							width: 100%;
							margin: 0 0 2rem -10px;
							text-wrap: balance;
						}
					}

				}


				&.why-giessen {
					.thibl__why-image {
						img {
							mask-image: url("../media/images/ibl_svg_mask008_800x450_opt.svg");
						}

						.thibl_why-giessen-caption{
							position: absolute;
							top: 17%;
							left: -10px;

							font-size: 0.8rem;
							color: white;

							transform: rotate(-1deg);

							@media screen and (min-width: 666px){
								top: 9%;
								left: 20px;
								font-size: 1rem;
							}

						}

						.thibl_why-headlines {
							position: absolute;
							top: 88%;
							right: 0;

							@media screen and (min-width: 666px){
								top: 66%;
								right: 3%;
							}

							h2 {
								width: fit-content;
							}

							h3 {
								text-align: right;
								margin-right: 100px;
							}
						}

						.thibl__why-text {
							h3{
								width: 100%;
								margin: 0 0 2rem -10px;
								text-align: right;
								text-wrap: balance;
							}
						}
					}
				}
			}


		/*	---------------------------------------------------------------------------------------   BLOCK CURRICULUM  */

			&.block-curriculum{
				width: 100%;
				height: fit-content;

				padding: 25px 0 0;
				margin: 0 0 50px;

				background-image: url('../media/images/ibl_curriculum_dynamic_back_4000x830_opt.svg');
				background-size: 4000px 100%;
				background-repeat: no-repeat;
				background-position: center;

				@media screen and (min-width: 666px){
					margin: 0 0 100px;
				}
				@media screen and (min-width: 1200px){
					height: 800px;
					background-image: url('../media/images/ibl_curriculum_back_4000x830_opt.svg');
					background-size: 4000px 830px;

				}


				.thibl__cols_two--wrp{
					width: 100%;
					max-width: 800px;

					@media screen and (min-width: 1200px){
						width: 1000px;
					}

					.thibl__col{

						&:nth-of-type(1){
							display: none;

							@media screen and (min-width: 1200px){
								display: block;
								width: calc( 60% - 15px );
								margin-top: 120px;
								padding-right: 80px;

							}
						}

						&:nth-of-type(2){
							width: 100%;

							@media screen and (min-width: 1200px) {
								width: calc(40% - 15px);
							}
						}

						p{
							width: 90%;
							color: white;
						}

						.thibl__curriculum-tracks-wrp{

							margin: 0;
							padding: 0 25px;

							@media screen and (min-width: 999px){
								padding: 0;
							}

							li{
								list-style: none;

								button{
									width: fit-content;
									height: fit-content;

									padding: 7px 25px 10px;
									margin: 5px 0 0 -25px;

									cursor: pointer;

									font-family: var(--thm), sans-serif;
									font-size: 1.8rem;
									font-weight: var(--medium);
									text-align: left;
									white-space: nowrap;
									color: black;

									background-color: purple;

									transition: margin 0.5s;

									&:hover{
										margin-left: -40px;
									}

									&.track-clicked{
										margin-left: -80px;
									}

									@media screen and (min-width: 666px){

										font-size: 2.4rem;
									}

								}

								.thibl__track-text-short{
									width: 0;
									height: 0;

									overflow: hidden;
								}
							}
						}

						.thibl__more-link-wrp{
							display: flex;
							justify-content: flex-start;

							max-width: 900px;
							margin: 50px 0;

							.thibl__more-link{
								margin: 0;
								white-space: nowrap;

								&:link,
								&:visited{
									color: white;
								}
							}

							@media screen and (min-width: 1200px){
								display: none;
							}
						}

					}
				}

				.thibl__more-link-wrp.thibl_curriculum-outer-more{
					display: none;

					@media screen and (min-width: 1200px){
						display: flex;
						max-width: 900px;
						margin: 0;
						.thibl__more-link{
							margin: 0;
						}
					}
				}
			}



		/*	------------------------------------------------------------------------------------------   BLOCK TEACHERS  */
			&.block-teachers{

				width: 100%;
				height: fit-content;

				position: relative;
				padding: 50px 0 25px;

				overflow: hidden;

				@media screen and (min-width: 666px){
					padding: 100px 0 100px;
				}
				@media screen and (min-width: 1444px){
					padding: 200px 0 100px;
				}

				h2{
					position:absolute;
					top: -30px;
					left: 25px;

					@media screen and (min-width: 1333px) {
						left: 50%;
						transform: translateX(-600px);
					}
					@media screen and (min-width: 1444px){
						top: 0;
					}
				}

				.thibl__teachers-wrp{
					position: relative;
					padding: 5px 25px;

					@media screen and (min-width: 999px){
						padding: 5px 150px 5px 200px;
					}

					.thibl__teacher{
						width: 100%;
						height: auto;

						margin: 80px 0 50px;
						padding: 10px 25px;

						position: relative;

						border: 1px solid rgba(0,0,0,0.1);
						background-color: rgba(0,0,0,0.06);

						@media screen and (min-width: 450px){
							width: 400px;
							flex-shrink: 0;
							aspect-ratio: 1;
						}


						figure{
							width: 200px;
							aspect-ratio: 1;

							margin: -80px auto 0;

							border-radius: 50%;
							overflow: hidden;

							img{
								width: 100%;
								height: auto;
							}
						}

						h3{
							width: 100%;
							margin: 0 auto;
							padding: 1rem 0;
							font-size: 1.5rem;
							font-weight: var(--medium);
							text-align: center;
							color: black;
						}

						p{
							font-size: 1.2rem;
							text-align: center;
							color: var(--thm-grey);

							&:first-of-type{
								color: black;
							}
						}
					}

					.thibl__faculty-directory{
						padding: 120px 25px 25px;
					}
				}

				@media screen and (min-width: 999px){
					display: block;
				}

				.thibl__more-teaching-staff{
					max-width: 960px;
					margin: 50px auto 0;
					padding: 0 25px;

					justify-content: flex-end;

					@media screen and (min-width: 999px){
						padding: 0;
						justify-content: flex-end;
					}
				}
			}




		/*	--------------------------------------------------------------------------------------   BLOCK TESTIMONIALS  */
			&.block-testimonials{
				width: 100%;
				height: calc( 100dvh - var(--height-header-desktop-scrolled) );
				min-height: 400px;
				max-height: 800px;

				position: relative;
				margin: 150px 0 50px;
				padding: 50px 0 0;

				@media screen and (min-width: 666px){
					margin-bottom: 150px;
				}



				h2{
					position: absolute;
					left: 25px;
					top: 0;
					transform: translate( 0, calc(-100% - 25px) );

					@media screen and (min-width: 1200px){
						left: 50%;
						transform: translate( -600px, calc(-100% - 25px) );
					}

					span{
						&:nth-of-type(2){
							margin-left: 10%;

							@media screen and (min-width: 666px){
								margin-left: 90px;
							}

						}
					}
				}


				.thibl__testimonials-wrp{
					width: 100%;
					height: 100%;

					position: relative;
					padding: 0 50px 50px;


					.thibl__testimonial{

						aspect-ratio: 9 / 16;
						height: 100%;
						width: auto;

						position: relative;

						background-color: rgba(0,0,0,0.06);

						transition: opacity 0.5s;

						h3{
							position: absolute;
							left: -15px;
							bottom: 20px;
							z-index: 50;

							margin: 0;

							transition: opacity 0.5s;


							span{
								font-size: 4rem;
								font-weight: var(--bold);
								text-transform: uppercase;

								background-color: var(--thm-green);
							}
						}

						.thibl__testimonial-video-wrp{
							width: 100%;
							height: 100%;

							video {
								width: 100%;
								height: 100%;
								object-fit: cover;

								&:fullscreen{
									object-fit: contain;

								}
							}


							.thibl__testimonial-video-poster-overlay{
								width: 100%;
								height: 100%;
								position: absolute;
								top: 0;
								left: 0;
								z-index: 10;
								object-fit: cover;

								transition: opacity 0.5s;

							}

							.thibl__testimonial-video-play-button-overlay{
								width: 100%;
								height: 100%;
								position: absolute;
								top: 0;
								left: 0;
								z-index: 30;

								cursor: pointer;

								transition: opacity 0.5s;


								svg{
									width: 150px;
									aspect-ratio: 1;
									height: auto;

									margin-top: 50px;

									.thm-2change{
										fill: white;
										opacity: 0.3;
									}
								}

								&:hover{
									svg {
										.thm-2change {
											fill: var(--thm-orange);
											opacity: 1;
										}
									}
								}
							}

							.thibl__icon-close{
								width: 50px;
								aspect-ratio: 1;
								height: auto;

								position: absolute;
								top: 10px;
								right: 10px;
								z-index: 50;

								cursor: pointer;


								svg{
									.circle{
										fill: white;
										opacity: 0.3;
									}
									.cross{
										fill: black;
									}
								}

								&:hover{
									svg{
										.cross{
											fill: var(--thm-green);
										}
									}
								}
							}
						}

						&.inactive{
							opacity: 0.3;
						}
					}
				}
			}




		/*	---------------------------------------------------------------------------   BLOCK ADMISSION & APPLICATION  */
			&.block-requirements-application{
				width: 100%;
				height: fit-content;

				position: relative;
				padding: 0 0 0;

				@media screen and (min-width: 1250px ) {

					height: 830px;
					padding: 100px 0 0;

					background-image: url('../media/images/ibl_requirements_application_back_4000x830_opt.svg');
					background-size: 4000px 830px;
					background-repeat: no-repeat;
					background-position: center;
					background-color: transparent;

				}

				.thibl__ampersand{
					width: 200px;
					aspect-ratio: 27 / 40;
					height: auto;

					position: absolute;
					top:50%;
					left:50%;
					transform: translate(-39%,-52%);

					background-image: url('../media/images/ibl_requirements_application_back_ampersand_540x800_opt.svg');
					background-size: contain;
					background-position: center;
					background-repeat: no-repeat;

					@media screen and (min-width: 1250px ) {
						display: none;
					}
				}




				.thibl__cols_two--wrp{
					width: 100%;
					margin: 0;

					display: flex;
					flex-flow: column nowrap;

					@media screen and (min-width: 1250px ) {
						width: 1300px;
						flex-flow: row nowrap;

						margin: 0 0 120px;
					}


					.thibl__col{

						&:nth-of-type(1){

							width: 100%;

							position: relative;
							padding: 50px 25px 100px;

							background-image: url("../media/images/ibl_requirements_application_back_left_1800x800_opt.svg");
							background-size: 1800px 100%;
							background-position: -1320px 0;
							background-repeat: no-repeat;

							right: unset;

							h2{
								width: fit-content;

								span:nth-of-type(2){
									margin-left: 30px;
								}
							}


							@media screen and (min-width: 666px ) {

								display: flex;
								flex-flow: column nowrap;
								align-items: flex-end;

								right: calc(50% - 150px);

								background-position: right top;


								h2{
									span:nth-of-type(2){
										margin-left: 80px;
									}
								}

								.thibl__requirements{
									margin-right: 50px;
								}

								.thibl__more-link-wrp{
									max-width: 415px;
								}
							}

							@media screen and (min-width: 1250px ) {
								align-items: flex-start;
								right: unset;
								padding-bottom: 0;
								background-image: none;

								h2{
									width: 100%;
									margin-left: -100px;
								}
							}
						}

						&:nth-of-type(2){

							max-width: 500px;

							position: relative;
							margin: 120px 0 0 25px;
							padding: 0 25px 120px;

							align-self: flex-end;

							background-image: url("../media/images/ibl_requirements_application_back_right_1500x800_opt.svg");
							background-size: 1500px 100%;
							background-position: -50px 0%;
							background-repeat: no-repeat;

							h2{
								width: fit-content;
								margin: 130px 0 0 0;

								span:nth-of-type(2){
									margin-left: 100px;
								}
							}


							@media screen and (min-width: 500px ) {
								padding: 0 25px 120px 150px;
								background-position: 20px 0%;

								h2{
									width: fit-content;
									margin: 130px 0 0 -130px;

									span:nth-of-type(2){
										margin-left: 125px;
									}
								}
 							}

							@media screen and (min-width: 666px ) {
								width: 100%;
								max-width: unset;
								left: calc(50% - 200px);
 							}

							@media screen and (min-width: 1250px ) {
								padding: 0 0 0 280px;
								left: unset;
								background-image: none;

								h2{
									margin: 50px 0 0 -150px;

									span:nth-of-type(2){
										margin-left: 150px;
									}
								}
							}
						}


						.thibl__requirements{
							width: 100%;
							max-width: 370px;

							padding: 25px 0;

							p{
								color: white;
							}

						}

						.thibl__more-link-wrp{
							justify-content: flex-start;
							padding-bottom: 0;
						}
					}
				}

			}




		/*	-------------------------------------------------------------------------------------------   BLOCK CONTACT  */

			&.block-contact {

				width: 100%;
				height: fit-content;

				position: relative;
				margin: 50px 0 0;


				h2 {
					margin: 25px 0 0;

					@media screen and (min-width: 450px){
						margin-left: 75px;
					}
				}

				h3 {
					margin: 0 0 1rem;
					font-size: 1.5rem;
					text-align: center;
					color: black;

					&.on-green {
						width: fit-content;
						padding: 3px 15px;

						position: absolute;

						font-size: 1.8rem;
						color: white;

						background-color: var(--thm-green);
					}
				}

				p {
					font-size: 1.3rem;
				}

				.thibl__start-contact-wrp {

					padding: 80px 0 0;
					gap: 30px;

					@media screen and (min-width:880px){
						height: fit-content;
						flex-flow: row wrap;
						align-items: stretch;
						padding: 80px 0;
					}

					.thibl__contact-box {
						width: 100%;
						flex-shrink: 0;

						position: relative;
						margin: 0 0 10px;
						padding: 30px 25px;

						border: 1px solid rgba(0, 0, 0, 0.1);
						background-color: rgba(0, 0, 0, 0.06);

						@media screen and (min-width: 450px){
							width: 400px;
						/*	aspect-ratio: 1;  */
						}

						figure {
							width: 200px;
							aspect-ratio: 1;

							margin: -80px 0 20px;

							border-radius: 50%;
							overflow: hidden;

							img {
								width: 100%;
								height: auto;
							}
						}

						&:nth-of-type(1) {
							h3 {
								&.on-green {
									top: 80px;
									right: -20px;
								}
							}

							p {
								font-size: 1.2rem;
								text-align: center;
								color: var(--thm-grey);

								&:first-of-type {
									color: black;
								}

								&:last-of-type {

									width: 100%;

									margin: auto 0 0;
									padding: 0;

									a[href$=".pdf"]{
										width: 100%;
										display: flex;
										justify-content: center;
										align-items: center;
										height: 40px;

										text-align: center;

									/*	background-color: var(--thm-green-light);  */

										&::before{
											content: "";

											display: inline-block;
											width: 25px;
											aspect-ratio: 1;
											height: auto;

											padding-right: 5px;

											background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3E%3Cpath style='fill:currentColor;' d='M34.63 472.12 28.67 23.63l322.05 23.94-21.91 200.75-9.96-.88 21.02-190.65L38.82 34.41l5.67 427.09 251.29-15.28 3.93-33.48 9.93 1.17-4.91 41.79z'/%3E%3Cpath style='fill:currentColor;' d='M242.4 306.32c0 10.44-3.28 18.64-9.85 24.59s-15.47 8.93-26.7 8.93h-29.48v48.01h-12.3V271.63h41.77c11.34 0 20.27 3 26.78 9.01s9.77 14.57 9.77 25.69Zm-12.3 0c0-7.97-2.19-13.9-6.57-17.77s-10.61-5.81-18.7-5.81h-28.47v45.98h28.47c8.08 0 14.32-1.85 18.7-5.56s6.57-9.32 6.57-16.84M301.01 271.62c12.35 0 22.15 3.57 29.39 10.7s10.86 18.39 10.86 33.77v27.29c0 15.38-3.62 26.64-10.86 33.77s-17.04 10.7-29.39 10.7h-39.75V271.63h39.75Zm27.8 72.43v-27.46c0-11.79-2.39-20.38-7.16-25.77s-11.59-8.08-20.47-8.08h-27.46v93.99h27.46c18.42 0 27.62-10.89 27.62-32.68ZM378.16 323.5h49.86v11.12h-49.86v53.23h-12.3V271.63h70.58v11.12h-58.28v40.76Z'/%3E%3C/svg%3E");
											background-size: 25px 25px;
											background-repeat: no-repeat;
											background-position: left center;
										}
									}

								}
							}


						}

						&:nth-of-type(2) {
							h3 {
								&.on-green {
									top: 20px;
									left: -12px;
								}
							}
						}

						&.contact-form{

							position: relative;
							padding: 70px 25px 30px;

							.wpcf7{
								height: 100%;

								form{
									height: 100%;

									display: flex;
									flex-flow: column nowrap;

									.thibl__form-elem{
										width: 100%;

										position: relative;
										margin: 0 0 15px;

										&:nth-of-type(4){
											margin: auto 0 0;
										}


										input,
										textarea{
											width: 100%;

											padding: 7px 10px;

											font-family: var(--thm), sans-serif;
											font-size: 1.2rem;

											outline: none;
										}
										textarea{
											height: 80px;
										}
										label{
											font-size: 0.9rem;
										}

										input[type="submit"]{
											width: 100%;
											height: 40px;

											margin: auto 0 0;

											font-size: var(--font-size-p);
											color: white;

											cursor: pointer;

											border: 0;
											outline: 0;

											background-color: var(--thm-orange);

											transition: background-color 0.25s;

											&:hover,
											&:focus,
											&:active,
											&:focus-visible{
												background-color: var(--thm-grey);
											}
										}

										.wpcf7-spinner{
											position: absolute;
											right: -15px;
											top: 50%;
											transform: translateY(-50%);
										}
									}

									.wpcf7-not-valid{
										border: 2px solid red;
									}

									.wpcf7-response-output{
										width: 100%;

										position: relative;
										margin: 40px 0 0;
										padding: 10px 15px 10px 55px;

										color: white;
										text-wrap: balance;

										border: 0;
										background-color: var(--thm-green);

										@media screen and (min-width:880px){
											/*
											width: calc(100% - 50px);

											position: absolute;
											left: 0;
											top: calc( 100% + 15px );

											margin: 10px 0 0;
											*/
										}

										&:before{
											content: "✓";
											position: absolute;
											left: 12px;
											top: 50%;
											transform: translateY( calc( -50% - 2px ) );

											font-size: 2.2rem;
											text-wrap: balance;
										}
									}

									&[data-status="invalid"]{
										.wpcf7-response-output {
											background-color: red;

											&:before {
												content: "⚠";
												transform: translateY( calc( -50% - 2px ) );
											}
										}
									}
								}
							}
						}


						&:nth-of-type(3) {

							padding-top: 85px;

							h3{
								&.on-green {
									top: 20px;
									left: -12px;
								}
							}

							.thibl__contact-infosession-text{
								margin-bottom: auto;
							}

							.thibl__contact-infosession-prelink{
								margin-top: 25px;
							}

							.thibl__contact-infosession-link{
								width: calc(100% + 20px);
								height: 40px;

								margin: 0 -10px;
								padding: 0 10px;

								font-size: var(--font-size-p);
								text-align: center;
								text-decoration: none;
								color: white;

								background-color: var(--thm-orange);

								transition: background-color 0.25s;

								&:hover,
								&:focus,
								&:active,
								&:focus-visible{
									background-color: var(--thm-grey);
								}

								&::after{
									content: none;
								}
							}

						}

					}
				}
			}



		/*	-------------------------------------------------------------------------------------   BLOCK LATEST EVENTS  */

			&.block-latest-events{

				width: 100%;
				height: fit-content;

				position: relative;
				padding: 50px 0 100px;

			/*	overflow: hidden;  */

				h2{
					margin-left: 50px;

					@media screen and (min-width: 1444px){
						margin-left: 225px;
					}
				}

				.thibl__events-wrp{
					position: relative;

					padding: 5px 25px;
					margin-bottom: 30px;

					@media screen and (min-width:1444px){

						padding: 5px 200px;
						margin-bottom: 50px;
					}


					.thibl__event{
						width: 100%;
						height: auto;

						display: flex;
						flex-flow: column nowrap;

						position: relative;
						padding: 20px 25px;

						cursor: pointer;

						border: 1px solid rgba(0,0,0,0.1);
						background-color: rgba(0,0,0,0.06);


						@media screen and (min-width: 450px){
							width: 400px;
							height: auto;
							flex-shrink: 0;
						}

						img{
							width: 100%;
							height: auto;
						}

						.button-h3{
							margin: 0;
							padding: 0.5rem 0 1rem;

							font-family: var(--thm), sans-serif;
							font-size: 1.5rem;
							font-weight: var(--medium);
							color: black;
							text-align: left;
						}

						p{
							font-size: 1.2rem;
							text-align: center;
							color: var(--thm-grey);

							&:first-of-type{
								color: black;
							}
						}

						&:hover,
						&:focus-visible{
							border-color: var(--thm-green);
							outline: 5px solid var(--thm-green);
						}
					}
				}

				@media screen and (min-width: 999px){
					display: block;
				}

			}









		/*	---------------------------------------------------------------------------------------------   TEMP BLOCKS  */

			&.block-footer{
				margin-bottom: 0 !important;
			}

			&.block-temp{
				height: 100dvh;

				position: relative;
				margin: 0 0 50px;

				h1,
				h2{
					font-size: 3rem;
					text-align: center;
					color: rgba(255,255,255,0.6);
				}

				p{
					text-align: center;
					color: rgba(255,255,255,0.8);

					a{
						&:link,
						&:visited{
							color: rgba(255,255,255,0.8);
							text-decoration-color: rgba(255,255,255,0.8);
						}
						&:hover,
						&:focus,
						&:active{
							color: rgba(255,255,255,1);
							text-decoration-color: rgba(255,255,255,1);
						}
					}
				}


				&.half{
					height: 50dvh;
				}
			}
		}


	/*	-----------------------------------------------------------------------------------------------------   MODALS  */

	/*	------------------------------------------------  MODAL: OVERLAY MAIN VIDEO  */

		.thibl__modal-video-main{
			aspect-ratio: 21 / 9;
			width: min(calc(100vw - 20px), calc((100vh - 20px) * 21 / 9));
			height: min(calc(100vh - 20px), calc((100vw - 20px) * 9 / 21));

			padding: 0;
			overflow: visible;

			background-color: black;

			border: 0;

			animation: fadeInAndScale 1s ease-out;

			@media screen and (min-width: 666px){
				width: min(calc(100vw - 100px), calc((100vh - 100px) * 21 / 9));
				max-width: 1920px;
				height: min(calc(100vh - 100px), calc((100vw - 100px) * 9 / 21));
				max-height: 804px;
			}

			.thibl__modal-video{
				width: 100%;
				height: 100%;

				object-fit: cover;
				overflow: hidden;


				video{
					width: 100%;
					height: 100%;

					object-fit: cover;
				}

				.thibl__icon-close{
					aspect-ratio: 1;
					width: 42px;
					height: auto;

					position: absolute;
					top: 10px;
					right: 10px;

					svg{
						width: 100%;
						height: 100%;

						cursor: pointer;

						.circle{
							fill: white;
							opacity: 0;
							transition: opacity 0.5s;
						}
						.cross{
							fill: white;
							opacity: 0.7;
							transition: opacity 0.5s;
						}

						&:hover{
							.circle{
								opacity: 1;
							}
							.cross{
								opacity: 0;
							}
						}
					}
				}
			}


			.thibl__modal-video-credentials{
				position: absolute;
				right: 3px;
				bottom: 0;
				transform: translateY( calc(100% + 3px) );

				color: white;
			}
		}




		/*	--------------------------------------------------------------------   MODAL LATEST NEWS  */

		.thibl__modal-latest-events{
			width: 100%;
			max-width: 800px;
			height: calc( 100dvh - 100px) ;

			margin: 50px auto;
			padding: 0;

			overflow: hidden;

			border: 0;
			outline: none;

			.thibl__modal-h2{
				width: fit-content;
				margin: 20px 0 20px 50px;
				outline: none;
				span{
					font-size: 3.6rem;
				}
			}

			.thibl__modal-content {

				height: calc( 100% - 110px) ;
				overflow-y: auto;

				padding: 0 50px 100px;


				img,
				[id^="attachment_"] {
					width: 100% !important;
					height: auto;

					.wp-caption-text {
						font-size: 0.8rem;
					}
				}
			}

			.thibl__modal-close {
				width: 60px;
				aspect-ratio: 1;
				height: auto;

				position: absolute;
				top: 22px;
				right: 12px;

				cursor: pointer;

				svg {
					width: 100%;
					height: 100%;

					.circle {
						fill: white;
					}

					.cross {
						fill: var(--thm-green);
					}

				}

				&:hover {
					svg {
						.circle {
							fill: var(--thm-green);
						}

						.cross {
							fill: white;
						}
					}
				}
			}
		}



		.thibl__modal-curriculum-track-overview{
			width: calc( 100% - 100px);
			max-width: 2000px;
			height: calc( 100dvh - 100px) ;

			padding: 0 50px;

			border: 0;

			h2{
				span {
					font-size: 3.6rem;
				}
			}

			img{
				height: calc(100% - 50px);
				width: auto;
			}

			.thibl__modal-close{
				width: 50px;
				aspect-ratio: 1;
				height: auto;

				position: fixed;
				top: 60px;
				right: 60px;

				cursor: pointer;

				svg{
					width: 100%;
					height: auto;

					.circle{
						fill: white;
					}
					.cross{
						fill: var(--thm-green);
					}
				}

				&:hover{
					svg{
						.circle{ fill: var(--thm-green); }
						.cross{  fill: white; }
					}
				}
			}
		}




	} /*	end thibl__main  */

.block-yellow{ background-color: var(--ibl-temp-yellow); }
.block-blue{ background-color: var(--ibl-temp-blue); }
.block-green{ background-color: var(--ibl-temp-green); }





/*	----------------------------------------------------------------------------------------   PAGES FAR, FAR FROM HOME  */

.page:not(.home){

	.thibl__main {

		margin-top: calc( var(--height-header-mobile-initial) - 5px);

		@media screen and (min-width:999px){
			margin-top: calc( var(--height-header-desktop-initial) - 20px);
		}


		.thibl__main-block {

			.thibl__main-content {

				width: 100%;
				position: relative;

				@media screen and (min-width:1200px){
					width: 1200px;
				}

				.thibl__keyvisual{
					width: calc( 100% + 40px);
					height: 350px;
					margin: 0 -20px 25px;
					z-index: -1;

					mask-image: url('../media/images/ibl_svg_mask003_800x450_opt.svg');
					mask-size: 100% 100%;
					mask-repeat: no-repeat;
					mask-position: center;

					@media screen and (min-width:666px){
						width: 100%;
						height: 600px;
					}

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

				.thibl__content{
					width: 100%;
					position: relative;
					top: -90px;

					@media screen and (min-width:840px){
						width: 840px;
						top: 0;
					}

					h1{

						@media screen and (min-width: 1250px){
							&:has(span){
								margin: -200px 0 1rem -200px;
							}
						}

					}

					h2:has(span){
						margin: 0 0 2rem -15px;

						span {
							white-space: wrap;
							text-wrap: balance;
							line-height: 160%;

							br{
								display: none;

								@media screen and (min-width:666px){
									display: block;
								}
							}
						}
					}

					p img,
					div[id^="attachment_"]:has( img[class*="wp-image-"] ){
						margin: 35px 0 20px;
					}

					img,
					.wp-caption{
						width: 100% !important;
						height: auto;

						.wp-caption-text{
							font-size: 0.9rem;
							text-align: right;
						}
					}

					.thibl__main-block{
						padding: 0;
					}
				}
			}

			.block-quotation{
				.thibl__quotation-wrp {
					display: block !important;
					margin: 50px 0 0;
					padding: 0 0 25px 25px;

					p {
						&:first-of-type {
							&::before {
								font-size: 6rem;
							}
						}
					}

					.allow-wrap {
						white-space: normal;
					}
				}
			}
		}
	}
}


.admission-and-application{
	.thibl__main {
		.thibl__main-block {
			.thibl__main-content {
				.thibl__content {

					h1{
					/*	margin-top: -157px !important;  */
					}
					h2{
						margin-bottom: 2rem !important;

						&[id]{
							scroll-margin-top: calc( var(--height-header-desktop-scrolled) );
						}
					}

					p,
					ul,
					ol {
						padding: 0 0 1rem 0 !important;
						color: black;
					}
					ul,
					ol{
						padding: 0 0 1rem 30px !important;

						li{
							padding: 0 0 1rem 10px;
						}
					}
					ul{
						list-style: square;
					}
				}
			}
		}
	}
}




.faq{

	.thibl__faq-content{

		width: 100%;

		padding: 0 0 0 66px;

		@media screen and (min-width:800px){
			width: 800px;
		}

		h2{
			position: relative;
			padding: 1.5rem 0 0.5rem;

			font-size: 1.8rem;
			font-weight: var(--medium);
			text-align: left;
			text-transform: none;
			color: black;

			counter-increment: counter-faq 1;

			&::before {
				content: counter( counter-faq, decimal );

				width: 50px;
				height: 50px;

				display: flex;
				flex-flow: row nowrap;
				align-items: center;
				justify-content: center;

				color: white;

				position: absolute;
				top: 17px;
				left: -66px;

				background-color: var(--thm-green);
			/*	border-radius: 50%;  */
			}

			@media screen and (min-width:666px){
				font-size: 2.4rem;
			}
		}

		p.thibl__answer{
			font-size: 1.25rem;
			font-weight: var(--regular);
			text-align: left;
			text-transform: none;
			color: var(--thm-grey);

			@media screen and (min-width:666px){
				font-size: 1.5rem;
			}
		}
	}

	.thibl__back-link{
		margin-left: 66px;
	}

}


/*	-------------------------------------------------------------------------------------------------   PAGE CURRICULUM  */
.thibl__curriculum-page-tracks-wrp{
	width: 100%;

	padding: 0 0 50px;

	@media screen and (min-width:800px){
		width: 800px;
	}


	h3{
		font-size: 2.5rem;
		font-weight: var(--medium);

		&.thibl_h3-no-indent{
			margin-left: 0;
		}
	}

	.thibl__curriculum-page-track{
		width: calc( 100% + 100px );
		margin: 0 -50px;

		&[id]{
			scroll-margin-top: calc( var(--height-header-mobile-scrolled) + 40px );

			@media screen and (min-width:999px){
				scroll-margin-top: calc( var(--height-header-desktop-scrolled) + 30px );
			}
		}

		.thibl__curriculum-track-nr{
			margin: 2rem 0 0;
			padding: 0 50px;

			p {
				font-weight: var(--medium);
			}
		}

		h3{
			margin: 0 0 1rem 25px;
			padding: 7px 25px;

			font-size: 2.5rem;
			font-weight: var(--regular);
		}

		.thibl__curriculum-page-text{

			width: calc(100% - 50px);

			position: relative;
			margin: 0 25px;
			padding: 10px 25px;

			.semi-background{
				width: 100%;
				height: 100%;

				position: absolute;
				top: 0;
				left: 0;
				z-index: -1;

				opacity: 0;
			}
		}
	}

	&.thibl__curriculum-terms{
		opacity: 0.6;

		h3{
			font-size: var(--font-size-small);
			font-weight: var(--bold);
		}
		p{
			font-size: var(--font-size-small);
		}

		a[id^="term"]{
			scroll-margin-top: 170px;
		}
	}
}


.thibl__curriculum-track-overview {
	width: calc(100% + 50px);
	max-width: 900px;
	height: auto;

	margin: 25px 0;

	cursor: zoom-in;

	h3{
		margin: 2rem 0 1rem 25px;
		padding: 7px 25px;

		font-family: var(--thm), sans-serif;
		font-size: 2.5rem;
		font-weight: var(--regular);
	}

	img {
		width: 100%;
		height: auto;
	}
}





/*	---------------------------------------------------------------------------------------------------------   YOUTUBE  */
.thibl__youtube-link {

	position: relative;
	margin: 25px 0;

	.thibl__video-youtube-play-button-overlay {
		width: 100%;
		height: 100%;

		position: absolute;
		top: 0;
		left: 0;

		svg {
			width: 150px;
			aspect-ratio: 1;
			height: auto;

			.thm-2change{
				fill: white;
				opacity: 0.3;
			}
		}

		&:hover {
			.thm-2change{
				fill: var(--thm-orange);
				opacity: 1;
			}
		}
	}
}




/*	-----------------------------------------------------------------------------------------------------------   LEGAL  */
.legal{

}


/*	--------------------------------------------------------------------------------------------------------------  404  */

.error404{
	.block-404{
		width: 100%;

		position: relative;
		margin: var(--height-header-desktop-initial) auto 0;


		sup{
			font-size: 1rem;
			vertical-align: top;
			padding-left: 8px;
		}

		@media screen and (min-width:800px){
			width: 800px;
		}

	}

}


/*	----------------------------------------------------------------------------------------------------------  FOOTER  */
.thibl__ftr-wrp{

	width: 100%;
	min-width: var(--width-min);

	position: relative;
	bottom: 0;
	left: 0;
	z-index: 900;

	padding: 50px 25px 25px;

	background-color: var(--thm-grey);


	.thibl__ftr{
		width: 100%;
		max-width: var(--width-inner);
		flex-wrap: wrap;
		gap: 30px;


		.thibl__ftr-logos-wrp{
			margin: 0 0 50px;
			gap: 30px;

			.thibl__ftr-logo-thm {
				height: 60px;
				aspect-ratio: 3;
				width: auto;

				svg {
					display: block;
					height: 60px;
					width: auto;

					path{
						fill: white;
					}
				}
			}

			.thibl__ftr-logo-ibl,
			.thibl__ftr-logo-ibl-noborder{

				display: none;

				height: 60px;
				aspect-ratio: 5;
				width: auto;

				svg {
					display: block;
					height: 60px;
					width: auto;

					path{
						fill: white;
					}
				}
			}

			.thibl__ftr-logo-ibl-noborder{
				display: block;
			}

			.thibl__ftr-logo-ibl-text{
				display: block;
				margin: -3px 0 0;

				font-size: 22px;
				font-weight: var(--bold);
				color: white;
				text-transform: uppercase;
				line-height: 1.1;

				@media screen and (min-width: 666px){
					margin-left: 36px;
				}

				svg.thibl__ftr-logo-ibl-subline{
					display: block;
					width: 90px;
					margin: 6px 0 0;
					path{
						fill: white;
					}
				}
			}

			@media screen and (min-width:666px) {
				flex-flow: row nowrap;
				gap: 0;

				.thibl__ftr-logo-ibl {
					display: block;
				}

				.thibl__ftr-logo-ibl-noborder {
					display: none;
				}
			}
		}

		.thibl__ftr-blocks-wrp,
		.thibl__ftr-legal-wrp{

			gap: 50px;

			@media screen and (min-width: 666px){
				flex-flow: row nowrap;
				gap: 80px;
			}

			.thibl__ftr-block {
				width: 100%;
				height: fit-content;

				/*	background-color: rgba(255,255,255,0.02);  */

				@media screen and (min-width: 450px) {
					width: fit-content;
				}

				&:nth-child(1){
					width: 135px;
				}

				&:nth-child(2){

					gap: 50px;

					.thibl_ftr-adresses-wrp{
						gap: 50px;

						@media screen and (min-width: 800px) {
							flex-flow: row nowrap;
							gap: 70px;
						}
					}

					.thibl__ftr-che-ranking{
						width: 100%;
						max-width: 400px;

						img{
							width: 100%;
							height: auto;
						}
					}

					@media screen and (min-width: 1200px){
						flex-flow: row nowrap;
						gap: 70px;
					}
				}

				p,
				ul {
					font-size: 1.2rem;
					color: white;

					a {
						text-decoration: underline dotted rgba(255,255,255,0.4) 1px;

						&.thibl__social-media-link{

							svg{
								display: inline-block;
								width: 25px;
								height: 25px;
								margin: 0 8px 0 -3px;

								path{
									fill: currentColor;
								}
							}
						}

						&:link,
						&:visited {
							color: white;
						}

						&:hover,
						&:focus,
						&:active {
							color: var(--thm-green);
						}
					}
				}

				ul {
					padding-left: 0;
					li {
						list-style: none;
					}
				}
			}
		}

		.thibl__ftr-legal-wrp{
			.thibl__ftr-block {
				width: 100% !important;
				margin: 50px 0 0;
				border-top: 1px solid rgba(255,255,255,0.1);
				padding: 10px 0 0;

				ul{
					li{
						padding: 0 25px 0 0;

						&:last-of-type{
							padding: 0;
							margin: 25px 0 0 0;
						}
					}

					@media screen and (min-width: 666px){
						flex-flow: row nowrap;

						li{
							&:last-of-type {
								margin: 0 0 0 auto;
							}
						}
					}
				}
			}
		}
	}

	.thibl__ftr-contact-btn{
		display: block;

		width: 110px;
		height: auto;

		position: fixed;
		right: 0;
		bottom: 0;

		transform: translatex(0%);

		transition: transform 0.5s;

		&.hidden{
			transform: translatex(100%);
		}

		@media screen and (min-width: 666px){
			width: 150px;
		}
		@media screen and (min-width: 1160px){
			transform: translatex(100%);
		}

		svg{
			display: block;
			width: 100%;
			height: auto;
		}
	}
}

/*	--------------------------------------------------------------------------------------------------------   VENDORS  */

/*	-----------------------------------------------------------------------------------------------   SWIPER  */

.swiper-scrollbar-horizontal{

	width: calc(100% - 120px);
	max-width: 980px;
	height: 1px;

	position: relative;
	left: 50%;
	transform: translateX(calc(-50% + 10px));

	background-color: rgba(0,0,0,0.25);


	.swiper-scrollbar-drag{
		height: 7px;
		top: -3px;
		border-radius: 0;
		background-color: var(--thm-green);

		cursor: ew-resize;
	}
}


.swiper-pagination-bullets{

	display: flex;

	/*	width: calc(100% - 100px);  */
	width: fit-content;
	height: 20px;

	position: relative;
	margin: 0 auto;

/*	background-color: rgba(0,220,0,0.06);  */


	.swiper-bullets-square{
		display: block;
		width: 15px;
		height: 15px;

		margin: 2px;

		border: 1px solid rgba(0,0,0,0.25);

		&.swiper-bullets-square-active{
			border: 1px solid var(--thm-green);
			background-color: var(--thm-green);
		}
	}

	@media screen and (min-width: 999px){
		display: none;
	}
}