/* ----------------------------------------
DEFAULTS
---------------------------------------- */
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a {
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.center {
text-align: center;
}
p.errormessage {
font-weight: bold;
color: #DF2121;
}
span.icn {
display: inline-block;
background-image: url(../img/sprites.png);
background-repeat: no-repeat;
background-size: 500px 500px;
}
span.icn.large-logo {
width: 219px;
height: 207px;
}
span.icn.small-logo {
background-position: 0 -425px;
width: 92px;
height: 18px;
margin-right: 12px;
margin-bottom: -5px;
}
a.summit:hover {
color: rgb(48,107,125) !important;
}
table {
background: none;
margin-bottom: 0;
border: 0;
table-layout: auto;
}
table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
line-height: inherit;
}
table tr th,
table tr td {
padding: 0;
font-size: inherit;
color: inherit;
text-align: inherit;
}
table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
background: none;
}


/* ----------------------------------------
TEXT ELEMENTS
---------------------------------------- */
body,
.em_black_txt {
margin: 0;
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif !important;
font-weight: 400;
font-size: 13px;
line-height: 1.75;
text-align: left;
background: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
div + a, div + input,
h1 + div, h2 + div, h3 + div, h4 + div, h5 + div, h6 + div, legend + div,
h1 + input, h2 + input, h3 + input, h4 + input, h5 + input, h6 + input, legend + input,
h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol, legend + ol,
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul, legend + ul {
margin-top: 8px;
}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, p + legend,
ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, ol + legend,
table + h1, table + h2, table + h3, table + h4, table + h5, table + h6, table + legend,
ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, ul + legend {
padding-top: 8px;
}
/*h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, legend + p,*/
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h1 + legend,
h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h2 + legend,
h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h3 + legend,
h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h4 + legend,
h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h5 + legend,
h6 + h6, h6 + h5, h6 + h4, h6 + h3, h6 + h2, h6 + h1, h6 + legend,
legend + h6, legend + h5, legend + h4, legend + h3, legend + h2, legend + h1, legend + legend {
margin-top: 0;
}
h1, h2, h3, h4, h5, h6,
fieldset legend {
margin: 0;
padding: 0;
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
line-height: 1.25;
font-weight: 900;
}
h1, h2, h3, h4, h5, h6,
fieldset legend {
margin: 0 0 12px 0;
}
h1 {
font-size: 3.5em; /* 45px */
}
h2,
fieldset legend {
font-size: 1.846em;
}
h2 em { /* e.g. Calendar Title */
font-style: normal;
}
h3,
h3 a {
font-size: 1.231em; /* 16px */
}
h3 a {
display: block;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
font-size: 1em;
text-decoration: none;
}
h4 {
font-size: 1em; /* 13px */
padding-bottom: 12px;
}
h5 {
font-size: 1.385em;
font-weight: 300;
}
h6 {
font-size: 14px;
line-height: 20px;
font-weight: 700;
}
p {
font-size: inherit;
padding: 0 0 12px 0;
margin: 0;
}
small,
.error > label > small {
font-size: 80%;
}


/* ----------------------------------------
HEADER
---------------------------------------- */
.header-image-wrapper {
top: 0;
left: 0;
width: 100%;
}
.header-image {
position: relative;
padding-top: 30px;
top: 0;
left: 0;
width: 100%;
background-color: rgb(255,255,255);
background-image: none;
}
.date.table.center {
width: 100%;
margin: 0 auto;
padding: 0 20px 45px 20px;
}
.date.table h5 {
margin-bottom: 0;
}
.logo.table.center {
padding-bottom: 25px;
}
@media only screen and (min-width: 768px) {
	span.icn.large-logo {
	width: 278px;
	height: 267px;
	background-size: 650px 650px;
	}
	}
	@media only screen and (min-width: 981px) {
	.logo.table {
	top: 7%;
	}
	}
	@media only screen and (max-width: 980px) {
	button.nav-button span.icon-bar {
	background-color: #b42731;
	}
	.date.table h1 {
	font-size: 2.9em;
	}
	}
	@media only screen and (max-width: 767px) {
	.date.table h1 {
	font-size: 2.5em;
	}
	span.icn.large-logo {
	width: 219px;
	height: 207px;
	background-size: 500px 500px;
	}
}
@media only screen and (max-width: 640px) {
	.date.table.center {
	padding-bottom: 30px;
	}
	span.icn.large-logo {
	width: 172px;
	height: 167px;
	background-size: 400px 400px;
	}
	.date.table h1 {
	font-size: 2.25em;
	}
	.logo.table.center {
	padding-bottom: 25px;
	}
}
@media only screen and (max-width: 480px) {
	.date.table,
	.logo.table {
	position: relative;
	top: auto;
	bottom: auto;
	}
	.date.table.center {
	padding-bottom: 20px;
	}
	.date.table h1 {
	font-size: 2.5em;
	}
	.logo.table.center {
	padding-bottom: 20px;
	}
	.header-image {
	background-size: cover;
	}
}



/* ----------------------------------------
FORMS
---------------------------------------- */
button,
.button,
.Button,
.SearchGoButton,
input[type="button"],
input[type="submit"],
#cookiePolicy a#cookiePolicyAccept {
position: relative;
z-index: 2000;
text-indent: 0;
display: inline-block;
font-size: 16px;
line-height: 17px;
font-weight: 900;
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
width: auto;
height: auto;
text-decoration: none;
text-align: center;
padding: 18px 35px;
margin: 0 auto;
border-style: solid;
border-width: 0 0 3px 0;
cursor: pointer;
float: right;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-backface-visibility: hidden;
-webkit-font-smoothing: antialiased; /* Makes the text rendering beautiful on Chrome 37+ & Safari 5+ */
-moz-osx-font-smoothing: grayscale; /* Makes the text rendering beautiful on OSX Firefox 25.0+ */
}
.button:active {
position: relative;
top: 1px;
}
[data-abide] .error small.error,
[data-abide] .error span.error,
[data-abide] span.error,
[data-abide] small.error {
/*float: left;*/
width: 100%;
clear: both;
}
.form-wrapper {
margin: 0 auto;
background-color: rgb(242,245,245);
background-image: url(../img/old-mathematics.png);
background-repeat: repeat;
background-position: 0 0;
background-size: 200px 200px;
}
.form-wrapper.collapsed {
height: 0;
overflow: hidden;
}
.form-wrapper button,
.form-wrapper .button,
.form-wrapper input[type="button"],
.form-wrapper input[type="submit"] {
width: 40%;
margin: 0 30%;
}
.form-wrapper div.columns {
padding: 30px 0 50px;
}
.form-wrapper .row .row {
margin-left: 0;
margin-right: 0;
}
.form-wrapper .row .row div.columns {
padding: 0;
}
@media only screen and (min-width: 40.063em) {
	.form-wrapper .row .row div.columns.large-6 {
	padding-right: 2.5%;
	padding-left: 0;
	}
	.form-wrapper .row .row div.columns.large-6 + .large-6 {
	padding-right: 0;
	padding-left: 2.5%;
	}
}
.form-wrapper div.columns.center {
padding: 50px 0 0 0;
}
.form-wrapper dt {
margin-bottom: 15px;
}
.form-wrapper .name-field,
.form-wrapper dt {
width: 100%;
}
.form-wrapper .name-field,
.form-wrapper .name-field span,
.form-wrapper dt,
.form-wrapper input,
.form-wrapper select {
/*float: left;*/
}
.form-wrapper .radio-buttons {
padding-bottom: 20px;
padding-top: 7px;
}
.form-wrapper .radio-buttons small {
width: 100%;
}
.form-wrapper input.half,
.form-wrapper select.half {
width: 47.5%;
margin-right: 5%;
}
.form-wrapper select.one-third {
width: 30%;
margin-right: 5%;
}
.form-wrapper input.half + input.half,
.form-wrapper input.half + select.half,
.form-wrapper input.one-third + input.one-third + input.one-third,
.form-wrapper select.half + input.half,
.form-wrapper select.half + select.half,
.form-wrapper select.one-third + select.one-third + select.one-third {
margin-right: 0;
}
.fields {
font-weight: 700;
}
fieldset {
border: 0;
padding: 0;
margin: 0;
}
form {
margin: 0;
padding: 0;
}
form button[type="submit"],
form .button,
form input[type="button"],
form input[type="submit"] {
margin-bottom: 0;
}
.container form {
padding-bottom: 0;
}
/*form img {
width: 35% !important;
max-width: 35% !important;
margin-right: 5%;
height: 40px !important;
float: left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}*/
form input[name="captcha"] {
width: 60%;
margin-bottom: 40px;
}
form dd,
form dt {
width: 100%;
}
form dd,
form dt,
form input,
form select {
/*float: left;*/
}
form input.half,
form select.half {
width: 48.5%;
margin-right: 3%;
}
form select.one-third {
width: 31.33333333333333%;
margin-right: 3%;
}
form input.half + input.half,
form select.half + select.half,
form select.one-third + select.one-third + select.one-third {
margin-right: 0;
}
input, textarea, select, input[type="radio"] + label span {
width: 100%;
height: 40px;
padding: 8px;
margin: 0 0 20px 0;
border: none;
outline: none;
font-size: 13px;
display: inline;
border-style: solid;
border-width: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-o-transition: border 0.2s ease-in;
-ms-transition: border 0.2s ease-in;
-moz-transition: border 0.2s ease-in;
-webkit-transition: border 0.2s ease-in;
transition: border 0.2s ease-in;
}
input#searchfield_title, input#searchfield_content, input#searchfield_author, input[name="notifyreply"], input[type="radio"], input[type="checkbox"] {
width: auto !important;
margin: 0 5px 0 8px;
}
input[type="image"]#btn_submit{
background: none;
border: 0;
width: 145px;
height: 42px;
padding: 0;
margin: 0;
float: right;
}
input[type="radio"],
input[type="checkbox"] {
height: auto;
margin-right: 8px !important;
cursor: pointer;
-moz-box-shadow: none;
-webkit-box-shadow:  none;
box-shadow:  none;
}
input[type="radio"].yes,
input[type="radio"].no {
display:none;
}
input[type="radio"].yes + label,
input[type="radio"].no + label {
float: right;
margin: -7px 0 0 20px;
}
input[type="radio"].yes + label span.icn,
input[type="radio"].no + label span.icn {
display:inline-block;
width: 38px;
height: 38px;
margin: 0 0 0 10px;
vertical-align: middle;
cursor:pointer;
float: none;
}
input[type="checkbox"].yes + label span,
input[type="radio"].yes + label span {
background-position: -187px -241px;
}
input[type="checkbox"].no + label span,
input[type="radio"].no + label span {
background-position: -131px -241px;
}
input[type="checkbox"].yes:checked + label span,
input[type="radio"].yes:checked + label span {
background-position: -299px -241px;
}
input[type="checkbox"].no:checked + label span,
input[type="radio"].no:checked + label span {
background-position: -242px -241px;
}


