/* ADDITIONAL CSS */

/*==== ACCESSIBILITY ====*/

/* Apply focus effect across site for keboard users only - some other more specific css is needed for search box and buttons*/	
:focus:not(:focus-visible) {
    outline: none; /* no outline for mouse users */
  }
:focus-visible {
    outline: 3px dotted #F89823; /* outline for keyboard users */
  }
  
   a:focus-visible img {
    outline: 3px dotted #F89823; /* apply the outline to image links */
  }

/* Specific focus effect to target navigation menu focusable items 
#menu a:focus-visible {
    outline: 3px dotted #F89823; 
    background: #007F3B;
}*/

/* Ensure mouse focus on nav menu does not show the outline 
#menu a:focus:not(:focus-visible) {
    outline: none;
}*/


/* Phone link with font awesome phone icon */
.phone-link::after {
      content: "\f879"; /* Font Awesome Unicode for phone icon */
      font-family: "Font Awesome 5 Free"; /* Font Awesome font */
      font-weight: 900; /* Solid style */
      margin-left: 8px; /* Adds gap between text and icon */
      display: inline-block; /* Ensures proper spacing */
    }


/* Move alert box headlines inside the main alert bit up slightly */
.alertbox h3 {
	margin-top: 0;
}
.alertbox h2 {
	margin-top: 0;
}

/* Basic link styling */
a { 
color: #035BBC;
}
a:hover { 
color: #7C2855;
}
a:active { 
color: #7C2855;
}

/* CQC image in footer */
.cqc-image {
	max-width: 100%; 
	display: block; 
	margin-left: auto; 
	margin-right: 0;
}
@media (max-width: 525px) {
    .cqc-image {
	max-width: 135px;  /* Make image smaller on mobile to prevent overlap with translation widget */
	}
}
/* Remove underline and borders from main flyout menu 
#menu a {
	text-decoration: none !important;
	border-bottom: none !important;
}
#menu a:hover {
	text-decoration: none !important;
	border-bottom: none !important;
}*/

/* Add some bottom margin to list items in main content inner sections */
#main-content-inner li {
	margin-bottom: 10px;
}

/* Apple and Google Badge buttons */
.badge {
	max-width:200px;
	margin-right:15px;
	margin-bottom: 5px;
}

/*404 Error Page Grid Layout */

/* CSS for the 404 error page grid */
		@media (min-width: 768px) {
        .error-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* Two equal-width columns */
            gap: 50px; /* 50px gap between columns */
			}
        }

        /* Media query to collapse to one column on smaller screens */
        @media (max-width: 767px) {
            .error-grid {
                grid-template-columns: 1fr; /* Single column */
                gap: 35px; /* 35px gap */
            }
        }

        /* Basic styling for grid items */
        .error-grid .grid-item {
		text-align: left;
		margin: auto; /* vertically centre content without flex*/
        }


/* Staff Grids */

/* CSS Grid Container */
.staff-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  margin-bottom: 50px; /* Create space to content below grid */
}

@media (max-width: 1200px) {
  .staff-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1023px) {
  .staff-grid {
    grid-template-columns: repeat(3, 1fr); /* Keep 3 columns */
  }
}

@media (max-width: 767px) {
  .staff-grid {
	grid-template-columns: repeat(2, 1fr); /* Reduce number of columns in grid row to 2 */
  }
}

@media (max-width: 575px) {
    .staff-grid {
    grid-template-columns: 1fr; /* Reduce number of columns in grid row to 1 */
  }
}

/* Individual Grid Item Styling */
.staff-grid-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0 15px 0; /* add some bottom padding */
  background: #ffffff; /*Add a background colour off white/light grey */
  gap: 0; /*No gap required between inner div items due to h3 and p spacing */
  border: 1px solid #dedede; /*Add a boxed border around each grid item */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); /* Light gray shadow with a 20px blur */

}

.staff-grid-item img.staffphoto {
  width:100%;
  max-width: 400px; /* Set width for staff image with a maximum of 375px */
  border-radius: 0%;  
}

.staff-grid-item p {
  text-align: center; /*Centre align paragraph text in grid */
  font-size: 1rem; /* Reduce text size slightly */
  margin-bottom: 0.5rem; /* Reduce bottom margin on paragraph */
  line-height: 1.3; /* Reduce p line height */
  padding-left: 15px;
  padding-right: 15px; /*Add some left and right padding to inner text or would need to create another inner div */
}

.staff-grid-item h3 {
  font-size: 1.2rem; /* Set size of staff grid headlines */
  text-align: center; /*Centre align h3 in grid */
  margin-bottom: 0.5rem;
  padding-left: 15px;
  padding-right: 15px; /*Also add some left and right padding to h3*/
}


/* Button Grids */

.button-grid {
  display: grid;
    grid-template-columns: repeat(4, 1fr); /* four equal columns */
    grid-template-rows: auto; /* Rows adjust to the tallest item */
    gap: 25px; /* Gap between items */
}


@media (max-width: 1200px) {
  .button-grid  {
    grid-template-columns: repeat(3, 1fr); /*  Keep number of columns in grid row at 3 */
    gap: 25px; /* Keep gap size */
  }
}

@media (max-width: 1023px) {
    .button-grid {
    grid-template-columns: repeat(2, 1fr); /*  Reduce number of columns in grid row to 2 */
    gap: 20px; /* reduce gap size */
  }
}

@media (max-width: 767px) {
    .button-grid {
    grid-template-columns: repeat(2, 1fr); /* Keep number of columns in grid row at 2 */
    gap: 20px; /* keep gap size */
  }
}
 
 @media (max-width: 575px) {
    .button-grid {
    grid-template-columns: 1fr; /* Reduce number of columns in grid row to 1 */
    gap: 20px; /* keep gap size */
  }
}

.button-grid .grid-item {
  display: flex;
  flex-direction: row; /* Ensure items are arranged in a row */
  align-items: center; /* Vertically center align items */
  justify-content: flex-start; /* Horizontally align items to the left */
  text-align: left; /* Left align the text content */
  background: #fff;
  height: 100%; /* Ensure the grid item fills 100% of row height */
  width: 100%; /* Ensure the grid item fills 100% of available width */
  padding: 15px; /* Set padding */
}


/*Hide the black bar on Google My Map Embed */

.map-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* Adjust the aspect ratio (16:9 here) */
  margin: -25px 0 50px 0;
}

.map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px; /* Adjust the height to cover the black bar */
  background-color: white; /* Or match it with the background of your site */
  z-index: 2;
}


/*  main top and bottom padding */
#main {
	padding-top: clamp(2.1875rem, 1.794rem + 1.8519vw, 3.4375rem);
	padding-bottom: clamp(2.1875rem, 1.794rem + 1.8519vw, 3.4375rem);
}

/*add some margin beneath banner images */
#page-banner-img {
    max-width: 100%;
	margin: 0 0 30px 0;
		}
@media screen and (max-width: 736px) {
#page-banner-img {
	margin: 0 0 20px 0;
}
	}
/* L_R padding on main content 2 
#main_content2 {
	padding: 0 20px 0 20px;
}*/

/* Contact us page grid */

 .contact-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns by default */
  gap: 75px; /* Default gap for desktop */
}

@media (max-width: 1200px) {
  .contact-grid {
    gap: 55px; /* Gap reduced to 55px for screens up to 1200px */
  }
}

@media (max-width: 737px) {
  .contact-grid {
    grid-template-columns: 1fr; /* Collapse to 1 column on smaller screens */
    gap: 10px; /* Gap reduced to 40px */
  }
}


/* Home Page Grid Alternative 2 Styles */

/* Ensure all elements inside grid-item links are not underlined */
.main-grid-alt2 a {
    text-decoration: none !important; /* Removes underline from all links */
	border-bottom: none! important;
	color: #333;
}


.main-grid-alt2 {
  display: grid;
    grid-template-columns: repeat(4, 1fr); /* four equal columns */
    grid-template-rows: auto; /* Rows adjust to the tallest item */
    gap: 25px; /* Gap between items */
}
.main-grid-alt2 a {
    text-decoration: none !important; /* removes any default underlining of links */
	border-bottom: none !important;	/* removes any bottom border from links */
	color: #333; /* Set text colour for links */
  }
  
  .main-grid-alt2 a:hover {
    text-decoration: none !important; /* removes any default underlining of links on hover*/
	border-bottom: none !important;	/* removes any bottom border from links on hover*/
	color: #333; /* Set text colour for links on hover */
  }

@media (max-width: 1200px) {
  .main-grid-alt2 {
    grid-template-columns: repeat(3, 1fr); /*  Keep number of columns in grid row at 3 */
    gap: 25px; /* Keep gap size */
  }
}

