@charset "UTF-8";
/* CSS Document */
body{
	color: #000000;
	font-size: 1.125rem;
}
#eapps-instagram-feed-1 .eapps-instagram-feed-header {
    background: transparent !important;
}
.dropdown-toggle[aria-expanded="true"] + .dropdown-menu li:first-child, .dropdown-menu.show li:first-child, #uark-mobile-topnav .collapse li:first-child, #uark-mobile-topnav .collapsing li:first-child{
	display: none !important;
}
.sticky-image{
	position: -webkit-sticky;
    position: sticky !important;
    top: 150px;
}
.sticky-boxes{
	position: -webkit-sticky;
    position: sticky !important;
    top: 150px;
}
a[target="_blank"]::after {
    content: "";
    background-image: url(/_resources/images/external-link-icon.png);
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    position: relative;
    color: #9D2235;
    left: 3px;
    top: 3px;
    margin-right: 5px;
    display: inline-block;
}
.es-widget a[target="_blank"]::after{
	display: none;
}
table.mixed, table.plain, table.table {
    table-layout: auto !important;
}
thead {
    background-color: #9d2235;
    color: #fff;
    text-transform: uppercase;
	font-size: .9rem;
}
table.table>*>tr>th, table.table>*>tr>td {
    padding: 10px !important;
}
.view-bio{
	background-color: transparent;
    border: none;
    padding: 0;
    color: #9D2235;
    text-decoration: underline;
}
.view-bio:hover, .view-bio:focus, .close:hover, .close:focus, .card-close {
    color: #611327;
	background-color: transparent !important;
}
.close {
	background-color: transparent;
    border: none;
    font-size: 2rem;
    text-align: right;
    margin-left: auto;
	margin-bottom: 10px;
    display: block;
}
.headshot{
	object-fit: cover;
    height: 200px;
    width: 130px;
	margin-right: 1rem;
	float: left;
}
.flip-card {
    min-height: 350px;
    width: 100%;
    perspective: 1000px;
    transition: transform 0.2s;
    position: relative;
    background-color: transparent;
}
.flip-card-inner {
    min-height: 350px;
    position: relative;
    width: 100%;
    transition: transform 0.5s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
	padding: 5px 0 !important;
}
.flip-card:hover .flip-card-inner, .flip-card:focus .flip-card-inner{
    transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-perspective: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    visibility:visible;
    backface-visibility: hidden;
	padding: 1.5rem 3rem 1rem 1.5rem;
	overflow-y: auto;
}
.flip-card-front{
    background-color: #ffffff;
}
.flip-card-back {
    background-color: #ffffff;
    transform: rotateY(180deg);
}
.bg-light-gray{
	background-color: #F9F9F9;
}
.bg-light-blue{
	background-color: #D5EAE9;
}
.bg-dark-blue{
	background-color: #2b5269;
}
.bg-medium-gray{
	background-color: #c7c8ca;
}
.bg-dark-gray{
	background-color: #424242;
}
.bg-dark-gray h2, .bg-red h2, .bg-dark-gray h3, .bg-red h3, .bg-dark-gray h4, .bg-red h4, .bg-dark-gray h5, .bg-red h5, .bg-dark-gray p, .bg-red p, .bg-dark-gray .card-carousel .slide h3, .bg-red .card-carousel .slide h3,
.bg-dark-gray .factoid .large-content, .bg-red .factoid .large-content, .bg-dark-gray p a, .bg-red p a{
	color: #fff;
}
.bg-dark-gray a:hover .card h3, .bg-dark-gray a:focus .card h3, .bg-dark-gray .card a:hover h3, .bg-dark-gray .card a:focus h3,
.bg-red a:hover .card h3, .bg-red a:focus .card h3, .bg-red .card a:hover h3, .bg-red .card a:focus h3{
    color: #fff;
	text-decoration: underline;
}
.bg-dark-gray .bg-white h3, .bg-red .bg-white h3, .bg-dark-gray .bg-white h4, .bg-red .bg-white h4, .bg-dark-gray .bg-white h5, .bg-red .bg-white h5{
	color: #000;
}
.bg-dark-gray .bg-white p, .bg-red .bg-white p{
	color: #000;
}
.bg-dark-gray .bg-white p a, .bg-red .bg-white p a{
	color: #9d2235;
}
.bg-dark-gray .numbered-steps h3 a, .bg-red .numbered-steps h3 a {
    color: #fff;
}
.bg-red{
	background-color: #9d2235;
}
.bg-stripe-dashed{
	background-image: url(https://admissions.uark.edu/_resources/images/funky-lines.png);
	background-repeat: repeat;
	background-size: auto;
}
.bg-stripe-solid {
	background-image: url(/_resources/images/solid-stripes.png);
	background-size: 300px !important;
    background-repeat: repeat !important;
}
.bg-stripe-solid::before{
	content: "";
	background: rgb(43,82,105);
	background: radial-gradient(circle, rgba(43,82,105,1) 0%, rgba(28,63,85,1) 100%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: -1;
}
.bg-dark-blue h2, .bg-dark-blue h3, .bg-dark-blue h4, .bg-dark-blue .h2, .bg-dark-blue .h3, .bg-dark-blue .h4,
.bg-stripe-solid h2, .bg-stripe-solid h3, .bg-stripe-solid h4, .bg-stripe-solid .h2, .bg-stripe-solid .h3, .bg-stripe-solid .h4,
.bg-dark-blue p, .bg-stripe-solid p, .bg-stripe-solid .list-inline-item a, .bg-stripe-solid .list-inline-item .fas{
	color: #fff;
}
.bg-stripe-solid .list-inline-item:not(:last-child) {
    margin-right: 2rem;
}
.bg-dark-blue .bg-white h2, .bg-dark-blue .bg-white h3, .bg-dark-blue .bg-white h4{
	color: #000;
}
.bg-dark-blue .bg-white p{
	color: #000;
}
.section{
	padding: 75px 0;
	position: relative;
}
.section.colorful-boxes{
	padding: 75px 0 40px;
}
.lead {
    font-size: 1.563rem;
    font-weight: 400;
}
#main-content h1.col-12{
	margin-top: 40px;
}
h1, p{
	font-family: "Lato" !important;
	line-height: 1.2 !important;
}
p{
	margin-bottom: 16px !important;
}
h2, .h2{
	font-size: 2.5rem;
}
h3, .h3{
	font-size: 1.875rem;
}
h4, .h4{
	font-size: 1.0rem;
}
h1, .h1, h2, h3, h4, .h2, .h3, .h4, h5, .h5{
	color: #000;
	font-weight: 700;
}
h2, h3, h4{
	margin-bottom: 2rem;
}
.btn-default, .form_button_submit{
    border-radius: 5px;
    box-shadow: none;
    padding: 15px;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700;
    margin: 10px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #9D2235;
    border: 2px solid #9D2235;
    background-color: #fff;
    min-width: 250px;
    transition: color .3s ease;
}
.eapps-instagram-feed-posts-grid-load-more{
   border-radius: 5px !important;
    box-shadow: none !important;
    padding: 15px !important;
    font-size: 1.2rem !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    margin: 40px auto 0 !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    color: #9D2235 !important;
    border: 2px solid #9D2235 !important;
    background-color: #fff !important;
    min-width: 250px !important;
    transition: color .3s ease !important;
    width: max-content !important;
    height: auto !important;
}
.form_button_submit{
	margin: auto;
    text-align: center;
    display: block;
}
.btn-default:before, .form_button_submit:before, .eapps-instagram-feed-posts-grid-load-more:before {
    position: absolute;
    content: "";
    width: 0;
    top: 0;
    height: 110%;
    left: -20%;
    z-index: -1;
}
.btn-default:before, .form_button_submit:before, .eapps-instagram-feed-posts-grid-load-more:before {
    background-color: #9D2235;
    transition: all .6s;
}
.btn-default:hover, .btn-default:focus, .form_button_submit:hover, .form_button_submit:focus, .eapps-instagram-feed-posts-grid-load-more:hover, .eapps-instagram-feed-posts-grid-load-more:focus {
    color: #ffffff !important;
    border-color: #9D2235;
}
.btn-default:focus:before, .btn-default:hover:before,
.form_button_submit:focus:before, .form_button_submit:hover:before,
.eapps-instagram-feed-posts-grid-load-more:focus:before, .eapps-instagram-feed-posts-grid-load-more:hover:before{
    width: 140%;
}
.btn-red{
    color: #fff;
    border: 2px solid #fff;
    background-color: #9D2235;
}
.btn-red:before{
	background-color: #fff;
}
.btn-red:hover, .btn-red:focus{
	color: #9D2235 !important;
    border-color: #9D2235;
}
.collapse-button{
	background-color: transparent;
    border: none;
    color: #9D2235;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    font-size: 1.5rem;
    transition: .2s ease-in-out;
    text-align: right;
    padding-top: 18px;
    padding-right: 15px;
}
.collapse-button[aria-expanded="true"] .fa-circle-plus::before{
    content: "\f056";
}
.collapse-button:focus{
	background-color: transparent;
    color: #9D2235;
}
.hero .btn-default{
	border: 2px solid rgba(255, 255, 255, 0.5);
	background: rgb(157,34,53);
    background: linear-gradient(0deg, rgba(157,34,53,0.7) 0%, rgba(157,34,53,1) 100%);
	color: #fff;
	font-size: 1.563rem;
}
.hero .btn-default:hover, .hero .btn-default:focus{
	background: linear-gradient(0deg, rgba(157,34,53,1) 0%, rgba(157,34,53,1) 100%);
	border: 2px solid rgba(157,34,53,1);
	color: #9D2235 !important;
}
.hero .btn-default:before {
    background-color: #fff;
}
.hero {
    padding: 0;
    position: relative;
    overflow: hidden;
	margin: 0;
	border: none;
	height: 810px;
	color: #fff;
}
.hero:before {
	position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
	background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,.2) 75%);
}
.hero .hero-image {
    position: absolute;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.hero .hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%,-50%);
    text-align: center;
    padding: 0 15px;
    width: 100%;
    max-width: 1640px;
}
.hero .hero-container {
    height: 100%;
    z-index: 1;
    text-align: center;
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: visible;
    padding-top: 40px;
}
.hero .hero-title {
    margin: 50px auto;
	font-weight: 700;
    font-size: 6.25rem;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0px 3px 6px rgba(0,0,0,0.37);
}
.hero h2{
	font-weight: 700;
	font-size: 1.875rem;
	text-shadow: 0px 3px 6px rgba(0,0,0,0.37);
}
.hero .h2, .hero .h3, .hero .h4{
	color: #fff;
	text-shadow: 0px 3px 6px rgba(0,0,0,0.37);
}
.hero video {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%,-50%);
    overflow: hidden;
}
.hero .button-wrapper {
    position: absolute;
    right: 50px;
    bottom: 50px;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hero .pause-play, .hero .play-pause{
	color: #fff;
    background-color: #fff;
    width: 64px;
    height: 64px;
    position: absolute;
    cursor: pointer;
    z-index: 2;
    border: none;
    border-radius: 50%;
    font-weight: 700;
    font-size: 1.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hero .play-pause .fa-play, .hero .play-pause .fa-pause{
	color: #9D2235;
    font-size: 1.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 4px;
    padding-top: 2px;
}
.hero .play-pause .fa-pause{
	padding-right: 5px;
}
.hero .play-pause .fa-play:before {
    content: "\f04b";
}
.hero .play-pause .fa-pause:before {
    content: "\f04c";
}
#clock{
	text-align: center;
	font-weight: 700;
    font-size: 1.5rem;
	margin-bottom: 20px;
}
.hero #clock{
	font-size: 3.75rem;
}
.play-video{
	width: 64px;
    height: 64px;
    background-color: #fff;
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 1;
    border-radius: 50%;
    border: none;
}
.play-video .fa-play{
	color: #9D2235;
	font-size: 1.75rem;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	display: flex;
    justify-content: center;
    align-items: center;
	padding-left: 4px;
    padding-top: 2px;
}
.play-video:hover, .play-video:focus{
	opacity: .75;
	background-color: #fff;
	color: #9D2235;
}
#video-modal .close{
	position: absolute;
    top: -70px;
    right: 0;
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 3rem;
}
.cta-menu-container {
    text-align: center;
    font-weight: 300;
    background-color: #611327;
}
.cta-menu {
    margin: 0;
    text-transform: uppercase;
    color: #fff;
}
.cta-menu a {
    position: relative;
    padding: 20px;
    display: inline-block;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
    font-size: 1.75rem;
    border-right: 1px solid #fff;
}
.cta-menu a:last-of-type {
    border-right: none;
}
.cta-menu a:hover, .cta-menu a:focus {
    background-color: #9D2235;
    text-decoration: none;
    color: #fff;
}
#section-footer {
    margin-top: 0;
}
#section-footer h2{
	color: #9D2235;
	text-transform: none;
	font-size: 2.125rem;
	text-align: left;
	font-weight: 700;
}
#section-footer h2::before, #section-footer h2::after{
	display: none;
}
#section-footer .fas, .contact-information .fas{
	color: #9D2235;
    font-size: 3rem;
    float: left;
    margin-right: 15px;
	width: 48px;
    height: 70px;
    display: flex;
    align-items: center;
	justify-content: center;
}
#section-footer .list-unstyled, .contact-information .list-unstyled{
	margin: 0;
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contact-information .list-unstyled{
    min-height: 90px;
}
.social-media-prefooter{
	text-align: right;
	font-size: 2.5rem;
}
#section-footer #prefooter-row-2{
	margin-bottom: 40px;
}
#shadow-host-companion{
	padding: 0;
}
#directedit-footer{
	font-size: 0.875rem;
}
/*Cards*/
.card {
    border-radius: 0;
    border: none;
    background-color: transparent;
}
.card .image-overlay {
    padding-top: 80%;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.card-carousel .card .image-overlay {
    padding-top: 100%;
}
.card .image-overlay .card-img-top {
    background-size: cover;
    background-position: 50%;
    bottom: 0;
    left: 0;
    position: absolute;
    top: -1px;
    right: 0;
    z-index: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}
a:hover .card .image-overlay .card-img-top, a:focus .card .image-overlay .card-img-top,
.card a:hover .image-overlay .card-img-top, .card a:focus .image-overlay .card-img-top{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}
	

.shadow-cards .card a[target="_blank"]::after {
    display: none;
}
.shadow-cards a[target="_blank"]::after {
    display: none;
}
.shadow-cards a[target="_blank"] h3::after {
    content: "";
    background-image: url(/_resources/images/external-link-icon.png);
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    position: relative;
    color: #9D2235;
    left: 3px;
    top: 3px;
    margin-right: 5px;
    display: inline-block;
}
.card a.btn-default{
	color: #9D2235;
	margin-top: auto;
}
.card-carousel .slide h3{
	color: #000;
}
a:hover .card h3, a:focus .card h3, .card a:hover h3, .card a:focus h3{
	color: #9D2235;
}
.card-body {
    padding: 1.5rem 0;
}
.card-body h3{
    font-size: 1.375rem;
	margin-bottom: 15px;
}
.shadow {
    box-shadow: 0 0 1.5rem rgba(0,0,0,.12)!important;
}
.card > .bg-image {
    border-radius: 0;
}
.colorful-border-box {
	box-shadow: 0 0 1.5rem rgba(0,0,0,.12)!important;
	position: relative;
	background-color: #fff;
}
.colorful-border-box .card-body{
	padding: 1.5rem 3rem 1rem 1.5rem;
	min-height: 110px;
}
.colorful-border-box .card-body h3{
	text-transform: uppercase;
}
.bg-dark-gray .colorful-border-box .card-body h3, .bg-red .colorful-border-box .card-body h3{
	color: #000000;
}
.bg-dark-gray .colorful-border-box p, .bg-red .colorful-border-box p{
	color: #000000;
}

.colorful-border-box::before{
	content: "";
	height: 5px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: width .35s ease-out,visibility .35s ease-out;
}
.colorful-border-box:hover::before{
	width: 100%;
}
.colorful-border-box.red-border::before{
	background-color: #9D2235;
}
.colorful-border-box.teal-border::before{
	background-color: #68C1BE;
}
.colorful-border-box.yellow-border::before{
	background-color: #DBC759;
}
.colorful-border-box.orange-border::before{
	background-color: #CA6A29;
}
.colorful-border-box.green-border::before{
	background-color: #707A33;
}
.card-carousel .shadow{
    box-shadow: 0 0 1rem rgba(0,100,165,.2)!important;
}
.card-carousel .card{
    margin: 0 15px !important;
}
.card-carousel .card-body{
    padding-bottom: 0;
}
.slider-wrapper {
    position: relative;
}
.card-carousel .icon{
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(157,34,53,.3);
    z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.card-carousel .icon img{
	width: 100px;
	height: 100px;
}
.slide-controllers{
	position: absolute;
    top: 40px;
    left: 15px;
    z-index: 1;
}
.slide-controllers .slick-prev, .slide-controllers .slick-next{
	background-color: #9D2235;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 20px;
    width: 50px;
    height: 50px;
	display: flex;
    justify-content: center;
    align-items: center;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.16);
}
.slide-controllers .slick-next:before, .slide-controllers .slick-prev:before {
    opacity: 1;
}
.slide-controllers .slick-next:before {
    content: url('/_resources/images/next-arrow.png');
}
.slide-controllers .slick-prev:before {
    content: url('/_resources/images/prev-arrow.png');
}
.slide-controllers .slick-prev {
    top: 60px;
}
.slide-controllers .slick-prev:hover, .slide-controllers .slick-prev:focus, .slide-controllers .slick-next:hover, .slide-controllers .slick-next:focus {
    background-color: #611327;
}
.traditions-cards{
  position: relative;  
}
.traditions-cards > [class*="col-"]{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.traditions-cards.card-shown, .traditions-cards > [class*="col-"]{
    min-height: 600px;
}
.tradition-card.card{
    min-height: 300px;
    margin: 0 !important;
    flex: 0 0 auto;
    width: 50%;
    position: relative;
}
.tradition-card.card:hover .card-body{
    background-color: #F4F6F6;
}
.tradition-card.card.show-content{
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    min-height: 600px;
    overflow: hidden;
}
.tradition-card.card.hide-content{
    width: 0 !important;
    display: none;
}
.tradition-card .card-header:before{
    content: "";
    top: 50%;
    left:0;
    height: 88px;
    transition: .3s;
    border-left: 30px solid #9D2235;
    z-index: 1;
}
.tradition-card.show-content .card-header:before{
    height: 100%;
}
.tradition-card .card-header:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0.6026785714285714) 0%, rgba(0,0,0,0) 100%);
}
.tradition-card .card-header{
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    margin: 0;
    border: none;
    padding: 0;
    display: flex;
    align-items: start;
    z-index: 1;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #000;
    -webkit-transform: translate3d(0,0,0) scale(1,1);
    -moz-transform: translate3d(0,0,0) scale(1,1);
    -o-transform: translate3d(0,0,0) scale(1,1);
    -ms-transform: translate3d(0,0,0) scale(1,1);
    transform: translate3d(0,0,0) scale(1,1);
    -webkit-transition: transform;
    -moz-transition: transform;
    -o-transition: transform;
    transition: transform;
    -webkit-transition-duration: 125ms;
    -moz-transition-duration: 125ms;
    -o-transition-duration: 125ms;
    transition-duration: 125ms;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.tradition-card:hover .card-header {
    -webkit-transform: translate3d(0,0,0) scale(1.05,1.05);
    -moz-transform: translate3d(0,0,0) scale(1.05,1.05);
    -o-transform: translate3d(0,0,0) scale(1.05,1.05);
    -ms-transform: translate3d(0,0,0) scale(1.05,1.05);
    transform: translate3d(0,0,0) scale(1.05,1.05);
}
.tradition-card.show-content:hover .card-header{
    -webkit-transform: translate3d(0,0,0) scale(1,1);
    -moz-transform: translate3d(0,0,0) scale(1,1);
    -o-transform: translate3d(0,0,0) scale(1,1);
    -ms-transform: translate3d(0,0,0) scale(1,1);
    transform: translate3d(0,0,0) scale(1,1);
}
.tradition-card .card-header h2, .tradition-card .card-header .h2{
    color: #fff;
    margin: 0;
    position: relative;
    left: 20px;
    text-align: left;
    line-height: 3rem;
    text-shadow: 0px 0px 20px rgb(0 0 0 / 30%);
    text-transform: uppercase;
    top: 20px;
    font-size: 1.5rem;
}
.tradition-card.show-content .card-header{
    right: 50%;
    width: 50%;
}
.tradition-card .card-body{
    background-color: #F4F6F6;
    font-size: 1.5rem;
    font-weight: 300;
    color: #000000;
    line-height: 2.125rem;
}
.tradition-card .card-body.collapsing{
    transition: height 0s ease;
}
.tradition-card .card-body .btn{
    text-transform: uppercase;
    margin-top: 50px;
    width: auto;
}
.tradition-card .card-body .row{
    opacity: 0;
}
.tradition-card.show-content .card-body{
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 2rem;
    display: flex;
    align-items: center;
}
.tradition-card.show-content .card-body .row{
    opacity: 1; 
}
.tradition-card .card-header:hover:before, .tradition-card .card-header:focus:before{
    height: 100%;
}
.tradition-card.card{
    overflow: hidden;
}
.card-close{
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border: none;
    width: auto;
}
.card-close img{
    width: 30px;
    height: 30px;
    display: block;
}
.section-with-background-image{
	min-height: 680px;
    display: flex;
    align-items: center;
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.section-with-background-image .container{
	z-index: 1;
}
.top-shadow::after {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    height: 25px;
    background-image: linear-gradient(to bottom,rgba(0,0,0,.10) 0%,rgba(0,0,0,0) 100%);
}
div.split-background.image-right {
background-position: 100% 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
right: 0;
left: 0%;
bottom: 0;
content: "";
}

.split-background.image-left {
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 30%;
    left: 0;
    bottom: 0;
    content: "";
}
.split-background.image-right::after, .split-background.image-left::after{
	position: absolute;
	content: "";
	top: 0;
	width: 100%;
	height: 100%;
}
.split-background.image-right::after{
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0) 100%);
}
.split-background.image-left::after{
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,1) 100%);
}
.bg-light-gray .split-background.image-right::after{
	background: linear-gradient(to right, rgba(249,249,249,1) 0%,rgba(249,249,249,0.15) 50%,rgba(249,249,249,0) 100%);
}
.bg-light-gray .split-background.image-left::after{
	background: linear-gradient(to right,  rgba(249,249,249,0) 0%,rgba(249,249,249,0.15) 50%,rgba(249,249,249,1) 100%);
}
.bg-medium-gray .split-background.image-right::after{
	background: linear-gradient(to right, rgba(199,200,202,1) 0%,rgba(199,200,202,0.15) 50%,rgba(199,200,202,0) 100%);
}
.bg-medium-gray .split-background.image-left::after{
	background: linear-gradient(to right,  rgba(199,200,202,0) 0%,rgba(199,200,202,0.15) 50%,rgba(199,200,202,1) 100%);
}
.bg-dark-gray .split-background.image-right::after{
	background: linear-gradient(to right, rgba(66,66,66,1) 0%,rgba(66,66,66,0.15) 50%,rgba(66,66,66,0) 100%);
}
.bg-dark-gray .split-background.image-left::after{
	background: linear-gradient(to right,  rgba(66,66,66,0) 0%,rgba(66,66,66,0.15) 50%,rgba(66,66,66,1) 100%);
}
.bg-red .split-background.image-right::after{
	background: linear-gradient(to right, rgba(157,34,53,1) 0%,rgba(157,34,53,0.15) 50%,rgba(157,34,53,0) 100%);
}
.bg-red .split-background.image-left::after{
	background: linear-gradient(to right,  rgba(157,34,53,0) 0%,rgba(157,34,53,0.15) 50%,rgba(157,34,53,1) 100%);
}
.split-background + .container > .row > .text-area{
	width: 50%;
	z-index: 1;
}
.split-background + .container > .row > .text-area .btn-default{
	min-width: 200px;
	margin-left: 0;
}
.split-background.image-left + .container > .row > .text-area{
	margin-left: auto;
}
/*Stats*/
.stats{
	align-items: center;
}
.factoid{
    text-align: center;
    margin: 10px auto;
}
.factoid .large-content {
    font-weight: 700;
    font-size: 3.75rem;
	line-height: 1;
    padding-bottom: 20px;
	color: #000000;
}
.factoid p{
    padding-top: 25px;
    display: inline-block;
}
.yellow-line .large-content{
	border-bottom: 5px solid #DBC759;
}
.teal-line .large-content{
	border-bottom: 5px solid #68C1BE;
}
.orange-line .large-content{
	border-bottom: 5px solid #CA6A29;
}
.red-line .large-content{
	border-bottom: 5px solid #9D2235;
}
.green-line .large-content{
	border-bottom: 5px solid #707A33;
}
.rfi-form{
	position: relative;
}
.rfi-form::before{
	content: "";
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 600px;
	background-color: #D5EAE9;
	z-index: -1;
}
.rfi-form #form_page_1{
	display: flex; 
	flex-wrap: wrap;
}
.rfi-form div.form_question{
	width: 50%;
}
.rfi-form  div.form_page input[type=text]{
	width: 93%;
}
.rfi-form #form_description, .rfi-form .form_question_1bac0ffe-a557-424c-8865-11debb6d6ee9{
	display: none;
}
.rfi-form .form_container .form_label span[style]{
	font-family: Lato, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.rfi-form div.form_response input+label {
    font-size: 1.2rem;
}
.rfi-pre-links{
	text-align: center;
	margin: 10px auto 40px auto;
}
.rfi-pre-links li{
	margin-bottom: 10px;
}
.rfi-pre-links .list-inline-item:not(:last-child) {
    margin-right: 1rem;
}
.rfi-pre-links .list-inline-item .fas{
	padding-left: 10px;
}
.rfi-form .form-wrapper{
	background-color: #fff;
    padding: 30px 50px;
    border-radius: 5px;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.16);
	margin-top: 50px;
}
/*Numbered Step List*/
.numbered-steps {
    margin-left: 0;
	padding-left: 0px;
    padding-right: 0;
    list-style-type: none;
}
.numbered-steps li {
    counter-increment: step-counter;
    margin-bottom: 15px;
    position: relative;
    min-height: 75px;
    padding: 10px 0 10px 100px;
}
.numbered-steps li::before {
    content: counter(step-counter);
    margin-right: 15px;
    font-weight: 700;
    border-radius: 50%;
    color: #9D2235;
    background-color: #f2f2f4;
    width: 75px;
    height: 75px;
    font-size: 2.5rem;
    line-height: 75px;
    text-align: center;
    position: absolute;
    left: 0;
    padding: 0;
    top: 1px;
}
.numbered-steps.circle-medium-gray li::before{
	background-color: #c7c8ca;
	color: #000000;
}
.numbered-steps.circle-dark-gray li::before{
	background-color: #000000;
	color: #fff;
}
.numbered-steps.circle-red li::before{
	background-color: #9d2235;
	color: #fff;
}
.numbered-steps.circle-white li::before{
	background-color: #fff;
	color: #9D2235;
}
.numbered-steps h3 {
	font-size: 1.375rem;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.numbered-steps h3 a{
	color: #9D2235;
}
.numbered-steps h3 a:hover, .numbered-steps h3 a:focus{
	color: #611327;
}
.numbered-steps li p:last-child{
	margin-bottom: 0;
}
.img-circle.shadow{
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.16);
}
.localist-widget .event-list{
	list-style: none;
	padding-left: 0;
}
.localist-widget .event-list .event-item {
	display: flex;
	margin-bottom: 25px;
    font-size: 1.375rem;
}
.localist-widget .event-list .event-item h4{
	margin-bottom: 0;
	font-size: 1.25rem;
	color: #000;
}
.localist-widget .event-list .event-item .event-date{
	margin-right: 25px;
    font-weight: 500;
    color: #9D2235;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    border-right: 2px solid #000;
    padding-right: 25px;
    width: 80px;
}
.localist-widget .event-list .event-item .event-date .event-month{
	 font-size: 1.75rem;
	display: block;
}
.localist-widget .event-list .event-item .event-date .event-day{
	 font-size: 3rem;
	display: block;
}
.localist-widget .event-list .event-item .time_range, .localist-widget .event-list .event-item .venue, .localist-widget .event-list .event-item .date_range{
	display: block;
	font-size: 1.0rem;
}
.localist-widget .event-list .event-item a{
	text-decoration: none;
}
.localist-widget .event-list .event-item a:hover h4, .localist-widget .event-list .event-item a:focus h4{
	color: #611327;
	text-decoration: underline;
}
.overlay-boxes {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.overlay-card {
    min-height: 300px;
    margin: 0 15px 30px 15px;
    flex: 0 0 auto;
    width: 40%;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-clip: border-box;
}
.overlay-card a {
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    margin: 0;
    border: none;
    padding: 0;
    display: flex;
    align-items: end;
    z-index: 1;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #000;
    -webkit-transform: translate3d(0,0,0) scale(1,1);
    -moz-transform: translate3d(0,0,0) scale(1,1);
    -o-transform: translate3d(0,0,0) scale(1,1);
    -ms-transform: translate3d(0,0,0) scale(1,1);
    transform: translate3d(0,0,0) scale(1,1);
    -webkit-transition: transform;
    -moz-transition: transform;
    -o-transition: transform;
    transition: transform;
    -webkit-transition-duration: 125ms;
    -moz-transition-duration: 125ms;
    -o-transition-duration: 125ms;
    transition-duration: 125ms;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
	text-decoration: none;
}
.overlay-card h3 {
    color: #fff;
    margin: 20px 0;
    position: relative;
    left: 0;
    padding: 10px 30px;
    text-align: left;
    line-height: 2rem;
    text-shadow: 0px 0px 20px rgb(0 0 0 / 50%);
    text-transform: uppercase;
}
.overlay-card h3:before {
    content: "";
    bottom: 0;
    top: 0;
    left: 0;
    height: 100%;
    transition: .5s;
    z-index: 1;
    position: absolute;
}
.overlay-card.yellow-border a h3:before{
	border-left: 15px solid #DBC759;
}
.overlay-card.red-border a h3:before{
	border-left: 15px solid #9D2235;
}
.overlay-card.teal-border a h3:before{
	border-left: 15px solid #68C1BE;
}
.overlay-card.orange-border a h3:before{
	border-left: 15px solid #CA6A29;
}
.overlay-card.green-border a h3:before{
	border-left: 15px solid #707A33;
}
.overlay-card a:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(0,0,0,.39);
	background-image: none !important;
	background-size: 100%;
	width: 100%;
	height: 100%;
	margin: 0;
}
.overlay-card a[target="_blank"] h3::after {
    content: "";
    background-image: url(/_resources/images/external-link-icon.png);
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    position: relative;
    color: #9D2235;
    left: 3px;
    top: 3px;
    margin-right: 5px;
    display: inline-block;
}
.overlay-card a:hover, .overlay-card a:focus {
    -webkit-transform: translate3d(0,0,0) scale(1.05,1.05);
    -moz-transform: translate3d(0,0,0) scale(1.05,1.05);
    -o-transform: translate3d(0,0,0) scale(1.05,1.05);
    -ms-transform: translate3d(0,0,0) scale(1.05,1.05);
    transform: translate3d(0,0,0) scale(1.05,1.05);
}
.overlay-card a:hover h3:before, .overlay-card a:focus h3:before {
    height: 5000%;
    top: -500px;
}
.nav-tabs{
	text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    border: none;
}
.nav-tabs .nav-link{
	text-transform: uppercase;
    font-weight: 700;
    font-size: 1.375rem;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 4px solid #707070;
    padding: 10px 40px;
	color: #000;
}
.nav-tabs .nav-link.active{
	border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 4px solid #9D2235;
	color: #9D2235;
}
.audience-list{
	background-color: #fff;
	padding: 10px 25px 20px;
	text-transform: uppercase;
	font-size: 1.45rem;
	font-weight: 700;
	height: 100%;
}
.audience-list li{
	margin: 6px 0;
	padding: 6px 0;
}
.audience-list li a{
	color: #000;
	text-decoration: none;
	position: relative;
	display: block;
}
.audience-list li a::before{
	content: "";
	height: 4px;
	width: 25%;
	position: absolute;
	bottom: -5px;
	left: 0;
	transition: width .35s ease-out,visibility .35s ease-out;
}
.audience-list li a.current{
	color: #9D2235;
}
.audience-list li a:hover::before, .audience-list li a.current::before{
	width: 100%;
}
.audience-list li:nth-child(1) a::before{
	background-color: #9D2235;
}
.audience-list li:nth-child(2) a::before{
	background-color: #68C1BE;
}
.audience-list li:nth-child(3) a::before{
	background-color: #DBC759;
}
.audience-list li:nth-child(4) a::before{
	background-color: #CA6A29;
}
.audience-list li:nth-child(5) a::before{
	background-color: #707A33;
}
.audience-list li:nth-child(6) a::before{
	background-color: #9D2235;
}
.audience-list li:nth-child(7) a::before{
	background-color: #68C1BE;
}
.accordion-item{
	border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #9d2235;
    border-radius: 0 !important;
	background-color: transparent;
}
.accordion-button{
	font-weight: 700;
    color: #9D2235;
    font-size: 1.3rem;
    padding-left: 0;
	background-color: transparent;
}
.accordion-button:not(.collapsed){
	background-color: transparent;
    box-shadow: none;
}
.accordion-button:focus{
	box-shadow: none !important;
    color: #611327 !important;
    background-color: transparent !important;
}
#counselor-list tr.hover td, #counselor-list tr.hover th {
    background-color: transparent!important;
}
#counselor-list tr.row_select a, #counselor-list tr.row_hover a {
    color: #9D2235!important;
    outline: 0;
    text-decoration: underline;
}
#counselor-list tr.row_hover a:hover, #counselor-list tr.row_hover a:focus{
	color: #7e1b2a!important;
}
#counselor-list tr{
	vertical-align: top;
}
#counselor-list tbody tr{
	vertical-align: text-bottom;
}
#reset-filters{
    background-color: transparent;
    border: none;
    color: #fff; 
    padding: 8px 0;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    top: 0px;
    box-shadow: none;
	display: block;
    margin: 0 auto;
}
#reset-filters .fas{
    color: #fff;
}
#reset-filters:hover .fas, #reset-filters:focus .fas{
    color: #fff;
}
#counselor-list_wrapper{
	margin-top: 40px;
}
div.alphabet {
    display: none;
    margin: 0 auto 25px;
    padding: 20px 0;
    text-align: center;
}
div.alphabet span {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    text-align: center;
    font-weight: 600;
    padding: 5px;
    font-size: 1.563rem;
    line-height: 30px;
    color: #000;
    text-transform: uppercase;
    cursor: pointer;
}
div.alphabet span:hover {
    text-decoration: underline;
}
div.alphabet span.clear{
    text-transform: none;
}
div.alphabet span.active {
    background-color: #9D2235;
    border-radius: 3px;
    color: #fff;
}
.dataTables_wrapper .dataTables_filter input {
    width: 300px !important;
    margin-right: 5px;
}
.filters-container{
    margin-top: 7px;
}
.filters-container select, .custom-select {
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-image: url(/_resources/images/icon-arrowdown-black.jpg);
    background-size: 30px auto;
    background-repeat: no-repeat;
    background-position: right 50%;
    background-color: #FFFFFF;
    overflow: auto;
    width: 100% !important;
}
.filters-container .form-control, div.dataTables_wrapper div.dataTables_filter input {
    position: relative;
	margin-bottom: 10px;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 2em;
    font-size: 1.25rem;
}
#counselor-list.table>*>tr>th {
   padding-right: 30px !important;
}
.dataTables_length, .counselor-list_filter{
	margin-bottom: 20px;
}
#counselor-list td:nth-child(1) img{
	max-width: 110px;
}


