/*!
* Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
* Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/

body {
    width: 100%;
    height: 100%;
    font-family: "limerick-lightregular", sans-serif;
    color: #fafafa;
    background-image: url(../img/angles.png);
}

/*  @font-face {
font-family: 'wagnastyregular';
src: url('/fonts/Wagnasty-webfont.eot');
src: url('/fonts/Wagnasty-webfont.eot?#iefix') format('embedded-opentype'),
 url('/fonts/Wagnasty-webfont.woff') format('woff'),
 url('/fonts/Wagnasty-webfont.ttf') format('truetype'),
 url('/fonts/Wagnasty-webfont.svg#limerick-lightregular') format('svg');
font-weight: normal;
font-style: normal;

}*/

@font-face {
    font-family: 'limerick-lightregular';
    src: url('/fonts/limerick-light-webfont.eot');
    src: url('/fonts/limerick-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/limerick-light-webfont.woff2') format('woff2'), url('/fonts/limerick-light-webfont.woff') format('woff'), url('/fonts/limerick-light-webfont.ttf') format('truetype'), url('/fonts/limerick-light-webfont.svg#limerick-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'opensansbold';
    src: url('/fonts/opensans-bold-webfont.eot');
    src: url('/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/opensans-bold-webfont.woff2') format('woff2'), url('/fonts/opensans-bold-webfont.woff') format('woff'), url('/fonts/opensans-bold-webfont.ttf') format('truetype'), url('/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'opensansextrabold';
    src: url('/fonts/opensans-extrabold-webfont.eot');
    src: url('/fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/opensans-extrabold-webfont.woff2') format('woff2'), url('/fonts/opensans-extrabold-webfont.woff') format('woff'), url('/fonts/opensans-extrabold-webfont.ttf') format('truetype'), url('/fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'opensanslight';
    src: url('/fonts/opensans-light-webfont.eot');
    src: url('/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/opensans-light-webfont.woff2') format('woff2'), url('/fonts/opensans-light-webfont.woff') format('woff'), url('/fonts/opensans-light-webfont.ttf') format('truetype'), url('/fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'opensansregular';
    src: url('/fonts/opensans-regular-webfont.eot');
    src: url('/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/opensans-regular-webfont.woff2') format('woff2'), url('/fonts/opensans-regular-webfont.woff') format('woff'), url('/fonts/opensans-regular-webfont.ttf') format('truetype'), url('/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
font-family: 'opensanssemibold';
src: url('/fonts/opensans-semibold-webfont.eot');
src: url('/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
 url('/fonts/opensans-semibold-webfont.woff2') format('woff2'),
 url('/fonts/opensans-semibold-webfont.woff') format('woff'),
 url('/fonts/opensans-semibold-webfont.ttf') format('truetype'),
 url('/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
font-weight: normal;
font-style: normal;

}*/

span {
    font-family: opensanslight, sans-serif;
}
html {
    ;
    width: 100%;
    height: 100%;
}
h1,
h2,
h4,
h5,
h6 {
    margin: 0 0 35px;
    text-transform: uppercase;
    font-family: "limerick-lightregular", sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}
h3 {
    text-transform: uppercase;
    font-family: "limerick-lightregular", sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 36px;
}
@media screen and (min-width:475px) {
    .content-section h2 {
        font-size: 60px;
    }
}
@media screen and (max-width:474px) {
    .content-section h2 {
        font-size: 40px;
    }
}
p {
    margin: 0 0 25px;
    font-size: 24px;
    line-height: 1.5;
    font-family: opensanslight;
}
p.bio {
    font-size: 18px;
}
strong {
    font-weight: normal;
    font-family: opensanssemibold, sans-serif;
}
@media(min-width:768px) {
    p {
        margin: 0 0 35px;
        font-size: 26px;
        line-height: 1.6;
    }
    #interest-form input {
        height: 40px;
        width: calc(50% - 10px);
        font-size: 26px;
        padding: 0 8px;
    }
    #interest-form input:nth-of-type(2n) {
		margin:0 0 25px 16px;
	}
    #interest-form textarea {
        font-size: 26px;
        padding: 0 8px;
        margin: 0;
    }
}
a {
    color: #377c9e;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:hover,
a:focus {
    text-decoration: none;
    color: #23527c;
}
.light {
    font-weight: 400;
}
.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.8);
    text-transform: uppercase;
    font-family: "limerick-lightregular", sans-serif;
    background-color: #131313;
}
.navbar-custom .navbar-brand {
    font-weight: 700;
}
.navbar-custom .navbar-brand:focus {
    outline: 0;
}
.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 22px;
    color: #232323;
}
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}
.navbar-custom a {
    color: #565656;
}
.navbar-custom .dark a {
    color: #fafafa;
}
.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.navbar-custom .nav li a:hover {
    outline: 0;
    color: #377c9e;
    background-color: transparent;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
    background-color: transparent;
}
.navbar-custom .nav li.active {
    outline: 0;
}
.navbar-custom .nav li.active a {
    color: #377c9e;
}
@media(min-width:768px) {
    /* .intro-body > .container > .row {
        padding-top: 350px;
    } */
    .navbar-custom {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
        transition: background .5s ease-in-out, padding .5s ease-in-out;
    }
    .navbar-custom.top-nav-collapse {
        padding: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        background: #000;
    }
    .navbar-custom.top-nav-collapse.dark {
        border-bottom: 1px solid #000;
    }

	.full-screen-element {
		height:100vh;
		width:100%;
		margin:0;
		padding:0;
	}
}
.navbar-custom.top-nav-collapse {
    background-color: #ffffff;
}
.navbar-custom.top-nav-collapse.dark {
    background-color: #131313;
}
.intro {
    display: table;
    width: 100%;
    height: 100vh;
/*     padding: 100px 0;
 */    text-align: center;
    color: #ffffff;
    background: no-repeat top center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
@media (max-width: 767px) {
    .intro,
    section.pic-1,
    section.pic-2,
    section.pic-pier,
    section.pic-music {
        background-attachment: scroll !important;
    }

	.full-screen-element {
		height:calc(100vh - 56px);
		width:100%;
		margin:0;
		padding:0;
	}
}
.intro.main-image {
    background-image: url(../img/intro-bg.jpg);
}
.intro .intro-body,
.full-screen-body {
    display: table-cell;
    vertical-align: middle;
}
.intro .intro-body .brand-heading {
    font-size: 46px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
.intro .intro-body .intro-text {
    font-size: 24px;
    text-shadow: 1px 1px 1px #111;
}
@media(min-width:768px) {
    .intro {
        height: 100%;
        padding: 0;
    }
    .intro .intro-body .brand-heading {
        font-size: 140px;
        margin-bottom: 0;
        margin-top: 12px;
        margin-left: 14px;
    }
    .intro .intro-body .intro-text {
        font-size: 30px;
    }
}
.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 100%!important;
    font-size: 40px;
    color: #ffffff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.btn-circle.dark {
    color: #333;
    border-color: #333;
}
.container.dark {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #ffffff;
    background: rgba(255, 255, 255, .1);
}
.btn-circle.dark:hover,
.btn-circle.dark:focus {
    outline: 0;
    color: #333;
    background: rgba(255, 255, 255, .1);
}
.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}
section.full-screen {
    width: 100%;
    display: table;
    height: 100vh;
    height: -webkit-calc(100vh - 50px);
    height: -moz-calc(100vh - 50px);
    height: -ms-calc(100vh - 50px);
    height: -o-calc(100vh - 50px);
    /*padding-bottom: 60px;*/
}
@media screen and (min-width:545px){
	section.full-screen {
		padding-top: 60px;
	}
}
@media screen and (max-width:544px){
	section.full-screen {
		padding-top: 0;
	}
	h2 {
		margin-bottom:0;
	}
}
#map {
    width: 100%;
    height: 300px;
    margin-top: 80px;
}
@media(min-width:767px) {
    #interest-form input#message,
    #interest-form textarea#message {
        width: 100%;
    }
    section.full-screen {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .download-section {
        padding: 100px 0;
    }
    #map {
        height: 400px;
        margin-top: 250px;
    }
}
.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-family: "limerick-lightregular", sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.btn-default {
    border: 1px solid #377c9e;
    color: #fff;
    background-color: #377c9e;
    text-shadow: none;
}
.btn-default:hover,
.btn-default:focus {
    outline: 0;
    color: #fff;
    border-color: #23527c;
    background-color: #23527c;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #111;
}
ul.banner-social-buttons {
    margin-top: 0;
    text-align: center;
    width: 100%;
	font-size:30px;
	margin-bottom:0;
	margin-left:0;

}
ul.banner-social-buttons.faded-gradient {
	padding-bottom:10px;
	padding-top:75px;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	position: absolute;
    bottom: 0;
}

