.media-content-section {
  position: relative;
  /* - - addresses issues with initial load for text loading over image with absolute positioning - - */ }
  @media screen and (max-width: 767px) {
    .media-content-section .media-column, .media-content-section .content-column {
      flex: 0 0 100%; } }
  @media screen and (min-width: 768px) {
    .media-content-section .media-content-wrapper.text-overlay .media-column.col-md-12 img {
      min-height: 100px; } }

.media-content-section.reverse-content .media-column {
  order: 2; }
  @media screen and (max-width: 767px) {
    .media-content-section.reverse-content .media-column {
      order: 1; } }

.media-content-section.reverse-content .content-column {
  order: 1; }
  @media screen and (max-width: 767px) {
    .media-content-section.reverse-content .content-column {
      order: 2; } }

@media screen and (max-width: 767px) {
  .media-content-section.reverse-content.reverse-mobile .media-column {
    order: 2; }
  .media-content-section.reverse-content.reverse-mobile .content-column {
    order: 1; } }

/* - - SMU CORNERSTONE 1.0-SPECIFIC STYLING - - */
#container .media-content-section {
  padding: 0; }
  #container .media-content-section.bg-brand-blue {
    background-color: #354CA1; }
  #container .media-content-section.bg-brand-red {
    background-color: #CC0035; }
  #container .media-content-section.bg-brand-black {
    background-color: #262626; }
  #container .media-content-section.bg-brand-white {
    background-color: #FFFFFF; }
  #container .media-content-section.bg-brand-yellow {
    background-color: #F9C80E; }
  #container .media-content-section.bg-brand-green {
    background-color: #59C3C3; }
  #container .media-content-section.bg-brand-red-crayola {
    background-color: #FF1053; }
  #container .media-content-section .text-white .content-column a:not(.btn) {
    color: white;
    text-decoration: underline; }
  #container .media-content-section .text-white .content-column a:hover {
    text-decoration-style: double; }
  #container .media-content-section .media-content-wrapper {
    text-align: center; }
    #container .media-content-section .media-content-wrapper .content-column {
      padding: 15px; }
    @media screen and (min-width: 768px) {
      #container .media-content-section .media-content-wrapper.text-overlay {
        position: relative;
        display: block !important; }
        #container .media-content-section .media-content-wrapper.text-overlay .content-column {
          position: absolute;
          top: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.4); }
          #container .media-content-section .media-content-wrapper.text-overlay .content-column .content-wrapper {
            position: absolute;
            color: white;
            width: 50%;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); }
        #container .media-content-section .media-content-wrapper.text-overlay.text-overlay-left .content-wrapper {
          width: 41.77777%;
          transform: translate(-100%, -50%); } }
  #container .media-content-section .content-column h1, #container .media-content-section .content-column h2, #container .media-content-section .content-column h3, #container .media-content-section .content-column h4, #container .media-content-section .content-column h5, #container .media-content-section .content-column h6 {
    font-family: "TiemposFineWeb-Bold"; }
    #container .media-content-section .content-column h1 small, #container .media-content-section .content-column h2 small, #container .media-content-section .content-column h3 small, #container .media-content-section .content-column h4 small, #container .media-content-section .content-column h5 small, #container .media-content-section .content-column h6 small {
      display: block;
      font-family: "TradeGothicLTW05-BoldExt";
      text-transform: uppercase;
      font-size: 20px;
      letter-spacing: 2.5px; }
    #container .media-content-section .content-column h1 .content-wrapper, #container .media-content-section .content-column h2 .content-wrapper, #container .media-content-section .content-column h3 .content-wrapper, #container .media-content-section .content-column h4 .content-wrapper, #container .media-content-section .content-column h5 .content-wrapper, #container .media-content-section .content-column h6 .content-wrapper {
      padding: 1rem; }
  #container .media-content-section .content-column p {
    font-family: "TradeGothicLTW05-CondNo.18";
    font-size: 1.3rem; }

