/*
Theme Name: Colchester Institute 2018 Theme
Theme URI: https://www.colchester.ac.uk/theme/
Author: Christopher Boland - SeasonsBounty
Author URI: https://www.seasonsbounty.com/
Description: Colchester Institute Wordpress Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Colchester-Institute-2018-Theme
Tags: one-column, accessibility-ready, custom-colors, custom-menu, featured-images, footer-widgets
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =WordPress Core
-------------------------------------------------------------- */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%;
	/* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* Text meant only for screen readers. */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

.clear {
	clear: both;
}

.gallery-caption {}

.bypostauthor {}

/* 

==================================================================
ui-helper-hidden
==================================================================

*/

.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0);
	/* support: IE8 */
}

.ui-front {
	z-index: 100;
}

/* 

==================================================================

Use this for stuff above the fold only.
Use the other style sheets in /styles/ For the rest of the site.

==================================================================

*/

html {
	overflow-x: hidden;
	overflow-y: scroll;
	min-width: 320px;
	scroll-behavior: smooth;
}

html,
body {
	margin: 0;
	padding: 0;
}

* {
	box-sizing: border-box;
}

body {
	min-width: 320px;
}

img {
	max-width: 100%;
	height: auto;
}

header,
footer,
aside,
article,
section,
nav,
svg {
	display: block;
}

div#all {
	position: relative;
	padding-top: 50px;
	/* To Allow Top Bar To Show On Page */
}

ul {
	list-style-type: square;
}

ol {
	list-style-type: decimal;
}

a {
	color: #525DA1;
	text-decoration: none;
}

a:hover,
a:active {
	color: #457C93;
	text-decoration: underline;
}

a:visited {
	color: #6C4FA0;
	text-decoration: none;
}

/* = Site Columns For Layout */

.site-column-container {}

.site-column-inside {
	margin-left: auto;
	margin-right: auto;
	width: 1080px;
	max-width: 90%;
}

.main-header .site-column-inside {
	width: 100%;
}

.site-column-inside-max,
.site-column-inside.site-column-inside-max {
	width: 100%;
	max-width: 100%;
}

.site-column {
	display: inline-block;
}

.site-column-al {
	text-align: left;
}

.site-column-ar {
	text-align: right;
}

.site-column-ac {
	text-align: center;
}

.site-column-fl {
	float: left;
}

.site-column-fr {
	float: right;
}

.site-column-header-logo {
	/* width: 25%; */
	width: 24%;
}

@media only screen and (max-width: 1080px) {
	.site-column-header-logo img {
		max-width: none !important;
		width: auto !important;
		height: 64px !important;
	}
}

@media only screen and (max-width: 600px) {
	.site-column-header-logo img {
		max-width: none !important;
		width: auto !important;
		height: 35px !important;
	}
}

.site-column-header-mid {
	width: 5%;
	margin-left: 4%;
}

.esfheaderlogo {
	padding: 10px 0;
}

@media only screen and (min-width: 1081px) {
	.esfheaderlogo img {
		max-width: none !important;
		width: auto !important;
		height: 64px !important;
	}
}

@media only screen and (max-width: 1080px) {
	.esfheaderlogo img {
		max-width: none !important;
		width: auto !important;
		height: 64px !important;
	}
}

@media only screen and (max-width: 600px) {
	.esfheaderlogo img {
		max-width: none !important;
		width: auto !important;
		height: 35px !important;
	}
}

.site-column-header-contact {
	/* width: 75%; */
	width: 65%;
}

.site-column-1-1,
.site-column-1-2,
.site-column-2-2,
.site-column-1-3,
.site-column-2-3,
.site-column-3-3,
.site-column-1-4,
.site-column-2-4,
.site-column-3-4,
.site-column-4-4,
.site-column-1-5,
.site-column-2-5,
.site-column-3-5,
.site-column-4-5,
.site-column-5-5,
.site-column-1-6,
.site-column-2-6,
.site-column-3-6,
.site-column-4-6,
.site-column-5-6,
.site-column-6-6 {
	vertical-align: top;
	float: left;
}

.site-column-1-5 {
	width: 20%;
}

.site-column-2-5 {
	width: 40%;
}

.site-column-3-5 {
	width: 60%;
}

.site-column-4-5 {
	width: 80%;
}

.site-column-1-4 {
	width: 25%;
}

.site-column-1-2,
.site-column-2-4,
.site-column-3-6 {
	width: 50%;
}

.site-column-3-4 {
	width: 75%;
}

.site-column-1-6 {
	width: 16%;
}

.site,
column-2-6,
.site-column-1-3 {
	width: 33%;
}

.site,
column-4-6,
.site-column-2-3 {
	width: 66%;
}

.site-column-5-6 {
	width: 83%;
}

.site-column-1-1,
.site-column-2-2,
.site-column-3-3,
.site-column-4-4,
.site-column-5-5,
.site-column-6-6 {
	width: 100%;
}

.site-column-pad {
	padding: 3% 0 3% 0;
}

/* -- Top Bar -- */

section#topbar {
	height: 50px;
	max-height: 50px;
	position: absolute;
	width: 100%;
	top: 0px;
	padding: 5px 0 0 5px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	overflow-y: hidden;
}

section#topbar .site-column-inside {
	padding-top: 5px;
}

section#topbar .site-column-inside a {
	font-weight: normal;
}

@media only screen and (max-width: 1080px) {
	section#topbar a.home-link {
		display: none;
	}
	
	/*
	.ciTemplate-UCC section#topbar a.home-link {
		display: inline-block;
	}
	*/

	section#topbar a.home-link span.hidemobiletext {
		display: none;
	}
		
	section#topbar a.login-link span.hidemobiletext {
		
	}
	
	section#topbar a.home-link {
		margin-right: 20px;
	}
}



/* HEADER */

header .sitelogo {
	padding: 10px 0 10px 0;
}

header.header-ci .sitelogo {
	padding: 10px 0 10px 0;
}

div.ciTemplate-UCC header .sitelogo {
	padding: 30px 0 10px 0;
}

header .sitelogo h1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

header .sitelogo h1 a.logoleft,
header .sitelogo h1 a.logoright,
header .sitelogo a.logoleft,
header .sitelogo a.logoright {
	display: inline-block;
}

header .sitelogo h1 a.logoleft,
header .sitelogo a.logoleft {
	width: 47%;
}

header .sitelogo h1 a.logoright,
header .sitelogo a.logoright {
	width: 47%;
	margin-left: 1%;
}

div.header-contact {
	display: inline-block;
}

div.header-icons {
	display: inline-block;
}

div.header-icons a.icon {
	padding: 5px 5px 5px 5px;
	margin-left: 5px;
	display: inline-block;
	width: 30px;
	max-width: 30px;
	max-height: 30px;
	text-align: center;
}

div.ciTemplate-UCCTEST header.siteheader,
div.ciTemplate-UCC header.siteheader {
	color: #FFFFFF;
	background-color: #333333;
}

header.ci-header-dark {
	color: #FFFFFF;
	background-color: #333333;
}

div.site-primary-menu-ucc {
	color: #FFFFFF;
	background-color: #333333;
}

header.siteheader .site-column-contactbar,
.site-column-contactbar {}

header.siteheader .site-column-contactbar .site-column-contactbar-left,
.site-column-contactbar .site-column-contactbar-left {
	padding: 5px 0 5px 0;
}

