/* Global styles */

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}
body {
	margin: 0 auto;
	padding: 0;
	font-family: "Open Sans", sans-serif;
	color: #4D4D4D;
	font-size: 1em;
}
.videoBannerContainer{
	height:93.5vh;
	overflow:hidden;
	display: flex;
    justify-content: center;
    align-items: center;
}
section#iframeBanner{
	text-align:center;
	min-height:80vh;
	padding-top:100px;
	background-size:cover;
}
section#iframeBanner button{
	color:#fff;
	font-family:'EB Garamond';
	font-size:20px;
	display:inline-block;
	padding:15px;
	width:250px;
	border:none;
	border-radius:3px;
	background-color:#1154a1e8;
	transition:.4s;
}
section#iframeBanner a{
	color:#fff;
	font-family:'EB Garamond';
	font-size:20px;
	display:inline-block;
	padding:15px;
	width:220px;
	border-radius:3px;
	background-color:#1154a1e8;
	transition:.4s;
}
section#iframeBanner button:hover{
	background-color:#fff;
	color:#1154a1;
}
section#iframeBanner a:hover{
	background-color:#fff;
	color:#1154a1;
}
section#iframeBanner p.title{
	color:#fff;
	font-size:62px;
	text-shadow:1px 1px 10px #000000b5;
	font-family:'EB Garamond';
}
section#iframeBanner iframe{
	border:10px solid #00000078;
}
.rss-title{
	font-size:1.5em;
	line-height:1.5em;
}
.brewingReqs li{
	font-size:13px;
	padding-bottom: 11px;
	text-indent: -28px;
	margin-left: 30px;
	list-style-type:none;
}
.brewingReqs li::before{
	font-family:'Font Awesome 5 Free';
	content:"\f058";
	color:#1154a1;
	padding-right:15px;
}
#wrapperAccordion {
	 min-height: 0;
	 display: inline-block;
	 position: relative;
	 margin: 0px 0;
	 max-width:60%;
	 min-width:60%;
	 padding: 0px 30px;
}
 @media (max-width: 900px) {
	 #wrapperAccordion {
	 	max-width:100%;
	 	min-width:100%;
		box-sizing: border-box;
		min-height: 100%;
		margin: 0;
	}
	#wrapperAccordion h2{
		font-size:16px;
	}
	#wrapperAccordion p{
		font-size:13px !important;
	}
}
 #wrapperAccordion p {
	 color: rgba(48,69,92,0.8);
	 text-align:left;
	 font-size: 17px;
	 line-height: 26px;
	 letter-spacing: .3px;
	 position: relative;
	 overflow: hidden;
	 max-height: 800px;
	 opacity: 1;
	 transform: translate(0,0);
	 margin-top: 14px;
	 z-index: 2;
	 transition: all 500ms ease;
}
#wrapperAccordion a{
	font-weight:900;
}
#wrapperAccordion a:hover{
	color:#1154a1;
}
#wrapperAccordion h2{
	font-family:'EB Garamond';
	font-weight:500;
	text-transform:none;
}
#wrapperAccordion p, ul li i:before, ul li i:after {
	 transition: all 0.25s ease-in-out;
}
#wrapperAccordion ul {
	 list-style: none;
	 text-align:left;
	 padding: 0;
	 margin: 0;
}
#wrapperAccordion ul li {
	 position: relative;
	 padding: 0;
	 margin: 0;
	 padding-bottom: 4px;
	 padding-top: 18px;
	 border-top: 1px dotted #dce7eb;
}
#wrapperAccordion ul li i {
	 position: absolute;
	 transform: translate(-6px,0);
	 margin-top: 9px;
	 right: 0;
}
#wrapperAccordion ul li i:before, ul li i:after {
	 content: "";
	 position: absolute;
	 background-color: #000;
	 width: 3px;
	 height: 16px;
}
#wrapperAccordion ul li i:before {
	 transform: translate(2px,0) rotate(45deg);
}
#wrapperAccordion ul li i:after {
	 transform: translate(2px,0) rotate(-45deg);
}
#wrapperAccordion ul li input[type=checkbox] {
	 position: absolute;
	 cursor: pointer;
	 width: 100%;
	 height: 100%;
	 z-index: 1;
	 opacity: 0;
}
#wrapperAccordion ul li input[type=checkbox]:checked ~ p {
	 margin-top: 0;
	 max-height: 0;
	 opacity: 0;
	 transform: translate(0,50%);
}
#wrapperAccordion ul li input[type=checkbox]:checked ~ i:before {
	 margin-top: 9px;
	 height: 9px;
	 transform: translate(2px,0) rotate(45deg);
}
#wrapperAccordion ul li input[type=checkbox]:checked ~ i:after {
	 margin-top: 9px;
	 height: 9px;
	 transform: translate(-2px,0) rotate(-45deg);
}
#wrapperAccordion ul li:nth-of-type(1) {
	 border-top: none;
	 animation-delay: 0.5s;
}
#wrapperAccordion ul li:nth-of-type(2) {
	 animation-delay: 0.75s;
}
#wrapperAccordion ul li:nth-of-type(3) {
	 animation-delay: 1s;
}
#wrapperAccordion ul li:last-of-type {
	 padding-bottom: 0;
}
#wrapperAccordion li {
	 animation: bounceInUp 1s ease both;
}
.accordionHeading{
	margin-bottom:-50px;
}
.accordionHeading h1{
	font-family:'EB Garamond';
	font-weight:600;
}
a.biggerBtn{
	min-width:200px;
	text-align:center;
}
.videoBannerText{
	position:absolute;
	margin-top:200px;
	left:25%;
	background-color:#025595;
	opacity:.98;
	padding:50px;
	max-width:500px;
}
.videoBannerText h6{
	color:#fff;
}
.videoBannerText a{
	display:inline-block;
	margin-top:10px;
	font-size:18px;
	border-radius:3px;
	background-color:#fff;
	padding:20px 40px;
	box-shadow: inset 0 0 0 0 #002f6c;
 	-webkit-transition: ease-out 0.4s;
 	-moz-transition: ease-out 0.4s;
  	transition: ease-out 0.4s;
 }
.videoBannerText a:hover{
	box-shadow: inset 400px 0 0 0 #002f6c;
	text-shadow:0px 0px 0px;
	color:#fff;
}
.videoBannerText h1{
	font-family:"EB Garamond";
	font-family:900 !important;
	border-bottom:0px !important;
	color:#fff;
	font-size:62px;
}
.videoBannerText h1:after{
	border-bottom: 0px solid #ddd;
}
.videoBannerText p{
	color:#fff;
	font-size:20px;
}
.videoSliceContainer{
	height:400px;
	overflow:hidden;
	display: flex;
    justify-content: center;
    align-items: center;
}
.videoSliceBtnContainer{
	position:absolute;
	width:100%;
	text-align:center;
}
.videoSliceText a{
	text-align:center;
	font-weight:700;
	letter-spacing:.03em;
	font-family:'EB Garamond';
	background-color:#0000004f;
	border:1px solid #fff;
	border-radius:3px;
	padding:20px 40px;
	color:#fff;
	font-size:42px;
	box-shadow: inset 0 0 0 0 #00000024;
 	-webkit-transition: ease-out 0.4s;
 	-moz-transition: ease-out 0.4s;
  	transition: ease-out 0.4s;
	text-shadow:1px 1px 1px #00000042;
}
.videoSliceText a:hover{
    box-shadow: inset 600px 0 0 0 #fff;
	color:#316b98bf;
	text-shadow:0px 0px 0px;
}
.threeLocationsCareer h4{
	font-size:20px !important;
	margin-bottom:-10px !important;
}
.threeLocationsCareer .col-4{
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #00000021 !important;
}
.threeLocationsCareer{
	font-size:14px !important;
}
/*--------Accordion-------*/
.acc-kontainer {
  width: 100%;
  margin: auto;
  background-color:#002f6c;
}
.acc-kontainer .acc-body {
  width: 98%;
  width: calc(100% - 20px);
  margin: 0 auto;
  height: 0;
  color: rgba(0, 0, 0, 0);;
  background-color: rgba(255, 255, 255, 0.2);
  line-height: 28px;
  padding: 0 20px;
  box-sizing: border-box;
  transition: 0.5s;
}
.acc-kontainer .acc-body a{
	color:#fff;
	position:relative;
	z-index: -1;
}
.acc-kontainer label {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  padding: 25px 45px;
  width: 100%;
  color: #fff;
  font-weight: 400;
  box-sizing: border-box;
  z-index: 100;
}

.acc-kontainer input{
  display: none;
}

.acc-kontainer label:before {
  font-family: 'FontAwesome';
  content: '\f067';
  font-weight: bolder;
  float: right;
}

.acc-kontainer input:checked+label {
  background-color: rgba(255, 255, 255, 0.15);
}

.acc-kontainer input:checked+label:before {
  font-family: 'FontAwesome';
  content: '\f00d';
  transition: 0.5s;
}

.acc-kontainer input:checked~.acc-body {
  height: auto;
  color: #fff;
  font-size: 16px;
  padding: 20px;
  transition: 0.5s;
}
.acc-kontainer input:checked~.acc-body a{
  color: #fff;
  z-index:999;
  font-weight:900;
  transition:.4s;
}
.acc-kontainer input:checked~.acc-body a:hover{
  color: #a3deec;
}
.acc-kontainer input:checked~.acc-body ul{
	padding-left:20px;
}
.acc-kontainer input:checked~.acc-body li{
	padding:10px;
}
.accordionBlock{
	width:70%;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:50px;
}
.accordionBlock h1{
	font-family:'EB Garamond';
	color:#025595;
	font-weight:600;
	font-size:42px;
	text-align:center;
}
.accordionBlock h1::after{
	border-bottom:0px;
}
#bodyCopy ::selection, #pageBody ::selection {
	/*background-color: #ff9900;
	color:#000;*/ /* holiday colors */
	background-color: #0F5597;
	color:#fff;
}
#bodyCopy ::-moz-selection, #pageBody ::-moz-selection {
	/*background-color: #ff9900;
	color:#000;*/ /* holiday colors */
	background-color: #0F5597;
	color:#fff;
}
footer ::selection {
	background-color: #fff;
	color:#0F5597;
}
footer ::-moz-selection {
	background-color: #fff;
	color:#0F5597;
}
#overlay {
	background-color: transparent;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999;
    display: none;
}
#overlay.overlayActive {
	display: block;
}
.clear {
	clear: both;
}
.clear:before, .clear:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clear:after {
    clear: both;
}
img {
	max-width: 100%;
}
#up {
	display: none;
}
#emergency {
	display: none;
}
#emergency.on {
	display: block;
	background-color: #f9c558;
	padding: 15px 15px;
	position: relative;
	z-index: 9999;
}
#emergency #message {
	max-width:1000px;
	width:100%;
	margin: 0 auto;
	color:#2d2d2d;
	font-size: .95em;
}
#emergency #message .messageTitle {
	display:none;
	font-size: 2em;
	font-weight: bold;
}
#emergency a {
	font-weight:600;
	transition:.4s;
}
#emergency a::after{
	font-family:'Font Awesome 5 Free';
	content:"\f30b";
	padding-left:2px;
	font-weight:600;
}
#emergency a:hover {
    color:#1254a1;
}
.duped-alert {
	display: none;
}
header > nav, #homeWrapper, section#quoteText > div, section#marketingBlock > div, section#bigButton div#blueBack > div, #footerWrapper, #subpage, #bigBlueWrapper, #landingPage {
	max-width: 1440px;
	margin: 0 auto;
}
#landingPage {
	padding: 0 50px;
}
#bigBlueWrapper {
	padding: 15px 50px 0 50px;
}
p, ul, ol, h1, h2, h3, h4, h5 {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
p {
	font-size: 1em;
}
u {
	text-decoration: none;
}
ul {
	-webkit-padding-start: 0;
}
#subpage ul li ul, #bodyCopy ul li ul, #bodyCopy ol li ul {
	margin: 0;
}
#bodyCopy ul {
    -webkit-padding-start: 1.2em; /* taking out the UL margin-left 15px ended up making some ULs jut left weirdly. Let's see if this fixes it.*/
}

.bannerbutton{
	font-size:30px;
	background-color:#eee;
	color:#2d2d2d;
	border-radius:3px;
	padding:10px;
	width:100%;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  	transition: all 0.3s cubic-bezier(.25,.8,.25,1);

}

.bannerbutton:hover{
	background-color:#e8e8e8;
	color:#464646;
	text-decoration: none !important;
}


h1, h2.international, #bodyCopy p.calendarHeader {
	font-family: 'open sans';
	font-weight: 300;
	margin: 0 0 16px 0;
	font-size: 2.2em;
	line-height: .9em;
	color: #001c6c;
}
section#quoteText h1 {
	font-size: 2.1em;
}
h1:after, h2.international::after {
	content: " ";
	display: block;
	color: #ddd;
	border-bottom: 1px solid #ddd;
	width: 98%;
	max-width: 420px;
	padding-top: 15px;
}
section#quoteText h1:after {
	border-bottom: none;
}
#bigBlue h1 {
	margin: 0;
	font-family:'open sans';
	font-weight:300;
	color: #4abbe7;
}
#bigBlue h1:after {
	border-bottom: 0;
	padding-top: 0;
}
h2 {
	font-size: 1.3125em;
	font-weight: 800;
	color: #002f6c;
	text-transform: uppercase;
	position: relative;
	margin: 0 0 .5em;
}
.wufoo h2 {
	text-transform: none;
}
h2 a {
	color:#0F5597;
}
.calendarName h2 {
	margin: 1.5em 0 0;
}
h3 {
	font-size: 1.25em;
	color: #595959;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 1.5em 0 .5em;
}
h4 {
	font-family: 'Open Sans';
	font-size: 1em;
	line-height: 1.2em;
	color: #0d93c5;
	text-transform: uppercase;
	margin: 1.5em 0 .5em;
    letter-spacing: .04em;
    font-weight:700;
}
h5 {
	font-size: 1em;
	line-height: 1em;
	color: #1c80c4;
	margin: 1.5em 0 .5em;
	text-transform: capitalize;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a {
	text-decoration: none;
	/*color: #157DA2;*/
	color: #002f6c;
}
#bodyCopy a:hover, #bodyCopy a:focus, .dots .profileText a:hover, .dots .profileText a:focus {
	text-decoration: underline;
}
/* Add an icon after external links so people have at least SOME warning before being ejected into space */
/*a[href^="http://"]:not([href*="bucks.edu"]):after, a[href^="https://"]:not([href*="bucks.edu"]):after {
    content: " \f08e";
    font-family: "FontAwesome";
    padding-left: .3em;
    font-size: .8em;
    color: #bbb;
}*/
p.callToAction.news a[href^="http://"]:not([href*="bucks.edu"]):after, p.callToAction.news a[href^="https://"]:not([href*="bucks.edu"]):after {
	color:#fff;
}

#footerSocial a::after, /* Kill it on the social icons */
.dashboard-icon a::after, /* Kill it on the library buttons */
#libraryRightColumn a::after, /* Kill it on the library blog links */
a.chatlink::after, /* Kill it on the chat sidebar links */
#advancedSearch a::after /* Kill it on the advanced search library link */
{display:none;}


/* Add an icon after PDF links */
a[href*=".pdf"]:after {
	content:"\f1c1";    
	font-family: "FontAwesome";
    margin-left: .3em;
    color: #00b5e282;
    font-size: .8em;
}
a[href*=".pdf"]:after img {
	content: "";
}
div#footerWrapper a[href*=".pdf"]:after { /*reformat in the footer*/
    color: white;
    font-size: .5em;
}
li.search-result-list-item a[href*=".pdf"]:after { /*kill in search results, redundant*/
	display:none;
}
/* Add an icon after DOC links */
a[href*=".doc"]:after, a[href*=".docx"]:after {
	content: "\00a0\f1c2";
    font-family: "FontAwesome";
    margin-left: .3em;
    color: #92daf1;
    font-size: .8em;
    font-weight:100;
}
a[href*=".doca"]:after {
	content: "";
	margin-left: 0;
}
div#footerWrapper a[href*=".doc"]:after, div#footerWrapper a[href*=".docx"]:after { /*reformat in the footer*/
    color: white;
    font-size: .5em;
}
li.search-result-list-item a[href*=".doc"]:after, li.search-result-list-item a[href*=".docx"]:after { /*kill in search results, redundant*/
	display:none;
}

main img {
	display: block;
	max-width: 100%;
}
.skip {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
}
.skip:hover, .skip:active, .skip:focus {
	background-color: #fff;
	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-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
table {
	box-sizing: border-box;
	vertical-align: baseline;
	width: 100%;
	margin: 0 0 2em;
	table-layout: fixed;
}
td, th {
	padding: 10px;
	/*vertical-align: baseline;*/
}
td {
    border-left: 1px solid #ffffff;
	word-wrap:break-word;
}
th {
	font-size: 1.15em;
	color: #0F5597 ;
	line-height: 1em;
	/*text-transform: uppercase;*/
	margin: 0em 0 .5em;
	font-weight: 700;
	text-align: left;
	word-wrap:break-word;
}
#calendar table th, #calendar table td {
	text-align: center;
}
td h2, td h3, td h4, td h5, td p {
    padding-top: 0;
    margin-top: 0;
}
table caption {
    text-align: center;
    background-color: #4C586B;
    color: #fff;
    font-size: 1.4em;
    font-weight: 300;
}
.tableCenter {
	text-align: center;
}
#bodyCopy td>:last-of-type {
	margin-bottom: 0;
}
tr:nth-of-type(odd) {
	background-color: #f2f2f2;
}
thead tr, thead tr:nth-of-type(odd) {
	background-color: transparent;
}
.twitter-typeahead {
	width: 100%;
}
header, main, section#quoteText, footer {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.MaxAI footer { 
    display: block;
}
.line {
	height: 0;
	border-bottom: 2px solid #4abbe7;
	margin: 0 0 10px 0;
}
.tight {
	margin: 0 0 .5em 0;
	padding: 0;
}
.row.tight h3 {
    margin-top: 0;
}

section#quoteText {
	position: relative;
}

.row.itacademy img {
    height: 90px;
    margin: 0 auto;
}
.row.itacademy {
    text-align:center;
}
/*.subNavTop {
    display: block;
    height: 85px;
}*/

/* Q&A styling */
.answer, .questions > p, .questions > ul {
    padding: 1.6em !important;
    background-color: rgba(143, 160, 176, 0.11);
}
.question::before, .questions h3::before {
    content: "\f29c\00a0";
    font-family: "FontAwesome";
    color: #0f5597;
}
.question {
	text-transform: none;
	clear:both;
}
.question.point::before {
    content: "\f05a\00a0";
}

.callout, #bodyCopy p.callout {
    border: 3px double #4abbe7;
    padding: 15px;
    display: block;
    text-align: center;
    font-size: 1.1em;
    color: #000;
    background: rgba(0, 0, 0, .01);
    margin-bottom:2em;
}

.norm /* for when you need to normalize the letter case*/
{
	text-transform:none !important;
}

.bigBlueImageBG { /*sometimes you need a pretty picture*/
	background-image: url(/media/bcccmedialibrary/admissions/images/bucks.watercolor.web.jpg);
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: cover;
    opacity: 0.3;
}

/* international page styles */
.placementSteps.transferring .actionBox .step .button {
	color: #fff;
    padding: 1em;
    text-align:left;
    overflow: overlay; /*fixes the dropcap jutting out the bottom on tablet width*/
}
.placementSteps.transferring.prospective .actionBox .step .button { margin-bottom: 1em; }

.placementSteps.transferring .actionBox .step .button p {
	color: #fff;
	margin-bottom: 0 !important;
}
.placementSteps.transferring p { text-align: left;}

.placementSteps.transferring .actionBox .step .button h2 {color: #fff; /*4abbe7*/}
.placementSteps.transferring.prospective .actionBox .step .button h2 { text-align: center;}

span.dropcap {
    font-size: 7em;
    float: left;
    letter-spacing: -.1em;
    padding-right: .1em;
}
.placementSteps.transferring .actionBox .step .fa {
	font-size: 3em;
    color: #e4b94c;
}
.transferringBar {
	border-top: 3px double #e0e0e0;
    padding: 2em;
    margin-top: 2em;
    margin-bottom: 2em;
    background-color: rgba(143, 160, 176, .04);
    border-bottom: 3px double #e0e0e0;
}

/* cardiac lines */
.boxBrantLoves p.contactTitle::after, .boxBrantLoves p.contactTitle::before, .courseHeader .courseName h2::after, .courseHeader .courseName h2::before, .scholarshipHeader .scholarshipName h2::after, .scholarshipHeader .scholarshipName h2::before, #sideNav p#narrowHeading::after, #sideNav p#narrowHeading::before, #sideNav form div.submit::after, #sideNav form div.submit::before, #leftNav li > a.openArrow::after, #leftNav li > a.openArrow::before, .calendarHeader .calendarName h2::before, .calendarHeader .calendarName h2::after, #leftNav #applicants-nav .navTitle#steps::before, #leftNav #applicants-nav .navTitle#steps::after, #rightBoxes .blueBox > p::before, #rightBoxes .blueBox > p::after, #leftNav li#community-nav .navAudience:nth-of-type(2) .title::before, #leftNav li#community-nav .navAudience:nth-of-type(2) .title::after, #leftNav li#community-nav .navAudience:nth-of-type(2) p.navTitle::before, #leftNav li#community-nav .navAudience:nth-of-type(2) p.navTitle::after, #heresHowSection h2::before, #heresHowSection h2::after, .checkList h4::before, .checkList h4::after, .facultyHeader h3::before, .facultyHeader h3::after, .careerServices h2::before, .careerServices h2::after {
	content: '';
	display: block;
	position: absolute;
	left: 51px;
	width: 0;
	height: 0;
	border-style: solid;
	transform: rotate(270deg);
}
.boxBrantLoves p.contactTitle::after, .courseHeader .courseName h2::after, .scholarshipHeader .scholarshipName h2::after, #sideNav p#narrowHeading::after, #sideNav form div.submit::after, #leftNav li > a.openArrow::after, .calendarHeader .calendarName h2::after, #leftNav #applicants-nav .navTitle#steps::after, #rightBoxes .blueBox > p::after, #leftNav li#community-nav .navAudience:nth-of-type(2) .title::after, #leftNav li#community-nav .navAudience:nth-of-type(2) p.navTitle::after, #heresHowSection h2::after, .checkList h4::after, .facultyHeader h3::after, .careerServices h2::after {
	border-color: transparent transparent transparent #fff;
	border-width: 6px;
}
.boxBrantLoves p.contactTitle::before, .courseHeader .courseName h2::before, .scholarshipHeader .scholarshipName h2::before, #sideNav p#narrowHeading::before, #sideNav form div.submit::before, #leftNav li > a.openArrow::before, .calendarHeader .calendarName h2::before, #leftNav #applicants-nav .navTitle#steps::before, #rightBoxes .blueBox > p::before, #leftNav li#community-nav .navAudience:nth-of-type(2) .title::before, #leftNav li#community-nav .navAudience:nth-of-type(2) p.navTitle::before, #heresHowSection h2::before, .checkList h4::before, .facultyHeader h3::before, .careerServices h2::before {
	bottom: 0;
	left: 49px;
	border-color: transparent transparent transparent #4abbe7;
	border-width: 8px;
}
/* page intro image */
.introduction {
	background: url(/media/bcccmedialibrary/stock/students-studying.jpg);
	width: 100%;
	background-size: cover;
	padding: 4em 0 3em 0;
	margin: 0;
}
.introduction .teaser {
	background-color: rgba(255,255,255,0.5);
	padding: 1em;
}
/* header stylers */
header {
	/*padding: 0 20px;
	padding: 0 1%;*/
	padding: 0 40px;
	height: 60px;
	background-color: #fff;
	border-top: 0px #585858 solid;
	position: relative;
}
header.subPageHeader {
    border-bottom: .5px solid #a2aaad2e;
	box-shadow: inset 0 -11px 23px -9px #a2aaad2b;
}
header > nav {
	width: 100%;
	position: relative;
	height: 100%;
}
nav, #leftNav, #rightNavigation ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
nav {
	height: 100%;
	z-index: 1000;
}
#leftNav {
	list-style: none;
	padding: 0;
	z-index: 15;
	display: flex;
	order: 1;
	height: 60px;
	justify-content: space-between;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0;
	margin: 0 40px 0 -40px;
}
#leftNav, #rightNavigation {
	width: 45%;
}
.logo {
	order: 2;
	flex-grow: 1;
	text-align: center;
}
.logo img {
	/*width: 130px;  leaf logo size */
	width: 96px;
	/*width: 120px;*/  /*halloween & winter size */
}
.logo#subpageLogo img {
	width: 48px;
	/*width: 80px;*/  /*winter/leaf size */
	/*width: 65px;*/ /* halloween size */
}
#rightNavigation {
	order: 3;
	height: 100%;
	position: relative;
}
#rightNavigation ul {
	padding: 0;
	margin: 0;
	height: 100%;
	position: relative;
}
#leftNav li, #rightNavigation ul li {
	list-style: none;
	flex-grow: 1;
	display: flex;
	align-items: center;
}
#leftNav li {
	justify-content: center;
	align-items: flex-start;
	padding: 6px 0 0;
}
/*.no-touchevents .accessible-megamenu-top-nav-item:hover, 
.no-touchevents .accessible-megamenu-top-nav-item:focus {
	background-color: rgba(244, 244, 244, .5);
	box-shadow: inset 0px 0 10px -1px #888;
	-webkit-transition: ease .6s;
	transition: ease .6s;
}*/
#leftNav .nav-item>a {
	font-size: 0.875em;
	position: relative;
	top: 5px;
}
.nav-item > a {
	position: relative;
}
.nav-item > a.open {
	z-index: 1;
}
#rightNavigation ul li a {
	display: block;
}
#leftNav li.blueActive {
	background-color: #0c3c6c;
}
#rightNavigation ul li {
	justify-content: flex-end;
}
#rightNavigation ul li a {
	font-weight: 300;
	font-size: 1em;
	color: #111;
	text-transform: uppercase;
	border-bottom:2px solid transparent;
	transition:.6s;
}
#rightNavigation ul li a:hover {
	border-bottom:2px solid #00b5e2;
}
#rightNavigation ul li:nth-child(4) {
	margin: auto 16% auto auto;
}
/*#rightNavigation ul li#topSearch {*/
#topSearch {
	display: block;
	position: absolute;
	right: 0;
	top: 9px;
	z-index: 9999;
}
.sub-nav {
	position: absolute;
	display: none;
	z-index: 0;
	top: 60px;
	/*left: -30px; IE11 needs more to the left */
	left: -40px;
	background-color: #fff;
	height: inherit;
}
.sub-nav.open, .sideOpen {
	display: block;
}
#leftNav li div {
	display: block;
}
#leftNav li div.navWrapper {
	background-color:#fff;
	padding: 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	box-shadow:0px 0px 1px #0000008c;
	background-attachment: fixed;
}
#leftNav li .navGroup ul {
	display: block;
	margin: 5px 0 0 0;
}
#leftNav li .navGroup ul:nth-of-type(2) {
	margin: 30px 0 0 0;
}
#leftNav li section.invisible {
	visibility: hidden;
}
#leftNav li section.visible {
	visibility: visible;
}
#leftNav .navList a {
	line-height: 1.2em;
	color: #0B3C6B;
	font-weight: 500;
	text-transform: capitalize;
}
#leftNav .navList .callToAction a {
	color:#fff;
}
#bodyCopy .callToAction.aligncenter a {
    margin: 0 auto;
}
#students-nav > a, #applicants-nav > a, #community-nav > a, #career-nav > a {
	display: block;
}
#students-nav .sub-nav a, #applicants-nav .sub-nav a, #community-nav .sub-nav a, #career-nav .sub-nav a {
	font-size: 0.875em;
}
#students-nav .dashboard-icon-title {
	color: #ffffff;
	font-size:13px;
}
#leftNav {
	font-family: "Open Sans", sans-serif;
}
#leftNav > li > a {
	position: relative;
}
#leftNav .bucksfor {
	font-style: italic;
	font-weight: normal;
	display: block;
	line-height: 1em;
	font-size: .9em;
	margin: 3px 0 2px;
	color: #000;
}
#leftNav .bucksfor-target {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1.3em;
	display: inline-block;
	line-height: 1em;
	color: #000;
}
#leftNav .bucksfor-target:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0 5px 0 0;
	content: "\f0c0";
}
#leftNav .blueActive .bucksfor {
	color: #49bee9;
}
#leftNav .blueActive .bucksfor-target {
	color: #fff;
	font-weight: 400;
}
#leftNav .bucksfor-target-applicants:before {
	content: "\f14b";
}
#leftNav .bucksfor-target-students:before {
	content: "\f19d";
}
#leftNav .bucksfor-target-community:before {
	content: "\f0c0";
}
#leftNav .bucksfor-target-career:before {
	content: "\f0b1";
}
#leftNav li > a.openArrow::before {
	bottom: -14px;
	left: 40px;
	border-width: 9px;
	z-index: 9999;
	display:none;
}
#leftNav li > a.openArrow::after {
	bottom: -17px;
	left: 42px;
	border-width: 7px;
	z-index: 9999;
	display:none;
}
#leftNav li ul li a.openArrow::before, #leftNav li ul li a.openArrow::after {
	display: none;
}
#leftNav .navList ul li.more a.openArrow,
#leftNav .navList ul li.less a.openArrow {
	font-weight: 400;
}
#leftNav .navList li.more:after, .more:after {
	font-family: 'FontAwesome';
	content: '\f18e';
	margin: 0 0 0 5px;
	color: #0c3c6a;
	display: inline;
}
#leftNav .navList li.less:after, .less:after {
    font-family: 'FontAwesome';
    content: '\f190';
    margin: 0 0 0 5px;
    color: #0c3c6a;
    display: inline;
}
.more,
.less {
	text-transform: uppercase;
}
.more::before,
.less::before {
    display: none;
}
.blueBox .more::after,
.blueBox .less::after {
	color:#fff;
}
#leftNav li ul li {
	justify-content: flex-start;
	margin: 14px 0;
	padding: 0;
}
#leftNav li .navScroll {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
#leftNav li#community-nav .navAudience {
	display: inline-block;
	vertical-align: top;
}
#leftNav li#community-nav .navAudience:last-of-type {
	display: inline-block;
	vertical-align: top;
}
#leftNav li#community-nav .navAudience p.callToAction {
	font-size: 0.875em;
	margin: 15px 0 0 0;
}
#leftNav li#community-nav .navAudience p a {
	color: #fff;
}
#leftNav li#career-nav .navWrapper, #leftNav li#community-nav .navAudience .navSubWrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
#leftNav li div.navGroup {
	padding: 0;
	margin: 10px 50px 0 0;
	display: inline-block;
	vertical-align: top;
	/*max-width: 27%;*/
	max-width: 20%;
}
#leftNav li#students-nav div.navGroup:nth-of-type(3) {
	max-width: 22%;
}
#leftNav li#career-nav div.navGroup {
	margin: 0;
	max-width: 20% /*250px*/;
	width: 20%;
}
#leftNav li#career-nav div.navGroup:nth-of-type(2), #leftNav li#career-nav div.navGroup:nth-of-type(3) {
	/*max-width: 210px; evening out the spacing */
}
#leftNav li#community-nav .navAudience:first-of-type .navGroup {
	padding: 0;
	margin: 0;
	max-width: 250px;
}
#leftNav li div.navGroup:last-of-type {
	margin: 10px 0 0 0;
	max-width: 250px;
}
#leftNav li div.navHeader {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0;
}
#leftNav li#community-nav .navAudience:first-of-type {
	margin: 0 15px 0 0;
}
#leftNav li#career-nav div.navHeader, #leftNav li#community-nav .navAudience:first-of-type .navHeader {
	border-bottom: .5px solid #00000045;
	align-items: center;
}
#leftNav li div.navIcon {
	margin: 0 10px 0 0;
	padding: 0;
}
#leftNav li div.navIcon img {
	max-height: 30px;
	max-width: 30px;
}
#leftNav li div.villagePeople {
	display: flex;
	margin: 0 0 -4px 0;
}
#leftNav li div.villagePeople img {
	max-width: inherit;
	max-height: 80px;
	margin-left: -15px;
}
#leftNav li .navTitle {
	padding: 0;
	margin: 0;
	color: #29A9E1;
	font-weight:400;
	font-size: 1.3em;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}
