/****************************************************************************************/
/***************************************** FONTS ****************************************/
/* Tabular numbers substitute for georgia */
@font-face {
	font-family: "tabular-numbers";
	src: local("charter"), local("Charter"), local("Charter-Roman"), local("cambria"), local("Cambria");
	unicode-range: U+0030-0039;
	font-display: swap;
}
.georgia-tabular {
	font-family: "tabular-numbers", georgia, "bitstream charter", serif;
}
/* Stratum 2 Web Bold */
@font-face {
	font-family: 'Stratum2WebBold';
	src: url('//ecampus.oregonstate.edu/includes/fonts/Stratum2Web/Stratum2WebBold.eot');
	src: url('//ecampus.oregonstate.edu/includes/fonts/Stratum2Web/Stratum2WebBold.eot?#iefix') format('embedded-opentype'),
			 url('//ecampus.oregonstate.edu/includes/fonts/Stratum2Web/Stratum2WebBold.woff2') format('woff2'),
			 url('//ecampus.oregonstate.edu/includes/fonts/Stratum2Web/Stratum2WebBold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: block;
}
/* Stratum 2 Web Medium */
@font-face {
	font-family: 'Stratum2WebMedium';
	src: url('//ecampus.oregonstate.edu/includes/fonts/Stratum2Web/Stratum2WebMedium.eot');
	src: url('//ecampus.oregonstate.edu/includes/fonts/Stratum2Web/Stratum2WebMedium.eot?#iefix') format('embedded-opentype'),
			 url('//ecampus.oregonstate.edu/includes/fonts/Stratum2Web/Stratum2WebMedium.woff2') format('woff2'),
			 url('//ecampus.oregonstate.edu/includes/fonts/Stratum2Web/Stratum2WebMedium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: block;
}
/* Stratum 2 Web Light */
@font-face {
	font-family: 'Stratum2WebLight';
	src: url('//ecampus.oregonstate.edu/includes/fonts/Stratum2Web/Stratum2WebLight.eot');
	src: url('//ecampus.oregonstate.edu/includes/fonts/Stratum2Web/Stratum2WebLight.eot?#iefix') format('embedded-opentype'),
			 url('//ecampus.oregonstate.edu/includes/fonts/Stratum2Web/Stratum2WebLight.woff2') format('woff2'),
			 url('//ecampus.oregonstate.edu/includes/fonts/Stratum2Web/Stratum2WebLight.woff') format('woff');
	font-display: block;
}
.chrome-font-fix {
	position: absolute;
	visibility: hidden;
}
/****************************************************************************************/
/********************************** BASIC LAYOUT STYLES *********************************/
html {
	font-size: 62.5%;
}
body {
	background: #ffffff; /* #faf8f6 */
	font-family: 'Open Sans', 'Arial', sans-serif, 'Helvetica', 'Verdana', 'Geneva', 'Trebuchet MS', 'Tahoma';
	font-size: 12px; font-size: 1.2rem !important;
	color: #333;
}
p, ol, ul, pre, code, address, h3, h4, h5, h6, .deadline-note {
	font-family: 'Open Sans', 'Arial', sans-serif, 'Helvetica', 'Verdana', 'Geneva', 'Trebuchet MS', 'Tahoma';
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.45em;
	margin-bottom: 1em;
}
ol, ul {
	margin-left: 0;
	padding-left: 20px;
}
li {
	margin-left: 12px;
	padding-left: 3px;
}
h1 {
	font-family: "tabular-numbers", georgia, "bitstream charter", serif;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	color: #003b5c;
}
h1, .micro-h1-inside h1 {
	font-size: 26px; font-size: 2.6rem; /* 4.8em */
}
.micro-h1-inside h1 {
  color: #fff;
}
h2 {
	font-family: "tabular-numbers", georgia, "bitstream charter", serif;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	letter-spacing: 0.3px;
	font-size: 19px; font-size: 1.9rem; /* 3.0em */
	color: #006a8e;
}
h1.entry-title, h2.entry-title {
	margin-top: 10px;
}
h3 {
	font-size: 19.5px; font-size: 1.95rem;
	color: #565656;
	font-weight: 600;
}
.content h2 {
	margin-top: 30px;
	margin-bottom: 6px;
}
.content h2 + ul, .content h2 + ol, .content h2 + .textBox + ul {
	margin-top: 15px;
}
.content h3 {
	font-family: "tabular-numbers", georgia, "bitstream charter", serif;
	color: #006a8e;
	margin-top: 25px;
	margin-bottom: 6px;
	font-weight: 400;
}
.content h3 strong, .content h4 strong { font-weight: 400; }
.content h3 + ul, .content h3 + ol {
	margin-top: 10px;
}
.content h3.button {
	font-family: 'Open Sans', 'Arial', sans-serif, 'Helvetica', 'Verdana', 'Geneva', 'Trebuchet MS', 'Tahoma';
	font-weight: 600;
}
h4, h5, h6 {
	font-family: "tabular-numbers", georgia, "bitstream charter", serif;
	font-weight: 400;
	color: #006a8e;
}
h1 {
	font-family: 'Stratum2WebMedium', sans-serif;
	/* font-size: 48px; */
	font-size: 32px; font-size: 3.2rem;
	color: #003b5c; /* star canvas: dark blue */
}
h2 {
	font-family: "tabular-numbers", georgia, "bitstream charter", serif;
	font-size: 25px; font-size: 2.5rem;
	color: #006a8e; /* stratosphere: medium blue */
}
h1 + .hNavTable + h2, h1 + h2 { margin-top: 0; }
hr { clear: both; }
table {
	/*font-size: 12px; font-size: 1.2rem*/
  line-height: 1.6;
}
.content th, .content td, .content td td {
	font-family: 'Open Sans', 'Arial', sans-serif, 'Helvetica', 'Verdana', 'Geneva', 'Trebuchet MS', 'Tahoma';
}
.content img[align='right'] {
	padding: 20px;
}
.directory td {
	font-size: 12px; font-size: 1.2rem
}
.gallery p, .two-column-first p, .two-column-second p, .image-caption-wide p, 
.image-caption-320 p, .image-caption-265 p, .image-caption-210 p, .image-caption-155 p, .image-caption-115 p, .image-caption-638 p,
.image-caption-320-left p, .image-caption-265-left p, .image-caption-210-left p, .image-caption-155-left p, .image-caption-115-left p, .image-caption-638-left p {
	font-size: 14px; font-size: 1.4rem;
}
input, .inputtext, select, textarea {
	font-family: 'Open Sans', sans-serif;
}
#masthead {
	background: #d73f09;
}
.topbanner {
	background: none;
	border-bottom: none;
}
#mainwrap {
	background: transparent;
}
.contentwrap {
	background: #ffffff;
}
.content-658 {
  max-width: 658px;
  padding: 0px 20px 0px 40px;
}
#osu-tag {
	top: 0;
	left: 0;
	width: 250px;
	height: 80px;
	margin: 10px;
}
#masthead .ym-wrapper, #toolhead .ym-wrapper, .footer {
	max-width: 1280px;
}
.nobreak {
	white-space: nowrap;
}
/* color overrides */
.white { color: #fff !important; }
.osu-orange { color: #d73f09 !important; /* #dc4405 */ }
.osu-orange-bg { background-color: #d73f09; color: #000000; }
.highlightnote {
	padding: 5px;
	background-color: #fdd26e;
}
.deadline-note {
	font-weight: 600;
}
/****************************************************************************************/
/************************************* ALERT MESSAGE ************************************/
#alert {
	background: #af292e;
	border-bottom: 1px solid #000000;
}
#alert-message { border: none; }
/****************************************************************************************/
/********************************** PRIMARY NAVIGATION **********************************/
.mainmenu {
	background: #000000;
}
#primary_nav_menu, #secondary_nav_menu, #primary_nav_menu ul, #secondary_nav_menu ul {
	font-family: 'Open Sans', 'Arial', sans-serif, 'Helvetica', 'Verdana', 'Geneva', 'Trebuchet MS', 'Tahoma';
}
#primary_nav_menu {
	background: #000000;
	/*margin: 1px auto auto;*/
	margin: 0;
	border-bottom: none;
	height: 41px;
	text-align: left;
}
#subtabhighlight {
	background: #565656 !important; /* !important to override parent theme's linear-gradient background */
}
#primary_nav_menu .nav_item.lvl1 {
	font-family: 'Open Sans', 'Arial', sans-serif, 'Helvetica', 'Verdana', 'Geneva', 'Trebuchet MS', 'Tahoma';
	font-size: 13px; font-size: 1.3rem;
 /*text-transform: uppercase*/
	line-height: 3.2;
	border-left: 1px solid #666666;
	margin-right: -5px !important; /* !important to override parent theme's -4px margin-right */
	padding: 0;
}
.mac-os #primary_nav_menu .nav_item.lvl1 {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-stroke: 0.3px;
}
#primary_nav_menu a {
	padding: 0 17.7px; /* 20px is approximately equivalent to 1.6em */
	display: block;
}
#primary_nav_menu .nav_item.lvl1 ul {
	border-bottom: 4px solid #000000;
	background: #000000;
	top: 41px;
}
#primary_nav_menu .nav_item.lvl2 {
	border-bottom: none;
	font-size: 12px; font-size: 1.2rem;
	padding-bottom: 2px;
}
#primary_nav_menu .nav_item.lvl2 a {
	padding: 0 25px 0 17.7px;
}
#primary_nav_menu .nav_item.lvl2:hover, #primary_nav_menu .nav_item.lvl2:active, #primary_nav_menu .nav_item.lvl2:focus, #primary_nav_menu .nav_item.lvl2.hover {
	background: #565656;
}
#primary_nav_menu .nav_item.lvl1:hover ul, #primary_nav_menu .nav_item.lvl1:active ul, #primary_nav_menu .nav_item.lvl1:focus ul, #primary_nav_menu .nav_item.lvl1.hover ul {
	background: #000000;
}
#primary_nav_menu .nav_item.lvl1 ul a {
	color: #ffffff;
}
.nav-menu-container {
  max-width: 1280px;
  margin: auto;
}
.icon-caret-right {
	font-size: 12px; font-size: 1.2rem;
}
#request-info {
	float: right;
	margin: 0;
	padding: 0 14px 0 0;
}
#request-info .button {
	font-family: 'Open Sans', 'Arial', sans-serif, 'Helvetica', 'Verdana', 'Geneva', 'Trebuchet MS', 'Tahoma';
	font-weight: 600;
	font-size: 12px; font-size: 1.2rem;
	padding: 5px 10px;
}
.mobile-more {
	font-size: 14px; font-size: 1.4rem;
}
.mobile-nav-label {
	font-size: 14px; font-size: 1.4rem !important; /* why do we need this? */
	color: #d73f09;
}
#home-desktop { display: inline; }
#home-mobile { display: none; }
#home-mobile-icon { display: none; }
/* RFI + Apply alt color additions */
.nav-wrapper {
	background-color: #000;
	border-bottom: solid #000 1px;
}
.up-arrow {
	bottom: -1px;
}
.mainmenu ul li.actcontainer:hover {
	z-index: 0;
}
#primary_nav_menu .nav_item.lvl1.actcontainer {
	border-left: solid #999 1px;
}
.actbuttons {
	background-color: #fff;
	height: 100%;
}
.actbuttons a, #primary_nav_menu .nav_item.lvl1.expand.actcontainer a:hover {
	color: #000 !important;
}
#request-info .button { display: none; }
#primary_nav_menu .nav_item.lvl1 ul.actdropdown {
	background-color: #fff;
	border-bottom: solid #999 1px;
	border-right: solid #999 1px;
	border-left: solid #999 1px; 
	margin-left: -1px;
}
#primary_nav_menu .nav_item.lvl1 ul.actdropdown a {
	color: #000;
	transition: none;
}
#primary_nav_menu .nav_item.lvl1:hover ul.actdropdown a:hover {
	color: #fff;
}
@media screen and ( max-width: 988px ) {
	#primary_nav_menu a {
    	padding: 0 14px;
    	display: block;
	}
}
@media screen and ( max-width: 898px ) {
	#primary_nav_menu a {
    	padding: 0 15px;
    	display: block;
	}
	#primary_nav_menu {
		height: 40px;
	}
}
@media screen and ( min-width: 750px ) and ( max-width: 790px ) {
	#primary_nav_menu a {
    	padding: 0 13px !important;
    	display: block;
	}
}
@media screen and ( min-width: 720px ) and ( max-width: 750px ) {
	#primary_nav_menu a { padding: 0 11.5px !important; }
}
@media screen and ( min-width: 695px ) and ( max-width: 720px ) {
	#primary_nav_menu a { padding: 0 10.5px !important; }
}
@media screen and ( min-width: 665px ) and ( max-width: 695px ) {
	#primary_nav_menu a { padding: 0 9px !important; }
}
@media screen and ( min-width: 645px ) and ( max-width: 665px ) {
	#primary_nav_menu a { padding: 0 8px !important; }
}
@media screen and ( min-width: 639px ) and ( max-width: 645px ) {
	#primary_nav_menu a { padding: 0 7.8px !important; }
}
@media screen and ( max-width: 639px ) {
	#home-desktop { display: none !important; }
	#home-mobile { display: inline; }
	#home-mobile-icon { display: inline; float: right; margin: 0 11px 0 5px; padding: 0; }
	.actbuttons { display: block; line-height: 34px; }
	.actbuttons .nav_pointer { color: #000; }
	#request-info .button { display: block; background-color: #fff; }
	#request-info .button a { color: #000; }
	#primary_nav_menu { border-bottom: solid #d73f09 1px; }
	#rfinav { display: none !important; }
	.nav-menu-container { border-bottom: none; }
	.nav-wrapper { border-bottom: none; }
}
body.subnav #mainwrap .nav-wrapper { border-bottom: none; }
/****************************************************************************************/
/**************************** VERTICAL/SIDE NAVIGATION STYLES ***************************/
#sidenav {
	color: #d73f09;
	background-color: #ffffff;
	padding-top: 5px;	
  padding-left: 10px;
	border-right: 1px solid #d1d9df;
	border-bottom: 1px solid #d1d9df;
	border-left: 1px solid #d1d9df;
	border-radius: 0 0 0 5px;
	box-shadow: none;
}
#sidenav h3 {
	margin-left: 10px;
}
.ym-wbox.contentwrap {
	background: #ffffff;
}
.ym-wrapper .ym-col1 { /* remove after 4/18/13; it's now in yaml-screen-PAGE-layout.css */
  float: left;
}
#sidenav .expandcollapse {
	border-left: 2px solid #ffffff;
}
#sidenav ul li .nohref {
	border-left: 2px solid #ffffff;
	background-color: #ffffff;
	color: #373737;
}
#sidenav ul ul li .nohref {
	border-left: 12px solid #ffffff;
	background-color: #ffffff;
	color: #373737;
}
#sidenav ul ul ul li .nohref {
	border-left: 20px solid #ffffff;
	background-color: #ffffff;
	color: #373737;
}
#sidenav ul li .inactive {
	border-left: 2px solid #ffffff;
	background-color: #ffffff;
	color: #000000;
}
#sidenav ul li .inactive {
	border-left: 2px solid #ffffff;
	background-color: #ffffff;
}
#sidenav ul ul li .inactive {
	border-left: 10px solid #ffffff;
	background-color: #ffffff;
}
#sidenav ul ul ul li .inactive {
 	border-left: 18px solid #ffffff;
	background-color: #ffffff;
}
#sidenav ul li .selected {
	background-color: #d73f09;
	color: #ffffff;
	border-right: none;
	border-radius: 0 5px 5px 0;
	margin: 0 0 0 -10px;
	padding: 5px 0px 5px 22px;
}
#sidenav ul ul li .selected {
	border-left: 10px solid #ffffff;
	background-color: #d73f09;
	border-radius: 0 5px 5px 0;
	margin: 0 0 0 -20px;
	padding: 5px 0px 5px 32px;
}
#sidenav ul ul ul li .selected {
	border-left: 18px solid #ffffff;
	background-color: #d73f09;
	border-radius: 0 5px 5px 0;
	margin: 0 0 0 -30px;
	padding: 5px 0px 5px 42px;
	font-weight: bold;
}
#sidenav ul {
	border-top: 1px solid #ffffff;
}
#sidenav ul li {
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
	margin-right: 10px;
}
#sidenav ul li a {
	border-left: 2px solid #ffffff;
	color: #c34500;
}
#sidenav ul li a:hover, #sidenav ul li .indented, #sidenav ul li a:active, #sidenav ul li a:focus {
	border-left: 2px solid #ffffff;
	background-color: #ffffff;
	color: #615042;
	text-decoration: underline;
}
#sidenav ul ul {
	background-color: #ffffff;
	color: #c34500;
}
#sidenav ul ul li {
	border-bottom: 1px solid #ffffff;
	font-size: 12px; font-size: 1.2rem;
	font-weight: normal;
}
#sidenav ul ul li a {
	border-left: 10px solid #ffffff;
	background-color: #ffffff;
	color: #c34500;
}
#sidenav ul ul li a:hover, #sidenav ul ul li .indented, #sidenav ul ul li a:active, #sidenav ul ul li a:focus {
	border-left: 10px solid #ffffff;
	background-color: #ffffff;
	color: #c34500;
	text-decoration: underline;
}
#sidenav ul ul ul {
 	background-color: #ffffff;
	color: #000000;
}
#sidenav ul ul ul li {
	border-bottom: 1px solid #ffffff;
	font-size: 11px; font-size: 1.1rem;
	font-style: italic;
}
#sidenav ul ul ul li a {
 	border-left: 18px solid #ffffff;
 	background-color: #ffffff;
	color: #c34500;
	font-size: 11px; font-size: 1.1rem;
	font-style: italic;
}
#sidenav ul ul ul li a:hover, #sidenav ul ul ul li .indented, #sidenav ul ul ul li a:active, #sidenav ul ul ul li a:focus {
	border-left: 18px solid #ffffff;
	background-color: #ffffff;
	color: #c34500;
}
.sidebox { 
	box-shadow: none;
	padding-bottom: 19px;
	/*margin-bottom: 0; /* removed because of microsites */
}
.sidebox h3, .sidebox h4 {
	color: #ffffff;
	font-size: 16px; font-size: 1.6rem;
	border-bottom: 1px dotted #ffffff;
	margin: 0 20px; 
	padding: 20px 0 10px;
}
.sidebox p {
	padding: 10px 20px 5px;	
}
.sidebox h3.button {
	margin-bottom: 0;	
}
.bluebox span, .bluebox a, .bluebox a:link, .bluebox a:visited, .bluebox a:active,
.graybox span, .graybox a, .graybox a:link, .graybox a:visited, .graybox a:active {
	text-decoration: none;
}
.bluebox {
	color: #252525;
	/*background: #e8bb73;*/ /*tan*/
	background: #d1d9df;
	margin-bottom: 0;
}
.bluebox a {
	color: #c34500;
	background: none;
}
.bluebox a:hover, .bluebox a:active, .bluebox a:focus,
.graybox a:hover, .graybox a:active, .graybox a:focus {
	color: #615042;
	text-decoration: underline !important;
	background: none;
}
.bluebox .button a:hover { text-decoration: none !important; }
.bluebox .button a:hover, .bluebox .button a:active, .bluebox .button a:focus  { color: #ffffff; }
.bluebox h3, .bluebox h4 {
  color: #373737;
  border-bottom: 1px solid #ddd;
}
.graybox h3, .graybox h4 {
	color: #0F3242;
	border-bottom: 1px dotted #0F3242;
	/*padding: 10px 0 5px;*/
}
/*.graybox p {
	padding: 10px 20px 5px;	
}
.graybox h3.button {
	margin-bottom: 0;	
}*/
.degreedetails {
	margin-bottom: 10px;	
}
.degreedetails h3 {
	margin: 0;
	padding: 7px 2px 5px 20px;
	background-color: #373737;
}
.degreedetails p.standard-text-size {
	font-size: 12px; font-size: 1.2rem;
	line-height: 1.25;
}
.ltbluebox a {
	color: #3F342B; 
}/*dark brown*/
.ltbluebox li a:hover, .ltbluebox li a:active, .ltbluebox li a:focus {
	color: #ffffff;
	background-color: #d73f09;
}
.sidebox h3.button {
	font-family: 'Open Sans', 'EksjaExtremesRegular';
	font-weight: normal;
	padding: 5px 10px;
	background-color: #d73f09;
}
.sidebox h3.button:hover, .sidebox h3.button:active, .sidebox h3.button:focus { background: #9d3c26; }
/* Corner flip (fluid-height div) - used in sidebox on the last div <div id="triangle-bottomright"> */
#triangle-bottomright {
	width: 0px;
	height: 0px;
	border-bottom: 0; /* 2em solid #ffffff */
	border-left: 0; /* 2em solid #e2edf6 */
	float: right;
}
/* Corner flip (fixed-height div) - used in featurebox (requires "position: relative" on parent div.featurebox) */
#triangle-bottomright-fixed {
	width: 0px;
	height: 0px;
	border-bottom: 0; /* 2em solid #fff */
	border-left: 0; /* 2em solid #e2edf6 */
	position: absolute;
	right: 0;
	bottom: 0;
}
.promo-wht-blck {
	margin-right: 0;
}
.promo-wht-blck h3 {
	font-size: 18px; font-size: 1.8rem;
}
.promo-wht-blck p {
	font-size: 13px; font-size: 1.3rem;
	line-height: 2;
}
/****************************************************************************************/
/******************************** DIV/SPAN TEXTBOX STYLES *******************************/
.quoteBox {
	margin: 0;
	float: none;
	border: none;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d1d9df;
	border-top: 1px solid #d1d9df;
	background-color: #fff;
}
.quoteBox p {
	font-family: 'Open Sans';
	font-size: 21px;
	font-size: 2.1rem;
	font-weight: 600;
	font-style: italic;
	color: #00557f;
	text-align: left;
	padding-top: 10px;
}
.quoteBox h4 {
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}
blockquote p.attribution {
	text-align: right;
	font-style: normal;
	font-size: 16px; font-size: 1.6rem;
	margin-top: 7px;
}
.textBox {
	background-color: #f5f2ed;
	border-bottom: 1px solid #C9C1B8;
}
.textBox h2, .textBox h3 {
	margin-top: 0;
}
.dialogBox, .dialogBoxContact {
	background-color: #f5f2ed;
	border-bottom: 1px solid #C9C1B8;
}
.coursesfeature {
	background-color: #f5f2ed;
	padding: 6px 10px 10px;
	margin: 0 0 10px 10px;
}
/****************************************************************************************/
/************************************ HOMEPAGE STYLES ***********************************/
#featureSlideTimer {
	background: #615042;
}
.featureSlideSelectBtn {
	width: 7px;
	height: 7px;
	border-radius: 50%;
}
#featureSlideBtnWrap {
	bottom: 7px;	
}
div.featurebox {
	position: relative;
}
.featurebox p {
	color: #373737;
}
/*.featurebox h3, .featurebox h4 {
	font-size: 18px; font-size: 1.8rem;
}*/
div.featurebox a i.icon-table {
	display: none;
}
.featurebox h3.button {
	font-family: 'Open Sans', 'EksjaExtremesRegular';
	font-weight: normal;
	font-size: 13px; font-size: 1.3rem;
	padding: 5px 10px;
	margin: 20px 20px 10px;
}
.three-column {
	margin: 20px 0;
	padding-bottom: 0;
}
.three-column h3 {
	font-family: 'Stratum2WebMedium', 'EksjaExtremesRegular';
	font-weight: normal;
	margin: 7px 0 3px;
}
.three-column h3 a:link {
	color: #d73f09;
}
.three-column p {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 0;
	padding-bottom: 15px;
}
.tint img {
	display: block;
	-moz-transition: opacity 0.3s linear 0.01s;
	-webkit-transition: opacity 0.3s linear 0.01s;
	-ms-transition: opacity 0.3s linear 0.01s;
	-o-transition: opacity 0.3s linear 0.01s;
	transition: opacity 0.3s linear 0.01s;
}
.tint {
	background: #d73f09;
	display: block;
}
.tint-orange {
	background: #d73f09;
}
.tint-white {
	background: #ffffff;
}
.tint-inline {
	display: inline-block;
}
a.tint:hover img, a.tint:active img, a.tint:focus img {
	opacity: 0.5;
}
a.tint.playbox:hover .play-button-right img, a.tint.playbox:active .play-button-right img, a.tint.playbox:focus .play-button-right img {
	opacity: 1;
}
a.playbox span.play-button-right {  
	opacity: 1;
}
.three-column, .iconbox {
	margin-top: 20px;
}
.iconbox-grp span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.iconbox-grp div {
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 10px; 
	position: relative;
	background: url('//ecampus.oregonstate.edu/includes/2015/images/icon-sprites.png') no-repeat scroll 0 0 transparent;
}
.iconbox-set {
	position: relative;
	clear: both;
	margin-bottom: 5px;
	padding: 5px;
	border-radius: 4px;
	cursor: pointer;
	background-color: #eee;
}
.iconbox-set:hover {
	background-color: #d73f09;
}
.iconbox-set div {
	width: 60px;
	height: 60px;
	margin-top: 0;
	margin-right: 6px;
	float: left;
	position: relative;
}
.iconbox-set div p {
	margin-bottom: 15px;
}
.iconbox-set a {
	text-decoration: none;
}
.iconbox-set a:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.iconbox-set:hover a, .iconbox-set:hover p, .iconbox-set:hover h3 {
	color: #fff;
}
.iconbox-set svg path {
	stroke: #d73f09;
	stroke-width: 1.3;
}
.iconbox-set:hover svg path {
	stroke: #ffb500;
	stroke-width: 1.6;
}
.iconbox-set h3 {
	margin-top: 10px;
}
.iconbox h3 {
	font-family: 'Open Sans';
	font-weight: 600;
}
div.magnifying-glass {	background-position: 0px 0px; }
div.finger-of-knowledge { background-position: 0px -32px; }
div.two-face { background-position: 0px -64px; }
div.question-mark { background-position: 0px -96px; }
div.arrow { background-position: 0px -128px; }
div.military { background-position: 0px -160px; }
div.dollar-sign { background-position: 0px -192px; }
div.dot { background-position: 0px -224px; }
div.cap { background-position: 0px -256px; }
div.pencil { background-position: 0px -288px; }
div.mail { background-position: 0px -320px; }
div.book { background-position: 0px -352px; }
div.computer { background-position: 0px -384px; }
div.sheet { background-position: 0px -416px; }
div.enews { background-position: 0px -448px; }
div.news { background-position: 0px -480px; }
div.winning { background-position: 0px -512px; }
div.globe { background-position: 0px -544px; }
div.earth { background-position: 0px -576px; }

