/*===============
COLORS
=================
light gray
    color:#eee;

kingfisher
    color:#1baac1;
    color:rgb(27,170,193);
kingfisher 10%
    color:#e8f6f9;
kingfisher 50%
    color:#8dd4e0;

kingfisher deep
    color:#137585;
    color:rgb(19,117,133);

watermelon
    color:#de4c59;
    color:rgb(222,76,89);
watermelon 50%
    color:#eea5ac;
watermelon 10%
    color:#fcedee;

=================
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
- read more links

header
- navigation
- logo

content
- highlight
- section background
- feature
- facebook like wrap
- hide #contact section

pages
-----------------
home
- instagram
- promo text
- connect
- feature link
- feature media
- talent cta
- about
- latest-blog
- media
- clients

talent
- talent home
- talent entry
- blog & talent
- homepage & archive
- entry
- nav
- gigs

notebooks
- notebook content

instagram authorization
- wrapper
- auth success/error messages
- auth app name & info
- auth button

other
-----------------
progressive enhancement
debug
lazy background images
transitions

===============*/



/* @layout resets and global defaults */
*
{
    padding:0;
    border:0;
}
html,
body
{
    height:100%;
}
body
{
    margin:0;
    text-align:center;
    font-size:100%;
    color:#333;
    background-color:#fff;
}
#page
{
    padding-top:50px;
    font-size:87.5%; /* default font size 14px */
}
.wrapper
{
    text-align:left;
    max-width:810px;
    padding-left:1em;
    padding-right:1em;
    margin:0 auto;
    position:relative;
}
.section,
.nav-section
{
    margin-bottom:3em;
}

/* @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 */
/* kingfisher */
*.color-1db9d2 /* decal: #1db9d2 */
{
    color:#1baac1 !important;
}
/* watermelon */
*.color-de4c59 /* decal: #de4c59 */
{
    color:#de4c59;
}
/* light gray */
*.color-eee /* decal: #eee */
{
    color:#eee !important;
}

/* @decal custom styles */
p.quote,
p.quote-credit
{
    letter-spacing:0.05em;
}
p.quote /* decal: Quote */
{
    color:#999999;
    font-family:'texgyreadventoritalic';
    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:-1.5em;
}
p.quote:before
{
    font-family:sans-serif;
    text-indent:-0.03em;
    width:0.33em;
    line-height:0;
    display:block;
    position:absolute;
    left:0;
    top:0.37em;
    font-size:5em;
    content:"\201C";
    opacity:0.2;
}
p.quote-credit:before
{
    content:"\2014";
    margin-left:1em;
    margin-right:0.5em;
}

