/* Minification failed. Returning unminified contents.
(498,75): run-time error CSS1046: Expect comma, found '0'
(498,79): run-time error CSS1046: Expect comma, found '/'
(726,87): run-time error CSS1046: Expect comma, found '0'
(726,91): run-time error CSS1046: Expect comma, found '/'
(842,89): run-time error CSS1046: Expect comma, found '0'
(842,93): run-time error CSS1046: Expect comma, found '/'
(891,121): run-time error CSS1046: Expect comma, found '0'
(891,125): run-time error CSS1046: Expect comma, found '/'
(1087,157): run-time error CSS1046: Expect comma, found '0'
(1087,161): run-time error CSS1046: Expect comma, found '/'
(1241,126): run-time error CSS1046: Expect comma, found '0'
(1241,130): run-time error CSS1046: Expect comma, found '/'
(1329,219): run-time error CSS1046: Expect comma, found '0'
(1329,223): run-time error CSS1046: Expect comma, found '/'
(1465,149): run-time error CSS1046: Expect comma, found '0'
(1465,153): run-time error CSS1046: Expect comma, found '/'
(1471,112): run-time error CSS1046: Expect comma, found '0'
(1471,116): run-time error CSS1046: Expect comma, found '/'
(1714,88): run-time error CSS1030: Expected identifier, found '.'
(1714,101): run-time error CSS1031: Expected selector, found ')'
(1714,101): run-time error CSS1025: Expected comma or open brace, found ')'
(2300,75): run-time error CSS1030: Expected identifier, found 'button'
(2300,81): run-time error CSS1031: Expected selector, found ')'
(2300,81): run-time error CSS1025: Expected comma or open brace, found ')'
(2470,86): run-time error CSS1046: Expect comma, found '0'
(2470,90): run-time error CSS1046: Expect comma, found '/'
 */
ins,mark{color:#000}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}dfn,mark{font-style:italic}button,hr,input{overflow:visible}a,progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1;margin:0}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;background:0 0;-webkit-text-decoration-skip:objects}ins{background-color:#ff9;text-decoration:none}mark{font-weight:700;background-color:#ff0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;box-sizing:content-box;height:0}input,select{vertical-align:middle}.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}audio,canvas,progress,video{display:inline-block}.clearfix:after{clear:both}input,select,textarea{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}input[type=submit]{-webkit-appearance:none}ol li,ul li{font-size:inherit;color:inherit;line-height:inherit}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}figure{margin:1em 40px}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0;font-family:inherit}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}button,input[type=submit]{cursor:pointer;}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'Avenir LT Std 95 Black';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 95 Black'), url('/font/AvenirLTStd-Black.woff') format('woff');
font-display: swap;
}


@font-face {
font-family: 'Avenir LT Std 45 Book';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 45 Book'), url('/font/AvenirLTStd-Book.woff') format('woff');
font-display: swap;
}


@font-face {
font-family: 'Avenir LT Std 85 Heavy';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 85 Heavy'), url('/font/AvenirLTStd-Heavy.woff') format('woff');
font-display: swap;
}


@font-face {
font-family: 'Avenir LT Std 35 Light';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 35 Light'), url('/font/AvenirLTStd-Light.woff') format('woff');
font-display: swap;
}


@font-face {
font-family: 'Avenir LT Std 65 Medium';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 65 Medium'), url('/font/AvenirLTStd-Medium.woff') format('woff');
font-display: swap;
}


@font-face {
font-family: 'Avenir LT Std 55 Roman';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 55 Roman'), url('/font/AvenirLTStd-Roman.woff') format('woff');
font-display: swap;
}


@font-face {
font-family: 'Avenir LT Std 95 Black Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 95 Black Oblique'), url('/font/AvenirLTStd-BlackOblique.woff') format('woff');
font-display: swap;
}


@font-face {
font-family: 'Avenir LT Std 45 Book Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 45 Book Oblique'), url('/font/AvenirLTStd-BookOblique.woff') format('woff');
font-display: swap;
}


@font-face {
font-family: 'Avenir LT Std 85 Heavy Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 85 Heavy Oblique'), url('/font/AvenirLTStd-HeavyOblique.woff') format('woff');
font-display: swap;
}


@font-face {
font-family: 'Avenir LT Std 35 Light Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 35 Light Oblique'), url('/font/AvenirLTStd-LightOblique.woff') format('woff');
font-display: swap;
}


@font-face {
font-family: 'Avenir LT Std 65 Medium Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 65 Medium Oblique'), url('/font/AvenirLTStd-MediumOblique.woff') format('woff');
font-display: swap;
}


