/*overrides*/
/*#mainContent a {
	text-decoration:none;
}*/
section.tan a {
    text-decoration: underline !important;
}
section.tan a.button {
    text-decoration: none !important;
}
div.homeHeader h1:before {
	background:none !important; /* removes extra star */
}
h5, .h5 {
    font-family: 'UniversLTStd-Bold', sans-serif;
    margin-bottom: 20px;
}
h6, .h6 {
    margin-bottom: 10px;
	color:#000;
}
/* helper class for images that aren't responsive */
.img-responsive {
	max-width: 100%;
	height: auto;
}
.slick-slide img {
    max-width: 100%;
    height: auto;
}
#masthead > div > div.flyout.menuFlyout {
	overflow-y: auto !important;
}
/* removes the large blue border on the three col content snippet */
.noBlueBorder div.col-1-1-1 .col-33 {
	border-bottom: 0 !important;
}
article.listing a:hover {
	text-decoration: none !important;
}

/* new font awesome */
#mainContent i.fa, 
#mainContent i.fab, 
#mainContent i.fal, 
#mainContent i.far, 
#mainContent i.fas {
	margin:0 3px 0 5px;
}
body.intranet .blocks.three-column .block ul li {
	margin-bottom:15px !important;
	line-height:1.1 !important;
}
div.positionScroll #scrollTop {
	background-size: 35px auto;
	position: fixed;
}
div.positionScroll.stop #scrollTop {
    position: fixed;
}

/* needed for stat tiles to be accessible to screen readers */
.hiddenStat {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
div.linkUnderline article.listing a {
	text-decoration: underline !important;
}

section.didYouKnow {
	z-index: 3 !important;
}

/* graph stuff */

.graphContainer {
	position: relative; 
	margin-top: 32px;
	margin-right: 10px;
}

.earningsGraph {
	max-height: 388px !important;
}

/* class for removing extra whitespace in degree section */
.lessSpace {
	padding-bottom: 0;
	padding-top: 50px;
}
.lessSpace > .container > h2 {
	margin-bottom: 0;
}
.lessSpace > .container > p {
	margin-top: 15px;
}
#mainContent > article > section:nth-child(6) > div

/* degree tile gradient adjustment */
div.locationListing div.location div.locationContent {
    background-image: linear-gradient(-180deg, #033b85 0%, rgba(2,59,133,0.34) 65%) !important;
}
div.locations div.locationFilter div.wrapper {
    width: 16.6%; /* was 14.285% with 7 items instead of 6 */
}
/* end degree tile gradient adjustment */

/* 3-col photo gradient adjustment */
div.col-1-1-1 .col-33 div.overlay {
    background-image: linear-gradient(0deg, #033b85 0%, rgba(2,59,133,0.30) 40%);
}

/* adjust ul and ol lists to be flexible */
#mainContent ul.smallList li, #mainContent ol.smallList li {
	margin-bottom:5px !important;
}
#mainContent ul.ulBody, #mainContent ol.olBody {
	margin-left:20px;
}
#mainContent ul.ulBody li, #mainContent ol.olBody li {
	margin-bottom:15px;
}
#mainContent ul.light li, #mainContent ol.light li {
    font-family: 'UniversLTStd-Light', sans-serif;
    line-height: 1.2;
	margin-bottom:15px;
}

#mainContent ul.ulBody li ul.ulBody,
#mainContent ul.ulBody li ol.olBody, 
#mainContent ol.olBody li ol.olBody,
#mainContent ol.olBody li ul.ulBody {
	margin-bottom:0px;
}

/* degree accordions with no h3 title, just the gray bars */
.degreesNoTitle .degree .title h3 {
	margin-bottom: 10px;
} 
.degreesNoTitle .degree .content .full-content li {
	color: #506D7B;
	font-size: 14px;
}
.degreesNoTitle .degreeListing .container .degree .content .full-content {
	margin-top: 15px;
}
.degreesNoTitle .degreeListing .container .degree .content .full-content ul { 
	margin-top: 0;
}
.degreesNoTitle .degreeListing {
	padding-top: 0;
	padding-bottom: 0;
}

.degreesWithOverviewAndIntros > section > div > div > h3 {
	font-size: 55px;
}

/* centers background images of three column snippet */
div.col-1-1-1 div.col-33 {
	 background-position: center center;
}

.noToppadding {
	padding-top:0px;
}
section, aside {
    padding-top: 40px;
    padding-bottom: 40px;
}
section.degree>div.content div.full-content ul li {
    padding-left: 4px !important;
}
section.degree>div.content p a:hover {
    text-decoration: none !important;
}

