/*
Theme Name: Child theme of Astra - For Dihun Keltieg Orleans
Theme URI: https://wpastra.com/
Template: astra
Theme Name: Astra Dihun Keltieg
Description: Astra child theme developed for -Dihun Keltieg Orleans-
Author: CTOMTOMDEV
Author URI: https://www.ctomtomdev.net
Text Domain:  astra-child
Version: 1.3-B202501111-1330
*/

:root {
	--tce-cta-audio-player-cursor-size: 18px;
	--tce-cta-audio-player-track-size: 6px;
	--tce-cta-audio-player-icon-size: 42px;
	--tce-mec-home-image: 300px;
}

/* Variables depending on screen sizes*/
@media (min-width: 922px) and (max-width: 2440px) {/**DESKTOP**/
	:root {
		--tce-header-height: 100px;
		--tce-header-width: 100%;
		--tce-mec-width: 40vw;
		--tce-mec-day-cell-size: 65px;
		--tce-mec-day-text-shift: 19px;
		--tce-mec-day-dot-shift: 8px;
		--tce-visibility-mobile: hidden;
		--tce-display-mobile: none;
		--tce-display-desktop: block;
		--tce-visibility-desktop: visible;
		--tce-padding-h1-logo-home: 5vh;
		--tce-home-logo-gap: 48px;
		--tce-h1-home-margin: var(--wp--preset--spacing--70);
		--tce-stroke-h1-home: 0.15rem;
		--tce-cta-player-close-button-margin: 48px;
		--tce-cta-button-size: 75px;
		--tce-max-whole-width: 1960px;
		--tce-label-margin-left: 8px;
		--tce-label-margin-right: 12px;
	}
}/*END desktop*/

@media (min-width: 2441px) { /**VERY large screens**/
	:root {
		--tce-header-height: 115px;
		--tce-header-width: 100vw;
		--tce-mec-width: auto;
		--tce-mec-day-cell-size: 85px;
		--tce-mec-day-text-shift: 30px;
		--tce-mec-day-dot-shift: 16px;
		--tce-visibility-mobile: hidden;
		--tce-display-mobile: none;
		--tce-display-desktop: block;
		--tce-visibility-desktop: visible;
		--tce-padding-h1-logo-home: 5vh;
		--tce-home-logo-gap: 48px;
		--tce-h1-home-margin: var(--wp--preset--spacing--70);
		--tce-stroke-h1-home: 0.15rem;
		--tce-cta-player-close-button-margin: 48px;
		--tce-cta-button-size: 90px;
		--tce-max-whole-width: 100vw;
		--tce-label-margin-left: 48px;
		--tce-label-margin-right: 24px;
	}
}

@media (max-width: 921px) {/**MOBILE**/
	:root {
		--tce-header-height: 90px;
		--tce-header-width: 100vw;
		--tce-mec-width: 85vw;
		--tce-mec-day-cell-size: 48px;
		--tce-mec-day-text-shift: 12px;
		--tce-mec-day-dot-shift: 5px;
		--tce-visibility-mobile: visible;
		--tce-display-mobile: block;
		--tce-display-desktop: none;
		--tce-visibility-desktop: hidden;
		--tce-padding-h1-logo-home: 12px;
		--tce-home-logo-gap: 0px;
		--tce-h1-home-margin: 12px;
		--tce-stroke-h1-home: 0.08rem;
		--tce-cta-player-close-button-margin: 18px;
		--tce-cta-button-size: 54px;
		--tce-max-whole-width: 100%;
		--tce-label-margin-left: 8px;
		--tce-label-margin-right: 12px;
	}
}/*END mobile*/

/* Reset Astra page padding*/
.ast-container {
	padding: 0px !important;
	max-width: var(--tce-max-whole-width);
}

/* Headers*/
	/** Sticky headers**/
	.site-header {
		position: fixed;
		top: 0;
		width: var(--tce-header-width);
		height: var(--tce-header-height);
	}

	.site-content {
		padding-top: calc(var(--tce-header-height));/* + 20px);*/
	}

	/** Hide bugged div on Astra theme**/
	.site-header-above-section-left-center {
		visibility: hidden;
	}

	/** Center header elements in page**/
	.ast-grid-center-col-layout {
		justify-items: center;
	}

	/** CTA button size***/
	figure.tce-cta-button {
		height: var(--tce-cta-button-size);
		width: var(--tce-cta-button-size);
	}

	/** shift html anchros by height of sticky headers*/
	#cddk, #wpinventory {
  		scroll-margin-top: calc(var(--tce-header-height) + 20px);
	}
	/* END HEADERS*/

