

	
	
	
	
    
    
body{
	font-size: 16px;
	font-weight: 300;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 300;
}

header{
  display:flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 150vh;
  background-image: url(banner_dining_l_2560.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.topbar{
  display: flex;
  justify-content: space-between;
  background: transparent; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0)); /*Standard*/
  color: #fff;
  font-weight: 300;
  font-size: 150%;
}
.topbar a{
  color: #fff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.topbar a:active,
.topbar a:hover,
.topbar a:focus{
  color: #fff;
  transition: border 0.5s ease;
  text-decoration: none;
  border-bottom: 2px solid rgb(255,189,89);
}

.branding{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  height:0;
}
.branding a{
  display: block;
  max-height: 100%;
  text-align: center;
}
.branding a img{
  max-height: 100%;
}
.main-nav{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: rgba(0,0,0,0.2);
  color: #fff;
  font-weight: 300;
  font-size: 150%;
}
.main-nav .main-nav-item{
  flex-basis: 50%;
}
.main-nav .main-nav-item a{
  display: block;
  text-align: center;
  padding: 0.25em 0.5em;
  margin: 2px;
  border: 2px solid #fff;
  text-shadow: 0 0 10px #000;
  color: #fff;

}
.main-nav .main-nav-item a:active,
.main-nav .main-nav-item a:hover{
  background-color: rgb(255,189,89, 0.4);
  text-decoration: none;
  transition: background-color 0.5s ease;
}





@media (max-aspect-ratio: 1/1) {
  
    
    header{ background-image: url(/docLib/10/uploads/published/7505/banner_default_s_756.jpg/banner_default_s_756.jpg); }
    
    #default header{ background-image: url(/docLib/10/uploads/published/7505/banner_default_s_756.jpg/banner_default_s_756.jpg); }
  
    
    #local_attractions header{ background-image: url(/docLib/10/uploads/published/7543/banner_localarea_s_756.jpg/banner_localarea_s_756.jpg); }
  
    
    #drinks header{ background-image: url(/docLib/10/uploads/published/7504/banner_drinks_s_756.jpg/banner_drinks_s_756.jpg); }
  
    
    #food header{ background-image: url(/docLib/10/uploads/published/7489/banner_dining_s_756.jpg/banner_dining_s_756.jpg); }
  
    
    #occasions header{ background-image: url(/docLib/10/uploads/published/7529/banner_occasions_s_756.jpg/banner_occasions_s_756.jpg); }
  
    
    #events header{ background-image: url(/docLib/10/uploads/published/7618/banner_events_s_756.jpg/banner_events_s_756.jpg); }
  
    
    #privacy_and_legal header{ background-image: url(/docLib/10/uploads/published/7489/banner_dining_s_756.jpg/banner_dining_s_756.jpg); }
  
    
    #location header{ background-image: url(/docLib/10/uploads/published/7480/banner_location_s_756.jpg/banner_location_s_756.jpg); }
  
}
@media (max-aspect-ratio: 1/1) and (min-width: 421px) {
  
    
    header{ background-image: url(/docLib/10/uploads/published/7478/banner_default_s_1024.jpg/banner_default_s_1024.jpg); }
    
    #default header{ background-image: url(/docLib/10/uploads/published/7478/banner_default_s_1024.jpg/banner_default_s_1024.jpg); }
  
    
    #local_attractions header{ background-image: url(/docLib/10/uploads/published/7535/banner_localarea_s_1024.jpg/banner_localarea_s_1024.jpg); }
  
    
    #drinks header{ background-image: url(/docLib/10/uploads/published/7513/banner_drinks_s_1024.jpg/banner_drinks_s_1024.jpg); }
  
    
    #food header{ background-image: url(/docLib/10/uploads/published/7490/banner_dining_s_1024.jpg/banner_dining_s_1024.jpg); }
  
    
    #occasions header{ background-image: url(/docLib/10/uploads/published/7518/banner_occasions_s_1024.jpg/banner_occasions_s_1024.jpg); }
  
    
    #events header{ background-image: url(/docLib/10/uploads/published/7613/banner_events_s_1024.jpg/banner_events_s_1024.jpg); }
  
    
    #privacy_and_legal header{ background-image: url(/docLib/10/uploads/published/7490/banner_dining_s_1024.jpg/banner_dining_s_1024.jpg); }
  
    
    #location header{ background-image: url(/docLib/10/uploads/published/7537/banner_location_s_1024.jpg/banner_location_s_1024.jpg); }
  
}
@media (max-aspect-ratio: 1/1) and (min-width: 801px) {
  
    
    header{ background-image: url(/docLib/10/uploads/published/7496/banner_default_s_1440.jpg/banner_default_s_1440.jpg); }
    
    #default header{ background-image: url(/docLib/10/uploads/published/7496/banner_default_s_1440.jpg/banner_default_s_1440.jpg); }
  
    
    #local_attractions header{ background-image: url(/docLib/10/uploads/published/7520/banner_localarea_s_1440.jpg/banner_localarea_s_1440.jpg); }
  
    
    #drinks header{ background-image: url(/docLib/10/uploads/published/7528/banner_drinks_s_1440.jpg/banner_drinks_s_1440.jpg); }
  
    
    #food header{ background-image: url(/docLib/10/uploads/published/7488/banner_dining_s_1440.jpg/banner_dining_s_1440.jpg); }
  
    
    #occasions header{ background-image: url(/docLib/10/uploads/published/7522/banner_occasions_s_1440.jpg/banner_occasions_s_1440.jpg); }
  
    
    #events header{ background-image: url(/docLib/10/uploads/published/7607/banner_events_s_1440.jpg/banner_events_s_1440.jpg); }
  
    
    #privacy_and_legal header{ background-image: url(/docLib/10/uploads/published/7488/banner_dining_s_1440.jpg/banner_dining_s_1440.jpg); }
  
    
    #location header{ background-image: url(/docLib/10/uploads/published/7519/banner_location_s_1440.jpg/banner_location_s_1440.jpg); }
  
}
@media (max-aspect-ratio: 1/1) and (min-width: 1025px) {
  
    
    header{ background-image: url(/docLib/10/uploads/published/7502/banner_default_s_1844.jpg/banner_default_s_1844.jpg); }
    
    #default header{ background-image: url(/docLib/10/uploads/published/7502/banner_default_s_1844.jpg/banner_default_s_1844.jpg); }
  
    
    #local_attractions header{ background-image: url(/docLib/10/uploads/published/7498/banner_localarea_s_1844.jpg/banner_localarea_s_1844.jpg); }
  
    
    #drinks header{ background-image: url(/docLib/10/uploads/published/7514/banner_drinks_s_1844.jpg/banner_drinks_s_1844.jpg); }
  
    
    #food header{ background-image: url(/docLib/10/uploads/published/7517/banner_dining_s_1844.jpg/banner_dining_s_1844.jpg); }
  
    
    #occasions header{ background-image: url(/docLib/10/uploads/published/7527/banner_occasions_s_1844.jpg/banner_occasions_s_1844.jpg); }
  
    
    #events header{ background-image: url(/docLib/10/uploads/published/7619/banner_events_s_1844.jpg/banner_events_s_1844.jpg); }
  
    
    #privacy_and_legal header{ background-image: url(/docLib/10/uploads/published/7517/banner_dining_s_1844.jpg/banner_dining_s_1844.jpg); }
  
    
    #location header{ background-image: url(/docLib/10/uploads/published/7531/banner_location_s_1844.jpg/banner_location_s_1844.jpg); }
  
}
@media (min-aspect-ratio: 1/1) {
  
    
    header{ background-image: url(/docLib/10/uploads/published/7487/banner_default_l_736.jpg/banner_default_l_736.jpg); }
    
    #default header{ background-image: url(/docLib/10/uploads/published/7487/banner_default_l_736.jpg/banner_default_l_736.jpg); }
  
    
    #local_attractions header{ background-image: url(/docLib/10/uploads/published/7536/banner_localarea_l_736.jpg/banner_localarea_l_736.jpg); }
  
    
    #drinks header{ background-image: url(/docLib/10/uploads/published/7507/banner_drinks_l_736.jpg/banner_drinks_l_736.jpg); }
  
    
    #food header{ background-image: url(/docLib/10/uploads/published/7516/banner_dining_l_736.jpg/banner_dining_l_736.jpg); }
  
    
    #occasions header{ background-image: url(/docLib/10/uploads/published/7483/banner_occasions_l_736.jpg/banner_occasions_l_736.jpg); }
  
    
    #events header{ background-image: url(/docLib/10/uploads/published/7616/banner_events_l_736.jpg/banner_events_l_736.jpg); }
  
    
    #privacy_and_legal header{ background-image: url(/docLib/10/uploads/published/7516/banner_dining_l_736.jpg/banner_dining_l_736.jpg); }
  
    
    #location header{ background-image: url(/docLib/10/uploads/published/7547/banner_location_l_736.jpg/banner_location_l_736.jpg); }
  
}
@media (min-aspect-ratio: 1/1) and (min-width: 741px) {
  
    
    header{ background-image: url(/docLib/10/uploads/published/7508/banner_default_l_1024.jpg/banner_default_l_1024.jpg); }
    
    #default header{ background-image: url(/docLib/10/uploads/published/7508/banner_default_l_1024.jpg/banner_default_l_1024.jpg); }
  
    
    #local_attractions header{ background-image: url(/docLib/10/uploads/published/7525/banner_localarea_l_1024.jpg/banner_localarea_l_1024.jpg); }
  
    
    #drinks header{ background-image: url(/docLib/10/uploads/published/7494/banner_drinks_l_1024.jpg/banner_drinks_l_1024.jpg); }
  
    
    #food header{ background-image: url(/docLib/10/uploads/published/7500/banner_dining_l_1024.jpg/banner_dining_l_1024.jpg); }
  
    
    #occasions header{ background-image: url(/docLib/10/uploads/published/7521/banner_occasions_l_1024.jpg/banner_occasions_l_1024.jpg); }
  
    
    #events header{ background-image: url(/docLib/10/uploads/published/7608/banner_events_l_1024.jpg/banner_events_l_1024.jpg); }
  
    
    #privacy_and_legal header{ background-image: url(/docLib/10/uploads/published/7500/banner_dining_l_1024.jpg/banner_dining_l_1024.jpg); }
  
    
    #location header{ background-image: url(/docLib/10/uploads/published/7546/banner_location_l_1024.jpg/banner_location_l_1024.jpg); }
  
}
@media (min-aspect-ratio: 1/1) and (min-width: 1025px) {
  
    
    header{ background-image: url(/docLib/10/uploads/published/7479/banner_default_l_1366.jpg/banner_default_l_1366.jpg); }
    
    #default header{ background-image: url(/docLib/10/uploads/published/7479/banner_default_l_1366.jpg/banner_default_l_1366.jpg); }
  
    
    #local_attractions header{ background-image: url(/docLib/10/uploads/published/7503/banner_localarea_l_1366.jpg/banner_localarea_l_1366.jpg); }
  
    
    #drinks header{ background-image: url(/docLib/10/uploads/published/7523/banner_drinks_l_1366.jpg/banner_drinks_l_1366.jpg); }
  
    
    #food header{ background-image: url(/docLib/10/uploads/published/7473/banner_dining_l_1366.jpg/banner_dining_l_1366.jpg); }
  
    
    #occasions header{ background-image: url(/docLib/10/uploads/published/7492/banner_occasions_l_1366.jpg/banner_occasions_l_1366.jpg); }
  
    
    #events header{ background-image: url(/docLib/10/uploads/published/7612/banner_events_l_1366.jpg/banner_events_l_1366.jpg); }
  
    
    #privacy_and_legal header{ background-image: url(/docLib/10/uploads/published/7473/banner_dining_l_1366.jpg/banner_dining_l_1366.jpg); }
  
    
    #location header{ background-image: url(/docLib/10/uploads/published/7475/banner_location_l_1366.jpg/banner_location_l_1366.jpg); }
  
}
@media (min-aspect-ratio: 1/1) and (min-width: 1367px) {
  
    
    header{ background-image: url(/docLib/10/uploads/published/7511/banner_default_l_2560.jpg/banner_default_l_2560.jpg); }
    
    #default header{ background-image: url(/docLib/10/uploads/published/7511/banner_default_l_2560.jpg/banner_default_l_2560.jpg); }
  
    
    #local_attractions header{ background-image: url(/docLib/10/uploads/published/7474/banner_localarea_l_2560.jpg/banner_localarea_l_2560.jpg); }
  
    
    #drinks header{ background-image: url(/docLib/10/uploads/published/7530/banner_drinks_l_2560.jpg/banner_drinks_l_2560.jpg); }
  
    
    #food header{ background-image: url(/docLib/10/uploads/published/7534/banner_dining_l_2560.jpg/banner_dining_l_2560.jpg); }
  
    
    #occasions header{ background-image: url(/docLib/10/uploads/published/7491/banner_occasions_l_2560.jpg/banner_occasions_l_2560.jpg); }
  
    
    #events header{ background-image: url(/docLib/10/uploads/published/7609/banner_events_l_2560.jpg/banner_events_l_2560.jpg); }
  
    
    #privacy_and_legal header{ background-image: url(/docLib/10/uploads/published/7534/banner_dining_l_2560.jpg/banner_dining_l_2560.jpg); }
  
    
    #location header{ background-image: url(/docLib/10/uploads/published/7476/banner_location_l_2560.jpg/banner_location_l_2560.jpg); }
  
}
#default header{
  background-position: 50% 60%;
}
#local_area header{
  background-position: 50% 25%;
}
#food header{
  background-position: 50% 60%;
}
#accommodation header{
  background-position: 50% 30%;
}


