/*
Theme Name:		PSB 2022
Author:			CMS Web Solutions
Author URI:		http://cmswebsolutions.com
*/

/* montserrat-regular - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local(''),
		 url('fonts/montserrat-v24-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/montserrat-v24-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* montserrat-600 - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: local(''),
		 url('fonts/montserrat-v24-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/montserrat-v24-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* montserrat-800 - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	src: local(''),
		 url('fonts/montserrat-v24-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/montserrat-v24-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* montserrat-italic - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 400;
	src: local(''),
		 url('fonts/montserrat-v24-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/montserrat-v24-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* montserrat-600italic - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 600;
	src: local(''),
		 url('fonts/montserrat-v24-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/montserrat-v24-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* montserrat-800italic - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 800;
	src: local(''),
		 url('fonts/montserrat-v24-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('fonts/montserrat-v24-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

* {
	box-sizing: border-box;
}


body {
	margin: 0 auto;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 400;
	position: relative;
	color: #060805;
	background-color: #fffefe;
}

article, aside, details, embed, figcaption, figure, footer, header, iframe, main, nav, section, summary {
	display: block;
	position: relative;
	margin: 0 auto;
}

.inner {
	margin: 0 auto;
	padding: 0 2em;
	max-width: 1200px;
}

h1 {
	color: #213544;
	margin: 1em 0 .5em;
	font-weight: 400;
	font-size: 2.5rem;
	position: relative;
}

h2 {
	font-weight: 400;
	color: #996e43;
	margin: 1.5em 0 .75em;
	font-size: 1.5rem;
}

h1 + h2 {
	margin: .25em 0 .75em;
}

h2 a {
	color: #996e43;
	-webkit-text-decoration-color: #e2b984;
	text-decoration-color: #e2b984;
}

h2 a:hover,
h2 a:focus {
	color: #213544;
	-webkit-text-decoration-color: #213544;
	text-decoration-color: #213544;
}

h3 {
	font-weight: 400;
	color: #213544;
	margin: 1.5em 0 .75em;
	font-size: 1.2rem;
}

h4 {
	color: #213544;
	margin: 1.5em 0 .75em;
	font-size: 1.1rem;
}

p, li, dt, dd {
	line-height: 1.5;
}

li, p + p, dt, dd {
	margin-top: 0;
}

p * {
	margin-top: 0;
}

ul,ol {
	padding-left: 1.5em;
}

blockquote {
    background-color: #eee;
    border-left: 10px solid #ddd;
    margin: 0 0 1.5em;
    padding: 1em;
}

cite {
	display: block;
}

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

a {
	color: #23529D;
	transition: color .1s;
}

a[href^="tel:"] {
	text-decoration: none;
}

a:hover,
a:focus {
	color: #000;
}

a:active {
	transition: color 2s;
	color: blue;
}

:focus:not(:focus-visible) {
	outline: none;
}

a img {
	border: none;
	outline: none;
}

iframe,embed {
	max-width: 100%;
}

button,input,select,textarea {
	font: inherit;
	margin: 0;
}

button:not([class]),
input[type=submit],
.button,
.wp-block-button__link,
.wp-block-button__link:visited {
	color: #213544;
	background-color: #e2b984;
	border: 1px solid #e2b984;
	border-radius: 0;
	margin: .25em 0;
	padding: .5em 1.5em;
	font-size: 1.4rem;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

.wp-block-button__link {
	margin: .5em 0;
}

button:not([class]):hover,
button:not([class]):focus,
input[type=submit]:hover,
input[type=submit]:focus,
.button:hover,
.button:focus,
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover {
	color: #e2b984;
	background-color: #213544;
	border:  1px solid #213544;
}

[class^="wp-container-"] {
    clear: both;
}

table {
	border-collapse: collapse;
	margin: 1em;
	padding: 0;
	width: 100%;
	max-width: 100%;
	overflow-x: scroll;
}

table caption {
	font-weight: 600;
	text-align: left;
	font-size: 1.25rem;
	padding-bottom: .25em 0;
}

table thead,
table tbody {
	max-width: 100%;
}

table thead {
	text-align: left;
}

table th {
	font-weight: 600;
	font-size: 1.05rem;
}

table tr {
	border-bottom: 1px solid #e2b984;
}

table tr td,
table tr th {
	padding: .5em;
	text-align: left;
}

.hidden {
	position: absolute;
	left: -1000em;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	margin: -1px;
	padding: 0;
	border: 0;
}

.clearfix {
	overflow: hidden;
	content: "";
	visibility: hidden;
	display: block;
	height: 1px;
	width: 1px;
	clear: both;
}

a.skip {
	position: absolute;
	top: 0;
	left: -1000em;
	color: #e2b984;
	background-color: #213544;
	text-decoration: none;
	border-radius: 0 0 3px 3px;
}

a.skip:focus,
a.skip:hover {
	left: 1em;
	top: 0;
	padding: .5em 1em;
}

header {
	padding: 0;
	color: #bd9264;
	background-color: #213544;
}

.notice {
	padding: .25em 0;
	color: #213544;
	background-color: #e2b984;
}

.notice a {
	color: #213544;
}

.notice a:hover,
.notice a:focus {
	color: #e2b984;
	background-color: #213544;
}

.banner {
	padding: 1em 0;
	text-transform: uppercase;
}

.logo {
	width: 100%;
	max-width: 300px;
	height: auto;
	margin: 1em auto;
	display: block;
	text-align: center;
}

.utilities {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: .9rem;
}

.utilities a {
	color: #fff;
	text-decoration: none;
}

a.candidates {
	color: #bd9264;
}

.candidates:hover,
.candidates:focus {
	text-decoration: underline;
}

.lang {
	padding-left: 0;
}

.lang li {
	list-style: none;
	display: inline-block;
	padding: .25em .5em;
	color: #213544;
	background-color: transparent;
	border:  1px solid #bd9264;
	transition: all 0.3s ease-out;
}

.lang li.active {
	background-color: #bd9264;
}

.lang a {
	color: #bd9264;
}

.lang li:hover,
.lang li:focus {
	background-color: #bd9264;
}

.lang li:hover a,
.lang li:focus a {
	color: #213544;
}

.utilities form {
	margin-bottom: 1em;
}

.input-group {
	width: 100%;
	padding: .25em .5em;
	border:  1px solid #bd9264;
	position: relative;
	display: flex;
	border-collapse: separate;
}

.input-group input {
	color: #bd9264;
	background: transparent;
	border: none;
	display: table-cell;
	-webkit-appearance: unset;
}

.input-group ::-webkit-input-placeholder {
    color: #bd9264;
    opacity: 1;
}

.input-group :-ms-input-placeholder {
    color: #bd9264;
    opacity: 1;
}

.input-group ::-ms-input-placeholder {
    color: #bd9264;
    opacity: 1;
}

.input-group ::placeholder {
    color: #bd9264;
    opacity: 1;
	text-transform: uppercase;
}

.input-button {
	display: table-cell;
	position: relative;
	white-space: nowrap;
}

.input-button button {
	padding: 0;
	width: 1em;
	height: 1em;
	border:  0;
	border-radius: 0;
	background:  url(img/search.png) center center no-repeat;
	background-size: 1em;
}

.exams {
	padding: 1em;
	color: #bd9264;
	background: #213544 url(img/hero.jpg) center center no-repeat;
	background-size: cover;
}

.page-template-page-exams .exams {
	background: #213544 url(img/pe_hero.jpg) center center no-repeat;
	background-size: cover;
}

.exams h2 {
	margin: 0 0 .5em;
	color: #e2b984;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: 5px;
}

.sittings {
	margin:  0;
	padding-left: 0;
	font-size: 1.1rem;
}

.sittings li {
	color: #fff;
	list-style: none;
	margin:  0 .5em;
}

.sittings li br {
	display: none;
}

.countdown {
	margin-top: 1em;
	padding: 0;
	text-align: center;
	color: #213544;
	border: 1px solid #e2b984;
}

.info {
	color: #213544;
	text-align: center;
}

.intro {
	margin: 0;
	background-color: #e2b984;
}

.intro p {
	margin: 0;
}

.info .head {
	display: inline-block;
	color: #213544;
	font-size: 2rem;
	text-transform: uppercase;
}

.info .next_date {
	display: inline-block;
	padding-bottom: .5em;
	color: #213544;
	font-size: 1.1rem;
}

#countdown {
	display: inline-block;
	margin: 0;
	flex:  0 0 55%;
	display: flex;
	justify-content: space-evenly;
}

#countdown .intro {
	color: #213544;
	background-color: #e2b984;
}

#countdown span {
	display: block;
}

#countdown .unit {
	display: inline-block;
	min-width: 6em;
	margin: 0 .1em;
	padding: .5em;
	color: #bd9264;
	background-color: transparent;
	font-weight: 400;
	border-right: 1px solid #bd9264;
	flex-basis: 33%;
}

#countdown .unit:last-of-type {
	border-right: none;
}

#countdown .count {
	font-size: 2rem;
	font-weight: 600;
}

#countdown .label {
	font-size: 1rem;
	text-transform: uppercase;
}

nav {
	color: #213544;
	background-color: #bd9264;
}

nav .mobile {
	transition: none;
	cursor: pointer;
	text-transform: uppercase;
	display: block;
	background: transparent;
	width: 100%;
	color: #213544;
	margin: 0 auto;
	padding: .25em 0;
	font-size: 1.25rem;
	font-weight: 600;
	text-align: center;
	border: none;
	border-radius: 0;
}

nav .mobile:hover,
nav .mobile:focus {
	color: #bd9264;
	background-color: #213544;
}

nav ul {
	width: 100%;
	margin: 0;
	padding-left: 0;
	display: none;
}

nav li {
	list-style: none;
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0 .5em;
	border-bottom: 1px solid #4F4F4F;
}

nav li li {
	padding: 0 .5em;
}

nav a {
	text-decoration: none;
	text-align: center;
	color: #213544;
	padding: .25em 0;
}

.nav_trigger {
	color: #213544;
	background-color: transparent;
	padding: .5em .25em;
	text-transform: none;
	border:  none;
	border-radius: 0;
}

.sub-menu .nav_trigger {
	padding: .5em;
	color: #bd9264;
}

nav a:hover,
nav a:focus,
.nav_trigger:hover,
.nav_trigger:focus {
	color: #bd9264;
	background-color: #213544;
}

nav .sub-menu a:hover,
nav .sub-menu a:focus,
nav .sub-menu .nav_trigger:hover,
nav .sub-menu .nav_trigger:focus {
	background-color: transparent;
}

.nav_trigger:hover,
.nav_trigger:focus {
	border: none;
}

nav .open + ul {
	display: block;
}

nav .open + ul li {
	padding: .5em;
	text-align: center;
}

.sub-menu {
	min-width: 10em;
	transition: all 0.3s ease;
	display: none;
}

.sub-menu.open {
	display: block;
	position: relative;
	border-bottom: 2px solid #bd9264;
}

.sub-menu.open .sub-menu.open {
	position: relative;
	left: 0;
	border: none;
	font-size: .9rem;
}

.sub-menu.open a {
	color: #bd9264;
	text-align: left;
}

.sub-menu.open li {
	display: block;
	position: relative;
	background-color: #213544;
	border-bottom: 1px solid #bcbcbc;
}

.sub-menu li:hover,
.sub-menu li:focus {
	background-color: #fff;
}

.sub-menu .menu-item-has-children:hover,
.sub-menu .menu-item-has-children:focus,
.sub-menu .nav_trigger:hover,
.sub-menu .nav_trigger:focus {
	background-color: #fff;
}

.sub-menu.open li li {
	padding-left: 1em;
	color: #213544;
	background-color: #efece8;
	border-bottom: 1px solid #fff;
}

.sub-menu.open li li:hover,
.sub-menu.open li li:focus {
	background-color: #fff;
}

.sub-menu.open li li a {
	color: #213544;
}

.hero {
	display: block;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

main {
	width: 100%;
}

main .inner,
main .inner.wide {
	display: block;
	padding: 1em;
}

.road {
	background-color: #efece8;
}

.inner.wide .steps {
	margin:  0;
}

.steps ul {
	padding-left: 0;
}

.steps ul ul {
	padding-left: 1.5em;
}

.steps ul li {
	margin: 0 0 1em;
	list-style: none;
}

.steps ul ul li {
	border: none;
}

.step_number,
.steps h2 {
	margin: 0;
	text-align: center;
}

.step_number {
	color: #213544;
	font-size: 3.25rem;
	flex-basis: 0;
}

.steps h2 {
	color: #bd9264;
	font-size: 1.2rem;
	flex-basis: 7rem;
	background-color: #213544;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 .5rem;
	min-height: 5rem;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.steps h2,
.steps h2 a, 
.steps .summary {
	color: #bd9264;
	background-color: #213544;
}

.steps ul > li:nth-child(even) h2,
.steps ul > li:nth-child(even) h2 a,
.steps ul > li:nth-child(even) .summary {
	color: #213544;
	background-color: #bd9264;
}

.steps h2 a {
	text-decoration: none;
	transition: all .2s ease-in-out;
	-webkit-text-decoration-color: transparent;
	        text-decoration-color: transparent;
}

.steps .step {
	display: block;
	margin: 0 auto .25em;
	padding: .25em;
	font-size: 2.2rem;
	text-align: center;
}

.steps .details,
.steps .summary {
	padding: .5em;
}

.steps .details {
	background-color: #fff;
	border-left: 1px solid black;
	border-right: 1px solid black;
	flex-basis: 15rem;
}

.steps .summary {
	flex-basis: 10rem;
	flex-grow: 1;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.steps ul ul > li {
	list-style: disc;
}

.steps .note {
	margin:  0;
	padding: 1em;
	color: #213544;
	font-size: 1.25rem;
}

.callouts {
	border-top: 6px solid #fff;
	border-bottom: 6px solid #fff;
	background-color: #bd9264;
}

.callouts .inner {
	padding: 0;
}

.callouts ul {
	display: block;
	padding-left: 0;
}

.callouts li {
	margin-bottom: 1em;
	padding: 1em;
	width: 100%;
	list-style: none;
	color: #213544;
}

.callouts a {
	color: #213544;
	text-decoration: none;
}

.callouts .info {
	padding: .5em 1em 1em;
	text-align: left;
}

.callouts h2 {
	margin: .75em 0 0;
	font-size: 1.2rem;
	color: #213544;
}

.callouts img {
	height: 100%;
	object-fit: cover;
}

.content {
	flex-basis: 100%;
}

.sidebar {
	margin: 1em 0;
}

.hilite {
	padding: 1em;
	background-color: #E5F0EC;
}

.hilite h2,
.hilite h3,
.hilite h4,
.hilite h5,
.hilite h6 {
	color: #213544;
}

.frm_style_formidable-style.with_frm_style label.frm_primary_label,
.frm_style_formidable-style.with_frm_style .frm_radio label,
.frm_style_formidable-style.with_frm_style .frm_checkbox label,
.frm_style_formidable-style.with_frm_style .frm_form_fields > fieldset,
.frm_style_formidable-style.with_frm_style select,
.frm_style_formidable-style.with_frm_style .frm_form_field.frm_html_container {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

.frm_style_formidable-style.with_frm_style .frm_required {
	margin-left: .25em;
	color: #23529d;
	font-size: .9rem;
}

.row {
	margin: 2em 0;
	padding-bottom: 2em;
	border-bottom: 1px solid #828182;
}

.row:last-of-type {
	border-bottom: none;
}

.row a {
	text-decoration: none;
}

.row a.read-more {
	text-decoration: underline;
}

.row img {
	max-width: 20%;
	display: inline-block;
	margin: 0 2em 2em 0;
	vertical-align: top;
}

.row a:hover img,
.row a:focus img {
	border: 4px solid #222;
}

.row .details {
	display: inline-block;
	max-width: 75%;
}

.blog .row .details {
	max-width: 70%;
}

.row .details h2 {
	margin: 0;
	padding: 0 0 .25em 0;
	font-size: 1.1rem;
	font-weight: 600;
	color: #333;
	border-bottom: 1px solid #333;
	display: inline-block;
}

.sectionnav {
	padding: 1em 0;
}

.sectionnav h3 {
	margin-top: 1em;
}

/* Collapsible content */