#leftNav li .navTitle a {
	padding: 0;
	margin: 0;
	color: #29A9E1;
	font-weight:100;
	font-size: 1.0em;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0;
}
#leftNav li#community-nav .title {
	padding: 0;
	margin: 0;
	color: #29A9E1;
	font-weight:600;
	font-size: 1em;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) .title {
	border-bottom: .5px solid #00000045;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) .title::before {
	border-color: transparent #0B3C6B transparent transparent;
	bottom: -17px;
	display:none;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) .title::after {
	border-color: transparent #fff transparent transparent;
	bottom: -12px;
	display:none;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) .navGroup:first-of-type {
	max-width: 250px;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) .navGroup:last-of-type {
	max-width: 600px;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) .navGroup:nth-of-type(2) .navHeader {
	/*margin: 0 0 0 25px;*/
}
#leftNav li#community-nav .navAudience:nth-of-type(2) .navGroup:nth-of-type(2) .navList {
	padding: 0;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) .navGroup:nth-of-type(2) .navList ul {
	width: 500px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) .navGroup:nth-of-type(2) .navList ul li {
	margin: 0 15px 15px 0;
	width: auto /*100px*/;
	text-align: center;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) .navGroup:nth-of-type(2) .navList ul li a {
	font-size: .75em;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) .navGroup:nth-of-type(2) .navList ul li img {
		border:2px solid #ffffff;
        box-shadow: 1px 1px 2px #88888882;
		width: 200px;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) table {
	font-size: .875em;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) p.navTitle {
	border-bottom: 2px solid #0B3C6B;
	width: 100%;
	position: relative;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) p.navTitle::after {
	border-color: transparent #fff transparent transparent;
	bottom: -12px;
	left: 34px;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) p.navTitle::before {
	border-color: transparent #0B3C6B transparent transparent;
	bottom: -17px;
	left: 32px;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) table tr {
	background-color: inherit;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) table tr:nth-of-type(even) {
	background-color: #e6e6e6;
}
#leftNav li#community-nav .navAudience:nth-of-type(2) table tr td {
	font-size: .875em;
}
#leftNav li#applicants-nav section {
	width: 97%;
}
#leftNav li#applicants-nav div.navGroup {
	max-width: 20%;
	margin: 0 15px 0 0;
}
#leftNav li#applicants-nav div.navGroup:first-of-type ul img {
	max-width: 100%;
}
#leftNav li#applicants-nav div.navTitle {
	position: relative;
}
#leftNav li#applicants-nav div.navTitle#steps {
	border-bottom: 3px solid #0B3C6B;
	padding: 0 0 10px 0;
	width: 100%;
}
#leftNav li#applicants-nav div.navTitle#steps::before {
	border-color: transparent #0B3C6B transparent transparent;
	bottom: -18px;
}
#leftNav li#applicants-nav div.navTitle#steps::after {
	border-color: transparent #fff transparent transparent;
	bottom: -11px;
}
#leftNav li#applicants-nav div#stepsForAdmissions {
	max-width: 76%;
	width: auto;
	margin: 0;
}
#leftNav li div.steps {
	display: block;
	margin: 15px 0 0 0;
}
#leftNav li ol.admissionsSteps {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
}
#leftNav li ol.admissionsSteps > li {
	margin: 0 15px 0 0;
	padding: 0;
	counter-increment: step-counter;
	display: inline-block;
	vertical-align: top;
	position: relative;
	max-width: 22%;
}
#leftNav li ol.admissionsSteps > li::before {
	content: counter(step-counter);
	margin-right: 5px;
	font-size: 1.5em;
	background-color: #2670A0;
	color: #fff;
	font-weight: bold;
	padding: 4px 14px;
	border-radius: 50px;
}
#leftNav li ol.admissionsSteps li:last-of-type {
	margin: 0;
}
#leftNav li ol.admissionsSteps li div {
	display: flex;
	flex-direction: column;
}
#leftNav li ol.admissionsSteps li div.title {
	position: relative;
	top: -28px;
	left: 45px;
	/*font-size: 1.125em;*/
	font-size: 1em;
	color: #8FA0B0;
	text-transform: uppercase;
	max-width: 230px;
}
#leftNav li ol.admissionsSteps li div.instructions {
	position: relative;
	top: -15px;
}
#leftNav li ol.admissionsSteps li div.instructions p {
	font-size: 0.875em;
	color: #4D4D4D;
}
#leftNav li ol.admissionsSteps li div.instructions p.callToAction a {
	font-size: 0.875em;
	color: #fff;
}
#leftNav li ol.admissionsSteps li div.instructions p.callToAction a span {
	font-size: 1.5em;
	color: #fff;
}
#leftNav li ol.admissionsSteps li div.instructions ul {
	margin: 0;
	padding: 0 0 10px 0;
}
#leftNav li ol.admissionsSteps li div.instructions ul li {
	margin: 10px 0;
}
#leftNav li ol.admissionsSteps li div.instructions ul li:first-of-type {
	margin: 0 0 10px 0;
}
#leftNav li ol.admissionsSteps li div.instructions ul li a {
	font-size: 0.875em;
	text-transform: uppercase;
}
#leftNav li ol.admissionsSteps li div.instructions a::before, #leftNav li ol.admissionsSteps li div.instructions a::after {
	border-color: transparent;
}
#leftNav li#career-nav div.navTitle {
	display: flex;
	padding-right: 10px;
	width: 130px;
}
#leftNav li div.navList {
	padding: 0;
	margin: 0 0 25px 0;
	align-self: flex-start;
}
#leftNav li#career-nav div.navList {
	padding: 0 50px 0 0;
	width: 185px;
}
#leftNav li#community-nav div.navList {
	/*padding: 0 50px 0 0; unnecessary and borking column*/
}
#leftNav li#career-nav div.navGroup:first-of-type div.navList, #leftNav li#community-nav div.navGroup:first-of-type div.navList {
	/*padding: 0 30px 0 0; this is borking the column on smaller screens*/
}
#leftNavli div.navList ul {
	display: flex;
	flex-direction: column;
}
#leftNavli div.navList ul li a {
	font-size: .875em;
	font-weight: bold;
	color: #0b3b6b;
	text-transform: uppercase;
}
#leftNav li div.navGroup.dashboardIcons {
	max-width: 425px;
	min-width: 425px;
	width: 425px;
}
#leftNav li div.dashboardIcons ul {
	display: flex;
	flex-direction: row;
	flex-grow: 2;
	flex-wrap: wrap;
}
#leftNav li div.dashboardIcons ul li {
	max-width: 125px;
	min-width: 120px;
	margin-right: 20px;
}
#leftNav li div.dashboardIcons img {
	margin: 0 15px;
	box-shadow: 0px 0px 5px #888;
	border: 3px solid #fff;
	border-radius: 3px;
}
#leftNav li div.contactBar {
	background-color: #bdcbd4;
	display:none;
	justify-content: flex-end;
	height:45px;
}
#leftNav li div.contactBar .contactItems {
	display: flex;
	align-content: center;
	margin: 10px;
}
#leftNav li div.contactBar .contactItems:last-of-type {
	align-content: center;
	margin: 10px 20px 10px 10px;
}
#leftNav li div.contactBar .contactItems img {
	margin: 2px 15px 0 15px;
}
#leftNav li div.contactBar .contactItems a {
	color: #2670a1;
	text-transform: uppercase;
	font-weight: normal;
	position: relative;
	top: -3px;
}
#leftNav li div.contactBar .contactItems a::before, #leftNav li div.contactBar .contactItems a::after {
	bottom: 0;
	left: 0;
	border-color: transparent;
	border-width: 0;
}
.sub-nav ul {
	display: inline-block;
	vertical-align: top;
	margin: 0 1em 0 0;
	padding: 0;
}
.sub-nav li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/*  top searchbar  */
#topSearch input, #mobileSearch input {
	outline: none;
}
#topSearch input[type=search], #mobileSearch input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
#topSearch input::-webkit-search-decoration, #topSearch input::-webkit-search-cancel-button, #mobileSearch input::-webkit-search-decoration, #mobileSearch input::-webkit-search-cancel-button {
 display: none;
}
#topSearch input[type=search], #mobileSearch input[type=search] {
	background: transparent url('../images/searchMobile.png') no-repeat 98% center;
	background-size: 25px auto;
	border: solid 1px transparent;
	padding: 9px 10px 9px 32px;
	width: 55px;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	transition: all .25s;
}
#topSearch input[type=search].show, #mobileSearch input[type=search].show {
	width: 130px;
	background-color: #fff;
	border-color: #6fcadc;
}
#topSearch .hidden, #mobileSearch .hidden {
	display: none;
	visibility: hidden;
}
#topSearch input[type=submit], #mobileSearch input[type=submit] {
	-webkit-appearance: none;
	box-sizing: inherit;
	padding: 0;
	border-width: 0;
	border-style: none;
	border-color: inherit;
	border-image: none;
	color: transparent;
	position: absolute;
	right: 0;
	top: 1px;
	width: 55px;
	height: 40px;
	background-color: transparent;
}
#topSearch input:-moz-placeholder, #mobileSearch input:-moz-placeholder {
 color: #999;
}
#topSearch input::-webkit-input-placeholder, #mobileSearch input::-webkit-input-placeholder {
 color: #999;
}
#topSearch form input[type=search], #mobileSearch form input[type=search] {
	width: 0;
	color: transparent;
	cursor: pointer;
}
#topSearch form input[type=search]:hover, #mobileSearch form input[type=search]:hover {
	background-color: transparent;
}
#topSearch form input[type=search].show, #mobileSearch form input[type=search].show {
	width: 300px;
	padding-left: 10px;
	padding-right: 40px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#mobileSearch form input[type=search].show {
	width: 200px;
	right: auto;
	top: inherit;
}
#topSearch form input:-moz-placeholder, #mobileSearch form input:-moz-placeholder {
 color: transparent;
}
#topSearch form input::-webkit-input-placeholder, #mobileSearch form input::-webkit-input-placeholder {
 color: transparent;
}
/* top search bar */
#rightNavigation.moved {
	min-width: 23%;
	margin-left: -300px;
}
#rightNavigation ul li.lockItem {
	visibility: hidden;
}
#rightNavigation ul li#topSearch.lockItem {
	/*padding:5px 0 0;*/
	visibility: visible;
}
/* homepage body */
#homeContent {
	height: 93vh;
}
#homeWrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 50px;
	width:100%;
}
#homePage {
	/*display: flex;
	height: 74vh;*/
	display:block;
	height: inherit;
}
main.home section:nth-of-type(2), main.home section:nth-of-type(even) {
	box-shadow: inset 0 -13px was 2px -12px #33333330,  inset 0 13px 17px -12px #333
}
.slides {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 1;
	display:none;
}
#homeSearch {
	order: 1;
	flex-grow: 2;
	width: 50%;
	box-sizing: border-box;
	display: block;
	padding: 17% 0 0 0;
	transition: padding .5s ease-in-out;
}
#homeSearch form {
 	position: relative;
	width: 90%;
	margin-left: 5%;
}
#homeSearch input[type=text], #catalogAction input[type=text], #scholarshipAction input[type=text], #libraryAction input[type=text], #searchResults input[type=text], #scholarshipAction input[type=text] {
	width: 100%;
	height: 60px;
	padding: 0 0 0 10px;
	font-size: 1.5em;
	background-color: rgba(255, 255, 255, 0.9);
	/*background-image:url(../images/homeSearch.png);
	background-position: 98% center; 
	background-repeat: no-repeat;*/
	border: 2px solid #6fcadc;
	box-sizing: border-box;
}
#homeSearch input[type=text]{
	height:80px;
	font-size: 2em;
	font-weight: 100;
}

#homeSearch input[type=search]:focus, #catalogAction input[type=search]:focus, #scholarshipAction input[type=search]:focus, #libraryAction input[type=search]:focus, #bigBlueWrapper input[type=text]:focus, #scholarshipAction input[type=text]:focus {
	border-color: #2771a0;
}
#homeSearch label.hidden, #catalogAction label.hidden, #scholarshipAction label.hidden, #libraryAction label.hidden, #searchResults label.hidden, #scholarshipAction label.hidden {
	display: none;
	visibility: hidden;
}
#homeSearch input[type=submit], #catalogAction input[type=submit], #scholarshipAction input[type=submit], #libraryAction input[type=submit], #searchResults input[type=submit], #scholarshipAction input[type=submit] {
	background-image: url(../images/homeSearch.png);
	background-position: 98% center;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	background-color: inherit;
	box-sizing: inherit;
	padding: 0;
	border-width: 0;
	border-style: none;
	border-color: transparent;
	border-image: none;
	color: transparent;
	position: absolute;
	right: 10px;
	top: 5px;
	width: 55px;
	height: 50px;
}
body.IE10 #homeSearch input[type=submit], body.IE10 #catalogAction input[type=submit], body.IE10 #scholarshipAction input[type=submit], body.IE10 #libraryAction input[type=submit], body.IE10 #searchResults input[type=submit], body.IE10 #scholarshipAction input[type=submit] {
	background-color: transparent;
}
body.IE11 #homeSearch input[type=submit], body.IE11 #catalogAction input[type=submit], body.IE11 #scholarshipAction input[type=submit], body.IE11 #libraryAction input[type=submit], body.IE11 #searchResults input[type=submit], body.IE11 #scholarshipAction input[type=submit] {
	background-color: transparent;
}
#homeSearch input[type=submit]{
	top: 15px;
	right: 15px;
}
.slides {
	order: 2;
	flex-grow: 1;
	align-content: center;
	justify-content: flex-start;
	color: #fff;
	width: 50%;
	box-sizing: border-box;
	padding: 0 0 0 10%;
	display:none;
}
.slides #title {
	display: none;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #b3b1b4;
	font-weight: bold;
	text-align: left;
	width:80%;
}
.slides .box {
	border: 3px solid #fff;
	box-shadow: 0px 0px 10px #1d1d1d;
	padding: 10px;
	order: 1;
	flex-grow: 1;
}
.slides .box1 {
	order: 2;
	flex-grow: 2;
	width: 100%;
	max-width: 425px;
	min-width: 425px;
	background-color: #032354;
	margin: 0 0 20px 0;
	padding: 0;
}
.slides .secondRow {
	display: flex;
	order: 3;
	justify-content: center;
	width: auto;
}
.slides .secondRow .box2 {
	order: 1;
	flex-grow: 1;
	background-color: #124a85;
	margin: 0 29px 0 0;
	background-image:url(../images/zlockbg.png);
}
.slides .secondRow .box3 {
	order: 2;
	flex-grow: 1;
	background-color: #1a5c8c;
	background-image:url(../images/calbg.png);
}
.slides .secondRow .box2, .slides .secondRow .box3 {
	max-width: 175px;
	min-width: 175px;
	max-height: 175px;
	min-height: 175px;
	display: flex;
	align-items: center;
}
.box p a {
	font-size: 1em;
	font-weight: bold;
	color:#00b3e3;
}
.slides .box1 .announcement a, .slides .wide .announcement a {
	border: 1px solid #1c5f93;
	padding: 3px;
	display: flex;
	align-items: center;
}
.slides .box1 img, .slides .wide img {
	margin: 0 15px 0 0;
	width:inherit;
	order: 1;
	max-width: 30%;
}
.slides .box1 .text, .slides .wide .text {
	order: 2;
}
.slides .box1 p {
	padding: 0;
	margin: 0;
}
.slides .box1 p.title, .slides .wide p.title, .slides .tall p.title {
	font-size: 2.067em;
	line-height: .875em;
	margin: 8px 0 0 0;
	word-break: break-all;
}
.slides .secondRow .box2 .text, .slides .secondRow .box3 .text {
	display: flex;
	flex-direction: column;
	width:100%;
}
.slides .secondRow .box2 p, .slides .secondRow .box3 p {
	padding: 0;
	margin: 5px 0;
}
.slides .secondRow .box2 p.title {
	font-size: 1.4em;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: bold;
}
.slides .secondRow .box3 p.title, .slides .square.date p.title {
	font-size: 2.75em;
	font-weight: bold;
	line-height: .875em;
	text-transform: uppercase;
}
.slides .box.wide {
	flex-grow: 2;
    width: 100%;
    max-width: 425px;
    background-color: #032354;
    margin: 0 0 20px 0;
    padding: 0;
}
.boxWrapper {
	display: flex;
}
.slides .box.tall{
    width: 100%;
    max-width: 200px;
    background-color: #032354;
    margin: 0 0 20px 0;
}
.slides.tallItems {
	flex-wrap: nowrap;
}
.slides .box.tall {
	margin: 0 29px 0 0;
	flex:1;
}
.slides .box.wide:last-of-type {
	margin: 0;
}
.slides .box.square {
	max-width: 175px;
	min-width: 175px;
	max-height: 175px;
	min-height: 175px;
	display: flex;
	align-items: center;
	order: 1;
    margin: 0 10px 0 0;
}
.slides .box.square:nth-of-type(1), .slides .box.square:nth-of-type(4) {
    flex-grow: 1;
    background-color: #124a85;
    background-image: url(../images/campusBackground.jpg);
}
.slides .box.square.news p.title {
	font-size: 1.4em;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: bold;
}
.slides .box.square:nth-of-type(2), .slides .box.square:nth-of-type(3) {
    flex-grow: 1;
    background-color: #1a5c8c;
    background-image: url(../images/numberBackground.jpg);
}
.slide.fourBox {
	padding: 0 0 0 7%;
	justify-content: flex-end;
}
.slides .boxRow {
	width:100%;
	display: flex;
	justify-content: center;
}
.slides .boxRow:first-of-type {
    margin: 0 0 20px 0;
}
.slides .square {
	margin: 0 10px 0 0;
}
.slides .box.video,
.slides .box.videoOnly {
	background-color: #032354;
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
	margin:0 0 20px 0;
    height: 0;
    overflow: hidden;
}
.slides .box.video iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.slides .box.videoOnly {
	padding: 0;
	width:425px;
	height: 300px;
	max-width: 100%;
	max-height: 100%;
}
.slide .videoOnly iframe {
	width:100%;
}
.slides .boxColumn {
	order:2;
}
.slides .boxColumn .box.square {
	margin: 0;
}
.slides .boxColumn .box.square:first-of-type {
	margin: 0 0 10px 0;
}
.slide.comboBoxes .box.tall {
	min-height: 386px;
}
.slide.videoTwoBoxes, .slide.videoBoxWide {
    height: 100%;
	flex-direction: column;
    align-items: center;
    justify-content: center;
}
.slide.videoTwoBoxes .box.video, .slide.videoBoxWide .box.video {
	width:400px;
	flex-grow: 0;
	padding-top: 0;
	margin: 0 0 20px 0;
}
.slides .stackedBoxes {
	order:2;
	flex: 1;
	margin: 15px 0 0 0;
}
section#quoteText {
	background-color: #fff;
	text-align: center;
	padding: 50px 0;
	width: 96%;
}
section#quoteText::before {
	content: '';
	display: block;
	position: absolute;
	top: 1px;
	left: 49.5%;
	border-color: #fff #fff transparent transparent;
	border-style: solid;
	border-width: 8px;
	transform-origin: 0 0;
	transform: rotate(-45deg);
}
section#quoteText div {
	width:inherit;
}
section#quoteText p {
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 1em;
}
section#quoteText p:last-child {
	padding: 0;
}
section#quoteText p.smaller {
	font-size: 1.2em;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}
section#quoteText a {
	text-decoration: underline;
}
section#quoteText a:hover {
	text-decoration: none;
}
section#marketingBlock {
	background-image: url(../images/riceBackground.jpg);
	background-repeat: repeat;
	padding: 86px 0 50px 0;
}
section#marketingBlock > div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 0 40px;
}
#marketingLeft {
	width: 40%;
}
#marketingRight {
	width: 60%;
	margin: 0 0 0 30px;
	padding: 0 0 0 30px;
	border-left: 3px solid #00B3E3;
	position: relative;
}
#marketingRight::before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	top: 42px;
	left: -1px;
	border-color: transparent transparent transparent #00B3E3;
	border-width: 8px;
}
#marketingRight::after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	top: 44px;
	left: -3px;
	border-color: transparent transparent transparent #ededed;
	border-width: 6px;
}
#marketingLeft h2 {
	/*color: #00B3E3;*/
	color: #007899;
	font-family: "Open Sans", sans-serif;
	font-size: 2.25em;
	font-weight: normal;
	line-height: 1em;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}
