/* @group Page Structure */

		#footer-tags {
			position: fixed;
			left: 0;
			bottom: 0;
			height: 0px;
			width: 0px;
			z-index: -99;
		}

		/* breadcrumbs disappear but still take up space */
		@media (max-width: 640px) {
				.breadcrumbs {
					display: none;
				}
		}

		/* not sure why pages needed to be 1000px tall */
		@media (min-width: 70em) and (min-width: 70em) {
		    .three-column .main-content,
		    .template-left-content-right .main-content {
		    	min-height: 500px;
		    }
		}

		.clearfix::before, .clearfix::after {
			display: table;
			content: " ";
			clear: both;
		}


		.nav--secondary > li span[class*="currentbranch"] a {
			color: white;
		}

		/* fix page headers and faux tabs on mobile so they dont vertically stack
		affects study area pages, course results pages and course detail pages */
		@media (max-width: 40em) {

			.blocked-page-header {
				padding-left:1.5rem;
			}

			.faux-tabs {
				width:140% !important;
			}

			.faux-tabs ul {
				display:table-cell;
				padding-left: 0.5rem !important;
				margin-bottom: 0px !important;
			}

			.faux-tabs ul li {
				display: inline-block;
   				vertical-align: bottom;
			}

			.faux-tabs .help {
				display:table-cell;
				margin-top: -22px;
				max-width: 25px;
				padding: 5px;
			}

			.target-audience {
				margin-left: -1.5rem;
			}
		}

		@media (max-width: 24em) {
			.faux-tabs.compact-tabs li a, .faux-tabs.compact-tabs li span {
				font-size:0.8rem;
				padding: 0.375rem 0.5rem;
			}
		}

		@media (min-width: 70em) {
			body.template-left-content-right .faux-tabs {
				margin-left: -3rem;
    			padding-left: 1.5rem;
				margin-bottom: 24px;
			}
		}

/* @end */


/* @group Spacing of Section Boxes */

		.find-a-course {
			margin-top: 0px !important;
			margin-top: 0em !important;
		}

		.find-a-course.find-a-course--minimal {
			margin-top: 20px !important;
			margin-top: 1.25em !important;
			margin-bottom: 20px !important;
			margin-bottom: 1.25em !important;
		}

		.main-bottom .find-a-course {
			margin-top: 0px !important;
			margin-top: 0em !important;
		}

/* @end */


/* @group Promotiles */

		/* main bottom - areas of study */

		main.main section.main-content hr, .promo--stacked+.promo {
			border-top: 1px solid white;
		}

		.main-bottom .promo--horizontal {
			/*margin-top: 20px;*/
			padding-top: 40px;
			padding-right: 24px;
			padding-left: 24px;
		}

		/* single horizontal promo */
		.main-content .promo--horizontal .promo__hd,
		.main-bottom .promo--horizontal .promo__hd {
			/*box-sizing: border-box;*/
			/*width: 50%;*/
		}

		.main-content .promo--horizontal .promo__bd,
		.main-bottom .promo--horizontal .promo__bd {
			/*box-sizing: border-box;*/
			/*width: 50%;*/
			/*padding: 0 1.875rem 0;*/
		}

		.main-content .promo--horizontal .promo__bd h2,
		.main-bottom .promo--horizontal .promo__bd h2 {
			margin-top: -5px;
		}

		.main-content .promo--horizontal .promo__bd .first-level-menu li,
		.main-bottom .promo--horizontal .promo__bd .first-level-menu li {
			border-bottom: 0 !important;
		}

		.main-content .promo--horizontal .promo__bd .first-level-menu,
		.main-bottom .promo--horizontal .promo__bd .first-level-menu {
			border-top: 0 !important;
		}

						@media (max-width: 768px) {

								.main-content .promo--horizontal .promo__hd,
								.main-bottom .promo--horizontal .promo__hd {
									width: 40%;
									float: left;
								}

								.main-content .promo--horizontal .promo__hd img,
								.main-bottom .promo--horizontal .promo__hd img {
									/*width: 100%;*/
								}

								.main-content .promo--horizontal .promo__bd,
								.main-bottom .promo--horizontal .promo__bd {
									/*width: 100%;*/
									/*padding: 0.9375rem 0.9375rem 0;*/
								}

						}


						/* Mobile Secondary & Third Promo Box Sizing */
						@media (max-width: 499px) {

									.promo__bd h4.promo-heading {
										font-size: 17px;
									}

									.promo__bd p {
										padding-top: 2px;
										font-size: 15px;
										line-height: 1.2em;
									}

									.l-span-last footer.promo__ft {
										display: none;
									}

						}

		/* fix to match how promo tile works on homepage */
		.feature-promo__bd h3 {
			font-weight: 400;
		}

		/* responsive styling */
		@media (max-width: 758px) {

				.feature-header .feature-promo__bd h2 {
					font-size: 28px !important;
				}

				.feature-header .feature-promo__bd h3 {
					font-size: 16px !important;
				}

				.feature-promo__ft .btn--promo {
					padding: 0.75rem 1.875rem !important;
					font-weight: 700 !important;
				}

		}


		.promo--compact .promo__bd {
			padding: 0 0.75rem;
		}

		.promo__ft p {
			font-weight: 600;
		}

		.main-content hr {
			margin: 0;
			padding: 0;
			padding-bottom: 1.2rem;
		}