/* Landscape phones and portrait tablets */
@media (max-width: 991px) {
	.hero {
	height: 600px;
	}
	.hero .hero-title {
    margin: 30px auto;
    font-size: 2.75rem;
	line-height: 1;
	}
	.btn-default {
    font-size: 1rem;
	margin: 5px;
	width: 100%;
	}
	.form_button_submit{
	font-size: 1rem;	
	}
	.hero .btn-default {
    font-size: 1rem;
	padding: 12px;
	min-width: 300px;
	}
	.play-video {
    width: 44px;
    height: 44px;
	right: 15px;
	bottom: 15px;
	}
	.play-video .fa-play {
    font-size: 1.25rem;
	}
	.hero h2{
	font-size: 1.5rem;
	}
	.hero #clock{
	font-size: 2rem;
	}
	.cta-menu a {
    padding: 20px;
    display: block;
    border-right: none;
    border-bottom: 1px solid #fff;
	}
	h2, .h2, .overlay-card h3{
	font-size: 1.75rem;
	}
	h3, .h3{
	font-size: 1.25rem;
	}
	h4, .h4{
	font-size: 1.0rem;
	}
	.lead {
    font-size: 1.125rem;
	}
	.section{
	padding: 40px 0;
	}
	.factoid .large-content {
    font-size: 2.5rem;
	}
	.split-background.image-right {
    left: 50%;
	background-position: right;
	}
	.split-background.image-left {
	right: 50%;
	background-position: left;
	}
	.split-background + .container > .row > .text-area {
    width: 50%;
	}
	.section-with-background-image {
    min-height: 480px;
	}
	.rfi-form div.form_question{
		width: 100%;
	}
