/* Test Page ID */
/* .page-id-10019 .grid_buttons {
	display: grid | inline-grid;
}*/

.page-id-13275 .swidget-holder {
	float: left;
	display: flex;
	margin: 0 15px 15px 0;
}

.page-id-13275 .swidget_buttons {
	text-align: center;
}


/* Covid Rules */
.hide-temporarily  {
	display:none;
}

/* General Typographic Utilities */

figure.audio figcaption {
	margin-bottom: 1rem;
}

figure.audio figcaption p {
	font-size: 1rem;
}

.style-bold, /* Wrong */
.style_bold {
	font-weight: bold;
}

.style-not-bold, /* Wrong */
.style_not-bold {
	font-weight: normal !important;
}

.style-italic, /* Wrong */
.style_italic {
	font-style: italic;
}

.style-uppercase, /* Wrong */
.style_uppercase {
	text-transform: uppercase;
}

.smaller {
	font-size: 1.25em;
}

.sub-heading {
	margin-top: -0.75em;
}

.sub-heading + p {
	margin-top: 0.75em;
}

.social-share a {
	margin: 0 0.35rem;
	color: #333;
}
.social-share a:hover {
	color: #B10C3A;
}

/* We will need to test for accessibiliy */
/* See Locally Sourced list of makers */
.link_visually-remove-state * {
	color: #333 !important;
}

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 cite {
	font-style: italic;
}

.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 {
	margin-top: 1.25rem;
  margin-bottom: 1.25rem;
	border: 1px solid #d8d8d8;
	background-color: #eee;
	padding: 1rem;
}

.notice p:last-child {
	margin-bottom: 0;
}

.notice.callout {
	float: none !important;
	width: auto !important;
	margin: 1.25rem 0 !important;
	border-left-width: .25rem;
	background-color: #fff;
}

.callout_info {
	border-left-color: #b10c3a; 
}

.callout_warning {
	border-left-color: #f0ad4e;
}

.learning .notice.keep-in-touch {
	padding: 1.5em 0;
	font-size: 1.25em;
	text-align: center;
}


/* 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;
}

.embed_spotify {
	margin-top: 12px;
}

.embed_vimeo {
	margin-top: 2.5em;
}

/*
.aside_bug {
	border: 1px solid #ccc;
	padding: 12px;
}

.aside_bug .flag_promote {
	font-family: Klavika Basic,Helvetica,sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	font-size: 1em;
	color: #B10C3A;
	margin-bottom:0.125em;
}

*/

.aside_bug p {
	margin:0;
	padding:0;
	/* line-height:1.2; */
}

.aside_bug .title {
	font-family: Klavika Basic,Helvetica,sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	font-size: 1em;
	margin-bottom:0.25em;
}

.aside_bug p.desc {
	line-height:1.3 !important;
	font-size: 0.9em;
}

/* 
.aside_bug p a {
	display: inline-block;
	margin-top:0.5em;
}
*/

/* Ultimate Shortcodes */

.su-spoiler {
	border-bottom: 1px solid rgba(0,0,0,.15);
	padding-bottom: 0.5em;
}

.su-spoiler-title {
	font-size: 1.125rem !important;
}

.su-spoiler-icon {
	font-size: 1.125rem !important;
}



/* 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 .page-content__column {
	/* Removes default spacing */
  margin-bottom: 0rem!important;
}

.home .list_compact li {
	/* line-height:1.2 !important; */
	margin-bottom:0.75em !important;
}

.home .list_compact span.description {
	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 */
}

/* Can be removed after 2/22 launch */
.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 .sponsors {
	margin-bottom: 7.5rem;
}

/* Learning Page ID 13275 (cmoa.org/learning/) */

.page-id-13275 h1,
.learning-template-template-columns h1 {
	margin-top: -0.5em;
	margin-bottom: -0.25em;
}

