/* Stylesheet basics adapted from HTML5 Boilerplate for BACH CHOIR */
/* = TABLE OF CONTENTS
-----------------------------------------------
TABLE OF CONTENTS
01 - Reset
02 - @font-face
03 - Global Styles
04 - Basic Wrapper Layout
05 - Header
06 - Content
- [a] Page Layout Standards
- [b] Page Content Standards
- [c] Home
- [d] About
- [e] News
- [g] Concerts
- [h] Sing With Us
- [h] Outreach
- [i] Media
- [j] Hire The Choir
- [k] Support Us
- [l] Shop
- [m] Contact
- [n] Insights
- [o] Legals
- [p] 404
07 - Footer
*/
/* = 01 - Reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
box-sizing: border-box;
}
:focus {
outline: 0;
}
body {
background: #fff;
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
/* = 02 - @font-face
----------------------------------------------- */
/* WEBTYPE */
.millerdisplayroman {
font-family: MillerDisplay, Georgia, serif;
font-style: normal;
font-weight: normal;
}
/* FONTDECK */
.regular {
font-family:"Proxima Nova Regular", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:normal; font-style:normal;
}
.italic {
font-family:"Proxima Nova Italic", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:normal; font-style:italic;
}
.bold {
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
}
/*
VISIBILITY HIDDEN REMOVED ON BODY - NEEDS TO JUST BE APPLIED TO TEXT ELEMENTS. CAN IT WORK WITH OPACITY WITH EASING?
.wf-loading body{
visibility:hidden;
}
.wf-loading .header-navigation ul {
opacity:0;
}
ul {
transition: visibility .5s ease-in-out;
-moz-transition: visibility .5s ease-in-out;
-webkit-transition: visibility .5s ease-in-out;
}
*/
/* = 03 - Global Styles
----------------------------------------------- */
html, body{
background:url(../img/background-body.png) 0px 0px repeat #ECEBE9;
height:100%;
color:#3c3c3c;
font-family:"Proxima Nova Regular", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:normal; font-style:normal;
font-size:14px;
font-weight:normal;
line-height:1.4;
text-align:center;
margin:0;
padding:0;
overflow:visible;
*overflow:auto;
}
body{
min-width:980px !important; /* Minimum width for iPad - pulls out to both sides */
min-height:100% !important; /* Minimum height for iPad - same height as background image */
}
/* Colors */
/*
*/
/* Paragraph */
p{
color:#3c3c3c;
font-family:"Proxima Nova Regular", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:normal; font-style:normal;
font-size:14px;
font-weight:normal;
line-height:1.3;
text-align:center;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
border:0px;
}
/* Headers */
h1{
width:100%;
color:#51626F;
line-height:1.0;
font-size:17px;
font-style:normal;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
text-align:left;
text-transform:uppercase;
padding:0px 0px 4px 0px;
margin:0px 0px 10px 0px;
/* border-bottom:2px solid #D6B1B1; #822433 - 25% as per brand guideline */
border-bottom:3px solid #C7B9B8; /*As per design */
}
h1 span{
display:inline-block;
float:right;
font-size:12px;
font-weight:bold;
line-height:17px;
margin-left:15px;
}
h2{
color:#496C60;
font-family: MillerDisplay;
font-style: normal;
font-weight: normal;
line-height:1.2;
font-size:15px;
text-align:left;
padding:10px 0px 10px 0px;
margin:0px 0px 0px 0px;
border:0px;
text-transform: uppercase;
}
h2 a,
h2 a:hover,
h2 a:active,
h2 a:focus{
color:#496C60;
}
h3{
width:100%;
color:#51626F;
line-height:1.0;
font-size:14px;
font-style:normal;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
text-align:left;
text-transform:uppercase;
padding:0px 0px 13px 0px;
margin:0px 0px 10px 0px;
/* border-bottom:1px solid #D6B1B1; #822433 - 25% as per brand guideline */
border-bottom:1px solid #EDEDED;
}
h3 span{
padding:0px 20px;
}
h3.title span{
margin-top:20px;
padding-top:13px;
padding-left:20px;
padding-right:20px;
border-top:1px solid #EDEDED;
display:block;
clear:both;
}
h4, h5, h6{
color:#CCCCCC;
/*font-family:Helvetica, Arial, Helvetica, sans-serif;*/
font-size:14px;
font-weight:normal;
line-height:1.4;
text-align:center;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
border:0px;
}
/* Links */
a,
a:focus,
a:active{
color:#822433;
text-decoration:none;
outline:none;
opacity:1.0;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:none;
transition: color .15s ease-in-out;
-moz-transition: color .15s ease-in-out;
-webkit-transition: color .15s ease-in-out;
transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-webkit-transition: opacity .1s ease-in-out;
}
a:hover{
color:#822433;
text-decoration:none;
outline:none;
opacity:0.75;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:none;
transition: color .1s ease-in-out;
-moz-transition: color .1s ease-in-out;
-webkit-transition: color .1s ease-in-out;
transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-webkit-transition: opacity .1s ease-in-out;
}
/* Images */
img{
outline:none;
border:none;
background:none;
vertical-align: middle;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:none;
}
/* Rule */
hr {
height: 1px;
display: block;
padding: 0;
margin: 1em 0;
border: 0;
border-style:solid;
border-color:#CCCCCC;
border-width:1px 0px 0px 0px;
}
/* Tables */
table, tr, td{
text-align:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:none;
}
/* Lists */
ul, ol {
margin: 0 0 1.625em 2.5em;
}
ul {
list-style: square;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}
dl {
margin: 0 1.625em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.625em;
}
/* Formatting */
strong, bold, b {
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
}
cite, em, i {
font-family:"Proxima Nova Italic", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:normal; font-style:italic;
}
.uppercase{
text-transform:uppercase !important;
}
.capitalize{
text-transform:capitalize !important;
}
.lowercase{
text-transform:lowercase !important;
}
/* Quotes */
blockquote {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
font-style:italic;
}
blockquote p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
font-style:italic;
}
blockquote em, blockquote i, blockquote cite {
font-family:"Proxima Nova Italic", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:normal; font-style:italic;
}
/* Codes */
pre {
background: #f4f4f4;
font: 12px "Courier 10 Pitch", Courier, monospace;
line-height: 1.5;
margin-bottom: 1.625em;
overflow: auto;
padding: 0.75em 1.625em;
}
code, kbd, samp, var {
font: 12px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
border-bottom: 1px dotted #666;
cursor: help;
}
address {
display: block;
margin: 0 0 1.625em;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
/* Forms */
input[type=text],
input[type=password],
textarea {
background-color:#E5E5E5;
width: 262px;
color:#666666;
font-family:"Proxima Nova Regular", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:normal; font-style:normal;
font-size:13px;
outline:none;
padding:8px 8px 8px 8px;
margin:0px 0px 0px 0px;
border:1px solid #E5E5E5;
}
input[type=text]:focus,
textarea:focus {
color: #3c3c3c;
}
textarea {
padding-left: 3px;
width: 98%;
resize: vertical;
font-family:"Proxima Nova Regular", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:normal; font-style:normal;
font-size:13px;
}
input[type=text] {
padding: 3px;
}
input#s {
background: url(images/search.png) no-repeat 5px 6px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size:13px;
height: 22px;
line-height: 1.2em;
padding: 4px 10px 4px 28px;
}
input#searchsubmit {
display: none;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
select, option{
background:#FFFFFF;
outline:none;
font-family:"Proxima Nova Regular", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:normal; font-style:normal;
font-size:13px;
}
/* iFrames */
embed,
iframe,
object {
max-width: 100%;
}
/* Alignment */
.alignleft {
display: inline;
float: left;
margin-right:20px;
margin-bottom:10px;
}
.alignright {
display: inline;
float: right;
margin-left:20px;
margin-bottom:10px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin:0px 20px 10px;
}
/* Clears */
.clearfix{
clear:both;
}
.clearfix-left{
clear:left;
}
.clearfix-right{
clear:right;
}
/* Highlighted Text */
::-moz-selection {
background: #E5E5E5;
text-shadow: none;
}
::selection {
background: #E5E5E5;
text-shadow: none;
}
/* Placeholder Text */
::-webkit-input-placeholder {
color:#3C3C3C;
}
:-moz-placeholder { /* Firefox 18- */
color:#3C3C3C;
}
::-moz-placeholder { /* Firefox 19+ */
color:#3C3C3C;
}
:-ms-input-placeholder {
color:#3C3C3C;
}
/* Edit Link */
.edit-link a {
background: #EEEEEE;
display: block;
float: right;
clear: both;
color: #666;
font-size: 12px;
font-weight:normal;
line-height: 1.0;
text-decoration: none;
margin:auto;
padding:3px 8px 3px 8px;
border:none;
-moz-border-radius: 3px;
border-radius: 3px;
}
.edit-link a:hover {
background: #888888;
color: #FFFFFF;
}
/* Google Chrome Frame */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* JS Fallbacks */
.no-js{ display:block; }
.yes-js{ display:none; }
html.js .yes-js{ display:block; }
html.js .no-js{ display:none; }
/* = 04 - Basic Wrapper Layout
----------------------------------------------- */
/* Sticky Footer */
#main-wrapper{
background:url(../img/background-body.png) 0px 0px repeat #ECEBE9;
width:100%;
min-height: 100%;
text-align:center;
padding:0px 0;
margin:0px auto;
}
#push{
overflow:auto;
/* Must be same height as the footer */
}
#sticky-wrapper{
position: relative;
margin-top: -210px; /* Negative value of the full footer height */
height: 210px;
clear:both;
}
/* Sticky Footer Opera Fix */
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
/* Wrappers */
#top-wrapper{
background:transparent url(../img/faketop.jpg) no-repeat top center;
width:100%;
height:160px;
text-align:center;
padding:0;
margin:0px auto 0;
}
#content-wrapper{
width:100%;
min-height:230px;
text-align:center;
padding:0px 0;
margin:0px auto;
}
#banner-wrapper{
background:#CCCCCC;
width:100%;
height:390px;
text-align:center;
padding:0px 0;
margin:0px auto;
}
#bottom-wrapper{
background:#51626F;
/* background:#822433; */
width:100%;
height:210px;
text-align:center;
padding:0px 0;
margin:0px auto;
}
/* = 05 Header
----------------------------------------------- */
.header{
background:#FFFFFF;
width:100%;
height:160px;
position:relative;
margin:0px auto;
padding:0px;
border:none;
}
.header-inner{
background:none;
width:980px;
height:125px;
position:relative;
margin:0px auto;
padding:0px 0px 0;
border:none;
}
#header-under{
background:red;
width:100%;
height:35px;
position:relative;
margin:0px auto;
padding:0px;
border:none;
}
/* Logo */
.header-logo{
width:270px;
height:125px;
display:block;
position:relative;
float:left;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.header-logo a{
background:url(../img/logo-bachchoir-new.png) no-repeat 0px 0px;
width:216px;
height:84px;
display:block;
position:relative;
float:left;
margin:25px 0px 0px 22px;
padding:0px;
border:0px none;
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.header-logo a{
background:url(../img/logo-bachchoir-new-retina.png) no-repeat 0px 0px;
background-size: 216px 84px;
}
}
/* People */
.header-people{
width:250px;
height:125px;
display:block;
position:relative;
float:left;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.header-people p{
line-height:18px;
text-align:left;
margin-top:40px;
}
/* Register */
.header-register{
width:460px;
height:40px;
display:block;
position:relative;
float:right;
clear:none;
margin:50px 0px 0px 0px;
padding:0px;
border:0px none;
}
.header-register a.register-button{
background:url(../img/icon-register-header.png) 7px 8px no-repeat;
background-color:#A15b66;
width:auto;
height:25px;
display:block;
position:relative;
float:left;
clear:none;
color:#FFFFFF;
font-size:11px;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
line-height:0.9;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:6px 0px 0px 0px;
padding:9px 9px 8px 28px;
border:0px none;
}
.header-register a.register-button:hover {
background-color:#822433;
opacity:1.0;
}
.header-register a.facebook-button{
background:url(../img/logo-facebook.png) no-repeat 2px 2px;
width:21px;
height:21px;
display:block;
position:relative;
float:left;
clear:none;
margin:8px 0px 0px 5px;
padding:2px;
border:0px none;
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.header-register a.facebook-button{
background:url(../img/logo-facebook-retina.png) no-repeat 2px 2px;
background-size: 21px 21px;
}
}
.header-register a.twitter-button{
background:url(../img/logo-twitter.png) no-repeat 2px 2px;
width:21px;
height:21px;
display:block;
position:relative;
float:left;
clear:none;
margin:8px 0px 0px 5px;
padding:2px;
border:0px none;
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.header-register a.twitter-button{
background:url(../img/logo-twitter-retina.png) no-repeat 2px 2px;
background-size: 21px 21px;
}
}
.header-register a.logo-ace{
background:url(../img/logo-ace-black.png) no-repeat 0px 0px;
width:41px;
height:40px;
display:block;
position:relative;
float:left;
clear:none;
margin:0px 0px 0px 10px;
padding:0px;
border:0px none;
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.header-register a.logo-ace{
background:url(../img/logo-ace-black-retina.png) no-repeat 0px 0px;
background-size: 41px 40px;
}
}
.header-register .search-form{
width:260px;
height:30px;
display:block;
position:relative;
float:left;
clear:none;
margin:4px 0px 0px 5px;
padding:0px;
border:1px solid #CCCCCC;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.header-register .search-form input.search-field{
background:#FFFFFF;
width:121px;
height:26px;
display:block;
position:relative;
float:left;
clear:none;
line-height:26px;
margin:2px 2px 2px 2px;
padding:0px 5px;
border:0px none;
}
.header-register .search-form .search-dropdown{
background:url(../img/button-dropdown.png) 67px 12px no-repeat transparent;
width:87px;
height:30px;
display:block;
position:relative;
float:left;
clear:none;
overflow:hidden;
margin:0px 0px 0px 0px;
padding:0px 0px;
border-left:1px solid #CCCCCC;
}
.header-register .search-form .search-dropdown select{
background:none;
width:125px;
height:26px;
display:block;
position:relative;
float:left;
clear:left;
color:#666666;
line-height:1.0;
margin:1px 0px;
padding:5px 4px;
border:0px none;
}
.header-register .search-form .search-dropdown select option{
background:none;
width:auto;
height:13px;
display:block;
position:relative;
float:left;
clear:left;
line-height:24px;
margin:0px 0px 0px 0px;
padding:6px 4px;
border:0px none;
}
.header-register .search-form input.search-button{
background:url(../img/button-search.png) no-repeat 0px 0px;
background-color:transparent;
width:33px;
height:26px;
display:block;
position:relative;
float:right;
clear:none;
line-height:26px;
margin:2px 2px 2px 0px;
padding:0px;
border:0px none;
opacity: 0.75;
transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-webkit-transition: opacity .1s ease-in-out;
}
.header-register .search-form input.search-button:hover{
opacity:1;
transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-webkit-transition: opacity .1s ease-in-out;
}
/* Navigation */
#stickyribbon{
background:#FFFFFF;
width:100%;
height:34px;
display:block;
position:relative;
z-index:100;
margin:0px auto;
padding:0px 0px 0px;
border-bottom:1px solid #DDDCDA;
display: none;
}
.header-navigation{
background:none;
width:980px;
height:20px;
display:block;
position:relative;
margin:0px auto;
padding:10px 0px 4px;
border:0px none;
}
.header-navigation ul{
width:965px;
height:20px;
display:block;
position:relative;
float:left;
clear:none;
line-height:1.0;
list-style:none;
margin:0px 0px 0px 15px;
padding:0px;
border:0px none;
}
.header-navigation li{
width:auto;
height:auto;
display:block;
position:relative;
float:left;
clear:none;
font-size:13px;
line-height:1.0;
list-style:none;
text-align:center;
text-transform:uppercase;
margin:0px 0px 0px 12px;
padding:0px 0px 0px 12px;
border-left:2px solid #DADFE5;
}
.header-navigation li:nth-child(1){
margin:0px 0px 0px 0px;
padding:0px;
border-left:0px none;
}
.header-navigation li a{
color:#51626F;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
display:block;
}
.header-navigation li a:hover {
color:#822433;
opacity:1;
}
body.home .header-navigation li.home a,
body.page-template-page-about-php .header-navigation li.about a,
body.post-type-archive-news .header-navigation li.news a,
body.single-news .header-navigation li.news a,
body.post-type-archive-concerts .header-navigation li.concerts a,
body.single-concerts .header-navigation li.concerts a,
body.page-template-page-sing-with-us-php .header-navigation li.sing-with-us a,
body.page-id-19 .header-navigation li.outreach a,
body.page-template-page-photos-php .header-navigation li.media a,
body.page-id-21 .header-navigation li.media a,
body.page-id-23 .header-navigation li.media a,
body.page-id-27 .header-navigation li.hire-the-choir a,
body.page-template-page-support-us-php .header-navigation li.support-us a,
body.post-type-archive-shop .header-navigation li.shop a,
body.single-shop .header-navigation li.shop a,
body.page-id-77 .header-navigation li.shop a,
body.page-id-30 .header-navigation li.contact a {
color:#822433;
}
/* Sub Menu */
.header-navigation li ul{
background:#FFFFFF;
height:auto;
width:auto;
position:absolute;
z-index:999;
display:none;
margin:0px 0px 0px -14px;
padding:12px 0px 0px;
border:0px none;
}
.header-navigation li ul li,
.header-navigation li ul li:nth-child(1){
background:#FFFFFF;
width:auto;
height:auto;
display:block;
position:relative;
float:left;
clear:none;
font-size:13px;
line-height:1.0;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
border-left:1px solid #DADFE5;
border-right:1px solid #DADFE5;
}
.header-navigation li ul li:last-child{
border-bottom:1px solid #DADFE5;
}
.header-navigation li ul li a{
color:#51626F;
background:#FFFFFF;
display:block;
margin:6px 11px 11px 11px;
}
ul.about_menu li a{
width:150px;
}
ul.singwithus_menu li a{
width:190px;
}
ul.media_menu li a{
width:80px;
}
ul.supportus_menu li a{
width:160px;
}
ul.shop_menu li a{
width:100px;
}
ul.outreach_menu li a{
width:180px;
}
/* = 07 Content
----------------------------------------------- */
/* = [a] Page Layout Standards
----------------------------------------------- */
/* Main Layout */
.content-container{
width:980px;
height:auto;
position:relative;
margin:0px auto;
padding:0px;
border:none;
}
.page-banner{
background:#FFFFFF;
width:980px;
height:auto;
min-height:320px;
display:block;
position:relative;
z-index:0;
margin:0px 0px 0px 0px;
padding:0px;
border-top:5px solid #51626f;
border-bottom:5px solid #FFFFFF;
}
.page-content{
width:950px;
height:auto;
min-height:200px;
display:block;
position:relative;
z-index:0;
margin:25px 15px 40px;
padding:0px;
border:0px none;
}
/* Columns */
.column-full{
width:950px;
height:auto;
float:left;
clear:none;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.column-left{
width:255px;
height:auto;
float:left;
clear:none;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.column-left.home{
width:625px;
}
.column-left.outreach{
width:655px;
}
.column-right{
width:655px;
height:auto;
float:right;
clear:none;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.column-right.home{
width:285px;
}
.column-right.outreach{
width:255px;
}
/* Sections */
.section{
width:100%;
height:auto;
display:block;
position:relative;
float:left;
clear:left;
margin:0px 0px 30px 0px;
padding:0px;
border-bottom:0px none
}
/* Containers */
.container{
background:#FFFFFF;
width:100%;
height:auto;
min-height:50px;
display:block;
position:relative;
float:left;
margin:0px 0px 0px 0px;
padding:15px 0px 30px;
border-bottom:1px solid #E0DAD8;
}
.container.space{
margin-bottom:30px;
}
.footer-form .container{
background:transparent;
border: none;
}
/* = [b] Page Content Standards
----------------------------------------------- */
.page-content p,
.page-content ul,
.page-content ol{
text-align:left;
margin:0px 15px;
}
.page-content h2{
text-align:left;
padding:0px 15px 10px 15px;
}
.page-content h2.about{
padding-bottom:0px;
}
.page-content table{
width:450px;
padding-left:20px;
display:block;
clear:both;
}
.page-content ul{
margin:0px 20px 10px;
}
.page-content li{
list-style:disc;
padding-left:10px;
margin:0px 20px;
}
.page-content ul ul{
list-style:disc;
padding-top:10px;
opacity:0.8;
}
.page-content ul ul li{
list-style:square;
}
/* Left Navigation */
.column-left ul.navigation{
background-color:#FFFFFF;
width:255px;
height:auto;
display:block;
position:relative;
list-style:none;
margin:0px 0px 30px 0px;
padding:0px 0px 30px;
border-bottom:1px solid #D6CECC;
}
.column-left ul.navigation li{
background-color:#FFFFFF;
width:255px;
height:auto;
min-height:13px;
display:block;
position:relative;
color:#51626F;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:1.2;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 0px 0px;
padding:0px;
border-bottom:1px solid #EFEFEF;
}
.column-left ul.navigation li a{
width:235px;
display:block;
position:relative;
padding:7px 10px;
}
/* = [c] Home
----------------------------------------------- */
.home .page-content p,
.home .page-content ul,
.home .page-content ol{
text-align:left;
margin:0px 15px;
}
.home .page-content h2{
text-align:left;
margin:0px 0px 5px 0px;
padding:0px 15px 10px;
border-bottom:1px solid #EFEFEF;
}
.home .container{
margin-bottom:5px;
padding:0px;
}
/* Carousel */
.banner-container{
background-color:#FFFFFF;
width:100%;
height:390px;
display:block;
position:relative;
z-index:0;
overflow:hidden;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
border:0px none;
}
.banner-container .bluestrip {
background:#51626f;
width:980px;
height:5px;
display:block;
position:relative;
z-index:100;
margin:0px auto;
padding:0px;
border:0px none;
}
html.js ul#carousel {
width:986px;
height:390px;
display:block;
position:relative;
z-index:0;
overflow:hidden;
list-style: none;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
top:-5px;
}
html.js ul#carousel li {
background:#FFFFFF;
width:986px;
height:390px;
display:block;
float:left;
position:relative;
z-index:0;
list-style:none;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
html.js ul#carousel li .item{
width:980px;
height:390px;
display:block;
float:left;
position:relative;
margin:0px 3px;
padding:0px;
border:0px none;
}
html.js ul#carousel li .item a{
width:980px;
height:390px;
display:block;
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
html.js ul#carousel li .item .text-container{
/* background:#496C60; */
background:#822433;
width:auto;
max-width:500px;
height:auto;
display:block;
float:left;
position:absolute;
bottom:20px;
z-index:50;
color:#FFFFFF;
font-family: MillerDisplay, Georgia, "Times New Roman", Times, serif;
font-size:16px;
text-align:left;
text-transform:uppercase;
line-height:1.2em;
margin:0px 0px 0px -12px;
padding:10px 15px;
border:0px none;
}
html.js ul#carousel li .item .text-container p.read-more{
color:#FFFFFF;
text-align:left;
font-size:13px;
margin:5px 0px 0px 0px;
padding:0px;
}
/* Carousel Navigation */
html.js a.prevButton.screen,
html.js a.nextButton.screen{
/*background-color:#FFFFFF;
background-color: rgba(255, 255, 255, 0.8);*/
width:50%;
height:390px;
z-index:20;
display:block !important;
position:absolute;
top:0;
}
html.js a.prevButton.screen {
left: -495px;
text-align:right;
}
html.js a.nextButton.screen {
right: -495px;
text-align:left;
}
html.js a.prevButton.button,
html.js a.nextButton.button{
width:40px;
height:51px;
z-index:100;
display:block !important;
position:absolute;
top:0;
margin-top:170px;
}
html.js a.prevButton.button {
background:url(../img/button-carousel-prev.png) 0px 0px no-repeat;
text-align:right;
left:0px;
}
html.js a.nextButton.button {
background:url(../img/button-carousel-next.png) 0px 0px no-repeat;
text-align:left;
right:0px;
}
/* Latest News */
.section.latest-news .container{
float:right;
width:300px;
min-height:380px;
}
.section.latest-news .container:nth-child(2){
float:left;
}
.section.latest-news a.thumbnail{
background:#CCCCCC;
width:290px;
height:190px;
position:relative;
display:block;
margin:5px 5px 10px;
padding:0px;
border:0px none;
}
.section.latest-news a.thumbnail .date{
background:#FFFFFF;
width:auto;
height:23px;
display:block;
position:relative;
float:left;
clear:both;
opacity:0.7;
color:#51626F;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:14px;
line-height:1.0;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:1px 0px 0px 1px;
padding:7px 8px 8px;
border:0px none;
}
.section.latest-news h2 a{
color:#496C60;
}
.section.latest-news .news-content{
padding-top:5px;
}
.section.latest-news .read-more a{
width:auto;
height:auto;
display:block;
position:relative;
float:left;
clear:both;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:1.0;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 15px 15px;
padding:0px;
border:0px none;
}
/* Featured Release */
.section.featured-release .container{
min-height:190px;
}
.section.featured-release .packshot{
background:#CCCCCC;
width:180px;
height:180px;
position:relative;
display:block;
float:left;
margin:5px 0px 5px 5px;
padding:0px;
border:0px none;
}
.section.featured-release .information{
width:440px;
height:auto;
position:relative;
display:block;
float:left;
margin:10px 0px 5px;
padding:0px;
border:0px none;
}
.section.featured-release .information .performers p {
font-size:12px;
padding: 0 0 5px;
}
.section.featured-release .information h2{
margin-bottom:0px;
border-bottom:0px none;
}
.section.featured-release .information .buy{
width:auto;
height:auto;
margin-left:15px;
float:left;
display:block;
clear:both;
}
.section.featured-release .information .buy+.buy{
margin-left:5px;
clear:none;
}
.section.featured-release .information .buy a{
background:#822433;
width:auto;
height:23px;
display:block;
position:relative;
float:left;
clear:none;
color:#FFFFFF;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:1.0;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 0px 0px;
padding:5px 8px 6px;
border:0px none;
}
.section.featured-release .information .more-details a{
width:auto;
height:auto;
display:block;
position:relative;
float:left;
clear:none;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:1.0;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:5px 8px 6px 15px;
padding:0px;
border:0px none;
}
/* Next Concert */
.section.next-concert .container{
min-height:140px;
}
.section.next-concert .container p.no-concerts{
color:#ffffff;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:14px;
list-style:none;
text-align:center;
text-transform:uppercase;
margin:40px 0px;
padding:0px;
border:0px none;
}
.section.next-concert .container p.date{
color:#51626F;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:1.0;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
border-bottom:1px solid #EFEFEF;
}
.section.next-concert .container .title{
margin:0px 0px 0px 0px;
padding:10px 10px 0px 10px;
border-bottom:0px none;
}
.section.next-concert .container .title a{
color:#496C60;
}
.section.next-concert .container p.venue{
margin:0px 0px 0px 0px;
padding:10px 10px 0px 10px;
border-bottom:0px none;
}
.section.next-concert .container .more-details{
width:auto;
height:13px;
display:inline;
position:relative;
float:left;
clear:both;
color:#FFFFFF;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:1.0;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 5px 0px;
padding:10px 10px 10px 10px;
border-bottom:0px none;
}
/* Media Player */
/*.section.media-player .container{
min-height:430px;
padding-top:6px;
}
.section.media-player .container #audioplayer{
background-color:#FFFFFF !important;
}
.section.media-player .container #audioplayer #audioplayer_jwplayer_display,
.section.media-player .container #audioplayer #audioplayer_jwplayer_display_image{
padding-bottom:5px !important;
}
.section.media-player .container #audioplayer #audioplayer_jwplayer_controlbar{
margin-bottom:-7px !important;
}
.section.media-player .container #audioplayer #audioplayer_jwplayer_playlistcomponent{
bottom:-7px !important;
}
.section.media-player .container #audioplayer #audioplayer_video_wrapper{
display:none;
}*/
/* Register field */
.section.register {
}
.section.register p {
margin: 10px 15px;
padding: 0;
}
.section.register form {
border-top: 1px solid #EFEFEF;
padding: 10px 0;
}
.section.register form .email {
background: #fff;
line-height: 26px;
margin: 2px;
padding: 0 4px;
width: 245px;
height: 25px;
border: 1px solid #ccc;
}
.section.register form .submit {
margin-top: 10px;
}
.section.register form .submit:hover {
opacity: 0.7;
}
/* = [d] About
----------------------------------------------- */
img.bio_image {
float:left;
clear:left;
display:block;
margin:5px 20px 5px 20px;
padding:0px;
border:0px none;
}
/* = [e] News
----------------------------------------------- */
/* Archive Listing */
.container.archives-dropdown select{
background:#FFFFFF;
width:225px;
height:29px;
display:block;
position:relative;
float:left;
clear:left;
color:#822433;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:24px;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 15px 0px 15px;
padding:4px 4px;
border:1px solid #CCCCCC;
}
.container.archives-dropdown select option{
width:auto;
height:13px;
display:block;
position:relative;
float:left;
clear:left;
line-height:24px;
margin:0px 0px 0px 0px;
padding:6px 4px;
border:0px none;
}
/* Headering */
span.archive-name{
display:inline-block;
float:none;
font-size:17px;
opacity:0.5;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.return-to-all{
margin-right:15px;
}
/* Archive */
.container.news-container{
padding-top:0px;
}
.articles{
}
.article{
float:left;
clear:left;
display:block;
margin:5px 0px 0px 0px;
padding:0px;
border:0px none;
border-top:1px solid #EFEFEF;
}
.article:first-child{
margin-top:0px;
padding-top:0px;
border-top:0px none;
}
a.article-thumbnail{
width:290px;
height:190px;
float:left;
clear:left;
display:block;
margin:5px 0px 0px 5px;
padding:0px;
border:0px none;
}
.article-meta{
width:350px;
height:auto;
float:right;
clear:none;
display:block;
margin:10px 0px 0px 0px;
padding:0px;
border:0px none;
}
.article-meta .entry-date{
color:#51626F;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:17px;
list-style:none;
text-align:left;
text-transform:uppercase;
}
.article-meta .entry-title{
}
.article-meta .entry-title a{
color:#496C60;
}
.article-content{
width:350px;
height:auto;
float:right;
clear:right;
display:block;
margin:0px 0px 15px 0px;
padding:0px;
border:0px none;
}
.article-content .read-more a{
width:auto;
height:auto;
display:block;
position:relative;
float:left;
clear:both;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:1.0;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 0px 15px;
padding:0px;
border:0px none;
}
/* Single */
.articles.single .article-meta{
width:655px;
height:auto;
float:right;
clear:both;
display:block;
margin:0px 0px 10px 0px;
padding:0px;
border:0px none;
}
.articles.single .article-meta .entry-date{
color:#51626F;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:17px;
list-style:none;
text-align:left;
text-transform:uppercase;
}
.articles.single .article-meta .entry-title{
color:#496C60;
}
.articles.single img.article-thumbnail-single{
width:290px;
height:auto;
float:left;
clear:left;
display:block;
margin:0px 15px 5px 20px;
padding:0px;
border:0px none;
}
.articles.single .article-content{
width:auto;
height:auto;
display:inline;
float:none;
clear:right;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
/* Sharing */
.sharing{
display:block;
position:relative;
float:right;
clear:both;
margin:20px 20px 0px 0px;
padding:0px;
border:0px none;
}
.sharing .stButton{
width:16px;
height:20px;
display:block;
float:left;
clear:none;
overflow:hidden;
}
/* = [g] Concerts
----------------------------------------------- */
p.no-concerts{
color:#51626F;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:14px;
list-style:none;
text-align:center;
text-transform:uppercase;
margin:40px 0px;
padding:0px;
border:0px none;
}
/* Next Concert */
.container.next-concert{
padding-top:5px;
}
.next-concert a.concert-image{
width:290px;
height:190px;
float:left;
display:block;
clear:none;
margin:0px 0px 0px 5px;
padding:0px;
border:0px none;
}
.next-concert .concert-left{
width:170px;
height:auto;
float:left;
clear:none;
margin:10px 0px 0px 15px;
padding:0px;
border:0px none;
}
.next-concert .concert-left p.date-time{
color:#51626F;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 15px 0px;
}
.next-concert .concert-left p.date-time span{
font-family:"Proxima Nova Regular", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:normal; font-style:normal;
text-transform:none;
}
.next-concert .concert-left a.ticket-link{
background:#822433;
width:auto;
height:25px;
display:block;
float:left;
clear:both;
color:#FFFFFF;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:24px;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 5px 0px;
padding:0px 10px;
border:0px none;
}
.next-concert .concert-left a.more-info{
width:auto;
height:25px;
display:block;
float:left;
clear:both;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:24px;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 5px 0px;
padding:0px 0px;
border:0px none;
}
.next-concert .concert-right{
width:455px;
height:auto;
float:left;
clear:none;
margin:10px 15px 0px 0px;
padding:0px;
border:0px none;
}
.next-concert .concert-right h2{
margin:0px 0px 15px 0px;
padding:0px;
}
.next-concert .concert-right .repertoire,
.next-concert .concert-right .music-meta,
.next-concert .concert-right .performers-meta{
margin-bottom:15px;
}
.next-concert .concert-right p.venue-location{
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
text-transform:uppercase;
font-size:13px;
margin-bottom:13px;
}
.reviews p.venue-location{
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
text-transform:uppercase;
font-size:13px;
margin-bottom:13px;
}
.next-concert .concert-right p,
.next-concert .concert-right ul,
.next-concert .concert-right ol,
.next-concert .concert-right li{
list-style:none;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.next-concert .sharing{
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
/* All Concerts */
.container.all-concerts{
padding-top:5px;
}
.container.all-concerts .concert{
width:950px;
height:auto;
display:block;
float:left;
clear:left;
margin-top:15px;
padding-top:5px;
border-top:1px solid #EFEFEF;
}
.container.all-concerts .concert:nth-child(1){
margin-top:0px;
padding-top:0px;
border:0px none;
}
.all-concerts .concert-date{
width:130px;
height:auto;
float:left;
clear:none;
margin:10px 0px 0px 15px;
padding:0px;
border:0px none;
}
.all-concerts .concert-date p.date-time{
color:#51626F;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 15px 0px;
}
.all-concerts .concert-date p.date-time span{
font-family:"Proxima Nova Regular", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:normal; font-style:normal;
text-transform:none;
}
.all-concerts .concert-title{
width:300px;
height:auto;
float:left;
clear:none;
margin:10px 0px 0px 15px;
padding:0px;
border:0px none;
}
.all-concerts .concert-title h2{
margin:0px 0px 15px 0px;
padding:0px;
}
.all-concerts .concert-title p,
.all-concerts .concert-title ul,
.all-concerts .concert-title ol,
.all-concerts .concert-title li{
list-style:none;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.all-concerts .concert-meta{
width:300px;
height:auto;
float:left;
clear:none;
margin:10px 0px 0px 15px;
padding:0px;
border:0px none;
}
.all-concerts .concert-meta p.venue-location{
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
text-transform:uppercase;
margin-bottom:15px;
font-size:13px;
}
.all-concerts .concert-meta .repertoire,
.all-concerts .concert-meta .music-meta{
margin-bottom:15px;
}
.all-concerts .concert-meta .performers-meta{
margin-bottom:15px;
}
.all-concerts .concert-meta p,
.all-concerts .concert-meta ul,
.all-concerts .concert-meta ol,
.all-concerts .concert-meta li{
list-style:none;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.all-concerts .concert-extra{
width:145px;
height:auto;
float:left;
clear:none;
margin:10px 0px 0px 15px;
padding:0px;
border:0px none;
}
.all-concerts .concert-extra a.ticket-link{
background:#822433;
width:auto;
height:25px;
display:block;
float:right;
clear:both;
color:#FFFFFF;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:14px;
line-height:24px;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 5px 0px;
padding:0px 10px;
border:0px none;
}
.all-concerts .concert-extra a.more-info{
width:auto;
height:25px;
display:block;
float:right;
clear:both;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:24px;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 5px 0px;
padding:0px 0px;
border:0px none;
}
.all-concerts .sharing{
display:block;
float:right;
clear:both;
margin:-15px 15px 0px 0px;
padding:0px;
border:0px none;
}
/* Single */
.single-concerts .anchor{
}
.container.single-concerts .concert{
width:655px;
height:auto;
display:block;
float:left;
clear:left;
}
.single-concerts .concert-date{
width:160px;
height:auto;
float:left;
clear:none;
margin:0px 0px 0px 15px;
padding:0px;
border:0px none;
}
.single-concerts .concert-date p.date-time{
color:#51626F;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 15px 0px;
}
.single-concerts .concert-date p.date-time span{
font-family:"Proxima Nova Regular", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:normal; font-style:normal;
text-transform:none;
}
.single-concerts .concert-date a.ticket-link{
background:#822433;
width:auto;
height:25px;
display:block;
float:left;
clear:both;
color:#FFFFFF;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:24px;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 5px 0px;
padding:0px 10px;
border:0px none;
}
.single-concerts .concert-meta{
width:450px;
height:auto;
float:left;
clear:none;
margin:0px 0px 0px 15px;
padding:0px;
border:0px none;
}
.single-concerts .concert-title{
width:auto;
height:auto;
float:left;
clear:none;
margin:10px 0px 0px 15px;
padding:0px;
border:0px none;
}
.single-concerts h2.concert-title{
margin:0px 0px 15px 0px;
padding:0px;
}
.single-concerts .repertoire,
.single-concerts .music-meta,
.single-concerts .performers-meta{
clear:both;
margin-bottom:15px;
}
.single-concerts .concert-meta p,
.single-concerts .concert-meta ul,
.single-concerts .concert-meta ol,
.single-concerts .concert-meta li
.single-concerts .music-meta p,
.single-concerts .performers-meta p,
.single-concerts .performers-meta ul,
.single-concerts .performers-meta ol,
.single-concerts .performers-meta li{
list-style:none;
clear:both;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.single-concerts p.venue-location{
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
text-transform:uppercase;
display:block;
clear:both;
font-size:13px;
padding-bottom:19px;
}
.single-concerts .concert-meta .sharing{
display:block;
float:right;
clear:both;
margin:0px 0px 10px 0px;
padding:0px;
border:0px none;
}
/* Videos */
.sidebar-videos{
width:255px;
height:auto;
display:block;
position:relative;
float:left;
clear:both;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.sidebar-videos .video-item{
width:215px;
height:auto;
display:block;
position:relative;
float:left;
clear:both;
margin:10px 20px 10px 20px;
padding:0px;
border:0px none;
}
.sidebar-videos .video-item:last-child{
margin-bottom:0px;
}
.sidebar-videos .video-item a{
width:215px;
height:140px;
display:block;
position:relative;
float:left;
clear:both;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.sidebar-videos .video-item a img.thumbnail{
width:215px;
height:140px;
display:block;
position:relative;
float:left;
clear:both;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.sidebar-videos .video-item a img.play{
width:36px;
height:36px;
display:block;
position:absolute;
top:52px;
left:90px;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.sidebar-videos .video-item .video-label{
text-align:left;
}
/* Photos */
.sidebar-photos{
padding-bottom:0px;
}
html.js .sidebar-photos .gallery_wrapper{
width:248px;
height:252px;
display:block;
float:left;
clear:both;
overflow:hidden;
margin:0px 3px 0px 3px;
padding:0px;
border:0px none;
}
.sidebar-photos ul{
width:248px;
height:auto;
overflow:visible;
display:block;
margin:0px 5px 0px 5px;
padding:0px;
border:0px none;
}
html.js .sidebar-photos ul{
width:248px;
height:252px;
overflow:hidden;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.sidebar-photos li{
width:248px;
height:auto;
display:block;
float:left;
clear:none;
list-style:none;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.sidebar-photos li a.image-gallery{
width:120px;
height:80px;
display:block;
float:left;
clear:none;
list-style:none;
margin:2px;
padding:0px;
border:0px none;
}
.sidebar-photos .slider-nav{
display:none;
}
html.js .sidebar-photos .slider-nav{
width:255px;
height:32px;
display:block;
float:left;
clear:both;
margin:0px 0px 0px 0px;
padding:2px 0px 2px;
border:0px none;
}
.sidebar-photos .slider-nav a.sliderNav-left{
background:url(../img/sliderNav-left.png) 2px 6px no-repeat #FFFFFF;
width:19px;
height:32px;
display:block;
float:left;
clear:none;
margin:0px 0px 0px 5px;
padding:0px;
border:0px none;
}
.sidebar-photos .slider-nav a.sliderNav-right{
background:url(../img/sliderNav-right.png) 2px 6px no-repeat #FFFFFF;
width:19px;
height:32px;
display:block;
float:right;
clear:none;
margin:0px 5px 0px 0px;
padding:0px;
border:0px none;
}
/* = [h] Sing With Us
----------------------------------------------- */
/* Application Form */
.form{
width:595px;
height:auto;
display:block;
position:relative;
float:left;
clear:left;
text-align:left;
margin:30px 30px 20px;
padding:0px;
border:0px none;
}
.form-left{
width:225px;
height:auto;
min-height:30px;
display:block;
position:relative;
float:left;
clear:left;
color:#3C3C3C;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:14px;
line-height: 1.2em;
list-style:none;
text-align:left;
text-transform:none;
margin:3px 0px 0px 0px;
padding:0px;
border:0px none;
}
.form-left span{
color:#FF0000;
}
.form-right{
width:360px;
height:auto;
display:block;
position:relative;
float:left;
clear:none;
margin:0px 0px 0px 10px;
padding:0px;
border:0px none;
}
.form input{
background:#FFFFFF;
width:340px;
height:25px;
display:block;
position:relative;
float:left;
clear:left;
font-size: 13px;
line-height:24px;
margin:0px 0px 10px 0px;
padding:0px 4px;
border:1px solid #CCCCCC;
}
.form input.submit_button{
background:#822433;
width:auto;
height:25px;
display:block;
position:relative;
float:left;
clear:left;
opacity:1.0;
color:#FFFFFF;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:24px;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 10px 0px;
padding:0px 10px;
border:1px solid #822433;
transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-webkit-transition: opacity .1s ease-in-out;
}
.form input.submit_button:hover{
opacity:0.7;
transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-webkit-transition: opacity .1s ease-in-out;
}
.form select{
background:#FFFFFF;
width:340px;
height:25px;
display:block;
position:relative;
float:left;
clear:left;
line-height:24px;
margin:0px 0px 10px 0px;
padding:4px 4px;
border:1px solid #CCCCCC;
}
.form select option{
width:auto;
height:13px;
display:block;
position:relative;
float:left;
clear:left;
line-height:24px;
margin:0px 0px 0px 0px;
padding:6px 4px;
border:0px none;
}
.form textarea{
background:#FFFFFF;
width:340px;
height:130px;
min-height:130px;
display:block;
position:relative;
float:left;
clear:left;
line-height:24px;
margin:0px 0px 10px 0px;
padding:0px 4px;
border:1px solid #CCCCCC;
resize:vertical;
}
.form .form-title select{
width:90px;
display:block;
float:left;
clear:none;
}
.form .form-title span.message{
width:185px;
display:block;
float:left;
clear:none;
text-align:right;
line-height:24px;
margin-right:5px;
}
.form .form-title input{
width:60px;
clear:none;
}
.form .form-dob input{
width:25px;
float:left;
clear:none;
margin:0px 10px 0px 0px;
}
.form .form-dob input.year{
width:40px;
margin-bottom:10px;
}
.form .form-occupation input{
margin-bottom:0px;
}
.form .form-occupation span.note{
float:left;
clear:left;
color:#999999;
font-size:11px;
font-weight:normal;
text-transform:none;
line-height:1.2;
margin:2px 0px 10px;
}
/* Form Validation */
.wpcf7-response-output {
background:#EEEEEE;
width:575px;
height:auto;
display:block;
float:left;
clear:both;
color:#666666;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:14px;
line-height:1.2;
list-style:none;
text-align:center;
text-transform:uppercase;
margin:0px 30px 0px 30px;
padding:15px 10px;
border:2px solid #CCCCCC;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
background:#C3F4C4;
width:575px;
height:auto;
display:block;
float:left;
clear:both;
color:#496C60;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:14px;
line-height:1.2;
list-style:none;
text-align:center;
text-transform:uppercase;
margin:0px 30px 0px 30px;
padding:15px 10px;
border:2px solid #496C60;
}
.form-message-ok{
display:none;
}
.hire-form-sent .form-message-ok,
form.wpcf7-form.sent .form-message-ok{
background:#C3F4C4;
width:575px;
height:auto;
display:block;
float:left;
clear:both;
color:#496C60;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:14px;
line-height:1.2;
list-style:none;
text-align:center;
text-transform:uppercase;
margin:0px 0px 30px 0px;
padding:15px 10px;
border:2px solid #496C60;
}
.hire-form-sent .form-message-ok{
margin:0px 15px 30px;
width:890px;
}
.hire-form-sent .form-message-ok.bottom{
margin:30px 15px 0px;
width:890px;
}
span.wpcf7-not-valid-tip{ /* Hide the Ajax tooltips */
display:none !important;
}
.wpcf7-response-output.wpcf7-validation-errors {
background:#FCF4F6;
width:575px;
height:auto;
display:block;
float:left;
clear:both;
color:#822433;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:14px;
line-height:1.2;
list-style:none;
text-align:center;
text-transform:uppercase;
margin:0px 30px 0px 30px;
padding:15px 10px;
border:2px solid #822433;
}
.form-message-invalid{
display:none;
}
.hire-form-error .form-message-invalid,
form.wpcf7-form.invalid .form-message-invalid{
background:#FCF4F6;
width:575px;
height:auto;
display:block;
float:left;
color:#822433;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:14px;
line-height:1.2;
list-style:none;
text-align:center;
text-transform:uppercase;
margin:0px 0px 30px 0px;
padding:15px 10px;
border:2px solid #822433;
}
.hire-form-error .form-message-invalid{
margin:0px 15px 30px;
width:890px;
}
.hire-form-error .form-message-invalid.bottom{
margin:30px 15px 0px;
width:890px;
}
span.wpcf7-not-valid-tip-no-ajax{
display:none !important;
}
.container.hiring-music .form-top input.hire-error,
.container.hiring-music .form-bottom input.hire-error, /* FOR HIRING MUSIC FORM */
form.wpcf7-form.invalid input.wpcf7-validates-as-required,
form.wpcf7-form.invalid textarea.wpcf7-validates-as-required,
form.wpcf7-form.invalid select.wpcf7-validates-as-required{
border:1px solid #822433;
-webkit-box-shadow: 0px 0px 2px 0px #822433;
box-shadow: 0px 0px 2px 0px #822433;
}
/* = [h] Outreach
----------------------------------------------- */
p.supported-by{
font-size:11px;
margin-bottom:4px;
}
p.supported-by-image{
margin-bottom:12px;
}
.column-right.outreach p{
padding-bottom:0px;
}
/* = [i] Media
----------------------------------------------- */
p.no-media{
text-align:center;
margin-top:25px;
}
/* Photos */
.container.photos{
padding-bottom:10px;
}
.container.photos h3.title span{
margin-top:5px;
}
html.js .photo-gallery h3{
margin-bottom:5px;
}
html.js .gallery_wrapper{
width:645px;
height:284px;
display:block;
float:left;
clear:both;
overflow:hidden;
margin:0px 5px 0px 5px;
padding:0px;
border:0px none;
}
.photo-gallery ul{
width:645px;
height:auto;
overflow:visible;
display:block;
margin:0px 5px 0px 5px;
padding:0px;
border:0px none;
}
html.js .photo-gallery ul{
width:645px;
height:284px;
overflow:hidden;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.photo-gallery li{
width:645px;
height:auto;
display:block;
float:left;
clear:none;
list-style:none;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.photo-gallery li a.image-gallery{
width:211px;
height:138px;
display:block;
float:left;
clear:none;
list-style:none;
margin:2px;
padding:0px;
border:0px none;
}
.slider-nav{
display:none;
}
html.js .container.photos .slider-nav{
width:655px;
height:32px;
display:block;
float:left;
clear:both;
margin:0px 0px 0px 0px;
padding:2px 0px 10px;
border:0px none;
}
.slider-nav a.sliderNav-left{
background:url(../img/sliderNav-left.png) 2px 6px no-repeat #FFFFFF;
width:19px;
height:32px;
display:block;
float:left;
clear:none;
margin:0px 0px 0px 5px;
padding:0px;
border:0px none;
}
.slider-nav a.sliderNav-right{
background:url(../img/sliderNav-right.png) 2px 6px no-repeat #FFFFFF;
width:19px;
height:32px;
display:block;
float:right;
clear:none;
margin:0px 5px 0px 0px;
padding:0px;
border:0px none;
}
/* Audio */
.container.audio{
width:627px;
padding:14px 14px 14px 14px;
}
.container.audio .player-wrap{
width:625px;
padding:6px 0px 7px;
border:1px solid #EFEFEF;
}
.container.audio #audioplayer_wrapper object#audioplayer{
}
.container.audio #audioplayer{
background-color:#FFFFFF !important;
}
.container.audio #audioplayer_jwplayer_display,
.container.audio #audioplayer_jwplayer_display_image{
padding-bottom:5px !important;
}
.container.audio #audioplayer_jwplayer_controlbar{
margin-bottom:-7px !important;
}
.container.audio #audioplayer_jwplayer_playlistcomponent{
bottom:-7px !important;
}
.container.audio #audioplayer_video_wrapper{
display:none;
}
/* Video */
.container.videos{
margin:0px 0px 0px 0px;
padding:0px 0px 20px;
border:0px none;
}
.video-seperator{
width:950px;
height:auto;
display:block;
position:relative;
float:right;
clear:left;
margin:0px 0px 0px 0px;
padding:0px;
border-bottom:1px solid #EFEFEF;
}
.container.videos .video-item{
width:210px;
height:auto;
display:block;
position:relative;
float:left;
clear:none;
margin:6px 0px 20px 6px;
padding:0px;
border:0px none;
}
.container.videos .video-item a{
width:210px;
height:140px;
display:block;
position:relative;
float:left;
clear:both;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.container.videos .video-item a img.thumbnail{
width:210px;
height:140px;
display:block;
position:relative;
float:left;
clear:both;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.container.videos .video-item a img.play{
width:36px;
height:36px;
display:block;
position:absolute;
top:52px;
left:90px;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.container.videos .video-item .video-label{
text-align:left;
display:block;
clear:both;
padding-top:4px;
}
/* = [j] Hire The Choir
----------------------------------------------- */
a.download-link{
background:#822433;
width:auto;
height:25px;
display:block;
float:left;
clear:both;
color:#FFFFFF;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:24px;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:20px 0px 0px 20px;
padding:0px 10px;
border:0px none;
}
.container.worked-with{
padding-bottom:0px;
}
.container.worked-with .logos{
margin-top:20px;
border-top:1px solid #EFEFEF;
}
.container.worked-with .logos img{
background:#FFFFFF;
width:117px;
height:80px;
display:block;
float:left;
padding:5px;
border-bottom:1px solid #EFEFEF;
}
.container.worked-with .logos img:nth-child(odd){
border-right:1px solid #EFEFEF;
}
/* = [k] Support Us
----------------------------------------------- */
/* = [l] Shop
----------------------------------------------- */
/* Recordings */
.container.shop{
padding:0px 0px 0px 0px;
}
.shop-item{
float:left;
clear:left;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
border-top:1px solid #EFEFEF;
}
.shop-item img{
width:180px;
height:180px;
float:left;
display:block;
clear:none;
margin:0px 15px 0px 0px;
padding:0px;
border:0px none;
}
.shop-item .item-content{
width:440px;
display:block;
float:right;
margin:10px 0px;
}
.shop-item .item-content h2{
padding-left:0px;
padding-right:0px;
}
.shop-item .item-content p{
margin-left:0px;
margin-right:0px;
}
.shop-item .item-content.buy-links{
display:block;
clear:both;
margin-top:5px;
}
.shop-item .item-content .buy-links a{
background:#822433;
width:auto;
height:25px;
display:block;
float:left;
clear:none;
color:#FFFFFF;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:24px;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 5px 0px 0px;
padding:0px 10px;
border:0px none;
}
/* Hiring Music */
p.no-music{
text-align:center;
margin-top:25px;
}
.container.hiring-music{
padding-bottom:15px;
}
.container.hiring-music .form-top{
width:950px;
height:auto;
display:block;
position:relative;
float:left;
clear:left;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.container.hiring-music .form-top .form-row{
display:block;
position:relative;
float:left;
clear:left;
line-height:1em;
margin:0px 0px 15px 0px;
padding:0px;
border:0px none;
}
.container.hiring-music .form-top .form-row .quantity{
width:80px;
height:auto;
min-height:35px;
display:block;
float:left;
clear:none;
text-align:center;
line-height:1.2em;
margin:0px 0px 0px 15px;
padding:0px;
border:0px none;
}
.container.hiring-music .form-top .form-row .quantity input{
background:#FFFFFF;
width:36px;
height:36px;
display:block;
position:relative;
float:left;
clear:left;
line-height:36px;
text-align:center;
margin:0px 21px;
padding:0px;
border:1px solid #CCCCCC;
}
.container.hiring-music .form-top .form-row .composer{
width:145px;
height:auto;
min-height:35px;
display:block;
float:left;
clear:none;
color:#51626F;
line-height: 1.2em;
text-align:left;
margin:0px 0px 0px 15px;
padding:0px;
border:0px none;
}
.container.hiring-music .form-top .form-row .title{
width:230px;
height:auto;
min-height:35px;
display:block;
float:left;
clear:none;
color:#51626F;
line-height: 1.2em;
text-align:left;
margin:0px 0px 0px 15px;
padding:0px;
border:0px none;
}
.container.hiring-music .form-top .form-row .edition{
width:180px;
height:auto;
min-height:35px;
display:block;
float:left;
clear:none;
color:#51626F;
line-height: 1.2em;
text-align:left;
margin:0px 0px 0px 15px;
padding:0px;
border:0px none;
}
.container.hiring-music .form-top .form-row .score{
width:130px;
height:auto;
min-height:35px;
display:block;
float:left;
clear:none;
color:#51626F;
line-height: 1.2em;
text-align:left;
margin:0px 0px 0px 15px;
padding:0px;
border:0px none;
}
.container.hiring-music .form-top .form-row .available{
width:80px;
height:auto;
min-height:35px;
display:block;
float:left;
clear:none;
color:#51626F;
line-height: 1.2em;
text-align:center;
margin:0px 15px 0px 15px;
padding:0px 0px 5px;
border:0px none;
}
.container.hiring-music .form-top .form-row.top{
color:#51626F;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:17px;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 20px 0px;
padding:0px 0px 5px;
border-bottom:1px solid #EFEFEF;
}
.container.hiring-music .form-bottom{
width:950px;
height:auto;
display:block;
position:relative;
float:left;
clear:left;
margin:15px 0px 0px 0px;
padding:25px 0px 0px 0px;
border-top:1px solid #EFEFEF;
}
.container.hiring-music .form-bottom .bottom-left,
.container.hiring-music .form-bottom .bottom-right{
width:430px;
height:auto;
display:block;
position:relative;
float:left;
clear:none;
margin:0px 20px;
padding:0px;
border:0px none;
}
.container.hiring-music .form-bottom .bottom-right{
float:right;
}
.container.hiring-music .form-bottom .label{
width:80px;
height:auto;
display:block;
position:relative;
float:left;
clear:both;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:27px;
text-align:left;
margin:0px 0px 10px 0px;
padding:0px;
border:0px none;
}
.container.hiring-music .form-bottom .bottom-right .label{
width:65px;
margin-left:15px;
}
.container.hiring-music .form-bottom .label.phone{
line-height:1.0;
}
/*
.container.hiring-music .form-bottom .label.phone,
.container.hiring-music .form-bottom .element.phone{
margin-bottom:20px;
}
*/
.container.hiring-music .form-bottom .element{
width:350px;
height:auto;
display:block;
position:relative;
float:right;
clear:none;
text-align:left;
margin:0px 0px 10px 0px;
padding:0px;
border:0px none;
}
.container.hiring-music .form-bottom input{
background:#FFFFFF;
width:340px;
height:25px;
display:block;
position:relative;
float:left;
clear:left;
line-height:24px;
margin:0px 0px 0px 0px;
padding:0px 4px;
border:1px solid #CCCCCC;
}
.container.hiring-music .form-bottom textarea{
background:#FFFFFF;
width:340px;
/* height:85px; */
height:63px;
display:block;
position:relative;
float:left;
clear:left;
line-height:24px;
margin:0px 0px 0px 0px;
padding:0px 4px;
border:1px solid #CCCCCC;
resize:none;
}
.container.hiring-music .form-bottom input.submit_button{
background:#822433;
width:auto;
height:25px;
display:block;
position:relative;
float:left;
clear:left;
opacity:1.0;
color:#FFFFFF;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:24px;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:10px 0px 0px 0px;
padding:0px 10px;
border:1px solid #822433;
transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-webkit-transition: opacity .1s ease-in-out;
}
.container.hiring-music .form-bottom input.submit_button:hover{
opacity:0.7;
transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-webkit-transition: opacity .1s ease-in-out;
}
.container.hiring-music .form-bottom .ajax-loader{
margin:14px 7px 0px;
}
/* = [m] Contact
----------------------------------------------- */
.contact-item{
width:285px;
height:auto;
display:block;
position:relative;
float:left;
clear:right;
line-height:1.0;
margin:5px 0px 0px 25px;
padding:0px;
border:none;
}
.contact-item p.title{
color:#496C60;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:1.2;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
}
.contact-item p.address{
background:url(../img/icon-contact-address.png) no-repeat 0 2px;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 22px;
}
.contact-item p.phone{
background:url(../img/icon-contact-phone.png) no-repeat 0 1px;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 22px;
}
.contact-item p.email{
background:url(../img/icon-contact-email.png) no-repeat 0 2px;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 22px;
}
.contact-item p.email a{
}
.contact-seperator{
width:950px;
height:auto;
display:block;
position:relative;
float:right;
clear:left;
margin:0px 0px 15px;
padding:0px 0px 20px;
border-bottom:1px solid #EFEFEF;
}
/* = [n] Insights
----------------------------------------------- */
/* Login */
.insights-login{
width:595px;
height:auto;
display:block;
position:relative;
float:left;
clear:left;
margin:30px 0px 30px 30px;
padding:0px;
border:0px none;
}
.insights-login .label{
width:225px;
height:70px;
display:block;
position:relative;
float:left;
clear:none;
text-align:right;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
line-height:27px;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.insights-login .form{
width:360px;
height:70px;
display:block;
position:relative;
float:right;
clear:none;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
/* Archive - See News */
/* Single - See News */
/* = [o] Search
----------------------------------------------- */
p.no-results{
text-align:center;
margin-top:25px;
}
/* Sidebar */
ul.search-menu{
}
.column-left ul.search-menu{
background-color:#FFFFFF;
width:255px;
height:auto;
display:block;
position:relative;
list-style:none;
margin:0px 0px 30px 0px;
padding:0px 0px 30px;
border-bottom:1px solid #D6CECC;
}
.column-left ul.search-menu li{
background-color:#FFFFFF;
width:255px;
height:auto;
min-height:13px;
display:block;
position:relative;
font-size:14px;
line-height:1.2;
list-style:none;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px;
border-bottom:1px solid #D6CECC;
}
.column-left ul.search-menu li span{
width:235px;
display:block;
position:relative;
padding:7px 10px;
}
.column-left ul.search-menu li a{
width:235px;
display:block;
position:relative;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
text-transform:uppercase;
padding:7px 10px;
}
/* Concerts */
.container.single-concerts.search-concerts .concert{
width:655px;
height:auto;
display:block;
float:left;
clear:left;
margin-top:15px;
padding-top:15px;
border-top:1px solid #EFEFEF;
}
.container.single-concerts.search-concerts .concert:nth-child(1){
margin-top:0px;
padding-top:0px;
border:0px none;
}
.container.single-concerts.search-concerts .concert a.more-info{
width:auto;
height:25px;
display:block;
float:left;
clear:both;
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
font-size:13px;
line-height:24px;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 5px 0px;
padding:0px 0px;
border:0px none;
}
/* News */
.container.search-news .article-meta,
.container.search-news .article-content{
width:655px;
}
/* = [p] Extras
----------------------------------------------- */
/* Register */
.form.register .form-left{
color:#3C3C3C;
text-align:right;
text-transform:none;
}
/* Privacy Policy */
/* T&Cs */
/* Cookies */
/* = [p] 404
----------------------------------------------- */
/* = 05 Footer
----------------------------------------------- */
.footer{
width:950px;
height:190px;
display:block;
position:relative;
overflow:hidden;
color:#FFFFFF;
margin:0px auto;
padding:20px 15px 0px;
border:none;
}
.footer a,
.footer a:hover,
.footer a:active,
.footer a:visited,
.footer p,
.footer ul,
.footer li{
color:#FFFFFF;
text-align:left;
}
/* Navigation */
.footer-navigation{
width:880px;
height:20px;
display:block;
position:relative;
float:left;
clear:both;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.footer-navigation ul{
width:880px;
height:20px;
display:block;
position:relative;
float:left;
clear:none;
line-height:1.0;
list-style:none;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.footer-navigation li{
width:auto;
height:auto;
display:block;
position:relative;
float:left;
clear:none;
font-size:11px;
line-height:1.0;
list-style:none;
text-align:center;
text-transform:uppercase;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 10px;
/* border-left:1px solid #A76570; */
border-left:1px solid #637D8C;
}
.footer-navigation li:nth-child(1){
margin:0px 0px 0px 0px;
padding:0px;
border-left:0px none;
}
.footer-navigation li a{
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
}
.footer-form {
float: left;
width: 100%;
background-color: #8e1733;
padding-top: 30px;
color: white;
}
.footer-form p {
width: 100%;
text-align: center;
font-weight: bold;
color: white;
text-transform:uppercase;
}
.footer-form form {
max-width: 400px;
margin: auto;
width: 100%;
margin-bottom: 20px;
display: inline-block;
}
.footer-form form .form-left{
width: auto;
color: white;
padding-top: 1.2rem;
}
.footer-form form .form-right {
width: auto;
height: auto;
display: block;
position: relative;
float: left;
clear: none;
margin: 0px 0px 0px 10px;
padding: 10px;
border: 0px none;
}
.footer-form form input[type="email"] {
padding: 9px;
}
.footer-form form input[type="submit"] {
background-color: #4c6270;
color: white;
padding: 10px;
border: none;
}
/* Credit */
.footer-credit{
width:50px;
height:20px;
display:block;
position:relative;
float:right;
clear:none;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.footer-credit a.logo-wlp{
background:url(../img/logo-wlp.png) no-repeat 0px 0px;
width:49px;
height:15px;
display:block;
position:relative;
float:right;
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.footer-credit a.logo-wlp{
background:url(../img/logo-wlp-retina.png) no-repeat 0px 0px;
background-size: 49px 15px;
}
}
.footer-bottom{
width:950px;
height:130px;
display:block;
position:relative;
float:left;
clear:left;
margin:25px 0px 0px 0px;
padding:0px;
border:0px none;
}
/* Menus */
.footer-menu{
width:160px;
height:130px;
display:block;
position:relative;
float:left;
clear:none;
margin:0px 10px 0px 0px;
padding:0px;
border:0px none;
}
.footer-menu ul{
width:auto;
height:auto;
display:block;
position:relative;
float:left;
clear:none;
line-height:1.0;
list-style:none;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.footer-menu li{
width:auto;
height:auto;
display:block;
position:relative;
float:left;
clear:left;
font-size:11px;
line-height:1.0;
list-style:none;
text-align:left;
text-transform:uppercase;
margin:0px 0px 4px 0px;
padding:3px 0px 3px 22px;
border:0px none;
}
.footer-menu li.insights-login{ background:url(../img/icon-insights.png) 0px 2px no-repeat; }
.footer-menu li.members-login{ background:url(../img/icon-members.png) 0px 0px no-repeat; }
.footer-menu li.register{ background:url(../img/icon-register.png) 0px 3px no-repeat; }
.footer-menu li.facebook{ background:url(../img/icon-facebook.png) 0px 1px no-repeat; }
.footer-menu li.twitter{ background:url(../img/icon-twitter.png) 0px 1px no-repeat; }
.footer-menu li.privacy-policy,
.footer-menu li.terms-and-conditions,
.footer-menu li.cookies{ background:url(../img/icon-legals.png) 5px 1px no-repeat; }
.footer-menu li a{
font-family:"Proxima Nova Bold", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal;
}
/* Right */
.footer-right{
width:440px;
height:auto;
display:block;
position:relative;
float:right;
clear:none;
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.footer-right p{
margin:0px 0px 0px 0px;
padding:0px;
border:0px none;
}
.footer-right a.logo-ace{
background:url(../img/logo-ace-white.png) no-repeat 0px 0px;
width:262px;
height:59px;
display:block;
position:relative;
float:left;
clear:both;
margin:10px 0px 0px 0px;
padding:0px;
border:0px none;
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.footer-right a.logo-ace{
background:url(../img/logo-ace-white-retina.png) no-repeat 0px 0px;
background-size: 262px 59px;
}
}