ul.banner-social-buttons > li > a {
	color:#fff;
	padding-bottom:5px;
    text-shadow: 1px 1px 1px #000;
	/* border-bottom:0px solid #fff;
	transition:all .2s; */
}
ul.banner-social-buttons > li > a > span {
	display: block;
    width: 0;
    height: 3px;
    background: #fff;
	transition: width .2s;
	margin:0 auto;
    box-shadow: 1px 1px 1px #000;
}
ul.banner-social-buttons > li > a:hover > span {
    width: 100%;
}
@media(max-width:799px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}
@media(max-width:767px) {
    #up-button {
        font-size: 24px !important;
    }
    footer {
        margin-top: 0 !important;
    }
    p {
        font-size: 16px;
    }
    #about .band-member {
        margin: 0 8px 15px 8px !important;
    }
    .intro .intro-logo {
        height: 134px !important;
        width: auto !important;
        display: block !important;
        margin: 0 auto;
    }
    #interest-form input,
    #interest-form textarea {
        height: 30px;
        width: 94%;
        padding: 0 3%;
        margin: 15px 0;
    }
    header.intro {
        margin-top: 56px;
		height: calc(100vh - 56px);
    }
    ul.banner-social-buttons li {
        display: inline-block;
        padding: 0;
    }
    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
	ul.banner-social-buttons.faded-gradient {
		padding-bottom:30px;
	}
}
footer {
    padding: 50px 0;
    background-color: #ffffff;
}
footer p {
    margin: 0;
}
::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255, 255, 255, .2);
}
::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255, 255, 255, .2);
}
img::selection {
    background: 0 0;
}
img::-moz-selection {
    background: 0 0;
}
body {
    webkit-tap-highlight-color: rgba(255, 255, 255, .2);
}
.modal-body p {
	margin-bottom:20px;
}
.send-result span {
	display:inline-block;
	margin-bottom:10px;
}
#interest-form {
    width: 100%;
    display: inline-block;
    font-family: opensanslight;
}
#interest-form input,
#interest-form textarea {
    font-size: 15px !important;
    display: inline-block;
    color: #444;
    border: 1px solid #333;
    text-align: left;
}
#interest-form textarea {
    line-height: 2em;
}
#interest-form input:not(#submit):hover,
#interest-form textarea:hover,
#interest-form input:focus,
#interest-form textarea:focus {
    border-color: #232323;
    outline: none;
    color: #222;
}
#interest-form input#submit {
    text-align: center;
    cursor: default;
    color: #ffffff;
}
#interest-form input#submit.ready {
    background-color: #377c9e;
    color: #ffffff;
	cursor:pointer;
    border-color: black;
}
#interest-form input#submit.ready:hover {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
}
#interest-form input#submit.ready:active {
    background-color: #20bA91;
    box-shadow: none;
    outline: none;
    box-shadow: -1px -2px 0px gray;
    -webkit-animation-name: none;
    -moz-animation-name: none;
}
#interest-form textarea#message {
    height: 120px;
    vertical-align: top;
    text-align: justify;
    outline: none;
}
.band-member {
    position: static;
    height: 150px;
    display: inline-block;
    width: 150px;
    border-radius: 50%;
    box-shadow: 2px 3px 0 gray;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 15px 30px 15px;
    outline: none;
}
#up-button {
    font-size: 46px;
    line-height: 1em;
    height: auto;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}
