@charset "utf-8";
/* CSS Document */
.header.header--courses {
  	height:700px;
	background-image: url('../images/courses-header-bg.png');
  	background-repeat: no-repeat;
  	background-position: left bottom;
	overflow: hidden;
}
.header--shallow {
	height:316px;
	min-height: 300px;
	background-image:none;
}
.o-bg--teal {
  background-color: #363148;
}
.header--teal {
  background-color: #363148;
}
.header--teal .header__text {
    color: #fe9272;
}
.header--nav {
  	background-image: url('../images/courses-nav-bg.png');
  	background-repeat: no-repeat;
  	background-position: left top;
}
img.header__image--courses {
	max-width:1200px;
}
.header__title span {
	color:#fff;
	font-family: Open Sans, Arial, sans-serif;
	font-size:21px;
	font-weight: 400;
	display: block;
	margin-top: 20px;
	line-height: 1.5;
}

.header__keyinfo--courses {
	overflow-y: auto;
}


.c-copy-section + .c-tabs.c-tabs--curated-image, .c-tabs {
	margin-top: 0px;
}

.GeckoChatWidget .ChatButton {
	bottom: 15px!important;
}
.css-6rkci4 {
	height: 44px;
	overflow-y: hidden!important;
}
.PreChatForm label {text-transform: none}
.GeckoChatWidget .display p, .GeckoChatWidget .Message p {
	font-size:14px;
}

ul.c-stickynav__tabs li a {
	padding: 20px 0 16px;
}

.c-cta-bar__btn {
	padding-top: 20px;
	padding-bottom: 20px;
}
.c-btn--middle {
	border-color: #ddd;
	color: #000;
	background-color: #ddd;
}

.o-container__inner--extra-info {
	padding-bottom:0;
}
.extra-info {
	background:#fe9272;
	margin-left:-30px;
	padding:0.04px 30px;
}
.extra-info p {
	margin:20px 0!important;
	font-size:18px;
}
.last-updated {
	position: absolute;
	top:0;
	right:20px;
	color:#444;
	font-size: 14px;
}
.keyfact {
	color: #5d586f;
	font-size: 18px;
	line-height: 30px;
	font-weight:300;
	border-left: 4px solid #ededed; 
	padding-left: 25px
}
.accreditation {
	float: right;
	width: 230px;
	margin: -60px -260px 20px 0;
	text-align: center;
}
.accreditation h3 {
	font-size:20px;
	margin-top:60px;
}
.accreditation ul:not(.bare-list) {
	list-style-type: none;
}

table {
	border:0!important;
}

input.c-search-bar__input:focus {
    outline: 2px solid #8e8e8e;
}
.c-card__inner {
	width:100%;
}
.c-card__image {
	height:155px; /* 250px with image */
	background:#3b3747 url('../images/courses-cards-bg-no-image.png') no-repeat left top; 
	position:relative;
	border-top:30px solid #ededed;
	margin-right: 20px;
}
.c-card__image img {
	position:absolute; 
	top:-30px; 
	left:50%;
	transform: translateX(-50%);
	width:auto;
	display: none; /* temporary fix */
}

.c-card__text ul {
  	list-style: none; /* Remove default bullets */
}
.c-card__text ul li {
  	font-size:14px;
	border-bottom: 2px solid #e8e8e8;
	padding-left:18px;
	padding-bottom:10px;
	margin-left:0;
}

.c-card__text ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #74c066; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */ 
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.c-card__tag {
    background-color: #ededed;
    color: #000;
    font-weight: 700;
    padding: 8px 15px;
    display: inline-block;
}

details > summary {
	margin-top: 10px;
	margin-left: 5px;
	line-height: 1.5;
	font-weight: bold;
	cursor: pointer;
}
details > p {
	margin-top: 0!important;
	margin-left: 22px;
}

