/*
Theme Name: 	Kelly Strayhorn Theater
Theme URI: 		http://kelly-strayhorn.org
Description: 	Custom WordPress Theme
Version: 		1.0
Author: 		Imagebox
Author URI: 	http://imagebox.com
*/

/*
====================================
CONTENTS:

01 Let's get this party started
02 Global
03 Homepage
04 Innerpages
05 Typography
06 Blog
07 Media queries
====================================
*/

/* ----------------------------------------------------------------------------------------------------------
01 Let's get this party started -----------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/**
 *
 * RESET
 *
 * Adapted from:
 * Normalize.css by Nicolas Gallagher and Jonathan Neal: https://github.com/necolas/normalize.css/
 * HTML5 boilerplate: http://html5boilerplate.com/
 * HTML5 Doctor Reset by Eric Meyer and Richard Clark: html5doctor.com/html-5-reset-stylesheet/
 *
 * Modified by Elliot Jay Stocks
 *
 */

html,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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}h1,h2,h3,h4,h5,h6{font-weight:normal}a{color:blue}a:focus{outline:thin dotted}li{list-style:none}abbr[title]{border-bottom:0}b,strong{font-weight:700}i,em,dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}label{cursor:pointer}input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;appearance:button;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box}input[type="search"]{-webkit-appearance:textfield;appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}



/*
	Sensible Defaults
*/

div, article, section, header, footer, nav, li { position:relative;}
::-moz-selection, ::selection { background:#FFF100; color:#333; }
.group:after { display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }

body { background: #fff; font-size: 100%;}

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

.left { float: left; }
.right { float: right; }

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

img#wpstats {display: none;}

/* Force scrollbars in webkit on iframes */
iframe::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;}
iframe::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}

.vh {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.vh.focusable:active,
.vh.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* ----------------------------------------------------------------------------------------------------------
02 Global ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.blue{
	color:#1196E5 !important;
}
.purple{
	color:#7652BF !important;
}
.pink{
	color:#EC0087 !important;
}

.orange{
	color:#F67846 !important;
}

.memberships .inner-content ul{
	border-bottom:solid 1px #D9DBDB;
	padding-bottom:20px;
	margin-left:0px !important;
	padding-left:20px;
}

.memberships .inner-content ul li{
	list-style:inside;
}


.rightSlash{
	position:absolute;
	right:0px;
	top:0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 35px 10px;
	border-color: transparent transparent #fff transparent;

}
.leftSlash{
	width: 0;
	top:0px;
	height: 0;
	border-style: solid;
	border-width: 35px 10px 0 0;
	border-color: #fff transparent transparent transparent;
	position:absolute;
	left:0px;
}

.leftSlashBlue{
	width: 0;
	top:0px;
	height: 0;
	border-style: solid;
	border-width: 0 0 35px 10px;
	border-color: transparent transparent #00ADEF transparent;
	position:absolute;
	left:0px;
}

.rightSlashBlue{
	position:absolute;
	right:0px;
	top:0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 10px 0 0;
	border-color: #00ADEF transparent transparent transparent;

}

.newButtons{
	height:35px;
	position:relative;
	text-align:center;
	float:left;
	display:block;
	margin-top:40px;
	color: #fff;
	display: block;
	font-size: 0.825em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
}

.newButtons img{
	display:inline;
	margin-top:-3px;
	margin-left:10px;
}

.donateButton:hover{
	background:#EB0389;
}

.middleButtons{
	width:180px;
	padding-left:80px;
}

.buttonText{
	margin-top:12px;
	display:block;
}

.donateButton{
	background:#7655BD;
	width:104px;
}

.joinButton{
	width:80px;
	margin-left:-5px;
}
.joinButton:hover .buttonText{
	background:#EB0389;
}
.joinButton:hover .leftSlashBlue{
	border-color: transparent transparent #EB0389 transparent;
}
.joinButton:hover .rightSlashBlue{
	border-color: #EB0389  transparent transparent transparent;
}


.joinButton .buttonText{
	background:#00ADEF;
	display:block;
	height:23px;
	padding-top:12px;
	width:60px;
	margin:0 auto;
}

.button {
		transition: all, .25s;
		display: inline-block;
		background: #EB0389;
		color: #fff !important;
		padding: .5em 1.5em;
		font-size: 1em;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration:none !important;
		position: relative;
}

.button::before {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 35px 10px;
    border-color: transparent transparent #fff transparent;
}

.button::after {
    width: 0;
    top: 0px;
    height: 0;
    border-style: solid;
    border-width: 35px 10px 0 0;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    left: 0px;
    content: '';
}

.button:hover {
	background: #00ADEF;
}



.nav-top #menu-toggle {display: none;}

.main {
	width: 100%;
	background: #E4E4E4 url(img/global/bg-texture.jpg) repeat-x;
	min-height: 450px}

.main-contain{
	padding-left:10px;
}

.main-contain .five{
	margin-left:0px !important;
}

.kst-logo {
	margin: 20px 0 25px 0;
	width: 238px; height: 73px;
	display: block; overflow: hidden;
	text-indent: -123456px;
	background: url(img/global/kst-logo.gif) no-repeat left top;}

.kst-logo a {
	width: 238px; height: 73px;
	display: block;}

.nav-top ul {
	float: right;
	}

.nav-top ul li {
	display: inline; float: left; }

body.single-artists .nav-top ul li#menu-item-32 a,
body.post-type-archive-artists .nav-top ul li#menu-item-32 a,
body.tax-event-categories .nav-top ul li#menu-item-32 a,
body.post-type-archive-events .nav-top ul li#menu-item-32 a,
body.single-events .nav-top ul li#menu-item-32 a,
body.tax-categories .nav-top ul li#menu-item-32 a,
body.tax-class-workshop-categories .nav-top ul li#menu-item-32 a,
body.post-type-archive-classes-workshops .nav-top ul li#menu-item-32 a,
body.single-classes-workshops .nav-top ul li#menu-item-32 a,
body.tax-categories .nav-top ul li#menu-item-32 a {background: #2C2C2C; color: #fff; }

body.single-artists .nav-top ul li#menu-item-32 a span,
body.post-type-archive-artists .nav-top ul li#menu-item-32 a span,
body.tax-event-categories .nav-top ul li#menu-item-32 a span,
body.post-type-archive-events .nav-top ul li#menu-item-32 a span,
body.single-events .nav-top ul li#menu-item-32 a span,
body.tax-categories .nav-top ul li#menu-item-32 a span,
body.tax-class-workshop-categories .nav-top ul li#menu-item-32 a span,
body.post-type-archive-classes-workshops .nav-top ul li#menu-item-32 a span,
body.single-classes-workshops .nav-top ul li#menu-item-32 a span,
body.tax-categories .nav-top ul li#menu-item-32 a span {background-image: none;}

#menu-main-navigation{
	display:none;
	margin-right: 0px;
}