/* ALL PAGES*/
	/** Page title**/
	h1 {
		-webkit-text-stroke : 0.03rem var(--wp--preset--color--ast-global-color-0) above;
		color: var(--wp--preset--color--ast-global-color-0);
		font-family: salsa;
		background-color: transparent;
		text-align: center;
		width: 100%;
	}


	/** link hover animation, for texts*/
	/** EXCEPTIONS :
	 * - "next event" link on home page 
	 * - Menu items
	 * - Images with links
	 * - h3 + h4 Titles
	 */

	/*** For all animations*/
	p a:not(.skip-link, .mec-has-event-a), ul.wp-block-list li a, ul.tce-footer-links li a, p.tce-next-event-text a, h3.mec-event-title a, h4.mec-event-title a, h2 a, h3+ul li a {
		position: relative;
	}

	/*** For all animations*/
	p a:not(.skip-link, .mec-has-event-a)::before, ul.wp-block-list li a::before, p.tce-next-event-text a::before, h3.mec-event-title a::before, h4.mec-event-title a::before, h2 a::before, h3+ul li a::before {
		z-index:-1;
		content: '';
		position: absolute;
		transform-origin: right;
		transform: scaleX(0);
		transition: transform .25s ease-in-out;
		}

	/*** For standard texts*/
	p a:not(.skip-link, .mec-has-event-a)::before, ul.wp-block-list li a::before, p.tce-next-event-text a::before, h3.mec-event-title a::before, h4.mec-event-title a::before, h3+ul li a::before {
		width: calc(100% + 0.3rem);
		height: calc(var(--wp--preset--font-size--medium) + 0.4rem);
		border-radius: 0.25rem;
		bottom: 0.05rem;
		left: -0.15rem;
		}

	/*** For h2 animations*/
	h2 a::before {
		width: calc(100% + 1rem);
		height: 4rem;
		border-radius: 1rem;
		bottom: 0.1rem;
		left: -0.5rem;
		}

	/*** For all animations*/
  	/*** Animation settings*/
	p a:not(.skip-link, .mec-has-event-a):hover::before, ul.wp-block-list li a:hover::before, p.tce-next-event-text a:hover::before, h3.mec-event-title a:hover::before, h4.mec-event-title a:hover::before, h2 a:hover::before, h3+ul li a:hover::before {
		transform-origin: left;
		transform: scaleX(1);
	}

	p a:not(p.tce-next-event-text a, .skip-link, li.tce-footer-links a, .mec-has-event-a):hover, ul.wp-block-list li a:hover, p.tce-next-event-text a:hover, h3.mec-event-title a:hover, h4.mec-event-title a:hover, h2:hover, h3+ul li a:hover {
		z-index:2;
		text-decoration: none !important;
	}

	/*** small font size notice links*/
	p.has-small-font-size a::before, ul.tce-footer-links li a::before, h4.mec-event-title a::before {
		height: calc(var(--wp--preset--font-size--small) + 0.4rem);
	}

	/*** Color settings*/
	/**** General case - paragraphs & list items*/
	p a:not(.skip-link, .mec-has-event-a, .wp-block-post-excerpt__more-link, .tce-read-next)::before, ul.wp-block-list li a::before, h3+ul li a::before {
		background: var(--wp--preset--color--ast-global-color-8);
	}

	p a:not(p.tce-next-event-text a, .skip-link, li.tce-footer-links a, .mec-has-event-a, .wp-block-post-excerpt__more-link, .tce-read-next):hover, ul.wp-block-list li a:hover, h3+ul li a:hover {
		color: var(--wp--preset--color--ast-global-color-5);
	}

	/**** Next Event banner and event page link on landing page*/
	p.tce-next-event-text a::before, h4.mec-event-title a::before {
		background: var(--wp--preset--color--ast-global-color-5);	
	}

	p.tce-next-event-text a:hover, h4.mec-event-title a:hover {
		color: var(--wp--preset--color--ast-global-color-1) !important;
	}

	/**** Side list events on calendars*/
	h4.mec-event-title a {
		color: var(--wp--preset--color--ast-global-color-0) !important;	
	}

	/**** h2 title links*/
	h2 a::before {
		background: var(--wp--preset--color--ast-global-color-0);	
	}

	h2 a:hover {
		color: var(--wp--preset--color--ast-global-color-5);	
	}

	/**** h4 event title*/
	h4.mec-event-title a::before {
		background: var(--wp--preset--color--ast-global-color-0);	
	}

	h4.mec-event-title a:hover {
		color: var(--wp--preset--color--ast-global-color-5) !important;
	}

	/**** Footer links*/
	ul.tce-footer-links li a::before {
		background: var(--wp--preset--color--ast-global-color-5);	
	}

	ul.tce-footer-links li a:hover {
		color: var(--wp--preset--color--ast-global-color-0);	
	}

	/**END of a hover animation*/

	/** Accessibility enhancement: add a "external link" icon when opening in new tab*/
	article a[target="_blank"]::after {
	  content: url(/wp-content/uploads/ui/ic_external_link.svg);
		display: inline-block;
	  margin-left: 0.2rem;
	  width: 1rem;
	  height: 1rem;
	}

	/** Accessibility enhancement: add a "external link" icon when opening in new tab*/
	/** Chabge ciolour on hover*/
	article a[target="_blank"]:hover::after  {
	  content: url(/wp-content/uploads/ui/ic_external_link_hovered.svg);
		display: inline-block;
	  margin-left: 0.2rem;
	  width: 1rem;
	  height: 1rem;
	}

	/** H3 text colour modification. From "Primary" to "Secondary"**/
	h3:not(.mec-event-title) {
		color: var(--wp--preset--color--ast-global-color-1) !important;
		margin-bottom: 1rem !important;
	}

	/** H3 & H4 titles (links) on home page for events*/
	div.mec-event-content h4.mec-event-title a, h3.mec-event-title a {
		font-size: 1.15rem !important;
	}

	/** Add space between text and next h2 title **/
	div + h2, p + h2 {
		margin-top: 3.25rem !important;
		margin-bottom: 1rem !important;
	}

	/** Add space between text and next h3 title**/
	div + h3, p + h3 {
		margin-top: 4rem !important;
	}

	/** article with fix background
	 ** (not for home page)**/
	article:not(.mec-event-article, .post-98) {
		background: url("/wp-content/uploads/ui/Logo_DK_bgd.svg");
		background-repeat: no-repeat;
		background-attachment: fixed;
	}

	/** Article excerpt and image on Category pages*/
	div.ast-row article {
		margin-bottom: 48px;
	}
	/** centering "read next button" in left aligned rows**/
	.tce-read-next {
		left: 0; 
		right: 0;
		margin-inline: auto;
	}
