diff --git a/assets/sass/partials/_navigation.sass b/assets/sass/partials/_navigation.sass index a78b319..627f37a 100755 --- a/assets/sass/partials/_navigation.sass +++ b/assets/sass/partials/_navigation.sass @@ -1,10 +1,10 @@ #nav margin-bottom: 20px - + ul list-style: none text-align: center - + .nav_item display: inline-block background: none @@ -12,7 +12,7 @@ border-bottom: 3px solid rgba($main-color, 0) border-radius: none +transition(border-color, 200ms) - + a display: block +size(100% 100%) @@ -22,9 +22,10 @@ font-size: 32px font-weight: 600 +transition(color, 200ms) - + &:hover + background-color: none border-color: rgba($main-color, 1) - + a color: $main-color diff --git a/public/css/main.css b/public/css/main.css index 901be52..5a8120f 100755 --- a/public/css/main.css +++ b/public/css/main.css @@ -1,665 +1 @@ -/*! normalize.sass v3.0.2 | MIT License | git.io/normalize */ -/* Compiled to sass by Greg from Field Protocol */ -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. */ -html { - font-family: sans-serif; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ } - -/** - * Remove default margin. */ -body { - margin: 0; } - -/* HTML5 display definitions - * ========================================================================== */ -/** - * Correct `block` display not defined for any HTML5 element in IE 8/9. - * Correct `block` display not defined for `details` or `summary` in IE 10/11 - * and Firefox. - * Correct `block` display not defined for `main` in IE 11. */ -article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { - display: block; } - -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ -audio, canvas, progress, video { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ } - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. */ -audio:not([controls]) { - display: none; - height: 0; } - -/** - * Address `[hidden]` styling not present in IE 8/9/10. - * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ -[hidden], template { - display: none; } - -/* Links - * ========================================================================== */ -/** - * Remove the gray background color from active links in IE 10. */ -a { - background-color: transparent; } - a:active, a:hover { - outline: 0; } - -/** - * Improve readability when focused and also mouse hovered in all browsers. */ -/* Text-level semantics - * ========================================================================== */ -/** - * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ -abbr[title] { - border-bottom: 1px dotted; } - -/** - * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ -b, strong { - font-weight: bold; } - -/** - * Address styling not present in Safari and Chrome. */ -dfn { - font-style: italic; } - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. */ -h1 { - font-size: 2em; - margin: 0.67em 0; } - -/** - * Address styling not present in IE 8/9. */ -mark { - background: #ff0; - color: #000; } - -/** - * Address inconsistent and variable font size in all browsers. */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ -sub { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; - top: -0.5em; } - -sub { - bottom: -0.25em; } - -/* Embedded content - * ========================================================================== */ -/** - * Remove border when inside `a` element in IE 8/9/10. */ -img { - border: 0; } - -/** - * Correct overflow not hidden in IE 9/10/11. */ -svg:not(:root) { - overflow: hidden; } - -/* Grouping content - * ========================================================================== */ -/** - * Address margin not present in IE 8/9 and Safari. */ -figure { - margin: 1em 40px; } - -/** - * Address differences between Firefox and other browsers. */ -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; } - -/** - * Contain overflow in all browsers. */ -pre { - overflow: auto; } - -/** - * Address odd `em`-unit font size rendering in all browsers. */ -code, kbd, pre, samp { - font-family: monospace, monospace; - font-size: 1em; } - -/* Forms - * ========================================================================== */ -/** - * Known limitation: by default, Chrome and Safari on OS X allow very limited - * styling of `select`, unless a `border` property is set. */ -/** - * 1. Correct color not being inherited. - * Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ -button, input, optgroup, select, textarea { - color: inherit; - /* 1 */ - font: inherit; - /* 2 */ - margin: 0; - /* 3 */ } - -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. */ -button { - overflow: visible; - text-transform: none; } - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. - * Correct `select` style inheritance in Firefox. */ -select { - text-transform: none; } - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. */ -button, html input[type="button"] { - -webkit-appearance: button; - /* 2 */ - cursor: pointer; - /* 3 */ } - -input[type="reset"], input[type="submit"] { - -webkit-appearance: button; - /* 2 */ - cursor: pointer; - /* 3 */ } - -/** - * Re-set default cursor for disabled elements. */ -button[disabled], html input[disabled] { - cursor: default; } - -/** - * Remove inner padding and border in Firefox 4+. */ -button::-moz-focus-inner { - border: 0; - padding: 0; } - -input { - line-height: normal; } - input::-moz-focus-inner { - border: 0; - padding: 0; } - input[type="checkbox"], input[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ } - input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { - height: auto; } - input[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - /* 2 */ - box-sizing: content-box; } - input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. */ -/** - * It's recommended that you don't attempt to style these elements. - * Firefox's implementation doesn't respect box-sizing, padding, or width. - * - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. */ -/** - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. */ -/** - * 1. Address `appearance` set to `searchfield` in Safari and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari and Chrome - * (include `-moz` to future-proof). */ -/** - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). */ -/** - * Define consistent border, margin, and padding. */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 1. Correct `color` not being inherited in IE 8/9/10/11. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ -legend { - border: 0; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Remove default vertical scrollbar in IE 8/9/10/11. */ -textarea { - overflow: auto; } - -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ -optgroup { - font-weight: bold; } - -/* Tables - * ========================================================================== */ -/** - * Remove most spacing between table cells. */ -table { - border-collapse: collapse; - border-spacing: 0; } - -td, th { - padding: 0; } - -@font-face { - font-family: "Open Sans"; - font-style: normal; - font-weight: 400; - src: local("Open Sans"), local("OpenSans"), url(//themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff"); } -* { - margin: 0px; - padding: 0px; - font-family: "Open Sans", sans-serif; - font-size: 14px; } - -html { - width: 100%; - height: -webkit-calc(100% - 200px); - height: calc(100% - 200px); } - -body { - height: auto; - width: 100%; - height: 100%; } - -#wrapper { - height: auto; - width: 100%; - min-height: 100%; - margin-bottom: 200px; - padding-bottom: 50px; - background: url(/img/bg2.jpg) no-repeat center center fixed; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; } - -#header { - display: block; - padding: -10px 0; - text-align: center; } - -/* Box shadow styles used for material design */ -.shadow-0 { - border: 1px solid #eee; } - -.shadow-1 { - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); } - -.shadow-2 { - box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); } - -.shadow-3 { - box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24); } - -.shadow-4 { - box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22); } - -.shadow-5 { - box-shadow: 0 40px 77px 0 rgba(0, 0, 0, 0.22), 0 27px 24px 0 rgba(0, 0, 0, 0.2); } - -#header .band-logo { - width: 100%; - max-width: 600px; } - -#nav { - margin-bottom: 20px; } - #nav ul { - list-style: none; - text-align: center; } - #nav ul .nav_item { - display: inline-block; - background: none; - border: none; - border-bottom: 3px solid rgba(229, 20, 0, 0); - border-radius: none; - -webkit-transition: border-color, 200ms; - -moz-transition: border-color, 200ms; - transition: border-color, 200ms; } - #nav ul .nav_item a { - display: block; - height: 100%; - width: 100%; - padding: 5px 14px; - text-decoration: none; - color: #fff; - font-size: 32px; - font-weight: 600; - -webkit-transition: color, 200ms; - -moz-transition: color, 200ms; - transition: color, 200ms; } - #nav ul .nav_item:hover { - border-color: #e51400; } - #nav ul .nav_item:hover a { - color: #e51400; } - -#footer { - position: fixed; - bottom: 0; - left: 0; - width: 100%; - background: white; - margin: 0; - padding: 10px 15px; - z-index: -9999999; } - #footer .column-info { - text-align: center; } - #footer .column-info p { - font-size: 18px; - font-weight: bold; - text-decoration: underline; } - #footer .column-info ul { - list-style: none; } - #footer .column-info ul a { - text-decoration: none; - color: #212121; - -webkit-transition: all, 200ms; - -moz-transition: all, 200ms; - transition: all, 200ms; } - #footer .column-info ul a:hover { - color: #e51400; } - #footer .copyright p { - color: #212121; - text-align: center; } - #footer .copyright hr { - border-color: #bbb; } - #footer .mailing-list p { - color: #212121; } - -.card { - display: block; - height: auto; - margin-bottom: 15px; - padding: 15px 10px; - background: white; } - .card.hover-box { - -webkit-transition: box-shadow, 200ms; - -moz-transition: box-shadow, 200ms; - transition: box-shadow, 200ms; } - .card.hover-box:hover { - box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); } - .card .underline { - text-decoration: underline; } - .card input[type=text] { - background: none; - border: none; - outline: none; } - .card .input-group { - position: relative; - display: block; - width: 100%; - margin: 20px auto 10px; } - .card .input-group input { - display: inline-block; - width: 100%; - padding: 10px 0; - border-bottom: solid 2px #e51400; - color: #191919; - font-size: 16px; } - .card .input-group input:focus, .card .input-group input:active { - outline: none; } - .card .input-group label { - position: absolute; - top: 50%; - left: 0; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - transform: translateY(-50%); - font-style: italic; - font-size: 16px; - color: #999; - pointer-events: none; - -webkit-transition: all, 200ms ease-out 0s; - -moz-transition: all, 200ms ease-out 0s; - transition: all, 200ms ease-out 0s; } - .card .input-group input:focus + label, - .card .input-group input.has-value + label { - top: -5px; - font-size: 12px; - color: #e51400; } - -.full-width { - width: 100%; } - -#about-header { - margin-bottom: 25px; - padding-bottom: 15px; - background: white; } - #about-header img { - position: absolute; - top: 0; - left: 0; - height: 480px; - width: 100%; - /*+filter(blur(2px)) */ } - #about-header .about-band { - margin-top: 405px; } - #about-header h2 { - margin-bottom: 20px; - color: white; } - #about-header p { - color: #212121; } - -#about-content section a { - display: block; - position: absolute; - top: 0; - left: 15px; - width: -webkit-calc(100% - 30px); - width: calc(100% - 30px); - height: -webkit-calc(100% - 20px); - height: calc(100% - 20px); - border-radius: 5px; - text-decoration: none; - -webkit-transition: all, 300ms ease-in; - -moz-transition: all, 300ms ease-in; - transition: all, 300ms ease-in; } -#about-content section h3, -#about-content section h4, -#about-content section p { - color: #212121; } -#about-content section:hover a { - background: rgba(0, 0, 0, 0.15); } -#about-content section hr { - border-color: #bbb; } - -#contact-header { - text-align: center; } - #contact-header h1 { - color: white; - font-size: 34px; - font-weight: bold; } - -#contact-info .card { - max-width: 680px; - margin-top: 15px; - padding-top: 20px; - padding-bottom: 20px; - background: #f0f0f0; } - #contact-info .card hr { - border-color: #666; } - #contact-info .card a, - #contact-info .card p, - #contact-info .card h3 { - text-align: center; - font-size: 20px; } - #contact-info .card p { - padding: 5px; - color: #212121; } - #contact-info .card a { - color: darkred; - text-decoration: none; - -webkit-transition: color 200ms ease-in-out; - -moz-transition: color 200ms ease-in-out; - transition: color 200ms ease-in-out; } - #contact-info .card a:hover { - color: red; } - #contact-info .card h3 { - margin-bottom: 15px; } - -#featured { - height: auto; - margin: 0 auto 20px; - padding: 5px; - background: none; } - #featured .hover-box { - -webkit-transition: all, 200ms; - -moz-transition: all, 200ms; - transition: all, 200ms; } - #featured .hover-box:hover { - box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); } - #featured div { - margin-bottom: 25px; } - #featured div a { - display: block; - width: 100%; - margin-left: auto; - margin-right: auto; } - #featured div img { - width: 100%; } - -#wrapper-home { - display: block; - min-height: 300px; - padding: 0; } - #wrapper-home .content { - margin: 0; - padding: 0; } - #wrapper-home .actions #mailing-list p { - margin-bottom: 7px; - text-align: center; } - -#music-header { - text-align: center; } - #music-header h1 { - color: white; - font-size: 34px; - font-weight: bold; } - -#music-list-section .music-list { - position: relative; - -webkit-transition: background, 200ms; - -moz-transition: background, 200ms; - transition: background, 200ms; } - #music-list-section .music-list:hover { - cursor: pointer; - background: #f0f0f0; } -#music-list-section .music-list-header { - margin: 10px 0; } - -.now-playing-list, -.music-list ol { - margin-left: 15px; - margin-right: 15px; - color: #212121; } - .now-playing-list li, - .music-list ol li { - -webkit-transition: background, 200ms; - -moz-transition: background, 200ms; - transition: background, 200ms; } - .now-playing-list li:hover, - .music-list ol li:hover { - background: #f0f0f0; } - .now-playing-list li:hover a, - .music-list ol li:hover a { - color: #e51400; } - .now-playing-list li.selected, - .music-list ol li.selected { - background: #e0e0e0; } - .now-playing-list li, - .now-playing-list a, - .music-list ol li, - .music-list ol a { - display: block; - height: 100%; - width: 100%; - padding: 8px 5px; - color: #212121; - text-decoration: none; - -webkit-transition: color, 200ms; - -moz-transition: color, 200ms; - transition: color, 200ms; } - -.shows-header { - margin-top: -20px; - margin-bottom: 20px; - text-align: center; } - .shows-header h3 { - color: #fff; - font-size: 26px; - font-weight: bold; } - -#shows-table { - margin-top: 20px; } - #shows-table tr { - border-bottom: 1px solid rgba(153, 153, 153, 0.4); } - #shows-table tr:last-child { - border-bottom: none; } - #shows-table tr td { - vertical-align: middle; - border: none; } - #shows-table tr td p, - #shows-table tr td a { - font-size: 18px; - color: white; } - #shows-table tr td a { - font-weight: 600; - text-decoration: underline; - -webkit-transition: all, 200ms ease-in; - -moz-transition: all, 200ms ease-in; - transition: all, 200ms ease-in; } - #shows-table tr td a:hover { - color: #e51400; } +/*! normalize.sass v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible;text-transform:none}select{text-transform:none}button,html input[type="button"]{-webkit-appearance:button;cursor:pointer}input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input::-moz-focus-inner{border:0;padding:0}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url(//themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff")}*{margin:0px;padding:0px;font-family:"Open Sans",sans-serif;font-size:14px}html{width:100%;height:-webkit-calc(100% - 200px);height:calc(100% - 200px)}body{height:auto;width:100%;height:100%}#wrapper{height:auto;width:100%;min-height:100%;margin-bottom:200px;padding-bottom:50px;background:url(/img/bg2.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#header{display:block;padding:-10px 0;text-align:center}.shadow-0{border:1px solid #eee}.shadow-1{box-shadow:0 2px 10px 0 rgba(0,0,0,0.16),0 2px 5px 0 rgba(0,0,0,0.26)}.shadow-2{box-shadow:0 6px 20px 0 rgba(0,0,0,0.19),0 8px 17px 0 rgba(0,0,0,0.2)}.shadow-3{box-shadow:0 17px 50px 0 rgba(0,0,0,0.19),0 12px 15px 0 rgba(0,0,0,0.24)}.shadow-4{box-shadow:0 25px 55px 0 rgba(0,0,0,0.21),0 16px 28px 0 rgba(0,0,0,0.22)}.shadow-5{box-shadow:0 40px 77px 0 rgba(0,0,0,0.22),0 27px 24px 0 rgba(0,0,0,0.2)}#header .band-logo{width:100%;max-width:600px}#nav{margin-bottom:20px}#nav ul{list-style:none;text-align:center}#nav ul .nav_item{display:inline-block;background:none;border:none;border-bottom:3px solid rgba(229,20,0,0);border-radius:none;-webkit-transition:border-color,200ms;-moz-transition:border-color,200ms;transition:border-color,200ms}#nav ul .nav_item a{display:block;height:100%;width:100%;padding:5px 14px;text-decoration:none;color:#fff;font-size:32px;font-weight:600;-webkit-transition:color,200ms;-moz-transition:color,200ms;transition:color,200ms}#nav ul .nav_item:hover{background-color:none;border-color:#e51400}#nav ul .nav_item:hover a{color:#e51400}#footer{position:fixed;bottom:0;left:0;width:100%;background:#fff;margin:0;padding:10px 15px;z-index:-9999999}#footer .column-info{text-align:center}#footer .column-info p{font-size:18px;font-weight:bold;text-decoration:underline}#footer .column-info ul{list-style:none}#footer .column-info ul a{text-decoration:none;color:#212121;-webkit-transition:all,200ms;-moz-transition:all,200ms;transition:all,200ms}#footer .column-info ul a:hover{color:#e51400}#footer .copyright p{color:#212121;text-align:center}#footer .copyright hr{border-color:#bbb}#footer .mailing-list p{color:#212121}.card{display:block;height:auto;margin-bottom:15px;padding:15px 10px;background:#fff}.card.hover-box{-webkit-transition:box-shadow,200ms;-moz-transition:box-shadow,200ms;transition:box-shadow,200ms}.card.hover-box:hover{box-shadow:0 6px 20px 0 rgba(0,0,0,0.19),0 8px 17px 0 rgba(0,0,0,0.2)}.card .underline{text-decoration:underline}.card input[type=text]{background:none;border:none;outline:none}.card .input-group{position:relative;display:block;width:100%;margin:20px auto 10px}.card .input-group input{display:inline-block;width:100%;padding:10px 0;border-bottom:solid 2px #e51400;color:#191919;font-size:16px}.card .input-group input:focus,.card .input-group input:active{outline:none}.card .input-group label{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-style:italic;font-size:16px;color:#999;pointer-events:none;-webkit-transition:all,200ms ease-out 0s;-moz-transition:all,200ms ease-out 0s;transition:all,200ms ease-out 0s}.card .input-group input:focus+label,.card .input-group input.has-value+label{top:-5px;font-size:12px;color:#e51400}.full-width{width:100%}#about-header{margin-bottom:25px;padding-bottom:15px;background:#fff}#about-header img{position:absolute;top:0;left:0;height:480px;width:100%}#about-header .about-band{margin-top:405px}#about-header h2{margin-bottom:20px;color:#fff}#about-header p{color:#212121}#about-content section a{display:block;position:absolute;top:0;left:15px;width:-webkit-calc(100% - 30px);width:calc(100% - 30px);height:-webkit-calc(100% - 20px);height:calc(100% - 20px);border-radius:5px;text-decoration:none;-webkit-transition:all,300ms ease-in;-moz-transition:all,300ms ease-in;transition:all,300ms ease-in}#about-content section h3,#about-content section h4,#about-content section p{color:#212121}#about-content section:hover a{background:rgba(0,0,0,0.15)}#about-content section hr{border-color:#bbb}#contact-header{text-align:center}#contact-header h1{color:#fff;font-size:34px;font-weight:bold}#contact-info .card{max-width:680px;margin-top:15px;padding-top:20px;padding-bottom:20px;background:#f0f0f0}#contact-info .card hr{border-color:#666}#contact-info .card a,#contact-info .card p,#contact-info .card h3{text-align:center;font-size:20px}#contact-info .card p{padding:5px;color:#212121}#contact-info .card a{color:darkred;text-decoration:none;-webkit-transition:color 200ms ease-in-out;-moz-transition:color 200ms ease-in-out;transition:color 200ms ease-in-out}#contact-info .card a:hover{color:red}#contact-info .card h3{margin-bottom:15px}#featured{height:auto;margin:0 auto 20px;padding:5px;background:none}#featured .hover-box{-webkit-transition:all,200ms;-moz-transition:all,200ms;transition:all,200ms}#featured .hover-box:hover{box-shadow:0 6px 20px 0 rgba(0,0,0,0.19),0 8px 17px 0 rgba(0,0,0,0.2)}#featured div{margin-bottom:25px}#featured div a{display:block;width:100%;margin-left:auto;margin-right:auto}#featured div img{width:100%}#wrapper-home{display:block;min-height:300px;padding:0}#wrapper-home .content{margin:0;padding:0}#wrapper-home .actions #mailing-list p{margin-bottom:7px;text-align:center}#music-header{text-align:center}#music-header h1{color:#fff;font-size:34px;font-weight:bold}#music-list-section .music-list{position:relative;-webkit-transition:background,200ms;-moz-transition:background,200ms;transition:background,200ms}#music-list-section .music-list:hover{cursor:pointer;background:#f0f0f0}#music-list-section .music-list-header{margin:10px 0}.now-playing-list,.music-list ol{margin-left:15px;margin-right:15px;color:#212121}.now-playing-list li,.music-list ol li{-webkit-transition:background,200ms;-moz-transition:background,200ms;transition:background,200ms}.now-playing-list li:hover,.music-list ol li:hover{background:#f0f0f0}.now-playing-list li:hover a,.music-list ol li:hover a{color:#e51400}.now-playing-list li.selected,.music-list ol li.selected{background:#e0e0e0}.now-playing-list li,.now-playing-list a,.music-list ol li,.music-list ol a{display:block;height:100%;width:100%;padding:8px 5px;color:#212121;text-decoration:none;-webkit-transition:color,200ms;-moz-transition:color,200ms;transition:color,200ms}.shows-header{margin-top:-20px;margin-bottom:20px;text-align:center}.shows-header h3{color:#fff;font-size:26px;font-weight:bold}#shows-table{margin-top:20px}#shows-table tr{border-bottom:1px solid rgba(153,153,153,0.4)}#shows-table tr:last-child{border-bottom:none}#shows-table tr td{vertical-align:middle;border:none}#shows-table tr td p,#shows-table tr td a{font-size:18px;color:#fff}#shows-table tr td a{font-weight:600;text-decoration:underline;-webkit-transition:all,200ms ease-in;-moz-transition:all,200ms ease-in;transition:all,200ms ease-in}#shows-table tr td a:hover{color:#e51400}