#marketingLeft p {
	margin: 20px 0;
}
#marketingLeft p:last-of-type {
	margin: 20px 0 0 0;
}
#marketingLeft p strong {
	color: #8FA0B0;
	font-family: "Open Sans", sans-serif;
	font-size: 1.125em;
	text-transform: uppercase;
	font-weight: normal;
}
.marketingBox {
	position: relative;
}
.marketingBox:first-of-type {
	top: -36px;
}
.marketingBox:nth-of-type(2) {
	margin: -15px 0 10px 0;
}
.marketingBox h2 {
	/*color: #BDCCD4;*/
	color: #5A6F8C;
	font-family: "Open Sans", sans-serif;
	font-size: 2.25em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 0 115px;
}
.marketingBox h2 em {
	text-transform: lowercase;
}
.marketingBox:nth-of-type(2) h2 {
	margin: 0;
}
.learnMoreBox {
	border: 3px solid #26709F;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.learnMoreBox .learnMoreL {
	background-color: #fff;
	flex-grow: 4;
	padding: 0 10px 0 0;
}
.learnMoreBox .learnMoreL img {
	position: absolute;
	bottom: 3px;
}
.learnMoreBox .learnMoreL .marketingText {
	margin: 0 0 0 37%;
	padding: 10px 0;
	position: relative;
}
.learnMoreBox .learnMoreL .marketingBox:last-of-type .marketingText {
	margin: 0 0 0 37%;
	padding: 10px 0;
	position: relative;
}
.learnMoreBox .learnMoreL h3 {
	color: #315989;
	font-family: 'goudy_old_stylebold', serif;
	font-style: italic;
	font-size: 3em;
	font-weight: normal;
	text-transform: inherit;
	margin: 0;
	line-height: .75em;
}
.learnMoreBox .learnMoreL p {
	margin: 5px 0 0 20px;
	font-size: 0.9375em;
}
.learnMoreBox .learnMoreR {
	background-color: #26709F;
	flex-grow: 1;
	padding: 20px;
	min-width: 113px;
	max-width: 113px;
}
.learnMoreBox .learnMoreR a {
	font-size: 1em;
	line-height: .75em;
	color: #fff;
	text-transform: uppercase;
}
.learnMoreBox .learnMoreR a em {
	font-family: 'goudy_old_stylebold', serif;
	text-transform: lowercase;
}
.marketingBox:nth-of-type(2) h1 {
	margin: 0;
}
.marketingBox:nth-of-type(2) .learnMoreBox .learnMoreL img {
	right: 150px;
}
.marketingBox:nth-of-type(2) .learnMoreBox .learnMoreL .marketingText {
	margin: 0 27% 0 30px;
}
section#bigButton {
	min-height: 450px;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}
#bigButton #blueBack {
	width: 100%;
	color: #fff;
	padding: 20px 40px;
}
section#bigButton #blueBack > div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between
}
#blueBack #description {
	width: 40%;
	padding: 0 50px 0 0;
}
#blueBack #description h2, #blueBack #text p {
	color: #fff;
}
#blueBack #description h2 {
	font-family: "EB Garamond", 'Open Sans';
	font-size: 2em;
	line-height: 1em;
	text-transform: capitalize;
	font-weight: 900;
	text-align:left;
}
#blueBack #description p {
	font-family:"EB Garamond";
	font-size:20px;
	color: #fff;
	text-align:left;
}
#bigButton #blueBack a {
	color:#00b5e2;
	font-weight:600;
	transition:.4s;
}
#bigButton #blueBack a:hover{
	text-decoration:underline;
}
#bigButton #blueBack a.littlebutton{
	padding:10px;
	border-radius:2px;
	font-size:13px;
	color:#fff;
	display:inline-block;
	margin-bottom:5px;
	border:1px solid #fff;
	text-decoration:none;
}
#bigButton #blueBack a:hover{
	box-shadow: inset 400px 0 0 0 #ffffff;
	color:#316b98bf;
	text-shadow:0px 0px 0px;
}
#blueBack #button {
	width: 40%;
}
#blueBack #button .callToAction a {
	font-size: 2.1875em;
	text-transform: uppercase;
	padding: 30px 20px;
	border: 5px solid #fff;
	border-radius: 8px;
	color:#fff;
	transition:.4s;
}
#blueBack #button .callToAction a {
	background-color:transparent;
    padding: 15px;
    font-family: 'EB Garamond', 'Open Sans';
    letter-spacing:.05em !important;
    border-radius: 3px;
    position: relative;
    font-size: 1em;
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none;
    min-width: 200px;
    max-width:240px;
    color:#fff;
    border:2px solid #fff;
	font-size: 1.9em;
	font-weight:600;
	text-shadow: 0px 1px 1px #00000040;
	text-transform: capitalize;
	box-shadow: inset 0 0 0 0 #00000024;
 	-webkit-transition: ease-out 0.4s;
 	-moz-transition: ease-out 0.4s;
  	transition: ease-out 0.4s;
}
#blueBack #button .callToAction a:hover {
	box-shadow: inset 400px 0 0 0 #ffffff;
	color:#316b98bf;
	text-shadow:0px 0px 0px;
}
section.dots {
	background-repeat: repeat;
}
section.dots > div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
section#studentProfile {
	background-image: none;
	background-color:#fff;
}
section#navy4col {
	background-image: none;
	background-color:#1254a1;
}
section#navy4col > div {
	margin: 0 auto;
	padding: 50px 0 50px 40px;
}
section#storiesBanner {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align:left;
	display: flex;
	height: 93.5vh;
	transition:1.5s;
	background-image: url(https://i.imgur.com/1ea1QTq.jpg);
}
section#storiesBanner > div {
	text-align:right;
	margin: 0 auto;
	padding: 50px 0 50px 40px;
}
section#researchBanner {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align:left;
	display: flex;
	height: auto;
	min-height:73.5vh;
	transition:1.5s;
	background-image: url(https://i.imgur.com/uOlEfvP.png);
}
section#researchBanner iframe{
	position:relative;
	top:30px;
	width:500px;
	height:281px;
}
section#researchBanner > div {
	text-align:right;
	margin: 0 auto;
	padding: 50px 0 50px 40px;
}
section#studentProfile > div {
	margin: 0 auto;
	padding: 50px 0 50px 40px;
}
section#videoProfile {
	background-image: linear-gradient(45deg, #002f6c 33.33%, #001d42 33.33%, #001d42 50%, #002f6c 50%, #002f6c 83.33%, #001d42 83.33%, #001d42 100%);
	background-size: 4.24px 4.24px;
}
section#videoProfile > div {
	margin: 0 auto;
	padding: 50px 40px 50px 0;
}
section#studentProfile .profileText {
	margin: 0 50px 0 0;
	order: 1;
}
section#videoProfile .profileText {
	margin: 0 0 0 50px;
	order: 2;
}
.profileText {
	flex-grow: 3;
}
.profileText h2 {
	color: #fff;
	font-size: 2.8em;
	font-family: 'open sans', sans-serif;
	font-weight: 200;
	line-height: 1em;
	margin: 0;
}
.profileText h3 {
	color: #ffffff;
	font-size: 1.1em;
	line-height: 1em;
	font-family: "Open Sans", sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	margin: 10px 0;
}
#videoProfile .profileText a {
	color: #6FCBEC;
	font-weight:700;
}
#studentProfile .profileText h2 {
	text-shadow: 0px 0px 1px #333;
	color: #000;
	font-size: 2.8em;
	font-family: 'open sans', serif;
	font-weight: 200;
	line-height: 1em;
	margin: 0;
}
#studentProfile .profileText h3, #studentProfile .profileText a {
	color: #212121;
}
.profileText p {
	color: #1d1d1d;
	font-weight:400;
}
#videoProfile .profileText p {
	color: #fff;
}
.profile {
	flex-grow: 2;
	position: relative;
}
section#studentProfile .profile {
	order: 2;
}
section#videoProfile .profile {
	order: 1;
}
.profile > img, .profile > iframe , .profile > p {
	max-height: 300px;
	border-top: 5px solid #fff;
	border-right: 5px solid #fff;
	border-bottom: 5px solid #fff;
	border-left: 5px solid #fff;
	box-shadow: 0px 0px 1px #66666663;
}
.profile > img {
	max-width: inherit;
}
#studentProfile .profile > img, #studentProfile .profile > iframe, #studentProfile .profile > p {
	border-right: 0;
}
#videoProfile .profile > img, #videoProfile .profile > iframe, #videoProfile .profile > p {
	border-left: 0;
}
.myBucksTag {
	position: absolute;
	top: -15px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	background-color: #002e6d;
	width: 165px;
	color: #8e9faf;
	font-size: 1.3125em;
	text-transform: uppercase;
	padding: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	box-shadow: 0px 0px 7px #666;
}
#studentProfile .myBucksTag {
	border-right: 0;
	right: 0;
}
#videoProfile .myBucksTag {
	border-left: 0;
	left: 0;
}
.myBucksTag img {
	width: 80px;
	margin: 0 0 0 15px;
}
/* subpage styles */
#subpage {
	width: 100%;
}
#subpage, #catalog {
	margin: 30px auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: center;
	order: 2;
	box-sizing: border-box;/*padding: 0 50px;*/
}
#rightSide {
	order: 2;
	display: flex;
	flex-direction: column;
	margin: 85px 0 0 4%;
	position: relative;
	width: 250px;
	min-width: 250px;
	max-width: 250px;
}
#rightSide.fourBoxes {
	order: 2;
	display: flex;
	flex-direction: column;
	margin: 0;
	position: relative;
	min-width: 570px;
	max-width: 570px;
}
body.blueHeader #rightSide {
	margin: 0 0 0 4%;
}
/*
 * subnav
 */
#subNav, #sideNav, #rightColumn {
	text-transform: uppercase;
	color: #2670A0;
	flex-direction: column;
	z-index: 1;
	order: 1;
	margin-bottom: 20px;
}
#subNav #bread {
	margin: 0;
}
#subNav #bread a {
	display: block;
	padding: 15px 10px;
	font-size: 1.1em;
	position: relative;
	background: #4c8dc7;
	border: solid 1px #fff;
	box-shadow: 0px 0px 1px #8888884d;
	color: #fff;
	margin: 0 0 1px;
	background-image: url(/media/bcccmedialibrary/stock/45-degree-fabric-dark.png);
}
#subNav #bread a:before, #subNav #bread a:after {
	position: absolute;
	left: 22px;
	bottom: -15px;
	content: " ";
	width: 0;
	height: 0;
	border: solid 8px transparent;
	border-top-color: #40729e /*#4c8dc7*/;
	z-index: 2;
}
#subNav #bread a:before {
	border-top-color: #fff;
	bottom: -16px;
	z-index: 1;
}
#subNav #bread a:first-of-type, #subNav #bread.bread-sibsNav a:last-of-type {
	display: none;
}
#subNav #bread a:nth-of-type(2) {
	background: #1053a1;
}
#subNav #bread a:nth-of-type(2):after {
	border-top-color: #244479;
}
#subNav #bread.bread-sibsNav a:nth-last-of-type(2), 
#subNav #bread a:last-of-type {
	background: transparent !important; /*since we don't have active classes, force this to override other nth-of-type styles*/
	box-shadow: none;
	/*color: #157DA2 !important;*/  /*since we don't have active classes, force this to override other nth-of-type styles*/
	color: #115D78 !important;  /*since we don't have active classes, force this to override other nth-of-type styles*/
	font-weight: bold;
	border: none;
	border-bottom: solid 1px #29a7e1;
	margin: 0;
}
#subNav #bread.bread-sibsNav a:nth-last-of-type(2):after, 
#subNav #bread.bread-sibsNav a:nth-last-of-type(2):before, 
#subNav #bread a:last-of-type:after, 
#subNav #bread a:last-of-type:before {
	border: solid 6px transparent;
	border-bottom-color: #29a7e1;
	bottom: 0;
	left: 25px;
}
#subNav #bread.bread-sibsNav a:nth-last-of-type(2):after, 
#subNav #bread a:last-of-type:after {
	border-bottom-color: #fff;
	bottom: -2px;
	border-top-color: transparent !important;  /*since we don't have active classes, force this to override other nth-of-type styles*/
}
#subNav #bread a:nth-of-type(4) {
    background: rgb(142, 159, 175);
    background-image: url(/media/bcccmedialibrary/stock/45-degree-fabric-dark.png);
    color: #fff;
}
#subNav #bread a:nth-of-type(4):after {
	border-top-color: rgb(119, 134, 148);
}
#subNav #bread a:nth-of-type(5) {
    background: rgb(142, 159, 175);
    color: #fff;
}
#subNav #bread a:nth-of-type(5):after {
	border-top-color: rgb(142, 159, 175);
}
.leftNav {
	margin: 0;
}
.leftNav ul, .leftNav ul li {
	margin: 0;
	padding: 0;
	border: none;
	left: 0;
	position: static;
	text-indent: 0;
}
.leftNav a {
	display: block;
	border-bottom: solid 1px #8e9faf;
	padding: 15px 10px;
	/*color: #286f9d;*/
	color: #215B83;
	font-size: 1.1em;
}
.leftNav a:hover {
    background-color: #fdfdfd; 
}
.leftNav .cur, .leftNav a:active.cur, .leftNav a:link.cur, .leftNav a:visited.cur {
	background: #f2f2f2;
}
.mobileWidget {
	display: none;
}
#bodyCopy {
	order: 1;
	flex-grow: 1;
	padding: 0;
	max-width: 100%;
}
body.blueHeader #bodyCopy {
	order: 2;
}
#bodyCopy p, #bodyCopy ul/*, #bodyCopy ol*/ {
	padding: 0;
	margin: 0 0 25px;
	line-height: 1.3em;
	font-size: 15px;
}
/*#bodyCopy ol{
	list-style-position: outside;
	margin: 0 0 1.5em 0;
	padding-left: 1em;
}*/
#bodyCopy ul/*, #bodyCopy ol*/ {
	/*padding-left: 1em;
	text-indent: -2em;*/
	/*margin-left: 15px;*/
}
#bigBlue p {
	color: #ffffffc9;
	font-size: 1.2em;
	position: relative; /*fix for BBH with image bg*/
}
#bigBlue p strong {
	color: #BDCCD4;
}
main p {
	font-size: 1em;
	color: #4D4D4D;
	margin: 10px 0;
}
p.headline {
	font-size: 1.3125em;
	color: #1F5C84;
}
#bigBlue p.breadcrumbs, p.breadcrumbs, #bodyCopy .breadcrumbs {
	padding: 0;
	margin: 0 0 .3em;
	font-size: 1em;
}
#bigBlue p.breadcrumbs a, p.breadcrumbs a, #bodyCopy .breadcrumbs a {
	color: #595959;
	text-transform: uppercase;
	padding: 0;
	font-size: 1em;
	margin: 0;
	text-decoration: none;
	position: relative; /*fix for BBH with image bg*/
}
#bigBlue p.breadcrumbs a {
	/*color: #8fa0b0;*/
	color: #CAD2D8;
}
#bigBlue p.breadcrumbs a:hover, p.breadcrumbs a:hover, #bodyCopy .breadcrumbs a:hover {
	text-decoration: underline;
}
.slides p {
	color: #fff;
}
.contact-right i {
	color: #29A9E1;
}
#bigBlueWrapper h1 {
	font-size: 2.5em;
	position: relative; /* fix for BBH with bg image */
}
#bigBlueWrapper h2 {
	color: #d6f2f9;
	font-weight:700;
	margin: 1em 0 1em 0;
	position: relative; /*fix for BBH with image bg*/
}
#bigBlueWrapper .contactGroup h2 {
	font-size: 1em;
}
#bigBlueWrapper a {
	color: #FFF;
	text-decoration: underline;
}
#contactIcons {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
}
.contactWrapper {
	width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.contactGroup {
	color: #fff;
	font-size: 1.5em;
	width: 30%;
}
.contactGroup a::after {
	content: "" !important;
}
.contactGroup:last-of-type {
	text-align: right;
}
#bigBlueWrapper .contactGroup:last-of-type a {
	text-decoration: none;
}
.contactGroup:last-of-type i, .contactGroup:last-of-type div {
	display: inline-block;
	vertical-align: top;
}
.contactGroup:last-of-type div {
	max-width: 50%;
	text-align: left;
}
.contact-right p {
	font-size: 0.9em;
}
.chat-logo {
	font-size: 4em;
	color: #29A9E1;
}
#bigBlue p.chat-text, p.chat-text {
	font-size: 0.8em;
}
.blueBox p.chat-text {
	color: white;
	margin-bottom:0 !important;
}
.chat-head {
	font-size: 1em;
}
.blue-h2 {
	color: #FFF;
	margin-bottom: 1em;
	text-align: center;
	padding-top: 10%;
	font-size: 1.9em !important;
}
.blue-a {
	color: #FFF;
	text-decoration: underline;
	word-wrap: break-word;
}

/*sidebar campus details*/
div.contactcampus p.phone::before,
div.contactcampus p.email::before,
div.contactcampus p.place::before {
    font-size: .9em;
    color: #2670a1;
    margin-right: .5em;
}
div.contactcampus p.phone,
div.contactcampus p.email,
div.contactcampus p.place {
    text-indent: -1em;
    margin-left: 1em !important;
    margin-bottom: .5em !important;
}
.contact-right h2.heartbeat {
    margin-top: 2em;
}
.contactcampus h3 {
    margin-top: 0;
}
.contactcampus {
    margin-bottom: 2em;
}

h3.light {
	color: #333;
    font-weight: 100;
}

.blueBox .phone, .blueBox .phone::before, .blueBox .email a, .blueBox .email::before {
    color: white;
    word-break: break-word;
} /* mostly for the contact page box*/

/* offices listed in the bigblueheader */
#bigBlue .offices .columns p {
    padding-right: 2em;
}
#bigBlue .offices .columns h2 {
    padding-right: 2em;
}
#bigBlue .offices {
    /*float: right;*/
    font-size: .8em;
    margin-top:2em;
}
#bigBlueWrapper .offices h2 {
    margin: 0;
}

h3.form::before {
    content: "\f14b";
    font-family: "FontAwesome";
    padding-right: .5em;
    font-size: 1.2em;
}

#bodyCopy .stack.multilist h2 {
    margin-top: 1em;
    margin-bottom: 0;
}

#bodyCopy .stack.multilist h2:first-of-type {
    margin-top: 0;
}
ol.stack li { /*fixes top alignment problem e.g. on parking permit page*/
    padding: 0;
}
.locations {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.locations > .contactcampus {
	width:33%;
}
#chooseDepartment {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	align-content: center;
}
#chooseDepartment p {
	margin: 0 20px 0 0;
	color: #0f5597;
	font-size: 1.3125em;
	text-transform: uppercase;
	font-weight: bold;
}
.facultyList {
	margin: 40px 0 0 0;
}
.facultyHeader h2 {
	color: #2670a0;
	font-size: 2.0625em;
	font-family: 'goudy_old_styleregular', serif;
	font-weight: normal;
	margin: 0;
	text-transform: inherit;
}
.facultyHeader h3 {
	margin: 20px 0 0 0;
	line-height: 1.75em;
	position: relative;
	border-bottom: 3px solid #4abbe7;
}
.facultyHeader h3::before {
	bottom: -1px;
}
.facultyHeader h3::after {
	bottom: -3px;
}
.quickProfile, .instructorProfile {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	padding: 20px;
	background-color: #fff;
}
.instructorProfile, .circlePhoto {
	display: block;
	padding: 20px;
	min-height: 175px;
	background-color: #fff;
	clear: both;
}
.quickProfile:nth-of-type(odd), .instructorProfile:nth-of-type(even), .circlePhoto:nth-of-type(even) {
	background-color: #f2f2f2;
}
.quickProfile .photo {
	margin: 0 40px 0 0;
}
.instructorProfile .photo img {
	margin: 0;
}
.photo img {
	border-radius: 100px;
	height: auto;
	width: 175px;
	max-width: inherit;
}
.quickProfile .photo img, .instructorProfile .photo img {
	border-radius: 100px;
	height: auto;
	width: 175px;
	max-width: inherit;
	border: 2px solid #4abbe7;
}
.photo {
	float: right;
	height: 175px;
	overflow: hidden;
	/*border: 2px solid #4abbe7;*/
	border-radius: 100px;
}
.instructorProfile .photo {
	float: right;
	height: auto;
	overflow: hidden;
	border-radius: 100px;
	border: 0;
}
.businessCard h2, .instructor h2 {
	color: #0b3c6b;
	font-size: 2.0625em;
	line-height: 1em;
	font-family: 'goudy_old_styleregular', serif;
	font-weight: normal;
	margin: 0;
	text-transform: inherit;
}
.instructor h2 {
	margin: 0 0 10px 0;
}
.businessCard h3 {
	margin: 5px 0;
	font-size: 1.125em;
}
#bodyCopy .businessCard p.profileDetails {
	line-height: 1em;
}
#bodyCopy .businessCard p, #bodyCopy .instructor p {
	margin: 0;
	padding: 3px 0;
}
#bodyCopy .instructor p {
	margin: 0 0 15px 0;
	padding: 0;
}
#bodyCopy .instructor p:last-of-type {
	margin: 0;
}
#bodyCopy .businessCard p.fullProfile {
	margin: 0 0 0 20px;
}
#bodyCopy .businessCard p a {
	color: #29a9e1;
}
.businessCard p.education::before, .businessCard p.office::before, .businessCard p.phone::before, .businessCard p.website::before, .businessCard p.fullProfile a::after {
	content: "\f27e";
	margin: 0 5px 0 0;
	font-size: 1em;
	font-family: FontAwesome;
	color: #29a9e1;
	position: relative;
}
.businessCard p.office::before {
	content: "\f1ad";
}
#subpage section ul li.office::before {
	content: "\f041";
	padding-right: 1.2em;
}
.businessCard p.phone::before {
	content: "\f098";
}
.businessCard p.website::before {
	content: "\f108";
	margin: 0 2px 0 0;
}
.businessCard p.fullProfile a::after {
	content: "\f18e";
	margin: 0 0 0 5px;
}
/* widgets */
aside#widget, aside.widget {
	order: 3;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	/*align-items: center;
	margin: 0 0 0 50px;
	margin: 0 0 0 4%;*/
	margin: 35px 0 0 0;
	min-width: 250px;
	max-width: 250px;
}
#widgetPhoto {
	border: 5px solid #fff;
	box-shadow: 0px 0px 20px #888;
	z-index: 3;
}
#widgetPhoto img {
	width: 100%;
}
#widgetText {
	background-color: #f2f2f2;
	width: 100%;
	z-index: 2;
}
#widgetText div {
	padding: 5px 25px 15px;
}
#rightColumn .leftButtons:first-of-type .callToAction {
	margin: 50px 0 0 0;
}
#rightColumn .leftButtons .callToAction {
	margin: 20px 0 0 0;
}
.leftButtons {
    margin-bottom: 2em; /*give sidebar buttons a little space*/
}
.callToAction span {
	display: inline-block;
	vertical-align: middle;
}
.callToAction span.fa.fa-arrow-circle-o-right {
	font-size: 1.65em;
}
.callToAction span:nth-child(2) {
	margin: 0 0 0 5px;
}
#bodyCopy .callToAction {
	margin: 0 0 10px 0;
}
.callToAction a, .callToActionBlue, #bigBlueWrapper .callToAction a, #bodyCopy .callToAction a, #bodyCopy p.callToActionBlue {
	background-color: #1254a1;
	padding: 10px;
	transition:ease-in .4s;
	position: relative;
	border-radius:4px;
	box-shadow: 0px 0px 1px #88888852;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px #0000001a;
}
.callToAction a:hover, .callToActionBlue:hover, #bigBlueWrapper .callToAction a:hover, #bodyCopy .callToAction a:hover, #bodyCopy p.callToActionBlue:hover {
	background-color: #002f6c;
	padding: 10px;
	position: relative;
	border-radius:4px;
	box-shadow: 0px 0px 1px #88888852;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px #0000001a;
}
#bodyCopy .callToAction a {
	max-width: 33%;
}
#bodyCopy .row .callToAction a {
	max-width: 100%;
}
#bigBlueWrapper .callToAction {
	width:25%;
}
.callToActionBlue, #bodyCopy p.callToActionBlue {
	background-color: #2870a2;
	background: -webkit-linear-gradient(#2870a2, #0a3150);
	background: -o-linear-gradient(#2870a2, #0a3150);
	background: -moz-linear-gradient(#2870a2, #0a3150);
	background: linear-gradient(#2870a2, #0a3150);
}
.callToActionBlue a {
	color:#fff;
	text-decoration:none !important;
}
.dots .callToActionBlue {
	max-width: 50%;
	padding: 20px;
	margin: 20px 0 0;
}
.callToAction a::after, #leftNav li#community-nav .navAudience p.callToAction a::after, .box p a::after, .dots p.callToActionBlue a::after, .photoBox p::after {
	content: "\f18e";
	font-family: FontAwesome;
	color: #fff;
	font-size: 1.25em;
	font-weight: normal;
	padding: 0 0 0 10px;
	position: relative;
	top: 1px;
	right: 0;
	display:none;
}
.callToAction a[href^="http://"]:not([href*="bucks.edu"]):after, .callToAction a[href^="https://"]:not([href*="bucks.edu"]):after {
	color: #fff;
}
.box p a::after {
	color:#00b3e3;
}
.scholarshipApply .openClose a::after {
	content: "\f18e";
	font-family: FontAwesome;
	color: #00934d;
	font-size: 1.25em;
	font-weight: normal;
	padding: 0 0 0 10px;
	position: relative;
	top: 1px;
	right: 0;
}
.scholarshipApply .openClose a {
	color: #00934d;
}
#bodyCopy .magicContent {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
#bigBlueWrapper .magicContent {
	order: 2;
	flex-grow: 1;
	margin: 0 0 0 50px;
}
#bodyCopy .callToAction.magic a::after, #bigBlueWrapper .callToAction.magic a::after {
	content: "\f0d0";
	font-size: 1em;
}
#bodyCopy .callToAction.magic a, #bigBlueWrapper .callToAction.magic a {
	font-size: 2em;
	font-family: 'goudy_old_styleregular', serif;
	font-weight: normal;
}
#bigBlueWrapper .callToAction.magic a {
	font-size: 1.75em;
}
#bodyCopy .magicContent p {
	width: 50%;
}
#bigBlueWrapper .magicContent p {
	padding: 0;
	margin: 0;
}
#bodyCopy .magicContent p:last-of-type {
	color: #8FA0B0;
	margin: 0 0 5px 0;
	font-size: 1.25em;
	line-height: 1em;
	text-transform: uppercase;
}
#bigBlueWrapper .magicContent p:last-of-type {
	color: #fff;
	font-size: .75em;
	text-transform: uppercase;
}
#bodyCopy .callToAction.magic a, #bigBlueWrapper .callToAction.magic a {
	max-width: 50%;
}
#bodyCopy .callToAction.magic.smaller a {
	max-width: 30%;
}
#bodyCopy .magicContent .callToAction.magic a, #bigBlueWrapper .magicContent .callToAction.magic a {
	max-width: 70%;
}
#bigBlueWrapper .magicContent .callToAction.magic a {
	width: 90%;
}
#leftNav li#community-nav .navAudience p.callToAction a::after {
	font-size: 1.5em;
	top: 2px;
}
.callToAction a img {
	height: 25px;
}

