@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

#tinymce { background-color: #fff; }
.ui-widget-overlay {     background-color: #fff;     }
body {font-family: "Open Sans", Helvetica, Arial, Lucida, sans-serif; color:#333333;  background-color: #fff; }
header .container { background-color: transparent; }
header.top-header  {background-color: #fff; }

.top-header a img { width: 320px; }
   @media screen and (max-width: 600px) { .top-header a img { padding-bottom:20px; }}
.top-header a img:hover { opacity: 1; }
a img:hover { opacity: 0.7; filter: alpha(opacity=70); }

h5#intranet a { color: #0070ae; font-size:0.7em; padding-right: 10px;}
h5#intranet a:hover { color: #039eaa;}

.navbar { padding: 1rem 1rem 0.5rem; float: right;}
nav .container { padding-left: 0px; }
.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; }
.menu li { margin: 0 12px }
.primary-menu,  .menu li li a  
   { background-image: none;  margin-left: 0px; margin-right: 0px; background-color: #fff;  margin: 0 ;}
.primary-menu a, .primary-menu a:visited { color:#666666;    font-weight: 500; padding: 8px 0; border-bottom:2px solid #fff; }
    .menu a:hover,  .menu a.active { color:#0e97cb; border-bottom:2px solid #0e97cb;}

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

.nav-99057.primary-menu-item a { color: #fff;     background-color: #f58220;  right: 0; padding: 8px 13px; }
.nav-99057.primary-menu-item a:hover {  color: #fff;     background-color: #00aeef; }

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

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

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

.icon-container {
  position: relative; /* Positioning context for the social icons */
    height: 50px; /* Full height to center icons */
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */ background-color: #00aeef;
    padding-top: 30px; }

.social-icons {  
    transform: translateY(-50%);     display: flex;     gap: 15px; float: right; padding-top: 50px;   }

.social-icons a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: white;
    text-align: center;
    line-height: 28px;
    color: #00aeef;
    font-size: 18px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    border: 2px solid transparent; 

}

.social-icons a:focus, .social-icons a:hover {
    background-color: #0056b3; /* Darker blue on hover/focus */
    color: white;
    border-color: #ffffff; /* Add a white border on focus */ }

.social-icons a:focus {     outline: 2px solid #ffffff; /* Extra focus indication for accessibility */ }


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

h1, h2, h3, h4, h5, h6 { font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif; color: #333333;}

h1 {     font-size: 3em;       font-weight: 400;     margin-bottom: 0.5em;     line-height: 1.2; }
h1 a, h1 a:visited { color: color: #333333;;}
h2 { font-size: 2.5em;  font-weight:400; margin-top:1em; margin-bottom:0.3em;  line-height: 1.3;} 
h2 a, h2 a:visited { color:#333; }
h3 { font-size:2em; color:#333; font-weight:400;  margin-top: 1em; margin-bottom:0.3em; line-height: 1.4;}
h3 a, h3 a:visited { color:#333; }
h4 { font-size:1.6em; color:#e37a1f; font-weight:600; margin-top: 1em; margin-bottom:0.3em; line-height: 1.35;}
h4 a, h4 a:visited { color:#e37a1f; }
h5 { font-size:1.4em; color:#666; font-weight:500; margin-bottom:0.4em; line-height: 1.4;}
h5 a, h5 a:visited { color:#666; }
h6 { font-size:1.3em; color:#333; font-weight:500; margin-bottom:0.4em; margin-top: 1em; line-height: 1.4;}
h6 a, h6 a:visited { color:#333; }
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:#f58220;}

a { color: #0197c2; text-decoration:none; }
article a { text-decoration:none; }
article a p { font-size: 1.3em;     line-height: 1.5; }
.content-header {     margin-bottom: 10px; }
.signature-image {     margin-top: 3px; }
.read-more:hover { color:#007bff;}
img.bordered {    border: 1px solid #ccc9c9; }

legend { font-size:1.2em; color: #666; 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 #474e4f; padding: 10px 30px; background-color: #ffffffb0; width: 100%; display:block; text-align: center; border-radius:60px;    line-height: 2em;}
.button a, .button a:visited   { text-decoration:none;}
.button:hover a {  color: #fff; } 
.button:hover  { background-color:#474e4f; border: 2px solid #474e4f; color:#fff;  }

.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:#F05D2B; }

.rule { border-bottom: 2px solid #aaaea7; padding-bottom: 10px; margin-bottom: 30px;}
.rule a, .rule a:visited   { text-decoration:none; }
.rule a:hover { color:#F05D2B; 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;  font-size:1.2rem; margin: 2em 0 2em 0;  }
blockquote p {   line-height: 1.6; }
.whitetext, .whitetext a:visited, .whitetext a { color:#fff; }
.whitetext a:hover { color:#fff; }

/* Site BUTTONS*/
#h2-error .btn.green { border: solid; border-radius: 60px; background-color: #779000;}

.btn.green {  color: #779000;  border: 2px solid #779000;  background-color: #fff; }
.btn.green:hover {background-color: #779000; border: 2px solid #779000; }
.btn.green:active {background-color: #779000; border: 2px solid #779000;  }

.btn.blue {  color: #0381cc;  border: 2px solid #0381cc; background-color: #fff;     border-radius: 20px; }

/* CARDS*/
.card { border: none; margin: 0 5% 5% 0; background-color: transparent;  width: 28%;  box-shadow: 0px 1px 16px 6px rgba(0, 0, 0, 0.08);}
    @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; }}
li.card { margin-bottom: 40px; }
.card.card-theme .signature-image, .card .signature-image { object-fit: cover; max-height: 16rem; border-top-left-radius: 20px;     border-top-right-radius: 20px; }
    @media screen and (max-width: 992px) { .card.card-theme .signature-image, .card .signature-image{ max-height: 15rem; }}
    @media screen and (max-width: 576px) { .card  { width: 80%; }}
@media screen and (max-width: 768px) {     .card.card-theme {         float: none;         margin: 0px auto 40px; }}
h5.card-title a { font-size: 1.1em; color:#333;  font-weight: 500; sans-serif; line-height: 1.2; margin-bottom: .5rem; }
h5.card-title a:hover { color: #0070ae; }
.card-body {     height: 308px; }
.card-body a { text-decoration: none; }
p.card-text, #fd-content-broadcast p  { font-size: 1.2em;     line-height: 1.5; }
.card-date { color: #6d6e71; }

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

/*Index listings*/
.signature-image {     margin-top: 3px; }
.broadcast-module-name { margin-top: 0px; }
p.article-text a { color: #000; }

/*RHP Index listings*/
#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; }
#right-panel article h3 { font-size: 1.5em; }
#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; }

/* Extra Content banners */
.banner {  position: relative; background-color: #484747; }
.top-left {  position: absolute;  top:10px;  left: 10px; width: 100%; }
.bottom-centered {  position: absolute;  bottom:10px;  left: 10px; width: 100%; }
.bannerimage img { object-fit: cover;    height: 500px; opacity: 0.7;}
   @media screen and (max-width: 992px) { .bannerimage img  {  object-fit: cover; height: 300px; }}
   @media screen and (max-width: 576px) { .bannerimage img   {  object-fit: cover; height: 350px; }}
.bannertext { font-size:4.5em; color:#fff; font-weight:800; font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif; line-height: 1.2;  max-width: 1200px; padding: 0 40px 20px 40px;     margin-bottom: 0.5em; text-shadow: 0px 0px 8px rgba(16, 0, 0, 0.46);}  
   @media screen and (max-width: 1200px) { .bannertext  {  font-size: 2.5rem;  }}

.hmpgbutton {  color:#000; margin: 20px auto; text-align: center; padding: 8px 20px; border-radius: 60px;     line-height: 2em; display: inline-block; background-color: rgba(248, 249, 250, 0.8);  font-weight:600; border-radius: .3rem;}
.hmpgbutton:hover  { background-color: #dfdfdf; color: #000;}
.hmpgbutton a { color:#000; padding: 2px 12px; }

.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; }
.broadcast-toggle-modal { margin-top: 0px; }
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; }

#footer, #footer .container { background-color: #0c86b4;  }
#footer  { padding-bottom: 300px; }
#footer p, #footer a { color: #fff; font-weight: 500; text-transform: inherit;}
 #footer a:hover { color:#fff; border-bottom:2px solid #fff;  text-decoration:none;}
  #footer a.active { color:#fff; border-bottom:2px solid #fff;}
#footer ul.menu { padding-left: 0px; }
@media print {        header, header *, #comment-form-hide-btn, #right-panel    {         display: none !important;     } }