/*
Theme Name:Stables 25
Theme URI:
Description:Theatre website
Version:1.5
Author:DesignCrew/Nick W

colours
cream #E3DBC5 rgba(180, 160, 96, 0.3)
gold #446886 
light grey #e1e1e1
mid grey #8b8b8b
dark grey #6D6E71
mauve #BC8ABC
powder blue #74A0D5
navy #446886

Staging notification */
#wrapper::before { content: "STAGING site 25"; position: absolute; background: yellow; font-size: 18px; padding: 5px; }
/*
new
*/

.after-eight { text-align: center; }
.after-eight a {
  color: #446886;
  text-decoration: none;
  font-size: 21px;
}
.after-eight a:hover { color: #5A5B5E; }

#above {
  display: inline-block;
  width: 100%;
}
#above .wp-block-columns {
  margin: 10px auto 0 auto;
  column-gap: 10px;
  justify-content: space-between;
}
#above .wp-block-columns .wp-block-image {
  margin: 0;
}
#above .wp-block-image img {
  margin: 0;
  width: 100%;

}
#above .wp-block-image a {
  display:block;
}

/**/

body { font-family:Helvetica, sans-serif; background:#fff; margin: 0 10px; }
.clearit::after { content: ""; clear: both; display: table; }


/* //// structure //// */
#wrapper { max-width: 1180px; margin:0 auto; background:#fff; }
#brand { height:80px; padding:20px 0px; }
.logo { max-height: 80px; float: left; }
.contact { float:right; }
.contact p { margin: 26px 0 0 0; }
#masthead { margin: 0 0 10px; }
.slider { height:auto; max-width:1180px; }
#sidebar { width:300px; float:left; /* min-height:600px;  position: absolute; top: 10px; left: 10px; z-index:1;*/ }
/* .block { padding-bottom: 10000px !important; margin-bottom: -10000px !important; } */
.times { margin-top: -12px; }
.times p { margin:0; }
.group { color:#716540; }
.details { background:#e1e1e1; padding: 10px; margin:0 0 10px 0; }
.credits { background:#e1e1e1; padding: 10px; margin:0 0 10px 0; }
.details p, .credits p { font-weight:200; }
#content { min-height:600px; display:inline-block; }
#postcontent, #pagecontent { width: 100%; padding: 10px 0 0 10px; min-height: 600px; display: flex; }

/*changed width to 840 from 640 */
#story { max-width:840px; margin-left:20px; padding-right:20px; margin-bottom: 130px; }

#footer { z-index: 10; z-index: 10; position:relative; }
.teaser { width:286px; height: 330px; border-bottom: 4px solid #446886; position:relative; padding-bottom: 10px; }
.catname { text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 200; position:absolute; bottom:0px; background: #446886; padding: 5px 0 0; width: 100%; height: 12px; }
.catname span { margin-left:4px; display:block; }
#list { padding: 0; min-height: 500px; overflow: hidden; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 15px; margin-top: 10px; }
#list li { margin: 0; list-style:none; }
#list img { max-width:100%; height:auto; }
.when { margin: 0 0 10px; }
.event-date { color: #446886; }
.gallery { position:relative; }
.gallery .info { position:absolute; color: #fff; bottom: 4px; width:290px; padding: 5px; background:rgba(0,0,0,0.5); font-size: 10pt; pointer-events: none; cursor:pointer; }
 .wp-caption-text { margin: 0; font-size: 12px; }
#footwrap { background:#446886; width:100%; line-height: 1.3; }
.footleft { padding:0 0 10px; width:72%; float: left; }
.footright { max-width:280px; margin: 0 10px 20px 0; }
.footleft .logo { float: left; width: 280px; margin:0; }

#foot-top { display:flex; width:fit-content; }
#foot-mid { display:inline-block; margin:0; }
#foot-bottom { display: inline-block; margin: 20px auto 30px auto; }

.footlogo { width:280px; margin: 0px 30px 20px 0; }
.footext { width:64%; margin: 20px 20px 20px 0; font-size:14px; color:#fff; }

.social { margin:0; }
.social ul { margin:0; padding:0; list-style:none; }
.social ul li { display:inline; margin-left: 10px; }
.social img { max-width:40px; height:auto; }
.mailing { float: left; padding:0 10px 0 5px; text-transform: uppercase; color: #6D6E71; font-size: 18px; font-weight: 200; }
.mailing p { margin:30px 0 0 0; }
label { font-size: 12px; font-weight: 400; }
.basement { color:#fff; padding:30px 0 0 10px; font-size:14px; }
#footfall { display: inline-block; margin: 20px auto 30px auto; }
.signup { width: 260px; float: right; position:relative; padding: 5px; font-size: 12px; color: #fff; }
.signup input { padding-left:5px; width: 96%; position:absolute; border: none; height: 28px; margin: 0 0 10px 0; font-size:14px; }
.signup a { color:#fff; }
.signup img { float: left; margin-right: 10px; }
.input1 { position:absolute; width: 80%; position:absolute; border: none; height: 28px; right:0; top:32%; }
.input2 { position:absolute; width: 98% !important; position:absolute; border: none; height: 28px; right:0; top:52%; background: #fff; border-radius: 0px !important; text-align: left; color:#6D6E71; }
.label1 { position:absolute; left:5px; top:36%; }
.label2 { position:absolute; left:5px; top:54%; }
.input2:hover { cursor:pointer; background:#5A5B5E; color:#fff; }
.audition-list { list-style:none !important; margin:0 !important; padding:0 !important; }
.audition-list li { margin:0; padding:0; margin-bottom: 38px; }
.audition h3 { margin-bottom: 10px; }

/* //// Menu css //// */
/* .menu-global-container { padding: 0 10px; } */
.wp-block-group.home-box { padding: 10%; }
.home-box { font-size: 2em; min-height: 360px; margin-bottom: 10px; }
.home-box a { color:#fff; text-decoration: none; }
.home-box:hover { background: #446886 !important; }

#menu-global { list-style: none; margin: 0; padding: 0; background: #446886; min-height: 40px; float:left; width:100%; }
#menu-global li { margin:12px 0; float:left; }
#menu-global li a { font-size: 15px; padding:10px; text-transform: uppercase; text-decoration: none; color: #e1e1e1; white-space: nowrap; }

#menu-global .sub-menu, #menu-global .sub-menu li { margin:0px; padding:0px; }

.sub-menu { padding:10px 20px 20px 10px !important; width:auto; overflow:hidden; background:#446886; list-style: none; }
#menu-global li ul.first { left:10px; top:31px; }

#menu-global .sub-menu li, #menu-global .sub-menu li a { margin: 0 0 5px 0; float:left; padding:0 10px 3px 0; width:auto; text-decoration:none; white-space:nowrap; font-size:14px; font-weight: normal; }
.sub-menu li a { text-transform:none !important; width:100%; color:#999; }
#menu-global .sub-menu li { text-align:left; line-height:20px; width:100%; }


ul.sub-menu { display:none;  }
#menu-global li:hover > a, #menu-global li:hover { color:#fff; }
#menu-global li:hover > .sub-menu { display:block; position:absolute; width:auto; top:26px; left:0px; z-index:1000; }
#menu-global li:hover { position:relative; z-index:2000; }
#menu-global .sub-menu li:hover { position:relative; z-index:2000; }

.mobilemenu { margin-bottom:100px; }
.mobilemenu .sub-menu { padding:10px 10px 10px 0 !important; width:auto; background:#f0f0f0; }
.mobilemenu .sub-menu li { font-size: 14px; margin:0 0 0 10px; }
.mobilemenu .sub-menu li a { font-size: 14px; }

.sidemenu-container { display:none; width: 300px; margin-top: 0; height:100%; overflow-y: scroll; margin-bottom: 50px; position:fixed; top: 0; right:-300px; background: #446886; z-index:200; }
#sidemenu { list-style: none; padding:60px 0; }
#sidemenu li { margin:10px; }
#sidemenu li a { color: #e1e1e1; text-decoration:none; text-transform: uppercase; }
#sidemenu .sub-menu { display:block; list-style:none; padding:4px 20px 5px 10px !important; }
#sidemenu .sub-menu li { padding:5px 0; }
#sidemenu .search { position: absolute; top: 18px; width: 200px; overflow: hidden; }

.hamburger { display: none; position: absolute; top: 10px; right:10px; font-size:34px !important; color:#5A5B5E; text-decoration:none; padding: 10px;}
.hamburger:hover { color:#446886; }
.hamburger.dashicons { display:none; }
.toggl { color:#e1e1e1; z-index:300; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg);  transform: rotate(90deg); right:10px; }
/* ----------------- */

/* //// type //// */
h3 { font-weight: 200; font-size: 26px; margin-top: 10px;  }
.boxoffice { font-size:24px; font-weight:200; color:#5A5B5E; }
.phone { font-size:30px; font-weight:bold; color:#5A5B5E; text-decoration:none; }
.storytitle { font-weight: 200; font-size:24px; text-transform: uppercase; }
.storytitle a { text-decoration: none; color: #000; }
.storycontent { font-weight: 200; font-size:14px; line-height:1.3; font-family:Helvetica, sans-serif !important; }
.storycontent span { font-family:Helvetica, sans-serif !important; }
.storycontent a { font-weight: 400; text-decoration:none; color:#446886; }
.storycontent a:hover { font-weight: 400; text-decoration:underline; }
.storycontent p { margin-bottom:16px; }
.book { text-align: center; text-transform: uppercase; text-decoration: none; color: #fff; background: #446886; padding: 10px 0px 8px; font-size: 26px; font-weight: 400; display: block; margin-top:20px; }
.book:hover { color: #fff; background: #5A5B5E; }
.readmore { color: #446886; text-decoration: none; }
.readmore:hover { color: red; }
.avail { color:#6D6E71; }
/* //// forms //// */
.search { margin: 9px 10px 10px !important; }
.searchbox { padding: 0 10px 0 25px; width:240px; border:none; background:#fff; height: 22px; font-size: 14px; text-align: left; font-family:Helvetica, sans-serif; color:#333; background:#b5b5b5; }
.searchbox:focus { background: #fff; }
.searchform { position:relative; }
.s-icon:after { content: "\f179"; font-family: "dashicons"; color: #6D6E71; font-size:22px; position: absolute; }
.s-featured { width: 200px; float: left; margin-right: 10px; }
.s-featured img { max-width:200px; height:auto; }

/* //// slider //// */
.slider ul { margin:0; padding:0; list-style:none; }
.slide { margin:0; padding:0; }
.slide img { max-width: 100%; height: auto; display:block; }

/* //// other //// */
.alignleft { float:left; padding:0 10px 10px 0; }
.alignright { float:left; padding:0 0 10px 10px; }
.trim { height:10px; background:#fff; width:100%; float:left; z-index: 10; position: relative;position: relative; }
.phone a { color:#5A5B5E !important; text-decoration: none !important; vertical-align: -2%; }
.sidepost img { max-width:100%; height:auto; display:block; }
.soon { color:#555; font-weight:400; text-transform:uppercase; }
.storycontent ul { list-style:square url('images/bullet-sq-gold.gif'); padding: 0 16px; margin: 0; }
.storycontent ul li { padding:0 0 4px; }

.storycontent .huge-it-share-buttons h3 { font-size:14px !important; font-family:Helvetica Neue, Helvetica, Arial, sans-serif !important; padding:0 5px 0px 0px !important; }
.huge-it-share-buttons ul { margin:0 !important; }
.huge-it-share-buttons li { margin:3px 6px 0 0 !important; }

.pagination { display: inline-block; margin: 20px auto 30px 8px; width: 100%; }
.wp-pagenavi { color: #446886; }
.wp-pagenavi a { color: #446886; }
.wp-pagenavi span, .wp-pagenavi .nextpostslink, .wp-pagenavi .page, .previouspostslink { color: #446886; border-color:#446886; border-radius: 2px; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #446886 !important; background: #446886; color:#fff; }

#content.review { min-height: 960px; }

a.stables-button {
    background-image: url(images/site-icon-small.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: -6px;
    border-radius: 5px;
    padding: 10px 18px 10px 30px;
    border: 1px solid #e3dbc5;
    box-sizing: border-box;
    text-decoration: none;
}
a.stables-button:hover {
	background-color:#e3dbc5;
	color: #000;
	text-decoration: none;
}


/* //// media queries //// */
@media (max-width:1200px) {
#list li { margin: 0 0 15px 10px; }
.teaser { width:23.95%; }
}

@media (max-width:1160px) {
.teaser { width:23.89%; }
}
@media (max-width:1120px) {
.teaser { width:23.85%; }
}

@media (max-width:1092px) {
.teaser { width:23.80%; }
.footright { float: left; width: 100%; }
.footleft { width: 99%; }
/* .signup { background: #E3DBC5; width: 100%; height: 180px; float: left; position: relative; } */
.signup input { left:0; width:280px; }
.social { width: 100%; }
}
/* important for necessary time flux coefficient */
@media (max-width:1066px) {
.teaser { width:23.75%; }
}
@media (max-width:999px) {
.teaser { width:23.7%; }
}
@media (max-width:960px) {
.teaser { width:32.27%; }
#content { flex-wrap:wrap-reverse; }
#sidebar { width:auto; max-width:640px; margin-right: 10px; }
#story { margin-bottom: 20px; margin-left: 0px; }
.block ul { margin-right:10px !important; }
}
@media (max-width:950px) {
.teaser { width:32.1%; }
}
@media (max-width:940px) {
.teaser { width:31.9%; }
#foot-top { flex-wrap: wrap; }
.footext { margin: 20px 20px 20px 10px; width:auto; }
}
@media (max-width:920px) {
.teaser { width:31.87%; }
}
@media (max-width:900px) {
.teaser { width:31.8%; }
}
@media (max-width:880px) {
.teaser { width:31.8%; }
}
@media (max-width:860px) {
.slider { display:none; }
}
@media (max-width:840px) {
.teaser { width:31.75%; }
}
@media (max-width:820px) {
.teaser { width:31.7%; }
.alignleft { width: 100% !important; }
}
@media (max-width:800px) {
.teaser { width:31.65%; }
}
@media (max-width:780px) {
.teaser { width:31.6%; }
}
@media (max-width:760px) {
.teaser { width:31.55%; }
}
@media (max-width:740px) {
.teaser { width:31.5%; }
}
@media (max-width:720px) {
.teaser { width:31.4%; }
}
@media (max-width:680px) {
.teaser { width:31.3%; }
}
@media (max-width:640px) {
.storycontent { margin: 0 10px 0 0; }
.block { padding-bottom:0 !important; margin-bottom:0 !important; }
.details { margin-right: 10px; }
.sidepost { overflow: hidden; }
.teaser { width:31.25%; }
.contact { float: left; border-bottom: 4px solid #446886; width:100%; margin-bottom:20px; }
}
@media (max-width:620px) {
.teaser { width:31.2%; }
}
@media (max-width:600px) {
.teaser { width:47.3%; }
}
@media (max-width:550px) {
.teaser { width:47.2%; }
}
@media (max-width:520px) {
.teaser { width:47.1%; }
}
@media (max-width:500px) {
.teaser { width:47%; }
}
@media (max-width:460px) {
.teaser { width:46.5%; }
}

@media (max-width:400px) {
.teaser { width:95%; padding-bottom: 10px; height:auto; }
#list img { width:99%; }

}

/* //// media queries //// */

@media (max-width:1180px) {


}
@media (max-width:940px) {

	.address { margin: 24px 20px 0 10px; }

}

@media (max-width:768px) {

	img.alignleft { float:none; display: block; }
	img.alignright { float:none; display: block; }

}

@media (max-width:680px) {
	.slider { float: left; margin-bottom: 10px; }
	.slide { margin:0; padding:0; overflow:hidden; }
	.slide img { max-width: 100%; height: auto; display:block; }
	
}

@media (max-width:640px) {
	.hamburger { display:block; }
	.hamburger.dashicons { display:inline-block; }
	#menu-global { display:none; }
	.sidemenu-container { display:block; }
	#story { margin-left:0; padding-right: 10px; }
	#sidebar { width: 100%; position:static; }
	.book { width: 280px; }
	.details, .credits { padding-right:0; }
	.credits { margin-bottom:0; }

}
@media (max-width:480px) {

	.boxoffice { font-size:20px; }
	.phone a { font-size:24px; }
	.contact p { margin-bottom:10px; }

}