/*
	These are global EM styles - This file is being included by all units.

	Unit-specific styles have been isolated

	Please legacy styles into the legacy style sheet if transitioning.

*/

@charset "UTF-8";
@import "dev/forms/default.css";


/* GLOBAL Custom component styles. These are applied everywhere */
/*@import "dev/utProsimStripe.css";*/
@import "dev/secm-panelCard.css";

/* GLOBAL utility styles */

	.public .hide-this,
	.preview .hide-this {
		display: none;
	}

	.page-path-teal .vt-page-path {
		background: var(--vt-teal);
	}

	.secm-large-button.vt-ctaLink {
		padding-top: 3em !important;
		padding-bottom: 3em !important;
	}
	.secm-large-button.sides.vt-ctaLink {
		padding-right: 3em !important;
		padding-left: 3em !important;
	}
	.bullet-orange.vt-text ul>li::before {
		background-color: var(--vt-burntOrange);
		top: calc(.8em + 1.5px);
	}
	.text-color-burntOrange {
		 color: var(--vt-burntOrange) !important;
	}
/* --------------------------------------------------------
Transfer Available Majors - 
----------------------------------------------------------*/
	.secm-table-icons th:not(:first-child),
	.secm-table-icons .available,
	.secm-table-icons .unavailable {
		text-align: center;
	}
/* --------------------------------------------------------
Video Header - 
----------------------------------------------------------*/

	.secm .hide-overlay .vt-vid-overlay-column {
		display:none;
	}
	.secm #vt_no_rb {
		margin-top: unset;
	}
	.secm .vt-vid-overlay-column {
		top: 10%;
		left: 5%;
		height: unset;
		width: unset;
	}
	.secm .vt-vid-header,
	.secm .vt-vid-subhead {
		display: unset;
	}
	.secm .vt-vid-header h1 {
		font-size: 1em;
	}

	.secm .vt-vid-subhead {
		font-size: 1.2em;
	}
	@media screen and (min-width: var(--breakpoint-md)) {}
	@media screen and (min-width: 992px) {
		.secm .norightcol .vt-vidHeader {
				max-height: unset;
				max-height: 80vh;
		}
		.secm .vt-vid-overlay {
			max-width: 48vw;
		}
	}
	@media screen and (min-width: 1200px) {
		.secm .vt-vid-overlay {
			max-width: 40vw;
		}
	}

/* --------------------------------------------------------
Utility and fixes - 
----------------------------------------------------------*/

	.aside {
		padding: 2em;
		border-radius:inherit;
		-moz-border-radius:inherit;
		-webkit-border-radius:inherit;
		background: var(--vt-smoke-9t);
		border-color: var(--vt-smoke-9t);
		clear:both;
		color: #000;
		border: none;
	}
	.aside p,
	.callout p {
		margin: 0;
	}

	.callout {
		padding: 2em;
		background: var(--vt-smoke-9t);
		clear:both;
		color: inherit;
		border-color: var(--vt-smoke);
		border-left-width: 10px;
		border-style: solid;
		border-radius:7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
	}
	.alert {
		background: #fff;
		padding: 0.75rem 1.00rem;
		border: 5px #660000 solid;
		border-radius: 7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		box-shadow: 1px 1px 5px #888888;
		-webkit-box-shadow: 1px 1px 5px #888888;
		-moz-box-shadow: 1px 1px 5px #888888;
		overflow: hidden;
		font-size: 1.75em;
		line-height: 1.25em;
		font-weight: 400;
	}
	.alert p {
		margin: 15px;
		padding: 0;
	}
	.legend {
		background-color: var(--vt-smoke-9t);
		padding: 0 0.75em;
		border-radius:5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		font-size: 0.85em;
		text-align: left;
		color: var(--vt-hokieStone-4s);
	}

	.highlight {
		padding: 3rem;
		background-color: var(--vt-grey-6t);
	}
	.highlight > p {
		margin-bottom: unset !important;
	}
	.highlight a {
		/*color: var(--vt-white);*/
	}
	.highlight a:hover {
		/*color: var(--vt-turquoise) !important;*/
	}
	.highlight a:focus {
		/*outline-color: var(--vt-white);*/
	}
	.highlight ol li::before,
	.highlight ol li::after {
		color: unset;
	}
	@media screen and (max-width: 767px) {
		.highlight {
			padding: 1rem;
		}
	}
	@media screen and (max-width: 991px) {
		.highlight {
			padding: 2rem;
		}
	}
