/*	WyMedical
	CSS - v0.1 - 05/06/2025 
*/ 
/*	Colour:
    Dark Blue	#15317c - Dark Blue - Header BG blue-1
	Blue		#0058a9 - Blue - Logo blue-2
	Able Blue	#0075bf - Able Blue - blue-3
	Light Blue	#0097d6 - Light Blue - Logo - blue-4
	Cyan Blue	#2eabe0 - Cyan Blue - blue-5
	Light Cyan	#73c9f2 - Light Cyan - blue-6
	Mid Blue	#2696e8 - Mid Blue - Cart - blue-7
	Able Sp		#59a3f2 - Able Spacer™ Blue - blue-8
	Footer 		#70b5de - Light Blue text on blue-1 - blue-9
	Dk Grey 	#333333
	Text		#534741
	Grey-Blue 	#f0f0f7	- 4% #000b63 rgba(0,11,99,0.04) - grey-blue-4
	Red 		#ed1a3a - CMYK 0 100 80 0 - red
*/

@import "bootstrap.min.css";

/* Variables: Colour, spacing */
	:root {
        --grey-2: #f5f4f9;
		--grey-blue-4: #f0f0f7;
		--grey-5: #f2f2f2;
		--grey-10: #e6e6e6;
		--grey-15: #d9d9d9;
		--grey-30: #b2b2b2;
		--grey-42: #949494;
        --grey-50: #808080;
		--grey-60: #666666;
		--grey-80: #525252;
		--grey-90:#333333;
        --grey-100: #1a1a1a;
        --blue-1: #15317c;
        --blue-2: #0058a9;
        --blue-3: #0075bf; 
        --blue-4: #0097d6;
        --blue-5: #2eabe0;
        --blue-6: #73c9f2;
        --blue-7: #2696e8;
		--blue-8: #59a3f2; 
		--blue-9: #70b5de;
        --gold: #DEB745;
        --light-gold: #ffcf33;
		--red: #ed1a3a;
		--pale-red: #fff4f4;
        --white: #FFFFFF; 
		--radius: 4px;
		--space: 24px;
		--space--5: calc(var(--space) * 0.1666666666);
		--space--4: calc(var(--space) * 0.3333333333);
		--space--3: calc(var(--space) * 0.5);
		--space--2: calc(var(--space) * 0.6666666666);
		--space--1: calc(var(--space) * 0.75);
		--space--0: calc(var(--space) * 0.8333333333);
		--space-1: calc(var(--space) * 1.1666666666);
		--space-2: calc(var(--space) * 1.5);
		--space-3: calc(var(--space) * 2);
		--space-4: calc(var(--space) * 3);
		--space-5: calc(var(--space) * 4);
		--space-6: calc(var(--space) * 5);
		--header-height-mobile: 92px;
		--header-height-tablet: 92px;
		--header-height-desktop: 92px;
		--border-radius: 0;
        --font-button: 'Segoe UI', 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
		--font-text: 'Segoe UI', 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
		--font-heading: 'Segoe UI', Helvetica Neue, Helvetica, Arial, sans-serif;	
		--h1-size: 2em;
		--h2-lg-size: 1.75em;
		--h2-size: 1.25em;
		--h3-size: 1.15em;
		--h4-size: 1em;
		--h5-size: 1em;
		--h6-size: 1em;
		--bs-border-radius: 0;
		--bs-border-width: 1px;
		--bs-border-color: #d9d9d9;
		--bs-blue: #0075bf;
		--bs-indigo: #0075bf;
		--bs-red: #ed1a3a;
		--bs-green: #0097d6;
		--bs-teal: #0097d6;
		--bs-cyan: #2eabe0;
		--bs-primary: #2696e8;
		--bs-secondary: #0075bf;
    	--bs-success: #2696e8;
    	--bs-info: #0097d6;
    	--bs-warning: #2696e8;
    	--bs-danger: #ed1a3a;
		--bs-primary-rgb: 38, 150, 232;
		--bs-secondary-rgb: 0, 117, 191;
		--bs-success-rgb: 38, 150, 232;
		--bs-info-rgb: 0, 151, 214;
		--bs-warning-rgb: 38, 150, 232;
		--bs-danger-rgb: 237, 26, 58;
		--bs-primary-bg-subtle: #f0f0f7;
		--bs-accordion-btn-focus-box-shadow: none;
		--bs-form-valid-color: #333333;
		--bs-form-valid-border-color: #d9d9d9;
		--bs-spinner-border-width: 3px;
		--bs-spinner-animation-speed: 1s; 
		--bs-breadcrumb-item-padding-x: 0.25rem;
	}

