#tinymce { background-color: #fff; }
.ui-widget-overlay {     background-color: #fff;     }
body {     background-color: #fff;     font-family: "Outfit", sans-serif; }
header .container {     background-color: transparent; }
header.top-header {     background-color: #be2024;    padding-top: 10px;    padding-bottom: 10px; }

.banner-image img { width: 140px;}
.top-header a img { padding-top: 20px; padding-bottom: 0;  }
.top-header a img:hover { opacity: 1; }
a img:hover { opacity: 0.7; }

.slogan p { color: #fff; font-size:1.2rem; font-weight:500; padding-top: 30px; margin-bottom: 5px;}
.fli-logo p { color: #fff; font-weight:400; font-size: 0.9rem; text-align: right;}
.fli-logo p a img { width: 140px; }

/* Menu structure */
.menu-wrapper {   position: relative;   z-index: 1000;   text-align: right;   padding: 1rem; }

/* Hamburger menu button */
.btn-menu {   background-color: #be2024;   color: #fff;   border: none;   font-size: 2.2rem; }
.btn-menu:hover {   background-color: #a41014;   color: #fff; border-radius: 0;}

/* Full-screen overlay menu panel */
.menu-panel {   position: fixed;   top: 0;   right: 0;   width: 700px;   max-width: 100%;   height: 100vh;   background-color: #be2024;
  padding: 3rem;   transform: translateX(100%);   opacity: 0;   transition: all 0.3s ease-in-out;   z-index: 1050; }
.menu-panel.show {   transform: translateX(0);   opacity: 1; }

.btn-close-menu {   background: none;   border: none;   color: #fff;   font-size: 2rem;   float: right; }

/* Menu list */
.menu-list {  list-style: none;  padding: 2rem 0 0 0;  margin: 0;text-align: left;}
.menu-list a {  display: block;  color: #fff;  font-size: 1.4rem;  font-weight: 600;  text-decoration: none;  padding: 0.5rem 0;  border-bottom: 2px solid #be2024;}
.menu-list a:hover, .menu-list a.active {   color: #fff;  border-bottom: 2px solid #fff;  }
     @media screen and (max-width: 576px) {   .menu-panel {     width: 80%;     padding: 2rem;   } }

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

.social {float:right; margin-bottom: 20px;     margin-right: 10px; }
.social a { color: #3d5997; font-size: 2.2em; text-decoration: none;}
.social a:hover { color: #981131;  }

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

h1 { font-size:3em; color:#be2024; font-weight:800; margin-bottom:0.5em; line-height: 1.2;}
h1 a, h1 a:visited { color:#be2024; }
h2 { font-size:2.3em; color:#000; font-weight:500; margin-top:0.8em; margin-bottom:0.1em; line-height: 1.3;} 
h2 a, h2 a:visited { color:#000; }
h3 { font-size:1.8em; color:#000; font-weight:600; margin-bottom:0.4em; line-height: 1.4;}
h3 a, h3 a:visited { color:#000; }
h4 { font-size:1.6em; color:#be2024;  font-weight:600; margin-bottom:0.4em; line-height: 1.4;}
h4 a, h4 a:visited { color:#be2024; }
h5 { font-size:1.4em; color:#000; font-weight:600; margin-bottom:0.4em; line-height: 1.4;}
h5 a, h5 a:visited { color:#000; }
h6 { font-size:1.3em; color:#be2024; font-weight:600; margin-top: 0.8em; margin-bottom:0.4em; line-height: 1.4;}
h6 a, h6 a:visited { color:#be2024; }
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, strong a:hover {     color: #0381cc; text-decoration: none;      }

a { color: #4383c7; text-decoration:none; }
#middle-panel fieldset { padding-left: 0px;}
legend { font-size:1.2em; color: #9b0c10; background-color:transparent;}
dt label { color: #717373; }
.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; }

/* CLASSES */
.button {   border: 2px solid #be2024; padding: 15px 40px; background-color: #fff; width: 100%; display:inline; text-align: center; border-radius:60px;    line-height: 2em;}
.button a, .button a:visited   {color: #be2024; text-decoration:none;}
.button:hover a {  color: #fff; } 
.button:hover  { background-color:#be2024; border: 2px solid #be2024;  }

.button-small a, a .button-small  {  color: #fff;   font-size: 0.9em;  padding: 10px 20px;   border-radius: 5px;     background-color: #636466;      display: inline; text-decoration: none; }
.button-small a:visited, a.button-small:visited {  text-decoration: none;}
.button-small a:hover, a.button-small:hover {  background-color: #f37121; text-decoration: none;}

.background {background-color: #ececec;  padding: 1rem .5rem 0.2rem;   text-align: center; display:block;     margin-bottom: 0; margin-top: 0; margin-left: 0; margin-right: 0;}
.background a, .background a:visited   { text-decoration:none;} 
.background a:hover  { color:#0392eb; }

.rule { border-bottom: 2px solid #aaaea7; padding-bottom: 10px; margin-bottom: 30px;}
.rule a, .rule a:visited   { text-decoration:none; }
.rule a:hover { color:#0392eb; text-decoration:none; }
.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:500;   margin: 0.5em 0 1.5em 0;  padding-left: 30px; border-left: 6px solid #a09f9f; }
blockquote p {  color:#555; font-size:1.6em; }

/* GallerySlideshow */
.carousel-inner { background-color:  #00000038;     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; }
.modal-header button.close {     border: none;     border-radius: 50px;     background-color: #b3c9e7; }
.modal-footer button.btn.btn-default.btn-primary { background-color: #397bb8;     border-color: #397bb8; }

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

audio {     border: 2px #be2024 solid;     border-radius: 50px;     width: 100%;     }

/* CARDS*/
.card { border: none; margin: 0 3% 3% 0; background-color: transparent;  width: 22%;  }
.card:hover { border-bottom: none; }
  @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 0rem 0rem 0rem;  margin-bottom: 30px;   height: 167px; }
h5.card-title { font-size: 1.7em; font-weight: 700; line-height: 1.3; margin-bottom: 0.5rem; }
h5.card-title a {color: #4D4A4A;  }
h5.card-title a:hover { color:#386EA8; }
.card-body a { text-decoration: none; }
.card-theme p.card-text { display:none; font-size: 1.1em;     line-height: 1.2; }
p.card-link {  color:#4383c7; line-height: 1; font-weight:600;}
p.card-link:hover {  color:#1b87f9; }
.card .cta { color: #4383c7; display:block; }
.card .cta:hover { color:#045ee8; }

/* HOME PAGE BANNER */
.banner {  position: relative; background-color: #fff;}

.top-left {  position: absolute;  top:10px;  left: 0px; width: 100%; }
.bottom-centre { position: absolute;  bottom:100px;  left: 0px; width: 100%; }

.bannerimage img { object-fit: cover; height: 700px; opacity: 1;}
   @media screen and (max-width: 992px) { .bannerimage img  {  object-fit: cover; height: 370px; }}
   @media screen and (max-width: 768px) { .bannerimage img  {  object-fit: cover; height: 350px; }}
   @media screen and (max-width: 576px) { .bannerimage img   {  object-fit: cover; height: 450px; }}

.bannertext-wrapper {   display: flex;   flex-direction: row;   justify-content: space-between;   align-items: center;   gap: 1rem;   flex-wrap: wrap; padding: 220px 80px 20px 80px;}

   @media screen and (max-width: 992px) {  .bannertext-wrapper   {  padding-top: 80px;}}
   @media screen and (max-width: 573px) { .bannertext-wrapper  { padding: 60px 15px 10px 15px;}}

.bannertext { font-size:4em; color:#fff; font-weight:700;  line-height: 1.2;  max-width: 996px;     margin-bottom: 0.5em;   margin: 0;   flex: 1 1 100%;}  
   @media screen and (max-width: 992px) { .bannertext  {  font-size: 3em;    }}

.hmpgbutton { margin: 20px auto; text-align: center;   padding: 10px 20px; border:1px #fff solid; display: inline; background-color: rgb(12 12 12 / 0.1);  font-weight:600;}
.hmpgbutton:hover {  color:#cfda20; border:1px #cfda20 solid; background-color: #000; }
.hmpgbutton a { color:#fff;   font-size: 0.9em; }
.hmpgbutton a:hover    { color:#cfda20; }

.button-small {   margin: 0;   flex: 1 1 auto;   text-align: right; }
.button-small a, a .button-small  {      color: #fff;     font-size: 1em;  background-color: rgba(0, 0, 0, 0.2); font-weight: 700;  padding: 10px 20px;     border-radius: 20px;     background-text-decoration: none;   }
.button-small a:visited, a .button-small:visited {  text-decoration: none; }
.button-small a:hover, a .button-small:hover {      background-color: #be2024;     text-decoration: none;     color: #fff; }

.imagetext  { color:#fff; padding-bottom: 20px; text-shadow: 0 0rem 0.8rem rgba(0,0,0,.5)!important;  display: block;     position: absolute; z-index: 30; top: 250px; width: 100%; font-weight:300;     padding-left: 100px;    padding-right: 100px;}
.imagetext a  {  color: #fff; }
.imagetext a:hover  {  color: #d7fb48; }
.imagetext h1, .imagetext h2, .imagetext h3, .imagetext h4, .imagetext h5, .imagetext h6 { color:#fff; }
@media screen and (max-width: 992px) {.imagetext,  .imagetext a, .imagetext h1, .imagetext h2, .imagetext h3, .imagetext h4, .imagetext h5, .imagetext h6 { top: 220px; font-size: 2.2rem; padding-left: 20px;    padding-right: 20px; } }
@media screen and (max-width: 600px) {.imagetext,  .imagetext a, .imagetext h1, .imagetext h2, .imagetext h3, .imagetext h4, .imagetext h5, .imagetext h6 { top: 180px;   font-size: 1.5rem;  padding-left: 20px;    padding-right: 20px; } }

/* Forms */
fieldset.fd-form {     padding-left: 0; }
p.select-group-header { margin: 0.375rem 0px 8px;     color: #436c71;     font-weight: 700; }
.col-form-label {     font-size: 1.15rem; font-weight: 500;     color: #4b4a4a;}
form label.checkbox { margin-bottom: .5em;     margin-right: 3em; } 

#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; }

/*Index listings*/
.pagination-form { margin-top: 0px; }
.content-header {     margin-bottom: 10px; }
.broadcast-module-name { margin-top: 0px; }
p.article-text a { color: #000; }
article a { text-decoration:none; }
article a p, #fd-content-broadcast p { line-height: 1.85; font-size: 1.15em; }
.signature-image {     margin-top: 3px; width:100px; }
.read-more:hover { color:#007bff; }
img.bordered {    border: 1px solid #ccc9c9; }

/*  pagination   */
.page-link { border: none; color: #1d5498;}
.pagination-sm .page-item:first-child .page-link, .pagination-sm .page-item:last-child .page-link { font-size: 1em;     padding-top: 0em;  }
.page-item:hover .page-link {    border-bottom: solid black 3px;  }
.page-item.active .page-link {     color: #fff;     background-color: #1d5498;    border-bottom: solid black 3px;  }
.pagination-sm .page-item:first-child .page-link {     border-top-left-radius: 0rem;     border-bottom-left-radius: 0rem; }

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

/*Open Close containers*/ 
.details-opener.opened h1:after, .details-opener.opened h2:after, .details-opener.opened h3:after, .details-opener.opened h4:after, .details-opener.opened h5:after, .details-opener.opened h6:after, .details-opener.opened p:after { color: #028553; font-family: "Font Awesome 6 Pro"; content: "\f106"; margin-right: 5px;    font-size: 25px;  float:right;}

.details-opener h1:after, .details-opener h2:after, .details-opener h3:after, .details-opener h4:after, .details-opener h5:after, .details-opener h6:after, .details-opener p:after { color: #095a8c; font-family: "Font Awesome 6 Pro"; content: "\f107"; margin-right: 5px;    font-size: 25px; float:right;}

.details-opener { border-bottom: #bfbdbd 1px solid; } 
.details-slide.opened    { border-bottom: 2px grey solid; padding-top: 1.2em; margin-bottom: 40px; }
.small-hidden-menu .details-slide.opened    { border-bottom: 0px #fff solid; }

.modal-header button.close {     color: #074b77;     font-family: "Font Awesome 6 Pro";
    content: "\f057";     margin-right: 5px;     font-size: 15px;     float: right;     border: solid 1px #074b77;     background-color: white;     border-radius: 40px;     padding: 0px 6px;
    font-weight: 400; }

.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; }

/* 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; }
 
/* Footer */
#footer, #footer .container, #footer .secondary-menu-item { background-color: #000; }
footer#footer { padding-bottom: 300px; }
#footer p, #footer a { color: #fff; }
 #footer a:hover,  #footer a.active { color: #fff;     border-bottom: 2px solid #fff; }
#footer ul.menu { padding-left: 0; font-weight: 500; color: #fff; }
@media print { header, header *, header.top-header, #comment-form-hide-btn, #right-panel { display: none!important; } }