div.magnifying-glass:hover { background-position: -32px 0px; }
div.finger-of-knowledge:hover { background-position: -32px -32px; }
div.two-face:hover { background-position: -32px -64px; }
div.question-mark:hover { background-position: -32px -96px; }
div.arrow:hover { background-position: -32px -128px; }
div.military:hover { background-position: -32px -160px; }
div.dollar-sign:hover { background-position: -32px -192px; }
div.dot:hover { background-position: -32px -224px; }
div.cap:hover { background-position: -32px -256px; }
div.pencil:hover { background-position: -32px -288px; }
div.mail:hover { background-position: -32px -320px; }
div.book:hover { background-position: -32px -352px; }
div.computer:hover { background-position: -32px -384px; }
div.sheet:hover { background-position: -32px -416px; }
div.enews:hover { background-position: -32px -448px; }
div.news:hover { background-position: -32px -480px; }
div.winning:hover { background-position: -32px -512px; }
div.globe:hover { background-position: -32px -544px; }
div.earth:hover { background-position: -32px -576px; }
/****************************************************************************************/
/************************************* FOOTER STYLES ************************************/
.footerwrap {
	background-color: #000000;
	border-top: none;
}
.footer h4, .footer p {
	font-family: 'Open Sans', 'Arial', sans-serif, 'Helvetica', 'Verdana', 'Geneva', 'Trebuchet MS', 'Tahoma';
}
.footer h4 {
	font-size: 12px; font-size: 1.2rem;
}
.footer {
	padding: 20px 10px 0;
}
.footer p {
	font-size: 12px; font-size: 1.2rem;
	line-height: 1.5;
}
.footer-icon {
	background-color: #d73f09;
}
.footer-icon-header {
	font-size: 12px; font-size: 1.2rem;
}
.footer-hidden, a.footer-hidden, .footer-hidden a, .footer-hidden a:link, .footer-hidden a:visited, .footer-hidden a:hover, .footer-hidden a:focus {
	color: #000000;
	text-decoration: none;
}
/****************************************************************************************/
/***************************** HORIZONTAL NAVIGATION STYLES *****************************/
.hNavLinks {
	line-height: 1.8;
}
.hNavLinks .selected {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;	
}
.hNavTable {
	width: 100%;
	display: none;
}
.hNav {
	padding: 6px 0 16px;
}
.skinny-bottom {
	margin-bottom: 23px;
}
.slim-bottom {
	margin-bottom: 15px;
}
/****************************************************************************************/
/************************************* BUTTON STYLES ************************************/
.button:hover, input[type="submit"]:hover { background: #9d3c26; }
.button:hover .button-tab:before { border-color: #9d3c26 transparent transparent transparent; }
.button, input[type="submit"] {
	font-weight: normal;
	position: relative;
	background: #d73f09;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	display: table;
	font-family: 'Open Sans';
	padding: 4px 7px;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
}
.button a { color: #ffffff; text-decoration: none; }
.button a:hover { color: #ffffff; text-decoration: none; }
.button a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
}
.button-tab:before {
	content: "";
	position: absolute;
	display: block;
	border-style: solid;
	border-color: #d73f09 transparent transparent transparent;
	bottom: -10px;
	left: 0;
	border-width: 10px 0 0 10px;
}
input[type="submit"] {
	border: none;
	font-size: 14px; font-size: 1.4rem;
	padding: 10px 15px;
}
.button-white {
	background: #ffffff;
	color: #d73f09;
}
.button-white:hover, .button-white:focus { 
	background: #eee; 
	border-color: #eee transparent transparent transparent; 
}
a.button-white, .button-white a, .button-white a:link, .button-white a:visited, .button-white a:hover, .button-white a:focus { 
	color: #d73f09;
	text-decoration: none; 
}
.button-black {
	background: #000000;
	color: #ffffff;
}
.button-black:hover, .button-black:focus {
	background: #252525;
	border-color: #252525 transparent transparent transparent;
}
a.button-black, .button-black a, .button-black a:link, .button-black a:visited, .button-black a:hover, .button-black a:focus {
	color: #ffffff;
	text-decoration: none;
}
.fg-button {
	background: #d73f09 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-family: 'Open Sans', 'EksjaExtremesRegular';
	font-weight: normal;
}
.fg-button:hover {
	background: #9D3C26 !important;
}
/****************************************************************************************/
/***************************************** ACCORDIONS ***********************************/
.wp-accordion-control {
	position: relative;
	font-family: 'Open Sans';
	font-size: 16px;
	padding: 5px;
	padding-right: 30px;
	border: solid #ddd 1px;
	background-color: #eee;
	cursor: pointer;
	color: #565656;
	font-weight: 600;
	margin-top: 0;
}
.content h3.wp-accordion-control {
	font-family: 'Open Sans';
	color: #565656;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 8px;
}
.wp-accordion .plus:after {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10.5px;
	color: #c34500;
 	font-family: 'FontAwesome';
	content: "\f067";
}
.wp-accordion .minus:after {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10.5px;
	color: #c34500;
 	font-family: 'FontAwesome';
	content: "\f068";
}
.wp-accordion-heading {
	margin-top: 30px;
}
.wp-accordion a[href='#'] {
	display: none;
}
.wp-accordion p, .wp-accordion .wp-accordion-content p, .wp-accordion .wp-accordion-content li {
	font-family: 'Open Sans';
	font-size: 16px;
}
/****************************************************************************************/
/********************************* Form STYLES **********************************/
.quickform h3 {
	font-size: 1.2em;
	padding-bottom: 1.2em;
	clear: left;
	font-family: 'Open Sans', 'Arial', sans-serif, 'Helvetica', 'Verdana', 'Geneva', 'Trebuchet MS', 'Tahoma';
}
.quickform fieldset {
  padding: 1em;
  margin-bottom: 20px;
  max-width: 100%;
  min-width: 0;
}
.quickform label {
  margin-right: 1em;
  padding-top: 0.2em;
  text-align: right;
  font-weight: bold;
  float: left;
  width: 25%;
  font-size: 1.2em;
}
.quickform input, .quickform label, .quickform select, .quickform textarea {
  display: block;
  margin-bottom: 12px;
  max-width: 70%;
}
.quickform input[type='text'], .quickform select {
	border: 1px solid #ABB0B2;
	padding: 6px 0;
	padding-right: 6px;
}
.quickform input[type='text'] {
	text-indent: 5px;
}
.quickform textarea[id*="essay"] {
	margin-top: 7px;
	width: 100%;
	height: 200px;
}
.quickform input[type='file'] {
	margin-top: 10px;
}
.quickform textarea {
	height: 150px;
}
.quickform .formRow {
  padding: 5px;
  clear: left;
}
.quickform label[for*="qf"], .quickform input[type="radio"], .quickform input[type="checkbox"] {
  display: inline-block !important;
  float: none;
}
.quickform input[type="radio"], .quickform input[type="checkbox"] {
	margin-right: 2px;
}
.quickform input[type="checkbox"] {
	margin-top: 3px;
}
.quickform label[for*="qf"] {
	width: auto;
	margin-left: 3px;
}
.quickform .quickformInfo label {
	width: 70%;
}
.quickform #marketingConsent label {
	display: none;
}
.quickform #btnRow .formRow label {
	display: none;
}
.quickform .instructions {
	color: #cc0000;
	margin-bottom: 30px;
	margin-left: 30px;
	font-size: 14px;
}
.quickform span + br {
	display: none;
}
.quickform label + span {
    margin-bottom: 3px;
    display: block;
}
.quickform hr + strong {
    display: block;
    margin-bottom: 20px;
}
#requirements ol li {
	margin-top: 10px;
    margin-bottom: 10px;
}
@media screen and (max-width: 730px) {
	.quickform label {
		float: none;
		margin-bottom: 5px;
		text-align: left;
		width: 100%;
		max-width: 100%;
	}
	.quickform #lblpronouns { 
		display: none;
	}
	.quickform input, .quickform label, .quickform select, .quickform textarea {
	 	max-width: 100%;
	}
	.quickform textarea {
		width: 100%;
	}
	.quickform input[type="submit"] {
		position: relative;
	}
	.quickform input[type="submit"] {
		margin: auto;
	}
	.quickform .instructions {
		margin: 10px;
	}
}
/****************************************************************************************/
/********************************* LANDING PAGE STYLES **********************************/
.textBox-column {
	padding: 15px 20px 15px 20px;
	font-size: 100%;
	display: block;
	width: 26%;
	max-width: 26%;
	float: right;
	text-align: left;
	margin: 0 0 10px 10px;
	background-color: #f5f2ed;
	border-bottom: 1px solid #C9C1B8;
}
.textBox-column h2, .textBox-column h3, .textBox-column p { padding: 0 0 10px 0; }
.textBox-column p:last-child { margin-bottom: 0; }
.textBox-request {
	background-color: #d73f09;
	border: 0;
	padding-bottom: 20px;
}
.textBox-request h2 { 
	color: #ffffff;
	background-color: #ac2c00; 
	padding: 10px 10px 10px 10px; 
	margin: -20px -20px 20px -20px; 
	text-align: center; 
	vertical-align: middle; 
}
.textBox-button-holder {
	max-width: 300px;
	margin: auto;
	vertical-align: middle;	
}
.textBox-request h3.button-white {
	min-width: 80%;
}
.textBox-request h3, .textBox-request p {
	margin: auto;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
.textBox-request p {
	color: #ffffff;
}
h1.row-title {
	padding-top: 22px;
}
.list-column ul {
	padding-left: 10px;
}
.row-intro {
	margin-bottom: 25px;
}
.row-intro p {
	max-width: 660px;
}
.row-quote {
	background-color: #f5f2ed;
	margin: 0px -20px 20px;
	display: table-row;
	padding: 0 20px;
	vertical-align: middle;
}
.row-quote .ym-gl {
	margin-bottom: -3px;	
}
.quote-text-box, .quote-text-div {
	display: table;	/*This is for IE*/
	margin-right: 20px; 
}
.quote-text-box .ym-gbox-right, .quote-text-div .ym-gbox-right {
	padding-left: 19px;
	text-indent: -9px;
}
.quote-text-attribution {
	display: table-cell;  /*This is for IE*/
	vertical-align: middle;	 /*This is for IE*/
	height: 200px;
}
i.icon-quote-right, em.icon-quote-right, em.icon-file-text, em.icon-youtube-play {
	text-indent: 0;
}
p.quote-text {
	margin: 10px 0 0 0;
	padding: 0 20px;
	line-height: 1.8;
	color: #252525;  /* #615042 */
}
p.quote-attribution {
	margin: 0 2px 10px 0;
	padding: 4px 0 0 26px;
	text-indent: -9px;
	line-height: 1.4;
	color: #252525;  /* #615042 */
}
.quote-text-emphasis {
	font-size: 14px; font-size: 1.4rem;
}
.select-box select {
	background: transparent;
	color: #565656;  /* #9f9f9f */
	width: 288px;
	padding: 5px;
	line-height: 2;
	border: 0;
	border-radius: 0;
	height: 34px;
	-webkit-appearance: none;
	cursor: pointer;
}
.select-box select option {
	color: #252525;
}
.select-box {
	width: 260px;
	height: 34px;
	overflow: hidden;
	background: url("//ecampus.oregonstate.edu/images/icons/icon-select-list.png") no-repeat right #ffffff;
	border: 1px solid #e7b8ab;
	cursor: pointer;
	margin: auto;
	vertical-align: middle;
}
.select-box-orange, .osu-white-bg .select-box {
	background: url("//ecampus.oregonstate.edu/images/icons/icon-select-list.png") no-repeat right #ffffff;
}
.select-box-black, .osu-orange-bg .select-box {
	background: url("//ecampus.oregonstate.edu/images/icons/icon-select-list-black.png") no-repeat right #ffffff;
}
.select-box-orange select,
.select-box-black select,
.osu-white-bg .select-box select,
.osu-orange-bg .select-box select,
.osu-black-bg .select-box select {
	color: #373737;
}
.select-box-white {
	background: url("//ecampus.oregonstate.edu/images/icons/icon-select-list-white.png") no-repeat right #ffffff;
}
.row-divider {
	display: flex; 
	margin: 10px -20px 0 -20px;
	padding: 0 20px 0 20px;
	text-align: center;
}
.row-divider .ym-g33 {
	border-right: 1px dotted #999;
}
.row-divider .ym-g32 {
	border: none;
}
.row-divider .ym-g33 .callout-box, .row-divider .ym-g32 .callout-box, 
#campaigncontent .row-divider .ym-g33 .callout-box, #campaigncontent .row-divider .ym-g32 .callout-box  { padding: 15px 20px; }
.row-divider .ym-g33 .contact-box, .row-divider .ym-g32 .contact-box { padding: 20px; }
.ym-grid .ym-g33 .question-box, .ym-grid .ym-g32 .question-box { padding: 5px 15px 5px 0; }
.vertical-divider { min-height: 100%; }
.row-program-select { 
	margin: 0 -20px 0 -20px;
	padding: 20px;
	display: inline-block;
	text-align: center;
}
h2.row-program-heading { 
	padding: 10px 10px 10px 20px;
	margin: 20px -20px 0px -20px;
	text-align: center;
}
#campaigncontent .padding-sides-row {
	padding: 0 20px;
}
#campaigncontent .padding-topbot-row {
	padding-top: 50px;
	padding-bottom: 50px;
}
/****************************************************************************************/
/************************************** NEW STYLES **************************************/
/* corp benefits page */
.benefitgroup {
	clear: both;
	display: table;
	table-layout: fixed;
	direction: rtl;
}
.benefitgroup .benefitimage {
	display: table-cell;
	width: 75px;
	height: 75px;
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 10px;
	display: block;
}
.benefitgroup .benefitdetail {
	display: table-cell;
	vertical-align: top;
	direction: ltr;
}
/* tools/search icons */
#toolhead {
	background-color: #ffffff;
	margin-right: 7px;
}
#toolhead .tools {
	display: inline-block;
	background: none;
	border-radius: 0;
	box-shadow: none;
	width: auto;
	float: right;
	z-index: 901;
}
.tools i, .tools span.fa {
	cursor: pointer;
	font-size: 26px; font-size: 2.6rem;
	padding: 0 7px;
	line-height: 50px;
}
.tools li i:hover, .tools li i:active, .tools li i:focus { color: #ffffff; }
#toolhead .tools ul { text-align: right; }
#toolhead .tools .children {
	text-align: left;
	/*right: 0;
	left: auto;*/
}
.search {
  width: 162px;
  max-width: 162px;
  transition: all 0.3s ease;
  position: absolute;
  right: 36px;
  opacity: 1;
}
.search.collapsed {
  max-width: 0;
  opacity: 0;
}
.search.expanded {
  max-width: 162px;
  opacity: 1;
}
#search-input {
	overflow: hidden;
}
#search-input input {
	width: 155px;
	height: 24px;
	margin-top: 12px;
	margin-bottom: 14px; /* This margin makes it so the other tool dropdowns below the input don't expand on hover. */
	padding: 0 0 0 5px;
}
#search-input .btn-search {
	display: none;
	color: transparent;
  cursor: pointer;
  font: 0px/0 a;
  position: absolute;
  right: 1px;
	top: 1px;
  text-shadow: none;
  width: 40px;
	background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjUwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAgNTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBkPSJNNDMuNyw0OC45NDdsLTEwLjg1LTkuMzk4Yy0zLjUsMi4xOTgtNy40NSwzLjI0OS0xMS40MDEsMy4yNDljLTUuNSwwLTEwLjk1LTIuMDQ5LTE1LjE0OS02LjI0OQoJYy00LjE1LTQuMi02LjMtOS42NTEtNi4zLTE1LjE1MWMwLTUuNSwyLjE0OS0xMC45OTgsNi4zLTE1LjE0OUMxMC41LDIuMDUsMTUuOTQ5LDAsMjEuNDQ5LDBjNS41LDAsMTAuOTk5LDIuMDUsMTUuMTUxLDYuMjQ5CgljNC4xOTksNC4xOTksNi4yNDksOS42NDgsNi4yNDksMTUuMTQ5YzAsMy45NTEtMS4wNTEsNy45LTMuMjUsMTEuNDAybDkuNCwxMC44NWMwLjYwMSwwLjgsMS4wMDIsMS41NDksMS4wMDIsMi4zCgljMCwwLjY5OS0wLjMwMiwxLjM1LTEuMDUxLDIuMDk5bC0wLjg1MSwwLjg1Yy0wLjc0OSwwLjc0OS0xLjQsMS4wNTEtMi4xLDEuMDUxQzQ1LjI1LDQ5Ljk0OSw0NC41LDQ5LjU0OCw0My43LDQ4Ljk0N3oKCSBNMzIuNzk5LDMyLjc0OGMzLjE0OS0zLjE0OCw0Ljc1LTcuMjUxLDQuNzUtMTEuMzVzLTEuNi04LjI0OC00Ljc1LTExLjM0OGMtMy4xLTMuMTUxLTcuMjUtNC43NTEtMTEuMzUtNC43NTEKCWMtNC4xLDAtOC4yLDEuNi0xMS4zNDksNC43NTFjLTMuMTUxLDMuMS00LjcsNy4yNDktNC43LDExLjM0OHMxLjU0OSw4LjIwMiw0LjcsMTEuMzVjMy4xNDksMy4xNTEsNy4yNDksNC43NTIsMTEuMzQ5LDQuNzUyCglDMjUuNTQ4LDM3LjUsMjkuNjk5LDM1Ljg5OSwzMi43OTksMzIuNzQ4eiIvPgo8L3N2Zz4K");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
	padding: 0;
}
.search-display {
	cursor: pointer;
}
#searchform {
	margin-bottom: 20px;
}
#searchform .inputtext {
	height: 20px;
}
.nav_has_children:hover .up-arrow, .nav_has_children:active .up-arrow, .nav_has_children:focus .up-arrow, .nav_has_children.hover .up-arrow {
	display: block;
	left: 43%;
}
.mainmenu {
	z-index: 100;
}
.submenu {
	z-index: 101;
	width: 100%;
	border-radius: 1px;
	box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3);
	overflow: visible;
	position: relative;
}
.submenu ul {
	height: auto;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', 'Arial', sans-serif, 'Helvetica', 'Verdana', 'Geneva', 'Trebuchet MS', 'Tahoma';
	text-align: left;
}
.submenu ul li {
	display: inline-block;
	margin: 11px 10px 10px;
	color: #252525;
	position: relative;
	margin: 0;
	line-height: 40px;
	clear: both;
}
.submenu ul li a {
	color: #000000;
	padding: 0 10px;
	display: block;
}
.submenu ul li ul li {
  line-height: 30px;
}
.submenu ul:hover > li.sub a {
	/* turn all submenu links gray on hover, using selector */
	color: #888888;
}
#toolhead .submenu ul:hover > li.sub a {
	/* turn all tool links black on hover, using selector */
	color: #000000;
}