.buttons {
	text-align: right;
}

.buttons button {
	margin-bottom: 1em;
}

.collapsible {
	margin: 1em 0;
}

.collapsible h3 {
	margin: 0;
	padding:  .25em;
	color: #000;
	width: 100%;
	position: relative;
	text-align: left;
}

.collapsible h3 [aria-expanded] {
	width: 100%;
	text-align: left;
}

.collapsible h3 [aria-expanded] .state {
	margin-right: .25em;
	border-right: 2px solid #fff;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: top;
}

.collapsible h3 [aria-expanded="false"] .state {
	background: #ebebeb url(img/plus.svg) center center no-repeat;
	background-size: .75em;
}

.collapsible h3 [aria-expanded="true"] .state {
	background: #006f4b url(img/minus.svg) center center no-repeat;
	background-size: .75em;
}

.collapsible h3:hover .state,
.collapsible h3:focus .state {
	background: #006f4b url(img/plus_white.svg) center center no-repeat;
	background-size: .75em;
}

.collapsible h3 [aria-expanded="false"] .heading {
	background-color: #ebebeb;
}

.collapsible h3 [aria-expanded="true"] .heading {
	background-color: #006f4b;
}

.collapsible h3 + [aria-hidden] {
	display: none;
}

.collapsible h3 + [aria-hidden="false"] {
	display: block;
}