#mobileNav{
	display:none;
}

.nav-top .sub-menu{
	display:none;
}

.nav-top ul li a {
	background: #2C2C2C;
	color: #fff;
	display: block;
	font-size: 0.825em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;}

.nav-top ul li a span {padding: 10px 20px 10px 20px; display: block;}

body.single-artists .nav-top ul li#menu-item-32 a:hover,
body.post-type-archive-events .nav-top ul li#menu-item-32 a:hover,
body.post-type-archive-artists .nav-top ul li#menu-item-32 a:hover,
body.tax-event-categories .nav-top ul li#menu-item-32 a:hover,
body.single-events .nav-top ul li#menu-item-32 a:hover,
body.post-type-archive-classes-workshops .nav-top ul li#menu-item-32 a:hover,
body.tax-class-workshop-categories .nav-top ul li#menu-item-32 a:hover,
body.single-classes-workshops .nav-top ul li#menu-item-32 a:hover,
body.single-artists .nav-top ul li#menu-item-821 a,
body.tax-sections .nav-top ul li#menu-item-821 a,
.nav-top ul li a:hover,
.nav-top ul li.current_page_item a,
.nav-top ul li.current-page-ancestor a,
.nav-top ul li.current_page_parent a,
.nav-top ul li.current-menu-item a {background: #EB0389 url(img/global/navt-midrt.gif) no-repeat right center;}

body.single-artists .nav-top ul li#menu-item-32 a:hover span,
body.post-type-archive-events .nav-top ul li#menu-item-32 a:hover span,
body.post-type-archive-artists .nav-top ul li#menu-item-32 a:hover span,
body.tax-event-categories .nav-top ul li#menu-item-32 a:hover span,
body.single-events .nav-top ul li#menu-item-32 a:hover span,
body.post-type-archive-classes-workshops .nav-top ul li#menu-item-32 a:hover span,
body.tax-class-workshop-categories .nav-top ul li#menu-item-32 a:hover span,
body.single-classes-workshops .nav-top ul li#menu-item-32 a:hover span,
body.single-artists .nav-top ul li#menu-item-821 a span,
body.tax-sections .nav-top ul li#menu-item-821 a span,
.nav-top ul li a:hover span,
.nav-top ul li.current_page_item a span,
.nav-top ul li.current-page-ancestor a span,
.nav-top ul li.current_page_parent a span,
.nav-top ul li.current-menu-item a span {background: url(img/global/navt-midlt.gif) no-repeat left center;}



.nav-top ul li.first a {background: #2C2C2C url(img/global/navt-first.gif) no-repeat left 0;}
.nav-top ul li.first a:hover,
.nav-top ul li.first.current_page_item a {background: #EB0389 url(img/global/navt-first.gif) no-repeat 0 -35px; }

.nav-top ul li.first a:hover span,
.nav-top ul li.first.current_page_item a span {background: url(img/global/navt-midrt.gif) no-repeat right center;}


.nav-top ul li.last a {background: #2C2C2C url(img/global/navt-last.gif) no-repeat right 0px;}
.nav-top ul li.last a:hover,
.nav-top ul li.last.current_page_item a,
.nav-top ul li.last.current-page-ancestor a {background: #EB0389 url(img/global/navt-last.gif) no-repeat right -35px;}

.nav-top ul li.last a:hover span,
.nav-top ul li.last.current_page_item a span {background: url(img/global/navt-midlt.gif) no-repeat left center;}

body.search-results .nav-top ul li.current_page_parent a span {background-image: none;}
body.search-results .nav-top ul li.current_page_parent a {background: #2c2c2c; color: #fff; background-image:none;}

.nav-primary ul {
	float: left;
	overflow: hidden;
	margin: 10px 0;}

.nav-primary ul li {display: inline; float: left;}

.nav-primary ul li a {
	color: #2B2B2B;
	padding: 10px 20px;
	display: block;
	font-size: 0.95em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;}

.nav-primary ul li a:hover,
.nav-primary ul li.current_page_item a,
.nav-primary ul li.current-menu-item a,
.nav-primary ul li.current_page_parent a,
.nav-primary ul li.current-page-ancestor a,
body.single-events .nav-primary ul li#menu-item-125 a,
body.post-type-archive-events .nav-primary ul li#menu-item-125 a,
body.tax-event-categories .nav-primary ul li#menu-item-125 a,
body.single-classes-workshops .nav-primary ul li#menu-item-127 a,
body.post-type-archive-classes-workshops .nav-primary ul li#menu-item-127 a,
body.tax-class-workshop-categories .nav-primary ul li#menu-item-127 a {
	background: #2C2C2C;
	color: #fff;}

.footer-shadow {
	width: 100%; height: 10px;
	background: url(img/global/bg-footer-shadow.jpg) repeat-x;}

.additional-information {
	background: #FDFDFD;}

.additional-information hr {
    padding: 0;
    margin-top: 30px;
    border: none;
    border-top: 3px solid #DADADA;
    color: #DADADA;
    text-align: center;}

.additional-information hr:after {
    content: "ADDITIONAL INFORMATION";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-weight: bold;
    color: #DADADA;
    font-size: 1em;
    padding: 0 2em;
    background: #FDFDFD;}

.additional-info {
	overflow: hidden;
	margin: 0 0 20px 0;}

.additional-info li {margin: 15px 20px 20px 0;}

.additional-info li.last {margin: 15px 0 20px 0;}

.additional-info li,
.additional-info li a {
	float: left;
	width: 172px; height: 140px;}

.additional-info li a.eastlib {background: url(img/global/additional-info-eastlib.gif) no-repeat 0 0;}
.additional-info li a.eastlib:hover {background-position: -172px 0;}

.additional-info li a.artdir {background: url(img/global/additional-info-artpro.gif) no-repeat 0 0;}
.additional-info li a.artdir:hover {background-position: -172px 0;}

.additional-info li a.youthfam {background: url(img/global/additional-info-youthfam.gif) no-repeat 0 0;}
.additional-info li a.youthfam:hover {background-position: -172px 0;}

.additional-info li a.schools {background: url(img/global/additional-info-work-with-us.jpg?34543543) no-repeat 0 0;}
.additional-info li a.schools:hover {background-position: -172px 0;}

.additional-info li a.support {background: url(img/global/additional-info-support.gif) no-repeat 0 0;}
.additional-info li a.support:hover {background-position: -172px 0;}

.footer-nav-social {
	width: 143px;
	height: 29px;
	position: relative;
	background: url(img/global/sprite-social-foot.gif);
	margin: 30px 0 0 0; padding: 0;}

.footer-nav-social li {float: left; list-style-type: none;}

.footer-nav-social li a {
	position: absolute; top: 0;
	margin: 0; padding: 0;
	display: block; height: 29px;
	background: url(img/global/sprite-social-foot.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden; font-size: 1%;}

.footer-nav-social li a.tumblr {
	width: 33px; left: 0;
	background-position: 0 0;}

.footer-nav-social li a.tumblr:hover {background-position: 0 -29px;}

.footer-nav-social li a.twitter {
	width: 37px; left: 33px;
	background-position: -33px 0px;}

.footer-nav-social li a.twitter:hover {background-position: -33px -29px;}

.footer-nav-social li a.facebook {
	width: 39px; left: 70px;
	background-position: -70px 0;}

.footer-nav-social li a.facebook:hover {background-position: -70px -29px;}

.footer-nav-social li a.flickr {
	width: 34px; left: 109px;
	background-position: -109px 0;}

.footer-nav-social li a.flickr:hover {background-position: -109px -29px;}

.footer-menu,
.footer-info,
.footer-location {
	margin-bottom: 30px;
	min-height: 130px;}

.footer-menu,
.footer-info {
	overflow: hidden;
	padding: 10px 0;
	border-right: 3px solid #474747;}

.map-directions {float: right; width: 100%; height: 100%}


.footer-location {padding: 10px 0;}

.ft-menu-1 {margin-right: 50px;}

.ft-menu-1,
.ft-menu-2 {float: left; }

.ft-menu-1 li a,
.ft-menu-2 li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.875em;}

.ft-menu-1 li a:hover,
.ft-menu-2 li a:hover {color: #008EB9;}

.head-social {
	margin: 20px 0 0;
	float: right;
	width: 70px;}

.head-social a {
	float: left;}

.head-social .tumblr {
	background: url(img/global/social-h-tumblr.gif) no-repeat 0 0;
	width: 30px; height: 31px;
	margin: 0 10px 10px 0;}

.head-social .instagram {
	background: url(img/global/social-h-instagram.gif) no-repeat 0 0;
	width: 30px; height: 31px;
	margin: 0 10px 10px 0;}

.head-social .twitter {
	background: url(img/global/social-h-twitter.gif) no-repeat 0 0;
	width: 30px; height: 31px;
	margin: 0 0 10px 0;}

.head-social .facebook {
	background: url(img/global/social-h-facebook.gif) no-repeat 0 0;
	width: 30px; height: 31px;
	margin: 0 10px 0 0;}

.head-social .flickr {
	background: url(img/global/social-h-flickr.gif) no-repeat 0 0;
	width: 29px; height: 31px;}

.head-social .youtube {
	background: url(img/global/social-h-youtube.gif) no-repeat 0 0;
	width: 29px; height: 31px;
}

.head-social a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;}

.main-footer {
	padding: 25px 0;
	overflow: hidden;
	background: #2A2A2A;}

.footer-info p {font-size: 1em; line-height: 1.6em; color: #fff;}

.footer-location h5 {
	text-transform: uppercase;
	font-weight: bold; color: #fff;
	font-size: 1.1em;
	margin: 0 0 10px 10px;}

.credits {
	padding: 25px 0 0;
	border-top: 3px solid #474747;
	font-size: 0.875em;}

.credits p,
.credits a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;}

.map-directions img:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;}

.search-wrapper {
	margin: 40px 0 0;
	float: right;
	height: 35px; width: 240px;
	/*background: url(img/global/search-wrapper.gif) no-repeat;*/
	background: url(img/global/newSearch.png) no-repeat;
}

.search-wrapper input {
	float: left;
	font-weight: bold;
	border: 0; color: #444;
	padding: 12px 5px 0 15px;
	background: transparent;}

.search-wrapper input:focus {outline: none;}

.search-wrapper ::-webkit-input-placeholder {
	font-weight: bold; text-transform: uppercase;
	color: #fff;}

.search-wrapper :-moz-placeholder {
	font-weight: bold; text-transform: uppercase;
	color: #fff;}

.search-wrapper :-ms-input-placeholder {
	font-weight: bold; text-transform: uppercase;
	color: #fff;}

.search-wrapper #searchsubmit {
	float: right;
	border-radius: 0;
	border: 0px; overflow: hidden;
	text-indent: -9999px;
	width: 34px; height: 35px;
	margin-right:10px;
	background: url(img/global/btn-search-submit.gif) no-repeat;}


/*
    Annoying newsletter pop-up
*/

.promo-popup {
	position: relative;
	background: #fff url(img/global/bg-popup.png) no-repeat 0 0;
	padding: 20px;
	width: auto;
	max-width: 637px;
	margin: 20px auto;
}

.promo-popup .inner {
    padding: 80px 20px 40px;
    text-align: center;
}

.promo-popup h6 {
    color: #00ADEF;
    text-transform: uppercase;
    font-size: 35px;
    margin-bottom: 20px;
}

.promo-popup p {
    color: #666;
    font-size: 20px;
    margin-bottom: 20px;
}

.promo-popup input {
    display: block;
    margin: 0 auto;
    outline: none;
}

.promo-popup input[type="email"] {
    margin-bottom: 20px;
    background: #E5E5E5;
    border: 2px solid #DADADA;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    padding: 15px 10px 10px 10px;
}

.promo-popup input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
.promo-popup input[type="email"]::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
.promo-popup input[type="email"]:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
.promo-popup input[type="email"]:-moz-placeholder { /* Firefox 18- */
  color: white;
}

.promo-popup input[type="submit"] {
    border: 0;
    cursor: pointer;
    color: white;
    background: #00ADEF;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 14px 20px 10px;
}

.promo-popup input[type="submit"]:hover {
    background: #EB0389;
}

.mfp-close {
    color: white !important;
    opacity: 1;
    font-size: 48px;
}

/*
	Required for CSS animation
*/

.mfp-fade.mfp-bg {
    opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

/* ----------------------------------------------------------------------------------------------------------
03 Homepage -------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.homeButtons{
	display:none;
}

.sprite-primary-callouts {
	background: url(img/home/sprite-primary-callouts.jpg) 0 0;
	width: 220px; height: 360px;
	position: relative;
	margin: 0; padding: 0;}

.sprite-primary-callouts li {
	list-style: none;
	margin: 0; padding: 0;}

.sprite-primary-callouts li a {
	position: absolute; top: 0;
	margin: 0; padding: 0;
	display: block; width: 220px;
	background: url(img/home/sprite-primary-callouts.jpg) 0 0;
	text-indent: -9999px; overflow: hidden; font-size: 1%;}

.sprite-primary-callouts li.one a {
	top: 0; background-position: 0 0;
	height: 123px;}

.sprite-primary-callouts li.two a {
	top: 123px; background-position: 0 -123px;
	height: 121px;}

.sprite-primary-callouts li.three a {
	top: 244px; background-position: 0 -244px;
	height: 116px;}

.sprite-primary-callouts li.one a:hover {background-position: -220px 0;}
.sprite-primary-callouts li.two a:hover {background-position: -220px -123px;}
.sprite-primary-callouts li.three a:hover {background-position: -220px -244px;}

.home-events {
	margin: 20px 0;}

.home-events h2 {
	color: #fff; background: #2B2B2B;
	padding: 15px;
	font-size: 2em; font-weight: normal;
	font-family: 'dinregular', helvetica, arial, sans-serif;
	text-transform: uppercase;}

.home-events ul {
	background: #fff;
	overflow: hidden;
	border-bottom: 3px solid #2B2B2B;}

.home-events ul li.listing {
	margin: 0 20px; padding: 20px 0;
	border-bottom: 3px solid #E9E9E9;
	overflow: hidden;}

.home-events ul li.listing.last {border: 0;}

.home-events ul li .thumb {
	width: 80px; height: 80px;
	margin: 0 15px 10px 0;
	float: left;}

.home-events ul li .event-info {
	float: left;
	width: 325px;}

.home-events ul li .event-info h4.ir {
	display: block;
	margin-bottom: 10px !important;}

.event-info .date {
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #333;}

.event-info .title {
	margin-bottom: 5px;
	font-size: 1.4em;
	font-weight: bold;
	color: #333;}

	.event-info .title a {color: #333; text-decoration: none;}
	.event-info .title a:hover {color: #EB0389;}

.event-info p {
	margin-bottom: 5px;
	color: #666;
	font-size: 1em;
	line-height: 1.4em;}

.event-info ul.infotix {border: 0;}
.infotix li {display: inline; float: left; }

a.learnmore,
a.buytix {
	display: block; overflow: hidden;
	text-indent: -99999px;
	width: 90px; height: 18px;}

a.learnmore	{background: url(img/global/btn-learnmore.gif) no-repeat 0 0; margin: 0 10px 0 0;}
a.buytix {background: url(img/global/btn-buytix.gif) no-repeat 0 0;}

a.learnmore:hover,
a.buytix:hover {background-position: 0 -18px;}

a.infotix {
	display: block; overflow: hidden;
	text-indent: -99999px;
	width: 105px; height: 18px;
	background: url(img/global/btn-infotix.gif) no-repeat 0 0;}

a.infotix:hover {background-position: 0 -18px;}


a.more-info {
	display: block; overflow: hidden;
	text-indent: -999999px;
	width: 80px; height: 18px;
	background: url(img/global/btn-moreinfo.gif) no-repeat 0 0;
}

a.more-info:hover {background-position: 0 -18px;}

a.visitweb {
	display: block; overflow: hidden;
	text-indent: -999999px;
	width: 105px; height: 18px;
	background: url(img/global/btn-visitweb.gif) no-repeat 0 0;
}

a.visitweb:hover {background-position: 0 -18px;}

#mc_embed_signup .button {
	display: block; overflow: hidden;
	text-indent: -999999px; border: 0; margin: 5px 0 0;
	width: 85px; height: 18px;
	background: url(img/global/btn-subscribe.gif) no-repeat 0 0;
}

#mc_embed_signup .button:hover {background-position: 0 -18px;}


/* ----------------------------------------------------------------------------------------------------------
04 Innerpages -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

h2.page-title {
	background: url(img/global/bg-page-title.png) no-repeat 0 0;
	color: #fff; text-align: right; text-transform: uppercase;
	font-weight: bold; font-size: 2.1em;
	padding: 30px 35px;}

.inner-content-head {
	width: 100%; height: 35px;
	background: url(img/global/inner-content-head-sidebar.png) no-repeat 0 0;}

.inner-content-head.nosidebar {background: url(img/global/inner-content-head-nosidebar.png) no-repeat 0 0;}

.main-contain {
	background: #fff; overflow: hidden;
	margin-bottom: 40px; padding-bottom: 40px;}

.main-contain .inner {padding-right: 40px; padding-top: 20px;}


/* creates block to end the sidebar */
.bottomContent{
	width:100%;
	height:1px;
	position:absolute;
	bottom:0px;
}

.side-nav,
#mc_embed_signup {
	width: 240px;
	padding-bottom: 15px;
	background: #E4E4E4;
	border-bottom: 3px solid #2B2B2B;}

#mc_embed_signup form {padding: 10px 15px 15px}

.side-nav li {
	display: block;
	width: 212px;
	height: auto;
	background: url(img/global/bg-sidenav-line.gif) no-repeat center bottom;
	margin-left: 14px;}


.side-nav li.last {background-image: none;}

.side-nav li a {
	display: block;
	width: 182px;
	color: #2C2C2C;
	font-size: 0.85em;
	line-height: 1em;
	padding: 15px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;}

.side-nav li ul li {margin: 0;}
.side-nav li ul.children li a {background-image: none; width: 160px;}

.post-type-archive-events .side-nav li.all-events a,
.post-type-archive-classes-workshops .side-nav li.all-events a,
.term-alloy-school-classes .side-nav li a.alloy-school-classes,
.side-nav li.current-menu-item a,
.side-nav li a:hover,
.side-nav li.current_page_item a,
.side-nav li.current-cat a {
	background: #2C2C2C url(img/global/bg-sidenav-hover.gif) no-repeat right top;
	color: #fff;
	text-decoration: none;}


.sidebar-callouts {
	background: url(img/global/sprite-sidebar-callouts.gif) 0 0;
	height: 55px;
	width: 239px;
	position: relative;
	margin: 10px 0; padding: 0;}

.sidebar-callouts li {
	list-style: none;
	margin: 0; padding: 0;}

.sidebar-callouts li a {
	position: absolute; top: 0;
	margin: 0; padding: 0;
	display: block; height: 55px;
	background: url(img/global/sprite-sidebar-callouts.gif) 0 0;
	text-indent: -9999px; overflow: hidden; font-size: 1%;}

.sidebar-callouts li.one a {
	left: 0; background-position: 0 0;
	width: 84px;}

.sidebar-callouts li.two a {
	left: 84px; background-position: -84px 0;
	width: 75px;}

.sidebar-callouts li.three a {
	left: 159px; background-position: -159px 0;
	width: 80px;}

.sidebar-callouts li.one a:hover {background-position: 0 -55px;}
.sidebar-callouts li.two a:hover {background-position: -84px -55px;}
.sidebar-callouts li.three a:hover {background-position: -159px -55px;}


/* ----------------------------------------------------------------------------------------------------------
04b Events --------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.event-photo-single {float: right; margin: 0 0 15px 15px;}

.event-photo-listing {float: left; margin: 0 15px 15px 0;}

body.single-events .sharedaddy.hide,
body.single-classes-workshops .sharedaddy.hide {display: none;}

.event-brite {
	margin: 20px 0;}


.kstpresents {
	margin: 0 !important;
	width: 100px; height: 18px;
	background: url(img/global/icon_kst_presents-filled.png) no-repeat 0 0;
  background-size: 100px 18px;
}

.kstpartner {
  margin: 0 !important;
  width: 94px; 
  height: 18px;
  background: url(img/global/icon_kst_partner-filled.png) no-repeat 0 0;
  background-size: 94px 18px;
}

.pearlarts {
  margin: 0 !important;
  width: 86px;
  height: 18px;
  background: url(img/global/icon_pearlarts-filled.png) no-repeat 0 0;
  background-size: 86px 18px;
}

.kstfamily {
	margin: 0 !important;
	width: 107px; height: 18px;
	background: url(img/global/kstfamily.gif) no-repeat 0 0;}

body.tax-event-categories .kstpresents,
body.post-type-archive-events .kstpresents,
body.tax-event-categories .kstfamily,
body.post-type-archive-events .kstfamily,
body.tax-event-categories .kstpartner,
body.post-type-archive-events .kstpartner,
body.tax-event-categories .pearlarts,
body.post-type-archive-events .pearlarts,
body.post-type-archive-classes-workshops .kstpresents,
body.tax-class-workshop-categories .kstpresents,
body.post-type-archive-classes-workshops .pearlarts,
body.tax-class-workshop-categories .pearlarts  {
	position: absolute;
	top: 0px; right: -5px;}



/* ----------------------------------------------------------------------------------------------------------
05 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'dinregular';
    src: url('fonts/ufonts.com_din-regular1-webfont.eot');
    src: url('fonts/ufonts.com_din-regular1-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ufonts.com_din-regular1-webfont.woff') format('woff'),
         url('fonts/ufonts.com_din-regular1-webfont.ttf') format('truetype'),
         url('fonts/ufonts.com_din-regular1-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body,
input,
textarea { font-size: 0.813em; font-family: Arial, sans-serif; }

.main-contain h1,
.main-contain h2,
.main-contain h3,
.main-contain h4,
.main-contain h5,
.main-contain h6,
.gallery-popup-content h1,
.gallery-popup-content h2,
.gallery-popup-content h3,
.gallery-popup-content h4,
.gallery-popup-content h5,
.gallery-popup-content h6 {
	font-weight: bold;
	color: #343434;}

.main-contain h1,
.gallery-popup-content h1 {
	font-size: 1.8em;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #D9DBDB;}

.main-contain h2,
.gallery-popup-content h2 {
	font-size: 1.4em;
	margin: 20px 0;}

.main-contain h3,
.gallery-popup-content h3 {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.8em;
	margin: 20px 0;}

.main-contain h4,
.gallery-popup-content h4 {
	font-size: 1.2em;
	margin: 20px 0;
	color: #00ADEE;}

.main-contain h5,
.gallery-popup-content h5 {
	font-size: 1.1em;
	margin: 20px 0;
	color: #00ADEE;}

.main-contain h6,
.gallery-popup-content h6 {
	font-size: 1em;
	margin: 20px 0;
	color: #00ADEE;}

.main-contain p,
.gallery-popup-content p,
.gallery-popup-content ul,
.gallery-popup-content ol,
#mc_embed_signup label,
.main-contain ul,
.main-contain ol {
	color: #666;
	line-height: 1.5em;
	margin-bottom: 15px;}

.main-contain .inner ul li,
.gallery-popup-content ul li {list-style: square;}
.main-contain .inner ol li,
.gallery-popup-content ol li {list-style: decimal;}

.main-contain .inner.inner-content ul li {list-style: square;}
.main-contain .inner.inner-content ol li {list-style: decimal;}

.main-contain .inner ul,
.main-contain .inner ol,
.gallery-popup-content ul,
.gallery-popup-content ol {
	margin-left: 20px;}

.main-contain blockquote,
.gallery-popup-content blockquote {
	background: url(img/global/blockquote-bottom.gif) no-repeat right bottom;}

.main-contain blockquote p,
.gallery-popup-content blockquote p {
	background: url(img/global/blockquote-top.gif) no-repeat left top;
	color: #1FB7F0;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.8em;
	padding: 15px 20px 15px 30px;}

.main-contain .alignleft,
.main-contain .alignright,
.main-contain .aligncenter {
	padding: 6px;
	border: 1px solid #D9DBDB;}

.main-contain .alignright {
	float: right;
	margin: 0 0 30px 30px;}

.main-contain .alignleft {
	float: left;
	margin: 0 30px 30px 0;}

.main-contain .aligncenter {
	margin: 30px auto;
	display: block;}

.main-contain a,
.gallery-popup-content a {color: #EB0389; text-decoration: underline;}

.main-contain a:hover,
.gallery-popup-content a:hover {text-decoration: none;}

.main-contain .inner ul.eventslist,
.main-contain .inner ul.infotix {
	margin-left: 0px;}

.main-contain .inner ul.eventslist li.listing {
	overflow: hidden;
	list-style: none;
	border-bottom: 3px solid #474747;
	padding-bottom: 30px; margin-bottom: 30px;}

	.main-contain .inner ul.eventslist li.listing.last {border: 0; padding: 0;}

.main-contain .inner ul.eventslist li.listing .thumb {float: right;}

.main-contain .inner ul.eventslist li.listing h3.title a {color: #EB0389;}



.main-contain .inner ul.eventslist li.listing h3,
.main-contain .inner ul.eventslist li.listing h6 {margin: 0 0 10px 0;}


.main-contain .inner ul.eventslist li.listing .date,
.main-contain .inner ul.eventslist li.listing .title {
  max-width: 320px;
}

.main-contain .inner ul.eventslist li.listing .event-info {float: left; width: 430px;}


table {
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100% !important;}

table td, table th {
	color: #666;
	width: 50% !important;
	line-height: 1.5em;
	padding: 1em;
	border: 1px solid #D9DBDB;}

ul.artist-list li {list-style: square;}

.gform_wrapper ul.gfield_radio li { overflow: visible !important;}

.gform_wrapper ul li.gfield {margin-bottom: 20px;}

#gform_wrapper_1{
	padding-bottom:100px;
}

#gf_progressbar_wrapper_1{
	position:absolute;
	bottom:0px;
}

/* ----------------------------------------------------------------------------------------------------------
06 Blog -----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.main-contain .blog-cat-list h2 {margin: 0;}

.main-contain .blog-cat-list li.categories {padding-top: 0;}

.blog-cat-list,
.side-nav {
	width: 240px;
	padding-bottom: 15px;
	background: #E4E4E4;
	border-bottom: 3px solid #2B2B2B;}

.blog-cat-list li {padding: 10px 15px;}

.main-contain time {
	display: block; margin: 0 0 10px 0;}

#comments .avatar {float: left; margin: 0 20px 20px 0}

#comments li {width: 100%; float: left; clear: both; display: block;}

ol.posts {margin: 0; padding: 0; list-style: none;}

.main-contain .inner ol.posts.results li.post {list-style: decimal;}

.main-contain .inner ol.posts li.post {list-style: none;}

.main-contain .inner .posts {margin-left: 0px;}

ol.posts li article {
	border-bottom: 3px solid #474747;
	padding-bottom: 30px;
	margin-bottom: 30px;
	overflow: hidden;}

ol.posts li:last-child article { border: 0;}

.archive-drop {margin: 10px 0; width: 100%;}

.themeblvd-gmap {margin: -60px 0 20px 0;}
.fbg_image_thumbnail {border: 0 !important;}

/*---------- Comments Form -----------------------------------------------------------------------------------------------*/

#respond {clear: both;}

#respond input,
#respond textarea {font-size: 1em; padding: 5px; border: 3px solid #DADADA;}

#respond .comment-notes {
	margin-bottom: 1em;
	font-size: 11px;}

.form-allowed-tags {
	line-height: 1em;}

.children #respond {
	margin: 0 48px 0 0;}

#comments-list #respond {
	margin: 0 0 18px 0;}

#comments-list ul #respond {
	margin: 0;}

#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;}

#respond .required {
	color:#FF4B33;
	font-weight:bold;}

#respond label {
	color: #333 !important;
	font-size: 14px;}

#respond input {
	margin:0 0 9px;
	width:98%;}

#respond textarea {
	width:98%;}

#respond .form-allowed-tags {
	color: #333;
	font-size: 11px;
	line-height: 15px;}

#respond .form-allowed-tags code {
	font-size: 11px;}

#respond .form-submit {
	margin: 12px 0;}

#respond .form-submit input {
	width: auto;
	font-size: 14px;}