#toolhead .submenu ul li.nav_item.lvl1 a.link-icon:hover,
#toolhead .submenu ul li.nav_item.lvl1 a.link-icon:active,
#toolhead .submenu ul li.nav_item.lvl1 a.link-icon:focus {
	/* keeps the tools menu icons without background color on hover */
	color: #000000;
	background: none;
}
#toolhead .submenu ul li a.link-icon {
	padding: 0;
}
.submenu ul li.page_item_has_children:hover .nav_head a {
	/* keeps the submenu parent link black */
	color: #252525;
}
.submenu ul li.page_item_has_children:hover .children a {
	/* keeps the submenu children links black */
	color: #252525;
}
.submenu ul:hover > li.sub a:before {
	/* remove all submenu highlights on hover, using selector */
	background-color: transparent;
	height: 0;
}
.submenu ul li.sub a:hover {
	/* turn submenu link (back to) black on hover */
	color: #252525;
}
.submenu ul li.sub a:hover:before {
	/* add orange submenu highlight on hover */
	background-color: #d73f09;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
}
.submenu ul li.sub-active a:before {
	/* add orange submenu highlight if active page */
	background-color: #d73f09;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
}
.submenu li a:hover, .submenu li a:active, .submenu li a:focus, .submenu li a.hover {
	text-decoration: none;
}
.submenu li.site_home a {
	color: #d73f09;
	font-size: 16px; font-size: 1.6rem;
}
.submenu .nav_icon {
	width: 25px;
	display: inline-block;
	text-align: center;
}
#secondary_nav_menu .lvl1.site_home a:after {
	content: " |";
	margin-left: 15px;
	color: #252525;
}
.page_item_has_children.no-label a:after, .page_item_has_children a span:after {
	font-family: 'FontAwesome';
	content: "\f107";
	font-weight: normal;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	visibility: inherit;
	text-transform: none;
	font-size: 10px; font-size: 1rem;
	position: absolute;
	margin-left: 6px;
}
.page_item_has_children.no-label .children a:after, .page_item_has_children .children a span:after {
	content: "";
}
#secondary_nav_menu .page_item_has_children {
	padding: 0 10px 0 0;
}
.subtabarrow:hover .up-arrow, .subtabarrow:active .up-arrow, .subtabarrow:focus .up-arrow {
	display: none;
}
.subtabarrow .up-arrow {
	display: inherit;
}
.up-arrow {
	display: none;
}
.up-arrow {
	width: 0px;
	height: 0px;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	bottom: 0px;
	left: 42.5%; /* 47.5% */
}
.mainmenu .up-arrow {
	border-bottom: 5px solid #eeeeee;
}
#tools_menu .up-arrow {
	border-bottom: 5px solid #ffffff;
}
#tools_menu .children { background-color: #ffffff; }
#tools_menu ul {
	font-size: 12px; font-size: 1.2rem;
}
#subnav, #subnav .children { background-color: #eeeeee; }
#subnav .children, #tools_menu .children {
	position: absolute;
	z-index: 99;
	min-width: 100%;
	white-space: nowrap;
	width: auto;
	overflow: hidden;
	box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3);
}
#subnav .children li, #tools_menu .children li {
	display: block;
	float: left;
	padding: 0;
	width: 100%;
}
.page_item_has_children:hover .children,
.nav_has_children:hover .children, .nav_has_children:active .children, .nav_has_children:focus .children, .nav_has_children.hover .children {
	display: block;
	max-height: 999px;
}
.submenu ul:hover > li.lvl2 a {
	/* keep all submenu child links black unless hovered */
	color: #252525;
}
.submenu ul:hover > li.lvl2 a:hover, .submenu ul > li.lvl2 a:active, .submenu ul > li.lvl2 a:focus {
	/* turn submenu child links white-on-orange on hover */
	background-color: #d73f09;
	color: #ffffff;
	width: 100%;
	text-decoration: none;
}
#secondary_nav_menu #osu-logo-fixed {
	display: none;
}
#secondary_nav_menu #osu-logo-fixed img {
	margin-bottom: -16px;
	/* margin-left: 10px; */
}
#secondary_nav_menu #osu-logo-fixed.fixed {
	display: inline;
}
#tools_menu ul li.sub a:hover:before {
	background-color: #000000;
	height: 0;
}
#toolhead .submenu ul:hover > li.sub a:hover, #toolhead .submenu a:active, #toolhead .submenu a:focus {
	color: #ffffff;
	background-color: #000000;
}
/****************************************************************************************/
/******************************* HOMEPAGE/CAMPAIGN STYLES *******************************/
/*----------------------------------------
General homepage
----------------------------------------*/
.row-wrapper-fluid {
	max-width: 100%;
}
.row-wrapper-fixed {
	max-width: 1280px;
	margin: 0 auto;
}
.row-wrapper-spacing {
	margin: 24px 20px 50px;
}
/*----------------------------------------
Hero row
----------------------------------------*/
.aspect-wrapper { position: relative; }
.aspect-4x3 { padding-bottom: 75%; }
.aspect-3x2 { padding-bottom: 66.666%; }
.aspect-16x9 { padding-bottom: 56.25%; }
.aspect-630x358 { padding-bottom: 56.8253968%; }
.aspect-1280x550 { padding-bottom: 42.96875%; }
.aspect-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.aspect-content-bg {
	background-image: none;
	background-size: cover;
	vertical-align: middle;
}
#row-hero {
	background-color: #ffffff;
}
img.hero {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.hero-caption-container {
	position: relative;
}
.hero-caption {
	position: absolute;
	z-index: 100;
	right: 0;
	bottom: 25px;
	max-width: 200px;
	background: #ffffff;
	opacity: 0.75;
	color: #000000;
	padding: 10px 20px 10px 15px;
	text-shadow: 0 0 15px rgba(245, 242, 237, 1);
}
.hero-caption p {
	margin: 0;
	padding: 0;
}
.hero-caption a, .hero-caption a:link, .hero-caption a:visited, .hero-caption a:hover, .hero-caption a:focus {
	color: #252525;
}
.tagline-container {
	max-width: 365px;
	position: absolute;
	top: 200px; /*top: 190px;*/ /*top: 9%;*/
	margin-left: 6%;
}
.tagline-container-absolute {
	position: absolute;
}
.tagline-container-relative {
	position: relative;
	top: 0 !important;
	margin-left: 8.5%;
}
.tagline-container .tagline-text {
	margin: 0 auto;
	text-align: center;
}
.tagline-container-relative .tagline-text,
.tagline-container-relative .tagline-border {
	margin: 0;
}
.tagline-container .tagline-border {
	margin: 0 auto;
	text-align: center;
	width: 195px;
	border-bottom: 5px solid #d73f09;
}
.tagline-container .tagline-text h1 {
	color: #ffffff;
	font-size: 48px; font-size: 4.8rem;
	margin-bottom: 14px;
	text-shadow: 0 0 6px rgba(0,0,0,0.3)
}
.tagline-container-relative .tagline-text h1 {
	padding-top: 0;
}
.tagline-container object, .tagline-container img {
	margin-bottom: 20px;
}
object.tagline, img.tagline {
	width: 77%;
	max-width: 370px;
	max-height: 190px;
	padding: 0 45px;
	margin: 0 auto;
	display: block;
}
.tagline-container .tagline-image img.tagline {
	padding: 0;
}
.us-news-badge {
	margin-top: 8%;
	position: relative;
}
.us-news-badge-center {
	text-align: center;
}
.us-news-badge img {
	float: left;
	margin: 6px 21px 6px 6px;
}
.us-news-badge-center img {
	float: inherit;
	margin: 0 auto;
}
.us-news-badge p {
	font-size: 13px; font-size: 1.3rem;
	position: absolute;
	top: 50%;
	left: 43%;
	margin: 5% 0 0;
}
.us-news-badge-mobile {
	display: none;
	float: left;
	width: 100%;
	background-color: rgba(245, 242, 237, 1);
	padding: 10px 0;
}
.us-news-badge-desktop.us-news-badge-mobile {
	display: inline-block;
}
.us-news-badge-mobile img {
	float: left;
	/*padding-left: 9%;*/
	padding: 5px 0 5px 9%;
	margin-right: 15px;
}
.ym-g50 .us-news-badge-mobile img {
	padding-left: 15px;
}
.us-news-badge-mobile p {
	margin: 0;
	font-size: 13px; font-size: 1.3rem;
	display: table-cell;
	padding: 5% 20px 20px 0;
}
.arrow-container {
	position: relative;
	margin: 0 auto;
}
.arrow-down {
	width: 100%;
	display: table;
	position: absolute;
	bottom: 10px;
	margin: 0 auto;
	text-align: center;
}
a.chevron-down {
	color: #ffffff;
	font-size: 40px; font-size: 4.0rem;
	text-decoration: none;
	opacity: 0.8;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
a.chevron-down:hover, a.chevron-down:focus {
	opacity: 1;
}
/*----------------------------------------
Program select & carousel/slick row
----------------------------------------*/
#homecontent h2.row-program-heading, #campaigncontent h2.row-program-heading {
	padding: 50px 10px 25px;
	margin: 0;
}
#homecontent h2.row-program-heading {
	background-color: #d73f09;
	color: #ffffff;
}
#campaigncontent h2.row-program-heading {
	background-color: #f5f2ed;
	color: #252525;
}
#homecontent .row-program .row-program-select h3, #campaigncontent .row-program .row-program-select h3 {
	color: #ffffff;
}
#homecontent .row-program-container, #campaigncontent .row-program-container {
	margin: 0;
	padding: 0;
}
#homecontent .row-program-container {
	background-color: #d73f09;
	color: #252525;
}
#homecontent .row-program .row-program-select, #campaigncontent .row-program .row-program-select {
	margin: 0;
	padding: 20px 0;
}
#homecontent .row-program .row-divider, #campaigncontent .row-program .row-divider {
	margin: 0;
	padding: 0;
	border-top: none;
}
#homecontent .row-divider .ym-gbox-left, #homecontent .row-divider .ym-gbox-right,
#campaigncontent .row-divider .ym-gbox-left, #campaigncontent .row-divider .ym-gbox-right {
	padding: 15px 0;
}
#homecontent .select-box, #campaigncontent .select-box {
	border: none;
}
#homecontent #program-carousel, #campaigncontent #program-carousel {
	padding-bottom: 20px;
}
.slider {
	width: 100%;
	margin: 20px auto;
}
.slick-slide {
	margin: 0px 10px;
	position: relative;
}
.slick-slide img {
	max-width: 570px;
	width: 100%;
	opacity: 0.5;
	-webkit-transition: opacity 1s; /* Safari */
	transition: opacity 1s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
div.slick-slide {
	background: #d73f09;
}
.slick-slide h2 {
	top: 10%;
}
.slick-slide h3.button {
	margin-bottom: 0;
	bottom: 30px;
}
.slick-slide h2, .slick-slide h3.button {
	opacity: 0;
	position: absolute;
	text-align: left;
	left: 30px;
	-webkit-transition: opacity 1s; /* Safari */
	transition: opacity 1s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
.slick-slide h2 span { /*https://css-tricks.com/text-blocks-over-image/*/
	color: white;
	font-family: 'Stratum2WebMedium', 'Open Sans', 'Arial', sans-serif, 'Helvetica', 'Verdana', 'Geneva', 'Trebuchet MS', 'Tahoma';
	font-size: 14px; font-size: 1.4rem;
	font-weight: normal;
	/*letter-spacing: -1px;*/
	/*background: rgb(0, 0, 0);*/ /* fallback color */
	/*background: rgba(0, 0, 0, 0.6);
	padding: 10px;*/
	text-shadow: 0px 0px 14px rgba(0, 0, 0, 0.8);
}
.slick-current img, .slick-current h2, .slick-current h3.button, .slick-active h2, .slick-active h3.button {
	opacity: 1;
	-webkit-transition: opacity 1s; /* Safari */
	transition: opacity 1s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
.slick-prev:before, .slick-next:before {
	color: black;
}
.slick-dots {
	bottom: auto;
}
.slick-dots li button {
	height: 50px;
}
.slick-dots li button:before {
	content: "■";
	font-size: 30px; font-size: 3.0rem;
	line-height: 1.2;
}
.osu-white-bg .slick-dots li button:before {
	color: #d73f09;
	opacity: 0.33;
}
.slick-dots li.slick-active button:before {
	color: #ffffff;
	opacity: 1;
}
.osu-white-bg .slick-dots li.slick-active button:before {
	color: #d73f09;
	opacity: 1;
}
.slick-dotted.slick-slider {
	margin-bottom: 50px;
}
.slick-arrow {
	position: absolute;
	z-index: 10;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	background: none;
	cursor: pointer;
	font-size: 45px; font-size: 4.5rem;
	outline: none;
	width: 45px;
	height: 45px;
	color: #ffffff;
	opacity: 0.75;
}
.slick-arrow:hover {
	opacity: 1;
}
.fa-chevron-left.slick-arrow {
	left: 10px;
}
.fa-chevron-right.slick-arrow {
	left: auto;
	right: 10px;
}
/*----------------------------------------
Two boxes (content) rows
----------------------------------------*/
#homecontent .ym-equalize .ym-gl {
	padding-bottom: 70px;
}
#campaigncontent .ym-equalize .ym-gl {
	padding-bottom: 50px;
}
.equalize-bg-fix {
	/* background-color full height fix for Safari/Safari Mobile due to use of ym-equalize in preceding row */
	border-top: solid 1px transparent;
	border-bottom: solid 1px transparent;
}
.content-box {
	text-align: center;
	padding: 70px 30px;
}
.content-box-slim {
	padding: 50px 30px;
}
.content-box h1, .content-box h2, .content-box h3, .content-box p,
.row-hero-media-callout h1, .row-hero-media-callout h3, .row-hero-media-callout p {
	margin-left: 10px;
	margin-right: 10px;
}
.content-box-slim h2 {
	font-size: 20px; font-size: 2.0rem;
}
.content-box h3 {
	font-family: 'Stratum2WebMedium', 'EksjaExtremesRegular';
	color: #373737;
	font-size: 24px; font-size: 2.4rem;
	font-weight: normal;
}
.content-box h3.button {
	font-family: 'Open Sans', 'EksjaExtremesRegular';
}
.content-box .iconbox h3 {
	font-family: 'Arial', sans-serif, 'Helvetica', 'Verdana', 'Geneva', 'Trebuchet MS', 'Tahoma';
	font-size: 16px; font-size: 1.6rem;
	font-weight: bold;
}
.content-box h3.button {
	font-size: 15px; font-size: 1.5rem;
}
.content-box .button {
	margin: 0 auto;
}
.row-hero-media-callout .button {
	margin: 0 0 0 10px;
}
.content-box-slim p:last-of-type {
	margin-bottom: 0;
}
.calendar-box {
	background-color: #d1d9df;
}
.calendar-box br:nth-child(n+2) {
	display: none;
}
#campaigncontent .row-divider .content-box div {
	padding: 50px;
}
#campaigncontent .row-divider .content-box h1 {
	text-align: left;
	color: #252525;
	padding-top: 0;
	margin: 0 0 10px 0;
}
#campaigncontent .row-divider .content-box h2 {
	margin-bottom: 40px;
}
#campaigncontent .row-divider .content-box h3.button-white {
	font-size: 16px; font-size: 1.6rem;
	/*font-size: 14px;
	text-transform: uppercase;*/
	padding: 10px;
}
#campaigncontent .row-divider .content-box p {
	text-align: left;
	margin: 0;
}
.vertcenter-container {
	height: 100%;
	vertical-align: middle !important;
	padding: 0 !important;
}
.vertcenter-outer {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}
.vertcenter-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	margin-right: auto;
}
.vertcenter-content {
	display: inline-block;
	position: relative;
}
.cell-direction {
	direction: rtl;
}
/*----------------------------------------
Content box note
----------------------------------------*/
.linearize-level-2 .content-box-note {
	max-width: 460px;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	margin: auto;
}
.content-box-note .headline, .content-box .headline, .headline-row {
	font-size: 26px; font-size: 2.6rem;
	color: #003b5c;  /* #29516f */
	margin-bottom: 30px;
	font-weight: normal;
}
.content-box .headline, .headline-row {
	text-align: center;
}
.content-box-note p {
	line-height: 1.8;
	max-width: 350px;
	margin: auto;
	margin-bottom: 30px;
}
.content-box-note .button a {
	color: #fff;
	font-size: 16px; font-size: 1.6rem;
}
/*----------------------------------------
Infographic row
----------------------------------------*/
#row-infographic, .row-infographic {
	margin: 0;
	padding: 35px 0 35px;
}
#row-infographic h4, .row-infographic h4 {
	font-weight: normal;
	text-align: center;
}
.infographic-value {
	font-family: georgia, serif;
	font-size: 25px; font-size: 2.5rem; /* 2em */
	/*color: #252525;
	text-shadow: -1px -1px 0 #ffffff,
							 1px -1px 0 #ffffff,
							 -1px 1px 0 #ffffff,
							 1px 1px 0 #ffffff;*/
}
.infographic-box span {
	line-height: 1.3;
}
.infographic-value-left {
	float: left;
	padding: 0 15px 0 0;
}
.infographic-text-left {
	display: flex;
}
.infographic-value-left p {
	margin: 0;
	line-height: 1.2;
}
/*----------------------------------------
News row
----------------------------------------*/
#row-news {
	margin: 0 15px;
	padding: 0;
	display: flex;
}
#row-news .ym-g33 .news-box {
	margin: 55px 15px 60px 15px;
	padding: 0;
	background-color: #000000;
}
#row-news img, #row-leaders img {
	width: 100%;
	margin-bottom: 0;
	max-width: 100%;
	height: auto;
	opacity: 1;
	-webkit-transition: opacity 0.5s; /* Safari */
	transition: opacity 0.5s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
#row-news img:hover, #row-news img.play-underlay-hover,
#row-leaders img:hover {
	opacity: 0.5;
	-webkit-transition: opacity 0.5s; /* Safari */
	transition: opacity 0.5s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