/* stuff what manages tables on the transfer equivalencies pages, exclusively (or anything else with .transferTable) */
table.transferTable {
	margin-left: 0 !important;
}
table.transferTable p {
	text-align: center !important;
}
table.transferTable tr td {
	vertical-align: middle !important;
}
table.transferTable thead tr th {
	width: 50% !important;
}
table.transferTable thead tr:nth-child(2),
table.transferTable tbody tr:last-child {
	border-bottom: 1px solid #000 !important;
}
section.table div.container table.transferTable thead tr td, 
section.table div.container table.transferTable thead tr th {
	padding: 14px 20px !important;
}
section.table div.container table.transferTable tbody>tr>td {
	padding-left: 0px !important;
}
section.table div.container table .altbg {
	background-color: #D5E4EA !important;
}
section.table div.container table .altbg p {
    margin: 10px 0 !important;
}
/*section.table div.container table.transferTable thead tr td, 
section.table div.container table.transferTable thead tr th,
section.table div.container table.transferTable thead tr td:nth-child(4),
section.table div.container table.transferTable thead tr td:nth-child(3) {
	padding: 14px 8px !important;
}
section.table div.container table.transferTable tbody tr td,
section.table div.container table.transferTable thead tr td:nth-child(2),
section.table div.container table.transferTable thead tr td:nth-child(5) {
	padding: 14px 0 !important;
}
section.table div.container table.transferTable thead tr td:nth-child(6),
section.table div.container table.transferTable tbody tr td:nth-child(3),
section.table div.container table.transferTable tbody tr td:nth-child(6) {
	padding: 14px 8px 14px 0 !important;
} 
section.table div.container table.transferTable thead tr td:nth-child(1),
section.table div.container table.transferTable tbody tr td:nth-child(1) {
	padding: 14px 0 14px 8px !important;
}
section.table div.container table.transferTable thead tr td:nth-child(3),
section.table div.container table.transferTable thead tr td:nth-child(6),
section.table div.container table.transferTable tbody tr td:nth-child(3),
section.table div.container table.transferTable tbody tr td:nth-child(6){
	padding: 14px 16px 14px 0 !important;
}
section.table div.container table.transferTable thead tr td:nth-child(1),
section.table div.container table.transferTable tbody tr td:nth-child(1) {
	padding: 14px 0 14px 16px !important;
}*/
section.table div.container table.transferTable thead tr:nth-child(2){
	background-color: #e7f1f3;
}
section.table div.container table.transferTable thead tr:nth-child(2) td p,
section.table div.container table.transferTable thead tr th.contrastHead p {
	color: #000 !important;
}


/* gives correct link underlining and button spacing to accordion content */
#mainContent section.degreeListing .full-content p a {
	text-decoration: underline !important;
}
#mainContent section.degreeListing .full-content p a:hover {
	text-decoration: none !important;
}
#mainContent section.degreeListing .full-content a.button,
#mainContent section.degreeListing .full-content p a.button {
    text-decoration: none !important;
}
section.degreeListing > div section.degree.expanded > div.content > div > div > p > a.button {
	margin-bottom: 25px;
}


/* makes ol and ul styling consistant to p styling in accordion */
section.degreeListing > div section.degree.expanded > div.content > div > ul > li,
section.degreeListing > div section.degree.expanded > div.content > div > ol > li,
section.degreeListing > div section.degree.collapsed > div.content > div > ul > li,
section.degreeListing > div section.degree.collapsed > div.content > div > ol > li {
	font-size: 16px;
	color: #506d7b;
}



/* makes font within accordions uniform at 16px while ignoring tables */

section.degree div.content {
	font-size: 16px;
}
section.degree ul.ulBody *,
section.degree ol.olBody *,
section.degree div.content div.full-content ul li div.detailContent > p,
section.degree div.content div.full-content ul li div.detailContent .leftPadding > p {
	font-size: 16px !important;
}
section.degree div.content div.degree-meta div.cell span.content div.Tuition-Rates > span,
section.degree div.content div.degree-meta div.cell span.content span.Aviation-Technology-Program-Cost {
	font-size: 14px !important;
}

/* this makes the orange plus/minus button better aligned on big and small accordions */
@media (min-width: 1001px) {
section.degree div.title button {
    top: 13px;
}
}
section.degree>div.content div.full-content button {
    vertical-align: text-bottom;
}

/* makes font within mini-accordions inside accordions darker color */
ul li div.detailContent div.responsiveTable .specs tr td p,
ul li div.detailContent div.responsiveTable .specs tr td {
	color: #506d7b !important;
	font-size: 16px !important;
}
div.full-content div.responsiveTable .specs tr td {
    color: #506d7b !important;
    font-size: 16px !important;
}

/* gives tables the proper left padding inside tabbed content */
#mainContent ul.cd-tabs__content table {
		margin-left: 0px;
    	margin-right: 0px;
        width: 100%;	
}


/* brings two buttons stacked on top of each other in-line (under flexbox model) */
.twoStackedButtonLeveler {
	display: flex;
	flex-flow: row;
	justify-content: space-around;
	flex-wrap: wrap;
}

/* adds blue background and mobile/tablet responsive text centering to paragraphs in 2-1 and 1-2 columns */
/* implemented by wrapping 2-1 or 1-2 col in div with "blueSmallerColumn" class */
.blueSmallerColumn div.columns.col-2-1 > div.col-33 {
	background-color: #033b85;
}
.blueSmallerColumn div.columns.col-2-1 > div.col-33 p {
	color: #fff !important;
	padding: 15px 0;
}
.blueSmallerColumn div.columns.col-2-1 > div.col-33 p > a {
	color: #fff !important;
}
@media (max-width: 1000px) {
	.blueSmallerColumn div.columns.col-2-1 > div.col-33 {
		display: flex;
		justify-content: center;
	}
	.blueSmallerColumn div.columns.col-2-1 > div.col-33 p {
		padding: 15px !important;
	}
}

