/*
Theme Name: markwatson2012
Author: LUA Design
Author URI: http://www.luadesign.co.uk/
*/


/* colours

light grey - d4d4d4
dark grey - 3c3c3c
dark blue - 14628f
red - 99354a

-------------------------------------------------------------------------------*/


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?utvcad');
  src:  url('fonts/icomoon.eot?utvcad#iefix') format('embedded-opentype'),
	url('fonts/icomoon.ttf?utvcad') format('truetype'),
	url('fonts/icomoon.woff?utvcad') format('woff'),
	url('fonts/icomoon.svg?utvcad#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bluesky:before {
  content: "\e908";
}
.icon-star:before {
  content: "\e90c";
}
.icon-small-arrow:before {
  content: "\e901";
}
.icon-tiktok:before {
  content: "\e90a";
}
.icon-cross:before {
  content: "\e909";
}
.icon-menu-hoz:before {
  content: "\e904";
}
.icon-checkmark:before {
  content: "\e906";
}
.icon-right-quote-alt:before {
  content: "\e907";
}
.icon-quotes-left:before {
  content: "\e977";
}
.icon-menu:before {
  content: "\e9bd";
}
.icon-play3:before {
  content: "\ea1c";
}
.icon-stop2:before {
  content: "\ea1e";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-youtube2:before {
  content: "\ea9e";
}
.icon-envelope-o:before {
  content: "\e902";
}



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, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

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

html {
	box-sizing: border-box;
}

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

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers.
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
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; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

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

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

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

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

/* Make sure sup and sub don't screw with your line-heights
	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],
button {cursor: pointer;}

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

/* 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 {width: auto; overflow: visible;}

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

/* prevent BG image flicker upon hover */
.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; }