@media only screen and (max-width: 48.063em) {
	.form-wrapper button,
	.form-wrapper .button,
	.form-wrapper input[type="button"],
	.form-wrapper input[type="submit"] {
	width: 60%;
	margin: 0 20%;
	}
	.form-wrapper .name-field span {
    padding-bottom: 12px;
	}
	.form-wrapper .name-field > span {
    display: block;
	}
	input[type="radio"].yes + label,
	input[type="radio"].no + label {
	clear: left;
	}
}

.g-recaptcha {
	margin-bottom: 26px;
}




/* ----------------------------------------
FOOTER
---------------------------------------- */
.blue,
html {
background-color: #b42731;
background-image: url(../img/red-background.png);
background-repeat: repeat;
background-position: 0 0;
background-size: 200px 200px;
}
footer {
float: left;
width: 100%;
}
footer .copyright {
padding-top: 22px;
padding-bottom: 11px;
text-align: center;
border-width: 1px 0 0 0;
border-style: solid;
}
footer .copyright p {
font-size: 0.846em; /* 11px */
width: 100%;
margin: 0;
}



/* ----------------------------------------
COLOURS
---------------------------------------- */

/* DARK GREY */
/* Text */
a:hover:not(.button),
body,
dt,
h1,
h1 a:hover,
h2,
h2 a:hover,
h3,
h3 a:hover,
h4,
h4 a:hover,
h5 a:hover,
h6,
h6 a:hover {
color: rgb(76,76,76);
}
.em_black_txt {
color: rgb(76,76,76) !important;
}