@media (max-width: 1023px) {
    .main-grid-alt2 {
    grid-template-columns: repeat(2, 1fr); /*  Reduce number of columns in grid row to 2 */
    gap: 20px; /* reduce gap size */
  }
}

@media (max-width: 767px) {
    .main-grid-alt2 {
    grid-template-columns: repeat(2, 1fr); /* Keep number of columns in grid row at 2 */
    gap: 20px; /* keep gap size */
  }
}
 
 @media (max-width: 575px) {
    .main-grid-alt2 {
    grid-template-columns: 1fr; /* Reduce number of columns in grid row to 1 */
    gap: 20px; /* keep gap size */
  }
}

.main-grid-alt2 .grid-item {
  display: flex;
  flex-direction: row; /* Ensure items are arranged in a row */
  align-items: center; /* Vertically center align items */
  justify-content: flex-start; /* Horizontally align items to the left */
  text-align: left; /* Left align the text content */
  background: #fff;
  height: 100%; /* Ensure the grid item fills 100% of row height */
  width: 100%; /* Ensure the grid item fills 100% of available width */
  padding: 15px; /* Set padding */
  border: 2px solid #d8d7d7; /* Set border color for hover-effect */
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);  /* Add light box shadow to grid item */
  transition: background .3s ease-in-out, border .3s ease-in-out; /* Set transitions for grid item hover effects */
}


.main-grid-alt2 .grid-item:hover {
  background: #fff; /* set grid item background on hover */
  border: 2px solid #035BBC; /* Set border color on hover */
  /*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);  /* darken box shadow on grid item on hover */
}

.main-grid-alt2 .grid-item p  {
  margin: 15px 0 0 0;
  text-align: left; /* left align the text horizontally */
  color: #252122;
  font-size: inheit;
  font-weight: inherit;
  display: inline-block; /* adding this restricts the hover underline effect to the width of the text not the whole div */
}

.main-grid-alt2 .grid-item h2  {
  font-size: clamp(0.95rem, 1.1418rem + 0.2909vw, 1rem);
  font-weight: 600;
  display: inline-block; /* Ensure h2 does not take up the entire row */
  margin: 0; /* Reset any default margins */
}

.main-grid-alt2 .grid-item:hover p {
  color: #252122; /* set text colour on hover of wrapper div */
}

.main-grid-alt2 .grid-item i {
    font-size: 24px; /* icon size */
    color: white; /* icon colour */
	max-width: 48px;
	font-weight: 700;
	padding: 12px; /* add padding around icon */
	background: #035BBC; /* set background colour behind icon */
	border-radius: 5px; /* Add some curve radius to icon background */
    margin: 0 15px 0 0; /* right margin between icon and text */
}

.main-grid-alt2 .grid-item:hover img {
  /* Add styles if needed */
}

/* Home Page Banner Grid Styles */

.banner-grid{
  display: grid;
    grid-template-columns: repeat(2, 1fr); /* two equal columns */
    grid-template-rows: auto; /* Rows adjust to the tallest item */
    gap: 25px; /* Gap between items */
}
.banner-grid a {
    text-decoration: none !important; /* removes any default underlining of links */
	border-bottom: none !important; /* remove any bottom borders */
  }
  
  .banner-grid a:hover {
    text-decoration: none !important; /* removes any default underlining of links on hover*/
	border-bottom: none !important; /* remove any bottom borders on hover */
  }

@media (max-width: 1200px) {
  .banner-grid {
    grid-template-columns: repeat(2, 1fr); /*  Keep number of columns in grid row at 2 */
    gap: 25px; /* Keep gap size */
  }
}

@media (max-width: 1023px) {
    .banner-grid {
    grid-template-columns: repeat(2, 1fr); /*  keep number of columns in grid row to 2 */
    gap: 20px; /* reduce gap size */
  }
}

@media (max-width: 767px) {
    .banner-grid {
    grid-template-columns: 1fr; /* Reduce number of columns in grid row to 1*/
    gap: 20px; /* keep gap size */
  }
}
 
 @media (max-width: 575px) {
    .banner-grid {
    grid-template-columns: 1fr; /* keep number of columns in grid row to 1 */
    gap: 20px; /* keep gap size */
  }
}

.banner-grid .grid-item {
  display: flex;
  flex-direction: row; /* Ensure items are arranged in a row */
  align-items: center; /* Vertically center align items */
  justify-content: flex-start; /* Horizontally align items to the left */
  text-align: left; /* Left align the text content */
  background: #fff;
  height: 100%; /* Ensure the grid item fills 100% of row height */
  width: 100%; /* Ensure the grid item fills 100% of available width */
  padding: 0; /* Set padding */
  /* border: 2px solid #d8d7d7; Set border color for hover-effect */
  /* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);  Add light box shadow to grid item */
  transition: background .3s ease-in-out, border .3s ease-in-out; /* Set transitions for grid item hover effects */
}

.banner-grid .grid-item img {
  max-width: 100%;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
}

/* Footer Styles */
.footer {
    background-color: #F5f6f7;
    color: #333;
    padding-left: 35px;
	padding-right: 35px;
    box-sizing: border-box;
    overflow: hidden;
}

.footer .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two equal columns */
    gap: 50px;
    max-width: 100%;
    box-sizing: border-box;
}

@media (max-width: 1023px) {
       .footer .grid {
        grid-template-columns: repeat(2, 1fr); /* Reduce number of columns in footer grid row to 2*/
		gap: 25px; /* Reduce gap size */
    }
}

@media (max-width: 575px) {
      .footer .grid {
        grid-template-columns: 1fr; /* Reduce number of columns in footer grid row to 1 */
		gap: 20px; /* Reduce gap size */
    }
  
  .footer .footer-column {
	  padding: 0; /* Remove right padding from footer grid columns when reaches mobile */
  } 
}

@media (max-width: 1300px) {
   .footer {
	Padding-bottom: 125px; /*increase footer section bottom padding above standard section padding to accommodate translation widget on smaller devices */
   }
}

@media (max-width: 767px) {
  #fcol-3 {
	  display: none; /*hide last 2 footer columns on tablet * mobile */
  }
  #fcol-4 {
	  display: none;
  }
}

.footer .footer-column {
    padding: 0 20px 0 0;
    box-sizing: border-box;
    word-wrap: break-word;
} 

.footer a {

	text-decoration: none !important;


}
.footer a:hover {
	color: #7C2855;
	text-decoration: none !important;
	border-bottom: none !important;
}

.footer h3 {
	color: #333 /* Change colour of h3 heading in footer */
}
.footer p { 
	font-size: clamp(0.9375rem, 0.8568rem + 0.0909vw, 0.9375rem); /* reduce size of p text in footer */
}
.footer ul {
	list-style-type: none; /* remove bullet points, padding and margin from footer lists */
	margin: 0;
	padding: 0;
}
.footer li { 
	font-size: clamp(0.9375rem, 0.8568rem + 0.0909vw, 0.9375rem); /* reduce size of p text in footer */
	Line-height: 3.5; /* increase line height of list items */
	border-bottom: 1px solid #a1a1a1; /* add a border between list items */
}
/* .footer li:not(:last-child) { 
	border-bottom: 1px solid #a1a1a1; /* add a border between list items 
} */

/*Shift practice address headline up on mobile with -ve margin */
@media screen and (max-width: 736px) {
	#p-address {
		margin-top: -50px;
	}
}

/* Make sure CMS does not add padding to the main side menu when edited if it adds paragraph tags */

#main-menu-links p {
	margin:0; padding:0;
}

/* prevent cms editable regions from being able to display underlining with classes and pseudo-class*/
.editable [style*="underline"] {
  text-decoration: none !important;
}

u {
  text-decoration: none !important;
}

.editable u {
  text-decoration: none !important;
}

/* Form Styling - should only affect search box - not using border part now so set to 0 - using a specific style in header file*/

input[type="text"],
	textarea {
		background-color: white;
		border: solid 0 transparent;
		border-radius: 0;
		color: inherit;
		padding: 7px;
		text-decoration: none;
		width: 250px;
		margin-right:5px;
		}

input[type="text"]:focus,
		textarea:focus {
			border: 0 solid #ffeb3b;
            }
		
/* make search box smaller on smaller mobile devices */	
	@media screen and (max-width: 550px) {
		input[type="text"],
	textarea {
		width:80%;
		}
	}


/* Search bar button for new header layout*/
.search-button {
    font-size: 0.8em;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.2;
    overflow: hidden;
    padding: 8px 8px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    margin-bottom: 0;
    cursor: pointer;
    color: #fff !important;
    background: #007F3B;
    box-shadow: none;
    border: 1px solid #fff;
    border-radius: 4px;
}

.search-button:hover {
    background: #035bbc; /* Change background to blue on hover */
}
	
/* make search button smaller on smaller mobile devices */		
@media (max-width: 520px) {
#search-bar .button1{
		max-width:45px;
		}
}


