body, p, ul, li {font-family:Verdana, sans-serif;} h1,h2,h3,h4,h5,h6 {font-family:Verdana, sans-serif; font-weight:bold; margin:0 0 18px 0;} .uppercase {text-transform:uppercase;} .red {color:#ef3f37;} .subheader {color:#183f8f; font-weight:normal; margin:0 0 12px 0;} a {-webkit-transition:color 300ms ease-out;-moz-transition:color 300ms ease-out;transition:color 300ms ease-out;} /******************************************************************************** --- Theme --- *********************************************************************************/ body {background:#005da7 url(../images/template/bg.png) repeat-x;} .container {width:100%; max-width:1130px; margin:0 auto; background:#fff url(../images/template/footer-bg.png) no-repeat center bottom; background-size:contain; padding-bottom:96px;} #utility-links {display:block; overflow:hidden; float:right; clear:both;} /******************************************************************************** --- Template - Top Bar - Corner - Top--- *********************************************************************************/ #corner-top {overflow:hidden; margin:0 0 12px 0;} /******************************************************************************** --- Template - Top Bar - Social Links--- *********************************************************************************/ #social-media {list-style:none; margin:0; padding:0; float:right;} #social-media li {display:block; float:left; margin:0 0 0 8px;} #social-media li a {display:block; color:#fff; width:30px; height:30px; line-height:30px; text-align:center; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; font-size:1.125rem; transition:background .25s ease;} #social-media a.fa-envelope-o {background:#001e76;} #social-media a.fa-envelope-o:hover {background:#0029a3;} #social-media a.fa-facebook {background:#3B5999;} #social-media a.fa-facebook:hover {background:#496ebd;} #social-media a.fa-twitter {background:#4099FF;} #social-media a.fa-twitter:hover {background:#57a5ff;} #social-media a.fa-google-plus {background:#d34836;} #social-media a.fa-google-plus:hover {background:#e34e3b;} #social-media a.fa-youtube {background:#c4302b;} #social-media a.fa-youtube:hover {background:#d3342e;} #social-media a.fa-instagram {background:#805141;} #social-media a.fa-instagram:hover {background:#9F7157;} #social-media span {display:none;} /******************************************************************************** --- Template - Top Bar - Listen Button--- *********************************************************************************/ .listen-btn {display:block; float:right; margin:0 10px 0 0; height:30px; padding:0 36px 0 20px; background:#179bd9; color:#fff; line-height:30px; text-transform:uppercase; font-size:0.875rem; font-weight:bold; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out; position:relative;} .listen-btn:hover {color:#fff; background:#10b4ec;} .listen-btn:after {margin:0; position:absolute; top:0; right:12px;} .listen-btn:before {content: " "; height: 0; width: 0; position: absolute; pointer-events: none; left:0; top: 50%; margin-top: -15px; border-style: solid;border-width: 15px 0 15px 8px;border-color: transparent transparent transparent #ffffff;} .listen-btn.active {background:#183f8f; color:#fff;} .site-player-btn:after, .site-player-btnx:after {content:"\f01d"; font-family:"FontAwesome"; margin:0 0 0 7px; font-size:1rem} .site-player-btn.active:after, .site-player-btnx.active:after {content:"\f04c"; font-size:0.750rem} /******************************************************************************** --- Template - Top Bar - Spotify Player --- *********************************************************************************/ .listen-btn-spotify {display:block; float:right; margin:0 10px 0 0; height:30px; padding:0 36px 0 20px; background:#179bd9; color:#fff; line-height:30px; text-transform:uppercase; font-size:0.875rem; font-weight:bold; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out; position:relative;} .listen-btn-spotify:hover {color:#fff; background:#10b4ec;} .listen-btn-spotify:after {margin:0; position:absolute; top:0; right:12px;} .listen-btn-spotify:before {content: " "; height: 0; width: 0; position: absolute; pointer-events: none; left:0; top: 50%; margin-top: -15px; border-style: solid;border-width: 15px 0 15px 8px;border-color: transparent transparent transparent #ffffff;} .listen-btn-spotify.active {background:#183f8f; color:#fff;} .site-player-btn-spotify:after {content:"\f01d"; font-family:"FontAwesome"; margin:0 0 0 7px; font-size:1rem} .site-player-btn-spotify.active:after {content:"\f04c"; font-size:0.750rem} .spotify-player{text-align: center; width: 100%; margin: auto 0; padding: 0;} .spotify-player h2{text-align: center; width: 100%; margin: auto 0; padding: 0;} /******************************************************************************** --- Template - Top Bar - Utility Links--- *********************************************************************************/ #utility-links {list-style:none; margin:0; padding:0;} #utility-links li {display:block; float:left; position:relative;} #utility-links li:last-child {margin-right:0;} #utility-links li:not(:first-child):before {content:"|"; position:absolute; top:0; left:-4px; color:#159dd8;} #utility-links li a {display:block; margin:0 12px; color:#183f8f;} #utility-links li.cart-link span {display:block; margin:0 12px; color:#183f8f;} #utility-links li.cart-link a.notEmpty1, #utility-links li.cart-link span.empty0 {display:none;} #utility-links li.cart-link a, #utility-links li.cart-link span {padding:0 0 0 30px; margin:0 0 0 12px; position:relative;} #utility-links li.cart-link a:before, #utility-links li.cart-link span:before {content:"\f07a"; font-family:"FontAwesome"; font-size:1.5rem; position:absolute; top:-4px; left:0; line-height:1; display:block;} /******************************************************************************** --- Template - Top Bar - Search--- *********************************************************************************/ #search {position:relative;} #search input[type="text"] {border:none; border-left:1px solid #159dd8; height:30px; padding:6px 12px; margin:0;} #search .search-button {margin:0; padding:0; background:none; border:none; position:absolute; top:0; right:0; width:30px; height:30px; -webkit-transition:color 300ms ease-out;-moz-transition:color 300ms ease-out;transition:color 300ms ease-out;} #search .search-button:hover {color:#159dd8;} /******************************************************************************** --- Home - Slider --- *********************************************************************************/ #slider {position:relative; background:#c2c2c2; border-bottom:6px solid #c2c2c2;} #slider ul {list-style:none; margin:0; padding:0; height:100%} #slider.no-js li {display:none;} #slider.no-js li:nth-child(1) {display:block;} #slider.no-js .home-slider {opacity:0;} #slider .home-slider {opacity:1; -webkit-transition:opacity 500ms ease;-moz-transition:opacity 500ms ease;transition:opacity 500ms ease; height:0; padding-bottom:37.61061946902655%;} #slider .bx-wrapper {margin:0 auto 0 auto;} #slider .bx-wrapper img {min-width:575px;} #slider .bx-wrapper .bx-pager {padding:0; bottom:15px;} #slider .bx-wrapper .bx-pager {text-align:right; padding:0 15px;} #slider .bx-wrapper .bx-pager .bx-pager-item a {text-align:center;} #slider .bx-wrapper .bx-pager.bx-default-pager a {background:#fff; width:14px; height:14px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} #slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #slider .bx-wrapper .bx-pager.bx-default-pager a.active {background:#ef3f37;} #slider .caption {position:absolute; top:10%; right:7%; text-align:right; width:70%; max-width:425px; text-shadow:0px 1px 2px rgba(0,0,0,0.75)} #slider .caption h3.headline, #slider .caption h4.subheadline, #slider .caption a {color:#fff; line-height:1.1; } #slider .caption h3.headline, #slider .caption a {text-transform:uppercase;} #slider .caption h3.headline, #slider .caption h4.subheadline {font-size:2.500rem; margin:0;} #slider .caption h4.subheadline {font-weight:normal; text-transform:none;} #slider .caption .btn { margin:20px 0 0 0; width:70%; float:right; position:relative;} #slider .caption .btn a {font-size:1.313rem; font-weight:bold; padding:0 40px 0 0; display:block;} #slider .caption .btn a:after {content:"\f054"; font-family:"FontAwesome"; position:absolute; top:50%; right:0; font-size:2.000rem; margin:-19px 0 0 0;} #slider .caption .btn a:hover {color:#ef3f37;} #slider .slider-ribbons li.r-listen em {font-size:1.250rem;} @media only screen and (min-width: 47.938em) { #slider .slider-ribbons {position:absolute; top:0; left:0; height:100%; z-index:100;} #slider .slider-ribbons ul {list-style:none; margin:0; padding:0;} #slider .slider-ribbons li {position:absolute; left:-46px; display:block; width:240px; height:54px;} #slider .slider-ribbons li a {display:block; color:rgba(250,250,250,1); text-transform:uppercase; height:34px; line-height:34px; text-align:left; padding:0 12px 0 60px; font-weight:bold; font-size:0.938rem; text-shadow:0px -1px 1px rgba(0,0,0,0.15)} #slider .slider-ribbons li a:hover {color:rgba(250,250,250,0.85);} #slider .slider-ribbons li.r-red {background:url(../images/template/ribbon-red.png) no-repeat;} #slider .slider-ribbons li.r-blue {background:url(../images/template/ribbon-blue.png) no-repeat;} #slider .slider-ribbons li.r-donate {top:25px;} #slider .slider-ribbons li.r-listen {bottom:100px;} #slider .slider-ribbons li.r-download {bottom:30px;} } /******************************************************************************** --- Bx Slider --- *********************************************************************************/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1;} .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport {-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(../images/template/bx_loader.gif) center center no-repeat #c2c2c2; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;} .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev {left:-30px; } .bx-wrapper .bx-prev:before {content:"\f053"; } .bx-wrapper .bx-next { right:-30px; } .bx-wrapper .bx-next:before {content:"\f054"; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -23px; outline: 0; z-index: 9999; width:30px; height:46px; line-height:46px; text-align:center; color:#ef3f37; } .bx-wrapper .bx-controls-direction a:hover {color:#142950;} #carousel .bx-wrapper .bx-controls-direction a:before {font-family:"FontAwesome"; display:block; font-size:1.50rem;} .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /******************************************************************************** --- Main --- *********************************************************************************/ #main {min-height:300px; padding:25px 25px 80px 25px;} .primary-a {width:68%; float:right;} .secondary-a {float:left; width:24%;} /******************************************************************************** --- Footer --- *********************************************************************************/ #footer {padding:15px 0;} #footer .columns {text-align:center;} #footer .addr {font-size:1.000rem; font-weight:bold; margin:0;} /******************************************************************************** --- CTA - Support --- *********************************************************************************/ #cta-support {height:113px; position:relative;} #cta-support a {background:url(../images/template/ribbon-support.png) no-repeat; display:block; width:388px;; height:113px; position:absolute; top:0; right:-92px; color:#fff; font-size:1.625rem; font-weight:bold; line-height:64px; padding-left:32px; text-shadow: 0px -1px 1px rgba(0,0,0,0.15);} #cta-support a span {font-weight:normal;} #cta-support a:hover {color: rgba(255,255,255,0.85);} /******************************************************************************** --- Template - Page ELements --- *********************************************************************************/ h3.title {margin:0 0 18px -25px; padding:6px 15px 6px 25px; color:#fff; background: #0b69b0; background: -moz-linear-gradient(left, #0b69b0 0%, #ffffff 84%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0b69b0), color-stop(84%,#ffffff)); background: -webkit-linear-gradient(left, #0b69b0 0%,#ffffff 84%);background: -o-linear-gradient(left, #0b69b0 0%,#ffffff 84%); background: -ms-linear-gradient(left, #0b69b0 0%,#ffffff 84%); background: linear-gradient(to right, #0b69b0 0%,#ffffff 84%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b69b0', endColorstr='#ffffff',GradientType=1 );} /* Bullets */ ol.order-a { list-style: none; margin: 0 0 18px 0; padding-left: 25px; overflow:hidden; } ol.order-a li { position: relative; margin: 0 0 5px 0; counter-increment: ol; } ol.order-a li:before { content: counter(ol) '.'; position: absolute; margin: 0 0 0 -25px; font-weight: bold; color: #183f8f; } ul.bullet-a { list-style: none; margin: 0 0 18px 0; padding: 0; overflow:hidden; } ul.bullet-a li {margin: 0 0 5px 0; padding: 0px 0px 0px 17px; position:relative; } ul.bullet-a li:before {content: "\F054";font-family: 'FontAwesome'; font-size:13px;position: absolute;top: 2px;left: 0; color:#183f8f;} /* Images */ img.aligntop { margin: 0 0 18px 0; } img.alignleft { float: left; margin: 6px 25px 0 0; } img.alignright { float: right; margin: 6px 0 0 25px; } img.border {border:1px solid #e5e5e5; padding:6px; background:#fff;} img.circle {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .alignright { float: right; margin: 6px 0 0 15px; } .alignleft { float: left; margin: 6px 15px 0 0px; } /* Back Link */ .back-link {font-size:1.125rem;} .back-link:before {content:"\f0d9"; font-family: 'FontAwesome'; margin:0 7px 0 0;} /******************************************************************************** --- Template - Inner - Side Nav --- *********************************************************************************/ .side-nav {margin: 0px 0px 30px 0px; } .side-nav ul { list-style: none; margin: 0px; padding: 0px; overflow: hidden; } .side-nav a { font-size: 16px; color: #555; } .side-nav > ul > li { display: block; line-height:1.2; } .side-nav > ul > li > a { display: block; padding: 12px 15px; border-bottom: 1px solid #e9e9e9; font-size: 16px; -webkit-transition: background .15s ease, color .15s ease; transition: background .15s ease, color .15s ease; position: relative; color:#183f8f;font-weight:700;} .side-nav > ul > li > a:hover, .side-nav > ul > li.selected > a {color: #159dd8} .side-nav > ul > li.selected > a {font-size:1.500rem;} /*--- #second level nav ---*/ .side-nav > ul > li.selected > ul { display: block; } .side-nav ul ul { } .side-nav ul ul li { display: block; } .side-nav ul ul li a { padding: 6px 15px 8px 27px; display: block; border-bottom: 1px solid #dddddd; background: url(/images/template/bullet-b.png) no-repeat 15px 13px; font-size:15px; color:#183f8f; font-weight:700; } .side-nav ul ul li a:hover, .side-nav ul ul li.selected > a { background-position: 15px -43px; color: #159dd8 } /*--- #third level nav ---*/ .side-nav ul ul ul {} .side-nav ul ul li.selected ul {display:block;} .side-nav ul ul ul li a { padding: 4px 15px 4px 40px; background: none; font-size: 13px; font-weight:400; position:relative; } .side-nav ul ul ul li a:before {content: "\F054";font-family: 'FontAwesome'; font-size:10px;position: absolute;top: 6px;left: 25px; color:#183f8f; -webkit-transition:color 300ms ease-out;-moz-transition:color 300ms ease-out;transition:color 300ms ease-out;} .side-nav ul ul ul li a:hover, .side-nav ul ul ul li.selected a, .side-nav ul ul ul li a:hover:before { color: #159dd8; } /******************************************************************************** --- Template - Inner - Pagination --- *********************************************************************************/ .pagination {overflow:hidden; text-align:center;} .pagination li {margin:0 0 7px 0;} .pagination > a {display:inline-block; background:#183f8f; color:#fff; padding:6px 0; text-align:center; margin:0 2px 0 0; -webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out;} .pagination a.active {background:#008dcf;} .pagination a:hover {background:#595959;} .pagination a.next, .pagination a.prev {padding-left:12px; padding-right:12px;} .pagination a.pag {width:40px;} .pagination li {display:inline-block; line-height:1;} .pag-number a, .pag-next a, .pag-prev a, .pag-current span {display:block; padding:6px 0; color:#fff; background:#183f8f; color:#fff; text-align:center; margin:0 2px 0 0; -webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out;} .pag-number a, .pag-current span {width:40px;} .pag-next a, .pag-prev a {padding-right:12px; padding-left:12px;} .pag-current span {background:#008dcf;} .pag-range {display:none;} .pag-range-custom:before {content:"..";} /******************************************************************************** --- Home - Intro --- *********************************************************************************/ #home-intro p {font-size:1.438rem; color:#183f8f;} /******************************************************************************** --- Home - Carousel --- *********************************************************************************/ #carousel {padding:0 25px 0 0;} #carousel .bx-wrapper {margin:0 auto;} #carousel .bx-wrapper ul {margin:0; padding:0;} /******************************************************************************** --- Inner - Product Detail --- *********************************************************************************/ #product-detail {} /*Product Top*/ .product-top {padding:0 0 20px 0; margin:0 0 30px 0; border-bottom:1px solid #e2e2e2;} /*Product Top - Left*/ .product-top-left {float:left; width:33.7962962962963%;} .product-top-left h3.title {margin:0 0 18px -25px; padding:6px 15px 6px 25px; color:#fff; background: #0b69b0; background: -moz-linear-gradient(left, #0b69b0 0%, #159dd8 84%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0b69b0), color-stop(84%,#159dd8)); background: -webkit-linear-gradient(left, #0b69b0 0%,#159dd8 84%);background: -o-linear-gradient(left, #0b69b0 0%,#159dd8 84%); background: -ms-linear-gradient(left, #0b69b0 0%,#159dd8 84%); background: linear-gradient(to right, #0b69b0 0%,#159dd8 84%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b69b0', endColorstr='#159dd8',GradientType=1 );} /*Product Image*/ .product-image {margin:0 0 25px 0; text-align:center;} .product-module {} .product-module:last-child {margin:0;} .product-module h3 {color:#ef3f37; margin:0 0 10px 0; text-transform:none;} /*Product Purchase Options*/ .product-buy {} .product-buy .productfeaturelist {display:none;} .product-buy ul {list-style:none; margin:0; padding:0;} .product-buy ul {list-style:none; margin:0 0 2px 0; padding:0; background:#142950; overflow:hidden;} .product-buy ul li {display:block; float:left; text-align:center; color:#fff; padding:10px 12px; border-right:1px solid rgba(255,255,255,0.15); font-weight:bold;} .product-buy ul li:last-child {border:none;} .product-buy ul li.type {width:20%} .product-buy ul li.price {width:30%} .product-buy ul li.size {width:40%} .product-buy ul li.buy {width:10%; background:#008dcf; padding:0; -webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out; text-align:center;} .product-buy ul li.buy a {color:#fff; display:block; padding:10px 0;} .product-buy ul li.buy:hover {background:#10b4ec;} .product-buy ul li.buy:hover a {color:#142950;} .product-buy ul li.grouping {display:none;} /*Product Related*/ .hide-000 {display:none;} /*Product Top - Right*/ .product-top-right {float:right; width:60.18518518518519%;} /*Product Top - Info*/ .product-info h1 {margin:0 12px 0 0; font-size: 1.313rem;} .product-info h2 {font-weight:normal; font-style:italic; text-transform:none; font-size: 1.125rem;padding-top: 8px;} .product-info h2 span:not(:last-child):after {content:"|"; margin:0 5px;} /*Product Top - Info - Header*/ .product-info-header {margin:0 0 35px 0;} .product-info-header ul {list-style:none; margin:0; padding:0;} .product-info-header ul li {display:inline-block; margin:0 15px 0 0; font-size:1.125rem; position:relative;} .product-info-header ul li:not(:last-child):after {content:"|"; position:absolute; top:0; right:-15px;} .product-info-header ul li.code {color:#9d9d9d;} /*Product Top - Info - Header - Rating*/ .rating em {margin:0 1px; color:#9d9d9d;} .rating-1 em, .rating-2 em, .rating-3 em, .rating-4 em, .rating-5 em {color:#ef3f37} .rating-4 em:nth-child(5), .rating-3 em:nth-child(5), .rating-3 em:nth-child(4), .rating-2 em:nth-child(5), .rating-2 em:nth-child(4), .rating-2 em:nth-child(3), .rating-1 em:nth-child(5), .rating-1 em:nth-child(4), .rating-1 em:nth-child(3), .rating-1 em:nth-child(2) {color:#9d9d9d;} /*Product Top - Play Selects*/ #playSelects {display:none; background:#142950; padding:10px 15px; color:#fff; margin:0 0 25px 0; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #playSelects em.fa-star {margin:0 7px 0 0; color: #ffb32e;} #playSelects em.fa-play-circle {margin:0 0 0 5px; font-size:16px; position:relative; top:0px; color:#ededed;} /*Product Top - Info - Tracks*/ .product-info .productfeaturelist, .playableplaylist {display:none;} .product-tracks {} .product-tracks .tabs {border-bottom:6px solid #142950;} .product-tracks .tabs-content > .content {padding:0;} .tracks-desc {padding:12px; background:#142950; color:#fff;} .tracks-desc p {margin:0;} .tracks-list > ul {list-style:none; margin:0; padding:0; background:#ededed; border-bottom:1px solid #142950; overflow:hidden;} .tracks-list > ul {position:relative; min-height:52px;} .tracks-list > ul li {display:block; line-height:1.2;} .tracks-list > ul li.counter {background:#008dcf; border-right:1px solid #142950; color:#fff; font-size:1.313rem; text-align:center; display:block; position:absolute; top:0; left:0; width:60px; height:100%;vertical-align:middle; padding-top:13px;} .tracks-list .track-title {display:none;} .tracks-list > ul li.title {width:100%; padding:8px 155px 8px 80px} .tracks-list > ul li.title p {margin:0 0 5px 0; line-height:1.4;} .tracks-list > ul li.title span.composer {display:block; font-size:0.688rem; font-weight:bold; margin:0 0 5px 0;} .tracks-list > ul li.title ul {margin:0; padding:0; list-style:none; font-size:0.688rem; color:#7d7d7d;} .tracks-list > ul li.title p:nth-child(1) {font-size:0.688rem; color:#7d7d7d;} .tracks-list > ul li.title p:nth-child(2) {font-size:0.688rem; font-weight:bold;} .tracks-list > ul li.title.p-1 p {color:#000; font-size: 0.875rem;} .tracks-list > ul li.title.p-2 p:nth-child(1) {font-size:0.688rem; font-weight:normal; color:#000; font-style: italic;} .tracks-list > ul li.title.p-2 p:nth-child(2) {font-size:0.875rem; font-weight:normal; color:#000; padding-left:15px;} .tracks-list > ul li.title.p-3 p:nth-child(1) {font-size:0.688rem; font-weight:bold; color:#000;} .tracks-list > ul li.title.p-3 p:nth-child(2) {font-size:0.688rem; font-weight:normal; color:#000; font-style: italic;} .tracks-list > ul li.title.p-3 p:nth-child(3) {font-size:0.875rem; font-weight:normal; color:#000; padding-left:15px;} .tracks-list > ul li.title.p-4 p:nth-child(1) {font-size:0.688rem; font-weight:bold; color:#000;} .tracks-list > ul li.title.p-4 p:nth-child(2) {font-size:0.688rem; font-weight:normal; color:#000; font-style: italic;} .tracks-list > ul li.title.p-4 p:nth-child(3) {font-size:0.725rem; font-weight:normal; color:#000;} .tracks-list > ul li.title.p-4 p:nth-child(4) {font-size:0.875rem; font-weight:normal; color:#000; padding-left:15px;} .tracks-list > ul li.title p:last-child {margin:0;} .tracks-list > ul li.actions {width:135px; font-size:1.313rem; text-align:right; position:absolute; top:0; right:0; padding:0;height:100%; line-height:1; padding:10px 12px;} .tracks-list > ul li.actions em.fa-star {display:block; float:left; line-height:33px; color:#ffb32e; margin:0 12px 0 0} .tracks-list > ul li.actions em.select-, .tracks-list > ul li.actions em.select-0 {visibility:hidden;} .tracks-list > ul li.actions .buy-btn {display:block; float:left; line-height:30px; height:30px;} .tracks-list > ul li.actions .play-btn {font-size:1rem; color:#ededed; background:#909090; margin:-2px 0 0 15px; display:inline-block; width:32px; height:32px; line-height:32px; text-align:center; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; position:relative; -webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out;} .tracks-list > ul li.actions .play-btn:after {content:"\f04b"; font-family:"FontAwesome"; position:absolute; top:0; left:11px;} .tracks-list > ul li.actions .play-btn.active:after {content:"\f04c"; left:10px; font-size:0.938rem;} .tracks-list > ul li.actions .play-btn:hover, .tracks-list > ul li.actions .play-btn.active, .tracks-list > ul li.actions .play-btn.resume {background:#142950;} span.artist-name {font-size:0.688rem; font-weight:bold; color:#000; font-style: normal;} /*Product Middle*/ .product-middle {padding:0 0 20px 0; margin:0 0 30px 0; border-bottom:1px solid #e2e2e2;} .product-middle-left {float:left; width:33.7962962962963%;} .product-middle-right {float:right; width:60.18518518518519%;} /*Product Middle - Album Details*/ .album-details h2 {text-transform:none;} .booklet-dl {font-size:0.875rem; font-style:italic;} .booklet-dl:after {content:"\f0ed"; font-family:"FontAwesome"; margin:0 0 0 7px;} .booklet-dl[href=""] {display:none;} /*Product Bottom - Reviews*/ .editor-reviews {margin:0 0 35px 0;} .review-list {} .review-item {margin:0 0 15px 0;} .review-header {overflow:hidden; margin:0 0 5px 0;} .review-header p.rating, .review-header p.username {float:left; margin:0; position:relative;} .review-header p.rating, .review-header p.reviewer {float:left; margin:0; position:relative; font-style: italic; font-weight: bold;} .review-header p.rating {margin:0 15px 0 0;} .review-header p:not(:last-child):after {content: "|";position: absolute;top: 0;right: -10px;} .review-desc .more {display:none;} .review-desc .review-more:before {content:"\f0fe"; font-family:"FontAwesome"; margin:0 7px 0 0;} /*Product Bottom - User Submitted Reviews*/ .submit-reviews .slide-toggle {background:#ededed; padding:8px 12px; margin:0;} .submit-reviews .slide-content {border:1px solid #ededed; padding:15px;} .submit-reviews .message p {font-size:18px;} /******************************************************************************** --- Inner - Artist List --- *********************************************************************************/ .artist-list-a ul, .artist-list-b ul {list-style:none; margin:0; padding:0; overflow:hidden;} .artist-list-a ul li, .artist-list-b ul li {display:block; float:left; margin:0 4% 25px 0;} .artist-list-a ul li {width:30.66666666666667%;} @media only screen and (min-width: 30.000em) { .artist-list-a ul li:nth-child(3n) {margin-right:0;} .artist-list-a ul li:nth-child(3n+1) {clear:both;} } @media only screen and (min-width: 48.000em) { .artist-list-b ul li {width:22%;} .artist-list-b ul li:nth-child(4n) {margin-right:0;} .artist-list-b ul li:nth-child(4n+1) {clear:both;} } @media only screen and (min-width: 30.063em) and (max-width: 47.938em) { .artist-list-b ul li {width:30.66666666666667%;} .artist-list-b ul li:nth-child(3n) {margin-right:0;} .artist-list-b ul li:nth-child(3n+1) {clear:both;} } @media only screen and (max-width: 30.000em) { .artist-list-b ul li {width:48%;} .artist-list-b ul li:nth-child(2n) {margin-right:0;} .artist-list-b ul li:nth-child(2n+1) {clear:both;} } .artist-item a, .artist-item img {display:block;} .artist-item img {margin:0 0 7px 0; width:100%;} .artist-item .name {line-height:1.2;} .artist-item span.type:not(:empty):before {content:", ";} /******************************************************************************** --- Inner - Search Artist List --- *********************************************************************************/ .artist-list-b .artist-item-b {overflow:hidden; margin:20px 0; padding:0 0 20px 0; min-height:140px; border-bottom:1px solid #e2e2e2; position:relative;} .artist-list-b .artist-item-b .image {position:absolute; top:0; left:0; width:110px; padding:8px 0 0 0;} .artist-list-b .artist-item-b .image img {padding:4px;} .artist-list-b .artist-item-b .info {width:100%; padding-left:140px;} .artist-list-b .artist-item-b .info p.name { margin:0 0 5px 0;} .artist-list-b .artist-item-b .info p.name a {font-size:1.125rem; font-weight:bold;} .artist-list-b .artist-item-b .info :last-child {margin:0;} /******************************************************************************** --- Inner - Album List --- *********************************************************************************/ .album-list-cols {} .album-list-cols .album-item a {display:block; position:relative; overflow:hidden;} .album-list-cols .album-item .overlay {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(24,63,143,0); -webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out;} .album-list-cols .album-item p.name {position:absolute; left:0; bottom:-100%; -moz-transition: all .4s;-webkit-transition: all .4s;-o-transition: all .4s; transition: all .4s; width:100%; background:rgba(24,63,143,0.95); padding:6px 12px; color:#fff; margin:0; line-height:1.3;} .album-list-cols .album-item a:hover .overlay {background:rgba(24,63,143,0.30);} .album-list-cols .album-item a:hover p.name {bottom:0;} .album-list-rows .album-item {overflow:hidden; margin:20px 0; padding:0 0 20px 0; min-height:140px; border-bottom:1px solid #e2e2e2; position:relative;} .album-list-rows .album-item .image {position:absolute; top:0; left:0; width:110px; padding:8px 0 0 0;} .album-list-rows .album-item .image img {padding:4px;} .album-list-rows .album-item .info {width:100%; padding-left:140px;} .album-list-rows .album-item .info p.name { margin:0 0 5px 0;} .album-list-rows .album-item .info p.name a {font-size:1.125rem; font-weight:bold;} .album-list-rows .album-item .info :last-child {margin:0;} /******************************************************************************** --- Single Product Item--- *********************************************************************************/ .productList {list-style:none; margin:0; padding:0;} .product-item {overflow:hidden;} .product-item .image {float:right; width:35%; text-align:right;} .product-item .description {float:left; width:60%;} .productSubmitInput { background-color: #179bd9; color: #fff; border: none; font-family: Verdana, sans-serif; text-transform: uppercase; font-weight: 700; cursor: pointer; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; -webkit-border-radius: 0; display: inline-block; padding-top: 0.875rem; padding-right: 2.5rem; padding-bottom: 0.938rem; padding-left: 2.5rem; font-size: 1.063rem; transition: background-color 300ms ease-out; outline: none; } .productSubmitInput:hover {background-color: #10b4ec;color: white;} /******************************************************************************** --- Media Resources--- *********************************************************************************/ .media-header, .media-item ul {list-style:none; margin:0; padding:0; overflow:hidden;} .media-header li, .media-item ul li {display:block; float:left;} .media-header {margin:0 0 20px 0;} .media-header li {font-weight:bold;} .media-header li.m-catalog, .media-item ul li.m-catalog {width:159px;} .media-header li.m-title, .media-item ul li.m-title {width:50%;} .media-item {padding:6px 0; border-bottom:1px solid #e2e2e2;} .media-item ul li {padding-right:15px;} .media-item ul li.m-pr, .media-item ul li.m-cd, .media-item ul li.m-book {text-align:right; height:22px;} .media-item ul li.m-book {width:103px;} .media-item ul li.m-pr {width:144px;} .media-item ul li.m-cd {width:114px;} .media-item ul li.m-pr a:after, .media-item ul li.m-cd a:after, .media-item ul li.m-book a:after {content:"\f0ed"; font-family:"FontAwesome"; margin:0 0 0 5px;} .media-item a[href=""] {display:none;} /******************************************************************************** --- Inner - Blog --- *********************************************************************************/ /* Blog Tabs */ #blog-tabs {} #blog-tabs .tabs {margin:0px; padding:0px; list-style:none; overflow:hidden; border-bottom:4px solid #183f8f;} #blog-tabs .tabs dd {display:block; float:left; margin:0 1px 0 0;} #blog-tabs .tabs dd a {display:block; padding:8px 9px; background:#7a7a7a; color:#fff; text-align:center; text-decoration:none; margin:0px 1px; text-shadow:none; border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0; font-size:0.813rem;} #blog-tabs .tabs dd a:hover {background:#595959;} #blog-tabs .tabs dd.active a {background:#183f8f; color:#fff;} #blog-tabs .tabs dd:first-child a {margin-left:0px;} #blog-tabs .tabs dd:last-child a {margin-right:0px;} #blog-tabs .tabs-content {background: #f5f5f5;} #blog-tabs .tabs-content ul {list-style:none; margin:0; padding:0;} #blog-tabs .tabs-content li {list-style: none; line-height:1.3;} #blog-tabs .tabs-content a {display:block; padding:6px 15px; color:#159dd8; border-bottom:1px solid #fff;} #blog-tabs .tabs-content a:hover {color:#159dd8;} #blog-tabs .BlogTagCloud {padding:0 15px;} #blog-tabs .BlogTagCloud a {display: inline-block;background:#159dd8;padding:3px 13px;color: #fff; text-decoration:none;margin: 0 3px 7px 0; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; transition:background .15s ease;} #blog-tabs .BlogTagCloud a:hover {color:#fff; background:#183f8f;} /* Blog List Layout */ .blog-list-a {margin:0 0 65px 0; position:relative;} .blog-list-a .blog-list-header {min-height:67px;} .blog-list-a .b-date { position: absolute; top: 5px; left: 5px; width: 60px; padding:10px; background:#183f8f; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .blog-list-a .b-date .day { color: #fff; font-size: 26px; text-align:center; font-weight: bold; display: block; line-height:1;} .blog-list-a .b-date .month {display:block; color: #fff; font-weight: bold; font-size: 16px; text-align:center; text-transform: uppercase; line-height:1;} .blog-list-a .b-info { width: 100%; padding: 0 0 0 85px; } .blog-list-a .b-info h3, .blog-a .blog-list-a .b-info h1 {font-size:1.313erem; color:#159dd8; margin:0 0 5px 0;} .blog-list-a .b-info h3 a {color:#159dd8; } .blog-list-a .b-info h3 a:hover {color:#183f8f;} .blog-list-a .b-info p.author {font-style:italic; font-size:18px; color:#868686;} .blog-list-a .more-link {font-size:17px; font-weight:bold;} .blog-list-a .more-link em {font-size:14px; margin-left:3px;} /* Blog Social Media and Comments */ .links-a {position:relative; padding:10px 15px 7px 15px; background:#ededed; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; margin:0 0 30px 0;} .links-a .social_toolbox {float:left;} .comments-a {float:right; line-height:26px;} .comment-list {background:none; padding:0px; margin:35px 0px 0px 0px; border:none;} /* Blog Pagination */ p.page-nav { text-align: center; } p.page-nav a {margin:0;} .pagination { overflow: hidden; margin: 0 0 30px 0; } .pagination > a, .pagination span.pagination a, #previouspage, #nextpage { display: inline-block; padding:0 12px; height:30px; line-height:30px; color: #666; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; text-decoration: none; background: #d7d7d7; -webkit-transition: background-color 300ms ease-out, color 300ms ease-out;-moz-transition: background-color 300ms ease-out, color 300ms ease-out;transition: background-color 300ms ease-out, color 300ms ease-out; margin:0 5px 0 0;} .pagination > a:hover, .pagination span.pagination a:hover, #previouspage:hover, #nextpage:hover {background:#159dd8; color:#fff;} .pagination strong { display: inline-block; padding:0 12px; height:30px; line-height:30px; color: #fff; text-decoration: none; background: #159dd8; margin:0 5px 0 0; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} /******************************************************************************** --- Alert Message Box --- *********************************************************************************/ #messageBox {position: fixed;bottom: 30px; left:0; width:100%; text-align:center; z-index:10000;} #messageBox-inner {display:inline-block; background-color:rgba(24,63,143,0.95); color: #fff; padding:15px 20px; font-size:21px; font-weight:bold; -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.35);-moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.35);box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.35);} /******************************************************************************** --- Shopping Cart --- *********************************************************************************/ .shopping-cart {} /* Shopping Cart - Header */ .shopping-cart .cartrow {background:#363636; color:#fff; font-size: 13px;text-transform: uppercase; overflow:hidden; padding:6px 10px;} .shopping-cart .cartlabel {float: left;font-weight: bold;padding-top: 3px;padding-bottom: 3px;} .shopping-cart .cldetails {width: 49%;} .shopping-cart .clprice {width: 10%;} .shopping-cart .clqty {width: 14%;} .shopping-cart .cltax {width: 10%;} .shopping-cart .clcost {width: 10%;} .shopping-cart .clremove {width: 7%;} /* Shopping Cart - Products In Cart */ .shop-cart-inner {} .cart-item-list {overflow:hidden; margin:0 0 20px 0;} .shopping-cart .cart-item {width: 10%; float: left;} .shopping-cart .productitemcell {border-bottom: 1px solid #EEE;height:125px;line-height:20px; padding:10px 0; overflow:hidden;} .shopping-cart .product-title {width: 49%; padding-right:20px;} .shopping-cart .product-price {width: 10%;} .shopping-cart .product-qty {width: 14%;} .product-qty input.cartInputText {width: 60px; display: inline-block;margin-bottom: 9px;padding: 4px; text-align:center;} .shopping-cart .product-tax {width:10%;} .shopping-cart .product-total {width:9%;} .shopping-cart .product-remove {width:7%; text-align:center;} .shopping-cart .product-remove a {display:inline-block; width:28px; height:28px; background:#c1c1c1; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; text-indent:-9999em; position:relative;} .shopping-cart .product-remove a:before {content:"\f00d"; font-family:"FontAwesome"; color:#fff; text-indent:0px; display:block; position:absolute; top:3px; left:7px;} /* Shopping Cart - Navigation and Checkout Buttons */ .shopping-cart .checkout-buttons {overflow:hidden; margin:0 0 20px 0;} .shopping-cart .checkout-buttons .button {margin:0;} .shopping-cart .checkout-buttons a#continueshopping {float:left; } .shopping-cart .checkout-buttons a#catshopbuy {float:right;} .shopping-cart .checkout-buttons a#updateqty {float:right; margin-right:10px;} .shopping-cart .checkout-buttons a# continueshopping {float:left;} /* Shopping Cart - Shipping and Discount */ .shopping-cart .bottom-cart {overflow:hidden;} .shopping-cart .bottom-cart p {font-size:12px;} .shopping-cart .cart-box {float:left; width:48%;} .shopping-cart .cart-box + .cart-box {float:right;} .shopping-cart h4 {color:#fff;padding:8px 0 8px 20px;margin:0;background:#363636; margin-bottom: 10px;font-size: 16px;} .shopping-cart h4 {position:relative;} .shopping-cart h4:after {top: 100%;left:10%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(45, 65, 149, 0);border-top-color: #363636;border-width: 14px;margin-left: -14px;} .cart-box-inner {border:1px solid #C1C1C1; margin:25px 0 10px 0; padding:10px 25px 18px 25px;} .cart-box-inner .label {font-size:16px; font-weight:900; color:#2d4195;} .cart-box-inner .label:last-child {margin:0 0 0 5px;} .cart-box-inner .label:first-child {margin-left:0;} .cart-box-inner {font-size:18px; font-weight:900; color:#63564B;} .shippingCalc {font-weight:900; margin:0 0 20px 0;} .shippingCalc input[type="radio"] {margin:1rem 0;} .shippingStateDiv {margin-bottom:10px;} .discount-gift-total .label {display:block;} .discount-gift-total {overflow:hidden; margin:0 0 7px 0;} .discount-gift-total .discountcodeInput {float:left; width:70%; margin:0;} .discount-gift-total .button {float:right; width:28%; height:40px; line-height:40px; padding:0; text-align:center; margin:0;} .total-discount {margin:0 0 20px 0;} .total-discount .label {margin:0;} /* Shopping Cart - Cart Total and Price */ .shopping-cart .cart-total {margin-top:20px; padding:8px 20px; background:#363636; overflow:hidden;} .cart-total span {color:#fff; font-size:21px; font-weight:bold;} .cart-total .total {float:left;} .cart-total .total-price {float:right;} /* Shopping Cart - Check Out Button */ .buybutton {float:right; margin-top:10px;} a#catshopbuy { display:inline-block; text-transform: uppercase; font-weight:900; border-style: solid; border-width: 0px; cursor: pointer; font-weight: normal; line-height: normal; margin:0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; -webkit-border-radius: 0; display: inline-block; background-color: #2f439b; color: white; transition: background-color 300ms ease-out; outline: none; padding-top: 1rem;padding-right: 2rem;padding-bottom: 1.0625rem; padding-left: 2rem; font-weight:900;} a#catshopbuy:hover {background: #364cb0;} /******************************************************************************** --- Registration Form --- *********************************************************************************/ .checkout-box {margin:35px 0;} .cust-opt {float:left; width:50%; padding-right:35px; border-right:1px solid rgba(250,250,250,0.25);} .cust-login {float:left; width:50%; padding-left:35px; border-left:1px solid rgba(0,0,0,0.25);} .cust-login .row {padding:0;} .shop-checkout h4 {background: #363636; padding:7px 20px; color:#ffffff; margin:0px 0px 12px 0px;} .cc-img {margin:25px 0 0 0;} .total_amt {background:#363636;color: white; height:40px; margin:0px 0px 10px 0px; font-weight:900; text-transform:uppercase;} .checkout_total_text {float:left; font-size:24px; line-height:40px; padding:0px 20px;margin:0px;color:#fff; font-weight:900;} .checkout_total {float:right; text-align:right; line-height:40px; padding:0px 20px; margin:0px; font-size:24px; color:#ffffff; font-weight:900; } .secure-info {float:right; width:25%;} .secure-info h2 {margin:0px 0px 12px 0px;} #shop-registration-form {padding:0px; margin:0px; width:73%; float:left;} #shop-registration-form .row, form .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #shop-registration-form #donate {padding-left:28px;} #shop-registration-form .field-wrap {position:relative;} #shop-registration-form .field-wrap:focus .dollarsign {color:#000;} #shop-registration-form .dollarsign {position:absolute; top:50%; margin:-8px 0 0 0; left:12px; color:#ccc;} /******************************************************************************** --- Account - Login --- *********************************************************************************/ .login-left {width:48%; float:left; min-height:350px;} .login-right {width:48%; float:right; min-height:350px;} #login-form .row, #login-form_2 .row {position:relative; margin:0 0 15px 0;} #login-form input[type="text"], #login-form input[type="password"], #login-form_2 input[type="text"], #login-form_2 input[type="password"] {padding-left:45px; position:relative; margin:0;} #login-form .fa {position:absolute; top:50%; margin-top:-9px; left:15px; display:block; width:12px; height:18px; line-height:18px; z-index:1; font-size:17px; color:#9a9a99;} #login-form .fa-lock {font-size:18px; left:18px; margin-top:-7px;} #login-form_2 .fa {position:absolute; top:50%; margin-top:-9px; left:30px; display:block; width:12px; height:18px; line-height:18px; z-index:1; font-size:17px; color:#9a9a99;} #login-form_2 .fa-lock {font-size:18px; left:30px; margin-top:-7px;} /******************************************************************************** --- Account - Order History--- *********************************************************************************/ ul.order-list-header {list-style:none; margin:0px 0px 14px 0px; padding:10px; overflow:hidden; background:#ededed;} ul.order-list-header li {display:block; float:left; padding:2px; font-weight:normal; font-size:14px;} ul.order-list-header li.invoice {width:60%;} ul.order-list-header li.date {width:20%;} ul.order-list-header li.amount {width:20%;} ul.order-list-a {list-style:none; margin:0px 0px 14px 0px; padding:2px 2px 14px 0px; overflow:hidden; border-bottom: 1px dotted #999999;} ul.order-list-a li {display:block; float:left; padding:0px; font-size:14px;} ul.order-list-a li.invoice {width:60%; padding-right:20px;} ul.order-list-a li.invoice span.number {} ul.order-list-a li.date {width:20%;} ul.order-list-a li.amount {width:20%;} ul.invoice-info {margin:0 0 25px 0; padding:20px 0; list-style:none; overflow:hidden;} ul.invoice-info li {display:inline-block; float:left; padding:0 30px 0 0;} ul.invoice-header {list-style:none; margin:0px 0px 14px 0px; padding:10px 0; overflow:hidden; background:#ededed;} ul.invoice-header li {display:block; float:left; padding:2px 10px; font-weight:normal; font-size:14px; width:20%} ul.invoice-list {list-style:none; margin:0px 0px 25px 0px; padding:10px; overflow:hidden; padding:0 0 25px 0; border-bottom:1px solid #e2e2e2;} ul.invoice-list li {display:block; float:left; padding:2px 10px; font-weight:normal; font-size:14px; width:20%} ul.invoice-totals {list-style:none; margin:0 0 55px 0; padding:0;} ul.invoice-list a:visited {color:#ef3f37;} ul.invoice-header li.i1, ul.invoice-list li.i1 {width:60%;} ul.invoice-header li.i2, ul.invoice-list li.i2 {width:10%;} ul.invoice-header li.i3, ul.invoice-list li.i3 {width:10%;} ul.invoice-header li.i4, ul.invoice-list li.i4 {width:10%;} ul.invoice-header li.i5, ul.invoice-list li.i5 {width:10%;} /******************************************************************************** --- Site Search --- *********************************************************************************/ #album-search, #artist-search {margin:0 0 36px 0;} /******************************************************************************** --- Slide Toggle --- *********************************************************************************/ .slide-content {display:none;} .slide-toggle {cursor:pointer; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .slide-toggle:after {content: "\f055";font-family: 'FontAwesome';margin: 0 0 0 5px;color: #2f439b; -webkit-transition: color .15s linear; transition: color .15s linear;} .slide-toggle.active:after {content:"\f056";} .slide-toggle.active, .slide-toggle:hover:after, .slide-toggle.active:after {color:#2f439b;} .button.slide-toggle:after, .button.slide-toggle.active, .button.slide-toggle:hover:after, .button.slide-toggle.active:after {color:#363636;} /******************************************************************************** --- Alerts --- *********************************************************************************/ .alert {display:none; padding:6px 15px; margin-bottom: 20px; border-radius: 3px; background-color:#ededed;} .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert a {color:#fff; text-decoration:underline;} .alert a:hover {color:#29dba1;} .alert p:before {font-family: 'FontAwesome'; margin:0 7px 0 0; } .alert-success, .alert-info, .alert-warning, .alert-danger {display:block;} .alert-success p:before {content:"\f058"; color:#6bef37;} .alert-info p:before {content:"\f059"; color:#fff;} .alert-warning p:before {content:"\f071 "; color:#efd737;} .alert-danger p:before {content:"\f06a"; color:#ef3f37;} /******************************************************************************** --- Hidden Elements --- *********************************************************************************/ #isLoggedIn, #messageBox, #domain, .message {display:none;} /******************************************************************************** --- Sticky Audio Player - New --- *********************************************************************************/ .track-title {font-weight:bold;} .fontTest { font-family: myFont; font-size: 30px; color: #FFFFFF; background-color: #000000; display: inline-block; } /* minimal dark */ .minimalDarkCategoriesTitle { color: #BBBBBB; margin: 5px; margin-top: 6px; line-height: 16px; font-weight: 100; } .minimalDarkCategoriesType { color: #BBBBBB; margin: 5px; margin-top: -4px; line-height: 16px; font-weight: 100; } .minimalDarkCategoriesTypeIn { color: #BBBBBB; } .minimalDarkCategoriesDescription { color: #BBBBBB; margin: 5px; margin-top: -4px; line-height: 16px; line-height: 16px; font-weight: 100; } .bold { font-weight: bold; color: #FFFFFF; } /* minimal white */ .minimalWhiteCategoriesTitle { color: #000000; margin: 5px; margin-top: 6px; line-height: 16px; font-weight: 100; } .minimalWhiteCategoriesType { color: #000000; margin: 5px; margin-top: -4px; line-height: 16px; font-weight: 100; } .minimalWhiteCategoriesTypeIn { color: #222222; } .minimalWhiteCategoriesDescription { color: #000000; margin: 5px; margin-top: -4px; line-height: 16px; line-height: 16px; font-weight: 100; } .boldWhite { font-weight: bold; color: #000000; } /******************************************************************************** --- Media Queries --- *********************************************************************************/ /* Min-Width 1130px */ @media only screen and (min-width: 70.625em) { #navbar {clear:both; position:relative; z-index:999;} #corner {float:right;} #search {float:right; width:190px; margin:-6px 0 0 0;} } /* Starting at 1129px */ @media only screen and (max-width: 70.563em) { #corner {overflow:hidden; margin:0 0 15px 0;} #search {margin:0 0 25px 0; padding:0 3px;} #search input[type="text"] {border:1px solid rgba(0,0,0,0.08); border-left:1px solid #159dd8;} #slider .caption h3.headline, #slider .caption h4.subheadline {font-size:2.250rem;} #slider .caption .btn a {font-size:1.125rem;} /*Media Resources*/ .media-item ul li.m-pr, .media-item ul li.m-cd, .media-item ul li.m-book {text-align:left;} } /* Starting at 1023px */ @media only screen and (max-width: 63.938em) { #slider .caption h3.headline, #slider .caption h4.subheadline {font-size:2.000rem;} #slider .caption .btn a {font-size:1.000rem;} #footer .columns {margin-bottom:35px;} #footer .addr {font-size:0.875rem;} .home-mission {margin:0 0 40px 0;} #home-intro p {font-size:1.125rem;} /*Product Detail*/ .product-buy ul li {font-size:0.750rem; font-weight:normal;} } /* Starting at 766px */ @media only screen and (max-width: 47.875em) { #corner-top {display:none;} #utility-links {float:none; text-align:center;} #utility-links li {display:inline-block; float:none; } #utility-links li a {font-size:0.813rem;} #slider .caption {width:90%; max-width:none;} #slider .caption .btn {width:100%;} #slider .caption h3.headline, #slider .caption h4.subheadline {font-size:1.500rem;} #slider .caption .btn a {font-size:0.875rem; padding:0 25px 0 0;} #slider .caption .btn a:after {font-size:1.250rem; margin: -11px 0 0 0;} #slider .bx-controls {display:none;} #slider .slider-ribbons ul li {display:block;} #slider .slider-ribbons ul li a {display:block; padding:8px 12px; line-height:1.2; color: rgba(250,250,250,1); text-transform: uppercase; font-weight: bold;font-size: 1.125rem;text-shadow: 0px -1px 1px rgba(0,0,0,0.15); text-align:center; border-bottom:1px solid rgba(0,0,0,0.15); border-top:1px solid rgba(250,250,250,0.15); -webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out;} #slider .slider-ribbons ul li.r-red a {background:#ef3f37;} #slider .slider-ribbons ul li.r-red a:hover {background:#df3b34;} #slider .slider-ribbons ul li.r-blue a {background:#009ddc;} #slider .slider-ribbons ul li.r-blue a:hover {background:#0092cc;} #carousel {padding:0;} /*Headlines*/ h1 { font-size: 1.500rem; } h2 { font-size: 1.250rem; } h3 { font-size: 1.125rem; } h4 { font-size: 1.000rem; } h5 { font-size: 0.938rem; } h6 { font-size: 0.875rem; } /*Template - Main*/ #main {padding:25px 12px 80px 12px;} .primary-a, .secondary-a {float:none; width:100%;} .primary-a {margin:0 0 40px 0;} /*CTA - Support*/ #cta-support {height:auto; margin:0 0 25px 0;} #cta-support a {text-align:center; background:#ef3f37; width:100%; height:auto; position:relative; top:inherit; right:inherit; padding:10px 15px; line-height:1.2;} /*Product Detail*/ .product-top-left, .product-top-right, .product-middle-left, .product-middle-right {float:none; width:100%; margin:0 0 30px 0;} /*Pagination*/ .pagination a {padding:6px 0; font-size:0.750rem; margin:0;} .pagination span {font-size: 0.750rem;} .pagination a.pag {width:30px;} .pagination a.next, .pagination a.prev, .pagination li.pag-prev a, .pagination li.pag-next a {padding-left:6px; padding-right:6px;} /* Ecommerce - Cart */ .shopping-cart .row.cartrow {font-size:12px; font-weight:normal;} .shopping-cart .cartlabel {font-weight:normal;} .shopping-cart .product-title {width:37%;} .shopping-cart .productitemcell {font-size:12px;} .shopping-cart .cldetails {width:36%;} .shopping-cart .product-qty input[type="text"] {padding:4px 5px;} .shopping-cart .clqty, .shopping-cart .product-qty {width:16%;} .shopping-cart .clcost {width:12%;} .shopping-cart .checkout-buttons a#updateqty {float:none; margin:0 0 10px 0; width:100%; padding:8px 0;} .shopping-cart .checkout-buttons a#catshopbuy, .shopping-cart .checkout-buttons a#continueshopping {display:none;} .shopping-cart .shipping-tax, .shopping-cart .discount-gift {width:100%; float:none;} .shopping-cart .shipping-tax {margin:0 0 25px 0;} .shopping-cart .bottom-btn {float:none;} .shopping-cart .bottom-btn a#catshopbuy {width:100%;} /* Order Registration Form */ .cust-opt, .cust-login {float:none; width:100%; margin:0 0 25px 0; padding:0; border:none;} #shop-registration-form {float:none; width:100%;} h4.shopheadline, p.checkout_total_text, .checkout_total {font-size:1rem;} .reg-form, .secure-info {float:none; width:100%;} .secure-info {margin:0 0 25px 0;} .cc-img {margin:0 0 12px 0;} /*Media Resources*/ .media-header {display:none;} .media-item ul li.m-catalog, .media-item ul li.m-title {float:none; width:100%; padding:0; margin:0 0 5px 0;} .media-item ul li.m-catalog:before {content:"Catalog Number: "; font-weight:bold;} .media-item ul li.m-pr, .media-item ul li.m-cd, .media-item ul li.m-book {float:none; padding:0; display:inline-block; margin:0 15px 0 0; width:auto;} } /* Starting at 479px */ @media only screen and (max-width: 29.938em) { #utility-links li.cart-link span {display:none;} #slider .caption h3.headline, #slider .caption h4.subheadline {font-size:1.125rem;} #slider .caption .btn a {font-size:0.750rem;} #slider .caption .btn a:after {font-size:1.063rem; margin: -8px 0 0 0;} #slider .slider-ribbons ul li a {font-size:0.938rem;} #footer .addr {font-size:0.688rem;} #home-intro {margin:0 0 15px 0;} /*Product Detail*/ .tracks-desc p {font-size:0.750rem;} .tracks-list ul li.counter {font-size:1rem; width:36px;} .tracks-list ul li.title {padding: 8px 10px 8px 50px;} .tracks-list ul li.actions {width:100%; text-align:left; position:relative; top:inherit; right:inherit; height:auto; padding:0 0 8px 60px;} /*Artist List*/ .artist-list-a ul li {width:48%;} .artist-list-a ul li:nth-child(2n) {margin-right:0;} .artist-list-a ul li:nth-child(2n+1) {clear:both;} /*Album List*/ .album-list-rows .album-item .image {position:relative; top:inherit; left:inherit; width:100%; margin:0 0 15px 0; padding:0; text-align:center;} .album-list-rows .album-item .info {padding:0; width:100%;} .album-list-cols .album-item p.name {font-size:0.750rem;} .album-list-rows .album-item .info p.name a {font-size:1rem;} /*Search Artist List*/ .artist-list-b .artist-item-b .image {position:relative; top:inherit; left:inherit; width:100%; margin:0 0 15px 0; padding:0; text-align:center;} .artist-list-b .artist-item-b .info {padding:0; width:100%;} .artist-list-b .artist-item-b p.name {font-size:0.750rem;} .artist-list-b .artist-item-b .info p.name a {font-size:1rem;} .artist-list-b .artist-item-b img {width:100%;} /* Shopping Cart */ .shopping-cart input#DiscountCode, .shopping-cart input#GiftVoucher {width:100%; margin:0 0 10px 0;} .discount-gift-box .button {float:none; width:100%;} .shopping-cart .cldetails {width:31%;} .shopping-cart .product-title {padding:0; width:31%;} .shopping-cart .cartlabel.clprice, .shopping-cart .product-price{display:none;} .shopping-cart .clqty, .shopping-cart .product-qty {width:24%;} .shopping-cart .cltax, .shopping-cart .product-tax {width:13%;} .shopping-cart .product-total, .shopping-cart .clcost, .shopping-cart .product-remove {width:15%;} .shopping-cart h4 {font-size:0.875rem;} .cart-box-inner {font-size:1rem;} .cart-box-inner .label {font-size:0.875rem;} /* Account Order History */ ul.invoice-list li {font-size:10px;} ul.invoice-header li.i4, ul.invoice-list li.i4 {display:none;} ul.invoice-header li.i1, ul.invoice-list li.i1 {width:30%;} } /******************************************************************************** --- Additional Custom Code --- *********************************************************************************/ p.call-to-action {text-align:center; font-style:italic;} p.literature-container {margin: 0;} .catProdAttributeItem input + span {font-size: 0.875rem;} #catshopcontinue {background-color: #179BD9; color: #FFF; border: medium none; font-family: Verdana,sans-serif; text-transform: uppercase; cursor: pointer; font-weight: normal; line-height: normal; margin: 0px 0px 1.25rem; position: relative; text-decoration: none; text-align: center; display: inline-block; padding: 0.875rem 2.5rem 0.938rem; font-size: 1.063rem; transition: background-color 300ms ease-out 0s; outline: medium none;} #catshopcontinue:hover, #catshopcontinue:focus {background-color: #10B4EC; color: #FFF;} h3.title a {color:#FFF;} h3.title a:hover {color:#EF3F37;} .push-left {left: -160% !important; top: 0px !important;} .table {} .width15 { width: 15%; float:left;} .width20 { width: 20%; float:left;} .width25 { width: 25%; float:left;} .width30 { width: 30%; float:left;} .width33 { width: 33.33333%; float:left;} .width50 { width: 50%; float:left;} .width66 { width: 66.66667%; float:left;} .width75 { width: 75%; float:left;} .width100 { width: 100%; float:left;} .table {text-align:center;} .table h3 {font-size:1rem;} .ccp {font-size:10px;} .catProdAttributeTitle {font-family: Verdana,sans-serif; font-weight: bold; font-size: 1.25rem; line-height: 1.4; color: #183F8F; margin-bottom:18px;} .date {font-weight: normal; font-size: 0.875rem; font-style: italic; position: relative; top: -4px; color: gray;} h1.bpost-title {line-height: 1.4; font-size: 1.313rem; color: #159DD8; margin: 0px 0px 5px;} .radio {font-family: Verdana,sans-serif;font-weight: normal;font-size: 0.875rem;} .recog_mar {margin: -40px 0px 20px 15px} @media screen and (max-width: 520px) { .small-3 { width:100%;} .small-4 { width:100%;} .width15 { width:100%; } .width20 { width:100%; } .width25 { width:100%; } .width25 img { margin-bottom:20px; } .width30 { width:100%; } .width33 { width:100%; } .width50 { width:100%; } .width66 { width:100%; } .width75 { width:100%; } .alignright {float:none; margin:0px 0px 15px 0px !important; text-align:center;} .alignright img {width:100%;} .recog_mar {margin: 0px 0px 15px 0px} .alignleft {float:none; margin:0px 0px 15px 0px !important; text-align:center;} .alignleft img {width:100%;} } @media screen and (max-width: 380px) { .small-3 { width:100%;} .small-4 { width:100%;} .width15 { width:100%; } .width20 { width:100%; } .width25 { width:100%; } .width25 img { margin-bottom:20px; } .width30 { width:100%; } .width33 { width:100%; } .width50 { width:100%; } .width66 { width:100%; } .width75 { width:100%; } .alignright {float:none; margin:0px 0px 15px 0px !important; text-align:center;} .alignright img {width:100%;} .alignleft {float:none; margin:0px 0px 15px 0px !important; text-align:center;} .alignleft img {width:100%;} } /* ----------------------------------------- Donation Styles ----------------------------------------- */ label.custom { width: 105px; border-radius: 3px; border: 1px solid #D1D3D4 } /* hide input */ input.btn_radio:empty { display:none; } /* style label */ input.btn_radio:empty ~ label { position: relative; float: left; line-height: 2.5em; text-indent: 3.25em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom:25px; } input.btn_radio:empty ~ label:before { position: absolute; display: block; top: 0; bottom: 0; left: 0; content: ''; width: 2.5em; background: #D1D3D4; border-radius: 3px 0 0 3px; } /* toggle hover */ input.btn_radio:hover:not(:checked) ~ label:before { content:'\2714'; text-indent: .9em; color: #C2C2C2; } input.btn_radio:hover:not(:checked) ~ label { color: #888; } /* toggle on */ input.btn_radio:checked ~ label:before { content:'\2714'; text-indent: .9em; color: #fff; background-color: #10B4EC; } input.btn_radio:checked ~ label { color: #777; } /* radio focus */ input.btn_radio:focus ~ label:before { box-shadow: 0 0 0 3px #999; } /* ----------------------------------------- Table Styles ----------------------------------------- */ .dbenefits {top: 40px; position: relative;} .red-initial {color: #F00;} table.responsive {font-family: Verdana,sans-serif; font-size: 0.875rem; line-height: 1.6;} table.responsive tr:first-child th { border-top: 0; border-bottom: 0; } table.responsive tr:last-child td { border-bottom: 0; } table.responsive tr td:first-child, table.responsive tr th:first-child { border-left: 0; } table.responsive tr td:last-child, table.responsive tr th:last-child{ border-right: 0; } table.responsive td.marker {text-align:center; font-weight: bold;} table.responsive th { border: 1px solid #183F8F; padding: 9px 10px; font-weight: bold; text-align:center;} table.responsive td { border: 1px solid #183F8F; padding: 9px 10px; text-align: left; } /* Mobile */ @media only screen and (max-width: 767px) { .dbenefits {top: 40px; position: initial;} .pinned table th.red-initial {color: #F00; padding: 48px 0px 18px 47px;} table.responsive { margin-bottom: 0; } .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .pinned table { font-family: Verdana,sans-serif; font-size: 0.875rem; line-height: 1.6; border-right: none; border-left: none; width: 100%; } .pinned table th, .pinned table td { text-align: left; white-space: nowrap; padding: 9px 5px;} .pinned td:last-child { border-bottom: 0; } div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; } div.table-wrapper div.scrollable table { margin-left: 35%; } div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; } table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; } table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; } } /******************************************************************************** --- Modal --- *********************************************************************************/ /* Hide scroll bar */ html.remodal-is-locked {overflow: hidden;} /* Anti FOUC */ .remodal,[data-remodal-id] {display: none;} /* Necessary styles of the overlay */ .remodal-overlay {position: fixed;z-index: 9999;top: -5000px; right: -5000px; bottom: -5000px; left: -5000px;display: none} /* Necessary styles of the wrapper */ .remodal-wrapper{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch} .remodal-wrapper:after{display:inline-block;height:100%;margin-left:-.05em;content:""} /* Fix iPad, iPhone glitches */ .remodal-overlay,.remodal-wrapper{backface-visibility:hidden} /* Necessary styles of the modal dialog */ .remodal{position:relative;outline:none;text-size-adjust:100%} .remodal-is-initialized{display:block} .box {border: 2px solid #2383C1; width: 100%; max-width: 1000px; margin: 0 auto; background-color: #fff; -webkit-box-shadow: 10px 10px 5px 0px rgba(115,115,115,1); -moz-box-shadow: 10px 10px 5px 0px rgba(115,115,115,1); box-shadow: 0px 0px 94px 45px rgba(115,115,115,1);} /******************************************************************************** --- ReCaptcha Workaround --- *********************************************************************************/ #recaptcha_area .recaptcha_input_area { height: 34px !important; line-height: 0 !important; } #recaptcha_area .recaptchatable #recaptcha_response_field {margin: 12px 0px -3px !important; text-align: center;} /******************************************************************************** --- Events Page --- *********************************************************************************/ .artist-filter-wrap{ background-color: #159dd8; padding: 5px 15px; border-radius: 5px; } .artist-filter-wrap h4{ color: #FFF; } /******************************************************************************** --- tablesorter : Blue Theme --- *********************************************************************************/ /* overall */ .tablesorter-blue { width: 100%; background-color: #fff; margin: 10px 0 15px; text-align: left; border-spacing: 0; border: #cdcdcd 1px solid; border-width: 1px 0 0 1px; } .tablesorter-blue th, .tablesorter-blue td { border: #cdcdcd 1px solid; border-width: 0 1px 1px 0; } /* header */ .tablesorter-blue th, .tablesorter-blue thead td { font: 12px/18px Arial, Sans-serif; font-weight: bold; color: #000; background-color: #99bfe6; border-collapse: collapse; padding: 4px; text-shadow: 0 1px 0 rgba(204, 204, 204, 0.7); } .tablesorter-blue tbody td, .tablesorter-blue tfoot th, .tablesorter-blue tfoot td { padding: 4px; vertical-align: middle; text-align: center; font-size: 13px; } .tablesorter-blue button, .tablesorter-blue .button{ margin-bottom: 0px; } .tablesorter-blue .header, .tablesorter-blue .tablesorter-header { /* black (unsorted) double arrow */ background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); /* white (unsorted) double arrow */ /* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */ /* image */ /* background-image: url(images/black-unsorted.gif); */ background-repeat: no-repeat; background-position: center right; padding: 4px 18px 4px 4px; white-space: normal; cursor: pointer; } .tablesorter-blue .headerSortUp, .tablesorter-blue .tablesorter-headerSortUp, .tablesorter-blue .tablesorter-headerAsc { background-color: #9fbfdf; /* black asc arrow */ background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); /* white asc arrow */ /* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */ /* image */ /* background-image: url(images/black-asc.gif); */ } .tablesorter-blue .headerSortDown, .tablesorter-blue .tablesorter-headerSortDown, .tablesorter-blue .tablesorter-headerDesc { background-color: #8cb3d9; /* black desc arrow */ background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); /* white desc arrow */ /* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); */ /* image */ /* background-image: url(images/black-desc.gif); */ } .tablesorter-blue thead .sorter-false { background-image: none; cursor: default; padding: 4px; } /* tfoot */ .tablesorter-blue tfoot .tablesorter-headerSortUp, .tablesorter-blue tfoot .tablesorter-headerSortDown, .tablesorter-blue tfoot .tablesorter-headerAsc, .tablesorter-blue tfoot .tablesorter-headerDesc { /* remove sort arrows from footer */ background-image: none; } /* tbody */ .tablesorter-blue td { color: #3d3d3d; background-color: #fff; padding: 4px; vertical-align: top; } /* hovered row colors you'll need to add additional lines for rows with more than 2 child rows */ .tablesorter-blue tbody > tr.hover > td, .tablesorter-blue tbody > tr:hover > td, .tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow > td, .tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td, .tablesorter-blue tbody > tr.even.hover > td, .tablesorter-blue tbody > tr.even:hover > td, .tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow > td, .tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td { background-color: #d9d9d9; } .tablesorter-blue tbody > tr.odd.hover > td, .tablesorter-blue tbody > tr.odd:hover > td, .tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow > td, .tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td { background-color: #bfbfbf; } /* table processing indicator */ .tablesorter-blue .tablesorter-processing { background-position: center center !important; background-repeat: no-repeat !important; /* background-image: url(images/loading.gif) !important; */ background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important; } /* Zebra Widget - row alternating colors */ .tablesorter-blue tbody tr.odd > td { background-color: #ebf2fa; } .tablesorter-blue tbody tr.even > td { background-color: #fff; } /* Column Widget - column sort colors */ .tablesorter-blue td.primary, .tablesorter-blue tr.odd td.primary { background-color: #99b3e6; } .tablesorter-blue tr.even td.primary { background-color: #c2d1f0; } .tablesorter-blue td.secondary, .tablesorter-blue tr.odd td.secondary { background-color: #c2d1f0; } .tablesorter-blue tr.even td.secondary { background-color: #d6e0f5; } .tablesorter-blue td.tertiary, .tablesorter-blue tr.odd td.tertiary { background-color: #d6e0f5; } .tablesorter-blue tr.even td.tertiary { background-color: #ebf0fa; } /* caption */ caption { background-color: #fff; } /* filter widget */ .tablesorter-blue .tablesorter-filter-row { background-color: #eee; } .tablesorter-blue .tablesorter-filter-row td { background-color: #eee; line-height: normal; text-align: center; /* center the input */ -webkit-transition: line-height 0.1s ease; -moz-transition: line-height 0.1s ease; -o-transition: line-height 0.1s ease; transition: line-height 0.1s ease; } /* optional disabled input styling */ .tablesorter-blue .tablesorter-filter-row .disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: not-allowed; } /* hidden filter row */ .tablesorter-blue .tablesorter-filter-row.hideme td { /*** *********************************************** ***/ /*** change this padding to modify the thickness ***/ /*** of the closed filter row (height = padding x 2) ***/ padding: 2px; /*** *********************************************** ***/ margin: 0; line-height: 0; cursor: pointer; } .tablesorter-blue .tablesorter-filter-row.hideme * { height: 1px; min-height: 0; border: 0; padding: 0; margin: 0; /* don't use visibility: hidden because it disables tabbing */ opacity: 0; filter: alpha(opacity=0); } /* filters */ .tablesorter-blue input.tablesorter-filter, .tablesorter-blue select.tablesorter-filter { width: 98%; height: auto; margin: 0; padding: 4px; background-color: #fff; border: 1px solid #bbb; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: height 0.1s ease; -moz-transition: height 0.1s ease; -o-transition: height 0.1s ease; transition: height 0.1s ease; } /* rows hidden by filtering (needed for child rows) */ .tablesorter .filtered { display: none; } /* ajax error row */ .tablesorter .tablesorter-errorRow td { text-align: center; cursor: pointer; background-color: #e6bf99; } .upcoming-event > ul { margin: 0;} .upcoming-event > ul li {list-style:none; margin-bottom: 20px;display:block;} .upcoming-event > ul li .ticket-btn{display: inline-block;text-align:center;vertical-align: top;width: 20%;margin-right:-5px;} .upcoming-event > ul li .ticket-btn a{background-color: #159dd8;color: #fff;padding: 15px 10px;line-height: 60px;} .upcoming-event > ul li .event-cont{display: inline-block;width: 80%;} @media (max-width: 768px) { .upcoming-event > ul li .ticket-btn{background-color: #159dd8;padding: 10px;margin-top: 7px;} .upcoming-event > ul li .ticket-btn a {padding:0px;line-height: 35px;line-height: 20px;} .upcoming-event > ul li .event-cont {padding-left: 15px;} } @media (max-width: 767px) { .upcoming-event > ul li .ticket-btn a {line-height: 50px;} } @media (max-width: 600px) { .upcoming-event > ul li .ticket-btn a {line-height: 0px;} } @media (max-width: 480px) { .upcoming-event > ul li .ticket-btn{ width: 30%} .upcoming-event > ul li .event-cont{ width: 70%; padding-left: 10px;} }