:root {  
 --color-text-light: #4b5563;
--button-color: #c21e58;     /* pink  */
}


#tinymce { background-color: #fff; }
.ui-widget-overlay {     background-color: #fff;     }
body {font-family: 'Raleway', sans-serif; background-color: #fff; color:#000;}
header .container { background-color: transparent; }
header.top-header  {background-color: #fff; padding-top: 30px;     padding-bottom: 15px;}

 .navbar { padding: 0rem 1rem; } 
.primary-menu .menu, .primary-menu .menu a {    margin-left: 0px;     margin-right: 30px; }
.primary-menu { border-bottom: 1px solid #000;}
.primary-menu, .small-hidden-menu ul li, .menu li li a  
{ background-image: none;  margin-left: 0px; margin-right: 0px; background-color: #fff; }
    .primary-menu a, .primary-menu a:visited { color:#5b5a5a;  font-weight:600; font-size: 1.3em; letter-spacing: .02em; padding-left: 0px; padding-right: 0px; border-bottom: 4px solid #fff;}
    .menu a:hover { color:#c21e58; text-decoration:none;}
    .menu a.active { color:#c21e58; border-bottom: 4px solid #000;}

.secondary-menu .menu, .secondary-menu .menu a { padding-left: 0px; padding-right: 0px; margin-left: 0px;     margin-right: 30px;}
.secondary-menu { border-bottom: 1px solid #000;}
.secondary-menu,   .secondary-menu-item  { color:#5b5a5a;   background-color: #fff; }
    .secondary-menu a, .secondary-menu a:visited { color:#000;  font-weight:600; font-size: 1.2em; letter-spacing: .02em; }
    .secondary-menu a:hover, .secondary-menu-item a:hover { color:#c21e58; }
    .secondary-menu a.active, .secondary-menu-item a.active  { color:#c21e58; font-weight:600; border-bottom: 4px solid #c21e58;}

/* child menus */
.menu li li {  float: none; }
.primary-menu-item ul {  position: absolute;  z-index: 999; }
.primary-menu-item ul li a { background-color: #5c5858; }
.primary-menu-item ul li a:hover, .primary-menu-item ul li a:active { background-color: #c6311d; }

.menu li > a:after { font-family: "Font Awesome 5 Pro"; content: " \f107"; } 
.menu li > a:only-child:after { content: ''; }

/*mobile menu */

.fa-bars.icon-list { font-size: 2rem; }

.open-menu.details-opener.xs-opener.tracked { color: #f5236e;   background-color:#5c5858; }
.open-menu.details-opener.xs-opener.tracked:hover  { color: #35a8f1;   background-color:#000; }
.small-hidden-menu .xs-opener { border: none;  margin-top: 30px; margin-right: 20px; padding: 13px 15px;    }
.small-hidden-menu .xs-opener:hover { }
.small-hidden-menu .details-slide.menu { background-color: rgba(255,255,255,0.75);  padding-left: 0px; margin-top: 130px;}
.small-hidden-menu  li { line-height: 1em; }
.small-hidden-menu .details-opener { }  

#search {  width: 99%;     margin-top: 20px;     margin-bottom: 0px; float: right;     max-width: 350px;}
#search fieldset { min-height: 20px;     margin-bottom: 0px;     background-color: transparent; border: #4e4d4d 1px solid;     border-radius: 20px; padding: 5px 0px;}
#search-text { font-size: 1rem; width: 85%; }
#search input.form-control { border: none; background-color: transparent; border-radius: 0px; box-shadow: none; padding-left: 12px; padding-top:4px; color: #000; }
#search-btn { background-color:transparent; border: none; color: #4e4d4d; padding-top: 5px; margin-right: 5px;}
#search-btn:hover { color: #c6311d;}
.far.fa-search    { font-size: 1.2rem; }

#main-content {background-color: #fff;     background-image: none;   margin-bottom: 20px;}
#middle-panel { margin-bottom: 30px;    margin-top: 30px;     padding: 0px; }
   @media screen and (max-width: 600px) { #middle-panel, #right-panel  { margin-bottom: 10px; padding-left: 15px;}}
#right-panel  {  margin-bottom: 30px; }
   @media screen and (max-width: 600px) { #right-panel  {  margin-top: 10px; }}
#content-top { width:100%; }
  @media screen and (max-width: 600px) { #content-top { padding-right: 25px;   padding-left: 25px; }}
#content-bottom { border-bottom: 1px solid #614c4d; margin-bottom: 20px; }
#content-extra img, #content-bottom img { width:100%; }

.social { margin-top: 20px; margin-bottom: 2px; }
.social a { display: block;     text-align: center;     color: #fff;      font-size: 20px;     height: 50px;     width: 50px;      float: right;     margin-left: 10px;     margin-bottom: 5px;     border-radius: 50%;     padding-top: 8px; }
.social a:hover,  .social a:focus { background-color:#614c4d; color:#fff;  }
.social a  i { margin-top: 7px; }
.fa { display: inline-block;  font: normal normal normal 12px/1 "Font Awesome 6 Pro";     font-size: inherit;     text-rendering: auto;     -webkit-font-smoothing: antialiased; }
.social a.youtube, .social a.twitter, .social a.facebook, .social a.flickr, .social a.mail, .social a.instagram { background-color: #c21e58;  }
.social a.youtube:hover, .social a.twitter:hover, .social a.facebook:hover,  .social a.flickr:hover, .social a.mail:hover, .social a.instagram:hover  { background-color: #e23472;  }

#members-but { display: inline;     float: right;     margin-top: 15px;  margin-bottom: 30px;     margin-right: 10px;}
#members-but a { color: #c21e58;    font-size: 1em;  font-weight: 700;     line-height: 1.3;   text-align: center;   margin-bottom: 0.4em; display: inline;   }
#members-but a:hover, #members-but a:active  { color: #52011e; text-decoration:underline;}

p { color: #000;  line-height: 1.8; font-size: 1.25em; margin-bottom: 1.5rem; font-weight:500; }
ul li, ol li  { line-height: 1.6; margin-bottom: 0.7em; font-size: 1.25em; font-weight:500;}
.intro { font-size: 1.4em; margin-top: 1em; margin-bottom: 1em; font-weight:500; }
.box ol, .box ul { margin: 6px 10px 0 10px;     padding-left: 20px; }

h1 { font-size:2.9em; color:#8c0258; font-weight:600; margin-bottom:0.233em; line-height: 1.4;}
h1 a, h1 a:visited { color:#8c0258;  text-decoration:none; }
h2 { font-size:2.3em; color:#383838; font-weight:700; margin-bottom:0.1em; margin-top:0.8em; line-height: 1.4;}
h2 a, h2 a:visited { color:#383838;  text-decoration:none;}
h3 { font-size:1.9em; color:#8c0258; font-weight:700; margin-bottom:0.4em; line-height: 1.4;}
h3 a, h3 a:visited { color:#8c0258;  text-decoration:none;}
h4 { font-size:1.6em; color:#383838; font-weight:600; margin-bottom:0.4em; line-height: 1.4;;}
h4 a, h4 a:visited { color:#383838;  text-decoration:none;}
h5 { font-size:1.5em; color:#625f5f; font-weight:600; margin-bottom:0.4em; line-height: 1.4;}
h5 a, h5 a:visited { color:#625f5f;  text-decoration:none;}
h6 { font-size:1.3em; color:#57574b; font-weight:600; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.4;}
h6 a, h6 a:visited { color:#57574b;  text-decoration:none;}

h1 a:hover, h2 a:hover,  h3 a:hover,  h4 a:hover,  h5 a:hover,  h6 a:hover {  text-decoration:none; color: #0a58ca; }

.top-header a img { padding-top: 0px; padding-bottom: 0px;   }
.top-header a img:hover { opacity: 1; }
a img:hover { opacity: 0.7; filter: alpha(opacity=70); } 

a { color: #4383c7; text-decoration:none; }
legend { font-size:1.4em; color: #8c0258; background-color:transparent;}
dt label { color: #383838; font-weight:600; }
.small { font-size: 1em; line-height: 1.4;}
.highlight { color:#F00; }
strong {color: inherit;}
a strong, a strong:visited { color: #428bca; }
a strong:hover { color: #0a8de9; }

/* specifically for Accessibility */
.icon-asterisk.fa.fa-asterisk.red { color:red; font-size:80%; font-weight:900;  }   
.textsize { display: none; }

/*Index listings*/
.pagination-form { margin-top: 0px; }
.content-header {     margin-bottom: 10px; }
.broadcast-module-name { margin-top: 0px; }
p.article-text a { color: #000; }
p.article-text a:hover { color: #0c62b9;}
article a { text-decoration:none; }
.signature-image {     margin-top: 5px; width:100px; }
.read-more:hover { color:#007bff; }
img.bordered {    border: 1px solid #ccc9c9; }
a.btn.broadcast-ignore { width: inherit;}
#modules-holder ol { margin-left: 5px;}
.broadcast-module-name { margin-top: 0px; }

/* CUSTOM CLASSES */
/* BUTTONS — class is applied directly to the <a>, no wrapper spans */
a.button {
 display: block;   width: 100%;
  text-align: center;   color: #fff;   font-size: 1.3em; text-decoration: none;
  background-color: var(--button-color);
  border: 2px solid var(--button-color);   border-radius: 60px;
  padding: 10px 30px;  margin-top:20px; margin-bottom:20px; 
  cursor: pointer;    }

a.button:visited { color: #fff; }
a.button:hover {   background-color: #fff;   color: var(--button-color); }

/* Small button — inherits .button, overrides a few properties */
a.button.button-small {   display: inline-block;  width: auto;
  color:  #fff; 
 font-size: 1rem;  
font-weight: 700;
border-radius: 20px; 
padding: 10px 20px;   
}

a.button.button-small:hover, a.button.button-small:active {   background-color: #fff;   color: var(--button-color); }


/* Base style for all background boxes */
.background { padding: 1rem .5rem 0.2rem;  background-color: #fcf2da;  text-align: center; display:block;     margin-bottom: 0em; margin-top: 0em; margin-left: 0px; margin-right: 0px;}
.background a, .background a:visited   { text-decoration:underline;  }
.background a:hover  { color:#0392eb; }

.rule { border-bottom: 3px solid #a8a9a8; padding-bottom: 10px; margin-bottom: 30px;}
.rule a, .rule a:visited   { text-decoration:none;}
.rule a:hover { color:#0392eb; }
.background.rule  { margin-bottom: 0px; }
.caption { line-height:1.4; font-size:0.9em; }
.paddingnone { padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; padding-top: 0px; }
blockquote {   font-weight:600;   margin: 0.5em 0 1.5em 0;  padding-left: 30px; border-left: 6px solid #a09f9f; }
blockquote p {  color:#555; font-size:1.6em;}

.fill-image { height: 250px; object-fit: cover; background-position: center center;     display: block; }
    @media screen and (max-width: 700px) {.fill-image  { height: 200px;   } }

/* GallerySlideshow */
.carousel-inner {      background-color: #000;     padding-top: 30px; }
.slick-prev.slick-arrow { left: 35px; }

/* Site BUTTONS*/
.btn.green {  color: #028553;  border: 2px solid #028553;  background-color: #fff; }
.btn.green:hover, .btn.green:active {background-color: #028553; border: 2px solid #028553; }
.btn.blue {  color: #0381cc;  border: 2px solid #0381cc; background-color: #fff;     border-radius: 20px; }

.sharethis-inline-share-buttons{ padding-bottom: 20px;     padding-top: 10px; }

/* Home Page Banner images and text */
.banner {  position: relative; background-color: #053461;}
.banner-left { padding: 120px 20px 30px 40px;}
   @media screen and (max-width: 1400px) {.banner-left  {  padding: 100px 20px 0px 40px; }}
   @media screen and (max-width: 1200px) {.banner-left  {  padding: 60px 20px 0px 40px; }}
   @media screen and (max-width: 768px) {.banner-left {  padding: 40px 20px 20px 20px; }}
.top-left { position: absolute;  top:10px;  left: 0px; width: 100%; }

.bannertext { font-size:2.7em; color:#fff; font-weight:600;  line-height: 1.2; text-align: center;  }  
   @media screen and (max-width: 1200px) { .bannertext  {  font-size: 2.4em;   }}
   @media screen and (max-width: 573px) { .bannertext  {  font-size: 2.3em; }}


/* .video-responsive { max-width:560px; max-height:315px;} */
.banner-row {     display: flex;     flex-wrap: wrap;     max-height: 400px;
    height: 400px;            /* fixes the height */
    overflow: hidden;         /* prevents content spilling out */
}

.banner-left {     display: flex;     flex-direction: column;     justify-content: center;     padding: 40px;     height: 100%;
}

/* Video fills the entire right column */
.video-fill {
    position: relative;
    width: 100%;
    height: 100%;
}

.video-fill iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* fills the space without black bars */
}


/* CARDS*/
.card { border: none; margin: 0 3% 3% 0; background-color: transparent;  width: 22%;  }
  @media screen and (max-width: 1200px) { .card  { width:30%; }}
    @media screen and (max-width: 992px) { .card  { width: 45%; }}
    @media screen and (max-width: 768px) { .card  { width: 70%; padding-bottom: 25px; }}
    @media screen and (max-width: 576px) { .card  { width: 80%; padding-bottom: 25px; }}

.card.card-theme .signature-image, .card .signature-image { object-fit: cover; max-height: 11rem;}
    @media screen and (max-width: 992px) { .card.card-theme .signature-image, .card .signature-image { max-height: 12rem; }}   
.card.card-theme .card-body, .card-body   { padding: 0.3rem 0 0 0;  margin-bottom: 10px;   height: 190px; }

h5.card-title { font-size: 1.7em; font-weight: 700; line-height: 1.3; margin-bottom: .5rem; }
h5.card-title:hover { color:#376899; }
.card-body a { text-decoration: none; }
.card-theme p.card-text {  font-size: 1.2em;     line-height: 1.7; margin-bottom: 5px;}
p.card-link, .cta.card-link, .unimod-read-more.read-more {  color:#4383c7; line-height: 1; font-weight:600;}
p.card-link:hover {  color:#1b87f9; }
.card.card-theme time { text-align: right;  padding-top: 5px;  color: grey;  font-size: 0.8rem;  font-weight: 700;}

.unimod-date {
font-size: 0.8rem;
color: var(--color-text-light);
padding: 0;
margin: 0 0 .2rem 0;
line-height: 1.6;
} 

/* BASIC CARDS sig-image-left with heading & text-right*/
.basic-layout .content-header .basic-category {  display: block; } /*add the categories*/
.basic-layout img, .card.mb-3.basic-layout { max-height: 9rem;  width: 100%; } 
.card-body { overflow: hidden;   height: 9rem } 

#event-search-calendar td.day.new-day.active.selected {     background-color: #f7b61f; } delete on sites

/* Event Search -  search words*/
#calForm input.form-control, #filter.form-control {    margin-bottom: 0rem; }
#calForm fieldset {  padding-left: 0px;   margin-bottom: 0px; }
.search-words {     border-bottom: 1px solid #babbbb;     padding-bottom: 10px;     margin-bottom: 50px; }
.search-words .btn {     font-weight: 500;     color: #636466; }
.search-words .btn:hover, .search-words .btn:focus {     color: #059c3c; }
/* for bootstrap 5 only */
.search-words .btn:hover, .search-words .btn:focus {  border: 1px solid #059c3c;   }

/* Event tabs and dropdowns */
#event-details .event-dates .dropdown.active a, #event-details .event-dates .dropdown.active .dropdown-menu .active a, #event-details .event-dates .active a  {     background-color: #fff; }
.dropdown-menu.show {     padding: 5px;     width: 170px; }
ul .dropdown-menu.show li {     line-height: 1.25; }



/*RHP Index listings*/
.box {     border: none; font-size: 1.3em; }
.box ol, .box ul {     margin: 7px 10px 0px 0px;     padding-left: 0px;     font-size: 0.9em;}
.latest-unimodule.box ul li::marker { color:#fff; }
.latest-event.box ul li p {  font-size: 1em; }
.latest-unimodule.box ul li, .latest-event.box ul li p { color:#000; font-weight: 500; line-height: 1.3;  border-bottom: 1px solid #d3cdcd; padding-bottom: 6px; margin-top:6px; }
.latest-unimodule.box ul li a, .latest-event.box ul li p a { color:#000; }
.box ol li a:hover, .box ul li a:hover, .latest-event.box ul li p a:hover {  text-decoration: none;  color: #036d8e; }
.events-siteID {  font-weight: 400; line-height: 1.6; }
 
#right-panel .unimod-author, #right-panel .unimod-date, #right-panel .row.row-cat-location {display: none;}
#right-panel .unimodule-page-name { font-size: 1.2em;     margin-bottom: 0em;}
#right-panel article h3 { font-size: 1.5em; }
#right-panel .unimod-links.content-header {    border: none;     padding: 0px;     margin: 0px; }
#right-panel #modules-holder .broadcast-image {   margin-left: 0px; }
#right-panel .signature-image {    width: 50px;  }
#right-panel .content-header h4 {   font-size: 1.2em; margin-top: 0em; padding-top: 0.5rem;}
#right-panel .broadcast-module-name {   font-size: 0.6em;  }
#right-panel article a p {     line-height: 1.6;     font-size: 0.9rem; }
#right-panel .unimod-header {     margin-bottom: 0px; }

.bootstrap-modal-btn:hover { color: #428bca; }
.bootstrap-modal-btn:before { color: #084c71; font-family: "Font Awesome 5 Pro", sans-serif; content: "\f055"; margin-right: 5px; font-size: .9em; }

a.btn.broadcast-ignore-site, a.btn.broadcast-ignore {     text-decoration: none; }

.details-opener.opened h1:before, .details-opener.opened h2:before, .details-opener.opened h3:before, .details-opener.opened h4:before, .details-opener.opened h5:before, .details-opener.opened h6:before, .details-opener.opened p:before { color: #028553; font-family: "Font Awesome 6 Pro"; content: "\f056"; margin-right: 5px;}
.details-opener h1:before, .details-opener h2:before, .details-opener h3:before, .details-opener h4:before, .details-opener h5:before, .details-opener h6:before, .details-opener p:before { color: #095a8c; font-family: "Font Awesome 6 Pro"; content: "\f055"; margin-right: 5px; }
.details-slide.opened    { border-bottom: 2px #5c5858 solid;    margin-bottom: 40px; }
.primary-menu-item ul  {     padding-left: 0rem; }
.small-hidden-menu .details-slide.opened    { border-bottom: 0px #fff solid; }

.rating_text {     float: right;     text-align: right;     font-size: 0.8em;     text-transform: uppercase;     font-weight: 600; }

#totop a.btn  {    font-size: 0.7em; padding: 4px 6px 0px 8px;  font-family: "helvetica neue", helvetica, arial,sans-serif;  text-decoration:none;  }

.textsize { display: none; }

.map-responsive {  overflow:hidden;  padding-bottom:56.25%; position:relative; height:0;  }
.map-responsive iframe {  left:0;  top:0; height:100%; width:100%;  position:absolute;  }

.googlemaps {  overflow:hidden;     padding-bottom:56.25%;     position:relative;     height:0; }
.googlemaps iframe{     left:0;     top:0;     height:100%;     width:100%;     position:absolute; }



/* Creative Spaces Directory Map*/
.scaling-svg .cls-19 {     fill: transparent; }

/* ALERTS */
.event-expired.alert.alert-danger.alert-dismissable p { margin-bottom: 0em; color: #b38899; }
.event-expired.alert.alert-danger.alert-dismissable .far.fa-exclamation-triangle { display:none; } 
.alert-danger {     --bs-alert-color: #842029;     --bs-alert-bg: #dbced3;     --bs-alert-border-color: #dbced3;     border-radius: 0;     padding: 5px; }
.event-expired.alert.alert-danger.alert-dismissable button.close {     border: none;     background-color: #dbced3; float: right;     border: solid #cf95ac 1px;     border-radius: 40px;     color: #cf95ac; }

/* FORMS */
form fieldset {     padding-left: 0; }
.col-form-label {     font-size: 1.2em;      font-weight: 500; text-align: left; }
legend { font-size: 1.4em; text-align: left;}

#footer, #footer .container, #footer .secondary-menu-item { background-color: #262525; }
#footer { padding-bottom: 100px; }
#footer p, #footer a { color: #fff; }
#footer a { padding: 0; text-transform: none; font-size:1.1em; }
#footer a:hover { color:#f69dcc; text-decoration:underline; }
#footer .addres { font-size:1.1em; }
#footer .menu { font-size: 1.1em;     font-weight: 600; padding-left: 0; }
#footer a.primary-menu-item { padding: 5px 10px 7px;     text-transform: uppercase; }
#footer .primary-menu-item:hover, #footer .primary-menu-item.active,   #footer .secondary-menu-item:hover, #footer .secondary-menu-item.active { color:#fff; text-decoration:none; background-color: #c30162; border-bottom: none;}

/* Ensure solid Font Awesome icons are displayed */
a[href$='.pdf']:before { 
    font-family: 'Font Awesome 5 Pro'; 
    font-weight: 900; /* Solid style */
    content: "\f1c1"; 
    padding-right: 10px; 
    color: #cf0303; 
}

a[href$='.doc']:before, 
a[href$='.docx']:before { 
    font-family: 'Font Awesome 6 Pro'; 
    font-weight: 900; /* Solid style */
    content: "\f1c2"; 
    padding-right: 10px; 
    color: #055ab7; 
}

a[href$='.xls']:before, 
a[href$='.xlsx']:before, 
a[href$='.xlsm']:before { 
    font-family: 'Font Awesome 6 Pro'; /* Fixed spacing issue */
    font-weight: 900; /* Solid style */
    content: "\f65b"; 
    padding-right: 10px; 
    color: green; 
}

/* Ignore icon styling */
a[href$='.pdf'].ignore-icon:before,
a[href$='.doc'].ignore-icon:before, 
a[href$='.docx'].ignore-icon:before,
a[href$='.xls'].ignore-icon:before, 
a[href$='.xlsx'].ignore-icon:before, /* Added missing .xlsx */
a[href$='.xlsm'].ignore-icon:before { 
    content: ""; 
    padding-right: 0; 
}

@media print {        header, header *, #comment-form-hide-btn, #right-panel    {         display: none !important;     } }


/**  add some space for shared broadcasts in the content-top   **/
.arts-access-bcs-spacer { height:30px; }

img.signature-image:hover, .card-img:hover { opacity: 0.7; }