Section.Accessibility {
	position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.4);
	display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;
	line-height:1; font-family:Nunito Sans, sans-serif; font-weight:600;
  	z-index:10; /* get above most stuff */
}

Section.Accessibility div.Controls {
	position:relative;
	background-color:white;
	padding:40px 40px 30px 20px;
	color:black;
	font-size:24px;
  	border:20px solid black;
  	border-radius:30px;
}

Section.Accessibility div.Controls div.Colour,
Section.Accessibility div.Controls div.Text {
	display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center;
}
Section.Accessibility div.Controls div.Text {margin-bottom:30px;}

Section.Accessibility div.AccButton {
	padding:0 20px; 
  	height:54px; /* constant height */
  	line-height:54px;
  	border-radius:6px; 
  	margin:0 10px;
	background-color:black;
	color:white;
  	cursor:pointer;
}

Section.Accessibility div#AccessibilityD {font-size:30px;}
Section.Accessibility div#AccessibilityE {font-size:36px;}

Section.Accessibility div.AccButton.Ticked {padding-right:30px;}
Section.Accessibility div.AccButton.Ticked::after {
	font-family:HubbIcons;
  	content:'\e938';
  	font-weight:400;
  	font-size:28px;
  	line-height:1;
  	position:relative; top:4px; left:15px;
}

Section.Accessibility div.AccessibilityClose {
	position:absolute; top:0; right:0;
  	cursor:pointer;
}
Section.Accessibility div.AccessibilityClose::after {
	font-family:HubbIcons;
  	content:'\e910';
  	font-weight:400; font-size:20px;
  	position:relative; top:8px; right:10px;
}

body.AccessibilityOn .AccessFontSize0 {font-size:0px!important;}
body.AccessibilityOn .AccessFontSize1 {font-size:1px!important;}
body.AccessibilityOn .AccessFontSize2 {font-size:2px!important;}
body.AccessibilityOn .AccessFontSize3 {font-size:3px!important;}
body.AccessibilityOn .AccessFontSize4 {font-size:4px!important;}
body.AccessibilityOn .AccessFontSize5 {font-size:5px!important;}
body.AccessibilityOn .AccessFontSize6 {font-size:6px!important;}
body.AccessibilityOn .AccessFontSize7 {font-size:7px!important;}
body.AccessibilityOn .AccessFontSize8 {font-size:8px!important;}
body.AccessibilityOn .AccessFontSize9 {font-size:9px!important;}
body.AccessibilityOn .AccessFontSize10 {font-size:10px!important;}
body.AccessibilityOn .AccessFontSize11 {font-size:11px!important;}
body.AccessibilityOn .AccessFontSize12 {font-size:12px!important;}
body.AccessibilityOn .AccessFontSize13 {font-size:13px!important;}
body.AccessibilityOn .AccessFontSize14 {font-size:14px!important;}
body.AccessibilityOn .AccessFontSize15 {font-size:15px!important;}
body.AccessibilityOn .AccessFontSize16 {font-size:16px!important;}
body.AccessibilityOn .AccessFontSize17 {font-size:17px!important;}
body.AccessibilityOn .AccessFontSize18 {font-size:18px!important;}
body.AccessibilityOn .AccessFontSize19 {font-size:19px!important;}
body.AccessibilityOn .AccessFontSize20 {font-size:20px!important;}
body.AccessibilityOn .AccessFontSize21 {font-size:21px!important;}
body.AccessibilityOn .AccessFontSize22 {font-size:22px!important;}
body.AccessibilityOn .AccessFontSize23 {font-size:23px!important;}
body.AccessibilityOn .AccessFontSize24 {font-size:24px!important;}
body.AccessibilityOn .AccessFontSize25 {font-size:25px!important;}
body.AccessibilityOn .AccessFontSize26 {font-size:26px!important;}
body.AccessibilityOn .AccessFontSize27 {font-size:27px!important;}
body.AccessibilityOn .AccessFontSize28 {font-size:28px!important;}
body.AccessibilityOn .AccessFontSize29 {font-size:29px!important;}
body.AccessibilityOn .AccessFontSize30 {font-size:30px!important;}

body.AccessibilityOn input[type="text"] {min-height:30px!important;}

