/* ------------------------------------------------------------------
   #Subheader — page-title banner with breadcrumbs ("both left" style,
   200px vertical padding, white title over the image, as configured before).
   ------------------------------------------------------------------ */
#Subheader {
  position: relative;
  padding: 200px 0;
  background-color: #ffffff;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
#Subheader::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  z-index: 1;
  display: block;
  width: 100%;
  height: 3px;
  box-shadow: inset 0 4px 3px -2px rgba(0, 0, 0, 0.06);
}
body.no-shadows #Subheader::after { display: none; }

#Subheader .container {
  display: block;
  position: relative;
  max-width: 1345px;
  margin: 0 auto;
}
#Subheader .container::after { content: ""; display: block; clear: both; }
#Subheader .column { margin: 0; width: 100%; }

#Subheader .title {
  float: none;
  width: 100%;
  margin: 0;
  color: #ffffff;
  font-family: "ITC Charter ", Georgia, serif;
  font-size: 58px;
  line-height: 65px;
  font-weight: 700;
  letter-spacing: 0;
}
#Subheader ul.breadcrumbs {
  display: block;
  float: none;
  width: 100%;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  font-size: 1em !important;
  text-align: left;
}
#Subheader ul.breadcrumbs li { display: inline-block; }
#Subheader ul.breadcrumbs li,
#Subheader ul.breadcrumbs li a { color: rgba(255, 255, 255, 0.6); text-decoration: none; }
#Subheader ul.breadcrumbs li span { margin: 0 10px; opacity: 0.4; }
#Subheader ul.breadcrumbs.no-link li:last-child a { pointer-events: none; }

@media only screen and (min-width: 960px) and (max-width: 1239px) {
  #Subheader .container { max-width: 940px; }
  #Subheader .title { font-size: 49px; line-height: 55px; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #Subheader .container { max-width: 708px; }
  #Subheader .title { font-size: 44px; line-height: 49px; }
}
@media only screen and (max-width: 767px) {
  #Subheader { padding: 200px 0; }
  #Subheader .container { max-width: 550px; padding: 0 33px; }
  #Subheader .title { font-size: 35px; line-height: 39px; }
  #Subheader ul.breadcrumbs { display: none; }
}