#up-button:hover {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    color: #377c9e;
}
footer .container p {
    display: inline-block;
}
a.navbar-brand .top-logo {
    height: 44px;
    width: auto;
    display: inline-block;
}
nav a.navbar-brand.page-scroll {
    padding-top: 9px;
}
.intro .intro-logo {
    height: 175px;
    width: auto;
    display: inline-block;
}
section.pic-1 {
    background: url(/img/pic-1.jpg) no-repeat top center scroll;
    background-size: cover;
    color: #fff;
}
section.pic-1.black-text {
    color: #222;
}
section.pic-pier {
    background: url(/img/pier.jpg) no-repeat top center scroll;
    background-size: cover;
    color: #fff;
}
div.send-result .contact-message {
    font-size: 16px;
    background-color: firebrick;
    color: white;
    padding: 4px 8px;
    border-radius: 3px;
}
div.send-result .contact-message.green {
    background-color: #377c9e;
    color: #ffffff;
}
.event-box,
.story-box {
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 15px;
    background-color: #ffffff;
    cursor: pointer;
    display: inline-block;
    width: 100%;
}
.story-box img {
  max-width: 100%;
}
.event-box h3,
.bio-box h3,
.story-box h3 {
    background-color: #377c9e;
    margin: 0;
    padding: 10px 0;
}
.story-box h3 {
  color: #fff;
}
.event-box:hover h3,
.story-box:hover h3 {
    color: #ffffff;
}
.event-box:hover h4,
.story-box:hover h4 {
    background-color: #232323;
}
.event-box:hover,
.story-box:hover {
    box-shadow: 0 0 6px gray;
}
.story-box h4 {
  font-size: 18px !important;
}
.event-box h4,
.tab-content h4,
.story-box h4 {
    margin: 0;
    padding: 5px;
    font-size: 24px;
    background-color: #232323;
    color: #ffffff;
    border-bottom: 1px solid black;
}
p.location {
    margin-bottom: 0;
	color:#111;
}
.pic-2 {
    background-image: url(/img/pic-2.jpg);
    ../img/beach.jpg background-size: cover;
}
.pic-2 p {}
.modal {
    text-align: center;
}
.navbar-toggle {
    padding: 11px 10px 7px 10px !important;
}
.toggle-container > button {
	background-size:cover;
}
@media screen and (min-width: 768px) and (max-width:865px) {
    .navbar-brand h1 {
        font-size: 30px;
    }
    .nav>li>a {
        padding: 15px 8px;
    }
}
@media screen and (min-width:422px) and (max-width:767px) {
    nav a.navbar-brand.page-scroll {
        padding-top: 12px;
    }
}
@media screen and (max-width:421px) and (min-width:336px) {
    .navbar-brand h1 {
        font-size: 26px;
    }
    nav a.navbar-brand.page-scroll {
        padding-top: 15px;
    }
}
@media screen and (max-width:335px) {
    .navbar-brand h1 {
        font-size: 20px;
    }
    nav a.navbar-brand.page-scroll {
        padding-top: 18px;
    }
}
@media screen and (min-width: 768px) {
    nav .container {
        width: 96%;
        padding: 0 2%;
        box-sizing: border-box;
    }
    .event-box,
    .story-box {
        min-height: 250px;
    }
    .event-box > p,
    .story-box > p {
        font-size: 22px;
    }
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
    .map-div {
        height: 500px;
        margin: 0 auto;
    }
    .toggle-container > button {
        height: 250px;
        width: 250px;
    }

	ul.banner-social-buttons.faded-gradient.right-align {
		text-align:right;
		padding-right:75px;
	}
}
@media (max-width: 767px) {
    .toggle-container > button,
    button.band-member {
        width: 125px !important;
        height: 125px;
        border-radius: 50%;
    }
    .map-div {
        height: 300px;
        margin: 0 auto;
    }
    .modal-dialog {
        width: 90%;
    }
}
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    background: #fff;
    border-radius: 5px;
    box-shadow: 2px 3px 3px gray;
}
button.close {
    position: absolute;
    border: 2px white solid;
    border-radius: 50%;
    z-index: 100008;
    right: 10px;
    top: 4px;
    outline: none;
    opacity: 1;
}
.info-window h1 {
    margin: 0 auto;
    padding: 7px 0;
    color: #fff;
    background-color: #232323;
    border-radius: 25px;
    max-width: 90%;
    box-shadow: 2px 3px 3px gray;
    font-size: 26px;
    margin-bottom: 7px;
}
.info-window p {
    font-size: 16px;
    margin: 0;
}
.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.gallery-item {
	background-position: center center;
	cursor:pointer;
	background-size: cover;
	margin-bottom:20px;
}