.rfi-form div.form_page input[type=password], .rfi-form div.form_page input[type=text], .rfi-form div.form_page input[type=email], .rfi-form div.form_page input[type=tel], .rfi-form  div.form_page input:not([type]), .rfi-form div.form_page textarea{
		width: 100%;
	}
	.rfi-form .form-wrapper{
    padding: 30px;
	}
	.yellow-divider-left{
	border-top: 5px solid #DBC759;
	margin-top: 15px;
	padding-top: 15px;
	}
	.negative-top-and-bottom-margin{
	margin-top: -65px;
    margin-bottom: 40px;
}
.tradition-card .card-header:before {
    height: 51px;
    border-left: 14px solid #9D2235;
}
.traditions-cards.card-shown, .traditions-cards > [class*="col-"] {
    min-height: 400px;
}
.tradition-card.card {
    min-height: 200px;
	margin-bottom: 0 !important;
    }
.tradition-card .card-header h2, .tradition-card .card-header .h2{
   font-size: 1.5rem;
    padding-right: 20px;
    line-height: 1.813rem;
    left: 10px;
    font-weight: 600;
    }
.tradition-card.show-content .card-header h2, .tradition-card.show-content .card-header .h2 {
    color: #000;
    margin: 0;
    position: absolute;
    left: 60px;
    text-align: left;
    line-height: 2.25rem;
    text-shadow: none;
    top: 20px;
}
.tradition-card.card.show-content {
    height: 100%;
    min-height: auto;
    padding: 0;
	overflow-y: auto;
}
.tradition-card.show-content .card-header {
    width: 14px;
}
.tradition-card.show-content .card-body {
    width: 100%;
    position: relative;
    padding: 9.5rem 2rem 2rem 3.75rem;
    display: block;
    font-size: 1.25rem;
    line-height: 2rem;
}
.tradition-card .card-body .btn {
    margin-top: 20px;
    width: auto;
}
.row div:nth-child(3) .flip-card{
	margin-bottom: -30px !important;
}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) {
	#uark-site-id, #uark-site-topnav, .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: none;
	}
}