.learning-template-template-columns.registration h1,
.learning-template-template-columns.registration-k-2 h1,
.learning-template-template-columns.registration-3-5 h1,
.learning-template-template-columns.registration-6-28 h1,
.learning-template-template-columns.registration-9-12 h1,
.learning-template-template-columns.registration-k-12 h1{
	margin-top: 0;
	margin-bottom: 0.75rem;
}

.page-id-13275 .card .meta,
.learning-template-template-columns .card .meta {
	margin-top: 0.5em;
	margin-bottom: -1em;
}

.page-id-13275 .aside_bug {
	margin-top: 0.25em;
}

/* Learning CPT  */

.learning-template .meta + h1 {
	padding-top: 0 !important;
	padding-bottom: 1rem;
}

.learning-template .page-content hr {
	margin-top: 3rem !important;
	margin-bottom: 2.15rem !important;
}

.learning-template .page-content hr + h2 {
	padding-top: 0 !important;
	line-height:1;
}

.learning-template .page-content hr + h3 {
	padding-top: 0 !important;
	line-height:1;
}

.learning-template .page-content ul li:last-child {
	margin-bottom: 0 !important;
} 

.learning-template .page-content h4 + ul,
.learning-template .page-content h2.level-4 + ul {
	margin-bottom: 0 !important;
}

body.single.learning-template article.page-content li:last-child {
	margin-bottom: 0 !important;
}

@media only screen and (min-width: 600px) {
	.learning-template .sidebar {
		margin-top: 6.85rem;
  }
}

/* Podcast landing page - ID = 12794 */

@media only screen and (min-width: 600px) { /* Sidebar fix */
	.page-id-12794 .page-content__column .quickview-nav  {
		margin-top: 4.8rem;
  }
}

@media screen and (max-width: 1000px) {
	.page-id-12794 h3 { /* Sponsors fix */
	  padding-left: 1.5rem;
	  padding-right: 1.5rem;
	}
}

/* Podcast episode pages */

.podcast-episode-template h1 {
}

.podcast-episode-template h1 + p { /* also classed as .episode-date */
	font-weight: bold;
	text-transform: uppercase;
	margin-top: -0.5em;
	margin-bottom: 0 !important;
	line-height:1;
}

.podcast-episode-template .podcast-player {
	margin: 3.5em 0em 1em;
}

.podcast-episode-template .bios {
	margin-top: 3.5em;
}

.podcast-episode-template .bios .su-row {
	margin-bottom: 3.5em;
}

.podcast-episode-template .gallery {
	margin:-1em 0 2.5em 0;
}

.podcast-episode-template .gallery h2 {
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.podcast-episode-template .book {
	margin-top: 2.5em;
}

@media only screen and (min-width: 600px) {
	.podcast-episode-template .sidebar {
		margin-top: 8rem;
  }
}

/*
.page-id-12777 .page-content h2 {
	padding-top: 0 !important;
}
*/


/*
@media only screen and (min-width: 600px) {
	.page-id-12886 .sidebar {
		margin-top: 4.3rem;
  }
}
 
*/


/* Sponsorship */

.self-care .spacer_sponsors {
	margin-top: 3rem;
}

.post-template-default .spacer_sponsors {
	margin-top: 3rem;
}

.self-care .sponsor-list__sponsor--extra-wide {
    width: 50% !important;
}

.post-template-default .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;
	}
	
	.post-template-default .sponsor-list__sponsor--extra-wide {
		width: 35% !important;
	}
}

.card .title {
	font-size: 1.5em;
	font-weight: 800;
	margin-top: 0.5em;
}

.card .social {
	font-size: 1.5em;
}

.card .social a {
	margin-right: 5px;
}

.card .date {
	font-weight: bold;
	text-transform: uppercase;
	margin: 0.5em 0 0;
}

.card .link_primary-action {
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 1.5em;
}

.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;
	}
}
/*
form#calendar-form {
    display: none;
} */