<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito Sans:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">

body  {
  background-color: #FFF;
}

/*[class*="-main-row-0"] > div {
    grid-area: 1 / 1 / span 3 / span 12 !important;
}*/

/* - - TYPOGRAPHY - - */

html {
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; 
font-size: 16px;
}

h1, h2, h3, h4, h5, h6, .ck-content .text-big {
font-family: 'Nunito Sans', sans-serif;
}

h1 {
font-weight: 700 !important;
font-size: 3.3rem;
margin-top: 0.3em;
margin-bottom: 0.3em;
line-height: 1em;
color: #00abb1; 
font-family: 'Nunito Sans', sans-serif;
}

h2, .ck-content .text-big {
font-size: 2.7rem;
margin: 0;
padding: 0.7rem 0;
line-height: 1.3em;
color: #00abb1;
  font-family: 'Nunito Sans', sans-serif;
}

h3 {
font-size: 1.8rem;
margin: 0;
padding: 0.5rem 0;
color:#00abb1;
text-transform: uppercase;
font-family: 'Nunito Sans', sans-serif;
}

h4 {
font-size: 1.35rem;
margin: 0;
padding: 0.5rem 0;
color:#707070;
text-transform: uppercase;
font-family: 'Nunito Sans', sans-serif;
}

h5 {
font-size: 1.25rem;
margin: 0.5rem 0;  
text-transform: uppercase;
color:#707070;
font-family: 'Nunito Sans', sans-serif;
}

h6 {
font-size: 1.1rem;
margin: 0.5rem 0;
color:#707070;
text-transform: uppercase;
font-family: 'Nunito Sans', sans-serif;
}

P {
font-size: 1rem;
margin-top: 0.8rem;
font-family: 'Nunito Sans', sans-serif;
font-weight: 400;
}

hr {
border-bottom: solid #E4E7F0 1px;
border-top: solid #E4E7F0 1px;
}

p, a, table, li, button{
font-family: 'Nunito Sans', sans-serif;
line-height: 1.6rem;
}

p, table, li, button, table {
color: #000;
}

li {
color: #000;
line-height: 1.7rem;
}

blockquote {
margin: 1em 0em;
background-color: #DFEEEF;
padding: 1.5em;  
}

button, .button {
font-weight: 400;
padding: 0.5em 1.5em;
color: white;
background: #142742;
border-radius: 0px;
cursor: pointer;
font-size: 0.9125rem;
font-weight: 700 !important;
display: inline-block;
}

button:hover, .button:hover {
background: #142742;	
color: #fff !important;
}

a:not(.button, .breadcrumbs) {
color: #707070;
text-decoration: none;
}

a:not(.button):hover {
color: #790006;
/*text-decoration: underline;*/

footer .text-widget .button {
   margin: 0; 
}
}


/* - - HEADER - - */
/* header shadow ------------------------*/
header .grid__container {
 -webkit-box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 5px 1px rgb(0 0 0 / 15%);
}
.sidebarBody {
    width: 210px;
}

/* - - FOOTER - - */
/* makes the powered by link in footer more discrete ------------------------*/
.frontend .poweredBy a {
  font-size: 0.7em;
}

/* - - MAX WIDTH CONTROL - - */
/* --layout - there are no controls in Design builder to manage max-width of content other than padding- these styles can be used for this -----------*/
header .grid__container > div, 
footer .grid__container > div
{
 max-width: 1360px !important;
 margin: 0 auto;
}
main .grid__container > div 
{
 max-width: 1300px !important;
 margin: 0 auto;
}

/* --can be used selectively to override the above - for content you do want full width -e.g. rotator or map -----------*/
main .grid__container:first-of-type > div{
 max-width: 100% !important;
}

/* - - IMAGE HOVER STATES - - */


/* -------hover state for images that are links in the design ----------*/
a img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=60);
}