#row-news i:hover {
	text-decoration: none;
}
#row-news .row-news-heading {
	margin: 0;
	padding: 10px 0 0;
}
#homecontent h2.row-news-heading, #campaigncontent h2.row-news-heading {
	background-color: #d73f09;
	color: #ffffff;
	text-align: center;
}
#row-news .row-divider .ym-g33 {
	border: none;
	margin: 30px 15px 0 15px;
}
.news-box-media {
	position: relative;
}
img.play-overlay {
	position: absolute;
	top: 0;
}
#featurednews { padding: 20px 15px 10px 15px; }
#featurednews h2 {
	text-align: center;
	padding: 10px 0 0;
}
#featurednews h2 a { color: #fff; }
#featurednews .aspect-link, #relatednews .aspect-link {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	cursor: pointer;
}
.row-news-block {
	margin-left: 15px;
	margin-right: 15px;
  padding: 0;
}
.row-news-block p.more-news {
	margin-top: 20px;
	padding-bottom: 0;
	border-bottom: 0 none;
	text-align: center;
	font-size: 14px; font-size: 1.4rem;
}
p.more-news a, p.more-news a:link, p.more-news a:visited, p.more-news a:hover, p.more-news a:focus {
	color: #000;
}
/*----------------------------------------
Program cards
----------------------------------------*/
.ym-g33.program-card {
	width: 33.333%; /* formerly 31.13% */
	border: none;
	margin: 10px;
	padding: 0;
}
.ym-g50.program-card {
	width: 50%;
	border: none;
	margin: 10px;
	padding: 0;
}
.program-card .callout-box h3 {
	margin-top: 5px;
	text-align: center;
}
.program-card .callout-box p {
	text-align: left;
	line-height: 1.6;
}
/*----------------------------------------
hero-media row, media row
----------------------------------------*/
#campaigncontent .row-hero-media .ym-equalize .ym-gl,
#campaigncontent .row-media .ym-equalize .ym-gl {
	/*padding-bottom: 10px;*/
	padding-bottom: 0;
}
/* hero-media row */
.row-hero-media {
	padding: 50px;
	background-image: none;
	background-size: cover;
}
.row-hero-media-image-wrapper {
	position: relative;
	overflow: hidden;
	margin-top: 20px;
}
.row-hero-media-image {
	padding: 0;
	text-align: right;
	margin-left: 0;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: none;
	cursor: pointer;
	max-width: 630px;
	max-height: 358px;
}
.row-hero-media-callout {
	text-align: left;
	color: #fff;
	max-width: 450px;
	padding: 0;
	overflow: visible;
	margin-left: 30px;
}
.row-hero-media-callout .headline {
	color: #ffffff !important;
	font-size: 30px !important; font-size: 3.0rem !important;
	padding-top: 0;
}
.row-hero-media-callout p {
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.7;
}
.row-hero-media-callout .button {
	/*margin-left: 10px;*/
	padding: 10px 15px;
}
.row-hero-media-callout .button a {
	color: #252525;
}
/* media row */
.row-media-noleft {
	margin-left: 0 !important;
}
.row-media {
	/*background-image: linear-gradient(to right, #f5f2ed, #f5f2ed 50%, #f5f2ed 50%);*/
	background-color: #f5f2ed;
}
.row-media-callout {
	padding: 20px 20px 0 20px;
}
.row-media-callout .content-box-note {
	text-align: left;
}
.row-media-callout .button {
	margin-bottom: 50px;
}
.row-media-image {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-color: #f5f2ed;
	cursor: pointer;
}
.row-media-image.play-overlay, .row-hero-media-image.play-overlay {
	color: rgba(188,73,27,0.8);
	text-align: center;
	vertical-align: middle;
	font-size: 250px; font-size: 25.0rem;
	opacity: 0.9;
	line-height: 1.8;
}
.play-overlay a {
	transition: color 0.5s;
}
.row-media-image.play-overlay a:link, .row-media-image.play-overlay a:visited,
.row-hero-media-image.play-overlay a:link, .row-hero-media-image.play-overlay a:visited {
	color: rgba(188,73,27,0.8);
	text-decoration: none;
}
.row-media-image.play-overlay a:hover, .row-media-image.play-overlay a:active, .row-media-image.play-overlay a:focus,
.row-hero-media-image.play-overlay a:hover, .row-media-image.play-overlay:hover a, .row-hero-media-image.play-overlay a:active, .row-hero-media-image.play-overlay a:focus {
	color: rgba(97,80,66,0.8);
	text-decoration: none;
}
.row-hero-media-image.play-overlay:hover a, .row-hero-media-image.play-overlay a:hover {
	color: rgba(255,255,255,0.8);
}
/*----------------------------------------
showcase row/image grid
----------------------------------------*/
#showcase {
	padding: 30px;
}
.showcase.headline {
	font-size: 26px; font-size: 2.6rem;
	color: #003b5c;  /* #29516f */
	margin-bottom: 30px;
	margin-top: 30px;
}
#showmore {
	position: relative;
	margin: -15px auto 25px auto;
	background: #eee;
	color: #666;
}
#showmore:hover {
	background: #ddd;
}
#showbreak {
	border-top: 1px solid #eee;
	width: 47%;
	margin: auto;
	margin-top: 20px;
}
.image-grid {
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 100%;
	width: 100%;
	background: none repeat scroll 0 0 #f5f2ed;
	/*border-bottom: 1px solid #c9c1b8;*/
	margin-bottom: 10px;
}
.image-grid h3 {
	color: #111;
	font-weight: 600;
	/*font-size: 17px;*/
	margin-bottom: 0;
	padding: 10px 15px 0 15px;
}
.image-grid p {
	margin-bottom: 0;
	padding: 15px;
	min-height: 75px;
	line-height: 1.6;
}
.image-grid img[width="300"] {
	max-width: 100%;
	width: auto;
	height: auto;
}
.image-footnote:before {
	content: "\00a0\00a0\00a0\00a0";
}
.image-footnote {
	font-size: 11px; font-size: 1.1rem;
	color: #999;
	padding-right: 5px;
	margin-bottom: 30px;
}
.grid-rightpad {
	padding: 0 20px 0 0;
}
.grid-noright {
	padding-right: 0;
}
.image-grid img, img.logo-effect {
	transition: opacity 0.7s;
}
.image-grid img:hover, img.logo-effect:hover {
	opacity: 0.7;
}
/*----------------------------------------
course demo
----------------------------------------*/
#course-demo img {
	display: inline-block;
	width: 305px;
	max-width: 100%;
	height: auto;
}
#course-demo-callout {
	color: #fff;
	display: inline-block;
	font-size: 32px; font-size: 3.2rem;
	vertical-align: top;
	margin-top: 30px;
	line-height: 1.3;
}
#course-demo a {
	text-decoration: none;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
#course-demo a:hover {
	opacity: 0.5;
}
#course-demo .arrow-right {
	border-color: transparent #fff;
	border-width: 10px 0 10px 17.3px;
}
/*----------------------------------------
arrows, play buttons, etc.
----------------------------------------*/
.zebra, .coursedetailwrap {
	width: 100%;
	overflow-y: auto;
	_overflow: auto;	
}
.zebra::-webkit-scrollbar, .coursedetailwrap::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}
.zebra::-webkit-scrollbar-thumb, .coursedetailwrap::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}
.coursedetailwrap {
	margin-bottom: 20px;
}
.coursedetail td, .coursedetail th {
	padding: 5px;
	vertical-align: middle;
}
.coursedetail th {
	padding: 3px;
	text-align: center;
}
.coursedetail td[data-type="int"] {
	text-align: center;
	white-space: nowrap;
}
.coursedetail td[data-type="text"] {
	line-height: 1.5;
	font-size: 11px;
	padding: 5px;
}
.coursedetail tr:first-child {
	background-color: #ccc;
}
.arrow-right {
	display: inline-block;
	border-color: transparent #252525;
	border-style: solid;
	border-width: 6px 0 6px 10.4px;
	height: 0;
	width: 0;
	margin-left: 5px;
}
.content-box-note .arrow-right {
	border-color: transparent #fff;
}
.play-button-center {
  width: 20%;
  height: 20%;
  margin: auto;
  position: absolute;
  top: 50%; left: 50%;
  -webkit-transform: translate(-50%,-50%);
		  -ms-transform: translate(-50%,-50%);
					transform: translate(-50%,-50%);
}
.play-button-circle {
  display: block;
  width: 20%;
  height: 0;
  padding-bottom: 20%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(0,0,0,.6);
  position: relative;
  border: 2px solid #fff;
  margin: auto;
  position: absolute;
  top: 48%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
					transform: translate(-50%,-50%);
  transition: background-color .5s, border .5s;
}
.play-button-triangle {
	display: block;
	position: absolute;
	top: 15%;
	left: 35%;
	width: 0;
	height: 0;
	padding-top: 35%;
	padding-bottom: 35%;
	padding-left: 40.4145%;
	overflow: hidden;
	transform:scale(1);
	transition: border-color .5s;
}
.play-button-triangle:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin-top: -156px;
	margin-left: -300px;
	border-top: 156px solid transparent;
 	border-bottom: 156px solid transparent;
	border-left: 300px solid #fff;
	transition: border-color .5s;
}
.play-overlay:hover .play-button-circle, .playbox:hover .play-button-circle {
	background-color: rgba(0,0,0,.8);
	border: 2px solid #d73f09;
}
.play-overlay:hover .play-button-triangle:after, .playbox:hover .play-button-triangle:after {
	border-left: 300px solid #d73f09;
}
.row-hero-media-image.play-overlay .play-button-circle {
	width: 15%;
	padding-bottom: 15%;
}
.row-media-image.play-overlay a .play-button-circle {
	width: 110px;
	padding-bottom: 110px;
}
/*----------------------------------------
Lead story after hero image
----------------------------------------*/
.row-lead {
	text-align: left;
	max-width: 640px;
	margin: 40px auto 60px;
}
.row-lead h2 {
	 margin: 0 auto 30px;
}
/*----------------------------------------
Numbered row with facts
----------------------------------------*/
#campaigncontent .row-numbered-facts {
	text-align: left;
	padding: 50px 0 20px 0;
}
#campaigncontent .row-numbered-facts .ym-gbox {
	display: inline-block;
	vertical-align: middle;
}
#campaigncontent .row-numbered-facts h2 {
	text-align: center;
	margin: 0;
	padding: 0;
}
#campaigncontent .row-numbered-facts p {
	margin-bottom: 0;
}
#campaigncontent .row-numbered-facts .ym-gbox {
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
}
/* Radius form* */
#iwdf-control-44,
#iwdf-control-104,
#iwdf-control-106,
#iwdf-control-108,
#iwdf-control-110,
#iwdf-control-112, 
#iwdf-control-114,
.iwdf-check {
    margin-top: 5px;
    position: relative;
    padding-top: 0 !important;
}
#iwdf-control-44 .inline-block-div,
#iwdf-control-104 .inline-block-div, 
#iwdf-control-106 .inline-block-div, 
#iwdf-control-108 .inline-block-div, 
#iwdf-control-110 .inline-block-div, 
#iwdf-control-112 .inline-block-div, 
#iwdf-control-114 .inline-block-div,
.iwdf-check .inline-block-div {
    position: absolute;
    top: 0;
    left: 0;
}
#iwdf-control-44 label,
#iwdf-control-104 label,
#iwdf-control-106 label,
#iwdf-control-108 label,
#iwdf-control-110 label,
#iwdf-control-112 label, 
#iwdf-control-114 label,
.iwdf-check label {
    float: none;
    width: auto !important;
    margin-left: 20px;
}
#iwdf-control-44 .inputbutton,
#iwdf-control-104 .inputbutton,
#iwdf-control-106 .inputbutton,
#iwdf-control-108 .inputbutton,
#iwdf-control-110 .inputbutton,
#iwdf-control-112 .inputbutton, 
#iwdf-control-114 .inputbutton,
.iwdf-check .inputbutton {
    float: none;
    margin: 0;
}
#iwdf-control-104 {
    margin-top: 15px;
}
.field-control p.note, #iwdf-control-64 span {
	font-size: 14px;
	font-size: 1.4rem;
	color: #666 !important;
 }
#iwdf-control-64 span {
	 margin: 5px 0 0;
	 display: block;
 }
#iwdf-control-26 select {
	width: 5em !important;
}
.field-control label {
   margin-bottom: 3px;   
   font-size: 14px;
   font-size: 1.4rem;
   font-weight: 600;
}
.field-control input[type='text'] {
	text-indent: 5px;   
}
.field-control input, .field-control select {
   padding: 6px 0;
   font-size: 14px;
   font-size: 1.4rem;
   max-width: 100%;
   border: 1px solid #ABB0B2;
}
.dynamic-form-required.legend {
   font-size: 14px;
   font-size: 1.4rem;
}
.field-control select {
   width: 20em !important;
}
button.fg-button {
    padding: 10px 15px !important;
    font-weight: 600;
}
/* SOC forms */
#bcc label, #cla label {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	margin-top: 15px;
}
#bcc select, #cla select {
	margin-top: 5px;
	font-size: 16px;
	font-size: 1.6rem;
	max-width: 100%;
}
#bcc input[type="submit"], #cla input[type="submit"] {
	margin-top: 15px;
}
/*----------------------------------------
Application calendar table
----------------------------------------*/
.application-calendar {
	margin-top: 20px;
}
.application-calendar table {
	border-top: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
	margin: auto;
	display: table !important;
	margin: auto;
	width: 100%;
	max-width: 100%;
}
.application-calendar th, .application-calendar td {
	padding: 10px 15px;
}
.application-calendar th {
	background-color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
}
.application-calendar td {
	text-align: left;
	font-size: 14px;
}
.application-calendar .term {
	text-align: left;
}
.application-calendar .odd {
	background-color: #eee;
}
.application-calendar .even {
	background-color: #fff;
}
.application-calendar .disclaimer {
	font-size: 12px !important;
	margin: 15px auto auto auto;
}
/* cluster landing pages */
.clusterlanding #office_hours_notice p {
    font-size: 1.4rem;
}
/* credly badges for microcredentials */
.credlyBadgeMobile {
	display: none;
 }
.credlyBadgeNav {
	max-width: 80%;
	margin: auto;
	margin-top: 30px;
	margin-right: 0;
	display: block;
	height: auto;
}
/****************************************************************************************/
/************************************* MEDIA QUERIES ************************************/
@media screen {
	#mainwrap .titlebanner { background: none; width: 100%; height: 100px; }
	#mainwrap .titlebanner .banner-logo { background: url("//ecampus.oregonstate.edu/includes/2018/images/wordmark.png") no-repeat; width: 330px; height: 80px; margin: 0 0 0 250px; }
	#mainwrap #osu-tag {
		top: 0;
		left: 0;
		width: 250px;
		height: 80px;
		margin: 10px;
	}
}
/****************************************************************************************/
/************************************* WIDTH > 640px ************************************/
@media screen and ( min-width: 640px ) {
	#request-info .button {
		background: none !important;
		color: #d73f09;
		margin-top: -29px;
		padding: 0;
	}
	#request-info .button a { color: #ffffff;; text-decoration: none; }
	#request-info .button a:hover, #request-info .button a:hover a:active, #request-info .button a:focus {
		color: #ffffff;
		text-decoration: underline;
	}
}
/****************************************************************************************/
/************************************* WIDTH > 760px ************************************/
@media screen and ( min-width: 760px ) {
	#request-info .button {
		margin-top: -32px;
	}
}
/****************************************************************************************/
/************************************* WIDTH > 960px ************************************/
@media screen and ( min-width: 960px ) {
	.three-column {
		max-width: 638px;
	}
	.three-column-home {
		margin: 20px 0 10px -20px;
	}
	.textBox-request {
		position: absolute;
		width: 200px;
		height: 166px;
		top: 59px;
		left: 710px;
	}
	h1.row-title, .row-intro p, .row-intro h2, .row-intro h3 {
		margin-left: 10px;
	}
	img#top-ranked-logo {
		margin: -45px 40px 0 0;
	}
	img#top-ranked-logo-fixed {
		position: absolute;
		width: 141px;
		height: 133px;
		top: 106px;
		left: 773px;
	}
	.us-news-badge.more-left p { 
		left: 46%;
	}
	.ym-col3 .promobox { display: none; }
}
/****************************************************************************************/
/************************************* WIDTH > 980px ************************************/
@media screen and ( min-width: 980px ) {
	#request-info {
		padding: 0 11px 0 0;
	}
}
/****************************************************************************************/
/************************************* WIDTH < 977px ************************************/
@media screen and ( max-width: 976px ) {
	.textBox-request {
		left: 690px;
	}
}
/****************************************************************************************/
/************************************* WIDTH < 960px ************************************/
@media screen and ( max-width: 959px ) {
	.content-658 { padding: 0px 20px 0px 10px; }
	#primary_nav_menu .nav_item.lvl1, #secondary_nav_menu .nav_item.lvl1 {
		padding: 0;
	}
	#primary_nav_menu a {
		padding: 0 15.4px;
		display: block;
	}
}
/****************************************************************************************/
/************************************* WIDTH < 760px ************************************/
@media screen and ( max-width: 759px ) {
	.featurebox h3, .featurebox h4 { 
		font-size: 14px; font-size: 1.4rem;
	}
	#primary_nav_menu .nav_item.lvl1, #secondary_nav_menu .nav_item.lvl1 {
		padding: 0;
	}
	#primary_nav_menu a {
		padding: 0 11.5px;
		display: block;
	}
	#secondary_nav_menu .lvl1.site_home a:after {
		margin-left: 7px;
	}
  .submenu ul li a {
		padding: 0 4px;
	}
	.featurebox h3.button {
		font-size: 11px; font-size: 1.1rem;
		line-height: 1.2;
	}
	p.quote-text {
		margin: 0;
		padding: 10px 20px;
	}
	p.quote-attribution {
		margin-top: -10px;
		margin-right: 10px;
	}
	#toolhead .up-arrow {
		border-bottom: 5px solid #eeeeee;
	}
}
/****************************************************************************************/
/************************************* WIDTH < 700px ************************************/
@media screen and ( max-width: 699px ) {
	#mainwrap .titlebanner .banner-logo { background: url("//ecampus.oregonstate.edu/includes/2018/images/wordmark-sm.png") no-repeat; width: 330px; height: 80px; margin: 0 0 0 250px; }
}
/****************************************************************************************/
/************************************* WIDTH < 640px ************************************/
@media screen and ( max-width: 639px ) {
	#mainwrap .titlebanner { background: none; width: 100%; height: 80px; }
	#mainwrap .titlebanner .banner-logo { background: url("//ecampus.oregonstate.edu/includes/2018/images/osu-logo-wordmark-640.png") no-repeat; background-size: 643px; -moz-background-size: 643px; width: 400px; height: 80px; margin: 0; }
	#mainwrap #osu-tag {
		width: 207px;
		height: 80px;
		margin: 0;
		left: 0;
		top: 0;
	}
	.askbtnwrap {
		clear: none;
	}
	div[class="mobile-searchbox"] input[type="checkbox"]:checked ~ div {
		width: auto;	
	}
	.searchbox {
		float: none;	
	}
	.featurebox h3, .featurebox h4 { 
		font-size: 20px; font-size: 2.0rem; /*color: #4e7300;*/
	}
	div.featurebox { 
		height: 100%;
	}
	div.featurebox a i.icon-table { 
		display: inline-block;
	}
	div.featurebox #sessions-chart { 
		display: none;
	}
	.hNavTable {
		display: inline-block;
	}
	/* mobile navigation and search box enhancements */
	.searchbox .searchform { 
		width: auto; 
	}
	#primary_nav_menu, #secondary_nav_menu {
		height: auto;	
	}
	#primary_nav_menu .nav_item.lvl1, #secondary_nav_menu .nav_item.lvl1 {
		background: #373737;
		border-bottom: 1px solid #565656;
		border-left: none;
		margin-right: 0 !important; /* !important to override "margin-right: -5px !important" above */
		padding: 0;
		line-height: 34px;
	}
	#secondary_nav_menu .nav_item.lvl1 {
		border-bottom: 1px solid #aaaaaa;
	}
	#primary_nav_menu .nav_item.lvl1 ul li a, #secondary_nav_menu .nav_item.lvl1 ul li a {
		font-family: 'Open Sans', 'Arial', sans-serif, 'Helvetica', 'Verdana', 'Geneva', 'Trebuchet MS', 'Tahoma';
	}
	#primary_nav_menu a {
		padding: 0;
		display: inline;
	}
	#primary_nav_menu .nav_item.lvl1 a, #secondary_nav_menu .nav_item.lvl1 a {
		padding-left: 20px;
	}
	#primary_nav_menu .nav_item.lvl1.expand {
		background: #565656;
	}	
	#secondary_nav_menu .nav_item.lvl1.expand {
		background: #eeeeee;
	}
	#primary_nav_menu .nav_item.lvl1.expand a:hover {
		color: #ffffff !important;
	}
	#secondary_nav_menu .nav_item.lvl1.expand a:hover {
		color: #252525 !important;
		background: #eeeeee;
	}
	#secondary_nav_menu .nav_item.lvl1.expand .nav_item.lvl2 a:hover {
		color: #ffffff !important;
		background: #d73f09;
	}
	#primary_nav_menu #subtabhighlight a {
		color: #ffffff;
	}		
	#secondary_nav_menu #subtabhighlight a {
		color: #252525;
	}
	#primary_nav_menu .nav_item.lvl1.expand {
		color: #ffffff;
	}
	#secondary_nav_menu .nav_item.lvl1.expand {
		color: #252525;
	}	
	#primary_nav_menu .nav_item.lvl1 ul {
		border-top: 1px solid #565656 !important;
		background: #373737 !important;
		top: -1px;
	}	
	#secondary_nav_menu .nav_item.lvl1 ul {
		border-top: 1px solid #aaaaaa !important;
		background: #ffffff !important;
		top: -1px;
	}
	#primary_nav_menu .nav_item.lvl1 ul li, #secondary_nav_menu .nav_item.lvl1 ul li {
		border-bottom-color: #565656;
	}
	#primary_nav_menu .nav_item.lvl1 ul a {
		color: #ffffff !important;
	}
	#secondary_nav_menu .nav_item.lvl1 ul a {
		color: #252525 !important;
	}
	#primary_nav_menu .nav_item.lvl1.expand a {
		color: #ffffff;
	}	
	#secondary_nav_menu .nav_item.lvl1.expand a {
		color: #252525;
	}
	#primary_nav_menu .nav_item.lvl2, #secondary_nav_menu .nav_item.lvl2 {
		padding-bottom: 1px;	
	}
	#primary_nav_menu .nav_item.lvl2 a, #secondary_nav_menu .nav_item.lvl2 a {
		border-left: 15px solid #aaa;
	}
	#primary_nav_menu .nav_item.lvl1 ul li:hover, #secondary_nav_menu .nav_item.lvl1 ul li:hover {
		background: #d73f09 !important;
	}
	#primary_nav_menu .nav_item.lvl1 ul li:hover a span, #secondary_nav_menu .nav_item.lvl1 ul li:hover a span {
		color: #ffffff !important;
	}
	#primary_nav_menu .nav_item.lvl1:focus ul {
		background: #252525 !important; 
	}
	#secondary_nav_menu .nav_item.lvl1:focus ul {
		background: #ffffff !important;
	}	
	#primary_nav_menu .nav_item.lvl1 .nav_pointer, #secondary_nav_menu .nav_item.lvl1 .nav_pointer {
		margin: 0 15px 0 5px;
		padding: 0;
	}
	#secondary_nav_menu .lvl1.site_home a:after {
		margin-left: 0 !important;
	}
  #subnav.submenu ul li a {
		padding-left: 20px;
	}
	.page_item_has_children.no-label a:after, .page_item_has_children a span:after {
		margin-left: 0;
	}
	#subtabhighlight {
		margin-right: 0 !important;
	}
	#request-info {
		padding: 0 8px 0 0;
	}
	#request-info .button {
		font-size: 14px; font-size: 1.4rem;
		font-weight: normal;
		line-height: 1.5;
		margin: 2px -6px 2px 2px !important;
	}
	#request-info .button a:hover, #request-info .button a:hover a:active, #request-info .button a:focus {
		text-decoration: none;
	}
	.mobile-more {
		padding: 3px 10px;
	}
	.tint {
		background: #ffffff;
	}
	#sidenav {
		padding-left: 0;
	}
	#triangle-bottomright-fixed {
		display: none;	
	}
	.featureSlideCaption {
		width: 80%;	
	}
	#featureSlideOverlay:hover, #featureSlideOverlay:active, #featureSlideOverlay:focus {
		top: 0px;
		height: 100%;
	}
	.textBox-column {
		width: auto !important;
		max-width: 100% !important;
		float: none;
		margin: 10px 0;
	}
	.textBox-request {
		margin-bottom: 20px;
	}
	h1.row-title {
		padding: 12px 0 10px 0;
	}
	img#top-ranked-logo {
		float: right;
		margin: 0 0 10px 10px;
	}
	.row-quote {
		background-color: transparent;
	}
	.quote-text-box, .quote-text-div {
		margin-top: -4px;
		margin-right: 0px;
	}
	.quote-text-box .ym-gbox-right, .quote-text-div .ym-gbox-right {
		background: #f5f2ed;
		padding-left: 19px;
		text-indent: -9px;
	}
	.quote-text-attribution {
		padding: 5px;
		height: auto !important;
	}
	.row-divider {
		display: block;
		margin: 0;
		padding: 0;
	}
	.row-divider .ym-g32, .row-divider .ym-g33 {
		margin: 0;
		padding: 10px 0 10px 0;
		border-right: none;
		border-bottom: 1px dotted #999;
	}
	.row-divider .ym-g33 .callout-box, .row-divider .ym-g32 .callout-box { padding: 0 5px; }
	.row-divider .ym-g33 .contact-box, .row-divider .ym-g32 .contact-box { padding: 15px; }
	.ym-grid .ym-g33 .question-box, .ym-grid .ym-g32 .question-box { padding: 5px; }
	.row-divider h3, #homecontent .ym-equalize h3, #campaigncontent .ym-equalize h3 {
		margin-top: 5px;
	}
	.row-quote img {
		border: solid #f5f2ed;
		border-width: 20px 20px 0;
	}
	.row-program-select .ym-g50 {
		margin-bottom: 15px;
	}
	#iwdf-control-108 label, #iwdf-control-110 label, #iwdf-control-112 label {
		float: none;
		width: 0;
	}
	#iwdf-control-108 .inputbutton, #iwdf-control-110 .inputbutton, #iwdf-control-112 .inputbutton {
		float: none;
		margin-right: 0;
	}
	/* staff bio table */
	td[width="108"], td[width="322"] {
		display: block;
		width: 100%;
	}
}
/****************************************************************************************/
/************************************* WIDTH < 420px ************************************/
@media screen and ( max-width: 419px ) {
	#mainwrap .titlebanner .banner-logo { background: url("//ecampus.oregonstate.edu/includes/2018/images/osu-logo-wordmark-420.png") no-repeat; background-size: 643px; -moz-background-size: 643px; width: 333px; height: 80px; margin: 0; }
	#mainwrap #osu-tag {
		width: 202px;
		height: 80px;
	}
	.mobile-nav-label {
		padding: 3px 5px 3px 20px;
	}
	.mobile-more {
		padding: 3px 6px;
	}
}
/****************************************************************************************/
/************************************* WIDTH < 411px ************************************/
@media screen and ( max-width: 410px ) {
	.row-quote img {
		border: none;
		border-width: 0;
		/*width: 100%;*/ /*doesn't work when the image is less than 342 wide. See military landing page. */
	}
}
/****************************************************************************************/
/************************************* WIDTH < 350px ************************************/
@media screen and ( max-width: 349px ) {
	#mainwrap .titlebanner .banner-logo { background: url("//ecampus.oregonstate.edu/includes/2018/images/osu-logo-wordmark-350.png") no-repeat; background-size: 643px; -moz-background-size: 643px; width: 285px; height: 80px; margin: 0; }
}

