.stats_widget {
	background: center/contain repeat url('https://apply.albion.edu/www/images/visit/facts1.jpg');
	margin-bottom: 0 !important;
}

.stats_widg__container {
	padding: 53px 0 55px 0;
	display: grid;
	grid-template-columns: 1fr 3px 1fr 3px 1fr;
	column-gap: 40px;
}

.stats_widg__item.stats_widg__item-linedevider {
	height: 100%;
	width: 3px;
	background: #FFC845;
}

.stats_widg__item {
	text-align: center;
	padding: 25px 0;
}

.stats_widg__title {
	font-family: 'TiemposText';
	color: #fff;
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 30px;
	line-height: 35px;
}

.stats_widg__text {
	font-family: 'TradeGothicLTStd';
	font-weight: lighter;
	color: #FFC845;
	font-size: 22px;
	line-height: 21px;
}

@media ( max-width: 991.98px ) {
	.stats_widg__item.stats_widg__item-linedevider {
		display: none;
	}
	.stats_widg__container {
		padding: 35px 0;
		display: grid;
		grid-template-columns: 1fr;
		row-gap: 50px;
	}
	.stats_widg__item {
		padding: 0 30px;
	}
	.stats_widget {
		background: center/cover repeat url('https://apply.albion.edu/www/images/visit/mask.png');
		background-color: #4B306A;
	}
}

.part.location {
	margin-bottom: 50px !important;
}

.location__container {
	position: relative;
	z-index: 1;
	padding-top: 343px;
}

.location__background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100% !important;
	height: calc(100% - (100% - 343px)/2) !important;
	z-index: -1;
	object-fit: cover
}
.location__inner-location {
	background-color: #00747A;
	padding: 30px 80px;
}

.location__descr-block h2 {
	font-family: 'TiemposText';
	color: #fff;
	font-weight: 400;
	margin-bottom: 15px;
	font-size: 30px;
	line-height: 36px;
}

.location__descr-block p {
	font-family: 'TradeGothicLTStd';
	font-weight: lighter;
	color: #fff;
	font-size: 16px;
	line-height: 21px;
}

.location__descr-block p strong {
	font-family: 'TradeGothicLTStd';
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	line-height: 21px;
}

.location__descr-block p a {
	font-family: 'TradeGothicLTStd';
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	line-height: 21px;
	text-decoration: underline;
}

.location__descr-block p a:hover {
	color: #fff !important;
}

.location__descr-block a.location__btn {
	background-image: unset;
	background-color: #FFC845;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	font-family: 'TradeGothicLTStd';
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	padding-top: 4px;
	width: 210px;
	margin-right: 60px;
	margin-top: 20px;
	color: #4B306A;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: 0.3s all;
}

.location__descr-block a.location__btn:hover {
	transition: 0.3s all;
	text-decoration: none;
    	background-color: #4B306A;
	color: #FFC845 !important;
}

.location__item {
	display: flex;
	flex-wrap: wrap;
}

@media ( max-width: 767.98px ) {
	.location__inner-location {
		padding: 30px 27px;
	}
	.location__container {
		position: relative;
		z-index: 1;
		padding-top: 395px;
	}
	
	.location__background {
		position: absolute;
		height: 450px !important;
		object-position: 40% center
	}
	.part.location {
		margin-bottom: 35px !important;
	}
}

.part.visit-head {
	margin-bottom: 50px !important;
}

.visit-head__title-container {
	position: relative;
	padding: 25px 0;
	min-height: 266px;
	display: flex;
	align-items: flex-end;
	width: 100%;
	z-index: 1;
}

.visit-head__title-container .visit-head__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: -1;
	object-fit: cover;
    object-position: center;
}

.visit-head__title-container .visit-head__background img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
    object-position: center;
}

@media ( max-width: 991.98px ) {
	.visit-head__title-container .visit-head__background {
		background: #4B306A
	}
	.visit-head__title-container .visit-head__background img {
		opacity: 0.3
	}
}

