/* Authenia */
@font-face {
  font-family: 'Authenia';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/font/Authenia.otf') format('opentype'); /* IE9 Compat Modes */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/open-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/open-sans-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/open-sans-v28-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/extras/etc/fonts/open-sans-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/open-sans-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/open-sans-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/open-sans-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/open-sans-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/open-sans-v28-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/etc/fonts/open-sans-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/open-sans-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/open-sans-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/open-sans-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/open-sans-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/open-sans-v28-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

:root {
	--white: #FFFFFF;
	--dark-blue: #00334A;
	--light-grey: #F3F5F4;
	--grey: #E7E7E7;
	--blue-grey: #5A6989;
	--bright-blue: #0174A8;
	--red: #FF0027;
	--main-font: 'Open Sans', sans-serif;
	--alt-font: 'Authenia', cursive;
}

body {
	font-size: 1.250rem;
	margin: 0px;
	font-family: var(--main-font);
	color: var(--dark-blue);
}

p,li {line-height:140%;}

/**************** header *****************************/

.header {
	background:var(--light-grey);
	position: fixed;
	width: 100%;
	z-index: 20;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	}
.banner	{max-width:1500px;width:100%;margin:auto;margin-bottom: 33px;margin-top: 17px;}
.logo				{width:283px;float:left;padding-top:8px}
.logo img		{display:block;float:left;transition: max-width 1s ease;}

.shrink .banner {margin-bottom:6px;margin-top:6px;}
.shrink .logo img {max-width:70%;}
.shrink .topnav {padding-top:5px;}

.topRight {float: right;}
.topRight .linkButton {
	background-color: var(--dark-blue);
	line-height: 46px;
	border-radius: 25px;
	color: var(--white);
	border:2px solid var(--dark-blue);
	min-width: 175px;
	margin-bottom: 0;
	font-weight: 400;
	padding: 0;
}
.topRight .linkButton:hover {
	font-weight:400;
	background-color:transparent;
	color:var(--dark-blue);
	}


/**************** nav - topnav *************************/

.topnav {
	display:flex;
	padding-top:26px;
	align-items:center;
	width:calc(100% - 283px);
	transition: all 1s ease;
}

.menuOther {margin-left:auto}

.topmenu{
	margin:auto;
	margin-top: 0;
	background-color: transparent;
	color:#ffffff;	
	height:50px;
	width:100%;
	display: grid;
	grid-template-columns: 1fr 175px;
	padding-right: 16px;
}

html .mlddm {display:flex;justify-content:space-between;float: left;gap: 30px;}

/* top level */
.mlddm li a, .mlddm li a#buttonnohover {	
		padding: 0 10px;
		line-height: 50px;
		color: #ffffff;
		font-size: 1rem;
		font-weight:400;
		background-color: transparent;
}
.mlddm li a:hover, .mlddm li a#buttonhover,
.mlddm li a.selected, .mlddm li a.selected#buttonnohover,
.mlddm li a.selected:hover, .mlddm li a.selected#buttonhover {color:var(--bright-blue);}



.mlddm li a::after {
	border-bottom: 2px solid var(--bright-blue);
	height: 1px;
	content: "";
	width: 100%;
	display: block;
	transform: scaleX(0);
	transition: all ease 0.5s;
}
.mlddm li a:hover::after, .mlddm li a#buttonhover::after,
.mlddm li a.selected::after, .mlddm li a.selected#buttonnohover::after,
.mlddm li a.selected:hover::after, .mlddm li a.selected#buttonhover::after {transform: scaleX(1);}

.mlddm>li:nth-child(1) > a {}
.mlddm>li:nth-child(2) > a {}
.mlddm>li:last-child > a {}
	
.mlddm ul li a::after {
	border-bottom: 0;
}	

	


/* Change placeholder text color for various browsers */
        .header-main__search input::-webkit-input-placeholder {
            color: var(--blue-grey)!important;
        }

        .header-main__search input:-moz-placeholder {
            color: var(--blue-grey)!important;
        }

        .header-main__search input::-moz-placeholder {
            color: var(--blue-grey)!important;
        }

        .header-main__search input:-ms-input-placeholder {
            color: var(--blue-grey)!important;
        }

        .header-main__search input::placeholder {
            color: var(--blue-grey)!important;
        }

