<!---->
<!---->


<!---->


.brand-text .main-head{
	font-family: Georgia;
	font-size: 12vw;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 1;
	margin-bottom: 0;
	text-shadow:1px 1px 10px #fff, 1px 1px 10px #fff;
	color: #6f6679;
	text-align: center;
}
.brand-text .sub-head{
	font-family: Arial;
	font-size: 6vw;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0;
	text-transform: uppercase;
	text-shadow:1px 1px 10px #fff, 1px 1px 10px #000;
	color: #fff;
	text-align: center;
}
a.brand-text {
	padding-bottom: 1em;
	display: block;
}
a.brand-text:active,
a.brand-text:hover,
a.brand-text:focus{
	text-decoration: none;
}
body{
	font-size: 16px;
	font-weight: 300;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 300;
}
.topbar{
  background: transparent; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(73,58,74,0.9),rgba(73,58,74,0)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(73,58,74,0.9),rgba(73,58,74,0)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(73,58,74,0.9),rgba(73,58,74,0)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(73,58,74,0.9),rgba(73,58,74,0)); /*Standard*/
}
.header-alt .navbar-right{
  background: transparent; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(73,58,74,0),rgba(73,58,74,0.9)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(73,58,74,0),rgba(73,58,74,0.9)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(73,58,74,0),rgba(73,58,74,0.9)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(73,58,74,0),rgba(73,58,74,0.9)); /*Standard*/
}
.navbar.navbar-default{
	background-image: url(/docLib/20/uploads/published/3664/pub-drawing2.jpg/pub-drawing2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-color: rgba(148, 147, 183, 0.25);
	height: 80vh;
	margin-bottom: 0;
}
.navbar .topbar p,
.navbar.navbar-default  h2{
	color: #fff;
	font-weight: 300;
}
.navbar.navbar-default h2{
	font-size: 200%;
	text-align: center;
}
.header-alt .navbar.navbar-default h2 {
	font-size: 145%;
	text-align: center;
}
.header-alt .topbar .row :nth-child(2) p{
  	text-align: right;
   	float:right;
}

.navbar-default .navbar-nav > li{
	border: 0 solid #fff;
	border-left-width: 1px;
}
.navbar .topbar p,
.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 125%;
}
.navbar .topbar a[href^="tel"],
.navbar .topbar a[href^="tel"]:active,
.navbar .topbar a[href^="tel"]:hover,
.navbar .topbar a[href^="tel"]:focus{
	color: #fff;
	text-decoration: none;
}
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:active,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus{
 	color: #fff;
  background: transparent; 
  background: -webkit-linear-gradient(rgba(73,58,74,0),rgba(73,58,74,1)); 
  background: -o-linear-gradient(rgba(73,58,74,0),rgba(73,58,74,1)); 
  background: -moz-linear-gradient(rgba(73,58,74,0),rgba(73,58,74,1)); 
  background: linear-gradient(rgba(73,58,74,0),rgba(73,58,74,1));
}
header h2,
header .navbar-right > li a{
	text-shadow: 0px 0px 5px #000;
}

main {
	margin-bottom: 3em;
}
main h1{
	font-size: 195%;
  color: #6f6679;
}
main h2{
	font-size: 165%;
  color: #6f6679;
}
main p.lead{
	font-size: 170%;
	color: #aaa;
}
main p{
  font-size: 16px;
  font-weight: 300;
}
main img.img-responsive{
	margin-bottom: 2em;
}
main .col-sm-6 {
	margin-bottom: 2em;
}
main a,
.modal-body a{
  font-weight: bold;
  color: #6f6679;
}
main a:active,
main a:hover,
main a:focus,
.modal-body a:active,
.modal-body a:hover,
.modal-body a:focus{
  font-weight: bold;
  color: #8E89A9;
  text-decoration: none;
}
main .carousel{
  margin-bottom: 2em;
}
main h2 > small,
.modal h2 > small,
.modal h3 > small{
	display: block;
	margin-top: 0.25em;
}
main .news  h2:first-child{
	margin-top: 0;
}
ol ol, ol ul, ul ol, ul ul {
	margin-bottom: 10px;
}
.icon-parent{
  float: left;
  width: 100%;
  margin-top: 20px;
  padding-left: 0;
}
.icon-parent li.icon{
  float: left;
  /*width: 16.6666666667%;*/
  width: 33.33%;
  list-style: none;
}

.icon-parent li.icon a{
  display: block;
  text-align: center;
  background-image: url(/resource/svg/Icon+sprite+branded);
  background-repeat: no-repeat;
  background-size: 150px;
  padding-top: 52px;
  width: 100%;
}
.icon-parent li.icon.facebook a{
  /* 0 */
  background-position: center -49px;
}
.icon-parent li.icon.facebook a:active,
.icon-parent li.icon.facebook a:hover{
  /* 1 */
  background-position: center -199px;
  
}
.icon-parent li.icon.twitter a{
  /* 2 */
  background-position: center -349px;
}
.icon-parent li.icon.twitter a:active,
.icon-parent li.icon.twitter a:hover{
  /* 3 */
  background-position: center -499px;
  
}
.icon-parent li.icon.map a{
  /* 4 */
  background-position: center -649px;
}
.icon-parent li.icon.map a:active,
.icon-parent li.icon.map a:hover{
  /* 5 */
  background-position: center -799px;
  
}
.icon-parent li.icon.hours a{
  /* 6 */
  background-position: center -949px;
}
.icon-parent li.icon.hours a:active,
.icon-parent li.icon.hours a:hover{
  /* 7 */
  background-position: center -1099px;
  
}
.icon-parent li.icon.food a{
  /* 10 */
  background-position: center -1549px;
}
.icon-parent li.icon.food a:active,
.icon-parent li.icon.food a:hover{
  /* 11 */
  background-position: center -1699px;
  
}
.icon-parent li.icon.email a{
  /* 12 */
  background-position: center -1849px;
}
.icon-parent li.icon.email a:active,
.icon-parent li.icon.email a:hover{
  /* 13 */
  background-position: center -1999px;
  
}
header .icon-parent{
	margin: 0;
}
header .icon-parent .icon a{
	text-indent: -20000px;
  	height: 0;
  	background-image: url(/resource/svg/Icon+sprite+branded);
}
  .carousel-fade .carousel-inner .item {
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0px, 0px, 0px);
}