/* --------------------------------------------------------
From other devs
----------------------------------------------------------*/
.vtctalink .vt-ctaLink.orange.sand {
	background-color: var(--vt-grey);
	border-color: var(--vt-grey);
	color: black;
}
.vtctalink .vt-ctaLink.orange.sand:focus {}
.vtctalink .vt-ctaLink.orange.sand:hover,
.vtctalink .vt-ctaLink.orange.sand:active {
	background-color: var(--vt-grey-1t) !important;
	border-color: var(--vt-grey-5s) !important;
	color: unset !important;
}

/*for modifying orange unirel cta buttons - By Mike Mirabella, DSA */
	.vtctalink .vt-ctaLink.orange.pink {
		background-color: var(--vt-pink);
		border-color: var(--vt-pink);
		color: #fff;
	}
	.vtctalink .vt-ctaLink.orange.pink:focus {
	   outline-offset: 5px;
	   outline-style: dashed;
	   outline-width: 2px;
	   outline-color: var(--vt-pink);
	}
	.vtctalink .vt-ctaLink.orange.pink:hover,
	.vtctalink .vt-ctaLink.orange.pink:active {
		color: var(--vt-pink) !important;
		background-color: transparent !important;
		border-color: var(--vt-pink) !important;
	}
	.vtctalink .vt-ctaLink.orange.pink.outline {
		background-color: transparent;
		border-color: var(--vt-pink);
		color: var(--vt-pink);
	}
	.vtctalink .vt-ctaLink.orange.pink.outline:focus {
	   outline-offset: 5px;
	   outline-style: dashed;
	   outline-width: 2px;
	   outline-color: var(--vt-pink);
	}
	.vtctalink .vt-ctaLink.orange.pink.outline:hover,
	.vtctalink .vt-ctaLink.orange.pink.outline:active {
		color: #fff !important;
		background-color: var(--vt-pink) !important;
		border-color: var(--vt-pink) !important;
	}
	/**/
	.vtctalink .vt-ctaLink.orange.purple {
		background-color: #642667;
		border-color: #642667;
		color: #fff;
	}
	.vtctalink .vt-ctaLink.orange.purple:focus {
	   outline-offset: 5px;
	   outline-style: dashed;
	   outline-width: 2px;
	   outline-color: #642667;
	}
	.vtctalink .vt-ctaLink.orange.purple:hover,
	.vtctalink .vt-ctaLink.orange.purple:active {
		color: #642667 !important;
		background-color: transparent !important;
		border-color: #642667 !important;
	}
	.vtctalink .vt-ctaLink.orange.purple.outline {
		background-color: transparent;
		border-color: #642667;
		color: #642667;
	}
	.vtctalink .vt-ctaLink.orange.purple.outline:focus {
	   outline-offset: 5px;
	   outline-style: dashed;
	   outline-width: 2px;
	   outline-color: #642667;
	}
	.vtctalink .vt-ctaLink.orange.purple.outline:hover,
	.vtctalink .vt-ctaLink.orange.purple.outline:active {
		color: #fff !important;
		background-color: #642667 !important;
		border-color: #642667 !important;
	}
	/**/
	.vtctalink .vt-ctaLink.orange.teal {
		background-color: #406A73;
		border-color: #406A73;
		color: #fff;
	}
	.vtctalink .vt-ctaLink.orange.teal:focus {
	   outline-offset: 5px;
	   outline-style: dashed;
	   outline-width: 2px;
	   outline-color: #406A73;
	}
	.vtctalink .vt-ctaLink.orange.teal:hover,
	.vtctalink .vt-ctaLink.orange.teal:active {
		color: #406A73 !important;
		background-color: transparent !important;
		border-color: #406A73 !important;
	}
	.vtctalink .vt-ctaLink.orange.teal.outline {
		background-color: transparent;
		border-color: #406A73;
		color: #406A73;
	}
	.vtctalink .vt-ctaLink.orange.teal.outline:focus {
	   outline-offset: 5px;
	   outline-style: dashed;
	   outline-width: 2px;
	   outline-color: #406A73;
	}	​
	.vtctalink .vt-ctaLink.orange.teal.outline:hover,
	.vtctalink .vt-ctaLink.orange.teal.outline:active {
		color: #fff !important;
		background-color: #406A73 !important;
		border-color: #406A73 !important;
	}