/*	################################################################################
	CSS TEMPLATE FILE - "STYLE.CSS"
	################################################################################ */
	/*	################################################################################
		CSS VARIABLES
		################################################################################ */
	:root {
		/*	================================================================================
			SHADES OF GRAY
			================================================================================ */
		--backgroundColor: #fff;
/*		--abbeygateBlue: #013e7d; */
		--abbeygateBlue: #013976;
		--tintShade1: #0b0b0b;
		--tintShade2: #202020;
		--tintShade3: #353535;
		--tintShade4: #4a4a4a;
		--tintShade5: #606060;
		--tintShade6: #757575;
		--tintShade7: #8a8a8a;
		--tintShade8: #9f9f9f;
		--tintShade9: #b5b5b5;
		--tintShade10: #cacaca;
		--tintShade11: #dfdfdf;
		--tintShade12: #f4f4f4;
		--foregroundColor: #000;
		/*	OFF-WHITE  */
		/*	================================================================================
			WEBSITE VARIABLES
			================================================================================ */
		--textColor: #252525;
		--ctaButton: #ffa500;
		--ctaButtonHover: #d18800;
		--lightRed: rgba(255,0,0,0.25);
		--start: left;
		--end: right;
		--maxWidth: 1320px;
		/*	================================================================================
			TRAMSITIONS
			================================================================================ */
		--buttonTransition: .20s ease-in-out;
		/*	================================================================================ */
	}

	@keyframes fadeInDown {
		0% {
			opacity: 0;
			transform: translateY(-20px)
		}
		100% {
			opacity: 1;
			transform: translateY(0px)
		}
	}
	@keyframes fadeOutUp {
		0% {
			opacity: 1;
			transform: translateY(0px)
		}
		100% {
			opacity: 0;
			transform: translateY(-20px)
		}
	}


	/*	################################################################################
		MOBILE - MEDIA QUERIES
		################################################################################ */
	@media only screen and (max-width: 800px) {
		/*	================================================================================
			MOBILE - HEADER 1
			================================================================================ */
		#header1Table {
			flex-direction: column;
			padding-inline: 20px;
		}
		.header1Cell {
			padding-block-start: 5px;
		}
		/*	================================================================================
			MOBILE - HEADER 2
			================================================================================ */
		#header2 {
			top: 0;
		}
		.topMenu li a, 
		.topMenu li span {
			display: none;
		}
		.topMenu li .topMenuToggleOpen,
		.topMenu li .topMenuToggleClose {
/*
			width: 25px;
			height: 25px;
*/
		}
		.topMenu li .topMenuToggleOpen {
			display: inline-block;
			margin: 0px 10px;
			padding: 10px;
			box-sizing: border-box;
		}
		.topMenuToggleOpen img {
			display: inline-block;
			width: 25px;
			height: 25px;
			vertical-align: top;
		}
		.topMenuToggleClose img {
			width: 16px;
			height: 16px;
			border: 1px solid var(--tintShade8);
			border-radius: 50%;
			padding: 5px;
		}
		/*	================================================================================
			TOP MENU CONTAINERS
			================================================================================ */
		.menuContainerBlock {
			inset-inline-start: 100%;
			transition: inset-inline-start 0.5s;
		}
		/*	================================================================================
			MOBILE - TOP MENU - SUBMENU
			================================================================================ */
		.topMenu li.parent ul {
			position: relative;
			margin-inline: 10px;
		}
		.topMenu li.parent ul li a {
			padding-inline-start: 30px;
		}
	/*	================================================================================
		ARTICLE
		================================================================================ */
	.articleContainer {
		padding-inline: 20px;
		box-sizing: border-box;
	}




























		/*	================================================================================
			MOBILE - FAQ PAGE - MINITEK FAQ BOOK EXTENSION
			================================================================================ */
		.fbSectionExtended,
		.fbTopicExtended,
		#fbExtended {
			padding-inline: 20px;
		}
		i.fas.fa-home.NavTopUL_homeIcon {
			display: none;
		}
		#fbExtended .fbTopNavigation_core {
			padding: 0;
		}
		#fbExtended ul.fbTopNavigation_root li.NavTopUL_item {
			display: inline-block !important;
		}
		#fbExtended .fbContent_core {
			padding-block-start: 10px;
		}
		#fbExtended h2.fbContent_title {
			font-size: 18px;
			margin: 0;
		}
		#fbExtended ul.fbContent_topics {
			margin-block: 5px;
			padding-block: 5px;
		}
		#fbExtended ul.fbContent_topics li {
			margin-inline-start: 15px;
		}
		#fbExtended ul.fbContent_topics li a {
			margin-block: 5px;
			padding-block: 5px;
			font-size: 14px;
		}
		#fbExtended .fbLeftNavigation_core {
			display: none;
		}
		#fbExtended .fbContent_qFaqItemInner {
			padding-inline-start: 10px;
		}
		/*	================================================================================
			MOBILE - NEWS PAGE
			================================================================================ */
		.newsArticlesGroupContainer2 {
			flex-direction: column;
		}
		.newsArticlesGroupContainer2 >div {
			width: 100%;
			padding-inline: 20px;
			box-sizing: border-box;
		}
		.newsArticlePostTitle {
			margin-block: 0;
			font-size: 18px;
		}
		/*	================================================================================
			MOBILE - FOOTER
			================================================================================ */
		#footer2 {
			padding-block-end: 40px;
		}
		#footer2_block1 {
			flex-direction: column;
			justify-content: flex-start;
		}
		/*	================================================================================
			MOBILE - CHAT LINKS
			================================================================================ */
		.whatsappchat {
			inset-block-end: 0px !important;
			inset-inline-end: 90px !important;
		}
		div.whatsappchat div.popup-section div.popup span.popuptext.show {
			inset-inline-end: -60px; /* TO COMPENSATE ITS ABSOLUTE POSITION APPEARANCE RELATIVE TO ITS TOGGLE POSITION */
		}
		div.whatsappchat div.popup-section div.popup span.popuptext.show::after {
			inset-inline-end: 95px;
		}
		.messengerchat {
			inset-block-end: 0px !important;
			inset-inline-end: 0px !important;
		}
		div.messengerchat div.popup-section div.popup span.popuptext.show {
			inset-inline-end: 30px;
		}
		div.messengerchat div.popup-section div.popup span.popuptext.show::after {
			inset-inline-end: 5px;
		}
		.whatsappchat .help-you-btn img,
		.messengerchat .help-you-btn img {
			width: 36px;
		}
		/*	================================================================================ */
	}



	/*	################################################################################
		DESKTOP - MEDIA QUERIES
		################################################################################ */
	@media only screen and (min-width: 800px) {
		/*	================================================================================
			DESKTOP - HEADER 1
			================================================================================ */
		#header1 {
			position: sticky;
			top: 0;
			background-color: white;
			z-index: 100;
		}
		#header1Table {
			flex-direction: row;
			align-items: center;
		}
		.header1Cell {
			margin-inline: min(3vw, 50px);
			padding-block: 5px;
		}
		/*	================================================================================
			DESKTOP - HEADER 2
			================================================================================ */
		#header2 {
			top: 80px;
		}
		/*	================================================================================
			DESKTOP - TOPMENU
			================================================================================ */
		.topMenu >li >a,
		.topMenu >li >button,
		.topMenu >li >span {
			display: inline-block;
		}
		.topMenu li .topMenuToggleOpen,
		.topMenu li .topMenuToggleClose {
			display: none;
		}
		/*	================================================================================
			DESKTOP - TOP MENU - SUBMENU
			================================================================================ */
		.topMenu li.parent:hover >ul {
/*			display: block; */
		}
		.topMenu li.parent ul {
			position: absolute;
			animation: fadeInDown 300ms ease-in;
		}
		.topMenu li.parent ul.show-menu {
			display: block;
		}
		.topMenu li.parent ul li a {
			padding-inline: 15px 30px;
		}
	/*	================================================================================
		ARTICLE
		================================================================================ */
	.articleContainer {
	}
































		/*	================================================================================
			DESKTOP - FAQ PAGE - MINITEK FAQ BOOK EXTENSION
			================================================================================ */
		.fbSectionExtended,
		.fbTopicExtended,
		#fbExtended {
			padding-inline: 10vw;
		}
		#fbExtended .fbTopNavigation_core {
			padding: 15px 0 ;
		}
		#fbExtended .fbContent_core {
			padding-block-start: 20px;
		}
		/*	================================================================================
			DESKTOP - NEWS PAGE
			================================================================================ */
		.newsArticlesGroupContainer2 {
			flex-direction: row;
		}
		.newsArticlesGroupContainer2 >div {
			width: 49%;
		}
		.newsArticlePostTitle {
			margin-block: 0 20px;
			font-size: 24px;
		}
		/*	================================================================================
			DESKTOP - FOOTER
			================================================================================ */
		#footer2_block1 {
			flex-direction: row;
			justify-content: center;
		}
		/*	================================================================================
			DESKTOP - CHAT LINKS
			================================================================================ */
		.whatsappchat {
			inset-block-end: 75px !important;
		}
		div.whatsappchat div.popup-section div.popup span.popuptext.show {
			inset-block-end: 85px;
			inset-inline-end: 15px;
		}
		.messengerchat {
			inset-block-end: 10px !important;
		}
		div.messengerchat div.popup-section div.popup span.popuptext.show {
			inset-block-end: 85px;
			inset-inline-end: 15px;
		}
		.whatsappchat .help-you-btn img,
		.messengerchat .help-you-btn img {
			width: 56px;
		}
		/*	================================================================================ */
	}



	/*	################################################################################
		NON RESPONSIVE
		################################################################################ */
	html,
	body {
/*		font-family: 'Arial', 'sans-serif'; */
/*		font-size: 14px; */
		font-family: 'Quicksand-Medium', 'sans-serif';
		font-size: 15px;
		line-height: 1.5;
		background-color: var(--backgroundColor);
		color: var(--textColor);
		margin: 0;
		padding: 0;
		scroll-behavior: smooth;
		height: 100%;
	}
	body a, 
	body a:active, 
	body a:focus, 
	body a:visited {
		color: var(--abbeygateBlue);
		text-decoration: none;
	}
	body a:hover {
		border-block-end: 1px dotted var(--tintShade5);
	}
	.disabled {
		cursor: not-allowed;
		pointer-events: none; /* DISABLE LINK */
	}
	/*	================================================================================
		HEADER 1
		================================================================================ */
	#header1Table {
		width: 100%;
		margin-inline: auto;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
	}
	.header1Cell {
		vertical-align: middle;
	}
	div#position130 {
		display: none;
	}
	/*	================================================================================
		HEADER 2
		================================================================================ */
	#header2 {
		position: sticky;
		background-color: white;
		z-index: 100;
	}
	/*	================================================================================
		TOP MENU
		================================================================================ */
	.topMenu {
		display: block;
		width: 100%;
		max-width: var(--maxWidth);
		margin-block: 0;
		margin-inline: auto;
		padding-block: 0;
		padding-inline: 0;
		list-style-type: none;
	}
	.topMenu >li {
		position: relative;
		display: inline-block;
	}
	.topMenu >li >a,
	.topMenu >li >button,
	.topMenu >li >span {
		padding-block: 10px;
		padding-inline: 15px;
		font-size: 18px;
		line-height: 1.5;
		color: var(--abbeygateBlue);
		cursor: pointer;
		vertical-align: middle;
		transition: color var(--buttonTransition),
					background-color var(--buttonTransition), 
					border-color var(--buttonTransition), 
					box-shadow var(--buttonTransition);
	}
	.topMenu >li.active >a, 
	.topMenu >li >a:hover,
	.topMenu >li >button:hover,
	.topMenu >li >span:hover {
		color: var(--abbeygateBlue);
/*		background-color: rgba(223, 223, 223, 1.0); */
		background-color: var(--tintShade11);
		border-block-end: none;
	}
	/* THE MENU-HEADING ELEMENT BELOW CONTAINS A CHILD ELEMENT WITH CLASS ".admin" */
	.topMenu >li button.mod-menu__toggle-sub:has(.admin) {
		border-inline-start: 4px double var(--abbeygateBlue);
	}
	.topMenu >li >a.logoutButton {
		background-color: rgba(255, 0, 0, 1.0);
		color: white;
	}
	.topMenu >li >a.logoutButton:hover {
		background-color: rgba(255, 0, 0, 0.8);
	}
	.topMenu span.icon-chevron-down {
		display: inline-block;
		width: 12px;
		height: 12px;
		background-image: url(../images/icons/singleDownChevronDark.png);
		background-size: cover;
	}
	/*	================================================================================
		TOP MENU - SUBMENU
		================================================================================ */
	.topMenu li.parent ul {
		display: none;
/*		background-color: var(--backgroundColor); */
		background-color: var(--tintShade12);
		box-shadow: 3px 3px 10px var(--tintShade10);
		margin-block-start: 0;
		padding-block: 8px;
		padding-inline: 0;
		box-sizing: border-box;
		list-style-type: none;
	}
	.topMenu li.parent ul li {
		width: 100%;
	}
	.topMenu li.parent ul li:hover,
	.topMenu li.parent ul li.active {
		background-color: var(--tintShade11);
	}
	.topMenu li.parent ul li a {
		display: inline-block;
		white-space: nowrap;
		width: 100%;
		padding-block: 5px;
		box-sizing: border-box;
		border-block-end: 1px dotted transparent;
	}
	.topMenu li.parent ul li.active >a, 
	.topMenu li.parent ul li >a:hover {
		color: var(--abbeygateBlue);
/*		border-block-end: 1px dotted var(--tintShade5) */
	}
	/*	================================================================================
		ARTICLE
		================================================================================ */
	.articleContainer {
		width: 100%;
		max-Width: var(--maxWidth);
		margin-block: 0 40px;
		margin-inline: auto;
	}
	.articleTitle {
/*
		background-color: var(--abbeygateBlue);
		color: white;
		height: 80px;
		margin-block-end: -35px;
		width: calc(100% + 40px);
		margin-inline-start: -20px;
*/
		display: none;
	}
	.articleTitle p {
/*
		display: block;
		text-align: center;
		font-size: 24px;
		margin-block: 0;
		padding: 5px;
*/
		display: none;
	}
	.articleApplicationContainer {
		width: 100%;
		margin-block: 0 5px;
		margin-inline: auto;
		background-color: white;
		box-sizing: border-box;
	}
	.articleAplicationWelcome {
		margin-block: 3px 8px;
		margin-inline-start: 15px;
		color: var(--abbeygateBlue);
		font-size: 16px;
		font-weight: bold;
	}

	fieldset.articleApplication,
	fieldset.editClaimForms {
		position: relative;
		width: 100%;
		margin-block-end: 20px;
		margin-inline: auto;
		padding-block: 10px 30px;
		padding-inline: 25px;
		box-sizing: border-box;
		border-radius: 8px;
	}

	fieldset.articleApplication legend,
	fieldset.editClaimForms legend {
		background-color: var(--abbeygateBlue);
		color: white;
		padding: 5px 20px;
		border-radius: 8px;
		margin-block: 10px;
	}
	/*	================================================================================
		DATEPICKER JQUERY CALENDAR
		================================================================================ */
	.ui-datepicker {
		clip: initial !important;
	}
	/*	================================================================================ */
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*	================================================================================
		LOGIN MODULE
		================================================================================ */
	.loginModule {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-block-end: 40px;
		padding-inline: 20px;
		box-sizing: border-box;
	}
	.loginModule .mod-login {
		width: 100%;
	}
	.loginModule .mod-login .mod-login__pretext.pretext {
		text-align: center;
	}
	.loginModule .mod-login  .mod-login__pretext.pretext p {
		width: 370px;
		font-size: 24px;
		color: white;
		margin-block: 0 -25px;
		margin-inline: auto;
		padding: 5px 20px 30px;
		background-color: var(--abbeygateBlue);
	}
	.loginModule .mod-login .userdata {
		width: 360px;
		background-color: white;
		margin-block-end: 40px;
		margin-inline: auto;
		padding: 10px 20px;
		box-sizing: border-box;
		border: 1px solid var(--tintShade10);
		border-radius: 6px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
	}
	.loginModule .mod-login .userdata .form-group {
		margin-block: 10px;
	}

	.loginModule .mod-login__username.form-group .form-control, 
	.loginModule .mod-login__password.form-group .form-control {
		font-size: 16px;
		padding: 12px;
		border: 1px solid var(--tintShade10);
		border-radius: 4px 0 0 4px;
		width: calc(100% - 75px);
	}
	.loginModule .mod-login__username::before {
		content: "Username *";
	}
	.loginModule .mod-login__password::before {
		content: "Password: *";
	}
	.loginModule .input-password-toggle {
		position: relative;
		background-color: transparent;
		border: 1px solid gray;
		margin: 0;
		padding: 10px 10px 11px 10px;
		box-sizing: border-box;
		margin-inline-start: -5px;
		vertical-align: top;
	}
	span.icon-fw.icon-eye,
	span.icon-fw.icon-eye-slash {
		display: inline-block;
		height: 21px;
		background-repeat: no-repeat;
		background-size: cover;
		aspect-ratio: 640 / 512;
		vertical-align: text-bottom;
		cursor: pointer;
	}
	.loginModule span.icon-fw.icon-eye {
		background-image: url(../images/icons/eye.svg);
	}
	.loginModule span.icon-fw.icon-eye-slash {
		background-image: url(../images/icons/eye-slash.svg);
	}
	.loginModule .visually-hidden {
		display: none;
	}
	.loginModule .form-check-input {
		width: 25px;
		height: 25px;
		vertical-align: middle;
	}
	.loginModule button[type=submit] {
		display: inline-block;
		width: 100%;
		font-size: 18px;
		font-weight: bold;
		line-height: 1;
		margin-block: 10px;
		padding: 10px;
		background-color: var(--ctaButton);
		color: white;
		border: 0;
		border-radius: 6px;
		cursor: pointer;
		transition: color var(--buttonTransition),
					background-color var(--buttonTransition), 
					border-color var(--buttonTransition), 
					box-shadow var(--buttonTransition);
	}
	.loginModule button[type=submit]:hover {
		background-color: var(--ctaButtonHover);
	}
	/* JOOMLA'S DEFAULT LOGOUT BUTTON AND CONTAINER */
	.com-users-logout__submit {
		text-align: center;
		margin-block: 30px;
	}
	.com-users-logout__submit button.btn {
		display: inline-block;
		background-color: var(--ctaButton);
		padding: 10px 25px;
		border: none;
		border-radius: 6px;
		box-shadow: 3px 3px 10px var(--tintShade6);
		font-size: 18px;
		font-weight: bold;
		line-height: 1;
		cursor: pointer;
		transition: var(--buttonTransition);
	}
	.com-users-logout__submit button.btn:hover {
		background-color: var(--ctaButtonHover);
	}
	/*	================================================================================
		THE "Edit" AND "Published Article" LINKS APPEARING AFTER A SUCCESSFUL LOGIN
		================================================================================ */
	#component .icons {
		display: none;
	}
	/*	================================================================================
		JOOMLA SYSTEM MESSAGES
		================================================================================ */
	#header_below {
		display: block;
		width: 100%;
		max-width: var(--maxWidth);
		margin-inline: auto;
	}
	#system-message-container {
		min-width: 320px;
		max-width: 430px;
		display: table;
		margin-inline: auto;
		margin-block-start: 20px;
		padding-inline: 20px;
	}
	joomla-alert .joomla-alert--close {
		width: 35px;
		height: 35px;
		margin-block-start: -20px;
		margin-inline-end: -20px;
		border: 1px solid var(--tintShade8);
		border-radius: 50%;
		padding: 3px 0 0 0;
		font-size: 24px;
		background-color: var(--ctaButton);
	}
	.alert-heading {
		font-size: 18px;
		text-transform: capitalize;
		font-weight: bold;
	}
	/*	================================================================================
		TOP MENU CONTAINERS
		================================================================================ */
	.menuContainer {
/*		background-color: #f3f3f3; */
		background-color: var(--tintShade12);
		box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .2);
	}
	.menuContainerBlock {
		width: 100%;
		max-width: var(--maxWidth);
		margin-inline: auto;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}
	.topMenuContainer,
	.topMenuLoginMenuToggleContainer {
		display: inline-block;
	}
	.topMenuUserName {
		font-size: 18px;
		font-weight: bold;
		line-height: 1.2;
		color: var(--abbeygateBlue);
	}
	/*	================================================================================
		TOP MENU LOGIN TOGGLE
		================================================================================ */
	.topMenuLoginMenuToggle {
		list-style-type: none;
		padding-inline-start: 0;
	}
	.topMenuLoginMenuToggle li span {
		display: block;
		padding-block: 5px;
		padding-inline: 20px;
		box-sizing: border-box;
		cursor: pointer;
	}
	/*	================================================================================
		TOP MENU LOGIN MENU
		================================================================================ */
	.topMenuUserLoginMenuContainer {
		width: 100%;
		max-width: var(--maxWidth);
		margin-inline: auto;
		position: relative;
	}
	.topMenuUserLoginMenu {
		display: none;
		position: absolute;
		list-style-type: none;
		inset-inline-start: calc(100% - 150px);
		padding-inline-start: 0;
		padding-block: 10px;
		box-sizing: border-box;
		margin-block: 0;
		background-color: white;
		border: 1px solid var(--tintShade10);
		width: 150px;
		line-height: 1.5;
	}
	.topMenuUserLoginMenu li a {
		display: block;
		padding-block: 5px;
		padding-inline: 20px;
		box-sizing: border-box;
	}
	/*	================================================================================
		PAGE HEADER
		================================================================================ */
	.page-header {
		width: 100%;
		max-width: var(--maxWidth);
		margin-inline: auto;
		color: var(--abbeygateBlue);
	}















	/*	================================================================================
		FAQ PAGE - MINITEK FAQ BOOK EXTENSION
		================================================================================ */
	.fbSectionExtended,
	.fbTopicExtended,
	#fbExtended {
		width: 100%;
		max-width: var(--maxWidth);
		margin-inline: auto;
		box-sizing: border-box;
	}
	.fbLeftNavigation_toggle a.NavLeftUL_toggle,
	a.NavLeftUL_anchor, span.NavLeftUL_anchor, a.NavLeftUL_toggle {
		box-sizing: border-box;
	}
	.fbTopNavigation_root a svg,
	.fbLeftNavigation_topics a svg,
	.fbLeftNavigation_topics a i {
		margin-inline-end: 5px;
	}
	/*	================================================================================
		NEWS PAGE
		================================================================================ */
	.newsArticlesGroupContainer1 {
		width: 100%;
		max-width: var(--maxWidth);
		margin-inline: auto;
	}
	.newsArticlesGroupContainer2 {
		display: flex;
		width: 100%;
		max-width: var(--maxWidth);
		margin-inline: auto;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.newsArticlesGroupContainer2 >div {
		display: block;
	}
	.newsArticleContainer {
		width: 100%;
		height: 100%;
		max-width: var(--maxWidth);
		margin-block-end: 40px;
		margin-inline: auto;
		padding: 15px;
		box-sizing: border-box;
		border: 1px solid var(--tintShade10);
		box-shadow: 5px 5px 10px var(--tintShade10);
	}
	.newsArticlePostTitle {
		display: inline-block;
		border-block-end: 1px solid var(--tintShade5);
	}
	.newsArticleContainer img {
		vertical-align: top;
		max-width: 100%;
	}
	/*	================================================================================
		FOOTER
		================================================================================ */
	#footer2 {
		background-color: var(--abbeygateBlue);
	}
	#footer2_block1 {
		background-color: var(--abbeygateBlue);
		color: white;
		width: 100%;
		max-width: var(--maxWidth);
		padding-block: 20px 40px;
		margin-inline: auto;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}
	#footer2_block1 >div {
		text-align: center;
	}
	#footer2_block1 >div >div {
		padding-inline: 3vw;
		min-width: 250px;
	}
	#footer2_block1 a,
	#footer2_block1 a:active,
	#footer2_block1 a:focus,
	#footer2_block1 a:hover,
	#footer2_block1 a:visited {
		color: white;
	}
	.footerMenu {
		list-style: none;
		padding-inline: 0;
	}
	.footerMenu li {
		padding-block: 5px;
	}
	.footerMenu li.active >a {
		padding: 5px 15px;
	}
	.footerMenu li.active >a {
		background-color: rgba(255, 255, 255, 0.25);
	}
	/*	================================================================================
		USER MENU
		================================================================================ */
	.userLoginMenuToggle::after {
/*
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		background-image: url(../images/icons/singleDownChevronDark.png);
		background-size: cover;
		vertical-align: middle;
		margin-inline-start: 10px;
*/
	}
	.userLoginMenuToggle img.userIcon {
		display: inline-block;
		width: 18px;
		height: 18px;
		vertical-align: middle;
	}
	/*	================================================================================
		USER REGISTRATION / PASSWORD RESET /
		================================================================================ */
	span.form-control-feedback {
		color: red;
		margin-inline-start: 5px;
	}
	.com-users-login.login,
	.com-users-reset.reset,
	.com-users-reset-confirm.reset-confirm,
	.com-users-remind.remind,
	.com-users-registration.registration {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-block-end: 40px;
		padding-inline: 20px;
		box-sizing: border-box;
	}
	.mod-login__pretext.pretext {
		max-width: 450px;
 		font-size: 16px;
	}
	.com-users-login.login form#com-users-login__form,
	.com-users-registration.registration form#member-registration,
	.com-users-reset.reset form#user-registration,
	.com-users-reset-confirm.reset-confirm form.com-users-reset-confirm__form,
	.com-users-remind.remind form#user-registration {