/*END ALL PAGES*/

/* HOME PAGE*/
	/** Next event announcement*/
	.tce-next-event-container {
		width: 100vw;
		overflow: hidden;
		white-space: nowrap;
		padding-top:0px !important;
		padding-bottom:0px !important;
	}

	.tce-next-event-text {
		display: inline-block;
	}

	/** animation of text**/
	@keyframes scrollText {
		0% {
			opacity: 1;
			transform: translateX(0%);
		}
		65% {
			opacity: 1;
			transform: translateX(-100%);
		}
		66% {
			opacity: 0;
			transform: translateX(-100%);
		}
		67%
		{
			opacity: 0;
			transform: translateX(50%);
		}
		68% {
			opacity: 1;
			transform: translateX(50%);
		}
		100% {
			opacity: 1;
			transform: translateX(0%);
		}
	}

	/** Next event link must be underlined**/
	.tce-next-event a {
		text-decoration: underline;
	}
	/**END of next event announcment*/

	/** Video on home page full size, just below menu*/
		figure.tce-home-video {
			appearance:none;
			z-index: -2;
			width: 100vw;
		}

	/** Title and logo positioning*/
		/** Logo & H1 container**/
		div.tce-home-logo-n-h1-container {
			appearance: none;
			width: 100vw;
			aspect-ratio: 16/9;
			position: absolute;
			top: var(--tce-header-height);
			display: flex;
			gap: var(--tce-home-logo-gap);
			padding-top: var(--tce-padding-h1-logo-home) !important;
			padding-bottom: var(--tce-padding-h1-logo-home) !important;
			background: rgba(255,255,255,0.20);
		}

		/** h1 title customization**/
		.tce-h1-home {
			-webkit-text-stroke : var(--tce-stroke-h1-home) var(--wp--preset--color--ast-global-color-0);
			margin-top: var(--tce-h1-home-margin) !important;
			color: var(--wp--preset--color--ast-global-color-0);
			font-family: salsa;
			background-color: transparent;
			text-align: center;
			width: 100%;
			font-size: 2rem;
			line-height: 2.75rem;
		}

		/** H1 height (1 or 2 lines) depending on viewport size**MOBILE*/
		.tce-h1-home-desktop, .tce-cd-description-desktop {
			visibility: var(--tce-visibility-desktop);
			display: var(--tce-display-desktop);
		}

		.tce-h1-home-mobile {
			visibility: var(--tce-visibility-mobile);
			display: var(--tce-display-mobile);
		}

		/** Logo on home page centred, above video, just below the menu**/
		figure.tce-home-logo {
			width: 15vw;
			height: 15vw;
			max-width: 300px;
			min-width: 100px;
			max-height: 300px;
			min-height: 100px;
		}
	/** END title and logo positionning*/

/* Blocks*/
	/**Home page**/
	.tce-max-1350 {
		max-width: 1350px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	/** Other pages**/
	/** Calendar Event blocks**/
	#mec_skin_440, #mec_skin_1850 {
		justify-content: center !important;
		width: var(--tce-mec-width);
	}

	/** Hide M.E.C. side bar*/
	/** Hide M.E.C. footer*/
	.mec-no-image, .mec-calendar .mec-event-footer {
		display: none !important;
	}

	/** Page title of single event*/
	h1.mec-single-title {
		color: var(--wp--preset--color--ast-global-color-);
		text-align: center;
	}

	/** Description of single event*/
	div.mec-single-event-description p {
		color: var(--wp--preset--color--ast-global-color-4) !important;
		margin-left: 24px !important;
	}

	/** Date and time on single event page*/
	/** NOT on home page*/
	span.mec-start-date-label , abbr.mec-events-abbr {
		color: var(--wp--preset--color--ast-global-color-3);
	}

	/** Featured image size on single event page*/
	.mec-event-image {
		overflow: hidden;
		position: relative;
	  width:var(--tce-mec-home-image);
	  height:var(--tce-mec-home-image);
	}

	.tce-mec-single-event-page-image {
		width: var(--tce-mec-width);
		margin-bottom: 3vh !important;
	}

	/** Image size and ratio on home page*/
	/*** Featured image size on single event page*/
	div.mec-event-image {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 0;
		padding-bottom: 100%;
	}

	div.mec-event-image a img {
		border-radius: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		min-width: 200px;
		min-width: 200px;
		transform: translateX(-50%)  translateY(-50%);
	}

	/** Bugged on Safari ...*/
	@supports (-webkit-touch-callout: none) {
	  div.mec-event-image a img  {
		transform: translateX(0%);
	  }
	}

	span.mec-start-date-label {
		color: var(--wp-preset--color--ast-global-color-4);
	}

	/** Date on event on home page*/
	#post-98 span.mec-start-date-label {
		color: var(--wp--preset--color--ast-global-color-4);
	}

	/** remove unused data on home page event (location)*/
	#post-98 p.mec-grid-event-location {
		display: none;
	}

	/** Buttons "add to calendar" layout - must follow standard design of the web site*/
	a.mec-events-gcal {
		border: 3px solid var(--wp--preset--color--ast-global-color-4) !important;
		color: var(--wp--preset--color--ast-global-color-4) !important;
		background-color: var(--wp--preset--color--ast-global-color-0) !important;
		font-weight: 600;
	}

	/** Buttons "add to calendar" layout - must follow standard design of the web site*/
	a.mec-events-gcal:hover {
		background-color: var(--wp--preset--color--ast-global-color-5)  !important;
		color: var(--wp--preset--color--ast-global-color-0) !important;
		border: 3px solid var(--wp--preset--color--ast-global-color-1) !important;
		font-weight: 600;
	}

	p.tce-mec-single-page-description {
		padding-top:0.75rem;
	}

	/*** Fix color issues on calendar day - should be darker on "actual" days and lighter on "null" days*/
	.mec-table-nullday {
		color: #626262 !important;
		font-weight: 400;
	}

	.mec-calendar-day {
		color: #505050 !important;
		font-weight: 800;
	}

	.mec-selected-day {
		color: white !important;
	}

	article.mec-event-article {
		background-color: transparent;
	}

	article.mec-event-article div.mec-event-detail {
		color: var(--wp--preset--color--ast-global-color-1);
		font-size: small;
		font-style: italic;
	}
	/*** END of fix*/

	.mec-calendar dt, .mec-calendar dl {
		height: var(--tce-mec-day-cell-size) !important;
		max-height: var(--tce-mec-day-cell-size) !important;
		width: var(--tce-mec-day-cell-size) !important;
		max-width: var(--tce-mec-day-cell-size) !important;
		line-height: 1.5rem !important;
		vertical-align: middle !important;
	}

	.mec-calendar .mec-calendar-header {
		width: auto;
	}

	.mec-calendar > * dt.mec-has-event::after {
		top: 8px;
	}

	.mec-calendar > * dt.mec-has-event {
		padding-top: var(--tce-mec-day-text-shift);
	}
	/** END of Calendar*/

	/** Add margin between to post preview in category pages*/
	div.ast-article-inner {
		margin-bottom: var(--wp--preset--spacing--60) !important;
	}