*.section-break-top /* decal: Section Break Top */
{
    margin-top:1.5em !important;
    border-top:3px solid #eee;
    padding-top:1.5em !important;
}
*.section-break-bottom /* decal: Section Break Bottom */
{
    padding-bottom:1.5em !important;
    border-bottom:3px solid #eee;
    margin-bottom:1.5em !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
{
    opacity: 1;
    min-height:0;
}

.img-parent,
#talent-entry-list .talent-entry-image .img-parent:before
{
    background-image:url(../img/ajax-loader.gif);
    background-size:33px 33px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: background 0s;
    -moz-transition: background 0s;
    -ms-transition: background 0s;
    -o-transition: background 0s;
    transition: background 0s;
}
.highlight .img-parent
{
    background-image:url(../img/ajax-loader_highlight.gif);
}
.talent .highlight .img-parent
{
    background-image:url(../img/ajax-loader_highlight-talent.gif);
}
.loading-done,
#talent-entry-list .talent-entry-image .img-parent,
#talent-entry-list .talent-entry-image .loading-done:before
{
    background-image:none !important;
}

/* @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 */
/* embed font icons */
@font-face {
     font-family: 'FontAwesome';
     src: url('fonts/fontawesome-webfont.eot?v=4.4.0');
     src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),
          url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),
          url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),
          url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),
          url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'texgyreadventorregular';
    src: url('fonts/texgyreadventor-regular-webfont.eot');
    src: url('fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texgyreadventorbold';
    src: url('fonts/texgyreadventor-bold-webfont.eot');
    src: url('fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-bold-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texgyreadventoritalic';
    src: url('fonts/texgyreadventor-italic-webfont.eot');
    src: url('fonts/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-italic-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texgyreadventorbold_italic';
    src: url('fonts/texgyreadventor-bolditalic-webfont.eot');
    src: url('fonts/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-bolditalic-webfont.svg#texgyreadventorbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* @font defaults */
div,
input
{
    font-family: 'texgyreadventorregular',sans-serif;
}
strong
{
    font-weight:normal;
    font-family: 'texgyreadventorbold';
    letter-spacing:0.05em;
}
em
{
    font-style: normal;
    font-family: 'texgyreadventoritalic';
}
em strong,
strong em
{
    font-family: 'texgyreadventorbold_italic';
}

/* @headings */
h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'texgyreadventorbold',sans-serif;
    margin-top:0px;
    margin-bottom:0.5em;
    line-height:1.2em;
    font-weight:normal;
    letter-spacing:0.05em;
    font-size:1.1em;
    text-transform:uppercase;
}
h1
{
    font-size:1.5em;
}
h2
{
    text-align:left;
    font-size:1.5em;
    padding-bottom:0.7em;
    margin-bottom:0.7em;
    color:#1baac1;
    border-bottom:3px solid #1baac1;
}
h2.no-rule
{
    border-bottom:0;
    margin-bottom:0;
}

.talent h2
{
    color:#de4c59;
    border-bottom-color:#de4c59;
}
h3
{
    text-align: left;
    letter-spacing: 0.1em;
    border-top:3px solid #1baac1;
    padding-top:1em;
    padding-bottom:1em;
    margin-bottom:0;
    clear:both;
}
h3.no-rule
{
    border-top:0;
    padding-top:0;
}
.talent h3
{
    border-top-color:#de4c59;
}
h4
{
    font-family: 'texgyreadventorregular';
    margin-bottom:1em;
}
/*
h5
{
    font-size:1.7em;
}
h6
{
    font-size:1.3em;
}
*/

/* @paragraphs & lists */
p,
ul,
ol,
.rr-obj-live
{
    font-family: 'texgyreadventorregular',sans-serif;
    line-height:1.4em;
    margin-top:0;
    margin-bottom:1em;
    font-size:1em;
}
.rr-obj-live
{
    margin-bottom:0;
}
ul
{
    list-style-type:disc;
    padding-left:30px;
}
ol
{
    margin-left:30px;
}
ul ul,
ul ol,
ol ol,
ol ul
{
    margin-top:0.7em;
    margin-bottom:0.7em;
    font-size:1em;
}
ul li,
ol li
{
    margin-bottom:0.2em;
    font-family: 'texgyreadventorregular',sans-serif;
}

/* @reset list styles */

/* @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;
}

/* @anchors */
a,
a:visited
{
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    color:#1baac1;
}
.talent a,
.talent a:visited
{
    color:#de4c59;
}
a:hover,
a:focus
{
    outline:none;
    text-decoration:none;
    opacity:0.5;
}
.ie6and7 a
{
    zoom:1;
}

/* @read more */
.read-more
{
    text-align:right;
    margin-bottom:0;
}
a.read-more-link
{
    display:inline-block;
    text-decoration:none;
    color: #fff;
    background-color: #1baac1;
    padding: 0.3em 0.6em;
    padding-bottom: 0.4em;
}
a.read-more-link:after
{
    font-family:FontAwesome;
    content:" \f0a9";
    margin-left:0.3em;
}


/* @header */

/* FB like */
#navigation #nav-2 .fb-like
{
    margin-left:0.7em;
}

/* @navigation */
.dcl-edit #navigation
{
    padding-top:40px;
}
#navigation
{
    position:fixed;
    left:0;
    top:0;
    z-index:10;
    text-align:center;
    width:100%;
    min-height:50px;
    background-color:rgb(239,239,239);
    background-color:rgba(239,239,239,0.95);
    border-bottom:10px solid #137585;

    /* trying to stop flicker on scroll in Chrome */
    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);
    -webkit-transform: translate3d(0,0,0);
}
.dcl-view #navigation
{
    z-index:99999; /* sit on top of iscroll scrollbar */
}
.talent #navigation
{
    border-bottom-color:#de4c59;
}
.ie6 #navigation
{
    position:static;
    height:auto;
}
#navigation #nav-wrap
{
    position:relative;
    padding-left:60px;
    padding-right:40px;
}

#logo
{
    position:relative;
    height:40px;
    width:40px;
    margin:5px 20px 0 -60px;
}
#logo img
{
    display:block;
}
#logo #logo-text
{
    display:none; /* override */
}

#navigation .nav
{
    text-align:right;
}
#navigation #nav-1
{
    padding-top:5px;
    padding-left:20px;
}
#navigation #nav-2
{
    margin-right:0;
    margin-bottom:5px;
}
#navigation .nav-collapse #logo
{
    margin-bottom:5px;
}
#navigation .nav-collapse #nav-2
{
    display:none;
}
#navigation .nav-expand #nav-2
{
    border-top:3px solid #333;
}
#navigation .nav li
{
    width:100%;
    vertical-align:top;
    display:none;
    position:relative;
}
#navigation #nav-2 li
{
    vertical-align:middle;
}
#navigation .nav-expand li,
#navigation .nav-collapse li.current
{
    display:inline-block;
}
#navigation .nav-expand li
{
    width:auto;
}
#navigation .nav-collapse li.current a
{
    text-align:right;
}
#navigation .nav li a
{
    line-height:1.5em;
    padding:0.7em;
    letter-spacing:0.15em;
}

/* @nav-switch */
#navigation #nav-switch,
#navigation #nav-external
{
    position:absolute;
    top:5px;
    width:auto;
    right:-10px;
}
#navigation #nav-switch
{
    display:block !important;
}
#navigation #nav-switch a,
#navigation #nav-external a
{
    font-size:1.8em;
    width:25px;
    height:20px;
    padding:10px;
    text-align:right;
/*    line-height:20px;*/
    line-height:16px;
    letter-spacing:0;
}
#nav-switch a:after
{
    font-family: FontAwesome;
    content:"\f0c9";
}
.nav-expand #nav-switch a:after
{
    content:"\f077";
}
#nav-external a:hover,
#nav-external a
{
    cursor:default;
    opacity:1;
    color:#ccc;
}
#nav-external a:after
{
    font-family: FontAwesome;
    content:"\f064";
}

/* hide nav external */
#nav-external
{
    display:none !important;
}



/* @logo */
#logo
{
    text-align:center;
}
#logo a
{
    opacity:1;
    text-decoration:none;
    display:inline-block;
}
#logo #logo-text
{
    color:#000;
/*     letter-spacing:0.35em; */
    letter-spacing:0.15em;
    margin-bottom:0;
    text-align:center;
}
#logo #logo-image
{
    width:125px;
}
#logo a
{
    display:block;
    width:40px;
    height:40px;
    position:absolute;
    top:0;
    left:0;
}


.nav li a
{
    font-size:1em;
    display:block;
	text-decoration:none;
    line-height:1.4em;
    padding:10px 1em;
    color:#333 !important;
    text-transform:uppercase;
    font-family: texgyreadventorbold;
    letter-spacing:0.3em;
    text-align:center;
}
.nav li a:hover,
.nav li.current a
{
    opacity:0.4;
}



/* @header */
#header
{
    overflow:hidden;
    background-color: #eee;
}
.dcl-edit #header {
    min-height: 540px;
}

/* @connect */

#connect .comp
{
    margin-bottom:1em;
}

#social
{
    padding-bottom:2px;
}
#social li
{
    width:auto;
}
#social a
{
    display:block;
    width:2.8em;
    height:2.8em;
    line-height:2.8em;
    position:relative;
    text-decoration: none;
    text-indent:-999em;
    margin-right:0.5em;
    margin-bottom:0.5em;
}
#social a:before
{
    text-indent:0;
    width:100%;
    height:100%;
    font-size:1.4em;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    top:0;
    left: 0;
    color:#fff;
    text-align:center;
    background-color:#1baac1;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.talent #social a:before
{
    background-color:#de4c59;
}
.dcl-edit #social a[data-dcl-saved="1"]:after
{
    content: 'saved';
    display: block;
    background-color:#fff;
    width: 4em;
    text-indent: 0;
    font-size: 0.8em;
    line-height:1em;
    position: absolute;
    bottom: -0.3em;
    left: 50%;
    margin-left: -2em;
    text-align:center;
}
#social #fb a:before
{
    content: "\f09a";
}
#social #tw a:before
{
    content: "\f099";
}
#social #ig a:before
{
    content: "\f16d";
}
#social #pn a:before
{
    content: "\f231";
}
#social #sc a:before
{
    content: "\f1be";
}
#social #yt a:before
{
    content: "\f16a";
}
#social #ws a:before
{
    content: "\f0c1";
}

/* subscribe */
#mc_embed_signup:before
{
    display:block;
    position:absolute;
    top:0;
    right:0;
    font-family: FontAwesome;
    content: "\f003";
    text-indent:0;
    width:2.8em;
    height:2.8em;
    line-height:2.8em;
    font-style: normal;
    font-weight: normal;
    text-align:center;
    color:#fff;
    background-color:#1db9d2;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
#mc_embed_signup
{
    background-color:transparent !important;
    position:relative;
}
#mc_embed_signup form
{
    padding-right:3.3em;
}
#mc_embed_signup label
{
    font-size: 1.1em;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 0;
    display:block;
}
#mc_embed_signup input
{
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0.5em;
    line-height:1.7em;
    font-size:1em;
}
#mc_embed_signup #mce-EMAIL
{
    border:1px solid #8dd4e0;
    background-color:#e8f6f9;
    width:100%;
}
#mc_embed_signup #mce-EMAIL:focus
{
    background-color: #fff;
}
#mc_embed_signup #mc-embedded-subscribe
{
    text-indent: -999em;
    width:2.8em;
    height:2.8em;
    font-size: 1em;
    color:#fff;
    background-color:transparent;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    cursor:pointer;
    position: absolute;
    top: 0;
    right: 0;
}
#mc_embed_signup #mc-embedded-subscribe:hover
{
    background-color:#fff;
    opacity:0.5;
}

/* @content */
#content
{
    text-align:left;
}
#connect .connect-comp,
#about .about-comp,
#people .people-comp,
#contact .contact-comp
{
    margin-bottom:1.5em;
}
#connect .connect-comp:last-child,
#connect .comp:last-child,
#about .about-comp:last-child,
#people .people-comp:last-child,
#contact .contact-comp:last-child
{
    margin-bottom:0;
}
.people-comp img,
.contact-comp img
{
    display:block;
    margin-bottom:1em;
}

/* @highlight */
.highlight .wrapper,
.highlight-soft .wrapper
{
    padding-top:2em;
    padding-bottom:2em;
}
.highlight .wrapper
{
    background:#137585;
    background:rgba(19,117,133,0.9);
}
.highlight-soft .wrapper
{
    background-color:#e8f6f9;
}
.talent .highlight .wrapper
{
    background:#de4c59;
}
.talent .highlight-soft .wrapper
{
    background-color:#fcedee;
}
.highlight h2,
.highlight h3,
.highlight p,
.highlight dl,
.highlight a,
.highlight a:visited,
.highlight .feature-entry-details,
.highlight-soft .read-more-link
{
    color:#fff;
}
.highlight h2
{
    border-bottom-color:#fff;
}
.highlight h3
{
    border-top-color:#fff;
}
.highlight a.read-more-link
{
    color:#137585;
    background-color:#fff;
}
.talent .highlight a.read-more-link
{
    color:#de4c59;
}
.highlight-soft .feature-entry-details ul
{
    color:#1baac1;
}

/* @section background */
.section-bg
{
    position: relative;
    padding-top:4em;
    padding-bottom:4em;
}
.dcl-edit .section-bg
{
    overflow:hidden;
}
.section-bg .bg-img
{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
}
.dcl-edit .section-bg .bg-img
{
    height:auto;
}
/*
.section-bg-header
{
    padding-bottom:0 !important;
}
.section-bg-link
{
    display:block;
    padding-top:1em !important;
    padding-bottom:2em !important;
    border-bottom:2px dotted #fff;
}
.section-bg-link:after
{
    content: attr(href);
}
.dcl-view .section-bg-link
{
    display:none;
}
*/

/* @feature */
#feature-comps
{
    clear:both;
}
.feature-entry-image
{
    padding-bottom: 1em;
}
.feature-entry-image a,
.feature-entry-image a img
{
    display: block;
}
.feature-entry-content p
{
    padding-bottom:1em;
    margin-bottom:0;
    border-bottom:3px solid #1baac1;
}
.talent .feature-entry-content p
{
    border-bottom-color:#fff;
}
.feature-entry-details
{
    padding-top:1em;
}

/* @facebook like wrap */
.fb-like-wrap
{
    color:#333;
    line-height: 2.8em;
    padding:0.65em;
    background-color:#e8f6f9;
    border: 1px solid #8dd4e0;
    text-align:center;
    overflow:hidden;
}
.dcl-view .fb-like-wrap
{
    min-height:20px;
}
.talent .fb-like-wrap
{
    border-color:#eea5ac;
    background-color:#fcedee;
}
#blog-sidebar .fb-like-wrap {
    padding-top: 1.2em;
}

/* @hack to deal with 'fb:like failed to resize in 45s' bug */
.fb-like span,
.fb-like iframe
{
    min-width: 90px;
    min-height: 20px;
}

/* @hide #contact section */
#contact {
    display: none;
}

/* @pages */

/* @home */

/* @instagram */
.dcl-edit .instagram {
    padding-top: 30px;
}
.dcl-edit h2#insta-count {
    text-align: center;
}
.dcl-view h2#insta-count {
    display: none;
}
.instagram-feed
{
    position:relative;
}
.instagram-photos
{
/* 12 pix */
    width:200%;
    margin-left:-40%;
}
.instagram-photos a
{
    position:absolute;
    top:0;
    left:0;
}
.instagram-photos a,
.instagram-photos img
{
    display:block;
    width:100%;
}
.instagram-photos li
{
    background:transparent url(../img/ajax-loader.gif) scroll no-repeat center center;
    background-size:33px;
    overflow: hidden;

/* 12 pix */
    width:15%;
    position:relative;
    background-size:33px;
}
.js .instagram-photos li:before
{
    content:"";
    display:block;
    width:0;
    height:0;
    margin-top:100%;
}
.js .instagram-photos li a:hover {
    background-color: #eee;
    opacity: 1;
}
.js .instagram-photos li a:hover img {
    opacity: 0.5;
}