.gallery-groups {
    margin: 2em 0;
}

.main-contain ul.gallery-items {
  list-style: none;
  margin: 0 0 2em;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

}

@supports (display: grid) {
  .main-contain ul.gallery-items {
      display: grid;
      grid-column-gap: 15px;
      grid-row-gap: 15px;
      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}

body.ie11 .main-contain ul.gallery-items li.gallery-item {
    margin: 15px;
    min-width: 150px;
    width: calc((100% / 3) - 30px);
}




.main-contain ul.gallery-items li.gallery-item {
    list-style: none;
    margin: 0;
    padding: 0;
}


.gallery-popup-content .mfp-close {
    color: #333 !important;
}

.gallery-item .gallery-popup {
    position: relative;
    display: block;
    margin: 0;
}

.gallery-item .gallery-popup img {
    display: block;
    margin: 0;
}

.gallery-item .gallery-popup .overlay {
    position: absolute;
    width: 100%; height: 100%;
    top: 0; right: 0; bottom: 0; left: 0;
    opacity: 0;
    transition: all .5s;
    background: rgba(255,0,144,.5);
}

.gallery-item .gallery-popup:hover .overlay {
    opacity: 1;
}

.gallery-popup-content {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    background: #fff;
    padding: 3.25em 2.5em 2.5em;
}

@media only screen and (min-width: 960px) {
    .gallery-popup-content {
        max-width: 920px;
    }
}

@media only screen and (min-width: 1200px) {
    .gallery-popup-content {
        max-width: 1100px;
    }
}


.gallery-popup-content .gallery-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gallery-popup-content .gallery-inner .gallery-item-left {
    width: 55%;
    box-sizing: border-box;
}

.gallery-popup-content .gallery-inner .gallery-item-right {
    width: 42%;
    box-sizing: border-box;
}


.gallery-popup-content h1:first-child,
.gallery-popup-content h2:first-child,
.gallery-popup-content h3:first-child,
.gallery-popup-content h4:first-child,
.gallery-popup-content h5:first-child,
.gallery-popup-content h6:first-child {
    margin-top: 0;
}

.media-type-photo img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

.media-type-photo .wp-caption {
	position: relative;
    box-sizing: border-box;
}

.media-type-photo .wp-caption .wp-caption-text {
    box-sizing: border-box;
	position: absolute;
	bottom: 0; left: 0; right: 0;
	width: 100%;
	background: rgba(0,173,239,.75);
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: .5em .75em;
    margin: 0;
}


.flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.flexible-container iframe,
.flexible-container object,
.flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.large-event-photo {
    margin-bottom: 2em;
}

.large-event-photo img {
    display: block;
    margin: 0;
    width: 100%;
    height: auto;
}

.kst-pres-large-photo {
    position: static !important;
}

ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}