/*special styles for the getmatched button to fix weird spacing*/
#bodyCopy p.callToAction.magic.getmatched {
    width: 24em;
    float: left;
    padding-right: 2em;
}
#bodyCopy p.callToAction.magic.getmatched a {
	max-width: 90%;
    padding: 4%;
    margin: 0 auto;
}
#bodyCopy h3.getmatched {
	margin-top: 0;
}

#widgetPhoto:empty, p.callToAction:empty {
	display: none;
}
.boxBrantLoves {
	margin: 25px 0 0 0;
	width: 100%;
}
aside#widget .boxBrantLoves, aside.widget .boxBrantLoves {
	margin: 0 0 1em;
	width: 100%;
}
.contactTitle {
	border-bottom: 2px solid #4abbe7;
	color: #0B3C6B;
	text-transform: uppercase;
	line-height: 1.25em;
	padding: 0 0 10px;
	position: relative;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
.boxBrantLoves p.contactTitle::after {
	bottom: -3px;
	left: 25px;
}
.boxBrantLoves p.contactTitle::before {
	bottom: -2px;
	left: 23px;
}
.boxBrantLoves .contactBox p {
	color: #fff;
}
.boxBrantLoves .contactBox {
	background-color: #1053a1;
	box-shadow: 1px 1px 0px #8888884d;
	border: 3px solid #fff;
	margin: 5px 0 0;
	padding: 10px;
	color: #fff;
	font-size: .875em;
	text-transform: initial;
}
.contactBox > div {
    margin-bottom: 1em; /*a little breathing room in the contact boxes*/
}
.boxBrantLoves .contactBox .personName {
	font-size: 1.125em;
	color: #fff;
	margin: 0;
	padding: 0;
}
.boxBrantLoves .contactBox .jobTitle {
	font-size: .875em;
	margin: 0 0 10px 0;
	padding: 0;
	color: #fff;
}
.boxBrantLoves .phone a, .boxBrantLoves .phone, .boxBrantLoves .email a, .boxBrantLoves a {
	display: inline-block;
	color: #fff;
	font-size: 1em;
	font-family: "Open Sans", sans-serif;
}
.boxBrantLoves .phone a {
	position: relative;
	top: 4px;
}
.boxBrantLoves .phone::before, #leftNav li div.contactBar .contactItems span.phone::before, .phone::before, #subpage section ul li.phone::before, #subpage section ol li ul li.phone::before {
	content: "\f098";
	margin: 0 10px 0 0;
	font-size: 1.2em;
	font-family: FontAwesome;
	position: relative;
}
.boxBrantLoves .email::before, #leftNav li div.contactBar .contactItems span.email::before, .email::before, #subpage section ul li.email::before, #subpage section ol li ul li.email::before {
	content: "\f199";
	margin: 0 10px 0 0;
	font-size: 1.2em;
	font-family: FontAwesome;
	position: relative;/*top:4px;*/
	color: #2670a1;
}
.boxBrantLoves .email::before {
	color:#fff;
}
.place::before {
	content: "\f041";
	margin: 0 10px 0 0;
	font-size: 1.2em;
	font-family: FontAwesome;
	position: relative;/*top:4px;*/
}
#leftNav li div.contactBar .contactItems span.email::before, #leftNav li div.contactBar .contactItems span.phone::before, .phone::before, .place::before {
	color: #2670a1;
}
.boxBrantLoves .phone::before {
	color: #fff;
}
.extraText {
	margin: 10px 0 0 28px;
}
#landingPage {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin: 35px auto;
}
#landingPage h3 {
	color: #2670A0;
}
#landingPage #bodyCopy {
	max-width: 60%;
}
div#landingPage.noNav #bodyCopy {
	max-width: 100%;
}
#subpage.twoColumn {
	justify-content: space-between;
}
#landingPage #rightBoxes, #subpage.twoColumn #rightBoxes {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 0 0 4%;
	order: 3;
	width:100%;
}
#landingPage.calendarLanding #rightSide.calendarAndNews {
	width:initial;
	min-width: initial;
    max-width: initial;
    margin: 51px 0 0 4%;
}
#landingPage #rightBoxes.calendarPage {
	margin: 0;
	justify-content: flex-end;
}
#subpage.twoColumn #rightBoxes {
	margin: 0;
	width:60%;
}
#subpage.twoColumn iframe {
	max-width: 100% !important;
    width: 100% !important;
}
.blueBox {
	flex: 1;
	display:flex;
	flex-direction: column;
	flex-wrap: nowrap;
	min-width: 265px;
	max-width: 265px;
}
.blueBox:nth-of-type(even) {
	margin: 0 0 0 15px;
}
.blueBox > p {
	position: relative;
	color: #0B3C6B;
	border-bottom: 2px solid #0B3C6B;
	padding: 0 0 10px 15px;
}
.blueBox .boxWrapper .legroom > p, #landingPage .blueBox .boxWrapper .legroom h3 {
	color: #fff;
}
.blueBox .boxWrapper {
	background-color: #1B5F92;
	background-size: cover;
	padding: 3px;
	border: 3px solid #fff;
	box-shadow: 0px 0px 2px #88888882;
	height: 250px;
}
.blueBox:last-of-type .boxWrapper, aside.calendarPage .blueBox:nth-of-type(2) .boxWrapper, aside.calendarPage .blueBox:nth-of-type(3) .boxWrapper {
	padding: 0px;
	margin: 54px 0 0 0;
}
aside.calendarPage .blueBox:last-of-type .boxWrapper {
	padding: 0px;
	margin:0;
}
#rightBoxes .blueBox > p::after {
	bottom: -3px;
}
#rightBoxes .blueBox > p::before {
	border-color: transparent transparent transparent #0B3C6B;
	bottom: -2px;
}
.blueBox ul {
	list-style: none;
	margin: 5px 10px;
}
.blueBox ul li {
	margin: 8px 0;
	font-size: .875em;
	text-indent: -17px;
	margin-left: 17px;
	color: #fff;
}
.blueBox ul li::before {
	font-family: 'FontAwesome';
	content: '\f0a9';
	margin: 0 5px 0 0;
	color: #fff;
}
.blueBox ul li a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
.blueBox ul li a:hover {
	text-decoration: underline;
}
.blueBox img {
	max-width: 100%;
}
.callToActionBox {
	max-width: 80%;
	position: relative;
	margin: 0 0 0 20%;
}
.callToActionBox:first-of-type {
	margin: 0 0 80px 20%;
}
.callToActionBox::before {
	content: "";
	position: absolute;
	left: 25%;
	top: -40px;
	height: 1px;
	width: 50%;
	border-bottom: 2px solid #BDCCD4;
}
.callToActionBox:first-of-type::before {
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	border: 0;
}
.callToActionBox h3 {
	font-size: 1.25em;
	color: #49BBE6;
}
.callToActionBox p {
	margin: 20px 0 0 0;
}
.callToActionBox p a {
	text-transform: uppercase;
}
.callToActionBox p a span {
	margin: 0 0 0 10px;
}
#subpage ul, #landingPage ul {
	/*margin: 10px 0 10px 30px;*/
	list-style: none;
	overflow: hidden; /*fixes float overlap*/
	padding: 0; /* IE11 fix */
}
#subpage section ul > li, #landingPage section ul > li {
	padding-bottom: 11px;
	text-indent: -28px;
	margin-left: 30px;
}
#subpage section ul > li.search-result-list-item {
	text-indent: 0;
	margin-left: 0;
}
#subpage section ul li::before, #subpage section ol li ul li::before, #landingPage section ul li::before {
	font-family: 'FontAwesome';
	content: '\f0a9';
	padding: 0 1em 0 0;
	color: #00b5e2;
}
#landingPage section ul.calendarNews li::before {
	content:'\f27a';
}
#landingPage section ul.calList li::before {
	content:'\f073';
}
#landingPage section ul.calList li {
	font-size: 1.25em;
}
#subpage section ul li.email::before, #subpage section ul li.phone::before {
	padding-right: 0;
}
#subpage section ul ul li::before, #subpage section ol li ul li::before {
	content: "\f101";
}
.heartbeat {
	border-bottom: 2px solid #4abbe7;
	padding-bottom: 7px !important;
	position: relative;
	display: flex; /*fixes a margin problem when an image is floated to the left of a heartbeat*/
}
.heartbeat::before, #bodyCopy p.calendarHeader::before {
	bottom: -2px;
	left: 25px;
	border-color: transparent transparent transparent #4abbe7;
	border-width: 8px;
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	transform: rotate(270deg);
}
.heartbeat::after, #bodyCopy p.calendarHeader::after {
	bottom: -3px;
	left: 27px;
	border-color: transparent transparent transparent #fff;
	border-width: 6px;
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	transform: rotate(270deg);
}
.underline {
	border-bottom: 2px solid #ddd;
    padding-bottom: 3px;
}
/* course blocks*/
caption {
	text-align: left;
}
table.coursedetails {
	margin: 3em auto;
}
.coursedetails {
    margin-bottom: 4em;
}
.coursedetails .coursenum {
	color: #666;
	line-height: 1em;
	font-weight: 100;
	text-transform: uppercase;
}
span.coursesection {
    display: flex;
    justify-content: space-between;
	margin: 10px 0 0 0;
}
span.coursesection:first-of-type {
    margin: 0;
}
.coursename {
	font-size: 1.3125em;
	font-weight: 800;
	color: #0F5597;
	text-transform: uppercase;
	position: relative;
	margin: 0 0 .5em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between
}
#bodyCopy p.coursecategory {
	background-color: #4abbe7;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	padding: 3px 5px;
	margin-top: 4em;
}
span.label {
	text-transform: uppercase;
	font-weight: 700;
}
.coursedescription p {
	margin-bottom: 0;
}
.coursedata {
	background-color: rgba(0,0,0,0.02);
	background-color: #f2f2f2;
	margin: 0 0 1em 0;
	font-size:0.9em;
}
span.coursesection span {
	width:33%;
}
span.data {
    display: block;
}
span.times {
    font-weight: bold;
    color: #0b3c6b;
}
span.campus {
    display: block;
    font-weight: bold;
    color: #0f5597;
}

.coursedetails.new h3 .coursenum::after {
    content: "New";
    background-color: #29a9e1;
    padding: .15em .5em;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    box-shadow: 2px 2px 5px #999;
    font-size: .7em;
    margin-left: 1em;
    border-radius: .75em;
}

/* catalog pages */
section#bigBlue {
	background-color: #0B3C6B;
	padding: 20px 0;
	order: 1;
	position: relative;
}

.blue-img {
	float: right;
	position: relative;
	top: -82px;
	right: -72px;
}
#catalogAction, #scholarshipAction, #libraryAction, #searchResults form {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 40px 0 0 0;
}
#scholarshipAction {
	align-items: flex-start;
}
#searchResults form {
	margin: 0;
	position: relative;
}
#searchResults input[type=submit] {
	right: 41%;
}
#catalogAction form, #scholarshipAction form, #libraryAction form {
	order: 1;
	flex-grow: 2;
	position: relative;
}
#libraryAction form div, #searchResults form div {
	display: flex;
	flex-direction: column;
	align-content: flex-end;
}
#searchResults form div {
	display: flex;
	flex-direction: column;
	align-content: flex-end;
	width: 60%;
}
#libraryAction input[type=text] {
	width: auto;
}
#libraryAction form #advancedSearch a {
	font-size: .75em;
	color: #8FA0B0;
	text-transform: uppercase;
}
#libraryAction form #advancedSearch a img {
	display: inline-block;
	height: 17px;
	position: relative;
	top: 2px;
}
#libraryTimes {
	order: 2;
	width: 50%;
	margin: 0 0 0 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
}
#libraryTimes .location {
	font-size: 1em;
	margin: 0;
}
#libraryTimes .location:nth-of-type(2) {
	margin: 0 50px;
}
#libraryTimes .location strong {
	color: #fff;
}
#libraryTimes .location a[href^='tel'], .boxBrantLoves .phone a[href^='tel'], .boxBrantLoves .email a[href^='tel'] {
	color: #fff !important;
	text-decoration: none;
}
#libraryTimes .location a {
	color: #4ABDE8;
}
#libraryTimes .location .open {
	color: #00FF00;
}
#libraryTimes .location .close {
	color: #ED1C24;
}
#askLibrary {
	background-color: #F2F2F2;
	padding: 20px;
	margin: 0 0 50px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#askLibrary #title p {
	font-family: 'goudy_old_styleregular', serif;
	font-size: 2.8125em;
	text-transform: lowercase;
	color: #2670A0;
	margin: 0;
}
#askLibrary #title p a {
	color: #2670A0;
}
#askLibrary #title p img {
	display: inline-block;
	height: 70px;
	vertical-align: middle;
}
#askLibrary #chatOpenClose {
	max-width: 40%;
}
#askLibrary #chatOpenClose p {
	color: #0B3C6B;
	margin: 0;
}
#askLibrary #chatOpenClose p span {
	display: block;
}
#askLibrary #chatOpenClose p span.open {
	color: #00FF00;
}
#askLibrary #chatOpenClose p span.close {
	color: #ED1C24;
}
.columns {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.column {
	flex-grow: 1;
	width: 50%;
	box-sizing: border-box;
}
.column h2 {
	font-family: 'goudy_old_styleregular', serif;
	color: #0B3C6B;
	font-size: 2.0625em;
	font-weight: normal;
	text-transform: inherit;
	margin: 0;
}
.column h3 {
	font-family: 'goudy_old_styleregular', serif;
	color: #49BBE6;
	font-size: 1.5em;
	font-weight: normal;
	text-transform: inherit;
	margin: 0;
}
.column iframe {
	border: 0;
	width: 100%;
	height: 90%;
}
.ipad .column.legroom.video iframe {
	border: 0;
	max-width: 100%;
	height: 90%;
	width:470px;
}
.column.legroom {
	padding: 0.5em 1em;
	width:30%;
}
.column.legroom div {
	margin-bottom: 1.5em;
    clear: both;
    width: 100%;
}
.column.legroom h2 {
    font-size: 1.3125em;
	font-weight: 800;
	color: #0F5597;
	text-transform: uppercase;
	position: relative;
	margin: 0 0 .5em;
	font-family: "Open Sans", sans-serif;
}
.column.legroom h3 {
    margin-bottom: 1em;
}
.columns.offices p:nth-of-type(2) {
	margin: 10px 15px;
}
.column.legroom .callToActionBlue {
    width: 46%;
    clear: none;
    float: left;
	margin: 15px 1% 1.5em 0;
}
.column.legroom .callToActionBlue a::after {
	content: "\f18e";
	font-family: FontAwesome;
	color: #fff;
	font-size: 1.25em;
	font-weight: normal;
	padding: 0 0 0 10px;
	position: relative;
	top: 1px;
	right: 0;
}

.bricks {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bricks > div {
	width: 48%;
    margin-bottom: 2em;
}
.bricks h3 {
    margin-top: 0;
}

.serieslist {
	justify-content: space-between;
}

.series {
    flex-basis: 19%; /*makes a nicely spaced row of 5*/
}

.bigicon {
	font-size: 3em;
    color: #0F5597;
    text-align: center;
    display: block;
}
.littleicon {
	font-size: 1.5em;
    color: #fff;
    text-align: center;
    display: block;
}

.quickcontact {
    padding: 1em;
}
.quickcontact h2, .quickcontact h3, .quickcontact a, #landingPage .quickcontact h3 {
 color: #fff
 }
 .quickcontact h3 {
    margin-top: 0;
    margin-bottom: 0.75em;
}

.rss2html-note {
	display: none;
}
h4.feed-item-title {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	margin: 30px 0 0 0;
}
h4.feed-item-title:first-of-type {
	margin: 0;
}
h4.feed-item-title a {
	font-size: 1.3125em;
	color: #0F5597;
	font-weight: bold;
	text-decoration: none;
}
p.feed-item-desc {
	margin: 10px 0;
	font-family: "Open Sans", sans-serif;
	color: #4D4D4D;
	font-size: 1em;
}
p.feed-item-desc a {
	color: #0e526b;
	text-decoration: none;
}
p.feed-item-desc a {
	text-decoration: underline;
}
.column #readMore {
	margin: 15px 0 0 0;
}
.column #readMore a {
	font-size: 1.125em;
	color: #00B0F0;
	text-transform: uppercase;
}
.column #readMore a img {
	display: inline-block;
	height: 20px;
	position: relative;
	top: -2px;
	margin: 0 0 0 5px;
	vertical-align: middle;
}
#catalogAction .callToAction, #scholarshipGroup {
	order: 2;
	flex-grow: 1;
	max-width: 250px;
	text-transform: uppercase;
	padding: 0;
}
#scholarshipGroup {
	max-width: 360px;
}
#scholarshipGroup p.callToAction {
	padding: 0;
}
#scholarshipGroup p#scholarshipMatch {
	font-size: .75em;
}
section.course, #scholarshipList {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	position: relative;
	margin: 70px 0 0;
	order: 2;
}
section.course:first-of-type, #scholarshipList:first-of-type {
	margin: 0;
}
#closedScholarships {
	margin: 30px 0 0 0;
}
.scholarship {
	margin: 0 0 50px 0;
}
.scholarship:last-of-type {
	margin: 0;
}
section.course p, section.scholarship p {
	margin: 10px 0;
	padding: 0;
}
#bodyCopy section.course .courseHeader p {
	margin: 0;
	padding: 0;
}
.courseHeader, .scholarshipHeader, .calendarHeader {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
	padding: 0 0 15px 0;
	border-bottom: 2px solid #4abbe7;
	position: relative;
}
#bodyCopy p.calendarHeader {
	line-height: 1em;
	padding: 0 0 10px 0;
}
#openScholarships .message {
	background-color: #4ABDE8;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 3px;
	margin: 0 0 10px 0;
}
#closedScholarships .message {
	background-color: #808080;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 3px;
	margin: 0 0 10px 0;
}
.courseHeader .courseName h2::before {
	bottom: -29px;
}
.courseHeader .courseName h2::after {
	bottom: -30px;
}
.scholarshipHeader .scholarshipName h2::before {
	bottom: -16px;
}
.scholarshipHeader .scholarshipName h2::after {
	bottom: -17px;
}
.calendarHeader .calendarName h2::before {
	bottom: -16px;
}
.calendarHeader .calendarName h2::after {
	bottom: -17px;
}
.courseName, .scholarshipName, .calendarName {
	order: 1;
	flex-grow: 2;
	display: flex;
	flex-direction: column;
}
.courseName .departmentName, .courseName .formerName {
	line-height: .875em;
	color: #105596;
	font-size: .875em;
	padding: 0;
	margin: 0;
}
.courseName .departmentName {
	text-transform: uppercase;
	order: 1;
}
.courseName h2, .scholarshipName h2 {
	color: #105596;
	font-size: 1.3125em;
	line-height: 1em;
	text-transform: uppercase;
	padding: 10px 0 5px 0;
	margin: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	order: 2;
}
.courseName h2 span, .scholarshipName h2 span, .calendarName h2 span {
	color: #666;
	font-weight: normal;
}
.scholarshipName h2 span, .calendarName h2 span {
	margin: 0 0 0 20px;
	float: right;
}
.courseName .formerName {
	color: #0c3c6a;
	font-style: italic;
	order: 3;
}
.credits {
	order: 2;
	flex-grow: 1;
	text-align: right;
	color: #808080;
}
.credits span {
	color: #61c5e9;
	padding: 0 5px;
}
section.course table, .calendarList table {
	width: 100%;
	overflow: scroll;
}
section.course tbody tr:nth-child(even) {
	background-color: #f2f2f2;
}
section.course th {
	text-align: left;
	font-size: 1.2em;
	font-weight: normal;
	color: #8fa0b0;
	text-transform: uppercase;
}
section.course td {
	padding: 10px 10px 10px 0;
	vertical-align: top;
}
section.course td:nth-of-type(1) a {
	color: #3478a5;
	font-weight: bold;
}
section.course td strong, section.course td:nth-of-type(2) {
	color: #0c3c6a;
	font-weight: bold;
	text-transform: uppercase;
}
section.course td:last-of-type a {
	color: #29aae3;
	text-decoration: underline;
}
section.course td:last-of-type a:hover {
	text-decoration: none;
}
.calendarList {
	margin: 0 0 50px 0;
}
.calendarList:last-of-type {
	margin: 0;
}
form#calendarCheckList {
	margin: 0 0 15px 0;
}
form#calendarCheckList p {
	font-size: 1.1em;
	color: #4ABDE8;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
form#calendarCheckList div {
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 0 0;
	color: #0B3C6B;
	font-size: 1em;
	width: 30%;
}
button#uncheck {
	display: block;
	margin: 15px 0 0 0;
	background-color: #2870a2;
    background: -webkit-linear-gradient(#2870a2, #0a3150);
    background: -o-linear-gradient(#2870a2, #0a3150);
    background: -moz-linear-gradient(#2870a2, #0a3150);
    background: linear-gradient(#2870a2, #0a3150);
    color: #fff;
    font-size: .875em;
    padding: 5px 8px;
}
.calendarList table {
	margin: 0 0 30px 0;
}
.calendarList:last-of-type table:last-of-type {
	margin: 0;
}
.calendarList tr:nth-of-type(even) {
	background-color: #F2F2F2;
}
.calendarList tr:nth-of-type(odd) {
	background-color: transparent;
}
.calendarList td {
	padding: 10px;
	vertical-align: top;
}
.calendarList td:first-child {
	color: #0F5597;
	text-transform: uppercase;
	font-size: 1em;
	width: 35%;
}
.scholarshipApply p {
	position: relative;
	display: inline-block;
}
.scholarshipApply p strong {
	color: #8FA0B0;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.125em;
}
.scholarshipApply p.openClose {
	float: right;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: bold;
}
.scholarshipApply p.openClose.open {
	color: #009245;
}
.scholarshipApply p.openClose.closed {
	color: #B3B3B3;
}
.scholarshipApply p.openClose span {
	display: inline-block;
}
.scholarshipApply p.openClose span img {
	height: 15px;
	top: 3px;
	position: relative;
}
#sideNav {
	font-weight: normal;
	text-transform: none;
	color: #2571a3;
	position: relative;
	flex-direction: column;
}
#sideNav p#narrowHeading {
	text-transform: uppercase;
	color: #90a0b0;
	font-size: 1.25em;
	line-height: 1em;
	padding: 0 0 10px;
	border-bottom: 2px solid #4abbe7;
	position: relative;
}
#sideNav p:first-of-type strong {
	color: #48b5e0;
}
#sideNav p#narrowHeading::before {
	bottom: -2px;
}
#sideNav p#narrowHeading::after {
	bottom: -3px;
}
#sideNav form {
	position: relative;
	padding: 0 0 10px 5px;
	color: #0a3d6a;
}
#sideNav form div.submit {
	border-top: 2px solid #4abbe7;
	margin: 20px 0 0 0;
	padding: 0;
	position: relative;
}
#sideNav form p {
	color: #48b5e0;
	text-transform: uppercase;
	padding: 0;
	margin: 20px 0 10px 0;
}
#sideNav form p:first-child {
	margin: 0 0 10px 0;
}
#sideNav form span {
	font-size: .75em;
	font-style: italic;
}
#sideNav form .days {
	display: inline-block;
	vertical-align: top;
}
#sideNav form .days:nth-last-of-type(2) {
	margin: 0 0 0 20px;
}
#sideNav form input.callToActionBlue {
	width: 100%;
	margin: 20px 0 0 0;
}
#sideNav form div.submit::before {
	border-color: transparent #4abbe7 transparent transparent;
	top: -1px;
	left: 190px;
}
#sideNav form div.submit::after {
	border-color: transparent #fff transparent transparent;
	top: -2px;
	left: 192px;
}
input[type=submit] {
	cursor: pointer;
}
/* footer  */
footer {
	background-color:#1155a1;
	padding: 40px 20px;
	padding-bottom:90px;
	margin: 0 0 -25px 0;
	flex-direction: row;
	justify-content: center;
}
#footerWrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
}
.footer-links {
	order: 2;
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
}
.footer-links section {
	flex-grow: 1;
	width: 22%;
}
footer ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5em;
}
footer nav {
	flex-direction: column;
	height: inherit;
	margin: 0 5px;
}
footer section nav p {
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	color: #fff;
	font-size: .75em;
}
footer section nav ul li {
	margin: 2px 0;
}
footer section nav ul li a {
	color: #ffffff;
	font-size: .7em;
	text-decoration: none;
	font-weight:100;
}
footer section nav ul li a:hover {
	text-decoration: underline;
}
footer section#footer1 {
	order: 1;
	/*flex-grow: 1;*/
	margin: 0 5% 0 0;
}
footer section#footer1 #smartLogo {
	/*max-width:250px;*/
	max-width:300px;
	margin: 0 0 20px 0;
}
footer section#footer1 #address {
	display: flex;
	max-height: 175px;
}
footer section#footer1 #address img {
	margin: 0 20px 0 0;
	max-width: 225px;
}
footer section p {
	font-size: 1.3125em;
}
footer section#footer1 p {
	color: #fff;
	font-size: 1.25em;
	line-height: 1em;
}
footer section#footer1 p:nth-of-type(2) {
	margin: 25px 0;
}
footer section#footer1 a {
	color: #fff;
	text-decoration: none;
}
footer section#footer1 a span {
	color: #4ABDE8;
}
footer section#footer1 #google_translate_element a span {
	color: #1757AB !important;
}
footer section#footer1 #directions {
	margin: 40px 0;
	display: flex;
}
footer section#footer1 #directions ul {
	margin: 0 0 0 20px;
}
footer section#footer1 #directions ul li {
	padding: 5px 0;
	text-transform: uppercase;
}
footer section#footer1 #directions ul li a {
	color: #fff;
	font-size: 1em;
}
footer section#footer1 #directions iframe {
	border: 0;
}
footer section#footer1 #footerSocial ul {
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}
footer section#footer1 #footerSocial, footer section#footer1 #google_translate_element {
	margin: 0 0 15px 0;
}
footer section#footer1 #footerSocial ul li {
	flex-grow: 1;
}
footer section#footer1 #footerSocial ul li img {
	max-width: 30px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