/* drop down list */
	html .mlddm ul {
		border: none;
		padding-top:6px;
		-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
		margin-top: 40px !important;
		}
	html .mlddm ul li {
		background-color: var(--light-grey);
	}
	
	html .mlddm ul li a {	
	line-height: 44px;
	text-align: left;
	height: auto;
	color: #1a2a56;
	font-size: 1.063rem;
	font-weight: 400;
	padding-left: 13px;
	padding-right: 38px;
	position: relative;

	background-color: var(--light-grey);
	}
	

	
	.mlddm ul li a:hover,
	.mlddm ul li a.selected,
	.mlddm ul li a:hover.selected,
	.mlddm .hsub:hover, .mlddm .selectedhsub:hover	{color: #1a2a56;text-decoration: underline;}


	
/***************** search *****************************/


.searchBtn {cursor: pointer;max-width:25px;}
#modalPP{
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999;
    height: 100%;
    width: 100%;
    display:none;
}
.modalPP__content {
    position: absolute;
    width: 90%;
    max-width:500px;
    max-height:90vh;
    overflow-y: auto;
    z-index:100;
    background-color:#fff;
    opacity:0;
    animation: fadeIn 0.5s ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (min-width:670px){
    .modalPP__content {
      top: 130px;
      left: 50%;
      transform: translate(-50%, -50%);
    }
}
@media (max-width:669px){
  .modalPP__content {
    top: 20px;
    left: 50%;
    transform: translate(-50%, 0); 
   }
}
.modalPP__head {
	display:flex;
	justify-content:space-between;
	padding:20px;
	border-bottom:2px solid var(--dark-grey);
	font-weight:700;
}
.modalPP__head {
	cursor:pointer;
}
.modalPP__body {
	padding:20px;
}
.modalPP__body input[type=text] {
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
}
.search {text-align:center}
.modalPP__body .submit {
	display:inline-block;
	padding:10px 20px;
	background-color: var(--dark-blue);
	text-align:center;
	text-decoration:none;
	font-weight:500;
	border:1px solid var(--dark-blue);
	color:#fff;
	cursor: pointer;
}
.modalPP__body .submit:hover {
	background-color:transparent;
	color:var(--dark-blue);
}
#button {
	position:absolute;
	top:12px;
	right:18px;
	cursor:pointer;
	font-size:17px;
}
	
/**************** nav - mobile header *************************/

/* hamburger menu positioning & style */

.slicknav_btn {right:16px;}
.slicknav_btn.btnBottom {bottom:4px;}

