Created
October 18, 2016 15:10
-
-
Save pdr/2132dcf089edb0330fd5ea35f6696f48 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* http://meyerweb.com/eric/tools/css/reset/ | |
v2.0 | 20110126 | |
License: none (public domain) | |
*/ | |
html, body, div, span, applet, object, iframe, | |
h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
a, abbr, acronym, address, big, cite, code, | |
del, dfn, em, img, ins, kbd, q, s, samp, | |
small, strike, strong, sub, sup, tt, var, | |
b, u, i, center, | |
dl, dt, dd, ol, ul, li, | |
fieldset, form, label, legend, | |
table, caption, tbody, tfoot, thead, tr, th, td, | |
article, aside, canvas, details, embed, | |
figure, figcaption, footer, header, hgroup, | |
menu, nav, output, ruby, section, summary, | |
time, mark, audio, video { | |
margin: 0; | |
padding: 0; | |
border: 0; | |
font-size: 100%; | |
font: inherit; | |
vertical-align: baseline; | |
} | |
/* HTML5 display-role reset for older browsers */ | |
article, aside, details, figcaption, figure, | |
footer, header, hgroup, menu, nav, section { | |
display: block; | |
} | |
body { | |
line-height: 1; | |
} | |
ol, ul { | |
list-style: none; | |
} | |
blockquote, q { | |
quotes: none; | |
} | |
blockquote:before, blockquote:after, | |
q:before, q:after { | |
content: ''; | |
content: none; | |
} | |
table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
} | |
/* dropkick */ | |
.dk-select, .dk-select *, .dk-select *:before, .dk-select *:after, .dk-select-multi, .dk-select-multi *, .dk-select-multi *:before, .dk-select-multi *:after { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; } | |
.dk-select, .dk-select-multi { | |
position: relative; | |
display: block; | |
vertical-align: middle; | |
text-align: left; | |
line-height: 53px; | |
cursor: pointer; } | |
.dk-selected { color:#28200a; | |
width: 100%; | |
white-space: nowrap; | |
overflow: hidden; | |
position: relative; | |
background-color: white; | |
border: 1px solid #dcd8cf; | |
padding: 0 12px; | |
font-size: 15px; | |
-o-text-overflow: ellipsis; | |
text-overflow: ellipsis; } | |
.dk-selected:before { | |
content: ''; | |
display: block; | |
position: absolute; | |
right: 15px; | |
top: 50%; | |
margin-top: -3px; | |
width: 0; | |
height: 0; | |
border: 6px solid transparent; | |
border-top-color: #28200a; | |
} | |
.dk-selected-disabled { | |
color: #BBBBBB; } | |
.dk-select .dk-select-options { | |
position: absolute; | |
display: none; | |
left: 0; } | |
.dk-select-open-up .dk-select-options { | |
border-radius: 1px 1px 0 0; | |
margin-bottom: -1px; | |
bottom: 100%; } | |
.dk-select-open-down .dk-select-options { | |
border-radius: 0 0 1px 1px; | |
margin-top: -1px; | |
top: 100%; } | |
.dk-select-multi .dk-select-options { | |
max-height: 10em; } | |
.dk-select-options { | |
width: 100%; | |
z-index: 100; | |
background-color: white; | |
border: 1px solid #b6b6b6; | |
border-radius: 1px; | |
overflow-x: hidden; | |
overflow-y: auto; | |
max-height: 10.5em; | |
list-style: none; | |
padding: 0.25em 0; | |
margin: 0; } | |
.dk-option-selected { | |
background-color: #3297fd; | |
color: #fff; } | |
.dk-select-options-highlight .dk-option-selected { | |
background-color: transparent; | |
color: inherit; } | |
.dk-option { | |
padding: 0 0.5em; | |
font-size: 80%; | |
} | |
.dk-select-options .dk-option-highlight { | |
background-color: #3297fd; | |
color: #fff; } | |
.dk-select-options .dk-option-disabled { | |
color: #BBBBBB; | |
background-color: transparent; } | |
.dk-optgroup { | |
border: solid #b6b6b6; | |
border-width: 1px 0; | |
padding: 0.25em 0; | |
margin-top: 0.25em; } | |
.dk-optgroup + .dk-option { | |
margin-top: 0.25em; } | |
.dk-optgroup + .dk-optgroup { | |
border-top-width: 0; | |
margin-top: 0; } | |
.dk-optgroup:nth-child(2) { | |
padding-top: 0; | |
border-top: none; | |
margin-top: 0; } | |
.dk-optgroup:last-child { | |
border-bottom-width: 0; | |
margin-bottom: 0; | |
padding-bottom: 0; } | |
.dk-optgroup-label { | |
padding: 0 0.5em 0.25em; | |
font-weight: bold; | |
width: 100%; } | |
.dk-optgroup-options { | |
list-style: none; | |
padding-left: 0; } | |
.dk-optgroup-options li { | |
padding-left: 1.2em; } | |
.dk-select-open-up .dk-selected { | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.dk-select-open-down .dk-selected { | |
border-bottom-left-radius: 0; | |
border-bottom-right-radius: 0; | |
} | |
.dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before { | |
border-width: 0 0.25em 0.25em; | |
} | |
.dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after { | |
} | |
.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options { | |
display: block; | |
} | |
.dk-select-multi:hover, .dk-select-multi:focus { | |
outline: none; } | |
.dk-selected:hover, .dk-selected:focus { | |
outline: none; | |
} | |
.dk-selected:hover:before, .dk-selected:focus:before { | |
} | |
.dk-selected:hover:after, .dk-selected:focus:after { | |
} | |
.dk-select-disabled { | |
opacity: 0.6; | |
color: #BBBBBB; | |
cursor: not-allowed; } | |
.dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus { | |
border-color: inherit; } | |
.dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before { | |
border-top-color: inherit; } | |
.dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after { | |
border-left-color: inherit; } | |
select[data-dkcacheid] { | |
display: none; } | |
/** | |
* BxSlider v4.0 - Fully loaded, responsive content slider | |
* http://bxslider.com | |
* | |
* Written by: Steven Wanderski, 2012 | |
* http://stevenwanderski.com | |
* (while drinking Belgian ales and listening to jazz) | |
* | |
* CEO and founder of bxCreative, LTD | |
* http://bxcreative.com | |
*/ | |
/** RESET AND LAYOUT | |
===================================*/ | |
.bx-wrapper { | |
position: relative; | |
margin: 0 auto 60px; | |
padding: 0; | |
*zoom: 1; | |
} | |
.bx-wrapper img { | |
max-width: 100%; | |
display: block; | |
} | |
/** THEME | |
===================================*/ | |
.bx-wrapper .bx-pager, | |
.bx-wrapper .bx-controls-auto { | |
position: absolute; | |
bottom: -30px; | |
width: 100%; | |
} | |
/* LOADER */ | |
.bx-wrapper .bx-loading { | |
min-height: 50px; | |
background: #fff; | |
height: 100%; | |
width: 100%; | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 5; | |
} | |
/* PAGER */ | |
.bx-wrapper .bx-pager { | |
text-align: center; | |
font-size: .85em; | |
font-family: Arial; | |
font-weight: bold; | |
color: #666; | |
padding-top: 20px; | |
} | |
.bx-wrapper .bx-pager .bx-pager-item, | |
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { | |
display: inline-block; | |
*zoom: 1; | |
*display: inline; | |
} | |
.bx-wrapper .bx-pager.bx-default-pager a { | |
background: #666; | |
text-indent: -9999px; | |
display: block; | |
width: 10px; | |
height: 10px; | |
margin: 0 5px; | |
outline: 0; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
border-radius: 5px; | |
} | |
.bx-wrapper .bx-pager.bx-default-pager a:hover, | |
.bx-wrapper .bx-pager.bx-default-pager a.active { | |
background: #000; | |
} | |
/* DIRECTION CONTROLS (NEXT / PREV) */ | |
.bx-wrapper .bx-prev { | |
left: 30px; | |
background-position: left top; | |
} | |
.bx-wrapper .bx-next { | |
right: 30px; | |
background-position: right top; | |
} | |
.bx-wrapper .bx-prev:hover { | |
background-position: left bottom; | |
opacity: 1; | |
filter:alpha(opacity=100); | |
} | |
.bx-wrapper .bx-next:hover { | |
background-position: right bottom; | |
opacity: 1; | |
filter:alpha(opacity=100); | |
} | |
.bx-wrapper .bx-controls-direction a { | |
background-image: url(../img/prev-next.png); | |
position: absolute; | |
top: 50%; | |
margin-top: -24px; | |
outline: 0; | |
width: 28px; | |
height: 48px; | |
text-indent: -9999px; | |
z-index: 60; | |
transition: all 0.2s; | |
-webkit-transition: all 0.2s; | |
opacity: 0.7; | |
filter:alpha(opacity=70); | |
} | |
.bx-wrapper .bx-controls-direction a.disabled { | |
display: none; | |
} | |
.datepick-popup {z-index: 999; } | |
.width-wrapper {max-width: 1000px; padding: 1px 20px; margin-left: auto; margin-right: auto; position: relative;} | |
.parallax-background { | |
background-attachment: fixed !important; | |
background-position: 50% 0; | |
background-size: cover !important; | |
} | |
.full-background { | |
background-position: 50% 50%; | |
background-size: cover !important; | |
} | |
.clear {clear:both !important; } | |
.button {color: #5d5349; display: inline-block; background: transparent; border: 1px solid; min-width: 180px; line-height: 40px; font-family: 'oswald', sans-serif; font-size: 18px; text-align: center; text-decoration: none; -webkit-transition: all .3s; transition: all .3s; cursor:pointer; -webkit-appearance:none; padding: 0;} | |
.button:hover {color: #28200a; } | |
.button > span{display: block; margin: 4px; border: 2px solid; height: 40px;} | |
button.button {position: relative; height: 52px; width: 185px; } | |
button.button > span {position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: auto; } | |
form {font-size: 18px; padding-bottom: 20px;} | |
form .field {float: left; width: 100%; margin: 15px 0 15px 0; } | |
form .field .field {margin-top: 0; margin-bottom: 0; } | |
form .field.clear {clear:both; margin-left: 0 !important; } | |
::-webkit-input-placeholder { /* WebKit browsers */ | |
color: #28200a; | |
} | |
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ | |
color: #28200a; | |
opacity: 1; | |
} | |
::-moz-placeholder { /* Mozilla Firefox 19+ */ | |
color: #28200a; | |
opacity: 1; | |
} | |
:-ms-input-placeholder { /* Internet Explorer 10+ */ | |
color: #28200a; | |
} | |
/* button.button > span {margin-left: 2px; margin-right: 2px;} */ | |
input.date-picker {padding-left: 40px; background: url(../img/calendar.png) no-repeat 12px center #fff; } | |
.form-text {font-family: 'Libre Baskerville', serif; font-size: 15px; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 55px; line-height: 55px; border: 1px solid #dcd8cf; font-weight: normal; padding: 0 12px; color:#2f2f2f;} | |
textarea.form-text {line-height: 1.5; padding-top: 15px; padding-bottom: 15px; resize: none; height: 150px; } | |
form + .thankyou {font-size: 26px; line-height: 1.1; margin-top: -15px; display: none; clear:both; padding-bottom: 20px;} | |
a {color: inherit; text-decoration: underline; } | |
b, strong {font-weight: bold; } | |
i, em {font-style: italic; } | |
h1, .wysiwyg h1 * {font-family: 'oswald', sans-serif !important; } | |
.wysiwyg p {margin-bottom: 1.5em; } | |
h1 {font-size: 60px; line-height: 1.2; font-weight: bold; text-align: center; color: #28200a; } | |
img.block {display: block; } | |
body{font-family: 'Libre Baskerville', serif; font-size: 18px; line-height: 1.77; background: #ffffff; color: #28200a; } | |
#body {position: relative; padding-top: 236px; left: 0;} | |
#header {background: #0e0e0e; text-align: center; color: #f3eee1; height: 236px; position: absolute; left: 0; top: 0; width: 100%; z-index: 99;} | |
#header nav {text-align: center; font-family: 'oswald', sans-serif; font-size: 18px; padding-top: 40px; padding-bottom: 14px; white-space: nowrap; margin-left: -30px;} | |
#header nav li {display: inline-block; margin-right: 45px; vertical-align: middle; position: relative; padding-bottom: 3px;} | |
#header nav li.nav-0, #header nav li.nav-1, #header nav li.nav-2 {margin-right: 25px; } | |
#header nav li.nav-3 {margin-right: 35px; } | |
body.floating-header #header nav {margin-left: 0; } | |
body.floating-header #header nav li {margin-right: 20px; margin-left: 20px; } | |
#header nav li.last {margin-right: 0; } | |
#header nav li a {color: #dbc9b5; text-decoration: none; display: block; position: relative; padding-bottom: 3px; border-bottom: 1px solid transparent;} | |
#header nav li.active a, #header nav li a:hover {border-bottom: 1px solid #dbc9b5;} | |
#header nav li.active a:after, #header nav li a:hover:after {content: ''; display: block; position: absolute; background: #dbc9b5; left: 0; right: 0; bottom: 2px; height: 2px; } | |
#header nav li.logo-wrap a {padding-bottom: 0; border-bottom: none;} | |
#header nav li.logo-wrap a:hover {border-bottom: none; } | |
#header nav li.logo-wrap a:hover:after {display:none;} | |
#header .address {font-size: 14px; line-height: 20px;} | |
#header .address span{padding-left: 5px; padding-right:5px;} | |
section {position:relative; text-align: center;} | |
section.image-section {background: #17140e; } | |
section.text-section {padding-top: 95px; padding-bottom: 80px; } | |
section.dark {background: #f3eee1; color: #28200a; } | |
section.dark .bx-wrapper .bx-controls-direction a {background-image: url(../img/prev-next1.png); } | |
#home {padding: 0; } | |
#main-slider .slide {min-height: 512px; color: #f3eee1; text-align: center;} | |
#main-slider h1 {margin-top: 140px; color: #f3eee1; } | |
#main-slider .description { font-size: 18px;} | |
#main-slider .buttons {text-align: center; margin-top: 10px; } | |
#main-slider .buttons .button {color: #f3eee1;} | |
#main-slider .buttons .button:hover {background-color: rgba(40, 32, 10, 0.7); } | |
#menu {text-align: center; } | |
#menu .menu-names {margin-bottom: 50px; margin-top: 25px;} | |
#menu .menu-names .button {margin-left: 8px; margin-right: 8px; } | |
#menu .menu-names .button:hover, #menu .menu-names .button.active {color: #28200a; } | |
#menu .menu-item {display: none; } | |
#menu .menu-item.active {display: block; } | |
#menu .menu-item .content {font-size: 14px; } | |
#menu .menu-item .content h4{font-size: 18px; font-weight: bold;} | |
#menu .menu-item .content i{font-size: 18px; font-style: italic; } | |
.image-section .slide {min-height: 565px;} | |
#live-music .intro { } | |
.event-slider li { border: 1px solid #5d5349; float: left; list-style: none outside none; margin-right: 44px; position: relative; width: 300px; font-size: 18px;} | |
.event-slider li .border {margin:4px; border: 2px solid #5d5349; } | |
.event-slider li .padder {padding: 30px; } | |
.event-slider li h3 {font-size: 18px; font-weight:bold; font-family: 'oswald', sans-serif; margin-bottom: 10px;} | |
.event-slider li .content{ } | |
#live-music .event-slider-wrapper {position: relative; margin-bottom: 58px; /* padding-left: 20px; padding-right: 20px; */} | |
#live-music .event-slider-wrapper .bx-wrapper {position: static; } | |
#hours-location .content {margin-top: 50px; color: #28200a; text-align: center; } | |
#map a.map {min-height: 568px; display: block;} | |
#private-events .intro {font-size: 18px; text-align: center; margin: 30px auto; max-width: 670px; } | |
#private-events form .field {width: 48%; margin-left:4%; } | |
#private-events form .field.submit {width: 100%; margin-left:0;} | |
#private-events {padding-bottom: 25px; } | |
#press .press {display: block; margin-top: 60px; margin-bottom: 20px; text-align: center; float: left; width: 44.5%; margin-right: 11%; color: #28200a; text-decoration: none;} | |
#press .press:hover {text-decoration: underline; } | |
#press .press.last {margin-right: 0; } | |
#press .press span {display: block; } | |
#press .press .title { } | |
#press .press .image {display: block; height: 0; padding-bottom: 60%; background-size: cover !important; background-position: center center; margin-bottom: 5px; position: relative; background-color: #5d5349; } | |
#press .all-link {clear: both; text-align: center;} | |
#contact {padding-bottom: 100px; } | |
#contact h1 {margin-bottom: 70px; } | |
#contact .address {float: right; width: 50%; padding-top: 5px; } | |
#contact .contact-form {float: left; width: 49%; text-align: left;} | |
#gallery h1 {margin-bottom: 70px; } | |
#gallery .gallery {display: block; margin-bottom: 40px; float: left; width: 31%; margin-right: 3.5%; background-color: #5d5349; } | |
#gallery .gallery .image {display: block; height: 0; padding-bottom: 60%; background-size: cover !important; background-position: center center; transition: all 0.4s; -webkit-transition: all 0.4s; } | |
#gallery .gallery:hover .image {opacity:0.9; } | |
#gallery .gallery.last {margin-right: 0; } | |
#footer {position: fixed; left: 0; right: 0; bottom: 0; background: #e0dacc; height: 75px; z-index:99;} | |
#footer .button.email-signup {float: left; display: block; margin-top:12px; } | |
#footer .button.email-signup > span {padding-left: 25px; padding-right:25px; } | |
#footer .social-bar {float: right; } | |
#footer .social-bar a {display: block; float: left; margin: 25px 0 25px 15px; transition: all 0.4s; -webkit-transition: all 0.4s;} | |
#footer .social-bar a:hover {opacity: 0.8; filter:alpha(opacity=80); } | |
body.floating-header #header {position: fixed; height: 64px; } | |
body.floating-header #header nav {padding-top: 15px; padding-bottom: 0;} | |
body.floating-header #header .logo-wrap, body.floating-header #header .address {display: none; } | |
#popup-back {position:fixed; left:0;top:0;right:0;bottom:0; background:rgba(0,0,0,0.75); z-index:100;} | |
#popup-back .form-wrapper {position:absolute; background: #f3eee1; left:50%; margin-left: -195px; top: 113px; width: 390px; text-align: center;} | |
#popup-back form {padding:25px 20px 10px;} | |
#popup-back form .title {font-size:30px; font-family: 'oswald', sans-serif; text-transform: uppercase; text-align:center; line-height: 1.2; color: #28200a; padding: 20px 0;} | |
#popup-back #close-popup {position: absolute; right: 10px; top: 10px; transition: all 0.4s; -webkit-transition: all 0.4s; opacity: 0.5; filter:alpha(opacity=50); } | |
#popup-back #close-popup:hover {opacity: 0.7; filter:alpha(opacity=70); } | |
#mobile-nav-button {display: none; } | |
#mobile-nav { background: #17140d; position: fixed; left: -240px; top: 0; bottom: 0; width: 240px; z-index: 100; overflow: auto; } | |
#mobile-nav #left-nav {padding-left: 22px; padding-top: 20px; font-family: 'oswald', sans-serif; font-size: 18px;} | |
#mobile-nav #left-nav li {padding-bottom: 5px; } | |
#mobile-nav #left-nav li a {text-decoration: none; } | |
#mobile-nav #left-nav li a:hover, #mobile-nav #left-nav li.active a {text-decoration: underline; } | |
#mobile-nav .social-bar {padding-left: 22px; padding-top: 40px; } | |
#mobile-nav .social-bar a {display: inline-block; margin-right: 10px; } | |
#mobile-nav .button.email-signup {margin-left: 22px; margin-top: 15px;} | |
#mobile-menu-button {display: none; position: relative; text-align: left; text-indent: 12px; } | |
#mobile-menu-button:after {content: ''; display: block; width: 19px; height: 11px; background: url(../img/down.png); position: absolute; right: 17px; top: 50%; margin-top: -6px;} | |
@media all and (max-width : 1023px) { | |
.parallax-background {background-attachment: scroll !important; } | |
#body {padding-top: 112px; } | |
#header {height: 112px; background-position: center bottom; } | |
#header nav {padding-top: 12px; padding-bottom: 5px; } | |
#header nav li {display: none; } | |
#header nav li.logo-wrap {display: block !important; width: 60px; margin-left: auto; margin-right: auto;} | |
#header nav li.logo-wrap .logo img {width: 60px; height: auto; } | |
#header .address span {display: block; } | |
#footer {display: none; } | |
#mobile-nav-button {display: block; position: absolute; left: 10px; top: 14px; padding-top: 5px; padding-left: 2px; padding-right: 2px;} | |
body.floating-left-nav {overflow: hidden; } | |
#contact {padding-bottom: 30px; } | |
#menu .menu-names {margin-left: auto; margin-right: auto; max-width: 220px;} | |
#menu .menu-names .button {display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } | |
#menu .menu-names .menu-buttons {display: none; background: #f3eee1; } | |
} | |
@media all and (max-width : 640px) { | |
h1 {font-size: 45px; } | |
#main-slider .slide, .image-section .slide, #map a.map {min-height: 320px; } | |
#main-slider h1 {margin-top: 50px; } | |
.decor-left-top, .decor-right-top, .decor-left-bottom, .decor-right-bottom {display: none; } | |
section.text-section {padding-top: 40px; padding-bottom: 30px; } | |
#private-events form > .field { margin-left: 0; width: 100%; } | |
#press .press, #gallery .gallery {float: none; width: auto; margin-right: 0; margin-top: 30px; } | |
#contact h1 {margin-bottom: 30px; } | |
#contact .address {float: none; padding-top: 0; width: auto; } | |
#contact .contact-form {float: none; width: auto; text-align: center; } | |
#live-music .event-slider-wrapper, .width-wrapper {padding-left: 10px; padding-right: 10px; } | |
.bx-wrapper .bx-next {right: 10px; } | |
.bx-wrapper .bx-prev {left: 10px; } | |
#popup-back .form-wrapper {top: 0; margin-left: 0; left: 0; width: auto; right: 0;} | |
#popup-back .form-wrapper .form-text {height: 48px; line-heighT: 48px; } | |
#popup-back form .title {padding-top: 15px; padding-bottom: 15px; } | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment