#tinymce { background-color: #fff; }
.ui-widget-overlay {     background-color: #fff;     }
body { font-family: 'open sans', sans-serif;}
header .container {     background-color: transparent; }
header.top-header { background-color: #0094a9; padding-top: 20px; padding-bottom: 20px;}

.navbar { padding: 0rem 1rem;     float: right; }
nav .container { padding-left: 0px; padding-right: 0px; }
     .primary-menu {     background-color: transparent; }
     .primary-menu .menu, .primary-menu .menu a { font-weight: 600; margin: 0px 0px 10px; }
     .primary-menu .menu li li a { background-image: none;  margin-left: 0px; margin-right: 0px;     background-color: transparent;}
    .primary-menu a, .primary-menu a:visited { font-size: .9em; color:#fff;  border-right: 1px solid rgba(255,255,255,0.3); }

    .menu a {    padding: 0px 10px;}
    .menu a:hover { color:#8efbf6; text-decoration:none;}
    .menu a.active { color:#8efbf6; }

/* 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 10px 7px 10px; }
a.open-menu.details-opener.xs-opener:hover { color: ##0494a8;  }
.fa-bars:before { font-size: 1.8rem; }
.small-hidden-menu .xs-opener {border: none; background-color: #fff;    margin-top: 20px; margin-right: 10px; padding:  10px;  border: 2px solid #0494a8;  }

.small-hidden-menu .details-slide.menu { background-color: rgba(255,255,255,0.75);  padding-left: 120px; margin-top: 130px;}
.details-slide.opened { border-bottom: none; }
.small-hidden-menu ul li {  font-size: 1.3em; float: none;  text-align: center;   background-color: #006781;  padding: 15px 0px;}
.small-hidden-menu  li { line-height: 1em; }
.small-hidden-menu ul a.details-opener:after { font-family: FontAwesome; content: " \f107";} 

.small-hidden-menu .primary-menu .menu a { margin: 0px;}

/* search form */
#search {  margin-bottom: 0px;  top: 0px; right:0px;  position:relative;  float:right;}
#search fieldset { background-color: transparent; padding: 7px 5px 5px 15px; min-height: 35px; border: 1px solid #1cd2df; width: 210px; margin-left: 10px; margin-bottom: 0px; }
#search-text { background-color: transparent; text-transform: uppercase; font-size: 0.8em; color: #1cd2df;}
#search-text:hover, #search-text:focus {  color: #fff;}
#search input.form-control { border: none; background-color: transparent; padding-left: 0px; padding-right: 0px; }
#search input { margin-bottom: 0px; width: 140px;}
#search-btn:hover { color: #fff;}
#search-btn { background-color:transparent; float: right; color: #1cd2df;     padding: 5px;}

.members { color:#fff;  float: right; padding: 11px 20px;  text-align: right; display: inline-block; border: 1px #1fd2de solid;    margin-top: 5px;}
.members a { color:#fff; }
.members a:hover {color:#ccc; }

#main-content {  background-color: #fff;    background-image: none;}
#middle-panel { padding: 0px 30px 0px 0px; margin-bottom: 30px;    margin-top: 30px;      }
   @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,  #content-extra .img-responsive, #content-bottom .img-responsive { width:100%; }

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

h6, h5, h4, h3, h2, h1, legend {font-family: 'open sans', sans-serif;}

h1 { font-size:3.0em; color:#696969; font-weight:400; margin-top:2em; margin-bottom:1em; line-height: 1.4;}
h1 a, h1 a:visited { color:#696969; }
h2 { font-size:2.4em; color:#006781; font-weight:600; margin-top:2em; margin-bottom:1em; line-height: 1.4;}
h2 a, h2 a:visited { color:#006781; }
h3 { font-size:1.9em; color:#444; font-weight:700; margin-bottom:0.4em; line-height: 1.4;}
h3 a, h3 a:visited { color:#444; }
h4 { font-size:1.6em; color:#006781; font-weight:600; margin-bottom:0.4em; line-height: 1.6;}
h4 a, h4 a:visited { color:#006781; }
h5 { font-size:1.4em; color:#444; font-weight:600; margin-bottom:0.4em; line-height: 1.4;}
h5 a, h5 a:visited { color:#444; }
h6 { font-size:1.2em; color:#006781; font-weight:700; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.4;}
h6 a, h6 a:visited { color:#006781; }
a:hover, h1 a:hover, h2 a:hover,  h3 a:hover,  h4 a:hover,  h5 a:hover,  h6 a:hover r, strong a:hover { text-decoration:none; color:#0381cc; }

.top-header a img { padding-top:0px; padding-bottom:0px;     width: 310px; }
.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: #006781; background-color:transparent;}
dt label { color: #333; }
.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 #04849c; padding: 10px 10px; background-color: #04849c; width: 100%; display:block; text-align: center; color:#fff; }
.button a, .button a:visited  { text-decoration:none; color:#fff; }
.button:hover  { background-color:#046e82; border: 2px solid #046e82;}
.button a:hover, .button:hover a  { color:#fff; }

.background { padding: 8px 13px 8px 13px; background-color: #ececec;  text-align: center; display:block; margin-bottom: -1.1em;}
.background a, .background a:visited   { text-decoration:none;}
.background a:hover  { color:#0392eb; }

.rule { border-bottom: 1px solid #a2a1a1; 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 {    margin: 0 0 1rem;  font-weight: 600;     font-size: 1.1rem;     margin: 2rem 0 1rem;     padding-left: 40px;     border-left: 4px solid #01b0d2;   }

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


/* Extra Content banners */
.top-left {  position: absolute;  top:10px;  left: 16px; width: 100%; }
.banner {  position: relative; }
.bannerimage img { object-fit: cover;    height: 370px; width: 100%;}
      @media screen and (max-width: 962px) { .bannerimage img  {  object-fit: cover; height: 400px; }}
      @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: 350px; }}
.bannertext a, .bannertext_sm a {color: #fff; }
.bannertext {color: #fff;    font-size: 3rem;    line-height: 1.4;    font-weight: 700;  padding-top: 80px;     padding-left: 500px; padding-right: 500px; width: 100%; }
      @media screen and (max-width: 1650px) { .bannertext  {  padding-left: 200px; padding-right:200px;}}
     @media screen and (max-width: 768px) { .bannertext  {  font-size: 2.5rem;   padding: 70px 20px 0px 20px; }}
     @media screen and (max-width: 576px) { .bannertext  {  font-size: 2rem;   padding-top: 30px; padding-left: 20px; padding-right:20px; }}
.bannertext_sm { color: #fff;    font-size: 1.5rem;    line-height: 1.4;    font-weight: 600;  padding-top: 10px;     padding-left: 500px; padding-right: 500px; width: 100%; }
      @media screen and (max-width: 1650px) { .bannertext_sm  {  padding-left: 100px; padding-right:100px;}}
     @media screen and (max-width: 768px) { .bannertext_sm  { padding: 50px 20px 0px 20px; }}
     @media screen and (max-width: 576px) { .bannertext_sm  { padding: 30px 20px 0px 20px; }}


.hmpgbutton { margin: 20px auto;  display: inline-block; }
.hmpgbutton a, a.hmpgbutton { color:#fff; padding: 7px 20px; background-color: rgba(0, 0, 0, 0.2); border: 1px #fff solid; border-radius: 3px;  }
.hmpgbutton a:hover{ color:#0589a1; background-color: #fff; border: 1px #fff solid;  }

.btn-primary {  background-color: #12b6d4;     border-color: #12b6d4; }
.btn-primary:hover {  background-color: #2d7198;     border-color: #2d7198; }

/* 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; padding-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; }}
      @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 .card-body, .card-body   { padding: 0.3rem 0rem 0rem 0rem;     height:123px;}
.card.card-theme .signature-image, .card .signature-image { object-fit: cover; max-height: 11rem;}
h5.card-title {color: #625f5f; font-size: 1.7em; font-weight: 700; line-height: 1.4; margin-bottom: .5rem; }
.card.card-theme time { text-align: right; padding-top: 5px;    color: grey; font-size: 0.8rem;     font-weight: 800;}
h5.card-title { font-size: 2em;   font-weight: 900;  line-height: 1.2; margin-bottom: .5rem; }
h5.card-title:hover { color:#376899; }
.card-body a { text-decoration: none; }
.card-theme p.card-text { display:none; font-size: 1.2em;     line-height: 1.5; }
p.card-link {  color:#4383c7; line-height: 1; font-weight:600;}
p.card-link:hover {  color:#1b87f9; }

/* BASIC CARDS sig-image-left with heading & text-right*/
.basic-layout .content-header .basic-category {  display: block; } /*add the categories*/
.basic-layout img { max-height: 10rem;  width: 100%; } 
.card.mb-3.basic-layout { width: 100%; }
.card.mb-3.basic-layout .signature-image {max-height: 10rem; margin-bottom: 5px; }
.card-body { overflow: hidden;   height: 10rem } 
.card.basic-layout .card-body {     padding: 0; }
.card-body h3 { font-size: 1.8em; } 

#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; }
.content-header h3 {line-height: 1.5; }

#form-container-32721 fieldset {     padding-left: 0px; }

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

.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;  }
.googlemaps {  overflow:hidden;     padding-bottom:56.25%;     position:relative;     height:0; }
.googlemaps iframe{     left:0;     top:0;     height:100%;     width:100%;     position:absolute; }


.broadcast-toggle-modal .fa-paper-plane {  font-size: .50em; }
.broadcast-toggle-modal { padding: 4px 5px 5px 4px;     line-height: .25; }
.sponsors {     padding-top: 60px;    float: right; }

#footer, #footer .container { background-color: #333; }
#footer { padding-bottom: 400px;     padding-top: 10px;}
#footer p { color: #fff; padding-top: 10px; }
#footer a { color: #fff;      text-transform: inherit;     padding: 0px; }
#footer a:hover { color:#baf0fd; }
#footer a.active { color:#baf0fd; }
#footer li { margin: 10px 10px 0px 10px; font-weight: 600;}

.footer-info h5 { color:#fff; padding-top:0px; padding-bottom:10px; font-size: 1.3em; }
.footer-info h5 a {  color:#fff; }
#footer .footer-info p { color:#fff;     font-size: 1.2em;     margin-bottom: 0rem;     padding-top: 0px; }
#footer p.rule { border-bottom: 1px solid #757575;    padding-bottom: 5px;    margin-bottom: 5px; line-height: 1;}

     @media screen and (max-width: 600px) { .footer-info h5, #footer .footer-info p {  padding-left: 20px; padding-right: 20px; }}

@media print {        header, header *, #comment-form-hide-btn, #right-panel    {         display: none !important;     } }
        /*********** custom file styles /uploads/sites/bandb/theme/css/custom.css*********/
        

        /******** custom page styles **************/
        #fd-content-broadcast .content-header div { display: none; }