/* END of blocks*/

/* FORMS customization*/

	/** Newsletter button customization**/
	.tce-btn-form-newsletter {
		padding: 0.25rem 2rem 0.25rem 2rem !important;
		margin-top: 0.25rem !important;
		width: 100% !important;
	}

/*** CONTACT FORM: see dedicated css file ***/
/* END of FORMS*/

/**************************************************/
/******************* RESPONSIVE *******************/
/**************************************************/

	/**************************************************/
	/****************** SMALL SCREENS *****************/
	/**************************************************/
	@media (min-width: 922px) and (max-width: 1280px) {

		/*** Force REM size***/
		body {
				font-size: 18px;
		}

		/*** Smaller menu items to fit to screen width***/
		.menu-item {
			font-size: .5rem !important;
		}

		/*** Header decoration frame for active page***/
		.current-menu-item {
			background: var(--wp--preset--color--ast-global-color-4);
			border: 2px solid var(--wp--preset--color--ast-global-color-0);
		}

		/*** Hide logo and spacer on mobile*/
		.tce-desktop-col {
			visibility: var(--tce-visibility-desktop) !important;
			display: var(--tce-display-desktop) !important;
			width: 0% !important;
		}

		/***correct Astra bug on Facebook logo*/
		.tce-no-margin,  header > * .wp-block-columns .wp-block-column:not(:last-child) {
			margin: 0px !important;
		}

		/*** Display Booking form and product in columns, booking form first*/
		#wpinventory:has(form#wpim_reserve) {
			flex-direction: column-reverse !important;
		}

	}
	/**************************************************/
	/**************** END SMALL SCREENS ***************/
	/**************************************************/


	/*************************************/
	/************** MOBILES **************/
	/*************************************/
	@media (max-width: 921px) {
		/*** define REM size*/
		body {
			font-size: 16px;
		}

		/*** Animate text announcing next event*/
		.tce-next-event-text {
			padding-left: 15%;
			animation: scrollText 15s linear infinite;
		}

		/*** Prepare overflow animation*/
		.tce-cta-player-tune-crop {
			overflow: hidden;
			white-space: nowrap;
			max-width: 60%
		}

		/*** Animate text announcing next event*/
		#aTune, .scrollSong {
			animation: scrollText 15s linear infinite;
			animation-play-state: paused;
		}

		/*** END animation*/

		/*** H1 font size and stroke*/
		h1, p.tce-h1-style {
			font-size: 1.95rem !important;
			line-height: 2.6rem;
			color: var(--wp--preset--color--ast-global-color-0);
		}

		h2 {
			line-height: 2.16rem !important
		}

		h3 {
			line-height: 1.75rem !important
		}

		/*** Margin between image, label and inputs*/
		label {
			margin-left: var(--tce-label-margin-left);
			margin-right: var(--tce-label-margin-right);
		}

		/*** Other pages*/
		article:not(.mec-event-article, .post-98) {
			background-position: center center;
			background-size: auto 90vw;
		}
		
	 	/*** Center content with a margin on mobile*/
		h2, h3, p {
			margin-left: auto;
			margin-right: auto;
		  	width: 90%;
		}

		/*** MOBILE HEADER AND FOOTER*/
			/*** Footer menu in columns*/
			.tce-footer-menu {
				flex-direction: column;
				text-align: left;
			}

			/*** Extra space between footer sections in mobile*/
			.site-footer-above-section-1, .site-footer-above-section-3 {
				margin-top: 48px;
			}
			.site-footer-above-section-2 {
				margin-top: 24px;
			}

			.ast-mobile-header-content {
				border: 2px solid var(--wp--preset--color--ast-global-color-0);
			}

			/** Hide logo and spacer on mobile*/
			.tce-desktop-col {
				visibility: var(--tce-visibility-desktop) !important;
				display: var(--tce-display-desktop) !important;
				width: 0% !important;
			}

		/*** END MOBILE HEADER AND FOOTER*/

		/*** Page block size*/
			/**** Size of block container (white block with radius)*/
			.tce-home-block-container {
				width: 90vw !important;
			}

			/**** Definition of image block - Above texts*/
			.tce-home-block-image {
				flex-wrap: wrap;
				width: 100%;
			}

			/**** Decoration of image - radius on top and right*/
			.tce-home-block-image img {
				border-radius: 24px 24px 0px 0px !important;
			}

			/**** Definition of image block specific for the top logo - get extra space*/
			.tce-home-block-logo {
				margin: 24px !important;
				max-width: 30vw;
				aspect-ratio: 1;
			}
		/*** END Page block size*/

		/*** Remove additional top margin on top of video */
		div.tce-home-video-logo-container {
			margin-top: -25px !important;
		}

		/*** Position of video on home page*/
		figure.tce-home-video {
			top: calc(-100vw * 9 / 16);
			left: -24px;
		}

		/*** Contain calendar with screen limits*/
		#mec_skin_430:not(#post-98 > * #mec-430) {
			max-width: 92vw;
			margin: 0 4vw 0 4vw;
		}

		.mec-calendar-side {
			padding-left: 18px !important;
			padding-right: 18px !important;
		}

		/*** END MOBILE HOME PAGE*/

		/*** ABOUT US page*/
		/*** WPIM Single item presentation**MOBILE*/
		.tce-wpim-single-item {
			width: 100%;
			margin-top: var(--wp--preset--spacing--30) !important;
		}

		.wpinventory_item {
			width: 100%;
		}
	
		.wpinventory_loop {
			gap: 48px;
		}

		.inventory_image > img {
			width: 100%;
		}

		/*** Display Booking form and product in columns, booking form first*/
		#wp-inventory:has(form#wpim_reserve) {
			flex-direction: column-reverse !important;
		}
		/**** END WP mobile customization*/

		/*** END MOBILE ABOUT US SPECIFIC BLOCKS*/

		/*** Contact Form - 1 per line*/
		div.tce-form-flex-block {
			flex: 1 1 100%;
			padding: 0px 24px 0px 24px;
		}

		/*** flex container gap reduced on mobile*/
		form.wpcf7-form {
			gap: 8px !important;
		}

		/*** Display board members the same way: photo + name*/
		.tce-row-reverse {
			flex-direction: row-reverse !important;
		}

		/*** Display articles the same way: picture first, text below, on mobile */
		.tce-column-reverse {
			flex-direction: column-reverse !important;
		}

		div:has(div.tce-row-reverse) {
			margin-bottom: var(--wp--preset--spacing--20) !important;
		}

		/*** Display Booking form and product in columns, booking form first*/
		#wpinventory:has(form#wpim_reserve) {
			flex-direction: column-reverse !important;
		}
	}
	/*************************************/
	/************ END MOBILES ************/
	/*************************************/

	/*************************************/
	/*************** DESKTOPS ************/
	/*************************************/
	@media (min-width: 922px) {
		/*** DESKTOP PAGES*/
		/*** Force REM size */
		body {
			font-size: 20px;
		}

		/*** H1 font size and stroke*/
		h1 {
			font-size: 4.25rem !important;
			line-height: 5.65rem !important;
		}

		h2 {
			line-height: 4.25rem !important
		}

		h3 {
			line-height: 3.2rem !important
		}

		/***margin between image, label and inputs*/
		label {
			margin-left: 16px;
			margin-right: 24px;
		}

		/**** Other pages*/
		article:not(.mec-event-article, .post-98) {
			width: 80vw !important;
			max-width: 1350px !important;
			margin: auto !important;
			background-position: center bottom;
			background-size: calc(90vh - 2 * var(--tce-header-height)) auto;
		}
		/*** END DESKTOP PAGES*/

		/*** DESKTOP HEADER AND FOOTER*/
		/*** Header decoration frame for active page*/
		.current-menu-item {
			height: 75px;
			background: var(--wp--preset--color--ast-global-color-4);
			border: 2px solid var(--wp--preset--color--ast-global-color-0);
			border-top-left-radius: 12px;
			border-top-right-radius: 12px;
		}

		/**** Footer menu in row*/
		.tce-footer-menu {
			flex-direction: row;
		}
		/*** END DESKTOP HEADER AND FOOTER*/

		/*** DESKTOP HOME PAGE*/
		/*** Position of H1 title on home page*/
		.tce-h1-home {
			top: calc(var(--tce-header-height) + 15vw);
		}

		.tce-home-block-container {
			width: 70vw;
			max-width: 1350px;
		}

		.tce-mec-home-width {
			width: 1278px !important;
		}
		/*** END DESKTOP HOME PAGE*/
	
		/*** Page block size*/
			/**** Definition of image block - left of texts*/
			.tce-home-block-image {
				flex: 1;
				padding: 0 !important;
				border-radius: 24px 0px 0px 24px !important;
			}

			/**** Decoration of image - radius on top and bottom*/
			.tce-home-block-image img {
				border-radius: 24px 0px 0px 24px !important;
			}

			/**** Definition of image block specific for the top logo - get extra space***DESKTOP*/
			.tce-home-block-logo {
				margin: 48px !important;
			}		

			/**** Definition of abstract paragraph - not too large*/
			.tce-home-block-abstract {
				width: 35vw;
				align-self: center;
			}
		/*** END DESKTOP HOME PAGE*/

		/*** DESKTOP ABOUT US SPECIFIC blocks*/

			/**** WP Single item presentation*/
			.tce-wpim-single-item {
				max-width: 50vw;
				margin-top: var(--wp--preset--spacing--70) !important;
			}
		
			.wpinventory_loop {
				gap: 96px;
			}

			.inventory_description {
				font-size: small !important;
			}
			/**** END WPIM customization*/
		/*** END DESKTOP ABOUT US SPECIFIC BLOCKS*/

		/*** Shift media player a bit to the right on desktop (too large on mobile)*/
		div.tce-cta-audio-player-whole {
			margin-right: calc(-1 * var(--tce-header-height)/3);
		}
}
	/*************************************/
	/************* END DESKTOPS **********/
	/*************************************/

	/**************************************************/
	/*************** VERY LARGE SCREENS ***************/
	/**************************************************/
	@media (min-width: 2440px) {
	.tce-cta-button {
		margin-right: 45px !important;
		margin-left: 45px !important;
	}

	.entry-content[data-ast-blocks-layout] > * {
		max-width: 100vw !important;
	}
		
	article:not(.mec-event-article, .post-98) {
		max-width: 50vw !important;
		
		}

		div.tce-form-flex-block {
			flex: 1 1 100%;
			padding: 0px 24px 50px 24px;
			max-width: 50vw;
		}
		
		.tce-form-flex-block p {
			display: inline;
		}

		.tce-form-flex-block p * {
			margin-left: 24px;
		}
		
		.tce-form-flex-block p img {
			width: 54px;
		}
		
		.wpcf7 .wpcf7-form-control-wrap	{
			width: auto;
			max-width: 100%;
		}
}
	/**************************************************/
	/************* END VERY LARGE SCREENS *************/
	/**************************************************/


