/*

This file contains the styles for the Kensington Shortcodes plugin.



TABLE OF CONTENTS

- General Setup
- For Tutorials
- Buy Tickets
- Cast List
- Clear
- Contact Email
- Contact Facebook
- Contact Phone
- Go To
- Highlight Colors
- Home Top Buttons
- Mail Chimp
- Programs

*/


/* General Setup
---------------------------------------------------------------------------------------------------- */

span.dashicons,
span.dashicons-before::before {
	font-size: inherit;
	margin: 0 10px 0 0;
	padding: 0;
	vertical-align: middle;
}

/* For Tutorials
---------------------------------------------------------------------------------------------------- */

.shortcode-block {
	clear: both;
	overflow: hidden;
}

.shortcode-block .box + br {
	display: none;
}

.gist {}

.gist .gist-data {
	border: none;
	padding: 5px 0;
}

.gist tbody {
	border: none;
	padding: 5px 0;
}

.gist tr:nth-child(even) {
	background-color: #eee;
}

.gist td.blob-num {
	border-color: #bbb;
	color: #bbb;
	font-size: 16px;
	font-weight: 300;
	padding: 10px 10px 0 !important;
}

.gist td.blob-code {
	padding: 8px 10px 5px !important;
	font-size: 16px;
	font-weight: 300;
}

.gist div.gist-meta {
	padding: 4px;
	font-size: 10px;
	background-color: #f7f7f7;
}

.gist div.gist-meta a {
	font-weight: 400;
}


/* Buy Tickets
---------------------------------------------------------------------------------------------------- */

a.tickets.link i {
	color: #333;
	margin-right: 12px;
}

a.tickets.button {
	background-color: #942923;
	border-radius: 3px;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: 300;
	padding: 16px 24px;
	text-transform: uppercase;
	-webkit-transition: none;
	-moz-transition:    none;
	-ms-transition:     none;
	-o-transition:      none;
	transition:         none;
}

a.tickets.button:hover,
a.tickets.button:focus {
	background-color: #333;
	color: #fff;
}

a.tickets.button:active {
	background-color: #000;
}

a.tickets.button i {
	margin-right: 12px;
}

a.tickets.large {
	font-size: 28px;
	font-size: 2.8rem;
}

a.tickets.large i {
	margin-right: 20px;
}

/* Cast List
---------------------------------------------------------------------------------------------------- */

