@charset "UTF-8";
article > .media-rich > section.content-text#section_1 .section-wrapper > div .article-text {
  padding-top: 0;
}
article > .media-rich > section#featured_image {
  padding-top: 65.28571%;
  background-position: top center;
  background-repeat: no-repeat;
}
article > .media-rich > section#featured_image label {
  background-color: #A42D19;
  color: #FFFFFF;
}
article > .media-rich > section#featured_image_mobile {
  padding-top: 140%;
}
article > .media-rich > section#featured_image_mobile label {
  background-color: #A42D19;
  color: #FFFFFF;
}
article > .media-rich > section.context-gallery figure {
  background-color: transparent;
}
article > .media-rich > section.context-gallery figure figcaption h2, article > .media-rich > section.context-gallery figure figcaption .h2 {
  color: #FFFFFF;
  font-family: "Roboto", sans-serif;
}
article > .media-rich > section.context-gallery figure figcaption p {
  color: #FFFFFF;
  font-family: "Roboto", sans-serif;
}
article > .media-rich > section.context-gallery figure figcaption a {
  color: #A42D19;
  font-family: "Roboto", sans-serif;
  background-color: #FFFFFF;
  border-color: #A42D19;
  border-width: 6px;
  border-radius: 0.625rem;
}
article > .media-rich > section.context-gallery figure figcaption a:hover {
  color: #A42D19;
  background-color: #FFFFFF;
  border-color: #d93c21;
}
article > .media-rich > section.aside-quote .section-wrapper > div aside blockquote {
  color: #212529;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  font-style: normal;
  line-height: 1.2727272;
  padding: 50px 0 15px;
  margin-bottom: 0;
  position: relative;
}
article > .media-rich > section.aside-quote .section-wrapper > div aside blockquote:before, article > .media-rich > section.aside-quote .section-wrapper > div aside blockquote:after {
  content: "";
  padding-top: 16.6666667%;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
article > .media-rich > section.aside-quote .section-wrapper > div aside blockquote:before {
  background-image: url(https://magazine.wm.edu/img/issues/2025/fall/we-got-the-beat/we_got_the_beat_quote.png);
  top: 0;
  right: 0;
  left: 0;
}
article > .media-rich > section.aside-quote .section-wrapper > div aside blockquote:after {
  background-image: url(https://magazine.wm.edu/img/issues/2025/fall/we-got-the-beat/we_got_the_beat_quote_line.png);
  right: 0;
  bottom: 0;
  left: 0;
}
article > .media-rich > section.aside-quote .section-wrapper > div aside blockquote span {
  display: block;
  padding: 2rem 0 5rem;
  position: relative;
}
article > .media-rich > section.aside-quote .section-wrapper > div aside blockquote span:after {
  display: block;
  font-size: 1.0625rem;
  font-weight: 400;
  text-align: left;
  position: absolute;
  bottom: 1.5rem;
}
article > .media-rich > section.aside-media .section-wrapper > div aside figure {
  margin: 0;
}
article > .media-rich > section.aside-media .section-wrapper > div aside figure figcaption {
  position: relative;
}
article > .media-rich > section#section_0 {
  padding-bottom: 0;
  position: relative;
}
article > .media-rich > section#section_0 .section-wrapper div .section-link > span {
  color: #A42D19;
}
article > .media-rich > section#section_0 .section-wrapper div .article-text {
  display: none;
  color: #A42D19;
  font-family: "Roboto", sans-serif;
  text-align: center;
  padding-bottom: 4rem;
}
article > .media-rich > section#section_0 .section-wrapper div .article-text > h1 {
  color: #A42D19;
  font-size: 7.5rem;
  font-weight: 900;
  text-transform: uppercase;
}
article > .media-rich > section#section_0 .section-wrapper div .article-text > h2 {
  color: #212529;
  font-size: 2.5rem;
  text-transform: none;
}
article > .media-rich > section#section_0 .section-wrapper div .article-text > p:first-child:first-letter {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  float: none;
  margin: 0 0 0 0;
}
article > .media-rich > section#section_0 .section-wrapper div .article-text > p:last-child {
  margin-bottom: 1rem;
}
article > .media-rich > section#section_1 .section-wrapper > div .article-text > p:first-child {
  color: #A42D19;
  font-family: "Roboto", sans-serif;
  font-size: 1.75rem;
  font-variation-settings: "wdth" 75;
}
article > .media-rich > section#section_1 .section-wrapper > div .article-text > p:first-child:first-letter {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  float: none;
  margin: 0 0 0 0;
}
article > .media-rich > section#section_3 .section-wrapper > div aside blockquote span:after {
  content: "— Jack Hawks ’73 ";
}
article > .media-rich > section#section_4 {
  padding-bottom: 0;
}
article > .media-rich > section#section_5 .section-wrapper > div aside blockquote span:after {
  content: "— Missy Reeks Spring ’81";
}
article > .media-rich > section#section_5 .section-wrapper > div .article-text {
  padding-top: 0;
}
article > .media-rich > section#section_6 {
  padding-bottom: 0;
}
article > .media-rich > section#section_7 {
  padding-bottom: 0;
}
article > .media-rich > section#section_7 .section-wrapper > div aside blockquote span {
  color: #A42D19;
  padding: 2rem 0;
  font-size: 1.625rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}