/* - - SMU CORNERSTONE 2.0 STYLING, IMPLEMENTING UPSTATEMENT BRAND - - */
#smu-main .media-content-section {
  /* - - FORMAT MEDIA WITH CONTENT USED AS A TITLE BANNER - - */
  /* - - general formatting - - */
  /* - - adding custom background colors - - */
  /* - - customizing link color - - */ }
  #smu-main .media-content-section .row {
    padding-bottom: 0; }
  #smu-main .media-content-section .text-white h1, #smu-main .media-content-section .text-white h2, #smu-main .media-content-section .text-white h3, #smu-main .media-content-section .text-white h4, #smu-main .media-content-section .text-white h5, #smu-main .media-content-section .text-white h6, #smu-main .media-content-section .text-white p, #smu-main .media-content-section .text-white strong {
    color: #FFFFFF; }
  #smu-main .media-content-section .content-wrapper > p:last-of-type {
    margin-bottom: 0; }
  #smu-main .media-content-section .content-wrapper h1 {
    font-size: calc(26px + 22*((100vw - 100px)/1900)); }
  #smu-main .media-content-section > .align-items-center:not(.text-overlay-left) > .content-column.col-md-12 {
    text-align: center; }
  #smu-main .media-content-section > .align-items-center:not(.text-overlay-left) > .content-column.col-md-12 .content-wrapper > h1 {
    font-size: calc(36px + 84 * ((100vw - 100px) / 1900));
    font-family: "america-comp", sans-serif;
    margin-bottom: 5px;
    text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    #smu-main .media-content-section .media-content-wrapper {
      border-radius: 15px; }
      #smu-main .media-content-section .media-content-wrapper.text-overlay h1, #smu-main .media-content-section .media-content-wrapper.text-overlay h2, #smu-main .media-content-section .media-content-wrapper.text-overlay h3, #smu-main .media-content-section .media-content-wrapper.text-overlay h4, #smu-main .media-content-section .media-content-wrapper.text-overlay h5, #smu-main .media-content-section .media-content-wrapper.text-overlay h6, #smu-main .media-content-section .media-content-wrapper.text-overlay p, #smu-main .media-content-section .media-content-wrapper.text-overlay strong, #smu-main .media-content-section .media-content-wrapper.text-overlay-left h1, #smu-main .media-content-section .media-content-wrapper.text-overlay-left h2, #smu-main .media-content-section .media-content-wrapper.text-overlay-left h3, #smu-main .media-content-section .media-content-wrapper.text-overlay-left h4, #smu-main .media-content-section .media-content-wrapper.text-overlay-left h5, #smu-main .media-content-section .media-content-wrapper.text-overlay-left h6, #smu-main .media-content-section .media-content-wrapper.text-overlay-left p, #smu-main .media-content-section .media-content-wrapper.text-overlay-left strong {
        color: #FFFFFF; }
      #smu-main .media-content-section .media-content-wrapper .media-column img {
        border-radius: 15px 0 0 15px; }
      #smu-main .media-content-section .media-content-wrapper .media-column.col-md-12 img {
        border-radius: 15px 15px 0 0; }
      #smu-main .media-content-section .media-content-wrapper.flex-md-row-reverse .media-column img {
        border-radius: 0 15px 15px 0; }
      #smu-main .media-content-section .media-content-wrapper.bg-white .media-column img {
        border-radius: 15px; }
      #smu-main .media-content-section .media-content-wrapper .content-column {
        padding: 3vw; }
      #smu-main .media-content-section .media-content-wrapper.text-overlay {
        position: relative;
        display: block !important;
        border-radius: 15px; }
        #smu-main .media-content-section .media-content-wrapper.text-overlay .media-column img {
          border-radius: 15px; }
        #smu-main .media-content-section .media-content-wrapper.text-overlay .content-column {
          position: absolute;
          top: 0;
          width: 100%;
          height: 100%;
          border-radius: 15px;
          background-color: rgba(0, 0, 0, 0.4); }
          #smu-main .media-content-section .media-content-wrapper.text-overlay .content-column .content-wrapper {
            position: absolute;
            color: white;
            width: 50%;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); }
        #smu-main .media-content-section .media-content-wrapper.text-overlay.text-overlay-left .content-wrapper {
          width: 41.77777%;
          transform: translate(-100%, -50%); } }
  @media screen and (max-width: 767.98px) {
    #smu-main .media-content-section .media-content-wrapper {
      border-radius: 5px; }
      #smu-main .media-content-section .media-content-wrapper .media-column img {
        border-radius: 5px 5px 0 0;
        margin-bottom: 25px; }
      #smu-main .media-content-section .media-content-wrapper.bg-white .media-column img {
        border-radius: 5px; }
      #smu-main .media-content-section .media-content-wrapper .content-column {
        padding: 0 25px 25px; } }
  #smu-main .media-content-section.bg-parchment {
    background-color: #fcf8f4; }
  #smu-main .media-content-section.bg-stone {
    background-color: #edeae7; }
  #smu-main .media-content-section.bg-sand {
    background-color: #eee9e0; }
  #smu-main .media-content-section.bg-concrete {
    background-color: #d8d0ca; }
  #smu-main .media-content-section.bg-bluegray {
    background-color: #c8d0dc; }
  #smu-main .media-content-section .text-dark a:not(.btn) {
    -webkit-box-shadow: inset 0 -1px #000000;
    box-shadow: inset 0 -1px #000000;
    color: #000000; }
    #smu-main .media-content-section .text-dark a:not(.btn):hover, #smu-main .media-content-section .text-dark a:not(.btn):focus {
      -webkit-box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 -0.5em rgba(0, 0, 0, 0.2); }
  @media screen and (min-width: 768px) {
    #smu-main .media-content-section .text-overlay.text-dark a:not(.btn), #smu-main .media-content-section .text-overlay-left.text-dark a:not(.btn) {
      -webkit-box-shadow: inset 0 -1px #FFF;
      box-shadow: inset 0 -1px #FFF;
      color: #FFF; }
      #smu-main .media-content-section .text-overlay.text-dark a:not(.btn):hover, #smu-main .media-content-section .text-overlay.text-dark a:not(.btn):focus, #smu-main .media-content-section .text-overlay-left.text-dark a:not(.btn):hover, #smu-main .media-content-section .text-overlay-left.text-dark a:not(.btn):focus {
        -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.4);
        box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.4); } }
  #smu-main .media-content-section .text-white a:not(.btn) {
    -webkit-box-shadow: inset 0 -1px #ffffff;
    box-shadow: inset 0 -1px #ffffff;
    color: #ffffff; }
    #smu-main .media-content-section .text-white a:not(.btn):hover, #smu-main .media-content-section .text-white a:not(.btn):focus {
      -webkit-box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.4);
      box-shadow: inset 0 -0.5em rgba(255, 255, 255, 0.4); }

