/* General Typographic Utilities */

figure.audio figcaption {
	margin-bottom: 1rem;
}

figure.audio figcaption p {
	font-size: 1rem;
}

.style-bold {
	font-weight: bold;
}

.style-not-bold {
	font-weight: normal !important;
}

.style-italic {
	font-style: italic;
}

.style-uppercase {
	text-transform: uppercase;
}

.smaller {
	font-size: 1.25em;
}

.sub-heading {
	margin-top: -0.75em;
}

.sub-heading + p {
	margin-top: 0.75em;
}

body.page article.page-content li:not(.menu-item), 
body.single article.page-content li:not(.menu-item) {
    margin-bottom: 0.5rem !important; /* Is 0.75rem somewhere in the Sass files */
}

.list_compact {
	list-style:none;
	padding-left:0!important;
}

.list_compact li {
	line-height: 1.2;
	margin-bottom: 0.5rem !important;
}

.list_compact cite {
	font-style:normal;
	font-size: 1.08;
}

ul.no-margin {
	padding-left: 0rem !important;
}

ul.no-margin li {
	margin-left: 0 !important;
}

ul.menu_downloads {
	margin-top: 0.5em;
}

span.red {
	color: #B10C3A;
}

span.quiet {
	color: #CCC;
	display:inline !important;
}

.credit {
	font-size: small;
}

.credit.caption_vimeo {
	margin-top:-2.75em;
	margin-bottom:2em;
}