header.siteheader .site-column-contactbar .site-column-contactbar-right,
.site-column-contactbar .site-column-contactbar-right {
	padding: 5px 0 5px 0;
}

/* @media only screen and (min-width: 981px) */

@media only screen and (min-width: 1081px) {
	.show-computer {
		visibility: visible !important;
	}
	.hide-computer {
		visibility: hidden !important;
		display: none !important;
	}
}

/* @media only screen and (max-width: 980px) */

@media only screen and (max-width: 1080px) {
	.show-mobile {
		visibility: visible !important;
	}
	.hide-mobile {
		visibility: hidden !important;
		display: none !important;
	}
	.site-column-1-1,
	.site-column-1-2,
	.site-column-2-2,
	.site-column-1-3,
	.site-column-2-3,
	.site-column-3-3,
	.site-column-1-4,
	.site-column-2-4,
	.site-column-3-4,
	.site-column-4-4,
	.site-column-1-5,
	.site-column-2-5,
	.site-column-3-5,
	.site-column-4-5,
	.site-column-5-5,
	.site-column-1-6,
	.site-column-2-6,
	.site-column-3-6,
	.site-column-4-6,
	.site-column-5-6,
	.site-column-6-6 {
		width: 100%;
	}
	.site-column-header-logo {
		/* width: 50%; */
		width: 50%;
	}
	.site-column-header-mid {
		/* margin-left: 10%; width: 20%; */
		width: 25%;
		margin-left: 5%;
	}
	.site-column-header-contact {
		/* width: 20%; */
		width: 10%;
	}
	section#topbar .site-column-1-3,
	.site-logo-head .site-column-1-3,
	.main-header .site-column-1-3 {
		width: 33%;
	}
	section#topbar .site-column-2-3,
	.site-logo-head .site-column-2-3,
	.main-header .site-column-2-3 {
		width: 66%;
	}
	section#topbar .site-column-1-2,
	.site-logo .site-column-1-2,
	.site-contactbar .site-column-1-2 {
		width: 50%;
	}
	section#topbar {}
	/* HEADER */
	header .sitelogo {
		padding: 10px 0 10px 0;
	}
	.site-column-inside-max-mobile,
	.site-column-inside.site-column-inside-max-mobile {
		max-width: 100%;
	}
}

.old-ci-menu,
header.oldmainheader {
	border-bottom: 1px #333333 solid;
}

/* Footer Widgets */

section#alert-widgets {
	vertical-align: top;
	-webkit-box-shadow: inset 0px 0px 3px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 0px 3px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 0px 3px 3px rgba(0, 0, 0, 0.5);
	text-align: center;
	background-color: #FFFFFF;
}

section#alert-widgets div.widget-box {
	display: inline-block;
	vertical-align: top;
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	color: #000000;
	border-radius: 10px 10px 10px 10px;
	width: 100%;
}

section#alert-widgets div.widget-box div.pad {
	padding: 10px 10px 10px 10px;
}

section#alert-widgets div.widget-box h2.widgettitle {
	color: #FFFFFF;
	margin: 0 0 10px 0;
	text-transform: capitalize;
}

section#alert-widgets div.widget-box h2.widgettitle:empty {
	display: none;
	min-height: 0;
	margin: 0 0 0 0;
}

section#alert-widgets div.widget-box ul {
	list-style-position: inside;
	padding: 0 0 0 0;
	padding: 0 0 2px 2px;
}

section#alert-widgets div.widget-box ul>li>ul {
	padding-left: 25px;
}

section#alert-widgets div.widget-box a {
	color: #D9E6FA;
}

section#alert-widgets div.widget-box a:hover,
section#alert-widgets div.widget-box a:active {
	color: #D9E6FA;
}

section#footer-server {
	text-align: center;
	font-size: 10px;
	color: #999999;
}

section#footer-alert-widgets {
	vertical-align: top;
	background-color: #FFFFFF;
}

section#footer-alert-widgets div.widget-box {
	display: inline-block;
	vertical-align: top;
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
	color: #000000;
	border-radius: 10px 10px 10px 10px;
	width: 100%;
}

section#footer-alert-widgets div.widget-box div.pad {
	padding: 10px 10px 10px 10px;
}

section#footer-alert-widgets div.widget-box h2.widgettitle {
	color: #000000;
	margin: 0 0 10px 0;
	text-transform: capitalize;
}

section#footer-alert-widgets div.widget-box h2.widgettitle:empty {
	display: none;
	min-height: 0;
	margin: 0 0 0 0;
}

section#footer-alert-widgets div.widget-box ul {
	list-style-position: inside;
	padding: 0 0 0 0;
	padding: 0 0 2px 2px;
}

section#footer-alert-widgets div.widget-box ul>li>ul {
	padding-left: 25px;
}

.site-ci-homepage-videos,
.site-apprenticeships-employers-video-content {
	background-color: #9DA3BE;
}

.site-ci-homepage-how-to-find-us {
	background-color: #E6E6E6;
}

@media (min-width:600px) {
	.ci-home-h2fu-address {
		min-height: 160px;
	}
}

.content-search-bar-2021 {
	background-color: #333333;
}

.main-search-form-2021 input.search-bar-input {
	font-size: 20px;
	line-height: 35px;
	border: 1px solid #066;
	margin-bottom: 12px;
	width: 100%;
	padding: 5px 2% 5px 2%;
	margin: 0 auto 0 auto;
	background-color: #dafbfb;
}

.main-search-form-2021 input.search-submit {
	width: 100%;
	line-height: 1.5em;
	font-size: 20px;
	background-color: #222222;
	color: #FFFFFF;
	border: 1px #222222 solid;
	margin-top: 5px;
}

.main-search-form-2021 input.search-submit:hover,
.main-search-form-2021 input.search-submit:active {
	cursor: pointer;
	background-color: #111111;
	color: #FFFFFF;
	border-color: #111111;
}

.content-search-bar-2021-v2 {
	background-color: #9DA3BE;
}


/* */

.content-search-bar-2023-v1 {
	background-color: #9DA3BE;
	transition: all 0.5s ease-in-out;
}

.content-search-bar-2023-v1:hover {
	/* background-color: #727BA1; */
	/* background-color: #333333; */
	/* background-color: #4C5685; */
	background-color: #000000;
}

.content-search-bar-2023-v1 input.quicksearchbox2022 {
	transition: all 0.5s ease-in-out;
}

.content-search-bar-2023-v1:hover input.quicksearchbox2022 {
	box-shadow: 0px 0px 10px 1px rgba(255,255,255,1);
	border-color: #333333;
}


/* */

.searchbar-container-2022 {
	background-color: #9DA3BE;
}

input.main-search-bar-input {
	font-size: 20px;
	line-height: 35px;
	border: 1px solid #066;
	margin-bottom: 12px;
	width: 100%;
	padding: 5px 2% 5px 2%;
	margin: 0 auto 0 auto;
	background-color: #dafbfb;
	transition: all 0.5s ease-in-out;
}

input.main-search-submit {
	width: 100%;
	line-height: 1.5em;
	font-size: 20px;
	background-color: #222222;
	color: #FFFFFF;
	border: 1px #222222 solid;
	margin-top: 5px;
}

input.main-search-submit:hover,
input.main-search-submit:active {
	cursor: pointer;
	background-color: #111111;
	color: #FFFFFF;
	border-color: #111111;
}

/* main search results 2022 */