/* - - removing border radius for meadows - - */
#smu-main.meadows {
  /* - - removing rounded borders from Meadows styling - - */ }
  #smu-main.meadows .media-content-wrapper, #smu-main.meadows .text-overlay {
    border-radius: 0; }
    #smu-main.meadows .media-content-wrapper .media-column img, #smu-main.meadows .text-overlay .media-column img {
      border-radius: 0 !important; }
    #smu-main.meadows .media-content-wrapper.flex-md-row-reverse .media-column img, #smu-main.meadows .text-overlay.flex-md-row-reverse .media-column img {
      border-radius: 0 !important; }

/* - - adding custom background colors for meadows - - */
#smu-main.meadows .media-content-section .media-content-wrapper.bg-danger {
  background-color: #be001b;
  background-image: linear-gradient(135deg, #f13b55 0%, #be001b 100%); }

#smu-main.meadows .media-content-section .media-content-wrapper.bg-magenta {
  background-color: #ff1053;
  background-image: linear-gradient(135deg, #f5b3a3 0%, #ff1053 100%); }

#smu-main.meadows .media-content-section .media-content-wrapper.bg-orange {
  background-color: #e54400;
  background-image: linear-gradient(135deg, #ff753a 0%, #e54400 100%); }

#smu-main.meadows .media-content-section .media-content-wrapper.bg-warning {
  background-color: #eeb900;
  background-image: linear-gradient(135deg, #ffdc00 0%, #eeb900 100%); }

#smu-main.meadows .media-content-section .media-content-wrapper.bg-green {
  background-color: #13b867;
  background-image: linear-gradient(135deg, #a0d00a 0%, #13b867 100%); }

#smu-main.meadows .media-content-section .media-content-wrapper.bg-info {
  background-color: #26a9ad;
  background-image: linear-gradient(135deg, #59c3c3 0%, #26a9ad 100%); }

#smu-main.meadows .media-content-section .media-content-wrapper.bg-primary {
  background-color: #1557e4;
  background-image: linear-gradient(135deg, #159CE0 0%, #1557e4 100%); }

#smu-main.meadows .media-content-section .media-content-wrapper.bg-purple {
  background-color: #793edb;
  background-image: linear-gradient(135deg, #b808f2 0%, #793edb 100%); }

#smu-main.meadows .media-content-section .media-content-wrapper.bg-dark {
  background-color: #313131;
  background-image: linear-gradient(135deg, #44464b 0%, #313131 100%); }

#smu-main.meadows .media-content-section .media-content-wrapper.bg-light {
  background-color: #dddddd;
  background-image: linear-gradient(135deg, #eeeeee 0%, #dddddd 100%); }