/* - - ROTATOR CAPTIONS - - */
.rotator-caption {
    width: 100%;
   height: 100%; 
    left: 0;
 	padding: 3em 0vw 10em 0vw;
    padding-top: calc(33.5vw - 2em);
   z-index: 999;
   bottom: 0;
  font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-weight: 900 !important;
}

.rotator-caption div {
  position: relative;
  z-index: 99;
  margin: 0;
  padding: 0;
}

/* -- -rotator - create a cast over photo ------------------------*/
.rotator-caption:after{
content: '';
  background-color: #000 !important;
 opacity: 0.2;
 width: 100%;
height: 100%;
 position: absolute;
 top: 0vw;
 left: 0;
}

.rotator-title--text {
 font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-weight: 100 !important;
   font-size: calc(5vw + 0.5em )!important;
    line-height: 1.2em !important;
}

/* -- brings text forward over cast and creates drop shadow ------------------------*/
.rotator-title--text, .rotator-caption {
    text-shadow: 0px 0px 10px #000000;
    position: relative;  
   
}
.swiper-wrapper {
 position: relative;
}

/* hides rotator arrow nav and removes extra white space------------------------*/
.custom-pagination {
    display: none;
}

#fireFoxFixer {
    margin-bottom: 0px  !important;
}
/*
.widget__content__data>div {
margin: 0px !important;
}

*/
.event-name-wrapper p{
 margin: 0.3em 0;
}

/* - - CALENDAR - - */

/* -- what’s on - homepage widget ------------------------*/
.fc-daygrid-day-number {
font-weight: 400;
font-size: 1rem;
line-height: 1.4em;
color: rgb(55, 154, 126);
font-family: 'Nunito Sans', sans-serif; 
}


/* actual calendar page */
.fc-daygrid-day {
background-color: rgb(255, 255, 255); 
}

.fc-day-today {
background-color: rgb(255, 255, 255) !important;
 }

.fc-col-header-cell-cushion {
font-weight: 400;
font-size: 16px;
line-height: 21px;
text-transform: capitalize;
color: rgb(55, 154, 126);
font-family: 'Nunito Sans', sans-serif; }

.fc-col-header-cell {
background-color: rgb(255, 255, 255);
 }

.fc button {
font-weight: 400 !important;
font-size: 16px !important;
line-height: 16px !important;
padding: 20px !important;
text-transform: capitalize !important;
color: rgb(55, 154, 126) !important;
background-color: rgb(225, 225, 225) !important;
border-color: rgb(255, 255, 255) !important;
font-family: 'Nunito Sans', sans-serif !important; }

.fc-toolbar {
text-transform: capitalize; 
 color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
font-family: Anton; }

.fc-theme-standard {
}

.fc .fc-scrollgrid-section > td {
border-color: rgb(255, 255, 255);
 }

.fc-daygrid-dot-event {
font-weight: 400;
font-size: 16px;
line-height: 21px;
padding: 0px;
text-transform: capitalize;
color: rgb(55, 154, 126);
background-color: rgb(255, 255, 255);
font-family: 'Nunito Sans', sans-serif; }

.fc-h-event {
font-weight: 400;  font-size: 16px;
line-height: 21px;
padding: 0px;
text-transform: capitalize;
color: rgb(255, 255, 255);
background-color: rgb(55, 154, 126);
border-color: rgb(255, 255, 255);
font-family: 'Nunito Sans', sans-serif; }

.fc-daygrid-event-dot {display: block; }


/* - - NAVIGATION - - */