/*  Custom Styles  */
body { font-family: var(--font-text); font-weight: 400; font-style: normal; background: #FFFFFF; text-align: center; font-size: 100%; line-height: 1.375; color: var(--grey-90); margin-top: 0; }
a:link { text-decoration:underline; color: var(--blue-2);}
a:visited { text-decoration:underline; color: var(--blue-2);}
a:hover { text-decoration:none; color:#659AD6;}
a:active { text-decoration:underline; color: var(--blue-2);}
h1, h2, h3, h4, h5 { font-style: normal; }
h1, .h1 { color: var(--blue-2); font-family: var(--font-heading); font-weight: 600; font-size: var(--h1-size); margin: 0 0 1em 0; line-height: 1; }
h2, .h2 { color: var(--blue-2); font-size: var(--h2-size); margin: 0.75em 0; position: relative; line-height: 1.25em; font-weight: 600;}
h2.lt-blue { font-size: var(--h2-size); margin-bottom: 2.5em; color: var(--blue-6); }
h2.lg, .h2-lg { font-size:var(--h2-lg-size); }
h3, .h3 { color: var(--blue-2); font-size: var(--h3-size); line-height: 1.25em; margin: 1em 0 0 0; position: relative; }
h4, .h4 { font-size: var(--h4-size); margin: 0.75em 0 0 0; font-family: var(--font-text); font-weight: 500;}
h5, .h5 { font-weight: 400; font-size: var(--h5-size); margin: 0.75em 0 0 0; }
h6, .h6 { font-weight: 400; font-size: var(--h6-size); margin: 0.75em 0 0 0; }
@media (min-width:576px){.h1-sm { font-weight: 600; font-size: var(--h1-size); }.h2-lg-sm { font-size: var(--h2-lg-size); }.h2-sm { font-weight: 600; font-size: var(--h2-size); }.h3-sm { font-size: var(--h3-size); }}
@media print, (min-width:768px){.h1-md { font-weight: 600; font-size: var(--h1-size); }.h2-lg-md { font-size: var(--h2-lg-size); }.h2-md { font-weight: 600; font-size: var(--h2-size); }.h3-md { font-size: var(--h3-size); }}
@media print, (min-width:992px){.h1-lg { font-weight: 600; font-size: var(--h1-size); }.h2-lg-lg { font-size: var(--h2-lg-size); }.h2-lg { font-weight: 600; font-size: var(--h2-size); }.h3-lg { font-size: var(--h3-size); }}
@media (min-width:1200px){.h1-xl { font-weight: 600; font-size: var(--h1-size); }.h2-lg-xl { font-size: var(--h2-lg-size); }.h2-xl { font-weight: 600; font-size: var(--h2-size); }.h3-xl { font-size: var(--h3-size); }}
@media (min-width:1400px){.h1-xxl { font-weight: 600; font-size: var(--h1-size); }.h2-lg-xxl { font-size: var(--h2-lg-size); }.h2-xxl { font-weight: 600; font-size: var(--h2-size); }.h3-xxxl { font-size: var(--h3-size); }}
@media (min-width:1600px){.h1-xxxl { font-weight: 600; font-size: var(--h1-size); }.h2-lg-xxxl { font-size: var(--h2-lg-size); }.h2-xxxl { font-weight: 600; font-size: var(--h2-size); }.h3-xxxl { font-size: var(--h3-size); }}
@media (min-width:1900px){.h1-hd { font-weight: 600; font-size: var(--h1-size); }.h2-lg-hd { font-size: var(--h2-lg-size); }.h2-hd { font-weight: 600; font-size: var(--h2-size); }.h3-hd { font-size: var(--h3-size); }}
@media (min-width:2500px){.h1-uhd { font-weight: 600; font-size: var(--h1-size); }.h2-lg-uhd { font-size: var(--h2-lg-size); }.h2-uhd { font-weight: 600; font-size: var(--h2-size); }.h3-uhd { font-size: var(--h3-size); }}
.h { font-family: var(--font-heading); font-weight: 700; font-size: 1em; }
p { line-height: 1.375em; margin: 0.75em 0 0 0; }
img { border: 0; max-width: 100%; height: auto; }
form { margin: 0; padding: 0; }
td, th { text-align: left; vertical-align: top; }
li ol, li ul { margin:0;}
.lead { font-weight: 400; }
.no-svg img.svg { display: none; }
.svg img.no-svg { display: none; } 
.no-js img.no-svg { display: none; }

/* Colours */
.bg-blue-1, .hover-bg-blue-1:hover { background-color: var(--blue-1)!important; }
.bg-blue-2, .hover-bg-blue-2:hover { background-color: var(--blue-2)!important; }
.bg-blue-3, .hover-bg-blue-3:hover { background-color: var(--blue-3)!important; }
.bg-blue-4, .hover-bg-blue-4:hover { background-color: var(--blue-4)!important; }
.bg-blue-5, .hover-bg-blue-5:hover { background-color: var(--blue-5)!important; }
.bg-blue-6, .hover-bg-blue-6:hover { background-color: var(--blue-6)!important; }
.bg-blue-7, .hover-bg-blue-7:hover { background-color: var(--blue-7)!important; }
.bg-blue-8, .hover-bg-blue-8:hover { background-color: var(--blue-8)!important; }
.bg-gold, .hover-bg-gold:hover {  background-repeat: no-repeat; background-color: #8f6604; background-image: -moz-linear-gradient(199deg, #ffcf33, #8f6604); background-image: -ms-linear-gradient(199deg, #ffcf33, #8f6604); background-image: -o-linear-gradient(199deg, #ffcf33, #8f6604); background-image: -webkit-linear-gradient(199deg, #ffcf33, #8f6604); background-image: linear-gradient(199deg, #ffcf33, #8f6604); }
.bg-red, .hover-bg-red:hover { background-color: var(--red)!important;}
.bg-pale-red, .hover-bg-pale-red:hover { background-color: var(--pale-red)!important;}
.bg-grey-2, .hover-bg-grey-2:hover { background-color: var(--grey-2)!important;}
.bg-grey-blue-4, .hover-bg-grey-blue-4:hover { background-color: var(--grey-blue-4)!important;}
.bg-grey-5, .hover-bg-grey-5:hover { background-color: var(--grey-5)!important;}
.bg-grey-10, .hover-bg-grey-10:hover { background-color: var(--grey-10)!important;}
.bg-grey-15, .hover-bg-grey-15:hover { background-color: var(--grey-15)!important;}
.bg-grey-30, .hover-bg-grey-30:hover { background-color: var(--grey-30)!important;}
.bg-grey-42, .hover-bg-grey-42:hover { background-color: var(--grey-42)!important;}
.bg-grey-50, .hover-bg-grey-50:hover { background-color: var(--grey-50)!important;}
.bg-grey-60, .hover-bg-grey-60:hover { background-color: var(--grey-60)!important;}
.bg-grey-80, .hover-bg-grey-80:hover { background-color: var(--grey-80)!important;} 
.bg-grey-90, .hover-bg-grey-90:hover { background-color: var(--grey-90)!important;}
.bg-grey-100, .hover-bg-grey-100:hover { background-color: var(--grey-100)!important;}
.bg-white, .hover-bg-white:hover { background-color: white!important;} 
.text-blue-1, .hover-text-blue-1:hover { color: var(--blue-1)!important;} 
.text-blue-2, .hover-text-blue-2:hover { color: var(--blue-2)!important;} 
.text-blue-3, .hover-text-blue-3:hover { color: var(--blue-3)!important;}
.text-blue-4, .hover-text-blue-4:hover { color: var(--blue-4)!important;}
.text-blue-5, .hover-text-blue-5:hover { color: var(--blue-5)!important;}
.text-blue-6, .hover-text-blue-6:hover { color: var(--blue-6)!important; }
.text-blue-7, .hover-text-blue-7:hover { color: var(--blue-7)!important; }
.text-blue-8, .hover-text-blue-8:hover { color: var(--blue-8)!important; }
.text-gold, .hover-gold:hover { color: var(--gold)!important;} 
.text-light-gold, .hover-light-gold:hover { color: var(--light-gold)!important;} 
.text-red, .hover-red:hover { color: var(--red)!important;}
.text-pale-red, .hover-pale-red:hover { color: var(--pale-red)!important;}
.text-grey-2, .text-grey-2 a, .hover-text-grey-2:hover { color: var(--grey-2)!important;}
.text-grey-blue-4, .text-grey-blue-4 a { color: var(--grey-blue-4)!important;}
.text-grey-5, .text-grey-5 a, .hover-text-grey-5:hover { color: var(--grey-5)!important;}
.text-grey-10, .text-grey-10 a, .hover-text-grey-10:hover { color: var(--grey-10)!important;}
.text-grey-15, .text-grey-15 a, .hover-text-grey-20:hover { color: var(--grey-15)!important;}
.text-grey-30, .text-grey-30 a, .hover-text-grey-30:hover { color: var(--grey-30)!important;}
.text-grey-42, .text-grey-42 a, .hover-text-grey-42:hover { color: var(--grey-42)!important;}
.text-grey-50, .text-grey-50 a, .hover-text-grey-50:hover { color: var(--grey-50)!important;}
.text-grey-60, .text-grey-60 a, .hover-text-grey-60:hover { color: var(--grey-60)!important;}
.text-grey-80, .hover-text-grey-80:hover { color: var(--grey-80)!important;} 
.text-grey-90, .hover-text-grey-90:hover { color: var(--grey-90)!important;} 
.text-grey-100, .hover-text-grey-100:hover { color: var(--grey-100)!important;} 
.text-white, .text-white a, .hover-text-white:hover { color: white!important;} 


/*  Layout  */
* {text-decoration-skip-ink: auto; -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1); transition-timing-function: cubic-bezier(.4,0,.2,1); font-smooth: always; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; }
*, *:before, *:after { box-sizing: border-box; }
body, html { height: 100%; margin: 0; scroll-behavior: smooth; }
.boxed { padding: var(--space); border: 1pt solid var(--grey-10); border-radius: var(--radius); margin-bottom: 1em;}
.boxed :first-child { margin-top: 0; }
.boxed :last-child { margin-bottom: 0; }
.boxed:after { clear: both; content: ""; display: table; }
.align-right { }
.align-left {  }	
.align-center { text-align: center; }
.text-align-left { text-align: left; }	
.text-align-right { text-align: right; }	
.border { border-top: 1px solid var(--grey-10);}
.border-top { border-top: 1px solid var(--grey-10);}
.border-bottom { border-bottom: 1px solid var(--grey-10);}
.border-left { border-left: 1px solid var(--grey-10);}
.border-right { border-right: 1px solid var(--grey-10);}
.rounded { border-radius: var(--radius);}
.shadow { -moz-box-shadow: 0 0 30px -10px rgb(0 0 0 / 15%); -webkit-box-shadow: 0 0 30px -10px rgb(0 0 0 / 15%); box-shadow: 0 0 30px -10px rgb(0 0 0 / 15%); }
.hover-block { position:relative; }
.hover-block a.btn-hover-block { display: block; }
.hover-block a.btn-hover-block:hover:after { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(242, 242, 242, 0.4); transition: background .35s ease-out; mix-blend-mode: multiply; }

/* Grid */
/* Half grid widths */
.col-1_5, .col-sm-1_5, .col-md-1_5, .col-lg-1_5, .col-xl-1_5, .col-2_5, .col-sm-2_5, .col-md-2_5, .col-lg-2_5, .col-xl-2_5, .col-3_5, .col-sm-3_5, .col-md-3_5, .col-lg-3_5, .col-xl-3_5 {position: relative; width: 100%; padding-right: var(--space--2); padding-left: var(--space--2); }
@media (min-width:576px){.col-sm-1_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5%;}.col-sm-2_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 20.83333333333333%;flex: 0 0 20.83333333333333%;max-width: 20.83333333333333%;}.col-sm-3_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 29.16666666666667%;flex: 0 0 29.16666666666667%;max-width: 29.16666666666667%;}.offset-sm-1_5{margin-left:12.5%}.offset-sm-2_5{margin-left:20.83333333333333%}.offset-sm-3_5{margin-left:29.16666666666667%}}
@media print, (min-width:768px){.col-md-1_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5%;}.col-md-2_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 20.83333333333333%;flex: 0 0 20.83333333333333%;max-width: 20.83333333333333%;}.col-md-3_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 29.16666666666667%;flex: 0 0 29.16666666666667%;max-width: 29.16666666666667%;}.offset-md-1_5{margin-left:12.5%}.offset-md-2_5{margin-left:20.83333333333333%}.offset-md-3_5{margin-left:29.16666666666667%}}
@media print, (min-width:992px){.col-lg-1_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5%;}.col-lg-2_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 20.83333333333333%;flex: 0 0 20.83333333333333%;max-width: 20.83333333333333%;}.col-lg-3_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 29.16666666666667%;flex: 0 0 29.16666666666667%;max-width: 29.16666666666667%;}.offset-lg-1_5{margin-left:12.5%}.offset-lg-2_5{margin-left:20.83333333333333%}.offset-lg-3_5{margin-left:29.16666666666667%}}
@media (min-width:1200px){.col-xl-1_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5%;}.col-xl-2_5 {-webkit-box-flex:0;-ms-flex: 0 0 0 0 20.83333333333333%;flex: 0 0 20.83333333333333%;max-width: 20.83333333333333%;}.col-xl-3_5 {-webkit-box-flex:0;-ms-flex: 0 0 0 0 29.16666666666667%;flex: 0 0 29.16666666666667%;max-width: 29.16666666666667%;}.offset-xl-1_5 {margin-left:12.5%}.offset-xl-2_5 {margin-left:20.83333333333333%}.offset-xl-3_5 {margin-left:29.16666666666667%}}
@media (min-width:1400px){.col-xxl-1_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5%;}.col-xxl-2_5 {-webkit-box-flex:0;-ms-flex: 0 0 0 0 20.83333333333333%;flex: 0 0 20.83333333333333%;max-width: 20.83333333333333%;}.col-xxl-3_5 {-webkit-box-flex:0;-ms-flex: 0 0 0 0 29.16666666666667%;flex: 0 0 29.16666666666667%;max-width: 29.16666666666667%;}.offset-xxl-1_5 {margin-left:12.5%}.offset-xxl-2_5 {margin-left:20.83333333333333%}.offset-xxl-3_5 {margin-left:29.16666666666667%}}