/* post image alignment*/
img.alignleft {float:left; margin:0 20px 5px 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {background:#d4d4d4;}

/* using local fonts? make sure to read up on Paul Irish's
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #14628f; text-decoration:none;}
a:hover {color: #99354a;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

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

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

small { font-size:0.75em;}

/* layout
-------------------------------------------------------------------------------*/
#page-wrap {width:100%; max-width: 980px; margin: 0 auto; position:relative; overflow: hidden}
/* header
-------------------------------------------------------------------------------*/
body {
	
	font-family: 'adobe-garamond-pro', serif;
	font-weight: 400;
}

h1 {
	text-align: center;
}

h1, h2, h3 { font-size:4rem;  text-transform:uppercase;
	font-family: 'futura-pt', sans-serif;
	font-weight: 700;
}

input[type=submit],
.buynow,
.menu,
.meta {
	font-family: 'aktiv-grotesk-extended', sans-serif;
	font-weight: 300;
}
h1 a, ul#menu-navigation li a, ul#menu-test-menu li a { color:#3c3c3c; text-shadow: 1px 2px 1px #fff;}
h1 a:hover, ul#menu-navigation li a:hover,  ul#menu-test-menu li a:hover {  color:#99354a;}
h2 {font-size:2rem; font-weight:normal; text-transform:uppercase;}
h3 {font-size:1.2rem;}
.menu-test-menu-container ul,
.menu-navigation-container ul {background:#fff;  margin:0 auto; display:block; position:relative;}
ul#menu-navigation li,
ul#menu-test-menu li {background:#fff; float:left; text-transform:uppercase; text-align:center; width:20%; padding:14px 0; font-size:1.2em;}

ul#menu-test-menu li.current-menu-item a,
ul#menu-test-menu li.current-menu-item a:visited
{color:#99354a ; cursor:default; border-bottom: solid 1px #d4d4d4; }


/* Sub menu
-------------------------------------------------------------------------------*/

.menu .sub-menu {
 visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.33s linear;
  position: absolute;
  width: 100%;
  z-index: 1;

	 margin-top: 10px;
	 border-top: 1px solid #d4d4d4;

}

.menu li:hover .sub-menu {
	display: block;
	visibility: visible;
  opacity: 1;

}

ul#menu-navigation li .sub-menu li,
ul#menu-test-menu li .sub-menu li
{

	display: inline-block;
	width: auto;
	text-align: left;
	font-size: 1rem;
	  padding: 10px 20px;
	  border-right: 1px solid #d4d4d4;



}

ul#menu-navigation li .sub-menu li:last-of-type,
ul#menu-test-menu li .sub-menu li:last-of-type {

	 border-right: none;
	 
	 
}



/* slider
-------------------------------------------------------------------------------*/
#topbanner {width:100%; display:block;  margin:20px auto; overflow:hidden; }
.nivo-caption h3 {font-size:2.3em; line-height:1em; margin-bottom:5%;}
.nivo-caption h4 {display:block; clear:both; font-weight:bold;font-size:1.35em; margin-top:20px; }
/* index content
-------------------------------------------------------------------------------*/
#contentbox, #contentbox-inside {  word-wrap: break-word; }
#contentbox h2 {width:100%; display:block; border-bottom:1px solid #d4d4d4; padding-bottom:10px; margin-bottom:10px; }
#livedates, .signupbox, #twitterbox, .blogarchivebox { width:300px; margin-right:20px; float:left; padding:20px;}
#livedates .eachdate {margin:14px 0 11px; float:left; font-size:1.1em; width:99%;}
.signupbox, .blogarchivebox  {border-bottom:20px solid #d4d4d4;}

.town { float:left; display:block; text-transform:uppercase; width:100%}
.town p {display:block; width:100%}
.morenav {clear:both; display:block; position:relative;width:100%; display:block; border-top:1px solid #d4d4d4; padding-top:10px; margin-top:10px; text-align:right;}
#livedates .morenav { border-top:none;  border-bottom:1px solid #d4d4d4; padding-bottom: 10px;}
.uppercasetransform {text-transform:uppercase;}
.date {margin-top:5px;}
.excerpt-text {margin-top:10px; font-size:1.15em; font-family: serif;}
.excerpt-text a.alldates { font-size: 1rem;}
.excerpt {

	line-height: 1.8;
	margin: 1rem 0;

}
 .signupbox, #sidebar, #twitterbox, .blogarchivebox  {margin-right:0; border-right:none; background:#fff; word-wrap: break-word;}
body.home #sidebar, body.home .signupbox, body.home #sidebar, body.home .signupbox, body.home #twitterbox {background:none; }
.signupbox, #twitterbox {padding-top:14px;}
#sidebar h2 {font-size:1.65em;  border-bottom:1px solid #d4d4d4; padding-bottom:10px; margin-bottom:10px;}
#twitterbox h2 {font-size:1.25em;}
span.twitterlink a {background:url(images/twitterlink.jpg) no-repeat; height:50px; width:265px; display:block; background-position: 40px -5px; text-indent:-1999px; overflow:hidden;}
span.twitterlink a:hover { background-position: 40px -72px;}


.livenewscontentbox {display: block; overflow: hidden}

/* inside pages
-------------------------------------------------------------------------------*/
#contentbox-inside {margin: 20px 0; }
.post { width:100%; padding:20px; background: #fff;}
#contentbox-inside .post h1 {font-size:2.4em; text-align:left; display:block; width:100%; margin-bottom:20px; border-bottom:1px solid #d4d4d4; }
#contentbox-inside h3 {margin:5px 0; font-size:1.5em; }
#contentbox-inside h3.previews {color: rgba(0, 0, 0, 0.5)}
.post p { margin:10px 0;line-height:1.4em; font-size: 1.2rem}
blockquote {float:none; padding-left:110px; font-size:0.9em;}
h2.buy-product{ clear:both; margin:0; width:100%;  position:relative; padding:20px 0; }
a.buynow, a.bookonline, .availability, .bookonline { text-transform:uppercase; padding:5px 0; display:block; width:100%; text-align:right;}
 a.bookonline, .availability {float:right; padding:0; margin: 0;}
/* archive
-------------------------------------------------------------------------------*/
ul.yearlist {padding-bottom:20px; border-bottom:1px solid #d4d4d4; margin-bottom:20px;}
.postyear {cursor:pointer; font-size:2em; padding:10px 0;}
.postmonth { font-size:1.25em; margin-bottom:10px;}

li.postname {margin:10px 0 0 20px; font-size:0.85em;
 list-style-type: none;
    list-style-position: outside;

    text-indent: -1em;}
li.postmonth a { cursor:pointer;background: url(images/blog-arrow.gif) no-repeat left; padding-left:20px;}

li.postmonth ul{
display:none;
}

.commentlink {margin-top:20px; width:100%; display:block;}
.navigation {margin-top:20px; padding-top:20px; position:relative; clear:both; }

.prev-posts{ text-align:right;}


/* live
-------------------------------------------------------------------------------*/

.entry { width:100%; display:block; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #d4d4d4;}
.live-left h2{margin-bottom:10px;}
.bookingdetailsleft {display:inline-block; width:50%; text-align: left }
.bookingdetailsleft p {position:relative; padding:0; margin:0; text-align: left;}
.bookingdetailsright,
.ticketbox.nolink {display:inline-block; width:50%; text-align: right  }
.availability {color:#99354a; }
p.standout {font-weight:bold; font-style:1.5em; color:#99354a;}
/* map
-------------------------------------------------------------------------------*/

#live-header {font-size:1.75em; float:left; width:50%; color:#646463; margin:10px 0 25px;  overflow:hidden; }
#live-header p { font-size:0.85em;}
#map {float:left; width:262px; overflow:hidden; margin-top:-80px; }
.ireland, .ireland a				{background:url(images/livetourmap.png) no-repeat top; background-position:-5px 0; float:left; height:270px; width:94px; display:block;}
.ireland a:hover					{ background-position: -283px 0  ;}

.scotland, .scotland a				{background:url(images/livetourmap.png) no-repeat top; background-position:-100px 0; float:left; height:114px; width:143px; display:block; overflow:hidden;}
.scotland a:hover					{ background-position:  -378px 0; height:114px; width:143px; }

.north, .north a				{background:url(images/livetourmap.png) no-repeat top; background-position:-100px -116px; float:left; height:46px; width:147px; display:block; overflow:hidden;}
.north a:hover					{ background-position:  -378px -116px; height:46px; width:147px;}

.south, .south a				{background:url(images/livetourmap.png) no-repeat top; background-position:-104px -170px; float:left; height:98px; width:160px; display:block; overflow:hidden; position:relative;}
.south a:hover					{ background-position:  -382px -170px;}



.wales							{position:absolute; top:0; left:0; z-index:999;}
.wales, .wales a				{background:url(images/livetourmap.png) no-repeat top; background-position:-104px -168px; float:left; height:59px; width:70px; display:block; overflow:hidden; }
.wales a:hover					{ background-position:-382px -168px; }



/* Work In Progress dates
-------------------------------------------------------------------------------*/

#sidebar .blogarchivebox .bookingdetailsleft,
#sidebar .blogarchivebox .bookingdetailsright {display: block; float: left; overflow: hidden; position: relative; text-align: left; width: 100%; padding: 0; margin: 0;}
#sidebar .blogarchivebox .bookingdetailsright a.bookonline, .availability {float: none; text-align: left}
#sidebar .blogarchivebox h3 {padding: 0; margin: 0; font-size: 1.5rem; font-size: 1.5em;}

#sidebar .blogarchivebox span.thin {display: inline-block; width: 100%;}

span.mwred {color: #e40f07 !important}


/* Live page 2020
-------------------------------------------------------------------------------*/

#contentbox-livepage {

	width: 100%;
	box-sizing: border-box;
	display: block;
	overflow: visible;
	margin-top: 20px;

}


#contentbox-livepage h2.tour-title, #contentbox-livepage h3.tour-title {

	text-align: center;
	display: block;
}

#contentbox-livepage h3.tour-desc {
	font-size: 1rem;
	line-height: 1.2;
	padding: 10px 30px;
	text-align: center;
}




#contentbox-livepage ul.latest-gigs {
	margin: 20px 20px 40px;
	display: block;
	box-sizing: border-box;
	overflow: visible;
	position: relative;
	clear: both;
}

#contentbox-livepage ul.latest-gigs li {


	box-sizing: border-box;
	transition: all .2s ease-in-out;
	display: block;
	width: 100%;
	position: relative;
	overflow: visible;
	float: none;
	clear: both;
	
	}

#contentbox-livepage ul.latest-gigs li:hover {

	margin-bottom: 8px;
	box-sizing: border-box;
		transform: scale(1.015);
		-webkit-box-shadow: 0px 12px 14px rgba(0, 0, 0,  0.12),
		0 5px 8px rgba(0, 0, 0,  0.10), 0 0px 1px rgba(0, 0, 0,  0.4);

-moz-box-shadow: 0px 12px 14px rgba(0, 0, 0,  0.12),
		0 5px 8px rgba(0, 0, 0,  0.10), 0 0px 1px rgba(0, 0, 0,  0.4);

box-shadow: 0px 12px 14px rgba(0, 0, 0, 0.12),
		0 5px 8px rgba(0, 0, 0,  0.10), 0 0px 1px rgba(0, 0, 0,  0.4);

}

#contentbox-livepage ul.latest-gigs li h3 {

	text-align: left;

}

#contentbox-livepage ul.latest-gigs li a,
#contentbox-livepage ul.latest-gigs li .no-link {

	display: block;
	position: relative;
	width: 100%;
	padding: 10px;
	background-color: white;
	border: 2px white solid;
	transition: all .2s ease-in-out;
	box-sizing: border-box;
	margin-bottom: 8px;
	float: none;
	clear: both;text-align: left;

}

#contentbox-livepage h3.sub-title {

	text-align: center;
}

#contentbox-livepage ul.latest-gigs li .no-link {

	text-transform: uppercase;
	color: #14628f;
}

#contentbox-livepage ul.latest-gigs li .no-link .ticketbox {

	color: #333;

}