article > .media-rich > section#section_7 .section-wrapper > div .article-text {
  padding-top: 1rem;
}
article > .media-rich > section#section_8 {
  padding-bottom: 0;
}
article > .media-rich > section#section_9 {
  padding-top: 0;
}
article > .media-rich > section#section_9 .section-wrapper > div aside blockquote {
  top: 12.5%;
}
article > .media-rich > section#section_9 .section-wrapper > div aside blockquote span {
  color: #A42D19;
  padding: 2rem 0;
  font-size: 1.625rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}
article > .media-rich > section#section_9 .section-wrapper > div .article-text .embed-responsive {
  margin: 0 0 1rem;
}
article > .media-rich > section#section_10 {
  padding-bottom: 0;
}
article > .media-rich > section#section_11 {
  padding-bottom: 0;
}
article > .media-rich > section#section_11 .section-wrapper > div aside blockquote span:after {
  content: "— Mike Evans ’93";
}
article > .media-rich > section#section_11 .section-wrapper > div .article-text {
  padding-top: 1rem;
}
article > .media-rich > section#section_12 {
  padding-bottom: 0;
}
article > .media-rich > section#section_13 {
  padding-bottom: 0;
}
article > .media-rich > section#section_13 .section-wrapper > div aside blockquote span:after {
  content: "— Amy Katancik Jordan ’93, P ’19";
}
article > .media-rich > section#section_13 .section-wrapper > div .article-text {
  padding-top: 1rem;
}
article > .media-rich > section#section_14 {
  padding-bottom: 0;
}
article > .media-rich > section#section_15 {
  padding-bottom: 2rem;
}
article > .media-rich > section#section_15 .section-wrapper > div aside blockquote span:after {
  content: "— Jordan Leigh Coiner ’08, M.Ed. ’10";
}
article > .media-rich > section#section_15 .section-wrapper > div .article-text {
  padding-top: 1rem;
}
article > .media-rich > section#section_16 {
  background-image: url(https://magazine.wm.edu/img/issues/2025/fall/we-got-the-beat/we_got_the_beat_callout_bg.jpg);
  background-size: cover;
  background-position: center center;
  padding-top: 3rem;
}
article > .media-rich > section#section_16 .section-wrapper > div .article-text {
  color: #FFFFFF;
  font-family: "Roboto", sans-serif;
}
article > .media-rich > section#section_16 .section-wrapper > div .article-text h3, article > .media-rich > section#section_16 .section-wrapper > div .article-text .h3 {
  color: #FFFFFF;
  font-size: 1.75rem;
  font-weight: 900;
}
article > .media-rich > section#section_16 .section-wrapper > div .article-text ul {
  padding-left: 0.875rem;
}
article > .media-rich > section#section_16 .section-wrapper > div .article-text a {
  color: #34C0CD;
  text-decoration: underline;
}
article > .media-rich > section#section_16 .section-wrapper > div .article-text a:hover {
  color: #6dd2db;
}
article > .media-rich > section#section_17 {
  padding-top: 2rem;
}
article > .media-rich > section#section_18 {
  padding-bottom: 0;
}
article > .media-rich > section#section_3 .section-wrapper > div aside figure, article > .media-rich > section#section_5 .section-wrapper > div aside figure, article > .media-rich > section#section_8 .section-wrapper > div aside figure, article > .media-rich > section#section_12 .section-wrapper > div aside figure, article > .media-rich > section#section_14 .section-wrapper > div aside figure, article > .media-rich > section#section_16 .section-wrapper > div aside figure, article > .media-rich > section#section_18 .section-wrapper > div aside figure {
  position: relative;
}
article > .media-rich > section#section_3 .section-wrapper > div aside figure img, article > .media-rich > section#section_5 .section-wrapper > div aside figure img, article > .media-rich > section#section_8 .section-wrapper > div aside figure img, article > .media-rich > section#section_12 .section-wrapper > div aside figure img, article > .media-rich > section#section_14 .section-wrapper > div aside figure img, article > .media-rich > section#section_16 .section-wrapper > div aside figure img, article > .media-rich > section#section_18 .section-wrapper > div aside figure img {
  max-width: 50%;
}
article > .media-rich > section#section_3 .section-wrapper > div aside figure figcaption, article > .media-rich > section#section_5 .section-wrapper > div aside figure figcaption, article > .media-rich > section#section_8 .section-wrapper > div aside figure figcaption, article > .media-rich > section#section_12 .section-wrapper > div aside figure figcaption, article > .media-rich > section#section_14 .section-wrapper > div aside figure figcaption, article > .media-rich > section#section_16 .section-wrapper > div aside figure figcaption, article > .media-rich > section#section_18 .section-wrapper > div aside figure figcaption {
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
}
article > .media-rich > section#section_3 .section-wrapper > div aside figure figcaption > strong, article > .media-rich > section#section_5 .section-wrapper > div aside figure figcaption > strong, article > .media-rich > section#section_8 .section-wrapper > div aside figure figcaption > strong, article > .media-rich > section#section_12 .section-wrapper > div aside figure figcaption > strong, article > .media-rich > section#section_14 .section-wrapper > div aside figure figcaption > strong, article > .media-rich > section#section_16 .section-wrapper > div aside figure figcaption > strong, article > .media-rich > section#section_18 .section-wrapper > div aside figure figcaption > strong {
  font-size: 1rem;
  font-style: normal;
  display: block;
}
article > .media-rich > section#section_3 .section-wrapper > div aside figure:before, article > .media-rich > section#section_5 .section-wrapper > div aside figure:before, article > .media-rich > section#section_8 .section-wrapper > div aside figure:before, article > .media-rich > section#section_12 .section-wrapper > div aside figure:before, article > .media-rich > section#section_14 .section-wrapper > div aside figure:before, article > .media-rich > section#section_16 .section-wrapper > div aside figure:before, article > .media-rich > section#section_18 .section-wrapper > div aside figure:before {
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 900;
  text-transform: uppercase;
  background-image: url(https://magazine.wm.edu/img/issues/2025/spring/it-was-all-joy/tribe_basketball_spring25_player_highlight_divider.png);
  background-position: bottom left;
  background-repeat: repeat-x;
  background-size: contain;
  margin-bottom: 1.5rem;
  display: block;
}
article > .media-rich > section .section-wrapper > div .article-text {
  font-family: Georgia, "Times New Roman", Times, serif;
  /*
                          .callout-bottom {
                              text-align: center;
                              padding-top: 14.82456140350877%;
                              background-image: url(https://magazine.wm.edu/img/issues/2025/spring/it-was-all-joy/tribe_basketball_spring25_kennedy_callout_2.png);
                              background-size: contain;
                              background-repeat: no-repeat;
                              background-position: top center;
                              border-radius: 0 0 1.5rem 1.5rem;
                              position: relative;

                              > p {
                                  position: absolute;
                                  top: 50%;
                                  right: 0;
                                  left: 0;
                                  transform: translateY(-50%);
                              }

                              .callout-btn {
                                  color: $white;
                                  font-family: 'Roboto', sans-serif;
                                  font-weight: 700;
                                  text-transform: uppercase;
                                  background-color: $custom-green;
                                  border-color: $gallery-btn-border;
                                  border-width: 6px;
                                  border-radius: 0.625rem;
                                  letter-spacing: 5px;

                                  &:hover {
                                      background-color: lighten($custom-green, 12%);
                                      border-color: lighten($custom-green, 12%);
                                  }
                              }
                          }

                          .embed-responsive {

                              .embed-responsive-item, iframe {
                                  border-radius: 1.5rem;
                              }
                          }

                          .card {

                              &.bg-wmgreen {
                                  color: $white;
                                  background-color: $custom-green;
                                  border-radius: 1.5rem;

                                  .card-body {
                                      padding: 1.875rem;

                                      ul {
                                          padding-left: 0.9375rem;
                                          margin-bottom: 0.125rem;

                                          li {
                                              padding-left: 0.375rem;
                                              margin-bottom: 1.75rem;

                                              &:last-child {
                                                  margin-bottom: 0
                                              }
                                          }
                                      }
                                  }

                                  .card-title {
                                      color: $custom-yellow;
                                  }

                                  a {
                                      color: $custom-yellow;
                                      text-decoration: underline;

                                      &:hover {
                                          color: darken($custom-yellow, 14%);
                                      }
                                  }
                              }
                          }
  */
}
article > .media-rich > section .section-wrapper > div .article-text h2, article > .media-rich > section .section-wrapper > div .article-text .h2 {
  color: inherit;
  text-transform: uppercase;
}
article > .media-rich > section .section-wrapper > div .article-text h3, article > .media-rich > section .section-wrapper > div .article-text .h3 {
  color: #A42D19;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}
article > .media-rich > section .section-wrapper > div .article-text h4, article > .media-rich > section .section-wrapper > div .article-text .h4 {
  color: inherit;
}
article > .media-rich > section .section-wrapper > div .article-text blockquote {
  color: #212529;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 1.68421rem;
  font-style: normal;
  margin-top: 45px;
  padding: 62px 0 31px 33%;
  text-align: left;
  position: relative;
}
article > .media-rich > section .section-wrapper > div .article-text p + h3, article > .media-rich > section .section-wrapper > div .article-text p + .h3 {
  margin-top: 2rem;
}

.attribution a {
  color: #A42D19;
}

@media (min-width: 768px) {
  article > .media-rich > section#section_0 .section-wrapper div .article-text {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  article > .media-rich > section.context-gallery figure figcaption {
    background-size: contain;
    border-radius: 0;
  }
}