/* @promo text */
#promo-text-wrap:after
{
    height:0;
}
#promo-text
{
    background:#1d7a89;
    background:rgba(19,117,133,0.95);
    padding:3em 1em;
    margin-left:-1em;
    margin-right:-1em;
    -webkit-box-sizing:content-box;
    -khtml-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}
#promo-text h1
{
    text-align:center;
    text-transform:uppercase;
    line-height:1.2em;
    margin-bottom:0;
    color:#fff;
    letter-spacing:0.08em;
    word-spacing:0.5em;
    font-size:2.5em;
    position: relative;
    top: -0.1em;
}

/* @feature link */
.feature-link
{
    display: block;
    padding-top: 1em;
    padding-bottom: 1em;
    position: relative;
}
.feature-link:after
{
    content: attr(href);
}

/* @feature media */
.dcl-edit .feature-media:before
{
    content:"Feature Media Embed";
    display: block;
    height:1em;
    position: absolute;
    top:-2em;
    left:1.8em;
    text-transform:uppercase;
    font-family:texgyreadventorbold;
    font-size:1.1em;
    letter-spacing:0.05em;
}
.dcl-view .feature-media .rr-obj-live
{
    background:transparent url(../img/ajax-loader.gif) scroll no-repeat center center;
    background-size:33px;
    position: relative;
}