footer section#footer1 #footerSocial:hover ul li img {
	opacity: .4;
}
footer section#footer1 #footerSocial:hover ul li img:hover {
	opacity: 1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
footer section#footer1 #copyright p {
	padding: 0;
	margin: 0;
	font-size: .875em;
	color: #fff;
}
footer section#footer2 {
	order: 2;
}
footer section#footer3 {
	order: 3;
}
footer section#footer4 {
	order: 4;
}
footer section#footer5 {
	order: 5;
}
footer section#footer1 p.callToAction {
	width:60%;
}
footer section#footer1 p.callToAction a {
	padding: 15px 0;
	font-size: .75em;
}
nav#mobile-audience {
	display: none;
}
/*  mobile nav  */
nav.overlay-nav {
	position: fixed;
	top: -100000;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	box-sizing: border-box;
	background: rgba(255,255,255,.95);
	padding: 10px;
	opacity: 0;
	-webkit-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
nav.overlay-nav.overlay-nav-active {
	display: block;
	overflow: scroll;
	top: 0;
	opacity: 1;
}
nav.overlay-nav #X-out {
	font-size: 2em;
	line-height: .75em;
	color: #333;
	position: fixed;
	top: -100000;
	right: 10px;
	cursor: pointer;
}
nav.overlay-nav.overlay-nav-active #X-out {
	top: 10px;
}
.hamburger, #mobileSearch {
	display: none;
}
/*
 * Dashboard Icons
 */

.dashboard-icon {
	list-style: none;
	margin: 0 0 29px;
	padding: 0;
}
.dashboard-icon-link {
	display: flex;
	width: 115px;
	height: 114px;
	flex-direction: column;
	color: #fff;
	border-radius: 3px;
}
#bodyCopy a.dashboard-icon-link:hover, #quoteText a.dashboard-icon-link, #quoteText a.dashboard-icon-link:hover {
	text-decoration: none;
}
.dashboard-icon-image {
	display: block;
	font-size: 50px;
	text-align: center;
	margin-top: 10px;
}
.dashboard-icon-title {
	display: flex;
	text-align: center;
	left: 0;
	font-size: 1.1em;
	line-height: 1em;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: -1px;
	padding: 5px;
}
.dashboard-icon::before {
	display: none;
}
.dashboard-icon-color-dkblue {
	background-color: #005595;
}
.dashboard-icon-color-dkgray {
	background-color: #4d4d4d;
}
.dashboard-icon-color-ltgray {
	background-color: #8e9faf;
}
.dashboard-icon-color-medblue {
	background-color: #256fa0;
}
.dashboard-icon-color-ltblue {
	background-color: #2aa9e0;
}
.canvas {
	background-image: url(../images/canvasLogo.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	margin: 10px auto 0 auto;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.canvas {
		background-image: url(../images/canvasLogo@2x.png);
		background-size: 50px 50px;
	}
}
/*
 * Library dashboard Icons
 */
ul#libraryDashboard {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#libraryDashboard .dashboard-icon {
	min-width: 140px;
	padding: 0;
	text-indent: 0;
	margin: 0 0 15px 0;
}
#libraryDashboard .dashboard-icon::before {
	content: '';
}
#libraryLeftColumn {
	max-width: 500px;
}
#libraryRightColumn {
	flex-grow: 1;
}
#libraryRightColumn p {
	word-wrap: break-word;
}
/* 
 * Search Results
 */
.search-results-wrap {
	display: flex;
	flex-direction: column;
}
#bodyCopy .search-results-list,
.search-results-list {
	width: 100%;
	box-sizing: border-box;
	font-size: 12px;
}
#bodyCopy .search-results-list p{
	font-size: 12px;
}
.search-results-section {
	width: 100%;
}
.search-results-section h2 {
	font-family: 'goudy_old_stylebold', serif;
	text-transform: none;
	font-weight: normal;
	color: #28a9e2;
	margin: 0 0 .5em 10px;
	font-size: 1.6em;
}
.search-results-section h2:before {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 22px;
	line-height: 1em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f108";
	background-color: #26709d;
	color: #fff;
	border-radius: 100px;
	width: 40px;
	height: 40px;
	display: flex;
	float: left;
	justify-content: center;
	align-items: center;
	margin: -5px .5em 0 0;
}
.search-results-zone-pages h2:before {
}
.search-results-zone-files h2:before {
	content: "\f0c5";
}
.search-results-zone-programs h2:before {
	content: "\f02d";
}
.search-results-zone-courses h2:before {
	content: "\f12e";
}
.search-results-zone-directory h2:before {
	content: "\f2c0";
}
.search-result-heading {
	color: #0c3c6c;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
.search-result-snippet {
	color: #2f5989;
	margin: 0;
	padding: 0;
}
.search-results-section:nth-of-type(1) {
	padding: 0 0 2em;
	margin: 0 0 2.5em;
	border-bottom: solid 2px #8fa0b0;
}
.search-results-list, #bodyCopy .search-results-list {
	margin: 0;
	padding: 0;
}
.search-results-list li::before, #subpage .search-results-list li::before {
	display: none;
}
.search-result-url, .search-result-snippet, .search-result-heading, #bodyCopy .search-result-url, #bodyCopy .search-result-snippet, #bodyCopy .search-result-heading {
	margin: 0;
	padding: 0;
}
.search-results-zone p, #bodyCopy .search-results-zone p {
	margin: 0;
	padding: 0;
}
.search-result-link-wrap {
	display: block;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 2px;
}
.search-result-link-wrap:focus, .search-result-link-wrap:hover {
	background-color: #efefef;
	outline: none;
}
.search-result-url {
	color: #00b1e5;
	font-style: italic;
	margin: 0;
	padding: 0;
}
.search-result-heading, .search-result-snippet, .search-result-url {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}
.search-results-top .search-results-list, .stack, .stackhack ul {
	column-count: 3;
	column-gap: 1em;
}
#onPageSearchResults ul li:nth-child(3), 
.search-results-top .search-result-list-item {
	display: inline-block;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 1em;
}
.search-results-top {
}
.search-results-bottom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.search-results-bottom .search-results-zone {
	width: 23%;
}
.search-results-zone .search-results-none, #bodyCopy .search-results-zone .search-results-none {
	padding: 0 10px;
}
.image-cropper {
	width: 250px;
	height: 250px;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background-color: #8f9fae;
	padding: 5px;
}
.image-cropper img {
	display: inline;
	margin: 0 auto;
	height: 100%;
	width: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	width: 100%;
}
.bio-text .fa:before {
	color: #29A9E1;
}
.bio-text h2 {
	margin: 1.5em 0 .2em 0;
}
.bio-text h3 {
	margin: 0 0 .5em 0;
}
.bio-text p {
	margin: 0 0 .5em 0 !important;
}

#onPageSearchResults, #homepageSearchResults {
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 63px;
	border: solid 1px #4abbe7;
	background: #fff;
	padding: 30px 15px;
	box-shadow: 0px 4px 10px rgba(0,0,0,.2);
	width: 210%;
	display: none;
}
#onPageSearchResults{
	padding:25px 15px;
}

#homepageSearchResults{
	position: relative;
	top: 13px;
	left: -10px;
	z-index: 2;
	width: 195%;
}
#onPageSearchResults:after,
#onPageSearchResults:before,
#homepageSearchResults:after,
#homepageSearchResults:before{
	content: " ";
	border: solid 12px transparent;
	border-bottom-color: #4abbe7;
	position: absolute;
	left: 30px;
	top: -24px;
}
#onPageSearchResults:after,
#homepageSearchResults:after{
	top: -22px;
	border-bottom-color: #fff;
}
#onPageSearchResults:after,
#onPageSearchResults:before{
	left: auto;
	right: 310px;
}
#homepageSearchResults:after,
#homepageSearchResults:before{
	left: 5%;
}

#homeWrapper .homesearch-about-to,
#homeWrapper .active-searching{
	/*padding-top: 6%;*/
}
.active-searching #homepageSearchResults,
.active-searching #onPageSearchResults {
	display: block;
}
main.home .search-results-wrap section:nth-of-type(n){
	box-shadow: none;
}

#homepageSearchResults ul,
#onPageSearchResults ul {
	padding: 0;
	margin: 0;
	height: auto;
	position: static;
	display: block;
}
#homepageSearchResults ul li,
#onPageSearchResults ul li {
	display: inline-block;
	width: 100%;
}
#homepageSearchResults ul li a,
#onPageSearchResults ul li a {
	font-weight: inherit;
	font-size: 12px;
	color: #111;
	text-transform: none;
}
#homepageSearchResults section p,
#onPageSearchResults section p {
	font-size: 1em;
}
.active-searching #topSearch #top-search-input.show {
	position: relative;
	z-index: 2;
}
.active-searching #topSearch input[type=submit] {
	z-index: 3;
}
.container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.row {
	position: relative;
	width: 100%;
}

.roweq {
	position: relative;
	display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */	
}
.row.departments .col-3 > div {
	min-height: 250px;
	max-height: 250px;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.row.departments .col-3 > div img {
	max-width: inherit;
	width:100%;
}
.row.online {
	display: flex;
	align-items: center;
}
.row.courseData .tuition {
	padding: 0 0 0 10px;
}
.row [class^="col"] {
	float: left;
	margin: 0.5rem 2%;
	min-height: 0.125rem;
}
.row [class^="col"]:first-of-type {
	margin-left: 0;
}
.row [class^="col"]:last-of-type {
	margin-right: 0;
}
.row.payment {
	clear:both;
}
.row.payment [class^="col"] .callToAction a.bluebutton {
	min-width: inherit !important;
}
.row.coursedata {
	padding: 10px;
	width:inherit;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	width: 96%;
}
.col-1 { /* someone mysteriously added -sm to these. I will find you, and I will grill you. */
	width: 4.33%;
}
.col-2 {
	width: 12.66%;
}
.col-3 {
	width: 21%;
}
.col-4 {
	width: 29.33%;
}

.col-4eq {
	width: 29.33%;
	display: table-cell; /* Make elements inside the container behave like table cells */
}

.col-5 {
	width: 37.66%;
}
.col-6 {
	width: 46%;
}
.col-7 {
	width: 54.33%;
}
.col-8 {
	width: 62.66%;
}
.col-9 {
	width: 71%;
}
.col-10 {
	width: 79.33%;
}
.col-11 {
	width: 87.66%;
}
.col-12 {
	width: 96%;
}
.row::after {
	content: "";
	display: table;
	clear: both;
}
.hidden {
	display: none;
}
.admissions {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	border-bottom: 10px solid #bdccd3;
	position: relative;
	padding: 50px 0 0 0;
}
.admissions:first-of-type {
	padding: 0;
}
.studentImg {
	min-width: 200px;
	max-width: 200px;
	flex-grow: 1;
}
.studentImg img {
	max-width: 200px;
	display: initial;
	margin: 0 0 -5px 0;
}
.admissions:last-of-type .studentImg img {
	max-width: 150px;
}
#bodyCopy .admissions p:last-of-type {
	margin: 0;
}
#bodyCopy .admissions .callToAction a, .bluebutton, #bodyCopy .callToAction a.bluebutton, .dots .callToAction a {
	min-width: 225px;
	background-color: #8b9baa;
	background: -webkit-linear-gradient(#8b9baa, #8e9faf);
	background: -o-linear-gradient(#8b9baa, #8e9faf);
	background: -moz-linear-gradient(#8b9baa, #8e9faf);
	background: linear-gradient(#8b9baa, #8e9faf);
	margin: 0 auto;
}
.dots .callToAction a, #videoProfile.dots .profileText .callToAction a {
	color:#fff;
	margin: 0;
	max-width: 350px;
}
.dots .callToAction a:hover {
	text-decoration: none;
}
#videoProfile.dots .callToAction {
	margin: 25px 0 0;
}
.instructions {
	margin: 0 20px;
	flex-grow: 3;
}
.actionButtons {
	flex-grow: 1;
}
.admissions h3 {
	line-height: 1.5em;
}
.admissions h3 span {
	background-color: #26709f;
	padding: 5px 13px;
	margin: 0 10px 0 0;
	border-radius: 40px;
	color: #fff;
	font-weight: bold;
}
#applyPieces {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
}
#applyPieces h2, #heresHowSection h2, h2.placementPage {
	margin: 0;
	color: #0B3C6B;
	font-family: 'goudy_old_stylebold', serif;
	font-size: 2.0625em;
	font-weight: normal;
	line-height: 1em;
	text-transform: inherit;
}
#bodyCopy #applyPieces p:first-of-type {
	text-transform: uppercase;
	color: #8E9FAF;
	font-size: 1.25em;
}
.placementSteps {
	flex-grow: 3;
}
.placementSteps .actionBox {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.studentImage {
	flex-grow: 1;
	width: 40%;
	min-width: 180px;
	max-width: 250px;
	margin: 0 0 0 15px;
}
.placementSteps .actionBox .step {
	flex-grow: 1;
	text-align: center;
	padding: 20px 0;
	width: 33%;
}
.placementSteps .actionBox .step:nth-of-type(2) {
	padding: 20px 10px;
}
.placementSteps .actionBox .step .button {
	padding: 20px 0;
}
.placementSteps .actionBox .step:first-of-type .button {
	background-color: #0B3C6B;
}
.placementSteps .actionBox .step:nth-of-type(2) .button {
	background-color: #29A8E0;
}
.placementSteps .actionBox .step:last-of-type .button {
	background-color: #26709F;
}
.placementSteps .actionBox .step .button a{
	color: #fff;
	text-transform: uppercase;
	line-height: 1em;
	font-size: 1.25em;
}
.placementSteps .actionBox .step  .button a::after{
	content: '';
}
.placementSteps .actionBox .step a .button {
	color: #fff;
	text-transform: uppercase;
	line-height: 1em;
	font-size: 1.25em;
}
.placementSteps .actionBox .step  a::after .button {
	content: '';
}
.placementSteps .actionBox .step ul {
    text-align: left;
}
.step iframe {
	height: 100%;
	width: 100%;
	max-width: 300px;
	max-height: 200px;
}
.art {
	flex-direction: column;
}
#bodyCopy .placementSteps .actionBox .step ul {
    margin-top: 1em;
}

#bodyCopy #applyPieces .placementSteps .actionBox .step p {
	color: #4D4D4D;
	font-size: 1em;
	text-align: left;
	text-transform: inherit;
}
#heresHowSection {
	border-bottom: 3px solid #0B3C6B;
	margin: 0 0 40px 0;
}
#heresHowSection h2 {
	position: relative;
	margin: 0 0 30px 0;
	line-height: 1em;
	border-bottom: 3px solid #0B3C6B;
}
#heresHowSection h2::before {
	border-color: transparent #0B3C6B transparent transparent;
	bottom: -18px;
}
#heresHowSection h2::after {
	border-color: transparent #fff transparent transparent;
	bottom: -11px;
}
#subpage section #heresHowSection ul > li {
	color: #26709F;
	text-transform: uppercase;
	font-size: 1.3125em;
	margin-bottom: 30px;
}
#subpage section #heresHowSection ul li ol li ul {
	margin-bottom: 0;
}
#subpage section #heresHowSection ul li ol li ul li {
	font-size: .9em;
	line-height: 1.3em;
	text-transform: initial;
	color: #4D4D4D;
	font-weight: normal;
	margin-bottom: 0;
}
#subpage section #heresHowSection ul > li::before {
	font-family: 'FontAwesome';
	content: '\f13a';
	padding: 0 1em 0 0;
	color: #8E9FAF;
}
#heresHowSection ul li .listContent {
	background-color: #f5f6f6;
	position: relative;
	width: 94%;
	padding: 20px;
}
#heresHowSection ul li .listContent a {
	color: #15799E;
}
#heresHowSection ul li .listContent ol {
	font-weight: bold;
	margin: 0;
}
#heresHowSection ul li .listContent ol li p {
	text-transform: initial;
	font-weight: normal;
}
#heresHowSection ul li .listContent ol li p:last-of-type {
	text-transform: initial;
	font-weight: normal;
	margin: 0;
}
#heresHowSection ul li .listContent ol li p:first-of-type {
	color: #26709F;
	font-weight: bold;
	font-size: 1em;
	margin: 0 0 5px 0;
}
h3.placementPage {
	color: #0F5596;
	font-weight: bold;
}
p.placementPage {
	text-align: right;
}
p.placementPage a::after {
	font-family: 'FontAwesome';
	content: '\f18e';
	margin: 0 0 0 5px;
	color: #4ABDE8;
}
.checkListWrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	margin: 0 0 30px 0;
}
.checkListWrapper:last-of-type {
	margin: 0;
}
.checkList {
	display: flex;
	flex-direction: column;
	flex: 1;
}
.checkList h4 {
	color: #0B3C6B;
	font-size: 1.25em;
	font-family: "Open Sans", sans-serif;
	line-height: 1.25em;
	border-bottom: 3px solid #29A8E0;
	position: relative;
	margin: 0;
	padding: 0 0 10px 0;
}
.checkList h4::before {
	border-color: transparent transparent transparent #29A8E0;
}
.checkList h4::after {
	bottom: -3px;
	border-color: transparent transparent transparent #f5f6f6;
}
.checkList a {
	font-weight: bold;
}
.listWrapper {
	background-color: #f5f6f6;
	height: 100%;
	padding: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
#subpage .listWrapper ul {
	margin: 0;
}
.listWrapper ul li {
	color: #26709F;
	font-size: 1.25em;
}
#bodyCopy .listWrapper p {
	margin: 0 0 0 30px;
}
#bodyCopy .listWrapper ul li p {
	font-size: .8em;
	margin: 0 0 15px 0;
}
#subpage section .listWrapper ul li::before {
	font-family: 'FontAwesome';
	content: '\f046';
	padding: 0 10px 0 0;
	color: #26709F;
}
h4.placementPage {
	font-size: 1.25em;
	font-family: "Open Sans", sans-serif;
	color: #8FA0B0;
	line-height: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 1.5em 0 .5em;
}
.placementColumn h5 {
	text-transform: initial;
	font-size: 1.25em;
	font-weight: normal;
	color: #26709F;
}
.placementColumn h5::before {
	font-family: 'FontAwesome';
	content: '\f138';
	margin: 0 10px 0 0;
	color: #26709F;
}
.placementTwoColumn {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	flex: 1;
}
.placementColumn {
	margin: 0 25px;
}
.placementColumn:nth-last-of-type(2) {
	margin: 0 0 0 25px;
}
.headerList p {
	text-indent: 0;
}
ul.headerList li h3 {
	display: inline;
}
/* handy float styles */
.alignleft {
	float: left;
	margin-right: 20px !important;
}
.alignright {
	float: right;
	margin-left: 20px !important;
}
.aligncenter {
    text-align: center;
}
span.centerimg img {
    margin: 0 auto;
}

.left {
	float:left;
	padding-right:1em;
}
.right {
	float:right;
	padding-left:1em;
}

.clearfix {
	clear: both;
}
.clearfix:before, .clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.fam { /* a style for wrapping text alongside an alignleft image, when you don't want it to wrap awkwardly*/
    display: grid;
}

ul.downloads li::before {
    content: "\f019";
    padding-right: 0.5em;
    font-family: "FontAwesome";
    color: #8e9faf;
}
.embed-playlist-container {
	float:right;
	padding-left:1em;}
/* fun OL styling */
ol {
	counter-reset: fun-numbers;
	list-style-type: none;
	overflow: hidden;
	padding-left: 1.4em;
}
ol li {
	position: relative;
	margin-left: 10px;
	padding: 0 10px 1em 10px;
	text-indent: 0;
	line-height: 1.3em;
	font-size: 15px;
}
#subpage section ol > li::before {
	content: counter(fun-numbers) '.';
	counter-increment: fun-numbers;
	position: absolute;
	left: -1.7em;
	width: 23px;
	height: 18px;
	display: inline-block;
	border-radius: 1.3em;
	color: #2771a0;
	padding-left: .3em;
	font-weight: 800;
	font-family: "Open Sans", sans-serif;
	padding-right: 0;
	text-align: center;
}
.pieChart li {
	list-style-type: square;
}
#subpage section ul.pieChart li::before {
	content: '';
	display: inline-block;
	height: 10px;
	width: 10px;
}
.pieChart li, .pieChart li a {
	font-weight: bold;
}
.pieChart li.lightBlue, .pieChart li.lightBlue a {
	color: #5b9bd5;
}
#subpage section ul.pieChart li.lightBlue::before {
	color: #5b9bd5;
}
.pieChart li.grey, .pieChart li.grey a {
	color: #a5a5a5;
}
#subpage section ul.pieChart li.grey::before {
	color: #a5a5a5;
}
.pieChart li.darkBlue, .pieChart li.darkBlue a {
	color: #255e91;
}
#subpage section ul.pieChart li.darkBlue::before {
	color: #255e91;
}
.pieChart li.orange, .pieChart li.orange a {
	color: #ed7d31;
}
#subpage section ul.pieChart li.orange::before {
	color: #ed7d31;
}
.pieChart li.yellow, .pieChart li.yellow a {
	color: #ffc000;
}
#subpage section ul.pieChart li.yellow::before {
	color: #ffc000;
}
.pieChart li.brown, .pieChart li.brown a {
	color: #7f6000;
}
#subpage section ul.pieChart li.brown::before {
	color: #7f6000;
}
.pieChart li.green, .pieChart li.green a {
	color: #70ad47;
}
#subpage section ul.pieChart li.green::before {
	color: #70ad47;
}
.pieChart li.maroon, .pieChart li.maroon a {
	color: #9e480e;
}
#subpage section ul.pieChart li.maroon::before {
	color: #9e480e;
}
/* fixing nested ul styles */
#subpage section ol li ul li {
	list-style-type: none;
}
#subpage section #heresHowSection ul li ol li ul li::before {
	content: "\f138";
}
#subpage section ul > li p {
	text-indent: 0;
}
/* Fixes header overlap on floated headshots in poet laureate pages */
hgroup {
	overflow: hidden;
}
/* Giving page styles */
.givingclubs > div {
    padding: 1em 3em;
}
.givingclubs > div:nth-of-type(2n) {
    background-color: rgba(142, 159, 175, 0.14);
}
.givingclubs ul {
    margin-bottom: 0 !important;
}
.givingclubs h3 {
    margin-top: 0;
}
.givingclubs > div::before {
    float: left;
    font-size: 5em;
    font-family: "FontAwesome";
    padding-right: 30px;
    color: #8e9faf;
}
.president::before {
    content: "\f02c";
}
.dean::before {
    content: "\f044";
}
.founders::before {
    content: "\f0a2";
}
.gateway::before {
    content: "\f06b";
}
.penn::before {
    content: "\f145";
}
.centurion::before {
    content: "\f00a";
}
.friends::before {
    content: "\f15c";
}
#bodyCopy .gifts h2 {
	margin-top:1.5em;
}

/*
 * Youtube content template
 */
.youtube {
	position: relative;
}
.youtube object, .youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.youtube-h2 {
}
#board {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#board .person {
    width: 22%;
    margin: 1%;
    font-size: .8em;
    text-align: center;
}
.imgwrap img {
    margin-top: -10px;
}
.imgwrap {
    height: 100px;
    width: 100px;
    overflow: hidden;
    border-radius: 50px;
    margin: 0 auto;
}