ul.castlist {
	overflow: hidden;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

ul.castlist li {
	clear: both;
	list-style-type: none;
}

ul.castlist li:before {
	content: ". . . . . . . . . . . . . . . . . . . . "
	". . . . . . . . . . . . . . . . . . . . "
	". . . . . . . . . . . . . . . . . . . . "
	". . . . . . . . . . . . . . . . . . . . ";
	float: left;
	white-space: nowrap;
	width: 0;
}

ul.castlist li strong {
	background: #fff;
	max-width: 60%;
	min-width: 40px;
	padding-right: 10px;
}

ul.castlist li em {
	background: #fff;
	float: right;
	max-width: 60%;
	padding-left: 10px;
	position: relative;
	text-align: right;
	z-index: 1;
}

ul.castlist li.section:before {
	content: "";
}

ul.castlist li.section {
	margin-bottom: 2px;
	padding: 20px 0 12px;
}

ul.castlist li.section .section-title {
	border-bottom: 1px solid #ddd;
	font-size: 22px;
	display: block;
}

/* Clear
---------------------------------------------------------------------------------------------------- */

.clearfix,
.clear {
	clear: both;
	display: block;
	margin-bottom: 28px;
	overflow: hidden;
}

/* Contact Email
---------------------------------------------------------------------------------------------------- */

a.email .dashicons,
a.email:active .dashicons,
a.email:hover .dashicons {
	color: #333;
}

/* Contact Facebook
---------------------------------------------------------------------------------------------------- */

a.facebook .dashicons,
a.facebook:active .dashicons,
a.facebook:hover .dashicons {
	color: #333;
}

/* Contact Phone
---------------------------------------------------------------------------------------------------- */

a.contact-phone,
a.contact-phone:active,
a.contact-phone:hover {
	color: #333;
}

/* Content Boxes
---------------------------------------------------------------------------------------------------- */

.box {
	background-color: #eee;
	border-radius: 3px;
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 20px;
}

.box-icon {
	display: none;
}

.box-content {
	display: inline-block;
	max-width: 90%;
	vertical-align: top;
}

.box-content > p:last-child {
	margin-bottom: 0;
}

.box-content a {
	border: none;
	text-decoration: underline;
}


/* Box Colors
--------------------------------------------------- */

/* black */
.box.black,
.box.black.alert,
.box.black.announce,
.box.black.asterisk,
.box.black.bolt,
.box.black.book,
.box.black.bus,
.box.black.calculator,
.box.black.calendar,
.box.black.car,
.box.black.card,
.box.black.check,
.box.black.child,
.box.black.clock,
.box.black.comment,
.box.black.cutlery,
.box.black.download,
.box.black.email,
.box.black.error,
.box.black.favorite,
.box.black.female,
.box.black.file,
.box.black.flag,
.box.black.graduate,
.box.black.heart,
.box.black.idea,
.box.black.info,
.box.black.laptop,
.box.black.location,
.box.black.magic,
.box.black.male,
.box.black.money,
.box.black.music,
.box.black.pencil,
.box.black.phone,
.box.black.plus,
.box.black.question,
.box.black.recycle,
.box.black.reminder,
.box.black.send,
.box.black.settings,
.box.black.smile,
.box.black.soccer,
.box.black.tack,
.box.black.thumbsup,
.box.black.umbrella,
.box.black.user,
.box.black.users,
.box.black.wheelchair,
.box.tack
{
	background-color: #555;
	color: #fff;
}

/* blue */
.box.blue,
.box.blue.alert,
.box.blue.announce,
.box.blue.asterisk,
.box.blue.bolt,
.box.blue.book,
.box.blue.bus,
.box.blue.calculator,
.box.blue.calendar,
.box.blue.car,
.box.blue.card,
.box.blue.check,
.box.blue.child,
.box.blue.clock,
.box.blue.comment,
.box.blue.cutlery,
.box.blue.download,
.box.blue.email,
.box.blue.error,
.box.blue.favorite,
.box.blue.female,
.box.blue.file,
.box.blue.flag,
.box.blue.graduate,
.box.blue.heart,
.box.blue.idea,
.box.blue.info,
.box.blue.laptop,
.box.blue.location,
.box.blue.magic,
.box.blue.male,
.box.blue.money,
.box.blue.music,
.box.blue.pencil,
.box.blue.phone,
.box.blue.plus,
.box.blue.question,
.box.blue.recycle,
.box.blue.reminder,
.box.blue.send,
.box.blue.settings,
.box.blue.smile,
.box.blue.soccer,
.box.blue.tack,
.box.blue.thumbsup,
.box.blue.umbrella,
.box.blue.user,
.box.blue.users,
.box.blue.wheelchair,
.box.graduate,
.box.info,
.box.question,
.box.umbrella,
.box.wheelchair
{
	background-color: #d2e2e9;
}

/* brown */
.box.book,
.box.brown,
.box.brown.alert,
.box.brown.announce,
.box.brown.asterisk,
.box.brown.bolt,
.box.brown.book,
.box.brown.bus,
.box.brown.calculator,
.box.brown.calendar,
.box.brown.car,
.box.brown.card,
.box.brown.check,
.box.brown.child,
.box.brown.clock,
.box.brown.comment,
.box.brown.cutlery,
.box.brown.download,
.box.brown.email,
.box.brown.error,
.box.brown.favorite,
.box.brown.female,
.box.brown.file,
.box.brown.flag,
.box.brown.graduate,
.box.brown.heart,
.box.brown.idea,
.box.brown.info,
.box.brown.laptop,
.box.brown.location,
.box.brown.magic,
.box.brown.male,
.box.brown.money,
.box.brown.music,
.box.brown.pencil,
.box.brown.phone,
.box.brown.plus,
.box.brown.question,
.box.brown.recycle,
.box.brown.reminder,
.box.brown.send,
.box.brown.settings,
.box.brown.smile,
.box.brown.soccer,
.box.brown.tack,
.box.brown.thumbsup,
.box.brown.umbrella,
.box.brown.user,
.box.brown.users,
.box.brown.wheelchair,
.box.email,
.box.location,
.box.pencil,
.box.send
{
	background-color: #e3d4c0;
}

/* gray */
.box.calculator,
.box.calendar,
.box.car,
.box.clock,
.box.cutlery,
.box.female,
.box.gray,
.box.gray.alert,
.box.gray.announce,
.box.gray.asterisk,
.box.gray.bolt,
.box.gray.book,
.box.gray.bus,
.box.gray.calculator,
.box.gray.calendar,
.box.gray.car,
.box.gray.card,
.box.gray.check,
.box.gray.child,
.box.gray.clock,
.box.gray.comment,
.box.gray.cutlery,
.box.gray.download,
.box.gray.email,
.box.gray.error,
.box.gray.favorite,
.box.gray.female,
.box.gray.file,
.box.gray.flag,
.box.gray.graduate,
.box.gray.heart,
.box.gray.idea,
.box.gray.info,
.box.gray.laptop,
.box.gray.location,
.box.gray.magic,
.box.gray.male,
.box.gray.money,
.box.gray.music,
.box.gray.pencil,
.box.gray.phone,
.box.gray.plus,
.box.gray.question,
.box.gray.recycle,
.box.gray.reminder,
.box.gray.send,
.box.gray.settings,
.box.gray.smile,
.box.gray.soccer,
.box.gray.tack,
.box.gray.thumbsup,
.box.gray.umbrella,
.box.gray.user,
.box.gray.users,
.box.gray.wheelchair,
.box.laptop,
.box.male,
.box.phone,
.box.user,
.box.users
{
	background-color: #eee;
}

/* green */
.box.card,
.box.check,
.box.file,
.box.green,
.box.green.alert,
.box.green.announce,
.box.green.asterisk,
.box.green.bolt,
.box.green.book,
.box.green.bus,
.box.green.calculator,
.box.green.calendar,
.box.green.car,
.box.green.card,
.box.green.check,
.box.green.child,
.box.green.clock,
.box.green.comment,
.box.green.cutlery,
.box.green.download,
.box.green.email,
.box.green.error,
.box.green.favorite,
.box.green.female,
.box.green.file,
.box.green.flag,
.box.green.graduate,
.box.green.heart,
.box.green.idea,
.box.green.info,
.box.green.laptop,
.box.green.location,
.box.green.magic,
.box.green.male,
.box.green.money,
.box.green.music,
.box.green.pencil,
.box.green.phone,
.box.green.plus,
.box.green.question,
.box.green.recycle,
.box.green.reminder,
.box.green.send,
.box.green.settings,
.box.green.smile,
.box.green.soccer,
.box.green.tack,
.box.green.thumbsup,
.box.green.umbrella,
.box.green.user,
.box.green.users,
.box.green.wheelchair
.box.money,
.box.recycle,
.box.soccer
{
	background-color: #d2e9d6;
}

/* orange */
.box.alert,
.box.announce,
.box.bus,
.box.magic,
.box.orange,
.box.orange.alert,
.box.orange.announce,
.box.orange.asterisk,
.box.orange.bolt,
.box.orange.book,
.box.orange.bus,
.box.orange.calculator,
.box.orange.calendar,
.box.orange.car,
.box.orange.card,
.box.orange.check,
.box.orange.child,
.box.orange.clock,
.box.orange.comment,
.box.orange.cutlery,
.box.orange.download,
.box.orange.email,
.box.orange.error,
.box.orange.favorite,
.box.orange.female,
.box.orange.file,
.box.orange.flag,
.box.orange.graduate,
.box.orange.heart,
.box.orange.idea,
.box.orange.info,
.box.orange.laptop,
.box.orange.location,
.box.orange.magic,
.box.orange.male,
.box.orange.money,
.box.orange.music,
.box.orange.pencil,
.box.orange.phone,
.box.orange.plus,
.box.orange.question,
.box.orange.recycle,
.box.orange.reminder,
.box.orange.send,
.box.orange.settings,
.box.orange.smile,
.box.orange.soccer,
.box.orange.tack,
.box.orange.thumbsup,
.box.orange.umbrella,
.box.orange.user,
.box.orange.users,
.box.orange.wheelchair,
.box.thumbsup
{
	background-color: #f7e2c1;
}

/* purple */
.box.child,
.box.comment,
.box.music,
.box.purple,
.box.purple.alert,
.box.purple.announce,
.box.purple.asterisk,
.box.purple.bolt,
.box.purple.book,
.box.purple.bus,
.box.purple.calculator,
.box.purple.calendar,
.box.purple.car,
.box.purple.card,
.box.purple.check,
.box.purple.child,
.box.purple.clock,
.box.purple.comment,
.box.purple.cutlery,
.box.purple.download,
.box.purple.email,
.box.purple.error,
.box.purple.favorite,
.box.purple.female,
.box.purple.file,
.box.purple.flag,
.box.purple.graduate,
.box.purple.heart,
.box.purple.idea,
.box.purple.info,
.box.purple.laptop,
.box.purple.location,
.box.purple.magic,
.box.purple.male,
.box.purple.money,
.box.purple.music,
.box.purple.pencil,
.box.purple.phone,
.box.purple.plus,
.box.purple.question,
.box.purple.recycle,
.box.purple.reminder,
.box.purple.send,
.box.purple.settings,
.box.purple.smile,
.box.purple.soccer,
.box.purple.tack,
.box.purple.thumbsup,
.box.purple.umbrella,
.box.purple.user,
.box.purple.users,
.box.purple.wheelchair,
.box.reminder
{
	background-color: #d8d2e9;
}

/* red */
.box.error,
.box.flag,
.box.heart,
.box.plus,
.box.red,
.box.red.alert,
.box.red.announce,
.box.red.asterisk,
.box.red.bolt,
.box.red.book,
.box.red.bus,
.box.red.calculator,
.box.red.calendar,
.box.red.car,
.box.red.card,
.box.red.check,
.box.red.child,
.box.red.clock,
.box.red.comment,
.box.red.cutlery,
.box.red.download,
.box.red.email,
.box.red.error,
.box.red.favorite,
.box.red.female,
.box.red.file,
.box.red.flag,
.box.red.graduate,
.box.red.heart,
.box.red.idea,
.box.red.info,
.box.red.laptop,
.box.red.location,
.box.red.magic,
.box.red.male,
.box.red.money,
.box.red.music,
.box.red.pencil,
.box.red.phone,
.box.red.plus,
.box.red.question,
.box.red.recycle,
.box.red.reminder,
.box.red.send,
.box.red.settings,
.box.red.smile,
.box.red.soccer,
.box.red.tack,
.box.red.thumbsup,
.box.red.umbrella,
.box.red.user,
.box.red.users,
.box.red.wheelchair
{
	background-color: #eed8d6;
}

/* yellow */
.box.asterisk,
.box.bolt,
.box.favorite,
.box.idea,
.box.smile,
.box.yellow,
.box.yellow.alert,
.box.yellow.announce,
.box.yellow.asterisk,
.box.yellow.bolt,
.box.yellow.book,
.box.yellow.bus,
.box.yellow.calculator,
.box.yellow.calendar,
.box.yellow.car,
.box.yellow.card,
.box.yellow.check,
.box.yellow.child,
.box.yellow.clock,
.box.yellow.comment,
.box.yellow.cutlery,
.box.yellow.download,
.box.yellow.email,
.box.yellow.error,
.box.yellow.favorite,
.box.yellow.female,
.box.yellow.file,
.box.yellow.flag,
.box.yellow.graduate,
.box.yellow.heart,
.box.yellow.idea,
.box.yellow.info,
.box.yellow.laptop,
.box.yellow.location,
.box.yellow.magic,
.box.yellow.male,
.box.yellow.money,
.box.yellow.music,
.box.yellow.pencil,
.box.yellow.phone,
.box.yellow.plus,
.box.yellow.question,
.box.yellow.recycle,
.box.yellow.reminder,
.box.yellow.send,
.box.yellow.settings,
.box.yellow.smile,
.box.yellow.soccer,
.box.yellow.tack,
.box.yellow.thumbsup,
.box.yellow.umbrella,
.box.yellow.user,
.box.yellow.users,
.box.yellow.wheelchair
{
	background-color: #fff4be;
}

/* Text Colors
--------------------------------------------------- */

.box.black a {
	color: #ccc;
}

.box.black a:hover {
	color: #fff;
}


/* Titles
--------------------------------------------------- */

.box .box-title {
	display: block;
}

.box .no-title {
	display: none;
}

.box.black .box-title {
	color: #fff;
}

/* Types
--------------------------------------------------- */

.box-icon .fa {
	vertical-align: top;
}

.box.alert .box-icon,
.box.announce .box-icon,
.box.asterisk .box-icon,
.box.bolt .box-icon,
.box.book .box-icon,
.box.bus .box-icon,
.box.calculator .box-icon,
.box.calendar .box-icon,
.box.car .box-icon,
.box.card .box-icon,
.box.check .box-icon,
.box.child .box-icon,
.box.clock .box-icon,
.box.comment .box-icon,
.box.cutlery .box-icon,
.box.download .box-icon,
.box.email .box-icon,
.box.error .box-icon,
.box.favorite .box-icon,
.box.female .box-icon,
.box.file .box-icon,
.box.flag .box-icon,
.box.graduate .box-icon,
.box.heart .box-icon,
.box.idea .box-icon,
.box.info .box-icon,
.box.laptop .box-icon,
.box.location .box-icon,
.box.magic .box-icon,
.box.male .box-icon,
.box.money .box-icon,
.box.music .box-icon,
.box.pencil .box-icon,
.box.phone .box-icon,
.box.plus .box-icon,
.box.question .box-icon,
.box.recycle .box-icon,
.box.reminder .box-icon,
.box.send .box-icon,
.box.settings .box-icon,
.box.smile .box-icon,
.box.soccer .box-icon,
.box.tack .box-icon,
.box.thumbsup .box-icon,
.box.umbrella .box-icon,
.box.user .box-icon,
.box.users .box-icon,
.box.wheelchair .box-icon
{
	display: inline-block;
	width: 50px;
}

/* Go To
---------------------------------------------------------------------------------------------------- */

a.goto .dashicons,
a.goto:active .dashicons,
a.goto:hover .dashicons {
	color: #333;
}

/* Highlight Colors
---------------------------------------------------------------------------------------------------- */

.text-blue,
.text-brown,
.text-gray,
.text-green,
.text-orange,
.text-red,
.text-yellow {
	text-align: center;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 0;
	padding: 1px 5px;
}

.text-red {
	background-color: #f16865;
}

.text-orange {
	background-color: #fc9e4b;
}

.text-yellow {
	background-color: #fbec5d;
}

.text-green {
	background-color: #58e36f;
}

.text-blue {
	background-color: #addfff;
}

.text-brown {
	background-color: #b0905c;
}

.text-gray {
	background-color: #e8e8e8;
}


/* Home Top Buttons
---------------------------------------------------------------------------------------------------- */

.theshow {
	margin-right: 40px;
}

/* Mail Chimp
---------------------------------------------------------------------------------------------------- */

#mc_embed_signup {
	background-color: #ddd;
	clear: left;
	padding: 15px 20px;
}