.c-large-quote__text-col p {
	font-family: Athelas Bold,Georgia,Tahoma,serif;
	font-size: 30px;
    font-weight: 500;
	padding-left:20px;
	border-left: 2px solid #000;
}
.c-large-quote__text-col p strong {
	font-family: Open Sans, Arial, sans-serif;
	font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
	display: block;
	margin-top: 20px;
}
.c-large-quote__text-col a {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    padding: 14px 72px 14px 32px;
    position: relative;
    z-index: 3;
	background-color: transparent;
    border: 2px solid #000;
	margin-top:20px;
}
.c-large-quote__text-col a:hover, .c-large-quote__text-col a:focus {
    color: #fff;
	background: #000
}

.c-large-quote__text-col a:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 12px;
    top: 50%;
    margin-top: -6px;
    right: 35px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='14' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M3.333 13L10 7 3.333 1 2 2.2 7.333 7 2 11.8z'/%3E%3Cpath id='b' d='M17.333 13L24 7l-6.667-6L16 2.2 21.333 7 16 11.8z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23000' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cuse fill='%23000' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");
    transition: all .4s linear;
    transform-style: preserve-3d;
    transform: translateZ(0);
}
.c-large-quote__text-col a:hover:after, .c-large-quote__text-col a:focus:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='14' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M3.333 13L10 7 3.333 1 2 2.2 7.333 7 2 11.8z'/%3E%3Cpath id='b' d='M17.333 13L24 7l-6.667-6L16 2.2 21.333 7 16 11.8z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23FFF' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cuse fill='%23000' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");
}

details > summary {
	margin-top: 10px;
	margin-left: 5px;
	line-height: 1.5;
	font-weight: 600;
	cursor: pointer;
	color:#0c626b;
}
details > p {
	margin-top: 0!important;
	margin-left: 22px;
}

.large {margin-bottom: 30px;}
.small {display: none; margin-bottom: 30px;}
.small h1, .large h1 {letter-spacing:normal;}
.kis-widget .widget-lead .intro {font-size: 13px; line-height: 18px; margin: 0px;}
@media screen and (max-width:788px) {
    .small {display: flex}
	.large  {display: none}
}

ul li.course-list {
	list-style: none;
	border-bottom: 1px solid #e6e6e6;
	padding:10px 0;
	margin:0;
}
ul li.course-list:first-child {
	border-top: 1px solid #ddd;
}
ul li.course-list:nth-child(even) {background: #fafafa}

.header__keyinfo__details--courses:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

table td, table th {
	padding: 20px 20px;
}

/* Share icon */
.courses-share {margin-top:-58px;}
.c-relatedevents-bar__share-icons--share {margin-left: 0;}
.c-relatedevents-bar__event-social-links {left: 0;}
.c-relatedevents-bar__event-social-links--share {margin-left: 0; height:125px;}
.c-relatedevents-bar__share-icons::after {
	top: 7px;
	left: 14px;
	width: 24px;
	height: 24px;
}
.c-relatedevents-bar__share-icons {
	background-color: rgba(0, 0, 0, 0);
	color:#fff;
	width: 54px;
	height: 58px;
	padding-top: 32px;
	padding-left: 10px;
}
.c-relatedevents-bar__links-wrapper .c-relatedevents-bar__share-icons--share::after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20.3'%3E%3Cpath d='M.8 10.1C.8 8 2.5 6.3 4.6 6.3S8.4 8 8.4 10.1s-1.7 3.8-3.8 3.8c-2.1 0-3.8-1.7-3.8-3.8zM16 .8c-1.8 0-3.2 1.4-3.2 3.2 0 .3 0 .5.1.8l-.1.1-3.7 2c-.2 0-.2.1-.1.2.2.3.3.6.5.9.1.2.1.2.3.1l3.8-2s.1 0 .1-.1c1.2 1.3 3.2 1.5 4.5.3s1.5-3.2.3-4.5c-.6-.6-1.5-1-2.5-1zm2.4 13.5c-.9-1.1-2.4-1.5-3.7-.8-.3.2-.7.4-.9.6h-.2l-3.8-2c-.1-.1-.2-.1-.2 0-.2.3-.3.6-.5.9-.1.2-.1.2.1.3l3.8 2 .1.1c-.5 1.7.4 3.5 2.1 4 1.7.5 3.5-.4 4-2.1.2-1 0-2.1-.8-3z' fill='%23fff'/%3E%3C/svg%3E");
}