.gallery-item:hover > .gallery-caption {
    opacity: 1.0;
    transition: all 0.2s ease-in-out;
}
.gallery-caption {
    position: absolute;
    z-index: 1;
    bottom: 0%;
    font-size: 14px;
	font-style:italic;
    color: #fff;
    background-color: black;
    padding: .2em 7px;
    opacity: 0.0;
    width: calc(100% - 30px);
    line-height: 1.5em;
}
.gallery-caption > span {
    background-color: inherit;
    margin-top: .3em;
}
.gallery-caption > .gallery-title {
    position: relative;
    left: 0;
}
.gallery-caption > .gallery-date {
    position: relative;
    right: 0;
}
@media (min-width: 1200px) {
    .gallery-item {
        height: 50%;
    }
}
@media (max-width: 1199px) {
    .gallery-item {
        height: auto;
    }
}
.not-padded {
    padding: 0 !important;
}
.stretchy-wrapper {
	display:inline-block;
    width: 100%;
    height: 100%;
    padding-bottom: 65%;
    position: relative;
    overflow: hidden;
}
.stretchy-wrapper > img {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
    width: 100%;
}
.gallery-item.landscape div.stretchy-wrapper > img.img-responsive {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    transform: translate(-50%, 0);
    height: 100%;
    max-width: none;
    width: auto;
}
.gallery-row {
    height: 100%;
}
.modal-image {
    max-width: 100%;
    max-height: 100%;
}

