@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800'); 

#tinymce { background-color: #fff; }
.ui-widget-overlay {     background-color: #fff;     }
body {font-family: 'Montserrat', sans-serif;     background-color: white;}
header .container { background-color: transparent; }
header.top-header  {background-color: #fff; }

/*social media icons*/
.social { }
.social a { color:#1c2e8e;     font-size: 1.5rem; margin: 0px 10px 20px 0px; float:right; }
.social a:hover  { color:#dc2901; }
@media screen and (max-width: 576px) {.social { margin-top: 0px; float:left;  } }


.navbar-right { float: right; margin-top: 40px;}

.navbar { padding: 0rem 1rem; }
nav .container { padding-left: 0px; }
    .menu a, .menu a:visited,  .primary-menu .menu, .primary-menu .menu a, .primary-menu .menu a  { background-image: none; font-weight: 600; color:#dc2901;}
.primary-menu, .small-hidden-menu ul li, .menu li li a  
{ background-image: none;  margin-left: 0px; margin-right: 0px;  background-color: #fff; }
    .primary-menu a, .primary-menu a:visited { color:#dc2901; padding-left: 17px; padding-right: 17px;  }
    .primary-menu .menu a.active, .primary-menu .menu a:hover,  .small-hidden-menu ul li:hover { color:#1a2e8e;  background-color: #fff;  background-image: none;}

.secondary-menu, a.secondary-menu-item  { color: #fff; background-color: #1a2e8e;     text-transform: uppercase; background-image: none; }
 .secondary-menu .menu a { color: #fff;  background-color: #1a2e8e;  background-image: none;     padding-left: 17px;   padding-right: 17px;}
.secondary-menu .menu { background-image: none; }
    .secondary-menu .menu a:hover, .secondary-menu .menu a.active { background-color: #ca0202;  }
.small-hidden-menu ul li a.secondary-menu-item { color: #fff; background-color: #1a2e8e; }
.small-hidden-menu ul li a.secondary-menu-item.hover, .small-hidden-menu ul li a.secondary-menu-item.active { color: #fff; background-color: #dc2901; }
.secondary-menu ul ul {    background-color: #1c2e8d; }

/* 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 20px 7px 20px; }
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.menu { background-color: rgba(255,255,255,0.75);  padding-left: 0px; margin-top: 130px;}

#search fieldset { background-color: #fff; padding: 5px 5px 5px 15px; border: 1px solid #bababa; border-radius: 20px; }
#search input { width: 80%;}
#search input.form-control { border: none; background-color: transparent; padding-left: 0px; padding-right: 0px; }
#search fieldset .form-group { margin-bottom: 0px; }
#search-btn { padding: 2px 7px 0px 0px;}
#search-btn:hover { color: red;}
#search-text { background-color:transparent; text-transform: uppercase; font-size: 0.8em;}

#main-content {  background-color: #fff;    background-image: none;}
#middle-panel { margin-bottom: 30px;    margin-top: 10px; }
@media screen and (max-width: 600px) { #middle-panel  {  margin-bottom: 10px; margin-top: 0px;}}
#right-panel  {  margin-bottom: 30px; }
@media screen and (max-width: 600px) { #right-panel  {  margin-top: 10px; }}
#content-extra img, #content-top, #content-bottom { width:100%; }
@media screen and (max-width: 600px) {#content-top, #content-bottom {  padding-left: 15px; padding-right: 15px; }}

p { color: #5b5a5a; line-height: 1.6;     font-weight: 500;}
ul li, ol li  { color: #5b5a5a; line-height: 1.4; margin-bottom: 0.7em; }
.intro { font-size: 1.2em; 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: 'Montserrat', sans-serif; }

h1 { font-size:2.1em; color:#384a91; font-weight:800; margin-bottom:0.5em; line-height: 1.4;}
h1 a, h1 a:visited { color:#384a91; }
h2 { font-size:1.7em; color:#384a91; font-weight:800; margin-bottom:0.3em; margin-top:0.5em; line-height: 1.3;} 
h2 a, h2 a:visited { color:#384a91; }
h3 { font-size:1.4em; color:#384a91; font-weight:700; margin-bottom:0.4em; line-height: 1.4;}
h3 a, h3 a:visited { color:#384a91; }
h4 { font-size:1.3em; color:#de750b; font-weight:700; margin-bottom:0.4em; line-height: 1.35;}
h4 a, h4 a:visited { color:#de750b; }
h5 { font-size:1.1em; color:#384a91; font-weight:700; margin-bottom:0.4em; line-height: 1.4;}
h5 a, h5 a:visited { color:#384a91; }
h6 { font-size:1.0em; color:#384a91; font-weight:700; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.4;}
h6 a, h6 a:visited { color:#384a91; }
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:#0381cc; }

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

a { color: #4383c7; }
article a { text-decoration:none; }
article a p { line-height: 1.7; }
.content-header {     margin-bottom: 10px; }
.signature-image {     margin-top: 3px; }
.read-more:hover { color:#007bff;}

legend { font-size:1.2em; color: #ab5804; background-color:transparent;}
dt label { color: #4b5d61; }
.small { font-size: 1em; line-height: 140%;}
.highlight { color:#F00; }
strong {color: inherit;}
a strong, a strong:visited { color: #428bca; }
a strong:hover { color: #0a8de9; }

/* CLASSES */
.button {   border: 5px solid #babcc5; padding: 10px 10px; background-color: #fff; width: 100%; display:block; text-align: center; }
.button:hover  { background-color:#384a91; border: 5px solid #384a91; color:#fff;  }
.button a, .button a:visited   { text-decoration:none;}
.button:hover a {  color: #fff; } 

.orange, .orange a {  color: #e87b0d;  }
.orange:hover, .orange a:visited, .orange:hover a    {  color: #e87b0d;  } 

.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 #aaaea7; padding-bottom: 10px; margin-bottom: 30px;}
.rule a, .rule a:visited   { text-decoration:none; }
.rule a:hover { color:#0392eb; text-decoration:none; }

.nopadding, .nopadding  p {    padding: 0 !important;    margin: 0 !important; }
.bgimage img { object-fit: cover;    height: 270px; width: 100%; object-position: left bottom; }
@media screen and (max-width: 1800px) {.bgimage img  { height: 220px;} }
@media screen and (max-width: 992px) {.bgimage img { height: 200px;} }
@media screen and (max-width: 769px) {.bgimage img  { height: 160px;} }
@media screen and (max-width: 576px) {.bgimage img  { height: 120px;} }

.imagetext  { color: #fff;   font-size:2.4rem;  font-weight:800; display: block;     position: absolute;   z-index: 30;    top: 30px;  left: 30px; padding: 20px 30px;       line-height: 0.9;     text-align: left;  } 
.imagetext a { color: #fff; }
.imagetext:hover a { color: rgba(255, 255, 255, 0.8); }
@media screen and (max-width: 1800px) {.imagetext,  .imagetext a  { font-size:2.2rem;} }
@media screen and (max-width: 992px) {.imagetext,  .imagetext a  { font-size:1.5rem; ;} }
@media screen and (max-width: 769px) {.imagetext,  .imagetext a  { font-size:1.8rem; } }
@media screen and (max-width: 576px) {.imagetext,  .imagetext a  { font-size:2rem; } }

.caption { line-height:1.4em; font-size:0.9em; }
.paddingnone { padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; padding-top: 0px; }

/* CARDS*/
.card { border: none; padding-right: 15px; }
.card.card-theme .card-body { padding: 1rem 0rem 0rem 0rem;     height: 150px; margin-bottom: 1rem;}
.card.card-theme .signature-image{ object-fit: cover; }
h5.card-title { font-size: 1.5em;   font-weight: 800;  line-height: 1.3; margin-bottom: .5rem; }
h5.card-title a:hover { color:#000; }
.card-body a { text-decoration: none; }
p.card-text {  display: none; font-size: 1em; line-height: 1.5; }


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

#event-search-calendar td.day.new-day.active.selected {     background-color: #f7b61f; }

.bootstrap-modal-btn:hover { color: #428bca; }
.bootstrap-modal-btn:before { color: #084c71; font-family: FontAwesome, 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;}
.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; }

.googlemaps {  overflow:hidden;     padding-bottom:56.25%;     position:relative;     height:0; }
.googlemaps 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: #1c2e8d; }
#footer { padding-bottom: 100px; }
#footer p, #footer a { color: #fff; }
 #footer a:hover { color:#fb9936; text-decoration:none;}
  #footer a.active { color:#fb9936; }
#footer ul.menu { padding-left: 0px; }
@media print {        header, header *, #comment-form-hide-btn, #right-panel    {         display: none !important;     } }