@charset 'utf-8';

/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Abel|Alegreya:400,700);

/* Eric Meyer's Reset CSS v2.0 + Extras */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}button{background:none;cursor:pointer;}

/*
Global CSS Document
Robin Gibb 2014
http://www.ten4design.co.uk
*/

@font-face {
	font-family: 'gibb-icons';
	src:url('../fonts/gibb-icons.eot');
	src:url('../fonts/gibb-icons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gibb-icons.woff') format('woff'),
		url('../fonts/gibb-icons.ttf') format('truetype'),
		url('../fonts/gibb-icons.svg#gibb-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Onyx';
	src:url('../fonts/onyx-webfont.eot');
	src:url('../fonts/onyx-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/onyx-webfont.woff') format('woff'),
		url('../fonts/onyx-webfont.ttf') format('truetype'),
		url('../fonts/onyx-webfont.svg#gibb-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,button,input{height:100%; color:#362f2d; font-family:'Alegreya', serif; -webkit-font-smoothing:antialiased; -webkit-font-variant-ligatures:common-ligatures; -moz-font-variant-ligatures:common-ligatures; -o-font-variant-ligatures:common-ligatures; -ms-font-variant-ligatures:common-ligatures; font-variant-ligatures:common-ligatures;}
button:focus{outline:none;}
body{height:100%; font-size:20px; line-height:1.4; background-color:#fff; /*-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden;*/ /*-webkit-transform-style:preserve-3d;*/}

/* --- UTILITY --- */

.invisible{position:absolute; left:-999em;} /* Can be seen by screen readers */
.removed{display:none;}
.relative{position:relative;}
.attached{position:absolute;}
figcaption{font-size:0.7em; margin-bottom:2em;}

#lightbox-frame{position:fixed; left:0; top:0; right:0; bottom:0; padding:0 20px; z-index:9999; opacity:1; visibility:visible; background-color:#000; background-color:rgba(0,0,0,0.5); -webkit-transition:opacity 0.2s; -moz-transition:opacity 0.2s; -ms-transition:opacity 0.2s; -o-transition:opacity 0.2s; transition:opacity 0.2s;}
#lightbox-frame.disabled{visibility:hidden; opacity:0; -webkit-transition:opacity 0.2s, visibility 0 0.2s; -moz-transition:opacity 0.2s, visibility 0 0.2s; -ms-transition:opacity 0.2s, visibility 0 0.2s; -o-transition:opacity 0.2s, visibility 0 0.2s; transition:opacity 0.2s, visibility 0 0.2s;}
#lightbox-inner{margin:0 auto; max-width:600px;}
#lightbox-close{display:block; position:absolute; top:20px; right:20px; color:#fff; font-size:3em;} /* \e601 */
#lightbox-prev,
#lightbox-next{display:block; position:absolute; top:45%; color:#fff; font-size:3em; width:3em; height:3em; line-height:1;}
#lightbox-prev{left:20px;} /* \e75d */
#lightbox-next{right:20px;} /* \e75e */
#lightbox-caption-container{position:absolute; bottom:0; width:100%; min-height:100px; background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));}
#lightbox-caption-container p{position:absolute; bottom:0.5em; left:2%; width:96%; color:#fff;}

/* --- TYPOGRAPHY --- */

strong,
b{font-weight:bold;}
em,
i{font-style:italic;}

a{font:inherit; color:inherit; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; -o-transition:color 0.2s; -ms-transition:color 0.2s; transition:color 0.2s;}
a:focus,
a:hover{}

.titanic{position: absolute; left: 0; right: 0; text-align: center; bottom:40px; text-transform: uppercase; font-family:'Onyx', sans-serif; display: block; text-decoration: none;}
.titanic__heading {font-size:750%; margin-bottom: -20px;}
.titanic__sub {font-size:180%; }
.titanic__mini {font-size:280%;}

.h,
.wysiwyg h2,
.wysiwyg h3{margin:0 0 0.6em; line-height:1.4;}

.h.large,
.wysiwyg h1{font-size:180%;}
.h.medium,
.wysiwyg h2{font-size:150%;}
.large--centred{text-align: center; padding-top: 0.8em;}
.p,
.wysiwyg p,
.wysiwyg ul,
.wysiwyg ol,
.wysiwyg img{margin:0 0 1.2em;}

.l,
.wysiwyg ul,
.wysiwyg ol{padding-left:1.6em;}
ul.l li,
.wysiwyg ul li{list-style:disc outside;}
ol.l li,
.wysiwyg ol li{list-style:decimal outside;}

/* --- CONTENT --- */

#cookie-notice{padding:0.4em; text-align:center;}

#nav{overflow:visible;}
#nav-primary{float:right; padding-right:2em;}
#nav-primary li, #nav-footer li{display:inline-block; padding-left:1em; font-size:0.9em;}
#nav-primary li a, #nav-social li a, #nav-footer li a{text-decoration:none; color:#362f2d;}
#nav-primary li a:hover, #nav-primary li a.selected{color:#8d8380;}

#m-nav-toggle{display:none;}

#nav-social{margin:1.4em auto 0; padding-left: 1em; text-align:center;}
#nav-social li{display:inline-block; padding:0 0.4em; font-size:1.8em;}

#nav-footer{text-align:center; padding:1.4em;}
#nav-footer li{display: block;}
#nav-footer li.bold, #nav-footer li.ten4 a{font-weight:bold; font-family:'Alegreya', serif; text-transform:none;}
#nav-footer li.ext{padding-top: 1em;}
#nav-footer li.bee-gees{padding:0 2em; font-weight:bold;}
#nav-footer li.copyright,
#nav-footer li.ten4{padding-top:1em; font-weight:400; font-family:'Abel', sans-serif; text-transform:uppercase;}

li.dropdown {position:relative; height:75px;}
li.dropdown:hover ul {display:block;}
ul.sub-nav {display:none; position:absolute; top:4em; left:0px; width:250px; z-index:9999; padding-top:1em;}
ul.sub-nav li {display:block !important; text-align:left; width:250px; padding:0; background:#fff; line-height:3em; vertical-align:middle;}
ul.sub-nav li:hover {}

.pagination{text-align:center; margin:1em auto;}
.pagination li{display:inline-block; font-size:1.4em;}
.pagination li a{text-decoration:none;}
.pagination li a.page-previous,
.pagination li a.page-next{margin:0 20px;}

.quote.hidden{display:none;}
#quote-container{position:relative; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out;}
#quote-container.no-transition{-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}

#header{height:5.5em; line-height:5.5em; background:#fff;}
#header .autograph{width:110px; height:60px; background-image:url('../images/autograph.png'); background-repeat:no-repeat; text-indent:-99999px; float:left; margin:1.25em 0 0 2em; vertical-align:middle;}
#home-featured-content, #titanic-featured-content{background:#3b3b3b; text-align:center; color:#FFF; clear:both;}
.attached.right .promo:after {width:70%; background:#FFF; display:block; height:3px; content:''; margin:0.5em auto;}
.cat,
#home-featured-page .sub,
#home-featured-album .sub{font-family:'Abel', sans-serif; text-transform:uppercase; font-size:1.5em; padding-bottom:0.8em;}
#titanic-featured-content .titanic-special{text-align: left; width:50%;}
#titanic-featured-content .titanic-special__title{font-family: 'Onyx', sans-serif; text-transform: uppercase; font-size: 320%; margin-bottom: 0.2em; padding-top:0.2em; line-height:1; text-align: left;}
#titanic-featured-content .titanic-special__sub p{font-family: 'Onyx', sans-serif; text-transform: uppercase; font-size: 1.6em; margin-bottom: 0.4em;}

#photos-content{background:#3a3a3a;}
#photos-links{margin:0 auto 2em; text-align:center;}
#photos-links li{font-family:'Abel', sans-serif; text-transform:uppercase; font-size:1.5em; padding:0 1em; display:inline-block;}
#photos-links li a{color:#FFF; text-decoration:none;}
.attached.left{bottom:5%; left:5%; width:30%;}
.attached.right{bottom:5%; right:5%; width:20%;}
.attached.right .promo{font-size:1.2em;}
.attached.right.play:before{font-size:2.8em; content:"\e000"; bottom:-1em;}
.attached.right.right--adjusted{bottom:20%;}
.attached.left.left--adjusted{bottom:20%;}

#home-featured-seperator{display:none;}

.sub-title{font-family:'Abel', sans-serif; text-transform:uppercase;}
#home-featured-page{background:#FFF;}
#home-featured-page h2:after,
#home-featured-album h2:after{width:70%; background:#362f2d; display:block; height:3px; content:''; margin:0.5em auto;}
#home-featured-page .side{width:52%; -webkit-transform-style:preserve-3d;}
#home-featured-page .side-content{position:absolute; top:53%; -webkit-transform:translateY(-50%) scale(1.0, 1.0); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

#home-featured-album h2:after{background:#362f2d;}
#home-featured-album .row{text-align:center;}
#home-featured-album .album-cover{max-height:100%; float:left;}
#home-featured-album .album-tracklist{text-align:center; color:#362f2d; padding:0; height:100%;}
#home-featured-album .side{width:75%}
#home-featured-album .side-content{width:66.66%; color:#FFF; position:absolute; top:50%; -webkit-transform:translateY(-50%) scale(1.0, 1.0); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

#home-featured-quote{background:#3b3b3b; height:22em;}

.row.faux-column {background:url(../images/faux-column.png) center top repeat-y; background-size:100% 5px;}

#title-content{background:#f3f3f3; text-align:center; clear:both;}
#title-content h1{padding-top:0.5em; font-size:2.5em;}
#title-content h1:after{width:20%; background:#3b3b3b; display:block; height:5px; content:''; margin:0.3em auto;}

#title-content h1.category{padding-bottom:0.6em;}
#title-content h1.category:after{display:none;}

#title-content .date{font-family:'Abel', sans-serif; text-transform:uppercase; font-size:1.5em; padding-bottom:1em;}
.recording-copy{padding:20px; text-align:left;}
.recording-tracklist{background:#4cbcf2; color:#fff; text-align:center;}
.recording-tracklist h2{font-weight:bold; padding-top:3em; font-size:1.25em;}
.recording-tracklist ul.tracklist{margin-bottom:3em;}
.recording-tracklist li{font-size:0.8em;}
.recording-album img{width:100%;}

.record-o-t-w{margin-top:64px; margin-right:3.8%;}
.record-o-t-w h2,
.record-o-t-w p{color:#362f2d;}
.record-o-t-w a{text-decoration:none;}

.caption{float:right; font-size:0.8em;}
.inline{float:right; width:50%; padding-left:1em;}

/* --- Remembering Robin --- */
#remembering-title{color:#FFF;}
#remembering-title h2{font-size:2.4em;}
#remembering-title h2:after {width:30%; background:#FFF; display:block; height:3px; content:''; margin:0.5em auto;}

#remembering-title .attached.left{bottom:30%; left:5%; width:50%; text-align:center;}
#remembering-title .attached.right{bottom:5%; right:5%; width:50%; text-align:right;}
#remembering-title .date{font-family:'Abel', sans-serif; text-transform:uppercase; font-size:1.5em; padding-bottom:1em;}

#remembering-content{text-align:center; height:30em; overflow:hidden; margin:2em 0 5em 0; position:relative;}
#remembering-content .source{font-family:'Abel', sans-serif; text-transform:uppercase; font-size:1.4em; padding-bottom:2em;}
#b-gr{position:absolute; height:10em; width:100%; bottom:0; background:url(../images/b-gr.png) 0 0 repeat-x;}


.audiojs {display:inline-block; vertical-align:middle; height:30px; background:#6dcff6; width:30px; border-radius:15px; margin-right:1.4em; box-shadow:none;}
.audiojs .play-pause {width:30px; height:30px; padding:4px;}
.audiojs p {width:25px; height:20px; margin:-3px 0px 0px -1px;}
.audiojs .scrubber, .audiojs .progress, .audiojs .loaded, .audiojs .time, .audiojs .error-message {display:none;}

/* --- Photos --- */
#gallery .album-title, #news .news-title{font-size:1.6em}
#gallery .album-title:after, #news .news-title:after{width:20%; background:#3b3b3b; display:block; height:3px; content:''; margin:0.3em auto;}
#gallery .gallery, #news .date{font-family:'Abel', sans-serif; text-transform:uppercase; font-size:1em;}
#recordings .album-title{margin-top:0.4em; color:#362f2d;}
#gallery .w6, #news .w6{float:left;}
.off-bg{background:#f3f3f3;}
#gallery a{text-decoration:none; color:#362f2d;}
#main-content{}
#footer{}
img.max{width:100%;}

.pages-bottom li{margin: 20px;}

.side{width:51.5%; position:absolute; left:0; top:0; height:100%;}
#gallery .side, #news .side{width:59%;}
#gallery .side-content, #news .side-content{position:absolute; top:50%; -webkit-transform:translateY(-50%) scale(1.0, 1.0); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

#recordings .w3{background-color:#fff; margin-bottom:2em;}
#recordings .base{position:absolute; top:64%; width:100%; background-color:#f3f3f3; text-align:center; height:37%;}

.titanic-copy{}
.titanic-sub-title{font-weight:bold; font-size:1.2em;}
.news-wrap{color:#362f2d; text-decoration:none;}
.news-wrap:hover{color:#8d8380;}
.news-image{width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:1.5em 0 0 1.5em;}
.news-content{padding:1.5em 2.5em 0 2.5em;}
.titanic-content{padding:1em;}

#titanic-container{background-color:#dedede;}

.homepage-link{color:#FFF; text-decoration:none;}

.pullout-quote{font-size:1.6em; margin:0 0 1em 1em;}
.pullout-quote-attribution{font-family:'Abel', sans-serif; text-transform:uppercase; margin:0 0 2.2em 1em; padding-left:1em;}
.intro-p{font-size:1.4em; margin-bottom:0.6em;}

.gallery-images{margin:0 0 2em; text-align:center;}
.gallery-images .grid-sizer{width:20%; visibility:hidden;}
.gallery-images .item{width:20%; display:block;}
.side.white{background:url(../images/overlay-ffffff.svg) center right no-repeat; -webkit-background-size:auto 105%; background-size:auto 105%;}
.side.blue{background:url(../images/overlay-6dcff6.svg) center right no-repeat; -webkit-background-size:auto 105%; background-size:auto 105%;}
.side.off{background:url(../images/overlay-f3f3f3.svg) center right no-repeat; -webkit-background-size:auto 105%; background-size:auto 105%;}
#recordings .base.white{background:url(../images/overlay-ffffff-90.svg) center top no-repeat; -webkit-background-size:auto 70%; background-size:auto 70%;}
#recordings .base.off{background:url(../images/overlay-f3f3f3-90.svg) center top no-repeat; -webkit-background-size:auto 70%; background-size:auto 70%;}
.recordings-img{margin-bottom:2em;}
.base-content{position:absolute; top:26%; height:6em; left:0; right:0; margin-top:2em; overflow:auto;}
.base-content.white{background:#fff;}
.base-content.off{background:#f3f3f3;}
.side-content{width:80%; padding:0 5%; text-align:center; -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); -webkit-perspective:1000;}
img.overlayed{width:52%; float:right; margin:0;}

.container.home-quote{background-color:#3b3b3b; color:#FFF; text-align:center;}
.container.home-quote blockquote{font-size:50px; padding:1.4em 0;}

.swipe {overflow:hidden; visibility:hidden; position:relative;}
.swipe-wrap {overflow:hidden; position:relative;}
.swipe-wrap > div {float:left; width:100%; position:relative;}

#reviews{text-align:center; padding:10% 0 0;}
#reviews .star-rating{font-family:'gibb-icons'; vertical-align:middle; font-size:1.4em;}
#reviews .quote{margin-top:10px; padding:0 1em;}
#reviews .source{margin-top:10px; font-weight:700;}

.icon-play, .icon-twitter, .icon-facebook, .icon-youtube, .icon-star, .icon-menu, .attached.right.play:before{font-family:'gibb-icons';}
.icon-play:after{content:"\e000";}
.icon-twitter:after{content:"\e001";}
.icon-facebook:after{content:"\e002";}
.icon-youtube:after{content:"\e003";}
.icon-star:after{content:"\e004";}
.icon-menu:after{content:"\e005";}

.back_btn{display:none;}

/* --- SMALLER SCREENS --- */

@media only screen and (max-width:1100px){

body{font-size:0.8em;}
.gallery-images .grid-sizer{width:33.33%;}
.gallery-images .item{width:33.33%;}
#gallery .album-title, #news .news-title{font-size:2em}
.titanic{bottom:30px;}

#recordings .w3{background-color:#fff; margin-bottom:1em;}
#recordings .w3 .base-content{margin-top:15%;}

}


/* --- MOBILE --- */

@media only handheld, screen and (max-width:767px){ /* 768 = iPad screen */


#recordings .w3 .album-title{margin-top:0; padding-top:0;}
body{font-size:1em;}
.back_btn{display:block;}
#nav-primary{overflow:hidden; height:0; float:none;}
body.m-nav-open {-webkit-transform:translate(-250px,0px); position:relative;}
body.m-nav-open #nav-primary{overflow:auto; height:1200px; padding:0 25px; display:block; width:200px; position:absolute; top:0px; right:-250px; background-color:#f3f3f3; -webkit-overflow-scrolling:touch;}
/*#nav-primary{position:static; text-align:left; padding:0; -webkit-transition:0.3s; height:1200px; margin-top:1em; -webkit-overflow-scrolling:touch; border-bottom:none;}*/

.titanic{bottom: 20px;}
.titanic__heading {font-size:320%; margin-bottom:-10px;}
.titanic__sub {font-size:150%; }
.titanic__mini {font-size:110%;}

#header{overflow:hidden; height:auto;}
#nav-primary li{display:block; width:100%; padding:0 0 1.2em 0; height:1.4em; font-size:1.4em;}
#nav-primary li.dropdown{height:auto; padding-bottom:0;}

#nav-social{padding-left: 0.2em;}

#nav-primary li a{color:#362f2d;}
#nav-footer li{display:block; clear:both; padding:0.4em 0;}
#nav-footer li,
#nav-footer li.copyright,
#nav-footer li.ten4,
#nav-footer li.bee-gees{padding:0.4em 0;}
.news-content{padding:1em;}

ul.sub-nav {display:block; position:static; background:none; width:100%; padding-top:0;}
ul.sub-nav li {font-size:100%; background:none; font-size:0.6em !important; padding-left:1em !important; height:auto;}

#m-nav-toggle{display:block; float:right; margin-right:20px;font-family:'gibb-icons';}
#m-nav-toggle:after{content:"\e005"; font-size:2.4em; line-height:2.4em; vertical-align:middle; color:#333;}

.gallery-images .grid-sizer{width:100%;}
.gallery-images .item{width:100%;}

#gallery .w6, #news .w6{width:100%;}
#gallery .side, .side{position:static; width:50%; float:left; clear:both; background:none;}
.side-content{float:left; margin:0; width:40%;}
.m-side-content-index{padding-left:0;}
img.overlayed{width:50%;}
#gallery .side-content, #news .side-content{float:left;}
#gallery .side, #news .side{width:50%;}

.news-image{padding:1em;}

.record-o-t-w{position:relative; padding:20px 0 20px; margin-top:10px;}

#remembering-title h2{font-size:1.4em;}
#remembering-title .date{font-size:1em;}

#home-featured-seperator{width:70%; background:#362f2d; display:block; height:3px; content:''; margin:1.5em auto;}

#titanic-featured-content .titanic-special,
.attached.left, 
.attached.right{position:static; width:100%;}
.m-content{padding:1.6em;}
#home-featured-content .attached.left, #remembering-title .attached.left{background:#fff; color:#362f2d;}
#remembering-title h2:after{width:80%; background:#362f2d; display:block; height:3px; content:''; margin:0.5em auto;}
#home-featured-content .cat{padding-bottom:0;}
#home-featured-page .side, #home-featured-page .side-content{width:100%; position:static;}
#home-featured-page img.overlayed{width:100%;}

.homepage-link{color:#362f2d;}
.row.faux-column {background:none;}
.inline{float:none; width:100%; padding-left:0;}
.inline img.p{margin-bottom:0.2em;}
.caption{width:100%; margin-bottom:1em;}
.pullout-quote{margin:1em auto;}

.attached.right.play:before{display:none;}
#home-featured-page .side-content{position:static; -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; transform:none;}
#home-featured-page .sub,
#home-featured-album .sub{padding-bottom:1em;}

#gallery .album-title,
#news .news-title{font-size:1.2em;}

#recordings .w3{background-color:#fff; margin-bottom:0em;}

#reviews{text-align:center; padding:14px 0;}
#reviews .star-rating{font-family:'gibb-icons'; vertical-align:middle; font-size:1.4em;}
#reviews .quote{margin-top:10px; padding:0 1em;}
#reviews .source{margin-top:10px; font-weight:700;}

#titanic-featured-content .attached.left{background-color:#fff; color:#362f2d;}

.m-hide{display:none;}

#remembering-title .attached.left{width:100%;}
}


/* --- RETINA --- */

@media only screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx), screen and (min-resolution:192dpi){

#header .autograph{background-image:url('../images/autographx2.png'); background-size: 80px 60px;}

body{-webkit-transition:0.3s; -webkit-transform:none; /*-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden;*/}

}

@media only handheld and (-webkit-min-device-pixel-ratio:2), screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2), handheld and (min-resolution:2dppx), screen and (max-width:767px) and (min-resolution:2dppx), handheld and (min-resolution:192dpi), screen and (max-width:767px) and (min-resolution:192dpi){ /* Retina mobile */

#header .autograph{background-image:url('../images/autographx2.png'); background-size: 80px 60px;}

}