/* stats */

div.statCallout .singleStat div.stat-box .stat {
	font-size:48px;
}
section.stats .stat {
	font-size:48px;
}
div.statCallout {
    padding-top: 10px;
    padding-bottom: 10px;
}
div.statCallout .singleStat div.stat-box {
    padding: 50px 10px 48px 20px;
	min-height:300px !important;
	background-color: #ecf4f7;
}
section.stats div.stat-boxWrapper div.stat-box {
    min-height: 300px !important;
	background-position: center top 60px !important;
}
section.stats.blue div.stat-boxWrapper .gradient {
	background-image:none;
}
section.stats.blue-light div.stat-boxWrapper .gradient {
    background-image: none;
}
@media (max-width: 767px) {
section.stats div.stat-boxWrapper div.stat-box {
    background-size: contain;
    background-origin: content-box; 
	background-position: center top 20px !important;
    background-size: 85% !important;
}
div.statCallout .singleStat div.stat-box {
    background-size: contain;
    background-origin: content-box; 
    background-size: 85% !important;
}
}
@media (min-width: 768px) and (max-width: 1000px) {
section.stats div.stat-boxWrapper div.stat-box {
    min-height: 420px !important;
}
section.stats a.refreshBtn {
	display:none !important;
}
div.statCallout .singleStat div.stat-box {
    min-height: 400px !important;
	background-size: 70% !important;
}
}
@media (min-width: 420px) and (max-width: 767px) {
section.stats div.stat-boxWrapper div.stat-box {
    min-height: 400px !important;
}
div.statCallout .singleStat div.stat-box {
    min-height: 400px !important;
}
}
/* end stats */

/* adjust DYK on tablet */
@media (min-width: 768px) and (max-width: 1000px) {
section.didYouKnow {
    max-height: 350px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
/* adjust hero video on tablet */
div.wrapper#hero video {
    height: 450px;
}
}

/* blue box that's like a blockquote */
#mainContent div.bluebox {
	background: #266cac;
	background-image: linear-gradient(0deg, rgba(78,165,218,0.1) 0%, #4ea5da 100%);
	padding: 30px;
	color:#fff;
	position:relative;
}

#mainContent div.bluebox.margin {
	margin-bottom: 25px;
}

/* used for large link boxes */
#mainContent div.bluebox h3,
#mainContent div.bluebox .h3,
#mainContent div.bluebox h3 a,
#mainContent div.bluebox .h3 a,
#mainContent div.bluebox h2,
#mainContent div.bluebox .h2,
#mainContent div.bluebox h2 a,
#mainContent div.bluebox .h2 a {
    font-family: 'UniversLTStd-Bold', sans-serif;
    font-size: 24px;
}
#mainContent div.bluebox .block ul,
#mainContent div.bluebox .block ol {
	padding-left: 0px;
	margin-bottom: 10px;
}
#mainContent div.bluebox .block ul li:before,
#mainContent div.bluebox .block ol li:before {
    display: none;
}
#mainContent div.bluebox .block ul li {
    list-style: none;
    padding-left: 0 !important;
	margin-bottom:15px !important;
	line-height:1.1 !important;
}
#mainContent div.bluebox .block ul li a {
    font-family: 'UniversLTStd-Bold', sans-serif;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
#mainContent div.bluebox .block ul li a:focus,
#mainContent div.bluebox .block ul li a:hover {
    text-decoration: underline;
}
/* ol */
#mainContent div.bluebox .block ol li {
    list-style: none;
    padding-left: 0 !important;
	margin-bottom:15px !important;
	line-height:1.1 !important;
}
#mainContent div.bluebox .block ol li a {
    font-family: 'UniversLTStd-Bold', sans-serif;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
#mainContent div.bluebox .block ol li a:focus,
#mainContent div.bluebox .block ol li a:hover {
    text-decoration: underline;
}

/* normal list items */
#mainContent div.bluebox ul li {
	margin-bottom: 3px;
	padding-left:10px;
	font-size:16px;
	list-style:none !important;
}
#mainContent div.bluebox p {
	font-size:16px;
}
#mainContent div.bluebox p,
#mainContent div.bluebox h3,
#mainContent div.bluebox h4,
#mainContent div.bluebox h5,
#mainContent div.bluebox h6 {
	color: #fff !important;
}
#mainContent div.bluebox .p,
#mainContent div.bluebox .h3,
#mainContent div.bluebox .h4,
#mainContent div.bluebox .h5,
#mainContent div.bluebox .h6 {
	color: #fff !important;
}
#mainContent div.bluebox a {
	color: #fff !important;
}
#mainContent div.bluebox a.button.white {
	color: #296183 !important;
}
#mainContent div.bluebox ul.ulBody {
	margin-left:10px;
}
#mainContent div.bluebox ul li a {
	color: #fff !important;
}
/* One Search within bluebox */
#mainContent div.bluebox div.oneSearch {
    text-align:center;
	margin-bottom: 10px;
}
#mainContent div.bluebox div.oneSearch input[type="submit"] {
    transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    position: absolute;
    right: 28px;
    top: 140px;
    display: block;
    width: 55px;
    height: 55px;
    background: center center no-repeat url(images/icon-search-orange.png);
    background-size: 22px auto;
    text-indent: -9000px;
    box-shadow: none;
}
#mainContent div.bluebox div.oneSearch {
	color:#ffffff;
}
#mainContent div.bluebox div.oneSearch label {
	color:#ffffff;
	font-size:14px;
	text-align:center;
}
#mainContent div.bluebox div.oneSearch span {
	display:block;
	text-align:center;
}
#mainContent div.bluebox div.oneSearch span a {
	color:#ffffff;
	font-size:16px;
}
#mainContent div.bluebox div.oneSearch img {
	margin:10px auto 0 auto;
}
/* end bluebox stuff */