.dcl-view .feature-media .rr-obj-live:after
{
    content:"";
    display:block;
    padding-top:56.25%;
}
.dcl-view .feature-media .rr-obj-live iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.dcl-view .feature-media .fb-video
{
    position: absolute;
}


/* @home talent cta */
#talent-cta
{
    margin-bottom: 3px;
}
#talent-cta .wrapper
{
    text-align: center;
}
#talent-cta-link
{
    text-decoration: none;
    display:block;
    color:#fff;
    background-color:#de4c59;
    padding:1em 0.5em;
    margin-left:-1em;
    margin-right:-1em;
}
.dcl-edit #talent-cta-link:hover,
.dcl-edit #talent-cta-link:focus
{
    opacity:1;
}
#talent-cta-link .cta-text
{
    font-size:1.5em;
    font-weight:normal;
    text-transform: uppercase;
    letter-spacing:0.05em;
    line-height:1.2em;
    font-family:texgyreadventorbold;
    width:auto;
    vertical-align:middle;
    padding:0.5em 1.5em;
    white-space: nowrap;
}
#talent-cta-link .cta-text:after
{
    font-family:FontAwesome;
    content:" \f0a9";
    margin-left:0.3em;
}
#talent-cta-link .cta-imgs
{
    width:auto;
    vertical-align:middle;
    padding:1em;
}
#talent-cta-link .cta-imgs li
{
    position: relative;
    width:auto;
}
#talent-cta-link .cta-imgs li.img-parent
{
    background-image:url(../img/ajax-loader_highlight-talent.gif);
}
#talent-cta-link .cta-imgs li:after
{
    content: "";
    display: block;
    padding-top: 56.25%;
    width:100px;
}
#talent-cta-link .cta-imgs img
{
    display:block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/* @about */
#about-comps:after
{
    content:"";
    display:table;
    clear:both;
}

/* @talent tags */
#talent-tags-box
{
    display:block;
    background-color:#de4c59;
    padding:1em;
    padding-left:4em;
    margin-left:-2em;
    margin-right:-2em;
    position: relative;
    text-align: center;
}
#talent-tags-box:before
{
    font-family: FontAwesome;
    content:" \f02c";
    display:block;
    line-height: 0;
    width:0;
    position: absolute;
    font-size: 1.5em;
    top: 50%;
    left: 1em;
    color:#fff;
}
#talent-tags-box li
{
/*     width: 33.333334%; */
    width: auto;
}
#talent-tags-box li a
{
    color:#fff;
    display:block;
    padding: 0.5em 1.5em;
}
.dcl-edit #talent-tags-box li {
    padding: 0.5em 1.5em;
    color: #fff;
}
#talent-entry-list #talent-tags-box
{
    margin: 0 0 2em 0;
}


