body {font-size:1.2em; background:#f5f5f5; overflow-x:hidden;}
html, nav, label, input, textarea, select, h1, h2, h3, h4 { font-family: 'Whitney', sans-serif; font-weight:400;}
p {margin:0; padding:10px; font-size:1em; line-height:1.25em; font-family: 'Varela Round', sans-serif; font-weight:400; color:#464646;}
ul {font-size:1em; font-family: 'Varela Round', sans-serif; font-weight:400; color:#464646;list-style:none; padding-left:30px; margin:10px 0;}
ul li {line-height:1.5em;}
.row-fill {background:white;}


.row h1, .row h2, .row h3, .row h4{padding-left:10px; color:#464646;}
body#tinymce {
  background:none;
  height:auto;
  font-size:1em;
}
img {max-width:100% !important; height:auto !important;}


/* stripe  */

.hero {
	--effect-strength: 0;
	position:relative; 
	isolation: isolate; 
	padding: 5em 0; padding-top: 2em;
}

.hero-title-container {
	position: relative;        
}

.lecontainer {        

	padding: 1em;
	position: relative;
	padding-top: 2em;
}    

.canvas-container {
	position: absolute;
	inset: 0;
	z-index: -1;
	height:55vh;
	width: 100%;
	background: pink;
	clip-path: polygon(0 0, 100% 0, 100% 35%, 0 100%);   
}

canvas {
	width: 100%;
	height: 100%;
}

.hero-title {
	font-family: 'Whitney 700', sans-serif; font-weight: 700; font-size: clamp(52px, 4vw, 94px); line-height: 1.1; 
	color: #3a3a3a;
	mix-blend-mode:color-burn; 
	padding:0; margin: 0;
}

.hero-title__overlay {
	position: absolute; 
	left: 0; top: 0; 
	mix-blend-mode:color-burn;  
	font-family: 'Whitney 700', sans-serif; font-weight: 700; font-size: clamp(52px, 4vw, 94px); line-height: 1.1; 
	color: #555;   
	opacity: 1;     
	padding:0; margin: 0;  
}   

/* stripe end */

.maintxt {}
.maintxt h2 {}
.maintxt p {color:#464646; line-height:1.5em; font-family: 'Opensans', sans-serif;
	font-size: 1.3em;}
.maintxt .p-head {font-weight:600;}
.maintxt ul {list-style:disc; padding-left:30px; margin:10px 0;}
.maintxt ul li {font-size:16px; color:#666;}

.sidebar-links {margin-top:46px;}
.sidebar-title {font-family: 'Montserrat', sans-serif; font-weight:700; font-size:1.2em; color:#1e8060 !important;}
ul.sidebar-pages {margin-left:30px;}
.sidebar-pages li {font-size:0.85em; padding:5px; margin:0; list-style:disc;}

.card {width:30%; margin:15px 1.5%; float:left;  transition:all 0.3s ease; }
.card img {min-width:100% !important; height:auto;}
.card p {background:var(--primary-color); color:white; padding:20px; margin:0;}
.card p:first-of-type {font-size:1.5em; margin-bottom:-30px;}
.card p:nth-of-type(3) {background:#2283C4; text-align:center; display:block; transition:all 0.3s ease-in-out;}
.card p:nth-of-type(3):hover {background:#1F78B4;}
.card a {color:white; display:block;}
.card:hover{
-webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
		-webkit-box-shadow: 0px 1px 35px 0px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0px 1px 35px 0px rgba(255, 255, 255, 0.6);
  box-shadow: 0px 1px 35px 0px rgba(255, 255, 255, 0.6);
}

.footer-foot a {color:white;}

.cookie_notice {position: fixed; z-index: 99999; bottom: 0; left: 0; width: 100%; background: black; padding: 20px 10px;}
.cookie_notice a {color: white;}


/**** RESPOND ****/

@media (min-width:1280px) and (max-width: 2560px)  {
	.hero-image-pad {padding-top: 2em;}	
}
/* XX/XL GRID */
@media (max-width: 1119px)  {
	
}
/* LG GRID */
@media (max-width: 1019px)  {
	
}
/* MD GRID */
@media (max-width: 759px)  {
	.maintxt img {width:100%; margin-bottom:20px; float:none; clear:both;}
	.maintxt ul {clear:both;}
	
	.hero-image-pad {padding-top: 4.3em;}	
}
/* SM GRID */
@media (max-width: 639px)  {
}
/* XS GRID */
@media (max-width: 479px)  {
}

/* nav adjust */
@media (min-width:1043px) and (max-width:1210px) {
	.navigation li {font-size:0.8em; margin-top:2px;}
	.navigation li ul.dropdown li a {font-size:1em;}
}

/* Tinymce styles */
.maintxt .xx-12  {position: relative; float: left; width: 100%; border: dashed 1px lightgrey; }
.maintxt .xx-6  {position: relative; float: left; width: 50%; border: dashed 1px lightgrey; }
.maintxt .xx-4  {position: relative; float: left; width: 33%; border: dashed 1px lightgrey; }
.maintxt .xx-3  {position: relative; float: left; width: 25%; border: dashed 1px lightgrey; }