#contentbox-livepage ul.latest-gigs li .no-link .ticketbox,
#contentbox-livepage ul.latest-gigs li .no-link p,
#contentbox-livepage ul.latest-gigs li  span.extra-info
 {

	 font-family: 'aktiv-grotesk-extended', sans-serif;

}

#contentbox-livepage ul.latest-gigs li  span.extra-info
 {
	display: inline-block;

	font-size: 80%;
	text-align: left;
	background-color: #14628f;
	color: white;
	padding: 3px 6px;
	opacity: .6;

}

#contentbox-livepage ul.latest-gigs li a:hover,

#contentbox-livepage ul.latest-gigs li a:focus {

	border: 2px #99354a solid;




}



#contentbox-livepage ul.latest-gigs li a:active {

			box-shadow: inset 10px 10px 71px -48px rgba(0,0,0,0.2);
}

.livenewscontentbox {
box-sizing: border-box;
}

.livenewscontentbox ul.latest-gigs,
.livenewscontentbox ul.latest-gigs li {
	float: none;
	overflow: hidden;
	position: relative;
	list-style: none;
	display: block;
	width: 100%;
}

.livenewscontentbox ul.latest-gigs li {
	border-bottom: 1px  #d4d4d4 solid;
	padding: 10px 0;
	text-align: left;
}