@font-face {
font-family: 'Avenir LT Std 55 Oblique';
font-style: normal;
font-weight: normal;
src: local('Avenir LT Std 55 Oblique'), url('/font/AvenirLTStd-Oblique.woff') format('woff');
font-display: swap;
}
/* PLACEHOLDER */
::-webkit-input-placeholder     {color:#6F6F6F;}
::-moz-placeholder              {color:#6F6F6F; opacity:1;}
:-ms-input-placeholder          {color:#6F6F6F;}
:-moz-placeholder               {color:#6F6F6F; opacity:1;}

/* CUSTOM CHECKBOX */
.container				 	{display: block; font-family: 'Avenir LT Std 65 Medium'; position: relative; padding-left: 40px; margin-bottom: 12px; cursor: pointer; font-size: 18px; color: #333333; padding-top: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container input 			{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}

.checkmark				 	{position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #ffffff; border:1px solid #707070}
.container:hover input ~ .checkmark 	{background-color: #ffffff;}
.container input:checked ~ .checkmark 	{background-color: #00738B; border-color: #00738B}
.checkmark:after {content: ""; position: absolute; display: none;}

.container input:checked ~ .checkmark:after {display: block;}
.container .checkmark:after {left: 8px; top: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/* RADIO RADIO */
.container.radio-container	.checkmark 			{border-radius: 25px;}
.container.radio-container .checkmark:after		{border:none; width: 11px; height: 11px; left: 50%; margin-left: -5.5px; top:50%; margin-top: -5.5px; border-radius: 5px; background-color: #ffffff}

/* FRONT END 

Checkbox

<label class="container">One
  <input type="checkbox" checked="checked">
  <span class="checkmark"></span>
</label>

Radio
<label class="container radio-container">One
  <input type="radio" checked="checked" id="radioOne" name="radioGroup">
  <span class="checkmark"></span>
</label>
<label class="container radio-container">Two
  <input type="radio" id="radioTwo" name="radioGroup">
  <span class="checkmark"></span>
</label>

*/

/* CUSTOM SELECT */
.select-css 			{display: block; font-size: 14px; line-height: 1.3; padding: .6em 1.4em .5em .8em; width: 100%;  max-width: 100%; box-sizing: border-box; margin: 0; border-radius: 5px; -moz-appearance: none; -webkit-appearance: none;   appearance: none;
						background-color: #eee; background-image: url(/_assets/select-arrow.png); background-repeat: no-repeat, repeat; background-position: right 1em top 50%, 0 0; background-size: 22px auto;}

.select-css::-ms-expand {display: none;}
.select-css:focus 		{border-color: #aaa;}
.select-css option 		{font-weight:normal;}




* {margin:0; padding:0; outline:none; border:none; box-sizing:border-box; -moz-box-sizing:border-box; background-repeat: no-repeat;}

/* GLOBAL */

html 	{}
body 	{line-height:1; font-family: 'Avenir LT Std 55 Roman', Arial, Helvetica, sans-serif; color: #6F6F6F; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

h1		{font-family: 'Avenir LT Std 95 Black', Arial, Helvetica, sans-serif; font-weight: normal;}
h2		{font-family: 'Avenir LT Std 65 Medium', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 28px; text-transform: uppercase; color: #333333; line-height: 1.2em; margin-bottom: 0.5em; }
h3		{font-family: 'Avenir LT Std 55 Roman', Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.2em; margin-bottom: 0.5em}
h4		{font-family: 'Avenir LT Std 65 Medium', Arial, Helvetica, sans-serif; font-weight: normal; font-size:28px; line-height: 1.3em;}	
h5		{font-family: 'Avenir LT Std 65 Medium', Arial, Helvetica, sans-serif; font-weight: normal; font-size:24px; line-height: 1.3em;}	
h6		{font-family: 'Avenir LT Std 65 Medium', Arial, Helvetica, sans-serif; font-weight: normal; font-size:20px; line-height: 1.3em;}	

p		{line-height: 1.5em; margin-bottom: 1em}

ul,
ol		{    line-height: 1.5em;}

img     {max-width:100%; height:auto;}
a       {color:inherit;}
a.cover {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); display:block; z-index: 10}
		
.inner 						{max-width:1300px; width:100%; margin:0 auto; padding: 0 20px}
.inner-narrow				{max-width:1106px; width:100%; margin:0 auto; padding: 0 20px}
.inner.no-padding			{max-width:1260px; padding: 0}
.inner-narrow.no-padding	{max-width:1106px; padding: 0}

.logo	{width: 120px; height: 108px; background-image: url(/_uploads/_assets/logo-bore-place.png); background-size: cover; display: block; flex-shrink: 0}

.site-container		{position: relative;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
}

section.colour				{padding: 35px 0;}

.disabled		{pointer-events:none; opacity: .33;}

.mt		{margin-top: 10px;}

/* COLS */
.cols				{display: flex; flex-wrap: wrap; width:calc(100% + 30px); margin-left: -15px;}
.cols.span-4 .col	{width:25%; padding: 15px;}
.cols.span-3 .col	{width:33.333%; padding: 15px;}
.cols.span-2 .col	{width:50%; padding: 15px;}
.cols .col.full		{width:100%;padding:15px;}
.cols.col-wrap		{flex-wrap:wrap !important;}

strong	{font-weight: normal; font-family: 'Avenir LT Std 95 Black', Arial, Helvetica, sans-serif;}

/* HEADER */
header 			{width: 100%; padding: 15px 0; box-shadow: 0 5px 10px rgba(0,0,0,.05); position:sticky; top: 0; background-color: #ffffff; z-index: 99}
header .inner 	{display: flex; justify-content: space-between;}

/* HEADER RIGHT */
.header-right			{display: inline-flex; flex-direction: column; align-items: flex-end; justify-content: space-between}
.header-right-top		{margin-top: 25px; display: flex; justify-content: flex-end; align-items: center;}
.header-right-top ul	{list-style: none; display: flex; align-items: center}
.header-right-top ul li	{margin-left: 10px; font-size: 0}
.header-right-top ul li path	{fill:#DD642D; transition: 0.2s ease-out}
.header-right-top ul li a		{width: 30px; height: 30px; border-radius: 30px; display: flex; justify-content: center; align-items: center; transition: 0.2s ease-out}
.header-right-top ul li a:hover	{background-color: #DD642D}
.header-right-top ul li a:hover	path	{fill:#ffffff}

.back-to-bp				{position: fixed; left: 0; top: 180px; background: #dd642d; color: #ffffff; padding: 10px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; text-decoration: none; font-size: 14px; transition: 0.2s ease-out}
.back-to-bp:hover		{padding-left: 25px;}

.header-donate			{font-size: 14px; font-family: 'Avenir LT Std 95 Black'; color: #AFB811; text-transform: uppercase; text-decoration: none;  padding:10px 10px 8px; transition: 0.2s ease-out}
.header-donate:hover	{background-color: #AFB811; color: #ffffff}

.basket-icon			{margin-left: 20px; text-decoration: none; font-size: 16px; color: #00738B;}
.basket-icon svg		{width: 22px; height: auto;}
.basket-icon path		{fill:#00738B}

/* HEADER SEARCH */
.search-container	{margin: 0 20px 0 30px;}
.search-btn			{width: 26px; height: 26px; border-radius: 26px; flex-shrink: 0; background-image: url(/_uploads/_assets/icon-search.svg); background-size: 26px; display: block; position: relative}
.search-btn:hover	{opacity: 0.5}
.search-btn.active	{background-image: url(/_uploads/_assets/icon-close.svg);}

.site-search										{background-color: #00738B; padding:22px 0 18px; display: none; box-shadow: inset 0 -10px 10px rgba(0,0,0,0.05);}
.search-box											{position: relative; width: 768px; max-width: 100%; margin: auto;}
.search-box input[type="text"]						{font-size: 20px; background-color: transparent; border-bottom: 1px solid #ffffff; padding:0 30px 8px 0; color: #ffffff;}
.search-box input[type="text"]:focus				{border-color:#ffffff; box-shadow: none}
.search-box input[type="submit"].search-btn			{position: absolute; right:24px; top:1px; background-color: transparent !important; background-image: url(/_uploads/_assets/icon-search-white-2.svg); border-radius: 0; width: 20px; height: 20px; background-size: 20px;}
.search-box input[type="submit"].search-btn:hover	{opacity: 0.5}

.search-box input[type="text"]::-webkit-input-placeholder     {color:#ffffff;}
.search-box input[type="text"]::-moz-placeholder              {color:#ffffff; opacity:1;}
.search-box input[type="text"]:-ms-input-placeholder          {color:#ffffff;}
.search-box input[type="text"]:-moz-placeholder               {color:#ffffff; opacity:1;}

/* NAV */
nav					{margin-top: 38px; position: relative; z-index: 5}
nav ul				{display: flex; justify-content: flex-end; font-size: 16px; font-family: 'Avenir LT Std 85 Heavy';}
nav ul li			{margin-left: 30px; position: relative; padding-bottom: 5px;}
nav ul li a			{color: #6F6F6F; text-decoration: none;}
nav ul li ul		{position: absolute; top:100%; font-size: 14px; width: 250px; transform: translateX(-20px); flex-direction: column; background-color: #ffffff; box-shadow:0 0 20px rgba(0,0,0,0.1); text-transform: none; padding: 10px; left: -999999px; font-family: 'Avenir LT Std 55 Roman', Arial, Helvetica, sans-serif;}
nav ul li ul li		{margin: 0; line-height: 1.2em; padding: 0;}
nav ul li ul li a	{display: block; /*border-bottom:1px solid rgba(255,255,255,0.2);*/ padding:12px 10px 10px 10px; color: #6F6F6F;  transition: 0.2s ease-out}
nav ul li.break:before		{content:"|";position:absolute;left: -16px;}

/* NAV HOVERS ETC */
nav ul li:after					{position: absolute; bottom: 0; height: 1px; background-color: #DD642D; content: ''; width: 100%; left: 0; transition: 0.2s ease-out; opacity: 0; transform: translateY(3px)}
nav ul li:hover:after			{opacity: 1; transform: translateY(0)}
nav ul li:hover ul				{left: 0}
nav ul li ul li a:hover			{background-color: #ffffff; color: #DD642D}
nav ul li ul li:last-child a	{border: none}
nav ul li ul li:after			{display: none}

nav ul li.active > a		{font-family: 'Avenir LT Std 95 Black';}

/* MOBILE NAV */
.hamburger 						{width: 22px; height: 16px; z-index: 50; margin-left: 15px; cursor: pointer; position: relative; display: none}
.hamburger span 				{width: 100%; display: block; height: 2px; background-color: #6F6F6F; position: absolute; top: 0; left: 0; transition: 0.2s ease-out; }
.hamburger span:nth-child(1) 	{}
.hamburger span:nth-child(2) 	{top: 7px;}
.hamburger span:nth-child(3) 	{top: 14px;}

.hamburger.open span 				{background-color: #ffffff}
.hamburger.open span:nth-child(1) 	{top: 7px; transform: rotate(45deg) scaleX(-1);}
.hamburger.open span:nth-child(2) 	{opacity: 0; transform: scale(0)}
.hamburger.open span:nth-child(3) 	{top: 7px; transform: rotate(-45deg) scaleX(-1);}

/* HERO CONTAINER */
.hero-container 		{width: 100%; height: calc(100vh - 120px); min-height: 700px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 70px;}
.hero-container video 	{object-fit: cover; width: 100%; height: 100%; position: absolute; z-index: 0; left: 0; top: 0;}
.hero-container h1		{color: #ffffff; font-size: 50px; text-transform: uppercase; position: relative; z-index: 5; text-shadow: 0 0 20px rgba(0,0,0,0.5);  line-height: 1.1em; animation-name: hero-text; animation-duration: 3.5s; animation-fill-mode: forwards;}
.hero-container:before	{display: block; position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 30%; background-image: linear-gradient(rgba(0,0,0,0.7) , rgba(0,0,0,0)); z-index: 2;}

/* HERO CAROUSEL CONTAINER */
.hero-carousel-container	{position: absolute; left: 0; top:0; width:100%; height: 100%;}
.hero-carousel				{display: block; height: 100%;}
.hero-carousel .slick-list	{height: 100%;}
.hero-carousel .slick-track	{display: flex; height: 100%;}
.hero-carousel .slide		{background-position: center; background-size: cover; height: 100%; width:100%;}

/* HOME HEADER */
.home header								{position: absolute; z-index: 10; box-shadow: none; background-color: transparent;}
.home header .logo							{background-image: url(/_uploads/_assets/logo-bore-place-white.png);}
.home header nav ul li a					{color: #ffffff}
.home header nav ul ul li a					{color: #333333}
.home header nav ul li:hover > a,				
.home header nav ul li a:hover				{color: #ffffff}
.home header nav ul ul li a:hover			{color: #DD642D}
.home header .header-right-top ul li path	{fill:#ffffff}
.home header .search-btn					{background-image: url(/_uploads/_assets/icon-search-white.svg)}
.home header .search-box.active .search-btn	{background-color: #DD642D} 
.home header .header-donate					{color: #ffffff}
.home header .search-btn.active				{background-image: url(/_uploads/_assets/icon-close-white.svg)}

.home header .hamburger span				{background-color: #ffffff}

.home header .basket-icon					{color:#ffffff}
.home header .basket-icon path				{fill:#ffffff}

/* HOME PAGE */
.home-intro					{text-align: center; padding-bottom: 70px; width: 100%;}
.home-intro	p				{font-size: 18px; width:670px; max-width: 100%; padding: 0 30px; margin:0 auto 1em auto}
.home-intro	p:last-child	{margin-bottom: 0}

/* HOME LISTING */
.home-listing				{overflow: hidden}
.home-listing .inner		{width: 1140px; max-width: 100%; margin: auto;}	
.listing-panel-image-text	{display: flex; align-items: center; margin-bottom: 70px;}
.listing-panel-image-outer	{width: 560px; height: 560px; flex-shrink: 0;}
.listing-panel-image		{width: 100%; height: 100%; background-size: cover; background-position: center;}
.listing-panel-text			{padding:60px 45px 50px; display: flex; align-items: center; background-color: #ffffff; box-shadow: 0 0 40px rgba(0,0,0,0.07); position: relative; transform: translateX(-50px)}
.listing-panel-text h4,
.circle-text-section .circle-text h4 {font-size: 18px; margin-top: 0.8em}
.listing-panel-text-inner	{position: relative; z-index: 1}
.listing-panel-image-text .arrow	{display: flex; justify-content: flex-end; width: 100%; margin-top: 40px; padding-right: 10px; transition: 0.4s ease-out}

.listing-panel-text:after		{background-color: #ffffff; width: 100%; height: 100%; position: absolute; left: 0; top:0; content: ''; transition: 0.4s ease-out; z-index: 0; border-bottom: 6px solid #000000;}
.listing-panel-text:hover:after	{transform: scale(1.05)}
.landing-listing-item .inner:hover .arrow,
.listing-panel-text:hover .arrow	{transform: translateX(10px)}

.home-listing .listing-panel-image-text:nth-child(even)						{flex-direction: row-reverse}
.home-listing .listing-panel-image-text:nth-child(even) .listing-panel-text	{transform: translateX(50px)}

/* LISTING GRID */
.listing-grid.home-whats-on 	{margin-bottom: 45px}
.text-intro						{text-align: center;}
.text-intro h2					{font-size: 28px; text-transform: uppercase;  margin-bottom: 1em}

.listing-grid.home-whats-on h2 path	{fill:#00738B}

.grid-card-image-outer			{height: 235px; overflow: hidden; position: relative;}
.grid-card						{position: relative;}
.grid-card-image				{position: absolute; left: 0; top:0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: 0.2s ease-out}
.grid-card-text					{padding: 25px 20px;}
.grid-card-text h3				{font-family: 'Avenir LT Std 65 Medium'; font-size: 20px; color: #333333}
.grid-card-text,
.grid-card-text p				{font-size: 14px; line-height: 1.5em}
.grid-card-text p:last-child	{margin-bottom: 0}
.grid-card-text p.date			{color: #00738B; font-family: 'Avenir LT Std 65 Medium'; font-size: 15px;}

.grid-card-image-outer:after		{display: block; position: absolute; left: 0; bottom:0; content: ''; width: 100%; height: 30%; background-image: linear-gradient(0deg, rgba(0,0,0,0.7) , rgba(0,0,0,0)); z-index: 2;}
.grid-card-image-outer .arrow		{position: absolute; right: 20px; bottom: 10px; z-index: 5; transition: 0.2s ease-out}
.grid-card-image-outer .arrow svg	{width: 25px;}
.grid-card-image-outer .arrow path	{fill:#ffffff}

.grid-card:hover .grid-card-image	{transform: scale(1.05)} 
.grid-card:hover .arrow				{transform: translateX(5px);}

.home-whats-on h2	{color: #00738B}

/* FEATURE CARD */
.feature-card														{width:100%; box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 15%);background-color:#fff;text-align:left;}
.feature-card .feature-card-image-container							{position: relative; height: 245px; overflow: hidden;}
.feature-card .feature-card-image									{position: absolute; left: 0; top:0; width:100%; height: 100%; object-fit: cover; object-position: center;}
.feature-card .feature-card-image.full								{width:100%; height:100%;}
.feature-card .feature-card-text									{padding:20px 30px;}
.feature-card .feature-card-text .feature-card-title				{font-size:18px; margin-bottom: 0;}
.feature-card .feature-card-text p									{line-height:1.6em; font-size:13px;}

.main-two-col .feature-card-listing .cols	{width:calc(100% + 30px); margin-left: -15px;}
.feature-card-listing .cols .col			{padding:10px 15px;}

/* PAGE INTRO */
.page-intro					{width: 730px; max-width: calc(100% - 60px); padding: 60px 20px 60px; margin: auto; position: relative}
.page-intro	h1				{font-size: 50px; color: #00738B; margin-bottom: 0.4em; font-family: 'Avenir LT Std 65 Medium';}
.page-intro p:last-child	{margin-bottom: 0}

.page-intro.np			{padding-top:0; padding-bottom: 0;}

/* ARROW LINK */
.arrow-link				{display: flex; align-items: center; justify-content: center; text-decoration: none}
.arrow-link span		{margin-left: 10px; transition: 0.2s ease-out}
.arrow-link:hover span	{transform: translateX(5px)}

/* CIRCLE TEXT SECTION */
.circle-text-section				{background-color: #ffffff; box-shadow: 0 0 40px rgba(0,0,0,0.07); margin-bottom: 70px; padding: 70px 0}
.circle-text-section .cols			{justify-content: center; align-items: center}
.circle-text-section .circle-image	{width:334px; height: 334px; border-radius: 334px; border:10px solid #ffffff;; box-shadow: 0 0 20px rgba(0,0,0,0.5); background-size: cover; background-position: center;}
.circle-text-section .circle-text	{width: 420px; margin-left: 50px;}
.circle-text-section h4				{font-family: 'Avenir LT Std 95 Black'; margin-bottom: 1em; margin-top: 1.4em; line-height: 1.2em}
.circle-text-section .buttons		{margin-top: 1.5em}

/* LANDING PAGE HERO */
.section-landing-hero						{padding: 60px 0}
.section-landing-hero .inner				{}	
.section-landing-image-text					{display: flex;}
.section-landing-image-outer-outer			{width: 50%; height: 560px; flex-shrink: 0; position: relative;}
.section-landing-image-outer-outer:before	{width:10px; height: 100%; content: ''; left: 0; z-index: 1; display: block; position: absolute; top:0; background-color: #DD642D}
.section-landing-image-outer				{width: 100%; height: 100%; overflow: hidden;}
.section-landing-image						{width: 100%; height: 100%; background-size: cover; background-position: center; animation-name: header-image; animation-duration: 3s; animation-fill-mode: forwards;}
.section-landing-text						{padding:60px 45px 50px 100px; display: flex; align-items: center;}
.section-landing-text h1					{font-size: 50px; color: #DD642D; font-family: 'Avenir LT Std 65 Medium'; margin:0.4em 0}
.section-landing-text p.sub-head			{font-size: 16px;  text-transform: uppercase; color: #6F6F6F; font-family: 'Avenir LT Std 95 Black', Arial, Helvetica, sans-serif;}
.section-landing-text p						{font-size: 18px; line-height: 1.7em}
.section-landing-text p:last-child			{margin-bottom: 0}
.section-landing-text-inner					{position: relative; z-index: 1}
.section-landing--image-text .arrow			{display: flex; justify-content: flex-end; width: 100%; margin-top: 40px; padding-right: 10px; transition: 0.4s ease-out}

.sub-head	{font-size: 15px; font-family: 'Avenir LT Std 95 Black'; color: #DD642D; text-transform: uppercase}

/* LANDING LISTING */
.landing-listing-item						{background-color: rgba(221,100,45,0.1)}
.landing-listing .listing-panel-image-text	{margin-bottom: 60px; align-items: stretch;}
.landing-listing .listing-panel-text		{background-color: transparent; box-shadow: none; transform: none; padding-right: 128px; position: relative}
.landing-listing .listing-panel-text:after	{display: none;}
.landing-listing .listing-panel-text-inner	{width: 474px;}
.landing-listing .inner						{position: relative;}

.landing-listing .listing-panel-image					{transition: 0.6s ease-out}
.landing-listing .listing-panel-image-outer				{overflow: hidden; flex-shrink: 1;}
.landing-listing-item .inner:hover .listing-panel-image	{transform: scale(1.05);}

.landing-listing .landing-listing-item:nth-child(odd) .listing-panel-image-text 	{flex-direction: row-reverse;}
.landing-listing .landing-listing-item:nth-child(even) 	{background-color: #ffffff}
.landing-listing .landing-listing-item:nth-child(even) .listing-panel-text	{padding-left: 128px; padding-right: 0}

/* CONTENT PAGE HERO */
.content-hero						{padding: 0 0 50px; background-color: rgba(221,100,45,0.1);}
.content-hero .inner				{}	
.content-image-text					{display: flex; align-items: center;}
.content-image-outer-outer			{width: 50%; height: 560px; flex-shrink: 0; position: relative;}
.content-image-outer				{width: 100%; height: 100%; overflow: hidden;}
.content-image						{width: 100%; height: 100%; background-size: cover; background-position: center; animation-name: header-image; animation-duration: 3s; animation-fill-mode: forwards;}
.content-text						{padding:60px 45px 50px 70px; display: flex; align-items: center; transform: translateY(-20px)}
.content-text h1					{font-size: 45px; color: #333333; font-family: 'Avenir LT Std 65 Medium'; margin:0.4em 0}
.content-text p.sub-head			{font-size: 16px; color: #DD642D;  text-transform: uppercase; font-family: 'Avenir LT Std 95 Black', Arial, Helvetica, sans-serif;}
.content-text p						{font-size: 17px; line-height: 1.7em}
.content-text p:last-child			{margin-bottom: 0}
.content-text-inner					{position: relative; z-index: 1}
.content-image-text .arrow			{display: flex; justify-content: flex-end; width: 100%; margin-top: 40px; padding-right: 10px; transition: 0.4s ease-out}

.content-hero.flipped .content-image-text	{flex-direction: row-reverse}

/* TEXT STYLES */
.text-styles h1			{font-size:40px; line-height: 1.3em; margin:0 0 0.3em 0; font-family: 'Avenir LT Std 65 Medium'; color: #333333}	
.text-styles h2			{font-size:32px; line-height: 1.2em; margin:0.75em 0 0.35em 0; font-family: 'Avenir LT Std 65 Medium'; color: #333333; text-transform: none}	
.text-styles h3			{font-size:28px; line-height: 1.3em; margin:1em 0 0.5em 0; font-family: 'Avenir LT Std 65 Medium'; color: #DD642D}	
.text-styles h4			{font-size:26px; line-height: 1.3em; margin:0.5em 0; font-family: 'Avenir LT Std 65 Medium'; color: #333333}	
.text-styles h5			{font-size:22px; line-height: 1.3em; margin:0.85em 0 0.5em 0; font-family: 'Avenir LT Std 65 Medium'; color: #DD642D}	
.text-styles h6			{font-size:20px; line-height: 1.3em; margin:0.85em 0 0.5em 0; font-family: 'Avenir LT Std 65 Medium'; color: #333333}	
.text-styles p			{font-size:16px;  line-height: 1.5em; margin-bottom: 1.0em;}

p.intro,
div.intro p,
.text-styles p.intro	{font-size:20px; font-family: 'Avenir LT Std 65 Medium';}

.text-styles ul li a,
.text-styles ol li a,
.text-styles p a		{color: #DD642D}

.text-styles ul li a:hover,
.text-styles ol li a:hover,
.text-styles p a:hover	{color: #333333}

.text-styles ul,
.text-styles ol		{font-size:16px;  line-height: 1.5em; margin: 1.5em; margin-top: 0; color: #6F6F6F}	
.text-styles ul li,
.text-styles ol li	{margin-bottom:0.5em;}

.text-styles h2:first-of-type	{margin-top: 0}

.text-bold			{font-weight:bold;}

.text-message		{font-size:13px;}
.text-success		{color:#AFB811;}
.text-error			{color:red;}

p.box-item {width:100%;height:auto;padding:10px;}

/* MAIN TWO COL */
.main-two-col			{background-color: #ffffff;  margin-top: -50px; position: relative; z-index: 2}
.main-two-col.inner		{display: flex; width: 1260px; max-width: calc(100% - 40px); padding: 60px;}
.main-two-col .cols		{width: 100%; margin: 0; justify-content: space-between; flex-wrap: nowrap}
.main-col-left			{width:290px;}
.main-col-right			{width:calc(100% - 375px);}

.main-col-right hr		{margin: 30px 0}

.main-two-col.flipped .cols	{flex-direction: row-reverse;}

p a.btn,
p a.btn:hover {color: #ffffff}

p img	{margin: 1em 0}

/* INLINE CAROUSEL */
.inline-carousel-container			{background-color: #ffffff; padding:30px 40px; box-shadow: 0 0 40px rgba(0,0,0,0.06); margin: 40px 0; border-bottom: 6px solid #AFB811}
.inline-carousel-container h2		{font-size: 28px; margin-top: 0; }
.inline-carousel-image-container	{position: relative;}
.inline-carousel-image .slide		{background-position: center; background-repeat: no-repeat;}
.inline-carousel-image .slide img	{width:100%;}
.inline-carousel-text				{padding-top: 15px;}
.inline-carousel-text h3			{font-size: 26px; color: #333333}
.inline-carousel-text h4			{font-size: 22px; color: #333333; margin-bottom: 1em}
.inline-carousel-text h3 strong		{color: #AFB811}

/* INLINE CAROUSEL NAV */
.inline-carousel-container .carousel-nav-container				{position: absolute; bottom: 0; width: 100%; display: flex; justify-content: center;}
.inline-carousel-container .carousel-nav						{width: 140px; background-color: #ffffff; position: relative; padding-top: 10px;}
.inline-carousel-container ul.custom_paging						{margin: -2px 0; text-align: center; font-size: 18px;}
.inline-carousel-container ul.custom_paging li					{display: none; margin: 0}
.inline-carousel-container ul.custom_paging li.slick-active		{display: block; color: #101B40}
.inline-carousel-container .slick-arrow							{font-size: 0; position: absolute; left: 13px; top:11px; width: 20px; height: 15px; background-image: url(/_uploads/_assets/icon-arrow-green.svg); background-size: cover; background-color: transparent;}
.inline-carousel-container .slick-arrow.slick-next				{left: auto; right: 13px;transform: rotate(0deg);}
.inline-carousel-container .slick-arrow.slick-prev				{left: 13px;right: auto;transform: rotate(180deg);}

/* IMAGE CAROUSEL */
.image-carousel-thumbs			{width:calc(100% + 20px); margin-left: -10px;}
.image-carousel-thumbs .slide	{padding-top: 4%; margin: 10px; background-size: cover; opacity: 0.5}
.image-carousel-thumbs .slide.slick-current	{opacity: 1}
.image-carousel .slide			{background-size: auto 100%; background-repeat: no-repeat; background-color: #000000; background-position: center; padding-top: 15%;}

.image-carousel-container				{position: relative;}
.image-carousel-container .slick-arrow	{position: absolute; width: 40px; height: 40px; top:50%; margin-top: -20px; font-size: 0; background-color: #ffffff; z-index: 5; background-image: url(/_uploads/_assets/icon-chevron-right.svg); background-size: 12px auto; background-position: center;}
.image-carousel-container .slick-prev	{left: 0; transform: rotate(180deg)}
.image-carousel-container .slick-next	{right: 0;}

.image-carousel-page-panel	{margin-bottom: 40px;}
.image-carousel-page-panel.small .image-carousel .slide {min-height:450px;}

/* LEFT NAV */
.left-nav p					{color: #6F6F6F; font-size: 18px; margin-bottom: 0.5em; font-family: 'Avenir LT Std 95 Black', Arial, Helvetica, sans-serif; }
.left-nav ul				{list-style: none; font-size: 15px; width: 100%;}
.left-nav ul li				{border-bottom: 1px solid rgba(205,196,167,0.3)}
.left-nav ul li a			{padding: 14px 10px 12px 25px; position: relative; display: block; text-decoration: none; color: #6F6F6F}
.left-nav ul li a:hover		{background-color: rgba(205,196,167,0.3)}
.left-nav ul li a:before	{background-image: url(/_uploads/_assets/small-chevron.svg);top: 19px; width: 6px; height: 11px; background-size: cover; content: ''; display: inline-block; position: absolute; left:10px}
.left-nav ul li.active				{border: none}
.left-nav ul li.active a	{background-color: #DD642D; color: #ffffff}
.left-nav ul li.active a:before		{background-image: url(/_uploads/_assets/small-chevron-white.svg);}


.left-nav ul li.active li a			{background-color: rgba(221,100,45,0.05); color: #6F6F6F; padding-left: 35px; font-size: 14px;}
.left-nav ul li.active li a:before	{left: 20px; background-image: url(/_uploads/_assets/small-chevron.svg);}

.left-nav ul ul li.active a			{background-color: rgba(221,100,45,0.10); color: #6F6F6F; padding-left: 35px;}
.left-nav ul ul li.active a:before	{background-image: url(/_uploads/_assets/small-chevron.svg);}

/*
.left-nav ul ul					{}
.left-nav ul li.active a		{background-color: rgba(221,100,45,1); color: #ffffff; padding-left: 35px}
.left-nav ul li.active a:before	{background-image: url(/_uploads/_assets/small-chevron-white.svg); left: 20px}
.left-nav ul li.active a:hover	{background-color: rgba(205,196,167,0.3)}
*/



.left-nav p.left-nav-toggler span	{display: none; font-family: 'Avenir LT Std 65 Medium';}

/* ACTIVITY LISTING */
.activity-listing-container	{}
.activity-listing-container .activity-listing:last-of-type { padding-bottom: 40px; border-bottom: 1px solid #F8E0D5; margin-bottom: 40px }
.s-activity-listing:last-of-type { padding-bottom: 40px; border-bottom: 1px solid #F8E0D5; margin-bottom: 40px }
.activity-listing { border-top: 1px solid #F8E0D5; padding: 40px 0 0; margin: 40px 0 0; display: flex; }
.activity-image				{width: 200px; flex-shrink: 0}
.activity-text				{padding-left: 30px;}
.activity-text h3			{margin-top: 0; color: #333333 !important; font-size: 24px; margin-bottom: 0.4em;}
.activity-text h4			{margin-top: 0; color: #DD642D; font-size: 20px; margin-bottom: 0.65em; font-family: 'Avenir LT Std 95 Black';}
.activity-text p			{margin-bottom: 0.65em}
.activity-text p:last-child	{margin-bottom: 0}

/* ACTIVITY LISTING CIRCLE */
.activity-listing.circle 						{border: none; padding: 30px; margin-top: 20px;}
.activity-listing.circle .activity-text h3		{color:#ffffff !important}
.activity-listing.circle .activity-image img	{border-radius: 200px; height: 200px;}

.activity-listing.green		{background-color: #FAFBF1}
.activity-listing.green h3	{color:#ffffff; background-color: #AFB811; display: inline-block; border-radius: 50px; padding: 10px 20px; padding-bottom: 7px; margin-bottom: 0.75em}

.activity-listing.yellow	{background-color: #FDFBF0}
.activity-listing.yellow h3	{color:#ffffff; background-color: #DDB10A; display: inline-block; border-radius: 50px; padding: 10px 20px; padding-bottom: 7px; margin-bottom: 0.75em}

.activity-listing.orange	{background-color: #FDF6F2}
.activity-listing.orange h3	{color:#ffffff; background-color: #DD642D; display: inline-block; border-radius: 50px; padding: 10px 20px; padding-bottom: 7px; margin-bottom: 0.75em}

.activity-listing.teal		{background-color: #F0F7F8}
.activity-listing.teal h3	{color:#ffffff; background-color: #00738B; display: inline-block; border-radius: 50px; padding: 10px 20px; padding-bottom: 7px; margin-bottom: 0.75em}

/* INLINE COL LISTING */
.inline-col-listing			{text-align: center; margin: 50px 0; box-shadow: 0 0 40px rgb(0 0 0 / 6%); padding:5px 30px; border-radius: 30px;}
.inline-col-listing img		{margin-bottom: 15px;}
.inline-col-listing .col p	{font-size: 14px; line-height: 1.4em}

.inline-col-listing.green		{background-color: #FAFBF1; padding:5px 30px; box-shadow: none}
.inline-col-listing.green h3	{color: #AFB811;}

.inline-col-listing.yellow		{background-color: #FDFBF0; padding:5px 30px; box-shadow: none}
.inline-col-listing.yellow h3	{color: #DDB10A;}

.inline-col-listing.orange		{background-color: #FDF6F2; padding:5px 30px; box-shadow: none}
.inline-col-listing.orange h3	{color: #DD642D;}

.inline-col-listing.teal		{background-color: #F0F7F8; padding:5px 30px; box-shadow: none}
.inline-col-listing.teal h3		{color: #00738B;}

/* INLINE LISTING EXPANDER */
.inline-listing-expander					{margin: 50px 0; box-shadow: 0 0 30px rgba(0,0,0,0.06); padding: 30px; border-radius: 30px;}
.inline-listing-expander .cols				{display: block; font-size: 0; width:calc(100% + 20px); margin-left: -15px; margin-top: 30px;}
.inline-listing-expander .cols.span-4 .col	{display: inline-block; vertical-align: top; padding: 0 10px;}

.inline-listing-expander .cols .col.active .btn-plus:before	{display: none}

.inline-listing-expander h2				{font-size: 30px;}
.inline-listing-expander h3				{font-size: 30px; margin-top: 0; line-height: 1.3em}

.inline-listing-expander-card			{width: 100%; background-color: red; border-radius: 150px; border:5px solid #ffffff; box-shadow: 0 0 15px rgba(0,0,0,0.1); padding: 30px 10px; text-align: center; font-size: 20px; 
										display: inline-flex; flex-direction: column; justify-content: center; align-items: center; color: #ffffff; transition: 0.2s ease-out}
.inline-listing-expander-card p			{font-size: 18px; font-family: 'Avenir LT Std 95 Black'; margin-bottom: 0.5em; line-height: 1.2em}
.inline-listing-expander-card .btn-plus	{margin: auto; display: block;}
.inline-listing-expander-card:hover		{transform: translateY(5px);}

.inline-listing-expander-card.green		{background-color: #AFB811}
.inline-listing-expander-card.yellow	{background-color: #DDB10A}
.inline-listing-expander-card.orange	{background-color: #DD642D}
.inline-listing-expander-card.teal 		{background-color: #00738B}

.inline-listing-expander .activity-listing.circle .activity-text h3	{font-size: 26px !important}

.inline-circle-expanded									{margin-top: 20px;}
.inline-circle-expanded .activity-listing				{margin-top: 0; border-radius: 30px; margin-bottom: 20px;}
.inline-circle-expanded .activity-image img				{margin-bottom: 15px}
.inline-circle-expanded .activity-image img:last-child	{margin-bottom: 0}
.inline-circle-expanded.col-full  						{margin-bottom: 0}

/* PLUS BTN */
.btn-plus			{width: 22px; height: 22px; position: relative}
.btn-plus:before	{width: 2px; height: 100%; background-color: #ffffff; content:''; display: block; left: 50%; margin-left: -1px; position: absolute;}
.btn-plus:after		{width: 100%; height: 2px; background-color: #ffffff; content:''; display: block; top: 50%; margin-top: -1px; position: absolute;}

/* PULLOUT CTA */
.pullout-cta			{background-color: #FCEFE9; padding:30px 20px; display: flex; margin-top: 40px; margin-bottom: 40px;}
.pullout-cta-image		{width:255px; flex-shrink: 0}
.pullout-cta-text		{padding-left: 30px;}
.pullout-cta-text p		{font-size: 15px;}
.pullout-cta .btn		{background-color: #DD642D}
.pullout-cta p.sub-head	{margin-bottom: 0; font-size: 14px; }
.pullout-cta h4			{margin-top: 0.4em; font-size: 24px;}

/* FEATURED CAROUSEL CONTAINER */
.featured-carousel-section		{padding: 50px 0;}
.featured-carousel-container	{width:940px; max-width: 100%; padding: 0 20px; margin: auto; position: relative;}
.featured-carousel-container h2	{font-size: 20px; color: #00738B; font-family: 'Avenir LT Std 95 Black';}
.featured-carousel				{background-color: #ffffff; margin-top: 20px;}
.featured-carousel .slide		{display: flex; height: auto}
.featured-carousel .slick-track	{display: flex;}
.featured-slide-image			{ width: 50%; flex-shrink: 0; min-height: 380px; background-size: cover; background-position: center; position: relative; }
.featured-slide-text			{width: 50%; padding: 40px 50px;}
.featured-slide-text p.date		{font-family: 'Avenir LT Std 65 Medium'; font-size: 18px; color: #00738B}
.featured-slide-text h3			{font-family: 'Avenir LT Std 65 Medium'; font-size: 24px; color: #333333}
.featured-slide-text .btn		{background-color: #00738B; margin-top: 1em}

.featured-carousel-section .slick-dots	{position: absolute; right: 20px; top:3px; width: auto;}

.grid-card-text p.date.month,
.featured-slide-text p.date.month	{font-family: 'Avenir LT Std 95 Black'; margin-bottom: 0}

/* WHATS ON LISTING */
.whats-on-listing			{padding: 50px 0}
.whats-on-listing-carousel	{background-color: rgba(0,115,139,0.1);}

.ribbon	{position: absolute; right:-40px; top:24px; background-color: #DD642D; z-index: 5; padding: 10px 0 8px; width: 160px; text-align: center; font-size: 14px; color: #ffffff; font-family: 'Avenir LT Std 95 Black'; transform: rotate(45deg)}

/* FILTERS */
.whats-on-filters		{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; margin-bottom: 20px;}
.whats-on-filters p		{font-size: 18px; color: #333333; margin: 0; transform: translateY(-4px)}
.filters-col			{display: flex}
.filters-col .form-cell	{margin-right: 30px;}

/* SLICK DOTS GENERAL */
.slick-dots					{width: 100%; justify-content: center; display: flex; font-size: 0}
.slick-dots li				{width: 15px; height: 15px; border-radius: 15px; border:1px solid #00738B; margin: 0 4px}
.slick-dots li.slick-active	{background-color:#00738B}

.three-item-list .slick-dots	{margin-top: 20px;}

/* WHATS ON DETAILS */
.content-hero-whats-on						{background-color: rgba(0,115,139,0.1)}
.content-hero-whats-on h1					{font-family: 'Avenir LT Std 95 Black'; color:#00738B; border-bottom: 1px solid #cccccc; padding-bottom: 20px; font-size: 30px; line-height: 1.2em; margin-bottom: 0.6em; margin-top: 0.6em}
.content-hero-whats-on p					{font-size: 16px; margin-bottom: 0.5em; line-height: 1.4em; color: #333333}
.content-hero-whats-on p.sub-head			{color:#00738B}
.content-hero-whats-on p.sub-head span		{font-family: 'Avenir LT Std 55 Roman'; text-transform: none}
.content-hero-whats-on p.ticket-price		{font-size: 30px; text-transform: uppercase; font-family: 'Avenir LT Std 95 Black'; color:#00738B; margin-top: 0.5em; margin-bottom: 0.5em}
.content-hero-whats-on p.ticket-price span	{font-size: 16px; font-family: 'Avenir LT Std 55 Roman'; }
.content-hero-whats-on .btn					{min-width: 230px;  font-size: 16px;}
.content-hero-whats-on .content-text		{transform: none}

.main-col-left .important-info		{background-color:#F4F2EF; color:#ff3131; padding: 15px; margin-bottom: 15px;}
.main-col-left .important-info h5	{margin-bottom: 0.5em}
.main-col-left .important-info p	{font-family: 'Avenir LT Std 55 Roman'; font-size: 16px;}

/* PHOTO CREDITS */
span.credit { position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,0.5); color: #ffffff; padding: 5px !important; font-size: 10px; z-index: 98; }
span.credit a { color: #ffffff; text-decoration: none; }

/* KEY INFORMATION */
.key-information		{margin-bottom: 40px; background: #ffffff; box-shadow: 0 0 10px rgb(0 0 0 / 6%); padding: 25px;}
.key-information h2		{font-size: 20px; font-family: 'Avenir LT Std 95 Black'; color: #00738B}
.key-information img	{width: auto; height: 32px; margin: 0 9px 0 0}
.key-information p		{display: flex; margin: 0; align-items: center; font-family: 'Avenir LT Std 65 Medium'}
.key-information td		{background-color:rgba(0,115,139,0.1); border: 2px solid #ffffff; width: 50%; padding: 10px 15px; color:#00738B}

/* BOOK NOW PANEL */
.sticky					{position: sticky; top: 147px}
.book-now-cell			{background-color:#F4F2EF; padding: 30px; margin-bottom: 2px}
.book-now-cell h3		{font-family: 'Avenir LT Std 95 Black'; font-size: 20px; margin: 0; margin-bottom: 0.3em; text-transform: uppercase; color: #333333; }
.book-now-cell h4		{font-family: 'Avenir LT Std 95 Black'; font-size: 16px; margin: 0; margin-bottom: 0.5em; text-transform: uppercase; color: #00738B; }
.book-now-cell h5		{font-family: 'Avenir LT Std 95 Black'; font-size: 16px; margin: 0; margin-bottom: 0.5em; text-transform: uppercase; color: #333333; }
.book-now-cell h4 span	{font-family: 'Avenir LT Std 55 Roman'; text-transform: none; margin-top: 5px;}
.book-now-cell p		{font-family: 'Avenir LT Std 55 Roman'; font-size: 16px; margin-bottom: 0; line-height: 1.3em;  }
.book-now-cell input[type="text"]	{background-color:#ffffff; font-size: 16px; padding: 15px;}
.book-now-cell.lighter				{background-color:#F8F8F6}
.book-now-cell.lighter p			{color: #333333}
.book-now-cell .booking-code-text p	{font-size: 13px;margin-bottom:10px;}

.book-now-cell p.ticket-price		{color:#00738B; font-family: 'Avenir LT Std 95 Black'; text-transform: uppercase; margin-top: 10px; font-size: 22px;}
.book-now-cell p.ticket-price span	{font-family: 'Avenir LT Std 55 Roman'; font-size: 16px;}

.book-now-cell .small				{font-size: 13px;line-height:1.4em;}

.book-now-cell .btn					{display: block; width: 100%;}

.input-box-up-down 								{position: relative; margin-bottom: 15px; margin-top: 15px;}
.input-box-up-down input[type="button"]			{width: 22px; height: 22px; background-color: #DD642D; background-size: 10px; background-position: center; background-image: url(/_uploads/_assets/icon-plus.png)}
.input-box-up-down input[type="button"]:hover	{background-color: #333333}
.input-box-up-down .plus						{position: absolute; top:0; right: 0}
.input-box-up-down input[type="button"].minus	{position: absolute; bottom:0; right: 0; background-image: url(/_uploads/_assets/icon-minus.png)}

/* OTHER EVENTS */
.other-events					{padding:0 0 70px 0}
.other-events .text-intro		{padding-top:40px; border-top:1px solid #cccccc; margin-bottom: 20px;}
.other-events .text-intro h4	{font-size: 20px; font-family: 'Avenir LT Std 95 Black'; color: #333333; }

/* EVENTS CHECKOUT */
.attendee-section:nth-child(odd)	{background: #FBFAF9}
.attendee-section					{background-color:#F4F2EF; padding: 60px 0 40px;}
.attendee-section .inner			{position: relative;}
.checkout-events-details			{display: flex; margin-bottom: 15px; padding-right: 100px; position: relative; }
.checkout-events-details p.sub-head	{ margin-bottom: 10px;}
.checkout-events-details h2,
.checkout-events-details a			{text-transform: none; text-decoration: none; font-size: 27px; color: #333333 }
.checkout-events-details h3			{text-transform: none; font-size: 27px;  font-family: 'Avenir LT Std 95 Black'; color: #333333}
.checkout-events-details h4			{text-transform: none; font-size: 18px;  font-family: 'Avenir LT Std 95 Black';}
.checkout-events-image				{width: 166px; height: auto; flex-shrink: 0; margin-right: 30px;}

.add-attendee-panel		{padding:30px 20px 20px; background-color: #ffffff; position: relative; box-shadow: 0 0 30px rgb(0 0 0 / 6%); border-bottom: 6px solid #00738B;	}
.add-attendee-panel h3	{font-size: 24px; color: #00738B; font-family: 'Avenir LT Std 95 Black'; margin-bottom: 1em}

.checkout-section	{padding-bottom: 70px;}

/* CLOSE */
.close				{position: absolute; right: 20px; top:20px; width: 12px; height: 12px; background-image: url(/_uploads/_assets/icon-close-orange.svg); background-size: 12px; display: block; cursor: pointer; z-index: 999;}
.close-remove		{width:auto; height: auto; background-repeat: no-repeat; background-position: left center -1px; color: #333333; font-family: 'Avenir LT Std 95 Black'; padding-left: 17px; top:0; right: 20px;}
.close:hover		{opacity: 0.5}

/* CONTACT PAGE */
.contact-item			{display: flex; align-items: flex-start; margin: 20px 0}
.contact-item h5		{color: #333333; font-family: 'Avenir LT Std 95 Black'; font-size: 18px;}
.contact-icon			{width: 40px; transform: translateY(3px); flex-shrink: 0}
.contact-item p a		{color: #DD642D}
.contact-item p a:hover	{color: #333333}

.content-hero-contact					{padding:0}
.content-hero-contact .content-text 	{transform: translateY(0); padding: 60px;}
.content-hero-contact .content-text h1	{color:#DD642D}
.content-hero-contact .content-text p	{font-size: 16px; line-height: 1.4em}

.content-hero-contact .content-image-outer-outer	{height: auto}
.content-hero-contact .content-image-text			{align-items: stretch;}

.map-responsive			{position: relative; height: 100%;}
.map-responsive iframe 	{position: absolute; top: 0; left: 0; height: 100%; width: 100%;}

.contact-form-section		{padding-bottom: 70px;}
.contact-form-section h2	{font-size: 40px; text-transform: none; margin-bottom: 0.5em}

/* EXPAND BOX */
.expand-box						{width:100%;height:fit-content;position:relative;padding:20px;background:rgba(0,115,139,0.1);cursor:pointer;display:flex;justify-content:space-between;flex-wrap: wrap;}
.expand-box .title				{margin-bottom:0;margin-top:0 !important;}
.expand-box .subtitle			{margin-bottom:0;}
.expand-box .expand-icon		{display:flex;align-items:center;}
.expand-box .expand-icon svg	{width:30px;height:30px;}
.expand-box .expand-header		{flex-basis: 90%;}
.expand-box .expand-info		{display:none;cursor:default;flex-basis: 100%;margin-top:20px;}

/* THE TEAM */
.people-listing							{padding:40px 0;}
.people-listing .grid-card-image-outer	{height: auto; padding-top: 100%;}
.people-listing h3						{margin-bottom: 5px}
.people-listing p.job-title				{color:#6F6F6F; font-size: 15px; font-family: 'Avenir LT Std 65 Medium';}

.col-full			{float: left; width: 100%; padding: 0 15px; margin-bottom: 30px; display: none}
.col-full.open		{display: block}

.cols-inline-block		{display: block; font-size: 0}
.cols-inline-block .col	{display: inline-block; vertical-align: top}

.col.inactive		{opacity: 0}
.col.active .arrow	{transform: rotate(90deg);}

.person-text-panel	{background-color: #ffffff; padding: 40px; box-shadow: 0 0 30px rgba(0,0,0,0.1)}

.listing-float-panel	{cursor: pointer;}

.people-listing .col				{position: relative}
.people-listing .col.active:after	{width: 0; height: 0; border-style: solid; border-width: 0 15px 20px 15px; border-color: transparent transparent #ffffff transparent; content: ''; position: absolute; left: 50%; margin-left: -7.5px; bottom: 0}

/* TEXT PAGE */
.text-page 					{padding: 60px 0}
.text-page h1				{color: #DD642D}
.text-page h2:first-of-type	{margin-top: 0.75em;}

.text-page table	{margin: 50px 0}
.text-page table th	{font-family: 'Avenir LT Std 95 Black'; text-align: left; font-size: 16px; line-height: 1.5em; border:1px solid #cccccc; background-color: #efefef; padding: 10px;}
.text-page table td	{padding: 10px; border:1px solid #cccccc; font-size: 16px; line-height: 1.5em;}

/* SEARCH RESULTS */
.search-result					{width:768px; max-width: 100%;}
.search-result h3				{margin-bottom: 0}
.search-result h3 a				{color: #333333; text-decoration: none; font-family: 'Avenir LT Std 95 Black'; font-size: 22px; }
.search-result h3 a:hover		{color: #DD642D}
.search-result p				{font-size: 18px; margin-bottom: 8px;}
.search-result p.url a			{font-size: 16px; color:#A5A295}
.search-result p.url a:hover 	{color:#DD642D}

.search-box-results					{position: relative; margin-bottom: 30px;}
.search-box-results .btn-submit		{position: absolute; right: 24px; top: 50%; margin-top: -10px; background-color: transparent !important; background-image: url(/_uploads/_assets/icon-search-2.svg); border-radius: 0; width: 20px; height: 20px; background-size: 20px;}

/* VOLUNTEER FORM */
.volunteer-form-section .form-container		{padding: 60px 0}
.volunteer-form-section .form-container h2	{text-transform: none;  margin-bottom: 0.5em; margin-top: 0; font-size: 32px;}

.form-progress				{margin: 30px 0; text-align: center; padding: 15px; background-color: #F0F7F8}
.form-progress p			{font-size: 14px; color: #333333}
.form-progress .bar-outer	{box-shadow: 0 0 10px rgba(0,0,0,0.06); background-color: #ffffff; overflow: hidden; border-radius: 5px;}
.form-progress .bar			{height: 10px; background-color: #00738B;}

.form-panel {display:none;}
.form-panel.active {display:block;}

.form-field-error		{color: red;margin-bottom: 3px;font-size: 13px;}

/* VOLUNTEER LOGIN */
.form-card		{box-shadow: 0 0 30px rgba(0,0,0,0.06); width: 600px; max-width: calc(100% - 40px); margin:60px auto; padding: 40px;}
.form-card h1	{font-size: 30px; font-family: 'Avenir LT Std 65 Medium'; margin-bottom: 0.5em}
.form-card p	{margin-bottom: 0.5em}
.form-card .form-container	{margin-top: 20px;}

.form-card input[type="password"],
.form-card input[type="text"],
.form-card input[type="date"]				{background-color: #F5F5F5; padding: 15px; width: 100%; font-size: 14px; transition: 0.2s ease-out; border: none}

/* TIMELINE */
.bp-timeline				{padding: 40px 30px; border-radius: 30px; margin: 50px 0}
.bp-timeline h2				{text-align: center; background-color: #ffffff; padding-bottom: 30px; position: relative; z-index: 5}
.bp-timeline h3				{font-size: 45px; margin: 0 0 15px 0}
.bp-timeline .inner			{position: relative;}
.bp-timeline .inner:after	{border-left:1px dashed #666666; content: ''; position: absolute; height: calc(100% - 20px); top:0; left: 50%; margin-left: -1px;}

.timeline-item				{display: flex; width:100%; flex-direction: column; text-align: right; position: relative; z-index: 5}
.timeline-text				{width:50%; position: relative; padding-right: 90px;}
.timeline-circle			{width:30px; height: 30px; border-radius: 30px; border:2px solid #666666; background-color: #ffffff; position: absolute; right: -15px; top:115px; display: block;}

.timeline-text:before	{border-left:1px dashed #666666; position: absolute; height: 100px; content: ''; right: 40px; top:45px; transform: rotate(-45deg);}
.timeline-text:after	{border-top:1px dashed #666666; position: absolute; width:160px; content: ''; right: 76px; top:59px;}

.timeline-item:nth-child(even)							{align-items: flex-end; text-align: left;}	
.timeline-item:nth-child(even) .timeline-text			{padding-left: 90px; padding-right: 0}
.timeline-item:nth-child(even) .timeline-circle			{right:auto; left: -15px;}
.timeline-item:nth-child(even) .timeline-text:before	{right:auto; left: 40px; transform: rotate(45deg)}
.timeline-item:nth-child(even) .timeline-text:after		{right:auto; left: 76px;}

/****************/
/* FEATURE PAGE */
/****************/

.feature-page h2						{text-transform: none; font-size: 50px;}
.feature-page .feature-text-basic h2	{font-size: 40px;}

/* FEATURE HEADER */
.feature-header					{height: calc(100vh - 156px); position: relative;}
.feature-hero-image-outer		{width:100%; height: 100%; position: absolute; overflow: hidden;}
.feature-hero-image				{width:100%; height: 100%; position: absolute; left: 0; top:0; background-size: cover; background-position: center; animation-name: header-image-zoom; animation-duration: 120s; animation-timing-function: linear; animation-iteration-count: infinite;}

.feature-header .inner			{display: flex; height: 100%; align-items: flex-end; position: relative; z-index: 5}
.feature-header:after			{display: block; position: absolute; left: 0; bottom:0; content: ''; width: 100%; height: 35%; background-image: linear-gradient(0deg, rgba(0,0,0,0.8) , rgba(0,0,0,0)); z-index: 2;}
.feature-header-text			{text-align: center; width: 100%; padding-bottom: 60px;}
.feature-header-text h1			{color: #ffffff; font-size: 57px; font-family: 'Avenir LT Std 65 Medium'; animation: text-in 0.75s forwards 0.6s ease-in-out; opacity: 0; text-transform: uppercase}
.feature-header-text p.sub-head	{color: #ffffff; font-size: 20px;  animation: text-in 0.75s forwards 0.2s ease-in-out; opacity: 0}

/* FEATURE INTRO */
.feature-intro p			{font-size: 24px; color: #333333}
.feature-intro .page-intro	{width: 750px;}

/* FEATURE TEXT AND IMAGE PANEL - BASIC */
.feature-pullout,
.feature-text-image-basic					{padding: 60px 0; overflow: hidden}
.feature-text-image-basic .cols				{width:100%; margin: auto; display: flex; align-items: center; justify-content: space-between}
.feature-text-image-basic.flipped .cols		{flex-direction: row-reverse;}
.feature-text-basic							{width: calc(50% - 60px);}
.feature-image-basic						{width: 50%; height: 445px; background-size: cover; background-position: center; position: relative;align-self: flex-start;}

.feature-text-basic ul,
.feature-text-basic ol	{margin: 1em;}

.feature-text-image-basic p.intro			{font-size: 20px;}

.feature-pullout.flipped .inner	{flex-direction: row-reverse;}
.feature-pullout.flipped		{background-position: right}

.feature-text-image-basic.pt-0	{padding-top: 0}

/* FIXED SECTION IMAGE */
.fixed-section							{padding: 50px 0;min-height: 550px;background-attachment: fixed;background-size: cover;background-repeat: no-repeat;position: relative;}
.fixed-section .inner				{display:flex; align-items: center; justify-content: flex-end; height: 100%;}
.fixed-section .inner .fixed-text	{width:60%; color:#ffffff; position: relative; z-index: 6}
.fixed-section .inner .fixed-text h2,
.fixed-section .inner .fixed-text p a,
.fixed-section .inner .fixed-text p	{color:#ffffff;}
.fixed-section .inner .fixed-text h3	{font-family: 'Avenir LT Std 85 Heavy'; font-weight: bold; font-size: 20px; margin-bottom: 0.5em}

.fixed-section:after	{background-image: linear-gradient(-90deg, rgba(0,0,0,0.8) , rgba(0,0,0,0)); position: absolute; right:0; top:0; width: 100%; height: 100%; content: '';}

/* WIDER TEXT VERSION */
.feature-text-image-wider-text .cols					{align-items: stretch; width: 100%; margin-left: auto; margin-right: auto}
.feature-text-image-wider-text	.feature-text-basic		{width: calc(60% - 60px);}
.feature-text-image-wider-text	.feature-image-basic	{width: 40%;}
.feature-text h3,
.feature-text-basic	h3									{font-family: 'Avenir LT Std 95 Black'; color: #333333; margin-bottom: 0.5em; font-size: 20px;}

.feature-text h3	{font-family: 'Avenir LT Std 65 Medium'; font-size: 22px;}

.feature-text-image-wider-text ol,
.feature-text-image-wider-text ul	{font-size: 16px; line-height: 1.5em; margin:0.5em 1em 1em; margin-left: 2em}

/* FEATURE IMAGE CAROUSEL */
.feature-image-carousel									{padding: 60px 0}
.feature-image-carousel .image-carousel .slide			{padding-top: 0; height: 40vw; min-height: 600px; background-size: cover}
.feature-image-carousel .image-carousel-thumbs .slide	{padding-top: 0; height: 80px; background-position: center; position: relative;}
.feature-image-carousel .image-carousel-thumbs .slide img	{position: absolute; left: 0; top:auto; width: 100%; height: 100%; object-fit: cover; object-position: center;}

.feature-image-carousel .image-carousel-page-panel		{margin-bottom: 0; background: #ffffff; padding: 30px; padding-bottom: 20px; box-shadow: 0 0 30px rgb(0 0 0 / 10%);}

.feature-image-carousel .inner	{width: 900px; max-width: 100%; padding-top: 30px;}


/* EDUCATION FIX */
.image-collection-container p	{justify-content: space-between !important; width: 768px !important; max-width: 100% !important; margin: auto !important}
.image-collection-container img	{ margin: 0 !important}

/* COLOUR PAGE HEADER */
.colour-page-intro				{background-color: #00738B; padding: 60px; text-align: center;}
.colour-page-intro h1			{color: #ffffff; font-size: 45px; font-family: 'Avenir LT Std 65 Medium'; margin:0 0 0.4em 0;}
.colour-page-intro p			{color: #ffffff}
.colour-page-intro p:last-child	{margin-bottom: 0}

/* FEATURE COURSE LISTING */
.feature-course-listing			{padding: 60px 0;}
.text-listing-card				{box-shadow: 0 0 30px rgba(0,0,0,0.06); padding: 30px; height: 100%;background:#fff;}
.text-listing-card h3			{font-family: 'Avenir LT Std 65 Medium'; font-size: 24px; color: #333333}
.text-listing-card p			{font-size: 15px;}
.text-listing-card				{display: flex; flex-direction: column; justify-content: space-between;}

.text-listing-card .text-listing-card-text img			{display:block;margin: 20px auto;margin-bottom:40px;}

/* FEATURE PULLOUT */
.feature-pullout				{background-size: cover; background-position: center; position: relative;}
.feature-pullout:after			{display: block; position: absolute; right: 0; top:0; content: ''; width: 100%; height: 100%; background-image: linear-gradient(-90deg, rgba(0,0,0,0.8) , rgba(0,0,0,0)); z-index: 2;}
.feature-pullout .inner			{min-height: 480px; display: flex; align-items: center; justify-content: flex-end}
.feature-pullout p				{color: #ffffff; font-size: 32px; font-family: 'Avenir LT Std 65 Medium'; line-height: 1.2em}
.feature-pullout p:last-child	{margin-bottom: 0}
.feature-text					{width: 530px; text-align: right; position: relative; z-index: 5}

/* FEATURE PULLOUT STYLE 2 */
.feature-pullout-style-2				{background-size: auto 100%; background-position: left; background-repeat: no-repeat; padding: 60px 0}
.feature-pullout-style-2:after			{display: none}
.feature-pullout-style-2 .inner			{height: auto; min-height: unset; padding: 0;}
.feature-pullout-style-2 h2				{color: #333333; text-transform: none}
.feature-pullout-style-2 p				{font-size: 16px; color: #6f6f6f; line-height: 1.5em; font-family: 'Avenir LT Std 55 Roman'}
.feature-pullout-style-2 .feature-text	{padding: 50px; text-align: left;}

.feature-pullout-style-2.flipped .feature-text	{padding-left: 20px} 

/* FEATURE PULLOUT STYLE 3 */
.feature-pullout-style-3 h2						{color: #ffffff; text-transform: none}
.feature-pullout-style-3 p						{font-size: 16px; color: #ffffff; line-height: 1.5em; font-family: 'Avenir LT Std 55 Roman'}
.feature-pullout-style-3.flipped .feature-text	{text-align: left;}
.feature-pullout-style-3:after					{display: none}

/* FEATURE ACCOMMODATION LISTING */
.feature-listing						{padding: 30px 0;}
.feature-listing-accommodation			{position: relative;}
.feature-listing-accommodation-image	{padding-top: 65%; background-size: cover; background-position: center;}
.feature-listing-accommodation-video	{width:100%;}
.feature-listing-accommodation .feature-listing-accommodation-info		{display: flex; flex-wrap: wrap;justify-content: center; align-items: center; width: calc(100% - 150px); text-align: center; margin: auto; font-size: 20px; color: #333333; background-color: #fff; font-family: 'Avenir LT Std 65 Medium'; margin-top:-35px; position: relative; padding: 15px 0;text-decoration:none;}
.feature-listing-accommodation .feature-listing-accommodation-info ul	{list-style: none;display: flex;font-size: 14px;margin-bottom:5px;}
.feature-listing-accommodation .feature-listing-accommodation-info ul li:not(:last-child)	{margin-right: 20px;}
.feature-listing-accommodation .feature-listing-accommodation-info .subtitle	{font-size: 12px;}
.feature-listing-accommodation .feature-listing-accommodation-info p		{margin-bottom:0;width:100%; font-size: 20px;color: #4c4c4c;}
.feature-listing-accommodation p .arrow			{margin-left: 15px; transition: 0.2s ease-out; line-height: 0}
.feature-listing-accommodation p .arrow svg		{width: 20px; height: auto}
.feature-listing-accommodation p .arrow path	{fill:#AFB811;}
.feature-listing-accommodation hr				{width:75%;margin: 10px 0;}

.feature-listing-accommodation:hover .arrow		{transform: translateX(10px)}

.feature-listing .text-panel	{padding-right: 40px;}

/* THINGS TO DO PANEL */
.things-to-do						{padding:60px 0}
.things-to-do .col-2.col-text		{width:60%; padding-right: 60px;}
.things-to-do .col-2.col-text h3	{font-size:20px; font-weight: 700; margin-bottom: 0.5em; color:#666666}
.things-to-do .col-2.col-text p a	{font-family: 'Avenir LT Std 85 Heavy'}
.things-to-do .col-2.col-image		{width:40%; padding-left: 40px;}
.things-to-do .col-2.col-image img	{display: block;margin-bottom: 20px;}
.things-to-do .col-2.col-image p	{font-size: 0}

.things-to-do .two-cols-flex		{display:flex;}

/* FEATURE FEEDBACK */
.feature-feedback		{padding: 60px 0}
.feedback-logo			{width: 162px; height: 162px; border-radius: 162px; box-shadow: 0 0 5px rgba(0,0,0,0.3); overflow: hidden; display: flex; justify-content: center; align-items: center; margin:0 auto}
.feedback-panel			{text-align: center;}
.feedback-panel img		{max-height: 100px; max-width: 120px;}
.feedback-panel p		{padding: 30px 30px 0;}
.feedback-panel cite	{font-family: 'Avenir LT Std 95 Black'; color: #333333}
.feature-feedback .button	{margin-top: 30px;}
/****************/
/****************/

/****************/
/* ACCOMMODATION PAGE */
/****************/
.accomodation-detail-carousel			{height: calc(90vh - 157px);min-height: 500px;position: relative;}
.accomodation-detail-carousel .slide,		
.accomodation-detail-carousel .slick-list,
.accomodation-detail-carousel .slick-track	{height:100%;}

.accomodation-detail-carousel .slide 					{text-align: center; position:relative;}
.accomodation-detail-carousel .slide p { position: absolute; bottom: 10%; right: 0px; background-color: rgba(0,0,0,0.5); color: #fff; padding: 0px 20px; margin-bottom:0;}
.accomodation-detail-carousel .slide.slick-active img, .accomodation-detail-carousel .slide.slick-active video	{opacity: 1}
.accomodation-detail-carousel .slide img, .accomodation-detail-carousel .slide video				{height:100%; opacity: 0.2; width:auto; display: block; margin: auto; transition: 0.5s ease-out;}

.accomodation-detail-carousel ul.custom_paging 					{font-size:16px; width:100%; text-align: center; margin: 0; padding:0; padding-top: 8px; list-style: none; position: absolute; bottom: 10%; color:#ffffff;}
.accomodation-detail-carousel ul.custom_paging li 				{display: none; color: #ffffff; font-size:18px; padding:0 !important; margin-left: 0 !important; font-family: 'Avenir LT Std 85 Heavy';} 
.accomodation-detail-carousel ul.custom_paging li:before 			{display:none}
.accomodation-detail-carousel ul.custom_paging li.slick-active 	{display: block;}

.accommodation-content					{background-color: #ffffff; position: relative; z-index: 2; display: flex; column-gap:20px; width: 1260px; max-width: calc(100% - 40px); padding: 60px 30px;}
.accommodation-details					{width:65%;padding: 0 20px;}
.accommodation-image					{width:35%;}
.accommodation-details h1				{font-size:35px;margin-bottom:20px; font-family: 'Avenir LT Std 55 Roman', Arial, Helvetica, sans-serif}
.accommodation-details ul				{list-style: inside;font-size: 14px;column-count: 3;margin-bottom: 20px;}
.accommodation-details ul li			{color: #666666;line-height: 1.4em;position: relative;padding-left: 25px;margin-bottom: 15px;}

.accommodation-details .icon-container, .accommodation-details .icon-link								{display: flex;align-items: center;margin-bottom: 30px;}
.accommodation-details .icon-link img																	{width:30px;margin:0 5px 0 15px;}

.vertical-image							{height: calc(100% + 50px);background-size: cover;margin-top: -50px;}
/****************/
/****************/

/****************/
/*** WEDDINGS ***/
/****************/

.wedding-page a.cover	{display: none}
.wedding-page h2		{font-size: 40px;}
.wedding-page h3		{font-size: 28px; color: #333333; margin-top: 1em}

.buttons				{margin-top: 40px;}

.wedding-page .credit	{position: absolute; right: 0; bottom: 0; font-size: 12px; color: #ffffff; padding: 10px; text-shadow: 0 0 5px #000000}
.wedding-page .credit a	{text-decoration: none}

/* TOP CAROUSEL */
.wedding-page .about 														{text-align: center; padding: 70px 0;}
.wedding-page .about .carousel-section .main-carousel 						{position: relative; margin-bottom: 60px;}
.wedding-page .about .carousel-section .main-carousel .slide              	{opacity: 0.3; position: relative; width:838px; height: 539px; max-height: 32vw; min-height:300px; margin:0px 20px; background-repeat: no-repeat; background-size: cover; background-position: center; -moz-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out; }
.wedding-page .about .carousel-section .main-carousel .slide.slick-active 	{opacity:1; }
.wedding-page .about .carousel-section .main-carousel .slick-dots           {position: absolute; bottom: 0; text-align: center; margin: -10px auto; font-size: 0px; background-color: #FFF; padding: 10px 5px 0px; left:50%; -moz-transform:translateX(-50%); transform: translateX(-50%); }
.about-text-wrapper															{width:800px; max-width: 100%; margin: auto; padding: 0 20px}

/* ACCOMMODATION */
.wedding-page .accommodation           { overflow: hidden; padding: 70px 0}
.wedding-page .accommodation .inner h1 { text-align: center; color: #000; font-size: 45px; }

.wedding-page .accommodation .navigation    				{font-size: 0; }
.wedding-page .accommodation .navigation ul 				{display: flex; width: 100%; flex-direction: row; flex-wrap:nowrap; align-items:center; align-content:space-around; justify-content: space-between; font-size: 0; }
.wedding-page .accommodation .navigation li              	{font-size: 0; width: 190px; margin:0; }
.wedding-page .accommodation .navigation li:hover:after	 	{display:none;}
.wedding-page .accommodation .navigation li button       	{font-size: 13px; border-top-left-radius: 3px; border-top-right-radius: 3px; font-weight: 600;color: black;background-color: #fff;text-transform: uppercase;opacity: 0.4;font-family: 'Avenir LT Std 35 Light';height: 50px;cursor: pointer;display: block;width: 100%;transition: opacity ease-in-out 0.75s; }
.wedding-page .accommodation .navigation li button.active 	{opacity: 1; box-shadow: 0 10px 0 #fff, 0 0 10px #ccc; position: relative; z-index: 5}
.wedding-page .accommodation .navigation li button:hover  	{opacity: 1; box-shadow: 0 10px 0 #fff, 0 0 10px #ccc; position: relative; z-index: 5}

.wedding-page .accommodation .inner .col-row                    { position: relative; width: 100%;box-shadow: 0 0 30px rgb(0 0 0 / 15%); padding: 30px; margin-bottom: 40px; display: flex;align-items: center;justify-content: space-between;}
.wedding-page .accommodation .inner .col-row .col-2             { display: inline-block; width: 50%; }
.wedding-page .accommodation .inner .col-row .col-2.carousel    { padding-right:12px; }
.wedding-page .accommodation .inner .col-row .col-2.description { padding-right:83px;padding-left: 63px; vertical-align: top; }

.wedding-page .accommodation .inner .col-row .col-2 h2                  {}
.wedding-page .accommodation .inner .col-row .col-2 p                   {font-size: 16px; line-height: 1.6em; }
.wedding-page .accommodation .inner .col-row .col-2 .house-wrapper      { }

.description-dynamic              { display: none; }
.description-dynamic[data-id="1"] { display: block; }

.wedding-page .accommodation .col-row .col2.carousel         { padding-top: 50px; }
.wedding-page .accommodation .col-row .spaces-carousel-big   { position: relative; margin-bottom: 10px; width: 100%; }
.wedding-page .accommodation .col-row .spaces-carousel-small { position: relative; width: 100%;  }

.spaces-carousel-big, .spaces-carousel-small                           { display: none !important; }
.spaces-carousel-big.active, .spaces-carousel-small.active { display: block !important; }

.wedding-page .accommodation .spaces-carousel-big .slide              { /*opacity: 0.3;*/ background-repeat: no-repeat; background-size: cover; background-position: center; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; height: 350px; /*max-height: 28vw; min-height: 200px; width: 100%;*/ /*padding-top: 18%;*/}
.wedding-page .accommodation .spaces-carousel-big .slide.slick-active { opacity: 1; }

.wedding-page .accommodation .spaces-carousel-small .slide              { width: 25%; opacity: 0.6; background-repeat: no-repeat; background-size: cover; background-position: center; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; height: 150px; max-height: 20vw; min-height: 75px;  margin: 0 5px; }
.wedding-page .accommodation .spaces-carousel-small .slide.slick-active { opacity: 1; }

.wedding-page .buttons	{justify-content: center}

/* TESTIMONNIALS */
.wedding-page .testimonials {padding: 70px 0}
.wedding-page .testimonials .inner	{margin: auto; padding-top: 0; padding-bottom: 0}

/* WEDDING PRICES */
.wedding-page .prices           {padding: 70px 0}
.wedding-page .prices .inner h1 { font-size: 45px; padding-bottom: 20px; color:#000; }

.wedding-page .prices .inner .col-row           { font-size: 0; position: relative; display: block; width: 100%; padding-left: 50px; padding-right: 50px; }
.wedding-page .prices .inner .col-row .col-text { display: inline-block; width: 61%; padding-right: 50px; vertical-align: top; }
.wedding-page .prices .inner .col-row .col-img  { width: 39%; vertical-align: top; display:inline-flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: space-between; }

.wedding-page .prices .inner .col-row .col-text h2   {}
.wedding-page .prices .inner .col-row .col-text p    { text-align: left; font-size: 16px;}

.wedding-page .prices .inner .col-row .col-img .prices-img              { display: inline-block; flex-basis: 305px; width: 100%; margin-bottom: 20px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative;}
.wedding-page .prices .inner .col-row .col-img .prices-img p			{margin-bottom: 0}

.wedding-page .prices .inner .col-row .row { width: 100%; height: 119px; position: relative; }


/* GALLERY SECTION */
section.gallery				{padding-top:65px;}
section.gallery .inner h1 	{text-align: center; font-size: 45px; padding-bottom: 60px;}

#lightgallery			{font-size:0}
#lightgallery a			{display:inline-block; width:33.333%; border:2px solid #ffffff; vertical-align:  top; height:280px;}
#lightgallery a img		{height:100%; width:100%; object-fit: cover; object-position: bottom;}

.logo-wrapper 			{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: baseline; align-content: space-between; height:120px; font-size:0px; vertical-align: bottom; margin-top: 60px; margin-bottom: 50px;}
.logo-wrapper .logo-img {position:relative; height:100%; width:25%; display: inline-block; background-repeat: no-repeat; background-size: contain; background-position: center; }


/****************/
/****************/



/* VIDEO */
.video-container 		{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin: 40px 0}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.inline-video-container	{margin-bottom: 1em}

/* NEWSLETTER SIGN UP */
.newsletter-sign-up								{background-color: #ffffff; box-shadow: 0 0 40px rgba(0,0,0,0.07); position: relative; z-index: 5;}
.newsletter-sign-up .listing-panel-image-text	{flex-direction: row-reverse; margin-bottom: 0; padding: 0;}
.newsletter-sign-up .listing-panel-image-outer	{width: 50%; height: 400px;}
.newsletter-sign-up .listing-panel-text			{width: 50%; transform: translate(0); box-shadow: none; padding-left: 20px;}
.newsletter-sign-up .listing-panel-text:after	{border:none; box-shadow: none; transform: none !important}
.newsletter-sign-up .listing-panel-text-inner	{width: 445px; max-width: 100%;}

/* TESTIMONIALS */
section.testimonials           				{padding-top: 65px; padding-bottom: 20px;}
section.testimonials h2						{margin-bottom: 0.5em}
section.testimonials .cols					{justify-content: center}
section.testimonials .inner   				{padding-bottom: 50px; }

section.testimonials .quote 				{text-align: left; padding-top:86px; padding-bottom: 30px; margin-bottom: 20px; background-color: #ffffff; height: 100%; padding: 75px 20px 25px 20px; box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 15%);}

section.testimonials .quote blockquote  	{font-size: 16px; color: #666; line-height: 1.6em; position: relative; }
section.testimonials .quote cite         	{font-size: 16px;font-weight: bold;font-style: normal;color: #000; }
section.testimonials .quote blockquote p 	{font-size: 15px; color: #666; line-height: 1.5em; }
section.testimonials .quote span			{font-size: 103px;color: #DA5E22; font-weight: bold; font-family: Georgia,Times,Times New Roman,serif;height: 55px;position: absolute;top: -20px;left: 0;}
section.testimonials .quote img				{width: 75px;height:75px;border-radius: 50%;margin-bottom: 20px;display: block;}

/* FOOTER LOGOS */
.partner-logos-section					{text-align: center; padding: 70px 30px;}
.partner-logos-section .slick-slide		{float: left; height: auto; display: inline-flex; justify-content: center; align-items: center;}
.partner-logos-section .slick-slide img	{max-width: 70%; max-height: 100px;}
.partner-logos-section .slick-track		{display: flex; margin-top: 30px;}

/* FOOTER */
footer				{}
.footer-statement	{background-color: #DD642D; text-align: center; padding: 20px 20px 18px;}
.footer-statement p	{margin: 0; color: #ffffff}

/* FOOTER NAV */
.footer-nav-section			{padding: 40px 0}
.footer-nav-section .cols	{justify-content: space-between; flex-wrap: nowrap; width: 100%; margin: auto}
.footer-left				{width: 70%; flex-shrink: 0}
.footer-left ul				{display: flex; flex-wrap: wrap; list-style: none; font-size: 14px; font-family: 'Avenir LT Std 65 Medium', Arial, Helvetica, sans-serif;}
.footer-left ul li			{width: calc(25% - 20px); margin-bottom: 30px; margin-right: 20px; position: relative;}
.footer-left ul li a		{text-decoration: none;  border-bottom: 1px solid #F4F4F4; position: relative; width: 100%; display: block; padding: 6px 0; color: #333333}
.footer-left ul li a:hover	{color:#DD642D}
.footer-left ul li ul		{display: none; padding-top: 6px;}
.footer-left ul li ul li	{width: 100%; font-size: 13px; padding:5px 0; margin-bottom: 0; line-height: 1.2em; border: none}
.footer-left ul li ul li a			{color: #6F6F6F;}
.footer-left ul li ul li:last-child	{}

.footer-left ul li span			{width: 16px; height: 16px; display: block; position: absolute; right:0; top:4px; cursor: pointer}
.footer-left ul li span:hover	{opacity: 0.5}
.footer-left ul li span:before	{width: 2px; height: 100%; position: absolute; left: 7px; top:0; content:''; background-color: #CDC4A7;}
.footer-left ul li span:after	{width: 100%; height: 2px; position: absolute; left: 0; top:7px; content:''; background-color: #CDC4A7;}

.footer-left ul li span.active:before	{display: none}

.footer-right			{width: 30%; padding-left: 50px; display: inline-flex; justify-content: flex-end;}
.footer-right h5		{color: #CDC4A7; font-size: 14px; margin-bottom: 5px; font-family: 'Avenir LT Std 95 Black';}
.footer-right p			{font-size: 13px;}
.footer-right p a		{text-decoration: none}
.footer-right p a:hover	{color:#DD642D}
.footer-right ul		{list-style: none; display: flex; align-items: center;margin-top: 10px}
.footer-right ul li		{margin-right: 20px;}
.footer-right ul li a:hover 	{opacity: 0.5}
.footer-right ul path	{fill:#6F6F6F}

/* FOOTER SIGN OFF */
.footer-sign-off					{background-color: #F4F4F4; padding:14px 0 10px 0}
.footer-sign-off .inner				{display: flex; justify-content: space-between; font-size: 13px;}
.footer-sign-off ul					{display: flex; list-style: none; justify-content: flex-end; align-items: center; font-size: 12px}
.footer-sign-off ul li				{border-left:1px solid; padding-left: 6px; margin-left: 6px;}
.footer-sign-off ul li a			{text-decoration: none}
.footer-sign-off ul li a:hover		{color:#DD642D}
.footer-sign-off ul li:first-child	{border: none}
.footer-sign-off p					{margin: 0; font-size: 12px;}

/* BUTTONS */
.button				{display: flex; justify-content: center}
.buttons			{display: flex;}

.buttons-sb			{justify-content: space-between}
.buttons-sb.buttons	.btn	{margin: 0}

.buttons.centered	{justify-content: center}
.buttons .btn	{margin-right: 20px;}
.btn			{min-width:140px; max-width: 100%; text-transform: uppercase; text-align: center; display: inline-block; font-size: 13px; font-family: 'Avenir LT Std 95 Black'; padding:16px 25px 13px 25px; background-color: #AFB811; color: #ffffff; text-decoration: none; border-radius: 2px; transition: 0.2s ease-out}

.btn.primary	{background-color: #AFB811;}
.btn.secondary	{background-color: #DD642D;}

.btn.grey		{background-color: #ADADAD}

.btn:hover		{background-color: #333333}


/* FORM STYLES */
.form-container				{}
.form-container-narrow		{width: 760px; max-width: 100%; margin: auto}
.form-container label		{font-family: 'Avenir LT Std 95 Black'; margin-bottom: 5px; display: block; line-height: 1.2em}
.form-container label span	{font-family: 'Avenir LT Std 55 Roman'; display: block; margin: 8px 0; font-size: 15px; color: #8e8e8e}
.form-row					{margin-bottom: 20px;}
.form-row .form-cell		{width: 100%;}
.form-row.split				{display: flex; justify-content: space-between;}
.form-row.split .form-cell	{width:calc(50% - 15px);}

.form-container	h3			{color: #00738B; font-size: 22px; font-family: 'Avenir LT Std 95 Black'; margin:1.5em 0 1em 0}
.form-container .button		{margin-top: 30px;}
.form-container .btn		{min-width: 230px;}

.form-container ul			{margin: 1em}
.form-container ul li		{line-height: 1.5em}

.checkbox-row									{margin-bottom: 10px;}
.checkbox-row input[type='text']				{margin-top: 5px}
.form-container	.container						{font-family: 'Avenir LT Std 55 Roman'; line-height: 1.2em; color: #6F6F6F; font-size: 16px;}	
.form-container	.container .checkmark			{border-color:#cccccc; margin-top:0; margin-bottom: 0}

.checkbox-group-mb	{margin-bottom: 40px;}
.checkbox-group-mb label:not(.container)	{margin-bottom: 15px;}

textarea,
input[type="password"],
input[type="text"],
input[type="date"]				{background-color: #F5F5F5; padding: 15px; width: 100%; font-size: 14px; transition: 0.2s ease-out}
textarea:focus,
input[type="password"]:focus,
input[type="text"]:focus,
input[type="date"]:focus		{box-shadow: 0 0 0 2px #dddddd;}
textarea						{height: 130px; resize: vertical;}

.form-container.white textarea,
.form-container.white input[type="text"], input[type="date"], input[type="password"]				{background-color:#ffffff; border:1px solid #dddddd}
input[type="text"]:read-only, input[type="date"]:read-only, input[type="password"]:read-only		{background-color:#f3f3f3 !important;}

/* SELECT CSS */
.select-css				{}

/* LEGACY COOKIE BAR */
.cookieBar              {width: 100%; background-color:rgba(0,0,0,0.5); position: fixed; bottom: 0px; left: 0px; text-align: center; padding: 10px 10px; z-index: 99999999;}
.cookieBar p			{color:#ffffff; font-size:14px; font-family:inherit; line-height:1.5em; text-align:center; display:inline-block;}
.cookieBar .acceptBtn   {background:#000; border:1px solid #DEDEDE; font-weight:bold; display:inline-block; margin-top:6px; margin-left:5px; font-family:inherit; font-size:12px; padding:5px 10px; text-decoration:none; color:#FFF; text-transform:uppercase; }

/* SLICK ARROWS */
.slick-arrow				{position: absolute; transition: 0.2s ease-out; top:50%; transform: translateY(-50%); width:50px; height: 50px; background-color: rgba(0,0,0,0.5); font-size: 0; z-index: 5; background-image: url(/_uploads/accommodation/page-images/icon-chevron.svg); background-size: 12px 18px; background-position: center; background-repeat: no-repeat;}
.slick-arrow.slick-prev		{left:0; transform: translateY(-50%) rotate(-180deg);}
.slick-arrow.slick-next		{right:0;}

.slick-arrow:hover			{}

/* CALENDAR */
.calendar-container                             {  display: flex; }
.calendar                                       { flex-basis: 75%; }
.calendar-detail-container                      { flex-basis: 25%; }
.calendar-detail                                { height: fit-content;width: 100%;padding: 5px;margin-left: 10px;box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 15%);position: relative; }
.calendar-detail .calendar-detail-close         { position: absolute;top: 10px;right: 10px;color: #999;cursor: pointer;font-size: 22px; }
.calendar-enrol-btn								{ margin-top: 15px;}
.calendar-enrol-btn.unavailable                 { opacity: .75;pointer-events:none; }

/* STATISTICS BOX/CARD */
.stat-box										{ width: 100%;height: 100%;background: #fff;padding: 20px;box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 15%);display: flex;flex-wrap: wrap; }
.stat-box .stat-header							{ flex-basis: 75%;color: rgb(221,100,45);font-weight: bold; }
.stat-box .stat-icon							{ flex-basis: 25%;justify-content: flex-end;display: flex;align-items: center; }
.stat-box .stat-header .stat-value				{ text-transform: unset;font-size: 22px; }
.stat-box .stat-icon img						{ width:75px; }

.unavailable h5	{margin-bottom: 0.5em}

/* LOADING SPINNER BOX */
.loading-box			{display:none;align-items:center;justify-content:flex-start;column-gap:10px;margin:10px 0;}
.loading-box.active		{display:flex;}
.loading-box img		{width:30px;}
.loading-box p			{margin:0;font-size: 14px;}

/* NEWS FLASH */
.newsflash			{width: 100%; padding: 15px 30px 15px 20px; background: #00738B; color: #ffffff; display: flex; justify-content: center; align-items: center; animation:8s colourchange linear infinite;}
.newsflash p		{font-size: 16px; font-family: 'Avenir LT Std 95 Black'; margin: 0px; line-height: 1.2em}
.newsflash a		{text-decoration: none; position: relative; display: flex; align-items: center; opacity: 0; animation: 0.75s dropin 0.25s ease-in-out forwards}
.newsflash a span	{margin-left: 10px; cursor: pointer; background: url(/_uploads/_assets/icon-arrow-right.svg); background-size: cover; width: 15px; height: 15px; transition: transform 1s ease 0s; flex-shrink: 0}
.newsflash a:hover	{opacity: 0.8 !important}

@keyframes colourchange	{
	
	0%		{background: #00738B}
	50%		{background: #AFB811}
	100%	{background: #00738B}
	
}

@keyframes dropin {
	
	0%		{opacity: 0; transform: translateY(-20px)}
	100%	{opacity: 1; transform: translateY(0px)}
	
}


/* ANIMATION */
@keyframes hero-text {
	
	0%		{opacity: 0;}
	50%		{opacity: 1;}
	60%		{opacity: 1;}
	80%		{opacity: 1;}
	100%	{opacity: 0; visibility: hidden}
	
}

@keyframes text-in {
	
	0%		{opacity: 0; transform: translateY(-20px) scale(1.04);}
	100%	{opacity: 1; transform: translateY(0px) scale(1);}
	
}

@keyframes header-image {
	
	0%		{transform: scale(1.2)}
	100%	{transform: scale(1)}
	
}

@keyframes header-image-zoom {
	
	0%		{transform: scale(1)}
	50%		{transform: scale(1.3)}
	100%	{transform: scale(1)}
	
}

.left-nav ul li.active a:hover	{background-color: #6F6F6F !important; color: #ffffff !important;}

/* CALENDAR OVERRIDES */
.fc-h-event, .fc-v-event							{border:#fff !important;cursor:pointer;}
.fc-v-event											{padding: 5px;}
.fc .fc-daygrid-body,
.fc .fc-daygrid-body table							{height:100% !important;}

.fc-button:hover, .fc-event:hover					{opacity:.85;}

.fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button:not([aria-pressed="true"])    {background-color:transparent !important;}
.fc-direction-ltr .fc-daygrid-event .fc-event-time											{margin-right:0 !important;}

.orange-page .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button:not([aria-pressed="true"])				{color:rgb(221,100,45) !important;}
.green-page .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button:not([aria-pressed="true"])				{color:rgb(175,184,17) !important;}
.teal-page .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button:not([aria-pressed="true"])				{color:rgb(0,115,139) !important;}
.yellow-page .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button:not([aria-pressed="true"])				{color:rgb(226,182,0) !important;}

.orange-page .fc-button								{background-color: rgb(221,100,45) !important;border:1px solid #fff !important;}
.green-page .fc-button								{background-color: rgb(175,184,17) !important;border:1px solid #fff !important;}
.teal-page .fc-button								{background-color: rgb(0,115,139) !important;border:1px solid #fff !important;}
.yellow-page .fc-button								{background-color: rgb(226,182,0) !important;border:1px solid #fff !important;}

.fc-button:focus									{box-shadow:none !important;}

.orange-page .fc .fc-timegrid-col.fc-day-today	{background-color: rgba(221,100,45,0.1);}
.green-page .fc .fc-timegrid-col.fc-day-today	{background-color: rgba(175,184,17,0.1);}
.teal-page .fc .fc-timegrid-col.fc-day-today	{background-color: rgba(0,115,139,0.1);}
.yellow-page .fc .fc-timegrid-col.fc-day-today	{background-color: rgba(226,182,0,0.1);}

.orange-page .fc-v-event                        {background-color: rgb(221,100,45)}
.green-page .fc-v-event							{background-color: rgb(175,184,17)}
.teal-page .fc-v-event							{background-color: rgb(0,115,139)}
.yellow-page .fc-v-event                        {background-color: rgb(226,182,0)}

/* MAIN NAV COLOURS */

nav ul li.orange-page ul li:hover a,
nav ul li.orange-page:hover > a	{color:rgb(221,100,45);}
nav ul li.orange-page:after		{background-color:rgb(221,100,45);}

nav ul li.green-page ul li:hover a,
nav ul li.green-page:hover > a	{color:rgb(175,184,17);}
nav ul li.green-page:after		{background-color:rgb(175,184,17);}

nav ul li.teal-page ul li:hover a,
nav ul li.teal-page:hover > a	{color:rgb(0,115,139);}
nav ul li.teal-page:after		{background-color:rgb(0,115,139);}

nav ul li.yellow-page ul li:hover a,
nav ul li.yellow-page:hover > a	{color:rgb(226,182,0);}
nav ul li.yellow-page:after		{background-color:rgb(226,182,0);}



/********** COLOURS **********/

/* ORANGE  rgb(221,100,45) DD642D */
.orange-page .inline-carousel-container,
.orange-page .container input:checked ~ .checkmark,
.orange-page .slick-dots li,
.orange-page .listing-panel-image-text .listing-panel-text:after,
.listing-panel-image-text.orange .listing-panel-text:after			{border-color:rgb(221,100,45);}

.orange-page .feature-listing-accommodation p .arrow path,
.orange-page .listing-panel-image-text .arrow svg path,	
.listing-panel-image-text.orange .arrow svg path						{fill:rgb(221,100,45)}

.orange-page .grid-card-text p.date,
.orange-page .featured-slide-text p.date,
.orange-page .featured-carousel-container h2,
.orange-page .page-intro h1,
.orange-page .activity-text h4,
.orange-page .content-text p.sub-head,
.orange-page .sub-head,
.orange-page .section-landing-text h1,
.orange-page .contact-form-section h2,
.orange-page .checkout-events-details p.sub-head,
.orange-page .text-styles ul li a,
.orange-page .text-styles ol li a,
.orange-page .text-styles p a:not(.btn),
.orange-page .text-styles h3,
.orange-page section.testimonials .quote span {color: rgb(221,100,45)}

.orange-page .btn,
.orange-page .container input:checked ~ .checkmark,
.orange-page .featured-slide-text .btn,
.orange-page .slick-dots li.slick-active,
.orange-page .left-nav ul li.active a,
.orange-page .pullout-cta .btn,
.orange-page .other-events .btn,
.orange-page .section-landing-image-outer-outer:before,
.orange-page .fc-h-event {background-color: rgb(221,100,45)}

.orange-page .bp-timeline,
.orange-page .feature-intro.colour,
.orange-page .feature-pullout-style-2.colour,
.orange-page .feature-text-image-basic.colour,
.orange-page .feature-listing.colour,
.orange-page .people-listing,
.orange-page .left-nav ul li.active li a,
.orange-page .left-nav ul li a:hover,
.orange-page .pullout-cta,
.orange-page .content-hero,
.orange-page .landing-listing-item,
.orange-page p.box-item,
.orange-page section.colour,
.orange-page .fc .fc-daygrid-day.fc-day-today	{background-color: rgba(221,100,45,0.1)}

.orange-page .left-nav ul ul li.active a {background-color: rgba(221,100,45,0.3)}

.orange-page .bp-timeline h2,
.orange-page .feature-pullout-style-2 .feature-text	{background-color: #FCEFE9}

.colour.orange	{background-color: rgba(221,100,45,0.1)}

/* GREEN  rgb(175,184,17) AFB811 */
.green-page .inline-carousel-container,
.green-page .container input:checked ~ .checkmark,
.green-page .slick-dots li,
.green-page .listing-panel-image-text .listing-panel-text:after,
.listing-panel-image-text.green .listing-panel-text:after			{border-color:rgb(175,184,17);}

.green-page .feature-listing-accommodation p .arrow path,
.green-page .listing-panel-image-text .arrow svg path,	
.listing-panel-image-text.green .arrow svg path						{fill:rgb(175,184,17)}

.green-page .grid-card-text p.date,
.green-page .featured-slide-text p.date,
.green-page .featured-carousel-container h2,
.green-page .page-intro h1,
.green-page .activity-text h4,
.green-page .content-text p.sub-head,
.green-page .sub-head,
.green-page .section-landing-text h1,
.green-page .contact-form-section h2,
.green-page .checkout-events-details p.sub-head,
.green-page .text-styles ul li a,
.green-page .text-styles ol li a,
.green-page .text-styles p a,
.green-page .text-styles h3,
.green-page section.testimonials .quote span		{color: rgb(175,184,17)}

.green-page .btn,
.green-page .container input:checked ~ .checkmark,
.green-page .featured-slide-text .btn,
.green-page .slick-dots li.slick-active,
.green-page .left-nav ul li.active a,
.green-page .pullout-cta .btn,
.green-page .other-events .btn,
.green-page .section-landing-image-outer-outer:before,
.green-page .fc-h-event {background-color: rgb(175,184,17)}

.green-page .bp-timeline,
.green-page .feature-intro.colour,
.green-page .feature-pullout-style-2.colour,
.green-page .feature-text-image-basic.colour,
.green-page .feature-listing.colour,
.green-page .people-listing,
.green-page .left-nav ul li.active li a,
.green-page .left-nav ul li a:hover,
.green-page .pullout-cta,
.green-page .content-hero,
.green-page .landing-listing-item,
.green-page p.box-item,
.green-page section.colour,
.green-page .fc .fc-daygrid-day.fc-day-today {background-color: rgba(175,184,17,0.1)}

.green-page .left-nav ul ul li.active a {background-color: rgba(175,184,17,0.3)}

.green-page .bp-timeline h2,
.green-page .feature-pullout-style-2 .feature-text {background-color: #F7F8E6}

.green-page .feature-pullout-style-2 .feature-text:not(.feature-pullout-style-2.colour .feature-text) {background-color:#fff;}

.colour.green	{background-color: rgba(175,184,17,0.1)}

/* TEAL  rgb(0,115,139) 00738B */

.teal-page .inline-carousel-container,
.teal-page .container input:checked ~ .checkmark,
.teal-page .slick-dots li,
.teal-page .listing-panel-image-text .listing-panel-text:after,
.listing-panel-image-text.teal .listing-panel-text:after			{border-color:rgb(0,115,139);}

.teal-page .feature-listing-accommodation p .arrow path,
.teal-page .listing-panel-image-text .arrow svg path,	
.listing-panel-image-text.teal .arrow svg path						{fill:rgb(0,115,139)}

.teal-page .grid-card-text p.date,
.teal-page .featured-slide-text p.date,
.teal-page .featured-carousel-container h2,
.teal-page .page-intro h1,
.teal-page .activity-text h4,
.teal-page .content-text p.sub-head,
.teal-page .sub-head,
.teal-page .section-landing-text h1,
.teal-page .contact-form-section h2,
.teal-page .checkout-events-details p.sub-head,
.teal-page .text-styles ul li a,
.teal-page .text-styles ol li a,
.teal-page .text-styles p a,
.teal-page .text-styles h3,
.teal-page section.testimonials .quote span		{color: rgb(0,115,139)}

.teal-page .btn,
.teal-page .container input:checked ~ .checkmark,
.teal-page .featured-slide-text .btn,
.teal-page .slick-dots li.slick-active,
.teal-page .left-nav ul li.active a,
.teal-page .pullout-cta .btn,
.teal-page .other-events .btn,
.teal-page .section-landing-image-outer-outer:before,
.teal-page .fc-h-event {background-color: rgb(0,115,139)}

.teal-page .bp-timeline,
.teal-page .feature-intro.colour,
.teal-page .feature-pullout-style-2.colour,
.teal-page .feature-text-image-basic.colour,
.teal-page .feature-listing.colour,
.teal-page .people-listing,
.teal-page .left-nav ul li.active li a,
.teal-page .left-nav ul li a:hover,
.teal-page .pullout-cta,
.teal-page .content-hero,
.teal-page .landing-listing-item,
.teal-page p.box-item,
.teal-page section.colour,
.teal-page .fc .fc-daygrid-day.fc-day-today {background-color: rgba(0,115,139,0.1)}

.teal-page .left-nav ul ul li.active a {background-color: rgba(0,115,139,0.3)}

.teal-page .bp-timeline h2,
.teal-page .feature-pullout-style-2 .feature-text	{background-color: #E5F1F3}

.colour.teal	{background-color: rgba(0,115,139,0.1)}

/* YELLOW  rgb(226,182,0) E2B600 */
.yellow-page .inline-carousel-container,
.yellow-page .container input:checked ~ .checkmark,
.yellow-page .slick-dots li,
.yellow-page .listing-panel-image-text .listing-panel-text:after,
.listing-panel-image-text.yellow .listing-panel-text:after			{border-color:rgb(226,182,0);}

.yellow-page .feature-listing-accommodation p .arrow path,
.yellow-page .listing-panel-image-text .arrow svg path,	
.listing-panel-image-text.yellow .arrow svg path						{fill:rgb(226,182,0)}

.yellow-page .grid-card-text p.date,
.yellow-page .featured-slide-text p.date,
.yellow-page .featured-carousel-container h2,
.yellow-page .page-intro h1,
.yellow-page .activity-text h4,
.yellow-page .content-text p.sub-head,
.yellow-page .sub-head,
.yellow-page .section-landing-text h1,
.yellow-page .contact-form-section h2,
.yellow-page .checkout-events-details p.sub-head,
.yellow-page .text-styles ul li a,
.yellow-page .text-styles ol li a,
.yellow-page .text-styles p a,
.yellow-page .text-styles h3,
.yellow-page section.testimonials .quote span		{color: rgb(226,182,0)}

.yellow-page .btn,
.yellow-page .container input:checked ~ .checkmark,
.yellow-page .featured-slide-text .btn,
.yellow-page .slick-dots li.slick-active,
.yellow-page .left-nav ul li.active a,
.yellow-page .pullout-cta .btn,
.yellow-page .other-events .btn,
.yellow-page .section-landing-image-outer-outer:before,
.yellow-page .fc-h-event {background-color: rgb(226,182,0)}

.yellow-page .bp-timeline,
.yellow-page .feature-intro.colour,
.yellow-page .feature-pullout-style-2.colour,
.yellow-page .feature-text-image-basic.colour,
.yellow-page .feature-listing.colour,
.yellow-page .people-listing,
.yellow-page .left-nav ul li.active li a,
.yellow-page .left-nav ul li a:hover,
.yellow-page .pullout-cta,
.yellow-page .content-hero,
.yellow-page .landing-listing-item,
.yellow-page p.box-item,
.yellow-page section.colour,
.yellow-page .fc .fc-daygrid-day.fc-day-today {background-color: rgba(226,182,0,0.1)}

.yellow-page .left-nav ul ul li.active a {background-color: rgba(226,182,0,0.3)}

.yellow-page .bp-timeline h2,
.yellow-page .feature-pullout-style-2 .feature-text	{background-color: #FCF8E5}



.colour.yellow	{background-color: rgba(226,182,0,0.1)}


/*** FAQs ***/

section.faqs {margin-top: 70px;}
.faq {margin-bottom: 20px;}
.faqs .faq-question {display: block; padding: 10px; background-color: #afb811; font-size: 20px; font-weight: bold; color: #fff; transition: 0.2s ease-in-out; cursor: pointer; position: relative; min-height: 40px; height: auto; padding-right: 40px; line-height: 1.1em;}
.faqs .faq-question:hover {opacity: 0.5;}
.faqs .faq-answer {padding: 10px;background-color: #f7f8eb; display: none;}
.faqs .faq-question:before	{width: 2px; height: 20px; position: absolute; right: 18px; top: 10px; content: ''; background-color: #fff; transition: 0.2s ease-in-out;}
.faqs .faq-question:after	{width: 20px; height: 2px; position: absolute; right: 10px; top: 19px; content: ''; background-color: #fff;}
.faqs .faq-question.open:before {opacity: 0;}

/************/




/* IE10+ SPECIFIC STYLES GO HERE. IE10+ NO LONGER SUPPORT CONDITIONAL STATEMENTS IN THE HEAD OF A FILE */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

}

@media (max-width: 1200px) 
{
    /* FOOTER NAV */
	.footer-left ul li	{width: calc(25% - 20px);}
	.footer-left ul li a	{padding-right: 20px; line-height: 1.2em}
	
	/* SECTION LANDING PAGE */
	.landing-listing .listing-panel-text,
	.landing-listing .landing-listing-item:nth-child(even) .listing-panel-text	{padding: 60px; width: 50%;}}

@media (max-width: 1140px) 
{
	/* SECTION LANDING PAGE */
	.landing-listing .listing-panel-image-outer			{height: auto; min-height: 400px;}
	.landing-listing .listing-panel-image-text .arrow	{margin-top: 20px;}
	
	/* INLINE COL LISTING */
	.inline-col-listing .cols.span-4		{flex-wrap: wrap}
	.inline-col-listing .cols.span-4 .col	{width: 50%}
	
	/* INLINE EXPANDER LISTING */
	.inline-listing-expander .cols.span-4 .col	{width: 50%; margin-bottom: 15px;}
	.inline-circle-expanded.col-full			{margin: 0 0 25px 0}
	
	/****************/
	/* FEATURE PAGE */
	/****************/
	
	.feature-pullout-style-3.flipped:after	{display: block; position: absolute; right: 0; top: 0; content: ''; width: 100%; height: 100%; background-image: linear-gradient(90deg, rgba(0,0,0,0.5) , rgba(0,0,0,0)); z-index: 2;}
	.feature-pullout-style-3:after			{display: block; position: absolute; right: 0; top: 0; content: ''; width: 100%; height: 100%; background-image: linear-gradient(-90deg, rgba(0,0,0,0.5) , rgba(0,0,0,0)); z-index: 2;}
	
	/****************/
	/****************/
	/****************/
	
	
	/* FOOTER SIGN OFF */
	.footer-sign-off .inner	{flex-direction: column-reverse; align-items: center;}
	.footer-sign-off p		{margin-top: 10px;}
	.footer-sign-off ul		{margin-top: 0}
}

@media (max-width: 1110px) 
{
	/* INLINE EXPANDER LISTING */
	.inline-circle-expanded .activity-image {width: 150px;}
	.activity-listing.circle .activity-image img	{height: 150px}

}

@media (max-width: 1024px) 
{
	/* NAV */
	nav ul		{font-size: 14px;}
	nav ul li	{margin-left: 20px;}
	
	/* HOME LISTING */
	.listing-panel-image-outer	{width: 50%}
	
	/* WHATS ON CAROUSEL */
	.listing-grid.home-whats-on						{margin-bottom: 70px;}
	.whats-on-carousel .slick-dots					{width: 100%; justify-content: center; display: flex; font-size: 0}
	.whats-on-carousel .slick-dots li				{width: 15px; height: 15px; border-radius: 15px; border:1px solid #00738B; margin: 0 4px}
	.whats-on-carousel .slick-dots li.slick-active	{background-color:#00738B}
	
	/* SECTION LANDING PAGE HEADER */
	.section-landing-text				{padding: 60px 40px 60px 60px;}
	.section-landing-image-outer-outer	{height: auto; min-height: 400px;}
	.section-landing-text h1			{font-size: 40px;}
	.section-landing-text p				{font-size: 16px;}
	.section-landing-text p.sub-head	{font-size: 14px;}
	
	/* SECTION LANDING PAGE */
	.landing-listing .listing-panel-text										{padding:40px 40px 40px 0;}
	.landing-listing .landing-listing-item:nth-child(even) .listing-panel-text	{padding:40px 0px 40px 40px;}
	
	/* TWO COL TEXT PAGE */
	.content-hero .content-text				{padding: 60px 40px 60px 60px; transform: translate(0)}
	.content-hero .content-text h1			{font-size: 40px;}
	.content-hero .content-text p			{font-size: 16px;}
	.content-hero .content-text p.sub-head	{font-size: 14px;}
	.content-image-outer-outer				{height: auto; min-height: 400px;}
	.content-image-text						{align-items: stretch}
	
	.main-two-col.inner	{padding: 40px 30px;}
	.main-col-right		{width: calc(100% - 335px);}
	
	.pullout-cta-image		{width: 200px;}
	.pullout-cta h4			{font-size: 20px;}
	.pullout-cta p.sub-head	{font-size: 12px;}
	
	/* WHATS ON */
	.whats-on-listing .cols.span-4 .col	{width: 33.333%}
	
	/* WHATS ON DETAIL */
	.content-hero.content-hero-whats-on h1				{font-size: 25px;}
	.content-hero.content-hero-whats-on p.ticket-price	{font-size: 20px;}
	.other-events .slick-dots							{margin-bottom: 30px;}
	
	/* THE TEAM */
	.cols-inline-block.span-4 .col	{width: 33.333%}
	
	/* CONTACT PAGE */
	.content-hero-contact .content-text	{padding-left: 20px}

	/* ACCOMMODATION DETAIL CAROUSEL */
	.accomodation-detail-carousel						{height:60vw; min-height: unset;}
	.accommodation-content								{margin-top:unset;display:unset;width:unset;max-width:100%;padding:60px 0;}
	.accommodation-content .accommodation-details		{padding:20px;width:100%;}
	.accommodation-content .accommodation-details ul	{column-count: 1;}
	.accommodation-content .accommodation-image			{display:none;}
	
	/* WEDDINGS */
	.wedding-page .accommodation .inner .col-row .col-2.description		{padding: 0 30px}
	.wedding-page .accommodation .inner .col-row .col-2.description p	{line-height: 1.4em; font-size: 15px;}
	.wedding-page .accommodation .inner .navigation						{margin-bottom: 15px;}
	.wedding-page .accommodation .inner .navigation ul					{flex-wrap: wrap}
	.wedding-page .accommodation .inner .navigation ul li				{width: 25%; padding: 5px}
	.wedding-page .accommodation .inner .navigation ul li button		{border-radius: 3px; background-color: #efefef; font-size: 12px;}
	.wedding-page .accommodation .inner .navigation ul li button.active	{box-shadow: 0 0 10px rgba(0,0,0,0.1); background-color: #ffffff} 

	/* TESTIMONIALS */
	section.testimonials .cols.span-3 .col	{width:50%;}
	
    /* FOOTER NAV */
	.footer-left ul li	{width: calc(33.333% - 20px);}
	
	/* SPACE REDUCE */
	.landing-listing .listing-panel-image-text	{margin-bottom: 40px;}
	
	.volunteer-form-section .form-container,
	.feature-image-carousel,
	.feature-course-listing,
	.attendee-section,
	.text-page,
	.whats-on-listing,
	.featured-carousel-section,
	.page-intro,	
	.section-landing-hero	{padding: 40px 0}
	
	.contact-form-section,
	.other-events	{padding-bottom: 40px;}

}



@media (max-width: 910px) 
{
    /* NAV */
	nav						{position: fixed; left: calc(-100% - 100px); top:0; width: 100%; height: 100vh; background-color: #00738B; margin: 0; z-index: 999; transition: 0.2s ease-out}
	nav ul					{display: flex; flex-direction: column; font-size: 20px; padding-top: 80px; padding-bottom: 90px;}
	nav ul li				{border-bottom: 1px solid rgba(255,255,255,0.5); margin: 0; padding: 0; position: relative;}
	nav ul li span			{position: absolute; right:17px; top:17px; transition: 0.2s ease-out; z-index: 20; width: 30px; height: 30px; background-image: url(/_uploads/_assets/icon-nav-chevron.svg); background-size: 20px auto; background-repeat: no-repeat; background-position: center; cursor: pointer}
	nav ul li span.active	{transform: rotate(180deg) !important;}
	nav ul li span:hover	{transform: translateY(3px)}
	nav ul li a				{padding: 15px; display: block; width: 100%; padding-right: 60px; color: #ffffff}
	nav ul li:after			{display: none !important}
	
	nav ul li ul				{position: relative; left: 0; width: 100%; transform: none; padding: 0; background-color: rgba(0,0,0,0.4); font-size: 16px; display: none}
	nav ul li ul li a			{border:none; padding: 15px; color: #ffffff}
	nav ul li ul li a:hover		{color: #00738B !important}
	nav ul li ul li span		{display: none}
	nav ul li ul li:last-child	{border: none}
	
	nav.open	{left: 0; overflow-y: auto;}
	
	.hamburger				{z-index: 9999; display: block}
	.hamburger.open			{position: fixed}
	.hamburger.open:before	{background-color: #00738B; content: ''; width: 26px; height: 26px; position: absolute; left: -2px; top:-5px; display: block;}

	nav ul li.break:before  {display:none;}
	
	nav ul li.teal-page:hover > a	{color:rgba(255,255,255,0.5);}

	.home header nav ul ul li a	{color: #ffffff}
	
	/* HEADER */
	.header-right-top	{margin-top: 0; min-width: 223px;}
	header .inner		{align-items: center}
	.search-container	{margin: 0 15px 0 25px}
	
	/* TWO COL PAGE */
	.main-col-left	{width: 220px;}
	.main-col-right {width: calc(100% - 265px);}
	.text-styles p.intro	{font-size: 18px;}
}

@media (max-width: 850px) 
{
	/* HOME LISTING */
	.listing-panel-text-inner p	{font-size: 14px;}
	
	/* DID YOU KNOW HOME */
	.circle-text-section .cols			{flex-direction: column; width: 100%; margin: 0}
	.circle-text-section .circle-image	{margin-bottom: 40px;}
	.circle-text-section .circle-text	{width: 414px; max-width: 100%; margin: 0; text-align: center}
	.circle-text-section .buttons		{justify-content: center}
	.circle-text-section .buttons .btn	{margin: 0 10px;}
	
	/* WHATS ON */
	.whats-on-filters .container	{font-size: 16px; padding-top: 6px; padding-left: 35px;}
	.whats-on-filters p				{font-size: 16px;}
	.filters-col .form-cell			{margin-right: 15px;}
	
	
	/****************/
	/* FEATURE PAGE */
	/****************/
	
	.feature-listing					{padding-top: 20px;}
	.feature-listing .col:first-of-type	{width: 100%;}
	
	/****************/
	/****************/
	/****************/

	/* FOOTER SIGN OFF */
	.footer-sign-off		{padding: 40px 0}
	.footer-sign-off		{text-align: center;}
	.footer-sign-off ul		{flex-direction: column; line-height: 1.2em;}
	.footer-sign-off ul li	{border: none; margin: 0 0 10px 0; padding: 0}
}

@media (max-width: 800px) 
{
	/* TWO COL PAGE */
	.content-hero .content-text h1	{font-size: 35px;}
	.main-two-col .cols				{flex-direction: column-reverse}
	.main-col-left					{width: 100%;}
	.main-col-right					{width: 100%;}
	
	.main-col-right					{padding-top: 20px;}
	.left-nav						{margin-bottom: 30px; margin-top: 30px; border-top: 1px solid rgba(205,196,167,0.3); padding-top: 20px;}

	/*
	.left-nav p.left-nav-toggler		{background-color: #ffffff; border:1px solid rgba(205,196,167,0.3); letter-spacing: 0.5px; padding: 15px 15px 10px; margin-bottom: 0; cursor: pointer; font-size: 14px; position: relative;}
	.left-nav p.left-nav-toggler span	{font-size: 12px; display: inline-block; letter-spacing: 0}
	.left-nav p.left-nav-toggler:after	{width: 25px; height: 15px; background-image: url(/_uploads/_assets/icon-chevron-down.svg); content: ''; position: absolute; right:15px; top:50%; margin-top: -7.5px; direction: inherit;}
	*/
	
	/* WHATS ON DETAIL */
	.content-hero.content-hero-whats-on h1				{font-size: 22px;}
	.content-hero.content-hero-whats-on p				{font-size: 15px;}
	.content-hero.content-hero-whats-on p.ticket-price	{font-size: 20px;}
	.content-hero.content-hero-whats-on p.sub-head		{letter-spacing: 0}
	.content-hero.content-hero-whats-on .content-text	{padding: 40px;}
	.content-hero.content-hero-whats-on .btn			{font-size: 14px; margin-top: 10px}
	
	.main-two-col.flipped .cols			{flex-direction: column-reverse;}
	.main-two-col.flipped .left-nav		{margin-bottom: 20px; margin-top: 20px;}
	
	/* INLINE COL LISTING */
	.inline-col-listing .cols.span-4		{flex-direction: row}
	.inline-col-listing .cols.span-4 .col	{width: 50%}
	
	/* INLINE FEATURE CARDS */
	.main-two-col .feature-card-listing .cols	{flex-direction: row}
	
	/* ACCOMMODATION PAGE */
	.feature-listing-accommodation .feature-listing-accommodation-info	{width:calc(100% - 80px);}
	.things-to-do .two-cols-flex		{flex-direction: column}
	.things-to-do .col-2.col-text		{width: 100%; padding-right: 0}
	.things-to-do .col-2.col-image		{width: 100%; padding: 30px 0 0 0;}
	.things-to-do .col-2.col-image p		{display: flex; flex-wrap: wrap; margin: 0}
	.things-to-do .col-2.col-image p img	{width: auto; width: 50%; margin: 0; border:1px solid #ffffff}
	
	
	/* WEDDINGS */
	.wedding-page .prices .inner .col-row			{padding-left: 0; padding-right: 0}
	#lightgallery a									{height: 22vw}
	.wedding-page .accommodation .inner .col-row	{display: flex; flex-direction: column}
	.wedding-page .accommodation .inner .col-row .col-2.carousel	{width: 100%; padding: 0}
	.wedding-page .accommodation .inner .col-row .col-2.description	{padding: 30px 0; width: 100%; padding-bottom: 0}
}

@media (max-width: 767px) 
{
	/* HERO VIDEO */
	.hero-container 		{padding-bottom: 47.95%; height: 0; overflow: hidden; max-width: 100%; min-height: unset}
	.hero-container video	{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;}
	.hero-container h1		{position: absolute; top:50%; margin-top: -2.5vw; font-size: 5vw;}
	
	/* HOME LISTING */
	.home-listing .inner						{padding: 0}
	.home-listing .listing-panel-image-text		{flex-direction: column !important; align-items: flex-end !important; margin-bottom: 0;}
	.home-listing .listing-panel-image-outer	{width: 100%; height: 65vw; min-height: 265px;}
	.home-listing .listing-panel-text			{transform: translateX(0) translateY(-40px)!important; width:calc(100% - 40px); padding: 40px;}
	.listing-panel-text:hover:after				{transform: none !important}
	
	/* NEWSLETTER SIGN UP */
	.newsletter-sign-up .listing-panel-image-outer	{display: none} 
	.newsletter-sign-up .listing-panel-text			{width: 100%; padding: 0}
	.newsletter-sign-up .listing-panel-text-inner	{width: 100%; text-align: center; padding: 40px}
	.newsletter-sign-up input[type="text"]			{width:414px; margin: auto; max-width: 100%;}
	
	/* SECTION LANDING PAGE */
	.section-landing-hero				{padding: 0}
	.section-landing-hero .inner		{padding: 0}
	.section-landing-image-text			{flex-direction: column;}
	.section-landing-image-outer-outer	{min-height: unset; width: 100%; height: 80vw}
	.section-landing-text				{padding: 40px;}
	
	/* SECTION LANDING LISTING */
	.landing-listing .landing-listing-item .listing-panel-image-text,
	.landing-listing .landing-listing-item:nth-child(odd) .listing-panel-image-text	{flex-direction: column !important; padding-top: 40px; margin-bottom: 0}
	
	.landing-listing .landing-listing-item:nth-child(even) .listing-panel-text	{width: 100%; padding:40px 40px 40px 0}
	
	.landing-listing .listing-panel-text		{width: 100%;}
	.landing-listing .listing-panel-text-inner	{width: 100%;}
	.landing-listing .listing-panel-image-outer	{width: 100%; height: 80vw; min-height: unset}
	
	/* TWO COL PAGE */
	.content-hero .inner		{padding: 0}
	.content-image-text			{flex-direction: column;}
	.content-image-outer-outer	{min-height: unset; width: 100%; height: 80vw}
	.content-hero .content-text	{padding: 40px 35px;}
	.main-two-col.inner 		{padding: 15px;}
	
	/* WHATS ON */
	.featured-carousel .slide	{flex-direction: column;}
	.featured-slide-image		{width: 100%; min-height: unset; padding-top: 85%;}
	.featured-slide-text		{width: 100%; padding: 40px;}
	.featured-carousel-section .slick-dots	{position: relative; margin-top: 20px; right: auto}
	.featured-carousel-container h2			{font-size: 16px;}
	
	/* CONTACT US */
	.content-hero-contact.content-hero.flipped .content-image-text		{flex-direction: column;}
	.content-hero-contact .content-image-outer-outer					{height: 60vw}
	.content-hero-contact.content-hero .content-text					{padding-top: 20px; padding-bottom: 20px;} 
	
	/* SEARCH RESULTS */
	.search-result h3 a	{font-size: 18px;}
	.search-result p	{font-size: 14px;}
	
	/* WHATS ON CHECKOUT */
	.checkout-events-details p.sub-head	{font-size: 12px;}
	.checkout-events-details h2			{font-size: 24px;}
	.checkout-events-details h3			{font-size: 22px;}
	.attendee-section .cols				{flex-direction: column;}
	.attendee-section .cols.span-2 .col	{width: 100%;}
	
	/****************/
	/* FEATURE PAGE */
	/****************/
	.feature-header 					{height: 60vh; min-height: 414px;}
	.feature-header-text				{padding-bottom: 30px;}
	.feature-header-text h1				{font-size: 47px;}
	.feature-header-text p.sub-head		{font-size: 16px;}
	.feature-header:after				{height: 50%}
	.feature-intro p					{font-size: 20px;}
	
	.feature-text-image-wider-text .cols,
	.feature-text-image-basic .cols		{flex-direction: column-reverse !important}
	
	.feature-text-image-wider-text .feature-image-basic,
	.feature-image-basic				{width: 100%; height: 65vw}
	
	.feature-text-image-wider-text .feature-text-basic,
	.feature-text-basic					{width: 100%; padding-top: 30px;}
	
	.feature-pullout					{}
	.feature-pullout .inner				{justify-content: center !important}
	.feature-text						{text-align: center;}
	.feature-pullout:after				{background-image: linear-gradient(45deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.35) 100%);}
	.feature-pullout p					{font-size: 24px}
	.feature-pullout .inner				{min-height: 414px; height: auto}
	
	.feature-pullout-style-2,
	.feature-pullout-style-3 					{background-size: cover !important;}
	
	.feature-pullout-style-2 .feature-text		{width:414px; max-width: calc(100% - 100px); padding: 40px !important; text-align: center; color:#ffffff; background-color: rgba(0,0,0,0.75) !important}

	
	.feature-pullout-style-2 .feature-text h2,
	.feature-pullout-style-2 .feature-text h3,
	.feature-pullout-style-3 .feature-text h2,
	.feature-pullout-style-3 .feature-text h3	{color:#ffffff !important}
	
	.feature-pullout-style-2 .feature-text p,
	.feature-pullout-style-3 .feature-text p	{color: #ffffff; font-size: 15px;}
	
	.feature-pullout-style-3.flipped:after,
	.feature-pullout-style-3:after			{background-image: linear-gradient(90deg, rgba(0,0,0,0.7), rgba(0,0,0,0.4)); z-index: 2;}

	.feature-pullout-style-3 .inner			{justify-content: flex-start !important; flex-direction: row !important}
	
	.feature-listing-accommodation p			{margin-top: 0; width: 100%; padding-bottom: 0}
	
	.feature-pullout, .feature-text-image-basic	{padding: 40px 0}
	
	.feature-listing	{padding-bottom: 10px;}
	
	.feature-page h2	{font-size: 30px;}
	
	
	.feature-image-carousel .image-carousel .slide,
	.image-carousel-page-panel.small .image-carousel .slide	{min-height: unset; height: auto}
	
	.image-carousel-thumbs .slide	{margin-bottom: 0}
	
	.feature-course-listing .cols.span-3		{flex-direction: column}
	.feature-course-listing .cols.span-3 .col	{width: 100%;}

	.feature-page .s-activity-listing .cols .col	{width: 100%;}
	.s-activity-listing .inner						{margin-top: 0 !important; margin-bottom: 0 !important}
	
	#programmes		{padding-top: 50px}
	
	.image-carousel-feature-page .image-carousel .slide	{height: 40vw; min-height: 250px;}
	
	/****************/
	/****************/
	/****************/

	
	/* FOOTER NAV */
	.footer-nav-section .cols		{flex-direction: column}
	.footer-left					{width: 100%}
	.footer-right					{width: 100%; padding-left: 0; text-align: center; justify-content:center}
	.footer-right ul				{justify-content: center}
	.footer-right ul li				{margin: 0;width:15px;}
	.footer-right ul li:first-child	{margin-right: 10px;}
	.footer-right ul li:nth-child(2){margin-left: 10px;margin-right: 10px;}
	.footer-right ul li:last-child	{margin-left: 10px;}
	.footer-right					{padding-top: 40px;}


	/* VOLUNTEER DASHBOARD */
	.volunteer .cols .col			{width: 100%;}

	/* VOLUNTEER CALENDAR */
	.calendar-container																	{flex-wrap:wrap;}
	.calendar-container .calendar														{flex-basis: 100%;}
	.calendar-container .calendar-detail-container										{flex-basis: 100%;padding-top: 50px;}
	.calendar-container .calendar-detail-container .calendar-detail						{margin-left: 0;padding: 0;}

	.fc .fc-toolbar																		{flex-wrap:wrap;}
	.fc .fc-toolbar .fc-toolbar-chunk:last-child button:not(.fc-button-group button),
	.fc .fc-toolbar .fc-toolbar-chunk:first-child										{display:none;}



	/* NEWS FLASH */
	.newsflash			{padding: 10px 20px;}

}

@media (max-width: 700px) 
	
{
	/* WHATS ON */
	.whats-on-listing .cols.span-4 .col	{width: 50%}
	.whats-on-filters					{flex-direction: column}
	.whats-on-filters p					{margin-top: 15px;}
	
	/* THE TEAM */
	.cols-inline-block.span-4 .col	{width: 50%}
	
	/* ACCOMMODATION PAGE */
	.feature-listing .cols						{flex-direction: column;}
	.feature-listing .cols.cols.span-2 .col		{width:100%;}
	.fixed-section .inner .fixed-text			{width: 100%;}
	.fixed-section:after						{background-image: linear-gradient(-90deg, rgba(0,0,0,0.8) , rgba(0,0,0,0.4));}
	
	.navigation												{overflow: hidden;}
	.wedding-page .accommodation .inner .navigation ul		{justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 10px;}
	.wedding-page .accommodation .inner .navigation ul li	{width: 150px; flex-shrink: 0}
	
}

@media (max-width: 640px) 
{
 	/* HEADER */
	.logo					{width: 70px; height: 63px;}
	.header-right-top ul	{display: none}
	.search-container		{margin-right: 10px; margin-left: 15px;}
	.search-box.active		{width: 150px;}

	h2	{font-size: 21px;}
	p	{font-size: 14px;}
	
	/* HERO CONTAINER */
	.hero-container	{margin-bottom: 40px;}
	
	/* HOME INTRO */
	.home-intro		{padding-bottom: 40px}
	.home-intro p	{font-size: 14px;}
	
	/* HOME LISTING */
	.listing-panel-text h2		{font-size: 21px;}
	.listing-panel-image-text	{margin-bottom: 0}
	.listing-panel-image-text .arrow	{margin-top: 0}
	
	/* DID YOU KNOW HOME */
	.circle-text-section	{padding: 40px 0; margin-bottom: 40px;}
	
	/* HOME WHATS ON */
	.home-whats-on h2			{font-size: 22px;}
	.home-whats-on h2 svg		{width: 25px;}
	
	/* NEWSLETTER */
	.partner-logos-section	{text-align: center; padding: 40px 30px;}
	
	/* WHATS ON CHECKOUT */
	.checkout-events-image	{width: 110px; margin-right: 20px;}
	
	/* INLINE LISTING EXPANDED */
	.inline-circle-expanded .activity-listing	{flex-direction: column; align-items: center;}
	.inline-circle-expanded .activity-image		{width: 200px; margin-bottom: 15px;}
	.inline-circle-expanded .activity-text		{padding-left: 0}
	.inline-circle-expanded .activity-text h3	{display: block}
	
	.bp-timeline .inner:after				{left: 29px; margin-left: 0}
	.timeline-item							{margin-bottom: 30px;}
	.timeline-item .timeline-text			{width:100%; padding-right: 0 !important; padding-left: 80px !important; text-align: left !important;}
	.timeline-circle						{right: auto !important; left: -7px !important;}
	.timeline-item .timeline-text:before 	{right: auto !important; left: 40px !important;  transform: rotate(45deg) !important;}
	.timeline-item .timeline-text:after		{right: auto !important; left: 76px !important;}

	/* FEATURE PAGE */
	.back-to-bp	{margin-right: 17px}
	
	/*** WEDDINGS ***/
	.wedding-page .feature-header			{padding-top:0 !important; padding-bottom: 0 !important}
	
	.wedding-page h3						{font-size: 24px;}
	.wedding-page section					{padding: 40px 0 !important}
	.wedding-page .buttons					{flex-direction: column;}
	.wedding-page .buttons .btn				{margin-bottom: 15px; margin-right: 0}
	.wedding-page .buttons .btn:last-child	{margin-bottom: 0}
	
	.wedding-page .text-intro	{padding-bottom: 0}
	.wedding-page .about .carousel-section .main-carousel			{margin-bottom: 40px}
	.wedding-page .about .carousel-section .main-carousel .slide	{margin: 0 5px; height: 42vw; min-height: unset; max-height: unset}
	
	.wedding-page .prices .inner .col-row						{display: flex; flex-direction: column}
	.wedding-page .prices .inner .col-row .col-text				{width: 100%; padding-right: 0}
	.wedding-page .prices .inner .col-row .col-img				{width: calc(100% + 10px); margin-top: 20px; margin-left: -5px; flex-direction: row;}
	.wedding-page .prices .inner .col-row .col-img .prices-img	{margin: 5px; flex-basis:calc(50% - 10px); height: 32vw;}
	.wedding-page .logo-wrapper	{margin-top: 0}
	
	.wedding-page .accommodation .inner .col-row	{padding: 0}
	.wedding-page .accommodation .inner .col-row .col-2.description	{padding: 30px 20px;}
	.wedding-page .credit {margin-bottom: 0 !important}
	
	.back-to-bp	{top: auto; bottom: 0; padding: 15px; font-size: 16px;}
	
}

@media (max-width: 550px) 
{

	.footer-left ul li	{width: calc(50% - 20px);}
	
	/* PULLOUT CTA */
	.pullout-cta		{flex-direction: column; padding: 30px}
	.pullout-cta-image	{width: 100%;}
	.pullout-cta-text	{padding: 30px 0 0;}
	
	/* CAROUSEL INLINE */
	.inline-carousel-container					{padding: 20px;}
	.inline-carousel-container .carousel-nav	{width: 120px;}
	.inline-carousel-container ul.custom_paging	{font-size: 13px;}
	
	/* WHATS ON DETAIL */
	.key-information td	{width: 100%; display: block; border-width: 1px}
	.key-information p	{font-size: 14px;}
	
	/* WHATS ON CHECKOUT */
	.checkout-events-details	{flex-direction: column; padding-right: 0}
	.checkout-events-image		{width:150px; margin: 0 0 20px 0}
	
	/* ACTIVITY LISTING CIRCLE */
	.activity-listing.circle					{padding: 20px; text-align: center; flex-direction: column; justify-content: center;}
	.activity-listing.circle .activity-image	{margin:0 auto 20px}
	.activity-listing.circle .activity-text		{padding-left: 0}
	
	/* INLINE FEATURE CARDS */
	.main-two-col .feature-card-listing .cols	{flex-direction: column}
	.main-two-col .feature-card-listing .cols .col	{width: 100%}
	
	/****************/
	/* FEATURE PAGE */
	/****************/
	
	.feature-listing-accommodation p	{font-size: 16px;}
	
	.feature-image-carousel .image-carousel-thumbs .slide	{height: 30px;}
	
	.feature-image-carousel .image-carousel-page-panel	{padding: 20px; padding-bottom: 10px;}
	
	.image-carousel-container .slick-arrow	{width: 30px; height: 30px; background-size: 9px auto;}
	
	/* TESTIMONIALS */
	section.testimonials .cols.span-3 .col	{width:100%;}
	
	/****************/
	/****************/
	/****************/

}
	
@media (max-width: 500px) 
{
	
	/* HOME WHATS ON */
	.home-whats-on h2					{margin-bottom: 0}
	.listing-grid.home-whats-on 		{background-color:#ffffff; box-shadow: 0 0 40px rgb(0 0 0 / 7%); padding: 40px 0; margin-bottom: 40px;}
	.home-whats-on .cols.span-4 .col	{padding-bottom: 0;}
	
	/* SECTION LANDING LISTING */
	.landing-listing .landing-listing-item .listing-panel-text,
	.landing-listing .landing-listing-item:nth-child(even) .listing-panel-text	{padding-right: 0;}
	
	/* ACTIVITY LISTING */
	.activity-listing	{flex-direction: column}
	.activity-text		{padding:20px 0 0 0}
	
	/* WHATS ON */
	.whats-on-listing .cols.span-4 .col	{width: 100%}
	.filters-col		{flex-direction: column; width: 100%; border-bottom: 1px solid #cccccc; margin-bottom: 4px; padding-bottom: 15px;}
	.whats-on-filters p	{font-size: 14px;}
	.whats-on-listing	{padding-top: 30px;}
	
	/* PAGE INTRO */
	.page-intro h1	{font-size: 40px;}
	
	/* THE TEAM */
	.people-listing					{padding: 10px 0}
	.people-listing .grid-card-text	{padding-left: 0; padding-right: 0}
	
	/* INLINE LISTING EXPANDER */
	.inline-listing-expander .cols.span-4 .col	{width: 100%}
	.inline-listing-expander-card				{padding: 10px 15px}
	
	/* CONTACT */
	.form-row.split				{flex-direction: column; margin-bottom: 0}
	.form-row.split .form-cell	{width: 100%; margin-bottom: 15px;}
	.form-container .container	{font-size: 16px; padding-top: 0}
	.content-hero .content-text p	{font-size: 14px;}
	.contact-item h5				{font-size: 16px;}
	
	/* VOLUNTEER FORM */
	.colour-page-intro h1	{font-size: 30px;}
	.colour-page-intro		{padding: 40px 25px;}
	
	/* FEATURE PAGE */
	.feature-header-text h1	{font-size: 38px}
	.header-right-top		{flex-wrap: wrap}
	
	/* FORM BUTTONS */
	.buttons-sb.buttons .btn	{min-width: 130px}
	.form-progress				{margin-top: 15px;}
	
	/* ACCOMMODATION PAGE */
	.things-to-do								{padding-top: 40px; padding-bottom: 40px;}
	
	
}
	
@media (max-width: 414px) 
{
	/* HERO VIDEO */
	.hero-container h1		{margin-top: -1vw;}
	
    /* DID YOU KNOW HOME */
	.circle-text-section .buttons					{flex-direction: column}
	.circle-text-section .buttons .btn				{margin: 10px 0;}
	.circle-text-section .buttons .btn:last-child	{margin-bottom: 0}
	.circle-text-section .circle-image				{width: 270px; height: 270px;}

	/* TEST STYLES */
	.text-styles h1			{font-size:36px;}	
	.text-styles h2			{font-size:32px;}	
	.text-styles h3			{font-size:28px;}	
	.text-styles h4			{font-size:24px;}	
	.text-styles h5			{font-size:20px;}	
	.text-styles h6			{font-size:18px;}	
	.text-styles p			{font-size:15px;}
	.text-styles p.intro	{font-size:17px;}

	.text-styles ul,
	.text-styles ol		{font-size:15px;}	

	/* WHATS ON CHECKOUT */
	.checkout-events-details h2	{font-size: 20px;}
	.close-remove				{font-size: 14px;}
	
	/* IMAGE CAROUSEL */
	.image-carousel-container .slick-arrow	{display: none !important}
	
	/* INLINE COL LISTING */
	.inline-col-listing .cols.span-4		{flex-direction: column}
	.inline-col-listing .cols.span-4 .col	{width: 100%}
	
	/* FEATURE PAGE */
	.feature-header-text h1	{font-size: 9vw}
	
	/* TIMELINE */
	.timeline-text:after	{top:39px !important; width:calc(100% - 65px);}
	.timeline-text:before	{top:25px !important;}
	.timeline-circle		{top:95px;}
	.bp-timeline .inner		{padding: 0}
	.bp-timeline .inner:after	{left: 8px;}
	
	/****************/
	/* FEATURE PAGE */
	/****************/
	
	.feature-listing .cols .col			{width:100%;}
	.feature-listing-accommodation p	{font-size: 20px;}
	
	/****************/
	/****************/
	/****************/

	.fc .fc-toolbar-title		{font-size:1.25em !important;}
	
}

@media (max-width: 413px) 
{
	/* FOOTER NAV */
	.footer-left ul li	{width: 100%; margin-right: 0; margin-bottom: 10px;}
	
	/* FOOTER STATEMENT */
	.footer-statement p	{font-size: 13px;}
	
	/* THE TEAM */
	.cols-inline-block.span-4 .col	{width: 100%}
	
	/* FORM BUTTONS */
	.buttons-sb.buttons .btn	{min-width: unset}
	
	
	
}

@media (max-width: 360px) 
{
    /* SAMSUNG GALAXY S5 */
}

@media (max-width: 340px) 
{
	.logo {width: 40px; height: 37px;}
	
}