- li:last-child:after {
display: none;
}
/*------------------------------------*\
$MEDIA
\*------------------------------------*/
/**
* Place any image- and text-like content side-by-side, as per:
* stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
* E.g.:
*
- Burger and fries
- £5.99
- Fillet steak
- £19.99
- Ice cream
- £2.99
- 1st place Bob
- 2nd place Lilly
- 3rd place Ted
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
...
`
*
* This would create a `div` that, at ‘desktop’ sizes, takes up a quarter of the
* horizontal space, a half of that space at ‘tablet’ sizes, and goes full width
* at ‘mobile’ sizes.
*
* Demo: jsfiddle.net/inuitcss/WS4Ge
*
*/
@media only screen and (max-width: 668px) {
/**
* Whole
*/
.palm-one-whole {
width: 100%;
}
/**
* Halves
*/
.palm-one-half, .palm-six-twelfths, .palm-five-tenths, .palm-four-eighths, .palm-three-sixths, .palm-two-quarters {
width: 50%;
}
/**
* Thirds
*/
.palm-one-third, .palm-four-twelfths, .palm-two-sixths {
width: 33.333%;
}
.palm-two-thirds, .palm-eight-twelfths, .palm-four-sixths {
width: 66.666%;
}
/**
* Quarters
*/
.palm-one-quarter, .palm-three-twelfths, .palm-two-eighths {
width: 25%;
}
.palm-three-quarters, .palm-nine-twelfths, .palm-six-eighths {
width: 75%;
}
/**
* Fifths
*/
.palm-one-fifth, .palm-two-tenths {
width: 20%;
}
.palm-two-fifths, .palm-four-tenths {
width: 40%;
}
.palm-three-fifths, .palm-six-tenths {
width: 60%;
}
.palm-four-fifths, .palm-eight-tenths {
width: 80%;
}
/**
* Sixths
*/
.palm-one-sixth, .palm-two-twelfths {
width: 16.666%;
}
.palm-five-sixths, .palm-ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
.palm-one-eighth {
width: 12.5%;
}
.palm-three-eighths {
width: 37.5%;
}
.palm-five-eighths {
width: 62.5%;
}
.palm-seven-eighths {
width: 87.5%;
}
/**
* Tenths
*/
.palm-one-tenth {
width: 10%;
}
.palm-three-tenths {
width: 30%;
}
.palm-seven-tenths {
width: 70%;
}
.palm-nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
.palm-one-twelfth {
width: 8.333%;
}
.palm-five-twelfths {
width: 41.666%;
}
.palm-seven-twelfths {
width: 58.333%;
}
.palm-eleven-twelfths {
width: 91.666%;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
/**
* Whole
*/
.lap-one-whole {
width: 100%;
}
/**
* Halves
*/
.lap-one-half, .lap-six-twelfths, .lap-five-tenths, .lap-four-eighths, .lap-three-sixths, .lap-two-quarters {
width: 50%;
}
/**
* Thirds
*/
.lap-one-third, .lap-four-twelfths, .lap-two-sixths {
width: 33.333%;
}
.lap-two-thirds, .lap-eight-twelfths, .lap-four-sixths {
width: 66.666%;
}
/**
* Quarters
*/
.lap-one-quarter, .lap-three-twelfths, .lap-two-eighths {
width: 25%;
}
.lap-three-quarters, .lap-nine-twelfths, .lap-six-eighths {
width: 75%;
}
/**
* Fifths
*/
.lap-one-fifth, .lap-two-tenths {
width: 20%;
}
.lap-two-fifths, .lap-four-tenths {
width: 40%;
}
.lap-three-fifths, .lap-six-tenths {
width: 60%;
}
.lap-four-fifths, .lap-eight-tenths {
width: 80%;
}
/**
* Sixths
*/
.lap-one-sixth, .lap-two-twelfths {
width: 16.666%;
}
.lap-five-sixths, .lap-ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
.lap-one-eighth {
width: 12.5%;
}
.lap-three-eighths {
width: 37.5%;
}
.lap-five-eighths {
width: 62.5%;
}
.lap-seven-eighths {
width: 87.5%;
}
/**
* Tenths
*/
.lap-one-tenth {
width: 10%;
}
.lap-three-tenths {
width: 30%;
}
.lap-seven-tenths {
width: 70%;
}
.lap-nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
.lap-one-twelfth {
width: 8.333%;
}
.lap-five-twelfths {
width: 41.666%;
}
.lap-seven-twelfths {
width: 58.333%;
}
.lap-eleven-twelfths {
width: 91.666%;
}
}
@media only screen and (min-width: 669px) {
/**
* Whole
*/
.lap-and-up-one-whole {
width: 100%;
}
/**
* Halves
*/
.lap-and-up-one-half, .lap-and-up-six-twelfths, .lap-and-up-five-tenths, .lap-and-up-four-eighths, .lap-and-up-three-sixths, .lap-and-up-two-quarters {
width: 50%;
}
/**
* Thirds
*/
.lap-and-up-one-third, .lap-and-up-four-twelfths, .lap-and-up-two-sixths {
width: 33.333%;
}
.lap-and-up-two-thirds, .lap-and-up-eight-twelfths, .lap-and-up-four-sixths {
width: 66.666%;
}
/**
* Quarters
*/
.lap-and-up-one-quarter, .lap-and-up-three-twelfths, .lap-and-up-two-eighths {
width: 25%;
}
.lap-and-up-three-quarters, .lap-and-up-nine-twelfths, .lap-and-up-six-eighths {
width: 75%;
}
/**
* Fifths
*/
.lap-and-up-one-fifth, .lap-and-up-two-tenths {
width: 20%;
}
.lap-and-up-two-fifths, .lap-and-up-four-tenths {
width: 40%;
}
.lap-and-up-three-fifths, .lap-and-up-six-tenths {
width: 60%;
}
.lap-and-up-four-fifths, .lap-and-up-eight-tenths {
width: 80%;
}
/**
* Sixths
*/
.lap-and-up-one-sixth, .lap-and-up-two-twelfths {
width: 16.666%;
}
.lap-and-up-five-sixths, .lap-and-up-ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
.lap-and-up-one-eighth {
width: 12.5%;
}
.lap-and-up-three-eighths {
width: 37.5%;
}
.lap-and-up-five-eighths {
width: 62.5%;
}
.lap-and-up-seven-eighths {
width: 87.5%;
}
/**
* Tenths
*/
.lap-and-up-one-tenth {
width: 10%;
}
.lap-and-up-three-tenths {
width: 30%;
}
.lap-and-up-seven-tenths {
width: 70%;
}
.lap-and-up-nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
.lap-and-up-one-twelfth {
width: 8.333%;
}
.lap-and-up-five-twelfths {
width: 41.666%;
}
.lap-and-up-seven-twelfths {
width: 58.333%;
}
.lap-and-up-eleven-twelfths {
width: 91.666%;
}
}
@media only screen and (max-width: 1023px) {
/**
* Whole
*/
.portable-one-whole {
width: 100%;
}
/**
* Halves
*/
.portable-one-half, .portable-six-twelfths, .portable-five-tenths, .portable-four-eighths, .portable-three-sixths, .portable-two-quarters {
width: 50%;
}
/**
* Thirds
*/
.portable-one-third, .portable-four-twelfths, .portable-two-sixths {
width: 33.333%;
}
.portable-two-thirds, .portable-eight-twelfths, .portable-four-sixths {
width: 66.666%;
}
/**
* Quarters
*/
.portable-one-quarter, .portable-three-twelfths, .portable-two-eighths {
width: 25%;
}
.portable-three-quarters, .portable-nine-twelfths, .portable-six-eighths {
width: 75%;
}
/**
* Fifths
*/
.portable-one-fifth, .portable-two-tenths {
width: 20%;
}
.portable-two-fifths, .portable-four-tenths {
width: 40%;
}
.portable-three-fifths, .portable-six-tenths {
width: 60%;
}
.portable-four-fifths, .portable-eight-tenths {
width: 80%;
}
/**
* Sixths
*/
.portable-one-sixth, .portable-two-twelfths {
width: 16.666%;
}
.portable-five-sixths, .portable-ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
.portable-one-eighth {
width: 12.5%;
}
.portable-three-eighths {
width: 37.5%;
}
.portable-five-eighths {
width: 62.5%;
}
.portable-seven-eighths {
width: 87.5%;
}
/**
* Tenths
*/
.portable-one-tenth {
width: 10%;
}
.portable-three-tenths {
width: 30%;
}
.portable-seven-tenths {
width: 70%;
}
.portable-nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
.portable-one-twelfth {
width: 8.333%;
}
.portable-five-twelfths {
width: 41.666%;
}
.portable-seven-twelfths {
width: 58.333%;
}
.portable-eleven-twelfths {
width: 91.666%;
}
}
@media only screen and (min-width: 1024px) {
/**
* Whole
*/
.desk-one-whole {
width: 100%;
}
/**
* Halves
*/
.desk-one-half, .desk-six-twelfths, .desk-five-tenths, .desk-four-eighths, .desk-three-sixths, .desk-two-quarters {
width: 50%;
}
/**
* Thirds
*/
.desk-one-third, .desk-four-twelfths, .desk-two-sixths {
width: 33.333%;
}
.desk-two-thirds, .desk-eight-twelfths, .desk-four-sixths {
width: 66.666%;
}
/**
* Quarters
*/
.desk-one-quarter, .desk-three-twelfths, .desk-two-eighths {
width: 25%;
}
.desk-three-quarters, .desk-nine-twelfths, .desk-six-eighths {
width: 75%;
}
/**
* Fifths
*/
.desk-one-fifth, .desk-two-tenths {
width: 20%;
}
.desk-two-fifths, .desk-four-tenths {
width: 40%;
}
.desk-three-fifths, .desk-six-tenths {
width: 60%;
}
.desk-four-fifths, .desk-eight-tenths {
width: 80%;
}
/**
* Sixths
*/
.desk-one-sixth, .desk-two-twelfths {
width: 16.666%;
}
.desk-five-sixths, .desk-ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
.desk-one-eighth {
width: 12.5%;
}
.desk-three-eighths {
width: 37.5%;
}
.desk-five-eighths {
width: 62.5%;
}
.desk-seven-eighths {
width: 87.5%;
}
/**
* Tenths
*/
.desk-one-tenth {
width: 10%;
}
.desk-three-tenths {
width: 30%;
}
.desk-seven-tenths {
width: 70%;
}
.desk-nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
.desk-one-twelfth {
width: 8.333%;
}
.desk-five-twelfths {
width: 41.666%;
}
.desk-seven-twelfths {
width: 58.333%;
}
.desk-eleven-twelfths {
width: 91.666%;
}
}
/**
* If you have set the additional `$responsive-extra` variable to ‘true’ in
* `_vars.scss` then you now have access to the following class available to
* accomodate much larger screen resolutions.
*/
/* endif */
/*------------------------------------*\
$PUSH
\*------------------------------------*/
/**
* Push classes, to move grid items over to the right by certain amounts.
*/
/*------------------------------------*\
$PULL
\*------------------------------------*/
/**
* Pull classes, to move grid items over to the right by certain amounts.
*/
/*------------------------------------*\
$BRAND
\*------------------------------------*/
/**
* `.brand` is a quick and simple way to apply your brand face and/or color to
* any element using a handy helper class.
*/
.brand {
font-family: "Frutiger", Helvetica, Arial, sans-serif!important;
color: #4a8ec2!important;
}
.brand-face {
font-family: "Frutiger", Helvetica, Arial, sans-serif!important;
}
.brand-color,
.brand-colour {
color: #4a8ec2!important;
}
/*------------------------------------*\
$HELPER
\*------------------------------------*/
/**
* A series of helper classes to use arbitrarily. Only use a helper class if an
* element/component doesn’t already have a class to which you could apply this
* styling, e.g. if you need to float `.main-nav` left then add `float:left;` to
* that ruleset as opposed to adding the `.float--left` class to the markup.
*
* A lot of these classes carry `!important` as you will always want them to win
* out over other selectors.
*/
/**
* Add/remove floats
*/
.float--right {
float: right !important;
}
.float--left {
float: left !important;
}
.float--none {
float: none !important;
}
/**
* Text alignment
*/
.text--left {
text-align: left !important;
}
.text--center {
text-align: center !important;
}
.text--right {
text-align: right !important;
}
/**
* Font weights
*/
.weight--light {
font-weight: 300 !important;
}
.weight--normal {
font-weight: 400 !important;
}
.weight--semibold {
font-weight: 600 !important;
}
/**
* Add/remove margins
*/
.push {
margin: 20px !important;
}
.push--top {
margin-top: 20px !important;
}
.push--right {
margin-right: 20px !important;
}
.push--bottom {
margin-bottom: 20px !important;
}
.push--left {
margin-left: 20px !important;
}
.push--ends {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.push--sides {
margin-right: 20px !important;
margin-left: 20px !important;
}
.push-half {
margin: 10px !important;
}
.push-half--top {
margin-top: 10px !important;
}
.push-half--right {
margin-right: 10px !important;
}
.push-half--bottom {
margin-bottom: 10px !important;
}
.push-half--left {
margin-left: 10px !important;
}
.push-half--ends {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.push-half--sides {
margin-right: 10px !important;
margin-left: 10px !important;
}
.flush {
margin: 0 !important;
}
.flush--top {
margin-top: 0 !important;
}
.flush--right {
margin-right: 0 !important;
}
.flush--bottom {
margin-bottom: 0 !important;
}
.flush--left {
margin-left: 0 !important;
}
.flush--ends {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.flush--sides {
margin-right: 0 !important;
margin-left: 0 !important;
}
/**
* Add/remove paddings
*/
.soft {
padding: 20px !important;
}
.soft--top {
padding-top: 20px !important;
}
.soft--right {
padding-right: 20px !important;
}
.soft--bottom {
padding-bottom: 20px !important;
}
.soft--left {
padding-left: 20px !important;
}
.soft--ends {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.soft--sides {
padding-right: 20px !important;
padding-left: 20px !important;
}
.soft-half {
padding: 10px !important;
}
.soft-half--top {
padding-top: 10px !important;
}
.soft-half--right {
padding-right: 10px !important;
}
.soft-half--bottom {
padding-bottom: 10px !important;
}
.soft-half--left {
padding-left: 10px !important;
}
.soft-half--ends {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.soft-half--sides {
padding-right: 10px !important;
padding-left: 10px !important;
}
.hard {
padding: 0 !important;
}
.hard--top {
padding-top: 0 !important;
}
.hard--right {
padding-right: 0 !important;
}
.hard--bottom {
padding-bottom: 0 !important;
}
.hard--left {
padding-left: 0 !important;
}
.hard--ends {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.hard--sides {
padding-right: 0 !important;
padding-left: 0 !important;
}
/**
* Pull items full width of `.island` parents.
*/
.full-bleed {
margin-right: -20px !important;
margin-left: -20px !important;
}
.islet .full-bleed {
margin-right: -10px !important;
margin-left: -10px !important;
}
/**
* Add a help cursor to any element that gives the user extra information on
* `:hover`.
*/
.informative {
cursor: help !important;
}
/**
* Mute an object by reducing its opacity.
*/
.muted, .button--inactive {
opacity: 0.5 !important;
filter: alpha(opacity=50) !important;
}
/**
* Align items to the right where they imply progression/movement forward, e.g.:
*
*
*/
.proceed {
text-align: right !important;
}
/**
* Add a right-angled quote to links that imply movement, e.g.:
*
Read more
*
*/
.go:after {
content: " " "»" !important;
}
/**
* Apply capital case to an element (usually a `strong`).
*/
.caps {
text-transform: uppercase !important;
}
/**
* Hide content off-screen without resorting to `display:none;`, also provide
* breakpoint specific hidden elements.
*/
.accessibility,
.visuallyhidden {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
@media only screen and (max-width: 668px) {
.accessibility--palm,
.visuallyhidden--palm {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.accessibility--lap,
.visuallyhidden--lap {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
}
@media only screen and (min-width: 669px) {
.accessibility--lap-and-up,
.visuallyhidden--lap-and-up {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
}
@media only screen and (max-width: 1023px) {
.accessibility--portable,
.visuallyhidden--portable {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
}
@media only screen and (min-width: 1024px) {
.accessibility--desk,
.visuallyhidden--desk {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
}
@media only screen and (min-width: 1400px) {
.accessibility--desk-wide,
.visuallyhidden--desk-wide {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
}
/* endif */
/**
* She’s all yours, cap’n... Begin importing your stuff here.
*/
/*------------------------------------*\
DEFAULT
\*------------------------------------*/
/* Usage of retina mixin ^^ */
/*
.logo {
background: url("logo.png") no-repeat;
@include image-2x("logo2x.png", 100px, 25px);
}
*/
/******************************************************************************************************************
***************************************************** FLEXBOX *****************************************************
******************************************************************************************************************/
.banner__content, .checkbox-list__label, .checkbox-list, .filters--tabs .filters__link, .filters--tabs .filters__item, .filters--tabs, .team-member__inner, .heading-group, .timeline__container, .carousel--content .carousel__container, .open-day__content, .event__secondary, .event, .date:not(.form__group) .date__content, .date:not(.form__group) .date__inner, .date:not(.form__group), .news__content, .badge__inner, .media-grid__name, .media-grid__link, .media-grid__item, .media-grid__list, .buttons-list--split, .course-widget__inner, .video-player__title, .video-player__icon, .video-player__content, .video-player__poster, .navigation--tertiary .navigation__link, .navigation--tertiary .navigation__item, .navigation--tertiary, .navigation--primary .navigation__link, .navigation--primary > .navigation__item, .navigation--primary, .site-head__inner {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
.course-widget__button, .course-widget__button--major,
.course-widget__button .course-widget__button-inner,
.course-widget__button--major .course-widget__button-inner {
display: -webkit-inline-box;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
@font-face {
font-family: "Icons";
src: url("../fonts/icons.eot?i0v0ku");
src: url("../fonts/icons.eot?i0v0ku#iefix") format("embedded-opentype"), url("../fonts/icons.ttf?i0v0ku") format("truetype"), url("../fonts/icons.woff?i0v0ku") format("woff"), url("../fonts/icons.svg?i0v0ku#icons") format("svg");
font-weight: normal;
font-style: normal;
}
/**
* @license
* MyFonts Webfont Build ID 3304890, 2016-11-07T12:44:23-0500
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: FrutigerLTPro-BlackCn by Linotype
* URL: http://www.myfonts.com/fonts/linotype/frutiger/pro-77-black-condensed/
* Licensed pageviews: 500,000
*
* Webfont: FrutigerLTPro-LightCn by Linotype
* URL: http://www.myfonts.com/fonts/linotype/frutiger/pro-47-light-condensed/
* Licensed pageviews: 250,000
*
* Webfont: FrutigerLTPro-Light by Linotype
* URL: http://www.myfonts.com/fonts/linotype/frutiger/frutiger-pro-45-light/
* Licensed pageviews: 250,000
*
* Webfont: FrutigerLTPro-LightItalic by Linotype
* URL: http://www.myfonts.com/fonts/linotype/frutiger/pro-46-light-italic/
* Licensed pageviews: 250,000
*
*
* License: http://www.myfonts.com/viewlicense?type=web&buildid=3304890
* Webfonts copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 2006 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be reproduced,
*
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
font-family: "Frutiger";
src: url("../../fonts/FrutigerBlackCondensed.eot");
src: url("../../fonts/FrutigerBlackCondensed.eot?#iefix") format("embedded-opentype"), url("../../fonts/FrutigerBlackCondensed.woff2") format("woff2"), url("../../fonts/FrutigerBlackCondensed.woff") format("woff"), url("../../fonts/FrutigerBlackCondensed.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Frutiger";
src: url("../../fonts/FrutigerLight.eot");
src: url("../../fonts/FrutigerLight.eot?#iefix") format("embedded-opentype"), url("../../fonts/FrutigerLight.woff2") format("woff2"), url("../../fonts/FrutigerLight.woff") format("woff"), url("../../fonts/FrutigerLight.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Frutiger";
src: url("../../fonts/FrutigerLightItalic.eot");
src: url("../../fonts/FrutigerLightItalic.eot?#iefix") format("embedded-opentype"), url("../../fonts/FrutigerLightItalic.woff2") format("woff2"), url("../../fonts/FrutigerLightItalic.woff") format("woff"), url("../../fonts/FrutigerLightItalic.ttf") format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Frutiger Light Condensed";
src: url("../../fonts/FrutigerLightCondensed.eot");
src: url("../../fonts/FrutigerLightCondensed.eot?#iefix") format("embedded-opentype"), url("../../fonts/FrutigerLightCondensed.woff2") format("woff2"), url("../../fonts/FrutigerLightCondensed.woff") format("woff"), url("../../fonts/FrutigerLightCondensed.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
body {
background-color: #fff;
color: #1d1d1b;
font-family: "Frutiger", Helvetica, Arial, sans-serif;
}
.media-panel h6, .media-panel h5, .media-panel h4, .media-panel h3, .media-panel h2, .media-panel h1, .media-grid--home h6, .media-grid--home h5, .media-grid--home h4, .media-grid--home h3, .media-grid--home h2, .media-grid--home h1, .media-grid h6, .media-grid h5, .media-grid h4, .media-grid h3, .media-grid h2, .media-grid h1, .block-list--free h6, .block-list--free h5, .block-list--free h4, .block-list--free h3, .block-list--free h2, .block-list--free h1, .content--brand h6, .content--brand h5, .content--brand h4, .content--brand h3, .content--brand h2, .content--brand h1, h6, h5, h4, h3, h2, h1 {
font-family: "Frutiger", Helvetica, Arial, sans-serif;
color: #1d1d1b;
line-height: 1;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 20px;
}
.alpha, .beta, .gamma, .delta, .epsilon, .zeta {
line-height: 1;
}
a {
color: #d6001c;
font-size: 18.9px;
font-size: 1.05rem;
line-height: 1.164021164;
font-weight: bold;
text-decoration: none;
}
a:focus {
outline: none;
}
a:hover, a:focus, a:active {
color: #2b2e40;
}
p {
margin: 0 0 20px;
}
dl {
margin: 0;
padding: 0;
}
dl dd {
margin: 0;
}
blockquote {
text-indent: 0;
padding: 30px 0;
border-top: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
}
blockquote p:first-of-type::before {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "Icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '"';
font-size: 30px;
height: 30px;
line-height: 30px;
float: left;
margin: 3px 15px 15px 0;
color: #d6001c;
}
blockquote footer {
padding-top: 5px;
font-size: 16px;
font-size: 0.8888888889rem;
}
cite {
font-style: normal;
font-weight: bold;
font-size: 12px;
font-size: 0.6666666667rem;
}
table {
width: 100%;
font-size: 16px;
font-size: 0.8888888889rem;
border-collapse: separate;
border-spacing: 3px;
}
table th {
position: relative;
background-color: #d6001c;
color: #fff;
text-transform: uppercase;
font-weight: bold;
}
table th::before {
display: block;
height: 100%;
width: 3px;
position: absolute;
top: 0;
left: -3px;
background-color: #d6001c;
content: "";
}
table th:first-of-type::before {
display: none;
}
table td {
background-color: #f4f4f4;
}
table th, table td {
vertical-align: top;
padding: 8px 22px;
}
mark {
background: transparent;
color: inherit;
}
abbr {
border: none !important;
}
address {
font-style: normal;
}
hr {
height: 1px;
border: none;
}
iframe {
border: none;
width: 100% !important;
}
fieldset {
border: none;
padding: 0;
margin: 0;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=search],
textarea,
select {
width: 100%;
padding: 7px 12px;
border: 1px solid #c9c9c9;
-webkit-box-sizing: inherit;
box-sizing: inherit;
border-radius: 0;
outline: none;
}
select {
font-size: 16px;
font-size: 0.8888888889rem;
}
.layout--rev, .feature__container {
direction: rtl;
text-align: left;
}
.layout--rev > *, .feature__container > * {
direction: ltr;
text-align: left;
}
.container {
background-color: #fff;
position: relative;
}
.container__inner {
position: relative;
overflow: hidden;
}
.container__content {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: transform 75ms ease-in-out;
-webkit-transition: -webkit-transform 75ms ease-in-out;
transition: -webkit-transform 75ms ease-in-out;
transition: transform 75ms ease-in-out;
transition: transform 75ms ease-in-out, -webkit-transform 75ms ease-in-out;
}
@media only screen and (max-width: 1023px) {
.container__content.is-nudged {
-webkit-transform: translateX(-240px);
-ms-transform: translateX(-240px);
transform: translateX(-240px);
}
}
.container__content.__modalactive {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.container__close-menu {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
cursor: pointer;
-webkit-box-shadow: 2px 0 15px rgba(0, 0, 0, 0.2);
box-shadow: 2px 0 15px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1023px) {
.container__close-menu.is-visible {
display: block !important;
}
}
.inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.inner--flush {
padding: 0;
}
.inner--akero > .content {
padding-top: 0px;
padding-bottom: 0px;
}
.inner--akero > .content .content__section:first-of-type {
margin-bottom: -5px;
}
.inner.__center {
max-width: 1000px;
}
.thankyoupage .inner {
padding: 0;
max-width: 100%;
}
.thankyoupage .content {
padding: 0;
}
.thankyoupage .content__inner {
margin-left: 0;
}
.thankyoupage .content__section {
padding-left: 0;
}
.thankyoupage .content__section:first-of-type {
margin: 50px 0;
padding: 0 15px;
}
@media (min-width: 768px) {
.thankyoupage .content__section:first-of-type {
margin: 150px auto;
}
}
@media (min-width: 1300px) {
.thankyoupage .content__section:first-of-type {
padding: 0 140px;
}
}
.thankyoupage img {
width: 100%;
height: auto;
}
@media only screen and (min-width: 669px) {
.thankyoupage img {
height: 610px;
}
}
.thankyoupage .cmscontent h1 {
text-transform: none;
}
.thankyoupage .cmscontent p {
font-size: 17px;
}
.thankyoupage .button {
background: #d6001c;
text-transform: none;
padding: 18px 40px;
margin-top: 20px;
}
.thankyoupage .button::after {
display: none;
}
.thankyoupage .button:hover, .thankyoupage .button:focus {
background-color: #000;
}
/*------------------------------------*\
PLUGINS
\*------------------------------------*/
/* Icons */
@font-face {
font-family: "slick";
src: url("./fonts/slick.eot");
src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}
/**
Slider
*/
.slick-loading .slick-list {
background: #fff url("./ajax-loader.gif") center center no-repeat;
}
/*=================================
Previous and Next icon buttons
==================================*/
.slick-prev,
.slick-next {
position: absolute;
top: 50%;
display: block;
padding: 0;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: transparent;
color: transparent;
border: none;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.slick-prev:hover .slick-prev-icon,
.slick-prev:hover .slick-next-icon, .slick-prev:focus .slick-prev-icon,
.slick-prev:focus .slick-next-icon,
.slick-next:hover .slick-prev-icon,
.slick-next:hover .slick-next-icon,
.slick-next:focus .slick-prev-icon,
.slick-next:focus .slick-next-icon {
opacity: 1;
}
.slick-prev:focus,
.slick-next:focus {
top: calc(50% - 1px);
}
.slick-prev:focus .slick-prev-icon,
.slick-prev:focus .slick-next-icon,
.slick-next:focus .slick-prev-icon,
.slick-next:focus .slick-next-icon {
color: orange;
font-size: 28px;
margin-left: -2px;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
cursor: default;
}
.slick-prev.slick-disabled .slick-prev-icon,
.slick-prev.slick-disabled .slick-next-icon,
.slick-next.slick-disabled .slick-prev-icon,
.slick-next.slick-disabled .slick-next-icon {
opacity: 0.25;
}
.slick-prev .slick-prev-icon,
.slick-prev .slick-next-icon,
.slick-next .slick-prev-icon,
.slick-next .slick-next-icon {
display: block;
color: black;
opacity: 0.75;
font-family: "slick";
font-size: 24px;
line-height: 1;
}
.slick-prev {
left: -25px;
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev .slick-prev-icon:before {
content: "←";
}
[dir=rtl] .slick-prev .slick-prev-icon:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next .slick-next-icon:before {
content: "→";
}
[dir=rtl] .slick-next .slick-next-icon:before {
content: "←";
}
/*==========================
Slide navigation dots
===========================*/
.slick-slider {
margin-bottom: 30px;
}
.slick-slider.slick-dotted {
margin-bottom: 60px;
}
.slick-dots {
position: absolute;
bottom: -30px;
display: block;
padding: 0;
margin: 0;
width: 100%;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0 5px;
padding: 0;
}
.slick-dots li button {
display: block;
height: 20px;
width: 20px;
margin-top: -4px;
margin-left: -4px;
line-height: 0px;
font-size: 0px;
color: transparent;
border: 0;
background: transparent;
cursor: pointer;
}
.slick-dots li button:hover .slick-dot-icon, .slick-dots li button:focus .slick-dot-icon {
opacity: 1;
}
.slick-dots li button:focus .slick-dot-icon:before {
color: orange;
}
.slick-dots li button .slick-dot-icon {
color: black;
opacity: 0.25;
}
.slick-dots li button .slick-dot-icon:before {
position: absolute;
top: 0;
left: 0;
content: "•";
font-family: "slick";
font-size: 12px;
line-height: 1;
text-align: center;
-webkit-transition: all 0.05s linear;
transition: all 0.05s linear;
}
.slick-dots li.slick-active button:focus .slick-dot-icon {
color: orange;
opacity: 1;
}
.slick-dots li.slick-active button .slick-dot-icon {
color: black;
opacity: 1;
}
.slick-dots li.slick-active button .slick-dot-icon:before {
margin-top: -3px;
margin-left: -2px;
font-size: 18px;
}
/**
Improved .sr-only class by ffoodd: https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034
*/
.slick-sr-only {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
/*===========================
Pause/play icon button
============================*/
.slick-autoplay-toggle-button {
position: absolute;
left: 5px;
bottom: -32px;
z-index: 10;
opacity: 0.75;
background: none;
border: 0;
cursor: pointer;
color: black;
}
.slick-autoplay-toggle-button:hover, .slick-autoplay-toggle-button:focus {
opacity: 1;
}
.slick-autoplay-toggle-button:focus {
color: orange;
}
.slick-autoplay-toggle-button .slick-pause-icon:before {
content: "⏸";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 18px;
font-weight: normal;
line-height: 20px;
text-align: center;
}
.slick-autoplay-toggle-button .slick-play-icon:before {
content: "▶";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 18px;
font-weight: normal;
line-height: 20px;
text-align: center;
}
.custom-select {
background: #fff url(../images/custom-select-bg.png) right center no-repeat;
border: 1px solid #c9c9c9;
color: #1d1d1b;
padding: 6px 9px;
text-align: left;
width: auto;
font-size: 16px !important;
}
.hasCustomSelect {
min-width: 50px;
}
.form__field input, .form__field label {
font-size: 16px;
display: inline-block;
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
}
.control__indicator {
height: 21px;
width: 21px;
border-radius: 4px;
background: #f4f4f4;
}
.control--radio .control__indicator {
border-radius: 50%;
}
.control input:checked + .control__indicator {
background: #d6001c;
}
.control__indicator:after {
content: "";
position: absolute;
display: none;
}
.control input:checked + .control__indicator:after {
display: block;
}
.control--checkbox .control__indicator:after {
left: 7px;
top: 3px;
width: 5px;
height: 9px;
border: solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.control--radio input:disabled ~ .control__indicator:after {
background: #7b7b7b;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: transparent;
color: #444;
text-shadow: none;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
/*.fancybox-inner {
overflow: hidden !important;
}*/
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url("../images/fancybox/fancybox_sprite.png");
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url("../images/fancybox/fancybox_loading.gif") center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url("../images/fancybox/blank.gif"); /* helps IE */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span,
.fancybox-nav:focus span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url("../images/fancybox/fancybox_overlay.png");
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url("../images/fancybox/fancybox_sprite@2x.png");
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url("../images/fancybox/fancybox_loading@2x.gif");
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/* ==========================================================================
$BASE-PICKER
========================================================================== */
/**
* Note: the root picker element should *NOT* be styled more than what’s here.
*/
.picker {
font-size: 16px;
text-align: left;
line-height: 1.2;
color: #000000;
position: absolute;
z-index: 10000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/**
* The picker input element.
*/
.picker__input {
cursor: default;
}
/**
* When the picker is opened, the input element is “activated”.
*/
.picker__input.picker__input--active {
border-color: #eaeaea;
}
/**
* The holder is the only “scrollable” top-level container element.
*/
.picker__holder {
width: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
/*!
* Classic picker styling for pickadate.js
* Demo: http://amsul.github.io/pickadate.js
*/
/**
* Note: the root picker element should *NOT* be styled more than what’s here.
*/
.picker {
width: 100%;
max-width: 320px;
}
/**
* The holder is the base of the picker.
*/
.picker__holder {
position: absolute;
background: #ffffff;
border-top-width: 0;
border-bottom-width: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 176px;
max-width: 466px;
max-height: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
/*-webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
transform: translateY(-1em) perspective(600px) rotateX(10deg);
transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;*/
outline: none;
}
/**
* The frame and wrap work together to ensure that
* clicks within the picker don’t reach the holder.
*/
.picker__frame {
padding: 1px;
border: 1px solid rgb(208.5, 208.5, 208.5);
background: #FFF;
}
.picker__wrap {
margin: -1px;
}
/**
* When the picker opens...
*/
.picker--opened .picker__holder {
max-height: 25em;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
border-top-width: 1px;
border-bottom-width: 1px;
/*-webkit-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;*/
-webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
}
/* ==========================================================================
$BASE-DATE-PICKER
========================================================================== */
/**
* The picker box.
*/
.picker__box {
padding: 0 1em;
}
/**
* The header containing the month and year stuff.
*/
.picker__header {
text-align: center;
position: relative;
margin-top: 0.75em;
}
/**
* The month and year labels.
*/
.picker__month,
.picker__year {
font-weight: 500;
display: inline-block;
margin-left: 0.25em;
margin-right: 0.25em;
}
.picker__year {
color: #1d1d1b;
font-size: 0.8em;
font-style: italic;
}
/**
* The month and year selectors.
*/
.picker__select--month,
.picker__select--year {
border: 1px solid #b7b7b7;
height: 31px;
padding: 0.5em;
margin-left: 0.25em;
margin-right: 0.25em;
font-size: 12px;
font-size: 0.8em;
}
@media (min-width: 24.5em) {
.picker__select--month,
.picker__select--year {
margin-top: -0.5em;
}
}
.picker__select--month {
width: 35%;
}
.picker__select--year {
width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
border-color: #b7b7b7;
}
/**
* The month navigation buttons.
*/
.picker__nav--prev,
.picker__nav--next {
position: absolute;
padding: 0.5em 1.25em;
width: 1em;
height: 1em;
-webkit-box-sizing: content-box;
box-sizing: content-box;
top: -0.25em;
}
@media (min-width: 24.5em) {
.picker__nav--prev,
.picker__nav--next {
top: -0.33em;
}
}
.picker__nav--prev {
left: -1em;
padding-right: 1.25em;
}
@media (min-width: 24.5em) {
.picker__nav--prev {
padding-right: 1.5em;
}
}
.picker__nav--next {
right: -1em;
padding-left: 1.25em;
}
@media (min-width: 24.5em) {
.picker__nav--next {
padding-left: 1.5em;
}
}
.picker__nav--prev:before,
.picker__nav--next:before {
content: " ";
border-top: 0.5em solid transparent;
border-bottom: 0.5em solid transparent;
border-right: 0.75em solid #000000;
width: 0;
height: 0;
display: block;
margin: 0 auto;
}
.picker__nav--next:before {
border-right: 0;
border-left: 0.75em solid #000000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover,
.picker__nav--prev:focus,
.picker__nav--next:focus {
cursor: pointer;
color: #1d1d1b;
background: #f4f4f4;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover,
.picker__nav--disabled:focus,
.picker__nav--disabled:before:focus {
cursor: default;
background: none;
border-right-color: #f5f5f5;
border-left-color: #f5f5f5;
}
/**
* The calendar table of dates
*/
.picker__table {
text-align: center;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
font-size: inherit;
width: 100%;
margin-top: 0.75em;
margin-bottom: 0.5em;
}
@media (min-height: 33.875em) {
.picker__table {
margin-bottom: 0.75em;
}
}
.picker__table td {
margin: 0;
padding: 0;
background-color: #FFF;
text-align: center;
}
/**
* The weekday labels
*/
.picker__weekday {
width: 14.285714286% !important;
font-size: 0.75em;
padding: 0 0 0.25em 0;
background-color: #FFF;
color: #1d1d1b;
font-weight: 500;
text-align: center;
/* Increase the spacing a tad */
}
.picker__weekday:before {
display: none;
}
@media (min-height: 33.875em) {
.picker__weekday {
padding-bottom: 0.5em;
}
}
/**
* The days on the calendar
*/
.picker__day {
padding: 0.3125em 0;
font-weight: 200;
border: 1px solid transparent;
}
.picker__day--today {
position: relative;
}
.picker__day--today:before {
content: " ";
position: absolute;
top: 2px;
right: 2px;
width: 0;
height: 0;
border-top: 0.5em solid #47b74b;
border-left: 0.5em solid transparent;
}
.picker__day--disabled:before {
border-top-color: #aaaaaa;
}
.picker__day--outfocus {
color: #dddddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--infocus:focus,
.picker__day--outfocus:focus {
cursor: pointer;
color: #1d1d1b;
background: #f4f4f4;
}
.picker__day--highlighted {
border-color: #47b74b;
}
.picker__day--highlighted:hover,
.picker__day--highlighted:focus,
.picker--focused .picker__day--highlighted {
cursor: pointer;
color: #1d1d1b;
background: #47b74b;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker__day--selected:focus,
.picker--focused .picker__day--selected {
background: #47b74b;
color: #ffffff;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker__day--disabled:focus,
.picker--focused .picker__day--disabled {
background: #f5f5f5;
border-color: #f5f5f5;
color: #dddddd;
cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover,
.picker__day--highlighted.picker__day--disabled:focus {
background: #bbbbbb;
}
/**
* The footer containing the "today", "clear", and "close" buttons.
*/
.picker__footer {
text-align: center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
border: 1px solid #ffffff;
background: #ffffff;
font-size: 0.8em;
padding: 0.66em 0;
font-weight: bold;
width: 33%;
display: inline-block;
vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
cursor: pointer;
color: #1d1d1b;
background: #f4f4f4;
border-bottom-color: #f4f4f4;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
background: rgb(218.5, 218.5, 218.5);
border-color: rgb(218.5, 218.5, 218.5);
outline: none;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
position: relative;
display: inline-block;
height: 0;
}
.picker__button--today:before,
.picker__button--clear:before {
content: " ";
margin-right: 0.45em;
}
.picker__button--today:before {
top: -0.05em;
width: 0;
border-top: 0.66em solid #47b74b;
border-left: 0.66em solid transparent;
}
.picker__button--clear:before {
top: -0.25em;
width: 0.66em;
border-top: 3px solid #d6001c;
}
.picker__button--close:before {
content: "×";
top: -0.1em;
vertical-align: top;
font-size: 1.1em;
margin-right: 0.35em;
color: #0b74fb;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover,
.picker__button--today[disabled]:focus {
background: #f5f5f5;
border-color: #f5f5f5;
color: #dddddd;
cursor: default;
}
.picker__button--today[disabled]:before {
border-top-color: #aaaaaa;
}
/* ==========================================================================
$CLASSIC-DATE-PICKER
========================================================================== */
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: rgb(30, 30, 30);
opacity: 0;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.9;
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
-webkit-transition: opacity 0.25s ease, visibility 0s ease 0.25s;
transition: opacity 0.25s ease, visibility 0s ease 0.25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
-webkit-transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
/* Using without prefix would break IE11 */
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable=true] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
/* Buttons */
.fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
-webkit-transition: color 0.2s;
transition: color 0.2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
}
/* Fix IE11 */
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
-webkit-transform-origin: 0;
transform-origin: 0;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: 0.8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}
/* Caption */
.fancybox-caption {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
-webkit-animation: fancybox-rotate 1s linear infinite;
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* Transition effects */
.fancybox-animated {
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
}
/* Share */
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
-webkit-transition: all 0.2s;
transition: all 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}
/*------------------------------------*\
LAYOUTS
\*------------------------------------*/
.printonly {
display: none;
}
.site-head__inner {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.site-head__primary {
background-color: #d6001c;
-webkit-box-ordinal-group: 3;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
position: relative;
}
@media only screen and (min-width: 1024px) {
.site-head__primary {
padding: 12px 0;
height: 93px;
}
}
.site-head__primary > .inner {
letter-spacing: -0.31em;
}
.site-head__primary > .inner > * {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
}
.site-head__full-search {
display: none;
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
&.is-visible {
display: none !important;
}
}*/
}
.site-head__full-search.is-visible {
display: none !important;
}
@media only screen and (min-width: 1024px) {
.site-head__full-search {
max-height: calc(100vh - 45px - 93px);
overflow-y: auto;
position: absolute;
top: 100%;
left: 18%;
background-color: #fff;
width: 57%;
}
.site-head__full-search.is-visible {
display: block !important;
}
}
@media (min-width: 1400px) {
.site-head__full-search {
left: 22%;
width: 49%;
}
}
@media (min-width: 1600px) {
.site-head__full-search {
left: 26%;
width: 43%;
}
}
@media (min-width: 1800px) {
.site-head__full-search {
left: 29%;
width: 38%;
}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
.site-head__full-search {
display: none !important;
}
.site-head__full-search.is-visible {
display: none !important;
}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
.site-head__full-search {
display: none !important;
}
.site-head__full-search.is-visible {
display: none !important;
}
}
.site-head__logo {
width: 100px;
vertical-align: middle;
}
@media only screen and (min-width: 1024px) {
.site-head__logo {
width: 200px;
}
}
.site-head__widget {
width: calc(100% - 100px);
vertical-align: middle;
}
@media only screen and (min-width: 1024px) {
.site-head__widget {
width: calc(100% - 200px);
vertical-align: top;
}
}
.site-head__menu {
display: block;
border-right: 1px solid #b82218;
}
@media only screen and (min-width: 1024px) {
.site-head__menu {
display: none;
}
}
.site-head__menu-button .icon, .site-head__menu-button .alert--warning .alert__icon, .alert--warning .site-head__menu-button .alert__icon, .site-head__menu-button .alert--info .alert__icon, .alert--info .site-head__menu-button .alert__icon, .site-head__menu-button .tabs__accordion-title:before, .site-head__menu-button .navigation--primary > .navigation__item.has-children::after, .site-head__menu-button .application-master .form__group.popped .more-info__icon, .application-master .form__group.popped .site-head__menu-button .more-info__icon {
-webkit-transition: all 100ms linear;
transition: all 100ms linear;
}
.site-head__menu-button.is-active .icon, .site-head__menu-button.is-active .alert--warning .alert__icon, .alert--warning .site-head__menu-button.is-active .alert__icon, .site-head__menu-button.is-active .alert--info .alert__icon, .alert--info .site-head__menu-button.is-active .alert__icon, .site-head__menu-button.is-active .tabs__accordion-title:before, .site-head__menu-button.is-active .navigation--primary > .navigation__item.has-children::after, .site-head__menu-button.is-active .application-master .form__group.popped .more-info__icon, .application-master .form__group.popped .site-head__menu-button.is-active .more-info__icon {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.site-head__secondary {
background-color: #000;
-webkit-box-ordinal-group: 2;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
text-align: right;
height: 38px;
}
@media only screen and (min-width: 1024px) {
.site-head__secondary {
height: 45px;
}
}
.site-head__secondary .inner {
letter-spacing: -0.31em;
padding: 0 5px 0 0;
}
.site-head__secondary .inner > * {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
}
@media only screen and (max-width: 1023px) {
.site-head__secondary .inner {
padding-right: 0;
}
}
.site-head__secondary-menu {
display: none !important;
}
@media only screen and (min-width: 1024px) {
.site-head__secondary-menu {
display: inline-block !important;
width: calc(100% - 270px);
padding-right: 11px;
}
}
.site-head__tertiary {
height: 44px;
border-bottom: 2px solid #d6001c;
background-color: #000;
position: fixed;
top: 0;
width: 100%;
display: none;
}
.site-head__tertiary-inner {
height: 100%;
margin: 0 auto;
max-width: 1400px;
padding-left: 56px;
}
@media only screen and (min-width: 1400px) {
.site-head__tertiary {
width: 100%;
}
}
@media only screen and (max-width: 1023px) {
.site-head__tertiary {
display: none !important;
}
}
.site-head__navigation {
-webkit-box-ordinal-group: 4;
-moz-order: 3;
-ms-flex-order: 3;
order: 3;
display: none;
border-bottom: 1px solid #c9c9c9;
}
@media only screen and (min-width: 1024px) {
.site-head__navigation {
display: block;
}
}
.site-head__areas {
width: 100%;
}
@media only screen and (min-width: 768px) {
.site-head__areas {
width: 265px;
display: inline-block;
}
}
.site-head__social {
display: none;
margin-left: 15px;
}
@media only screen and (min-width: 1200px) {
.site-head__social {
display: inline-block;
}
}
.site-head input[type=search] {
font-size: 18px;
font-size: 1rem;
}
@media only screen and (min-width: 1200px) {
.site-head input[type=search] {
font-size: 27px;
font-size: 1.5rem;
}
}
.form__intro {
font-size: 15px;
font-size: 0.8333333333rem;
}
.form__inner {
margin-left: -30px;
margin-bottom: 30px;
}
.form__inner:last-of-type {
margin-bottom: 0;
}
.form__heading {
padding-left: 30px;
line-height: 1;
text-transform: uppercase;
margin: 0 0 20px;
color: #d6001c;
}
.form__group {
padding-left: 30px;
margin-bottom: 25px;
}
.form__group.has-tooltip {
position: relative;
}
.form__group.has-tooltip label {
padding-right: 30px;
}
.form__group--checkbox {
letter-spacing: -0.31em;
}
.form__group--checkbox > * {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
}
@media only screen and (min-width: 669px) {
.form__group--checkbox {
padding-top: 25px;
}
}
.form__group--checkbox .form__label {
font-size: 16px;
font-size: 0.8888888889rem;
display: inline-block;
width: calc(100% - 35px);
font-weight: normal;
text-transform: none;
}
.form__group--checkbox .form__field {
display: inline-block;
width: 35px;
vertical-align: top;
}
@media only screen and (min-width: 669px) {
.form__group--button {
padding-top: 25px;
}
}
.form__label {
font-size: 14px;
font-size: 0.7777777778rem;
margin-bottom: 7px;
font-weight: bold;
text-transform: uppercase;
}
@media only screen and (min-width: 669px) {
.form__label {
min-height: 18px;
}
}
.form__tooltip {
display: block;
padding-bottom: 5px;
}
.form__buttons {
margin-bottom: 20px;
}
.form__validation-error {
color: #c00;
font-style: italic;
font-weight: bold;
}
.form__key {
font-size: 16px;
font-size: 0.8888888889rem;
}
.form__key > * {
display: inline-block;
}
.field-validation-error {
color: #c00;
display: block;
margin-top: 5px;
font-size: 15px;
}
.field-validation-error__icon {
position: relative;
top: -1px;
margin-right: 3px;
display: inline-block;
vertical-align: middle;
}
.field-validation-error__label {
display: inline-block;
vertical-align: middle;
}
.datepickerfield {
border-color: #bbb !important;
width: 95% !important;
}
label.is-hidden-text {
padding: 0 !important;
}
input[type=submit],
button[type=submit] {
-webkit-appearance: none;
border-radius: 0;
}
textarea {
min-height: 170px;
}
.checkboxlist label {
display: inline-block !important;
clear: none !important;
float: none !important;
}
.site-foot__inner {
margin-left: -90px;
}
.site-foot__primary {
background-color: #f4f4f4;
padding: 20px 0;
}
@media only screen and (min-width: 669px) {
.site-foot__primary {
padding: 40px 0;
}
}
.site-foot__section {
padding-left: 90px;
margin-bottom: 30px;
}
.site-foot__section:last-of-type {
margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
.site-foot__section {
margin-bottom: 0;
}
}
.site-foot__heading {
font-size: 20px;
font-size: 1.1111111111rem;
line-height: 1.1;
line-height: 1.2;
margin-bottom: 25px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 20px;
}
@media only screen and (min-width: 669px) {
.site-foot__heading {
font-size: 24px;
font-size: 1.3333333333rem;
line-height: 1.8333333333;
line-height: 1;
text-align: left;
}
}
.site-foot__secondary {
padding: 20px 0;
}
@media only screen and (min-width: 669px) {
.site-foot__secondary {
padding: 40px 0;
}
}
.site-foot__tertiary {
background-color: #1d1d1b;
color: #8d8d8e;
font-size: 14px;
font-size: 0.7777777778rem;
padding: 15px 0;
}
.site-foot__copyright {
margin: 0;
}
.site-foot__copyright-content {
display: block;
margin-top: 10px;
text-align: center;
}
@media only screen and (min-width: 1024px) {
.site-foot__copyright-content {
display: inline-block;
margin-top: 0;
}
}
.site-foot__navigation {
margin: 0;
padding: 0;
list-style: none outside none;
text-align: center;
}
@media only screen and (min-width: 1024px) {
.site-foot__navigation {
text-align: right;
}
}
.site-foot__navigation-item {
display: block;
margin-bottom: 10px;
}
@media only screen and (min-width: 1024px) {
.site-foot__navigation-item {
display: inline-block;
margin-bottom: 0;
margin-left: 10px;
}
}
.site-foot__navigation-link {
color: #8d8d8e;
text-decoration: underline;
}
@media only screen and (min-width: 1024px) {
.site-foot__navigation-link {
text-decoration: none;
}
}
.site-foot__navigation-link:hover, .site-foot__navigation-link:focus {
text-decoration: underline;
}
.site-foot--separate {
position: static;
width: 100%;
padding: 15px 0;
color: #8d8d8e;
background-color: #000;
font-size: 13px;
font-size: 0.7222222222rem;
}
@media only screen and (min-width: 669px) {
.site-foot--separate {
position: fixed;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
}
}
.site-foot--separate__navigation-link {
color: #8d8d8e;
}
.list-page {
border-top: 1px solid #c9c9c9;
padding-top: 20px;
}
.list-page__heading {
vertical-align: middle;
font-size: 24px;
font-size: 1.3333333333rem;
}
.list-page__filters {
vertical-align: middle;
}
@media only screen and (min-width: 669px) {
.list-page__filters {
text-align: right;
}
}
.list-page__content {
padding-top: 50px;
padding-bottom: 50px;
}
.list-page__list {
margin-bottom: -40px;
margin-left: -40px;
}
.list-page__item {
margin-bottom: 40px;
padding-left: 40px;
}
.list-page__list--minor {
margin-left: 0;
}
.list-page__list--minor .list-page__item {
padding-left: 0;
}
.homepage {
height: 100vh;
position: relative;
}
@media only screen and (min-width: 669px) {
.homepage {
overflow: hidden;
}
}
@media only screen and (min-width: 669px) {
.homepage__container {
height: 100vh;
}
}
@media only screen and (max-width: 1023px) {
.homepage__container {
position: relative;
}
}
@media only screen and (max-width: 668px) {
.homepage__inner .homepage__slide {
display: none !important;
}
}
@media only screen and (min-width: 669px) {
.homepage__inner {
height: calc(100vh - 175px);
display: table;
width: 100%;
}
.no-videoautoplay .homepage__inner {
display: none;
}
}
@media only screen and (min-width: 669px) {
.homepage__inner .homepage__slide {
display: none;
font-size: 50px;
color: #fff;
position: absolute;
width: 100%;
height: 100%;
text-align: center;
background: none !important;
}
}
.homepage__primary {
display: table-row;
height: 50%;
width: 100%;
}
@media only screen and (min-width: 669px) {
.homepage__primary-inner {
position: relative;
display: table;
width: 100%;
}
.homepage__primary-inner .homepage__slide {
display: table-cell;
vertical-align: middle;
height: 100%;
}
}
.homepage__secondary {
display: table-row;
height: 50%;
}
.homepage__content {
display: table;
text-align: center;
width: 650px;
margin: 0 auto;
}
@media only screen and (min-width: 669px) {
.homepage__content {
height: 34vh;
}
}
.homepage__text {
display: table-cell;
width: 100%;
vertical-align: bottom;
text-transform: uppercase;
font-size: 22px;
font-size: 1.2222222222rem;
padding: 0 15px;
height: 100%;
}
.homepage__text p {
margin: 0;
}
.homepage__text strong {
display: block;
font-weight: bold;
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
margin: 10px 0;
font-size: 32px;
font-size: 1.7777777778rem;
}
@media only screen and (min-width: 669px) {
.homepage__text strong {
font-size: 66px;
font-size: 3.6666666667rem;
}
}
.homepage__slider {
display: block;
position: fixed;
height: 100%;
width: 100%;
}
@media only screen and (min-width: 669px) {
.homepage__slider {
display: none;
}
}
.homepage__slider .slick-slider {
height: 100%;
width: 100%;
}
.homepage__slider .slick-list,
.homepage__slider .slick-track {
height: 100%;
width: 100%;
}
.homepage__slider .homepage__slide {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.homepage__slider--text {
display: block;
min-height: 150px;
color: #fff;
}
@media only screen and (max-width: 668px) {
.homepage__slider--text {
padding-top: 50px;
}
}
@media only screen and (min-width: 669px) {
.homepage__slider--text {
display: none;
}
}
.homepage__slider--text .homepage__content {
width: 100%;
}
.no-videoautoplay .homepage__slider--text {
display: block !important;
}
@media only screen and (min-width: 669px) {
.no-videoautoplay .homepage__slider--text {
display: block !important;
}
}
.no-videoautoplay .homepage__slider {
display: block !important;
}
@media only screen and (min-width: 669px) {
.no-videoautoplay .homepage__slider {
display: block !important;
}
}
.homepage__buttons {
margin: 0 auto;
text-align: center;
}
@media only screen and (max-width: 668px) {
.homepage__buttons {
display: none;
}
}
@media only screen and (min-width: 669px) {
.homepage__buttons {
max-width: 650px;
display: table-cell;
vertical-align: top;
}
}
.homepage__buttons--carousel {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
-moz-justify-content: space-around;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
width: 100%;
min-height: 250px;
margin-top: 40px;
padding-bottom: 20px;
}
.no-videoautoplay .homepage__buttons--carousel {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 668px) {
.homepage__buttons--carousel {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 669px) {
.homepage__buttons--carousel {
display: none;
}
}
.homepage__button {
min-width: 225px;
}
.homepage__button--video {
background-color: #d6001c;
color: #fff;
min-width: 0;
padding: 15px 25px 12px;
vertical-align: middle;
font-size: 24px;
line-height: 1;
z-index: 500;
}
@media only screen and (min-width: 669px) {
.homepage__button--video {
margin: 0 35px;
}
}
@media only screen and (max-width: 668px) {
.homepage__button--video {
-webkit-box-ordinal-group: 0;
-moz-order: -1;
-ms-flex-order: -1;
order: -1;
}
}
.homepage__video {
display: none;
}
@media only screen and (min-width: 669px) {
.homepage__video {
display: block;
}
.no-videoautoplay .homepage__video {
display: none !important;
}
}
.homepage__video > video {
display: none;
}
@media only screen and (min-width: 669px) {
.homepage__video > video {
display: block;
-o-object-fit: contain;
object-fit: contain;
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-size: cover;
}
}
.homepage__pause {
display: none;
}
.homepage__pause .icon, .homepage__pause .alert--warning .alert__icon, .alert--warning .homepage__pause .alert__icon, .homepage__pause .alert--info .alert__icon, .alert--info .homepage__pause .alert__icon, .homepage__pause .tabs__accordion-title:before, .homepage__pause .navigation--primary > .navigation__item.has-children::after, .homepage__pause .application-master .form__group.popped .more-info__icon, .application-master .form__group.popped .homepage__pause .more-info__icon {
margin-right: 5px;
}
@media only screen and (min-width: 669px) {
.homepage__pause {
font-size: 13px;
font-size: 0.7222222222rem;
display: block;
position: fixed;
bottom: 80px;
right: 30px;
color: #fff;
text-transform: uppercase;
}
.no-videoautoplay .homepage__pause {
display: none;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.homepage__pause {
bottom: 180px;
}
}
/* Updates 2020 */
@media (min-width: 992px) {
.homepagebanner .coursearea__banner {
height: 650px;
}
}
.homepagebanner .coursearea__banner::before {
content: none;
}
.homepagebanner .coursearea__banner__inner {
margin: 0;
}
.homepagebanner .coursearea__banner__content {
max-width: 515px;
}
.homepagebanner .coursearea__banner__heading {
line-height: 1.27;
margin-left: 5px;
background: transparent;
}
@media (min-width: 992px) {
.homepagebanner .coursearea__banner__heading {
font-size: 60px;
display: inline-block;
width: auto;
}
}
.homepagebanner .coursearea__banner__heading::after {
content: "";
display: block;
width: 100%;
height: 1px;
}
.homepagebanner .coursearea__banner__heading span {
padding: 0;
background: #000;
line-height: 1.3;
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
-webkit-box-shadow: 15px 0 0 #000, -15px 0 0 #000;
box-shadow: 15px 0 0 #000, -15px 0 0 #000;
}
.homepagebanner .coursearea__banner__description {
width: 100%;
}
.homepagebanner .coursearea__banner__description p {
margin-left: 5px;
background: transparent;
padding: 5px 10px;
font-size: 28px;
}
.homepagebanner .coursearea__banner__description p::after {
content: "";
display: block;
width: 100%;
height: 1px;
}
.homepagebanner .coursearea__banner__description p span {
padding: 0;
background: #000;
line-height: 1.3;
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
-webkit-box-shadow: 15px 0 0 #000, -15px 0 0 #000;
box-shadow: 15px 0 0 #000, -15px 0 0 #000;
}
@media (min-width: 992px) {
.homepagebanner .coursearea__banner__video__controls {
bottom: 110px;
}
}
.homepagebanner .coursearea__banner__video video {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
-o-object-fit: cover;
object-fit: cover;
}
.homepagebanner.__alt {
position: relative;
}
.homepagebanner.__alt .coursearea__banner::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
opacity: 0.6;
-webkit-transition: all 0.3s;
transition: all 0.3s;
z-index: 1;
}
.homepagebanner.__alt .coursearea__banner__video {
z-index: 0;
}
.homepagebanner.__alt .coursearea__banner__inner {
text-align: center;
position: relative;
z-index: 2;
}
.homepagebanner.__alt .coursearea__banner__content {
margin: 0 auto;
max-width: 600px;
}
.homepagebanner.__alt .coursearea__banner__heading {
text-transform: uppercase;
}
.homepagebanner.__alt .coursearea__banner__heading span {
background: transparent;
-webkit-box-decoration-break: initial;
box-decoration-break: initial;
-webkit-box-shadow: none;
box-shadow: none;
}
.homepagebanner.__alt .coursearea__banner__heading::after {
content: none;
}
.homepagebanner.__alt .coursearea__banner__description {
width: 100%;
text-align: center;
}
.homepagebanner.__alt .coursearea__banner__description p {
background: transparent;
font-size: 28px;
padding: 0;
}
.coursefinder {
background: #292927;
border-radius: 8px 0 0 25px;
margin: -30px 0 40px 0;
padding: 20px 30px;
position: relative;
z-index: 2;
}
@media (min-width: 992px) {
.coursefinder {
border-radius: 8px 0 0 50px;
padding: 50px 70px;
margin: -80px 0 70px 65px;
}
}
@media (min-width: 1200px) {
.coursefinder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.coursefinder-header {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 0 0 15px;
}
@media (min-width: 992px) {
.coursefinder-header {
margin: 0 80px 0 0;
}
}
.coursefinder-header h2 {
color: #fff;
text-transform: none;
font-size: 25px;
line-height: 1;
margin: 0 0 5px;
}
.coursefinder-header svg {
display: none;
}
@media (min-width: 992px) {
.coursefinder-header svg {
display: inline-block;
margin: 0 0 15px;
}
}
@media (min-width: 1200px) {
.coursefinder-header svg {
margin: 0;
}
}
.coursefinder-form {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
}
.coursefinder-form-fields {
width: 100%;
color: #fff;
}
@media (min-width: 992px) {
.coursefinder-form-fields {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.coursefinder-form-fields .field_wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin: 0 0 15px;
}
@media (min-width: 992px) {
.coursefinder-form-fields .field_wrap {
margin: 0 40px 0 0;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
max-width: 100%;
}
}
.coursefinder-form-fields .field_wrap.__text {
-webkit-box-flex: 1;
-ms-flex: 1 0 360px;
flex: 1 0 360px;
}
@media (min-width: 1200px) {
.coursefinder-form-fields .field_wrap.__text {
-webkit-box-flex: 1;
-ms-flex: 1 0 460px;
flex: 1 0 460px;
}
}
.coursefinder-form-fields .field_wrap.__select {
-webkit-box-flex: 1;
-ms-flex: 1 0 160px;
flex: 1 0 160px;
}
@media (min-width: 1200px) {
.coursefinder-form-fields .field_wrap.__select {
-webkit-box-flex: 1;
-ms-flex: 1 0 226px;
flex: 1 0 226px;
}
}
.coursefinder-form-fields .field_wrap.__select .label_wrap {
position: static;
}
.coursefinder-form-fields .field_wrap.__alignend {
-ms-flex-item-align: end;
align-self: flex-end;
}
.coursefinder-form-fields .field_wrap {
position: relative;
}
.coursefinder-form-fields .label_wrap {
position: absolute;
left: 5px;
top: 10px;
color: #fff;
background-color: transparent;
font-size: 14px;
z-index: 10;
-webkit-transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
transition: transform 150ms ease-out, font-size 150ms ease-out;
transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;
}
@media (min-width: 768px) {
.coursefinder-form-fields .label_wrap {
font-size: 17px;
}
}
.coursefinder-form-fields .focused .label_wrap {
-webkit-transform: translateY(-125%);
-ms-transform: translateY(-125%);
transform: translateY(-125%);
font-size: 12px;
}
.coursefinder-form-fields .input_wrap input {
position: relative;
background: transparent;
color: #fff;
padding: 12px 0px 5px 5px;
width: 100%;
font-size: 17px !important;
outline: 0;
border: 0;
border-bottom: 1px solid #767676;
}
.coursefinder-form-fields .input_wrap select {
width: 100% !important;
height: 35px !important;
}
.coursefinder-form-fields .input_wrap select:focus {
opacity: 1 !important;
}
.coursefinder-form-fields .custom-select {
width: 100%;
background: transparent url(../images/custom-select-white.png) right center no-repeat;
color: #fff;
padding: 12px 0px 5px 5px;
width: 100%;
font-size: 14px !important;
outline: 0;
border: 0;
border-bottom: 1px solid #767676;
}
@media (min-width: 768px) {
.coursefinder-form-fields .custom-select {
font-size: 17px !important;
}
}
.coursefinder-form-fields .custom-select .custom-selectInner {
width: 100% !important;
}
.coursefinder-form-fields .submit_wrap .button {
min-width: 160px;
text-align: center;
}
.latestnews-carousel .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.latestnews-carousel .slick-list {
overflow: hidden;
}
.latestnews-carousel .carousel__container {
position: relative;
}
.latestnews-carousel .carousel__container {
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
}
.latestnews-carousel .carousel__slide {
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
background: white;
height: 100%;
display: block;
}
.latestnews-carousel .carousel__slide:hover, .latestnews-carousel .carousel__slide:focus, .latestnews-carousel .carousel__slide:active {
position: relative;
display: block;
}
.latestnews-carousel .carousel__slide:hover .carousel__content, .latestnews-carousel .carousel__slide:focus .carousel__content, .latestnews-carousel .carousel__slide:active .carousel__content {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.latestnews-carousel .carousel__slide:hover .carousel__content::before, .latestnews-carousel .carousel__slide:focus .carousel__content::before, .latestnews-carousel .carousel__slide:active .carousel__content::before {
top: -10px;
height: 35px;
}
.latestnews-carousel .carousel__image {
background-color: #f3f3f3;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 245px;
width: 100%;
z-index: 1;
display: block;
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 245px;
flex: 0 0 245px;
}
.latestnews-carousel .carousel__content {
padding: 35px 30px;
position: relative;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.latestnews-carousel .carousel__content::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background-color: white;
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
z-index: 1;
}
.latestnews-carousel .carousel__heading {
font-size: 18px;
font-size: 1rem;
font-weight: 500;
line-height: 1.39;
color: #0f1619;
}
.latestnews-carousel .carousel__date {
font-size: 15px;
font-size: 0.8333333333rem;
line-height: 1.67;
color: #4f4f4f;
margin: auto 0 0 0;
}
.ctablock {
margin: 0 -15px;
}
.search__header {
background: #292927;
position: relative;
}
.search__header-inner {
letter-spacing: -0.31em;
padding: 25px 0;
}
.search__header-inner > * {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
}
.search__header .inner {
padding: 25px 15px;
}
@media (min-width: 1400px) {
.search__header .inner {
padding: 50px 0;
}
}
.search__inner {
padding-top: 35px;
padding-bottom: 35px;
}
.search__legend {
font-size: 23px;
font-size: 1.2777777778rem;
color: #d6001c;
text-transform: none;
font-weight: normal;
margin-bottom: 10px;
}
.search__filter {
margin-bottom: 30px !important;
}
.search__filter:last-of-type {
margin-bottom: 0 !important;
}
.search__content {
padding: 25px 0;
background: #F5F5F5;
}
.search__content.__alt {
background: #fff;
padding-top: 0;
}
.search__content.__header {
background: #000;
}
.search__content.__header ul, .search__content.__header li {
margin: 0;
padding: 0;
list-style: none;
}
.search__content.__header li {
border-bottom: 1px solid rgba(151, 151, 151, 0.14);
}
.search__content.__header li:last-child {
border-bottom: none;
}
.search__content.__header .search-result {
display: block;
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 0;
}
.search__content.__header .search-result-content {
background: transparent;
}
.search__content.__header .search-result-title {
color: #fff;
}
.search__content.__header .search-result-code {
border-top: none;
color: #fff;
padding: 0;
}
.search__content .inner.__wide {
max-width: 1400px;
}
.search__heading {
font-size: 30px;
font-size: 1.6666666667rem;
text-transform: none;
font-weight: normal;
margin-bottom: 40px;
}
.search__results {
margin: 0;
padding: 0;
list-style: none outside none;
}
.search__result {
padding-bottom: 10px;
margin-bottom: 30px;
border-bottom: 1px solid #c9c9c9;
max-width: 800px;
}
.search__result:last-of-type {
margin-bottom: 0;
}
.search--full {
overflow-y: auto;
width: 100%;
}
.search--full .search__header {
padding-top: 10px;
}
@media only screen and (min-width: 1024px) {
.search--full .search__header .inner {
padding: 0 15px;
position: relative;
}
}
.search--full .search__header-inner {
padding: 10px 0 15px 0;
}
.search--full .search__toggle-filters {
width: 110px;
position: absolute;
bottom: -1px;
right: 0;
padding: 0 20px;
font-weight: bold;
text-align: left;
font-size: 15px;
font-size: 0.8333333333rem;
text-transform: uppercase;
color: #1d1d1b;
border: 1px solid #fff;
z-index: 1000;
height: 72px;
line-height: 72px;
vertical-align: middle;
border-bottom: none;
}
.search--full .search__toggle-filters::after {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "Icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "v";
position: absolute;
top: 50%;
right: 10px;
color: #d6001c;
font-size: 18px;
margin-top: -9px;
}
.search--full .search__toggle-filters.is-active {
border-top-color: #d8d8d8;
border-right-color: #d8d8d8;
border-left-color: #d8d8d8;
border-bottom: 1px solid #fff;
}
.search--full .search__toggle-filters.is-active::after {
content: "^";
}
.search--full .search__content {
border: none;
}
.search--full .search__content.__none {
color: #fff;
padding: 20px 25px;
background: transparent;
}
.search--full .search {
border-bottom: 1px solid #d8d8d8;
}
.search-title {
color: #fff;
font-size: 35px;
text-transform: none;
}
@media (min-width: 992px) {
.search-title {
font-size: 40px;
}
}
.search-search {
max-width: 680px;
}
.search-text {
color: #fff;
font-size: 17px;
margin: 0 0 10px 0;
}
.search-form {
position: relative;
border-bottom: 1px solid #979797;
}
.search-form .field_wrap.__text .input_wrap input {
background: transparent;
border: 0;
padding: 10px 0;
font-weight: bold;
font-size: 23px;
color: #fff;
}
.search-form .field_wrap.__text .input_wrap input::-webkit-input-placeholder {
font-weight: bold;
font-size: 23px;
color: #fff;
}
.search-form .field_wrap.__text .input_wrap input::-moz-placeholder {
font-weight: bold;
font-size: 23px;
color: #fff;
}
.search-form .field_wrap.__text .input_wrap input:-ms-input-placeholder {
font-weight: bold;
font-size: 23px;
color: #fff;
}
.search-form .field_wrap.__text .input_wrap input::-ms-input-placeholder {
font-weight: bold;
font-size: 23px;
color: #fff;
}
.search-form .field_wrap.__text .input_wrap input::placeholder {
font-weight: bold;
font-size: 23px;
color: #fff;
}
.search-form .submit_wrap {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.search-form .submit_wrap button {
background: transparent;
border: none;
}
.search-form .submit_wrap button span {
color: #fff;
font-size: 25px;
}
.search-top {
background: #f5f5f5;
padding: 20px 0;
}
@media (min-width: 992px) {
.search-top {
margin: 0 25px 40px 0;
}
}
.search-top .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 768px) {
.search-top .inner {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.search-top-form {
width: 300px;
}
.search-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 992px) {
.search-flex {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.search-sidebar {
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 30px 0 0 0;
}
@media (min-width: 992px) {
.search-sidebar {
width: 250px;
min-width: 250px;
max-width: 250px;
margin: 0;
}
}
@media (min-width: 1200px) {
.search-sidebar {
width: 340px;
min-width: 340px;
max-width: 340px;
margin: 0;
}
}
.search-filters {
margin: 0 0 20px 0;
}
.search-filters-header {
padding: 15px 0;
border-bottom: 1px solid #979797;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search-filters-title {
width: 100%;
font-size: 20px;
font-weight: bold;
background: none;
border: 0;
margin: 0;
padding: 0;
display: block;
width: 100%;
text-align: left;
position: relative;
}
.search-filters-title.AccordionTrigger::after {
display: inline-block;
font-family: icomoon;
font-size: 14px;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
content: "\e902";
color: #000;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.search-filters-clear {
background: transparent;
border: none;
font-size: 15px;
min-width: 100px;
text-align: right;
font-weight: bold;
color: #d6001c;
}
.search-filters-list {
display: none;
padding: 15px 0 0 0;
}
.search-filters-list.__display {
display: block;
}
.search-filters-list.__border {
border-bottom: 1px solid #979797;
}
.search-filters-list .field_wrap.__checkbox .input_wrap label {
color: #000;
cursor: pointer;
display: block;
margin: 0 0 15px 0;
padding-left: 30px;
position: relative;
font-size: 15px;
}
.search-filters-list .field_wrap.__checkbox .input_wrap label::before {
content: "";
border: 1px solid #c7c7c7;
background: #eaeaea;
width: 16px;
height: 16px;
position: absolute;
top: -1px;
left: 0;
color: transparent;
}
.search-filters-list .field_wrap.__checkbox .input_wrap label::after {
content: "\e948";
font-size: 10px;
color: white;
position: absolute;
top: 1px;
left: 4px;
opacity: 0;
display: inline-block;
text-transform: none;
vertical-align: middle;
font-family: icomoon;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.search-filters-list .field_wrap.__checkbox .input_wrap label.__checked::before {
background: #000;
border-color: #000;
}
.search-filters-list .field_wrap.__checkbox .input_wrap label.__checked::after {
opacity: 1;
}
.search-filters-list .field_wrap.__checkbox .input_wrap label.__focused::before {
border-color: #000;
background: #000;
}
.search-filters-list .field_wrap.__checkbox .input_wrap label input {
position: absolute;
left: -9999px;
margin: 0;
}
.search-filters-list ul, .search-filters-list li {
margin: 0;
padding: 0;
list-style: none;
}
.search-filters-listitem {
color: #000;
display: block;
padding: 0 0 10px 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.search-filters-listitem::before {
display: inline-block;
text-transform: none;
vertical-align: middle;
font-family: icomoon;
font-size: 12px;
color: #DC2618;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
content: "\e95f";
margin: 0 10px 0 0;
}
.search-filters-listitem:hover, .search-filters-listitem:focus {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.search-resultslist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.search-resultslist {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (min-width: 992px) {
.search-resultslist {
margin: 0 0 0 55px;
}
}
.search-resultslist.__alt {
display: block;
}
@media (min-width: 992px) {
.search-resultslist.__alt {
width: calc(100% - 340px);
}
}
.search-resultslist.__alt .search-result {
width: 100%;
min-width: 100%;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
border-bottom: 1px solid rgba(151, 151, 151, 0.53);
padding: 0 0 20px 0;
margin: 0 0 20px 0;
}
.search-resultslist.__alt .search-result-image {
min-width: 110px;
max-width: 110px;
width: 110px;
height: 70px;
margin: 0 20px 0 0;
}
.search-resultslist.__alt .search-result-content {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.search-resultslist.__alt .search-result-title {
margin: 0;
font-size: 18px;
}
.search-resultslist.__alt .search-result-code {
border-top: none;
margin: 0 25px 0 0;
}
.search-resultslist nav {
width: 100%;
}
.search-result {
width: 100%;
min-width: 100%;
max-width: 100%;
-webkit-transition: all 0.2s;
transition: all 0.2s;
margin: 0 0 25px 0;
}
@media (min-width: 768px) {
.search-result {
width: calc(50% - 25px);
min-width: calc(50% - 25px);
max-width: calc(50% - 25px);
margin: 0 25px 50px 0;
}
}
@media (min-width: 1400px) {
.search-result {
width: 300px;
min-width: 300px;
max-width: 300px;
margin: 0 25px 50px 0;
}
}
.search-result:hover, .search-result:focus {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.search-result:hover .search-result-title, .search-result:hover .search-result-code, .search-result:focus .search-result-title, .search-result:focus .search-result-code {
color: #d6001c;
}
.search-result-image {
width: 100%;
height: 200px;
position: relative;
}
.search-result-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.search-result-type {
position: absolute;
background: #000;
color: #fff;
bottom: 0;
left: 0;
font-size: 14px;
padding: 6px 19px;
}
.search-result-content {
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
background: #fff;
padding: 20px 25px;
}
.search-result-title {
color: #000;
font-weight: bold;
font-size: 16px;
margin: 0 0 15px 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.search-result-text {
font-size: 16px;
color: #4B4B4B;
margin: 10px 0 0 0;
}
.search-result-code {
border-top: 1px solid rgba(151, 151, 151, 0.14);
padding: 15px 0 0 0;
color: #000;
font-size: 13px;
margin: 0 10px 0 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.search-result-code span {
font-weight: bold;
}
.search-paging {
margin: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.125rem;
list-style: none;
}
@media (min-width: 768px) {
.search-paging {
margin: 40px 0;
}
}
.search-paging li {
margin: 0;
padding: 0;
list-style: none;
}
.search-paging li span, .search-paging li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px 14px;
margin: 0 3px 0 0;
background: #000;
color: #fff;
font-size: 14px;
position: relative;
}
.search-paging li span::after, .search-paging li a::after {
content: "";
width: 0;
height: 4px;
background: #DC2618;
position: absolute;
bottom: 0;
left: 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.search-paging li span:hover::after, .search-paging li span:focus::after, .search-paging li a:hover::after, .search-paging li a:focus::after {
width: 100%;
}
.search-paging li.disabled span {
cursor: not-allowed;
opacity: 0.8;
}
.search-paging li.active span {
background: #DC2618;
color: #fff;
}
.search-paging li:not(:first-child):not(.active):not(:last-child) {
display: none;
}
@media (min-width: 992px) {
.search-paging li:not(:first-child):not(.active):not(:last-child) {
display: inherit;
}
}
.course__container {
margin: 0 auto;
}
.course__header {
width: 100%;
position: relative;
}
.course__header .inner {
padding-top: 50px;
padding-bottom: 60px;
position: relative;
}
.course__header h1, .course__header dd, .course__header dt, .course__header p {
color: white;
}
.course__header dd, .course__header dt {
font-size: 16px;
font-size: 0.8888888889rem;
font-weight: 600;
text-transform: uppercase;
}
.course__header__title {
margin-top: 20px !important;
margin-bottom: 20px;
}
.course__header__intro {
width: 60%;
}
.course__header__intro p {
font-size: 23px;
font-size: 1.2777777778rem;
line-height: 33px;
}
@media only screen and (max-width: 1023px) {
.course__header__intro {
width: 100%;
}
}
.course__header__intro h2, .course__header__intro h3 {
color: #ffffff;
text-transform: none;
}
.course__header__media {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
.course__header__media::after {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
background-color: rgba(0, 0, 0, 0.3);
}
.course__header__label {
color: white;
background: black;
padding: 3px;
padding-left: 5px;
margin-bottom: 5px;
display: inline-block;
}
.course__header__label dd, .course__header__label dt {
display: inline-block;
}
.course__header__label--brand {
background: #d6001c;
}
.course__name {
font-size: 46px;
font-size: 2.5555555556rem;
margin-top: 5px;
}
.course__apply {
margin-bottom: 40px !important;
margin-top: 15px !important;
}
.course__info {
text-align: center;
}
.course__iframe {
width: 100%;
border: 1px solid #f4f4f4;
background: #f4f4f4;
}
.course-tile {
background-color: #d6001c;
position: relative;
margin-bottom: 15px;
/* dark text variant */
}
.course-tile__inner {
color: #ffffff;
padding: 20px;
position: relative;
padding-right: 90px;
}
.course-tile__inner p:last-child {
margin-bottom: 0px;
}
.course-tile__inner:after {
font-family: "Icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: ">";
position: absolute;
right: 32px;
font-size: 15px;
color: #ffffff;
top: 50%;
margin-top: -7.5px;
}
.course-tile__inner:before {
content: "";
position: absolute;
height: 100%;
right: 0px;
width: 70px;
background: rgba(0, 0, 0, 0.1);
top: 0px;
}
.course-tile__inner--solo p:first-of-type {
margin-top: 10px;
}
.course-tile__title {
color: #ffffff;
font-size: 20px;
font-size: 1.1111111111rem;
line-height: 1.2;
text-transform: none !important;
margin-bottom: 0px !important;
}
.course-tile__title--solo {
margin-bottom: 10px !important;
}
.course-tile__background {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
opacity: 0.9;
z-index: 1;
}
.course-tile__heading {
padding: 20px;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
}
.course-tile__heading h1, .course-tile__heading h2, .course-tile__heading h3, .course-tile__heading h4 {
margin: 0px;
line-height: 1.2;
text-transform: none !important;
position: relative;
z-index: 1;
}
.course-tile__img {
width: 100%;
display: block;
}
.course-tile--dark-text .course-tile__inner, .course-tile--dark-text .course-tile__title {
color: black !important;
}
.course-tile--dark-text .course-tile__inner:after {
color: black !important;
}
/* 2020 Updates */
.sronly {
position: absolute !important;
left: -999999px !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
-webkit-transition: none !important;
transition: none !important;
}
.course-overview {
position: relative;
}
@media (min-width: 992px) {
.course-overview {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.course-overview .enrolment-year-select {
position: absolute;
top: 0;
right: 0;
width: 300px;
}
.course-overview .enrolment-year-select select, .course-overview .enrolment-year-select ul {
max-width: 100%;
}
.course-overview .enrolment-year-select .custom-select {
border: 0 none;
border-radius: 0 0 0 5px;
padding: 10px 20px;
width: 100%;
text-align: left;
border: 0;
color: #000;
}
.course-overview .enrolment-year-select .accordion-content {
background: #fff;
padding: 10px 20px;
}
.course-overview .enrolment-year-select .accordion-content a {
display: block;
color: #000;
font-size: 0.9em;
padding: 10px 0;
}
.course-overview .enrolment-year-select .accordion-content a:hover, .course-overview .enrolment-year-select .accordion-content a:focus {
color: #d6001c;
}
.course-overview-image {
width: 100%;
max-width: 100%;
height: 275px;
}
@media (min-width: 992px) {
.course-overview-image {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
min-height: 675px;
}
}
.course-overview-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.course-overview-content {
width: 100%;
max-width: 100%;
padding: 20px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background: #000;
}
@media (min-width: 992px) {
.course-overview-content {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 65px 90px;
}
}
.course-overview-pretitle {
font-size: 20px;
color: rgba(255, 255, 255, 0.6);
padding: 0 0 10px 0;
}
.course-overview-title {
color: #fff;
display: block;
width: 100%;
text-transform: none;
padding: 0 0 15px;
margin: 0;
border-bottom: 1px solid grey;
}
.course-overview-details {
display: block;
width: 100%;
padding: 20px 0;
}
@media (min-width: 992px) {
.course-overview-details {
padding: 25px 15px 40px;
}
}
.course-overview-details p {
color: #fff;
font-size: 1em;
font-weight: 600;
margin: 0 0 15px;
}
.course-overview-details p span {
color: rgba(255, 255, 255, 0.67);
font-weight: 500;
}
@media (min-width: 768px) {
.course-overview-details p span {
margin: 0 0 0 10px;
}
}
.course-tabs .tabpanel-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #333;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 768px) {
.course-tabs .tabpanel-head {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.course-tabs .tabpanel-tab {
position: relative;
display: inline-block;
padding: 15px 20px 20px;
margin: 0;
text-align: center;
color: #c7c7c7;
background: transparent;
border: 0 none;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.course-tabs .tabpanel-tab::after {
content: "";
left: 20px;
bottom: 0;
width: 0;
height: 5px;
background: #DC2618;
position: absolute;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.course-tabs .tabpanel-tab:hover, .course-tabs .tabpanel-tab:focus {
color: #fff;
}
.course-tabs .tabpanel-tab:hover::after, .course-tabs .tabpanel-tab:focus::after {
width: calc(100% - 40px);
}
.course-tabs .tabpanel-tab.__active {
color: #2a2a2a;
background: #fff;
}
.course-tabs .tabpanel-tab.__active::after {
background: #fff;
}
.course-tabs .tabpanel-panel {
background: #fff;
display: none;
}
.course-tabs .tabpanel-panel.__active {
display: block;
}
.flexibleblocks {
padding: 20px 0 0;
}
@media (min-width: 992px) {
.flexibleblocks {
padding: 50px 0 0;
}
}
.flexibleblocks.__bottom {
padding: 0;
}
.flexibleblocks-block {
margin: 0 0 30px;
}
@media (min-width: 992px) {
.flexibleblocks-block {
margin: 0 0 40px;
}
}
.flexibleblocks-block.__nomargin {
margin-bottom: 0;
}
.flexibleblocks-block .twocolumn-text-sidebar .content {
padding: 0;
}
.flexibleblocks-block .statscarousel .content {
padding: 0;
}
.flexibleblocks-container {
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
@media (min-width: 992px) {
.flexibleblocks-container {
max-width: 940px;
}
}
@media (min-width: 992px) {
.flexibleblocks-container.__wide {
max-width: 100%;
}
}
@media (min-width: 1200px) {
.flexibleblocks-container.__wide {
max-width: 1140px;
}
}
.flexibleblocks-container.__fullwidth {
max-width: 100%;
}
@media (min-width: 992px) {
.flexibleblocks-container.__fullwidth {
max-width: 100%;
}
}
.flexibleblocks .clearing {
background: #fde8e7;
border: 1px solid #f9b8b3;
border-radius: 3px;
text-align: center;
padding: 20px 30px;
}
.flexibleblocks .clearing p {
font-size: 19px;
line-height: 1.4;
color: #DC2618;
margin: 0;
font-weight: bold;
}
.flexibleblocks .accordions {
/* accordion */
}
.flexibleblocks .accordions .accordion {
margin: -1px 0 0 0;
}
.flexibleblocks .accordions .accordion-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
background: #fff;
color: #333;
border: 0 none;
border-bottom: 1px solid #d0d0d0;
font-size: 1.5rem;
padding: 20px;
text-align: left;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
}
.flexibleblocks .accordions .accordion-head::before {
content: "\e902";
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
color: #000;
margin: 0 20px 0 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.flexibleblocks .accordions .accordion-head.__active {
color: #DC2618;
}
.flexibleblocks .accordions .accordion-head.__active::before {
content: "\e905";
color: #DC2618;
}
.flexibleblocks .accordions .accordion-head:hover, .flexibleblocks .accordions .accordion-head:focus, .flexibleblocks .accordions .accordion-head:active {
background: none;
}
.flexibleblocks .accordions .accordion-head:hover::before, .flexibleblocks .accordions .accordion-head:focus::before, .flexibleblocks .accordions .accordion-head:active::before {
color: #DC2618;
}
.flexibleblocks .accordions .accordion-content {
padding: 20px;
display: none;
}
.flexibleblocks .flex-carousel.coursearea__carousel--feature {
padding-bottom: 0;
}
.flexibleblocks .flex-carousel.coursearea__carousel--feature .coursearea__content {
background: #DC2618;
}
.flexibleblocks .flex-carousel.coursearea__carousel--feature .coursearea__content .content__section:first-child {
padding: 40px 30px 70px;
}
@media (min-width: 992px) {
.flexibleblocks .flex-carousel.coursearea__carousel--feature .coursearea__content .content__section:first-child {
padding: 60px 80px;
}
}
.flexibleblocks .flex-carousel.coursearea__carousel--feature .carousel__heading, .flexibleblocks .flex-carousel.coursearea__carousel--feature .carousel__description {
color: #fff;
}
.flexibleblocks .flex-carousel.coursearea__carousel--feature .carousel__heading {
font-size: 50px;
}
.flexibleblocks .flex-carousel.coursearea__carousel--feature .carousel__video, .flexibleblocks .flex-carousel.coursearea__carousel--feature .carousel__image {
height: 225px;
}
@media (min-width: 992px) {
.flexibleblocks .flex-carousel.coursearea__carousel--feature .carousel__video, .flexibleblocks .flex-carousel.coursearea__carousel--feature .carousel__image {
height: 335px;
}
}
.flexibleblocks .flex-carousel.coursearea__carousel--feature.dark-background .coursearea__content {
background: #1c1c1c;
}
.flexibleblocks .flex-carousel.coursearea__carousel--feature.dark-background .slick-dots li button .slick-dot-icon {
color: #fff;
}
.flexibleblocks .__fullwidth .flex-carousel {
margin: 0 -15px;
}
.flexibleblocks .__fullwidth .flex-carousel .carousel__video, .flexibleblocks .__fullwidth .flex-carousel .carousel__image {
height: 225px;
}
@media (min-width: 992px) {
.flexibleblocks .__fullwidth .flex-carousel .carousel__video, .flexibleblocks .__fullwidth .flex-carousel .carousel__image {
height: 390px;
}
}
.flexibleblocks .__fullwidth .flex-carousel .slick-list {
border-radius: 0 !important;
}
.flexibleblocks .videoblock {
position: relative;
}
@media (min-width: 992px) {
.flexibleblocks .videoblock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.flexibleblocks .videoblock-media {
width: 100%;
}
@media (min-width: 992px) {
.flexibleblocks .videoblock-media {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
}
.flexibleblocks .videoblock-media .videoblock-video {
background-color: #000;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: transparent;
display: block;
font-size: 0;
height: 216px;
position: relative;
width: 100%;
}
@media (min-width: 992px) {
.flexibleblocks .videoblock-media .videoblock-video {
height: 375px;
}
}
.flexibleblocks .videoblock-media .videoblock-video:hover .videoblock-button, .flexibleblocks .videoblock-media .videoblock-video:focus .videoblock-button, .flexibleblocks .videoblock-media .videoblock-video:active .videoblock-button {
background-color: #DC2618;
}
.flexibleblocks .videoblock-media .videoblock-video .videoblock-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #000;
border-radius: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100px;
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
}
.flexibleblocks .videoblock-media .videoblock-video .videoblock-button span {
color: #fff;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 4px;
}
.flexibleblocks .videoblock-content {
width: 100%;
padding: 30px 0;
}
@media (min-width: 992px) {
.flexibleblocks .videoblock-content {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
padding: 50px 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.flexibleblocks .videoblock-content * {
max-width: 100%;
}
.flexibleblocks .videoblock-content h3 {
color: #DC2618;
}
.flexibleblocks .studentstories {
background: #f6f6f6;
margin: 0 -15px;
}
.flexibleblocks .studentstories .carousel__heading {
border-bottom: 1px solid rgba(255, 255, 255, 0.8);
padding-bottom: 10px;
padding-right: 40px;
min-height: 40px;
}
.flexibleblocks .studentstories .carousel__heading::after {
content: "\e901";
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
font-size: 11px;
width: 30px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
border: 2px solid #fff;
border-radius: 50%;
position: absolute;
top: 20px;
right: 20px;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.flexibleblocks .studentstories .carousel__slide:hover .carousel__heading::after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.flexibleblocks .studentstories .content__section {
padding-left: 15px;
}
.flexibleblocks .studentstories .content__section:first-of-type {
margin-bottom: 0;
}
@media (min-width: 992px) {
.flexibleblocks .studentstories .content__section:first-of-type {
margin-bottom: 20px;
}
}
@media (min-width: 992px) {
.flexibleblocks .studentstories .inner {
max-width: 100%;
}
}
@media (min-width: 1200px) {
.flexibleblocks .studentstories .inner {
max-width: 1200px;
}
}
@media (min-width: 1440px) {
.flexibleblocks .studentstories .inner {
max-width: 1340px;
}
}
@media (min-width: 1600px) {
.flexibleblocks .studentstories .inner {
max-width: 1440px;
}
}
.flexibleblocks .studentstories .coursearea__carousel--casestudies .carousel__content {
bottom: 0;
min-height: 160px;
}
.flexibleblocks .studentstories .coursearea__carousel--casestudies .carousel__text {
font-size: 16px;
font-size: 0.88889rem;
color: white;
line-height: 1.25;
margin: 0 0 15px;
}
.flexibleblocks .studentstories .coursearea__carousel--casestudies .carousel__text.__overflow {
margin: 0;
display: none;
}
.flexibleblocks .studentstories .coursearea__carousel--casestudies .carousel__text.__overflow::before {
content: open-quote;
}
.flexibleblocks .studentstories .coursearea__carousel--casestudies .carousel__text.__overflow::after {
content: close-quote;
}
@media (min-width: 1400px) {
.flexibleblocks .studentstories .coursearea__carousel .slick-arrow.slick-prev {
left: -49px;
}
}
@media (min-width: 1600px) {
.flexibleblocks .studentstories .coursearea__carousel .slick-arrow.slick-prev {
left: -100px;
}
}
@media (min-width: 1400px) {
.flexibleblocks .studentstories .coursearea__carousel .slick-arrow.slick-next {
right: -49px;
}
}
@media (min-width: 1600px) {
.flexibleblocks .studentstories .coursearea__carousel .slick-arrow.slick-next {
right: -100px;
}
}
.flexibleblocks .downloadsblock {
padding-top: 40px;
}
.flexibleblocks .downloadsblock-title {
font-size: 23px;
color: #DC2618;
margin: 0 0 5px;
text-transform: none;
}
.flexibleblocks .downloadsblock-text {
margin: 0 0 25px;
}
.flexibleblocks .downloadsblock-list-item {
background: #f4f3f3;
border: 1px solid #d3d3d3;
border-radius: 4px;
margin: 0 0 10px;
max-width: 550px;
}
.flexibleblocks .downloadsblock-list-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flexibleblocks .downloadsblock-list-item a:hover i, .flexibleblocks .downloadsblock-list-item a:focus i {
border-left: 5px solid #DC2618;
color: #DC2618;
}
.flexibleblocks .downloadsblock-list-item a:hover i::before, .flexibleblocks .downloadsblock-list-item a:focus i::before {
color: #DC2618;
}
.flexibleblocks .downloadsblock-list-item i {
position: relative;
display: inline-block;
padding: 15px;
border-right: 1px solid #d3d3d3;
border-left: 5px solid transparent;
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: #121a1e;
}
.flexibleblocks .downloadsblock-list-item i::before {
content: "\e900";
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 20px;
margin-right: 5px;
}
.flexibleblocks .downloadsblock-list-item-text {
display: inline-block;
padding: 15px 20px;
color: #121a1e;
}
.flexibleblocks .resourcelibrary-title {
font-size: 23px;
color: #DC2618;
margin: 0 0 5px;
text-transform: none;
}
.flexibleblocks .resourcelibrary-text {
margin: 0 0 25px;
}
.flexibleblocks .resourcelibrary-link {
width: 100%;
border: 1px solid #f9b8b3;
background: #fde8e7;
border-radius: 4px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 992px) {
.flexibleblocks .resourcelibrary-link {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.flexibleblocks .resourcelibrary-link-text {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (min-width: 992px) {
.flexibleblocks .resourcelibrary-link-text {
padding: 30px 60px;
}
}
.flexibleblocks .resourcelibrary-link-text > * {
max-width: 100%;
}
.flexibleblocks .resourcelibrary-link-media {
-webkit-box-flex: 0;
-ms-flex: 0 0 365px;
flex: 0 0 365px;
max-width: 365px;
padding: 0 30px 30px;
}
@media (min-width: 992px) {
.flexibleblocks .resourcelibrary-link-media {
padding: 0;
}
}
.flexibleblocks .resourcelibrary-link-media img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.flexibleblocks .embedblock {
margin: 0 auto;
}
.flexibleblocks .embedblock iframe {
height: 175px;
}
.flexibleblocks .twocolumnform {
background: #000;
padding: 30px;
margin: 0 -15px;
}
@media (min-width: 992px) {
.flexibleblocks .twocolumnform {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 80px 50px 100px;
}
}
@media (min-width: 992px) {
.flexibleblocks .twocolumnform.__coursepage {
display: block;
padding: 80px 0 100px;
}
}
@media (min-width: 992px) {
.flexibleblocks .twocolumnform.__coursepage .inner {
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 1200px) {
.flexibleblocks .twocolumnform.__coursepage .inner {
max-width: 1200px;
}
}
@media (min-width: 1440px) {
.flexibleblocks .twocolumnform.__coursepage .inner {
max-width: 1340px;
}
}
@media (min-width: 1600px) {
.flexibleblocks .twocolumnform.__coursepage .inner {
max-width: 1440px;
}
}
@media (min-width: 992px) {
.flexibleblocks .twocolumnform.__coursepage .inner .twocolumnform-form {
padding: 0 50px 0 0;
}
}
@media (min-width: 992px) {
.flexibleblocks .twocolumnform.__coursepage .inner .twocolumnform-image {
padding: 0 0 0 50px;
}
}
.flexibleblocks .twocolumnform-form {
width: 100%;
padding: 0 0 30px;
color: #fff;
}
@media (min-width: 992px) {
.flexibleblocks .twocolumnform-form {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 0 50px 0 100px;
}
}
.flexibleblocks .twocolumnform-form-title {
color: #fff;
font-size: 40px;
line-height: 1.08;
text-transform: none;
letter-spacing: -1px;
font-weight: 900;
margin: 0;
}
.flexibleblocks .twocolumnform-form-text {
color: #fff;
opacity: 0.8;
line-height: 1.47;
margin: 0 0 20px;
}
.flexibleblocks .twocolumnform-form .error_feedback {
margin: 0 0 2em 0;
background: white;
padding: 15px 20px;
border: 1px solid #DC2618;
background: #fde8e7;
color: #DC2618;
text-align: left;
}
.flexibleblocks .twocolumnform-form .error_feedback ul {
margin: 0 0 0 20px;
padding: 0;
}
.flexibleblocks .twocolumnform-form .error_feedback ul li {
margin-bottom: 5px;
}
.flexibleblocks .twocolumnform-form .error_feedback ul li:last-child {
margin: 0;
}
.flexibleblocks .twocolumnform-form-fields .field_wrap {
position: relative;
}
.flexibleblocks .twocolumnform-form-fields .field_wrap + .field_wrap {
margin-top: 30px;
}
.flexibleblocks .twocolumnform-form-fields .field_wrap.__checkboxes .input_wrap input {
width: auto;
margin: 0 10px 0 0;
}
.flexibleblocks .twocolumnform-form-fields .label_wrap {
position: absolute;
left: 5px;
top: 10px;
color: #fff;
background-color: transparent;
font-size: 17px;
z-index: 10;
-webkit-transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
transition: transform 150ms ease-out, font-size 150ms ease-out;
transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;
}
.flexibleblocks .twocolumnform-form-fields .focused .label_wrap {
-webkit-transform: translateY(-125%);
-ms-transform: translateY(-125%);
transform: translateY(-125%);
font-size: 12px;
}
.flexibleblocks .twocolumnform-form-fields .input_wrap input {
position: relative;
background: transparent;
color: #fff;
padding: 12px 0px 5px 5px;
width: 100%;
font-size: 17px !important;
outline: 0;
border: 0;
border-bottom: 1px solid #767676;
}
.flexibleblocks .twocolumnform-form-fields .input_wrap input:focus {
border-bottom-color: #fff;
}
.flexibleblocks .twocolumnform-form-fields .input_wrap select {
width: 100% !important;
height: 35px !important;
}
.flexibleblocks .twocolumnform-form-fields .custom-select {
width: 100%;
background: transparent url(../images/custom-select-white.png) right center no-repeat;
color: #fff;
padding: 12px 0px 5px 5px;
width: 100%;
font-size: 17px !important;
outline: 0;
border: 0;
border-bottom: 1px solid #767676;
}
.flexibleblocks .twocolumnform-form-fields .custom-select .custom-selectInner {
width: 100% !important;
}
.flexibleblocks .twocolumnform-form-fields .custom-select:focus {
border-bottom-color: #fff;
}
.flexibleblocks .twocolumnform-form-fields .submit_wrap {
padding: 40px 0 0;
}
.flexibleblocks .twocolumnform-form-fields .submit_wrap .button {
min-width: 300px;
text-align: center;
}
.flexibleblocks .twocolumnform-image {
width: 100%;
height: 300px;
padding: 0;
}
@media (min-width: 768px) {
.flexibleblocks .twocolumnform-image {
height: 500px;
}
}
@media (min-width: 992px) {
.flexibleblocks .twocolumnform-image {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 0 50px;
height: 750px;
}
}
.flexibleblocks .twocolumnform-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.flexibleblocks .relatedcarousel .carousel-header-title {
font-size: 40px;
margin: 0 0 25px;
line-height: 1.08;
letter-spacing: -1px;
}
@media (min-width: 992px) {
.flexibleblocks .relatedcarousel .carousel-header-title {
padding: 0 30px;
}
}
.flexibleblocks .relatedcarousel .coursearea__carousel .carousel__slide {
padding: 0 10px;
}
@media (min-width: 992px) {
.flexibleblocks .relatedcarousel .coursearea__carousel .carousel__slide {
padding: 0 30px;
}
}
.flexibleblocks .relatedcarousel .coursearea__carousel .carousel__image {
width: 100%;
height: 140px;
margin: 0 0 15px;
}
@media (min-width: 992px) {
.flexibleblocks .relatedcarousel .coursearea__carousel .carousel__image {
height: 215px;
}
}
.flexibleblocks .relatedcarousel .coursearea__carousel .carousel__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.flexibleblocks .relatedcarousel .coursearea__carousel .carousel__content .carousel__heading {
color: #000;
font-size: 20px;
font-weight: bold;
margin: 0 0 5px;
}
.flexibleblocks .statscarousel .coursearea__carousel--stats .carousel__image {
height: 100px;
}
@media (min-width: 992px) {
.flexibleblocks .statscarousel .coursearea__carousel--stats .carousel__image {
height: 165px;
}
}
.flexibleblocks .statscarousel .coursearea__carousel--stats .carousel__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.flexibleblocks .statscarousel .coursearea__carousel--stats .carousel__content {
padding: 20px;
}
@media (min-width: 992px) {
.flexibleblocks .statscarousel .coursearea__carousel--stats .carousel__content {
padding: 34px 28px;
}
}
.flexibleblocks .course-modules-tabs {
background: #f4f4f4;
margin: 0 -15px;
padding: 30px 0;
}
@media (min-width: 992px) {
.flexibleblocks .course-modules-tabs {
padding: 60px 0;
}
}
.flexibleblocks .course-modules-tabs-title {
font-size: 23px;
text-transform: none;
margin: 0 0 15px;
}
@media (min-width: 992px) {
.flexibleblocks .course-modules-tabs-title {
margin: 0 auto 0 0;
-ms-flex-item-align: start;
align-self: flex-start;
}
}
.flexibleblocks .course-modules-tabs .tabpanel-head {
display: block;
margin: 0 0 25px;
background: transparent;
}
@media (min-width: 992px) {
.flexibleblocks .course-modules-tabs .tabpanel-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.flexibleblocks .course-modules-tabs .tabpanel-head .tabpanel-tab {
color: rgba(0, 0, 0, 0.5);
padding: 8px 20px;
margin: 0 0 0 8px;
border-radius: 3px;
font-size: 16px;
font-weight: bold;
background: transparent;
}
.flexibleblocks .course-modules-tabs .tabpanel-head .tabpanel-tab::after {
content: none;
}
.flexibleblocks .course-modules-tabs .tabpanel-head .tabpanel-tab:hover, .flexibleblocks .course-modules-tabs .tabpanel-head .tabpanel-tab:focus {
background: #e0e0e0;
}
.flexibleblocks .course-modules-tabs .tabpanel-head .tabpanel-tab.__active {
background: #DC2618;
color: #fff;
}
.flexibleblocks .course-modules-tabs .tabpanel-content .tabpanel-panel {
background: transparent;
}
.flexibleblocks .course-modules-tabs .accordion {
background: #fff;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11);
margin: 0 0 5px;
}
.flexibleblocks .course-modules-tabs .accordion-head {
padding: 15px 25px;
background: transparent;
border: none;
width: 100%;
text-align: left;
font-size: 17px;
font-weight: 600;
line-height: 1.47;
color: #4f4f4f;
position: relative;
text-align: left;
}
.flexibleblocks .course-modules-tabs .accordion-head::after {
content: "\e902";
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
position: absolute;
right: 25px;
top: 18px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.flexibleblocks .course-modules-tabs .accordion-head.__active::after {
content: "\e902";
color: #DC2618;
}
.flexibleblocks .course-modules-tabs .accordion-head:hover::after, .flexibleblocks .course-modules-tabs .accordion-head:focus::after {
color: #DC2618;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.flexibleblocks .course-modules-tabs .accordion-content {
padding: 10px 25px 15px;
}
.flexibleblocks .imagetext {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 992px) {
.flexibleblocks .imagetext {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.flexibleblocks .imagetext-media {
margin: 0 0 30px 0;
}
@media (min-width: 992px) {
.flexibleblocks .imagetext-media {
-webkit-box-flex: 0;
-ms-flex: 0 0 360px;
flex: 0 0 360px;
max-width: 360px;
margin: 0 70px 0 0;
}
}
.flexibleblocks .imagetext-media img {
height: 300px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (min-width: 768px) {
.flexibleblocks .imagetext-media img {
height: 410px;
}
}
.flexibleblocks .imagetext-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
@media (min-width: 992px) {
.flexibleblocks .imagetext-content {
padding: 0 100px 0 0;
}
}
.flexibleblocks .imagetext-content h3 {
color: #DC2618;
}
.flexibleblocks .imagetext.__reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media (min-width: 992px) {
.flexibleblocks .imagetext.__reverse .imagetext-media {
margin: 0 0 0 70px;
}
}
@media (min-width: 992px) {
.flexibleblocks .imagetext.__reverse .imagetext-content {
padding: 0 0 0 100px;
}
}
.flexibleblocks .red-box {
background: #fde8e7;
border: 1px solid #f9b8b3;
border-radius: 3px;
padding: 30px;
}
@media (min-width: 992px) {
.flexibleblocks .red-box {
padding: 45px 60px;
}
}
.flexibleblocks .red-box-imagetext {
width: 100%;
border: 1px solid #f9b8b3;
background: #fde8e7;
border-radius: 4px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 992px) {
.flexibleblocks .red-box-imagetext {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.flexibleblocks .red-box-imagetext-content {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (min-width: 992px) {
.flexibleblocks .red-box-imagetext-content {
padding: 30px 60px;
}
}
.flexibleblocks .red-box-imagetext-content > * {
max-width: 100%;
}
.flexibleblocks .red-box-imagetext-media {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 992px) {
.flexibleblocks .red-box-imagetext-media {
-webkit-box-flex: 0;
-ms-flex: 0 0 365px;
flex: 0 0 365px;
max-width: 365px;
}
}
.flexibleblocks .red-box-imagetext-media img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.flexibleblocks .studentstories-carousel {
background-color: #000;
padding: 30px 0;
margin: 0 -15px;
}
@media (min-width: 992px) {
.flexibleblocks .studentstories-carousel {
padding: 60px 0 80px;
}
}
.flexibleblocks .studentstories-carousel-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 35px;
}
.flexibleblocks .studentstories-carousel-header-text {
color: #fff;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 4.7px;
margin: 0;
}
.flexibleblocks .studentstories-carousel-header-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flexibleblocks .studentstories-carousel-header-dots::before {
content: "";
display: inline-block;
margin: 0 20px;
width: 75px;
height: 1px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
@media (min-width: 992px) {
.flexibleblocks .studentstories-carousel-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.flexibleblocks .studentstories-carousel-item-content {
padding: 0 0 30px;
}
@media (min-width: 992px) {
.flexibleblocks .studentstories-carousel-item-content {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
padding: 0 40px 0 0;
}
}
.flexibleblocks .studentstories-carousel-item-title,
.flexibleblocks .studentstories-carousel-item .usercontent {
color: #fff;
}
.flexibleblocks .studentstories-carousel-item-title {
padding: 0 0 5px 0;
}
.flexibleblocks .studentstories-carousel-item-title {
font-size: 40px;
margin: 0;
text-transform: none;
}
.flexibleblocks .studentstories-carousel-item-subtitle {
display: block;
font-size: 20px;
margin: 0 0 15px;
color: #ccc;
}
.flexibleblocks .studentstories-carousel-item .usercontent {
margin: 0 0 50px;
}
.flexibleblocks .studentstories-carousel-item-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 215px;
}
@media (min-width: 992px) {
.flexibleblocks .studentstories-carousel-item-media {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
height: 375px;
overflow: hidden;
}
}
.flexibleblocks .studentstories-carousel-item-media img {
height: 215px;
width: 40%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (min-width: 992px) {
.flexibleblocks .studentstories-carousel-item-media img {
width: 260px;
height: 100%;
}
}
.flexibleblocks .studentstories-carousel-item-media img + img {
width: 55%;
margin: 0 0 0 5%;
}
@media (min-width: 992px) {
.flexibleblocks .studentstories-carousel-item-media img + img {
width: 360px;
margin: 0 0 0 30px;
}
}
.flexibleblocks .essentials-grid {
margin: 0 -15px;
}
.flexibleblocks .essentials-grid.__whitebackground .coursearea__courses__wrapper {
background-color: #DC2618;
}
.flexibleblocks .essentials-grid.__whitebackground .coursearea__courses__content {
background-color: #DC2618;
color: #fff;
}
.flexibleblocks .essentials-grid.__whitebackground .coursearea__courses__content::before {
background-color: #DC2618;
}
.flexibleblocks .essentials-grid.__whitebackground .coursearea__courses__heading,
.flexibleblocks .essentials-grid.__whitebackground .coursearea__courses__details {
border: 0 none;
color: #fff;
}
.flexibleblocks .essentials-grid .coursearea__link__list .coursearea__link__content {
padding-bottom: 0;
}
.flexibleblocks .essentials-grid .coursearea__link__list .coursearea__link__heading {
margin: 0;
padding: 0;
}
.flexibleblocks .coursearea__carousel .slick-arrow .slick-next-icon,
.flexibleblocks .coursearea__carousel .slick-arrow .slick-prev-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 44px;
height: 44px;
position: relative;
}
.flexibleblocks .coursearea__carousel .slick-arrow .slick-next-icon::before,
.flexibleblocks .coursearea__carousel .slick-arrow .slick-prev-icon::before {
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30px;
position: absolute;
top: 0;
bottom: 0;
}
.flexibleblocks .coursearea__carousel .slick-arrow .slick-next-icon::before {
content: "\e904";
}
.flexibleblocks .coursearea__carousel .slick-arrow .slick-prev-icon::before {
content: "\e904";
}
.flexibleblocks .coursearea__carousel .slick-slide {
height: auto;
}
.flexibleblocks .coursearea__carousel .slick-slide > div,
.flexibleblocks .coursearea__carousel .slick-slide > div > div {
height: 100%;
}
.flexibleblocks .coursearea__carousel .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.flexibleblocks.__homepage {
padding-top: 0;
}
.usercontent h2 {
margin: 0 0 20px;
text-transform: none;
color: #DC2618;
}
.usercontent h3 {
text-transform: none;
margin: 0 0 30px;
}
.usercontent table th {
background-color: #000;
}
.usercontent table th::before {
background-color: #767676;
}
.usercontent table th:first-child::before {
content: none;
}
.coursearea__content .umb-macro-holder ins,
.red-box-content .umb-macro-holder ins,
.usercontent .umb-macro-holder ins {
border: 0 none;
}
.coursearea__content .umb-macro-holder .button,
.red-box-content .umb-macro-holder .button,
.usercontent .umb-macro-holder .button {
background-color: #d6001c;
border-radius: 3px;
margin-right: 20px;
margin-bottom: 10px;
padding: 16px 30px;
text-transform: none;
}
.coursearea__content .umb-macro-holder .button::after,
.red-box-content .umb-macro-holder .button::after,
.usercontent .umb-macro-holder .button::after {
color: #fff;
}
.coursearea__content .umb-macro-holder .button:hover, .coursearea__content .umb-macro-holder .button:focus, .coursearea__content .umb-macro-holder .button:active,
.red-box-content .umb-macro-holder .button:hover,
.red-box-content .umb-macro-holder .button:focus,
.red-box-content .umb-macro-holder .button:active,
.usercontent .umb-macro-holder .button:hover,
.usercontent .umb-macro-holder .button:focus,
.usercontent .umb-macro-holder .button:active {
background-color: #2b2e40;
}
.printonly {
display: none;
}
@media print {
.videoblock,
.clearing,
.studentstories,
.studentstories-carousel,
.flex-carousel,
.twocolumnform,
.relatedcarousel,
.course-overview-image,
.course-overview-actions,
.resourcelibrary-link-media,
.red-box-imagetext-media,
.coursearea__courses__image,
.course-tabs > .tabpanel > .tabpanel-head,
.alert,
.site-head__navigation,
.essentials-grid,
.embedblock,
.site-foot__secondary,
.site-foot__tertiary,
.site-foot__primary .site-foot__section:first-child,
.contact-info__link--minor,
.site-head__logo a.logo,
.site-head__widget,
.site-head__secondary,
.site-head__tertiary,
.enrolment-year-select,
.printblock,
#sticky-header,
.coursearea__button.button,
.flexibleblocks .course-modules-tabs .tabpanel-tab,
.flexibleblocks .course-modules-tabs .accordion-head::after {
display: none !important;
}
body {
font-size: 12pt;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 0.25cm;
}
.accordion-content,
.course-tabs .tabpanel-panel,
.printonly {
display: block !important;
}
.printonly {
margin-top: 1cm;
}
.flexibleblocks .course-modules-tabs,
.flexibleblocks .imagetext-content,
.course-overview-content,
.course-overview-details,
.course-overview .enrolment-year-select .custom-select,
.flexibleblocks {
padding: 0 !important;
}
.coursearea__courses__item article,
.coursearea__courses__wrapper {
height: auto !important;
}
.enrolment-year-select {
position: static !important;
margin-bottom: 0.5cm !important;
}
.course-overview {
margin-top: 2cm !important;
}
.course-overview-title {
margin-bottom: 0.5cm !important;
color: black;
}
.course-overview * {
color: black !important;
}
.downloadsblock,
.resourcelibrary,
.embedblock,
.imagetext {
margin-bottom: 1.5cm !important;
}
.coursearea__courses__list,
.coursearea__courses__item article {
display: block !important;
}
.coursearea__courses__wrapper,
.flexibleblocks .course-modules-tabs {
margin: 0 !important;
}
.coursearea__courses__content {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.coursearea__courses__content::before {
content: none !important;
}
.flexibleblocks-block {
margin-bottom: 0.5cm;
}
.flexibleblocks-container {
padding: 0;
}
.flexibleblocks .imagetext {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flexibleblocks .imagetext-media {
-webkit-box-flex: 0;
-ms-flex: 0 0 5cm;
flex: 0 0 5cm;
max-width: 5cm;
margin: 0.5cm !important;
}
.flexibleblocks .imagetext-media img {
width: 5cm !important;
height: 5cm !important;
}
.social-media > .social-media__item {
display: block !important;
}
.social-media__link::after {
content: " - " attr(href) "";
font-size: 10pt;
}
.site-head__inner {
border-bottom: 2px solid black;
padding: 0 0 0.5cm 0;
}
.flexibleblocks .accordions .accordion-head,
.flexibleblocks .accordions .accordion-content {
padding: 0.25cm;
}
.flexibleblocks .accordions .accordion-content p:last-child {
margin: 0;
}
.flexibleblocks .usercontent p:last-child {
margin: 0;
}
.flexibleblocks .statscarousel .carousel__slide {
width: 31% !important;
margin: 0 1% 0 0;
display: none;
}
.flexibleblocks .statscarousel .carousel__slide.slick-cloned {
display: none;
}
.flexibleblocks .statscarousel .carousel__slide.slick-current,
.flexibleblocks .statscarousel .carousel__slide.slick-active {
display: block;
}
.coursearea__carousel--stats .carousel__heading {
font-size: 18pt !important;
}
.flexibleblocks .statscarousel .slick-track {
width: 100% !important;
}
}
.success-stories__inner {
padding-top: 20px;
}
@media only screen and (min-width: 1024px) {
.success-stories__inner {
padding-top: 0;
border-top: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
}
}
.success-stories__inner .inner {
letter-spacing: -0.31em;
}
.success-stories__inner .inner > * {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
}
.success-stories__heading {
font-size: 24px;
font-size: 1.3333333333rem;
width: 100%;
vertical-align: middle;
}
@media only screen and (min-width: 1024px) {
.success-stories__heading {
width: 320px;
margin: 0;
}
}
.success-stories__filters {
width: 100%;
vertical-align: middle;
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.success-stories__filters {
border-top: 1px solid #c9c9c9;
}
}
@media only screen and (min-width: 1024px) {
.success-stories__filters {
text-align: right;
width: calc(100% - 320px);
}
}
.success-stories__categories {
margin: 0;
}
@media only screen and (max-width: 668px) {
.success-stories__categories {
display: none;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.success-stories__categories {
border-bottom: 1px solid #c9c9c9;
}
}
.success-stories__categories--palm {
display: block;
width: 100% !important;
}
@media only screen and (min-width: 669px) {
.success-stories__categories--palm {
display: none !important;
}
}
.success-stories__content {
padding-top: 40px;
padding-bottom: 40px;
}
.success-stories__list {
margin-bottom: -40px;
}
@media only screen and (min-width: 1024px) {
.success-stories__list {
margin-left: -75px;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.success-stories__list {
margin-left: -30px;
}
}
.success-stories__item {
margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
.success-stories__item {
padding-left: 75px;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.success-stories__item {
padding-left: 30px;
}
}
@media only screen and (min-width: 669px) {
.success-stories__item {
padding-bottom: 40px;
}
}
.success-stories__no-results {
display: none;
padding: 20px 0 0;
}
html {
overflow-x: hidden;
}
.application-master {
padding-top: 89px;
min-height: calc(100vh - 37px);
}
@media only screen and (max-width: 1023px) {
.application-master {
padding-top: 59px;
}
}
.application-master main {
width: 100%;
}
@media only screen and (max-width: 668px) {
.application-master main {
overflow: hidden;
}
}
@media only screen and (max-width: 1023px) {
.application-master main .inner {
padding: 0 15px;
}
}
.application-master hr {
background-color: #f4f4f4;
}
.application-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
background-color: #d6001c;
vertical-align: middle;
}
@media only screen and (max-width: 1023px) {
.application-header .palm--hidden {
display: none;
}
}
.application-header__logo {
width: 200px;
vertical-align: middle;
display: inline-block;
padding: 10px 0;
}
@media only screen and (max-width: 1023px) {
.application-header__logo {
width: 83px;
}
}
.application-header__actions {
display: inline-block;
float: right;
}
.application-header__timer, .application-header__save {
display: inline-block;
text-transform: uppercase;
font-weight: bold;
color: #fff;
vertical-align: middle;
padding: 0 10px;
}
.application-header__timer a, .application-header__save a {
color: inherit;
}
.application-header__save {
border-left: 1px solid #b82218;
border-right: 1px solid #b82218;
padding: 33px;
}
@media only screen and (max-width: 1023px) {
.application-header__save {
padding: 19px;
margin-right: -16px;
}
}
.application-header__icon {
vertical-align: middle;
height: 89px;
}
.application-header__label {
vertical-align: middle;
height: 89px;
}
@media only screen and (max-width: 668px) {
.application-header__label {
display: inline-block;
width: 70px;
font-size: 12px;
font-size: 0.6666666667rem;
height: auto;
}
}
.application__status {
background-color: #d6001c;
padding: 35px;
margin-top: 25px;
color: #fff;
}
.application__status h3 {
color: inherit;
}
.application__status .grid-layout__row:nth-child(2) {
margin-top: 25px;
}
.progress__container .progressbar {
margin: 0;
padding: 20px 0 0;
}
.progress__container .progressbar li {
display: inline-block;
text-transform: uppercase;
text-align: center;
font-size: 12px;
font-size: 0.6666666667rem;
width: 12%;
vertical-align: top;
position: relative;
}
@media only screen and (max-width: 1023px) {
.progress__container .progressbar li {
width: 11%;
}
}
.progress__container .progressbar li p {
padding: 0 5px;
}
@media only screen and (max-width: 668px) {
.progress__container .progressbar li {
display: none;
width: 50%;
}
.progress__container .progressbar li.active {
display: inline-block;
}
}
.progress__container .progressbar .start {
margin-left: 52px;
}
.progress__container .progressbar li:hover p,
.progress__container .progressbar li:focus p {
color: #47b74b !important;
}
.progress__container .progress-icon {
width: 14px;
height: 14px;
display: inline-block;
border-radius: 10px;
background-color: white;
border: 3px solid #f4f4f4;
margin-bottom: 5px;
position: relative;
z-index: 1;
}
.progress__container .progress-line {
display: block;
width: 100%;
height: 4px;
background-color: #f4f4f4;
position: absolute;
left: -50%;
top: 5px;
z-index: 0;
}
.progress__container .completed .progress-line {
background-color: #47b74b !important;
}
.progress__container .completed .progress-icon {
border-color: #47b74b !important;
background-color: #47b74b !important;
}
.progress__container .active .progress-line {
background-color: #47b74b;
}
.progress__container .active .progress-icon {
border-color: #47b74b !important;
background-color: white !important;
}
.progress__container-mobile ul {
margin: 0;
}
.progress__container-mobile ul li {
display: inline-block;
position: relative;
vertical-align: middle;
}
.progress__container-mobile ul li.active {
display: inline-block;
vertical-align: middle;
}
.progress__container-mobile ul li .progress-title {
font-size: 12px;
font-size: 0.6666666667rem;
font-weight: bold;
text-transform: uppercase;
vertical-align: middle;
position: relative;
padding: 0 20px 0 15px;
z-index: 1;
background: #FFF;
}
.progress__container-mobile ul li .progress-line {
display: block;
width: 100%;
height: 4px;
background-color: #f4f4f4;
position: absolute;
right: 0;
top: 50%;
margin-top: -2px;
z-index: 0;
}
.progress__container-mobile ul li .progress-icon {
display: block;
width: 40px;
height: 40px;
vertical-align: middle;
border: 4px solid #f4f4f4;
border-radius: 40px;
font-size: 12px;
font-size: 0.6666666667rem;
font-weight: bold;
position: absolute;
right: 0;
top: 50%;
margin-top: -19px;
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
text-align: center;
background-color: #fff;
}
.progress__container-mobile ul li.completed .progress-line {
background-color: #47b74b;
}
.progress__container-mobile ul li.completed .progress-icon {
border-color: #47b74b;
}
.progress__container-mobile ul .progress__indicator {
width: calc(100% - 51px);
padding-top: 20px;
padding-bottom: 20px;
}
.progress__container-mobile ul .back__button--mobile {
padding-top: 20px;
padding-bottom: 20px;
}
.back__button--mobile {
padding: 15px 21px;
display: block;
border-right: 1px solid #f4f4f4;
margin-left: -16px;
}
.back__button--mobile .icon, .back__button--mobile .alert--warning .alert__icon, .alert--warning .back__button--mobile .alert__icon, .back__button--mobile .alert--info .alert__icon, .alert--info .back__button--mobile .alert__icon, .back__button--mobile .tabs__accordion-title:before, .back__button--mobile .navigation--primary > .navigation__item.has-children::after, .back__button--mobile .application-master .form__group.popped .more-info__icon, .application-master .form__group.popped .back__button--mobile .more-info__icon {
color: #d6001c;
vertical-align: middle;
font-size: 15px;
}
.subsection-title {
padding: 15px 0;
margin-bottom: 25px;
background-color: #f4f4f4;
border-top: 1px solid #c1c1c1;
border-bottom: 1px solid #c1c1c1;
}
.subsection-title h5 {
margin: 0;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
background: white;
border: 1px solid black;
min-height: 140px;
overflow: auto;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px 0.4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
.ui-helper-hidden-accessible {
display: none !important;
}
.fancybox-wrap {
background-color: white;
}
.forgot--password {
font-weight: bold;
}
.application-header__save:hover,
.application-header__save:focus {
background: white;
}
.application-header__save:hover span,
.application-header__save:focus span {
color: #d6001c !important;
}
.ui-autocomplete {
max-height: 250px;
overflow-x: hidden;
overflow-y: scroll;
}
@media only screen and (max-width: 668px) {
.ui-autocomplete {
max-width: 200px !important;
}
}
.application-master #div_Qualifications table th,
.application-master #div_Qualifications table td,
.application-master #div_BeingStudiedQualifications table th,
.application-master #div_BeingStudiedQualifications table td {
padding: 8px 10px;
}
.application-master #div_Qualifications table tr th:first-child,
.application-master #div_BeingStudiedQualifications table tr th:first-child {
width: 178px;
}
.application-master #div_Qualifications table tr th:nth-child(2),
.application-master #div_BeingStudiedQualifications table tr th:nth-child(2) {
width: 238px;
}
.application-master #div_Qualifications table tr th:nth-child(3),
.application-master #div_BeingStudiedQualifications table tr th:nth-child(3) {
width: 129px;
}
.application-master #div_Qualifications table tr th:nth-child(4),
.application-master #div_BeingStudiedQualifications table tr th:nth-child(4) {
width: 219px;
}
.application-master .ui-autocomplete {
list-style: none;
width: 100%;
}
.application-master .validation-container {
position: relative;
}
.application-master fieldset {
margin-bottom: 25px;
}
.application-master .relative {
position: relative;
width: 100%;
}
.application-master .form__group {
width: 100%;
margin-bottom: 2px;
padding-left: 5px;
border-left: 4px solid transparent;
position: relative;
margin-left: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
margin-left: 0%;
border-left: 4px solid #eaeaea;
}
.application-master .form__group--no-border {
padding-left: 0;
border-left: none;
}
.application-master .form__group--pca {
border-left: none;
}
.application-master .form__group input[type=checkbox], .application-master .form__group input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin-bottom: 10px;
margin-right: 5px;
}
@media only screen and (max-width: 668px) {
.application-master .form__group.popped {
margin-left: -90%;
}
}
.application-master .form__group .custom-select, .application-master .form__group input[type=text], .application-master .form__group textarea {
width: 100%;
}
@media only screen and (max-width: 1023px) {
.application-master .form__group .custom-select, .application-master .form__group input[type=text], .application-master .form__group textarea {
width: 100%;
}
}
@media only screen and (max-width: 668px) {
.application-master .form__group .custom-select, .application-master .form__group input[type=text], .application-master .form__group textarea {
width: 100%;
}
}
.application-master .form__group .custom-select {
padding: 0;
width: 100% !important;
}
.application-master .form__group .custom-selectInner {
display: -webkit-box;
display: -moz-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
padding: 6px 9px;
width: 100% !important;
}
.application-master .form__group .form__field {
font-size: 16px;
}
.application-master .form__group .form__field.checkbox label {
display: inline-block;
}
.application-master .form__group .form__field .custom-select {
background: white url(../images/custom-select-bg-black.png) right center no-repeat;
}
@media only screen and (max-width: 668px) {
.application-master .form__group .form__label {
display: inline-block;
width: 80%;
}
}
.application-master .form__group .form__label--checkbox {
display: inline-block;
width: 51%;
margin-top: 8px;
margin-bottom: 0px;
}
.application-master .form__group .more-info__icon {
float: right;
margin-bottom: 7px;
color: #0b74fb;
}
.application-master .form__group .validation-container {
width: 55%;
display: inline-block;
vertical-align: top;
padding: 20px 20px 10px 20px;
margin-left: 5px;
min-height: 115px;
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
border: 1px solid transparent;
position: relative;
}
@media only screen and (max-width: 1023px) {
.application-master .form__group .validation-container {
width: 52%;
}
}
@media only screen and (max-width: 668px) {
.application-master .form__group .validation-container {
width: 100%;
padding: 20px 10px 10px 10px;
margin-left: 0;
}
}
.application-master .form__group .validation-container .field-complete {
display: block;
margin-top: 10px;
font-size: 15px;
}
.application-master .form__group .validation-container .field-validation-valid, .application-master .form__group .validation-container .field-validation-error {
font-size: 13px;
font-size: 0.7222222222rem;
display: block;
padding: 10px 0;
margin: 0px;
min-height: 35px;
}
.application-master .form__group .validation-container .is-complete {
color: #1d1d1b;
}
.application-master .form__group .validation-container .form-complete {
margin-right: 10px;
color: #47b74b;
}
.application-master .form__group .validation-container .form-complete:before {
content: "/";
}
.application-master .form__group .validation-container .form-incomplete {
margin-right: 10px;
color: #d6001c;
}
.application-master .form__group .validation-container .form-incomplete:before {
content: "w";
}
.application-master .form__group .validation-container .icon--info:before, .application-master .form__group .validation-container .alert--info .alert__icon:before, .alert--info .application-master .form__group .validation-container .alert__icon:before {
content: "n";
}
.application-master .form__group .feedback-container {
position: relative;
width: 40%;
display: table;
float: right;
opacity: 0;
vertical-align: top;
min-height: 115px;
padding-left: 30px;
font-size: 13px;
font-size: 0.7222222222rem;
}
@media only screen and (max-width: 1023px) {
.application-master .form__group .feedback-container {
width: 45%;
}
}
.application-master .form__group .feedback-container.show-feedback {
opacity: 1;
}
.application-master .form__group .feedback-container p {
margin: 0;
display: table-cell;
vertical-align: middle;
}
@media only screen and (max-width: 668px) {
.application-master .form__group .feedback-container {
position: absolute;
display: block;
right: -90%;
z-index: 20;
opacity: 1;
top: 0;
width: 90%;
padding-left: 20px;
}
}
.application-master .form__group.active .feedback-container.has-tooltip:after {
position: absolute;
top: 50px;
content: "";
width: 0;
height: 0;
border-left: solid 10px rgb(218.5, 218.5, 218.5);
border-bottom: solid 10px transparent;
border-top: solid 10px transparent;
left: -11.5%;
}
@media only screen and (max-width: 1023px) {
.application-master .form__group.active .feedback-container.has-tooltip:after {
left: -5.6%;
}
}
@media only screen and (max-width: 668px) {
.application-master .form__group.active .feedback-container.has-tooltip:after {
display: none;
}
}
.application-master .form__group.active .feedback-container.has-tooltip:before {
position: absolute;
left: -11.6%;
top: 51px;
content: "";
width: 0;
height: 0;
border-left: solid 9px #f4f4f4;
border-bottom: solid 9px transparent;
border-top: solid 9px transparent;
z-index: 1;
}
@media only screen and (max-width: 1023px) {
.application-master .form__group.active .feedback-container.has-tooltip:before {
left: -5.6%;
}
}
@media only screen and (max-width: 668px) {
.application-master .form__group.active .feedback-container.has-tooltip:before {
display: none;
}
}
.application-master .form__group.valid {
border-left: 4px solid #47b74b;
}
.application-master .form__group.error {
/*&:after {
position: absolute;
left: calc(55% + 6px);
@include media-query(portable) {
left: calc(52% + 6px);
}
top: 52px;
content: '';
width: 0;
height: 0;
border-left: solid 9px lighten($brand-colour, 40%);
border-bottom: solid 9px transparent;
border-top: solid 9px transparent;
@include media-query(palm) {
display: none;
}
}*/
border-left: 4px solid #d6001c;
}
.application-master .form__group.error .feedback-container.has-tooltip:after {
position: absolute;
top: 50px;
content: "";
width: 0;
height: 0;
border-left: solid 10px rgb(255, 112, 130.7102803738);
border-bottom: solid 10px transparent;
border-top: solid 10px transparent;
left: -11.5%;
}
@media only screen and (max-width: 1023px) {
.application-master .form__group.error .feedback-container.has-tooltip:after {
left: -5.6%;
}
}
@media only screen and (max-width: 668px) {
.application-master .form__group.error .feedback-container.has-tooltip:after {
display: none;
}
}
.application-master .form__group.error .feedback-container.has-tooltip:before {
position: absolute;
left: -11.6%;
top: 51px;
content: "";
width: 0;
height: 0;
border-left: solid 9px rgb(255, 163, 175.0373831776);
border-bottom: solid 9px transparent;
border-top: solid 9px transparent;
z-index: 1;
}
@media only screen and (max-width: 1023px) {
.application-master .form__group.error .feedback-container.has-tooltip:before {
left: -5.6%;
}
}
@media only screen and (max-width: 668px) {
.application-master .form__group.error .feedback-container.has-tooltip:before {
display: none;
}
}
.application-master .form__group.error .validation-container {
background-color: rgb(255, 163, 175.0373831776);
border: 1px solid rgb(255, 112, 130.7102803738);
/*&:after {
position: absolute;
right: -10px;
top: 50px;
content: '';
width: 0;
height: 0;
border-left: solid 10px lighten($brand-colour, 30%);
border-bottom: solid 10px transparent;
border-top: solid 10px transparent;
@include media-query(palm) {
display: none;
}
}*/
}
.application-master .form__group.active:after {
/*position: absolute;
left: calc(55% + 6px);
@include media-query(portable) {
left: calc(52% + 6px);
}
top: 52px;
content: '';
width: 0;
height: 0;
border-left: solid 9px $brand-colour--tertiary;
border-bottom: solid 9px transparent;
border-top: solid 9px transparent;
@include media-query(palm) {
display: none;
}*/
}
.application-master .form__group.active .validation-container {
background-color: #f4f4f4;
border: 1px solid rgb(218.5, 218.5, 218.5);
}
.application-master .form__group.active .validation-container:after {
/*position: absolute;
right: -10px;
top: 50px;
content: '';
width: 0;
height: 0;
border-left: solid 10px darken($brand-colour--tertiary, 10%);
border-bottom: solid 10px transparent;
border-top: solid 10px transparent;
@include media-query(palm) {
display: none;
}*/
}
.application-master .form__group.form__group--section .feedback-container {
height: 100%;
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
}
.application-master .form__group.form__group--section .feedback-container--scroll p {
position: absolute;
top: 0;
left: 20px;
width: calc(100% - 30px);
height: 100%;
padding-right: 20px;
overflow-x: hidden;
overflow-y: scroll;
}
@media only screen and (min-width: 669px) {
.application-master .form__group.form__group--section {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between;
-ms-flex-line-pack: center;
align-content: center;
}
.application-master .form__group.form__group--section .feedback-container {
position: relative;
}
.application-master .form__group.form__group--section .feedback-container p {
left: 30px;
}
}
.application-master .form__group.form__group--actions {
margin-bottom: 35px;
margin-top: 15px;
}
@media only screen and (max-width: 479px) {
.application-master .form__group.form__group--actions {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: reverse;
-webkit-box-orient: vertical;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.application-master .form__group.form__group--actions .form__group__item {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
text-align: right;
margin-bottom: 5px;
}
.application-master .form__group.form__group--actions .float--left {
float: none !important;
}
.application-master .form__group.form__group--actions .float--right {
float: none !important;
}
.application-master .form__group.form__group--actions .button {
font-size: 15px;
font-size: 0.8333333333rem;
}
}
.application-master .form__group.form__group--actions .float--right .button {
vertical-align: middle;
height: 55px;
}
.application-master .form__group.form__group--actions .float--right .button--progress {
line-height: 20px;
}
@media only screen and (min-width: 1024px) {
.application-master .form__group.form__group--actions .float--right .button--brand {
position: relative;
padding-top: 16px;
padding-left: 50px;
}
.application-master .form__group.form__group--actions .float--right .button--brand .application-header__label {
line-height: 25px;
}
.application-master .form__group.form__group--actions .float--right .button--brand .icon--save {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 20px;
height: 17px;
}
}
.application-master .form__group.form__group--actions .button--back {
position: relative;
padding-left: 45px !important;
height: 55px;
line-height: 20px;
}
.application-master .form__group.form__group--actions .button--back:before {
left: 20px;
}
.application-master .form__group.form__group--actions .button--back:hover:before, .application-master .form__group.form__group--actions .button--back:focus:before {
color: #FFF;
}
@media only screen and (max-width: 668px) {
.application-master .form__group.form__group--actions .button--back {
background: #fff;
font-size: 0;
border: 1px solid #f4f4f4;
padding: 26px 30px 27px 20px !important;
}
.application-master .form__group.form__group--actions .button--back:before {
font-size: initial;
}
}
.application-master table thead {
display: table-header-group;
}
@media only screen and (max-width: 1023px) {
.application-master table thead {
display: none;
}
}
.application-master table tbody td {
display: table-cell;
}
@media only screen and (max-width: 1023px) {
.application-master table tbody td {
display: block;
width: 100%;
}
}
.application-master table tbody td .custom-select,
.application-master table tbody td .hasCustomSelect {
width: 150px !important;
max-width: 100% !important;
}
@media only screen and (min-width: 1400px) {
.application-master table tbody td .custom-select,
.application-master table tbody td .hasCustomSelect {
width: 200px !important;
}
}
@media only screen and (max-width: 1023px) {
.application-master table tbody td .custom-select {
width: 100% !important;
}
}
@media only screen and (max-width: 1023px) {
.application-master table tbody td .hasCustomSelect {
width: 75% !important;
}
}
.application-master .switch-field {
overflow: hidden;
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
-moz-justify-content: flex-start;
justify-content: flex-start;
}
.application-master .switch-field input {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
}
.application-master .switch-field label {
display: inline-block;
width: 100px;
padding: 6px 14px;
margin-right: 10px;
margin-top: 10px;
border: 1px solid #d8d8d8;
text-align: center;
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
}
.application-master .switch-field label:hover,
.application-master .switch-field label:focus {
cursor: pointer;
}
.application-master .switch-field input:checked + label {
background-color: #47b74b;
border-color: #47b74b;
color: #fff;
font-weight: bold;
}
.application-master .checkbox-wrapper {
width: 70%;
min-width: 225px;
}
.application-master .checkbox-list {
border: none;
}
.application-master .checkbox-list__item {
border: 1px solid #d8d8d8;
border-top: none;
}
.application-master .checkbox-list:first-child .checkbox-list__item {
width: 100%;
border-top: 1px solid #d8d8d8;
}
.application-master .checkbox-list__inner {
text-transform: capitalize;
font-size: 14px;
}
@media only screen and (min-width: 1024px) {
.application-master .checkbox-list__inner {
font-size: 16px;
}
}
.application-master .checkbox-list__label {
width: 100%;
padding-left: 50px;
padding-right: 25px;
}
.application-master .control__indicator {
border-radius: 0;
}
.application-master .checkbox-list .control__indicator {
left: 10px;
background: transparent;
}
.application-master .control input:checked ~ .control__indicator {
background: transparent;
border-color: #fff;
}
.application-master .control input:checked ~ .control__indicator:after {
display: block;
}
.application-master .control--radio input:disabled ~ .control__indicator:after {
background: #7b7b7b;
}
.application-master .checkbox-list__field:checked ~ .checkbox-list__inner:after,
.application-master .checkbox-list .control__indicator:checked ~ .checkbox-list__inner:after {
background-color: #47b74b;
}
.application-master .checkbox-list__field:checked ~ .checkbox-list__inner {
color: #fff;
}
.application-footer {
background-color: #000;
color: #f4f4f4;
font-size: 14px;
font-size: 0.7777777778rem;
}
.application-footer p {
padding: 10px 0;
margin: 0;
}
.application-master .application-review {
padding: 20px;
margin-bottom: 15px;
margin-top: 15px;
background: #f4f4f4;
}
.application-master .application-review--highlight {
background-color: #d9f0da;
}
@media only screen and (min-width: 1024px) {
.application-master .application-review {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between;
}
.application-master .application-review__content {
width: calc(100% - 300px);
}
.application-master .application-review__content p:last-child {
margin-bottom: 0;
}
.application-master .application-review__action {
width: 300px;
text-align: right;
}
}
.session-expired {
position: relative;
background-color: #fce2e0;
border: 1px solid #f6b7b3;
color: #c00;
padding: 15px 20px 15px 50px;
}
@media only screen and (min-width: 669px) {
.session-expired {
margin-bottom: 40px;
}
}
.session-expired .icon, .session-expired .alert--warning .alert__icon, .alert--warning .session-expired .alert__icon, .session-expired .alert--info .alert__icon, .alert--info .session-expired .alert__icon, .session-expired .tabs__accordion-title:before, .session-expired .navigation--primary > .navigation__item.has-children::after, .session-expired .application-master .form__group.popped .more-info__icon, .application-master .form__group.popped .session-expired .more-info__icon {
position: absolute;
top: 50%;
left: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/*!
* Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
*/
.datepicker {
padding: 4px;
border-radius: 0 !important;
direction: ltr;
}
.datepicker-inline {
width: 220px;
}
.datepicker.datepicker-rtl {
direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
float: right;
}
.datepicker-dropdown {
top: 0;
left: 0;
}
.datepicker-dropdown:before {
content: "";
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #999;
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
display: none;
}
.datepicker-dropdown:after {
content: "";
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-top: 0;
position: absolute;
display: none;
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid #999;
display: none;
}
.datepicker-dropdown.datepicker-orient-top:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #fff;
display: none;
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.datepicker td,
.datepicker th {
text-align: center;
width: 20px;
height: 20px;
border-radius: 0;
border: none;
background: transparent;
color: #1d1d1b;
}
.datepicker td:before,
.datepicker th:before {
display: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day:focus,
.datepicker table tr td.day.focused {
background: #f4f4f4;
cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover,
.datepicker table tr td.disabled:focus {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td.highlighted {
background: #d9edf7;
border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:focus {
background-color: #fde19a;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fdd49a), to(#fdf59a));
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a", endColorstr="#fdf59a", GradientType=0);
border-color: #fdf59a #fdf59a #fbed50;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
background-color: #fbf069 \9 ;
}
.datepicker table tr td.today:hover:hover {
color: #000;
}
.datepicker table tr td.today.active:hover {
color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
background: #f4f4f4;
border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
background-color: #f3d17a;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f3c17a), to(#f3e97a));
background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a", endColorstr="#f3e97a", GradientType=0);
border-color: #f3e97a #f3e97a #edde34;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
background-color: #efe24b \9 ;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
background-color: #9e9e9e;
background-image: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#808080));
background-image: linear-gradient(to bottom, #b3b3b3, #808080);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3", endColorstr="#808080", GradientType=0);
border-color: #808080 #808080 #595959;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
background-color: #666666 \9 ;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
background-color: #47b74b;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
background-color: #47b74b;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
background-color: #3e9f41 \9 ;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
border-radius: 0;
}
.datepicker table tr td span:hover,
.datepicker table tr td span:focus,
.datepicker table tr td span.focused {
background: transparent;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover,
.datepicker table tr td span.disabled:focus {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
background-color: #47b74b;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
background-color: #47b74b;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
background-color: #3e9f41 \9 ;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #999;
}
.datepicker .datepicker-switch {
width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background: #f4f4f4;
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
margin-top: 3px;
}
.input-daterange input {
text-align: center;
}
.input-daterange input:first-child {
border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
display: inline-block;
width: auto;
min-width: 16px;
height: 20px;
padding: 4px 5px;
font-weight: normal;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 #fff;
vertical-align: middle;
background-color: #f4f4f4;
border: 1px solid #ccc;
margin-left: -5px;
margin-right: -5px;
}
.datepicker.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
display: none;
min-width: 160px;
list-style: none;
background-color: #fff;
border: 1px solid #d1d1d1;
border-radius: 5px;
-webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
*border-right-width: 2px;
*border-bottom-width: 2px;
color: #333333;
font-size: 13px;
line-height: 20px;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
padding: 4px 5px;
}
p.save-confirmation {
position: relative;
color: #47b74b;
background: #e6f5e6;
padding: 15px 20px 15px 50px;
border: 1px solid #c1e7c2;
margin: 20px 0;
}
p.save-confirmation .icon, p.save-confirmation .alert--warning .alert__icon, .alert--warning p.save-confirmation .alert__icon, p.save-confirmation .alert--info .alert__icon, .alert--info p.save-confirmation .alert__icon, p.save-confirmation .tabs__accordion-title:before, p.save-confirmation .navigation--primary > .navigation__item.has-children::after, p.save-confirmation .application-master .form__group.popped .more-info__icon, .application-master .form__group.popped p.save-confirmation .more-info__icon {
position: absolute;
top: 50%;
left: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.application-master .save-confirmation {
position: relative;
color: #47b74b;
background: #e6f5e6;
padding: 15px 20px 15px 50px;
border: 1px solid #c1e7c2;
margin: 20px 0;
}
.application-master .save-confirmation .icon, .application-master .save-confirmation .alert--warning .alert__icon, .alert--warning .application-master .save-confirmation .alert__icon, .application-master .save-confirmation .alert--info .alert__icon, .alert--info .application-master .save-confirmation .alert__icon, .application-master .save-confirmation .tabs__accordion-title:before, .application-master .save-confirmation .navigation--primary > .navigation__item.has-children::after, .application-master .save-confirmation .form__group.popped .more-info__icon, .application-master .form__group.popped .save-confirmation .more-info__icon {
position: absolute;
top: 50%;
left: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.application-master .form__field ~ .field-validation-error {
margin-top: -35px !important;
margin-bottom: 2px !important;
}
.coursearea__content h1, .coursearea__content h2, .coursearea__content h3, .coursearea__content h4, .coursearea__content h5, .coursearea__content h6 {
font-weight: bold;
text-transform: none;
}
.coursearea__content .inner {
width: 100%;
}
.coursearea__content .content__section:only-of-type {
padding-left: 0;
}
.coursearea__content .content__inner .content__section {
padding-left: 50px;
}
.coursearea__content .center-content {
text-align: center;
margin: 0 auto;
}
.coursearea__content.dark-background {
background-color: #000;
color: white;
}
.coursearea__content.dark-background h1, .coursearea__content.dark-background h2, .coursearea__content.dark-background h3, .coursearea__content.dark-background h4, .coursearea__content.dark-background h5, .coursearea__content.dark-background h6 {
color: white;
}
.coursearea__content ins {
border: 0 none;
}
.coursearea__banner {
height: 466px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f3f3f3;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
color: white;
}
.coursearea__banner h1, .coursearea__banner h2, .coursearea__banner h3, .coursearea__banner h4, .coursearea__banner h5, .coursearea__banner h6 {
color: white;
}
.coursearea__banner .inner {
width: 100%;
}
.coursearea__banner__inner {
z-index: 2;
position: relative;
display: block;
margin-left: 7%;
}
.coursearea__banner__video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
background-color: black;
background: black;
}
.coursearea__banner__video video {
width: 100%;
height: 100%;
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
opacity: 0.64;
}
.coursearea__banner__video__controls {
position: absolute;
right: 34px;
bottom: 42px;
display: none;
}
@media (min-width: 992px) {
.coursearea__banner__video__controls {
display: block;
}
}
.coursearea__banner__video__button {
width: 50px;
height: 50px;
border-radius: 100px;
background-color: white;
border: none;
font-size: 0;
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
}
.coursearea__banner__video__button svg {
-webkit-transform: translateX(1px);
-ms-transform: translateX(1px);
transform: translateX(1px);
width: 14px;
}
.coursearea__banner__video__button svg path {
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
}
.coursearea__banner__video__button:focus, .coursearea__banner__video__button:active {
background-color: rgb(218.5, 218.5, 218.5);
}
.coursearea__banner__video__button:hover {
background-color: #d6001c;
}
.coursearea__banner__video__button:hover svg path {
fill: white;
}
.coursearea__banner__heading {
font-size: 50px;
font-size: 2.7777777778rem;
font-weight: 900;
letter-spacing: -1px;
line-height: 1.08;
text-transform: none;
display: inline-block;
background: #000;
padding: 5px 10px;
}
.coursearea__banner__description {
font-size: 20px;
font-size: 1.1111111111rem;
font-weight: 500;
line-height: 1.25;
margin: 0 0 20px 0;
}
.coursearea__banner__description {
width: 90%;
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.coursearea__banner__description {
width: 75%;
}
}
@media only screen and (min-width: 1024px) {
.coursearea__banner__description {
width: 52%;
}
}
.coursearea__banner__description p {
margin: 0;
background: #000;
padding: 5px 10px;
display: inline-block;
}
@media only screen and (min-width: 1024px) {
.coursearea__intro .content__section:only-of-type {
margin-left: 10%;
}
}
.coursearea__intro .content__section:first-of-type {
padding-bottom: 40px;
}
@media only screen and (min-width: 1024px) {
.coursearea__intro .content__section:first-of-type {
padding-bottom: 0;
}
}
.coursearea__intro h1, .coursearea__intro h2, .coursearea__intro h3, .coursearea__intro h4, .coursearea__intro h5, .coursearea__intro h6 {
color: #d6001c;
}
.coursearea__button.button {
background-color: #d6001c;
border-radius: 3px;
margin-right: 20px;
margin-bottom: 10px;
padding: 16px 30px;
text-transform: none;
}
.coursearea__button.button.pull-right {
float: right;
margin-right: 15px;
text-align: right;
}
.coursearea__button.button.button--minor {
padding: 10px 26px;
}
.coursearea__button.button.__print {
background: #fff;
color: #000;
margin: 10px 0 0 0;
}
@media (min-width: 992px) {
.coursearea__button.button.__print {
margin: 0;
}
}
.coursearea__button.button.__print::before {
font-family: "icomoon" !important;
content: "\e93a";
color: #000;
font-size: 18px;
margin: 0 10px 0 0;
}
.coursearea__button.button.__print:hover, .coursearea__button.button.__print:focus {
color: #fff;
}
.coursearea__button.button.__print:hover::before, .coursearea__button.button.__print:focus::before {
color: #fff;
}
.coursearea__button.button:hover, .coursearea__button.button:focus, .coursearea__button.button:active {
background-color: rgb(40.8, 40.8, 40.8);
}
.coursearea__button.button:last-of-type {
/*margin-right: 0;*/
margin-bottom: 0;
}
.coursearea__button .icon, .coursearea__button .alert--warning .alert__icon, .alert--warning .coursearea__button .alert__icon, .coursearea__button .alert--info .alert__icon, .alert--info .coursearea__button .alert__icon, .coursearea__button .tabs__accordion-title:before, .coursearea__button .navigation--primary > .navigation__item.has-children::after, .coursearea__button .application-master .form__group.popped .more-info__icon, .application-master .form__group.popped .coursearea__button .more-info__icon {
margin: 0 10px 0 0;
}
.coursearea__carousel .slick-list {
border-radius: 3px;
}
.coursearea__carousel .slick-arrow {
top: 50%;
width: 44px;
height: 44px;
position: absolute;
font-size: 0;
color: transparent;
border-radius: 100px;
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
border: 2px solid transparent;
background-color: transparent;
}
@media only screen and (min-width: 1400px) {
.coursearea__carousel .slick-arrow {
background-color: white;
border: 2px solid #000;
}
}
.coursearea__carousel .slick-arrow:hover, .coursearea__carousel .slick-arrow:focus, .coursearea__carousel .slick-arrow:active {
border-color: #d6001c;
}
.coursearea__carousel .slick-arrow:hover .slick-next-icon::before,
.coursearea__carousel .slick-arrow:hover .slick-prev-icon::before, .coursearea__carousel .slick-arrow:focus .slick-next-icon::before,
.coursearea__carousel .slick-arrow:focus .slick-prev-icon::before, .coursearea__carousel .slick-arrow:active .slick-next-icon::before,
.coursearea__carousel .slick-arrow:active .slick-prev-icon::before {
color: #d6001c;
}
.coursearea__carousel .slick-arrow .slick-next-icon::before,
.coursearea__carousel .slick-arrow .slick-prev-icon::before {
font-size: 20px;
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
color: #fff;
}
@media only screen and (min-width: 1400px) {
.coursearea__carousel .slick-arrow .slick-next-icon::before,
.coursearea__carousel .slick-arrow .slick-prev-icon::before {
color: #000;
}
}
.coursearea__carousel .slick-arrow.slick-prev {
left: 0;
z-index: 1;
}
@media only screen and (min-width: 1400px) {
.coursearea__carousel .slick-arrow.slick-prev {
left: -100px;
}
}
.coursearea__carousel .slick-arrow.slick-prev .slick-prev-icon::before {
content: "←";
}
.coursearea__carousel .slick-arrow.slick-next {
right: 0;
z-index: 1;
}
@media only screen and (min-width: 1400px) {
.coursearea__carousel .slick-arrow.slick-next {
right: -100px;
}
}
.coursearea__carousel .slick-arrow.slick-next .slick-next-icon::before {
content: "→";
}
.coursearea__carousel--stats .carousel__container {
position: relative;
}
.coursearea__carousel--stats .carousel__container .slick-slide > div {
border-radius: 3px;
margin: 0 5px;
overflow: hidden;
}
.coursearea__carousel--stats .carousel__container .slick-list {
overflow: hidden;
}
.coursearea__carousel--stats .carousel__content {
background-color: #000;
color: white;
padding: 34px 28px;
}
.coursearea__carousel--stats .carousel__heading {
font-size: 40px;
font-size: 2.2222222222rem;
color: white;
display: inline-block;
font-weight: bold;
margin: 0 0 10px 0;
text-align: center;
width: 100%;
}
.coursearea__carousel--stats .carousel__sub-heading {
font-size: 16px;
font-size: 0.8888888889rem;
color: white;
line-height: 1.56;
margin: 0;
text-align: center;
}
.coursearea__carousel--stats .carousel__image {
background-color: #f3f3f3;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 166px;
width: 100%;
}
.coursearea__carousel--casestudies {
padding-bottom: 40px;
}
.coursearea__carousel--casestudies .carousel__container.slick-slider {
border-radius: 3px;
margin: 0 15px;
position: relative;
}
.coursearea__carousel--casestudies .carousel__container .slick-list {
overflow: hidden;
}
.coursearea__carousel--casestudies .carousel__container .slick-slide {
margin: 0 10px;
}
.coursearea__carousel--casestudies .carousel__slide {
position: relative;
}
.coursearea__carousel--casestudies .carousel__slide a:hover, .coursearea__carousel--casestudies .carousel__slide a:focus, .coursearea__carousel--casestudies .carousel__slide a:active {
-webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.36);
box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.36);
}
.coursearea__carousel--casestudies .carousel__slide a:hover .carousel__content, .coursearea__carousel--casestudies .carousel__slide a:focus .carousel__content, .coursearea__carousel--casestudies .carousel__slide a:active .carousel__content {
bottom: 0;
}
.coursearea__carousel--casestudies .carousel__slide a:hover .carousel__heading::after, .coursearea__carousel--casestudies .carousel__slide a:focus .carousel__heading::after, .coursearea__carousel--casestudies .carousel__slide a:active .carousel__heading::after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.coursearea__carousel--casestudies .carousel__content {
position: absolute;
bottom: -100%;
left: 0;
z-index: 2;
display: block;
background-color: #DC2618;
padding: 19px 26px;
overflow: hidden;
width: 100%;
-webkit-transition: 0.5s ease-in-out all;
transition: 0.5s ease-in-out all;
}
.coursearea__carousel--casestudies .carousel__heading {
font-size: 18px;
font-size: 1rem;
color: white;
display: inline-block;
font-weight: bold;
margin: 0 0 10px 0;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.8);
padding-bottom: 10px;
padding-right: 40px;
}
.coursearea__carousel--casestudies .carousel__heading::after {
content: "\e901";
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
font-size: 11px;
width: 30px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
border: 2px solid #fff;
border-radius: 50%;
position: absolute;
top: 20px;
right: 20px;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.coursearea__carousel--casestudies .carousel__sub-heading {
font-size: 16px;
font-size: 0.8888888889rem;
color: white;
line-height: 1.25;
margin: 0;
}
.coursearea__carousel--casestudies .carousel__image {
background-color: #f3f3f3;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 470px;
width: 100%;
z-index: 1;
display: block;
position: relative;
}
.coursearea__carousel--subjectnews .carousel__container {
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
}
.coursearea__carousel--subjectnews .carousel__slide {
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
background: white;
}
.coursearea__carousel--subjectnews .carousel__slide:hover, .coursearea__carousel--subjectnews .carousel__slide:focus, .coursearea__carousel--subjectnews .carousel__slide:active {
position: relative;
display: block;
}
.coursearea__carousel--subjectnews .carousel__slide:hover .carousel__content, .coursearea__carousel--subjectnews .carousel__slide:focus .carousel__content, .coursearea__carousel--subjectnews .carousel__slide:active .carousel__content {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.coursearea__carousel--subjectnews .carousel__slide:hover .carousel__content::before, .coursearea__carousel--subjectnews .carousel__slide:focus .carousel__content::before, .coursearea__carousel--subjectnews .carousel__slide:active .carousel__content::before {
top: -10px;
height: 35px;
}
.coursearea__carousel--subjectnews .carousel__image {
background-color: #f3f3f3;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 245px;
width: 100%;
z-index: 1;
display: block;
position: relative;
}
.coursearea__carousel--subjectnews .carousel__content {
padding: 35px 30px;
position: relative;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.coursearea__carousel--subjectnews .carousel__content::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background-color: white;
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
z-index: 1;
}
.coursearea__carousel--subjectnews .carousel__heading {
font-size: 18px;
font-size: 1rem;
font-weight: 500;
line-height: 1.39;
color: #0f1619;
}
.coursearea__carousel--subjectnews .carousel__date {
font-size: 15px;
font-size: 0.8333333333rem;
line-height: 1.67;
color: #4f4f4f;
margin: 0;
}
.coursearea__carousel--feature {
margin: 0;
padding-bottom: 100px;
}
@media only screen and (min-width: 669px) {
.coursearea__carousel--feature {
padding-bottom: 0;
}
}
.coursearea__carousel--feature .slick-dots {
bottom: -60px;
left: 50%;
padding: 0 0 0 15px;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1000;
}
.coursearea__carousel--feature .slick-dots li {
margin: 0 15px;
}
@media (min-width: 768px) {
.coursearea__carousel--feature .slick-dots {
bottom: 40px;
left: inherit;
padding-left: 30px;
text-align: left;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.coursearea__carousel--feature .slick-dots li {
margin: 0 5px;
}
.coursearea__carousel--feature .slick-dots li button .slick-dot-icon {
opacity: 0.5;
}
.coursearea__carousel--feature .slick-dots li.slick-active button .slick-dot-icon {
opacity: 1;
}
}
@media (min-width: 992px) {
.coursearea__carousel--feature .slick-dots {
padding-left: 70px;
width: 540px;
}
}
.coursearea__carousel--feature .coursearea__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #e8e8e8;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%;
}
.coursearea__carousel--feature .coursearea__content .content__section:first-child {
padding-top: 50px;
padding-bottom: 50px;
padding-right: 50px;
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.coursearea__carousel--feature .coursearea__content .content__section:first-child {
padding-top: 30px;
}
}
.coursearea__carousel--feature .coursearea__content .content__section:last-child {
padding-left: 0;
}
.coursearea__carousel--feature .carousel__content {
width: 540px;
max-width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: 100%;
}
.coursearea__carousel--feature .carousel__slide {
height: 100%;
}
.coursearea__carousel--feature .carousel__heading {
font-size: 30px;
font-size: 1.6666666667rem;
color: #1d1d1b;
font-weight: bold;
width: 100%;
}
.coursearea__carousel--feature .carousel__description {
font-size: 17px;
font-size: 0.9444444444rem;
color: #4f4f4f;
line-height: 1.47;
width: 100%;
}
.coursearea__carousel--feature .carousel__image {
height: 500px;
background-color: #f3f3f3;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.coursearea__carousel--feature .carousel__video {
background-color: #000;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: transparent;
display: block;
font-size: 0;
height: 500px;
position: relative;
width: 100%;
}
.coursearea__carousel--feature .carousel__video:hover .carousel__video__button, .coursearea__carousel--feature .carousel__video:focus .carousel__video__button, .coursearea__carousel--feature .carousel__video:active .carousel__video__button {
background-color: #d6001c;
}
.coursearea__carousel--feature .carousel__video__button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #000;
border-radius: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100px;
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
}
.coursearea__carousel--feature .carousel__video__button svg {
-webkit-transform: translateX(1px);
-ms-transform: translateX(1px);
transform: translateX(1px);
}
.coursearea__heading {
font-size: 40px;
font-size: 2.2222222222rem;
font-weight: 900;
line-height: 1.08;
letter-spacing: -1px;
text-transform: none;
}
.coursearea__description {
font-size: 17px;
font-size: 0.9444444444rem;
line-height: 1.47;
opacity: 0.8;
margin-bottom: 20px;
}
.coursearea__courses__list {
margin: 0 -15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.coursearea__courses__list a:hover .coursearea__courses__content, .coursearea__courses__list a:focus .coursearea__courses__content, .coursearea__courses__list a:active .coursearea__courses__content {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.coursearea__courses__list a:hover .coursearea__courses__content::before, .coursearea__courses__list a:focus .coursearea__courses__content::before, .coursearea__courses__list a:active .coursearea__courses__content::before {
height: 10px;
top: -10px;
}
.coursearea__courses__item {
color: #000;
padding-left: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.coursearea__courses__item.__single {
max-width: 50%;
}
.coursearea__courses__item .coursearea__courses__content h1, .coursearea__courses__item .coursearea__courses__content h2, .coursearea__courses__item .coursearea__courses__content h3, .coursearea__courses__item .coursearea__courses__content h4, .coursearea__courses__item .coursearea__courses__content h5, .coursearea__courses__item .coursearea__courses__content h6 {
color: #000;
}
.coursearea__courses__item article {
height: 100%;
}
.coursearea__courses__wrapper {
background-color: white;
border-radius: 3px;
height: calc(100% - 30px);
margin: 15px;
overflow: hidden;
}
.coursearea__courses__image {
width: 100%;
height: 304px;
background-color: #f3f3f3;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.coursearea__courses__image {
height: 406px;
}
}
@media only screen and (min-width: 1024px) {
.coursearea__courses__image {
height: 230px;
}
}
.coursearea__courses__content {
padding: 28px 20px;
background-color: white;
position: relative;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
}
.coursearea__courses__content::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background-color: white;
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
}
.coursearea__courses__heading {
font-size: 18px;
font-size: 1rem;
font-weight: bold;
text-transform: none;
line-height: 1.4;
color: #000;
border-bottom: solid 1px #dedede;
padding: 0 0 10px 0;
}
.coursearea__courses__details {
font-size: 15px;
font-size: 0.8333333333rem;
line-height: 1.46;
color: rgb(71.4, 71.4, 71.4);
list-style: none;
padding: 0;
margin: 0;
}
.coursearea__link__list {
margin: 0 -15px;
}
.coursearea__link__list a:hover .coursearea__link__item, .coursearea__link__list a:focus .coursearea__link__item, .coursearea__link__list a:active .coursearea__link__item {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.coursearea__link__item {
color: #000;
padding-left: 0;
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.coursearea__link__item .coursearea__courses__content h1, .coursearea__link__item .coursearea__courses__content h2, .coursearea__link__item .coursearea__courses__content h3, .coursearea__link__item .coursearea__courses__content h4, .coursearea__link__item .coursearea__courses__content h5, .coursearea__link__item .coursearea__courses__content h6 {
color: #000;
}
.coursearea__link__wrapper {
margin: 15px;
}
.coursearea__link__image {
width: 100%;
height: 150px;
background-color: #f3f3f3;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 669px) {
.coursearea__link__image {
height: 170px;
}
}
@media only screen and (min-width: 1024px) {
.coursearea__link__image {
height: 230px;
}
}
.coursearea__link__content {
padding: 28px 0;
position: relative;
}
.coursearea__link__heading {
font-size: 18px;
font-size: 1rem;
font-weight: bold;
text-transform: none;
line-height: 1.4;
color: #000;
padding: 0 0 10px 0;
}
.coursearea__fullwidthcta {
background-color: #f3f3f3;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 577px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.coursearea__fullwidthcta::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.64);
z-index: 0;
}
.coursearea__fullwidthcta .inner {
position: relative;
}
.blogpage-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 768px) {
.blogpage-flex {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.blogpage-flex.__breaklayout {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (min-width: 1600px) {
.blogpage-flex.__breaklayout {
max-width: 1350px;
margin: 0px 50px 0 auto;
}
}
@media (min-width: 1800px) {
.blogpage-flex.__breaklayout {
margin: 0px 150px 0 auto;
}
}
@media (min-width: 1920px) {
.blogpage-flex.__breaklayout {
margin: 0px 200px 0 auto;
}
}
.blogpage-header {
background: #000;
padding: 30px 0 20px 0;
border-bottom: 1px solid #979797;
}
@media (min-width: 768px) {
.blogpage-header {
padding: 60px 0 35px 0;
}
}
.blogpage-header-detail {
margin: 0 0 20px 0;
}
@media (min-width: 768px) {
.blogpage-header-detail {
width: 70%;
margin: 0;
}
}
.blogpage-header-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 768px) {
.blogpage-header-social {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 30%;
}
}
.blogpage-header-social-icon {
color: #fff;
font-size: 20px;
margin: 0 40px 0 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.blogpage-header-social-icon:last-of-type {
margin: 0;
}
.blogpage-header-social-icon:hover, .blogpage-header-social-icon:focus {
color: #DC2618;
}
.blogpage-header-title {
color: #fff;
text-transform: none;
font-size: 45px;
font-weight: 900;
}
@media (min-width: 768px) {
.blogpage-header-title {
font-size: 60px;
}
}
.blogpage-header-subtext {
color: rgba(255, 255, 255, 0.82);
}
.blogpage-feature {
position: relative;
}
.blogpage-feature::before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
}
@media (min-width: 768px) {
.blogpage-feature::before {
bottom: 42px;
}
}
@media (min-width: 992px) {
.blogpage-feature::before {
bottom: 40px;
}
}
.blogpage-feature > .blogpage-flex {
position: relative;
}
.blogpage-feature-image {
margin: 70px 30px 0 30px;
position: relative;
min-width: calc(100% - 30px);
max-width: calc(100% - 30px);
width: calc(100% - 30px);
height: 200px;
z-index: 1;
}
@media (min-width: 576px) {
.blogpage-feature-image {
height: 250px;
}
}
@media (min-width: 768px) {
.blogpage-feature-image {
min-width: 35%;
max-width: 35%;
width: 35%;
height: 200px;
}
}
@media (min-width: 992px) {
.blogpage-feature-image {
min-width: 40%;
max-width: 40%;
width: 40%;
height: 270px;
}
}
@media (min-width: 1200px) {
.blogpage-feature-image {
min-width: 600px;
max-width: 600px;
width: 600px;
height: 380px;
}
}
.blogpage-feature-image::before {
content: "";
position: absolute;
top: -30px;
left: -30px;
bottom: 40px;
right: 55px;
background: #DC2618;
z-index: -1;
}
.blogpage-feature-image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
height: 100%;
}
.blogpage-feature-detail {
padding: 30px 0;
color: #fff;
}
@media (min-width: 768px) {
.blogpage-feature-detail {
padding: 0 0 60px 0;
}
}
@media (min-width: 992px) {
.blogpage-feature-detail {
padding: 0 0 60px 60px;
}
}
.blogpage-feature-detail-title {
color: #fff;
font-size: 25px;
text-transform: none;
font-weight: 600;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
@media (min-width: 992px) {
.blogpage-feature-detail-title {
font-size: 30px;
}
}
.blogpage-feature-detail-text {
margin: 0 0 30px 0;
color: rgba(255, 255, 255, 0.82);
}
.blogpage-feature-detail-postinfo {
text-transform: uppercase;
color: #9F9F9F;
font-size: 13px;
margin: 0 15px 0 0;
}
.blogpage-feature-detail:hover .blogpage-feature-detail-title, .blogpage-feature-detail:focus .blogpage-feature-detail-title {
color: #DC2618;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.blogpage-listing {
margin: 40px 0 0 0;
padding: 0 0 50px 0;
}
@media (min-width: 992px) {
.blogpage-listing {
margin: 90px 0 0 0;
padding: 0 0 100px 0;
}
}
.blogpage-listing-result {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
padding: 25px 0;
}
@media (min-width: 992px) {
.blogpage-listing-result {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.blogpage-listing-result:first-of-type {
padding: 0 0 25px 0;
}
.blogpage-listing-result::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #C8C8C8;
opacity: 0.6;
}
.blogpage-listing-result-image {
margin: 0 0 30px 0;
overflow: hidden;
width: 260px;
max-width: 100%;
height: 175px;
}
@media (min-width: 576px) {
.blogpage-listing-result-image {
max-width: 260px;
min-width: 260px;
}
}
@media (min-width: 992px) {
.blogpage-listing-result-image {
margin: 0 30px 0 0;
}
}
.blogpage-listing-result-image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
height: 100%;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.blogpage-listing-result-title {
font-size: 20px;
text-transform: none;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.blogpage-listing-result-text {
color: #000;
margin: 0 0 20px 0;
}
.blogpage-listing-result:hover .blogpage-listing-result-title, .blogpage-listing-result:focus .blogpage-listing-result-title {
color: #DC2618;
}
.blogpage-listing-result:hover .blogpage-listing-result-image img, .blogpage-listing-result:focus .blogpage-listing-result-image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
@media (min-width: 768px) {
.blogpage-listing-results {
margin: 0 50px 0 0;
max-width: 850px;
}
}
.blogpage-paging {
margin: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.125rem;
list-style: none;
}
@media (min-width: 768px) {
.blogpage-paging {
margin: 40px 0;
}
}
.blogpage-paging li {
margin: 0;
padding: 0;
list-style: none;
}
.blogpage-paging li span, .blogpage-paging li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px 14px;
margin: 0 3px 0 0;
background: #000;
color: #fff;
font-size: 14px;
position: relative;
}
.blogpage-paging li span::after, .blogpage-paging li a::after {
content: "";
width: 0;
height: 4px;
background: #DC2618;
position: absolute;
bottom: 0;
left: 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.blogpage-paging li span:hover::after, .blogpage-paging li span:focus::after, .blogpage-paging li a:hover::after, .blogpage-paging li a:focus::after {
width: 100%;
}
.blogpage-paging li.disabled span {
cursor: not-allowed;
opacity: 0.8;
}
.blogpage-paging li.active span {
background: #DC2618;
color: #fff;
}
.blogpage-paging li:not(:first-child):not(.active):not(:last-child) {
display: none;
}
@media (min-width: 992px) {
.blogpage-paging li:not(:first-child):not(.active):not(:last-child) {
display: inherit;
}
}
.blogpage-sidebar {
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 30px 0 0 0;
}
@media (min-width: 768px) {
.blogpage-sidebar {
width: 250px;
min-width: 250px;
max-width: 250px;
margin: 0;
}
}
@media (min-width: 992px) {
.blogpage-sidebar {
width: 340px;
min-width: 340px;
max-width: 340px;
margin: 0;
}
}
.blogpage-filters {
background: rgba(204, 204, 204, 0.28);
border-radius: 15px 15px 5px 5px;
margin: 0 0 20px 0;
}
.blogpage-filters-header {
background: #000;
border-radius: 15px 15px 0 0;
padding: 16px 25px;
}
.blogpage-filters-title {
color: #fff;
font-size: 20px;
font-weight: 600;
}
.blogpage-filters-title i {
margin: 0 10px 0 0;
}
.blogpage-filters-list {
padding: 25px;
}
.blogpage-filters-list .field_wrap.__checkbox .input_wrap label {
color: #000;
cursor: pointer;
display: block;
margin: 0 0 15px 0;
padding-left: 30px;
position: relative;
}
.blogpage-filters-list .field_wrap.__checkbox .input_wrap label::before {
content: "";
border: 1px solid #c7c7c7;
background: #eaeaea;
width: 20px;
height: 20px;
position: absolute;
top: -1px;
left: 0;
color: transparent;
}
.blogpage-filters-list .field_wrap.__checkbox .input_wrap label::after {
content: "\e948";
font-size: 12px;
color: white;
position: absolute;
top: 3px;
left: 4px;
opacity: 0;
display: inline-block;
text-transform: none;
vertical-align: middle;
font-family: icomoon;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.blogpage-filters-list .field_wrap.__checkbox .input_wrap label.__checked::before {
background: #000;
border-color: #000;
}
.blogpage-filters-list .field_wrap.__checkbox .input_wrap label.__checked::after {
opacity: 1;
}
.blogpage-filters-list .field_wrap.__checkbox .input_wrap label.__focused::before {
border-color: #000;
background: #000;
}
.blogpage-filters-list .field_wrap.__checkbox .input_wrap label input {
position: absolute;
left: -9999px;
margin: 0;
}
.blogpage-filters-list ul, .blogpage-filters-list li {
margin: 0;
padding: 0;
list-style: none;
}
.blogpage-filters-listitem {
color: #000;
display: block;
padding: 0 0 10px 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.blogpage-filters-listitem::before {
display: inline-block;
text-transform: none;
vertical-align: middle;
font-family: icomoon;
font-size: 12px;
color: #DC2618;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
content: "\e95f";
margin: 0 10px 0 0;
}
.blogpage-filters-listitem:hover, .blogpage-filters-listitem:focus {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.blogpage-filters-viewall {
border-top: 1px solid rgba(151, 151, 151, 0.37);
}
.blogpage-filters-viewall a {
display: block;
padding: 15px 0 0 0;
font-weight: bold;
color: #000;
font-size: 16px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.blogpage-filters-viewall a::after {
display: inline-block;
text-transform: none;
vertical-align: middle;
font-family: icomoon;
font-size: 10px;
color: #DC2618;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
content: "\e95f";
margin: 0 0 0 10px;
}
.blogpage-filters-viewall a:hover, .blogpage-filters-viewall a:focus {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.blogpage-filters-popular {
color: #000;
display: block;
margin: 0 0 15px 0;
font-size: 17px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.blogpage-filters-popular span {
display: block;
margin: 10px 0 0 0;
color: #6C6C6C;
text-transform: uppercase;
font-size: 13px;
font-weight: normal;
}
.blogpage-filters-popular:hover, .blogpage-filters-popular:focus {
color: #DC2618;
}
.blogpage-top {
padding: 30px 0 20px 0;
position: relative;
}
@media (min-width: 768px) {
.blogpage-top {
padding: 70px 0 20px 0;
}
}
.blogpage-top::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 70%;
background: #000;
z-index: -1;
}
.blogpage-top-date {
text-transform: uppercase;
color: #DC2618;
font-size: 16px;
}
.blogpage-top-title {
color: #fff;
font-size: 35px;
text-transform: none;
line-height: normal;
margin: 0 0 20px 0;
}
@media (min-width: 768px) {
.blogpage-top-title {
font-size: 60px;
margin: 0 0 40px 0;
}
}
.blogpage-top-image {
width: 100%;
height: 200px;
position: relative;
}
@media (min-width: 576px) {
.blogpage-top-image {
height: 350px;
}
}
@media (min-width: 992px) {
.blogpage-top-image {
width: 850px;
height: 500px;
}
}
.blogpage-top-image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
height: 100%;
}
.blogpage-top-image-caption {
position: absolute;
bottom: 30px;
left: 40px;
right: 40px;
max-width: 530px;
color: #fff;
font-weight: 600;
font-size: 16px;
}
@media (min-width: 576px) {
.blogpage-top-image-caption {
font-size: 30px;
}
}
@media (min-width: 768px) {
.blogpage-top-image-caption {
font-size: 30px;
right: auto;
}
}
.blogpage-top-image-caption span {
padding: 0;
background: #000;
line-height: 1.3;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
-webkit-box-shadow: 15px 0 0 #000, -15px 0 0 #000;
box-shadow: 15px 0 0 #000, -15px 0 0 #000;
}
.blogpage-article {
max-width: 100%;
}
@media (min-width: 768px) {
.blogpage-article {
max-width: 850px;
}
}
.blogpage-article.__maincontent {
margin: 0 50px 0 0;
}
.blogpage-jumpto .blogpage-article {
border-bottom: 1px solid rgba(151, 151, 151, 0.45);
padding: 0 0 7px 0;
}
.blogpage-jumpto-title {
font-weight: 600;
font-size: 17px;
margin: 0 0 10px 0;
}
.blogpage-jumpto ul, .blogpage-jumpto li {
margin: 0;
padding: 0;
list-style: none;
}
.blogpage-jumpto ul a.blogpage-jumpto-item, .blogpage-jumpto li a.blogpage-jumpto-item {
color: #292927;
font-size: 16px;
display: block;
margin: 0 0 7px 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.blogpage-jumpto ul a.blogpage-jumpto-item::before, .blogpage-jumpto li a.blogpage-jumpto-item::before {
display: inline-block;
text-transform: none;
vertical-align: middle;
font-family: icomoon;
font-size: 12px;
color: #DC2618;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
content: "\e95d";
margin: 0 10px 0 0;
}
.blogpage-jumpto ul a.blogpage-jumpto-item:hover, .blogpage-jumpto ul a.blogpage-jumpto-item:focus, .blogpage-jumpto li a.blogpage-jumpto-item:hover, .blogpage-jumpto li a.blogpage-jumpto-item:focus {
color: #DC2618;
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.blogpage-containedimage {
width: 100%;
height: 270px;
}
@media (min-width: 992px) {
.blogpage-containedimage {
width: 850px;
height: 500px;
}
}
.blogpage-containedimage img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
height: 100%;
}
.blogpage-text blockquote {
border-top: 0;
border-bottom: 0;
padding: 0 30px;
display: block;
font-size: 22px;
font-weight: 600;
color: #000000;
position: relative;
margin: 45px 0;
}
@media (min-width: 768px) {
.blogpage-text blockquote {
font-size: 30px;
}
}
.blogpage-text blockquote::before {
content: "";
width: 7px;
height: 50px;
background: #DC2618;
position: absolute;
left: 0;
top: 0;
}
.blogpage-video .videoblock {
width: 100%;
height: 270px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 992px) {
.blogpage-video .videoblock {
width: 850px;
height: 470px;
}
}
.blogpage-video .videoblock-media {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
max-width: 100%;
}
.blogpage-video .videoblock-video {
height: 270px !important;
}
@media (min-width: 992px) {
.blogpage-video .videoblock-video {
height: 470px !important;
}
}
.blogpage-video .videoblock .videoplay {
width: 100px;
height: 100px;
border-radius: 50%;
background: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
outline: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.blogpage-video .videoblock .videoplay-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blogpage-video .videoblock .videoplay-icon {
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.blogpage-video .videoblock .videoplay-icon::after {
content: "PLAY";
color: #fff;
font-size: 14px;
letter-spacing: 2px;
}
.blogpage-promocta {
margin: 0 0 30px 0;
border-radius: 15px 15px 5px 27px;
overflow: hidden;
}
.blogpage-promocta.__dark .blogpage-promocta-content {
background: #000;
}
.blogpage-promocta.__dark .blogpage-button {
background: #DC2618;
}
.blogpage-promocta-image {
width: 100%;
height: 180px;
}
@media (min-width: 576px) {
.blogpage-promocta-image {
height: 210px;
}
}
@media (min-width: 768px) {
.blogpage-promocta-image {
height: 180px;
}
}
@media (min-width: 992px) {
.blogpage-promocta-image {
height: 210px;
}
}
.blogpage-promocta-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.blogpage-promocta-content {
background: #DC2618;
padding: 22px 30px;
}
.blogpage-promocta-title {
color: #fff;
font-weight: 600;
margin: 0 0 22px 0;
font-size: 22px;
}
@media (min-width: 768px) {
.blogpage-promocta-title {
font-size: 25px;
}
}
.blogpage-promocta .blogpage-button {
text-transform: none;
}
.blogpage-promocta .blogpage-button:hover, .blogpage-promocta .blogpage-button:focus {
background: #fff;
color: #000;
}
.blogpage-articlefoot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 30px 0;
}
.blogpage-articlefoot .socialshare {
background: #000;
border-radius: 27px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}
.blogpage-articlefoot .socialshare-title button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
color: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #000;
border-radius: 50%;
cursor: pointer;
height: 55px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: none;
width: 130px;
font-weight: bold;
}
.blogpage-articlefoot .socialshare-title button i {
margin: 0 10px 0 0;
}
.blogpage-articlefoot .socialshare-title button:hover, .blogpage-articlefoot .socialshare-title button:focus {
outline: none;
}
.blogpage-articlefoot .socialshare-socialset {
display: none;
}
.blogpage-articlefoot .socialshare-socialset.__active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #DC2618;
border-radius: 30px;
padding: 5px 0;
position: absolute;
-webkit-transition: all 0.3s;
transition: all 0.3s;
top: -60px;
opacity: 1;
}
.blogpage-articlefoot .socialshare .socialicon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #000;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 0;
height: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 5px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 40px;
}
.blogpage-articlefoot .socialshare .socialicon::before {
color: #fff;
font-size: 16px;
margin: 0;
}
.blogpage-articlefoot .socialshare .socialicon:hover::before, .blogpage-articlefoot .socialshare .socialicon:focus::before {
color: #DC2618;
}
.blogpage-articlefoot-filters {
margin: 0 0 0 20px;
}
.blogpage-articlefoot-filters a {
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
color: #000;
position: relative;
padding: 0 0 0 20px;
margin: 0 0 0 10px;
}
.blogpage-articlefoot-filters a::before {
content: "";
color: #000;
width: 5px;
height: 5px;
border-radius: 50%;
background: #000;
position: absolute;
top: 7px;
left: 0;
}
.blogpage-articlefoot-filters a:first-of-type {
margin: 0;
padding: 0;
}
.blogpage-articlefoot-filters a:first-of-type::before {
display: none;
}
.blogpage-articlefoot-filters a:hover, .blogpage-articlefoot-filters a:focus {
color: #DC2618;
}
.blogpage-author {
border-top: 1px solid rgba(151, 151, 151, 0.41);
border-bottom: 1px solid rgba(151, 151, 151, 0.41);
padding: 40px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 20px 0 30px 0;
}
@media (min-width: 768px) {
.blogpage-author {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.blogpage-author-image {
width: 120px;
min-width: 120px;
max-width: 120px;
height: 120px;
border-radius: 100%;
overflow: hidden;
margin: 0 0 20px 0;
}
@media (min-width: 768px) {
.blogpage-author-image {
margin: 0 50px 0 0;
}
}
.blogpage-author-image img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.blogpage-author-pretitle {
text-transform: uppercase;
font-size: 13px;
color: #313131;
font-weight: bold;
letter-spacing: 0.5px;
}
.blogpage-author-title {
font-weight: bold;
font-size: 20px;
margin: 8px 0;
}
.blogpage-promosection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #000;
margin: 0 0 40px 0;
}
@media (min-width: 992px) {
.blogpage-promosection {
height: 240px;
overflow: hidden;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 80px 0;
}
}
.blogpage-promosection-image {
width: 275px;
min-width: 275px;
max-width: 275px;
height: 240px;
}
.blogpage-promosection-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.blogpage-promosection-content {
padding: 30px 40px;
}
.blogpage-promosection-title {
color: #fff;
font-weight: bold;
font-size: 20px;
margin: 0 0 10px 0;
}
.blogpage-promosection-text {
color: #fff;
}
.blogpage-promosection .blogpage-button {
background: #DC2618;
margin: 30px 0 0 0;
text-transform: none;
}
.blogpage-promosection .blogpage-button:hover, .blogpage-promosection .blogpage-button:focus {
background: #fff;
color: #000;
}
.blogpage-relatedblogs {
background: #292927;
padding: 50px 0 30px 0;
}
@media (min-width: 768px) {
.blogpage-relatedblogs {
padding: 50px 0 70px 0;
}
}
.blogpage-relatedblogs-title {
text-transform: none;
color: #fff;
font-size: 30px;
}
.blogpage-relatedblogs-blogs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 768px) {
.blogpage-relatedblogs-blogs {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.blogpage-relatedblogs-blogitem {
margin: 0 0 20px 0;
}
@media (min-width: 768px) {
.blogpage-relatedblogs-blogitem {
width: 50%;
max-width: 50%;
min-width: 50%;
}
}
@media (min-width: 992px) {
.blogpage-relatedblogs-blogitem {
width: 25%;
max-width: 25%;
min-width: 25%;
margin: 0;
}
}
.blogpage-relatedblogs-blogitem:hover .blogpage-relatedblogs-blogtitle,
.blogpage-relatedblogs-blogitem:hover .blogpage-relatedblogs-image, .blogpage-relatedblogs-blogitem:focus .blogpage-relatedblogs-blogtitle,
.blogpage-relatedblogs-blogitem:focus .blogpage-relatedblogs-image {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.blogpage-relatedblogs-image {
width: 100%;
height: 175px;
margin: 0 0 20px 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
@media (min-width: 768px) {
.blogpage-relatedblogs-image {
width: 260px;
}
}
.blogpage-relatedblogs-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.blogpage-relatedblogs-content {
width: 260px;
}
.blogpage-relatedblogs-blogtitle {
color: #fff;
font-size: 17px;
font-weight: bold;
margin: 0 0 20px 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.blogpage-relatedblogs-date {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #A5A5A5;
}
.modalblock {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background: rgba(0, 0, 0, 0.6);
z-index: 9999;
-webkit-transition: all 2.3s;
transition: all 2.3s;
display: none;
}
.modalblock.__active {
display: block;
}
.modalblock-container {
background-color: #fff;
margin: 120px auto;
width: 95%;
position: relative;
}
@media (min-width: 768px) {
.modalblock-container {
width: 95%;
}
}
@media (min-width: 992px) {
.modalblock-container {
width: 80%;
}
}
@media (min-width: 1200px) {
.modalblock-container {
width: 60%;
}
}
.modalblock-content {
padding: 40px;
}
.modalblock-close {
width: 40px;
height: 40px;
background: #000;
position: absolute;
top: 20px;
right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.modalblock-close::after {
display: inline-block;
text-transform: none;
vertical-align: middle;
font-family: icomoon;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
content: "\e910";
font-size: 18px;
color: #fff;
}
.modalblock-close:hover, .modalblock-close:focus {
opacity: 0.7;
}
.modalblock.__blogform .modalblock-container {
max-width: 740px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 768px) {
.modalblock.__blogform .modalblock-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.modalblock.__blogform .modalblock-image {
min-width: 100%;
max-width: 100%;
width: 100%;
height: 300px;
}
@media (min-width: 768px) {
.modalblock.__blogform .modalblock-image {
min-width: 330px;
max-width: 330px;
width: 330px;
height: 490px;
}
}
.modalblock.__blogform .modalblock-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.modalblock.__blogform .modalblock-title {
font-size: 22px;
font-weight: bold;
color: #000;
line-height: 1.5;
}
input[type=text]:disabled, select:disabled {
background-color: #f0f0f0;
cursor: not-allowed;
}
.application-master .switch-field label {
min-width: -webkit-min-content;
min-width: -moz-min-content;
min-width: min-content;
}
/*------------------------------------*\
COMPONENTS
\*------------------------------------*/
.label__media, .navigation--tertiary .navigation__icon, .label__content, .navigation--tertiary .navigation__text {
vertical-align: middle;
display: inline-block;
}
.label__media, .navigation--tertiary .navigation__icon {
margin: 0 10px 0 0;
}
.label--rev .label__media, .label--rev .navigation--tertiary .navigation__icon, .navigation--tertiary .label--rev .navigation__icon {
margin: 0 0 0 10px;
}
.label--push .label__media, .label--push .navigation--tertiary .navigation__icon, .navigation--tertiary .label--push .navigation__icon {
margin: 0 20px 0 0;
}
.label--stacked .label__media, .label--stacked .navigation--tertiary .navigation__icon, .navigation--tertiary .label--stacked .navigation__icon,
.label--stacked .label__content,
.label--stacked .navigation--tertiary .navigation__text,
.navigation--tertiary .label--stacked .navigation__text {
display: block;
}
.label--stacked .label__media, .label--stacked .navigation--tertiary .navigation__icon, .navigation--tertiary .label--stacked .navigation__icon {
margin: 0 0 7px;
}
.button {
display: inline-block;
padding: 18px 20px 17px;
font-size: 19px;
font-size: 1.0555555556rem;
font-weight: bold;
text-transform: uppercase;
color: #fff;
background-color: #000;
border: none;
margin: 0;
cursor: pointer;
font-family: "Frutiger", Helvetica, Arial, sans-serif;
text-align: left;
text-decoration: none;
-webkit-transition: all 100ms linear;
transition: all 100ms linear;
}
.button:hover, .button:focus {
background-color: #d6001c;
color: #fff;
}
.button--full {
width: 100%;
}
.button--inverted {
color: #2b2e40 !important;
background-color: #fff !important;
}
.button--progress {
position: relative;
padding-right: 45px !important;
}
.button--progress::after {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "Icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: ">";
position: absolute;
right: 20px;
font-size: 15px;
color: #d6001c;
top: 50%;
margin-top: -7.5px;
}
.button--progress:hover::after, .button--progress:focus::after {
color: #fff !important;
}
.button--tick {
position: relative;
padding-right: 45px !important;
}
.button--tick::after {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "Icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "/";
position: absolute;
right: 20px;
font-size: 15px;
color: #47b74b;
top: 50%;
margin-top: -7.5px;
}
.button--tick:hover, .button--tick:focus {
text-decoration: none;
background-color: #47b74b;
}
.button--tick:hover::after, .button--tick:focus::after {
color: #FFF !important;
}
.button--back {
position: relative;
padding-left: 20px !important;
}
.button--back::before {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "Icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "<";
position: absolute;
left: 0;
font-size: 15px;
color: #d6001c;
top: 50%;
margin-top: -7.5px;
}
.button--brand {
background-color: #d6001c;
}
.button--brand::after {
color: #fff;
}
.button--brand:hover, .button--brand:focus {
background-color: #fff;
color: #d6001c;
}
.button--brand:hover::after, .button--brand:focus::after {
color: #d6001c !important;
}
.button--bare {
padding: 0;
background-color: transparent !important;
color: #1d1d1b;
}
.button--bare.button--progress {
padding-right: 20px !important;
}
.button--bare.button--progress::after {
right: 0;
}
.button--bare:hover, .button--bare:hover::after, .button--bare:focus, .button--bare:focus::after {
color: #d6001c !important;
}
.button--minor {
font-size: 19px;
font-size: 1.0555555556rem;
}
.icon, .alert--warning .alert__icon, .alert--info .alert__icon, .tabs__accordion-title:before, .navigation--primary > .navigation__item.has-children::after, .application-master .form__group.popped .more-info__icon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "Icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon--log-out:before {
content: "\e900";
}
.icon--note:before {
content: "\e901";
}
.icon--agriculture:before {
content: "g";
}
.icon--animal:before {
content: "a";
}
.icon--book:before {
content: "b";
}
.icon--calendar:before {
content: "c";
}
.icon--checkbox:before {
content: "h";
}
.icon--close:before {
content: "x";
}
.icon--equine:before {
content: "e";
}
.icon--folder:before {
content: "f";
}
.icon--globe:before {
content: "G";
}
.icon--grid:before {
content: "r";
}
.icon--info:before, .alert--info .alert__icon:before {
content: "i";
}
.icon--menu:before {
content: "=";
}
.icon--phone:before {
content: "p";
}
.icon--search:before {
content: "s";
}
.icon--sport:before {
content: "S";
}
.icon--youtube:before {
content: "y";
}
.icon--up:before {
content: "^";
}
.icon--right:before {
content: ">";
}
.icon--left:before {
content: "<";
}
.icon--down:before {
content: "v";
}
.icon--download:before {
content: "d";
}
.icon--facebook:before {
content: "F";
}
.icon--twitter:before {
content: "t";
}
.icon--play:before {
content: "P";
}
.icon--linkedin:before {
content: "l";
}
.icon--instagram:before {
content: "I";
}
.icon--quote:before {
content: '"';
}
.icon--pause:before {
content: "u";
}
.icon--warning:before, .alert--warning .alert__icon:before {
content: "w";
}
.icon--arrow:before, .application-master .form__group.popped .more-info__icon:before {
content: "A";
}
.icon--check:before {
content: "/";
}
.icon--info-inverted:before {
content: "n";
}
.icon--plus:before {
content: "+";
}
.icon--clock:before {
content: "C";
}
.icon--trash:before {
content: "T";
}
.icon--user:before {
content: "U";
}
.icon--save:before {
content: "V";
}
.navigation--primary {
margin: 0;
padding: 0;
list-style: none outside none;
-ms-flex-pack: distribute;
-moz-justify-content: space-around;
justify-content: space-around;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-moz-align-items: stretch;
align-items: stretch;
border-right: 1px solid #c9c9c9;
background-color: #fff;
}
.navigation--primary > .navigation__item {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-moz-align-items: stretch;
align-items: stretch;
-webkit-box-flex: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
font-size: 18px;
font-size: 1rem;
min-height: 75px;
border-left: 1px solid #c9c9c9;
position: relative;
}
.navigation--primary > .navigation__item:hover .navigation__children, .navigation--primary > .navigation__item.is-hovered .navigation__children {
display: block;
}
.navigation--primary > .navigation__item.has-children {
position: relative;
}
.navigation--primary > .navigation__item.has-children::after {
content: "v";
position: absolute;
right: 20px;
top: 50%;
font-size: 14px;
margin-top: -7px;
color: #d6001c;
}
.navigation--primary > .navigation__item.has-children .navigation__link {
padding-right: 35px;
}
.navigation--primary .navigation__link {
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
width: 100%;
font-weight: bold;
color: #1d1d1b;
padding: 0 15px;
text-decoration: none;
text-transform: uppercase;
}
.navigation--primary .navigation__link:hover, .navigation--primary .navigation__link.is-hovered, .navigation--primary .navigation__link:focus {
color: #d6001c;
}
.navigation--primary .navigation__children {
display: none;
position: absolute;
top: calc(100% - 5px);
left: 0;
width: 100%;
}
.navigation--primary .navigation__children .dropdown-menu__item:hover .navigation__grandchildren,
.navigation--primary .navigation__children .is-hovered .navigation__grandchildren {
display: block;
}
.navigation--primary .navigation__grandchildren {
display: none;
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
.navigation--secondary {
margin: 0;
text-align: right;
display: none;
}
@media only screen and (min-width: 1024px) {
.navigation--secondary {
display: inline-block;
}
}
.navigation--secondary .navigation__link {
text-decoration: none;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
padding: 0;
}
@media only screen and (min-width: 1200px) {
.navigation--secondary .navigation__link {
padding: 0 5px;
}
}
.navigation--secondary .navigation__link:hover, .is-hovered .navigation--secondary .navigation__link {
color: #8d8d8e;
}
.navigation--secondary .navigation__item {
position: relative;
}
.navigation--secondary .navigation__item:hover .navigation__children, .navigation--secondary .navigation__item.is-hovered .navigation__children {
display: block;
}
.navigation--secondary .navigation__item.is-active .navigation__link {
color: #d6001c;
}
.navigation--secondary .navigation__children {
display: none;
position: absolute;
top: 100%;
left: -15px;
width: 100%;
}
.login--navigation {
display: none;
list-style: none;
margin: 0;
padding: 0;
border-left: 1px solid #b82218;
}
.login--navigation.is-active .dropdown-menu {
display: block;
}
@media only screen and (min-width: 1024px) {
.login--navigation {
display: inline-block;
}
}
.login--navigation .navigation__item {
position: relative;
padding: 5px;
width: 75px;
height: 67px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
/*&:hover {
.navigation__children {
display: block;
}
}*/
}
.login--navigation .label__content, .login--navigation .navigation--tertiary .navigation__text, .navigation--tertiary .login--navigation .navigation__text {
color: #fff;
text-align: center;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
font-size: 0.6666666667rem;
font-weight: bold;
padding: 5px 0;
}
.login--navigation .navigation__children {
display: none;
position: absolute;
top: 67px;
right: -1px;
width: 140px !important;
z-index: 200;
}
.login--navigation .course-widget__icon {
color: #fff;
margin: 0 auto;
position: relative;
padding-left: 5px;
padding-right: 25px;
margin-top: 7px;
}
.login--navigation .course-widget__icon:after {
font-family: "Icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "v";
position: absolute;
left: 35px;
font-size: 14px;
color: #fff;
top: 10px;
margin-top: -7px;
}
.login--navigation .dropdown-menu--alt {
background-color: #d6001c;
border: 1px solid #b82218;
}
.login--navigation .dropdown-menu--alt:before {
content: "";
position: absolute;
bottom: calc(100% - 2px);
right: 0;
width: 75px;
height: 15px;
background: #d6001c;
}
.login--navigation .dropdown-menu--alt .dropdown-menu__link:hover,
.login--navigation .dropdown-menu--alt .dropdown-menu__link:focus {
color: #1d1d1b;
}
.navigation--tertiary {
height: 100%;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-moz-align-items: stretch;
align-items: stretch;
text-align: left;
margin: 0;
}
.navigation--tertiary .navigation__item {
margin: 0 12px;
}
.navigation--tertiary .navigation__link {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
padding: 0;
color: #fff;
text-decoration: none;
font-weight: bold;
}
.navigation--tertiary .navigation__link:hover, .navigation--tertiary .navigation__link:focus {
color: #8d8d8e;
}
.navigation--tertiary .navigation__icon {
margin-right: 8px;
font-size: 21px;
color: #40403d;
}
.navigation--tertiary .navigation__text {
text-transform: uppercase;
font-size: 14px;
}
.navigation--areas {
margin: 0;
}
@media only screen and (min-width: 1024px) {
.navigation--areas {
margin: 3px 0 0;
text-align: left;
}
}
.navigation--areas .navigation__item {
width: 50%;
display: inline-block;
padding-left: 2px;
}
.navigation--areas .navigation__item:first-of-type {
padding-left: 0;
padding-right: 2px;
}
@media only screen and (min-width: 1024px) {
.navigation--areas .navigation__item {
width: auto;
}
}
.navigation--areas .navigation__link {
padding: 12px;
display: block;
background-color: #292927;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
@media only screen and (min-width: 1024px) {
.navigation--areas .navigation__link {
font-size: 19px;
padding: 9px 15px;
}
}
.navigation--areas .navigation__link:hover, .navigation--areas .navigation__link:focus {
background-color: #d22b1e;
}
.navigation--areas .navigation__link.is-active {
background-color: #d6001c;
}
.navigation--palm {
position: absolute;
top: 0;
right: 0;
width: 240px;
overflow: hidden;
display: none;
height: 100%;
background-color: #fff;
}
@media only screen and (max-width: 1023px) {
.navigation--palm.is-toggled {
display: block;
}
}
.navigation--palm:before {
content: "";
position: absolute;
top: -3px;
right: 0;
display: block;
width: 100%;
height: 1px;
}
.navigation--palm .navigation__primary {
margin: 0;
border-bottom: 1px solid #d8d8d8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navigation--palm .navigation__primary > .navigation__item {
letter-spacing: -0.31em;
border-top: 1px solid #d8d8d8;
display: block;
width: 100%;
}
.navigation--palm .navigation__primary > .navigation__item > * {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
}
.navigation--palm .navigation__primary .navigation__link {
text-decoration: none;
text-transform: uppercase;
color: #1d1d1b;
width: calc(100% - 40px);
font-size: 15px;
font-size: 0.8333333333rem;
font-weight: bold;
padding: 15px 0 15px 20px;
}
.navigation--palm .navigation__primary .navigation__link:hover, .navigation--palm .navigation__primary .navigation__link:focus {
color: #d6001c;
}
.navigation--palm .navigation__primary .navigation__toggle {
text-align: center;
text-decoration: none;
width: 40px;
padding: 10px 0;
font-size: 16px;
}
.navigation--palm .navigation__primary .navigation__item--featured {
width: 50%;
border-top: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
text-align: center;
display: inline-block;
margin: 0 auto;
list-style: none;
}
.navigation--palm .navigation__primary .navigation__item--featured .navigation__link {
width: 100%;
display: block;
font-size: 10px;
padding: 10px 5px;
}
.navigation--palm .navigation__primary .navigation__item--featured .navigation__icon {
color: #d6001c;
font-size: 20px;
}
.navigation--palm .navigation__primary .navigation__item--full-width {
width: 100%;
}
.navigation--palm .navigation__primary .navigation__item--full-width .navigation__link {
padding-top: 19px;
padding-bottom: 19px;
}
.navigation--palm .navigation__primary .navigation__item--borderless {
border-left: none;
}
.navigation--palm .navigation__secondary, .navigation--palm .navigation__children, .navigation--palm .navigation__children .navigation__children, .navigation--palm .navigation__secondary .navigation__children {
margin: 10px 0 0;
width: 100%;
}
.navigation--palm .navigation__secondary > .navigation__item, .navigation--palm .navigation__children > .navigation__item, .navigation--palm .navigation__children .navigation__children > .navigation__item, .navigation--palm .navigation__children .navigation__children .navigation__children > .navigation__item {
letter-spacing: -0.31em;
}
.navigation--palm .navigation__secondary > .navigation__item > *, .navigation--palm .navigation__children > .navigation__item > *, .navigation--palm .navigation__children .navigation__children > .navigation__item > *, .navigation--palm .navigation__children .navigation__children .navigation__children > .navigation__item > * {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
}
.navigation--palm .navigation__secondary .navigation__link, .navigation--palm .navigation__children .navigation__link {
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
padding: 9px 20px;
color: #1d1d1b;
width: calc(100% - 40px);
}
.navigation--palm .navigation__secondary .navigation__link:hover, .navigation--palm .navigation__children .navigation__link:hover, .navigation--palm .navigation__secondary .navigation__link:focus, .navigation--palm .navigation__children .navigation__link:focus {
color: #d6001c;
}
.navigation--palm .navigation__secondary .navigation__toggle, .navigation--palm .navigation__children .navigation__toggle {
text-align: center;
text-decoration: none;
width: 40px;
padding: 10px 0;
font-size: 16px;
}
.navigation--palm .navigation__secondary .navigation__children, .navigation--palm .navigation__children .navigation__children {
margin-top: 0;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #d8d8d8;
}
.navigation--palm .navigation__secondary .navigation__children .navigation__link, .navigation--palm .navigation__children .navigation__children .navigation__link {
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
width: 100%;
}
.navigation--palm .navigation__children {
margin-top: 0;
}
.navigation--palm .navigation__social {
padding: 10px 10px 0;
}
.tile + .tile {
margin-top: 10px;
}
.tile__img {
display: block;
width: 100%;
}
.tile__inner {
background-color: #f4f4f4;
padding: 25px;
}
.tile__content {
background-color: #fff;
margin: 0 15px;
padding: 20px 30px;
}
.tile__content--hard {
padding: 0 !important;
}
@media only screen and (min-width: 1024px) {
.tile__content {
margin: 25px 30px;
padding: 40px 60px;
}
}
.tile__heading {
font-size: 24px;
font-size: 1.3333333333rem;
margin-bottom: 25px;
}
.tile__title {
font-size: 21px;
font-size: 1.1666666667rem;
margin-bottom: 25px;
text-transform: none;
}
.responsive-media {
background-color: #f4f4f4;
}
.responsive-media__media img {
display: block;
}
.content {
padding-top: 20px;
padding-bottom: 20px;
}
@media only screen and (min-width: 669px) {
.content {
padding-top: 40px;
padding-bottom: 40px;
}
}
.content__inner {
margin-left: -50px;
}
.content__intro {
display: block;
margin: 0 auto 35px;
max-width: 610px;
text-align: center;
}
.content__section {
padding-left: 50px;
}
.content__section:first-of-type {
margin-bottom: 20px;
}
@media only screen and (min-width: 669px) {
.content__section:first-of-type {
margin-bottom: 0;
}
}
.content--split + .content--split {
padding-top: 0;
margin-top: -10px;
}
.content--aside .content__aside {
padding-left: 50px;
}
.content--aside + .content--aside {
padding-top: 0;
margin-top: -10px;
}
.content--brand {
background-color: #d6001c;
}
.content--brand h6, .content--brand h5, .content--brand h4, .content--brand h3, .content--brand h2, .content--brand h1 {
color: #fff;
}
.content--secondary {
background-color: #f4f4f4;
}
.content--tertiary {
background-color: #1d1d1b;
}
.video-player {
max-width: 100%;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
position: relative;
}
.video-player__embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-player__poster {
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
-moz-justify-content: flex-end;
justify-content: flex-end;
height: 100%;
width: 100%;
position: absolute;
cursor: pointer;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.video-player__poster:hover .video-player__title, .video-player__poster:focus .video-player__title {
background-color: #d6001c;
}
.video-player__content {
-webkit-box-pack: end;
-ms-flex-pack: end;
-moz-justify-content: flex-end;
justify-content: flex-end;
margin: 0;
height: 50px;
}
.video-player__icon {
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
font-size: 24px;
font-size: 1.3333333333rem;
background-color: #d6001c;
color: #fff;
padding: 20px;
}
.video-player__title {
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
font-size: 18px;
font-size: 1rem;
-webkit-transition: all 100ms linear;
transition: all 100ms linear;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
padding: 20px;
}
.logo {
fill: #fff;
}
.logo__inner {
width: 85px;
height: 35.417px;
}
@media only screen and (min-width: 1024px) {
.logo__inner {
width: 156px;
height: 65px;
}
}
.logo--minor, .logo--fixed {
padding: 4px 0 0 2px;
height: 44px;
}
.logo--minor .logo__inner, .logo--fixed .logo__inner {
width: 46px;
}
.logo--minor .logo__text, .logo--fixed .logo__text {
display: none;
}
.logo--fixed {
position: fixed;
top: 0;
left: 0;
background-color: #d6001c;
}
@media only screen and (min-width: 1400px) {
.logo--fixed {
left: auto;
-webkit-transform: translateX(-115px);
-ms-transform: translateX(-115px);
transform: translateX(-115px);
}
}
@media only screen and (max-width: 1023px) {
.logo--fixed {
display: none !important;
}
}
.logo__inner--fixed {
display: none;
}
.logo--fixed .logo__inner {
display: none;
}
.logo--fixed .logo__inner--fixed {
display: block;
width: 20px;
height: 25px;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
}
.social-media {
margin-bottom: 0;
}
.social-media--minor .social-media__item {
margin: 0;
}
.social-media--minor .social-media__link {
color: #fff;
font-size: 19px;
}
.social-media--inverted .social-media__item {
list-style: none;
}
.social-media--inverted .social-media__link {
color: #d6001c !important;
}
.social-media--inverted .social-media__link:hover, .social-media--inverted .social-media__link:focus {
color: #1d1d1b !important;
}
.social-media__item {
margin: 0 2px;
}
.social-media__link {
color: #1d1d1b;
text-decoration: none;
font-size: 29px;
}
.social-media__link:hover, .social-media__link:focus {
color: #d6001c;
}
.site-search {
border: 1px solid #b82218;
}
.site-search__inner {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
letter-spacing: -0.31em;
width: 100%;
color: #fff;
background-color: #d22b1e;
padding: 15px;
}
.site-search__inner > * {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
}
@media only screen and (min-width: 1024px) {
.site-search__inner {
min-height: 67px;
padding: 0;
position: relative;
}
}
.site-search__button {
-webkit-transition: all 100ms linear;
transition: all 100ms linear;
}
@media only screen and (max-width: 1023px) {
.site-search__button {
width: 30px !important;
}
}
@media only screen and (min-width: 1024px) {
.site-search__button {
position: absolute;
top: 0;
right: 0;
height: 100%;
}
}
.site-search__icon, .site-search__button {
color: #fff;
background-color: transparent;
padding: 0;
margin: 0;
border: none;
outline: none;
text-align: right;
font-size: 20px;
}
@media only screen and (min-width: 1024px) {
.site-search__icon, .site-search__button {
width: 70px;
font-size: 24px;
text-align: center;
}
}
.site-search__icon {
cursor: pointer;
}
@media only screen and (min-width: 1024px) {
.site-search__icon {
display: none;
}
}
.site-search__reset {
display: none;
background-color: transparent;
border: none;
padding: 0;
font-size: 28px;
width: 70px;
text-align: center;
color: #fff;
background-color: #d22b1e;
outline: none;
-webkit-transition: all 100ms linear;
transition: all 100ms linear;
}
@media only screen and (min-width: 1024px) {
.site-search__reset {
position: absolute;
top: 0;
right: 0;
height: 100%;
display: block;
}
}
.site-search__field {
padding: 0 !important;
outline: none;
border: none !important;
background-color: transparent;
color: #fff;
font-size: 16px;
-webkit-transition: all 100ms linear;
transition: all 100ms linear;
}
@media only screen and (max-width: 1023px) {
.site-search__field {
width: calc(100% - 30px) !important;
}
}
@media only screen and (min-width: 1024px) {
.site-search__field {
font-size: 24px;
padding: 0 5px 0 15px !important;
min-height: 66px;
}
}
@media only screen and (min-width: 1400px) {
.site-search__field {
font-size: 27px;
}
}
.site-search__field::-webkit-input-placeholder {
color: #fff;
}
.site-search__field:-moz-placeholder { /* Firefox 18- */
color: #fff;
}
.site-search__field::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
.site-search__field:-ms-input-placeholder {
color: #fff;
}
@media only screen and (min-width: 1024px) {
.site-search__field:focus {
background-color: #fff;
color: #1d1d1b;
}
.site-search__field:focus + .site-search__button {
color: #d6001c !important;
}
.site-search__field:focus ~ .site-search__reset {
background-color: #fff;
color: #d6001c;
}
}
.site-search .site-search__button:focus {
border: solid 1px #fff;
}
.site-search.is-open .site-search__inner {
display: block;
position: absolute;
width: 100%;
top: 100%;
left: 0;
border-top: 1px solid #b82218;
border-bottom: 1px solid #b82218;
}
.site-search--widget {
border: none;
}
.site-search--widget .site-search__inner {
display: none;
}
@media only screen and (min-width: 1024px) {
.site-search--widget .site-search__inner {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
}
.site-search--full {
border: none;
background-color: #d6001c;
padding: 15px 0;
}
.site-search--full .site-search__inner {
border: 1px solid #b82218;
}
.course-widget__inner {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-moz-align-items: stretch;
align-items: stretch;
}
@media only screen and (max-width: 1023px) {
.course-widget__inner {
height: 58px;
}
}
@media only screen and (min-width: 1024px) {
.course-widget__inner {
border: 1px solid #b82218;
min-height: 66px;
}
}
@media only screen and (min-width: 1024px) {
.course-widget__search {
-webkit-box-flex: 2;
-moz-flex: 2 1 60%;
-ms-flex: 2 1 60%;
flex: 2 1 60%;
}
}
.course-widget__icon {
font-size: 18px;
margin: 0 0 5px 0;
}
@media only screen and (min-width: 1024px) {
.course-widget__icon {
margin: 0 10px 0 0;
font-size: 20px;
}
}
.course-widget__menu {
position: absolute;
top: 78px;
left: 0;
display: none;
}
.course-widget__button, .course-widget__button--major,
.course-widget__button .course-widget__button-inner,
.course-widget__button--major .course-widget__button-inner {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
-webkit-transition: all 100ms linear;
transition: all 100ms linear;
width: 135px;
border-left: 1px solid #b82218;
color: #fff;
text-align: center;
text-transform: uppercase;
text-decoration: none;
font-size: 18.9px;
font-size: 1.05rem;
line-height: 1.164021164;
font-weight: bold;
padding: 5px;
}
@media only screen and (max-width: 1023px) {
.course-widget__button, .course-widget__button--major,
.course-widget__button .course-widget__button-inner,
.course-widget__button--major .course-widget__button-inner {
font-size: 19px;
width: 80px;
}
}
.course-widget__button:hover, .course-widget__button--major:hover,
.course-widget__button .course-widget__button-inner:hover,
.course-widget__button--major .course-widget__button-inner:hover, .course-widget__button:focus, .course-widget__button--major:focus,
.course-widget__button .course-widget__button-inner:focus,
.course-widget__button--major .course-widget__button-inner:focus, .course-widget__button.is-active, .is-active.course-widget__button--major,
.course-widget__button .is-active.course-widget__button-inner,
.course-widget__button--major .is-active.course-widget__button-inner {
background-color: #d22b1e;
}
@media only screen and (max-width: 1023px) {
.course-widget__button--minor {
display: none;
}
}
.course-widget__button--major,
.course-widget__button .course-widget__button-inner,
.course-widget__button--major .course-widget__button-inner {
padding: 0;
}
@media only screen and (min-width: 1024px) {
.course-widget__button--major,
.course-widget__button .course-widget__button-inner,
.course-widget__button--major .course-widget__button-inner {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
border-left: none;
border-right: 1px solid #b82218;
width: 190px;
font-size: 25px;
}
.course-widget__button--major .course-widget__icon,
.course-widget__button .course-widget__button-inner .course-widget__icon {
font-size: 24px;
}
}
@media only screen and (min-width: 1024px) {
.course-widget__button--major:hover,
.course-widget__button--major:hover .course-widget__button-inner, .course-widget__button--major:focus,
.course-widget__button--major:focus .course-widget__button-inner,
.course-widget__button .course-widget__button-inner:hover,
.course-widget__button--major .course-widget__button-inner:hover,
.course-widget__button .course-widget__button-inner:hover .course-widget__button-inner,
.course-widget__button--major .course-widget__button-inner:hover .course-widget__button-inner,
.course-widget__button .course-widget__button-inner:focus,
.course-widget__button--major .course-widget__button-inner:focus,
.course-widget__button .course-widget__button-inner:focus .course-widget__button-inner,
.course-widget__button--major .course-widget__button-inner:focus .course-widget__button-inner {
background-color: #fff;
color: #1d1d1b !important;
}
.course-widget__button--major:hover .icon, .course-widget__button--major:hover .alert--warning .alert__icon, .alert--warning .course-widget__button--major:hover .alert__icon, .course-widget__button--major:hover .alert--info .alert__icon, .alert--info .course-widget__button--major:hover .alert__icon, .course-widget__button--major:hover .tabs__accordion-title:before, .course-widget__button--major:hover .application-master .form__group.popped .more-info__icon, .application-master .form__group.popped .course-widget__button--major:hover .more-info__icon, .course-widget__button--major:hover .navigation--primary > .navigation__item.has-children::after,
.course-widget__button--major:hover .course-widget__button-inner .icon, .course-widget__button--major:focus .icon, .course-widget__button--major:focus .alert--warning .alert__icon, .alert--warning .course-widget__button--major:focus .alert__icon, .course-widget__button--major:focus .alert--info .alert__icon, .alert--info .course-widget__button--major:focus .alert__icon, .course-widget__button--major:focus .tabs__accordion-title:before, .course-widget__button--major:focus .application-master .form__group.popped .more-info__icon, .application-master .form__group.popped .course-widget__button--major:focus .more-info__icon, .course-widget__button--major:focus .navigation--primary > .navigation__item.has-children::after,
.course-widget__button--major:focus .course-widget__button-inner .icon,
.course-widget__button .course-widget__button-inner:hover .icon,
.course-widget__button .course-widget__button-inner:hover .alert--warning .alert__icon,
.alert--warning .course-widget__button .course-widget__button-inner:hover .alert__icon,
.course-widget__button .course-widget__button-inner:hover .alert--info .alert__icon,
.alert--info .course-widget__button .course-widget__button-inner:hover .alert__icon,
.course-widget__button .course-widget__button-inner:hover .tabs__accordion-title:before,
.course-widget__button--major .course-widget__button-inner:hover .icon,
.course-widget__button--major .course-widget__button-inner:hover .alert--warning .alert__icon,
.alert--warning .course-widget__button--major .course-widget__button-inner:hover .alert__icon,
.course-widget__button--major .course-widget__button-inner:hover .alert--info .alert__icon,
.alert--info .course-widget__button--major .course-widget__button-inner:hover .alert__icon,
.course-widget__button--major .course-widget__button-inner:hover .tabs__accordion-title:before,
.course-widget__button .course-widget__button-inner:hover .application-master .form__group.popped .more-info__icon,
.application-master .form__group.popped .course-widget__button .course-widget__button-inner:hover .more-info__icon,
.course-widget__button--major .course-widget__button-inner:hover .application-master .form__group.popped .more-info__icon,
.application-master .form__group.popped .course-widget__button--major .course-widget__button-inner:hover .more-info__icon,
.course-widget__button .course-widget__button-inner:hover .navigation--primary > .navigation__item.has-children::after,
.course-widget__button--major .course-widget__button-inner:hover .navigation--primary > .navigation__item.has-children::after,
.course-widget__button .course-widget__button-inner:hover .course-widget__button-inner .icon,
.course-widget__button .course-widget__button-inner:focus .icon,
.course-widget__button .course-widget__button-inner:focus .alert--warning .alert__icon,
.alert--warning .course-widget__button .course-widget__button-inner:focus .alert__icon,
.course-widget__button .course-widget__button-inner:focus .alert--info .alert__icon,
.alert--info .course-widget__button .course-widget__button-inner:focus .alert__icon,
.course-widget__button .course-widget__button-inner:focus .tabs__accordion-title:before,
.course-widget__button--major .course-widget__button-inner:focus .icon,
.course-widget__button--major .course-widget__button-inner:focus .alert--warning .alert__icon,
.alert--warning .course-widget__button--major .course-widget__button-inner:focus .alert__icon,
.course-widget__button--major .course-widget__button-inner:focus .alert--info .alert__icon,
.alert--info .course-widget__button--major .course-widget__button-inner:focus .alert__icon,
.course-widget__button--major .course-widget__button-inner:focus .tabs__accordion-title:before,
.course-widget__button .course-widget__button-inner:focus .application-master .form__group.popped .more-info__icon,
.application-master .form__group.popped .course-widget__button .course-widget__button-inner:focus .more-info__icon,
.course-widget__button--major .course-widget__button-inner:focus .application-master .form__group.popped .more-info__icon,
.application-master .form__group.popped .course-widget__button--major .course-widget__button-inner:focus .more-info__icon,
.course-widget__button .course-widget__button-inner:focus .navigation--primary > .navigation__item.has-children::after,
.course-widget__button--major .course-widget__button-inner:focus .navigation--primary > .navigation__item.has-children::after,
.course-widget__button .course-widget__button-inner:focus .course-widget__button-inner .icon {
color: #d6001c;
}
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
.course-widget__button--major:hover .course-widget__menu,
.course-widget__button--major:hover .course-widget__button-inner .course-widget__menu, .course-widget__button--major:focus .course-widget__menu,
.course-widget__button--major:focus .course-widget__button-inner .course-widget__menu,
.course-widget__button .course-widget__button-inner:hover .course-widget__menu,
.course-widget__button--major .course-widget__button-inner:hover .course-widget__menu,
.course-widget__button .course-widget__button-inner:hover .course-widget__button-inner .course-widget__menu,
.course-widget__button .course-widget__button-inner:focus .course-widget__menu,
.course-widget__button--major .course-widget__button-inner:focus .course-widget__menu,
.course-widget__button .course-widget__button-inner:focus .course-widget__button-inner .course-widget__menu {
display: block;
}
}
@media only screen and (max-width: 1023px) {
.course-widget__button--major,
.course-widget__button--major .course-widget__button-inner {
display: block !important;
padding-top: 3px;
}
}
.course-widget__button .course-widget__button-inner, .course-widget__button--major .course-widget__button-inner {
border: none;
height: 100%;
}
.course-widget.course-widget--panel {
padding: 60px 15px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.course-widget.course-widget--panel .inner {
padding: 40px;
background-color: rgba(0, 0, 0, 0.6);
}
.course-widget.course-widget--panel .inner h2, .course-widget.course-widget--panel .inner p {
color: #fff;
}
.course-widget.course-widget--panel .course-widget__inner {
margin-top: 40px;
border: none;
background-color: #d6001c;
}
.course-widget.course-widget--panel .course-widget__button, .course-widget.course-widget--panel .course-widget__button--major,
.course-widget.course-widget--panel .course-widget__button .course-widget__button-inner,
.course-widget__button .course-widget.course-widget--panel .course-widget__button-inner,
.course-widget.course-widget--panel .course-widget__button--major .course-widget__button-inner,
.course-widget__button--major .course-widget.course-widget--panel .course-widget__button-inner {
border: 1px solid #b82218;
}
.course-widget.course-widget--panel .course-widget__button .course-widget__button-inner, .course-widget.course-widget--panel .course-widget__button--major .course-widget__button-inner,
.course-widget__button .course-widget.course-widget--panel .course-widget__button-inner .course-widget__button-inner,
.course-widget__button--major .course-widget.course-widget--panel .course-widget__button-inner .course-widget__button-inner {
border: none;
}
.course-widget.course-widget--panel .site-search--full {
padding: 0;
}
.course-widget.course-widget--panel .site-search--full .site-search__inner {
border: 1px solid #c9c9c9;
}
.course-widget.course-widget--panel .course-widget__search {
width: 100%;
}
.course-widget.course-widget--panel .site-search__inner {
background-color: #FFF;
}
.course-widget.course-widget--panel .site-search__inner,
.course-widget.course-widget--panel input[type=search],
.course-widget.course-widget--panel .site-search__button {
color: #1d1d1b;
}
.course-widget.course-widget--panel .site-search__field::-webkit-input-placeholder {
color: #1d1d1b;
}
.course-widget.course-widget--panel .site-search__field:-moz-placeholder { /* Firefox 18- */
color: #1d1d1b;
}
.course-widget.course-widget--panel .site-search__field::-moz-placeholder { /* Firefox 19+ */
color: #1d1d1b;
}
.course-widget.course-widget--panel .site-search__field:-ms-input-placeholder {
color: #1d1d1b;
}
@media only screen and (max-width: 1023px) {
.course-widget.course-widget--panel .course-widget__button--major {
padding-top: 6px;
}
}
.mega-menu {
background-color: #fff;
width: 100%;
padding: 40px 0;
}
.mega-menu__inner {
margin-left: -75px;
text-align: left;
}
.mega-menu__content {
padding-left: 75px;
}
.mega-menu__heading {
font-size: 24px;
font-size: 1.3333333333rem;
font-weight: normal;
margin-bottom: 30px;
text-transform: none;
}
.buttons-list {
margin: 0;
padding: 0;
list-style: none outside none;
}
.buttons-list--split {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -20px;
margin-bottom: -20px;
}
.buttons-list--split .buttons-list__item {
-webkit-box-flex: 1;
-moz-flex: 1 0 50%;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
padding: 0;
margin: 0;
padding-left: 20px;
margin-bottom: 20px;
line-height: 1;
font-size: 1%;
}
.buttons-list--banner {
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
}
.buttons-list--row .buttons-list__item {
margin: 10px 0;
}
@media only screen and (min-width: 669px) {
.buttons-list--row {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: none;
flex-wrap: nowrap;
}
.buttons-list--row .buttons-list__item {
margin: 0 10px;
}
}
.buttons-list--push-bottom .buttons-list__item {
margin: 0 0 10px 0;
}
.buttons-list--push-bottom .buttons-list__item:last-of-type {
margin-bottom: 0;
}
@media only screen and (min-width: 669px) {
.buttons-list--push-right .buttons-list__item {
margin: 0 35px 0 0;
}
.buttons-list--push-right .buttons-list__item:last-of-type {
margin-right: 0;
}
}
.buttons-list--push-left {
-webkit-box-pack: end;
-ms-flex-pack: end;
-moz-justify-content: flex-end;
justify-content: flex-end;
}
@media only screen and (min-width: 669px) {
.buttons-list--push-left .buttons-list__item {
margin: 0 0 0 35px;
}
.buttons-list--push-left .buttons-list__item:first-of-type {
margin-left: 0;
}
}
.buttons-list--divided {
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #5d5d5d;
border-bottom: 1px solid #5d5d5d;
}
.contact-info {
font-size: 16px;
font-size: 0.8888888889rem;
line-height: 1.2;
text-align: center;
}
@media only screen and (min-width: 669px) {
.contact-info {
font-size: 18px;
font-size: 1rem;
text-align: left;
}
}
.contact-info__primary {
margin-bottom: 20px;
}
@media only screen and (min-width: 669px) {
.contact-info__primary {
margin-bottom: 0;
}
}
@media only screen and (min-width: 669px) {
.contact-info__tertiary {
margin-top: 20px;
}
}
.contact-info__heading {
font-size: 18.9px;
font-size: 1.05rem;
line-height: 1.164021164;
font-weight: bold;
margin-bottom: 15px;
text-transform: uppercase;
color: #d6001c;
line-height: 1;
}
.contact-info__link {
color: #1d1d1b;
display: inline-block;
margin-bottom: 4px;
}
.contact-info__link:hover, .contact-info__link:focus {
color: #d6001c;
}
.contact-info__link--minor {
text-decoration: underline;
color: #d6001c;
}
.contact-info--major {
margin-top: 30px;
text-align: left;
}
.contact-info--major .contact-info__heading {
color: #1d1d1b;
font-size: 24px;
font-size: 1.3333333333rem;
margin-bottom: 10px;
}
.links-group {
margin: 0;
padding: 0;
list-style: none outside none;
border: 1px solid #d8d8d8;
border-bottom: none;
border-right: none;
vertical-align: top;
}
@media only screen and (max-width: 668px) {
.links-group .column {
width: 100% !important;
}
}
.links-group .column.first .links-group__item:last-of-type, .links-group .column.first .related-content__item:last-of-type {
border-bottom: none;
}
.links-group__item, .related-content__item {
border-bottom: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
}
.links-group__link, .related-content__inner {
display: block;
padding: 18px 0 18px 25px;
background-color: #fff;
color: #1d1d1b;
font-size: 16px;
font-size: 0.8888888889rem;
position: relative;
padding-right: 39px !important;
}
.links-group__link::after, .related-content__inner::after {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "Icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: ">";
position: absolute;
right: 25px;
font-size: 14px;
color: #d6001c;
top: 50%;
margin-top: -7px;
}
.links-group__link:hover, .related-content__inner:hover, .links-group__link:focus, .related-content__inner:focus {
color: #d6001c;
}
.block-list {
margin: 0;
padding: 0;
list-style: none outside none;
border: 1px solid #d8d8d8;
}
.block-list__item {
border-bottom: 1px solid #d8d8d8;
background-color: #fff;
}
.block-list__item:last-of-type {
border: none;
}
.block-list__inner {
padding: 20px;
}
.block-list__inner--soft {
padding: 20px;
}
@media only screen and (min-width: 1024px) {
.block-list__inner--soft {
padding: 30px 35px;
}
}
.block-list__img {
display: block;
margin: 0 auto;
}
.block-list__heading {
font-size: 23px;
font-size: 1.2777777778rem;
margin-bottom: 10px;
color: #d6001c;
font-weight: normal;
text-transform: none;
}
.block-list__heading--strong {
font-weight: bold;
}
@media only screen and (min-width: 669px) {
.block-list__heading--alt {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
min-height: 46px;
margin-bottom: 25px;
}
}
.block-list__content {
font-size: 14px;
font-size: 0.7777777778rem;
margin: 0;
}
.block-list__link {
position: relative;
padding-right: 36px !important;
display: block;
color: #1d1d1b;
}
.block-list__link::after {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "Icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: ">";
position: absolute;
right: 25px;
font-size: 16px;
color: #d6001c;
top: 50%;
margin-top: -8px;
}
.block-list--minor {
margin: 0 auto;
max-width: 900px;
}
@media only screen and (min-width: 669px) {
.block-list--inline {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.block-list--inline .block-list__item {
border-bottom: none;
border-right: 1px solid #d8d8d8;
-webkit-box-flex: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
}
.block-list--inline .block-list__item:last-of-type {
border: none;
}
.block-list--soft {
border-radius: 4px;
}
@media only screen and (min-width: 669px) {
.block-list--courses {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
overflow: hidden;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.block-list--courses {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: none;
border-right: none;
}
}
.block-list--courses .block-list__item {
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
}
@media only screen and (min-width: 669px) {
.block-list--courses .block-list__item {
border-right: 1px solid #d8d8d8;
}
}
@media only screen and (min-width: 1024px) {
.block-list--courses .block-list__item {
-webkit-box-flex: 1;
-moz-flex: 1 0 25%;
-ms-flex: 1 0 25%;
flex: 1 0 25%;
border-bottom: none;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.block-list--courses .block-list__item {
-webkit-box-flex: 1;
-moz-flex: 1 0 50%;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
border-bottom: 1px solid #d8d8d8;
}
}
@media only screen and (max-width: 668px) {
.block-list--courses .block-list__item {
display: block;
}
}
.block-list--courses .block-list__item:hover, .block-list--courses .block-list__item:focus {
background-color: #f4f4f4;
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.block-list--courses .block-list__item:last-of-type {
border-right: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
}
}
.block-list--courses .heading-group__secondary a {
color: #1d1d1b;
-webkit-transition: all 100ms linear;
transition: all 100ms linear;
}
.block-list--courses .heading-group__secondary a:hover, .block-list--courses .heading-group__secondary a:focus {
color: #d6001c;
}
.block-list--free {
max-width: 900px;
margin: 0 auto;
background-color: #fff;
text-align: center;
padding-bottom: 1px;
border: 1px solid #d8d8d8;
border-top: none;
}
.block-list--free h6, .block-list--free h5, .block-list--free h4, .block-list--free h3, .block-list--free h2, .block-list--free h1 {
width: 100%;
border-top: 1px solid #d8d8d8;
color: #d6001c;
padding: 30px 20px 0;
margin: 30px 0;
text-transform: none;
font-size: 23px;
font-size: 1.2777777778rem;
}
.block-list--free h6:first-child, .block-list--free h5:first-child, .block-list--free h4:first-child, .block-list--free h3:first-child, .block-list--free h2:first-child, .block-list--free h1:first-child {
margin-top: 0;
}
.block-list--free p {
margin: 0 auto 30px;
padding: 0 20px;
max-width: 750px;
}
.block-list .field-validation-error {
margin-left: 20px;
margin-right: 20px;
max-width: 100%;
background: #d6001c;
color: #FFF;
padding: 10px;
}
@media only screen and (min-width: 768px) {
.block-list .field-validation-error {
max-width: 100%;
width: 640px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1024px) {
.block-list .field-validation-error {
width: 680px;
}
}
.block-list__form {
margin-top: 50px;
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}
.block-list__form #CourseOption {
width: 100% !important;
}
@media only screen and (min-width: 669px) {
.block-list__form {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between;
max-width: 100%;
width: 680px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1024px) {
.block-list__form {
padding-left: 0;
padding-right: 0;
}
}
.block-list__form .form__group {
padding-left: 0;
margin-bottom: 0;
margin-right: 20px;
position: relative;
width: calc(100% - 240px);
}
@media only screen and (max-width: 668px) {
.block-list__form .form__group {
width: 100%;
margin-right: 0;
}
}
.block-list__form .form__label {
position: absolute;
bottom: 100%;
}
.block-list__form .custom-select {
padding: 0;
height: 55px;
width: 100%;
}
.block-list__form .custom-selectInner {
display: -webkit-box;
display: -moz-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
height: 55px;
padding: 6px 9px;
}
@media only screen and (max-width: 668px) {
.block-list__form .button {
margin-top: 20px;
}
}
.dropdown-menu {
-webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
background-color: #fff;
}
.dropdown-menu__inner {
margin: 0;
padding: 0;
list-style: none outside none;
margin-top: -5px;
padding-bottom: 5px;
}
.dropdown-menu__item.has-children {
position: relative;
}
.dropdown-menu__item.has-children .dropdown-menu__link {
position: relative;
padding-right: 34px !important;
}
.dropdown-menu__item.has-children .dropdown-menu__link::after {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "Icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: ">";
position: absolute;
right: 22px;
font-size: 14px;
color: #d6001c;
top: 50%;
margin-top: -7px;
}
.dropdown-menu__link {
font-size: 15px;
font-size: 0.8333333333rem;
line-height: 1.4666666667;
display: inline-block;
color: #1d1d1b;
text-transform: uppercase;
font-weight: bold;
padding: 12px 15px;
width: 100%;
}
.dropdown-menu__link:hover, .dropdown-menu__link:focus {
color: #d6001c;
}
.dropdown-menu--secondary {
width: 240px !important;
padding: 10px 0 5px;
}
.dropdown-menu--secondary .dropdown-menu__inner {
margin: 0;
}
.dropdown-menu--secondary .dropdown-menu__link {
padding: 5px 5px 5px 20px;
font-size: 12px;
font-size: 0.6666666667rem;
text-align: left;
}
.dropdown-menu--secondary .dropdown-menu__link::after {
font-size: 12px;
margin-top: -5px;
}
.dropdown-menu--alt {
background-color: #000;
-webkit-box-shadow: 0px 0px 0px transparent;
box-shadow: 0px 0px 0px transparent;
}
.dropdown-menu--alt .dropdown-menu__link {
color: #fff;
padding-right: 15px !important;
}
.dropdown-menu--alt .dropdown-menu__link::after {
display: none;
}
.dropdown-menu--alt .dropdown-menu__link:hover, .dropdown-menu--alt .dropdown-menu__link:focus {
color: #d6001c;
}
.dropdown-menu--sub {
background-color: #f4f4f4;
}
.dropdown-menu--sub .dropdown-menu__inner {
margin-top: 0;
padding: 5px 0;
}
.dropdown-menu--sub .dropdown-menu__link {
padding: 7px 15px !important;
}
.dropdown-menu--sub .dropdown-menu__link::after {
display: none;
}
.breadcrumbs {
border-bottom: 1px solid #c9c9c9;
padding: 8px 0;
display: none;
}
@media only screen and (min-width: 1024px) {
.breadcrumbs {
display: block;
}
}
.breadcrumbs__list {
margin: 0;
padding: 0;
list-style: none outside none;
}
.breadcrumbs__item {
text-transform: uppercase;
font-size: 11px;
font-size: 0.6111111111rem;
padding-right: 5px;
}
.breadcrumbs__item::after {
content: ">";
color: #d6001c;
}
.breadcrumbs__item:last-of-type::after {
display: none;
}
.breadcrumbs__link {
color: #1d1d1b;
padding-right: 5px;
}
.breadcrumbs__link:hover, .breadcrumbs__link:focus {
color: #d6001c;
}
.breadcrumbs--minor {
padding: 0;
margin-bottom: 10px;
border: none;
}
.rte__content h2 {
font-size: 18px !important;
text-transform: none;
}
.push-hard--bottom {
margin-bottom: 40px;
}
.push-hard--top {
margin-top: 40px;
}
.feature__container {
max-width: 1400px;
margin: 0 auto;
display: block;
position: relative;
width: 100%;
padding: 40px 0;
}
@media only screen and (min-width: 669px) {
.feature__container {
display: table;
}
}
.feature__content, .feature__media {
display: block;
width: 100%;
}
@media only screen and (min-width: 669px) {
.feature__content, .feature__media {
width: 50%;
display: table-cell;
}
}
.feature__content {
padding: 20px 15px;
vertical-align: top;
}
@media only screen and (min-width: 669px) {
.feature__content {
padding-top: 60px;
padding-bottom: 60px;
padding-left: 30px;
padding-right: 60px;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.feature__content {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 1024px) {
.feature__content {
padding-right: 60px;
}
}
@media only screen and (min-width: 1400px) {
.feature__content {
padding-left: 75px;
padding-right: 75px;
}
}
.feature__media {
background-position: center center;
background-size: cover;
min-height: 250px;
}
@media only screen and (min-width: 669px) {
.feature__media {
min-height: 0;
}
}
.feature--secondary {
background-color: #f4f4f4;
}
.feature--brand {
background-color: #d6001c;
}
.feature--brand,
.feature--brand * {
color: #fff;
}
@media only screen and (max-width: 668px) {
.feature--carousel .feature__content {
padding-left: 65px;
padding-right: 65px;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.feature--carousel .feature__content {
padding-bottom: 60px !important;
}
}
.media-grid__container {
max-width: 1400px;
margin: 0 auto;
}
@media only screen and (min-width: 669px) {
.media-grid__container {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-moz-align-items: stretch;
align-items: stretch;
}
}
.media-grid__intro {
background-color: #d6001c;
color: #fff;
width: 100%;
display: block;
padding: 20px 15px;
}
@media only screen and (min-width: 1024px) {
.media-grid__intro {
width: 36%;
padding: 85px 40px 40px 115px;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.media-grid__intro {
width: 30%;
padding: 20px 40px 20px 15px;
}
}
.media-grid h6, .media-grid h5, .media-grid h4, .media-grid h3, .media-grid h2, .media-grid h1 {
color: #fff;
font-size: 30px;
font-size: 1.6666666667rem;
}
@media only screen and (min-width: 669px) {
.media-grid h6, .media-grid h5, .media-grid h4, .media-grid h3, .media-grid h2, .media-grid h1 {
margin-bottom: 35px;
}
}
.media-grid__content {
width: 100%;
display: block;
}
@media only screen and (min-width: 1024px) {
.media-grid__content {
width: 64%;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.media-grid__content {
width: 70%;
}
}
.media-grid__list {
margin: 0;
padding: 0;
list-style: none outside none;
-ms-flex-flow: row wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
}
.media-grid__item {
font-size: 18px;
font-size: 1rem;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-moz-align-items: stretch;
align-items: stretch;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
text-align: center;
overflow: hidden;
min-height: 120px;
background-position: center;
}
@media only screen and (min-width: 669px) {
.media-grid__item {
-ms-flex-preferred-size: 33.3333%;
flex-basis: 33.3333%;
font-size: 26px;
font-size: 1.4444444444rem;
min-height: 295px;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.media-grid__item {
font-size: 21px;
font-size: 1.1666666667rem;
-ms-flex-preferred-size: 33.3333%;
flex-basis: 33.3333%;
}
}
.media-grid__item:hover, .media-grid__item:focus {
background-size: 110%;
}
.media-grid__link {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
-webkit-box-flex: 0;
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 100%;
text-align: center;
color: #fff;
position: relative;
}
.media-grid__link::after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
.media-grid__link:hover .media-grid__media, .media-grid__link:focus .media-grid__media {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.media-grid__name {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
display: block;
text-transform: uppercase;
font-weight: bold;
width: 100%;
padding: 0 25px;
text-align: center;
}
.media-grid__media {
-webkit-transform: scale(1.02, 1.02);
-ms-transform: scale(1.02, 1.02);
transform: scale(1.02, 1.02);
-webkit-transition: 250ms all ease-in-out;
transition: 250ms all ease-in-out;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.media-grid--full .media-grid__item {
font-size: 17px;
font-size: 0.9444444444rem;
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.media-grid--full .media-grid__item {
min-height: 150px;
font-size: 17px;
font-size: 0.9444444444rem;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
}
@media only screen and (min-width: 1024px) {
.media-grid--full .media-grid__item {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
font-size: 20px;
font-size: 1.1111111111rem;
min-height: 230px;
}
}
.media-grid--full .media-grid__name {
padding: 0 10px;
}
.media-grid--home {
margin-top: 60px;
margin-bottom: 40px;
}
.media-grid--home .media-grid__container {
display: block;
}
.media-grid--home .media-grid__content {
width: 100%;
}
.media-grid--home .media-grid__intro {
padding: 0;
width: 600px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: transparent;
color: #1d1d1b;
text-align: center;
}
.media-grid--home .media-grid__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
min-height: 250px;
}
@media only screen and (min-width: 669px) {
.media-grid--home .media-grid__item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
font-size: 26px;
font-size: 1.4444444444rem;
min-height: 295px;
}
}
@media only screen and (max-width: 1023px) and (min-width: 480px) {
.media-grid--home .media-grid__item {
font-size: 21px;
font-size: 1.1666666667rem;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
.media-grid--home h6, .media-grid--home h5, .media-grid--home h4, .media-grid--home h3, .media-grid--home h2, .media-grid--home h1 {
color: #1d1d1b;
}
@media only screen and (min-width: 669px) {
.media-grid--home h6, .media-grid--home h5, .media-grid--home h4, .media-grid--home h3, .media-grid--home h2, .media-grid--home h1 {
margin-bottom: 25px;
}
}
.related-content {
margin: 0;
padding: 0;
list-style: none outside none;
border: 1px solid #d8d8d8;
border-bottom: none;
border-right: none;
}
@media only screen and (min-width: 669px) {
.related-content {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
border: none;
}
}
@media only screen and (min-width: 669px) {
.related-content__name {
position: relative;
padding-right: 15px !important;
display: block;
}
.related-content__name::after {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "Icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: ">";
position: absolute;
right: 0;
font-size: 15px;
color: #d6001c;
top: 2px;
}
}
@media only screen and (min-width: 669px) {
.related-content__item {
background-color: #f4f4f4 !important;
border: none;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.related-content__item:nth-of-type(4n) .related-content__content, .related-content__item:nth-of-type(4n-1) .related-content__content {
-webkit-box-ordinal-group: 3;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
}
.related-content__item:nth-of-type(4n) .related-content__media, .related-content__item:nth-of-type(4n-1) .related-content__media {
-webkit-box-ordinal-group: 2;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
.related-content__item:nth-of-type(4n) .related-content__name, .related-content__item:nth-of-type(4n-1) .related-content__name {
padding-right: 0 !important;
padding-left: 15px;
}
.related-content__item:nth-of-type(4n) .related-content__name::after, .related-content__item:nth-of-type(4n-1) .related-content__name::after {
right: auto;
left: 0;
content: "<";
}
}
@media only screen and (min-width: 669px) {
.related-content__inner {
font-size: 20px;
font-size: 1.1111111111rem;
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
padding: 0 !important;
background-color: transparent;
}
.related-content__inner::after {
display: none;
}
.related-content__inner:hover .related-content__img, .related-content__inner:focus .related-content__img {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.related-content__inner {
font-size: 17px;
font-size: 0.9444444444rem;
}
}
@media only screen and (min-width: 669px) {
.related-content__content {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
color: #1d1d1b;
text-transform: uppercase;
font-weight: bold;
padding: 20px;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.related-content__content {
padding: 10px 20px;
}
}
.related-content__media {
display: none;
}
@media only screen and (min-width: 669px) {
.related-content__media {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
display: block;
position: relative;
overflow: hidden;
}
}
.related-content__img {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: 250ms all ease-in-out;
transition: 250ms all ease-in-out;
display: block;
margin: 0 auto;
width: 100%;
height: auto;
}
.stats {
padding: 40px 0;
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.stats {
padding-bottom: 20px;
}
}
.stats__inner {
margin-left: -45px;
}
.stats__item {
padding-left: 45px;
}
@media only screen and (max-width: 1023px) {
.stats__item {
margin-bottom: 20px;
}
.stats__item:last-of-type {
margin-bottom: 0;
}
}
.stats__heading {
color: #d6001c;
font-size: 34px;
line-height: 60px;
}
.stats__heading--major {
font-size: 60px;
}
.stats__content {
color: #1d1d1b;
}
.stats__content p:last-of-type {
margin-bottom: 0;
}
.stats--brand {
background-color: #d6001c;
}
.stats--brand .stats__heading,
.stats--brand .stats__content {
color: #fff;
}
.article-list {
margin-left: -30px;
}
@media only screen and (min-width: 1024px) {
.article-list {
margin-left: -75px;
}
}
.article-list__item {
padding-left: 30px;
margin-bottom: 20px;
outline: none;
}
@media only screen and (min-width: 1024px) {
.article-list__item {
padding-left: 75px;
}
}
.article-list__link {
color: inherit;
display: block;
}
.article-list__nav {
padding-left: 30px !important;
}
.article-list--flush {
margin-left: 0 !important;
}
.article-list--major {
margin-left: -40px;
}
.article-list--major .article-list__item {
padding-left: 40px;
}
.article-list--split {
margin-left: 0 !important;
}
.article-list--split .article-list__item {
padding-left: 0 !important;
}
.article-list--prospectus {
margin-left: -20px !important;
}
.article-list--prospectus .article-list__item {
padding-left: 20px !important;
}
/* Prospectus download */
.prospectus-intro {
padding-bottom: 15px;
}
.prospectus-download__image {
width: 100%;
display: block;
margin-bottom: 10px;
}
.prospectus-download__button {
display: block;
padding-left: 35px;
background-image: url("/images/svgs/download.svg");
background-repeat: no-repeat;
background-size: 20px;
background-position: 0px 5px;
min-height: 50px;
}
.prospectus-download__button--window {
display: block;
padding-left: 35px;
background-image: url("/images/svgs/new-window.svg");
background-repeat: no-repeat;
background-size: 20px;
background-position: 0px 0px;
min-height: 50px;
}
.prospectus-download__title {
font-size: 16px;
font-size: 0.8888888889rem;
margin-bottom: 0px;
}
.prospectus-download__details {
color: #8d8d8e !important;
font-size: 12px;
font-size: 0.6666666667rem;
display: block;
width: 100%;
padding-top: 5px;
}
.prospectus-download:hover a .prospectus-download__title, .prospectus-download:focus a .prospectus-download__title {
color: #d6001c !important;
}
.prospectus-download:hover a .prospectus-download__details, .prospectus-download:focus a .prospectus-download__details {
color: #d6001c !important;
}
.badge {
border-radius: 100%;
background-color: #d6001c;
width: 107px;
height: 107px;
color: #fff;
display: inline-block;
}
.badge__inner {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
height: 100%;
text-align: center;
text-transform: uppercase;
}
.badge__content {
font-weight: bold;
}
.badge--img {
width: auto;
height: auto;
background-color: transparent;
}
.badge--highlighted {
border: 10px solid #f4f4f4;
}
.badge--floated {
margin-bottom: 25px;
}
@media only screen and (min-width: 669px) {
.badge--floated {
float: left;
margin-right: 25px;
}
}
.student {
text-align: center;
}
.student__link {
display: block;
}
.student__img {
margin: 0 auto 15px;
display: block;
border-color: #fff;
}
.student__name {
color: #d6001c;
text-transform: none;
font-weight: normal;
font-size: 23px;
font-size: 1.2777777778rem;
}
.student__profession {
font-size: 18px;
font-size: 1rem;
margin-bottom: 10px;
color: #1d1d1b;
}
.student__qualification {
font-size: 14px;
font-size: 0.7777777778rem;
font-weight: bold;
text-transform: uppercase;
color: #1d1d1b;
}
.student--alt .student__img {
border-color: #f4f4f4;
}
@media only screen and (max-width: 668px) {
.student--alt .student__img {
float: left;
width: 100px;
height: 100px;
border-width: 5px;
margin-right: 10px;
}
.student--alt .student__name {
font-size: 20px;
font-size: 1.1111111111rem;
margin-bottom: 10px;
}
.student--alt .student__profession {
font-size: 16px;
font-size: 0.8888888889rem;
}
}
.student--detail {
text-align: left;
}
.student--detail .student__qualification {
color: #d6001c;
margin-bottom: 20px;
}
.student--detail .student__profession {
margin-bottom: 20px;
text-transform: uppercase;
}
.news {
text-align: center;
}
.news__heading {
font-size: 30px;
font-size: 1.6666666667rem;
text-align: center;
}
@media only screen and (min-width: 669px) {
.news__heading {
margin-bottom: 50px;
}
}
.news__list {
margin-left: -75px;
margin-bottom: -35px;
}
.news__item {
margin-bottom: 35px;
padding-left: 75px;
outline: none;
color: #1d1d1b;
}
@media only screen and (min-width: 669px) {
.news__item {
text-align: left;
}
}
.news__link {
color: inherit;
display: block;
}
.news__img {
margin: 0 auto 20px;
display: block;
}
@media only screen and (min-width: 669px) {
.news__img {
margin-left: 0;
margin-right: 0;
}
}
.news__content {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.news__headline {
font-size: 23px;
font-size: 1.2777777778rem;
-webkit-box-ordinal-group: 3;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
line-height: 1.2;
text-transform: none;
font-weight: normal;
margin: 15px 0 0;
}
.news__categories {
-webkit-box-ordinal-group: 4;
-moz-order: 3;
-ms-flex-order: 3;
order: 3;
font-size: 15px;
font-size: 0.8333333333rem;
text-transform: uppercase;
font-weight: bold;
margin-top: 20px;
}
.news__date {
-webkit-box-ordinal-group: 2;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
font-size: 15px;
font-size: 0.8333333333rem;
text-transform: uppercase;
font-weight: bold;
}
@media only screen and (min-width: 669px) {
.news--latest {
padding: 60px 0;
}
}
.news--latest .news__heading,
.news--latest .news__headline,
.news--latest .news__item {
color: #fff;
}
.news--latest .news__button {
background-color: transparent;
color: #fff;
padding: 0;
margin-top: 20px;
}
.news--related {
margin: 0;
}
.news--related .news__item {
padding-left: 0;
}
.news--related .news__item:last-of-type {
margin-bottom: 0;
}
.media-panel__container {
padding: 40px 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
max-width: 1400px;
margin: 0 auto;
}
@media only screen and (min-width: 669px) {
.media-panel__container {
padding: 80px 0;
}
}
@media only screen and (min-width: 669px) {
.media-panel__inner {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
-moz-justify-content: space-around;
justify-content: space-around;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-moz-align-items: stretch;
align-items: stretch;
margin-left: -50px;
}
}
.media-panel__item {
margin-bottom: 50px;
}
@media only screen and (min-width: 669px) {
.media-panel__item {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
-webkit-box-flex: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 50px;
width: 100%;
max-width: 900px;
margin-bottom: 0;
}
}
.media-panel__item:last-of-type {
margin-bottom: 0;
}
.media-panel__content {
background-color: rgba(0, 0, 0, 0.6);
padding: 30px 40px;
color: #fff;
}
.media-panel h6, .media-panel h5, .media-panel h4, .media-panel h3, .media-panel h2, .media-panel h1 {
color: #fff;
margin-bottom: 25px;
}
.media-panel__text {
max-width: 575px;
margin: 0 auto;
line-height: 1.35;
}
.media-panel__button {
color: #fff;
}
.media-panel__link {
color: #fff;
}
.media-panel__link:hover, .media-panel__link:focus {
text-decoration: underline;
}
.hero {
min-height: 240px;
position: relative;
}
@media only screen and (min-width: 669px) {
.hero {
height: 450px;
}
}
.hero__slide {
outline: none;
text-align: center;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 240px;
position: relative;
text-align: center;
}
.hero__slide::before {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
background-color: rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 669px) {
.hero__slide {
min-height: 450px;
}
}
.hero__video__btn {
width: 44px;
height: 44px;
background: #d6001c;
z-index: 10;
position: absolute;
right: 0;
bottom: 30px;
border: 0;
font-size: 0;
}
@media (min-width: 768px) {
.hero__video__btn {
right: 30px;
bottom: 111px;
}
}
.hero__video__btn::before {
content: "u";
font-family: "Icons" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 20px;
line-height: 1;
color: #fff;
}
.hero__video__btn:hover, .hero__video__btn:focus, .hero__video__btn:active {
outline: white 2px solid;
}
.hero__video__btn.__play::before {
content: "P";
}
.hero__video__btn.__pause::before {
content: "u";
}
.hero__inner {
display: table;
height: 240px;
width: 100%;
}
@media only screen and (min-width: 669px) {
.hero__inner {
height: 450px;
}
}
.hero__content {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.hero__border {
border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
padding-top: 5px;
padding-bottom: 5px !important;
position: relative;
z-index: 10;
display: inline-block;
}
.hero__image {
margin: 0px;
padding: 0px;
padding-top: 0px;
position: relative;
padding-bottom: 15px;
text-align: center;
z-index: 10;
}
.hero__image svg, .hero__image img {
max-width: 200px;
width: 100%;
display: inline-block;
z-index: 10;
}
.hero__title {
color: white;
position: relative;
z-index: 10;
}
.hero__title p {
color: white;
text-align: center;
margin: 20px 0;
text-transform: uppercase;
font-size: 22px !important;
}
.hero__text {
display: inline-block;
font-weight: normal;
text-transform: uppercase;
margin: 0;
color: #fff;
position: relative;
font-size: 22px;
font-size: 1.2222222222rem;
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.hero__text {
font-size: 40px;
font-size: 2.2222222222rem;
}
}
@media only screen and (min-width: 1024px) {
.hero__text {
font-size: 62px;
font-size: 3.4444444444rem;
}
}
.hero__text > span {
font-family: "Frutiger Light Condensed", Helvetica, Arial, sans-serif;
font-weight: normal;
}
.hero__button {
margin-top: 45px;
}
.hero__nav {
position: absolute;
bottom: 30px;
width: 100%;
margin: 0;
}
.hero--large,
.hero--large .hero__slide,
.hero--large .hero__inner {
height: 260px;
}
@media only screen and (min-width: 669px) {
.hero--large,
.hero--large .hero__slide,
.hero--large .hero__inner {
height: 480px;
}
}
.hero--home {
height: auto;
background-color: #000;
}
@media only screen and (min-width: 669px) {
.hero--home {
min-height: 450px;
height: auto;
}
}
.hero--home .hero__slide {
padding-top: 30px;
padding-bottom: 30px;
min-height: 240px;
height: auto;
overflow: hidden;
z-index: 1;
}
@media only screen and (min-width: 669px) {
.hero--home .hero__slide {
min-height: 450px;
}
}
.hero--home .hero__slide:before {
z-index: 0;
background-color: rgba(0, 0, 0, 0.1);
}
.hero--home .hero__inner {
min-height: 240px;
height: auto;
}
@media only screen and (min-width: 669px) {
.hero--home .hero__inner {
min-height: 450px;
height: auto;
}
}
.hero--home .hero__title {
/*font-weight: bold;*/
font-size: 30px !important;
}
.hero--home .hero__title .hero__border {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px !important;
margin-bottom: -1px;
border-top: none !important;
border-bottom-color: #FFF !important;
}
@media only screen and (min-width: 1024px) {
.hero--home .hero__title .hero__border {
padding-left: 30px;
padding-right: 30px;
}
}
.hero--home .hero__title p {
font-size: 30px !important;
margin-bottom: 0;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.hero--home .hero__wrapper .hero__border {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px !important;
border-bottom: none !important;
border-top-color: #FFF !important;
}
@media only screen and (min-width: 1024px) {
.hero--home .hero__wrapper .hero__border {
padding-left: 30px;
padding-right: 30px;
}
}
.hero--home .hero__text {
font-weight: bold;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 669px) {
.hero--home .hero__btn-group {
white-space: pre-line;
}
}
@media only screen and (min-width: 670px) {
.hero--home .hero__btn-group .hero__button {
margin-right: 10px;
margin-left: 10px;
}
}
.hero--home .hero__button {
margin-top: 20px;
min-width: 240px;
}
.hero--home .hero__media {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: -1;
}
.hero--home .hero__media iframe,
.hero--home .hero__media video {
position: absolute;
top: -9999px;
right: -9999px;
bottom: -9999px;
left: -9999px;
margin: auto;
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100%;
height: 56.2499999297vw;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (min-width: 0px) {
.hero--home .hero__media iframe,
.hero--home .hero__media video {
width: auto;
height: auto;
}
}
.date:not(.form__group) {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
font-weight: bold;
height: 100%;
}
.date:not(.form__group) .date__inner {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
}
.date:not(.form__group) .date__content {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.date:not(.form__group) .date__day,
.date:not(.form__group) .date__month,
.date:not(.form__group) .date__year {
line-height: 1;
}
.date:not(.form__group) .date__day {
font-size: 25px;
}
.date:not(.form__group) .date__month {
font-size: 30px;
}
.date:not(.form__group) .date__year {
font-size: 20px;
}
.date:not(.form__group) .date--minor {
font-weight: normal;
font-size: 12px;
}
.date:not(.form__group) .date--minor .date__icon {
font-size: 18px;
margin-bottom: 10px;
}
.date:not(.form__group) .date--minor .date__day {
font-weight: bold;
font-size: 20px;
font-size: 1.1111111111rem;
}
.date:not(.form__group) .date--minor .date__month {
font-size: 19px;
font-size: 1.0555555556rem;
margin-top: 4px;
}
@media only screen and (max-width: 1023px) {
.date:not(.form__group) .date--minor .date__month {
font-size: 16px;
font-size: 0.8888888889rem;
}
}
@media only screen and (min-width: 1024px) {
.date:not(.form__group) .date--minor .date__month {
font-size: 19px;
font-size: 1.0555555556rem;
}
}
.date:not(.form__group) .date--minor .date__year {
font-weight: bold;
margin-top: 4px;
font-size: 15px;
font-size: 0.8333333333rem;
}
.date:not(.form__group) .date--major {
font-weight: normal;
}
.date:not(.form__group) .date--major .date__icon {
font-size: 28px;
margin-bottom: 10px;
}
.date:not(.form__group) .date--major .date__day {
font-weight: bold;
font-size: 37px;
font-size: 2.0555555556rem;
}
.date:not(.form__group) .date--major .date__month {
font-size: 28px;
font-size: 1.5555555556rem;
padding-top: 4px;
}
@media only screen and (min-width: 1024px) {
.date:not(.form__group) .date--major .date__month {
font-size: 37px;
font-size: 2.0555555556rem;
}
}
.date:not(.form__group) .date--major .date__year {
font-weight: bold;
font-size: 23px;
font-size: 1.2777777778rem;
padding-top: 8px;
}
.event {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
}
.event__primary {
-webkit-box-ordinal-group: 3;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
font-size: 16px;
font-size: 0.8888888889rem;
background-color: #f4f4f4;
padding: 30px;
min-height: 130px;
}
.event__heading {
font-size: 24px;
font-size: 1.3333333333rem;
font-weight: normal;
color: #d6001c;
text-transform: none;
margin-bottom: 20px;
}
.event__secondary {
-webkit-box-ordinal-group: 2;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
.event__date {
min-height: 130px;
background-color: #d6001c;
color: #fff;
width: 32%;
padding: 10px 25px 10px;
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.event__date {
width: 45%;
}
}
.event__date--fixed {
width: 145px !important;
min-height: 145px !important;
float: left;
margin: 0 20px 20px 0;
}
.event__img {
width: 68%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.event__img {
width: 55%;
}
}
.event--inverted .event__primary {
background-color: #fff;
}
.event--feature {
min-height: 240px;
margin-bottom: 40px;
}
.event--feature .event__date {
min-width: 175px;
height: auto !important;
}
@media only screen and (min-width: 669px) {
.event--feature {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 669px) {
.event--feature .event__primary {
width: 40%;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.event--feature .event__primary {
width: 50%;
}
}
@media only screen and (min-width: 669px) {
.event--feature .event__secondary {
width: 60%;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.event--feature .event__secondary {
width: 50%;
}
}
.event--alt .event__primary {
position: relative;
padding-bottom: 90px;
}
.event--alt .event__button {
position: absolute;
bottom: 30px;
left: 30px;
}
.open-day {
padding-left: 0 !important;
text-align: center;
}
.open-day__inner {
padding: 20px 0;
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.open-day__inner {
border-left: 1px solid #d8d8d8;
padding: 20px 10px;
}
}
@media only screen and (min-width: 1024px) {
.open-day__inner {
border-left: 1px solid #d8d8d8;
padding: 20px 60px;
}
}
.open-day--bare .open-day__inner {
border: none;
}
@media only screen and (max-width: 1023px) {
.open-day--narrow .open-day__inner {
border: none;
padding: 0;
}
}
@media only screen and (min-width: 1024px) {
.open-day--narrow .open-day__inner {
padding: 20px;
}
}
.open-day:first-of-type .open-day__inner {
border: none;
}
.open-day__content {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.open-day__name {
-webkit-box-ordinal-group: 3;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
font-size: 18px;
font-size: 1rem;
line-height: 1.2222222222;
text-transform: none;
font-weight: normal;
text-align: center;
margin-bottom: 15px;
}
.open-day__meta {
-webkit-box-ordinal-group: 2;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
.open-day__date {
color: #fff;
margin: 0 auto 15px;
}
.open-day__time {
font-size: 14px;
font-size: 0.7777777778rem;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
.open-day__button {
color: #d6001c;
-webkit-box-ordinal-group: 4;
-moz-order: 3;
-ms-flex-order: 3;
order: 3;
}
.carousel {
position: relative;
}
.carousel__slide {
outline: none;
}
.carousel__next, .carousel__prev {
position: absolute;
top: 50%;
margin-top: -25px;
background-color: #fff;
width: 50px;
height: 50px;
padding: 0;
border: none;
color: #d6001c;
outline: none;
}
.carousel__next.slick-disabled, .carousel__prev.slick-disabled {
display: none !important;
}
.carousel__next {
right: 0;
}
.carousel__prev {
left: 0;
}
.carousel__nav {
position: absolute;
bottom: 20px;
width: 100%;
margin: 0;
}
.carousel--content {
max-width: 1400px;
margin: 0 auto;
}
.carousel--content .carousel__container {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.carousel--content .carousel__slide {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.carousel--content .carousel__content {
font-size: 18px;
font-size: 1rem;
line-height: 1.2222222222;
background-color: rgba(0, 0, 0, 0.6);
max-width: 520px;
color: #fff;
padding: 25px 65px 60px 65px;
}
@media only screen and (min-width: 1024px) {
.carousel--content .carousel__content {
padding: 50px 40px 80px 115px;
}
}
.carousel--content .carousel__heading {
font-size: 36px;
font-size: 2rem;
line-height: 1.2222222222;
color: #fff;
margin-bottom: 50px;
}
.carousel--content .carousel__sub-heading {
font-size: 28px;
font-size: 1.5555555556rem;
margin-bottom: 20px;
font-weight: normal;
color: #fff;
}
.carousel--content .carousel__button {
color: #fff;
margin-top: 30px;
}
.carousel--content .carousel__nav {
position: absolute;
left: 65px;
bottom: 15px;
text-align: left;
margin: 0;
}
@media only screen and (min-width: 1024px) {
.carousel--content .carousel__nav {
left: 115px;
bottom: 25px;
}
}
.carousel--content .carousel__prev,
.carousel--content .carousel__next {
top: 60px;
margin: 0;
}
.carousel__container.slick-dotted {
position: relative;
}
.carousel--gallery {
margin-top: 45px;
}
.carousel--gallery .carousel__nav {
position: absolute;
left: 0;
bottom: 15px;
margin: 0;
width: 100%;
}
.timeline__container {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.timeline__primary {
-webkit-box-ordinal-group: 2;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 669px) {
.timeline__primary {
border-bottom: 8px solid #e4e3e3;
}
}
.timeline__secondary {
-webkit-box-ordinal-group: 3;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
}
@media only screen and (max-width: 668px) {
.timeline__secondary {
display: none;
}
}
.timeline__years {
margin: 0;
padding: 0;
list-style: none outside none;
margin-top: -62.5px;
}
.timeline__year {
height: 70px;
width: 70px !important;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.timeline__badge {
width: 70px;
height: 70px;
line-height: 50px;
vertical-align: middle;
text-align: center;
font-weight: bold;
color: #fff;
font-size: 14px;
border: 8px solid #e4e3e3;
display: block;
-webkit-transition: all 350ms linear;
transition: all 350ms linear;
}
.timeline__item {
vertical-align: middle;
height: 125px !important;
line-height: 117px;
text-align: center;
cursor: pointer;
}
.timeline__item:not(.slick-current):hover .badge, .timeline__item:not(.slick-current):focus .badge {
background-color: #000;
}
.timeline__item.slick-current {
cursor: default;
}
.timeline__item.slick-current .timeline__year {
width: 125px !important;
height: 125px !important;
}
.timeline__item.slick-current .timeline__badge {
width: 125px;
height: 125px;
line-height: 105px;
font-size: 34px;
}
.timeline__arrow {
top: 60px;
margin: 0;
}
.timeline__heading {
font-size: 36px;
font-size: 2rem;
}
.timeline__sub-heading {
font-size: 24px;
font-size: 1.3333333333rem;
line-height: 1.1;
}
.testimonial__quote {
border: none;
padding: 0;
margin: 0;
font-size: 24px;
font-size: 1.3333333333rem;
}
.testimonial__quote p:first-of-type::before {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 50px;
color: #fff;
margin: 5px 25px 10px 0;
}
.testimonial__quote p:last-of-type::after {
margin-left: -10px;
}
.testimonial__meta {
margin-top: 30px;
text-transform: uppercase;
}
.testimonial__author {
font-weight: bold;
}
.testimonial__position {
border-left: 2px solid #fff;
margin-left: 5px;
padding-left: 8px;
}
.list--bare {
margin: 0;
padding: 0;
list-style: none outside none;
}
.list--push > li,
.list--push .list__item {
margin-bottom: 8px;
}
.list--push > li:last-of-type,
.list--push .list__item:last-of-type {
margin-bottom: 0;
}
.list--split {
margin-left: -60px;
margin-bottom: 40px;
}
@media only screen and (min-width: 669px) {
.list--split {
margin-bottom: 0;
}
}
.list--split > li,
.list--split .list__item {
padding-left: 60px;
}
.list--csv {
margin: 0;
padding: 0;
list-style: none outside none;
}
.list--csv > li,
.list--csv .list__item {
display: inline-block;
}
.list--csv > li::after,
.list--csv .list__item::after {
content: ",";
}
.list--csv > li:last-of-type::after,
.list--csv .list__item:last-of-type::after {
content: "";
}
.heading-group {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.heading-group__primary {
-webkit-box-ordinal-group: 2;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
.heading-group__secondary {
-webkit-box-ordinal-group: 3;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
}
.heading-group__tertiary {
-webkit-box-ordinal-group: 4;
-moz-order: 3;
-ms-flex-order: 3;
order: 3;
}
.heading-group--split {
display: block;
}
@media only screen and (min-width: 669px) {
.heading-group--split > .heading-group__secondary {
text-align: right;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.heading-group--responsive > .heading-group__primary,
.heading-group--responsive > .heading-group__secondary {
width: 100%;
text-align: left;
}
}
.team-member {
padding-top: 20px;
}
@media only screen and (min-width: 669px) {
.team-member {
padding-top: 45px;
}
}
.team-member__inner {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-top: 1px solid #d8d8d8;
padding-top: 20px;
}
@media only screen and (min-width: 669px) {
.team-member__inner {
padding-top: 45px;
}
}
@media only screen and (min-width: 1024px) {
.team-member__inner {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
.team-member__content {
width: 100%;
-webkit-box-ordinal-group: 3;
-moz-order: 2;
-ms-flex-order: 2;
order: 2;
}
@media only screen and (min-width: 1024px) {
.team-member__content {
width: 65%;
}
}
.team-member__content p:last-of-type {
margin: 0;
}
.team-member__name {
margin-bottom: 10px;
}
.team-member__title {
font-size: 15px;
font-size: 0.8333333333rem;
color: #d6001c;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 15px;
}
.team-member__media {
width: 100%;
margin-bottom: 10px;
-webkit-box-ordinal-group: 2;
-moz-order: 1;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 1024px) {
.team-member__media {
width: 35%;
margin-right: 20px;
margin-bottom: 0;
}
}
@media only screen and (min-width: 669px) {
.team-member:nth-of-type(-n+2) {
padding-top: 15px;
}
.team-member:nth-of-type(-n+2) .team-member__inner {
padding-top: 0;
border: none;
}
}
@media only screen and (max-width: 668px) {
.team-member:first-of-type {
padding-top: 0;
}
.team-member:first-of-type .team-member__inner {
padding-top: 0;
border: none;
}
}
.filters {
letter-spacing: -0.31em;
}
.filters > * {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
}
@media only screen and (min-width: 669px) {
.filters {
display: inline-block;
}
}
.filters__heading, .filters__label {
font-size: 14px;
font-size: 0.7777777778rem;
margin-bottom: 0;
}
.filters__label {
font-weight: bold;
text-transform: uppercase;
}
.filters__field,
.filters .jcf-radio {
font-size: 12px;
font-size: 0.6666666667rem;
vertical-align: middle;
padding: 5px;
margin-bottom: 10px;
width: 100%;
}
@media only screen and (min-width: 669px) {
.filters__field,
.filters .jcf-radio {
width: auto;
margin-left: 10px;
margin-bottom: 0;
max-width: 120px;
}
}
@media only screen and (min-width: 669px) {
.filters__field--push,
.filters .jcf-radio--push {
margin-left: 20px;
}
}
.filters--search .filters__heading {
font-size: 17px;
font-size: 0.9444444444rem;
}
@media only screen and (max-width: 1023px) {
.filters--search .filters__heading {
display: block;
margin-bottom: 5px;
}
}
.filters--search .filters__label {
position: relative;
padding-left: 20px;
margin-right: 15px;
color: #fff;
text-transform: none;
font-weight: normal;
font-size: 18px;
}
@media only screen and (max-width: 668px) {
.filters--search .filters__label {
margin-right: 10px;
}
}
.filters--search .filters__field,
.filters--search .control__indicator {
position: absolute;
top: 4px;
left: 0;
height: 13px;
width: 13px;
margin-bottom: 0;
border: 3px solid #d8d8d8;
}
@media only screen and (max-width: 668px) {
.filters--primary, .filters--secondary {
display: block !important;
}
}
@media only screen and (min-width: 669px) {
.filters--primary {
width: 35%;
}
}
.filters--secondary {
margin-top: 15px;
}
@media only screen and (min-width: 669px) {
.filters--secondary {
width: 65%;
text-align: right;
margin-top: 0;
}
}
.filters--tabs {
margin: 0;
padding: 0;
list-style: none outside none;
border-right: 1px solid #c9c9c9;
min-height: 75px;
}
@media only screen and (min-width: 1024px) {
.filters--tabs {
-webkit-box-pack: end;
-ms-flex-pack: end;
-moz-justify-content: flex-end;
justify-content: flex-end;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.filters--tabs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-moz-justify-content: space-between;
justify-content: space-between;
}
}
.filters--tabs .filters__item {
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-flex: 1;
-moz-flex: 1 0;
-ms-flex: 1 0;
flex: 1 0;
border-left: 1px solid #c9c9c9;
text-align: center;
}
.filters--tabs .filters__link {
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 5px;
font-weight: bold;
text-transform: uppercase;
color: #1d1d1b;
height: 100%;
text-align: center;
width: 100%;
font-size: 14px;
font-size: 0.7777777778rem;
line-height: 1.5714285714;
}
.filters--tabs .filters__link.is-active, .filters--tabs .filters__link:hover, .filters--tabs .filters__link:focus {
color: #d6001c;
}
.paging {
border-top: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
padding: 15px 0;
}
@media only screen and (min-width: 669px) {
.paging {
padding: 10px 0;
}
}
.paging__count {
vertical-align: middle;
text-align: center;
font-size: 14px;
font-size: 0.7777777778rem;
}
@media only screen and (min-width: 669px) {
.paging__count {
margin-bottom: 0;
text-align: left;
}
}
.paging__controls {
text-align: center;
vertical-align: middle;
}
@media only screen and (min-width: 669px) {
.paging__controls {
text-align: right;
}
}
.paging__button {
font-size: 12px;
font-size: 0.6666666667rem;
margin: 0 20px;
}
@media only screen and (min-width: 669px) {
.paging__button {
margin: 0;
}
}
@media only screen and (max-width: 668px) {
.paging__jump {
display: none;
}
}
.tabs {
border: 1px solid #d8d8d8;
background-color: #fff;
border-top: none;
margin-bottom: 40px;
/* Accordion responsive breakpoint */
}
@media only screen and (min-width: 669px) {
.tabs {
width: 100%;
border: 1px solid #d8d8d8;
}
}
.tabs__nav {
margin: 0;
padding: 0;
list-style: none outside none;
}
@media only screen and (min-width: 669px) {
.tabs__nav {
width: 100%;
display: table;
}
}
.tabs__tab {
text-transform: uppercase;
border-bottom: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
display: table-cell;
font-weight: bold;
text-align: center;
font-size: 16px;
font-size: 0.8888888889rem;
}
.tabs__tab > a {
padding: 20px 15px 17px;
display: block;
text-decoration: none;
color: #1d1d1b;
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.tabs__tab > a {
padding: 15px 10px;
}
}
.tabs__tab > a:hover, .tabs__tab > a:focus {
color: #d6001c;
text-decoration: none;
}
.tabs__tab.is-active {
position: relative;
}
.tabs__tab.is-active::after {
position: absolute;
left: 0;
bottom: -1px;
content: "";
height: 1px;
background-color: #fff;
width: 100%;
}
.tabs__tab.is-active > a {
color: #d6001c;
}
.tabs__tab:last-of-type {
border-right: none;
}
.tabs__inner {
width: 100%;
}
.tabs__panel {
display: none;
padding: 15px 25px;
position: relative;
}
@media only screen and (min-width: 1024px) {
.tabs__panel {
padding: 40px 45px 25px;
}
.tabs__panel p {
max-width: 850px;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.tabs__panel {
padding: 20px 25px;
}
}
.tabs__panel.responsive-tabs-state-active {
display: block;
}
.tabs__accordion-title {
display: none;
text-transform: uppercase;
border-top: 1px solid #d8d8d8;
position: relative;
}
.tabs__accordion-title:before {
content: "v";
font-size: 16px;
position: absolute;
top: 50%;
margin-top: -8px;
right: 20px;
color: #d6001c;
}
@media only screen and (min-width: 669px) {
.tabs__accordion-title:last-of-type {
border: none;
}
}
.tabs__accordion-title.is-active {
font-weight: bold;
}
.tabs__accordion-title.is-active > a {
color: #d6001c;
}
.tabs__accordion-title.is-active::before {
content: "^";
}
.tabs__link {
display: block;
text-decoration: none;
color: #1d1d1b;
padding: 15px 50px 15px 25px;
font-weight: bold;
}
.tabs__link:hover, .tabs__link:focus {
color: #d6001c;
}
@media only screen and (max-width: 668px) {
.tabs__nav {
display: none;
}
.tabs__accordion-title {
display: block;
}
}
.downloads__item {
margin-top: 20px;
}
.downloads__link {
display: block;
letter-spacing: -0.31em;
}
.downloads__link > * {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
}
.downloads__link:hover .downloads__name, .downloads__link:focus .downloads__name {
color: #d6001c;
}
.downloads__icon {
vertical-align: top;
font-size: 16px;
width: 25px;
}
.downloads__content {
width: calc(100% - 25px);
}
.downloads__name {
font-size: 14px;
font-size: 0.7777777778rem;
-webkit-transition: all 100ms linear;
transition: all 100ms linear;
display: block;
color: #1d1d1b;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 3px;
}
.downloads__meta {
font-size: 12px;
font-size: 0.6666666667rem;
display: block;
color: #8d8d8e;
text-transform: uppercase;
font-weight: bold;
}
.checkbox-list {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none outside none;
border-left: 1px solid #d8d8d8;
border-top: 1px solid #d8d8d8;
}
.checkbox-list__item {
-webkit-box-flex: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
border-bottom: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
position: relative;
}
@media only screen and (max-width: 668px) {
.checkbox-list__item {
-webkit-box-flex: 0;
-moz-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
}
.checkbox-list__label {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
font-size: 14px;
font-size: 0.7777777778rem;
position: relative;
height: 100%;
padding: 12px 40px 11px 20px;
text-transform: uppercase;
}
.checkbox-list__field,
.checkbox-list .control__indicator {
position: absolute;
right: 10px;
top: 50%;
background-color: #f4f4f4;
margin-top: -10px;
height: 20px;
border: 1px solid #d8d8d8;
cursor: pointer;
}
.checkbox-list__field:checked ~ .checkbox-list__inner,
.checkbox-list .control__indicator:checked ~ .checkbox-list__inner {
font-weight: bold;
}
.checkbox-list__field:checked ~ .checkbox-list__inner:after,
.checkbox-list .control__indicator:checked ~ .checkbox-list__inner:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #f4f4f4;
z-index: -1;
}
.checkbox-list--fixed .checkbox-list__item {
-webkit-box-flex: 0;
-moz-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.checkbox-list--fixed .checkbox-list__item {
-webkit-box-flex: 0;
-moz-flex: 0 1 33.33%;
-ms-flex: 0 1 33.33%;
flex: 0 1 33.33%;
}
}
@media only screen and (min-width: 1024px) {
.checkbox-list--fixed .checkbox-list__item {
-webkit-box-flex: 0;
-moz-flex: 0 1 25%;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
}
}
.course-list {
font-size: 18px;
font-size: 1rem;
border-spacing: 0;
margin: 0;
}
.course-list__name, .course-list__subject, .course-list__level, .course-list__duration {
background-color: transparent;
border-top: 1px solid #d8d8d8;
padding: 25px 5px 25px 2px;
}
.course-list__name {
font-weight: bold;
width: 45%;
}
.course-list__subject {
font-weight: bold;
width: 20%;
}
.course-list__level {
font-weight: bold;
width: 25%;
}
.course-list__duration {
font-weight: normal;
width: 10%;
}
.course-list__heading {
background-color: transparent;
color: #1d1d1b;
padding: 0 5px 15px 2px;
}
.course-list__heading::before {
display: none;
}
@media only screen and (max-width: 540px) {
.course-list thead {
display: none;
}
.course-list tbody tr:first-child .course-list__name {
padding-top: 10px;
border-top: none;
}
.course-list tbody td {
display: block;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
.course-list tbody td:before {
content: attr(data-label);
float: left;
margin-right: 10px;
font-weight: bold;
text-transform: none;
}
.course-list .course-list__subject, .course-list .course-list__level, .course-list .course-list__duration {
border-top: none;
font-weight: normal;
}
.course-list .course-list__name {
padding-top: 20px;
}
.course-list .course-list__duration {
padding-bottom: 20px;
}
}
.accordion {
margin: 0;
padding: 0;
list-style: none outside none;
}
.accordion__item {
border: 1px solid #c9c9c9;
border-top: none;
padding: 30px;
}
.accordion__item:first-of-type {
border-top: 1px solid #c9c9c9;
}
.accordion__trigger {
display: block;
text-decoration: none;
letter-spacing: -0.31em;
}
.accordion__trigger > * {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
}
.accordion__heading {
font-size: 24px;
font-size: 1.3333333333rem;
width: calc(100% - 25px);
margin: 0;
}
.accordion__icon {
font-size: 18px;
width: 25px;
}
.accordion__content {
padding-top: 20px;
}
.faqs__question {
font-size: 18px;
font-size: 1rem;
color: #d6001c;
text-transform: uppercase;
font-weight: normal;
margin: 30px 0 10px;
}
.faqs__answer:last-of-type p {
margin-bottom: 0;
}
.virtual-tour {
max-width: 1400px;
margin: 0 auto;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 668px) {
.virtual-tour {
min-height: 350px;
}
}
.virtual-tour__inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.google-map {
width: 100%;
height: 250px;
margin-top: 15px;
}
@media only screen and (min-width: 669px) {
.google-map {
height: 335px;
}
}
.alert {
background-color: #c5e5e9;
padding: 25px 0;
}
.alert .inner {
letter-spacing: -0.31em;
}
.alert .inner > * {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
}
.alert__icon {
font-size: 40px;
vertical-align: top;
width: 55px;
}
@media only screen and (min-width: 669px) {
.alert__icon {
vertical-align: middle;
}
}
.alert__content {
vertical-align: middle;
width: calc(100% - 55px);
}
@media only screen and (min-width: 669px) {
.alert__content {
width: calc(100% - 55px - 260px);
padding-right: 20px;
}
}
.alert__content p:last-of-type {
margin: 0;
}
.alert__heading {
font-size: 30px;
font-size: 1.6666666667rem;
margin-bottom: 10px;
font-family: "Frutiger", Helvetica, Arial, sans-serif;
color: #1d1d1b;
line-height: 1;
font-weight: bold;
text-transform: uppercase;
}
.alert__buttons {
letter-spacing: -0.31em;
vertical-align: middle;
width: 100%;
text-align: left;
margin-top: 20px;
padding-left: 55px;
position: relative;
}
.alert__buttons > * {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
}
@media only screen and (min-width: 669px) {
.alert__buttons {
width: 260px;
padding-left: 0;
margin-top: 0;
}
}
.alert__button {
vertical-align: middle;
}
.alert__close {
vertical-align: middle;
margin-left: 30px;
font-size: 28px;
position: absolute;
top: 50%;
right: -10px;
margin-top: -14px;
color: #d6001c;
}
.alert--info .alert__icon {
color: #2949e7;
}
.alert--warning .alert__icon {
color: #d6001c;
}
.banner {
background-color: #f4f3f4;
max-width: 1400px;
margin: 20px auto;
}
.banner__inner {
padding-bottom: 45px;
position: relative;
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.banner__inner {
padding-right: 20px;
}
}
@media only screen and (min-width: 1024px) {
.banner__inner {
padding-right: 80px;
padding-bottom: 0;
}
}
.banner__content {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
@media only screen and (min-width: 669px) {
.banner__content {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
.banner__img {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
min-height: 200px;
}
@media only screen and (min-width: 669px) {
.banner__img {
width: 45%;
min-height: 0;
}
}
.banner__text {
width: 100%;
padding: 20px;
}
@media only screen and (min-width: 1024px) {
.banner__text {
width: calc(100% - 260px);
margin: 30px 20px 30px 40px;
padding: 0;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.banner__text {
margin: 20px;
padding: 0;
}
}
.banner__text p:last-of-type {
margin: 0;
}
.banner__heading {
font-size: 30px;
font-size: 1.6666666667rem;
margin-bottom: 15px;
}
.banner__buttons {
min-width: 100%;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
text-align: left;
padding: 0 20px 20px;
}
@media only screen and (min-width: 669px) {
.banner__buttons {
text-align: right;
padding: 0;
}
}
@media only screen and (min-width: 669px) and (max-width: 1023px) {
.banner__buttons {
min-width: 150px;
}
}
@media only screen and (min-width: 1024px) {
.banner__buttons {
min-width: 230px;
}
}
.banner__arrow {
position: absolute;
bottom: 0;
height: 45px;
width: calc(50% - 1px);
background-color: transparent;
border: none;
background-color: #d1d0d1;
color: #f4f3f4;
outline: none;
}
@media only screen and (min-width: 1024px) {
.banner__arrow {
right: 0;
height: calc(50% - 1px);
width: 45px;
}
}
.banner__arrow--prev {
left: 0;
}
@media only screen and (min-width: 1024px) {
.banner__arrow--prev {
bottom: 0;
left: auto;
}
}
.banner__arrow--next {
right: 0;
}
@media only screen and (min-width: 1024px) {
.banner__arrow--next {
top: 0;
}
}
.coach {
text-transform: uppercase;
margin-bottom: 25px;
font-size: 24px;
font-size: 1.3333333333rem;
letter-spacing: -0.31em;
}
.coach > * {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
}
.coach__name {
font-weight: bold;
padding-right: 10px;
}
.coach__title {
padding-left: 10px;
border-left: 2px solid #fff;
}
.unistats {
overflow: hidden;
width: 615px !important;
height: 150px;
margin: 0 auto;
display: block;
}
.inner.nopad--right {
padding-right: 0;
}
@media only screen and (max-width: 668px) {
.inner.nopad--right {
padding-right: 15px;
}
}
.content__inner.narrow--inner {
margin-left: -5px;
}
.content__section.narrow--content {
padding-left: 5px;
}
.login-register__container {
background-color: #f4f4f4;
padding: 40px 100px 40px 40px;
min-height: 695px;
}
@media only screen and (max-width: 668px) {
.login-register__container {
padding: 20px;
min-height: 0;
}
}
.login-register__container form {
padding-top: 20px;
}
.login-register__container fieldset .form__group {
width: 100%;
padding: 0;
}
.login-register__container fieldset .forgot--password {
display: block;
margin-bottom: 25px;
font-size: 15px;
font-size: 0.8333333333rem;
}
.login-register__container fieldset .forgot--password:hover, .login-register__container fieldset .forgot--password:focus {
text-decoration: underline;
}
.login-register__container input[type=text], .login-register__container input[type=password] {
-webkit-transition: border 500ms ease-out;
transition: border 500ms ease-out;
}
.login-register__container input[type=text]:focus, .login-register__container input[type=password]:focus {
border-color: #c1c1c1;
}
.lost-password__container .content__section-wrapper {
margin-top: 30px;
background-color: #f4f4f4;
padding: 25px 50px;
}
@media only screen and (max-width: 1023px) {
.lost-password__container .content__section-wrapper {
padding: 0 10px;
}
}
.lost-password__container form {
padding-top: 20px;
width: 100%;
}
@media only screen and (min-width: 669px) {
.lost-password__container form {
width: 50%;
}
}
.lost-password__container fieldset .form__group {
width: 100%;
padding: 0;
}
.lost-password__container input[type=text], .lost-password__container input[type=password] {
-webkit-transition: border 500ms ease-out;
transition: border 500ms ease-out;
}
.lost-password__container input[type=text]:focus, .lost-password__container input[type=password]:focus {
border-color: #c1c1c1;
}
.facebook--login {
margin-top: 5px;
border: 4px solid #354c8c;
display: table;
height: 100%;
width: 100%;
}
.facebook--login h4 {
display: table-cell;
vertical-align: middle;
padding: 25px;
background-color: #354c8c;
color: #fff;
width: 262px;
vertical-align: middle;
}
.facebook--login p {
display: table-cell;
padding: 25px;
vertical-align: middle;
}
.facebook--login .fb-button {
display: table-cell;
padding: 25px;
width: 125px;
vertical-align: middle;
}
.facebook--login .fb-button .fb-button__padding {
padding: 3px;
background: -webkit-gradient(linear, left top, left bottom, from(#4c69ba), to(#3b55a0));
background: linear-gradient(#4c69ba, #3b55a0);
border-radius: 3px;
}
.facebook--login .fb-button .fb-button__padding:hover, .facebook--login .fb-button .fb-button__padding:focus {
background: -webkit-gradient(linear, left top, left bottom, from(#5b7bd5), to(#4864b1));
background: linear-gradient(#5b7bd5, #4864b1);
}
@media only screen and (max-width: 668px) {
.facebook--login h4, .facebook--login p, .facebook--login .fb-button {
display: block;
width: auto;
}
.facebook--login p {
padding: 0 25px;
}
}
.akero-overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 650px;
}
.akero-overlay__wrapper {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
padding: 20px;
padding-top: 30px;
padding-bottom: 30px;
}
.akero-overlay__background {
position: absolute;
bottom: 0px;
left: 0px;
height: 100%;
width: 100%;
}
.akero-overlay__inner {
max-width: 1050px;
margin: 0pt auto;
position: relative;
z-index: 10;
}
.akero-overlay h2 {
color: white;
font-size: 40px;
text-transform: none;
}
.akero-overlay p {
color: white;
font-size: 18px;
line-height: 26px;
}
.akero-overlay p:last-child {
margin-bottom: 0px;
}
@media (max-width: 919px) {
.akero-overlay {
height: 443px !important;
}
}
@media (max-width: 649px) {
.akero-overlay {
height: 260px !important;
}
.akero-overlay h2 {
font-size: 23px;
margin-bottom: 10px;
}
.akero-overlay p {
font-size: 17px;
line-height: 25px;
}
.akero-overlay .akero-overlay__background {
background-color: black !important;
opacity: 0.8 !important;
}
.akero-overlay .akero-overlay__wrapper {
height: 100% !important;
}
}
.visuallyhidden, .tooltip-content {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.showvisuallyhidden, .btn-tooltip.is-active .tooltip-content {
clip: auto;
overflow: visible;
}
.btn-tooltip {
border: none;
background: none;
position: relative;
outline: none;
}
.tooltip-content {
height: auto;
display: block;
position: absolute;
bottom: 100%;
right: 0;
z-index: 200;
width: 180px;
margin: 0 0 10px 0;
padding: 10px;
text-align: center;
color: #fff;
font-size: 12px;
background-color: #000;
-webkit-transition: all 0.3s cubic-bezier(0.3, 0, 0, 1);
transition: all 0.3s cubic-bezier(0.3, 0, 0, 1);
-webkit-transform: rotateX(20deg) scale(0.8);
transform: rotateX(20deg) scale(0.8);
-webkit-transform-origin: center 120%;
-ms-transform-origin: center 120%;
transform-origin: center 120%;
-webkit-backface-visibility: hidden;
opacity: 0;
}
.btn-tooltip {
position: absolute;
top: 0;
right: 0;
display: block;
text-align: right;
cursor: pointer;
}
.btn-tooltip.is-active .tooltip-content {
-webkit-transform: rotateX(0deg) scale(1);
transform: rotateX(0deg) scale(1);
opacity: 1;
}
/*------------------------------------*\
HELPERS
\*------------------------------------*/
.navigation--palm {
z-index: -1;
}
.container__inner {
z-index: 100;
}
.site-search.is-open .site-search__inner {
z-index: 200;
}
.course-widget__menu {
z-index: 300;
}
.navigation--primary .navigation__children {
z-index: 200;
}
.media-grid__name {
z-index: 10;
}
.site-head__tertiary {
z-index: 200;
}
.logo--fixed {
z-index: 300;
}
.carousel__prev,
.carousel__next {
z-index: 500;
}
.timeline__secondary {
z-index: 200;
}
.video-player__embed {
z-index: 10;
}
.video-player__poster {
z-index: 100;
}
.checkbox-list__label, .checkbox-list__label.is-active {
z-index: 10;
}
.checkbox-list__field,
.checkbox-list .control__indicator {
z-index: 100;
}
.homepage__video > video {
z-index: -100;
}
.homepage__pause {
z-index: 500;
}
.hero__slide::before {
z-index: 10;
}
.hero__text, .hero__button {
z-index: 100;
}
.dropdown-menu {
z-index: 200;
}
.site-head__full-search {
z-index: 1000;
}
/*------------------------------------*\
OVERRIDES & MISCELLANEA
\*------------------------------------*/
.brand {
color: #d6001c !important;
}
.brand--secondary {
color: #000 !important;
}
.brand--tertiary {
color: #f4f4f4 !important;
}
.unbranded {
color: #1d1d1b;
}
.is-hidden {
display: none !important;
}
.is-hidden--text {
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
display: inline-block;
width: 0;
height: 0;
line-height: 0;
float: left;
margin: 0;
padding: 0;
}
.is-visible {
display: block !important;
}
.img--right {
float: right;
margin: 0 0 10px 15px;
}
.img--left {
float: left;
margin: 0 15px 10px 0;
}
.full {
width: 100%;
}
.bumperless {
margin: 0;
}
.highlighted {
color: #d6001c;
text-transform: uppercase;
}
.weak {
font-weight: normal !important;
}
.strong {
font-weight: bold;
}
.emphasised {
font-style: italic;
}
.muted, .button--inactive {
opacity: 0.5;
}
.smallprint {
font-size: 13px;
font-size: 0.7222222222rem;
line-height: 1.6923076923;
}
.faux-heading {
font-weight: bold;
text-transform: uppercase;
}
.faux-paragraph {
font-weight: normal;
text-transform: none;
}
.bare {
background-color: transparent;
border: none;
}
.divider--top {
border-top: 1px solid #d8d8d8;
}
.divider--right {
border-right: 1px solid #d8d8d8;
}
.divider--bottom {
border-bottom: 1px solid #d8d8d8;
}
.divider--left {
border-left: 1px solid #d8d8d8;
}
.divider--none {
border: none !important;
}
.carousel-nav, .hero__nav, .carousel__nav, .carousel--gallery .carousel__nav {
width: 100%;
padding-left: 0 !important;
margin-top: 20px;
text-align: center;
}
.carousel-nav li, .hero__nav li, .carousel__nav li, .carousel--gallery .carousel__nav li {
display: inline-block;
border-radius: 100%;
cursor: pointer;
margin: 0 4px;
width: 12px;
height: 12px;
background-color: #fff;
}
.carousel-nav li.slick-active, .hero__nav li.slick-active, .carousel__nav li.slick-active {
background-color: #d6001c;
}
.carousel-nav button, .hero__nav button, .carousel__nav button, .carousel--gallery .carousel__nav button {
background: none;
border: none;
padding: 0;
display: block;
text-indent: -9999px;
}
.remove-content-bg .content--secondary {
background-color: #FFF;
}
.push-quarter--top {
margin-top: 5px !important;
}
.preformatted { /* Exists to apply rudimentary formatting to legacy data */
white-space: pre-wrap; /* CSS-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.cc-message {
font-size: 18.9px;
font-size: 1.05rem;
line-height: 1.164021164;
font-weight: bold;
}