/* ======================================================================================================================== */ /* RESETS */ /* ======================================================================================================================== */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block} figure{position:relative} figure img{width:100%} /* ======================================================================================================================== */ /* SITE ELEMENTS */ /* ======================================================================================================================== */ * {margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html, body {background: url(../images/bg_body.jpg) repeat; color: #291f16; height: 100%; } body.hidden {overflow: hidden; } body {font-family: Georgia, 'Times New Roman', Serif;} ::-moz-selection { background: #fbb519; color: #291f16; text-shadow: none; } ::selection { background: #fbb519; color: #291f16; text-shadow: none; } a {cursor: pointer } a:active, a:focus{outline: 0;} img {border: none} .left {float: left} .right {float: right} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} img, object, embed {max-width: 100%;} img {height: auto;} /* ======================================================================================================================== */ /* COLORS */ /* ======================================================================================================================== */ /* DARK BROWN: 291f16 */ /* LIGHT BROWN: a45c2a */ /* BROWN: 60432f */ /* YELLOW: fbb519 */ /* RED: bc140c */ /* GREEN: 808507 */ /* CREAM: f3eac7 */ /* WHITE: FFF */ /* ======================================================================================================================== */ /* BUTTONS */ /* ======================================================================================================================== */ .btn, input {-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} .btn {text-align: center; width: auto; padding: 0.75em 1.5em 0.65em; font-size: 0.875em; color: white; text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,0.5); } .btn.green, .newsletter input[type="submit"] { -webkit-box-shadow: inset 1px 1px 0px 0px rgba(160, 156, 41, 1); -moz-box-shadow: inset 1px 1px 0px 0px rgba(160, 156, 41, 1); -o-box-shadow: inset 1px 1px 0px 0px rgba(160, 156, 41, 1); box-shadow: inset 1px 1px 0px 0px rgba(160, 156, 41, 1); background: #94941c -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */ background: #94941c -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25))); /* Chrome,Safari4+ */ background: #94941c -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */ background: #94941c -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* Opera 12+ */ background: #94941c -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* IE10+ */ background: #94941c radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* W3C */ } .btn.brown { -webkit-box-shadow: inset 1px 1px 0px 0px rgba(180, 113, 63, 1); -moz-box-shadow: inset 1px 1px 0px 0px rgba(180, 113, 63, 1); -o-box-shadow: inset 1px 1px 0px 0px rgba(180, 113, 63, 1); box-shadow: inset 1px 1px 0px 0px rgba(180, 113, 63, 1); background: #a45c2a -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */ background: #a45c2a -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25))); /* Chrome,Safari4+ */ background: #a45c2a -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */ background: #a45c2a -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* Opera 12+ */ background: #a45c2a -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* IE10+ */ background: #a45c2a radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* W3C */ } .btn.yellow { -webkit-box-shadow: inset 1px 1px 0px 0px rgba(241, 178, 52, 1); -moz-box-shadow: inset 1px 1px 0px 0px rgba(241, 178, 52, 1); -o-box-shadow: inset 1px 1px 0px 0px rgba(241, 178, 52, 1); box-shadow: inset 1px 1px 0px 0px rgba(241, 178, 52, 1); background: #fbb519 -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */ background: #fbb519 -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25))); /* Chrome,Safari4+ */ background: #fbb519 -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */ background: #fbb519 -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* Opera 12+ */ background: #fbb519 -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* IE10+ */ background: #fbb519 radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* W3C */ } .btn.red { -webkit-box-shadow: inset 1px 1px 0px 0px rgba(188, 20, 12, 1); -moz-box-shadow: inset 1px 1px 0px 0px rgba(188, 20, 12, 1); -o-box-shadow: inset 1px 1px 0px 0px rgba(188, 20, 12, 1); box-shadow: inset 1px 1px 0px 0px rgba(188, 20, 12, 1); background: #bc140c -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */ background: #bc140c -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25))); /* Chrome,Safari4+ */ background: #bc140c -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */ background: #bc140c -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* Opera 12+ */ background: #bc140c -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* IE10+ */ background: #bc140c radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* W3C */ } .btn.green:hover {color: #291f16; text-shadow: 0 1px 1px #acad27} .btn.brown:hover {color: #291f16; text-shadow: 0 1px 1px #b4713f} .btn.yellow:hover {color: #291f16; text-shadow: 0 1px 1px #ecb545} .btn.red:hover {color: #291f16; text-shadow: 0 1px 1px #d51d14} .btn.news {font-family: 'Bebas'; color: white; padding: .5em 1em .4em; font-size: 1em; text-shadow: none; box-shadow: none} .btn.news.red {background: #bc140c} .btn.news.brown, .btn.news.light:hover {background: #291f16;} .btn.news.light {background: #a45c2a;} .btn.news.red:hover {background: #291f16;} .btn.news.brown:hover {background: #808507;} .btn.news:hover {color: white; text-shadow: none} .btn:hover {cursor: pointer} input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* ======================================================================================================================== */ /* TRANSITIONS */ /* ======================================================================================================================== */ .transition { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: height, padding-bottom, padding-top, visibility; -moz-transition-property: height, padding-bottom, padding-top, visibility; -o-transition-property: height, padding-bottom, padding-top, visibility; transition-property: height, padding-bottom, padding-top, visibility;} .btn:hover, nav ul li ul li a:hover, nav.leveltwo a:hover, footer a:hover, .fade:hover, ul.resp-tabs-list a:hover { -webkit-transition:.25s; -moz-transition:.25s; -o-transition:.25s; transition:.25s;} /* ======================================================================================================================== */ /* SITE FORMS */ /* ======================================================================================================================== */ textarea {resize: none} button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;} input:focus, textarea:focus {outline: none;} ::-webkit-input-placeholder { color:#999; } input:-moz-placeholder { color:#999; } /* Select */ select {float: left; font-family: 'Quadon-Bold'; font-weight: 100;} select:hover {cursor: pointer} select option {font-size: 1em; font-family: 'Quadon-Medium'} select, span.customSelect {width: 100%} /* ======================================================================================================================== */ /* FONTS */ /* ======================================================================================================================== */ @font-face { font-family: 'Bebas'; src: url('../fonts/BebasNeue-webfont.eot'); src: local('☺'), url('../fonts/BebasNeue-webfont.woff') format('woff'), url('../fonts/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/BebasNeue-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Quadon-Medium'; src: url('../fonts/27414A_A_0.eot'); src: local('☺'), url('../fonts/27414A_A_0.woff') format('woff'), url('../fonts/27414A_A_0.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Quadon-Bold'; src: url('../fonts/27414A_2_0.eot'); src: local('☺'), url('../fonts/27414A_2_0.woff') format('woff'), url('../fonts/27414A_2_0.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Mano'; src: url('../fonts/wcmanonegrabta-webfont.eot'); src: local('☺'), url('../fonts/wcmanonegrabta-webfont.woff') format('woff'), url('../fonts/wcmanonegrabta-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Trend'; src: url('../fonts/trend-sans-one.eot'); src: local('☺'), url('../fonts/trend-sans-one.woff') format('woff'), url('../fonts/trend-sans-one.ttf') format('truetype'), url('../fonts/trend-sans-one.svg#ywftsvg') format('svg'); font-weight: normal; font-style: normal; } h1, h2, h3, h4, h5, h6 {font-weight: 100} h1 {color: #fbf8ed; font-family: 'Mano'; font-size: 10em; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);} h2 {text-transform: uppercase; letter-spacing: 1px; font-family: 'Trend'; } h3 {font-family: Georgia, Serif;} h4, nav.leveltwo, #posts header strong, aside header {font-family: 'Quadon-Bold'; font-weight: 100} h5, h6, nav, .slide-out-div, .close-tab em {font-family: 'Bebas', 'Helvetica Neue', Arial,Helvetica,sans-serif; font-weight: 100} .scroll-pane {font-size: 1em; font-family: 'Quadon-Medium'} p {font-size: 1em; line-height: 1.75em} .btn {font-family: 'Quadon-Bold'; font-weight: 100; } input {color: #291f16; border: none; font-size: 0.8125em; font-family: 'Quadon-Medium'; font-weight: 100; } /* ======================================================================================================================== */ /* CONTAINERS, WRAPPERS, & HOLDERS */ /* ======================================================================================================================== */ #holder, #tourholder, #shopholder, #familyholder {font-family: 'Quadon-Medium'; font-weight: 100; display:block; clear:both; } #holder, #tour {padding-bottom: 4em} footer {clear: both; width: 100%;} .wrapper { max-width: 1140px; margin: 0 auto; margin-top: 1.5em; margin-bottom: 0; padding: 2em; overflow: hidden;} .container {width: 100%; float: left; padding: 1.5% 0; } #bio, #tour, #disco, #galleries { margin-top: -5.5%; padding-top: 5.5%; width: 100%; float: left} #galleries {margin-top: 0} /* ======================================================================================================================== */ /* BACKGROUNDS */ /* ======================================================================================================================== */ .dirt {background: url(../images/bg_dirt.jpg) repeat;} .paper {background: url(../images/bg_paper.jpg) repeat;} .wood {background: url(../images/bg_darkwood.jpg) repeat} /* ======================================================================================================================== */ /* HEADER */ /* ======================================================================================================================== */ header {background: url(../images/bg_header_left.png) no-repeat left top, url(../images/bg_header_right.png) no-repeat right top, url(../images/bg_header.png) repeat-x; position: relative; z-index: 1; margin-bottom: -18px; } header .levelone {height: 80px;} header {display: inline-block; width: 100%} header.top-bar .left {margin-left: 3em; width: auto} header.top-bar .left a {padding-top: 0.675em; display: block; position: absolute; max-width: 220px} /* ------- MAIN NAVIGATION ------ */ #nav { width: auto; position: absolute; right: 1%; font-size: 1.25em;} #nav > a { display: none; } #nav > ul {height: 88px; z-index: 9999;} #nav li { position: relative; list-style: none; } #nav li a { color: #fff; display: block; text-decoration: none } #nav span:after { width: 0; height: 0; content: ''; vertical-align: middle; display: inline-block; position: relative;} /* Links */ #nav > ul > li { width: auto; height: 100%; float: left; text-align: center;} #nav > ul > li > a { height: 100%; font-size: 1.15em; padding: 0 1.75em; line-height: 2.75em; color: #291f16; text-shadow: 0 1px 1px white } #nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {background: url(../images/bg_nav_on.png) no-repeat center top} /* Dropdown */ #nav ul li ul li:first-child {padding-top: .65em} #nav li ul { background: #6f4a2f url(../images/bg_tear.png) top repeat-x; display: none; position: absolute; top: 70%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.25); -o-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.25);} #nav li:hover ul { display: block; left: 0; right: 0;} #nav li:not( :first-child ):hover ul { left: -1px; } #nav li ul a { font-size: 1em; border-top: 1px solid #8b6544; line-height: .575em; border-bottom: 1px solid #5d3d22; padding: 0.75em; height: 100%; text-shadow: 0 1px 1px #5d3d22 } #nav li ul li a:hover, nav.leveltwo li a:hover {color: #fbb519} #nav li ul li:first-child a {border-top: none} #nav li ul li:last-child a {border-bottom: none} /* ------- SECONDARY NAVIGATION ------ */ nav.leveltwo ul {text-align: right; z-index: 0; position: relative; width: 100%; -webkit-box-shadow: inset 0px 0px 3px 3px rgba(0, 0, 0, .25); box-shadow: inset 0px 0px 3px 3px rgba(0, 0, 0, .25); } nav.leveltwo.green {background: url(../images/bg_grunge_green.jpg) repeat; border-bottom: 1px solid #5b5e05;} nav.leveltwo.brown {background: url(../images/bg_grunge_brown.jpg) repeat; border-bottom: 1px solid #9d5523;} nav.leveltwo li {list-style: none; display: inline; border-right: 1px solid rgba(255,255,255,0.5); } nav.leveltwo li:last-child {margin-right: 2.5em; border: 0} nav.leveltwo li a {padding: 1.75em 1em 1em; font-size: .875em; display: inline-block; text-decoration: none; color: white; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0,0,0,0.35) } /* ======================================================================================================================== */ /* MORE SIDE PANEL */ /* ======================================================================================================================== */ .slide-out-div { width: 510px; background: #291f16; color: white; height: 100%; position: relative; border-left: 8px solid white; padding-bottom: 0; margin-bottom: 0; margin-left: -8px; position:relative; z-index: 2000; display: none; } .slide-out-div a {margin-top: 138px; display: block; margin-left: -8px} .slide-out-div p {font-size: .875em; line-height: 1.5em;} /* TAG */ a.handle {text-indent: 0 !important; color: #fff; text-transform: uppercase; font-size: 1.65em; text-decoration: none; text-shadow: 0 1px 1px #291f16; background: url(../images/bg_tag_more.png) no-repeat right center !important; width: 104px; height: 64px; display: block; top: 30px !important;} a.handle span {position: absolute; padding-left: 21px; top: 20px; right: 12px; background: url(../images/icon_tag_more.png) no-repeat left center; height: 26px; } a.handle:hover {color: #291f16; text-shadow: 0 1px 1px #a29f2b} .slide-out-div.open a.handle span {background: url(../images/icon_tag_hide.png) no-repeat left center; height: 26px; margin-left: -8px } /* SCROLL PANE */ .scroll-pane { width: 100%; height: 100%; overflow: auto; margin: 0 auto; } .horizontal-only { height: auto; } .jspContainer { overflow: hidden; position: relative;} .jspPane { position: absolute;} .jspVerticalBar { position: absolute; top: 0; right: 0; width: 26px; height: 100%;} .jspCap { display: none;} .jspHorizontalBar .jspCap { float: left;} .jspTrack {position: relative; background: #a45c2a} .jspDrag { background: #f3eac7; position: relative; cursor: pointer; width: 28%; margin: auto; margin-right: .6875em; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .jspHorizontalBar .jspDrag { float: left; height: 100%;} /* UNIVERSAL */ .slide-out-div, .scroll-pane, .scroll-pane .content, .jspContainer, .jspPane, .jspTrack {min-height: 100%; } .scroll-pane .content {margin: 0 auto; display: inline-block; } .scroll-pane .content img {line-height: 0; display: block} .newsletter, .featuredvid, .featuredad, .vault, .merch {padding: 3em 1.875em 3em 1.5em; text-align: center; -webkit-box-shadow: inset 5px 0px 5px 0px rgba(0, 0, 0, .25); -moz-box-shadow: inset 5px 0px 5px 0px rgba(0, 0, 0, .25); -o-box-shadow: inset 5px 0px 5px 0px rgba(0, 0, 0, .25); box-shadow: inset 5px 0px 5px 0px rgba(0, 0, 0, .25);} .newsletter a, .featuredvid a, .featuredad a, .vault a, .merch a, .house a {margin-top: 0} .scroll-pane h5 {font-size: 2.5em; line-height: .95em} .scroll-pane p {text-align: left; margin-bottom: 1.25em } .scroll-pane em, .scroll-pane header em { color: #a45c2a; font-size: 1.125em; font-style: normal; font-family: 'Bebas'; margin-bottom: .45em; display: block} .scroll-pane header {background: none; margin: 0; padding: 0px; text-transform: uppercase;} .scroll-pane .featuredvid, .scroll-pane .vault, .scroll-pane .merch {padding-bottom: 3.5em} .scroll-pane header {margin-bottom: 1.25em} .featuredad span, .merch span {position: absolute; display: block; height: 64px; width: 64px; left: 50%; margin-left: -28px; margin-top: -96px} .featuredad, .merch { padding-top: 4.5em; } /* NEWSLETTER */ .newsletter {padding-top: 1.5em; padding-bottom: 1.5em; text-align: center; height: 100%} .newsletter .content {width: 100%} .newsletter span {background: url(../images/bg_newsletter.png) no-repeat; height: 30px; width: 179px; display: inline-block; text-indent: -9999em} .newsletter ul li {display: block; list-style: none; font-style: normal; text-transform: uppercase; font-size: 0.6875em; color: #f3eac7;} .newsletter form {width: 82%; margin: 0 auto; margin-top: 1.5em; display: inline-block; } .newsletter input { padding: 1em; width: 64%; float: left } .newsletter input[type="email"] { border: medium none;} .newsletter input[type="submit"] {float: right; padding: 1em 2em; text-align: center; width: auto; font-size: 0.85em; color: white; font-family: 'Quadon-Bold'; font-weight: 100; text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,0.5);} .newsletter input[type="submit"]:hover { color: #291f16; text-shadow: 0 1px 1px #acad27; cursor: pointer } /* FEATURED VIDEO */ .featuredvid {background: url(../images/bg_featured_tear.png) repeat-x top, url(../images/bg_texture_yellow.jpg) repeat; color: #291f16 } .featuredvid iframe {margin-bottom: 1.25em} .featuredvid h6 {margin: .75em 0 .375em; font-size: 2em} .featuredvid ul li {list-style: none; display: inline-block; border-bottom: 1px solid #b27b01; padding: 1.125em .75em; width: 100%; text-align: left; background: rgba(0,0,0,0.1) } .featuredvid ul li p {padding-bottom: 0; margin-bottom: 0} .featuredvid ul li:last-child {border: 0} .featuredvid a {color: #a45c2a; display: inline; margin-left: 0} /* FEATURED AD */ .featuredad {min-height: 3em; background: url(../images/bg_tear.png) repeat-x; position: relative} .featuredad span {background: url(../images/icon_dove.png) no-repeat; } .featuredad .right {width: 57.5%; text-align: left } .featuredad h4 {font-size: 1.375em; margin-bottom: .5em} .featuredad h4 a {color: #fbb519; text-decoration: none; padding: 2px} .featuredad h4 a:hover {text-decoration: underline} .featuredad ul {float: left; width: 100%; margin: 0 0 0 .5em} .featuredad ul li {list-style: none; display: inline; float: left; margin-right: 1.25em;} .featuredad .btn {padding: 0.5 2em} /* THE VAULT */ .vault {background: url(../images/bg_featured_tear.png) repeat-x top, url(../images/bg_texture_cream.jpg) repeat; padding-bottom: 5em; text-align: center; color: #291f16; } .vault article {background: url(../images/bg_vaultimg.png) no-repeat center top; padding: 1em; color: #291f16; min-height: 350px; } .vault img {margin: 0.5em 0; } .vault article strong {font-family: 'Quadon-Bold'; font-weight: 100; color: #a45c2a; font-size: 1.125em; display: block;} .vault article i {font-weight: normal; line-height: 1.4em; width: 92%; font-size: .875em } .vault em, .vault i {display: inline-block; margin: 0 auto; text-align: center; font-style: normal; font-family: 'Quadon-Medium'; font-weight: 100;} .vault a.btn {width: auto; display: inline-block; font-family: 'Bebas'; font-size: 1.625em; line-height: 0.75em; margin: 1em 0 .5em} .vault i a {float: none; display: inline-block; color: #a45c2a; padding: 0 .35em; font-size: .875em; line-height: 1.5em} .slide-out-div .vault p {text-align: center; margin-bottom: 0;} .slide-out-div .vault .below-btn a {float: none; display: inline-block; color: #a45c2a; padding: 0 .35em; font-size: 1em} /* MERCH */ .merch { background: url(../images/bg_tear.png) repeat-x top, url(../images/bg_texture_yellow.jpg) repeat; } .merch span {background: url(../images/icon_dove.png) no-repeat;} .merch ul {margin: 0 auto; width: 436px} .merch ul li {height: 191px; list-style: none} .merch ul li a {display: block; width: 100%; height: 100%; text-indent: -9999em; background: url(../images/btn_merch.png) no-repeat center top} .merch ul li a:hover {background-position: center bottom} /* IMAGE AD */ .house {padding: 0; margin-bottom: 0} /* ======================================================================================================================== */ /* HOME BACKGROUND SLIDER */ /* ======================================================================================================================== */ .cbp-bislideshow { list-style: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 0; padding: 0;margin: 0;} .cbp-bislideshow li { position: absolute; width: 101%; height: 101%; top: -0.5%; left: -0.5%; opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s;} /* If background-size supported we'll add the images to the background of the li */ .backgroundsize .cbp-bislideshow li { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center;} /* ...and hide the images */ .backgroundsize .cbp-bislideshow li img, .cbp-bislideshow li iframe {display: none;} .cbp-bislideshow li img, .cbp-bislideshow li iframe { display: block; width: 100%;} .cbp-bicontrols { position: fixed; width: 38px; height: 76px; margin: -20px 0 0 -150px; top: 10em; left: 12em;} .cbp-bicontrols span { float: left; width: 100px; height: 100px; position: relative; cursor: pointer; border: none} .cbp-bicontrols span:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #fff; -webkit-font-smoothing: antialiased;} .cbp-bicontrols span:hover:before { opacity: 1;} .cbp-bicontrols span:active:before { top: 2px;} .cbp-bicontrols span.cbp-binext, .cbp-bicontrols span.cbp-biprev {width: 38px; height: 38px;} .cbp-bicontrols span.cbp-binext { background: url(../images/arrow_next.png) no-repeat;} .cbp-bicontrols span.cbp-biprev { background: url(../images/arrow_prev.png) no-repeat; } .cbp-bicontrols span.cbp-binext:hover, .cbp-bicontrols span.cbp-biprev:hover {background-position: bottom} .hero-pop {float:left; clear: left; background: url(../images/arrow_info.png) no-repeat top; z-index: 100; width: 38px; height: 38px; position: relative; display: none !important} .hero-pop:hover {background-position: 0 -38px; } .slide-text {display: none;} /* Fallback */ .no-js.no-backgroundsize .cbp-bislideshow li:first-child { opacity: 1;} .no-js.backgroundsize .cbp-bislideshow li:first-child img { display: block;} /* Caption Location */ #caption {display: block; width: 300px; position: absolute; left: 2px; top: 69px; opacity: 0;} #caption p {color: #291f16; background: #fbb519; font-family: 'Quadon-Bold'; font-weight: 100; text-decoration: none; font-size: 1em; line-height: 1.25em; padding: 1em 2em; display: block; width: 100%; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } #caption span.arrow-left { width: 0; height: 0; left: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #fbb519; position: absolute; margin: 0px 0 0 -8px} /* !!!!!!!!!!!!!!NEW SLIDER ADDITIONS!!!!!!!!!!!! */ .cbp-bicontrols {margin-top: 0; top: 30%; width: 76px;} .cbp-bicontrols span {display: inline; float: left;} .cbp-bislideshow li section {position: absolute; z-index: 2; width: 40%; max-width: 750px; left: 3em; top: 35%;} .cbp-bislideshow li section h6, .cbp-bislideshow li section a, .cbp-bislideshow li section blockquote, .cbp-bislideshow li section i {float: left; display: block; clear: left; margin-bottom: 1.25em !important; text-shadow: 0px 1px 1px rgba(0,0,0,1);} .cbp-bislideshow blockquote, .cbp-bislideshow i {font-family: 'Quadon-Medium'; color: white} .cbp-bislideshow blockquote {margin-top: .5em; font-size: 1em; line-height: 1.5em} .cbp-bislideshow li section h6 {font-size: 4.6875em; color: white; margin-bottom: 0 !important; padding-bottom: 0; color: #fbf8ed; letter-spacing: 0; line-height: 1em;} .cbp-bislideshow li section i {margin-bottom: 0 !important; font-size: .875em } /* SMALLER DESKTOPS: 1140px */ @media only screen and (max-width: 1140px) { .cbp-bislideshow li section h6 { font-size: 3em } } /* iPAD LANDSCAPE: 1024px */ @media only screen and (max-width: 1024px) { .cbp-bicontrols {top: 23% !important} .cbp-bislideshow li section {top: 30%;} } /* iPAD LANDSCAPE: 768px */ @media only screen and (max-width: 768px) { .cbp-bicontrols {display: none} .cbp-bislideshow li section { bottom: 0 !important; height: 336px; left: 0; margin-left: auto; margin-right: auto; margin-top: 0; padding: 1em; position: absolute !important; text-align: center; top: auto; width: 100%; max-width: 100%} .cbp-bislideshow li section h6, .cbp-bislideshow li section blockquote, .cbp-bislideshow li section a, .cbp-bislideshow li section i {float: none; margin: 0 auto; width: auto; clear: left } .cbp-bislideshow li section a {display: inline-block} .cbp-bislideshow li section h6 {font-size: 2.5em} } /* PHONE: 480px */ @media only screen and (max-width: 480px) { .cbp-bislideshow li section {height: 290px;} .cbp-bislideshow li section h6 { font-size: 2.25em; text-align: center } } /* !!!!!!!!!!!!!!NEW SLIDER ADDITIONS!!!!!!!!!!!! */ /* ======================================================================================================================== */ /* MISSION */ /* ======================================================================================================================== */ #largepic {height: 60%; width: auto; overflow: hidden} #mission {background: none; height: auto; padding: 0; display: block; margin-top: -8em; font-size: 1em; } /* HOLDERS */ #mission .content, #mission ul {width: 570px;} #mission .content {padding: 1.75em 0; float: right;} #mission .wrapper, #mission h1 { padding: 0; } #mission h1 {max-width: 1140px; min-width: 700px; margin: 0 auto; z-index: 100; height: 70px; line-height: 0; position: relative} #mission .left, #mission .right {width: 50%; margin: 0; margin-top: -5px; padding: 0} /* ABOUT */ #mission .left {background: url(../images/bg_mission_top.png) repeat-x top, url(../images/bg_mission_bottom.png) repeat-x bottom, url(../images/bg_canvas.jpg) repeat; border-bottom: 6px solid #c6bba2} #mission .left.green {border-top: 6px solid #808507;} #mission .left.red {border-top: 6px solid #bc140c;} #mission .left.sand {border-top: 6px solid #afa784;} #mission .left.brown {border-top: 6px solid #a45c2a;} #mission .left.darkbrown {border-top: 6px solid #291f16;} #mission .left p {padding-right: 1.75em; font-size: .875em; font-family: 'Quadon-Medium', Georgia, Serif; } #mission .left ul {margin-top: 1em} #mission .left ul li { display: inline-block; line-height: 1.5em; list-style: none; margin-right: 0.75em;} #mission .left li {font-family: 'Quadon-Medium'; font-size: .875em; text-shadow: 0 1px 1px white; text-transform: uppercase; display: inline-block} #mission .left li:first-child {margin-right: 1em; line-height: 2em; } #mission .left ul li a {text-indent: -9999em; display: inline-block; width: 18px; height: 18px;} #mission .left ul li a {background: url(../images/share.png) no-repeat;} #mission .left ul li a.twitter {background-position: -33px} #mission .left ul li a.google {background-position: -66px} #mission .left ul li a:hover {opacity: 0.75} /* QUOTE TWEET */ #mission .right { margin-top: 1em; -webkit-box-shadow: inset 0px 0px 3px 3px rgba(0, 0, 0, .25); -moz-box-shadow: inset 0px 0px 3px 3px rgba(0, 0, 0, .25); -o-box-shadow: inset 0px 0px 3px 3px rgba(0, 0, 0, .25); box-shadow: inset 0px 0px 3px 3px rgba(0, 0, 0, .25);} #mission .right.green {background: url(../images/bg_grunge_green.jpg) repeat; border-top: 1px solid #5b5e05; } #mission .right.red {background: url(../images/bg_grunge_red.jpg) repeat; border-top: 1px solid #840d07; } #mission .right.sand {background: url(../images/bg_grunge_sand.jpg) repeat; border-top: 1px solid #887a59; } #mission .right.brown {background: url(../images/bg_grunge_brown.jpg) repeat; border-top: 1px solid #7e411d; } #mission .right.darkbrown {background: url(../images/bg_grunge_darkbrown.jpg) repeat; border-top: 1px solid #1c150f; } #mission .right ul {padding: 1em 0; min-height: 6.5em} #mission .right ul li {list-style: none; font-size: 1.125em; display: block; padding: 0 1em 0 1.5em; color: white; font-family: 'Quadon-Medium'; font-weight: 100; text-shadow: 0 1px 1px rgba(0,0,0,0.5);} #mission .right ul li a {color: #fbb519; font-size: 1em; background: url(../images/icon_twitter.png) no-repeat left center; padding-left: 1.5em; text-decoration: none; margin-top: .5em; display: inline-block; font-family: 'Bebas'; font-size: 1em; letter-spacing: 1px} #mission .right ul li:first-child {font-style: italic;} #mission .right ul li a:hover {color: white} #mission .right .tear {height: 20px; background: url(../images/bg_tear.png) repeat-x; width: 50%; position: absolute} /* ======================================================================================================================== */ /* INNER PAGES */ /* ======================================================================================================================== */ header.sub {width: 100%; text-align: center; margin: 0 auto; display: inline-block; margin-bottom: 2.75em; background: none;} header.sub h1 {font-family: 'Quadon-Bold'; text-shadow: none; font-size: 3.275em; line-height: 1em; margin-bottom: 0.4em;} header.sub h2, header.sub h3 {display: inline-block; width: 100%} header.sub h2 {font-size: 5em; line-height: .875em} header.sub h3 {font-style: italic; letter-spacing: 1px; font-size: 1.75em} header.sub a.btn {margin-top: 1em; display: inline-block; width: auto; } #standard header {z-index: 0} #standard header h2 {font-size: 3.125em;} #standard header h3 {font-size: 1.75em; color: #60432f; } #standard header h3 a {color: #60432f; text-decoration: none} #standard header h3 a:hover {text-decoration: underline} /* ===================================================================================== */ /* LIFE & LEGACY - HISTORY */ /* ===================================================================================== */ #bio, #awards, #lifestyle, #timeline, #map, #standard, #tour, #disco, #galleries {line-height: 1.75em; font-size: 1em;} /* BIOGRAPHY */ #bio {color: white;} #bio header.sub h3, .resp-tabs-container h5 {color: #fbb519;} #bio ul {width: 100%; border-top: 3px solid #5e432e; border-bottom: 3px solid #5e432e;} #bio img {float: right; padding: .5em; background: url(../images/bg_paper.jpg) repeat; margin: 1em; -webkit-box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, .5); -o-box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, .5); box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, .5);} ul.resp-tabs-list { padding: 0px; text-align: center} .resp-tabs-container hgroup {margin-bottom: 1em} .resp-tabs-container h4 {font-size: 1.5em} .resp-tabs-container h5 {font-family: 'Quadon-Medium'; font-size: 1em;} .resp-tabs-list li, h2.resp-accordion {font-family: 'Bebas'; font-size: 1.25em;} .resp-tabs-list li { display: inline-block; padding: 1em 2.575% .875em; margin: 0; list-style: none; cursor: pointer; text-align: center; width: auto} .resp-tabs-list li:hover, .resp-tab-active { color: #fbb519} .resp-tabs-container { padding: 0px; clear: left; margin-top: 2em} h2.resp-accordion { cursor: pointer; display: none;} .resp-tab-content { display: none;} .resp-tab-active { margin-bottom: -1px !important;} .resp-content-active, .resp-accordion-active { display: block;} h2.resp-accordion { margin: 0px; padding: 10px 15px;} h2.resp-tab-active { padding: 10px 15px !important; color: yellow} /* ACCORDION STYLES */ h2.resp-tab-active { background: #fbb519; color: #291f16; } ul .resp-easy-accordion {border: none} .resp-easy-accordion h2.resp-accordion { display: block; } .resp-easy-accordion .resp-tab-content { border: 1px solid red;} .resp-easy-accordion .resp-tab-content:last-child { } .resp-jfit { width: 100%; margin: 0px;} .resp-tab-content-active { display: block; margin: 1em 0} h2.resp-accordion {border-top: 1px solid #5e432e; } h2.resp-accordion:hover {background: #fbb519} .resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid white;} h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid white; } /* AWARDS */ #awards {color: #291f16; background: url(../images/bg_tear.png) repeat-x top, url(../images/bg_paper.jpg) repeat;} #awards header.sub h2 {color: #271e17;} #awards header.sub h3 {color: #60432f;} #awards a {color: #A45C2A} .liquid-slider-wrapper .liquid-slider-preloader { /* Do not edit */ width: 100%; height:200%; position:absolute; top:0; left:0;} .liquid-slider-wrapper { margin:0 auto; /* Do not edit below this line */ clear: both; overflow: auto; position: relative;} .liquid-slider-wrapper .liquid-slider { width: 1140px; /* Do not edit below this line */ float: left; overflow: hidden; position: relative;} .liquid-slider-wrapper .panel-container { /* Do not edit */ position: relative;} .liquid-slider-wrapper .liquid-slider .panel-container .fadeClass { /* Do not edit below this line */ position: absolute; top: 0; left: 0; display: none;} .liquid-slider-wrapper .liquid-slider .panel { width: 1140px; /* Do not edit below this line */ display: block; float: left;} .liquid-slider-wrapper .liquid-slider .panel h4 {font-size: 2em; color: #a45c2a} .liquid-slider-wrapper .liquid-slider .panel h5 {font-size: 1.5em; font-family: 'Quadon-Bold'; margin-bottom: 1em} .liquid-slider-wrapper .liquid-slider .panel img { float: left; margin: 0 1.5em 1.5em 0; -webkit-border-radius: 250px; -moz-border-radius: 250px; -o-border-radius: 250px; border-radius: 250px; -webkit-box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, .2); -o-box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, .2); box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, .2);} .liquid-slider-wrapper .liquid-slider .panel-wrapper { padding: 20px; /* Do not edit below this line */ position:relative;} .liquid-slider-wrapper .liquid-nav ul li a { /* Do not edit below this line */ display: none; float: left; text-decoration: none; } .liquid-slider-wrapper .liquid-nav-left, .liquid-slider-wrapper .liquid-nav-right { float: left;} .liquid-slider-wrapper .liquid-nav-left a, .liquid-slider-wrapper .liquid-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px; display: block; text-align: center; text-decoration: none;} .liquid-slider-wrapper .liquid-nav-left-arrow, .liquid-slider-wrapper .liquid-nav-right-arrow { cursor: pointer; float: left;} .liquid-slider-wrapper .liquid-nav-left-arrow a, .liquid-slider-wrapper .liquid-nav-right-arrow a { display: block;} .liquid-slider-wrapper .liquid-nav-left, .liquid-slider-wrapper .liquid-nav-left-arrow { clear: both;} .liquid-slider-wrapper .liquid-nav-right-arrow, .liquid-slider-wrapper .liquid-nav-left-arrow {width: 52px; height: 58px; margin-top: 100px; position:relative;} .liquid-slider-wrapper .liquid-nav-right-arrow { background: url(../images/arrow.png) no-repeat top right; } .liquid-slider-wrapper .liquid-nav-left-arrow { background: url(../images/arrow.png) no-repeat top left;} .liquid-slider-wrapper .liquid-nav-left-arrow:hover { background: url(../images/arrow.png) no-repeat bottom left;} .liquid-slider-wrapper .liquid-nav-right-arrow:hover { background: url(../images/arrow.png) no-repeat bottom right;} .liquid-responsive .liquid-slider { width: 100%; margin: 0;} .liquid-responsive .liquid-slider .panel .panel-wrapper { width: 85%; margin: 0 auto} .liquid-responsive .liquid-nav-left {position: absolute; left: 0; z-index: 1;} .liquid-responsive .liquid-nav-left a { background: #9A9A9A; width: 80px;} .liquid-responsive .liquid-nav-left a:hover { background: #747474;} .liquid-responsive .liquid-nav-right { position: absolute; right: 0; z-index: 1;} .liquid-responsive .liquid-nav-right a { background: #9A9A9A; width: 80px;} .liquid-responsive .liquid-nav-right a:hover { background: #747474;} .liquid-responsive .liquid-nav-left-arrow { position: absolute; left: 0; z-index: 1;} .liquid-responsive .liquid-nav-right-arrow { position: absolute; right: 0; z-index: 1;} /* LIFESTYLE */ #lifestyle {color: white; background: url(../images/bg_tear.png) repeat-x top, url(../images/bg_darkwood.jpg) repeat;} #lifestyle header.sub h3, #lifestyle .points h4 {color: #f3eac7;} #lifestyle .points {max-width: 90%; margin: 0 auto; margin-top: -2em; padding-bottom: 7em} #lifestyle .points .item { width: 32%; height: auto; margin: .5em; float: left; background: rgba(0,0,0,0.25); padding: 1em; } #lifestyle .points .item:hover {background: rgba(0,0,0,0.5)} #lifestyle .points .item:hover h4 {color: #fbb519} #lifestyle .points h4 {font-size: 1.5em; } #lifestyle .points img, #lifestyle .points h4 {margin-bottom: .375em} #lifestyle .points img {width: 100%;} #lifestyle .points .item:last-child {margin-bottom: 0} /* TIMELINE */ #timeline {background: white;} body #timeline-embed .vco-storyjs .vco-container.vco-main {background: red} html body div#timeline-embed.storyjs-embed div#storyjs-timeline.vco-timeline div.vco-container div.vco-feature div.vco-slider div.slider-container-mask div.slider-container div.slider-item-container div.slider-item div.content div.content-container div.text div.container p{color: green} /* MARLEY'S MAP */ #map {float: left; height: 700px; width: 100%; clear: both; margin-bottom: -1em } #map .divider {height: 18px; display: block; width: 100%; background: #291f16; -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.5);} #map .divider span {background: url(../images/bg_divider_map.png) no-repeat; width: 990px; height: 108px; position: absolute; left: 50%; margin-left: -495px; text-align: center; color: white; margin-top: -50px;} #map .divider span h2 {margin: .825em 0 .2em; font-size: 3.25em;} #map .divider span ul li {font-family: 'Bebas'; height: 27px; font-size: 1.125em; background: url(../images/bg_google.png) no-repeat right bottom; color: #fbb519; list-style: none; display: inline-block; padding-right: 4.25em; letter-spacing: 2px; } html body.ui-layout-container div#map_container.ui-layout-center {height: 100%; background: yellow} html body.ui-layout-container div#map_container.ui-layout-center div a#brand.mapcontrol {display: none} /* ===================================================================================== */ /* LIFE & LEGACY - CHARITY */ /* ===================================================================================== */ /* FEATURED CHARITY */ #featuredcharity {width: 100%; float: left; padding-bottom: 1.75em; border-bottom: 1px solid #c6bba2} #featuredcharity article {display: block; width: 100%; float: left; background: #291f16; color: white; text-align: center} #featuredcharity article .left {width: 65%; line-height: 0} #featuredcharity article img {width: 100%; line-height: 0} #featuredcharity article .right {width: 34%; } #featuredcharity article h6, #featuredcharity article span, #featuredcharity article ul {width: 90%; margin: 0 auto; display: inline-block; margin-top: .75em } #featuredcharity article h6 {line-height: 1em; font-size: 2.5em; color: white} #featuredcharity article span {text-align: center; padding: .75em 0; font-size: 1em; line-height: 1.25em; color: white; border-top: 1px solid #534b42; border-bottom: 1px solid #534b42; } #featuredcharity article a.btn.green {line-height: 1.75em} #featuredcharity article ul {margin: 0 auto; padding: 1.5em 0; width: auto} #featuredcharity article ul li {display: inline-block; margin-right: .5em; } #featuredcharity article ul li:last-child {margin-right: 0} #featuredcharity ul li a {font-size: .75em; float: left; margin: 0 auto; text-align: center} #featuredcharity, #featuredcharity article { margin-bottom: 1.5em; } #featuredcharity blockquote {font-family: 'Quadon-Medium'; margin-bottom: 1em } #featuredcharity blockquote p {color: #291f16;} #featuredcharity h6 {font-size: 1.5em; color: #a45c2a} #featuredcharity p {margin: 1em 0} #featuredcharity p a {color: #a45c2a; text-decoration: none} #featuredcharity p a:hover {text-decoration: underline} #featuredcharity .addthis_toolbox {margin-top: 1.75em} /* MORE CHARITIES */ .more h4 {text-transform: uppercase; font-size: 1.25em; padding-bottom: 1em} .charities {margin: 0 auto;} .charities .item { width: 49%; height: auto; float: left; margin-bottom: 1em; line-height: 0; text-decoration: none;} .charities .item:hover {background: rgba(0,0,0,1)} .charities h6 {font-size: 2em; margin: 0; background: #291f16; width: 100%; border-top: 5px solid #808507; padding: .575em 1em; line-height: 1em; color: #fff;} .charities .item:hover h6 {color: #fbb519} .charities .item:hover img {opacity: .5} .charities img {width: 100%; margin: 0; padding: 0 } /* ===================================================================================== */ /* MEDIA */ /* ===================================================================================== */ /* UNIVERSAL INNER POST */ header.sub { margin-bottom: 2em;} header.sub img, header.sub iframe {margin-top: 1.5em} header.sub img {width: 100%} .fluid-width-video-wrapper {margin-bottom: 1.5em} #posts.inner ul, #posts.inner ol {margin-left: 1em} #posts ul.category {list-style: none; margin-left: 0em} #posts ul.category li {display: inline; margin-right: .375em} #posts ul.category li:first-child {font-weight: bold} #posts ul.category li a {margin-right: .5em} #posts ul.category li:last-child a {margin-left: 0} .sharebar {border-top: 1px solid #c9c4ad; border-bottom: 1px solid #c9c4ad; margin: 1.5em 0; padding: 1.25em 0 .75em; float: left; width: 100%} .sharebar a {font-weight: bold; text-transform: uppercase; float: left} #posts .addthis_toolbox {float: right; margin-top: .25em} #posts.inner a:hover { text-decoration: underline } /* DISCOGRAPHY */ #disco, #galleries {color: white; padding-bottom: 2em} #disco h3, #galleries h3 {color: #fbb519} #disco ul.resp-tabs-list {width: 100%; border-top: 3px solid #a45c2a; border-bottom: 3px solid #a45c2a; text-align: center} #disco ul.resp-tabs-list li {margin: 0 } #disco ul.resp-tabs-list li a {color: #fff; text-decoration: none;} #disco ul.resp-tabs-list li.active a {color: #fbb519} #disco ul.resp-tabs-list li a:hover {color: #fbb519} #disco h4, #galleries h4 {text-align: center; margin: 1em 0; font-size: 2em} #disco ul.set, #galleries ul.set {background: url(../images/bg_shelf.png) no-repeat bottom; min-height: 255px; text-align: center; margin-bottom: 1.5em} #disco ul.set li, #galleries ul.set li {display: inline-block; list-style: none; margin: 0 2.5%} #disco ul.set li img {padding-top: 36px; background: url(../images/bg_album.png) no-repeat center top;} #disco ul.set li a {width: 170px; display:block} #marley-disco {display: block; min-height: 400px; position: relative} #marley-disco .ajax-img {display: block; width: 30px; height: 30px; background: #fff; position: absolute; left: 50%; margin-left: -15px; top: 40px; -webkit-border-radius: 6px; border-radius: 6px;} #marley-disco .ajax-img img {padding: 7px 0 0 7px;} #marley-disco p.no-music {text-align: center} #disco .hide-select {display: none; } /* DISCOGRAPHY INNER PAGE */ header hgroup.album h1, #posts.inner.album a {color: #a45c2a; text-decoration: none} #posts.inner.album {float: right; width: 49%} body section#holder div#standard section.wrapper aside.credits {float: left; width: 48%; display: inline-block} body aside.credits img {width: 100%} aside.credits ul li { margin-bottom: 1em; list-style: none; line-height: normal; font-size: .875em; line-height: 1.875em; font-family: Georgia; font-style: italic; padding-right: 1.5em; color: #60432F } aside.credits ul li h6 {font-style: normal; color: #291F16} aside.credits ul li h6, #posts.inner.album h6 {font-size: 1.5em; margin-bottom: .5em} .purchase ul {width: 50%; text-align: left;} .purchase ul li {list-style: none} ul.buy, .purchase {margin-bottom: 1.5em; } #posts.inner.album ul {margin: 0} #posts.inner.album p {margin-bottom: 1.5em} #posts.inner ul.buy li {list-style: none; display: inline-block; margin-right: .5em} #posts.inner ul.buy li a {float: left; color: white; font-size: .75em} #posts.inner ul.buy li a:hover {text-decoration: none; color: #291f16; text-shadow: 0 1px 1px #acad27} #posts.inner .tracks-wrap {display: block; clear: both; margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #C9C4AD; } #posts.inner ol.tracks {margin: 0 0 0 24px} #posts.inner ol.tracks li {width: 100%; line-height: 2.125em; padding-left: .75em;} /* GALLERIES */ #galleries {background: url(../images/bg_tear.png) repeat-x top, url(../images/bg_dirt.jpg) repeat; margin-bottom: -1em; padding: 3em 0 6em;} #galleries ul.set {min-height: 190px; margin-top: 2em; margin-bottom: 2.5em} #galleries ul.set li {margin: 0 1%} /* ===================================================================================== */ /* MEDIA - VIDEOS */ /* ===================================================================================== */ /* POSTS GRID */ #posts {float: left; width: 70%; margin-bottom: 2em; } #posts .newsposts, #posts .videoposts {width: 100%;} #posts .item { width: 48.25%; float: left; background: white; margin-bottom: 1em } #posts article .content {padding: 1em} #posts .newsposts img, #posts .videoposts img {width: 100%; display: block; } #posts .item:last-child {margin-bottom: 0} #posts .newsposts article, #posts .videoposts article {background: white; } #posts .newsposts article, #posts .videoposts article {border-bottom: 4px solid #e3dcc5} #posts .newsposts article:hover {border-color: #bc140c} #posts .videoposts article:hover {border-color: #A45C2A} #posts article .content ul {margin-bottom: .75em; line-height: normal} article#featured ul li, #posts article .content ul li {list-style: none; display: inline; font-family: Georgia, Serif; font-style: italic; font-size: .75em;} #posts article .content ul li a {color: #afa784} #posts .newsposts article .content h2 a, #posts .videoposts article .content h2 a {text-decoration: none; color: #bc140c; display: block; width: 100%; font-size: 1em; font-family: 'Quadon-Medium'; font-weight: 100; text-transform: none; letter-spacing: 0 } #posts .newsposts article .content h2 a:hover, #posts .newsposts article .content h2 a:hover {background: #bc140c; color: white} #posts .newsposts article .content ul li a:hover, #posts .newsposts article .bottom .comment-count a:hover {color: #bc140c} #posts .videoposts article:hover {border-color: #a45c2a} #posts .videoposts article .content h2 a {color: #a45c2a; } #posts .videoposts article .content h2 a:hover {background: #a45c2a; color: white} #posts .videoposts article .content ul li a:hover, #posts .videoposts article .bottom .comment-count a:hover {color: #a45c2a} article#featured p, #posts article .content p {font-size: .875em; } #posts article .bottom {width: 100%; float: left; clear: left; margin: 1em 0 } #posts article .bottom .btn {float: left; padding: .25em 1em} #posts article .bottom .comment-count {float: right; padding-top: .5em;} #posts article .bottom .comment-count a {color: #AFA784; font-family: 'Bebas'; font-size: 1em; text-decoration: none; display: block} /* INNER POST */ header hgroup.video h1, #posts.inner.video a, aside#video ul li a {color: #a45c2a; text-decoration: none; margin-bottom: .4em} #posts.inner.video blockquote {padding: 1em; font-style: italic; background: white; border-left: 6px solid #a45c2a} /* ASIDE */ aside#video ul {border-bottom: 1px solid #c9c4ad; padding-bottom: 1.5em; float: left; width: 100%; margin-bottom: 1.5em} aside#video ul li {list-style: none;} aside#video ul li a {line-height: 2em; display: block} aside#video ul li a:hover {text-decoration: underline} aside#video span.customSelect { background: white url(../images/bg_select_dates.gif) right center no-repeat; border:1px solid #c8c4ab; color:#555; margin-bottom: 1.5em; padding: .575em .75em .5em .75em; height: 47px; -webkit-border-radius: 4px; -moz-border-radius: 4px;-o-border-radius: 4px; border-radius: 4px;} /* VIDEOS SEARCH RESULTS */ html.js body.customize-support section#holder div#standard section.wrapper section#posts div.newsposts article.fade.item.video-post:hover {border-bottom: 4px solid #a45c2a} html.js body.customize-support section#holder div#standard section.wrapper section#posts div.newsposts article.fade.item.video-post h2 a {color: #a45c2a} html.js body.customize-support section#holder div#standard section.wrapper section#posts div.newsposts article.fade.item.video-post h2 a:hover {background: #a45c2a; color: white} /* ===================================================================================== */ /* NEWS */ /* ===================================================================================== */ #posts header, aside header {border-bottom: 8px solid #c9c4ad; background: none; margin-bottom: 1.25em; padding-bottom: .5em} #posts header strong, aside header {text-transform: uppercase; float: left; width: 100%; clear: both} #posts header strong {font-weight: normal; width: auto; font-size: 2em; line-height: 1em} aside header {font-size: 1.25em; padding-bottom: .675em} /* SUBSCRIBE LINK */ a.subscribe {float: right; color: #bc140c; text-transform: uppercase; margin-bottom: .25em; font-size: .75em; display: inline-block; margin-top: -2em; text-decoration: none; font-family: 'Quadon-Bold'} a.subscribe:hover {text-decoration: underline} /* FEATURED ARTICLE */ article#featured.news {margin-top: 1em} article#featured.news, article#featured.video {background: #bc140c url(../images/bg_newslion.jpg) no-repeat left bottom; width: 100%; margin-bottom: 2.25em} article#featured.video {background: #a45c2a url(../images/bg_newslion.jpg) no-repeat left bottom; } article#featured .left {width: 54%; color: white} article#featured .left section { padding: 1.5em} article#featured .right {width: 46%; text-align: right; margin: 0; padding: 0; line-height: 0} article#featured h2 a {text-decoration: none; color: white; display: block; width: 100%; font-size: 1.25em; line-height: 1.2em; font-family: 'Quadon-Medium'; font-weight: 100; text-transform: none; letter-spacing: 0; text-shadow: 0px 1px 1px rgba(0,0,0,0.5) } article#featured ul {margin-bottom: 1em} article#featured ul li a, article#featured h2 a:hover {color: #FBB519} article#featured p {margin-bottom: 1.5em} article#featured span.comments a {color: white; font-family: 'Bebas'; text-decoration: none; margin-left: 1em; padding-left: 1.25em; background: url(../images/icon_comments.png) no-repeat left center} article#featured span.comments a:hover {color: #FBB519} /* ASIDE */ aside {width: 26%; float: right;} aside form.search {border-top: 1px solid #c9c4ad; border-bottom: 1px solid #c9c4ad; padding: 1em 0 1.5em; float: left; width: 100%; margin-bottom: 1.5em} aside form h6 {font-size: 1.125em; margin-bottom: .5em; padding: 0} aside input[type="text"] {padding: .75em .5em; width: 68%; float: left} aside form input[type="submit"] {float: right; padding: 0; line-height: 1.125em} aside#news span.customSelect { background: white url(../images/bg_select_news.gif) right center no-repeat; border:1px solid #c8c4ab; color:#555; margin-bottom: 1.5em; padding: .575em .75em .5em .75em; height: 47px; -webkit-border-radius: 4px; -moz-border-radius: 4px;-o-border-radius: 4px; border-radius: 4px;} .customSelect.customSelectHover { -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);} .customSelect.customSelectFocus { border-color: #bc140c;} .customSelect.customSelectChanged { -webkit-animation: changed 0.5s; -moz-animation: changed 0.5s; -ms-animation: changed 0.5s; animation: changed 0.5s;} /* PAGINATION */ .wp-pagenavi {display: block; clear: both; width: 100%; float: left; border-top: 1px solid #c9c4ad; margin-top: 1em; padding-top: 1.5em; font-family: 'Bebas'} .wp-pagenavi i {font-style: normal; font-size: .7em;} .wp-pagenavi a, .wp-pagenavi span, .pagination a {display: inline-block; zoom: 1; *display:inline; height: 32px; line-height: 32px; margin: 0 4px; text-align: center} .wp-pagenavi a, .wp-pagenavi .current, .pagination a {color: #fff; width: 32px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} .wp-pagenavi a, .wp-pagenavi .current, .pagination a , .wp-pagenavi a:hover {background: #291f16; text-decoration: none} .pagination a:hover, .wp-pagenavi a:hover, .wp-pagenavi .current {background: #bc140c; text-decoration: none;} .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.last, .wp-pagenavi a.first {width: auto; background: none; color: #291f16;} .wp-pagenavi a.nextpostslink:hover, .wp-pagenavi a.previouspostslink:hover, .wp-pagenavi a.last:hover, .wp-pagenavi a.first:hover {color: #fff;} .wp-pagenavi a.nextpostslink:hover {color: #bc140c} /* VIDEOS PAGINATION */ .wp-pagenavi.videos .current, .wp-pagenavi.videos a:hover {background: #a45c2a} .wp-pagenavi.videos a.nextpostslink, .wp-pagenavi.videos a.previouspostslink, .wp-pagenavi.videos a.last, .wp-pagenavi.videos a.first {width: auto; background: none; color: #291f16;} .wp-pagenavi.videos a.nextpostslink:hover {color: #a45c2a} /* INNER POST */ header hgroup.news h1, #posts.inner.news a {color: #bc140c; text-decoration: none} #posts.inner.news img, #posts.inner.news blockquote, #posts.inner.news p, #posts.inner.video img, #posts.inner.video blockquote, #posts.inner.video p, #posts.inner ul, #posts.inner ol {margin-bottom: 1.5em} #posts.inner.news img {float: left; display: block; clear: both; width: 100% } #posts.inner.news p {clear: left} #posts.inner.news blockquote {padding: 1em; font-style: italic; background: white; border-left: 6px solid #bc140c; } #posts.inner.news blockquote p, #posts.inner.video blockquote p {margin-bottom: 0} #posts.inner.news h6 {font-size: 2em; margin: 1em 0} #posts.inner a:hover {text-decoration: underline} #posts.inner .wp-caption-text {margin-bottom: 2em; text-align: center; font-size: 0.875em; font-style: italic; letter-spacing: 1px; color: #60432F; font-family: Georgia, Serif} #posts.inner #attachment {width: 100%; max-width: 100%} #posts .wp-caption { max-width: 100% !important; width: auto !important;} /* ===================================================================================== */ /* TOUR HISTORY */ /* ===================================================================================== */ #tour {background: #221c19 url(../images/bg_tour.jpg) no-repeat center top; color: white; margin-bottom: 2em;} #tour header.sub h3 {color: #fbb519;} /* HEADER BAR */ #tour #dates .top, #tour #dates .top ul, #tour #dates .set .top h5 {float: left} #tour #dates .top, #tour #dates header {background: none; padding-bottom: 1em; margin-top: 3em; border-bottom: 6px solid #fbb519; width: 100%; } #tour #dates .top {margin-top: 1.5em} #tour #dates .top ul {width: 40%; } #tour #dates .top ul li {list-style: none; display: inline; text-transform: uppercase; font-family: 'Bebas'; font-size: 3.125em; line-height: .875em } #tour #dates .top ul li:last-child {color: #fbb519} /* CHOOSE YEAR */ #tour #dates .top .right {float: right; width: 40%;} #tour .top span.customSelect { width: 100%; background: white url(../images/bg_select_dates.gif) right center no-repeat; border: 1px solid #291f16; color: #555; padding: .6em .75em .5em .75em; height: 47px; border: black; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px } #tour .customSelect.customSelectHover { -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 1);} #tour .customSelect.customSelectFocus { border-color: #a45c2a} #tour .customSelect.customSelectChanged { -webkit-animation: changed 0.5s; -moz-animation: changed 0.5s; -ms-animation: changed 0.5s; animation: changed 0.5s;} /* SET OF DATES */ #tour #dates header {border: none; color: #f3eac7; margin-bottom: 0; line-height: 1.25em } #tour #dates .set header h5 {font-size: 2.5em; width: auto; float: left} #tour #dates .set header em, #tour table a {background: url(../images/icon_star.png) no-repeat left top; padding-left: 1.25em} #tour #dates .set header em {float: right; width: auto; font-style: normal; font-size: .75em; text-align: right; padding-left: 1.5em; line-height: 1.25em } #tour table {width: 100%; border-collapse: collapse; border: 1px solid #60432f; margin-bottom: .75em} #tour tr:nth-of-type(odd) { background: #392920; } #tour th { background: #a45c2a; color: white; text-shadow: 0 1px 1px rgba(0,0,0,0.75) } #tour td, th { padding: 6px; border-bottom: 1px solid #60432f; text-align: left; } #tour td {font-size: .875em; line-height: 1.5em; padding: 12px 6px} #tour table span {color: #a45c2a; } #tour table a {color: #fbb519; text-decoration: none; } #tour table a:hover {text-decoration: underline} #tour table .first {width: 15%;} #tour table .second {width: 28%;} #tour table .third {width: 35%;} #tour table .fourth {width: 25%} /* ===================================================================================== */ /* TOUR DATE */ /* ===================================================================================== */ /* SHOW INFO */ .showinfo, #tour .about, #tour .setlist, #tour .notes {float: left; width: 100%; margin-bottom: 2em} .showinfo .left, .showinfo .right {text-transform: uppercase} .showinfo .left {width: 40%; } .showinfo .right {width: 50%; margin-right: 2em; } .showinfo .left a.back {color: #fbb519; text-decoration: none} .showinfo .left a.back:hover {text-decoration: underline} .showinfo hgroup, .showinfo .left ul {margin: 2em 0} .showinfo hgroup h4,.showinfo hgroup h5, .showinfo hgroup h6 {margin: 0; padding: 0; } .showinfo .left h4 {color: #f3eac7;} .showinfo .left h4 { font-size: 1.25em; line-height: 1.5em} .showinfo .left h5 {font-size: 3.875em; line-height: .875em} .showinfo .left h6 {font-size: 2em; line-height: 1em} .showinfo .left i {font-family: 'Georgia', Serif; font-size: 1.25em; text-transform: none} .showinfo .left ul { font-family: 'Bebas' } .showinfo .left ul li {list-style: none; line-height: .6575em; display: inline-block; padding: .5em .3em .3em; background: #808507; font-size: 2.125em; text-align: center; min-width: 25%; width: auto; margin-right: .25em; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; text-shadow: 0 1px 1px rgba(0,0,0,0.5) } .showinfo .left ul li strong {font-weight: normal; width: 100%; display: inline-block} .showinfo .left ul li em {font-style: normal; color: #fbb519; font-size: .575em} /* SLIDER */ .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {margin: 0 0 1em; padding: 8px; background: url(../images/bg_paper.jpg) repeat; position: relative; box-shadow: 0 1px 4px rgba(0,0,0,.75); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.75); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.75); -o-box-shadow: 0 1px 4px rgba(0,0,0,.75); zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 38px; height: 48px; margin: 0; display: block; position: absolute; top: 42%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {margin-right: -43px; background: url(../images/arrow_right.png) no-repeat } .flex-direction-nav .flex-prev {margin-left: -43px; background: url(../images/arrow_left.png) no-repeat} .flexslider:hover .flex-next {opacity: 1; right: 5px; } .flexslider:hover .flex-prev {opacity: 1; left: 5px;} .flex-direction-nav .flex-next {background-position: 100% 0; right: 5px; } .flex-direction-nav .flex-prev {left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center; display: none} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: rgba(255,255,255,1); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;} .flex-control-paging li a:hover { background: yellow; background: rgba(251,181,25,1); } .flex-control-paging li a.flex-active { background: rgba(251,181,25,1); cursor: default; } /* SHARE SHOW */ #tour ul#icons { height: 20px; list-style:none outside none; width: 350px; margin: 0 auto; margin-top: .5em} #tour ul#icons li { display:inline; margin: 0; padding: 0; float: left} #tour ul#icons li a { float:left; height: 20px; text-indent:-9999px; margin-top: .35em} #tour ul#icons li#facebook a {background:url(../images/icons_share.png) no-repeat 0 0; width: 24px; margin-left: 1em} #tour ul#icons li#tweet a {background:url(../images/icons_share.png) no-repeat -24px 0; width: 32px;} #tour ul#icons li#google a {background:url(../images/icons_share.png) no-repeat -56px 0; width: 30px;} #tour ul#icons li#mail a {background:url(../images/icons_share.png) no-repeat -86px 0; width: 26px;} #tour ul#icons a:hover {opacity: .75} /* SETLIST */ #tour .setlist h6 {float: left} #tour .setlist span.soundcloud {float: right; margin-top: 4em; font-style: italic; font-family: Georgia, Serif; font-size: .75em; padding-right: 2.5em; background: url(../images/icon_soundcloud.png) no-repeat right center; text-transform: lowercase; color: #f3eac7} #tour .cbp-ntaccordion { list-style: none; margin-top: -2em; padding: 0; float: left; width: 100%; float: left; clear: left} #tour ul#cbp-ntaccordion li {background: url(../images/button_setlist_play.png) no-repeat right top; padding: 1em 0 0; border-bottom: 1px solid #60432f;} #tour ul#cbp-ntaccordion li.cbp-ntopen {background: url(../images/button_setlist_close.png) no-repeat right top; } #tour ul#cbp-ntaccordion li.empty {background: none} #tour .cbp-ntaccordion .cbp-nttrigger { cursor: pointer;} #tour .cbp-ntaccordion span {color: #f3eac7; margin-right: .5em} #tour .cbp-ntaccordion h3 { padding: 0 0 0.5em; font-size: 1.75em; font-family: 'Bebas';} #tour .cbp-ntaccordion h3:hover {color: #fbb519} #tour .cbp-ntaccordion .cbp-ntcontent { height: 0; overflow: hidden;} #tour .cbp-ntaccordion .cbp-ntopen > .cbp-ntcontent,#tour .cbp-ntsubaccordion .cbp-ntopen > .cbp-ntcontent, #tour .no-js .cbp-ntaccordion .cbp-ntcontent { height: auto;} /* ABOUT & NOTES */ #tour .about, #tour .setlist {border-top: 4px solid #fbb519} #tour h6.headline {font-family: 'Mano'; color: #fbb519; font-size: 4.6875em; margin: 0; padding: 0; line-height: 2em} #tour .notes {border-top: 1px solid #60432f} #tour .notes p {margin-bottom: 1.5em} #tour .notes a, #tour .about h5, #tour .notes h5, #tour .about a {color: #fbb519} #tour .about h5, #tour .notes h5 {padding: 1em 0 .75em; font-size: 1.5em;} #tour .about .left {width: 60%} #tour .about .left img {border: 0} #tour .about .right {width: 35%; } #tour .about .right h5 {padding-top: 0} #tour .about ul li, #tour .notes ul li {color: #f3eac7; background: url(../images/icon_bullet.png) no-repeat left top; list-style: none; display: block; padding-left: 1em} /* ===================================================================================== */ /* FAMILY */ /* ===================================================================================== */ #family, #shop {padding: 0; display: block; clear: both} #family {padding: .5em 0 4em; height: auto } #familyholder .wrapper {margin-bottom: 0; padding-bottom: 0} /* Gamma Gallery Style */ .gamma-gallery { list-style-type: none; padding: 0; margin: 0; width: 100%; position: relative; display: block} .gamma-gallery:before, .gamma-gallery:after { content: " "; display: table;} .gamma-gallery:after { clear: both;} .gamma-gallery li { display: block; position: relative; cursor: pointer; float: left; padding: 4px;} .gamma-gallery li img { max-width: 100%; width: auto; height: auto; display: block; padding: .5em; background: url(../images/bg_paper.jpg) repeat} .gamma-description { background: #808507; background: rgba(128, 133, 7, 0.6); position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; text-align: center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out;} .no-touch .gamma-gallery li:hover .gamma-description { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 1;} .gamma-description:before { content: ''; height: 100%;} .gamma-description:before, #family .gamma-description h3 { display: inline-block; vertical-align: middle;} .gamma-description h3 { width: 100%; padding: 0 20px; font-weight: 400; text-transform: uppercase; font-family: 'Quadon-Medium'; color: white; font-size: 16px; letter-spacing: 2px;} .gamma-buttons { position: absolute; top: 20px; right: 50px; z-index: 10001;} .gamma-buttons button { float: left; background: #808507; color: #fff; display: block; width: 42px; height: 42px; font-size: 16px; margin-left: 10px; cursor: pointer; outline: none; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } #family .gamma-buttons button:before, #family .gamma-nav span:before { font-style: normal; font-weight: normal; speak: none; display: block; text-align: center; outline: none;} #family .no-touch .gamma-buttons button:hover { background: #666;} #family button.gamma-btn-close:before { content: '\2715'; } #family button.gamma-btn-ssplay:before {content: '\25b6';} button.gamma-btn-sspause:before { content: '\2389';} .gamma-single-view { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; text-align: center; display:none;} .gamma-overlay { background: #291f16; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; display: none; z-index: 9999;} .gamma-single-view img { position: absolute; cursor: pointer;} .gamma-description-wrapper { position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 10; padding: 12px 0;} .gamma-single-view .gamma-description { background: transparent; position: relative; bottom: auto; left: auto; right: auto; top: auto;} .gamma-single-view .gamma-description h3 { font-size: 15px; padding: 5px 0; color: #fff;} .gamma-nav span { position: absolute; display: block; top: 50%; margin-top: -19px; padding: 6px 26px 4px; background: #fbb519; font-size: 22px; cursor: pointer; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .gamma-buttons button span.gamma-prev:before { height: 230px; width: 230px} .gamma-buttons button:nth-of-type(2n) {display: none} .gamma-nav span:hover:before { opacity: 1;} .gamma-nav span:before { display: block; width: auto; color: #291f16; content: "Back"; left: 30px; } .gamma-nav span.gamma-next { left: auto; right: 0;} .gamma-nav span.gamma-next:before { color: #291f16; content: "Next"; } .gamma-img-fly { position: absolute; top: 0; left: 0; z-index: 99999;} .loadmore { width: 96%; margin: 0 auto; margin-top: 2em; cursor: pointer; display: none;} #_atssh {display: none} /* ===================================================================================== */ /* SHOP */ /* ===================================================================================== */ #shop {margin-top: -1em} #shop .block {width: 50%; padding: 7% 0; float: left; text-align: center; color: white; display: block; line-height: 1.75em; font-size: 1.125em; } #shop .block ul {width: 70%; margin: 0 auto} #shop .block ul li {list-style: none; display: block; font-size: 1em; line-height: 1.75em} #shop .block ul li a, #shop .bar .wrapper ul li a.btn {font-size: 1.25em; margin: 0 auto; margin-top: 1em; display: inline-block; line-height: normal} #shop .bar {width: 100%; background: white; border-bottom: 5px solid #808507; display: block; float: left} #shop .bar .wrapper {padding: 0; margin-bottom: 0; margin-top: 0; background: url(../images/bg_marleymood.jpg) no-repeat left bottom; } #shop .bar .wrapper ul {float: right; width: 64%; margin: 2em 0; text-align: center; padding-right: 1em} #shop .bar .wrapper ul li {list-style: none} #shop .bar .wrapper ul li a.link {display: block; width: 100%; font-size: 2em; margin-bottom: .25em; text-decoration: none; color: #808507} #shop .bar .wrapper ul li a.link:hover {color: #a45c2a} /* ===================================================================================== */ /* INFO PAGES */ /* ===================================================================================== */ #contact a {color: #a45c2a} /* ===================================================================================== */ /* SHARE1LOVE */ /* ===================================================================================== */ /* 20easyways */ #20easyways {color: white; background: url(../images/bg_tear.png) repeat-x top, url('http://ziggymarley.com/wp-content/themes/ziggymarley/images/bg-brightred.png') repeat;} /* ======================================================================================================================== */ /* FOOTER */ /* ======================================================================================================================== */ footer {font-family: 'Quadon-Medium', Georgia, Serif; text-rendering: optimizeLegibility; } footer h6 {font-size: 1.5em; } footer time, footer h3 {font-size: 1em} /* ------- SLIDE OUT PANEL ------ */ .toggle-panel {max-height: 200px;} .js .toggle-panel[aria-expanded="false"] > :first-child + * { visibility: hidden;} .js .toggle-panel[aria-expanded="true"] > :first-child + * { visibility: visible;} .js .toggle-panel > :first-child { cursor: pointer;} .toggle-panel-content {overflow: hidden; color: white; } .toggle-panel-content > * { overflow: auto;} .js .toggle-panel.minimal > :first-child { margin: 0; } .js .toggle-panel.minimal > :first-child + * > * { border-top: none; display: block; padding: 24px;} .toggle-panel.boxed[aria-expanded="false"] { padding-bottom: 0; padding-top: 0;} .toggle-panel.boxed > :first-child { display: none;} .js .toggle-panel.boxed { margin: 0; position: fixed;} .toggle-panel.boxed.top { top: 0;} /* ------- TAG ------ */ .toggle-panel.boxed.bottom > :first-child { top: -66px;} .toggle-panel.boxed.transition > *:first-child { } .toggle-panel.boxed > :first-child { border: none; color: #FFFFFF; display: block; height: 58px; width: 151px; position: absolute; right: 3%; text-align: left;} .close-tab em {font-style: normal; color: #000; position: absolute; text-indent: -9999em; } .toggle-panel.boxed em, .toggle-panel.boxed.expanded em {background: url(../images/bg_bottomtab.png) no-repeat; height: 58px; width: 151px;} .toggle-panel.boxed em {background-position: top} .toggle-panel.boxed.expanded em { background-position: bottom} /* ------- WRAPPER ------ */ .toggle-panel.boxed { position:relative; z-index: 999; clear: both; display: block; background: url(../images/bg_darkwood.jpg) repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; width: 100%; -moz-box-shadow: inset 0px 8px 12px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0px 8px 12px 0px rgba(0, 0, 0, 0.4); -o-box-shadow: inset 0px 8px 12px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 8px 12px 0px rgba(0, 0, 0, 0.4); border-style: solid; border-width: 8px 0px 0px 0px; -moz-border-image: url(../images/bg_topborder.gif) 8 0 0 0 repeat; -webkit-border-image: url(../images/bg_topborder.gif) 8 0 0 0 repeat; -o-border-image: url(../images/bg_topborder.gif) 8 0 0 0 repeat; border-image: url(../images/bg_topborder.gif) 8 0 0 0 fill repeat;} /* ------- COLUMNS ------ */ #one-true { overflow: hidden; } #one-true .col { width: 33%; padding: 1.25em 2.5% 0; float: left; margin-bottom: -99999px; padding-bottom: 99999px; border-right: 1px solid #62472e;} #one-true .col:nth-child(1) { margin-left: 33.3% } #one-true .col:nth-child(2) { margin-left: -66.3% } #one-true .col:nth-child(3) { left: 0; border: none; padding: 1.25em 0 0; width: 33.6% } #one-true p {font-size: 1em; line-height: 1.25em} .news-slider, .col .audio .credits ul li {font-size: .875em; line-height: 1.5em;} /* ------- TWITTER ------ */ .bm-twitter { display: block; color: white; background: url(../images/bg_twitter.png) no-repeat left top; min-height: 9em; } .bm-twitter h6 {margin: .25em 0 0 7em; display: block; float: left; width: auto;} .bm-twitter h6 a {text-decoration: none; color: #fbb519} #tweetFeed a {color: #fbb519; word-break: break-all} #tweetFeed ul li {list-style: none; margin-left: 10.5em; clear: left; color: white; line-height: 1.375em; background: url(../images/bg_100.png) no-repeat left bottom; padding-bottom: 1.375em } #tweetFeed li span a {display: inline; padding-bottom: 0 .125em; background: none;} #tweetFeed li a { display: block; text-align: left; text-decoration: none; } #tweetFeed a:hover {text-decoration: underline; } #tweetFeed span.jta-tweet-timestamp {margin: .5em 0; float: left; clear: left} #tweetFeed span.jta-tweet-timestamp a, #tweetFeed .jta-tweet-actions a {font-size: 0.875em; line-height: 1em; margin-right: 0.75em;} #tweetFeed span.jta-tweet-timestamp a {color: white; float: left; clear: left} #tweetFeed .jta-tweet-actions {display: block; float: left; clear: left; padding-bottom: 1.75em; background: url(../images/bg_100.png) no-repeat left bottom; } #tweetFeed .tweet_avatar {display: none;} #tweetFeed .tweet_text {font-size: .875em; word-wrap: break-word;} #tweetFeed .tweet_time {display: block; font-size: .875em;} /* ------- NEWS ------ */ .news-slider {display: block; clear: both; position: relative; background: url(../images/bg_news_home.png) no-repeat center top; padding-top: 3.5em; } .news-slider .slide {float: left; display: block; width: 100%; text-align: center;} .news-slider time {margin-right: 0.5em} .news-slider time, .news-slider a {font-family: 'Quadon-Bold'; } .news-slider time {color: #f3eac7} .news-slider ul {margin: 0 auto} .news-slider ul li {display: inline; list-style: none; width: auto; text-align: center; } .news-slider ul li h3 {display: inline; } .news-slider a {text-decoration: none; color: #fbb519} .news-slider a:hover {text-decoration: underline } .news-slider nav { bottom: 0; width: 200px; margin: 0 auto; height: auto; padding: .75em 0; margin-bottom: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .news-slider nav a {color: white; padding: 0.5em 0.25em; font-size: .875em; text-shadow: 0 1px 1px rgba(0,0,0,0.5); } .news-slider nav span.news-pager a {width: 16px; height: 9px; font-size: 0; line-height: none; display: inline-block; padding: 1em; background: url(../images/news_dots.png) no-repeat top;} .news-slider nav span.news-pager a span {display: none} .news-slider nav span.news-pager a:hover, .news-slider nav span.news-pager a.selected {background: url(../images/news_dots.png) no-repeat bottom; } .news-slider a.news-prev {margin-right: .5em} .news-slider a.news-next {margin-left: .5em} .news-slider a.news-prev:hover, .news-slider a.news-next:hover {text-decoration: none; color: #a45c2a; } html.js body footer article#toggle-panel-0.toggle-panel div.toggle-panel-content div div#one-true.group div.col div.news-slider div#mySwipe.swipe div.swipe-wrap article.slide ul li h3 a em {background: none} #mySwipe {display: block;} .news-slider .swipe { overflow: hidden; visibility: hidden; position: relative;} .news-slider .swipe-wrap { overflow: hidden; position: relative;} .news-slider .swipe-wrap .slide { float:left; width:100%; position: relative;} /* ------- AUDIO ------ */ .col .audio {position: relative} .col .audio .playing, .col .audio .player, .col .audio .credits {width: 100%; display: block; float: left; clear: left; } .col .audio .playing h6 {padding: 0 0 .4em .75em; color: #f3eac7} .col .audio .player, .col .audio .credits {padding: 1em 0 .5em 1.575em} .col .audio .credits {padding-top: .5em } .col .audio p {line-height: 18px} .col .audio .track-info {float: left; margin-left: 1.5em; font-size: .875em; color: #f3eac7} .col .audio .track-info .album {font-style: italic; color: #fbb519} .col .audio .credits { border: none; font-size: .8em } .col .audio .credits ul li {list-style: none; display: inline; } .col .audio .credits ul li a {text-decoration: none; color: white; padding: 0 1.25em; border-right: 1px solid #a45c2a} .col .audio .credits ul li:first-child a, .col .audio .credits ul.info li:first-child {padding-left: 0} .col .audio .credits ul li:last-child a, .col .audio .credits ul.info li:last-child {border: none} .col .audio .credits ul li a:hover, .col .audio .credits ul.info li a:hover {color: #fbb519} .col .audio .credits ul.info {margin-top: .5em;} .col .audio .credits ul.info li { color: #a45c2a; padding: 0 1em; border-right: 1px solid #a45c2a} .col .audio .credits ul.info li a {color: white; padding-left: .75em} /* ------- PLAYER POP UP ------ */ .sc-wrap {position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/bg_tear.png) repeat-x top, url(../images/bg_canvas.jpg) repeat; padding-top: 1em} .sc-wrap ul, .sc-wrap .holder {margin: 0 auto; background: black;} .sc-wrap ul {background: none; text-align: right; } .sc-wrap ul li {list-style: none; display: inline; padding-left: .25em; color: white; } .sc-wrap ul li a {text-decoration: none; color: #fbb519} .sc-wrap ul li a:hover {text-decoration: underline} .sc-wrap .holder .player {text-align: center; width: 100%; background: url(../images/player_bg.png) no-repeat top; display: block; float: left; height: 380px; padding-top: 210px;} .sc-wrap .holder .controls {margin-left: -76px; display: block} .sc-wrap .holder iframe {margin: 1.5em 0} .sc-wrap .holder span {background: url(../images/bg_texture_yellow.jpg) repeat; float: left; width: 100%; } .sc-wrap .holder .btn {margin-top: 2em} .sc-wrap .holder .left, .sc-wrap .holder .right {padding: .5em} .sc-wrap .holder .left {background: #837a13; width: 75%; text-align: left; text-shadow: 0 1px 1px rgba(0,0,0,0.4)} .sc-wrap .holder .left ul {text-align: left} .sc-wrap .holder .left ul li {color: white; padding-left: 0; line-height: 1.5em; font-family: 'Quadon-Medium'; float: left; display: block; width: 100%} .sc-wrap .holder .left ul li img {float: left; margin: 0 1em} .sc-wrap .holder .left ul li a {color: #fbb519;} .sc-wrap .holder .left ul li h6 {font-size: 1.5em; margin-top: .125em} .sc-wrap .holder .left .img {float: left; margin-right: 1em; width: auto; display: block} .sc-wrap .holder .left .info {float: left; width: 70%; display: block;} .sc-wrap .holder .left .info, .sc-wrap .holder .right img {padding-top: .4em} .sc-wrap .holder .right {width: 25%; text-align: center} /* ------- BOTTOM SHARE BAR ------ */ .toggle-panel.boxed.bottom { bottom: 45px; } #botbar {width: 100%; background: url(../images/bg_botbar.jpg) repeat-x; border-top: 1px solid #ffbb2a; height: 45px; position: fixed; bottom: 0px; z-index: 1} #botbar .share, ul#social {width: auto; margin: .75em 3em} #botbar li {list-style: none; display: inline} #botbar .share li {margin-right: 1em} ul#social { width: 267px; height:34px; list-style: none; margin-top: 0.4em; } ul#social li { display:inline;} ul#social li a { float:left; height: 34px; text-indent:-9999px;} ul#social li#facebook a {background:url(../images/socialicons.png) no-repeat 0 0; width: 32px;} ul#social li#facebook a:hover {background:url(../images/socialicons.png) no-repeat 0 -34px; width: 32px;} ul#social li#twitter a {background:url(../images/socialicons.png) no-repeat -32px 0; width: 33px;} ul#social li#twitter a:hover {background:url(../images/socialicons.png) no-repeat -32px -34px; width: 33px;} ul#social li#instagram a {background:url(../images/socialicons.png) no-repeat -65px 0; width: 34px;} ul#social li#instagram a:hover {background:url(../images/socialicons.png) no-repeat -65px -34px; width: 34px;} ul#social li#youtube a {background:url(../images/socialicons.png) no-repeat -99px 0; width: 34px;} ul#social li#youtube a:hover {background:url(../images/socialicons.png) no-repeat -99px -34px; width: 34px;} ul#social li#pinterest a {background:url(../images/socialicons.png) no-repeat -130px 0; width: 31px;} ul#social li#pinterest a:hover {background:url(../images/socialicons.png) no-repeat -130px -34px; width: 31px;} ul#social li#spotify a {background:url(../images/socialicons.png) no-repeat -164px 0; width: 34px;} ul#social li#spotify a:hover {background:url(../images/socialicons.png) no-repeat -164px -34px; width: 34px;} ul#social li#myspace a {background:url(../images/socialicons.png) no-repeat -198px 0; width: 34px;} ul#social li#myspace a:hover {background:url(../images/socialicons.png) no-repeat -198px -34px; width: 34px;} ul#social li#google a {background:url(../images/socialicons.png) no-repeat -233px 0; width: 35px;} ul#social li#google a:hover {background:url(../images/socialicons.png) no-repeat -233px -34px; width: 35px;} /* ------- SUBLET PAGE NAVIGATION CREATED BY ZACH ------ */ .page ul li {list-style: none; display: inline; padding: 0 1.25em; border-right: 1px solid #60432f;} .page ul li:last-child {border-right: 0} .page ul li a {color: #a45c2a; text-decoration: none} .page ul li a:hover {text-decoration: underline} @media (max-width: 768px) { .page ul {margin-top: 1em} .page ul li {display: block; border: none;} }