.col-full-width { padding: var(--space-3) var(--space--3); margin: 0 calc(0px - var(--space)); width: auto; }
.cols-padding-top .col { padding-top: var(--space);}
.cols-padding-bottom .col { padding-bottom: var(--space);}
.breakpoints-label code { display: none;}
.breakpoints-label code.default { display: inline;}
@media (min-width:576px){.breakpoints-label code.default { display: none;} .breakpoints-label code.sm { display: inline;}}
@media print, (min-width:768px){.breakpoints-label code.sm { display: none;} .breakpoints-label code.md { display: inline;}}
@media print, (min-width:992px){.breakpoints-label code.md { display: none;} .breakpoints-label code.lg { display: inline;}}
@media (min-width:1200px){.breakpoints-label code.lg { display: none;} .breakpoints-label code.xl { display: inline;}}
@media (min-width:1400px){.breakpoints-label code.xl { display: none;} .breakpoints-label code.xxl { display: inline;}}
@media (min-width:1600px){.breakpoints-label code.xxl { display: none;} .breakpoints-label code.xxxl { display: inline;}}
@media (min-width:1900px){.breakpoints-label code.xxxl { display: none;} .breakpoints-label code.hd { display: inline;}}
@media (min-width:2500px){.breakpoints-label code.hd { display: none;} .breakpoints-label code.uhd { display: inline;}}
.row-align-bottom { align-items: flex-end; }
.stretch { align-self: stretch; }
.col-align-middle { display: grid; align-items: center; align-self: stretch; }
.text-vertical { writing-mode: vertical-rl; }
.text-vertical.col-align-middle { display: flex; align-items: center; align-self: unset; }
.text-vertical.col-align-middle span.text-horiziontal {writing-mode: horizontal-tb; vertical-align: bottom; display: inline-flex; align-items: end; font-weight: 600;}
.no-gutters { padding-left: 0; padding-right: 0; }
.reading-col { max-width: 600px; }
.mw-75 { max-width: 75% !important; }
.mw-66 { max-width: 66.6666666666666667% !important; }
.mw-50 { max-width: 50% !important; }
@media (min-width:576px){.mw-sm-100 { max-width: 100% !important; } .mw-sm-75 { max-width: 75% !important; } .mw-sm-66 { max-width: 66.6666666666666667% !important; } .mw-sm-50 { max-width: 50% !important; }}
@media print, (min-width:768px){.mw-md-100 { max-width: 100% !important; } .mw-md-75 { max-width: 75% !important; } .mw-md-66 { max-width: 66.6666666666666667% !important; } .mw-md-50 { max-width: 50% !important; }}
@media print, (min-width:992px){.mw-lg-100 { max-width: 100% !important; } .mw-lg-75 { max-width: 75% !important; } .mw-lg-66 { max-width: 66.6666666666666667% !important; } .mw-lg-50 { max-width: 50% !important; }}
@media (min-width:1200px){.mw-xl-100 { max-width: 100% !important; } .mw-xl-75 { max-width: 75% !important; } .mw-xl-66 { max-width: 66.6666666666666667% !important; } .mw-xl-50 { max-width: 50% !important; }}
@media (min-width:1400px){.mw-xxl-100 { max-width: 100% !important; } .mw-xxl-75 { max-width: 75% !important; } .mw-xxl-66 { max-width: 66.6666666666666667% !important; } .mw-xxl-50 { max-width: 50% !important; }}
@media (min-width:1600px){.mw-xxxl-100 { max-width: 100% !important; } .mw-xxxl-75 { max-width: 75% !important; } .mw-xxxl-66 { max-width: 66.6666666666666667% !important; } .mw-xxxl-50 { max-width: 50% !important; }}
@media (min-width:1900px){.mw-hd-100 { max-width: 100% !important; } .mw-hd-75 { max-width: 75% !important; } .mw-hd-66 { max-width: 66.6666666666666667% !important; } .mw-hd-50 { max-width: 50% !important; }}
@media (min-width:2500px){.mw-uhd-100 { max-width: 100% !important; } .mw-uhd-75 { max-width: 75% !important; } .mw-uhd-66 { max-width: 66.6666666666666667% !important; } .mw-uhd-50 { max-width: 50% !important; }}


