@font-face { font-family: "GillSans"; src: url("/library/fonts/GillSans.otf") format('opentype'); }
@font-face { font-family: "GillSansBold"; src: url("/library/fonts/GillSansStd-Bold.otf") format('opentype'); }
@font-face { font-family: "FontAwesome"; src: url("/library/fonts/FontAwesome.otf") format('opentype'); }

* { padding: 0px; margin: 0px; font-size: 100%; text-align: left; box-sizing: border-box; }
body {font-size: 125%;font-family: GillSans, sans-serif;color: #000000;background-color: #8bb9bf;background-image: url(/images/6S7n8BatvzF9Eiwl6LU112w067.png);background-repeat: no-repeat;background-position: top center;width: 100%;height: 100%;}
p { margin-bottom: 15px; }
li { list-style-type: none; }
td, th { vertical-align: top; }
b, strong { font-weight: bold; }
a { color: #ed2024; text-decoration: none; }
fieldset { border: none; }
.hidden { display: none; }
input, textarea { font-size: 90%; }
input[type=button], input[type=submit], a.button { background: #000000; padding: 10px; border: none; border-radius: 20px; color: #ffffff; font-weight: bold; cursor: pointer; }
input[type=button]:hover, input[type=submit]:hover, a.button:hover { background: #000000; }
img { border: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; line-height: 1; margin-bottom: 15px; }
.pagetitle { margin-top: 20px; text-transform: uppercase; font-family:GillSansBold; }
table { border-spacing: 0px; }
td, th { padding: 0px; }


.errors { color: red; font-weight: bold;  }
.message { background: #f5deb3;padding: 20px 40px;font-size: 90%; }
.message p { margin-bottom: 0 !important;  text-align: center; }
.sitemessage { background: #3fb344; }

.layout_standard { margin: 0px auto 0px auto; }
.layoutheader { font-size: 135%; width: 980px; margin: 0px auto;}

.layoutmiddle { width: 100%; background-color: #ffffff; width: 980px;  margin: 0px auto 0px auto; min-height: 900px; padding: 40px 40px 60px 40px; }
.layoutleft, .layoutcontent { float: left; }
.layoutleft { width: 35%; }
.layoutcontent { width: 65%; }

.layoutspacer { clear: both; /*! height: 10px; */ display: block; /*! background: red; */}
.layoutfooter { clear: both; padding: 50px 0px 60px 0px; background-color: #000000; color: #ffffff; position: absolute; left: 0px; width: 100%; /*! height: 156px; */}
.layoutcredits {height: 25px;clear: both;width: 151px;}
.layoutcredits  {color: #ffffff;position: relative;left: 50%;margin: 60px 0px 0px 450px;bottom: 27px;display: inline-block;}
.layoutcredits .copyright { float: left;  }
.layoutcredits .beachshore a {color: #ffffff; }


.headercontainer { margin: 70px 25px 61px 40px; /*! width: 600px; */ height: 91px; }
.headerlogo, .headertext { float: left; }
.headertext { position: relative; bottom: 4px; margin-left: 55px; }
.headertext .titletxt { font-family: GillSansBold; font-size: 118.5%; margin-bottom: 5px; }
.location { margin-bottom: 5px; }
.date { color: #ffffff; }



.layoutfooter, .layoutcredits { font-size: 85%; }

.layoutfooter .util_textbox.logo {display: inline-block;width: 80px;position: relative;left: 50%;margin: 0px 0px 0px -607px;}
.layoutfooter .util_textbox.address { position: absolute;  display: inline-block; left: 50%; margin: 0px 0px 0px -350px;  bottom: 35px;}
.layoutfooter .util_textbox.address p { margin-bottom: 0px; }
.layoutfooter .util_textbox.social { position: absolute;   display: inline-block;;  left: 50%;  margin: 0px 0px 0px 35px; bottom: 14px;}
.layoutfooter .util_textbox.social a {color: #ffffff; }
.layoutfooter .util_textbox.social li { float: left; padding: 0px 10px 0px 0px;}
.layoutfooter .util_textbox.social li img {width: auto; height: 27px;}

.nav_multilevel, .nav_multilevel a { color: #ffffff; text-transform: uppercase; }
.nav_multilevel li , .textlink { width: 260px; height: 80px; }
.nav_multilevel li { background-color: #000000; margin: 0px 0px 10px 0px;  }
.textlink { display: block; padding: 30px 20px 30px 20px; }

.home .content { border-bottom: 3px solid #b3bcbc; margin-bottom: 60px;}

.list_event .event { clear: both;  padding: 20px 0px 0px 0px; }
.list_event .image { float: left; width: 320px; padding: 0px 20px 20px 0px; min-height: 90px; }
.list_event .event7 .image { padding-bottom: 0px; }
.list_event .headline { padding: 5px 0px 5px 0px; }
.list_event .headline a { color: #000000; font-family: "GillSansBold"; }
.list_event .startdate { padding: 10px 5px 0px 0px; font-family: "GillSansBold"; color: #ed2024; }
.list_event .starttime {font-family: "GillSansBold";color: #ed2024;padding: 10px 0px 0px 0px; }
.list_event .abstract { padding: 0px 0px 5px 0px; line-height: 1.5; font-size: 90%; }

.home .list_event { left: 50%; position: relative; margin: 0px 0px 0px -610px; width: 900px;}
.home .list_event .startdate { float: left; }

.programme .list_event .startdate { padding-bottom: 10px;}
.programme .list_event, .archive .list_event { font-size: 100%; }
.programme .list_event .startdate,  .programme .list_event .headline, .programme .list_event .abstract,
.archive .list_event .startdate,  .archive .list_event .headline, .archive .list_event .abstract 
{ float: left; width: 265px; }
.programme .list_event .headline, .archive .list_event .headline { padding: 10px 5px 0px 0px; }
 
.std_eventpagea .date { font-weight: bold;  color: #000000;}
.std_eventpagea .abstract { font-weight: bold; padding: 10px 0px 0px 0px; line-height: 1.5; }
.std_eventpagea .image {text-align: left;padding: 20px 0px 20px 0px;}


.shop_prodoptsel { background: #8bb9bf; color: #ffffff; padding: 15px; border-radius: 10px; min-width: 490px; }
.shop_prodoptsel .price { font-size: 180%; height: 50px; padding: 10px 0px 0px 0px; }
.shop_prodoptsel .stock .available { display: none !important; }
.shop_prodoptsel .options { padding: 20px 0px 0px 0px; }
.shop_prodoptsel .label { float: left; width: 100px; clear: left; font-size: 95%; padding-bottom: 20px; }
.shop_prodoptsel .value { float: left; font-size: 80%; padding-bottom: 20px; }
.shop_prodoptsel .addtobasket {clear: both; padding: 20px 0px 0px 100px;}

@media ( max-width: 980px)
{
   .std_eventpagea .image { text-align: left; width: 100%; }
   
}   

@media ( max-width: 676px)
{
   .std_eventpagea .image img { width: 100%; height: auto; }
   .shop_prodoptsel { min-width: 50%; }
}   

@media( max-width: 325px)
{
   .shop_prodoptsel .value { clear: left; }
   .shop_prodoptsel .addtobasket { padding: 20px 0px 0px 0px; }
}

.std_contentpage .pagetitle, .std_eventpagea .headline, .shop_expressorder .titletxt, .shop_basketpage h1
   {  text-transform: uppercase; font-family: "GillSansBold"; line-height: 1.2; padding: 0px 0px 0px 0px; }
.std_contentpage .pagecontent table, .std_eventpagea .article table, .shop_basket table, .shop_expressorder table
   { border: solid #8bb9bf 2px; margin: 10px 0px 10px 0px; font-size: 90%; width: 100%; }
.std_contentpage .pagecontent table td, .std_eventpagea .article table td, .shop_basket table td, .shop_basket table th, .shop_expressorder table td, .shop_expressorder table th
   { padding: 10px; }
.std_contentpage .pagecontent table p, .std_eventpagea .article table p
   { line-height: 1; margin: 0px; }
.std_contentpage .pagecontent p, .std_eventpagea .article p, .shop_expressorder .introduction p
   { margin-bottom: 10px; line-height: 1.5; }
.std_contentpage .pagecontent ol, .std_eventpagea .article ol
   { padding: 0px 0px 0px 20px; }
.std_contentpage .pagecontent ol li, .std_eventpagea .article ol li
   { list-style-type: decimal; padding: 0px 0px 5px 0px; }
.std_contentpage .pagecontent h2, .std_eventpagea .article h2, .shop_basket h2
   { font-size: 140%; font-weight: bold; margin: 30px 0px 20px 0px; color: #000000; }
.std_contentpage .pagecontent h3, .std_eventpagea .article h3
   { font-size: 120%; font-weight: bold; margin: 30px 0px 20px 0px; color: #000000; }
.std_contentpage .pagecontent img, .std_eventpagea .article img
   { margin: 0px 0px 20px 20px; }

.shop_basket th.name,.shop_basket td.name { width: 50%; }
.shop_basket th.price,.shop_basket td.price { width: 10%; }
.shop_basket th.quantity,.shop_basket td.quantity { width: 10%; }
.shop_basket th.total,.shop_basket td.total {width: 20%;}
.shop_basket td.remove { width: 10%; }

@media( max-width: 1260px)
{
 
.layoutfooter .util_textbox.logo {margin: 0px 0px 0px -470px; }
.layoutfooter .util_textbox.address {margin: 0px 0px 0px -250px;}
.layoutcredits {margin: 60px 0px 0px 310px;}

}    

@media( max-width: 980px)
{
    body { background-image: none; }
   
    .layout_standard { margin: 0px; }
    .layoutcontent { height: auto; }
    .layoutheader {height: auto; width: 100%; margin: 100px 0px 0px 0px;}
    .headercontainer {width: 100%; height: auto; margin: 0px;}
    .headerlogo { float: none; position: fixed; top: 0px; z-index: 10; width: 260px; margin: 5px 5px 5px 40px; }
    .headerlogo img { height: 50px; width: auto; }
    .headertext {float: none;  width: 400px; margin: 60px auto 40px auto; font-size: 90%; }
    .headertext .titletxt, .headertext .location, .headertext .date { text-align: center; }


   .layoutleft { z-index: 2; }
   .layoutleft  { float: none; clear: both;  position:fixed; background-color: #ffffff;  width: 100%; margin: 0px; height: 60px; top: 0px; }
   .nav_multilevel { border: none; position: fixed !important; left: 0px !important; top: 0px; padding: 0px;  width: 100%; z-index: -2;  }
   .nav_multilevel .toggle { display: block; float: right; width: 40px; height: 40px; margin: 10px 20px; cursor: pointer;  background-image: url(/images/sYNrBzJOJrB8trvAbZU102401i.png); z-index: 10; background-size: 40px 40px;background-repeat: no-repeat;}
   .nav_multilevel.toggleon .toggle {background-image: url(/images/HVa6Troh0dvsNPeNjA4G02401i.png); background-size: 40px 40px; background-repeat: no-repeat;}
   .nav_multilevel li { display: none; border: none; background: rgba(40,40,40,0.9); width: 100%; clear: both; padding: 0px 0px 0px 20px !important; margin: 0px !important; font-size: 90%; }
   .nav_multilevel li a { display: block; padding: 5px; color: #ffffff; }
   .nav_multilevel li:first-of-type { height: 100px; }
   .nav_multilevel li:first-of-type a { padding-top: 20px; }
   .nav_multilevel.toggleon li { display: block; }
   .nav_multilevel.toggleoff li { display: none; }
    

   .layoutmiddle { width: 100%; padding: 0; margin: 0;}
   .layoutcontent { width: 100%; padding: 40px 40px 60px 40px; }
   .home .list_event { margin: 0px; left: 0; width: 100%; }
   

    .layoutfooter {height: 380px;}
    .layoutfooter .util_textbox.logo { display: block; left: 0; margin: 20px auto 20px auto;  }
    .layoutfooter .util_textbox.address { display: block; position: relative;left: 0;bottom: 0;width: 200px;margin: 20px auto 20px auto;}
    .layoutfooter .util_textbox.address p { text-align: center; }
    .layoutfooter .util_textbox.social { display: block; position: relative;left: 0;bottom: 0;width: 200px;margin: 20px auto 20px auto; }
    .layoutfooter .util_textbox.social p { text-align: center; }
    .layoutfooter .util_textbox.social ul {display: block;width: 74px;height: 31px;position: relative;left: 0;bottom: 0;margin: 20px auto 20px auto;}
    .layoutfooter .util_textbox.social li:last-of-type { padding: 0; }

    .layoutcredits {display: block;left: 0px;bottom: 0px;margin: 340px auto 0px auto;font-size: 65%;width: 116px;}
    
}

@media( max-width: 669px )
{ 
   

.list_event .image { float: left; width: 280px;  margin: auto; }
.list_event .startdate { clear: left; float: left; }
.list_event .starttime { float: left; }
.list_event .headline { clear: left; float: left; }
.list_event .abstract { clear: left; }
   
}

@media( max-width: 480px)
{
   .list_event .starttime { clear: left; padding-top: 0px; }
}

@media( max-width: 400px)
{

   .headertext { width: 100%; font-size: 85%; }
}   

@media( max-width: 450px)
{
   .layoutheader {margin: 83px 0px 0px 0px;}
   .headerlogo {margin: 5px 5px 5px 15px;}
   .headertext {margin: 0px 15px; width: auto;}
   .headertext .titletxt, .headertext .location, .headertext .date { text-align: left; }
   .date {margin-bottom: 17px;}
   
   .message {padding: 15px 15px;font-size: 70%;}

   .layoutcontent { padding: 15px; }
} 

.std_eventpagea .gallery { max-width: 100%; display: inline-block;}
.std_eventpagea .gallery li {display: block !important;float: left;/* width: 50%; */padding: 10px 10px;box-sizing: border-box;/* line-height: 200px; *//* height: 200px; */}
.std_eventpagea .gallery img {max-width: 100%;/* max-height: 100%; */height: auto;}
.std_eventpagea .gallery li:nth-of-type(2n+1) { clear: left;   padding: 10px 10px 10px 0px; }
.std_eventpagea .gallery li:nth-of-type(2n) {  padding: 10px 0px 10px 10px; }

@media( max-width: 450px)
{
   .std_eventpagea .gallery li { clear: left; width: 100%; padding: 10px 0px 10px 0px !important;;}
}


.formbuilder .field { clear: both; padding: 10px 0px 0px 0px; }
.formbuilder .label { float: left; width: 150px; text-align: right; padding: 0px 10px 0px 0px;  }
.formbuilder .input { float: left; width: 360px; }
.formbuilder input, .formbuilder textarea, .formbuilder select { max-width: 100%; }
.formbuilder .field_section .label, .formbuilder .field_group>.label
   { float: none; width: auto; text-align: left; font-weight: bold; font-size: 130%; padding: 30px 0px 10px 160px; }
.formbuilder .field_group>.input { width: auto; float: none; }

.surv_standard .titletxt, .int_newsletter .titletxt { font-size: 140%; font-weight: bold; margin: 30px 0px 20px 0px; color: #000000; }
.surv_standard .message { margin: 20px 0px 20px 0px; color: #ed2024; border: double #ed2024 3px; padding: 10px; }
.surv_standard .buttons {clear: both;padding: 20px 0px 0px 160px;}

.int_newsletter .field { clear: both; padding: 10px 0px 0px 0px; }
.int_newsletter .label {float: left;width: 100px;text-align: right;padding: 0px 10px 0px 0px;}
.int_newsletter .buttons { clear: both;padding: 20px 0px 0px 0px; }


.unsubscribe { font-size: 80%; }

.mailinglist .titletxt { display: none; }

@media ( max-width: 592px )
{
   .formbuilder .label  { clear: left; text-align: left; }
   .surv_standard .buttons { padding: 20px 0px 0px 0px; }
   .formbuilder .input { width: 100%; }
}  

@media ( max-width: 496px )
{
    .int_newsletter .label { float: none; text-align: left;}
    .int_newsletter .input { width: 100%; }
}

@media ( max-width: 444px )
{
   input#fb-4, input#fb-5, input#fb-9 { width: 90%; }
}

@media( max-width: 378px )
{
.intro { width: 70%; }   
input#fb-4, input#fb-5, input#fb-9 { width: 70%; }
}

@media (max-width: 348px) 
{
    .int_newsletter input { width: 100%; }
    .int_newsletter .submit { width: auto; }
} 

   
.shop_basket th, .shop_basket td { padding: 5px; }
.shop_basket table .price { text-align: right; }
.shop_basket table .total { text-align: right; }
.shop_basket textarea { min-height: 40px; }
.shop_basket .paymentgateways { margin-bottom: 20px; }
.shop_basket .discount { display: none; }
.shop_basket .buttons { clear: both; padding: 30px 0px 0px 0px; }
.shop_basket .buttons a, .shop_basket .buttons input { margin-right: 10px; }

.shop_expressorder .introduction { padding-bottom: 20px; }
.shop_expressorder .product .name { border-top: solid #99cdff 2px; font-weight: bold; color: #1e4294; }
.shop_expressorder .product:first-child .name { border-top: none; }
.shop_expressorder .ui-tabs-nav { display: none; }
.shop_expressorder .price { text-align: right; }
/* .shop_expressorder .price:before { content: '\00A3'; } */
.shop_expressorder .code { display: none; }
.shop_expressorder .image { display: none; }

@media( max-width: 560px)
{
   .shop_basket { font-size: 60%; }
   .shop_basket table th, .shop_basket table td { padding: 5px; }
   .shop_basket .buttons { padding-top: 20px; }
}

@media( max-width: 360px)
{
   .buttons input.checkout { margin-top: 10px; }
}

.contact img { float: left; height: 27px; width: auto; margin: 0px 10px 0px 0px !important;; }
.contact img.fb { margin-left: 0px; margin-right: 0px;  }


@media( max-width: 595px)
{
   .formbuilder .label { width: 300px; }
   .formbuilder .field_section .label { padding: 30px 0px 10px 0px; }
   .formbuilder textarea { width: 100%;  }

}

@media( max-width: 342px)
{
   .formbuilder input, .formbuilder select { width: 100%; }
   #fb-ShipUseBilling { width: auto; }
}

@media( max-width: 980px)
{
   .shop_expressorder { font-size: 120%;}
   .ui-spinner { font-size: 160%; }
}

.ui-button { cursor: pointer; }



/* Hide Archive year links in main menu */
.nav_multilevel .level2 { display: none; }

.home .pagecontent { min-height: 500px;}

.std_eventpagea strong {font-family:GillSansBold; }

/* Tickets */

.tickets li {list-style-type: disc; padding: 5px 0px; list-style-position: outside;}
.tickets li:last-of-type { padding-bottom: 10px;}
.tickets ul { padding: 0px 20px;}

.int_newsletter { padding-bottom: 40px;}