.carousel-fade .carousel-inner{
	overflow: visible; 
}

#drinks-carousel .carousel-inner .item img{
  max-height: 300px;
}
.embed-map{
  padding-bottom: 1em;
}
footer{
  background-color: rgba(148, 147, 183, 0.25);
  padding-top: 3em;
  padding-bottom: 1em;
  color: #6f6679;
}
footer a{
  font-weight: bold;
  color: #6f6679;
}
footer a:active,
footer a:hover,
footer a:focus{
  font-weight: bold;
  color: #8E89A9;
  text-decoration: none;
}
footer .rubrik{
  text-align: center;
  color: #6f6679;
  font-size: 12px;
}
footer li{
  list-style: none;
}
  
@media(max-width: 767px){
  .header-alt .topbar p{
    width: 50%;
    float: left;
  }
  .header-alt .navbar-right > li {
      float: left;
      width: 45%;
      text-align: center;
      border: 1px solid white;
      font-weight: 300;
      font-size: 120%;
      margin: 1% 0 1% 3%;
  }
  .header-alt .navbar-right > li > a{
    padding-top: 5px;
  }
}
@media(min-width: 768px){
  main h1{
      font-size: 210%;
    color: #6f6679;
  }
  .header-alt .navbar-right{
	position: absolute;
	bottom: 0;
  	right: 1em;
  }
  .header-alt .navbar-right > li > a{
  	font-size: 150%;
  	font-weight: 300;
    line-height: unset;
  }
  .header-alt .navbar.navbar-default h2 {
      font-size: 190%;
  }
  .navbar .topbar p{
  	font-size: 125%;
  }
  .header-alt .topbar  p{
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .container-fluid.branding{
  	margin-top: 4vh;
  }
  .brand-text .main-head{
      font-size: 9vw;
  }
  .brand-text .sub-head{
      font-size: 5vw;
  }
  .events-list .col-sm-4{
  	min-height: 18em; 
  }
}
@media(min-width: 992px){
  main > .container{
      margin-top: ;
  }
  main h1{
    font-size: 300%;
  }
  main h1{
    font-size: 200%;
  }
  main p.lead{
    font-size: 200%;
  }
  .brand-text .main-head{
      font-size: 8vw;
  }
  .brand-text .sub-head{
      font-size: 4vw;
  }
}
@media(min-width: 1200px){
  	.topbar .navbar-text{
  		font-size: 160%;
  	}
  .header-alt .navbar-right > li > a{
  	font-size: 200%;
  	font-weight: 300;
  }
  .container-fluid.branding{
  	margin-top: 2vh;
  }
  .navbar .topbar p{
  	font-size: 180%;
  }
  main h1{
    font-size: 320%;
  }
  main p.lead{
    font-size: 220%;
  }
  .brand-text .main-head{
      font-size: 6vw;
  }
  .brand-text .sub-head{
      font-size: 3vw;
  }
  .icon-parent li.icon{
    float: left;
    width: 16.6666666667%;
    list-style: none;
  }
}
@media(min-width: 1600px){
  .header-alt .navbar-right > li > a{
      font-size: 250%;
	}
  .header-alt .navbar.navbar-default h2 {
      font-size: 250%;
  }
  .navbar .topbar p{
  	font-size: 200%;
  }
  main h1{
    font-size: 360%;
  }
  main p.lead{
    font-size: 220%;
  }
  .brand-text .main-head{
      font-size: 5vw;
  }
  .brand-text .sub-head{
      font-size: 2vw;
  }
  header .icon-parent{
      padding: 0 5vw;
  }
}
@media(max-aspect-ratio: 1/1){
  .navbar.navbar-default{
    height: 81vh;
  }
}
@media(max-aspect-ratio: 1/1) and (min-height: 568px){
  .navbar.navbar-default{
    height: 70vh;
  }
}
@media(max-aspect-ratio: 1/1) and (min-height: 667px){
  .navbar.navbar-default{
    height: 65vh;
  }
}
@media(max-aspect-ratio: 1/1) and (min-height: 736px){
  .navbar.navbar-default{
    height: 60vh;
  }
}
@media(max-aspect-ratio: 1/1) and (min-height: 960px){
  .navbar.navbar-default{
    height: 55vh;
  }
}
@media(min-aspect-ratio: 1/1) and (max-width: 767px){
  .header-alt .navbar-right > li {
	width: 29%;
  }
}

@media(min-aspect-ratio: 1/1) and (max-width: 991px){
  .navbar.navbar-default{
    height: 77vh;
  }
  .header-alt .topbar p{
    margin-bottom: 0;
  }
  .header-alt .branding .row .col-xs-10{
    width: 33.3333%;
    margin-left: 33.3333%
  }
  .header-alt .branding h2{
    display: none;
  }
  main h1{
    font-size: 180%;
  }
}