.visit-head__title-inner-container h1 {
	font-family: 'TiemposText';
	color: #fff;
	font-weight: 400;
	font-size: 80px;
	line-height: 80px;
	margin: 0;
}

.visit-head__nav-container {
	background-color: #4B306A;
}

.visit-head__nav-inner-container a.visit-head__item {
	font-family: 'TradeGothicLTStd';
	font-weight: bold;
	color: #fff;
	font-size: 20px;
	line-height: 74px;
	text-decoration: unset !important;
	margin-right: 50px;
	background: unset;
}
.visit-head__nav-inner-container a.visit-head__item:hover {
	color: #FFC845 !important;
}

.location__show-mobile {
	display: none;
}

@media ( max-width: 991.98px ) {
	.visit-head__nav-inner-container {
		display: flex;
		flex-direction: column;
		padding: 10px 0;
	}
	.visit-head__nav-inner-container a.visit-head__item {
		line-height: 45px;
		margin-right: 0px;
	}
	.location__show-mobile {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 55px;
		font-family: 'TradeGothicLTStd';
		font-weight: bold;
		color: #FFC845;
		font-size: 20px;
		line-height: 24px;
		cursor: pointer;
		transition: all 0.5s
	}
	.mobile-show .location__show-mobile span {
		transform: rotate(180deg);
		transition: all 0.5s
	}
	.location__show-mobile span {
		height: 15px;
		width: 15px;
		background: center/cover no-repeat url('https://apply.albion.edu/www/images/visit/chevron-down-yellow.svg');
		transition: all 0.5s
	}
	.visit-head__nav-inner-container {
		margin-bottom: -133px;
		transition: all 0.5s;
		position: relative;
	}
	.visit-head__nav-inner-container::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
		padding-top: 143px;
		background-color: #fff;
		box-shadow: 200px 0 0 #fff, -200px 0 0 #fff;
		transition: all 0.5s;
	}
	.visit-head__nav-inner-container.mobile-show {
		margin-bottom: 0px;
		transition: all 0.5s
	}
	.visit-head__nav-inner-container.mobile-show::after {
		padding-top: 0;
		height: auto;
		transition: all 0.5s;
	}
	.visit-head__title-inner-container h1 {
		font-size: 40px;
		line-height: 40px;
	}
	.visit-head__title-container {
		min-height: 230px
	}
}

@media ( max-width: 767.98px ) {
	.part.visit-head {
		margin-bottom: 35px !important;
	}
}

@media ( max-width: 575.98px )  {
	.container {
		padding: 0 30px;
	}
	
}

@media ( max-width: 384.98px )  {
	.visit-head__nav-inner-container a.visit-head__item {
		font-size: 5vw;
	}
}

.part.slider {
	margin-bottom: 50px !important;
}

.splide__slide.slider__item {
	display: grid;
	grid-template-columns: 50% 1fr;
	column-gap: 60px;
	padding: 0;
}

#filter .slider__img {
	display: inline-block;
	width: 100%;
	min-height: 400px !important;
	height: 100%;
	position: relative;
}

#filter .slider__img img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: top;
}

.slider__title {
	font-family: 'TiemposText';
	color: #4B306A;
	font-size: 30px;
	font-weight: 400;
	line-height: 35px;
	margin: 0 0 25px 0;
}

.slider__section p {
	font-family: 'TradeGothicLTStd';
	color: #333333;
	font-weight: lighter;
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 24px;
}

.slider__section p a {
	font-family: 'TradeGothicLTStd';
	color: #333333 !important;
	background: unset;
	text-decoration: underline !important;
	font-weight: bold;
}

.slider__section {
	padding-bottom: 40px;
}

#filter {
	position: relative;
}

#filter .splide__pagination {
	padding-left: 640px;
	justify-content: flex-start;
	bottom: 20px;
}