.collapsible button[aria-expanded] {
	padding: 0;
	color: #000;
	background-color: #ebebeb;
	border: none;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-radius: 0;
	font-weight: 300;
	text-transform: none;
}

.collapsible button:hover,
.collapsible button:focus,
.collapsible button[aria-expanded="true"] {
	color: #fff;
	background-color: #006f4b;
}

.collapsible .details {
	padding: 0 0 1em;
}


/* Default gallery */
.gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.gallery-item {
	margin: 1em;
}

@supports ((display: -ms-grid) or (display: grid)) {
	.gallery {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (minmax(260px, 1fr))[auto-fit];
		grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
		grid-gap: 1em;
	}

	.gallery-item {
		margin: 0;
	}
}

.gallery-caption {
	margin: 0;
	text-align: center;
}

.gallery br {
	display: none;
}

.post-list article {
	border-bottom: 1px solid #CCC;
	margin-bottom: 1.5em;
}

.post-list article h2 a {
	text-decoration: none;
	text-transform: none;
}

.post-list article:last-child {
	border: none;
}

.post-list article a.read-more {
	display: block;
}

.alignleft,img.alignleft {
	display: inline;
	float: left;
	margin: 0 1.5em 1.5em 0;
}

.alignright,img.alignright {
	display: inline;
	float: right;
	margin: 0 0 1.5em 1.5em;
}