/* IMAGES*/
	/**captions**/
	.wp-element-caption {
		font-size: small;
		text-align: center;
		font-style: italic;
		color: var(--wp--preset--color--ast-global-color-1);
		font-weight: 550;
	}

	/**Logo image on Landing page and About page **/
	.tce-img-logo {
		width: 15vw;
		min-width: 175px;
		max-width: 268px;
	}

	
	.tce-img-min-64 {
		min-width: 64px !important;
	}

	.tce-img-product-max-600 {
		max-width: 600px !important;
		max-height: 601px !important;
		min-height: 370px !important;
	}

	/**ZOOM effect on images containing a link*/
	/*** overflow and smaller on CTA*/
	header > * figure a img, footer > * figure a img {
  		-moz-transition: all 0.33s;
  		-webkit-transition: all 0.33s;
  		transition: all 0.33s;
	}

	header > * figure a:hover img, footer > * figure a:hover img {
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	/*** Larger zoom and fixed size on other links*/
	/*** General case*/
	article:not(#post-102) > * figure:has(a) {
  		overflow: hidden;
		border-radius: 12px;
	}

	/*** Exception 1: Categories on Article page and read next icon*/
	article#post-102 > * figure:has(a) {
  		overflow: hidden;
		border-radius: 300px;
	}

	/*** Exception 2: Read Next icon*/
	figure:has(a img[src="https://dihunkeltieg.org/wp-content/uploads/ui/read_next_icon.svg"]) {
		border-radius: 42px !important;
	}

	p:has(a img[src="https://dihunkeltieg.org/wp-content/uploads/ui/read_next_icon.svg"]) {
		border-radius: 42px !important;
		width: 42px;
		overflow: hidden;
	}

	article > * figure a img, article > * a img {
		-moz-transition: all 0.33s;
		-webkit-transition: all 0.33s;
		transition: all 0.33s;
	}

	article > * figure a:hover img, article > * a:hover img {
		-moz-transform: scale(1.25);
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
	}
	/* END IMAGES*/