/* @latest-blog */
#latest-blog .latest-blog-img
{
    display: block;
    max-width:50%;
    float:left;
    margin-right:1em;
    margin-bottom:0.5em;
}
#latest-blog .latest-blog-img img
{
    display:block;
}

/* @media */
#media .media-item
{
    margin-top:0.5em;
}

/* @clients */
#clients
{
    text-align:center;
}
#client-logo-list li
{
    vertical-align:middle;
    padding:2em;
}
#client-logo-list li.client-divider
{
    width:100%;
    text-align: center;
}
#client-logo-list li.client-divider:after
{
    content: "";
    display:block;
    height:3px;
    background-color:#eee;
    position: relative;
    top:-0.6em;
}
#client-logo-list li.client-divider h4
{
    display: inline-block;
    line-height: 1em;
    margin: 0 auto;
    position:relative;
    z-index: 1;
    padding-left:0.5em;
    padding-right:0.5em;
    background-color:#fff;
    font-family: 'texgyreadventorbold';
}
#client-logo-list li a
{
    display:block;
    max-width:240px;
    margin-left:auto;
    margin-right:auto;
}
#client-logo-list li a img
{
    display:block;
}



.nav-section h1
{
    line-height:600px;
    text-align:center;
    font-weight:bold;
}


/* @talent */
.talent #content
{
    padding-top:3em;
    padding-bottom:1em;
}
.talent .talent-entry:first-child h2
{
    border-top:none;
}

.talent .talent-entry-image a,
.talent .talent-entry-image img
{
    display: block;
}
.talent .talent-entry-details ul
{
    color:#de4c59;
}
.feature-entry-details ul,
.talent .talent-entry-details ul
/*.blog .blog-entry-details p*/
{
    padding-left:1.5em;
}
.feature-entry-details ul:before,
.talent .talent-entry-details ul:before
/*.blog .blog-entry-details p:before*/
{
    font-family: FontAwesome;
    content:" \f02c";
    display:inline-block;
    width:1.1em;
    position: relative;
    top: 0.1em;
    margin-left:-1.4em;
    margin-right:0.3em;
    vertical-align: sub;
}
.feature-entry-details ul,
.talent-entry-details ul
/*.blog-entry-details p*/
{
    font-size: 1em;
    line-height: 1.1em;
    margin-bottom: 1em;
}
.feature-entry-details ul li,
.talent-entry-details ul li
/*.blog-entry-details a*/
{
    white-space: nowrap;
    width: auto;
    vertical-align: middle;
    font-size: 0.95em;
}
.feature-entry-details ul li a,
.talent-entry-details ul li a
/*.blog-entry-details a*/
{
    text-decoration: none;
    border-bottom-width: 1px;
    display: inline-block;
    border-bottom-style: solid;
    padding: 0.14em 0;
    margin-left: 0.3em;
    margin-right: 0.05em;
}
/* display larger tags for Talent Homepage feature & Talent Entry ABOUT section */
#content .feature-entry-details p
{
    font-size: 1em;
}
#content .feature-entry-details p a
{
    text-decoration: none;
    border-bottom-width: 1px;
    display: inline-block;
    border-bottom-style: solid;
    padding: 0.1em;
    margin-left: 0.2em;
}

/* @talent entry list */
#talent-home #talent-entry-list h2
{
    display:none;
}
#talent-entry-list .talent-entry
{
    margin-top:0.5em;
    margin-bottom:0.5em;
}
#talent-entry-list #show-more-link
{
    display:block;
    text-align:center;
    text-transform: uppercase;
    font-family: 'texgyreadventorbold';
    padding-top:1em;
    padding-bottom:1em;
    text-decoration: none;
    background-color: #de4c59;
    color:#fff;
}
#show-more-link.img-parent
{
    overflow:hidden;
    text-indent:-999em;
}

#talent-entry-list .talent-entry-image
{
    overflow:hidden;
}
#talent-entry-list .talent-entry-image a
{
    text-decoration:none;
}
#talent-entry-list .talent-entry-image a:before
{
    content: "";
    padding-bottom:56.25%;
    display: block;
    background-color:#eee;
}
#talent-entry-list .talent-entry-image img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#talent-entry-list h3
{
    padding-top:0.4em;
    padding-bottom:0.4em;
    background-color:#fff;
    position: relative;
    top:-1px;
}
.is-touch #talent-entry-list .talent-entry-details
{
    display:none;
}
.talent-list-page #talent-entry-list
{
    padding-top:0.5em;
}

#talent-entry-gigs
{
    display:none;
}

/* @talent entry page */
#talent-entry-page #content
{
    padding-top:0;
}
.dcl-edit .talent-entry-image
{
    position:static !important;
}
#talent-entry-page #header
{
    margin-bottom:0;
}
#talent-entry-page #header .wrapper
{
    padding-left:0;
    padding-right:0;
}
#talent-entry-page #header .talent-entry-image
{
    background-color:#eee;
}

#talent-entry-page #content .talent-entry-details
{
    margin-top:1em;
}

#talent-entry-page .talent-entry-title
{
    padding:1em;
    background:#de4c59;
/*    background:rgba(222,76,89,0.95);*/
}
#talent-entry-page .talent-entry-title h1
{
    color:#fff;
    line-height:2.5em;
    margin-bottom:0;
    line-height:1em;
    position: relative;
    bottom:0.05em;
}
#talent-entry-page .talent-entry-details a
{
    color:#de4c59;
}
#talent-entry-page .talent-entry-content .talent-entry-details
{
    padding-top:0;
    padding-bottom:1px;
    border-top:0;
}