/* --header navigation ----------------------------------------------------------------------*/
/*- hides first link in main nav bar - usually home link ----
header .level-1 li:first-of-type a:not(.level-2 a){
 display:none;
}
*/
header #full-menu .level-1 a{	
	     padding: 0.6em 0.5em 0.6em 0.5em;
	   /*  font-size: 1.625rem;    */
}
header #full-menu .level-1 a:hover {
 	text-decoration: none; 
}
/* add colour behind the nav words */
header #full-menu .level-1 li:hover {
	background-color:rgb(0, 0, 0, 0.25);
}
header #full-menu >ul.level-1 {
     background-color: transparent;
}
header #full-menu .level-1 a.expand {
     font-size: 0.4em !important;
     padding: initial;
}
header #full-menu .level-2 a.expand {
    padding-top: 0.9em !important;
    width: 10% !important;
}
header #full-menu .level-2 a {
	padding: 0.2em 0.7em !important;
    font-size: 0.9125em !important;
   	width: 90%;
}
header #full-menu .level-2 li {
	border-top: transparent 0px solid;
  	text-align:left !important;
  	width: 13em;
}
header #full-menu .level-2 li:hover {
	border-top: transparent 0px solid;
}
header .level-1 {
	margin: 0 !important;
}
header .level-1 li {
	
}
header .level-1 li a{
	padding: 0.6em 0.7em;
	display: inline-block;
    max-width: initial !important;
}
header .widget__content__menu .menu>ul>li>ul,
header .widget__content__menu .menu>ul>li>ul>li>ul,
header .widget__content__menu .menu>ul>li>ul>li>ul>li>ul{
    box-shadow: 1px solid #333;
    -webkit-box-shadow: 3px 3px 3px -1px rgb(0 0 0 / 19%);
    box-shadow: 3px 3px 3px -1px rgb(0 0 0 / 19%);
}
/* centre align hamburger on mobile and control colour */
.widget__content__menu {
    padding: 2rem 1rem;
    text-align: center;
    z-index: 100;
}
#burger-menu svg {
    fill: #FFF;
}
/* --end of header navigation ----------------------------------------------------------------------*/


/* - - MEDIA QUERIES - - */

/* --media queries for other screen sizes -----scales fonts and fixes nav----*/
@media (max-width: 1289px) {
	header #full-menu .level-1 a{    
	     font-size: 1.1rem !important;
}
  header #full-menu .level-2 a {
    font-size: 0.9125rem !important;
}
}
/* -------*/
@media (max-width: 1180px) {
header #full-menu .level-1 a:not(.expand){
       font-size:  0.9125rem !important;
}
}
/* -------*/
@media (max-width: 1024px) {
html {
   	font-size: 15px; 
  }
#full-menu {
 	display:none !important;
}
#burger-menu{    
   display:block !important;
}
   .sidebarBody {
 	width: initial;
}
} 

/* -------*/
@media (max-width: 960px) {
header #full-menu .level-1 a:not(.expand){
}
}

/* -------*/
@media (max-width: 900px) {
  
html {
   	font-size: 14px; 
}
/*#burger-menu svg {
    fill: #FFF;
}*/
}

/* -------*/
@media (max-width: 767px) {
}

/* -------*/
@media (max-width: 580px) {
html {
   	font-size: 13px; 
  }
 header > div{ 
      position: unset !important;
  }
  header .grid__row > div {
   padding: 10px 10px 7px !important;
   min-height: 20px !important;
}
    header .grid__row > div div p{
  margin: 0px !important;
}
header .grid__row .d--flex{
  margin-top: 7px !important;
}
} 

/* - - SIDEBAR MENU - - */

