/* CSS Style */


/* TEXT */
body, .font {
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	font-weight: 400;
    font-size: 1.1em;
	line-height: 1.2em;
}

h1, .title, h2, .header, h3, h4, h5, h6 {
	font-family: Ubuntu, Verdana, Geneva, sans-serif;;
	font-weight: 600;
	line-height: normal;
	margin: 0; 
	margin-bottom: 0.4em;
}
p, .paragraph {
	margin: 0 0 1em 0;
}
.text {
	margin-bottom: 0.1em;
}
.big, .testimonial {
	font-size: 1.2em;
	line-height: normal;
}
.small {
	font-size: 0.9em;
	line-height: normal;
}

h1, .title {
	font-size: 2.4em;
}
h2, .header {
	font-size: 2em;
}
h3 {
	font-size: 1.8em;
}
h4 {
	font-size: 1.6em;
}
h5 {
	font-size: 1.4em;
}
h6 {
	font-size: 1.2em;
}


/* INPUT */
.input_form {
	padding: 18px 24px;
	border-radius: 12px;
}
.input_form.popup .popup_close {
	top: 16px;
	right: 24px;
}
.input_form .submit.button.block {
	padding: 8px 40px;
}

.input {
	background-color: #fefefe;
	padding: 4px 8px;
	font-size: 1.1em;
	color: #808080;
	border: 2px solid #edfcfe;
}
.input, .input.error, .input.success {
	margin: 0;
	padding: 8px 12px;
}
.input- {
	float: left;
	margin-top: 6px;
	margin-right: 6px;
}
.input_form .info, .input_form .error {
	margin-bottom: 20px;
}
.input.none {
	display: none !important;
}


/* BUTTONS */
.button {
	display: inline-block;
	margin: 0px;
	padding: 6px 24px;
	text-align: center;
	border-radius: 2px;
	font-size: 1.1em;
	border-style: solid;
	border-width: 1px;
	transition: 0.1s all ease;
}
.button.big {
	padding: 16px 32px;
	font-size: 1.1em;
	margin: 0 6px;
}
.button:hover {
	text-decoration: none;
}
.button.block {
	display: block;
}


/* LINKS */
a, .submit {
	cursor: pointer;
    color: #02669e;
	text-decoration: none;
	transition: 0.1s all ease;
}
a:hover, .hover:hover {
    color: #000000;
	text-decoration: underline;
}
header a:hover {
	text-decoration: none;
}


/* COLOURS: Base, Primary, Secondary, Tertiary (Text, Background, Borders) */
.textBase, body, #menu a,
.class-upcoming h4, .class-upcoming h5, .class-upcoming h6, .class-enrol h4, .class-enrol h5, .class-enrol h6 {
	color: #2a2a2a;
}
.textBase-l {
	color: #4a4a4a;
}
.textBase-d {
	color: #0a0a0a;
}
.textPrimary {
	color: #498eb2;
}
.textPrimary-l {
	color: #d2f7fd;
}
.textPrimary-d {
	color: #04173d;
}
.textSecondary {
	color: #498eb2;
}
.textSecondary-l {
	color: #498eb2;
}
.textSecondary-d {
	color: #498eb2;
}
.textTertiary, .button, footer, footer a, footer a:hover {
	color: #ffffff;
}
.textTertiary-l, .button:hover {
	color: #ffffff;
}
.textTertiary-d {
	color: #ffffff;
}

.bgBase, body {
	background-color: #ffffff;
}
.bgBase-l, .bgPrimary-d .button:hover, .input_form {
	background-color: #ffffff;
}
.bgBase-d {
	background-color: #fcfcfc;
}
.bgPrimary {
	background-color: #498eb2;
	color: #ffffff;
}
.bgPrimary-l, .button.bgPrimary {
	background-color: #d2f7fd;
	color: #ffffff;
}
.bgPrimary-d, .button.bgPrimary:hover {
	background-color: #04173d;
	color: #ffffff;
}
.bgSecondary, .button {
	background-color: #498eb2;
}
.bgSecondary-l {
	background-color: #498eb2;
}
.bgSecondary-d, .button:hover {
	background-color: #498eb2;
}
.bgTertiary {
	background-color: #000000;
}
.bgTertiary-l {
	background-color: #000000;
}
.bgTertiary-d {
	background-color: #000000;
}

.borderBase, .border, .input, .class-upcoming {
	border-color: #cacaca;
}
.borderBase-l {
	border-color: #eeeeee;
}
.borderBase-d {
	border-color: #aaaaaa;
}
.borderPrimary, hr {
	border-color: #498eb2;
}
.borderPrimary-l {
	border-color: #d2f7fd;
}
.borderPrimary-d, .button.bgPrimary {
	border-color: #04173d;
}
.borderSecondary {
	border-color: #498eb2;
}
.borderSecondary-l {
	border-color: #498eb2;
}
.borderSecondary-d, .button {
	border-color: #498eb2;
}
.borderTertiary {
	border-color: #ffffff;
}
.borderTertiary-l {
	border-color: #ffffff;
}
.borderTertiary-d {
	border-color: #ffffff;
}

/* ALERTS */
.success, .error {
	padding: 0.5em 1em;
	margin: 0 0 1em 0;
	border: solid 1px;
}
.success, .textSuccess, .success h4 {
	color: #2e9a2e;
}
.success {
	background-color: #d6f6c6;
	border-color: #28b228;
}
.error, .errorText, .error h4 {
	color: #d42424;

}
.error {
	background-color: #fce4e4;
	border-color: #de8282;
}
.success h4, .error h4 {
	font-style: normal;
	font-weight: bold;
	margin-bottom: 0.5em;
}