.aligncenter,img.aligncenter {
	display: block;
	clear: both;
	margin: 0 auto 1.5em;
}

.wp-caption {
	max-width: 100%;
	position: relative;
	display: block;
}

.wp-caption img {
	display: block;
	max-width: 100%;
	height: auto;
}

.wp-caption p.wp-caption-text {
	display: block;
	position: absolute;
	width: 100%;
	margin: 0;
	padding: .5em;
	left: 0;
	bottom: 0;
	color: #fff;
	background: rgba(0,0,0,0.7);
}

ul.navigation {
	margin: 0;
	padding: 0 !important;
	list-style-type: none;
}

ul.navigation li {
	float: right;
}

ul.navigation li.newer {
	float: left;
}

footer {
	padding: 1.5em 0;
	clear:  both;
	bottom: 0;
	width: 100%;
	color: #e2b984;
	background-color: #213544;
}

footer .logo {
	margin: 1.75em 0 0;
	max-width: none;
}

footer h3 {
	color: #e2b984;
	font-size: 1.1rem;
}

footer .col:last-of-type h3 {
	margin-top: 1.25rem;
	font-size: 1.625rem;
	font-weight: 600;
}

footer .col {
	margin-bottom: 2em;
}

footer h3,
footer a {
	color: #e2b984;
}