/* Custom Ratios for Bootstrap 5 */
.ratio-1x1{--bs-aspect-ratio:100%;}.ratio-1x2{--bs-aspect-ratio:200%;}.ratio-2x1{--bs-aspect-ratio:50%;}.ratio-1x3{--bs-aspect-ratio:300%;}.ratio-3x1{--bs-aspect-ratio:33.3333333333%;}.ratio-1x4{--bs-aspect-ratio:400%;}.ratio-4x1{--bs-aspect-ratio:25%;}.ratio-1x5{--bs-aspect-ratio:500%;}.ratio-5x1{--bs-aspect-ratio:20%;}.ratio-3x2{--bs-aspect-ratio:66.6666666667%;}.ratio-2x3{--bs-aspect-ratio:150%;}.ratio-3x4{--bs-aspect-ratio:133.3333333333%;}.ratio-4x3{--bs-aspect-ratio:75%;}.ratio-16x9{--bs-aspect-ratio:56.25%;}.ratio-9x16{--bs-aspect-ratio:177.7777777778%;}.ratio-21x9{--bs-aspect-ratio:42.8571428571%;}.ratio-9x21{--bs-aspect-ratio:233.3333333333%;}.ratio-9x32{--bs-aspect-ratio:355.5555555556%;}.ratio-32x9{--bs-aspect-ratio:28.125%;}/*XX-Small*/@media(max-width:420px){.ratio-xxs-1x1{--bs-aspect-ratio:100%;}.ratio-xxs-1x2{--bs-aspect-ratio:200%;}.ratio-xxs-2x1{--bs-aspect-ratio:50%;}.ratio-xxs-1x3{--bs-aspect-ratio:300%;}.ratio-xxs-3x1{--bs-aspect-ratio:33.3333333333%;}.ratio-xxs-1x4{--bs-aspect-ratio:400%;}.ratio-xxs-4x1{--bs-aspect-ratio:25%;}.ratio-xxs-1x5{--bs-aspect-ratio:500%;}.ratio-xxs-5x1{--bs-aspect-ratio:20%;}.ratio-xxs-3x2{--bs-aspect-ratio:66.6666666667%;}.ratio-xxs-2x3{--bs-aspect-ratio:150%;}.ratio-xxs-3x4{--bs-aspect-ratio:133.3333333333%;}.ratio-xxs-4x3{--bs-aspect-ratio:75%;}.ratio-xxs-16x9{--bs-aspect-ratio:56.25%;}.ratio-xxs-9x16{--bs-aspect-ratio:177.7777777778%;}.ratio-xxs-21x9{--bs-aspect-ratio:42.8571428571%;}.ratio-xxs-9x21{--bs-aspect-ratio:233.3333333333%;}.ratio-xxs-9x32{--bs-aspect-ratio:355.5555555556%;}.ratio-xxs-32x9{--bs-aspect-ratio:28.125%;}}/*X-Small*/@media(min-width:421px){.ratio-xs-1x1{--bs-aspect-ratio:100%;}.ratio-xs-1x2{--bs-aspect-ratio:200%;}.ratio-xs-2x1{--bs-aspect-ratio:50%;}.ratio-xs-1x3{--bs-aspect-ratio:300%;}.ratio-xs-3x1{--bs-aspect-ratio:33.3333333333%;}.ratio-xs-1x4{--bs-aspect-ratio:400%;}.ratio-xs-4x1{--bs-aspect-ratio:25%;}.ratio-xs-1x5{--bs-aspect-ratio:500%;}.ratio-xs-5x1{--bs-aspect-ratio:20%;}.ratio-xs-3x2{--bs-aspect-ratio:66.6666666667%;}.ratio-xs-2x3{--bs-aspect-ratio:150%;}.ratio-xs-3x4{--bs-aspect-ratio:133.3333333333%;}.ratio-xs-4x3{--bs-aspect-ratio:75%;}.ratio-xs-16x9{--bs-aspect-ratio:56.25%;}.ratio-xs-9x16{--bs-aspect-ratio:177.7777777778%;}.ratio-xs-21x9{--bs-aspect-ratio:42.8571428571%;}.ratio-xs-9x21{--bs-aspect-ratio:233.3333333333%;}.ratio-xs-9x32{--bs-aspect-ratio:355.5555555556%;}.ratio-xs-32x9{--bs-aspect-ratio:28.125%;}}/*Small*/@media(min-width:576px){.ratio-sm-1x1{--bs-aspect-ratio:100%;}.ratio-sm-1x2{--bs-aspect-ratio:200%;}.ratio-sm-2x1{--bs-aspect-ratio:50%;}.ratio-sm-1x3{--bs-aspect-ratio:300%;}.ratio-sm-3x1{--bs-aspect-ratio:33.3333333333%;}.ratio-sm-1x4{--bs-aspect-ratio:400%;}.ratio-sm-4x1{--bs-aspect-ratio:25%;}.ratio-sm-1x5{--bs-aspect-ratio:500%;}.ratio-sm-5x1{--bs-aspect-ratio:20%;}.ratio-sm-3x2{--bs-aspect-ratio:66.6666666667%;}.ratio-sm-2x3{--bs-aspect-ratio:150%;}.ratio-sm-3x4{--bs-aspect-ratio:133.3333333333%;}.ratio-sm-4x3{--bs-aspect-ratio:75%;}.ratio-sm-16x9{--bs-aspect-ratio:56.25%;}.ratio-sm-9x16{--bs-aspect-ratio:177.7777777778%;}.ratio-sm-21x9{--bs-aspect-ratio:42.8571428571%;}.ratio-sm-9x21{--bs-aspect-ratio:233.3333333333%;}.ratio-sm-9x32{--bs-aspect-ratio:355.5555555556%;}.ratio-sm-32x9{--bs-aspect-ratio:28.125%;}}/*Medium*/@media(min-width:768px){.ratio-md-1x1{--bs-aspect-ratio:100%;}.ratio-md-1x2{--bs-aspect-ratio:200%;}.ratio-md-2x1{--bs-aspect-ratio:50%;}.ratio-md-1x3{--bs-aspect-ratio:300%;}.ratio-md-3x1{--bs-aspect-ratio:33.3333333333%;}.ratio-md-1x4{--bs-aspect-ratio:400%;}.ratio-md-4x1{--bs-aspect-ratio:25%;}.ratio-md-1x5{--bs-aspect-ratio:500%;}.ratio-md-5x1{--bs-aspect-ratio:20%;}.ratio-md-3x2{--bs-aspect-ratio:66.6666666667%;}.ratio-md-2x3{--bs-aspect-ratio:150%;}.ratio-md-3x4{--bs-aspect-ratio:133.3333333333%;}.ratio-md-4x3{--bs-aspect-ratio:75%;}.ratio-md-16x9{--bs-aspect-ratio:56.25%;}.ratio-md-9x16{--bs-aspect-ratio:177.7777777778%;}.ratio-md-21x9{--bs-aspect-ratio:42.8571428571%;}.ratio-md-9x21{--bs-aspect-ratio:233.3333333333%;}.ratio-md-9x32{--bs-aspect-ratio:355.5555555556%;}.ratio-md-32x9{--bs-aspect-ratio:28.125%;}}/*Large*/@media(min-width:992px){.ratio-lg-1x1{--bs-aspect-ratio:100%;}.ratio-lg-1x2{--bs-aspect-ratio:200%;}.ratio-lg-2x1{--bs-aspect-ratio:50%;}.ratio-lg-1x3{--bs-aspect-ratio:300%;}.ratio-lg-3x1{--bs-aspect-ratio:33.3333333333%;}.ratio-lg-1x4{--bs-aspect-ratio:400%;}.ratio-lg-4x1{--bs-aspect-ratio:25%;}.ratio-lg-1x5{--bs-aspect-ratio:500%;}.ratio-lg-5x1{--bs-aspect-ratio:20%;}.ratio-lg-3x2{--bs-aspect-ratio:66.6666666667%;}.ratio-lg-2x3{--bs-aspect-ratio:150%;}.ratio-lg-3x4{--bs-aspect-ratio:133.3333333333%;}.ratio-lg-4x3{--bs-aspect-ratio:75%;}.ratio-lg-16x9{--bs-aspect-ratio:56.25%;}.ratio-lg-9x16{--bs-aspect-ratio:177.7777777778%;}.ratio-lg-21x9{--bs-aspect-ratio:42.8571428571%;}.ratio-lg-9x21{--bs-aspect-ratio:233.3333333333%;}.ratio-lg-9x32{--bs-aspect-ratio:355.5555555556%;}.ratio-lg-32x9{--bs-aspect-ratio:28.125%;}}/*Extralarge*/@media(min-width:1200px){.ratio-xl-1x1{--bs-aspect-ratio:100%;}.ratio-xl-1x2{--bs-aspect-ratio:200%;}.ratio-xl-2x1{--bs-aspect-ratio:50%;}.ratio-xl-1x3{--bs-aspect-ratio:300%;}.ratio-xl-3x1{--bs-aspect-ratio:33.3333333333%;}.ratio-xl-1x4{--bs-aspect-ratio:400%;}.ratio-xl-4x1{--bs-aspect-ratio:25%;}.ratio-xl-1x5{--bs-aspect-ratio:500%;}.ratio-xl-5x1{--bs-aspect-ratio:20%;}.ratio-xl-3x2{--bs-aspect-ratio:66.6666666667%;}.ratio-xl-2x3{--bs-aspect-ratio:150%;}.ratio-xl-3x4{--bs-aspect-ratio:133.3333333333%;}.ratio-xl-4x3{--bs-aspect-ratio:75%;}.ratio-xl-16x9{--bs-aspect-ratio:56.25%;}.ratio-xl-9x16{--bs-aspect-ratio:177.7777777778%;}.ratio-xl-21x9{--bs-aspect-ratio:42.8571428571%;}.ratio-xl-9x21{--bs-aspect-ratio:233.3333333333%;}.ratio-xl-9x32{--bs-aspect-ratio:355.5555555556%;}.ratio-xl-32x9{--bs-aspect-ratio:28.125%;}}/*Extraextralarge*/@media(min-width:1400px){.ratio-xxl-1x1{--bs-aspect-ratio:100%;}.ratio-xxl-1x2{--bs-aspect-ratio:200%;}.ratio-xxl-2x1{--bs-aspect-ratio:50%;}.ratio-xxl-1x3{--bs-aspect-ratio:300%;}.ratio-xxl-3x1{--bs-aspect-ratio:33.3333333333%;}.ratio-xxl-1x4{--bs-aspect-ratio:400%;}.ratio-xxl-4x1{--bs-aspect-ratio:25%;}.ratio-xxl-1x5{--bs-aspect-ratio:500%;}.ratio-xxl-5x1{--bs-aspect-ratio:20%;}.ratio-xxl-3x2{--bs-aspect-ratio:66.6666666667%;}.ratio-xxl-2x3{--bs-aspect-ratio:150%;}.ratio-xxl-3x4{--bs-aspect-ratio:133.3333333333%;}.ratio-xxl-4x3{--bs-aspect-ratio:75%;}.ratio-xxl-16x9{--bs-aspect-ratio:56.25%;}.ratio-xxl-9x16{--bs-aspect-ratio:177.7777777778%;}.ratio-xxl-21x9{--bs-aspect-ratio:42.8571428571%;}.ratio-xxl-9x21{--bs-aspect-ratio:233.3333333333%;}.ratio-xxl-9x32{--bs-aspect-ratio:355.5555555556%;}.ratio-xxl-32x9{--bs-aspect-ratio:28.125%;}}