/* SCROLL TO TOP button*/
	.tce-scroll-top span {
		visibility: hidden;
	}

	/* To Top of page button customization*/
	.tce-fa-up {
			color: var(--wp--preset--color--ast-global-color-1);
	}

	.tce-scroll-top {
		border-radius: 15px !important;
		min-width: 30px !important;
		max-width: 30px !important;
		background: var(--wp--preset--color--ast-global-color-0) !important;
		border: 2px solid var(--wp--preset--color--ast-global-color-5) !important;
		color: var(--wp--preset--color--ast-global-color-0) !important;
		border-radius: 25px !important;
	}

	.tce-scroll-top:before {
		position: absolute !important;
		content: "\f077" !important;
		font-family: FontAwesome !important;
		top: -4px;
		left: 5px !important;
		color: var(--wp--preset--color--ast-global-color-5) !important;
	}
/* END SCROLL TO TOP*/

/* WP Inventory styling */
	/** Detail product view**/
	#wpinventory {
		margin: 0px auto !important;
		align-items: flex-start;
	}

	.wpinventory_reserve {
		margin-top: var(--wp--preset--spacing--70) !important;
	}
	/** Labels in italics**/
	span[class$="label"] {
			font-style: italic;
	}

	/** hide search form, label titles and pagination**/
	#inventory_search, .wpinventory_pagination, div.wpinventory_listing_inner > p.inventory_name > span.label, div.wpinventory_listing_inner > p.inventory_image > span.label {
		display: none !important;
		visibility: hidden !important;
	}

	/** Display loop products inline on desktop, piled on mobile**/
	.wpinventory_loop {
			display: flex;
			flex-wrap: wrap;
	}

	.wpinventory_item {
			flex: 1 1 calc(50% - 96px);
			box-sizing: border-box;
	}
	/** Center texts and images**/
	.inventory_name a, .inventory_image a img {
		 margin: 0 auto;		
		 display: block;
	}

	/** Add colours**/
	.wpinventory_item {
		padding: 24px;
		margin: 24px;
		border-radius: 24px;
		border: 3px solid var(--wp--preset--color--ast-global-color-1);
		background: var(--wp--preset--color--ast-global-color-5);
	}

	/** Single item price on right**/
	div.tce-wpim-single-item > div.inventory_price {
		text-align: right !important;
		font-weight: 550;
		color: var(--wp--preset--color--ast-global-color-1);
	}

	/** Table of tune list**/
	/*** No decoration on tune length***/
	.tce-song-length {
		list-style: none;
		padding-right: 12px !important;
	}

	/*** Table settings***/
	table.tce-song-list {
		border: 2px solid var(--wp--preset--color--ast-global-color-1);
		border-radius: 12px;
	}

	/*** Table Headers***/
	th.tce-song-list {
		color: var(--wp--preset--color--ast-global-color-5);
		background: var(--wp--preset--color--ast-global-color-0);
		font-weight: 500;
	border-bottom: 2px solid var(--wp--preset--color--ast-global-color-1);
		padding: 0px;
		font-weight: 500;
	}

	th.tce-song-list-left {
		border-radius: 8px 0 0 0;
		border-right: 2px solid var(--wp--preset--color--ast-global-color-1);
		width: 90%;
	}

	th.tce-song-list-right {
		border-radius: 0 8px 0 0;
		width: 10%;
		font-size: small;
	}

	/*** Rows - border and width***/
	td.tce-song-list {
		width: fit-content;
		border-right: 2px	solid var(--wp--preset--color--ast-global-color-1);
		border-bottom: 0;
		padding: 0 0 0 12px;
		font-size: small;
	}

	/*** Rows - border and width***/
	td.tce-song-length {
		width: fit-content;
		border-bottom: 0;
		padding: 0 0 0 12px;
		font-size: small;
	}