#perf-info
{
    margin-bottom: 0.5em;
}
.perf-info dt,
.perf-info p
{
    line-height:1.2em;
}
.perf-info dt
{
    font-family:texgyreadventorbold;
    width:4.5em;
    letter-spacing:0.1em;
    text-transform:uppercase;
}
.perf-info dd
{
    margin-bottom:0.5em;
    padding-left:4.5em;
    margin-left:-4.5em;
}
.perf-info p
{
    margin-bottom:0.5em;
}

#perf-images li
{
    margin-bottom:1em;
}

/* @talent watch and listen */
.dcl-view #media .media-item-youtube .rr-obj-live
{
    position: relative;
}
.dcl-view #media .media-item-youtube .rr-obj-live:after
{
    content: "";
    display: block;
    padding-top:56.25%; /* 16:9 video size */
}
.dcl-view #media .media-item-youtube iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* @talent connect */
#connect .fb-like-talent
{
    margin-top:0.5em;
}

/* is this even necessary? */
#talent-entry-page #aside h2
{
    visibility:hidden;
}

/* @talent home & archive */

/* @hack: hide unwanted "1" output from app widget at start of body */
body.talent-list-page
{
    color: #fff;
}
body.talent-list-page #page
{
    color: #333;
}
/* /hack */

.talent-list-page #content
{
    padding-bottom:0;
}
.talent-list-page .talent-entry-title
{
    font-family:texgyreadventorregular;
}

/* @talent home page */

.talent #connect p
{
    margin-top:-0.3em;
    line-height:1.6em;
}

#talent-entry-page #footer
{
    border-top:10px solid #de4c59;
    padding-top:3em;
}
#talent-list-all li
{
    width:50%;
}


/* @blog */
.blog
{
    padding-bottom:20px;
}
.blog .wrapper
{
    text-align:left;
}
.blog #content
{
    padding-top:3em;
}
#blog-entry-page #content,
#blog-archive #content
{
    padding-top:6em;
}
.blog #section
{
    margin-bottom:3em;
}
.blog .blog-entry,
.blog .blog-entry-widgets
{
    clear:both;
}
.blog .blog-entry-widgets
{
    border-bottom:3px solid #eee;
    padding-bottom:1em;
    margin-bottom:1em;
}

/* @blog & talent */
.blog #content .rr-image-holder img,
.blog #content .rr-image-caption-wrapper img,
.talent #content .rr-image-holder img,
.talent #content .rr-image-caption-wrapper img
{
    display:inline-block;
}
.blog #content p.rrImageAlignLeft,
.blog #content p.rrImageCaptionAlignLeft
{
/*    float:left;*/
}
.blog #content p.rrImageAlignRight,
.blog #content p.rrImageCaptionAlignRight,
.talent #content p.rrImageAlignRight,
.talent #content p.rrImageCaptionAlignRight
{
    clear:none;
}
.blog #content p.rrImageAlignRight img,
.blog #content p.rrImageCaptionAlignRight img,
.talent #content p.rrImageAlignRight img,
.talent #content p.rrImageCaptionAlignRight img
{
    margin-left:auto;
    margin-right:0;
}

.blog-entry-content h3,
.talent-entry-content h3
{
    padding-top: 0;
    border-top: 0;
}

.blog-entry-rss
{
    display:none;
}

/* @blog home & archive */
#blog-archive-title
{
    margin-bottom:2.5em;
}

.blog-list-page .blog-entry
{
    margin-bottom: 3em;
    border-bottom:3px solid #eee;
    padding-bottom:0.5em;
}
.blog-list-page .blog-entry:last-child
{
    border-bottom:0;
}
#blog-home .blog-entry-details
{
    display:none;
}
#blog-home .blog-entry-content:after,
#talent-home .talent-entry-content:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* @hack pending removal of <a> tag from blog app widget */
.blog-entry-title a
{
    font-family:texgyreadventorbold;
    text-decoration:none;
    cursor:text !important;
    opacity:1 !important;
}
/***/
.blog-entry-content img,
.talent-entry-content img
{
    margin-bottom:1em;
}
.blog-entry-content .rr-image-holder img,
.talent-entry-content .rr-image-holder img
{
    margin-bottom:0;
}
.blog .blog-entry-details
{
    clear:both;
    padding-top:15px;
    padding-bottom:15px;
    border-top:3px solid #eee;
}
.blog-entry-content .rr-obj-live
{
    margin-bottom:1em;
}

/* prevent paragraph text getting squished on mobile */
.blog .blog-entry-content img.content-img-large.rrImageFloatLeft,
.blog .blog-entry-content img.content-img-large.rrImageFloatRight,
.blog .blog-entry-content img.content-img-jumbo.rrImageFloatLeft,
.blog .blog-entry-content img.content-img-jumbo.rrImageFloatRight
{
    display:block;
    float:none;
}

#talent-home .talent-entry-details,
#talent-archive .talent-entry-details
{
    border-top:none;
}