#back-to-top { display: none; position: fixed; z-index: 1000; top: auto; left: auto; bottom: 0; right: 0; margin-bottom: var(--space--1); margin-right: var(--space--1); width: 48px; height: 48px; padding: 12px; line-height: 24px; text-align: center; border-color: transparent; background-color: rgba(242,242,242,0.2); color: var(--grey-30); border-radius: 50%; transition: background 0.2s; }
#back-to-top:hover { border-color: transparent; background-color: var(--blue-1); color: white; }
#back-to-top .icon { fill: none; vertical-align: baseline; }
#back-to-top.back-to-top-footer { background: var(--blue-2); color: var(--blue-7);}
#back-to-top.back-to-top-footer:hover { background-color: var(--blue-3); color: var(--white); }
#header { height: var(--header-height-mobile); margin: 0 0 0px 0; color: var(--white); position: relative; background-color: var(--blue-1); width:100%;}
#logo-screen {height: 100%; display: flex; flex-direction: column; justify-content: center; width: calc(120px + 3rem); text-align: left;}
#logo-screen img {width: 120px; height: auto;}
#logo-print { display: none; }
.video-embed-container, .img.ratio-16x9 { position: relative; width: 100%; height: 0; padding-top: 56.25%; overflow:hidden; }
.video-embed-container .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-embed-container img, .img.ratio-16x9 img { margin: auto; position: absolute; top: 0;  bottom: 0;  left: 0;  right: 0; width: 100%;}
.video-embed-container.img::after, .events-list-small .video-embed-container.img::after { content:''; display: table; margin: auto; width :50px; height: 50px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: url("../img/icon-youtube-large.svg"); pointer-events: none;}

#footer { clear: both; width: 100%; text-align: left; color: var(--blue-9); padding: var(--space-2) 0; font-size: 0.875em; background: url(../img/bg-footer-sky.jpg) bottom center no-repeat var(--blue-1); background-size: cover; min-height: 534px;}
#footer .col {padding-bottom: var(--space);}
#footer p { margin: 0; }
#footer ul { list-style-type: none; margin: 0; padding: 0; }
#footer li { margin: 0; padding: 0; }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover { color: var(--blue-9); text-decoration: none;} 
#footer a:hover { color: #fff;}
#footer svg.icon:hover { fill: #fff; }
#footer ul.social-icons { }

.img-box { position: relative; overflow: hidden; width: 100%; /*padding-top: 56.25%;*/}
.img-box img { position: absolute; top: 50%; transform: translateY(-50%); }
.img a img { transition: 0.2s ease-out all; }
.img a:hover img, .img a:focus img { width: 104%; max-width: 104%; left: -2%; }
.img.no-img a, .img.no-img a:link, .img.no-img a:visited {position: absolute; top: 0; display: block; height: 100%; width: 100%; text-decoration: none; background: var(--grey-5); }
.img.no-img a:hover, .img.no-img a:focus {background: var(--grey-10); }


/* Nav */
#nav { clear: both; }
#nav ul {margin: 0;padding: 0;}
#nav a,#nav a:visited {font-size: 1em;display: block;margin-bottom: 10px;padding: 15px 0;text-align: left;text-decoration: none;font-weight: normal;color: var(--white);background: var(--blue-1); text-transform: uppercase;}
#nav a:hover { background: var(--blue-2);}
#nav-toggle { font-size: 50px; color: var(--white); background-color: var(--blue-1);position: absolute; z-index: 5; right: 0;}
#nav, #nav2 { margin: 0; position: relative; top: 0; left: 0; z-index: 9000; }
#nav { position: absolute; top: var(--header-height-mobile); width: 100%; border-bottom: 6px solid var(--blue-9);}
#nav, .nav-desktop { display: none;}
.nav-mobile.social-icons {display: block; height: 56px; width: 50%; }
#nav ul { position: relative; padding: 0; margin: 0; list-style-type: none; background: var(--blue-2);}
#nav ul ul { background: none; }
#nav a, #nav-toggle a { display: block; line-height: 1; color: var(--white); font-weight:400; text-decoration: none; padding: var(--space--2) var(--space); margin: 0; transition: background 0.25s ease-out; }
#nav svg, #nav-toggle svg { display: block; }
#nav-toggle a { cursor: pointer; padding: 21px var(--space-1);}
#nav li ul a { padding-left: 40px; text-transform: none; }
#nav a.on { background-color: var(--blue-2); color: #FFF; }
#nav a.on:hover { }
#nav li { margin: 0; padding: 0; border-bottom: 1px solid var(--blue-2); }
#nav li li { border-bottom: 0; border-top: 1px solid var(--blue-2); }
#nav ul.social-icons li { margin-right: 0!important;}
.btn-show-hide { cursor: pointer; }
.btn-show-hide svg { fill: none; stroke: var(--grey-30); transition: all 0.2s;}
.btn-show-hide.open svg { transform: rotate(180deg); }
.breadcrumb {--bs-breadcrumb-item-padding-x:0.25rem;}
	
	
/* Text */	
table.data-table { margin-top: 1em; }
table.data-table th, table.data-table td { padding: 0.5em; border-top: 1px solid var(--grey-10);}
table.data-table th :first-child, table.data-table td :first-child { margin-top:0 !important;}
.vertical-align-middle { vertical-align: middle; }
.vertical-align-bottom { vertical-align: bottom; }
.link-pdf, .link-generic, .link-word { padding: 4px 0 5px 24px; background: url("../img/icon-doc-blank.svg") no-repeat left center; }
.link-pdf { background-image: url(../img/icon-doc-pdf.svg); }
.link-word { background-image: url(../img/icon-doc-doc.svg); }
.doc-title { font-weight: 700; }
p.right-button { text-align: right; }
p.right-button-top { text-align: right; }
.float, .float-left { float: left; }
.float-right { float: right; }
.clear { clear: right; }
.clear-left {clear: left;}
.pull-quote { color: var(--grey-50); font-weight: normal; font-size: 1.3em; margin: 0.3em 0 0 0; line-height: 1.3em; }		
.smaller { font-size: 0.875em; }
.small { font-size: 0.8em; }
.xsmall { font-size: 0.75em; }
.reset-font-size .smaller, .reset-font-size .small, .reset-font-size .xsmall { font-size: 1em; }
.grey { color: var(--grey-50); }
.blue { color: var(--blue-2); }
.lt-blue { color: var(--blue-6);}
.box { border: 1px solid var(--grey-30); margin-top: 0.7em; margin-bottom: 0.7em; padding-top: 10px; }
.box p { margin: 0 10px 0.7em 10px; font-size: 0.9em; }
.no-bg { background: none!important; }
.large-heading { font-size: var(--space-3); line-height: 0.875;}
.small-heading { font-weight: 500; font-family: var(--font-button); text-transform: uppercase; font-size: 0.8125em; color: var(--blue-2); }
.small-heading > * { font-size: 1em; }
.xs-heading { font-size: 13px; }
.small-heading a, .xs-heading a { text-decoration: none;}
.font-weight-light { font-weight:400!important; }
.font-weight-medium { font-weight:500!important; }
.font-weight-medium.font-family-text { font-weight:500!important; }
.font-weight-medium.font-family-heading{ font-weight:600!important; }
.font-weight-bold { font-weight:700!important; }
.font-weight-black { font-weight:900!important; }
.font-family-heading { font-family: var(--font-heading)!important; }
.font-family-text { font-family: var(--font-text)!important; }
.font-family-button { font-family: var(--font-button)!important; }
p.intro { font-family: var(--font-text); font-size: 1.5em; font-weight: 400; line-height: 1.0833333333em; }
h2 a, h2 a:link, h2 a:visited, h3 a, h3 a:link, h3 a:visited { text-decoration: none; }
h2 a:hover, h3 a:hover {text-decoration: underline;}
h2.small {font-size: 1em;}
h2.border-bottom { border-bottom: 1pt solid var(--blue-2); padding-bottom: 0.5em; margin-bottom: 1em; }
h2.small-heading .large-number {font-size: 42px; display: block; height: 28px; }