/* library OneSearch within DYK */

#mainContent div.oneSearch input[type="submit"] {
    transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    position: absolute;
    right: 0;
    top: 114px;
    display: block;
    width: 55px;
    height: 55px;
    background: center center no-repeat url(images/icon-search-orange.png);
    background-size: 22px auto;
    text-indent: -9000px;
    box-shadow: none;
	border: none;
	cursor: pointer;
}
#mainContent div.oneSearch {
	color:#ffffff;
}
#mainContent div.oneSearch label {
	color:#ffffff;
	text-align:center;
}
#mainContent div.oneSearch span {
	display:block;
	text-align:center;
}
#mainContent div.oneSearch span a {
	color:#ffffff;
	font-size:16px;
}
#mainContent div.oneSearch img {
	margin:10px auto 0 auto;
	display: block;
}



.tan-dark {
    text-align: left;
}
#mainContent div.force-white-text,
#mainContent div.force-white-text h3,
#mainContent div.force-white-text a,
#mainContent div.force-white-text a:link,
section div.force-white-text a {
	color: #ffffff !important;
} 

#mainContent h2.orangeText,
#mainContent h3.orangeText,
#mainContent h4.orangeText {
	color: #ff6200 !important;
}
#mainContent h4.blueText,
#mainContent h5.blueText {
	color: #033b85 !important;
}

#mainContent div.paleBlueGradient .paleBlue {
	background: linear-gradient(#4A6FA5, #ecf4f7);
}

/* responsive tables */
@media (max-width: 1000px) {
.responsiveTable {
	overflow-x:auto;
	-webkit-overflow-scrolling: touch;
}
.responsiveTable:after {
        display: block;
        content: "swipe for more ";
        font-size: 13px;
        color: #516d7a;
        text-align: center;
        background: right center no-repeat url(images/icon-arrow-point-right.png);
        background-size: 9px auto;
        width: 120px;
        padding-right: 15px;
        text-align: center;
        margin: 0 auto
    }
section.table div.container:after {
        display: none;
}
section table.specs thead p,
section table.specs thead {
	font-size:14px !important;
}

section table.specs tbody p,
section table.specs tbody {
    font-size:13px !important;
}
	
table.specs tr td, 
table.specs tr th {
    font-size:13px !important;
}		
}


/* table with blue head */
table.specs tr td, table.specs tr th {
    padding: 8px 10px;
    font-size:16px;
}
section table.specs thead{
	background-color:#033b85;
}
section table.specs thead p{
	color:#ffffff !important;
	font-size:16px;
}
section table.specs tbody p {
    line-height: 1.2;
}

section table.specs tr:nth-child(even) {
	background-color: rgba(219, 232, 238, 0.25);
}
section table.specs thead p {
	font-weight: bold;
}
section table.specs thead tr:nth-child(even) {
	background-color: #D5E4EA;
}
section table.specs thead tr:nth-child(even) p {
	color: #222 !important;
	font-weight: bold;
}
@media (max-width: 767px) {
	section table.specs thead tr th p {
		text-align: left;
	}
}


/* adjusts right margin on mobile when using a responsive table (it hugs the right edge so this adjusts that bug)*/
@media (max-width: 1000px) {
	.tableAdjustmargin {
		margin-right: 20px !important;
		}
}

/* extra wide tables with lots of columns */
section.table div.container table.tableWide thead>tr>td, 
section.table div.container table.tableWide thead>tr>th, 
section.table div.container table.tableWide tbody>tr>td, 
section.table div.container table.tableWide tbody>tr>th {
    padding-left: 20px !important;
}

@media (max-width: 1200px) {
section.table div.container table.tableWide tr td, 
section.table div.container table.tableWide tr th {
		font-size:12px !important;
	}
}

@media (max-width: 1000px) {
section.table div.container table.tableWide thead>tr>td, 
section.table div.container table.tableWide thead>tr>th, 
section.table div.container table.tableWide tbody>tr>td, 
section.table div.container table.tableWide tbody>tr>th {
    	padding-left: 48px !important;
	}
}


