/*===============
COLORS
=================
brand colors
gold
    color:#daad6a;
    color:rgba(218,173,106,1);
chocolate
    color:#fff;
    color:rgba(157,99,61,1);
old kingfisher
    color:#234851;
    color:rgba(35,72,81,1);
dark gray
    color:#565656;
=================
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
- decal custom links
fonts
- global font settings
- headings
- paragraphs & lists
- reset list styles
- anchors
- decal custom anchors
- read more links
- forms
header
- header logo
navigation
content
- folds
- social links
- contact info list
lightbox
pages
-----------------
home
- menus
- whats on
- functions
- signup target
image gallery
albums and books
blog
- blog-nav
- recent posts
blog-post
blog-home
blog-archive
private share
other
-----------------
progressive enhacement
debug
===============*/
/* @layout resets and global defaults */
*
{
    padding:0;
    border:0;
}
html,
body
{
    height:100%;
    /* ios */
    -webkit-overflow-scrolling:auto;
}
html.touch-true
{
    -webkit-text-size-adjust: none;
}
html
{
    background: #666 url(../img/body_bg.jpg) scroll repeat center center;
}
body
{
    margin:0;
    overflow-x:hidden;
    font-size:80%;
    text-align:center;
    color:#d6d6d6;
}
/*
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
{
    overflow-y:auto;
}
.wf-interfaceicons-active body.dcl-view #loading-page,
.wf-interfaceicons-inactive body.dcl-view #loading-page
{
    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:-28px;
    margin-left:-28px;
    border-radius: 110%;
    -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
{
    border:3px solid rgba(200,200,200,0.2);
}
.swiper-lazy-preloader:before
{
    border:3px solid rgba(255,255,255,0.25);
}
.loading:after,
.swiper-lazy-preloader:after,
.rotate
{
    -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;
}
.loading:after,
.swiper-lazy-preloader:after
{
    border: 3px solid transparent;
}
.loading:after
{
    border-top-color:#fff;
}
.swiper-lazy-preloader:after
{
    border-top-color: #fff;
}
.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%;
    opacity:1;
    visibility:visible;
    -webkit-transition: opacity 600ms ease-in-out, visibility 600ms ease-in-out;
    -khtml-transition: opacity 600ms ease-in-out, visibility 600ms ease-in-out;
    -moz-transition: opacity 600ms ease-in-out, visibility 600ms ease-in-out;
    -ms-transition: opacity 600ms ease-in-out, visibility 600ms ease-in-out;
    transition: opacity 600ms ease-in-out, visibility 600ms ease-in-out;
    -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:60px;
    margin-left:-30px;
    top:50%;
    height:60px;
    margin-top:-30px;
    z-index: 5;
    -webkit-animation-duration: 1000ms;
    -khtml-animation-duration: 1000ms;
    -moz-animation-duration: 1000ms;
    -o-animation-duration: 1000ms;
    animation-duration: 1000ms;
}
#loading-page:before,
#loading-page:after
{
    width: 160px;
    height: 160px;
    margin-top:-80px;
    margin-left:-80px;
}
#loading-page:before,
#loading-page:after
{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-size: cover;
}
*/
/* @wrappers */
.wrapper
{
    max-width:1200px;
    min-height:100%;
    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;
}
#content .wrapper
{
    padding-top:6em;
}
/* @gutters */
.sl-gt,
.sl-wrap-gt
{
    margin-left:-0.75em;
    margin-right:-0.75em;
}
.sl-gt > .sl,
.sl-gt > li,
.sl-gt > dt,
.sl-gt > dd,
.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-fff /* decal: #fff */
{
    color:#fff !important;
}
/* aqua */
*.color-fff /* decal: #fff */
{
    color:#fff !important;
}
/* mint */
*.color-a1d6be /* decal: #a1d6be */
{
    color:#a1d6be !important;
}
/* lime */
*.color-c3d82d /* decal: #c3d82d */
{
    color:#c3d82d !important;
}
/* navy */
*.color-234851 /* decal: #234851 */
{
    color:#234851 !important;
}
/* @decal custom styles */
p.quote,
p.quote-credit
{
}
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;
    padding-left:2.6em;
}
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:-1.6em;
    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 #fff;
}
*.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 #fff;
}
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;
}
/* @decal custom links */
a.call-to-action-light,/* decal: Call to Action Light */
a.call-to-action-light:active,
a.call-to-action-light:visited
{
    color: #000;
    background-color: #fff;
}
a.call-to-action-dark, /* decal: Call to Action Dark */
a.call-to-action-dark:active,
a.call-to-action-dark:visited
{
    color: #fff;
    background-color: #000;
}
a.call-to-action-light:hover,
a.call-to-action-light:focus
{
    color: #fff;
    background-color: #000;
}
a.call-to-action-dark:hover,
a.call-to-action-dark:focus
{
    color: #000;
    background-color: #fff;
}
a.call-to-action-light,
a.call-to-action-dark
{
    display: inline-block;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-weight: 600;
    padding: 1rem 1.5rem;
    margin: 0.3em;
    box-shadow:0 0 2em rgba(0,0,0,0.8);
}
/* @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,
img
{
    /* prevent image or anchor shift on :hover */
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    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 !important;
}
img.content-img-small
{
    max-width:64px !important;
}
img.content-img-medium
{
    max-width:128px !important;
}
img.content-img-large
{
    max-width:256px !important;
}
img.content-img-jumbo
{
    max-width:384px !important;
}
img.content-img-banner
{
    width:100% !important;
}
/* @fonts */
/* embed font icons */
/* @fonts */
@font-face
{
    font-family: 'damico-icons';
    src: url('fonts/damico-icons.eot?93278350');
    src: url('fonts/damico-icons.eot?93278350#iefix') format('embedded-opentype'),
         url('fonts/damico-icons.woff2?93278350') format('woff2'),
         url('fonts/damico-icons.woff?93278350') format('woff'),
         url('fonts/damico-icons.ttf?93278350') format('truetype'),
         url('fonts/damico-icons.svg?93278350#damico-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* @glyph codes */
/*
.icon-menu:before { content: '\e800'; }
.icon-cancel:before { content: '\e801'; }
.icon-right-open:before { content: '\f006'; }
.icon-facebook:before { content: '\e803'; }
.icon-instagram:before { content: '\e804'; }
.icon-linkedin:before { content: '\e805'; }
.icon-twitter:before { content: '\e806'; }
.icon-mail:before { content: '\e80c'; }
.icon-tags:before { content: '\e80d'; }
.icon-pinterest:before { content: '\f231'; }
*/
/* @typography */
/* @families - overwrite stacklayout default */
body, div, p, dl, dt, dd, ol, ul, li
{
    font-family: "CabinRegular", "Gill Sans", "Tahmo", "Geneva", sans-serif;
}
h1, h2, h3, h4, h5, h6
{
    font-family: "CabinRegular", "Gill Sans", "Tahmo", "Geneva", sans-serif;
}
form, label, input, textarea, select, button
{
    font-family: "CabinRegular", "Gill Sans", "Tahmo", "Geneva", sans-serif;
}
/* @inline */
strong
{
}
/* @headings */
h1,
h2,
h3,
h4,
h5,
h6
{
    letter-spacing:0.1em;
    color:#fff;
    font-weight:normal;
    margin-top:0;
    margin-bottom:1em;
    line-height:1.2em;
    font-size:1.2em;
    text-transform:uppercase;
}
h1
{
    font-size: 1.6em ;
    padding-bottom: 0.4em;
    background: url(../img/border-bg.gif) repeat-x;
    background-position:bottom;
    margin-bottom:1.4em;
    text-align: left;
}
h2
{
    font-size:1.33em;
}
h3
{
    font-size:1.33em;
}
h4
{
    color: #b3b3b3;
    text-transform:uppercase;
    font-size: 1.16em;
}
#content h3,
#content h4
{
    padding-bottom: 0.6em;
    background: url(../img/border-bg.gif) repeat-x;
    background-position:bottom;
}
h5
{
    font-size:1.16em;
}
h6
{
    font-size:0.83em;
}
/* @paragraphs & lists */
p,
ul,
ol,
.rr-obj-live
{
    line-height:1.4em;
    margin-top:0;
    margin-bottom:1em;
    font-size:1.2em;
    letter-spacing:0.05em;
}
.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:1em;
}
ol
{
    padding-left:1em;
}
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;
}
/* @forms */
.loading > form
{
    position: relative;
    opacity: 0.3;
}
label
{
    display:block;
    margin-top:1em;
    margin-bottom:0.5em;
    text-align:left;
    font-size:1em;
    letter-spacing:0.1em;
    text-transform: uppercase;
}
input,
textarea,
.textarea
{
    /* override iOS defaults */
    background-image:none;
    -webkit-appearance:none;
    /* / */
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid #b3b3b3;
    padding:0.5em;
    font-size:1.2em;
    width:100%;
/*     color:#4e4f54; */
    text-align: left;
    letter-spacing:0.05em;
}
input:focus,
textarea:focus
{
    border-color:#c1dea0;
}
textarea
{
    min-height:8em;
    resize: vertical;
}
button,
input[type="submit"]
{
    width: auto;
    padding:1em 2.5em;
    font-size:1.2em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border: none;
    background-color: #444;
    text-align:center;
    max-width:12em;
    margin:0 auto;
    margin-top:2em;
}
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus
{
    background-color: #565656;
}
span.required,
label.required:after
{
    color: #ff8080;
}
label.required:after
{
    content: '*';
    display: inline-block;
    vertical-align: top;
    margin-left: 0.1em;
}
/* @datepicker */
.datepicker-container
{
    color: #444;
}
.datepicker-top-left,
.datepicker-top-right
{
    border-top-color: transparent;
}
.datepicker-top-left:before,
.datepicker-top-right:before
{
    border-bottom-color: transparent;
}
.datepicker-panel > ul > li
{
    line-height: 30px;
}
/* @tables */
table
{
    border-collapse:collapse;
    width:100%;
    margin-bottom:1.5em;
}
table td
{
    padding:0.5em;
    border:1px solid #fff;
    background:#fff;
    vertical-align:top;
}
table td p
{
    margin-bottom:0;
}
/* @anchors */
a,
a:active,
a:visited,
.btn
{
/*     color:#d6d6d6; */
    color:#b3b3b3;
    cursor:pointer;
    -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;
    word-wrap:break-word;
}
a:hover,
a:focus,
.current a,
.btn:hover
{
    outline:none;
    text-decoration:none;
    color:#fff;
}
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,
input#mc-embedded-subscribe,
input#submit,
a.cta-custom,
a.cta-custom-lightbox
{
    position: relative;
/*     font-family:'BigNoodle'; */
    text-transform:uppercase;
    text-decoration: none;
    text-align:center;
    font-size:1.8em;
    padding:0.6em 1.2em;
    margin-bottom: 0;
    letter-spacing:0.1em;
    color:#fff;
    background-color:rgba(84,103,87,0.2);
    border:1px solid #fff;
    -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(35,72,81,0.95);
    box-shadow:0 0 5em rgba(17,0,0,0.8);
}
a.cta-invert p
{
    color:#fff;
    border-color:#fff;
}
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:#fff;
}
a.cta-invert:hover p,
a.cta-invert:focus p
{
    color:#fff;
    background-color:#fff;
}
.ie6and7 a
{
    zoom:1;
}
/* @decal custom anchors */
/*a.cta-custom, !* decal: Call to action *!
a.cta-custom-lightbox
{
    background-color:#fff;
    color: #fff;
    border:none;
    vertical-align: middle;
    font-size:1.1em;
    display:inline-block;
}
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;
    background:#585858 url(../img/aside_bg.jpg) repeat scroll 0 0;
    box-shadow: 0 0 10px #333;
}
.dcl-edit #header,
#header-logo
{
    height: 4em;
}
#header-logo h1
{
    text-indent: -999em;
    overflow: hidden;
    background:transparent url(../img/logo-mobile.png) scroll no-repeat center center;
    background-size: contain;
    opacity: 0.4;
    height: 1.4em;
    margin-top: 0.35em;
    margin-bottom: 0;
}
/* @navigation */
#navigation
{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 0;
    z-index:20;
    background:#585858 url(../img/aside_bg.jpg) repeat scroll 0 0;
}
#nav-marshall
{
    background: #585858 url(../img/aside_bg.jpg) repeat scroll 0 0;
}
.nav
{
    position: fixed;
    z-index:15;
    top:0;
    width:16em;
    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:#585858 url(../img/aside_bg.jpg) repeat scroll 0 0;
/*     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-1
{
    left:100%;
    margin-left:0;
}
.nav-1-open .nav
{
    opacity:1;
    visibility: visible;
}
.nav-1-open #nav-1
{
    margin-left:-16em;
}
/* @nav logo */
#nav-logo
{
    display: none;
}
#private-nav
{
    display: none;
}
/* @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 0.6em !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;
}
#navigation .burger
{
    top:0;
    margin-top:0;
}
.burger:hover,
.burger:focus
{
    cursor:pointer;
    color:#fff;
}
.burger:before
{
    font-family:'damico-icons';
    content:"\e800";
    z-index: 5;
    position: relative;
    font-size: 0.7em;
}
.burger-close
{
    width:100%;
    border-bottom:1px solid #777;
    background:#585858 url(../img/aside_bg.jpg) repeat scroll 0 0;
}
#burger-1,
#burger-1-close
{
    right:0;
    text-align:right;
}
#burger-1-close:before
{
    content:"\f006";
}
#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
{
    overflow-y:hidden;
}
.nav-1-open #burger-gate
{
    opacity: 0.7;
    visibility: visible;
}
#nav-1-list
{
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    text-align:left;
    margin-bottom: 0.6em;
    border-bottom:1px solid #777;
    width: 100%;
}
#nav-1-social
{
    padding-bottom: 1em;
}
#nav-1-list li
{
    display: block;
    position: relative;
    text-transform:uppercase;
}
#nav-1-list a
{
    font-size:1.1em;
    line-height:1.2em;
    display: block;
    text-decoration:none;
    padding:1em 1.6em;
    white-space: nowrap;
    letter-spacing: 0.1em;
    position: relative;
    -webkit-transition:  background 200ms ease-in-out, color 200ms ease-in-out;
    -khtml-transition:  background 200ms ease-in-out, color 200ms ease-in-out;
    -moz-transition:  background 200ms ease-in-out, color 200ms ease-in-out;
    -ms-transition:  background 200ms ease-in-out, color 200ms ease-in-out;
    transition:  background 200ms ease-in-out, color 200ms ease-in-out;
}
.nav-list a:hover,
.nav-list a:focus,
.nav-list li.current a,
.nav-list li.current span
{
    background:#525252 url(../img/nav-bg.gif) repeat scroll 0 0;
}
/* dropdown */
.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,
.nav-list li:focus ul
{
    display: block;
}
/* @nav swipers */
.nav .swiper-wrapper
{
    position: relative;
}
/* @components */
/* @cta lists */
.cta-list
{
    margin-top:1.5em;
}
.cta-list a.cta
{
    margin-bottom:1.5em;
}
.cta-break
{
}
.cta-break h3
{
    padding-top: 0.5em;
    margin-bottom: 1em;
    color: #fff;
}
/* @carousels */
.carousel
{
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dcl-edit .carousel
{
    display: none;
}
.swiper-container
{
    overflow: hidden;
}
.carousel .swiper-container
{
    height: 100vh;
}
.carousel .swiper-wrapper,
.carousel .swiper-slide
{
    height: 100%;
}
.carousel .swiper-wrapper
{
    white-space: nowrap;
}
.carousel .swiper-wrapper .swiper-slide
{
    text-align: center;
    position: relative;
}
.carousel .swiper-wrapper .swiper-slide img
{
    display: none;
}
.carousel .swiper-wrapper .swiper-slide .swiper-lazy
{
    height:100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity:0;
    visibility: hidden;
    -webkit-transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    -khtml-transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    -ms-transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
}
.carousel .swiper-wrapper .swiper-slide-active .swiper-lazy-loaded,
.touch-true .carousel .swiper-wrapper .swiper-slide .swiper-lazy-loaded,
.waypoints .swiper-wrapper .swiper-slide.loading-done img
{
    opacity:1;
    visibility: visible;
}
.carousel .swiper-wrapper .swiper-slide .img-ratio
{
    display: none;
}
.carousel .swiper-button
{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:12em; /* any wider and it blocks the share links > bp3 */
    z-index: 10;
    -webkit-transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    -khtml-transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    -ms-transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    opacity:0;
    visibility: hidden;
}
.carousel:hover .swiper-button
{
    opacity: 0.4;
    visibility: visible;
}
.carousel .swiper-button:before,
.carousel .swiper-button:after
{
    content: '';
    display: block;
    position: absolute;
    top:50%;
}
.carousel .swiper-button:before
{
    width: 32px;
    height: 56px;
    margin-top: -28px;
    background-color: #000;
}
.carousel .swiper-button:after
{
    width: 0;
    height: 0;
    border: 6px solid transparent;
    margin-top: -6px;
}
.carousel .swiper-button-prev:before
{
    left: 0;
    -webkit-border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    -ms-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
}
.carousel .swiper-button-prev:after
{
    border-right-color: #b3b3b3;
    left: 0;
    margin-left: 6px;
}
.carousel .swiper-button-next:before
{
    right: 0;
    -webkit-border-radius:5px 0 0 5px;
    -moz-border-radius:5px 0 0 5px;
    -ms-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
}
.carousel .swiper-button-next:after
{
    border-left-color: #b3b3b3;
    right: 0;
    margin-right: 6px;
}
.carousel .swiper-button:hover,
.carousel .swiper-button:focus
{
    cursor: pointer !important;
    opacity: 0.8 !important;
}
.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-button-next
{
    left:auto;
    right:0;
}
.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: #fff;
}
/* @waypoints gallery overrides */
.waypoints .swiper-container
{
    overflow: visible;
    padding-top: 4em;
}
.waypoints .swiper-slide
{
    display: block;
    margin-bottom: 2em;
    background-image: none;
    position: relative;
}
.waypoints .swiper-wrapper .swiper-slide:after
{
    display: none;
}
.waypoints .swiper-wrapper .swiper-slide .img-ratio
{
    display: block;
}
.waypoints .swiper-wrapper .swiper-slide img
{
    position: absolute;
    top:0;
    left: 50%;
    width:100%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.waypoints .loading-done .swiper-lazy-preloader
{
    display: none;
}
.waypoints .loading-done .img-info
{
    opacity: 1;
    visibility: visible;
}
/* @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:0;
    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%);
    */
}
.dcl-view .bg-images .swiper-container,
.dcl-view .bg-images .swiper-wrapper,
.dcl-view .bg-images .swiper-slide
{
    height: 100%;
}
.dcl-view .bg-images .swiper-wrapper
{
    white-space: nowrap;
}
.dcl-view .bg-images .swiper-slide
{
    -webkit-transition: opacity 900ms ease-out;
    -moz-transition: opacity 900ms ease-out;
    -ms-transition: opacity 900ms ease-out;
    -o-transition: opacity 900ms ease-out;
    transition: opacity 900ms ease-out;
}
.dcl-view .bg-images .swiper-slide .bg-img-container
{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
    -webkit-transition: opacity 900ms ease-in, transform 900ms ease-in;
    -moz-transition: opacity 900ms ease-in, transform 900ms ease-in;
    -ms-transition: opacity 900ms ease-in, transform 900ms ease-in;
    -o-transition: opacity 900ms ease-in, transform 900ms ease-in;
    transition: opacity 900ms ease-in, transform 900ms ease-in;
}
.dcl-view .bg-images .swiper-slide .swiper-lazy
{
    opacity:0;
}
.dcl-view .bg-images .swiper-slide .swiper-lazy-loaded
{
    opacity:1;
}
.bg-images .slide-fromtop .bg-img-container
{
    transform:translateY(-100%);
}
.bg-images .slide-frombottom .bg-img-container
{
    transform:translateY(100%);
}
.bg-images .slide-fromleft .bg-img-container
{
    transform:translateX(-100%);
}
.bg-images .slide-fromright .bg-img-container
{
    transform:translateX(100%);
}
/* slide direction won't have an effect for < 3 slides because animating -prev & -duplicate-prev slides looks shite due to fading */
.bg-images .swiper-slide-active .bg-img-container,
.bg-images .swiper-slide-duplicate-active .bg-img-container,
.bg-images .swiper-slide-prev .bg-img-container,
.bg-images .swiper-slide-duplicate-prev .bg-img-container
{
    transform:translateX(0) translateY(0);
}
.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;
}
.general-content #content
{
    padding-bottom: 2em;
}
/* @social & share links */
.social-links
{
    text-align: center;
}
.social-links li
{
    width: auto;
    position: relative;
}
#nav-1 .social-links li
{
    max-width: 25%;
}
#nav-1 .social-links li a,
.waypoints .social-links li a
{
    padding:0.5em;
    color:#3c3c3c;
}
.social-links li a,
.share-links a
{
    display: block;
    text-decoration: none;
}
.social-links li a
{
    text-align:center;
    text-indent: -999em;
    overflow:hidden;
    width:2.2em;
    height:2.2em;
    font-size:1.1em;
}
.share-links a
{
    padding: 10px 10px 10px 40px;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    position: relative;
    line-height:1.2em;
    letter-spacing: 0.05em;
    background: #585858 url(../img/aside_bg.jpg) repeat scroll 0 0;
}
.social-links li a:hover,
.social-links li a:focus,
#nav-1 .social-links li a:hover,
#nav-1 .social-links li a:focus,
.waypoints .social-links li a:hover,
.waypoints .social-links li a:focus
{
    color: #222;
}
.social-links a:before,
.share-links a:before
{
    font-family:'damico-icons';
    font-style: normal;
    position: absolute;
    top:50%;
    line-height: 0;
}
.social-links a:before
{
    font-size:1.6em;
    left:0;
    width:100%;
    text-indent:0;
}
.share-links a:before
{
    font-size:1.5em;
    left:10px;
    width:20px;
    text-align:center;
}
.dcl-edit .social-links a:after
{
    content: attr(href);
    display: block;
    background-color:rgba(255,255,255,0.9);
    color:#000;
    text-indent: 0;
    font-size: 0.7em;
    line-height:1.1em;
    position: absolute;
    bottom:100%;
    left: 0;
    max-width: 3.2em;
    height:1em;
    text-align:center;
    letter-spacing: -0.02em;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.social-links .fb a:before,
.share-links .fb a:before
{
    content: '\e803';
}
.social-links .tw a:before,
.share-links .tw a:before
{
    content: '\e806';
}
.social-links .pn a:before,
.share-links .pn a:before
{
    content: '\f231';
}
.social-links .ig a:before
{
    content: '\e804';
}
.social-links .em a:before,
.share-links .em a:before
{
    content: '\e80c';
}
.share-links .em a:before
{
    font-size: 1.3em;
}
/* @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-color: rgba(0,0,0,0.9);
}
.lb-visible body.dcl-view
{
    overflow-y:hidden;
}
.lb-visible #lightbox
{
    visibility: visible;
    opacity: 1;
}
#lightbox-content
{
    height:100%;
    width:100%;
    overflow-x:hidden;
    overflow-y:auto;
}
#lightbox-close
{
    position: absolute;
    top:0;
    right:0;
    z-index:10;
}
#lightbox-close-link
{
    display:block;
    padding:2.5em;
    text-align: center;
    text-decoration: none;
    color:#565656;
    -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:#fff;
}
#lightbox-close-link:after
{
    font-family:'damico-icons';
    content: '\e801';
    line-height: 0;
    display: block;
    position: absolute;
    font-size: 1.5em;
    top: 50%;
    left: 50%;
    width: 1em;
    margin-left: -0.5em;
}
/* @lightbox targets */
.dcl-view #lightbox-targets,
.dcl-view #lightbox-targets-fixed
{
    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;
    z-index: 10;
    width: 100%;
    text-align: center;
    background: rgba(200,200,200,0.7);
    line-height: 1em;
    font-family: sans-serif;
}
.dcl-edit #lightbox-targets-fixed .lightbox-target:before
{
    content: "Lightbox\00a0Target - Fixed";
    bottom:0;
}
/* @pages */
/* @home */
.home #page
{
    height:100%;
}
.home #page > .wrapper
{
    padding:0;
}
.home #header,
.home .burger,
.home #nav-1-social,
.home #nav-2
{
    display: none;
}
.home .nav
{
    background: none;
}
.home #nav-1
{
    width: 100%;
    top:7em;
    left:0;
}
.home #nav-1-list
{
    border-bottom: 0;
    text-align: center;
    padding-top: 1.6em;
}
.home #nav-1-list li
{
    margin-bottom: 1.6em;
    margin-left: 0.8em;
    margin-right: 0.8em;
    position: relative;
    width: 40%;
    display: inline-block;
}
.dcl-edit.home #nav-1-list li .home-nav-item-text:after
{
    height: auto;
}
.home #nav-1-list li .home-nav-item-text
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.6em;
}
.dcl-view.home #nav-1-list li .home-nav-item-text
{
    pointer-events: none;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home #nav-1-list li .home-nav-item-text p
{
    width: 100%;
    color: #fff;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform:uppercase;
    font-family: "CabinRegular", "Gill Sans", "Tahmo", "Geneva", sans-serif;
    text-shadow: 0 0 50px rgba(0,0,0,0.7), 0 0 5px rgba(0,0,0,0.7);
    font-size: 1.3em;
    line-height: 1.2em;
}
.home #nav-1-list li a,
.home #nav-1-list li a img
{
    display:block;
    padding:0;
}
.home #nav-1-list li a
{
    overflow: hidden;
    -webkit-transition: opacity 300ms ease-out;
    -moz-transition: opacity 300ms ease-out;
    -ms-transition: opacity 300ms ease-out;
    -o-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
}
.home #nav-1-list li a:hover
{
    opacity: 0.3;
}
.home #nav-1-list li a:before
{
    content: '';
    display: block;
    padding-bottom: 46.51%;
}
.home #nav-1-list li a img
{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
}
#logo-home
{
    position: absolute;
    z-index: 5;
    top:0;
    height:100%;
    left:0;
    width:100%;
}
#logo-home h1
{
    max-width: 540px;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: top;
    margin-top:4em;
    /* override global font styles */
    padding-bottom: 0;
    background: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
#logo-home img
{
    position: relative;
    top:-32px;
}
.home .bg-images:after
{
    opacity:0.6;
    content:"";
    display:block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
    background:transparent url(../img/bg-home-page.png) repeat 0 0;
}
/* @image gallery */
.image-gallery .wrapper
{
    max-width: none !important;
    padding-top: 0 !important;
    padding-left: 0;
    padding-right: 0;
}
.dcl-view .album-id,
#thumbnails
{
    display: none;
}
.img-info
{
    text-align: center;
    padding: 0.5em 1em;
    -webkit-transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    -khtml-transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    -ms-transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.img-info li,
.img-info ul
{
    width: auto;
    vertical-align: middle;
}
.img-info .img-counter
{
}
.img-info .img-title
{
}
.img-info .img-download
{
}
.img-info .img-download a,
.img-info .img-share a
{
    display: block;
    border-radius: 5px;
/*     background: #565656; */
    background: #444;
    padding: 0.3em 0.8em;
    padding-top: 0.4em;
    text-transform: uppercase;
    font-size: 0.7em;
    letter-spacing: 0.3em;
    text-indent: 0.25em;
    text-decoration: none;
    opacity: 0.5;
    -webkit-transition: color 200ms ease-out, opacity 200ms ease-out;
    -moz-transition: color 200ms ease-out, opacity 200ms ease-out;
    -ms-transition: color 200ms ease-out, opacity 200ms ease-out;
    -o-transition: color 200ms ease-out, opacity 200ms ease-out;
    transition: color 200ms ease-out, opacity 200ms ease-out;
}
.img-info .img-share a
{
    display: inline-block;
    margin-left: 0.3em;
    margin-right: 0.3em;
}
.img-info .img-download a:hover,
.img-info .img-download a:focus,
.img-info .img-share a:hover,
.img-info .img-share a:focus
{
    opacity: 1;
    color: #fff;
}
/* @image gallery */
/* @private gallery */
.carousel .img-info
{
    background: #000;
    -webkit-border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -ms-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}
.image-gallery .carousel .img-info
{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.private-gallery .carousel .img-info
{
    height: 3em;
    padding-top: 0.3em;
    position: relative;
    top: -3em;
}
.carousel .img-info .social-links li a:hover,
.carousel .img-info .social-links li a:focus
{
    color: #fff;
}
.carousel:hover .img-info
{
    opacity: 0.4;
    visibility: visible;
}
.carousel:hover .img-info:hover
{
    opacity: 0.8;
}
.private-gallery .carousel:hover .img-info
{
    opacity: 0.6;
}
.private-gallery .carousel:hover .img-info:hover
{
    opacity: 1;
}
.image-gallery .img-info .img-share
{
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-right: 0.2em;
}
.image-gallery .img-info li
{
    font-size: 0.9em;
}
.private-gallery .img-info li
{
    font-size: 1.1em;
    margin:0.2em 1em;
}
.private-gallery .img-info li.img-download a
{
    background-color: #fff;
    color: #000;
}
.private-gallery .img-info li.img-download a:hover,
.private-gallery .img-info li.img-download a:focus
{
}
/* @private gallery */
.private-gallery-thumbs-list
{
    text: center;
}
.private-gallery #content #gallery
{
    display: none;
}
.private-gallery #lightbox .wrapper
{
    padding-left: 0;
    padding-right: 0;
    max-width: none;
}
.private-gallery #lightbox .carousel
{
    height:100%;
    width:100%;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.touch-true .private-gallery #lightbox .carousel .swiper-button
{
    display: none;
}
.private-gallery .carousel .swiper-button:before
{
    background-color: #fff;
}
#private-gallery-thumbs-list
{
    margin-left:-1em;
    margin-right:-1em;
    padding-bottom: 2em;
}
#private-gallery-thumbs-list li
{
    width: auto;
    padding:1em;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    -ms-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}
#private-gallery-thumbs-list li.rendered:hover,
#private-gallery-thumbs-list li.rendered:focus
{
    background-color: #565656;
}
@-webkit-keyframes BackgroundLoading {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes BackgroundLoading {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes BackgroundLoading {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
#private-gallery-thumbs-list li.placeholder:before,
#private-gallery-thumbs-list li.placeholder .img-title
{
    background: linear-gradient(45deg, #565656, #222, #565656);
    background-size: 600% 600%;
    -webkit-animation: BackgroundLoading 3s ease infinite;
    -moz-animation: BackgroundLoading 3s ease infinite;
    animation: BackgroundLoading 3s ease infinite;
}
#private-gallery-thumbs-list li:before
{
    content: '';
    display: block;
    height:150px;
    width:150px;
}
#private-gallery-thumbs-list li a
{
    display: block;
    text-decoration: none;
    position: relative;
    margin-top:    -150px;
}
#private-gallery-thumbs-list li .img-wrap
{
    height:150px;
}
#private-gallery-thumbs-list li .img-title
{
    font-size: 0.8em;
    word-break:break-all;
    margin-top: 0.5em;
    margin-bottom: 0;
}
#private-gallery-thumbs-list li .img-title.muted
{
    opacity:0.5;
}
#private-gallery-thumbs-list li.placeholder .img-title
{
    display: inline-block;
    border-radius: 1em;
    width:60%;
    text-indent: -99em;
    overflow: hidden;
}
.dcl-edit #private-gallery-thumbs-list li.placeholder
{
    display: none;
}
/* @albums and pages */
#intro
{
    padding-bottom: 1em;
}
.album-item
{
    padding-bottom: 2em;
}
.album-image a
{
    display: block;
    margin-bottom: 2em;
    outline: 1em solid transparent;
    -webkit-transition: outline-color 300ms ease-out;
    -moz-transition: outline-color 300ms ease-out;
    -ms-transition: outline-color 300ms ease-out;
    -o-transition: outline-color 300ms ease-out;
    transition: outline-color 300ms ease-out;
}
.album-image a img
{
    display: block;
}
.album-image a:hover,
.album-image a:focus
{
    outline-color: #565656;
}
/* @contact  */
#contact-info,
#contact-map
{
    padding-bottom: 1.5em;
}
#contact-map iframe
{
    width: 100%;
}
#contact-info dl
{
    padding-bottom: 1em;
}
#contact-info dt
{
    padding-right: 1em;
}
#contact-info dt p
{
    text-transform: uppercase;
    color:#fff;
}
#contact-info p
{
    margin-bottom: 0;
}
#contact-form
{
    max-width: 30em;
    padding-bottom: 2em;
}
#price-list {
    padding-top: 2em;
    padding-bottom: 2em;
}
.dcl-view #price-list {
    display: none;
}
/* @albums and books */
.album-copy
{
    text-align: left;
}
/* @blog */
.blog #content
{
    padding-bottom: 3em;
}
.rule hr
{
    height: 2px;
    margin-top: 1em;
    margin-bottom: 1em;
    background: url(../img/border-bg.gif) repeat-x;
    background-position:bottom;
}
/* @blog-nav */
.page-title .blog-nav
{
    position: relative;
    top: -0.6em;
    margin-bottom: 0.8em;
}
.blog-nav:after
{
    content: '';
    display: table;
    clear: both;
}
.blog-nav li
{
    max-width: 50%;
}
.blog-nav .prev
{
    float: left;
}
.blog-nav .next
{
    float: right;
    text-align: right;
}
.blog-nav a,
.blog-nav span
{
    padding: 0.6em 1em;
    display: block;
    letter-spacing: 0.05em;
    position: relative;
}
.blog-nav span
{
    color: #444;
    padding-left: 0;
    padding-right: 0;
}
.blog-nav a:before,
.blog-nav a:after
{
    width: 0;
    height: 0;
    border: 0.5em solid transparent;
    position: absolute;
    display: block;
    top: 0.8em;
    -webkit-transition: border-color 200ms ease-out;
    -moz-transition: border-color 200ms ease-out;
    -ms-transition: border-color 200ms ease-out;
    -o-transition: border-color 200ms ease-out;
    transition: border-color 200ms ease-out;
}
.blog-nav .prev a:before
{
    content: '';
    border-right-color: #b3b3b3;
    left: -0.5em;
}
.blog-nav .next a:after
{
    content: '';
    border-left-color: #b3b3b3;
    right: -0.5em;
}
.blog-nav a:hover:before
{
    border-right-color: #fff;
}
.blog-nav a:hover:after
{
    border-left-color: #fff;
}
/* @recent posts */
#recent-posts
{
    margin-top: 1.5em;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align: left;
    border-bottom:1px solid #777;
}
#recent-posts h3
{
    padding-left: 1.5em;
    padding-right: 1.5em;
    margin-bottom: 0.6em;
}
#recent-posts ul
{
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0.5em;
}
#recent-posts li
{
    margin-bottom: 0;
}
#recent-posts a,
#recent-posts span
{
    display: block;
    padding: 0.4em 1.6em;
    text-decoration: none;
}
.recent-post-title
{
    text-decoration: underline;
}
#recent-posts a:hover .recent-post-title,
#recent-posts a:focus .recent-post-title,
#recent-posts .current span .recent-post-title
{
    text-decoration:none;
}
#recent-posts .current span .recent-post-title
{
    color: #fff;
}
.recent-post-date
{
    font-size: 0.8em;
    color: #333;
}
#recent-posts a:hover .recent-post-date,
#recent-posts a:focus .recent-post-date,
#recent-posts .current span .recent-post-date
{
/*     color:#111; */
}
/* @blog-post */
.blog-post-image
{
    background-color: #555;
    margin-bottom: 1em;
}
.blog-post .blog-post-image
{
    margin-bottom: 2em;
}
.blog-post-image img
{
    display: block;
    width: 100%;
}
.blog-post-copy
{
    padding-bottom: 0.6em;
}
.blog-post-tags
{
    padding: 1em 1.2em;
    background: #585858 url(../img/aside_bg.jpg) repeat scroll 0 0;
    margin-bottom: 1.5em;
}
.blog-post-tags p
{
    margin-bottom: 0;
    font-size: 1em;
    padding-left: 1.6em;
    line-height: 1.2em;
}
.blog-post-tags p:before
{
    font-family: 'damico-icons';
    content: '\e80d';
    display: inline-block;
    width: 1.6em;
    margin-left: -1.6em;
    text-indent: 0.1em;
}
.blog-post-tags a
{
    display: inline-block;
    padding: 0.2em;
}
.blog-post-comments
{
    margin-top: 1em;
    margin-bottom: 1.5em;
    background: url(../img/border-bg.gif) repeat-x;
    background-position: bottom;
}
/* @blog-homepage */
#post-list .post-list-item
{
    margin-bottom: 3em;
}
#post-list .post-list-item > a
{
    display:block;
    text-decoration: none;
    outline: 1em solid transparent;
    -webkit-transition: background-color 300ms ease-out, outline-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out, outline-color 300ms ease-out;
    -ms-transition: background-color 300ms ease-out, outline-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out, outline-color 300ms ease-out;
    transition: background-color 300ms ease-out, outline-color 300ms ease-out;
}
#post-list .post-list-item > a:hover,
#post-list .post-list-item > a:focus
{
    background-color:#565656;
    outline-color: #565656;
}
#post-list .post-list-item h3
{
    margin-bottom: 0.4em;
}
#post-list .post-list-item h4
{
    padding-bottom: 0;
    margin-bottom: 0.6em;
    background: none;
}
#post-list .post-list-item p:last-child
{
    margin-bottom: 0;
}
#post-list .blog-post-tags
{
    padding:0;
    background: none;
    margin-top: 0.9em;
    padding-top: 0.8em;
    background: url(../img/border-bg.gif) repeat-x;
    background-position: top;
}
#post-list .content-img-large
{
    max-width: 100% !important;
}
/* @blog-archive */
.blog-archive-title span:before
{
    content:"\201C";
}
.blog-archive-title span:after
{
    content:"\201D";
}
/* @private share */
.share-user
{
    margin-bottom: 4em;
}
/* @email to a friend */
#email-to-friend
{
    max-width:800px;
    margin:0 auto;
    padding:3em 1em;
}
#email-to-friend textarea
{
    word-wrap:break-all;
}
.parsley-errors-list
{
    list-style-type: none;
    padding-left:0;
    padding-top:0.2em;
}
.parsley-error
{
    border-color: #ff8080;
}
.parsley-type,
.parsley-required
{
    color: #ff8080;
    text-align:left;
    font-style: italic;
}
/* @grecaptcha */
/* hide recaptcha badge, instead display branding as per FAQs: https://developers.google.com/recaptcha/docs/faq */
.grecaptcha-badge
{
    display: none;
}
.grecaptcha-branding
{
    margin-top: 2em;
    font-size: 0.9em;
}
/* @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;*/
}
/*@user scripts*/
.scripts-global
{
    border-bottom: 2px dashed #000;
}
.dcl-view #scripts-global,
.dcl-view #scripts-local
{
    display: none;
}
.scripts-global,
.scripts-local
{
    background-color: #fff;
}
.scripts-global p,
.scripts-local p
{
    font-family: monospace;
    color: #000;
    margin: 0;
    padding: 2em;
}
/*/user scripts*/
/*@landing page components*/
/* overwrite acecss */
body.landing-page
{
    background-color: transparent;
}
body.landing-page #page {
    padding-bottom: 4em;
}
/* additional functional classes */
.px1-2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.height-100 {
    height: 100%;
}
.center-x {
    left: 50%;
    transform: translateX(-50%)
}
/*@hero*/
.component-banner-image {
    height: 25rem;
}
.component-banner-image:first-of-type {
    margin-top: 0;
}
/* adding these classes manually because apparently they get stripped off editable images – boring */
.component-banner-image img {
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
}
.component-wide-image,
.component-jumbo-image,
.component-jumbo-image-clickable a
{
    display: inline-block;
}
.component-wide-image img,
.component-jumbo-image img,
.component-jumbo-image-clickable img {
    display: block;
}
.component-jumbo-image p,
.component-jumbo-image-clickable p,
.component-wide-image p {
    margin-top: 1em;
}
.dcl-view .component-jumbo-image-clickable .image-text,
.dcl-view .component-jumbo-image-clickable p {
    cursor: pointer;
    pointer-events: none;
}
.hero-text {
    color: #fff;
    /*background-color: rgba(0, 0, 0, 0.7);*/
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.hero-text p {
    margin-top: 1em;
    text-align: right;
    color: #ffffff;
}
/*/hero*/
/*/landing page components*/
#email-signature-image-area
{
    text-align: center;
    padding: 5rem 2rem 2rem 2rem;
}
.email-signature-image img
{
    /*width: 600px;*/
    display: block;
    margin: 2rem auto;
}
.underline {
    text-decoration: underline;
}
.highlight {
    display: inline-block;
    padding: 2px 4px;
    margin-top: -2px;
    background: rgba(255,255,0,0.6);
    color: #000;
}