/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/extras/etc/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/etc/fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/extras/etc/fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* rubik-regular - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/rubik-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/rubik-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/rubik-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/rubik-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/rubik-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/rubik-v14-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-600 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: url('/extras/etc/fonts/rubik-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/rubik-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/rubik-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/rubik-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/rubik-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/rubik-v14-latin-600.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-700 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/etc/fonts/rubik-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/rubik-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/rubik-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/rubik-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/rubik-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/rubik-v14-latin-700.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* 
font-family: 'Roboto', sans-serif;
font-family: 'Rubik', sans-serif;
*/

:root {
	--almost-black: #02061A;
	--black: #000000;
	--teal: #348A99;
	--white: #FFFFFF;
	--marian-blue: #344A99;
	--jasper: #CC6345;
	--rose-red: #B53E5B;
	--apple-green: #99A841;
	--shamrock-green: #349965;
	--plum: #993499;
	--pomp-power: #5F3499;
	--harvest-gold: #E3AB10;
	--dark-grey: #323439;
	--delft-blue: #233267;
	--marian-blue-3: #D1D8F0;
	--teal-1: #76C3D1;
	--light-grey: #ADB0B9;
	--main-font: 'Roboto', sans-serif;
	--alt-font: 'Rubik', sans-serif;
	
	--smallText16: 0.889em;
	--smallText14: 0.777em;
	
	
}

html {scroll-behavior: smooth;}

header {z-index: 6;}
body {
	font-size: 1.125em;
	margin: 0px;
	font-family: var(--main-font);
	color: var(--white);
	background-color: var(--almost-black);
}
p,li {line-height:160%;}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
footer {
  margin-top: auto;
}



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

.header {
	position:fixed;
	background-color: var(--almost-black);
	width: 100%;
	z-index: 10;
	border-bottom: 1px solid var(--dark-grey);
}
.banner {
	max-width:1632px;
	width:100%;
	margin:auto;
	padding:0 16px;
}
.main {padding-top:148px;}

.logo	{
	width:100%;
	float:left;
	margin:20px 0;
	transition: margin 1s ease;
	max-width:276px;
}
.menuCont {
	width: calc(100% - 276px);
	float: right;
	padding: 24px 0 0;
	transition: padding 1s ease;
	text-align: right;
}
.topRight {
	text-align:right;
	transition: all 1s ease;
	color: #fff;
	display: flex;
	justify-content: right;
	gap: 50px;
}
.topRight a {color:#ffffff;text-decoration:none;}
.topRight a:hover {color:#ffffff;}
.topRow {
    display: flex;
    gap: 50px;
    align-items:center;
}
.headerPhone {display: flex;}
.headerPhone a {display:flex;margin-top:auto;margin-bottom:auto;}
.headerPhone img {
	margin-right: 7px;
	max-height: 19px;
	max-width: 19px;
	top: 2px;
	position: relative;
}
.logo img {max-width:100%;transition: max-width 1s ease;}
.topRight .linkButton {background-color: var(--harvest-gold);color: var(--black);}
.topRight .linkButton:hover {background-color: var(--harvest-gold);color: var(--black);}
.topRight a.linkButton:before {background-image: url('linkButton-arrow-black.png');}

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

@media (min-width:1201px) {
	.shrink .topRight {font-size:0;margin:0;display: none;}
	.shrink .topRight a {font-size:0;margin:0;padding:0;border:none;}
}
:target::before {
  content: "";
  display: block;
  height: 62px; /* fixed header height*/
  margin: -62px 0 0; /* negative fixed header height */
}

#miniCart {
	display:inline-block;
	color:#ffffff;
	margin-top:20px;
	position:relative;
	}
#miniCart span {display:none;}
#miniCart a:nth-of-type(2){
   text-decoration:none;
   color: #000;
   position: absolute;
   right: -12px;
   top: -12px;
   font-size:0.688rem;
   z-index: 10;
   background-color:var(--harvest-gold);
   width:20px;
   line-height:20px;
   border-radius:50%;
   text-align:center;
   }
#miniCart a:nth-of-type(2):hover {background-color:#fff;}




/**************** nav - wide menu *************************/

.topnav {
	position:relative;
	background-color:transparent;
	max-width:1200px;
	margin:22px 0 0 auto;
}

.topnav .topmenu p {margin-bottom: 11px;font-size: 0.875rem;}

html .topnav .topmenu {padding-left:18px;}

html .topnav .topmenu > ul {display: flex;justify-content:space-between;}
.topnav .topmenu > ul li.top-level {padding: 0;vertical-align:center;}
.topnav .topmenu a {text-decoration:none;font-size:18px;color: #fff;}
.topnav .topmenu > ul li.top-level>a {padding: 0 9px 4px;border-bottom:3px solid transparent}
.topnav .topmenu > ul li.top-level>a:hover,
.topnav .topmenu > ul li.top-level>a.selected,
.topnav .topmenu > ul li.top-level:hover {color:#fff;border-bottom-color: var(--teal-1);}
.topnav .topmenu > ul .mega-menu {
	max-width:1200px;
	width: 100%;
	background-color: var(--dark-grey);
	position: absolute;
	top: 47px;
	left: calc(50% - 50%);
	padding: 30px;
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	column-gap:50px;
	row-gap:30px;
	text-align: left;
	padding: 40px 64px 56px;
    box-shadow: 0 0 50px -1px #4539321f, 1px 20px 130px -4px #342c2770;
	border-radius:35px;
	
}
.shrink .topnav .topmenu > ul .mega-menu {top:57px;}

.topnav .topmenu .mega-menu li {
	padding:6px 0;
	display:block;
	border-bottom: 2px solid var(--white);

}
.topnav .topmenu .mega-menu > li > a{color:var(--white);font-weight:400;}
.topnav .topmenu .mega-menu > li > a:first-child {padding-bottom:20px;}
.topnav .topmenu .mega-menu li a:hover {color:var(--white);text-decoration:underline;}
.topnav .topmenu .mega-menu li > ul {padding:0;}
.topnav .topmenu .mega-menu > li > ul li a{font-size:0.813rem;color:#54565A;padding-left:20px;}    
.topnav .topmenu .mega-menu li > ul > li ul{padding:0;}
.topnav .topmenu .mega-menu > li > ul li > ul li a{font-size:0.813rem;color:#54565A;padding-left:40px;} 

/**************** 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(--white);}
.slicknav_icon-bar:nth-child(1) {width:18px;}
.slicknav_icon-bar:nth-child(2) {width:23px;}
.slicknav_icon-bar:nth-child(3) {width:18px;}

.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(--white);}
li.slicknav_parent.slicknav_open > a .slicknav_arrow			{color:var(--almost-black);}
li.slicknav_collapsed.slicknav_parent:hover > a .slicknav_arrow {color:var(--almost-black);}

.slicknav_nav > li:nth-of-type(1)	{border-top:none;}
.slicknav_nav > li:not(:last-child) {}
.slicknav_nav > li 						{background-color:#002647;}
.slicknav_nav a 							{color: var(--white);background-color: var(--almost-black);}
.slicknav_nav a:hover					{background-color: var(--white);color: var(--almost-black);}
.slicknav_row:hover, 
li.slicknav_collapsed .slicknav_row:hover a	{background-color: var(--almost-black);color: #ffffff;}
.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: var(--white);color: var(--almost-black);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:var(--white);}	
.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:#ffffff;}

/* third levels */
.slicknav_nav ul li ul li 					{background-color:var(--almost-black);}
.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: var(--white);color: var(--almost-black);}	
	
.slicknav_nav {scrollbar-color:#fff #000;}	
	
	
/**************** footer *****************************/

footer	{
	background:url('footer-bg-2.jpg');
	color:#ffffff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-top: 1px solid var(--black);
	padding-top:70px;
	}
.footerInfo	{
	max-width:1632px;
	width:100%;
	margin:auto;
	padding:40px 16px 30px;
	display: grid;
	grid-template-columns: 1fr 3fr;
	column-gap: 90px;
	}

.footerInfo .linkButton {min-width: 200px;padding: 13px 24px;}

.footerInfo .linkButton,
.footerInfo .linkButton:hover {
	background-color: var(--harvest-gold);
	color: var(--black);
}
.footerInfo a.linkButton:before {
	background-image: url('linkButton-arrow-black.png');
}

.footerInfo p 	{margin-bottom:18px;line-height:160%;font-size: 1.000rem;}
.footerInfo	a 	{color:#ffffff;text-decoration:none;}

.footerInfo .socialContact {border-top:1px solid var(--delft-blue);margin-top: 55px;padding-top: 36px;}
.footerInfo .socialContact a {text-decoration:underline;padding-bottom: 12px;}

.footerBase	{
	max-width:1632px;
	width:100%;
	margin:auto;
	padding: 10px 16px;
	color: #ffffff;
	line-height:140%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	}
.footerLeft				{width:100%;font-size:0.750rem;}
.footerCenter 			{width:100%;text-align:center;font-size: 0.750rem;}
.footerRight			{width:100%;text-align:right;font-size:0.750rem;}
.footerBase a 			{font-size: 0.750rem;color:var(--white);text-decoration: none;}
.footerBase a:hover	{text-decoration: underline;color:var(--white);}

/*** Footer Sitemap ***/

.footerSiteMap {column-count:3;column-gap: 32px;}
.footerSiteMap ul {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
                  overflow: hidden;
}
.siteMapColumn {margin-bottom: 0;}
.siteMapColumn ul	{margin:0;padding:0;list-style-type:none;}
.siteMapColumn li	{padding-bottom: 6px;}
.siteMapColumn a {color: var(--white);text-decoration:none;font-size:1.000rem;}
.siteMapColumn a:hover {color: var(--white);text-decoration: underline;}


.siteMapColumn li.root {margin-bottom:0;}
.siteMapColumn li.root a {font-weight:700;font-size:1.125rem;padding-bottom: 6px;}

/**************** Slideshow *****************************/

.slideshowContainer {position:relative;}
.slideshow {height:1000px;}
.galleria-image-nav {display:none;}
.slideOverlay {
	position:absolute;
	top:40px;
	z-index:4;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	height:calc(100% - 80px);
	text-align: center;
	left: calc((100vw - 1600px)/2);
	max-width: 745px;
}    
.slideshow .galleria-image img {
	left: unset !important;
	right: 0;
}
.slideOverlay .wobject {max-width: 1200px;width: 100%;text-align: left;}
.slideOverlay .wobject .wobjectArticle {max-width: 1200px;text-align: left;}

@media (min-width:1201px) {
	.slideOverlay {}
}
@media (max-width:1632px) {
	.slideOverlay {left: 16px;width: calc(100% - 16px);}  
}
@media (min-width:821px) and (max-width:1200px) {
	.slideshow {height:480px;}
    .slideshow img {}
}
@media (min-width:641px) and (max-width:820px) {
	.slideshow {height:430px;}
    .slideshow img {}	
}
@media (max-width:640px) {
	.slideOverlay {
		position: relative;
		top: 0;
		left: 0;
		max-width: 100%;
		background-color: var(--grey-green);
		padding: 24px 16px 30px 16px;
		width: 100%;
	}
	.slideshow {height:500px;}
    .slideshow img {}
}
@media (max-width:500px) {
	.slideshow {height:400px;}
    .slideshow img {}

}

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

/* layout */

.middle		{padding: 0 16px; max-width:1632px;width:100%;margin:auto;}
.crumb		{padding: 21px 16px 45px;font-size:0.813em;color:var(--white);}
.crumb a    {color:var(--white);font-size:1em;text-decoration:none;}
.crumb a:hover {color:var(--white);text-decoration:underline;}
.colourRow	{background: #f0f0f0;}
.center {text-align:center;}
.bgCenter {background-position: center;}
.bgCover {background-size: cover;}
.narrow .middle {max-width:1232px;}
.narrowTemplate {max-width:1232px;margin:auto;}
.center .linkButton_Cont {justify-content:center;}
.borderTop {border-top: 2px solid var(--apple-green);}
.borderBot {border-bottom: 2px solid var(--apple-green);}
.videoWrapper iframe {border-radius: 25px;}
.smallText16 {font-size: var(--smallText16);}
.smallText14 {font-size: var(--smallText14);}

.iconLeft {
	display:grid;
	grid-template-columns: max-content 1fr;
	gap:20px;
}
.iconLeft img.articleImageLeft {
	max-width:30px;
	margin-right: 10px;
}

@media (min-width:641px) {
	html .articleImageLeft {margin-right:60px;}
}

.leftImageColumns {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 20px;
}

.roundedImage img {border-radius:25px;}

.pictureRow {min-height: 320px;background-position: center;background-size: cover;}

.highlightRow .columns2 {row-gap: 100px;}

.dendriteRight {
	background-image: url('dendrites-bg-right.png');
	background-position:right;
	background-repeat:no-repeat;
}

.dendriteLeft {
	background-image: url('dendrites-bg-left.png');
	background-position: left top;
	background-repeat:no-repeat;
}

.roundImage img {clip-path: inset(0px round 50px);}

.bgRight {
	background-repeat: no-repeat;
	background-position: center right;
}

.twoColList {
	column-count:2;
	column-gap:16px;
}
.paddedList li {
	padding-bottom:30px;
}
.iconLeft {
	display:grid;
	grid-template-columns: max-content 1fr;
	gap:20px;
}

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

h1 {font-size: clamp(2rem, 0.9185rem + 4.12vw, 2.875rem);color:var(--white);font-weight:600;font-family:var(--alt-font);margin-top:0;}
h2 {font-size: clamp(1.75rem, 1.1331rem + 2.35vw, 2.25rem);color:var(--white);font-weight:600;font-family:var(--alt-font);line-height:140%;}
h3 {font-size: clamp(1.25rem, 0.9403rem + 1.18vw, 1.5rem);color:var(--white);font-weight:600;font-family:var(--alt-font);line-height:140%;}
h4 {font-size: 1.500rem;color:var(--white);font-weight:600;margin-top:0;font-family:var(--alt-font);}
h5 {font-size: 1.125rem;color:var(--white);font-weight:700;margin-top:0;}

.home p {font-size: clamp(1.125rem, 0.9701rem + 0.59vw, 1.25rem);}
.home h1 span {color:var(--teal);}

h1 span {color:var(--teal-1);}

.noHeadingTop h2 {margin-top:0;}

.submissionInList h2 a {color:#000000;text-decoration:none;}
.submissionInList h2 a:hover {color:#cc0000;}

.likeH2 {font-size: clamp(1.75rem, 1.1331rem + 2.35vw, 2.25rem);color:var(--white);font-weight:600;font-family:var(--alt-font);}

h2 a {text-decoration:none;}
h2 a:hover {color:#fff;}
h3 a {text-decoration:none;}
h3 a:hover {color:#fff;}


.introText {font-size:1.500rem;}

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

.sitemapPageTitle {max-width: 350px;}

.imageSitemap .sitemap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 60px;
	padding-top: 24px;
}

/********** Buttons *****************/

.linkButton_Cont {
	display: flex;
	column-gap: 45px;
	row-gap:25px;
	flex-wrap: wrap;
	margin-top:45px;
}

.button,
.paymentMethods button {
	display: inline-block;
	padding: 12px 24px;
	background-color: var(--harvest-gold);
	color: var(--black);
	text-decoration: none;
	border:none;
	border-radius: 28px;
	text-align: center;
	font-weight: 400;
	transition: ease 0.3s;
	-webkit-appearance: none;
	font-size: 1.000rem;
	cursor:pointer;
	font-family:var(--main-font);
}
.button:hover {
	background-color: var(--marian-blue);
	color:#fff;	
}

.linkButton, 
.dataForm .button,
.paymentMethods button,
.linkButton_Cont .button,
.bookSession__buttons .button {
	display: inline-block;
	padding: 18px 24px;
	background-color: var(--marian-blue);
	color: var(--white);
	text-decoration: none;
	border:none;
	border-radius: 28px;
	text-align: center;
	font-weight: 400;
	transition: ease 0.3s;
	-webkit-appearance: none;
	font-size: 1.000rem;
	min-width: 255px;
}

.linkButton:hover {
	color:#fff;
}

.paymentMethods button {
    padding: 10px 24px;
    min-width: 125px;
	background-color: var(--harvest-gold); 
	color:#000;   
}
.paymentMethods button:hover {
    cursor:pointer;
    background-color: var(--marian-blue);
    color:#fff;
}


.linkButton_Cont .linkButton,
.linkButton_Cont .linkButton:hover {
	background-color: var(--marian-blue);
	color: var(--white);
}

a.linkButton:before,
.dataForm .button:before,
.linkButton_Cont .button:before,
.bookSession__buttons .button:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	transition: width 0.3s, height 0.3s, margin 1s;
	background-image: url('linkButton-arrow-white.png');
	background-size: contain;
	background-repeat: no-repeat;
}

a.linkButton:nth-child(2):before,
.dataForm .button:before,
.linkButton_Cont .button:nth-child(2):before,
.bookSession__buttons .button:nth-child(2):before,
.yellowButton .linkButton:before,
.yellowButton .linkButton_Cont .linkButton:before{
	background-image: url('linkButton-arrow-black.png');
}




.linkButton_Cont .linkButton:nth-child(2),
.linkButton_Cont .linkButton:nth-child(2):hover,
.dataForm .button,
.linkButton_Cont .button:nth-child(2),
.linkButton_Cont .button:nth-child(2):hover,
.bookSession__buttons .button:nth-child(2),
.bookSession__buttons .button:nth-child(2):hover,
.yellowButton .linkButton, .yellowButton .linkButton_Cont .linkButton {
	background-color: var(--harvest-gold);
	color: var(--black);
}

/*
.linkButton:hover, 
.dataForm .button:hover {
	background-color: var(--marian-blue);
	color: var(--white);
}
*/



.altButton.dataForm .button,
.altButton .linkButton,
.altButton .linkButton_Cont .linkButton,
.altButton .linkButton_Cont .linkButton:hover {
	background-color: var(--harvest-gold);
	color: var(--black);
}
.altButton a.linkButton:before {
	background-image: url('linkButton-arrow-black.png');
}

.altButton .linkButton_Cont .linkButton:nth-child(2),
.altButton .linkButton_Cont .linkButton:nth-child(2):hover {
	background-color: var(--marian-blue);
	color: var(--white);
}
.altButton .linkButton_Cont .linkButton:nth-child(2):before {
	background-image: url('linkButton-arrow-white.png');
}

.eventListItem__Info .linkButton_Cont .linkButton {
	font-size: 16px;
	min-width: 165px;
	padding: 12px 12px 10px;
}


@media (min-width:641px) {
	a.linkButton:hover:before,
	.dataForm .button:hover:before,
	.bookSession__buttons .button:hover:before {
		width: 20px; /* Adjust to the desired width */
		height: 11px; /* Adjust to the desired height */
		position: relative;
		bottom: 0;
		margin-right: 16px;
	}
}
@media (max-width:640px) {
	a.linkButton:before,
	.dataForm .button:hover:before {
	width: 20px; /* Adjust to the desired width */
	height: 11px; /* Adjust to the desired height */
	position: relative;
	bottom: 0;
	margin-right: 16px;
	}
}

.dataForm .button,
.linkButton_Cont .button,
.bookSession__buttons .button,
.addToCart .button {
	display: inline-block;
	padding: 12px 12px;
	background-color: var(--harvest-gold);
	color: var(--black);
	text-decoration: none;
	border:none;
	border-radius: 28px;
	text-align: center;
	font-weight: 400;
	transition: ease 0.3s;
	-webkit-appearance: none;
	font-size: 1.000rem;
	min-width: 212px;
	background-position: 25px center;
	transition: ease 0.3s;
	cursor:pointer;
}
.dataForm .button:hover,
.linkButton_Cont .button:hover,
.bookSession__buttons .button:hover,
.addToCart .button:hover {
	background-image: url('linkButton-arrow-black.png');
	background-repeat:no-repeat;
	background-position: 22px center;
	padding-left:32px;
	background-color: var(--harvest-gold);
	color: var(--black);
}
.eventListItem__Info .button {
	min-width:165px;
}
.contCheckout .cont .button,
.backConfirm .button:first-child,
.button#back {
	background-color: var(--marian-blue);
	color:#fff;
	margin-right:30px;	
}
.button#back:hover {
	background-color: var(--delft-blue);	
}
.sitemapPageTitle img {border-radius: 25px;margin-bottom: 16px;}

.certRow .middle:nth-child(2) .wobject {
	border-bottom:1px solid var(--apple-green);
	position: relative;
	padding-bottom: 80px;
}

.certRow .linkButton_Cont {
	margin-top:0;
}
.certRow .linkButton {
	background-color: unset;
	padding: 0;
	text-decoration: underline;
	border-radius: unset;
	position:absolute;
	bottom:35px;
}
.certRow .linkButton:hover {background-color:unset;color:var(--teal-1);}
.certRow .linkButton:before {
	width: 20px; /* Adjust to the desired width */
	height: 11px; /* Adjust to the desired height */
	position: relative;
	bottom: 0;
	margin-right: 16px;
}


/**************** panels *****************************/

.blackRow {
	background-color:var(--black);
	position:relative;
	margin: 128px auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.blackRowBot {
	background-color:var(--black);
	position:relative;
	margin: 0 auto 128px;
	padding-top: 40px;
	padding-bottom: 20px;
}
.blackRowTop {
	background-color:var(--black);
	position:relative;
	margin: 128px auto 0;
	padding-top: 20px;
	padding-bottom: 40px;
}

/* Gradient above the blackRow */
 .blackRow::before, .blackRowTop::after {
	content: "";
	position: absolute;
	top: -128px;
	left: 0;
	right: 0;
	height: 128px;
	background: linear-gradient(to bottom, var(--almost-black), var(--black));
}

 /* Gradient below the blackRow */
 .blackRow::after, .blackRowBot::after {
	content: "";
	position: absolute;
	bottom: -128px;
	left: 0;
	right: 0;
	height: 128px;
	background: linear-gradient(to bottom, var(--black), var(--almost-black));
}

@media (max-width:767px) {
	.blackRow {
		margin: 64px auto;
	}
	.blackRowBot {
		margin: 0 auto 40px;
	}
	.blackRowTop {
		margin: 64px auto 0;
	}
	.blackRow::before, 
	.blackRowTop::after {
		top: -64px;
		height: 64px;
	}
	.blackRow::after, 
	.blackRowBot::after {
		bottom: -64px;
		height: 64px;
	}
}

@media (max-width:440px) {
	.blackRow {
		margin: 22px auto;
	}
	.blackRowBot {
		margin: 0 auto 40px;
		padding-bottom: 20px;
	}
	.blackRowTop {
		margin: 22px auto 0;
	}
	.blackRow::before, 
	.blackRowTop::after {
		top: -22px;
		height: 22px;
	}
	.blackRow::after, 
	.blackRowBot::after {
		bottom: -22px;
		height: 22px;
	}
}

.borderTop .middle {
	border-top:2px solid var(--apple-green);
	padding-top:60px;
} 

/** parallax CTA  **/

.panelCTA {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000;
	padding:50px 0;
}
.panelCTA .linkButton {
	margin-top:40px;
}

.panelPadding {
	padding-top:40px;
	padding-bottom:40px;	
}
.panelPaddingTop {
	padding-top:40px;
}
.panelPaddingBottom {
	padding-bottom:40px;
}
 
.highlightBubble {
	border: 2px solid var(--jasper);
	border-radius: 50px;
	padding: 60px 35px;
	margin-bottom: 60px;
	background-color: var(--black);
}

.highlightBubble.roseRed {border-color:var(--rose-red);}
.highlightBubble.plum {border-color:var(--plum);}
.highlightBubble.pomp {border-color:var(--pomp-power);}
.highlightBubble.teal {border-color:var(--teal);}
.highlightBubble.marian {border-color:var(--marian-blue);}

.highlightRow .wobject {
	border: 2px solid var(--teal);
	border-radius: 50px;
	background: linear-gradient(to bottom, var(--black), var(--almost-black));
	position: relative;
	}
.highlightBox {
	padding: 77px 55px 135px;
	background-image: url('services-bg-dendrites.png');
	background-position: right top;
	background-repeat: no-repeat;
	}
.highlightBox h2 {margin-top:0;}

.highlightBox .linkButton {
	position: absolute;
	bottom: 65px;
	left: 55px;
}

.highlightBox.highlightBoxSolo {
	padding:100px;
}
.highlightBox.highlightBoxSolo .linkButton {
	position: relative;
	bottom: 0;
	left: 0;
}

/********* testimonial feed ********************/

.testimonialCarousel {
	position: relative;
	margin: 40px 0;
	background: linear-gradient(to bottom, var(--marian-blue), var(--teal));
	border-radius:50px;
	}

@media (min-width:641px) {
	.testimonialCarousel .slick-slide {
		padding: 66px 70px 52px;
	}
}	
@media (max-width:640px) {
	.testimonialCarousel .slick-slide {
		padding: 33px 35px 26px;
	}
}	
	
.testimonialCarousel div p {font-size: clamp(1.25rem, 0.9403rem + 1.18vw, 1.5rem);}	

.testimonialFeed:before, .testimonialCarousel:before {
	content:url('testimonial-open-quote.png');
	position: absolute;
	top: 35px;
	left: 35px;
}
.testimonialFeed:after, .testimonialCarousel:after {
	content:url('testimonial-close-quote.png');
	position: absolute;
	bottom: 35px;
	right: 35px;
}
.tesimonialTitle {font-weight: 700;}

/* Dots */
.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: -55px;
    display: block;
    width:100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.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: 60px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    color: var(--marian-blue-3);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: var(--marian-blue);
}

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

.noClip .halfImageRight .halfImage {clip-path: none;}

@media (min-width:1101px){
	.halfContent {display:flex;justify-content:center;column-gap: 100px;}
	.halfImageLeft > div {width:50%;}
	.halfImageRight > div {width:50%;}
	.halfContent .wobject, 
	.halfContent .wobjectArticle {
		height:100%;
	}
	.halfImage {
		height:100%;
		background-position:center;
		background-repeat: no-repeat;
		background-size:cover;
	}
	.halfText .wobjectArticle {max-width: 752px;}
	.halfText.htLeft .wobjectArticle {float:right;padding:0 56px 26px 0;}
	.halfText.htRight .wobjectArticle {float:left;padding:30px 0 30px 56px;}
	
	.halfImageRight .halfImage {clip-path: xywh(0 0 100% 100% round 50px 0 0 50px);}
	.halfImageLeft .halfImage {clip-path: xywh(0 0 100% 100% round 0 50px 50px 0);}
}
@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:56px;}
}
@media (max-width:1100px){
	.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.htRight .wobjectArticle {padding-left: 16px;}

	.halfText {padding:30px 0}
	.halfImage {
		height:260px;
		background-position:center center;
		background-repeat: no-repeat;
		background-size:cover;
	}
}
@media (max-width:440px){
		.halfText {padding:20px 0}
}

/********** Form Elements ******************/

input[type="text"],
input[type="password"],
input[type="tel"],
textarea,
select {
  padding: 9px 6px;
  border-radius: 6px;
  border: 1px solid #bbbcbd;
  font-size: 1rem;
}
input.readonly {
	color:#fff;
	border:none;
}

/*** FAQ Blog ***/

.blogFAQ .submissionInList {
	border-bottom: 1px solid #76C3D1;
	padding-top: 15px;
	padding-bottom: 14px;
	margin-bottom: 0;
}
.blogFAQ .faq__QA {border: 0;}
.blogFAQ .faq__QA:last-child {border-bottom:0;}
.faq__answer p {margin-bottom: 10px;}
a.blogReadMore {
	color: #76C3D1;
	text-decoration: underline;
}
.submissionInList .faq__question {
	color: var(--white);
	font-size: 1.500rem;
	font-weight: 600;
}
.submissionInList .faq__twisty {
	background-color:transparent;
	position: relative;
	top: 5px;
}
.submissionInList .faq__question:hover .faq__twisty {
	background-color:transparent;
}

/* filter */

.catalogueFilterBox h3 {border-bottom:1px solid var(--white);font-size:1.5em;padding-bottom:6px;cursor:pointer;}
#catalogueFilterSubs {
	max-height:0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	margin-bottom:24px;
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
}
#catalogueFilterSubs h4 {margin-top:0;padding-bottom:4px;margin-bottom:12px;border-bottom:1px solid #ccc;}
#catalogueFilterSubs ul {padding:0;list-style-type:none;margin-bottom: 0;}
#catalogueFilterSubs li {padding:5px 0;}
#catalogueFilterSubs a {font-size: 1.000rem;color: var(--white);text-decoration: none;line-height: 120%;}
#catalogueFilterSubs span {font-size:0.875em;color:var(--white);}
#catalogueFilterSubs a:hover {color:var(--white);text-decoration:underline;}
#catalogueFilterSubs .remove {color:var(--white);padding-left:10px;text-decoration: none;}

.blogFilterSelected:before {content:"Applied: ";font-weight:500;padding-right:20px;}
.blogFilterSelected {padding:0;list-style-type:none;}
.blogFilterSelected li {display:inline-block;font-size:0.813em;margin-right:12px;color:#fff;margin-bottom:10px;}
.blogFilterSelected li:not(:last-child) {padding:5px 7px 6px;background:var(--marian-blue);}
.blogFilterSelected li:not(:last-child) a {text-decoration:none;color:#fff;}
.blogFilterSelected span {padding-left:12px;}
.blogFilterSelected li:last-child {display:none;}

/*** Sign Up Form ***/

.dataForm.signUpForm dd {
	margin-left: 0;
	padding: 0;
}
.dataForm.signUpForm dt {
	padding-bottom: 25px;
}
.dataForm.signUpForm .checklistV {
	padding-bottom:12px;
}

/**************** Sticky Heading on Scroll *****************************/

.stickyContainLeft .grid__sideBySide50-50 div:first-child .wobject,
.stickyContainLeft .grid__sideBySide30-70 div:first-child .wobject {
	position: sticky;
	top: 200px;
	margin-bottom:60px;
}
.stickyContainLeft .grid__sideBySide50-50 div:first-child .wobject h2,
.stickyContainLeft .grid__sideBySide30-70 div:first-child .wobject h2 {margin-top: 0;}

.stickyContainRight .grid__sideBySide70-30 div:last-child .wobject {
	position: sticky;
	top: 200px;
}
.stickyContainRight .grid__sideBySide70-30 div:last-child .wobject h2 {margin-top: 0;}


/******/

/**************** Sitemap Image Grow on Hover ****************/

.sitemapPageTitle img {
	transition:all ease 1s;
}
.sitemapPageTitle a:hover img {
	scale:1.1;
}

/******/

/******* Download Reports *************/

.reportList {
	display:flex;
	flex-wrap:wrap;
	gap:50px;
	justify-content:center;
	margin-top:60px;
}
@media (min-width:1560px){
	.downloadReport {
		max-width:280px;
	}
}
@media (max-width:1559px){
	.downloadReport {
		max-width:200px;
	}
}
.downloadReport img.thumb {
	padding-bottom:30px;
}
.downloadReport a {
	text-decoration:none;
}

/****** why choose us ****************/

.threeCards .columns3 {
	gap:67px;
}
.threeCards .columns3 .wobject {
	padding:20px 50px 25px 50px;
	background-image: url(services-bg-dendrites.png);
	background-position:top right;
	background-repeat:no-repeat;
	border-radius:50px;
	background: url('/extras/styles/webideas/services-bg-dendrites.png') no-repeat right top, transparent linear-gradient(180deg, var(--black) 0%, var(--almost-black) 100%) 0% 0%;
	opacity: 0;
	transform: perspective(800px) rotateY(20deg) rotateZ(-4deg);
	border:1px solid;
	margin-bottom:20px;
}
@media (max-width:540px){
	.threeCards .columns3 .wobject {
		padding: 20px 30px 0px 20px;
	}
}

.cardmove {
  animation: turn .5s ease-in-out, see .5s ease-in-out;
  animation-fill-mode: forwards;
}
.threeCards .columns3 .wobject:nth-child(1) {border-color:var(--jasper);}
.threeCards .columns3 .wobject:nth-child(2) {border-color:var(--rose-red);animation-delay: .5s;}
.threeCards .columns3 .wobject:nth-child(3) {border-color:var(--plum);animation-delay: 1s;}

@keyframes turn {
  from {
    transform: perspective(1500px) rotateY(20deg) rotateZ(-4deg);
	  opacity:1;
  }
  to {
    transform: perspective(3000px) rotateY(0) rotateZ(0);
	  opacity:1;
  }
}
@keyframes see {
  from {
	  opacity:1;
  }
  to {
 	  opacity:1;
  }
}

/*********** FAQ feed *******************/

.wobjectBlogFeed {
	padding-bottom:40px;
}

.faqFeed {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 50px;

}
.faqFeed__card {
	border-bottom: 2px solid var(--shamrock-green);
	padding-bottom:17px;
	max-width: 280px
}
@media (max-width:645px){
	.faqFeed__card {
		max-width:360px;
	}	
}
.faqFeed__card.blogFeed {
    border-bottom: 2px solid var(--jasper);
}
.faqFeed__img {
	margin-bottom:35px;
}
.faqFeed__title {
	margin-bottom:22px;
	background-image: url(blog-feed-arrow.png);
	background-position:top 2px right;
	background-repeat:no-repeat;
}
.faqFeed__desc {
	font-size:var(--smallText16);
}

.faqFeed__title a {
	display:block;
	text-decoration:none;
	font-weight:600;
	padding-right:20px;
}
.faqFeed__intro {
	font-size:16px;
}

/************* Events Calendar *****************/

.eventList {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	column-gap: 55px;
}
/***** Event List Item *****/

.eventListItem {
	display:grid;
	column-gap:34px;
	border:1px solid var(--pomp-power);
	border-radius: 25px;
	margin-bottom:50px;
}
.eventListItem__Dates {
	background-color:var(--pomp-power);
	padding:25px;
	text-align:center;
}
.eventListItem.Orange {
	border-color:var(--jasper);
}
.eventListItem.Orange .eventListItem__Dates {
	background-color:var(--jasper);
}
.eventListItem.Pink {
	border-color:var(--rose-red);
}
.eventListItem.Pink .eventListItem__Dates {
	background-color:var(--rose-red);
}
.eventListItem.Green {
	border-color:#2A8355;
}
.eventListItem.Green .eventListItem__Dates {
	background-color:#2A8355;
}
.eventListItem.Blue {
	border-color:var(--marian-blue);
}
.eventListItem.Blue .eventListItem__Dates {
	background-color:var(--marian-blue);
}
.eventListItem__Dates .smallText14{
	padding-top:20px;
}
.eventListItem__Info {
	padding:0 20px 24px 20px;	
}
.eventListItem__Cost {
	padding-top: 12px;
	font-weight:600;
}
@media (min-width:1040px) {
	.eventListItem {
		grid-template-columns: 200px 1fr;	
	}
	.eventListItem__Dates {
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;	
	}
}
@media (max-width:1039px) {
	.eventListItem__Dates {
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;	
	}
}
@media (max-width:640px) {
	.eventList {
		grid-template-columns:1fr;
		gap:30px;
	}
}

/*********** View Event *********************/

.eventMenu {
	display:flex;
	gap:4px;
	justify-content:flex-end;
	padding-bottom:20px;
}
.eventMenu a {
	padding: 0 20px;
	line-height: 24px;
	text-decoration: none;
	display: block;
	color: #000;
	font-size: 12px;
	background-color: #f0f0f0;	
}
.eventMenu a:hover {
	background-color:#000;
	color:#fff;
}
.eventDetail {
	display:grid;
	grid-template-columns: 37% 1fr;
	gap: 75px;
}
.eventDetail__image {
	border-radius:50px;
}
.eventDetail__download {
	font-size:1rem;
	padding-top:45px;
}
.eventDetail__download img {
	padding-right:13px;
	vertical-align:middle;
}
.eventDetail__cost {
	font-size:36px;
	color:#76C3D1;
	font-weight:600;
	padding-bottom:40px;
}
.eventDetail__subheading {
	font-size:1.112em;
	font-weight:700;
	padding-bottom: 16px;
	border-bottom:2px solid var(--teal);
	margin-bottom:26px;
}
.eventDetail__dates {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	grid-template-areas: "edDates edTime edLocation";
	gap:37px;
}
@media (max-width:730px){
	.eventDetail__dates {
		grid-template-columns:repeat(2, 1fr);
		grid-template-areas: 
			"edDates edTime"
			"edLocation edLocation";
	}
}
.edDates {grid-area:edDates}
.edTime {grid-area:edTime}
.edLocation {grid-area:edLocation}

.eventDetail__button {
	padding-top:50px;
	padding-bottom:70px;
}
.eventDescription {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:50px;
	border-top:3px solid var(--teal);
	margin-top:30px;
	padding-top:20px;
}
@media (max-width:870px){
	.eventDetail {
		grid-template-columns:1fr;
		gap: 25px;
	}	
	.eventDescription {
		grid-template-columns:1fr;
		gap:0;
	}
}
.adminBookingLinks {
	margin-top:40px;
	display:flex;
	gap:30px
}

.productLearnMore {
	text-align:center;
	background-color:var(--black);
	border:1px solid var(--rose-red);
	border-radius:25px;
	padding:55px;
	margin-top:60px;
	margin-bottom:60px;
}
.productLearnMore h3 {
	margin-top:0;
	margin-bottom:40px;
}

@media (max-width:500px){
	.productLearnMore {padding:40px;}
}

/*** Resources to Purchase Catalogue ***/

.resourceList {
    max-width: 1200px;
    margin: auto;
    background-color: var(--black);
}

.resourceList p {font-size: 1.250rem;}

.resourceList .eventListItem.Orange .eventListItem__Dates,
.resourceList .eventListItem.Pink .eventListItem__Dates,
.resourceList .eventListItem.Purple .eventListItem__Dates,
.resourceList .eventListItem.Green .eventListItem__Dates,
.resourceList .eventListItem.Blue .eventListItem__Dates {
    background-color: transparent;
}

.resourceList .eventListItem__Dates {
    padding: 40px 0px 40px 50px;
}

.resourceList .eventListItem {grid-template-columns: 400px 1fr;column-gap: 50px;}

/********* Catalogue **************/

.addToCart:before {
	content:"Qty";
	padding-right:20px;
}
.addToCart #quantity {
	margin-right:30px;
}

/********* Booking ****************/

.bookingCrumb {
	font-size:1rem;
	padding-bottom:50px
}
.bookingCrumb .selected {
	font-weight:600
}
#bookingForm h2 {
	margin-top:0;
}
.bookSessionCont {
	border: 2px solid var(--pomp-power);
	background-color:var(--black);
	border-radius:25px;
	padding:50px;
	margin-bottom: 50px;
}
@media (max-width:480px) {
	.bookSessionCont {
		padding:20px;
	}	
}
.bookSession {
		display:grid;
		grid-template-columns:1fr 1fr;
		column-gap:100px;
}
@media (min-width:680px){
	.bookSession {
			grid-template-columns:1fr 1fr;
			grid-template-areas:
				"details contact"
				"buttons buttons";
	}
}
@media (max-width:679px){
	.bookSession {
			grid-template-columns:1fr;
			grid-template-areas:
				"details"
				"contact"
				"buttons";
	}
}
.bookSession h3 {margin-top:0}
.bookSession__details {
	grid-area:details;
}
.bookSession__detailsGrid > div {
	display:grid;
	gap:20px;
	margin-bottom: 16px;
}
.bookSession__detailsGrid > div > div:first-child {font-weight:700}

@media (min-width:481px){
	.bookSession__detailsGrid > div {
		grid-template-columns:30% 1fr;
	}
}
@media (max-width:480px) {
	.bookSession__detailsGrid > div {grid-template-columns:50% 1fr;} 
	.bookSession__detailsGrid > div:nth-child(1) {grid-template-columns:30% 1fr;}
	.bookSession__detailsGrid > div:nth-child(2) {display:block}
}
.bookSession__detailsGrid .multiClassName,
.bookSession__detailsGrid .multiClassBorder {
	display:block;
} 
.bookSession__detailsGrid .multiClassName {font-weight:600;}
.bookSession input:read-only {
	border:none;
	padding:0;
	font-family: var(--main-font);
	color:#546263;
}
.bookSession__attending {
	border-top:2px solid var(--teal);
	margin-top:30px;
	padding-top:30px;
	font-weight:600;
}	
.bookSession__attending > div {
	display:grid;
	grid-template-columns:40% 1fr;
	gap: 20px;
	margin-bottom:16px;
}
.bookSession__contact {
	grid-area:contact;
}
.bookSession__buttons {
	grid-area:buttons;
}
.bookSession__contact input[type=text],
.bookSession__contact input[type=tel]{
	width:100%;
	margin-bottom:10px;
}
.bookSession__contactGrid > div  {
	margin-bottom:10px;
}
.bookSession__contactGrid > div > div:first-child {
	font-weight:700;
}
@media (min-width:481px){
	.bookSession__contactGrid > div  {
		display:grid;
		grid-template-columns: 30% 1fr;
		gap:20px;
	}
}
.bookSession__buttons {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:8px;
	margin-bottom:18px;
}


/* continue */

.bookSession input:read-only,
.bookSession__attendees input:read-only {
	background:#000;
	color:#fff;
	font-size:1em;
	border:none;
	padding:0;
	width:100%;
} 
.bookSession__attendees {
	margin-top:	74px;
	border-top:2px solid var(--teal);
	padding-top:50px;

}

/* confirm */

@media (min-width:762px){
	.confirmAttendees {
		display:flex;
		flex-wrap:wrap;
		gap:2%
	}
	.confirmAttendees > div {
		width:48%;
	}
}

/* acknowledgment */

.freeBookingConfirm {
	margin-bottom:40px;
}

/************ eCommerce ********************/

.shoppingCart .topLabels {
	background-color:var(--teal);
}
.shoppingCart .cartRow {
  border-top: 1px solid var(--teal);
}
.cartRowTotals {
  border-top: 1px solid var(--teal);
  padding-top: 14px;
  padding-bottom:14px;
  border-top: 1px solid #1a4a52;
 }
.orderLog th {color:#000}

.discountCode {
	font-size:0.938rem;
	margin-top:24px;
}
.discountCode span {
	display:inline-block;
	padding-bottom:12px;
}
#discountCode {
	margin-left:12px;
	margin-bottom:12px;
	font-size:0.938rem;
	padding:5px 6px 6px;
}
.discountCode .button {
	margin-left:12px;
	padding: 7px 10px;
	font-size:0.875rem;
	border-radius:5px;
	background-color:var(--teal);
	color:#fff;
}
@media (max-width:400px){
	.row.contCheckout .cont {
    	width: 100%; 
    	float: none;
	}
}
.confirm {
	padding-bottom:16px;
}

/* stripe */
.form-row label {color:var(--almost-black)}

/*********** Blog ********************/

.blogSearch {
	max-width:500px;
}
.blogSearch input[type=text]{
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	width:calc(100% - 50px);
	height:50px;
}
.blogSearch .button {
	width:50px;
	height:50px;
	font-size:0;
	background-color:var(--teal);
	padding:0;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	min-width:50px;
	vertical-align:top;
	background-image:url(search-magnifying-glass.png);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
}
.blogListMason {
  display: flex;
	flex-wrap:wrap;
	gap:40px;
}
.blogListMason__card {
	position:relative;
}
@media (min-width:870px){
	.blogListMason__card:nth-child(3n+1) {
		width:100%;
		max-width: 1200px;
    	margin: auto;
	}
	.blogListMason__card:nth-child(3n+2),
	.blogListMason__card:nth-child(3n+3) {
		width:calc(50% - 20px);
	}
}
.blogListMason__card img {
	border-radius:30px;
	opacity:0.6;
	transition: opacity ease 0.3s;
}
.blogListMason__card:hover img {
	opacity:1;
}
.blogListMason__card h3 {
	position:absolute;
	bottom:50px;
	left:50px;
	padding-right:60px;
	margin:0;
}
@media (max-width:440px) {
	.blogListMason__card h3 {	
		bottom:30px;
		left:20px;
		padding-right:20px;	
	}
}
.blogListMason__card h3 a:after {
	content:">";
	font-weight:400;
}
.blogListMason__card:hover a {
	text-shadow: -1px -1px 0 var(--almost-black), 1px -1px 0 var(--almost-black), -1px 1px 0 var(--almost-black), 1px 1px 0 var(--almost-black);
}
/* view submission */

.subMainImg {
  margin-bottom: 50px;
}

/*********** list link tabs ***********************/

.wobjectLinkList div.tabs {
	cursor: pointer;
	display:block;
	margin-bottom:30px;
	display:flex;
	column-gap: 50px;
	margin-top:30px;
	row-gap:30px;
	flex-wrap:wrap;
}
.wobjectLinkList .tab {
	display: block;
	padding-bottom: 20px;
   border-bottom: 2px solid var(--light-grey);
   color:#fff;
}
.wobjectLinkList .tab:hover {
	border-color: var(--apple-green);
}
.wobjectLinkList .tabActive {
	font-weight:700;
   border-bottom:5px solid var(--apple-green);
   padding-bottom:17px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.wobjectLinkList .tabBody p {
	width: auto;
   padding: 8px 0 12px;
   color:#fff;
	opacity:0;
	animation: fadeIn 1.5s ease-in-out;
	animation-fill-mode: forwards;   
}
.wobjectLinkList .tabBody li {
	color:#fff;
	opacity:0;
	animation: fadeIn 1.5s ease-in-out;
	animation-fill-mode: forwards; 	
}

/*** Landing Page - Free eBook ***/

.tickList ul {
	column-count: 2;
	list-style: none; /* Remove default bullets */
	padding-left: 0;
}

.tickList ul li {
    background: url('dot-point-tick.png') no-repeat left 6px; /* move image 4px down */
    background-size: 16px 16px; /* adjust if needed */
    padding-left: 24px; /* space for the image */
    break-inside: avoid;
    /* for broader compatibility */
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}
.tickList ul li:not(:last-child) {
  margin-bottom: 16px;
}

.landingPage .highlightBox {padding: 57px 55px;}
.landingPage .highlightBox .linkButton {
    position: relative;
    bottom: 0;
    left: 0;
}

a.applebook {margin-right: 24px;}

@media (min-width: 1101px) {
	.landingHero .halfImage {background-position: left;}
}
@media (max-width: 1100px) {
	.halfImage {
		height: 340px;
		background-position: left top;
	}
}

.landingPage .halfText.htRight .wobjectArticle {padding-left: 0;}

.dataForm.oneLineDF.landingDF {
    display: grid;
    column-gap: 30px;
    row-gap: 24px;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 150px;
}

@media (min-width:911px) {
	.dataForm.oneLineDF.landingDF {grid-template-columns: 1fr 1fr 1fr 150px;}
}

@media (max-width:910px) {
	.dataForm.oneLineDF.landingDF {
		grid-template-columns: 1fr;
	}
}


.dataForm.oneLineDF.landingDF .submit {text-align: center;}

.dataForm.oneLineDF.landingDF .submit input#send {min-width: 150px;}

/**************** admin *****************************/
#adminPanel{background-color:#eee;position:relative;padding:10px;color:#000000;}
#adminPanel h1{color: #000;}
#adminPanel .tableMenu{background-color:#fff;}
#adminPanel .tableData{background-color:#eee;color:#000}
#adminPanel .tableData li, .tableMenu li{}
#adminPanel .tableData li, .tableMenu li{padding-bottom:4px;}
#adminPanel .tableData a, .tableMenu a{color:#000;}
#adminPanel .tableData a:hover, .tableMenu a:hover{color:#900;}
#adminPanel .tableHeader{background-color:#eee;color:#000}
#adminPanel .formDescription{color: #000;}
#adminPanel a {color:#000000}

.dataFormListEntries th {color: var(--almost-black);}

.tab {color: #000;}
.tabBody {color: #000;}
.tabBody a, .tabBody p, .tabBody h1, .tabBody h2, .tabBody h3 {
    color: #000000;
}
.tabBody a:hover {
    color: #a93333;
}
.ui-datepicker {color:#000}

#editSubmissionForm td {padding-bottom:16px}

a.silentLink {color: inherit;font-size: 1.000em;text-decoration: none;}
a.silentLink:hover {text-decoration: underline;}

.editOn .silentLink {text-decoration: underline;}