/* Over-write slide card styles */
a[data-pattern='card'].slide{
   color: inherit !important;
}


main[data-show='feature'] [data-layout='feature'] {
   max-width: unset;
}





.blog-post{

}

.blog-post-header{
   
}

.blog-post-entry{

}

.blog-post-entry img:not(.format-standard img){
   background-color: #f0f0f0; /* Placeholder color */
   object-fit: cover;
   width: 100%;
   aspect-ratio: 16 / 9; /* Ensures consistent 16:9 aspect ratio */
   border-radius: 6px;
}

.blog-post-entry img.inlineimage{
   margin:5px;
   padding:0;
   border:2px solid #333;
}

.blog-post-entry .full-caption{
   display:block;
   margin-bottom:20px;
   margin-top:3px;
   padding-left:5px;
}

.blog-post-meta{
   font-size: var(--font-size-smaller);
   color: var(--color-primary-subtitle);   
}


.blog-post-entry figure{
   display: flex;
   flex-direction: column;
   gap: 0.8rem;
  }
  
.blog-post-entry .full-caption,  
.blog-post-entry figcaption{
   font-size: var(--font-size);
   color: var(--color-primary-dim);
}

.blog-post-entry iframe{width:100%; min-height:330px;}

#whatIsRYS{border-top:3px solid #3A6FB1; color:#666; font-size:15px; line-height:1.5;}
#whatIsRYS strong {color:#3A6FB1; font-size:24px; font-weight:normal;}
#whatIsRYSParagraph{line-height:1.7; font-size:13px; color:#444;}





.article-preview-list {
   display: grid;
   gap: 2.4rem;
   /* Default: 3 columns */
   grid-template-columns: repeat(3, 1fr);
 }
 
 @media (max-width: 900px) {
   .article-preview-list {
     /* 2 columns */
     grid-template-columns: repeat(2, 1fr);
   }
 }
 
 @media (max-width: 600px) {
   .article-preview-list {
     /* 1 column */
     grid-template-columns: 1fr;
   }
 }

 .post-list-container {
   display: flex;
   gap: 48px;
 }
 
 .post-list:first-child {
   flex: 1;
 }
 
 /* Wrap 2nd and 3rd in a div with class="post-list-right" */
 .post-list-right {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 48px;
 }
 
 @media (max-width: 800px) {
   .post-list-container {
     flex-direction: column;
   }
 }

 .post-list-container ul{
    gap: 1.6rem;
 }

 .post-list-container li {
   color: var(--color-primary-subtitle);
   font-size: var(--font-size-s);
 }

 .post-list-container li a{
    font-weight: 500;
    color: var(--color-primary);
    font-size: var(--font-size);
 }




.see-more [data-is='btn']{
   width: 100%;
   max-width: 600px;
}