/* @end */



/* @group Find A Course */

		.find-a-course.find-a-course--minimal {
			padding: 32px 0px 20px !important;
		}

		.find-a-course.find-a-course--minimal .form-search .cs-Keyword-label {
			font-size: 26px !important;
			font-weight: 400;
		}

		.find-a-course.find-a-course--minimal span.radio label {
			font-size: 18px;
			font-weight: 400 !important;
			margin-top: 3px;
		}


				@media (max-width: 499px) {

							.find-a-course.find-a-course--minimal span.radio label {
								font-size: 18px;
								font-weight: 400 !important;
							}

				}

		.find-a-course.find-a-course--minimal .form-search input[type="text"] {
		    width: 78.7865%;
		    width: calc(100% - 40px);
		}

		.find-a-course.find-a-course--minimal .form-search .btn {
			max-width: 156px !important;
		}

				@media (min-width: 40em) {
				    .find-a-course.find-a-course--minimal .form-search input[type="text"] {
				        width: 63.86479%;
				        width: calc(100% - 156px);
				    }
				}

				@media only screen and (min-width: 640px) and (max-width: 640px) {
				    .find-a-course.find-a-course--minimal .form-search input[type="text"] {
				        width: 83.21129%;
				        width: calc(100% - 156px);
				    }
				}

				@media (min-width: 80em) {
				    .find-a-course.find-a-course--minimal .form-search input[type="text"] {
				        width: 67.93774%;
				        width: calc(100% - 156px);
				    }
			}

/* @end */



/* @group CTA Sidebar */

		/* no top margin for cta once at bottom of page */
		@media (max-width: 1128px) {
			.sidebar .contact-actions {
				margin-top: 0px;
		    }
		}

		/* red stripe above call to actions */
		.contact-actions ul li:first-child a {
			border-top: #dc2d27 3px solid;
		}

		/* cta icon sizing */
		.contact-actions i.fa {
			font-size: 38px;
			font-size: 2.4rem;
		}

		.contact-actions i.fa-paper-plane {
			font-size: 35px;
			font-size: 2.2rem;
		}

		/* cta firefox height */
		.contact-actions a {
			height: 74px;
		}

		/* has been confusing enquirers, and an email is in the share options anyway for people who want to share the page */
		.share__email {
			display:none !important;
		}

/* @end */