/* Icons */
.icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor;}
.icon-doc-txt { width: 0.8330078125em;}
.icon-doc-blank { width: 0.8330078125em;}
.icon-tick-small { width: 1.125em;}
.icon-maintenance { width: 1.5em;}
.icon-doc { font-size:2.25em; line-height:2.25em;}
.icon-md { font-size :1.5em; line-height:1.5em;}
.icon-lg { font-size :2em; line-height:2em;}
.icon-xl { font-size :2.5em; line-height:2.5em;}
.icon-xxl { font-size :4em; line-height:4em; max-width: 64px; max-height:64px;}
.icon-xxxl { font-size :6em; line-height:6em; max-width: 96px; max-height:96px;}
.icon-xxxxl-wide { font-size:9em; line-height:9em; max-width:auto ;max-height:144px;}
.icon-inline { margin:-0.1em auto; }
.icon-inline.icon-md { margin:-0.25em auto; }
.icon-inline.icon-lg { margin:-0.5em auto; }
.doc-icon { float: left; margin-left: -40px; width :30px; height: 36px; transform: translateY(-0.4em); }
.img span.doc-icon { margin-left: calc(50% - 15px); width: 30px; height: 36px; transform: translateY(-15px); top: 50%; position: absolute; }
.doc-type { padding-left: 40px; margin-bottom:1em }
ul.social-icons { list-style-type: none; margin: 0; font-size: 24px; margin-top: var(--space-3); line-height:1;}
ul.social-icons li { margin-left: 0; margin-right:var(--space--4) !important; display: inline-block; border: 0!important;}
.icon-tick,.icon-tick-small,.icon-plus,.icon-minus,.icon-x,.icon-v-line,.icon-arrow-up,.icon-arrow-down,.icon-arrow-left,.icon-arrow-right,.icon-plus-small,.icon-minus-small,.icon-x-small,.icon-v-line-small,.icon-arrow-up-small,.icon-arrow-down-small,.icon-arrow-left-small,.icon-arrow-right-small,.icon-top,.icon-menu,.icon-doc-txt,.icon-doc-blank,.icon-outline { fill:none; }
ul.list-icon { list-style-type: none; padding-left: 27px; }
ul.list-icon li { position: relative; }
ul.list-icon li::before { content: " "; width: 1em; height: 1em; position: absolute; left: -26px; top: 3px; background-repeat: no-repeat; background-position: center center; }
ul.list-tick li::before { background-image: url("../img/icon-tick.svg"); }
ul.list-icon-doc { list-style-type: none; padding-left: 40px; margin-top: 1.5em; margin-bottom:1.5em; }
ul.list-icon-doc li { margin-top: 1em; }

/* Forms */
legend { font-size: 1em; }
input[type="submit"], input[type="button"], .btn, a.btn, a.btn:link, a.btn:visited { text-decoration: none; vertical-align: baseline; padding: 1em 1.5em; line-height: 1; border: 0; border-radius: var(--border-radius); width: auto; text-transform: uppercase; }
input.btn:hover, input.btn:focus, a.btn:hover, a.btn:focus { background: var(--blue-1); }
.btn-primary { color: var(--white)!important; background-color: var(--blue-7)!important; }
.btn-secondary { color: var(--white); background-color: var(--blue-8)!important; }
.btn-primary:hover,.btn-secondary:hover { background-color: var(--blue-1)!important; }
.btn-outline, .btn-outline-primary {color: var(--blue-7)!important; background-color: transparent!important; border: 1pt solid var(--blue-7)!important; }
.btn-outline:hover, .btn-outline:focus, .btn-outline-primary:hover, .btn-outline-primary:focuys { background-color: var(--blue-1)!important; border: 1pt solid var(--blue-1)!important; color: white!important; }
.btn-outline-white { background-color: transparent!important; border: 1pt solid var(--white)!important; color: var(--white)!important; }
.btn-outline-white:hover, .btn-outline-white:focus { background-color: white!important; border: 1pt solid var(--white)!important; color: var(--blue-2)!important; }
a.btn-sm, a.btn-sm:link, a.btn-sm:visited { padding: 0.5em 1em;} 
a.btn-sm.btn-outline, a.btn-sm.btn-outline:link, a.btn-sm.btn-outline:visited { padding: calc(0.5em - 1pt) calc(1em - 1pt);}   
a.icon-btn-line { cursor: pointer; position: relative; padding:0 !important; }
a.icon-btn-line .icon-divider {padding: 1.25em 1.5em; display: inline-block;  border-right: 1px solid var(--blue-5);}
a.icon-btn-line .btn-text {padding: 1.25em 1.5em;}
a.icon-btn-line.full-width .icon-divider { position: absolute; left: 0; height: 100%; }
a.icon-btn-line.full-width .btn-text { padding: 1.25em 1.5em 1.25em 5.5em; display: block; }
a.icon-btn-line svg { stroke: currentColor; }
a.icon-btn-line.checked svg { stroke: var(--blue-5); }
a.icon-btn-line.icon-doc .icon-divider {font-size: 32px; padding: 20px 20px;}
.form-check { padding-left: 2em; margin-bottom: .5rem; }
.form-check-input[type=checkbox] { border-radius: var(--border-radius); }
.form-check .form-check-input { margin-left: -2em;}
.form-check-input { width: 1.5em; height: 1.5em; margin-top: 0em;}
.form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
.form-check-input:checked[type=checkbox],.form-check-input:checked[type=radio]{ background-color: var(--blue-7); border-color: var(--blue-7); }
.form-switch { padding-left: 3em; }
.form-switch .form-check-input { border-radius: 2em; margin-left: -3em; width:2.5em; }
.form-control.is-valid, .was-validated .form-control:valid { background-image: none; }
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: none; }
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: var(--blue-7); }