header h2,
header .navbar-right > li a{
	text-shadow: 0px 0px 5px #000;
}




main {
  margin-bottom: 3em;
  padding-top: 2em;
}
main h1{
  font-size: 2rem;
  color: #000;
}
main h2{
  font-size: 1.75rem;
  color: #000;
}
main h2,
.modal-body h2{
  margin-top: 0.5em;
}
main h3{
  font-size: 1.5rem;
}
main h4{
  font-size: 1.25rem;
}
main p.lead{
  font-size: 1.75rem;
  color: #aaa;
}
main p{
  font-size: 16px;
  font-weight: 300;
}
.modal-body p{
  font-size: 14px;
}
main a,
.modal-body a{
  font-weight: bold;
  color: #000;
}
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: rgb(255,189,89);
  text-decoration: none;
}
main .default-events-diary .list-group-item h3 a{
  font-weight: 300;
}

.icon-parent{
  float: left;
  width: 100%;
  margin-top: 20px;
  padding-left: 0;
}
.icon-parent li.icon{
  float: left;
  width: 16.6666666667%;
  list-style: none;
}

.icon-parent li.icon a{
  display: block;
  text-align: center;
  background-image: url(/resource/svg/Icon+sprite+white);
  background-repeat: no-repeat;
  background-size: 120px;
  padding-top: 42px;
  width: 100%;
}
.icon-parent li.icon.facebook a{
  /* 0 */
  background-position: center -39px;
}
.icon-parent li.icon.facebook a:active,
.icon-parent li.icon.facebook a:hover{
  /* 1 */
  background-position: center -159px;
  
}
.icon-parent li.icon.map a{
  /* 4 */
  background-position: center -519px;
}
.icon-parent li.icon.map a:active,
.icon-parent li.icon.map a:hover{
  /* 5 */
  background-position: center -639px;
  
}
.icon-parent li.icon.hours a{
  /* 6 */
  background-position: center -759px;
}
.icon-parent li.icon.hours a:active,
.icon-parent li.icon.hours a:hover{
  /* 7 */
  background-position: center -879px;
  
}
.icon-parent li.icon.food a{
  /* 10 */
  background-position: center -1239px;
}
.icon-parent li.icon.food a:active,
.icon-parent li.icon.food a:hover{
  /* 11 */
  background-position: center -1359px;
  
}
.icon-parent li.icon.email a{
  /* 12 */
  background-position: center -1479px;
}
.icon-parent li.icon.email a:active,
.icon-parent li.icon.email a:hover{
  /* 13 */
  background-position: center -1599px;
  
}
.icon-parent li.icon.instagram a{
  /* 14 */
  background-position: center -1719px;
}
.icon-parent li.icon.instagram a:active,
.icon-parent li.icon.instagram a:hover{
  /* 15 */
  background-position: center -1839px;
  
}
header .icon-parent {
  margin: 0 auto 1em auto;
  width: 290px;
}
header .icon-parent .icon a{
	text-indent: -20000px;
  	height: 0;
  	background-image: url(/resource/svg/Icon+sprite+white);
}
footer .icon-parent li.icon{
  width: 33.3333333333%;
}