#filter .splide__pagination .splide__pagination__page {
	border: 1px solid #000000;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	border-radius: 50%;
	height: 14px;
	width: 14px;
	margin-left: 10px;
	background: #ffffff00;
}

#filter .splide__pagination .splide__pagination__page.is-active {
	background: #000000;
	border: 1px solid #000000;
}

#filter .splide__arrow {
	opacity: 1;
	border: unset;
}

#filter .splide__arrow img {
	width: 20px !important;
	height: 20px !important; 
}

#filter .splide__arrow.splide__arrow--prev {
	left: 605px;
	bottom: 4px;
	top: unset;
	background: unset;
	height: 24px !important;
	width: 24px !important; 
}

#filter .splide__arrow.splide__arrow--next {
	right: unset;
	left: 755px;
	bottom: 4px;
	top: unset;
	background: unset;
	height: 24px !important;
	width: 24px !important; 
}

#filter .splide__arrow.splide__arrow--prev img {
	transform: rotate(90deg)
}

#filter .splide__arrow.splide__arrow--next img {
	transform: rotate(-90deg)
}

@media (max-width: 1199.98px) {
	.splide__slide.slider__item {
		padding: 0;
		padding-bottom: 0px;
		grid-column-gap: 30px;
	}
	#filter .splide__arrow.splide__arrow--prev {
		left: 490px;
	}
	
	#filter .splide__arrow.splide__arrow--next {
		left: 650px;
	}
	#filter .splide__pagination {
		padding-left: 530px;
	}
}

@media (max-width: 767.98px) {
	.splide__slide.slider__item {
		grid-template-columns: 1fr;
		grid-row-gap: 85px;
		align-content: space-between; 
	}
	.slider__img {
		grid-row-start: 2;
	}
	#filter .slider__img {
		height: 300px !important;
		min-height: 300px !important;
	}
	.slider__section {
		padding-bottom: 10px;
	}
	#filter .splide__arrow.splide__arrow--prev {
		bottom: 320px;
	}
	
	#filter .splide__arrow.splide__arrow--next {
		bottom: 320px;
	}
	#filter .splide__pagination {
		bottom: 336px;
	}
	#filter .splide__arrow.splide__arrow--prev {
		left: 0px;
	}
	
	#filter .splide__arrow.splide__arrow--next {
		left: 145px;
	}
	#filter .splide__pagination {
		padding-left: 35px;
	}
}

@media (max-width: 575.98px) {
	.part.slider {
		margin-bottom: 35px !important;
	}
	#filter .slider__img {
		height: 220px !important;
		min-height: 220px !important;
	}
	#filter .splide__arrow.splide__arrow--prev {
		left: 0px;
		bottom: 260px;
	}
	
	#filter .splide__arrow.splide__arrow--next {
		bottom: 260px;
	}
	#filter .splide__pagination {
		bottom: 275px;
	}
	.slider__title {
		font-size: 26px;
		line-height: 32px;
		margin: 0 0 20px 0;
	}
}

#filter a.widget-basic-btn {
	background-image: unset;
	background-color: #FFC845;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	font-family: 'TradeGothicLTStd';
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	padding-top: 4px;
	width: 210px;
	margin-right: 60px;
	margin-top: 20px;
	color: #4B306A;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: 0.3s all;
}

#filter a.widget-basic-btn:hover {
	transition: 0.3s all;
	text-decoration: none;
    background-color: #4B306A;
	color: #FFC845 !important;
}

.grid.card-columns .grid-sizer, .grid.card-columns .grid-item {
    width: calc((100% - 60px) / 3);
	display: inline-block;
}

.grid.card-columns {
    column-gap: unset;
    column-count: unset;
}

.gutter-sizer {
    width: 30px
}

.part.events {
	position: relative;
	z-index: 5;
}

.grid.card-columns .grid-item img.card-img-top {
	width: 100% !important;
	height: 170px !important;
	object-fit: cover;
	object-position: center;
}