/*input, select, textarea { font-family: var(--font-text); -webkit-border-radius:0; -moz-border-radius: 0; border-radius: 0; border: 1px solid var(--grey-15);}
textarea { border: 1px solid var(--grey-15); }
input[type="text"], input[type="email"], input[type="password"], input[type="select"], input[type="date"], input[type="file"], select, textarea { padding: 12px 16px; }
button, input[type="submit"], input[type="button"] { padding: 1.25em 3em; }
button, input.button, input.button-members, a.button, a.button:link, a.button:visited, a.button-members, a.button-members:link, a.button-members:visited { font-family: var(--font-button); font-weight: 500; font-style: normal; color: #FFF; text-transform: uppercase; border: 0; font-size: 1em; background: var(--blue-2); padding: 1.25em var(--space-3); width: 100%; text-align: center; overflow: visible; line-height: 1em; display: inline-block; cursor:pointer; transition: 0.2s; }
button:hover, button:focus, input.button:hover, input.button:focus, a.button:hover, a.button:focus { background: var(--blue-1); }
a.button, a.button:link, a.button:visited, a.button-members, a.button-members:link, a.button-members:visited { padding: 1.5em 2em; text-decoration: none; cursor:pointer; }
.button-outline { background-color: transparent!important; border: 1pt solid var(--blue-2)!important; color: var(--blue-2)!important; }
.button-outline:hover, .button-outline:focus, .tech-hub-graphic-col .button-outline:hover, .tech-hub-graphic-col .button-outline:focus { background-color: var(--blue-1)!important; border: 1pt solid var(--blue-1)!important; color: white!important; }
.button-outline-white { background-color: transparent!important; border: 1pt solid var(--white)!important; color: var(--white)!important; }
.button-outline-white:hover, .button-outline-white:focus { background-color: white!important; border: 1pt solid var(--white)!important; color: var(--blue-2)!important; }
a.button-small, a.button-small:link, a.button-small:visited { padding: 0.5em 1em;}
a.button-small.button-outline, a.button-small.button-outline:link, a.button-small.button-outline:visited { padding: calc(0.5em - 1pt) calc(1em - 1pt); }
a.icon-button-line { cursor: pointer; position: relative; padding:0 !important; }
a.icon-button-line .icon-divider {padding: 1.25em 1.5em; display: inline-block;  border-right: 1px solid var(--blue-5);}
a.icon-button-line .button-text {padding: 1.25em 1.5em;}
a.icon-button-line.full-width .icon-divider { position: absolute; left: 0; height: 100%; }
a.icon-button-line.full-width .button-text { padding: 1.25em 1.5em 1.25em 5.5em; display: block; }
a.icon-button-line svg { stroke: currentColor; }
a.icon-button-line.checked svg { stroke: var(--blue-5); }
a.icon-button-line.icon-doc .icon-divider {font-size: 32px; padding: 20px 20px;}
.input-col, .input-col-2, .input-col-3, .input-col-4, .input-col-5, .input-col-7 { margin-bottom: 0.3em; margin-top: 0.2em; width: 100%;  }
.input-col-2.input-checkbox { width: auto;  }
.form p { margin:0; padding: 0; clear: both;}

form .row { margin-bottom: 1em;}
label { font-size: 0.875em;}
.checkbox label, .radio label, .toggle label { font-size: 1em; }
input[type="text"], input[type="password"], input[type="select"], input[type="date"], input[type="file"], select, textarea {  }
input:hover { border-color: var(--grey-60);}
input:focus { border-color: var(--grey-80)!important;}
input:disabled, input:disabled::-webkit-input-placeholder, button:disabled { background-color: var(--grey-5); border-color: var(--grey-10); color: var(--grey-30); }
input[type="radio"] {   }
input[type="date"] { background: url("/../img/icon-calendar.svg") 95% 50% no-repeat; background-size: 24px 24px;}
input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; }
input[type="file"] { padding: 9px; width: 100%;}
textarea { width: 100%; }
:focus { outline: -webkit-focus-ring-color var(--grey-80) 1pt; border-color: var(--grey-80); }
.message.below { font-size: 0.875em; line-height: 1.428; }
.error .message { color: var(--red); }
.error input { border-color: var(--red); background-color: var(--pale-red);}
.checkbox label { display: block; position: relative; padding-left: 34px; margin-bottom: 0.5em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.checkbox label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkbox label .checkmark {  position: absolute; top: -2px; left: 0; height: 24px; width: 24px; border: 1pt solid var(--grey-15); background-color: white; transition: all 0.2s; }
.checkbox label:hover input ~ .checkmark, .checkbox label input:focus ~ .checkmark {  border-color: var(--blue-2); }
.checkbox label input:checked ~ .checkmark { background-color: white;}
.checkmark:after { content: ""; position: absolute; display: none;}
.checkbox label input:checked ~ .checkmark:after {  display: block;}
.checkbox label .checkmark:after { left: 8px; top: 4px; width: 6px; height: 11px; border: solid var(--blue-2); border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.radio label { display: block; position: relative; padding-left: 34px; margin-bottom: 0.5em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
.radio label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.radio .checkmark { position: absolute; top: -1px; left: 0; height: 24px; width: 24px; border: 1pt solid var(--grey-15); background-color: white; border-radius: 50%;}
.radio label:hover input ~ .checkmark, .radio label input:focus ~ .checkmark { border-color: var(--blue-2); }
.radio label input:checked ~ .checkmark { background-color: white; }
.radio .checkmark:after { content: ""; position: absolute; display: none;}
.radio label input:checked ~ .checkmark:after { display: block;}
.radio label .checkmark:after {top: 50%;left: 50%; margin-left: -8px; margin-top: -8px; width: 16px;height: 16px;border-radius: 50%;background: var(--blue-2);}
.radio .radio-col-align-middle .checkmark { left: 50%; transform: translateX(-50%);}
.toggle label { position: relative;  display: inline-block;  width: 34px;  height: 16px; }
.toggle input { opacity: 0;  width: 0;  height: 0;}
.toggle label .label { display: none; }
.toggle .track { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.toggle .track:hover:before { background-color: var(--grey-5); }
.toggle .track:before { position: absolute; content: ""; height: 24px; width: 24px; left: 0px; bottom: -4px; background-color: white; -webkit-transition: .4s;  transition: .4s; border: 1pt solid var(--grey-15);}
.toggle input:focus-visible + .track:before { border-color: var(--grey-80); background-color: var(--grey-5); }
.toggle input:checked + .track { background-color: var(--light-blue-2);}
.toggle input:checked + .track:before { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); background-color: var(--blue-2); border-color: var(--blue-2); }	
.toggle input:checked:focus-visible + .track:before { border-color: var(--grey-80); background-color: var(--blue-2); }
.toggle .track.round { border-radius: 12px; }
.toggle .track.round:before { border-radius: 50%;}
.toggle .label-text { display: inline-block; position: relative; vertical-align: top; line-height: 24px; margin:0 0 0.25em 5px; top: -4px; width: calc(100% - 44px);}
.toggle .label-text:after { content: ""; clear: both; display: table;}
.select-wrap {  display: block; margin-bottom: 1.5em; position: relative; }
.select-wrap:after { border-bottom: 2px solid var(--grey-80); border-right: 2px solid var(--grey-80); content: ""; display: block; width: 11px; height: 11px; pointer-events: none; position: absolute; right: 20px; top: 50%; transform: translate(0, -65%) rotate(45deg); }
.select-input { display: block; font-size: 1em; min-height: calc(1.4em + 26px); padding: 12px 16px 14px; text-align: left; width: 100%; }
select.select-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }*/

/* Cycle slideshow  */
.cycle-slideshow { width: 100%; /*height: calc(100vh - var(--header-height-mobile));*/ overflow: hidden; height:auto;  }
.slide { position: relative; height: 100%; width: 100%; text-align: center; line-height: 1.2em; background-position: center center; background-size: cover;}
.slide h1 { }
.slide h2 { font-size: 2em; line-height: 0.875; font-weight: 600; font-family: var(--font-heading); margin-top:0; }
.slide p { }

/* Img hover */
#thumbnails img { cursor: pointer; -webkit-filter: brightness(100%); }
#thumbnails img:hover { -webkit-filter: brightness(96%); }