/* MID BLUE */
/* Text color was: 145,173,193*/
input,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
input[type="radio"] + label span,
select,
textarea  {
color: #b42731;
}
/* Borders */
input:hover,
input:focus,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="date"]:hover,
input[type="date"]:focus,
input[type="datetime"]:hover,
input[type="datetime"]:focus,
input[type="datetime-local"]:hover,
input[type="datetime-local"]:focus,
input[type="month"]:hover,
input[type="month"]:focus,
input[type="week"]:hover,
input[type="week"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="number"]:hover,
input[type="number"]:focus,
input[type="search"]:hover,
input[type="search"]:focus,
input[type="tel"]:hover,
input[type="tel"]:focus,
input[type="time"]:hover,
input[type="time"]:focus,
input[type="url"]:hover,
input[type="url"]:focus,
input[type="color"]:hover,
input[type="color"]:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {
border-color: #CD7E84;
}


/* LIGHT BLUE */
/* Borders */
input,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
input[type="radio"] + label span,
select,
textarea {
border-color: rgb(186,213,232);
}


/* BLUE */
/* Text */
a,
a strong,
h1,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h5,
h6 a,
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6,
.white p {
color: #b42731;
}


/* BROWN */
/* Backgrounds */
button,
.button,
.Button,
input[type="button"],
input[type="submit"] {
background-color: rgb(181,159,124);
}
/* Borders */
button:hover,
.button:hover,
.Button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
border-color: rgb(181,159,124);
}
/* Text Shadow */
button:hover,
.button:hover,
.Button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
text-shadow: 0 1px 0 rgb(181,159,124);
}

/* DARK BROWN */
button:hover,
.button:hover,
.Button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
background-color: rgb(133,113,82);
}
/* Borders */
button,
.button,
.Button,
input[type="button"],
input[type="submit"] {
border-color: rgb(133,113,82);
}
/* Text Shadow */
button,
.button,
.Button,
input[type="button"],
input[type="submit"] {
text-shadow: 0 1px 0 rgb(133,113,82);
}


/* WHITE */
/* Text */
.blue a,
.blue h1,
.blue h2,
.blue h3,
.blue h4,
.blue h5,
.blue h6,
.blue p,
button,
.button,
.Button,
footer a,
input[type="button"],
input[type="submit"]{
color: rgb(255,255,255);
}
/* Backgrounds */
img.captcha,
input:not([type="button"]):not([type="submit"]),
input[type="radio"] + label span,
select,
textarea {
background-color: rgb(255,255,255);
}


/* TRANSPARENT */
/* Backgrounds */
fieldset legend {
background-color: transparent;
}


/* ----------------------------------------
CLEARING
---------------------------------------- */
/* Self Clearing Goodness */
.clear:before, .clear:after, .name-field:after, label:after, .error .error:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }