/*	################################################################################
	CSS TEMPLATE FILE - "STYLE.CSS"
	################################################################################ */
	/*	################################################################################
		CSS VARIABLES
		################################################################################ */
	:root {
		/*	================================================================================ */
		--backgroundColor: #fff;
		--abbeygateBlue: #004a8a;
		--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  */
		/*	================================================================================ */
		--textColor: #353535;
		--ctaButton: #ffa500;
		--ctaButtonHover: #e79600;
		--start: left;
		--end: right;
		--maxWidth: 1320px;
		/*	================================================================================ */
		
		/*	================================================================================ */
	}

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


	/*	################################################################################
		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;
		}
		/*	================================================================================
			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;
		}
		.topMenu >li >a,
		.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: fadeInUp 300ms ease-in; */
		}
		.topMenu li.parent ul li a {
			padding-inline: 15px 30px;
		}
		/*	================================================================================
			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: 'Ysabeau-Regular', 'sans-serif'; */
/*		font-size: 15px; */
		font-family: 'Arial', 'sans-serif';
		font-size: 14px;
		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;
	}
	/*	================================================================================
		HEADER 2
		================================================================================ */
	#header2 {
		position: sticky;
		background-color: white;
		z-index: 100;
	}
	/*	================================================================================
		TOP MENU CONTAINERS
		================================================================================ */
	.menuContainer {
		background-color: #f3f3f3;
		box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .2);
	}
	.menuContainerBlock {
		display: block;
		width: 100%;
		max-width: var(--maxWidth);
		margin-inline: auto;
	}
	.topMenuContainer,
	.topMenuLoginMenuToggleContainer {
		display: inline-block;
		width: 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 >span {
		padding-block: 15px;
		padding-inline: 15px;
		font-size: 18px;
		cursor: pointer;
		vertical-align: middle;
	}
	.topMenu >li.active >a, 
	.topMenu >li >a:hover,
	.topMenu >li >span:hover {
		color: var(--abbeygateBlue);
		background-color: rgba(223, 223, 223, 0.5);
		border-block-end: none;
	}
	.onlineQuotes::after,
	.howCanWeHelp::after,
	.userLoginMenuToggle::after {
		content: "";
		background-image: url(../images/icons/singleDownChevronDark.png);
		display: inline-block;
		width: 13px;
		height: 13px;
		background-size: cover;
		vertical-align: middle;
		margin-inline-start: 10px;
	}
	/* WITH JQUERY ADD/REMOVE THE "downArrow" AND/OR "upArrow" CLASSES ACCORDINGLY TO SHOW UP OR DOWN CHEVRON */
	.onlineQuotes.downArrow::after,
	.howCanWeHelp.downArrow::after,
	.userLoginMenuToggle.downArrow::after {
		background-image: url(../images/icons/singleDownChevronDark.png);
	}
	.onlineQuotes.upArrow::after,
	.howCanWeHelp.upArrow::after,
	.userLoginMenuToggle.upArrow::after {
		background-image: url(../images/icons/singleUpChevronDark.png);
	}
	/*	================================================================================
		TOP MENU - SUBMENU
		================================================================================ */
	.topMenu li.parent ul {
		display: none;
		background-color: var(--backgroundColor);
		box-shadow: 3px 3px 10px var(--tintShade10);
		margin-block-start: 0;
		padding-block: 15px;
		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(--tintShade12);
	}
	.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)
	}
	/*	================================================================================
		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;
	}
	/*	================================================================================
		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;
	}
	/*	================================================================================
		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;
	}
	/*	================================================================================
		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;
	}
	/*	================================================================================
		JOOMLA SYSTEM MESSAGES
		================================================================================ */
	#header_below {
		display: block;
		width: 100%;
		max-width: var(--maxWidth);
		margin-inline: auto;
	}
	#system-message-container {
		max-width: 430px;
		display: table;
		margin-inline: auto;
		margin-block-start: 20px;
	}
	joomla-alert .joomla-alert--close {
		width: 35px;
		height: 35px;
		margin-block-start: 2px;
		margin-inline-end: 2px;
		border: 1px solid var(--tintShade8);
		border-radius: 50%;
		padding: 3px 0 0 0;
	}
	.alert-heading {
		font-size: 18px;
		text-transform: capitalize;
		font-weight: bold;
	}
	
	/*	================================================================================
		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;
    	cursor: not-allowed;
	}
	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;
		}
	}
	/*	################################################################################ */