/*
Theme Name: Stirling Events
Author: unavoided
Version: 1.0
Text Domain: stirling events
*/

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=82091e68-7262-44cc-9b96-f30ea16e4cb4");
@font-face{     font-family:"Basic Sans W05 ExtraLight";        src:url("Fonts/d941cdec-2c28-455b-9494-77dc4b7abf79.eot?#iefix");        src:url("Fonts/d941cdec-2c28-455b-9494-77dc4b7abf79.eot?#iefix") format("eot"),url("Fonts/d058903f-774d-44af-bc3a-823c7910daba.woff2") format("woff2"),url("Fonts/f580f09c-e80c-47ee-a425-c78c00c04734.woff") format("woff"),url("Fonts/7352569b-1980-4a6d-b838-d817a9c6c1fa.ttf") format("truetype");    }
@font-face{        font-family:"Basic Sans W05 Light";        src:url("Fonts/47601510-3c66-45d2-8431-9439ddcac207.eot?#iefix");
src:url("Fonts/47601510-3c66-45d2-8431-9439ddcac207.eot?#iefix") format("eot"),url("Fonts/cbd19423-43b9-4397-b1df-12118fe575c4.woff2") format("woff2"),url("Fonts/28c5c841-dc8c-4990-9aee-74078e3c36cc.woff") format("woff"),url("Fonts/4995440a-5d1e-4378-9847-f86c71c5d5ee.ttf") format("truetype");    }
@font-face{        font-family:"Basic Sans W05 Regular";        src:url("Fonts/488936dc-d8ea-4621-b57a-7b108dab9e90.eot?#iefix");        src:url("Fonts/488936dc-d8ea-4621-b57a-7b108dab9e90.eot?#iefix") format("eot"),url("Fonts/81ebec5e-8db0-44d6-9a45-0fab01630616.woff2") format("woff2"),url("Fonts/7b5bb9bd-61d0-4b8f-ad84-4b4c138bdf66.woff") format("woff"),url("Fonts/7106b045-4ca9-4611-8cf7-9a80886626b3.ttf") format("truetype");    }
@font-face{        font-family:"Basic Sans W05 SemiBold";        src:url("Fonts/1e040289-6622-4699-922a-0ed1525dfe58.eot?#iefix");        src:url("Fonts/1e040289-6622-4699-922a-0ed1525dfe58.eot?#iefix") format("eot"),url("Fonts/c9031c88-4e09-4a9a-984d-f50d3e7ca343.woff2") format("woff2"),url("Fonts/f6a4ddad-d81f-4c1d-ae32-2b6100770866.woff") format("woff"),url("Fonts/74f98d24-374e-4f18-b6ff-668685ae516d.ttf") format("truetype");    }
@font-face{        font-family:"Basic Sans W05 Bold";        src:url("Fonts/926089c3-7f66-437a-9297-746d0d19be39.eot?#iefix");        src:url("Fonts/926089c3-7f66-437a-9297-746d0d19be39.eot?#iefix") format("eot"),url("Fonts/4bca41cb-b239-4d17-adb0-c3aee8343243.woff2") format("woff2"),url("Fonts/dd74f989-47e2-417d-83b7-bff18834d537.woff") format("woff"),url("Fonts/3b98f172-2714-4780-8e65-0bab857f704c.ttf") format("truetype");    }
@font-face {font-family: 'brucebold'; src: url('Fonts/brucebd-webfont.eot'); src: url('Fonts/brucebd-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/brucebd-webfont.woff2') format('woff2'), url('Fonts/brucebd-webfont.woff') format('woff'), url('Fonts/brucebd-webfont.ttf') format('truetype'), url('Fonts/brucebd-webfont.svg#brucebold') format('svg'); font-weight: normal; font-style: normal;}

#SpektrixIFrame {width: 100% !important;}