@media (min-width: 576px){
	#video-modal.modal {
		width: 100%;
	}
	#video-modal .modal-dialog {
		max-width: 800px;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	h1, .h1, h2, .h2, h3, .h3, h4, .h4{
	text-align: left;
	}
	.numbered-steps h3, .localist-widget .event-list .event-item h4{
	text-align: left;
	}
	.btn-default, .form_button_submit{
	 display: flex;
	justify-content: center;
	}
	.btn-default {
    font-size: .9rem;
	}
	.form_button_submit{
	font-size: .9rem;	
	}
	.hero .btn-default {
    font-size: .9rem;
	padding: 12px 0;
	min-width: 200px;
	}
	.hero .hero-container {
    background-position: center 25px;
    background-size: 55%;
	}
	#section-footer h2, .social-media-prefooter, #section-footer{
	text-align: center;
	}
	#section-footer h2{
    margin: 0 auto 25px;
	}
	#pre-footer-cell-3, #pre-footer-cell-4, #pre-footer-cell-5, #pre-footer-cell-6, .contact-information .col-md{
	width: 300px;
    margin: 0 auto 25px;
    text-align: left;
	}
	#pre-footer-cell-6{
	margin-bottom: 0;
	}
	.social-media-prefooter{
	margin-bottom: 40px;
	}
	.split-background.image-right {
    left: 0;
	background-position: center;
	height: 300px;
	}
	.split-background.image-left {
	right: 0;
	background-position: center;
	height: 300px;
	}
	.split-background + .container > .row > .text-area {
    width: 100%;
	margin-top: 300px;
	}
	.section-with-background-image {
    min-height: unset;
	}
	.bg-light-gray .split-background.image-right::after {
    background: linear-gradient(to right, rgba(249,249,249,0) 0%,rgba(249,249,249,0.15) 50%,rgba(249,249,249,0) 100%);
}
	.split-background.image-right::after {
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0) 100%);
}
	.bg-light-gray .split-background.image-left::after {
    background: linear-gradient(to right, rgba(249,249,249,0) 0%,rgba(249,249,249,0.15) 50%,rgba(249,249,249,0) 100%);
}
	.split-background.image-left::after {
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0) 100%);
}
.colorful-border-box h3{
	text-align: left;
}
	.colorful-border-box::before {
    width: 100%;
	}
	.overlay-boxes{
	display: block;
	}
	.overlay-card{
	width: 100%;
    margin: 15px 0;
    min-height: 250px;	
	}
	.bg-stripe-solid .list-inline-item:not(:last-child) {
    margin-right: 1.25rem;
}
/* Force table to not be like tables anymore */
#counselor-list table, #counselor-list thead, #counselor-list tbody, #counselor-list th, #counselor-list td, #counselor-list tr {
    display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