/* @group Navigation Boxes */

		/* less vertical spacing for main nav rows */
		.main .teaser {
			margin-bottom: 1.5em !important;
		}


		/* three column navigation boxes */
		.row.three-column-study-nav, .row.four-column-study-nav {
			margin-left: -10px;
			margin-right: -10px;
		}

		.three-column-study-nav .teaser {
			width: 33.3%;
			float: left;
			padding-left: 10px;
			padding-right: 10px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}

		.three-column-study-nav .teaser:nth-child(3n+1) {
		    clear: both;
		}

				@media (min-width: 500px) and (max-width: 760px) {

					.three-column-study-nav .teaser {
						width: 50%;
					}

					.three-column-study-nav .teaser:nth-child(3n+1) {
					    clear: none;
					}

					.three-column-study-nav .teaser:nth-child(2n+1) {
					    clear: both;
					}

				}

				@media (max-width: 499px) {

							.three-column-study-nav .teaser {
								width: 100%;
							}

				}

		/* four column navigation boxes */
		.four-column-study-nav .teaser {
			width: 25%;
			float: left;
			padding-left: 10px;
			padding-right: 10px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}

		.four-column-study-nav .teaser:nth-child(4n+1) {
		    clear: both;
		}

				@media (min-width: 500px) and (max-width: 760px) {

							.four-column-study-nav .teaser {
								width: 50%;
							}

							.four-column-study-nav .teaser:nth-child(4n+1) {
							    clear: none;
							}

							.four-column-study-nav .teaser:nth-child(2n+1) {
							    clear: both;
							}

				}

				@media (max-width: 499px) {

							.four-column-study-nav .teaser {
								width: 100%;
							}

				}

		/* Mobile Nav Box Sizing */
		@media (max-width: 499px) {

					h2.lede {
						font-size: 20px;
					}

					.main .teaser {
						margin-bottom: 8px !important;
					}

					.teaser__hd {
						width: 40%;
						float: left;
					}

					.teaser__bd {
						padding-top: 0px;
					}

					.teaser__heading {
						margin-top: 0;
						margin-bottom: 0;
						font-size: 18px;
						/*text-transform: uppercase;*/
					}

					.teaser__bd p {
						padding-top: 2px;
						font-size: 16px;
						line-height: 1.2em;
					}

		}

/* @end */

.highlighted-blockquote__media img {
	max-width: 420px;
}

		@media (max-width: 760px) {

			.highlighted-blockquote__media img {
				max-width: 100%;
			}

		}

/* @group Notes boxes */

.note {
	display:table;
}

.note .note__icon {
	text-align:center;
}

.note .note__icon, .note .note__bd {
	float:none;
	display: table-cell;
	vertical-align: top;
	min-width:21px;
}

.note .note__bd strong {
	font-style:normal;
}

.note .note__bd p {
	margin-bottom:10px;
}

/* @end */

/* @group flexslider */

.flexslider {
	box-shadow:none !important;
}


.flexslider .slides li .caption p {
    padding: 1rem !important;
}

.flexslider:hover .flex-prev { opacity: 1 !important; }
.flexslider:hover .flex-next { opacity: 1 !important; text-align:center !important; }

.flex-direction-nav a {
    background: none repeat scroll 0 0 #333 !important;
    color: #FFF !important;
	text-shadow:none !important;
	padding:10px !important;
	text-align:center !important;
	top: 35% !important;
}

@media (max-width: 640px) {
	.flex-direction-nav a {
		height:25px !important;
		width:18px !important;
		top: 25% !important;
	}
}

.flex-direction-nav a:hover {
    background: none repeat scroll 0 0 #111 !important;
}


.flex-direction-nav a:before {
	color:#ffffff !important;
    font-family: FontAwesome  !important;
}
.flex-direction-nav a.flex-prev:before {
    content: ""  !important;
}
.flex-direction-nav a.flex-next:before {
    content: ""  !important;
}


/* @end */

