/* TinyMCE */
#tinymce { background-color: #fff; }

/* Overlay */
.ui-widget-overlay {     background-color: #fff;     }

/* Body & Header */
body {font-family: 'open sans', sans-serif;     background-color: white;}
header .container { background-color: transparent; }
header.top-header { background-color: #454e4f;  padding-top: 20px;     padding-bottom: 20px; }

.byline { color:#a1a1a1; font-size: 2.3rem;     padding-top: 10px;}

a { color: #4383c7; text-decoration: none; }
a:hover { text-decoration:underline;  }
.header-links { float:right; color:#fff; padding-left:20px;}
.header-links a { color:#fff; padding-left:20px;}
.header-links a:hover, .header-links a:active { color:#beea3c; text-decoration:none;  }

.navbar { padding: 0rem; } 
nav .container { padding: 0px; }
.primary-menu .menu, .primary-menu .menu a { margin: 0px auto; }
.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; }
nav.row.hidden-print { background-color: #02697a; }
.nav .primary-menu-item { padding: 10px 0px; width: 280px; }

.primary-menu,  .menu li li a   { margin: 0px; background-color: #02697a; background-image: none;  }
    .primary-menu a, .primary-menu a:visited {  text-transform: uppercase;  color: #fff;      font-size: 1.1em;     font-weight: 600; padding-left: 17px; padding-right: 17px;     text-align: center;}
    .primary-menu .menu a:hover { color:#c0e402; text-decoration:none; background-image: none;}
    .primary-menu .menu a.active { color:#c0e402; background-image: none; }

.secondary-menu { padding: 20px 0px 20px 0px; background-color: #258398; }
.secondary-menu .menu a {  color: #fff;  font-size: 0.9em;  font-weight: 500; width: 185px; }
    .secondary-menu .menu a:hover { color:#c0e402; text-decoration:none; background-image: none;}
    .secondary-menu .menu a:active, a.secondary-menu-item.active, .secondary-menu-item:active { color:#c0e402; background-image: none; }

.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;}
.details-slide a.primary-menu-item:hover { background-color: #52c0b6; }
.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;}

/* 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: #a53c46;  }
.fa-bars:before { font-size: 1.8rem; }
.small-hidden-menu .xs-opener {border: 2px solid #004e6d; background-color: #fff;    margin-top: 30px; margin-right: 20px; padding:  10px;    }
.small-hidden-menu .details-slide.opened    { border-bottom: 0px #fff solid; }

.small-hidden-menu .details-slide.menu { background-color: #454e4f; right: 10px; left: unset; width: 60%; bottom: unset; margin-top: 130px; }
.small-hidden-menu ul li { background-color: transparent;  text-align: left;  }
.small-hidden-menu ul li > a:after  { display: none; }


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


#search {  width: 99%;     margin-top: 20px;     margin-bottom: 40px;}
#search fieldset {  min-height: 35px;  padding: 10px 5px 10px 15px;    background-color: #fff;     min-height: 35px;     border: 3px solid #35c7e7;     border-radius: 5px; }
#search-text { background-color:transparent; text-transform: uppercase; font-size: 0.8em;}
#search input.form-control { border: none; background-color: transparent; border-radius: 0px; box-shadow: none; padding-left: 0px; padding-right: 0px; }
#search input { margin-bottom: 0px; width: 140px;}
#search fieldset .form-group { margin-bottom: 0px; }
#search-btn { background-color:transparent; float: right;}

input#search-text {  font-size: 1.2em;  font-weight: 600; color: #0d6f85; }
i.far.fa-search {     padding-top: 4px; font-family: "Font Awesome 6 Pro";     font-size: 1.3em;    font-weight: 600;         color: #0e6e84; }

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

h1 { color: #48585e; font-size:2.2rem;  font-weight:500; margin-bottom:0.7em; line-height: 1.4;}
h1 a, h1 a:visited { color:#48585e; }
h2 { color: #004d6b; font-size:1.9em;  font-weight:600; margin-bottom:0.7em; margin-top:0.8em; line-height: 1.4;}
h2 a, h2 a:visited { color:#004d6b; }
h3 { color: #1b6f8f; font-size:1.6em;  font-weight:600; margin-bottom:0.4em; line-height: 1.4;}
h3 a, h3 a:visited { color:#1b6f8f; }
h4 { color: #7a9901;font-size:1.45em;  font-weight:600; margin-bottom:0.4em;line-height: 1.4; }
h4 a, h4 a:visited { color:#7a9901; }
h5 { color: #004d6b; font-size:1.4em;  font-weight:600; margin-bottom:0.7em; line-height: 1.4;}
h5 a, h5 a:visited { color:#004d6b; }
h6 {  color: #7a9901; font-size:1.3em;  font-weight:600; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.7;}
h6 a, h6 a:visited { color:#7a9901; }

.top-header a img { width: 200px; }
.top-header a img:hover { opacity: 1; }
a img:hover { opacity: 0.7; filter: alpha(opacity=70); }

article a { text-decoration:none; }
article a p, #fd-content-broadcast p { line-height: 1.85; font-size: 1.05em; color: #000;}
.content-header {     margin-bottom: 10px; }
.read-more:hover { color:#007bff; }
img.bordered {    border: 1px solid #ccc9c9; }

legend { color: #7a9901; font-size:1.2em; background-color:transparent;}
dt label { color: #184d3f; }
.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; }

article a p { line-height: 1.7; }
.signature-image {     margin-top: 3px; }

/* CLASSES */
.button {   border: 2px solid #e3e3e3; padding: 10px 10px; background-color: #ececec; width: 100%; display:block; text-align: center;}
.button a, .button a:visited  { text-decoration:none;}
.button:hover  { background-color:#dcdcd3; border: 2px solid #d0d0c2;}
.button a:hover, .button:hover a  { color:#fff; }

.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 { background-color: #ececec;  padding: 1rem 1.5rem 0.5rem; display:block;     margin:0px;}
.background a, .background a:visited   { text-decoration:none;} 
.background a:hover  { color:#0392eb; }

.rule {  border-bottom: 3px solid #dfdfdf; padding-bottom: 10px; display:block; 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:600;   margin: 0.5em 0 1.5em 0;  padding-left: 30px; border-left: 6px solid #a09f9f; }
blockquote p {  color:#555; font-size:1.6em;}

.video-wrapper {   position: relative;   width: 100%;   padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;   overflow: hidden;   border-radius: 10px;   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); }
.video-wrapper iframe {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   border: 0; }

/* Site BUTTONS*/
.shadow-lg {    box-shadow: 0 1rem 3rem rgba(0,0,0,.175); }
.btn-lg {    padding: .5rem 1rem;    font-size: 1.25rem;    line-height: 1.5;    border-radius: .3rem; }
.btn-outline-dark {    color: #343a40;    background-color: transparent;    background-image: none;
    border-color: #343a40; }

#h2-error .btn.green { border: solid; border-radius: 60px; color: #fff;  background-color: #028553;}
  
.btn.red { padding-bottom: 3px;}

.btn.green {  font-size: 1rem; color: #028553;  border: 2px solid #028553; background-color: #fff;     border-radius: 20px; padding-bottom: 3px;}
.btn.green:hover {background-color: #028553; border: 2px solid #028553; color: #fff;}
.btn.green:active {background-color: #028553; border: 2px solid #028553; 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; }

/* CARDS*/
.card { border: none; margin: 0 3% 3% 0; background-color: transparent;  width: 22%;  }
  @media screen and (max-width: 1200px) { .card  { width:30%; }}
    @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; }}

.card.card-theme .signature-image, .card .signature-image { object-fit: cover; max-height: 11rem;}
    @media screen and (max-width: 992px) { .card.card-theme .signature-image, .card .signature-image { max-height: 12rem; }}   
.card.card-theme .card-body, .card-body   { padding: 0.3rem 0 0 0;  margin-bottom: 10px;   height: 95px; }
.card.card-theme time { text-align: right; padding-top: 5px;    color: grey; font-size: 0.8rem;     font-weight: 800;}
h5.card-title { font-size: 1.7em; font-weight: 700; line-height: 1.2; margin-bottom: 0.5rem; }
h5.card-title a {color: #4D4A4A;  }
h5.card-title a:hover { color:#386EA8; }
.card-body a { text-decoration: none; }
.card-theme p.card-text { /* display:none;*/ font-size: 1.2em;     line-height: 1.5; }
/* .card-theme p.card-text { display:none; } Removed FOR CREATOR ON COLLECTION MODULE*/

.card .cta { color: #4383c7; }
.card .cta:hover { color:#045ee8; text-decoration: underline; }

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

/* Collections module */
.collections-content-image {     max-width: 1000px; max-height: 800px;}
.collection-unimod p.card-text {         color: #7e93af;     font-size: 1em    font-weight: 500; }

.modal-header button.close {     border: none;     border-radius: 50px;     background-color: #b3c9e7; }
.modal-footer button.btn.btn-default.btn-primary { background-color: #397bb8;     border-color: #397bb8; }

.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; }

/*Open Close containers*/ 
.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; }

.modal-header button.close {     color: #074b77;     font-family: "Font Awesome 6 Pro";
    content: "f057";     margin-right: 5px;     font-size: 15px;     float: right;     border: solid 1px #074b77;     background-color: white;     border-radius: 40px;     padding: 0px 6px;
    font-weight: 400; }

.googlemaps {  overflow:hidden;     padding-bottom:56.25%;     position:relative;     height:0; }
.googlemaps iframe{     left:0;     top:0;     height:100%;     width:100%;     position:absolute; }

.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;  }


#totop a.btn  {    font-size: 0.7em; padding: 4px 6px 0px 8px;;  font-family: "helvetica neue", helvetica, arial,sans-serif;  }

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




#footer, #footer .container, #footer .secondary-menu-item { background-color: #454e4f; }
#footer { padding-bottom: 300px; }
#footer a { padding: 5px 10px 7px;  color: #fff; background-image: none;  text-transform: inherit;}
#footer a:hover { color: #10cce1;  text-decoration:none; }
#footer .menu a.active { color: #10cce1; }
#footer a.secondary-menu-item {     font-size: 0.8em; }

#footer p { font-size:0.8em;  margin-top:30px; clear:right; color:#fff; }
#footer p a { color:#fff;  }
#footer .links { padding-bottom: 0px; padding-left: 0px; }
#footer .links a { color:#fff; font-size:1em; padding: 0px 0px; display:block; }

/* Chat Button*/
button#anything-llm-embed-chat-button {     margin-right: 20px; }