#counselor-list thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
}
#counselor-list{
	width: 100% !important;
}
#counselor-list tr { 
    box-shadow: 0 0 .5rem rgba(0,0,0,.12)!important;
    padding: 0;
    clear: both;
    margin: 20px 0;
}
#counselor-list td { 
    border: none;
    position: relative;
    white-space: normal;
    text-align: left;
    padding: 0 !important;
	background-color: transparent;
}
#counselor-list td:nth-child(1){
	width: auto;
    float: left;
    margin-right: 1rem;	
	min-height: 200px;
	}
#counselor-list td:nth-child(1) img{
	width: 120px;
    height: 200px;
    object-fit: cover;
}
#counselor-list td:nth-child(2), #counselor-list td:nth-child(3) {  
    display: inline-block;
}
#counselor-list td:nth-child(2){
	margin-right: 5px;
}
#counselor-list td:nth-child(2), #counselor-list td:nth-child(3) {  
   padding-top: 10px !important;
	font-weight: 700;
}
#counselor-list td:nth-child(4){
	line-height: 1.125;
}
#counselor-list td:nth-child(5), #counselor-list td:nth-child(6), #counselor-list td:nth-child(7), #counselor-list td:nth-child(8){
	font-size: 1rem;
}
#counselor-list td:nth-child(10) {  
   padding-bottom: 10px !important;
}
#counselor-list tbody tr {
    min-height: 200px;
	font-size: 1.125rem;
}
#counselor-list td:before { 
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%; 
      padding-right: 10px; 
      white-space: nowrap;
      text-align:left;
      font-weight: bold;
}
.dataTables_wrapper .dataTables_info {
    white-space: normal !important;
}
/*Label the data*/
#counselor-list td:before { 
    content: attr(data-title);
}
div.alphabet span {
    margin: 0;
}
div.alphabet {
    margin: 0 auto 0;
}
.headshot {
   height: 150px;
    width: 100px;
}
}