/* Code to fix issue with menus */
body.AccessibilityOn.AccessibilityD ul.root_menu a {font-size:22px!important;}
body.AccessibilityOn.AccessibilityE ul.root_menu a {font-size:24px!important;}

.AccessBlack {
  color:black !important; 
  font-weight:700 !important;
}
a.AccessBlack:hover,
a.AccessBlack:hover span { /* span for emails in footers */
  background-color:black !important; 
  border-color:black !important; 
  color:white !important; 
  font-weight:700 !important;
  text-decoration:underline !important;
  opacity:1 !important;
  outline:2px solid black;
}

.AccessWhite {
  color:white !important; 
  font-weight:700 !important;
}
a.AccessWhite:hover,
a.AccessWhite:hover span { /* span for emails in footers */
  background-color:white !important; 
  border-color:white !important; 
  color:black !important; 
  font-weight:700 !important;
  text-decoration:underline !important;
  opacity:1 !important;
  outline:2px solid white;
}

/* underline many links if accessibility used */
div.AccessBlack a,
div.AccessWhite a,
div.ForceUnderline a {text-decoration:underline !important;}
/*
a[class*="AccessFontSize"] {
	text-decoration:underline !important;
}
*/

/* For menus */
ul.root_menu li.AccessBlack:hover > a.AccessWhite {color:black !important;}
ul.root_menu li.AccessWhite:hover > a.AccessBlack {color:white !important;}

/* Button on template */
header section.slice_Header_L div.top-link-wrapper a.AccessibilityAid,
header section.slice_Header_D div.top-link-wrapper a.AccessibilityAid {
  position:relative;
  padding:12px 15px 11px 50px !important;
  margin:0 0 0 15px;
  border:1px solid #c4bcb9 !important;
  border-radius:4px;
  background-color:white;
  top:1px;
}
header section.slice_Header_L div.top-link-wrapper a.AccessibilityAid span,
header section.slice_Header_D div.top-link-wrapper a.AccessibilityAid span {
	color:#c9b389;
  	font-weight:700;
  	position:absolute;
  	line-height:1;
}
header section.slice_Header_L div.top-link-wrapper a.AccessibilityAid span.AccessibilityGreyA1,
header section.slice_Header_D div.top-link-wrapper a.AccessibilityAid span.AccessibilityGreyA1 {
	font-size:16px; left:10px; top:12px;
}
header section.slice_Header_L div.top-link-wrapper a.AccessibilityAid span.AccessibilityGreyA2,
header section.slice_Header_D div.top-link-wrapper a.AccessibilityAid span.AccessibilityGreyA2 {
	font-size:22px; left:22px; top:7px;
}
header section.slice_Header_L div.top-link-wrapper a.AccessibilityAid:hover,
header section.slice_Header_D div.top-link-wrapper a.AccessibilityAid:hover span,
header section.slice_Header_L div.top-link-wrapper a.AccessibilityAid:hover,
header section.slice_Header_D div.top-link-wrapper a.AccessibilityAid:hover span {color:white !important;}

header.HeaderSmall section.slice_Header_L div.top-link-wrapper a.AccessibilityAid,
header.HeaderSmall section.slice_Header_D div.top-link-wrapper a.AccessibilityAid {
  padding:6px 10px 5px 50px !important;
  margin:0 0 0 10px;
  border-top:none !important;  
  border-top-left-radius:0;
  border-top-right-radius:0;
  top:-1px;
}
header.HeaderSmall section.slice_Header_L div.top-link-wrapper a.AccessibilityAid span.AccessibilityGreyA1,
header.HeaderSmall section.slice_Header_D div.top-link-wrapper a.AccessibilityAid span.AccessibilityGreyA1 {
	top:8px; font-size:14px;
}
header.HeaderSmall section.slice_Header_L div.top-link-wrapper a.AccessibilityAid span.AccessibilityGreyA2,
header.HeaderSmall section.slice_Header_D div.top-link-wrapper a.AccessibilityAid span.AccessibilityGreyA2 {
	top:3px; font-size:20px;
}
@media (max-width:991px) {
	header section.slice_Header_L div.top-link-wrapper a.AccessibilityAid,
	header section.slice_Header_D div.top-link-wrapper a.AccessibilityAid {display:none;}
}