.owl-stage { margin: 0 auto; }
p.teamsmall {font-size: 14px!important; margin-top: 5px; font-family: 'Proxima N W01 Reg',sans-serif;}

.btn[class*="--gold"]{background-color:#daa64d;color:#fff}.btn[class*="--gold"]:active,.btn[class*="--gold"]:focus,.btn[class*="--gold"]:hover{background-color:#d09438;border-color:#d09438}.btn[class*="--gold"].btn[class*="--gold"][class*="--bordered"]:active,.btn[class*="--gold"][class*="--bordered"]:focus,.btn[class*="--gold"][class*="--bordered"]:hover{color:#d09438}.btn[class*="--gold"] {}

.btn[class*="--salmon"]{background-color:#e87063;color:#fff}.btn[class*="--salmon"]:active,.btn[class*="--salmon"]:focus,.btn[class*="--salmon"]:hover{background-color:#df5144;border-color:#df5144}.btn[class*="--salmon"].btn[class*="--salmon"][class*="--bordered"]:active,.btn[class*="--salmon"][class*="--bordered"]:focus,.btn[class*="--salmon"][class*="--bordered"]:hover{color:#df5144}.btn[class*="--salmon"] {}

.btn[class*="--unipurple"]{background-color:#825d91;color:#fff}.btn[class*="--unipurple"]:active,.btn[class*="--unipurple"]:focus,.btn[class*="--unipurple"]:hover{background-color:#6c4d78;border-color:#6c4d78}.btn[class*="--unipurple"].btn[class*="--unipurple"][class*="--bordered"]:active,.btn[class*="--unipurple"][class*="--bordered"]:focus,.btn[class*="--unipurple"][class*="--bordered"]:hover{color:#6c4d78}.btn[class*="--unipurple"] {}

.btn[class*="--appgrey"]{background-color:rgb(74, 84, 92);color:#fff}.btn[class*="--appgrey"]:active,.btn[class*="--appgrey"]:focus,.btn[class*="--appgrey"]:hover{background-color:#3f474e;border-color:#3f474e}.btn[class*="--appgrey"].btn[class*="--appgrey"][class*="--bordered"]:active,.btn[class*="--appgrey"][class*="--bordered"]:focus,.btn[class*="--appgrey"][class*="--bordered"]:hover{color:#3f474e}.btn[class*="--appgrey"] {}

.btn[class*="--pink"]{background-color:rgb(245, 3, 89);color:#fff}.btn[class*="--pink"]:active,.btn[class*="--pink"]:focus,.btn[class*="--pink"]:hover{background-color:#dc0350;border-color:#dc0350}.btn[class*="--pink"].btn[class*="--pink"][class*="--bordered"]:active,.btn[class*="--pink"][class*="--bordered"]:focus,.btn[class*="--pink"][class*="--bordered"]:hover{color:#dc0350}.btn[class*="--pink"] {}

.btn[class*="--eventpink"]{background-color:rgb(185, 102, 169);color:#fff}.btn[class*="--eventpink"]:active,.btn[class*="--eventpink"]:focus,.btn[class*="--eventpink"]:hover{background-color:#8B69A9;border-color:#8B69A9}.btn[class*="--eventpink"].btn[class*="--eventpink"][class*="--bordered"]:active,.btn[class*="--eventpink"][class*="--bordered"]:focus,.btn[class*="--eventpink"][class*="--bordered"]:hover{color:#8B69A9}.btn[class*="--eventpink"] {}

.btn[class*="--eventblue"]{background-color:rgb(46, 77, 131);color:#fff}.btn[class*="--eventblue"]:active,.btn[class*="--eventblue"]:focus,.btn[class*="--eventblue"]:hover{background-color:#353C52;border-color:#353C52}.btn[class*="--eventblue"].btn[class*="--eventblue"][class*="--bordered"]:active,.btn[class*="--eventblue"][class*="--bordered"]:focus,.btn[class*="--eventblue"][class*="--bordered"]:hover{color:#353C52}.btn[class*="--eventblue"] {}

.btn[class*="--eventseagreen"]{background-color:rgb(0, 149, 145);color:#fff}.btn[class*="--eventseagreen"]:active,.btn[class*="--eventseagreen"]:focus,.btn[class*="--eventseagreen"]:hover{background-color:#007c78;border-color:#007c78}.btn[class*="--eventseagreen"].btn[class*="--eventseagreen"][class*="--bordered"]:active,.btn[class*="--eventseagreen"][class*="--bordered"]:focus,.btn[class*="--eventseagreen"][class*="--bordered"]:hover{color:#007c78}.btn[class*="--eventseagreen"] {}

.btn[class*="--eventorange"]{background-color:rgb(209, 65, 12);color:#fff}.btn[class*="--eventorange"]:active,.btn[class*="--eventorange"]:focus,.btn[class*="--eventorange"]:hover{background-color:#b91c0b;border-color:#b91c0b}.btn[class*="--eventorange"].btn[class*="--eventorange"][class*="--bordered"]:active,.btn[class*="--eventorange"][class*="--bordered"]:focus,.btn[class*="--eventorange"][class*="--bordered"]:hover{color:#b91c0b}.btn[class*="--eventorange"] {}

.btn[class*="--tlevels"]{background-color:rgb(252, 68, 33);color:#fff}.btn[class*="--tlevels"]:active,.btn[class*="--tlevels"]:focus,.btn[class*="--tlevels"]:hover{background-color:#e72803;border-color:#e72803}.btn[class*="--tlevels"].btn[class*="--tlevels"][class*="--bordered"]:active,.btn[class*="--tlevels"][class*="--bordered"]:focus,.btn[class*="--tlevels"][class*="--bordered"]:hover{color:#e72803}.btn[class*="--tlevels"] {}

.btn[class*="--lightblue"]{background-color:#42abd1;color:#fff}.btn[class*="--lightblue"]:active,.btn[class*="--lightblue"]:focus,.btn[class*="--lightblue"]:hover{background-color:#42abd1;border-color:#42abd1}.btn[class*="--lightblue"].btn[class*="--lightblue"][class*="--bordered"]:active,.btn[class*="--lightblue"][class*="--bordered"]:focus,.btn[class*="--lightblue"][class*="--bordered"]:hover{color:#42abd1}.btn[class*="--lightblue"] {}

.btn[class*="--turq"]{background-color:#48b9b2;color:#fff}.btn[class*="--turq"]:active,.btn[class*="--turq"]:focus,.btn[class*="--turq"]:hover{background-color:#48b9b2;border-color:#48b9b2}.btn[class*="--turq"].btn[class*="--turq"][class*="--bordered"]:active,.btn[class*="--turq"][class*="--bordered"]:focus,.btn[class*="--turq"][class*="--bordered"]:hover{color:#48b9b2}.btn[class*="--turq"] {}

.btn[class*="--black"]{background-color:#000;color:#fff}.btn[class*="--black"]:active,.btn[class*="--black"]:focus,.btn[class*="--black"]:hover{background-color:#000;border-color:#000}.btn[class*="--black"].btn[class*="--black"][class*="--bordered"]:active,.btn[class*="--black"][class*="--bordered"]:focus,.btn[class*="--black"][class*="--bordered"]:hover{color:#000}.btn[class*="--black"] {}

.btn[class*="--outlined"]{background-color:none;color:#4a4f5c; border:1px solid #e1e1e1; text-transform: none; text-align: left; font-weight: 300; width: 100%; margin-bottom:10px;
	-webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left; position: relative;
	}.btn[class*="--outlined"]:active,.btn[class*="--outlined"]:focus,.btn[class*="--outlined"]:hover{background-color:none;border-color:#e1e1e1; color: #825d91; }.btn[class*="--outlined"].btn[class*="--outlined"][class*="--bordered"]:active,.btn[class*="--outlined"][class*="--bordered"]:focus,.btn[class*="--outlined"][class*="--bordered"]:hover{color:#e72803}.btn[class*="--outlined"] {}
.btn[class*="--outlined"]>svg { position: absolute; right:15px;}

[class*=section--cta][class*="--yellow"] {background-color: #FFDC04;}
[class*=section--cta][class*="--blue"] {background-color: #333C58;}
[class*=section--cta][class*="--green"] {background-color: #2d9755;}
[class*=section--cta][class*="--purplessn"] {background-color: #530665;}
[class*=section--cta][class*="--lightblue"] {background-color: #42abd1;}
[class*=section--cta][class*="--white"] {background-color: #fff; }
[class*=section--cta][class*="--white"] p {color: #4a4f5c;}
[class*=section--cta][class*="--smallerfont"] {padding-bottom: 30px;}
[class*=section--cta][class*="--smallerfont"] p {font-size: 24px;}
[class*=section--cta][class*="--aqua"] {background-color: #49c2c2;}
[class*=section--cta][class*="--turq"] {background-color: #48b9b2;}

[class*=modify--break][class*="--salmon"]:after {background-color: #e87063;}
[class*=modify--break][class*="--gold"]:after {background-color: #daa64d;}
[class*=modify--break][class*="--pink"]:after {background-color: #e6187f;}
[class*=modify--break][class*="--tlevel"]:after {background-color: #fc4421;}
[class*=modify--break][class*="--fluroblue"]:after {background-color: #06e8fd;}
[class*=modify--break][class*="--lightpurple"]:after {background-color: #82027e;}
[class*=modify--break][class*="--unipurpledark"]:after {background-color: #694877;}
[class*=modify--break][class*="--black"]:after {background-color: #000;}


.help--03 {display: none;}

figcaption {font-size: 14px; margin-top: 10px; font-style: italic; color:#4a4a4a;}

.pulseg {
transform: scale(1);
animation: pulsegreen 2s infinite;
box-shadow: 0 0 0 0 rgba(54, 183, 103, 1);
background: rgba(54, 183, 103, 1);
}


.buttonspin {
    position: relative;
    
}


.button--loading::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}

.button--loading {}

.button--loading {
    padding: 20px 55px 18px 25px!important;
    }

@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}


@keyframes pulsegreen {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(54, 183, 103, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(54, 183, 103, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(54, 183, 103, 0);
	}
}

.cta-block[class*="--tlevelgreen"] {background-color: #92D3C7;}
.cta-block[class*="--tlevelyellow"] {background-color: #F9E79B;}

.subject {background:#fff;}
.imageadults {min-width: 15px; }
.modify--color-unipurpledark {background-color: #694877; color: #fff;}

.nomargbottom {margin-bottom: 0;}


.panel--social--twitter figure, .panel--social--facebook figure, .panel--social--instagram figure, .panel--social--tiktok figure {margin-bottom: 10px;}


.panel[class*="--social"][class*="--instagram"] h5 {color: #bc2a8d;}
.panel[class*="--social"][class*="--tiktok"] h5 {color: #000;}
.panel[class*="--social"][class*="--tiktok"] svg {fill: #000;}


.bloghppost {margin-bottom: 15px!important;}
  
[class*=section--cta][class*="--darkblue"] { background-color: #333c54;}
	

.btn.small {padding: 12px 20px 10px; }
.btn-list.left {-webkit-box-pack: left; -ms-flex-pack: left; justify-content: left;}

[class*=modify--break][class*="--gold"]:after {
    background-color: #daa64d;
}


a.panel .panel__text {
    padding: 30px 72px 30px 36px;
}

table.unifees { border-collapse: collapse; margin-bottom: 0; }
table.unifees td, table.unifees th {padding: 14px 14px 14px; text-align: left;}
table.unifees tbody tr {border:solid #dedede; border-width: 0px 1px 1px 1px;  }

table.unifees tbody tr:first-child {border: 0px;}
table.unifees tbody tr td {background-color: transparent; line-height: 1.5em; font-size: 0.9em; }
table.unifees tbody tr:nth-child(even) td {background-color: transparent; }




table.unistartdates { border-collapse: collapse; margin-bottom: 0; }
table.unistartdates td, table.unistartdates th {padding: 14px 14px 14px; text-align: left;}
table.unistartdates td, table.unistartdates th {min-width: 10px;}
table.unistartdates tbody tr {border:solid #dedede; border-width: 0px 1px 1px 1px;  }

table.unistartdates tbody tr:first-child {border: 0px;}
table.unistartdates tbody tr td {background-color: transparent; line-height: 1.2em; font-size: 0.8em; }
table.unistartdatess tbody tr:nth-child(even) td {background-color: transparent; }



table.stepup { border-collapse: collapse; margin-bottom: 0; }
table.stepup tbody th {background: #825d91;}
table.stepup tbody th:first-child{border-radius:3px 0 0 0px;}
table.stepup tbody th:last-child{border-radius:0 3px 0px 0;}
table.stepup td, table.stepup th {padding: 14px 14px 14px; text-align: left;}
table.stepup tbody tr {border:solid #dedede; border-width: 0px 1px 1px 1px;}
table.stepup tbody tr:first-child {border: 0px;}
table.stepup tbody tr td {background-color: transparent; line-height: 1.5em; font-size: 0.9em; }
table.stepup tbody tr:nth-child(even) td {background-color: transparent; }

table.covid { border-collapse: collapse; margin-bottom: 0; }
table.covid td {padding: 14px 14px 14px; text-align: left; color: #4a4f5c;}
table.covid th {padding: 14px 14px 14px; text-align: left; color: #fff;}
table.covid tbody tr {border:solid #4a4f5c; border-width: 0px 2px 2px 2px;}
table.covid tbody tr:first-child {border: 0px;}
table.covid tbody tr td {background-color: transparent; line-height: 1.2em; font-size: 0.9em; border-right: 2px solid #4a4f5c; }
table.covid tbody tr:nth-child(even) td {background-color: transparent; }

.table--overflow--shadow {
	margin-bottom: 30px;
	background-image: 
	linear-gradient(to right, white, white),
    linear-gradient(to right, white, white),
	linear-gradient(to right, rgba(0,0,0,.20), rgba(255,255,255,0)),
    linear-gradient(to left, rgba(0,0,0,.20), rgba(255,255,255,0));   
	background-position: left center, right center, left center, right center;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 30px 100%, 30px 100%, 20px 100%, 20px 100%;
	background-attachment: local, local, scroll, scroll;
}

.event__text p {font-size: 16px!important; font-size: 1rem!important; line-height: 20px!important; line-height: 1.25rem!important;}
.date {display: inline-block;
    vertical-align: top; }

.btn[class*="--orange"] {color: #fff;}
.btn[class*="--white-lightblue"] {color: #42abd1;}

.unistats {background: #4EA27D; padding-bottom: 35px; padding-top: 40px;}
.unistats .video_container {margin-bottom: 0;}

.centered {text-align: center;}


.cardblock-bordered .content-block {max-width: 100%!important;}


.coursesheet h3 {font-size: 25px;
    font-size: 1.5625rem;
    line-height: 27px;
    line-height: 1.6875rem;}
    
.coursesheet h4 {    font-size: 20px!important;
    font-size: 1.25rem!important;
    line-height: 22px!important;
    line-height: 1.375rem!important;
    margin-top: 32px!important;
    }

#bookingwidgettitle .section__header {margin-bottom: 0;}
#stakeholderpledge {color: #4a4f5c;}
#thepledge li::marker {display: none; list-style: none;}

#thepledge ul {margin-left: 0;}
#thepledge ul li {list-style: none;}

#thepledge ul.employer li, #thepledge ul.college li {padding: 15px;}

#thepledge ul.employer li:nth-child(even) { background: #ededed; border-radius: 4px; }
#thepledge ul.employer li:nth-child(odd) { background: #f28f22; color: #fff; border-radius: 4px; }


#thepledge ul.college li:nth-child(even) { background: #ededed; border-radius: 4px; }
#thepledge ul.college li:nth-child(odd) { background: #48b9b2; color: #fff;border-radius: 4px; }


#logisitcscourselist .subject__text {padding: 14px!important;}
#logisitcscourselist .subject__text {padding-bottom: 12px!important;}

#logisitcscourselist .subject:hover {border:1px solid #333c54;}

.footer .logo {max-width: 244px!important;}

.video-embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.video-embed-container iframe, .video-embed-container object, .video-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.masonry .play svg {margin-left: 2px;}


.pinpoint-external-jobs-table-widget thead th {background-color: white!important; color:#333c54!important;}
.pinpoint-external-jobs-table-widget--table tr {border-bottom: 1px solid #ccc;}

.all-our-courses h1 {margin-bottom: 0px!important;}
.all-our-courses h4 {margin-top: 0px!important; padding-top: 0px!important;}

.modify--all-our-courses-bottom {padding-bottom: 40px!important;}

	
.frm-contact [class*=form__control] {background-color: rgba(255,255,255,.8)!important;color: #333c54!important;}
.frm-contact select, .frm-contact select.unselected {color: #333c54!important;}
.frm-contact label {font-size: 16px; font-size: 1em; line-height: 1.4375rem; font-family: 'Proxima N W01 Smbd',sans-serif;}
.frm-contact .form__select-icon {background-color: rgba(255,255,255,.9);}
.frm-contact .btn {padding: 20px 25px 18px; font-size: 16px; font-size: 1rem; line-height: 18px; line-height: 1.125rem; font-family: 'Proxima N W01 Smbd',sans-serif;}

.frm-contact ::-webkit-input-placeholder {color: #333c54!important;}
.frm-contact ::-moz-placeholder {color: #333c54!important;}
.frm-contact :-ms-input-placeholder {color: #333c54!important;}
.frm-contact :-moz-placeholder {color: #333c54!important;}

.notices.green {border-left: 0px solid #5cb85c!important; background: #36b767!important; color: #fff!important;}
.notices {padding: 30px 30px 10px 30px!important; border-radius: 3px!important; margin-bottom: 30px;}
.notices.grey {border-left: 0px solid #5cb85c!important; background: #ebebeb!important; }

sup {vertical-align: text-top; font-size: 70%;}
.imageright {float: right; width: 40%; margin-left: 20px; margin-bottom: 30px;}

[class*=section--cta][class*="--lightgrey"] {background-color: #ebebeb;}
[class*=section--cta][class*="--purple"] {background-color: #825d91;}
[class*=section--cta][class*="--lightblue"] {background-color: #42abd1;}
[class*=section--cta][class*="--green"] {background-color: #36b767;}
[class*=section--cta]#alert {padding-top: 17px; padding-bottom: 17px;}

[class*=section--cta]#alert .btn {padding: 10px 13px 10px 13px;}

[class*=section--cta]#alert .cta p {
    color: #fff;
    font-size: 25px;
    line-height: 32px;
    line-height: 2rem;
    font-family: 'Proxima N W01 Bold',sans-serif;
    margin-bottom: 0px;
}


.casestudyhome .snippet--h {border-top: 0px; margin-bottom: 0px;}
.casestudyhome .section__header {margin-bottom: 21px;}

.noborder {border-top: 0!important;}

.logofloatright {float:right; margin-bottom:30px; margin-left:30px;}

.event__text p {font-family: 'Proxima N W01 Reg',sans-serif;}

#virtualopenweek-apply .btn {padding: 22px 25px 20px; font-size: 18px; color: #2d9755;}
#virtualopenweek-apply.modify--padbottom-compact {padding-bottom: 20px; padding-top: 20px;}
#virtualopenweek-header {padding-top: 50px; }
#virtualopenweek-header h1 {margin-bottom: 15px;}
#virtualopenweek-header[class*=section--heading] [class*=grid] { min-height: 300px;}
.sector-04 #virtualopenevening-about.modify--bgblocks:before {background-color: #fff!important;}


#stepup-header {padding-top: 50px; }
#stepup-header h1 {display: none;}
#stepup-header[class*=section--heading] [class*=grid] { min-height: 300px;}

p.subtext {font-size: 14px; line-height: 20px; margin-top: 10px;}
a.quick-link-offline--yesoffline.quick-link[class*="--blue"]:before {
    background-color: #ccc;
}

[data-id~=".virtual-livequestion"].btn {position: relative; padding-right: 50px; margin-top: 20px;}
[data-id~=".virtual-livequestion"].btn>svg {right:14px; bottom:14px; position: absolute;}
.virtual-livequestion .notices {margin-bottom: 0px;}
.virtual-livequestion .notices p {margin-bottom: 20px;}
.virtual-livequestion .section__header {margin-bottom: 20px;}

.virtual-meettutor.btn {position: relative; padding-right: 50px; margin-top: 0px;}
.virtual-meettutor.btn>svg {right:14px; bottom:14px; position: absolute;}

.addtocalendar.btn {position: relative; padding-right: 50px; margin-top: 6px;}
.addtocalendar.btn>svg {right:14px; bottom:12px; position: absolute;}

.virtual-stepup.btn {position: relative; padding: 12px 50px 12px 15px; margin-top: 0px;}
.virtual-stepup.btn>svg {right:12px; bottom:10px; position: absolute;}
  
.covidtesting.btn {position: relative; padding: 12px 50px 12px 15px; margin-top: 0px; margin-bottom: 20px;}
.covidtesting.btn>svg {right:12px; bottom:10px; position: absolute;}  




#visionmissionheader .section__header {margin-bottom: 20px;}
#visionmissionheader {text-align: center;}

#visionmissionlists .col {align-items: center; margin: 0 auto;}

#visionmissionlists .ol-feature__item:before {margin-top: -10px;}

.background__dark p {color: #e1e1e1;}
.cta-block[class*="--instagram"] p {color: #4a4f5c;}
.cta-block[class*="--twitter"] p {color: #fff;}

.centered {text-align: center;}

.poppanel {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 34px;
    margin-top: 34px;
    background-color: #825d91;
    color: #fff;
    position: relative;
    text-align: left;
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 21px 4px rgba(0,0,0,.06);
    box-shadow: 0 2px 21px 4px rgba(0,0,0,.06);
    padding: 26px 26px 26px 100px;}
.poppanel a {color: #97e9ff;}       
.poppanel p:last-child {margin-bottom: 0;}

.poppanel svg {
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-50%) translateY(5px);
    transform: translateY(-50%) translateY(5px);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
    left: 26px;
    fill: #fff;
}

.noline .ol-feature__item {border: 0px; padding-top: 0px;}
.blog hr.slab {
    width: 55px;
    height: 5px;
    margin-top: 27px;
    margin-bottom: 24px;
    margin-left: 0;
}

.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: 0.7;
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #333;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}


.entryreqs {
	border: 1px solid #d7d7d7;
	margin-bottom: 24px;
    background-color: rgba(255,255,255,.95);
    border-radius: 3px;
    color: #4a4f5c;
    position: relative;
    display: block;
    width: 100%;
    padding: 30px 72px 30px 36px;
    padding-left: 20px;
    padding-right: 24px;
}
.entryreqs a {margin-top: 20px; margin-bottom: 0; border: 0px!important; color: #825d91; text-decoration: underline;}


#joinnewsletter {margin-bottom: 30px;}
#joinnewsletter input {background: #efefef; }

#life-qanda-form.form [class*=form__group] {margin-bottom: 20px;}

#tlevelsheader h1, #tlevelsheader p.lead {color: #fff;}

.panel[class*="--bordertop-tlevel"] {border-top: 15px solid #fc4421;}
.panel[class*="--bordertop-black"] {border-top: 15px solid #000000;}

/* Tag cloud */
#coursestagcloud .filter {border-bottom: 0!important;}
#coursestagcloud .filter a svg {opacity: 1;}
#coursestagcloud .filter .btn>i {margin-top: -3px;}

#createyourstoryheader .section__header {margin-bottom: 32px!important;}

#behughbairdheader {padding-top: 35px; padding-bottom: 45px!important;}
#behughbairdheader .section__header {margin-bottom: 0px!important;}
#behughbairdheader h1 {font-size: 32px!important; line-height: 36px!important; margin-bottom: 24px!important;}

.beyouherosearch {background: rgb(249,228,95);
background: linear-gradient(180deg, rgba(249,228,95,1) 0%, rgba(235,235,235,1) 100%);}




.readmore {
  position: relative;
  max-height: 180px;
  overflow: hidden;
  transition:max-height 0.15s ease-out;
  padding-bottom: 0px;
  margin-bottom: 0px;

}

.readmore.expand{
  max-height: 5000px !important;
  transition:max-height 0.35s ease-in-out;
  padding-bottom: 30px;
}

.readmore-link{
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width:100%;
  height: 60px;
  text-align: left;
  padding-top:43px;
background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 43%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 43%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 43%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  cursor: pointer;
  color: #825d91;
  text-decoration: underline;

}

.readmore-link.expand {
  position: relative;
  background-image: none;
  padding-top:10px;
  height:20px;
}

.readmore-link:after {
  content:"Read more...";
}
.readmore-link.expand:after{
  content:"Read less";
}








.ol-feature[class*="--seagreen"] .ol-feature__item:before {
    background-color: #01aeaa;
}

.modify--color-darkblue {background-color: #0d3044;}
.modify--color-bdcpurple {background-color: #8e356e; color: #fff;}

.modify--color-black {background-color: #1d1d1b;}
.modify--color-black [class^=col]>:not(a):not(.panel){color: #fff;}
.modify--color-black .frm-contact .btn {background-color: #f4e72f; color: #000;}
.modify--color-black .frm-contact .btn:hover {background-color: #f4e65d; border:1px solid #f4e65d;}

.modify--color-sspurple {background-color: #331d49; color: #fff;}



#checks .st0{fill:#36B767;}
#xs .st0{fill:#F2404D;}

a.hrefwhite {color:#fff; }

#getcreativeheader h1 {margin-left:-10000px;}

#getcreativeheader.section {
    padding-top: 230px;
    padding-bottom: 230px;
    background-color: #191b4a;
}

#getcreative-about .section__header {margin-bottom: 22px;}
#getcreative-about {background-color: #ebebeb; }
#getcreativecasestudies blockquote p {border-left: 5px solid #2BBCC7;}
#getcreativewhy .ol-feature__item:before {background-color: #2BBCC7; color: #fff;}
#getcreativewhy .ol-feature__item {margin-bottom: 10px; padding-top: 30px; border-top: 0px solid #4a4f5c;}

#creativemasterclassesheader.section {
    padding-top: 230px;
    padding-bottom: 230px;
    background-color: #fff;
}
#creativemasterclassesheader-about .section__header {margin-bottom: 22px;}
#creativemasterclassesheader-about {background-color: #efefef; }

#alertheader { display: block; position: relative; width:100%; padding-top: 9px; padding-bottom: 5px; background-color:#e87063; color: #fff; z-index: 1000; text-align: center; }
#alertheader p {color: #fff; margin-bottom: 10px;}
#alertheader a {color: #fff; cursor: pointer;}
#alertheader a:hover {color: rgba(255,255,255,0.7); text-decoration: underline; cursor: pointer;}

#alertheader h5 {margin-bottom: 4px; font-size: 17px;}
#alertheader h5 span {font-family: 'Proxima N W01 Reg',sans-serif; font-weight: 400; font-size: 16px;}

#newstudentsportal .btn {margin-bottom: 25px; width: 100%; color: #fff;}


#removelastparabottommarg .section__header {margin-bottom: 0;}
#removetoppadheader .owl-carousel[class*="--fullsection"] .section__content {padding-top: 40px;}


.cardblock-bordered figure.rounded {margin-bottom: 0;}
.cardblock-bordered figure.rounded img {border-radius: 4px 4px 0px 0px;}
.cardblock-bordered .panel {border-radius: 4px; margin-bottom: 40px;}

.cardblock-bordered h3.eventtitle {text-transform: uppercase; letter-spacing: 3px; font-size: 20px; line-height: 28px; font-style: italic;}

/*
.cardblock-bordered h4.eventdate::after {
    content: ""; 
    display: inline-block; 
    width: 80%; 
    border-bottom: 1px solid #ccc; 
    text-align: center;
   padding-top: 30px;
}
*/


.cardblock-bordered h4.eventdate {font-size: 16px; line-height: 22px;}
.cardblock-bordered .btn-list .btn {margin-bottom: 0px;}

#cys {padding-top: 80px;}

#behughbaird {padding-top: 60px; padding-bottom: 60px;}
#behughbaird [class*=section--heading] {min-height: 150px;}

#timefor {padding-top: 60px; padding-bottom: 60px;}
#timefor [class*=section--heading] {min-height: 150px;}

.careershealth#cys {padding-top: 60px;}

#registerform h3 {text-align: center; margin-top: 0; padding-top: 0;}

ul.rssjobs {margin-left: 0;}
ul.rssjobs li {list-style: none; border-bottom: 1px solid #ebebeb; margin-top: 0;  }
ul.rssjobs li:last-child {border-bottom: 0;}
ul.rssjobs li:hover {border-bottom: 1px solid #d2d2d2; }
ul.rssjobs li:last-child:hover {border-bottom: 0px solid #d2d2d2; }

ul.rssjobs li a {text-decoration: none; display: block; padding-bottom: 15px; padding-top: 15px;}
ul.rssjobs li a:hover {text-decoration: underline;}




    
@media only screen and (max-width: 1700px) {
#getcreativeheader.section
    padding-top: 190px;
    padding-bottom: 190px;
}
#creativemasterclassesheader.section {
    padding-top: 190px;
    padding-bottom: 190px;
}

}
@media only screen and (max-width: 1380px) {
#getcreativeheader.section {
    padding-top: 140px;
    padding-bottom: 140px;
}
#creativemasterclassesheader.section {
    padding-top: 140px;
    padding-bottom: 140px;
}
#tastersessionsheader.section {
    padding-top: 140px;
    padding-bottom: 140px;
}
}

@media only screen and (max-width: 1100px) {
#getcreativeheader.section {
    padding-top: 100px;
    padding-bottom: 100px;
    
}
#creativemasterclassesheader.section {
    padding-top: 100px;
    padding-bottom: 100px;
    
}
#tastersessionsheader.section {
    padding-top: 100px;
    padding-bottom: 100px;
    
}
}

@media only screen and (max-width: 800px) {
  #getcreativeheader.section {
    padding-top: 150px;
    padding-bottom: 150px;
    background-image:url(https://www.hughbaird.ac.uk/user/pages/76.creative-degrees/01._header/getcreative-header-mobile.jpg)!important; background-size: cover!important;
}

  #creativemasterclassesheader.section {
    padding-top: 150px;
    padding-bottom: 150px;
    background-image:url(https://www.hughbaird.ac.uk/user/pages/100.creative-masterclasses/01._header/creativemasterclasses-header-mobile.jpg)!important; 
}
  #tastersessionsheader.section {
    padding-top: 150px;
    padding-bottom: 150px;
    background-image:url(https://www.hughbaird.ac.uk/user/pages/107.taster-sessions/01._header/HE2mob.jpg)!important; 
}

[class*=section--cta]#alert .cta p {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    line-height: 1rem;
    font-family: 'Proxima N W01 Bold',sans-serif;
        margin-bottom: 10px;
}

}

@media only screen and (max-width: 700px) {
  .imageright {float: right; width: 50%; margin-left: 20px; margin-bottom: 30px;}
  #getcreativeheader.section {
    padding-top: 130px;
    padding-bottom: 130px;
    background-size: 450px 244px;
}
#creativemasterclassesheader.section {
    padding-top: 130px;
    padding-bottom: 130px;
    background-size: cover;
}
#tastersessionsheader.section {
    padding-top: 130px;
    padding-bottom: 130px;
    background-size: cover;
}
}
/**/
.btn[class*="--orange"] {color: #fff;}
.btn--fw {width: 100%; justify-content: left;}
.btn--sb {display: flex; justify-content: space-between;}
.radio--wrap .form__field--radio {flex-wrap: wrap;}
.radio--single .form__field--radio {display: block;}
.frm-enrol .form__field--radio {height: auto; }
.frm-enrol small {color: #9f5144;}
.frm-enrol [class*=form__control]:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #eea inset !important;}
.frm-enrol ::-webkit-input-placeholder {color: #4a4f5c!important;}
.frm-enrol ::-moz-placeholder {color: #4a4f5c!important;}
.frm-enrol :-ms-input-placeholder {color: #4a4f5c!important;}
.frm-enrol :-moz-placeholder {color: #4a4f5c!important;}
.frm-enrol ::placeholder {color: #4a4f5c!important;}
.frm-enrol .field--background {
  background-color: #fff;
  padding: 16px 20px 0 20px;
  border-radius: 8px;
}
.frm-enrol .form__radio {background-color: #eee;}
.frm-enrol .form__checkbox {background-color: #eee;}
.frm-enrol .form__checkbox--switch {background-color: #ebebeb;}
.form label {margin-bottom: 10px!important;}
.form .compress { margin-bottom: 10px!important; }
.form-spacer p { margin-bottom: 2px;}
#side-progress {
  width: 100%;
  background-color: #fff;
  border-radius: 25px;
  margin-bottom: 20px;
}
#side-bar {
  width: 0%;
  height: 15px;
  border-radius: 25px;
  background-color: #36b767;
}
.modify--color-lightgray { background-color: #ebebeb;}
.mt-0 { margin-top: 0!important;}
.mb-0 { margin-bottom: 0!important;}
.mb-16 { margin-bottom: 16px!important;}
.pd-0 { padding: 0!important;}
#form-modal{display:none;}
#form-lightbox{ width: 560px; }
@media only screen and (max-width: 375px) {
  #form-lightbox{ width: 290px; }
}
.featherlight-content{border-radius: 8px;}
.form-error{color: red;}
span.tooltip.tooltipstered {
    border: 2px solid #555;
    border-radius: 100%;
    background: #555;
    color: #fff;
    font-weight: 700;
    font-size: 0.7em;
    line-height: 0;
    padding: 1px 5px;
    text-align: center;
    margin-left: 6px;
    text-transform: uppercase;
  };

/** Fuzzy Search */
  .typeahead,
  .tt-query,
  .tt-hint {
  }
  
  .typeahead {
    background-color: #fff;
  }
  
  .typeahead:focus {
    border: 2px solid #0097cf;
  }
  
  .tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  
  .tt-menu {
    margin: 12px 0;
    padding: 8px 0;
    max-height: 120px;
    max-width: 800px;
    overflow-y: auto;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
            box-shadow: 0 5px 10px rgba(0,0,0,.2);
  }
  
  .tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
    color: #4a4f5c;
  }
  
  .tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #00578f;
  }
  
  .tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #00578f;
  
  }
  .tt-suggestion p {
    margin: 0;
  }
  
  .twitter-typeahead, .tt-menu { width:100%; }
  .tt-hint, .tt-input { width:calc(100% - 97px); }
  .twitter-typeahead {display: contents!important}

  .fix--search {
    border-radius: 60px!important;
    margin-left: -195px;
    margin-top: 28px;
    max-height: 60px;
    width: 160px;
    font-size: 20px!important;
  }

  @media only screen and (max-width: 420px) {
    .fix--search {
      margin-left: -95px;
      margin-top: 12px;
      max-height: 38px;
      width: 80px;
      font-size: 14px!important;
    }
    
  }

.form .form__icon {
  z-index: 4;
}