/* tables with borders */
section.table div.container table.tableBorders tbody>tr>td,
section.table div.container table.tableBorders thead>tr>th,
section.table div.container table.tableBorders thead>tr>td {
		border: solid 1px #c1c1c1 !important;
}
section.table div.container table.tableBorders tr,
section.table div.container table.tableBorders tr ul li {
		color: #222;
}

/* tan and grey blocks on public facing */
body.inner .blocks {
    background-color: #fff !important
}

body.inner .blocks.tan .block {
    background-color: rgba(239, 210, 142, 0.5)
}

body.inner .blocks.grey .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media (max-width: 1000px) {
    body.inner .blocks.grey .container {
        flex-direction: row !important;
        flex-wrap: wrap !important
    }
}

@media (max-width: 767px) {
    body.inner .blocks.grey .container {
        flex-direction: column !important
    }
}

body.inner .blocks.grey .block {
    background-color: rgba(219, 232, 238, 0.5)
}

@media (max-width: 1000px) {
    body.inner .blocks.grey .block {
        width: 50% !important
    }
}

@media (max-width: 767px) {
    body.inner .blocks.grey .block {
        width: 100% !important
    }
}

/* tan specific */
body.inner .blocks.tan .block h3,
body.inner .blocks.tan .block .h3,
body.inner .blocks.tan .block h2,
body.inner .blocks.tan .block .h2,
body.inner .blocks.tan .block body.detail-page article.main header h1,
body.detail-page article.main header body.inner .blocks.tan .block h1,
body.inner .blocks.tan .block body.event-page article.main header h1,
body.event-page article.main header body.inner .blocks.tan .block h1 {
    font-family: 'UniversLTStd-Bold', sans-serif;
    font-size: 24px;
	color: #0f3f81;
}
body.inner .blocks.tan .block h3 a,
body.inner .blocks.tan .block .h3 a,
body.inner .blocks.tan .block h2 a,
body.inner .blocks.tan .block .h2 a,
body.inner .blocks.tan .block body.detail-page article.main header h1 a,
body.detail-page article.main header body.inner .blocks.tan .block h1 a,
body.inner .blocks.tan .block body.event-page article.main header h1 a,
body.event-page article.main header body.inner .blocks.tan .block h1 a {
    text-decoration: underline !important
}

body.inner .blocks.tan .block h3 a:hover,
body.inner .blocks.tan .block .h3 a:hover,
body.inner .blocks.tan .block h2 a:hover,
body.inner .blocks.tan .block .h2 a:hover,
body.inner .blocks.tan .block body.detail-page article.main header h1 a:hover,
body.detail-page article.main header body.inner .blocks.tan .block h1 a:hover,
body.inner .blocks.tan .block body.event-page article.main header h1 a:hover,
body.event-page article.main header body.inner .blocks.tan .block h1 a:hover {
    text-decoration: underline !important
}

body.inner .blocks.tan .block ul li a {
	text-decoration: none !important
}
body.inner .blocks.tan .block ul li a:hover {
	text-decoration: underline !important
}


/* grey specific */
body.inner .blocks.grey .block h3,
body.inner .blocks.grey .block .h3,
body.inner .blocks.grey .block h2,
body.inner .blocks.grey .block .h2,
body.inner .blocks.grey .block body.detail-page article.main header h1,
body.detail-page article.main header body.inner .blocks.grey .block h1,
body.inner .blocks.grey .block body.event-page article.main header h1,
body.event-page article.main header body.inner .blocks.grey .block h1 {
    font-family: 'UniversLTStd-Bold', sans-serif;
    font-size: 24px;
	color: #0f3f81;
}

body.inner .blocks.grey .block h3 a,
body.inner .blocks.grey .block .h3 a,
body.inner .blocks.grey .block h2 a,
body.inner .blocks.grey .block body.detail-page article.main header h1 a,
body.detail-page article.main header body.inner .blocks.grey .block h1 a,
body.inner .blocks.grey .block body.event-page article.main header h1 a,
body.event-page article.main header body.inner .blocks.grey .block h1 a {
    text-decoration: underline !important
}

body.inner .blocks.grey .block h3 a:hover,
body.inner .blocks.grey .block .h3 a:hover,
body.inner .blocks.grey .block h2 a:hover,
body.inner .blocks.grey .block body.detail-page article.main header h1 a:hover,
body.detail-page article.main header body.inner .blocks.grey .block h1 a:hover,
body.inner .blocks.grey .block body.event-page article.main header h1 a:hover,
body.event-page article.main header body.inner .blocks.grey .block h1 a:hover {
    text-decoration: underline !important
}

body.inner .blocks.grey .block p {
    font-family: 'UniversLTStd-Bold', sans-serif;
    font-size: 16px;
    color: #455560
}

body.inner .blocks.grey .block p.contact,
body.inner .blocks.grey .block p.phone,
body.inner .blocks.grey .block p.email {
    margin-bottom: 3px
}

body.inner .blocks.grey .block p a {
    font-family: 'UniversLTStd-Bold', sans-serif;
    text-decoration: none !important
}

body.inner .blocks.grey .block p a:hover {
    text-decoration: underline !important
}

body.inner .blocks.grey .block ul li a {
	text-decoration: none !important
}
body.inner .blocks.grey .block ul li a:hover {
	text-decoration: underline !important
}