/****************************************************************************************/
/********************************* RETINA MEDIA QUERIES *********************************/
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 700px),
only screen and (   min--moz-device-pixel-ratio: 2) and (min-width: 700px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (min-width: 700px),
only screen and (        min-device-pixel-ratio: 2) and (min-width: 700px),
only screen and (                min-resolution: 192dpi) and (min-width: 700px),
only screen and (                min-resolution: 2dppx) and (min-width: 700px) {
	#mainwrap .titlebanner .banner-logo { background: url("//ecampus.oregonstate.edu/includes/2018/images/wordmark@2x.png") no-repeat; background-size: 450px; -moz-background-size: 450px; width: 330px; height: 80px; margin: 0 0 0 250px; }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 699px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 699px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 699px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 699px),
only screen and (                min-resolution: 192dpi) and (max-width: 699px),
only screen and (                min-resolution: 2dppx) and (max-width: 699px) {
	#mainwrap .titlebanner .banner-logo { background: url("//ecampus.oregonstate.edu/includes/2018/images/wordmark-sm@2x.png") no-repeat; background-size: 450px; -moz-background-size: 450px; width: 330px; height: 80px; margin: 0 0 0 250px; }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 639px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 639px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 639px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 639px),
only screen and (                min-resolution: 192dpi) and (max-width: 639px),
only screen and (                min-resolution: 2dppx) and (max-width: 639px) {
	#mainwrap .titlebanner .banner-logo { background: url("//ecampus.oregonstate.edu/includes/2018/images/osu-logo-wordmark-640@2x.png") no-repeat; background-size: 643px; -moz-background-size: 643px; width: 400px; height: 80px; margin: 0; }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 419px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 419px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 419px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 419px),
only screen and (                min-resolution: 192dpi) and (max-width: 419px),
only screen and (                min-resolution: 2dppx) and (max-width: 419px) {
	#mainwrap .titlebanner .banner-logo { background: url("//ecampus.oregonstate.edu/includes/2018/images/osu-logo-wordmark-420@2x.png") no-repeat; background-size: 643px; -moz-background-size: 643px; width: 333px; height: 80px; margin: 0; }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 349px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 349px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 349px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 349px),
only screen and (                min-resolution: 192dpi) and (max-width: 349px),
only screen and (                min-resolution: 2dppx) and (max-width: 349px) {
	#mainwrap .titlebanner .banner-logo { background: url("//ecampus.oregonstate.edu/includes/2018/images/osu-logo-wordmark-350@2x.png") no-repeat; background-size: 643px; -moz-background-size: 643px; width: 285px; height: 80px; margin: 0; }
}

/* more media queries */
@media screen and ( max-width: 959px ) {
	#secondary_nav_menu .nav_item.page_item_has_children {
		padding: 0 10px 0 0;
	}
}
@media screen and ( max-width: 899px ) {
  #toolhead .tools {
		width: inherit;
		height: 51px;
		float: none;
	}
	#osu-tag {
		left: 0;	
	}
	#tools_menu .up-arrow {
		border-bottom: 5px solid #d73f09;
	}
	.tools li i:hover, .tools li i:active, .tools li i:focus { color: #d73f09; }
}
@media screen and ( max-width: 639px ) {
	.mainmenu, .mainmenu .mobile-nav-label {
		background: #000000;
		color: #ffffff;
	}
	#subtabhighlight {
		background: #d73f09 !important;
	}
	.submenu, .submenu .mobile-nav-label {
		background: #eeeeee;
	}
	.subtabarrow .up-arrow {
		display: none;
	}
	#secondary_nav_menu #osu-logo-fixed.fixed {
		display: none;
	}
	#secondary_nav_menu .nav_item.lvl1 {
		background: #eeeeee;
	}
	#secondary_nav_menu .nav_item.page_item_has_children {
		padding: 0;
	}
	#subnav ul li a {
		display: inline-block;
	}
	#subnav ul li ul li a {
		display: block;
	}
	#subnav ul li.sub ul li a:hover {
		text-decoration: none;
	}
	#subnav ul li ul li {
		line-height: 22px;
	}
	#subnav li.site_home a {
		color: #252525;
		font-size: 11px; font-size: 1.1rem;
	}
	#subnav li.site_home a:hover {
		text-decoration: underline;
	}
	#subnav li.nav_item.lvl1 a {
		font-size: 13px; font-size: 1.3rem;
	}
	#subnav li.nav_item.lvl2 a {
		font-size: 12px; font-size: 1.2rem;
	}
	#subnav ul:hover > li.sub a {
		color: #252525;
	}
	#subnav ul:hover > li.sub a:before {
		background-color: transparent;
		height: 0;
	}
	#subnav ul li.sub a:hover {
		text-decoration: underline;
	}
	#subnav ul li.sub a:hover:before {
		background-color: transparent;
		height: 0;
		/*position: relative;*/
	}
	#subnav ul li.sub-active a:before {
		background-color: transparent;
		height: 0;
		/*position: relative;*/
	}
	#secondary_nav_menu .lvl1.site_home a:after {
		content: " Home";
		margin-left: 0;
	}
	.page_item_has_children.no-label a:after, .page_item_has_children a span:after {
		content: "";
	}
	.metaslider .caption-wrap h2 {
		display: none;
	}
}

/*----------------------------------------
Media queries
----------------------------------------*/
@media screen and ( min-width: 1280px ) {
	.hero-caption {
		/* Fade opaque background into trasparent gradient */
		/*background: linear-gradient(to right, rgba(255,255,255,1) 85%, rgba(255,255,255,0));
		padding: 10px 30px 10px 10px;*/
		padding: 10px 15px 10px 15px;
	}
}
@media screen and ( min-width: 1200px ) {
	.tagline-container {
		top: 220px; /*top: 9.5%;*/
		margin-left: 120px;
	}
}
@media screen and ( max-width: 1039px ) {
	.linearize-level-1, .linearize-level-1 > [class*="ym-g"], .linearize-level-1 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.row-hero-media {
		padding: 30px;
		padding-right: 50px;
	}
	.row-hero-media > div > div {
		max-width: 640px;
		margin: auto;
	}
	#campaigncontent .row-hero-media-callout {
		position: relative;
		margin: 0;
		max-width: 96%;
		padding: 20px 10px 0 10px;
	}
	.content-box.row-hero-media-callout .headline, .content-box.row-hero-media-callout p {
		margin-left: 0;
		padding-left: 0;
	}
	.row-hero-media-callout .button {
		display: none;
	}
	.row-hero-media-image-wrapper {
		max-width: 640px;
		margin: auto;
	}
	.row-hero-media-image {
		margin-right: auto;
	}
	.image-grid p {
		min-height: 60px;
	}
}
@media screen and ( max-width: 959px ) {
	.linearize-level-3, .linearize-level-3 > [class*="ym-g"], .linearize-level-3 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.details-left {
		display: none;
	}
	.hNavTable {
		display: inline-block;
	}
	.tagline-container {
		max-width: 220px;
		margin-left: 6.5%;
	}
	.tagline-container-relative {
		max-width: 270px;
	}
	.tagline-container .tagline-border {
		border-bottom: 4px solid #d73f09;
	}
	.tagline-container .tagline-text h1 {
		font-size: 40px; font-size: 4.0rem;
	}
	.tagline-container-absolute .us-news-badge img {
		width: 44%;
		height: auto;
	}
	.tagline-container-absolute .us-news-badge p {
		left: 60%;
		width: 64%;
	}
	.directory table {
		display: block;
		max-width: 100%;
	}
	.directory td:nth-child(5n), .directory th:nth-child(5n), 
	.directory td:nth-child(6n), .directory th:nth-child(6n) {
		display: none;
	}
	.directory td:nth-child(7n) {
		font-size: 12px; font-size: 1.2rem
	}
	/* credly badges for microcredentials */
    .credlyBadgeNav {
		display: none;
	}
	.credlyBadgeMobile {
		display: block;
		max-width: 200px !important;
		margin: auto;
		margin-bottom: 30px;
		height: auto;
	}
}
@media screen and ( max-width: 759px ) {
	.tagline-container {
		max-width: 200px;
		top: 10%; /*top: 8.5%;*/ /*top: 170px;*/
	}
	.tagline-container .tagline-text {
		margin: 0 0 0 15px;
		text-align: left;
	}
	.tagline-container .tagline-border {
		margin: 0 0 0 15px;
		text-align: left;
		width: 155px;
		border-bottom: 3px solid #d73f09;
	}
	.tagline-container .tagline-text h1 {
		font-size: 32px; font-size: 3.2rem;
	}
	.us-news-badge {
		display: none;
	}
	.us-news-badge-mobile {
		display: inline-block;
	}
	.arrow-container {
		display: none;
	}
	.infographic-value-left {
		float: none;
	}
	.directory td {
		font-size: 14px; font-size: 1.4rem
	}
	.directory td:nth-child(4n), .directory th:nth-child(4n),
	.directory td:nth-child(7n), .directory th:nth-child(7n) {
		display: none;
	}
}
@media screen and ( min-width: 640px ) {
	#homecontent .row-program .row-program-select-container, #campaigncontent .row-program .row-program-select-container {
 		max-width: 640px;
 		margin: 0 auto;
	}
}
@media screen and ( max-width: 639px ) {
	#homecontent .row-program .row-program-select, #campaigncontent .row-program .row-program-select {
		padding-bottom: 10px;	
	}
	#more .linearize-level-2 {
		margin-right: 0;
	}
	.hero-caption {
		bottom: 15px;
	}
	.hero-caption p {
		font-size: 11px; font-size: 1.1rem;
	}
	.tagline-container {
		max-width: 160px;
		top: 5%; /*top: 4%;*/ /*top: 140px;*/
		margin-left: 4%;
	}
	.tagline-container.tagline-container-text {
		max-width: 200px;
	}
	.tagline-container .tagline-text h1 {
		font-size: 30px; font-size: 3.0rem;
	}
	.us-news-badge-mobile p {
		padding: 4% 20px 20px 0;
	}
	#homecontent .row-program .row-program-heading, #campaigncontent .row-program .row-program-heading {
		padding: 30px 10px 15px;
	}
	#homecontent #row-news .row-news-heading, #campaigncontent #row-news .row-news-heading {
		padding: 20px 0 15px 0;
	}
	#homecontent .ym-equalize .ym-gl, #campaigncontent .ym-equalize .ym-gl {
		padding-bottom: 0;
	}
	#homecontent .content-box {
		padding: 40px 20px 50px 20px;
	}
	#campaigncontent .content-box,
  #homecontent .content-box-slim, #campaigncontent .content-box-slim {
		padding: 40px 20px;
	}
	#row-infographic, .row-infographic {
		padding: 25px 0 25px 0;
	}
	.linearize-level-2 > [class*="ym-g"] > .infographic-box[class*="ym-gbox"] {
		padding: 10px 0;
	}
	#row-news {
		margin: 0;
	}
	/*#row-news .row-divider {
		padding: 0 !important;
	}
	#row-news .row-divider .ym-g33 {
		margin: 0 !important;
		padding: 0 !important;
	}*/
	#row-news .ym-g33 .news-box {
		background-color: #d73f09;
		margin: 40px 20px 30px 20px;
		padding: 0;
	}
	#featurednews { padding: 0; }
	#featurednews h2.row-news-heading { margin-bottom: 0; }
	#featurednews h2.row-news-heading-last { margin-bottom: 0; }
	#featurednews p.more-news { margin-bottom: 40px; }
	#featurednews p.more-news-last { margin-bottom: 20px; }
	#relatednews .row-news-block p { margin-bottom: 40px; }
	#relatednews :nth-child(3) .row-news-block p { margin-bottom: 20px; }
	#campaigncontent .row-divider :nth-child(1) .content-box div {
		margin: 10px;
	}
	#campaigncontent .row-divider :nth-child(2) .content-box div {
		padding: 0 40px 20px;
	}
	.ym-g33.program-card {
		margin: 0 0 15px 0;
	}
	/* media rows ported from course demo */
	.mobile-osu-white-bg {
		background-color: #f5f2ed;
	}
	.row-hero-media-image-wrapper {
		margin-top: 0;
	}
	.row-media {
		background-image: none;
		background-color: #f5f2ed;
	}
	.row-media-callout .content-box-note, .row-media-callout .content-box-note .headline {
		text-align: center;
		margin: auto !important;
	}
	.row-media-callout .content-box-note {
		padding-top: 50px 30px 50px 30px !important;
	}
	.row-media-callout .content-box-note .headline {
		margin-bottom: 30px !important;
	}
	.row-media-callout .content-box-note .button {
		margin: auto;
		margin-bottom: 30px;
	}
	.row-media-noleft {
		margin-left: auto !important;
	}
	.row-media-image {
		min-height: 300px;
	}
	.row-hero-media {
		padding: 0;
	}
	.row-hero-media > div > div {
		padding-bottom: 20px;
	}
	.row-hero-media-image.play-overlay .play-button-circle {
		width: 20%;
		padding-bottom: 20%;
	}
	#campaigncontent .row-hero-media .row-wrapper-fixed {
		padding: 0 20px;
	}
	#showcase { padding: 20px; }
	#showmore { margin-bottom: 45px; }
	#showbreak { width: 100%; }
	.linearize-level-2 #course-demo, .linearize-level-2 .content-box-note, .linearize-level-2 > .row-media-callout .content-box-note {
		padding: 50px 0 50px 0;
	}
	.linearize-level-2 > .row-media-callout .content-box-note {
		padding-left: 20px;
		padding-right: 20px;
	}
	#course-demo {
		max-width: 500px;
		margin: auto;
	}
	#course-demo p {
		margin-top: 20px;
		margin-bottom: 0;
	}
	.infographic-value-left {
		float: left;
	}
	#campaigncontent .row-numbered-facts .last-fact p {
		margin-bottom: 35px;
	}
}
@media screen and ( max-width: 539px ) {
	.tagline-container {
		max-width: 135px;
		margin-left: 2%;
	}
	.tagline-container.tagline-container-text {
		max-width: 160px;
	}
	.tagline-container .tagline-text {
		margin-left: 20px;
	}
	.tagline-container .tagline-border {
		margin-left: 20px;
		width: 135px;
	}
	.tagline-container .tagline-text h1 {
		font-size: 24px; font-size: 2.4rem;
	}
	.us-news-badge-mobile img {
		width: 90px;
		height: auto;
	}
	.us-news-badge-mobile p {
		padding: 10px 20px 10px 0;
	}
}
@media screen and ( max-width: 459px ) {
	.hero-caption {
		bottom: 0;
		padding: 8px 12px 8px 8px;
	}
	.tagline-container {
		max-width: 115px;
		margin-left: 0;
	}
	.tagline-container.tagline-container-text {
		top: 1.5%;
	}
	.tagline-container .tagline-text, .tagline-container .tagline-border {
		margin-left: 30px;
	}
	.tagline-container .tagline-image {
		margin-left: 12.5px;
	}
	.us-news-badge-mobile p {
		padding: 6px 20px 6px 0;
	}
}
@media screen and ( max-width: 349px ) {
	.tagline-container {
		max-width: 100px;
	}
	.tagline-container.tagline-container-text {
		top: 1%;
	}
	.slick-slide h2 span {
		font-size: 9px; font-size: 0.9rem;
	}
}

#indicator-640px { display: none; }
@media screen and ( max-width: 639px ) {
	#indicator-640px { display: block; }
}
#indicator-760px { display: none; }
@media screen and ( max-width: 759px ) {
	#indicator-760px { display: block; }
}
#indicator-959px { display: none; }
@media screen and ( max-width: 959px ) {
	#indicator-959px { display: block; }
}
#indicator-1039px { display: none; }
@media screen and ( max-width: 1039px ) {
	#indicator-959px { display: block; }
}

/* Modified version of MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
/* //cdn-images.mailchimp.com/embedcode/classic-10_7.css */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:0;}
#mc_embed_signup h2 {padding:0; margin:15px 0;}
#mc_embed_signup input {border: 1px solid #ABB0B2;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; border: 0 none; cursor: pointer; display: inline-block; margin: 0; padding: 10px 15px; font-weight:600;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:6px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; margin-top: 0; margin-bottom: 5px; padding:0; overflow:hidden; clear: both;}
#mc_embed_signup div.response {border-radius: .25rem; margin:0; padding:5px 10px 5px 10px; top:-1.5em; z-index:1;}
#mc_embed_signup #mce-error-response {display:none;background-color:#f2dede;color:#a94442;}
#mc_embed_signup #mce-error-response a {font-weight:600;color:#a94442;text-decoration:underline;}
#mc_embed_signup #mce-success-response {display:none;background-color:#dff0d8;color:#3c763d;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%; }
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:0; margin-top: 3px; padding:5px 10px 5px 10px; background-color:#f2dede; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight:normal; z-index:1; color:#a94442;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #ebcccc;}

/****************************************************************************************/
/*********************************** NEW BRAND STYLES ***********************************/
/* basics */
.button, .fg-button {
	font-family: 'Open Sans';
	font-size: 16px; font-size: 1.6rem;
	padding: 15px;
	font-weight: 600;
}
.button-slim {
	padding: 10px 15px;
}
.button-white a, .button-white a:link, .button-white a:visited {
	color: #000;
}
.maincontent .ym-g75 .button {
	margin-bottom: 30px;
}
#secondary_nav_menu {
	font-size: 12px; font-size: 1.2rem;
}
/* layout */
.aspect-news { padding-bottom: 62.263322884%; }
.noscroll {
  overflow: hidden;
}
.content-box {
	padding: 0;
}
.content-box-slim {
	padding: 50px 30px;
}
.ym-wbox {
	padding: 0;
}
.ym-g5 {
	width: 5%;
}
.ym-g10 {
	width: 10%;
}
.ym-g22 {
	width: 22.5%;
}
.no-ym-wbox {
	margin: 0 -10px;
}
.footer {
	width: auto;
}
.footer .ym-g25 {
	width: 25%;
}
#main-wrapper {
	max-width: 100%;
}
#campaigncontent {
	margin-bottom: -15px;
}
#campaigncontent .ym-equalize .ym-gl.nopad {
	padding-bottom: 0;
}
#democontent .ym-gbox.content-box {
	padding: 70px 30px;
}
#democontent .ym-gbox.grid-rightpad {
	padding: 0 20px 0 0;
}
#democontent .ym-gbox.grid-noright {
	padding-right: 0;
}
#democontent .content-box-note p {
	margin-bottom: 30px;
}
#campaigncontent .twobox-image .ym-equalize .ym-g50 {
	background-color: #ffffff;
	padding: 70px 0;
}
#homecontent .row-divider .ym-gbox-left, #homecontent .row-divider .ym-gbox-right, #campaigncontent .row-divider .ym-gbox-left, #campaigncontent .row-divider .ym-gbox-right {
	padding: 15px 20px;
}
#homecontent .ym-equalize .ym-gl {
	padding: 70px 30px;
}