pre {
	background-color: transparent !important;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.clipboard-code {
	background-color: #EEE;
	border: 1px solid #DDD;
	border-radius: 4px;
	padding: 0 !important;
	margin-top: 0.75em;
}

.clipboard-code pre {
	display: block;
	padding: 0 1em;
}

.clipboard-code.clipboard-code_medium pre {
	height:6em;
}

.copy-the-code-button {
	background-color: #D0D1D6 !important;
	color: #333;
}

.copy-the-code-button:hover {
	background-color: #333 !important;
	color: #FFF;
}

.notice {
	background-color: #EEE;
	border: 1px solid #DDD;
	border-radius: 4px;
	padding: 1em;
}

.notice.keep-in-touch {
	padding: 2em 0;
}

.notice.keep-in-touch p {
	font-size: 1.25em;
	text-align: center;
	margin-bottom: 0 !important;
}

.notice.keep-in-touch p strong {
	color: #B10C3A;
}

/* Hack Utilities */

hr.spacer {
	border-color: transparent;
}

.spacer-top-small {
	margin-top: 20px;
}

.spacer-top-medium {
	margin-top: 40px;
}

.spacer-top-large {
	margin-top: 80px;
}


/* Buttons */

.btn--small {
	font-size: small !important;
	text-transform: capitalize !important;
	padding:0.5em !important;
	padding-bottom:0.35em !important;
	margin-left: 1em;
}


/* Homepage */

.home .list_compact li {
	/* line-height:1.2 !important; */
	margin-bottom:0.75em !important;
}

.home .list_compact span {
	display:block;
	margin-top:0;
}

.home hr.rule_short {
	margin: -0.75em 0 0.65em 0;
	background-color: #ccc;
	width: 30px;
}

/* Education Classes CSS */

.meta {
	font-family: Klavika Basic,Helvetica,sans-serif;
	text-transform: uppercase;
	font-size: 1em;
}

.meta.dates {
	margin-top: 0.75em;
}

.meta.project {
	margin-bottom: -1em;
}

.meta .category {
	font-weight: bold;
}

.meta .divider:before {
	display: inline-block;
	content: "";
	width: 5px;
	height: 5px;
	background-color: #555;
	margin-right:7px;
	margin-left: 8px;
	vertical-align: 2px;
}

.page-id-10281 .register-today {
	margin-bottom:1rem;
}

.lesson {
	margin-bottom: 3.25em;
}

.lesson .embed {
	margin-bottom: 1rem;
}

.lesson h4 {
	margin-top: 2rem;
}

/* Things to be fixed 

.btn-alt.dark:after {
    border-width: 2px;
    border-color: #333 !important;
}
*/
/* Maybe fixed
.embed-fix .embed {
	margin-bottom: 0 !important;
}
.lesson h3 {
	margin-bottom:0.1em;
}

*/

.page-content__column-content .meta:first-child {
	margin-top: 1.5rem; /* This causes an issue for other layouts */
}

.learning .page-content__column-content .meta:first-child {
	margin-top: -0.3rem !important; /* See above */
}

figure > .embed + .wp-caption-text, 
figure > .embed + figcaption, 
figure > a + .wp-caption-text, 
figure > a + figcaption, 
figure > img + .wp-caption-text, 
figure > img + figcaption {
	/* margin-top: 0.75rem; */
	margin-top: 0.625rem !important;	
}

.wp-caption-text, 
figcaption {
  /* font-size: .875rem; */
	font-size: small;
  line-height: 1.25;
  display: block;
}


/* CMOA from Home */

.post-items {
	margin-top: 4.5rem;
}

/* Swidget CSS Fixes and other styles that haven't yet made it into Sass */

.currency {
	text-transform: capitalize;	
}

.swidget-holder {
	margin-top:1.5rem;
}

.swidget-holder .swidget_nm_price span {
  font-size: 1rem !important;
  font-weight: normal !important;
}

.swidget-holder .swidget_item_name {
	font-size: 1.1rem !important;
}

.swidget-holder .currdate_div, 
.swidget-holder .swidget_tt_item_name {
	font-size: 1rem !important;
}

.swidget-holder .swidget_ticket_type label {
	font-size: 1rem !important;
}

.fix-figure {
		margin-top:-1.5rem !important;
}

.cmoa-tickets {
	background-color:#eee;
	border:1px solid #ddd;
	border-radius:4px;
	margin-bottom:1em;
	padding:18px 15px 0px 15px;
}

.sidebar__block .cmoa-tickets {
	margin-bottom:0 !important;
}

.cart .cmoa-tickets {
	background-color:#eee;
	border:1px solid #ddd;
	border-radius:4px;
	margin-bottom:1em;
	padding:18px 15px 0px 15px;
}

.cmoa-tickets h2 {
	margin-bottom: 0.25rem !important;
}

.cmoa-tickets .swidget_timeticketing_sel {
	margin-bottom: 0 !important;
}

.cmoa-tickets .swidget-holder {
	margin-top: 0 !important;
}

.cmoa-tickets .swidget_items_added {
	border: 1px solid rgba(47, 111, 47, 0.5);
	margin-bottom: 15px;
}

.cmoa-tickets .swidget_messages > div {
	font-style: normal !important; 
}

.cmoa-tickets .swidget_buttons {
	padding-bottom:0 !important;
}

.cart .cmoa-tickets .swidget_buttons {
	padding-bottom:0 !important;
}

.cmoa-tickets .swidget_misc {
	margin: 0 !important;
}

.cmoa-tickets .swidget_misc span {
	display: none;
}

.cmoa-tickets .swidget_tickets {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.cmoa-tickets.dino-armor{
	margin-top: -1rem;
}

.cmoa-tickets.dino-armor .swidget_timesel-wrapper {
	display: none !important;
}

.cart .cmoa-tickets .swidget_items_added {
	display: none !important;
}

.cart .cmoa-tickets.dino-armor .swidget_btn_addtocart {
	background-color: #fff;
	color: #B10C3A !important;
	border: 2px solid #B10C3A;
	width: 100%;
}

.cart .cmoa-tickets.dino-armor .swidget_btn_addtocart:hover {
	background-color: #333;
	color: #fff !important;
	border: 2px solid #333;
}

.cart .cmoa-tickets.dino-armor p {
	font-family: Franklin Gothic FS, Helvetica, sans-serif;
}

.cart .cart-products {
	font-size: 1rem !important;
}

.cart .cart-products .product-row td {
	font-weight: normal !important;
}

.cart .cart-products .product-row td.value {
	font-weight: bold !important;
}

.cart .cart-products caption {
	display: none;
}

.cart .page-content__row:last-child {
	margin-bottom: 4rem !important;
}

.cart .swidget-cart-holder .total-row td {
	font-size: 1rem !important;
	border-bottom: 0 !important;
}

.cart .swidget-cart-holder .swidget_cart_buttons {
    padding: 0 !important;
}

/* Columns Template */

.page-template-template-columns .sponsors,
.learning-template-template-columns .sponsors {
	margin-bottom: 7.5rem;
}

/* Learning Template */

.learning-template .meta + h1 {
	padding-top: 0 !important;
	padding-bottom: 1rem;
}

.learning-template .page-content h2 {
	padding-top: 0 !important;
}

.learning-template .page-content h3 {
	font-size: 1em;
	text-transform: uppercase;
	margin-top: 2em !important;
	margin-bottom: 0 !important;
	padding-top: 0rem !important;
}

.learning-template .page-content h4.level-3 {
	padding-top: 3em;
}

.learning-template .page-content hr {
	margin-top: 3rem;
	margin-bottom: 2.5rem;
}

@media only screen and (min-width: 600px) {
	.learning-template .sidebar {
    /* background-color: lightblue; */
		/* margin-top: 1.5rem; */
		margin-top: 6.85rem;
  }
}

/* Sponsorship */

.self-care .spacer_sponsors {
	margin-top: 3rem;
}

.self-care .sponsor-list__sponsor--extra-wide {
    width: 50% !important;
}

@media only screen and (min-width: 600px) {
	.self-care .sponsor-list__sponsor--extra-wide {
		width: 35% !important;
	}
}

.card .title {
	font-size: 1.5em;
	font-weight: 800;
}

.card .social {
	font-size: 1.5em;
}

.card .social a {
	margin-right: 5px;
}

.embed_spotify {
	margin-top: 12px;
}

.locally-sourced hr.short {
	display: none;
}

.nav_local-exhibition {
	font-weight: 800;
}

.nav_local-exhibition span {
	margin-right: 20px;
}

.nav_local-exhibition hr {
	margin: 0 !important;
	padding-top: 10px;
}


/* Homepage Banner - Custom Prints */

.banner_custom-prints {
	display: inline-block;
	border: 1px solid rgba(0,0,0,.15);
}

.banner_custom-prints img {
	display: block;
}

.banner_custom-prints .post_lead { 
	padding: 0 !important;
}

.banner_custom-prints p:last-child {
  margin-bottom: 0;
}

.banner_custom-prints h3 {
	font-family: PT Serif,Helvetica,sans-serif;
  line-height: 1.2;
  font-weight: 100;
	margin: 0 0 .75rem;
}

.banner_custom-prints .page-content__column {
	margin-bottom: 0 !important;
}


/* Homepage Banner - Custom Prints - Wide */


/* Homepage Banner - Custom Prints - Medium */

@media screen and (min-width: 1200px) {
	.banner_custom-prints .l-long h3 {
   font-size: 2em;
	}
}

@media screen and (max-width: 1000px) {
	.banner_custom-prints .l-long p {
		line-height: 1.2 !important;
	}
}

@media screen and (min-width: 701px) {
	.banner_custom-prints .l-short {
		max-width: 30.94754% !important; 
	}
}

@media screen and (min-width: 701px) {
	.banner_custom-prints .l-long {
		padding-right: 3.57869% !important;
	}
}

@media screen and (min-width: 701px) {
	.page-content__column .banner_custom-prints {
		display: flex;
		align-items: center;
	}
}


/* Homepage Banner - Custom Prints - Narrow */
@media screen and (max-width: 700px) {
	.banner_custom-prints .l-short {
    width: 100%;
	}
}

@media screen and (max-width: 700px) {
	.banner_custom-prints .l-long {
		float: left;
		padding: 1.5rem;
	}
}