.cards_grid {
	width: 100%;
}

.cards_container.filter-cat-results {
	padding: 5px 0;
	display: inline-block;
	width: 100%;
}

.cards_grid .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: unset;
	margin-bottom: 50px;
}
.card-body {
	padding: 20px 0 0 0;
	min-height: 294px;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.card-body h5  {
	font-family: 'TiemposText';
	font-size: 20px;
	line-height: 25px;
	color: #000000;
	font-weight: 400;
	padding: 0;
	margin: 0 0 10px 0;
}
.card-body time {
	font-family: 'TradeGothicLTStd';
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	font-weight: 700;
	margin-bottom: 18px;
}

.card-text {
	font-family: 'TradeGothicLTStd';
	font-size: 14px;
	line-height: 21px;
	color: #000000;
	font-weight: lighter;
	flex-grow: 1;
	margin-bottom: 29px;
}

.card-body .btn.btn-primary {
	font-family: 'TradeGothicLTStd';
    color: #4B306A !important;
	background: #FFC845;
	width: 210px;
	height: 50px;
	letter-spacing: 1px;
    font-size: 16px;
    line-height: 21px;
    transition: 0.5s all;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
	border-radius: unset;
    display: flex;
    align-items: center;
	justify-content: center;
    border-bottom: unset !important;
	border: unset;
}

.card-body .btn.btn-primary.btn-coming-soon {
	pointer-events: none !important;
	cursor: default;
	opacity: 0.65
}

.card-body .btn.btn-primary:hover {
	text-decoration: underline;
	color: #FFC845 !important;
	background: #4B306A;
}

@media (max-width: 767.98px) {
	.card-body {
	    min-height: 230px;
	}
}



.filter-main__container h2 {
	font-family: 'TradeGothicLTStd';
    color: #00747A;
    font-weight: lighter;
    font-size: 30px;
    line-height: 36px;
	margin: 0 0 34px 0;
}

.filter-main__container {
    padding-top: 0;
}

.filter__instructions {
    margin-bottom: 24px;
	font-size: 20px;
	line-height: 24px;
	font-family: 'TradeGothicLTStd';
	font-weight: lighter;
    color: #000000;
}

.filter__instructions strong {
	font-size: 20px;
	line-height: 24px;
	font-family: 'TradeGothicLTStd';
	font-weight: 700;
    color: #000000;
}

.filter-cat-row {
	margin-top: 46px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
    margin-bottom: 14px;
}

.filter-cat-item h4 label {
	font-family: 'TiemposText';
    color: #4B306A;
    font-weight: 700;
	font-size: 20px;
	line-height: 25px;
}

.filter-cat-item select {
    width: 100%;
	border: unset;
	font-weight: 400;
	line-height: 19px;
	font-size: 16px;
	color: #4B306A;
    background: url('https://apply.albion.edu/www/images/visit/chevron-down-purple.svg') no-repeat 97% 50%;
	background-size: auto 8px;
	background-color: #EEEAF0;
	border: 1px solid #4B306A;
	border-radius: 5px;
    -moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 2px 26px 4px 8px;
	height: 30px;
	outline: unset;
	font-family: 'TradeGothicLTStd';
}

@media (max-width: 991.98px) {
	.grid.card-columns .grid-sizer, .grid.card-columns .grid-item {
        width: calc((100% - 30px) / 2);
    }
	.filter-cat-item select {
	    max-width: 340px;
	}
}

.part.events {
    margin-bottom: 50px !important;
}

@media (max-width: 575.98px) {
    .part.events {
		margin-bottom: 35px !important;
	}
    .filter-cat-row {
        grid-template-columns: 1fr;
        row-gap: 5px;
        margin-bottom: 15px;
    }
    .exp-header-wrapper {
        min-height: 280px;
        padding-bottom: 3px;
    }
    .grid.card-columns .grid-sizer, .grid.card-columns .grid-item {
        width: 100%;
    }
	.cards_grid .card {
		margin-bottom: 35px;
	}
}

.cards_container {
	position: relative;
	z-index: 1;
}

.noCardsShown div.card:nth-child(3), .noCardsShown div.card:nth-child(4), .noCardsShown div.card:nth-child(5) {
	display: inline-block !important;
	transform: scale(1);
	transition: 0.3s all;
}

.noCardsShown div.card:nth-child(3) {
	top: 60px !important;
	left: 0 !important;
}

.noCardsShown div.card:nth-child(4)  {
	top: 60px !important;
	left: 34.2593% !important;
}

.noCardsShown div.card:nth-child(5) {
	top: 60px !important;
	left: 68.5185% !important;
}

.noCardsShown .grid.cards_grid {
	height: 540px !important
}

@media ( max-width: 991.98px ) {
	.noCardsShown .grid.cards_grid {
		height: 1080px !important
	}
	.noCardsShown div.card:nth-child(4) {
		left: 52.0833% !important;
	}
	.noCardsShown div.card:nth-child(5) {
		top: 560px !important;
		left: 0 !important;
	}
}
@media (max-width: 575.98px) {
	.noCardsShown .grid.cards_grid {
		height: 1500px !important
	}
	.noCardsShown div.card:nth-child(3) {
		top: 110px !important;
	}
	.noCardsShown div.card:nth-child(4) {
		left: 0 !important;
		top: 570px !important;
	}
	.noCardsShown div.card:nth-child(5) {
		top: 1050px !important;
		left: 0 !important;
	}
	.card-body {
	    min-height: 251px;
	}
}

.cards_container:before {
	content: 'There are currently no events to display for these filters. Please explore other visit options.';
	width: 100%;
	position: absolute;
	top: 10px;
	margin-bottom: 24px;
	font-size: 20px;
	line-height: 24px;
	font-family: 'TradeGothicLTStd';
	font-weight: lighter;
    color: #000000;
	opacity: 0;
}

.noCardsShown .cards_container:before {
	opacity: 1;
	transition: all 0.5s
}

@media (max-width: 575.98px)  {
	.cards_container:before {
		text-align: left;
	}
}
.c_main.cr  {
	max-width: 1920px;
}

.part.extra {
	margin-bottom: 50px !important;
}

.extra__container {
	background-color: #EEEAF0;
	padding: 30px 80px;
}

.extra__container h3 {
	font-size: 30px;
	line-height: 36px;
	font-weigth: 400;
	color: #4B306A;
	font-family: 'TiemposText';
	margin: 0 0 15px 0;
}

.extra__container p {
	font-family: 'TradeGothicLTStd';
    color: #4B306A;
    font-weight: lighter;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 25px;
}

.extra__container .extra__spare {
	font-family: 'TradeGothicLTStd';
    color: #4B306A;
    font-weight: lighter;
    font-size: 16px;
    line-height: 21px;
	background: unset;
	font-weight: 700;
	text-decoration: underline;
}

.extra__container a.extra__spare:hover {
	color: #4B306A !important;
}

.extra__container .extra__btn {
	background-image: unset;
    background-color: #FFC845;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-family: 'TradeGothicLTStd';
    font-weight: bold;
    font-size: 16px;
    padding-top: 4px;
    width: 210px;
    color: #4B306A;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s all;
}

.extra__container a.extra__btn:hover {
	 color: #FFC845 !important;
	background-color: #4B306A;
}

@media (max-width: 991.98px) {
	.extra__container {
		padding: 35px 25px;
	}
}

@media (max-width: 575.98px) {
	.part.extra {
		margin-bottom: 35px !important;
	}
}

@media (max-width: 767.98px) {
	.c_header__container.cr {
	    padding-bottom: 20px;
		padding-top: 20px;
	}
}
