/*
Implementation Skeleton v3 - 12/6/18
Add styles to overwrite customer CSS, USE WITH CAUTION.
*/


.section__nav__menu li {
	font-size: 1em;
}

.add__nav > li > a {
	font-size: 1em!important;
}

.footer__container {
    font-size: .9em 
}

.footer__links-list { line-height: .5; }

.add__nav .btn--info {
    font-size: .9em;
}

.programs-grid__item a:focus + .programs-grid__item-overlay {
	opacity: 1;
}

blockquote.quote__frame > p > a:hover {
    color: #F49AAD !important;
}

blockquote.quote__frame > p > a:visited {
    color: #F49AAD !important;
}

blockquote.quote__frame > p > a {
    color: #F49AAD !important;
}

div.quote__caption > p > a:hover {
    color: #F49AAD !important;
}

div.quote__caption > p > a:visited {
    color: #F49AAD !important;
}

div.quote__caption > p > a {
    color: #F49AAD !important;
}

.alert-banner { background-color: #f4e4df; color: #671b1f; }
.alert-banner p { font-size: 1em !important; }

.section__nav__drop { z-index: 100; }
.able-wrapper { z-index: 2; }

/* Calendar */
.events__holder { padding-right: 5px; }
.category-dates-holder h2 { display: none;}
.category-dates-holder #content ul { display: none; }
#content ul.links { display: none; }
.calendar-pt-35 {padding-top: 35px;}

/* .container-sm .pattern-section__headings .h1 {
    width: max-content;
} */

.hero .headings .h1 { text-shadow: 1px 2px #ff0000; -webkit-text-stroke-width: 1.5px; -webkit-text-stroke-color: #990000; }

#content ol { display: block; list-style-type: decimal; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; }

#content ul { display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; padding-left: 40px; }

ul#no_events li:last-of-type { display: none!important; }

@media (max-width: 922px) {
	#content { padding: 0px 15px 40px 15px;}
}



/* Form elements */



input[type=text] { width: 250px; padding: 5px; border: 1px solid #969696; padding: 10px; border-radius: 5px; font-size: 1em; }

input[type=email] { width: 350px; padding: 5px; border: 1px solid #969696; padding: 10px; border-radius: 5px; font-size: 1em; }

.able-window-toolbar input[type="checkbox"] { appearance: auto !important; }

/* home Hero */

.hero__overlay { background-color: rgba(0, 0, 0, 0.0); }
.taglinelink a { font-weight: 700; }
.taglinelink a:hover { color: #e20d39; }

/*  home Hero JK */
@media (max-width: 700px) {
	.hero .headings { display: block; position: absolute; bottom: 83px; left: 75px; max-width: 50%; }
	.hero .headings { display: block; position: absolute; bottom: 30px; left: 20px; }
	.hero .headings .h1 { font-size: 30px; -webkit-text-stroke-width: 1px; }
}

.table-holder { margin-top: 0px; }
table.table { margin-bottom: 0px; }

/* Media queries */

@media (max-width: 1025px) {
	.calendar-pt-35 { padding-top: 0px !important; }
}

@media (min-width: 1025px) {
	.program-cta.community { padding: 0; margin: 98px 108px 207px 0; }
	.events-list .container-sm { margin-left: 50px; }
	.wysiwyg .btn--cta { margin: 25px 0 51px -30px; }
}

/* Alert */
@media (min-width: 1025px) { 
	.alert-banner__frame { padding: 0px 0px 0px 0px; min-height: 50px; }
	.alert-banner__icon { top: 10px; font-size: 50px; }
	.alert-banner__body {  padding-left: 0px; margin: 10px auto; }
	.alert-banner__btn-holder { display: none; } 
	.alert-banner__btn-holder { margin-bottom: 0px; display: none; }
	.cookie-message .alert-banner__close-btn { top: 15px; }
	
	.pattern-section__headings .h1 { font-size: 2.7em; }
    
	
	#content > section.section.wysiwyg.program-overview__options.wow.animated > div > section > div > a
}
@media (min-width: 700px) { 
	.alert-banner__frame { padding: 0px 0px 0px 0px; min-height: 50px; }
	.alert-banner__icon { top: 15px; left: 5px; font-size: 30px; }
	.alert-banner__body {  padding-left: 0px; margin: 10px auto; }
	.alert-banner__btn-holder { display: none; } 
	.alert-banner__btn-holder { margin-bottom: 0px; display: none; }
	.cookie-message .alert-banner__close-btn { top: 20px; }
	
	.pattern-section__headings .h1 { font-size: 2.5em; }
   	.pattern-section__headings .h2, h2, .h2 { font-size: 2.2em; font-weight: bold; margin: 0 0 0.5em; }
    h3, .h3 { font-size: 1.8em !important; }
    h4, .h4 { font-size: 1.5em !important; }
    h5, .h5 { font-size: 1.2em !important; }
	h6, .h6 { font-size: 1em !important; text-transform: none; }
}
@media (max-width: 699px) { 
	.alert-banner__btn-holder { display: none!important; }
	.alert-banner__frame { padding: 8px 5px 5px; }
	.hero-pattern__img-holder { margin-top: 43px; }
	 h2, .h2 { font-size: 1.9em !important; }
    h3, .h3 { font-size: 1.8em !important; }
    h4, .h4 { font-size: 1.5em !important; }
    h5, .h5 { font-size: 1.3em !important; }
	h6, .h6 { font-size: 1.1em !important; text-transform: none; }
}

@media (max-width: 500px) {
	.alert-banner__icon { display: none; }
}

/* Make each playlist button a flex row and center its contents vertically */
.able-playlist li button,
.ou-able-playlist-btn {
  display: flex !important;
  align-items: center !important;   /* vertical centering */
  gap: 12px;                        /* space between thumbnail and text */
  min-height: 56px;                 /* keeps a good tap target */
	border: 0;
}

/* Thumbnail containers shouldn’t stretch the row height */
.able-playlist li button .ou-thumb { 
  flex: 0 0 auto; 
  display: block;
}

/* YouTube auto-thumbnails (img directly inside the button) */
.able-playlist li button > img {
  flex: 0 0 auto;
  width: 70px !important;
  height: auto;
  display: block;
}

/* Title block can wrap, stays vertically centered with the row */
.able-playlist li button .ou-title {
  flex: 1 1 auto;
  display: inline-block;
  line-height: 1.3;
}
.able-playlist li, .able-playlist li:hover { border: 0 !important; }

.content-container { display: flex; flex-wrap: wrap; width: 100%; gap: 0; }
.box { flex: auto; padding: 30px 0; box-sizing: border-box; }
.box-aside { font-size: .8em; }
@media (min-width: 1025px) {
	div.box-aside > h3, .h3 { font-size: 1.2em !important; }
}