/* Home Page Yellow Alert Message */
.yellow-alert {
	min-height: 120px;
	background-color: #FFEB3B;
	padding: 30px 20px 30px 20px;
	margin-bottom: 0;
}

.home-alert {
	width:100%; 
	max-width:1200px;
	justify-content: left; text-align: left; 
	margin-left: auto; 
	margin-right: auto
}

/*Change hover effect on links in home page alert message */
.home-alert a:hover {
	color: #fff;
	background: #005EB8;
	border-bottom: 0;
	padding: 5px;
} 

/*Add padding on first contact div to space to divs to right and below and remove the right padding on tablet and mobile*/
.contactdiv {
	margin-bottom: 45px;
	}
@media (max-width: 979px) {
	.contactdiv {
	margin-bottom: 0;
	}
}

/* Add an arrow on buttons */
.buttontext::before {
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  display: inline-block;
  padding-right: 12px;
  vertical-align: middle;
  font-weight: bold;
  font-size: 1.2em;
  color: #fff;
}

/*NHS Style Alert Boxes */

/* Outer alertdiv to wrap everything in */

.alertbox-outer {
    margin-bottom: 45px;
	width:100%;
}

/* Blue Alert Box */
.bluealert {background-color: #005eb8; padding: 15px 20px 0 20px ; color:#ffffff; border-bottom: 5px solid #005eb8;}
.bluealert h2 {font-size:1.25em; margin-top: 0.2em; margin-bottom:0.6em;}
.bluealert h3 {font-size:1.25em;}

/* Red Alert Box */
.redalert {background-color: #d5281b; padding: 15px 20px 0 20px ; color:#ffffff; border-bottom: 5px solid #d5281b;}
.redalert h2 {font-size:1.25em; margin-top: 0.2em; margin-bottom:0.6em;}
.redalert h3 {font-size:1.25em;}

.alertbox {
	background-color:#F5F6F7;
	border: 1px solid #e1e1e1;
	padding:30px 20px 20px 20px;
}

/* Black Alert Box */
.blackalertbox {
    background-color:#000;
    color: #fff;
	border: 1px solid #000;
	padding:40px 20px 20px 20px;
}
.blackalert h2 {font-size:1.25em; color: #fff; margin-top: 0.2em; margin-bottom:0.6em;}
.blackalert h3 {font-size:1.25em; color: #fff}
.blackalertbox a {
    color: #fff;
	border-bottom: 1px solid #fff;
}
.blackalertbox a:hover {
    color: #FFEB3B;
	border-bottom: 1px solid #FFEB3B;
}

/*Alert box check and x lists */
/* Green check mark list */
.checklist ul {
    list-style-type: none;
	margin-left: 15px;
	padding-left:0;
}

.checklist ul li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  display: inline-block;
  padding-right: 12px;
  vertical-align: middle;
  font-weight: bold;
  font-size: 1.2em;
  color: #007f3b;
}

/* Red X mark list */
.xmarklist ul {
    list-style-type: none;
	margin-left: 15px;
	padding-left:0;
}

.xmarklist ul li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f00d";
  display: inline-block;
  padding-right: 12px;
  vertical-align: middle;
  font-weight: bold;
  font-size: 1.2em;
  color: #d5281b;
}

/* Make buttons 100% wide on smaller mobile screens*/
@media (max-width: 520px) {
	.button1{
		width:100%;
		}
}
/*Restrict all images to a max width of 100% width of main containers */
#main-content img {
	max-width: 100%;
}

/* Resize Logo and strapline by screensize */
@media only screen and (max-width: 499px) {	
.sitelogo {max-width: 62%}
.sitestrap2 {max-width: 60%}
}
@media only screen and (min-width: 500px) {	
.sitelogo {max-width: 68%}
.sitestrap2 {max-width: 65%}
}
@media only screen and (min-width: 781px) {	
.sitelogo {max-width: 60%}
.sitestrap2 {max-width: 40%}
}
@media only screen and (min-width: 1000px) {	
.sitelogo {max-width: 100%}
.sitestrap1 {max-width: 100%}
}

/* Media Query to swap NHS Services strapline  image */
@media (min-width:  1001px) {
	.sitestrap1 {
		display: block;
	}
	.sitestrap2 {
		display: none;
	}

}
@media (max-width:  1000px) {
	.sitestrap1 {
		display: none;
	}
	.sitestrap2 {
		display: inline-block;
	}
}


/* Ensure no underline effects on links in header */
#header a {text-decoration: none; border-bottom:0}
  
/*nudge up the logo and strapline area on tablet and mobile */
@media only screen and (max-width: 980px) {	
#header {margin-top: -10px;}
}

/* Add right margin to NHS strapline on desktop, laptop, large tablet  */
@media only screen and (min-width: 1400px) {	
.sitestrap1 {margin-right: 100px;}
}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {	
.sitestrap1 {margin-right: 80px;}
}

@media only screen and (min-width: 781px) and (max-width: 999px) {	
.sitestrap1 {margin-right: 80px;}
}


/* Indent a Div or block of text to the right with left margin*/

.indentdiv {
	margin-left: 35px;
}



/* Media Query to hide additional text after headings on tiles on health assessment and conditions pages on tablet & mobile */
@media (max-width:  768px) {
	.hidetilecontent {
		display: none;
	}
}

/* Responsive images */
.responsiveimage {
	max-width: 100%;
}

/*offset G Translate tool with right margin */
.gtranslate_wrapper {
	padding-right: 200px;
}

/* reduce gap under logo to blue line on tablet & mobile */
@media (max-width:  780px) {
	#header .logo {
	
	}
	#header .nhsservices {
	
	}
}

/*smooth text */
body { 
-webkit-font-smoothing: antialiased; 
}


/*Smooth scroll css effect */
html {
  scroll-behavior: smooth;
}

/* Flags on Registration Page */
.flag {
	width:100px;
	height: 67px;
	border: none;
	margin-top: 20px;
}

@media (max-width: 600px) {
	.flag {
	width:75px;
	height: 50px;
	}
}

/* Fluid Video */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	margin-bottom: 40px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ALL ALERT DIVS */
.alertdiv {
	background-color: #F5F6F7;
	padding: 25px 35px 0 35px;
	margin-bottom: 40px;
}

.alertdiv ul {list-style-position: inside;
				 list-style-type: disc;
				 padding-left: 0;}
				 
.alertdiv ol {list-style-position: inside;
				 list-style-type: decimal;
				 padding-left: 0;}	
					
.alertdiv li {margin-bottom: 1em;}	

.alertdiv h2, h3 {margin-top: 0; padding-top: 0; margin-bottom: 0.4em; line-height:1.2em;}

/* ALERT DIV  COLOURED BORDERS*/	

.greydiv {
	border: 2px solid #dedede;
}	

.greendiv {
	border: 2px solid #00ad7c;
}

.amberdiv {
	border: 2px solid #FFBF00;
}

.bluediv {
	border: 2px solid #005eb8;
}

.reddiv {
	border: 2px solid #e21a1a;
}
			
	/* CLINIC TABLE */

.tableheadertext {font-weight: 600; 
		line-height: 1.25em;
		}

.clinictable {
	background-color: #CCC;
	border-spacing: 1px;
	line-height: 1.6;
	border-radius: 0;
	margin-top:0.5em;
	margin-bottom: 2em;

}
.clinictable th {padding: 12px; text-align: left; font-weight:600; font-size: 1em; }
.clinictable td {padding: 12px; text-align: left;}
.clinictable tr:nth-child(even) {background-color: #ffffff}	
.clinictable tr:nth-child(odd) {background-color: #f7f7f7}
.clinictable p {margin-bottom:1.25em; padding-bottom:0;}
.clinictable h2 {font-size: 1.25em; line-height: 1.3em; margin-bottom: 1em;}
.clinictable h3 {font-size: 1.25em; line-height: 1.3em; margin-bottom: 1em;}
	
/* Remove p margin and padding from navigation when edited in CMS */

#nomargin p {
	padding: 0;
	margin: 0;
}
	
	/*Remove P from cms editable page banner images */
#page-banner p {
	padding: 0;
	margin: 0;
}

/* Hide or show different Accurx banners on home page by screen size */

@media (max-width: 699px) {
.accurxdesktop {display: none; max-width:100%}
.accurxmobile {display: block; max-width:100%}
}

@media (min-width: 700px) {
.accurxdesktop {display: block; max-width:100%}
.accurxmobile {display: none; max-width:100%}
}

/* Hide or show different catchment area maps on registration page by screen size */

@media (max-width: 699px) {
.map-embed-desktop {display: none;}
.map-embed-mobile {display: block; max-width: 100%; margin-bottom:40px;}
}