.livenewscontentbox ul.latest-gigs li:first-of-type {
	padding-top: 0;
	}

.livenewscontentbox ul.latest-gigs li:last-of-type {

	border-bottom: none;

}

.livenewscontentbox ul.latest-gigs li a {
	float:none;
	text-align: left;
}

.livenewscontentbox ul.latest-gigs li a h3 {

	color: #3c3c3c;
}

.livenewscontentbox ul.latest-gigs .bookingdetailsright {

	display: block;
	width: 100%;
	text-align: right;
}

.alldates {

	text-align: right;
	font-family: 'aktiv-grotesk-extended', sans-serif;
	text-transform: uppercase;
}
/* footer
-------------------------------------------------------------------------------*/
#footer { border-top:1px solid #b1b2b7;  margin:20px auto; padding-top:10px; text-transform:uppercase; text-align:center;}
#footer span.righthandspacing {padding-right:40px;}

/* SHARING
-------------------------------------------------------------------------------*/
.sharethispage {position:absolute; font-size:0.75em; top:46px; right:10px; text-transform:uppercase;}
li.sharethis { width:150px; overflow:visible; float:left;  text-align:right; padding-top:5px; font-weight:bold;}
li.facebookthis, li.twitterthis {float:left; margin-left:5px;}
li.twitterthis a,li.facebookthis a{ text-indent:-999px; float:left; width:24px; height:22px; overflow:hidden; background: url(images/twitter-facebook-buttons.png) no-repeat;}

 li.twitterthis a { background-position:0 0; zoom: 1;	filter: alpha(opacity=70);	opacity: 0.7;}
