/* @basecolor 				: rgb(84,123,0); */
/* #547b00 OFLC green */
/* #3AABDC bright blue - 2020 rebrand */
/* #638009 darker olive green for small text */
/* #0071f4 sky blue */
/* #245ef0 brighter sky blue */
/* #00a25f green */
/* #fcf000 yellow */
/* #e82c21 red */
/* #e01414 red */
/* #ffffff white */
/* #f2f2f2 lighter grey */
/* #e6e6e6 light grey */
/* #949698 mid grey */
/* #6E7881 dark grey */
/* #333 off-black */
/* #000000 black */
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
.focusable {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
/* GRID OF TWO */
.span_2_of_2_mixin {
  width: 100%;
}
.span_1_of_2_mixin {
  width: 48.5%;
}
/* GRID OF THREE */
.span_3_of_3_mixin {
  width: 100%;
}
.span_2_of_3_mixin {
  width: 65.66%;
}
.span_1_of_3_mixin {
  width: 31.33%;
}
/* GRID OF FOUR */
.span_4_of_4_mixin {
  width: 100%;
}
.span_3_of_4_mixin {
  width: 74.25%;
}
.span_2_of_4_mixin {
  width: 48.5%;
}
.span_1_of_4_mixin {
  width: 22.75%;
}
/*  GRID OF SIX (SPECIAL measurements for footer only)  */
.span_6_of_6_mixin {
  width: 100%;
}
.span_5_of_6_mixin {
  width: 82.5%;
}
.span_4_of_6_mixin {
  width: 65%;
}
.span_3_of_6_mixin {
  width: 47.5%;
}
.span_2_of_6_mixin {
  width: 30%;
}
.span_1_of_6_mixin {
  width: 14%;
}
/* bits & bobs */
.col-first-child {
  margin-left: 0;
}
.no-bottom-border {
  border-bottom: none !important;
}
.picture-text-block.no-bottom-border {
  border-bottom: none !important;
  margin-bottom: 0;
}
/*  SECTIONS  ============================================================================= */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}
/*  GROUPING  ============================================================================= */
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}
/*  GRID COLUMN SETUP   ==================================================================== */
/*  Mobile-first default below 320px */
.col {
  display: block;
  float: left;
  margin: 0;
}
@media only screen and (min-width: 320px) {
  .col {
    margin: 0 0 0 3%;
  }
  .col:first-child {
    /* all browsers except IE6 and lower */
    margin-left: 0;
  }
}
/*  ALL GRIDS DEFAULT (mobile-first)   ============================================================================= */
.span_2_of_2 {
  width: 100%;
}
.span_1_of_2 {
  width: 100%;
}
.span_3_of_3 {
  width: 100%;
}
.span_2_of_3 {
  width: 100%;
}
.span_1_of_3 {
  width: 100%;
}
.span_4_of_4 {
  width: 100%;
}
.span_3_of_4 {
  width: 100%;
}
.span_2_of_4 {
  width: 100%;
}
.span_1_of_4 {
  width: 100%;
}
.span_5_of_5 {
  width: 100%;
}
.span_4_of_5 {
  width: 100%;
}
.span_3_of_5 {
  width: 100%;
}
.span_2_of_5 {
  width: 100%;
}
.span_1_of_5 {
  width: 100%;
}
.span_6_of_6 {
  width: 100%;
}
.span_5_of_6 {
  width: 100%;
}
.span_4_of_6 {
  width: 100%;
}
.span_3_of_6 {
  width: 100%;
}
.span_2_of_6 {
  width: 100%;
}
.span_1_of_6 {
  width: 100%;
}
/*  REFERENCE GRIDS   ============================================================================= */
@media only screen and (min-width: 320px) {
  /* GRID OF TWO */
  .span_2_of_2 {
    width: 100%;
  }
  .span_1_of_2 {
    width: 48.5%;
  }
  /* GRID OF THREE */
  .span_3_of_3 {
    width: 100%;
  }
  .span_2_of_3 {
    width: 65.66%;
  }
  .span_1_of_3 {
    width: 31.33%;
  }
  /* GRID OF FOUR */
  .span_4_of_4 {
    width: 100%;
  }
  .span_3_of_4 {
    width: 74.25%;
  }
  .span_2_of_4 {
    width: 48.5%;
  }
  .span_1_of_4 {
    width: 22.75%;
  }
}
/*  CONTENT   ============================================================================= */
/*  FULL WIDTH FROM 0 UPWARDS */
/* Subnav col is hidden, as menu is styled responsively at this point */
/* Main content takes up 100% of width, feature col beneath it at 100% */
/* Picture-col is for the 404 page */
.subnav-col {
  display: none;
}
.content-col {
  width: 100%;
  margin-left: 0;
}
.feature-col {
  width: 100%;
  margin-left: 0;
}
.picture-col {
  width: 100%;
  margin-left: 0;
}
/*  768 PIXELS BREAKPOINT */
/* Subnav col appears as a full-width element above the main content/feature col */
/* Main content takes up 2/3rds of width, feature col 1/3 */
@media only screen and (min-width: 768px) {
  /* span_3_of_3 */
  .subnav-col {
    width: 100%;
    margin-left: 0;
    display: block;
  }
  /* span_2_of_3 */
  .content-col {
    width: 65.66%;
    display: block;
    float: left;
  }
  /* span_1_of_3 */
  .feature-col {
    width: 31.33%;
    margin: 0 0 0 3%;
    display: block;
    float: left;
  }
  /* span_1_of_3 */
  .picture-col {
    width: 31.33%;
    margin: 0 0 0 3%;
    display: block;
    float: left;
  }
}
/*  980 PIXELS BREAKPOINT */
/* Subnav col appears, taking up 1/4 of width */
/* Main content takes up 2/4 of width, feature col 1/4 */
@media only screen and (min-width: 980px) {
  /* span_1_of_4 */
  .subnav-col {
    width: 22.75%;
  }
  /* span_2_of_4 */
  .content-col {
    width: 48.5%;
    margin: 0 0 0 3%;
  }
  /* span_1_of_4 */
  .feature-col {
    width: 22.75%;
  }
  .picture-col {
    width: 48.5%;
    margin: 0 0 0 3%;
  }
}
/*  SUPERFOOTER   ============================================================================= */
/*  FULL WIDTH FROM 0 UPWARDS */
/* Each column takes up 100% of width */
.superfooter .super1,
.superfooter .super2,
.superfooter .super3,
.superfooter .super4 {
  width: 100%;
  margin: 0;
}
.superfooter .super2,
.superfooter .super3,
.superfooter .super4 {
  margin: 1em 0 0 0;
}
/*  768 PIXELS BREAKPOINT */
/* Each column takes up half the width */
@media only screen and (min-width: 768px) {
  /* span_1_of_2 */
  .superfooter .super1,
  .superfooter .super2,
  .superfooter .super3,
  .superfooter .super4 {
    width: 48.5%;
    display: block;
    float: left;
  }
  .superfooter .super1 {
    margin: 0;
    clear: both;
  }
  .superfooter .super2 {
    margin: 0 0 0 3%;
  }
  .superfooter .super3 {
    margin: 1em 0 0 0;
    clear: both;
  }
  .superfooter .super4 {
    margin: 1em 0 0 3%;
  }
}
/*  980 PIXELS BREAKPOINT */
/* Each column takes up 1/4 of width */
@media only screen and (min-width: 980px) {
  /* span_1_of_4 */
  .superfooter .super1,
  .superfooter .super2,
  .superfooter .super3,
  .superfooter .super4 {
    width: 22.75%;
  }
  .superfooter .super1 {
    margin: 0;
  }
  .superfooter .super2,
  .superfooter .super3,
  .superfooter .super4 {
    margin: 0 0 0 3%;
    clear: none;
  }
}
/* ----------------- SLICES TEMPLATE --------------------- */
/*  FULL WIDTH FROM 0 UPWARDS */
/* Subnav col is hidden */
/* Main content takes up 100% of width - slice1 and slice2 each take up 100% of width */
.slices .subnav-col {
  display: none;
}
.slices .content-col {
  width: 100%;
  margin-left: 0;
}
.slices .slice-wrapper .slice .slice1 {
  width: 100%;
}
.slices .slice-wrapper .slice .slice2 {
  width: 100%;
  margin: 1.5em 0 0 0;
  border-top: 1px solid #949698;
  padding: 1.5em 0 0 0;
}
.slices .slice-wrapper .slice .slice2:empty {
  border-top: none;
  padding: 0;
  margin: 0;
}
.slices .slice-wrapper .slice .slice12 {
  width: 100%;
}
.slices .backtotop {
  max-width: 1090px;
  margin: 0 auto;
  padding: 0;
}
.slices .coloured .slice {
  padding: 0 2em;
}
.slices .coloured .slice .slice2 {
  border-top: 1px solid #ffffff;
}
.slices .coloured + .backtotop {
  padding: 0 2em;
}
/*  768 PIXELS AND ABOVE */
/* subnav col is displayed as a full-width accordion below the main nav */
/* slice1 and slice2 are positioned next to each other from this point up */
@media only screen and (min-width: 768px) {
  .slices {
    /* span_3_of_3 */
  }
  .slices .subnav-col {
    width: 100%;
    margin-left: 0;
    display: block;
  }
  .slices .slice-wrapper .slice .slice1 {
    width: 65%;
  }
  .slices .slice-wrapper .slice .slice2 {
    width: 30%;
    margin: 0 0 0 5%;
    padding: 0;
    border-top: 0;
  }
  .slices .slice-wrapper .slice .slice12 {
    width: 100%;
  }
  .slices .slice-wrapper:first-child .slice2 {
    padding-top: 2.4em;
  }
}
/*  980 PIXELS BREAKPOINT */
/* Subnav col floats, taking up 1/4 of width */
/* Main content takes up 3/4 of width */
@media only screen and (min-width: 980px) {
  .slices {
    /* span_1_of_4 */
    /* span_3_of_4 */
  }
  .slices .subnav-col {
    width: 22.75%;
    margin-left: 0;
    display: block;
    float: left;
  }
  .slices .content-col {
    width: 74.25%;
    margin: 0 0 0 3%;
  }
  .slices .slice-wrapper:first-child .slice2 {
    padding-top: 3.3em;
  }
}
/* ----------------- HOMEPAGE TEMPLATE --------------------- */
.homepage .content-col {
  width: 100%;
  /* ----- SECTIONS OF CONTENT ----- */
  /* ----- Info for... boxes ----- */
  /* ----- News and features section ----- */
  /* ----- Updates and recent decisions section ----- */
  /* ----- Videos and social media section ----- */
  /* ----- Summary paragraph ----- */
}
.homepage .content-col .intro {
  width: 100%;
  padding: 0;
}
.homepage .content-col .intro p {
  margin: -0.45em 0 1.5em 0;
}
@media only screen and (min-width: 600px) {
  .homepage .content-col .intro {
    padding: 0.75em 0 1em 0;
  }
}
.homepage .content-col .info-for {
  padding: 0;
  border-bottom: 3px solid #3aabdc;
  margin: 0 0 1.6em 0;
}
@media only screen and (min-width: 600px) {
  .homepage .content-col .info-for {
    padding: 0 0 1.55em 0;
    margin: 0 0 3em 0;
  }
}
.homepage .content-col .news-features {
  width: 100%;
  padding: 0;
  border-bottom: 3px solid #3aabdc;
  margin: 0 0 1.6em 0;
}
@media only screen and (min-width: 600px) {
  .homepage .content-col .news-features {
    padding: 0 0 1.55em 0;
    margin: 0 0 3em 0;
  }
}
.homepage .content-col .updates-decisions {
  width: 100%;
  padding: 0;
  border-bottom: 3px solid #3aabdc;
  margin: 0 0 1.6em 0;
}
@media only screen and (min-width: 600px) {
  .homepage .content-col .updates-decisions {
    padding: 0 0 1.55em 0;
    margin: 0 0 3em 0;
  }
}
.homepage .content-col .videos-social-media {
  width: 100%;
  padding: 0;
  border-bottom: 3px solid #3aabdc;
  margin: 0 0 1.6em 0;
}
@media only screen and (min-width: 600px) {
  .homepage .content-col .videos-social-media {
    padding: 0 0 1.55em 0;
    margin: 0 0 3em 0;
  }
}
.homepage .content-col .info-for .public-block,
.homepage .content-col .info-for .industry-block,
.homepage .content-col .info-for .officials-block,
.homepage .content-col .info-for .students-block {
  width: 100%;
  margin-left: 0;
}
@media only screen and (min-width: 315px) {
  .homepage .content-col .info-for {
    /* span_2_of_4 */
    /* span_2_of_4 */
  }
  .homepage .content-col .info-for .public-block,
  .homepage .content-col .info-for .officials-block {
    width: 48.5%;
    margin: 0;
    clear: both;
    display: block;
    float: left;
  }
  .homepage .content-col .info-for .industry-block,
  .homepage .content-col .info-for .students-block {
    width: 48.5%;
    margin: 0 0 0 3%;
    display: block;
    float: left;
  }
  .homepage .content-col .info-for p {
    max-width: 275px;
  }
}
@media only screen and (min-width: 800px) {
  .homepage .content-col .info-for {
    /* span_1_of_4 */
    /* span_1_of_4 */
  }
  .homepage .content-col .info-for .public-block {
    width: 22.75%;
    margin-left: 0;
  }
  .homepage .content-col .info-for .industry-block,
  .homepage .content-col .info-for .officials-block,
  .homepage .content-col .info-for .students-block {
    width: 22.75%;
    margin: 0 0 0 3%;
    clear: none;
  }
}
.homepage .content-col .news-features {
  width: 100%;
  /* --- news ---  */
  /* --- main features --- */
}
.homepage .content-col .news-features .col1 {
  width: 100%;
  margin: 0 0 1.5em 0;
  padding: 0 0 0.25em 0;
  border-bottom: 1px solid #949698;
}
.homepage .content-col .news-features .col2 {
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: none;
}
@media only screen and (min-width: 600px) {
  .homepage .content-col .news-features {
    /* span_1_of_2 */
  }
  .homepage .content-col .news-features .col1 {
    margin: 0 0 2.4em 0;
    padding: 0 0 0.9em 0;
  }
}
@media only screen and (min-width: 700px) {
  .homepage .content-col .news-features {
    /* span_1_of_2 */
  }
  .homepage .content-col .news-features .col1 {
    width: 48.5%;
    margin: 0;
    padding: 0;
    border-bottom: none;
    display: block;
    float: left;
  }
  .homepage .content-col .news-features .col2 {
    width: 48.5%;
    margin: 0 0 0 3%;
    padding: 0;
    border-bottom: none;
    display: block;
    float: left;
  }
}
.homepage .content-col .news-features .latest-news .news-col1,
.homepage .content-col .news-features .latest-news .news-col2 {
  display: block;
  float: left;
  margin: 0;
  width: 100%;
}
@media only screen and (min-width: 410px) {
  .homepage .content-col .news-features .latest-news .news-col1 {
    margin: 0;
    max-width: 48.5%;
  }
  .homepage .content-col .news-features .latest-news .news-col2 {
    margin: 0 0 0 3%;
    max-width: 48.5%;
  }
}
@media only screen and (min-width: 700px) {
  .homepage .content-col .news-features .latest-news .news-col1,
  .homepage .content-col .news-features .latest-news .news-col2 {
    margin: 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 826px) {
  .homepage .content-col .news-features .latest-news .news-col1 {
    margin: 0;
    max-width: 48.5%;
  }
  .homepage .content-col .news-features .latest-news .news-col2 {
    margin: 0 0 0 3%;
    max-width: 48.5%;
  }
}
.homepage .content-col .news-features .main-feature .df-col {
  display: block;
  float: left;
  margin: 0;
  padding: 0 0 0.5em 0;
  width: 100%;
}
@media only screen and (min-width: 600px) {
  .homepage .content-col .news-features .main-feature .df-col {
    margin: 0;
    padding: 0 0 1.0em 0;
  }
}
.homepage .content-col .news-features .main-feature .df-col .box {
  margin: 0 0 0.8em 0;
}
.homepage .content-col .news-features .main-feature .df-col h3,
.homepage .content-col .news-features .main-feature .df-col p {
  clear: both;
}
.homepage .content-col .news-features .main-feature .df-col:first-of-type {
  margin: 0 0 1.8em 0;
  padding: 0 0 1.3em 0;
  border-bottom: 1px solid #949698;
}
@media only screen and (min-width: 600px) {
  .homepage .content-col .news-features .main-feature .df-col:first-of-type {
    margin: 0 0 2.4em 0;
    padding: 0 0 2.0em 0;
  }
}
@media only screen and (min-width: 410px) {
  .homepage .content-col .news-features .main-feature .df-col .box {
    margin: 0 3% 0.6em 0;
    max-width: 48.5%;
  }
  .homepage .content-col .news-features .main-feature .df-col h3,
  .homepage .content-col .news-features .main-feature .df-col p {
    clear: none;
  }
}
@media only screen and (min-width: 600px) {
  .homepage .content-col .news-features .main-feature .df-col .box {
    margin: 0 3% 0.2em 0;
  }
}
@media only screen and (min-width: 700px) {
  .homepage .content-col .news-features .main-feature .df-col .box {
    margin: 0 0 0.8em 0;
    max-width: 100%;
  }
  .homepage .content-col .news-features .main-feature .df-col h3,
  .homepage .content-col .news-features .main-feature .df-col p {
    clear: both;
  }
  .homepage .content-col .news-features .main-feature .df-col:first-of-type {
    /*padding: 0 0 0.4em 0;
						margin-bottom: 1.8em;*/
    margin: 0 0 2em 0;
    padding: 0 0 0.5em 0;
    border-bottom: none;
  }
}
@media only screen and (min-width: 826px) {
  .homepage .content-col .news-features .main-feature .df-col .box {
    margin-right: 3%;
    max-width: 48.5%;
  }
  .homepage .content-col .news-features .main-feature .df-col h3,
  .homepage .content-col .news-features .main-feature .df-col p {
    clear: none;
  }
}
.homepage .content-col .updates-decisions {
  /* --- Updates --- */
  /* --- Recent decisions --- */
}
.homepage .content-col .updates-decisions .col1 {
  width: 100%;
  margin: 0 0 1.55em 0;
  padding: 0 0 0.5em 0;
  border-bottom: 1px solid #949698;
}
.homepage .content-col .updates-decisions .col2 {
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: none;
}
@media only screen and (min-width: 600px) {
  .homepage .content-col .updates-decisions {
    /* span_1_of_2 */
  }
  .homepage .content-col .updates-decisions .col1 {
    margin: 0 0 2em 0;
    padding: 0 0 0.5em 0;
  }
}
@media only screen and (min-width: 700px) {
  .homepage .content-col .updates-decisions {
    /* span_1_of_2 */
  }
  .homepage .content-col .updates-decisions .col1 {
    width: 48.5%;
    margin: 0;
    padding: 0;
    border-bottom: none;
    display: block;
    float: left;
  }
  .homepage .content-col .updates-decisions .col2 {
    width: 48.5%;
    margin: 0 0 0 3%;
    padding: 0;
    border-bottom: none;
    display: block;
    float: left;
  }
}
.homepage .content-col .updates-decisions .double-feature .df-col {
  display: block;
  float: left;
  margin: 0;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-bottom: none;
}
@media only screen and (min-width: 410px) {
  .homepage .content-col .updates-decisions .double-feature .df-col {
    margin: 0 0 1.9em 0;
    padding: 0;
    border-bottom: 1px solid #949698;
  }
}
@media only screen and (min-width: 600px) {
  .homepage .content-col .updates-decisions .double-feature .df-col {
    margin: 0 0 2.5em 0;
    padding: 0 0 0.65em 0;
    border-bottom: 1px solid #949698;
  }
}
.homepage .content-col .updates-decisions .double-feature .df-col .box {
  margin: 0 0 0.8em 0;
}
.homepage .content-col .updates-decisions .double-feature .df-col h4,
.homepage .content-col .updates-decisions .double-feature .df-col p {
  clear: both;
}
.homepage .content-col .updates-decisions .double-feature .df-col:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.homepage .content-col .updates-decisions .double-feature .link-buttons {
  margin: 0;
  padding: 1.8em 0 0.6em 0;
  border-top: 1px solid #949698;
}
@media only screen and (min-width: 410px) {
  .homepage .content-col .updates-decisions .double-feature .link-buttons {
    margin: 0;
    padding: 0 0 0.6em 0;
    border-top: none;
  }
}
@media only screen and (min-width: 600px) {
  .homepage .content-col .updates-decisions .double-feature .link-buttons {
    margin: 0;
    padding: 0 0 1.4em 0;
    border-top: none;
  }
}
@media only screen and (min-width: 410px) {
  .homepage .content-col .updates-decisions .double-feature .df-col .box {
    margin: 0 3% 1.8em 0;
    max-width: 48.5%;
  }
  .homepage .content-col .updates-decisions .double-feature .df-col h4,
  .homepage .content-col .updates-decisions .double-feature .df-col p {
    clear: none;
  }
}
@media only screen and (min-width: 700px) {
  .homepage .content-col .updates-decisions .double-feature .df-col .box {
    margin: 0 0 0.8em 0;
    max-width: 100%;
  }
  .homepage .content-col .updates-decisions .double-feature .df-col h4,
  .homepage .content-col .updates-decisions .double-feature .df-col p {
    clear: both;
  }
}
@media only screen and (min-width: 826px) {
  .homepage .content-col .updates-decisions .double-feature .df-col .box {
    margin-right: 3%;
    max-width: 48.5%;
  }
  .homepage .content-col .updates-decisions .double-feature .df-col h4,
  .homepage .content-col .updates-decisions .double-feature .df-col p {
    clear: none;
  }
}
.homepage .content-col .updates-decisions .single-feature .sf-col {
  display: block;
  float: left;
  margin: 0;
  width: 100%;
}
.homepage .content-col .updates-decisions .single-feature .sf-col p {
  clear: both;
}
@media only screen and (min-width: 410px) {
  .homepage .content-col .updates-decisions .single-feature .sf-col .box {
    margin-right: 3%;
    margin-bottom: 1.8em;
    max-width: 48.5%;
  }
  .homepage .content-col .updates-decisions .single-feature .sf-col p {
    clear: none;
  }
}
@media only screen and (min-width: 700px) {
  .homepage .content-col .updates-decisions .single-feature .sf-col .box {
    margin-bottom: 0.5em;
    margin-right: 0;
    max-width: 100%;
  }
  .homepage .content-col .updates-decisions .single-feature .sf-col p {
    clear: both;
  }
}
@media only screen and (min-width: 826px) {
  .homepage .content-col .updates-decisions .single-feature .sf-col .box {
    margin-bottom: 1.4em;
    margin-right: 3%;
    max-width: 48.5%;
  }
  .homepage .content-col .updates-decisions .single-feature .sf-col p {
    clear: none;
  }
}
@media only screen and (min-width: 980px) {
  .homepage .content-col .updates-decisions .single-feature {
    /* span_1_of_2 */
  }
  .homepage .content-col .updates-decisions .single-feature .sf-col {
    width: 48.5%;
    margin: 0 0 0 3%;
  }
  .homepage .content-col .updates-decisions .single-feature .sf-col .box {
    margin-bottom: 0.5em;
    margin-right: 0;
    max-width: 100%;
  }
  .homepage .content-col .updates-decisions .single-feature .sf-col:nth-child(odd) {
    margin: 0;
  }
}
.homepage .content-col .videos-social-media {
  /* --- Videos --- */
  /* --- Social media --- */
}
.homepage .content-col .videos-social-media .col1 {
  width: 100%;
  margin: 0 0 1.6em 0;
  padding: 0 0 0.7em 0;
  border-bottom: 1px solid #949698;
}
.homepage .content-col .videos-social-media .col2 {
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: none;
}
@media only screen and (min-width: 600px) {
  .homepage .content-col .videos-social-media {
    /* span_1_of_2 */
  }
  .homepage .content-col .videos-social-media .col1 {
    margin: 0 0 2.2em 0;
    padding: 0 0 1.4em 0;
  }
}
@media only screen and (min-width: 700px) {
  .homepage .content-col .videos-social-media {
    /* span_1_of_2 */
  }
  .homepage .content-col .videos-social-media .col1 {
    width: 48.5%;
    margin: 0;
    padding: 0;
    border-bottom: none;
    display: block;
    float: left;
  }
  .homepage .content-col .videos-social-media .col2 {
    width: 48.5%;
    margin: 0 0 0 3%;
    padding: 0;
    border-bottom: none;
    display: block;
    float: left;
  }
}
.homepage .content-col .videos-social-media .slider-wrapper {
  padding: 0.6em 1em 0.3em 1em;
}
@media only screen and (min-width: 410px) {
  .homepage .content-col .videos-social-media .slider-wrapper {
    padding: 1em 1.4em 0.4em 1.4em;
  }
}
@media only screen and (min-width: 500px) {
  .homepage .content-col .videos-social-media .slider-wrapper {
    padding: 1.2em 1.6em 0.5em 1.6em;
  }
}
@media only screen and (min-width: 700px) {
  .homepage .content-col .videos-social-media .slider-wrapper {
    padding: 0.6em 1em 0.2em 1em;
  }
}
@media only screen and (min-width: 826px) {
  .homepage .content-col .videos-social-media .slider-wrapper {
    padding: 1.0em 1.4em 0.5em 1.4em;
  }
}
@media only screen and (min-width: 980px) {
  .homepage .content-col .videos-social-media .slider-wrapper {
    padding: 1.1em 1.5em 0.6em 1.5em;
  }
}
.homepage .content-col .videos-social-media .social-media-block .twitter-col,
.homepage .content-col .videos-social-media .social-media-block .facebook-col {
  display: block;
  float: left;
  margin: 0;
  width: 100%;
}
@media only screen and (min-width: 410px) {
  .homepage .content-col .videos-social-media .social-media-block .twitter-col {
    margin: 0;
    max-width: 48.5%;
  }
  .homepage .content-col .videos-social-media .social-media-block .facebook-col {
    margin: 0 0 0 3%;
    max-width: 48.5%;
  }
}
@media only screen and (min-width: 700px) {
  .homepage .content-col .videos-social-media .social-media-block .twitter-col,
  .homepage .content-col .videos-social-media .social-media-block .facebook-col {
    margin: 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 826px) {
  .homepage .content-col .videos-social-media .social-media-block .twitter-col {
    margin: 0;
    max-width: 48.5%;
  }
  .homepage .content-col .videos-social-media .social-media-block .facebook-col {
    margin: 0 0 0 3%;
    max-width: 48.5%;
  }
}
.homepage .content-col .outtro {
  margin: 0 auto;
}
.ie8 .homepage .content-col .feature-set .feature {
  width: 31.33%;
  margin: 0 0 0 3%;
}
.ie8 .homepage .content-col .feature-set .feature:first-child {
  margin-left: 0;
}
/* @@ LAYOUT ============================================================================= */
body {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-size: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  color: #333333;
  background-color: #ffffff;
}
#container {
  width: 100%;
  text-align: center;
  overflow: hidden;
  background-color: #ffffff;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 auto;
}
/* ----- @@ HEADER ----- */
#header-wrapper {
  width: 100%;
  position: relative;
  text-align: left;
  padding: 1.5em 0 1.5em 0;
}
@media only screen and (min-width: 1060px) {
  #header-wrapper {
    padding: 3em 0 2.8125em 0;
  }
}
#header-wrapper header {
  text-align: left;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5%;
}
@media only screen and (min-width: 320px) {
  #header-wrapper header {
    padding: 0 4%;
  }
}
@media only screen and (min-width: 768px) {
  #header-wrapper header {
    padding: 0 3%;
  }
}
@media only screen and (min-width: 980px) {
  #header-wrapper header {
    padding: 0 2%;
  }
}
#header-wrapper .supernav {
  width: 100%;
  /* social media icons */
}
@media only screen and (min-width: 800px) {
  #header-wrapper .supernav {
    width: 47.5%;
    float: right;
  }
}
#header-wrapper .supernav ul {
  width: 100%;
  float: left;
  display: inline;
  white-space: nowrap;
  padding: 0 0 1em 0;
}
@media only screen and (min-width: 440px) {
  #header-wrapper .supernav ul {
    width: 30%;
    padding: 1.8em 0 0 0;
  }
}
@media only screen and (min-width: 540px) {
  #header-wrapper .supernav ul {
    padding: 1.5em 0 0 0;
  }
}
@media only screen and (min-width: 800px) {
  #header-wrapper .supernav ul {
    width: 35%;
    padding: 1.7em 0 0 0;
  }
}
@media only screen and (min-width: 950px) {
  #header-wrapper .supernav ul {
    padding: 1.4em 0 0 0;
  }
}
#header-wrapper .supernav ul li {
  display: inline;
}
#header-wrapper .supernav ul li a {
  display: block;
  max-width: 36px;
  height: 28px;
  float: left;
  margin: 0 4px 0 0;
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden;
  text-transform: capitalize;
  /* removes text in IE7 */
  color: #ffffff;
}
#header-wrapper .supernav ul li a.facebook {
  background: #1a5d99 url(../img/social-icon-sprite.png) no-repeat 0 -105px;
}
#header-wrapper .supernav ul li a.facebook:hover {
  background: #4475a8 url(../img/social-icon-sprite.png) no-repeat -36px -105px;
}
#header-wrapper .supernav ul li a.twitter {
  background: #00b1f0 url(../img/social-icon-sprite.png) no-repeat 0 -133px;
}
#header-wrapper .supernav ul li a.twitter:hover {
  background: #00bdf3 url(../img/social-icon-sprite.png) no-repeat -36px -133px;
}
#header-wrapper .supernav ul li a.youtube {
  background: #cc332d url(../img/social-icon-sprite.png) no-repeat 0 -161px;
}
#header-wrapper .supernav ul li a.youtube:hover {
  background: #e12017 url(../img/social-icon-sprite.png) no-repeat -36px -161px;
}
@media only screen and (min-width: 540px) {
  #header-wrapper .supernav ul li a {
    max-width: 45px;
    height: 35px;
  }
  #header-wrapper .supernav ul li a.facebook {
    background: #1a5d99 url(../img/social-icon-sprite.png) no-repeat 0 0;
  }
  #header-wrapper .supernav ul li a.facebook:hover {
    background: #4475a8 url(../img/social-icon-sprite.png) no-repeat -45px 0;
  }
  #header-wrapper .supernav ul li a.twitter {
    background: #00b1f0 url(../img/social-icon-sprite.png) no-repeat 0 -35px;
  }
  #header-wrapper .supernav ul li a.twitter:hover {
    background: #00bdf3 url(../img/social-icon-sprite.png) no-repeat -45px -35px;
  }
  #header-wrapper .supernav ul li a.youtube {
    background: #cc332d url(../img/social-icon-sprite.png) no-repeat 0 -70px;
  }
  #header-wrapper .supernav ul li a.youtube:hover {
    background: #e12017 url(../img/social-icon-sprite.png) no-repeat -45px -70px;
  }
}
@media only screen and (min-width: 800px) {
  #header-wrapper .supernav ul li a {
    max-width: 36px;
    height: 28px;
    float: right;
  }
  #header-wrapper .supernav ul li a.facebook {
    background: #1a5d99 url(../img/social-icon-sprite.png) no-repeat 0 -105px;
  }
  #header-wrapper .supernav ul li a.facebook:hover {
    background: #4475a8 url(../img/social-icon-sprite.png) no-repeat -36px -105px;
  }
  #header-wrapper .supernav ul li a.twitter {
    background: #00b1f0 url(../img/social-icon-sprite.png) no-repeat 0 -133px;
  }
  #header-wrapper .supernav ul li a.twitter:hover {
    background: #00bdf3 url(../img/social-icon-sprite.png) no-repeat -36px -133px;
  }
  #header-wrapper .supernav ul li a.youtube {
    background: #cc332d url(../img/social-icon-sprite.png) no-repeat 0 -161px;
  }
  #header-wrapper .supernav ul li a.youtube:hover {
    background: #e12017 url(../img/social-icon-sprite.png) no-repeat -36px -161px;
  }
}
@media only screen and (min-width: 950px) {
  #header-wrapper .supernav ul li a {
    max-width: 45px;
    height: 35px;
  }
  #header-wrapper .supernav ul li a.facebook {
    background: #1a5d99 url(../img/social-icon-sprite.png) no-repeat 0 0;
  }
  #header-wrapper .supernav ul li a.facebook:hover {
    background: #4475a8 url(../img/social-icon-sprite.png) no-repeat -45px 0;
  }
  #header-wrapper .supernav ul li a.twitter {
    background: #00b1f0 url(../img/social-icon-sprite.png) no-repeat 0 -35px;
  }
  #header-wrapper .supernav ul li a.twitter:hover {
    background: #00bdf3 url(../img/social-icon-sprite.png) no-repeat -45px -35px;
  }
  #header-wrapper .supernav ul li a.youtube {
    background: #cc332d url(../img/social-icon-sprite.png) no-repeat 0 -70px;
  }
  #header-wrapper .supernav ul li a.youtube:hover {
    background: #e12017 url(../img/social-icon-sprite.png) no-repeat -45px -70px;
  }
}
#header-wrapper .search {
  width: 100%;
  padding: 0 0 1em 0;
  margin: 0;
}
#header-wrapper .search h4 {
  margin: 0.2em 0 0.2em 0;
}
#header-wrapper .search p {
  font-size: 0.875em;
  /* 14 / 16 */
  margin: 0;
  line-height: 1;
}
@media only screen and (min-width: 440px) {
  #header-wrapper .search {
    width: 65%;
    clear: none;
    float: left;
    margin: 0 0 0 5%;
    padding: 0;
  }
  #header-wrapper .search h4 {
    margin: -4px 0 0.2em 0;
  }
}
@media only screen and (min-width: 800px) {
  #header-wrapper .search {
    width: 60%;
  }
}
#header-wrapper .logo {
  width: 100%;
  margin-left: 0;
  /*margin: 1em 0 0 0;*/
  margin: 0.5em 0 0 0;
  /* AliG 2020 */
}
#header-wrapper .logo .logo-image img {
  float: left;
  width: 100%;
  border: none;
}
@media only screen and (min-width: 300px) {
  #header-wrapper .logo .logo-image img {
    padding: 0 0 0 0;
    width: 100%;
  }
}
@media only screen and (min-width: 440px) {
  #header-wrapper .logo {
    /*margin: 2em 0 0 0;*/
    margin: 1.5em 0 0 0;
    /* AliG 2020 */
  }
}
@media only screen and (min-width: 620px) {
  #header-wrapper .logo .logo-image {
    width: auto;
  }
  #header-wrapper .logo .logo-image img {
    width: 100%;
  }
}
@media only screen and (min-width: 800px) {
  #header-wrapper .logo {
    width: 47.5%;
    float: left;
    text-align: left;
    /*margin: 0.5em 0 0 0;*/
    margin: 0 0 0 0;
    /* AliG 2020 */
  }
}
@media only screen and (min-width: 950px) {
  #header-wrapper .logo {
    /*margin: 0.6em 0 0 0;*/
    margin: 0 0 0 0;
    /* AliG 2020 */
  }
}
/* ----- @@ MAIN NAV ----- */
/* ----- @@ CONTENT ----- */
#content-wrapper {
  text-align: left;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2em 5% 0 5%;
}
@media only screen and (min-width: 320px) {
  #content-wrapper {
    padding: 2em 4% 0 4%;
  }
}
@media only screen and (min-width: 768px) {
  #content-wrapper {
    padding: 2em 3% 0 3%;
  }
}
@media only screen and (min-width: 980px) {
  #content-wrapper {
    padding: 2em 2% 0 2%;
  }
}
/* ----- @@ Content column ----- */
/* ----- @@ Subnav column ----- */
#content-wrapper .subnav-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #3aabdc;
}
#content-wrapper .subnav-col h4 {
  margin: 0;
  border-bottom: 1px solid #3aabdc;
  padding: 0 0.5em 0.4em 0.5em;
}
#content-wrapper .subnav-col ul + h4 {
  margin: 0.5em 0 0 0;
}
@media only screen and (min-width: 980px) {
  #content-wrapper .subnav-col ul + h4 {
    margin: 1em 0 0 0;
  }
}
#content-wrapper .subnav-col ul {
  margin: 0;
  padding: 0;
  display: block;
}
#content-wrapper .subnav-col ul li {
  list-style-type: none;
  line-height: 1.2;
}
#content-wrapper .subnav-col ul li a {
  padding: 0.5em 1em;
  display: block;
}
#content-wrapper .subnav-col ul li a.current {
  background-color: #3aabdc;
  color: #ffffff;
}
#content-wrapper .subnav-col ul li a:hover,
#content-wrapper .subnav-col ul li a:active {
  background-color: #50b4e0;
  color: #ffffff;
  text-decoration: none;
}
#content-wrapper .subnav-col ul li.open > a {
  background-color: #eee;
  font-weight: bold;
}
#content-wrapper .subnav-col ul li.open > a:hover,
#content-wrapper .subnav-col ul li.open > a:active {
  background-color: #50b4e0;
  color: #ffffff;
  text-decoration: none;
}
#content-wrapper .subnav-col ul li.open > a.current {
  background-color: #3aabdc;
  font-weight: bold;
}
#content-wrapper .subnav-col ul li.open > a.current:hover,
#content-wrapper .subnav-col ul li.open > a.current:active {
  background-color: #50b4e0;
  color: #ffffff;
  text-decoration: none;
}
#content-wrapper .subnav-col ul li ul {
  background-color: #eee;
}
#content-wrapper .subnav-col ul li ul li a {
  padding: 0.5em 1em 0.5em 2em;
  border-bottom: none;
}
#content-wrapper .subnav-col ul li ul li a:before {
  content: "\00bb ";
  margin: 0 0 0 -1em;
  width: 1em;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #content-wrapper .subnav-col {
    border-right: none;
    margin-bottom: 1.5em;
  }
  #content-wrapper .subnav-col h4 {
    background: #e6e6e6 url(../img/grey-arrow-down.png) no-repeat 98% 0.9em;
    padding: 0.4em 0.5em 0.4em 0.5em;
    cursor: pointer;
    border-bottom: none;
  }
  #content-wrapper .subnav-col h4.active {
    background: #e6e6e6 url(../img/grey-arrow-up.png) no-repeat 98% 0.9em;
  }
  #content-wrapper .subnav-col ul {
    display: none;
    border-bottom: 1px solid #3aabdc;
  }
  #content-wrapper .subnav-col ul ul {
    display: block;
    border-bottom: none;
  }
}
/* ----- @@ Feature column ----- */
.feature-col {
  padding: 2.5em 0 0 0;
  border-top: 1px solid #949698;
}
@media only screen and (min-width: 768px) {
  .feature-col {
    padding: 2.9em 0 0 0;
    border-top: none;
  }
}
@media only screen and (min-width: 980px) {
  .feature-col {
    padding: 3.7em 0 0 0;
  }
}
.feature-col:empty {
  border-top: none;
  padding: 0;
}
.feature-col > figure:first-child,
.feature-col > img:first-child {
  margin-top: 0.2em;
}
/*  @@ TYPOGRAPHY  ============================================================================= */
h1,
.wf-loading h1 {
  /* styles to use before Typekit is loaded */
}
.wf-active h1 {
  /* styles to use after Typekit is loaded */
}
/* ----- @@ headings ----- */
/* Min size 20px for wf-active header text */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "league-gothic", Arial, sans-serif;
  font-weight: normal;
  line-height: 1.2;
  color: #333333;
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
  font-style: italic;
}
h1 {
  line-height: 1;
}
h1 span.maori {
  font-style: italic;
}
h1 span.subheading {
  font-size: 0.8em;
}
h1 {
  font-size: 2.625em;
  /* 42 / 16 */
}
.wf-active h1 {
  font-size: 3.25em;
  /* 52 / 16 */
}
h2,
.h2 {
  font-size: 1.875em;
  /* 30 / 16 */
}
h2 span.subheading,
.h2 span.subheading {
  font-size: 0.8em;
}
.wf-active h2,
.wf-active .h2 {
  font-size: 2.5em;
  /* 40 / 16 */
}
.wf-active h2 span.subheading,
.wf-active .h2 span.subheading {
  font-size: 0.8em;
}
/* slightly tighter line height for h2 headings in about/history page */
.history h2 {
  line-height: 1;
}
h3,
.h3 {
  font-size: 1.5625em;
  /* 25 / 16 */
}
h3 span.subheading,
.h3 span.subheading {
  font-size: 0.7em;
}
h3 span.subheading-newline,
.h3 span.subheading-newline {
  font-size: 0.7em;
  display: block;
}
.wf-active h3,
.wf-active .h3 {
  font-size: 1.75em;
  /* 28 / 16 */
}
.wf-active h3 span.subheading,
.wf-active .h3 span.subheading {
  font-size: 0.7em;
}
.wf-active h3 span.subheading-newline,
.wf-active .h3 span.subheading-newline {
  font-size: 0.7em;
  display: block;
}
.homepage .content-col h3 {
  font-size: 1.3125em;
  /* 21 / 16 */
}
.wf-active .homepage .content-col h3 {
  font-size: 1.5em;
  /* 24 / 16 */
}
.homepage .videos-social-media .col.col1 h3 {
  background: transparent url(../img/minds-over-media-sm.png) no-repeat 100% 100%;
}
@media only screen and (min-width: 768px) {
  .homepage .videos-social-media .col.col1 h3 {
    background: transparent url(../img/minds-over-media.png) no-repeat 100% 100%;
  }
}
h4,
.h4 {
  font-size: 1.3125em;
  /* 21 / 16 */
}
.wf-active h4,
.wf-active .h4 {
  font-size: 1.5em;
  /* 24 / 16 */
}
.homepage .content-col h4 {
  font-size: 1.125em;
  /* 18 / 16 */
}
.wf-active .homepage .content-col h4 {
  font-size: 1.25em;
  /* 20 / 16 */
}
.search h4 {
  font-size: 0.875em;
  /* 14 / 16 */
}
.wf-active .search h4 {
  font-size: 1.25em;
  /* 20 / 16 */
}
h5,
.h5 {
  font-size: 1.125em;
  /* 18 / 16 */
}
.wf-active h5,
.wf-active .h5 {
  font-size: 1.25em;
  /* 20 / 16 */
}
.homepage .content-col .transcript-block h5 {
  font-size: 1.0625em;
  /* 17 / 16 */
}
.wf-active .homepage .content-col .transcript-block h5 {
  font-size: 1.1875em;
  /* 19 / 16 */
}
h6,
.h6 {
  font-size: 1.125em;
  /* 18 / 16 */
}
.wf-active h6,
.wf-active .h6 {
  font-size: 1.25em;
  /* 20 / 16 */
}
.accordion h3,
.accordion h4,
.accordion h5,
.accordion h6 {
  font-size: 1.0625em;
  /* 17 / 16 */
}
.wf-active .accordion h3,
.wf-active .accordion h4,
.wf-active .accordion h5,
.wf-active .accordion h6 {
  font-size: 1.25em;
  /* 20 / 16 */
}
.picture-text-block .text-col h2,
.picture-text-block .text-col h3,
.picture-text-block .text-col h4,
.picture-text-block .text-col h5,
.picture-text-block .text-col h6 {
  font-size: 1.5625em;
  /* 25 / 16 */
}
.wf-active .picture-text-block .text-col h2,
.wf-active .picture-text-block .text-col h3,
.wf-active .picture-text-block .text-col h4,
.wf-active .picture-text-block .text-col h5,
.wf-active .picture-text-block .text-col h6 {
  font-size: 1.75em;
  /* 28 / 16 */
}
@media only screen and (min-width: 320px) {
  h1 {
    font-size: 2.75em;
    /* 44 / 16 */
  }
  .wf-active h1 {
    font-size: 3.375em;
    /* 54 / 16 */
  }
  h2,
  .h2 {
    font-size: 2em;
    /* 32 / 16 */
  }
  .wf-active h2,
  .wf-active .h2 {
    font-size: 2.625em;
    /* 42 / 16 */
  }
  h3,
  .h3 {
    font-size: 1.6875em;
    /* 27 / 16 */
  }
  .wf-active h3,
  .wf-active .h3 {
    font-size: 1.875em;
    /* 30 / 16 */
  }
  .homepage .content-col h3 {
    font-size: 1.4375em;
    /* 23 / 16 */
  }
  .wf-active .homepage .content-col h3 {
    font-size: 1.625em;
    /* 26 / 16 */
  }
  h4,
  .h4 {
    font-size: 1.4375em;
    /* 23 / 16 */
  }
  .wf-active h4,
  .wf-active .h4 {
    font-size: 1.625em;
    /* 26 / 16 */
  }
  .homepage .content-col h4 {
    font-size: 1.1875em;
    /* 19 / 16 */
  }
  .wf-active .homepage .content-col h4 {
    font-size: 1.375em;
    /* 22 / 16 */
  }
  h5,
  .h5 {
    font-size: 1.1875em;
    /* 19 / 16 */
  }
  .wf-active h5,
  .wf-active .h5 {
    font-size: 1.375em;
    /* 22 / 16 */
  }
  .homepage .content-col .transcript-block h5 {
    font-size: 1.0625em;
    /* 17 / 16 */
  }
  .wf-active .homepage .content-col .transcript-block h5 {
    font-size: 1.25em;
    /* 20 / 16 */
  }
  h6,
  .h6 {
    font-size: 1em;
    /* 16 / 16 */
  }
  .wf-active h6,
  .wf-active .h6 {
    font-size: 1.125em;
    /* 18 / 16 */
  }
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    font-size: 1.1875em;
    /* 19 / 16 */
  }
  .wf-active .accordion h3,
  .wf-active .accordion h4,
  .wf-active .accordion h5,
  .wf-active .accordion h6 {
    font-size: 1.375em;
    /* 22 / 16 */
  }
  .picture-text-block .text-col h2,
  .picture-text-block .text-col h3,
  .picture-text-block .text-col h4,
  .picture-text-block .text-col h5,
  .picture-text-block .text-col h6 {
    font-size: 1.6875em;
    /* 27 / 16 */
  }
  .wf-active .picture-text-block .text-col h2,
  .wf-active .picture-text-block .text-col h3,
  .wf-active .picture-text-block .text-col h4,
  .wf-active .picture-text-block .text-col h5,
  .wf-active .picture-text-block .text-col h6 {
    font-size: 1.875em;
    /* 30 / 16 */
  }
}
@media only screen and (min-width: 600px) {
  h1 {
    font-size: 3em;
    /* 48 / 16 */
  }
  .wf-active h1 {
    font-size: 3.5em;
    /* 56 / 16 */
  }
  h2,
  .h2 {
    font-size: 2.25em;
    /* 36 / 16 */
  }
  .wf-active h2,
  .wf-active .h2 {
    font-size: 2.75em;
    /* 44 / 16 */
  }
  h3,
  .h3 {
    font-size: 1.75em;
    /* 28 / 16 */
  }
  .wf-active h3,
  .wf-active .h3 {
    font-size: 2em;
    /* 32 / 16 */
  }
  .homepage .content-col h3 {
    font-size: 1.5em;
    /* 24 / 16 */
  }
  .wf-active .homepage .content-col h3 {
    font-size: 1.75em;
    /* 28 / 16 */
  }
  h4,
  .h4 {
    font-size: 1.5em;
    /* 24 / 16 */
  }
  .wf-active h4,
  .wf-active .h4 {
    font-size: 1.75em;
    /* 28 / 16 */
  }
  .homepage .content-col h4 {
    font-size: 1.25em;
    /* 20 / 16 */
  }
  .wf-active .homepage .content-col h4 {
    font-size: 1.5em;
    /* 24 / 16 */
  }
  h5,
  .h5 {
    font-size: 1.25em;
    /* 20 / 16 */
  }
  .wf-active h5,
  .wf-active .h5 {
    font-size: 1.5em;
    /* 24 / 16 */
  }
  .homepage .content-col .transcript-block h5 {
    font-size: 1.125em;
    /* 18 / 16 */
  }
  .wf-active .homepage .content-col .transcript-block h5 {
    font-size: 1.375em;
    /* 22 / 16 */
  }
  h6,
  .h6 {
    font-size: 1em;
    /* 16 / 16 */
  }
  .wf-active h6,
  .wf-active .h6 {
    font-size: 1.25em;
    /* 20 / 16 */
  }
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    font-size: 1.25em;
    /* 20 / 16 */
  }
  .wf-active .accordion h3,
  .wf-active .accordion h4,
  .wf-active .accordion h5,
  .wf-active .accordion h6 {
    font-size: 1.5em;
    /* 24 / 16  */
  }
  .picture-text-block .text-col h2,
  .picture-text-block .text-col h3,
  .picture-text-block .text-col h4,
  .picture-text-block .text-col h5,
  .picture-text-block .text-col h6 {
    font-size: 1.75em;
    /* 28 / 16 */
  }
  .wf-active .picture-text-block .text-col h2,
  .wf-active .picture-text-block .text-col h3,
  .wf-active .picture-text-block .text-col h4,
  .wf-active .picture-text-block .text-col h5,
  .wf-active .picture-text-block .text-col h6 {
    font-size: 2em;
    /* 32 / 16 */
  }
}
@media only screen and (min-width: 768px) {
  h1 {
    font-size: 3em;
    /* 48 / 16 */
  }
  .wf-active h1 {
    font-size: 3.625em;
    /* 58 / 16 */
  }
  h2,
  .h2 {
    font-size: 2.25em;
    /* 36 / 16 */
  }
  .wf-active h2,
  .wf-active .h2 {
    font-size: 2.875em;
    /* 46 / 16 */
  }
  h3,
  .h3 {
    font-size: 1.8125em;
    /* 29 / 16 */
  }
  .wf-active h3,
  .wf-active .h3 {
    font-size: 2.125em;
    /* 34 / 16 */
  }
  .homepage .content-col h3 {
    font-size: 1.5625em;
    /* 25 / 16 */
  }
  .wf-active .homepage .content-col h3 {
    font-size: 1.875em;
    /* 30 / 16 */
  }
  h4,
  .h4 {
    font-size: 1.5625em;
    /* 25 / 16 */
  }
  .wf-active h4,
  .wf-active .h4 {
    font-size: 1.875em;
    /* 30 / 16 */
  }
  .homepage .content-col h4 {
    font-size: 1.3125em;
    /* 21 / 16 */
  }
  .wf-active .homepage .content-col h4 {
    font-size: 1.625em;
    /* 26 / 16 */
  }
  h5,
  .h5 {
    font-size: 1.3125em;
    /* 21 / 16 */
  }
  .wf-active h5,
  .wf-active .h5 {
    font-size: 1.625em;
    /* 26 / 16 */
  }
  .homepage .content-col .transcript-block h5 {
    font-size: 1.1875em;
    /* 19 / 16 */
  }
  .wf-active .homepage .content-col .transcript-block h5 {
    font-size: 1.5em;
    /* 24 / 16 */
  }
  h6,
  .h6 {
    font-size: 1.0625em;
    /* 17 / 16 */
  }
  .wf-active h6,
  .wf-active .h6 {
    font-size: 1.375em;
    /* 22 / 16 */
  }
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    font-size: 1.3125em;
    /* 21 / 16 */
  }
  .wf-active .accordion h3,
  .wf-active .accordion h4,
  .wf-active .accordion h5,
  .wf-active .accordion h6 {
    font-size: 1.625em;
    /* 26 / 16 */
  }
  .picture-text-block .text-col h2,
  .picture-text-block .text-col h3,
  .picture-text-block .text-col h4,
  .picture-text-block .text-col h5,
  .picture-text-block .text-col h6 {
    font-size: 1.8125em;
    /* 29 / 16 */
  }
  .wf-active .picture-text-block .text-col h2,
  .wf-active .picture-text-block .text-col h3,
  .wf-active .picture-text-block .text-col h4,
  .wf-active .picture-text-block .text-col h5,
  .wf-active .picture-text-block .text-col h6 {
    font-size: 2.125em;
    /* 34 / 16 */
  }
}
@media only screen and (min-width: 980px) {
  h1 {
    font-size: 3.125em;
    /* 50 / 16 */
  }
  .wf-active h1 {
    font-size: 3.75em;
    /* 60 / 16 */
  }
  h2,
  .h2 {
    font-size: 2.375em;
    /* 38 / 16 */
  }
  .wf-active h2,
  .wf-active .h2 {
    font-size: 3em;
    /* 48 / 16 */
  }
  h3,
  .h3 {
    font-size: 1.9325em;
    /* 31 / 16 */
  }
  .wf-active h3,
  .wf-active .h3 {
    font-size: 2.25em;
    /* 36 / 16 */
  }
  .homepage .content-col h3 {
    font-size: 1.6875em;
    /* 27 / 16 */
  }
  .wf-active .homepage .content-col h3 {
    font-size: 2em;
    /* 32 / 16 */
  }
  h4,
  .h4 {
    font-size: 1.6875em;
    /* 27 / 16 */
  }
  .wf-active h4,
  .wf-active .h4 {
    font-size: 2em;
    /* 32 / 16 */
  }
  .homepage .content-col h4 {
    font-size: 1.4375em;
    /* 23 / 16 */
  }
  .wf-active .homepage .content-col h4 {
    font-size: 1.75em;
    /* 28 / 16 */
  }
  h5,
  .h5 {
    font-size: 1.4375em;
    /* 23 / 16 */
  }
  .wf-active h5,
  .wf-active .h5 {
    font-size: 1.75em;
    /* 28 / 16 */
  }
  .homepage .content-col .transcript-block h5 {
    font-size: 1.3125em;
    /* 21 / 16 */
  }
  .wf-active .homepage .content-col .transcript-block h5 {
    font-size: 1.625em;
    /* 26 / 16 */
  }
  h6,
  .h6 {
    font-size: 1.1875em;
    /* 19 / 16 */
  }
  .wf-active h6,
  .wf-active .h6 {
    font-size: 1.5em;
    /* 24 / 16 */
  }
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    font-size: 1.4375em;
    /* 23 / 16 */
  }
  .wf-active .accordion h3,
  .wf-active .accordion h4,
  .wf-active .accordion h5,
  .wf-active .accordion h6 {
    font-size: 1.75em;
    /* 28 / 16 */
  }
  .picture-text-block .text-col h2,
  .picture-text-block .text-col h3,
  .picture-text-block .text-col h4,
  .picture-text-block .text-col h5,
  .picture-text-block .text-col h6 {
    font-size: 1.9325em;
    /* 31 / 16 */
  }
  .wf-active .picture-text-block .text-col h2,
  .wf-active .picture-text-block .text-col h3,
  .wf-active .picture-text-block .text-col h4,
  .wf-active .picture-text-block .text-col h5,
  .wf-active .picture-text-block .text-col h6 {
    font-size: 2.25em;
    /* 36 / 16 */
  }
}
h1 {
  margin: 0 0 0.2em 0;
}
.homepage h1 {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
h2 {
  margin: 0.6em 0 0.2em 0;
}
.content-col > h2:first-child {
  margin-top: 0;
}
.slice1 > h2:first-child,
.slice2 > h2:first-child,
.slice12 > h2:first-child,
.slice1 > figure:first-child h2,
.slice2 > figure:first-child h2 {
  margin-top: 0;
}
/* slightly tighter line height for h2 headings in about/history page - so needs a bit more bottom margin */
.history h2 {
  margin-bottom: 0.3em;
}
.slices .coloured h2,
.slices .coloured h3,
.slices .coloured h4,
.slices .coloured h5,
.slices .coloured h6,
.slices .coloured p,
.slices .coloured ul,
.slices .coloured li,
.slices .coloured dl,
.slices .coloured figcaption,
.slices .coloured th,
.slices .coloured td {
  color: #ffffff;
}
.slices .coloured h2 a,
.slices .coloured h3 a,
.slices .coloured h4 a,
.slices .coloured h5 a,
.slices .coloured h6 a,
.slices .coloured p a,
.slices .coloured ul a,
.slices .coloured li a,
.slices .coloured dl a,
.slices .coloured figcaption a,
.slices .coloured th a,
.slices .coloured td a {
  color: #eaf5ff !important;
  text-decoration: underline !important;
}
h3 {
  margin: 0.83em 0 0.2em 0;
}
ul + h3,
ol + h3 {
  margin: 0.2em 0 0.2em 0;
}
.accordion h3,
.accordion h4,
.accordion h5,
.accordion h6 {
  background: #e6e6e6 url(../img/grey-arrow-down.png) no-repeat 96% 0.9em;
  color: #333333;
  padding: 0.5em 13% 0.5em 1em;
  margin: 0 0 0.2em 0;
  cursor: pointer;
}
.accordion h3.active,
.accordion h4.active,
.accordion h5.active,
.accordion h6.active {
  background: #e6e6e6 url(../img/grey-arrow-up.png) no-repeat 96% 0.9em;
}
@media only screen and (min-width: 520px) {
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    background: #e6e6e6 url(../img/grey-arrow-down.png) no-repeat 97.5% 0.9em;
    padding: 0.5em 8% 0.5em 1em;
  }
  .accordion h3.active,
  .accordion h4.active,
  .accordion h5.active,
  .accordion h6.active {
    background: #e6e6e6 url(../img/grey-arrow-up.png) no-repeat 97.5% 0.9em;
  }
}
.content-col > h3:first-child {
  margin-top: 0;
}
.slice1 > h3:first-child,
.slice1 > figure:first-child h3 {
  margin-top: 0;
}
.slice2 > h3:first-child,
.slice2 > figure:first-child h3 {
  margin-top: 0.3em;
}
h4 {
  margin: 0.95em 0 0.2em 0;
}
.content-col > h4:first-child {
  margin-top: 0;
}
.slice1 > h4:first-child,
.slice1 > figure:first-child h4 {
  margin-top: 0;
}
.slice2 > h4:first-child,
.slice2 > figure:first-child h4 {
  margin-top: 0.45em;
}
h5 {
  margin: 1.15em 0 0.2em 0;
}
.gallery h5 {
  margin: 0.5em 0 0.2em 0;
}
.content-col > h5:first-child {
  margin-top: 0;
}
.slice1 > h5:first-child,
.slice2 > h5:first-child,
.slice1 > figure:first-child h5,
.slice2 > figure:first-child h5 {
  margin-top: 0;
}
h6 {
  margin: 1.35em 0 0.2em 0;
}
.content-col > h6:first-child {
  margin-top: 0;
}
.slice1 > h6:first-child,
.slice2 > h6:first-child,
.slice1 > figure:first-child h6,
.slice2 > figure:first-child h6 {
  margin-top: 0;
}
/* ----- @@ paragraphs ----- */
p {
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-size: 1em;
  /* 16 / 16 = 1 */
  margin-bottom: 1.5em;
  line-height: 1.5;
}
p.subtitle {
  font-size: 1.5em;
  /* 24 / 16 */
  line-height: 1;
  font-weight: bold;
  margin-bottom: 1em;
}
p.intro {
  font-size: 1.125em;
  /* 18 / 16 */
  font-weight: bold;
}
p.center {
  text-align: center;
}
p.note {
  color: #6e7881;
  font-size: 0.875em;
  /* 14 / 16 */
}
p.author {
  font-style: italic;
  color: #6e7881;
}
p.author em {
  font-style: normal;
}
p.date {
  color: #6e7881;
  font-style: italic;
}
p.classification {
  font-weight: bold;
  margin-top: 1.5em;
  text-align: center;
  background: #f2f2f2;
  padding: 0.5em 1em;
}
p:empty {
  display: none;
}
figure + p.date {
  margin-top: -1em;
}
.alert {
  color: #e82c21;
}
p.pagination {
  font-weight: bold;
}
p.pagination a {
  padding: 0 10px;
  background-color: #3aabdc;
  display: inline-block;
  font-weight: normal;
  color: #ffffff !important;
}
p.pagination span {
  padding: 0 8px 0 0;
}
#content-wrapper span.ratedr {
  background-color: #e82c21;
  padding: 0 5px;
  font-weight: bold;
  color: #ffffff;
  display: inline-block;
  border-bottom: 1px solid #ffffff;
}
#content-wrapper span.ratedpg,
#content-wrapper span.ratedm {
  background-color: #fcf000;
  padding: 0 5px;
  font-weight: bold;
  display: inline-block;
  border-bottom: 1px solid #ffffff;
}
#content-wrapper span.ratedg {
  background-color: #00a25f;
  padding: 0 5px;
  font-weight: bold;
  color: #ffffff;
  display: inline-block;
  border-bottom: 1px solid #ffffff;
}
.homepage .intro p {
  font-size: 1.0625em;
  /* 17 / 16 */
  text-align: center;
  padding: 0 5%;
}
@media only screen and (min-width: 616px) {
  .homepage .intro p {
    padding: 0;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .homepage .intro p {
    font-size: 1.1875em;
    /* 19 / 16 */
  }
}
@media only screen and (min-width: 800px) {
  .homepage .intro p {
    font-size: 1.1875em;
    /* 19 / 16 */
    padding: 0 10%;
    text-align: center;
  }
}
@media only screen and (min-width: 980px) {
  .homepage .intro p {
    font-size: 1.3125em;
    /* 21 / 16 */
    padding: 0 15%;
  }
}
.homepage .outtro p {
  font-size: 1.0625em;
  /* 17 / 16 */
  text-align: center;
  padding: 0 5%;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .homepage .outtro p {
    font-size: 1.1875em;
    /* 19 / 16 */
    padding: 0 10%;
  }
}
@media only screen and (min-width: 980px) {
  .homepage .outtro p {
    font-size: 1.3125em;
    /* 21 / 16 */
    padding: 0 15%;
  }
}
.gallery p {
  font-size: 0.9375em;
  /* 15 / 16 */
}
.and {
  font-family: GoudyBookletter1911Regular, Georgia, Times New Roman, sans-serif;
  font-size: 1.5em;
  /* 24 / 16 */
}
b,
strong {
  font-weight: bold;
}
i,
em {
  font-style: italic;
}
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}
/* ----- @@ lists ----- */
.content-col,
.feature-col,
.superfooter {
  /*ul.anchor-list.snapshots { 
		clear: both;
		float: left;
		li {
			width: 50%;
			float: left;
			.box-sizing(@boxsize: border-box);
		}
	}*/
}
.content-col ul,
.feature-col ul,
.superfooter ul {
  margin: 0;
  padding: 0 0 20px 10px;
}
.content-col ul li ul,
.feature-col ul li ul,
.superfooter ul li ul,
.content-col ul li ul li ul,
.feature-col ul li ul li ul,
.superfooter ul li ul li ul,
.content-col ul li ol li ul,
.feature-col ul li ol li ul,
.superfooter ul li ol li ul,
.content-col ol li ul,
.feature-col ol li ul,
.superfooter ol li ul,
.content-col ol li ul li ul,
.feature-col ol li ul li ul,
.superfooter ol li ul li ul,
.content-col ol li ol li ul,
.feature-col ol li ol li ul,
.superfooter ol li ol li ul {
  margin: 0 0 -6px 1px;
  padding: 6px 0 0 0;
}
.content-col p + ul,
.feature-col p + ul,
.superfooter p + ul {
  margin: -12px 0 0 0;
}
.content-col ul li p,
.feature-col ul li p,
.superfooter ul li p {
  margin: 0;
  padding: 0;
}
.content-col ol,
.feature-col ol,
.superfooter ol {
  margin: 0 0 0 30px;
  padding: 0 0 20px 0;
}
.content-col ul li ol,
.feature-col ul li ol,
.superfooter ul li ol,
.content-col ul li ul li ol,
.feature-col ul li ul li ol,
.superfooter ul li ul li ol,
.content-col ul li ol li ol,
.feature-col ul li ol li ol,
.superfooter ul li ol li ol,
.content-col ol li ol,
.feature-col ol li ol,
.superfooter ol li ol,
.content-col ol li ul li ol,
.feature-col ol li ul li ol,
.superfooter ol li ul li ol,
.content-col ol li ol li ol,
.feature-col ol li ol li ol,
.superfooter ol li ol li ol {
  margin: 0 0 -6px 20px;
  padding: 6px 0 0 0;
}
.content-col p + ol,
.feature-col p + ol,
.superfooter p + ol {
  margin: -12px 0 0 30px;
}
.content-col ol li p,
.feature-col ol li p,
.superfooter ol li p {
  margin: 0;
  padding: 0;
}
.content-col ol li,
.feature-col ol li,
.superfooter ol li {
  margin: 0;
  padding: 0 0 5px 0;
  list-style-type: decimal;
  background: none;
}
.content-col ol.lower-alpha li,
.feature-col ol.lower-alpha li,
.superfooter ol.lower-alpha li {
  list-style-type: lower-alpha;
}
.content-col ol.upper-alpha li,
.feature-col ol.upper-alpha li,
.superfooter ol.upper-alpha li {
  list-style-type: upper-alpha;
}
.content-col ol.lower-roman li,
.feature-col ol.lower-roman li,
.superfooter ol.lower-roman li {
  list-style-type: lower-roman;
}
.content-col ol.upper-roman li,
.feature-col ol.upper-roman li,
.superfooter ol.upper-roman li {
  list-style-type: upper-roman;
}
.content-col ol.lower-alpha-brackets,
.feature-col ol.lower-alpha-brackets,
.superfooter ol.lower-alpha-brackets {
  list-style-type: none;
  margin: 0 0 0 10px;
}
.content-col ol.lower-alpha-brackets li:before,
.feature-col ol.lower-alpha-brackets li:before,
.superfooter ol.lower-alpha-brackets li:before {
  content: "(" counter(section, lower-alpha) ") ";
}
.content-col ol.lower-alpha-brackets li,
.feature-col ol.lower-alpha-brackets li,
.superfooter ol.lower-alpha-brackets li {
  counter-increment: section;
  list-style-type: none;
}
.content-col ol.lower-alpha-brackets li ol.lower-alpha,
.feature-col ol.lower-alpha-brackets li ol.lower-alpha,
.superfooter ol.lower-alpha-brackets li ol.lower-alpha,
.content-col ol.lower-alpha-brackets li ol.upper-alpha,
.feature-col ol.lower-alpha-brackets li ol.upper-alpha,
.superfooter ol.lower-alpha-brackets li ol.upper-alpha,
.content-col ol.lower-alpha-brackets li ol.lower-roman,
.feature-col ol.lower-alpha-brackets li ol.lower-roman,
.superfooter ol.lower-alpha-brackets li ol.lower-roman,
.content-col ol.lower-alpha-brackets li ol.upper-roman,
.feature-col ol.lower-alpha-brackets li ol.upper-roman,
.superfooter ol.lower-alpha-brackets li ol.upper-roman,
.content-col ol.lower-alpha-brackets li ol.decimal,
.feature-col ol.lower-alpha-brackets li ol.decimal,
.superfooter ol.lower-alpha-brackets li ol.decimal {
  margin: 0 0 -6px 40px;
}
.content-col ol.lower-alpha-brackets li ol.lower-alpha li:before,
.feature-col ol.lower-alpha-brackets li ol.lower-alpha li:before,
.superfooter ol.lower-alpha-brackets li ol.lower-alpha li:before,
.content-col ol.lower-alpha-brackets li ol.upper-alpha li:before,
.feature-col ol.lower-alpha-brackets li ol.upper-alpha li:before,
.superfooter ol.lower-alpha-brackets li ol.upper-alpha li:before,
.content-col ol.lower-alpha-brackets li ol.lower-roman li:before,
.feature-col ol.lower-alpha-brackets li ol.lower-roman li:before,
.superfooter ol.lower-alpha-brackets li ol.lower-roman li:before,
.content-col ol.lower-alpha-brackets li ol.upper-roman li:before,
.feature-col ol.lower-alpha-brackets li ol.upper-roman li:before,
.superfooter ol.lower-alpha-brackets li ol.upper-roman li:before,
.content-col ol.lower-alpha-brackets li ol.decimal li:before,
.feature-col ol.lower-alpha-brackets li ol.decimal li:before,
.superfooter ol.lower-alpha-brackets li ol.decimal li:before {
  content: " ";
}
.content-col ol.lower-alpha-brackets li ol.lower-alpha li:first-of-type,
.feature-col ol.lower-alpha-brackets li ol.lower-alpha li:first-of-type,
.superfooter ol.lower-alpha-brackets li ol.lower-alpha li:first-of-type,
.content-col ol.lower-alpha-brackets li ol.upper-alpha li:first-of-type,
.feature-col ol.lower-alpha-brackets li ol.upper-alpha li:first-of-type,
.superfooter ol.lower-alpha-brackets li ol.upper-alpha li:first-of-type,
.content-col ol.lower-alpha-brackets li ol.lower-roman li:first-of-type,
.feature-col ol.lower-alpha-brackets li ol.lower-roman li:first-of-type,
.superfooter ol.lower-alpha-brackets li ol.lower-roman li:first-of-type,
.content-col ol.lower-alpha-brackets li ol.upper-roman li:first-of-type,
.feature-col ol.lower-alpha-brackets li ol.upper-roman li:first-of-type,
.superfooter ol.lower-alpha-brackets li ol.upper-roman li:first-of-type,
.content-col ol.lower-alpha-brackets li ol.decimal li:first-of-type,
.feature-col ol.lower-alpha-brackets li ol.decimal li:first-of-type,
.superfooter ol.lower-alpha-brackets li ol.decimal li:first-of-type {
  counter-reset: section;
}
.content-col ol.lower-alpha-brackets li ol.lower-alpha li,
.feature-col ol.lower-alpha-brackets li ol.lower-alpha li,
.superfooter ol.lower-alpha-brackets li ol.lower-alpha li {
  list-style-type: lower-alpha;
}
.content-col ol.lower-alpha-brackets li ol.upper-alpha li,
.feature-col ol.lower-alpha-brackets li ol.upper-alpha li,
.superfooter ol.lower-alpha-brackets li ol.upper-alpha li {
  list-style-type: upper-alpha;
}
.content-col ol.lower-alpha-brackets li ol.lower-roman li,
.feature-col ol.lower-alpha-brackets li ol.lower-roman li,
.superfooter ol.lower-alpha-brackets li ol.lower-roman li {
  list-style-type: lower-roman;
}
.content-col ol.lower-alpha-brackets li ol.upper-roman li,
.feature-col ol.lower-alpha-brackets li ol.upper-roman li,
.superfooter ol.lower-alpha-brackets li ol.upper-roman li {
  list-style-type: upper-roman;
}
.content-col ol.lower-alpha-brackets li ol.decimal li,
.feature-col ol.lower-alpha-brackets li ol.decimal li,
.superfooter ol.lower-alpha-brackets li ol.decimal li {
  list-style-type: decimal;
}
.content-col ol.decimal li,
.feature-col ol.decimal li,
.superfooter ol.decimal li {
  list-style-type: decimal;
}
.content-col ul.link-list,
.feature-col ul.link-list,
.superfooter ul.link-list {
  padding: 0 0 20px 24px;
}
.content-col ul.link-list li:before,
.feature-col ul.link-list li:before,
.superfooter ul.link-list li:before {
  content: "\203A";
  margin: 0 0.5em 0 -0.8em;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1;
}
.content-col ul.link-list li,
.feature-col ul.link-list li,
.superfooter ul.link-list li {
  margin: 0;
  padding: 0 0 5px 0;
  list-style-type: none;
  background: none;
}
.content-col ul.link-list li ul,
.feature-col ul.link-list li ul,
.superfooter ul.link-list li ul {
  padding: 5px 0 2px 24px;
}
.content-col ul.anchor-list,
.feature-col ul.anchor-list,
.superfooter ul.anchor-list {
  padding: 0 0 20px 10px;
}
.content-col ul.anchor-list li,
.feature-col ul.anchor-list li,
.superfooter ul.anchor-list li {
  background: url(../img/arrow-anchor.gif) no-repeat 0 4px;
  padding: 0 0 5px 22px;
}
.content-col ul.anchor-list li ul,
.feature-col ul.anchor-list li ul,
.superfooter ul.anchor-list li ul {
  padding: 5px 0 2px 14px;
}
.content-col ul.anchor-list.snapshots,
.feature-col ul.anchor-list.snapshots,
.superfooter ul.anchor-list.snapshots {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
}
.content-col ul li,
.feature-col ul li,
.superfooter ul li {
  margin: 0;
  padding: 0 0 5px 15px;
  list-style-type: none;
}
.content-col ul li ul li,
.feature-col ul li ul li,
.superfooter ul li ul li,
.content-col ul li ul li ul li,
.feature-col ul li ul li ul li,
.superfooter ul li ul li ul li,
.content-col ul li ol li ul li,
.feature-col ul li ol li ul li,
.superfooter ul li ol li ul li,
.content-col ol li ul li,
.feature-col ol li ul li,
.superfooter ol li ul li,
.content-col ol li ul li ul li,
.feature-col ol li ul li ul li,
.superfooter ol li ul li ul li,
.content-col ol li ol li ul li,
.feature-col ol li ol li ul li,
.superfooter ol li ol li ul li {
  margin: 0;
  padding: 0 0 5px 15px;
  list-style-type: none;
}
.content-col ul li ol li,
.feature-col ul li ol li,
.superfooter ul li ol li,
.content-col ul li ul li ol li,
.feature-col ul li ul li ol li,
.superfooter ul li ul li ol li,
.content-col ul li ol li ol li,
.feature-col ul li ol li ol li,
.superfooter ul li ol li ol li,
.content-col ol li ol li,
.feature-col ol li ol li,
.superfooter ol li ol li,
.content-col ol li ul li ol li,
.feature-col ol li ul li ol li,
.superfooter ol li ul li ol li,
.content-col ol li ol li ol li,
.feature-col ol li ol li ol li,
.superfooter ol li ol li ol li {
  margin: 0;
  padding: 0 0 5px 0;
  list-style-type: decimal;
}
.superfooter ul {
  margin: 0;
  padding: 0 0 20px 0;
}
.content-col ul li,
.feature-col ul li,
.superfooter ul li {
  background: url(../img/bullet.png) no-repeat 0 9px;
}
.content-col ul li.no-bullet,
.feature-col ul li.no-bullet,
.superfooter ul li.no-bullet {
  background: none;
}
.content-col ul.add-bullet li.no-bullet,
.feature-col ul.add-bullet li.no-bullet,
.superfooter ul.add-bullet li.no-bullet {
  /* Use this class in the html to add the bullet back in for list items where the document name/icon is on a new row within the list item and therefore the list item needs its bullet */
  background: url(../img/bullet.png) no-repeat 0 9px;
}
.content-col ul li ul li,
.feature-col ul li ul li,
.superfooter ul li ul li,
.content-col ul li ul li ul li,
.feature-col ul li ul li ul li,
.superfooter ul li ul li ul li,
.content-col ul li ol li ul li,
.feature-col ul li ol li ul li,
.superfooter ul li ol li ul li,
.content-col ol li ul li,
.feature-col ol li ul li,
.superfooter ol li ul li,
.content-col ol li ul li ul li,
.feature-col ol li ul li ul li,
.superfooter ol li ul li ul li,
.content-col ol li ol li ul li,
.feature-col ol li ol li ul li,
.superfooter ol li ol li ul li {
  background: url(../img/bullet.png) no-repeat 0 9px;
}
.content-col ul li ul li.no-bullet,
.feature-col ul li ul li.no-bullet,
.superfooter ul li ul li.no-bullet,
.content-col ul li ul li ul li.no-bullet,
.feature-col ul li ul li ul li.no-bullet,
.superfooter ul li ul li ul li.no-bullet,
.content-col ul li ol li ul li.no-bullet,
.feature-col ul li ol li ul li.no-bullet,
.superfooter ul li ol li ul li.no-bullet,
.content-col ol li ul li.no-bullet,
.feature-col ol li ul li.no-bullet,
.superfooter ol li ul li.no-bullet,
.content-col ol li ul li ul li.no-bullet,
.feature-col ol li ul li ul li.no-bullet,
.superfooter ol li ul li ul li.no-bullet,
.content-col ol li ol li ul li.no-bullet,
.feature-col ol li ol li ul li.no-bullet,
.superfooter ol li ol li ul li.no-bullet {
  background: none;
}
.content-col ul.add-bullet li ul li.no-bullet,
.feature-col ul.add-bullet li ul li.no-bullet,
.superfooter ul.add-bullet li ul li.no-bullet,
.content-col ul.add-bullet li ul li ul li.no-bullet,
.feature-col ul.add-bullet li ul li ul li.no-bullet,
.superfooter ul.add-bullet li ul li ul li.no-bullet,
.content-col ul.add-bullet li ol li ul li.no-bullet,
.feature-col ul.add-bullet li ol li ul li.no-bullet,
.superfooter ul.add-bullet li ol li ul li.no-bullet,
.content-col ol.add-bullet li ul li.no-bullet,
.feature-col ol.add-bullet li ul li.no-bullet,
.superfooter ol.add-bullet li ul li.no-bullet,
.content-col ol.add-bullet li ul li ul li.no-bullet,
.feature-col ol.add-bullet li ul li ul li.no-bullet,
.superfooter ol.add-bullet li ul li ul li.no-bullet,
.content-col ol.add-bullet li ol li ul li.no-bullet,
.feature-col ol.add-bullet li ol li ul li.no-bullet,
.superfooter ol.add-bullet li ol li ul li.no-bullet {
  background: url(../img/bullet.png) no-repeat 0 9px;
}
.content-col ul li ol li,
.feature-col ul li ol li,
.superfooter ul li ol li,
.content-col ul li ul li ol li,
.feature-col ul li ul li ol li,
.superfooter ul li ul li ol li,
.content-col ul li ol li ol li,
.feature-col ul li ol li ol li,
.superfooter ul li ol li ol li,
.content-col ol li ol li,
.feature-col ol li ol li,
.superfooter ol li ol li,
.content-col ol li ul li ol li,
.feature-col ol li ul li ol li,
.superfooter ol li ul li ol li,
.content-col ol li ol li ol li,
.feature-col ol li ol li ol li,
.superfooter ol li ol li ol li {
  background: none;
}
.content-col ul.link-list li:before,
.feature-col ul.link-list li:before,
.superfooter ul.link-list li:before {
  color: #3aabdc;
}
.content-col .coloured ul li {
  background: url(../img/bullet-white.gif) no-repeat 0 9px;
}
.content-col .coloured ul li.no-bullet {
  background: none;
}
.content-col .coloured ul.add-bullet li.no-bullet {
  background: url(../img/bullet-white.gif) no-repeat 0 9px;
}
.content-col .coloured ul li ul li,
.content-col .coloured ul li ul li ul li,
.content-col .coloured ul li ol li ul li,
.content-col .coloured ol li ul li,
.content-col .coloured ol li ul li ul li,
.content-col .coloured ol li ol li ul li {
  background: url(../img/bullet-white.gif) no-repeat 0 9px;
}
.content-col .coloured ul li ul li.no-bullet,
.content-col .coloured ul li ul li ul li.no-bullet,
.content-col .coloured ul li ol li ul li.no-bullet,
.content-col .coloured ol li ul li.no-bullet,
.content-col .coloured ol li ul li ul li.no-bullet,
.content-col .coloured ol li ol li ul li.no-bullet {
  background: none;
}
.content-col .coloured ul.add-bullet li ul li.no-bullet,
.content-col .coloured ul.add-bullet li ul li ul li.no-bullet,
.content-col .coloured ul.add-bullet li ol li ul li.no-bullet,
.content-col .coloured ol.add-bullet li ul li.no-bullet,
.content-col .coloured ol.add-bullet li ul li ul li.no-bullet,
.content-col .coloured ol.add-bullet li ol li ul li.no-bullet {
  background: url(../img/bullet-white.gif) no-repeat 0 9px;
}
.content-col .coloured ul li ol li,
.content-col .coloured ul li ul li ol li,
.content-col .coloured ul li ol li ol li,
.content-col .coloured ol li ol li,
.content-col .coloured ol li ul li ol li,
.content-col .coloured ol li ol li ol li {
  background: none;
}
.content-col .coloured ul.link-list li:before {
  color: #ffffff;
}
.content-col .coloured ul.link-list li {
  margin: 0;
  padding: 0 0 5px 0;
  list-style-type: none;
  background: none;
}
.content-col .breadcrumbs {
  padding: 0 0 1.1em 0;
}
@media only screen and (min-width: 980px) {
  .content-col .breadcrumbs {
    padding: 0.85em 0 1.1em 0;
  }
}
.content-col .breadcrumbs ul {
  margin: 0;
  padding: 0;
}
.content-col .breadcrumbs ul li {
  background: none;
  display: inline;
  margin: 0;
  padding: 0;
}
.content-col .breadcrumbs ul li a:after {
  content: " \00bb";
  margin: 0 10px 0 1px;
}
/* ----- @@ definition lists ----- */
dl {
  margin: 0 0 1.5em 0;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 0 1.5em 1em;
}
dl.classification-labels {
  margin: 0;
  overflow: hidden;
  width: 100%;
}
dl.classification-labels dt {
  float: left;
  width: 25%;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 1% 2px 1%;
  color: #000000;
}
@media only screen and (min-width: 460px) {
  dl.classification-labels dt {
    width: 15%;
  }
}
dl.classification-labels dt.green-label {
  background: #00a25f;
}
dl.classification-labels dt.yellow-label {
  background: #fcf000;
}
dl.classification-labels dt.red-label {
  background: #e82c21;
}
dl.classification-labels dd {
  float: left;
  width: 70%;
  margin: 0 0 1.5em 3%;
}
@media only screen and (min-width: 460px) {
  dl.classification-labels dd {
    width: 80%;
  }
}
/* ----- @@ superscript and subscript ----- */
sup,
sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: 1.5;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ----- @@ blockquote ----- */
blockquote {
  margin: 0;
  padding: 0 0 1.5em 3.5em;
  background: url(../img/blockquote.png) no-repeat 0 7px;
  min-height: 3em;
  color: #000000;
  font-style: italic;
}
blockquote em {
  font-style: normal;
}
blockquote p:last-child {
  margin-bottom: 0;
}
cite {
  font-style: normal;
  text-align: left;
  width: 100%;
  display: block;
  margin-top: -2px;
  color: #6e7881;
}
cite em {
  font-style: italic;
}
.content-col cite,
.content-col .slice1 cite {
  margin: -2px 0 10px 0;
}
.content-col .slice2 cite {
  margin: 0;
}
.coloured blockquote {
  color: #ffffff;
}
.feature-col blockquote,
.slice2 blockquote {
  padding: 0.8em 0 1.5em 0;
  background: url(../img/blockquote.png) no-repeat 0 7px;
}
.feature-col blockquote p,
.slice2 blockquote p {
  margin-bottom: 0.5em;
}
.feature-col blockquote p:first-child,
.slice2 blockquote p:first-child {
  text-indent: 2.5em;
}
.feature-col blockquote p:last-child,
.slice2 blockquote p:last-child {
  margin-bottom: 0;
}
.feature-col blockquote cite,
.slice2 blockquote cite {
  text-indent: 0;
}
.feature-col blockquote p + ul,
.slice2 blockquote p + ul {
  margin: 0;
  padding-bottom: 0.5em;
}
.feature-col blockquote p + ol,
.slice2 blockquote p + ol {
  margin: 0 0 0 30px;
  padding-bottom: 0.5em;
}
/* @@ LINKS =============================================================================  */
#main-nav-wrapper a,
#content-wrapper a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.search a:link,
#content-wrapper a:link,
.search a:visited,
#content-wrapper a:visited {
  color: #0071d6;
  text-decoration: none;
}
.search a:hover,
#content-wrapper a:hover,
.search a:active,
#content-wrapper a:active {
  color: #245ef0;
  text-decoration: underline;
}
.search h1 a:link,
#content-wrapper h1 a:link,
.search h2 a:link,
#content-wrapper h2 a:link,
.search h3 a:link,
#content-wrapper h3 a:link,
.search h4 a:link,
#content-wrapper h4 a:link,
.search h5 a:link,
#content-wrapper h5 a:link,
.search h6 a:link,
#content-wrapper h6 a:link,
.search h1 a:visited,
#content-wrapper h1 a:visited,
.search h2 a:visited,
#content-wrapper h2 a:visited,
.search h3 a:visited,
#content-wrapper h3 a:visited,
.search h4 a:visited,
#content-wrapper h4 a:visited,
.search h5 a:visited,
#content-wrapper h5 a:visited,
.search h6 a:visited,
#content-wrapper h6 a:visited {
  color: #333333;
  text-decoration: none;
}
.search h1 a:hover,
#content-wrapper h1 a:hover,
.search h2 a:hover,
#content-wrapper h2 a:hover,
.search h3 a:hover,
#content-wrapper h3 a:hover,
.search h4 a:hover,
#content-wrapper h4 a:hover,
.search h5 a:hover,
#content-wrapper h5 a:hover,
.search h6 a:hover,
#content-wrapper h6 a:hover,
.search h1 a:active,
#content-wrapper h1 a:active,
.search h2 a:active,
#content-wrapper h2 a:active,
.search h3 a:active,
#content-wrapper h3 a:active,
.search h4 a:active,
#content-wrapper h4 a:active,
.search h5 a:active,
#content-wrapper h5 a:active,
.search h6 a:active,
#content-wrapper h6 a:active {
  color: #245ef0;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  color: #000000;
}
.double-feature a.readmore:focus,
.single-feature a.readmore:focus {
  outline: none;
}
a:hover,
a:active {
  outline: 0;
  text-decoration: underline;
}
/* file icons */
.content-col a[href$=".pdf"],
.feature-col a[href$=".pdf"] {
  background: url(../img/icon-pdf.gif) no-repeat 0 2px;
  padding: 0 0 0 24px;
}
.content-col ul li a[href$=".pdf"],
.feature-col ul li a[href$=".pdf"] {
  margin-left: -24px;
  /*margin-left: 0;
	    display: block;*/
}
.content-col ul li a[href$=".pdf"].inline,
.feature-col ul li a[href$=".pdf"].inline {
  display: inline;
}
.content-col ul li.pdf.no-bullet a[href$=".pdf"],
.feature-col ul li.pdf.no-bullet a[href$=".pdf"] {
  /*margin-left: 0;*/
}
.content-col a[href$=".doc"],
.feature-col a[href$=".doc"],
.content-col a[href$=".docx"],
.feature-col a[href$=".docx"] {
  background: url(../img/icon-word.gif) no-repeat 0 2px;
  padding: 0 0 0 24px;
}
.content-col ul li a[href$=".doc"],
.feature-col ul li a[href$=".doc"],
.content-col ul li a[href$=".docx"],
.feature-col ul li a[href$=".docx"] {
  margin-left: -24px;
  /*margin-left: 0;
	    display: block;*/
}
.content-col ul li a[href$=".doc"].inline,
.feature-col ul li a[href$=".doc"].inline,
.content-col ul li a[href$=".docx"].inline,
.feature-col ul li a[href$=".docx"].inline {
  display: inline;
}
.content-col ul li.word.no-bullet a[href$=".doc"],
.feature-col ul li.word.no-bullet a[href$=".doc"],
.content-col ul li.word.no-bullet a[href$=".docx"],
.feature-col ul li.word.no-bullet a[href$=".docx"] {
  /*margin-left: 0;*/
}
.content-col a[href$=".xls"],
.feature-col a[href$=".xls"],
.content-col a[href$=".xlsx"],
.feature-col a[href$=".xlsx"] {
  background: url(../img/icon-excel.gif) no-repeat 0 2px;
  padding: 0 0 0 24px;
}
.content-col ul li a[href$=".xls"],
.feature-col ul li a[href$=".xls"],
.content-col ul li a[href$=".xlsx"],
.feature-col ul li a[href$=".xlsx"] {
  margin-left: -24px;
  /*margin-left: 0;
	    display: block;*/
}
.content-col ul li a[href$=".xls"].inline,
.feature-col ul li a[href$=".xls"].inline,
.content-col ul li a[href$=".xlsx"].inline,
.feature-col ul li a[href$=".xlsx"].inline {
  display: inline;
}
.content-col ul li.excel.no-bullet a[href$=".xls"],
.feature-col ul li.excel.no-bullet a[href$=".xls"],
.content-col ul li.excel.no-bullet a[href$=".xlsx"],
.feature-col ul li.excel.no-bullet a[href$=".xlsx"] {
  /*margin-left: 0;*/
}
.content-col a[href$=".txt"],
.feature-col a[href$=".txt"],
.content-col a[href$=".rtf"],
.feature-col a[href$=".rtf"] {
  background: url(../img/icon-page.gif) no-repeat 0 2px;
  padding: 0 0 0 24px;
}
.content-col ul li a[href$=".txt"],
.feature-col ul li a[href$=".txt"],
.content-col ul li a[href$=".rtf"],
.feature-col ul li a[href$=".rtf"] {
  margin-left: -24px;
  /*margin-left: 0;
	    display: block;*/
}
.content-col ul li a[href$=".txt"].inline,
.feature-col ul li a[href$=".txt"].inline,
.content-col ul li a[href$=".rtf"].inline,
.feature-col ul li a[href$=".rtf"].inline {
  display: inline;
}
.content-col ul li.file.no-bullet a[href$=".txt"],
.feature-col ul li.file.no-bullet a[href$=".txt"],
.content-col ul li.file.no-bullet a[href$=".rtf"],
.feature-col ul li.file.no-bullet a[href$=".rtf"] {
  /*margin-left: 0;*/
}
/* file icons in lists */
.content-col ul li.pdf,
.feature-col ul li.pdf,
.superfooter ul li.pdf {
  background: url(../img/icon-pdf.gif) no-repeat 0 3px;
  padding: 0 0 5px 24px;
  margin: 0 0 0 -10px;
}
.content-col ul li.pdf a,
.feature-col ul li.pdf a,
.superfooter ul li.pdf a {
  background: none;
  padding: 0;
}
.content-col ul li.pdf a[href$=".pdf"],
.feature-col ul li.pdf a[href$=".pdf"],
.superfooter ul li.pdf a[href$=".pdf"] {
  margin-left: 0;
}
.content-col ul li.word,
.feature-col ul li.word,
.superfooter ul li.word {
  background: url(../img/icon-word.gif) no-repeat 0 3px;
  padding: 0 0 5px 24px;
  margin: 0 0 0 -10px;
}
.content-col ul li.word a,
.feature-col ul li.word a,
.superfooter ul li.word a {
  background: none;
  padding: 0;
}
.content-col ul li.word a[href$=".doc"],
.feature-col ul li.word a[href$=".doc"],
.superfooter ul li.word a[href$=".doc"],
.content-col ul li.word a[href$=".docx"],
.feature-col ul li.word a[href$=".docx"],
.superfooter ul li.word a[href$=".docx"] {
  margin-left: 0;
}
.content-col ul li.excel,
.feature-col ul li.excel,
.superfooter ul li.excel {
  background: url(../img/icon-excel.gif) no-repeat 0 3px;
  padding: 0 0 5px 24px;
  margin: 0 0 0 -10px;
}
.content-col ul li.excel a,
.feature-col ul li.excel a,
.superfooter ul li.excel a {
  background: none;
  padding: 0;
}
.content-col ul li.excel a[href$=".xls"],
.feature-col ul li.excel a[href$=".xls"],
.superfooter ul li.excel a[href$=".xls"],
.content-col ul li.excel a[href$=".xlsx"],
.feature-col ul li.excel a[href$=".xlsx"],
.superfooter ul li.excel a[href$=".xlsx"] {
  margin-left: 0;
}
.content-col ul li.file,
.feature-col ul li.file,
.superfooter ul li.file {
  background: url(../img/icon-page.gif) no-repeat 0 3px;
  padding: 0 0 5px 24px;
  margin: 0 0 0 -10px;
}
.content-col ul li.file a,
.feature-col ul li.file a,
.superfooter ul li.file a {
  background: none;
  padding: 0;
}
.content-col ul li.file a[href$=".txt"],
.feature-col ul li.file a[href$=".txt"],
.superfooter ul li.file a[href$=".txt"],
.content-col ul li.file a[href$=".rtf"],
.feature-col ul li.file a[href$=".rtf"],
.superfooter ul li.file a[href$=".rtf"] {
  margin-left: 0;
}
.content-col ul.link-list li.pdf,
.feature-col ul.link-list li.pdf,
.superfooter ul.link-list li.pdf,
.content-col ul.link-list li.word,
.feature-col ul.link-list li.word,
.superfooter ul.link-list li.word,
.content-col ul.link-list li.excel,
.feature-col ul.link-list li.excel,
.superfooter ul.link-list li.excel,
.content-col ul.link-list li.file,
.feature-col ul.link-list li.file,
.superfooter ul.link-list li.file {
  margin: 0 0 0 -24px;
}
.content-col ul.link-list li.pdf:before,
.feature-col ul.link-list li.pdf:before,
.superfooter ul.link-list li.pdf:before,
.content-col ul.link-list li.word:before,
.feature-col ul.link-list li.word:before,
.superfooter ul.link-list li.word:before,
.content-col ul.link-list li.excel:before,
.feature-col ul.link-list li.excel:before,
.superfooter ul.link-list li.excel:before,
.content-col ul.link-list li.file:before,
.feature-col ul.link-list li.file:before,
.superfooter ul.link-list li.file:before {
  content: none;
}
.content-col .coloured ul.link-list li.pdf,
.feature-col .coloured ul.link-list li.pdf {
  background: url(../img/icon-pdf.gif) no-repeat 0 3px;
  padding: 0 0 5px 24px;
  margin: 0 0 0 -24px;
}
.content-col .coloured ul.link-list li.pdf a,
.feature-col .coloured ul.link-list li.pdf a {
  background: none;
  padding: 0;
}
.content-col .coloured ul.link-list li.pdf a[href$=".pdf"],
.feature-col .coloured ul.link-list li.pdf a[href$=".pdf"] {
  margin-left: 0;
}
.content-col .coloured ul.link-list li.word,
.feature-col .coloured ul.link-list li.word {
  background: url(../img/icon-word.gif) no-repeat 0 3px;
  padding: 0 0 5px 24px;
  margin: 0 0 0 -24px;
}
.content-col .coloured ul.link-list li.word a,
.feature-col .coloured ul.link-list li.word a {
  background: none;
  padding: 0;
}
.content-col .coloured ul.link-list li.word a[href$=".doc"],
.feature-col .coloured ul.link-list li.word a[href$=".doc"],
.content-col .coloured ul.link-list li.word a[href$=".docx"],
.feature-col .coloured ul.link-list li.word a[href$=".docx"] {
  margin-left: 0;
}
.content-col .coloured ul.link-list li.excel,
.feature-col .coloured ul.link-list li.excel {
  background: url(../img/icon-excel.gif) no-repeat 0 3px;
  padding: 0 0 5px 24px;
  margin: 0 0 0 -24px;
}
.content-col .coloured ul.link-list li.excel a,
.feature-col .coloured ul.link-list li.excel a {
  background: none;
  padding: 0;
}
.content-col .coloured ul.link-list li.excel a[href$=".xls"],
.feature-col .coloured ul.link-list li.excel a[href$=".xls"],
.content-col .coloured ul.link-list li.excel a[href$=".xlsx"],
.feature-col .coloured ul.link-list li.excel a[href$=".xlsx"] {
  margin-left: 0;
}
.content-col .coloured ul.link-list li.file,
.feature-col .coloured ul.link-list li.file {
  background: url(../img/icon-page.gif) no-repeat 0 3px;
  padding: 0 0 5px 24px;
  margin: 0 0 0 -24px;
}
.content-col .coloured ul.link-list li.file a,
.feature-col .coloured ul.link-list li.file a {
  background: none;
  padding: 0;
}
.content-col .coloured ul.link-list li.file a[href$=".txt"],
.feature-col .coloured ul.link-list li.file a[href$=".txt"],
.content-col .coloured ul.link-list li.file a[href$=".rtf"],
.feature-col .coloured ul.link-list li.file a[href$=".rtf"] {
  margin-left: 0;
}
.content-col .coloured ul.link-list li.pdf:before,
.feature-col .coloured ul.link-list li.pdf:before,
.content-col .coloured ul.link-list li.word:before,
.feature-col .coloured ul.link-list li.word:before,
.content-col .coloured ul.link-list li.excel:before,
.feature-col .coloured ul.link-list li.excel:before,
.content-col .coloured ul.link-list li.file:before,
.feature-col .coloured ul.link-list li.file:before {
  content: none;
}
/* readmore */
a span.hidden {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
a.readmore span {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
#content-wrapper .gallery a.readmore,
#content-wrapper .slick-slider a.readmore {
  white-space: nowrap;
  color: #006ed1;
}
a.readmore:after {
  content: " \00bb";
  margin-left: 1px;
}
a.readmore:hover:after {
  text-decoration: none !important;
}
/* readmore button */
#content-wrapper a.readmore-button {
  text-transform: uppercase;
  font-weight: bold;
  background-color: #3aabdc;
  color: #ffffff;
  text-align: right;
  font-size: 0.8125em;
  padding: 0.5625em 0.625em;
}
#content-wrapper a.readmore-button:after {
  content: " \00bb";
  margin-left: 1px;
}
#content-wrapper a.readmore-button:hover:after {
  text-decoration: none !important;
}
#content-wrapper .coloured a.readmore-button {
  background: #ffffff;
  color: #3aabdc;
}
.homepage #content-wrapper .link-buttons a.readmore-button {
  text-align: left;
  display: inline-block;
  margin-bottom: 1em;
}
/* back */
a.back:before {
  content: " \00ab";
  margin-right: 5px;
}
/* external link */
a[href^="//"]:after,
a[href^="http://"]:after,
a[href^="https://"]:after {
  content: url(../img/icon-external-link.png);
  margin-left: 4px;
  margin-right: 1px;
}
a.readmore[href^="//"]:after,
a.readmore[href^="http://"]:after,
a.readmore[href^="https://"]:after {
  content: url(../img/icon-external-link.png);
  margin-left: 1px;
}
#content-wrapper a.readmore-button[href^="//"]:after,
#content-wrapper a.readmore-button[href^="http://"]:after,
#content-wrapper a.readmore-button[href^="https://"]:after {
  content: url(../img/icon-external-link-white.png);
  margin-left: 1px;
  padding: 0 0 0 4px;
}
.coloured a[href^="//"]:after,
.coloured a[href^="http://"]:after,
.coloured a[href^="https://"]:after {
  content: url(../img/icon-external-link-white.png);
  margin-left: 4px;
  margin-right: 1px;
}
.main-nav a:hover[href^="//"]:after,
.subnav-col a:hover[href^="//"]:after,
.main-nav a:hover[href^="http://"]:after,
.subnav-col a:hover[href^="http://"]:after,
.main-nav a:hover[href^="https://"]:after,
.subnav-col a:hover[href^="https://"]:after,
.main-nav a:active[href^="//"]:after,
.subnav-col a:active[href^="//"]:after,
.main-nav a:active[href^="http://"]:after,
.subnav-col a:active[href^="http://"]:after,
.main-nav a:active[href^="https://"]:after,
.subnav-col a:active[href^="https://"]:after,
.main-nav a.current[href^="//"]:after,
.subnav-col a.current[href^="//"]:after,
.main-nav a.current[href^="http://"]:after,
.subnav-col a.current[href^="http://"]:after,
.main-nav a.current[href^="https://"]:after,
.subnav-col a.current[href^="https://"]:after {
  content: url(../img/icon-external-link-white.png);
  margin-left: 5px;
}
h1 a[href^="//"]:after,
h2 a[href^="//"]:after,
h3 a[href^="//"]:after,
h4 a[href^="//"]:after,
h5 a[href^="//"]:after,
h6 a[href^="//"]:after,
h1 a[href^="http://"]:after,
h2 a[href^="http://"]:after,
h3 a[href^="http://"]:after,
h4 a[href^="http://"]:after,
h5 a[href^="http://"]:after,
h6 a[href^="http://"]:after,
h1 a[href^="https://"]:after,
h2 a[href^="https://"]:after,
h3 a[href^="https://"]:after,
h4 a[href^="https://"]:after,
h5 a[href^="https://"]:after,
h6 a[href^="https://"]:after {
  content: none;
  margin-left: 0;
}
/* to remove the icon eg when external link is around an image */
a.no-icon[href^="//"]:after,
a.no-icon[href^="http://"]:after,
a.no-icon[href^="https://"]:after {
  content: none;
  margin-left: 0;
}
/* to remove the icon from Google search results overlay */
.gsc-results-wrapper-overlay a[href^="//"]:after,
.gsc-results-wrapper-overlay a[href^="http://"]:after,
.gsc-results-wrapper-overlay a[href^="https://"]:after {
  content: none;
  margin-left: 0;
}
/* to remove the icon from the 404 page full links */
.page404 a[href^="//"]:after,
.page404 a[href^="http://"]:after,
.page404 a[href^="https://"]:after {
  content: none;
  margin-left: 0;
}
/* outtro link */
#content-wrapper .outtro a:link,
#content-wrapper .outtro a:visited {
  color: #333333;
}
#content-wrapper .outtro a:active,
#content-wrapper .outtro a:hover {
  color: #0071d6;
}
/* footer links */
footer a:focus {
  outline: thin dotted;
  color: #000000;
}
footer a {
  text-decoration: none;
}
.superfooter a:link,
.superfooter a:visited {
  color: #0071d6;
}
.superfooter a:hover,
.superfooter a:active {
  outline: 0;
  color: #245ef0;
  text-decoration: underline;
}
.superfooter h4 a:link,
.superfooter h4 a:visited {
  color: #333333;
}
.superfooter h4 a:hover,
.superfooter h4 a:active {
  outline: 0;
  color: #245ef0;
  text-decoration: underline;
}
.subfooter a:link,
.subfooter a:visited {
  color: #ffffff;
}
.subfooter a:hover,
.subfooter a:active {
  outline: 0;
  color: #ffffff;
  text-decoration: underline;
}
/* @@ IMAGES ============================================================================= */
img {
  border: 0;
  max-width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ie8 img {
  max-width: none;
  width: auto;
  height: auto;
}
figure.floatleft,
img.floatleft {
  float: none;
  margin: 0.4em 0 0.5em 0;
}
figure.floatright,
img.floatright {
  float: none;
  margin: 0.4em 0 0.5em 0;
}
@media only screen and (min-width: 480px) {
  figure.floatleft,
  img.floatleft {
    float: left;
    margin: 0.6em 1em 0.5em 0;
  }
  figure.floatright,
  img.floatright {
    float: right;
    margin: 0.6em 0 0.5em 1em;
  }
}
/* Silverstripe image embedding in content area */
.captionImage.left,
.captionImage.right,
.captionImage.floatleft,
.captionImage.floatright,
.captionImage.center,
img.left,
img.right {
  float: none;
  margin: 0.4em 0 0.5em 0;
}
p.caption.left,
p.caption.right,
p.caption.floatleft,
p.caption.floatright,
p.caption.center {
  float: none;
}
@media only screen and (min-width: 480px) {
  .captionImage.left,
  .captionImage.floatleft,
  img.left {
    float: left;
    margin: 0.4em 2em 1em 0;
  }
  .captionImage.left img.floatleft,
  .captionImage.floatleft img.floatleft,
  img.left img.floatleft {
    float: none;
  }
  .captionImage.right,
  .captionImage.floatright,
  img.right {
    float: right;
    margin: 0.4em 0 1em 2em;
  }
  .captionImage.right img.floatright,
  .captionImage.floatright img.floatright,
  img.right img.floatright {
    float: none;
  }
  .captionImage.center,
  img.center {
    float: none;
    text-align: center;
    margin: 0.4em auto 1em auto;
  }
  .captionImage.center img.floatright,
  img.center img.floatright {
    float: none;
  }
}
p.caption {
  font-size: 0.875em;
  /* 14 / 16 */
  text-align: left;
  font-style: italic;
}
p.caption em {
  font-style: normal;
}
/* Images and headings */
img.floatleft + h2,
img.floatright + h2,
figure.floatleft + h2,
figure.floatright + h2 {
  margin-top: 0.5em;
}
img.floatleft + h3,
img.floatright + h3,
figure.floatleft + h3,
figure.floatright + h3 {
  margin-top: 0.7em;
}
img.floatleft + h4,
img.floatright + h4,
figure.floatleft + h4,
figure.floatright + h4 {
  margin-top: 0.85em;
}
img.floatleft + h5,
img.floatright + h5,
figure.floatleft + h5,
figure.floatright + h5 {
  margin-top: 1em;
}
img.floatleft + h6,
img.floatright + h6,
figure.floatleft + h6,
figure.floatright + h6 {
  margin-top: 1.2em;
}
img {
  border: 1em solid #e6e6e6;
}
img.sm-border {
  border: 2px solid #e6e6e6;
}
img.no-border,
img.left,
img.right,
img.center {
  border: none;
}
img.center.border {
  border: 1em solid #e6e6e6;
}
figure {
  margin: 0 0 1.5em 0;
  display: table;
}
figure h4 {
  margin: 0.95em 0 0.5em 0;
}
figure img {
  width: 100%;
  height: auto;
  display: table;
  margin: 0 0 0.5em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ie9 figure img {
  width: 100%;
  display: block;
}
.ie8 figure img {
  width: 100%;
  display: block;
}
figcaption {
  font-size: 0.875em;
  /* 14 / 16 */
  text-align: left;
  display: table-row;
  font-style: italic;
}
figcaption em {
  font-style: normal;
}
.ie9 #footer-wrapper .govt-logo img,
.ie8 #footer-wrapper .govt-logo img {
  width: 153px;
  /* ALIG CHECK */
}
/* Images in feature col */
.feature-col figure,
.slice2 figure {
  margin: 0 0 1.5em 0;
  display: block;
  /* image in sidebar with no h4 above it - gives it some space above */
}
.feature-col figure h4,
.slice2 figure h4 {
  margin: 0.95em 0 0.5em 0;
}
.feature-col figure img,
.slice2 figure img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 0 0.5em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.feature-col figure img.spacer,
.slice2 figure img.spacer {
  margin: 2.5em 0 0.5em 0;
}
.feature-col figcaption,
.slice2 figcaption {
  font-size: 0.875em;
  /* 14 / 16 */
  text-align: left;
  display: block;
  font-style: italic;
  clear: both;
}
.feature-col figcaption em,
.slice2 figcaption em {
  font-style: normal;
}
.recent-decisions .slice2 figcaption {
  text-align: center;
  background: #f2f2f2;
  padding: 0.5em 1em;
}
/* @@ TABLES ============================================================================= */
/* @@ FORMS ============================================================================= */
/* ALIG STYLE THESE IF WE NEED SOME */
form {
  margin: 0;
}
fieldset {
  margin-bottom: 1.5em;
  padding: 0;
  border-width: 0;
}
legend {
  *margin-left: -7px;
  padding: 0;
  border-width: 0;
}
label {
  font-weight: normal;
  cursor: pointer;
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
}
label.inline {
  display: inline;
  margin: 0;
}
label span {
  color: #666;
  font-size: 0.9em;
}
label span.right {
  position: absolute;
  bottom: 0;
  right: 1em;
  text-align: right;
}
label span.disabled {
  color: #ccc;
}
button,
input,
select,
textarea {
  font-family: "proxima-nova", Helvetica, sans-serif;
  color: #6e7881;
}
button,
search,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  padding: 0.5em 1em;
  margin: 0;
  cursor: pointer;
  text-shadow: 0 1px 0 #ffffff;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  margin: 0;
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  -moz-box-shadow: inset 0px 0px 6px #ccc;
  -webkit-box-shadow: inset 0px 1px 6px #ccc;
  box-shadow: inset 0px 1px 6px #ccc;
}
input.gsc-input,
input.gsc-search-button {
  border: none;
  padding: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #fff;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
input::-webkit-input-placeholder,
input:-moz-placeholder,
.placeholder {
  color: #bbb;
}
input::-moz-focus-inner {
  border: 0;
}
input[disabled="disabled"],
input.disabled {
  color: #999;
  background: #f5f5f5;
  -moz-box-shadow: inset 0px 0px 2px #ddd;
  -webkit-box-shadow: inset 0px 1px 2px #ddd;
  box-shadow: inset 0px 1px 2px #ddd;
}
/* Colors for form validity */
input:invalid,
textarea:invalid {
  -webkit-box-shadow: 0 0 2px #f00;
  -moz-box-shadow: 0 0 2px #f00;
  box-shadow: 0 0 2px #f00;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #ccc;
}
/* stops iPhone zoom */
@media only screen and (max-width: 480px) {
  input,
  button,
  select,
  textarea {
    font-size: 16px;
  }
}
/*  @@ SPECIAL ELEMENTS	============================================================================= */
#skiptomain {
  display: none;
}
/* hide this element in mobile view - for hidden text in h1 headings (might also be able to re-use it elsewhere) */
.mobile-hide {
  display: none;
}
@media only screen and (min-width: 768px) {
  .mobile-hide {
    display: inline;
  }
}
/* margin-top none - add this class into the HTML wherever you need it */
.margin-top-none {
  margin-top: 0 !important;
}
/* accordion */
.accordion {
  padding: 1em 0 1.5em 0;
}
.accordion .accordion-block {
  background: #f2f2f2;
  overflow: hidden;
  padding: 1em 1.35em 0 1.35em;
}
/* block with a picture on the left and floated text to the right, with a grey bottom border */
.picture-text-block {
  border-bottom: 1px solid #949698;
  margin: 0 0 1.5em 0;
}
.picture-text-block img {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e6e6e6;
  margin: 0 0 1.5em 0;
}
.picture-text-block img.no-border {
  border: none;
}
.picture-text-block .text-col {
  width: 100%;
  margin: 0;
}
.picture-text-block .text-col h2,
.picture-text-block .text-col h3,
.picture-text-block .text-col h4,
.picture-text-block .text-col h5,
.picture-text-block .text-col h6 {
  margin-top: -0.2em;
}
.picture-text-block .text-col h2 span.subheading,
.picture-text-block .text-col h3 span.subheading,
.picture-text-block .text-col h4 span.subheading,
.picture-text-block .text-col h5 span.subheading,
.picture-text-block .text-col h6 span.subheading {
  font-size: 0.7em;
}
h2 + .picture-text-block,
h3 + .picture-text-block,
h4 + .picture-text-block,
h5 + .picture-text-block,
h6 + .picture-text-block {
  margin-top: 1.5em;
}
h2 + div > .picture-text-block,
h3 + div > .picture-text-block,
h4 + div > .picture-text-block,
h5 + div > .picture-text-block,
h6 + div > .picture-text-block {
  margin-top: 1.5em;
}
/* for the last picture-text-block if it's the last thing in the content area before the back-to-top (removes bottom border) */
.picture-text-block.no-border {
  border-bottom: none;
  margin-bottom: 0.3em;
}
@media only screen and (min-width: 420px) {
  .picture-text-block img {
    width: 31.33%;
  }
  .picture-text-block .img-block {
    /* wrap multiple images in this */
    width: 31.33%;
    float: left;
  }
  .picture-text-block .img-block img {
    width: 100%;
  }
  .picture-text-block .text-col {
    width: 65.66%;
    margin: 0 0 0 3%;
  }
}
/* back to top */
.backtotop {
  position: relative;
  top: 2.0em;
  height: 1.7em;
  line-height: 2.2;
}
.backtotop .topbox {
  text-align: left;
  max-width: 1200px;
  margin: 0 auto;
}
.backtotop .topbox a {
  font-size: 0.75em;
  /* 12 / 16 */
  text-transform: uppercase;
  border: 1px solid #949698;
  border-radius: 3px;
  padding: 0.4em 1em 0.4em 2em;
  background: #ffffff url(../img/arrow-backtotop.gif) no-repeat 0.7em 0.8em;
}
.backtotop:last-child {
  top: 0.5em;
}
.homepage .backtotop:last-child {
  top: 0.6em;
}
.backtotop.empty-feature:last-child {
  top: 2.0em;
}
@media only screen and (min-width: 600px) {
  .homepage .backtotop:last-child {
    top: 2.0em;
  }
}
@media only screen and (min-width: 700px) {
  .homepage .backtotop:last-child {
    top: 2.2em;
  }
}
@media only screen and (min-width: 768px) {
  .backtotop:last-child {
    top: 2.0em;
  }
}
.backtotop.mid-content {
  top: 0;
  line-height: 3.2;
  border-bottom: 1px solid #949698;
}
/* special styling for slices template */
.slices {
  /* for the last backtotop just above the footer border (to remove double border) NOTE IT GOES INSIDE THE LAST SLICE-WRAPPER */
}
.slices .slice-wrapper {
  border-bottom: 1px solid #949698;
  margin: 0 0 1.5em 0;
  padding: 0.25em 0 1.8125em 0;
}
.slices .slice-wrapper .slice .slice2 > figure:first-child,
.slices .slice-wrapper .slice .slice2 > img:first-child {
  margin-top: 0.6em;
}
.slices .backtotop {
  position: relative;
  top: -2.7em;
}
.slices .backtotop a {
  font-size: 0.75em;
  /* 12 / 16 */
  text-transform: uppercase;
  border: 1px solid #949698;
  border-radius: 3px;
  padding: 0.4em 1em 0.4em 2em;
  background: #ffffff url(../img/arrow-backtotop.gif) no-repeat 0.7em 0.8em;
}
.slices .slice-wrapper:first-child {
  padding: 0 0 1.8125em 0;
}
.slices .slice-wrapper:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0.25em 0 0 0;
}
.slices .backtotop.last {
  /*top: 2.0em;*/
  top: 0.55em;
}
@media only screen and (min-width: 600px) {
  .slices .backtotop.last {
    top: 2.0em;
  }
}
.slices .coloured {
  margin: -1.5em 0 1.5em 0;
  padding: 3em 0 3em 0;
  background: #3aabdc;
}
/* make embedded videos responsive */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
h4 + .video-container {
  margin-top: 12px;
}
.video-container + p {
  margin-top: 10px;
}
/* gallery carousel (slick slider) */
.gallery {
  margin: 0.5em 0 2.5em 0;
}
@media only screen and (min-width: 430px) {
  .gallery {
    margin: 0.5em 0 1.5em 0;
  }
}
@media only screen and (min-width: 615px) {
  .gallery {
    margin: 0.5em 0 0 0;
  }
}
/* @@ homepage ------------------------------------- */
.homepage #content-wrapper {
  padding: 1.8em 5% 0 5%;
  /* ----- Intro section ----- */
  /* ----- 4 "Information for" blocks  ----- */
  /* ----- News and featured items ----- */
  /* ----- Updates and recent decisions ----- */
  /* ----- Videos and social media section ----- */
  /* ----- Summary paragraph ----- */
}
@media only screen and (min-width: 320px) {
  .homepage #content-wrapper {
    padding: 2em 4% 0 4%;
  }
}
@media only screen and (min-width: 768px) {
  .homepage #content-wrapper {
    padding: 2em 3% 0 3%;
  }
}
@media only screen and (min-width: 980px) {
  .homepage #content-wrapper {
    padding: 2em 2% 0 2%;
  }
}
.homepage #content-wrapper p {
  line-height: 1.3;
}
.homepage #content-wrapper .intro .col {
  width: 100%;
}
.homepage #content-wrapper .info-for .box {
  position: relative;
  overflow: hidden;
  float: left;
  max-width: 100%;
}
.homepage #content-wrapper .info-for .box a[href^="//"]:after,
.homepage #content-wrapper .info-for .box a[href^="http://"]:after,
.homepage #content-wrapper .info-for .box a[href^="https://"]:after {
  content: none;
  margin-left: 0;
}
.homepage #content-wrapper .info-for .box h2 {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0.35em 0.55em 0.3em 0.55em;
  margin: 0;
  width: 100%;
  text-align: center;
  border-top: 1px solid #949698;
  border-right: 1px solid #949698;
  border-left: 1px solid #949698;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.homepage #content-wrapper .info-for .box h2 a {
  color: #333333;
}
.homepage #content-wrapper .info-for .box img {
  display: block;
  border: 1px solid #949698;
}
.homepage #content-wrapper .info-for .box p.readmore {
  position: absolute;
  padding: 0;
  margin: 0;
  bottom: 7px;
  right: 0;
}
.homepage #content-wrapper .info-for .box p.readmore a {
  text-transform: uppercase;
  font-weight: bold;
  background-color: #3aabdc;
  color: #ffffff;
  text-align: right;
  font-size: 0.8125em;
  padding: 0.5625em 0.625em;
}
.homepage #content-wrapper .info-for .box p.readmore a span {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.homepage #content-wrapper .info-for .box p.readmore a:after {
  content: " \00bb";
  margin-left: 1px;
}
.homepage #content-wrapper .info-for p.summary {
  padding-top: 0.75em;
  clear: both;
}
.homepage #content-wrapper .news-features {
  border-bottom: 3px solid #3aabdc;
  padding: 0 0 0.7em 0;
  /* --- Latest news --- */
  /* ---- Features --- */
}
@media only screen and (min-width: 600px) {
  .homepage #content-wrapper .news-features {
    padding: 0 0 1.7em 0;
  }
}
.homepage #content-wrapper .news-features .news-header h3 {
  margin: 0;
}
.homepage #content-wrapper .news-features .latest-news h4 {
  font-size: 1em;
  /* 16 / 16 */
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-weight: bold;
  margin: 0.45em 0 0.2em 0;
}
.homepage #content-wrapper .news-features .latest-news h4 span {
  font-weight: normal;
}
.homepage #content-wrapper .news-features .latest-news h4 a:link,
.homepage #content-wrapper .news-features .latest-news h4 a:visited {
  color: #0071d6;
  text-decoration: none;
}
.homepage #content-wrapper .news-features .latest-news h4 a:hover,
.homepage #content-wrapper .news-features .latest-news h4 a:active {
  color: #245ef0;
  text-decoration: underline;
}
.homepage #content-wrapper .news-features .latest-news p.date {
  font-size: 0.875em;
  /* 14 / 16 */
}
.homepage #content-wrapper .news-features .main-feature .box {
  position: relative;
  overflow: hidden;
  float: left;
}
.homepage #content-wrapper .news-features .main-feature .box img {
  display: block;
  border: none;
  width: 100%;
}
.homepage #content-wrapper .news-features .main-feature h3 {
  margin: 0 0 0.3em 0;
}
@media only screen and (min-width: 481px) {
  .homepage #content-wrapper .news-features .main-feature h3 {
    margin: -5px 0 0.3em 0;
  }
}
@media only screen and (min-width: 700px) {
  .homepage #content-wrapper .news-features .main-feature h3 {
    margin: 0 0 0.3em 0;
  }
}
.homepage #content-wrapper .news-features .main-feature p {
  margin: 0 0 1em 0;
}
.homepage #content-wrapper .news-features .main-feature a.readmore {
  text-transform: uppercase;
  font-weight: bold;
  background-color: #3aabdc;
  color: #ffffff;
  text-align: right;
  font-size: 0.8125em;
  padding: 0.5625em 0.625em;
}
.homepage #content-wrapper .news-features .main-feature a.readmore span {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.homepage #content-wrapper .news-features .main-feature a.readmore:after {
  content: " \00bb";
  margin-left: 1px;
}
.homepage #content-wrapper .updates-decisions {
  /* --- Recent classification decisions --- */
}
.homepage #content-wrapper .updates-decisions h3 {
  margin: 0 0 0.3em 0;
}
.homepage #content-wrapper .updates-decisions .double-feature .box,
.homepage #content-wrapper .updates-decisions .single-feature .box {
  position: relative;
  overflow: hidden;
  float: left;
}
.homepage #content-wrapper .updates-decisions .double-feature .box h4,
.homepage #content-wrapper .updates-decisions .single-feature .box h4 {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 1.75em;
  /* 28 / 16 */
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0.35em 0.55em 0.3em 0.55em;
  margin: 0;
  width: 100%;
  border-right: 1px solid #949698;
  border-bottom: 1px solid #949698;
  border-left: 1px solid #949698;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.homepage #content-wrapper .updates-decisions .double-feature .box h4.smaller,