.sidebarBody .menu ul li {
    display: block;
    background-color:#fff;
}
.sidebarBody .menu>ul li a {
    border-bottom: 1px solid #efefef !important;
}
.sidebarBody ul.level-1 > li > a{padding-top: 25px !important; padding-bottom: 25px !important;border-top: #02abb1 solid 6px; !important}
.sidebarBody ul.level-1 > li > a{font-family: 'Nunito Sans', sans-serif !important}
.sidebarBody ul.level-1 > li > a{font-size: 24px !important}
.sidebarBody ul.level-1 > li > a{font-weight: 700 !important}
.sidebarBody ul.level-1 > li > a{text-transform: none !important}
.sidebarBody ul.level-1 > li > a{color: #02abb1 !important}
.sidebarBody ul.level-1{background-color: #ffffff;  !important margin-top: 2em; !important}
.sidebarBody ul.level-1 > li:hover > a{color: #282829 !important;}
.sidebarBody ul.level-1 > li:hover{background-color: #ffffff !important;}
.sidebarBody ul.level-1.selected > li {background-color: #ffffff !important}
.sidebarBody ul.level-1.selected > li > a{color: #282829 !important}
.sidebarBody ul.level-1 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-1 > li > a{padding-top: 25px !important; padding-bottom: 25px !important}

.sidebarBody ul.level-2 > li > a{font-family: 'Nunito Sans', sans-serif !important}
.sidebarBody ul.level-2 > li > a{font-size: 16px !important}
.sidebarBody ul.level-2 > li > a{font-weight: 400 !important}
.sidebarBody ul.level-2 > li > a{text-transform: none !important}
.sidebarBody ul.level-2 > li > a{color: #282829 !important;}
.sidebarBody ul.level-2{background-color: #ffffff !important}
.sidebarBody ul.level-2 > li:hover > a{color: #282829 !important;}
.sidebarBody ul.level-2 > li:hover{background-color: #ffffff !important;}
.sidebarBody ul.level-2.selected > li {background-color: #ffffff !important;}
.sidebarBody ul.level-2.selected > li > a{color: #282829 !important;}
.sidebarBody ul.level-2 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-2 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}

.sidebarBody ul.level-3 > li > a{font-family: 'Nunito Sans', sans-serif !important}
.sidebarBody ul.level-3 > li > a{font-size: 16px !important}
.sidebarBody ul.level-3 > li > a{font-weight: 400 !important}
.sidebarBody ul.level-3 > li > a{text-transform: none !important}
.sidebarBody ul.level-3 > li > a{color: #282829 !important}
.sidebarBody ul.level-3{background-color: #ffffff !important}
.sidebarBody ul.level-3 > li:hover > a{color: #282829 !important;}
.sidebarBody ul.level-3 > li:hover{background-color: #ffffff !important;}
.sidebarBody ul.level-3.selected > li {background-color: #ffffff !important; }
.sidebarBody ul.level-3.selected > li > a{color: #282829 !important;}
.sidebarBody ul.level-3 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-3 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}

.sidebarBody ul.level-4 > li > a{font-family: 'Nunito Sans', sans-serif !important}
.sidebarBody ul.level-4 > li > a{font-size: 16px !important}
.sidebarBody ul.level-4 > li > a{font-weight: 400 !important}
.sidebarBody ul.level-4 > li > a{text-transform: none !important}
.sidebarBody ul.level-4 > li > a{color: #282829 !important}
.sidebarBody ul.level-4{background-color: #ffffff !important}
.sidebarBody ul.level-4 > li:hover > a{color: #282829 !important;}
.sidebarBody ul.level-4 > li:hover{background-color: #ffffff !important;}
.sidebarBody ul.level-4.selected > li {background-color: #fff !important}
.sidebarBody ul.level-4.selected > li > a{color: #282829 !important;}
.sidebarBody ul.level-4 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-4 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}

.sidebarBody ul.level-5 > li > a{font-family: 'Nunito Sans', sans-serif !important}
.sidebarBody ul.level-5 > li > a{font-size: 16px !important}
.sidebarBody ul.level-5 > li > a{font-weight: 400 !important}
.sidebarBody ul.level-5 > li > a{text-transform: none !important}
.sidebarBody ul.level-5 > li > a{color: #282829 !important}
.sidebarBody ul.level-5{background-color: #ffffff !important}
.sidebarBody ul.level-5 > li:hover > a{color: #282829 !important;}
.sidebarBody ul.level-5 > li:hover{background-color: #ffffff !important;}
.sidebarBody ul.level-5.selected > li {background-color: #fff !important}
.sidebarBody ul.level-5.selected > li > a{color: #282829 !important;}
.sidebarBody ul.level-1 > li > a{font-family: Arial}
.sidebarBody ul.level-1 > li > a{font-size: 28px}
.sidebarBody ul.level-1 > li > a{font-weight: 400}
.sidebarBody ul.level-1 > li > a{text-transform: none}
.sidebarBody ul.level-1 > li > a{color: #000000}
.sidebarBody ul.level-1{background-color: #f2f2f2}
.sidebarBody ul.level-1 > li:hover > a{color: #000000}
.sidebarBody ul.level-1 > li:hover{background-color: #e7e7e7}
.sidebarBody ul.level-1.selected > li {background-color: #e7e7e7}
.sidebarBody ul.level-1.selected > li > a{color: #000000}
.sidebarBody ul.level-1 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-1 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-2 > li > a{font-family: Arial}
.sidebarBody ul.level-2 > li > a{font-size: 16px}
.sidebarBody ul.level-2 > li > a{font-weight: 400}
.sidebarBody ul.level-2 > li > a{text-transform: none}
.sidebarBody ul.level-2 > li > a{color: #000000}
.sidebarBody ul.level-2{background-color: #f2f2f2}
.sidebarBody ul.level-2 > li:hover > a{color: #000000}
.sidebarBody ul.level-2 > li:hover{background-color: #e7e7e7}
.sidebarBody ul.level-2.selected > li {background-color: #e7e7e7}
.sidebarBody ul.level-2.selected > li > a{color: #000000}
.sidebarBody ul.level-2 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-2 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-3 > li > a{font-family: Arial}
.sidebarBody ul.level-3 > li > a{font-size: 16px}
.sidebarBody ul.level-3 > li > a{font-weight: 400}
.sidebarBody ul.level-3 > li > a{text-transform: none}
.sidebarBody ul.level-3 > li > a{color: #000000}
.sidebarBody ul.level-3{background-color: #f2f2f2}
.sidebarBody ul.level-3 > li:hover > a{color: #000000}
.sidebarBody ul.level-3 > li:hover{background-color: #e7e7e7}
.sidebarBody ul.level-3.selected > li {background-color: #e7e7e7}
.sidebarBody ul.level-3.selected > li > a{color: #000000}
.sidebarBody ul.level-3 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-3 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-4 > li > a{font-family: Arial}
.sidebarBody ul.level-4 > li > a{font-size: 16px}
.sidebarBody ul.level-4 > li > a{font-weight: 400}
.sidebarBody ul.level-4 > li > a{text-transform: none}
.sidebarBody ul.level-4 > li > a{color: #000000}
.sidebarBody ul.level-4{background-color: #f2f2f2}
.sidebarBody ul.level-4 > li:hover > a{color: #000000}
.sidebarBody ul.level-4 > li:hover{background-color: #e7e7e7}
.sidebarBody ul.level-4.selected > li {background-color: #e7e7e7}
.sidebarBody ul.level-4.selected > li > a{color: #000000}
.sidebarBody ul.level-4 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-4 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-5 > li > a{font-family: Arial}
.sidebarBody ul.level-5 > li > a{font-size: 16px}
.sidebarBody ul.level-5 > li > a{font-weight: 400}
.sidebarBody ul.level-5 > li > a{text-transform: none}
.sidebarBody ul.level-5 > li > a{color: #000000}
.sidebarBody ul.level-5{background-color: #f2f2f2}
.sidebarBody ul.level-5 > li:hover > a{color: #000000}
.sidebarBody ul.level-5 > li:hover{background-color: #e7e7e7}
.sidebarBody ul.level-5.selected > li {background-color: #e7e7e7}
.sidebarBody ul.level-5.selected > li > a{color: #000000}
.sidebarBody ul.level-5 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-5 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}