.folioGutter { width:2%; }


/* Mobile Nav setup */
.hamburger.hidden { display:none !important; }

#subNav, #regions { display:none; }
#subNav.active { display:block; }

.hamburger, .hamburgerclose { cursor:pointer; }

.light .hamburgerclose.dark.active { display:inline !important; }
.mid .hamburgerclose.mid.active { display: inline !important; }
.dark .hamburgerclose.light.active { display: inline !important; }


body.mid { background-color:#D0CEBF; color:#52523B; }
body.dark { color:#DCDCD8; }


#brandingDark, #brandingMid, #brandingLight { display:none; }
.social .dark, .social .mid, .social .light { display:none; }

.light #brandingDark { display:block; }
.mid #brandingMid { display:block; }
.dark #brandingLight { display:block; }

.light .social .dark { display:inline; }
.mid .social .mid { display:inline; }
.dark .social .light { display:inline; }




#mainNav {  }
#mainNav ul { padding:0; margin:0; overflow:hidden; list-style:none; position:relative; }
#mainNav li { float:left; margin:0 40px 0 0; }
#mainNav li:last-child { margin-right:0; }
#mainNav a { display:block; text-transform:uppercase; text-decoration:none; }


#subNav {  }
#subNav ul { padding:0; margin:0; list-style:none; }
#subNav li { margin:0; padding:0 }
#subNav a { display:inline-block; text-decoration:none; margin-top:10px; border-bottom:2px solid transparent; }
#subNav a.spaceBefore { margin-top:30px; }
#subNav a.policyLink {font-size:0.77em; margin-top:2px; }
#subNav a.policyLink.spaceBefore { margin-top:60px; }

#mobileSocial a { border:none; }

.light nav a, .light h1 {color:#52523B; }
.mid nav a, .mid h1 { color:#52523B; }
.dark nav a, .dark h1 { color:#DCDCD8; }


.light .textBackground h1 { display:inline; line-height:1.8; color:#FFF; background:#757562; }
.mid .textBackground h1 { display:inline; line-height:1.8; color:#FFF; background:#52523B; }
.dark .textBackground h1 { display:inline; line-height:1.8; color:#757562; background:#DCDCD8; }

.textBackground h1 span {   padding: 0.45rem; box-decoration-break: clone; -webkit-box-decoration-break: clone; }


.light #navMarker { background:#52523B; }
.mid #navMarker { background:#52523B; }
.dark #navMarker { background:#DCDCD8; }

.light #subNav a:hover, .light #subNav a.current { border-bottom-color:#757562; }
.mid #subNav a:hover, .mid #subNav a.current { border-bottom-color:#52523B; }
.dark #subNav a:hover, .dark #subNav a.current { border-bottom-color:#DCDCD8; }


.subscribeLink { display:inline-block; font-size:1.17em; text-transform:uppercase; text-decoration:none; border-radius:20px; padding:6px 13px 0 13px; min-height:25px; border:1px solid #52523B; }
#regions img { border-radius:20px ; border:1px solid #52523B; }
.region { cursor:pointer; }

.light .subscribeLink, .light #regions img { color:#52523B; border-color:#52523B }
.mid .subscribeLink, .mid #regions img { color:#52523B; border-color:#52523B }
.dark .subscribeLink, .dark #regions img { color:#DCDCD8; border-color:#DCDCD8 }

.mobile .hamburger, .mobile .hamburgerclose { position:relative; top:8px; }

#artistCredit a { text-decoration:none; }
#artistCredit a:hover { text-decoration:underline; }
.light #artistCredit a { color:#757562; }
.mid #artistCredit a { color:#A9A99D; }
.dark #artistCredit a { color:#DCDCD8; }


/* New tag list */

.mid #tags-wrapper { color:#52523B; }

#tag-list ul { overflow:hidden; list-style:none; margin:0; letter-spacing:0.09em; }
#tag-list li { float:left; padding-right:10px; }
#tag-list li a { text-decoration:none; display:block; padding:5px 6px; border:1px solid #757562; border-radius:100px; color:#757562; font-size:1em; text-transform:uppercase; }
#tag-list li a:hover, #tag-list li a[aria-selected] { background:#DCDCD8; }

.dark #tag-list li a { border:1px solid #DCDCD8; color:#DCDCD8; }
.dark #tag-list li a:hover, .dark #tag-list li a[aria-selected] { background:#757562; }

.mid #tag-list li a { border:1px solid #52523B; color:#52523B; background:#FFF;}
.mid #tag-list li a:hover, .mid #tag-list li a[aria-selected] { background:#F9FF01; }



#tagList ul { list-style:none; margin:0; padding:0; font-size:1.08em; }
#tagList li { margin:0; padding:0; float:left; }
#tagList li:after { content: '/'; margin:0 5px; }
#tagList li:last-child:after { content:none; }
#tagList a, #tagList a:link { display:inline-block; color:#757562; text-decoration:none; margin-top:1px; }
#tagList a:hover { text-decoration:underline; color:#757562; }
#tagList a.current { font-family:texgyreadventorbold,Verdana,Arial,Helvetica,sans-serif; margin-top:0; }


.gridImage video { border-radius:24px; }


#motionHeroVideo { width:100%; height:auto; margin-bottom:2%; }
.motionItem video { width:100%; height:auto; margin-bottom:12px; }

.dark .gridText, .dark #contentLeft { color:#DCDCD8; }

#footer-email { color:#757562; background:#FFF; border:none; }
#footer-email-div label { text-align:left; }


#policy-content { max-width:1150px; }

h1.h1-commissioning-guide { color: #757562 !important; }

.ul-no-space li { margin-bottom:2px; }

#skills-wrapper ul { list-style:none; margin:15px 0 0 0; }
#skills-wrapper li { margin-bottom:0px; }


#contentLeft a.motion-folio-link:link, #contentLeft a.motion-folio-link:visited { color:#FF7B19; }
#contentLeft a.motion-folio-link:hover { color:inherit; }



.mural-item.full-width { width:98% !important; }


/* Magnifier animation */


@keyframes magnifier {
  0%   { transform:scale(1); }
  50%   { transform:scale(1.3); }
  100%   { transform:scale(1); }
}

#magnifier {
	animation-name: magnifier;
	animation-duration: 0.7s;
	animation-delay: 1.5s;
	animation-iteration-count: 2;
}



/* Juicer Feed */

.juicer-feed { font-family:inherit; }
.juicer-feed.modern .j-poster h3 { font-family: texgyreadventorbold,Verdana,Arial,Helvetica,sans-serif; margin-top:3px; }
.juicer-feed.modern li.feed-item { padding: 0 10px; }
.juicer-feed.modern .j-poster { padding: 12px 0; }


/* News page */


#news-nav ul { list-style:none; margin:0; overflow:hidden; }
#news-nav li { float:left; margin:0; padding-right:10px; }
#news-nav li a { text-decoration:none; display:block; padding:6px 10px; background:#52523B; border:1px solid #52523B; border-radius:100px; color:#FFF; font-size:1.17em; text-transform:uppercase; }
#news-nav li a.rss-feed-link { padding-right:32px; background-image:url(../Resources/rss-icon.png); background-position:right 8px center; background-repeat:no-repeat; background-size:16px; }

a.portfolio-link { display:inline-block; text-decoration:none; padding:6px 10px; border:1px solid #52523B; border-radius:100px; background:#52523B; color:#FFF; text-transform:uppercase; margin:0 5px; }
a.portfolio-link:hover { background:#FFF; color:#52523B; }


.fixed-footer footer { position:fixed; left:0; bottom:0; width:96%; }
.fixed-footer main { padding-bottom:90px; }




/* News Detail */
.cms-text p { margin-bottom:20px; }




/* Cookies */

.cookieTable { margin-bottom:15px; width:100%; }
.cookieTable th, .cookieTable td { padding:2px 10px 2px 0; border-bottom:1px solid #999; vertical-align:top; width:auto !important;}
.cookieTable label { white-space:nowrap; padding-left:2px; }

#cookies-banner p { line-height:33px; }

#cookies-banner input { width:auto; overflow:visible; font-size:0.93em; font-family:inherit; padding:9px 19px; background:none; color:#000; border:1px solid #000; border-radius: 40px; text-transform:uppercase; }
#cookies-banner input:hover { background:#DCDCD8; cursor:pointer; }


/* Policy popups */

#policy-content.fancybox-content { width:96%; max-width:1280px; }
#policy-content.fancybox-content a { color:#52523B; text-decoration: underline; }
#policy-content.fancybox-content a:hover { color:#757562; }

.dark #policy-content.fancybox-content, .dark #policy-content.fancybox-content h1 { color:#52523B; }