/* MSOWC - JC - CSS */

@font-face {
  font-family: baskerville-urw, serif;
}

body {
  font: 15px/1.15 'franklin-gothic-urw', sans-serif;
}

/* LISTING AND PROGRAM TEXT COLOR */
h1,
h2,
h3,
h4,
h5 {
  font-family: baskerville-urw, serif;
  color: #253340;
  font-weight: 700;
}

h1.logo-customized>a>img {
  height: 65px;
}

/*  COOKIES  */
.cookie-notice {
  width: 100%;
  position: fixed;
  z-index: 100;
  bottom: 0;
  background-color: #e63d2f;
  opacity: .93;
  padding: 20px 30px 12px;
  color: #fff;
  border-top: 1px solid #fff;
  font-family: 'proxima nova bold';
  display: none;
}

.cookie-notice p,
.cookie-notice #cookie-btn {
  display: inline-block;
}

.cookie-notice p {
  width: 90%;
}

.cookie-notice #cookie-btn {
  float: right;
}

.cookie-notice a {
  color: inherit;
  text-decoration: underline;
}

.cookie-notice #cookie-btn {
  color: #e63d2f;
  background-color: #fff;
  padding: 5px 10px;
  margin-left: 10px;
  cursor: pointer;
}

@media (max-width: 678px) {
  .cookie-notice {
    padding: 20px 20px 12px;
  }

  .cookie-notice p {
    width: 80%;
  }
}

#product-page #feature {
  padding-top: 0;
  background-color: transparent;
  color: black;
}

.product-bg {
  background-color: #e4e2e2 !important;
}

.product-details {
  color: black;
  font-weight: 500;
}

.callout-region {
  background-color: #e4e2e2;
}

/* Navigation */

.jc-directory-menu {
  background-color: #929ba2;
  border: 0px;
  position: relative;
  z-index: 1;
}

.nav>li>a {
  padding: 15px 10px;
}

.navbar-default .navbar-nav>li>a {
  color: #f0f0f0;
}

.navbar-default .navbar-nav>li>a:hover {
  color: #8A2432;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  text-decoration: underline;
  color: #8A2432;
  background-color: inherit;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #f0f0f0;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #8A2432;
  }
}

.nav-pills>li>a,
.admin-product-nav__pills>li>a {
  border-radius: 4px;
  color: black;
}

.nav>li>a:hover,
.nav>li>a:focus {
  text-decoration: underline;
  background-color: transparent;
}

#search-form .search-label,
#search-form .search-box-wrapper {
  display: inline-block;
}

#search-form .search-box-wrapper {
  margin-left: 0;
}

#search-form .search-form-container {
  padding: 4px 0;
  height: 60px;
}

#search-form .search-form-container.search-form-bar {
  background-color: #253340;
  height: inherit;
  padding: 8px 0;
}

#search-form .search-form-container.search-form-bar .search-form .search-box-wrapper {
  margin-top: 0;
}

#search-form.callout-region {
  background-color: #929ba2;
}

#search-refine-button--refine {
  display: none;
}

::placeholder {
  color: #9f9f9f !important;
}

p.jcwo-catalog-login {
  font-size: 1.5em;
  color: #f0f0f0;
  margin-bottom: 5px;
  margin-top: 5px;
  text-transform: uppercase;
  font-weight: 900;
}

p.jcwo-catalog-login-sub {
  color: #f0f0f0;
  margin-bottom: 20px;
  font-size: 1.3em;
}

h1.jcwo-main-title {
  font-size: 40px !important;
  font-weight: 900 !important;
  font-family: 'baskerville-urw', sans-serif;
  text-transform: uppercase;
  margin: 0 auto;
  color: #fff;
}

p.jcwo-login {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 0;
}

#page-header {
  color: #414042;
}

.skills-cat-descrip {
  padding: 0 15px;
}

.skills-cat-descrip>h2 {
  margin-bottom: 15px;
  color: #253340;
  font-size: 30px;

}

#home-page .feature-region {
  height: 300px;
  background-repeat: no-repeat;
  background: url(https://onlineworkforcecollege.com/wp-content/uploads/catalog/jc/background1.jpg);
  background-size: cover;
}

#home-page #feature h3 {
  text-align: center;
  font-size: 2.3em;
  margin-top: 1em;
  line-height: 1;
  color: #FFF;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-color: #253340;
}

.msowc-banner>div>a>img {
  max-height: 230px;
  max-width: 100%;
}

.msowc-panel-heading {
  height: 85px;
  font-weight: 700;
  color: #8A2432;
  background-color: #253340 !important;
  border: 0px;
}

.msowc-panel-body {
  color: black;
  margin: 0 auto;
  text-align: center;
  /* height: 225px; */
}

.msowc-panel-body>p {
  font-size: 15px;
  text-align: left;
}

.msowc-panel-heading>h3 {
  margin-top: 2px;
  text-align: center;
  font-size: 25px;
  /* text-transform: uppercase; */
  font-weight: 500;
  color: #e2e2e2;
}

#listings {
  padding: 0;
}

/* Trest Edits 11.20.20 Clean this garbage up*/
.content {
  outline: none;
}

.msowc-btn {
  color: #fff;
  background-color: #8A2432;
  border: 0;
  width: 100%;
  font-weight: 900;
  text-transform: uppercase;
}

.product-tile .product-heading .product-title {
  font-size: 24px;
  text-align: left;
}

.product-tile .product-footer {
  color: #253340;
  font-weight: 500;
  text-transform: uppercase;
}

.product-results .product-tile:hover {
  box-shadow: inset 0px -5px 0px #8A2432;
}

.msowc-panel {
  margin-bottom: 30px;
  margin-top: 15px;
}

h2 {
  margin-bottom: 5px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  color: #253340;
  background-color: #d5dbdf;
  border-color: #253340;
}

.skills-training-panels .col-md-3 {
  position: unset;
}

.navbar-collapse {
  padding: 0;
}

ul.navbar-nav .dropdown:first-of-type a.dropdown-toggle {
  padding-left: 0;
}

#page-header {
  padding-bottom: 15px;
}

.nav-pills.nav-pills-nav>li>a {
  background-color: #253340;
  color: white;
  margin: 0 15px;
}

.Product__AssociatedProducts a {
  pointer-events: none;
  color: #333333;
}

.AccountDropdown--margin-top .Dropdown__Wrapper .Dropdown__ToggleTextWrapper {
  vertical-align: middle;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .navbar-collapse {
    padding: 0 15px;
  }

  ul.navbar-nav .dropdown:first-of-type a.dropdown-toggle {
    padding-left: 15px;
  }

  .navbar-default .navbar-nav>li>a {
    font-size: 18px;
  }

  .nav-pills.nav-pills-nav>li:first-of-type>a {
    margin-bottom: 15px;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .navbar-default .navbar-nav>li>a {
    /* font-size: 15px; */
  }

  #search-form .search-form-container {
    height: 106px;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  .navbar-default .navbar-nav>li>a {
    /* font-size: 14px; */
  }

  #search-form .search-form-container {
    height: 106px;
  }
}

/* Extra large devices (large desktops) */
/* No media query since the extra-large breakpoint has no upper bound on its width */