@-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } html { visibility: visible; } * { margin: 0; padding: 0; } a { outline: none; } ul { list-style-type: none; } img { border: 0; display: block; } table { border-collapse: collapse; } .hide, link { display: none; } section, article, header, footer, nav, aside, hgroup { display: block; } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } html { width: 100%; } body { position: relative; } #stats { position: absolute; bottom: 0; right: 0; width: 1px; height: 1px; } header h1 { margin: 0; } header h1 a { display: block; position: absolute; z-index: 3; background-repeat: no-repeat; min-height: 10px; min-width: 10px; line-height: 1em; } #page-index header h1 a { cursor: default; } header h1 a { height: auto !important; background-image: none !important; } header h1 img { display: block; max-width: 100%; } nav .images { width: auto; } .credit { display: block; text-align: left; padding: 2px; background-color: transparent !important; } #trial { position: fixed; right: 0; top: 0; display: block; text-indent: 100%; overflow: hidden; white-space: nowrap; width: 93px; height: 93px; background: url('../images/trial.png'); z-index: 99; } #placeholder-notice { position: fixed; bottom: 0; right: 0; background: #000; color: #fff; font: normal 12px/16px Helvetica, Arial, sans-serif; padding: 10px 15px; opacity: 0.5; width: 250px; border-radius: 5px 0 0 0; z-index: 999; } #placeholder-notice span { display: block; } #placeholder-notice .placeholder-title { text-transform: uppercase; font-weight: bold; margin-bottom: 3px; } #placeholder-notice .placeholder-text { font-size: 11px; } #totop { display: block; position: fixed; top: 0; left: 0; bottom: 0; width: 100px; background: rgba(255, 255, 255, .75) url('../images/a-toleft.png') center center no-repeat; opacity: 0.75; -webkit-animation: totop 0.5s 1; } @-webkit-keyframes totop { 0% { opacity: 0; } 100% { opacity: 0.75; } } #cookies-notice { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99; color: #000; background: rgba(255, 255, 255, .8); padding: 7px 0; text-align: center; font-size: 13px; line-height: 18px; display: none; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .25); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .25); -o-box-shadow: 0 0 20px rgba(0, 0, 0, .25); box-shadow: 0 0 20px rgba(0, 0, 0, .25); } #cookies-notice.show { display: block; } #cookies-notice p { display: inline-block; margin: 0 0 5px; } #cookies-notice .notice-link { display: inline-block; color: inherit; border-bottom: 1px solid; margin: 0 10px; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; -ms-transition: opacity 0.15s ease-out; -o-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } #cookies-notice .notice-link:hover { opacity: 0.4; } #sidebar { position: relative; } #confirmation { position: fixed; z-index: 101; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .25); color: #000; } #confirmation.success { color: #000; } #confirmation.error { color: #b32727; } #confirmation > div { position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -150px; width: 200px; padding: 40px; border: 30px solid rgba(0, 0, 0, .15); background: #fff; text-align: center; } #confirmation > div > strong { display: block; font-size: 48px; line-height: 1em; margin-bottom: 10px; } #confirmation > div p { font-size: 15px; line-height: 20px; } #confirmation > div .close { display: block; color: #000; border: 1px solid; padding: 8px 0; width: 75px; margin: 20px auto 0; border-radius: 3px; opacity: 0.5; filter: alpha(opacity=50); } #confirmation > div .close:hover { opacity: 1; filter: alpha(opacity=100); } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } .centered { float: left; width: 100%; } .centered #layout { margin: 0 auto; } .centered header { float: left; width: 100%; position: relative; background-position: center 0; background-repeat: no-repeat; z-index: 600; } .centered #content { float: left; width: 95%; padding: 15px 2.5%; } .centered nav { float: left; position: absolute; z-index: 600; line-height: 1em; } .centered nav ul { float: left; } .centered nav li { display: inline-block; } .centered nav a { display: block; line-height: 1em; } .centered .copyright { float: right; text-align: right; font-size: 10px; line-height: 15px; } .centered .credit { float: right; margin: 0 0 0 5px; } .centered footer { float: left; width: 95%; padding: 10px 2.5%; line-height: 1em; overflow: hidden; } .centered footer ul { float: left; } .centered footer li { float: left; margin: 0 10px 5px 0; } .centered footer a { font-weight: bold; opacity: 0.7; line-height: 1em; } .centered footer a:hover { opacity: 1; } .centered footer iframe { position: relative; margin-bottom: 3px; } .centered footer.icons iframe { margin-top: 0; } .centered footer iframe.twitter-follow-button { margin-right: 5px; top: -1px; } .centered .text-left #sidebar { float: right; width: 40%; text-align: center; } .centered .text-left #sidebar img { display: inline-block; height: auto; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .centered .text-left #main { float: left; width: 55%; } .centered .text-right #sidebar { float: left; width: 40%; text-align: center; } .centered .text-right #sidebar img { display: inline-block; height: auto; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .centered .text-right #main { float: right; width: 55%; } .centered .text-centered #sidebar { float: left; width: 100%; max-width: none; padding-bottom: 25px; text-align: center; } .centered .text-centered #sidebar img { display: inline-block; height: auto; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .centered .text-centered #main { float: left; width: 100%; max-width: none; } .centered .text-full #main { float: left; width: 100%; } .centered.bleed header { z-index: 51; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .centered.bleed #content { background: transparent; } .centered.bleed footer { position: fixed; left: 50%; bottom: 0; z-index: 50; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; opacity: 0; filter: alpha(opacity=0); } .centered.bleed footer.show { opacity: 1; filter: alpha(opacity=100); } .centered.nobleed #billboard .img { width: 100%; height: auto; } .centered.bleed { background: #111 !important; } .centered.bleed #content { background: transparent; } .centered.bleed #billboard { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; } .centered.bleed #billboard img { width: 100vw; height: 100vh; object-fit: cover; object-position: top center; } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } .layout-header-wide { float: left; width: 100%; } .layout-header-wide #layout { margin: 0 auto; } .layout-header-wide header { position: fixed; top: 0; left: 0; right: 0; background-position: center 0; background-repeat: no-repeat; z-index: 600; } .layout-header-wide #content { float: left; width: 100%; box-sizing: border-box; padding: 15px 0; } .layout-header-wide #content > h2 { display: none !important; } .layout-header-wide.static header, .layout-header-wide.static footer { position: absolute; } .layout-header-wide nav { position: absolute; z-index: 600; line-height: 1em; } .layout-header-wide nav li { display: inline-block; } .layout-header-wide nav a { display: block; line-height: 1em; position: relative; z-index: 91; } .layout-header-wide footer { float: left; position: fixed; z-index: 50; left: 0; bottom: 0; right: 0; padding: 5px 20px; line-height: 1em; overflow: hidden; } .layout-header-wide footer ul { float: left; } .layout-header-wide footer li { float: left; margin: 0 10px 5px 0; } .layout-header-wide footer a { font-weight: bold; opacity: 0.7; line-height: 1em; } .layout-header-wide footer a:hover { opacity: 1; } .layout-header-wide footer iframe { position: relative; } .layout-header-wide footer.icons iframe { margin-top: 0; } .layout-header-wide footer iframe.twitter-follow-button { margin-right: 5px; top: -1px; } .layout-header-wide .copyright { float: right; text-align: right; font-size: 10px; line-height: 15px; margin: 3px 0 0; } .layout-header-wide .credit { float: right; margin: 4px 0 0 5px; } .layout-header-wide .textpage { margin: 0 auto; padding-top: 40px; max-width: 900px; } .layout-header-wide #main { padding-bottom: 50px; } .layout-header-wide .text-left #sidebar { float: right; width: 40%; text-align: center; } .layout-header-wide .text-left #sidebar img { display: inline-block; height: auto; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .layout-header-wide .text-left #main { float: left; width: 55%; } .layout-header-wide .text-right #sidebar { float: left; width: 40%; text-align: center; } .layout-header-wide .text-right #sidebar img { display: inline-block; height: auto; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .layout-header-wide .text-right #main { float: right; width: 55%; } .layout-header-wide .text-centered #sidebar { float: left; width: 100%; max-width: none; padding-bottom: 25px; text-align: center; } .layout-header-wide .text-centered #sidebar img { display: inline-block; height: auto; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .layout-header-wide .text-centered #main { float: left; width: 100%; max-width: none; } .layout-header-wide .text-full #main { float: left; width: 100%; } .layout-header-wide#page-index.nobleed #billboard img { margin: 0 auto; max-width: 100%; height: auto; } .layout-header-wide#page-index.nobleed #billboard.slideshow .img { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .layout-header-wide.bleed { background: #111 !important; } .layout-header-wide.bleed #content { background: transparent; } .layout-header-wide.bleed #billboard { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; } .layout-header-wide.bleed #billboard img { width: 100vw; height: 100vh; object-fit: cover; object-position: top center; } .layout-header-wide .post { margin: 0 auto; } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } .left { float: left; width: 100%; margin: 0; background-attachment: fixed; } .left #layout { margin: 0 auto; } .left header { float: left; height: 100% !important; border-radius: 0 !important; z-index: 600; position: fixed; top: 0; left: 0; bottom: 0; background-position: 0 0; background-repeat: repeat; width: 250px; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -ms-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; } .left #content { margin-left: 250px; border-radius: 0 !important; width: auto; background: transparent !important; } .left nav { float: left; position: absolute; z-index: 600; line-height: 1em; } .left nav ul { float: left; } .left nav li { clear: left; margin: 0 2px 5px; } .left nav a { display: block; line-height: 1em; } .left .copyright { font-size: 10px; line-height: 15px; } .left footer { float: left; line-height: 1em; overflow: hidden; position: fixed; left: 0; bottom: 0; width: 210px; padding: 0 20px; margin: 0 !important; background: transparent !important; z-index: 601; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -ms-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; visibility: hidden; } .left footer.show { visibility: visible; } .left footer p { clear: left; text-align: left; width: 100%; } .left footer .links { float: left; margin: 5px 0 7px; width: 100%; } .left footer .links li { clear: left; } .left footer .links a { display: block; font-weight: bold; opacity: 0.7; line-height: 1em; } .left footer .links a:hover { opacity: 1; } .left footer .credit { float: left; margin: 0 0 5px; } .left #content > h2 { display: none; } .left .paging { display: none; } .left .text-left #sidebar { box-sizing: border-box; float: right; width: 50%; padding: 50px 20px; text-align: center; } .left .text-left #sidebar img { display: inline-block; height: auto; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .left .text-left #main { box-sizing: border-box; float: left; width: 50%; padding: 50px 15px; } .left .text-right #sidebar { box-sizing: border-box; float: left; width: 50%; padding: 50px 15px; text-align: center; } .left .text-right #sidebar img { display: inline-block; height: auto; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .left .text-right #main { box-sizing: border-box; float: right; width: 50%; padding: 50px 20px; } .left .text-centered #sidebar { float: left; width: 80%; max-width: 800px; min-width: 400px; padding: 50px 15px 25px; text-align: center; } .left .text-centered #sidebar img { display: inline-block; height: auto; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .left .text-centered #main { float: left; width: 80%; max-width: 800px; min-width: 400px; padding: 0 15px; clear: left; } .left .text-full #main { float: left; width: 80%; max-width: 800px; min-width: 400px; padding: 50px 15px; } .left.nobleed #billboard { position: absolute; } .left.nobleed #billboard .img { max-width: 100%; height: auto; } .left.bleed { background: #111 !important; } .left.bleed #content { background: transparent; } .left.bleed #billboard { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; } .left.bleed #billboard img { width: 100vw; height: 100vh; object-fit: cover; object-position: top center; } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } body .links.icons { margin: 0 7px 0 0; } body .links.icons li { float: left; clear: none !important; margin: 0 3px 3px 0; } body .links.icons a { display: block; line-height: 17px !important; padding: 2px 10px; position: relative; display: none; } body .links.icons .link-icon { display: block; width: 17px; height: 17px; padding: 2px; background-image: none !important; } body .links.icons .link-icon span { display: none; } body .links.icons .show { display: block; } body .links.icons svg { display: block; width: 100%; height: 100%; } body .links.icons.black-circular a { background: #000; border-radius: 200px; color: #fff; } body .links.icons.black-circular a svg path { fill: #fff; } body .links.icons.black-square a { background: #000; border-radius: 0; color: #fff; } body .links.icons.black-square a svg path { fill: #fff; } body .links.icons.white-square a { background: #fff; border-radius: 0; color: #000; } body .links.icons.white-square a svg path { fill: #000; } body .links.icons.white-circular a { background: #fff; border-radius: 200px; color: #000; } body .links.icons.white-circular a svg path { fill: #000; } body .links.icons a[href*="500px"] { background-image: url('../images/icons/4/500px.svg'); } body .links.icons a[href*="about.me"] { background-image: url('../images/icons/4/aboutme.svg'); } body .links.icons a[href*="artstation"] { background-image: url('../images/icons/4/artstation.svg'); } body .links.icons a[href*="behance"] { background-image: url('../images/icons/4/behance.svg'); } body .links.icons a[href*="be.net"] { background-image: url('../images/icons/4/behance.svg'); } body .links.icons a[href*="blogger"] { background-image: url('../images/icons/4/blogger.svg'); } body .links.icons a[href*="blogspot"] { background-image: url('../images/icons/4/blogger.svg'); } body .links.icons a[href*="dribbble"] { background-image: url('../images/icons/4/dribbble.svg'); } body .links.icons a[href*="ello.co"] { background-image: url('../images/icons/4/ello.svg'); } body .links.icons a[href*="etsy.com"] { background-image: url('../images/icons/4/etsy.svg'); } body .links.icons a[href*="mailto:"] { background-image: url('../images/icons/4/email.svg'); } body .links.icons a[href*="e-mail"] { background-image: url('../images/icons/4/email.svg'); } body .links.icons a[href*="facebook"] { background-image: url('../images/icons/4/facebook.svg'); } body .links.icons a[href*="flickr"] { background-image: url('../images/icons/4/flickr.svg'); } body .links.icons a[href*="fullscreen"] { background-image: url('../images/icons/4/fullscreen.svg'); } body .links.icons a[href*="github"] { background-image: url('../images/icons/4/github.svg'); } body .links.icons a[href*="google"] { background-image: url('../images/icons/4/googleplus.svg'); } body .links.icons a[href*="imdb"] { background-image: url('../images/icons/4/imdb.svg'); } body .links.icons a[href*="instagram"] { background-image: url('../images/icons/4/instagram.svg'); } body .links.icons a[href*="issuu"] { background-image: url('../images/icons/4/issuu.svg'); } body .links.icons a[href*="last.fm"] { background-image: url('../images/icons/4/lastfm.svg'); } body .links.icons a[href*="linkedin"] { background-image: url('../images/icons/4/linkedin.svg'); } body .links.icons a[href*="myspace"] { background-image: url('../images/icons/4/myspace.svg'); } body .links.icons a[href*="path.com"] { background-image: url('../images/icons/4/path.svg'); } body .links.icons a[href*="pinterest"] { background-image: url('../images/icons/4/pinterest.svg'); } body .links.icons a[href*="posterous"] { background-image: url('../images/icons/4/posterous.svg'); } body .links.icons a[href*="skype"] { background-image: url('../images/icons/4/skype.svg'); } body .links.icons a[href*="snapchat"] { background-image: url('../images/icons/4/snapchat.svg'); } body .links.icons a[href*="soundcloud"] { background-image: url('../images/icons/4/soundcloud.svg'); } body .links.icons a[href*="spotify"] { background-image: url('../images/icons/4/spotify.svg'); } body .links.icons a[href*="tumblr"] { background-image: url('../images/icons/4/tumblr.svg'); } body .links.icons a[href*="twitter"] { background-image: url('../images/icons/4/twitter.svg'); } body .links.icons a[href*="vimeo"] { background-image: url('../images/icons/4/vimeo.svg'); } body .links.icons a[href*="vk.com"] { background-image: url('../images/icons/4/vk.svg'); } body .links.icons a[href*="vsco"] { background-image: url('../images/icons/4/vsco.svg'); } body .links.icons a[href*="whatsapp"] { background-image: url('../images/icons/4/whatsapp.svg'); } body .links.icons a[href*="wordpress"] { background-image: url('../images/icons/4/wordpress.svg'); } body .links.icons a[href*="yelp"] { background-image: url('../images/icons/4/yelp.svg'); } body .links.icons a[href*="youtube"] { background-image: url('../images/icons/4/youtube.svg'); } nav.accordion li ul { display: none; padding: 10px 0 0; margin: 0; border-radius: 0 3px 3px 3px; } nav.accordion li.hover ul { display: block; } nav.accordion li li { display: block; float: none; } nav.dropdown2 { filter: none !important; } nav.dropdown2 li { position: relative; } nav.dropdown2 ul ul li { display: block; position: relative; } nav.dropdown2 li ul { position: absolute; z-index: 5; top: 100%; left: 0; display: none; padding: 10px 5px; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-radius-topleft: 0 !important; border-radius-topright: 0 !important; background: #fff; } nav.dropdown2 li:hover ul { display: block !important; } nav.dropdown2 li li { float: none; white-space: nowrap; } nav.dropdown2 li li a, nav.dropdown2 li li a:hover { background: none !important; } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } nav .accordion ul { display: none; padding: 10px 0 0; margin: 0; border-radius: 0 3px 3px 3px; opacity: 0; float: none; } nav .accordion ul.expanded-onload { opacity: 1; display: block; } nav .accordion.hover ul { display: block; } nav .accordion li { display: block; float: none; margin-bottom: 0; } .centered nav { filter: none !important; } nav .dropdown { position: relative; } nav .dropdown > a { cursor: default; } nav .dropdown ul { position: absolute; z-index: 600; top: 100%; left: 0; min-width: 100%; display: none; padding: 10px 0; -webkit-animation: fade 0.25s ease-out; -moz-animation: fade 0.25s ease-out; -ms-animation: fade 0.25s ease-out; -o-animation: fade 0.25s ease-out; animation: fade 0.25s ease-out; text-align: left; } nav .dropdown:hover ul { display: block !important; opacity: 1; } nav .dropdown li { display: block; float: none; white-space: nowrap; } nav .dropdown li a, nav .dropdown li a:hover { background: none !important; } nav .blurb * { margin: 0; } nav .blurb a { display: inline; padding: 0; color: inherit; background-color: transparent; font: inherit; text-transform: inherit; letter-spacing: inherit; padding: inherit; } nav.scroll { min-height: 40px; overflow-y: scroll; border-bottom: 1px solid rgba(0, 0, 0, .07); } nav::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } nav::-webkit-scrollbar-thumb { border-radius: 2px; background-color: rgba(0, 0, 0, .5); } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } div.images { float: left; width: 100%; } div.images li { float: left; } .transparent { opacity: 0; } .autosizes-loading { opacity: 0; } .flickr .images div.image-description-container { display: none; } .images .gallery-text h1, .blocks .gallery-text h1, .grid .gallery-text h1, .tile .gallery-text-thumb h1, .images .gallery-text h2, .blocks .gallery-text h2, .grid .gallery-text h2, .tile .gallery-text-thumb h2, .images .gallery-text h3, .blocks .gallery-text h3, .grid .gallery-text h3, .tile .gallery-text-thumb h3, .images .gallery-text h4, .blocks .gallery-text h4, .grid .gallery-text h4, .tile .gallery-text-thumb h4 { margin-top: 0; } .images .gallery-text ul, .blocks .gallery-text ul, .grid .gallery-text ul, .tile .gallery-text-thumb ul { list-style-type: square; padding-left: 25px; } .images .gallery-text hr, .blocks .gallery-text hr, .grid .gallery-text hr, .tile .gallery-text-thumb hr { display: block; border: none; border-top: 1px solid; height: 1px; width: 100%; margin: 0 0 1em; } .images::-webkit-scrollbar, .thumbs::-webkit-scrollbar { height: 12px; margin-bottom: 10px; } .images::-webkit-scrollbar-thumb:horizontal, .thumbs::-webkit-scrollbar-thumb:horizontal { border: 2px solid rgba(255, 255, 255, .2); border-radius: 4px; background-color: rgba(0, 0, 0, .4); -webkit-background-clip: padding-box; min-width: 50px; } .images::-webkit-scrollbar-thumb:horizontal:hover, .thumbs::-webkit-scrollbar-thumb:horizontal:hover { background-color: rgba(0, 0, 0, .5); } .rsn_share { position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; line-height: 1em; background: rgba(255, 255, 255, .5); padding: 0 2px; } .rsn_share a { float: left; text-indent: 100%; overflow: hidden; white-space: nowrap; width: 20px; height: 20px; background-size: 100% auto; background-position: center center; opacity: 0.5; } .rsn_share a:hover { opacity: 1; } .rsn_share .facebook { background-image: url('../images/share/facebook.svg'); } .rsn_share .twitter { background-image: url('../images/share/twitter.svg'); } .rsn_share .pinterest { background-image: url('../images/share/pinterest.svg'); } li:hover .rsn_share, .image:hover .rsn_share { opacity: 1; filter: alpha(opacity=100); } #overlay .rsn_share { top: 10px; left: 10px; } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } .blocks { overflow-x: hidden; overflow-y: hidden; } .blocks .thumbs { clear: left; width: 101%; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .blocks .thumbs li { float: left; } .blocks .thumbs a { display: block; overflow: hidden; background: rgba(0, 0, 0, .05) !important; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; -ms-transition: opacity 0.15s ease-out; -o-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .blocks .thumbs a:hover { opacity: 0.75 !important; } .blocks .thumbs img { -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; -ms-transition: opacity 0.15s ease-out; -o-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .blocks .thumbs .autosizes-loading { opacity: 0; } .blocks .gallery-text { clear: left; } .blocks .gallery-text a { height: auto; margin: 0; } .blocks img { display: inline-block; } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } .carousel .thumbs { display: block; position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; white-space: nowrap; overflow-x: scroll; text-align: center; overflow-y: hidden; font-size: 0; } .carousel .thumbs li { display: inline-block; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; height: 75px; margin: 15px 5px; } .carousel .thumbs li.carousel-selected-thumb, .carousel .thumbs li:hover { opacity: 1; filter: alpha(opacity=100); } .carousel .thumbs a { display: block; height: 100%; background: transparent; } .carousel .thumbs img { display: inline; height: 100%; width: auto; } .carousel .thumbs .gallery-text-thumb > a { width: 150px; overflow: hidden; text-decoration: none !important; color: inherit !important; position: relative; margin-right: 5px; } .carousel .thumbs .gallery-text-thumb > a > div { margin: 5px 0; font-size: 8px; white-space: normal; position: absolute; left: 0; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .carousel .thumbs .gallery-text-thumb > a > div h1, .carousel .thumbs .gallery-text-thumb > a > div h2, .carousel .thumbs .gallery-text-thumb > a > div h3, .carousel .thumbs .gallery-text-thumb > a > div h4 { font-size: 1.2em !important; margin: 0 0 5px; color: inherit; } .centered .carousel { position: relative; width: 100%; line-height: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 1.5s ease-out; -moz-transition: opacity 1.5s ease-out; -ms-transition: opacity 1.5s ease-out; -o-transition: opacity 1.5s ease-out; transition: opacity 1.5s ease-out; } .centered .carousel.loading { opacity: 0; filter: alpha(opacity=0); } .centered .carousel .images { width: 100%; position: relative; z-index: 2; overflow: hidden; } .centered .carousel .images li { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .centered .carousel .images li .image { width: 100%; height: 100%; text-align: center; } .centered .carousel .images li img { display: inline-block; object-fit: contain; max-width: 100%; max-height: 100%; vertical-align: middle; } .centered .carousel .images li.carousel-selected-image { opacity: 1; filter: alpha(opacity=100); z-index: 99; } .centered .carousel .images .gallery-text { display: flex !important; text-align: left; } .centered .carousel .images .gallery-text > div { margin: auto; } .centered .carousel .image-description-container { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; line-height: 1.3em; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .centered .carousel .image-description-container h4 { color: inherit; margin: 0; } .centered .carousel .image-description-container .description, .centered .carousel .image-description-container form { margin-top: 10px; } .centered .carousel .image-description-container a { color: inherit !important; } .centered .carousel:hover .image-description-container { opacity: 1; filter: alpha(opacity=100); } .centered .carousel .paging { display: block; position: absolute; z-index: 500; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 20%; height: 20vh; text-align: center; background-position: center center; background-repeat: no-repeat; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; text-indent: -5000px; } .centered .carousel.hover .paging { opacity: 0.2; filter: alpha(opacity=20); } .centered .carousel .paging:hover { opacity: 0.75; filter: alpha(opacity=75); } .centered .carousel .paging:active { opacity: 1; filter: alpha(opacity=100); } .centered .carousel .back { left: 0; background-image: url('../images/a-back.svg'); background-position: 10% center; } .centered .carousel .next { right: 0; background-image: url('../images/a-next.svg'); background-position: 90% center; } .left div.carousel { position: relative; width: 100%; height: 100vh; line-height: 1em; -webkit-transition: opacity 1.5s ease-out; -moz-transition: opacity 1.5s ease-out; -ms-transition: opacity 1.5s ease-out; -o-transition: opacity 1.5s ease-out; transition: opacity 1.5s ease-out; } .left div.carousel.loading { opacity: 0; filter: alpha(opacity=0); } .left div.carousel .images { width: 100%; position: relative; z-index: 2; overflow: hidden; } .left div.carousel .images li { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .left div.carousel .images li .image { width: 100%; height: 100%; text-align: center; } .left div.carousel .images li img { display: inline-block; object-fit: contain; max-width: 100%; max-height: 100%; vertical-align: middle; } .left div.carousel .images li.carousel-selected-image { opacity: 1; filter: alpha(opacity=100); z-index: 99; } .left div.carousel .images .gallery-text { display: flex !important; text-align: left; } .left div.carousel .images .gallery-text > div { margin: auto; } .left div.carousel .image-description-container { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; margin: 0; line-height: 1.3em; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .left div.carousel .image-description-container h4 { color: inherit; margin: 0; } .left div.carousel .image-description-container .description, .left div.carousel .image-description-container form { margin-top: 10px; } .left div.carousel .image-description-container a { color: inherit !important; } .left div.carousel:hover .image-description-container { opacity: 1; filter: alpha(opacity=100); } .left div.carousel .paging { display: block; position: absolute; z-index: 500; top: 50%; transform: translateY(-50%); width: 85px; height: 100px; text-align: center; background-position: center center; background-repeat: no-repeat; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; text-indent: -5000px; background-position: center center; } .left div.carousel:hover .paging { opacity: 0.2; filter: alpha(opacity=20); } .left div.carousel .paging:hover { opacity: 0.75; filter: alpha(opacity=75); } .left div.carousel .paging:active { opacity: 1; filter: alpha(opacity=100); } .left div.carousel .back { left: 0; background-image: url('../images/a-back.svg'); } .left div.carousel .next { right: 0; background-image: url('../images/a-next.svg'); } .layout-header-wide div.carousel { position: relative; width: 100%; line-height: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 1.5s ease-out; -moz-transition: opacity 1.5s ease-out; -ms-transition: opacity 1.5s ease-out; -o-transition: opacity 1.5s ease-out; transition: opacity 1.5s ease-out; } .layout-header-wide div.carousel.loading { opacity: 0; filter: alpha(opacity=0); } .layout-header-wide div.carousel .images { width: 100%; position: relative; z-index: 2; overflow: hidden; } .layout-header-wide div.carousel .images li { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .layout-header-wide div.carousel .images li .image { width: 100%; height: 100%; text-align: center; } .layout-header-wide div.carousel .images li img { display: inline-block; object-fit: contain; max-width: 100%; max-height: 100%; vertical-align: middle; } .layout-header-wide div.carousel .images li.carousel-selected-image { opacity: 1; filter: alpha(opacity=100); z-index: 99; } .layout-header-wide div.carousel .images .gallery-text { display: flex !important; text-align: left; } .layout-header-wide div.carousel .images .gallery-text > div { margin: auto; } .layout-header-wide div.carousel .image-description-container { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; margin: 0; line-height: 1.3em; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .layout-header-wide div.carousel .image-description-container h4 { color: inherit; margin: 0; } .layout-header-wide div.carousel .image-description-container .description, .layout-header-wide div.carousel .image-description-container form { margin-top: 10px; } .layout-header-wide div.carousel .image-description-container a { color: inherit !important; } .layout-header-wide div.carousel:hover .image-description-container { opacity: 1; filter: alpha(opacity=100); } .layout-header-wide div.carousel .paging { display: block; position: absolute; z-index: 500; top: 50%; transform: translateY(-50%); width: 85px; height: 100px; text-align: center; background-position: center center; background-repeat: no-repeat; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; text-indent: -5000px; background-position: center center; } .layout-header-wide div.carousel:hover .paging { opacity: 0.2; filter: alpha(opacity=20); } .layout-header-wide div.carousel .paging:hover { opacity: 0.75; filter: alpha(opacity=75); } .layout-header-wide div.carousel .paging:active { opacity: 1; filter: alpha(opacity=100); } .layout-header-wide div.carousel .back { left: 0; background-image: url('../images/a-back.svg'); } .layout-header-wide div.carousel .next { right: 0; background-image: url('../images/a-next.svg'); } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } .centered div.grid { float: left; width: 101%; } .centered div.grid li { float: left; width: 24%; height: 200px; margin: 0 1% 1% 0; } .centered div.grid li a > h4, .centered div.grid li a > p, .centered div.grid li a > .description { display: none; } .centered div.grid .gallery-text { clear: left; } .centered div.grid .gallery-text a { height: auto; margin: 0; display: inline; } .centered div.grid a { display: block; width: 100%; height: 100%; overflow: hidden; } .centered div.grid img { width: auto; height: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .centered div.grid img.loaded { opacity: 1; filter: alpha(opacity=100); } .centered div.grid img.orientation-portrait { width: 100%; height: auto; } .centered div.grid a:hover img.show { opacity: 0.85 !important; filter: alpha(opacity=0.85 !important*100); } .left div.grid { float: left; width: 100%; padding: 50px 15px; box-sizing: border-box; } .left div.grid li { float: left; } .left div.grid li a > h4, .left div.grid li a > p, .left div.grid li a > .description { display: none; } .left div.grid .gallery-text { clear: left; } .left div.grid .gallery-text a { height: auto; margin: 0; display: inline; } .left div.grid a { display: block; overflow: hidden; } .left div.grid img { width: auto; height: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .left div.grid img.loaded { opacity: 1; filter: alpha(opacity=100); } .left div.grid a:hover img.show { opacity: 0.85 !important; filter: alpha(opacity=0.85 !important*100); } .layout-header-wide div.grid { float: left; width: 100%; } .layout-header-wide div.grid li { float: left; } .layout-header-wide div.grid li a > h4, .layout-header-wide div.grid li a > p, .layout-header-wide div.grid li a > .description { display: none; } .layout-header-wide div.grid .gallery-text { clear: left; } .layout-header-wide div.grid .gallery-text a { height: auto; margin: 0; display: inline; } .layout-header-wide div.grid a { display: block; overflow: hidden; } .layout-header-wide div.grid img { width: auto; height: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .layout-header-wide div.grid img.loaded { opacity: 1; filter: alpha(opacity=100); } .layout-header-wide div.grid a:hover img.show { opacity: 0.85 !important; filter: alpha(opacity=0.85 !important*100); } div.grid.instagram a { max-height: 305px !important; } .index .grid .thumbs h4 { margin-top: 7px; } .index .grid li a { height: 153px; line-height: 153px; overflow: visible; position: relative; } .index .grid img { display: inline; width: 100%; height: auto; vertical-align: middle; max-width: none; max-height: none; } .index .grid img.loaded { opacity: 1; filter: alpha(opacity=100); } .index .grid img.portrait { height: 100%; width: auto; } .centered div.group.grid, .centered div.archive { float: left; width: 100%; } .centered div.group.grid .thumbs, .centered div.archive .thumbs { float: left; width: 103%; margin-left: -3%; } .centered div.group.grid .thumbs > li, .centered div.archive .thumbs > li { float: left; width: 30%; margin: 0 0 20px 3.2%; } .centered div.group.grid .thumbs a, .centered div.archive .thumbs a { position: relative; width: 100%; display: block; overflow: hidden; text-align: center; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .centered div.group.grid .thumbs a:hover, .centered div.archive .thumbs a:hover { opacity: 0.75; } .centered div.group.grid img, .centered div.archive img { display: inline; width: auto; height: 160px; } .centered div.group.grid img.loaded, .centered div.archive img.loaded { opacity: 1; filter: alpha(opacity=100); } .centered div.group.grid .details, .centered div.archive .details { display: block; } .centered div.group.grid h4, .centered div.archive h4 { display: block; margin-top: 5px; line-height: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .centered div.group.grid p, .centered div.archive p { display: none; } .layout-header-wide div.group.grid, .layout-header-wide div.archive { float: left; width: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .layout-header-wide div.group.grid .thumbs, .layout-header-wide div.archive .thumbs { float: left; width: 100%; } .layout-header-wide div.group.grid .thumbs > li, .layout-header-wide div.archive .thumbs > li { float: left; width: 240px; margin: 0 10px 10px 0; } .layout-header-wide div.group.grid .thumbs a, .layout-header-wide div.archive .thumbs a { position: relative; width: 100%; height: auto; display: block; overflow: hidden; text-align: center; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .layout-header-wide div.group.grid .thumbs a:hover, .layout-header-wide div.archive .thumbs a:hover { opacity: 0.75; } .layout-header-wide div.group.grid img, .layout-header-wide div.archive img { display: inline; height: 160px; width: auto; } .layout-header-wide div.group.grid img.loaded, .layout-header-wide div.archive img.loaded { opacity: 1; filter: alpha(opacity=100); } .layout-header-wide div.group.grid .details, .layout-header-wide div.archive .details { display: block; } .layout-header-wide div.group.grid h4, .layout-header-wide div.archive h4 { display: block; margin-top: 5px; line-height: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .layout-header-wide div.group.grid p, .layout-header-wide div.archive p { display: none; } .left div.group.grid, .left div.archive { float: left; padding: 50px 15px; width: 100%; box-sizing: border-box; } .left div.group.grid .thumbs, .left div.archive .thumbs { float: left; width: 100%; } .left div.group.grid .thumbs > li, .left div.archive .thumbs > li { float: left; width: 240px; margin: 0 10px 10px 0; } .left div.group.grid .thumbs a, .left div.archive .thumbs a { position: relative; width: 100%; height: auto; display: block; overflow: hidden; text-align: center; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .left div.group.grid .thumbs a:hover, .left div.archive .thumbs a:hover { opacity: 0.75; } .left div.group.grid img, .left div.archive img { display: inline-block; height: 160px; width: auto; } .left div.group.grid img.loaded, .left div.archive img.loaded { opacity: 1; filter: alpha(opacity=100); } .left div.group.grid .details, .left div.archive .details { display: block; } .left div.group.grid h4, .left div.archive h4 { display: block; margin-top: 5px; line-height: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .left div.group.grid p, .left div.archive p { display: none; } #content .group a { text-decoration: none; } #content .native.archive div { display: none; } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } .sidescroll .images li { margin: 0 10px; vertical-align: middle; } #scrollcatcher { position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .sidescroll h4 { margin-bottom: 15px; } .sidescroll .description form { margin-top: 15px; } .sidescroll .gallery-text img { max-width: 100%; margin-bottom: 1em; } .left .sidescroll { position: relative; z-index: 2; width: 105%; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .left .sidescroll.loading { opacity: 0; filter: alpha(opacity=0); } .left .sidescroll .images { float: left; white-space: nowrap; height: 100%; font-size: 0; text-align: center; min-width: 100%; } .left .sidescroll .images li { float: none; display: inline-block; position: relative; } .left .sidescroll .images img { float: left; width: auto; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .left .sidescroll .images .gallery-image > .image-description-container { position: absolute; left: 0; bottom: 0; right: 0; white-space: normal; color: #fff; background: #000; background: rgba(0, 0, 0, .7); padding: 20px; line-height: 1.3em; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; font-size: 13px; } .left .sidescroll .images .gallery-image:hover > .image-description-container { opacity: 1; filter: alpha(opacity=100); } .left .sidescroll .images h4, .left .sidescroll .images div div { color: inherit; margin: 0; } .left .sidescroll .images .description { margin-top: 15px; } .left .sidescroll .gallery-text { max-height: 100vh; overflow: auto; font-size: 12px; line-height: 1em; white-space: normal; max-width: 60vw; text-align: left; } .centered .sidescroll { -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .centered .sidescroll.loading { opacity: 0; filter: alpha(opacity=0); } .centered .sidescroll .images { float: none; white-space: nowrap; width: auto; height: 675px; overflow-x: auto; overflow-y: hidden; font-size: 0; } .centered .sidescroll .images > li { float: none; display: inline-block; position: relative; height: 100%; } .centered .sidescroll .images > li > .image { height: 100%; } .centered .sidescroll .images > li > .image img { margin: 0; width: auto; max-height: 100%; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .centered .sidescroll .images .gallery-image > .image-description-container { position: absolute; left: 0; bottom: 0; right: 0; white-space: normal; color: #fff; background: #000; background: rgba(0, 0, 0, .7); padding: 20px; line-height: 1.3em; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; font-size: 13px; } .centered .sidescroll .images .gallery-image:hover > .image-description-container { opacity: 1; filter: alpha(opacity=100); } .centered .sidescroll .images h4, .centered .sidescroll .images div div { color: inherit; margin: 0; } .centered .sidescroll .images .description { margin-top: 15px; } .centered .sidescroll .gallery-text { max-height: 100vh; overflow: auto; font-size: 12px; line-height: 1em; white-space: normal; max-width: 60vw; text-align: left; } .layout-header-wide .sidescroll { position: relative; z-index: 2; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .layout-header-wide .sidescroll.loading { opacity: 0; filter: alpha(opacity=0); } .layout-header-wide .sidescroll .images { float: left; white-space: nowrap; font-size: 0; text-align: center; min-width: 100%; } .layout-header-wide .sidescroll .images > li { float: none; display: inline-block; position: relative; } .layout-header-wide .sidescroll .images > li:first-child { margin-left: 0 !important; } .layout-header-wide .sidescroll .images img { float: left; width: auto; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .layout-header-wide .sidescroll .images .gallery-image > .image-description-container { position: absolute; left: 0; bottom: 0; right: 0; white-space: normal; color: #fff; background: #000; background: rgba(0, 0, 0, .7); padding: 20px; line-height: 1.3em; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; font-size: 13px; } .layout-header-wide .sidescroll .images .gallery-image:hover > .image-description-container { opacity: 1; filter: alpha(opacity=100); } .layout-header-wide .sidescroll .images h4, .layout-header-wide .sidescroll .images div div { color: inherit; margin: 0; } .layout-header-wide .sidescroll .images .description { margin-top: 15px; } .layout-header-wide .sidescroll .gallery-text { max-height: 100vh; overflow: auto; font-size: 12px; line-height: 1em; white-space: normal; max-width: 60vw; text-align: left; } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } .list .images { } .list .images > li { width: 100%; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .list .images .image { position: relative; display: inline-block; } .list .images img { max-width: 100%; height: auto; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .list .images .autosizes-loading { opacity: 0; } .list .images .image-description-container { margin: 20px 0; } .list .images .description { position: relative; z-index: 2; } .list .images .description form { margin-top: 15px; } .list .images .description iframe { max-width: 100%; } .list .paging { display: none; } #content .list .images > .gallery-text { text-align: inherit !important; } .layout-header-wide .list .images .image-description-container { max-width: 800px; margin: 0 auto; } body.left #content .list { padding: 50px 0; } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } .tile.flickr { min-height: 400px; background: url('../images/loading.gif') center center no-repeat; } .tile.flickr .thumbs { visibility: hidden !important; } .tile.flickr.loaded { background: none; } .tile.flickr.loaded .thumbs { visibility: visible !important; } .left div.tile { padding: 40px 20px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .left div.tile .thumbs { position: relative; visibility: hidden; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .left div.tile .thumbs.loaded { visibility: visible; } .left div.tile .thumbs .gallery-text-thumb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .left div.tile .thumbs .gallery-text-thumb a { margin: 0; } .left div.tile .thumbs .gallery-image-thumb { margin-bottom: -1px; } .left div.tile .thumbs .gallery-image-thumb a { position: relative; display: block; background: rgba(0, 0, 0, .05) !important; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; -ms-transition: opacity 0.15s ease-out; -o-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .left div.tile .thumbs .gallery-image-thumb a:hover { opacity: 0.75; filter: alpha(opacity=75); } .left div.tile .thumbs .gallery-image-thumb img { width: 100%; height: auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .left div.tile .thumbs .gallery-image-thumb img.loaded { opacity: 1; filter: alpha(opacity=100); } .left div.tile .thumbs .gallery-image-thumb a > h4, .left div.tile .thumbs .gallery-image-thumb a > p, .left div.tile .thumbs .gallery-image-thumb div { display: none; } .left div.tile .thumbs .details { display: block !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, .7); text-align: center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .left div.tile .thumbs .details h4 { position: absolute; top: 50%; left: 0; right: 0; color: #000; margin: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .left div.tile .thumbs a:hover .details { opacity: 1; filter: alpha(opacity=100); } .layout-header-wide div.tile { padding: 0 0 50px; width: 100%; overflow-x: hidden; } .layout-header-wide div.tile .thumbs { position: relative; visibility: hidden; } .layout-header-wide div.tile .thumbs.loaded { visibility: visible; } .layout-header-wide div.tile .thumbs .gallery-text-thumb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .layout-header-wide div.tile .thumbs .gallery-image-thumb { margin-bottom: -1px; } .layout-header-wide div.tile .thumbs .gallery-image-thumb a { position: relative; display: block; background: rgba(0, 0, 0, .05) !important; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; -ms-transition: opacity 0.15s ease-out; -o-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .layout-header-wide div.tile .thumbs .gallery-image-thumb a:hover { opacity: 0.75; filter: alpha(opacity=75); } .layout-header-wide div.tile .thumbs .gallery-image-thumb img { width: 100%; height: auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .layout-header-wide div.tile .thumbs .gallery-image-thumb img.loaded { opacity: 1; filter: alpha(opacity=100); } .layout-header-wide div.tile .thumbs .gallery-image-thumb a > h4, .layout-header-wide div.tile .thumbs .gallery-image-thumb a > p, .layout-header-wide div.tile .thumbs .gallery-image-thumb div { display: none; } .layout-header-wide div.tile .thumbs .details { display: block !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, .7); text-align: center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .layout-header-wide div.tile .thumbs .details h4 { position: absolute; top: 50%; left: 0; right: 0; color: #000; margin: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .layout-header-wide div.tile .thumbs a:hover .details { opacity: 1; filter: alpha(opacity=100); } .centered .tile .thumbs { position: relative; width: 102%; visibility: hidden; } .centered .tile .thumbs.loaded { visibility: visible; } .centered .tile .thumbs .gallery-text-thumb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin: 0 5px 5px 0; } .centered .tile .thumbs .gallery-image-thumb { margin-bottom: -1px; } .centered .tile .thumbs .gallery-image-thumb a { position: relative; display: block; background: rgba(0, 0, 0, .05) !important; width: 250px; margin: 0 5px 5px 0; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; -ms-transition: opacity 0.15s ease-out; -o-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .centered .tile .thumbs .gallery-image-thumb a:hover { opacity: 0.75; filter: alpha(opacity=75); } .centered .tile .thumbs .gallery-image-thumb img { width: 100%; height: auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .centered .tile .thumbs .gallery-image-thumb img.loaded { opacity: 1; filter: alpha(opacity=100); } .centered .tile .thumbs .gallery-image-thumb a > h4, .centered .tile .thumbs .gallery-image-thumb a > p, .centered .tile .thumbs .gallery-image-thumb div { display: none; } .centered .tile .thumbs .details { display: block !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, .7); text-align: center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .centered .tile .thumbs .details h4 { position: absolute; top: 50%; left: 0; right: 0; color: #000; margin: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .centered .tile .thumbs a:hover .details { opacity: 1; filter: alpha(opacity=100); } div.tile.instagram a { max-width: 305px !important; } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } body { line-height: 1.4em; -webkit-text-size-adjust: none; } h1, h2, h3, h4, h5 { line-height: 1em; margin: 1em 0; } p { margin: 0 0 1em; } a { text-decoration: none; } .body ul { list-style-type: square; padding-left: 40px; margin: 0 0 1em; } .body ol { list-style-type: decimal; padding-left: 40px; margin: 0 0 1em; } .body hr { clear: left; width: 100%; border: none; border-top: 1px solid; height: 1px; margin: 0 0 1em; opacity: 0.3; } .body strong { font-weight: 800; } blockquote { font-weight: bold; padding: 0 0 0 25px; border-left: 3px solid; font-size: 1.3em; margin-bottom: 1em; } #posts img, .body img { max-width: 100%; margin: 0 auto; } .body h2 { border: none; } .wysiwyg-text-align-left { text-align: left; } .wysiwyg-text-align-center { text-align: center; } .wysiwyg-text-align-right { text-align: right; } .body .wysiwyg-float-right { float: right; margin: 0 0 20px 20px; } .body .wysiwyg-float-left { float: left; margin: 0 20px 20px 0; } .body table { width: 100%; } .body td { padding: 5px; border-top: 1px solid; } .body .right { float: right; margin: 0 0 20px 20px; max-width: 50%; } .body .left { float: left; margin: 0 20px 20px 0; max-width: 50%; } #content #google_translate_element img { display: inline; } #content #google_translate_element a { text-decoration: none; } #sidebar img { max-width: 100%; } .clear { clear: left; } .opaque { opacity: 1 !important; filter: alpha(opacity=100) !important; } #content > h2 { margin-top: 0; } #content > h2 a { text-decoration: none; } .post { padding: 30px 0 30px 175px; border-bottom: 1px solid rgba(0, 0, 0, .2); position: relative; max-width: 1000px; } .post > strong { display: block; font-size: 0.8em; line-height: 1.2em; margin: 5px 0 10px; position: absolute; top: 30px; left: 0; max-width: 175px; } .post .comment_count { display: block; text-decoration: none !important; font-weight: normal; margin-top: 3px; } .post > a { display: block; margin-bottom: 10px; } .post > strong span { display: block; } .post .video { margin-bottom: 10px; } .post > h3 { margin: 0 0 10px; } .post > h3 a { border: none; } .post .body.caption { text-align: center; } #posts .post-link > img { display: block; margin-bottom: 10px; } #logged_out_controls { position: absolute; top: 3px; right: 3px; z-index: 92; } #logged_out_controls img { display: inline; } .left #posts { padding-top: 50px; } .left #posts .post { padding-right: 10%; } .left .post > strong { left: 25px; } .display .post { border: none; } #disqus_thread { margin-top: 45px; } .contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea { -webkit-appearance: none; appearance: none; float: none !important; display: inline-block; border: 1px solid #ccc; padding: 8px; font: normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 400px; max-width: 100%; } .contact_form br { clear: both; } .contact_form input[type="submit"] { -webkit-appearance: none; appearance: none; display: inline-block; float: none !important; border: 1px solid #ccc; padding: 8px 16px; font: normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; cursor: pointer; background: #fff; color: #000; border-radius: 3px; margin-top: 15px; opacity: 0.75; filter: alpha(opacity=75); } .contact_form input[type="submit"]:hover { opacity: 1; filter: alpha(opacity=100); } bdo[dir="rtl"] { display: block; text-align: right; } img.preloaded { width: 1px !important; height: 1px !important; visibility: hidden !important; position: absolute; top: -1px; left: -1px; } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } #content .body form { float: left; width: 100%; margin-bottom: 20px; } #content form label { float: left; width: 100%; padding: 5px 0; } #content label em { display: block; padding: 0 0 3px; font-style: normal; } .body form input { float: left; clear: left; } .contact_form .email { display: none !important; } textarea { max-width: 99%; } input.error, textarea.error { color: #d55f36 !important; background: #fff !important; border: 2px solid #d55f36 !important; } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } html, #page-index { height: 100%; } #billboard { display: block; position: relative; } #billboard .img { -webkit-transition: opacity 0.75s ease-out; -moz-transition: opacity 0.75s ease-out; -ms-transition: opacity 0.75s ease-out; -o-transition: opacity 0.75s ease-out; transition: opacity 0.75s ease-out; } #billboard.loading { background: url('../images/loading.gif') center center no-repeat; } #billboard.loading img { opacity: 0; filter: alpha(opacity=0); } body #billboard.slideshow .img { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); } body #billboard.slideshow .img.active { opacity: 1; filter: alpha(opacity=100); } .layout-header-wide #billboard.slideshow { margin: 0 auto; } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } #overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; color: #fff; background-image: url('../images/loading.gif'); background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, .85); z-index: 700; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } #overlay.show { opacity: 1; filter: alpha(opacity=100); } #overlay > div { position: relative; display: inline-block; padding: 10px; text-align: center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } #overlay > div.show { opacity: 1; filter: alpha(opacity=100); } #overlay img { display: block; } #overlay .info { position: absolute; bottom: 10px; left: 10px; right: 10px; padding: 11px 20px 10px; background: rgba(0, 0, 0, .6); opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; -ms-transition: opacity 0.15s ease-out; -o-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } #overlay .info h4, #overlay .info p { color: #fff; margin: 0 0 5px; } #overlay .info h4 { font-size: 14px; } #overlay .info p { font-size: 12px; line-height: 16px; } #overlay > div:hover .info { opacity: 1; } #overlay .paging { display: block; position: absolute; z-index: 2; top: 50%; margin-top: -150px; width: 100px; height: 300px; text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: center center; background-repeat: no-repeat; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; opacity: 0.4; filter: alpha(opacity=40); } #overlay .paging:hover { opacity: 1; filter: alpha(opacity=100); } #overlay .next { right: 0; background-image: url('../images/a-next.svg'); border-radius: 3px 0 3px; } #overlay .back { left: 0; background-image: url('../images/a-back.svg'); border-radius: 0 3px 3px 0; } #overlay .invisible { cursor: default; background: none !important; } #overlay .close-overlay { display: block; position: absolute; top: 0; right: 0; width: 75px; height: 75px; text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-image: url('../images/a-close-lightbox.svg'); background-size: 35%; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -ms-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; opacity: 0.4; filter: alpha(opacity=40); } #overlay .close-overlay:hover { opacity: 1; filter: alpha(opacity=100); } @-webkit-keyframes "fade" { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes "fadein" { 0% { opacity: 0; } 100% { opacity: 1; } } @import url('http://fonts.googleapis.com/css?family=Montserrat:400,700'); body { background-image: url('../skin/images/bg-body.jpg_900.png'); background-position: center top; background-repeat: repeat; background-attachment: scroll; background-color: #ffffff; color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 22px; } .centered #layout { width: 900px; } .centered.bleed header { height: 100px; background-image: url('../skin/images/bg-header-bleed.jpg_900.png'); background-color: #ffffff; border-radius: 10px; } .centered header { height: 100px; background-image: url('../skin/images/bg-header.jpg_900.png'); background-color: transparent; } #page-index.layout-header-wide header { height: 110px; background-image: url('../skin/images/bg-header-wide-home.jpg_900.png'); background-color: transparent; } .layout-header-wide header { height: 110px; background-image: url('../skin/images/bg-header-wide.jpg_900.png'); background-color: #ffffff; position: fixed; } #page-index.left header { background-image: url('../skin/images/bg-header-home-bleed.jpg_900.png'); background-color: transparent; } .left header { width: 250px; background-image: url('../skin/images/bg-header-bleed.jpg_900.png'); background-color: rgba(255,255,255,.95); background-color : rgb(255,255,255)\9; } header h1 a { color: #000000; top: 40px; left: 22px; right: auto; width: 200px; font-family: Montserrat; font-size: 23px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-align: left; border-radius: 0; background: none !important; position: absolute; background-image: url('../skin/images/logo_900.jpg'); } .centered nav { top: 70px; left: 18px; right: auto; background-image: url('../skin/images/bg-navigation.jpg_900.png'); background-color: transparent; } .layout-header-wide nav { top: 67px; left: 20px; right: auto; background-image: url('../skin/images/bg-navigation.jpg_900.png'); background-color: transparent; } .left nav { top: 90px; left: 15px; right: auto; text-align: left; } .layout-header-wide.nobleed #billboard img { width: 900px; } nav .dropdown li a { color: #000000; font-size: 12px; font-weight: normal; text-transform: none; letter-spacing: 0; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; } nav .accordion li a { color: #000000; font-size: 12px; font-weight: normal; text-transform: none; letter-spacing: 0; padding-left: 20px; padding-right: 20px; padding-top: 7px; padding-bottom: 7px; } nav a { color: #000000; background-color: transparent; font-family: Montserrat; font-size: 14px; font-weight: normal; text-transform: none; letter-spacing: 0; border-radius: 0; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; } nav .dropdown ul { border-radius: 3px; background-color: #ffffff; } .centered #content { background-image: url('../skin/images/bg-content.jpg_900.png'); background-position: center top; background-repeat: repeat-y; background-color: transparent; border-radius: 0; } .centered.bleed footer { color: #000000; background-image: url('../skin/images/bg-footer-bleed.jpg_900.png'); background-color: #ffffff; border-radius: 5px; } .centered footer { color: #000000; background-color: transparent; } .bleed.layout-header-wide footer { color: #000000; background-color: transparent; } .layout-header-wide footer { color: #000000; background-color: #ffffff; } .left footer { color: #000000; } footer a { font-size: 13px; color: #adadad; background-color: transparent; } #overlay { background-color: rgba(0,0,0, .85); background-color : rgb(0,0,0)\9; } #overlay > div { background-color: transparent; } #content .list .images > li { max-width: 1000px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; text-align: center; } .sidescroll .images li { margin-top: 0; margin-bottom: 0; max-height: 5000px; vertical-align: middle; margin-left: 5px; margin-right: 5px; } .layout-header-wide div.grid a { height: 150px; margin: 0 10px 10px 0; } .left div.grid a { height: 150px; margin: 0 10px 10px 0; } .layout-header-wide div.tile a { width: 200px; margin: 0 10px 10px 0; } .left div.tile a { width: 200px; margin: 0 10px 10px 0; } div.blocks a { height: 200px; margin: 0 10px 10px 0; } #content .list .gallery-text > div { color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; font-weight: normal; text-transform: none; letter-spacing: 0; padding-top: 50px; padding-bottom: 50px; padding-left: 150px; padding-right: 150px; } #content .list .gallery-text h1 { color: #000000; font-family: Georgia; font-size: 36px; line-height: 36px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .list .gallery-text h2 { color: #000000; font-family: Georgia; font-size: 28px; line-height: 28px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .list .gallery-text h3 { color: #000000; font-family: Georgia; font-size: 22px; line-height: 22px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .sidescroll .gallery-text > div { max-width: 300px; color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; font-weight: normal; text-transform: none; letter-spacing: 0; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } #content .sidescroll .gallery-text h1 { color: #000000; font-family: Georgia; font-size: 34px; line-height: 34px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .sidescroll .gallery-text h2 { color: #000000; font-family: Georgia; font-size: 28px; line-height: 28px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .sidescroll .gallery-text h3 { color: #000000; font-family: Georgia; font-size: 22px; line-height: 22px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .blocks .gallery-text > div { color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; font-weight: normal; text-transform: none; letter-spacing: 0; padding-top: 50px; padding-bottom: 50px; padding-left: 100px; padding-right: 100px; } #content .blocks .gallery-text h1 { color: #000000; font-family: Georgia; font-size: 32px; line-height: 32px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .blocks .gallery-text h2 { color: #000000; font-family: Georgia; font-size: 28px; line-height: 28px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .blocks .gallery-text h3 { color: #000000; font-family: Georgia; font-size: 22px; line-height: 22px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .grid .gallery-text > div { color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; font-weight: normal; text-transform: none; letter-spacing: 0; padding-top: 50px; padding-bottom: 50px; padding-left: 100px; padding-right: 100px; } #content .grid .gallery-text h1 { color: #000000; font-family: Georgia; font-size: 36px; line-height: 36px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .grid .gallery-text h2 { color: #000000; font-family: Georgia; font-size: 28px; line-height: 28px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .grid .gallery-text h3 { color: #000000; font-family: Georgia; font-size: 22px; line-height: 22px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .tile .gallery-text > div { color: #000000; background-color: transparent; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 22px; font-weight: normal; text-transform: none; letter-spacing: 0; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; } #content .tile .gallery-text h1 { color: #000000; font-family: Georgia; font-size: 36px; line-height: 36px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .tile .gallery-text h2 { color: #000000; font-family: Georgia; font-size: 28px; line-height: 28px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .tile .gallery-text h3 { color: #000000; font-family: Georgia; font-size: 22px; line-height: 22px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .carousel .gallery-text > div { max-width: 700px; color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; font-weight: normal; text-transform: none; letter-spacing: 0; padding-top: 100px; padding-bottom: 100px; padding-left: 100px; padding-right: 100px; } #content .carousel .gallery-text h1 { color: #000000; font-family: Georgia; font-size: 36px; line-height: 36px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .carousel .gallery-text h2 { color: #000000; font-family: Georgia; font-size: 28px; line-height: 28px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content .carousel .gallery-text h3 { color: #000000; font-family: Georgia; font-size: 22px; line-height: 22px; font-weight: bold; text-transform: none; letter-spacing: 0; margin-bottom: 15px; } #content > h2 { color: #000000; font-family: Montserrat; font-size: 32px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-align: center; border-top: 1px solid; padding-top: 15px; display: block; } #content > h2 a { color: #cccccc; } #content h1 { color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; text-transform: none; letter-spacing: 0; } #content * h2 { color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; text-transform: none; letter-spacing: 0; } h3 { color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; text-transform: none; letter-spacing: 0; } h4 { color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; text-transform: none; letter-spacing: 0; } #content a { color: #bbbbbb; background-color: transparent; text-decoration: underline; } nav .blurb { color: #000000; background-color: transparent; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 19px; letter-spacing: 0; border-radius: 0; margin-top: 0px !important; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; } #page-index.layout-header-wide #content { margin-top: 110px; } .layout-header-wide #content { margin-top: 110px; } .left #content { margin-left: 250px; } header h1 img { display: none; } header h1 span { display: block; } .layout-header-wide div.tile .gallery-text-thumb { margin: 0 10px 10px 0; } .left div.tile .gallery-text-thumb { margin: 0 10px 10px 0; } body nav .selected a { color: #bbbbbb; background-color: transparent; } body nav a:hover { color: #bbbbbb; background-color: transparent; } .left.nobleed #billboard { top: 43px; left: 250px; width: 900px; } .carousel .image-description-container { text-align: center; color: #000; background-color: rgba(255,255,255, .85); }