#tinymce { background-color: #fff; }
.ui-widget-overlay {     background-color: #fff;     }
body {font-family: 'open sans', sans-serif; background-color: #fff; color:#000; }
header.top-header { background-color: #020202; }
header .container { background-color: transparent; }

.navbar { padding: 0rem 1rem; } 
nav .container { padding-left: 0px;  font-size: 1.1rem; }
.primary-menu .menu, .primary-menu .menu a { padding-left: 17px; }
.primary-menu, .small-hidden-menu ul li, .menu li li a  
{ background-image: none;  margin-left: 0px; margin-right: 0px; background-color: #020202; font-weight: 500;}
    .primary-menu a, .primary-menu a:visited { color:#fff; padding-left: 17px; padding-right: 17px; text-transform: uppercase; border-bottom: 4px solid #020202;}
    .menu a:hover { color:#6bd3df; text-decoration:none;}
    .menu a.active { color:#6bd3df; border-bottom: 4px solid #6bd3df;}

.secondary-menu .menu, .secondary-menu .menu a { padding-left: 17px; padding-right: 17px;}
.secondary-menu,   .secondary-menu-item  { color:#fff;   background-color: #6bd3df; font-weight: 500;}
    .secondary-menu a, .secondary-menu a:visited, .small-hidden-menu ul li .secondary-menu-item { color:#000; }
    .secondary-menu a:hover, .secondary-menu-item a:hover { color:#020202; }
    .secondary-menu a.active, .secondary-menu-item a.active  { color:#020202; border-bottom: 4px solid #020202;}

/* 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 hamburger*/
.fa-bars:before { color: #fff;  font-size: 2rem; }
.small-hidden-menu .xs-opener { color: #fff; border: none;  background-color:#0199a8; margin-top: 30px; margin-right: 20px;  padding: 13px 15px;   }
.small-hidden-menu .xs-opener:hover { color: #fff; background-color: #05747e; }

/*mobile menu*/
.small-hidden-menu .details-slide.menu { background-color: transparent; padding-left: 0px;     margin-top: 120px; }
.small-hidden-menu ul a.details-opener:after { font-family: "Font Awesome 5 Pro"; content: " \f107"; } 
.small-hidden-menu ul li { text-align: left; padding-left: 0px; }
.small-hidden-menu ul li > a:after  { display: none; }

#main-content { border-top: 4px solid black; background-color: #fff;      margin-bottom: 20px;}
#middle-panel { padding: 0px 30px 0px 0px; 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-bottom { border-bottom: 8px solid #52c0cd; margin-bottom: 40px; }
   @media screen and (max-width: 600px) { #content-bottom   { padding-left: 20px; }}
#content-top,  #content-extra img, #content-bottom img { width:100%; }

#search {  width: 99%;     margin-top: 20px;     margin-bottom: 0px;}
#search fieldset { min-height: 20px;     margin-bottom: 0px;     background-color: #000; border: #53c0cd 2px solid;     border-radius: 20px; padding: 5px 0px;}
#search-text { font-size: 1rem; width: 85%; }
#search input.form-control { border: none; background-color: transparent; border-radius: 0px; box-shadow: none; padding-left: 12px; padding-top:4px; color: #fff; }
#search-btn { background-color:transparent; border: none; color: #6ad3df; padding-top: 5px; margin-right: 5px;}
#search-btn:hover { color: #7aa2a2;}
.far.fa-search    { font-size: 1.2rem; }

.social { margin-top: 20px; margin-bottom: 2px; }
.social a { display: block;     text-align: center;     color: #fff;      font-size: 20px;     height: 50px;     width: 50px;      float: right;     margin-left: 10px;     margin-bottom: 5px;     border-radius: 50%;     padding-top: 8px; }
.social a:hover,  .social a:focus { background-color:#614c4d; color:#fff;  }
.social a  i { margin-top: 7px; }
.fa { display: inline-block;  font: normal normal normal 12px/1 "Font Awesome 5 Pro";     font-size: inherit;     text-rendering: auto;     -webkit-font-smoothing: antialiased; }
.social a.youtube, .social a.twitter, .social a.facebook, .social a.flickr, .social a.mail, .social a.instagram { background-color: #018996;  }
.social a.youtube:hover, .social a.twitter:hover, .social a.facebook:hover,  .social a.flickr:hover, .social a.mail:hover, .social a.instagram:hover { background-color: #09b6c6; color:#000; }
.social a:hover,  .social a:focus { background-color:#614c4d; color:#fff;  }

p { color: #000; font-size: 1.1rem; line-height: 2.1; margin-bottom: 1.5rem; }
ul li, ol li  { color: #000; font-size: 1.1em;  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 0 10px;     padding-left: 20px; }

h1 { font-size:2.7em; color:#0599a2; font-weight:500; margin-bottom:0.233em; line-height: 1.4;}
h1 a, h1 a:visited { color:#0599a2;  text-decoration:none; }
h2 { font-size:2.4em; color:#383838; font-weight:500; margin-bottom:0.1em; margin-top:0.8em; line-height: 1.4;}
h2 a, h2 a:visited { color:#383838;  text-decoration:none;}
h3 { font-size:1.6em; color:#07757c; font-weight:500; margin-bottom:0.4em; line-height: 1.4;}
h3 a, h3 a:visited { color:#07757c;  text-decoration:none;}
h4 { font-size:1.3em; color:#383838; font-weight:600; margin-bottom:0.4em; line-height: 1.35;}
h4 a, h4 a:visited { color:#383838;  text-decoration:none;}
h5 { font-size:1.2em; color:#07757c; font-weight:600; margin-bottom:0.4em; line-height: 1.4;}
h5 a, h5 a:visited { color:#07757c;  text-decoration:none;}
h6 { font-size:1.1em; color:#57574b; font-weight:700; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.4;}
h6 a, h6 a:visited { color:#57574b;  text-decoration:none;}

h1 a:hover, h2 a:hover,  h3 a:hover,  h4 a:hover,  h5 a:hover,  h6 a:hover {  text-decoration:none; }

.top-header a img { width: 450px;}
.top-header a img:hover { opacity: 1; }
a img:hover { opacity: 0.7; filter: alpha(opacity=70); } 

a, a:hover { text-decoration:underline; }
legend { font-size:1.2em; color: #0599a2; background-color:transparent;}
dt label { color: #383838; font-weight:600; }
.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 {  color: #fff;  border: 2px solid #0599a2; padding: 10px 10px; background-color: #0599a2;    text-align: center; border-radius: 60px;  margin-bottom: 0.4em; width: 100%; display:block;}
.button a, .button a:visited   {    font-weight: 500; line-height: 1.3; color:  #fff;  text-decoration:none;}
.button:hover a {  color: #0599a2;  }
.button:hover {  background-color: #fff; border: 2px solid #0599a2; color:#0599a2;  }

.background { padding: 8px 13px 8px 13px; background-color: #e7eeef;  text-align: center; display:block; margin-bottom: -1.1em;}
.background a:hover  { color:#0392eb; }
.background a, .background a:visited   {text-decoration:underline;  }

.rule { border-bottom: 3px solid #a8a9a8; padding-bottom: 10px; margin-bottom: 30px;}
.rule a, .rule a:visited   { text-decoration:none; color:#0392eb; }
.rule a:hover { color:#0392eb; }
.background.rule  { margin-bottom: 0px; }
.caption { line-height:1.4em; font-size:0.9em; }
.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;}

/* Gallery */
.carousel-inner {      background-color: #000;     padding-top: 30px; }
.slick-prev.slick-arrow { left: 35px; }

/* Site BUTTONS*/
.btn.green {  color: #046369;  border: 2px solid #046369; background-color: #fff;     border-radius: 20px; }
.btn.green:hover {background-color: #046369; border: 2px solid #046369; color: #fff;}
.btn.green:active {background-color: #046369; border: 2px solid #046369; color: #fff; }

.btn.blue {  color: #0381cc;  border: 2px solid #0381cc; background-color: #fff;     border-radius: 20px; }
.btn.blue:hover {background-color: #0695ea; border: 2px solid #0695ea; color: #fff;}
.btn.blue:active {background-color: #0695ea; border: 2px solid #0695ea; color: #fff; }

/*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; }

.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; }

.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; }

#totop a.btn  { font-size: 0.7em; padding: 4px 6px 0px 8px;  font-family: "helvetica neue", helvetica, arial,sans-serif;  text-decoration:none;  }

/* specifically for Accessibility */
.icon-asterisk.fa.fa-asterisk.red { color:red; font-size:80%; font-weight:800;  }   
.textsize { display: none; }

/* 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 a {     color: #fff; }
#footer { padding-bottom: 100px; border-top: solid 8px #53c0cd; }
#footer p { color: #fff; font-size: 1em; }
#footer .menu { font-size: 1.1em;     font-weight: 600; color: #fff; }
#footer .primary-menu-item:hover, #footer .primary-menu-item.active,   #footer .secondary-menu-item:hover, #footer .secondary-menu-item.active { color: #000; background-color: #6bd3df; border-bottom: 0px solid #6bd3df; }

@media print {        header, header *, #comment-form-hide-btn, #right-panel    {         display: none !important;     } }