/*===============
TABLE OF CONTENTS
=================
Prefix your search term with "@" to jump to that section. Eg: to jump to the footer styles, search for "@footer"
layout
-----------------
font size
wrapper
header
navigation
pages
-----------------
home
breakpoint
-----------------
helpers
extend
override
===============*/
/* @layout */
/* ----------------- */
/* @font size  */
body
{
    font-size: 90% !important;
}
/* @wrapper */
#content .wrapper,
.general-content #content .wrapper,
.contact #content .wrapper
{
    padding-right:18em;
}
.image-gallery #content .wrapper
{
    padding-right:16em;
}
.landing-page #content .wrapper
{
    padding-right:1em;
}
/* @header */
#header
{
    display: none;
}
.landing-page #header
{
    display: block;
}
/* @navigation */
.dcl-edit.home #navigation
{
    position: absolute;
}
#nav-marshall
{
    position: absolute;
    top:-20em;
    right:0;
    width: 16em;
    height:100vh;
    padding-top:20em;
    padding-bottom:20em;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}
.dcl-edit.home #nav-marshall
{
    height: auto;
    padding-bottom: 5em;
}
#nav-marshall > .sl
{
    width:100%;
    vertical-align: bottom;
    padding-left:1.5em;
    padding-right:1.5em;
}
.home #nav-marshall > .sl
{
    vertical-align: middle;
}
.nav
{
    position: static;
    left: auto !important;
    margin-left: -1.5em !important;
    height: auto;
    padding-top: 0;
}
.nav:before
{
    display: none;
}
#nav-logo
{
    display:block;
    text-indent: -999em;
    overflow: hidden;
    height:10em;
}
#nav-logo h1
{
    height:100%;
    background:transparent url(../img/logo-tablet.png) scroll no-repeat center bottom;
    background-size: contain;
    opacity: 0.4;
    padding-bottom: 0;
    margin-bottom: 0;
}
.nav .swiper-wrapper
{
    background:transparent;
    position: static;
}
.burger
{
    opacity: 0;
    visibility: hidden;
    display: none;
}
#burger-gate
{
    display: none;
}
#nav-1-list
{
    margin-bottom: 0;
    border-bottom: 0;
}
#nav-1-list li a
{
    text-align: right;
    font-size:1em;
    padding-top:0.3em;
    padding-bottom:0.3em;
}
#nav-1-social
{
    padding-left: 1.6em;
    padding-right: 1.6em;
}
#nav-1 .social-links
{
    text-align: right;
}
.home #nav-1 .social-links
{
    text-align: center;
}
#nav-1 .social-links li
{
    right:-0.4em;
}
.home #nav-1 .social-links li
{
    right: 0;
}
#nav-1 .social-links li a
{
    padding:0;
}
/* @pages */
/* ----------------- */
/* @all */
.page-title
{
    min-height: 4em;
    margin-top:-4em;
}
.image-gallery .page-title h1,
.private-gallery .page-title h1
{
    margin-bottom: 0;
}
/* @home */
.home #nav-1
{
    width:16em;
}
.home #nav-1 .swiper-wrapper
{
    height: 100%;
}
.home #nav-1-social
{
    display: block;
    position: absolute;
    bottom: 20em;
    width: 100%;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.home #nav-marshall
{
    background: rgba(255,255,255,0.8);
}
.home #nav-logo
{
    display:none;
}
.home #nav-1-list
{
    /*margin-top: 1em;*/
}
.home #nav-1-list li
{
    margin-left:1.6em;
    margin-right:1.6em;
    display: block;
    width: auto;
}
.home #nav-1-list li a
{
    padding:0;
}
#logo-home
{
    text-align: left;
}
#logo-home h1
{
    vertical-align: middle;
    margin-top:0;
}
#logo-home img
{
}
/* @private gallery */
.private-gallery-thumbs-list
{
    text-align: left;
}
/* @thumbnails */
#thumbnails
{
    display: block;
    position: absolute;
    z-index: 1;
    top:20em;
    left:0;
    width:100%;
    height:25em;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
/*     padding:2em 0.75em; */
    padding:2.5em 1.25em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#thumbnails .swiper-container,
#thumbnails .swiper-wrapper,
#thumbnails .placeholder
{
    height:100%;
}
#thumbnails .swiper-container .swiper-button
{
    position: absolute;
    height: 2em;
    left:0;
    width:100%;
    -webkit-transition: opacity 300ms ease-in-out;
    -khtml-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
    opacity:0.4;
}
#thumbnails .swiper-container .swiper-button:hover,
#thumbnails .swiper-container .swiper-button:focus
{
    opacity: 1;
    cursor: pointer;
}
#thumbnails .swiper-container .swiper-button:before,
#thumbnails .swiper-container .swiper-button:after
{
    content: '';
    display: block;
    position: absolute;
    top:50%;
    left:50%;
}
#thumbnails .swiper-container .swiper-button:before
{
    width: 36px;
    height: 22px;
    margin-top: -11px;
    margin-left: -18px;
    background-color: #444;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
}
#thumbnails .swiper-container .swiper-button:after
{
    width: 0;
    height: 0;
    border: 6px solid transparent;
    margin-left: -6px;
}
#thumbnails .swiper-container .swiper-button-prev:after
{
    border-bottom-color: #aaa;
    margin-bottom: -2px;
    top: auto;
    bottom: 50%;
}
#thumbnails .swiper-container .swiper-button-next:after
{
    border-top-color: #aaa;
    margin-top: -2px;
}
#thumbnails .swiper-container .swiper-button-prev
{
    top: 0;
}
#thumbnails .swiper-container .swiper-button-next
{
    bottom: 0;
}
#thumbnails .swiper-slide
{
    width:50%;
    padding:0.5em;
    position: relative;
    opacity:0.3;
    -webkit-transition: opacity 300ms ease-in-out;
    -khtml-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}
#thumbnails .swiper-slide:hover,
#thumbnails .swiper-slide:focus,
#thumbnails .swiper-slide.active
{
    opacity:1;
}
#thumbnails .swiper-slide img
{
    box-shadow: 0px 1px 5px #444;
}
#thumbnails .swiper-slide .swiper-lazy-preloader:before,
#thumbnails .swiper-slide .swiper-lazy-preloader:after
{
    width:30px;
    height:30px;
    margin-top: -18px;
    margin-left: -18px;
    border-width:2px;
}
/* @blog */
#recent-posts
{
    position: absolute;
    top: 20.5em;
    left: 0;
    width: 100%;
    border-bottom:0;
}
.blog-post-layout:after
{
    content: '';
    display: table;
    clear: both;
}
.blog-post-layout .blog-post-date
{
    padding-right: 0;
}
.blog-post-layout .blog-post-main
{
    float:right;
}
.blog-post-layout .blog-post-aside
{
    float:left;
    padding-right: 0;
}
.blog-post .share-links a
{
    height: 1.2rem;
    padding-right: 0;
}
.blog-post .share-links a span
{
    display: none;
}
.blog-post .bp3-4of5
{
    width: 85%;
}
.blog-post .bp3-1of5
{
    width: 15%;
}
/* @components */
/* @banner  image */
.component-banner-image .hero-text
{
    left: auto;
    max-width: calc(100% - 6em);
}
/* @images */
.component-jumbo-image,
.component-jumbo-image-clickable {
    max-width: 90%;
}
/* /components */
/* @breakpoint */
/* ----------------- */
/* @helpers */
.bp3-auto
{
    width:auto;
}
.bp3-1of1
{
    width:100%;
}
.bp3-1of2
{
    width:50%;
}
.bp3-1of3
{
    width:33.333334%;
}
.bp3-2of3
{
    width:66.666667%;
}
.bp3-1of4
{
    width:25%;
}
.bp3-3of4
{
    width:75%;
}
.bp3-1of5
{
    width:20%;
}
.bp3-2of5
{
    width:40%;
}
.bp3-3of5
{
    width:60%;
}
.bp3-4of5
{
    width:80%;
}
/* @extend */
/* @override */