/* Landscape tablets and medium desktops */
@media (min-width: 768px) and (max-width: 991px) {
	#pre-footer-cell-3, #pre-footer-cell-4, #pre-footer-cell-5, #pre-footer-cell-6{
	width: 270px;
    margin: 0 auto 25px;
    text-align: left;
	}
	.headshot {
    float: none;
}
.flip-card .headshot {
    float: left;
}
}

/* Large desktops and laptops */
@media (min-width: 992px) {
	.btn-default:only-of-type{
	margin-left: 0;
	}
	.yellow-divider-left{
	border-left: 5px solid #DBC759;
	}
	.section-with-background-image .align-items-center .btn-row.d-flex.flex-wrap a.btn-default:nth-child(1){
	margin-left: 0;
	}
	.negative-top-margin{
	margin-top: 0;
}
	.negative-top-and-bottom-margin{
	margin-top: -140px;
	margin-bottom: -40px;
}
.tradition-card.card:nth-child(1){
    width: 50%;
	height: 616px;
    }
.tradition-card.card:nth-child(2){
    width: 25%;
	/*height: 308px;*/
    }
.tradition-card.card:nth-child(3){
    width: 25%;
	/*height: 308px;*/
    }
.tradition-card.card:nth-child(4){
    width: 50%;
	/*height: 308px;*/
	position: absolute;
    right: 0;
    bottom: 0;
    }
.tradition-card .card-body .btn{
    position: absolute;
    left: 32px;
    bottom: 100px;
    margin-top: 0;
}
}