ul.main-search-results-2022 {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

ul.main-search-results-2022 li {
	margin: 10px 0;
	padding: 0;
}

ul.main-search-results-2022 li div.result {
	border: 1px #333333 solid;
}

ul.main-search-results-2022 li div.result .title {
	display: block;
	background-color: #333333;
	color: #ffffff;
	padding: 10px;
	font-weight: bold;
}

ul.main-search-results-2022 li div.result .excerpt {
	display: block;
	padding: 10px;
}

ul.main-search-results-2022 li div.result .findoutmore {
	display: block;
	padding: 10px;
	text-align: right;
	background-color: #333333;
	color: #ffffff;
	font-weight: bold;
}

/* Style-Main */

body {
	font-family: 'Lato', sans-serif;
	color: #222;
	font-size: 18px;
	line-height: 24px;
}

/* -- Top Bar -- */

section#topbar {
	color: #000000;
	border-color: #212C75;
	background-color: #FFFFFF;
	font-size: 20px;
	line-height: 24px;
}

section#topbar a {
	color: #000000;
	text-decoration: none;
}

section#topbar a.tagline {}

section#topbar a:hover {
	color: #000000;
	text-decoration: none;
}

@media only screen and (max-width: 420px) {
	section#topbar a.email-login {
		padding-left: 0;
		background-image: none;
	}
}

/* Header */

div.header-icons a.icon {
	background-color: #212C75;
	color: #FFFFFF;
	text-decoration: none;
}

div.header-icons a.icon:hover,
div.header-icons a.icon:active {}

header.siteheader {}

header#ci-header {
	
}

header.siteheader .header-contact {}

header.siteheader .header-contact a {
	color: #212C75;
	font-size: 15px;
	text-decoration: none;
	margin: 0 5px 0 5px;
	font-weight: bold;
}

header.siteheader .header-contact a:hover {
	color: #212C75;
	text-decoration: underline;
}

header.siteheader .header-contact a.facebook,
header.siteheader .header-contact a.twitter,
header.siteheader .header-contact a.youtube,
header.siteheader .header-contact a.instagram,
header.siteheader .header-contact a.jobs,
header.siteheader .header-contact a.contactus,
header.siteheader .header-contact a.phonenum {
	padding-left: 26px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}

header.siteheader .header-contact a.contactus {
	background-image: url('../images/other/icons/email/email-2.svg');
}

header.siteheader .header-contact a.phonenum {
	background-image: url('../images/other/icons/phone/phone-5.svg');
}

header.siteheader .header-contact a.facebook {
	background-image: url('../images/other/icons/logos/logo-facebook.svg');
}

header.siteheader .header-contact a.twitter {
	background-image: url('../images/other/icons/logos/logo-twitter-bird.svg');
}

header.siteheader .header-contact a.youtube {
	background-image: url('../images/other/icons/logos/logo-youtube-clip.svg');
}

header.siteheader .header-contact a.instagram {
	background-image: url('../images/other/icons/logos/logo-instagram.svg');
}

header.siteheader .header-contact a.jobs {
	background-image: url('../images/other/icons/business/find-job.svg');
}