footer a:hover,
footer a:focus {
	color: #fff;
}

footer ul {
	padding-left: 0;
}

footer li {
	list-style: none;
	margin-bottom: .5em;
}

.social {
	display:flex;
}

.social li {
	list-style: none;
	margin: .5em;
}

.social a {
	padding: .25em .4em;
	display: block;
	color: #213544;
	background-color: #bd9264;
	border: 1px solid #bd9264;
	border-radius: 50% 50%;
}

.social a:hover,
.social a:focus {
	background-color: #996e43;
	border: 1px solid #996e43;
}

.social svg {
	width: auto;
	height: 28px;
	fill: #213544;
}

footer .sittings li {
	margin: 0 0 1em;
}

footer .sittings li:first-of-type {
	padding-right: 0;
	padding-bottom: .5em;
	border-right: none;
	border-bottom: 2px solid #fff;
}

.copyright {
	margin:  0 auto;
	padding: .1em 1em;
	color: #e2b984;
	text-align: center;
}

.copyright a {
	color: #999;
	text-decoration: none;
}

.copyright a:hover,
.copyright a:focus {
	color: #fff;
	text-decoration: underline;
}

@media screen and (min-width: 769px) {

	header {
		padding: 0;
	}

	nav {
		z-index: 2;
	}

	nav .mobile {
		display: none;
	}

	nav ul {
		display: flex;
		justify-content: space-between;
	}

	nav li {
		width: auto;
		border-bottom: none;
	}

	nav a {
		display: block;
		padding: .5em .25em;
	}

	nav > li:first-of-type a {
		padding-left: 0;
	}

	nav > li:last-of-type a {
		padding-right: 0;
	}

	.sub-menu.open {
		position: absolute;
		z-index: 10;
		margin-top: 0;
		width: auto;
		border:  1px solid #eee;
	}
/* 
	:not(.home) > nav .current_page_item a,
	:not(.home) > nav .current_page_ancestor button {
		color: #02704b;
		background-color: #fff;
	}

	:not(.home) > nav .current_page_item .sub-menu.open a {
		padding-left: 1em;
		background-color: #E5F0EC;
	}

	:not(.home) > nav .current_page_item .sub-menu.open a:hover,
	:not(.home) > nav .current_page_item .sub-menu.open a:focus {
		background-color: #fff;
	} */

	.exams h2 {
		font-size: 4rem;
	}

	#countdown .count {
		font-size: 5rem;
	}
	
	#countdown .label {
		font-size: 1.2rem;
	}

	.sittings li {
		display: inline-block;
	}

	.sittings li:first-of-type {
		padding-right: 2em;
		border-right: 2px solid #cedcd3;
	}

	.sittings li br {
		display: inline;
	}

	.countdown {
		flex: 0 0 40%;
	}

	.intro {
		margin: 0;
	}

	.hero {
		width: 100%;
		height: auto;
		min-height: 380px;
		max-height: 400px;
		border-bottom: 4px solid #fff;
	}

	.sidebar {
		flex-basis: 30%;
		margin: 3.75em 3em 0 0;
	}

	.content {
		flex-basis: 100%;
	}

	.hilite.small {
		margin:  0 auto;
		width: 50%;
	}

	.collapsible h3 {
		display: flex;
	    justify-content: flex-start;
	}

	.collapsible h3 [aria-expanded] {
		display: flex;
	    justify-content: flex-start;
	    align-items: center;
	}

	footer {
		font-size: 1rem;
		padding: 0;
	}
}

