/*
Custom SWC Styles
*/

@media only screen and (max-width: 699px) 
{
	.inner .pre-footer .mobile {
		background-position: center top !important;
	}
}

/* Library */

.lib-hours-ajax h4 {
	display: inline-block;
	font-size: 1em;
	color: #ab0534;
	margin: 20px 0 20px 0;
}

.featured-items .lib-hours-ajax h4 {
	color: #ffffff;
	margin: 0 !important;
}

.featured-items .lib-hours-ajax h4::after {
	display: none !important;
}

.featured-items .lib-hours-ajax h4 a {
	display: inline !important;
}

.lib-hours-ajax h4 span {
	display: inline-block !important;
	margin-right: 5px !important;
}

.lib-hours-ajax ul {
	display: inline-block;
}

.lib-hours-ajax li {
	display: inline-block;
	margin-bottom: 0;
}

.lib-hours-ajax ul li::before {
	display: none !important;
}

.lib-hours-ajax li span.lib-hours-ajax {
	font-weight: bold;
}

.lib-hours-ajax li span.lib-hours-icon {
	display: inline-block;
	margin: 0 3px 0 3px;
	font-size: 0.65em;
}

#lib-hours-table tbody tr.library-hours-today td {
	font-weight: bold;
}

#lib-hours-table tbody tr.library-hours-today td span.icon-arrow-circle-right {
	display: inline-block;
	margin: 0 5px 0 0;
	font-size: 0.75em;
}

#lib-hours-table .library-hours-saturday, #lib-hours-table .library-hours-sunday {
	display: none;
}

/* Homepage Programs & Services */

.home .home-prog-svcs .button {
	margin: 5px !important;
}

/* Homepage Featured Events */

.upcoming-event-block .container {
	padding-top: 0;
}

h2#featured-events {
	margin-top: 50px;
}

.hp-event-slider .slide {
	background-color: #ffffff;
/*	background-image: url("/_files/homepage-event-background.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
*/	margin-right: 10px;
	min-height: 250px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.hp-event-slider .slide a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 150px 20px 150px 20px;
	z-index: 0;
}

.hp-event-slider .slide h4 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
}

.hp-event-slider .slide .date {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	font-weight: 500;
	z-index: -1;
	width: 100%;
}

.hp-event-slider .slide .meta {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	font-weight: 500;
	z-index: -1;
	width: 100%;
}

.hp-event-slider .slide .cal-location {
	display: block;
	font-size: 0.6em;
	line-height: 1;
}

.hp-event-slider .generic-nav {
	padding-top: 20px;
}

.upcoming-event-block a.button {
	margin-top: 20px;
}

/* Accordion Fixes */

.accordion-white a, .accordion-white .accordion-wrapper .more-info a {
	color: #ab0534;
}

.accordion-white .accordion-wrapper .more-info p.red a {
	color: #ffffff;
	text-decoration: none;
}

/* section.accordion-white .accordion-wrapper .more-info ul li, .accordion-white .accordion-wrapper .more-info ul li::before { */
section.accordion-white .accordion-wrapper .more-info ul li::before {
	background-color: #000000 !important;
}

section.accordion-white ul li .more-info li {
	background-color: transparent !important;
	color: #000000 !important;
}

/* Programs & Academics - Fields of Study */

.degrees-and-certificate-listing .listing-wrapper {
	padding-bottom: 1px;
}

.fieldsOfStudyDiv .fosLink .tile .col-1 {
	width: 87% !important;	
}

.fieldsOfStudyDiv {
	margin: 10px;
	border-radius: 4px;
	background-color: #ffffff;
}

.fieldsOfStudyDiv ul {
	margin: 0;
}

.fieldsOfStudyDiv ul li {
	list-style: inside none none !important;
	padding-left: 0;
	vertical-align: top;
	font-size: 0.85em;
}

@media only screen and (min-width: 700px) 
{
	.fieldsOfStudyDiv .programDiv ul li {
		width: calc(33.33% - 20px);
		display: inline-block;
	}
}

.fieldsOfStudyDiv .programDiv {
	margin-top: 0;
	padding: 20px;
	color: #222 !important;
	border-bottom: 1px dotted #ab0534;
}
/*
.fieldsOfStudyDiv .programDiv:nth-child(n+1) {
	margin-top: 15px;
}
*/
.fieldsOfStudyDiv .programDiv:last-of-type {
	margin-bottom: 10px;
	border-bottom: 0;
}