header.siteheader a.head-link {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

header.siteheader a.head-link:hover,
header.siteheader a.head-link:active {
	color: #000000;
	text-decoration: none;
}

header.siteheader .site-column-contactbar,
.site-column-contactbar {}

header.siteheader .site-column-contactbar a,
.site-column-contactbar a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

header.siteheader .site-column-contactbar a:hover,
.site-column-contactbar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

header.siteheader .site-column-contactbar a img.icon,
.site-column-contactbar a img.icon {
	width: auto;
	height: 12px;
}

header.siteheader .site-column-contactbar .site-column-contactbar-left,
.site-column-contactbar .site-column-contactbar-left {
	background-color: #101A5E;
}

header.siteheader .site-column-contactbar .site-column-contactbar-right,
.site-column-contactbar .site-column-contactbar-right {
	background-color: #35418A;
}

/* -- Primary Menu -- */

nav.primary-menu {
	background-color: #FFFFFF;
}

nav.primary-menu>div>ul>li>a {
	color: #212C75;
	background-color: #FFFFFF;
	font-weight: bold;
}

nav.primary-menu>div>ul>li>a,
nav.primary-menu>div>ul>li>ul>li>a {
	font-size: 16px;
	line-height: 20px
}

nav.primary-menu>div>ul>li:hover,
nav.primary-menu>div>ul>li:hover>a {
	color: #212C75;
	background-color: #FFFFFF;
}

nav.primary-menu>div>ul>li.menu-item-has-children>a:after {
	font-size: 10px;
}

nav.primary-menu>div>ul>li.menu-item-has-children:hover>a:after {}

nav.primary-menu>div>ul>li>ul {
	color: #212C75;
	background-color: #FFFFFF;
	border-color: #212C75;
	margin: 0 0 0 0;
}

nav.primary-menu>div>ul>li>ul>li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

nav.primary-menu>div>ul>li>ul>li>a {
	color: #212C75;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
}

nav.primary-menu>div>ul>li>ul>li>a:hover {
	color: #212C75;
	background-color: #FFFFFF;
	text-decoration: none;
}

.show-menu,
.show-secondary-menu {
	color: #FFFFFF;
	background-color: #212C75;
	border-color: 1px transparent solid;
	font-size: 18px;
	line-height: 45px;
}

/* NEW NAV */

/* -- Primary Menu -- */

.site-primary-menu-ci,
.site-primary-menu-ci nav.primary-menu {
	background-color: #333333;
	color: #FFFFFF;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.site-primary-menu-ci nav.primary-menu>div>ul {
	text-align: center;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li {
	min-width: 154px;
	text-align: center;
	margin: 0 0 0 0;
	overflow: no-display;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li>a {
	color: #FFFFFF;
	background-color: #333333;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	margin: 0 0 0 0;
	text-align: center;
}


.site-primary-menu-ci nav.primary-menu>div>ul>li>a,
.site-primary-menu-ci nav.primary-menu>div>ul>li>ul>li>a {
	font-size: 14px;
	line-height: 14px;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li>a[href="https://www.colchester.ac.uk/"] {
	background-color: #2f2e7c;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li:hover>a[href="https://www.colchester.ac.uk/"],
.site-primary-menu-ci nav.primary-menu>div>ul>li>a[href="https://www.colchester.ac.uk/"]:hover {
	background-color: #474692;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li>a[href$="/about-us/"] {
	background-color: #9ec815;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li:hover>a[href$="/about-us/"],
.site-primary-menu-ci nav.primary-menu>div>ul>li>a[href$="/about-us/"]:hover {
	background-color: #B8DE3C;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li>a[href$="/further-education/"] {
	background-color: #e6007c;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li:hover>a[href$="/further-education/"],
.site-primary-menu-ci nav.primary-menu>div>ul>li>a[href$="/further-education/"]:hover {
	background-color: #E82E94;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li>a[href$="/ucc/"] {
	background-color: #00A7AA;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li:hover>a[href$="/ucc/"],
.site-primary-menu-ci nav.primary-menu>div>ul>li>a[href$="/ucc/"]:hover {
	background-color: #25B1B1;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li>a[href$="/adults/"] {
	/* background-color: #00a9e8; */
	background-color: #4b2463;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li:hover>a[href$="/adults/"],
.site-primary-menu-ci nav.primary-menu>div>ul>li>a[href$="/adults/"]:hover {
	/* background-color: #07BBFF; */
	background-color: #603978;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li>a[href$="/apprenticeships/"] {
	background-color: #f15e33;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li:hover>a[href$="/apprenticeships/"],
.site-primary-menu-ci nav.primary-menu>div>ul>li>a[href$="/apprenticeships/"]:hover {
	/* background-color: #FF7F5A; */
	background-color: #f2714a;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li>a[href$="/cibs/"] {
	background-color: #1a2b45;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li:hover>a[href$="/cibs/"],
.site-primary-menu-ci nav.primary-menu>div>ul>li>a[href$="/cibs/"]:hover {
	background-color: #2A3B53;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li:hover,
.site-primary-menu-ci nav.primary-menu>div>ul>li:hover>a {
	color: #FFFFFF;
	background-color: #292929;
	text-decoration: none;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li.menu-item-has-children>a:after {
	font-size: 10px;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li.menu-item-has-children:hover>a:after {}

.site-primary-menu-ci nav.primary-menu>div>ul>li>ul {
	color: #FFFFFF;
	background-color: #333333;
	border-color: #1F1F1F;
	margin: 0 0 0 0;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li>ul>li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li>ul>li>a {
	color: #FFFFFF;
	background-color: #333333;
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
}

.site-primary-menu-ci nav.primary-menu>div>ul>li>ul>li>a:hover {
	color: #FFFFFF;
	background-color: #292929;
	/* text-decoration: none; */
	text-decoration: none;
}

.show-menu,
.show-secondary-menu {
	color: #FFFFFF;
	background-color: #212C75;
	border-color: 1px transparent solid;
	font-size: 18px;
	line-height: 45px;
}

.site-homepage-content {}

.site-homepage-content .site-column-pad {
	padding: 1% 0 1% 0;
}


/* Main Search Bar */

form.main-search-form .search-field {
	background-color: #CBE6FF;
	border: 1px #212C75 solid;
	line-height: 30px;
	font-size: 20px;
}

form.main-search-form .search-field:active,
form.main-search-form .search-field:hover {}

form.main-search-form .search-submit {
	background-color: transparent;
	border: 1px transparent solid;
	line-height: 50px;
	font-size: 20px;
	color: #212C75;
	cursor: pointer;
}

/* Social Media Widgets */

section#social-media-widgets {
	color: #FFFFFF;
	background-color: #333333;
}

section#social-media-widgets a {
	color: #FFFFFF;
}

section#social-media-widgets a:hover,
section#social-media-widgets a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

section#social-media-widgets h2.widgettitle {
	border-bottom: 1px #525DA1 solid;
	font-size: 18px;
	padding-bottom: 5px;
}

/* Footer Widgets */


div.ciTemplate-UCC section#footer-widgets {
	color: #FFFFFF !important;
	background-color: #333333 !important;
}

/* Footer Widgets */

section#footer-widgets {
	color: #FFFFFF;
	background-color: #333333;
}

section#footer-widgets h2.widgettitle {
	border-bottom: 0;
	text-transform: uppercase !important;
	font-size: 18px;
}

section#footer-widgets a {
	color: #FFFFFF;
	font-size: 16px;
	/* 18 */
	line-height: 26px;
}

section#footer-widgets a:hover,
section#footer-widgets a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

section#footer-widgets ul.menu {
	list-style: none inside none;
}

section#footer-widgets ul.menu>li,
section#footer-widgets ul.menu>li:hover>ul>li,
section#footer-widgets ul.menu>li>ul>li {
	color: #FFFFFF;
}

section#footer-widgets ul.menu>li:hover,
section#footer-widgets ul.menu>li>ul>li:hover {
	color: #FFFFFF;
}

.content-search-all-courses {
	/* background-color: #E6E6E6; */
	background-color: #9DA3BE;
}

.content-search-all-courses .site-column-pad {
	padding: 2% 0 2% 0;
}

.content-ucc-searchcourses {
	background-color: #00A7AA;
}

.content-ucc-searchcourses .site-column-pad {
	padding: 2% 0 2% 0;
}

div.content-featured-image {
	background-color: #212C75;
}

div.content-featured-image div.thefeaturedimage {
	/* margin-bottom: -10px; */
	line-height: normal;
}

div.content-featured-image div.thefeaturedimage img {
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	border: 0 !important;
	width: 100% !important;
	height: auto !important;
	display: block !important
}

div.content-title {
	background-color: #212C75;
	color: #FFFFFF;
}

div.content-title.content-title-post {
	background-color: #333333;
	color: #FFFFFF;
	padding: 5px 0 5px 0;
}

div.content-title.content-title-post .linestyle {
	border-top: 2px #fff solid;
	border-bottom: 2px #fff solid;
}

div.ciTemplate-UCC div.content-title.content-title-post {
	background-color: #00a7aa;
	color: #ffffff;
	padding: 0 0 0 0;
}

div.ciTemplate-UCC div.content-title.content-title-post .linestyle {
	border-top: 0;
	border-bottom: 0;
}

div.content-title h1,
div.content-title h2 {
	font-size: 36px;
	line-height: 1em;
}

div.content-title div.site-column-pad {
	padding: 0.25% 0 0.25% 0;
}

div.site-courses-offered-content {
	background-color: #ECEDF2;
}

div.site-courses-offered-content h3 img {
	max-width: 365px;
}

/* -- Footer Logo -- */

section#footer-logos {
	background-color: #E6E6E6;
}

/* -- Footer Menu -- */

nav.footer-menu {
	/* background-color: #FFFFFF; */
}

nav.footer-menu>div>ul>li {
	border-color: #000000;
}

nav.footer-menu>div>ul>li>a {
	color: #000000;
	/* background-color: #FFFFFF; */
	font-size: 14px;
	line-height: 15px;
}

nav.footer-menu>div>ul>li:hover,
nav.footer-menu>div>ul>li:hover>a {
	color: #000000;
	/* background-color: #FFFFFF; */
	text-decoration: underline;
}

/* Auto Complete */

ul.ui-autocomplete {
	background-color: #FFFFFF;
	border: 1px #CBCBCB solid;
	list-style: none;
}

ul.ui-autocomplete li:hover {
	background-color: #99CCFF;
	cursor: pointer;
}

/*		Table
---------------------------------------------------------------*/

table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	font-size: 1em;
	border: 1px solid #ccc;
}

table tr th {
	text-align: center;
	padding: 1em;
	font-size: 1em;
	font-weight: normal;
	color: #333;
	border: 1px solid #ccc;
	background: #f0f0f0;
}

table tr td {
	padding: 0.5em 1em;
	border: 1px solid #ccc;
	background: #fff;
}

table tr:nth-child(even) td {
	background: #f7f7f7;
}

.smcx-embed,
.smcx-embed>.smcx-iframe-container {
	max-width: none !important;
}

.site-fe-about-page-bottombar,
.site-fe-school-leavers-top-bar {
	background-color: #9DA3BE;
	color: #FFFFFF;
}

/* FE Courses Page */

.site-fe-child-page-news .site-column-container,
.site-fe-courses-page-news .site-column-container {
	background-color: #4b2463;
	color: #FFFFFF;
}

.site-fe-child-page-videos .site-column-container,
.site-fe-child-page-video .site-column-container,
.site-fe-courses-page-video .site-column-container,
.site-fe-courses-page-videos .site-column-container,
.site-fe-child-page-videos-2 .site-column-container,
.site-fe-child-page-video-2 .site-column-container,
.site-fe-courses-page-video-2 .site-column-container,
.site-fe-courses-page-videos-2 .site-column-container {
	background-color: #9DA3BE;
	color: #FFFFFF;
}

.site-fe-child-page-schools-liaison-toolkit .site-column-container,
.site-fe-courses-page-schools-liaison-toolkit .site-column-container {
	background-color: #9DA3BE;
	color: #FFFFFF;
}

.site-fe-child-page-stem .site-column-container,
.site-fe-courses-page-stem .site-column-container {
	background-color: #e6007c;
	color: #FFFFFF;
}

.site-fe-child-page-full-time .site-column-container,
.site-fe-child-page-ptlls .site-column-container,
.site-fe-courses-page-full-time .site-column-container,
.site-fe-courses-page-ptlls .site-column-container {
	background-color: rgb(250, 179, 19);
	color: #000000;
}

.site-fe-child-page-construction-trades .site-column-container,
.site-fe-child-page-construction-trades .site-column-container {
	/* background-color: #47672C; */
	background-color: #E6007C;
	color: #FFFFFF;
}

.site-fe-child-page-what-our-students-say .site-column-container,
.site-fe-courses-page-what-our-students-say .site-column-container {
	background-color: #000000;
	color: #FFFFFF;
}

.site-fe-child-page-apprenticeships .site-column-container,
.site-fe-courses-page-apprenticeships .site-column-container {
	background-color: rgb(234, 84, 39);
	color: #000000;
}

.site-fe-child-page-part-time .site-column-container,
.site-fe-courses-page-part-time .site-column-container {
	background-color: #E6007C;
	color: #FFFFFF;
}

.site-fe-child-page-what-can-we-offer .site-column-container {
	background-color: #00a9e8;
	color: #FFFFFF;
}

.site-fe-child-page-what-can-we-offer .site-column-container a {
	color: #4b2463;
}

.site-fe-child-page-what-can-we-offer .site-column-container a:hover,
.site-fe-child-page-what-can-we-offer .site-column-container a:active {
	color: #4b2463;
}

.site-fe-child-page-mini-guide .site-column-container,
.site-fe-child-page-new-mini-guide .site-column-container {
	background-color: #4b2463;
	color: #FFFFFF;
}

.site-fe-child-page-mini-guide .site-column-container a {
	color: #00A9E8;
}

.site-fe-child-page-mini-guide .site-column-container a:hover,
.site-fe-child-page-mini-guide .site-column-container a:active {
	color: #00A9E8;
}

.site-fe-child-page-meet-the-team .site-column-container {
	background-color: #e6007c;
	color: #FFFFFF;
}

.site-fe-child-page-meet-the-team .site-column-container a {
	color: #A1F600;
}

.site-fe-child-page-meet-the-team .site-column-container a:hover,
.site-fe-child-page-meet-the-team .site-column-container a:active {
	color: #A1F600;
}

.site-fe-mot-child-page-slider,
.site-fe-mot-child-page-slide {
	background-color: #000000;
	color: #fff;
}

.site-fe-mot-child-page-videos,
.site-fe-mot-child-page-video {
	background-color: #9da3be;
	color: #fff;
}

.fe-courses-title {
	background-color: #333333 !important;
	padding: 5px 0 5px 0;
}

.fe-courses-title .linestyle {
	border-top: 2px #FFFFFF solid;
	border-bottom: 2px #FFFFFF solid;
}

.site-fe-child-page-gallery,
.site-ci-page-gallery {
	background-color: #E6E6E6;
	color: #333333;
}

/* Social Media */

a.smlink-facebook span,
a.smlink-twitter span,
a.smlink-youtube span,
a.smlink-instagram span,
a.smlink-linkedin span,
a.smlink-snapchat span,
a.smlink-google span,
a.smlink-tumblr span,
a.smlink-reddit span,
a.smlink-periscope span,
a.smlink-vimeo span,
a.smlink-flickr span,
a.smlink-twitch span,
a.smlink-soundcloud span,
a.smlink-discord span,
a.smlink-deviantart span {
	opacity: 1;
	color: #333333;
	transition: .5s;
}

/* Hover */

a.smlink-facebook:hover span {
	color: #3b5998;
}

a.smlink-twitter:hover span {
	color: #1da1f2;
}

a.smlink-youtube:hover span {
	color: #ff0000;
}

a.smlink-instagram:hover span {
	color: #c32aa3;
}

a.smlink-linkedin:hover span {
	color: #007bb5;
}

a.smlink-snapchat:hover span {
	color: #fffc00;
}

a.smlink-google:hover span {
	color: #4285f4;
}

a.smlink-tumblr:hover span {
	color: #35465d;
}

a.smlink-reddit:hover span {
	color: #ff4500;
}

a.smlink-periscope:hover span {
	color: #40a4c4;
}

a.smlink-vimeo:hover span {
	color: #1ab7ea;
}

a.smlink-flickr:hover span {
	color: #f40083;
}

a.smlink-twitch:hover span {
	color: #6441a4;
}

a.smlink-soundcloud:hover span {
	color: #ff5500;
}

a.smlink-discord:hover span {
	color: #7289da;
}

a.smlink-deviantart:hover span {
	color: #05cc47;
}

a.smlink-facebook:hover span,
a.smlink-twitter:hover span,
a.smlink-youtube:hover span,
a.smlink-instagram:hover span,
a.smlink-linkedin:hover span,
a.smlink-snapchat:hover span,
a.smlink-google:hover span,
a.smlink-tumblr:hover span,
a.smlink-reddit:hover span,
a.smlink-periscope:hover span,
a.smlink-vimeo:hover span,
a.smlink-flickr:hover span,
a.smlink-twitch:hover span,
a.smlink-soundcloud:hover span,
a.smlink-discord:hover span,
a.smlink-deviantart:hover span {
	opacity: 1;
}

/* */

.footer-logo a {
	display: block;
	max-width: 215px;
	margin: 0 auto 0 auto;
}

div.footer-sm {
	margin-top: 10px;
	text-align: center;
}

div.footer-sm a {
	display: inline-block;
	padding: 5px 5px 5px 5px;
	font-size: 24px;
	text-align: center;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 100%;
	color: #FFFFFF;
	background-color: #333333
}

div.footer-sm a:hover,
div.footer-sm a:active {
	color: #FFFFFF;
	background-color: #000000;
}

div.footer-sm a span div.footer-sm a:hover span,
div.footer-sm a:active span {
	color: #FFFFFF;
}

div.footer-sm a.smlink-facebook span,
div.footer-sm a.smlink-twitter span,
div.footer-sm a.smlink-youtube span,
div.footer-sm a.smlink-instagram span,
div.footer-sm a.smlink-linkedin span,
div.footer-sm a.smlink-snapchat span,
div.footer-sm a.smlink-google span,
div.footer-sm a.smlink-tumblr span,
div.footer-sm a.smlink-reddit span,
div.footer-sm a.smlink-periscope span,
div.footer-sm a.smlink-vimeo span,
div.footer-sm a.smlink-flickr span,
div.footer-sm a.smlink-twitch span,
div.footer-sm a.smlink-soundcloud span,
div.footer-sm a.smlink-discord span,
div.footer-sm a.smlink-deviantart span {
	color: #FFFFFF;
	line-height: 30px;
}


div.footer-sm a.smlink-facebook:hover span,
div.footer-sm a.smlink-twitter:hover span,
div.footer-sm a.smlink-youtube:hover span,
div.footer-sm a.smlink-instagram:hover span,
div.footer-sm a.smlink-linkedin:hover span,
div.footer-sm a.smlink-snapchat:hover span,
div.footer-sm a.smlink-google:hover span,
div.footer-sm a.smlink-tumblr:hover span,
div.footer-sm a.smlink-reddit:hover span,
div.footer-sm a.smlink-periscope:hover span,
div.footer-sm a.smlink-vimeo:hover span,
div.footer-sm a.smlink-flickr:hover span,
div.footer-sm a.smlink-twitch:hover span,
div.footer-sm a.smlink-soundcloud:hover span,
div.footer-sm a.smlink-discord:hover span,
div.footer-sm a.smlink-deviantart:hover span {
	/* opacity: 1;	*/
}

.hr-wrap .nf-field-element hr {
	background-color: transparent;
	border-color: #CCCCCC;
	margin: 10px auto 25px;
	padding: 0 0 0 0;
}

.site-meta-content {}

.site-meta-content .site-column-inside {
	border-top: 3px #333333 solid;
}

.site-meta-content .post-nav a {
	display: inline-block;
	margin: 5px 0;
	padding: 10px 20px;
	background-color: #333333;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 28px;
}

.site-meta-content .post-nav a:hover,
.site-meta-content .post-nav a:active {
	color: #FFFFFF;
	background-color: #666666;
}

.site-meta-content .post-nav .post-nav-left,
.site-meta-content .post-nav .post-nav-right {
	display: inline-block;
	width: auto;
}

.site-meta-content .post-nav .nav-previous,
.site-meta-content .post-nav .nav-next {
	width: 49%;
}

.site-meta-content .post-nav .nav-previous {
	float: left;
	text-align: left;
}

.site-meta-content .post-nav .nav-next {
	float: right;
	text-align: right;
}

div.site-main-content.site-news-child-page-latest-news {
	background-color: #929eb8;
	color: #FFFFFF;
}

div.site-main-content.site-news-child-page-latest-news h1,
div.site-main-content.site-news-child-page-latest-news h2,
div.site-main-content.site-news-child-page-latest-news h3,
div.site-main-content.site-news-child-page-latest-news h4,
div.site-main-content.site-news-child-page-latest-news h5 {
	color: #FFFFFF;
}

div.site-main-content.site-news-child-page-newsletter,
div.site-main-content.site-news-child-page-newsletters {
	background-color: #fab313;
	color: #FFFFFF;
}

div.site-main-content.site-news-child-page-newsletter h1,
div.site-main-content.site-news-child-page-newsletter h2,
div.site-main-content.site-news-child-page-newsletter h3,
div.site-main-content.site-news-child-page-newsletter h4,
div.site-main-content.site-news-child-page-newsletter h5,
div.site-main-content.site-news-child-page-newsletters h1,
div.site-main-content.site-news-child-page-newsletters h2,
div.site-main-content.site-news-child-page-newsletters h3,
div.site-main-content.site-news-child-page-newsletters h4,
div.site-main-content.site-news-child-page-newsletters h5 {
	color: #FFFFFF;
}

div.site-main-content.site-news-child-page-good-stories {
	background-color: #fab313;
	color: #FFFFFF;
}

div.site-main-content.site-news-child-page-good-stories h1,
div.site-main-content.site-news-child-page-good-stories h2,
div.site-main-content.site-news-child-page-good-stories h3,
div.site-main-content.site-news-child-page-good-stories h4,
div.site-main-content.site-news-child-page-good-stories h5 {
	color: #FFFFFF;
}

div.site-main-content.site-news-child-page-other {
	background-color: #e6007c;
	color: #FFFFFF;
}

div.site-main-content.site-news-child-page-other h1,
div.site-main-content.site-news-child-page-other h2,
div.site-main-content.site-news-child-page-other h3,
div.site-main-content.site-news-child-page-other h4,
div.site-main-content.site-news-child-page-other h5 {
	color: #FFFFFF;
}

div.site-main-content.site-news-child-page-in-the-press {
	background-color: #e6007c;
	color: #FFFFFF;
}

div.site-main-content.site-news-child-page-in-the-press h1,
div.site-main-content.site-news-child-page-in-the-press h2,
div.site-main-content.site-news-child-page-in-the-press h3,
div.site-main-content.site-news-child-page-in-the-press h4,
div.site-main-content.site-news-child-page-in-the-press h5 {
	color: #FFFFFF;
}

/* Layout - Main */

/* -- Footer Widgets -- */

section#footer-widgets {
	padding: 10px 0 10px 0;
}

/* -- Footer Menu -- */

nav.footer-menu {}

nav.footer-menu>div {
	text-align: center;
}

nav.footer-menu>div>ul {
	list-style: none inside none;
	margin: 0;
	padding: 12px 0 12px 0;
}

nav.footer-menu>div>ul>li {
	display: inline-block;
	border-right-style: solid;
	border-right-width: 2px;
	padding: 0 10px 0 10px;
	margin: 0 0 0 0;
}

nav.footer-menu>div>ul>li:first-child {
	margin-left: 0;
	border-left: 0;
	padding-left: 0;
}

nav.footer-menu>div>ul>li:last-child {
	margin-right: 0;
	border-right: 0;
	padding-right: 0;
}

nav.footer-menu>div>ul>li>a {
	display: block;
	text-decoration: none;
	text-align: center;
}

/* Main Search Bar */

form.main-search-form .search-field {
	width: 90%;
	padding: 5px 5px 5px 5px;
}

form.main-search-form .search-submit {
	width: 8%;
	padding: 5px 5px 5px 5px;
}

/* Auto Complete */

ul.ui-autocomplete {
	max-width: 900px;
	z-index: 9999;
}

ul.ui-autocomplete li {
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 0;
}

/* Social Mdeia Widgets */

section#social-media-widgets {
	vertical-align: top;
}

section#social-media-widgets div.widget-box {
	width: 25%;
	max-width: 25%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline-block;
	vertical-align: top;
}