.article-preview{background:white;border:1px solid #E5E5E5;position:relative; border-radius: 12px;}
.article-preview:nth-child(3n+3){margin-right:0;}

.article-preview:hover{cursor:pointer;}
.article-preview:hover img {
    opacity: 0.8;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.article-preview img{
   aspect-ratio: 13/7;
   width: 100%;
   object-fit:cover;
}

.article-preview h3 {color:#0067CE;font-size:16px;margin-bottom:0;padding:0 10px;padding-top:10px;line-height:1.4;}

.article-preview .article-date{position:absolute;bottom:10px;left:10px;}

.youtube-video{
   height:400px;
   width:100%;
}

@media (max-width: 768px) {
   .youtube-video{
      height:240px;
   }    
}





hr{    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin-bottom:20px;}


.content li:not(:is(.event, .slide)){
   margin-bottom:10px;list-style-type:disc; list-style-position:outside;margin-left:20px;
}
.content ul:not(.list-events, .slider){
   margin-bottom:30px;
}

figcaption a, .full-caption a{text-decoration:underline !important;}
figcaption , .full-caption {max-width: inherit !important;} /*sometimes the redactor adds inline style; this over-rides*/



.list-events-style-default li.event{position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:100%;background:white;padding:10px 0;border-radius:5px;}
.list-events-style-default li.event:hover{border:1px solid #E5E5E5;z-index:20;margin-top:-2px;cursor:pointer;}
.list-events-style-default li.event[data-loading='true']{background:#F8F8F8;}
.list-events-style-default li.event:active{background:#F8F8F8;}
li.event[data-loading='true'] button:before{content:"Loading...";}
.list-events-style-default .event-date{width:18%;text-align:center;display:inline-block;vertical-align:top;max-width:80px;line-height:1;}
.list-events-style-default .event-date .event-day-of-month{font-size:24px;margin-bottom:1px;}
.list-events-style-default .event-date .event-month{font-size:13px;text-transform:uppercase;}
.list-events-style-default li.event:hover .event-date{color:#0067CE;}
.list-events-style-default .event-details{width:calc(100% - 18% - 115px);display:inline-block;line-height:1.3;font-size:12px;}
.list-events-style-default .event-details .event-name{color:#0067CE;font-size:14px;font-weight:600;display:block;margin-bottom:2px;}
.list-events-style-default li.event:hover .event-name{text-decoration:underline;}
.list-events-style-default .event-details .event-name-2{display:block;font-weight:500;}
.list-events-style-default .event-details div:not(.event-name):not(.event-name) {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.list-events-style-default button{height:36px;position:absolute;top:calc(50% - 18px);width:100px;right:15px;top:20px;}
.list-events-style-default button:before{content:"See Tickets";}

.list-events-style-sidebar li.event{position:relative;margin-bottom:15px;}
.list-events-style-sidebar li.event:last-child{margin-bottom:0;}
.list-events-style-sidebar .event-details{line-height:1.5;width:calc(100% - 85px);} /*where 85 is 15 more than button width*/
.list-events-style-sidebar .event-location{font-weight:500;font-size:13px;}
.list-events-style-sidebar a{font-size:13px;display:block;font-weight:500;}
.list-events-style-sidebar button{width:25%;height:32px;position:absolute;right:0px;top:2px;}
.list-events-style-sidebar li.event:hover .event-location{text-decoration:underline;}

li.event:hover .button-blue{background-image: -webkit-linear-gradient(top, #0067CE, #00468C);
    background-image: -moz-linear-gradient(top, #0067CE, #00468C);
    background-image: -ms-linear-gradient(top, #0067CE, #00468C);
    background-image: -o-linear-gradient(top, #0067CE, #00468C);
}

@media only screen and (max-width: 480px)
{
	.list-events-style-default button{right:0;}
	.list-events-style-default .event-date{margin-left:-10px;}
	.list-events-style-default .event-details{width:calc(100% - 18% - 80px -20px + 10px);}
}

/**
 * What to do when the screen is less than 399 pixels
 *
 */
@media only screen and (max-width: 399px)
{
    /**
     * Make default list button smaller, change text to fewer characters and re-calc
     * space for event details text
     *
     */
    .list-events-style-default button{width:80px;}    
    .list-events-style-default button:before{content:"Tickets";}
    .list-events-style-default .event-details{width:calc(100% - 18% - 80px -20px + 10px);}
  

    
}


@media only screen and (min-width: 600px)
{
	#injected-event-list{    border: 1px solid #E5E5E5;
	    border-radius: 10px;
	    padding: 15px;}	
}
@media screen and (max-width: 1015px)
{
	#injected-event-list{width:auto !important; max-width:100%;}
}

.content #injected-event-list, .article-body #injected-event-list{margin-bottom:30px;margin-top:10px;}

  #injected-performers-list{margin-top:60px;}
  .list-performers{overflow:auto;}  
.list-performers li{float:left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:100px;margin-right:40px;margin-bottom:30px;text-align:center;cursor:pointer;position:relative;}
  .list-performers li:hover{cursor:pointer;}  
  .list-performers li:hover .avatar{opacity:0.70;}
.list-performers li .avatar{height:100px;width:100px;border-radius:50%;background:#333;color:white;font-size:24px;display:inline-block;line-height:100px;margin-bottom:10px;}
  .list-performers li img{object-fit:cover;}  
  .list-performers li .performer-name{line-height:16px;height:32px;overflow:hidden;}
  
  
@media only screen and (max-width: 599px)
{
  .list-performers li{width:66px;margin-right:20px;margin-bottom:20px;}
  .list-performers li .avatar{height:66px;width:66px;line-height:66px;}
  .list-performers li .performer-name{line-height:14px;height:28px;font-size:14px;}
}  

  
  .toc{
     background:#F8F8F8;
     padding:16px;
     border-radius: 12px;
     width:fit-content;
   }
  .toc lh{
   font-weight: bold;
   margin-bottom: 6px;
   font-size: 18px;
   }
   .toc li{
      line-height: 1;
   }
  .toc li a{
     font-weight: normal !important;
  }


  /* Note at the top of the post */
.content p.callout-alert{
   background: #FDF3BA;
   padding: 1rem;
   font-size: 1rem;
}  


/* Base Layout for the 'Pit' */
[data-layout='pit'] {

 }
 
 /* Optional Top Callout */
 [data-layout='pit'] .pit-header {
   text-align: center;
   font-size: 14px;
   padding-top: 12px;
   margin-bottom: 4px;
 }
 
 /* Flex Container for Content */
 [data-layout='pit'] .pit-body {
   display: flex;
   flex-direction: column;
   padding: clamp(16px, 3vw, 24px);
   gap: 6px;
 }
 
 /* Title Styling */
 [data-layout='pit'] .pit-title {
   font-size: 18px;
   font-weight: 700;
 }

 [data-layout='pit'] .pit-content{
   display: flex;
   align-items: center;
   gap: 24px; /* space between subtitle and button */
   width: 100%;
}
 
 /* Subtitle Container */
 [data-layout='pit'] .pit-subtitle {
   display: flex;
   flex: 1;
   gap: 6px;
   font-size: 13px;
   color: var(--color-primary-dim);
 }

 [data-layout='pit'] .pit-subtitle .u-truncate{
    width: calc(100% - 24px);
 }

 [data-layout='pit'] .pit-subtitle div{
    gap: 6px;
 }


  /* Button Styling */
  [data-layout='pit'] a[data-is='btn'].btn-primary {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 24px;
   width: clamp(160px, 40vw, 400px);
   white-space: nowrap;
}



 [data-layout='pit'] .pit-actions{
    gap: 4px;
 }

 [data-layout='pit'] .pit-note {

   text-align: right;
   color: var(--color-primary-subtitle);
 }
 [data-layout='pit'] .pit-note [data-is='icon']{
    height: 24px;
    width: 24px;
 }
 
 /* Icon Styling */
 [data-layout='pit'] i[data-is='icon'] {
   display: inline-block;
   width: 16px;
   height: 16px;

 }
 


 [data-layout='rail']{
   box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 16px;
   background: white;
   padding: 16px;
   border-radius: 12px;    
 }

 .rail-header {

 }
 
 .rail-title {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   font-weight: 600;
   margin-bottom: 0.5rem;
   font-size: var(--size-title-section);
 }
 
 .rail-subtitle {
   display: flex;
   align-items: center;
   gap: 1px;

   color: var(--color-70);
 }
 
 /* Cut-off last star */
 .rail-subtitle i:last-of-type {
   clip-path: inset(0 36% 0 0);
 }
 
.rail-content{
   height: calc(100% - 180px);
   overflow-y: auto;
   overflow-x: hidden;
}

 .rail-footer {
   padding: 4px;
   border-top: 1px solid #f1f1f1;
   display: flex;
   flex-direction: column;
   gap: 16px;
   padding-top: 16px;
 }
 
 .rail-button {
   width: 100%;
 }
 
 .rail-footer ul {
   display: flex;
   gap: 0.5rem;
   color: var(--color-60);
   white-space: nowrap;
   overflow: hidden;
   height: 20px;
 }
 
 .rail-footer ul li {
   display: flex;
   align-items: center;
   gap: 0.25rem;
   font-size: var(--size-content-detail);

   height: 20px;         /* Ensure items match the container height */
   line-height: 20px;    /* Center text vertically */
   white-space: nowrap;  /* Prevent text inside the LI from breaking */
   flex-shrink: 0;       /* Prevent items from squishing to fit */   
 }
 
 .rail-footer ul li:not(:first-child)::before {
   content: "•";
   margin-right: 0.5rem;
 }
 
 .rail-footer i[data-icon="shield-check-outline"] {
   color: #008000;
 }

 .event-slider .slider{
    margin-left: 6px;
 }

rys-slider.featured-slider,
rys-slider.event-slider{
   border-radius: 6px 6px 0 0;
   padding-left: var(--gutter-size);

   margin: 32px 0;

   padding-top: 16px;
   padding-bottom: 24px;
   border-top: 1px solid #0067ce17;
   border-bottom: 1px solid #0067ce17;
   background: linear-gradient(to bottom, rgb(194 213 233 / 20%) 0%, rgba(255, 255, 255, 1) 80%);
}

.event-slider .slider-header strong.is-header, .slider-header.has-navigation lh{
   font-size: 24px;
   font-weight: 600;
   color: #0067CE;
}

a.rys-slide.view-all-events {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;  
   text-decoration: none !important;
 }
 
 
 
 /* Hover State: The "Lift" */
 .view-all-events:hover {

   transform: scale(1.02);
 }

 .view-all-events button{

   align-items: center;

   border-radius: 50%;

   width: fit-content;

   box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);

   justify-content: center;
   aspect-ratio: 1 / 1;
   padding: 12px;

   padding: 20px;
   background: var(--color-primary);
   color: white;
   font-size: 15px;
   font-weight: 500;

 }

  .view-all-events:hover button{
     background: black;
  }


 .event-slider .slider-header strong.is-header, .slider-header.has-navigation lh{
   font-size: 18px;
 }

 ul.slider li.slide{
    margin-block-start: unset;
 }


 [data-pl='first'].u-skeleton,
 [data-pl='halfway'].u-skeleton,
 [data-pl='last'].u-skeleton{
   height: 300px;
   margin-block-end: var(--flow-space);
 }


 /* Inline modules should bleed edge-to-edge */
 .blog-post-entry rys-slider.featured-slider,
 .blog-post-entry rys-slider.event-slider{
   margin-left: calc(var(--gutter-size) * -1);
   margin-right: calc(var(--gutter-size) * -1);
   max-width: none;
 }

 img[id^="Image-Maps"]{
    max-width:none !important;
}

.blog-post-entry iframe{
   max-width: 100%;
   min-height: clamp(220px, 50vw, 330px);
}