footer{
  background-color: #000;
  padding-top: 3em;
  padding-bottom: 1em;
  color: #fff;
}
footer a{
  font-weight: bold;
  color: #fff;
}
footer a:active,
footer a:hover,
footer a:focus{
  font-weight: bold;
  color: rgb(255,189,89);
  text-decoration: none;
}
footer .rubrik{
  text-align: center;
  color: #fff;
  font-size: 12px;
}
footer li{
  list-style: none;
}
@media(min-width: 768px){
  .main-nav{
    font-size: 200%;
  }
  .main-nav .main-nav-item{
    flex-basis: 33%;
  }
}
@media(min-width: 992px){
  .main-nav{
    flex-direction: row;
  }
  .main-nav .main-nav-item{
    flex-basis: auto;
  }
  .main-nav .main-nav-item a{
    display: block;
    text-align: center;
    border: 0;
    border-left: 2px solid #fff;
    margin: 0;
  }
  .main-nav .main-nav-item:last-child a{
    border-right: 2px solid #fff;
  }
 main h1{
    font-size: 2.5rem;
  }
  main h2{
    font-size: 2rem;
  }
  main h3{
    font-size: 1.75rem;
  }
  main h4{
    font-size: 1.5rem;
  } 
  main p.lead{
    font-size: 2rem;
  }
  
}
@media(min-width: 1200px){
 main h1{
    font-size: 3rem;
  }
  main h2{
    font-size: 2.5rem;
  }
  main h3{
    font-size: 2rem;
  }
  main h4{
    font-size: 1.75rem;
  } 
  main p.lead{
    font-size: 2.5rem;
  }
  
.icon-parent li.icon a{
  background-size: 180px;
  padding-top: 62px;
}
.icon-parent li.icon.facebook a{
  /* 0 */
  background-position: center -59px;
}
.icon-parent li.icon.facebook a:active,
.icon-parent li.icon.facebook a:hover{
  /* 1 */
  background-position: center -239px;
  
}
.icon-parent li.icon.map a{
  /* 4 */
  background-position: center -779px;
}
.icon-parent li.icon.map a:active,
.icon-parent li.icon.map a:hover{
  /* 5 */
  background-position: center -959px;
  
}
.icon-parent li.icon.hours a{
  /* 6 */
  background-position: center -1139px;
}
.icon-parent li.icon.hours a:active,
.icon-parent li.icon.hours a:hover{
  /* 7 */
  background-position: center -1319px;
  
}
.icon-parent li.icon.food a{
  /* 10 */
  background-position: center -1859px;
}
.icon-parent li.icon.food a:active,
.icon-parent li.icon.food a:hover{
  /* 11 */
  background-position: center -2039px;
  
}
.icon-parent li.icon.email a{
  /* 12 */
  background-position: center -2219px;
}
.icon-parent li.icon.email a:active,
.icon-parent li.icon.email a:hover{
  /* 13 */
  background-position: center -2399px;
  
}
.icon-parent li.icon.instagram a{
  /* 14 */
  background-position: center -2579px;
}
.icon-parent li.icon.instagram a:active,
.icon-parent li.icon.instagram a:hover{
  /* 15 */
  background-position: center -2759px;
  
}  
  header .icon-parent {
    margin: 0 auto 4em auto;
    width: 410px;
  }  
}

}

@media(min-aspect-ratio: 1/1) and (max-width: 991px){
  main h1{
    font-size: 1.8rem;
  }
}

@media(min-height: 500px){
  header{
    height: 75vh;
  }
}