ul.tabs li.current{
	background: #ededed;
	color: #222;
}

.tab-content{
	display: none;
	background: #ededed;
	padding: 15px;
}

.tab-content.current{
	display: inherit;
}



/* ----------------------------------------------------------------------------------------------------------
07 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 960px) {
	#menu-top-navigation {display: block !important;}


	.home-events ul li .event-info .kstpresents, .home-events ul li .event-info .kstfamily,.home-events ul li .event-info .kstpartner, .home-events ul li .event-info .pearlarts {
		display: block;
		float: right;}

    .home-events.events-stacked > ul {
        padding: 0 20px;
    }

    .home-events.events-stacked ul li.listing {
        width: 410px;
        float: left;
        padding: 20px;
        margin: 0;
        min-height: 215px;
    }

    .home-events.events-stacked ul li.listing .event-info {
        width: 315px;
    }

    .home-events.events-stacked ul li {
        border-bottom: 0;
    }

}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	#mobileNav{
		display:none !important;
	}



	.middleButtons a{
		margin-top:0px !important;
		float:none;
	}
	.donateButton{
		margin-bottom:10px;
	}

	.buttonText{
		padding-top:12px;
	}

	#menu-top-navigation {display: block !important;}

	.main-contain .inner {padding-left: 70px;}

	.nav-top #menu-toggle {display: none;}

	.home-events ul li .event-info {width: 200px;}

	.nav-top ul li a span {padding: 10px 15px;}

	.nav-primary ul li a {padding: 10px 15px; font-size: 0.8em;}

	.additional-info li {margin: 15px 77px 20px 0;}

	.ft-menu-1 {margin-right: 15px; }
	.ft-menu-1 li a, .ft-menu-2 li a {font-size: 0.75em;}

	.map-directions img {max-width: 268px;}

	.footer-menu, .footer-info, .footer-location {min-height: 190px;}

	.footer-location h5 {margin-left: 0;}



	.sprite-primary-callouts {
	background: url(img/home/sprite-prim-call-tablet_portrait.jpg) 0 0;
	width: 172px; height: 281px;
	position: relative;
	margin: 0; padding: 0;}

	.sprite-primary-callouts li {
		list-style: none;
		margin: 0; padding: 0;}

	.sprite-primary-callouts li a {
		position: absolute; top: 0;
		margin: 0; padding: 0;
		display: block; width: 172px;
		background: url(img/home/sprite-prim-call-tablet_portrait.jpg) 0 0;
		text-indent: -9999px; overflow: hidden; font-size: 1%;}

	.sprite-primary-callouts li.one a {
		top: 0; background-position: 0 0;
		height: 96px;}

	.sprite-primary-callouts li.two a {
		top: 96px; background-position: 0 -96px;
		height: 96px;}

	.sprite-primary-callouts li.three a {
		top: 192px; background-position: 0 -192px;
		height: 89px;}

	.sprite-primary-callouts li.one a:hover {background-position: -172px 0;}
	.sprite-primary-callouts li.two a:hover {background-position: -172px -96px;}
	.sprite-primary-callouts li.three a:hover {background-position: -172px -192px;}

	.main-contain .inner ul.eventslist li.listing .event-info {width: 230px;}


    body.tax-event-categories .kstpresents,
    body.post-type-archive-events .kstpresents,
    body.tax-event-categories .kstfamily,
    body.post-type-archive-events .kstfamily,
    body.tax-event-categories .kstpartner,
    body.post-type-archive-events .kstpartner,
    body.tax-event-categories .pearlarts,
    body.post-type-archive-events .pearlarts,
    body.post-type-archive-classes-workshops .kstpresents,
    body.tax-class-workshop-categories .kstpresents,
    body.post-type-archive-classes-workshops .pearlarts,
    body.tax-class-workshop-categories .pearlarts {
      position: relative;
      left: 0;
      top: 0;
      margin-bottom: 10px !important;
    }

	/* body.post-type-archive-events .kstpresents, body.post-type-archive-events .kstfamily{
		top: -20px; right: -5px;}

	body.single-events .kstpresents, body.single-events .kstfamily {
		top: 0px; left: 127px;} */



        .home-events.events-stacked > ul {
            padding: 0 20px;
        }

        .home-events.events-stacked ul li.listing {
            width: 314px;
            float: left;
            padding: 20px;
            margin: 0;
            min-height: 290px;
        }

        .home-events.events-stacked ul li.listing .event-info {
            width: 219px;
        }

        .home-events.events-stacked ul li {
            border-bottom: 0;
        }


}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (min-width: 320px) and (max-width: 480px) {

	/* .main-contain .inner ul.eventslist li.listing .event-info {width: 220px !important;} */
	

  body.post-type-archive-events .eventslist .listing h4.ir,
    body.post-type-archive-classes-workshops .eventslist .listing h4.ir,
    body.tax-class-workshop-categories .eventslist .listing h4.ir,
        body.tax-event-categories .eventslist .listing h4.ir {
    top: -38px !important;
    /* right: 35px !important; */
    right: 145px !important;
  }

	/* body.single-events .main-contain article h4.ir,
  body.single-classes-workshops .main-contain article h4.ir {
    position: relative;
	top: 0; left: 35px;
} */

}