/* END WP styling */

/* FOOTER*/
	/** Footer menu html snippet - FLEX 2 columns in desktop, 1 only in mobile.**/
	.tce-footer-menu {
			display: flex;
			flex-wrap: wrap;
	}

	/** Footer menu html snippet - FLEX 2 columns in desktop, 1 only in mobile.**/
	.tce-footer-column {
			flex: 50%;
			box-sizing: border-box;
	}

	/** Footer menu html snippet - Links customization. White instead of Tertiary, no underline, small height**/
	ul.tce-footer-links li a  {
		text-decoration: none;
		color: var(--wp--preset--color--ast-global-color-5);
	}

	ul.tce-footer-links li::marker  {
		color: var(--wp--preset--color--ast-global-color-5);
	}

	ul.tce-footer-links li  {
		list-style-type: disc;
		margin-left:32px;
		font-size: medium;
		color: var(--wp--preset--color--ast-global-color-5);
	}

	span.tce-white {
		font-size: small;
		font-style: italic;
		color: var(--wp--preset--color--ast-global-color-5);
	}

	/** Footer menu html snippet - Links titles customization. Same font as titles, white colour, slightly smaller than H4**/
	.tce-footer-titles {
			font-family: salsa;
			color: var(--wp--preset--color--ast-global-color-5);
			font-size: 1.25rem;
	}

	.site-primary-footer-wrap {
	 border: none !important;
	}
/* END FOOTER*/


/* 404 Page styling*/
	.tce-404-site-main {
		margin: 0 auto;
		justify-content: center;
		max-width: 1350px;
	}

	.tce-404-primary {
			padding-top: 12px;
	}

	.tce-404-h2 {
		width: 100%;
		text-align: center;
	}

	.tce-404-deco {
		display: flex;
		flex-direction: row;
		width: 100%;
			min-height: 195px;
	}

	.tce-404-left {
			width: 80px;
			background-image: url("/wp-content/uploads/ui/deco-404-01.svg");
		background-repeat: no-repeat;
			overflow: hidden; 
			margin: 0;
			padding: 0;
	}

	.tce-404-middle {
			background-image: url("/wp-content/uploads/ui/deco-404-02.svg");
		background-repeat: no-repeat;
			overflow: hidden;	 
			margin: 0;
			padding: 0;
			flex-grow: 1;
	}

	.tce-404-right {
			width: 108px;
			background-image: url("/wp-content/uploads/ui/deco-404-03.svg");
		background-repeat: no-repeat;
			margin: 0;
			padding: 0;
			overflow: hidden;	 
	}

	.tce-search-form {
		margin: 48px 0 48px 0 !important;
		display: flex !important;
		flex-wrap: wrap;
		flex-direction: row;
	}

	#search-field {
		max-width: 50%;
		min-height: 77px;
	}
/*END PAGE 404*/