.primary-nav .primary-nav__link.has-subnav::before, .primary-nav__subnav .subnav__link.has-subnav::before {
	background-image: url(../images/double-chevrons-white.png);
}
.m-share__inner p {display:none;}

/* Top sticky nav only sticks at certain screen sizes  */
.c-stickynav--sticky {position: relative;}
@media (min-height: 480px) {
	.c-stickynav--sticky {position: fixed}
}
@media (min-device-width: 576px) and (max-device-width: 1024px) and (orientation: landscape) {
	.c-stickynav--sticky {position: relative;}
}

@media screen and (max-width: 1304px) {
  .header.header--courses {height:auto; min-height:550px; background-position: left top;}
	.header__inner {position: static;}
  .header__text--courses {width: 60%; padding: 0 30px 0 30px; box-sizing: border-box;}
  .header__text--courses h1 {float:none; font-size: 48px; line-height: 1.2;}
  .header__image--courses {position: relative; left:60px; height:350px; width:auto; margin-top:40px}
  .header__keyinfo--courses {width: 40%; max-height: 480px;}
	.accreditation {margin: -46px 0 20px 0;}
	.keyfact {float: none; width: 100%; margin: 0; padding-right:0; border-right: 0;}
}
@media screen and (max-width: 1084px) {
  .header__text--courses {width: 55%; min-height:0;}
  .header__text--courses h1 {font-size: 40px;}
  .header__title span { font-size:19px;}
  .header__keyinfo--courses {width: 45%; padding: 30px 40px;}
  .GeckoChatWidget .ChatButton {bottom: 110px!important;right:10px!important}
}
@media screen and (max-width: 959px) {
  .header.header--courses {padding-top: 120px;}
	.header__text--courses {width: 50%;}
	.header__keyinfo--courses {width: 50%}
	.header--shallow {min-height: 220px; height: auto;}
}
@media screen and (max-width: 846px) {
	.header--search {height: auto;}
	.c-btn.c-search-bar__submit {width: 40%;}
	.c-search-bar__input {width: 60%;}
}
@media screen and (max-width: 840px) {
	.header.header--courses {min-height:0;}
  .header__text--courses  {width: 100%;}
  .header__image--courses {left:50%; transform: translateX(-50%); margin-top:20px}
  .header__keyinfo--courses {width: 100%; position: relative; max-height:none}
	.header__inner {padding-bottom: 60px;}
}
@media screen and (max-width: 768px) {
	.c-btn.c-search-bar__submit {width: 100%;}
	.c-search-bar__input {width: 100%;}
}
@media screen and (max-width: 790px) {
  	.c-cta-bar__btn::after {right: 25px;}
	.c-cta-bar__btn {padding: 20px 35px;}
}
@media screen and (max-width: 749px) {
  	.header.header--courses {padding-top: 100px;}
  	.accreditation {margin: 0 0 20px 0; float:none; width:100%;}
  	.accreditation ul li {display:inline-block;padding:10px;}
}
@media screen and (max-width: 640px) {
	.header__image--courses {height:325px;}
	.GeckoChatWidget .ChatButton { bottom: 70px!important; width: 30px!important; height:30px!important; padding:12px!important; border-radius:30px!important;}
	.GeckoChatWidget .ChatButton svg {width: 30px; height:30px;}
	.c-cta-bar__btn {padding: 20px}
}
@media screen and (max-width: 540px) {
  .header__image--courses {width: 65%; height:auto;}
}


@media print {
  .accreditation {
	float: none;
	width: 100%;
	margin: 30px 0;
  }
  .accreditation h3 {
	text-align: left;
  }
}