/*	################################################################################
	CSS TEMPLATE FILE - "STYLE.CSS"
	################################################################################ */
	/*	################################################################################
		CSS VARIABLES
		################################################################################ */
	:root {
		/*	================================================================================ */
		/*	VERY DARK BROWN */
		--tintShade1: #0e0e0e;
		--tintShade2: #222;
		--tintShade3: #363636;
		--tintShade4: #4a4a4a;
		--tintShade5: #5e5e5e;
		--tintShade6: #727272;
		--tintShade7: #878787;
		--tintShade8: #9b9b9b;
		--tintShade9: #afafaf;
		--tintShade10: #c3c3c3;
		--tintShade11: #d7d7d7;
		--tintShade12: #ebebeb;
		/*	OFF-WHITE  */
		/*	================================================================================ */
		--textColor: #0e0e0e;
		--ctaButton: #c5103d;
		--ctaButtonNYX: #f37a21;
		--offWhite: #f6f1e9;
		--start: left;
		--end: right;
		--maxWidth: 1440px;
		/* SET A z-index VALUE ABOVE ALL OTHER ELEMENTS BUT JUST BELOW THAT OF THE COOKIES PANEL WHICH IS 2147483645 */
		--modalWindowZindex: 2147483640;
		/*	================================================================================ */
		--destinations: 'Destinations';
		--comingSoon: 'Coming Soon ...';
		--beTheFirstToKnow: 'Be the first to know ...';
		/*	================================================================================ */
	}

	/*	################################################################################
		MOBILE - MEDIA QUERIES
		################################################################################ */
	@media only screen and (max-width: 800px) {
		/*	================================================================================
			MOBILE - BREADCRUMBS
			================================================================================ */
		#breadcrumbs {
			display: none;
		}
		/*	================================================================================
			MOBILE - HEADER
			================================================================================ */
		#header1OuterTable {
			height: 65px;
			z-index: 1000;
		}
		.desktopHeaderMenuToggleDestinations,
		.desktopHeaderMenuToggleOffers,
		.desktopHeaderMenuToggleLanguages,
		.desktopHeaderMenuModalDestinations,
		.desktopHeaderMenuBookNow {
			display: none;
		}
		/*
		THE "#header1SpaceRetainer" ELEMENT SITTING BENEATH THE "#header1" ELEMENT DUPLICATING ITS HEIGHT, SO THAT 
		WHEN THE "#header1" SWITCHES BETWEEN ABSOLUTE AND FIXED POSITIONS THE PAGE CONTINUES ITS SMOOTH SCROLL
		*/
		#header1Table {
			padding-inline: 20px;
		}
		#position100 {
			width: 100%;
			justify-content: space-between;
			flex-direction: row-reverse;
			align-items: flex-start;
		}
		div#position105 {
			display: none;
		}
		/*	================================================================================
			MOBILE - MENU MODAL
			================================================================================ */
		.topMenuModalContainer {
			height: 100vh;
			background-color: white;
		}
		#desktopMenuContainer {
			display: none;
		}
		#mobileMenuContainer {
