/* -------- Event Templates ----------------- */
.event-styles p {
    margin:1rem 0 0;
}
.event-styles .special-heading {
    margin:0 0 2rem;
    font-variant-numeric: lining-nums;
}
.event-styles .special-heading:after {
    margin-top: 0.25em;
}
.py-96 {
	 padding:6rem 0;
}
.pt-96 {
    padding-top:6rem;
}

.pb-96 {
    padding-bottom:6rem;
}
.pt-64 {
    padding-top:4rem;
}
.pb-64 {
    padding-bottom:4rem;
}
.py-48 {
    padding:3rem 0;
}
.pt-32 {
    padding-top:2rem;
}
.pb-32 {
    padding-bottom:2rem;
}
.py-0 {
    padding:0;
}
.my-0 {
    margin-top:0;
    margin-bottom:0;
}
.showTablet {
    display:none;
}
.showMobile {
    display:none;
}
.vertCenter {
  height: 100%;
  display: table;
  text-align: center;
  width: 100%; }
  .vertCenter .inner {
    display: table-cell;
    vertical-align: middle; }

.vertRight {
  height: 100%;
  display: table;
  text-align: right;
  width: 100%; }
  .vertRight .inner {
    display: table-cell;
    vertical-align: middle; }

.vertLeft {
  height: 100%;
  display: table;
  text-align: left;
  width: 100%; }
  .vertLeft .inner {
    display: table-cell;
    vertical-align: middle; }

.vertTop {
  height: 100%;
  display: table;
  width: 100%; }
  .vertTop .inner {
    display: table-cell;
    vertical-align: text-top; }

.vertBot {
  height: 100%;
  display: table;
  width: 100%; }
  .vertBot .inner {
    display: table-cell;
    vertical-align: bottom; }

 .lead {
	 font-variant-numeric: lining-nums;
}
.bg-stripe-orange {
    background: -o-repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 7px, rgba(255, 255, 255, 0.1) 7px);
    background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 7px, rgba(255, 255, 255, 0.1) 7px);
    background-color:#f15A22;
    position:relative;
}
.bg-stripe-orange:before {
    display:block;
    content:"";
    height:8rem;
    background-color:#fff;
    position:absolute;
    top:0;
    width:100%;
}
.bg-stripe-orange:after {
    display:block;
    content:"";
    height:12rem;
    background-color:#fff;
    position:absolute;
    bottom:0;
    width:100%;
    z-index:0;
}
.bg-stripe-orange .container {
    position:relative;
    z-index:10;
}
.block-photo.photo-right .wrapper,
.photo-right .wrapper {
    padding-right:2rem;
}
.block-photo.photo-left .wrapper,
.photo-left .wrapper {
    padding-left:2rem;
}
.block-photo h1 {
    margin:0;
    background-color: rgba(255,255,255,.5);
}
.block-photo h2 {
    margin:0 0 1.5rem;
}
.block-photo .h4 {
    font-variant-numeric: lining-nums;
    color: #D3430D;
}
.a11y {
    color: #D3430D;
}
.grey-03 {
    color: #949494;
}
hr {
    border-top:1px dashed #949494;
    margin:4.5rem 10%;
    background-color:transparent;
    opacity:1;
}
.bgrd-confetti {
    background-image:url(/_files/global/images/fiesta-medals/bgrd-confetti.png);
    background-repeat:repeat-x;
    background-position:left top;
}
.bgrd-fiesta {
    background-image:url(/_files/global/images/fiesta/bgrd-fiesta-banners.svg);
    background-repeat:repeat-x;
    background-position:left top;
}
.bgrd-utsa {
    background-image:url(/_files/global/images/fiesta-medals/bgrd-utsa.png);
    background-repeat:no-repeat;
    background-position:right bottom;
}
.jquery-background-video-wrapper.hero-video-container .video-text-wrapper .video-text-container .h1, 
.jquery-background-video-wrapper.hero-video-container .video-text-wrapper .video-text-container h1 {
    font-variant-numeric: lining-nums;
}
/* -------- Event Cards ----------------- */
.event-styles .card {
    height: 100%;
    box-shadow: 2px 2px 6px rgba(12,37,64,.25);
}
.event-styles .card h3 {
    margin:0 0 1.5rem;
}
.event-styles .card h3 a {
    text-decoration:none!important;
        -webkit-transition: all 0.3s linear !important;
  -moz-transition: all 0.3s linear !important;
  -ms-transition: all 0.3s linear !important;
  -o-transition: all 0.3s linear !important;
  transition: all 0.3s linear !important;
}
.event-styles .card picture a {
    display:inline-block;
    position:relative;
}
.event-styles .card picture a:hover {
    background-color:transparent!important;
}
.event-styles .card picture a .overlay {
    display:block;
    background-image:url(/_files/global/images/fiesta-medals/gfx-award-winning.svg);
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-repeat:no-repeat;
    background-position:left top;
    background-size:80%;
}
.event-styles .card .card-body {
    padding: 2.25rem 2rem 2.5rem;
    border-top: 1px solid rgba(0,0,0,.125);
    background-color: rgba(241,242,244,.5);
}
.event-styles .card .card-footer {
    background-color: rgba(0,0,0,.08);
    padding: 1.25rem;
}
.event-styles .card .card-footer p {
    margin:0;
}
.event-styles .card .card-footer a {
        -webkit-transition: all 0.3s linear !important;
  -moz-transition: all 0.3s linear !important;
  -ms-transition: all 0.3s linear !important;
  -o-transition: all 0.3s linear !important;
  transition: all 0.3s linear !important;
}
/* -------- Fiesta Landing Page Templates ----------------- */
.block-header {
    background-image:url(https://utsa.edu/_files/global/images/fiesta/header-utsa-fiesta@2x.jpg); 
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;

}
.block-header .container-fluid {
    background-color:rgba(12,35,64,0.3);
    height:500px;
}
.block-events .col-xs-12 {
    margin-top:2rem;
}
.block-events .card {
    border:0px;
    border-top:4px solid #f15A22;
}
.block-events .card picture {
    position:relative;
    overflow:hidden;
    -webkit-transition: all 0.3s linear !important;
  -moz-transition: all 0.3s linear !important;
  -ms-transition: all 0.3s linear !important;
  -o-transition: all 0.3s linear !important;
  transition: all 0.3s linear !important;
  line-height:0;
}
.block-events .card picture a,
.block-events .col-lg-12 a {
    display: inline-block;
    position:relative;
    overflow: hidden;
}
.block-events picture img,
.block-events .col-lg-12 a img {
    transition: transform .5s ease;
}
.block-events .col-lg-12 a {
    box-shadow: 2px 2px 6px rgba(12,37,64,.25);
}
.block-events picture:hover img {
  transform: scale(1.15);
}
.block-events .col-lg-12 a:hover img {
  transform: scale(1.05);
}
.block-events picture .event-date {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    margin: 0;
    padding:.5rem 1rem;
    background: -o-repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 7px, rgba(255, 255, 255, 0.1) 7px);
    background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 7px, rgba(255, 255, 255, 0.1) 7px);
    background-color:#0c2340;
    color:#fff;
    text-align:center;
}
.block-events .event-month {
    padding: 0rem;
    display: block;
    line-height: 1;
    color:#fff;
    font-size:1.25rem;
    text-transform:uppercase;
    font-family: ff-meta-web-pro, open-sans, sans-serif;
    font-weight:700;
}
.block-events .event-day {
    display: block;
    margin: .25rem 0rem 0;
    font-family:"kulturista-web";
    font-size:2.5rem;
    line-height:1;
    color:#fff;
    text-align:center;
}