@media (min-width: 700px) {
.map-embed-desktop {display: block; max-width: 100%}
.map-embed-mobile {display: none; margin-bottom: 40px;}
}

/* prevent cms editable regions from being able to display underlining with classes and pseudo-class*/
.editable [style*="underline"] {
  text-decoration: none !important;
}

u {
  text-decoration: none !important;
}

.editable u {
  text-decoration: none !important;
}

/* Skip to content link */

.skip-link {
  left: 50%;
  margin-top: 0;
  padding: 10px 8px 10px 8px;
  position: absolute;
  transform: translateY(-100%);
  transition: transform 0.3s;
  }

.skip-link:focus {
  transform: translateY(0%);
   margin-top: 15px;
   background: #000;
   color: #fff;
   z-index: 2147483644 /* Vey high Z-index to make sure appears on top of other content when receives keyboard focus */
  }
.skip-link:hover {
  color: #fff !important;
}

/* More Additional CSS */

.accurx-banner {
	max-width: 100%;
}

.staff-bio {
	border: 1px solid #dedede;
}
	
.bio-image {
    border-radius: 50%;
    max-width: 320px;
    margin-left: 20px;
	margin-bottom:15px;
	float:right; 
	border: 3px solid #dedede;}
	
	@media screen and (max-width: 768px) {	
.bio-image {
	max-width:250px;
	float: right;
	margin-right: 0;
	margin-left: 25px;
}
}

@media screen and (max-width: 650px) {	
.bio-image {
	max-width:200px;
	float: right;
	margin-right: 0;
	margin-left: 25px;
}
}
@media screen and (max-width: 420px) {	
.bio-image {
	max-width: 160px;
	float: right;
	margin-right: 0;
	margin-left: 20px;
}
/*.responsivelogo {max-width: 55%;}
.sitestrap2 {max-width: 60%;} */
}
/*@media only screen and (max-width: 780px) and (min-width: 481px) {	
.responsivelogo {max-width: 65%;}
.sitestrap2 {max-width: 60%;}
}
@media screen and  (max-width: 980px) and (min-width: 781px) {	
.responsivelogo {max-width: 70%;}
.sitestrap2 {max-width: 70%;}
}
@media screen and (min-width: 981px) {	
.responsivelogo {max-width: 80%;}
.sitestrap2 {max-width: 70%;}
.sitestrap1 {max-width: 70%;}
} */

form-margin-top {margin-top: 30px;}
/*#menu a:hover { color: #fff !important; background-color: #007f3b !important;} */
.sitetitle {font-size: 1em; font-weight: 700; letter-spacing: -0.035em; margin-bottom: 0; padding-bottom: 0;}
.subtitle {font-size: 1em; font-weight: 400;}
.underline {
	border-bottom: 4px solid #005eb8;
	margin-bottom: 2em;}
.newsdiv {margin-top: 55px;}
.tilebox {background: none}
.tileboxfull {background: rgba(19,102,180,0.85); padding: 10px;}
/* #menu h2 {text-transform: uppercase; font-size: 1.25rem; margin-top:0;  padding-bottom: 1em; margin-bottom: 0; letter-spacing:normal;}
#menu h3 {text-transform: uppercase; font-size: 1rem; margin-top:0; padding-top: 0.75em; padding-bottom: 0.75em; margin-bottom: 0; letter-spacing:normal;}
#menu h4 {text-transform: uppercase; font-size: 1rem; margin-top:0; padding-top: 0.75em; padding-bottom: 0.75em; margin-bottom: 0; letter-spacing:normal;}
.iconpad { margin-right: 10px;} */


/* ======== */

@media screen and (max-width: 780px) {	

.nhsservices-1
	{max-width: 68%; /*margin-top:-4em; */
}
#header {
		padding: 30em 0 30em 0 ;
	}
}

/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	
	
/* Headings *- weight, line height, letter spacing etc */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: inherit;
	}

h1, h2, h3, h4, h5, h6 {
		font-weight: 600;
		text-transform: none;
		letter-spacing: -0.025em;
		line-height: 1.2em;
	}
	
		
h2, h3, h4, h5, h6 {
		line-height: 1.2;
		margin-bottom:0.75em;
		margin-top:1em;
	}
	
h1 {
		font-size: clamp(1.875rem, 1.5995rem + 1.2963vw, 2.75rem);
        margin-bottom: 0.7em;
	}

#homepageheadline h1 {
    font-size: clamp(1.5rem, 1.2778rem + 1.1111vw, 2.25rem);
    margin-bottom: 30px;
} /* Smaller h1 for home page welcome headline */
	
h2 {
		font-size: 1.9em;
	}

h3, h4 { font-size: 1.4em; }
h5, h6 { font-size: 1.25em; }	

@media screen and (max-width: 1000px) {

h1 { font-size: 2.2em; }
h2 {font-size: 1.8em; }
h3, h4 { font-size: 1.35em; }
h5, h6 { font-size: 1.15em; }

		}
		
@media screen and (max-width: 780px) {

h1 { font-size: 2em; }
h2 {font-size: 1.8em; }
h3, h4 { font-size: 1.25em; }
h5, h6 { font-size: 1.1em; }

		}	
		
@media screen and (max-width: 500px) {

h1 { font-size: 1.8em; }
h2 {font-size: 1.55em; }
h3, h4 { font-size: 1.2em; }

		}		
		