.homepage #content-wrapper .updates-decisions .single-feature .box h4.smaller {
  font-size: 1.5em;
  /* 24 / 16 */
  /* For long titles */
}
.homepage #content-wrapper .updates-decisions .double-feature .box h4 a,
.homepage #content-wrapper .updates-decisions .single-feature .box h4 a {
  color: #333333;
}
@media only screen and (min-width: 340px) {
  .homepage #content-wrapper .updates-decisions .double-feature .box h4,
  .homepage #content-wrapper .updates-decisions .single-feature .box h4 {
    font-size: 1.875em;
    /* 30 / 16 */
  }
  .homepage #content-wrapper .updates-decisions .double-feature .box h4.smaller,
  .homepage #content-wrapper .updates-decisions .single-feature .box h4.smaller {
    font-size: 1.625em;
    /* 26 / 16 */
  }
}
@media only screen and (min-width: 800px) {
  .homepage #content-wrapper .updates-decisions .double-feature .box h4,
  .homepage #content-wrapper .updates-decisions .single-feature .box h4 {
    font-size: 2em;
    /* 32 / 16 */
  }
  .homepage #content-wrapper .updates-decisions .double-feature .box h4.smaller,
  .homepage #content-wrapper .updates-decisions .single-feature .box h4.smaller {
    font-size: 1.75em;
    /* 28 / 16 */
  }
}
.homepage #content-wrapper .updates-decisions .double-feature .box img,
.homepage #content-wrapper .updates-decisions .single-feature .box img {
  display: block;
  border: 1px solid #949698;
  width: 100%;
}
.homepage #content-wrapper .updates-decisions .double-feature p span.date,
.homepage #content-wrapper .updates-decisions .single-feature p span.date {
  color: #6e7881;
  font-size: 0.875em;
  /* 14 / 16 */
}
.homepage #content-wrapper .updates-decisions .double-feature .video-container,
.homepage #content-wrapper .updates-decisions .single-feature .video-container {
  padding-bottom: 50.3%;
  max-width: 376px;
  max-height: 117px;
}
.homepage #content-wrapper .updates-decisions .double-feature .feature-accordion,
.homepage #content-wrapper .updates-decisions .single-feature .feature-accordion {
  clear: both;
  display: none;
}
@media only screen and (min-width: 980px) {
  .homepage #content-wrapper .updates-decisions .double-feature,
  .homepage #content-wrapper .updates-decisions .single-feature {
    /* starting point for fifth and sixth cols */
    /* fifth col with an even number of closed items directly before it */
    /* fifth col with an odd number of closed items directly before it */
    /* active fifth col when an even number of closed items directly before it */
    /* active fifth col with an odd number of closed items directly before it */
    /* sixth col when fifth col has an even number of closed items directly before it */
    /* sixth col when fifth col has an odd number of closed items directly before it */
    /* active sixth col when fifth col has an even number of closed items directly before it */
    /* active sixth col when fifth col has an odd number of closed items directly before it */
    /* sixth col when active fifth col has an even number of closed items directly before it */
    /* sixth col when active fifth col has an odd number of closed items directly before it */
    /* active sixth col when active fifth col has an even number of closed items directly before it */
    /* active sixth col when active fifth col has an odd number of closed items directly before it */
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col:nth-of-type(3),
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col:nth-of-type(3) {
    clear: left;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active {
    width: 100%;
    margin: 0;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active p,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active p {
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.closed {
    /*background-color: blue;*/
    margin: 0;
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.closed + .sf-col.third.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.closed + .sf-col.third.closed {
    /*background-color: pink;*/
    margin: 0 0 0 3%;
    clear: none;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.active + .sf-col.third.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.active + .sf-col.third.closed {
    /*background-color: green;*/
    margin: 0;
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.closed + .sf-col.third.active,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.closed + .sf-col.third.active {
    /*background-color: yellow;*/
    margin: 0;
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.closed + .sf-col.third.closed + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.closed + .sf-col.third.closed + .sf-col.closed {
    /*background-color: purple;*/
    margin: 0;
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.active + .sf-col.third.closed + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.active + .sf-col.third.closed + .sf-col.closed {
    /*background-color: orange;*/
    margin: 0 0 0 3%;
    clear: none;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.active + .sf-col.third.closed + .sf-col.active.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.active + .sf-col.third.closed + .sf-col.active.closed {
    /*background-color: brown;*/
    margin: 0;
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.active + .sf-col.third.active + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.active + .sf-col.third.active + .sf-col.closed {
    /*background-color: grey;*/
    margin: 0;
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.closed + .sf-col.closed + .sf-col.third.closed + .sf-col.closed + .sf-col.fifth.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.closed + .sf-col.closed + .sf-col.third.closed + .sf-col.closed + .sf-col.fifth.closed {
    /*background-color: grey;*/
    margin: 0;
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.closed + .sf-col.closed + .sf-col.third.closed + .sf-col.closed + .sf-col.fifth.closed + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.closed + .sf-col.closed + .sf-col.third.closed + .sf-col.closed + .sf-col.fifth.closed + .sf-col.closed {
    /*background-color: purple;*/
    margin: 0 0 0 3%;
    clear: none;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.fifth.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.fifth.closed,
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.closed + .sf-col.closed + .sf-col.fifth.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.closed + .sf-col.closed + .sf-col.fifth.closed {
    /*background-color: chartreuse;*/
    margin: 0;
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.closed + .sf-col.fifth.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.closed + .sf-col.fifth.closed,
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.closed + .sf-col.closed + .sf-col.closed + .sf-col.fifth.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.closed + .sf-col.closed + .sf-col.closed + .sf-col.fifth.closed {
    /*background-color: aqua;*/
    margin: 0 0 0 3%;
    clear: none;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.fifth.active,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.fifth.active,
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.closed + .sf-col.closed + .sf-col.fifth.active,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.closed + .sf-col.closed + .sf-col.fifth.active {
    /*background-color: orange;*/
    margin: 0;
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.closed + .sf-col.fifth.active,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.closed + .sf-col.fifth.active,
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.closed + .sf-col.closed + .sf-col.closed + .sf-col.fifth.active,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.closed + .sf-col.closed + .sf-col.closed + .sf-col.fifth.active {
    /*background-color: red;*/
    margin: 0;
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.fifth.closed + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.fifth.closed + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.closed + .sf-col.closed + .sf-col.fifth.closed + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.closed + .sf-col.closed + .sf-col.fifth.closed + .sf-col.closed {
    /*background-color: green;*/
    margin: 0 0 0 3%;
    clear: none;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.closed + .sf-col.fifth.closed + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.closed + .sf-col.fifth.closed + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.closed + .sf-col.closed + .sf-col.closed + .sf-col.fifth.closed + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.closed + .sf-col.closed + .sf-col.closed + .sf-col.fifth.closed + .sf-col.closed {
    /*background-color: yellow;*/
    margin: 0;
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.fifth.closed + .sf-col.active,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.fifth.closed + .sf-col.active,
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.closed + .sf-col.closed + .sf-col.fifth.closed + .sf-col.active,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.closed + .sf-col.closed + .sf-col.fifth.closed + .sf-col.active {
    /*background-color: indigo;*/
    margin: 0;
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.closed + .sf-col.fifth.closed + .sf-col.active,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.closed + .sf-col.fifth.closed + .sf-col.active,
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.closed + .sf-col.closed + .sf-col.closed + .sf-col.fifth.closed + .sf-col.active,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.closed + .sf-col.closed + .sf-col.closed + .sf-col.fifth.closed + .sf-col.active {
    /*background-color: blue;*/
    margin: 0;
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.fifth.active + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.fifth.active + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.closed + .sf-col.closed + .sf-col.fifth.active + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.closed + .sf-col.closed + .sf-col.fifth.active + .sf-col.closed {
    /*background-color: lemonchiffon;*/
    margin: 0;
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.closed + .sf-col.fifth.active + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.closed + .sf-col.fifth.active + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.closed + .sf-col.closed + .sf-col.closed + .sf-col.fifth.active + .sf-col.closed,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.closed + .sf-col.closed + .sf-col.closed + .sf-col.fifth.active + .sf-col.closed {
    /*background-color: violet;*/
    margin: 0;
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.fifth.active + .sf-col.active,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.fifth.active + .sf-col.active,
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.closed + .sf-col.closed + .sf-col.fifth.active + .sf-col.active,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.closed + .sf-col.closed + .sf-col.fifth.active + .sf-col.active {
    /*background-color: brown;*/
    margin: 0;
    clear: both;
  }
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.active + .sf-col.closed + .sf-col.fifth.active + .sf-col.active,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.active + .sf-col.closed + .sf-col.fifth.active + .sf-col.active,
  .homepage #content-wrapper .updates-decisions .double-feature .sf-col.closed + .sf-col.closed + .sf-col.closed + .sf-col.fifth.active + .sf-col.active,
  .homepage #content-wrapper .updates-decisions .single-feature .sf-col.closed + .sf-col.closed + .sf-col.closed + .sf-col.fifth.active + .sf-col.active {
    /*background-color: darksalmon;*/
    margin: 0;
    clear: both;
  }
}
.homepage #content-wrapper .updates-decisions .double-feature h4 {
  margin: 0 0 0.3em 0;
}
@media only screen and (min-width: 481px) {
  .homepage #content-wrapper .updates-decisions .double-feature h4 {
    margin: -5px 0 0.3em 0;
  }
}
@media only screen and (min-width: 700px) {
  .homepage #content-wrapper .updates-decisions .double-feature h4 {
    margin: 0 0 0.3em 0;
  }
}
@media only screen and (min-width: 826px) {
  .homepage #content-wrapper .updates-decisions .double-feature h4 {
    margin: -6px 0 0.3em 0;
  }
}
.homepage #content-wrapper .updates-decisions .double-feature p.date {
  font-size: 0.875em;
  /* 14 / 16 */
  margin-bottom: 0.6em;
}
.homepage #content-wrapper .updates-decisions .double-feature .readmore {
  display: block;
}
.homepage #content-wrapper .updates-decisions .single-feature .readmore {
  display: block;
}
.homepage #content-wrapper .videos-social-media {
  /* --- Social media --- */
  /* ----- Video transcripts ----- */
}
.homepage #content-wrapper .videos-social-media h3 {
  margin: 0 0 0.3em 0;
}
.homepage #content-wrapper .videos-social-media .slider-wrapper {
  background-color: #3aabdc;
}
.homepage #content-wrapper .videos-social-media .social-media-block p.jump {
  margin-top: 1em;
  display: block;
}
@media only screen and (min-width: 600px) {
  .homepage #content-wrapper .videos-social-media .social-media-block p.jump {
    display: none;
  }
}
.homepage #content-wrapper .videos-social-media .slider-wrapper img {
  border: none;
}
.homepage #content-wrapper .videos-social-media #transcripts {
  margin: 0 0 1em 0;
  overflow: hidden;
}
.homepage #content-wrapper .videos-social-media #transcripts ul {
  float: left;
  margin: 0;
  padding: 0;
}
.homepage #content-wrapper .videos-social-media #transcripts ul li {
  display: inline;
  background: none;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  line-height: 1;
  float: left;
}
.homepage #content-wrapper .videos-social-media #transcripts ul li p {
  font-size: 100%;
  padding: 0;
}
.homepage #content-wrapper .videos-social-media #transcripts ul li:last-child {
  border-right: none;
}
.homepage #content-wrapper .videos-social-media #transcripts ul li a {
  margin-left: 0 !important;
}
.homepage #content-wrapper .videos-social-media .transcript-block {
  border-bottom: 1px solid #bbd0d4;
  margin: 0 0 10px 0;
  display: block;
  clear: both;
  display: none;
}
.homepage #content-wrapper .videos-social-media .transcript-block p {
  margin-bottom: 1.5em;
}
.homepage #content-wrapper .outtro {
  padding: 0;
  width: 100%;
}
.homepage #content-wrapper .info-for .box h2 {
  font-size: 1.125em;
  /* 18 / 16 */
}
@media only screen and (min-width: 340px) {
  .homepage #content-wrapper .info-for .box h2 {
    font-size: 1.25em;
    /* 20 / 16 */
  }
}
@media only screen and (min-width: 800px) {
  .homepage #content-wrapper .info-for .box h2 {
    font-size: 1.375em;
    /* 22 / 16 */
  }
}
.wf-active .homepage #content-wrapper .info-for .box h2 {
  font-size: 1.75em;
  /* 28 / 16 */
}
@media only screen and (min-width: 340px) {
  .wf-active .homepage #content-wrapper .info-for .box h2 {
    font-size: 1.875em;
    /* 30 / 16 */
  }
}
@media only screen and (min-width: 800px) {
  .wf-active .homepage #content-wrapper .info-for .box h2 {
    font-size: 2em;
    /* 32 / 16 */
  }
}
.ie8 .homepage #content-wrapper .info-for .box {
  overflow: visible;
  max-width: 100%;
}
.ie8 .homepage #content-wrapper .info-for .box h2 {
  background: url(../img/ie8-opaque.png) repeat 0 0;
}
.ie8 .homepage #content-wrapper .info-for .box img {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.carousel {
  margin: 0;
  padding: 2% 2% 4% 2%;
  padding: 0 0 5em 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  background: #ffffff;
}
/*  GLOBAL OBJECTS ============================================================================= */
.breaker {
  clear: both;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
/* VENDOR-SPECIFIC ============================================================================= */
html {
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #349edb;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
.clearfix {
  zoom: 1;
}
::-webkit-selection {
  background: #1777af;
  color: #fafafa;
  text-shadow: none;
}
::-moz-selection {
  background: #1777af;
  color: #fafafa;
  text-shadow: none;
}
::selection {
  background: #1777af;
  color: #fafafa;
  text-shadow: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
}
::-webkit-input-placeholder {
  font-size: .875em;
  line-height: 1.4;
}
input:-moz-placeholder {
  font-size: .875em;
  line-height: 1.4;
}
.ie7 img,
.iem7 img {
  -ms-interpolation-mode: bicubic;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* @@ FOOTER ============================================================================= */
#superfooter-wrapper {
  border-top: 3px solid #3aabdc;
  margin: 0;
}
@media only screen and (min-width: 600px) {
  #superfooter-wrapper {
    margin: 1.5em 0 0 0;
  }
}
#superfooter-wrapper footer.superfooter {
  text-align: left;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2.1em 5% 1em 5%;
}
@media only screen and (min-width: 320px) {
  #superfooter-wrapper footer.superfooter {
    padding: 2.1em 4% 0 4%;
  }
}
@media only screen and (min-width: 768px) {
  #superfooter-wrapper footer.superfooter {
    padding: 3em 3% 0 3%;
  }
}
@media only screen and (min-width: 980px) {
  #superfooter-wrapper footer.superfooter {
    padding: 3em 2% 0 2%;
  }
}
#superfooter-wrapper footer.superfooter h4 {
  margin-top: 0;
}
@media only screen and (min-width: 980px) {
  #superfooter-wrapper footer.superfooter .super4 {
    text-align: center;
  }
  #superfooter-wrapper footer.superfooter .super4 h4 {
    display: none;
  }
}
#superfooter-wrapper footer.superfooter .super4 img {
  margin: 5px 0 1em 0;
  border: none;
}
#superfooter-wrapper footer.superfooter .super4 p,
#superfooter-wrapper footer.superfooter .super4 ul,
#superfooter-wrapper footer.superfooter .super4 li {
  text-align: left;
}
#superfooter-wrapper footer.superfooter p.language-line {
  background: url(../img/icon-language-line.gif) no-repeat 0 0;
  padding: 3px 0 7px 39px;
}
#superfooter-wrapper footer.superfooter p.info-languages {
  background: url(../img/icon-info-languages.gif) no-repeat 0 0;
  padding: 3px 0 7px 39px;
}
#superfooter-wrapper footer.superfooter p.deaf-relay-service {
  background: url(../img/icon-deaf-relay-service.gif) no-repeat 0 0;
  padding: 3px 0 7px 39px;
}
#subfooter-wrapper {
  background-color: #3aabdc;
  padding: 1em 0 3em 0;
}
#subfooter-wrapper footer.subfooter {
  text-align: left;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5em 5% 0 5%;
}
@media only screen and (min-width: 320px) {
  #subfooter-wrapper footer.subfooter {
    padding: 1.5em 4% 0 4%;
  }
}
@media only screen and (min-width: 340px) {
  #subfooter-wrapper footer.subfooter {
    padding: 1.5em 4% 0.4em 4%;
  }
}
@media only screen and (min-width: 400px) {
  #subfooter-wrapper footer.subfooter {
    padding: 1.5em 4% 0.3em 4%;
  }
}
@media only screen and (min-width: 600px) {
  #subfooter-wrapper footer.subfooter {
    padding: 1.5em 4% 0.2em 4%;
  }
}
@media only screen and (min-width: 768px) {
  #subfooter-wrapper footer.subfooter {
    padding: 1.5em 3% 0.2em 3%;
  }
}
@media only screen and (min-width: 980px) {
  #subfooter-wrapper footer.subfooter {
    padding: 1.5em 2% 0.2em 2%;
  }
}
@media only screen and (min-width: 1094px) {
  #subfooter-wrapper footer.subfooter {
    padding: 2.4em 2% 0 2%;
  }
}
#subfooter-wrapper .footer-nav {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 1094px) {
  #subfooter-wrapper .footer-nav {
    width: 65%;
    text-align: left;
  }
}
#subfooter-wrapper .footer-nav ul {
  margin: 0 auto;
  padding: 0.5em 0 1.5em 0;
  overflow: hidden;
}
@media only screen and (min-width: 1094px) {
  #subfooter-wrapper .footer-nav ul {
    padding: 0.5em 0;
  }
}
#subfooter-wrapper .footer-nav ul li {
  display: inline;
  font-size: 0.9375em;
  /* 15 / 16 */
}
#subfooter-wrapper .footer-nav ul li a {
  padding: 0 0.6em 0 0.3em;
  white-space: nowrap;
}
@media only screen and (min-width: 750px) {
  #subfooter-wrapper .footer-nav ul li a {
    padding: 0 0.6em 0 0;
  }
}
@media only screen and (min-width: 360px) {
  #subfooter-wrapper .footer-nav ul li.print-hide a {
    border-right: 1px solid #ffffff;
  }
}
@media only screen and (min-width: 750px) {
  #subfooter-wrapper .footer-nav ul li.print-hide a {
    margin: 0 0.3em 0 0;
  }
}
#subfooter-wrapper .footer-nav ul li.contact a {
  border-right: none;
  margin: 0;
}
#subfooter-wrapper .footer-nav ul li.email a {
  padding: 0 0.5em;
}
@media only screen and (min-width: 1250px) {
  #subfooter-wrapper .footer-nav ul li.email a {
    padding: 0 0.5em 0 5em;
  }
}
#subfooter-wrapper .footer-nav ul li.phone {
  padding: 0 0.5em;
  white-space: nowrap;
  color: #ffffff;
}
#subfooter-wrapper .social-media {
  width: 100%;
  margin-left: 0;
  text-align: center;
}
@media only screen and (min-width: 346px) {
  #subfooter-wrapper .social-media {
    width: 48.5%;
    /* AliG 2020 (was 340px) */
    float: left;
    text-align: left;
  }
}
@media only screen and (min-width: 1094px) {
  #subfooter-wrapper .social-media {
    width: 14%;
    text-align: right;
    margin-left: 5%;
  }
}
#subfooter-wrapper .social-media ul {
  text-align: center;
  float: none;
  display: inline;
  white-space: nowrap;
  margin: 0 auto;
}
@media only screen and (min-width: 346px) {
  #subfooter-wrapper .social-media ul {
    text-align: left;
    /* AliG 2020 (was 340px) */
    float: left;
    margin: 0;
  }
}
#subfooter-wrapper .social-media ul li {
  display: inline;
}
#subfooter-wrapper .social-media ul li a {
  display: inline-block;
  max-width: 45px;
  height: 35px;
  float: none;
  margin: 0 4px 0 0;
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden;
  text-transform: capitalize;
  /* removes text in IE7 */
  color: #ffffff;
  border: 1px solid #ffffff;
  /* AliG 2020 */
}
@media only screen and (min-width: 346px) {
  #subfooter-wrapper .social-media ul li a {
    display: block;
    /* AliG 2020 (was 340px) */
    float: left;
  }
}
#subfooter-wrapper .social-media ul li a.facebook {
  background: #1a5d99 url(../img/social-icon-sprite.png) no-repeat 0 0;
}
#subfooter-wrapper .social-media ul li a.facebook:hover {
  background: #4475a8 url(../img/social-icon-sprite.png) no-repeat -45px 0;
}
#subfooter-wrapper .social-media ul li a.twitter {
  background: #00b1f0 url(../img/social-icon-sprite.png) no-repeat 0 -35px;
}
#subfooter-wrapper .social-media ul li a.twitter:hover {
  background: #00bdf3 url(../img/social-icon-sprite.png) no-repeat -45px -35px;
}
#subfooter-wrapper .social-media ul li a.youtube {
  background: #cc332d url(../img/social-icon-sprite.png) no-repeat 0 -70px;
}
#subfooter-wrapper .social-media ul li a.youtube:hover {
  background: #e12017 url(../img/social-icon-sprite.png) no-repeat -45px -70px;
}
#subfooter-wrapper .govt-logo {
  width: 100%;
  margin-left: 0;
  text-align: center;
  padding: 1.5em 0 0 0;
}
#subfooter-wrapper .govt-logo img {
  border: none;
}
#subfooter-wrapper .govt-logo a[href^="//"]:after,
#subfooter-wrapper .govt-logo a[href^="http://"]:after,
#subfooter-wrapper .govt-logo a[href^="https://"]:after {
  content: none;
}
@media only screen and (min-width: 346px) {
  #subfooter-wrapper .govt-logo {
    width: 48.5%;
    /* AliG 2020 (was 340px) */
    float: right;
    text-align: right;
    padding: 0.7em 0 0 0;
  }
}
@media only screen and (min-width: 1094px) {
  #subfooter-wrapper .govt-logo {
    width: 14%;
  }
}
#subfooter-wrapper .print-logo {
  /*width: 100%;
		margin-left: 0;
		text-align: center;
		padding: 1.5em 0 0 0;*/
  display: none;
  /*img {
			border: none;
		}*/
}
#content-wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1.5em 0;
  width: 100%;
  max-width: 100%;
}
#content-wrapper table th {
  font-weight: normal;
  text-align: left;
  background: #e6e6e6;
  font-family: "league-gothic", Arial, sans-serif;
  vertical-align: top;
  padding: 9px 18px;
  border-top: 1px solid #3aabdc;
  border-bottom: 1px solid #3aabdc;
}
#content-wrapper table th em {
  font-style: italic;
}
#content-wrapper table tr {
  border-bottom: 1px solid #3aabdc;
}
#content-wrapper table td {
  padding: 9px 18px;
  font-size: 1em;
  /* 16 / 16 */
  line-height: 1.3;
  vertical-align: top;
}
#content-wrapper table tfoot {
  font-style: italic;
}
#content-wrapper table caption {
  background-color: transparent;
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
#content-wrapper table img {
  /*max-width: none;
			width: 100%;*/
  max-width: 100%;
}
#content-wrapper .coloured table tr:nth-child(even) {
  background: none;
}
#content-wrapper .coloured table th {
  background: none;
}
#content-wrapper p + table,
#content-wrapper p + .section > table {
  margin: 0 0 1.5em 0;
}
#content-wrapper table th {
  font-size: 1.1875em;
  /* 19 / 16 */
  /*font-weight: bold;*/
  font-weight: normal;
}
.wf-active #content-wrapper table th {
  font-size: 1.5em;
  /* 24 / 16 */
  font-weight: normal;
}
.slices #content-wrapper .coloured table tr {
  border-bottom: 1px solid #ffffff;
}
.slices #content-wrapper .coloured table th {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
#content-wrapper .table-striped tr:nth-child(even) {
  background-color: #f2f2f2;
}
#content-wrapper {
  /* RESPONSIVE EXAMPLE */
  /* Small table version displays when content col width is < 500px */
}
#content-wrapper .stacktable {
  width: 100%;
}
#content-wrapper .large-only td:first-child,
#content-wrapper .st-head-row {
  color: inherit;
  font-weight: normal;
  margin: 0;
  text-rendering: optimizelegibility;
  line-height: 1em;
}
#content-wrapper .large-only td:first-child {
  font-family: "league-gothic", Arial, sans-serif;
}
#content-wrapper table.small-only th,
#content-wrapper table.small-only td {
  padding: 9px 12px;
}
#content-wrapper .st-head-row.st-head-row-main {
  padding-top: 0;
  display: none;
}
#content-wrapper .st-key {
  width: 22%;
  text-align: left;
  font-weight: bold;
  padding-right: 1%;
  font-family: "proxima-nova", Helvetica, sans-serif;
  font-size: 1em;
  /* 24 / 16 */
}
#content-wrapper .st-val {
  width: 74%;
  padding-left: 3%;
}
#content-wrapper .large-only {
  /* small - table is narrower than 500px */
  display: none;
}
#content-wrapper .small-only {
  display: table;
}
@media (min-width: 543px) {
  #content-wrapper {
    /* large - table is wider than 500px */
  }
  #content-wrapper .large-only {
    display: table;
  }
  #content-wrapper .small-only {
    display: none;
  }
}
@media (min-width: 768px) {
  #content-wrapper {
    /* small - table is narrower than 500px */
  }
  #content-wrapper .large-only {
    display: none;
  }
  #content-wrapper .small-only {
    display: table;
  }
}
@media (min-width: 810px) {
  #content-wrapper {
    /* large - table is wider than 500px */
  }
  #content-wrapper .large-only {
    display: table;
  }
  #content-wrapper .small-only {
    display: none;
  }
}
@media (min-width: 980px) {
  #content-wrapper {
    /* small - table is narrower than 500px */
  }
  #content-wrapper .large-only {
    display: none;
  }
  #content-wrapper .small-only {
    display: table;
  }
}
@media (min-width: 1073px) {
  #content-wrapper {
    /* large - table is wider than 500px */
  }
  #content-wrapper .large-only {
    display: table;
  }
  #content-wrapper .small-only {
    display: none;
  }
}
#content-wrapper table th {
  font-size: 1.1875em;
  /* 19 / 16 */
}
.wf-active #content-wrapper table th {
  font-size: 1.5em;
  /* 24 / 16 */
}
#content-wrapper .large-only td:first-child,
#content-wrapper .st-head-row {
  font-size: 1.1875em;
  /* 19 / 16 */
}
.wf-active #content-wrapper .large-only td:first-child,
.wf-active #content-wrapper .st-head-row {
  font-size: 1.5em;
  /* 24 / 16 */
}
#content-wrapper .table-wrapper {
  position: relative;
  margin: 2.2em 0 0 0;
}
#content-wrapper .table-menu-wrapper {
  position: absolute;
  top: -33px;
  right: 0;
}
#content-wrapper .table-menu {
  position: absolute;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  width: 9em;
  right: 0;
  left: auto;
}
#content-wrapper .table-menu-hidden {
  left: -999em;
  right: auto;
}
#content-wrapper .table-menu-btn {
  text-decoration: none;
  color: #333;
  font-size: 0.875em;
  /* 14 / 16 */
  background: #eee url(../img/icon-menu.png) no-repeat 5px center;
  padding: .3em 10px .3em 20px;
  border: 1px solid #ccc;
}
#content-wrapper .content-col .table-menu ul {
  padding: 0;
  margin: 0;
}
#content-wrapper .content-col .table-menu ul li {
  padding: 5px 0;
  font-size: 1em;
  /* 16 / 16 */
  line-height: 1.4em;
  list-style-type: none;
  margin: 0;
  background: none;
}
#content-wrapper .content-col .table-menu ul li label {
  display: inline;
  font-weight: normal;
  margin-bottom: 0;
  font-size: 0.875em;
  /* 14 / 16 */
}
/* Table styles */
#content-wrapper .table-wrapper table {
  width: 100%;
}
#content-wrapper .table-wrapper thead th {
  white-space: nowrap;
}
#content-wrapper .table-wrapper th,
#content-wrapper .table-wrapper td {
  padding: 9px;
}
#content-wrapper .table-wrapper tr.date td {
  background-color: #f2f2f2;
  font-weight: bold;
}
#content-wrapper .table-wrapper span.ratedr {
  background-color: #e82c21;
  padding: 0 5px;
  font-weight: bold;
  color: #ffffff;
  display: inline-block;
  border-bottom: 1px solid #ffffff;
}
#content-wrapper .table-wrapper span.ratedpg,
#content-wrapper .table-wrapper span.ratedm {
  background-color: #fcf000;
  padding: 0 5px;
  font-weight: bold;
  display: inline-block;
  border-bottom: 1px solid #ffffff;
}
#content-wrapper .table-wrapper span.ratedg {
  background-color: #00a25f;
  padding: 0 5px;
  font-weight: bold;
  color: #ffffff;
  display: inline-block;
  border-bottom: 1px solid #ffffff;
}
#content-wrapper .table-wrapper .enhanced th,
#content-wrapper .table-wrapper .enhanced td {
  display: none;
}
#content-wrapper .table-wrapper .legacy-ie .enhanced th.essential,
#content-wrapper .table-wrapper .legacy-ie .enhanced td.essential {
  display: inline;
}
#content-wrapper .table-wrapper .enhanced th.essential,
#content-wrapper .table-wrapper .enhanced td.essential {
  display: table-cell;
}
@media (min-width: 435px) {
  #content-wrapper .table-wrapper {
    /* table is wider than 400px */
  }
  #content-wrapper .table-wrapper .legacy-ie .enhanced th.optional,
  #content-wrapper .table-wrapper .legacy-ie .enhanced td.optional {
    display: inline;
  }
  #content-wrapper .table-wrapper .enhanced th.optional,
  #content-wrapper .table-wrapper .enhanced td.optional {
    display: table-cell;
  }
}
@media (min-width: 543px) {
  #content-wrapper .table-wrapper {
    /* table is wider than 500px */
  }
  #content-wrapper .table-wrapper .legacy-ie .enhanced th,
  #content-wrapper .table-wrapper .legacy-ie .enhanced td {
    display: inline;
  }
  #content-wrapper .table-wrapper .enhanced th,
  #content-wrapper .table-wrapper .enhanced td {
    display: table-cell;
  }
}
@media (min-width: 768px) {
  #content-wrapper .table-wrapper {
    /* table is narrower than 500px */
  }
  #content-wrapper .table-wrapper .legacy-ie .enhanced th,
  #content-wrapper .table-wrapper .legacy-ie .enhanced td {
    display: none;
  }
  #content-wrapper .table-wrapper .enhanced th,
  #content-wrapper .table-wrapper .enhanced td {
    display: none;
  }
}
@media (min-width: 810px) {
  #content-wrapper .table-wrapper {
    /* table is wider than 500px */
  }
  #content-wrapper .table-wrapper .legacy-ie .enhanced th,
  #content-wrapper .table-wrapper .legacy-ie .enhanced td {
    display: inline;
  }
  #content-wrapper .table-wrapper .enhanced th,
  #content-wrapper .table-wrapper .enhanced td {
    display: table-cell;
  }
}
@media (min-width: 980px) {
  #content-wrapper .table-wrapper {
    /* table is narrower than 500px */
  }
  #content-wrapper .table-wrapper .legacy-ie .enhanced th,
  #content-wrapper .table-wrapper .legacy-ie .enhanced td {
    display: none;
  }
  #content-wrapper .table-wrapper .enhanced th,
  #content-wrapper .table-wrapper .enhanced td {
    display: none;
  }
}
@media (min-width: 1073px) {
  #content-wrapper .table-wrapper {
    /* table is wider than 500px */
  }
  #content-wrapper .table-wrapper .legacy-ie .enhanced th,
  #content-wrapper .table-wrapper .legacy-ie .enhanced td {
    display: inline;
  }
  #content-wrapper .table-wrapper .enhanced th,
  #content-wrapper .table-wrapper .enhanced td {
    display: table-cell;
  }
}
.gsc-table-result,
.gsc-thumbnail-inside,
.gsc-url-top {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 0 !important;
}
#main-nav-wrapper {
  width: 100%;
  text-align: left;
  float: left;
  line-height: 1.5em;
}
@media all and (min-width: 768px) {
  #main-nav-wrapper {
    position: relative;
    background-color: #3aabdc;
  }
}
#main-nav-wrapper nav {
  text-align: left;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5%;
}
@media only screen and (min-width: 320px) {
  #main-nav-wrapper nav {
    padding: 0 4%;
  }
}
@media only screen and (min-width: 768px) {
  #main-nav-wrapper nav {
    padding: 0 3%;
  }
}
@media only screen and (min-width: 980px) {
  #main-nav-wrapper nav {
    padding: 0 2%;
  }
}
#main-nav-wrapper ul.main-nav > li {
  display: block;
  float: left;
  font-family: "league-gothic", Arial, sans-serif;
  font-size: 1em;
  /* 16 / 16 */
  padding: 0;
}
#main-nav-wrapper ul.main-nav > li > ul.sub-menu li {
  font-family: "proxima-nova", Helvetica, sans-serif;
}
.wf-active #main-nav-wrapper ul.main-nav > li {
  font-size: 1.3125em;
  /* 21 / 16 */
}
@media all and (min-width: 360px) {
  #main-nav-wrapper ul.main-nav > li {
    font-size: 1em;
    /* 16 / 16 */
  }
  .wf-active #main-nav-wrapper ul.main-nav > li {
    font-size: 1.5em;
    /* 24 / 16 */
  }
}
@media all and (min-width: 768px) {
  #main-nav-wrapper ul.main-nav > li.public,
  #main-nav-wrapper ul.main-nav > li.industry,
  #main-nav-wrapper ul.main-nav > li.officials {
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0.03em;
  }
  #main-nav-wrapper ul.main-nav > li.public li,
  #main-nav-wrapper ul.main-nav > li.industry li,
  #main-nav-wrapper ul.main-nav > li.officials li {
    text-transform: none;
  }
  #main-nav-wrapper ul.main-nav > li.about,
  #main-nav-wrapper ul.main-nav > li.rating,
  #main-nav-wrapper ul.main-nav > li.news,
  #main-nav-wrapper ul.main-nav > li.blog,
  #main-nav-wrapper ul.main-nav > li.contact {
    font-size: 1em;
    letter-spacing: 0.03em;
  }
  .wf-active #main-nav-wrapper ul.main-nav > li.public,
  .wf-active #main-nav-wrapper ul.main-nav > li.industry,
  .wf-active #main-nav-wrapper ul.main-nav > li.officials {
    font-size: 1.5em;
    /* 24 / 16 */
  }
  .wf-active #main-nav-wrapper ul.main-nav > li.about,
  .wf-active #main-nav-wrapper ul.main-nav > li.rating,
  .wf-active #main-nav-wrapper ul.main-nav > li.news,
  .wf-active #main-nav-wrapper ul.main-nav > li.blog,
  .wf-active #main-nav-wrapper ul.main-nav > li.contact {
    font-size: 1.375em;
    /* 22 / 16 */
  }
}
@media all and (min-width: 800px) {
  #main-nav-wrapper ul.main-nav > li.public,
  #main-nav-wrapper ul.main-nav > li.industry,
  #main-nav-wrapper ul.main-nav > li.officials {
    font-size: 1em;
  }
  #main-nav-wrapper ul.main-nav > li.about,
  #main-nav-wrapper ul.main-nav > li.rating,
  #main-nav-wrapper ul.main-nav > li.news,
  #main-nav-wrapper ul.main-nav > li.blog,
  #main-nav-wrapper ul.main-nav > li.contact {
    font-size: 1em;
  }
  .wf-active #main-nav-wrapper ul.main-nav > li.public,
  .wf-active #main-nav-wrapper ul.main-nav > li.industry,
  .wf-active #main-nav-wrapper ul.main-nav > li.officials {
    font-size: 1.625em;
    /* 26 / 16 */
  }
  .wf-active #main-nav-wrapper ul.main-nav > li.about,
  .wf-active #main-nav-wrapper ul.main-nav > li.rating,
  .wf-active #main-nav-wrapper ul.main-nav > li.news,
  .wf-active #main-nav-wrapper ul.main-nav > li.blog,
  .wf-active #main-nav-wrapper ul.main-nav > li.contact {
    font-size: 1.5em;
    /* 24 / 16 */
  }
}
@media all and (min-width: 1050px) {
  #main-nav-wrapper ul.main-nav > li.public,
  #main-nav-wrapper ul.main-nav > li.industry,
  #main-nav-wrapper ul.main-nav > li.officials {
    font-size: 1.14em;
  }
  #main-nav-wrapper ul.main-nav > li.about,
  #main-nav-wrapper ul.main-nav > li.rating,
  #main-nav-wrapper ul.main-nav > li.news,
  #main-nav-wrapper ul.main-nav > li.blog,
  #main-nav-wrapper ul.main-nav > li.contact {
    font-size: 1.14em;
  }
  .wf-active #main-nav-wrapper ul.main-nav > li.public,
  .wf-active #main-nav-wrapper ul.main-nav > li.industry,
  .wf-active #main-nav-wrapper ul.main-nav > li.officials {
    font-size: 1.75em;
    /* 28 / 16 */
  }
  .wf-active #main-nav-wrapper ul.main-nav > li.about,
  .wf-active #main-nav-wrapper ul.main-nav > li.rating,
  .wf-active #main-nav-wrapper ul.main-nav > li.news,
  .wf-active #main-nav-wrapper ul.main-nav > li.blog,
  .wf-active #main-nav-wrapper ul.main-nav > li.contact {
    font-size: 1.625em;
    /* 26 / 16 */
  }
}
#main-nav-wrapper ul.main-nav > li > a {
  padding: 0.5em 2em 0.5em 0.5em;
}
@media all and (min-width: 768px) {
  #main-nav-wrapper ul.main-nav > li.homepage > a {
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    /* removes text in IE7 */
    padding: 0 0.6em 0 0.6em;
    margin: 0;
    width: 32px;
    height: 44px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
  }
  #main-nav-wrapper ul.main-nav > li.public > a,
  #main-nav-wrapper ul.main-nav > li.industry > a,
  #main-nav-wrapper ul.main-nav > li.officials > a,
  #main-nav-wrapper ul.main-nav > li.about > a,
  #main-nav-wrapper ul.main-nav > li.rating > a,
  #main-nav-wrapper ul.main-nav > li.news > a,
  #main-nav-wrapper ul.main-nav > li.blog > a,
  #main-nav-wrapper ul.main-nav > li.contact > a {
    padding: 0.7em 0.6em 0.6em 0.6em;
  }
  .wf-active #main-nav-wrapper ul.main-nav > li.homepage > a {
    padding: 13px 0.6em 0.85em 0.6em;
    height: 22px;
  }
  .wf-active #main-nav-wrapper ul.main-nav > li.public > a,
  .wf-active #main-nav-wrapper ul.main-nav > li.industry > a,
  .wf-active #main-nav-wrapper ul.main-nav > li.officials > a {
    padding: 0.7em 0.6em 0.6em 0.6em;
  }
  .wf-active #main-nav-wrapper ul.main-nav > li.about > a,
  .wf-active #main-nav-wrapper ul.main-nav > li.rating > a,
  .wf-active #main-nav-wrapper ul.main-nav > li.news > a,
  .wf-active #main-nav-wrapper ul.main-nav > li.blog > a,
  .wf-active #main-nav-wrapper ul.main-nav > li.contact > a {
    padding: 0.8em 0.6em 0.6em 0.6em;
  }
}
@media all and (min-width: 800px) {
  #main-nav-wrapper ul.main-nav > li.homepage > a {
    height: 44px;
  }
  .wf-active #main-nav-wrapper ul.main-nav > li.homepage > a {
    height: 25px;
  }
  .wf-active #main-nav-wrapper ul.main-nav > li.public > a,
  .wf-active #main-nav-wrapper ul.main-nav > li.industry > a,
  .wf-active #main-nav-wrapper ul.main-nav > li.officials > a {
    padding: 0.72em 0.6em 0.6em 0.6em;
  }
}
@media all and (min-width: 1050px) {
  #main-nav-wrapper ul.main-nav > li.homepage > a {
    height: 47px;
  }
  .wf-active #main-nav-wrapper ul.main-nav > li.homepage > a {
    height: 27px;
  }
  .wf-active #main-nav-wrapper ul.main-nav > li.public > a,
  .wf-active #main-nav-wrapper ul.main-nav > li.industry > a,
  .wf-active #main-nav-wrapper ul.main-nav > li.officials > a {
    padding: 0.7em 0.6em 0.6em 0.6em;
  }
}
#main-nav-wrapper ul.main-nav {
  float: left;
}
@media all and (min-width: 360px) {
  #main-nav-wrapper ul.main-nav {
    float: none;
  }
}
@media all and (min-width: 768px) {
  #main-nav-wrapper ul.main-nav.floatleft {
    width: 50%;
    float: left;
  }
  #main-nav-wrapper ul.main-nav.floatright {
    width: auto;
    float: right;
    text-align: right;
  }
  #main-nav-wrapper ul.main-nav.floatright ul.sub-menu li {
    text-align: left;
  }
}
@media all and (min-width: 1050px) {
  #main-nav-wrapper ul.main-nav.floatleft {
    width: 40%;
    float: left;
  }
  #main-nav-wrapper ul.main-nav.floatright {
    width: auto;
    float: right;
    text-align: right;
  }
  #main-nav-wrapper ul.main-nav.floatright ul.sub-menu li {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1049px) {
  #main-nav-wrapper .menu-hide {
    display: none;
  }
}
.menu-link {
  display: none;
}
.menu-link span {
  border: 1px solid #ffffff;
  padding: 1px 3px;
  border-radius: 2px;
}
.menu {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-table;
  z-index: 10;
}
@media all and (min-width: 768px) {
  .menu ul {
    position: relative;
  }
}
.menu > li > ul.sub-menu {
  padding: 4px 0;
  background-color: #f4f4f4;
  border: 1px solid #CCC;
}
.menu ul li {
  padding: 0;
}
.menu > ul > li {
  display: inline-block;
}
.menu ul li a {
  display: block;
  text-decoration: none;
}
.menu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  border: 1px solid #CCC;
}
.menu ul ul ul {
  min-width: 230px;
}
.menu ul li:hover > ul {
  display: block;
}
@media all and (min-width: 768px) and (max-width: 1050px) {
  .menu ul li.about ul li:hover > ul {
    display: none;
  }
}
@media all and (min-width: 768px) and (max-width: 1680px) {
  .menu ul li.news ul li:hover > ul {
    display: none;
  }
}
.menu ul ul > li {
  font-size: 16px;
  line-height: 1;
}
@media all and (min-width: 768px) {
  .menu ul ul > li {
    position: relative;
  }
}
.menu ul ul > li a {
  padding: 0.5em 2em 0.5em 0.6em;
  height: auto;
  background-color: #f2f2f2;
}
.menu ul ul ul > li a {
  padding: 0.5em 2em 0.5em 0.6em;
  height: auto;
}
ul.main-nav > li.public > a,
ul.main-nav > li.industry > a,
ul.main-nav > li.officials > a {
  padding: 0.7em 0.6em 0.6em 0.6em;
}
ul.main-nav > li.about > a,
ul.main-nav > li.rating > a,
ul.main-nav > li.news > a,
ul.main-nav > li.blog > a,
ul.main-nav > li.contact > a {
  padding: 0.8em 0.6em 0.6em 0.6em;
}
#main-nav-wrapper ul.main-nav li.homepage a:link,
#main-nav-wrapper ul.main-nav li.public a:link,
#main-nav-wrapper ul.main-nav li.industry a:link,
#main-nav-wrapper ul.main-nav li.officials a:link,
#main-nav-wrapper ul.main-nav li.about a:link,
#main-nav-wrapper ul.main-nav li.rating a:link,
#main-nav-wrapper ul.main-nav li.news a:link,
#main-nav-wrapper ul.main-nav li.blog a:link,
#main-nav-wrapper ul.main-nav li.contact a:link,
#main-nav-wrapper ul.main-nav li.homepage a:visited,
#main-nav-wrapper ul.main-nav li.public a:visited,
#main-nav-wrapper ul.main-nav li.industry a:visited,
#main-nav-wrapper ul.main-nav li.officials a:visited,
#main-nav-wrapper ul.main-nav li.about a:visited,
#main-nav-wrapper ul.main-nav li.rating a:visited,
#main-nav-wrapper ul.main-nav li.news a:visited,
#main-nav-wrapper ul.main-nav li.blog a:visited,
#main-nav-wrapper ul.main-nav li.contact a:visited {
  color: #3aabdc;
  background: #ffffff;
}
#main-nav-wrapper ul.main-nav li.homepage a:active,
#main-nav-wrapper ul.main-nav li.public a:active,
#main-nav-wrapper ul.main-nav li.industry a:active,
#main-nav-wrapper ul.main-nav li.officials a:active,
#main-nav-wrapper ul.main-nav li.about a:active,
#main-nav-wrapper ul.main-nav li.rating a:active,
#main-nav-wrapper ul.main-nav li.news a:active,
#main-nav-wrapper ul.main-nav li.blog a:active,
#main-nav-wrapper ul.main-nav li.contact a:active,
#main-nav-wrapper ul.main-nav li.homepage a:hover,
#main-nav-wrapper ul.main-nav li.public a:hover,
#main-nav-wrapper ul.main-nav li.industry a:hover,
#main-nav-wrapper ul.main-nav li.officials a:hover,
#main-nav-wrapper ul.main-nav li.about a:hover,
#main-nav-wrapper ul.main-nav li.rating a:hover,
#main-nav-wrapper ul.main-nav li.news a:hover,
#main-nav-wrapper ul.main-nav li.blog a:hover,
#main-nav-wrapper ul.main-nav li.contact a:hover {
  color: #ffffff;
  background: #3aabdc;
}
#main-nav-wrapper ul.main-nav li.homepage .sub-menu a,
#main-nav-wrapper ul.main-nav li.public .sub-menu a,
#main-nav-wrapper ul.main-nav li.industry .sub-menu a,
#main-nav-wrapper ul.main-nav li.officials .sub-menu a,
#main-nav-wrapper ul.main-nav li.about .sub-menu a,
#main-nav-wrapper ul.main-nav li.rating .sub-menu a,
#main-nav-wrapper ul.main-nav li.news .sub-menu a,
#main-nav-wrapper ul.main-nav li.blog .sub-menu a,
#main-nav-wrapper ul.main-nav li.contact .sub-menu a {
  color: #3aabdc;
}
#main-nav-wrapper ul.main-nav li.homepage .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.public .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.industry .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.officials .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.about .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.rating .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.news .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.blog .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.contact .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.homepage .sub-menu a:hover,
#main-nav-wrapper ul.main-nav li.public .sub-menu a:hover,
#main-nav-wrapper ul.main-nav li.industry .sub-menu a:hover,
#main-nav-wrapper ul.main-nav li.officials .sub-menu a:hover,
#main-nav-wrapper ul.main-nav li.about .sub-menu a:hover,
#main-nav-wrapper ul.main-nav li.rating .sub-menu a:hover,
#main-nav-wrapper ul.main-nav li.news .sub-menu a:hover,
#main-nav-wrapper ul.main-nav li.blog .sub-menu a:hover,
#main-nav-wrapper ul.main-nav li.contact .sub-menu a:hover {
  color: #ffffff;
  background: #3aabdc;
}
#main-nav-wrapper ul.main-nav li.homepage .sub-menu .sub-menu a:link,
#main-nav-wrapper ul.main-nav li.public .sub-menu .sub-menu a:link,
#main-nav-wrapper ul.main-nav li.industry .sub-menu .sub-menu a:link,
#main-nav-wrapper ul.main-nav li.officials .sub-menu .sub-menu a:link,
#main-nav-wrapper ul.main-nav li.about .sub-menu .sub-menu a:link,
#main-nav-wrapper ul.main-nav li.rating .sub-menu .sub-menu a:link,
#main-nav-wrapper ul.main-nav li.news .sub-menu .sub-menu a:link,
#main-nav-wrapper ul.main-nav li.blog .sub-menu .sub-menu a:link,
#main-nav-wrapper ul.main-nav li.contact .sub-menu .sub-menu a:link,
#main-nav-wrapper ul.main-nav li.homepage .sub-menu .sub-menu a:visited,
#main-nav-wrapper ul.main-nav li.public .sub-menu .sub-menu a:visited,
#main-nav-wrapper ul.main-nav li.industry .sub-menu .sub-menu a:visited,
#main-nav-wrapper ul.main-nav li.officials .sub-menu .sub-menu a:visited,
#main-nav-wrapper ul.main-nav li.about .sub-menu .sub-menu a:visited,
#main-nav-wrapper ul.main-nav li.rating .sub-menu .sub-menu a:visited,
#main-nav-wrapper ul.main-nav li.news .sub-menu .sub-menu a:visited,
#main-nav-wrapper ul.main-nav li.blog .sub-menu .sub-menu a:visited,
#main-nav-wrapper ul.main-nav li.contact .sub-menu .sub-menu a:visited {
  color: #2291c1;
  background: #f2f2f2;
}
#main-nav-wrapper ul.main-nav li.homepage .sub-menu .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.public .sub-menu .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.industry .sub-menu .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.officials .sub-menu .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.about .sub-menu .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.rating .sub-menu .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.news .sub-menu .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.blog .sub-menu .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.contact .sub-menu .sub-menu a:active,
#main-nav-wrapper ul.main-nav li.homepage .sub-menu .sub-menu a:hover,
#main-nav-wrapper ul.main-nav li.public .sub-menu .sub-menu a:hover,
#main-nav-wrapper ul.main-nav li.industry .sub-menu .sub-menu a:hover,
#main-nav-wrapper ul.main-nav li.officials .sub-menu .sub-menu a:hover,
#main-nav-wrapper ul.main-nav li.about .sub-menu .sub-menu a:hover,
#main-nav-wrapper ul.main-nav li.rating .sub-menu .sub-menu a:hover,
#main-nav-wrapper ul.main-nav li.news .sub-menu .sub-menu a:hover,
#main-nav-wrapper ul.main-nav li.blog .sub-menu .sub-menu a:hover,
#main-nav-wrapper ul.main-nav li.contact .sub-menu .sub-menu a:hover {
  color: #ffffff;
  background: #3aabdc;
}
@media all and (min-width: 768px) {
  #main-nav-wrapper ul.main-nav li.homepage a:link,
  #main-nav-wrapper ul.main-nav li.homepage a:visited {
    color: #ffffff;
    /*background:  @basecolor url(../img/home.gif) no-repeat 0.6em 0.6em;*/
    background: #3aabdc url(../img/home.png) no-repeat 0.6em 0.6em;
    /* AliG 2020 */
  }
  #main-nav-wrapper ul.main-nav li.homepage a:active,
  #main-nav-wrapper ul.main-nav li.homepage a:hover {
    color: #3aabdc;
    /*background: @white url(../img/home-current.gif) no-repeat 0.6em 0.6em;*/
    background: #ffffff url(../img/home-current-blue.png) no-repeat 0.6em 0.6em;
    /* AliG 2020 */
  }
  #main-nav-wrapper ul.main-nav li.public a:link,
  #main-nav-wrapper ul.main-nav li.industry a:link,
  #main-nav-wrapper ul.main-nav li.officials a:link,
  #main-nav-wrapper ul.main-nav li.about a:link,
  #main-nav-wrapper ul.main-nav li.rating a:link,
  #main-nav-wrapper ul.main-nav li.news a:link,
  #main-nav-wrapper ul.main-nav li.blog a:link,
  #main-nav-wrapper ul.main-nav li.contact a:link,
  #main-nav-wrapper ul.main-nav li.public a:visited,
  #main-nav-wrapper ul.main-nav li.industry a:visited,
  #main-nav-wrapper ul.main-nav li.officials a:visited,
  #main-nav-wrapper ul.main-nav li.about a:visited,
  #main-nav-wrapper ul.main-nav li.rating a:visited,
  #main-nav-wrapper ul.main-nav li.news a:visited,
  #main-nav-wrapper ul.main-nav li.blog a:visited,
  #main-nav-wrapper ul.main-nav li.contact a:visited {
    color: #ffffff;
    background: #3aabdc;
  }
  #main-nav-wrapper ul.main-nav li.public a:active,
  #main-nav-wrapper ul.main-nav li.industry a:active,
  #main-nav-wrapper ul.main-nav li.officials a:active,
  #main-nav-wrapper ul.main-nav li.about a:active,
  #main-nav-wrapper ul.main-nav li.rating a:active,
  #main-nav-wrapper ul.main-nav li.news a:active,
  #main-nav-wrapper ul.main-nav li.blog a:active,
  #main-nav-wrapper ul.main-nav li.contact a:active,
  #main-nav-wrapper ul.main-nav li.public a:hover,
  #main-nav-wrapper ul.main-nav li.industry a:hover,
  #main-nav-wrapper ul.main-nav li.officials a:hover,
  #main-nav-wrapper ul.main-nav li.about a:hover,
  #main-nav-wrapper ul.main-nav li.rating a:hover,
  #main-nav-wrapper ul.main-nav li.news a:hover,
  #main-nav-wrapper ul.main-nav li.blog a:hover,
  #main-nav-wrapper ul.main-nav li.contact a:hover {
    color: #3aabdc;
    background: #ffffff;
  }
  #main-nav-wrapper ul.main-nav li.public .sub-menu a:link,
  #main-nav-wrapper ul.main-nav li.industry .sub-menu a:link,
  #main-nav-wrapper ul.main-nav li.officials .sub-menu a:link,
  #main-nav-wrapper ul.main-nav li.about .sub-menu a:link,
  #main-nav-wrapper ul.main-nav li.rating .sub-menu a:link,
  #main-nav-wrapper ul.main-nav li.news .sub-menu a:link,
  #main-nav-wrapper ul.main-nav li.blog .sub-menu a:link,
  #main-nav-wrapper ul.main-nav li.contact .sub-menu a:link,
  #main-nav-wrapper ul.main-nav li.public .sub-menu a:visited,
  #main-nav-wrapper ul.main-nav li.industry .sub-menu a:visited,
  #main-nav-wrapper ul.main-nav li.officials .sub-menu a:visited,
  #main-nav-wrapper ul.main-nav li.about .sub-menu a:visited,
  #main-nav-wrapper ul.main-nav li.rating .sub-menu a:visited,
  #main-nav-wrapper ul.main-nav li.news .sub-menu a:visited,
  #main-nav-wrapper ul.main-nav li.blog .sub-menu a:visited,
  #main-nav-wrapper ul.main-nav li.contact .sub-menu a:visited {
    color: #2291c1;
    background: #f2f2f2;
  }
  #main-nav-wrapper ul.main-nav li.public .sub-menu a:active,
  #main-nav-wrapper ul.main-nav li.industry .sub-menu a:active,
  #main-nav-wrapper ul.main-nav li.officials .sub-menu a:active,
  #main-nav-wrapper ul.main-nav li.about .sub-menu a:active,
  #main-nav-wrapper ul.main-nav li.rating .sub-menu a:active,
  #main-nav-wrapper ul.main-nav li.news .sub-menu a:active,
  #main-nav-wrapper ul.main-nav li.blog .sub-menu a:active,
  #main-nav-wrapper ul.main-nav li.contact .sub-menu a:active,
  #main-nav-wrapper ul.main-nav li.public .sub-menu a:hover,
  #main-nav-wrapper ul.main-nav li.industry .sub-menu a:hover,
  #main-nav-wrapper ul.main-nav li.officials .sub-menu a:hover,
  #main-nav-wrapper ul.main-nav li.about .sub-menu a:hover,
  #main-nav-wrapper ul.main-nav li.rating .sub-menu a:hover,
  #main-nav-wrapper ul.main-nav li.news .sub-menu a:hover,
  #main-nav-wrapper ul.main-nav li.blog .sub-menu a:hover,
  #main-nav-wrapper ul.main-nav li.contact .sub-menu a:hover {
    color: #ffffff;
    background: #3aabdc;
  }
}
.homepage #main-nav-wrapper ul.main-nav li.homepage > a {
  color: #ffffff;
  background: #3aabdc;
}
.public-section #main-nav-wrapper ul.main-nav li.public > a {
  color: #ffffff;
  background: #3aabdc;
}
.industry-section #main-nav-wrapper ul.main-nav li.industry > a {
  color: #ffffff;
  background: #3aabdc;
}
.officials-section #main-nav-wrapper ul.main-nav li.officials > a {
  color: #ffffff;
  background: #3aabdc;
}
.about-section #main-nav-wrapper ul.main-nav li.about > a {
  color: #ffffff;
  background: #3aabdc;
}
.rating-section #main-nav-wrapper ul.main-nav li.rating > a {
  color: #ffffff;
  background: #3aabdc;
}
.news-section #main-nav-wrapper ul.main-nav li.news > a {
  color: #ffffff;
  background: #3aabdc;
}
.blog-section #main-nav-wrapper ul.main-nav li.blog > a {
  color: #ffffff;
  background: #3aabdc;
}
.contact-section #main-nav-wrapper ul.main-nav li.contact > a {
  color: #ffffff;
  background: #3aabdc;
}
@media all and (min-width: 768px) {
  .homepage #main-nav-wrapper ul.main-nav li.homepage > a {
    color: #3aabdc;
    /*background: @white url(../img/home-current.gif) no-repeat 0.6em 0.6em;*/
    background: #ffffff url(../img/home-current-blue.png) no-repeat 0.6em 0.6em;
    /* AliG 2020 */
  }
  .public-section #main-nav-wrapper ul.main-nav li.public > a {
    color: #3aabdc;
    background: #ffffff;
  }
  .industry-section #main-nav-wrapper ul.main-nav li.industry > a {
    color: #3aabdc;
    background: #ffffff;
  }
  .officials-section #main-nav-wrapper ul.main-nav li.officials > a {
    color: #3aabdc;
    background: #ffffff;
  }
  .about-section #main-nav-wrapper ul.main-nav li.about > a {
    color: #3aabdc;
    background: #ffffff;
  }
  .rating-section #main-nav-wrapper ul.main-nav li.rating > a {
    color: #3aabdc;
    background: #ffffff;
  }
  .news-section #main-nav-wrapper ul.main-nav li.news > a {
    color: #3aabdc;
    background: #ffffff;
  }
  .blog-section #main-nav-wrapper ul.main-nav li.blog > a {
    color: #3aabdc;
    background: #ffffff;
  }
  .contact-section #main-nav-wrapper ul.main-nav li.contact > a {
    color: #3aabdc;
    background: #ffffff;
  }
}
.menu ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}
/* dropdown arrows - hide them until the next dropdown is showing */
@media all and (min-width: 768px) {
  .menu ul ul li.has-submenu > a:after {
    content: '\203A';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0.25em 0.7em 0 0.5em;
  }
  .menu ul ul li.has-submenu > a:after,
  .menu ul ul ul li.has-submenu > a:after {
    content: ' ';
  }
}
@media all and (min-width: 768px) {
  .menu ul ul li.has-submenu > a:after {
    content: '\203A';
  }
}
@media all and (min-width: 768px) and (max-width: 1050px) {
  .menu ul li.about ul li.has-submenu > a:after {
    content: ' ';
  }
}
@media all and (min-width: 1051px) {
  .menu ul li.about ul li.has-submenu > a:after {
    content: '\203A';
  }
}
@media all and (min-width: 768px) and (max-width: 1680px) {
  .menu ul li.news ul li.has-submenu > a:after {
    content: ' ';
  }
}
@media all and (min-width: 1681px) {
  .menu ul li.news ul li.has-submenu > a:after {
    content: '\203A';
  }
}
a.menu-link {
  margin: 0 5%;
  color: #ffffff;
}
@media only screen and (min-width: 320px) {
  a.menu-link {
    margin: 0 4%;
  }
}
@media all and (max-width: 767px) {
  #main-nav-wrapper ul.main-nav > li {
    float: none;
    padding: 0;
  }
  #main-nav-wrapper ul.main-nav > li:first-child {
    padding: 0;
  }
  a.menu-link {
    display: block;
    color: #ffffff;
    background: #3aabdc url(../img/white-arrow-down.png) no-repeat 98% 0.9em;
    text-decoration: none;
    padding: 0.5em 1em;
    border-bottom: 1px solid #ffffff;
  }
  a.menu-link.active {
    background: #3aabdc url(../img/white-arrow-up.png) no-repeat 98% 0.9em;
  }
  .menu {
    clear: both;
    min-width: inherit;
    float: none;
  }
  .menu,
  .menu > ul ul {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .menu > li > ul.sub-menu {
    padding: 0px;
    border: none;
  }
  .menu.active,
  .menu > ul ul.active {
    max-height: 555em;
    -webkit-transition: all 5.5s ease-in-out;
    -moz-transition: all 5.5s ease-in-out;
    -ms-transition: all 5.5s ease-in-out;
    transition: all 5.5s ease-in-out;
  }
  .menu ul {
    display: inline;
  }
  .menu li,
  .menu > ul > li {
    display: block;
  }
  .menu li a {
    display: block;
    padding: 0.5em;
    border-bottom: 1px solid #949698;
    position: relative;
  }
  .menu li.has-submenu {
    padding-right: 25px;
    position: relative;
  }
  .menu li.has-submenu > span.opener:after {
    content: '+';
    position: absolute;
    top: 0.5em;
    right: 0;
    display: block;
    font-size: 1em;
    padding: 0 0.5em;
    width: 18px;
    cursor: pointer;
    text-align: center;
    line-height: 1.2;
  }
  .menu li.has-submenu.active-parent > span:after {
    content: "\2013";
    /* endash */
  }
  .menu li.has-submenu.active-parent ul > span:after {
    content: "\2013";
    /* endash */
  }
  .menu ul ul li.has-submenu > span.opener:after {
    content: '\203A';
    /* arrow */
    position: absolute;
    top: 0.3em;
    right: 0;
    display: block;
    padding: 0 0.5em;
    width: 10px;
    font-size: 1.3em;
  }
  .menu ul ul li.has-submenu.active-parent > span.opener:after {
    content: "-";
  }
  .menu li.has-submenu ul li.has-submenu {
    margin-right: -25px;
  }
  .menu li.has-submenu ul li.has-submenu li a {
    margin-right: -25px;
  }
  .menu li.has-submenu ul li.has-submenu > span.opener:after {
    right: 30px;
  }
  .menu li.has-submenu > span.opener:after,
  .menu li.has-submenu li > span.opener:after {
    color: #000000;
  }
  .menu li.has-submenu > span.opener:hover:after,
  .menu li.has-submenu:hover > span.opener:after,
  .menu li.has-submenu li:hover > span.opener:after {
    color: #ffffff;
    background: #3aabdc;
  }
  .menu ul ul > li a {
    background-color: #ffffff;
    padding: 0.75em 1em 0.75em 1em;
  }
  .menu ul ul > li.has-submenu a {
    background-color: #ffffff;
    padding: 0.75em 2.5em 0.75em 1em;
  }
  .menu ul ul ul > li a {
    background-color: #f2f2f2;
    padding: 0.75em 1em 0.75em 2em;
  }
  .menu ul ul ul > li.has-submenu a {
    background-color: #f2f2f2;
    padding: 0.75em 2.5em 0.75em 2em;
  }
  .menu ul ul ul ul > li a {
    background-color: #e5e5e5;
    padding: 0.75em 1em 0.75em 3em;
  }
  .menu ul ul ul ul > li.has-submenu a {
    background-color: #e5e5e5;
    padding: 0.75em 2.5em 0.75em 3em;
  }
  .menu ul ul,
  .menu ul ul ul {
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    border: none;
  }
  .menu ul ul ul ul {
    white-space: inherit;
  }
}
@media all and (min-width: 360px) and (max-width: 767px) {
  .menu li.has-submenu > a:after {
    padding: 0 0.3em;
    line-height: 1.2;
  }
}
@media print {
  /* ---------- @@ PAGE STRUCTURE  ============================================================================= */
  * {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  body {
    color: #000000;
  }
  @page {
    xxmargin: 1.2cm;
  }
  #container {
    width: auto !important;
    margin: 0;
    padding: 0;
    border: 0;
    float: none !important;
    font-size: 80%;
  }
  /* ---------- @@ HEADER  ============================================================================= */
  #header-wrapper {
    border-bottom: 1px solid #949698;
  }
  #header-wrapper header {
    padding: 0;
  }
  #header-wrapper .supernav {
    display: none;
  }
  #header-wrapper .logo .logo-image img {
    float: left;
    width: 75%;
  }
  /* ---------- @@ MAIN NAV  ============================================================================= */
  #main-nav-wrapper {
    display: none;
  }
  /* ---------- @@ CONTENT  ============================================================================= */
  #content-wrapper {
    padding: 2em 0 0 0;
  }
  .slices .slice-wrapper .slice,
  .quiz .slice-wrapper .slice {
    padding: 0;
  }
  .print-hide {
    display: none;
  }
  /*  @@ TYPOGRAPHY  ============================================================================= */
  /* ----- @@ headings ----- */
  h1 {
    font-size: 2.375em;
    /* 38 / 16 */
    padding: 0.5em 0;
    color: #000000;
  }
  h2,
  h3 {
    orphans: 3;
  }
  h2.nzfilms,
  h2.films,
  h2.games,
  h2.books,
  h2.randomstuff {
    padding: 0;
    margin: 1em 0 0.2em;
    background: none;
  }
  .slices .coloured h2,
  .slices .coloured h3,
  .slices .coloured h4,
  .slices .coloured h5,
  .slices .coloured h6 {
    color: #000000;
  }
  .slices .coloured h2 a,
  .slices .coloured h3 a,
  .slices .coloured h4 a,
  .slices .coloured h5 a,
  .slices .coloured h6 a {
    color: #638009 !important;
  }
  .slices .coloured p,
  .slices .coloured ul,
  .slices .coloured li,
  .slices .coloured dl,
  .slices .coloured figcaption,
  .slices .coloured th,
  .slices .coloured td {
    color: #000000;
  }
  .slices .coloured p a,
  .slices .coloured ul a,
  .slices .coloured li a,
  .slices .coloured dl a,
  .slices .coloured figcaption a,
  .slices .coloured th a,
  .slices .coloured td a {
    color: #638009 !important;
  }
  /* ----- @@ paragraphs ----- */
  p {
    orphans: 3;
    widows: 3;
  }
  p.classification {
    font-weight: bold;
    margin-top: 1.5em;
    text-align: center;
    border: 3px solid #949698;
    padding: 0.5em 1em;
  }
  pre {
    padding: 0 50px;
    page-break-inside: avoid;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /* ----- @@ lists ----- */
  #content-wrapper ol li {
    list-style-type: decimal;
  }
  #content-wrapper ol.lower-alpha li {
    list-style-type: lower-alpha;
  }
  #content-wrapper ol.upper-alpha li {
    list-style-type: upper-alpha;
  }
  #content-wrapper ol.lower-roman li {
    list-style-type: lower-roman;
  }
  #content-wrapper ol.upper-roman li {
    list-style-type: upper-roman;
  }
  #content-wrapper ol.lower-alpha-brackets {
    list-style-type: none;
  }
  #content-wrapper ol.lower-alpha-brackets li {
    list-style-type: none;
  }
  #content-wrapper ol.decimal li {
    list-style-type: decimal;
  }
  #content-wrapper ul.link-list {
    padding: 0 0 20px 17px;
  }
  #content-wrapper ul.link-list li:before {
    content: "\203A";
    margin: 0 0.5em 0 -0.8em;
  }
  #content-wrapper ul.link-list li {
    margin: 0;
    padding: 0 0 5px 0;
    list-style-type: none;
    background: none;
  }
  #content-wrapper ul li {
    padding: 0 0 5px 6px;
    list-style-type: disc;
    margin: 0 0 0 15px;
  }
  #content-wrapper ul li ul li,
  #content-wrapper ul li ul li ul li,
  #content-wrapper ul li ol li ul li,
  #content-wrapper ol li ul li,
  #content-wrapper ol li ul li ul li,
  #content-wrapper ol li ol li ul li {
    margin: 0 0 0 15px;
    padding: 0 0 5px 6px;
    list-style-type: disc;
  }
  #content-wrapper ul li ol li,
  #content-wrapper ul li ul li ol li,
  #content-wrapper ul li ol li ol li,
  #content-wrapper ol li ol li,
  #content-wrapper ol li ul li ol li,
  #content-wrapper ol li ol li ol li {
    list-style-type: decimal;
  }
  #content-wrapper ul li {
    background: none;
  }
  #content-wrapper ul li ul li,
  #content-wrapper ul li ul li ul li,
  #content-wrapper ul li ol li ul li,
  #content-wrapper ol li ul li,
  #content-wrapper ol li ul li ul li,
  #content-wrapper ol li ol li ul li {
    background: none;
  }
  #content-wrapper ul li ol li,
  #content-wrapper ul li ul li ol li,
  #content-wrapper ul li ol li ol li,
  #content-wrapper ol li ol li,
  #content-wrapper ol li ul li ol li,
  #content-wrapper ol li ol li ol li {
    background: none;
  }
  #content-wrapper .coloured ul li {
    background: none;
  }
  #content-wrapper .coloured ul li ul li,
  #content-wrapper .coloured ul li ul li ul li,
  #content-wrapper .coloured ul li ol li ul li,
  #content-wrapper .coloured ol li ul li,
  #content-wrapper .coloured ol li ul li ul li,
  #content-wrapper .coloured ol li ol li ul li {
    background: none;
  }
  #content-wrapper .coloured ul li ol li,
  #content-wrapper .coloured ul li ul li ol li,
  #content-wrapper .coloured ul li ol li ol li,
  #content-wrapper .coloured ol li ol li,
  #content-wrapper .coloured ol li ul li ol li,
  #content-wrapper .coloured ol li ol li ol li {
    background: none;
  }
  #content-wrapper .coloured ul.link-list li {
    margin: 0;
    padding: 0 0 5px 0;
    list-style-type: none;
    background: none;
  }
  #content-wrapper ul.checkboxset {
    padding: 0 0 20px 0;
  }
  #content-wrapper ul.checkboxset li {
    background: none;
    padding: 0 0 5px 0;
  }
  #content-wrapper ul.checkboxset li input {
    margin: 0 5px 0 0;
    padding: 0;
  }
  #content-wrapper ol.checkboxset {
    padding: 0 0 20px 0;
  }
  #content-wrapper ol.checkboxset li {
    list-style-type: lower-alpha;
    background: none;
    padding: 0 0 5px 0;
    width: 100%;
    float: left;
  }
  #content-wrapper ol.checkboxset li input {
    margin: 6px 5px 0 0;
    padding: 0;
    width: 5%;
    float: left;
  }
  #content-wrapper ol.checkboxset li label {
    width: 80%;
    float: left;
  }
  #content-wrapper .checkboxset li {
    list-style-type: none;
  }
  #content-wrapper .breadcrumbs ul {
    margin: 0;
    padding: 0;
  }
  #content-wrapper .breadcrumbs ul li {
    background: none;
    display: inline;
    margin: 0;
    padding: 0;
  }
  #content-wrapper .breadcrumbs ul li a:after {
    content: " \00bb";
    margin: 0 10px 0 1px;
  }
  /* ----- @@ definition lists ----- */
  dl.classification-labels dt {
    width: 15%;
  }
  dl.classification-labels dt.green-label {
    border: 1px solid #00a25f;
  }
  dl.classification-labels dt.yellow-label {
    border: 1px solid #fcf000;
  }
  dl.classification-labels dt.red-label {
    border: 1px solid #e82c21;
  }
  dl.classification-labels dd {
    width: 75%;
  }
  /* ----- @@ blockquote ----- */
  blockquote {
    padding: 0 50px 1.5em 50px;
  }
  cite {
    padding: 0 0 0.75em 0;
    margin-top: -0.75em;
  }
  .feature-col blockquote,
  .slice2 blockquote {
    padding: 0 50px 1.5em 50px;
  }
  .feature-col blockquote p,
  .slice2 blockquote p {
    margin-bottom: 1.5em;
  }
  .feature-col blockquote p:first-child,
  .slice2 blockquote p:first-child {
    text-indent: 0;
  }
  /* ----- Links ----- */
  h2 a[href^="ht"]:after,
  h3 a[href^="ht"]:after,
  h4 a[href^="ht"]:after,
  h5 a[href^="ht"]:after,
  h6 a[href^="ht"]:after,
  p a[href^="ht"]:after,
  li a[href^="ht"]:after,
  dl a[href^="ht"]:after,
  th a[href^="ht"]:after,
  td a[href^="ht"]:after {
    content: " (" attr(href) ") ";
    font-size: 75%;
    font-style: italic;
  }
  h2 a[href^="mailto"]:after,
  h3 a[href^="mailto"]:after,
  h4 a[href^="mailto"]:after,
  h5 a[href^="mailto"]:after,
  h6 a[href^="mailto"]:after,
  p a[href^="mailto"]:after,
  li a[href^="mailto"]:after,
  dl a[href^="mailto"]:after,
  th a[href^="mailto"]:after,
  td a[href^="mailto"]:after {
    content: " (" attr(href) ") ";
    font-size: 75%;
    font-style: italic;
  }
  #subfooter-wrapper a[href^="mailto"]:after {
    content: " ";
  }
  a,
  a:visited {
    text-decoration: none;
  }
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    text-decoration: none;
  }
  .slices .coloured h2 a,
  .slices .coloured h3 a,
  .slices .coloured h4 a,
  .slices .coloured h5 a,
  .slices .coloured h6 a,
  .slices .coloured p a,
  .slices .coloured ul a,
  .slices .coloured li a,
  .slices .coloured dl a,
  .slices .coloured figcaption a,
  .slices .coloured th a,
  .slices .coloured td a {
    color: #0071d6 !important;
    text-decoration: none !important;
  }
  a.pdf,
  a.word,
  a.excel,
  a.file {
    background: none;
    padding: 0;
  }
  /* file icons */
  a[href$=".pdf"],
  a[href$=".doc"],
  a[href$=".docx"],
  a[href$=".xls"],
  a[href$=".xlsx"],
  a[href$=".txt"],
  a[href$=".rtf"] {
    background: none;
    padding: 0;
  }
  /* file icons in lists */
  .content-col ul li.pdf,
  .feature-col ul li.pdf,
  .superfooter ul li.pdf,
  .content-col ul li.word,
  .feature-col ul li.word,
  .superfooter ul li.word,
  .content-col ul li.excel,
  .feature-col ul li.excel,
  .superfooter ul li.excel,
  .content-col ul li.file,
  .feature-col ul li.file,
  .superfooter ul li.file {
    background: none;
    padding: 0 0 5px 0;
    margin: 0;
  }
  .content-col ul li.pdf a,
  .feature-col ul li.pdf a,
  .superfooter ul li.pdf a,
  .content-col ul li.word a,
  .feature-col ul li.word a,
  .superfooter ul li.word a,
  .content-col ul li.excel a,
  .feature-col ul li.excel a,
  .superfooter ul li.excel a,
  .content-col ul li.file a,
  .feature-col ul li.file a,
  .superfooter ul li.file a {
    background: none;
    padding: 0;
  }
  .content-col ul.link-list li.pdf,
  .feature-col ul.link-list li.pdf,
  .superfooter ul.link-list li.pdf,
  .content-col ul.link-list li.word,
  .feature-col ul.link-list li.word,
  .superfooter ul.link-list li.word,
  .content-col ul.link-list li.excel,
  .feature-col ul.link-list li.excel,
  .superfooter ul.link-list li.excel,
  .content-col ul.link-list li.file,
  .feature-col ul.link-list li.file,
  .superfooter ul.link-list li.file {
    margin: 0 0 0 0;
  }
  .content-col ul.link-list li.pdf:before,
  .feature-col ul.link-list li.pdf:before,
  .superfooter ul.link-list li.pdf:before,
  .content-col ul.link-list li.word:before,
  .feature-col ul.link-list li.word:before,
  .superfooter ul.link-list li.word:before,
  .content-col ul.link-list li.excel:before,
  .feature-col ul.link-list li.excel:before,
  .superfooter ul.link-list li.excel:before,
  .content-col ul.link-list li.file:before,
  .feature-col ul.link-list li.file:before,
  .superfooter ul.link-list li.file:before {
    content: none;
  }
  .content-col .coloured ul.link-list li.pdf,
  .feature-col .coloured ul.link-list li.pdf,
  .content-col .coloured ul.link-list li.word,
  .feature-col .coloured ul.link-list li.word,
  .content-col .coloured ul.link-list li.excel,
  .feature-col .coloured ul.link-list li.excel,
  .content-col .coloured ul.link-list li.file,
  .feature-col .coloured ul.link-list li.file {
    background: none;
    padding: 0 0 5px 0;
    margin: 0 0 0 0;
  }
  .content-col .coloured ul.link-list li.pdf a,
  .feature-col .coloured ul.link-list li.pdf a,
  .content-col .coloured ul.link-list li.word a,
  .feature-col .coloured ul.link-list li.word a,
  .content-col .coloured ul.link-list li.excel a,
  .feature-col .coloured ul.link-list li.excel a,
  .content-col .coloured ul.link-list li.file a,
  .feature-col .coloured ul.link-list li.file a {
    background: none;
    padding: 0;
  }
  .content-col .coloured ul.link-list li.pdf:before,
  .feature-col .coloured ul.link-list li.pdf:before,
  .content-col .coloured ul.link-list li.word:before,
  .feature-col .coloured ul.link-list li.word:before,
  .content-col .coloured ul.link-list li.excel:before,
  .feature-col .coloured ul.link-list li.excel:before,
  .content-col .coloured ul.link-list li.file:before,
  .feature-col .coloured ul.link-list li.file:before {
    content: none;
  }
  a.readmore {
    display: none;
  }
  a.readmore.blog {
    display: inline;
  }
  /* readmore button */
  #content-wrapper a.readmore-button {
    text-transform: uppercase;
    font-weight: bold;
    color: #0071d6;
    text-align: right;
    font-size: 0.8125em;
    padding: 0;
  }
  #content-wrapper a.readmore-button:after {
    content: " ";
    margin-left: 0;
  }
  #content-wrapper a.readmore-button:hover:after {
    text-decoration: none !important;
  }
  #content-wrapper .coloured a.readmore-button {
    color: #0071d6;
  }
  a.back {
    display: none;
  }
  .backtotop {
    display: none;
  }
  a.quiz-submit {
    display: none;
  }
  /* @@ IMAGES ============================================================================= */
  img {
    max-width: 100% !important;
  }
  img {
    /*border: 0;*/
    max-width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ie9 img,
  .ie8 img {
    max-width: none;
    width: auto;
    height: auto;
  }
  img.floatleft,
  figure.floatleft {
    float: left;
    margin: 0.4em 1em 0.5em 0;
  }
  img.floatright,
  figure.floatright {
    float: right;
    margin: 0.4em 0 0.5em 1em;
  }
  .recent-decisions .slice2 figcaption {
    text-align: center;
    padding: 0.5em 1em;
    border: 3px solid #949698;
    width: 371px;
  }
  /* @@ TABLES ============================================================================= */
  thead {
    display: table-header-group;
  }
  tr {
    page-break-inside: avoid;
  }
  #content-wrapper table tr {
    border-bottom: 1px solid #638009;
  }
  #content-wrapper table th {
    border-top: 1px solid #638009;
    border-bottom: 1px solid #638009;
    color: #638009;
  }
  .slices #content-wrapper .coloured table tr {
    border-bottom: 1px solid #638009;
  }
  .slices #content-wrapper .coloured table th {
    border-top: 1px solid #638009;
    border-bottom: 1px solid #638009;
    color: #638009;
  }
  /* ----- Forms ----- */
  input,
  textarea,
  select {
    width: 66%;
  }
  .checkboxset input {
    width: auto;
  }
  /* ---------- @@ FOOTER ---------- */
  #superfooter-wrapper {
    display: none;
  }
  #subfooter-wrapper {
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 20px;
  }
  #subfooter-wrapper .utility-nav {
    display: none;
  }
  #subfooter-wrapper .social-media {
    display: none;
  }
  #subfooter-wrapper .footer-nav li.print-hide {
    display: none;
  }
  #subfooter-wrapper .govt-logo {
    display: none;
  }
  #subfooter-wrapper .print-logo {
    width: 100%;
    margin-left: 0;
    text-align: center;
    padding: 1.5em 0 0 0;
    display: block;
  }
  #subfooter-wrapper .print-logo img {
    border: none;
  }
  /*  @@ SPECIAL ELEMENTS	============================================================================= */
  .mobile-hide {
    display: inline;
  }
  /* accordion */
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    padding: 0.5em 1em 0.5em 1em;
  }
  .accordion .accordion-block {
    margin-bottom: 3px;
  }
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    border: 1px solid #638009;
    color: #638009;
  }
  .accordion .accordion-block {
    border: 1px solid #638009;
  }
  /* picture-text-block */
  .picture-text-block img {
    width: 31.33%;
  }
  .picture-text-block .text-col {
    width: 65.66%;
    margin: 0 0 0 3%;
  }
  .picture-text-block img {
    width: 31.33%;
  }
  .picture-text-block .img-block {
    /* wrap multiple images in this */
    width: 31.33%;
    float: left;
  }
  .picture-text-block .img-block img {
    width: 100%;
  }
  .picture-text-block .text-col {
    width: 65.66%;
    margin: 0 0 0 3%;
  }
  /* embedded videos */
  .video-container {
    display: none;
  }
  /* gallery */
  .slick-initialized .slick-slide {
    width: 151px !important;
  }
  /*  @@ SPECIFIC PAGE TEMPLATES	============================================================================= */
  /* ----------------- HOMEPAGE TEMPLATE --------------------- */
  .homepage #content-wrapper .content-col {
    width: 100%;
  }
  .homepage #content-wrapper .content-col h3 {
    font-size: 2em;
  }
  .homepage #content-wrapper .content-col h4 {
    font-size: 1.75em;
  }
  .homepage #content-wrapper .content-col .info-for .public-block {
    width: 22.75%;
    margin-left: 0;
  }
  .homepage #content-wrapper .content-col .info-for .industry-block,
  .homepage #content-wrapper .content-col .info-for .officials-block,
  .homepage #content-wrapper .content-col .info-for .students-block {
    width: 22.75%;
    margin: 0 0 0 3%;
    clear: none;
  }
  .homepage #content-wrapper .content-col .info-for .box h2 {
    position: relative;
  }
  .homepage #content-wrapper .content-col .info-for .box p.readmore {
    display: none;
  }
  .homepage #content-wrapper .content-col .info-for p {
    max-width: 275px;
  }
  .homepage #content-wrapper .content-col .news-features .latest-news .news-col1 {
    margin: 0;
    max-width: 48.5%;
  }
  .homepage #content-wrapper .content-col .news-features .latest-news .news-col2 {
    margin: 0 0 0 3%;
    max-width: 48.5%;
  }
  .homepage #content-wrapper .content-col .news-features .main-feature .box {
    float: left;
    overflow: hidden;
    position: relative;
    margin-right: 3%;
    width: 48.5%;
  }
  .homepage #content-wrapper .content-col .news-features .main-feature .df-col h3,
  .homepage #content-wrapper .content-col .news-features .main-feature .df-col p {
    clear: none;
  }
  .homepage #content-wrapper .content-col .updates-decisions .double-feature .df-col .box {
    float: left;
    overflow: hidden;
    position: relative;
    margin-right: 3%;
    margin-bottom: 1.5em;
    width: 48.5%;
  }
  .homepage #content-wrapper .content-col .updates-decisions .double-feature .df-col .box h4 {
    position: relative;
    border-top: 1px solid #949698;
    border-bottom: none;
  }
  .homepage #content-wrapper .content-col .updates-decisions .double-feature .df-col h4,
  .homepage #content-wrapper .content-col .updates-decisions .double-feature .df-col p {
    clear: none;
  }
  .homepage #content-wrapper .content-col .updates-decisions .single-feature .sf-col .box {
    float: left;
    xxoverflow: hidden;
    position: relative;
    margin-right: 3%;
    margin-bottom: 1.5em;
    width: 48.5%;
  }
  .homepage #content-wrapper .content-col .updates-decisions .single-feature .sf-col .box h4 {
    position: relative;
    border-top: 1px solid #949698;
    border-bottom: none;
  }
  .homepage #content-wrapper .content-col .updates-decisions .single-feature .sf-col p {
    clear: none;
  }
  .homepage #content-wrapper .content-col .updates-decisions .link-buttons {
    display: none;
  }
  .homepage #content-wrapper .content-col .videos-social-media .social-media-block {
    float: left;
    clear: both;
  }
  .homepage #content-wrapper .content-col .videos-social-media .social-media-block .twitter-col {
    margin: 0;
    max-width: 48.5%;
  }
  .homepage #content-wrapper .content-col .videos-social-media .social-media-block .facebook-col {
    margin: 0 0 0 3%;
    max-width: 48.5%;
  }
  .homepage #content-wrapper .content-col .videos-social-media .social-media-block p.jump {
    display: none;
  }
  .homepage #content-wrapper .content-col .videos-social-media .social-media-block p.jump a {
    display: none;
  }
  .homepage #content-wrapper .content-col .videos-social-media .slider-wrapper {
    display: none;
  }
  .homepage #content-wrapper .content-col .videos-social-media #transcripts {
    margin: 0 0 1em 0;
    clear: both;
    float: left;
  }
  .homepage #content-wrapper .content-col .videos-social-media .double-feature {
    clear: both;
  }
}