body.inner .blocks.three-column .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media (max-width: 1000px) {
    body.inner .blocks.three-column .container {
        flex-direction: column
    }
}

body.inner .blocks.three-column .block {
    display: flex;
    flex-direction: column;
    width: 33%;
    padding: 28px;
    border-bottom: 5px solid #fff;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    margin-left: -1px;
    margin-right: -1px
}

@media (max-width: 1000px) {
    body.inner .blocks.three-column .block {
        width: 100%
    }
}

@media (max-width: 1000px) {
    body.inner .blocks.three-column .block h2,
    body.inner .blocks.three-column .block body.detail-page article.main header h1,
    body.detail-page article.main header body.inner .blocks.three-column .block h1,
    body.inner .blocks.three-column .block body.event-page article.main header h1,
    body.event-page article.main header body.inner .blocks.three-column .block h1 {
        margin-bottom: 15px
    }
}

body.inner .blocks.three-column .block ul {
    margin-bottom: 0 !important
}

@media (max-width: 1000px) {
    body.inner .blocks.three-column .block ul {
        columns: 2
    }
}

@media (max-width: 767px) {
    body.inner .blocks.three-column .block ul {
        columns: 1
    }
}

body.inner .blocks.three-column .block ul li {
    list-style: none;
    padding-left: 0 !important;
	margin-bottom:15px !important;
	line-height:1.1 !important;
}


body.inner .blocks.three-column .block ul li:before {
    display: none !important
}

body.inner .blocks.three-column .block ul li a {
    font-family: 'UniversLTStd-Bold', sans-serif;
    color: #033b85;
    font-size: 16px
}
/* end tan and grey blocks on public facing */


/* fix the split section discolorations */
section.match.tan {
	background-color: transparent !important;
}
section.match.tan-dark {
	background-color: transparent !important;
}
div.split.lightBlue {
	background-color: #EEF3F7 !important;
}

/* left split section list */
section.calendarListing.match div.content ol li,
section.calendarListing.match div.content ul li {
	color: #000;
}
section.calendarListing.match div.content ol li a,
section.calendarListing.match div.content ul li a {
	color: #0f3f81 !important;
}

/* section map on public facing */

body.inner .map {
    background-color: rgba(219, 232, 238, 0.5);
    position: relative
}

body.inner .map .pixelation {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 360px;
    max-height: 100%;
    right: auto;
    left: 0
}

body.inner .map .pixelation .square-0 {
    fill: #fff;
    fill-opacity: 0.44
}

body.inner .map .pixelation .square-1 {
    fill: #fff;
    fill-opacity: 0.19
}

body.inner .map .pixelation .square-2 {
    fill: #fff;
    fill-opacity: 0.39
}

body.inner .map .pixelation .square-3 {
    fill: #fff;
    fill-opacity: 0.7
}

body.inner .map .pixelation .square-4 {
    fill: #fff;
    fill-opacity: 0.27
}

body.inner .map .pixelation .square-5 {
    fill: #fff;
    fill-opacity: 0.1
}

body.inner .map .pixelation .square-6 {
    fill: #fff;
    fill-opacity: 0.5
}

body.inner .map .pixelation .square-7 {
    fill: #fff;
    fill-opacity: 0.56
}

body.inner .map .pixelation .square-8 {
    fill: #fff;
    fill-opacity: 0.13
}

@media (max-width: 1000px) {
    body.inner .map .pixelation {
        display: none
    }
}

body.inner .map .col-66 {
    float: right !important;
    position: relative
}

body.inner .map .col-33 {
    padding-right: 40px;
    position: relative
}

body.inner .map .location,
body.inner .map .contact-methods,
body.inner .map .hours {
    margin-bottom: 15px
}

body.inner .map h2,
body.inner .map body.detail-page article.main header h1,
body.detail-page article.main header body.inner .map h1,
body.inner .map body.detail-page article.main header div.banner h2,
body.detail-page article.main header div.banner body.inner .map h2,
body.inner .map body.detail-page div.banner article.main header h2,
body.detail-page div.banner article.main header body.inner .map h2,
body.inner .map body.event-page article.main header h1,
body.event-page article.main header body.inner .map h1,
body.inner .map body.event-page article.main header div.banner h2,
body.event-page article.main header div.banner body.inner .map h2,
body.inner .map body.event-page div.banner article.main header h2,
body.event-page div.banner article.main header body.inner .map h2 {
    font-family: 'UniversLTStd-Light', sans-serif;
    font-size: 46px;
    color: #455560
}

body.inner .map p {
    font-family: 'UniversLTStd-Light', sans-serif;
    color: #455560;
    line-height: 1.3
}

body.inner .map p span {
    display: block
}

body.inner .map p span.phone a,
body.inner .map p span.email a,
body.inner .map p span.toll-free-phone a {
    color: #455560 !important;
    text-decoration: none !important
}

body.inner .map p span.phone a:hover,
body.inner .map p span.email a:hover,
body.inner .map p span.toll-free-phone a:hover {
    text-decoration: underline !important
}