/* ------------------------------------ */



	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Grid */

	.row {
		border-bottom: solid 1px transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row > * {
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.row.uniform > * > :first-child {
		margin-top: 0;
	}

	.row.uniform > * > :last-child {
		margin-bottom: 0;
	}

	.row.\30 \25 > * {
		padding: 0 0 0 0em;
	}

	.row.\30 \25 {
		margin: 0 0 -1px 0em;
	}

	.row.uniform.\30 \25 > * {
		padding: 0em 0 0 0em;
	}

	.row.uniform.\30 \25 {
		margin: 0em 0 -1px 0em;
	}

	.row > * {
		padding: 0 0 0 2em;
	}

	.row {
		margin: 0 0 -1px -2em;
	}

	.row.uniform > * {
		padding: 2em 0 0 2em;
	}

	.row.uniform {
		margin: -2em 0 -1px -2em;
	}

	.row.\32 00\25 > * {
		padding: 0 0 0 4em;
	}

	.row.\32 00\25 {
		margin: 0 0 -1px -4em;
	}

	.row.uniform.\32 00\25 > * {
		padding: 4em 0 0 4em;
	}

	.row.uniform.\32 00\25 {
		margin: -4em 0 -1px -4em;
	}

	.row.\31 50\25 > * {
		padding: 0 0 0 3em;
	}

	.row.\31 50\25 {
		margin: 0 0 -1px -3em;
	}

	.row.uniform.\31 50\25 > * {
		padding: 3em 0 0 3em;
	}

	.row.uniform.\31 50\25 {
		margin: -3em 0 -1px -3em;
	}

	.row.\35 0\25 > * {
		padding: 0 0 0 1em;
	}

	.row.\35 0\25 {
		margin: 0 0 -1px -1em;
	}

	.row.uniform.\35 0\25 > * {
		padding: 1em 0 0 1em;
	}

	.row.uniform.\35 0\25 {
		margin: -1em 0 -1px -1em;
	}

	.row.\32 5\25 > * {
		padding: 0 0 0 0.5em;
	}

	.row.\32 5\25 {
		margin: 0 0 -1px -0.5em;
	}

	.row.uniform.\32 5\25 > * {
		padding: 0.5em 0 0 0.5em;
	}

	.row.uniform.\32 5\25 {
		margin: -0.5em 0 -1px -0.5em;
	}

	.\31 2u, .\31 2u\24 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u, .\31 1u\24 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u, .\31 0u\24 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u, .\39 u\24 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u, .\38 u\24 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u, .\37 u\24 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u, .\36 u\24 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u, .\35 u\24 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u, .\34 u\24 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u, .\33 u\24 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u, .\32 u\24 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u, .\31 u\24 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24 + *,
	.\31 1u\24 + *,
	.\31 0u\24 + *,
	.\39 u\24 + *,
	.\38 u\24 + *,
	.\37 u\24 + *,
	.\36 u\24 + *,
	.\35 u\24 + *,
	.\34 u\24 + *,
	.\33 u\24 + *,
	.\32 u\24 + *,
	.\31 u\24 + * {
		clear: left;
	}

	.\-11u {
		margin-left: 91.66667%;
	}

	.\-10u {
		margin-left: 83.33333%;
	}

	.\-9u {
		margin-left: 75%;
	}

	.\-8u {
		margin-left: 66.66667%;
	}

	.\-7u {
		margin-left: 58.33333%;
	}

	.\-6u {
		margin-left: 50%;
	}

	.\-5u {
		margin-left: 41.66667%;
	}

	.\-4u {
		margin-left: 33.33333%;
	}

	.\-3u {
		margin-left: 25%;
	}

	.\-2u {
		margin-left: 16.66667%;
	}

	.\-1u {
		margin-left: 8.33333%;
	}

	@media screen and (max-width: 1680px) {

		.row > * {
			padding: 0 0 0 2em;
		}

		.row {
			margin: 0 0 -1px -2em;
		}

		.row.uniform > * {
			padding: 2em 0 0 2em;
		}

		.row.uniform {
			margin: -2em 0 -1px -2em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 4em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -4em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 4em 0 0 4em;
		}

		.row.uniform.\32 00\25 {
			margin: -4em 0 -1px -4em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\31 50\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 1em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -1em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 1em 0 0 1em;
		}

		.row.uniform.\35 0\25 {
			margin: -1em 0 -1px -1em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.5em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.5em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.5em 0 0 0.5em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.5em 0 -1px -0.5em;
		}

		.\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xlarge\29 + *,
		.\31 1u\24\28xlarge\29 + *,
		.\31 0u\24\28xlarge\29 + *,
		.\39 u\24\28xlarge\29 + *,
		.\38 u\24\28xlarge\29 + *,
		.\37 u\24\28xlarge\29 + *,
		.\36 u\24\28xlarge\29 + *,
		.\35 u\24\28xlarge\29 + *,
		.\34 u\24\28xlarge\29 + *,
		.\33 u\24\28xlarge\29 + *,
		.\32 u\24\28xlarge\29 + *,
		.\31 u\24\28xlarge\29 + * {
			clear: left;
		}

		.\-11u\28xlarge\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xlarge\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xlarge\29 {
			margin-left: 75%;
		}

		.\-8u\28xlarge\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xlarge\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xlarge\29 {
			margin-left: 50%;
		}

		.\-5u\28xlarge\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xlarge\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xlarge\29 {
			margin-left: 25%;
		}

		.\-2u\28xlarge\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xlarge\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 1280px) {

		.row > * {
			padding: 0 0 0 2em;
		}

		.row {
			margin: 0 0 -1px -2em;
		}

		.row.uniform > * {
			padding: 2em 0 0 2em;
		}

		.row.uniform {
			margin: -2em 0 -1px -2em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 4em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -4em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 4em 0 0 4em;
		}

		.row.uniform.\32 00\25 {
			margin: -4em 0 -1px -4em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\31 50\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 1em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -1em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 1em 0 0 1em;
		}

		.row.uniform.\35 0\25 {
			margin: -1em 0 -1px -1em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.5em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.5em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.5em 0 0 0.5em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.5em 0 -1px -0.5em;
		}

		.\31 2u\28large\29, .\31 2u\24\28large\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28large\29, .\31 1u\24\28large\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28large\29, .\31 0u\24\28large\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28large\29, .\39 u\24\28large\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28large\29, .\38 u\24\28large\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28large\29, .\37 u\24\28large\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28large\29, .\36 u\24\28large\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28large\29, .\35 u\24\28large\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28large\29, .\34 u\24\28large\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28large\29, .\33 u\24\28large\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28large\29, .\32 u\24\28large\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28large\29, .\31 u\24\28large\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28large\29 + *,
		.\31 1u\24\28large\29 + *,
		.\31 0u\24\28large\29 + *,
		.\39 u\24\28large\29 + *,
		.\38 u\24\28large\29 + *,
		.\37 u\24\28large\29 + *,
		.\36 u\24\28large\29 + *,
		.\35 u\24\28large\29 + *,
		.\34 u\24\28large\29 + *,
		.\33 u\24\28large\29 + *,
		.\32 u\24\28large\29 + *,
		.\31 u\24\28large\29 + * {
			clear: left;
		}

		.\-11u\28large\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28large\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28large\29 {
			margin-left: 75%;
		}

		.\-8u\28large\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28large\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28large\29 {
			margin-left: 50%;
		}

		.\-5u\28large\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28large\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28large\29 {
			margin-left: 25%;
		}

		.\-2u\28large\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28large\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 980px) {

		.row > * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\32 00\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25em 0 -1px -2.25em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75em 0 -1px -0.75em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.375em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.375em 0 0 0.375em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375em 0 -1px -0.375em;
		}

		.\31 2u\28medium\29, .\31 2u\24\28medium\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28medium\29, .\31 1u\24\28medium\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28medium\29, .\31 0u\24\28medium\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28medium\29, .\39 u\24\28medium\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28medium\29, .\38 u\24\28medium\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28medium\29, .\37 u\24\28medium\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28medium\29, .\36 u\24\28medium\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28medium\29, .\35 u\24\28medium\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28medium\29, .\34 u\24\28medium\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28medium\29, .\33 u\24\28medium\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28medium\29, .\32 u\24\28medium\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28medium\29, .\31 u\24\28medium\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28medium\29 + *,
		.\31 1u\24\28medium\29 + *,
		.\31 0u\24\28medium\29 + *,
		.\39 u\24\28medium\29 + *,
		.\38 u\24\28medium\29 + *,
		.\37 u\24\28medium\29 + *,
		.\36 u\24\28medium\29 + *,
		.\35 u\24\28medium\29 + *,
		.\34 u\24\28medium\29 + *,
		.\33 u\24\28medium\29 + *,
		.\32 u\24\28medium\29 + *,
		.\31 u\24\28medium\29 + * {
			clear: left;
		}

		.\-11u\28medium\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28medium\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28medium\29 {
			margin-left: 75%;
		}

		.\-8u\28medium\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28medium\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28medium\29 {
			margin-left: 50%;
		}

		.\-5u\28medium\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28medium\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28medium\29 {
			margin-left: 25%;
		}

		.\-2u\28medium\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28medium\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 736px) {

		.row > * {
			padding: 0 0 0 1em;
		}

		.row {
			margin: 0 0 -1px -1em;
		}

		.row.uniform > * {
			padding: 1em 0 0 1em;
		}

		.row.uniform {
			margin: -1em 0 -1px -1em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 2em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -2em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 2em 0 0 2em;
		}

		.row.uniform.\32 00\25 {
			margin: -2em 0 -1px -2em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 1.5em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform.\31 50\25 {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.5em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.5em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.5em 0 0 0.5em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.5em 0 -1px -0.5em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.25em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.25em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.25em 0 0 0.25em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.25em 0 -1px -0.25em;
		}

		.\31 2u\28small\29, .\31 2u\24\28small\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28small\29, .\31 1u\24\28small\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28small\29, .\31 0u\24\28small\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28small\29, .\39 u\24\28small\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28small\29, .\38 u\24\28small\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28small\29, .\37 u\24\28small\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28small\29, .\36 u\24\28small\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28small\29, .\35 u\24\28small\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28small\29, .\34 u\24\28small\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28small\29, .\33 u\24\28small\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28small\29, .\32 u\24\28small\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28small\29, .\31 u\24\28small\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28small\29 + *,
		.\31 1u\24\28small\29 + *,
		.\31 0u\24\28small\29 + *,
		.\39 u\24\28small\29 + *,
		.\38 u\24\28small\29 + *,
		.\37 u\24\28small\29 + *,
		.\36 u\24\28small\29 + *,
		.\35 u\24\28small\29 + *,
		.\34 u\24\28small\29 + *,
		.\33 u\24\28small\29 + *,
		.\32 u\24\28small\29 + *,
		.\31 u\24\28small\29 + * {
			clear: left;
		}

		.\-11u\28small\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28small\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28small\29 {
			margin-left: 75%;
		}

		.\-8u\28small\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28small\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28small\29 {
			margin-left: 50%;
		}

		.\-5u\28small\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28small\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28small\29 {
			margin-left: 25%;
		}

		.\-2u\28small\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28small\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 480px) {

		.row > * {
			padding: 0 0 0 1em;
		}

		.row {
			margin: 0 0 -1px -1em;
		}

		.row.uniform > * {
			padding: 1em 0 0 1em;
		}

		.row.uniform {
			margin: -1em 0 -1px -1em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 2em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -2em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 2em 0 0 2em;
		}

		.row.uniform.\32 00\25 {
			margin: -2em 0 -1px -2em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 1.5em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform.\31 50\25 {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.5em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.5em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.5em 0 0 0.5em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.5em 0 -1px -0.5em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.25em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.25em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.25em 0 0 0.25em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.25em 0 -1px -0.25em;
		}

		.\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xsmall\29 + *,
		.\31 1u\24\28xsmall\29 + *,
		.\31 0u\24\28xsmall\29 + *,
		.\39 u\24\28xsmall\29 + *,
		.\38 u\24\28xsmall\29 + *,
		.\37 u\24\28xsmall\29 + *,
		.\36 u\24\28xsmall\29 + *,
		.\35 u\24\28xsmall\29 + *,
		.\34 u\24\28xsmall\29 + *,
		.\33 u\24\28xsmall\29 + *,
		.\32 u\24\28xsmall\29 + *,
		.\31 u\24\28xsmall\29 + * {
			clear: left;
		}

		.\-11u\28xsmall\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xsmall\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xsmall\29 {
			margin-left: 75%;
		}

		.\-8u\28xsmall\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xsmall\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xsmall\29 {
			margin-left: 50%;
		}

		.\-5u\28xsmall\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xsmall\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xsmall\29 {
			margin-left: 25%;
		}

		.\-2u\28xsmall\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xsmall\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 360px) {

		.row > * {
			padding: 0 0 0 1em;
		}

		.row {
			margin: 0 0 -1px -1em;
		}

		.row.uniform > * {
			padding: 1em 0 0 1em;
		}

		.row.uniform {
			margin: -1em 0 -1px -1em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 2em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -2em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 2em 0 0 2em;
		}

		.row.uniform.\32 00\25 {
			margin: -2em 0 -1px -2em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 1.5em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform.\31 50\25 {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.5em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.5em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.5em 0 0 0.5em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.5em 0 -1px -0.5em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.25em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.25em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.25em 0 0 0.25em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.25em 0 -1px -0.25em;
		}

		.\31 2u\28xxsmall\29, .\31 2u\24\28xxsmall\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xxsmall\29, .\31 1u\24\28xxsmall\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xxsmall\29, .\31 0u\24\28xxsmall\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xxsmall\29, .\39 u\24\28xxsmall\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xxsmall\29, .\38 u\24\28xxsmall\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xxsmall\29, .\37 u\24\28xxsmall\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xxsmall\29, .\36 u\24\28xxsmall\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xxsmall\29, .\35 u\24\28xxsmall\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xxsmall\29, .\34 u\24\28xxsmall\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xxsmall\29, .\33 u\24\28xxsmall\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xxsmall\29, .\32 u\24\28xxsmall\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xxsmall\29, .\31 u\24\28xxsmall\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xxsmall\29 + *,
		.\31 1u\24\28xxsmall\29 + *,
		.\31 0u\24\28xxsmall\29 + *,
		.\39 u\24\28xxsmall\29 + *,
		.\38 u\24\28xxsmall\29 + *,
		.\37 u\24\28xxsmall\29 + *,
		.\36 u\24\28xxsmall\29 + *,
		.\35 u\24\28xxsmall\29 + *,
		.\34 u\24\28xxsmall\29 + *,
		.\33 u\24\28xxsmall\29 + *,
		.\32 u\24\28xxsmall\29 + *,
		.\31 u\24\28xxsmall\29 + * {
			clear: left;
		}

		.\-11u\28xxsmall\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xxsmall\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xxsmall\29 {
			margin-left: 75%;
		}

		.\-8u\28xxsmall\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xxsmall\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xxsmall\29 {
			margin-left: 50%;
		}

		.\-5u\28xxsmall\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xxsmall\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xxsmall\29 {
			margin-left: 25%;
		}

		.\-2u\28xxsmall\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xxsmall\29 {
			margin-left: 8.33333%;
		}

	}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

	@media screen and (max-width: 480px) {

		html, body {
			min-width: 320px;
		}

	}

	body {
		background: #ffffff;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

	body, input, select, textarea {
		/* color: #585858; */
		color: #212b32;
		/*font-family: "Source Sans Pro", Helvetica, sans-serif; */
		font-family: "Poppins", sans-serif;
		font-size: 14pt;
		font-weight: 400;
		line-height: 1.75;
	}

	
		@media screen and (max-width: 736px) {

			body, input, select, textarea {
				font-size: 12pt;
			}

		}

	a:not(:has(img)) {
    -moz-transition: border-bottom-color 0.2s ease, color 0.2s ease;
    -webkit-transition: border-bottom-color 0.2s ease, color 0.2s ease;
    -ms-transition: border-bottom-color 0.2s ease, color 0.2s ease;
    transition: border-bottom-color 0.2s ease, color 0.2s ease;
    text-decoration: none;
    color: #1366b4;
    font-weight: 400;
    border-bottom: solid 1px #1366b4;
}

a:not(:has(img)):hover {
    color: #7C2855;
    border-bottom: solid 1px #7C2855;
}

	strong, b {
		font-weight: 700;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 1.25em 0;
	}


	
	.tileboxfull h2 {
		font-weight: 900;
		font-size: 1.1em;
		text-transform: uppercase;
		line-height: 1.1;
		margin: 0 0 2em 0;
		text-transform: none;
		letter-spacing:0.05em;
	}

.tileboxfull p {
	font-size: 0.95em;
    line-height: 1.4;
}


/*Smaller headlines & text & line height on tilebox full on mobile and hide the text content */
@media screen (max-width: 1000px) {
	.tileboxfull h2 {
		font-size: 1.1em;
		line-height: 1;
	}
    
    .tileboxfull p {
		font-size: 0.88em;
		line-height: 1.2;
	}
}
	

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	blockquote {
		border-left: solid 3px #005EB8;
		font-style: normal;
		margin: 1em 0 2em 0;
		padding: 20px 0 5px 30px;
	}

	code {
		background: rgba(144, 144, 144, 0.075);
		border-radius: 4px;
		border: solid 1px #c9c9c9;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

	hr {
		border: 0;
		border-bottom: solid 1px #c9c9c9;
		margin: 2em 0;
	}

		hr.major {
			margin: 3em 0;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

	header p {
		margin-top: -1em;
	}

	@media screen and (max-width: 736px) {

		header p {
			margin-top: 0;
		}

	}

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

		.icon.style2 {
			-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			background-color: transparent;
			border: solid 1px #c9c9c9;
			border-radius: 4px;
			width: 2.65em;
			height: 2.65em;
			display: inline-block;
			text-align: center;
			line-height: 2.65em;
			color: inherit;
		}

			.icon.style2:before {
				font-size: 1.1em;
			}

			.icon.style2:hover {
				color: #1366b4;
				border-color: #1366b4;
			}

			.icon.style2:active {
				background-color: rgba(242, 132, 158, 0.1);
			}

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px #c9c9c9;
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
			margin: -1em 0 2em -1em;
		}

			ul.icons li {
				display: inline-block;
				padding: 1em 0 0 1em;
			}

		ul.actions {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.actions li {
				display: inline-block;
				padding: 0 1em 0 0;
				vertical-align: middle;
			}

				ul.actions li:last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.5em 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1em 0 0 0;
			}

				ul.actions.vertical li:first-child {
					padding-top: 0;
				}

				ul.actions.vertical li > * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.5em 0 0 0;
			}

				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1em;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5em;
					width: calc(100% + 0.5em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5em;
					}

			@media screen and (max-width: 480px) {

				ul.actions {
					margin: 0 0 2em 0;
				}

					ul.actions li {
						padding: 1em 0 0 0;
						display: block;
						text-align: center;
						width: 100%;
					}

						ul.actions li:first-child {
							padding-top: 0;
						}

						ul.actions li > * {
							width: 100%;
							margin: 0 !important;
						}

							ul.actions li > *.icon:before {
								margin-left: -2em;
							}

					ul.actions.small li {
						padding: 0.5em 0 0 0;
					}

						ul.actions.small li:first-child {
							padding-top: 0;
						}

			}

	dl {
		margin: 0 0 2em 0;
	}

		dl dt {
			display: block;
			font-weight: 900;
			margin: 0 0 1em 0;
		}

		dl dd {
			margin-left: 2em;
		}

/* Form 

	form {
		margin: -1em 0 2em 0;
	}

		form:after {
			content: '';
			display: block;
			clear: both;
			height: 1px;
		}

		form .field {
			position: relative;
			float: left;
			margin: 0 0 1.3em 0;
			vertical-align: top;
			width: 100%;
		}

		form .half {
			width: calc(50% + 1em) !important;
			padding-left: 2em;
		}

		form .half.first {
			width: calc(50% - 1em) !important;
			padding-left: 0;
		}

		form :last-child {
			margin-bottom: 0;
		}

		form .half:nth-last-child(2) {
			margin-bottom: 0;
		}

		form .actions {
			position: relative;
			clear: both;
			padding-top: 1em;
		}

		@media screen and (max-width: 480px) {

			form .half {
				width: 100% !important;
				padding-left: 0;
			}

			form .half.first {
				width: 100% !important;
				padding-left: 0;
			}

			form .half:nth-last-child(2) {
				margin: 0 0 1.3em 0;
			}

		}

	label {
		display: block;
		font-size: 0.9em;
		font-weight: 900;
		margin: 0 0 1em 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background-color: transparent;
		border: solid 1px #c9c9c9;
		border-radius: 0;
		color: inherit;
		display: block;
		outline: 0;
		padding: 8px;
		text-decoration: none;
		width: 100%;
		margin-bottom:16px;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		select:focus,
		textarea:focus {
			border-color: #1366b4;
			box-shadow: inset -1px -1px -1px -1px #1366b4;
		}

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			color: #c9c9c9;
			content: '\f078';
			display: block;
			height: 3em;
			line-height: 3em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 3em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 3em;
	}

	textarea {
		padding: 0;
		min-height: 3.75em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: #585858;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 300;
			padding-left: 2.55em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				border-radius: 4px;
				border: solid 1px #c9c9c9;
				content: '';
				display: inline-block;
				height: 1.8em;
				left: 0;
				line-height: 1.725em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.8em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #585858;
			border-color: #585858;
			color: #ffffff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border-color: #1366b4;
			box-shadow: 0 0 0 1px #1366b4;
		}

	input[type="checkbox"] + label:before {
		border-radius: 4px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

/* Box */

	.box {
		border-radius: 4px;
		border: solid 1px #c9c9c9;
		margin-bottom: 2em;
		padding: 1.5em;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

/* Image */

	.image {
		border-radius: 4px;
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			border-radius: 4px;
			display: block;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.left {
			float: left;
			padding: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			padding: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

		/*	.image.fit img {
				width: 100%;
			}

		.image.main {
			margin: 0 0 30px 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}

			@media screen and (max-width: 736px) {

				.image.main {
					margin: 0 0 20px 0;
				}

			}

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2em 0;
		width: 100%;
	}

		table tbody tr {
			border: solid 1px #c9c9c9;
			border-left: 0;
			border-right: 0;
		}

			table tbody tr:nth-child(2n + 1) {
				background-color: rgba(144, 144, 144, 0.075);
			}

		table td {
			padding: 0.75em 0.75em;
		}

		table th {
			font-size: 0.9em;
			font-weight: 900;
			padding: 0 0.75em 0.75em 0.75em;
			text-align: left;
		}

		table thead {
			border-bottom: solid 2px #c9c9c9;
		}

		table tfoot {
			border-top: solid 2px #c9c9c9;
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px #c9c9c9;
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}

/* Button 

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		background-color: transparent;
		border-radius: 4px;
		border: 0;
		box-shadow: inset 0 0 0 2px #585858;
		color: #585858 !important;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 900;
		height: 3.5em;
		letter-spacing: 0.05em;
		line-height: 3.45em;
		overflow: hidden;
		padding: 0 1.25em 0 1.6em;
		text-align: center;
		text-decoration: none;
		text-overflow: ellipsis;
		text-transform: uppercase;
		white-space: nowrap;
		margin-bottom:1.2em;
	} */
	
	/* Button */

	/*input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button, */
	.button1 {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		background-color: #007f3b;
		border-radius: 4px;
		border: none;
		box-shadow: inset 0 0 0 2px #007f3b;
		color: #fff !important;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 600;
		/*height: 3.5em; */
		letter-spacing: 0.05em;
		/*line-height: 3.45em; */
		overflow: hidden;
		padding: 15px 25px 15px 25px;
		text-align: center;
		text-decoration: none;
		text-overflow: ellipsis;
		text-transform: uppercase;
		white-space: nowrap;
		margin: 0 20px 15px 0;
	}

		/*input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		button.icon:before,*/
		.button1.icon:before {
			margin-right: 0.5em;
		}

		/*input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,*/
		.button1.fit {
			display: block;
			width: 100%;
           margin: 0;
		}


		/*input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,*/
		.button1:hover {
			color: #fff;
			box-shadow: inset 0 0 0 2px #005eb8;
			background: #005eb8;
			text-decoration: none !important;
			border-bottom: none !important;
		}

		/*input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active, */
		.button1:active {
			background-color: rgba(242, 132, 158, 0.1);
		}

		/*input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,*/
		.button1.small {
			font-size: 0.6em;
		}

		/*input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		button.big,*/
		.button1.big {
			font-size: 1em;
		}

		/*input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		button.special,*/
		.button1.special {
			box-shadow: none;
			background-color: #007f3b;
			color: #ffffff !important;
			letter-spacing: 0.05em;
			font-size: 0.92em;
			box-shadow: inset 0 0 0 1px white; /* Internal solid white border */
		}

/* Add the focus effect to button1 for keyboard users */
   .button1:focus-visible {
    outline: 3px dotted #F89823; 
	background: #005eb8;
	border: none;
	}	
	/* Remove focus effect for button1 when clicked with a mouse */
	.button1:focus:not(:focus-visible) {
		background: #005eb8;
		outline: none; /* Removes the orange dotted border */
 	 }
        
        
       .button2 {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background-color: #fff;
		border-radius: 0;
		color: #333 !important;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 600;
		/*height: 3.5em; */
		letter-spacing: 0.05em;
		/*line-height: 3.45em; */
		overflow: hidden;
		padding: 15px 25px 15px 25px;
		text-align: center;
		text-decoration: none;
		text-overflow: ellipsis;
		text-transform: uppercase;
		white-space: nowrap;
        border: 2px solid #d8d7d7; /*light grey border */
        border-bottom: 2px solid #d8d7d7 !important!;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);  /* Add light box shadow to button 2*/
        transition: background 0.5s ease-in-out, border 0.5s ease-in-out; /* Set transitions for gbutton 2 hover effects */
		margin: 0 20px 15px 0;
	}

		/*input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		button.icon:before,*/
		.button2.icon:before {
			margin-right: 0.5em;
		}

		/*input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,*/
		.button2.fit {
			display: block;
			width: 100%;
           margin: 0;
		}


		/*input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,*/
		.button2:hover {
			color: #333!important;
			/* border: 2px solid #005eb8;
			background: #005eb8; */
            border: 2px solid #005eb8;
			background: #fff;
			text-decoration: none !important;
			}

		/*input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active, */
		.button2:active {
			background-color: #005eb8;
		}

/* Add the focus effect to button2 for keyboard users */
   .button2:focus-visible {
    outline: 3px dotted #F89823; 
	background: #005eb8;
	border: none;
	}	
	/* Remove focus effect for button2 when clicked with a mouse */
	.button2:focus:not(:focus-visible) {
		background: #005eb8;
		outline: none; /* Removes the orange dotted border */
 	 }

			/*input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			button.special:hover, */
			.button1.special:hover {
				background-color: transparent;
			}

			/*input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			button.special:active, */
			.button1.special:active {
				background-color: #ee5f81;
			}

		/*input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled, */
		.button1:disabled {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			opacity: 0.25;
		}

/* Tiles */

	.tiles {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		position: relative;
		margin: -2.5em 0 0 -2.5em;
	}

		.tiles article {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: calc(33.33333% - 2.5em);
			margin: 2.5em 0 0 2.5em;
		}

			.tiles article > .image {
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				position: relative;
				display: block;
				width: 100%;
				border-radius: 4px;
				overflow: hidden;
			}

				.tiles article > .image img {
					display: block;
					width: 100%;
				}

				.tiles article > .image:before {
					-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles article > .image:after {
					-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background-image: none;
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.25;
					z-index: 2;
				}

			.tiles article > a {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
				-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 1em;
				border-radius: 4px;
				border-bottom: 0;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
				z-index: 3;
			}

				.tiles article > a > :last-child {
					margin: 0;
				}

				.tiles article > a:hover {
					color: #ffffff !important;
				}

				.tiles article > a h2 {
					margin: 0;
			
				}

				.tiles article > a .content {
					-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles article > a .content > :last-child {
						margin-bottom: 0;
					}

			.tiles article.style1 > .image:before {
				background: rgba(153,153,153,0.3);
			}

			.tiles article.style2 > .image:before {
				background-color: #1366b4;
			}

			.tiles article.style3 > .image:before {
				background-color: none;
			}

			.tiles article.style4 > .image:before {
				background-color: #c75b9b;
			}

			.tiles article.style5 > .image:before {
				background-color: #ae85ca;
			}

			.tiles article.style6 > .image:before {
				background-color: #8499e7;
			}

			body:not(.is-touch) .tiles article:hover > .image {
				-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);
			}

				body:not(.is-touch) .tiles article:hover > .image:before {
					background-color: #333333;
					opacity: 0.35;
				}

				body:not(.is-touch) .tiles article:hover > .image:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles {
			margin-top: 2em;
		}

		body.is-loading .tiles article {
			-moz-transform: scale(0.9);
			-webkit-transform: scale(0.9);
			-ms-transform: scale(0.9);
			transform: scale(0.9);
			opacity: 0;
		}

		body.is-touch .tiles article .content {
			max-height: 15em;
			opacity: 1;
		}

		@media screen and (max-width: 1280px) {

			.tiles {
				margin: -1.25em 0 0 -1.25em;
			}

				.tiles article {
					width: calc(33.33333% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles {
				margin: -2.5em 0 0 -2.5em;
			}

				.tiles article {
					width: calc(50% - 2.5em);
					margin: 2.5em 0 0 2.5em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles {
				margin: -1.25em 0 0 -1.25em;
			}

				.tiles article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

					.tiles article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles {
				margin: 0;
			}

				.tiles article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}

/* Header */

	#header {
		padding: 1em 0 3em 0 ;
	}

		#header .logo {
			display: block;
			border-bottom: 0;
			color: inherit;
			font-weight: 900;
			letter-spacing: 0.35em;
			margin: 0 0 0 0;
			text-decoration: none;
			text-transform: uppercase;
			display: inline-block;
		}

			#header .logo > * {
				display: inline-block;
				vertical-align: middle;
			}

			#header .logo .symbol {
				margin-right: 0.65em;
			}

				#header .logo .symbol img {
					display: block;
					width: 2em;
					height: 2em;
				}
				
		#header .nhsservices {
			border-bottom: 0;
					}		

		/*#header nav {
			position: relative;
			right: 0;
			top: 0;
			z-index: 10000;
		}

			#header nav ul {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				list-style: none;
				margin: 0;
				padding: 0;
			}

				#header nav ul li {
					display: block;
					padding: 0;
				}

					#header nav ul li a {
						display: block;
						position: relative;
						height: 3em;
						line-height: 3em;
						padding: 1.5em 0;
						background-color: #035BBC;
						border-radius: 4px;
						border: 0;
						font-size: 0.8em;
						font-weight: 900;
						letter-spacing: 0.35em;
						text-transform: uppercase;
						
					}

					/*This is the menu hamburger */
					/*#header nav ul li a[href="#menu"] {
						-webkit-tap-highlight-color: transparent;
						width: 4em;
						text-indent: 8em;
						font-size: 1em;
						overflow: hidden;
						padding: 0;
						white-space: nowrap;
						margin-top: 0;
						margin-right:0;
						}
						
				/*change hamburger right margin for other sizes 
				
				@media screen and (max-width: 1800px) {
						#header nav ul li a[href="#menu"] {
						margin-right: 6em;
						margin-top: 20px;
						}
					}
					
					
					@media screen and (max-width: 1700px) {
						#header nav ul li a[href="#menu"] {
						margin-right: 10%;
						}
					}*/
						
					
					/*increase menu hamburger top margin for tablet & mobile 
					
					@media screen and (max-width: 780px) {
						#header nav ul li a[href="#menu"] {
						margin-top: 55px;
						}
					}*/


					/*	#header nav ul li a[href="#menu"]:before, #header nav ul li a[href="#menu"]:after {
							-moz-transition: opacity 0.2s ease;
							-webkit-transition: opacity 0.2s ease;
							-ms-transition: opacity 0.2s ease;
							transition: opacity 0.2s ease;
							content: '';
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							background-position: center;
							background-repeat: no-repeat;
							background-size: 1.75em 1.57em;}

						#header nav ul li a[href="#menu"]:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
    opacity: 0;
}

#header nav ul li a[href="#menu"]:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
    opacity: 1;
}


						#header nav ul li a[href="#menu"]:hover:before {
							opacity: 1;
							}

						#header nav ul li a[href="#menu"]:hover:after {
							opacity: 0;
							}

		/*@media screen and (max-width: 736px) {

			#header {
				padding: 1em 0 0.1em 0 ;
			}

				#header nav {
					right: 0.5em;
					top: 0.5em;
				}

					#header nav ul li a[href="#menu"]:before, #header nav ul li a[href="#menu"]:after {
						background-size: 1.75em 1.75em;
					} 

		}

/* fly out Menu 

	#wrapper {
		-moz-transition: opacity 0.45s ease;
		-webkit-transition: opacity 0.45s ease;
		-ms-transition: opacity 0.45s ease;
		transition: opacity 0.45s ease;
		opacity: 1;
	}

	#menu {
		-moz-transform: translateX(22em);
		-webkit-transform: translateX(22em);
		-ms-transform: translateX(22em);
		transform: translateX(22em);
		-moz-transition: -moz-transform 0.45s ease, visibility 0.45s;
		-webkit-transition: -webkit-transform 0.45s ease, visibility 0.45s;
		-ms-transition: -ms-transform 0.45s ease, visibility 0.45s;
		transition: transform 0.45s ease, visibility 0.45s;
		position: fixed;
		top: 0;
		right: 0;
		width: 22em;
		max-width: 80%;
		height: 100%;
		-webkit-overflow-scrolling: touch;
		background: #005eb8;
		color: #ffffff;
		cursor: default;
		visibility: hidden;
		z-index: 10002;
	}

		#menu > .inner {
			-moz-transition: opacity 0.45s ease;
			-webkit-transition: opacity 0.45s ease;
			-ms-transition: opacity 0.45s ease;
			transition: opacity 0.45s ease;
			-webkit-overflow-scrolling: touch;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			padding: 2.75em;
			opacity: 0;
			overflow-y: auto;
		}

			#menu > .inner > ul {
				list-style: none;
				margin: 0 0 1em 0;
				padding: 0;
			}

				#menu > .inner > ul > li {
					padding: 0;
					border-top: solid 1px rgba(255, 255, 255, 0.15);
				}

					#menu > .inner > ul > li a {
						display: block;
						padding: 0.75em 1em;
						line-height: 1.1;
						border: 0;
						color: inherit;
						font-weight: 300;
						font-size: 0.975rem
					}
					

					#menu > .inner > ul > li:first-child {
						border-top: 0;
						margin-top: -1em;
					}

		#menu > .close {
			-moz-transition: opacity 0.45s ease, -moz-transform 0.45s ease;
			-webkit-transition: opacity 0.45s ease, -webkit-transform 0.45s ease;
			-ms-transition: opacity 0.45s ease, -ms-transform 0.45s ease;
			transition: opacity 0.45s ease, transform 0.45s ease;
			-moz-transform: scale(0.25) rotate(180deg);
			-webkit-transform: scale(0.25) rotate(180deg);
			-ms-transform: scale(0.25) rotate(180deg);
			transform: scale(0.25) rotate(180deg);
			-webkit-tap-highlight-color: transparent;
			display: block;
			position: absolute;
			top: 2em;
			left: -6em;
			width: 6em;
			text-indent: 6em;
			height: 3em;
			border: 0;
			font-size: 1em;
			opacity: 0;
			overflow: hidden;
			padding: 0;
			white-space: nowrap;
		}

			#menu > .close:before, #menu > .close:after {
				-moz-transition: opacity 0.2s ease;
				-webkit-transition: opacity 0.2s ease;
				-ms-transition: opacity 0.2s ease;
				transition: opacity 0.2s ease;
				content: '';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-position: center;
				background-repeat: no-repeat;
				background-size: 2em 2em;
			}
			
		#menu > .inner > ul > li a:hover {
    background-color: black; /*change bg colour of menu links on hover 
}*/

		/*	#menu > .close:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
    opacity: 1;
}

			#menu > .close:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23585858%3B %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
				opacity: 1;
			}

			#menu > .close:hover:before {
				opacity: 1;
				
			}

			#menu > .close:hover:after {
				opacity: 0;
			}

		@media screen and (max-width: 736px) {

			#menu {
				-moz-transform: translateX(16.5em);
				-webkit-transform: translateX(16.5em);
				-ms-transform: translateX(16.5em);
				transform: translateX(16.5em);
				width: 16.5em;
			}

				#menu > .inner {
					padding: 2.75em 1.5em;
				}

				#menu > .close {
					top: 0.5em;
					left: -4.25em;
					width: 4.25em;
					text-indent: 4.25em;
				}

					#menu > .close:before, #menu > .close:after {
						background-size: 1.5em 1.5em;
					}

		} 

	body.is-menu-visible #wrapper {
		-moz-pointer-events: none;
		-webkit-pointer-events: none;
		-ms-pointer-events: none;
		pointer-events: none;
		cursor: default;
		opacity: 0.25;
	}

	body.is-menu-visible #menu {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}

		body.is-menu-visible #menu > * {
			opacity: 1;
		}

		body.is-menu-visible #menu .close {
			-moz-transform: scale(1.0) rotate(0deg);
			-webkit-transform: scale(1.0) rotate(0deg);
			-ms-transform: scale(1.0) rotate(0deg);
			transform: scale(1.0) rotate(0deg);
			opacity: 1;
		}*/

/* Main */

	


/* Wrapper */

	#wrapper > * > .inner {
		width: 100%;
		max-width: 1240px;
		margin: 0 auto;
		padding: 0 20px;
	}

		@media screen and (max-width: 736px) {

			#wrapper > * > .inner {
				padding: 0 20px;
			}

		}