/*this makes the containers inline-block and not floated*/


/* seriously, what the fuck? No inline-block classes? hopefully im just a blind idiot*/


/* added 10/2/15 */

.inline-block-container.col-lg-1,
.inline-block-container.col-lg-10,
.inline-block-container.col-lg-11,
.inline-block-container.col-lg-12,
.inline-block-container.col-lg-2,
.inline-block-container.col-lg-3,
.inline-block-container.col-lg-4,
.inline-block-container.col-lg-5,
.inline-block-container.col-lg-6,
.inline-block-container.col-lg-7,
.inline-block-container.col-lg-8,
.inline-block-container.col-lg-9 {
    display: inline-block;
    float: none;
}
@media screen and (max-width:768px) {
    .inline-block-container.col-lg-1,
    .inline-block-container.col-lg-10,
    .inline-block-container.col-lg-11,
    .inline-block-container.col-lg-12,
    .inline-block-container.col-lg-2,
    .inline-block-container.col-lg-3,
    .inline-block-container.col-lg-4,
    .inline-block-container.col-lg-5,
    .inline-block-container.col-lg-6,
    .inline-block-container.col-lg-7,
    .inline-block-container.col-lg-8,
    .inline-block-container.col-lg-9 {
        width: 100%;
    }
}

/*responsive container for youtube videos*/