.blueHeader iframe {
	max-width: 100%;
}
/* syllabus stuff */
hgroup h2 {
	font-size: 1.5em;
}
.official-syllabus dt {
	color: #001c6c;
	font-size: 1.25em;
	font-weight: bold;
}
.official-syllabus dd {
	padding: 0 0 20px 50px;
	-webkit-margin-start: 0;
}
#subpage section ol.alpha {
	padding: 0;
    overflow: inherit;
    counter-reset: unset;
}
#subpage section ol.lower-alpha {
	margin-bottom: 20px;
	list-style-type: lower-alpha;
	overflow: inherit;
	counter-reset: unset;
}
#subpage section ol.roman {
	list-style-type: none;
	margin-bottom: 20px;
	overflow: inherit;
	counter-reset: unset;
}
#subpage section ol.alpha > li, #subpage section ol.lower-alpha > li, #subpage section ol.roman > li {
	padding: 10px 0 0 0;
}
#subpage section ol.alpha > li, #subpage section ol.roman > li {
	counter-increment: listStyle;
}
#subpage section ol.alpha > li::before, #subpage section ol.lower-alpha > li::before, #subpage section ol.roman > li::before {
	content: '';
    counter-increment: unset;
    height: inherit;
    width: inherit;
    font-weight: bold;
    display: initial;
    padding: 0;
}
#subpage section ol.alpha > li::before {
	content: counter(listStyle, upper-alpha) '.';
    counter-increment: upper-alpha;
    top:18px;
    font-size: 1.25em;
    height: 18px;
    width:23px;
}
#subpage section ol.roman > li::before {
	content: counter(listStyle, upper-roman) '.';
    counter-increment: upper-roman;
    top:10px;
    font-size: 1.25em;
    height: 18px;
    width:23px;
}
#subpage section ol.alpha > li p, #subpage section ol.lower-alpha > li p {
	margin: 0 0 15px 0;
	font-weight: normal;
	color: #4D4D4D;
}
ol.alpha h3 {
	font-weight: bold;
	margin: 10px 0;
}
#subpage section ol.alpha > li ol > li, #subpage section ol.lower-alpha > li ol > li {
	font-weight: normal;
}
form#syllabusSearchForm input[type=submit], form input[type=button] {
	background-color: #cf8a3c;
    background: -webkit-linear-gradient(#ffb75e, #e48838);
    background: -o-linear-gradient(#ffb75e, #e48838);
    background: -moz-linear-gradient(#ffb75e, #e48838);
    background: linear-gradient(#ffb75e, #e48838);
    padding: 10px;
    position: relative;
    border: 2px solid #fff;
    box-shadow: 0px 0px 5px #888;
    font-size: 1em;
    color: #fff;
    font-weight: bold;
    display: block;
    text-align: center;
    text-decoration: none;
	width:200px;
}
form input[type=button]#EventsSearch {
	margin: 20px 0 0 0;
	float:right;
}
fieldset {
	border: 2px solid #4abbe7;
	margin: 15px 0;
}
#categories legend {
	color: #0F5597;
	font-weight: bold;
}
label.checkitem, #filterByDay label {
	color: #001244;
}
.errorEx,.error_text,.pallet-red {
    color: #e51937;
}
.calendarWrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.calendarWrapper form#t4_calendar {
	max-width: 30%;
}
.calendarWrapper div#calendarResults {
	max-width: 66%;
}
#calendar table td.grey {
	background-color: #d7d7d7;
}
#calendar table td.grey a {
	color:#126482;
}
#calendar table td a.noEvents {
	color:#333;
}
.column.international {
	margin: 0 20px 0 0;
}
.row.videosInt {
	display: flex;
	flex-direction: column;
}
.row.videosInt div {
	max-width: 100%;
	width:100%;
}
.stack.regDates {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.stack.regDates > ul {
	width:33%;
}

/* IE 10/11 fixes */
body.IE10 section#studentProfile .profileText {
	max-width:52%;
}
body.IE10 section#videoProfile .profileText {
	max-width:43%;
}
body.IE10 #studentProfile .profile > img, body.IE10 #studentProfile .profile > iframe {
	position: absolute;
	right: 0;
	top:-150px;
}
body.IE10 #studentProfile .myBucksTag {
	top:-165px;
}
body.IE10 .slides .box1 .text {
	width:60%;
}
body.IE10 #marketingRight {
	width:57%;
}
body.IE10 .learnMoreBox .learnMoreL {
	width:70%;
}
body.IE10 .learnMoreBox .learnMoreL .marketingText {
	margin: 0 0 0 30%;
}
body.IE10 #bigButton #blueBack {
	padding: 0;
}
body.IE10 #blueBack #description {
	width:50%;
	padding: 20px 50px 20px 40px;
}
body.IE10 #blueBack #button {
	margin: 0 40px 0 0;
}
body.IE10 .sub-nav {
	width: 100%;
}
body.IE10 #career-nav .sub-nav {
	width: 105%;
}
body.IE10 #leftNav li div.navGroup li {
	display: block;
}
body.IE10 #leftNav li#career-nav div.navHeader {
	flex-direction: column;
	min-height: 136px;
}
body.IE10 #leftNav li#career-nav div.navTitle {
	display: block;
	max-width: 200px;
}
body.IE10 #leftNav li#career-nav div.navGroup {
	max-width: 200px;
}
body.IE10 .dashboard-icon-title, body.IE10 #homePage {
	display: block;
}
body.IE10 #homeWrapper {
	padding: 50px 50px 0 50px;
}
body.IE10 #leftNav li div.navGroup {
	max-width: 28%;
}
body.IE10 #leftNav li div.dashboardIcons.navGroup {
	max-width:500px;
}
body.IE11 .sub-nav {
	max-width:98%;
}
body.IE11 #leftNav li div.navGroup {
	margin: 10px 40px 0 0;	
	width:20%;
	max-width: inherit;
}
body.IE11 #leftNav li div.dashboardIcons.navGroup {
	max-width:390px;
	min-width: 390px;
	width:390px;
}
body.IE11 #leftNav li#career-nav div.navGroup {
	max-width:inherit;
}
body.IE11 #leftNav li#career-nav div.navGroup:last-of-type div.navTitle {
	width:125px;
	padding-right: 0;
}
body.IE11 .columns .column {
	width: 300px;
}
body.IE11 .resizeInt .columns:first-of-type {
	margin:0 0 30px 0;
}
body.IE11 .columns .column.international, body.IE11 .resizeInt .columns .column {
	width: inherit;
}
body.IE10 #leftNav li#community-nav .navAudience:first-of-type .navGroup, body.IE11 #leftNav li#community-nav .navAudience:first-of-type .navGroup {
	width:50%;
	max-width: inherit;
}
body.IE10 #leftNav li#community-nav .navAudience:first-of-type .navGroup:first-of-type .navTitle, body.IE11 #leftNav li#community-nav .navAudience:first-of-type .navGroup:first-of-type .navTitle {
	margin: 0 0 0 30px;
}
body.IE11 #leftNav li#community-nav .navAudience:first-of-type {
	width:45%;
}
body.IE11 #leftNav li#community-nav .navAudience:last-of-type {
	width:58%;
}
body.IE11 .serieslist {
	flex-wrap:wrap;
}
body.IE11 .serieslist .series {
	flex-basis: auto;
	width:21%;
}
body.IE11 .placementSteps {
	flex-grow:0;
}
body.IE11 .placementSteps .actionBox .step {
	width:inherit;
	max-width: 33%;
	flex-grow: 0;
}
body.IE11 .listWrapper {
	display: block;
}
body.IE11 .placementTwoColumn {
	flex-direction: column;
}
body.IE11 .placementColumn {
	width:50%;
}
body.IE11 #leftNav li#career-nav .navGroup:nth-of-type(4) .navTitle {
	width:150px;
}
body.IE10 #subpage #bodyCopy, body.IE11 #subpage #bodyCopy.resizeInt {
	max-width: 99%;
}
body.IE10 .column.international, body.IE11 .column.international {
	margin: 0 20px 0 0;
}
body.IE10 .calendarWrapper div#calendarResults, body.IE11 .calendarWrapper div#calendarResults {
	margin: 0 30px 0 0;
}
body.IE11 main img, body.IE10 main img {
	max-width: inherit;
	/*width: 90%;*/
}
input[type=text]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}
input[type=text]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}
input#saveForm{
    background-color: #1154a1;
    padding10px;
    position: relative;
    border: 4px solid #fff;
    box-shadow: 0px 0px 1px #888;
    font-size: 1em;
    color: #fff;
    font-weight: bold;
    display: block;
    text-align: center;
    text-decoration: none
    min-width: 225px;
    width: 200px;  
}   
li fieldset{
    border: 0px solid #4abbe7;
}
#logo {
    content: "";
    display: block;
    color: #ddd;
	background-image: inherit;
}
.complex .left{
    padding:0;
}

.complex .right{
    padding:0;
}
.wufoo .info{
    padding: 0; 
    height: 100%; 
    background-color: #FFF; 
    border-top: 0px #FFF solid; 
    position: relative; 
}
.wufoo .phone::before{
    content: " ";
    margin: 0;
}
.sideBySide {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.side {
    width: 50%;
}
.side:first-of-type {
    margin: 0 10px 0 0;
}
.side .listWrapper {
	height: inherit;
}
#widget .facebookSide, .widget .facebookSide {
    text-align: center;
}
#widget .facebookSide p, .widget .facebookSide p {
    margin: 0;
}
.facebookSide a {
    font-size: 45px;
    color: #003168;
}
.facebookSide a[href^="http://"]:not([href*="bucks.edu"]):after, .facebookSide a[href^="https://"]:not([href*="bucks.edu"]):after {
	content:'' !important;
}
/* svg charts */
rect {
	fill: #0000001c;
	transition: fill .3s ease;
	font-family: "Open Sans", sans-serif;
	stroke-width:0;
	stroke:#fff;
}
.bucksBar {
	fill: #002f6c;
}
.chart {
	background-color: #d7eff8;
	background: -webkit-linear-gradient(#d7eff8, #ecf7fc);
    background: -o-linear-gradient(#d7eff8, #ecf7fc);
    background: -moz-linear-gradient(#d7eff8, #ecf7fc);
    background: linear-gradient(#d7eff8, #ecf7fc);
	padding: 10px;
}
.data-chart {
	border:1px solid #c9c7c7;
	padding: 10px;
	margin:0 0 30px 0;
}
.legend text, .labels text {
	font-size: 12px;
}
.labels text.major {
	font-size: 16px;
}
.title text {
	font-size:16px;
	font-weight:bold;
}
.axis path, .axis line {
	fill: none;
	stroke: #d4d4d4;
	shape-rendering: crispEdges;
}
.axis text {
	fill:#959393;
}
.svg-scroll {
	max-width: 800px;
}
.sponsorsList {
	display: flex;
	flex-direction: column;
}
.sponsors.logos p {
    display: inline-block;
    text-indent: 0px !important;
    margin: 0 20px 0 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    width: 250px;
}
.sponsors ul li::before {
    content: '' !important;
}
.sponsors p img {
    max-width: 250px;
    max-height: 300px;
}
.sponsors.text {
    order: 1;
}
.sponsors.logos {
    order: 2;
    margin: 20px 0;
}
/* Search: More Results Styles */
#moreButton:hover{
    cursor: pointer;
}
.moreButton{
    margin-bottom: 5%;
}
.less-clicked:hover{
    cursor: pointer;
}

.less-div{
    width: 100%;
    margin-bottom:2%;
}

.search-results-more{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.search-results-more .search-results-zone{
    width: 23%;
}

.IE11 .search-results-more .search-results-zone,
.IE10 .search-results-more .search-results-zone,
.IE9 .search-results-more .search-results-zone {
    width: 100% !important;
} 

.IE11 #bodyCopy,
.IE10 #bodyCopy,
.IE9 #bodyCopy {
    max-width: 99%;
}


.directory-results-continued,
.programs-results-continued,
.courses-results-continued,
.files-results-continued,
.pages-results-continued{
    display:none;
}

.more-results-header{
    width:100%;
}
/* END Search: More Results Styles */
ul.sideBySide {
	display: flex;
}
ul.sideBySide li {
	width:30%;
}
.IE11 .slide.videoTwoBoxes {
	flex-direction: inherit;
}
.IE11 .slide.videoTwoBoxes .box.video {
	margin: 0 0 20px 0;
}
section#quoteText h2 {
	font-size: 2.1em;
	color: #001c6c;
}
section#quoteText p.reg {
	font-family: "Open Sans", sans-serif;
}
section#quoteText .card-container {
	cursor: pointer;
	height: 225px;
	perspective: 600;
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}
section#quoteText .card {
	height: 225px;
	transform-style: preserve-3d;
	transition: all 1s ease-in-out;
	width: 225px;
	color:#fff;
	border: 2px solid #fff;
    box-shadow: 0px 0px 10px #1d1d1d;
}
section#quoteText .card:hover {
	transform: rotateY(180deg);
}
section#quoteText .card div.card-side {
	backface-visibility: hidden;
	height: 225px;
	position: absolute;
	overflow: hidden;
	width: 225px;
	background-color: #124a85;
	background-image: url(../images/campusBackground.jpg);
}
section#quoteText .card div.back {
	background: #eaeaed;
	color: #0087cc;
	line-height: 150px;
	text-align: center;
	transform: rotateY(180deg);
}
main .card-container img {
	display: initial;
}
#sticky {
	position: fixed;
	right: -17px;
	top:45%;
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	z-index: 9999;
}
.home #sticky {
	top:30%;
}
#sticky a {
	font-size: 1.5em;
	font-weight: 300;
	background-color:#002f6c;
	border:1px solid #00000036;
	border-radius: 3px 3px 0 0;
	color: #ffffff;
	text-transform:uppercase;
    padding:7px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#sticky a:hover {
    padding: 8px;
}
.calNews {
	margin:0 0 50px 0;
	position: relative;
}
.calNews:last-of-type {
	margin:70px 0 0 0;
}
.calNews:first-of-type::after {
	content: "";
    position: absolute;
    left: 25%;
    bottom: -40px;
    height: 1px;
    width: 50%;
    border-bottom: 2px solid #ddd;
}
#landingPage #bodyCopy.calendarPage {
	width:100%;
	max-width: 100%;
}
#landingPage ul.calDash, #landingPage ul.careerDash {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
#landingPage section ul.calDash > li, #landingPage section ul.careerDash > li {
	margin-left: 0;
	text-indent: inherit;
}
#landingPage ul.careerDash {
	justify-content: flex-start;
}
#landingPage section ul.careerDash > li {
	margin: 2px 4px;
}
#landingPage section ul.calDash li.calendar-icon::before, #landingPage section ul.careerDash li.career-icon::before {
	content: '';
	padding: 0;
}
.photoBox {
	border: 3px solid #fff;
	box-shadow: 0px 0px 5px #888;
	margin: 0 0 40px 0;
	position: relative;
}
.photoBox p {
	position: absolute;
	color:#fff;
	font-size: 1.75em;
	font-weight: bold;
	bottom: 0;
	background-color: #0b3b6b;
	width: 100%;
	padding: 15px 0;
	margin: 0;
	text-align: center;
	line-height: 1em;
	background: -webkit-linear-gradient(#2870a2, #0a3150);
    background: -o-linear-gradient(#2870a2, #0a3150);
    background: -moz-linear-gradient(#2870a2, #0a3150);
    background: linear-gradient(#2870a2, #0a3150);
}
.photoBox p:hover {
	background: -webkit-linear-gradient(#0a3150, #2870a2);
    background: -o-linear-gradient(#0a3150, #2870a2);
    background: -moz-linear-gradient(#0a3150, #2870a2);
    background: linear-gradient(#0a3150, #2870a2);
}
.IE11 #landingPage, .IE10 #landingPage {
	display: block;
}
.IE11 #landingPage #bodyCopy.calendarPage, .IE10 #landingPage #bodyCopy.calendarPage {
	display:inline-block;
	max-width: 60%;
	width:auto;
}
.IE11 #landingPage.calendarLanding #rightSide.calendarAndNews, .IE10 #landingPage.calendarLanding #rightSide.calendarAndNews {
	display: inline-block;
	max-width: 40%;
	width:100%;
	min-width: 40%;
}
.IE11 .photoBox, .IE10 .photoBox {
	width:100%;
}
section#quoteText .marketingBlock-white {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
section#quoteText .marketingBlock-white .markBlocks {
	width:50%;
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
section#quoteText .marketingBlock-white .markBlocks:first-of-type {
	padding:0 30px 0 0;
	border-right: 1px solid #eaeaea;
	margin: 0 30px 0 0;
	flex-direction: column;	align-items: center;
	order:1;
}
section#quoteText .marketingBlock-white .markBlocks:last-of-type {
	order:2;
}
section#quoteText .marketingBlock-white .markBlocks:first-of-type .block {
	border:3px solid #fff;
	box-shadow: 0px 0px 2px #88888863;
	display: flex;
	align-items: center;
	min-height:200px;
}
section#quoteText .block {
	width:50%;
	text-align: left;
}
section#quoteText .block:first-of-type {
	margin: 0 15px 0 0;
	padding:0 10px 0 0;
	position: relative;
}
section#quoteText .markBlocks:last-of-type .block:first-of-type::after {
	content: "";
	position: absolute;
	right: 0;
	top: 25%;
	height: 50%;
	width: 10px;
	border-right: 1px solid #eee;
}
section#quoteText .block.video, section#quoteText .block.img {
	position: relative;
    overflow: hidden;
	max-width: 300px;
	max-height: 200px;
}
section#quoteText .block.img {
	padding: 20px;
	max-width: 260px;
	max-height: 200px;
}
section#quoteText .block.video {
	min-height: 200px;
}
#quoteText .block.img .blue-background {
	padding: 5px;
	width:95%;
	background-color: rgba(0, 0, 0, .8);
}
#quoteText .block.img p {
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	color: #fff;
	line-height: 1em;
	margin: 0;
	padding: 0;
}
#quoteText .block.img p:nth-of-type(2) {
	margin: 8px 0;
}
#quoteText .block.img p a {
	color:#fff;
}
#quoteText .block.img a.title {
	font-weight: 800;
	font-size: 20px;
}
#quoteText .block.img p.title {
	font-weight: bold;
	font-size: 26px;
}
section#quoteText .block.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
section#quoteText .markBlocks a {
	font-weight:400;
	font-size:14px;
	color:#2d2d2d;
 	text-decoration-color: transparent;
 	transition: .4s ease-in-out;
 	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 3px;
 	}
section#quoteText .markBlocks a:hover {
	text-decoration:underline;
}
.markBlocks ul.calendarNews li, .markBlocks ul.calDash li, .markBlocks ul.careerDash li {
	list-style: none;
	position: relative;
}
.markBlocks ul.calendarNews li {
	padding: 0 0 0 15px;
}
.markBlocks ul.calendarNews li::before {
	font-family: 'FontAwesome';
	content: '\f0a1';
	padding: 0 1em 0 0;
	color: #0d50a6cc;
	position: absolute;
	top:5px;
	left:-12px;
}
.markBlocks ul.calDash , .markBlocks ul.careerDash {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.markBlocks ul.calDash li, .markBlocks ul.careerDash li {
	margin:0 5px 10px 5px;
}
main .markBlocks .block.img {
	max-width: inherit;
}
section#quoteText .markBlocks h2 {
	font-size: 2em;
	font-family: 'EB Garamond', 'Open Sans';
	font-weight:900;
	text-transform: capitalize;
	color:#565656;
	letter-spacing:.01em;
	padding-bottom:10px;
	text-align:left;
}
section#quoteText .marketingBlock-white .markBlocks:first-of-type > div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}
span.fa.fa-facebook-official {
	font-size: 20px;
	color: #fff;
	margin: 0 0 0 15px;
}
.regInfo {
	margin: 20px 0 0 0;
}
.regInfo > div {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}
#subpage .regInfo ul {
	max-width: 30%;
	padding: 0 15px 0 0;
}
.right img, .left img {
	margin: 10px;
}
.slideBackground {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	height: 93.5vh;
	transition:1.5s;
}

.regBackground {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	height: 93.5vh;
	transition:1.5s;
}
.backImage {
	display: none;
}
.slides {
	position: relative;
	margin: auto;
	height: 100%;
}
.slide {
	position: absolute;
	opacity: 0;
}
.prev, .next {
	cursor: pointer;
	position: absolute;
	width: auto;
	color: #fff;
	opacity: .8;
	font-size: 60px;
	transition: 0.6s ease;
	border: 0;
	background: none;
	padding: 0;
}
.next {
	right: 0;
}
.prev {
	left: 0;
}
.prev:hover, .next:hover {
	opacity: 1;
}
.show {
	visibility: visible;
	opacity: 1;
	transition:visibility 1.5s, opacity 1.5s;
	position: relative;
}
.hide {
	visibility: hidden;
	opacity: 0;
	transition:visibility 1.5s, opacity 1.5s;
}
#careerServicesPage {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.careerServices h2 {
	font-family: 'goudy_old_stylebold', serif;
	font-weight: normal;
	font-size: 2em;
	color: #001c6c;
	text-transform: none;
	position: relative;
	border-bottom: 2px solid #0B3C6B;
}
.careerServices h2::before {
	border-color: transparent #0B3C6B transparent transparent;
    bottom: -17px;
}
.careerServices h2::after {
	border-color: transparent #fff transparent transparent;
	bottom: -12px;
}
#career-left, #career-right {
	width: 45%;
	display: flex;
	flex-direction: column;
}
#career-left iframe {
	display: block;
	max-width: 100%;
}
.careerServices #events {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.careerServices #events .box {
	max-width: 175px;
	min-width: 175px;
	max-height: 175px;
	min-height: 175px;
	margin: 0 0 20px 0;
	display: flex;
	align-items: center;
	flex-grow: 1;
	border: 3px solid #fff;
    box-shadow: 0px 0px 10px #1d1d1d;
    padding: 10px;
}
.careerServices #events .box .text {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.careerServices #events .box .text a:hover {
	text-decoration: none;
}
.careerServices #events .box .text p {
	color:#fff;
	line-height: 1em;
	margin: 0 0 10px 0;
}
.careerServices #events .box .text p.title {
	font-size: 2.75em;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: bold;
}
body.IE11 .slideBackground, body.IE10 .slideBackground {
	height:600px;
}
/*body.IE11 .slide {
	top:105px;
}*/
body.IE10 .slide {
	top:50px;
}
body.IE11 .boxWrapper, body.IE10 .boxWrapper {
	display: block;
}
body.IE11 .slides .box.tall, body.IE10 .slides .box.tall {
	display: inline-block;
	width:200px;
}
body.IE11 .slides .boxColumn, body.IE10 .slides .boxColumn {
	display: inline-block;
}
body.IE11 .slides .tallAndStacked .box.tall, body.IE10 .slides .tallAndStacked .box.tall {
	position: relative;
	top:-200px;
}
body.IE10 .slides .wide .text {
	width:60%;
}
.international img {
	margin: 0 0 20px 0;
}
#subpage section ul.meetgreet > li {
	display: inline-block;
	padding: 10px;
    margin: 0;
}
#subpage section ul.meetgreet li::before {
	content:'';
}
#register-box {
	order: 1;
	flex-grow: 2;
	width: 80%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
}
#register-blue {
    width:80%;
    max-width: 1200px;
    padding: 0px;
}
#register-blue p {
	font-family:'EB Garamond';
	color:#fff;
	font-size: 1.8em;
	font-weight: 600;
    text-shadow: 0px 1px 1px #00000057;
    text-transform:none;
}
#register-blue p:nth-of-type(2) {
	margin: 10px 0 20px 0;
}
#register-blue p.title {
	text-transform: capitalize;
	font-size: 5em;
	font-weight:900;
	letter-spacing:.01em;
	line-height: 1.5em;
	font-family: 'EB Garamond', 'Open Sans';
	text-shadow: 0px 0px 5px #21212170;

}
#register-blue button, #register-blue .button {
	background-color:transparent;
    padding: 15px;
    font-family: 'EB Garamond', 'Open Sans';
    letter-spacing:.05em !important;
    border-radius: 3px;
    position: relative;
    font-size: 1em;
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none;
    min-width: 200px;
    max-width:260px;
    color:#fff;
    border:2px solid #fff;
	font-size: 1.7em;
	font-weight:600;
	text-shadow: 0px 1px 1px #00000040;
	text-transform: capitalize;
	box-shadow: inset 0 0 0 0 #00000024;
 	-webkit-transition: ease-out 0.4s;
 	-moz-transition: ease-out 0.4s;
  	transition: ease-out 0.4s;
  }

#register-blue button, #register-blue .button:hover {
	box-shadow: inset 400px 0 0 0 #ffffff;
	color:#316b98bf;
	text-shadow:0px 0px 0px;
}
#register-blue button, #register-blue .button::after {
	font-family:'FontAwesome';
	content:"\f178";
	font-size:16px;
	letter-spacing:-.09em;
	padding-left:10px;
	font-weight:100;
}
#register-blue button a, #register-blue .button a {
	color:#fff;
	font-size: 1.7em;
	font-weight:900;
	text-shadow: 0px 1px 1px #00000040;
	text-transform: capitalize;
}

/*styles to overwrite financial aid chat box*/

.MaxAI div {
    left: 0px;
}

.MaxAI div button span{
    color: rgba(255, 255, 255, 1) !important;
}

.MaxAI div button:first-child {
    background-color: #0b5390 !important;
}
body.IE11 .MaxAI form div button:first-child, body.IE10 .MaxAI form div button:first-child {
	width:40px !important;
	height:40px !important;
}
.MaxAI article {
	max-height: 60% !important;
}
textarea.fatv333.fatv325.fatv310.fatv327.fatv312, textarea.fatv471.fatv463.fatv448.fatv465.fatv450, textarea.fatv609.fatv601.fatv586.fatv603.fatv588, textarea.fatv747.fatv739.fatv724.fatv741.fatv726 {
	height: 150px !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .MaxAI div form div:first-child{
        flex-basis: auto !important;
    }
}

/* Container needed to position the button. Adjust the width as needed */
.imgButtonContainer {
  position: relative;
  width: 50%;
}

/* Make the image responsive */
.imgButtonContainer img {
  width: 100%;
  height: auto;
}

/* Style the button and place it in the middle of the container/image */
.imgButtonContainer .btn {
	background-color:#00b5e2;
    padding: 5px;
    border-radius: 3px;
    width:auto;
    position: relative;
    color: #fff;
    text-align: center;
    text-decoration: none;
	text-shadow: 0px 1px 1px #00000040;
	text-transform: capitalize;
	box-shadow: inset 0 0 0 0 #00000024;
 	-webkit-transition: ease-out 0.4s;
 	-moz-transition: ease-out 0.4s;
  	transition: ease-out 0.4s;
  }

.imgButtonContainer .btn:hover {
  background-color: #fff;
  color:#00b5e2;

}

.highlight{
	background-color:#002f6c;
	color:#fff;
	padding:20px 25px 20px 25px;
	display:inline-block;
	min-height:400px;
}

.highlightGray{
	background-color:#eee;
	padding:20px 25px 20px 25px;
	min-height:400px;
	display:inline-block;
	text-align:center;
}

.highlight p{
	color:#fff;
}

.highlight h2{
	color:#fff;
}

.highlight h3{
	color: #fff;
}

/*end*/
/* ------------------ Mind Edge ------------------ */

/* course title */
a.programTitle{
	font-family: "Open sans", Arial, sans-serif;
	font-size: 13px;
	color: #2d2d2d;
	font-weight:bold;
	text-decoration:none;
}
a.programTitle:hover{
	text-decoration: none !important;
    color:#00b5e2;
}
/* content block for a course */
.program{
	font-family: "Open Sans", Arial, sans-serif;
	background-color:#f7f7f7;
	font-size: 13px;
	color: black;
	text-decoration:none;
	margin:10px;
	padding:10px;
	padding-bottom:0px;
	position: relative;
}
.programMoreLink {
    color: #002f6c;
    text-decoration: none;
}
.programMoreLink:active {
    text-decoration: none;
}
.programMoreLink:hover {
    text-decoration: none;
}
div.meCourseIcon {
    position: absolute;
    left: 0px;
}
.meCourseIcon img {
    display: none;
    padding: 0px 0px 0px 0px;
}
.meCourseInfo {
    padding: 0 0 0 25px;
    color: #2d2d2d;
    text-align: left;
}
.programCourseCostBlock {
    padding: 2px 0 2px 0;
}
.programCourseCostLabel {
    font-weight: 700;
}
/* course description text including the 'more' link */
span.programDescription{
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 13px;
	color: black;
	text-decoration:none;
	margin:15px 5px 35px 5px;
    display:block;
}
/* 'add to cart', 'remove from cart', 'view cart', and 'proceed to secure check out' links */
a.programCartLink,a.programCartLink:active,a.programCartLink:visited{
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 13px;
	color: #fff;
	text-decoration:none;
	font-weight:bold;
}
a.programCartLink:hover{
	font-family: "Open Sans", Arial, sans-serif;
	color: #ffffff;
	text-decoration:none;
}
/* content block for list of category links (hidden by default) */
#categoryLinksDIV{
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 13px;
	color: black;
	border:0px solid #0F5597;
	padding:10px;
	width:100%;
	background-color:#fff;
	margin-bottom:10px;
	display:block; /* change to "display:block;" to allow display */
}
#categoryLinksDIV #categoryLinksHeading{
    display:none;
}
#categoryLinksDIV ul{
    padding-left: 35px;
    margin: 14px 0;
}
/* category link from the '#categoryLinksDIV' content block (hidden by default) */
a.categoryLink{
	text-decoration:none;
	color:#00b5e2;
	font-family: "open sans", Arial, sans-serif;
	font-weight:100;
	font-size: 20px;
	line-height: 22px;
}
a.categoryLink:hover {
	border-bottom:1px solid  #a2aaad61;
    text-decoration: none !important;
}
.certAmounts {
    padding: 2px 0;
}
.programSuiteBlock .certAmounts {
    font-size: 13px;
}
/*************** CSS rules for category heading ***************/
.programCategory{
    background-color:#ffffff;
    border-bottom: 1px solid #d9d9d9;
    color:#00b5e2;
	margin-top:25px;
	margin-bottom:25px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:900;
	padding:3px;
	display:block;
	text-align:left;
}

