/* Page Title */
#design-page-title.design-header-image { background: #000; }
#design-page-title.design-header-image #design-title { padding: 0; }

/* Content Containers */
#design-main-top.main-dept { padding: 40px 0; background: #fff; }
#design-main-top.main-dept .dii-container { margin: 0 0 30px 0; }

/* Header Styles */
body .main-dept .dii-content-header { margin-bottom: 15px; }
body .main-dept .dii-content-header h2 { font-size: 50px; color: #000; line-height: 0.9; text-align: left; }

/* Article Styles */
body .main-dept .dii-content-article:not(.dii-content-linkview) { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #e8e6e6; }
body .main-dept .dii-content-article > .dii-content-story p { margin-bottom: .5em; }
body .main-dept .dii-content-article > .dii-content-story ul { padding-left: 30px; }
body .main-dept .dii-content-article > .dii-content-story li { margin-bottom: .25em; }
body .main-dept .dii-content-article > .dii-content-story th,
body .main-dept .dii-content-article > .dii-content-story td { font-family: 'urw-din', sans-serif; font-size: 15px; }

/* Content Styles */
body .main-dept .dii-content-article > .dii-content-story h2 { margin: 1em 0 0.5em 0; font-size: 22px; font-weight: 400 !important; color: #000; }
body .main-dept .dii-content-article > .dii-content-story h3 { margin: 0 0 .25em 0; font-size: 18px; font-weight: 400; color: #c5a16e; }

/* Coaches */
body .main-coaches #design-container-main .dii-content-header h2 { margin-bottom: 1em; padding: 0; font-family: 'urw-din', sans-serif; font-size: 28px; font-weight: 600; color: #c5a16e; line-height: 1.1; text-decoration: none; }
body .main-coaches { text-align: center; }
body .main-coaches .dii-content-title { text-align: left; }
body .main-coaches .dii-content-title a { text-transform: uppercase; }
body .main-coaches .dii-content-article { display: inline-block; margin: 0 0.5% 1em 0.5%; padding: 0 10px; width: 24%; border: none; box-sizing: border-box; }
body .main-coaches .dii-content-article:first-of-type { margin-left: 0; }
body .main-coaches .dii-content-article:last-of-type { margin-right: 0; }
body .main-coaches .dii-content-article > .dii-content-story h2 { margin: 0 0 5px 0; font-size: 20px; font-weight: 700 !important; color: #c5a16e; }
body .main-coaches .dii-content-article > .dii-content-story h3 { margin: 0; font-size: 16px; color: #000; }
body .main-coaches .dii-content-article > .dii-content-story { font-size: 16px; color: #999; }
body .main-coaches .dii-content-title-photo { display: block; padding-top: 0; border: none; }
body .main-coaches .dii-content-title-photo img { display: inline-block; width: 160px !important; height: 160px !important; max-height: 160px; border-radius: 50%; border: 3px solid #c5a16e; background-color: rgba(0,0,0,1); overflow: hidden; }

/* Buttons */
body .main-dept .dii-content .dii-content-story .btn-gold { padding: 12px 20px; font-size: 15px; text-transform: none; }

/* Header Images */
.design-header-image .dii-content-title-photo img { max-height: 330px; }
.design-header-image .dii-content-image h2.dii-content-title {
  display: table-cell;
  position: relative;
  width: 100%;
  height: 330px;
  padding: 0;
  font-family: 'urw-din', sans-serif;
  font-size: 50px !important;
  font-weight: 500;
  color: rgba(255,255,255,0);
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 0px 8px rgba(0,0,0,0.5);
  vertical-align: middle;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
}
.design-header-image .dii-content-image { display: table; position: relative; padding: 0; width: 100%; height: 330px; background: #000; }
.design-header-image .dii-content-image h2::before { position: absolute; z-index: -1; content: ''; display: block; width: 100%; height: 330px; top: 0; background: #000; opacity: .1; transition: var(--hover-transition) }
.design-header-image .dii-content-image:hover h2::before { opacity: .2; }
.design-header-image .dii-content-image > a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 330px; z-index: 4; }
.design-header-image .dii-content-image > a img { display: none !important; }
.design-header-image .dii-content .dii-content-title-photo { margin: 0; padding: 0; border: none; }

@media (min-width: 1025px) {

  .design-header-image .dii-content-image h2 { font-size: 50px !important; }

}

@media screen and (max-width: 1024px) {

  .design-header-image .dii-content-image,
  .design-header-image .dii-content-image h2::before,
  .design-header-image .dii-content-image > a,
  .design-header-image .dii-content-image h2 { height: 250px; }

}

@media screen and (max-width: 850px) {

  .design-header-image .dii-content-image,
  .design-header-image .dii-content-image h2::before,
  .design-header-image .dii-content-image > a,
  .design-header-image .dii-content-image h2 { height: 200px; }

}

@media screen and (max-width: 800px) {

  .dii-content-story img { height: initial !important; width: initial !important; }

}

@media screen and (max-width: 667px) {

  .design-header-image .dii-content-image h2 { font-size: 32px !important; }
  .design-header-image .dii-content-image,
  .design-header-image .dii-content-image h2::before,
  .design-header-image .dii-content-image > a,
  .design-header-image .dii-content-image h2 { height: 160px; }

  body .main-dept .dii-content-header h2 { font-size: 40px; }

}

@media screen and (max-width: 480px) {

  .design-header-image .dii-content-image,
  .design-header-image .dii-content-image h2::before,
  .design-header-image .dii-content-image > a,
  .design-header-image .dii-content-image h2 { height: 130px; }

}