section#social-media-widgets div.widget-box div.pad {
	padding: 0 10px 0 10px;
}

section#social-media-widgets iframe.sm-youtube {
	width: 100%;
	min-height: 260px;
}

/* Footer Widgets */

section#footer-widgets {
	vertical-align: top;
}

section#footer-widgets div.widget-box {
	width: 24.5%;
	max-width: 24.5%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline-block;
	vertical-align: top;
}

section#footer-widgets div.widget-box div.pad {
	padding: 0 10px 0 10px;
}

section#footer-widgets div.widget-box h2..widgettitle:empty {
	min-height: 24px;
}

section#footer-widgets div.widget-box ul {
	list-style-position: inside;
	padding: 0 0 0 0;
	padding: 0 0 2px 2px;
}

section#footer-widgets div.widget-box ul>li>ul {
	padding-left: 25px;
}

/* -- Footer Logos -- */

section#footer-logos {
	padding: 25px 0 25px 0;
}

/* -- Footer Bar -- */

footer#footer-bar {
	padding: 10px 0 10px 0;
}

/* -- Footer Space -- */

div#footer-space {
	min-height: 25px;
	height: calc(2vh);
}

.post-nav .post-nav-left,
.post-nav .post-nav-right {
	display: inline-block;
	width: 45%;
}

