#tinymce { background-color: #fff; }
.ui-widget-overlay {     background-color: #fff;     }
body {font-family: 'open sans', sans-serif;     background-color: white;}
header .container { background-color: transparent; }
header.top-header  { background-color: #006881;     padding: 30px 10px;}

 .signup a, .login a  { border: 1px solid #fff;    padding: 5px 10px;     border-radius: 20px;     color: #fff;        font-size: 12px;     margin: 17px 8px 10px 2px;  }
.signup a:hover, .login a:hover  { color: #006880;     background-color: #fff;}


.navbar { padding: 0rem 1rem; }
.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,  .menu li li a, .small-hidden-menu ul li  
{ color:#fff; background-image: none;  margin-left: 0px; margin-right: 0px; background-color: #1f9fbf; }
    .primary-menu a, .primary-menu a:visited { color:#fff; font-weight: 600;}
    .menu a:hover { color:#b5ebfd; text-decoration:none; }
    .menu a.active { color:#fff; background-color: #006881; }

.secondary-menu {  background-color: #0e86a5; }
.secondary-menu a, .secondary-menu a:visited { color:#fff; font-weight: 600;}
.secondary-menu ul ul {      padding-left: 10px;   background-color: #209fbf; }
.secondary-menu ul ul:hover, .secondary-menu ul ul.active {   background-color: #006881; }

/* Child menus */
.menu li li {  float: none; padding: 9px 10px 9px 0px; }
.primary-menu-item ul {  position: absolute;  z-index: 999; }
.menu li > a:after {  font-family: "Font Awesome 6 Pro"; content: " \f107"; } 
.menu li > a:only-child:after { content: ''; }

.primary-menu .menu li li a, #footer ul.menu .details-slide .primary-menu-item { border-bottom: solid 0px #fff; background-color: #fff;  color:#616060;}
.menu .details-slide { padding-inline-start: 0px; background-color: transparent;}
.menu .details-slide.opened ul.details-slide {   margin-left: 100px; width: max-content; }
.details-slide .slider-2.opened { position: relative; }
.secondary-menu ul ul li { padding-left: 0px; }
.secondary-menu ul ul { padding-left: 15px;}

/*mobile menu hamburger*/
.fa-bars:before { color: #006781;  font-size: 2rem; }
.small-hidden-menu .xs-opener { color: #006880; border: none;  background-color:#fff; margin-top: 30px; margin-right: 20px;  padding: 13px 15px;   }
.small-hidden-menu .xs-opener:hover { color: #fff; background-color: #7ab2c4; }

/*mobile menu */
.small-hidden-menu .details-slide.menu { right: 10px; left: unset; width: 60%; bottom: unset; margin-top: 170px; }
.small-hidden-menu ul li { text-align: left; padding-left: 0px; }
.small-hidden-menu ul li > a:after  { display: none; }
.details-slide a.primary-menu-item:hover { background-color: #006881; }
a.open-menu.details-opener.xs-opener { color: #006880;}
a.open-menu.details-opener.xs-opener:hover { color: #a53c46;  }

#main-content {  background-color: #fff;    background-image: none;}
#middle-panel { margin-bottom: 30px;    margin-top: 60px; padding-top: 0px; }
    @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 { width:100%; }
#content-extra img, #content-bottom { width:100%; }
    @media screen and (max-width: 600px) {  #content-top, #content-bottom {  padding-left: 20px; padding-right: 15px; }}

#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; border-radius: 0px; box-shadow: none; padding-left: 0px; padding-right: 0px; }
#search fieldset .form-group { margin-bottom: 0px; }
#search-btn { padding: 2px 7px 0px 0px; background-color:transparent;}
#search-btn:hover { color: red;}

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

h1 { font-size:3.0em; color:#006881; font-weight:400; margin-bottom:0.233em; line-height: 1.2;}
h1 a, h1 a:visited { color:#006881; }
h2 { font-size:2.3em; color:#5c5d5d; font-weight:500; margin-bottom:0.1em; margin-top:0.8em; line-height: 1.4;}
h2 a, h2 a:visited { color:#5c5d5d; }
h3 { font-size:1.9em; color:#006881; font-weight:700; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.4;}
h3 a, h3 a:visited { color:#006881; }
h4 { font-size:1.6em; color:#5d5e5e; font-weight:700; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.35;}
h4 a, h4 a:visited { color:#5d5e5e; }
h5 { font-size:1.4em; color:#006881; font-weight:600; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.4;}
h5 a, h5 a:visited { color:#006881; }
h6 { font-size:1.2em; color:#5d5e5e; font-weight:700; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.4;}
h6 a, h6 a:visited { color:#5d5e5e; }

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:#007bff; }

.top-header a img { padding-right:10px; }
.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: #006881; background-color:transparent;}
dt label { color: #4b5d61; }
.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 #006881; padding: 8px 20px; background-color: #fff;  text-align: center; border-radius:60px;     line-height: 2em;}
.button:hover  { background-color:#006881; border: 2px solid #006881; color:#fff;  }
.button a, .button a:visited   { text-decoration:none;}
.button a:hover  { color:#fff; }
.button:hover a {  color: #c3d7df; } 

.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 { padding: 1rem .5rem 0.2rem; background-color: #ececec;  text-align: center; display:block;     margin-bottom: 0em; margin-top: 0em; margin-left: 0px; margin-right: 0px;}
.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 #b5a639; }
blockquote p {  color:#555; font-size:1.6em;}

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

/* CARDS*/
.card { border: none; margin-right: 15px; background-color: transparent;  width: 17rem;}
    @media screen and (max-width: 1170px) { .card  { width:15rem; }}
    @media screen and (max-width: 768px) { .card  { width:22rem; }}
      @media screen and (max-width: 576px) { .card  { width:20rem; padding-right: 0px; margin-right: 0px; }}
.card.card-theme .card-body, .card-body   {padding: 1rem 0rem 0rem 0rem;     height: 100px; margin-bottom: 1rem;}
.card.card-theme .signature-image, .card .signature-image { object-fit: cover; max-height: 11rem;}
h5.card-title {font-size: 1.7em; font-weight: 700; line-height: 1.2; margin-bottom: 0.5rem; }
h5.card-title {color: #625f5f; }
h5.card-title a:hover { color:#816400; }
.card-body a { text-decoration: none; }
.card-theme p.card-text { display:none;  }

/* BASIC CARDS */
.basic-layout .content-header .basic-category {  display: block; } /*add the categories*/
.basic-layout img { max-height: 9rem;  width: 100%; } 
.card-body { overflow: hidden;   height: 9rem } 

/* Extra Content banners */
.banner {  position: relative; background-color: #353131;}
.top-left {  position: absolute;  top:10px;  left: 16px; width: 100%; }
.bannerimage img { object-fit: cover;    height: 500px; opacity: 0.8;}
   @media screen and (max-width: 992px) { .bannerimage img  {   height: 300px; }}
   @media screen and (max-width: 576px) { .bannerimage img   {  height: 350px; }}

.vid-banner  {    position: relative;    display: flex;    align-items: center;    justify-content: center;    padding: 0rem;    padding-top: 0px;    padding-bottom: 0px;    color: #fff;   text-decoration: none;    height: 100%;    max-height: inherit;    min-height: auto; z-index: 1; }
.vid-bannerimage  { width: 100%; line-height: 0; }
.vid-bannerimage img, .vid-bannerimage video {    width: 100%;     height: 1000px;   -o-object-fit: cover;   object-fit: cover; }
   @media screen and (max-width: 992px) { .vid-bannerimage img, .vid-bannerimage video  {   height: 750px; }}
   @media screen and (max-width: 576px) { .vid-bannerimage img, .vid-bannerimage video   {  height: 450px; }}

.hmpgbutton { color:#5d5e5e; margin: 20px auto; text-align: center; border: 2px solid #006881;  padding: 8px 20px; border-radius: 60px;     line-height: 2em; display: inline; background-color: rgba(253, 253, 253, 0.6);  font-weight:600;}
.hmpgbutton:hover  { background-color: #fff; border: 2px solid #fff; color: #5d5e5e;}
.hmpgbutton a { color:#5d5e5e; padding: 2px 12px; }

.bannertext { font-size:2.8em; color:#fff; font-weight:600;  line-height: 1.2;  max-width: 1400px; padding: 150px 40px 20px 40px;     margin-bottom: 0.5em; }  
   @media screen and (max-width: 1200px) { .bannertext  {  font-size: 2.5rem;  }}
   @media screen and (max-width: 992px) { .bannertext  {  font-size: 2rem;   }}
   @media screen and (max-width: 576px) { .bannertext  {  font-size: 2rem;  padding: 100px 20px 20px 20px; }}


.box-blue { padding: 20px 15px; background-color: #dce5e8;  text-align: center; display:block;     margin-bottom: 0em; margin-top: 0em;}
@media screen and (max-width: 1200px) {.box-blue  { padding: 40px;} }
@media screen and (max-width: 600px) {.box-blue  { padding: 20px 15px;} }

.box-green { padding: 20px; background-color: #dce7df;  text-align: center; display:block;     margin-bottom: 0em; margin-top: 0em;}
@media screen and (max-width: 1200px) {.box-green  { padding: 40px;} }
@media screen and (max-width: 600px) {.box-green  { padding: 20px 15px; } }

.nopadding {    padding: 0 !important;    margin: 0 !important; }
.fill-image { height: 360px; object-fit: cover; background-position: center center;     display: block; width:100%}
@media screen and (max-width: 700px) {.fill-image  { height: 200px;   } }
@media screen and (max-width: 576px) {.fill-image  { height: 180px;   } }

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

/*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 6 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 6 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;  }.googlemaps {  overflow:hidden;     padding-bottom:56.25%;     position:relative;     height:0; }
.googlemaps 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; }


#footer, #footer .container { background-color: #1f9fbf; }
#footer { padding-bottom: 100px; }
#footer p, #footer a { color: #fff; }
 #footer a:hover { color:#81e2fb; text-decoration:none;}
  #footer a.active { color:#81e2fb; }
#footer ul.menu { padding-left: 0px; }
#footer ul.menu a.active { background-color:transparent; }

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

/* Create a resource styles */
            .resource-section { padding:5px 10px; } 
            .resource-section legend { width:auto; }
            .resource-section>fieldset { border: none;  }
            .resource-section .hr-rule { border-bottom: 1px solid #5f8692; }
            
            fieldset fieldset { margin-top:0px; }
            
/* hide some page alts */
#input-organisation:first-child { display:none; }

/* alternate styling for resource fieldsets */
#section_build .resource-section  { background-color: #dedede; }
#section_build .resource-link { padding:5px; }
#section_build .resource-links { background-color: #e9f3fb; }
#section_build .resource-link:nth-child(2n) { background-color: #d9e3eb;  }

/** add a section heading rule */
.resource-section.hr { border-top:1px black solid }
.section-description:empty { display:none; }