/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 14, 2013 */ @font-face { font-family: 'bahn_proregular'; src: url('../fonts/bahn-pro/bahn-pro-webfont.eot'); src: url('../fonts/bahn-pro/bahn-pro-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bahn-pro/bahn-pro-webfont.woff') format('woff'), url('../fonts/bahn-pro/bahn-pro-webfont.ttf') format('truetype'), url('../fonts/bahn-pro/bahn-pro-webfont.svg#bahn_proregular') format('svg'); font-weight: normal; font-style: normal; } /* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 14, 2013 */ @font-face { font-family: 'economica_proregular'; src: url('../fonts/economica-pro/economica-pro-webfont.eot'); src: url('../fonts/economica-pro/economica-pro-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/economica-pro/economica-pro-webfont.woff') format('woff'), url('../fonts/economica-pro/economica-pro-webfont.ttf') format('truetype'), url('../fonts/economica-pro/economica-pro-webfont.svg#economica_proregular') format('svg'); font-weight: normal; font-style: normal; } @charset "UTF-8"; /* * Symbolset * www.symbolset.com * Copyright © 2013 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ @font-face { font-family: "SSSocialRegular"; src: url('../fonts/ss-social/ss-social-regular.eot'); src: url('../fonts/ss-social/ss-social-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ss-social/ss-social-regular.woff') format('woff'), url('../fonts/ss-social/ss-social-regular.ttf') format('truetype'), url('../fonts/ss-social/ss-social-regular.svg#SSSocialRegular') format('svg'); font-weight: normal; font-style: normal; } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="ss-"]{-ms-zoom: 1;} .ss-icon, .ss-icon.ss-social-regular, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-social-regular:before, [class*=" ss-"].ss-social-regular:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-social-regular.right:after, [class*=" ss-"].ss-social-regular.right:after { font-family: "SSSocialRegular"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } [class^="ss-"].right:before, [class*=" ss-"].right:before{display:none;content:'';} .ss-facebook:before,.ss-facebook.right:after{content:''}.ss-twitter:before,.ss-twitter.right:after{content:''}.ss-linkedin:before,.ss-linkedin.right:after{content:''}.ss-googleplus:before,.ss-googleplus.right:after{content:''}.ss-appdotnet:before,.ss-appdotnet.right:after{content:''}.ss-zerply:before,.ss-zerply.right:after{content:''}.ss-reddit:before,.ss-reddit.right:after{content:''}.ss-steam:before,.ss-steam.right:after{content:''}.ss-tumblr:before,.ss-tumblr.right:after{content:''}.ss-wordpress:before,.ss-wordpress.right:after{content:''}.ss-blogger:before,.ss-blogger.right:after{content:''}.ss-posterous:before,.ss-posterous.right:after{content:''}.ss-quora:before,.ss-quora.right:after{content:''}.ss-youtube:before,.ss-youtube.right:after{content:''}.ss-vimeo:before,.ss-vimeo.right:after{content:''}.ss-vine:before,.ss-vine.right:after{content:''}.ss-letterboxd:before,.ss-letterboxd.right:after{content:''}.ss-flickr:before,.ss-flickr.right:after{content:''}.ss-instagram:before,.ss-instagram.right:after{content:''}.ss-500px:before,.ss-500px.right:after{content:''}.ss-etsy:before,.ss-etsy.right:after{content:''}.ss-pinterest:before,.ss-pinterest.right:after{content:''}.ss-svpply:before,.ss-svpply.right:after{content:''}.ss-readmill:before,.ss-readmill.right:after{content:''}.ss-dropbox:before,.ss-dropbox.right:after{content:''}.ss-pinboard:before,.ss-pinboard.right:after{content:''}.ss-delicious:before,.ss-delicious.right:after{content:''}.ss-dribbble:before,.ss-dribbble.right:after{content:''}.ss-behance:before,.ss-behance.right:after{content:''}.ss-github:before,.ss-github.right:after{content:''}.ss-octocat:before,.ss-octocat.right:after{content:''}.ss-stackoverflow:before,.ss-stackoverflow.right:after{content:''}.ss-paypal:before,.ss-paypal.right:after{content:''}.ss-kickstarter:before,.ss-kickstarter.right:after{content:''}.ss-foursquare:before,.ss-foursquare.right:after{content:''}.ss-yelp:before,.ss-yelp.right:after{content:''}.ss-skype:before,.ss-skype.right:after{content:''}.ss-rdio:before,.ss-rdio.right:after{content:''}.ss-spotify:before,.ss-spotify.right:after{content:''}.ss-lastfm:before,.ss-lastfm.right:after{content:''}.ss-soundcloud:before,.ss-soundcloud.right:after{content:''}.ss-link:before,.ss-link.right:after{content:'🔗'}.ss-phone:before,.ss-phone.right:after{content:'📞'}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-rss:before,.ss-rss.right:after{content:''}.ss-share:before,.ss-share.right:after{content:''}.ss-apple:before,.ss-apple.right:after{content:''}.ss-microsoft:before,.ss-microsoft.right:after{content:''}.ss-windows:before,.ss-windows.right:after{content:''}.ss-android:before,.ss-android.right:after{content:''}.ss-blackberry:before,.ss-blackberry.right:after{content:''} /* Legacy */ .ss-fivehundredpx:before,.ss-fivehundredpx.right:after{content:''} /* ========================================================================== Normalize.scss settings ========================================================================== */ /** * Includes legacy browser support IE6/7 * * Set to false if you want to drop support for IE6 and IE7 */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; } /** * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * 3.Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ /** * Improves readability when focused and also mouse hovered in all browsers. */ a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Addresses font sizes and margins set differently in IE 6/7. * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Addresses styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Addresses margins set differently in IE 6/7. */ /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 8/9. * 2. Improves image quality when scaled in IE 7. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Corrects text not wrapping in Firefox 3. * 4. Corrects alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. * 4. Improves appearance and consistency in all browsers. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 7/8/9/10. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /*! * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/font-awesome//fontawesome-webfont.eot?v=4.0.3"); src: url("../fonts/font-awesome//fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../fonts/font-awesome//fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../fonts/font-awesome//fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../fonts/font-awesome//fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; } .fa-li.fa-lg { left: -1.85714em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: white; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-asc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-desc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-reply-all:before { content: "\f122"; } .fa-mail-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @-webkit-keyframes spin { from { -webkit-transform: rotateZ(0deg); } to { -webkit-transform: rotateZ(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotateZ(0deg); } to { -moz-transform: rotateZ(360deg); } } @-o-keyframes spin { from { -o-transform: rotateZ(0deg); } to { -o-transform: rotateZ(360deg); } } @keyframes spin { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } } .footer-player .footer-content, [data-page="news"] .post-list, [data-page="press"] .post-list, [data-page="news"] .featured-post, [data-page="press"] .featured-post, [data-page="photos"] .gallery, [data-page="videos"] .gallery, [data-page="music"] .gallery, [data-single="music"] .gallery, [data-single="gallery"] .gallery, [data-single="music"] { *zoom: 1; } .footer-player .footer-content:before, [data-page="news"] .post-list:before, [data-page="press"] .post-list:before, [data-page="news"] .featured-post:before, [data-page="press"] .featured-post:before, [data-page="photos"] .gallery:before, [data-page="videos"] .gallery:before, [data-page="music"] .gallery:before, [data-single="music"] .gallery:before, [data-single="gallery"] .gallery:before, [data-single="music"]:before, .footer-player .footer-content:after, [data-page="news"] .post-list:after, [data-page="press"] .post-list:after, [data-page="news"] .featured-post:after, [data-page="press"] .featured-post:after, [data-page="photos"] .gallery:after, [data-page="videos"] .gallery:after, [data-page="music"] .gallery:after, [data-single="music"] .gallery:after, [data-single="gallery"] .gallery:after, [data-single="music"]:after { content: " "; display: table; } .footer-player .footer-content:after, [data-page="news"] .post-list:after, [data-page="press"] .post-list:after, [data-page="news"] .featured-post:after, [data-page="press"] .featured-post:after, [data-page="photos"] .gallery:after, [data-page="videos"] .gallery:after, [data-page="music"] .gallery:after, [data-single="music"] .gallery:after, [data-single="gallery"] .gallery:after, [data-single="music"]:after { clear: both; } .site-nav ul, .social-nav ul, .footer-player .track-meta ul, [data-page="photos"] .anchor-nav ul, [data-page="videos"] .anchor-nav ul, [data-page="music"] .anchor-nav ul, [data-single="music"] .anchor-nav ul, [data-single="gallery"] .anchor-nav ul, .page-loader:after, .social-nav .social > a, .carousel .panel h1:before, .carousel .panel h1:after, .carousel .panel .button:before, .carousel .panel .button:after, .carousel .panel-nav a, .carousel .adjacent-panel-nav a.prev, .carousel .adjacent-panel-nav a.next, .fancybox-nav.fancybox-prev, .fancybox-nav.fancybox-next, [data-page="tour"] .map, [data-page="photos"] .anchor-nav ul:before, [data-page="videos"] .anchor-nav ul:before, [data-page="music"] .anchor-nav ul:before, [data-single="music"] .anchor-nav ul:before, [data-single="gallery"] .anchor-nav ul:before, [data-page="photos"] .anchor-nav ul:after, [data-page="videos"] .anchor-nav ul:after, [data-page="music"] .anchor-nav ul:after, [data-single="music"] .anchor-nav ul:after, [data-single="gallery"] .anchor-nav ul:after, [data-single="music"] .music-content .button:before, [data-single="music"] .music-content .button:after, [data-single="music"] .music-links .direct, [data-single="music"] .music-links .itunes, [data-single="music"] .music-links .amazon, [data-single="music"] .music-links .spotify, .button, .button span, .site-nav .menu-main-navigation-container ul li, .social-nav .signup, .social-nav .social, .social-nav .menu-social-navigation-container #menu-social-navigation > li > a, .social-nav .menu-social-navigation-container #menu-social-navigation > .menu-item-has-children .sub-menu li, .social-nav .menu-social-navigation-container #menu-social-navigation > .menu-item-has-children .sub-menu a, .carousel .panel .panel-num, .carousel .panel-nav a:after, .carousel .adjacent-panel-nav a, .footer-player .player-controls, .footer-player .track-info, .footer-player .loading, .footer-player .track-meta, .footer-player .player-controls button, .footer-player .play-toggle i, .footer-player .track-info .progress, .footer-player .track-info p, .footer-player .track-meta li, .footer-player .track-meta .soundcloud, .fancybox-nav, .tumblr-feed .overlay a, .tumblr-detail .overlay a, [data-page="news"] .featured-post time, [data-page="news"] .post time, [data-page="press"] .featured-post time, [data-page="press"] .post time, [data-page="news"] .featured-post .readmore a, [data-page="press"] .featured-post .readmore a, [data-page="post"] header time, [data-page="tour"] table a, [data-page="photos"] .anchor-nav li, [data-page="videos"] .anchor-nav li, [data-page="music"] .anchor-nav li, [data-single="music"] .anchor-nav li, [data-single="gallery"] .anchor-nav li, [data-page="photos"] .anchor-nav li + li:before, [data-page="videos"] .anchor-nav li + li:before, [data-page="music"] .anchor-nav li + li:before, [data-single="music"] .anchor-nav li + li:before, [data-single="gallery"] .anchor-nav li + li:before, [data-single="music"] .music-links a { display: inline-block; } .site-nav ul, .social-nav ul, .footer-player .track-meta ul, [data-page="photos"] .anchor-nav ul, [data-page="videos"] .anchor-nav ul, [data-page="music"] .anchor-nav ul, [data-single="music"] .anchor-nav ul, [data-single="gallery"] .anchor-nav ul, .carousel .panel .subtext, .carousel .panel h1, .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-tmp, .fancybox-nav { margin: 0; padding: 0; } .site-nav ul, .social-nav ul, .footer-player .track-meta ul, [data-page="photos"] .anchor-nav ul, [data-page="videos"] .anchor-nav ul, [data-page="music"] .anchor-nav ul, [data-single="music"] .anchor-nav ul, [data-single="gallery"] .anchor-nav ul { list-style: none; } .page-loader:after, .social-nav .social > a, .carousel .panel h1:before, .carousel .panel h1:after, .carousel .panel .button:before, .carousel .panel .button:after, .carousel .panel-nav a, .carousel .adjacent-panel-nav a.prev, .carousel .adjacent-panel-nav a.next, .fancybox-nav.fancybox-prev, .fancybox-nav.fancybox-next, [data-page="tour"] .map, [data-page="photos"] .anchor-nav ul:before, [data-page="videos"] .anchor-nav ul:before, [data-page="music"] .anchor-nav ul:before, [data-single="music"] .anchor-nav ul:before, [data-single="gallery"] .anchor-nav ul:before, [data-page="photos"] .anchor-nav ul:after, [data-page="videos"] .anchor-nav ul:after, [data-page="music"] .anchor-nav ul:after, [data-single="music"] .anchor-nav ul:after, [data-single="gallery"] .anchor-nav ul:after, [data-single="music"] .music-content .button:before, [data-single="music"] .music-content .button:after, [data-single="music"] .music-links .direct, [data-single="music"] .music-links .itunes, [data-single="music"] .music-links .amazon, [data-single="music"] .music-links .spotify { color: transparent; font: 0/0 a; text-shadow: none; } html { height: 100%; background: #242323; } body { position: relative; z-index: 0; min-height: 100%; } body:before, body:after { content: ""; } body:after { z-index: 5; background: url("../img/site/pattern-largedots.png") repeat-y center top; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } #bg-group { z-index: 4; background: url("../img/site/pattern-lightblock.png") repeat center, url("../img/site/bg-circle-dissolve.png") no-repeat center; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; } #bg-lines, #bg-noise { background: url("../img/site/animated/line-animation-8.gif") no-repeat; background-size: cover; opacity: 0.1; display: none; z-index: 3; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; } #bg-noise { background-image: url("../img/site/animated/noise-10.gif"); opacity: 0.1; } #bgvid { z-index: 3; background-repeat: no-repeat; background-position: center; background-size: cover; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; } video#bgvid { min-width: 100%; min-height: 100%; } button { border: none; outline-width: 0; background: none; } img { max-width: 100%; } h1 { padding-top: 9rem; } .wrap { position: relative; z-index: 6; } .container, .under-hero .sections { margin: 0 auto; position: relative; z-index: 6; overflow: hidden; *zoom: 1; max-width: 780px; margin-left: auto; margin-right: auto; } .container:before, .under-hero .sections:before, .container:after, .under-hero .sections:after { content: " "; display: table; } .container:after, .under-hero .sections:after { clear: both; } @media screen and (max-width: 960px) { .container, .under-hero .sections { padding-left: 3rem; padding-right: 3rem; } } .container .container-wrap, .under-hero .sections .container-wrap { position: relative; } .container .container-wrap:before, .under-hero .sections .container-wrap:before { content: ""; z-index: -1; display: block; background: url("../img/site/pattern-smalldots.png") repeat center top; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; } .page-content { padding: 4rem 0; } @media screen and (max-width: 960px) { .page-content { float: left; display: block; margin-right: 3.57866%; width: 74.10533%; margin-left: 12.94733%; } .page-content:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .page-content { padding: 10rem 0; float: left; display: block; margin-right: 16.03631%; width: 100%; margin-left: 0%; } .page-content:last-child { margin-right: 0; } } .floating-header { padding-top: 4rem; z-index: 999; position: absolute; top: 0px; right: 0px; left: 0px; } .floating-header h1 { cursor: pointer; } .floating-header a { pointer-events: auto; } .floating-header + * { margin-top: 25rem; } .floating-header.floating { top: -100px; padding-top: 0; position: fixed; } @media screen and (max-width: 960px) { .floating-header.floating { position: absolute; padding-top: 10rem; } } @media screen and (max-width: 767px) { .floating-header + * { margin-top: 12rem; } .floating-header.floating { padding-top: 10rem; } } .page-loader { display: none; z-index: 3000; background: rgba(0, 0, 0, 0.65) url("../img/site/pattern-darkblock.gif") repeat center; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; } .page-loader:after { content: ""; margin: -97px 0 0 -93px; z-index: 3002; background: url("../img/site/animated/loading.gif") no-repeat center; width: 194px; height: 186px; position: fixed; top: 50%; left: 50%; } .page-loader img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3001; } /* =WordPress Core */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: white; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } h1, h2, h3, h4, h5, h6, .button, .site-nav .menu-main-navigation-container ul, .social-nav .signup > a, .carousel .panel h1, .footer-player p, .under-hero .news .readmore, .under-hero .tour table th, [data-page="news"] .featured-post time, [data-page="news"] .post time, [data-page="press"] .featured-post time, [data-page="press"] .post time, [data-page="news"] .featured-post .readmore, [data-page="press"] .featured-post .readmore, [data-page="news"] .post .title, [data-page="press"] .post .title, [data-page="post"] .adjacent-posts a, [data-page="post"] header time, [data-page="tour"] table th, [data-page="photos"] .anchor-nav, [data-page="videos"] .anchor-nav, [data-page="music"] .anchor-nav, [data-single="music"] .anchor-nav, [data-single="gallery"] .anchor-nav, body, input, select, textarea, button, .social-nav .menu-social-navigation-container #menu-social-navigation > .menu-item-has-children .sub-menu, .carousel .panel-nav a:after, .social-nav .menu-social-navigation-container { font-style: normal; font-weight: normal; } h1, h2, h3, h4, h5, h6, .button, .site-nav .menu-main-navigation-container ul, .social-nav .signup > a, .carousel .panel h1, .footer-player p, .under-hero .news .readmore, .under-hero .tour table th, [data-page="news"] .featured-post time, [data-page="news"] .post time, [data-page="press"] .featured-post time, [data-page="press"] .post time, [data-page="news"] .featured-post .readmore, [data-page="press"] .featured-post .readmore, [data-page="news"] .post .title, [data-page="press"] .post .title, [data-page="post"] .adjacent-posts a, [data-page="post"] header time, [data-page="tour"] table th, [data-page="photos"] .anchor-nav, [data-page="videos"] .anchor-nav, [data-page="music"] .anchor-nav, [data-single="music"] .anchor-nav, [data-single="gallery"] .anchor-nav { font-family: "bahn_proregular", Helvetica, Arial, sans-serif; } body, input, select, textarea, button, .social-nav .menu-social-navigation-container #menu-social-navigation > .menu-item-has-children .sub-menu, .carousel .panel-nav a:after { font-family: "economica_proregular", Helvetica, Arial, sans-serif; } .social-nav .menu-social-navigation-container { font-family: "SSSocialRegular"; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } html { font-size: 62.5%; -webkit-font-smoothing: antialiased; } body, input, select, textarea, button { font-size: 2.6rem; line-height: 1.4; color: white; } h1 span, h1 span * { cursor: default; pointer-events: none; } h1 span img, h1 span * img { max-height: 160px; } a { text-decoration: none; color: #a49272; } a:hover { color: white; } .loud, .page-content h1, .floating-header h1, .button, .site-nav .menu-main-navigation-container ul, .social-nav .menu-social-navigation-container #menu-social-navigation > .menu-item-has-children .sub-menu a, .carousel .panel, .footer-player p, .under-hero h2, .under-hero .news h3, .under-hero .news .readmore, .under-hero .tour table th, [data-page="news"] .featured-post time, [data-page="news"] .post time, [data-page="press"] .featured-post time, [data-page="press"] .post time, [data-page="news"] .featured-post h2, [data-page="press"] .featured-post h2, [data-page="news"] .featured-post .readmore, [data-page="press"] .featured-post .readmore, [data-page="news"] .post .title, [data-page="press"] .post .title, [data-page="post"] .adjacent-posts a, [data-page="post"] header time, [data-page="post"] header h1, [data-page="tour"] table th, [data-page="photos"] .anchor-nav, [data-page="videos"] .anchor-nav, [data-page="music"] .anchor-nav, [data-single="music"] .anchor-nav, [data-single="gallery"] .anchor-nav, [data-single="music"] .music-content h2 { text-transform: uppercase; } .page-content h1, .floating-header h1 { font-size: 11.2rem; line-height: 1; text-align: center; margin: 0 0 0.25em 0; } .page-content p, .floating-header p { color: #acacac; } .fancybox-lock .page-content h1, .fancybox-lock .floating-header h1 { text-shadow: 0 0 24px white, 0 0 16px white, 0 0 12px white, 0 0 8px white, 0 0 4px white, 0 0 2px white; } .fancybox-lock .page-content a, .fancybox-lock .floating-header a { text-shadow: 0 0 24px #a49272, 0 0 20px #a49272, 0 0 18px #a49272, 0 0 16px #a49272, 0 0 14px #a49272, 0 0 12px #a49272, 0 0 10px #a49272, 0 0 8px #a49272, 0 0 6px #a49272, 0 0 4px #a49272, 0 0 2px #a49272; } .fancybox-lock .page-content .active a, .fancybox-lock .floating-header .active a { text-shadow: 0 0 24px white, 0 0 20px white, 0 0 18px white, 0 0 16px white, 0 0 14px white, 0 0 12px white, 0 0 10px white, 0 0 8px white, 0 0 6px white, 0 0 4px white, 0 0 2px white; } @media screen and (max-width: 767px) { .page-content h1, .floating-header h1 { font-size: 8rem; } .page-content p, .floating-header p { font-size: 1.8rem; } } .floating-header h1 { margin-bottom: 0; } .button { font-size: 1.9rem; letter-spacing: 0.3rem; color: #242323; padding: 2px; border-radius: 6rem; border: 3px solid #a49272; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: border-color 0.4s ease-in-out; -moz-transition: border-color 0.4s ease-in-out; transition: border-color 0.4s ease-in-out; } .button span { background: #a49272; padding: 0.4rem 2.4rem; border-radius: 6rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .button:hover { border-color: white; color: #242323; } .button:hover span { background: white; padding: 0.4rem 3.2rem; } .page-content .ss-icon { color: #a49272; margin: 0 0 0 20px; position: relative; top: 5px; } .page-content .ss-icon:hover { color: white; } .site-nav { z-index: 1000; position: fixed; top: 0px; left: 0px; width: 100%; background: black; } .site-nav .trigger { position: absolute; left: 0; top: 0; background: url("../img/site/bg-nav-trigger.png") no-repeat right center; text-indent: -6000px; display: block; width: 150px; height: 100%; } .site-nav .menu-main-navigation-container { text-align: center; display: block !important; } .site-nav .menu-main-navigation-container ul { font-size: 2.5rem; line-height: 8rem; } .site-nav .menu-main-navigation-container ul li { float: left; margin-left: 1.25em; } .site-nav .menu-main-navigation-container ul a { color: white; border-bottom: 0.3rem solid transparent; } .site-nav .menu-main-navigation-container ul a:hover, .site-nav .menu-main-navigation-container ul .current-menu-item a { color: #a49272; } .site-nav .menu-main-navigation-container ul .current-menu-item a { border-color: #d8bf90; } @media screen and (max-width: 960px) { .site-nav .menu-main-navigation-container ul { font-size: 2rem; } .site-nav .menu-main-navigation-container ul li { margin-left: 1em; } } @media screen and (max-width: 767px) { .site-nav { height: 60px; overflow: hidden; } .site-nav.active { height: 170px; } .site-nav .trigger { margin-left: -173px; background-size: cover; background-position: right; top: 3px; width: 250px; height: 52px; } .site-nav .menu-main-navigation-container { padding: 10rem 1rem 0; } .site-nav .menu-main-navigation-container ul { font-size: 2rem; line-height: 2rem; } .site-nav .menu-main-navigation-container ul li { margin-bottom: 0.75em; margin-left: 2rem; } } @media screen and (max-width: 480px) { .site-nav .menu-main-navigation-container { padding-top: 8rem; } .site-nav .menu-main-navigation-container ul li { margin-bottom: 1em; } } .social-nav { z-index: 1001; position: fixed; top: 0px; right: 2rem; } .social-nav .signup { margin-top: 2rem; } .social-nav .signup > a { font-size: 2.1rem; text-transform: uppercase; color: #a49272; } .social-nav .signup > a:hover { color: white; } .social-nav .social > a { background: url("../img/site/bg-social.png") no-repeat center; width: 42px; height: 42px; } .social-nav .signup, .social-nav .social { float: left; } .social-nav .social > a { background-position: top; background-repeat: no-repeat; -webkit-transition: none; -moz-transition: none; transition: none; } .no-touch .social-nav .social:hover > a, .social-nav .social.active > a { background-position: bottom; } .social-nav .social { margin-left: 2rem; position: relative; } .social-nav .social a { position: relative; z-index: 1; } .social-nav .social a.trigger { top: -9px; } .no-touch .social-nav .social:hover #menu-social-navigation > li, .social-nav .social.active #menu-social-navigation > li { opacity: 1; } .no-touch .social-nav .social:hover #menu-social-navigation > li:nth-child(1), .social-nav .social.active #menu-social-navigation > li:nth-child(1) { top: 42px; } .no-touch .social-nav .social:hover #menu-social-navigation > li:nth-child(2), .social-nav .social.active #menu-social-navigation > li:nth-child(2) { top: 82px; } .no-touch .social-nav .social:hover #menu-social-navigation > li:nth-child(3), .social-nav .social.active #menu-social-navigation > li:nth-child(3) { top: 122px; } .no-touch .social-nav .social:hover #menu-social-navigation > li:nth-child(4), .social-nav .social.active #menu-social-navigation > li:nth-child(4) { top: 162px; } .no-touch .social-nav .social:hover #menu-social-navigation > li:nth-child(5), .social-nav .social.active #menu-social-navigation > li:nth-child(5) { top: 202px; } .no-touch .social-nav .social:hover #menu-social-navigation > li:nth-child(6), .social-nav .social.active #menu-social-navigation > li:nth-child(6) { top: 242px; } .no-touch .social-nav .social:hover #menu-social-navigation > li:nth-child(7), .social-nav .social.active #menu-social-navigation > li:nth-child(7) { top: 282px; } @media screen and (max-width: 767px) { .social-nav .signup { margin-top: 1rem; } .social-nav .social a.trigger { top: -20px; } } .social-nav .menu-social-navigation-container { height: 0; } .social-nav .menu-social-navigation-container #menu-social-navigation { z-index: 0; position: relative; top: -42px; width: 42px; height: 42px; } .social-nav .menu-social-navigation-container #menu-social-navigation > li { list-style: none; text-align: center; width: 100%; padding: 8px; opacity: 0; position: absolute; top: 0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .social-nav .menu-social-navigation-container #menu-social-navigation > li > a { font-size: 1.6rem; line-height: 16px; color: rgba(255, 255, 255, 0.5); width: 16px; height: 16px; } .no-touch .social-nav .menu-social-navigation-container #menu-social-navigation > li:hover a, .social-nav .menu-social-navigation-container #menu-social-navigation > li.active a { color: white; } .social-nav .menu-social-navigation-container #menu-social-navigation > .menu-item-has-children { overflow: hidden; text-align: center; width: 3rem; margin-left: 0.6rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .no-touch .social-nav .menu-social-navigation-container #menu-social-navigation > .menu-item-has-children:hover, .social-nav .menu-social-navigation-container #menu-social-navigation > .menu-item-has-children.active { width: 14rem; margin-left: -4.9rem; } .social-nav .menu-social-navigation-container #menu-social-navigation > .menu-item-has-children > a { cursor: pointer; } .social-nav .menu-social-navigation-container #menu-social-navigation > .menu-item-has-children .sub-menu { display: inline-block; height: 1.6rem; overflow: hidden; white-space: nowrap; min-width: 8.2rem; position: relative; top: 0.1rem; } .social-nav .menu-social-navigation-container #menu-social-navigation > .menu-item-has-children .sub-menu li { padding: 0 0.6rem; height: 1.6rem; line-height: 1.6rem; white-space: nowrap; float: left; } .social-nav .menu-social-navigation-container #menu-social-navigation > .menu-item-has-children .sub-menu li + li { border-left: 1px solid rgba(255, 255, 255, 0.4); } .social-nav .menu-social-navigation-container #menu-social-navigation > .menu-item-has-children .sub-menu a { font-size: 1.6rem; line-height: 1.6rem; white-space: nowrap; color: white; float: left; } .social-nav .menu-social-navigation-container #menu-social-navigation > .menu-item-has-children .sub-menu a:hover { color: #d8bf90; } @media screen and (max-width: 767px) { .social-nav #menu-social-navigation > .menu-item-has-children { background: black; } .social-nav #menu-social-navigation > .menu-item-has-children .sub-menu a { font-size: 1.2rem !important; } } #sign-up { background: black; padding: 6rem 8rem; } @media screen and (max-width: 480px) { #sign-up { padding: 6rem 1.2rem; } } .connect-modal { background: url("../img/site/bg-connect.png") repeat center; } .carousel { position: relative; overflow: hidden; text-align: center; } .carousel .panel { z-index: 13; opacity: 0; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; -webkit-transition: opacity 1.2s ease-in-out; -moz-transition: opacity 1.2s ease-in-out; transition: opacity 1.2s ease-in-out; } .carousel .panel.active { opacity: 1; z-index: 14; } .carousel .panel .panel-wrap { position: relative; width: 100%; height: 100%; } .carousel .panel .panel-wrap .panel-bg { background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 13; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .carousel .panel .panel-wrap video.panel-bg { -webkit-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -o-object-fit: cover; object-fit: cover; } .carousel .panel .panel-content { width: 100%; padding-bottom: 8rem; z-index: 14; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; right: 0px; left: 0px; } .carousel .panel .panel-num { font-size: 1.5rem; color: #9a8767; background: url("../img/site/bg-current-panel.png") no-repeat center; padding-top: 2.3rem; margin-bottom: 3rem; width: 56px; height: 70px; } .carousel .panel .subtext:empty, .carousel .panel h1:empty { display: none; } .carousel .panel .subtext { font-size: 2rem; margin-bottom: 2.4rem; } .carousel .panel h1 { font-size: 10rem; line-height: 1.2em; } .carousel .panel h1:before, .carousel .panel h1:after { content: ""; display: block; line-height: 1rem; font-size: 0; margin: 0 auto; } .carousel .panel h1:before { background: url("../img/site/promo-hr1.png") no-repeat center; width: 1139px; height: 9px; } .carousel .panel h1:after { background: url("../img/site/promo-hr2.png") no-repeat center; width: 1169px; height: 8px; } .carousel .panel .button { position: relative; margin-top: 4rem; } .carousel .panel .button:before, .carousel .panel .button:after { content: ""; background-repeat: no-repeat; margin-top: -0.4rem; position: absolute; top: 50%; } .carousel .panel .button:before { right: 100%; margin-right: 0.5rem; background: url("../img/site/btn-flourish-l.png") no-repeat center; width: 106px; height: 7px; } .carousel .panel .button:after { left: 100%; margin-left: 0.5rem; background: url("../img/site/btn-flourish-r.png") no-repeat center; width: 106px; height: 7px; } .carousel .panel-nav { z-index: 15; position: absolute; right: 0px; bottom: 5rem; left: 0px; } .carousel .panel-nav .links { position: relative; height: 9.9rem; } .carousel .panel-nav a { background: url("../img/site/bg-panel-nav-link.png") no-repeat center; width: 30px; height: 49px; background-position: left center; -webkit-transition: none; -moz-transition: none; transition: none; } .carousel .panel-nav a:after { content: attr(data-panel-title); font-size: 2rem; color: #a49272; opacity: 0; position: absolute; right: 0px; bottom: 0px; left: 0px; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .carousel .panel-nav a:hover { background-position: center center; } .carousel .panel-nav a:hover:after { opacity: 1; } .carousel .panel-nav a.active { background-position: right center; } .carousel .adjacent-panel-nav a { margin-top: -122px; z-index: 15; position: absolute; top: 50%; } .carousel .adjacent-panel-nav a.prev { left: 5rem; background: url("../img/site/arrow-left.png") no-repeat center; width: 31px; height: 61px; } .carousel .adjacent-panel-nav a.next { right: 5rem; background: url("../img/site/arrow-right.png") no-repeat center; width: 31px; height: 61px; } .carousel .background { display: block; width: 100%; height: auto; } @media screen and (min-width: 1400px) { .carousel .panel video.panel-bg { background-image: none !important; background-color: black; } .carousel .panel .panel-content { padding-bottom: 12rem; } .carousel .panel .subtext { font-size: 3rem; margin-bottom: 4rem; } .carousel .panel h1 { font-size: 19rem; min-height: 1em; } .carousel .panel .button { margin-top: 8rem; font-size: 2.1rem; } .carousel .panel .button span { padding: 0.8rem 4rem; } .carousel .panel .button:hover span { padding-left: 6rem; padding-right: 6rem; } .carousel .panel-nav { bottom: 10rem; } } @media screen and (max-width: 960px) { .carousel .panel .panel-content { padding-bottom: 12rem; } .carousel .panel .panel-num { margin-bottom: 1.2rem; } .carousel .panel .subtext { margin-bottom: 1.2rem; } .carousel .panel .button { margin-top: 1.2rem; } .carousel .panel h1 { font-size: 7rem; } .carousel .adjacent-panel-nav a.prev { left: 3rem; } .carousel .adjacent-panel-nav a.right { right: 3rem; } } @media screen and (max-width: 767px) { .carousel { padding-top: 5rem; padding-bottom: 5rem; } .carousel .panel .panel-content { padding-bottom: 5rem; } .carousel .panel .panel-num { display: none; } .carousel .panel-nav .links { height: 5rem; } .carousel .panel-nav a:after { display: none; } .carousel .adjacent-panel-nav a { margin-top: -1.5rem; } .carousel .adjacent-panel-nav a.prev, .carousel .adjacent-panel-nav a.next { background-size: contain; width: 15px; height: 30px; } .carousel .adjacent-panel-nav a.prev { left: 1.5rem; } .carousel .adjacent-panel-nav a.next { right: 1.5rem; } } @media screen and (max-width: 480px) { .carousel .panel h1 { font-size: 4rem; } .carousel .panel .button { font-size: 1.3rem; } } .footer-player { z-index: 5000; position: fixed; right: 0px; bottom: 0px; left: 0px; } .footer-player:before { content: ""; display: block; background: url("../img/site/pattern-darkblock.gif") repeat center; width: 100%; height: 1rem; } .footer-player .footer-content { background: black; padding: 1.4rem 3rem 1.2rem; } .footer-player.loading .loading { display: block; } .footer-player.loading .track-info, .footer-player.loading .track-meta { display: none; } .footer-player p { font-size: 1.8rem; margin: 0; } .footer-player .loading, .footer-player .track-info { margin-left: 1.2rem; } .footer-player .loading { display: none; line-height: 2.6rem; } .footer-player .loading i { margin-right: 0.6rem; } .footer-player .track-info, .footer-player .track-meta { display: block; } .footer-player .player-controls, .footer-player .track-info, .footer-player .loading, .footer-player .track-meta { float: left; } .footer-player .player-controls { line-height: 1.5rem; } .footer-player .player-controls button { font-size: 1.2rem; } .footer-player .prev, .footer-player .next { color: #636363; -webkit-transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out; } .footer-player .prev:hover, .footer-player .next:hover { color: white; } .footer-player .play-toggle { font-size: 1.4rem; background: white; color: black; border-radius: 6rem; position: relative; padding: 0; width: 24px; height: 24px; } .footer-player .play-toggle i { width: 14px; height: 14px; position: relative; top: 0px; left: 1px; } .footer-player .play-toggle i.fa-pause { left: 0px; } .footer-player .track-info .progress, .footer-player .track-info p { float: left; } .footer-player .track-info .progress { position: relative; background: #383228; } .footer-player .track-info .progress .bar { z-index: 4; background: #9a8767; width: 0; position: absolute; top: 0px; bottom: 0px; left: 0px; } .footer-player .track-info .progress .audio-wave { display: block; position: relative; z-index: 5; height: 2.5rem; -webkit-filter: invert(1); } .footer-player .track-info p { border-left: 1px solid #242323; margin-left: 0.8rem; padding-left: 0.8rem; } .footer-player .track-info p a { color: white; } .footer-player .track-info p a:hover { color: #636363; } .footer-player .track-meta { font-size: 1.1rem; line-height: 2.4rem; float: right; } .footer-player .track-meta ul, .footer-player .track-meta li, .footer-player .track-meta .soundcloud { float: left; } .footer-player .track-meta li { color: #636363; } .footer-player .track-meta li i { font-size: 0.8rem; margin-right: 0.4rem; } .footer-player .track-meta li + li { margin-left: 1.2rem; } .footer-player .track-meta .soundcloud { color: #acacac; margin-left: 1.2rem; padding-left: 1.2rem; border-left: 1px solid #242323; } .footer-player .track-meta .soundcloud i { font-size: 1.8rem; margin-left: 0.4rem; position: relative; top: 0.3rem; } .footer-player .track-meta .soundcloud:hover { color: white; } @media screen and (max-width: 960px) { .footer-player .track-meta ul { display: none; } } @media screen and (max-width: 767px) { .footer-player .track-info .progress { display: none; } .footer-player .track-info p { margin-left: 0; padding-left: 0; border-left: none; } } @media screen and (max-width: 480px) { .footer-player .track-info { display: none; } } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-tmp, .fancybox-nav { border: 0; outline: none; vertical-align: top; } #fancybox-loading, .fancybox-title, .fancybox-title-float-wrap, .fancybox-title-outside-wrap, .fancybox-title-inside-wrap, .fancybox-title-over-wrap, .fancybox-close { display: none !important; } .fancybox-wrap { z-index: 2000; cursor: auto; position: absolute; top: 0px; left: 0px; } .fancybox-skin { color: #444444; position: relative; text-shadow: none; border-radius: 4px; } .fancybox-opened { z-index: 2001; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444444; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } .fancybox-tmp { visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; position: absolute; top: -99999px; left: -99999px; } .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { overflow: hidden; display: none; z-index: 1999; cursor: url("../img/site/modal-close.png"), default; position: absolute; top: 0px; left: 0px; } .fancybox-overlay-fixed { position: fixed; right: 0px; bottom: 0px; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-nav { margin-top: -4rem; z-index: 2000; position: fixed; top: 50%; } .fancybox-nav.fancybox-prev { left: 1rem; background: url("../img/site/arrow-left.png") no-repeat center; width: 71px; height: 101px; } .fancybox-nav.fancybox-next { right: 1rem; background: url("../img/site/arrow-right.png") no-repeat center; width: 71px; height: 101px; } .under-hero, .tumblr-feed { position: relative; z-index: 2; } .under-hero { overflow: hidden; } .under-hero .sections { max-width: 1180px; overflow: visible; margin: 0 auto; } .under-hero section { text-align: center; float: left; padding: 5rem 3rem; position: relative; z-index: 1; } .under-hero section:before { content: ""; display: block; background: url("../img/site/pattern-underhero.png") repeat center; z-index: -1; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .under-hero h2 { font-size: 3.2rem; background: url("../img/site/bg-headline-underhero.png") no-repeat center; background-size: contain; padding: 3.3rem 0; margin: 0 auto 1rem; max-width: 229px; } .under-hero .news, .under-hero .promo { width: 30%; } .under-hero .news .button, .under-hero .tour .button, .under-hero .notour .button { font-size: 1.6rem; margin-top: 4rem; border-color: #e8e3db; color: #9a8767; } .under-hero .news .button span, .under-hero .tour .button span, .under-hero .notour .button span { background: #e8e3db; } .under-hero .news .button:hover, .under-hero .tour .button:hover, .under-hero .notour .button:hover { border-color: white; } .under-hero .news .button:hover span, .under-hero .tour .button:hover span, .under-hero .notour .button:hover span { background: white; } .under-hero .news:before { background-color: #a49272; left: -100rem; } .under-hero .news h3 { font-size: 1.8rem; margin-top: 0; } .under-hero .news h3 a { color: #473f33; } .under-hero .news h3 a:hover { color: white; } .under-hero .news .post-content, .under-hero .news .readmore { text-align: left; } .under-hero .news .post-content { font-size: 1.9rem; color: #e8e3db; } .under-hero .news .readmore { margin-bottom: 0; } .under-hero .news .readmore a { font-size: 1.9rem; letter-spacing: 0.3rem; color: #e8e3db; } .under-hero .news .readmore a:hover { color: white; } .under-hero .tour, .under-hero .notour { width: 40%; } .under-hero .tour:before, .under-hero .notour:before { background-color: #9a8767; } .under-hero .tour .gigpress-subscribe { display: none !important; } .under-hero .tour table { width: 100%; } .under-hero .tour table .gigpress-info { display: none !important; } .under-hero .tour table th, .under-hero .tour table td { font-size: 1.6rem; text-align: left; padding: 0.25em 0.5em; } .under-hero .tour table th { color: #383228; } .under-hero .tour table td { color: #e8e3db; } .under-hero .tour table td a { display: block; color: #e8e3db; } .under-hero .tour table td a:hover { color: #383228; } .under-hero .tour table tr:hover td { background: #655a48; } .under-hero .notour .cta-content { position: relative; } .under-hero .notour .cta-content p { font-size: 1.7rem; color: #e8e3db; background: url("../img/site/bg-cta.png") repeat center; z-index: 4; padding: 12% 3rem 0; margin: 0; position: absolute; top: 0px; right: 15%; bottom: 0px; left: 15%; } .under-hero .notour .cta-content .cta-action { text-align: center; z-index: 5; padding: 1.2rem; background: rgba(0, 0, 0, 0.4); position: absolute; right: 15%; bottom: 0px; left: 15%; } .under-hero .notour .cta-content .cta-action .button { margin: 0; } .under-hero .notour .cta-content img { display: block; width: 100%; height: auto; } .under-hero .promo:before { background-color: #655a48; right: -100rem; } .under-hero .promo .cta-content { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; } .under-hero .promo .cta-content p { font-size: 1.6rem; color: #e8e3db; margin: 0; padding: 2rem 1.2rem; background: url("../img/site/bg-cta.png") repeat center; position: absolute; right: 0px; bottom: 0px; left: 0px; } .under-hero .promo .cta-action { text-align: center; padding: 1.2rem; background: url("../img/site/pattern-cta-action.png") repeat center; } .under-hero .promo .cta-action .button { color: #e8e3db; font-size: 1.6rem; } .under-hero .promo .cta-action .button:hover { color: white; border-color: #655a48; } .under-hero .promo .cta-action .button:hover span { background: #655a48; } .under-hero .content-spacer { min-height: 300px; } .under-hero .promo .cta-content { min-height: 328px; } @media screen and (min-width: 1400px) { .under-hero .content-spacer { min-height: 240px; } .under-hero .promo .cta-content { min-height: 268px; } .under-hero .news, .under-hero .promo { width: 27%; } .under-hero .tour, .under-hero .notour { width: 46%; } .under-hero .tour th, .under-hero .tour td { font-size: 1.9rem; } } @media screen and (max-width: 960px) { .under-hero .content-spacer { min-height: 430px; } .under-hero h2 { font-size: 3rem; } .under-hero .tour table td a { display: block; } .under-hero .tour table td .rsvp { margin-left: 0; } .under-hero .notour .cta-content p, .under-hero .notour .cta-content .cta-action { left: 0px; right: 0px; } .under-hero .promo .cta-content { min-height: 458px; } } @media screen and (max-width: 767px) { .under-hero .sections { padding-left: 0; padding-right: 0; } .under-hero section { width: 100% !important; float: none; } .under-hero .tour table td a { display: inline-block; } .under-hero .tour table td .rsvp { margin-left: 0.75em; } } @media screen and (max-width: 480px) { .under-hero .tour table td a { display: block; } .under-hero .tour table td .rsvp { margin-left: 0; } } .tumblr-feed { background: #242323 url("../img/site/pattern-underhero.png") repeat center; padding-top: 5rem; padding-bottom: 15rem; } .tumblr-feed .container, .tumblr-feed .under-hero .sections, .under-hero .tumblr-feed .sections { height: 100%; background: none; padding-left: 3rem; padding-right: 3rem; } .tumblr-feed .post { margin-bottom: 2rem; } .tumblr-feed .post:hover .overlay { opacity: 1; } .tumblr-feed .wrap { position: relative; } .tumblr-feed .overlay { display: block; text-align: center; opacity: 0; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .tumblr-feed .overlay .links { margin-top: -30px; position: absolute; bottom: 1.2rem; left: 1.2rem; } .tumblr-feed .overlay a { line-height: 40px; color: #636363; background: rgba(0, 0, 0, 0.8); border-radius: 4px; width: 40px; height: 40px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .tumblr-feed .overlay a:hover { background: rgba(0, 0, 0, 0.9); color: white; } .tumblr-feed .overlay a + a { margin-left: 1.2rem; } .tumblr-feed img { display: block; opacity: 1; width: 100%; height: auto; } .fancybox-lock .tumblr-feed img { -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); } @media screen and (max-width: 767px) { .tumblr-feed .post { position: static !important; width: 100% !important; } } .tumblr-detail .wrap { position: relative; } .tumblr-detail .overlay { display: block; text-align: center; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .tumblr-detail .overlay .links { position: absolute; top: 1.2rem; left: 1.2rem; } .tumblr-detail .overlay a { line-height: 40px; color: #636363; background: rgba(0, 0, 0, 0.8); border-radius: 4px; width: 40px; height: 40px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .tumblr-detail .overlay a:hover { background: rgba(0, 0, 0, 0.9); color: white; } .tumblr-detail .overlay a + a { margin-left: 1.2rem; } .tumblr-detail .overlay .ss-facebook, .tumblr-detail .overlay .ss-twitter { position: relative; top: 0.3rem; } .tumblr-detail img { display: block; max-height: 100%; } [data-page="news"] .floating-header + *, [data-page="press"] .floating-header + * { margin-top: 0; } [data-page="news"] .post-list, [data-page="press"] .post-list { padding-top: 24rem; } [data-page="news"] .featured-post time, [data-page="news"] .post time, [data-page="press"] .featured-post time, [data-page="press"] .post time { font-size: 1.5rem; padding: 0.3rem 0.8rem; background: #636363; } [data-page="news"] .featured-post, [data-page="press"] .featured-post { background: rgba(0, 0, 0, 0.45); margin-bottom: 7.5rem; text-align: center; } [data-page="news"] .featured-post .post-image img, [data-page="press"] .featured-post .post-image img { display: block; max-width: 9999px; width: 100%; height: auto; } [data-page="news"] .featured-post .details, [data-page="press"] .featured-post .details { padding: 3rem 3rem 3rem 1.8rem; } [data-page="news"] .featured-post h2, [data-page="press"] .featured-post h2 { font-size: 4rem; line-height: 1.2em; margin: 1.2rem 0; } [data-page="news"] .featured-post a, [data-page="press"] .featured-post a { color: white; } [data-page="news"] .featured-post a:hover, [data-page="press"] .featured-post a:hover { color: #a49272; } [data-page="news"] .featured-post .post-content, [data-page="press"] .featured-post .post-content { font-size: 1.9rem; text-align: left; color: #636363; margin: 0; } [data-page="news"] .featured-post .readmore, [data-page="press"] .featured-post .readmore { font-size: 1.9rem; margin: 2rem 0 0; } [data-page="news"] .post, [data-page="press"] .post { position: relative; margin-bottom: 8rem; overflow: hidden; } [data-page="news"] .post .post-thumbnail, [data-page="press"] .post .post-thumbnail { overflow: hidden; float: left; display: block; margin-right: 2.35765%; width: 40.29137%; } [data-page="news"] .post .post-thumbnail:last-child, [data-page="press"] .post .post-thumbnail:last-child { margin-right: 0; } [data-page="news"] .post .details, [data-page="press"] .post .details { float: left; display: block; margin-right: 2.35765%; width: 57.35098%; } [data-page="news"] .post .details:last-child, [data-page="press"] .post .details:last-child { margin-right: 0; } [data-page="news"] .post time, [data-page="press"] .post time { color: white; } [data-page="news"] .post .title, [data-page="press"] .post .title { font-size: 5rem; line-height: 1.2; color: white; display: block; margin: 1.2rem 0; } [data-page="news"] .post .excerpt, [data-page="press"] .post .excerpt { font-size: 1.9rem; color: #636363; } [data-page="news"] .post img, [data-page="press"] .post img { display: block; width: 100%; height: auto; filter: url("../img/site/filters.svg#grayscale"); filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } [data-page="news"] .post a:hover .title, [data-page="press"] .post a:hover .title { color: #a49272; } [data-page="news"] .post a:hover img, [data-page="press"] .post a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); filter: none; -webkit-filter: grayscale(0); } [data-page="news"] .pagination, [data-page="press"] .pagination { display: none; } [data-page="news"] #infscr-loading, [data-page="press"] #infscr-loading { text-align: center; } [data-page="news"] #infscr-loading img, [data-page="press"] #infscr-loading img { display: block; margin: 30px auto; } @media screen and (max-width: 960px) { [data-page="news"] .featured-post .post-image, [data-page="press"] .featured-post .post-image { float: left; display: block; margin-right: 3.57866%; width: 61.158%; } [data-page="news"] .featured-post .post-image:last-child, [data-page="press"] .featured-post .post-image:last-child { margin-right: 0; } [data-page="news"] .featured-post .details, [data-page="press"] .featured-post .details { float: left; display: block; margin-right: 3.57866%; width: 35.26334%; } [data-page="news"] .featured-post .details:last-child, [data-page="press"] .featured-post .details:last-child { margin-right: 0; } [data-page="news"] .post .title, [data-page="press"] .post .title { font-size: 3.2rem; } } @media screen and (max-width: 767px) { [data-page="news"] .featured-post, [data-page="press"] .featured-post { margin-bottom: 3rem; } [data-page="news"] .featured-post .post-image, [data-page="news"] .featured-post .details, [data-page="press"] .featured-post .post-image, [data-page="press"] .featured-post .details { float: left; display: block; margin-right: 16.03631%; width: 100%; } [data-page="news"] .featured-post .post-image:last-child, [data-page="news"] .featured-post .details:last-child, [data-page="press"] .featured-post .post-image:last-child, [data-page="press"] .featured-post .details:last-child { margin-right: 0; } [data-page="news"] .post .post-thumbnail, [data-page="news"] .post .details, [data-page="press"] .post .post-thumbnail, [data-page="press"] .post .details { float: left; display: block; margin-right: 16.03631%; width: 100%; } [data-page="news"] .post .post-thumbnail:last-child, [data-page="news"] .post .details:last-child, [data-page="press"] .post .post-thumbnail:last-child, [data-page="press"] .post .details:last-child { margin-right: 0; } [data-page="news"] .post .post-thumbnail, [data-page="press"] .post .post-thumbnail { margin-bottom: 2.4rem; } [data-page="news"] .post .title, [data-page="press"] .post .title { font-size: 4rem; } } @media screen and (max-width: 480px) { [data-page="news"] .post .title, [data-page="press"] .post .title { font-size: 2.4rem; } } .post-modal { z-index: 2000; background: url("../img/site/bg-modal.png") repeat center; overflow-x: hidden; overflow-y: scroll; cursor: url("../img/site/modal-close.png"), default; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; } .post-modal .container, .post-modal .under-hero .sections, .under-hero .post-modal .sections { background: none; } .post-modal header, .post-modal .post-image, .post-modal .post-content, .post-modal .adjacent-posts a { cursor: auto; } [data-page="post"] .adjacent-posts a { font-size: 1.9rem; text-align: center; z-index: 1000; width: 2rem; padding: 0.6rem; white-space: nowrap; position: fixed; top: 48%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } [data-page="post"] .adjacent-posts a time, [data-page="post"] .adjacent-posts a .title { opacity: 0; display: block; text-shadow: 0 0 24px black, 0 0 12px black; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } [data-page="post"] .adjacent-posts a time { color: #636363; } [data-page="post"] .adjacent-posts a .title { color: white; } [data-page="post"] .adjacent-posts a:hover { width: 20rem; } [data-page="post"] .adjacent-posts a:hover time, [data-page="post"] .adjacent-posts a:hover .title { opacity: 1; } [data-page="post"] .adjacent-posts .next-post { left: 3rem; padding-left: 2rem; background: url("../img/site/arrow-left.png") no-repeat left center; } [data-page="post"] .adjacent-posts .prev-post { right: 3rem; padding-right: 2rem; background: url("../img/site/arrow-right.png") no-repeat right center; } [data-page="post"] .container, [data-page="post"] .under-hero .sections, .under-hero [data-page="post"] .sections { padding-top: 10rem; padding-bottom: 10rem; } [data-page="post"] header { text-align: center; padding-top: 2rem; } [data-page="post"] header time { font-size: 2.6rem; padding: 0.3rem 1.8rem; background: #636363; } [data-page="post"] header h1 { font-size: 8rem; line-height: 1.1; margin: 2rem 0 4rem; padding-top: 0; } [data-page="post"] .post-image img { display: block; height: auto; margin-bottom: 4rem; } [data-page="post"] .post-content { color: #acacac; } [data-page="post"] .post-content > p:first-child { margin-top: 0; } [data-page="post"] .fb-share { margin-bottom: 3rem; } @media screen and (max-width: 960px) { [data-page="post"] header time { font-size: 1.8rem; } [data-page="post"] header h1 { font-size: 5rem; } [data-page="post"] .post-content { font-size: 1.9rem; } } @media screen and (max-width: 767px) { [data-page="post"] .adjacent-posts a { position: absolute; } [data-page="post"] header, [data-page="post"] .post-image, [data-page="post"] .post-content { float: left; display: block; margin-right: 16.03631%; width: 100%; margin-left: 0%; } [data-page="post"] header:last-child, [data-page="post"] .post-image:last-child, [data-page="post"] .post-content:last-child { margin-right: 0; } [data-page="post"] .post-image { margin-bottom: 3rem; } } [data-page="tour"] .map { z-index: 0; margin-left: -525px; position: absolute; top: 8.5rem; left: 50%; background: url("../img/site/bg-map.png") no-repeat center; width: 1051px; height: 507px; } [data-page="tour"] .page-content { position: relative; z-index: 1; } [data-page="tour"] .loader { text-align: center; } [data-page="tour"] .gigpress-subscribe { display: none; } [data-page="tour"] table { border-collapse: collapse; width: 100%; } [data-page="tour"] table .gigpress-info { display: none; } [data-page="tour"] table th, [data-page="tour"] table td { font-size: 1.9rem; text-align: left; vertical-align: top; } [data-page="tour"] table tr th:nth-child(2), [data-page="tour"] table tr td:nth-child(2) { width: 35%; } [data-page="tour"] table th { color: #9a8767; padding: 0 0.6rem; } [data-page="tour"] table td { padding: 0.5em 0.6rem 0.5em 0.6rem; cursor: pointer; } [data-page="tour"] table tr:hover td { background: url("../img/site/pattern-lightblock2.png") repeat left top; } [data-page="tour"] table a { color: white; margin-right: 1em; -webkit-transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out; } [data-page="tour"] table a[href=""] { display: none; } [data-page="tour"] table a:hover { color: #a49272; } [data-page="tour"] table a:last-child { margin-right: 0; } @media screen and (max-width: 767px) { [data-page="tour"] table th, [data-page="tour"] table td { font-size: 1.5rem; } } .gig-details .gigpress-date { margin-bottom: 0; } .gig-details .gigpress-venue { margin-top: 0; } [data-page="photos"] .container, [data-page="photos"] .under-hero .sections, .under-hero [data-page="photos"] .sections, [data-page="videos"] .container, [data-page="videos"] .under-hero .sections, .under-hero [data-page="videos"] .sections, [data-page="music"] .container, [data-page="music"] .under-hero .sections, .under-hero [data-page="music"] .sections, [data-single="music"] .container, [data-single="music"] .under-hero .sections, .under-hero [data-single="music"] .sections, [data-single="gallery"] .container, [data-single="gallery"] .under-hero .sections, .under-hero [data-single="gallery"] .sections { overflow: visible; } [data-page="photos"] .anchor-nav, [data-page="videos"] .anchor-nav, [data-page="music"] .anchor-nav, [data-single="music"] .anchor-nav, [data-single="gallery"] .anchor-nav { text-align: center; } [data-page="photos"] .anchor-nav ul, [data-page="videos"] .anchor-nav ul, [data-page="music"] .anchor-nav ul, [data-single="music"] .anchor-nav ul, [data-single="gallery"] .anchor-nav ul { position: relative; background: black; border: dotted 1px rgba(255, 255, 255, 0.7); padding: 0 15px 3px 15px; } [data-page="photos"] .anchor-nav ul:before, [data-page="photos"] .anchor-nav ul:after, [data-page="videos"] .anchor-nav ul:before, [data-page="videos"] .anchor-nav ul:after, [data-page="music"] .anchor-nav ul:before, [data-page="music"] .anchor-nav ul:after, [data-single="music"] .anchor-nav ul:before, [data-single="music"] .anchor-nav ul:after, [data-single="gallery"] .anchor-nav ul:before, [data-single="gallery"] .anchor-nav ul:after { content: ""; margin-top: -0.5rem; position: absolute; top: 50%; } [data-page="photos"] .anchor-nav ul:before, [data-page="videos"] .anchor-nav ul:before, [data-page="music"] .anchor-nav ul:before, [data-single="music"] .anchor-nav ul:before, [data-single="gallery"] .anchor-nav ul:before { right: 100%; margin-right: 2rem; background: url("../img/site/bg-hr-l.png") no-repeat center; width: 107px; height: 8px; } [data-page="photos"] .anchor-nav ul:after, [data-page="videos"] .anchor-nav ul:after, [data-page="music"] .anchor-nav ul:after, [data-single="music"] .anchor-nav ul:after, [data-single="gallery"] .anchor-nav ul:after { left: 100%; margin-left: 2rem; background: url("../img/site/bg-hr-r.png") no-repeat center; width: 107px; height: 8px; } [data-page="photos"] .anchor-nav li, [data-page="videos"] .anchor-nav li, [data-page="music"] .anchor-nav li, [data-single="music"] .anchor-nav li, [data-single="gallery"] .anchor-nav li { font-size: 1.9rem; } [data-page="photos"] .anchor-nav li + li:before, [data-page="videos"] .anchor-nav li + li:before, [data-page="music"] .anchor-nav li + li:before, [data-single="music"] .anchor-nav li + li:before, [data-single="gallery"] .anchor-nav li + li:before { content: "\2022"; color: #a49272; margin: 0 1rem; } [data-page="photos"] .anchor-nav a, [data-page="videos"] .anchor-nav a, [data-page="music"] .anchor-nav a, [data-single="music"] .anchor-nav a, [data-single="gallery"] .anchor-nav a { color: #a49272; } [data-page="photos"] .anchor-nav a:hover, [data-page="photos"] .anchor-nav .active a, [data-page="videos"] .anchor-nav a:hover, [data-page="videos"] .anchor-nav .active a, [data-page="music"] .anchor-nav a:hover, [data-page="music"] .anchor-nav .active a, [data-single="music"] .anchor-nav a:hover, [data-single="music"] .anchor-nav .active a, [data-single="gallery"] .anchor-nav a:hover, [data-single="gallery"] .anchor-nav .active a { color: white; } [data-page="photos"] .floating-header + *, [data-page="videos"] .floating-header + *, [data-page="music"] .floating-header + *, [data-single="music"] .floating-header + *, [data-single="gallery"] .floating-header + * { margin-top: 0; } [data-page="photos"] .gallery-list, [data-page="videos"] .gallery-list, [data-page="music"] .gallery-list, [data-single="music"] .gallery-list, [data-single="gallery"] .gallery-list { padding-top: 24rem; } [data-page="photos"] .gallery-block, [data-page="videos"] .gallery-block, [data-page="music"] .gallery-block, [data-single="music"] .gallery-block, [data-single="gallery"] .gallery-block { padding: 8rem 0 0 0; } [data-page="photos"] .gallery-block h2, [data-page="videos"] .gallery-block h2, [data-page="music"] .gallery-block h2, [data-single="music"] .gallery-block h2, [data-single="gallery"] .gallery-block h2 { text-align: center; text-transform: uppercase; } [data-page="photos"] .gallery br, [data-page="photos"] .gallery dd, [data-page="videos"] .gallery br, [data-page="videos"] .gallery dd, [data-page="music"] .gallery br, [data-page="music"] .gallery dd, [data-single="music"] .gallery br, [data-single="music"] .gallery dd, [data-single="gallery"] .gallery br, [data-single="gallery"] .gallery dd { display: none !important; clear: none !important; } [data-page="photos"] .gallery-item, [data-page="videos"] .gallery-item, [data-page="music"] .gallery-item, [data-single="music"] .gallery-item, [data-single="gallery"] .gallery-item { margin-top: 2rem; margin-bottom: 2rem; float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } [data-page="photos"] .gallery-item:last-child, [data-page="videos"] .gallery-item:last-child, [data-page="music"] .gallery-item:last-child, [data-single="music"] .gallery-item:last-child, [data-single="gallery"] .gallery-item:last-child { margin-right: 0; } [data-page="photos"] .gallery-item:nth-of-type(3n), [data-page="videos"] .gallery-item:nth-of-type(3n), [data-page="music"] .gallery-item:nth-of-type(3n), [data-single="music"] .gallery-item:nth-of-type(3n), [data-single="gallery"] .gallery-item:nth-of-type(3n) { margin-right: 0; } [data-page="photos"] .gallery-item:nth-of-type(3n + 1), [data-page="videos"] .gallery-item:nth-of-type(3n + 1), [data-page="music"] .gallery-item:nth-of-type(3n + 1), [data-single="music"] .gallery-item:nth-of-type(3n + 1), [data-single="gallery"] .gallery-item:nth-of-type(3n + 1) { clear: left; } [data-page="photos"] .gallery-item .gallery-icon, [data-page="videos"] .gallery-item .gallery-icon, [data-page="music"] .gallery-item .gallery-icon, [data-single="music"] .gallery-item .gallery-icon, [data-single="gallery"] .gallery-item .gallery-icon { min-height: 260px; } [data-page="photos"] .gallery-item a span, [data-page="videos"] .gallery-item a span, [data-page="music"] .gallery-item a span, [data-single="music"] .gallery-item a span, [data-single="gallery"] .gallery-item a span { color: white; font-size: 1.8rem; line-height: 2.2rem; padding-top: 2rem; display: block; } [data-page="photos"] .gallery-item img, [data-page="videos"] .gallery-item img, [data-page="music"] .gallery-item img, [data-single="music"] .gallery-item img, [data-single="gallery"] .gallery-item img { display: block; width: 100%; height: auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .fancybox-lock [data-page="photos"] .gallery-item img, .fancybox-lock [data-page="videos"] .gallery-item img, .fancybox-lock [data-page="music"] .gallery-item img, .fancybox-lock [data-single="music"] .gallery-item img, .fancybox-lock [data-single="gallery"] .gallery-item img { -webkit-filter: blur(25px); -moz-filter: blur(25px); -o-filter: blur(25px); -ms-filter: blur(25px); filter: blur(25px); } .no-touch [data-page="photos"] .gallery-item:hover, .no-touch [data-page="videos"] .gallery-item:hover, .no-touch [data-page="music"] .gallery-item:hover, .no-touch [data-single="music"] .gallery-item:hover, .no-touch [data-single="gallery"] .gallery-item:hover { z-index: 1000; } .no-touch [data-page="photos"] .gallery-item:hover img, .no-touch [data-page="videos"] .gallery-item:hover img, .no-touch [data-page="music"] .gallery-item:hover img, .no-touch [data-single="music"] .gallery-item:hover img, .no-touch [data-single="gallery"] .gallery-item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media screen and (max-width: 480px) { [data-page="photos"] .gallery-item, [data-page="videos"] .gallery-item, [data-page="music"] .gallery-item, [data-single="music"] .gallery-item, [data-single="gallery"] .gallery-item { position: static !important; float: left; display: block; margin-right: 16.03631%; width: 100%; } [data-page="photos"] .gallery-item:last-child, [data-page="videos"] .gallery-item:last-child, [data-page="music"] .gallery-item:last-child, [data-single="music"] .gallery-item:last-child, [data-single="gallery"] .gallery-item:last-child { margin-right: 0; } } [data-page="photos"] .gallery dd { text-align: center; display: block !important; clear: both !important; margin: 0; } [data-page="photos"] .gallery dd a { color: #9a8767; } [data-page="photos"] .gallery dd a:hover { color: #655a48; } .fancybox-type-image, .fancybox-type-image .fancybox-inner { cursor: url("../img/site/modal-close.png"), default !important; } .fancybox-type-image .fancybox-nav, .fancybox-type-image .fancybox-inner .fancybox-nav { cursor: auto; } [data-single="music"] .video { position: relative; padding-top: 1.38889rem; padding-bottom: 67.5%; height: 0; margin-bottom: 0.88889rem; overflow: hidden; } [data-single="music"] .video iframe { position: absolute; top: 0px; right: auto; bottom: auto; left: 0px; width: 100%; height: 100%; } [data-single="music"] .album-content { margin-top: 30px; *zoom: 1; display: block; } [data-single="music"] .album-content:before, [data-single="music"] .album-content:after { content: " "; display: table; } [data-single="music"] .album-content:after { clear: both; } [data-single="music"] .music-artwork, [data-single="music"] .music-content { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; } [data-single="music"] .music-artwork:last-child, [data-single="music"] .music-content:last-child { margin-right: 0; } [data-single="music"] .music-artwork img { display: block; width: 100%; height: auto; } [data-single="music"] .music-content { text-align: center; position: relative; } [data-single="music"] .music-content .music-details { margin-bottom: 24px; } [data-single="music"] .music-content .music-details:empty { margin-bottom: 0; } [data-single="music"] .music-content h2 { font-size: 4rem; text-align: center; color: white; margin: 0 0 0.75em; } [data-single="music"] .music-content ol { font-size: 1.9rem; text-align: left; color: #e8e3db; margin-left: 3rem; } [data-single="music"] .music-content ol li { margin: 0.25em 0; } [data-single="music"] .music-content .button + ol { margin-top: 4rem; } [data-single="music"] .music-content .button { position: relative; border-color: #e8e3db; font-size: 1.7rem; letter-spacing: 0.2rem; margin-top: 15px; } [data-single="music"] .music-content .button span { background: #e8e3db; } [data-single="music"] .music-content .button:hover { border-color: white; } [data-single="music"] .music-content .button:hover span { background: white; } [data-single="music"] .music-content .button:before, [data-single="music"] .music-content .button:after { content: ""; background-repeat: no-repeat; margin-top: -0.4rem; display: none; position: absolute; top: 50%; } [data-single="music"] .music-content .button:before { right: 100%; margin-right: 0.5rem; background: url("../img/site/btn-flourish-l.png") no-repeat center; width: 106px; height: 7px; } [data-single="music"] .music-content .button:after { left: 100%; margin-left: 0.5rem; background: url("../img/site/btn-flourish-r.png") no-repeat center; width: 106px; height: 7px; } [data-single="music"] .music-links { font-size: 0; text-align: center; padding: 2.6rem 0; } [data-single="music"] .music-links .social { margin-top: 15px; } [data-single="music"] .music-links a[href=""] { display: none !important; } [data-single="music"] .music-links a + a { margin-left: 2.4rem; } [data-single="music"] .music-links .direct { background-position: top; background: url("../img/site/link-direct.png") no-repeat center; width: 96px; height: 29px; } [data-single="music"] .music-links .itunes { background: url("../img/site/link-itunes.png") no-repeat center; width: 73px; height: 29px; } [data-single="music"] .music-links .amazon { background: url("../img/site/link-amazon.png") no-repeat center; width: 100px; height: 29px; } [data-single="music"] .music-links .spotify { background: url("../img/site/link-spotify.png") no-repeat center; width: 66px; height: 29px; } [data-single="music"] .music-links .direct, [data-single="music"] .music-links .itunes, [data-single="music"] .music-links .amazon, [data-single="music"] .music-links .spotify { background-position: top; } [data-single="music"] .music-links .direct:hover, [data-single="music"] .music-links .itunes:hover, [data-single="music"] .music-links .amazon:hover, [data-single="music"] .music-links .spotify:hover { background-position: bottom; } @media screen and (max-width: 960px) { [data-single="music"] .music-artwork img { display: block; } [data-single="music"] .music-content h2 { margin-bottom: 0.25em; } [data-single="music"] .music-content ol { margin-left: 0; } [data-single="music"] .music-content .button + ol { margin-top: 2.4rem; } [data-single="music"] .music-content .button:before, [data-single="music"] .music-content .button:after { display: none; } [data-single="music"] .music-links { padding: 1.5rem 3rem; background: rgba(0, 0, 0, 0.6) url("../img/site/pattern-darkblock.gif") repeat center; } } @media screen and (max-width: 480px) { [data-single="music"] { width: auto; height: auto; margin-bottom: 8rem; } [data-single="music"] .music-artwork, [data-single="music"] .music-content { float: none; width: 100%; height: auto; } [data-single="music"] .music-artwork img { display: block; width: 100%; height: auto; } [data-single="music"] .music-content { padding: 2rem; } [data-single="music"] .music-content .music-details { padding-bottom: 0; } [data-single="music"] .music-links { position: static; padding: 0; left: 0px; width: auto; background: none; margin-top: 3rem; } [data-single="music"] .music-links a { display: block !important; margin: 0.8rem auto !important; } } /** * ADD GALLERY STYLE TO NEWS POST * ----------------------------------------------------------------------------- */ .gallery { margin-bottom: 20px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 24px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }