/*
# Settings (_settings)
*/
/*
## Variables
### General
$phi: 1.618033988749 - Golden ratio
*/
/*
### Colours
$colour-base - #333 $colour-base - #333
$colour-highlight - #339 $colour-highlight - #339
$colour-link - #339 $colour-link - #339
*/
/*
### Fonts
$font-size - 13
$line-height - 1.4
$font-base - sans-serif
$font-header - sans-serif
*/
/*
## Functions
### em($size: $font-size, $context: $fs)
Will convert a pixel based size to an em value.
First value is the target size, the second value is the font-size of the context it is in.
Examples:
`em(26)` // 2em if base font-size is 13px
`em(18, 12)` // 1.5em
*/
/*
### rem($size: $font-size, $context: $fs)
Will convert a pixel based size to an rem value.
First value is the target size, the second value is the font-size of the context it is in.
Examples:
`em(26)` // 2em if base font-size is 13px
`em(18, 12)` // 1.5em
*/
/*
### lh($size: $font-size, $context: $fs)
Will provide the same function as 'em' above buth without appending 'em' to the result.
This makes it more suitable to use as a line-height value.
Examples:
`lh(26)` // 2 if base font-size is 13px
`lh(18, 12)` // 1.5
*/
/*
## Mixins
Mixins must to be called using @include (scss) or + (sass)
*/
/*
### max($maxwidth: $width)
A simple max-width media query
div {
@include max(768px) {
display: none;
}
}
Outputs:
@media (max-width: 768px) {
div {
display: none;
}
}
*/
/*
### min($minwidth: $width)
A simple min-width media query
div {
@include min(768px) {
display: block;
}
}
Outputs:
@media (min-width: 768px) {
div {
display: block;
}
}
*/
/*
### pixel-ratio($pixelratio: 2, $basedpi: 96)
A simple pixel-ratio media query
$basedpi is used for fine control over the dpi query value
div {
@include pixel-ratio {
background-image: url(image@2x.png);
}
}
Outputs:
@media
(-webkit-min-device-pixel-ratio: 2),
( min--moz-device-pixel-ratio: 2),
( -o-min-device-pixel-ratio: 2/1),
( min-device-pixel-ratio: 2),
( min-resolution: 192dpi),
( min-resolution: 2dppx) {
div {
background-image: url(image@2x.png);
}
}
*/
/*
### Placeholders
*/
/*
### boxes($cols: 3, $gutter: 10px, $selector: ".col")
Set the container and its children (as selected by the selector argument) to be a set of columns.
*/
/*
## Extend
Use these placeholder styles with @extend.
*/
/*
### %clearfix
@extend interface for @include clearfix;
*/
.form-item, .wrap, .home-boxes, .post, .content-banner, .team-listing, .course-listing, .centre-listing .centre-listing_centre, .centre-listing .centre-listing_info, .job-categories-listing, .job-listing-star .job-listing_job, .partners-listing, .form-profile .form_split, .form-password .form_split, .form-login .form_split, .form-membership .form_split, .form-course-book .form_split, .form-job-application .form_split, .form .form_split, .form-profile .form-profile_checkboxes, .form-membership .form-membership_checkboxes, .news-listing, .availability-grid {
*zoom: 1;
}
.form-item:before, .wrap:before, .home-boxes:before, .post:before, .content-banner:before, .team-listing:before, .course-listing:before, .centre-listing .centre-listing_centre:before, .centre-listing .centre-listing_info:before, .job-categories-listing:before, .job-listing-star .job-listing_job:before, .partners-listing:before, .form-profile .form_split:before, .form-password .form_split:before, .form-login .form_split:before, .form-membership .form_split:before, .form-course-book .form_split:before, .form-job-application .form_split:before, .form .form_split:before, .form-profile .form-profile_checkboxes:before, .form-membership .form-membership_checkboxes:before, .news-listing:before, .availability-grid:before, .form-item:after, .wrap:after, .home-boxes:after, .post:after, .content-banner:after, .team-listing:after, .course-listing:after, .centre-listing .centre-listing_centre:after, .centre-listing .centre-listing_info:after, .job-categories-listing:after, .job-listing-star .job-listing_job:after, .partners-listing:after, .form-profile .form_split:after, .form-password .form_split:after, .form-login .form_split:after, .form-membership .form_split:after, .form-course-book .form_split:after, .form-job-application .form_split:after, .form .form_split:after, .form-profile .form-profile_checkboxes:after, .form-membership .form-membership_checkboxes:after, .news-listing:after, .availability-grid:after {
content: "";
display: table;
}
.form-item:after, .wrap:after, .home-boxes:after, .post:after, .content-banner:after, .team-listing:after, .course-listing:after, .centre-listing .centre-listing_centre:after, .centre-listing .centre-listing_info:after, .job-categories-listing:after, .job-listing-star .job-listing_job:after, .partners-listing:after, .form-profile .form_split:after, .form-password .form_split:after, .form-login .form_split:after, .form-membership .form_split:after, .form-course-book .form_split:after, .form-job-application .form_split:after, .form .form_split:after, .form-profile .form-profile_checkboxes:after, .form-membership .form-membership_checkboxes:after, .news-listing:after, .availability-grid:after {
clear: both;
}
/*
### %list-reset
@extend interface for @include list-reset;
*/
.pagination, .carousel-wrap .carousel, .copyright ul, .breadcrumbs, .centre-listing, .job-listing, .job-listing dl, .job-listing-star, .job-listing-star dl, .job-listing-star .job-listing_details, .job-details, .form-centres .form-centres_list, .centre-accessibility, #whr_embed_hook .whr-items, #whr_embed_hook .whr-items .whr-item .whr-info {
margin: 0;
padding: 0;
}
.pagination > li, .carousel-wrap .carousel > li, .copyright ul > li, .breadcrumbs > li, .centre-listing > li, .job-listing > li, .job-listing dl > li, .job-listing-star > li, .job-listing-star dl > li, .job-listing-star .job-listing_details > li, .job-details > li, .form-centres .form-centres_list > li, .centre-accessibility > li, #whr_embed_hook .whr-items > li, #whr_embed_hook .whr-items .whr-item .whr-info > li {
list-style: none;
list-style-image: none;
}
/*
### %list-reset-full
@extend interface for @include list-reset-full;
*/
/*
# Normalize (_normalize)
normalize.css v1.0.1 | MIT License | git.io/normalize
Global reset. This file should not be edited.
*/
html {
box-sizing: border-box;
}
*, *:after, *:before {
box-sizing: inherit;
background-repeat: no-repeat;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-ms-text-size-adjust: 100%;
/* 2 */
}
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
p,
pre {
margin: 1em 0;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before,
q:after {
content: '';
content: none;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
menu,
ol,
ul {
padding: 0 0 0 40px;
}
nav ul, nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
nav a {
text-decoration: none;
}
img {
border: 0;
/* 1 */
-ms-interpolation-mode: bicubic;
/* 2 */
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
legend {
border: 0;
/* 1 */
padding: 0;
white-space: normal;
/* 2 */
*margin-left: -7px;
/* 3 */
}
button,
input,
select,
textarea {
font-size: 100%;
/* 1 */
margin: 0;
/* 2 */
vertical-align: baseline;
/* 3 */
*vertical-align: middle;
/* 3 */
}
button,
input {
line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
*overflow: visible;
/* 4 */
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
*height: 13px;
/* 3 */
*width: 13px;
/* 3 */
}
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
resize: vertical;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
vertical-align: top;
}
/*
# Base styles: opinionated defaults (_base)
*/
html,
button,
input,
select,
textarea {
color: #25338C;
font-family: "Gill Sans W01", sans-serif;
}
body.site {
font-family: "Gill Sans W01", sans-serif;
font-size: 1em;
line-height: 1.4;
word-wrap: break-word;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
img {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/*
* Text Reset
*/
h1, h2, h3, h4, h5, h6 {
margin: 0;
text-transform: lowercase;
}
h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * {
margin-top: 1em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none;
}
p {
margin: 0;
}
* + p {
margin-top: 1em;
}
h1,
h2 {
font-size: 2.5rem;
font-weight: 500;
}
h3 {
font-size: 1.25rem;
}
.h1-company {
color: #25338C;
font-size: 3.75rem;
font-weight: 700;
}
@media (max-width: 500px) {
.h1-company {
line-height: 1;
}
}
.h1-company span {
color: #9A3F97;
font-style: italic;
}
@media (max-width: 500px) {
.h1-company span {
display: block;
}
}
blockquote {
color: #9A3F97;
font-size: 1.25rem;
font-style: italic;
font-weight: 700;
margin: 0;
}
blockquote p {
border-left: 4px solid #9A3F97;
line-height: 1.4;
margin: 0;
padding-left: 40px;
position: relative;
}
blockquote p:before, blockquote p:after {
background-image: url(/site/images/icon/highlight/quote.svg);
background-size: 34px 13px;
content: '';
display: inline-block;
height: 13px;
width: 16px;
}
.no-svg blockquote p:before, .no-svg blockquote p:after {
background-image: url(/site/images/icon/highlight/quote.png);
}
blockquote p:before {
position: absolute;
top: 6px;
left: 18px;
}
blockquote p:after {
background-position: right 0;
margin-left: 0.15em;
}
blockquote cite {
color: #25338C;
font-size: 0.8125rem;
font-style: normal;
padding-left: 44px;
}
blockquote.justifyright p {
border-left: none;
border-right: 4px solid #9A3F97;
padding-right: 12px;
padding-left: 0;
}
blockquote.justifyright p:before {
position: static;
margin-right: 3px;
}
blockquote.justifyright cite {
padding-left: 0;
padding-right: 16px;
}
/*
* Links
*/
a {
color: #339;
}
/* Text Alignment */
.justifyleft {
text-align: left;
}
.justifyright {
text-align: right;
}
.justifyfull {
text-align: justify;
}
.justifycentre {
text-align: center;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
.hide {
display: none;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
## Object styles (_objects)
### Images
*/
img {
display: inline-block;
height: auto;
max-width: 100%;
}
.oldie img {
max-width: none;
}
img.right {
float: right;
margin: 0 0 0 50px;
}
img.left {
float: left;
margin: 0 50px 0 0;
}
img[style*="left"] {
margin: 0 50px 0 0;
}
img[style*="right"] {
margin: 0 0 0 50px;
}
figure {
border-bottom: 1px dotted #9A3F97;
margin-bottom: 10px;
padding-bottom: 30px;
position: relative;
}
figure figcaption {
bottom: 0;
color: #999;
font-size: 0.75em;
font-style: italic;
left: 0;
line-height: 1.5;
padding: 6px 0;
position: absolute;
text-align: center;
width: 100%;
}
figure .fig-img {
margin: 0 auto;
}
@media (min-width: 768px) {
.fig-left {
float: left;
margin-bottom: 1em;
margin-right: 1em;
}
}
@media (min-width: 768px) {
.fig-right {
float: right;
margin-bottom: 1em;
margin-left: 1em;
}
}
.branches-map .branches-map_popups_inner:after, .job-listing .job-listing_desc:after, .job-listing-star .job-listing_desc:after, .partners-listing .partners-listing_inner:after, .news-listing .news-listing_inner:after, .cta-block .cta-block_text:after, .article-neighbours .column:first-child a:after, .article-neighbours .column:last-child a:after {
border-style: solid;
content: '';
position: absolute;
}
.branches-map .branches-map_popups_inner:after, .job-listing .job-listing_desc:after, .job-listing-star .job-listing_desc:after, .partners-listing .partners-listing_inner:after, .news-listing .news-listing_inner:after, .cta-block .cta-block_text:after {
border-color: transparent;
border-width: 30px 25px 0;
top: 100%;
left: 50%;
margin-left: -25px;
}
.article-neighbours .column:first-child a:after {
border-color: transparent;
border-width: 25px 30px 25px 0;
top: 50%;
right: 100%;
margin-top: -25px;
}
.article-neighbours .column:last-child a:after {
border-color: transparent;
border-width: 25px 0 25px 30px;
top: 50%;
left: 100%;
margin-top: -25px;
}
.button {
background-color: #25338C;
background-image: none;
border: none;
border-radius: 4px;
color: #FFF;
display: inline-block;
font-weight: 700;
line-height: 1.4;
padding: 4px 12px;
text-decoration: none;
text-transform: lowercase;
transition: background-color 0.3s linear;
}
.button:hover {
background-color: #9A3F97;
}
.button-large {
border-radius: 10px;
font-size: 1.25rem;
padding: 11px 24px;
}
.button-disabled {
opacity: 0.75;
}
.button-account {
background-image: url(/site/images/icon/white/button-account.svg);
background-position: 12px bottom;
background-repeat: no-repeat;
padding-left: 47px;
}
.no-svg .button-account {
background-image: url(/site/images/icon/white/button-account.png);
}
.button-favourite {
background-image: url(/site/images/icon/white/star.svg);
background-position: 8px center;
display: none !important;
padding-left: 38px;
}
.no-svg .button-favourite {
background-image: url(/site/images/icon/white/star.png);
}
.button-favourite.button-large {
background-position: 14px center;
background-size: 31px 31px;
padding-left: 70px;
}
.button-search-course {
background-image: url(/site/images/icon/white/search-course.svg);
background-position: 10px center;
padding-left: 38px;
}
.no-svg .button-search-course {
background-image: url(/site/images/icon/white/search-course.png);
}
.button-search-job {
background-image: url(/site/images/icon/white/search-job.svg);
background-position: 10px center;
padding-left: 38px;
}
.no-svg .button-search-job {
background-image: url(/site/images/icon/white/search-job.png);
}
.button-star-job {
background-image: url(/site/images/icon/white/star-job.svg);
background-position: 10px center;
background-size: 32px 25px;
padding-left: 48px;
}
.no-svg .button-star-job {
background-image: url(/site/images/icon/white/star-job.png);
}
.button-arrow {
padding-right: 18px;
position: relative;
}
.button-arrow:after {
border-color: transparent #FFF;
border-style: solid;
border-width: 5px 0 5px 6px;
content: '';
margin-top: -5px;
position: absolute;
right: 6px;
top: 50%;
}
.button-arrow.button-large {
padding-right: 52px;
}
.button-arrow.button-large:after {
border-width: 10px 0 10px 12px;
margin-top: -10px;
right: 12px;
}
.button-grey {
background-color: #666;
}
.button-grey:hover {
background-color: #9A3F97;
}
.button-white {
background-color: #FFF;
color: #25338C;
}
.button-white:hover {
color: #FFF;
}
.button-white.button-favourite {
background-image: url(/site/images/icon/base/star.svg);
}
.no-svg .button-white.button-favourite {
background-image: url(/site/images/icon/base/star.png);
}
.button-white.button-favourite:hover {
background-image: url(/site/images/icon/white/star.svg);
}
.no-svg .button-white.button-favourite:hover {
background-image: url(/site/images/icon/white/star.png);
}
.button-white.button-star-job {
background-image: url(/site/images/icon/base/star-job.svg);
}
.no-svg .button-white.button-star-job {
background-image: url(/site/images/icon/base/star-job.png);
}
.button-white.button-star-job:hover {
background-image: url(/site/images/icon/white/star-job.svg);
}
.no-svg .button-white.button-star-job:hover {
background-image: url(/site/images/icon/white/star-job.png);
}
.button-white-highlight {
background-color: #FFF;
color: #9A3F97;
}
.button-white-highlight:hover {
background-color: #9A3F97;
color: #FFF;
}
.button-highlight {
background-color: #9A3F97;
}
.button-highlight:hover {
background-color: #25338C;
}
.button-brand-1 {
background-color: #BED04A;
}
.button-brand-1:hover {
background-color: #25338C;
}
.button-brand-4 {
background-color: #d04a4a;
margin-top: 4px;
}
.button-brand-4:hover {
background-color: #25338C;
}
@media (min-width: 768px) {
.button-brand-4 {
margin-top: 0;
}
}
.pagination {
clear: both;
text-align: center;
}
.pagination li {
display: inline-block;
vertical-align: middle;
margin-left: 3px;
margin-right: 3px;
}
.pagination a,
.pagination span {
background-color: #25338C;
border-radius: 4px;
color: #FFF;
display: block;
min-width: 30px;
padding: 4px 2px;
text-decoration: none;
}
.pagination button {
background-color: #25338C;
border: none;
border-radius: 4px;
color: #FFF;
height: 30px;
min-width: 30px;
}
.pagination .control a,
.pagination .control span {
background-color: transparent;
color: #25338C;
position: relative;
}
.pagination .control a:before,
.pagination .control span:before {
border-color: transparent #25338C;
border-style: solid;
border-width: 5px 0;
position: absolute;
top: 50%;
left: 50%;
margin-top: -2.5px;
margin-left: -3px;
}
.pagination .prev a,
.pagination .prev span,
.pagination .next a,
.pagination .next span {
text-indent: -9999px;
}
.pagination .prev a:before,
.pagination .prev span:before,
.pagination .next a:before,
.pagination .next span:before {
content: '';
}
.pagination .prev a:before,
.pagination .prev span:before {
border-right-width: 6px;
}
.pagination .next a:before,
.pagination .next span:before {
border-left-width: 6px;
}
.pagination .active a,
.pagination .active span {
background-color: transparent;
color: #25338C;
}
.search-paging {
color: #FFF;
text-align: center;
}
.search-paging a {
color: inherit;
display: block;
text-decoration: none;
}
.search-paging span {
background-color: #25338C;
border: none;
border-radius: 4px;
color: #FFF;
display: inline-block;
height: 30px;
line-height: 30px;
margin: 4px 0;
min-width: 30px;
}
.search-paging .sisea-current-page {
background-color: transparent;
color: #25338C;
}
.sisea-highlight {
font-weight: 700;
}
.lnk {
color: #9A3F97;
font-weight: 700;
text-decoration: none;
}
.lnk:after {
border-color: transparent #9A3F97;
border-style: solid;
border-width: 7px 0 7px 8px;
content: '';
display: inline-block;
margin-left: 12px;
height: 14px;
vertical-align: middle;
}
.video-embed-frame {
padding-bottom: 56.25%;
position: relative;
width: 100%;
}
.video-embed-frame iframe {
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.overlay {
background: url(/site/images/black-50.png);
background: rgba(0, 0, 0, 0.5);
height: 100%;
left: 0;
opacity: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
transition: opacity .3s linear;
}
.overlay.show {
opacity: 1;
}
.overlay.hide {
display: none;
}
.overlay_position {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.overlay-box {
background: #FFF;
max-height: 95%;
max-width: 800px;
opacity: 0;
padding: 10px;
position: relative;
width: 95%;
z-index: 101;
transition: opacity .3s linear;
}
.overlay-box.show {
opacity: 1;
}
.overlay-box.hide {
display: none;
}
.overlay_close {
background-color: #000;
border: none;
border-radius: 50%;
color: #FFF;
font-size: 20px;
font-weight: 700;
padding: 0;
position: absolute;
text-align: center;
top: -10px;
right: -10px;
width: 30px;
height: 30px;
z-index: 10;
}
.overlay_form-frame {
background-image: url(/site/images/ajax-loader.gif);
background-position: center center;
max-height: 100%;
margin: 0 -10px;
position: relative;
height: 500px;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
.overlay_form-frame iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
.cookie {
height: 0;
line-height: 30px;
overflow: hidden;
position: relative;
background: #25338C;
transition: height .3s linear;
}
.cookie,
.cookie a {
color: #FFF;
}
.cookie a {
font-weight: 700;
}
.cookie .inner {
text-align: center;
border-bottom: 1px solid #25338C;
}
.cookie .lnk-accept-cookies {
cursor: pointer;
margin-left: 10px;
}
.cookie.show {
height: 32px;
}
.cookie.hide {
display: none !important;
visibility: hidden;
}
textarea,
[type="text"],
[type="password"],
[type="datetime"],
[type="datetime-local"],
[type="date"],
[type="month"],
[type="time"],
[type="week"],
[type="number"],
[type="email"],
[type="url"],
[type="search"],
[type="tel"],
[type="color"] {
border: 1px solid #25338C;
border-radius: 4px;
padding: 5px;
width: 100%;
}
select {
width: 100%;
}
.checkbox label,
.radiobutton label {
margin-left: 3px;
vertical-align: middle;
}
.checkbox input,
.radiobutton input {
vertical-align: middle;
}
.checkboxbutton {
cursor: pointer;
}
.checkboxbutton input {
position: absolute;
left: -999px;
}
.checkboxbutton input:checked + .button {
background-color: #9A3F97;
color: #FFF;
}
.checkbox-replacement {
cursor: pointer;
}
.checkbox-replacement input {
position: absolute;
left: -999px;
}
.checkbox-replacement input + span:before {
background-image: url(/site/images/icon/white/tick.svg);
background-position: -100px -100px;
background-size: 12px 12px;
border: 1px solid #25338C;
border-radius: 4px;
content: '';
display: inline-block;
margin-right: 8px;
transition: background-color 0.5s;
vertical-align: middle;
width: 24px;
height: 24px;
}
.checkbox-replacement input:checked + span:before {
background-color: #9A3F97;
background-position: center center;
border-color: #9A3F97;
}
.checkbox-replacement span {
display: block;
}
:-moz-placeholder {
color: #25338C;
font-weight: 700;
opacity: 1;
}
::-moz-placeholder {
color: #25338C;
font-weight: 700;
opacity: 1;
}
::-webkit-input-placeholder {
color: #25338C;
font-weight: 700;
opacity: 1;
}
:-ms-input-placeholder {
color: #25338C;
font-weight: 700;
opacity: 1;
}
.location-typeahead {
display: inline-block;
position: relative;
vertical-align: top;
}
.location-typeahead select {
border: 1px solid #25338C;
border-top: none;
border-radius: 0 0 4px 4px;
position: absolute;
top: 100%;
left: 0;
right: 0;
}
.location-typeahead.merge input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.niceselect-wrapper {
background: #FFF;
border: 1px solid #25338C;
border-radius: 4px;
display: block;
font-weight: 700;
line-height: 1.75;
overflow: hidden;
padding: 0 10px;
position: relative;
text-align: left;
z-index: 1;
/* This is applied when the user tabs to focus or hovers on a nice select element */
/* Creates the arrow and positions it to the right */
/* Make sure the line-height matches the height of .niceSelect including padding */
/* The height must match the overall height of .niceSelect including padding */
}
.niceselect-wrapper.focus, .niceselect-wrapper:hover {
border: 1px solid #333;
}
.niceselect-wrapper:after {
border-top: 6px solid #25338C;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: "";
display: block;
height: 0;
margin-top: -3px;
position: absolute;
right: 9px;
top: 50%;
width: 0;
z-index: 5;
}
.niceselect-wrapper .niceselect-text {
display: block;
padding-right: 28px;
}
.niceselect-wrapper select {
border: 1px solid #eee;
bottom: 0;
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 10;
}
.niceselect-wrapper.lozenge {
background-color: #9A3F97;
border-color: #9A3F97;
border-radius: 4px;
color: #FFF;
font-weight: 700;
}
.niceselect-wrapper.lozenge:after {
border-top-color: #FFF;
}
#google_translate_element {
display: inline-block;
margin-left: 26px;
}
label.error {
color: #F00;
}
.form-item {
margin-bottom: 10px;
}
.form-item label {
display: block;
}
.form-item.info {
border: 1px solid #9A3F97;
border-radius: 4px;
background-color: #f4e4f3;
padding: 10px;
text-align: center;
}
.form-item_repeater {
margin-bottom: 10px;
}
.form-buttons {
margin-bottom: 10px;
text-align: right;
}
.form-errors {
background: #FEE;
border: 1px solid #F00;
color: #F00;
padding: 10px;
}
.form-errors :last-child {
margin-bottom: 0;
}
.expand {
height: 0;
overflow: hidden;
position: relative;
transition: height 0.5s;
}
.expand.open {
height: auto;
}
.alert-error, .alert-warning, .alert-success {
border-style: solid;
border-width: 1px;
margin-bottom: 10px;
padding: 10px;
}
.alert-error *, .alert-warning *, .alert-success * {
margin: 0;
}
.alert-error * + *, .alert-warning * + *, .alert-success * + * {
margin-top: 10px;
}
.alert-error {
background-color: #FEE;
border-color: #F00;
color: #F00;
}
.alert-warning {
background-color: #FFE;
border-color: #C90;
color: #C90;
}
.alert-success {
background-color: #EFE;
border-color: #090;
color: #090;
}
.carousel-wrap {
overflow: hidden;
position: relative;
}
.carousel-wrap .carousel {
position: relative;
}
.carousel-wrap .carousel-item {
float: left;
}
.hover {
cursor: pointer;
}
.small {
font-size: 0.75rem;
}
.xsmall {
font-size: 0.875rem;
}
.large {
font-size: 1.25rem;
}
.xlarge {
font-size: 1.375rem;
}
.colour-highlight {
color: #9A3F97;
}
.highlight, .cb-intro {
color: #9A3F97;
font-size: 1.25rem;
font-weight: 700;
}
iframe {
border: none;
max-width: 100%;
}
@media only screen and (max-width: 767px) {
.gt-ie9 .tbl-mobile, .gt-ie9 .tbl-opening, .gt-ie9 .tbl-booking, .gt-ie9 .tbl-mobile table, .gt-ie9 .tbl-opening table, .gt-ie9 .tbl-booking table, .gt-ie9 .tbl-mobile tbody, .gt-ie9 .tbl-opening tbody, .gt-ie9 .tbl-booking tbody, .gt-ie9 .tbl-mobile tr, .gt-ie9 .tbl-opening tr, .gt-ie9 .tbl-booking tr, .gt-ie9 .tbl-mobile td, .gt-ie9 .tbl-opening td, .gt-ie9 .tbl-booking td {
display: block;
}
.gt-ie9 .tbl-mobile thead, .gt-ie9 .tbl-opening thead, .gt-ie9 .tbl-booking thead, .gt-ie9 .tbl-mobile th, .gt-ie9 .tbl-opening th, .gt-ie9 .tbl-booking th {
display: none;
}
}
@media only screen and (max-width: 767px) {
.tbl-mobile-attr tr, .tbl-opening tr, .tbl-booking tr {
border: 1px solid #9A3F97;
margin-bottom: 20px;
}
.tbl-mobile-attr td:before, .tbl-opening td:before, .tbl-booking td:before {
background-color: #9A3F97;
color: #FFF;
content: attr(title);
display: block;
font-weight: 700;
}
}
/* ShareThis */
.sharethis span {
box-sizing: content-box;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-loading .slick-list {
background: #fff url(/site/images/ajax-loader.gif) center center no-repeat;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
zoom: 1;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
.slick-slide img {
display: block;
}
.slick-slide img.slick-loading {
background: white url(/site/images/ajax-loader.gif) center center no-repeat;
padding-bottom: 100%;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
/* Icons */
@font-face {
font-family: "slick";
src: url("/site/fonts/slick.eot");
src: url("/site/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/site/fonts/slick.woff") format("woff"), url("/site/fonts/slick.ttf") format("truetype"), url("/site/fonts/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
margin-top: -10px;
padding: 0;
border: none;
outline: none;
}
.slick-prev:focus,
.slick-next:focus {
outline: none;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before, .slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.85;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
.slick-prev:before {
content: '\8592';
}
.slick-next {
right: -25px;
}
.slick-next:before {
content: '\8594';
}
/* Dots */
.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -45px;
list-style: none;
display: block;
text-align: center;
padding: 0px;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0px 5px;
padding: 0px;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer;
outline: none;
}
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: '\8226';
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: 0.75;
}
.ui-widget {
box-sizing: content-box;
}
#map-plug {
display: none;
}
#google-reviews {
border-bottom: 1px solid #9A3F97;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/*display: grid;
grid-template-columns: repeat( auto-fit, minmax(320px, 1fr));*/
}
.review-item {
border-top: 1px solid #9A3F97;
padding: 2em;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 0;
flex-grow: 0;
max-width: 100%;
}
@media (min-width: 500px) {
.review-item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
@media (min-width: 1024px) {
.review-item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
}
@media (min-width: 1024px) {
.review-item + .review-item {
border-left: 1px solid #9A3F97;
}
}
.review-meta, .review-stars {
text-align: center;
font-size: 115%;
}
.review-author {
color: #9A3F97;
font-weight: bold;
text-transform: capitalize;
}
.review-date {
display: block;
font-size: 14px;
font-weight: 700;
}
.review-text {
line-height: 1.55;
margin: auto;
text-align: center;
}
.review-sep {
display: none;
}
.review-stars ul {
display: inline-block;
list-style: none !important;
margin: 0;
padding: 0;
}
.review-stars ul li {
float: left;
list-style: none !important;
margin-right: 1px;
line-height: 1;
}
.review-stars ul li i {
color: #BED04A;
font-size: 1.7em;
font-style: normal;
}
.review-stars ul li i.inactive {
color: #c6c6c6;
}
.star:after {
content: "\2605";
}
.full {
position: relative;
width: 100%;
}
.wrap {
margin-left: 5%;
margin-right: 5%;
width: 90%;
}
@media (min-width: 1210px) {
.wrap {
margin: auto;
max-width: 1100px;
width: auto;
}
}
.wrap .wrap {
width: auto;
}
@media (min-width: 768px) {
.nav-mobile {
display: none;
}
}
.display-no-mobile, .nav-main {
display: none;
}
@media (min-width: 768px) {
.display-no-mobile, .nav-main {
display: block;
}
}
.layout + .layout {
margin-top: 60px;
}
.layout + .layout.collapse {
margin-top: 0;
}
.layout + .footer-site {
margin-top: 60px;
}
.layout__nofootercollapse + .footer-site {
margin-top: 0;
}
.layout-join + .layout {
margin-top: 140px;
}
.layout-6-4.layout-6-4_top .wrap {
-ms-flex-align: start;
align-items: flex-start;
}
.layout-6-4 .wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.layout-6-4 .column-6 {
width: 100%;
}
@media (min-width: 1024px) {
.layout-6-4 .column-6 {
float: left;
width: 55%;
}
}
.layout-6-4 .column-4 {
margin-top: 30px;
width: 100%;
}
@media (min-width: 1024px) {
.layout-6-4 .column-4 {
float: left;
margin-top: 0;
width: 45%;
padding-left: 34px;
}
}
.layout-4-6 .wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.layout-4-6 .column-6 {
margin-top: 30px;
width: 100%;
}
@media (min-width: 1024px) {
.layout-4-6 .column-6 {
float: left;
margin-top: 0;
width: 55%;
}
}
.layout-4-6 .column-4 {
width: 100%;
}
@media (min-width: 1024px) {
.layout-4-6 .column-4 {
float: left;
width: 45%;
padding-right: 34px;
}
}
.layout-4-6 .column-4 .cb-quote {
text-align: right;
}
.layout-4-6 .column-4 .cb-quote blockquote p {
border-left: none;
border-right: 4px solid #9A3F97;
padding-right: 10px;
padding-left: 0;
}
.layout-4-6 .column-4 .cb-quote blockquote p:before {
position: static;
display: inline-block;
margin-right: 0.25em;
}
.layout-4-6 .column-4 .cb-quote blockquote cite {
padding-right: 14px;
}
@media (min-width: 768px) {
.layout-left .column-left {
float: left;
padding-right: 40px;
width: 33.3333%;
}
}
.layout-left .column-main {
margin-top: 30px;
}
@media (min-width: 768px) {
.layout-left .column-main {
float: left;
margin-top: 0;
width: 66.6666%;
}
}
@media (min-width: 768px) {
.layout-left .column-main .cb-text {
padding-right: 50px;
}
}
@media (min-width: 1024px) {
.layout-left .column-main .cb-text {
padding-right: 100px;
}
}
@media (min-width: 768px) {
.layout-right .column-right {
float: right;
padding-left: 40px;
width: 33.3333%;
}
}
.layout-right .column-main {
margin-top: 30px;
}
@media (min-width: 768px) {
.layout-right .column-main {
float: left;
margin-top: 0;
width: 66.6666%;
}
}
@media (min-width: 768px) {
.layout-right .column-main .cb-text {
padding-left: 50px;
}
}
@media (min-width: 1024px) {
.layout-right .column-main .cb-text {
padding-left: 100px;
}
}
@media (min-width: 768px) {
.layout-single .cb-text {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1024px) {
.layout-single .cb-text {
padding-left: 100px;
padding-right: 100px;
}
}
@media (min-width: 768px) {
.layout-single .cb-indent {
margin-left: 50px;
margin-right: 50px;
}
}
@media (min-width: 1024px) {
.layout-single .cb-indent {
margin-left: 100px;
margin-right: 100px;
}
}
.layout-split .column-wrap {
margin-left: -16px;
margin-right: -16px;
}
.layout-split .column {
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 768px) {
.layout-split .column {
float: left;
width: 50%;
}
}
@media (min-width: 768px) {
.layout-split .column:first-child .cb-text {
padding-left: 50px;
}
}
@media (min-width: 1024px) {
.layout-split .column:first-child .cb-text {
padding-left: 100px;
}
}
@media (min-width: 768px) {
.layout-split .column:first-child .cb-indent {
margin-left: 50px;
}
}
@media (min-width: 1024px) {
.layout-split .column:first-child .cb-indent {
margin-left: 100px;
}
}
@media (min-width: 768px) {
.layout-split .column:last-child .cb-text {
padding-right: 50px;
}
}
@media (min-width: 1024px) {
.layout-split .column:last-child .cb-text {
padding-right: 100px;
}
}
@media (min-width: 768px) {
.layout-split .column:last-child .cb-indent {
margin-right: 50px;
}
}
@media (min-width: 1024px) {
.layout-split .column:last-child .cb-indent {
margin-right: 100px;
}
}
.layout-split .column + .column {
margin-top: 32px;
}
@media (min-width: 768px) {
.layout-split .column + .column {
margin-top: 0;
}
}
.no-js-display {
display: none !important;
}
.no-js .no-js-display {
display: initial !important;
}
body {
padding-top: 54px;
}
@media (min-width: 768px) {
body {
padding-top: 0;
}
}
/*
===========
Site Header
===========
*/
.header-site {
background: #25338C;
background-repeat: no-repeat;
position: fixed;
top: 0;
width: 100%;
height: 54px;
z-index: 50;
padding: 20px 0;
transition: height 0.25s linear;
overflow: hidden;
}
.header-site .logo {
float: left;
display: block;
text-align: center;
overflow: hidden;
}
.header-site .logo > img {
display: none;
}
.header-site .logo > .mobile-logo {
width: 136px;
height: 14px;
background-image: url("/site/images/logo/text-only-white.svg");
background-size: 136px 14px;
background-repeat: no-repeat;
background-color: transparent;
background-position: center center;
}
@media (min-width: 768px) {
.header-site .logo {
width: auto;
}
.header-site .logo > img {
display: block;
}
.header-site .logo > .mobile-logo {
display: none;
}
}
@media (max-width: 768px) {
.header-site .wrap {
margin: 0;
padding: 0 20px 0 30px;
width: 100%;
}
}
@media (min-width: 768px) {
.header-site {
background: linear-gradient(0deg, #DDDDDD 0%, #FFFFFF 44.18%);
position: relative;
padding-top: 30px;
padding-bottom: 0;
height: 146px;
}
}
.header_links {
text-align: right;
}
.header_links .back-menu {
font-size: 0.875rem;
font-weight: 400;
line-height: 1;
color: #000000;
position: relative;
outline: none;
display: none;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
}
.header_links .back-menu::before {
content: '';
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDFMMiA1TDYgOSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+");
background-size: 7px 10px;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
width: 7px;
height: 10px;
display: inline-block;
font-size: 0;
margin-right: 15px;
}
.header_links .header-button {
position: absolute;
display: none;
left: 30px;
bottom: 70px;
width: calc(100% - 60px);
border-radius: 8px;
font-size: 0.875rem;
line-height: 1.1429;
padding: 19px 20px;
text-align: center;
}
@media (min-width: 768px) {
.header_links .header-button {
position: relative;
left: auto;
bottom: auto;
width: auto;
display: inline-block;
padding-top: 14px;
padding-bottom: 14px;
margin-left: 30px;
}
}
@media (min-width: 1024px) {
.header_links .header-button {
padding-left: 33.06px;
padding-right: 33.06px;
}
}
.header_links .language-block {
display: none;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
}
.header_links .language-block > span {
display: none;
font-size: 0.875rem;
line-height: 1.1429;
color: #000000;
opacity: 0.5;
margin-right: 30px;
}
.header_links .language-block > a {
display: inline-block;
font-size: 0.875rem;
line-height: 1.1429;
color: #000000;
opacity: 1;
margin-left: 0;
text-decoration: none;
}
.header_links .language-block > a.selected {
opacity: 1;
text-decoration: underline;
}
.header_links .language-block > a + a {
margin-left: 20px;
}
@media (min-width: 768px) {
.header_links .language-block {
display: -ms-flexbox;
display: flex;
}
.header_links .language-block > a {
opacity: 0.2;
}
}
@media (min-width: 1024px) {
.header_links .language-block > span {
display: inline-block;
}
}
@media (min-width: 768px) {
.header_links {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding-top: 0;
height: 72px;
}
}
/* Site Header */
/*
==========
Navigation
==========
*/
.nav-main {
clear: both;
font-size: 1rem;
margin-top: 6px;
text-align: center;
text-transform: lowercase;
}
.nav-main > ul > li {
display: block;
}
@media (min-width: 768px) {
.nav-main > ul > li {
display: inline-block;
}
}
.nav-main > ul > li > a {
padding: 5px 0;
}
@media (min-width: 768px) {
.nav-main > ul > li > a {
padding: 8px;
}
}
@media (min-width: 1024px) {
.nav-main > ul > li > a {
padding-left: 14px;
padding-right: 14px;
}
}
.nav-main ul ul {
padding-left: 10px;
}
@media (min-width: 768px) {
.nav-main ul ul {
left: -999em;
padding-left: 0;
position: absolute;
}
}
.nav-main li {
border-left: 1px solid #BBB;
border-right: 1px solid #FFF;
position: relative;
transition: border-color 0.5s;
}
.nav-main li:first-child {
border-left: none;
}
.nav-main li:last-child {
border-right: none;
}
.nav-main li:hover > ul {
left: auto;
}
.nav-main li:hover, .nav-main li.active {
border-left-color: transparent;
border-right-color: transparent;
}
.nav-main li:hover > a, .nav-main li.active > a {
color: #FFF;
}
.nav-main li:hover:after, .nav-main li.active:after {
height: 100%;
}
.nav-main li:hover + li, .nav-main li.active + li {
border-left-color: transparent;
}
.nav-main li:after {
background-color: #9A3F97;
border-radius: 8px 8px 0 0;
content: '';
height: 0;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
transition: height 0.25s;
z-index: 10;
}
.nav-main a {
color: #9A3F97;
display: block;
position: relative;
transition: color 0.25s;
z-index: 20;
outline: none;
}
@media (min-width: 1024px) {
.nav-main {
font-size: 1.25rem;
margin-top: 0;
}
}
.nav-select select {
display: block;
width: 100%;
}
.nav-mobile {
float: right;
width: 20px;
}
.nav-mobile .nav-mobile-header {
display: block;
width: 20px;
height: 14px;
margin: 0;
padding: 0;
border: none;
outline: none;
background: transparent;
z-index: 120;
}
.nav-mobile .nav-mobile-header > span {
position: absolute;
display: block;
right: 20px;
width: 20px;
height: 2px;
border-radius: 2px;
background: #FFFFFF;
transition: transform 0.125s linear;
will-change: transform;
}
.nav-mobile .nav-mobile-header > span:nth-child(1) {
top: 20px;
}
.nav-mobile .nav-mobile-header > span:nth-child(2) {
top: 26px;
}
.nav-mobile .nav-mobile-header > span:nth-child(3) {
top: 32px;
}
.nav-mobile .nav-mobile_inner {
background: linear-gradient(0deg, #DDDDDD 0%, #FFFFFF 44.18%);
position: absolute;
width: 100%;
height: 0;
top: 54px;
left: 0;
padding: 0 30px 0;
transition: height 0.25s linear;
overflow: hidden;
}
.nav-mobile .nav-mobile_inner > ul {
margin: 0;
padding: 36px 0 30px;
text-align: left;
}
.nav-mobile .nav-mobile_inner > ul > li > a {
display: block;
font-size: 1.75rem;
font-weight: 400;
line-height: 1.1429;
color: #000000;
outline: none;
text-decoration: none;
}
.nav-mobile .nav-mobile_inner > ul > li + li {
margin-top: 22px;
}
.nav-mobile .nav-mobile_inner > ul > li.parent.first {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
.nav-mobile .nav-mobile_inner > ul > li.parent.first:after {
content: "+";
position: absolute;
top: 0;
right: 0;
width: 30px;
font-size: 1.875rem;
text-align: center;
line-height: 1;
color: #000000;
cursor: pointer;
}
.nav-mobile .nav-mobile_inner > ul > li.parent.first > ul {
display: none;
margin-top: 23px;
width: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
overflow-y: auto;
}
.nav-mobile .nav-mobile_inner > ul > li ul {
display: none;
}
.nav-mobile .nav-mobile_inner > ul > li ul > li > a {
font-size: 1rem;
line-height: 1.125;
color: rgba(0, 0, 0, 0.8);
}
.nav-mobile .nav-mobile_inner > ul > li ul > li + li {
margin-top: 18px;
}
.nav-mobile .nav-mobile_inner::after {
content: '';
position: absolute;
left: 30px;
bottom: 30px;
width: 97px;
height: 14px;
background-image: url("/site/images/logo/text-only-black.svg");
background-size: 97px 10px;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
}
.nav-side ul ul {
padding-left: 10px;
}
.nav-side a {
display: block;
padding: 5px 0;
}
.nav-footer {
font-size: 1.25rem;
margin-top: 35px;
text-align: center;
text-transform: lowercase;
}
.nav-footer li {
padding: 10px 15px;
}
@media (min-width: 640px) {
.nav-footer li {
display: inline;
padding-bottom: 0;
padding-top: 0;
}
}
.nav-footer li + li {
border-top: 1px solid #FFF;
}
@media (min-width: 640px) {
.nav-footer li + li {
border-top: none;
}
}
.nav-footer a {
color: #FFF;
display: block;
}
@media (min-width: 640px) {
.nav-footer a {
display: inline;
}
}
.nav-social {
margin-top: 40px;
}
.nav-social a {
background-color: #FFF;
border-radius: 4px;
display: inline-block;
position: relative;
transition: background-color 0.5s;
width: 30px;
height: 30px;
}
.nav-social a:before, .nav-social a:after {
background-image: url(/site/images/icon/social.svg);
background-size: 189px 60px;
content: '';
position: absolute;
width: 30px;
height: 30px;
top: 0;
left: 0;
transition: opacity 0.5s;
}
.no-svg .nav-social a:before, .no-svg .nav-social a:after {
background-image: url(/site/images/icon/social.png);
}
.nav-social a:after {
opacity: 0;
}
.nav-social a:hover {
background-color: transparent;
}
.nav-social a:hover:before {
opacity: 0;
}
.nav-social a:hover:after {
opacity: 1;
}
.nav-social .nav-social_email:before {
background-position: 0 0;
}
.nav-social .nav-social_email:after {
background-position: 0 -30px;
}
.nav-social .nav-social_twitter:before {
background-position: -30px 0;
}
.nav-social .nav-social_twitter:after {
background-position: -30px -30px;
}
.nav-social .nav-social_linkedin:before {
background-position: -60px 0;
}
.nav-social .nav-social_linkedin:after {
background-position: -60px -30px;
}
.nav-social .nav-social_facebook:before {
background-position: -90px 0;
}
.nav-social .nav-social_facebook:after {
background-position: -90px -30px;
}
.nav-social .nav-social_instagram:before {
background-position: -156px 0;
}
.nav-social .nav-social_instagram:after {
background-position: -156px -30px;
}
.cb-banner-centre .nav-social {
margin-top: 5px;
text-align: center;
}
.nav-wave {
clear: both;
font-weight: 700;
padding-top: 55px;
text-align: center;
text-transform: lowercase;
}
.nav-wave li {
display: inline-block;
margin-left: 7px;
margin-right: 7px;
margin: 7px;
}
.nav-wave a {
background-color: #25338C;
border-radius: 8px;
color: #FFF;
display: inline-block;
padding: 5px 12px;
transition: background-color 0.5s;
}
.nav-wave a:hover {
background-color: #9A3F97;
}
.nav-icons {
font-size: 0.875rem;
line-height: 1;
text-align: center;
}
.nav-icons a {
background-color: #25338C;
border-radius: 8px;
color: #FFF;
display: inline-block;
margin: 4px;
padding: 9px 8px 0;
width: 150px;
height: 150px;
vertical-align: middle;
}
.nav-icons img {
display: block;
margin: 0 auto 10px;
}
.nav-banner {
background-color: #BED04A;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
-ms-flex-pack: center;
justify-content: center;
padding: 40px 30px;
-ms-flex-align: center;
align-items: center;
text-align: center;
max-width: 380px;
width: 100%;
}
@media (min-width: 768px) {
.nav-banner {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
margin-left: 20px;
margin-top: 0;
}
}
.nav-banner li {
margin-top: 18px;
}
.nav-banner-landing {
text-align: center;
text-transform: lowercase;
width: 100%;
}
.nav-banner-landing li {
display: inline-block;
margin: 8px;
}
.nav-content {
text-align: center;
text-transform: lowercase;
width: 100%;
}
.nav-content li {
display: inline-block;
margin: 3px;
}
/* Navigation */
/*
======
Search
======
*/
.search {
float: right;
}
@media (min-width: 768px) {
.search {
float: none;
margin-left: 40px;
}
}
.form-search {
display: block;
}
.form-search h2 {
display: none;
font-size: 1.75rem;
line-height: 1.1429;
color: #000000;
text-align: center;
margin-bottom: 23px;
text-transform: capitalize;
}
.form-search fieldset {
position: relative;
margin: 0;
}
.form-search .form-item {
display: block;
background-color: #FFFFFF;
border-radius: 4px;
margin: 0;
padding: 0;
vertical-align: middle;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 60px;
transition: width 0.5s, height 0.5s, opacity 0.3s;
}
@media (min-width: 768px) {
.form-search .form-item {
display: inline-block;
position: relative;
width: 220px;
}
}
.form-search .form-search_button {
position: absolute;
top: 0;
right: 20px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuNjg1IDExLjg0NGwtMy4zNDgtMy4zNDhjLjUwNS0uODMuNzk2LTEuODAzLjc5Ni0yLjg0NkMxMS4xMzMgMi42MjMgOC41MDkgMCA1LjQ4MiAwQTUuNDgyIDUuNDgyIDAgMCAwIDAgNS40ODJjMCAzLjAyNyAyLjYyMyA1LjY1IDUuNjUgNS42NSAxLjAwNyAwIDEuOTUtLjI3MiAyLjc2LS43NDZsMy4zNjcgMy4zNjdjLjMzLjMzLjg2My4zMyAxLjE5MyAwbC44MzUtLjgzNWMuMzMtLjMzLjIxLS43NDQtLjEyLTEuMDc0ek0xLjY4NyA1LjQ4MmMwLTIuMDk2IDEuNy0zLjc5NSAzLjc5NS0zLjc5NSAyLjA5NiAwIDMuOTY0IDEuODY3IDMuOTY0IDMuOTYzIDAgMi4wOTctMS43IDMuNzk2LTMuNzk2IDMuNzk2LTIuMDk1IDAtMy45NjMtMS44NjgtMy45NjMtMy45NjR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
background-size: 15px 15px;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
width: 15px;
height: 15px;
border: none;
margin: 0;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
display: inline-block;
font-size: 0;
}
.form-search [type=text] {
border: 2px solid #9A3F97;
color: #000000;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.1429;
padding: 20px 42px 20px 20px;
}
.form-search :-moz-placeholder {
color: rgba(0, 0, 0, 0.2);
opacity: 1;
font-weight: 400;
}
.form-search ::-moz-placeholder {
color: rgba(0, 0, 0, 0.2);
opacity: 1;
font-weight: 400;
}
.form-search ::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.2);
opacity: 1;
font-weight: 400;
}
.form-search :-ms-input-placeholder {
color: rgba(0, 0, 0, 0.2);
opacity: 1;
font-weight: 400;
}
@media (min-width: 768px) {
.form-search .form-item {
height: 44px;
}
.form-search .form-search_button {
top: 50%;
right: 20px;
transform: translateY(-50%);
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNjYzIDEyLjY5bC0zLjU4OC0zLjU4N2E1Ljg0MyA1Ljg0MyAwIDAgMCAuODUzLTMuMDQ5QzExLjkyOCAyLjgxMSA5LjExOCAwIDUuODczIDBBNS44NzMgNS44NzMgMCAwIDAgMCA1Ljg3M2MwIDMuMjQ0IDIuODEgNi4wNTQgNi4wNTQgNi4wNTRhNS44NDQgNS44NDQgMCAwIDAgMi45NTctLjc5OWwzLjYwNyAzLjYwN2EuOTAzLjkwMyAwIDAgMCAxLjI3OCAwbC44OTUtLjg5NGMuMzUzLS4zNTMuMjI1LS43OTgtLjEyOC0xLjE1ek0xLjgwNyA1Ljg3M2E0LjA2NiA0LjA2NiAwIDAgMSA0LjA2Ni00LjA2NmMyLjI0NiAwIDQuMjQ3IDIuMDAxIDQuMjQ3IDQuMjQ3YTQuMDY2IDQuMDY2IDAgMCAxLTQuMDY2IDQuMDY2Yy0yLjI0NSAwLTQuMjQ3LTItNC4yNDctNC4yNDd6IiBmaWxsPSIjMDAwIi8+PC9zdmc+");
}
.form-search [type=text] {
border: 1px solid #BBBBBB;
color: #000000;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.1429;
padding: 13px 42px 13px 20px;
}
}
.search-results .search-result {
padding-top: 15px;
padding-bottom: 15px;
}
.search-results .search-result + .search-result {
border-top: 2px solid #9A3F97;
}
/* Search */
.header-site.nav-open {
background: #FFFFFF;
height: 100%;
padding-top: 30px;
padding-bottom: 10px;
}
.header-site.nav-open .logo {
width: 0;
}
.header-site.nav-open .header_links .header-button {
display: block;
}
.header-site.nav-open .header_links .language-block {
display: -ms-flexbox;
display: flex;
}
.header-site.nav-open .nav-mobile .nav-mobile-header {
position: relative;
}
.header-site.nav-open .nav-mobile .nav-mobile-header span {
position: absolute;
top: calc(50% - 2px);
left: 0;
background: #000000;
}
.header-site.nav-open .nav-mobile .nav-mobile-header span:nth-child(1) {
transform: rotate(-45deg);
}
.header-site.nav-open .nav-mobile .nav-mobile-header span:nth-child(2) {
opacity: 0;
}
.header-site.nav-open .nav-mobile .nav-mobile-header span:nth-child(3) {
transform: rotate(45deg);
}
.header-site.nav-open .nav-mobile .nav-mobile_inner {
height: calc(100% - 54px);
}
.header-site.nav-open.sub-open .nav-mobile .nav-mobile_inner > ul > li.parent.first {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, #DDDDDD 0%, #FFFFFF 44.18%);
padding: 36px 30px 30px;
z-index: 20;
}
.header-site.nav-open.sub-open .nav-mobile .nav-mobile_inner > ul > li.parent.first::after {
content: none;
}
.header-site.nav-open.sub-open .nav-mobile .nav-mobile_inner > ul > li.parent.first > ul {
display: block;
}
.header-site.nav-open.sub-open .language-block {
display: none;
}
.header-site.nav-open.sub-open .back-menu {
display: -ms-flexbox;
display: flex;
}
.header-site.nav-open .search {
display: none;
}
.header-site.search-open {
background: linear-gradient(0deg, #DDDDDD 0%, #FFFFFF 44.18%);
height: 100%;
padding-top: 30px;
padding-bottom: 10px;
}
.header-site.search-open .logo {
width: 0;
}
.header-site.search-open .nav-mobile .nav-mobile-header {
position: relative;
}
.header-site.search-open .nav-mobile .nav-mobile-header span {
position: absolute;
top: calc(50% - 2px);
left: 0;
background: #000000;
}
.header-site.search-open .nav-mobile .nav-mobile-header span:nth-child(1) {
transform: rotate(-45deg);
}
.header-site.search-open .nav-mobile .nav-mobile-header span:nth-child(2) {
opacity: 0;
}
.header-site.search-open .nav-mobile .nav-mobile-header span:nth-child(3) {
transform: rotate(45deg);
}
.header-site.search-open .search {
float: none;
padding-right: 10px;
height: calc(100vh - 40px);
}
.header-site.search-open .search .form-search {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.header-site.search-open .search .form-search h2 {
display: block;
}
.header-site.search-open .search .form-search fieldset {
width: 100%;
}
.header-site.search-open .search .form-search .form-item {
position: relative;
}
.header-site.search-open .search .form-search .form-search_button {
top: 50%;
right: 20px;
transform: translateY(-50%);
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNjYzIDEyLjY5bC0zLjU4OC0zLjU4N2E1Ljg0MyA1Ljg0MyAwIDAgMCAuODUzLTMuMDQ5QzExLjkyOCAyLjgxMSA5LjExOCAwIDUuODczIDBBNS44NzMgNS44NzMgMCAwIDAgMCA1Ljg3M2MwIDMuMjQ0IDIuODEgNi4wNTQgNi4wNTQgNi4wNTRhNS44NDQgNS44NDQgMCAwIDAgMi45NTctLjc5OWwzLjYwNyAzLjYwN2EuOTAzLjkwMyAwIDAgMCAxLjI3OCAwbC44OTUtLjg5NGMuMzUzLS4zNTMuMjI1LS43OTgtLjEyOC0xLjE1ek0xLjgwNyA1Ljg3M2E0LjA2NiA0LjA2NiAwIDAgMSA0LjA2Ni00LjA2NmMyLjI0NiAwIDQuMjQ3IDIuMDAxIDQuMjQ3IDQuMjQ3YTQuMDY2IDQuMDY2IDAgMCAxLTQuMDY2IDQuMDY2Yy0yLjI0NSAwLTQuMjQ3LTItNC4yNDctNC4yNDd6IiBmaWxsPSIjOUEzRjk3Ii8+PC9zdmc+");
}
.header-site.search-open::before {
content: '';
position: absolute;
top: 0;
left: 20px;
width: calc(100% - 40px);
height: 100%;
display: inline-block;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzM1IiBoZWlnaHQ9IjQ5MiIgdmlld0JveD0iMCAwIDMzNSA0OTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggb3BhY2l0eT0iLjgiIGQ9Ik0zMTQuODUxIDEzNS44MjJsLS4wMTIuNzExYzQuMjI0IDIyLjYzMiAxLjg4MiA1My4xOTctMS42MzIgNzEuMjM0LTQuNDMzIDIyLjcyLTEwLjY3IDQ1LjIxLTIwLjY5NiA2Ni4xNzYtMTcuMjgyIDM2LjEzOC00MS4zNjEgNzAuNDA5LTczLjkzNiA5NC41NDctNTQuNTkyIDQwLjQ1NS0xMjQuOTMgNTAuNjM1LTE3Ni44IDguOTUzIDE5LjA2MyAyMy4xODMgNDMuMzQ1IDQwLjE3IDczLjc5OSA0OC40MTggMTU2LjI4MyAzMi43MDUgMjQ2LjE2MS0xNzQuNzU4IDIxMi4zMzUtMjk5LjY5MkMzMDkuMTkxIDU3LjAyOSAyNTIuNTk3LTkuNzUyIDE3My4zMzYgMS4xODEgMTI5LjQ2IDcuMjM1IDkzLjE2OCAzMC42MzggNjUuMDQ0IDYyLjI5NGMzMS42MS0zMS45NzcgNzEuNjktNTUuMDcgMTE3LjA1NS01NS4xMjQgNzUuMzcxLS4wOSAxMjEuNzM3IDU4LjkgMTMyLjc1MiAxMjguNjUyek0yMC43NTggMzU2LjcyNmwuMDA2LS41ODctLjAzNi0uMDg5LS4wNi0uMTk1LS4wNTMtLjE2NmMtOS44NDgtODcuMTYgMjguMTktMTg0Ljg0OSAxMDIuMDMtMjM1LjgwNSAyOC43MDgtMTkuODE1IDYzLjMwMi0zNC42MTUgOTkuMDc2LTMyLjg0MiAyNS4yNzYgMS4yNTcgNDQuODA0IDkuMzI3IDY0LjkxNiAyMC42MTYtNTAuMjkxLTUxLjU4NC0xMjguMDQ2LTU4Ljg2LTE4OS41MTMtMTAuNTlDMzEuMDk5IDE0OC45MjUtNS42MDkgMjM3LjM5NS42OTkgMzIwLjcxOGM1Ljc1IDc1Ljg4OCA0OS4yOCAxNjYuMDk1IDEzNi4zMjEgMTcxLjA0IDUzLjY1NyAzLjA0NyA5OC45OC0yMi45NzYgMTMyLjgyNC02MC44MjItMzEuNDk3IDMxLjYwOS03MS4zMDMgNTQuMzc3LTExNi4zMjggNTQuNDQyLTc1LjM2LjEwMS0xMjEuNzI1LTU4LjkyNC0xMzIuNzU4LTEyOC42NTJ6IiBmaWxsPSIjOUEzRjk3Ii8+PC9zdmc+");
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
}
.header-site.search-open::after {
content: '';
position: absolute;
left: 30px;
bottom: 30px;
width: 97px;
height: 14px;
background-image: url("/site/images/logo/text-only-black.svg");
background-size: 97px 10px;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
}
/*
=======
Modules
=======
Module level CSS should be placed in this file.
Modules are self-contained sections of markup.
Modules can exist with other modules.
Modules can often include objects.
EXAMPLES::
"Site Header" would be a module.
"Top Navigation" may exist within the "Site Header" markup but it is capable of existing as its own module and so should be done separately.
*/
/*
=========
No Script
=========
*/
.site-alert {
background: #FFF;
border-bottom: 2px solid #F00;
display: block;
font-family: sans-serif;
font-size: 0.75em;
left: 0;
padding: 5px 0;
text-align: center;
top: 0;
width: 100%;
z-index: 100;
}
/* No Script */
/*
===========
Site Footer
===========
*/
.footer-site {
background-color: #25338C;
color: #FFF;
padding: 55px 0;
text-align: center;
}
.footer-site a {
color: inherit;
text-decoration: none;
}
.footer-site a:hover {
text-decoration: underline;
}
.copyright {
margin-top: 40px;
}
.copyright ul,
.copyright li,
.copyright span {
display: block;
}
@media (min-width: 540px) {
.copyright ul,
.copyright li,
.copyright span {
display: inline-block;
padding: 0;
}
}
.copyright li,
.copyright span {
padding: 10px 8px;
}
@media (min-width: 1260px) {
.copyright li,
.copyright span {
padding: 0 6px;
}
}
.copyright * + li,
.copyright * + span {
border-top: 1px solid #FFF;
}
@media (min-width: 540px) {
.copyright * + li,
.copyright * + span {
border-top: none;
}
}
@media (min-width: 1260px) {
.copyright * + li,
.copyright * + span {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
}
/* Site Footer */
/*
========
Carousel
========
*/
.carousel .carousel-item {
height: 200px;
}
@media (min-width: 768px) {
.carousel .carousel-item {
height: 300px;
}
}
.carousel .carousel-item.item-1 {
background: #FCC;
}
.carousel .carousel-item.item-2 {
background: #CFC;
}
.carousel .carousel-item.item-3 {
background: #CCF;
}
.carousel .carousel-item.item-4 {
background: #FCF;
}
.carousel .slick-next {
right: 10px;
}
.carousel .slick-prev {
left: 10px;
}
.carousel .wrap {
height: 200px;
}
@media (min-width: 768px) {
.carousel .wrap {
height: 300px;
}
}
.carousel .text {
background: rgba(255, 255, 255, 0.5);
padding: 10px;
width: 33.3333%;
}
/* Carousel */
/*
===========
Breadcrumbs
===========
*/
.breadcrumbs-wrapper {
position: relative;
text-transform: lowercase;
z-index: 40;
}
.breadcrumbs-position {
background-color: rgba(255, 255, 255, 0.7);
padding: 4px 0;
position: absolute;
left: 0;
top: 0;
right: 0;
}
.breadcrumbs {
font-size: 0.8125rem;
}
.breadcrumbs li {
display: inline;
}
.breadcrumbs li + li {
padding-left: 10px;
}
.breadcrumbs li + li:before {
border-color: transparent #25338C;
border-style: solid;
border-width: 5px 0 5px 6px;
content: '';
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
.breadcrumbs li:last-child a {
color: #9A3F97;
}
.breadcrumbs a {
display: inline-block;
text-decoration: none;
vertical-align: middle;
}
/* Breadcrumbs */
/*
=========
ShareThis
=========
*/
.sharethis {
text-align: center;
}
.sharethis a {
background-color: #25338C;
border-radius: 4px;
display: inline-block;
position: relative;
transition: background-color 0.5s;
height: 30px;
width: 30px;
}
.sharethis a:before, .sharethis a:after {
background-image: url(/site/images/icon/social.svg);
background-size: 189px 60px;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: opacity 0.5s;
}
.no-svg .sharethis a:before, .no-svg .sharethis a:after {
background-image: url(/site/images/icon/social.png);
}
.sharethis a:after {
opacity: 0;
}
.sharethis a:hover {
background-color: #FFF;
}
.sharethis a:hover:after {
opacity: 1;
}
.sharethis a:hover:before {
opacity: 0;
}
.sharethis .off-screen {
display: block;
overflow: hidden;
text-indent: -9999px;
}
.sharethis .icon-twitter:before {
background-position: -30px -30px;
}
.sharethis .icon-twitter:after {
background-position: -30px 0;
}
.sharethis .icon-linkedin:before {
background-position: -60px -30px;
}
.sharethis .icon-linkedin:after {
background-position: -60px 0;
}
.sharethis .icon-facebook:before {
background-position: -90px -30px;
}
.sharethis .icon-facebook:after {
background-position: -90px 0;
}
.sharethis .icon-print:before {
background-position: -120px -30px;
}
.sharethis .icon-print:after {
background-position: -120px 0;
}
/* ShareThis */
/*
==========
Home Boxes
==========
*/
@media (min-width: 768px) {
.home-boxes {
margin-left: -10px;
margin-right: -10px;
}
.home-boxes .col {
float: left;
padding-left: 10px;
padding-right: 10px;
width: 33.3333333333%;
}
.home-boxes .col:nth-child(n) {
clear: none;
}
.home-boxes .col:nth-child(3n+1) {
clear: left;
}
}
.home-boxes .col {
margin-bottom: 10px;
}
.home-boxes .inner {
background: #EEF;
}
/* Home Boxes */
/*
========
Articles
========
*/
@media (min-width: 768px) {
.post .image {
float: left;
max-width: 180px;
}
}
@media (min-width: 768px) {
.post .image + .text {
margin-left: 200px;
}
}
.article-neighbours a {
background-color: #25338C;
border-radius: 8px;
color: #FFF;
display: block;
padding: 20px 28px;
position: relative;
text-decoration: none;
}
.article-neighbours span {
display: block;
}
.article-neighbours .article-neighbours_date {
text-transform: uppercase;
}
.article-neighbours .article-neighbours_title {
font-size: 1.25rem;
font-weight: 700;
height: 2.8em;
overflow: hidden;
}
.article-neighbours .article-neighbours_info {
color: #BED04A;
display: inline-block;
font-size: 0.75rem;
position: relative;
text-transform: uppercase;
}
.article-neighbours .article-neighbours_info:after {
border-color: transparent #BED04A;
border-style: solid;
border-width: 5px 0;
content: '';
position: absolute;
top: 50%;
margin-top: -5px;
}
.article-neighbours .column:first-child a {
margin-left: 20px;
margin-right: 20px;
}
@media (min-width: 768px) {
.article-neighbours .column:first-child a {
margin-left: 0;
margin-right: 39px;
}
}
.article-neighbours .column:first-child a:after {
border-right-color: #25338C;
}
.article-neighbours .column:first-child .article-neighbours_info {
padding-left: 14px;
}
.article-neighbours .column:first-child .article-neighbours_info:before {
content: 'Previous article';
}
.article-neighbours .column:first-child .article-neighbours_info:after {
border-right-width: 6px;
left: 0;
}
.article-neighbours .column:last-child a {
margin-left: 20px;
margin-right: 20px;
}
@media (min-width: 768px) {
.article-neighbours .column:last-child a {
margin-right: 0;
margin-left: 39px;
}
}
.article-neighbours .column:last-child a:after {
border-left-color: #25338C;
}
.article-neighbours .column:last-child .article-neighbours_info {
padding-right: 14px;
}
.article-neighbours .column:last-child .article-neighbours_info:before {
content: 'Next article';
}
.article-neighbours .column:last-child .article-neighbours_info:after {
border-left-width: 6px;
right: 0;
}
/* Articles */
/*
===============
Content Banners
===============
*/
.content-banner {
background-position: center center;
background-size: cover;
}
.content-banner .nav-icons {
margin-top: 110px;
margin-bottom: 80px;
}
.content-banner_block {
border-radius: 10px;
max-width: 450px;
padding: 36px;
position: relative;
width: 100%;
z-index: 20;
}
.content-banner_block:after {
border-style: solid;
border-width: 33px 27px 0;
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -27px;
}
.content-banner_block h1,
.content-banner_block h2 {
line-height: 1;
}
.content-banner_side {
padding: 24px;
width: 100%;
max-width: 380px;
}
@media (min-width: 768px) {
.content-banner_side {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
.content-banner_left {
width: 100%;
max-width: 450px;
}
.content-banner_pop {
background-color: #25338C;
color: #FFF;
left: 5%;
margin-top: 20px;
width: 90%;
}
@media (min-width: 510px) {
.content-banner_pop {
margin-top: 0;
position: absolute;
top: 234px;
}
}
@media (min-width: 1210px) {
.content-banner_pop {
left: 50%;
margin-left: -550px;
}
}
.content-banner_pop:after {
border-color: #25338C transparent;
}
.content-banner_pop p {
color: #BED04A;
}
.content-banner_intro {
background-color: #BED04A;
border-radius: 0 0 10px 10px;
margin: auto;
}
.content-banner_intro h2 {
color: #FFF;
}
.content-banner_intro:after {
border-color: #BED04A transparent;
}
.content-banner_wave {
background-color: rgba(255, 255, 255, 0.73);
margin-top: 20px;
padding-bottom: 70px;
position: relative;
z-index: 10;
}
@media (min-width: 510px) {
.content-banner_wave {
margin-top: 530px;
}
}
.content-banner_wave:before {
background-image: url(/site/images/background/wave-white.png);
background-position: top center;
background-repeat: repeat-x;
content: '';
height: 341px;
width: 100%;
position: absolute;
top: -341px;
left: 0;
}
@media (min-width: 1024px) {
.content-banner_wave .column {
float: right;
width: 50%;
}
}
.content-banner_statement {
font-size: 2.5rem;
line-height: 1;
padding-top: 60px;
width: 75%;
}
.quote-banner {
background-color: #BED04A;
background-image: url(/site/images/logo/watermark.png);
background-position: 110% center;
padding: 100px 0 95px;
position: relative;
}
.quote-banner:before {
background-image: url(/site/images/background/wave-white-upsidedown.png);
background-position: center top;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 310px;
}
.quote-banner blockquote {
margin-left: -24px;
}
.quote-banner .wrap {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.quote-banner .column {
width: 100%;
}
@media (min-width: 1024px) {
.quote-banner .column {
width: 50%;
}
}
.quote-banner .column + .column {
margin-top: 25px;
}
@media (min-width: 1024px) {
.quote-banner .column + .column {
margin-top: 0;
}
}
.quote-banner .team-listing {
margin-bottom: 46px;
text-align: left;
}
.quote-banner .team-listing_member {
position: relative;
}
.quote-banner .team-listing_member:after {
border-color: #FFF transparent;
border-style: solid;
border-width: 19px 15px 0;
content: '';
top: 100%;
left: 50%;
margin-left: -15px;
position: absolute;
}
.quote-banner_intro {
background-color: #9A3F97;
color: #FFF;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1024px) {
.quote-banner_intro {
margin-right: 0;
}
}
.quote-banner_intro:after {
border-color: #9A3F97 transparent;
border-width: 0 27px 33px 27px;
bottom: 100%;
top: auto;
}
@media (min-width: 1024px) {
.quote-banner_intro:after {
border-color: transparent #9A3F97;
border-width: 27px 33px 27px 0;
bottom: auto;
right: 100%;
left: auto;
top: 50%;
margin-left: 0;
margin-top: -27px;
}
}
.quote-banner_intro a {
color: inherit;
text-decoration: none;
}
.cb-banner, .cb-banner-article, .cb-banner-job, .cb-banner-centre, .cb-banner-landing, .cb-banner-course, .cb-banner-job-landing, .cb-banner-profile, .cb-banner-join {
background-position: center center;
background-size: cover;
min-height: 486px;
padding-top: 28px;
padding-bottom: 28px;
position: relative;
}
@media (min-width: 768px) {
.cb-banner, .cb-banner-article, .cb-banner-job, .cb-banner-centre, .cb-banner-landing, .cb-banner-course, .cb-banner-job-landing, .cb-banner-profile, .cb-banner-join {
padding: 0;
}
}
.cb-banner:after, .cb-banner-article:after, .cb-banner-job:after, .cb-banner-centre:after, .cb-banner-landing:after, .cb-banner-course:after, .cb-banner-job-landing:after, .cb-banner-profile:after, .cb-banner-join:after {
background-image: url(/site/images/background/wave-white.png);
background-position: center 0;
background-repeat: no-repeat;
background-size: 2500px 341px;
content: '';
height: 341px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 10;
}
.cb-banner .wrap, .cb-banner-article .wrap, .cb-banner-job .wrap, .cb-banner-centre .wrap, .cb-banner-landing .wrap, .cb-banner-course .wrap, .cb-banner-job-landing .wrap, .cb-banner-profile .wrap, .cb-banner-join .wrap {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-ms-flex-pack: center;
justify-content: center;
min-height: 486px;
position: relative;
z-index: 20;
}
@media (min-width: 768px) {
.cb-banner .wrap, .cb-banner-article .wrap, .cb-banner-job .wrap, .cb-banner-centre .wrap, .cb-banner-landing .wrap, .cb-banner-course .wrap, .cb-banner-job-landing .wrap, .cb-banner-profile .wrap, .cb-banner-join .wrap {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
height: 486px;
}
}
.cb-banner .wrap:before, .cb-banner-article .wrap:before, .cb-banner-job .wrap:before, .cb-banner-centre .wrap:before, .cb-banner-landing .wrap:before, .cb-banner-course .wrap:before, .cb-banner-job-landing .wrap:before, .cb-banner-profile .wrap:before, .cb-banner-join .wrap:before, .cb-banner .wrap:after, .cb-banner-article .wrap:after, .cb-banner-job .wrap:after, .cb-banner-centre .wrap:after, .cb-banner-landing .wrap:after, .cb-banner-course .wrap:after, .cb-banner-job-landing .wrap:after, .cb-banner-profile .wrap:after, .cb-banner-join .wrap:after {
content: normal;
}
.cb-banner .content-banner_block, .cb-banner-article .content-banner_block, .cb-banner-job .content-banner_block, .cb-banner-centre .content-banner_block, .cb-banner-landing .content-banner_block, .cb-banner-course .content-banner_block, .cb-banner-job-landing .content-banner_block, .cb-banner-profile .content-banner_block, .cb-banner-join .content-banner_block {
background-color: #25338C;
color: #FFF;
}
.cb-banner .content-banner_block:after, .cb-banner-article .content-banner_block:after, .cb-banner-job .content-banner_block:after, .cb-banner-centre .content-banner_block:after, .cb-banner-landing .content-banner_block:after, .cb-banner-course .content-banner_block:after, .cb-banner-job-landing .content-banner_block:after, .cb-banner-profile .content-banner_block:after, .cb-banner-join .content-banner_block:after {
border-top-color: #25338C;
border-left-color: transparent;
border-right-color: transparent;
}
.cb-banner .content-banner_block p, .cb-banner-article .content-banner_block p, .cb-banner-job .content-banner_block p, .cb-banner-centre .content-banner_block p, .cb-banner-landing .content-banner_block p, .cb-banner-course .content-banner_block p, .cb-banner-job-landing .content-banner_block p, .cb-banner-profile .content-banner_block p, .cb-banner-join .content-banner_block p {
color: #BED04A;
}
.cb-banner .content-banner_block small, .cb-banner-article .content-banner_block small, .cb-banner-job .content-banner_block small, .cb-banner-centre .content-banner_block small, .cb-banner-landing .content-banner_block small, .cb-banner-course .content-banner_block small, .cb-banner-job-landing .content-banner_block small, .cb-banner-profile .content-banner_block small, .cb-banner-join .content-banner_block small {
display: block;
color: #BED04A;
font-size: 0.75rem;
text-transform: uppercase;
}
.cb-banner .content-banner_block .white, .cb-banner-article .content-banner_block .white, .cb-banner-job .content-banner_block .white, .cb-banner-centre .content-banner_block .white, .cb-banner-landing .content-banner_block .white, .cb-banner-course .content-banner_block .white, .cb-banner-job-landing .content-banner_block .white, .cb-banner-profile .content-banner_block .white, .cb-banner-join .content-banner_block .white {
color: white;
margin-top: 0;
}
.article-banner_column {
max-width: 450px;
width: 100%;
}
.article-banner_column .cb-share {
margin-top: 60px;
}
.cb-banner-job .content-banner_side {
background-color: #BED04A;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.cb-banner-centre .wrap {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 768px) {
.cb-banner-centre .wrap {
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-direction: row;
flex-direction: row;
}
}
.cb-banner-centre .centre-banner_left {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 450px;
width: 100%;
}
.cb-banner-centre .centre-banner_left p.justifycentre a {
margin-bottom: 5px;
}
.cb-banner-centre .centre-banner_promo_wrap {
background-color: #9A3F97;
color: #FFF;
margin-top: 20px;
max-width: 380px;
padding: 28px;
width: 100%;
}
@media (min-width: 768px) {
.cb-banner-centre .centre-banner_promo_wrap {
margin-left: 20px;
margin-top: 0;
padding-top: 46px;
}
}
.cb-banner-centre .centre-banner_promo_wrap img {
border-radius: 8px;
}
.cb-banner-centre .centre-banner_promo_wrap.slick-slider {
margin-bottom: 0;
}
.cb-banner-centre .centre-banner_promo_wrap.slick-slider .slick-dots {
bottom: -10px;
left: 0;
}
.cb-banner-centre .centre-banner_promo_wrap.slick-slider .slick-prev {
left: 5px;
}
.cb-banner-centre .centre-banner_promo_wrap.slick-slider .slick-next {
right: 5px;
}
.cb-banner-centre .centre-banner_location,
.cb-banner-centre .centre-banner_phone,
.cb-banner-centre .centre-banner_email {
font-size: 1.5rem;
margin: 5px 15px 5px 0;
white-space: nowrap;
}
.cb-banner-centre .centre-banner_location {
background-image: url(/site/images/icon/brand-1/marker.svg);
background-position: 3px center;
background-size: 13px 22px;
color: #BED04A;
padding-left: 28px;
text-decoration: none;
}
.no-svg .cb-banner-centre .centre-banner_location {
background-image: url(/site/images/icon/brand-1/marker.png);
}
.cb-banner-centre .centre-banner_phone {
background-image: url(/site/images/icon/brand-1/phone.svg);
background-position: 0 center;
background-size: 20px 19px;
padding-left: 28px;
color: #BED04A;
text-decoration: none;
}
.no-svg .cb-banner-centre .centre-banner_phone {
background-image: url(/site/images/icon/brand-1/phone.png);
}
.cb-banner-centre .centre-banner_email {
background-image: url(/site/images/icon/brand-1/email.svg);
background-position: 0 center;
background-size: 16px 13px;
color: #BED04A;
padding-left: 28px;
text-decoration: none;
}
.no-svg .cb-banner-centre .centre-banner_email {
background-image: url(/site/images/icon/brand-1/email.png);
}
.cb-banner-centre .content-banner_block + * {
margin-top: 50px;
}
/* Content Banners */
/*
====
Team
====
*/
.team-banner {
background-color: #9A3F97;
background-image: url(/site/images/logo/watermark.png);
background-position: left center;
padding: 84px 0;
width: 100%;
}
.team-banner .wrap {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.team-banner .column {
width: 100%;
}
@media (min-width: 1024px) {
.team-banner .column {
width: 50%;
}
}
.team-banner .column + .column {
margin-top: 25px;
}
@media (min-width: 1024px) {
.team-banner .column + .column {
margin-top: 0;
}
}
.team-banner_intro {
background-color: #FFF;
color: #9A3F97;
margin-left: auto;
margin-right: auto;
}
.team-banner_intro h2 {
line-height: 0.95;
}
.team-banner_intro p {
margin: 1em 0 0;
}
.team-banner_intro:after {
border-color: #FFF transparent;
}
@media (min-width: 1024px) {
.team-banner_intro:after {
border-color: transparent #FFF;
border-width: 27px 0 27px 33px;
left: 100%;
top: 50%;
margin-top: -27px;
margin-left: 0;
}
}
.team-listing {
font-size: 0.875rem;
line-height: 1.2;
margin-left: -11px;
margin-right: -11px;
text-align: center;
}
.team-listing img {
border-radius: 6px 6px 0 0;
margin-bottom: 18px;
}
.team-listing a {
background-color: #FFF;
border-radius: 6px;
display: block;
padding-bottom: 18px;
text-decoration: none;
}
.team-listing .team-listing_member {
display: inline-block;
padding-left: 11px;
padding-right: 11px;
margin: 11px 0;
text-align: center;
width: 50%;
}
@media (min-width: 640px) {
.team-listing .team-listing_member {
width: 33.3333%;
}
}
/* Team */
/*
=======
Courses
=======
*/
.course-listing {
margin-left: -16px;
margin-right: -16px;
text-align: center;
}
.course-listing img {
border-radius: 8px 8px 0 0;
display: block;
margin-bottom: 18px;
}
.course-listing .course-listing_course {
display: inline-block;
max-width: 285px;
width: 100%;
padding-left: 16px;
padding-right: 16px;
text-align: left;
vertical-align: top;
}
@media (min-width: 1024px) {
.course-listing .course-listing_course {
width: 25%;
}
}
.course-listing .course-listing_course:nth-child(2) ~ * {
margin-top: 70px;
}
@media (min-width: 768px) {
.course-listing .course-listing_course:nth-child(2) ~ * {
margin-top: 0;
}
}
@media (min-width: 768px) {
.course-listing .course-listing_course:nth-child(4) ~ * {
margin-top: 70px;
}
}
.course-listing .course-listing_link {
background-color: #9A3F97;
border-radius: 8px;
color: #FFF;
display: block;
font-size: 1.25em;
font-weight: 700;
margin-bottom: 35px;
padding-bottom: 18px;
position: relative;
text-align: center;
text-decoration: none;
text-transform: lowercase;
}
.course-listing .course-listing_link:after {
border-color: #9A3F97 transparent;
border-style: solid;
border-width: 21px 17px 0;
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -17px;
}
.course-listing .course-listing_course_title {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
}
.cb-courses-theme_highlight .course-listing .course-listing_link {
background-color: #FFF;
color: #9A3F97;
}
.cb-courses-theme_highlight .course-listing .course-listing_link:after {
border-top-color: #FFF;
}
@media (min-width: 768px) {
.course-date-listing {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1024px) {
.course-date-listing {
padding-left: 100px;
padding-right: 100px;
}
}
.course-date-listing h2 {
background-color: #9A3F97;
background-image: url(/site/images/icon/white/date.svg);
background-position: 9px center;
color: #FFF;
font-size: 1.25rem;
padding: 6px 6px 6px 55px;
}
.no-svg .course-date-listing h2 {
background-image: url(/site/images/icon/white/date.png);
}
.course-date-listing p + * {
margin-top: 1em;
}
.course-date-listing .course-date-listing_date {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 10px 20px;
}
@media (min-width: 768px) {
.course-date-listing .course-date-listing_date {
-ms-flex-direction: row;
flex-direction: row;
}
}
.course-date-listing .course-date-listing_date:nth-child(2n+1) {
background-color: rgba(154, 63, 151, 0.2);
}
.course-date-listing .course-date-listing_title {
color: #9A3F97;
display: block;
font-size: 1.25rem;
}
.course-date-listing .button {
margin-top: 20px;
white-space: nowrap;
}
@media (min-width: 768px) {
.course-date-listing .button {
margin-top: 0;
}
}
/* Courses */
/*
=============
Badge listing
=============
*/
.badge-listing {
text-align: center;
}
.badge-listing .badge-listing_badge {
display: inline-block;
margin: 6px;
}
/* Badge listing */
/*
=============
Centre Finder
=============
*/
.branches-map {
position: relative;
width: 100%;
}
@media (min-width: 960px) {
.branches-map {
min-height: 100vh;
}
}
.breadcrumbs-wrapper + .branches-map {
padding-top: 27px;
}
.branches-map .branches-map_over {
padding-bottom: 20px;
position: relative;
z-index: 20;
}
@media (min-width: 768px) {
.branches-map .branches-map_over {
height: 0;
padding-bottom: 0;
}
}
.branches-map .branches-map_intro {
color: #FFF;
top: 0;
left: 0;
text-align: center;
z-index: 20;
}
@media (min-width: 768px) {
.branches-map .branches-map_intro {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
}
.branches-map .branches-map_intro p {
color: #25338C;
font-size: 1.25rem;
line-height: 1.2;
margin-top: 0;
}
.branches-map .branches-map_intro_inner {
background-color: #BED04A;
border-radius: 0 0 8px 8px;
display: inline-block;
padding: 10px;
vertical-align: top;
position: relative;
max-width: 450px;
}
@media (min-width: 768px) {
.branches-map .branches-map_intro_inner {
padding-left: 40px;
padding-right: 40px;
}
}
.branches-map .branches-map_intro_inner:after {
border-color: #BED04A transparent;
border-style: solid;
border-width: 32px 26px 0;
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -26px;
}
@media (min-width: 768px) {
.branches-map .branches-map_map {
top: 0;
left: 0;
height: 60vh;
width: 100%;
z-index: 10;
}
}
@media (min-width: 960px) {
.branches-map .branches-map_map {
height: 100vh;
}
}
.branches-map .branches-map_form {
margin-top: 40px;
width: 100%;
z-index: 20;
text-align: center;
}
@media (min-width: 768px) {
.branches-map .branches-map_form {
max-width: 545px;
margin-left: auto;
margin-right: auto;
}
}
.branches-map .branches-map_form input {
border: 1px solid #BED04A;
border-radius: 6px;
color: #25338C;
display: inline-block;
padding: 10px;
text-align: center;
max-width: 100%;
width: 545px;
}
@media (min-width: 768px) {
.branches-map .branches-map_form input {
font-size: 2.5rem;
}
}
.branches-map .branches-map_form select {
border: 1px solid #BED04A;
border-top-width: 0;
display: none;
}
.branches-map .branches-map_form select.show {
display: block;
}
.branches-map .branches-map_form .niceselect-wrapper {
display: none;
}
.branches-map .branches-map_form .niceselect-wrapper.show {
display: block;
}
.branches-map .branches-map_form .merge input {
border-radius: 4px 4px 0 0;
}
.branches-map .branches-map_form .merge select {
border-radius: 0 0 4px 4px;
}
.branches-map .branches-map_form :-moz-placeholder {
color: #25338C;
opacity: 1;
}
.branches-map .branches-map_form ::-moz-placeholder {
color: #25338C;
opacity: 1;
}
.branches-map .branches-map_form ::-webkit-input-placeholder {
color: #25338C;
opacity: 1;
}
.branches-map .branches-map_form :-ms-input-placeholder {
color: #25338C;
opacity: 1;
}
.branches-map .branches-map_form_inner {
max-width: 545px;
margin-left: 5%;
margin-right: 5%;
}
@media (min-width: 545px) {
.branches-map .branches-map_form_inner {
margin-left: auto;
margin-right: auto;
}
}
.branches-map .branches-map_results {
display: none;
}
.branches-map .branches-map_popups {
bottom: 0;
left: 0;
right: 0;
opacity: 0;
height: 0;
overflow: hidden;
padding-top: 20px;
z-index: 20;
height: 0;
transition: opacity 0.5s;
}
@media (min-width: 768px) {
.branches-map .branches-map_popups {
padding-top: 0;
position: absolute;
}
}
.branches-map .branches-map_popups.show {
height: auto;
opacity: 1;
overflow: visible;
}
.branches-map .branches-map_popups h2 {
background-color: #BED04A;
border-radius: 8px 8px 0 0;
color: #FFF;
font-size: 1.25rem;
padding: 6px 0;
text-align: center;
}
.branches-map .branches-map_popups h2 + * {
margin-top: 0;
}
.branches-map .branches-map_popups h3 {
font-weight: 700;
}
.branches-map .branches-map_popups h3 + * {
margin-top: 0;
}
.branches-map .branches-map_popups h3 a {
color: inherit;
text-decoration: none;
}
.branches-map .branches-map_popups .wrap {
position: relative;
}
.branches-map .branches-map_popups_inner {
background-color: #25338C;
border-radius: 0 0 8px 8px;
color: #FFF;
padding: 28px 10px;
position: relative;
text-align: center;
}
.branches-map .branches-map_popups_inner:after {
border-top-color: #25338C;
border-width: 18px 15px 0;
margin-left: -15px;
}
.branches-map .branches-map_popups_nearest {
bottom: 10vh;
left: 0;
}
@media (min-width: 768px) {
.branches-map .branches-map_popups_nearest {
position: absolute;
width: 250px;
}
}
.branches-map .branches-map_popups_other {
bottom: 10vh;
margin-top: 20px;
right: 0;
}
@media (min-width: 768px) {
.branches-map .branches-map_popups_other {
margin-top: 0;
position: absolute;
width: 250px;
}
}
.branches-map .branches-map_popups_other .slick-slider {
margin-bottom: 0;
}
.branches-map .branches-map_popups_other .slick-next,
.branches-map .branches-map_popups_other .slick-prev {
height: 42px;
width: 26px;
margin-top: -21px;
}
.branches-map .branches-map_popups_other .slick-next:before,
.branches-map .branches-map_popups_other .slick-prev:before {
border-color: transparent #25338C;
border-style: solid;
border-width: 21px 26px;
content: '';
opacity: 1;
position: absolute;
top: 0;
}
.branches-map .branches-map_popups_other .slick-next {
right: -52px;
}
.branches-map .branches-map_popups_other .slick-next:before {
border-right-width: 0;
right: 0;
}
.branches-map .branches-map_popups_other .slick-prev {
left: -52px;
}
.branches-map .branches-map_popups_other .slick-prev:before {
border-left-width: 0;
left: 0;
}
.branches-results.hidden + .footer-site {
margin-top: 0;
}
.branches-results_filters {
text-align: center;
}
.branches-results_filters label {
display: block;
margin-top: 5px;
}
@media (min-width: 768px) {
.branches-results_filters label {
display: inline-block;
margin-top: 0;
}
}
.branches-results_filters .checkboxbutton {
display: inline-block;
}
.branches-results_filters_label {
display: block;
}
@media (min-width: 768px) {
.branches-results_filters_label {
display: inline-block;
}
}
.branches-results_orderby {
text-align: right;
}
.branches-results_orderby select,
.branches-results_orderby .niceselect-wrapper {
display: inline-block;
width: auto;
min-width: 250px;
}
.centre-listing {
overflow: hidden;
position: relative;
}
.centre-listing h2 + * {
margin-top: 0;
}
.centre-listing h2 a {
color: inherit;
text-decoration: none;
}
.centre-listing .centre-listing_facil,
.centre-listing .centre-listing_addr,
.centre-listing .centre-listing_buttons {
vertical-align: middle;
}
@media (min-width: 1024px) {
.centre-listing .centre-listing_facil,
.centre-listing .centre-listing_addr,
.centre-listing .centre-listing_buttons {
display: table-cell;
}
}
.centre-listing .centre-listing_image {
border-radius: 8px;
display: none;
}
@media (min-width: 768px) {
.centre-listing .centre-listing_image {
display: block;
float: left;
}
}
.centre-listing .centre-listing_centre {
border-bottom: 1px solid #9A3F97;
display: none;
padding-bottom: 35px;
padding-top: 35px;
}
.centre-listing .centre-listing_centre.show {
display: block;
}
.centre-listing .centre-listing_centre.hide {
position: absolute;
width: 100%;
left: -9999px;
visibility: hidden;
}
.centre-listing .centre-listing_centre[data-bigcentre="1"] h2 {
font-weight: 700;
}
.centre-listing .centre-listing_distance.empty {
visibility: hidden;
}
@media (min-width: 768px) {
.centre-listing .centre-listing_details {
margin-left: 275px;
}
}
@media (min-width: 1024px) {
.centre-listing .centre-listing_info {
margin-top: 10px;
display: table;
width: 100%;
}
}
.centre-listing .centre-listing_facil {
margin-left: 20px;
margin-right: 20px;
}
@media (min-width: 768px) {
.centre-listing .centre-listing_facil {
margin-left: 0;
margin-right: 0;
}
}
.centre-listing .centre-listing_facil span {
display: inline-block;
text-align: center;
}
.centre-listing .centre-listing_facil span:before {
background-image: url(/site/images/icon/brand-1/activities.png);
background-size: 1352px 48px;
content: '';
display: block;
margin-left: auto;
margin-right: auto;
width: 52px;
height: 48px;
}
.centre-listing .centre-listing_facil img {
display: none;
margin-left: auto;
margin-right: auto;
margin-bottom: 4px;
}
@media (min-width: 768px) {
.centre-listing .centre-listing_facil .slick-slider {
max-width: 500px;
width: 500px;
padding-left: 20px;
padding-right: 20px;
}
}
.centre-listing .centre-listing_facil .slick-next:before,
.centre-listing .centre-listing_facil .slick-prev:before {
border-color: transparent #25338C;
border-style: solid;
border-width: 6px;
color: #25338C;
content: '';
font-size: 0;
opacity: 1;
}
.centre-listing .centre-listing_facil .slick-next {
right: 0;
}
.centre-listing .centre-listing_facil .slick-next:before {
border-right-width: 0;
}
.centre-listing .centre-listing_facil .slick-prev {
left: 0;
}
.centre-listing .centre-listing_facil .slick-prev:before {
border-left-width: 0;
}
.centre-listing .centre-listing_facil_item {
text-align: center;
width: 80px;
}
.centre-listing .centre-listing_facil_studio:before {
background-position: 0 0;
}
.centre-listing .centre-listing_facil_gym:before {
background-position: -52px 0;
}
.centre-listing .centre-listing_facil_swim:before {
background-position: -104px 0;
}
.centre-listing .centre-listing_facil_parties:before {
background-position: -156px 0;
}
.centre-listing .centre-listing_facil_creche:before {
background-position: -624px 0;
}
.centre-listing .centre-listing_facil_racquet:before,
.centre-listing .centre-listing_facil_squash:before,
.centre-listing .centre-listing_facil_tennis:before {
background-position: -208px 0;
}
.centre-listing .centre-listing_facil_courts:before {
background-position: -260px 0;
}
.centre-listing .centre-listing_facil_venuehire:before {
background-position: -312px 0;
}
.centre-listing .centre-listing_facil_entertainment:before {
background-position: -364px 0;
}
.centre-listing .centre-listing_facil_track:before {
background-position: -416px 0;
}
.centre-listing .centre-listing_facil_bowling:before {
background-position: -468px 0;
}
.centre-listing .centre-listing_facil_coffee:before,
.centre-listing .centre-listing_facil_cafe:before {
background-position: -520px 0;
}
.centre-listing .centre-listing_facil_outdoor:before {
background-position: -572px 0;
}
.centre-listing .centre-listing_facil_creche:before {
background-position: -624px 0;
}
.centre-listing .centre-listing_facil_events:before {
background-position: -676px 0;
}
.centre-listing .centre-listing_facil_iceSkating:before {
background-position: -728px 0;
}
.centre-listing .centre-listing_facil_bowls:before {
background-position: -780px 0;
}
.centre-listing .centre-listing_facil_indoorCycling:before,
.centre-listing .centre-listing_facil_indoorcycling:before {
background-position: -832px 0;
}
.centre-listing .centre-listing_facil_softplay:before {
background-position: -884px 0;
}
.centre-listing .centre-listing_facil_climbing:before {
background-position: -936px 0;
}
.centre-listing .centre-listing_facil_spa:before {
background-position: -988px 0;
}
.centre-listing .centre-listing_facil_conferencing:before {
background-position: -1040px 0;
}
.centre-listing .centre-listing_facil_sailing:before {
background-position: -1092px 0;
}
.centre-listing .centre-listing_facil_canoeing:before {
background-position: -1144px 0;
}
.centre-listing .centre-listing_facil_groups:before {
background-position: -1196px 0;
}
.centre-listing .centre-listing_facil_schools:before {
background-position: -1248px 0;
}
.centre-listing .centre-listing_facil_abseiling:before {
background-position: -1300px 0;
}
.centre-listing .centre-listing_addr {
float: left;
}
.centre-listing .centre-listing_buttons {
float: right;
text-align: center;
width: 100px;
}
.centre-listing .centre-listing_buttons .button {
display: block;
}
.centre-listing .centre-listing_buttons .button + .button {
margin-top: 10px;
}
.centre-infowindow h2 {
font-size: 1.25rem;
font-weight: 700;
text-transform: titlecase;
}
/* Centre Finder */
/*
====
Jobs
====
*/
.job-categories-listing {
font-size: 1.25rem;
font-weight: 700;
margin-left: -17px;
margin-right: -17px;
text-align: center;
}
.job-categories-listing a {
background-color: #9A3F97;
border-radius: 8px;
color: #FFF;
display: block;
padding: 12px;
text-decoration: none;
}
@media (min-width: 480px) {
.job-categories-listing a {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
}
.job-categories-listing img {
border-radius: 8px 8px 0 0;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}
.job-categories-listing .job-categories-listing_category {
padding-left: 17px;
padding-right: 17px;
text-transform: lowercase;
}
@media (min-width: 480px) {
.job-categories-listing .job-categories-listing_category {
float: left;
width: 50%;
}
}
@media (min-width: 768px) {
.job-categories-listing .job-categories-listing_category {
width: 25%;
}
}
.job-categories-listing .job-categories-listing_category:nth-child(2) ~ * {
margin-top: 34px;
}
@media (min-width: 768px) {
.job-categories-listing .job-categories-listing_category:nth-child(2) ~ * {
margin-top: 0;
}
}
@media (min-width: 768px) {
.job-categories-listing .job-categories-listing_category:nth-child(4) ~ * {
margin-top: 34px;
}
}
.job-categories-listing .job-categories-listing_category_title {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
}
.job-listing {
text-align: center;
margin-top: -17px;
}
.job-listing li {
display: inline-block;
min-width: 275px;
margin-top: 17px;
margin-bottom: 17px;
padding-left: 17px;
padding-right: 17px;
text-align: left;
vertical-align: top;
width: 25%;
}
.job-listing h2 {
font-size: 1.25rem;
height: 2.4em;
line-height: 1.2;
overflow: hidden;
text-align: center;
}
.job-listing h2 a {
color: #FFF;
text-decoration: none;
}
.job-listing dl {
color: #FFF;
line-height: 1;
text-align: left;
padding: 10px 8px 18px;
}
.job-listing dt {
font-weight: 700;
}
.job-listing dd {
font-style: italic;
margin-left: 0;
}
.job-listing dd + dt {
border-top: 1px solid #FFF;
margin-top: 6px;
padding-top: 6px;
}
.job-listing .job-listing_job {
background-color: #9A3F97;
border-radius: 8px;
padding: 16px 5px 10px;
}
.job-listing .job-listing_desc {
background-color: #FFF;
border-radius: 8px;
padding: 10px;
position: relative;
}
.job-listing .job-listing_desc:after {
border-top-color: #9A3F97;
border-width: 13px 11px 0;
margin-left: -11px;
top: 0;
}
.job-listing-star h2 {
font-weight: 700;
}
.job-listing-star h2 a {
color: inherit;
text-decoration: none;
}
.job-listing-star dl {
overflow: hidden;
}
.job-listing-star dt {
font-weight: 700;
}
.job-listing-star dd {
border-bottom: 1px solid #FFF;
font-style: italic;
padding: 0;
margin: 0;
}
.job-listing-star .job-listing_job {
background-color: #25338C;
border-radius: 8px;
color: #FFF;
padding: 20px;
}
@media (min-width: 1024px) {
.job-listing-star .job-listing_left {
float: left;
width: 655px;
}
}
.job-listing-star .job-listing_desc {
background-color: #FFF;
border-radius: 8px;
color: #25338C;
padding: 24px 20px 20px;
position: relative;
}
.job-listing-star .job-listing_desc:after {
border-top-color: #25338C;
border-width: 19px 16px 0;
margin-left: -16px;
top: 0;
}
.job-listing-star .job-listing_details {
clear: both;
margin: 16px -11px 0 0;
overflow: hidden;
}
@media (min-width: 1024px) {
.job-listing-star .job-listing_details {
clear: none;
margin-left: 669px;
}
}
.job-listing-star .job-listing_details li {
float: left;
padding-left: 11px;
padding-right: 11px;
padding-top: 20px;
width: 50%;
}
.job-listing-star .job-listing_details + * {
margin-top: 30px;
}
.job-listing-star + .job-listing {
margin-top: 35px;
}
.job-details {
font-size: 1.25rem;
line-height: 1;
text-align: center;
}
.job-details dt {
font-weight: 700;
}
.job-details dd {
font-style: italic;
margin-left: 0;
}
.job-details dd + dt {
margin-top: 20px;
}
.job-details + * {
margin-top: 50px;
}
.cb-job-categories + * {
display: none;
}
/* Jobs */
/*
========
Partners
========
*/
.partners-listing {
margin-left: -17px;
margin-right: -17px;
}
.partners-listing + .pagination {
margin-top: 30px;
}
.partners-listing h2 {
color: #FFF;
display: -ms-flexbox;
display: flex;
font-size: 1.25rem;
height: 2em;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
width: 100%;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.partners-listing p {
margin-top: 35px;
}
.partners-listing a {
text-decoration: none;
}
.partners-listing .partners-listing_partner {
padding-left: 17px;
padding-right: 17px;
}
@media (min-width: 480px) {
.partners-listing .partners-listing_partner {
float: left;
width: 50%;
}
}
@media (min-width: 1000px) {
.partners-listing .partners-listing_partner {
width: 25%;
}
}
.partners-listing .partners-listing_partner + * {
margin-top: 40px;
}
@media (min-width: 480px) {
.partners-listing .partners-listing_partner + * {
margin-top: 0;
}
}
@media (min-width: 480px) {
.partners-listing .partners-listing_partner:nth-child(2) ~ * {
margin-top: 40px;
}
}
@media (min-width: 1000px) {
.partners-listing .partners-listing_partner:nth-child(2) ~ * {
margin-top: 0;
}
}
@media (min-width: 1000px) {
.partners-listing .partners-listing_partner:nth-child(4) ~ * {
margin-top: 60px;
}
}
@media (min-width: 480px) {
.partners-listing .partners-listing_partner:nth-child(2n+1) {
clear: left;
}
}
@media (min-width: 1000px) {
.partners-listing .partners-listing_partner:nth-child(2n+1) {
clear: none;
}
}
@media (min-width: 1000px) {
.partners-listing .partners-listing_partner:nth-child(4n+1) {
clear: left;
}
}
.partners-listing .partners-listing_inner {
background-color: #9A3F97;
border: 1px solid #9A3F97;
border-radius: 8px;
position: relative;
}
.partners-listing .partners-listing_inner:after {
border-top-color: #9A3F97;
}
.partners-listing .partners-listing_image {
background-color: #FFF;
border-radius: 7px 7px 0 0;
padding: 10px;
height: 178px;
line-height: 158px;
text-align: center;
width: 100%;
}
/* Partners */
/*
=============
Opening Times
=============
*/
.opening-times-listing_time {
border-top: 1px solid #9A3F97;
padding-bottom: 30px;
padding-top: 30px;
text-align: center;
}
@media (min-width: 768px) {
.opening-times-listing_time {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1024px) {
.opening-times-listing_time {
padding-left: 100px;
padding-right: 100px;
}
}
.opening-times-listing_time .niceselect-wrapper {
max-width: 250px;
margin-left: auto;
margin-right: auto;
}
.tbl-opening {
font-size: 1.25rem;
margin-top: 20px;
width: 100%;
}
.tbl-opening th,
.tbl-opening td {
padding: 5px;
}
.tbl-opening th {
font-weight: 500;
text-align: left;
text-transform: uppercase;
}
.tbl-opening td {
font-weight: 700;
text-align: left;
}
@media only screen and (max-width: 767px) {
.tbl-opening td {
padding-top: 0;
padding-left: 10px;
padding-right: 10px;
}
}
@media only screen and (max-width: 767px) {
.tbl-opening td:before {
margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
padding-right: 10px;
}
}
/* Opening Times */
/*
=====
Forms
=====
*/
.form_req:after {
color: #F00;
content: ' *';
}
.form-course .niceselect-wrapper {
display: inline-block;
vertical-align: middle;
}
.form-course .button {
margin-left: 12px;
vertical-align: middle;
}
.form-jobs {
background-color: #FFF;
border-radius: 10px 10px 0 0;
margin-left: -19px;
margin-right: -19px;
padding: 38px;
text-align: center;
}
.form-jobs [type=text],
.form-jobs .niceselect-wrapper {
display: inline-block;
vertical-align: middle;
width: 100%;
}
@media (min-width: 768px) {
.form-jobs [type=text],
.form-jobs .niceselect-wrapper {
width: auto;
max-width: 250px;
}
}
.form-jobs [type=text] + *,
.form-jobs .niceselect-wrapper + * {
margin-top: 1em;
}
@media (min-width: 768px) {
.form-jobs [type=text] + *,
.form-jobs .niceselect-wrapper + * {
margin-top: 0;
}
}
.form-jobs .button {
vertical-align: middle;
}
.form-jobs-area {
background-color: #FFF;
border-radius: 10px 10px 0 0;
padding: 38px;
text-align: center;
}
.form-jobs-area [type=text],
.form-jobs-area .niceselect-wrapper {
display: inline-block;
vertical-align: middle;
width: 100%;
}
@media (min-width: 768px) {
.form-jobs-area [type=text],
.form-jobs-area .niceselect-wrapper {
max-width: 50%;
}
}
.form-jobs-area [type=text] + *,
.form-jobs-area .niceselect-wrapper + * {
margin-top: 1em;
}
@media (min-width: 768px) {
.form-jobs-area [type=text] + *,
.form-jobs-area .niceselect-wrapper + * {
margin-top: 0;
}
}
.form-jobs-area .button {
vertical-align: middle;
}
.form-profile label, .form-password label, .form-login label, .form-membership label, .form-course-book label, .form-job-application label, .form label {
color: #666;
font-size: 0.875rem;
}
.form-profile label.error, .form-password label.error, .form-login label.error, .form-membership label.error, .form-course-book label.error, .form-job-application label.error, .form label.error {
color: #F00;
}
.form-profile textarea, .form-password textarea, .form-login textarea, .form-membership textarea, .form-course-book textarea, .form-job-application textarea, .form textarea {
height: 118px;
min-height: 118px;
}
.form-profile textarea, .form-password textarea, .form-login textarea, .form-membership textarea, .form-course-book textarea, .form-job-application textarea, .form textarea,
.form-profile [type=tel],
.form-password [type=tel],
.form-login [type=tel],
.form-membership [type=tel],
.form-course-book [type=tel],
.form-job-application [type=tel],
.form [type=tel],
.form-profile [type=date],
.form-password [type=date],
.form-login [type=date],
.form-membership [type=date],
.form-course-book [type=date],
.form-job-application [type=date],
.form [type=date],
.form-profile [type=text],
.form-password [type=text],
.form-login [type=text],
.form-membership [type=text],
.form-course-book [type=text],
.form-job-application [type=text],
.form [type=text],
.form-profile [type=email],
.form-password [type=email],
.form-login [type=email],
.form-membership [type=email],
.form-course-book [type=email],
.form-job-application [type=email],
.form [type=email],
.form-profile [type=password],
.form-password [type=password],
.form-login [type=password],
.form-membership [type=password],
.form-course-book [type=password],
.form-job-application [type=password],
.form [type=password],
.form-profile .niceselect-wrapper,
.form-password .niceselect-wrapper,
.form-login .niceselect-wrapper,
.form-membership .niceselect-wrapper,
.form-course-book .niceselect-wrapper,
.form-job-application .niceselect-wrapper,
.form .niceselect-wrapper {
border-color: #9A3F97;
font-size: 1.125rem;
font-weight: 700;
padding: 10px;
}
.form-profile .niceselect-wrapper, .form-password .niceselect-wrapper, .form-login .niceselect-wrapper, .form-membership .niceselect-wrapper, .form-course-book .niceselect-wrapper, .form-job-application .niceselect-wrapper, .form .niceselect-wrapper {
line-height: 22px;
}
.form-profile .form_buttons, .form-password .form_buttons, .form-login .form_buttons, .form-membership .form_buttons, .form-course-book .form_buttons, .form-job-application .form_buttons, .form .form_buttons {
padding-top: 20px;
text-align: right;
}
.form-profile .form_split, .form-password .form_split, .form-login .form_split, .form-membership .form_split, .form-course-book .form_split, .form-job-application .form_split, .form .form_split {
margin-left: -16px;
margin-right: -16px;
}
.form-profile .form_split_item, .form-password .form_split_item, .form-login .form_split_item, .form-membership .form_split_item, .form-course-book .form_split_item, .form-job-application .form_split_item, .form .form_split_item {
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 640px) {
.form-profile .form_split_item, .form-password .form_split_item, .form-login .form_split_item, .form-membership .form_split_item, .form-course-book .form_split_item, .form-job-application .form_split_item, .form .form_split_item {
float: left;
width: 50%;
}
}
.form-profile .form_split_item_wide, .form-password .form_split_item_wide, .form-login .form_split_item_wide, .form-membership .form_split_item_wide, .form-course-book .form_split_item_wide, .form-job-application .form_split_item_wide, .form .form_split_item_wide {
clear: both;
padding-left: 16px;
padding-right: 16px;
}
.form-profile .form_split_newline, .form-password .form_split_newline, .form-login .form_split_newline, .form-membership .form_split_newline, .form-course-book .form_split_newline, .form-job-application .form_split_newline, .form .form_split_newline {
clear: left;
}
.form-profile {
margin: 80px -16px 0;
}
.form-profile fieldset {
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 640px) {
.form-profile fieldset {
float: left;
width: 50%;
}
}
@media (min-width: 640px) {
.form-profile fieldset:nth-child(2n+1) {
clear: left;
}
}
.form-profile fieldset + fieldset {
margin-top: 20px;
}
@media (min-width: 640px) {
.form-profile fieldset + fieldset {
margin-top: 0;
}
}
.form-profile fieldset:nth-child(2) ~ fieldset {
margin-top: 40px;
}
.form-profile fieldset:nth-child(2) ~ .form_fieldset_split {
margin-top: 0;
padding-top: 40px;
}
.form-profile .alert-success,
.form-profile .alert-error {
margin-left: 16px;
margin-right: 16px;
}
.form-profile .form_fieldset_split {
float: none;
padding-left: 0;
padding-right: 0;
width: auto;
}
.form-profile .form_fieldset_split h2 {
margin-left: 16px;
margin-right: 16px;
}
.form-profile .form_fieldset_split .form-item {
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 640px) {
.form-profile .form_fieldset_split .form-item {
float: left;
width: 50%;
}
}
.form-profile .form-profile_checkboxes {
margin-left: -5px;
margin-right: -5px;
}
.form-profile .form-profile_checkboxes label {
color: #25338C;
float: left;
font-size: 1.125rem;
width: 50%;
padding-left: 5px;
padding-right: 5px;
}
.form-profile .form-profile_checkboxes label:nth-child(2) ~ * {
margin-top: 16px;
}
.form-profile .form-profile_buttons {
clear: both;
padding: 50px 16px 0;
text-align: right;
}
.form-password fieldset {
margin-left: -16px;
margin-right: -16px;
}
.form-password .form-item {
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 640px) {
.form-password .form-item {
float: left;
width: 50%;
}
}
.form-password .form-item:nth-child(2) {
clear: left;
}
.form-login fieldset {
margin-left: -16px;
margin-right: -16px;
}
.form-login .form-item {
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 640px) {
.form-login .form-item {
float: left;
width: 50%;
}
}
.site-login {
margin-top: 80px;
}
.site-login h2 {
text-align: center;
}
.login-hybrid {
text-align: center;
}
.login-hybrid + * {
margin-top: 1em;
}
.form-newsletter {
text-align: center;
}
.form-newsletter h2 {
font-size: 1.875rem;
font-weight: 700;
}
.form-newsletter p {
font-size: 1.25rem;
}
.form-newsletter fieldset {
margin-top: 30px;
}
.form-newsletter .form-button {
display: inline-block;
vertical-align: top;
}
.form-newsletter .form-item {
width: 100%;
}
@media (min-width: 580px) {
.form-newsletter .form-item {
display: inline-block;
max-width: 250px;
vertical-align: top;
}
}
.form-newsletter [type=text],
.form-newsletter [type=email] {
border-color: transparent;
}
.form-membership .form-membership_checkboxes label {
color: #25338C;
font-weight: 700;
margin-top: 1em;
}
@media (min-width: 768px) {
.form-membership .form-membership_checkboxes label {
float: left;
width: 33.3333%;
}
}
.form-membership .form-profile_buttons {
padding-left: 0;
padding-right: 0;
}
.form-course-book .form-item_repeater:before {
content: 'Delegates';
display: block;
font-size: 1.25rem;
}
.form-course-book .form-item_repeater .form-item_repeater_item {
margin-left: -16px;
margin-right: -16px;
overflow: hidden;
}
.form-course-book .form-item_repeater .form-item {
float: left;
padding-left: 16px;
padding-right: 16px;
width: 33.3333%;
}
.form-course-book .form-item_repeater .form-item_repeater_button {
text-align: right;
}
.form-course-book .form-profile_buttons {
padding-left: 0;
padding-right: 0;
}
.form-job-application p + * {
margin-top: 10px;
}
.form [id$=_wrap],
.form .actions {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.form [id$=_wrap] + * {
margin-top: 16px;
}
.form .actions {
margin-top: 50px;
text-align: right;
}
.form .boolWrap {
display: block;
}
.form .boolWrap label {
color: #25338C;
}
.form-centres {
position: relative;
}
.form-centres [type=text] {
border-color: #BED04A;
}
.form-centres .form-centres_list {
background-color: #FFF;
border: 1px solid #BED04A;
border-top: none;
border-radius: 0 0 4px 4px;
display: none;
left: 0;
position: absolute;
top: 100%;
width: 100%;
z-index: 20;
}
.form-centres .form-centres_list a {
display: block;
padding: 2px 2px 2px 12px;
text-decoration: none;
}
.form-centres.form-centres_showlist [type=text] {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.form-centres.form-centres_showlist .form-centres_list {
display: block;
}
.form-centres .centre-listing_facil {
display: block;
margin: 0;
width: 100%;
}
.form-centres .centre-listing_facil_item {
display: inline-block;
width: auto;
min-width: 40px;
position: relative;
text-align: center;
vertical-align: top;
}
.form-centres .centre-listing_facil_item .centre-listing_facil_item_label_icon {
display: block;
height: 24px;
margin: auto;
width: 100%;
max-width: 30px;
}
.form-centres .centre-listing_facil_item .centre-listing_facil_item_label_icon:before {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%) scale(0.5);
transform-origin: center 0;
}
.form-centres .centre-listing_facil_item .centre-listing_facil_item_label {
font-size: 10px;
}
.form-centres .centre-listing_facil_item .centre-listing_facil_item_label:before {
content: none;
}
.form-booking_repeat {
background-color: rgba(0, 0, 0, 0.3);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 200;
}
.form-booking_repeat_inner {
background-color: #FFF;
border-radius: 3px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
max-width: 400px;
padding: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 80%;
}
.form-booking_repeat_inner div + div {
margin-top: 10px;
}
.form-booking_repeat_inner .checkbox-replacement {
display: block;
}
.form-booking_repeat_inner .checkbox-replacement + * {
margin-top: 2px;
}
.form-booking_repeat_close {
background-color: transparent;
border: none;
font-weight: 900;
padding: 0;
position: absolute;
right: 5px;
top: 5px;
}
.tbl-booking {
border-collapse: collapse;
width: 100%;
}
.tbl-booking th {
border-bottom: 1px solid #25338C;
padding: 0 3px 6px;
text-align: left;
}
.tbl-booking td {
border-top: 1px solid #25338C;
padding: 6px 3px;
vertical-align: middle;
}
.tbl-booking td:nth-child(1), .tbl-booking td:nth-child(2), .tbl-booking td:nth-child(3), .tbl-booking td:nth-child(4) {
width: 152px;
}
.tbl-booking label {
display: inline-block;
}
.tbl-booking :-moz-placeholder {
opacity: 0.333;
}
.tbl-booking ::-moz-placeholder {
opacity: 0.333;
}
.tbl-booking ::-webkit-input-placeholder {
opacity: 0.333;
}
.tbl-booking :-ms-input-placeholder {
opacity: 0.333;
}
.tbl-booking [type=text] {
border-color: #25338C;
font-size: 1em;
padding: 5px;
}
.tbl-booking [type=time] {
font-weight: 700;
}
.tbl-booking [type=checkbox] {
vertical-align: middle;
}
.tbl-booking .tbl-booking_repeat {
color: #25338C;
font-size: 1em;
font-weight: 700;
}
.tbl-booking .tbl-booking_repeat + button {
margin-left: 0.3em;
}
.tbl-booking .tbl-booking_repeat_summary {
opacity: 0.75;
}
@media (max-width: 767px) {
.tbl-booking th,
.tbl-booking td {
border: none;
padding-bottom: 3px;
padding-top: 0;
}
.tbl-booking th:before,
.tbl-booking td:before {
margin-left: -3px;
margin-right: -3px;
padding-left: 3px;
padding-right: 3px;
}
.tbl-booking th:nth-child(1), .tbl-booking th:nth-child(2), .tbl-booking th:nth-child(3), .tbl-booking th:nth-child(4),
.tbl-booking td:nth-child(1),
.tbl-booking td:nth-child(2),
.tbl-booking td:nth-child(3),
.tbl-booking td:nth-child(4) {
width: auto;
}
.tbl-booking [type=text],
.tbl-booking [type=time] {
margin-top: 3px;
}
}
/* Forms */
/*
====
News
====
*/
.news-carousel_item {
padding-left: 18px;
padding-right: 18px;
}
.news-carousel_inner {
background-color: #25338C;
border-radius: 8px;
color: #FFF;
display: block;
text-align: center;
text-decoration: none;
}
.news-carousel_inner img {
border-radius: 8px 8px 0 0;
}
.news-carousel_text {
padding: 20px;
}
.news-listing {
margin-left: -16px;
margin-right: -16px;
text-align: center;
}
.news-listing img {
border-radius: 8px 8px 0 0;
}
.news-listing p {
font-style: italic;
margin: 0;
}
.news-listing .news-listing_item {
padding-left: 16px;
padding-right: 16px;
max-width: 300px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
@media (min-width: 640px) {
.news-listing .news-listing_item {
display: inline-block;
vertical-align: top;
width: 50%;
}
}
@media (min-width: 900px) {
.news-listing .news-listing_item {
width: 25%;
}
}
.news-listing .news-listing_item ~ * {
margin-top: 65px;
}
@media (min-width: 640px) {
.news-listing .news-listing_item ~ * {
margin-top: 0;
}
}
@media (min-width: 640px) {
.news-listing .news-listing_item:nth-child(2) ~ * {
margin-top: 65px;
}
}
@media (min-width: 900px) {
.news-listing .news-listing_item:nth-child(2) ~ * {
margin-top: 0;
}
}
@media (min-width: 900px) {
.news-listing .news-listing_item:nth-child(4) ~ * {
margin-top: 65px;
}
}
.news-listing .news-listing_inner {
background-color: #9A3F97;
border-radius: 0 0 8px 8px;
color: #FFF;
display: block;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 45px;
min-height: 135px;
padding: 10px 20px;
position: relative;
text-align: center;
text-decoration: none;
}
.news-listing .news-listing_inner:after {
border-top-color: #9A3F97;
}
.news-listing + .pagination {
margin-top: 50px;
}
/* News */
/*
=====
Alert
=====
*/
.alert {
background: #f2a93f;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmMmE5M2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDg4NzBlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: linear-gradient(to bottom, #f2a93f 50%, #d8870e 100%);
border-bottom: 1px solid #FFF;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
top: 0;
left: 0;
right: 0;
opacity: 0;
height: 0;
overflow: hidden;
position: relative;
z-index: 200;
transition: opacity 0.5s;
}
.lt-ie9 .alert {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a93f', endColorstr='#d8870e',GradientType=0 );
}
.alert:after {
background-image: url(/site/images/background/alert.png);
content: '';
position: absolute;
width: 46px;
height: 40px;
left: 50%;
margin-left: -23px;
top: 100%;
margin-top: -16px;
}
.alert.show {
height: auto;
overflow: visible;
opacity: 1;
padding: 10px;
}
.alert p {
font-size: 1.25rem;
font-style: italic;
font-weight: 700;
}
.alert .wrap {
background-image: url(/site/images/icon/white/alert.svg);
background-size: 34px 35px;
background-position: left center;
padding: 3px 0;
}
.no-svg .alert .wrap {
background-image: url(/site/images/icon/white/alert.png);
}
.alert .alert_content {
color: #FFF;
float: left;
text-align: center;
width: 60%;
margin-left: 20%;
}
.alert .alert_close {
margin-left: 80%;
padding-left: 10px;
text-align: right;
}
.alert .button {
background-color: #FFF;
color: #f2a93f;
}
.alert .button:hover {
color: #FFF;
background-color: #f2a93f;
}
/* Alert */
/*
==============
Content Blocks
==============
*/
.content-block + .content-block {
margin-top: 30px;
}
.cb-banner-landing .wrap {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-direction: column;
flex-direction: column;
}
.cb-image img {
border-radius: 8px;
}
.cb-rte img {
border-radius: 10px;
}
.square-img .cb-rte img {
border-radius: 0;
}
.cb-rte_membership_image {
display: none;
}
@media (min-width: 640px) {
.cb-rte_membership_image {
display: block;
}
}
@media (min-width: 640px) {
.cb-rte_membership_image img {
float: right;
margin-left: 50px;
}
}
.cb-courses.cb-courses-theme_highlight {
background-color: #9A3F97;
background-image: url(/site/images/logo/watermark.png);
background-position: left center;
color: #FFF;
padding-top: 60px;
padding-bottom: 60px;
}
.cb-buttons {
text-align: center;
}
.cb-buttons .button {
margin: 8px 6px;
}
.cb-banner-course .wrap {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
}
.cb-banner-course .content-banner_block {
margin-top: 70px;
}
.cb-banner-course .banner-course_row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
@media (min-width: 768px) {
.cb-banner-course .banner-course_row {
-ms-flex-direction: row;
flex-direction: row;
}
}
.cb-banner-course .banner-course_block {
background-color: #FFF;
border-radius: 8px 8px 0 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 100px;
padding: 30px;
width: 100%;
}
@media (min-width: 768px) {
.cb-banner-course .banner-course_block {
border-radius: 8px 0 0 0;
max-width: 450px;
}
}
@media (min-width: 1096px) {
.cb-banner-course .banner-course_block {
border-radius: 8px 8px 0 0;
}
}
@media (min-width: 768px) {
.cb-banner-course .banner-course_block:last-child {
max-width: 535px;
}
}
@media (max-width: 767px) {
.cb-banner-course .banner-course_block + .banner-course_block {
border-radius: 0 0 8px 8px;
}
}
@media (min-width: 768px) {
.cb-banner-course .banner-course_block + .banner-course_block {
border-radius: 0 8px 0 0;
}
}
@media (min-width: 1096px) {
.cb-banner-course .banner-course_block + .banner-course_block {
border-radius: 8px 8px 0 0;
}
}
.cb-contact-details {
text-align: center;
}
.cb-contact-details strong {
display: block;
margin-top: 10px;
}
.cb-contact-details.cb-contact-details__inline strong {
display: inline-block;
margin-left: 1em;
margin-top: 0;
}
.cb-signpost {
text-align: center;
}
.cb-signpost div {
background-color: #BED04A;
border-radius: 10px;
color: #FFF;
display: inline-block;
font-size: 2.5rem;
padding: 17px 28px;
position: relative;
}
.cb-signpost div:after {
border-color: #BED04A transparent;
border-style: solid;
border-width: 30px 25px 0;
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -25px;
}
.cb-course-dates .course-dates_map {
height: 100vh;
margin-top: 40px;
width: 100%;
}
.cta-block {
min-height: 250px;
position: relative;
text-align: center;
}
.cta-block .cta-block_image {
background-image: url(http://placehold.it/195x250/);
background-position: center;
background-size: cover;
border-radius: 8px 0 0 8px;
display: none;
height: 100%;
left: 0;
top: 0;
position: absolute;
width: 192px;
z-index: 10;
}
@media (min-width: 1130px) {
.cta-block .cta-block_image {
display: block;
}
}
.cta-block .cta-block_text {
background-color: #9A3F97;
border-radius: 8px;
color: #FFF;
padding: 12px;
position: relative;
z-index: 20;
}
@media (min-width: 1130px) {
.cta-block .cta-block_text {
margin-left: 185px;
min-height: 250px;
}
}
.cta-block .cta-block_text:after {
border-top-color: #9A3F97;
}
.cb-banner-job-landing {
padding-bottom: 0;
}
.cb-banner-job-landing .wrap {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cb-banner-job-landing .content-banner_block {
margin-top: 70px;
}
.cb-banner-job-landing .form-jobs {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
margin-top: 40px;
}
.cb-banner-job-landing .form-jobs-area {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
width: 100%;
max-width: 535px;
}
@media (min-width: 768px) {
.cb-banner-job-landing .form-jobs-area {
-ms-flex-item-align: end;
align-self: flex-end;
}
}
.cb-banner-profile .wrap {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-direction: column;
flex-direction: column;
}
.cb-banner-profile .content-banner_buttons {
text-align: center;
width: 100%;
max-width: 450px;
}
.cb-openingtimes {
border-bottom: 1px solid #9A3F97;
}
.cb-openingtimes h2 {
color: #9A3F97;
margin: 0 0 1em;
text-align: center;
}
.cb-hr {
border-color: #9A3F97;
margin-bottom: 0;
}
.cb-news-carousel {
padding-left: 42px;
padding-right: 42px;
}
@media (min-width: 1024px) {
.cb-news-carousel {
padding-left: 84px;
padding-right: 84px;
}
}
.cb-news-carousel .slick-next,
.cb-news-carousel .slick-prev {
height: 54px;
width: 32px;
}
.cb-news-carousel .slick-next:before,
.cb-news-carousel .slick-prev:before {
border-color: transparent #25338C;
border-style: solid;
content: '';
font-size: 0;
top: 50%;
margin-top: -27px;
height: 54px;
}
.cb-news-carousel .slick-prev {
left: 0;
}
.cb-news-carousel .slick-prev:before {
border-width: 27px 32px 27px 0;
}
.cb-news-carousel .slick-next {
right: 0;
}
.cb-news-carousel .slick-next:before {
border-width: 27px 0 27px 32px;
top: -68px;
}
.cb-news-carousel.slick-slider {
margin-bottom: 0;
}
.cb-timetable {
overflow: hidden;
position: relative;
max-width: 100%;
}
.cb-timetable .cb-contact-details {
margin-top: 1em;
}
.cb-timetable iframe {
width: 100%;
}
.cb-timetable .desktop {
display: none;
}
.cb-timetable .mobile {
display: block;
}
@media (min-width: 768px) {
.cb-timetable .desktop {
display: block;
}
.cb-timetable .mobile {
display: none;
}
}
.cb-newsletter {
background-color: #BED04A;
color: #FFF;
padding: 30px 0 50px;
}
.cb-nav.cb-nav_theme-brand-1 .button {
background-color: #BED04A;
}
.cb-nav.cb-nav_theme-brand-1 .button:hover {
background-color: #FFF;
color: #25338C;
}
.cb-map {
min-height: 100vh;
width: 100%;
}
.cb-promo-button {
text-align: center;
}
.cb-promo-button .niceselect-wrapper {
background-color: #9A3F97;
border-color: #9A3F97;
color: #FFF;
display: inline-block;
font-weight: 700;
margin-bottom: 10px;
padding: 10px;
}
.cb-promo-button .niceselect-wrapper:after {
border-top-color: #FFF;
border-width: 10px 6px 0;
margin-top: -5px;
}
.cb-promo-button .button {
line-height: 1.75em;
padding: 11px 30px 11px 20px;
vertical-align: top;
}
.cb-promo-button .button:after {
right: 12px;
}
#promoform iframe {
display: none;
width: 100%;
height: 1000px;
}
#promoform.promoform_show iframe {
display: block;
}
.cb-accessibility h2 {
color: #9A3F97;
text-align: center;
}
.centre-accessibility {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
}
.centre-accessibility img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.centre-accessibility li {
max-width: 150px;
padding: 20px 5px;
text-align: center;
width: 33.33%;
font-size: 0.875rem;
}
@media (min-width: 768px) {
.centre-accessibility li {
width: 20%;
font-size: 1rem;
padding: 35px 15px;
}
}
/* Content Blocks */
/*
=======
Reviews
=======
*/
#google-reviews {
margin-top: 0;
}
/* Reviews */
/*
============
Availability
============
*/
.availability-grid {
border-top: 1px solid #25338C;
}
@media (min-width: 768px) {
.availability-grid {
border-top: none;
}
}
.availability-grid abbr {
border: none;
text-decoration: none;
}
.availability-grid .availability-grid_column {
border-top: 1px solid #25338C;
}
.availability-grid .availability-grid_column:nth-child(2n+1) {
background-color: rgba(37, 51, 140, 0.1);
}
@media (min-width: 768px) {
.availability-grid .availability-grid_column:nth-child(2n+1) {
background-color: transparent;
}
}
@media (min-width: 768px) {
.availability-grid .availability-grid_column {
border-top: none;
float: left;
width: 14.28571428571429%;
}
}
.availability-grid .availability-grid_header {
border-bottom: 1px solid #25338C;
font-weight: 700;
padding: 5px;
}
.availability-grid .availability-grid_cell {
border-bottom: 1px solid #25338C;
padding: 5px;
}
/* Availability */
.toaster {
left: 0;
position: fixed;
top: 0;
right: 0;
z-index: 100;
}
.toaster .toaster_toast {
font-weight: 700;
max-width: 100%;
opacity: 0;
text-align: center;
transition: all 1s;
width: 100%;
}
@media (min-width: 768px) {
.toaster .toaster_toast {
font-size: 1.25rem;
}
}
.toaster .toaster_toast.show {
opacity: 1;
}
.promotionslisting .column {
padding-top: 16px;
padding-bottom: 16px;
}
.promotionslisting .column:nth-child(2n) .cb-indent {
margin: 0;
}
@media (min-width: 768px) {
.promotionslisting .column:nth-child(2n) .cb-indent {
margin-right: 50px;
}
}
@media (min-width: 1024px) {
.promotionslisting .column:nth-child(2n) .cb-indent {
margin-right: 100px;
}
}
.promotionslisting .column:nth-child(2n+1) .cb-indent {
margin: 0;
}
@media (min-width: 768px) {
.promotionslisting .column:nth-child(2n+1) .cb-indent {
margin-left: 50px;
}
}
@media (min-width: 1024px) {
.promotionslisting .column:nth-child(2n+1) .cb-indent {
margin-left: 100px;
}
}
.cb-banner-join .wrap {
height: 486px;
}
.cb-banner-join h1 {
font-weight: 700;
text-align: center;
color: #FFFFFF;
text-shadow: 1px 2px #25338C;
}
.cb-banner-join .content-banner_block {
border-radius: 8px;
max-width: 600px;
padding: 30px 20px;
margin-top: 32px;
}
.cb-banner-join .content-banner_block::after {
content: none;
}
@media (min-width: 768px) {
.cb-banner-join .wrap {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.cb-banner-join h1 {
font-size: 3.75rem;
line-height: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
.cb-banner-join h1 span.smaller {
display: block;
font-size: 1.875rem;
line-height: 1.1429;
}
.cb-banner-join .content-banner_block {
padding: 50px;
margin-top: 0;
margin-bottom: -108.5px;
}
.cb-banner-join .content-banner_block .form-centres .form-centres_list li {
padding: 17px 20px;
}
}
.content-features_block {
width: 100%;
}
.content-features_block .centre-listing_facil {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}
.content-features_block .centre-listing_facil > .centre-listing_facil_item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
width: 50%;
padding: 6px 0;
}
.content-features_block .centre-listing_facil > .centre-listing_facil_item .centre-listing_facil_item_label_icon {
transform: scale(0.75);
}
.content-features_block .centre-listing_facil > .centre-listing_facil_item .centre-listing_facil_item_label {
font-size: 0.75rem;
font-weight: 400;
line-height: 1.1429;
color: #000000;
}
.content-features_block .centre-listing_facil > .centre-listing_facil_item .centre-listing_facil_item_label::before {
content: none;
}
.content-features_block .centre-listing_facil > .centre-listing_facil_item:nth-child(n + 9) {
display: none;
}
@media (min-width: 375px) {
.content-features_block .centre-listing_facil > .centre-listing_facil_item {
padding: 10px;
}
.content-features_block .centre-listing_facil > .centre-listing_facil_item .centre-listing_facil_item_label_icon {
transform: scale(1);
}
.content-features_block .centre-listing_facil > .centre-listing_facil_item .centre-listing_facil_item_label {
font-size: 0.875rem;
margin-left: 10px;
}
}
@media (min-width: 768px) {
.content-features_block .centre-listing_facil {
-ms-flex-pack: start;
justify-content: flex-start;
}
.content-features_block .centre-listing_facil > .centre-listing_facil_item {
width: 33.333%;
}
}
@media (min-width: 1024px) {
.content-features_block .centre-listing_facil > .centre-listing_facil_item {
width: 25%;
}
}
@media (min-width: 1200px) {
.content-features_block {
margin-top: -120px;
z-index: 200;
position: relative;
}
.content-features_block .centre-listing {
overflow: visible;
}
.content-features_block .centre-listing_facil {
-ms-flex-pack: justify;
justify-content: space-between;
}
.content-features_block .centre-listing_facil > .centre-listing_facil_item {
background: #FFFFFF;
box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.06);
border-radius: 8px;
width: 120px;
height: 120px;
padding: 0;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
.content-features_block .centre-listing_facil > .centre-listing_facil_item .centre-listing_facil_item_label {
margin-top: 10px;
margin-left: 0;
}
}
.why-us-block h2 {
text-align: center;
font-size: 1.5rem;
color: #25338C;
margin-bottom: 42px;
}
.why-us-block .why-us-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
margin-top: 0;
}
.why-us-block .why-us-list .item {
max-width: 280px;
padding: 0 15px;
text-align: center;
}
.why-us-block .why-us-list .item img {
height: 72px;
}
.why-us-block .why-us-list .item p {
font-size: 1rem;
line-height: 1.15;
font-weight: 400;
color: #25338C;
margin-top: 14px;
}
.why-us-block .why-us-list .item + .item {
margin-top: 30px;
}
@media (min-width: 768px) {
.why-us-block {
margin-top: 106px;
}
.why-us-block h2 {
font-size: 1.875rem;
line-height: 1.1333;
font-weight: 400;
margin-bottom: 60px;
}
.why-us-block .why-us-list {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 40px;
}
.why-us-block .why-us-list .item p {
font-size: 1.25rem;
}
.why-us-block .why-us-list .item + .item {
margin-top: 0;
}
}
.form-join-now {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
margin-top: 40px;
}
.form-join-now h2 {
font-size: 1.875rem;
line-height: 1.1333;
}
.form-join-now p.form-desc-text {
font-size: 1rem;
line-height: 1.1429;
font-weight: 400;
color: #000000;
text-align: center;
margin-bottom: 24px;
width: 100%;
}
.form-join-now label {
font-size: 0.875rem;
font-weight: 600;
line-height: 1.21429;
margin-bottom: 10px;
color: #000000;
}
.form-join-now label.form_req {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.form-join-now label.form_req::after {
content: 'required';
font-size: 0.875rem;
font-weight: 400;
line-height: 1.21429;
color: rgba(0, 0, 0, 0.3);
}
.form-join-now :-moz-placeholder {
color: #BBBBBB;
opacity: 1;
font-weight: 400;
}
.form-join-now ::-moz-placeholder {
color: #BBBBBB;
opacity: 1;
font-weight: 400;
}
.form-join-now ::-webkit-input-placeholder {
color: #BBBBBB;
opacity: 1;
font-weight: 400;
}
.form-join-now :-ms-input-placeholder {
color: #BBBBBB;
opacity: 1;
font-weight: 400;
}
.form-join-now .form-membership {
max-width: 550px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.form-join-now textarea,
.form-join-now [type=tel],
.form-join-now [type=date],
.form-join-now [type=text],
.form-join-now [type=email],
.form-join-now [type=password],
.form-join-now .niceselect-wrapper {
border: 1px solid #BBBBBB;
color: #000000;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.1429;
padding: 16px 20px;
outline: none;
}
.form-join-now .form-membership_checkboxes {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
}
.form-join-now .form-membership_checkboxes .checkbox-replacement {
position: relative;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
line-height: 1.1429;
margin: 0;
padding: 0;
height: 50px;
cursor: pointer;
color: #000000;
font-weight: 600;
background: transparent;
z-index: 10;
overflow: hidden;
}
.form-join-now .form-membership_checkboxes .checkbox-replacement span {
padding: 14px 20px;
height: 100%;
width: 100%;
background: #FFFFFF;
text-align: left;
border: 1px solid #BBBBBB;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
transition: background 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out;
}
.form-join-now .form-membership_checkboxes .checkbox-replacement span::before {
content: none;
}
.form-join-now .form-membership_checkboxes .checkbox-replacement span::after {
content: '';
display: inline-block;
border: none;
width: 0;
height: 13px;
margin: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSA4bDMuMjczIDNMMTMgMSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
background-repeat: no-repeat;
background-size: 100% 100%;
background-color: transparent;
background-position: center center;
opacity: 0;
transition: opacity 0.125s linear 0.125s, width 0.125s linear 0.125s;
}
.form-join-now .form-membership_checkboxes .checkbox-replacement:first-child {
border-radius: 4px 0px 0px 4px;
}
.form-join-now .form-membership_checkboxes .checkbox-replacement:first-child span {
border-radius: 4px 0px 0px 4px;
}
.form-join-now .form-membership_checkboxes .checkbox-replacement:last-child {
border-radius: 0px 4px 4px 0px;
}
.form-join-now .form-membership_checkboxes .checkbox-replacement:last-child span {
border-left: 0;
border-radius: 0px 4px 4px 0px;
}
.form-join-now .form-membership_checkboxes .checkbox-replacement input[type=radio] {
display: block;
width: 0;
height: 0;
opacity: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
font-size: 0;
}
.form-join-now .form-membership_checkboxes .checkbox-replacement input[type=radio]:checked + span {
color: #FFFFFF;
background: #000000;
border-color: #000000;
}
.form-join-now .form-membership_checkboxes .checkbox-replacement input[type=radio]:checked + span::after {
opacity: 1;
width: 14px;
}
.form-join-now .niceselect-wrapper::after {
border: none;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMWw1IDUgNS01IiBzdHJva2U9IiNCQkIiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==");
background-repeat: no-repeat;
background-size: 12px 8px;
width: 12px;
height: 8px;
margin: 0;
right: 20px;
transform: translateY(-50%);
}
.form-join-now .form-item {
margin: 20px 0 0;
max-width: 550px;
width: 100%;
}
.form-join-now .form-item.info {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.1429;
color: #000000;
text-align: left;
border-radius: 0;
border: none;
background: transparent;
padding: 0;
}
.form-join-now .form_buttons {
max-width: 550px;
width: 100%;
}
.form-join-now .form_buttons button {
border-radius: 8px;
width: 100%;
padding-top: 14px;
padding-bottom: 14px;
font-size: 0.875rem;
line-height: 1.1429;
}
.form-join-now .form_split {
max-width: 550px;
width: 100%;
margin: 0;
}
.form-join-now .form_split .form_split_item {
clear: both;
width: 100%;
margin: 20px 0 0;
padding: 0;
}
@media (min-width: 768px) {
.form-join-now {
margin-top: 50px;
}
}
.iframe-join-now {
max-width: 1100px;
width: 100%;
margin: 40px auto 0;
}
.cb-postcode {
border-radius: 8px;
max-width: 600px;
padding: 30px 20px;
margin-top: 32px;
margin: 32px auto;
text-align: center;
background-color: #25338C;
color: #FFF;
}
@media (min-width: 768px) {
.cb-postcode {
padding: 50px;
margin-top: 0;
}
}
.cb-postcode:after {
border-top-color: #25338C;
border-left-color: transparent;
border-right-color: transparent;
}
.cb-postcode p {
color: #BED04A;
}
.cb-postcode small {
display: block;
color: #BED04A;
font-size: 0.75rem;
text-transform: uppercase;
}
.cb-postcode .white {
color: white;
margin-top: 0;
}
.cb-postcode::after {
content: none;
}
.form-centres {
text-align: center;
}
.form-centres :-moz-placeholder {
color: rgba(0, 0, 0, 0.2);
opacity: 1;
font-weight: 400;
}
.form-centres ::-moz-placeholder {
color: rgba(0, 0, 0, 0.2);
opacity: 1;
font-weight: 400;
}
.form-centres ::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.2);
opacity: 1;
font-weight: 400;
}
.form-centres :-ms-input-placeholder {
color: rgba(0, 0, 0, 0.2);
opacity: 1;
font-weight: 400;
}
.form-centres .form-input-field {
position: relative;
}
.form-centres label {
display: block;
font-size: 1.875rem;
line-height: 1.1333;
font-weight: 400;
text-align: center;
color: #FFFFFF;
margin-bottom: 30px;
}
.form-centres [type=text] {
border: 1px solid #BED04A;
color: #000000;
font-size: 1rem;
font-weight: 400;
line-height: 1.1429;
padding: 17px 42px 17px 20px;
border-radius: 4px;
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNjYzIDEyLjY5bC0zLjU4OC0zLjU4N2E1Ljg0MyA1Ljg0MyAwIDAgMCAuODUzLTMuMDQ5QzExLjkyOCAyLjgxMSA5LjExOCAwIDUuODczIDBBNS44NzMgNS44NzMgMCAwIDAgMCA1Ljg3M2MwIDMuMjQ0IDIuODEgNi4wNTQgNi4wNTQgNi4wNTRhNS44NDQgNS44NDQgMCAwIDAgMi45NTctLjc5OWwzLjYwNyAzLjYwN2EuOTAzLjkwMyAwIDAgMCAxLjI3OCAwbC44OTUtLjg5NGMuMzUzLS4zNTMuMjI1LS43OTgtLjEyOC0xLjE1ek0xLjgwNyA1Ljg3M2E0LjA2NiA0LjA2NiAwIDAgMSA0LjA2Ni00LjA2NmMyLjI0NiAwIDQuMjQ3IDIuMDAxIDQuMjQ3IDQuMjQ3YTQuMDY2IDQuMDY2IDAgMCAxLTQuMDY2IDQuMDY2Yy0yLjI0NSAwLTQuMjQ3LTItNC4yNDctNC4yNDd6IiBmaWxsPSIjMDAwIi8+PC9zdmc+") #FFFFFF;
background-repeat: no-repeat;
background-position: right 20px center;
outline: none;
}
.form-centres [type=text]::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #333;
}
.form-centres [type=text]::-moz-placeholder {
/* Firefox 19+ */
color: #333;
}
.form-centres [type=text]:-ms-input-placeholder {
/* IE 10+ */
color: #333;
}
.form-centres [type=text]:-moz-placeholder {
/* Firefox 18- */
color: #333;
}
.form-centres .form-centres_list li {
padding: 12px 15px;
}
@media (min-width: 768px) {
.form-centres .form-centres_list li {
padding: 17px 20px;
}
}
.form-centres .form-centres_list li a {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
}
.form-centres .form-centres_list li span.centre-name-text {
display: inline-block;
font-size: 1rem;
font-weight: 400;
line-height: 1.1429;
color: #25338C;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding-right: 10px;
}
.form-centres .form-centres_list li span.mile-text {
display: inline-block;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.1429;
color: #BBBBBB;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.form-centres .form-centres_list li + li {
border-top: 1px solid #BBBBBB;
}
.form-centres.form-centres_showlist [type=text] {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.form-centres.form-centres_showlist .form-centres_list {
display: block;
}
.lt-ie10 .cb-banner, .lt-ie10 .cb-banner-article, .lt-ie10 .cb-banner-job, .lt-ie10 .cb-banner-centre, .lt-ie10 .cb-banner-landing, .lt-ie10 .cb-banner-course, .lt-ie10 .cb-banner-job-landing, .lt-ie10 .cb-banner-profile, .lt-ie10 .cb-banner-join {
padding-top: 50px;
}
.lt-ie10 .cb-banner-landing .nav-banner-landing {
position: absolute;
bottom: 50px;
left: 0;
width: 100%;
}
.lt-ie10 .cb-banner-job-landing .form-jobs {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.lt-ie10 .cb-banner-centre .centre-banner_promo {
bottom: 0;
position: absolute;
right: 0;
top: -50px;
}
.lt-ie10 .js-map:after {
content: attr(data-nosupport);
left: 0;
line-height: 2em;
margin-top: -1em;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
}
#whr_embed_hook {
margin-bottom: 1em;
}
#whr_embed_hook .whr-group a {
display: block;
background-color: #25338C;
color: #fff;
padding: 10px;
border-radius: 10px;
}
#whr_embed_hook .whr-items {
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 5px -5px;
}
@media (min-width: 768px) {
#whr_embed_hook .whr-items {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
#whr_embed_hook .whr-items .whr-item {
width: 25%;
min-width: 250px;
padding: 16px 10px 10px;
position: relative;
text-align: left;
vertical-align: top;
}
#whr_embed_hook .whr-items .whr-item:before {
background-color: #9A3F97;
border-radius: 10px;
content: '';
padding: 0.5em;
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
z-index: 10;
}
#whr_embed_hook .whr-items .whr-item:nth-child(4n+4) {
margin-right: 0;
}
#whr_embed_hook .whr-items .whr-item h3 {
font-size: 1.25rem;
line-height: 1.2;
overflow: hidden;
text-align: center;
}
#whr_embed_hook .whr-items .whr-item h3 a {
color: #FFF;
text-decoration: none;
}
#whr_embed_hook .whr-items .whr-item .whr-info {
color: #fff;
line-height: 1;
text-align: left;
padding: 10px 8px 18px;
}
#whr_embed_hook .whr-items .whr-item .whr-info li {
border-top: 1px solid #FFF;
margin-top: 6px;
padding-top: 6px;
}
#whr_embed_hook .whr-items .whr-item .whr-info li:first-child {
border-top: none;
}
#whr_embed_hook .whr-items .whr-item .whr-info li.whr-date {
display: none;
}
#whr_embed_hook .whr-items .whr-item .whr-info li span {
font-weight: 700;
display: block;
}
#whr_embed_hook .whr-items .whr-title,
#whr_embed_hook .whr-items .whr-info {
position: relative;
z-index: 20;
}