@media only screen and (max-width: 767px) {

	.sprite-primary-callouts{
		display:none;
	}

	.homeButtons{
		display:block;
	}

	.homeButtons li{
		float:left;
		width:33%;
		display:block;
	}

	.bottomNav li a{
		background:#00ADEF !important;
	}
	.bottomNav li a:hover, .bottomNav .current-page-ancestor a{
		background:#2C2C2C !important;
	}
	.menu-top-navigation{
		display:none;
	}

	#mobileNav{
		display:block;
	}

	.middleButtons{
		padding-left:0px !important;
		margin:0 auto;
	}

	.nav-top .sub-menu{
		display:block;
	}

	.nav-top #menu-toggle {
		background: #EB0389 url(img/global/menu-icon.png) no-repeat 6px 5px;
		height: 22px; width: 255px;
		overflow: hidden;
		padding: 8px 0 0 45px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		text-transform: uppercase;
		width:auto;
		display: block;}

	#menu-main-navigation-1 {display:none;}



	.mobileMain{display:block;}

	.sidebar {width: 240px; margin: 20px auto;}

	.side-nav {padding-top: 20px;}

	.main-contain .inner {padding-left: 40px;}

	.term-dance .side-nav li a.dance,
	.side-nav li a:hover,
	.side-nav li.current_page_item a {background-image: none;}

	.main-contain .blog-cat-list li.categories {padding-top: 20px;}

	.inner-content-head {display: none;}

	#menu-top-navigation { display: none; float: none;}

	.nav-top ul li a {padding: 10px; font-size: 0.95em; width: 280px; text-align: center; background-image: none;}

	.nav-top ul li a span {padding: 0;}

	.nav-top ul li a,
	.nav-top ul li a:hover,
	.nav-top ul li.first a,
	.nav-top ul li.last a,
	.nav-top ul li.first a span,
	.nav-top ul li.last a span,
	.nav-top ul li a span,
	.nav-top ul li.first a:hover,
	.nav-top ul li.last a:hover,
	.nav-top ul li.first a:hover span,
	.nav-top ul li.last a:hover span,
	.nav-top ul li a:hover span {background-image: none !important;}

	.kst-logo {margin: 20px auto 0 auto;}

	.search-wrapper {float: left; margin: 25px 0 0 35px;}

	.search-wrapper input {padding: 22px 5px 0 15px;}

	.head-social {float: left; margin: 20px 0 20px 75px; width: 170px;}
	.head-social .twitter {margin-right: 10px;}

	.nav-primary ul li a {width: 300px; text-align: center; padding: 10px 0;}

	.sprite-primary-callouts {margin: 10px auto;}

	.home-events ul li .event-info {width: 165px;}
	.home-events h2 {font-size: 1.5em;}
	a.learnmore {margin: 0 0 10px 0;}

	.additional-info li, .additional-info li a {float: none; margin: 20px auto !important;}

	.main-contain .inner ul.eventslist li.listing .event-info {width: 240px;}

	.footer-menu, .footer-info, .footer-location {min-height: 20px;}

	.footer-location, .footer-menu {width: 300px; margin: 10px auto;}

	.footer-info, .footer-location {margin-bottom: 20px; overflow: hidden;}

	.ft-menu-1, .ft-menu-2 {width: 100%; margin: 0; text-align: center;}

	.ft-menu-1 a, .ft-menu-2 a {padding: 5px; display: block;}

	.footer-menu, .footer-info {border: 0;}

	.footer-nav-social {margin: 15px 0 0 80px;}

	.footer-location h5 {margin-left: 0;}

	.footer-info p {text-align: center;}

	.credits p, .credits a {float: none; text-align: center;}


	h2.page-title {
		background: #EB0389;
		color: #fff;  text-transform: uppercase;
		font-weight: bold; font-size: 1.2em; text-align: center;
		padding: 15px 20px;}


	.main-contain .alignright,
	.main-contain .alignleft,
	.main-contain .aligncenter {padding: 0; border: 0;}

	.event-photo-single {margin: 0 auto 10px auto; width: 100%; height: auto; float: none; display: block;}

	.main-contain .inner ul.eventslist li.listing .thumb {
		float: none; display: block;
		width: 150px; height: 150px;
		margin: 0 auto 20px auto;}

	.main-contain .inner ul.eventslist li.listing li a.learnmore {margin-right: 10px;}

	table td, table th {
		padding: 0.5em;
		font-size: 0.9em;}

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (max-width: 767px) {

	.nav-top ul li{
		float:none;
		display:block;
	}

	.nav-top ul li a{
		width:auto;
	}

	#mobileNav{
		display: none;
	}

    .main-contain .inner ul.eventslist li.listing .date,
    .main-contain .inner ul.eventslist li.listing .title {
      max-width: 220px;
    }

	.nav-top #menu-toggle {
		background: #EB0389 url(img/global/menu-icon.png) no-repeat 6px 5px;
		height: 22px;
		padding: 8px 0 0 45px;
		overflow: hidden;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		text-transform: uppercase;
		display: block;}

	.side-nav {padding-top: 20px;}

	.main-contain .blog-cat-list li.categories {padding-top: 20px;}

	.main-contain .inner {padding-left: 40px;}

	.sidebar {width: 240px; margin: 20px auto;}

	h2.page-title {font-size: 1.8em; text-align: center; padding: 15px 20px;}

	.nav-top ul {display: block;}

	.nav-top ul {float: none;}

	.nav-top ul li a {padding: 10px; font-size: 0.95em;  text-align: center;}

	.kst-logo {margin: 20px auto 0 auto;}


	.search-wrapper input {padding: 15px 5px 0 15px;}

	.head-social {float: left; margin: 20px 0 20px 130px; width: 170px;}
	.head-social .twitter {margin-right: 10px;}

	.nav-primary ul li a {width: 420px; text-align: center; padding: 20px 0;}

	.additional-info li {margin-right: 38px;}
	.additional-info li, .additional-info li a {float: left; width: 172px;}

	.additional-info li:nth-child(3n+3), .additional-info li:nth-child(3n+3) a,
	.additional-info li:first-child, .additional-info li:first-child a {margin-right: 75px !important;}

	.home-slideshow {margin-bottom: 20px; width: 100%; height: 100%; overflow: hidden;}

	.main-contain .inner ul.eventslist li.listing .event-info {width: 330px;}

	.sprite-primary-callouts {margin: 0 auto;}

	.footer-menu, .footer-info {border: 0; padding: 0;}

	.footer-info, .footer-location {margin-bottom: 20px; overflow: hidden;}

	.footer-location, .footer-menu {width: 329px; margin: 0px auto;}

	.map-directions {float: left; width: auto; height: auto;}

	.footer-info p {text-align: center;}

	.footer-nav-social {margin-left: 139px;}

	.footer-location {padding: 0; width: 329px; margin: 0 auto 20px auto;}

	.footer-location h5 {margin-left: 0;}

	.footer-menu {margin-bottom: 10px;}

	.credits {padding-top: 15px;}
	.credits p, .credits a {float: none; text-align: center;}

	.home-events ul li .event-info {width: 285px;}

	.main-contain .alignright {
		float: none;
		display: block;
		margin: 30px auto;}

	.main-contain .alignleft {
		float: none;
		display: block;
		margin: 30px auto;}


}

