@import url('https://fonts.googleapis.com/css?family=Oswald:300,400|Open+Sans:400,600,700');

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

ul li, ol li  { color: #5b5a5a; line-height: 1.4; font-size: 1.15em; margin-bottom: 0.7em; }
ul.menu li.primary-menu-item, ul.menu li.secondary-menu-item { font-size: 1.1em; }

nav .container { padding-left: 0px; font-weight: 600; color:#395765;  }
.primary-menu .menu, .primary-menu .menu a, .secondary-menu .menu, .secondary-menu .menu a { padding-left: 17px; background-image: none;  }
.primary-menu, .secondary-menu, .small-hidden-menu ul li, .menu li li a  
{ background-image: none;  margin-left: 0px; margin-right: 0px; background-color: #fff; font-weight: 600; }
    .primary-menu a, .primary-menu a:visited, .secondary-menu a, .secondary-menu a:visited  { color:#fff; padding-left: 17px; padding-right: 17px; color:#395765; }
    .menu a:hover { color:#0299d0; text-decoration:none;}
    .menu a.active { color:#0299d0; }
.primary-menu .menu a.active, .primary-menu .menu a:hover, .primary-menu .menu a { background-image: none; }

 .primary-menu a, .primary-menu a:visited   {font-size: 1em; }
.secondary-menu { border-top: 1px #395765 solid; border-bottom: 1px #395765 solid; text-transform: uppercase; }

/*mobile menu */
.small-hidden-menu .xs-opener {     border: none;     color: #fff;     background-color: #5c7582;     font-size: 1.1em;     padding: 10px 50px;      top: 50px; left: 200px;}
.small-hidden-menu .xs-opener:hover  {     color: #8edaf7; }
.small-hidden-menu .details-slide.menu { background-color: rgba(255,255,255,0.75);  padding-left: 0px; margin-top: 160px;}
.small-hidden-menu  li { line-height: 1em; }
.small-hidden-menu ul a.details-opener:after { font-family: "Font Awesome 5 Pro"; content: " \f107";} 
.small-hidden-menu .details-opener { } 

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

.members {  font-weight: 400; color:#395765;   float: right;     margin: 5px 10px; font-family: 'Oswald', sans-serif;}
.members a { color:#395765;  }
.members a:hover  { color:#00aeef;  }

.social a {  display: block; text-align: center; color:#fff;     font-size: 15px;  height: 30px; width: 30px;  float: right; margin-left: 10px; margin-bottom: 10px; border-radius: 50%;}
.social a:hover { 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.instgram, .social a.youtube, .social a.twitter, .social a.facebook, .social a.flickr, .social a.mail, .social a.linkedin { background-color: #5d7683;  }
.social a.instgram:hover , .social a.youtube:hover, .social a.twitter:hover, .social a.facebook:hover , .social a.flickr:hover, .social a.mail:hover, .social a.linkedin:hover  { background-color: #00aeef;  }

#search {      top: 5px; width: 99%;     margin-top: 0px;     margin-bottom: 0px;}
#search fieldset { background-color: #fff; padding: 5px 5px 5px 5px; min-height: 35px; border-right: 1px solid #395765; border-left: 1px solid #395765; margin-bottom: 0px;}
#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: 0px; min-height: 35px;  }
#search-btn:hover {     color: #003e7e;}
#search-btn { background-color:transparent; float: right;}

#main-content {  background-color: #fff;    background-image: none;}
#middle-panel { margin-bottom: 30px; }
#right-panel  {  margin-bottom: 30px; }
#content-extra img { width:100%; }
#content-bottom img { width:100%;      }

p { color: #5b5a5a; line-height: 2;     font-size: 1.15em;}

.intro { font-size: 1.2em; margin-top: 1em; margin-bottom: 1em; }
.box ol, .box ul { margin: 6px 10px 0 10px;     padding-left: 20px; }

h3, h2, h1, legend {font-family: 'Oswald', sans-serif; }

h1 { font-size:3em; font-weight:300; color:#395765;  margin-bottom:0.233em; line-height: 1.4;     margin-top: 0px;}
h1 a, h1 a:visited { color:#395765; }
h2 { font-size:2.3em; color:#395765; font-weight:400; margin-bottom:0.1em; margin-top:0.8em; line-height: 1.4;}
h2 a, h2 a:visited { color:#395765; }
h3 { font-size:2.0em; color:#027eac; font-weight:400; margin-bottom:0.4em; line-height: 1.4;}
h3 a, h3 a:visited { color:#027eac; }
h4 { font-size:1.3em; color:#395765; font-weight:600; margin-bottom:0.4em; line-height: 1.35;}
h4 a, h4 a:visited { color:#395765; }
h5 { font-size:1.1em; color:#027eac; font-weight:600; margin-bottom:0.4em; line-height: 1.4;}
h5 a, h5 a:visited { color:#027eac; }
h6 { font-size:1.0em; color:#395765; font-weight:700; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.4;}
h6 a, h6 a:visited { color:#395765; }
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:hover { opacity: 1; }
a img:hover { opacity: 0.7; filter: alpha(opacity=70); }

article a { text-decoration:none; }
article a p { line-height: 1.9; }
.content-header {     margin-bottom: 10px; }
.signature-image {     margin-top: 3px; }

legend { font-size:1.2em; color: #027eac; background-color:transparent;}
dt label { color: #184d3f; }
.small { font-size: 1em; line-height: 1.4;}
.highlight { color:#f00; }
strong { color: #5b5a5a; }
a strong, a strong:visited { color: #428bca; }
a strong:hover { color: #0a8de9; }

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

.background { color: #fff; padding: 8px 13px 8px 13px; background-color: #029cd6;  text-align: center; display:block; margin-bottom: 0em; margin-top: 0em;}
.background a, .background a:visited   { color: #fff; text-decoration:none;}
.background a:hover  { color:#fff; text-decoration:underline;}

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


section.xtra-content {     position: relative;     overflow: hidden;}
.imagetext,  .imagetext a  { color: #fff;  display: block;  position: absolute;      
bottom: 20px;  left: 100px; padding: 10px;        z-index: 30;    -webkit-box-sizing: border-box; 
 font-family: 'Oswald', sans-serif;  font-size: 2rem;     line-height: 2rem;}
@media screen and (max-width: 992px) {.imagetext,  .imagetext a { bottom: 20px;  left: 70px; font-size: 1.5rem;     line-height: 1.5rem; } }
@media screen and (max-width: 600px) {.imagetext,  .imagetext a { bottom: 10px;  left: 40px;    font-size: 1.3rem;     line-height: 1.2rem; } }


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

/* 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: 800px; 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  {       background-color: #25455a; 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;     opacity: 0.7; }
.vid-bannerimage img, .vid-bannerimage video {    width: 100%;     height: 900px;   -o-object-fit: cover;   object-fit: cover; }
   @media screen and (max-width: 992px) { .vid-bannerimage img, .vid-bannerimage video  {   height: 750px; }}
   @media screen and (max-width: 576px) { .vid-bannerimage img, .vid-bannerimage video   {  height: 450px; }}

.bannertext { font-size:3.4em; color:#fff; font-weight:700;  line-height: 1.2;  padding: 200px 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: 120px;}}


.hmpgbutton { color:#5d5e5e; margin: 20px auto; text-align: center; border: none;  padding: 8px 20px; border-radius: 4px;     line-height: 2em; display: table; background-color: rgba(253, 253, 253, 0.6);  font-weight:600;}
.hmpgbutton:hover  { background-color: #fff; border: none; color: #5d5e5e;}
.hmpgbutton a { color:#5d5e5e; padding: 2px 12px; }



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


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

.btn.green {  color: #028553;  border: 2px solid #028553; background-color: #fff;     border-radius: 20px; }
.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; }

 /* Family of Websites*/
.fow-h1 { font-size: 3.3em;     font-weight: 400;     color: #fff;     margin-bottom: 0.5em;}
.fow-h1 a, h1.fow-h1 a, h2.fow-h1 a { color: #fff; }
.fow-h1 a:hover, h1.fow-h1 a:hover, h2.fow-h1 a:hover { color: #befcfd;}
.fow-h4 {     font-size: 1.5em;     color: #fff;  margin-bottom: 1em;}
.fow-title  {color: #fff; font-size: 2em; padding: 10px 50px; font-family: 'open sans', sans-serif;  font-weight:700;   }
.fow-txt {color: #fff;     padding: 10px 50px; }
.button-fow {     border: 1px solid #fff;     padding: 10px 20px;     background-color: transparent;     width: auto;     display: inline;     text-align: center;     border-radius: 10px;     color: #fff;     font-weight: 600;     font-size: 0.8em;     margin-left: 50px;} 
.button-fow:hover   { background-color: #00000040; }

.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", sans-serif; 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", sans-serif; 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; }

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

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

#footer ul.menu { padding-left: 0px; margin-left: 0px;     margin-top: 5px;}
#footer .menu ul { font-size: 0.9em; }
#footer .menu a { padding: 3px 10px 3px; color: #fff;  }
#footer .menu a.active, #footer .menu a:hover { color: #6fd0f5;   }

#footer, #footer .container { background-color: #395765; }
#footer { padding-bottom: 100px; }
#footer p, #footer p a { color: #fff; }
@media print {        header, header *, #comment-form-hide-btn, #right-panel    {         display: none !important;     } }