/* CTA popup for media player*/

	#pum_popup_title_2372 {
		visibility: hidden;
		display:none;
	}

	button.pum-close:not(.tce-cta-player-close) {
		visibility: hidden;
		display:none;
	}

	/** Bug correction from pop up maker: hide empty <p></p>*/
	div.tce-cta-audio-player-whole > * p {
		display: none;
	}

	div.tce-cta-audio-player-whole {
		background-color:var(--wp--preset--color--ast-global-color-1);
		color:var(--wp--preset--color--ast-global-color-4);
		border-radius:12px;
		border: 2px solid var(--wp--preset--color--ast-global-color-4);
		padding: 0px calc(var(--tce-cta-audio-player-icon-size)/2) 18px calc(var(--tce-cta-audio-player-icon-size)/2);
		margin-top: calc(var(--tce-header-height)/3);
		display: flex;
		flex-direction: column;
		justify-content: center;
		max-width: 95vw;
	}

	div.tce-cta-audio-player-wrap {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding-top: 18px;
	}

	.tce-cta-player-controls, .tce-cta-player-controls:hover {
		background-repeat: no-repeat;
		background-color :transparent;
		background-position: center;
		border: none;
		content: "";
		padding: 20px ;
		margin-right: 24px;
		width: var(--tce-cta-audio-player-icon-size);
		height: var(--tce-cta-audio-player-icon-size);
	}

	.tce-cta-audio-player-title {
		display: flex;
		flex-direction: row;
		align-items:end;
		height:var(--tce-cta-audio-player-icon-size);
	}

	/**Image icon buttons**/
	.tce-cta-player-play {
		background-image: url("/wp-content/uploads/ui/ic_player_play.svg");
	}

	.tce-cta-player-play:disabled {
		background-image: url("/wp-content/uploads/ui/ic_player_play_disabled.svg") !important;
	}

	.tce-cta-player-play:hover {
		background-image: url("/wp-content/uploads/ui/ic_player_play_hover.svg") !important;
	}

	.tce-cta-player-previous {
		background-image: url("/wp-content/uploads/ui/ic_player_previous.svg");
	}

	.tce-cta-player-previous:disabled {
		background-image: url("/wp-content/uploads/ui/ic_player_previous_disabled.svg") !important;
	}
	.tce-cta-player-previous:hover {
		background-image: url("/wp-content/uploads/ui/ic_player_previous_hover.svg") !important;
	}

	.tce-cta-player-next {
		background-image: url("/wp-content/uploads/ui/ic_player_next.svg");
	}

	.tce-cta-player-next:disabled {
		background-image: url("/wp-content/uploads/ui/ic_player_next_disabled.svg") !important;
	}

	.tce-cta-player-next:hover {
		background-image: url("/wp-content/uploads/ui/ic_player_next_hover.svg") !important;
	}

	.tce-cta-player-pause {
		background-image: url("/wp-content/uploads/ui/ic_player_pause.svg");
	}

	.tce-cta-player-pause:hover {
		background-image: url("/wp-content/uploads/ui/ic_player_pause_hover.svg") !important;
	}

	.tce-cta-player-volume-icon {
		background-image: url("/wp-content/uploads/ui/ic_player_volume.svg");
	}

	.tce-cta-player-volume-icon:disabled {
		background-image: url("/wp-content/uploads/ui/ic_player_volume_disbled.svg") !important;
	}

	.tce-cta-player-volume-icon:hover {
		background-image: url("/wp-content/uploads/ui/ic_player_volume_hover.svg") !important;
	}

	.tce-cta-player-close {
		background-image: url("/wp-content/uploads/ui/ic_player_close.svg");
		margin-left: var(--tce-cta-player-close-button-margin);
		margin-right: 0px;
	}

	.tce-cta-player-close:hover {
		background-image: url("/wp-content/uploads/ui/ic_player_close_hover.svg") !important;
		margin-left: var(--tce-cta-player-close-button-margin);
		margin-right: 0px;
	}
	/**END image icons*/

	/**Volume bar custiomization**/
	/**SOURCE : https://www.swebdev.fr/blog/personnaliser-l-apparence-d-un-input-range-en-css**/
	input.tce-cta-audio-player-volume-range[type="range"] {
	  appearance: none;
	  background: transparent;
	  width: 6rem;
	  cursor: pointer;
	}

	/**Chromium */
	input[type="range"].tce-cta-audio-player-volume-range::-webkit-slider-thumb {
		appearance:none;
	  background: var(--wp--preset--color--ast-global-color-5);
	  border: none;
		width:var(--tce-cta-audio-player-cursor-size);
		height: var(--tce-cta-audio-player-cursor-size);
	}   

	/**Firefox */
	input[type="range"].tce-cta-audio-player-volume-range::-moz-range-thumb {
		appearance: none;
	  background-color: var(--wp--preset--color--ast-global-color-5);
	  border: none;
		width: var(--tce-cta-audio-player-cursor-size);
		height: var(--tce-cta-audio-player-cursor-size);
	}

	/**Chromium */
	input[type="range"]::-webkit-slider-runnable-track {
		appearance: none;
	  border-radius: 1rem;
		height: var(--tce-cta-audio-player-track-size);
		background-color: var(--wp--preset--color--ast-global-color-5);
	}
	  
	/**Firefox */
	input[type="range"]::-moz-range-track {
		appearance: none;
	  border-radius: 1rem;
		height: var(--tce-cta-audio-player-track-size);
		background-color: var(--wp--preset--color--ast-global-color-5);
	}
/* END of player customization*/