/*			margin-block-start: 40px; */
		}
		div#mobileMenuContainer::before {
			content: '\f00d'; /* XMARK "X" */
			font-family: 'FontAwesome';
			position: absolute;
			font-size: 32px;
			inset-block-start: 0;
			inset-inline-end: 0;
			line-height: 0.7;
			padding-block: 10px;
			padding-inline: 22px;
		}
		#mobileMenuContainer .mobileMenu {
			padding-block: 50px 0;
			padding-inline: 40px;
		}
		.mobileModalMainMenu {
			line-height: 2.5;
		}
		.mobileModalMainMenu ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		.mobileModalMainMenu li {
			margin-block-end: 10px;
		}
		.mobileModalMainMenu ul li a,
		.mobileModalMainMenu ul li span {
			display: block;
			font-size: 14px;
			z-index: 1;
		}
		.mobileModalMainMenu ul li a.mobileOnlineCheckIn {
			display: inline-block;
			padding: 10px 20px;
			line-height: 1;
			border: 2px solid var(--ctaButton);
		}
		.mobileModalMainMenu ul ul.mod-menu__sub { /* HIDE SUBMENUES */
			display: none;
			background: var(--tintShade11);
			overflow-y: auto;
		}
		.mobileTopMenuBookNow {
			position: absolute;
			inset-inline-end: 20px;
			display: inline-block;
			background-color: var(--ctaButton);
			font-family: 'MarkProSansSerif', 'Assistant-Regular', 'Roboto-Regular', 'Arial', 'sans-serif';
			font-size: 14px;
			color: white;
			letter-spacing: 1px;
			font-weight: 600;
			text-transform: uppercase;
			margin-block-start: -10px;
			padding: 5px 15px;
			cursor: pointer;
		}
		.chevronLeft:before,
		.chevronRight::after,
		.chevronDown::after,
		.chevronUp::after {
			font-family: 'FontAwesome';
			margin-inline-start: 10px;
			padding-inline-end: 10px;
			width: 10px;
			display: inline-block;
			vertical-align: middle;
		}
		.chevronLeft:before {
			content: '\f104'; /* LEFT POINTING ANGLE */
			margin-inline-start: -20px;
		}
		.chevronRight::after {
			content: '\f105'; /* RIGHT POINTING ANGLE */
		}
		.chevronDown::after {
			content: '\f107'; /* DOWN POINTING ANGLE */
		}
		.chevronUp::after {
			content: '\f106'; /* DOWN POINTING ANGLE */
		}
		.mobileSubMenuToggle + ul.mod-menu__sub {
			position: fixed;
			inset-block: 0 0;
			inset-inline: 0 0;
			background-color: var(--tintShade11);
			margin-block-start: 40px;
			padding-inline: 40px;
		}
		.mobileLanguageToggle + ul.mod-menu__sub {
			padding-inline-start: 20px;
		}
		.mobileSubMenuToggle + ul li a,
		.mobileSubMenuToggle + ul li span {
			position: relative;
			line-height: 2.0;
		}
		.mobileSubMenuToggle + ul li >a.hotelsInGreeceCyprus {
			font-size: 16px;
			font-weight: bold;
			color: var(--textColor);
		}
		.mobileModalMainMenu li a.allCountryHotels {
			margin-block-start: 20px;
		}
		.mobileModalMainMenu a.cityHeader {
			font-size: 16px;
		}
		.mobileSubMenuToggle + ul li a.hotelLink {
			color: var(--tintShade8);
		}
		.mobileCityGuidesTitle.mobileSubMenuTitle {
			margin-block-end: 35px;
		}
		.mobileModalMainMenu ul li a.mobileExploreCityMenuItem,
		.mobileModalMainMenu ul li span.mobileExploreCityMenuItem {
			position: relative;
		}
		.mobileModalMainMenu ul li a img,
		.mobileModalMainMenu ul li span img {
			width: 100%;
			box-shadow: 0px 0px 10px var(--tintShade6);
		}
		.mobileModalMainMenu ul li span.image-title {
			position: absolute;
			inset-block-start: 50%;
			inset-inline-start: 50%;
			transform: translate(-50%, -50%);
			color: white;
			z-index: 100000;
			display: inline-block;
			font-size: 8vw;
			line-height: 1;
			text-align: center;
			width: 100%;
			text-shadow: 2px 2px 5px var(--tintShade1);
		}
		/*	================================================================================
			MOBILE - ARTICLES
			================================================================================ */
		.page-header h1 {
			margin-block: 20px;
			padding-inline: 20px;
			box-sizing: border-box;
			font-family: 'MarkProSansSerif', 'Assistant-Regular', 'Roboto-Regular', 'Arial', 'sans-serif';
			font-size: 20px;
			text-transform: uppercase;
		}
		/*	================================================================================
			MOBILE - NEWSLETTER SUBSCRIPTION
			================================================================================ */
		.newsletterSubscriptionModule {
			margin: 30px auto 0;
			padding-block: 0 40px;
			padding-inline: 20px;
		}
		.newsletterSubscriptionModule::before {
			font-size: 20px;
		}
		.acym_introtext {
			font-size: 14px;
		}
		.acym_form {
			width: 65%;
			margin-block-start: 10px;
		}
		.acym_module_form input, 
		.acym_module_form input:focus-visible {
			font-size: 14px;
		}
		.acyfield_text input {
			font-size: 14px;
			padding-inline: 10px;
			width: 50vw;
			height: 30px;
		}
		.acysubbuttons {
			width: 75px;
			font-size: 14px;
			padding-inline-start: 10px;
		}
		.acysubbuttons .button {
			font-size: 12px;
			padding-inline-end: 5px;
		}
		.acysubbuttons::after {
			font-size: 12px;
		}
		/*	================================================================================
			MOBILE - FOOTER
			================================================================================ */
		#footer1_block1 {
			margin-inline: 40px;
			line-height: 1.5;
		}
		#footer1_block2 {
			padding-block: 40px 0;
			padding-inline: 40px;
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			align-content: flex-start;
		}
		#footer1_block2 >div {
			margin-block-end: 20px;
		}
		/* THE PRIVACY AND TERMS OF USE MENU ITEMS SECTION */
		#footer1_block2 >div:nth-child(2) {
			order: 1;
		}
		/* THE COPYRIGHT MESSAGE SECTION */
		#footer1_block2 >div:nth-child(1) {
			order: 2;
		}
		/* THE SECURE BOOKING SECTION */
		#footer1_block2 >div:nth-child(3) {
			order: 3;
		}
		/* EMPTY SECTION */
		#footer1_block2 >div:nth-child(4) {
			order: 4;
		}
		.footerMenuCityHotels,
		.footerMenuOther {
			display: none;
		}
		.footerMenuPrivacyUseTerms {
		}
		.footerMenuPrivacyUseTermsMenu {
			font-family: ITCAvantGardePro-Book, Assistant, Roboto, Arial, sans-serif;
			list-style: none;
			margin-block: 0;
			padding-inline: 0;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: flex-start;
		}
		.footerMenuPrivacyUseTermsMenu li {
			margin-inline-end: 40px;
		}
		/*	================================================================================
			MOBILE - PHOTOS POPUP
			================================================================================ */
		.enlargeToggle {
		    inset-block-start: 8px;
		    inset-inline-end: 8px;
		    width: 18px;
		    height: 18px;
		}
		.XHidePhotoModalContainer {
			inset-block-start: -14px;
			inset-inline-end: -14px;
			width: 8px;
			height: 8px;
			padding: 10px;
		}
		/*	================================================================================ */
	}



	/*	################################################################################
		DESKTOP - MEDIA QUERIES
		################################################################################ */
	@media only screen and (min-width: 800px) {

		/*	================================================================================
			DESKTOP - BREADCRUMBS
			================================================================================ */
		#breadcrumbs {
			width: 100%;
			max-width: var(--maxWidth);
			margin-inline: auto;
			padding-inline-start: 240px;
			box-sizing: border-box;
			font-size: 0;
		}
		#breadcrumbs::before {
			content: '';
			width: 90px;
			display: inline-block;
			border-block-end: 1px solid var(--tintShade10);
			float: var(--start);
			margin-inline-start: -120px;
			margin-inline-end: 5px;
			height: 10px;
		}
		.breadcrumbs {
			display: block;
			width: 100%;
			max-width: var(--maxWidth);
			list-style: none;
			margin-block: 10px 20px;
			margin-inline: auto;
		}
		.breadcrumbs ul,
		.breadcrumbs ol {
			margin: 0;
			padding: 0;
		}
		.breadcrumbs li,
		.breadcrumbs li a {
			display: inline-block;
			font-size: 16px;
			text-decoration: none;
			color: var(--tintShade5);
		}
		.breadcrumbs li a,
		.breadcrumbs li span {
			font-size: 12px;
			letter-spacing: 0.5px;
		}
		.breadcrumb-item::after {
			content: '\f0da'; /* RIGHT POINTING CARET (TRIANGLE) */
			font-family: 'FontAwesome';
			font-size: 12px;
			color: var(--tintShade8);
			margin: 0 10px;
		}
		.breadcrumb-item.active::after {
			/* THE LAST ITEM IN THE BREADCRUMBS LINE */
			content: '';
		}
		/*	================================================================================
			DESKTOP - HEADER
			================================================================================ */
		#header1OuterTable {
			height: 100px;
			z-index: 2000;
		}
		#header1Table,
		#header1SpaceRetainer {
