#tinymce { background-color: #fff; }
.ui-widget-overlay {     background-color: #fff;     }
body {font-family: 'Ubuntu', sans-serif; }
#main-content { background-image: none; }
header.top-header {     background-color: #fff; }
header.top-header .container {  background-color: transparent; }

#byline {  font-size: 0.9rem;   color: #fff;    padding-bottom: 20px;    padding-left: 15px;     font-weight: 500;    letter-spacing: 0.02rem; }

#search fieldset { background-color: #fff; padding: 5px 5px 5px 15px; border: 1px solid #bababa; border-radius: 20px; }
#search input { width: 80%;}
#search input.form-control { border: none; background-color: transparent; padding-left: 0px; padding-right: 0px; }
#search fieldset .form-group { margin-bottom: 0px; }
#search-btn { padding: 2px 7px 0px 0px;}
#search-btn:hover { color: red;}
#search-text { background-color:transparent; text-transform: uppercase; font-size: 0.8em;} 

.navbar { padding: 0rem;  float: right; }
nav .container { padding-left: 0px; }
.primary-menu {margin-top: 20px; }
.primary-menu .menu, .primary-menu .menu a, .primary-menu .menu a:hover, .primary-menu .menu a.active,  .secondary-menu,  .secondary-menu .menu a, .secondary-menu .menu  { background-image: none; }
.primary-menu, .small-hidden-menu ul li, .menu li li a  
{ background-image: none;  margin-left: 0px; margin-right: 0px; background-color: #fff; text-transform:uppercase;  font-weight: 900;}
    .primary-menu a, .primary-menu a:visited { color:#000; padding-left: 17px; padding-right: 17px;  }
    .menu a:hover, .primary-menu a:hover, .primary-menu a.hover, .primary-menu .menu a:hover .menu a.active,  .primary-menu .menu a.active { color:#f78f1f;   background-color: #fff;   background-image: none;}


.secondary-menu.navbar { background-color: #fff; margin-top: 0px;}
.secondary-menu { background-color: #fff; background-image: none;}
.secondary-menu .menu, .secondary-menu .menu a  { background-image: none; font-size: 1.1rem;    font-weight: 500; background-color: #fff;}


/* Child menus */
.menu li li {  float: none; }
.primary-menu-item ul {  position: absolute;  z-index: 999; }
.menu li > a:after {  font-family: "Font Awesome 5 Pro"; content: " \f107"; } 
.menu li > a:only-child:after { content: ''; }

/*mobile menu */
a.open-menu.details-opener.xs-opener { color: #000; padding: 10px 20px 7px 20px; }
a.open-menu.details-opener.xs-opener:hover { color: #f78f1f;  }
.fa-bars:before { font-size: 1.8rem; }
.small-hidden-menu .xs-opener {border: none; background-color: #fff;    margin-top: 30px; margin-right: 20px; padding:  10px;    }

.small-hidden-menu ul li, .menu li li a { color: #fff; background-color: #040404;}
.small-hidden-menu .primary-menu a { color: #fff; }
.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 ul a.details-opener:after { font-family: FontAwesome; content: " \f107";} 
.small-hidden-menu .details-opener { }  

#main-content {  background-color: #fff;    background-image: none;}
#middle-panel { margin-bottom: 30px;    margin-top: 50px; }
@media screen and (max-width: 600px) { #middle-panel  {  margin-bottom: 10px; }}
#right-panel  {  margin-bottom: 30px; }
@media screen and (max-width: 600px) { #right-panel  {  margin-top: 10px; }}
#content-extra img,  #content-bottom img  { width:100%; }
@media screen and (max-width: 600px) { #content-top, #content-bottom {  padding-left: 15px; padding-right: 15px; }}
#content-top { width: 100%; }

p { color: #000; font-size: 1.1em; line-height: 1.8; }
ul li, ol li  { color: #000; font-size: 1.1em; line-height: 1.8; margin-bottom: 0.7em; }
.intro { font-size: 1.4em; margin-top: 1em; margin-bottom: 1em; }
.box ol, .box ul { margin: 6px 10px 0 10px;     padding-left: 20px; }

h1 { font-size:3.1em; color:#35393b; font-weight:700; margin-bottom:0.5em; line-height: 1.4;}
h1 a, h1 a:visited { color:#35393b; }
h2 { font-size:1.9em; color:#000; font-weight:500; margin-bottom:0.5em; padding-top:0.8em; line-height: 1.4;} 
h2 a, h2 a:visited { color:#000; }
h3 { font-size:1.9em; color:#35393b; font-weight:700; margin-bottom:0.4em; line-height: 1.3;}
h3 a, h3 a:visited { color:#35393b; }
h4 { font-size:1.6em; color:#35393b; font-weight:500; margin-bottom:0.4em;     padding-top: 1.2rem; line-height: 1.35;}
h4 a, h4 a:visited { color:#35393b; }
h5 { font-size:1.5em; color:#000; font-weight:700; margin-bottom:0.6em; line-height: 1.4;}
h5 a, h5 a:visited { color:#000; }
h6 { font-size:1.4em; color:#000; font-weight:500; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.4;}
h6 a, h6 a:visited { color:#000; }
a:hover, h1 a:hover, h2 a:hover,  h3 a:hover,  h4 a:hover,  h5 a:hover,  h6 a:hover, strong a:hover { text-decoration:none; color:#0381cc; }

/*4 colour menu and hmpg*/
.sub-menu a, .hm-sub-menu a, .hm-sub-menu h1 a, .hm-sub-menu h3 a, .sub-menu h4 a { color:#fff;      display: block;       padding: 30px 25px 0px 25px;   text-align: center; }
.hm-sub-menu a:hover { color:#fff; }


/* .nav-76840 { background-color: #ab1a3b; }
.nav-76841 { background-color: #267481;}
.nav-76842 { background-color: #dc762f;}
.nav-76843 { background-color: #58455f;}
.nav-76840:hover, .nav-76841:hover, .nav-76842:hover, .nav-76843:hover { background-color: #4c4b4b; }
4 colour menu
.sub-menu p {  margin-bottom:0px;} 
.nav-76840 p a, .nav-76841 p a, .nav-76842 p a, .nav-76843 p a  { font-size:1.1em; padding: 10px;} */

.top-header a img { padding: 20px 0px; width: 160px;}
.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.2em; color: #036476; background-color:transparent;}
dt label { color: #4b5d61; }
.small { font-size: 1em; line-height: 140%;}
.highlight { color:#F00; }
strong {color: inherit;}
a strong, a strong:visited { color: #428bca; }
a strong:hover { color: #0a8de9; }
h6 a strong {color: inherit;}

/*Signup FORM*/
 .form-inline .form-control    {margin-bottom: 5px; }
@media (max-width: 768px) { form.form-inline .btn.green {    margin-top: 0px;     margin-left: 13px;}}
@media (max-width: 768px) { #mod-form.form-inline.prevent-enabled fieldset {        margin-bottom: 0px;}}


/* CLASSES */
.background { color: #fff; padding: 0px 13px 5px 13px; background-color: #000;  text-align: center; display:block; margin-top: 0em; margin-bottom: 0em; line-height: 1;}
.background a, .background a:visited   { color: #fff; text-decoration:none;}
.background a:hover  { color:#d9dada; }

.button {    color:#fff; padding: 10px 30px; background-color: #686c73; width: 100%; text-align: center;  border-radius: 60px;     margin-bottom: 0em; display: block;}
.button a, .button a:visited   { color:#fff; text-decoration:none;}
.button:hover  { background-color:#000;  color:#fff;  }
.button a:hover, .button:hover a  { color:#f98739 }

.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;}

.rule-orange { border-bottom: 3px solid #fb8c15; padding-bottom: 10px; margin-bottom: 30px;}
.rule-orange a, .rule-orange a:visited   { text-decoration:none; }
.rule-orange a:hover { color:#0392eb; text-decoration:none;}

.background.rule  { margin-bottom: 0px; }

.orange-text, .orange-text a, .orange-text:visited  {color: #fb8c15;}

.caption { line-height:1.4em; font-size:0.9em; font-style: italic;  padding-top: 5px; }
.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;}

/* Gallery */
.carousel-inner {      background-color: #000;     padding-top: 30px; }

/*Site Buttons*/
#h2-error .btn.green { border: solid; border-radius: 60px; background-color: #028553;}
.btn {     border-radius: 0px; }
.btn.green {  color: #27807c;    border: 2px solid #27807c; background-color: #fff; }
.btn.green:hover, .btn.green:active {background-color: #27807c; border: 2px solid #27807c; }

.btn.blue {  color: #0381cc;  border: 2px solid #0381cc; background-color: #fff;  }

#event-search-calendar td.day.new-day.active.selected {     background-color: #f7b61f; }

/*Index listings*/
.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.8; font-size: 1.1em; }
article h3 { letter-spacing: -0.025rem;     font-size: 1.6em; }
.content-header h4 {     font-size: 1.2em;     margin-top: 0em; padding-top: 3px; }
.signature-image {     margin-top: 5px; }
.read-more:hover { color:#296cb3;}
.mod-index-divider { padding-bottom: 15px;}

/* CARDS*/
.card { border: none;  }
.card.card-theme { width: 17rem; }
      @media screen and (max-width: 1170px) { .card.card-theme { width:15rem; }}
      @media screen and (max-width: 768px) { .card.card-theme { width:22rem; }}
      @media screen and (max-width: 576px) { .card.card-theme  { width:20rem; padding-right: 0px; margin-right: 0px; }}
      @media screen and (max-width: 768px) { .mod-unimod.mod-index-divider, .mod-magic.mod-index-divider, .mod-event.mod-index-divider, .mod-default.mod-index-divider { float: none; display: table; margin: 0px auto; }}
.card.card-theme .signature-image, .card .signature-image { object-fit: cover; max-height: 11rem;}
.card.card-theme .card-body, .card-body   { padding: 0.3rem 0rem 0rem 0rem;     height: 98px;}
h5.card-title:hover {     color: #235a82; }
p.card-text { display:none;}


/*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 6 Pro", sans-serif; content: "\f055"; margin-right: 5px; font-size: .9em; }

a.btn.broadcast-ignore { width: inherit;}
#modules-holder ol { margin-left: 5px;}

.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 5 Pro"; content: "\f056"; margin-right: 5px;    font-size: 17px;}
.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 5 Pro"; content: "\f055"; margin-right: 5px;    font-size: 17px;}
.details-slide.opened    { border-bottom: 2px #0492a4 solid;    margin-bottom: 40px; }
.small-hidden-menu .details-slide.opened    { border-bottom: 0px #fff solid; }

.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;  }

.rating_text {     float: right;     text-align: right;     font-size: 0.8em;     text-transform: uppercase;     font-weight: 600; }

/* 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 .container { background-color: #080808; }
#footer { padding-bottom: 300px; }
#footer p, #footer a { color: #fff; }
#footer a {     padding: 7px 10px ;}
 #footer a:hover { color:#f99703; text-decoration:none; background-color:  #080808;}
  #footer a.active { color:#f99703; background-color:  #080808;}
#footer ul.menu { padding-left: 0px; }
@media print { header, header *, #comment-form-hide-btn, #right-panel    { display: none !important; } }