.fieldsOfStudyDiv .programDiv h4 {
	margin: 0 0 15px 0;
	padding: 0 0 0 8px;
	border-left: 4px solid #f0b310;
}

.fieldsOfStudyDiv .programDiv p {
	margin: 10px 0 0 0;
}

.fieldsOfStudyDiv .programDiv a:hover {
	background-color: transparent !important;
}

.fieldsOfStudyDiv ul li::before {
    display: none;
}
/*
.fieldsOfStudyDiv ul li:last-of-type {
    margin-bottom: 0;
}
*/

.fieldsOfStudyDiv ul li span:first-of-type, .fieldsOfStudyDiv .programDiv p.program-page span:first-of-type {
	font-weight: bold;
	font-size: 0.7em;
	line-height: 1;
	text-transform: uppercase;
}

.fieldsOfStudyDiv ul li span:last-of-type, .fieldsOfStudyDiv .programDiv p.program-page span:last-of-type {
	display: block;
}

.fieldsOfStudyDiv .programDiv .addlinfo {
	background-color: rgba(240,179,16,0.25);
	padding: 1px 12px 10px 12px;
	border-radius: 4px;
	font-size: 0.85em;
	overflow: hidden;
}

.fieldsOfStudyDiv .programDiv .addlinfo .icon-alert-icon {
	float: left;
	padding: 20px 10px 0 0;
	display: inline-block;
	font-size: 2em;
}

.fieldsOfStudyDiv .programDiv .addlinfo a {
	display: inline !important;
}


/* Faculty/Staff Directory */

.directory-filters input#searchFilter {
    border: 1px solid #b5b7ba;
    padding: 10px 14px 8px;
    margin-bottom: 20px;
}


/* Apply & Register */

.swc-apply .column {
	padding: 12px !important;
	text-align: center !important;
	color: #ffffff !important;
}

.swc-apply .column:first-of-type {
	background-color: #ab0534 !important;
}

.swc-apply .column:last-of-type {
	background-color: #410012 !important;
}

.swc-apply .column:first-of-type .content {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.swc-apply .column:last-of-type .content {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.swc-apply-h2 {
	margin-top: 10px !important;
	padding: 0 !important;
	color: #ffffff !important;
}

.swc-apply-h2::after {
	background-color: transparent !important;
	display: none !important;
}

.swc-apply h3 {
	margin-bottom: 15px !important;
}

.swc-apply h3 a:hover {
	color: #ffffff !important;
}

.swc-apply h3 a span {
	font-size: 0.5em !important;
	text-transform: uppercase !important;
	display: block !important;
}

.swc-apply h3 a span:first-of-type {
	margin-bottom: 5px !important;
}

.swc-apply h3 a span:last-of-type {
	margin-top: 7px !important;
}

.swc-apply-more-info-click {
	text-align: center;
}

.swc-apply-more-info-click a, .swc-apply-more-info-click a [class^="icon-"] {
	color: #ffffff !important;
	cursor: pointer;
}

.swc-apply-more-info-content {
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	font-size: 0.7em;
	display: none;
}


/* Miscellaneous */

.swc-offscreen {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.center {
	text-align: center;
}

.prog-page-h2 {
	text-align: center;
}

.prog-page-h2::after {
	margin: 15px auto 15px auto;
}

@media only screen and (min-width: 700px) 
{
	.pgLink.program-page h3 {
		font-size: 1.65rem !important;	
	}
	
	.prog-faculty-slider .generic-nav {
		margin-top: 25px;
	}
}

p.program-page a {
	margin-top: 10px;
}

.key-academic-block.program-page h5 span {
	margin-top: 0 !important;
	font-size: 0.6em !important;
	font-weight: 400 !important;
	display: block;
}

.key-academic-block.program-page h5 span a {
	font-size: inherit !important;
	font-weight: 400 !important;
	display: inline-block !important;
}

.program-page-fac h5 span.span-title {
	margin-top: 0 !important;
	font-size: 0.6em !important;
	font-weight: 400 !important;
	display: block;
}

.program-page-fac h5 span.span-name {
	font-size: 0.9em;
	display: block;
}

.key-academic-block.program-page ul, .program-page-fac ul li a {
	font-size: 0.85em !important;
	list-style: none outside !important;
}

.program-page-fac ul li::before {
	background-color: #f0b310 !important;
}

.key-academic-block.program-page ul li {
	padding-left: 15px !important;
}

.key-academic-block.program-page ul li::before {
	background-color: #f0b310;
}

.key-academic-block.program-page ul li a {
	font-size: 0.85em !important;
}

.key-academic-block.program-page ul li span {
	font-weight: 600 !important;
	display: inline-block;
}

@media only screen and (min-width: 1024px) 
{
	section.key-academic-block .generic-slider .slide-wrapper .slide {
		padding-top: 46px !important;
	}
}

@media only screen and (min-width: 700px) 
{
	.liColumns li {
		width: calc(33% - 15px);
		margin-right: 15px;
		display: inline-block;
		vertical-align: top;
	}
}

.key-academic-no-rss div.links .smaller-text, .smaller-text {
	margin-top: 10px !important;
	font-size: 0.85em !important;
}

/* For Virtual Welcome Center 2020-08-28 mdavis2 */
#quicklink-nav li#swc-welcome-center .icon-WelcomeCenter, #quicklink-nav li#swc-welcome-center .label {
	background-color: #325c6a !important;
}

#quicklink-nav li#swc-welcome-center a {
	color: #ffffff !important;
}

#git-welcome-center {
	background-color: #295861 !important; 
	padding: 25px !important; 
	margin-top: 25px !important;
/*	margin-bottom: -40px !important; */
	color: #ffffff !important; 
	text-align: center !important;
}