#mc_embed_signup br {
	display: none;
}


/* Programs
---------------------------------------------------------------------------------------------------- */

.home-programs a {
	border: none;
	display: inline-block;
	width: 100%;
}

.home-programs a img {
	display: block;
	margin: 0 auto 20px;
	margin: 0 auto 2rem;
	max-width: 100%;
}

/* Alliance of Community Theatres
--------------------------------------------------- */

.home-programs a.act {
	margin-top: 21px;
}

/* Auditions
--------------------------------------------------- */

.home-programs a.auditions {
	margin-top: 30px;
}

/* Early Light Academy
--------------------------------------------------- */

.home-programs a.ela {
	margin-top: 30px;
}

/* For Adults
--------------------------------------------------- */

.home-programs a.for-adults {
	margin-top: -20px;
}

/* For Kids
--------------------------------------------------- */

.home-programs a.for-kids {
	margin-top: 45px;
}

/* For Teens
--------------------------------------------------- */

.home-programs a.for-teens {
	/*margin-top: 30px;*/
}

/* Improvinators
--------------------------------------------------- */

.home-programs a.improvinators {
	margin-top: 40px;
}

/* Orchestra
--------------------------------------------------- */

.home-programs a.orchestra {
	margin-top: 26px;
}

/* Outreach
--------------------------------------------------- */

.home-programs a.outreach {
	margin-top: 12px;
}

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

	.home-programs a.act,
	.home-programs a.auditions,
	.home-programs a.ela,
	.home-programs a.for-adults,
	.home-programs a.for-kids,
	.home-programs a.for-teens,
	.home-programs a.improvinators,
	.home-programs a.orchestra
	.home-programs a.outreach {
		margin-top: 0;
	}

}