/* @group Discipline Link Lists */

	div.discipline-link-list {
		display: inline-block;
		margin-bottom: 25px;
	}

	div.discipline-link-list h4 {
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
	}

	div.discipline-link-list ul {
		list-style-type: none !important;
		-webkit-margin-before: 0em !important;
		-webkit-margin-after: 0em !important;
		-webkit-margin-start: 0px !important;
		-webkit-margin-end: 0px !important;
		-webkit-padding-start: 0px !important;
		padding: 0px !important;
		margin: 0 !important;
	}

	div.discipline-link-list ul li {
		background-image: none !important;
		padding-left: 0px !important;

		float: left;
		margin: 10px 10px 10px 0px;
	}

	div.discipline-link-list ul li a {
		padding: 5px 10px;
		border-radius: 4px;
		background-color: #dbdbdb;
		color: black;
		font-weight: 400;
	}

	div.discipline-link-list ul li a:hover {
		background-color: #292625;
		text-decoration: none;
		color: white;
	}

/* @end */

/* @group Discipline Link Lists */

.tabbed-panel__bd .filter {
    background: none repeat scroll 0 0 #edeae5;
    float: none;
    margin: -1.5rem -1.5rem 0;
    padding: 1.5rem;
}

@media (min-width: 1330px) {
	.tabbed-panel__bd .filter {
		float: right;
		margin: 0;
		padding: 0;
	}
}

/* @end */


/* hide the one on ones sidebar button. A script shows this again under certain circumstances */

/*.contact-actions .cta-one-on-one {
	display:none;
}*/

/* @group New Discipline Filters Layout 2017 */

.filter-loader {
	margin: 0 30px 30px;
}

a.search-facets--facet-active {
			background-color: #dc2d27 !important;
			color:#FFF !important;

	}

	a.search-facets--facet-active-mob {
			background-color: #dc2d27 !important;
			color:#FFF !important;
	}

a.search-facets--facet-active:hover {
			background-color: #767676 !important;
			color:#FFF !important;
}

a.search-facets--facet {
	background-color: #dcdad2;
	color: #292625;
	font-size: 0.9rem;
	margin: 2px 5px 5px 2px;
	padding: 12px 5px 12px 15px;
	position: relative;
	top: -2px;
	border-radius: 3px 3px 3px 3px;
	cursor:default;

	/* overrides default behaviour which is to be full width on mobile sizes */
	float: left;
	width: 90%;
}

a.search-facets--facet p {
	max-width: 75%;
	display: inline-block;
	margin-bottom: 0;
}

a.search-facets--facet span {
	display: inline-block;
	vertical-align: top;
	width: 85%
}

.close {
	padding: 5px;
	margin-top: -7px;
	display: none;
	vertical-align: middle;
	width: 5% !important;
	float: right;
}

.major-tags {
	padding: 0 20px 10px;
	padding: 0 1.25rem 10px;
	margin-top: -10px;
  overflow: auto;
}

.major-tags .major-tag {
	padding: 0 5px;
}
.major-tags .major-tag .major {
	white-space: nowrap;
	padding: 2px 10px;
	background-color: #dcdad2;
	border-radius: 5px;
	text-transform: lowercase;
	text-decoration: none;
	color: #000;
	font-size: 0.85rem;
}

.major-tags .major-tag:hover {
	text-decoration: underline;
}


@media screen and (max-width: 80em) {
	a.search-facets--facet {
			width: 175px;
			margin: 5px;
			height: 65px;
	}

}

@media screen and (max-width: 40em) {
		 a.search-facets--facet {
			width: 90%;
			margin: 5px;
			height: auto;
	}

	 a.search-facets--facet span {
			vertical-align: middle;
	 }

	 .close {
			margin-top: auto;
	 }
}

.modal {
  position: fixed;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(153, 153, 153);
  padding: 10px;
  z-index: 1000000;
  visibility: visible;
  display:none;
}

@media (min-width: 800px) {
  .modal {
    top: 25%;
    left: 45%;
    width: 50%;
    height: 50%;
    margin-top: -47.5px;
    margin-left: -190.5px;
  }
}

@media (max-width: 800px) {
  .modal {
    top: 5%;
    width: 90%;
    height: 90%;
    margin: 5px;
    font-size: 1em;
  }

  @media (max-height: 600px) {
    .modal {
      top: 0;
      width: 95%;
      height: 95%;
      margin: 2px;
    }
  }
}

/* @end */