.programCategory:first-child{
    margin-top:0px;
}

.programCategory a{
	padding-left:10px;
	font-size: 13px !important;
}

/*************** CSS rules for content block containing a suite or bundle (only displayed when suites and bundles are available) ***************/
.programSuiteBlock {
	font-family: "Open sans", Arial, sans-serif;
	font-size: 12px;
	color: black;
	margin:10px;
	padding:10px;
	padding-bottom:10px;
	background-color:#00b5e22e;
	margin-bottom:25px;
	display:block;
	position:relative;
	/*-webkit-box-shadow: 0 5px 6px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.2);*/
}
div.meSuiteIcon {
	display:none;
    position: absolute;
    left: 8px;
}
.meSuiteIcon img {
    padding: 0px 0px 0px 0px;
}
.meSuiteInfo {
    padding: 0 0 0 20px;
    color: black;
    text-align: left;
}
/* suite title */
a.programSuiteTitle{
    font-family: "open sans", Arial, sans-serif;
    font-size: 13px;
    color: #2d2d2d;
    font-weight:bold;
    text-decoration:none;
}
a.programSuiteTitle:hover {
    text-decoration: none !important;
    color:#00b5e2;
}
/* suite title image */
.programSuiteTitle img{
    float:left;
    margin-right:8px;
}
/* suite cost block containing cost label and cost price */
div.programSuiteCostBlock {
    font-size: 13px;
    padding-top:2px;
    padding-bottom:2px;
}
/* suite cost label */
span.programSuiteCostLabel {
    font-weight:bold;
}
/* suite cost price */
span.programSuiteCostPrice {
}
/* content block containing suite description */
.programSuiteDescription {
    margin: 5px 5px 5px 5px;
}
/* content block containing list of suite courses */
.programSuite_courses{
}
/* suite's course list */
ul.programSuiteCoursesList {
    list-style-type: disc;
    margin: 5px 0px 5px 0px;
    padding-left: 40px;

}
/* suite's course list item */
li.programSuiteCoursesListItem {
    margin: 2px 0px 2px 0px;
    padding: 0px;

}
/* suite cart links block ('add to cart', 'remove from cart', 'view cart', 'proceed to secure checkout') */
div.programSuiteCartLinksBlock {
    font-size: 13px;
    margin-top:10px;
}
span.programSuiteCartLinkSpan {
}
/* 'add to cart', 'remove from cart', 'view cart', and 'proceed to secure check out' links */
a.programSuiteCartLink,a.programSuiteCartLink:active,a.programSuiteCartLink:visited{
    color: #ffffff;
    text-decoration: none !important;
    font-size:13px;
    font-weight:bold;
}
a.programSuiteCartLink:hover{
    color: #ffffff;
    text-decoration:none;
}
/*************** CSS rules for content block containing an addon item ***************/
.addonBlock {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 13px;
    color: black;
    margin:10px;
    padding:8px;
    margin-bottom:15px;
    display:block;
    position:relative;
}
div.addonIcon {
    position: absolute;
    left: 8px;
}
.addonIcon img {
    padding: 0px 0px 0px 0px;
}
.addonInfo {
    padding: 0 0 0 85px;
    color: black;
    text-align: left;
}
/* addon title */
a.addonTitle{
    font-weight:bold;
    text-decoration: none;
}
a.addonTitle:hover {
    text-decoration: underline;
}
/* addon title image */
.addonTitle img{
    float:left;
    margin-right:8px;
}
div.addonCostQty {
    font-size: 13px;
    position: relative;
    width: 400px;
    height:3.2em;
}
/* addon cost block containing cost label and cost price */
div.addonCostBlock {
    padding-top:5px;
    padding-bottom:2px;
    position: relative;
}
/* addon cost label */
span.addonCostLabel {
    font-weight:bold;
}
/* addon cost price */
span.addonCostPrice {
}
/* content block containing addon description */
.addonDescription {
    margin: 5px 5px 5px 5px;
}
/* addon cart links block ('add to cart', 'remove from cart', 'view cart', 'proceed to secure checkout') */
div.addonCartLinksBlock {
    font-size: 13px;
    margin-bottom: 10px;
}
span.addonCartLinkSpan {
}
/* 'add to cart', 'remove from cart', 'view cart', and 'proceed to secure check out' links */
a.addonCartLink,a.addonCartLink:active,a.addonCartLink:visited {
    color: #fff;
    text-decoration: none;
}
a.addonCartLink:hover {
    color: #ffffff;
}
.addonBlock .qty {
    margin: 0 0 0 30px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 250px;
    padding: 5px 0 2px 0;
}
.addonBlock .qty label {
    font-weight: bold;
}
.addonBlock .qty input {
    margin: 0 0 0 4px;
}
.addonCustomFields {
    font-size: 13px;
}
.meUpdateMsg {
    color: green;
}
/*************** CSS rules for shopping cart popup window ***************/
#programCartBody {
    font-family: "Open Sans", Arial, Geneva, Helvetica, sans-serif;
    color: black;
    background: #ffffff;
}
#programCartWrapper {
    background: #FFFFFF;
    margin: 10px;
    padding: 10px;
}
h3#programCartHeading {
    font-size: 14px;
}
ul#programCartList {
}
li.programCartListItem {
    font-size: 13px;
    font-weight: bold;
}
div.programCartSuiteCoursesBlock {
    font-size: small;
    font-weight: normal;
}
ul.programCartSuiteCoursesList {
}
li.programCartSuiteCoursesListItem {
}
div#programCartTotalCost {
}
span#programCartTotalCostLabel {
    font-size: 14px;
    font-weight: bold;
}
span#programCartTotalCostPrice {
    font-size: 13px;
    font-weight: normal;
}
/*************** CSS rules for buttons ***************/
.meButton {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    display: inline;
    vertical-align: baseline;
    margin: 3px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    line-height: 4em;
    padding: .9em 3em .1em;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    /*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
}
.meButton:hover {
    text-decoration: none;
    color:white;
}
.meButton:active {
    position: relative;
    top: 1px;
}
.meButtonLarge {
    padding: .4em 1.5em .42em;
}
.meButtonSmall {
    padding: .2em 1em .275em;
}

a.programCartLink:hover{
	text-decoration: none !important;
}
/*************** CSS rules for button colors ***************/
/* black */
.meButtonBlack {
    border: solid 1px #333;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -moz-linear-gradient(top,  #666,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.meButtonBlack:hover {
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
    background: -moz-linear-gradient(top,  #444,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.meButtonBlack:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
    background: -moz-linear-gradient(top,  #000,  #444);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
/* gray */
.meButtonGray {
    border: solid 0px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top,  #888,  #575757);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.meButtonGray:hover {
    background: #616161;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
    background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.meButtonGray:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
    background: -moz-linear-gradient(top,  #575757,  #888);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}
/* white */
.meButtonWhite {
    background: #002f6c;
    color:#fff;
  /*background: -webkit-gradient(linear, left top, left bottom, from(#02f6c), to(#002f6c6b));
  //background: -moz-linear-gradient(top,  #fff,  #ededed);
  //filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');*/
}
.meButtonWhite:hover {
    background: #00b5e2;
    color: #fff;
   /* background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');*/
}

.meButtonWhite:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top,  #ededed,  #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
/* orange */
.meButtonOrange {
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.meButtonOrange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.meButtonOrange:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
/* red */
.meButtonRed {
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.meButtonRed:hover {
    background: #b61318;
    background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
    background: -moz-linear-gradient(top,  #c9151b,  #a11115);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.meButtonRed:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
    background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
/* blue */
.meButtonBlue {
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.meButtonBlue:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.meButtonBlue:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top,  #0078a5,  #00adee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
/* rosy */
.meButtonRosy {
    border: solid 1px #b73948;
    background: #da5867;
    background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
    background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.meButtonRosy:hover {
    background: #ba4b58;
    background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
    background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.meButtonRosy:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
    background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}
/* green */
.meButtonGreen {
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.meButtonGreen:hover {
    background: #538018;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
    background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.meButtonGreen:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
    background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
/* pink */
.meButtonPink {
    border: solid 1px #d2729e;
    background: #f895c2;
    background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
    background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.meButtonPink:hover {
    background: #d57ea5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
    background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.meButtonPink:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
    background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}
/*** custom *** substitute the color values in the following three rules to customize the button colors */
.meButtonCustom {
    border: solid 1px #000000;
    background: #f895c2;
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666));
    background: -moz-linear-gradient(top,  #999999,  #666666);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');
}
.meButtonCustom:hover {
    background: #d57ea5;
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc));
    background: -moz-linear-gradient(top,  #999999,  #cccccc);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#cccccc');
}
.meButtonCustom:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#999999));
    background: -moz-linear-gradient(top,  #666666,  #999999);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#999999');
}

/* end mind edge */

.alumstories{
	position:relative;
	width:80%;
	text-align:center;
}
.alumstories img{
	opacity:.9;
	width:90%;
	border-radius:50%;
	border: 4px solid #002f6c17;
	transition: .9s;
}
.alumstories img:hover{
	opacity:1;
    background-color:#00b5e270;
}
.alumstories p{
	font-family:'EB Garamond';
	letter-spacing:.01em;
	font-size:17px !important;
	padding-top:20px !important;
	padding-bottom:20px !important;
	text-align:center;
	background-image:url(https://i.imgur.com/BB6sgGV.png);
	background-repeat: no-repeat;
	max-width:400px;
	margin:0 auto;
}
section#navy4col .alumstories img{
	border-radius:50%;
	border: 4px solid #0000001a;
	transition: .9s;
	opacity:.9;
}
section#navy4col .alumstories img:hover{
	opacity:1;
	background-color:#00000036;
}
section#navy4col .alumstories p{
	font-size:17px !important;
	padding-top:20px !important;
	text-align:center;
	background-image:url(https://i.imgur.com/iYrwmMP.png);
	background-repeat: no-repeat;
	max-width:400px;
	color:#fff;
}
section#storiesBanner .alumstories p{
	font-size:20px !important;
	background-color:#00000078;
	padding:30px;
	color:#fff;
	text-align:left;
	background-image:url(https://i.imgur.com/2iebYN7.png);
	background-repeat: no-repeat;
	max-width:350px;
	background-image:none;
}
section#storiesBanner .alumstories p.headline{
	font-size:20px !important;
	background-color:transparent !important;
	color:#fff;
	text-align:right;
	text-shadow:1px 1px 1px #0000005e;
}
section#storiesBanner .alumstories .headline .bluebtn{
	font-size:24px !important;
	text-transform:capitalize;
	font-weight:300;
	min-width:230px;
	padding:25px 40px;
	color:#fff;
	background-color:#1055a1f0;
	border:0px;
	margin-bottom:15px !important;
	border-radius:3px;
}
section#storiesBanner .alumstories .headline .bluebtn:hover{
	box-shadow: inset 400px 0 0 0 #ffffff;
	color:#316b98bf;
	text-shadow:0px 0px 0px;
}
section#conBanner .alumstories p.credentials{
}
section#conEdBanner .alumstories .credentialsPLA a{
	min-height:200px;
	margin-top:100px;
    display:block;
}
section#conEdBanner .alumstories .credentialsPLA a:hover{
    text-shadow:none !important;
}
section#conEdBanner .alumstories .credentialsPLA a::after{
    font-family:'FontAwesome';
    font-size:80px;
    content:'\A\A\A\f044';
    white-space:pre-line;
}
section#conEdBanner .alumstories .credentialsIntern a{
	min-height:200px;
	margin-top:100px;
    display:block;
}
section#conEdBanner .alumstories .credentialsIntern a:hover{
    text-shadow:none !important;
}
section#conEdBanner .alumstories .credentialsIntern a::after{
    font-family:'FontAwesome';
    font-size:80px;
    content:'\A\A\A\f0b1';
    white-space:pre-line;
}
section#conEdBanner .alumstories .credentialsBadges a{
	min-height:200px;
	margin-top:100px;
	display:block;
}
section#conEdBanner .alumstories .credentialsBadges a:hover{
    text-shadow:none !important;
}
section#conEdBanner .alumstories .credentialsBadges a::after{
    font-family:'FontAwesome';
    font-size:80px;
    content:'\A\A\A\f132';
    white-space:pre-line;
}
section#storiesBanner .alumstories p.title{
	font-size:50px !important;
	font-family:'EB Garamond', 'Open Sans';
	color:#fff;
	letter-spacing:.03em;
	text-align:right;
	background-color:transparent;
	font-weight:900;
	line-height:1em;
	background-image:none;
	text-shadow: 1px 1px 1px #0000004a;
}
section#storiesBanner .regbluebtn{
  background-color: #00b5e2;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-size:16px;
  border-radius: 4px;
  display:inline-block;
  transition: .4s;
}
section#storiesBanner .regbluebtn a{
  color: #fff !important;
}
section#storiesBanner .regbluebtn a:hover {
	text-decoration:none !important;
}
section#storiesBanner .regbluebtn:hover {
	opacity:.9;
	text-decoration:none !important;
}
section#researchBanner .alumstories p{
	font-size:24px !important;
	color:#d6f2f9;
	text-align:left !important;;
	background-image:none !important;
	max-width:350px;
	margin:0px !important;
}
section#researchBanner .alumstories a{
	font-size:16px !important;
	text-transform:uppercase;
	font-weight:600;
	display:block;
	color:#d9f2f9;
	line-height:1em;
	background-color:#0000001a;
	border:1px solid #d9f2f9;
	padding:15px 25px;
	text-align:left;
	background-image:none !important;
	transition:.6s;
	margin:-5px;
	max-width:245px;
}
/*do we want FA bullets before these links? I dunno */
/*section#researchBanner .alumstories a::before{
	font-family:'FontAwesome';
	padding-right:15px;
	opacity:.7;
	font-size:14px;
	content:"\f061";
}*/
section#researchBanner .alumstories a:hover{
	background-color:#d6f2f9;
	color:#364557;
}
section#researchBanner .alumstories p.title{
	font-size:70px !important;
	color:#fff;
	text-align:left;
	background-color:transparent;
	background-image:none !important;
	font-weight:900;
	max-width:900px;
	line-height:1em;
	text-shadow: 1px 1px 1px #00000059;
}
section#researchBanner .regbluebtn{
  background-color: #00b5e2;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-size:16px;
  border-radius: 4px;
  display:inline-block;
  transition: .4s;
}
section#researchBanner .regbluebtn a{
  color: #fff !important;
}
section#researchBanner .regbluebtn a:hover {
	text-decoration:none !important;
}
section#researchBanner .regbluebtn:hover {
	opacity:.9;
	text-decoration:none !important;
}
.storiesVid{
	position:relative;
	top:40%;
	left:10%;
	border: 20px solid #fff;
}
.storieslandingtitle{
	position:absolute;
	right:10%;
	top:20%;
	font-size:5em;
	font-weight:900;
	color:#fff;
}
/* Container needed to position the button. Adjust the width as needed */
.imgbtncontainer {
  position: relative;
  width: 100%;
}

/* Make the image responsive */
.imgbtncontainer img {
  width:100%;
  height: auto;
}

/* Style the button and place it in the middle of the container/image */
.imgbtncontainer .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #002f6c;
  color: #fff;
  font-size: 16px;
  padding: 8px 15px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  transition:.4s;
  
}

.imgbtncontainer .btn:hover {
  background-color: #00b5e2;
}

.fullwidthlanding{
	width:80%;
	padding-top:20px;
}

.smallbluebtn {
  position:absolute;
  bottom: -20px;
  min-width:150px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #002f6c;
  color: #fff;
  font-size: 13px;
  padding: 8px 15px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  transition: .4s;
}
.smallbluebtn a::after{
	font-family:'FontAwesome';
	content:"\f178";
	padding-left:5px;
}
.smallbluebtn a {
  color: #fff;
}

.smallbluebtn:hover {
  background-color: #1155a5;
  color: #fff;
}

section#navy4col .smallbluebtn {
  position:absolute;
  bottom: -20px;
  min-width:150px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #002f6c;
  color: #fff;
  font-size: 13px;
  padding: 8px 15px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  transition: 1.2s;
}

section#navy4col .smallbluebtn:hover {
  background-color: #00b5e2;
  color: #fff !important;
}

.bluebtn {
  position:relative;
  top:10px;
  background-color: #002f6c;
  color: #fff;
  padding: 8px 15px;
  border: none;
  cursor: pointer;
  font-size:16px;
  border-radius: 4px;
  display:inline-block;
  text-align:center;
  transition: .4s;
}

.bluebtn a {
  color: #fff;
}
.bluebtn a:hover {
	text-decoration:none !important;
}

.bluebtn:hover {
  background-color: #1155a5;
  color: #fff;
  text-decoration:none !important;
}

.bannerSocial a{
	color:#fff;
	font-size:3.5em;
	line-height:2em;
	letter-spacing:.2em;
	transition:.4s;
	text-shadow: 1px 1px 1px #0000002e;
}
.bannerSocial a:hover{
	text-shadow: 0px 5px 0px #00b5e2;
}

.bannerSocial p{
	font-weight:900 !important;
	text-transform:lowercase !important;
	line-height: .2em !important;
}

.highlightOne{
	background-color:#002f6c;
	color:#fff;
	padding:20px 25px 20px 25px;
	display:inline-block;
}

.highlightGrayOne{
	background-color:#eee;
	padding:25px 25px 10px 25px;
	margin-bottom: 20px;
}
.regbluebtn {
  background-color: #002f6c;
  color: #fff !important;
  padding: 8px 15px;
  border: none;
  cursor: pointer;
  font-size:16px;
  border-radius: 4px;
  display:inline-block;
  text-align:center;
  transition: .4s;
}
.highlightBlue{
	background-color:#1154a1;
	padding:35px 40px;
	margin-bottom: 20px;
	color:#fff !important;
	text-align:center;
}
.highlightBlue a{
	color:#fff;
	font-weight:900;
	border-bottom:1px solid transparent;
	transition:.4s;
}
.highlightBlue a:hover{
    border-bottom: 1px solid #fff;
}
.highlightBlue h2{
	color:#fff;
	font-size:36px;
	text-transform:capitalize;
	font-weight:700;
}
.highlightBlue h5{
	color:#fffffff7;
	font-weight:500;
	line-height:1.2em;
	text-transform:none;
}
.highlightBlue .largeBtn{
    background-color: #fff;
    color: #002f6c !important;
    padding: 20px;
    border: none;
    cursor: pointer;
    font-size:24px;
    border-radius: 3px;
    display:inline-block;
    text-align:center;
    transition: .4s;
    margin-top:5px;
    font-weight:700;
    border-bottom:0px solid transparent;
}
.highlightBlue .largeBtn:hover{
    text-decoration:none !important;
    background-color:#002f6c;
    color:#fff !important;
    border-bottom:0px solid transparent;
}
.regbluebluebtn a {
  color: #fff !important;
}
.regbluebtn a:hover {
	text-decoration:none !important;
}
.regbluebtn:hover {
  background-color: #00b5e2;
  color: #fff;
  text-decoration:none !important;
}
iframe{
	border: #fff solid 5px;
}
.threeCircles{
	position:relative;
	width:100%;
}
.threeCircles img{
	border-radius:50%;
	border: 4px solid #002f6c17;
	transition:.9s;
}
.threeCircles img:hover{
    opacity:.8;
    background-color:#00b5e2a1;
}
.threeCircles p{
	font-size:14px !important;
	padding-top:20px !important;
	text-align:center;
}
.threeCircles .regbluebtn a{
	color:#fff;
	text-align:center;
}
.threeCircles a:hover{
	text-decoration: none !important;
}
.threeCircles .regbluebtn{
	min-width:90%;
	position:relative;
	display:inline-block;
	 position:absolute;
	 bottom: -20px;
	 min-width:150px;
	 transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);
	 text-decoration: none !important;
}
.threeCircles h6{
	font-size:12px;
	margin-bottom:0px;
	margin-top:0px;
	text-align:center;
}
.threeCircles h3{
	margin-bottom:0px;
	text-align:center;

}
section#quickResources img{
	display:inline-block;
	transition:.4s;
	max-height:50px;
	text-align:center;
}
section#quickResources img:hover{
    transform: scale(1.08);
}
section#quickResources a:hover{
	text-decoration: none !important;
	color:#00b5e2;
}
section#quickResources tr{
	background-color:#ffc72c00 !important;
	text-align:center;
	line-height:.8em;
}
section#quickResources {
	background-color: #fff;
}
section#quickResources > div {
	margin: 0 auto;
}
section#quickResources .smallTextIcons a{
	font-size:9px;
	display:inline-block;
	color:#828282;
	text-transform:uppercase;
	font-weight:400;
	text-decoration:none !important;
	text-align:center;
	line-height:.01em;
}
section#quickResources ul {
  list-style-type: none;
}
section#quickResources ul li::before {
 	font-family:'FontAwesome';
 	content: "\f026 ";
 	color: #00b5e2;
 	display: inline-block;
 	width: 1em;
 	margin-left: -1em;
}