/* @blog & talent nav */
.talent .talent-nav
{
    display:none;
}
.blog .blog-nav li,
.talent .talent-nav li
{
    width:50%;
}
.blog .blog-nav .blog-home-link,
.talent .talent-nav .talent-home-link
{
    margin-right:50%;
}
.blog .blog-nav a,
.talent .talent-nav a
{
    padding:0 20px;
    text-decoration:none;
    display:block;
    position:relative;
    letter-spacing:0.05em;
}
.blog .blog-nav a:before,
.blog .blog-nav a:after,
.talent .talent-nav a:before,
.talent .talent-nav a:after
{
    font-family: FontAwesome;
    position:absolute;
    top:0.1em;
}
.blog .blog-nav a.arrow-prev:before,
.talent .talent-nav a.arrow-prev:before
{
    content:" \f0a8";
    left:1px; /* for some reason this gets cropped if 0 (only tested on Chrome OS 10.8.5) */
}
.blog .blog-nav a.arrow-next,
.talent .talent-nav a.arrow-next
{
    text-align:right;
}
.blog .blog-nav a.arrow-next:after,
.talent .talent-nav a.arrow-next:after
{
    content:" \f0a9";
    right:0;
}
.blog .blog-nav a:hover,
.talent .talent-nav a:hover
{
    opacity:0.5;
}
.blog .blog-nav h2,
.talent .talent-nav h2
{
    padding-top:30px;
    padding-left:10px;
    margin-bottom:0;
}
.ie6 .blog .blog-nav a,
.ie6 .talent .talent-nav a
{
    width:40%;
}

/* @blog nav */
#blog-nav-1
{
    line-height:0;
}
#blog-home #blog-nav-1
{
    line-height:1.5em;
    position:relative;
    top:-1.5em;
}

#blog-entry-page #blog-nav-1,
#blog-archive #blog-nav-1
{
    position:relative;
}
#blog-entry-page #blog-nav-1:after,
#blog-archive #blog-nav-1:after
{
    content:"";
    display:table;
}
#blog-entry-page #blog-nav-1 li:before,
#blog-archive #blog-nav-1 li:before
{
    content:"";
    display: block;
    height: 3px;
    width: 100%;
    background:#eee;
    position: absolute;
    left:0;
    bottom: 1em;
}
#blog-entry-page #blog-nav-1 li:empty,
#blog-archive #blog-nav-1 li:empty
{
    display:none !important;
}
#blog-entry-page #blog-nav-1 a,
#blog-archive #blog-nav-1 a
{
    margin-bottom:2.5em;
    margin-top:-4em;
    min-height:2.7em;
    line-height:1.4em;
}

.blog #blog-nav-2 a
{
    margin-top:2em;
}

/* @gigs */
#gigs-title
{
    font-family: 'texgyreadventorbold';
    padding-bottom:20px;
    border-bottom:1px solid #999;
    margin-bottom:20px;
}
#gigs-list a,
#gigs-list span
{
    display:block;
    letter-spacing:0.05em;
}
dl.gig-item
{
    margin-bottom:1.5em;
}
.gig-item dt
{
    width:3em;
}
.gig-item dd
{
    padding-left:3.2em;
    margin-left:-3em;
    line-height:1.2em;
}


.widget-share ul
{
    margin:-0.2em;
}
.widget-share li
{
    width:50%;
}
.widget-share li.fb-like-item
{
    width:100%;
}
.widget-share .fb-like-wrap
{
    margin:0.2em;
}
.widget-share a
{
    display: block;
    text-decoration: none;
    padding: 10px;
    margin: 0.2em;
    color: #fff;
    padding-left: 40px;
    position: relative;
}
.widget-share a:before
{
    font-family:FontAwesome;
    font-size:1.5em;
    position:absolute;
    top:50%;
    left:10px;
    width:20px;
    line-height:0;
    text-align:center;
}
.widget-share .share-fb a
{
    background-color:#3b5998;
}
.widget-share .share-fb a:before
{
    content: "\f09a";
}
.widget-share .share-tw a
{
    background-color:#4099ff;
}
.widget-share .share-tw a:before
{
    content: "\f099";
}
#widget-comments
{
    padding-top:1em;
}
/* fluid width for facebook comments */
/* doesn't seem to work reliably, so using JS instead for now */
/*
.fb-comments,
.fb-comments iframe[style]
{
    width: 100% !important
}
*/

.blog #aside,
.talent #aside
{
    width:100%;
}
.blog #aside .module
{
    margin-bottom:2em;
}
.blog #aside p,
.talent #aside p
{
    margin-bottom:0.5em;
}
.blog #recent-posts ul
{
    padding-left:0;
    list-style-type:none;
}
.blog #recent-posts li
{
    margin-bottom:1em;
}
.blog #recent-posts a
{
    display:block;
    line-height:1.2em;
}

/* @blog archive */
#blog-archive .blog-nav li,
#talent-archive .talent-nav li
{
    display:none;
}
#blog-archive .blog-nav li.blog-home-link,
#talent-archive .talent-nav li.talent-home-link
{
    display:block;
}
#blog-archive-title span,
#talent-archive-title span,
.talent-entry-filter-title span
{
    white-space:nowrap;
    color:#333;
}
#blog-archive-title span:before,
#talent-archive-title span:before,
.talent-entry-filter-title span:before
{
    content:"\201C";
}
#blog-archive-title span:after,
#talent-archive-title span:after,
.talent-entry-filter-title span:after
{
    content:"\201D";
}

/* @notebooks */
/* @notebook homepage  */
.notebook-list-page #content
{
    padding-top:4em;
}
.notebook-list li a
{
    display: inline-block;
    padding: 0.5em 0;
}

/* @notebook entry */
.notebook #page
{
    padding-top:5em;
}
#notebook-id
{
    display:none;
}
.dcl-edit #notebook-id
{
    display:block;
    text-align:center;
}
.notebook #nav-main-wrap
{
    background-image:none;
}
.notebook #navigation #nav-wrap
{
    padding:0;
    font-size:70%;
}
.notebook #navigation .nav li
{
    display:inline-block;
}