/* --- redesign styles --- */
.breadcrumbs {
	margin-top: 12px;
	font-size: 12px; font-size: 1.2rem;
}
/* --- new breadcrumbs ---*/
.breadcrumbs { position: relative; color: #767676; margin-bottom: 0; }
.breadcrumbs .printpage { position: absolute; right: 15px; }
.breadcrumbs .breadnav { color: #444; float: left; margin-right: 70px; text-align: left; margin-bottom: 0;}
.breadcrumbs:hover a { color: #c34500 !important; }
.breadcrumbs a { color: #767676 !important; }

.sidebox, #sidenav {
	margin-right: 0;
}
.video-caption p, .image-caption-320 p, .image-caption-wide p {
	font-size: 13px; font-size: 1.3rem;
}
.image-caption-wide {
	width: 100%;
	max-width: 100%;
	margin-bottom: 25px;
	background: none repeat scroll 0 0 #f5f2ed;
	border-bottom: 1px solid #c9c1b8;
	float: none;
}
.image-caption-wide p {
	margin-bottom: 0;
	padding: 10px;
}
.image-caption-wide img {
	width: 100%;
}
.video-caption.video-caption-full {
	float: none;
	margin: 0;
	margin-bottom: 30px;
	max-width: 100%;
}
.video-caption-full .thumbnail-video > img {
	width: 100%;
	height: auto;
}
.bluebox {
	background-color: #eee;
}
.sidebox h3 {
	font-family: 'Open Sans';
	font-weight: 600;
}
.sidebox p, .navlinks li {
	font-size: 13px; font-size: 1.3rem;
}
.iconbox h3, .iconbox h5 {
	font-size: 14px; font-size: 1.4rem;
}
.promobox p, .askbox p, .iconbox p, .details-promo p {
	font-size: 12px; font-size: 1.2rem;
}
.micro-h1-outside {
	margin-left: 0;
	margin: 0;
}
.micro-h1-inside {
	background: none;
	background: linear-gradient(to top,
		hsl(0, 0%, 0%) 0%,
		hsla(0, 0%, 0%, 0.738) 19%,
		hsla(0, 0%, 0%, 0.541) 34%,
		hsla(0, 0%, 0%, 0.382) 47%,
		hsla(0, 0%, 0%, 0.278) 56.5%,
		hsla(0, 0%, 0%, 0.194) 65%,
		hsla(0, 0%, 0%, 0.126) 73%,
		hsla(0, 0%, 0%, 0.075) 80.2%,
		hsla(0, 0%, 0%, 0.042) 86.1%,
		hsla(0, 0%, 0%, 0.021) 91%,
		hsla(0, 0%, 0%, 0.008) 95.2%,
		hsla(0, 0%, 0%, 0.002) 98.2%,
		hsla(0, 0%, 0%, 0) 100%
	);
	padding-top: 45px;
	padding-bottom: 8px;

}
.micro-h1-inside h1 .subhead {
	font-size: 16px; font-size: 1.6rem;
	font-family: 'Open Sans';
	font-weight: bold;
	color: #aaa;
	display: block;
	line-height: 1;
	margin-top: 9px;
	margin-bottom: 10px;
	text-transform: none;
}
.micro-h1-inside h1 {
	font-family: 'Stratum2WebMedium';
	font-size: 32px; font-size: 3.2rem;
	text-align: center;
	margin: 0;
	padding: 0 20px 0 20px;
	text-shadow: none;
	text-transform: uppercase;
	line-height: 1;
}
.micro-h1-inside h1.title-shadow {
	text-shadow: 0 0 14px rgba(0,0,0,.6);
}
/* --- redesign styles --- */
/* v hero v */
#titlesub h1 {
	font-size: 48px; font-size: 4.8rem;
}
.tagline-container .tagline-text h1 {
	font-size: 48px; font-size: 4.8rem;
	text-align: center;
}
.tagline-container p {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 15px 15px 15px 15px;
	text-align: left;
}
.tagline-container .tagline-text {
	color: #000;
	font-family: "tabular-numbers", georgia, "bitstream charter", serif;
	font-size: 38px; font-size: 3.8rem;
	letter-spacing: 0.3px;
	line-height: 1.3;
	margin: auto;
	text-align: left;
}
.tagline-container .tagline-text-light h1 {
	color: #fff;
	text-shadow: none;
}
.tagline-container .tagline-text-dark h1 {
	color: #000;
	text-shadow: none;
}
.tagline-container {
	margin-top: 20px;
}
.tagline-links {
	background-color: #eee;
	display: inline-block;
	padding: 0 15px 15px 15px;
	white-space: nowrap;
}
.tagline-links > div {
	display: inline-block;
	font-size: 16px; font-size: 1.6rem;
	padding-top: 12px;
}
.arrow-container {
	bottom: 0;
	left: 50%;
	margin-left: -18.5px;
	position: absolute;
}
.hero-caption p {
	font-size: 14px; font-size: 1.4rem;
}
#democontent .row-hero-media-callout .headline {
	font-size: 32px !important; font-size: 3.2rem !important;
}
#democontent .row-hero-media-callout .button a {
	font-size: 14px; font-size: 1.4rem;
}
#homecontent #row-hero {
	border-bottom: solid #d73f09 2px;
}

#row-hero #titlesub {
	margin: 2px 0;
}
#row-hero .hero-overlay h1, #row-hero .hero-overlay h2 {
	text-align: center;
	top: 0;
	text-shadow: 0 0 6px rgba(0,0,0,0.9);
	color: #FFF;
 	padding: 0 20px;
	margin: 0;
	line-height: 0.9;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#row-hero .hero-overlay {
	position: absolute;
	top: 0;
 	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.35);
}
#row-hero .hero-overlay h2 {
	font-family: 'Open Sans';
	text-transform: none;
	font-size: 21px !important; font-size: 2.1rem !important;
	margin-top: 15px;
	line-height: 1;
}
#row-hero .hero-image-bg {
	min-height: 400px;
	max-height: 420px;
	overflow: hidden;
	position: relative;
}
#research-hero .micro-h1-inside {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	background: rgba(0,0,0,0.5);
}
#research-hero .micro-h1-inside h1 {
	max-width: 645px;
	margin: auto;
	font-family: 'Stratum2WebMedium';
	font-size: 32px; font-size: 3.2rem;
	text-shadow: 0 0 60px rgba(0,0,0,1);
	color: #fff;
	line-height: 1.1;
	text-align: center;
	text-transform: none;
}
#research-hero .micro-h1-inside h1 span {
	display: block;
	font-size: 27px; font-size: 2.7rem;
	font-family: 'Stratum2WebLight';
	font-weight: normal;
	color: #fff;
	line-height: 1;
}
#research-hero .micro-h1-inside h3.button {
	margin: auto;
	margin-top: 30px;
	font-size: 14px; font-size: 1.4rem;
	padding: 10px 15px;
}
#subhero {
	background-image: linear-gradient(to right, #fff, #fff 50%, #eee 50%);
}
#subhero .programs {
	background-color: #fff;
}
#subhero .nation {
	background-color: #eee;
}
#microhero .micro-h1-outside {
	min-height: 350px;
}
.background-blur {
	background-image: url('//ecampus.oregonstate.edu/includes/2018/images/heroes/blur/grad-mba.jpg');
	background-position: 50% 100%;
	background-size: cover;
}
.background-hero {
	background-image: url('//ecampus.oregonstate.edu/includes/2018/images/heroes/grad-mba.jpg');
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#microhero .micro-h1-inside h1 {
	font-size: 48px; font-size: 4.8rem;
}
#microhero .micro-h1-inside h1 a {
	color: #fff;
	text-decoration: none;
	cursor: text; /*default*/
	-webkit-touch-callout: all; /* iOS Safari */
	  -webkit-user-select: all; /* Safari 3.1+ */
	   -khtml-user-select: all; /* Konqueror HTML */
	     -moz-user-select: all; /* Firefox 2+ */
	      -ms-user-select: all; /* IE 10+/Edge */
	          user-select: all; /* Standard version, supported by Chrome and Opera */
}
.row-military {
	background-color: #000;
	background-image: url('//ecampus.oregonstate.edu/images/military-front-background-2.jpg');
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
}
.row-military-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}
.military-link, .military-link:visited {
	font-weight: 600;
	color: #d73f09;
}
.military-link:hover {
	color: #fff;
}
.video-caption, .image-caption-320, .image-caption-210, .image-caption-265 {
	margin: 0 0 20px 20px;
}
.inset-box {
	margin-top: 35px;
}
/* Note: this is iPhone Landscape break point */
@media screen and (max-width: 667px) {
	.row-military {
		background-attachment:scroll;
		position: relative !important;
	}
	.row-military-padding, .row-about-padding {
		padding: 40px 20px 45px 20px;
	}
}
@media screen and ( max-width: 639px ) {
	.micro-h1-inside h1, #microhero .micro-h1-inside h1 {
		font-size: 36px; font-size: 3.6rem;
	}
	.micro-h1-inside {
		background: linear-gradient(to top,
		hsl(0, 0%, 0%) 0%,
		hsla(0, 0%, 0%, 0) 100%
		);
	}
	.inset-box {
		margin-top: 0;
	}
}
@media screen and ( max-width: 469px ) {
	.micro-h1-inside h1, #microhero .micro-h1-inside h1 {
		font-size: 26px; font-size: 2.6rem;
	}
}
@media screen and ( min-width: 640px ) {
	.background-hero {
		-webkit-animation: shrink 2.5s cubic-bezier(.25,.86,.62,.98);
		animation: shrink 2.5s cubic-bezier(.25,.86,.62,.98);
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;
		transform: scale(1.075);
	}
	.micro-h1-inside h1 {
		-webkit-animation: fade-in-up 1.5s cubic-bezier(0.19, 1, 0.22, 1);
		animation: fade-in-up 1.5s cubic-bezier(0.19, 1, 0.22, 1);
		-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.micro-h1-inside h1 .subhead {
		-webkit-animation: fade-in-up 3s cubic-bezier(0.19, 1, 0.22, 1);
		animation: fade-in-up 3s cubic-bezier(0.19, 1, 0.22, 1);
		/* -webkit-animation-delay: 0.3s;
		animation-delay: 0.3s; */
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		opacity: 0;
	}
}
@-webkit-keyframes shrink {
	from {
		-webkit-transform: scale(1.075);
		transform: scale(1.075)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
@keyframes shrink {
	from {
		-webkit-transform: scale(1.075);
		transform: scale(1.075)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
@-webkit-keyframes fade-in-up {
	from {
		-webkit-transform: translateY(2rem);
		transform: translateY(2rem);
		opacity: 0
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}
@keyframes fade-in-up {
	from {
		-webkit-transform: translateY(2rem);
		transform: translateY(2rem);
		opacity: 0
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}
.headinfo {
	padding: 10px;
}
.headinfolast {
	border-right: none;
}
.headinfo-label, .idates-label, .deets-label {
	font-size: 14px; font-size: 1.4rem;
	margin-bottom: 5px;
	font-family: 'Open Sans', 'Arial', sans-serif, 'Helvetica', 'Verdana', 'Geneva', 'Trebuchet MS', 'Tahoma';
  }
.headinfo-data {
	font-size: 30px; font-size: 3.0rem;
	white-space: nowrap;
	font-family: "tabular-numbers", georgia, "bitstream charter", serif;
	color: #d73f09;
}
.idates-data, .deets-data {
	font-size: 21px; font-size: 2.1rem;
	color: #888888;
	font-family: 'Open Sans';
}
.headinfo-button .button {
	text-align: center;
	vertical-align: middle;
	margin: auto;
	margin-top: 8px;
}
#vitals {
	background-color: #eee;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: solid #d73f09 2px;
}
#degreedetails {
	display: none;
}
/* ^ hero ^ */
/* v content v */
.quicklinks-tabs {
	font-size: 18px; font-size: 1.8rem;
	line-height: 1.4;
}
.quicklinks-menu li {
	line-height: 1.5;
	margin-left: 7px;
}
.quicklinks-menu li a {
	font-size: 14px; font-size: 1.4rem;
	line-height: 1.4;
}
table.brchk {
	font-size: 13px; font-size: 1.3rem;
}
.quote-text-emphasis {
	font-size: 16px; font-size: 1.6rem;
}
.quote-attribution {
	font-size: 14px; font-size: 1.4rem;
}
#row-faqs p {
	font-size: 14px; font-size: 1.4rem;
}
.us-news-badge-mobile p {
	font-size: 14px; font-size: 1.4rem;
}
.row-degrees .ym-gl h2 {
	font-family: 'Open Sans';
	font-size: 18px; font-size: 1.8rem;
	font-weight: 600;
}
.row-degrees .degrees-box p {
	text-align: left;
	line-height: 1.8;
	font-size: 14px; font-size: 1.4rem;
}
.content-box-note .headline, .content-box .headline, .headline-row {
	font-size: 25px; font-size: 2.5rem;
}
.content-box-note p {
	margin-bottom: 0;
}
.footer p {
	font-size: 12px; font-size: 1.2rem;
	line-height: 1.5;
}
.row-details {
	background-color: #fff;
	padding-top: 30px;
}
.row-details h2 {
	color: #003b5c; /* star canvas: dark blue */
}
.row-details h3 {
	color: #003b5c;
}
.details {
	padding-top: 20px;
}
.ym-wrapper .ym-col1, .row-details .ym-wrapper .ym-col1 {
	width: 75%;
}
.ym-col3, .row-details .ym-col3 {
	width: 25%;
}
#midNav {
	display: none;
	padding: 10px 20px 0 20px;
}
#midNav .hNavLinks {
	font-size: 16px;
}
#midNav .hNav {
	border-top: solid #dc4405 2px;
}
.details-center .hNavTable {
	display: none;
}
.details-center {
	padding: 20px 50px 30px 50px;
	background-color: #fff;
	margin-right: 0 !important;
}
.details-center.overview > h2:first-of-type {
	font-size: 30px; font-size: 3.0rem;
	margin-top: 10px;
}
.details-center.overview h2:first-of-type+p:first-of-type {
	font-size: 18px; font-size: 1.8rem;
	line-height: 1.9;
	margin: 10px 0 20px 0;
	color: #252525;
	font-weight: 400;
}
.details-center .hNavTable + h2:first-of-type {
	margin-top: 10px;
}
.row-details .details-center-simple h2, .row-details .details-center-simple h3:not(.wp-accordion-control) {
	color: #006a8e;
}
.details-center-simple {
	padding-top: 15px;
}
.details-center-simple.overview > h2:first-of-type {
	font-size: 25px; font-size: 2.5rem;
	margin-top: 25px;
}
.details-center-simple.overview h2:first-of-type+p:first-of-type {
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.45em;
}
.details-left, .details-right {
	padding-right: 20px;
}
.details-right {
	padding-top: 30px;
	padding-bottom: 30px;
}
.details .idates-row {
	background-color: #FFF;
}
.details .deets-row {
	background-color: #FFF;
}
.details .sideBox h3, .details-left .sideBox h3 {
	margin: 0;
}
.details .idates-row, .details .deets-row {
	padding: 10px 20px;
	padding-left: 0;
}
.details .sideBox h3.dateHeader, .details-left .sideBox h3.dateHeader {
	font-family: 'Open Sans', 'Arial', sans-serif, 'Helvetica', 'Verdana', 'Geneva', 'Trebuchet MS', 'Tahoma';
	font-weight: 600;
	margin: 0;
	padding: 7px 2px 5px 0;
	color: #333;
}
.details .sideBox p {
	border-bottom: solid #d73f09 1px;
	border-top: solid #ddd 1px;
	font-size: 14px; font-size: 1.4rem;
	margin-bottom: 5px;
	padding: 10px 20px;
	padding-left: 0;
}
.details-left {
  text-align: right;
}
.details-left table {
	border-collapse: inherit;
	border-right: solid #d73f09 2px;
	margin-left: auto;
	margin-top: 10px;
	/*overflow: hidden;*/
}
.dNav .dNavLinks {
	margin-bottom: 10px;
}
.details-left {
	padding-right: 0;
	padding-left: 0;
}
.details-left table .dNav {
	text-align: right;
}
.dNav .dNavLinks a, .dNav .dNavLinks span {
	color: #d73f09;
	font-size: 16px; font-size: 1.6rem;
	font-weight: 400;
	margin-bottom: 7px;
	margin-right: 5px;
	text-decoration: none;
}
.dNavLinks span.selected {
	color: #000;
	background-color: #fff;
	font-weight: bold;
}
.dNav .dNavLinks a:hover, .dNav .dNavLinks a:active, .dNav .dNavLinks a:focus {
	color: #333;
	background-color: inherit;
}
.dNavHeader {
	text-align: right;
}
.dNavHeader, .dateHeader {
	border-bottom: solid #d73f09 2px;
	font-size: 16px !important;  font-size: 1.6rem !important;
	padding-right: 20px;
}
.hNav {
  border-top: solid #888 1px;
}
#usnews-logo-right {
	display: none;
}
#campaigncontent h2.row-program-heading {
	color: #003b5c;
}
#democontent .content-box-note .headline {
	font-size: 25px; font-size: 2.5rem;
}
#democontent .showcase.headline {
	font-size: 25px; font-size: 2.5rem;
}
#democontent .image-footnote {
	font-size: 12px; font-size: 1.2rem;
}
#democontent #showmore {
	margin: -25px auto 25px auto;
}
#democontent #course-demo-callout {
	font-size: 40px; font-size: 4.0rem;
}
#democontent .image-grid p {
	font-size: 14px; font-size: 1.4rem;
}
.slick-slide h2 span {
	font-size: 27px; font-size: 2.7rem;
}
.slick-slide h3.button {
	font-size: 14px; font-size: 1.4rem;
	padding: 10px 15px;
}
#twobox-test-info {
	background-image: url('//ecampus.oregonstate.edu/includes/2017/images/course-demo-1200.jpg');
	background-position: left;
	background-repeat: no-repeat;
	background-size: 50% auto;
}

