/*-- Overrides for Globals --*/
.global-header .top-bar.primary .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.global-header .top-bar.primary ul {
  position: relative;
  top: 0;
}
.global-header .top-bar.primary ul li {
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  border-radius: 0;
  background: none;
}
.global-header .top-bar.primary ul li a {
  width: auto;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  height: auto;
  background: none !important;
}
.global-header .top-bar.primary ul li a:hover {
  background-color: transparent !important;
  border-color: #fff !important;
}
.site-header {
  background-color: #e8e9ea;
  padding: 1rem 0;
}
.site-header ul.main-nav {
  text-align: right;
}
.site-header ul.main-nav li.menu-btn:last-child {
  padding-left: .5rem;
}
.site-header ul.main-nav li.menu-btn a {
  padding: 0.5rem 1.5rem;
  background: #d3430d;
  color: #fff;
  font-weight: bold;
  height: auto;
  border-radius: 0.25rem;
}
.site-header ul.main-nav li.menu-btn a:hover {
  background: #265bf7;
  color: #fff;
  border-radius: 0.25rem;
}
.site-header ul.main-nav li.menu-btn:hover,
.site-header ul.main-nav li.menu-btn:last-child:hover {
  background-color:transparent!important;
}
@media only screen and (max-width: 991.98px) {
.global-header .top-bar .row > * {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
  .site-header {
  background-color: #032044;
  padding: 0;
}
.site-header .container {
   max-width: 95%;
}
.site-header a.logo-mob,
.site-header a.nav-trigger {
   position: relative;
   top:0;
   left: 0;
}
.site-header .container .col-sm-6.text-end {
   text-align: right;
}
.site-header .mob-nav-wrap .mob-nav {
   height: auto;
   padding: 1.5rem 0;
   background-color:#032044;
   border-top:1px solid #265bf7;
}
.site-header .navigation {
   padding-bottom: 2rem;
}
.site-header .navigation .col-md-4 {
   display: none;
}
.site-header .navigation .col-md-8{
   max-width: 100%;
   -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.site-header ul.main-nav {
    text-align: left;
}
.site-header ul.main-nav li a {
    margin: 0;
    border-bottom: 1px dotted #b4bdc6;
}
.site-header ul.main-nav li a.toggle-main-sub {
    border-bottom: 0;
}
.site-header ul.main-nav li a:active, 
.site-header ul.main-nav li a:hover, 
.site-header ul.main-nav li a:visited:active, 
.site-header ul.main-nav li a:visited:hover,
.site-header ul.main-nav li.menu-btn a:active, 
.site-header ul.main-nav li.menu-btn a:hover, 
.site-header ul.main-nav li.menu-btn a:visited:active, 
.site-header ul.main-nav li.menu-btn a:visited:hover {
    color:#fff;
    background-color: rgba(0,0,0,.3);
    text-decoration: none;
}
.site-header ul.main-nav li.menu-btn a {
    border-radius: 0;
}
.site-header ul.main-nav li.menu-btn a {
    border-radius: 0;
}
.site-header ul.main-nav li.menu-btn:last-child {
    padding-left: 0;
}
}



td.firstcolumn.fineprint {
  font-size: 15px;
}
.slab .cta .inner .title {
  font-size: 55px;
  font-weight: bold;
  font-family: "sole-serif-small-variable", sans-serif;
  font-variation-settings: "opsz"0, "wght"800;
  font-style: normal;
}
h3.callingallcta {
  font-weight: bold;
  font-size: 60px;
  color: #0c2340;
  text-align: center;
}
a#fiestaarts, a#medals, a#diainla {
  background-color: #f40180;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  padding: .75rem 2rem !important;
}
.fiestabackground {
  background-image: url(https://www.utsa.edu/alumni/images/fiestabackground.png);
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.rowdy-image {
  flex: 0 0 37%;
  max-width: 41%;
}
.letspartner {
  flex: 0 0 50.666667%;
  max-width: 25.666667%;
  padding-top: 5rem;
  padding-bottom: 5rem;
  margin-left: 13rem;
}
.letspartnerbackground {
  background-image: url(https://www.utsa.edu/alumni/images/orangebackgroundicons.jpg);
  margin-top: 3rem;
}
.slab .cta:after {
  background-color: #fff;
}
.slab .cta .inner {
  background-color: #fff;
  border: 7px solid #0c2340;
}
.slab .cta .inner .title {
  color: #0c2340;
}
.slab .cta .inner .details {
  color: #0c2340;
}
h3.card-title {
  color: #d3430d;
  font-weight: 700;
}
a.link-arrow {
  font-weight: 700;
  text-decoration: underline;
  border-bottom: none;
  display: inline-block;
  transition: cubic-bezier(0.9, 0.1, 0.25, 0.5);
  position: relative;
  color: #0c2340;
}
.card {
  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.2) 0px 0px 8px;
}
.card-gray {
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.2) 0px 0px 8px;
  background-color: #f1f2f4;
}
.card-border.cb-top.card-gray {
  border-top: 0.25rem #f15a22 solid;
}
.card-border.cb-bottom.card-gray {
  border-bottom: 0.25rem #f15a22 solid;
}
.card-img {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.life-member-kit {
  background-color: #f6f5f3;
  padding-top: 6rem;
  padding-bottom: 6rem;
  margin-bottom: 6rem;
  margin-top: 6rem;
  background-image: url(https://www.utsa.edu/alumni/images/orangebackgroundicons.jpg);
  background-repeat: repeat;
  background-position: right;
  max-width: 2000px;
}
.member-kit-spotlight {
  flex: 0 0 48.666667%;
}
a#iwantmine {
  width: auto !important;
  font-size: 20px !important;
  background-color: #0c2340 !important;
  color: #F15A22 !important;
  padding: .75rem 2rem !important;
  line-height: 1;
  margin-top: 1rem;
  font-weight: bold;
  background-color: #fff !important;
}
.message {
  background-color: rgba(241, 90, 34, .7) !important;
}
a.studentmemberlink:hover {
  color: #FF8B60;
}
td.percentagenumber {
  font-size: 22px;
  color: #0c2340;
}
td.icons {
  width: 20%;
}
.membersonly {
  font-size: 55px;
  font-weight: bold;
  color: #0c2340;
}
p.membersonlytext {
  margin-left: 1rem;
}
.graysectionbackground {
  background-color: #f6f5f3 !important;
  padding-bottom: 4rem;
}
.orangesectionbackground {
  background-color: #F15A22 !important;
  padding-bottom: 2rem;
  padding-top: 4rem;
}
i.fa.fa-check-circle {
  font-size: 25px;
}
td.title {
  border: none !important;
  width: 10%;
}
table.membershiptable td {
  border-left: 2px solid #d8d7d5;
  border-right: 2px solid #d8d7d5;
  text-align: center;
  padding-top: .3rem;
  padding-bottom: .3rem;
}
td.firstcolumn {
  font-size: 22px;
  color: #0c2340;
  padding-left: 1rem;
  text-align: left !important;
  width: 70% !important;
}
table.membershiptable td:first-child {
  border-left: none !important;
}
table.membershiptable td:last-child {
  border-right: none !important;
}
td.title {
  font-weight: bold;
  font-size: 25px;
  color: #0c2340;
}
table.membershiptable {
  width: 100%;
}
table.membershiptable tr:nth-child(even) {
  background-color: #e9e9e9;
}
h3.utsalife {
  font-size: 55px;
  font-weight: bold;
  color: #fff;
}
.orangeiconbackground {
  background-image: url(https://www.utsa.edu/alumni/images/orangebackgroundicons.jpg);
  padding-top: 5rem;
  padding-bottom: 5rem;
}
a#wantmine {
  font-size: 20px !important;
  background-color: #fff !important;
  color: #f15922 !important;
  padding: .75rem 2rem !important;
  line-height: 1;
  margin-top: 1rem;
  font-weight: bold;
  margin-right: 2rem;
}
#benefit {
  font-size: 20px !important;
  background-color: #0c2340 !important;
  color: #fff !important;
  padding: .75rem 2rem !important;
  line-height: 1;
  margin-top: 1rem;
  font-weight: bold;
  background-color: #F15A22 !important;
  margin-right: 2rem;
}
#joinnowbtn {
  width: auto;
  font-size: 20px !important;
  background-color: #0c2340 !important;
  color: #fff !important;
  padding: .75rem 2rem !important;
  line-height: 1;
  margin-top: 1rem;
  font-weight: bold;
  background-color: #F15A22 !important;
  margin-right: 2rem;
}
.gray-row-icons {
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  display: flex;
}
.thegoods {
  font-size: 55px;
  font-weight: bold;
  color: #0c2340;
}
.thegoodssection {
  flex: 0 0 80.666667%;
  max-width: 80.666667%;
}
p.graymuchmore {
  margin-bottom: 3rem !important;
}
.block-goods {
  background-color: #f6f5f3;
  padding-top: 6rem;
  padding-bottom: 6rem;
  margin-bottom: 6rem;
  margin-top: 6rem;
  background-image: url(https://www.utsa.edu/alumni/images/Rowdy-Backer-background.jpg);
  background-repeat: no-repeat;
  background-position: right;
  max-width: 2000px;
}
h4.cardtitle {
  color: #0c2340;
  text-align: center;
  font-family: "sole-serif-small-variable", sans-serif;
  font-size: 25px;
  margin-bottom: 0px;
}
p.cardp {
  font-weight: bold;
  font-size: 17px;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
p.explorep {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  color: #fff;
}
span.explorespan {
  color: #fff;
  font-style: italic;
  width: 90%;
  text-align: center;
}
span.cardp {
  color: #0c2340;
  text-align: center;
  font-style: italic;
}
a.phonelink {
  color: #fff;
}
a.phonelink:hover {
  color: #fff;
}
a#cardbutton {
  border: solid 3px transparent;
  box-shadow: 2px 2px 4px rgba(12, 37, 64, 0.1);
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.015em;
  margin: 0;
  padding: 5px 6.25px;
  text-decoration: none !important;
  transition: ease-in-out 0.1s;
  white-space: nowrap;
  background-color: #F15A22 !important;
  width: 70%;
}
.bluesectionbackground {
  background-color: #0c2340 !important;
  padding-bottom: 4rem;
}
.lets-be-rowdy {
  background-color: #f6f5f3;
  padding-top: 100px;
  padding-bottom: 100px;
}
em.fab.fa-x-twitter.utsa-social-circle.text-center::before {
  content: "𝕏";
  font-weight: bold;
}
i.fab.fa-twitter.utsa-social-circle::before {
  content: "𝕏";
  font-weight: bold;
}
li.has-sub {
  border: none !important;
}
ul.quick-links li a {
  font-size: 15px;
  width: 6.5rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #d3430D !important;
  border-right: 1px solid #d3430D !important;
  border-left: 1px solid #d3430D !important;
  border-top: 1px solid #d3430D !important;
  border-bottom: 1px solid #d3430D !important;
}
ul.quick-links li a:after {
  display: none;
}
span.inner {
  width: 150px !important;
}
.slab .hm-events h2 {
  color: white;
  margin-bottom: 50px;
}
.slab .hm-events {
  background-color: #0c2340;
  padding: 60px 0;
  font-family: Oswald, sans-serif
}
.slab .hm-events .hm-event-list {
  margin: 0;
  padding: 0;
  list-style-type: none
}
@media (min-width:62rem) {
  .slab .hm-events .hm-event-list {
    margin-right: 0;
    column-count: 2
  }
  .sub-site-title {
    top: 3.7rem !important;
  }
}
.slab .hm-events .hm-event-list li {
  margin-bottom: 20px
}
@media (min-width:62rem) {
  .slab .hm-events .hm-event-list li {
    display: block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
  }
  ul.utility-nav {
    top: -8rem !important;
  }
}
.slab .hm-events .hm-event-list li a {
  display: flex;
  width: 100%
}
.slab .hm-events .hm-event-list li a .date {
  display: block;
  border: 3px solid #f15a22;
  flex: 0 0 80px;
  width: 80px;
  height: 80px;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700
}
.slab .hm-events .hm-event-list li a .date span {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 40px;
  line-height: 40px;
  font-weight: 700
}
.slab .hm-events .hm-event-list li a .details {
  display: block;
  padding-left: 20px
}
.slab .hm-events .hm-event-list li a .details .title {
  display: block;
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1.375rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  line-height: 1.25rem;
  max-height: 2.5rem;
  text-align: justify;
  margin-right: 0;
  padding-right: 1rem
}
.slab .hm-events .hm-event-list li a .details .title:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0
}
.slab .hm-events .hm-event-list li a .details .title:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1rem;
  height: 1rem;
  margin-top: .3125rem;
  background: #0c2340
}
.slab .hm-events .hm-event-list li a .details .description {
  display: block;
  font-weight: 400;
  font-size: .875rem;
  color: #fff;
  overflow: hidden;
  position: relative;
  line-height: 1.25rem;
  max-height: 2.5rem;
  text-align: justify;
  margin-right: 0;
  padding-right: 1rem
}
.slab .hm-events .hm-event-list li a .details .description:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0
}
.slab .hm-events .hm-event-list li a .details .description:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1rem;
  height: 1rem;
  margin-top: .3125rem;
  background: #0c2340
}
.slab .hm-events .hm-event-list li a .details .time {
  display: block;
  font-style: italic;
  font-weight: 700;
  color: #fff
}
.slab .hm-events .hm-event-list li a:hover {
  text-decoration: none
}
.slab .hm-events .hm-event-list li a:hover .date {
  text-decoration: none;
  background-color: #d3430d;
  color: #fff
}
.slab .hm-events .hm-event-list li a:hover .date span {
  color: #fff
}
.slab .hm-events .hm-event-list li a:hover .details .title {
  color: #fff;
  text-decoration: underline
}
.slab .hm-events .all-events {
  border-top: 1px dotted #f15a22;
  margin-top: 20px;
  padding-top: 20px;
  text-align: center
}
.slab .hm-events .all-events a {
  display: inline-block;
  border: 2px solid transparent;
  padding: 10px 20px;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  width: auto;
  text-align: center;
  background-color: #d3430d;
  text-decoration: none !important;
  text-transform: uppercase
}
.slab .hm-events .all-events a:after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  margin-left: 5px
}
.slab .hm-events .all-events a:hover {
  color: #d3430d;
  background-color: #fff;
  text-decoration: none;
  border-color: #d3430d
}
.social-media-icon-container a .social-media-icons {
  display: block;
  background-color: #0c2340;
  text-align: center;
  height: 100px;
  width: 100px;
  padding: 30px;
  color: #fff;
  margin: 0 auto;
  font-size: 2rem;
}
.social-media-icon-container a .social-media-title {
  text-align: center;
  margin-bottom: 1rem;
}
.social-media-icon-container a {
  margin-top: 2rem;
  display: block;
}
a.sponsor {
  background-color: #efefef;
  display: block;
  text-align: center;
  border: 1px solid transparent;
}
a.sponsor:hover, a.sponsor:focus {
  border-color: #d3430d;
}
.sponsor .media {
  position: relative;
  height: 125px;
  width: 100px;
  margin: 1rem auto;
}
.sponsor .media img {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
  top: 10px;
  text-align: center;
}
.sponsor .link {
  margin: 1rem 0;
  display: block;
}
.awards ul {
  list-style: none;
}
.awards ul li .year {
  display: inline-block;
  width: 65px;
}
.awards ul li {
  margin: 10px 0;
}
.page-content.hm, .page-content.lp {
  padding-top: 6rem;
}
/* Uses a page ID for the homepage */
.page-content.lp.page-0671121f817364ba6c8cd63d248583ba, .page-content.lp.page-0670fe9d817364ba6c8cd63d8c239111 {
  padding-top: 0;
}
.slab .hm-events .hm-event-list li.multiday a .date {
  padding: 10px 3px;
}
.slab .hm-events .hm-event-list li.multiday a .date > span {
  font-size: 20px;
}
@media (min-width: 30rem) {
  .nr-main-list ul li a .editorial {
    width: 500px;
    padding-left: 20px;
  }
  .mobile-left-align {
    padding-left: 9rem;
  }
}
/* Mobile Only CSS */
@media (max-width: 700px) {
  h3.text-secondary.mt-md-0.mt-sm-4.mb-2 {
    text-align: center;
    padding-top: 3rem;
  }
  .letspartner {
    flex: 100%;
    max-width: 100%;
    padding-top: 5rem;
    padding-bottom: 5rem;
    margin-left: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  h3.callingallcta {
    font-size: 45px !important;
  }
  .membersonly {
    font-size: 55px;
    font-weight: bold;
    color: #0c2340;
    padding-left: 1rem;
  }
  .icon-column {
    padding-bottom: 2rem;
  }
  .membersonlytext {
    padding-left: 1rem;
    color: #0c2340;
  }
  .block-goods {
    background-color: #f6f5f3;
    background-image: url(https://www.utsa.edu/alumni/images/mobileRowdyBacker.jpg);
    background-repeat: no-repeat;
    background-position: right;
  }
  table.membershiptable {
    width: 100%;
  }
  td.percentagenumber {
    font-size: 20px;
  }
  td.title {
    font-size: 17px;
    padding-right: .5rem;
    padding-left: .5rem;
  }
  td.firstcolumn {
    font-size: 15px;
  }
  .mobilebtnmargin {
    margin-top: 3rem;
  }
  span.btnhidemobile {
    display: none;
  }
  #benefit {
    margin-right: 0px;
  }
  .gray-row-icons {
    display: -webkit-box;
  }
  .gray-row-icons .col {
    flex: 0 0 50%;
  }
  img.footer-ring {
    display: none !important;
  }
  ul.quick-links {
    right: 0px !important;
  }
  .main-nav-wrap {
    top: 0px !important;
  }
  ul.main-nav {
    background-color: #0c2340 !important;
  }
  .thegoods {
    width: 100;
  }
  p.graytext {
    width: 100%;
  }
  .grey-row-icons {
    width: 100%;
  }
  h4.mobile-blue {
    color: #0c2340 !important;
  }
  a.mobile-blue {
    color: #0c2340 !important;
  }
}
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
  .grey-row-icons {
    display: inline-flex !important;
  }
  .mobilebtnmargin {
    margin-top: 3rem;
  }
  span.btnhidemobile {
    display: none;
  }
  .row.justify-content {
    padding-left: 3rem;
  }
}
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
  .gray-row-icons {
    display: flex !important;
  }
  .block-goods {
    background-color: #f6f5f3;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right;
  }
  p.membersonlytext br {
    display: none;
  }
  span.btnhidemobile {
    display: none;
  }
}
.content--amount {
  padding: 4em 0;
  position: relative;
  z-index: 1;
  text-align: center;
  margin-bottom: 3rem;
  overflow: hidden;
  background-color: #f6f5f3;
  &:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 2rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    z-index: -1;
  }
  &:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 2rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    z-index: -1;
    @media screen and (max-width: 900px) {
      display: none;
    }
  }
}
@media (min-width: 1000px) and (max-width: 1300px) {
  img#podcastimage {
    width: 100%;
  }
}
@media only screen and (min-width: 1900px) {
  img#podcastimage {
    width: 50% !important;
  }
}