.post-nav .post-nav-left {
	float: left;
	text-align: left;
}

.post-nav .post-nav-right {
	float: right;
	text-align: right;
}

/* Layout Mobile */

@media only screen and (max-width: 1080px) {
	section#topbar {
		font-size: 14px;
	}
	section#topbar a.email-login img.ci-email-icon {
		height: 12px;
	}
	/*=======*/
	footer#footer-bar div.footer-logo {
		width: 50%;
		margin: 0 auto 0 auto;
		padding-top: 25px;
		text-align: center;
	}
	form.main-search-form .search-field {
		width: 80%;
	}
	form.main-search-form .search-submit {
		width: 15%;
	}
	ul.ui-autocomplete {
		max-width: 75%;
	}
	/* Social Mdeia Widgets */
	section#social-media-widgets {
		vertical-align: top;
	}
	section#social-media-widgets div.widget-box {
		width: 99%;
		max-width: 99%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		display: block;
		vertical-align: top;
	}
	section#social-media-widgets div.widget-box div.pad {
		padding: 10px 10px 10px 10px;
	}
	section#social-media-widgets iframe.sm-youtube {
		width: 100%;
		min-height: 260px;
		height: calc(50vh);
	}
	/* Footer Widgets */
	section#footer-widgets div.widget-box {
		width: 99%;
		max-width: 99%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		display: block;
		vertical-align: top;
	}
	section#footer-widgets div.widget-box div.pad {
		padding: 10px 10px 10px 10px;
	}
	/* -- Footer Menu -- */
	nav.footer-menu {}
	nav.footer-menu>div>ul>li {
		display: block;
		border: 0 !important;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-align: center;
	}
	nav.footer-menu>div>ul>li>a {
		display: block;
		border: 0 !important;
		margin: 0 0 0 0;
		padding: 5px 5px 5px 5px;
	}
	.post-nav .post-nav-left,
	.post-nav .post-nav-right {
		display: block;
		float: none;
		width: 100%;
	}
	li#wp-admin-bar-wpseo-menu {
		display: none !important;
	}
}