#twobox-calendar-ask {
	background-image: url('//ecampus.oregonstate.edu/includes/2017/images/hands-raised-light-640.jpg');
	background-position: right;
	background-repeat: no-repeat;
	background-size: 50% auto;
}
#homecontent h2.row-news-heading {
	font-size: 20px; font-size: 2.0rem;
}
#homecontent .content-box h3, .content-box h2 {
	color: #003b5c;
	font-size: 27px; font-size: 2.7rem;
	font-family: 'Stratum2WebMedium';
}
.content-box h3, .content-box h2, .content-box h1 {
	color: #003b5c;
	font-size: 25px; font-size: 2.5rem;
	font-family: "tabular-numbers", georgia, "bitstream charter", serif;
}
.content-box p {
	color: #000;
}
.linearize-level-2 .content-box-note {
	padding: 55px 30px;
}
.content-box-note p {
	line-height: 1.5;
}
.content-box h3.button, #homecontent .content-box h3.button {
	font-family: 'Open Sans';
	font-size: 16px; font-size: 1.6rem;
	font-weight: 600;
}
.content-box .fileinfo {
	margin-top: 8px;
	font-size: 12px; font-size: 1.2rem;
	color: #777;
}
.content-box-ultraslim {
	padding: 0;
	text-align: left;
	margin-left: 12%;
	margin-right: 12%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px 20px 20px 0;
}
.content-box-ultraslim h2 {
	font-size: 25px; font-size: 2.5rem;
	margin-bottom: 30px;
}
.content-box h3.research-button {
	padding: 15px;
}
.content-box-ultraslim p {
	margin-bottom: 20px;
}
.topfive {
	position:relative;
}
.topfive h2 {
	color: #fff;
	max-width: 420px;
	margin: auto;
	font-size: 25px; font-size: 2.5rem;
}
.topfive .reasontable {
	display: table;
	margin: auto;
	text-align: center;
	max-width: 355px;
	margin-top: 30px;
}
.topfive .reasonnumber {
	display: table-cell;
	font-size: 14px; font-size: 1.4rem;
	color: #fff;
	background-color: #d73f09;
	margin-right: 6px;
	padding: 0 4px;
	width: 30px;
	height: 60px;
	text-align: center;
}
.topfive .reasonrow {
	display: table-row;
}
.topfive .reasontext {
	display: table-cell;
	text-align: left;
	padding-left: 10px;
	font-size: 14px; font-size: 1.4rem;
	color: #fff;
}
.topfive .reasontext,
.topfive .reasonnumber {
	border-bottom: solid #fff 1px;
	vertical-align: middle;
}
.reasonrow:last-of-type .reasontext,
.reasonrow:last-of-type .reasonnumber {
	border-bottom: none;
}
.row-infographic h3.button {
	padding: 10px 15px;
	margin: 0 auto;
}
.infographic-value {
	font-family: "tabular-numbers", georgia, "bitstream charter", serif;
	font-size: 30px; font-size: 3.0rem;
}
.infographic-box .white-label {
	font-family: 'Open Sans';
	font-size: 14px; font-size: 1.4rem;
	letter-spacing: 0.5px;
}
#footnote-row p {
	font-size: 14px; font-size: 1.4rem;
}
.contact-box h3 {
	font-family: 'Open Sans';
	font-size: 16px; font-size: 1.6rem;
	font-weight: 600;
}
#featured-news h3 {
	text-align: center;
	margin-bottom: 5px;
	font-size: 27px; font-size: 2.7rem;
	font-family: 'Stratum2WebMedium';
	font-weight: normal;
}
#askecampus table {
	clear: both;
	float: none;
}
#askecampus label {
	display: block;
	margin-bottom: 3px;
}
#askecampus input[type='textbox'] {
	padding: 5px;
	font-size: 16px; font-size: 1.6rem;
	font-family: 'Open Sans';
	border-color: #888;
	-moz-box-shadow: none;
	box-shadow: none; 
	max-width: 100%;
	width: 100%;
}
#askecampus input[type='submit'] {
	display: block;
	margin-top: 5px;
	margin-bottom: 0;
	border: none;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px 15px;
}
.microsite-event {
	background-color: #eee;
	padding: 15px 20px 20px 20px;
	margin-bottom: 20px;
}
.microsite-event .event-label {
	text-transform: uppercase;
	font-size: 11px;
	margin-bottom: 15px;
	color: #888;
}
.microsite-event .event-headline {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}
.microsite-event .event-copy {
	margin-bottom: 0;
}
.microsite-event .event-copy a {
	font-weight: 600;
}
/* ^ content ^ */
/* v fancybox degree lists v */
.fancylist {
	-webkit-overflow-scrolling: touch;
	background-color: #eee;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.fancybox-inner ul {
	outline: none;
}
.fancylist li {
	border-bottom: solid #eee 1px;
	cursor: pointer;
	margin: 0;
	padding: 10px;
	text-align: left;
}
.fancylist li:hover,
.fancylist li:focus {
	background-color: #fff;
	outline: none;
}
.fancylist li a:hover,
.fancylist li a:focus {
	color: #C34500;
	outline: none;
	text-decoration: none;
}
.fancytitle,
.fancybox-title {
	background-color: #8E9089;
	color: #fff;
	font-family: 'Open Sans';
	font-size: 16px; font-size: 1.6rem;
	font-weight: normal;
	letter-spacing: 0.3px;
	margin-bottom: 0;
	padding: 14px;
	text-rendering: optimizeLegibility;
}
.fancybox-title-float-wrap {
	display: none;
}
.degreetype {
	font-weight: 300;
}
.fancybox-wrap {
	z-index: 8020;
}
.fancybox-type-iframe .fancybox-inner {
	overflow: hidden !important;
}
/* ^ fancybox degree lists ^ */
/* v webinar row v */
#webinar-row h2 {
	font-size: 25px; font-size: 2.5rem;
}
.webinar-wrap {
	position: relative;
	padding: 0 10px 10px 10px;
	height: 123px;
	overflow: hidden;
}
.webinar-box {
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	background-color: #fff;
	transition-property: transform, box-shadow, filter, opacity;
	transition-duration: 220ms;
	padding:0;
}
.webinar-box.active:hover {
	cursor: pointer;
	background-color: #fff;
	transform: scale(1.045) rotate(0.0001deg);
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}
.webinar-box.active:hover .webinar-button {
	background-color: #9d3c26;
}
.webinar-box.active:hover .webinar-logo {
	opacity: 1;
	filter: none;
}
.webinar-date {
	position: relative;
	height: 30px;
	white-space: nowrap;
	text-align: center;
	border-bottom: solid #d73f09 1px;
	padding-bottom: 7px;
	padding-top: 10px;
	margin-bottom: 5px;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.webinar-date:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.webinar-dtm {
	font-weight: 600;
	font-size: 14px; font-size: 1.4rem;
	display: inline-block;
	vertical-align: middle;
	color: #000;
}
.webinar-title {
	font-size: 14px; font-size: 1.4rem;
	margin-top: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
}
.webinar-logo {
	height: 28px !important;
	width: auto;
	opacity: 0.7;
	margin: auto;
	margin-top: -5px;
	margin-bottom: 20px;
	filter: grayscale(100%);
}
.webinar-link .webinar-title {
	color: #333;
}
.webinar-link:hover {
	text-decoration: none;
}
.webinar-cta {
	background-color: #999;
	color: #fff;
	text-align: center;
	font-size: 14px; font-size: 1.4rem;
	margin-top: 0;
	padding: 10px;
}
.webinar-box.active .webinar-cta {
	background-color: #d73f09;
}
.webinar-intro {
	margin: auto;
	margin-top: 16px;
	max-width: 570px;
	text-align: center;
}
#relatednews h3, #relateddegrees h3 {
	margin-top: 10px;
	line-height: 1.2;
	margin-bottom: 5px;
}
#relatednews h3 a {
	font-family: 'Open Sans';
	font-size: 18px; font-size: 1.8rem;
}
#relatednews p {
	font-size: 14px; font-size: 1.4rem;
}
#news h2 {
	margin-top:0;
}
@media screen and (max-width: 639px) {
	.ym-gbox.webinar-box {
		padding: 0;
	}
}
/* ^ webinar row ^ */
/* v animated icons v */
#row-infographic .infographic-box .svg-icon {
	display: block;
	width: 80px;
	height: 80px;
	margin: auto;
}
#row-infographic .icon-link-ani:hover img {
	filter: grayscale(100%) brightness(290%);
}
#row-infographic .icon-link-ani .svg-icon svg path,
#row-infographic .icon-link-ani .svg-icon svg line,
#row-infographic .icon-link-ani .svg-icon svg polyline,
#row-infographic .icon-link-ani .svg-icon svg circle {
	stroke: #d73f09;
	stroke-width: 1.8px;
}
#row-infographic .icon-link-ani:hover .svg-icon svg path,
#row-infographic .icon-link-ani:hover .svg-icon svg line,
#row-infographic .icon-link-ani:hover .svg-icon svg polyline,
#row-infographic .icon-link-ani:hover .svg-icon svg circle {
	stroke-linecap: round;
	stroke-dasharray: 300;
	stroke-dashoffset: 300;
	animation: dash .9s linear forwards;
	stroke: #fff !important;
	stroke-width: 1.8px;
}
#row-infographic div[class$="ani-white"] svg path,
#row-infographic div[class$="ani-white"] svg line,
#row-infographic div[class$="ani-white"] svg polyline,
#row-infographic div[class$="ani-white"] svg circle {
	stroke: #fff !important;
}
#row-infographic .infographic-box a:hover {
	text-decoration: none;
}
#row-infographic .infographic-box h4 {
	display: inline-block;
	color: #fff;
}
#row-infographic div[class$="ani-white"] svg path, #row-infographic div[class$="ani-white"] svg line, #row-infographic div[class$="ani-white"] svg polyline, #row-infographic div[class$="ani-white"] svg circle {
	stroke: #000 !important;
	stroke-width: 1.6px !important;
}
@keyframes dash {
	to {
		stroke-dashoffset: 0;
	}
}
/* --- IE disable animation styles --- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#row-infographic .icon-link-ani:hover .svg-icon svg path,
	#row-infographic .icon-link-ani:hover .svg-icon svg line,
	#row-infographic .icon-link-ani:hover .svg-icon svg polyline,
	#row-infographic .icon-link-ani:hover .svg-icon svg circle {
		stroke-dasharray: none;
		stroke-dashoffset: none;
		animation: none;
		stroke-width: 1.8px;
		stroke: #fff;
	}
}

/* --- Edge disable animation styles --- */
@supports (-ms-ime-align: auto) {
	#row-infographic .icon-link-ani:hover .svg-icon svg path,
	#row-infographic .icon-link-ani:hover .svg-icon svg line,
	#row-infographic .icon-link-ani:hover .svg-icon svg polyline,
	#row-infographic .icon-link-ani:hover .svg-icon svg circle {
		stroke-dasharray: none;
		stroke-dashoffset: none;
		animation: none;
		stroke-width: 1.8px;
		stroke: #fff;
	}
}
#trivium .triclick {
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	padding-top: 20px;
	padding-bottom: 30px;
	transition-property: all;
	transition-duration: 220ms;
	z-index: 100;
}
#trivium .triclick:hover {
	background-color: #000;
	transform: scale(1.045) rotate(0.0001deg);
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}
#trivium .triclick.borange:hover {
	background-color: #d73f09;
}
#trivium .triclick:hover img {
	filter: grayscale(100%) brightness(290%);
}
#trivium .triclick:hover h3 a {
	color: #fff !important;
}
#trivium .triclick:hover a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
}
#trivium .triclick .svg-icon svg path,
#trivium .triclick .svg-icon svg line,
#trivium .triclick .svg-icon svg polyline,
#trivium .triclick .svg-icon svg circle {
	stroke: #fff;
	stroke-width: 1.5;
}
#trivium .triclick.borange .svg-icon svg path,
#trivium .triclick.borange .svg-icon svg line,
#trivium .triclick.borange .svg-icon svg polyline,
#trivium .triclick.borange .svg-icon svg circle {
	stroke: #d73f09;
}
#trivium .triclick:hover .svg-icon svg path,
#trivium .triclick:hover .svg-icon svg line,
#trivium .triclick:hover .svg-icon svg polyline,
#trivium .triclick:hover .svg-icon svg circle {
	stroke-linecap: round;
	stroke-dasharray: 300;
	stroke-dashoffset: 300;
	animation: dash .9s linear forwards;
	stroke: #d73f09;
	stroke-width: 1.5px;
}
#trivium .triclick.borange:hover .svg-icon svg path,
#trivium .triclick.borange:hover .svg-icon svg line,
#trivium .triclick.borange:hover .svg-icon svg polyline,
#trivium .triclick.borange:hover .svg-icon svg circle {
	stroke: #fff;
}
@keyframes dash {
	to {
		stroke-dashoffset: 0;
	}
}
@keyframes hide-show {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
#trivium .triclick .svg-icon.svg-icon-sound-bars-ani-white svg .soundrow2 path,
#trivium .triclick .svg-icon.svg-icon-sound-bars-ani-white svg .soundrow3 path,
#trivium .triclick .svg-icon.svg-icon-sound-bars-ani-white svg .soundrow4 path,
#trivium .triclick .svg-icon.svg-icon-sound-bars-ani-white svg .soundrow5 path {
	transition: none;
}
#trivium .triclick:hover .svg-icon.svg-icon-sound-bars-ani-white svg .soundrow2 path,
#trivium .triclick:hover .svg-icon.svg-icon-sound-bars-ani-white svg .soundrow3 path,
#trivium .triclick:hover .svg-icon.svg-icon-sound-bars-ani-white svg .soundrow4 path,
#trivium .triclick:hover .svg-icon.svg-icon-sound-bars-ani-white svg .soundrow5 path {
	animation: none;
	animation-name: hide-show;
	animation-timing-function: linear;
	animation-duration: 1s;
	stroke-width: 1.5px;
	stroke-dasharray: 0 !important;
	stroke-dashoffset: 0 !important;
}
#trivium .triclick:hover .svg-icon.svg-icon-sound-bars-ani-white svg .soundrow2 path {
	animation-duration: 0.1s;
}
#trivium .triclick:hover .svg-icon.svg-icon-sound-bars-ani-white svg .soundrow3 path {
	animation-duration: 0.2s;
}
#trivium .triclick:hover .svg-icon.svg-icon-sound-bars-ani-white svg .soundrow4 path {
	animation-duration: 0.3s;
}
#trivium .triclick:hover .svg-icon.svg-icon-sound-bars-ani-white svg .soundrow5 path {
	animation-duration: 0.4s;
}
#trivium .svg-icon {
	width: 100px;
	height: 100px;
	margin: auto;
}
#trivium .triclick-link {
	color: #000;
}
#trivium .triclick:hover .triclick-link {
	color: #000;
}
/* --- IE disable animation styles --- */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	#trivium .triclick:hover .svg-icon svg path,
	#trivium .triclick:hover .svg-icon svg line,
	#trivium .triclick:hover .svg-icon svg polyline,
	#trivium .triclick:hover .svg-icon svg circle {
		stroke-dasharray: none;
		stroke-dashoffset: none;
		animation: none;
		stroke-width: 1.5px;
		stroke: #d73f09;
	}
}
/* --- IE8 disable hover --- */
#trivium .triclick:hover {
	background-color: #000 \9;
}
/* --- Edge disable animation styles --- */
@supports (-ms-ime-align: auto) {
	#trivium .triclick:hover .svg-icon svg path,
	#trivium .triclick:hover .svg-icon svg line,
	#trivium .triclick:hover .svg-icon svg polyline,
	#trivium .triclick:hover .svg-icon svg circle {
		stroke-dasharray: none;
		stroke-dashoffset: none;
		animation: none;
		stroke-width: 1.5px;
		stroke: #d73f09;
	}
}
#trivium .callout-box h3.research-headline {
	color: #fff;
	font-family: 'Stratum2WebMedium';
	font-size: 21px; font-size: 2.1rem;
	font-weight: 400;
}
#trivium .triclick:hover .callout-box h3.research-headline {
	color: #fff;
}
#trivium .callout-box h3.research-button {
	background-color: #fff;
	color: #000;
	margin: auto;
	margin-top: 20px;
	font-size: 14px; font-size: 1.4rem;
	padding: 10px 15px;
}
#trivium .triclick:hover .callout-box h3.research-button {
	background-color: #fff;
	color: #000;
}
#trivium .callout-box a:hover {
	text-decoration: none;
}
#trivium .ym-g30 {
	width: 30%;
}
/* --- student services grid --- */
#hover-grid .content-block-185 {
	margin: 0 20px 20px 0;
	width: 185px;
	height: 187px;
    background-color: #eee;
    cursor: pointer;
    position: relative;
}
#hover-grid .content-block-solo {
	width: 191px;
	height: auto;
	float: right;
	margin: 20px;
}
#hover-grid .content-block-solo .content-text, #hover-grid .content-block-solo .content-desc {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
}
#hover-grid .content-block-185 a {
	text-decoration: none;
	color: #d73f09;
}
#hover-grid .content-block-185:hover  {
    background-color: #d73f09;
}
#hover-grid .content-block-185 .svg-icon svg path, 
#hover-grid .content-block-185 .svg-icon svg line, 
#hover-grid .content-block-185 .svg-icon svg polyline,
#hover-grid .content-block-185 .svg-icon svg circle {
    stroke: #d73f09;
    stroke-width: 1.5px;
}
#hover-grid .content-block-185:hover .svg-icon {
    -webkit-animation: grid-fade-in-up 2s cubic-bezier(0.19, 1, 0.22, 1);
    animation: grid-fade-in-up 2s cubic-bezier(0.19, 1, 0.22, 1);
    /* -webkit-animation-delay: .3s;
    animation-delay: .3s; */
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    background-color: #d73f09;
}
#hover-grid .content-block-185:hover .svg-icon svg path, 
#hover-grid .content-block-185:hover .svg-icon svg line, 
#hover-grid .content-block-185:hover .svg-icon svg polyline,
#hover-grid .content-block-185:hover .svg-icon svg circle {
    stroke-linecap: round;
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
    animation: grid-dash .9s linear forwards;
    stroke: #FDD26E !important;
    stroke-width: 1.5px;
}
#hover-grid .infographic-box a:hover {
    text-decoration: none;
}
#hover-grid .infographic-box h4 {
    display: inline-block;
}
@keyframes grid-dash {
    to {
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes grid-fade-in-up {
    from {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes grid-fade-in-up {
    from {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
#hover-grid .content-block-185 .content-icon .svg-icon {
	height: 95px;
	width: 95px;
	margin: auto;
}
#hover-grid .content-icon {
	text-align: center;
}
#hover-grid .content-text {
	text-align: center;
	font-size: 12.5px;
	font-family: 'Open Sans';
	padding-top: 5px;
	padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 600;
}
#hover-grid .content-desc {
    bottom: 0;
    padding: 15px;
    padding-top: 5px;
    font-size: 12px;
    color: #000;
}
#hover-grid .content-block-185:hover a .content-desc {
    color: #fff;
}
#hover-grid .content-block-185:hover a  {
    color: #fff;
}
#hover-grid .content-grid {
	text-align: center;
}
@media screen and ( max-width: 480px ) {
	#hover-grid .content-block-185 {
		background-color: #eee;
		width: 100%;
		min-width: 100%;
		height: auto;
		margin-bottom: 10px;
		text-align: left;
	}
	#hover-grid .content-block-solo {
		float: none;
		margin: 0;
		margin-bottom: 20px;
	}
	#hover-grid .content-block-solo .content-text, #hover-grid .content-block-solo .content-desc {
		text-align: left;
	} 
	#hover-grid .content-block-185 .content-icon {
		display: table-cell;
		text-align: left;
		width: 25%;
		vertical-align: middle;
	}
	#hover-grid .content-block-185 .content-icon .svg-icon {
		width: 100%;
		max-width: 100%;
		height: auto;
    }
    #hover-grid .content-block-185:hover .svg-icon {
        -webkit-animation: none;
        animation: none;
    }
	#hover-grid .content-block-185 .content-text {
		display: block;
		vertical-align: middle;
		text-align: left;
		width: 75%;
		padding:0;
		margin:0;
		padding-left: 5px;
        padding-top: 10px;
	}	
	#hover-grid .content-block-185 a {
		display: table;
		width: 100%;
	}
    #hover-grid .content-desc {
        padding-left: 5px;
        padding-bottom: 10px;
    }
    #hover-grid .content-sep {
        display: table-cell;
        vertical-align: middle;
    }
}

/* IE disable animation styles */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #hover-grid .content-block-185:hover .content-icon .svg-icon svg path, 
    #hover-grid .content-block-185:hover .content-icon .svg-icon svg line, 
    #hover-grid .content-block-185:hover .content-icon .svg-icon svg polyline,
    #hover-grid .content-block-185:hover .content-icon .svg-icon svg circle {
        stroke-dasharray: none;
        stroke-dashoffset: none;
        animation: none;
        stroke-width: 1.8px;
        stroke: #FDD26E;
	}
	#hover-grid .content-block-185 .content-icon .svg-icon {
		width: 80px;
		height: 80px;
	}
}