@media screen and (min-width: 900px) {

	.steps ul {
/*		display: flex;
		justify-content: space-between;
*/
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}

	.steps ul ul {
		display: block;
	}

	.steps ul > li {
/*
		flex-basis: 18%;
*/
		display: flex;
		flex-direction: column;
		text-align: left;
	}

	.steps ul ul > li {
		display: list-item;
	}

	.steps h2 a:hover .step,
	.steps h2 a:focus .step {
		font-size: 2.25rem;
	}

	.steps .summary {
		margin-top: auto;
	}

	.callouts ul {
		display: inline-block;
		display: flex;
		justify-content: space-between;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1em;
	}

	.callouts li {
		margin-bottom: 0;
		padding: 0;
	}

	.callouts li:first-of-type {
		border-right: 6px solid #fff;
	}

	.callouts a {
		display: inline-block;
		display: flex;
		flex-basis: 49%;
		justify-content: space-between;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	footer .inner {
		display: flex;
		justify-content: space-between;
	}

	footer .col {
		flex: 0 1 22%;
	}
}

@media screen and (min-width: 1100px) {

	header .inner {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		display: grid;
		grid-template-columns: 380px auto;
	}

	header .notice .inner {
		display: inherit;
	}

	.logo {
		margin: .5em 0;
		text-align: left;
		max-width: 380px;
	}

	.utilities {
		text-align: right;
		flex: 0 0 50%;
	}

	.utilities form {
		margin-bottom: 0;
	}

	.exams .inner {
		padding: .5em;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.countdown {
		margin-top: 0;
	}

	/* .callouts img {
		max-width: 320px;
		-o-object-fit: cover;
		   object-fit: cover;
		height: 100%;
	} */
/* 
	.callouts div {
		flex: 0 1 45%;
	} */

	main .inner{
		/* padding: 1em 8em; */
		/* padding: 1em 16em 1em 2em; */
	}

	main .inner.wide {
		padding: 0;
	}
}


@media screen and (min-width: 1200px) {

	.inner {
		padding: 0;
	}

	main .inner {
		/* padding: 1em 8em; */
	}

	main .inner.wide {
		padding: 0;
	}

	.home main .inner {
		padding: 1em 0;
	}

	.home main .callouts .inner {
		padding: 0;
	}
}