/* @notebook nav */
.notebook #client-logo,
.notebook #logo,
.notebook #nav-main
{
    vertical-align:middle;
}
.dcl-edit.notebook #logo
{
    visibility:hidden;
}
.notebook #client-logo
{
    width:35%;
    margin-right:-35%;
}
.notebook #client-logo img
{
    display:block;
    padding: 0.7em;
    background: #fff;
    border: 1px solid #ddd;
    width: auto !important;
    max-height:5em;
    margin-left:initial !important;
}
.notebook #logo
{
    position: absolute;
    width:70px;
    height:auto;
    top:0;
    right: 0;
    margin:0;
    text-align:right;
}
.notebook #logo-link
{
    padding-top:0.4em;
    padding-bottom:0.3em;
    width:auto;
    height:auto;
    position: static;
}
.notebook #logo #logo-text
{
    text-transform: uppercase;
    font-size:0.7em;
    white-space: nowrap;
}

.notebook #nav-main
{
    width:30%;
    margin-left:35%;
    text-align:center;
}
.notebook #nav-main li
{
    text-align:center;
    width:100% !important;
}
.notebook #nav-main li a
{
    display:block;
}
.notebook #nav-main li a:after
{
    font-family:FontAwesome;
}
li#notebook-pdf a:before,
li#notebook-pdf a:after
{
    font-family:FontAwesome;
    display:block;
    line-height:1.1em;
}
li#notebook-pdf a:before
{
    content:" \f1c1";
    font-size:2.5em;
    padding-top:0.2em;
}
li#notebook-pdf a:after
{
    content:" \f0ab";
    font-size:1.8em;
    color:#bbb;
}
li#notebook-print a:after
{
    content:" \f02f";
}
li#notebook-shortcut a:after
{
    content:" \f015";
}

/* @notebook content */
.notebook *:empty
{
    display: none;
}
.notebook #content
{
    padding-top:75px;
}

/* id targets web version only. no id for #notebook set in PDF download */
#notebook #content
{
    padding-bottom:50px;
    text-align:left;
    min-height:50px;
    background:transparent url(../img/ajax-loader.gif) scroll no-repeat center 50px;
    background-size:33px;
}
.dcl-edit#notebook #content,
#notebook #content.loaded
{
    background:none;
}
#notebook #content .wrapper
{
    display:none;
}
.dcl-edit#notebook #content .wrapper
{
    display:block;
}
#notebook-header
{
    margin-bottom: 2em;
}
#notebook-details
{
    font-size:1em;
    text-align:center;
    padding-bottom:2em;
    font-weight:normal;
}

.notebook .generic-data
{
    margin-top:4em;
    padding-top:4em;
}
.notebook .generic-data-2
{
    font-size:90%;
}

.notebook h1
{
    font-size:1.5em;
    text-align:center;
    padding-bottom: 0.5em;
    border-bottom: 3px solid #333;
}
.notebook h2
{
    padding-top:0.5em;
    font-size:1.2em;
}
.notebook h3
{
    border-top:0;
    padding-top:0;
}
.notebook .generic-data h1
{
    padding-top: 0.5em;
    border-top: 3px solid #333;
}

/* <hr> elements act as a page break for printing */
#notebook hr
{
    page-break-before:always;
    visibility:hidden;
    margin:0;
}

/* @instagram authorization */
/* @wrapper */
#instagram-authorization.wrapper {
    max-width: 30em;
}
#instagram-authorization {
    text-align: center;
}
#instagram-authorization h3 {
    margin-top: 3em;
    text-align: center;
}

/* @auth messages */
#auth-error,
#auth-success {
    border-width: 1px;
    border-style: solid;
    padding: 1rem;
    /*text-align: center;*/
    line-height:1.6em;
}
#auth-error {
    color:#de4c59;
    color:rgb(222,76,89);
}
#auth-error strong {
    display: block;
}
#auth-success {
    color:#1baac1;
    color:rgb(27,170,193);
}
/* @auth app name */
#auth-name {
    background-color: #eee;
    padding: 1em;
}
#auth-name span {
    margin-left: 0.5em;
    margin-right: 0.5em;
    white-space: nowrap;
}
#auth-button {
    border: 1px solid #1baac1;
    border: 1px solid rgb(27,170,193);
    padding: 0.5em 1em;
    display: inline-block;
    text-decoration: none;
}
#auth-button:hover {
    color: #fff;
    opacity: 1;
    background-color: #1baac1;
    background-color: rgb(27,170,193);
}

/* @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;*/
}

/* utility classes for bg-img */
.top-0 {
    top: 0;
}
.bottom-0 {
    bottom: 0;
}
.col-12 {
    width: 100%;
}
.height-100 {
    height: 100%;
}
.bg-center {
    background-position: 50%;
}
.bg-cover {
    background-size: cover;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.conceal {
    opacity: 0;
    visibility: hidden;
    transition: opacity 600ms ease-out, hidden 600ms ease-out;
}
.reveal {
    opacity: 1;
    visibility: visible;
}
.hero-image-component img {
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    left: 50%;
    top: 50%;
    width: auto;
    min-width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    opacity: 1;
}
.hero-image-component:after {
    content: '';
    display: block;
    padding-top: 56.25%;
}

.dcl-edit [data-dcl-editmode-info]:before {
    content: attr(data-dcl-editmode-info);
    display: block;
    font-size: 1.5rem;
    font-family: monospace;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/*@lazy background images*/
.lazy-background {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 56.25%;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    opacity: 0;
}
.lazy-background.img-loaded {
    opacity: 1;
}
/*@transitions*/
.emerge-enter-active,
.emerge-leave-active {
    -webkit-transition: opacity 500ms, transform 500ms ease-out;
    -moz-transition: opacity 500ms, transform 500ms ease-out;
    -ms-transition: opacity 500ms, transform 500ms ease-out;
    -o-transition: opacity 500ms, transform 500ms ease-out;
    transition: opacity 500ms, transform 500ms ease-out;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.emerge-enter,
.emerge-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%);
}