@media (min-width: 992px) and (max-width: 1199px) {
	.hero .hero-title {
    font-size: 4.25rem;
	}
	.btn-default, .form_button_submit{
    font-size: 1.25rem;
	}
	.hero .btn-default{
	font-size: 1.313rem;
	}
	.hero h2{
	font-size: 1.75rem;
	}
	.hero #clock{
	font-size: 3rem;
	}
	h2, .h2{
	font-size: 2rem;
	}
	h3, .h3{
	font-size: 1.5rem;
	}
	h4, .h4{
	font-size: 1.0rem;
	}
	.factoid .large-content {
    font-size: 3rem;
	}
	.split-background.image-right {
    left: 50%;
	background-position: right;
	}
	.split-background.image-left {
	right: 50%;
	background-position: left;
	}
	.split-background + .container > .row > .text-area {
    width: 50%;
	}
	.section-with-background-image {
    min-height: 500px;
	}
	.negative-top-margin{
	margin-top: -50px;
}
}

@media (max-width: 1199px) {
	.img-circle{
	display: block;
     max-width: 300px;
	 margin-top: 15px;
	 margin-bottom: 15px;
	}
}

@media (min-width: 1200px){
	.negative-top-margin{
	margin-top: -150px;
}
}

@media (min-width: 1300px){
	.negative-top-margin{
	margin-top: -250px;
}
}

@media (min-width: 1400px) and (max-width: 1599px){
	#uark-site-id, #uark-site-topnav, .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1400px;
	}
}

@media (min-width: 1600px){
	#uark-site-id, #uark-site-topnav, .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1640px;
	}
}

@media (max-width: 869px){
	.hero video, .hero .pause-play, .hero .play-pause{
		display: none;
	}
}
@media (min-width: 870px) and (max-width: 1146px){
	.hero.video-hero {
	height: 450px;
}
	}

@media (min-width: 1147px) and (max-width: 1470px){
	.hero.video-hero {
	height: 600px;
}


.redBoxBox {
border: 5px white solid;
padding: 40px;
font-size:18px;
}
section.UARed {
position: relative;
overflow: hidden;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9d2235+1,8f0222+44,630015+100 */
background: #9d2235;
padding-top: 30px;
padding-bottom: 20px;
margin-top: 15px;
margin-bottom: -35px;
color:white;
}
section.UARed:before, section.UARed:after {
left: 4px;
top: auto;
bottom: -21px;
background: #333;
-webkit-box-shadow: 0 -5px 11px #333;
-moz-box-shadow: 0 -5px 11px #a1a1a1;
box-shadow: 0 -5px 11px #333;
}
section.UARed a, section.UARed h2, section.UARed h3 {
color:white;
text-align:left;
}
#leadImage .textWrapper {
color: #fff;
z-index: 8;
opacity: 0.9;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: -100px auto 0 auto;
}
section.UARed .col-sm-4 {
margin-bottom:20px;
}
.callOutImageRow img{
margin-bottom: 10px;
}

.video-container {
padding-top: 0px !important;
}

#newsArticles h3 {
font-size:1.1rem;
}
#newsArticles h3 a {
text-decoration: none;
}