.btnBottom .slicknav_icon-bar {background-color:#3C3E41;}
.btnBottom .slicknav_menutxt {color:#3C3E41;}

.slicknav_icon-bar {background-color:var(--dark-blue);}
.slicknav_icon-bar:nth-child(1) {width:19px;}
.slicknav_icon-bar:nth-child(2) {width:24px;}
.slicknav_icon-bar:nth-child(3) {width:17px;}

.slicknav_menutxt {display: none;}

.slicknav_menu {background-color:transparent;padding:0;}
.slicknav_nav {z-index:10000000;}
.slicknav_nav {font-size:1.750em;width: 100%;}
.slicknav_nav .slicknav_arrow	{background-color:transparent;font-size:1.5em;}
.slicknav_nav .slicknav_row	{padding: 12px 20px;} /* row is for subs that are parents */
.slicknav_nav a					{padding: 12px 20px;font-size:1.125rem;}

/* first level */
li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:var(--black);}
li.slicknav_collapsed.slicknav_parent > a:hover .slicknav_arrow	{color:var(--black);}
li.slicknav_parent.slicknav_open > a .slicknav_arrow			{color:var(--black);}

.slicknav_nav > li:nth-of-type(1)	{border-top:none;}
.slicknav_nav > li:not(:last-child) {}
.slicknav_nav > li 						{background-color:var(--navy-blue);}
.slicknav_nav a 							{color: #1D1E1E;background-color: #EDEEEF;}
.slicknav_nav a:hover					{background-color:#ffffff;color:#241F20;}
.slicknav_row:hover, 
li.slicknav_collapsed .slicknav_row:hover a	{background-color:#ffffff;color:#241F20;}
.slicknav_nav li.slicknav_open,
.slicknav_nav li.slicknav_open > a,
.slicknav_nav li.slicknav_open > a a,
.slicknav_nav li.slicknav_open > a:hover 		{background-color:#ffffff;color:#241F20;border:none;}

/* second level */
ul li ul li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{}

.slicknav_nav ul li 						{border-bottom: 1px solid #333333;}
.slicknav_nav ul li a 					{color:#1D1E1E;}	
.slicknav_nav ul li a 					{padding: 12px 20px 12px 30px;}
.slicknav_nav ul li .slicknav_row	{padding: 12px 20px 12px 30px;}

.slicknav_nav ul li.slicknav_parent.slicknav_open,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a:hover 	{color:var(--white);}

/* third levels */
.slicknav_nav ul li ul li 					{background-color:var(--light-grey);}
.slicknav_nav ul li ul li a 				{color:var(--almost-black);}
.slicknav_nav ul li ul li a 				{padding-left: 60px;}
	
.slicknav_nav ul li .slicknav_arrow	{}
.slicknav_nav ul li.slicknav_parent.slicknav_open  .slicknav_arrow:before {content:"-";}


/* overrides */

.slicknav_nav li:nth-child(even) 	{}
.slicknav_nav ul li:nth-child(even) {}
.slicknav_nav ul li ul li:nth-child(even) {}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {font-size: 1.125rem;}
.slicknav_nav .slicknav_row {padding: 12px 20px;}
.slicknav_nav .slicknav_arrow {background-color: transparent;width: 44px;}
.slicknav_nav .slicknav_row:hover, li.slicknav_collapsed .slicknav_row:hover a {background-color:#ffffff;color:#241F20;}	
	
	

/**************** footer *****************************/

footer {background-color: var(--dark-blue);}

.footer {background-color:var(--dark-blue);color:var(--white);}
.footerInfo {max-width: 1500px;margin: auto;width: 100%;padding-top: 57px;}
.footerInfo p {margin-bottom:18px;line-height:160%;}
.footerInfo	a {color:var(--white);text-decoration:none;}
.footerInfo a:hover {color:#dedede;}

.subscribe {display: none;}

.footerBase				{width:1500px;margin:auto;padding: 10px 0;color: #ffffff;line-height:140%;}
.footerLeft				{width:100%;text-align: left;font-size:0.563em;}
.footerMid				{width:100%;text-align: center;font-size:0.563em;}
.footerRight			{width:100%;text-align: right;text-align:right;font-size:0.563em;}
.footerBase a 			{font-size: 0.563rem;color:var(--white);}
.footerBase a:hover	{color:#dedede;}

.footerCol2 {
	display: grid;
	grid-template-columns: 1fr;
	text-align: right;
	gap: 35px;
}

.footerContain {
	display: grid;
	grid-template-columns: 50% 300px;
	gap: calc(50% - 300px);
}
.footerMenu {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.footerSecond {display: grid;grid-template-columns:1fr 1fr 1fr;column-gap:16px;}

.social {display: flex;gap: 20px;}

.footerLine {
	background-image:url('wavy-line-repeat.png');
	background-position: center;
	background-repeat: repeat-x;
	text-align: center;
	margin-bottom: 6px;
	height: 7px;
	margin-top: 70px;
	}

.footerSignupModalPage {
	max-width:540px;
	margin:auto;
}
.footerSignup {
	width:100%;
	max-width:600px;
}

.footerSignup .names {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
	padding-bottom:12px;
}
.footerSignup .email {
	display:grid;
	grid-template-columns:1fr min-content;
	gap:4px;
}	
html .footerSignup .button {
	display:inline-block;
	padding: 7px 21px;	
	font-size:1.125rem;
	text-decoration: none;
	text-align:center;
	-webkit-appearance:none;
	margin-bottom:0;
	min-width:inherit;
	border-radius:inherit;
}
html .footerSignup .button:hover {
	color:#000;
	background-color:#fff;
}
html .footerSignup input[type=text] {	
	border:1px solid #ccc;
	font-family: 'Montserrat', sans-serif;
	padding:11px 8px;
	font-size:0.875rem;
	}
html .footerSignup input[type=text] {
	width:100%;
}	
.footerAck p {
	color:#fff;
	font-size:1rem;
}


/****************** slideshow *******************************/

.slide {position:relative;}
.slideText {position:absolute;}

.slideText {
   color:#fff;
   font-weight:400;
   font-family: 'Open Sans', sans-serif;
   line-height:120%;
   margin-bottom:10px;
   font-size:4.375em;
   text-align:center;
   }


@media (min-width:1233px){
   .slide.slick-slide {height:635px;}
   .slideText {top:230px;left:calc(50% - 375px);width:750px;}
}
@media (max-width:1232px){
   .slide.slick-slide {height:635px;}
   .slideText {bottom:80px;left:16px;width:750px;}
}
@media (min-width:769px){
   .slideText p:first-child {font-size:5em;}
   .slideText p:not(:first-child) {font-size:1.313em;}
   .slideText a {font-size:1.125em;}
}
@media (min-width:769px) and (max-width:1024px){
   .slide.slick-slide {height:535px;background-position:20% 0;}
   .slideText {bottom:80px;left:16px;width:750px;}
}
@media (min-width:701px) and (max-width:768px){
   .slide.slick-slide {height:535px;background-position:30% 0;}
   .slideText {bottom:80px;left:16px;width:600px;}
   .slideText p:first-child {font-size:4em;}
   .slideText p:not(:first-child) {font-size:1.313em;}
   .slideText a {font-size:1.125em;}
}
@media (min-width:569px) and (max-width:700px){
   .slide.slick-slide {height:500px;background-position:40% 0;}
   .slideText {bottom:80px;left:16px;width:calc(100% - 32px);}
   .slideText p:first-child {font-size:3.125em;}
   .slideText p:not(:first-child) {font-size:1.313em;}
   .slideText a {font-size:1.125em;}
}
@media (min-width:375px) and (max-width:568px){
   .slide.slick-slide {height:400px;background-position:40% 10%;}
   .slideText {bottom:30px;left:16px;width:calc(100% - 32px);}
   .slideText p:first-child {font-size:2.250em;}
   .slideText p:not(:first-child) {font-size:1.125em;}
   .slideText a {font-size:1em;}
}
@media (max-width:374px){
   .slide.slick-slide {height:300px;background-position:40% 40%;}
   .slideText {bottom:20px;left:16px;width:calc(100% - 32px);}
   .slideText p:first-child {font-size:1.5em;}
   .slideText p:not(:first-child) {font-size:0.875em;}
   .slideText a {font-size:0.688em;}   
}


/**************** content *****************************/

/* layout */
.middle		{padding: 0 0 32px 0; max-width:1200px;margin:auto;}
.narrowPage .middle {width:1200px;}
.center {text-align:center;}
.narrow {max-width: 700px;margin: auto;}
.narrowPara {max-width:650px;margin:auto;}
.narrowPara2 {max-width:955px;margin:auto;}
.narrowPage {max-width:1200px;margin:auto;}
.halfbgRight {background-repeat: no-repeat;background-position: right center;background-size: 50% 100%;}
.leftAlign {text-align: left;}


.heroPanel {background-position: center;background-repeat: no-repeat;background-size: cover;}
.heroPanel .imgCenter {margin-bottom: 60px;}

.grecaptcha-badge {z-index: 20;}

.main {padding-top: 140px;}

@media (min-width:400px) {
	.column2 {column-count: 2;}
}

/* general */
a 			{color: var(--bright-blue);font-size:1em;}
a:hover	{color: var(--red);}
a img		{border:0;}

.hiddenLink a {
  color: var(--dark-blue);
  text-decoration: none;
}
.hiddenLink a:hover {
  color: var(--bright-blue);
}

h1 		{
		font-size: clamp(2.5rem, 0.928rem + 3.93vw, 3.875rem);
		color:var(--dark-blue);
		font-weight:700;
		text-transform:uppercase;
		margin-top:0;
		font-family:var(--main-font);
		margin-bottom:30px;
		line-height: 120%;
		}
h2 		{
		font-family:var(--main-font);
		font-size: 2.250rem;
		font-weight:700;
		text-transform:uppercase;
		color:var(--dark-blue);
		margin-top:0;
		margin-bottom:24px;
		}
h3 		{font-size: 1.500rem;color:var(--bright-blue);font-weight:600;text-transform:uppercase;margin-top: 0;}
h4 		{font-size: 1.250rem;color:#5a6989;font-weight:700;margin-top: 0;}
h5 		{
		font-size: 1.500rem;
		color:var(--bright-blue);
		font-weight:700;
		margin-top:0;
		margin-bottom:24px;
		font-family: 'Open Sans', sans-serif;
		text-transform:uppercase;
		}
.introText {}

.footer h5 {color:var(--white);margin-top:21px;margin-bottom:10px;}

.altFontText {
	font-family: var(--alt-font);
	font-size: clamp(2.625rem, 2.197rem + 1.07vw, 3rem);
	margin-bottom:16px;
}

.home h1 {}
.home h2 {}
.home h3 {}
.home h4 {font-size: 1.250rem;color:#5a6989;font-weight:700;font-family: 'Open Sans', sans-serif;text-transform:uppercase;}

h1 span {font-family:var(--alt-font);font-size: clamp(4.5rem, 1.784rem + 6.79vw, 6.875rem);font-weight:400;text-transform:none;}
h2 span {font-family:var(--alt-font);font-size: clamp(3.125rem, 2.553rem + 1.43vw, 3.625rem);font-weight:400;text-transform:none;}
h3 span {font-family:var(--alt-font);font-size: clamp(2.625rem, 2.197rem + 1.07vw, 3rem);font-weight:400;text-transform:none;}
h4 span {font-family:var(--alt-font);text-transform:none;}

h1 span.catalogueSearchResultCount {
	font-family: var(--main-font);
	font-size: clamp(1rem, 0.144rem + 2.14vw, 1.75rem);
}

h2 img {vertical-align:middle;padding-top:10px;}

.productPageV2 h1 {font-size: clamp(2.0625rem, 1.7678rem + 1.31vw, 2.75rem);}

.h3Lower h3 {text-transform: none;}

.brightBlueHeading h2 {color: var(--bright-blue);}

.whiteText p, .whiteText h2, .whiteText a {color:var(--white);}
.whiteText a:hover {color:var(--bright-blue);}

.whiteText h2 {text-transform:none;}

p, ul, li{margin-top:0;}
.formRequired {color:#cc0000;font-size:0.625rem;}

.linkButton, 
a.readmore,
.wobjectDataForm .button,
.wobjectWobjectProxy .button,
.footer .button,
.searchHeader .button,
.enqButton a {
	display:inline-block;
	padding: 19px 21px;	
	color:var(--white);
	font-size:1.125rem;
	text-decoration: none;
	text-align:center;
	-webkit-appearance:none;
	margin-bottom:16px;
	border-radius:33px;
	background-color: var(--bright-blue);
	font-weight:400;
	border:2px solid var(--bright-blue);
	min-width: 245px;
}
.linkButton:hover, 
a.readmore:hover,
.wobjectDataForm .button:hover,
.wobjectWobjectProxy .button:hover,
.footer .button:hover,
.searchHeader .button:hover,
.enqButton a:hover {
	color:var(--dark-blue);
	background-color:var(--light-grey);
	
	}

.heroPanel .linkButton {background-color: var(--dark-blue);border-color:var(--dark-blue);}
.heroPanel .linkButton:hover {background-color: var(--light-grey);}

.whiteText .linkButton {background-color:var(--white);color:var(--dark-blue);}
.whiteText .linkButton:hover {background-color:var(--dark-blue);color:var(--white);border-color: var(--dark-blue);}

.searchHeader input[type=text],
.footer input[type=text] {	
	border:1px solid #ccc;
	font-family: 'Open Sans', sans-serif;
	padding:11px 8px;
	font-size:0.875rem;
	}
.searchHeader input,	
.footer input {vertical-align:top}	

.footer .button, .searchHeader .button {
    padding: 9px 21px;
}

.blueBox {
  text-align: center;
  border:2px solid #22bacc;
  padding: 24px 32px 6px;
  margin-bottom: 64px;
}
.blueBox:hover {border:2px solid #1a2a56}

.blueBox .linkButton {width: 100%;background-color:#1a2a56;color:#ffffff;border-color:#1a2a56;}
.blueBox .linkButton:hover {background-color:#22bacc;border-color:#22bacc;}

.attachmentSpacing {max-width: 350px;margin: auto;}

a.attachmentBoxLink {text-decoration:none;}
a .blueBox h2 {font-size:1.25rem;}

.darkBlueBox {background-color:#1a2a56;color:#ffffff;padding-left: 76px;margin-bottom:64px;}
.darkBlueBox h2 {color:#ffffff;margin-top:46px;margin-bottom: 46px;}
.darkBlueBox .articleImageRight {margin-bottom:0;}
.darkBlueBox .sideBySide-Col1 {width: 48%;}
.darkBlueBox ..sideBySide-Col2 {width: 43%;}

.darkBlueBox .sideBySide-Col2 img {float:right;object-fit: none;min-height: 565px;}

/***************** home ********************************/

.middle ul {padding-left: 22px;}
.middle ul li {margin-top: 10px;}

	.middle ul li::marker {
            color:var(--bright-blue);
        }


.prawnBG {
/*
	background-image: url('watermark-prawn.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size:50vw;
*/
	position:relative;

	}
	
.watermark {
    max-width: 270px;
    max-height: 430px;
    position: absolute;
    left: 25%;
    top: 10%;
    z-index: 1;
}
@media screen and (min-width: 480px){
	.watermark {
    	max-width: calc(270px + 400 * (100vw - 480px)/ 1320);
	}
}
@media (max-width: 768px){
	.watermark {
    	left: 20%;
    	top: 25%;
	}
}

.extraSpace {margin-top: 24px;margin-bottom: 86px;}

a.noDec {text-decoration:none;color:#1a2a56;}
a.noDec span {font-size:1.000rem;font-weight:300;}
a.noDec:hover .tipImage {max-width:190px;margin: 5px 30px 17.5px 5px;}

.tipImage {max-width: 200px;}
.noDec .tipDot {width:60px;margin-right:6px;vertical-align: middle;}

.hollowButton a {
	text-decoration:none;
	color:#1a2a56;
	padding:20px 0;
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	width: 100%;
	display: inline-block;
	text-align: center;
	font-weight:600;
	}

.hollowButton a span {margin-left:6px; display:inline-block;width:20px;font-weight:400;}
.hollowButton a:hover span {
	margin-left:6px;
	text-align:right;
	}

.hollowButton a:hover  {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}




.recipeLink {display: inline-block;margin-right:18px;}
.recipeLink svg {vertical-align: top;margin-right: 6px;}

a.noDec:hover .recipePic {
  max-width: 650px;
  margin: 5px;
}

.middleHome a .imgCenter:hover {margin: auto;max-width: 99%;margin-bottom: 14px;}

.didYouKnow.fish {background-image: url(watermark-fish-35-opacity.png);padding: 80px 10%;background-size:80%}
.didYouKnow.fish h3 {font-size:3.750rem;}

/*** Top Banner ***/

.bannerRow .middle {
  max-width: 1920px;
  padding: 0;
}

/**************** Banner Image slideshow *****************************/

.bannerRow .galleria-image-nav {display:none;}
.bannerRow .slideshow		{box-shadow: inset 0px 2px 2px #666666;}   
@media (min-width:1580px) {.bannerRow .slideshowContainer .slideshow {height:900px;}}
@media (min-width:1181px) and (max-width:1579px) {.bannerRow .slideshowContainer .slideshow {height:750px;}}
@media (min-width:961px) and (max-width:1180px) {.bannerRow .slideshowContainer .slideshow {height:550px;}}
@media (min-width:551px) and (max-width:960px) {.bannerRow .slideshowContainer .slideshow {height:450px;}}
@media (min-width:381px) and (max-width:550px) {.bannerRow .slideshowContainer .slideshow {height:300px;}}
@media (max-width:380px) {.bannerRow .slideshowContainer .slideshow {height:250px;}}

/**************** Flex Two Columns ***************************/

.flex2 {display: flex;flex-wrap: wrap;}


@media (min-width:623px) {
	.flex2 .wobject {width: 47%;margin-bottom: 12px;}
	.flex2 .wobject:not(:nth-of-type(2n)){margin-right: 6%;}
	.middleHome.flex2 {padding-bottom: 0;}
}

@media (max-width:622px) {
	.flex2 .wobject {width: 100%;margin-bottom: 12px;}
	.middleHome.flex2 {padding-bottom: 0;text-align: center;display: flex;}
}

/**************** Flex Three Columns ***************/

.flex3 {display: flex;flex-wrap: wrap;}


@media (min-width:1031px) {
	.flex3 .wobject {width: 31%;margin-bottom: 16px;}
	.flex3 .wobject:not(:nth-of-type(3n)){margin-right: 3.5%;}
}

@media (min-width:715px) and (max-width:1030px) {
	.flex3 .wobject {width: 47%;margin-bottom: 24px;}
	.flex3 .wobject:not(:nth-of-type(2n)){margin-right: 6%;}
	.middleHome.flex3 {padding-bottom: 0;}
}

@media (max-width:715px) {
	.flex3 .wobject {width: 100%;margin-bottom: 24px;}
	.middleHome.flex3 {padding-bottom: 0;}
}

/**************** Flex Four Columns ***************/

.flex4 {display: flex;flex-wrap: wrap;}


@media (min-width:1031px) {
	.flex4 .wobject {width: 23.5%;margin-bottom: 16px;}
	.flex4 .wobject:not(:nth-of-type(4n)){margin-right: 2%;}
	.middleHome.flex4 {padding-top:23px;}
}

@media (min-width:715px) and (max-width:1030px) {
	.flex4 .wobject {width: 47%;margin-bottom: 24px;}
	.flex4 .wobject:not(:nth-of-type(2n)){margin-right: 3%;}
	.middleHome.flex4 {padding-bottom: 0;}
}

@media (max-width:715px) {
	.flex4 .wobject {width: 100%;margin-bottom: 24px;}
	.middleHome.flex4 {padding-bottom: 0;}
}

/****************** Search Page *********************/

.resultInfo {
	font-size:0.875rem;
	padding:8px 0
}
.results {
	column-gap:40px;
	row-gap:30px;
}
.results > div {border-radius:15px;padding:20px;}
.results > div:hover {box-shadow: 0 0 40px rgba(26,42,86,.1);}
.results a {text-decoration:none;color:#5a6989}
.results a:hover {color:#5a6989;}
.results img {padding-bottom:20px;display:block}

.resultType{
	display:inline-block;
	padding: 8px 18px;	
	color:#fff;
	font-size:0.938rem;
	text-decoration: none;
	text-align:center;
	-webkit-appearance:none;
	margin-bottom:16px;
	background-color: #22bacc;
	font-weight:600;
	border-radius:20px;
}
.resultType:hover {
	color:#ffffff;
	background-color:#22bacc;
	border-color:#22bacc;
	}
.resultTitle {
	font-weight:600;
	color:#1a2a56;
	padding-bottom:8px;
}
.preview {font-size:0.938rem;margin-bottom:8px;}
.searchLocation {font-size:0.813rem;text-decoration:underline;color:#1a2a56;}

.pagination {display:flex;justify-content:space-between;}
.pagination span  {margin:0 12px;}

.currentPage {
	display:inline-block;
	padding:0 14px 8px;
	border-bottom:4px solid var(--bright-blue);
	color:#1a2a56;
	font-weight:500;
}
.pagination a {
	display:inline-block;
	text-decoration:none;
	padding:0 14px 8px;
	color:#5a6989;
}
.pagination a:hover {
	border-bottom:4px solid var(--bright-blue);	
}

/************ data tables ******************/

.wobjectArticle table {
	width:100%;
	border-collapse: collapse;
	font-size:1rem;
	margin:20px 0;
}
.wobjectArticle thead td {
	font-weight:600;
	color:#1a2a56;
}
.wobjectArticle tbody tr:nth-child(odd){background:#eaf2f6;} 

.wobjectArticle td {padding: 10px 20px;}



/* testimonials */

.testimonials {
	padding:50px 0 35px;
	background-image: url(quote.png);
	background-repeat: no-repeat;
	background-position: center 26px;
	background-color:#fff;
}
@media (min-width:1032px){
	.homeTestimonialContainer {margin:auto;}
}
@media (max-width:1031px){
	.homeTestimonialContainer {padding-left:16px;padding-right:16px;}
}



.homeTestimonialContainer {text-align:center;}
.homeTestimonialContainer h3 {font-size: 1.875em;}
.homeTestimonialContainer p.tesimonialTitle {font-weight:600}
.testimonialContainer p {font-size:1em;line-height:160%;}


.foodserviceTestimonial .testimonialContainer p {
	margin: auto;
	color:var(--bright-blue);
	font-family: var(--main-font);
	font-weight:400;
	}
.foodserviceTestimonial .testimonialContainer p.tesimonialTitle {
	color:var(--bright-blue);
	font-family: var(--main-font);
	font-weight:400;
	margin-top: 24px;
	}
.foodserviceTestimonial .testimonialContainer p.tesimonialTitle span {font-weight:600;}
.foodserviceTestimonial .testimonialContainer {background-color:var(--white);padding: 56px 25px 42px;}
.foodserviceTestimonial .slick-slide img {margin: auto;position: relative;}

.homeTestimonial {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 60px;
  margin-bottom: 46px;
}

/* Testimonial feed Dots */

.slick-dots {
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    padding-bottom:20px;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 0;
    cursor: pointer;
}
.testimonialContainer:focus {
	outline: none;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    font-family: 'Metropolis', sans-serif;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-size: 90px;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 34px;
    content: '.';
    text-align: center;
    color: #97a1b8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #22bacc;
}

/************ Contact Form *********************/

.kbContact .contactRow {
	display:grid;
	font-size:1rem;
	margin-bottom:20px;
}
.send {text-align:center}
.kbContact input {width:100%;}
.kbContact .ax {color: var(--red);}

.wobjectDataForm .kbContact textarea, .wobjectDataForm .kbContact input[type="text"], .wobjectDataForm .kbContact select,
.wobjectWobjectProxy .kbContact textarea, .wobjectWobjectProxy .kbContact input[type="text"], .wobjectWobjectProxy .kbContact select {
	width: 100%;
	border: 1px solid var(--blue-grey);
	border-radius: 5px;
	padding: 13px 10px;
	margin-top: 10px;
}

.kbBlueContact, .kbContactRow .middle {
	background-color: var(--grey);
	border: 2px solid var(--dark-blue);
	border-radius: 25px;
	padding: 30px;
}

.kbContactRow .middle .kbBlueContact {border:none;padding:0;}

@media (min-width:830px){
	.kbContact .contactRow.duoRow {
		grid-template-columns: 1fr 1fr;
		column-gap: 20px;
	}
}
@media (max-width:829px){
	.kbContact .contactRow.duoRow {row-gap: 20px;}
	.homeTestimonial {grid-template-columns: 1fr;gap: 20px;}
}
.kbContact .photoMsg {
	display:flex;
}
.formSubtext {
	white-space:nowrap;
}

/***** Half Images *****/


@media (min-width:801px){
	.halfContent {display:flex;justify-content:center;}
	.halfImageLeft > div {width:50%;}
	.halfImageRight > div {width:50%;}
	.halfContent .wobject, 
	.halfContent .wobjectArticle {
		height:100%;
	}
	.halfImage {
		height:100%;
		background-position:top center;
		background-repeat: no-repeat;
		background-size:cover;
	}
	.halfText .wobjectArticle {max-width:600px;}
	.halfText.htLeft .wobjectArticle {float:right;padding:0 56px 26px 0;}
	.halfText.htRight .wobjectArticle {float:left;padding:30px 0 30px 56px;}
}
@media (max-width:1672px){
	.halfText.htLeft .wobjectArticle {padding-left:16px;}
	.halfText.htRight .wobjectArticle {padding-right:16px;}
}
@media (max-width:1671px){
	.halfText.htLeft .wobjectArticle {padding-right:16px;}
	.halfText.htRight .wobjectArticle {padding-left:16px;}
}
@media (max-width:800px){
	.halfContent {display:flex;flex-wrap:wrap}
	.halfImageLeft > div:first-child {width:100%;order:1}
	.halfImageLeft > div:last-child {width:100%;order:2;padding-bottom:30px;}
	.halfImageRight > div:first-child {width:100%;order:2;padding-bottom:30px;}
	.halfImageRight > div:last-child {width:100%;order:1;}

	.halfText {padding:30px 0}
	.halfImage {
		height:260px;
		background-position:top center;
		background-repeat: no-repeat;
		background-size:cover;
	}
}

/**************** brochures *****************************/

.brochureList {
    display:flex;
    flex-wrap:wrap;
    gap:40px;
}
.brochureEntry {
    max-width:30%;
}