/*!
Theme Name:ZoeLyons2016
Author: LUA Design

*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

article, aside, figure, footer, header, nav, section, details, summary { display: block; }

/* Handle box-sizing while better addressing child elements: http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects Note: keeping IMG here will cause problems if you're using foreground images as sprites. If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img, object, embed { max-width: 100%; }

/* force a vertical scrollbar to prevent a jumpy page */
html { overflow-y: scroll; }

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: bold; vertical-align: bottom; }

td { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; }

.ie7 input[type="checkbox"] { vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }

select, input, textarea { font: 99% sans-serif; }

table { font-size: inherit; font: 100%; }

small { font-size: 85%; }

strong { font-weight: bold; }

td, td img { vertical-align: top; }

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* make buttons play nice in IE */
button, input[type=button] { width: auto; overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

/* colours */
/* media queries */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe { position: absolute; top: 0; }

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
html { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }

body { font-size: 1em; background-image: url(images/backgroundtile-large.jpg); background-position: center top; background-size: cover; background-attachment: fixed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media only screen and (max-width: 851px) { body { background-size: auto; background-image: url(images/backgroundtile.jpg); background-repeat: repeat; } }

body, select, input, textarea { color: #132640; }

::-moz-selection { background: #fcd700; color: #132640; text-shadow: none; }

::selection { background: #fcd700; color: #132640; text-shadow: none; }

/*	j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: none; }

ins { background-color: #fcd700; color: #000; text-decoration: none; }

mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; }

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color: #132640; }

textarea:-moz-placeholder { color: #132640; }

input:focus, textarea:focus { outline: none; }

[placeholder]:focus::-webkit-input-placeholder { transition: opacity 0.5s 0.5s ease; opacity: 0; }

a, input[type=button], input[type=submit], button { color: #063294; text-decoration: none; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; }

a:hover, a:focus, input[type=button]:focus, input[type=submit]:focus, button:hover, input[type=button]:hover, input[type=submit]:hover { color: #9f0102; }

input, button { background: none; -webkit-appearance: none; border-radius: 0; }

button:focus { outline: 0; }

@font-face { font-family: "Korolev W01 Light"; src: url("Fonts/f2452202-0941-43c8-a16e-fb3f3af4c418.eot?#iefix"); src: url("Fonts/f2452202-0941-43c8-a16e-fb3f3af4c418.eot?#iefix") format("eot"), url("Fonts/9dc3bddc-c188-4433-b902-6a54d9fe6cad.woff2") format("woff2"), url("Fonts/650e6d25-ea30-490e-8e38-465da5c5fa3b.woff") format("woff"), url("Fonts/766c76b9-0c16-4ff8-8a9a-1735a491b87c.ttf") format("truetype"), url("Fonts/ee4c35c4-2242-4c4a-b4fa-17c56a964847.svg#ee4c35c4-2242-4c4a-b4fa-17c56a964847") format("svg"); }
@font-face { font-family: "Korolev W01 Light Italic"; src: url("Fonts/d53d548d-e050-4dd0-aacb-0d998952d14b.eot?#iefix"); src: url("Fonts/d53d548d-e050-4dd0-aacb-0d998952d14b.eot?#iefix") format("eot"), url("Fonts/cb8bce68-3c81-4d94-a7ea-1635ab689637.woff2") format("woff2"), url("Fonts/f71d640e-41c0-4c89-b999-fae92e3c00eb.woff") format("woff"), url("Fonts/7aca3abd-ff6c-4391-9642-e87c9e4d7982.ttf") format("truetype"), url("Fonts/55fb6b77-5e80-43fd-a85e-18fa7df06a42.svg#55fb6b77-5e80-43fd-a85e-18fa7df06a42") format("svg"); }
@font-face { font-family: "Korolev W01 Medium"; src: url("Fonts/aefcc5ee-a012-48c3-9ebf-731f07bb3cd3.eot?#iefix"); src: url("Fonts/aefcc5ee-a012-48c3-9ebf-731f07bb3cd3.eot?#iefix") format("eot"), url("Fonts/28a23213-3346-41f7-8f14-71d464d767ea.woff2") format("woff2"), url("Fonts/9283fcc2-ec46-4d69-9278-187c1ce28dd8.woff") format("woff"), url("Fonts/58906072-d870-44da-8fd6-73ff545ecbb6.ttf") format("truetype"), url("Fonts/e4ae38e5-1ccb-4450-9c19-ee4e41a16731.svg#e4ae38e5-1ccb-4450-9c19-ee4e41a16731") format("svg"); }
@font-face { font-family: "Korolev W01 Medium Italic"; src: url("Fonts/84b3b337-f678-4043-85ec-4fe614e8eb9d.eot?#iefix"); src: url("Fonts/84b3b337-f678-4043-85ec-4fe614e8eb9d.eot?#iefix") format("eot"), url("Fonts/f1a2a077-35d2-4c0b-b6bc-d3f83a36287f.woff2") format("woff2"), url("Fonts/be3407b0-afb2-4c9e-ad46-e285ed2ff795.woff") format("woff"), url("Fonts/37e76ca2-6002-4a18-9604-3997d2289119.ttf") format("truetype"), url("Fonts/00aa47fa-33ac-4c51-b97e-b5e1678f9998.svg#00aa47fa-33ac-4c51-b97e-b5e1678f9998") format("svg"); }
@font-face { font-family: "Korolev W01 Heavy"; src: url("Fonts/9b5eb463-b285-4c0a-a855-2fcb2611b130.eot?#iefix"); src: url("Fonts/9b5eb463-b285-4c0a-a855-2fcb2611b130.eot?#iefix") format("eot"), url("Fonts/8010df30-8aa3-4174-b955-5baf1092e203.woff2") format("woff2"), url("Fonts/07afaa6b-f1d1-44d8-a722-66fc064ba98f.woff") format("woff"), url("Fonts/4ce15e5c-d502-4ff9-bcae-63fcd27694cb.ttf") format("truetype"), url("Fonts/7c2fcd4e-d3b7-4bb3-beb3-93fe2e744abf.svg#7c2fcd4e-d3b7-4bb3-beb3-93fe2e744abf") format("svg"); }
@font-face { font-family: "Korolev W01 Heavy Italic"; src: url("Fonts/578f1099-59ce-4a57-9f75-5d1d8cd212f2.eot?#iefix"); src: url("Fonts/578f1099-59ce-4a57-9f75-5d1d8cd212f2.eot?#iefix") format("eot"), url("Fonts/ea6c05be-c2d6-48c0-8dfc-ce350db8735a.woff2") format("woff2"), url("Fonts/83e68e99-3e55-4553-9115-0927139dcb5b.woff") format("woff"), url("Fonts/1ce9adad-2671-407b-9e7c-627fbb31a7b6.ttf") format("truetype"), url("Fonts/944cf89c-c2b2-4497-a4e6-b21199f56c01.svg#944cf89c-c2b2-4497-a4e6-b21199f56c01") format("svg"); }
h1, h2, h3, h4, h5, h6, #nav, span.writtenby, #mc_embed_signup input[type=submit], .bookonline, #carousel li, .latestnewscontent a, strong, #tweetbox p.timestamp, ul#giglisting, .wpcf7 input[type=submit], .ssba-wrap, ul.creditlist, #mc_embed_signup input[type=email] { font-family: "Korolev W01 Heavy", san-serif; font-weight: 400; }

#footer, .entry p, .newsandtweetswrapper p, ul#giglisting span.gigvenue, .wpcf7, .entry-date, .tour2018 { font-family: "Korolev W01 Medium", san-serif; }

.entry blockquote p, em { font-family: "Korolev W01 Medium Italic", san-serif; }

h2 { font-size: 2.5em; font-size: 2.5rem; text-transform: uppercase; letter-spacing: 2px; line-height: 1; }
@media only screen and (max-width: 1360px) { h2 { font-size: 2em; font-size: 2em; } }

h3 { font-size: 2em; font-size: 2rem; text-transform: uppercase; }
@media only screen and (max-width: 851px) { h3 { font-size: 1.75em; font-size: 1.75rem; } }

h4 { font-size: 1.2em; line-height: .9em; }

@font-face { font-family: 'icomoon'; src: url("Fonts/icomoon.eot"); src: url("Fonts/icomoon.eot#iefix") format("embedded-opentype"), url("Fonts/icomoon.ttf") format("truetype"), url("Fonts/icomoon.woff") format("woff"), url("Fonts/icomoon.woff") format("woff2"), url("Fonts/icomoon.svgi#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"], button:after, .nav-previous a:before, .nav-next a:after, figcaption a:after, .latest-box p:after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; text-rendering: optimizeLegibility; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-tiktok:before { content: "\e900"; }

.icon-music:before { content: "\e911"; }

.icon-connection:before { content: "\e91b"; }

.icon-mic:before { content: "\e91e"; }

.icon-ticket:before { content: "\e939"; }

.icon-phone:before { content: "\e942"; }

.icon-envelop:before { content: "\e945"; }

.icon-reply:before { content: "\e96a"; }

.icon-bubble:before { content: "\e96b"; }

.icon-quotes-left:before { content: "\e977"; }

.icon-quotes-right:before { content: "\e978"; }

.icon-search:before { content: "\e986"; }

.icon-power:before { content: "\e9b5"; }

.icon-menu:before { content: "\e9bd"; }

.icon-download3:before { content: "\e9c7"; }

.icon-earth:before { content: "\e9ca"; }

.icon-link:before { content: "\e9cb"; }

.icon-star-full:before { content: "\e9d9"; }

.icon-heart:before { content: "\e9da"; }

.icon-cross:before { content: "\ea0f"; }

.icon-play3:before { content: "\ea1c"; }

.icon-backward2:before { content: "\ea1f"; }

.icon-forward3:before { content: "\ea20"; }

.icon-loop:before { content: "\ea2d"; }

.icon-facebook:before { content: "\ea90"; }

.icon-facebook2:before { content: "\ea91"; }

.icon-instagram:before { content: "\ea92"; }

.icon-whatsapp:before { content: "\ea93"; }

.icon-twitter:before { content: "\ea96"; }

.icon-youtube:before { content: "\ea9d"; }

.icon-youtube2:before { content: "\ea9e"; }

.icon-vimeo:before { content: "\eaa0"; }

.icon-appleinc:before { content: "\eabe"; }

.icon-android:before { content: "\eac0"; }

.outerwrapper { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.wrapper { width: 100%; margin: 0 auto; background-image: url(images/ZoeLyons-profile1.png); background-repeat: no-repeat; background-attachment: fixed !important; background-size: contain !important; background-position: -80px top; overflow: hidden; min-height: 960px; }
@media only screen and (max-width: 1360px) { .wrapper { background-position: -150px; } }
@media only screen and (min-height: 960px) { .wrapper { background-position: -350px top; min-height: 100%; background-size: contain !important; } }
@media only screen and (max-width: 980px) { .wrapper { background-position: -250px top; min-height: 100%; background-size: contain !important; } }
@media only screen and (max-width: 851px) { .wrapper { background-image: url(images/zoesmall.png); background-size: auto auto !important; background-position: -60px top; background-attachment: auto !important; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .wrapper { background-image: url(images/zoesmall.png); background-size: auto auto !important; background-position: -60px top; background-attachment: auto !important; } }
@media only screen and (max-width: 640px) { .wrapper { background-image: url(images/zoephones.png); background-position: -20px top; background-size: 50% !important; background-attachment: inherit !important; } }

body.page-id-9 .wrapper { background-image: url(images/ZoeLyons-profile2.png); }
@media only screen and (min-height: 960px) { body.page-id-9 .wrapper { background-position: -250px top; } }
@media only screen and (max-width: 980px) { body.page-id-9 .wrapper { background-position: -150px top; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { body.page-id-9 .wrapper { background-image: url(images/zoesmall2.png); background-size: auto auto !important; background-position: -60px top; background-attachment: auto !important; } }
@media only screen and (max-width: 851px) { body.page-id-9 .wrapper { background-image: url(images/zoesmall2.png); background-position: -60px top; } }
@media only screen and (max-width: 640px) { body.page-id-9 .wrapper { background-image: url(images/zoephones2.png); background-position: -20px top; } }

body.category-news .wrapper { background-image: url(images/ZoeLyons-profile3.png); }
@media only screen and (min-height: 960px) { body.category-news .wrapper { background-position: -250px top; } }
@media only screen and (max-width: 980px) { body.category-news .wrapper { background-position: -150px top; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { body.category-news .wrapper { background-image: url(images/zoesmall3.png); background-size: auto auto !important; background-position: -60px top; background-attachment: auto !important; } }
@media only screen and (max-width: 851px) { body.category-news .wrapper { background-image: url(images/zoesmall3.png); background-position: -60px top; } }
@media only screen and (max-width: 640px) { body.category-news .wrapper { background-image: url(images/zoephones3.png); background-position: -20px top; } }

#header { max-width: 1060px; margin: 0 0 0 30%; overflow: hidden; }
@media only screen and (max-width: 1360px) { #header { margin: 0 0 0 25%; } }
@media only screen and (max-width: 851px) { #header { margin: 0 2% 0 40%; } }

#header h1 { display: inline-block; font-size: 10em; font-size: 10rem; overflow: hidden; z-index: 1; line-height: .875em; text-transform: uppercase; vertical-align: text-top; width: 80%; text-align: center; }
@media only screen and (max-width: 1360px) { #header h1 { width: 85%; } }
@media only screen and (max-width: 1130px) { #header h1 { font-size: 7em; font-size: 7rem; } }
@media only screen and (max-width: 851px) { #header h1 { width: 100%; font-size: 6.5em; font-size: 6.5rem; text-align: left; } }
@media only screen and (max-width: 640px) { #header h1 { font-size: 4rem; } }

#header h1 a { color: #fff; }

#header h1 a:hover { color: #9f0102; }

#header h2 { text-align: right; font-size: 3em; font-size: 3rem; letter-spacing: 3px; color: #fff; }
@media only screen and (max-width: 1360px) { #header h2 { font-size: 2em; font-size: 2rem; } }
@media only screen and (max-width: 640px) { #header h2 { font-size: 1.75em; font-size: 1.75rem; } }

#header h2 span.smaller { font-size: 2.5em; font-size: 2.5rem; }
@media only screen and (max-width: 1360px) { #header h2 span.smaller { font-size: 1.75em; font-size: 1.75rem; } }
@media only screen and (max-width: 640px) { #header h2 span.smaller { font-size: 1.5em; font-size: 1.5rem; } }

#MyCarousel { display: block; width: 60%; margin: 20px 0 20px 40%; padding: 10px 30px; background-color: rgba(26, 98, 124, 0.38); min-height: 170px; }
@media only screen and (max-width: 1360px) { #MyCarousel { margin-top: 50px; } }
@media only screen and (max-width: 851px) { #MyCarousel { width: 98%; margin: 10px 1%; line-height: 1em; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #MyCarousel { width: 70%; margin: 20px 0 20px 30%; } }
@media only screen and (max-width: 640px) { #MyCarousel { min-height: 100px; } }

ul#carousel { display: table-row; }

#MyCarousel li { font-size: 2.2em; font-size: 2.2rem; padding-right: 20px; }
@media only screen and (max-width: 1360px) { #MyCarousel li { font-size: 2em; font-size: 2rem; } }
@media only screen and (max-width: 851px) { #MyCarousel li { font-size: 1.85em; font-size: 1.85rem; line-height: 1em; } }
@media only screen and (max-width: 640px) { #MyCarousel li { font-size: 1.5em; font-size: 1.5rem; } }

#MyCarousel li p { padding-left: .4em; text-indent: -0.4em; overflow: hidden; position: relative; line-height: 1.2em; color: #fff; display: table-cell; vertical-align: middle; height: 200px; }
@media only screen and (max-width: 851px) { #MyCarousel li p { width: 100%; } }

span.writtenby { font-size: 85%; color: #132640; display: block; width: 100%; padding-left: .4em; }
@media only screen and (max-width: 640px) { span.writtenby { font-size: 1.5em; font-size: 1.5rem; line-height: 1.5em; } }

.screen-reader-text { position: absolute; top: -9999px; left: -9999px; }

#nav { width: 100%; font-size: 1.6em; font-size: 1.6rem; overflow: hidden; }
@media only screen and (max-width: 1360px) { #nav { font-size: 1.5em; font-size: 1.5rem; } }
@media only screen and (max-width: 1130px) { #nav { font-size: 1.4em; font-size: 1.4rem; } }
@media only screen and (max-width: 851px) { #nav { font-size: 1.6em; font-size: 1.6rem; } }
@media only screen and (max-width: 980px) { #nav { font-size: 1.45em; font-size: 1.45rem; } }
@media only screen and (max-width: 640px) { #nav { font-size: 1.45em; font-size: 1.45rem; } }

ul.menu { width: 100%; padding: 0 10px; display: flex; justify-content: space-between; flex-wrap: wrap; }
ul.menu li { display: inline-block; margin: 0  0 0 2%; letter-spacing: 1px; text-align: right; }
@media only screen and (max-width: 1360px) { ul.menu li { margin: 0  0 0 2%; } }
@media only screen and (max-width: 980px) { ul.menu li { margin: 0  0 0 1%; } }
@media only screen and (max-width: 851px) { ul.menu li { width: 45%; margin: 0 0; padding: 0; text-align: left; letter-spacing: 0; flex: 0 0 50%; } }

ul.menu li:first-child { margin: 0; }

ul.menu, ul.socialmedia { text-transform: uppercase; line-height: 1.25em; overflow: hidden; }

ul.menu li a { color: #063294; }

ul.menu li a:hover, ul.socialmedia a:hover { color: #9f0102; }

ul.menu li.current-menu-item a, ul.menu li.current-menu-item a:hover, body.post-type-archive-gigs ul.menu li.menu-item-252 a, body.post-type-archive-gigs ul.menu li.menu-item-252 a:hover { cursor: pointer; color: #fff; }

ul.socialmedia { width: 20%; display: inline-block; overflow: hidden; text-align: left; vertical-align: text-top; font-size: 2.25rem; padding-top: .5em; }
@media only screen and (max-width: 1360px) { ul.socialmedia { font-size: 1.6rem; width: 15%; } }
@media only screen and (max-width: 851px) { ul.socialmedia { margin: 5px auto; float: none; padding: 0; width: 100%; } }

ul.socialmedia li { text-transform: none; display: inline-block; margin: 0 10% 0 0; }
@media only screen and (max-width: 851px) { ul.socialmedia li { margin: 5px 10% 5px 0; } }

#header ul.socialmedia li a { color: #fff; }

#header ul.socialmedia li a:hover { color: #9f0102; }

input[type=submit], input[type=email], button { border: none; }

button { width: 100%; text-align: center; font-size: 1.6em; letter-spacing: 8px; padding: 4px 0; }
@media only screen and (max-width: 640px) { button { display: block; width: 95%; font-size: 1.2em; padding: 2px 0; letter-spacing: 0; margin: 5px auto; } }

::-webkit-input-placeholder { text-align: center; }

:-moz-placeholder { /* Firefox 18- */ text-align: center; }

::-moz-placeholder { /* Firefox 19+ */ text-align: center; }

:-ms-input-placeholder { text-align: center; }

.placeholder { text-align: center; }

@media only screen and (max-width: 851px) { .menu-menu-1-container { display: none; position: relative; overflow: hidden; width: 100%; } }

#menu-list { display: none; }
@media only screen and (max-width: 851px) { #menu-list { background-position: left top; color: #50d2f9; width: 100%; display: block; overflow: hidden; font-size: 2em; font-size: 2rem; cursor: pointer; margin: 0; } }

@media only screen and (max-width: 851px) { #menu-list a, ul.menu li a { color: #e9e163; } }

@media only screen and (max-width: 851px) { #menu-list a:hover, #menu-list a:focus, ul.menu li a:hover, ul.menu li a:focus { color: #9f0102; } }

img { height: auto; max-width: 100%; }

.tour2018cover, .edinburgh2018cover { display: block; margin: 20px 0 20px 35%; padding: 10px 30px; background-color: rgba(255, 255, 255, 0.45); font-size: 1.75rem; -webkit-animation: pulse 20s infinite alternate; text-align: center; }
@media only screen and (max-width: 851px) { .tour2018cover, .edinburgh2018cover { width: 98%; margin: 10px 1%; font-size: 1.55em; font-size: 1.35rem; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .tour2018cover, .edinburgh2018cover { width: 70%; margin: 20px 0 20px 30%; } }

body.home .tour2018cover, body.home .edinburgh2018cover { margin: 20px 5% 20px 40%; }
@media only screen and (max-width: 1130px) { body.home .tour2018cover, body.home .edinburgh2018cover { font-size: 1.6rem; } }
@media only screen and (max-width: 851px) { body.home .tour2018cover, body.home .edinburgh2018cover { width: 98%; margin: 10px 1%; font-size: 1.5em; font-size: 1.5rem; } }
@media only screen and (max-width: 640px) { body.home .tour2018cover, body.home .edinburgh2018cover { font-size: 1.3rem; } }

@-webkit-keyframes pulse { 0% { background-color: #50d2f9; }
  25% { background-color: #fff; }
  50% { background-color: #50d2f9; }
  75% { background-color: #fff; } }
body.home .edinburgh2018cover { -webkit-animation: pulse2 20s infinite alternate; margin: 20px 7% 20px 37%; }
@media only screen and (max-width: 851px) { body.home .edinburgh2018cover { margin: 10px 1%; } }

@-webkit-keyframes pulse2 { 10% { background-color: #fff; }
  35% { background-color: #50d2f9; }
  60% { background-color: #fff; }
  85% { background-color: #50d2f9; } }
#sidebar, .post, .type-gigs { width: 100%; max-width: 1340px; margin: 0 auto; position: relative; display: block; overflow: hidden; }
@media only screen and (max-width: 1360px) { #sidebar, .post, .type-gigs { width: 98%; } }

#mc_embed_signup { overflow: hidden; margin: 0 0 20px 37%; width: 63%; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #mc_embed_signup { margin: 0 0 20px 33%; } }
@media only screen and (max-width: 851px) { #mc_embed_signup { width: 100%; margin: 20px auto 20px; } }

#mce-responses { display: inline; }

#mc_embed_signup h2, .mc-field-group, #mc_embed_signup input[type=submit] { color: #fff; display: inline-block; overflow: hidden; vertical-align: middle; text-align: center; padding: 0; margin: 0; width: 32.75%; }

#mc_embed_signup h2 { line-height: 1; }
@media only screen and (max-width: 1360px) { #mc_embed_signup h2 { font-size: 1.5em; font-size: 1.5rem; } }
@media only screen and (max-width: 980px) { #mc_embed_signup h2 { width: 100%; margin-bottom: 10px; text-align: right; } }
@media only screen and (max-width: 980px) { #mc_embed_signup h2 { text-align: center; } }

@media only screen and (max-width: 980px) { .mc-field-group, #mc_embed_signup input[type=submit] { width: 50%; margin: 0 auto; display: block; } }

@media only screen and (max-width: 640px) { #mc_embed_signup h2, .mc-field-group, #mc_embed_signup input[type=submit] { width: 100%; margin-bottom: 10px; } }

#mc_embed_signup label { position: absolute !important; top: -9999px !important; left: -9999px !important; }

#mc_embed_signup input[type=email], #mc_embed_signup input[type=submit], .wpcf7 input[type=submit] { font-size: 2.25em; font-size: 2.25rem; display: inline-block; }
@media only screen and (max-width: 980px) { #mc_embed_signup input[type=email], #mc_embed_signup input[type=submit], .wpcf7 input[type=submit] { display: block; } }
@media only screen and (max-width: 1360px) { #mc_embed_signup input[type=email], #mc_embed_signup input[type=submit], .wpcf7 input[type=submit] { font-size: 1.5em; font-size: 1.5rem; } }

#mc_embed_signup input[type=email] { background: #fff; border: none; color: #340407; padding: 10px; margin: 0; width: 100%; }

#mc_embed_signup input[type=submit], .wpcf7 input[type=submit] { background: #063294; color: #e9e163; letter-spacing: 1px; padding: 10px; }

#mc_embed_signup input[type=submit]:hover, #mc_embed_signup input[type=submit]:focus, .wpcf7 input[type=submit]:hover, .wpcf7 input[type=submit]:focus { color: #9f0102; }

::-webkit-input-placeholder { text-align: left; color: #063294; }
@media only screen and (max-width: 851px) { ::-webkit-input-placeholder { text-align: center; } }

:-moz-placeholder { /* Firefox 18- */ text-align: left; color: #063294; }
@media only screen and (max-width: 851px) { :-moz-placeholder { text-align: center; } }

::-moz-placeholder { /* Firefox 19+ */ text-align: left; color: #063294; }
@media only screen and (max-width: 851px) { ::-moz-placeholder { text-align: center; } }

:-ms-input-placeholder { text-align: left; color: #063294; }
@media only screen and (max-width: 851px) { :-ms-input-placeholder { text-align: center; } }

.placeholder { text-align: left; color: #063294; }
@media only screen and (max-width: 851px) { .placeholder { text-align: center; } }

/* news and tweets */
#newsandtweets { overflow: visible; background: rgba(103, 213, 236, 0.45); margin-left: 35%; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #newsandtweets { margin-left: 33%; } }
@media only screen and (max-width: 851px) { #newsandtweets { width: 98%; margin: 0 auto 20px; } }

#newsandtweets h2 { color: #fff; }

.newsandtweetswrapper { display: flex; flex: 0 0 100%; flex-direction: row; flex-wrap: wrap; }

#newsbox, #tweetbox { flex: 1 1 60%; display: flex; }

#newsbox { padding: 0; }

#tweetbox { background-color: rgba(26, 98, 124, 0.38); text-align: right; padding-left: 10px; flex: 1 1 30%; flex-wrap: wrap; padding: 20px; }
#tweetbox h2, #tweetbox p { flex: 0 0 100%; width: 100%; }

.featuredpic, .latestnewscontent { display: inline-block; width: 70%; vertical-align: top; }

.featuredpic { margin-right: 5%; width: 25%; }

.latestnewscontent { padding: 20px 30px 0 0; }
@media only screen and (max-width: 851px) { .latestnewscontent { padding: 20px 10px 0 0; } }

.latestnewscontent p { font-size: 1.35em; font-size: 1.35rem; line-height: 1.4em; padding: 10px 0; }

#tweetbox p { font-size: 1.35em; font-size: 1.35rem; padding: 10px 0 5px; }

#tweetbox a { color: #e9e163; }

#tweetbox a:hover { color: #9f0102; }

h3.twitter_intents { padding-top: 10px; flex: 0 0 100%; }

h3.twitter_intents a { display: inline-block; width: 33%; }

/* gigs archive */
ul#giglisting, ul#giglisting li { width: 100%; display: block; position: relative; overflow: hidden; }

ul#giglisting li, blockquote { background: rgba(255, 255, 255, 0.5); padding: 10px 20px; margin-bottom: 10px; font-size: 1.35em; font-size: 1.35rem; }

blockquote:nth-child(even) { background: rgba(103, 213, 236, 0.45); }

ul#giglisting li.monthheader { text-align: center; background: none; color: #fff; }

@media only screen and (max-width: 851px) { ul#giglisting li { font-size: 1.25em; font-size: 1.25rem; } }

.gigdate, .gigtown, .gigvenue { display: inline-block; vertical-align: top; }

.gigdate { min-width: 15%; }

.gigtown { text-transform: uppercase; }

.gigvenue { max-width: 50%; margin-right: 20%; }
@media only screen and (max-width: 640px) { .gigvenue { width: 75%; max-width: 75%; margin-right: 25%; } }

.bookonlinearchive, .bookonline, .soldoutbox { width: 20%; position: absolute; top: 0; bottom: 0; right: 0; padding: 10px; background-color: #063294; text-transform: uppercase; text-align: center; }
@media only screen and (max-width: 640px) { .bookonlinearchive, .bookonline, .soldoutbox { width: 25%; padding-top: 1em; } }

.livedate-details-archive { width: 85%; }

@media only screen and (max-width: 851px) { .livedate-details-archive, .bookonlinearchive, .soldoutbox, .dateofgig, .livedate-details-archive { width: 100%; text-align: center; margin: 0; } }

.livedate-details-archive .town { color: #132640; font-size: 125%; }

.soldoutbox { color: #fff; }

body.home .upcominggigs { margin: 20px 0 40px 35%; width: 65%; }
@media only screen and (max-width: 851px) { body.home .upcominggigs { width: 98%; margin: 10px 1%; font-size: 1.55em; font-size: 1.55rem; } }
body.home .upcominggigs h2 { color: #fff; }
@media only screen and (max-width: 851px) { body.home .upcominggigs h2 { text-align: center; font-size: 2rem; } }
body.home .upcominggigs a { color: #e9e163; }
body.home .upcominggigs a.allgigslink { display: block; width: 100%; text-align: right; color: #063294; font-size: 1.35em; font-size: 1.35rem; }
@media only screen and (max-width: 851px) { body.home .upcominggigs a.allgigslink { font-size: 1.25em; font-size: 1.25rem; } }
body.home .upcominggigs a:hover, body.home .upcominggigs a:focus { color: #9f0102; }

.entry { margin: 20px 0 20px 35%; overflow: hidden; }
@media only screen and (max-width: 851px) { .entry { margin: 5px 0; } }
.entry img.attachment-full { margin: 10px auto; display: block; max-width: 80%; }

body.page-id-5 p { text-align: center; }

blockquote { margin: 30px 0 0; padding: 20px; }

.entry blockquote p { font-size: 1.5em; font-size: 1.5rem; }

.entry blockquote p strong { text-transform: uppercase; padding-top: 10px; font-size: 1.35em; font-size: 1.35rem; }

/* photos & video */
.entry h2 { color: #fff; text-align: center; }
@media only screen and (max-width: 851px) { .entry h2 { text-align: left; padding-left: 40%; } }
@media only screen and (max-width: 640px) { .entry h2 { text-align: center; padding-left: 0; } }

.entry p { font-size: 1.35em; font-size: 1.35rem; line-height: 1.2em; padding: 10px 0 0; }
@media only screen and (max-width: 851px) { .entry p { font-size: 1.25em; font-size: 1.25rem; } }
@media only screen and (max-width: 640px) { .entry p { font-size: 1.2em; font-size: 1.2rem; } }

.entry a { color: #e9e163; }

.fluid-width-video-wrapper { margin-bottom: 20px; }

.gallery-icon a img { display: block; }

#gallery-1 .gallery-item, #gallery-2 .gallery-item { max-width: 31%; margin: 1%; float: left; outline: none; }
@media only screen and (max-width: 320px) { #gallery-1 .gallery-item, #gallery-2 .gallery-item { max-width: 95%; width: 95% !important; float: none !important; clear: both; margin: 1% auto; } }

body.page-id-11 #gallery-1 .gallery-item { max-width: 20%; }
@media only screen and (max-width: 320px) { body.page-id-11 #gallery-1 .gallery-item { max-width: 95%; width: 95% !important; float: none !important; clear: both; margin: 1% auto; } }

dl a:focus { outline: none; }

.gallery img.attachment-thumbnail { max-width: 300px; width: 70%; min-width: 50px; height: auto; margin: 0 auto; display: block; list-style: none; }

.gallery .attachment-thumbnail, .gallery-icon a img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; border: 5px solid #063294 !important; }

@media only screen and (max-width: 851px) { .gallery-icon a img.cboxPhoto { width: 80%; height: auto; } }

.gallery .attachment-thumbnail:hover, .wp-caption a img:hover { border: 5px solid #9f0102 !important; }

dt a { border: none; list-style: none; }

img.cboxPhoto { margin: auto; width: 100%; height: auto; }

/* contact & about */
h3 span.small { font-size: 70%; }

body.page .post h2, body.category-news .post h2, body.error404 .post h2, body.single .post h2 { margin: 20px 0 20px 35%; text-align: center; color: #fff; }
@media only screen and (max-width: 851px) { body.page .post h2, body.category-news .post h2, body.error404 .post h2, body.single .post h2 { text-align: left; margin-left: 40%; } }
@media only screen and (max-width: 640px) { body.page .post h2, body.category-news .post h2, body.error404 .post h2, body.single .post h2 { text-align: center; margin-left: 0%; } }

body.page-id-2 .entry, body.page-id-7 .entry, body.category-news .entry, body.page-id-122 .entry, body.error404 .entry, body.single .entry { background: rgba(255, 255, 255, 0.5); padding: 20px; }

body.page-id-7 .entry { margin-bottom: 20px; }

body.page-id-7 .entry h3 { color: #fff; }

body.page-id-122 .entry h3 { color: #fff; padding-top: 20px; }

ul#aboutnav { display: block; width: 100%; }

ul#aboutnav li { display: inline-block; padding: 10px 10px 0 0; font-size: 1.35em; font-size: 1.35rem; }

ul#aboutnav li a { text-transform: uppercase; }

ul#aboutnav li.listheader { width: 100%; display: block; }

ul#aboutnav li.active a { color: #fff; cursor: default; }

ul.creditlist { padding-top: 10px; width: 100%; display: block; }

ul.creditlist li { font-size: 1.35em; font-size: 1.35rem; padding: 5px 0; color: #0b5c6f; }

ul.creditlist li:nth-child(even) { color: #39a4c8; }

body.page-id-2 .entry a, body.page-id-7 .entry a, body.category-news .entry a, body.single .entry a { color: #063294; }

body.single-gigs .entry a { color: #e9e163; }

body.single-gigs .entry a:hover, body.single-gigs .entry a:focus { color: #9f0102; }

body.page-id-2 .entry a:hover, body.page-id-7 .entry a:hover, body.category-news .entry a:hover, body.single .entry a:hover, .entry a:hover { color: #9f0102; }

.entry .wpcf7 p { font-size: 1.2em; font-size: 1.2rem; padding-bottom: 5px; }

.wpcf7 input, textarea { background: #fff; border: none; padding: 10px; font-size: 1.2em; font-size: 1.2rem; max-width: 90%; margin-top: 5px; }

.wpcf7 input[type=submit] { text-transform: uppercase; border: none; }

/* news archive */
.entry-date { width: 100%; padding: 10px; margin-top: 20px; font-size: 1em; font-size: 1em; display: block; position: relative; overflow: hidden; text-align: right; border-top: 2px dotted #fff; }

div.ssba { text-transform: uppercase; }

div.ssba a { opacity: 0.65; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); }

div.ssba a:hover, div.ssba a:focus { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.alignleft { float: left; display: inline; margin-right: 20px; }
@media only screen and (max-width: 851px) { .alignleft { float: none; display: block; margin: 10px auto; max-width: 70%; text-align: center; } }

#footer { padding: 40px 1% 20px 0; width: 100%; max-width: 1300px; margin: 0 auto; text-align: right; }

#footer small { font-size: 1.1em; font-size: 1.1rem; margin-left: 40%; letter-spacing: 1px; text-transform: uppercase; }
@media only screen and (max-width: 851px) { #footer small { font-size: 1em; font-size: 1rem; margin-left: 0; text-align: center; } }

#footer a:before { content: "\00a0\2022\00a0"; }
@media only screen and (max-width: 851px) { #footer a:before { content: ""; } }

@media only screen and (max-width: 851px) { span.copyright, #footer a { display: block; width: 100%; padding-top: 10px; } }