.block-events .event-day2 {
    display: block;
    margin: .25rem 0rem 0;
    font-family:"kulturista-web";
    font-size:1.75rem;
    line-height:1;
    color:#fff;
    text-align:center;
}
.block-events .event-time {
    font-size:1.125rem;
    color:#D3430D;
    line-height:1;
    font-family: ff-meta-web-pro, open-sans, sans-serif;
    font-weight:600;
    margin-bottom: 0.25rem;
    font-variant-numeric: lining-nums;
}
.block-events .h4 {
    font-size: 1.5rem;
    line-height: 1;
    font-variant-numeric: lining-nums;
}
.block-events h2.h4 {
    margin:0 0 .5rem;
}
.block-events h2.h4 a {
    text-decoration:none;
    -webkit-transition: all 0.3s linear !important;
  -moz-transition: all 0.3s linear !important;
  -ms-transition: all 0.3s linear !important;
  -o-transition: all 0.3s linear !important;
  transition: all 0.3s linear !important;
}
.block-events .event-location {
    color:#495970;
    font-family:"open-sans";
    font-size:1rem;
    font-weight:bold;
    line-height:1.2;
}
.block-events .card-body p {
    margin-top:.25rem;
}
.block-events .event-passed img {
    filter: grayscale(100);
}
.block-events .event-passed .event-time {
    color:#4f4f4f;
}
.block-events .event-passed .event-date {
    background-color:#232323;
}
.block-events .event-passed .card-footer {
    display:block;
    color:#232323;
    padding:1rem .5rem;
    text-align:center;
    line-height:1;
    font-size:1rem;
}
@media only screen and (max-width: 1199.98px) {
}
@media only screen and (max-width: 1024.98px) {
    .h1, h1 {
		 font-size: 2.5rem;
	}
	.h2, h2 {
		 font-size: 2rem;
	}
	.h3, h3 {
		 font-size: 1.75rem;
	}
    .lead {
        font-size: 1.125rem;
    }
    .block-photo.photo-right .wrapper,
    .photo-right .wrapper {
        padding-right: 0rem;
    }
    .block-photo.photo-left .wrapper,
    .photo-left .wrapper{
        padding-left: 0rem;
    }
    .bgrd-confetti {
        background-size: 60%;
    }
    .bgrd-fiesta {
        background-size: 30%;
    }
}
@media only screen and (max-width: 991.98px) {
    .py-96 {
		 padding-top:5rem;
		 padding-bottom:5rem;
	}
    .pt-96 {
        padding-top:5rem;
    }
    .pb-96 {
        padding-bottom:5rem;
    }
	 .showTablet {
		 display:block;
	}
	 .hideTablet {
		 display:none;
	}
	.block-photo .col-md-6,
	.block-cards .col-md-4 {
        width: 100%;
    }
    .block-photo img {
        margin:2rem auto 0;
        width:100%;
    }
    .block-cards .card {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .block-cards .card picture {
        width: 35%;
        margin: auto;
        
    }
    .block-cards .card-body {
        width:65%;
    }
    .event-styles .card .card-body {
        border-top:0px;
        border-left:1px solid rgba(0,0,0,.125);
    }
    .event-styles .card .card-footer {
        width:100%;
    }
    .event-styles .card .card-footerX p {
        text-align:left!important;
    }
    .event-styles .card h3 {
        margin:0 0 1rem;
    }
    .block-cards .col-lg-4 {
        margin-top:1.5rem;
    }
    .block-cards .col-lg-4:first-child {
        margin-top:0;
    }
    .bgrd-utsa {
    background-size: 70%;
    }
    .event-styles .main-content .container,
    .event-styles .block-events .container {
        max-width:95%;
    }
    .block-header .container-fluid {
        height: 420px;
    }
    
}
@media screen and (max-width: 800px) {
	.py-96 {
		 padding-top:4.5rem;
		 padding-bottom:4.5rem;
	}
    .pt-96 {
        padding-top:4.5rem;
    }
    .pb-96 {
        padding-bottom:4.5rem;
    }
    .block-events .col-lg-4 {
        width:50%;
        order:1;
    }
    .block-events .col-lg-12 {
        order:0;
    }
    .block-events .card {
        border-top: 4px solid #0c2340;
    }
    .block-events .event-passedX {
        display:none;
    }
}
@media screen and (max-width: 767px) {
    .block-cards .card {
		 flex-direction: column;
	}
	 .block-cards .card picture {
		 width: 100%;
	}
	 .block-cards .card-body {
		 width:100%;
	}
	.event-styles .card .card-body {
        border-top: 1px solid rgba(0,0,0,.125);
        border-left:0;
    }
    .block-cards .card picture {
        text-align:center;
        
    }
    .bgrd-confetti {
        background-size: 100%;
    }
    .event-styles .card picture a {
    display: block;
}
}
@media only screen and (max-width: 660.98px) {
}
@media screen and (max-width: 575.98px) {
    .event-styles .container {
        width:95%;
    }
    .block-header .container-fluid {
        height: 100%;
    }
    .block-header .container-fluid .inner img {
        height: 120px;
        margin:7.5rem 5rem;
    }
    .pb-32 {
        padding-bottom: 1rem;
    }
    .pt-32 {
        padding-top: 1rem;
    }
    .block-events .col-lg-4 {
        width: 100%;
    }
    .block-events picture img, .block-events .col-lg-12 a img {
        width: 100%;
    }
}
@media screen and (max-width: 480.98px) {
	 .py-96 {
		 padding-top:4rem;
		 padding-bottom:4rem;
	}
	.pt-96 {
        padding-top:4rem;
    }
    .pb-96 {
        padding-bottom:4rem;
    }
	 .hideMobile {
		 display:none;
	}
	 .showMobile {
		 display:block;
	}
	.h1, h1 {
		 font-size: 2.25rem;
	}
	 .h2, h2 {
		 font-size: 1.75rem;
	}
	 .h3, h3 {
		 font-size: 1.5rem;
	}
	h4, .h4 {
	    font-size: 1.35rem;
	}
	.bgrd-confetti {
        background-size: 150%;
        background-position: left -30px;
    }
    .block-header .container-fluid .inner img {
        height: 110px;
        margin: 6rem 0;
    }
    .bgrd-fiesta {
        background-size: 45%;
    }
}
@media only screen and (max-width: 425.98px) {
	 .h1, h1 {
		 font-size: 1.75rem;
	}
	 .h2, h2 {
		 font-size: 1.25rem;
	}
	 .lead {
		 font-size: 1rem;
	}
	 .py-96 {
		 padding-top: 3rem;
		 padding-bottom: 3rem;
	}
	.pt-96 {
        padding-top:3rem;
    }
    .pb-96 {
        padding-bottom:3rem;
    }
}
@media only screen and (max-width: 375.98px) {
}
@media only screen and (max-width: 360.98px) {
}
@media only screen and (max-width: 320.98px) {
}