@media (max-width: 1000px) {
    body.inner .map .col-33 {
        width: 100% !important;
        padding-right: 0
    }
    body.inner .map .col-66 {
        width: 100% !important;
        margin-bottom: 45px
    }
    body.inner .map h2,
    body.inner .map body.detail-page article.main header h1,
    body.detail-page article.main header body.inner .map h1,
    body.inner .map body.detail-page article.main header div.banner h2,
    body.detail-page article.main header div.banner body.inner .map h2,
    body.inner .map body.detail-page div.banner article.main header h2,
    body.detail-page div.banner article.main header body.inner .map h2,
    body.inner .map body.event-page article.main header h1,
    body.event-page article.main header body.inner .map h1,
    body.inner .map body.event-page article.main header div.banner h2,
    body.event-page article.main header div.banner body.inner .map h2,
    body.inner .map body.event-page div.banner article.main header h2,
    body.event-page div.banner article.main header body.inner .map h2 {
        font-size: 40px
    }
    body.inner .map .left {
        width: 50%;
        float: left;
        padding-right: 45px
    }
    body.inner .map .right {
        width: 50%;
        float: left;
        padding-right: 45px
    }
}

@media (max-width: 1000px) {
    body.inner .map h2,
    body.inner .map body.detail-page article.main header h1,
    body.detail-page article.main header body.inner .map h1,
    body.inner .map body.detail-page article.main header div.banner h2,
    body.detail-page article.main header div.banner body.inner .map h2,
    body.inner .map body.detail-page div.banner article.main header h2,
    body.detail-page div.banner article.main header body.inner .map h2,
    body.inner .map body.event-page article.main header h1,
    body.event-page article.main header body.inner .map h1,
    body.inner .map body.event-page article.main header div.banner h2,
    body.event-page article.main header div.banner body.inner .map h2,
    body.inner .map body.event-page div.banner article.main header h2,
    body.event-page div.banner article.main header body.inner .map h2 {
        font-size: 34px;
        margin-bottom: 20px
    }
    body.inner .map .col-66 {
        margin-bottom: 20px
    }
    body.inner .map .left {
        width: 100%;
        float: none;
        padding-right: 0
    }
    body.inner .map .right {
        width: 100%;
        float: none;
        padding-right: 0
    }
}


/* end section map on public facing */

/* lightBlue bg section */

section.lightBlue {
	background-color:#EEF3F7;
}
section.lightBlue h2,
section.lightBlue .h2,
section.lightBlue h3,
section.lightBlue .h3,
section.lightBlue h4,
section.lightBlue .h4 {
	color: #455560 !important;
}
section.lightBlue p, 
section.lightBlue li {
	color: #222222;
}
section.stats.lightBlue div.stat-boxWrapper div.stat-box {
    background-color: #ecf4f7;
}


/* altLightblue bg section */

section.altLightblue {
	background-color: #dbe8ee;
}
section.altLightblue h2,
section.altLightblue .h2,
section.altLightblue h3,
section.altLightblue .h3,
section.altLightblue h4,
section.altLightblue .h4 {
	color: #000 !important;
}
section.altLightblue p, 
section.altLightblue li {
	color: #000;
}
section.stats.altLightblue div.stat-boxWrapper div.stat-box {
    background-color: #dbe8ee;
}


/* orange bg section */

section.orange {
	background-color: #ff6200;
}
section.orange h2,
section.orange .h2,
section.orange h3,
section.orange .h3,
section.orange h4,
section.orange .h4 {
	color: #fff !important;
}
section.orange p, 
section.orange li {
	color: #fff;
}
section.stats.orange div.stat-boxWrapper div.stat-box {
    background-color: #ff6200;
}



/* cyan bg section */

section.cyan {
	background-color: #296183;
}
section.cyan h2,
section.cyan .h2,
section.cyan h3,
section.cyan .h3,
section.cyan h4,
section.cyan .h4 {
	color: #fff !important;
}
section.cyan p, 
section.cyan li {
	color: #fff;
}
section.stats.cyan div.stat-boxWrapper div.stat-box {
    background-color: #296183;
}



/* margin fix for 4-column snippet on tablet */

@media screen and (max-width: 1000px) and (min-width: 768px) {
article.listing:nth-child(odd) {
	margin-left: 0;
	margin-right: 15px; 
}

article.listing {
	width: calc(50% - 14px); 
	margin-bottom: 36px;
	float: left;		
}
}



/* hanging indent for MLA and APA mainly in library web */
.mla {
   padding-left: 50px;
   text-indent: -50px;
   line-height: 2em;
}
p.source {
   font-size: 165%;
   background-color: #DEE8F2;
   padding: 10px;
}
#citationContent {
	width: 90%; 
	float: left;
}

/* calendar list items border-bottom fix */
section.eventsListing li:first-child {
    border-top: 2px solid #dbe8ee;
}
section.eventsListing li {
    border-bottom: 2px solid #dbe8ee;
	border-top: none;
}

/* calendar rows even */
div.calendar-events div.calendar-event:nth-child(4) {
    clear: both;
}
div.calendar-events div.calendar-event:nth-child(7) {
    clear: both;
}
div.calendar-events div.calendar-event:nth-child(10) {
    clear: both;
}