#CallOuts .card {min-height: 190px;}
#CallOuts .card .card-img-overlay {top:auto; padding: 0 1rem;}
#CallOuts .card card-img-overlay a {height:100%;}
#CallOuts .card a {color:#fff;}
#CallOuts .card-title {font-size: 30px;color: #FFFFFF;text-shadow: 0px 0px 5px rgb(0 0 0);}
.card-img-overlay a {text-decoration: none;}
.applyNowCallOut {background-color:#424242;}
.applyNowCallOut span.fa {display:none;}
.applyNowCallOut p {font-size: 14px !important;margin-bottom: 5px;}
.applyNowCallOut a {font-size:12px;}
.applyNowCallOut span {color:#B8B9BF !important;margin-right:5px;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.applyNowCallOut .col-md-6 i {margin-right:5px;}
.applyNowCallOut h3{color:#FFFFFF !important;}
.applyNowCallOut h3 .light{
font-weight:300;}
.applyNowCallOut h3 a {
color: #FFFFFF !important;
}
.applyNowCallOut p a {color:#fff;text-decoration:underline;font-size: 16px;
font-weight: 300;
}
.applyNowCallOut p a:hover {text-decoration:none;}
.card-overlay {padding:0;}
.card-overlay img {object-fit:cover; min-height:189px;}
#newsArticles h3 a {text-decoration:none;}
.media-left, .media-body {display: table-cell; vertical-align:top;}
.media-left {padding-right:10px;}
.newsLink ul {margin-bottom:0.6rem;}
.newsLink ul li {list-style:none;}
.gray .container {padding-top: var(--bs-gutter-x,.75rem);} /* Is this supplanted by Art's work? */
/* Start of margin-top declarations to apply properly to 1x4, 2x2, and 4x1 card layouts */
@media (min-width:320px) {#CallOuts div:nth-child(1) .card {margin-top:0.75rem;} .applyNowCallOut span.fa {display:inline-block;}} 
/* Adding top margin only to first two cards in 2x2 layout */
@media (min-width:768px) {#CallOuts div:nth-child(n+3) .card {margin-top:0;}
#CallOuts div:nth-child(-n+2) .card {margin-top:0.75rem;}
.applyNowCallOut span.fa {display:none;}
}
/* Adding top margin to all four cards in 4-across layout */
@media (min-width:992px) {
#CallOuts div:nth-child(-n+4) .card  {margin-top:0.75rem;}
}
@media (min-width:1400px) {
.applyNowCallOut span.fa {display:inline-block;}
}


@media (min-width: 320px) {

#newsArticles h3.media-heading, 
#newsArticles p, 
#newsArticles img {
 border-left:5px solid #9d2235;
}
h3.media-heading {
 padding: 8px;
 margin-bottom: 0;
}
#newsArticles p {
    margin-left: 12px;
    margin-top: 0;
    margin-bottom: 30px;
	padding-left:8px;
}

#leadImage .textWrapper {
display: block;
margin-top: 0px;
padding-bottom: 20px;
padding-top: 10px;
background-color: rgba(0,0,0,1);
}
div#leadImage {
margin-bottom: -20px;
}
#leadImage h3 {
font-size: 26px;
background-color: initial;
padding-bottom: 0px;
}
#leadImage p.bigCopy {
font-size: 16px !important;
width:90%;
background-color: initial;
}
div#leadImageCopy {
width:100%;
}
div#leadImagePlayButton {
float: right;
width: 34px;
margin: -80px 10px;
}
#leadImage p {
background-color: #000;
}
.newsLink {
margin-top: -20px;
}
}
@media (min-width: 480px) {
div#leadImagePlayButton {
width: 40px;
margin-top: -83px;
}
#newsArticles {
margin-top:30px;
}
}
@media (min-width: 768px) {

#newsArticles h3.media-heading, 
#newsArticles p, 
#newsArticles img {
 border-left:none;
}
#newsArticles h3.media-heading, 
#newsArticles p {
padding-left:0;
padding-top:0;
}

div#leadImage {
margin-bottom: -20px;
}
#leadImage h3 {
font-size: 26px;
background-color: initial;
padding-bottom: 0px;
}
#leadImage p.bigCopy {
font-size: 20px !important;
width:100%;
}
div#leadImageCopy {
float: left;
width:80%;
}
div#leadImagePlayButton {
float: left;
width: 52px;
margin-top: 17px;
}
.video-container iframe {
border:none;
}
#leadImage .textWrapper {
padding-bottom: 20px;
padding-top: 10px;
}
#leadImage p {
background-color: #000;
}
.newsLink {
margin-top: -70px;
}
}
@media (min-width: 992px) {
#leadImage .textWrapper {
margin: -138px auto 0px auto;
padding-left: 0%;
padding-bottom: 10px;
padding-top: 10px;
background-color: rgba(0,0,0,.7);
height: 138px;
}
#leadImage h3 {
font-size: 40px;
}
div#leadImageCopy {
width: 80%;
}
div#leadImagePlayButton {
width: 57px;
margin-top: 15px;
}
.video-container {
padding-top: 19px !important;
}
}
@media (min-width: 1200px) {
div#leadImageCopy {
width: 75%;
}
#leadImage .textWrapper {
padding-left: 0%;
}
#leadImage p.bigCopy {
font-size: 21px !important;
}
div#leadImagePlayButton {
width: 57px;
margin-top: 15px;
}
div#leadImagePlayButton i.fa.fa-chevron-right {
font-size: 50px;
}
#redBoxh3 {
text-transform: uppercase;
font-size: 28px;
}
}
			
span.bigger {
	font-size:40px;
}
			
.window-photo-credit {
	bottom: 0!important;			
}
			
@media (min-width: 992px) {
	.window-photo-credit {
		top: 0!important;			
	}
}
	
	
	
	
	
/* Black Transparent Banner	 */
#leadImage .textWrapper {
color: #fff;
z-index: 8;
opacity: 0.9;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: -100px auto 0 auto;
}


@media (min-width: 320px) {
#leadImage .textWrapper {
display: block;
margin-top: 0px;
padding-bottom: 20px;
padding-top: 10px;
background-color: rgba(0,0,0,1);
}
div#leadImage {
margin-bottom: -20px;
}
#leadImage h3 {
font-size: 26px;
background-color: initial;
padding-bottom: 0px;
}
#leadImage p.bigCopy {
font-size: 16px !important;
width:90%;
background-color: initial;
}
div#leadImageCopy {
width:100%;
}

#leadImage p {
background-color: #000;
}

}
@media (min-width: 480px) {


}
@media (min-width: 768px) {



div#leadImage {
margin-bottom: -20px;
}
#leadImage h3 {
font-size: 26px;
background-color: initial;
padding-bottom: 0px;
}
#leadImage p.bigCopy {
font-size: 20px !important;
width:100%;
}
div#leadImageCopy {
float: left;
width:80%;
}


#leadImage .textWrapper {
padding-bottom: 20px;
padding-top: 10px;
}
#leadImage p {
background-color: #000;
}

}
@media (min-width: 992px) {
#leadImage .textWrapper {
margin: -138px auto 0px auto;
padding-left: 0%;
padding-bottom: 10px;
padding-top: 10px;
background-color: rgba(0,0,0,.7);
height: 160px;
}
#leadImage h3 {
font-size: 40px;
}
div#leadImageCopy {
width: 80%;
}


}
@media (min-width: 1200px) {
div#leadImageCopy {
width: 100%;
}
#leadImage .textWrapper {
padding-left: 0%;
}
#leadImage p.bigCopy {
font-size: 21px !important;
}



}