@charset "UTF-8";
/* CSS Document */
@import url("https://hr.uark.edu/_resources/css/animate.css");
@import url("https://hr.uark.edu/_resources/css/animate-on-scroll.css");

#section-footer .localist-widget .event-list.two-col li.event-item {
    width: 100%;
    margin-right: 0;
 }

#section-footer .localist-widget time.event-date:after {
    right: -16px;
    height: 100%;
}

#section-footer .localist-widget li.event-item a {
    max-width: 100%;
}

#section-footer .localist-widget .event-item a h4 {
    font-size: 17px !important;
}

#section-footer .localist-widget .event-item .venue {
    display: none !important;
}

#section-footer .localist-widget .event-day {
    line-height: 30px !important;
}

#bannercont-text {
    padding-top: 1.25em;
    padding-bottom: 1em;
}

h1, p{
	font-family: "Lato" !important;
	line-height: 1.2 !important;
}
p{
	margin-bottom: 16px !important;
}
h2, .h2{
	font-size: 2.1rem !important;
}
h3, .h3{
	font-size: 1.875rem !important;
}
h4, .h4{
	font-size: 1.563rem !important;
}
h1, .h1, h2, h3, h4, .h2, .h3, .h4, h5, .h5{

	font-weight: 700 !important;
}

.bg-light-gray{
	background-color: #F9F9F9;
}
.bg-light-blue{
	background-color: #D5EAE9;
}
.bg-dark-blue{
	background-color: #9D2235;
}
.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: #5A5A5A;
}
.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-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-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: #5A5A5A;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .hero .btn-row {
   
    
    justify-content: center !important; /* center buttons horizontally */
    gap: 1rem !important;
  }

  .hero .btn-default {
    flex-grow: 1;       /* let buttons expand equally */
    flex-basis: 0;      /* let flex-grow control width */
    max-width: 320px;   /* max width so they don’t get huge */
    min-width: 200px;   /* minimum width to avoid shrinking too much */
  }
}

@media (max-width: 768px) {
  .hero {
    height: auto !important; /* allow flexible height */
    min-height: 400px; /* optional minimum */
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: visible; /* let content show */
  }

  .hero .hero-content {
    position: relative !important; /* stop absolute */
    top: auto !important;
    left: auto !important;
    transform: none !important;
    max-width: 100%;
    padding: 0 15px;
  }

  .hero .hero-title {
    font-size: 2.5rem;
    margin: 20px auto;
  }

  .hero h4 {
    font-size: 1.125rem;
    margin-bottom: 20px;
  }

  .hero .btn-default {
    font-size: 1.25rem;
    padding: 0.75rem 1.5rem;
    width: 100%;
    max-width: 320px;
  }

  .hero .btn-row {
    
    gap: 1rem;
  }
}
 .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: #ffffff !important;
	
}
.hero .btn-default:before {
    background-color: #fff;
}
.hero {
    padding: 0;
    position: relative;
    overflow: hidden;
	margin: 0;
	border: none;
	height: 600px;
	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: 60px;
	padding-bottom:40px;
}
.hero .hero-title {
    margin: 30px auto;
	font-weight: 700;
    font-size: 6.25rem;
	text-transform: uppercase;
	color: #ffffff;
	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: #ffffff;
	text-shadow: 0px 3px 6px rgba(0,0,0,0.37);
}	
/*Cards*/

.border-top-red, .card.border-top-red{
	border-top: 10px solid #9D2235 !important;
}
.shadow-cards .card{
	margin-bottom: 0 !important;
}
.card .image-overlay {
    padding-top: 70%;
    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;
}
.card-carousel .slide, .card a{
	text-decoration: none;
	color: #5A5A5A;
}
.card .card-body a{
	text-decoration: underline;
	color: #9D2235;
}
.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 strong {
    color: #9D2235 !important;
}
.card-body h2{
	font-size: 1.375rem !important;
}
.card .image-overlay + .card-body-wrapper{
	position: relative;
}
.card .image-overlay:after {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, .25) 100%);
    background-size: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
}
.row .card .row .image-overlay:after {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 50%);
}
.card .image-overlay + .card-body-wrapper .card-body{
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
	padding: 2rem;
	min-height: 250px;
}
.card .image-overlay + .card-body-wrapper .card-body ul{
	list-style: none;
	padding-left: 0;
}
.card .image-overlay + .card-body-wrapper .card-body ul li{
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
    margin-left: 20px;
}
.card .image-overlay + .card-body-wrapper .card-body ul li:before{
	font-family: "Font Awesome\ 6 Pro";
    content: "\f058" !important;
    font-weight: 900;
    top: 0;
    left: -10px;
    font-size: 18px;
    color: #fff;
	position: relative;
}
.card .image-overlay + .card-body-wrapper .card-body p, .card .image-overlay + .card-body-wrapper .card-body ul, .card .image-overlay + .card-body-wrapper .card-body h3{
	color: #fff;
}
.shadow {
    box-shadow: 0 0 1.5rem rgba(0,0,0,.12)!important;
}
.card > .bg-image {
    border-radius: 0;
}
.border-box .card-body h3{
	font-size: 1.5rem;
}
.border-box .card-body h4{
	font-size: 1.25rem;
}
.border-box .card-body.pe-5 h3{
	font-size: 1.25rem;
}
.border-box {
	box-shadow: 0 0 1.5rem rgba(0,0,0,.12)!important;
	
	background-color: #fff;
}
.border-box .card-body{
	padding: 1.5rem;
	min-height: 110px;
} 
.border-box .card-body h3{
	
} 
.bg-dark-gray .border-box .card-body h3, .bg-red .border-box .card-body h3{
	color: #000;
}
.bg-dark-gray .border-box p, .bg-red .border-box p{
	color: #5A5A5A;
}
.card.border-box a.btn {
    text-decoration: none !important;
}
.border-box::before{
	content: "";
	height: 5px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: width .35s ease-out,visibility .35s ease-out;
}
.border-box, blockquote {
	box-shadow: 0 0 1.5rem rgba(0,0,0,.12)!important;
	position: relative;
	background-color: #fff;

	border-radius: 0; }
.border-box.border-top {
    border-top: 5px solid #9D2235 !important;
}
.border-box.border-right {
    border-right: 5px solid #9D2235 !important;
}
.border-box.border-bottom {
    border-bottom: 5px solid #9D2235 !important;
}
.border-box.border-left {
    border-left: 5px solid #9D2235 !important;
}
.border-box:hover::before{
	width: 100%;
}

.border-box.teal-border::before{
	background-color: #68C1BE;
}
.border-box.yellow-border::before{
	background-color: #DBC759;
}
.border-box.orange-border::before{
	background-color: #CA6A29;
}
.border-box.green-border::before{
	background-color: #707A33;
}
.border-box.red-border::before{
	background-color: #9D2235;
}
.border-box.tan-border::before{
	background-color: #DDDCC5 ;
}.border-box.gray-border::before{
	background-color: #424242 !important;
}
.section-with-background-image{
	min-height: 400px;
    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%);
}
.split-background.image-right {
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    left: 30%;
    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: 45%;
	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;
}
/*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;
}

.sticky-image{
	position: -webkit-sticky;
    position: sticky !important;
    top: 150px;
}
.collapse.show .selected:before {
    left: 2px;
}
.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;
}

.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;
}



/* 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: center;
	}
	.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;
}
	}