/* white text for phone number links on smaller devices (dark section backgrounds) */
#mainContent section.green p.phoneLink a,
#mainContent section.blue p.phoneLink a {
	color:#ffffff !important;
}	

/* This hides the blue calendar comments container */
section.comments div.comments {
    display: none;
}

/* OU Search Module */
#ou-search-results .ou-search-button-color:hover, 
#ou-search-results .ou-search-button-color:focus, 
#ou-search-results .ou-search-advanced-header:hover, 
#ou-search-results .ou-search-advanced-header:focus {
    color: #fff;
    background-color: #033b85 !important;
    border-color: #033b85 !important;
}


/* adjustments to the alert on mobile */
@media (max-width: 767px) {
	div.alertWrapper div#alert {
    	top: 50px;
	}
	div.alertWrapper {
    top: 0;
    z-index: 19000;
	}
}

h2.accreditation {
	margin-bottom: 10px;
}


/* Scrollbar on the main menu */
/* scroll bar on main menu */
header#masthead div.flyout div.flyoutContainer {
	overflow-y: unset;
}

/* less bottom margin when social icons are hidden in main menu. default is 40px */
header#masthead nav#nav-main>ul.nav-secondary {
    margin-bottom: 20px;
}


/* everything directory */
/* new job title field - styles */
section.directoryListing .listing li .inner-container .job {
    font-family: 'UniversLTStd-Light', sans-serif;
    font-size: 16px;
    color: #555654;
    line-height: 20px;
    margin-bottom: 20px;
	margin-top: -15px;
}
body.inner .blocks.grey .block p.description {
	margin-bottom:0px;
}

/* internal three column grey blocks heading color */
section.blocks.three-column.grey div.container div.block h4 {
        /*color: #ff6200;*/
		color: #0f3f81;
}
/* internal three column grey blocks heading as hyperlink */
body.intranet .blocks.three-column.grey .block h2 a {
		text-decoration: underline !important;
}

/* used after video snippet and other snippets that will otherwise not pad content below them properly */
.clearBoth {
	clear: both;
	padding-top: 25px;
}

/* for parent pages navigation */
article.listing ul.smallerList li,
div.col-33 ul.smallerList li {
	margin-bottom:5px !important;
}
article.listing ul.smallerList,
div.col-33 ul.smallerList{
	margin-bottom: 0px !important;
}
article.listing p.pParent,
div.col-33 p.pParent {
	margin-bottom: 0px;
}

/* smaller font so social post fits inside white block on mobile */
@media (max-width: 767px) {
	section.starsOnSocial div.socialTile div.tweet {
    	font-size: 15px;
	}
}

/* fix in this section top padding on mobile */
@media (max-width: 767px) {
	div.wrapper.banner div.container {
    	padding-top: 15px;
	}
}

/* in this section extra 5px top margin for desktop and tablet */
div.pageNavigation {
    top: 15px;
}



/*  Override Calendar animation to off  */

section.eventsListing .revealOnScroll .animated .fadeIn {
    opacity: 0;
}

/* unique bullet points (font awesome arrows) */
#mainContent ul.arrows li:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #506d7b;
    font-size: 17px;
    position: absolute;
    top: -2px;
    left: 0px;
}
#mainContent ul.arrows li:before {
    display: none;
}
#mainContent ul.arrows {
	margin-left: 10px !important;
}
#mainContent ul.arrows li {
	padding-left: 15px !important;
}


/*  Kaltura Player Auto Scale  */

.kaltura-video {
    position: relative;
    padding-bottom: 56.2%;
    height: 0;
    overflow: hidden;
    border: 0px solid #bfd6de
}

.kaltura-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}




/*   Super Script for LCC alignment of the SUP tag  */

sup { 
  vertical-align: 0.3em; 
  font-size: 0.5em; 
} 



/*  Footer soclial buttion centering overide at break point  */

@media (max-width: 767px) {
	.footerSocialButton {
		    list-style: none;
    		display: table;
    		margin: 0 auto;
    		padding-left: 50px;
    		padding-bottom: 0px;
	}
}



/*    Degrees page spacing fix for mobile after revmoval of code  */


@media (max-width: 767px) {


section.degreeListings div.exploreBy div.filterCount {
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    width: auto;
}

	
section.degreeListings div.exploreBy div.filterCount {
    width: 214px;
    text-align: center;
    padding: 7px 60px 7px;
    font-size: 14px;
    margin: 0 auto;
    position: initial;
    top: 10px;
}

	
section.degreeListings div.exploreBy div.activeFilters div.container {
    padding-top: 24px;
    padding-bottom: 14px;
    text-align: left;
    margin-bottom: 40px;
}


div#degreeFilters button.filterBtn {
    margin: 0 4px 8px;
    padding: 10px 18px 16px;
	line-height: .85em;
}
	
div#degreeFilters button.filterBtn.filter-1, div#degreeFilters button.filterBtn.filter-3 {
    margin-left: 4px;
}
	
}

@media (max-width: 500px) {
div.locationListing div.location {
    min-height: 200px;
}
}