/* Product images */
.product-tn {  height: calc(200px + 8em); text-align: center;/*width: 200px;float: left; margin: 0 40px 20px 0;*/ }
.product-tn-img { position: relative; height: 200px; width: 200px; margin: 0.75em auto 0 auto;}
.product-tn-img img { margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-height: 100%; }
.product-tn p {}
.product-tn-img { border: 1px solid transparent; padding: 1px;}
.product-tn-img:hover { border: 1px solid #c0d8f6;  }
.product-tn-img:hover:after { position: absolute; font-size: 12px; line-height: 14px; text-transform: uppercase; padding: 8px 6px; content: "Click for high resolution image"; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; color: #649DE8;  pointer-events: none; -webkit-box-shadow: 0px 0px 20px -4px rgb(0 70 138 / 25%); box-shadow: 0px 0px 20px -4px rgb(0 70 138 / 25%); width: 132px; font-weight:600; }	

/* Accordian */
.accordion-button:focus { outline: none; box-shadow: none; }

/* Animation */
.reveal { animation: 1s revealup ease 1; }
@keyframes revealup { 
from { opacity: 0; transform: translatey(10%); }
to { opacity: 1; transform: translatey(0%); }
}

/* Helper classes */

.hidden {display: none !important;visibility: hidden;}
.start-hidden { display: none;}
.visually-hidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visually-hidden.focusable:active,.visually-hidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
.invisible {visibility: hidden;}
.ir {background-color: transparent;border: 0;overflow: hidden;*text-indent: -9999px;}
.ir:before {content: "";display: block;width: 0;height: 150%;}
/*.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.flex { display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flex.column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex.align-center, .align-center .flex { -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.flex .stretch { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }*/


/*  Media Queries  */
@media only screen and (max-width: 575px) {
/* sm - Mobile */
.mobile-hidden, .xs-hidden { display: none; }
.slide.bg-mobile-pos-left {background-position: 10% 50%; }
.slide.bg-mobile-pos-right {background-position: 90% 50%; }    
.slide.bg-mobile-pos-mid-left {background-position: 33% 50%; }
.slide.bg-mobile-pos-mid-right {background-position: 75% 50%; }     
}	
@media only screen and (min-width: 576px) {
/* sm - Mobile landscape */
/* Helpers */
.mobile-hidden, .xs-hidden { display: block; }
.mobile-hidden.inline { display: inline; }
.mobile-landscape-hidden, .sm-hidden { display: none; }
.cycle-slideshow { height: calc(100vh - var(--header-height-mobile));  height:auto;}
.video-embed-container.img::after { width :50px; height: 50px;}     
}
@media only screen and (max-width: 767px) {
/* sm - Mobile and Mobile landscape */
/* Layout */
.align-right { float: none; margin-left: auto; margin-top: 1em;} 
/* Forms */
button, .btn { margin-top: 1em;  }
button.inline, .btn.inline { margin-top: 1em; }
p button:first-child { margin-top: 0;}
.mobile-no-border::before, .mobile-no-border::after, .mobile-no-border { border: 0; }    
}
@media only screen and (min-width: 768px) {
/* md - Tablet */
.mobile-landscape-hidden, .sm-hidden { display: block; }    
/* Layout */
.boxed { padding: var(--space-2);}
.align-right { float:right; margin-left: 1em; margin-top: 0; text-align: right; }
.align-left { float:left; margin-right: 1em; margin-top: 0; text-align: right; }	
/* Header */
.header {height: var(--header-height-tablet); padding: var(--header-space-tablet)!important; }
.header img.logo { height: calc(var(--header-height-tablet) - calc(var(--header-space-tablet) * 2)); }
/* Forms */
input[type="submit"], input[type="button"], .btn, a.btn, a.btn:link, a.btn:visited { font-size: 14px; }
/* Helpers */
.mobile-hidden, .mobile-landscape-hidden, .sm-hidden { display: block; }
.mobile-hidden.inline, .mobile-landscape-hidden.inline, .sm-hidden.inline { display: inline; }
.tablet-hidden, .md-hidden { display: none; }    
body {  }
#header { }
.home #header { margin-bottom: 0;}
#nav-toggle, .nav-mobile, .nav-mobile.social-icons {display: none;}
.nav-desktop { display: inline-block;}    
#nav { top: 0; height: var(--header-height-tablet); display: flex!important; justify-content: center; border-bottom: 0; }
#nav ul { background: transparent; float: right }    
#nav li { float: left; width: auto;border: 0; }
#nav a { font-size: 0.875em; font-weight:600; line-height: 24px; cursor: pointer; _min-height: 2.75em; padding: 34px var(--space--2); }
#nav a.on {  }
#nav a.on::after { content:" "; display :block; position: relative; width :100%; border-bottom: 3px solid var(--blue-2); margin-bottom: -3px; }   
#nav li ul a.on {  }   
#nav li ul a.on:hover { color: white; }     
#nav li ul a.on::after { content: none; border: 0; }       
#nav ul.social-icons a { font-size: 24px; }    
#nav li ul li { width: 100%; margin-right: 0;margin-left: 0; border-left: 0; border-top: 0;  border-bottom: 0; }
#nav li ul { display :none; position: absolute; width: 100%; max-width: 280px; left: -999em; z-index: 3; padding-bottom: 6px; }
#nav li ul a { text-align: left; min-height: auto; padding: var(--space--4) var(--space--2) var(--space--3) var(--space--2); text-transform: none; border-top: 1px solid var(--blue-2); }
#nav li ul a:hover { background-color: var(--blue-2); border-top: 1px solid var(--blue-2);}
#nav li ul li:last-child a { border-bottom: 1px solid var(--blue-2); }   
#nav li ul li:last-child a:hover { border-bottom: 1px solid var(--blue-2); }        
#nav li:hover ul, #nav li:active ul, #nav li:focus ul, #nav li ul:hover { left: auto; margin: 0; display: block; }
#nav > li:hover ul { display: block; }
#nav > li > a:hover { color: #fff; } /* This is for ipad touch hover first tap */
#nav a span.br { display: block; }	
#nav li.nav-home { display: none; }
#phone {position: absolute; right: 0; top: 0; height: var(--header-height-desktop); align-content: center; padding: 0 var(--space); color: var(--blue-6); font-weight: 600;}
ul.nav-desktop.social-icons {line-height: 24px;}   
.footer-end .col {line-height:80px;}	
.cycle-slideshow { height: calc(100vh - var(--header-height-tablet)); font-size: 1em; z-index: 0; height:auto; }
.slide h2 { font-size: 1.5em;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
/* md only - Tablet */
h1, .h1 { font-size: 1.5em; }
h2.small-heading .large-number { font-size: 28px; height: 22px; }
}
@media only screen and (min-width: 992px) {
/* lg - Tablet landscape */
.tablet-hidden, .md-hidden { display: block; }
.tablet-hidden.inline, .md-hidden.inline { display: inline; }
.tablet-landscape-hidden, .lg-hidden { display: none; }    
#header { height: var(--header-height-tablet); }
#social { top: 16px; right: 15px; }
#nav li { display: inline-block; margin-right: -4px; float: none; }
#nav ul.social-icons li { margin-right: -4px!important;}    
#nav li.nav-mobile { display: none; }
h1 { font-size: 2em;}    
.cycle-slideshow { height: calc(90vh - var(--header-height-tablet));  height:auto;}
    @media (max-aspect-ratio: 3/2) {.cycle-slideshow { height: calc(90vh - var(--header-height-tablet)); height:calc(33.333333vw - 2em);} }	
.slide h2 { font-size: 1.75em;} 	
#footer { padding: var(--space-4) 0; }
#footer .inner::after { margin-bottom: calc(0px - var(--space-4)); }    
.video-embed-container.img::after { width :60px; height: 60px;}     
}
@media only screen and (min-width: 1200px) {
/* xl - Desktop */
#header { height: var(--header-height-desktop); }   
#nav { height: var(--header-height-desktop); padding: 0 var(--space); }    
    @media (max-aspect-ratio: 3/2) {.cycle-slideshow { height: calc(90vh - var(--header-height-desktop)); height:calc(33.333333vw - 2em); } }   
h1 { font-size: 2.5em;}      
.slide h2 { font-size: 2em;} 
/* Forms */
input[type="submit"], input[type="button"], .btn, a.btn, a.btn:link, a.btn:visited { font-size: 1em; }
/* Footer */
.footer .contact-numbers p, .footer .social-media { text-align: left; }	
.footer ul.social { margin-left: -10px; margin-top: -7px;}
/* Helpers */
.tablet-landscape-hidden, .lg-hidden { display: block; }
.tablet-landscape-hidden.inline, .md-hidden.inline, .lg-hidden.inline { display: inline; }
.desktop-hidden, .xl-hidden { display: none; }
.video-embed-container.img::after { width :75px; height: 75px;}    
/* Icons */
.icon-lg { font-size :2em; line-height:2em;}
.icon-xl { font-size :3em; line-height:3em;}
.icon-xxl { font-size :6em; line-height:6em; max-width: 96px; max-height:96px;}
.icon-xxxl { font-size :8em; line-height:8em; max-width: 128px; max-height:128px;}
}
@media only screen and (min-width: 1400px) {
/* xxl - Large desktop */
#nav a { font-size: 1em; }
    @media (max-aspect-ratio: 8/5) {.cycle-slideshow { height: calc(80vh - var(--header-height-desktop));  height:calc(33.333333vw - 2em);} }    
.cycle-slideshow { height: calc(90vh - var(--header-height-desktop)); height:calc(33.333333vw - 2em);}    
h1 { font-size: 3em;}  
h2.lg, .h2-lg { }
.slide h2 { font-size: 2vw;}
.ratio .small-heading { font-size: 1vw; }
.ratio h2.small-heading .large-number {font-size: 3vw; height: 2vw; }
/* Helpers */
.desktop-hidden, .xl-hidden { display: block; }
.desktop-hidden.inline, .xl-hidden.inline { display: inline; }
.desktop-large-hidden, .xxl-hidden { display: none; }
}
@media only screen and (min-width: 1600px) {
/* xxxl - XLarge desktop */
h1, .h1, h1.lg, .h1-lg { font-size: 2vw;}  
/* Icons */
#categories .icon-xxl { font-size :6vw; line-height:6em; max-width: 6vw; max-height:6vw;}
}
@media only screen and (min-width: 1900px) {
/* hd - HD desktop */
    @media (max-aspect-ratio: 22/8) {.cycle-slideshow { height: calc(80vh - var(--header-height-desktop));  height:calc(33.333333vw - 2em);} }    
.cycle-slideshow { height: calc(90vh - var(--header-height-desktop)); height:calc(33.333333vw - 2em); }      
}
@media only screen and (min-width: 2500px) {
/* uhd - UHD desktop */
}
/* Print styles */
@media print {
* {background: transparent !important;color: #000 !important; box-shadow: none !important;text-shadow: none !important;}
a,a:visited {text-decoration: underline;}
/* Don't show links for images, or javascript/internal links */
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}
pre,blockquote {border: 1px solid #999; break-inside: avoid; page-break-inside: avoid;}
thead {display: table-header-group; /* h5bp.com/t */}
tr,h2,h3,img {display: block; position: relative; break-inside: avoid; page-break-inside: avoid;page-break-before: auto; page-break-after: auto; }
/*img {max-width: 100% !important; height:auto;}*/ 
@page {margin: 0.5cm;}
p,h2,h3 {orphans: 3;widows: 3;}
h2,h3 {page-break-after: avoid;}
h2,h3,img { display: block; position: relative; page-break-inside: avoid; break-inside: avoid; page-break-before: auto; page-break-after: auto; }      
}