/* added 10/2/15 */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.soundcloud.video-container {
    position: relative;
    padding-bottom: 24.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 15px;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container.soundcloud iframe,
.video-container.soundcloud object,
.video-container.soundcloud embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.modal-body .soundcloud iframe,
.modal-body .soundcloud object,
.modal-body .soundcloud embed {
	
	width:100%;
	height:116px;
	
}
.modal-body .soundcloud iframe .a4 {
	min-height:116px !important;
}
.pagination {
    width: 100%;
    display: block;
}
@media screen and (min-width: 451px) {
    .responsivePopupPara {
        text-align: left;
    }
    .responsivePopupImg {
        width: 90px;
        margin-right: 14px;
        float: left;
    }
}
@media screen and (max-width:450px) {
    .responsivePopupPara {
        text-align: center;
    }
    .responsivePopupImg {
        width: 75px;
        margin-bottom: 10px;
        float: none;
        text-align: center;
    }
}
.fb-like {
    margin: 0 auto;
    color: #ffffff !important;
}
.fb-like span,
.fb-like > span > iframe > html > body,
iframe > #facebook > body,
#u_0_2 {
    color: #ffffff !important;
}

/* background parallax effect */
header,
section.pic-pier,
section.pic-1,
section.pic-2 {
    background-attachment: fixed;
}

/* html 5 background video from Coverr.co */
.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
	overflow:hidden;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    top: 0%;
    left: 0%;
    height: 130vh;
    width: 100%;
    overflow-x: hidden;
    background: #000;
}
.col-12.video-container {
	height:0;
}
@media screen and (min-aspect-ratio: 16/9) {
	.video-container video.fillWidth {
		height:auto;
		width:100%;
	}
}
@media screen and (max-aspect-ratio: 16/9) {
	.video-container video.fillWidth {
		width:auto;
		height:161vh;
		left:-50vh;
	}
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.65);
    width: 100%;
	height:100vh;
	top:0;
}
.video-container video {
    position: absolute;
    z-index: 0;
    top: 0;
	filter:brightness(40%);
}
.video-container video.fillWidth {
    /* width: 100%; */
}

.video-overlay {
	position:relative;
	z-index:300;
}
/*new logo for hero image / video */

@media screen and (min-width:800px){		
	.hero-logo {
		width:300px;
	}
	.homepage-hero-module {
		height:100vh !important;
	}
}
@media screen and (max-width:799px){
	.hero-logo {
		width:150px;
	}
	.homepage-hero-module {
		height:auto !important;
	}
}
/* button hover animations
Grant March 2018 */
.circle-nav ul li a:after {
    border: 2px solid #fafafa;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    content: "";
    height: 111px;
    left: 0;
    opacity: .3;
    position: absolute;
    top: 0;
    width: 111px;
    z-index: 1;
}
.circle-nav ul li a:hover::after {
  display: none;
}
.circle-nav ul li a {
    background: rgba(17, 17, 17, .0);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 60px -60px 0 2px rgba(17, 17, 17, .0), -60px -60px 0 2px rgba(17, 17, 17, .0), -60px 60px 0 2px rgba(17, 17, 17, .0), 60px 60px 0 2px rgba(17, 17, 17, .0), 0 0 0 2px rgba(17, 17, 17, .0);
    color: #fafafa;
    display: table-cell;
	text-transform:uppercase;
    font-size: 20px;
    height: 111px;
    left: 2px;
    line-height: 27px;
    position: relative;
    top: 2px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    vertical-align: middle;
    width: 111px;
}
.circle-nav ul li a span {
    font-family: 'limerick-lightregular';
}
.circle-nav ul li a:hover {
    animation: border .5s ease 1 forwards;
    color: #fff;
    cursor: pointer;
}
.circle-nav ul li {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    height: 115px;
    overflow: hidden;
    width: 115px;
}

