/* Page Title */
#design-page-title { background: #e8e6e6; }
#design-title { padding: 40px 0 20px 0; font-size: 50px; color: #000; text-align: left; text-transform: uppercase; }
#design-page-title.design-header-image { background: #000; }
#design-page-title.design-header-image #design-title { padding: 0; }

body #design-title .dii-content-header { margin: 0; }
body #design-title .dii-content-header h2 { font-size: 50px; color: #000; text-align: left; }

/* 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 { 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 .content-style-3.coach-info ul { padding-left: 10px; }
body .main-dept .dii-content-article > .dii-content-story th,
body .main-dept .dii-content-article > .dii-content-story td { font-family: 'proxima-nova', sans-serif; font-size: 15px; }

/* Content Style Variations */
body .main-dept .dii-content-article > .dii-content-story .content-style-1 h2 { margin: 1em 0 0 0; font-size: 22px; font-weight: 400 !important; }
body .main-dept .dii-content-article > .dii-content-story .content-style-2 h2 { margin: 1em 0 0.5em 0; font-size: 22px; font-weight: 400 !important; }
body .main-dept .dii-content-article > .dii-content-story .content-style-3 h2 { font-size: 22px; font-weight: 400 !important; }
body .main-dept .dii-content-article > .dii-content-story .content-style-4 h2 { margin: .5em 0 0.25em 0; font-size: 28px; font-weight: 400 !important; }
body .main-dept .dii-content-article > .dii-content-story .content-style-1 h2:first-of-type,
body .main-dept .dii-content-article > .dii-content-story .content-style-2 h2:first-of-type,
body .main-dept .dii-content-article > .dii-content-story .content-style-3 h2:first-of-type,
body .main-dept .dii-content-article > .dii-content-story .content-style-4 h2:first-of-type { margin-top: 0; }
body .main-dept .dii-content-article > .dii-content-story .content-style-1 h2 { color: #000; }
body .main-dept .dii-content-article > .dii-content-story .content-style-2 h2,
body .main-dept .dii-content-article > .dii-content-story .content-style-3 h2,
body .main-dept .dii-content-article > .dii-content-story .content-style-4 h2 { color: #00a1e1; }
body .main-dept .dii-content-article > .dii-content-story .content-style-1 h3,
body .main-dept .dii-content-article > .dii-content-story .content-style-2 h3 { margin: 0 0 .25em 0; font-size: 18px; font-weight: 400; }
body .main-dept .dii-content-article > .dii-content-story .content-style-3 h3 { margin: 0; }
body .main-dept .dii-content-article > .dii-content-story .content-style-1 h3 { color: #00a1e1; }
body .main-dept .dii-content-article > .dii-content-story .content-style-2 h3 { color: #000; }

body .main-dept .dii-content-article .dii-content-story .content-style-4 td { padding: 10px 20px; text-align: center; }
body .main-dept .dii-content-article .dii-content-story .content-style-4 td h3 { margin: .5em 0 .75em 0; font-size: 30px; font-weight: 400; color: #00a1e1; line-height: 1.0; letter-spacing: 1px; text-align: center; }

body .main-dept .dii-content .dii-content-story .content-style-3 div { display: inline-block; padding: 10px 0 10px 20px; width: 34%; border-right: 1px solid #c7c7c7; box-sizing: border-box; }
body .main-dept .dii-content .dii-content-story .content-style-3 div:first-of-type { padding-left: 0 !important; width: 22%; }
body .main-dept .dii-content .dii-content-story .content-style-3.coach-info div { padding-left: 20px; width: 30%; }
body .main-dept .dii-content .dii-content-story .content-style-3.coach-info div:first-of-type { width: 16% !important; border-right: none !important; }
body .main-dept .dii-content .dii-content-story .content-style-3 div:last-of-type { margin-right: 0; border: none; }

/* Club Staff Photos */
body .main-dept .club-staff { display: block; max-height: 160px; border-radius: 50%; border: 1px solid #00a1e1; background-color: rgba(0, 161, 225, 1); overflow: hidden; }
body .main-dept .dii-content .dii-content-story .content-style-3 .club-staff { width: 160px !important; height: 160px !important; }

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

/* About */
#design-main-2.main-about { padding: 40px 0; background: #fff; box-sizing: border-box; }
#design-main-image.main-about { padding: 20px; background-color: #000; background-image: url('/_files/5d49cd6cd86e6f4627d9f8df/about-bg.jpg'); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
body .main-about .dii-content-article > .dii-content-story h1 { margin: .2em 0 .1em 0; font-size: 50px; font-weight: 400; text-transform: uppercase; }
body .main-about .dii-content-article > .dii-content-story h2 { margin: 1em 0 0.5em 0; font-size: 28px; }
body .main-about .dii-content-article > .dii-content-story h1:first-of-type,
body .main-about .dii-content-article > .dii-content-story h2:first-of-type { margin-top: 0; }
body .main-about .dii-content-article { padding-bottom: 0; border: none; }

/* Alumni */
body .main-alumni .dii-content-article { float: left; display: flex; flex-direction: column; background: #fff; margin: 0 1% 20px 1%; width: 31.3%; min-height: 400px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px 0px; }
body .main-alumni .dii-content-article:first-child { margin-left: 0; }
body .main-alumni .dii-content-article:last-child { margin-right: 0; }
body .main-alumni .dii-content-article .dii-content-story { padding: 0; }
body .main-alumni .dii-content-article .dii-content-story h2 { margin: 0; font-size: 20px; color: #000; }
body .main-alumni .dii-content-article .dii-content-story h3 { font-size: 16px; color: #00a1e1; }
body .main-alumni .dii-content-article .dii-content-story .alumni-photo img { width: 100%; }
body .main-alumni .dii-content-article .dii-content-story .alumni-bio { display: inline-block; margin-top: -50px; padding: 15px; background: #fff; }

/* College Program */
body .main-college .dii-content-rotator .list-none { min-height: 100px; }
body .main-college .dii-content-rotator article h2.no-url,
body .main-college .dii-content-rotator article h2 a { color: #00a1e1; }
body .main-college .dii-content-rotator article h3,
body .main-college .dii-content-rotator article .article-story { font-size: 22px; font-weight: 400; }

body .main-college .dii-content.dii-content-image { position: relative; margin-bottom: 30px; background: #000; }
body .main-college .dii-content.dii-content-image .dii-content-title { position: absolute; left: 0; bottom: 0; padding: 15px; font-size: 20px; font-weight: 400; color: #fff; line-height: 1.1; }
body .main-college .dii-content.dii-content-image img { width: 100%; height: 100%; max-height: 250px; }
body .main-college .dii-content.dii-content-image .dii-content-title-photo { margin: 0; padding: 0; border: none; }

/* Teams */
body .main-teams .dii-content .dii-content-story table { width: 100%; font-family: 'proxima-nova', sans-serif; font-size: 15px; border-collapse: collapse; }
body .main-teams .dii-content .dii-content-story table th,
body .main-teams .dii-content .dii-content-story table td { padding: 8px 8px 8px 0; border: none; font-size: 16px; font-weight: 400; text-align: left; }
body .main-teams .dii-content .dii-content-story table th { color: #999997; }
body .main-teams .dii-content .dii-content-story table td { font-size: 15px; width: 25%; }
body .main-teams .dii-content-article > .dii-content-story h2 { margin: 0 0 0.5em 0; font-size: 28px; font-weight: 400; color: #00a1e1; }
body .main-teams .dii-content-article > .dii-content-story h3 { margin: 0 0 0.25em 0; font-size: 22px; font-weight: 400; color: #00a1e1; }
body .main-teams .dii-content .dii-content-story .btn-grey-sm { padding: 5px 15px; background: #c7c7c7; border-radius: 6px; font-size: 15px; color: #fff; text-transform: none; }
body .main-teams .dii-content .dii-content-story .btn-grey-sm:hover { background: #c7c7c7; color: #000; }

/* Coaches */
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 > .dii-content-story h2 { margin: 0.5em 0 .25em 0; font-size: 22px; color: #000; }
body .main-coaches .dii-content-article > .dii-content-story h3 { margin: 0; font-size: 16px; color: #00a1e1; }
body .main-coaches .dii-content-article > .dii-content-story { font-size: 16px; color: #999997; }
body .main-coaches .dii-content .dii-content-story div { display: inline-block; margin: 0 0.5%; padding: 0 10px; width: 24%; box-sizing: border-box; }
body .main-coaches .dii-content .dii-content-story div:first-of-type { margin-left: 0; }
body .main-coaches .dii-content .dii-content-story div:last-of-type { margin-right: 0; }

/* College Commitments */
body .main-college-commitments .dii-content-article > .dii-content-story h2 { margin: 0 0 0.5em 0; font-size: 28px; font-weight: 400; color: #e8e6e6; }
body .main-college-commitments .dii-content-article > .dii-content-story h3 { margin: 0 0 0.25em 0; font-size: 28px; font-weight: 400; color: #00a1e1; }
body .main-college-commitments .dii-content .dii-content-story table { width: 100%; font-family: 'proxima-nova', sans-serif; font-size: 15px; border: 1px solid #c7c7c7; border-collapse: collapse; }
body .main-college-commitments .dii-content .dii-content-story table th,
body .main-college-commitments .dii-content .dii-content-story table td { padding: 15px; font-size: 16px; font-weight: 400; text-align: left; border-right: 1px solid #cbcbca; }
body .main-college-commitments .dii-content .dii-content-story table th { background: #e8e6e6; color: #222; }
body .main-college-commitments .dii-content .dii-content-story table tr:nth-child(even) { background: #f1f1f1; }
body .main-college-commitments .dii-content .dii-content-story table tr:hover { background: #e8e6e6; }
body .main-college-commitments .dii-content .dii-content-story table td { font-size: 15px; width: 25%; }

/* Header Images */
.design-header-image .dii-content-image { position: relative; height: 350px; padding: 0; }
.design-header-image .dii-content-image h2 {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  z-index: 1;
  width: 100%;
  height: 350px;
  margin: 0 auto !important;
  padding: 0 20% 0 5%;
  font-family: 'proxima-nova', sans-serif;
  font-size: 40px !important;
  font-weight: 500 !important;
  color: #fff;
  line-height: 1.0;
  text-align: left;
  text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
  text-transform: none;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.design-header-image .dii-content-image h2::before { position: absolute; z-index: -1; content: ''; display: block; height: 350px; width: 100%; top: 0; background: none; opacity: 1; transition: all .3s ease-in-out; }
.design-header-image .dii-content-image:hover h2::before { opacity: 0; }
.design-header-image .dii-content-image > a { position: relative; z-index: 2; display: block; height: 350px; width: 100%; }
.design-header-image .dii-content-image > a img { display: none !important; }
.design-header-image .dii-content-title-photo img { max-height: 350px; }

@media (min-width: 1025px) {

  .design-header-image .dii-content-image h2 { padding: 0 40% 0 20%; font-size: 50px !important; }

  body .dii-content-rotator article .article-inner { padding: 60px; }
  body .dii-content-rotator article h2.no-url,
  body .dii-content-rotator article h2 a { font-size: 60px; }

}

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

  body .main-dept .dii-content .dii-content-story .content-style-3 div,
  body .main-dept .dii-content .dii-content-story .content-style-3 div:first-of-type { padding-left: 5px !important; width: 100%; border-right: none; }
  body .main-dept .dii-content .dii-content-story .content-style-3.coach-info div { padding-left: 5px; width: 100%; }
  body .main-dept .dii-content .dii-content-story .content-style-3.coach-info div:first-of-type { width: 100% !important; }

  body .main-alumni .dii-content-article { width: 48%; min-height: 380px; }
  body .main-coaches .dii-content .dii-content-story div { width: 49%; }
  body .main-college .dii-content.dii-content-image .dii-content-title { padding: 15px; }

}

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

  body .main-alumni .dii-content-article { margin: 0 0 20px 0; width: 100%; }
  body .main-coaches .dii-content .dii-content-story div { width: 100%; }

}