/*
Theme Name: MastersofPublicAdministration.org
Theme URI: https://MastersofPublicAdministration.org
Author: MastersofPublicAdministration.org
Author URI: https://MastersofPublicAdministration.org
Description: MPA Theme
Version: 1.0.0
Text Domain: mpa
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# MPA
--------------------------------------------------------------*/
html {font-family: 'Lato', sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body {margin: 0;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em; margin: 1px 0;
	/*margin: 0.67em 0;*/
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}


/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------

/* Adjust Table for Tablets and Mobile */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
table, thead, tbody, th, td, tr {display: block;}
.table-featured thead tr {position: absolute; top: -9999px; left: -9999px;}
.table-featured th.th2 {display:none;}
.table-featured .writeup {float:none; width:95%; margin:0 auto;}
.table-featured tr { border: 1px solid #ccc; }
.table-featured td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; }
.table-featured td:before {position: absolute; top: 6px; left: 6px; width: 45%;  padding-right: 10px; white-space: nowrap;}}

/* Table Button */
a.table-btn-a, a.table-btn-a:visited {font-size:.9em; padding:1em .5em; color:#3F0905; background:#e62212; box-shadow:1px 1px 3px #777; width:100%; margin:.5em auto; display:inline-block; text-align:center; float:none;}
a.table-btn-a:hover {color:#3F0905; box-shadow:1px 1px 2px #555;}
/* Desktop */ @media only screen and (min-width: 768px) {a.table-btn-a {margin:1em auto; display:block; text-align:center; width:80px; float:right;}}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
input,
select,
textarea {
	color: #404040;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height:1.95em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
h5 {font-size:1em;}
p {
	font-size: 16px;
	margin: 0 auto 1.5em;
	line-height:1.95em;
	width: 95%;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {box-sizing: border-box; font-size:15px; line-height:1.95em;}

*, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit;}

body {background: #FFF;}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	/*border: 1px solid #ccc;*/
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links #009E9E
--------------------------------------------------------------*/
a, a:visited {color: #A05625; text-decoration:none;}
a:hover, a:focus, a:active {color: #FE6601;}
a:focus {outline: thin dotted;}
a:hover, a:active {outline: 0;}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* Pre Nav */
.pre-nav {width:100%; text-align:right; background: #f0f0f0; font-size: .8em; border-bottom: 1px solid #EAEAEA; display:none;}
.pre-nav a {color:#777; padding:0 1em;}
@media only screen and (min-width: 768px) {.pre-nav {display:block;}}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: .25em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


* {margin:0; padding:0;}

/* LISTS */
ul {margin:10px 0px 10px 15px;}
ul li {font-size:15px; list-style: disclosure-closed inside;} 

/* Footer */
.site-footer {width:100%; color:#161E21; background: #FFF; border-top:2px solid #AAA; padding:10px 0; margin-top:20px; font-weight:normal; font-size:.9em; opacity:.8;}
.site-footer a {color:#161E21; text-decoration:none;}
.site-footer ul li {list-style:none;}

/* Image and Video Wrappers */
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
img {max-width: 100%; height: auto;}

/* Header */
.headercontainer {margin:0; height:auto; clear:both;}
.logo img {max-width: 100%; height: auto;}
.inner {max-width:1200px; margin:0 auto;}
.logo-contain {text-align:center;}
.site-description {font-size:.7em; font-weight:bold; font-family:inherit; text-transform:uppercase; color:#555;}
h2, h3 {margin: 2em auto 0;}
h3.introduction {color:#444; margin-top:0; font-weight:400; font-size:1.4em; line-height:1.54em;}

/* Menus */
#main-menu {width:100%; background-color:#FFF;}

/* Primary */
#content {max-width:1200px; margin:1px auto;}
#primary {float:left; padding:0 2%; width:95%; margin:auto;}
.wp-caption .wp-caption-text {border-bottom:1px solid #B9B9B9; font-size:12px; line-height:1em; margin:0.8075em 0; padding-bottom:3px;}

/* Sidebars */
#hero h1.main {text-align:center; color:#FFF; font-size:1.65em; font-weight:400; margin:.25em auto; text-transform:none; padding: .25em;}
@media only screen and (min-width: 768px) {#hero h1.main {text-align:left; font-size:2.15em; line-height:2em;}}
.h1-sub {color:#FFF; width:90%; font-size:.9em; font-style:italic; padding:0.2% 2%;}
.summary {color:#FFF; width:90%; margin:0 auto; line-height:1.5em; font-size:.9em;}
.summary a {color:#FFF; border-bottom:1px dotted #999; text-decoration:none;}
#hero {background: #586066; padding: .1em;}
#sidebar-left {max-width:100%; min-width:268px; float:none; clear:both; margin-right:5px;}
#sidebar-right {width:90%; float:none; clear:both; margin: 0 auto;}
.programs {text-align:center;}
.programs ul {margin:0% 1%; padding:2% 0; background-color:#f5f5f5;}
.programs ul a {text-decoration:none;}
.programs ul li {list-style:none; border-bottom:1px dotted #536E77;} 
.programs ul li:hover {background-color:#2C3A3F; color:#f5f5f5;} 
.programs ul li a {color:#012942; text-decoration:none;}
.programs ul li a:hover {color:#f5f5f5;}
.widget-title {background-color:#2C3A3F; color:#fff; text-transform:uppercase; font-size:1.2em; text-align:center; padding:5% 1%;}

/* Program Specific */
.highlightedft {width:95%; margin:30px auto; padding:10px; box-shadow:#888888 0 0 6px 0; overflow:hidden;}
.highlighted {width:93%; border:1px solid #999; border-radius:2px; border-bottom:3px solid #16354C; margin:20px auto; padding:10px; box-shadow:#888888 0 0 6px 0; overflow:hidden;}
 .hred {border-left: 15px solid #FE6601;}
 .top {border-left: 15px solid #7C9E41; border-top:2px solid #7C9E41; border-right:2px solid #7C9E41; border-radius:2px; border-bottom:4px solid #7C9E41;}
 .program-h {border-left: 15px solid #FE6601;}
 .cta {background:#FFF9E0;}
 .hthird {width:30%; margin:1%; float:left;}
 .hinner {padding:0 1%; line-height:1.6em; font-size:.9em;}
.highlighted-text {color:#527A0D;}
.highlightedft ul li, .highlighted ul li {font-size:.9em;}
.highlightedft h2, .highlighted h2 {margin-bottom:8px; border-bottom:3px dashed #888888; color:#555555; font-family:inherit; line-height:1.6em;}

.hred a, hblue a {color:#fcfcfc;}
.hred {width:95%; margin:30px auto; padding:10px; box-shadow:#888888 0 0 6px 0; overflow:hidden; background:#e53935; color:#fff;}
.hblue {width:95%; margin:30px auto; padding:10px; box-shadow:#888888 0 0 6px 0; overflow:hidden; background:#1565c0; color:#fff;}

/* Buttons */
.btn-ctn {margin:10px auto; width:100%; padding:2px 0; clear:both;}
.btn-top {float:left; padding:0px; border:1px solid #777; width:200px; margin:5px;}
  .btn-top a {text-decoration:none; }
  .btn-top:hover {box-shadow:0px 0px 4px 2px #bbb; cursor: pointer;}
.btn-intro {color:#fff; width:20%; float:left; padding:10px;}
  .btn-intro a {color:#fff;}
  .btn-green {background: #497C4F;}
  .btn-blue {background: #008BEF;}
  .btn-red {background: #FF3E00;}
.btn-admissions a {color:#497C4F; float:left; width:80%; padding:10px;}
.btn-website a {color:#008BEF; float:left; width:80%; padding:10px;}
.btn-ri a {color:#FF3E00; float:left; width:80%; padding:10px;}
.btn-admissions a, .btn-website a, .btn-ri a {text-transform:uppercase; font-family:inherit; font-size:14px;}

/* Material Icons */
.material-icons {font-size:18px; vertical-align:middle;}


/* HERO */
.subhead {width:90%; margin:0 auto; color:#fff; font-size:1.1em; text-shadow: 1px 1px #394A51;}
.herotext {min-height:auto; width:95%; margin:0 auto; clear:both;}
.herotextbox1 {margin: 1% auto; float:none; border-radius:2px; background:#D85338; color:#fff; width:93%; height:auto;}
  .herotextbox1 .herotextinner a {color:#fff; text-decoration:none;}
  .herotextbox1 .herotextinner a:hover {color:#3F535B;}
.herohead {font-size:1.2em; text-align:center; border-bottom:2px solid #fff; padding:1%; margin:0; font-weight:bold; text-transform:uppercase;}
	.blue {background-color:#C44B33; text-shadow:1px 1px #28513E;}
/*	.green {background-color:#f5f5f5; border-top:4px solid #D85338;}*/
.herotextinner {padding:.85%;}
.herotextbox2 {display:none;}
  .herotextbox2 .herotextinner a {color:#59717A; text-decoration:none; font-size:.96em;}
  .herotextbox2 .herotextinner a:hover {color:#3F535B;}

/* NATIVE */
.highlighted2 {font-size:15px; background:#F3F3F3; border:1px solid #DCDCDC; border-radius:2px; line-height:1.5em; margin:20px auto; padding:2% 1% 0; width:95%;}
.highlighted2 ul li {font-size:15px; line-height:1.4em; clear:both;}
.sponsored2 {background:#678730; border-radius:15px; color:#FFFFFF; float:right; font-size:0.9em; height:22px; padding:2px; text-align:center; width:22px; line-height:1.15em;}

/* School Listings */
.school-name {font-size:1.1em; font-weight:bold;}
.school-list-box {overflow:hidden; width:95%; margin:1% auto; border:1px solid #ddd; border-radius:3px;}
.school-list-box ul li {font-size:.9em;}
.program-writeup, .program-text, .featured-program-writeup, .featured-program-text {padding-left:1.5%; font-size:.9em;}
.program-text, .featured-program-text {font-weight:bold;}
.program-accreditation {float:right; clear:right; font-size:.85em; color:#fff; padding:1%; background-color:#D85338; margin-top:1%; border-radius:2px; font-weight:bold;}
.univ-stats {text-align:center; width:100%; float:none; clear:both; font-size:.75em; color:#777; padding:1%; background-color:#f5f5f5;}
.school-location {float:none;}
.univ-enrollment {float:none;}
.univ-acceptance {float:none;}
.row .col {vertical-align:top;}
.tablecard {padding:0;}
.tablecard h2, .tablecard h3 {border-bottom:none;}
img.imgfav {max-width:16px; height:auto; vertical-align:middle;}

/* MPA Table   */
a.table-schoolmpa {font-size:15px;}
.table-programmpa {padding-left:6px; opacity:.8;}
.mpasmall {padding-left:12px; font-size:.8em; opacity:.8;}

/* MPA Card */
.card-mpa {width: 99%; margin: 2em auto; border: 1px solid #EEE; background:#FFF;}
.card-mpa h3 {background: #EEE; color: #555; text-align: center; padding: .5em .25em; font-weight:normal; margin:0 auto;}
.card-mpa ul {padding: 0em 2em;}
.card-mpa ul li a {font-size:.9em;}
.entry-content ul li {font-size: 15px;  list-style: disc inside; padding-left: 1.5em;}
.entry-content {margin: 0 auto; width: 100%; padding: 1em;}
#breadcrumbs {margin: .5em; padding: 0 3em; color: #FFF; opacity: .8; font-size:.9em; line-height:1.3em;}
#breadcrumbs a { color:#ECC2A6;}
.statesbc #breadcrumbs {color:#FFF; opacity:.8;}

/* Navigation
================================== */
/* MPA Responsive Navigation */
.nav-main {overflow: hidden; max-width: 1600px; margin: 0 auto; text-align:right;}
.nav-main a, .nav-main a:visited {float: left; display: block; color: #222; text-align: left; padding: 14px 16px; text-decoration: none; font-size: .95em; border-bottom:none; line-height:1.3em;}
.active {color: inherit;}
.nav-main .icon {display: none;}
.dropdown {float: left; overflow: hidden;}
.dropdown .navdropdwn {font-size: inherit; border: none; outline: none; color: #222; padding: 3px 5px; background-color: inherit; font-family: inherit; margin: 0;}
.dropdown-content {display: none; position: absolute; background-color: #F9F9F9; min-width: 160px; border:2px solid #FE6601; border-radius:3px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 9999;}
.dropdown-content a, .dropdown-content a:visited {float: none; color: #222; padding: 3px 5px; text-decoration: none; display: block; text-align: left;}
.dropdown-content a.dropdown-parent {color:#FE6601; border-top:1px solid #CCC;}
.nav-main a:hover, .dropdown:hover .navdropdwn, .nav-main a:focus, .nav-main a:hover, .nav-main a:active {color: #FE6601; background:inherit;}
.dropdown-content a:hover {background-color: #F5F5F5; color: #FE6601;}
.nav-main .mpa-logo-col {display: block; float:left;}
.nav-main .nav-col {float:right; margin: 1em auto 0; width:auto;}
.nav-main a.mpa-logo:hover, a.mpa-logo img:hover {background-color: none;}
.dropdown:hover .dropdown-content {display: block;}
@media screen and (max-width: 600px) {
.nav-main a:not(:first-child), .dropdown .navdropdwn { display: none; }
.nav-main a.icon {float: right; display: block;}
.nav-main.responsive {position: relative;}
.nav-main .nav-col {float: none; margin: 1em auto;}
.nav-main.responsive .icon {position: absolute; right: 0; top: 0;}
.nav-main.responsive a {float: none; display: block; text-align: left;}
.nav-main.responsive .dropdown {float: none;  width:100%; clear:both;}
.nav-main.responsive .dropdown-content {position: relative;}
.nav-main.responsive .dropdown .navdropdwn {display: block; width: 100%; text-align: left;}
button.navdropdwn {background:inherit; color:inherit; font-size:inherit; border:inherit; border-radius:inherit; padding:inherit;}}
.nav-col {float: none; margin:10px auto 0;}
i.down {border: solid #FFF; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); float: right; display: block; margin: 6px 0px 0px 10px;}

/* Tables
================================== */
.program-table {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 3em 0;
  padding: 0;
}
.program-table-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;  /* Default to full width */
  padding: 0.8em 1.2em;
  overflow: hidden; /* Or flex might break*/
  list-style: none;
  border: solid 3px white;
	background: fade(slategrey,20%);}

/* Table column sizing
================================== */
.program-table--2cols .program-table-cell  { width: 50%; }
.program-table--3cols .program-table-cell  { width: 33.33%; }
.program-table--4cols .program-table-cell  { width: 25%; }
.program-table--5cols .program-table-cell  { width: 20%; }
.program-table--6cols .program-table-cell  { width: 16.6%; }

/* Apply styles
================================== */
.program-table {
  position: relative; top: 3px; left: 3px;
}
.program-table-cell {
  margin: -3px 0 0 -3px;
}

/* Cell styles
================================== */
.program-table-cell--dark {background-color: slategrey; border-color: darken(slategrey,10%); color: white;} 
/*h1, h2, h3, h4, h5, h6 { color: white; }*/

.program-table-cell--medium {
  background-color: mix(white,slategrey,50%);
  border-color: mix(white,slategrey,40%);
}
.program-table-cell--light {
  background-color: white;
  border-color: mix(white,slategrey,80%);}

.program-table-cell--highlight {
  background-color: lightgreen;
  border-color: darken(lightgreen,10%);}

.program-table-cell--alert {
  background-color: darkorange;
  border-color: darken(darkorange,10%);
	color: white; }

/* Responsive
==================================== */
@media all and (max-width: 500px) {
	.program-table--collapse  {display: block;}
.program-table-cell { width: 100% !important; }
.program-table-cell--foot { margin-bottom: 1em; }
.no-flexbox .program-table {display: block;}
.program-table-cell { width: 100%; }
.program-table-cell--foot { margin-bottom: 1em; }
}
td.col-school{min-width:240px;}

/* Back to Top Button */
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #222;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  opacity:.8;
}

#myBtn:hover {
  background-color: #555;
}

/* DESKTOP STYLES */
@media only screen and (min-width: 768px) {

/* SIDEBARS and MAIN */
#primary {float:left; padding:0 4%; width:72%; margin:0 auto;}
#sidebar-right {/*max-width:19%; min-width:150px;*/ width:26%; float:right; padding:0 4px; margin:0 auto; clear:none;}
#sidebar-left {max-width:19%; min-width:268px; float:left; margin-right:5px; clear:none;}

/* HERO HOME */
.herotext {min-height:310px; width:95%; margin:0 auto; clear:both;}
.herotextbox1 {margin-left:2%; float:left; margin:1%; border-radius:2px; background:#D85338; color:#fff; width:27%; height:250px;}
.herotextbox2 {display:block; float:left; margin:1%; border-radius:2px; background:#fff; width:62%; height:250px;}
}
.card-home {background-color: #FFF; border: 1px solid #CCC; /*border-left: 6px solid #FE6601;*/ height: auto; padding: 1em .5em; width: 95%; margin: .2em auto; border-radius: 2px; font-family: inherit;}
.card-home h5 {font-size: 1.3em; color: #777; font-weight: normal;}
.card-home ul li {list-style: disclosure-closed inside;}
.bg-degree {background: url('/images/mpa-14.jpg') no-repeat 110% 50%;}
.bg-career {background: url('/images/mpa-13.jpg') no-repeat 110% 50%;}
#highest-paying-jobs .card-home {margin:2em auto; background: url('/images/mpa-13.jpg') no-repeat 100% 0%;}

/** Listings **/
.school-intro {font-family:inherit; font-size:.95em;}
.school-list {font-family:inherit;}

/* School Basics, then edit based on surrounding class */
.school {font-family:inherit;}
.school-name {font-family:inherit}
.program {font-family:inherit;}
.desc {font-family:inherit;}
.track {font-family:inherit;}
.accred {font-family:inherit;}
.loc {font-family:inherit;}

/* SM */
.sm {font-size:0.85em; line-height:1.3em;}
.sm2 {font-size:0.85em; line-height:1.6em;}

/* Dep Rows and Cards */
.rowcontain {clear:both; height:auto; overflow:hidden}
.left {float:left; margin:8px;}
.ftsimplewrap, .ftstandardwrap, .ftwrap, .ftnativewrap {clear:both; margin:10px auto;}
.simple-short-accred {font-size:.9em; opacity:.85; padding-top:0.4%;}
.tsw-full {display:table-row; width:100%; padding:.5%; font-size:14px;}
.university-name {font-size:1.8em; font-weight:400; padding-bottom:3px;}
.ts2-full {display:table-cell; vertical-align:middle; width:40%; padding:10px;}
.simple-list {margin:5px auto;}
.icon-program {padding:1% 0 0;}
.uleft {margin-left:3%;}
.cl {clear:left;}

/* Columns */
.row {display: table; width: 100%; margin:1% auto;}
.row .col {display: table-cell; padding:1%;}
@media only screen and (max-width: 600px) {.row .col {display: block; width: 95%; margin:1% auto;}}

/* Cards */
.card {background-color:#FFF; border-top:1px solid #DDDDDD; box-shadow:#BBBBBB 0 2px 1px; height:auto; padding:15px; width:95%; margin:15px auto; border-radius:2px; font-family:inherit;}
.card ul {border-bottom:none;}
.card h3, .card h2, .card h4 {font-family:inherit; font-size:19px; padding-bottom:3px;}

/* Disc */
.sp {background:#FFFFFF; border:1px solid #DDD; border-radius:3px; color:#888; letter-spacing:1px; line-height:15px; margin-right:5px; padding:2px; font-size:10px; opacity:.9; float:right;}
.all-sp, .type-school_program, .all-table-programs-sp, .sp .all-sp, .table-url-writeup-sp {display:none;}
.all-table-programs-h strong {display:none;}
.spo {text-align: right; line-height: 1em; opacity: .7; font-size: .8em; margin-top: 0; padding-top: 0; font-style: italic;}

/* All Table URL Listings and No URL Listings*/
.school-table {font-size:1em; display:table; margin:0px auto; background-color:#FFF; width: 98%; border-bottom: 1px dashed #EEE;}
.ts1 {display:table-cell; vertical-align:middle; width:60%; max-width:500px; padding:10px;}
   .ts1 .university-name, .ts1-writeup {font-size:1.1em; font-weight:400; padding-bottom:0;}
   .program-table {opacity:.9;}
   .tsurl {width:100%; line-height:1.3em; padding: 1px 15px; height:23px; overflow:hidden; font-size:10px;}
      .tsurl a, .tsurl a:visited {padding-left: 5px; font-size:11px; text-decoration:none; color:#007F46; font-size:8px;}
.ts2 {display:table-cell; vertical-align:middle; width:20%; padding:10px;}
.ts3 {display:table-cell; vertical-align:middle; width:20%; padding:10px;}
.ts1-writeup {display:table-cell; vertical-align:middle; width:80%; max-width:500px; padding:10px;}
.sm {font-size:0.75em; line-height:1.5em;}
	
/* All URL Listings */
.display-url {width:100%; border-bottom:1px dashed #BBBBBB; line-height:1.3em; padding: 1px 0; height:25px; overflow:hidden;}
    .display-url a, .display-url a:visited {padding-left: 5px; font-size:11px; text-decoration:none; color:#007F46;}
.display-url .material-icons, .material-icons {font-size:inherit;}
a.greeny, .greeny, .greeny a, .school-box a.greeny, .school-box-inner a.greeny {color:#007F46;}

/*****************************************
*  RESPONSIVE TABLES
******************************************/
.school-block-contain {display:inline-block; margin-top:5px; width:100%; line-height:1.25em;}
.school-block-inner {display:table; margin:5px auto; background-color:#FFF; width:90%; padding: 20px; border-radius:2px; box-shadow: 0 1px 4px #777;}
.school-block-inner:hover {box-shadow: 0 0px 4px #2F6B31;}
 .school-block-inner h4 {border-bottom:1px solid #bbb; font-size:20px; line-height:1.3em; margin:1% .1%;}
 .school-block-inner h4 a {text-decoration:none; font-size:20px; color:#303030;}
 .school-block-inner .locstate {text-transform:uppercase;}
.school-block {display:table; width:100%;}
.school-block1 {display:table-cell; vertical-align:middle; width:250px; padding:10px;}
 .school-block1 h4 {color:#1F3646; font-weight:bold; font-size:17px; margin:5px auto 0px; line-height:1.1em;}
 .school-block1 p {line-height:1em; font-size:.95em; margin-top:4px;}
 .school-block11 {font-size:.95em;}
 .school-block-logo {clear:both;}
 .school-block-logo img {max-width:85%; max-height:120px;}
.school-block2 {border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; display:table-cell; padding:5px 2px 4px 10px; width:40%;}
.school-block3 {display:table-cell; padding:5px 2px 1px 10px;}
 .school-block3 .btncontain {background:url(/images/bg3.png) 2% center repeat #222; box-shadow:#777 0 1px 2px; color:#FFFFFF; font-weight:bold; margin:8px auto; text-align:center; width:130px; overflow:hidden; padding:8px 10px; display:block;}
 .school-block3 .btncontain:hover {opacity:.9; cursor:pointer;}
 .school-block3 .btncontain a {color:#FFFFFF; font-family:inherit; font-size:14px; font-weight:400; text-decoration:none; text-rendering:optimizeLegibility; text-shadow:#777777 1px 1px; text-transform:none; display:block;}
 .school-block3 .btncontain a:hover {text-decoration:none;}	
 .school-block3 .writeup {font-size:.95em;}

@media only screen and (max-width: 650px) {.school-block1, .school-block2, .school-block3 {width:90%; margin:5px auto; float:none; display:block;}}

/* Shortcodes to Display Featured Listings */
.ftsimplewrap, .ftstandardwrap, .ftwrap, .ftnativewrap {clear:both; margin:10px auto;}
.simple-short-accred {font-size:.9em; opacity:.85; padding-top:0.4%;}

/* Table with URL and Writeup */
.tsw-full {display: block; width: 99%; padding: 0 0 0 25px; margin: 0 auto;}
.tsw-full p {font-size:1em; line-height:1.5em;}

/* Specific */
.university-name {/*border-left:20px solid #F1F1F1; border-radius:9px; */font-size:1.8em; font-weight:400; padding-bottom:3px;}
.ts2-full {display:table-cell; vertical-align:middle; width:40%; padding:10px;}

/************************
 NATIVE
***********************/
.school-nat {width:97%; margin:.5% auto; border-bottom:1px dotted #aaa;}

/************************
 SIMPLE
***********************/
.simple-list {margin:5px auto;}
.icon-program {padding:1% 0 0;}
.school {width:90%; margin:1% auto 1.5%;}
.uleft {margin-left:3%;}
.cl {clear:left;}
.icon-program i.material-icons {opacity:.3;}

/************************
 GROUP
***********************/
.group {box-shadow:#999999 0 1px 3px; margin:3% auto; padding:2%; width:90%; background:#fff;}
.group-inner {width:100%;}
.group-school {border-bottom:1px solid #BBBBBB; font-size:1.1em; font-family:inherit; font-weight:700; margin:20px 0 8px; text-transform:uppercase; display:block; width:100%;}
.group-2 {width:100%; display:table; border-bottom:1px dashed #BBBBBB; height:25px; line-height:1.3em; overflow:hidden; padding:1px 0;}
.group-url {display:block; width:230px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .group-url a, .group-url a:visited {padding-left: 5px; font-size:11px; text-decoration:none; color:#007F46; display:table-cell; width:250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.group-url .material-icons, .material-icons {font-size:inherit;}
.group-loc {font-size:.85em; display:table-cell; width:20%;}
ul.groupul {font-size:.8em; line-height:1.4em; border-top:none; margin-top:1px;}


/************************
 DISCLOSURES
***********************/
.sponsored {background:#FFFFFF; border:1px solid #ddd; border-radius:3px; color:#888; font-weight:bold; float:left; font-family:inherit; letter-spacing:1px; line-height:15px; margin-right:5px; padding:2px; font-size:10px; opacity:.9; float:right;}
 .sponsored .all-sp, .all-sp, .type-school_program {display:none;}

/*  HE Listings */
.he-pre, .he-post {font-size:13px;}
.he-pre ol li, .he-post ol li {list-style:none;}

/************************
 DESKTOP STYLES 
 ***********************/
 
@media only screen and (min-width: 768px) {

/* FEATURED SCHOOL LISTINGS */
.featured-school-logo {float:right; clear:right; width:auto; margin:auto;}
.featured-school-name {font-weight:bold; clear:none; width:200px;}

/* SCHOOL LISTINGS */
.univ-stats {float:right; width:140px; clear:right;}
.school-location {float:none; width:98%; margin:0 auto; border-bottom:1px dotted #BBBBBB; color:#777777;}
.univ-enrollment {float:right; clear:right;}
.univ-acceptance {float:right; clear:right;}
.group-url {display:block; width:420px;}
}

/***************
     Shorts 
****************/

/* Highlighted Wrappers */
.highlighted-red {background:#F9F9F9; border-bottom:2px dashed #BBBBBB; border-top:2px solid #DA512E; clear:both; line-height:1.75em; margin:20px; overflow:hidden; padding:10px;}
.highlighted-green {background:#FFF; border-bottom:2px dashed #BBBBBB; border-top:2px solid #0F962E; clear:both; line-height:1.75em; margin:20px; overflow:hidden; padding:10px;}
.highlighted-orange {background:#F9F9F9; border-bottom:2px dashed #BBBBBB; border-top:2px solid #EE9C0C; clear:both; line-height:1.75em; margin:20px; overflow:hidden; padding:10px;}

/* Card2 */
.card2 {background-color:#FFF; box-shadow:#BBBBBB 0 1px 4px; display:block; height:auto; padding:15px; width:95%; margin:2% auto; border-radius:2px; font-family:inherit;}
.card2 ul {border-bottom:none;}
.card2 a {color:#006EBC;}
.card2 h3, .card h2, .card h4 {font-family: inherit; font-weight:bold; font-size:19px; padding-bottom:5px; text-transform:capitalize;}

/* Outlines */
.ored {border:5px solid #E62311;}
.oblue {border:5px solid #4484CE;}
.oteal {border:5px solid #4EBBAB;}
.ogreen {border:5px solid #3CC47C;}

/* Backgrounds and Colors */
.callout {width:97%; margin:2% auto; padding:1.5%; overflow:hidden;}
.black {background:#111; color:#fff;}
.white {background:#fff;}
.blue {background:#1977D1; color:#fff;}
.cyan {background:#00838f; color:#fff;}
.green {background:#2e7d32; color:#fff;}
.orange {background:#FE9803; color:#fff;}
.red {background:#b71c1c; color:#fff;}
.gray {background:#9E9E9E; color:#fff;}
.lightgray {background:#f5f5f5; border:1px solid #EEEEEE; border-radius:2px;}
.lightcyan {background:#4fb3bf;}
.lightblue {background:#BADDFA;}
.lightgreen {background:#60ad5e;}
.lightorange {background:#FEC00B;}
.lightred {background:#FFD6D6;}
.callout ul, .callout ul li, .callout ul li:nth-child(even), .callout ul li:nth-child(odd) {background:inherit; opacity:.9;}

/* Buttons */
.jumpcontain, .jumpcontain .button {text-align:center; margin:10px auto;}
.center {text-align:center;}
.jumpcontain a.jump, .jumpcontain .button a.btn {display:inline-table; padding:2%;; border:none; color:#fff; font-weight:bold; font-family:inherit; text-decoration:none; transition:.3s; box-shadow:#bbb 0 1px 3px;}

/* Floats */
.fright {float:right;}
.fleft {float:left;}

/* Tooltips */
.tooltip {position: relative; display: inline-block;  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */}
.tooltip .tooltiptext {visibility: hidden; width: 120px; background-color: #555; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px;  position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; /* Fade in tooltip */ opacity: 0; transition: opacity 1s;}
.tooltip .tooltiptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
.tooltip:hover .tooltiptext {visibility: visible; opacity: 1;}
.last-reviewed-date {text-align:right; opacity:.6; font-size:.85em; line-height:1.5em;}

/* Transition up to date CSS below with inline desktop
 * Upgrading FT Listings *ft-mpa* */
.ft-mpa-list {margin:2em auto 0;}
.ftmpa-school {margin:1em auto; border-bottom:1px dotted #DDD;}
.ftmpa-btn-ctn {float:right;}
	a.ftmpa-btn {font-size:.9em;padding:.5em;color:#037249;background:#06C889;box-shadow:1px 1px 3px #777;}
a.ftmpa-btn:hover {background:#05B57A;}
.ftmpa-name {font-size:1.3em;}
.ftmpa-program {margin-left:2em;}
.ftmpa-sw {margin-left:2.5em; line-height: 1.5em; font-size: .9em;}
a.showmore {background: #dbdbdb; padding: .5em 1.5em; border-bottom: 3px solid #867977; color: #403d3d; border-radius: 4px;}
a.showmore:hover {filter: brightness(85%);}
p.featintro {margin-bottom:0; opacity:.8; font-size:.9em;}

/* Featured */
.programinfo {opacity:.8; font-size:.85em; padding-left:.35em;}

/* Table Official */
table, table.table {border-collapse:collapse; width: 99%; margin: 1em auto 0; border: 1px solid #EEE; background-color:#FFF; line-height:1.3em; font-size:1em; clear:both;}
table tr th {background: #f2f4f5; color: #586066; padding:1em .25em;}
table tr {border-bottom:1px solid #dde1e4;}
table tr td {padding:.4em .2em;}
table tr td.tdschool {background:#FFF; min-width: 210px;}
table tr td.accreditation-info {font-size: .9em; text-align: center; line-height: 1em;}
table tr td.accreditation-info .online-admissions-website {text-align:center;}
table tr td.accreditation-info .online-admissions-website a {background-color: #C86421; color: white; padding: .7em .2em; margin: 0.5em auto 0; display: block; width:92%; border-radius:3px;}
table tr td.accreditation-info .online-admissions-website a:hover {filter: brightness(85%);}

/* Adjust Table for Tablets and Mobile */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
table, thead, tbody, th, td, tr {display: block; font-size:1em;}
table tr th {display:none;}
table tr { border: 1px solid #dde1e4;}
table tr td {border: none; position: relative; padding-left: 5%; }
table tr td.tdschool {background: #f2f4f5; color: #586066; font-size:1.1em; border:1px solid #dde1e4; width:100%;}
table tr td::before {content: attr(data-th)": "; font-weight: bold; width:6.5em; display: inline-block;}
table tr td.tdschool::before, table tr td.accreditation-info::before {content:none;}
table tr td.tdlogo, table tr td.bls-title {display:none;}
}

/* Quick List of Schools */
ul.mpa-programs li {font-size: inherit;  list-style: inside;  margin: 0 1.5em;}
.ul-list .pro::after {content: ",";}
.ul-list .pro:last-child::after {content: " "; border-right: none; padding-right: 0px;}

/* Authorship */
.authorcard {background: #f8fbfd; color: #586066; padding: .5em 1em; /*border-left: 5px solid #586066;*/}
img.authorpic {width: 55px; margin-right: .75em; border-radius: 50%; border: 1px solid #EEE;}
.authorname {font-weight:bold; font-size:.85em;}
.authorbio {line-height:1.5em; font-size:.8em; opacity:.8;}
em.reviewed {font-size: .9em; display: block; color: #885830; line-height:1.2em;}
.author-updated {font-size: .8em; text-align: right; color: #885830; opacity: .7;}

/* Search Results */
.results-card {display:block; margin:2em auto; width:98%; border:1px solid #EEE; border-radius: 4px; clear:both; background:#FFF; box-shadow: 0px 1px 7px #999; transition: box-shadow 0.15s ease-in-out 0s;}
.results-card:hover {box-shadow: 0px 1px 18px #555; transition: box-shadow 0.25s ease-in-out 0s;}
.flex-container {display: flex; flex-wrap: nowrap;}
.flex-item-left {flex: 70%;}
.flex-item-right {flex: 30%; border-left: 1px solid #EEE; padding: .5em 1em;}

/* Body */
.results-highlights {display: flex; flex-wrap: nowrap; text-align: center; border-top:1px solid #ddd; vertical-align: baseline;}
.res {flex: 30%; line-height: 1.5em; font-size: 13px; padding: 10px 5px; width: 30%; margin: 0 auto; text-align: center;}
.resbright {border-right: 1px solid #DDD;}
.res1:before {content:"✔ "; font-weight:bold;}
.res2:before {content:"✎ "; font-weight:bold;}
.res3:before {content:"Level: "; font-weight:bold;}
.results-school-mobile-image {display:none;}
img.results-image {max-width:270px; max-height:90px; height:auto; margin:1em auto; display:block;}
.results-program-name {font-weight:bold; font-size: 25px; padding: .5em; border-bottom:1px solid #EEE; line-height:1.2em;}
.results-school-name {opacity:.7; font-size: 17px; padding: 0 1em .5em; line-height:1.2em;}
.results-writeup {opacity:.7; font-size:13px; line-height:1.5em; padding: 0 1em; margin: .2em 1em 1em;}
.results-center {text-align:center;}
a.results-button, a.results-button:visited {border-radius: 3px; padding: 5px 10px; text-align:center; width: 80%; margin: 0 auto; display: block;}
a.results-button:hover, a.results-button:visited:hover {filter: brightness(85%);}
.click-to {opacity:.7; font-size:12px; line-height:1.5em; text-align:center; margin: 1.5em 0 .5em;}

/* Responsive */ @media (max-width: 800px) {.flex-container, .results-highlights {display: flex; flex-wrap: wrap;}
.flex-item-right, .flex-item-left {flex: 100%;}
.results-program-name {font-size: 20px; padding: .5em; border-bottom:1px solid #EEE; line-height:1.2em;}
.resbright {border-bottom:1px solid #DDD;}
.results-school-mobile-image {display:block;float:right;width:45%; margin:0;}
img.results-image-mobile {max-width:99%; margin:0 auto; height:auto; max-height:100px; padding:.5em; float:right; background-color:white;}
img.results-image {display:none;}
.results-program-name {border-bottom:none;}
.results-school-name {border-bottom:1px solid #EEE;}}

/* Customize Results Colors Here */
/* Request Info Button */ a.results-button, a.results-button:visited {background-color: #C66422; color: white;}
/* Program Name */ .results-program-name a {color:#444;}
/* Program Name Hover */ .results-program-name a:hover {color:royalblue;}
/* Writeup Link Color */ p.results-writeup a, p.results-writeup a:visited {color: royalblue;}
/* Highlights */ .results-highlights {color: #555; background: #E7E9EB;}

/* School Search: DO NOT EDIT */
.school-search input[type=text], .school-search select {width: 100%; padding: 10px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; border-color: .1s ease-in-out; font-size: 13px; font-family: inherit; cursor:pointer; /* Replace dropdown arrow */ background-color:#FFF; background-image: linear-gradient(45deg, transparent 40%, gray 45%), linear-gradient(135deg, gray 45%, transparent 40%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; -webkit-appearance: none; text-indent: 0.01px; text-overflow: "";}
.school-search input[type=submit] {width: 100%;  padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; -webkit-appearance: none; font-size: 16px; font-weight: normal;}
.school-search {max-width: 350px; border-radius: 2px; padding: 0px; margin: .5em auto 2em;}
.school-search .form-body, .school-search .form-submit {padding: .4em 1.5em;}
.school-search .intro {font-size:1.4em; font-weight:bold; text-align:center; padding:.5em;}

/* Customize Colors Here */
/* Main Background Color */ .school-search {background: #878b8f; box-shadow: 0 1px 4px #888;}
/* Heading Intro */         .school-search .intro {color: white; text-shadow:1px 1px #444;}
/* Submit Surround Area */  .school-search .form-submit {background:inherit;}
/* Submit Color */          .school-search input[type=submit] {background-color: #C86421; color: white; }
/* Submit Hover */          .school-search input[type=submit]:hover {filter: brightness(85%);}
/* Sp Link */				.sp2 {text-align:center; width:100%; margin:.1em auto; color:white; opacity:.6; font-size:.8em; font-style:italic;}