@media screen and (min-width:800px){		
	.circle-nav ul li {
		margin: 20px 50px 20px 46px;
	}
}
@media screen and (max-width:799px){
	.circle-nav ul li {
		margin: 5px 10px 5px 6px;
	}
}
@keyframes border
{
    0%
    {
        box-shadow: 60px -60px 0 2px #888888, -60px -60px 0 2px #888888, -60px 60px 0 2px #888888, 60px 60px 0 2px #888888, 0 0 0 2px rgba(17, 17, 17, .0);
    }
    25%
    {
        box-shadow: 0 -125px 0 2px #888888, -60px -60px 0 2px #888888, -60px 60px 0 2px #888888, 60px 60px 0 2px #888888, 0 0 0 2px #fff;
    }
    50%
    {
        box-shadow: 0 -125px 0 2px #888888, -125px 0px 0 2px #888888, -60px 60px 0 2px #888888, 60px 60px 0 2px #888888, 0 0 0 2px #fff;
    }
    75%
    {
        box-shadow: 0 -125px 0 2px #888888, -125px 0px 0 2px #888888, 0px 125px 0 2px #888888, 60px 60px 0 2px #888888, 0 0 0 2px #fff;
    }
    100%
    {
        box-shadow: 0 -125px 0 2px #888888, -125px 0px 0 2px #888888, 0px 125px 0 2px #888888, 120px 40px 0 2px #888888, 0 0 0 2px #fff;
    }
}

/* New footer css added 3/7/18 */
footer.fixed-footer {
	width:100%;
	background-color:transparent;
	padding:10px;
	z-index:500;
	opacity:.7;
}

.footer-right > table {
	display:inline-block;
}
.footer-right > table td {
	border:0;
	padding:3px;
	vertical-align:middle;
}
.footer-right > table td:first-of-type {
	padding-top:14px;
}
.footer-right > table td img {
	height:30px;
}
.circle-nav ul {
	padding:0;
}

@media screen and (min-width:800px){
	footer.fixed-footer {
		display:table;
		position:fixed;
		bottom:0;
	}
	.footer-left {
		display:table-cell;
		text-align:left;
		width:25%;
		vertical-align:middle;
		padding-left:6px;
	}
	.footer-right {
		display:table-cell;
		text-align:right;
		width:25%;
		vertical-align:middle;
	}
	.footer-right > table {
		margin-top:-5px;
	}
	ul.inline-social-buttons {
		display:table-cell;
		width:50%;
		vertical-align:middle;
	}
	.video-container{
		overflow-y:hidden;
	}
	.modal-dialog {
		width:820px !important;
	}
}
@media screen and (max-width:799px){
	.footer-right,
	.footer-left {
		text-align:center;
	}
	.footer-right > table {
		margin-right:-20px;
	}
	.circle-nav ul {
		margin-bottom:100px;
	}
	footer.fixed-footer {
		
	}
	.video-container{
		overflow-y:hidden;
	}
}

/* MODAL REWRITES 3/7/18 */
.modal-dialog {
	background-color:rgba(0,0,0,0.8);
	box-shadow:none;
}
.modal-content {
	background-color:transparent;
	box-shadow:none;
}
.modal-header .close {
	border:0;
	color:white;
	font-size:35px;
	margin-top:5px;
}
.modal-header h5 {
	font-size:20px;
}
.modal-body ul {
	padding:0;
}
.modal-body ul li {
	list-style-type:none;
	padding-bottom:15px;
	margin-bottom:10px;
	border-bottom:1px solid #444;
}
.modal-body ul li span {
	font-size:18px;
	vertical-align:middle;
	display:inline-block;
}
.modal-body ul li span.date {
	margin-right:10px;
	color:#999;
	text-transform:uppercase;
}
.modal-body ul li span.venue {
	margin-right:10px;
	color:#fafafa;
	text-transform:uppercase;
}
.modal-body ul li span.addy,
.modal-body p {
	margin-right:10px;
	color:#fafafa;
	font-style:italic;
	font-size:14px;
}

.pfToggle {
	margin-right:10px;
	font-style:italic;
	font-size:12px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	top:94% !important;
}
.modal-body p {
	margin-right:0;
}
.modal-body ul li span.buttonspan button {
	outline:none;
	color:#333;
}
@media screen and (min-width:800px){
	.modal-dialog {
		width:820px !important;
	}
	.modal-body ul li span.buttonspan {
		float:right;
	}
}
@media screen and (max-width:799px){
	
}

.hidden {
	display:none;
}