* {margin:0; padding:0; color:#000; font-family:"Basic Sans W05 Light"; }
html {background:#fff; height:100%;}
body {height:100%;}

h1 {margin-bottom:3%; font-weight:normal; font-size:3.5em;font-family:"Basic Sans W05 Light"; }
h2, h2 a {margin-bottom:3%; font-weight:normal;  font-size:1.875em; }
h3 {margin-bottom:3%; font-weight:normal;}
h4 {margin-bottom:3%; font-weight:normal;}
p  {margin-bottom:3%; font-size:1em; line-height:1.50em;}
ul {margin-bottom:3%; padding-left:3%; }
li {font-size:1em;  }
.uppercase {text-transform: uppercase;}
.bigpara {font-size: 1.25em;}
.bruce {font-family: 'brucebold'; letter-spacing: 0; font-size: 2.5em; text-transform: uppercase;}
strong {font-family:"Basic Sans W05 Bold"; }
.dailyupdate p:last-of-type {margin-bottom: 0;}


a { text-decoration:underline; color:#17479e;}
a:hover {color:#999;}
.gform_button, .enquiry, .morelink {border:1px solid #444; padding:2% 6%;  color:#444; font-size:1em; line-height:2em; display:inline-block; margin-top:3%; text-transform:uppercase;}
.morelink:hover {border:1px solid #999; }
.booklink {background: #000;padding: 1% 3%;color: #fff;border: none;font-size: 0.9em;text-transform: uppercase;width: 34%;display: inline-block;text-align: center;text-decoration: none;cursor: pointer;}
i {font-style:normal;}
hr {border: 0; color:#000; height:1px; background:#999999; clear:both; margin:3% 0;}
iframe {margin-bottom:20px;}
.breadcrumbs {margin-bottom:3%; font-size:0.825em;} 

/*images*/
.attachment-medium {margin-bottom:3%}
.alignright {float:right; margin-left:3%;  width: auto !important;}
.alignleft {float:left; margin-right:3%;  width: auto !important;}
#homelogo {position:absolute; z-index:450; width:33%; height:auto; left:3%; top:8%; }
.halfwidth img   {width: 100%; height: auto;}
.size-large  {width: 100%; height: auto; margin-bottom:  3%}

/*video*/
.js-video {height: 0; padding-top: 25px; padding-bottom: 51%; margin-bottom: 10px; position: relative; overflow: hidden; margin:0 0 30px 0;}
.js-video.widescreen {padding-bottom: 56.34%;}
.js-video.vimeo {padding-top: 0;}
.js-video embed, .js-video iframe, .js-video object, .js-video video {top: 0; left: 0; width: 100%; height: 100%; position: absolute;}

/*layout*/
.pagewidth {max-width:1280px; margin:0 auto; overflow:auto;}
.withpadding { padding:3% 0;}
.blogpost {max-width:1024px; margin:0 auto; overflow:auto;}
.topdiv {padding-top: 130px;}

.nomargin {margin-bottom: 0;}
section {margin:0 3%; padding:0 3%; overflow:auto; position: relative; overflow: hidden;}
section.content {padding: 3%;}
section.related {padding: 0; margin: 0}
.banner {height: 45%; width: 100%; background-size: cover; background-position: center center;position: relative; -webkit-box-shadow: 0px 0px 30px 10px rgba(11,5,46,0.7); -moz-box-shadow: 0px 0px 30px 10px rgba(11,5,46,0.7); box-shadow: 0px 0px 30px 10px rgba(11,5,46,0.7);}
.bannerarchive {height: 45%; width: 100%; background-size: cover; background-position: center top;position: relative; -webkit-box-shadow: 0px 0px 30px 10px rgba(11,5,46,0.7); -moz-box-shadow: 0px 0px 30px 10px rgba(11,5,46,0.7); box-shadow: 0px 0px 30px 10px rgba(11,5,46,0.7);}
.bannerpage {height: 450px; width: 100%; position: relative; -webkit-box-shadow: 0px 0px 30px 10px rgba(11,5,46,0.7); -moz-box-shadow: 0px 0px 30px 10px rgba(11,5,46,0.7); box-shadow: 0px 0px 30px 10px rgba(11,5,46,0.7);}
.outerbanner {background-size: cover; background-attachment: fixed; background-position: center top;}
.bannerbooking {height: 250px; padding-top: 120px; width: 100%; background-size: cover; background-position: center center; position: relative; -webkit-box-shadow: 0px 0px 30px 10px rgba(11,5,46,0.7); -moz-box-shadow: 0px 0px 30px 10px rgba(11,5,46,0.7); box-shadow: 0px 0px 30px 10px rgba(11,5,46,0.7);}

.left {width:65%; display:inline-block; vertical-align:top; margin-right:3%; }
.right {width:32%; display:inline-block; vertical-align:top;}
.middle { top: 50%; transform: translateY(-50%); position:absolute; max-width: 100%;}
.centered {text-align: center;}
.middlealign {vertical-align: middle !important;}


.halfwidth {width:44%; padding: 2%; margin-right:4%; display:inline-block; vertical-align:top;  overflow: auto; }
.innerhalf {display: inline-block; width: 48.2%; padding-right: 1.5%; border-right: 1px solid #4d201b; vertical-align: top; text-align: center;}
.innerhalf:nth-of-type(2) {border: none; padding-right: 0; padding-left: 1.5%;}
.halfwidth:nth-of-type(2n) {margin-right:0;}


.quarter {width:23.5%; margin-right:2%; display:inline-block; vertical-align:top; opacity: 1; transition:all 500ms ease; margin-bottom: 3%;}
.quarter:hover {opacity: 0.7;}
.quarter:nth-of-type(4n) {margin-right: 0;}
.quarter img {width: 100%; height: auto; display: block;}

.onethird {width:32%; position: relative; display:inline-block; vertical-align:top; margin-right: 2%; margin-bottom: 2%; background: rgba(109,40,133,0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease; }
.onethirdside {width:26%; padding: 3% !important; background: rgba(224,183,135,1);  display:inline-block; vertical-align:top; margin-right: 2%; }
.onethirdsideblue {width:26%; padding: 3% !important; background: rgba(66,76,103,1);  display:inline-block; vertical-align:top; margin-right: 2%; }
.onethirdside img {width: 100%; height: auto; margin-bottom: 3%;}

.onethird:hover img, .onethird:hover .bluebox {opacity: 0.7;}
.onethird:nth-of-type(3n) {margin-right: 0;}
.onethird img {width: 100%; height: auto; display: block; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.thirdtitle {background: url(images/line.png) center center no-repeat; font-size: 1.25em;  display: block; text-align: center; padding: 2% 0;  }
.onethird:nth-of-type(3n) {margin-right: 0;}
.twothird {width:62%; margin-right: 4%;  display:inline-block; vertical-align:top;}

.twocolumns {-webkit-column-count: 2;  -moz-column-count: 2;  column-count: 2; -webkit-column-gap: 60px;  -moz-column-gap: 60px;  column-gap: 60px;}
.threecolumns {-webkit-column-count: 3;  -moz-column-count: 3;  column-count: 3; -webkit-column-gap: 60px;  -moz-column-gap: 60px;  column-gap: 60px; }

.pink {background: #b7016b; position: relative;}
.white {background: #fff; position: relative;}
.navy {background: #003e6b; position: relative;}
.grey {background: #ebebeb; position: relative;}
.teal {background: #01b199; position: relative;}
.blue {background: #0077be; position: relative;}

.whitetext {color: #fff;}


/*googlemaps*/
.google_map { position: relative;  padding-bottom:80%; height: 0; overflow: hidden; margin-bottom:0; width: 100%; display: inline-block; vertical-align: top; margin-right: 2%;}
.google_map iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

/*header & Mneus*/
header {height: 120px; background: #fff; z-index: 10001; position: fixed; width: 100%;}
header .logolink {height: 120px; display: inline-block;}
header img {height: 70px; width: auto; padding: 20px 30px; display: inline-block; vertical-align: top;}
header .menu-btn { display: none;}
header .menu-icon {display: none;}

.main-menu {display: inline-block; vertical-align: top;}
.main-menu ul {list-style: none; margin-bottom: 0; padding-left: 0;}
.main-menu li {display: inline-block; vertical-align: top;}
.main-menu li a {font-weight: 100; font-style: normal; text-decoration: none; line-height: 120px; color: #003e6b; padding: 0 8px; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}

.book-menu ul {padding:0; margin-bottom:9%;}
.book-menu li {list-style:none; background:#000; text-align:center; padding:2% 0; margin-bottom:2%;}
.book-menu li a {color:#fff; text-decoration:none;}

.menu-item-4150 {position: absolute; right: 3%; background: url(images/search.png) no-repeat; background-position: center center; width: 28px; font-size: 0; height: 120px; display: block; top: 0;} 
.menu-item-4152 {position: absolute; right: 6%; background: url(images/account.png) no-repeat; background-position: center center; width: 28px; font-size: 0; height: 120px; display: block; top: 0;} 
.menu-item-4151 {position: absolute; right: 9%; background: url(images/cart.png) no-repeat; background-position: center center; width: 28px; font-size: 0; height: 120px; display: block; top: 0;} 
.sidemenu a {display: block; width: 28px; height: 120px; }

.tolboothmenu a {font-size: 0; width: 150px; background: url(images/tolbooth-menu.png) center center no-repeat; background-size:85% auto; display: block;}
.alberthallsmenu a {font-size: 0; width: 150px; background: url(images/albert-halls-menu.png) center center no-repeat; background-size:85% auto; display: block}
.creativelearningmenu a {font-size: 0; width: 180px; background: url(images/creative-learning-menu.png) center center no-repeat; background-size:85% auto; display: block}


.searchwidth {max-width:1280px; margin:0 17%;}
.search-form {background:rgba(0,0,0,.7); position:fixed; z-index:9000; width:100%; top:120px; height:60px;}
.search-form.smaller {top: 60px;}
.innersearch {max-width:1280px; padding:1% 0; margin:0 2%;}
.search-field {width:90%; border:none; background:#fff; height:38px; color:#000; padding-left:2%; margin-right:2%; font-size:1em; display:inline-block;}
.search-submit {width:5%; border:none; background:url(images/search-over.png) no-repeat center #003e6b; height:38px; display:inline-block; position:relative; top:-2px;}
.menu li.current-menu-ancestor > .searchform {top:120px !important;}

/*search*/
.searchresult {border: 1px solid #464646; padding: 2%; margin-bottom: 3%; position: relative; min-height: 80px; padding-left: 130px;}
.searchresult img {position: absolute; height: 80px; width: auto; left: 2%}
.searchresult p {margin-bottom: 0;}

/*front page*/

.cb-slideshow {position:relative;  height:800px;  z-index: 0; overflow: hidden; }
#slider1 {height:100%;padding-left:0; margin-bottom:0; position:relative; width: 100%; }
.cb-slideshow li {list-style:none; display: none; width: 100%; height: 100%;}
.cb-slideshow li img {width: 105%; height: auto; position: fixed; margin: auto; left: -2.5%; right: 2.5%; top: 0; filter: blur(10px); z-index: -10; opacity: 0.8}
.feat-info { position:absolute; max-width:1280px; width: 100%; margin:0 auto; left: 0; right: 0; padding: 0;  text-align: left; bottom: 3% !important;  z-index: 100000;  color: #fff; font-size: 1.25em;	}
.feat-links .h2 {color: #fff !important; display: block; margin-bottom: 0; font-size: 1.5em !important; }
.feat-links {margin-left: 3%; color: #fff;}
.slide {height: 100%; position: relative; top: 90px;  max-width:1280px; margin:0 auto; overflow:auto; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; background-position: 50% 50%; background-repeat: none;}
.slidetitle {top: 45%; transform: translateY(-45%); margin-left: 3%; position:absolute; max-width: 100%; color: #fff !important; font-size: 4em; letter-spacing: 10px; text-shadow: 0 0 2px #000;}

.rslides_nav {position:absolute; top:0; width:3%; height:100%; z-index:1003;}
.rslides_nav.prev {left:0; background:url(images/prev.png) no-repeat center center; background-size:contain; font-size:0; padding-top: 120px }
.rslides_nav.next {right:0; background:url(images/next.png) no-repeat center center; background-size:contain; font-size:0; padding-top: 120px  }
.rslides_nav.prev:hover {background:rgba(0,0,0,0.6) url(images/prev.png) no-repeat center center; background-size:contain; font-size:0}
.rslides_nav.next:hover {background:rgba(0,0,0,0.6) url(images/next.png) no-repeat center center; background-size:contain; font-size:0}

.blurb {text-align: center; padding: 2% 0; color: #fff; font-size: 1.25em; }
.blurb p {color: #fff; font-size: 24px; margin-bottom: 0;}
.blurb p strong {color: #fff; font-family:"Basic Sans W05 SemiBold"; }

.creative {background: url(images/creative-home.jpg);  background-size:cover; background-position: center bottom; background-attachment: fixed; }
.musicback {background: url(images/creative-music.jpg);  background-size:cover; background-position: center bottom; background-attachment: fixed; }

.creative .halfwidth {padding: 10% 0;}
.creative h2, .creative h3, .creative p {color: #fff;}
.creative a {background: #4b0049; padding:1% 3%;  color:#fff; font-size:1em; line-height:2em; display:inline-block; text-transform:uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.creative a:hover {background: #d3580c; color: #fff; }

.brochure {background-position:center center; background-size:cover; padding:4% 0; text-align:center; color:#fff; text-transform:uppercase;}
.giftvoucher {padding: 6% 0;}
.giftvouchertext {background: rgba(255,255,255,0.5); padding: 3px 10%; color: #003e6b; font-size: 1.2em;}


.searchingbox h3 {background: #003e6b; text-align: center; padding: 3% 0; color: #fff}
.listevent {background: #fff; padding: 2% 3%; margin-bottom: 2%; color: #003e6b; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.listevent:hover {background: #003e6b; color: #fff;  }

.listevent-Tolbooth {padding-left: 40px; background: url(images/tolbooth-t.png) no-repeat left center #fff; background-size: 35px auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.listevent-Albert-Halls {padding-left: 40px; background: url(images/albert-a.png) no-repeat left center #fff; background-size:  35px auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.listevent-Creative-Learning {padding-left: 40px; background: url(images/creative-c.png) no-repeat left center #fff; background-size:  35px auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}

.listevent-Tolbooth:hover {background: url(images/tolbooth-t-white.png) no-repeat left center #003e6b; background-size: 35px auto;}
.listevent-Albert-Halls:hover {background: url(images/albert-a-white.png) no-repeat left center #003e6b; background-size: 35px auto;}
.listevent-Creative-Learning:hover {background: url(images/creative-c-white.png) no-repeat left center #003e6b;background-size: 35px auto;}

/*events*/
.event {width:23.5%; display:inline-block; vertical-align:top; text-align:center; margin-right:2%;}
.event-result {width:48%; display:inline-block; vertical-align:top; text-align:center; margin-right:2%;}
.event .imglink, .event-result .imglink {position:relative; display:block;}
.event:nth-of-type(4n) {margin-right:0}
.event-result:nth-of-type(2n) {margin-right: 0;}
.event .attachment-medium, .event-result .attachment-medium {width:100%; height:auto; margin: 0 0 9%; display:block;}
.event h4, .event-result h4 { text-transform:uppercase; font-size:0.875em; display:block; top: 50%; width: 80%; transform: translateY(-50%); position:absolute; text-align:left; margin-bottom:0; color:#fff !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
.event:hover h4, .event-result:hover h4 {top: 3%; transform: none;}
.event h4 span, .event-result h4 span {color: #fff; font-size: 0.75em; }

.eventexcerpt {text-transform:capitalize !important;display:none; opacity:0; color:#fff; font-size:0.875em; padding-top:3%; padding-right: 6%;}
.event:hover h4 .eventexcerpt, .event-result:hover h4 .eventexcerpt, .music:hover h4 .eventexcerpt {display:block; opacity:1;}
.eventtype {color:#fff; font-size:0.75em; font-weight:bold; z-index: 1000; background:#661125; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; -ms-transition: all 0.9s ease;  transition: all 0.9s ease; position:absolute; bottom:3%; padding:1% 3%; left: 3%;}
.event:hover .eventtype, .event-result:hover .eventtype {display:inline-block !important; opacity:1;}

.eventtype {color:#fff; font-size:0.75em; font-weight:bold; z-index: 1000; background: #003e6b; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; -ms-transition: all 0.9s ease;  transition: all 0.9s ease; position:absolute; bottom:3%; padding:1% 3%; left: 3%;}

.event-Tolbooth {background-color: rgba(1,177,153,0.8); position:absolute; bottom: 0; height: 33%; width: 77%; padding: 0 20% 0 3%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
.event-Albert-Halls {background: rgba(0,119,190,0.8);  position:absolute; bottom: 0; height: 33%; width: 77%; padding: 0 20% 0 3%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
.event-Creative-Learning {background: rgba(183,1,107,0.8);  position:absolute; bottom: 0; height: 33%; width: 77%; padding: 0 20% 0 3%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
.event-Events {background-color: rgba(0,62,107,0.8); position:absolute; bottom: 0; height: 33%; width: 77%; padding: 0 20% 0 3%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
.event-Music {background: rgba(183,1,107,0.9);  position:absolute; bottom: 0; height: 33%; width: 77%; padding: 0 20% 0 3%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}

/*music*/
.music {width:48%; display:inline-block; vertical-align:top; text-align:center; margin-right:4%;}
.music-result {width:48%; display:inline-block; vertical-align:top; text-align:center; margin-right:2%;}
.music .imglink, .music-result .imglink {position:relative; display:block;}
.music:nth-of-type(2n) {margin-right:0}
.music-result:nth-of-type(2n) {margin-right: 0;}
.music .attachment-large, .music-result .attachment-large {width:100%; height:auto; margin: 0 0 9%; display:block;}
.music h4, .music-result h4 { text-transform:uppercase; font-size:0.875em; display:block; top: 50%; width: 80%; transform: translateY(-50%); position:absolute; text-align:left; margin-bottom:0; color:#fff !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
.music:hover h4, .music-result:hover h4 {top: 3%; transform: none;}
.music h4 span, .music-result h4 span {color: #fff; font-size: 0.75em; }


.event-music {background-image:url(images/music.png); background-position: right center; background-repeat: no-repeat; background-size: 15% auto}
.event-comedy {background-image:url(images/comedy.png); background-position: right center; background-repeat: no-repeat; background-size: 15% auto}
.event-family {background-image:url(images/family.png); background-position: right center; background-repeat: no-repeat; background-size: 15% auto}
.event-entertainment {background-image:url(images/entertainment.png); background-position: right center; background-repeat: no-repeat; background-size: 15% auto}
.event-talk {background-image:url(images/talk.png); background-position: right center; background-repeat: no-repeat; background-size: 15% auto}
.event-theatre {background-image:url(images/theatre.png); background-position: right center; background-repeat: no-repeat; background-size: 15% auto}
.event-animation {background-image:url(images/animation.png); background-position: right center; background-repeat: no-repeat; background-size: 15% auto}
.event-art {background-image:url(images/art.png); background-position: right center; background-repeat: no-repeat; background-size: 15% auto}
.event-film {background-image:url(images/film.png); background-position: right center; background-repeat: no-repeat; background-size: 15% auto}
.event-photography {background-image:url(images/photography.png); background-position: right center; background-repeat: no-repeat; background-size: 15% auto}
.event-technology {background-image:url(images/technology.png); background-position: right center; background-repeat: no-repeat; background-size: 15% auto}

.eventlist { padding: 2% 3% 2% 40px; background-color: #fff; margin-bottom: 2%; color: #003e6b; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.eventlist:hover {background: #003e6b; color: #fff;}

.eventlist-music {background-image:url(images/music-blue.png) ; background-position: left center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.eventlist-comedy {background-image:url(images/comedy-blue.png) ; background-position: left center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.eventlist-family {background-image:url(images/family-blue.png) ; background-position: left center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.eventlist-entertainment {background-image:url(images/entertainment-blue.png); background-position: left center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.eventlist-talk {background-image:url(images/talk-blue.png) ; background-position: left center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.eventlist-theatre {background-image:url(images/theatre-blue.png); background-position: left center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.eventlist-film {background-image:url(images/film-blue.png); background-position:left center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.eventlist-exhibition {background-image:url(images/exhibition-blue.png); background-position:left center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.eventlist-creative-learning {background-image:url(images/creative-blue.png); background-position:left center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}

.eventlist-music:hover {background-image:url(images/music-white.png) ; background-position: left center; background-repeat: no-repeat; background-size: contain}
.eventlist-comedy:hover {background-image:url(images/comedy-white.png) ; background-position: left center; background-repeat: no-repeat; background-size: contain}
.eventlist-family:hover {background-image:url(images/family-white.png) ; background-position: left center; background-repeat: no-repeat; background-size: contain}
.eventlist-entertainment:hover {background-image:url(images/entertainment-white.png); background-position: left center; background-repeat: no-repeat; background-size: contain}
.eventlist-talk:hover {background-image:url(images/talk-white.png) ; background-position: left center; background-repeat: no-repeat; background-size: contain}
.eventlist-theatre:hover {background-image:url(images/theatre-white.png); background-position: left center; background-repeat: no-repeat; background-size: contain}
.eventlist-film:hover {background-image:url(images/film-white.png); background-position:left center; background-repeat: no-repeat; background-size: contain}
.eventlist-exhibition:hover {background-image:url(images/exhibition-white.png); background-position:left center; background-repeat: no-repeat; background-size: contain}
.eventlist-creative-learning:hover {background-image:url(images/creative-white.png); background-position:left center; background-repeat: no-repeat; background-size: contain}




.event:hover .event-Tolbooth, .event:hover .event-Albert-Halls, .event:hover .event-Creative-Learning, .event:hover .event-Events, .music:hover .event-Music, .event:hover .event-Music  {height: 100%;}
.event:hover .event-music {background-position: right 10% ;}

.festivallist img {display: block;}
.festivalinfo {background: #003e6b; color: #fff; padding: 3%;}
.festivalinfo p, .festivallist h2 {color: #fff;}
.festivalinfo p:last-of-type {margin-bottom: 0}
.festivallogo {position: absolute !important; filter: none !important; z-index: 1000 !important; width:30% !important; height: auto !important; top: 50% !important; transform: translateY(-50%) !important;  }

/*resizingboxes
@media only screen and (min-width:768px) and (max-width:10000px) {
.archive .event:nth-of-type(5), .archive .event:nth-of-type(6), .archive .event:nth-of-type(7) {width:32%;}
.archive .event:nth-of-type(7n) {margin-right: 0;}
.archive .event:nth-of-type(12), .archive .event:nth-of-type(13), .archive .event:nth-of-type(14) {width:32%;}
.archive .event:nth-of-type(11), .archive .event:nth-of-type(18), .archive .event:nth-of-type(25), .archive .highlight:nth-of-type(33) {margin-right: 0;}
.archive .event:nth-of-type(19), .archive .event:nth-of-type(20), .archive .event:nth-of-type(21) {width:32%;}
.archive .event:nth-of-type(26), .archive .event:nth-of-type(27), .archive .event:nth-of-type(28) {width:32%;}
.archive .event:nth-of-type(33), .archive .event:nth-of-type(34), .archive .event:nth-of-type(35) {width:32%;}
.archive .event:nth-of-type(41), .archive .event:nth-of-type(42), .archive .event:nth-of-type(43) {width:32%;}
.archive .event:nth-of-type(48), .archive .event:nth-of-type(49), .archive .event:nth-of-type(50) {width:32%;}

.page-id-4103 .event:nth-of-type(5), .page-id-4103 .event:nth-of-type(6), .page-id-4103 .event:nth-of-type(7) {width:32%;}
.page-id-4103 .event:nth-of-type(7n) {margin-right: 0;}
.page-id-4103 .event:nth-of-type(12), .page-id-4103 .event:nth-of-type(13), .page-id-4103 .event:nth-of-type(14) {width:32%;}
.page-id-4103 .event:nth-of-type(11), .page-id-4103 .event:nth-of-type(18), .page-id-4103 .event:nth-of-type(25), .page-id-4103 .event:nth-of-type(32), .page-id-4103 .event:nth-of-type(39), .page-id-4103 .event:nth-of-type(46), .page-id-4103 .event:nth-of-type(53) {margin-right: 0 !important;}
.page-id-4103 .event:nth-of-type(19), .page-id-4103 .event:nth-of-type(20), .page-id-4103 .event:nth-of-type(21) {width:32%;}
.page-id-4103 .event:nth-of-type(26), .page-id-4103 .event:nth-of-type(27), .page-id-4103 .event:nth-of-type(28) {width:32%;}
.page-id-4103 .event:nth-of-type(33), .page-id-4103 .event:nth-of-type(34), .page-id-4103 .event:nth-of-type(35) {width:32%;}
.page-id-4103 .event:nth-of-type(40), .page-id-4103 .event:nth-of-type(41), .page-id-4103 .event:nth-of-type(42) {width:32%;}
.page-id-4103 .event:nth-of-type(47), .page-id-4103 .event:nth-of-type(48), .page-id-4103 .event:nth-of-type(49) {width:32%;}
.page-id-4103 .event:nth-of-type(54), .page-id-4103 .event:nth-of-type(55), .page-id-4103 .event:nth-of-type(56) {width:32%;}
.page-id-4103 .event:nth-of-type(61), .page-id-4103 .event:nth-of-type(62), .page-id-4103 .event:nth-of-type(63) {width:32%;}
*/
.filterbox {background: #ebebeb; padding: 1% 3%; text-align: right; margin-bottom: 0;}
.filter { margin-bottom: 3%; height: 0; background: #ebebeb; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; visibility: hidden;}
.filter-btn {display: none;}
.filter-icon {  cursor: pointer;  display: inline-block;  padding: 5px 5px;   user-select: none;}
.filter-icon .filtericon {background: rgba(39,41,46,1);  display: block;  height: 2px;  position: relative;  transition: background .2s ease-out;  width: 18px;}
.filter-icon .filtericon:before, .filter-icon .filtericon:after {  background: rgba(39,41,46,1);  content: '';  display: block;  height: 100%;  position: absolute;  transition: all .2s ease-out;  width: 100%; transform:  rotate(-90deg);}


/* menu btn */

.filter-btn:checked ~ .filter {  height: 400px; background: rgba(235,235,235,0.7); padding: 2%; visibility: visible;}
.filter-btn:checked ~ .filter-icon .filtericon {  background: transparent;}
.filter-btn:checked ~ .filter-icon .filtericon:before {  transform: rotate(-45deg);}


/*advert*/
.advert {text-align: center; }
.advert img {width: 100%; height: auto; display: block; margin-bottom: 3%;}
.adinfo {top: 50%; transform: translateY(-50%); position: absolute; width: 94%; text-align: center; color: #fff; text-transform: uppercase;  letter-spacing: 4px;}
.adinfo .h2 {color: #fff; margin-bottom: 1%;}

/*archive*/
.arc-slideshow {position:relative;  height:40%;  z-index: 0; overflow: hidden; }
.arc-slideshow #slider1 {height:100%;padding-left:0; margin-bottom:0; position:relative; width: 100%; }
.arc-slideshow li {list-style:none; display: none; width: 100%; height: 100%;}
.arc-slideshow li img {width: 105%; height: auto; position: fixed; margin: auto; left: -2.5%; right: 2.5%; top: 0; filter: blur(10px); z-index: -10; opacity: 0.8}
.arc-slideshow .feat-info { position:absolute; max-width:1280px; width: 100%; margin:0 auto; left: 0; right: 0; padding: 0;  text-align: left; bottom: 3% !important;  z-index: 100000; color: #fff; font-size: 1.25em;	}
.arc-slideshow .feat-links .h2 {color: #fff !important; display: block; margin-bottom: 0; font-size: 1.5em !important; }
.arc-slideshow .feat-links {margin-left: 3%; color: #fff;}
.arc-slideshow .slide {height: 100%; position: relative; top: 90px;  max-width:1280px; margin:0 auto; overflow:auto; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; background-position: 50% 50%; background-repeat: none;}
.arc-slideshow .slidetitle {top: 40%; transform: translateY(-40%); width: 97%; margin-left: 3%; position:absolute; max-width: 100%; color: #fff !important; font-size: 4em; letter-spacing: 10px; text-shadow: 0 0 2px #000;}

.archivehead {position: relative; margin-bottom: 3%;}
.archivehead .morelink { background: #661125; padding:1% 3%;  color:#fff; font-size:1em; line-height:2em; display:inline-block; text-transform:uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.archivehead .morelink:hover {background: #d3580c;  color: #fff; }
.archiveinfo-tolbooth {position: absolute; left: 0; top: 0; bottom: 0; width: 20%; background-color: rgba(1,177,153,0.8); padding: 3%;}
.creativearchiveinfo {position: absolute; left: 0; top: 0; bottom: 0; width: 20%; background:rgba(75,0,73,0.8); padding: 3%;}
.archiveinfo h2, .archiveinfo h3, .archiveinfo p, .creativearchiveinfo h2, .creativearchiveinfo h3, .creativearchiveinfo p {color: #fff;}
.archivehead img {width: 100%; height: auto; display: block;}

/*datesearch*/
.calendar {padding:5px 2% 0; height:1em; width:auto; }
h1 .calendar {padding:5px 1% 0; height:0.875em}
.filterbar h3 {color:#000;  margin-bottom:3%; }

.datesearch #datebutton {width:100%; border:none; margin-bottom:3%; text-align:center; font-size:1.15em;}
.datesearch #date1 {visibility:hidden; height:0; margin-bottom:0; display:none}
.searchbtn {background:#f8d800; text-align:center; padding:1% 2%; margin-top:3%; display:block; width:100% !important; cursor:pointer; }

/*singles*/
.singleheader {width: 100%; height: 40%; overflow: hidden; position: relative; padding-top: 120px;}
.singleheader img {width: 105%; height: auto; position: fixed; margin: auto; left: -2.5%; right: 2.5%; top: 0; filter: blur(10px); z-index: -10; opacity: 0.8}
.singletop {height: 100%; -webkit-background-size: cover; position: relative; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; background-position: 50% 50%; background-repeat: none; max-width:1280px; margin:0 auto; overflow:auto;}

.single-tolbooth-event .teal, .single-tolbooth-event .grey, .single-creative-learning .pink, .single-creative-learning .grey, .single-music-development .pink {padding: 9%; margin-bottom: 9%}
.single-tolbooth-event .teal h2, .single-tolbooth-event .teal h3, .single-tolbooth-event .teal p, .single-tolbooth-event .teal h4 {color: #fff;}
.single-tolbooth-event .teal hr {color: #fff; background: #fff}
.single-tolbooth-event .teal span {display: inline-block; width: 80px; color: #fff;}

.single-albert-halls-event .blue, .single-albert-halls-event .grey {padding: 9%; margin-bottom: 9%}
.single-albert-halls-event .blue h2, .single-albert-halls-event .blue h3, .single-albert-halls-event .blue p, .single-albert-halls-event .blue h4 {color: #fff;}
.single-albert-halls-event .blue hr {color: #fff; background: #fff}
.single-albert-halls-event .blue span {display: inline-block; width: 80px; color: #fff;}

.single-creative-learning .pink h2, .single-creative-learning .pink h3, .single-creative-learning .pink p, .single-creative-learning .pink h4 {color: #fff;}
.single-creative-learning .pink hr {color: #fff; background: #fff}
.single-creative-learning .pink h3 strong {font-family:"Basic Sans W05 Regular"; color: #fff;}
.single-creative-learning .pink span {display: inline-block; width: 80px; color: #fff;}
.bookbutton {background: #000; color: #fff; padding: 2% 5%; margin-top: 3%; display: inline-block}

.single-music-development .pink h2, .single-music-development .pink h3, .single-music-development .pink p, .single-music-development .pink h4 {color: #fff;}
.single-music-development .pink hr {color: #fff; background: #fff}
.single-music-development .pink h3 strong {font-family:"Basic Sans W05 Regular"; color: #fff;}
.single-music-developmentg .pink span {display: inline-block; width: 80px; color: #fff;}
.bookbutton {background: #000; color: #fff; padding: 2% 5%; margin-top: 3%; display: inline-block}

.single-event .navy, .single-event .grey {padding: 9%; margin-bottom: 9%}
.single-event .navy h2, .single-event .navy h3, .single-event .navy p, .single-event .navy h4 {color: #fff;}
.single-event .navy hr {color: #fff; background: #fff}
.single-event .navy span {display: inline-block; width: 80px; color: #fff;}

.musicdevelopment {background: url(images/music-dev.jpg);  background-size:cover; background-position: center bottom; background-attachment: fixed; }
.musicdev {width:23.5%; display:inline-block; margin-bottom: 2%; vertical-align:top; text-align:center; margin-right:1.5%; background: rgba(183,1,107,0.8); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.musicdev:hover {background: rgba(183,1,107,1);}
.musicdev:nth-of-type(4n) {margin-right:0}
.musicdev a {color: #fff; display: block; height: 100px; line-height: 100px}
.musicdevelopment h2, .musicdevelopment h3, .musicdevelopment p {color: #fff;}
.pinkbar {padding: 3% 0; background: rgba(183,1,107,1);}

/*exhibitions*/
.faqs {margin: 0 10%;}
.bookinfo {margin-bottom: 2%;}
.book_name {margin: 0px; padding:1%;  display:block; margin-bottom:0; cursor: pointer; background:#000; color: #fff; page-break-inside: avoid; /* For Firefox. */
  -webkit-column-break-inside: avoid; /* For Chrome & friends. */
  break-inside: avoid; /* For standard browsers like IE. :-) */ }
.book_name:hover {background:#fff; color:#000 !important;}
.book_container {    height: 0px;    overflow: hidden;    padding: 0px; }
.book_info {padding:2%; background:#E5E5E5; display:block; border-bottom:8px solid rgba(0,0,0,0);}
.book_info p, .book_info ul {margin-bottom: 0;}
.exhibittime {display:inline-block; background: #000; color: #fff; margin:0 3px 3px 0; padding: 1%;}


.pagewidthsingle {max-width:1024px; margin:0 auto; overflow:auto;}
.pagewidthsingle {width: 100%; height: auto; margin-bottom: 3%;}

#gallerycontent {position:absolute; width:74%; min-height:100%; left:20%; padding:3% 3%;}
#gallerycontent h1 {text-transform:uppercase; margin-bottom:5%; font-size:1.5em;}
.gallery {margin-bottom:2% !important;}
.gallery-item, .gallery-item img {border:none !important; }
.gallery-item {width:48% !important; height:auto; margin-right:2% !important; margin-bottom:1% !important; margin-top:0 !important; display:inline-block !important; float:none !important;}
#gallery-1 .gallery-item {width:14% !important; height:auto; margin:0 1% !important; margin-bottom:1% !important; margin-top:0 !important; display:inline-block !important; float:none !important;}
.gallery-item img {width:100%; height:auto; display:block;}
.gallery-item a {display:block;}
#cboxOverlay { background: rgba(0,62,107,0.6) !important; opacity:1}
#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { background: none !important;}
#cboxLoadedContent {margin-bottom:40px !important;}
#cboxPrevious, #cboxNext {bottom:8px !important ;}
#cboxPrevious {left:5px !important ;}
#cboxNext {left:32px !important ;} 
#cboxClose { background: url(images/close.png) no-repeat !important; top:1% !important; height: 53px !important;  position: absolute; right: 1% !important ;  text-indent: -9999px; width: 53px !important;}
#cboxPrevious {background:url(images/prev.png) no-repeat !important; top: 50%;  transform: translateY(-50%); height: 35px !important;  left: 0 !important;  position: absolute;    text-indent: -9999px;    width: 25px;}
#cboxNext { background:url(images/next.png)!important;    top: 50%;  transform: translateY(-50%); left:auto !important;   height: 35px !important;    right:0 !important;    position: absolute;    text-indent: -9999px;    width: 25px;}
#cboxCurrent {bottom: 10px !important; color: #646464 !important; left: 2% !important;}
#cboxTitle, #tooltip {display:none !important; }

.googlemaps { position: relative;  padding-bottom:100%; height: 0; overflow: hidden; margin-bottom:3%;}
.googlemaps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

/*footer*/
footer {padding-top:2%;}
footer {background: #fff; position: relative;}
footer .navy {padding: 1% 0 !important; margin-bottom: 0 !important; color: #fff;}
.twitter {display:inline-block; float:left; color:#f8d800; width:240px;  letter-spacing:2px; font-size:1.5em; padding-left:52px; height:48px; line-height:48px; background:url(images/twitter.png) no-repeat center left;}
.tweets {display:inline-block;float:right; max-width:800px}
.tweets li {list-style:none;}
.tweets .user, .tweets .timePosted, .tweets .interact {display:none;}
.tweets .tweet {font-size:1.5em; text-transform:uppercase; text-align:right;} 
.social {font-size:1.25em; text-transform:uppercase; }
.social p {line-height:48px; float:left; padding-right:1%;}
.newlettersign {margin-left: 2%}
.social img {float:left; padding-right:5px;}
.socialimg {padding-right: 10px;}
.newsletter {line-height:48px; float:left;}
.newsletter input {padding: 5px; position: relative; top: -3px;}
.submitbutton {border:none; background:#000; color:#fff; padding:2px 14px !important; height: 32px;}
.socialright {float:right;}

.footer-menu {display: inline-block;}
.footer-menu ul {margin: 0; padding: 0; }
.footer-menu li {list-style: none; display: inline-block; color: #fff;}
.footer-menu li a {color: #fff;}

#greyfooter {background:#ebebeb; padding: 2% 0 0 0;}
#greyfooter .footerwidth {max-width:1280px; margin:auto; overflow:auto;}
#greyfooter p {font-size:1em; line-height:1.25em;}

.footercontent {margin:0 3% 0 3%;}
.footercontent .logofooter {width:auto; height:80px; margin-right:5%; display:inline-block; vertical-align:top;}
.footercontent .footerbox {width:32%; display:inline-block; vertical-align:top; margin-right:2%; margin-bottom:2%; }
.footercontent .footerbox:nth-of-type(3n) {margin-right: 0;}
.footerbox h3 { text-transform:uppercase; font-size:1.25em;}
.timeline-Tweet-tex {font-size:1em !important;}
.footer-menu li {list-style:none;}


@media only screen and (min-width:0px) and (max-width:1001px) {
h1, .h1 {font-size: 2.5em;}
/*layout*/
.middle { top: 50%; transform: translateY(-50%); position:absolute}
.onethird, .twothird {width: 100%;  margin-right: 0; }
.twothird {margin-bottom: 3%;}
.twothird {width: 100%; }
.halfwidth {width: 96%; margin-right: 0; margin-bottom: 3%;}
.quarter, .threequarters,  .twothirds {width: 100%; margin-right: 0; }
.onethird img {width: 100%; height: auto; }
.onethirds {width: 96%;}
.topdiv {    padding-top: 100px;}
.singleheader {padding-top: 90px;}

.twocolumns {-webkit-column-count: 1;  -moz-column-count: 1;  column-count: 1; -webkit-column-gap: 0;  -moz-column-gap: 0;  column-gap: 0;}
.threecolumns {-webkit-column-count: 1;  -moz-column-count: 1;  column-count: 1; -webkit-column-gap: 0;  -moz-column-gap: 0;  column-gap: 0; }

header {height: 90px;}
header .logolink {height: 90px; display: inline-block; position:relative; z-index: 10011;}
header img {height: 50px; width: auto; padding: 20px 30px; display: inline-block; vertical-align: top;}

header .main-menu {  clear: both;  height:0; opacity: 0; transform: none; position: fixed; z-index: 10000; top: 0; left: 0; right: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease;  transition: opacity 0.3s ease;}
header .main-menu {width: auto;}
header .main-menu ul {margin:0 auto !important; left:0; right: 0; padding:0; height: 0; display:block;  top: 20%; width: 100%;  transform: translateY(-20%); position:absolute; max-width: 100%; text-align: center; border-top: none !important}
header .main-menu li { padding:0; text-align:center;  height:50px;  display: none; background-size: 200% 100%;    background-image: linear-gradient(to left, #ebebeb 50%, #fff 50%);    -webkit-transition: background-position 0.5s;    -moz-transition: background-position 0.5s;    transition: background-position 0.5s;}
header .main-menu li a {text-decoration:none; line-height:50px; color:#000 !important; padding: 0; font-size: 1.1em; display:none;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
header .main-menu li:hover { color:#fff;  background-position: -100% 0;}
header .main-menu li:hover a {color:#222721 !important; }
header .main-menu li a:active {color:#222721 !important;}
header .menu-item-443 {display: block;}

header .menu-icon {  cursor: pointer;  display: inline-block;  float: right;  padding: 43px 20px;  position: fixed;  right: 3%;  z-index: 10010;  user-select: none; }
header .menu-icon .navicon {  background:#003e6b; display: block;  height: 3px;  position: relative;  transition: background .2s ease-out;  width: 28px;}
header .menu-icon .navicon:before,header .menu-icon .navicon:after {  background:#003e6b;  content: '';  display: block;  height: 100%;  position: absolute;  transition: all .2s ease-out;  width: 100%;}
header .menu-icon .navicon:before {  top: 8px;}
header .menu-icon .navicon:after {  top: -8px;}
header .menu-btn:checked ~ .main-menu ul li.logomenu {display: none !important;}

.menu-btn:checked ~ .main-menu {  bottom: 0; height: 100%; opacity: 1; background: #fff;}
.menu-btn:checked ~ .main-menu ul {  }
.menu-btn:checked ~ .main-menu ul li {  display:block !important; opacity: 1;}
.menu-btn:checked ~ .main-menu ul li a{  display:block !important; opacity: 1;}
.menu-btn:checked ~ .main-menu ul .menu-item-243 {display: none !important;  opacity: 1;}
.menu-btn:checked ~ .menu-icon .navicon {  background: transparent; }
.menu-btn:checked ~ .menu-icon .navicon:before {  transform: rotate(-45deg); background: #003e6b;}
.menu-btn:checked ~ .menu-icon .navicon:after {  transform: rotate(45deg); background: #003e6b;}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {  top: 0;}

.tolboothmenu a {width: 100%; background-size: 200px auto; font-size: 0 !important;}
.alberthallsmenu a {width: 100%; background-size: 200px auto; font-size: 0 !important;}
.creativelearningmenu a {width: 100%; background-size: 200px auto; font-size: 0 !important;}

.menu-item-4150 {position: relative; right: 0; background: none; width: 100%; font-size: 1em; height: 50px; display: block; top: 0;} 
.menu-item-4152 {position: relative; right: 0; background: none; width: 100%; font-size: 1em; height: 50px; display: block; top: 0;} 
.menu-item-4151 {position: relative; right: 0; background: none; width: 100%; font-size: 1em; height: 50px; display: block; top: 0;} 
.sidemenu a {display: block; width: 100%; height: 50px; }


.slidetitle {font-size: 1.75em !important; width: 80%; margin-left: 6%;}
.feat-info {display: none;}

.event {width:49%;}
.event:nth-of-type(2n) {margin-right: 0;}

.event-Tolbooth {height: 48%; }
.event-Albert-Halls {height: 48%;}
.event-Creative-Learning {height: 48%;}
.event-Music {height: 58%;}


.filter .onethird:nth-of-type(1), .filter .onethird:nth-of-type(2) {display: none;}
.adinfo .h2 {color: #fff; margin-bottom: 1%; font-size: 1.5em;} 

.blurb p {font-size: 24px;}

/*updates*/
.update:nth-of-type(odd) .middle {padding-left: 0;}
.update:nth-of-type(even) .middle {padding-right: 0;}
.update h3 a {color:#000; margin-bottom: 1%; text-transform: uppercase; }
.update:nth-of-type(odd) img {float: none; margin-right: 0; width: 100%; height: auto; margin-bottom: 3%;}
.update:nth-of-type(even) img {float: none; margin-left: 0; width: 100%; height: auto; margin-bottom: 3%;}
.update .middle {position: relative; top: auto; transform: none;}
.update:nth-of-type(odd) .rotate90 {transform: rotate(90deg); top: -60px; left: 0; color: #fff; display: block; white-space: nowrap;  position:absolute; height: 60px; text-transform: uppercase;  font-size: 1.25em; text-align: center; line-height: 60px; }
.update:nth-of-type(even) .rotate90 {transform: rotate(-90deg); top: -60px;  right: 0; color: #fff; display: block; white-space: nowrap;  position:absolute; height: 60px; text-transform: uppercase; font-size: 1.25em; text-align: center; line-height: 60px; }

.brochure {padding: 10% 4%; margin-bottom: 6%;}

.archiveinfo {width: 50%;}
.archiveinfo h2 {margin-bottom: 0; font-size: 1.5em;}
.archiveinfo p {display: none;}
.highlight h4 {font-size: 0.75em;}

.single-events .orange, .single-events .grey, .page-id-134 .orange, .single-creative-learning .orange, .single-creative-learning .grey {padding: 6%; margin-bottom: 3%}

/*footer*/
.twitter {display:inline-block; float:left; color:#f8d800; width:240px; letter-spacing:2px; font-size:1.5em; padding-left:52px; height:24px; line-height:24px; background:url(images/twitter.png) no-repeat center left;}
.tweets {display:inline-block;float:right; max-width:800px}
.tweets li {list-style:none;}
.tweets .user, .tweets .timePosted, .tweets .interact {display:none;}
.tweets .tweet {font-size:1.5em; text-transform:uppercase; text-align:right;} 
.social {font-size:1.25em; text-transform:uppercase; }
.social p {line-height:24px; padding-right:3%;}
.newlettersign {margin-left: 0;}
.social img {float:left; padding-right:10px; height: 24px; width: auto;}
.newsletter {line-height:24px; float:none; text-align: center;}
.newsletter input {padding: 2%; position: relative; top: 0; width: 94%; margin-bottom: 3%;}
.submitbutton {border:none; background:#000; color:#fff; padding:2px 2% !important; height: 32px; width: 90% !important; margin: auto;}
.socialright {float:right;}

.footer-menu {display: inline-block;}
.footer-menu ul {margin: 0; padding: 0; }
.footer-menu li {list-style: none; display: inline-block; color: #fff;}
.footer-menu li a {color: #fff;}

#greyfooter {background:#ebebeb; padding: 5% 0 0 0;}
#greyfooter .footerwidth {max-width:1280px; margin:auto; overflow:auto;}
#greyfooter p {font-size:1em; line-height:1.25em;}

.footercontent {margin:0 3% 0 3%;}
.footercontent .logofooter {width:20%; height:auto; margin-right:5%; display:inline-block; vertical-align:top;}
.footercontent .footerbox {width:100%; display:inline-block; vertical-align:top; margin-right:0; margin-bottom:5%; }
.footercontent .footerbox:nth-of-type(3n) {margin-right: 0;}
.footerbox h3 { text-transform:uppercase; font-size:1.25em;}
.timeline-Tweet-tex {font-size:1em !important;}
.footer-menu li {list-style:none;}
}

@media only screen and (min-height:0px) and (max-height:1000px) {
.slidetitle {font-size: 2.5em !important;}
.feat-info .h2 {font-size: 1.5em !important;}
}

@media only screen and (min-width:1001px) and (max-width:1300px) {
.tolboothmenu a { width: 80px; background: url(images/tolbooth-menu.png) center center no-repeat; background-size:90% auto; display: block; font-size: 0 !important;}
.alberthallsmenu a {width: 80px; background: url(images/albert-halls-menu.png) center center no-repeat; background-size:90% auto; display: block; font-size: 0 !important;}
.creativelearningmenu a {width: 100px; background: url(images/creative-learning-menu.png) center center no-repeat; background-size:90% auto; display: block; font-size: 0 !important;}
.main-menu li a {font-size: 0.875em; padding: 0 5px;}
header img {height: 60px; width: auto; padding: 30px 20px; display: inline-block; vertical-align: top;}

.menu-item-4150 {position: absolute; right: 3%; background: url(images/search.png) no-repeat; background-position: center center; background-size: contain; width: 20px; font-size: 0; height: 120px; display: block; top: 0;} 
.menu-item-4152 {position: absolute; right: 7%; background: url(images/account.png) no-repeat; background-position: center center; background-size: contain; width: 20px; font-size: 0; height: 120px; display: block; top: 0;} 
.menu-item-4151 {position: absolute; right: 11%; background: url(images/cart.png) no-repeat; background-position: center center; background-size: contain; width: 20px; font-size: 0; height: 120px; display: block; top: 0;} 
.sidemenu a {display: block; width: 28px; height: 120px; }

.slidetitle {width: 80%; margin-left: 6%;}
}