#git-welcome-center h3 {
	margin-top: 0;
}

#git-welcome-center h3 a {
	color: #f0b310;
	display: block; 
	text-align: center;
}

#git-welcome-center h3 a:hover {
/*	color: #f0b310; */
	color: #ffffff; 
/* 	text-decoration: none; */
}

#git-welcome-center a .icon-WelcomeCenter:first-of-type {
	float: left;
	color: #ffffff;
}

#git-welcome-center a .icon-WelcomeCenter:last-of-type {
	float: right;
	color: #ffffff;
}

#git-welcome-center p.yellow a {
	color: #222222 !important;
}

#git-welcome-center p.yellow a:hover {
	color: #ffffff !important;
	text-decoration: none;
}

/* INC0034983 2019-02-19 mdavis2 */
.slick-slider {
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	-webkit-user-select: text;
	-khtml-user-select: text;
}

/* Program Pages CTA Apply & Register Include */
.program-detail.program-cta .program-cta-dates {

}

.program-detail.program-cta .program-cta-dates p {
	padding: 20px 0 0 0;
	font-size: 0.9em !important;
	line-height: 1.2;
}

.program-detail.program-cta .program-cta-dates p span:first-of-type {
	font-weight: 400;
	text-transform: uppercase;
}

.program-detail.program-cta .program-cta-dates p span:last-of-type {
	font-size: 0.8em !important;
	font-weight: 100;
}

/* update for video and space on 3 column*/
  .video {
    aspect-ratio: 16 / 9;
    width: 100%;
  }


@media screen and (min-width: 700px){
body:not(.home) .main-content .content-block {
    margin-top: 25px;
    margin-bottom: 25px;
}
}


/* update Table - Margin bottom   - mtorres*/
@media screen and (min-width: 1024px){
table {
    margin-bottom: 40px;
}
}

.home-carousel .slick-arrow {
	color: transparent;
	text-indent: -1000px;
	position: absolute;
	bottom: 37px;
	right: 15px;
	width: 30px;
	height: 30px;
	z-index: 1000;
}

.home-carousel .slick-arrow.slick-prev {
	right: 62px;
	transform: rotate(180deg) translateY(36%);
}

.home-carousel .slick-arrow:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
	border-right: 4px solid white;
	border-top: 4px solid white;
}

.home-carousel .carousel-slide {
	height: auto;
}

.home-carousel .carousel-slides .slick-track {
	display: flex;
}

.home-carousel .carousel-slide {
	color: #fff;
	padding: 15px 15px 40px;
	background: #272727;
	overflow: hidden;
}

.home-carousel .carousel-slide h3 {
	font-size: 1.45rem;
	margin-bottom: 10px;
}