/*			height: 60px; */
		}
		#header1Table {
			padding-inline: 40px 20px;
		}
		#position100 {
			flex-direction: row;
			justify-content: flex-start;
			align-items: flex-start;
		}
		/*	================================================================================
			DESKTOP - MENU DESTINATIONS
			================================================================================ */
		.desktopHeaderMenuModalDestinations {
			display: none;
			position: absolute;
			inset-block-start: 100%;
			inset-inline-start: 0;
			font-size: 16px;
			padding: 0;
			background-color: white;
			border: 1px solid var(--tintShade11);
			box-shadow: 0px 0px 15px var(--tintShade10);
			/* SET IT AT A HIGHER LAYER THAN THE IMAGE SLIDER */
			z-index: 1;
		}
		.desktopHeaderMenuModalDestinations .menuDestinationsList {
			list-style: none;
			margin: 0;
			padding: 0;
			padding-block: 10px;
			white-space: nowrap;
		}
		.desktopHeaderMenuModalDestinations ul.nav >li {
			margin-block-end: 15px;
		}
		.desktopHeaderMenuModalDestinations .menuDestinationsList >li a {
			display: block;
			position: relative;
			padding-inline: 30px 50px;
		}
		.desktopHeaderMenuModalDestinations .menuDestinationsList >li a.rootPage,
		.desktopHeaderMenuModalDestinations .menuDestinationsList >li a.rootPage:active,
		.desktopHeaderMenuModalDestinations .menuDestinationsList >li a.rootPage:focus,
		.desktopHeaderMenuModalDestinations .menuDestinationsList >li a.rootPage:hover,
		.desktopHeaderMenuModalDestinations .menuDestinationsList >li a.rootPage:visited {
			color: var(--textColor);
			font-size: 16px;
			font-weight: bold;
		}
		.desktopHeaderMenuModalDestinations .menuDestinationsList >li a.menuHeader {
			font-weight: bold;
		}
		.desktopHeaderMenuModalDestinations .menuDestinationsList .parent >a {
			margin-block-start: 10px;
			text-decoration: underline;
			color: var(--textColor);
		}
		.desktopHeaderMenuModalDestinations .menuDestinationsList ul {
			list-style: none;
			padding: 0;
		}
		.desktopHeaderMenuModalDestinations .menuDestinationsList .small li>a {
			color: var(--tintShade8);
			font-size: 14px;
		}
		.desktopHeaderMenuModalDestinations .menuDestinationsList .small li>a.hotelsInGreeceCyprus {
			font-size: 16px;
			font-weight: bold;
			color: var(--textColor);
		}
		.desktopHeaderMenuModalDestinations .menuDestinationsList li.current.active >a {
			background-color: var(--tintShade1);
			color: white;
		}
		.desktopHeaderMenuModalDestinations .menuDestinationsList li a:hover {
			background-color: var(--tintShade11);
			color: var(--tintShade1);
		}
		/*	================================================================================
			WE DON'T WANT THE LINK TO THE ROOT PAGE APPEAR IN THE "DESTINATIONS" DROP DOWN, BUT
			ONLY IN THE BURGER MENU
			================================================================================ */
		.nav.menuDestinationsList a.rootPage {
			display: none;
		}
		/*	================================================================================
			WE DON'T WANT THE LINK TO THE EUROPEAN LEONARDO HOTELS PAGE APPEAR IN THE "DESTINATIONS" DROP DOWN, BUT
			ONLY IN THE BURGER MENU
			================================================================================ */
		.nav.menuDestinationsList a.hotelsInEurope {
			display: none;
		}
		/*	================================================================================
			DESKTOP - MENU MODAL
			================================================================================ */
		.topMenuModalContainer {
			background-color: rgba(0,0,0,0.6);
			backdrop-filter: blur(3px);
		}
		.topMenuModal {
			display: table;
			max-width: var(--maxWidth);
			margin: auto;
		}
		#mobileMenuContainer {
			display: none;
		}
		#desktopMenuContainer {
			position: relative;
			background-color: white;
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			margin-block: 75px 125px;
			align-items: stretch;
		}
		#desktopMenuContainer::before {
			content: '\f00d'; /* XMARK "X" */
			font-family: 'FontAwesome';
			color: white;
			position: absolute;
			font-size: 32px;
			inset-block-start: -50px;
			inset-inline-end: 0;
			line-height: 0.7;
			padding-block: 10px;
			padding-inline: 22px;
			cursor: pointer;
		}
		#desktopMenuContainer .desktopMenu {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-items: stretch;
			padding-block: 40px;
			padding-inline: 60px;
		}
		/*	================================================================================
			DESKTOP - MENU MODAL - DESTINATIONS
			================================================================================ */
		.desktopModalMenuDestinations {
			line-height: 1.5;
			padding-inline-end: 30px;
			border-inline-end: 1px solid var(--tintShade11);
		}
		.desktopModalMenuDestinations ul { /* MENUS AND SUBMENUS */
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		.desktopModalMenuDestinations ul li a.rootPage,
		.desktopModalMenuDestinations ul li a.rootPage:active,
		.desktopModalMenuDestinations ul li a.rootPage:focus,
		.desktopModalMenuDestinations ul li a.rootPage:hover,
		.desktopModalMenuDestinations ul li a.rootPage:visited {
			color: var(--textColor);
			font-size: 16px;
			font-weight: bold;
		}
		.desktopModalMenuDestinations ul li a.menuHeader { /* THE HEADER "DESTINATIONS" */
			font-size: 16px;
			color: var(--textColor);
			font-weight: bold;
		}
		.desktopModalMenuDestinations ul.nav >li { /* ONLY FOR MENU ITEMS BUT NOT FOR SUBMENU ITEMS*/
 		   margin-block-end: 15px;
		}
		.desktopModalMenuDestinations li.parent >a { /* ONLY FOR LINKS IN SUBMENU ITEMS */
			text-decoration: underline;
			color: var(--textColor);
			font-size: 16px;
		}
		.desktopModalMenuDestinations ul li a {
			display: block;
			color: var(--tintShade7);
			font-size: 14px;
			position: relative;
			padding-inline-end: 50px;
		}
		.desktopModalMenuDestinations ul li a:hover {
			background-color: var(--tintShade12);
		}
		.extraLinks {
			display: none;
		}
		.extraLinks + ul {
			margin-block-start: 30px;
		}
		.extraLinks + ul li {
			margin-block-end: 10px;
		}
		.extraLinks + ul li a {
			color: var(--textColor);
		}
		.desktopModalMenuDestinations ul li a.hotelsInGreeceCyprus {
			font-size: 16px;
			font-weight: bold;
		}
		/*	================================================================================
			DESKTOP - MENU MODAL - TOP MENU
			================================================================================ */
		.desktopModalTopMenu {
			line-height: 1.5;
			padding-inline: 30px;
		}
		.desktopModalTopMenu ul { /* MENUS AND SUBMENUS */
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		.desktopModalTopMenu ul.nav >li { /* ONLY FOR MENU ITEMS BUT NOT FOR SUBMENU */
 		   margin-block-end: 15px;
		}
		.desktopModalTopMenu ul li .cityGuides:after { /* DISPLAY A DOWN CHEVRON NEXT TO THE "CITY GUIDES" TITLE */
			font-family: 'FontAwesome';
			margin-inline-start: 10px;
			font-size: 16px;
			vertical-align: middle;
			color: var(--tintShade8);
		}
		.desktopModalTopMenu ul li .cityGuides.chevronDown:after { /* DISPLAY A CHEVRON DOWN, NEXT TO THE "CITY GUIDES" TITLE */
			content: '\f107'; /* DOWN POINTING ANGLE */
		}
		.desktopModalTopMenu ul li .cityGuides.chevronUp:after { /* DISPLAY A CHEVRON UP, NEXT TO THE "CITY GUIDES" TITLE */
			content: '\f106'; /* UP POINTING ANGLE */
		}
		.desktopModalTopMenu ul li .cityGuides + ul { /* HIDE THE MENU WHICH IS A SIBLING OF THE "CITY GUIDES" TITLE */
			display: none;
		}
		.desktopModalTopMenu li.parent a { /* ONLY FOR LINKS IN SUBMENU ITEMS */
			color: var(--tintShade7);
			font-size: 14px;
		}
		.desktopModalTopMenu ul li a,
		.desktopModalTopMenu ul li span {
			display: block;
			cursor: pointer;
			font-weight: bold;
		}
		.desktopModalTopMenu ul li a.registrationCardLink {
			border: 1px solid var(--ctaButton);
			padding: 5px 15px;
			display: inline-block;
			white-space: nowrap;
			font-weight: normal;
		}
		.desktopModalTopMenu ul li a:hover,
		.desktopModalTopMenu ul li span:hover {
			background-color: var(--tintShade12);
		}
		/*	================================================================================
			DESKTOP - ARTICLES
			================================================================================ */
		.page-header h1 {
			max-width: var(--maxWidth);
			margin-block: 20px;
			padding-inline: min(8.33vw, 120px);
			box-sizing: border-box;
			font-size: 64px;
		}
		/*	================================================================================
			DESKTOP - NEWSLETTER SUBSCRIPTION
			================================================================================ */
		.newsletterSubscriptionModule {
			max-width: 1100px;
			margin: 0 auto;
			padding-block: 70px;
			border-block-start: 1px dashed var(--tintShade10);
		}
		.newsletterSubscriptionModule::before {
			font-size: 28px;
			text-transform: uppercase;
		}
		.acym_introtext {
			font-size: 22px;
			max-width: 600px;
			margin: auto;
		}
		.acym_form {
			width: 85%;
			margin-block-start: 30px;
		}
		.acym_module_form input, 
		.acym_module_form input:focus-visible {
			font-size: 20px;
		}
		.acysubbuttons {
			width: 80px;
			font-size: 16px;
			padding-inline-start: 15px;
		}
		.acysubbuttons .button {
			font-size: 14px;
			padding-inline-end: 10px;
		}
		.acysubbuttons::after {
			font-size: 14px;
		}
		/*	================================================================================
			DESKTOP - FOOTER
			================================================================================ */
		#footer1_block1 {
			width: 100%;
			max-width: var(--maxWidth);
			margin-block: 0 20px;
			margin-inline: auto;
			padding-inline: 100px;
			box-sizing: border-box;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-items: flex-start;
			justify-content: space-between;
			line-height: 2.5;
		}
		#footer1_block1 >div {
			flex: 1 1 auto;
		}
		#pos320 {
			flex: 2 1 auto;
		}
		#pos310,
		#pos350 {
			display: none;
		}
		#footer1_block1 ul {
			margin-block: 0;
			padding-inline: 0;
			list-style: none;
		}
		.footerMenuCityHotels {
			display: inline-block;
			margin-inline-end: 20px;
			text-transform: uppercase;
			font-family: 'ITCAvantGardePro-Book', 'Assistant-Regular', 'Roboto-Regular', 'Arial', 'sans-serif';
		}
		.footerMenuCityHotels li {
			position: relative;
		}
		.footerMenuCityHotels a,
		.footerMenuCityHotels span {
			font-size: 13px;
			letter-spacing: 1px;
		}
		.footerMenuCityHotels a.footerLocationTitle {
			display: block;
			margin-block-start: 25px;
			border-block-end: 1px solid;
			font-size: 16px;
			font-weight: bold;
			line-height: 1.2;
			letter-spacing: 2px;
		}
		.footerMenuOther >li {
			margin-inline-end: 20px;
		}
		.footerMenuOther a,
		.footerMenuOther span {
			font-family: 'ITCAvantGardePro-Book', 'Assistant-Regular', 'Roboto-Regular', 'Arial', 'sans-serif';
			font-size: 16px;
			font-weight: bold;
			text-transform: uppercase;
			margin-block: 25px 0;
			display: inline-block;
			line-height: 1;
		}
		#footer1_block2 {
			width: 100%;
			max-width: var(--maxWidth);
			margin-block: 20px 0;
			margin-inline: auto;
			padding-block: 0 30px;
			padding-inline: 100px;
			box-sizing: border-box;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: flex-end;
		}
		#footer1_block2 >div {
			display: inline-block;
		}
		.footerMenuPrivacyUseTermsMenu {
			font-family: 'ITCAvantGardePro-Book', 'Assistant-Regular', 'Roboto-Regular', 'Arial', 'sans-serif';
			font-size: 12px;
			margin-block: 0;
			padding-inline: 0;
		}
		.footerMenuPrivacyUseTermsMenu li {
			display: inline-block;
			margin-inline: 20px;
		}
		.footerMenuPrivacyUseTerms {
		}
		/*	================================================================================
			DESKTOP - PHOTOS POPUP
			================================================================================ */
		.enlargeToggle {
		    inset-block-start: 15px;
		    inset-inline-end: 15px;
		    width: 24px;
		    height: 24px;
		}
		.XHidePhotoModalContainer {
		    inset-block-start: -19px;
		    inset-inline-end: -19px;
			width: 10px;
			height: 10px;
			padding: 14px;
		}
		/*	================================================================================ */
	}



	/*	################################################################################
		NON RESPONSIVE
		################################################################################ */
	html,
	body {
		font-family: 'DomaineSerif', 'Assistant-Regular', 'Roboto-Regular', 'Arial', 'serif';
		font-size: 16px;
		line-height: 1.47;
		color: var(--textColor);
		margin: 0;
		padding: 0;
		scroll-behavior: smooth;
		height: 100%;
	}
	body a, 
	body a:active, 
	body a:focus, 
	body a:hover, 
	body a:visited {
		color: var(--textColor);
		text-decoration: none;
	}
	#container {
		overflow: hidden;
	}
	/*	================================================================================
		HEADER 1
		================================================================================ */
	#header1OuterTable {
		position: absolute;
		width: 100%;
		inset-block-start: 0px;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	#header1Table {
		width: 100%;
		max-width: var(--maxWidth);
		inset-block-start: 0;
		padding-block: 20px;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	.header1Cell {
		display: none;
		font-size: 14px;
	}
	#position100 {
		display: flex;
		flex-wrap: nowrap;
	}
	#position130 {
		position: relative;
		display: flex;
		align-items: center;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.position-130 {
		padding: 0 20px;
	}
	/*	================================================================================
		MENU MODAL
		================================================================================ */
	.topMenuModalContainer {
		display: none;
		position: fixed;
		width: 100vw;
		height: 100vh;
		/* SET IT AT A VALUE ABOVE EVERYTHING EVEN RATEPARITY PANEL (2147483636) AND BELOW COOKIES PANEL (2147483645) */
		z-index: 2147483640;
	}
	a.disabled {
		pointer-events: none; /* DISABLE LINK */
	}
	a.comingSoon::after,
	span.comingSoon::after {
		content: var(--comingSoon);
		display: block;
		font-size: smaller;
		font-style: oblique;
		color: var(--ctaButton);
		margin-inline-start: 20px;
		line-height: 1;
	}
	/*	================================================================================
		IMAGE SLIDER
		================================================================================ */
	#imageSlider {
		position: relative;
	}
	/*	================================================================================
		ARTICLES
		================================================================================ */
	.item-content {
		width: 100%;
	}
	.page-header {
		width: 100%;
		max-width: var(--maxWidth);
		margin: auto;
	}
	.page-header h1 {
		width: 100%;
		font-weight: normal;
		letter-spacing: 0.5px;
		text-align: start;
		line-height: 1.2;
	}
	/*	================================================================================
		NEWSLETTER SUBSCRIPTION
		================================================================================ */
	.newsletterSubscriptionModule {
		width: 100%;
		box-sizing: border-box;
	}
	.newsletterSubscriptionModule::before {
		content: var(--beTheFirstToKnow);
		display: block;
		width: 100%;
		text-align: center;
		margin-block-end: 20px;
		font-family: 'MarkProSansSerif', 'Assistant-Regular', 'Roboto-Regular', 'Arial', 'sans-serif';
	}
	.newsletterSubscriptionForm {
		width: 100%;
		max-width: var(--maxWidth);
		margin: auto;
	}
	.newsletterSubscriptionForm .acym_module_form input {
		max-width: unset;
		width: 100%;
	}
	.acym_module_form {
		display: block;
		width: 100%;
		max-width: 650px;
		margin: auto;
		font-size: 0;
	}
	.acym_introtext {
		margin-block: 10px;
		font-family: 'DomaineSerif', 'Assistant-Regular', 'Roboto-Regular', 'Arial', 'serif';
	}
	.acym_form {
		vertical-align: bottom;
		border-block-end: 1px solid var(--tintShade8);
	}
	.newsletterSubscriptionForm .acym_form .acyfield_text,
	.newsletterSubscriptionForm .acym_form .acyfield_text input {
		width: 100%;
		margin: 0;
	}
	.newsletterSubscriptionForm .acym_form .acyfield_text input::placeholder {
		font-family: 'DomaineSerif', 'Assistant-Regular', 'Roboto-Regular', 'Arial', 'serif';
		color: var(--tintShade8);
		letter-spacing: 1px;
	}
	.acym_form,
	.acyfield_text,
	.acym_form .acyfield_text input,
	.acysubbuttons {
		display: inline-block;
	}
	.acym_module_form input, 
	.acym_module_form input:focus-visible {
		background-color: transparent;
		border: none;
		padding-inline: 0;
		font-family: 'DomaineSerif', 'Assistant-Regular', 'Roboto-Regular', 'Arial', 'serif';
		line-height: 1;
		display: inline-block;
		height: initial;
		vertical-align: bottom;
		outline: none;
	}
	.acyfield_text input[name="user[name]"] {
		display: none; /* HIDE THE NAME FIELD */
	}
	.acysubbuttons {
		margin: 0;
		text-align: start;
		vertical-align: bottom;
		border-block-end: 1px solid var(--tintShade8);
		white-space: nowrap;
	}
	.acysubbuttons .button {
		background-color: transparent;
		border: none;
		height: auto;
		font-family: 'MarkProSansSerif', 'Assistant-Regular', 'Roboto-Regular', 'Arial', 'sans-serif';
		text-transform: uppercase;
		line-height: 1;
		letter-spacing: 1px;
		vertical-align: baseline;
		margin-inline-start: -5px;
	}
	.acysubbuttons::after {
		content: '\f054'; /* CHEVRON-RIGHT, A RIGHTWARDS POINTING CHEVRON */
		font-family: 'FontAwesome';
		margin-inline-start: -8px;
	}
	.acym__message__invalid__field__active {
		position: absolute;
	}
	.newsletterSubscriptionForm .acym_invalid_field {
		border: none !important;
	}
	.newsletterSubscriptionForm .onefield:hover .acym__field__error__block__active {
		display: none;
	}
	/*	================================================================================
		FOOTER
		================================================================================ */
	#footer1 {
		background-color: black;
		font-size: 14px;
		letter-spacing: 0.5px;
	}
	#footer1_block1 {
		padding-block-start: 30px;
	}
	#footer1 div,
	#footer1 span, 
	#footer1 a,
	#footer1 a:active,
	#footer1 a:focus,
	#footer1 a:visited {
		background-color: black;
		color: white;
	}
	..footerMenuPrivacyUseTerms {
		font-family: 'ITCAvantGardePro-Book', 'Assistant-Regular', 'Roboto-Regular', 'Arial', 'sans-serif';
		font-size: 12px;
		margin-block: 0;
		padding-inline: 0;
	}
	/*	################################################################################
		SYSTEM MESSAGES
		################################################################################ */
	#system-message-container {
		position: fixed;
		inset-block-start: 50%;
		inset-inline-start: 50%;
		transform: translate(-50%, -50%);
		box-shadow: 0px 0px 20px var(--tintShade1);
	}
	joomla-alert {
		margin: 0;
		padding: 20px;
	}
	joomla-alert .joomla-alert--close {
		border: 1px solid gray;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		padding: 0;
		margin-inline-end: 10px;
	}
	joomla-alert .alert-heading {
		font-size: 24px;
		text-transform: capitalize;
		margin-block: 10px;
		margin-inline: 10px;
	}
	joomla-alert .alert-wrapper {
		margin-block: 10px;
		margin-inline: 10px;
	}
	/*	================================================================================
		PHOTOS POPUP
		================================================================================ */
	.photoPopupToggle {
		position: relative;
		cursor: zoom-in;
	}
	.enlargeToggle {
    	position: absolute;
		display: none;
	}
	.enlargeToggle >img {
    	width: 100%;
    	opacity: 1;
	}
	.photoModal img {
	    width: 100%;
    	max-height: 90vh;
	}
	.XHidePhotoModalContainer {
		position: absolute;
		border: 1px solid var(--tintShade6);
		border-radius: 50%;
		background-color: var(--tintShade3);
		cursor: pointer;
	}
	.XHidePhotoModalContainer img {
		width: 100%;
		vertical-align: top;
	}
	/*	################################################################################ */