/*===============
COLORS
=================
black
    color:#000;
    color:rgb(0,0,0);
=================
TABLE OF CONTENTS
=================
Prefix your search term with "@" to jump to that section. Eg: to jump to the footer styles, search for "@footer"
layout resets and global defaults
-----------------
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
components
- curly bracket
header
- navigation
- logo
content
folds
- contact
footer
- social
- subscribe
pages
-----------------
header
- blocks
shift
blog header
blog entry
email to a friend
other
-----------------
progressive enhacement
debug
===============*/
/* @layout resets and global defaults */
*
{
    padding:0;
    border:0;
}
html,
body
{
    height:100%;
    -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;
    background-color:#fff;
    font-family:sans-serif;
}
.dcl-edit #page
{
}
#page
{
    min-height:100%;
    position:relative;
    -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;
}
.wrapper
{
    text-align:left;
/*    max-width:960px;*/
    max-width:72em; /* 12 x 6em */
    padding-left:1.5em;
    padding-right:1.5em;
    margin:0 auto;
    position:relative;
}
/* @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.5em;
    padding-right:0.5em;
}
/* 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-000 /* decal: #000 */
{
    color:#000 !important;
}
/* peppermint */
*.color-c1dea0 /* decal: #c1dea0 */
{
    color:#c1dea0 !important;
}
/* watermelon */
*.color-de4c59 /* decal: #de4c59 */
{
    color:#de4c59 !important;
}
/* dark gray */
*.color-4e4f54 /* decal: #4e4f54 */
{
    color:#4e4f54 !important;
}
/* light gray */
*.color-dedede /* decal: #dedede */
{
    color:#dedede !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-top /* decal: Section Break Top */
{
    margin-top:30px !important;
    border-top:1px solid #000;
    padding-top:30px !important;
}
*.section-break-bottom /* decal: Section Break Bottom */
{
    padding-bottom:30px !important;
    border-bottom:1px solid #000;
    margin-bottom:30px !important;
}
/* @fluid width images and objects */
img,
.ie8 object,
html>/**/body object,
.ie8 iframe,
html>/**/body iframe
{
    max-width:100%;
}
html>/**/body 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);
}
/* @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.swiper-lazy-loaded
{
    opacity: 1;
    min-height:0;
}
.loading
{
    background-color:#eee;
    -webkit-transition: background-color 600ms ease-out;
    -moz-transition: background-color 600ms ease-out;
    -ms-transition: background-color 600ms ease-out;
    -o-transition: background-color 600ms ease-out;
    transition: background-color 600ms ease-out;
    position: relative;
}
.loading-done
{
    background-color:transparent;
}
/* @loading animation */
/*
@-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:before,
.loading:after
{
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top:-30px;
    margin-left:-30px;
    border-radius: 110%;
    -webkit-transition: opacity .25s linear,visibility .25s linear;
    -khtml-transition: opacity .25s linear,visibility .25s linear;
    -moz-transition: opacity .25s linear,visibility .25s linear;
    -ms-transition: opacity .25s linear,visibility .25s linear;
    transition: opacity .25s linear,visibility .25s linear;
}
.loading:before
{
    border:5px solid rgba(0,0,0,.25);
}
.loading: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;
    border-top-color: #000;
}
.loading-done:before,
.loading-done:after
{
    visibility:hidden;
    opacity: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
{
}
/* @fonts */ 
/* font icons */
@font-face
{
    font-family: 'veriditas-icons';
    src: url('fonts/veriditas-icons.eot?48678605');
    src: url('fonts/veriditas-icons.eot?48678605#iefix') format('embedded-opentype'),
         url('fonts/veriditas-icons.woff?48678605') format('woff'),
         url('fonts/veriditas-icons.ttf?48678605') format('truetype'),
         url('fonts/veriditas-icons.svg?48678605#veriditas-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: inherit;
}
/* copy */
@font-face
{
    font-family: 'ITCFranklinGothicStd-Book';
    src:url('fonts/ITCFranklinGothicStd-Book.eot?#iefix') format('embedded-opentype'), 
        url('fonts/ITCFranklinGothicStd-Book.otf')  format('opentype'),
        url('fonts/ITCFranklinGothicStd-Book.woff') format('woff'),
        url('fonts/ITCFranklinGothicStd-Book.ttf')  format('truetype'),
        url('fonts/ITCFranklinGothicStd-Book.svg#ITCFranklinGothicStd-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* headings */
@font-face
{
    font-family: 'ITCFranklinGothicStd-DmCd';
    src:url('fonts/ITCFranklinGothicStd-DmCd.eot?#iefix') format('embedded-opentype'), 
        url('fonts/ITCFranklinGothicStd-DmCd.otf')  format('opentype'),
        url('fonts/ITCFranklinGothicStd-DmCd.woff') format('woff'),
        url('fonts/ITCFranklinGothicStd-DmCd.ttf')  format('truetype'),
        url('fonts/ITCFranklinGothicStd-DmCd.svg#ITCFranklinGothicStd-DmCd') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'ITCFranklinGothicStd-DmCp';
    src:url('fonts/ITCFranklinGothicStd-DmCp.eot?#iefix') format('embedded-opentype'), 
        url('fonts/ITCFranklinGothicStd-DmCp.otf')  format('opentype'),
        url('fonts/ITCFranklinGothicStd-DmCp.woff') format('woff'),
        url('fonts/ITCFranklinGothicStd-DmCp.ttf')  format('truetype'),
        url('fonts/ITCFranklinGothicStd-DmCp.svg#ITCFranklinGothicStd-DmCp') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* @font defaults */
div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li,
form, label, input, textarea, select
{
    font-family: 'ITCFranklinGothicStd-Book',sans-serif;
}
/* @headings */
h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'ITCFranklinGothicStd-DmCd';
    margin-top:0;
    margin-bottom:1em;
    line-height:1.2em;
    font-weight:normal;
    text-align: left;
}
h1
{
    font-size:2em;
    padding-bottom:0.4em;
}
h2
{
    font-family: 'ITCFranklinGothicStd-DmCp';
    font-size:1.3em;
}
h3
{
}
h4
{
    color:#4e4f54;
    font-family:"Gotham-Bold";
    text-transform:none;
    font-style:italic;
}
h5
{
    color:#4e4f54;
    text-transform:none;
    font-family:"Gotham-Book";
    font-size:0.8em;
    margin-bottom:1.2em;
    letter-spacing: 0.1em;
}
/*
h6
{
}
*/
/* @paragraphs & lists */
p,
ul,
ol,
.rr-obj-live
{
    line-height:1.4em;
    margin-top:0;
    margin-bottom:1em;
    font-size:1em;
}
p
{
    text-align:left;
}
/* @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
{
    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
{
    text-decoration: none;
}
.rr-obj-live
{
    margin-bottom:0;
}
/* @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;
}
/* /reset list styles */
/* @forms */
label
{
    display:block;
}
label,
.label
{
    margin-top:1.2em;
    margin-bottom:0.2em;
    font-weight:bold;
    text-align:left;
    font-size:1em;
    color:#000;
}
input,
textarea,
.textarea
{
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid #000;
    padding:0.5em;
    font-size:1.2em;
    width:100%;
    color:#666;
    text-align: left;
}
input:focus,
textarea:focus
{
    border-color:#c1dea0;
}
textarea
{
    min-height:8em;
    resize: vertical;
}
input[type="submit"]
{
    font-size:1em;
    padding:1.5em;
    background-color:#000;
    color:#fff;
    text-align:center;
    max-width:20em;
    margin:0 auto;
    margin-top:2em;
}
/* @tables */
table
{
    border-collapse:collapse;
    width:100%;
    margin-bottom:1.5em;
}
table td
{
    padding:0.5em;
    border:1px solid #ccc;
    background:#fff;
    vertical-align:top;
}
table td p
{
    margin-bottom:0;
}
/* /tables */
/* @anchors */
a,
a:visited
{
    -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; 
    color:#000;
}
a:hover,
a:focus
{
    outline:none;
    text-decoration:none;
    opacity:0.5;
}
.ie6and7 a
{
    zoom:1;
}
/* @components */
/* @scroll down */
.scroll-down
{
    position: absolute;
    bottom:1.5em;
    width:100%;
    z-index:10;
    left:1em;
    font-family: 'ITCFranklinGothicStd-DmCp';
    text-transform:uppercase;
    text-align:center;
    text-indent:25%;
}
.fold .scroll-down
{
    left:0;
}
.scroll-down-link
{
    font-size:1.3em;
    text-decoration: none;
}
/* @curly bracket */
.curly-bracket
{
    max-width:21em;
}
.curly-bracket-content
{
    height:8em;
    padding-left:3em;
    background:transparent url(../img/curly-bracket.svg) scroll no-repeat 0 50%;
    background-size: contain;
}
.curly-bracket p
{
    font-size:1.3em;
    line-height: 1.2em;
    font-family: 'ITCFranklinGothicStd-DmCp';
    position: relative;
    top:0.1em;
}
.curly-bracket p:last-child
{
    margin-bottom: 0;
}
/* @brand */
.brand
{
    text-align: right;
    max-width:42em;
    margin-left:1em;
    margin-top:4em;
    margin-bottom:10em;
    margin-right:1em;
}
.brand-animated
{
    position: relative;
}
.brand img
{
    margin-left:auto;
    display: block;
}
.brand img.brand-logo
{
    width:70.3%;
}
.brand img.brand-tagline
{
    width:100%;
}
.brand-animated img
{
    -webkit-transition: opacity 200ms ease-in, visibility 200ms ease-in;
    -khtml-transition: opacity 200ms ease-in, visibility 200ms ease-in;
    -moz-transition: opacity 200ms ease-in, visibility 200ms ease-in;
    -ms-transition: opacity 200ms ease-in, visibility 200ms ease-in;
    transition: opacity 200ms ease-in, visibility 200ms ease-in;
}
.brand-animated img.brand-logo
{
    opacity:1;
    position: absolute;
    right:0;
    bottom:0;
}
.show-tagline img.brand-tagline
{
    opacity:1;
}
.show-tagline img.brand-logo
{
    opacity:0;
}
/* @copy */
.fold-media .copy
{
    max-width:36em;
    padding-bottom:0.5em;
}
/* @media */
.fold-media .media
{
    text-align:left;
    max-width:36em;
}
/* @video */
.fold-media .video
{
    position: relative;
    border:5px solid #000;
}
.video:after
{
    content: "";
    padding-top:56.25%;
    padding-bottom:10px; /* account for 5px border */
    display: block;
    background-color:#eee;
}
.video iframe,
.video p
{
    text-align:center;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.dcl-edit .video p
{
    line-height: 20em;
}
.dcl-edit .video p.rr-add-content
{
    z-index: 5;
}
.dcl-edit .video img.rr-obj-placeholder
{
    height:100% !important;
}
/* @carousels */
.dcl-view .carousel
{
    position: relative;
}
.dcl-local .carousel:after
{
    content: '';
    display: block;
    padding-top:56.25%;
}
.dcl-view .carousel .swiper-container
{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.dcl-edit .swiper-container
{
    overflow: visible;
}
.dcl-edit .swiper-wrapper,
.dcl-edit .swiper-slide
{
    display: block;
    height: auto;
}
.dcl-edit .swiper-button,
.dcl-edit .swiper-lazy-preloader
{
    display:none;
}
.touch-true .swiper-button
{
    display:none;
}
/* @top-carousel  */
/* @bottom-carousel */
.touch-false .bottom-carousel .swiper-wrapper:hover
{
/*    opacity:0.5;*/
    cursor:pointer;
}
.bottom-carousel .swiper-button
{
    font-size:2em;
    color:#fff;
}
.bottom-carousel .swiper-button-prev:after,
.bottom-carousel .swiper-button-next:after
{
    z-index: 0;
    color: #000;
    -webkit-text-fill-color: #000;
    -webkit-text-stroke: 3px #000;
}
/* @justify experiment
 * contender for v4.1 */
.sl-justify
{
    text-align: justify;
}
/* acccount for the height of the :after element
 * only a problem on a live Decal site
 * has something to do with whitespace at the end of the </ul> */
.sl-justify > li
{
    margin-bottom:-1.3em;
}
/* revert the above for local dev */
.dcl-local .sl-just > li
{
    margin-bottom:0;
}
.sl-justify:after
{
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    line-height: 0;
    visibility: hidden;
    overflow:hidden;
}
/* @navigation */
#nav-wrap
{
    position: relative;
}
#nav
{
    position:fixed;
    z-index:5;
    top:0;
    left:0;
    width:100%;
/*    account for border on #content */
    padding-left:10px;
    padding-right:10px;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.dcl-edit #nav
{
    background-color:#fff;
}
.nav-up #nav
{
    z-index:10;
}
.nav-show #nav-wrap
{
    position: relative;
    background-color:#fff;
}
#nav #logo
{
    visibility: hidden;
    opacity:0;
    position: absolute;
    left:0;
    top:2%;
    width:24%;
    max-width:14em;
}
#nav #logo,
#nav #nav-1
{
    vertical-align: middle;
    -webkit-transition: opacity 200ms ease-in, visibility 200ms ease-in;
    -khtml-transition: opacity 200ms ease-in, visibility 200ms ease-in;
    -moz-transition: opacity 200ms ease-in, visibility 200ms ease-in;
    -ms-transition: opacity 200ms ease-in, visibility 200ms ease-in;
    transition: opacity 200ms ease-in, visibility 200ms ease-in;
}
.nav-show #nav #logo,
.nav-show #nav #nav-1
{
    visibility: visible;
    opacity:1;
}
.nav-hide #nav #nav-1
.nav-hide #nav #logo,
.nav-hide #nav #nav-1
{
    visibility: hidden;
    opacity: 0;
}
.nav-list li
{
    width:auto;
    position: relative;
    list-style:none;
}
.nav-list li:after
{
    content:'';
    display: block;
/*    height:0.2em;*/
/*    width:0.4em;*/
/* em units don't work for nested elements */
    height:2px;
    width:6px;
    background-color: black;
    position:absolute;
    left:0;
    bottom:0.5em;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in, visibility 200ms ease-in;
    -khtml-transition: opacity 200ms ease-in, visibility 200ms ease-in;
    -moz-transition: opacity 200ms ease-in, visibility 200ms ease-in;
    -ms-transition: opacity 200ms ease-in, visibility 200ms ease-in;
    transition: opacity 200ms ease-in, visibility 200ms ease-in;
}
.nav-list li.current:after
{
    visibility: visible;
    opacity: 1;
}
.nav-list li a
{
    font-family: 'ITCFranklinGothicStd-DmCp';
    text-transform: uppercase;
    display: block;
	text-decoration:none;
    font-size:1.3em;
    padding-top:3.2em;
    padding-bottom:0.5em;
}
/* @sub nav */
.nav-list li ul
{
    position:absolute;
    top:98%;
    left:0;
    width:100%;
    background-color: #fff;
    padding-left:1em;
    padding-right:1em;
    margin:0 -1em;
    z-index:1;
    -webkit-transition: opacity 200ms ease-in, visibility 200ms ease-in;
    -khtml-transition: opacity 200ms ease-in, visibility 200ms ease-in;
    -moz-transition: opacity 200ms ease-in, visibility 200ms ease-in;
    -ms-transition: opacity 200ms ease-in, visibility 200ms ease-in;
    transition: opacity 200ms ease-in, visibility 200ms ease-in;
    opacity: 0;
    visibility: hidden;
}
.nav-list li:hover ul
{
    opacity: 1;
    visibility: visible;
}
.nav-list li li
{
    display: block;
    margin-bottom:0;
}
.nav-list li li a
{
    padding-top:0.5em;
}
/* @logo */
#logo
{
    padding-top:1em;
}
#logo-link
{
    display: block;
}
/* /logo */
/* @header */
#header
{
    position: fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:1;
    padding-bottom:10px;
/*    account for border on #content */
    padding-left:10px;
    padding-right:10px;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
#header .wrapper
{
    height:100%;
    position: relative;
}
.dcl-edit #header
{
    position: static;
}
#home
{
    height:100vh;
}
.dcl-edit #home
{
    display: none;
}
/* @content */
#content
{
    position:relative;
    z-index:5;
    margin-top:-10px;
    min-height:100vh;
    border:10px solid #000;
    background-color:#fff;
}
#content:after,
#lightbox:after
{
    content:"";
    width:68px;
    height:11px;
    background:transparent url(../img/hyphen-motif.gif) scroll no-repeat 0 0;
    background-size:68px;
    position: absolute;
    bottom: -10px;
    right: 0;
}
#content .wrapper
{
    min-height:100%;
}
/* @folds */
.fold
{
    min-height: 100%;
    position: relative;
}
.fold:after
{
    height:100vh;
}
.fold-wrap
{
    padding-top:8em;
    padding-bottom:6em;
    text-align:center;
}
.fold-media .bottom-carousel,
.fold-media .curly-bracket
{
    vertical-align: middle;
    margin-top:1.5em;
}
.fold-media .curly-bracket
{
    padding-left:0.75em;
    margin-right:-3em;
}
/* @splash */
.fold-splash .curly-bracket
{
    width:auto;
}
.fold-splash .fold-wrap
{
    text-align:right;
}
/* @about */
#about
{
}
/* @featured */
/*
#swiper-featured-nav
{
    position: absolute;
    top:2em;
    left:0;
    width:100%;
    -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;
    opacity: 0;
    visibility: hidden;;
}
.current #swiper-featured-nav
{
    opacity: 1;
    visibility: visible;
}
#swiper-featured-nav .swiper-button
{
    opacity: 1;
    visibility: visible;
    position: static;
    width:50%;
    font-size:2em;
    height:0.7em;
}
#swiper-featured-nav .swiper-button:hover
{
    opacity:0.5em;
}
*/
#featured > .swiper-button
{
    opacity:1;
    visibility: visible;
    font-size: 4em;
}
.dcl-edit #featured-area [tags="p,img"]
{
    background-color: #eee;
    min-height: 4em;
}
.dcl-edit #featured-area [tags="p,img"]:-moz-only-whitespace::after,
.dcl-edit #featured-area [tags="p,img"]:empty::after
{
    content: 'Click here to add images';
    display: block;
}
.dcl-edit h2[data-dcl]
{
    position: absolute;
    top: 2em;
    left: -1em;
    padding: 1em 1em 0.7em;
    outline: 1px solid red;
}
.dcl-edit #featured-area .media .carousel .swiper-wrapper p
{
    margin-bottom: 0;
}
/* @contact */
#contact
{
    height:calc(100vh - 10px);
    min-height:0;
}
#contact .curly-bracket a
{
    text-decoration:none;
}
/* @footer */
#footer
{
    display:none;
}
/* @social  */
#social-links
{
    text-align:center;
}
.social-links li
{
    width:auto;
}
.social-links a
{
    display:block;
    font-size:2.4em;
    width:1em;
    height:1em;
    line-height:1em;
    position:relative;
    text-decoration: none;
    text-indent:-999em;
    margin-right:0.5em;
}
.social-links a:before
{
    text-indent:0;
    width:100%;
    height:100%;
    font-size:50%;
    font-family:'veriditas-icons';
    font-style: normal;
    font-weight: normal;
    position: absolute;
    top:0;
    left: 0;
/*    color:#dedede;*/
    color:#fff;
    text-align:center;
    background-color:#000;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.social-links .fb a:before
{
    content: "\e803"; 
}
.social-links .tw a:before
{
    content: "\e806";
}
.social-links .ig a:before
{
    content: "\e804";
}
.social-links .li a:before
{
    content: "\e805";
}
.social-links .yt a:before
{
    content: "\e807";
}
.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: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;
    background:#fff;
    text-align:center;
/*    padding:3em;*/
    border:10px solid #000;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -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;
}
#lightbox.visible
{
    visibility: visible;
    opacity: 1;
}
#lightbox-content
{
/*    max-width:100%;*/
    max-width:920px; /* set to max width of image assets */
/*    max-height:100%;*/
    height:100%;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
/*    border:5px solid #000;*/
}
#lightbox-close
{
    position: absolute;
    top:0;
    right:3em;
    z-index:10;
}
#lightbox-close-link
{
    display:block;
    text-align:right;
    font-family: 'ITCFranklinGothicStd-DmCp';
    text-transform:uppercase;
    text-decoration:none;
    font-size:1.3em;
    line-height:2.6em;
    /* make it easier to tap */
    padding-left:2em;
    padding-right:2em;
    margin-right:-2em;
}
#lightbox .swiper-container
{
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    height:100%;
    padding:3em;
}
.swiper-container .swiper-slide
{
    background-color:#fff;
    text-align: center;
}
.swiper-button
{
    -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;
    opacity:0;
    visibility: hidden;
    background-image:none;
    font-size:3em;
    font-family: 'ITCFranklinGothicStd-DmCp';
    text-align:left;
    left:0;
    /* normalise */
    margin-top:0;
    line-height:1em;
    height: auto;
    width:0.5em;
}
.swiper-button-disabled
{
    opacity: 0 !important;
    visibility: hidden !important;
}
.swiper-container .swiper-button
{
    line-height:2.3em;
    height:2em;
    padding:0.25em;
    margin-top:-1.25em;
}
.swiper-container:hover > .swiper-button
{
    opacity:1;
    visibility: visible;
}
.swiper-container .swiper-button:hover
{
    opacity:0.5;
}
.swiper-button-prev:before,
.swiper-button-prev:after,
.swiper-button-next:before,
.swiper-button-next:after
{
    display: block;
    position: absolute;
    width:0.5em;
    height:0.5em;
    top:50%;
    left:50%;
    margin-top:-0.25em;
    margin-left:-0.25em;
    line-height: 1em;
    z-index: 1;
}
.swiper-button-prev:before,
.swiper-button-prev:after
{
    content:'\003c';
}
.swiper-button-next:before,
.swiper-button-next:after
{
    content:'\003e';
}
.swiper-button-prev:after,
.swiper-button-next:after
{
    z-index: 0;
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 3px #fff;
}
.swiper-button-next
{
    text-align:right;
    left:auto;
    right:0;
}
.swiper-container > .swiper-wrapper > .swiper-slide > img
{
    max-height:100%;
    width:auto;
}
/* @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;*/
}