.home-carousel .carousel-slide h3 span {
	color: #F0B212;
	font-size: 16px;
	margin-left: 6px;
	vertical-align: middle;
}

.home-carousel .carousel-image {
	margin: -30px -20px 35px;
	position: relative;
	overflow: hidden;
}

.home-carousel .carousel-slide h3 a:hover {
	color: #f0b310;
	text-decoration: none;
}

.home-carousel .carousel-image.no--image {
	display: none;
}
.home-carousel .carousel-image:before {
	content: "";
	position: absolute;
	height: 61px;
	background: #272727;
	display: block;
	width: 100%;
	bottom: -31px;
	transform: rotate(-5.27deg);
	border-top: 4px solid white;
	z-index: 10;
}

.home-carousel img {
	aspect-ratio: 320/180;
	object-fit: cover;
}

.home-carousel blockquote {
	padding: 0;
	font-size: 1.12rem;
}

.home-carousel blockquote:before {
	font-size: 60px;
	position: static;
	display: block;
	height: 30px;
}

.home-carousel .carousel-slide p {
	margin-top: 10px;
}

.home-carousel .carousel-slide h3 a {
	color: #fff;
}

.home-carousel h2 {
	font-weight: 600;
	font-size: 27px;
	font-size: 1.6875rem;
	margin-bottom: 10px;
	text-align: center;
}

.home-carousel h2:after {
	display: block;
	width: 48px;
	height: 2px;
	content: '';
	margin: 15px auto;
	background-color: #ab0534;
}

.program-callout {
	margin-top: 0;
}

.program-callout:after {
	content: none; /* Remove diagonal from component below the carousel */
}

@media screen and (min-width: 700px){
	.home-carousel .slick-arrow {
		right: 52%;
		bottom: 32px;
	}

	.home-carousel .carousel-image.no--image {
		display: block;
	}

	.home-carousel .slick-arrow.slick-prev {
		right: calc(52% + 50px);
	}

	.home-carousel h2 {
		font-size: 2.1875rem;
    margin-bottom: 35px;
		margin-top: 100px;
	}
	
	.home-carousel h2:after {
		margin-top: 20px;
    width: 100px;
    height: 4px;
	}

	.home-carousel .carousel-slide {
		display: flex;
    flex-direction: row-reverse;
		padding: 0;
	}

	.home-carousel .carousel-image {
		margin: 0;
		flex-basis: 50%;	
	}

	.home-carousel .carousel-image img,
	.home-carousel .carousel-image svg {
		height: 100%;
		width: 100%;
		display: block;
	}

	.home-carousel .carousel-image svg {
		min-width: 115%;
    height: 38vw;
    min-height: 115%;
    right: 0;
		position: absolute;
	}

	.home-carousel .carousel-text {
		padding: 30px;
		flex-basis: 50%;
    flex-grow: 1;
	}

	.home-carousel .carousel-slide h3 {
		margin-top: 0;
		font-size: 2.2rem;
	}

	.home-carousel .carousel-slide h3 span {
		font-size: 30px;
	}

	.home-carousel blockquote:before {
    font-size: 130px;
		height: 50px;
	}

	.home-carousel blockquote {
		font-size: 1.3rem;
		margin-top: 0;
		max-width: inherit;
	}

	.home-carousel .carousel-image:before {
		left: -62px;
    top: -20px;
    height: 113%;
    width: 100px;
    transform: rotate(9.27deg);
    border: 0;
    border-right: 4px solid white;
	}


}

@media screen and (min-width: 1024px){
	.home-carousel .slick-arrow {
		right: 50%;
		bottom: 65px;
	}

	.home-carousel .slick-arrow.slick-prev {
		right: calc(50% + 50px);
	}

	.home-carousel .carousel-text {
		padding: 50px;
	}

	.home-carousel .carousel-slide h3 {
		font-size: 2.8rem;
		margin-bottom: 20px;		
	}

	.home-carousel blockquote {
		font-size: 1.75rem;
		max-width: inherit;
	}

	.home-carousel .carousel-image:before {
		left: -81px;
		width: 153px;
	}

	.home-carousel h2 {
		font-size: 0.1125rem;
    margin-bottom: 0px;
    margin-top: 0px;
	}
	
	.home-carousel h2:after {
		width: 130px;
    height: 5px;
    margin-top: 25px;
	}
}