li.twitterthis a:hover {filter: alpha(opacity=99);	opacity: 0.99;}

li.facebookthis a { background-position:-25px 0; filter: alpha(opacity=70);	opacity: 0.7;}
li.facebookthis a:hover {filter: alpha(opacity=99);	opacity: 0.9;}
input[type=submit] { text-transform:uppercase;}
textarea#comment {margin:20px 0;}
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {padding: 10px; font-size:0.9em;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal; font-size:1.35em; margin-bottom:10px;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {padding-left:5px;}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 13px;}
ol.commentlist li.comment div.comment-meta a {color: #3c3c3c; padding:10px 0; position:relative;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 13px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


body.post-type-archive-gigs  .post {

	min-height: 90vh;
}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-width: 960px) {

h1 { padding-top:10px;}

.menu-test-menu-container ul,
.menu-navigation-container ul {
max-width: 100%; width:100%;}

ul#menu-navigation li .sub-menu li,
ul#menu-test-menu li .sub-menu li{

	border-right: none;
	border-bottom: none;
}

ul#menu-navigation li .sub-menu li:last-of-type,
ul#menu-test-menu li .sub-menu li:last-of-type {

	border-right: none;
	border-bottom: none;
}

ul.sub-menu{
	
	border-bottom: 3px solid #d4d4d4;
	width:100%;
}



.signupbox, .blogarchivebox {
border-bottom: 0;}

#livedates, signupbox, #twitterbox, .blogarchivebox {
width:42%;margin: 0 1%;float: left; padding: 20px; background:#fff;
}


#sidebar {float: left; clear:both;
max-width: 100%; width:100%; margin-top:20px;}

 body.home .signupbox, body.home .signupbox, body.home #twitterbox {
background:#fff; width:42%; margin: 0 1%;float: left; padding: 20px;
}




#footer {width: 100%;}

.sharethispage { top:0;}




}

@media all and (orientation: portrait) {

}


@media screen and (max-width: 680px)

{

	

.sharethispage {display: none}

h1 { padding:10px 0; line-height: .95em; display: block; overflow: hidden}

h2 { font-size: 1.35rem; }

#livedates, .signupbox, #twitterbox, .blogarchivebox {
width:100%;margin: 0;float: none; padding: 2%; background:#fff;clear:both;}



 body.home .signupbox, body.home #twitterbox {
background:#fff; width:100%%; margin: 0 auto;float: none; padding: 3%; clear:both;
}