/*		margin-block: 30px; */
		border: 1px solid var(--tintShade10);
		border-radius: 6px;
	}
	.com-users-login.login fieldset,
	.com-users-registration.registration fieldset,
	.com-users-reset.reset fieldset,
	.com-users-reset-confirm.reset-confirm fieldset,
	.com-users-remind.remind fieldset {
		border: 0;
		width: 100%;
		max-width: var(--maxWidth);
		margin-inline: auto;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: stretch;
		padding: 0;
	}
	.com-users-login.login fieldset {
		padding: 10px 20px;
		box-sizing: border-box;
	}
	.com-users-login.login fieldset >div {
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		flex-wrap: nowrap;
		font-size: 16px;
		padding-block: 5px;
		border-radius: 4px 0 0 4px;
	}
	.com-users-registration.registration legend {
		width: 100%;
		font-size: 28px;
		line-height: 1;
		margin: 0;
		padding-block: 15px;
		padding-inline: 15px;
		box-sizing: border-box;
		background-color: var(--tintShade12);
	}
	.com-users-reset.reset legend,
	.com-users-reset-confirm.reset-confirm legend,
	.com-users-remind.remind legend {
		max-width: 400px;
		margin-block-end: 20px;
		padding-block: 5px;
		padding-inline: 15px;
	}
	.com-users-registration.registration .control-group,
	.com-users-reset.reset .control-group,
	.com-users-reset-confirm.reset-confirm .control-group,
	.com-users-remind.remind .control-group {
		padding-block: 5px;
		padding-inline: 15px;
	}
	.com-users-login.login fieldset .input-group,
	.com-users-registration.registration .control-group .input-group {
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: stretch;
		justify-content: flex-start;
	}
	.com-users-login.login fieldset input.form-control,
	.com-users-registration.registration .control-group .controls input,
	.com-users-registration.registration .control-group .input-group input,
	.com-users-reset.reset .control-group input.form-control,
	.com-users-reset-confirm.reset-confirm .control-group input.form-control,
	.com-users-remind.remind .control-group input.form-control {
		width: calc(100% - 70px);
		font-size: 16px;
		padding: 12px;
		border: 1px solid var(--tintShade10);
		border-radius: 4px 0 0 4px;
	}
	.com-users-login.login fieldset button.btn.btn-secondary.input-password-toggle,
	.com-users-registration.registration button.btn.btn-secondary.input-password-toggle {
		width: 44px;
		height: 44px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--tintShade10);
		border-radius: 0px 5px 5px 0px;
		margin-inline-start: -1px;
	}
	.com-users-login.login fieldset .icon-eye,
	.com-users-registration.registration .icon-eye,
	.mod-login__userdata button span.icon-eye {
		background-image: url(../images/icons/eye.svg);
		height: 16px;
		aspect-ratio: 576 / 512;
	}
	.com-users-login.login fieldset .icon-eye-slash,
	.com-users-registration.registration .icon-eye-slash,
	.mod-login__userdata button span.icon-eye-slash {
		background-image: url(../images/icons/eye-slash.svg);
		height: 16px;
		aspect-ratio: 640 / 512;
	}
	.com-users-login.login fieldset span.visually-hidden,
	.com-users-registration.registration span.visually-hidden {
		display: none;
	}
	.plg_system_webauthn_login_button {
		display: none;
	}
	.com-users-login.login fieldset button.btn.btn-primary,
	.com-users-registration.registration button.com-users-registration__register.btn.btn-primary.validate,
	.com-users-reset.reset .control-group button.btn.btn-primary.validate,
	.com-users-reset-confirm.reset-confirm .control-group button.btn.btn-primary.validate,
	.com-users-remind.remind .control-group button.btn.btn-primary.validate {
		display: inline-block;
		width: 100%;
		font-size: 18px;
		font-weight: bold;
		line-height: 1;
		margin-block: 10px;
		padding: 10px;
		background-color: var(--ctaButton);
		color: white;
		border: 0;
		border-radius: 6px;
		cursor: pointer;
	}
	.com-users-login.login .com-users-login__options.list-group {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		margin-block: 20px 30px;
	}
	.com-users-login.login .com-users-login__options.list-group >a {
		display: list-item;
		margin-block-end: 5px;
	}
	/*	--------------------------------------------------------------------------------
		USER PROFILE SCREEN
		-------------------------------------------------------------------------------- */
	.com-users-profile,
	.com-users-profile__edit.profile-edit {
		width: calc(100% - 40px);
		max-width: 800px;
		margin-block-end: 40px;
		margin-inline: auto;
	}
	.com-users-profile__edit.profile-edit fieldset {
		width: 100%;
		box-sizing: border-box;
	}
	.com-users-profile .btn-toolbar {
		display: inline-block;
		list-style-type: none;
		margin-block: 0;
		padding-inline: 0;
	}
	.com-users-profile .btn-toolbar li a {
		display: inline-block;
		min-width: 120px;
		margin-block: 10px;
		padding: 10px 20px;
		background-color: var(--ctaButton);
		border-radius: 6px;
		text-transform: uppercase;
		text-align: center;
		font-weight: bold;
		color: white;
	}
	.com-users-profile .btn-toolbar li a:hover {
		background-color: var(--ctaButtonHover);
		border-block-end: none;
	}
	.com-users-profile legend,
	.com-users-profile__edit legend {
		font-size: 18px;
		font-weight: bold;
	}
	.com-users-profile #users-profile-custom {
		display: none;
	}
	.com-users-profile__edit .control-group {
		margin-block: 10px;
	}
	.com-users-profile__edit input {
		width: calc(100% - 70px);
		font-size: 16px;
		padding: 12px;
		border: 1px solid var(--tintShade10);
		border-radius: 4px 0 0 4px;
	}
	.com-users-profile__edit .input-group {
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: stretch;
		justify-content: flex-start;
	}
	.com-users-profile__edit button.input-password-toggle {
		cursor: pointer;
		width: 44px;
		height: 44px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--tintShade10);
		border-radius: 0px 5px 5px 0px;
		margin-inline-start: -1px;
	}
	.com-users-profile__edit button.btn-secondary {
		background-color: white;
	}
	.com-users-profile__edit .icon-eye {
		background-image: url(../images/icons/eye.svg);
		height: 16px;
		aspect-ratio: 576 / 512;
	}
	.com-users-profile__edit .icon-eye-slash {
		background-image: url(../images/icons/eye-slash.svg);
		height: 16px;
		aspect-ratio: 640 / 512;
	}
	.com-users-profile__edit .visually-hidden {
		display: none;
	}
	button.btn.btn-primary.validate,
	button.btn.btn-danger {
		display: inline-block;
		margin-inline-end: 20px;
		min-width: 120px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
		padding: 15px 30px;
		background-color: var(--ctaButton);
		color: white;
		border: 0;
		border-radius: 8px;
		cursor: pointer;
		text-transform: uppercase;
		white-space: nowrap;
	}
	button.btn.btn-primary.validate:hover {
		background-color: var(--ctaButtonHover);
	}
	button.btn.btn-danger {
		background-color: white;
		color: var(--tintShade6);
		border: 1px solid var(--tintShade10);
	}
	button.btn.btn-danger:hover {
		background-color: var(--tintShade12);
	}
	/* THE FOLLOWING IS THE CONTAINER OF THE BASIC SETTINGS (EDITOR, TIMEZONE, FRONTEND LANGUAGE, DARK MODE) WITH NO ID OR CLASS */
	.com-users-profile__edit fieldset:nth-child(2) {
		display: none;
	}
	/* THE FOLLOWING IS THE CONTAINER OF THE MULTI-FACTOR AUTHENTICATION (YUBIKEY, PASSKEY, EMAIL, ETC.). NOT NECESSARY COMPLICATION */
	.com-users-profile__edit .com-users-profile__multifactor {
		display: none;
	}
	/*	================================================================================
		CHAT LINKS
		================================================================================ */
	.whatsappchat .popup-section .popup .popuptext .popup-box .response input {
		box-sizing: border-box;
	}
	/*	================================================================================
		TRANSITIONS FOR JQUERY PROPERTY CHANGES
		================================================================================ */
	.logoImageContainer .abbeygateLogo img,
	a.smIconContainer,
	.whatsAppAndViperContainer,
	.fqModuleContainer,
	.fqForQueries, 
	.fqPhoneNumber,
	.lloydsModuleContainer,
	.lloydsLogoContainer {
		transition: 0.2s;
	}
	.modalOpen {
		overflow: hidden;
	}
	
	/*	================================================================================
		JLEX LOOKUP EXTENSION
		================================================================================ */
	#jlexlookup {
		display: table;
		margin-block: 0 50px;
		margin-inline: auto;
		padding-inline: 5.5vw;
		box-sizing: border-box;
		box-sizing: border-box;
	}
	#jlexlookup .page-header h2 {
		margin-block: 20px;
		font-size: 36px;
		font-weight: bold;
		text-align: center;
	}
	#jlexlookup .jlk-description {
		font-size: 18px;
		font-weight: bold;
		margin-block-end: 10px;
	}
	#jlexlookup #jlk-form .btn-toolbar {
		margin-block: 10px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
	}
	#jlexlookup #jlk-form input.inputbox {
		margin-inline-end: 20px;
		padding: 10px;
		font-size: 14px;
		box-sizing: border-box;
		border: 1px solid var(--tintShade11);
		border-radius: 4px;
		line-height: 1;
		background-color: #ffffcc;
	}
	#jlexlookup #jlk-form .btn-group .btn {
		display: inline-block;
		min-width: 120px;
		background-color: var(--ctaButton);
		padding: 10px 25px;
		box-sizing: border-box;
		border: none;
		border-radius: 8px;
		text-transform: uppercase;
		color: white;
		font-weight: bold;
		cursor: pointer;
		white-space: nowrap;
		font-size: 16px;
	}
	#jlexlookup .jlk-results .table {
		border-spacing: 0;
	}
	#jlexlookup .jlk-results .table thead th {
		padding: 5px;
		line-height: 1;
		text-align: start;
	}
	#jlexlookup .jlk-results .table tbody tr:nth-child(even) {
		background-color: var(--tintShade12);
	}
	#jlexlookup .jlk-results .table tbody td {
		padding: 5px 3px;
		line-height: 1;
		text-align: start;
	}
	#jlexlookup .jlk-results .pagination {
		list-style-type: none;
		margin-block: 30px;
		padding: 0;
		display: flex;
		align-items: center;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
	}
	#jlexlookup .jlk-results .pagination li a, 
	#jlexlookup .jlk-results .pagination li >span {
		padding: 5px 10px;
		font-size: 16px;
	}
	li.active >a {
		background-color: var(--tintShade11);
		pointer-events: unset;
	}
	li.active >a:hover {
		border-block-end: none;
	}
	span.icon-angle-left::after,
	span.icon-angle-right::after,
	span.icon-angle-double-left::after,
	span.icon-angle-double-right::after {
		display: inline-block;
		content: "";
		width: 12px;
		height: 12px;
		background-size: cover;
		background-repeat: no-repeat;
	}
	span.icon-angle-left::after {
		background-image: url(../../../images/icons/singleLeftChevronDark.png);
	}
	span.icon-angle-right::after {
		background-image: url(../../../images/icons/singleRightChevronDark.png);
	}
	span.icon-angle-double-left::after {
		background-image: url(../../../images/icons/doubleLeftChevronDark.png);
	}
	span.icon-angle-double-right::after {
		background-image: url(../../../images/icons/doubleRightChevronDark.png);
	}
	/*	################################################################################
		PRINT
		################################################################################ */
	@media print {
		.whatsappchat,
		.messengerchat {
			display: none;
		}
	}
	/*	################################################################################ */