@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Raleway:wght@400;500;600;700;800&display=swap'); 

#tinymce { background-color: #fff; }
.ui-widget-overlay {     background-color: #fff;     }
body { font-family: 'Raleway', sans-serif;     background-color: white;}
header .container { background-color: transparent; }
header.top-header  {background-color:#fff; padding-top: 10px; }

.banner-logo2 { float:right; max-width:310px; margin-right: 30px; padding-bottom: 10px;}

nav { background-color: #4e4c4d;}
#middle-panel nav  { background-color: #fff;}
.navbar { padding: 0rem 1rem; display: inline-block; }
nav .container { padding-top: 5px; padding-left: 0px; padding-bottom: 5px; }
.primary-menu .menu, .primary-menu .menu a, .primary-menu .menu a.active, .primary-menu .menu a:hover, .primary-menu .menu a  { background-image: none; background-color: #4f4c4d;}
.primary-menu,  .menu li li a  
   { background-image: none;  margin-left: 0px; margin-right: 0px; background-color: #4f4c4d; line-height: 0;}
.menu a, .menu a:visited {     color: #fff; padding: 10px 20px;}
    .primary-menu a, .primary-menu a:visited { color:#fff; padding-left: 17px; padding-right: 17px; font-weight: 600; }
    .menu a:hover,  .menu a.active { color:#fba146; }

.secondary-menu .menu.nav.navbar-nav  { float: right; }
.secondary-menu, .secondary-menu .menu, .secondary-menu .menu a { background-image: none; font-weight: 700;}

.nav-80840.secondary-menu-item {font-size: 1em; background-color: #f9a03c; margin-left: 10px; margin-bottom: 10px; line-height: 1;}
.nav-80841.secondary-menu-item {font-size: 1em; background-color: #80a394; margin-left: 10px; margin-bottom: 10px; line-height: 1;}
.nav-80842.secondary-menu-item {font-size: 1em; background-color: #2e4871; margin-left: 10px; margin-bottom: 10px; line-height: 1;}
  .nav-80840.secondary-menu-item:hover, .nav-80841.secondary-menu-item:hover, .nav-80842.secondary-menu-item:hover {background-color: #f77d27; }
  .nav-80840.secondary-menu-item a:hover, .nav-80841.secondary-menu-item a:hover, .nav-80842.secondary-menu-item a:hover  {color:#fff; }
  .nav-80840.active .secondary-menu-item, .nav-80841.active .secondary-menu-item, .nav-80842.active .secondary-menu-item  {color:#fff; background-color: #f77d27; }

nav.pagination-container.changer-page {     background-color: #fff; }

.small-hidden-menu .nav-80840, .small-hidden-menu .nav-80841, .small-hidden-menu .nav-80842 {padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px;     margin-right: 0px;}
.small-hidden-menu .nav-80840 a, .small-hidden-menu .nav-80841 a, .small-hidden-menu .nav-80842 a {font-size: 1.1rem;     padding: 10px 15px;}

/* 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 5 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.opened {   background-color: transparent; padding-left: 0px; border: 1px solid #cecdcd;}
.menu .details-slide.opened ul.details-slide {   margin-left: 100px; width: max-content;}
.secondary-menu ul ul li { padding-left: 0px; }
.secondary-menu ul ul { padding-left: 15px;}

/*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: none; background-color: #fff;    margin-top: 30px; margin-right: 20px; padding:  10px;    }
.small-hidden-menu .details-slide.opened    { border-bottom: 0px #fff solid; border: 1px solid #cecdcd; }
.small-hidden-menu .details-slide.menu { background-color: rgba(255,255,255,0.75); right: 10px; left: unset; width: 60%; bottom: unset; margin-top: 130px; }
.small-hidden-menu ul li { background-color: #fff;  text-align: left;  }
.small-hidden-menu ul li > a:after  { display: none; }

#search fieldset .form-group { margin: 0px; min-height: 35px;     }
#searchCollapse { position: absolute;   z-index: 999; right: 0; margin-right: 5px;}
    @media screen and (max-width: 600px) {#searchCollapse   {  margin-right: 40px;}}
#search-collapse-button { color: #fff;   font-size: 24px; float: right; margin: 10px; padding: 0px; background-color: transparent;    border-radius: 0px;}
    @media screen and (max-width: 600px) { #search-collapse-button   {  margin-right: 60px;}}
#search-collapse-button:hover { color: #f8a03b;}

#search {     margin-top: 0px; }
#search input { width: 210px; border: none; height: 57px;}
#search input.form-control {    border-radius: 0px; background-clip: unset;     background-color: #ffffffed; }
#search-btn {     color: #676767;      background-color: transparent; float: right;    margin-top: -48px;    font-size: 24px;     border: none; }  
#search-text { background-color:transparent; text-transform: uppercase; font-size: 0.8em; padding:10px;  height: 43px; }
#search-on-fly {    padding-top: 20px; }

#main-content {  background-color: #fff;    background-image: none;}
#middle-panel { margin-bottom: 30px;    margin-top: 50px; }
   @media screen and (max-width: 600px) { #middle-panel  {  margin-bottom: 10px; }}
#right-panel  {  margin-bottom: 30px; margin-top: 50px; }
   @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%; }
#content-bottom {     padding-left: 40px; }
#right-panel p { line-height: 1.4; margin-bottom: 0.6rem;}
#right-panel p a { color: #33548a; }
#right-panel h6 { border-top: 1px solid #cd5620;     padding-top: 20px; }


.social { margin-bottom: 10px;     margin-right: 10px; }
.social a { color: #2e4871; font-size: 1.4em; text-decoration: none;     font-weight: 700;}
.social a:hover { color: #e67724;  }
.social .fab.fa-facebook, .social .fab.fa-twitter-square { font-size: 2.2em; }

.nopadding {    padding: 0 !important;    margin: 0 !important; }

p { color: #000; font-size: 1.15em; line-height: 2.1;  font-family: 'Open Sans', sans-serif;}
ul li, ol li  { color: #000; font-size: 1.15em; line-height: 1.8; margin-bottom: 0.7em; font-family: 'Open Sans', sans-serif;}
ul { padding-left: 30px;}
ul  li::marker  { color: #cd5620;}
.intro { font-size: 1.5em; font-weight: 500; line-height: 1.6; margin-top: 1em; margin-bottom: 1em; }
.box ol, .box ul { margin: 6px 10px 0 10px;     padding-left: 20px; }


h1 {     font-size: 3em;     color: #5a5d65;     font-weight: 800;     margin-bottom: 0.5em;     line-height: 1.2; }
h1 a, h1 a:visited { color:#5a5d65; }
h2 { font-size:1.8em; color:#5a5d65; font-weight:800; margin-top:1.2em; margin-bottom:0.3em;  line-height: 1.3;} 
h2 a, h2 a:visited { color:#5a5d65; }
h3 { font-size:1.4em; color:#5a5d65; font-weight:800;  margin-top: 1em; margin-bottom:0.5em; line-height: 1.4;}
h3 a, h3 a:visited { color:#5a5d65; }
h4 { font-size:1.4em; color:#cd5620; font-weight:600; margin-top: 1.2em; margin-bottom:0.5em; line-height: 1.35;}
h4 a, h4 a:visited { color:#cd5620; }
h5 { font-size:1.3em; color:#333740; font-weight:700; margin-top: 0.8em; margin-bottom:0.4em; line-height: 1.4;}
h5 a, h5 a:visited { color:#333740; }
h6 { font-size:1.1em; color:#cd5620; font-weight:700; margin-bottom:0.4em; margin-top: 1.4em; line-height: 1.4;}
h6 a, h6 a:visited { color:#cd5620; }
a:hover, h1 a:hover, h2 a:hover,  h3 a:hover,  h4 a:hover,  h5 a:hover,  h6 a:hover, strong a:hover, #right-panel p a:hover  { text-decoration:none; color:#4383c7; }

 .top-header a img {padding-top: 10px; width: 340px;}
.top-header a img:hover { opacity: 1; }
a img:hover { opacity: 0.7; filter: alpha(opacity=70); }

a { color: #4055a0; text-decoration:none; }
article a { text-decoration:none; }
article a p, #fd-content-broadcast p { line-height: 1.85; font-size: 1.05em;}
.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: #313e6b; background-color:transparent;}
dt label { color: #4b5d61; }
.small { font-size: 1em; line-height: 1.4;}
.highlight { color:#F00; }
strong {color: inherit; font-weight:700;}
a strong, a strong:visited { color: #428bca; }
a strong:hover { color: #0a8de9; }

/* CLASSES */
.button {   border: 2px solid #32548a; padding: 5px 30px; background-color: #fff; width: 100%; display:block; text-align: center; border-radius:10px;    line-height: 2em; color:#32548a;}
.button a, .button a:visited   { text-decoration:none; color:#32548a;}
.button:hover a {  color: #fff; } 
.button:hover  { background-color:#f56625; border: 2px solid #f56625; 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:#0392eb; }

.rule { border-bottom: 2px solid #cd5620; 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;  font-size:1.2rem; margin: 0.5em 0 1.5em 0;  padding-left: 30px; border-left: 4px solid #a09f9f; }

/* Site BUTTONS*/
#h2-error .btn.green { border: solid; border-radius: 60px; background-color: #028553;}

.btn.green {  color: #028553;  border: 2px solid #028553;  background-color: #fff; }
.btn.green:hover {background-color: #028553; border: 2px solid #028553; }
.btn.green:active {background-color: #028553; border: 2px solid #028553;  }

.btn.blue {  color: #0381cc;  border: 2px solid #0381cc; background-color: #fff;     border-radius: 20px; }

/* Extra Content banners */
.banner {  position: relative; background-color: #353131;}
.top-left {  position: absolute;  top:10px;  left: 10px; width: 100%; }
.bannerimage img { object-fit: cover;    height: 500px; opacity: 0.8;}
   @media screen and (max-width: 992px) { .bannerimage img  {  object-fit: cover; height: 300px; }}
   @media screen and (max-width: 768px) { .bannerimage img  {  object-fit: cover; height: 300px; }}
   @media screen and (max-width: 576px) { .bannerimage img   {  object-fit: cover; 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: 500px;   -o-object-fit: cover;   object-fit: cover; }
   @media screen and (max-width: 992px) { .vid-bannerimage img, .vid-bannerimage video  {   height: 300px; }}
   @media screen and (max-width: 576px) { .vid-bannerimage img, .vid-bannerimage video   {  height: 350px; }}

.bannertext { font-size:2.8em; color:#fff; font-weight:800; font-family: 'Raleway', sans-serif;  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;   padding-top: 80px;}}

.hmpgbutton { color:#fff; margin: 20px auto; text-align: center; border: none;  padding: 8px 20px; border-radius: 5px;     line-height: 2em; display: inline; background-color: rgb(247 167 99 / 60%);  font-weight:800;}
.hmpgbutton:hover  { background-color: #f98223; color: #fff;}
.hmpgbutton a { color:#fff; padding: 2px 12px; }

/*Events*/
.event-image .signature-image { border: none;  margin-right:20px; width:80px;}
.event-header .unimod-links.content-header { border: none;    font-size: 1em;     margin-top: 5px;}
h3.event-page-name  { font-size: 1.3em; margin-bottom: 0em;}
#fd-content-broadcast p {line-height: 1.7; font-size: 1em; }
.mod-index-divider { margin-bottom: 15px; }
.content-header p { font-size: 1em; line-height: 1.8em; margin-bottom: 0px; }

#sub-content h1 { font-size: 2em; margin-bottom: 1.5em;}

/* CARDS*/
.card { border: none; padding-right: 15px; background-color: transparent; display: flex; flex-direction: column; }
.card-body { padding: 1rem 0rem 0rem 0rem;     height: 350px; margin-bottom: 1rem;}
.card .signature-image { object-fit: cover; max-height: 10rem;}
h5.card-title { color: #5a5d64; font-size: 1.5em;   font-weight: 800;  line-height: 1.3; margin-bottom: .5rem; }
h5.card-title:hover { color: #cd5620;}
.card-body a { text-decoration: none; }
p.card-text { font-size: 1em;     line-height: 1.5; }
.card-date { color: #cd5620; }

/*RHP*/
#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; }

.latest-unimodule.box { border: none; border-bottom: 1px solid #cd5620; }

/*EVENT CAL*/
#event-search-calendar td.day.new-day.active.selected {     background-color: #f7b61f; }
#find-event-calendar { border-bottom: none; }
#calForm input.form-control, #filter.form-control {margin-bottom: 0em;}
#calForm .btn.green {     font-size: 22px; }
#calForm legend:hover {    color: #f7901b;}

/*  calendar styles */
#fd-content-load .fc-time { display:none }

/* 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; }


.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: 20px;}
.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: 20px;}
.details-slide.opened    { 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; }

.box-orange { color: #fff; padding: 60px 80px 3px 80px; background-color: #eba74f; }
@media screen and (max-width: 1300px) {.box-orange  { padding: 30px 35px 3px 35px;  } }
@media screen and (max-width: 600px) {.box-orange  { padding: 20px;} }

.fill-image { height: 350px; object-fit: cover; background-position: center center;     display: block;     background-color: #eba74f;}
@media screen and (max-width: 700px) {.fill-image  { height: 300px;   } }
@media screen and (max-width: 576px) {.fill-image  { height: 200px;   } }

 .button-small { color:#fff; margin: 20px auto; text-align: center; border: 2px solid #fff;  padding: 8px 20px; border-radius: 5px;     line-height: 2em; display: inline;   font-weight:800;}
 .button-small:hover  { background-color: #f79626; color: #fff;}
 .button-small a { color:#fff; padding: 2px 12px; }

/* 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-menu {     margin-bottom: 20px; background-color: #323640; }
.footer-menu .container { background-color: #323640; }
.footer-menu ul.menu { padding-inline-start: 0px; padding-left: 0px; margin-bottom: 0em;}
.footer-menu .nav-80840.secondary-menu-item, .footer-menu .nav-80841.secondary-menu-item, .footer-menu .nav-80842.secondary-menu-item {     margin-bottom: 0px; padding-top: 5px;     padding-bottom: 5px;} 
.footer-menu a { font-size: 0.9rem;     font-weight: 600;}
.footer-menu .social a { font-size: 2rem; padding-left: 10px;}

#footer,  #footer .container { background-color: #fff; }
#footer { padding-bottom: 300px; }
#footer p, #footer a { color: #333740; font-size: 1em; font-weight: 600;}
#footer a {padding: 0px;}
 #footer a:hover { color:#00c7f9; text-decoration:none;}
  #footer a.active { color:#00c7f9; }
#footer ul.menu { padding-left: 0px; }
@media print {        header, header *, #comment-form-hide-btn, #right-panel    {         display: none !important;     } }



/************** Hide signature image upload on front end  ***********/
#event-module-setup #field-signature_image { display:none; }