/*===============
COLORS
=================
brand colors
green
    color:#546757;
aqua
    color:#ccdcb;
    color:rgba(124,205,203,1)
mint
    color:#a1d6be;
lime
    color:#c3d82d;
navy
    color:#00284b;
    color:rgba(0,40,75,1);
=================
TABLE OF CONTENTS
=================
Prefix your search term with "@" to jump to that section. Eg: to jump to the footer styles, search for "@footer"
layout
-----------------
page
load spin
wrappers
gutters
fluid images and objects
content image sizes
image loading
decal tweaks
- decal custom colors
- decal custom styles
fonts
- global font settings
- headings
- paragraphs & lists
- reset list styles
- anchors
- decal custom anchors
- read more links
header
- logo
navigation
content
- folds
- social links
- contact info list
- mgl forms
lightbox
pages
-----------------
home
- menus
- whats on
- functions
- signup target
other
-----------------
progressive enhacement
debug
===============*/
/* @layout resets and global defaults */
*
{
    padding:0;
    border:0;
}
html,
body
{
    height:100%;
    background-color:#000;
    /* ios */
    -webkit-overflow-scrolling:auto;
}
html.touch-true
{
    -webkit-text-size-adjust: none;
}
body
{
    margin:0;
    overflow-x:hidden;
    font-size:80%;
    text-align:center;
    color:#000;
}
body.dcl-view
{
    overflow-y:hidden;
}
body.dcl-view #loading-page
{
    opacity:1;
    visibility: visible;
}
.wf-interfaceicons-active body.dcl-view,
.wf-interfaceicons-inactive body.dcl-view /* never hide page if font load fails */
{
    overflow-y:auto;
}
.wf-interfaceicons-active body.dcl-view #loading-page,
.wf-interfaceicons-inactive body.dcl-view #loading-page /* never hide page if font load fails */
{
    opacity:0;
    visibility: hidden;
}
/* @page */
#page
{
    min-height:100%;
    position:relative;
}
/* @load spin */
@-webkit-keyframes rotation
{
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}
@-khtml-keyframes rotation
{
    from {-khtml-transform: rotate(0deg);}
    to   {-khtml-transform: rotate(359deg);}
}
@-moz-keyframes rotation
{
    from {-moz-transform: rotate(0deg);}
    to   {-moz-transform: rotate(359deg);}
}
@-ms-keyframes rotation
{
    from {-moz-transform: rotate(0deg);}
    to   {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation
{
    from {-o-transform: rotate(0deg);}
    to   {-o-transform: rotate(359deg);}
}
@keyframes rotation
{
    from {transform: rotate(0deg);}
    to   {transform: rotate(359deg);}
}
.loading
{
    position: relative;
}
.dcl-edit .loading
{
    display: none;
}
.loading:before,
.loading:after,
.swiper-lazy-preloader:before,
.swiper-lazy-preloader:after
{
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top:-30px;
    margin-left:-30px;
    border-radius: 110%;
    /* add transition for img-parent */
    -webkit-transition: opacity 250ms linear, visibility 250ms linear;
    -khtml-transition: opacity 250ms linear, visibility 250ms linear;
    -moz-transition: opacity 250ms linear, visibility 250ms linear;
    -ms-transition: opacity 250ms linear, visibility 250ms linear;
    transition: opacity 250ms linear, visibility 250ms linear;
}
.loading:before,
.swiper-lazy-preloader:before
{
    border:5px solid rgba(0,0,0,.25);
}
.loading:after,
.swiper-lazy-preloader:after
{
    -webkit-animation: rotation 0.75s infinite linear;
    -khtml-animation: rotation 0.75s infinite linear;
    -moz-animation: rotation 0.75s infinite linear;
    -o-animation: rotation 0.75s infinite linear;
    animation: rotation 0.75s infinite linear;
    border: 5px solid transparent;
}
.loading:after,
.swiper-lazy-preloader:after
{
    border-top-color:#546757;
}
.loading-done:before,
.loading-done:after
{
    visibility:hidden;
    opacity:0;
}
.dcl-view #loading-page
{
    display: block;
    position: fixed;
    z-index:105;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: #fff url(../img/bg-wall.png) scroll repeat 50% 50%;
    background-size: 60px;
    opacity:1;
    visibility:visible;
    -webkit-transition: opacity 250ms linear, visibility 250ms linear;
    -khtml-transition: opacity 250ms linear, visibility 250ms linear;
    -moz-transition: opacity 250ms linear, visibility 250ms linear;
    -ms-transition: opacity 250ms linear, visibility 250ms linear;
    transition: opacity 250ms linear, visibility 250ms linear;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
#loading-page img
{
    position: absolute;
    left:50%;
    width:150px;
    margin-left:-75px;
    top:50%;
    height:150px;
    margin-top:-75px;
}
#loading-page:before,
#loading-page:after
{
    width: 150px;
    height: 150px;
    margin-top:-80px;
    margin-left:-80px;
}
#loading-page:before
{
    background-color:#fff;
}
/* @wrappers */
.wrapper
{
    max-width:1000px;
    padding-left:1em;
    padding-right:1em;
    margin:0 auto;
    position:relative;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.fold-wrap
{
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    z-index: 4;
}
/* @gutters */
.sl-wrap-gt
{
    margin-left:-0.5em;
    margin-right:-0.5em;
}
.sl-wrap-gt > .sl,
.sl-wrap-gt > li,
.sl-wrap-gt > dt,
.sl-wrap-gt > dd
{
    padding-left:0.75em;
    padding-right:0.75em;
}
/* decal tweaks */
img.rrImageFloatLeft
{
    margin-right:1.5em;
}
img.rrImageFloatRight
{
    margin-left:1.5em;
}
img.rrImageFloatLeft,
img.rrImageFloatRight
{
    margin-top:0.3em;
}
/* @decal custom colors */
/* green */
*.color-546757 /* decal: #546757 */
{
    color:#546757 !important;
}
/* aqua */
*.color-7ccdcb /* decal: #7ccdcb */
{
    color:#7ccdcb !important;
}
/* mint */
*.color-a1d6be /* decal: #a1d6be */
{
    color:#a1d6be !important;
}
/* lime */
*.color-c3d82d /* decal: #c3d82d */
{
    color:#c3d82d !important;
}
/* navy */
*.color-00284b /* decal: #00284b */
{
    color:#00284b !important;
}
/* @decal custom styles */
p.quote,
p.quote-credit
{
    letter-spacing:0.05em;
}
p.quote /* decal: Quote */
{
    font-style:italic;
    line-height:1.3em;
/*    font-size:1.2em;*/
    margin-bottom:1.5em;
    position:relative;
    padding-left:2em;
}
p.quote-credit /* decal: Quote Credit */
{
    font-size:0.9em;
    margin-bottom:2em;
    margin-top:-1em;
}
p.quote:before
{
    font-family:sans-serif;
/*    text-indent:-0.03em;*/
    width:0.33em;
    line-height:0;
    display:block;
    position:absolute;
    left:-0.15em;;
    top:0.45em;
    font-size:5em;
    content:"\201C";
    opacity:0.2;
}
p.quote-credit:before
{
    content:"\2014";
    margin-left:1em;
    margin-right:0.5em;
}
*.align-center /* decal: Align Center */
{
    text-align: center !important;
}
*.section-break-before /* decal: Section Break Before */
{
    margin-top:30px !important;
}
*.section-break-before:before
{
    content:'';
    display: block;
    padding-bottom:30px !important;
    border-top:1px solid #7ccdcb;
}
*.section-break-after /* decal: Section Break After */
{
    margin-bottom:30px !important;
}
*.section-break-after:after
{
    content:'';
    display: block;
    padding-top:30px !important;
    border-bottom:1px solid #7ccdcb;
}
p.small-text /* decal: Small Text */
{
    font-size:0.9em;
}
.hide-when-view /* decal: Hide when viewing the page */
{
}
.dcl-view .hide-when-view
{
    opacity: 0;
    visibility: hidden;
    height: 0;
}
.dcl-view .cta-break h3.hide-when-view
{
    padding:0;
    margin:0;
}
/* @fluid width images and objects */
#page img,
.ie8 #page object,
html>/**/body #page object,
.ie8 #page iframe,
html>/**/body #page iframe,
#lightbox img,
.ie8 #lightbox object,
html>/**/body #lightbox object,
.ie8 #lightbox iframe,
html>/**/body #lightbox iframe
{
    max-width:100%;
}
html>/**/body #page img,
html>/**/body #lightbox img
{
    height:auto;
}
.ie8 img
{
    height:auto !important;
    width:auto !important;
}
a,
a img
{
    /* prevent image or anchor shift on :hover */
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
/*     transform: translateZ(0) scale(1.0, 1.0); */
/*     -moz-transform: translateZ(0) scale(1.0, 1.0); */
/*     -webkit-transform: translateZ(0) scale(1.0, 1.0); */
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
/* @image loading */
.js img
{
    min-height:33px;
    opacity:0;
    -webkit-transition: opacity 600ms ease-out;
    -moz-transition: opacity 600ms ease-out;
    -ms-transition: opacity 600ms ease-out;
    -o-transition: opacity 600ms ease-out;
    transition: opacity 600ms ease-out;
}
.js img.img-loaded,
.js img.img-noload,
.js img.swiper-lazy-loaded
{
    opacity: 1;
    min-height:0;
}
/* @content image size */
img.content-img-original
{
}
img.content-img-thumb
{
    max-width:32px;
}
img.content-img-small
{
    max-width:64px;
}
img.content-img-medium
{
    max-width:128px;
}
img.content-img-large
{
    max-width:256px;
}
img.content-img-jumbo
{
    max-width:384px;
}
img.content-img-banner
{
    width:100%;
}
/* @fonts */
/* embed font icons */
@font-face
{
    font-family: 'interfaceicons';
    src:url('fonts/thegreens-interfaceicons.eot?28769006');
    src:url('fonts/thegreens-interfaceicons.eot?28769006#iefix') format('embedded-opentype'),
        url('fonts/thegreens-interfaceicons.woff2?28769006') format('woff2'),
        url('fonts/thegreens-interfaceicons.woff?28769006') format('woff'),
        url('fonts/thegreens-interfaceicons.ttf?28769006') format('truetype'),
        url('fonts/thegreens-interfaceicons.svg?28769006#thegreens-interfaceicons') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'Gotham-Book';
    src:url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Book.otf') format('opentype'),
        url('fonts/Gotham-Book.woff') format('woff'),
        url('fonts/Gotham-Book.ttf') format('truetype'),
        url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'Gotham-Bold';
    src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Gotham-Bold.otf') format('opentype'),
         url('fonts/Gotham-Bold.woff') format('woff'),
         url('fonts/Gotham-Bold.ttf') format('truetype'),
         url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'Gotham-Light';
    src:url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Light.otf')  format('opentype'),
        url('fonts/Gotham-Light.woff') format('woff'),
        url('fonts/Gotham-Light.ttf')  format('truetype'),
        url('fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* @glyph codes */
.icon-left:before { content: '\e800'; } /* '' */
.icon-right:before { content: '\e801'; } /* '' */
.icon-menu-1:before { content: '\e802'; } /* '' */
.icon-file-pdf:before { content: '\e803'; } /* '' */
.icon-facebook:before { content: '\e804'; } /* '' */
.icon-instagram:before { content: '\e805'; } /* '' */
.icon-hash:before { content: '\e806'; } /* '' */
.icon-dot-3:before { content: '\e807'; } /* '' */
.icon-phone:before { content: '\e808'; } /* '' */
.icon-mail:before { content: '\e809'; } /* '' */
.icon-location:before { content: '\e80a'; } /* '' */
.icon-clock:before { content: '\e80b'; } /* '' */
.icon-wine:before { content: '\e80c'; } /* '' */
.icon-cancel:before { content: '\e80d'; } /* '' */
.icon-bus:before { content: '\f207'; } /* '' */
/* @font defaults */
/* @families - overwrite stacklayout default */
body, div, p, dl, dt, dd, ol, ul, li
{
    font-family: 'Gotham-Book',sans-serif;
    color:#00284b;
}
h1, h2, h3, h4, h5, h6
{
    font-family: 'Gotham-Bold',sans-serif;
}
form, label, input, textarea, select
{
    font-family: 'Gotham-Book',sans-serif;
}
/* @inline */
strong
{
    font-weight: normal;
    font-family: 'Gotham-Bold';
}
/* @headings */
h1,
h2,
h3,
h4,
h5,
h6
{
    font-weight:normal;
    margin-top:0;
    margin-bottom:1em;
}
h1
{
    letter-spacing:0.05em;
    font-size:2.4em;
}
h2
{
    font-size:2.4em;
    font-family: 'Gotham-Light';
    text-transform: uppercase;
    padding-top:0.3em;
    margin-bottom: 0.3em;
    letter-spacing: 0.02em;
}
h3
{
    font-size:1.9em;
    font-family: 'Gotham-Light';
    padding-top: 0.4em;
    margin-bottom: 0.8em;
    letter-spacing: 0.02em;
}
h4
{
    font-size:1.2em;
    padding-top:1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
h5
{
}
h6
{
}
h2:first-child,
h3:first-child,
h4:first-child
{
    padding-top:0;
}
/* @paragraphs & lists */
p,
ul,
ol,
.rr-obj-live
{
    line-height:1.4em;
    margin-top:0;
    margin-bottom:1em;
    font-size:1.1em;
}
.rr-obj-live
{
    margin-bottom:0;
}
p.rr-image-holder
{
    padding-top:0.4em;
    padding-bottom:0.4em;
}
/* @custom underline - use prevent line breaks
 * use <u> tag because underlines are generally reserved for links
 * could implement a 'tooltip' for this at some point */
p u,
h3.event-name u
{
    white-space: nowrap;
/*    display: inline-block; this would only be required for a tooltip */
}
/* hide underline in viewmode only, leave editmode indicator */
.dcl-view p u,
h3.event-name u
{
    text-decoration: none;
}
/* @reset list styles */
ul
{
    list-style-type:disc;
    padding-left:30px;
}
ol
{
    margin-left:30px;
}
ul ul,
ul ol,
ol ol,
ol ul
{
    margin-top:0.8em;
    margin-bottom:0.8em;
    font-size:1em;
}
ul li,
ol li
{
    margin-bottom:0.8em;
}
/* @tables */
table
{
    border-collapse:collapse;
    width:100%;
    margin-bottom:1.5em;
}
table td
{
    padding:0.5em;
    border:1px solid #7ccdcb;
    background:#fff;
    vertical-align:top;
}
table td p
{
    margin-bottom:0;
}
/* @forms */
/* form, label, input, textarea, select */
form
{
    margin-bottom: 0;
}
label, input, textarea, select
{
    font-size:1.2em;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-image:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
input,
textarea
{
    border:1px solid #546757;
    width:100%;
    padding:0.7em;
}
/* @mgl forms */
iframe[src*=myguestlist]
{
    height:20em !important;
}
form[action*=myguestlist]
{
    max-width: 30em;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-top:2em;
    padding-bottom: 1em;
}
form[action*=myguestlist] .MGLRow
{
    padding-bottom: 1.2em;
}
form[action*=myguestlist] .MGLRow:last-child
{
    padding-bottom: 0;
}
form[action*=myguestlist] .MGLLabel
{
    font-family: 'Gotham-Bold',sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0.3em;
    font-size: 0.9em;
}
form[action*=myguestlist] .MGLField input,
form[action*=myguestlist] .MGLField textarea
{
    padding:0.5em;
    border-color:#7ccdcb;
}
form[action*=myguestlist] #MGLSubmit input
{
    width:auto;
    background-color:#7ccdcb;
    color:#fff;
    border:none;
    font-size:1.2em;
    margin-bottom:1em;
}
form[action*=myguestlist] #MGLSubmit span
{
    margin-bottom: 1em;
}
form[action*=myguestlist] #MGLSubmit input:hover,
form[action*=myguestlist] #MGLSubmit input:focus
{
    background-color:#546757;
    color:#fff;
}
form[action*=myguestlist] .MGLSubmitBreak
{
    display: none;
}
/* @anchors */
a,
a:active,
a:visited,
.btn
{
    color:#7ccdcb;
    cursor:pointer;
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    -ms-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
    word-wrap:break-word;
}
a:hover,
a:focus,
.btn:hover
{
    outline:none;
    text-decoration:none;
    color:#546757;
}
a.cta
{
    text-decoration: none;
    /* trying to deal with border on child <p> being cropped on the right */
    position: relative;
    overflow:visible;
    /* */
}
a.cta p,
#MGLSubmit input,
a.cta-custom,
a.cta-custom-lightbox
{
    position: relative;
    text-transform:uppercase;
    text-decoration: none;
    text-align:center;
    font-size:1.3em;
    padding:1em 1.6em;
    padding-bottom:0.9em;
    margin-bottom: 0;
    letter-spacing:0.1em;
    color:#546757;
    background-color:rgba(84,103,87,0.2);
    border:1px solid #546757;
    -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    -ms-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
}
.nav a.cta p
{
    font-size:1.6em;
    display:inline-block;
}
a.cta p
{
    background-color:rgba(124,205,203,0.95);
/*     box-shadow:0 0 6em rgba(0,0,0,0.5); */
    box-shadow:0 0 7em rgba(0,40,75,0.4);
}
a.cta-invert p
{
    color:#fff;
/*     background-color:rgba(255,255,255,0.2); */
    border-color:#fff;
}
a.cta-pdf p
{
    padding-left:2em;
    padding-right:3em;
}
a.cta-pdf p:after
{
    font-family: 'interfaceicons';
    content:"\e803";
    display:inline-block;
    position: absolute;
    top: 50%;
    right: 0.6em;
    line-height:0;
    font-size:1.2em;
}
a.cta:hover p,
a.cta:focus p,
a.cta-custom:hover,
a.cta-custom:focus,
a.cta-custom-lightbox:hover,
a.cta-custom-lightbox:focus
{
    cursor:pointer;
    opacity:1;
    color:#fff;
    background-color:#546757;
}
a.cta-invert:hover p,
a.cta-invert:focus p
{
    color:#546757;
    background-color:#fff;
}
.ie6and7 a
{
    zoom:1;
}
/* @decal custom anchors */
a.cta-custom, /* decal: Call to action */
a.cta-custom-lightbox
{
    background-color:#7ccdcb;
    color: #fff;
    border:none;
    vertical-align: middle;
    font-size:1.1em;
    display:inline-block;
    margin:0.5em;
}
a.lightbox /* decal: Open in a lightbox */
{
}
a.cta-custom-lightbox /* decal: Call to action - Open in a lightbox */
{
}
/* @header */
#header
{
    position: fixed;
    z-index:10;
    left:0;
    width: 100%;
    top: 0;
    height: 4em;
}
.dcl-edit #header
{
    display: none;
}
#header .wrapper
{
    visibility: hidden;
}
.nav-sticky #header
{
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    background-color: #fff;
}
/* @logo */
#logo
{
    display:none;
    width:80px;
    position: absolute;
    top:5px;
    left:50%;
    margin-left:-40px;
}
#logo-link
{
}
/* @navigation */
.dcl-view #navigation
{
    z-index:20;
    position: relative;
/*     height:4em; */
}
.burger-open
{
    color:#fff;
}
.nav-sticky .burger
{
    color:#00284b;
}
.nav-sticky #header
{
    background-color:#fff;
}
.nav-sticky #header .wrapper
{
    visibility: visible;
}
.nav-sticky .burger-open:after
{
    content: '';
    display: block;
    background: #fff;
    width: 2em;
    height: 2em;
    position: absolute;
    top: 0;
    z-index: 1;
    opacity: 0.7;
}
.nav-sticky #burger-1:after
{
    left:0;
}
.nav-sticky #burger-2:after
{
    right: 0;
}
.nav
{
    position: fixed;
    top:0;
    width:18em;
    height:100%;
    padding-top:4em;
    overflow: hidden;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background: #fff url(../img/bg-wall.png) scroll repeat 50% 50%;
    background-size: 60px;
/*     opacity: 0; */
/*     visibility: hidden; */
    -webkit-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out, margin-left 200ms ease-in-out;
    -khtml-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out, margin-left 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out, margin-left 200ms ease-in-out;
    -ms-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out, margin-left 200ms ease-in-out;
    transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out, margin-left 200ms ease-in-out;
}
.nav:before
{
    content:"";
    display: block;
    width:55px;
    height:55px;
    position:absolute;
    top:0;
/*     background: transparent url(../img/logo-thegreens_circle-small.png) scroll no-repeat center top; */
    background-size:contain;
    z-index: 10;
}
#nav-1:before
{
    right:15px;
}
#nav-2:before
{
    left:15px;
}
#nav-1
{
    left:-18em;
}
#nav-2
{
    left:100%;
    margin-left:18em;
}
.nav-1-open .nav,
.nav-2-open .nav
{
    opacity:1;
    visibility: visible;
}
.nav-1-open #nav-1
{
    margin-left:18em;
}
.nav-2-open #nav-2
{
    margin-left:-18em;
}
/* @burger */
.burger
{
    display:block;
    position:absolute;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:50%;
    top:50%;
    height:2em;
    line-height:1em;
    margin-top:-1em;
    font-size:2em;
    z-index:5;
    padding:0.5em !important;
    -webkit-transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out, color 250ms ease-in-out;
    -khtml-transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out, color 250ms ease-in-out;
    -moz-transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out, color 250ms ease-in-out;
    -ms-transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out, color 250ms ease-in-out;
    transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out, color 250ms ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.nav-active .burger
{
    opacity: 1;
    visibility: visible;
}
#navigation .burger
{
    top:0;
    margin-top:0;
}
.burger:hover,
.burger:focus
{
    cursor:pointer;
    color:#7ccdcb;
}
.burger:before
{
    font-family:'interfaceicons';
    content:"\e802";
    z-index: 5;
    position: relative;
}
.burger-close
{
    width:100%;
    background: #fff url(../img/bg-wall.png) scroll repeat 50% 50%;
    background-size: 60px;
    border-bottom:1px solid #ddd;
}
#burger-1,
#burger-1-close
{
    left:0;
    text-align:left;
}
#burger-2,
#burger-2-close
{
    right:0;
    text-align:right;
}
#burger-2:before
{
    content:"\e807";
}
#burger-1-close:before
{
    content:"\e800";
}
#burger-2-close:before
{
    content:"\e801";
}
#burger-gate
{
    position: fixed;
    z-index: 15;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background-color: #000;
    -webkit-transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
    -khtml-transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
    -moz-transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
    -ms-transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
    transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.nav-1-open body.dcl-view,
.nav-2-open body.dcl-view
{
    overflow-y:hidden;
}
.nav-1-open #burger-gate,
.nav-2-open #burger-gate
{
    opacity: 0.7;
    visibility: visible;
}
#nav-1-list
{
    text-align:center;
}
#nav-1-list li
{
    position: relative;
    font-size:1.2em;
    line-height:1.6em;
    text-transform:uppercase;
    overflow: hidden;
/*     border-bottom:1px solid #ddd; */
}
#nav-1-list a
{
    border-bottom:1px solid #ddd;
    display: block;
	text-decoration:none;
    padding:0.8em;
    padding-top:1em;
    white-space: nowrap;
    color:#546757;
    letter-spacing: 0.1em;
    position: relative;
    font-family: 'Gotham-Book',sans-serif;
    -webkit-transition:  background-color 200ms ease-in-out, color 200ms ease-in-out;
    -khtml-transition:  background-color 200ms ease-in-out, color 200ms ease-in-out;
    -moz-transition:  background-color 200ms ease-in-out, color 200ms ease-in-out;
    -ms-transition:  background-color 200ms ease-in-out, color 200ms ease-in-out;
    transition:  background-color 200ms ease-in-out, color 200ms ease-in-out;
}
#nav-1-list a.lightbox
{
    font-size:0.7em;
    line-height: 3.3em;
}
/*
#nav-1-list li.current a:before,
#nav-1-list li.current a:after
{
    content: "";
    display: block;
    background-color:black;
    height:5px;
    position: absolute;
    left:0;
    width:100%;
    z-index:1;
}
#nav-1-list li.current a:before
{
    top:0;
}
#nav-1-list li.current a:after
{
    bottom:0;
}
*/
#nav-1-list a:hover,
#nav-1-list a:focus
{
    color:#7ccdcb;
}
#nav-1-list li a
{
/*     background-color:#fff; */
}
#nav-1-list li.current a
{
    color:#fff;
    background-color:#546757;
}
#nav-1-list li.current a:hover,
#nav-1-list li.current a:focus
{
    color:#fff !important;
}
.nav-list li ul
{
    display: none;
    position:absolute;
    top:90%;
    left:0;
    width:10em;
    z-index:1;
}
.nav-list li ul li
{
    display:block;
}
.nav-list li:hover ul
{
    display: block;
}
/* @nav 2 contact info */
#nav-2-list dl
{
    font-size:90%;
}
#nav-2-list dl:after
{
    height:auto;
}
#nav-2-list .contact-info-area
{
    padding-top:0.75em;
    padding-bottom:0.75em;
    border-bottom:1px solid #ddd;
    background-color:#fff;
    text-align: left;
    margin-left:0;
    margin-right:0;
}
#nav-2-list .contact-info-area:last-child
{
    padding-bottom:1.25em;
}
/* @nav swipers */
.nav .swiper-wrapper
{
    position: relative;
    background-color: #fff;
}
.nav-1-open,
.nav-2-open
{
    padding-top:10em;
    margin-top: -10em;
}
/* @components */
/* @cta lists */
.cta-list
{
    margin-top:1.5em;
}
.cta-list a.cta
{
    margin-bottom:1.5em;
}
.dcl-edit .cta-break:before
{
/*     content:'- - - BREAK - - - WILL NOT BE VISIBILE WHEN VIEWING THE PAGE - - -'; */
/*     font-family: monospace; */
/*     letter-spacing: normal; */
/*     background: #fff; */
/*     display: block; */
/*     padding: 1em; */
/*     margin-bottom: 1em; */
}
.cta-break
{
}
.cta-break h3
{
    padding-top: 0.5em;
    margin-bottom: 1em;
    color: #fff;
}
/* @carousels */
.carousel
{
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 2em;
}
.dcl-edit .carousel
{
    display: none;
}
.touch-true .carousel
{
    margin-left: 0;
    margin-right: 0;
}
.swiper-container
{
    overflow: hidden;
}
.carousel .swiper-wrapper
{
    white-space: nowrap;
}
/*
.carousel .swiper-wrapper .swiper-slide,
.carousel .swiper-wrapper .swiper-slide img
{
    position: relative;
    max-height:90%;
    max-height:-webkit-calc(100vh - 7em);
    max-height:-moz-calc(100vh - 7em);
    max-height:-o-calc(100vh - 7em);
    max-height:calc(100vh - 7em);
}
.carousel .swiper-wrapper .swiper-slide
{
    overflow: hidden;
}
*/
/* @wobble non-visible carousel slides */
@-webkit-keyframes wobble-logo
{
    0%   { -webkit-transform:  rotate(0deg); }
    50%  { -webkit-transform:  rotate(8deg) }
}
@-khtml-keyframes wobble-logo
{
    0%   { -khtml-transform:  rotate(0deg); }
    50%  { -khtml-transform:  rotate(8deg); }
}
@-moz-keyframes wobble-logo
{
    0%   { -moz-transform:  rotate(0deg); }
    50%  { -moz-transform:  rotate(8deg); }
}
@-o-keyframes wobble-logo
{
    0%   { -o-transform:  rotate(0deg); }
    50%  { -o-transform:  rotate(8deg); }
}
@keyframes wobble-logo
{
    0%   { transform:  rotate(0deg); }
    25%  { transform:  rotate(8deg); }
    50%  { transform:  rotate(0deg); }
    75%  { transform:  rotate(-8deg); }
}
/*
.carousel .swiper-wrapper .swiper-slide:not(.swiper-slide-visible)
{
    -webkit-animation: wobble-logo 1s infinite;
    -moz-animation: wobble-logo 1s infinite;
    animation: wobble-logo 1s infinite;
}
*/
.carousel .swiper-wrapper .swiper-slide img
{
    width:auto;
}
.carousel .swiper-lazy-preloader
{
    background-color:#546757;
}
.carousel .swiper-button
{
    position:absolute;
    top:50%;
    z-index: 10;
/*     -webkit-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out; */
/*     -khtml-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out; */
/*     -moz-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out; */
/*     -ms-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out; */
/*     transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out; */
    -webkit-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out;
    -khtml-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out;
    -ms-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out;
    transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out;
    opacity:0;
    visibility: hidden;
    background-image:none;
    font-size:2.5em;
    text-align:center;
    left:0.4em;
    line-height:0.4em;
    height:0.5em;
    width:1em;
    padding: 0.25em 0;
    margin-top: -0.5em;
    background: #fff;
    border-radius: 50%;
    text-indent:-0.1em;
    box-shadow: 0 0 0.5em rgba(0,40,75,0.5)
}
.carousel .swiper-button:before
{
    font-family:'interfaceicons';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content:'\e800';
    font-size:0.75em;
    line-height:0.70em;
    position: relative;
    left:0.05em;
}
.carousel .swiper-button-next:before
{
    content:'\e801';
    left:-0.05em;
}
/* @perimeter outline */
.carousel .swiper-button:after
{
    content: "";
    display: block;
    position: absolute;
    top:-4px;
    left:-4px;
    width:100%;
    height:100%;
    padding:2px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    border:2px solid #fff;
    -webkit-transition: border-color 200ms ease-in-out;
    -khtml-transition: border-color 200ms ease-in-out;
    -moz-transition: border-color 200ms ease-in-out;
    -ms-transition: border-color 200ms ease-in-out;
    transition: border-color 200ms ease-in-out;
}
.carousel .swiper-button:hover
{
/*     opacity:0.5 !important; */
    background-color:#546757;
    cursor: pointer;
    color:#fff;
}
.carousel .swiper-button:hover:after
{
    border-color:#546757;
}
.carousel .swiper-button-dark
{
    color:#fff;
    background-color:#000;
}
.carousel .swiper-button-dark:after
{
    border-color:#000;
}
.carousel .swiper-button-next
{
    text-indent: 0.1em;
}
.carousel .swiper-container:hover > .swiper-button,
.touch-true .carousel .swiper-button
{
    opacity:1;
    visibility: visible;
}
.carousel .swiper-button-next
{
    left:auto;
    right:0.4em;
}
.carousel .swiper-button-disabled
{
    opacity: 0 !important;
    visibility: hidden !important;
}
.touch-true .carousel .swiper-slide
{
    width:80%;
    width:-webkit-calc(100% - 60px);
    width:-moz-calc(100% - 60px);
    width:-o-calc(100% - 60px);
    width:calc(100% - 60px);
}
.touch-true .carousel .swiper-lazy-preloader
{
    background-color: #546757;
}
/* @background images */
.bg-images
{
    text-align:center;
}
.dcl-view .bg-images
{
    left:0;
	width: 100%;
    bottom:0;
    position: absolute;
    z-index:1;
    background-color:#000;
    top:4em;
    overflow:hidden;
}
.dcl-view #welcome .bg-images,
.dcl-view .fold-tile .bg-images
{
    top:0;
}
/* @transparent bg overlay */
.dcl-view .bg-images:before
{
    content:"";
    display: block;
    position: absolute;
    top:0;
    height: 100%;
    left:0;
    width:100%;
    z-index:9;
    /*
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(0,0,0,0.25) 45%, rgba(0,0,0,0.25) 55%, rgba(0,0,0,0) 80%);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(0,0,0,0.25) 45%, rgba(0,0,0,0.25) 55%, rgba(0,0,0,0) 80%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 30%, rgba(0,0,0,0.25) 45%, rgba(0,0,0,0.25) 55%, rgba(0,0,0,0) 80%);
    */
}
.bg-images .slide-fromtop img,
.bg-images .slide-frombottom img,
.bg-images .slide-fromleft img,
.bg-images .slide-fromright img
{
    position: relative;
    -webkit-transition: opacity 600ms ease-in, transform 600ms ease-in;
    -moz-transition: opacity 600ms ease-in, transform 600ms ease-in;
    -ms-transition: opacity 600ms ease-in, transform 600ms ease-in;
    -o-transition: opacity 600ms ease-in, transform 600ms ease-in;
    transform: opacity 600ms ease-in, transition 600ms ease-in;
}
.bg-images .slide-fromtop img
{
    transform:translateY(-100%);
}
.bg-images .slide-frombottom img
{
    transform:translateY(100%);
}
.bg-images .slide-fromleft img
{
    transform:translateX(-100%);
}
.bg-images .slide-fromright img
{
    transform:translateX(100%);
}
.bg-images .swiper-slide-active img,
.bg-images .swiper-slide-duplicate-active img,
.bg-images .swiper-slide-prev img,
.bg-images .swiper-slide-duplicate-prev img
{
    transform:translateX(0) translateY(0);
}
.dcl-view .bg-images .swiper-slide
{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.dcl-view .bg-images .swiper-slide .bg-image-container
{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
    opacity:0;
    -webkit-transition: opacity 600ms ease-in;
    -moz-transition: opacity 600ms ease-in;
    -ms-transition: opacity 600ms ease-in;
    -o-transition: opacity 600ms ease-in;
    transition: opacity 600ms ease-in;
}
.dcl-view .bg-images .swiper-slide .bg-img-loaded
{
    opacity:1;
}
.dcl-view .bg-images .swiper-slide .bg-img-loaded-parent
{
    background-image:none !important;
}
.dcl-edit .bg-images:before
{
    content:"Background image components. Add more than one to create a slideshow:";
    display:block;
    height:5em;
    line-height:7em;
    font-size:1.5em;
    letter-spacing:normal;
    font-family: sans-serif;
    background:#000;
    color:#fff;
    text-align: center;
    border-bottom: 2px dashed #fff;
    position: static;
    white-space: nowrap;
}
.dcl-edit .bg-images .swiper-slide
{
    height:200px;
    margin:5px;
    width:auto;
}
.dcl-edit .bg-images .swiper-slide img
{
    height:100% !important;
    width:auto !important;
}
/* @content */
#content
{
    text-align:left;
    min-height:100%;
}
/* @folds */
.fold
{
    position: relative;
    z-index: 6;
    background-color:#000;
    -webkit-transition: height 200ms ease-in-out;
    -moz-transition: height 200ms ease-in-out;
    -ms-transition: height 200ms ease-in-out;
    -o-transition: height 200ms ease-in-out;
    transition: height 200ms ease-in-out;
}
.dcl-edit .fold
{
    min-height: 100%;
}
/*  sl-vert pseudo elements set the height  */
/* fold heights */
/* also set sl-vert pseudo elements where applicable */
.fold,
.fold:after,
.fold-tile-content,
.fold-tile-content:after,
.fold-copy .wrapper
{
    min-height:calc(100vh - 4em);
    height:auto;
}
.fold-height-set .fold,
.fold-height-set .fold:after,
.fold-height-set .fold-tile-content,
.fold-height-set .fold-tile-content:after,
.fold-height-set .fold-copy .wrapper
{
/*     height:100%; */
    min-height:auto;
}
.dcl-edit .fold:after
{
    min-height:auto;
}
.fold-title-bar
{
    position: relative;
    height:4em;
    background-color:#fff;
    z-index:5;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.fold-title-bar h1,
#fold-title
{
    line-height:1.8em;
    text-align:center;
    text-transform:uppercase;
    color:#546757;
    white-space: nowrap;
}
.dcl-edit #content .fold:first-child
{
    padding-top: 4em;
}
.dcl-edit #content .fold:first-child .fold-title-bar
{
    top:4em;
}
/* @fold types */
/* @fold copy */
.fold-copy .wrapper
{
    background-color: rgba(255,255,255,0.9);
    padding-top:3em;
}
.fold-copy .copy
{
    color:#00284b;
}
.fold-copy .copy-general
{
    padding-bottom:2em;
}
.fold-copy .copy-general img
{
    width:100%;
}
/* @fold cta */
.fold-cta
{
    position: relative;
    text-align:center;
}
.fold-cta .wrapper
{
    max-width:800px;
}
.fold-cta .fold-wrap
{
    padding-top:2em;
    padding-bottom:2em;
}
.fold-tiles
{
    background-color:#000;
}
.fold-tile-list,
.fold-tile
{
    position: relative;
}
.fold-tile-paper
{
    position:relative;
    background-color:#fff;
    z-index: 10;
}
.fold-tile-content
{
    position: relative;
    z-index: 5;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding-left:2em;
    padding-right:2em;
    text-align: left;
}
.fold-tile-full .fold-tile-content
{
    position: static;
    max-width:100%;
}
.fold-tile-paper .fold-tile-content
{
    padding-bottom:3em;
}
/* @contact info component */
.contact-info-item
{
    padding-top:1em;
    padding-bottom:1em;
    width:auto;
    min-width:50%;
}
.contact-info-item:before
{
    font-size:2em;
    display: inline-block;
    font-family: 'interfaceicons';
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: normal;
    width:1em;
    margin-right: 0.5em;
    text-align: center;
}
.contact-info-item div
{
    padding-left: 3em;
    margin-left: -3em;
}
.contact-info-item p
{
    margin-bottom: 0.5em;
}
.contact-info-item h4
{
    font-size: 1em;
    margin-bottom: 0.6em;
}
.contact-info-item h4:last-child,
.contact-info-item p:last-child
{
    margin-bottom: 0;
}
/* @social links */
#social-info-content
{
    padding-top:1.5em;
    padding-bottom:1.5em;
}
.social-link:before
{
    width:1.5em;
    height:1.5em;
    line-height: 1.5em;
    color:#fff;
    background-color:#7ccdcb;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    speak: none;
    font-family:'interfaceicons';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}
.social-link:before,
.social-link p
{
    -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    -ms-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
}
.social-link div
{
    vertical-align: middle;
    padding-left:4em;
    margin-left:-4em;
}
.social-link p,
.social-hashtag p
{
    line-height: 1.1em;
    position: relative;
    top:0.1em;
}
.social-link p
{
    color:#7ccdcb;
    padding-left: 1em;
}
.social-link p:before
{
    content:'/';
    display:block;
    font-size: 2.5em;
    line-height: 0.05em;
    position: absolute;
    left:-0.2em;
    top:50%;
    opacity: 0.3;
}
.social-link:hover:before
{
    background-color:#546757;
}
.social-link:hover p
{
    color:#546757;
}
.social-link-fb:before
{
    content: "\e804";
}
.social-link-ig:before
{
    content: "\e805";
}
.social-hashtag:before
{
    content:'\e806';
}
/*
.dcl-edit .social-link dt a:after
{
    content: attr(href);
    display: block;
    background-color:rgba(255,255,255,0.9);
    color:#000;
    text-indent: 0;
    font-size:30%;
    line-height:1.1em;
    position: absolute;
    bottom:0;
    left: 50%;
    width: 3.4em;
    margin-left: -1.7em;
    text-align:center;
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
*/
/* @lightbox */
#lightbox
{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100;
    text-align:center;
    -webkit-transition: opacity 400ms ease-in-out, visibility 400ms ease-in;
    -khtml-transition: opacity 400ms ease-in-out, visibility 400ms ease-in;
    -moz-transition: opacity 400ms ease-in-out, visibility 400ms ease-in;
    -ms-transition: opacity 400ms ease-in-out, visibility 400ms ease-in;
    transition: opacity 400ms ease-in-out, visibility 400ms ease-in;
    visibility: hidden;
    opacity: 0;
    background:#fff url(../img/bg-wall.png) scroll repeat 50% 50%;
    background-size: 60px;
}
.lb-visible body.dcl-view
{
    overflow-y:hidden;
}
.lb-visible #lightbox
{
    visibility: visible;
    opacity: 1;
}
#lightbox-content
{
    background-color:#fff;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
#lightbox-close
{
    position: absolute;
    top:0;
    right:0;
    z-index:10;
}
#lightbox-close-link
{
    display:block;
    width:1em;
    height:1em;
    padding:1em;
    font-size:1.5em;
    text-align: center;
    text-decoration: none;
    color:#000;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -ms-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
}
#lightbox-close-link:hover,
#lightbox-close-link:focus
{
    color:#546757;
}
#lightbox-close-link:after
{
    font-family: 'interfaceicons';
    content:'\e80d';
}
/* @lightbox targets */
.dcl-view #lightbox-targets
{
    display: none;
}
.lightbox-target
{
    padding-top:2em;
    padding-bottom:2em;
}
.lightbox-target h2,
.lightbox-target h3,
.lightbox-target p,
.lightbox-target ul,
.lightbox-target ol
{
    text-align:left;
}
.lightbox-target .rr-obj-live
{
    padding-top:1em;
    /* @hack: for swiping outside Google map, hopefully be able to control this if Grinch can implement attribute based on embed code */
    padding-left:1em;
    padding-right:1em;
}
.dcl-edit .lightbox-target
{
    margin-bottom: 1em;
    padding-top:4em;
    position: relative;
    background-color: #fff;
}
.dcl-edit .lightbox-target:before
{
    content: "Lightbox\00a0Target";
    display: block;
    padding-top: .5em;
    padding-bottom: .5em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #ccc;
    line-height: 1em;
    font-family: "Gotham-Book";
}
/* @lightbox embed overrides */
.lightbox-target .dimmi-widget
{
    margin-left: auto;
    margin-right: auto;
}
.lightbox-target .dimmi-widget iframe
{
    left:0;
}
/* @pages */
/* @home */
/* @welcome */
.dcl-edit #welcome
{
    min-height: 100%;
}
.dcl-view #welcome,
.dcl-view #welcome.clone
{
    height: 100vh;
    min-height:40em;
}
.dcl-view #welcome
{
    left:0;
    width:100%;
    position: fixed;
    bottom: 0;
    z-index:5;
    /* prevent briefly disappearing on ios */
    -webkit-transform:translateZ(0);
}
.dcl-view #welcome.clone
{
    position: relative;
}
.touch-true .dcl-view #welcome.clone
{
    -webkit-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
    -khtml-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
    -ms-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
    transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
}
.content-inview .dcl-view #welcome.clone
{
    opacity:0;
    visibility:hidden;
}
.dcl-edit #welcome:after
{
    height: auto;
}
#welcome .wrapper
{
    z-index: 10;
    margin-bottom: 10em;
}
#welcome h1
{
    margin-bottom:0;
}
#welcome h1 img
{
    display:block;
    margin:1em auto;
    max-width:90%;
    position: relative;
}
.dcl-view #welcome h1 img
{
    top:-1em;
}
#welcome .bg-images:before
{
    opacity: 1;
/*     background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 90%, rgba(0,0,0,0.6) 100%); */
/*     background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.6) 90%,rgba(0,0,0,0.6) 100%); */
/*     background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.6) 90%,rgba(0,0,0,0.6) 100%); */
    background:-webkit-linear-gradient(to bottom, rgba(0,0,0,0) 40%,rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.6) 90%);
    background:-moz-linear-gradient(to bottom, rgba(0,0,0,0) 40%,rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.6) 90%);
    background:linear-gradient(to bottom, rgba(0,0,0,0) 40%,rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.6) 90%);
}
#important-member-info
{
    position: absolute;
    bottom: 3em;
    z-index: 20;
    width: 100%;
    left: 0;
    white-space: normal;
    box-sizing: border-box;
    padding-left: 2em;
    padding-right: 2em;
}
.touch-true #important-member-info
{
    bottom: 3em;
}
.dcl-edit #important-member-info
{
    position: static;
}
#important-member-info p
{
    color: #fff;
    font-size: 1em;
    line-height: 1.6em;
}
#important-member-info p a:hover
{
    color:#fff;
}
#important-member-info a.cta-custom,
#important-member-info a.cta-custom-lightbox
{
    border:1px solid #fff;
    background-color:rgba(124,205,203,0.9)
}
#important-member-info a.cta-custom:hover,
#important-member-info a.cta-custom:focus,
#important-member-info a.cta-custom-lightbox:hover,
#important-member-info a.cta-custom-lightbox:focus
{
    background-color: #546757;
}
/* @menus */
#menus
{
}
#menus h2
{
}
/* @whats on */
/* @hack */
#whatson .wrapper
{
    display: none;
}
#whatson
{
}
#whatson .carousel .swiper-slide
{
    white-space: normal;
    background-color:rgba(255,255,255,0.9);
    overflow: hidden;
}
#whatson .carousel .event-featured
{
    border:5px solid #7ccdcb;
}
#whatson .carousel .event-featured .event-image img
{
    margin-top: -5px;
}
#whatson .carousel .swiper-slide .event-image
{
    position: relative;
}
#whatson .carousel .swiper-slide .event-image img
{
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    height:auto;
}
#whatson .carousel .swiper-slide .event-image:before
{
    content: '';
    display: block;
    padding-top:56.25%
}
#whatson .carousel .swiper-slide h3.event-name
{
    padding:1em;
    margin-bottom: 0;
    padding-bottom: 0.5em;
}
#whatson .carousel .swiper-slide .event-date
{
    font-family: 'Gotham-Bold';
}
#whatson .carousel .swiper-slide .event-cta
{
    margin-bottom: 1.5em;
}
#whatson .carousel .swiper-slide .event-desc-div
{
    padding-left:1em;
    padding-right:1em;
}
#whatson .carousel .swiper-slide p.event-desc
{
    padding:1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#whatson .carousel .swiper-slide .cta-custom
{
    font-size: 0.8em;
}
#whatson .copy-general
{
    text-align: center;
}
#whatson .copy-general ul,
#whatson .copy-general ol
{
    display: inline-block;
    text-align: left;
}
/*
#whatson-thumbs-list li
{
    width:auto;
    margin-bottom:1em;
}
#whatson-thumbs-list li a
{
    border:2px solid #fff;
    background-color:#fff;
}
#whatson-thumbs-list li a,
#whatson-thumbs-list li a img
{
    display: block;
}
#whatson-thumbs-list li a img
{
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -ms-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}
#whatson-thumbs-list li a:hover img
{
    opacity:0.5;
}
*/
/* @functions */
#functions #virtual-tour
{
    text-align:center;
    background-color:#fff;
}
#functions #virtual-tour .rr-obj-live
{
    font-size:1em;
}
#functions #virtual-tour iframe
{
    position: absolute;
    top:0;
    height: 100%;
    left:0;
    width:100%;
    padding:2em;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
#functions .cta-list
{
    text-align: center;
    display: inline-block;
}
/*
#enquiry-form select
{
    display: block;
    float:left;
    width: 33.333334%;
}
#enquiry-form #MGLSubmit input
{
    position: static;
}
#enquiry-form #mf2eb73fb9de8_PatronName
{
    width:50%;
    float:left;
}
#enquiry-form #mf2eb73fb9de8_PatronSurname
{
    width:50%;
    float:right;
    margin-top:-2.44em;
}
*/
/* @contact */
/* playing with layout */
#contact .wrapper
{
    max-width:none;
}
/* @contact info */
#contact #contact-info-content:before,
#contact #general-info-content:before
{
    content: "";
    display: block;
    border-top:1px solid #7ccdcb;
    height:2em;
    margin-left:1em;
    margin-right:1em;
}
#contact-info-content:before
{
/*     color:#000; */
}
.contact-info-address:before
{
    content:"\e80a";
}
.contact-info-open:before
{
    content:"\e80b";
}
.contact-info-phone:before
{
    content:"\e808";
}
.contact-info-email:before
{
    content:"\e809";
}
.contact-info-bus:before
{
    content:"\f207";
}
.contact-info-bottleshop:before
{
    content:"\e80c";
}
.social-hashtag:before,
.social-hashtag div,
.contact-info-address:before,
.contact-info-address div,
.contact-info-phone:before,
.contact-info-phone div,
.contact-info-email:before,
.contact-info-email div
{
    vertical-align: middle;
}
/* @general info  */
#general-info-content:before
{
    margin-top:2em;
    margin-bottom:1em;
}
#general-info-content p
{
    padding-left:1em;
    padding-right:1em;
    text-align:center;
}
#general-info-content p a:hover
{
    color:#000;
}
/* @instagram image */
.dcl-view #instagram-feed
{
    background-color: #000;
}
.dcl-view #instagram-feed a.img-wrap
{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    width: 100%;
}
.touch-false .dcl-view #instagram-feed a.img-wrap:hover
{
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -ms-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    opacity:0.5;
}
#instagram-feed a#ig-profile-link
{
    display: block;
    text-align: center;
    text-decoration:none;
    color:#fff;
    opacity:0.7;
    font-size:3em;
    width:1em;
    height:1em;
    position: absolute;
    z-index:10;
    top:0.1em;
    right:0.1em;
    font-family:'interfaceicons';
    font-style: normal;
    font-weight: normal;
    position: absolute;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#instagram-feed a#ig-profile-link:before
{
    content:"\e805";
    text-shadow:0 0 5px rgba(0,0,0,0.5);
}
/* @privacy and terms */
#privacy-and-terms
{
    padding:2em;
    padding-top:3em;
    text-align:left;
    background-color: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    min-height:100%;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
#privacy-and-terms p
{
/*     font-family:'DIN-MediumAlternate'; */
}
/* @other */
/* @progressive enhancement */
/* set ie6and7 to fixed width */
/* if no javascript, set ie8 to fixed width layout */
.ie6and7 .wrapper,
.no-js .ie8 .wrapper
{
    width:860px;
}
.ie6and7 .blog #section,
.no-js .ie8 .blog #section,
.ie6and7 .talent #section,
.no-js .ie8 .talent #section
{
    width:64%;
}
.ie6and7 .blog #aside,
.no-js .ie8 .blog #aside,
.ie6and7 .talent #aside,
.no-js .ie8 .talent #aside
{
    width:36%;
}
.ie6 .blog .blogNav a,
.ie6 .talent .talentNav a
{
    width:40%;
}
/* @debug */
*
{
/*    outline:1px solid yellow;*/
}