/* Edge disable animation styles */
@supports (-ms-ime-align: auto) {
    #hover-grid .content-block-185:hover .content-icon .svg-icon svg path, 
    #hover-grid .content-block-185:hover .content-icon .svg-icon svg line, 
    #hover-grid .content-block-185:hover .content-icon .svg-icon svg polyline,
    #hover-grid .content-block-185:hover .content-icon .svg-icon svg circle {
        stroke-dasharray: none;
        stroke-dashoffset: none;
        animation: none;
        stroke-width: 1.8px;
        stroke: #FDD26E !important;
	}
	#hover-grid .content-block-185 .content-icon .svg-icon {
		width: 80px;
		height: 80px;
	}
}
/* ^ animated icons ^ */
/* v animated donut line chart v */
.percent-chart {
	width: 200px;
	height: 200px;
	margin: auto;
}
.percent-chart svg text {
	font-size: 10px; font-size: 1.0rem;
	font-family: "tabular-numbers", georgia, "bitstream charter", serif;
}
.percent-chart-caption {
	width: 230px;
	font-size: 18px; font-size: 1.8rem;
	margin: auto;
	margin-top: 20px;
	text-align: center;
}
.dark-chart {
	padding-bottom: 0!important;
}
.dark-chart circle {
	fill: #fff !important;
}
.dark-chart .percent-chart-caption {
	color: #fff;
}
/* ^ animated donut line chart ^ */
/* v microsite related programs v */
.related-program-card a:hover {text-decoration:none;}
.related-program-card p {color: black; margin-bottom: 0;}
.ym-g33.related-program-card .minihero {
  position: relative;
  display: table;
  margin-bottom: -5px;
  line-height: 0;
}
.ym-g33.related-program-card .minihero .double-tag {
	line-height: 12px;
}
.ym-g33.related-program-card h3 {
  color: white;
  position: absolute;
  top:50%; left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.1rem;
  z-index: 99;
  line-height: 110%;
  text-shadow: 2px 2px 50px rgba(0, 0, 0, 0.9);
  width: 99%;
  padding-left: 5px;
  padding-right: 5px;
}
.ym-g33.related-program-card h3 .subtitle {
  display: block;
  margin-top: 10px;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: .5px;
  line-height: 120%;
}
.ym-g33.related-program-card .minihero:after {
  content: '';
  position: absolute;
  bottom: 0;
  left:0;
  top:0;
  right: 0;
  background-color: rgba(0,0,0,0.32);
}
.ym-g33.related-program-card:hover { 
  transform: scale(1.025); 
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15); 
}
.ym-g33.related-program-card {
  position: relative;
  transition-property: all;
  transition-duration: 220ms;
  margin-left: 15px;
  margin-right: 15px;
  border-right: none;
}
/* ^ microsite related programs ^ */
/* v microsite tooltip v */
.tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
	font-size: 14px; font-size: 1.4rem;
	vertical-align: text-top;
	color: #6c6c6c;
}
.tooltip .tooltiptext {
	visibility: hidden;
	width: 240px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
	color: #fff;
	text-align: center;
	padding: 10px;
	padding-bottom: 15px;
	border-radius: 6px;
	font-size: 15px; font-size: 1.5rem;
	font-family: 'Open Sans';
	white-space: pre-wrap;
	cursor: pointer;
	position: absolute;
	z-index: 99;
	bottom: 27.5px;
	left: 50%;
	margin-left: -120px;
	opacity: 0;
	transition: opacity 0.3s ease-in, visibility 0.9s linear;
	line-height: 1.2;
}
.tooltiptext:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: rgba(0, 0, 0, 0.85);
	border-width: 8px;
	margin-left: -18px;
}
.tooltip .tooltiptext-right {
	margin-left: -240px;
}
.tooltiptext-right:after {
	margin-left: 102px;
}
.tooltip:hover .tooltiptext, .tooltip.hovered .tooltiptext {
	display: block;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s ease-in;
}
.tooltip .tooltiptext a {
	color: #d73f09;
	font-weight: 600;
}
/* quarter vs. semester infographic */
#quarterinfographic {
	background-color: #d73f09;
	width: 97%;
	padding: 10px;
	max-width: 678px;
}
#quarterinfographic h2 {
	color: #fff;
	margin-bottom: .5rem;
	margin-left: 10px;
	margin-top: 0;
	float: left;
}
#quarterinfographic h3 {
	color: #d73f09;
	margin-top: 0;
}
#quarterinfographic h3 br {
	display: none;
}
.quarterinfocell {
	background-color: #d73f09;
}
.quarterinfocontent {
	background-color: #fff;
	margin: 10px;
	padding: 10px;
	text-align: center;
	font-size: 1.6rem;
}
.quarterinfocontainer {
	background-color: #d73f09;
	clear: both;
}
.quarterinfostatus {
	float: right;
	color: #000;
	font-size: 1.6rem;
	font-weight: 600;
	margin-right: 10px;
	margin-top: 5px;
}
@media screen and (min-width:960px) and (max-width: 1040px) {
	#quarterinfographic h2, .quarterinfostatus {
		float: none;
		margin-left: 10px;
	}        
}
@media screen and (max-width:825px) {
	#quarterinfographic h2, .quarterinfostatus {
		float: none;
		margin-left: 10px;
	}         
}
@media screen and ( max-width: 700px ) {
	#quarterinfographic h3 br {
		display: inline-block;
	}        
}
@media screen and ( max-width: 639px ) {
	.quarterinfocontent { 
		font-size: 1.2rem;
	}
	#quarterinfographic h3 {
		font-size: 1.4rem;
	}
} 
/* ^^ quarter vs. semester infographic ^^ */
/* media queries */
@media screen and ( max-width: 1039px ) {
	.details-center .image-caption-320 {
		float: none;
		display: block;
		margin: auto;
		margin-bottom: 20px;
	}
	.webinar-box {
		max-width: 420px;
		margin: auto !important;
		overflow: inherit !important;
	}
	.webinar-wrap {
		height: 70px !important;
	}
	.webinar-cta {
		margin-bottom: 20px;
	}
	.webinar-date {
		width: 85%;
	}
    .ym-g33.related-program-card {
		margin: 0 auto 20px auto !important;
		max-width: 350px;
		border: none;
		background-color: initial;
	}
	.ym-g33.related-program-card:hover {
		transform: none;
		box-shadow: none;
	}
	.ym-g33.related-program-card .minihero {
		margin-bottom: 0;
	}
}
@media screen and ( max-width: 979px ) {
	#twobox-calendar-ask {
		background-size: auto 100%;
	}
}
@media screen and ( max-width: 959px ) {
	#midNav {
		display: block;
	}
	#usnews-logo-right {
		display: inline-block;
	}
	.row-details {
		padding-top: 0;
	}
	#campaigncontent .content-box-ultraslim {
		padding: 20px 20px 20px 0;
	}
	#research-hero .micro-h1-inside h1 {
		margin-top: 60px;
	}
	.tagline-container .tagline-text h1 {
		font-size: 42px; font-size: 4.2rem;
		text-align: left;
	}
	.tagline-container .tagline-text {
		max-width: 100%;
	}
	.details-center {
		padding: 20px 40px 40px 30px;
	}
	.details-center-simple .hNavTable {
		display: inline-block;
	}
	.details-center-simple.overview > h2:first-of-type {
		margin-top: 10px;
	}
}
@media screen and ( max-width: 899px ) {
	#twobox-test-info {
		background-size: auto 100%;
	}
	.ym-wrapper .ym-col1 {
		width: 70%;
	}
	.ym-col3, .row-details .ym-col3 {
		width: 30%;
	}
	.video-caption, .image-caption-wide, .image-caption-320, .image-caption-210, .image-caption-265 {
		float: none;
		margin-left: 0;
		max-width: 100%;
	}
	.video-caption img, .image-caption-wide, .image-caption-320 img, .image-caption-210 img, .image-caption-265 img {
		width: 100%;
		height: auto;
	}
}
@media screen and ( max-width: 759px ) {
	.tagline-container {
		max-width: 250px;
	}
	.tagline-container .tagline-text {
		max-width: 100%;
		font-size: 30px; font-size: 3.0rem;
	}
	.tagline-container .tagline-text h1 {
		font-size: 32px; font-size: 3.2rem;
		margin-left: 20px;
		text-align: left;
	}
}
@media screen and ( max-width: 639px ) {
	#midNav {
		padding: 10px 10px 0 10px;
	}
	#degreedetails {
	  display: block;
	}
	.row-vitals {
	  padding-top: 20px;
	  padding-bottom: 20px;
	}
	.row-vitals .ym-gl {
	  margin-bottom: 20px;
	}
	.row-vitals .headinfo {
	  border-right: none;
	}
	#vitals {
	  display: none;
	}
	.tagline-container .tagline-container-text {
		max-width: 100%;
	}
	.tagline-container {
		margin-top: 5px;
	}
	.ym-wbox {
		padding: 0 !important;
	}
	.no-ym-wbox {
		margin: 0;
	}
	.ym-g5 {
		display: none !important;
	}
	.ym-g10 {
		display: none !important;
	}
	.ym-g33.program-card {
		padding: 0;
	}
	#campaigncontent .twobox-image .ym-equalize .ym-g50 {
		padding:0;
	}
	#campaigncontent .content-box-ultraslim {
		padding: 20px;
		margin: 20px 0;
	}
	#campaigncontent .content-box-footnote {
		padding: 0;
	}
	#democontent .row-hero-media-callout {
		margin-left: 0;
		padding: 10px;
	}
	#democontent .ym-gbox.grid-rightpad {
		padding: 0;
	}
	#democontent #course-demo img {
		width: 250px;
	}
	#democontent #course-demo-callout {
		font-size: 30px; font-size: 3.0rem;
	}
	#democontent .content-box-note p, #democontent .content-box-note h2 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.linearize-level-2 > .row-media-callout .content-box-note {
		padding-left: 0;
		padding-right: 0;
	}
	.dark-chart:last-of-type .percent-chart {
		margin-top: 60px;
	}
	#research-hero .micro-h1-inside {
		padding-top: 10px;
	}
	#research-hero .micro-h1-inside h1 {
		line-height: 0.9;
		margin-top: 0;
		margin-left: 20px;
		margin-right: 20px;
	}
	#research-hero .micro-h1-inside h3.button {
		margin-top: 20px;
	}
	#trivium .triclick:hover  {
		transform: none;
	}
	#democontent .row-hero-media-callout .headline {
		margin-top: 20px;
	}
	#democontent .ym-gbox.content-box, .linearize-level-2 .content-box-note {
		padding: 50px 0 50px 0;
	}
	#twobox-test-info,
	#twobox-calendar-ask {
		background-image: none;
	}
	#testdrive {
		background-image: url('//ecampus.oregonstate.edu/includes/2017/images/course-demo-1200.jpg');
		background-position: 50% 50%;
		background-size: cover;
	}
	#ask {
		background-image: url('//ecampus.oregonstate.edu/includes/2017/images/hands-raised-light-640.jpg');
		background-position: 50% 50%;
		background-size: cover;
	}
	#homecontent .ym-equalize .ym-gl {
		padding: 0;
	}
	#microhero .micro-h1-outside {
		min-height: 200px;
	}
	.details-left .sideBox {
		display: none;
	}
	#homecontent h2.row-news-heading {
		margin: 0 20px 0 20px;
	}
	#featured-news h3 {
		margin-bottom: 40px;
	}
	/* microsite */
	#usnews-logo-left, #military-logo-left {
		display: none;
	}

	.row-details {
		padding-top: 0;
	}

	/* .details-center > p:last-of-type {
		margin-bottom: 0;
	} */

	.linearize-level-2>.ym-gl>.ym-gbox.details-right {
		padding: 0 20px 30px 20px;
	}

	.details-left table {
		-ms-overflow-style: none;
		background-color: #eee;
		background-image: linear-gradient(to right, transparent 96%, transparent 97%, rgba(0, 0, 0, 0.15) 100%);
		border-right: none;
		display: block;
		float: none;
		margin-left: -40px;
		margin-right: -40px;
		margin: 0;
		overflow-x: auto;
		overflow: -moz-scrollbars-none;
		overflow: hidden;
		padding: 0;
		position: relative;
		white-space: nowrap;
	}

	.details-left table::-webkit-scrollbar {
		display: none;
	}

	.dNavLinks span.selected {
		display: inline-block;
		height: 100%;
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 0;
		border-bottom: solid 3px #d73f09;
		font-weight: normal;
	}

	#campaigncontent .row-details .row-wrapper-fixed {
		padding: 0;
	}

	.text-row div:first-child .details-side ul {
		text-align: left !important;
	}

	.details-center {
		padding: 20px 20px 0 20px !important;
	}

	.dNav {
		padding-bottom: 0;
		padding-top: 0;
	}

	.dNav .dNavLinks a,
	.dNav .dNavLinks span {
		display: inline-block;
		padding-left: 7px;
		padding-right: 7px;
		margin-right: 5px;
		margin-left: 5px;
		margin-bottom: 0;
		line-height: 2.75;
	}

	.dNavLinks span.selected:after {
		display: none;
	}

	.details-left table .dNav {
		text-align: left;
	}
	/* front page infographic */
	#homecontent #row-infographic {
		vertical-align: middle;
	}
	#homecontent #row-infographic .infographic-box {
		margin: auto;
		text-align: center;
		max-width: 276px;
	}
	#homecontent #row-infographic .infographic-box .svg-icon {
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		padding: 0;
	}
	#homecontent #row-infographic .infographic-box .svg-icon svg {
		max-width: 80px;
		max-height: 80px;
	}
	#homecontent #row-infographic h4, #homecontent .row-infographic h4 {
		display: inline-block;
		text-align: left;
		margin-left: 5px;
		margin-top: 10px;
		vertical-align: top;
		width: 50%;
	}
	#homecontent #row-infographic > div:nth-child(3) > div > a > h4 > span.white.white-label {
		display: none;
	}
	#homecontent #row-infographic > div:nth-child(3) > div > a > h4:after {
		display: block;
		content:"chemistry courses";
		font-size: 14px;
		font-size: 1.4rem;
	}
}
@media screen and (min-width:640px) and (max-width:900px){
	.one-hundred-delivery { display: none; }
	.online-delivery { text-transform: capitalize; }
}
@media screen and ( max-width: 539px ) {
	.tagline-container .tagline-text h1 {
		margin-left: 20px;
		text-align: left;
	}
	.tagline-container .tagline-text {
		font-size: 16.5px; font-size: 1.65rem;
	}
	.tagline-links > div {
		font-size: 12px; font-size: 1.2rem;
	}
	.tagline-container .tagline-border {
		margin-left: 20px;
		margin: auto;
	}
	.us-news-badge-mobile img {
		width: 90px;
		height: auto;
	}
	.us-news-badge-mobile p {
		padding: 10px 20px 10px 0;
	}
	.slick-slide h2, .slick-slide h3.button {
		left: 20px;
	}
	.slick-slide h2 {
		line-height: 0.6;
	}
	.slick-slide h2 span {
		font-size: 21px; font-size: 2.1rem;
	}
	.slick-slide h3.button {
		font-size: 12px; font-size: 1.2rem;
		padding: 10px 15px;
		bottom: 20px;
	}
}
@media screen and ( max-width: 459px ) {
	.tagline-container .tagline-text h1 {
		font-size: 24px; font-size: 2.4rem;
		text-align: left;
	}
	.tagline-container .tagline-border {
		display: none;
	}
	.tagline-links {
		padding: 0 10px 10px 10px;
	}
	.hero-caption {
		bottom: 0;
		padding: 8px 12px 8px 8px;
	}
	.tagline-container {
		max-width: 115px;
		margin-left: 0;
	}
	.tagline-container.tagline-container-text {
		top: 1.5%;
	}
	.us-news-badge-mobile p {
		padding: 6px 20px 6px 0;
	}
	.quote-text-box .ym-gbox-right {
		padding: 0;
	}
}
@media screen and ( max-width: 349px ) {
	.image-caption-155 {
		float: none;
		margin-left: 0;
		max-width: 100%;
	}
	.tagline-container {
		max-width: 100px;
	}
	.tagline-container.tagline-container-text {
		top: 1%;
	}
	.tagline-container .tagline-text h1 {
		font-size: 22px; font-size: 2.2rem;
		text-align: left;
	}
	.tagline-container .tagline-text {
		text-align: left;
	}
	.slick-slide h2 {
		left: 10px;
	}
	.slick-slide h3.button {
		left: 10px;
	}
	.slick-slide h2 span {
		font-size: 21px; font-size: 2.1rem;
	}
	.slick-slide h3.button {
		bottom: 10px;
	}
}
/* Homepage Hero Styles */
.vertcenter-inner-right {
	text-align: right;
}
.tagline-container-right {
	margin-left: 0;
	margin-right: 6%;
}
@media screen and ( min-width: 1200px ) {
	.tagline-container-right {
		margin-left: 0;
		margin-right: 120px;
	}
}
@media screen and ( max-width: 959px ) {
	.tagline-container-right {
		margin-left: 0;
		margin-right: 6.5%;
	}
	.tagline-links-long > div {
		font-size: 1.5rem;
	}
	.tagline-container-front {
		max-width: 350px;
	}
}
@media screen and ( max-width: 759px ) {
	.tagline-container-front .tagline-container-right {
		margin: 0;
		margin-right: 15px;
	}
	.tagline-container-front {
		max-width: 280px;
	}
}
@media screen and ( max-width: 639px ) {
	.tagline-container-right {
		margin-left: 0;
		margin-right: 4%;
	}
	.tagline-container-front.tagline-container-text {
		max-width: 278px;
	}
	.tagline-links-long > div {
		font-size: 1.2rem;
	}
}
@media screen and ( max-width: 539px ) {
	.tagline-container-left {
		margin-right: 0;
		margin-left: 2%;
	}
	.tagline-container-right {
		margin-left: 0;
		margin-right: 2%;
	}
	.tagline-links-long > div {
		font-size: 1rem;
	}
	.tagline-container-front.tagline-container-text {
		max-width: 170px;
	}
	.tagline-container-front .tagline-text-long {
		font-size: 1.43rem;
	}
}
#learnmore-applied-humanities:after, .related-program-card a[href="/online-degrees/undergraduate/applied-humanities/"]:after {
	content: 'Completion Degree';
	position: absolute;
	top: 0;
	z-index: 1;
	background: #d73f09;
	right: 50%;
	color: white;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	padding: 3px 5px 3px 5px;
	margin: auto;
	transform: translate(50%,0);
	white-space: nowrap;
}
@media screen and (min-width: 639px) and ( max-width: 700px ) {
	#learnmore-applied-humanities:before, .related-program-card a[href="/online-degrees/undergraduate/applied-humanities/"]:before {
		font-size: 10.5px;
	}
}
@media (prefers-reduced-motion) {
	.background-hero { animation: none; transform: none; }
	.micro-h1-inside h1, .micro-h1-inside h1 .subhead { animation: none; opacity: 1; }
	#trivium .triclick:hover, #hover-grid .content-block-185:hover { transform: none !important; box-shadow: none !important; }
	#trivium .triclick:hover .svg-icon svg path, #trivium .triclick:hover .svg-icon svg line, #trivium .triclick:hover .svg-icon svg polyline, #trivium .triclick:hover .svg-icon svg circle { animation: none; stroke-dasharray: none; }
	#row-infographic .icon-link-ani:hover .svg-icon svg path, #row-infographic .icon-link-ani:hover .svg-icon svg line, #row-infographic .icon-link-ani:hover .svg-icon svg polyline, #row-infographic .icon-link-ani:hover .svg-icon svg circle { animation: none; stroke-dasharray: none; }
	#hover-grid .content-block-185:hover .svg-icon svg path, #hover-grid .content-block-185:hover .svg-icon svg line, #hover-grid .content-block-185:hover .svg-icon svg polyline, #hover-grid .content-block-185:hover .svg-icon svg circle { animation: none; stroke-dasharray: none; }
	.content-grid .content-block-185:hover .svg-icon svg path, .content-grid .content-block-185:hover .svg-icon svg line, .content-grid .content-block-185:hover .svg-icon svg polyline, .content-grid .content-block-185:hover .svg-icon svg circle { animation: none; stroke-dasharray: none; }
	.content-grid .content-block-185.highlight:hover .svg-icon svg path, .content-grid .content-block-185.highlight:hover .svg-icon svg line, .content-grid .content-block-185.highlight:hover .svg-icon svg polyline, .content-grid .content-block-185.highlight:hover .svg-icon svg circle { animation: none; stroke-dasharray: none; }
	#hover-grid .content-block-185:hover .svg-icon { animation: none; }
	.content-grid .content-block-185:hover .svg-icon { animation: none; }
	.ym-g33.related-program-card:hover, .ym-g50.program-card:hover { transform: none; box-shadow: none; }
}
@media print {
	body, .idates-data, .details-center.overview h2:first-of-type+p:first-of-type { color: #000; }
	p, ol, ul, pre, code, address, h3, h4, h5, h6, .headinfo-label, .print-headline, .print-footer, .subhead, .idates-label, .idates-data, .footnotesymbol { font-family: 'Arial', 'Helvetica', sans-serif; }
	h1, h2 { page-break-after: avoid; }
	.row-wrapper-fixed { margin: 0; }
	.content-658 { padding-left: 0; }
	.print-footer, .print-headline { font-size: 1.6rem; line-height: 1.5rem; }
	#masthead { background: #fff; }
	#microhero { margin-top: 20px; }
	.micro-h1-outside { height: auto; min-height: 42px; overflow: auto; background-image: none !important; }
    .micro-h1-inside { background: none !important; }
	/* homepage, mostly */
	/* #row-hero { display: block; width: 100%; margin: 0 auto; }
	img.hero, img.tagline, .hero-caption-container, .arrow-down { display: none; }
	.tagline-container { position: relative; top: 0; left: 0; margin: 0; }
	#program-carousel { display: none; }
	#row-infographic .ym-g25, .row-infographic .ym-g25 { text-align: center; margin: 0 20px; }
   .ym-equalize .ym-g50 { width: 100%; margin: 0 auto; padding: 0; }
   .content-box { padding: 0; }
	#row-news { display: none; } */
	#homecontent #row-hero { display: none; }
	#homecontent #subhero, #homecontent #twobox-calendar-ask { background-image: none; }
	#homecontent #subhero .nation { background-color: #fff }
	#homecontent #twobox-test-info { background-image: none; background-color: #000; }
	#homecontent .ym-equalize .ym-gl { padding: 40px 0 40px 0 !important; }
	#homecontent .row-news-block { max-width: 320px; margin: auto; }
	.printonly h1 { padding: 20px 0 0 20px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.6rem; }

	/* course demo, mostly */
	.row-hero-media, .image-grid, .row-media-callout {
		background-image: none !important;
		background-color: #fff;
	}
	.row-hero-media-callout .headline { color: #003b5c !important; }  /* #29516f */
	.row-hero-media-callout p { color: #000 !important; }
	.row-hero-media .vertcenter-inner { text-align: center; }
	.row-hero-media-image-wrapper, .row-media-image, .play-button-circle { display: none !important; }
	#showcase h2 { text-align: center; }
	#showcase .image-grid, #showcase .image-footnote {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
	#showcase .ym-grid>.ym-gl, #showcase .ym-grid>.ym-gr {
		margin: auto;
		display: block !important;
	}
	#showcase .image-grid p { min-height: auto; }
	#course-demo img { display: none; }
	#row-course-demo.osu-orange-bg { background-color: #ffffff !important; }
	#course-demo-callout { color: #000; }
	#course-demo .arrow-right { border-color: transparent #000; }
	.row-media-callout div[style="max-width: 640px; margin-left: auto;"] {
		margin: auto;
		max-width: none;
	}
	.row-media-callout .content-box-note { text-align: center; }
	.row-media-callout .content-box-note p { max-width: none; }
	.row-media-callout .content-box-note h3 { margin: auto; }

	/* landing pages, mostly */
	#campaigncontent .tagline-text h1 { text-shadow: none !important; color: #000; }
	#campaigncontent img.tagline { display: block; }
	#campaigncontent #row-hero { min-height: 335px; background-color: #eee !important; }
	#campaigncontent #row-hero .vertcenter-inner { text-align: center; }
	#campaigncontent .hero-caption { display: none; }
	#campaigncontent div[style="background-color: #d73f09;"], #campaigncontent div[style="background-color: #f5f2ed"] {
		background-color: #ffffff !important;
		color: #000 !important;
	}
	#campaigncontent .row-divider { display: block; }
	#campaigncontent .row-wrapper-fixed { max-width: 740px; }
	#campaigncontent .row-wrapper-fluid { background-image: none !important; }
	#campaigncontent .row-divider .ym-g33 { border-right: none; }
	#campaigncontent .content-box-slim h2.white { color: #003b5c; }  /* #29516f */
	#campaigncontent .content-box-slim h3.button { margin: 0 0 0 10px; }
	#campaigncontent .ym-grid>.ym-gl, .ym-grid>.ym-gr { display: block; }
	#campaigncontent .ym-g32 { width: auto; }
	#campaigncontent .osu-orange-bg { background-color: #d73f09 !important; }
	.play-button-circle { display: none; }

	.promo-box { display: none; }
	.details-promo { display: none; }

	.print-headline, .print-footer { padding: 20px 0 0 0; }

	/* grid pages / microsites */
	.idates { display: table; table-layout: fixed; width: 70%; }
	.idates .dateHeader { margin-bottom: 5px !important; }
	.idates-row { float: left; width: 33%; text-align: center; }
	#datescalnote { clear: both; } */
	.row-wrapper-fluid { max-width: 100%; }
	.linearize-level-1, .linearize-level-1 > [class*="ym-g"], .linearize-level-1 > [class*="ym-col"] {
		display: block;
		width: 100% !important;
	}
	.linearize-level-2, .linearize-level-2 > [class*="ym-g"], .linearize-level-2 > [class*="ym-col"] {
		display: block;
		width: 100% !important;
	}
	.details-center { padding-top: 0; padding-left: 0; }
	.details-left, #news, #trivium { display: none; }
	.details-right .button, .hide-640 { display: none; }
	#degreedetails { display: block !important; }
	#microwrap { max-width: none; }
	#microhero, .background-hero, .micro-h1-outside { background: none !important; }
	/* .micro-h1-outside { margin: auto !important; } */
	#microhero .micro-h1-outside { min-height: 0 !important; }
	#microhero .micro-h1-inside h1 a { color: #000; }
	.micro-h1-inside { position: relative; padding: 0 !important; }
	.micro-h1-inside h1, .micro-h1-inside h1 .subhead { color: #000 !important; text-align: left !important; }
	.aspect-1280x550 { padding-bottom: 0; }
	.micro-h1-inside h1.title-shadow { text-shadow: none; color: #000; }
	
	#microhero .micro-h1-inside h1, .micro-h1-inside h1 { font-size: 3.5rem; padding-left: 0;}
	#row-hero .hero-overlay h1, #row-hero .hero-overlay h2 { text-shadow: none !important; }
	#research-hero .micro-h1-inside h1 { text-shadow: none !important; }
	.hideprint { display: none !important; }
	#vitals { margin-bottom: 5px; page-break-after: avoid;}
	#vitals .ym-grid { display: table; width: 100%; table-layout: fixed; }
	#vitals .ym-grid .ym-g25 { width: 25% !important; float: left; }
	#vitals .tooltip { visibility: hidden; }
	.image-caption-320, .image-caption-265, .video-caption, .image-caption-wide { display: none; }
	#degreedetails h3, #degreedetails .deets-row, #finddeadline, #applynow, #relatedprograms { display: none; }
	.footnotesymbol { visibility: visible !important; margin-top: -10px; }
	#more { width: 90%; max-width: 90%; margin-left: 0;} 
	.details .sideBox p { border-top: none; }
	.details .textBox { opacity: 0.8; float: none; width: 90% !important; background: #fff; border-top: solid #666 1px; border-bottom: solid #666 1px; padding: 20px; margin: 25px; }
	.textBox img { display: none; }
	.dNavHeader, .dateHeader { border-bottom: none; }
	.row-details { padding-top: 0; }
}