.intro-1839-mag {
    border-bottom: 3px solid #474747;
    padding-bottom: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}


.intro-1839-mag h2:first-child,
.intro-1839-mag h1:first-child {
    margin-top: 0;
}


.mag-ft-img {
    margin: 1em 0;
}

.mag-ft-img a {
    display: block;
}

.mag-ft-img img {
    display: block;
    margin: 0;
    width: 100%;
    height: auto;
}

/* .byline-mag,
.time-mag {
	font-size: 14px;
} */

.byline-mag strong,
.time-mag strong {
    color: #343434;
}

.time-mag {
    color: #666;
}

p.byline-mag {
    margin-bottom: 10px;
}

li.cat-item-none {
	display: none;
}




/**
 * Posts Pagination
 */

.pagination {
  margin-top: 2.5em;
  padding-top: 2.5em;
  text-align: center;
}

.pagination ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.pagination ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.pagination ul li + li {
    margin-left: 0.5em;
}

.page-numbers a,
.page-numbers span {
      display: block;
      padding: 0.5em 0.969em;
      border-radius: 3px;
      color: #fff;
      background-color: #EB0389;
      transition: background-color 500ms;
      text-decoration: none;
}

.page-numbers .current,
.page-numbers .active {
    background-color: #E4E4E4;
    color: #333;
}