/* Style - Menu */

div.site-main-menu-2021 {
	background-color: #1f1f1f;
	color: #FFFFFF;
}

/* Menu Button */

label.show-main-menu-2021-label {
	cursor: pointer;
	display: none;
	margin: auto;
	text-align: left;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	padding: 5px;
	font-size: 24px;
	line-height: 40px;
}

input#show-main-menu-2021 {
	display: none;
}

input#show-main-menu-2021:checked+div.site-main-menu-2021-container {
	display: block;
}

/* If size < 1080px */

@media only screen and (max-width: 1080px) {
	/* Display mobile menu toggle */
	label.show-main-menu-2021-label {
		display: block;
	}
	/* Hide menu */
	input#show-main-menu-2021+div.site-main-menu-2021-container {
		display: none;
	}
}

/* Desktop */

.site-main-menu-2021-container nav {
	display: block;
}

.site-main-menu-2021-container nav>div {}

.site-main-menu-2021-container nav>div>ul {
	list-style: none inside;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	padding: 0;
	margin: 0 auto;
	max-width: 1080px;
}

@media only screen and (max-width: 1080px) {
	.site-main-menu-2021-container nav>div>ul {
		flex-direction: column;
	}
}

.site-main-menu-2021-container nav>div>ul>li {
	text-align: center;
	flex-grow: 1;
	flex-basis: 0;
}

.site-main-menu-2021-container nav>div>ul>li>ul {
	list-style: none inside;
	padding: 0;
	margin: 0;
}

.site-main-menu-2021-container nav>div>ul>li>ul>li {
	text-align: left;
}

/* Dropdown */

.site-main-menu-2021-container nav>div>ul>li>ul {
	display: none;
	border-width: 1px;
	border-style: solid;
	border-top-width: 5px;
	border-color: #1f1f1f;
	padding: 0 0 0 0;
	width: auto;
	background: #292929;
}

.site-main-menu-2021-container nav>div>ul>li:hover>ul {
	display: block;
	position: absolute;
	z-index: 2222;
}

@media only screen and (max-width: 1080px) {
	.site-main-menu-2021-container nav>div>ul>li:hover>ul {
		width: 75%;
	}
}

/* default colours */

.site-main-menu-2021-container nav a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 15px;
	line-height: 20px;
	padding: 10px 5px;
	font-family: 'Lato', sans-serif;
}

.site-main-menu-2021-container nav>div>ul>li>a {
	font-weight: bold;
}

@media only screen and (max-width: 1080px) {
	.site-main-menu-2021-container nav>div>ul>li>a {
		text-align: left;
	}
}

.site-main-menu-2021-container nav>div>ul>li:hover,
.site-main-menu-2021-container nav>div>ul>li:hover>a {
	color: #ffffff;
	background-color: #292929;
	text-decoration: none;
}

.site-main-menu-2021-container nav>div>ul>li>ul>li:hover>a {
	color: #ffffff;
	background-color: #000000;
	text-decoration: none;
}

/* Primary Menu Colours */

.site-main-menu-2021-container nav.primary-menu-2021 {
	background-color: #333333;
}

.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href="https://www.colchester.ac.uk/"] {
	background-color: #2f2e7c;
}

.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li:hover>a[href="https://www.colchester.ac.uk/"],
.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href="https://www.colchester.ac.uk/"]:hover {
	background-color: #474692;
}


/* About Us - 2022 */

.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href$="/about-us/"] {
	background-color: #9DA3BE;
	color: #000000;
}

.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li:hover>a[href$="/about-us/"],
.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href$="/about-us/"]:hover {
	background-color: #C9CDDC;
	color: #000000;
}

.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href$="/further-education/"] {
	background-color: #e6007c;
}

.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li:hover>a[href$="/further-education/"],
.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href$="/further-education/"]:hover {
	background-color: #e82e94;
}

/* UCC - 2022 */

.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href$="/ucc/"] {
	background-color: #00a7aa;
	color: #000000;
}

.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li:hover>a[href$="/ucc/"],
.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href$="/ucc/"]:hover {
	background-color: #25b1b1;
	color: #000000;
}

.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href$="/adults/"] {
	background-color: #4b2463;
}

.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li:hover>a[href$="/adults/"],
.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href$="/adults/"]:hover {
	background-color: #603978;
}

.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href$="/apprenticeships/"] {
	background-color: #f15e33;
	color: #000000;
}

.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li:hover>a[href$="/apprenticeships/"],
.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href$="/apprenticeships/"]:hover {
	background-color: #f2714a;
	color: #000000;
}

.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href$="/cibs/"] {
	background-color: #1a2b45;
}

.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li:hover>a[href$="/cibs/"],
.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href$="/cibs/"]:hover {
	background-color: #2a3b53;
}

.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href$="/students/"] {
	background-color: #9ec815;
	color: #000000;
}

.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li:hover>a[href$="/students/"],
.site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href$="/students/"]:hover {
	background-color: #b8de3c;
	color: #000000;
}

/* UCC Changes */

div.site-main-menu-2021.cim-ucc-menu {
	background-color: #333333;
	color: #FFFFFF;
}

div.site-main-menu-2021.cim-ucc-menu .site-main-menu-2021-container nav>div>ul {
	justify-content: flex-end;
}

@media only screen and (max-width: 1080px) {
	div.site-main-menu-2021.cim-ucc-menu .site-main-menu-2021-container nav>div>ul {
		flex-direction: column;
	}
}