#footer span.righthandspacing, #footer span.webmakers {
padding-right: 0; clear:both; display:block; float:left; width:100%; margin:5px 0;
}

small.mti_font_element {display:block; width:100%; float:left; clear:both; text-align:center;}


span.thin, span.heavy { line-height:1em;}

ul#menu-test-menu li,
ul#menu-navigation li {width: 33.3%}

ul#menu-test-menu li.menu-item-3482,
ul#menu-navigation li.menu-item-3482{width: 40%}

ul#menu-test-menu li.menu-item-3481,
ul#menu-navigation li.menu-item-3481 {width: 60%}


.eachdate { float:left; clear:both;}

.signupbox, .blogarchivebox {
border-bottom: none; }

body.home .signupbox, body.home .signupbox, body.home #twitterbox {
margin: 1% 0; }





h1 { padding-top:10px;}
nav  {background:#000; max-width:100%x; margin:0 auto; display:block; position:relative;
		 border-bottom: 1px solid #d4d4d4;

}





.post {width: 100%;margin-right: 0;padding:4% 3%;background: white;}

#sidebar { padding:0; width:100%; max-width:100%; background:none; background-image: none; background-color:#fff; margin:20px 0 0; back overflow:hidden;}

#footer span.righthandspacing, #footer span.webmakers {
padding-right: 0; clear:both; display:block; float:left; width:100%; margin:5px 0;
}

small.mti_font_element {display:block; width:100%; float:left; clear:both; text-align:center;}

nav {display:block; background:#fff;}

span.thin, span.heavy { line-height:1em;}

.eachdate { float:left; width:90%;}

.blogarchivebox,#livedates,{
border-bottom: 5px solid #d4d4d4;}


#twitterbox {border-top:0;}

ul#menu-test-menu li,
ul#menu-navigation li { padding:10px 0; font-size: 1rem }

.town { line-height:1;}

#footer small { font-size:1rem;}




}

body.page-template-page-infinite #contentbox-inside  {
	
	background: none;
	background-image: none;
	background-color: #fff;
	float: none;
	display: block;
	position: relative;
	
	
}	
	
.post.shop {
			
			width: 100%;
			margin-right: 0;
			float: none;
			display: block;
			position: relative;
}
	
body.page-template-page-infinite #contentbox-inside .entry  {
	
float: none;
}	

body.page-template-page-infinite #contentbox-inside .entry hr {
	display: block;
	width: 100%;
	clear: both;
	float: none;
	
}	

.streambox {
	
	
	margin: 20px auto;
	background-color: #fff;
	text-align: center;
	padding:2rem 0;
	
}
.streambox h1 {
	
font-family: 'aktiv-grotesk-extended', sans-serif;
font-size: 2.4rem;

}

.streambox p {
	 padding: 0  2rem ;
 }
 .streambox p strong {
	 font-weight: normal;
 	font-family: 'aktiv-grotesk', sans-serif;
	 font-weight:700;
	 font-size: 1.4rem;
 }
 
.streambox a {
	text-transform:uppercase; 
	padding: 0 0 1rem 0; 
	display:block; width:100%;
	font-family: 'aktiv-grotesk-extended', sans-serif;
	font-size: 1.5rem;
} 

.streambox blockquote{
	
	margin: 0;
	padding: 0;
	opacity: .8;
	
	
}

.streambox .wp-block-column blockquote p {
	
	font-size:1.75rem;
	letter-spacing: 2px;
	font-family: arial, helvetica, sans-serif;
	
}

.streambox .wp-block-column blockquote cite {
	font-size:1rem;
	font-style: normal;
}

.streambox .wp-block-group__inner-container {
	padding: 2rem 2rem 0;
	text-align: left;
}

.streambox .wp-block-group__inner-container p {
	margin-top: .5rem;
}

