/* ======1=========2=========3=========4=========5=========6=========7======= */
/* jcf-logo-header-1.css                                                      */
/*----------------------------------------------------------------------------*/
/* 20170406-JCF, Changes: Now conforms to box-sizing: border-box, Header width and height, and Logo height */

/* try adding box shadows */
/*.so-header {
  box-shadow: rgba(12, 13, 14, 0.14902) 0px 1px 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  min-width: 1090px;
  z-index: 1030;
  background-color: rgb(250, 250, 251);
  height: 60px;
  box-sizing: border-box;
  border-top: 3px solid rgb(244, 128, 36);
  transition: box-shadow 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: box-shadow;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: initial;
}*/

#jcf-container-top-header {
  width: 100%;
  /*width: 100vw;*/
  height: 35px;
}
/*  box-shadow: 5px 5px 60px hsla(53, 100%, 51%, 0.5);*/
/* box-shadow: 10px 0 36px 0 rgba(0,0,0,0.2); */
#jcf-container-top-header {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .87em;
  color: #ffffff;
  background: #264693;
  margin: 0px 14px 0px 0px;
  border-top: 4px solid #000;
  border-bottom: 4px solid #000;
  border-left: 4px solid #000;
  border-right: 4px solid #000;
  padding: 2px 0em 0em .28em;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10000;
}
#jcf-header-top-left {
  color: #ffffff;
  float: left;
  margin: 0 0 0 .28em;
}
.jcf-company-message {
  font-size: .58em;
  font-weight: 900;
  font-style: oblique;
  font-variant: small-caps;
  letter-spacing: .4em;
  text-align: left;
  margin: 0em .18em .48em .48em;
}
#jcf-header-top-right {
  color: #ffffff;
  background: #000000;
  float: right;
  margin: 0 0 0 .28em;
  width: 6em;
  height: 1.5em;
  position: relative;
  top: 2px;
  right: 10px;
}
/*#jcf-header-top-right-wrapper {
  display: inline-block;
  width: 14px;
  border-bottom: 4px solid #000;
  border-right: 7px solid #000;
  border-top: 4px solid #000;
  float: right;
  position: relative;
  top: -4px;
  background-color: black;
}*/
#jcf-header-top-right-wrapper {
  position: relative;
  float: right;
  right: 3px;
}
.jcf-company-name {
  display: inline-block;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: .89em;
  padding: 0 .28em 0 .78em;
  /*width: 84%;*/
  text-align: center;
  top: -9px;
  position: relative;
}
#jcf-media-logo-wrapper {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  position: relative;
  top: 8px;
}
#jcf-media-logo-wrapper img#jcf-media-logo-image {
  height: 26px;
  /*height: 22px;*/
  border: solid 2px #009966;
}
#jcf-media-logo-text {
  /*display: inline-block;*/
  float: right;
  position: absolute;
  top: 14px;
  left: 41px;
}
/*
default box-sizing: content-box;
With the default box-sizing, as soon as an element has either padding
or border applied, the actual rendered width is wider than the width you set.

box-sizing: border-box; changes the way dimensions are measured for every element
so it includes borders and padding.
When you set the width of an element, that's the width that it is.
*/
/* 20140201 https://css-tricks.com/international-box-sizing-awareness-day/ */
/**, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}*/
/* 20150715 https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
/*html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}*/

/*----------------------------------------------------------------------------*/
/* JCF Popup-Nav Covers */
.jcf-nav-covers {
  background-color: transparent;
}
.jcf-nav-covers-item {
  width: 50%;
  height: 100%;
  display: inline-block;
  float: left;
}
.jcf-nav-covers-item:hover {
  cursor: pointer;
}
.jcf-nav-covers-item.jcf-hide-cover {
  background-color: initial;
  border: initial;
}
.jcf-nav-covers-item.jcf-show-cover {
  background-color: rgba(255, 255, 255, 0.42);
  border: solid 2px #fff;
}
#jcf-top-nav-cover {
  width: calc(100vw - 110px);
  /*width: 100vw;*/
  height: 35px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 11000;
}
#jcf-bottom-nav-cover {
  width: 100%;
  height: 36.11px;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 11000;
}
#jcf-bottom-nav-cover::after {
  content:".";
  visibility:hidden;
  display:block;
  height:0;
  clear:both;
}
/* ======1=========2=========3=========4=========5=========6=========7======= */