div.site-main-menu-2021.cim-ucc-menu .site-main-menu-2021-container nav>div>ul>li {
	flex-grow: 0;
	flex-basis: 0;
	flex-basis: content;
}

div.site-main-menu-2021.cim-ucc-menu .site-main-menu-2021-container nav a {
	color: #FFFFFF;
}

div.site-main-menu-2021.cim-ucc-menu .site-main-menu-2021-container nav>div>ul>li:hover,
div.site-main-menu-2021.cim-ucc-menu .site-main-menu-2021-container nav>div>ul>li:hover>a {
	color: #ffffff;
	background-color: #292929;
	text-decoration: none;
}

div.site-main-menu-2021.cim-ucc-menu .site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href$="/ucc/"] {
	background-color: #333333;
}

div.site-main-menu-2021.cim-ucc-menu .site-main-menu-2021-container nav.primary-menu-2021>div>ul>li:hover>a[href$="/ucc/"],
div.site-main-menu-2021.cim-ucc-menu .site-main-menu-2021-container nav.primary-menu-2021>div>ul>li>a[href$="/ucc/"]:hover {
	background-color: #292929;
}

/* secondary-menu- */

div.site-secondary-menu-2021 {
	background-color: #212C75;
	color: #FFFFFF;
}

/* Menu Button */

label.show-secondary-menu-2021-label {
	cursor: pointer;
	display: none;
	margin: auto;
	text-align: left;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	padding: 5px;
	font-size: 24px;
	line-height: 40px;
}

input#show-secondary-menu-2021 {
	display: none;
}

input#show-secondary-menu-2021:checked+div.site-secondary-menu-2021-container {
	display: block;
}

/* If size < 1080px */

@media only screen and (max-width: 1080px) {
	/* Display mobile menu toggle */
	label.show-secondary-menu-2021-label {
		display: block;
	}
	/* Hide menu */
	input#show-secondary-menu-2021+div.site-secondary-menu-2021-container {
		display: none;
	}
}

/* Desktop */

.site-secondary-menu-2021-container nav {
	display: block;
}

.site-secondary-menu-2021-container nav>div {}

.site-secondary-menu-2021-container nav>div>ul {
	list-style: none inside;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	padding: 0;
	margin: 0 auto;
	max-width: 1080px;
}

@media only screen and (max-width: 1080px) {
	.site-secondary-menu-2021-container nav>div>ul {
		flex-direction: column;
	}
}

.site-secondary-menu-2021-container nav>div>ul>li {
	text-align: center;
	flex-grow: 1;
	flex-basis: 1;
}

/* default colours */

.site-secondary-menu-2021-container nav a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 15px;
	line-height: 20px;
	padding: 10px 5px;
	font-family: 'Lato', sans-serif;
}

.site-secondary-menu-2021-container nav>div>ul>li>a {
	font-weight: bold;
}

@media only screen and (max-width: 1080px) {
	.site-secondary-menu-2021-container nav>div>ul>li>a {
		text-align: left;
	}
}

div.site-secondary-menu-2021 nav>div>ul>li:hover,
div.site-secondary-menu-2021 nav>div>ul>li:hover>a {
	color: #ffffff;
	background-color: #35418A;
	text-decoration: none;
}

/* About */

div.site-secondary-menu-2021.cim-about-menu {
	background-color: #9DA3BE;
	color: #000000;
}

div.site-secondary-menu-2021.cim-about-menu nav>div>ul>li,
div.site-secondary-menu-2021.cim-about-menu nav>div>ul>li>a {
	color: #000000;
}

div.site-secondary-menu-2021.cim-about-menu nav>div>ul>li:hover,
div.site-secondary-menu-2021.cim-about-menu nav>div>ul>li:hover>a {
	background-color: #C9CDDC;
	color: #000000;
}

/* FE */

div.site-secondary-menu-2021.cim-cife-menu {
	background-color: #e6007c;
	color: #FFFFFF;
}

div.site-secondary-menu-2021.cim-cife-menu nav>div>ul>li:hover,
div.site-secondary-menu-2021.cim-cife-menu nav>div>ul>li:hover>a {
	background-color: #e82e94;
}

/* Adult */

div.site-secondary-menu-2021.cim-adult-menu {
	background-color: #4b2463;
	color: #FFFFFF;
}

div.site-secondary-menu-2021.cim-adult-menu nav>div>ul>li:hover,
div.site-secondary-menu-2021.cim-adult-menu nav>div>ul>li:hover>a {
	background-color: #603978;
}

/* Apprenticeships */

div.site-secondary-menu-2021.cim-apprenticeships-menu {
	background-color: #f15e33;
	/* F15E33 */
	color: #000000;
}

div.site-secondary-menu-2021.cim-apprenticeships-menu nav>div>ul>li,
div.site-secondary-menu-2021.cim-apprenticeships-menu nav>div>ul>li>a {
	color: #000000;
}

div.site-secondary-menu-2021.cim-apprenticeships-menu nav>div>ul>li:hover,
div.site-secondary-menu-2021.cim-apprenticeships-menu nav>div>ul>li:hover>a {
	background-color: #ff7f5a;
	color: #000000;
}

/* CIBS */

div.site-secondary-menu-2021.cim-cibs-menu {
	background-color: #1b2b45;
	color: #FFFFFF;
}

div.site-secondary-menu-2021.cim-cibs-menu nav>div>ul>li:hover,
div.site-secondary-menu-2021.cim-cibs-menu nav>div>ul>li:hover>a {
	/* background-color: #2a3b53; */
	background-color: #FFFFFF;
	color: #1b2b45;
}



/* CH&FS */

div.site-secondary-menu-2021.cim-chefs-menu {
	background-color: #603913;
	color: #FFFFFF;
}

div.site-secondary-menu-2021.cim-chefs-menu nav>div>ul>li:hover,
div.site-secondary-menu-2021.cim-chefs-menu nav>div>ul>li:hover>a {
	background-color: #83572b;
}

/* Salons */

div.site-secondary-menu-2021.cim-salons-menu {
	background-color: #280027;
	color: #FFFFFF;
}

div.site-secondary-menu-2021.cim-salons-menu nav>div>ul>li:hover,
div.site-secondary-menu-2021.cim-salons-menu nav>div>ul>li:hover>a {
	background-color: #3f093d;
}

/* Students */

div.site-secondary-menu-2021.cim-students-menu {
	background-color: #9ec815;
	color: #000000;
}

div.site-secondary-menu-2021.cim-students-menu nav>div>ul>li,
div.site-secondary-menu-2021.cim-students-menu nav>div>ul>li>a {
	color: #000000;
}

div.site-secondary-menu-2021.cim-students-menu nav>div>ul>li:hover,
div.site-secondary-menu-2021.cim-students-menu nav>div>ul>li:hover>a {
	background-color: #b8de3c;
	color: #000000;
}



/* */

/*
.content-featured-slider .slider-both-desktop-mobile {
	aspect-ratio: 384/95 auto;
	overflow: hidden;
}

@media only screen and (min-width: 1080px) {
	.content-featured-slider .slider-desktop {
		aspect-ratio: 384/95 auto;
		overflow: hidden;
	}
}

@media only screen and (max-width: 1079px) {
	.content-featured-slider .slider-mobile {
		aspect-ratio: 1/1 auto;
		overflow: hidden;
	}
}
*/