#contentbox, #contentbox-inside {
 margin: 20px 0;
 padding: 0;
}

.post .navigation {
	display: flex;
	justify-content: space-between;
}

.post .navigation .next-posts, .post .navigation .previous-posts {flex: 0 0 auto}


.social-media {
	
	margin: 0 0 ;
	padding: 0;
	text-align: center;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
	
}

.social-media li {
	margin: 3vw;
	font-size: 2.5vw;
	line-height: 1;
	
	
}

#mc_embed_signup form {
	background-color: #fff;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

#mc_embed_signup form h2,
#mc_embed_signup form input {
 flex: 1 0 auto;	
}

#mc_embed_signup form input[type=email] {
 flex: 2 0 33%;	
 margin: 0 1rem;
}

#mc_embed_signup form h2,
#mc_embed_signup form input[type=submit] {
 font-size: 1.55vw;
 text-align: center;
 font-family: 'aktiv-grotesk-extended', sans-serif;
 font-weight: 300;
}	

input[type=submit] {
	border:none; 
	background:none;
	color:#14628f;
	 padding:10px;
	 margin:0;
}
input[type=text], input[type=email] {
	background:#e9e9e9; 
	border:none;
	 padding:10px;margin: 0;}

input:hover[type="submit"],  
input:focus[type="submit"] { color:#99354a; }


::-webkit-input-placeholder { /* Safari, Chrome and Opera */
	transition: .3s; text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
	transition: .3s; text-align: center;
}

::-moz-placeholder { /* Firefox 19+ */
	transition: .3s; text-align: center;
}

:-ms-input-placeholder { /* IE 10+ */
	transition: .3s;  text-align: center;
}

::-ms-input-placeholder { /* Edge */
	transition: .3s;  text-align: center;
}

[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.3s 0.3s ease;
  opacity: 0;
  text-align: center;

}

:focus::-webkit-input-placeholder { color: transparent }
:focus:-moz-placeholder { color: transparent }
:focus::-moz-placeholder { color: transparent }
:focus:-ms-input-placeholder { color: transparent }
:focus::-ms-input-placeholder { color: transparent }


@media screen and (max-width: 680px)

{
	#contentbox-inside .post h1,
	.streambox h1 {
		
	font-size: 1.65rem;
	
	}
	
	.signupbox {
		text-align: center;
	}
	
	.streambox p strong {

	 font-size: 1.25rem;
	 }
	 
	.streambox a {
		
		font-size: 1.35rem;
	} 
	
	.buy-titles:last-of-type {
		
		display: block;
		width: 100%;
		clear:both;
	}
	
	#mc_embed_signup form h2,
	#mc_embed_signup form input {
	 flex: 0 0 100%;	
	}
	
	#mc_embed_signup form h2,
	#mc_embed_signup form input[type=submit] {
	 font-size: 1.5rem;
	 margin: 0;
	 padding: 0;
	
	}
	
	#mc_embed_signup form input[type=email] {
		margin: 1rem;
	}
	
	#mc_embed_signup form h2,
	#mc_embed_signup form input[type=submit] {
	 font-size: 1.5rem;
	
	
	}
	
	
}	

@media screen and (max-width: 760px)

{
	.menu-test-menu-container ul, .menu-navigation-container ul {
		
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		
	}

	.menu-test-menu-container ul li, .menu-navigation-container ul li {
		
		width: auto;
		flex: 1 0 27%;
		
	}
}
		
		
	

@media screen and (max-width: 900px)

{
	
	.social-media li {
		margin: 2rem 1rem;
		font-size: 1.5rem;
		
		
		
	}
	
	#mc_embed_signup form h2,
	#mc_embed_signup form input[type=submit] {
	 font-size: 1.66rem;
	
	
	}
	
}

@media screen and (min-width: 1800px)

{
	
	.social-media li {
		
		font-size: 1.75vw;
		
		
		
	}
	
}