section#quickResources a {
	font-weight: 500;
	font-size:1.1em;
	color:#464646;
	line-height:2.3em;
}
.titleButton a{
	background-color:transparent;
	font-family:'EB Garamond', 'Open Sans';
	letter-spacing:.05em;
	text-transform:capitalize;
	font-size:40px;
	font-weight:600;
	color:#316b98bf;
	text-align:center;
	border:0px;
	transition:.4s;
	transition:.4s;
}
.titleButton a::after{
	font-family:'FontAwesome';
	content:"\f178";
	font-size:28px;
	padding-left:10px;
}
.titleButton a:hover{
	opacity:.9;
	color:#1155a5;
}
.titleButton{
	background-color:transparent;
	border:0px;
	padding-top:20px;
}
.researchColumns h3 {
	font-size: .8em;
	color: #595959;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase;
	display:inline-block;
	transition:.4s;
}
.researchColumns h3:hover {
	color: #1155a5;
	text-shadow:.2px .2px .2px #00000040;
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.sculptureWalk img{
	width:400px;
	height:auto;
	margin:0 auto;
	border:8px solid #fff;
	border-radius:4px;
	box-shadow:1px 1px 3px #00000026;
	vertical-align:middle;
}
.sculptureWalk tr{
	background-color:transparent;
}
.sculptureWalk h2{
	background-color:#f0f9fb;
	color:#1d2835;
	border-radius:5px;
	padding:20px;
	font-size:20px;
	font-style:normal !important;
	text-transform:capitalize;
}
.sculptureWalk a{
	font-weight:700;
}
.sculptureWalk a:hover{
	opacity:.8;
	text-decoration:none !important;
}
.sculptureWalk p{
	position:relative;
	top:10px;
}
.noQuote{
	position:relative;
	padding-top:15px;
	padding-bottom:15px;
	background-image:none !important;
	font-size:12px;
	text-align:center;

}
.noQuote a{
	font-weight:700;
	transition:.4s;
}
.noQuote a:hover{
	color:#00b5e2;
}
.noQuote li::before{
	font-family: 'FontAwesome';
    content: '\f067';
    margin:0 5px 0 -15px;
    color: #00b5e2;
    opacity:.4;
}
.noQuote ul{
	list-style-type: none;
}
section#registerBanner {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align:left;
	display: flex;
	height: auto;
	min-height:50vh;
	transition:1.5s;
	background-image:url(/media/bcccmedialibrary/academics/springbanner.png);
}
section#registerBanner > div {
	text-align:right;
	margin: 0 auto;
	padding: 50px 0 50px 40px;
}
section#registerBanner .alumstories p{
	font-size:24px !important;
	color:#d6f2f9;
	text-align:left;
	background-image:none !important;
	max-width:350px;
	margin:0px;
}
section#registerBanner .alumstories a{
	font-size:16px !important;
	text-transform:uppercase;
	font-weight:600;
	display:block;
	color:#d9f2f9;
	line-height:1em;
	background-color:#00000054;
	border:1px solid #d9f2f9;
	padding:15px 25px;
	text-align:center;
	background-image:none !important;
	transition:.6s;
	margin:-5px;
	max-width:245px;
}
section#registerBanner .alumstories a:hover{
	background-color:#d6f2f9;
	color:#364557;
}
section#registerBanner .alumstories p.title{
	font-size:70px !important;
	color:#fff;
	text-align:left;
	background-color:transparent;
	background-image:none !important;
	font-weight:900;
	max-width:900px;
	line-height:1em;
	text-shadow: 1px 1px 1px #00000059;
}
section#WhiteSection > div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	max-width: 1450px;
}
section#WhiteSection {
	background-image: linear-gradient(45deg, #ffffff 33.33%, #f0f0f0 33.33%, #f0f0f0 50%, #ffffff 50%, #ffffff 83.33%, #f0f0f0 83.33%, #f0f0f0 100%);
	background-size: 4.24px 4.24px;
	padding: 50px 50px 50px 50px;
}
section#WhiteSection p {
	font-size:22px;
	font-family:'Sabon', serif;
	line-height:2.1em;
	padding:20px;
	color:#505050;
}
section#WhiteSection img {
	border: 10px solid #ffffff;
	box-shadow:1px 1px 1px #00000026;
	width:100%;
}
section#WhiteSection button {
	font-weight:700;
	font-family:'Open Sans';
	font-size:24px;
	text-transform:uppercase;
	border:2px solid #364558;
}
section#WhiteSection a{
	font-family:'Open Sans';
	font-size:14px !important;
	text-transform:uppercase;
	font-weight:600;
	display:inline-block;
	color:#304156;
	line-height:2em;
	background-color:#00000000;
	border:1px solid #304156;
	padding:15px 25px;
	text-align:center;
	background-image:none !important;
	transition:.6s;
	margin-bottom:5px;
}
section#WhiteSection a::after{
	font-family:'FontAwesome';
	font-weight:100;
	content:"\f0a9";
	padding-left:10px;
}
section#WhiteSection p.title{
	font-family:'Open Sans';
	font-size:26px !important;
	text-transform:uppercase;
	font-weight:900;
	color:#304156;
	line-height:2em;
	padding:15px 25px;
	text-align:center;
	background-image:none !important;
	transition:.6s;
	margin-bottom:-15px;
	margin-top:-15px;
}
section#WhiteSection a:hover{
	background-color:#304156;
	color:#d5f2f9;
}
section#lightBlueSection > div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
section#LightBlueSection {
	background-color:#d5f2f9;
	padding: 50px 150px 50px 150px;
}
section#LightBlueSection hr{
	border-top:1px;
	margin-bottom:50px;	
}
section#LightBlueSection p {
	font-size:18px;
	line-height:2.1em;
	padding:0px;
	color:#364558;
}
section#LightBlueSection img {
	border: 10px solid #fff;
	width:100%;
	box-shadow:0px 0px 1px #0000003b;
}
section#LightBlueSection button {
	font-weight:300;
	font-family:'EB Garamond';
	font-size:24px;
	color:#025595;
	background-color:transparent;
	padding:20px 40px;
	border:1px solid #025595;
	transition:.4s ease-in;
}
section#LightBlueSection button:hover{
	background-color:#025595;
	color:#fff;
}
section#LightBlueSection a{
	font-family:'Open Sans';
	font-size:14px !important;
	text-transform:uppercase;
	font-weight:600;
	display:inline-block;
	color:#304156;
	line-height:2em;
	background-color:#00000000;
	border:1px solid #304156;
	padding:15px 25px;
	text-align:center;
	background-image:none !important;
	transition:.6s;
	margin-bottom:5px;
	min-width:330px;
}
section#LightBlueSection .col-4 a{
	min-width:fit-content;
	max-width:200px !important;
}
section#LightBlueSection a::after{
	font-family:'FontAwesome';
	font-weight:100;
	content:"\f178";
	padding-left:10px;
}
section#LightBlueSection a:hover{
	background-color:#304156;
	color:#d5f2f9;
}
section#LightBlueSection p.title{
	font-family:'EB Garamond', 'Open Sans';
	font-size:28px !important;
	text-transform:uppercase;
	font-weight:900;
	color:#304156;
	line-height:2em;
	padding:15px 25px;
	text-align:center;
	background-image:none !important;
	transition:.6s;
	margin-bottom:-15px;
	margin-top:-15px;
}
section#LightBlueSection .row p{
	text-align:left;
	font-size:14px;
}
section#LightBlueSection .row h1{
	line-height:1em;
	text-align:left;
}
section#LightBlueSection .row h5{
	text-align:left;
}
section#conEdBanner {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align:left;
	display: flex;
	height: auto;
	min-height:50vh;
	transition:1.5s;
}
section#conEdBanner > div {
	text-align:right;
	margin: 0 auto;
	padding: 50px 0 50px 40px;
}
section#conEdBanner .alumstories p{
	font-size:30px !important;
	color:#fff;
	position:relative;
	top:10%;
	text-align:center;
	background-color:transparent;
	background-image:none !important;
	font-weight:400;
	max-width:900px;
	line-height:1em;
	text-shadow: 1px 1px 1px #00000059;
}
section#conEdBanner .alumstories a{
	background-color:transparent;
    padding: 15px;
    font-family: 'EB Garamond', 'Open Sans';
    letter-spacing:.05em !important;
    border-radius: 3px;
    position: relative;
    font-size: 1em;
    color: #fff;
    display: inline-block;
    min-width:200px;
    margin-bottom:5px !important;
    text-align: center;
    text-decoration: none;
    color:#fff;
    margin:0 auto;
    border:1px solid #fff;
	font-size: .7em !important;
	font-weight:600;
	text-shadow: 0px 1px 1px #00000040;
	text-transform: capitalize;
	box-shadow: inset 0 0 0 0 #00000024;
 	-webkit-transition: ease-out 0.4s;
 	-moz-transition: ease-out 0.4s;
  	transition: ease-out 0.4s;
}
section#conEdBanner .alumstories a:hover{
	box-shadow: inset 400px 0 0 0 #ffffff;
	color:#316b98bf;
	text-shadow:0px 0px 0px;
}
section#conEdBanner .alumstories a::after{
	font-family:'FontAwesome';
	content:"\f178";
	font-size:16px;
	letter-spacing:-.09em;
	padding-left:10px;
	font-weight:100;
}
section#conEdBanner .alumstories p.title{
	font-size:70px !important;
	color:#fff;
	text-align:center;
	font-family:'EB Garamond', 'Open Sans';
	position:relative;
	top:10%;
	background-color:transparent;
	background-image:none !important;
	font-weight:900;
	max-width:900px;
	line-height:1em;
	text-shadow: 1px 1px 1px #00000059;
}
section#studentProfile .alumstories .conEdColumns p{
	background-image:none !important;
}
.alumstories.conEdColumns p a{
	font-size:12px !important;
	text-transform:uppercase;
	display:block;
	color:#364557;
	line-height:1em;
	background-color:#d6f2f9;
	border:1px solid #3645574f;
	padding:15px 5px;
	text-align:center;
	background-image:none !important;
	transition:.6s;
	margin:5px;
}
.alumstories.conEdColumns p a:hover{
	color:#d9f2f9;
	border:1px solid #364557;
	background-color:#364557;
}
.alumstories.conEdColumns p{
	background-image:none !important;
	margin:0 auto;
}
.alumstories.conEdColumns img{
	width:90%;
	margin:0 auto;
}
.eventsContainer{
	max-width:fit-content;
	margin:0 auto;
	text-align:left;
}
p.messageText{
	font-size:18px !important;
	font-weight:100;
}
img.academicsImgs{
	border:2px solid #fff;
	box-shadow:0px 0px 2px #00000038;
	margin:0px 0px 50px 0px;
	max-width:500px;
}
section#LightBlueSection .row a{
	display:block;
	max-width:600px;
}
a.anchorNoStyle{
	border:0px !important;
	height:0px;
	width:0px;
	padding:0px !important;
}
a.anchorNoStyle:after{
	content:"" !important;
}
section#LightBlueSection .row h2{
	font-weight:700;
	text-transform:capitalize;
	padding-left:0px;
}
span.officeLocation::before{
	content: "\f041";
	padding-right:11px;
    font-family: "FontAwesome";
}
span.officePhone::before{
	content: "\f095";
	padding-right:6px;
    font-family: "FontAwesome";
}
span.officeFax::before{
	content: "\f1ac";
	padding-right:3px;
    font-family: "FontAwesome";
}
span.officePerson::before{
	content: "\f2bd";
	padding-right:5px;
    font-family: "FontAwesome";
}
span.officeEmail::before{
	content: "\f003";
	padding-right:5px;
    font-family: "FontAwesome";
    font-weight:100;
}
.contactLightBlue {
	text-align:left !important;
}
.contactLightBlue a{
	text-transform:uppercase;
	font-weight:600;
	display:inline-block;
	color:#304156;
	line-height:2em;
	background-color:#00000000;
	border:1px solid #304156;
	padding:10px 0px !important;
	text-align:center;
	background-image:none !important;
	transition:.6s;
	margin-bottom:0px !important;
	margin-top:10px;
	min-width:0px !important;
	width:auto !important;
}
section#LightBlueSection .row .col-5{
	background-color:#ffffff3d;
	border:1px solid #0000000d;
	padding:15px;
}
.headingTitle{
	position:relative;
	background-color:transparent;
	font-family:'EB Garamond', 'Open Sans';
	letter-spacing:.03em;
	text-transform:capitalize;
	font-size:60px;
	font-weight:600;
	color:#1155a5e0;
	text-align:center;
	border:0px;
	transition:.4s;
	margin-bottom:2px;
	margin-top:40px;
}
.headingButton a{
	position:relative;
	text-transform:capitalize;
	letter-spacing:.04em;
	font-size:40px;
	font-weight:600;
	color:#1254a1d4;
	text-align:center;
	border:0px;
	transition:.4s;
	padding:5px 25px;
	transition:.4s;
}
.headingButton a::after{
	font-family:'FontAwesome';
	content:"\f178";
	padding-left:10px;
}
.headingButton a:hover{
    color:#1254a1;
}
.headingButton{
	margin-top:3%;
	margin-bottom:5%;
	background-color:transparent;
	border:0px;
}
.headingTitleNavy{
	background-color:transparent;
	position:relative;
	text-transform:uppercase;
	font-size:40px;
	font-weight:600;
	color:#fff;
	text-align:center;
	transition:.4s;
	padding:5px 25px;
	border:3px solid #fff;
	transition:.4s;
	top:20px;
	display:inline;
}
#bigBlue h3 {
	margin-left:2px;
	font-size:20px;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:.01em;
	color: #ffffff;
}
section#conEdBanner .alumstories .bannerNav{
	position:relative;
	top:7%;
}
section#conEdBanner .alumstories .bannerNav a{
	display:inline-block !important;
	margin:20px -1px !important;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
section#conEdBanner .alumstories .bannerNav a:hover{
	text-shadow: 0px 0px 0px !important;
}
section#conEdBanner .alumstories .center a{
	background-color:transparent;
    padding: 15px;
    font-family: 'EB Garamond', 'Open Sans';
    letter-spacing:.05em !important;
    border-radius: 3px;
    position: relative;
    font-size: 1em;
    color: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color:#fff;
    margin:0 auto;
    border:1px solid #fff;
	font-size: .7em !important;
	font-weight:600;
	text-shadow: 0px 1px 1px #00000040;
	text-transform: capitalize;
	box-shadow: inset 0 0 0 0 #00000024;
 	-webkit-transition: ease-out 0.4s;
 	-moz-transition: ease-out 0.4s;
  	transition: ease-out 0.4s;
}
section#conEdBanner .alumstories .center a:hover{
	box-shadow: inset 400px 0 0 0 #ffffff;
	color:#316b98bf;
	text-shadow:0px 0px 0px;
}
section#conEdBanner .alumstories .center a::after{
	font-family:'FontAwesome';
	content:"\f178";
	font-size:16px;
	letter-spacing:-.09em;
	padding-left:10px;
	font-weight:100;
}
section#LightBlueSection table {
	box-sizing: border-box;
	vertical-align: baseline;
	width: 100%;
	margin: 0 0 2em;
	table-layout: fixed;
	max-width:1200px !important; 
}
section#LightBlueSection td, th {
	padding: 10px;
}
section#LightBlueSection tr{
	background-color:transparent;
}
section#LightBlueSection td {
    border: 1px solid #4d576b36;
	word-wrap:break-word;
}
section#LightBlueSection th {
	border: 1px solid #4d576b36;
	font-size: 1em;
	color: #4d576b ;
	line-height: 1em;
	margin: 0em 0 .5em;
	font-weight: 700;
	text-align: left;
	word-wrap:break-word;
}
section#LightBlueSection table caption {
    text-align: center;
    background-color: transparent;
    color: #4d576b;
    font-size: 1.4em;
    font-weight: 500;
    padding:15px;
}
section#LightBlueSection h1::after{
	border-bottom:0px;
	padding-bottom:10px;
}
section#LightBlueSection h2{
	text-transform:uppercase !important;
}
section#LightBlueSection h4{
	margin-top:0px !important;
	font-size:14px;
	text-transform:capitalize;
}
section#LightBlueSection .row h4{
	text-align:left;
	font-size:22px;
	font-family:'EB Garamond';
		
}
section#LightBlueSection h6{
	font-size:12px;
	font-weight:600;
	line-height:0em;
}
section#LightBlueSection .row h6{
	text-align:left !important;
}
a.linkHeading{
	font-size: 1em !important;
	font-weight:900 !important;
	color:#565656 !important;
	letter-spacing:.01em !important;
	padding-bottom:10px !important;	
}
.kidsOnCampusBanner img{
	max-width:550px;
}
.kidsOnCampusBanner a{
	font-size:28px !important;
	font-weight:400;
	text-transform:uppercase;
	display:inline-block;
	letter-spacing:.4px;
	color:#fff;
	line-height:1em;
	background-color:#1055a1;
	padding:15px 25px;
	text-align:center;
	background-image:none !important;
	transition:.6s;
	margin:5px;
	min-width:200px;
	border-radius:3px;
}
.kidsOnCampusBanner span{
	color:#fff;
	text-shadow:1px 1px 1px #00000061;
	display:inline-block;
	max-width:450px;
	font-size:18px;
	font-weight:600;
	margin-bottom:30px;
	padding:20px;
	text-align:left;
	border-radius:3px;
}
.kidsOnCampusBanner a:hover{
	background-color:#d6f2f9;
	color:#364557;
}
.kidsOnCampusMenu{
	text-align:center;
}
.researchContent h2{
	font-size:38px;
	font-weight:700;
	text-transform:capitalize;
	color:#0050a7;
}
.researchContent h2::before{
	font-family:'FontAwesome';
	padding-right:15px;
	padding-left:10px;
}
.compsci h2::before{
	content:'\f120';
}
.psychology h2::before{
	content:'\f2bd';
}
.researchContent .row{
	width:90%;
	background-color:#d5f2f9;
	border:1px solid #c8e0e6;
	color:#2d2d2d;
	padding:30px !important;
	margin-bottom:30px;
	line-height:1.7em !important;
}
.researchContent img{
	border:9px solid #fff;
	box-shadow: 0px 0px 1px #0000004a;
}
section#conEdBanner .alumstories .food p{
	font-size:18px !important;
	text-align:left;
	display:inline;
}
section#conEdBanner .alumstories .food h2{
	text-align:left;
	font-size:32px;
	text-decoration:underline;
	color:#fff;
	text-shadow:1px 1px 1px #0000008c;
	line-height:1em;
}
section#conEdBanner .alumstories .food h4{
	text-align:left !important;
	font-weight:800;
	text-transform:capitalize;
	font-size:24px;
	color:#d5f2f9;
	text-shadow:-2px 1px 1px #0000008a;
	margin-top:5px;
}
section#conEdBanner .alumstories .food{
	padding-top:20px;
	font-size:18px !important;
	text-align:left;
}
section#conEdBanner .alumstories .food h5{
	text-align:left !important;
	font-weight:700;
	text-transform:capitalize;
	font-size:18px;
	color:#ffffff;
	text-shadow:-1px 1px 1px #00000057;
	margin-top:0px;
}
.alumstories a[href*=".pdf"]:after {
	content:"";    
	font-family: "FontAwesome";
    margin-left: .3em;
    color: #00b5e282;
    font-size: .8em;
}
.leftMessageText{
	text-align:left;
}
section#stickyBanner{
	position:fixed;
	background-color: #00306b;
	padding:20px 0px 5px 0px;
	bottom:0px;
	width:100%;
	opacity:.98;
}
section#stickyBanner a{
	font-family:'Open Sans';
	background-color:#ffffff;
	color:#000000b5;
	font-size:14px !important;
	text-transform:uppercase;
	font-weight:600;
	display:inline-block;
	line-height:2em;
	border:0px solid #125696;
	padding:15px 25px;
	text-align:center;
	transition:.6s;
	margin-bottom:5px;
	min-width:250px;
}
section#stickyBanner a::after{
	font-family:'FontAwesome';
	font-weight:100;
	content:"";
	padding-left:10px;
}
section#stickyBanner a::before{
    font-family: "Font Awesome 5 Free";
	content:"\f965";
	padding-right:10px;
}
section#stickyBanner a:hover{
	background-color:#125696;
	color:#fff;
}
section#stickyBanner p{
	margin-left:20px;
	margin-right:20px;
}
.highlightedLink{
	background-color:aliceblue;
	font-size:26px;
	padding:15px 25px;
	line-height:2.5em;
	border-radius:3px;
	transition:.4s;
}
.highlightedLink:hover{
	background-color:#0d50a7;
	color:#fff;
	text-decoration:none !important;
}
.highlightedLink::before{
	font-family:'FontAwesome';
	content:'\f0ab';
	padding-right:10px;
}
.return::before{
	font-family:'FontAwesome';
	content:'\f0a8';
	font-size:18px;
	padding-right:10px;
}
.return{
	font-size:18px;
}
.return a{
	font-weight:500;
	color:#4d4d4d;
}
.oneColContact{
	padding:20px 20px 20px 20px;
	background-color:#ffffff36;
	border:1px solid #ccedf5;
	text-align:left;
	font-size:12px;
	line-height:2em;
}
section#LightBlueSection .oneColContact a{
	display:block;
    min-width:5px !important;
    margin-top:10px;
}
.leftAligned{
	text-align:left !important;
}
.fitnessHours{
	background-color:#00b5e20f;
	margin-top:15px;
	padding:20px;
	border:1px solid #0000000d;
	border-radius:4px;
}
.fitnessHours h1{
	font-size:2.2em;
	color:#595959;
}
.fitnessHours h3{
	margin-top:10px;
}
.fitnessHours h6{
	padding-top:0px !important;
	margin-top:0px !important;
}
.fitnessSchedule h3{
	margin-top:10px;
	background-color:#00b5e20f;
	border:1px solid #0000000d;
	padding:12px;
	border-radius:4px;
}
span.location{
	font-weight:400;
}
span.location::before{
	content: "\f041";
	font-weight:400;
	color:#0050a7;
	padding-right:8px;
    font-family: "FontAwesome";
}
span.dateTime{
	font-weight:400;
	line-height:3em;
}
span.dateTime::before{
	content: "\f017";
	font-weight:400;
	color:#0050a7;
	padding-right:5px;
    font-family: "FontAwesome";
}
section#conEdBanner .alumstories .gradEligibility a{
	min-height:200px;
	margin-top:100px;
	display:block;
}
section#conEdBanner .alumstories .gradEligibility a:hover{
    text-shadow:none !important;
}
section#conEdBanner .alumstories .gradEligibility a::after{
    font-family:'FontAwesome';
    font-size:80px;
    content:'\A\A\f274';
    white-space:pre-line;
}
section#conEdBanner .alumstories .gradCeremony a{
	min-height:200px;
	margin-top:100px;
	display:block;
}
section#conEdBanner .alumstories .gradCeremony a:hover{
    text-shadow:none !important;
}
section#conEdBanner .alumstories .gradCeremony a::after{
    font-family:'FontAwesome';
    font-size:80px;
    content:'\A\A\f2b5';
    white-space:pre-line;
}
section#conEdBanner .alumstories .gradCaps a{
	min-height:200px;
	margin-top:100px;
	display:block;
}
section#conEdBanner .alumstories .gradCaps a:hover{
    text-shadow:none !important;
}
section#conEdBanner .alumstories .gradCaps a::after{
    font-family:'FontAwesome';
    font-size:80px;
    content:'\A\A\f19d';
    white-space:pre-line;
}
.gradWhiteParagraph{
	text-align:left;
	margin-top:0px;
	margin-bottom:10px;
}
.gradWhiteParagraph a{
	margin-top:20px;
	margin-left:0px;
}
.gradWhiteParagraph p{
	font-size:14px !important;
}
.gradWhiteParagraph h2{
	margin-left:0px;
}
.gradWhiteParagraph h3{
	margin-top:-10px;
}
.gradWhiteParagraph li{
	margin-left:40px;
	font-size:14px;
}
.gradWhiteParagraph ol li {
	list-style-type:upper-roman;
}
.gradWhiteParagraph img{
	border:0px !important;
	max-width:400px;
	margin-right:0px !important;
	padding-right:0px !important;
	box-shadow: 0px 0px 0px !important;
}
.gradWhiteParagraph h4{
	font-size:30px !important;
	background-color:#00b5e2;
	width:fit-content;
	padding:20px 30px;
	border:5px solid #00b5e2;
	border-radius:5px;
	color:#fff;
}
.gradWhiteParagraph h4::before{
	font-family:'FontAwesome';
	content:'\f290';
	font-size:40px;
	padding-right:15px;
}
.gradContact{
	text-align:center;
	margin-top:10px;
	background-color:#002f6c;
	color:#fff;
	padding:30px;
	margin-bottom:40px;
}
.gradContact h1{
	color:#fff;
	font-size:30px;
	font-weight:900;
}
.gradContact a{
	color:#fff !important;
	border:1px solid #fff !important;
}
.gradContact a:hover{
    color:#002f6c !important;
    background-color:#fff !important; 
}
section#conEdBanner .alumstories .transferInstitution a{
	min-height:200px;
	margin-top:100px;
	display:block;
	background-color:#1055a1eb;
	border:0px;
	color:#d6f2f9;
}
section#conEdBanner .alumstories .transferInstitution a:hover{
    text-shadow:none !important;
    background-color:#d6f2f9;
    color:#364657;
}
section#conEdBanner .alumstories .transferInstitution a::after{
    font-family:'FontAwesome';
    font-size:80px;
    content:'\A\A\A\f19c';
    white-space:pre-line;
}
section#conEdBanner .alumstories .transferMajor a{
	min-height:200px;
	margin-top:100px;
	display:block;
	background-color:#1055a1eb;
	border:0px;
}
section#conEdBanner .alumstories .transferMajor a:hover{
    text-shadow:none !important;
    background-color:#d6f2f9;
    color:#364657;
}
section#conEdBanner .alumstories .transferMajor a::after{
    font-family:'FontAwesome';
    font-size:80px;
    content:'\A\A\A\f02d';
    white-space:pre-line;
}
section#conEdBanner .alumstories .transferApply a{
	min-height:200px;
	margin-top:100px;
	display:block;
	background-color:#1055a1eb;
	border:0px;
	color:#d6f2f9;
}
section#conEdBanner .alumstories .transferApply a:hover{
    text-shadow:none !important;
    background-color:#d6f2f9;
    color:#364657;
}
section#conEdBanner .alumstories .transferApply a::after{
    font-family:'FontAwesome';
    font-size:80px;
    content:'\A\A\A\f0ec';
    white-space:pre-line;
}
.gradWhiteParagraph{
	text-align:left;
	margin-top:0px;
	margin-bottom:10px;
}
.gradWhiteParagraph a{
	margin-top:20px;
	margin-left:0px;
}
.gradWhiteParagraph p{
	font-size:14px !important;
}
.gradWhiteParagraph h2{
	margin-left:0px;
}
.gradWhiteParagraph h3{
	margin-top:-10px;
}
.gradWhiteParagraph li{
	margin-left:40px;
	font-size:14px;
}
.gradWhiteParagraph ol li {
	list-style-type:upper-roman;
}
.gradWhiteParagraph img{
	border:0px !important;
	max-width:400px;
	margin-right:0px !important;
	padding-right:0px !important;
	box-shadow: 0px 0px 0px !important;
}
.gradWhiteParagraph h4{
	font-size:30px !important;
	background-color:#00b5e2;
	width:fit-content;
	padding:20px 30px;
	border:5px solid #00b5e2;
	border-radius:5px;
	color:#fff;
}
.gradWhiteParagraph h4::before{
	font-family:'FontAwesome';
	content:'\f290';
	font-size:40px;
	padding-right:15px;
}
.gradContact{
	text-align:center;
	margin-top:10px;
	background-color:#002f6c;
	color:#fff;
	padding:30px;
	margin-bottom:40px;
}
.gradContact h1{
	color:#fff;
	font-size:30px;
	font-weight:900;
}
.gradContact a{
	color:#fff !important;
	border:1px solid #fff !important;
}
.gradContact a:hover{
    color:#002f6c !important;
    background-color:#fff !important; 
}
section#LightBlueSection .advisingCenters .row h2{
	font-size:18px !important;
	margin-left:-20px;
}
.advisingCenters{
	font-size:12px !important;
}
.advisingCenters .col-4{
	background-color:#ffffff21;
    border:1px solid #00000012;
    text-align: center !important;
    padding-top:30px;
    min-height:100px;
}
.transferAgreements{
	padding-top:30px;
	margin-bottom:0px;
}
.transferAgreements p{
	text-align:left;
	font-size:14px !important;
	margin-top:-10px;
}
.sgaTitles a{
	font-size:14px;
	font-weight:600;
	color:#1055a1 !important;
	transition:.4s;
}
.sgaTitles a::before{
	font-family:'FontAwesome';
	content:'\f003';
	font-weight:100;
	padding-right:5px;
	transition:.4s;

}
.sgaTitles a:hover::before{
    text-shadow:-2px 0px 0px #00b5e2;
}
.sgaTitles h6{
	font-size:12px;
	font-weight:400;
	margin:0px;
	padding-bottom:10px;
}
.sgaTitles h3{
	text-transform:capitalize;
	font-size:12px;
	font-weight:600;
}
.sgaMission ul{
	position: relative;
    list-style:none;
    line-height:1.8em;
}
.sgaMission li::before{
	color:#00b5e2;
	position: absolute;
	left: 0;
    font-family:'FontAwesome';
    content:"\f138";
}
.noHover img{
	opacity:1;
}
.noHover img:hover{
	background-color:transparent;
}
.sgaTitles h6{
	font-size:12px;
	font-weight:400;
	margin:0px;
	padding-bottom:10px;
}
.sgaTitles h3{
	text-transform:capitalize;
	font-size:12px;
	font-weight:600;
}
.sgaMission ul{
	position: relative;
    list-style:none;
    line-height:1.8em;
}
.sgaMission li::before{
	color:#00b5e2;
	position: absolute;
	left: 0;
    font-family:'FontAwesome';
    content:"\f138";
}
.noHover img{
	opacity:1;
}
.noHover img:hover{
	background-color:transparent;
}
.sgaConstitution{
	width:80%;
	padding-top:50px;
    margin:0 auto;
	font-size:14px;
}
section#conEdBanner .alumstories .landingBigButton p{
	margin-top:2%;
	text-align:center;
}
section#conEdBanner .alumstories .landingBigButton{
	margin-top:20%;
	width:700px;
}
section#conEdBanner .alumstories .landingBigButton a{
	font-size:22px !important;
	text-transform:capitalize;
	font-weight:300;
	min-width:230px;
	padding:25px 40px;
	color:#fff;
	background-color:#1055a1f0;
	border:0px;
	margin-bottom:-15px !important;
	border-radius:3px;
}
section#conEdBanner .alumstories .landingBigButton a:hover{
	background-color:#d6f2f9;
	color:#304156;
}
.trusteesParagraph{
	font-size:13.5px;
	text-align: left;
}
.fade-in {
  animation: fadeIn ease 4s;
  -webkit-animation: fadeIn ease 4s;
  -moz-animation: fadeIn ease 4s;
  -o-animation: fadeIn ease 4s;
  -ms-animation: fadeIn ease 4s;
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
}
.iframe-container {
  overflow: hidden;
  // Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625)
  padding-top: 56.25%;
  position: relative;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}