/*
Theme Name: TowneCrier2020
Theme URI: http://randycaruso.com
Author: RC
Author URI: http://randycaruso.com
 */




	/*8b     d888 8888888888 888b    888 888     888  .d8888b.
	8888b   d8888 888        8888b   888 888     888 d88P  Y88b
	88888b.d88888 888        88888b  888 888     888 Y88b.
	888Y88888P888 8888888    888Y88b 888 888     888  "Y888b.
	888 Y888P 888 888        888 Y88b888 888     888     "Y88b.
	888  Y8P  888 888        888  Y88888 888     888       "888
	888   "   888 888        888   Y8888 Y88b. .d88P Y88b  d88P
	888       888 8888888888 888    Y888  "Y88888P"   "Y8888*/

	.title { display:block !important; text-align: center;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

	.menus .entry h2 {
		font-size: 28px !important;
		margin: 0px 0px 20px 0px;
		background-color: #494949;
		padding: 15px;
		color: white !important;
		letter-spacing: .1em;
		font-weight: 500 !important;
		}

		.menus .entry h2 em {
			font-size: 28px;
			display:inline;
			color: white;
			font-style: normal;
			font-weight: normal;
			margin: 0px;
		  }

	.menus .entry h3 {
		font-size: 22px !important;
		text-transform: capitalize!important;
		font-weight: bold;
		margin: 25px 12px 5px 12px;
		padding: 0px 0px 3px 0px;
		border-bottom: dotted 1px black !important;
		color: #640100  !important

	}


	.menus .entry h4 {
		font-size: 22px !important;
		text-transform: capitalize!important;
		font-weight: bold;
		margin: 25px 12px 5px 12px;
		padding: 0px 0px 3px 0px;
		border-bottom: dotted 2px #9e9e9e !important;
		color: #640100  !important

	}


	.menus .entry strong {float: right;}

.menus .entry em {
	color: #640100;
	font-style: normal;
	font-weight: bold;
	margin: 35px 0px 0px 0px;
	display: block;
	font-size: 22px;
}

	.menus p {
		font-size: 16px;
		padding: 0px 90px 0px 12px;

	}

	.addons {padding: 0px 0px 0px 12px; }

	.addons p {
		font-size: 16px !important;
		padding: 0px 0px 0px 0px;
		xborder-bottom: dotted 1px black !important;
		border-bottom: dotted 2px #9e9e9e !important;
		}

	.addons strong {float: right; color: #640100;}





	/*88888888 888     888 8888888888 888b    888 88888888888 .d8888b.
	888        888     888 888        8888b   888     888    d88P  Y88b
	888        888     888 888        88888b  888     888    Y88b.
	8888888    Y88b   d88P 8888888    888Y88b 888     888     "Y888b.
	888         Y88b d88P  888        888 Y88b888     888        "Y88b.
	888          Y88o88P   888        888  Y88888     888          "888
	888           Y888P    888        888   Y8888     888    Y88b  d88P
	8888888888     Y8P     8888888888 888    Y888     888     "Y8888*/

	/* WHOLE LISTING */
	.wpt_listing {margin-bottom: 1em;margin: 20px 0px 20px 0px;}

	/* BLOCK */
	.wp_theatre_event {
		padding: 19px 5px 18px 34px !important;
		background:  url(img/ripped-paper.webp) no-repeat 0px 0px;
		min-height: 190px;
	}

	/* IMAGE */
	.wp_theatre_event figure {margin: 0px -20px 0px 0px !important;}

	/* TITLE */
	.wp_theatre_event_title {
		font-size: 22px;
		line-height: 1.2;
		margin: 0px 0px 8px 0px !important;
		max-width: 460px;
		font-weight: 600 !important;
		font-family: 'Andada Pro', serif;
	}


	/* DATE / TIME */
	.wp_theatre_event_datetime {
		margin: 0px 0px 0px 0px !important;
		font-size:18px;
	}


	.wpt_events .wp_theatre_event .wp_theatre_event_tickets {
	
		font-size: 19px;
	
		margin: 10px auto 0px auto !important;
	
	
		text-align: center;
		color:#8b0100 !important;
	}

	.wpt_events .wp_theatre_event .wp_theatre_event_tickets a {
		display:block;
		background-color: #8b0100;
		color: white;
		padding: 9px 10px;
		margin: 5px auto 0px auto !important;
	}

	.wpt_productions .wp_theatre_event .wp_theatre_event_tickets, .wpt_events .wp_theatre_event .wp_theatre_event_tickets {
		width: 25%;
		margin: 0;
		position: absolute;
		top: 0.2em !important;
		right: 2em !important;
	}






	.wp-block-group.has-white-background-color.has-background {padding: 20px;}



	.moreshows {display:block; text-align:  center !important; font-size: 20px !important; background-color: white; padding: 20px; margin: 20px auto;   }

	.wp_theatre_prod {background-color: white; padding: 20px;}


	.wp_theatre_prod .title {
		color: #8b0100 !important;
		font-size: 34px;
		xfont-weight: 400;
		margin: 20px 0 20px 0;
		padding: 0 0 0 0;
		letter-spacing: 0.05em;
		text-align: left;
	}



	* { xborder: 2px dotted black; }


	.anniversery {
		background-color: #8b0100 !important;
		padding: 10px;
		color: white;
		font-size: 22px!important;
		letter-spacing: .03em;
	}


	.landmark {
		line-height: 33px;
		font-size: 26px !important;
		font-weight: lighter;
	}



	/* Smooth Scrooling */
	html { scroll-behavior: smooth; }
	#capabilities { display: block; position: relative; top: -122px; visibility: hidden; }

	.mobile { display: none; }
	.desktop { display: block !important; }



	/* Center Blocks! */

	.col-center-block { float: none; display: block; margin: 0 auto; }



	body {
		font-size: 16px;
		font-family: 'Raleway', sans-serif !important;
		color: black;
		background: url(img/background.jpg) repeat; }


	.container       { xbackground-color: white; width: 1200px; }
	.container-fluid { xmargin: 0px -15px 0px -15px; } /*I don't think you need this one, but below yes */
	.xcontainer-fluid { padding: 0 !important; } /* This caused the bottom scroll bar to appear */




	a           { color: maroon;}
	a:hover     { color: black; text-decoration: none; }
	a:focus     { outline: none !important; }
	input:focus { outline: none !important; }


/*
		8888888888 .d88888b.  888b    888 88888888888 .d8888b.
		888       d88P" "Y88b 8888b   888     888    d88P  Y88b
		888       888     888 88888b  888     888    Y88b.
		8888888   888     888 888Y88b 888     888     "Y888b.
		888       888     888 888 Y88b888     888        "Y88b.
		888       888     888 888  Y88888     888          "888
		888       Y88b. .d88P 888   Y8888     888    Y88b  d88P
		888        "Y88888P"  888    Y888     888     "Y8888P"
*/


/* Glyphicons https://glyphicons.bootstrapcheatsheets.com/# */
.page-face h3 a:after { font-family: "Glyphicons Halflings"; content: "\e258"; margin-top: 15px !important; line-height: 1.5!important; vertical-align: -2px; }



h1, h1 a, h2, h2 a, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; }



h2 { color: #960200 !important; xfont-weight: 400; font-size: 30px !important; line-height: 30px; font-weight: bold; }
.page-template-default h2 { color: #960200 !important; xfont-weight: 400; font-size: 30px !important; line-height: 30px; font-weight: bold; }

h3 { color: #960200 !important; xfont-weight: 400; font-size: 16px !important; line-height: 26px; }

h4 { color: #960200 !important; xfont-weight: 400; font-size: 14px !important; }

h5 { color: #960200 !important; xfont-weight: 400; font-size: 14px !important; }



.title { color: #210700 !important; font-size: 34px; xfont-weight: 400; margin: 0 0 20px 0; padding: 0 0 0 0; letter-spacing: 0.05em; }

.title a { color: #210700 !important; font-size: 24px; xfont-weight: 400; margin: 0 0 20px 0; padding: 0 0 0 0; letter-spacing: 0.05em; }


.entry ul { margin: 10px 0px 10px 0px; xoverflow: hidden; list-style: outside disc; xmargin-left: 1em; }

.entry li { position: relative; xleft: 1em; padding-right: 1em; margin-bottom: 10px; xlist-style-position: inside !important; line-height: 23px; }

.entry ol { margin-bottom: 20px; }



blockquote p { font-size: 18px !important;color: #2a3d91; }

cite { color: #2a3d91; text-decoration: none; margin: -10px 0px 0px 20px; }










/*
	888    888 8888888888        d8888 8888888b.  8888888888 8888888b.
	888    888 888              d88888 888  "Y88b 888        888   Y88b
	888    888 888             d88P888 888    888 888        888    888
	8888888888 8888888        d88P 888 888    888 8888888    888   d88P
	888    888 888           d88P  888 888    888 888        8888888P"
	888    888 888          d88P   888 888    888 888        888 T88b
	888    888 888         d8888888888 888  .d88P 888        888  T88b
	888    888 8888888888 d88P     888 8888888P"  8888888888 888   T88b
*/

header {
	margin: 0 0 0px 0;
	padding: 10px 0 0 0;
	height: 180px;
	background: url(img/header-light2.jpg) no-repeat top center;
}

.logo a {
	margin: 0 auto 0 auto;
	height: 85px;
	text-indent: -999em;
	display: block;
}

.location {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: black;
	margin: 15px 84px 0px 0px;
	}


.slider { margin: 0px 0px 20px 0px; xborder: 1px solid red; }



/*
      888b    888        d8888 888     888
      8888b   888       d88888 888     888
      88888b  888      d88P888 888     888
      888Y88b 888     d88P 888 Y88b   d88P
      888 Y88b888    d88P  888  Y88b d88P
      888  Y88888   d88P   888   Y88o88P
      888   Y8888  d8888888888    Y888P
      888    Y888 d88P     888     Y8P
*/

.navbar { min-height: 56px; }


/* NAV POSITION */
.navbar-default {
	margin: 14px 0 0 0px;
	padding: 4px 0 0px 29px;
	background-color: transparent !important;
	border-color: transparent !important;
	z-index: 10;
	background: url(img/navback1200.jpg) no-repeat 0px 0px;
	width: 1200px;
}


/* THIS CONTROLS SPACING Size, Color */
.nav>li>a {
	font-size: 18px;
	padding: 10px 12px !important;
	letter-spacing: .04em;
	transition: all 0.3s ease;
	color: white !important;
}

/* HOVER */
.nav > li > a:hover {
	color: white !important;
}




/* Active Page Indicator */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent !important;
	color: black !important;
}

/* This can also control spacing */
.nav > li > a { position: relative; display: block; }





.navbar-brand { display: none; }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #900c1a;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #656460; background-color: transparent; }
.navbar .nav > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu:before { content: none; }


/* Dropdown Controls */
.caret { }  /* Look in Media to turn this off */

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000!important; display: none; float: left; min-width: 160px; padding: 0 0; margin: 2px 0 0; font-size: 12px; list-style: none; background-color: #8B0100; border: 1px solid transparent; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; letter-spacing: 1px; }

.dropdown-menu a {
	font-size: 16px;
	color: #ffffff !important;
	padding: 10px 20px !important;
	border-bottom: 1px solid #8B0100;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #AA4A03;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	text-decoration: none;
	background-color: transparent;
	color: #900c1a;
	outline: 0;
}





.dropdown-menu a:hover::after { display: none; }









	 /*8888b.   .d88888b.  888b    888 88888888888 8888888888 888b    888 88888888888
	d88P  Y88b d88P" "Y88b 8888b   888     888     888        8888b   888     888
	888    888 888     888 88888b  888     888     888        88888b  888     888
	888        888     888 888Y88b 888     888     8888888    888Y88b 888     888
	888        888     888 888 Y88b888     888     888        888 Y88b888     888
	888    888 888     888 888  Y88888     888     888        888  Y88888     888
	Y88b  d88P Y88b. .d88P 888   Y8888     888     888        888   Y8888     888
	 "Y8888P"   "Y88888P"  888    Y888     888     8888888888 888    Y888     8*/


.page-template-default .main {
	padding: 20px;
	background-color: #DED5C9;
	margin: 0px 0px 20px 15px;
}




.main {margin: 0px auto  0px 30px; }


.menus {background-color: #F2EDE0;padding: 30px 30px 30px 30px;  }




















http://stackoverflow.com/questions/1341358/set-size-on-background-image-with-css

.stretch{ /* Will stretch to specified width/height */
  background-size: 200px 150px;
}
.stretch-content{ /* Will stretch to width/height of element */
  background-size: 100% 100%;
}
.resize-width{ /* width: 150px, height: auto to retain aspect ratio */
  background-size: 150px Auto;
}
.resize-height{ /* height: 150px, width: auto to retain aspect ratio */
  background-size: Auto 150px;
}
.resize-fill-and-clip{ /* Resize to fill and retain aspect ratio. Will cause clipping if aspect ratio of box is different from image. */
 background-size: cover;
}
.resize-best-fit{ /* Resize to best fit and retain aspect ratio. Will cause gap if aspect ratio of box is different from image. */
  background-size: contain;
}








.map-responsive{ overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }
.map-responsive iframe{ left: 0; top: 0; height: 100%; width: 100%; position: absolute; }



/* Custom for 5 col */
.col-lg-1-5,.col-md-1-5,.col-sm-1-5,.col-xs-1-5{ min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; width: 100%; box-sizing: border-box; }
.item { width: 100%; }
.col-xs-1-5{ width: 20%; float: left; }

@media (min-width: 767px){ .col-sm-1-5{width: 20%;float:left;} }
@media (min-width: 992px){ .col-md-1-5{width: 20%;float:left;} }
@media (min-width: 1200px){ .col-lg-1-5{width: 20%;float:left;} }
.center-block {float: none !important}

.row-centered { text-align: center; }
.col-centered { display: inline-block; float: none; text-align: left; margin-right: -4px; }













/*
		8888888888 .d88888b.   .d88888b. 88888888888 8888888888 8888888b.
		888       d88P" "Y88b d88P" "Y88b    888     888        888   Y88b
		888       888     888 888     888    888     888        888    888
		8888888   888     888 888     888    888     8888888    888   d88P
		888       888     888 888     888    888     888        8888888P"
		888       888     888 888     888    888     888        888 T88b
		888       Y88b. .d88P Y88b. .d88P    888     888        888  T88b
		888        "Y88888P"   "Y88888P"     888     8888888888 888   T88b
*/

footer { padding: 20px 0 50px 0; color: white; }

footer a { color: white; text-decoration: underline;}



.footercontent .wp-block-column { background-color: #F3F0E7; padding: 15px;color: #4c4c4c; }


.cff-wrapper { height: 100% !important; }

#cff { height: auto !important; }


.footercontactinfo {text-align: center }

.footer span { padding: 0px 15px 0px 15px; }

.copyright  {text-align: center; padding: 20px 0px 0px 0px; }

.footerabout {padding: 20px;}





/*
      8888888b.   .d88888b.   .d8888b. 88888888888 .d8888b.
      888   Y88b d88P" "Y88b d88P  Y88b    888    d88P  Y88b
      888    888 888     888 Y88b.         888    Y88b.
      888   d88P 888     888  "Y888b.      888     "Y888b.
      8888888P"  888     888     "Y88b.    888        "Y88b.
      888        888     888       "888    888          "888
      888        Y88b. .d88P Y88b  d88P    888    Y88b  d88P
      888         "Y88888P"   "Y8888P"     888     "Y8888P"
*/

.category-title { xborder: 1px solid red; }

.post { display: block; border-bottom: 1px solid #bfbfbf; clear: both; margin: 0 0 38px 0; padding: 0 0 25px 0; xmin-height: 327px; }

.post-date { color: #656460 !important; font-size: 15px; display: block; margin: 0 0 9px 0; font-style: italic !important; }

.post img { border: 1px solid #bfbfbf; }

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image { width: 100%; }

span.post-author { display: none; }

h2.title { font-size: 22px; }

.category-des { xmargin: 0 0 25px 0; xfont-style: italic; xfont-size: 16px; }









/*
     .d8888b.   .d88888b.   .d8888b. 8888888        d8888 888
    d88P  Y88b d88P" "Y88b d88P  Y88b  888         d88888 888
    Y88b.      888     888 888    888  888        d88P888 888
     "Y888b.   888     888 888         888       d88P 888 888
        "Y88b. 888     888 888         888      d88P  888 888
          "888 888     888 888    888  888     d88P   888 888
    Y88b  d88P Y88b. .d88P Y88b  d88P  888    d8888888888 888
     "Y8888P"   "Y88888P"   "Y8888P" 8888888 d88P     888 88888888

 */
	.xsocial { display: block; xwidth: 150px; height: 45px; margin: 94px 0 0 0;}
	.sociallinks { float: right; display: block; color: white; font-size: 16px; width: 358px; height: 35px; margin: -2px 0px 0px 0px; }

	.social a { float: right; cdisplay: inline !important; }

	.twitter  { margin: 0px 6px 0px 0px; background: url(img/social.png) no-repeat 0px 0px; text-indent: -999em; width: 35px; height: 35px; display: inline-block; }
	.facebook { margin: 0px 6px 0px 0px; background: url(img/social.png) no-repeat -35px 0px; text-indent: -999em; width: 35px; height: 35px; display: inline-block; }
	.instagram  { margin: 0px 6px 0px 0px; background: url(img/social.png) no-repeat -70px 0px; text-indent: -999em; width: 35px; height: 35px; display: inline-block; }
	.linkedin { margin: 0px 6px 0px 0px; background: url(img/social.png) no-repeat -105px 0px; text-indent: -999em; width: 35px; height: 35px; display: inline-block; }
	.emaillink { float: right; background: url(img/social.jpg) no-repeat -88px 0; text-indent: -999em; width: 44px; height: 44px; display: block; }

	.twitter:hover { background: url(img/social.png) no-repeat 0px -35px; }
	.facebook:hover { background: url(img/social.png) no-repeat -35px -35px; }
	.instagram:hover { background: url(img/social.png) no-repeat -70px -35px; }
	.linkedin:hover { background: url(img/social.png) no-repeat -105px -35px; }

	.emaillink:hover { background: url(img/social.jpg) no-repeat -88px -44px; }






/*
       .d8888b. 8888888 8888888b.  8888888888 888888b.         d8888 8888888b.
      d88P  Y88b  888   888  "Y88b 888        888  "88b       d88888 888   Y88b
      Y88b.       888   888    888 888        888  .88P      d88P888 888    888
       "Y888b.    888   888    888 8888888    8888888K.     d88P 888 888   d88P
          "Y88b.  888   888    888 888        888  "Y88b   d88P  888 8888888P"
            "888  888   888    888 888        888    888  d88P   888 888 T88b
      Y88b  d88P  888   888  .d88P 888        888   d88P d8888888888 888  T88b
       "Y8888P" 8888888 8888888P"  8888888888 8888888P" d88P     888 888   T88b
*/

.sidebar {
	margin: 0;
	background-color: #210700;
	color: white !important;
	padding: 27px 30px 30px 20px;
}
.sidebar a { color: white !important; text-decoration:underline;}

.sidebar h2 {
	font-size: 18px !important;
	color: #b80000 !important;
	margin: 0px 0px -5px 0px; 
}

.hours {font-size: 20px; }
.sidebar ul { list-style: none; list-style-image: none; list-style-type: none; margin: 0 0 0 10px; padding: 0 0 0 0; }

.sidebar img { max-width: 260px; }
.sidebar ul li { list-style: none; list-style-image: none; list-style-type: none; }

.sidebarimg  { margin: 0 0 -32px 0 !important; display: block; }

.sidebaritem label { display: none; }

.sidebaritem { margin: 0 0 20px 0; }

.sidebaritem .title { font-size: 24px; }

.newsletter-signup { margin: 0 0 7px 0; background-color: #bfbfbf; color: black; display: none; xdisplay: block; padding: 20px; xwidth: 336px; }






.nextprev { }
.gallery-caption { }
.bypostauthor { }


.no-gutters { padding: 0 !important; margin-left: 0; }

caption { background:#bfbfbf;padding: 10px;}

abbr, acronym { xborder-bottom: 1px dotted #666; }
sup, sub { line-height: 0; }

.floatleft { float: left; }
.floatright { float: right; }
.alignleft { text-align: left; }
.alignright { text-align: right; }

.center { text-align: center; }

.picleft { float: left; padding: 4px 8px 8px 0; }
.picright { float: right; padding: 4px 0 8px 8px; }

.clear {clear: both;}
.hide { display: none; }

.sticky { }




/* Newsletter form */
.with_frm_style .frm_inside_container .frm_primary_label {

    display: none;
}




/* ------------ Style Links by FILE TYPE

a[href^="http://"]
{ padding-right: 18px; background: url(img/2-external.gif) no-repeat center right; }

a[href^="mailto:"]
{ xpadding-right: 18px; xbackground: url(img/2-email.gif) no-repeat center right; }

a[href$=".pdf"]
{ padding-right: 18px; background: url(img/2-pdf.gif) no-repeat center right; }

a[href$=".doc"]
{ padding-right: 18px; background: url(img/2-word.gif) no-repeat center right; }

a[href$=".docx"]
{ padding-right: 18px; background: url(img/2-word.gif) no-repeat center right; }

a[href$=".xlsx"]
{ padding-right: 18px; background: url(img/2-excel.gif) no-repeat center right; }

a[href$=".xls"]
{ padding-right: 18px; background: url(img/2-excel.gif) no-repeat center right; }

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




/* ------------rounded corners ------------*/
.round { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }


/* =WordPress Core
-------------------------------------------------------------- */
img, table, iframe { border: 0!important; }

.admin-bar .navbar  { xmargin: 28px 0 0 0; }
.admin-bar  { xmargin: 28px 0 0 0!important; }
.logged-in  { xmargin-top: 32px !important; }


.alignnone { margin: 3px 20px 20px 0; }
.aligncenter,
div.aligncenter { display: block; margin: 3px auto 5px auto; }
.alignright { float: right; margin: 3px 0 20px 20px; }
.alignleft { float: left; margin: 3px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img .alignright { float: right; margin: 5px 0 20px 20px; }
a img .alignnone { margin: 5px 20px 20px 0; }
a img .alignleft { float: left; margin: 5px 20px 20px 0; }
a img .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #bfbfbf; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption .alignnone { margin: 5px 20px 20px 0; }
.wp-caption .alignleft { margin: 5px 20px 20px 0; }
.wp-caption .alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p .wp-caption-text { font-size: 14px; line-height: 17px; margin: 0; padding: 10px 0 4px 0; }

.wp-pagenavi{clear:both;}
.wp-pagenavi a, .wp-pagenavi span{text-decoration:none;border:1px solid #BFBFBF;padding:3px 5px;margin:2px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current{border-color:#000;}
.wp-pagenavi span.current{font-weight:bold;}


.post-date {display:none !important;}

/*
		888b     d888 8888888888 8888888b. 8888888        d8888
		8888b   d8888 888        888  "Y88b  888         d88888
		88888b.d88888 888        888    888  888        d88P888
		888Y88888P888 8888888    888    888  888       d88P 888
		888 Y888P 888 888        888    888  888      d88P  888
		888  Y8P  888 888        888    888  888     d88P   888
		888   "   888 888        888  .d88P  888    d8888888888
		888       888 8888888888 8888888P" 8888888 d88P     888
*/


@media (min-width: 1024px) and (max-width: 1920px) {	} /* emd < 1024 1920 > */

@media only screen and (max-width : 1024px) {	} /* emd < 1024 > */

@media (min-width: 768px) and (max-width: 1023px) {		} /* emd < 768 1023 > */

@media only screen and (max-width : 1199px) {	} /* emd < 1199 > */

@media (min-width: 601px) and (max-width: 767px) { 	} /* emd < 601 767 > */

@media only screen and (max-width : 600px) {	} /* emd < 600 > */






/* This allows the menus to activate on hover instaead of click */

@media only screen and (min-width : 768px) {
    /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu { display: block; }
    .caret { xdisplay: none; }
}






/*
    d888   .d8888b.   .d8888b.      d8888  IPAD Portrait
   d8888  d88P  Y88b d88P  Y88b    d8P888
     888  888    888        888   d8P 888
     888  888    888      .d88P  d8P  888
     888  888    888  .od888P"  d88   888
     888  888    888 d88P"      8888888888
     888  Y88b  d88P 888"             888
   8888888 "Y8888P"  888888888        888
*/
@media only screen and (max-width : 1024px) {

.row { width: auto; margin: 0 auto; } /* this is the big deal causing left to right scroll */

/* center the navbar*/
.center.navbar .nav,
.center.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}

.center .navbar-inner { text-align: center; }
.center .dropdown-menu { text-align: left; }


} /* end 1024 */


















/*
  8888888888  .d8888b. 8888888888
        d88P d88P  Y88b      d88P
       d88P  888            d88P
      d88P   888d888b.     d88P
   88888888  888P "Y88b 88888888
    d88P     888    888  d88P
   d88P      Y88b  d88P d88P
  d88P        "Y8888P" d88P

/* This is when the mobile nav appears */

@media (max-width: 767px)  {


	/* MENU PAGE */

	.menus {
		background-color: #F2EDE0;
		padding: 10px;
		margin: 20px auto 0px auto ;
	}

	.page-template-menus .col-md-8 {
		padding-right: 0;
		padding-left: 0;
	}

	.menus .title {
		display: block;
		height: 100%;
		margin: 0px 0px 20px 0px;}

	.menus .entry h2 {font-size: 22px !important;}

	.menus .entry h2 em {
		font-size: 22px;
		display:block;
		color: white;
		font-style: normal;
		font-weight: normal;
		margin: 0px;
	}

	.menus p {
		font-size: 14px;
		padding: 0px 90px 0px 12px;}

	.addons { padding: 0px 20px;  }

	.addons p { padding: 0px 0px 0px 0px;  }








	/* General Page layout */

	.page-template-default .col-md-8 {
		padding: 0px 0px 0px 0px;
		margin: 20px auto 0px auto ;
	}

	.page-template-default .main  {
		padding: 20px 15px;
		margin: 0px 0px 0px 0px;
	}

	.col-md-4 {
		padding-right: 0;
		padding-left: 0;
	}

	.sidebar {
		margin: 0;
		background-color: #210700;
		color: white !important;
		padding: 27px 20px 30px 20px;
	}











	.wpt_productions .wp_theatre_prod figure, .wpt_events .wp_theatre_prod figure, .wpt_productions .wp_theatre_event figure, .wpt_events .wp_theatre_event figure {
		width: 69px;
		padding-right: 0.5em;
		margin: 0;
		float: none !important;
	}

	.wp_theatre_event_title {
		font-size: 18px;
		line-height: 1.2;
		margin: 3px 0px -5px 0px !important;
		max-width: 460px;
		font-weight: 600 !important;
		font-family: 'Andada Pro', serif;
		width: 100%;
		display: block;}


	.main {margin: 20px auto 0px 0;}




	.title {
		display: block;
		height: 100%;
		xborder: 1px solid red;
		margin: 0px 0px 35px 0px;
		color: #8b0100 !important;
		font-weight: bold !important;
		font-size: 29px;
	}

h2.landmark {
    line-height: 23px !important;
    font-size: 14px !important;
    font-weight: lighter;
    letter-spacing: normal !important;
}


.embed-upcoming-li .img-container {
	display: block;
	margin-right: 0;
	position: relative !important;
	float: none !important;
	width: 100%;
	height: 100%;
	clear: both !important;
	padding: 10px 0px 10px 0px;
}

.show-title-a {
	display:block !important;
	height: 100% !important;
	float: none !important;
	margin: 20px 0px 30px 0px !important
	padding: 20px 0px 0px 0px !important;
	}

.show-info {
	padding: 0 0 0 0 !important;
	height: 100%;	float: none !important;
}


.show-info a {
	display: block !important;
	line-height: 18px !important;
	padding: 5px 0px 0px 0!important;
	font-size: 18px !important;	float: none !important;
}

.show-desc {
	xborder: 100px solid red;
	xfont-size: 30px !important;
	display: block !important;
	height: 100% !important;
	float: none !important;
	margin: 0px 0px 0px 0px!important;
	padding: 0px 0px 0px 0px !important;
}


.all-date {
	display: block;
	left: auto !important;
	position: relative !important;
	top: auto !important;
	margin: 10px 0px 10px 0px !important;
	xborder: 1px solid red;
	float: none !important;
}


.embed-upcoming { padding: 0 !important; }


.img-src {
	width: 100% !important;
}

.embed-buyTix {
	margin: 0px 0px 10px 0px !important;
	}



.container { padding: 0px 0px 0px 0px; width: 100%; }
.container-fluid { padding: 0px 0px 0px 0px; width: 100%; }

header {
	margin: 0 0 0px 0;
	padding: 10px 0 0 0;
	height: 220px;
	background: url(img/header-mobile.jpg) no-repeat top center;
	background-size: auto;
	xbackground-size: 1330px;
}

.location { text-align: center; font-size: 17px; font-weight: bold; color: white; margin: 15px auto 20px auto; }
.location a { text-decoration:underline; color: white; }

.home h2 {
    xfont-size: 19px !important;
    xline-height: 6px;
}

/* This fuckin mess keeps costing me HOURS: */

.container-fluid .col-md-12 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}



.navbar-default {
	border-color: transparent!important;
	width: 100%;
	text-align: center !important;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(img/navback-mobile.png) no-repeat  center top;
	xfloat: right !important;
	display:block;
}

/* Border at the top of the plane */
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: black;
}


/* This is the button */
		.navbar-default .navbar-toggle {
			border-color: #272727;
			background-color: #710000;
			color: white;
			margin: 4px auto 8px auto;
			text-align: center !important;
			float: none !important;
		}

/*This is the background of the dropdown plane */
		.navbar .navbar-collapse {
				margin: 0 auto;
				background-color: #8b0100;
			}

/*Primary Drop down items */
		.navbar-default a {
			font-size: 17px !important;
			text-align: center !important;
			border-bottom: 1px solid black;
		}
		.navbar-default a:hover { background-color: #210700!important; }



/* This is the secondary items */
		.dropdown-menu li a {
			font-size: 14px !important;
			padding: 10px 20px;
			background-color: #210700;
			margin: 0px 30px 0px 30px;
		}






/* Required, leaves zero space at the bottom of the plane */
		.nav { margin-bottom: 0px !important; }

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: #505050 !important;
	border-color: #505050 !important;
}
.nav > li > a { padding: 15px 3px !important; font-size: 16px; }

a.navbar-brand { left: 14px; position: absolute; height: 64px; }


/* SHOW POSTS

.img-container .img-src { xwidth: 260px !important; }

.show-info { padding: 41px 0px 0 120px!important; }

.show-title-a { font-size: 17px; line-height: 21px!important; padding: 3px 0px 50px 0!important; }

.show-date { font-size: 14px!important; }

.show-time { font-size: 14px!important; }

.show-desc { font-size: 15px!important;  margin: -49px 2px 0 0!important; line-height: 21px!important; }

*/


.wp_theatre_event_title {max-width: 175px !important;}


} /* Mobile end  */