h5 {
    font-size: 0.85rem;
    font-family: inherit !important;
    font-weight: bold;
}

                /* Sharepoint required styles - do not minify */

                h2.mv-Element-H2 {
                    -ms-name: "Heading 2";
                    -ms-element:"true";
                }

                h3.mv-Element-H3 {
                    -ms-name: "Heading 3";
                    -ms-element:"true";
                }

                h4.mv-Element-H4 {
                    -ms-name: "Heading 4";
                    -ms-element:"true";
                }

                p.mv-Element-P {
                    -ms-name: "Paragraph";
                    -ms-element:"true";
                }

                blockquote.mv-Element-blockquote, blockquote.ms-rteElement-blockquote {
                    -ms-name: "Blockquote";
                }

                /* Can minify from here onwards */

  /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

/*h1 {
  font-size: 2em;
  margin: 0.67em 0;
}*/

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small, .smaller {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


        /*------------------------- SHAREPOINT RIBBON / OVERFLOW FIX -------------------------*/

            body {
                    overflow: visible !important;
                    width: inherit;
                    margin: 0;
                }

            #s4-workspace {
                    overflow: visible !important;
                    padding-top: 0px;
                    height: auto !important;
                    width: auto !important;
                }

                #suiteBar {
                    position: fixed;
                    z-index: 2000;
                    top: 0px;
                    width: 100%;
                }

                #DeltaSuiteBarRight {
                    z-index: 2000;
                }

            #s4-ribbonrow {
                    top: 30px;
                    z-index: 1000;
                    width: 100%;
                    position: fixed;
                }

                #DeltaPageStatusBar {
                    margin-bottom: 70px !important;
                    margin-top: 110px;
                }

                #ms-designer-ribbon div {
                    font-size: 13px;
                }

                #pageStatusBar {
                    position: relative !important;
                    display: block;
                    top: 65px;
                    z-index: 99;
                }
                #s4-ribbonrow .ms-MenuUIPopupBody,
                #s4-ribbonrow .ms-popoutMenu, .ms-cui-menu[id ^= "Ribbon."], .ms-cui-tooltip {
                    position: fixed !important;
                }

                * html #s4-ribbonrow .ms-MenuUIPopupBody, * html #s4-ribbonrow .ms-popoutMenu,
                * html .ms-cui-menu[id ^= "Ribbon."], * html .ms-cui-tooltip {
                    position: absolute !important;
                }

                .ms-dlgOverlay {
                    width: 100% !important 
                }

                #s4-bodyContainer {
                    padding-bottom: 0px;
                }

                noscript div.noindex {
                    display: none !important;
                }

                .ms-wpadder button {
                    background-color: #494068 !important;
                }

            #TableOfContent\.Menu {
                position: fixed !important;
            }

            .ms-webpart-chrome-vertical, .ms-webpart-cell-vertical {
            display: block !important;
            }

            .ms-cui-spn-txtbx {
            padding: 7px !important;
            height: 28px !important;
            }

            .ms-clear {
                display: none;
            }

            .ms-rte-styleRibbonPreview .ms-rte-stylePreviewTitle {
                margin-top: -9px !important;
        font-size: 12px !important;
        text-align: left !important;
            }

            .ms-webpartzone-cell {
              margin: 0;
            }

            .ms-cui-tts-scale-2 .ms-cui-tt-a {
    width: auto;
    padding: 5px 10px;
  }

  /* Fix web part panel from being hidden */

  #MSOTlPn_MainTD {
z-index: 99 !important;
position: relative !important;
}

  /* SR-730269 */
  
      .ms-long {  
        width:1000px;
      } 

        /*------------------------- STRUCTURE -------------------------*/

               * {
                    -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                }

                html {
                    background-color: #ededf1;
                    font-size: calc(16px + 2 * ((100vw - 320px) / 1080));
                }

                body {
                    font-family: "Vic", Arial, sans-serif;
                    color: #0B0C1D;
                    overflow: auto;
                    max-width: 1980px;
                    background-color: #ffffff;
                    min-height: auto !important;
                }

                #s4-mainarea {
                    overflow: hidden;
                    height: auto;
                }

                body, .inner, .wrapper, iframe {
                    margin: 0 auto;
                    display: block;
                    width: 100%;
                    position: relative;
                    padding: 0;
                }

            .inner {
                    padding-left: 1rem;
                    padding-right: 1rem;
                    max-width: 1200px;
                }

            .outer{
                outline: none;
            }

            section {
            padding: 1rem 0;
        }



        /*------------------------- FLEX CONTAINERS - DEPRECIATED -------------------------*/

        .grid, .flex-container, .news__card-container, .single-page__container, .landing-page-section__header, .global-header__wrapper, .news__social-media-container, .vimeoBadge, footer nav.inner {
                    display: flex;
                    align-items: stretch;
                    flex-direction: row;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }

                .flex-container--nowrap {
                    flex-wrap: nowrap;
                }

        .grid > *, .news__card, .single-page__container > *, .news__social-media-container > div, footer nav.inner > * {
            flex: 0 1 100%;
            max-width: 100%;
            margin-bottom: 1.5rem;
        }


        .flex-container--center {
            align-items: center;
        }

        .grid img, .news__card-container img {
          width: 100%;
          max-width: 100%;
        }

        /* Fix flexbox overflow issue on IE */
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
            .news__card img, .news__card div, .news__card article {max-width:310px!important;}
            .news__card-container {width:100%;max-width:100%;}
        }


        /*------------------------- GRIDS AND VERTICAL RYTHYM  -------------------------*/

     @supports (display: grid) {
            
        .grid, .global-header__wrapper, .news__card-container {
            display: grid;
            grid-template-columns: 100%;
            grid-gap: 1rem;
        }

        .grid > *, .news__card-container > * {
            width: 100% !important;
            margin: 0 !important;
            max-width: 100% !important;
        }

        .grid--tight {
            grid-row-gap: 0;
        }

        .global-header__wrapper {
                grid-template-columns: 1fr 1fr !important;
        }

 #det-search {
            width: 100% !important;
            margin: 0 !important;
        }

        .single-page__content .desc-label {
          margin-bottom: 0;
        }

        }

        /*------------------------- TYPOGRAPHY -------------------------*/


/* Some resets from sharepoint */

        h1, h2, h3, h4, p, ul, ol, li {
            font-family: inherit !important;
            color: inherit;
            margin: 0;
            padding: 0;
            line-height: 1;
        }

        h1, h2, h3, h4, .active {
            font-weight: bold;
        }

        h1, .largest, .single-page__content .largest {
                    font-size: 2.1rem;
                    line-height: 1.1 !important;
                    letter-spacing: -.6px;
                    color: #201647;
                }

        h2, .larger, .single-page__content .larger {
                    font-size: 1.425rem;
                    line-height: 1.15384615 !important;
                }

        h3, .large, .search-results h2, .single-page__content .large {
                    font-size: 0.95rem;
                    line-height: 1.23636364 !important;
                }

        h4 {
                    font-size: 0.9rem;
                    line-height: 1.11111111 !important;
                }

        ul, ol {
                    list-style: none;
                    width: 100%;
                }

        .single-page__content h1 {
            margin-bottom: 1.22rem;
        }

        .single-page__content h2, .single-page__content h3, .single-page__sidebar h2, .single-page__content h4, .ms-webpart-titleText.ms-webpart-titleText {
            color: #5156bd;
            padding: 1.25rem 0 .3rem 0;
        }

        .single-page__content h2 {
            margin: .83em 0;
        }

        .single-page__content div > h2:first-child {
            margin-top: 0.2rem;
            padding-top: 0;
        }

        .single-page__sidebar h2, .ms-webpart-titleText.ms-webpart-titleText {
            font-size: 1.1rem;
        }

        .single-page__content h3 {  
            margin: 1em 0;
        }

        .single-page__content p, .single-page__content li {
            line-height: 1.4rem;
            margin: .2em 0 1.5em 0;
        }

        .single-page__content li {
            margin: .2em 0 0.5em 0;
        }

        .single-page__content ul:not(.grid), .single-page__content ol:not(.grid) {
                    list-style: disc;
                    margin: 1.4em 0 1.6em 0;
                    padding-left: 40px;
                }

        .single-page__content ol:not(.grid) {
                    list-style: decimal;
                }

        .single-page__content header p {
            font-size: 1.2rem;
            margin: 0 0 0.4rem 0;
            padding: 0;
            font-weight: 300;
        }

        .desc-label, .news__card p, .search-results p {
            font-size: 0.8rem !important;
            line-height: 1.45 !important;
            color: #011a3c !important;
        }

        a:link, a:visited, summary .summary {
            color: #0047a5;
            text-decoration: underline;
            -webkit-text-decoration-skip: skip;
            text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
        }

        a:hover, button:hover, details:not(.accordion) summary .summary:hover {
            color: #2b8cc4;
        }

        a:focus, input:focus, button:focus, textarea:focus, select:focus, input:active, button:active, textarea:active, select:active, details summary:focus {
            outline: #2b8cc4 solid 3px;
            outline-offset: 3px;
                }

                details {
                    margin: 1rem 0;
                    display: block;
                }

              details:not(.accordion) div {
    margin: 0.25rem 0 0 0.285rem;
    border-left: 4px solid #0047a4;
}

        summary {
            line-height: 1.4rem;
            padding-left: 20px;
            display: inline-block;
            cursor: pointer;
            position: relative;
            color: #0047a5;
        }

           summary::-webkit-details-marker {
              display: none;
            }

            [aria-hidden="true"] {
              display: none !important;
            }

            details:not(.accordion) summary::before {
              content: "";
              position: absolute;
              top: 4px;
              left: 0;
              margin: auto;
              display: block;
              width: 0;
              height: 0;
              border-style: solid;
              border-color: transparent;
              -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
              clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
              border-width: 7px 0 7px 12.124px;
              border-left-color: inherit;
            }

            details:not(.accordion)[open] > summary::before {
                display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent;
            -webkit-clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
            clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
            border-width: 12.124px 7px 0 7px;
            border-top-color: inherit;
            }

            summary .arrow {
              display: none !important;
            }

            .accordion summary, .accordion > div {
          display: block;
          margin: 0;
          padding: 0.9rem;
          outline-offset: -3px !important;
        }

        .accordion div *:first-child {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }

        .accordion h2, .accordion h3 {
          margin: 0;
          padding: 0;
        }

        .accordion {
          background-color: #f6f6f9;
      }

        .accordion summary {
          background-image: url(../images/icons/icon-plus.png);
          background-repeat: no-repeat;
          background-position: top 50% right 1.25rem;
          background-size: 1.8rem;
          padding-right: 4.5rem;
          width: 100%;
        }

.accordion[open] summary {
  background-image: url(../images/icons/icon-minus.png);
}

 #accordion__open, #accordion__close {
                padding: 0.6rem 0;
                text-align: center;
                text-decoration: underline;
                color: #005EA5;
                border: 0;
                cursor: pointer;
                font-family: inherit;
                background-color: transparent;
                outline-offset: 0;
        }


        .accordion__controls {
            text-align: right;
            border-bottom: 1px solid rgba(32,22,71,.2);
        }

        .accordion__controls li {
            display: inline-block;
            margin: 0;
        }

        .pagination ul {
            margin: 1.5rem -1rem !important;
            padding: 0 !important;
        }

        .pagination li {
            list-style: none;
            background-size: 1.5rem;
            background-position: top 1.4rem left 1rem;
            background-repeat: no-repeat;
            margin: 0;
        }

        .pagination li:hover {
          background-color: #f6f6f9;
        }

        .pagination__previous {
          background-image: url(../images/icons/arrow-long-left.svg);
        }

        .pagination__next {
          background-image: url(../images/icons/arrow-long-right.svg);
        }

        .pagination a {
          padding: 1rem 1rem 1rem 3.5rem;
          display: block;
          outline-offset:0;
        }

        .pagination a:hover {
          color: #0047a5;
        }

        .pagination__label {
        font-size: 1.1rem;
    font-weight: bold;
    display:block;
  }

  .pagination__title {
    display:inline-block;
  }


      

        .translation summary, .details--translation summary {
    background-image: url(../images/icons/icon-translation.jpg);
    background-position: top 0.8rem right 4.25rem;
    background-size: 2.8rem;
    background-repeat: no-repeat;
    padding-right: 9rem;
    }

        
        .pad-out {
          margin-top: 1.5rem !important;
          margin-bottom: 1.5rem !important;
        }

        .pad-out-more {
          margin-top: 2.5rem !important;
          margin-bottom: 2.5rem !important;
        }

        .pad-down {
            margin-bottom: 3rem !important;
        }

        .pad-up {
            margin-top: 1.5rem !important;
        }

        i, em {
                font-style: normal;
                }

        .thin {
            font-weight: 300;
                }

        hr {
          border-top: 1px solid #d7dbe0;
          margin: 2rem 0;
        }

        .single-page__content--full-width p/*, .single-page__content--full-width li*/ {
            max-width: 69ch;
        }

         .single-page__sidebar .dfwp-column, .single-page__sidebar .dfwp-item, .single-page__sidebar .item {
            float: none;
            padding: 0;
            margin: 0;
        }

        .single-page__sidebar li {
            padding: 6px 0 !important;
    font-size: 0.8rem;
    line-height: 1.5;
        }

        .single-page__content img {
            max-width: 100%;
        }

        /*------------------------- GLOBAL HEADER -------------------------*/

                .global-header {
                    background-color: #140a3e;
                    color: #fff;
                    padding: 10px 0;
                    z-index: 99;
                    position: relative;
                }

        .global-header a {
            display: block;
            color: #fff !important;
            height: 50px;
        }

        .global-header__toggle {
            background-image: url('../images/search-icon-white.svg');
            background-repeat: no-repeat;
            background-size: 80%;
            background-position: 40% 30%;
            width: 45px;
            margin-left: auto;
            display: none !important;
        }


        #det-search {
            width: calc(50% - 1rem);
            position: relative;
            min-height: 50px;
        }

        #det-search input {
            line-height: 1.5;
            font-size: 1.15rem;
            background-color: #ffffff;
            border: none;
            padding: 7px 3px 6px 12px;
            min-height: 50px;
            outline-offset: -3px;
            min-width: 0;
            color: #000;
        }


        #det-search-text {
            width: calc(100% - 50px);
        }

        .det-search-submit {
            position: absolute;
            top: 0;
            right: 0;
            width: 50px;
            height: 100%;
            background-image: url('../images/search-icon.svg');
            background-repeat: no-repeat;
            background-size: 60%;
            background-position: 40% 48%;
            text-indent: -9999px;
            cursor: pointer;
        }

        #site-search-text::-webkit-input-placeholder, #site-search-text::-moz-placeholder, #site-search-text:-ms-input-placeholder, #site-search-text::placeholder {
            color: #999999;
        }

        [type="search"], [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration, [type="submit"] {
            -webkit-appearance: none;
            border-radius: 0;
            }

        @media screen and (max-width: 590px) {

          .global-header a, #det-logo {
    height: 40px;
}

            #det-search {
            flex: 0 0 100%;
            display: none;
            width: 100%;
            grid-column: 1 / 3;
            margin-top: 10px;
            }
            
            .global-header__toggle, .global-header.mobile-open #det-search {
                display: block !important;
            }
            .global-header.mobile-open .global-header__toggle {
            display: none !important;
        }
            
        }



        /*------------------------- BANNER - LIFESTAGE LANDING PAGE -------------------------*/

        .header-banner div {
            position: relative;
            width: 100%;
        }


        .header-banner__wrapper {
                max-width: 1980px;
                margin: 0 auto;
                overflow: hidden;
                }

        .header-banner__image-container {
                    min-height: 9rem;
                    background-position: top 0 right 20%;
                    background-size: cover;
                    display: block;
                }

        .header-banner__first-col {
                    order: 2;
                    flex-basis: 100%;
                }

        .header-banner--home h1 {
                /*font-size: 2.7rem;*/
                padding-right: 2rem;
                margin-top: 1.5rem;
                margin-bottom: 0;
                }

        .header-banner *, .banner--inverted *, .filled--about * {
            color: #ffffff !important;
        }

        .header-banner--ec *, .header-banner--school *, .header-banner--training *, .header-banner--parents *, .filled--ec *, .filled--school *, .filled--training *, .filled--parents * {
            color: #000000 !important;
        }



        /*------------------------- BANNERS - TOPIC LANDING PAGE  -------------------------*/

        .banner {
            overflow: hidden;
            position: relative;
            background-color: #f6f6f9;
        }

        .banner__left {
            padding: 0.75rem 0;
        }

        .banner h1 {
            margin: 2rem 0 1.5rem 0;
        }

        .header-banner h1 {
            margin-top: 1.5rem;
            margin-bottom: 0.75rem;
        }

        .banner p, .header-banner p {
            margin: 0.5rem 0 1.5rem 0;
        }

        .banner__right {
            position: relative;
            display: none;
        }

        .banner__right:before {
            border-style: solid;
            border-width: 0 29.0625rem 61.4375rem 0;
            top: 0;
            content: '';
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            z-index: 1;
            left: 0;
            border-color: transparent transparent #f6f6f9 transparent;
            /*border-color: transparent transparent #f3f3f7 transparent;*/
        }

        .banner--inverted .banner__right:before {
            border-color: transparent transparent #5256bd transparent;
        }

        .banner .breadcrumbs:before {
            display: none !important;
        }

        .banner__right img {
            display: none;
        }



        /*------------------------- CONTENT CONTAINERS  -------------------------*/


        .single-page__content {
                    word-wrap: break-word;
                    overflow-wrap: break-word;
                    flex: 0 0 100%;
                    margin-top: 2rem;
                    position: relative;
        }


        article footer {
                    margin: 2rem 0 0 0;
                    border-top: 1px solid rgba(32,22,71,.2);
                    color: rgba(32,22,71,.7);
                    padding: .75rem 0;
                    background: transparent;
                }

        .back-to-top {
                    float: right;
                    padding: 0.2rem 0;
                    z-index: 99;
                }



        /*------------------------- GRIDS  -------------------------*/



        /* GRID NAVIGATION */

        .grid h3 {
            margin: 0;
            padding: 0;
        }

        .single-page__content:not(.single-page__content--full-width) .grid {
            margin: 2rem 0;
        }

        .most-visited {
            margin-bottom: 3rem;
            position: relative;
        }

        .most-visited ol {
            margin: 0 !important;
        }

        .most-visited p {
            margin-bottom: 0;
        }

        /* HOME PAGE GRID */

        .grid--home h3 {
            margin-bottom: 0.4rem;
        }

        .desc-label li {
          margin: 0.65rem 0;
        }

        .grid--home__promo {
            background-size: cover;
            background-position: 50%;
            border: 0 !important;
            padding: 0 !important;
            min-height: 10rem;
            position: relative;
        }

        .grid--home__promo a {
            display: block;
            width: 100%;
            height: 100%;
            color: #fff;
        }

        .grid--home__promo a:hover p { 
            text-decoration: underline;
        }

        .grid--home__promo p {
            background-color: rgba(0,0,0,.6);
            padding: 1.3rem 1.1rem;
            font-weight: 700;
            font-size: 1.2rem;
            position: absolute;
            bottom: 0;
            width: 100%;
            margin: 0;
            line-height: 1.3;
        }

        .grid--home > .outage {
            flex: 0 1 100% !important;
    max-width: 100% !important;
    font-weight: bold;
    padding-left: 3.5rem !important;
    background-image: url(../images/icons/icon-warning.svg);
    background-size: 2em;
    background-repeat: no-repeat;
    background-position: left 0.75rem top 0.75rem;
    border: 0 !important;
    margin-bottom: 2rem !important;
    grid-column: 1 / -1;
        }

        /*------------------------- BREADCRUMBS -------------------------*/

        .breadcrumbs {
                    font-size: 0.9rem;
                    position: relative;
                }

        .breadcrumbs:before, .banner:not(.banner--parents):not(.banner--inverted):before {
            background-color: #5256bd;
            content: " ";
            display: block;
            height: 16px;
            background-image: url('../images/breadcrumbs.svg');
            margin-bottom: 0.75rem;
        }

        .banner:before {
          margin-bottom: 0 !important;
        }

        .breadcrumbs--parents:before {
          display: none;
        }


        .breadcrumbs li {
                    display: inline-block;
                    margin: 0 1rem 0 0;
                    line-height: 1.5;
                    background: url(../images/icons/arrow-right.svg);
                    background-size: 0.75rem 0.75rem;
                    background-position: top 50% left;
                    background-repeat: no-repeat;
                    padding-left: 1.25rem;
                    position: relative;
                }

        .banner--inverted .breadcrumbs li {
          background-image: url(../images/icons/arrow-right-white.svg);
        }

        .breadcrumbs li:first-child {
            background: none;
            padding-left: 0;
        }

                .breadcrumbs span {
                    display: none;
                }

                .breadcrumbs a {
                    color: #515152;
                }

                .breadcrumbs a:hover {
                    color: #000000;
                }

                .breadcrumbs li:last-child, .banner--grid .coreBreadcrumbMenulist li:nth-last-child(-n+2) {
                    display: none;
                }


                
        /* SWITCH TO LAST BREADCRUMB ON MOBILE */
            @media screen and (max-width: 768px) {

        .breadcrumbs li {
                    display: none;
                }

        .breadcrumbs li:nth-last-child(2), .banner--grid .breadcrumbs li:nth-last-child(3) {
                   display: inline-block;
                   background: none;
                }

        .breadcrumbs li:nth-last-child(2):before, .banner--grid .breadcrumbs li:nth-last-child(3):before {
                    border-bottom: 6px solid transparent;
            border-right: 8px solid;
            border-top: 6px solid transparent;
            content: '';
            display: block;
            margin-top: -7px;
            position: absolute;
            top: 50%;
            left: 0;
        }

        .breadcrumbs li {
    padding-left: 1.25rem !important;
  }

       }




        /*------------------------- PARENT HEADER  -------------------------*/

        .parent-header {
            padding: 0.3rem 0;
            background-color: rgb(99, 198, 170);
            font-weight: bold;
            background-image: url(../images/parent-pattern-white.svg);
            background-repeat: repeat-x;
            background-size: 600px 600px;
            background-position: top -200px right -50px;
            font-size: 1.2rem;
        }

        .parent-header p {
            padding: 0.65rem 0;
        }

        .parent-header a:link, .parent-header a:visited {
            color: #000;
        }

        .parent-header .inner > * {
            display: inline;
        }


        /*------------------------- RIGHT HAND NAVIGATION  -------------------------*/

    .nav-sub a {
        outline-offset: -3px;
    }

        .customLeftNavHeader {
                    padding: 0.75rem 2.5rem;
                    display: block;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    font-weight: bold;
    font-size: 1.1rem;
    color: #201647 !important;
    background-image: url(../images/icons/rounded-up-arrow.svg);
    background-size: 1.2em;
    background-position: top 1.85rem left 0.6rem;
    background-repeat: no-repeat;
    background-color: #f0f0ff;
                }


        .customLeftNavHeader_label {
          color: #5156bd;
          font-size: 0.95rem;
    text-decoration: none;
    margin-bottom: 0.2rem;
    display: inline-block !important;
        }

.single-page--ec .customLeftNavHeader {
        background-color: #f2eaf5;
      }

       .single-page--school .customLeftNavHeader {
        background-color: #fbf6e7;
      }

      .single-page--training .customLeftNavHeader {
        background-color: #e1ebec;
      }

        /* Level 1 */
        #TreeView_Menu li {
                border-bottom: 1px solid rgba(32,22,71,.1);
                background-repeat: no-repeat;
            }

        #TreeView_Menu li a {
                padding: .8rem 2rem .75rem .6rem;
    display: block;
    text-decoration: none;
    color: #333;
    font-size: .8rem;
    line-height: 1.25;
            }

        /* Level 2 */
        /* Hide collapsed level 2 menu */
            #TreeView_Menu li.Collapsed ul {
            display: none;
                }

            /* Indent open level 2 menu */
            #TreeView_Menu li.Expanded {
                background-image: url(../images/icons/arrow-down.svg);
                background-position: top 1rem right 0.1rem;
                background-size: 16px;
            }

        #TreeView_Menu li.Expanded>ul li a {
                        /*font-size: 0.75rem;*/
                        padding: .7rem 2rem;
                    }

        .Expanded >a, .selected >a, .childactivated {
                font-weight: bold;
            }


        /* Level 3 */

            #TreeView_Menu li.Expanded ul li ul li a {
                padding-left: 3.75rem;
            }


        /* Hover and selected state */

        #TreeView_Menu li a:hover, #TreeView_Menu li.selected > a, .childactivated {
                    background-color: #f0f2f5;
                    border-right: 4px solid #140b3e;
                }


        /*------------------------- ACCESSIBILITY -------------------------*/

                [href="#main"] {
                    position: absolute;
                    left: 0;
                    top: -11em;
                    background-color: #3A9CD4;
                    padding: 10px;
                    z-index: 999;
                    color: #fff !important;
                    font-size: 1rem;
                }

                [href="#main"]:focus {
                    top: 1rem;
                    left: 1rem;
                    outline-offset: 0px;
                }

               .single-page__content h2:target {
          margin-top: -3.75rem !important;
          padding-top: 5.5rem !important;
        }

                .visually-hidden, .nav-sub h2, .search-filters-mobile-button, .cludo-sr-only {
                    border: 0;
                    clip: rect(0 0 0 0);
                    height: 1px;
                    margin: -1px;
                    overflow: hidden;
                    padding: 0;
                    position: absolute;
                    width: 1px;
                }


        /*------------------------- MAKE SURE THINGS DON'T BREAK ON MOBILE -------------------------*/

                @media screen and (max-width: 590px) {

.hidden-on-mobile, .landing-page-section__header a, #parent-logo {
            display: none;
        }

                .single-page__content img, .single-page__content figure, .single-page__content iframe, .single-page__content div, .single-page__content table {
                    max-width: 100% !important;
                    width: 100% !important;
                    height: auto !important;
                    float: none !important;
                }

                .single-page__content details div {
                  margin: 0 !important;
                }

          .grid--forparents li {
                        background-image: none !important;
                    }
                }

                /* TABLES */
        .single-page__content table th {
                    font-weight: bold;
                }

                .single-page__content table th, .single-page__content table td {
                    border-bottom: 1px solid #bfc1c3;
                    text-align: left;
                    vertical-align: baseline;
                    padding: 1em 0.5em 1.1em 0;
                }

            }

                @media screen and (max-width: 640px) {
                    .single-page__content table {
                        overflow-x: auto;
                        display: block;
                        height: auto;
                    }
                }


        /*------------------------- IN PAGE ELEMENTS -------------------------*/

        .indexlist {
                    margin: 2rem 0 1rem 0;
                }

        .single-page__content .indexlist h2 {
                    color: #201647 !important;
                    margin: 0 !important;
                    font-size: 1.1rem !important;
                    padding: 0 0 0.5rem 0 !important;
                }

        .indexlist ul {
            list-style: none !important;
            padding-left: 0 !important;
            margin: 0 !important;
        }

        .indexlist ul li {
                    background-image: url(../images/icons/arrow-down.svg);
                    padding: 0.2rem 1rem 0.2rem 1.3rem;
                    background-size: 0.8em;
                    background-repeat: no-repeat;
                    background-position: left 0 top 0.85em;
                    margin: 0;
                    font-size: 0.85rem;
                }


        p.p--intro, blockquote {
                    font-weight: 300;
                    line-height: 1.5;
                    color: #523f98;
                    margin-top: 0rem;
                    padding-top: 0rem;
                }

        p.p--intro {
            border-bottom: 1px solid rgba(32, 22, 71, 0.1);
            padding-bottom: 1.5em;
        }


.p--inset, .p--alert {
    margin: 1.8rem 0 !important;
    color: #5156bd;
}

.p--inset, details:not(.accordion) div, .a--special {
    padding: 0.2em 1em;
    background-repeat: no-repeat;
}

.p--inset, .a--special {
    border-left: 4px solid #5156bd;
}

.p--alert {
    background-image: url(../images/icons/p--alert.svg);
    font-weight: bold;
    padding: 1.8em 0 1.8em 3.5em;
    background-repeat: no-repeat;
    background-position: top 2em left;
    background-size: 2.5em;
    border-top: 1px solid #d7dbe0;
    border-bottom: 1px solid #d7dbe0;
                }

.a--special, .download-container {
  background-color: #f6f6f9;
  display: block;
  padding: 0.8em 6.5em 1.2em 1em;
  font-size: 0.9rem;
  background-position: top 60% right 2em;
  background-size: 2.5em;
  margin: 0.5em 0 1.5em 0;
  outline-offset: 0 !important;
}

.a--link-title {
                    font-size: 1.4em;
                    font-weight: bold;
                    line-height: 1.5;
                }

.a--phone {
                    background-image: url(../images/a--phone.svg);
                }

        .a--intranet {
                    background-image: url(../images/a--intranet.svg);
                }

        .a--policy {
                    background-image: url(../images/a--policy.svg);
                }

                .download-container__title {
                  font-size: 1.1rem;
    font-weight: bold;
    margin: 0.25rem 0 1rem 0;
    display: block;
                }

                .download-container__button {
                  margin: 0.25rem 1rem 0.25rem 0;
                }

        /* TOOLKIT */
        .code-example {
                    padding: 1rem;
                    border: 1px solid #ddd;
                        margin: 1.5rem 0;
                    position: relative;
                }

                .code-example:before {
                    content:"EXAMPLE";
                    position: absolute;
                    top: 0;
                    right: 0;
                    padding: 5px 7px;
                    font-size: 12px;
                    background-color: #ddd;
                    font-family: inherit;
                    z-index: 99;
                }

        figure {
          margin-right: 0;
        }

        figcaption {
            font-size: 0.8rem;
            line-height: 1.5;
            max-width: 400px;
            border-bottom: 1px solid rgba(32,22,71,.2);
            padding: 10px 0;
        }

       /* IMAGES NEXT TO DOCUMENT LINKS */

.ms-asset-icon {
    display: none !important;
}

.single-page__content a[href*=".pdf"], .single-page__content a[href*=".doc"], .single-page__content a[href*=".ppt"], .single-page__content a[href*=".xls"] {
    padding: 0 0 0 25px;
    background-repeat: no-repeat;
    background-size: 20px auto;

}

.single-page__content a[href*=".pdf"] {
    background-image: url(../images/icons/icon-pdf.png);
}

.single-page__content a[href*=".doc"] {
    background-image: url(../images/icons/icon-doc.png);
}

.single-page__content a[href*=".xls"] {
    background-image: url(../images/icons/icon-xls.png);
}

.single-page__content a[href*=".ppt"] {
    background-image: url(../images/icons/icon-ppt.png);
}



        /* EXTERNAL LINKS */
        main [href^="http"]:not([href*="education.vic.gov.au"]):not(.a--special):not(.news__card):after {
                display: inline-block;
                width: 1em;
                height: 0.9em;
                background-image: url(../images/a--external.svg);
                background-repeat: no-repeat;
                background-position: center;
                content: '(external link)';
                overflow: hidden;
                white-space: nowrap;
                text-indent: 1em;
                fill: currentColor;
                }

        /* VIDEO AND DOCUMENT HOLDERS */

        .video-container {
                    position: relative;
                    height: 0;
                    padding-bottom: 60%;
                    margin-bottom: 2rem;
                }

                .video-container iframe {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }



        /*------------------------- NEWS -------------------------*/


                a.news__card {
                    text-decoration: none;
                    margin-bottom: 3rem;
                }

                a.news__card:hover h1 {
                    color: #2b8cc4;
                    text-decoration: underline;
                }

        .news__card h1 {
                    font-size: 1.3rem !important;
                    letter-spacing: 0px;
                    margin: 1rem 0 0.5rem 0 !important;
                }


        /* In page cards with background color */
        .single-page__content:not(.single-page__content--full-width) .news__card {
                    flex: 0 1 50%;
                    width: calc(50% - 0.25rem);
                    max-width: calc(50% - 0.25rem);
                    margin-bottom: 1.5rem;
                }


        .vimeoBadge div {
                -ms-flex: 0 1 33%;
            -webkit-flex: 0 1 calc(33% - 0.5rem);
            flex: 0 1 calc(33% - 0.5rem);
        }
        .vimeoBadge img {
            width: 100%;
        }

        .news__video {
            margin-bottom: 2rem;
        }

.landing-page-section__header h2, .landing-page-section__header a, .landing-page-section__header iframe {
                margin: 2rem 0;
              }



        /*------------------------- SEARCH -------------------------*/


        .search-filters ul, .search-results ul, .search-filters {
          padding-left: 0 !important;
          margin: 0 !important;
        }

        .search-filters li, .search-results-item, .search_page_list {
          list-style: none;
        }

        .search-filters li {
          vertical-align: top;
          padding-right: 1rem;
        }

        .search-result-count, .search-did-you-mean {
          font-size: 1rem;
          margin: 1rem 0 3rem 0 !important;
        }
        .search-results-item {
          margin-bottom: 2rem !important;
        }

        .search-results h2, .search-results p {
          margin: 0;
          padding: 0;
        }

        .path {
          display: none;
        }


        .search-results-item a:after {
    display: inline-block;
    padding: 0.3rem 0.4rem;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 3px;
    font-size: 0.8rem;
    margin-left: 0.75rem;
    font-weight: normal;
    vertical-align: middle;
}

.search-results-item a[href*="/childhood/"]:after {
    background-color: #b78fc1;
    color: #000;
    content: 'Early childhood';
}

.search-results-item a[href*="/school/"]:after, .search-results-item a[href*="/spag/"]:after {
    background-color: #fbbb00;
    color: #000;
    content: 'For schools';
}
    
.search-results-item a[href*="/spag/"]:after {
    content: 'School policy';
}

.search-results-item a[href*="/spag/"]:before {
    content: 'School policy: ';
}


.search-results-item a[href*="/training/"]:after {
    background-color: #1fa5bb;
    color: #000;
    content: 'TAFE and training';
}

.search-results-item a[href*="/parents/"]:after, .search-results-item a[href*="/childhood/parents/"]:after, .search-results-item a[href*="/school/parents/"]:after {
    background-color: rgb(58, 183, 149);
    color: #000;
    content: 'For parents';
}

.search-results-item a[href*="/about/"]:after {
    background-color: #201647;
    color: #fff;
    content: 'The Department';
}
    
.search-results-item a[href*="/hrweb/"]:after {
background-color: #004ea8;
color: #fff;
    content: 'Human resources';
}

.search-results-item a[href*="/about/news/"]:after {
    background-color: #b4282e;
    color: #fff;
    content: 'News';
}


.search_page_list li {
  display: inline-block;
  font-size: 1.5rem !important;
  margin-right: 1rem;
  width: 2rem;
  text-align: center;
}

.search_page_list a {
  display: block;
  width: 100%;
}


.powered-by-cludo{float:right;margin-top:5px;background-image:url(https://customer.cludo.com/img/nobg-black.png);background-repeat:no-repeat;height:40px;width:155px;background-size:180px;background-position:right center;display:block}

#cludo-loading {
  max-width: 100px !important;
}

        /*------------------------- SECTION COLOURING -------------------------*/

        .a--parents:before, .a--ec:before, .a--school:before, .a--training:before, .a--about:before, .facet-list-item a:before {
          height: 1em;
          width: 1em;
          border-radius: 50%;
          display: inline-block;
          content: " ";
          margin-right: 0.5em;
          vertical-align: middle;
          background-color: lightgrey;
        }

        .boxed {
            padding: 1rem;
            border: solid;
            border-width: 2px;
            border-color: #5256bd;
            -webkit-box-shadow: 7px 7px 0 #fff, 8px 8px 0 #5256bd;
                    box-shadow: 7px 7px 0 #fff, 8px 8px 0 #5256bd;
        }

        .boxed *:not(h2) {
                    color: #000 !important;
                }


          .outlined {
            border: 0.5rem solid #5256bd;
            padding: 1.5rem;
          }

          .filled {
            padding: 1.5rem;
            background-color: #f6f6f9;
            border: 0.5rem solid #fff !important;
          }


          .news {
            border-top-width: 20px;
            border-top-style: solid;
            border-top-color: #fff;
          }


        /* HOME AND ABOUT */

        .header-banner--home, .a--about:before, .filled--about {
                    background-color: #3757a4;
                    color: #fff;
                }

        .filled--about {
                    background-color: #5256bd;
                }

        .header-banner--about, .banner--inverted, [data-facet="The Department"]:before {
                    background-color: rgba(32, 22, 71, 1);
                    background-color: #5256bd !important;
                }

        .grid--home--about {
                border-color: #3757a4 !important;
        }

        .header-banner__image-container--about {
                    background-image: url(../images/lifestage-banner-about.jpg);
                }

        .single-page--about .single-page__sidebar, .grid--home--topics, .news--about, .customLeftNavHeader, .outlined--about {
            border-color: #5256bd !important;
        }



        /* PARENTS */


        .header-banner--parents, .a--parents:before, .filled--parents, [data-facet="For parents"]:before {
                    background-color: #3ab795 !important;
                }

        .breadcrumbs--parents {
            padding-top: 16px;
        }

        .single-page--parents .single-page__sidebar, .grid--home--forparents, .boxed--parents, .outlined--parents {
            border-color: rgba(58, 183, 149, 1) !important;
        }

        .boxed--parents {
            -webkit-box-shadow: 7px 7px 0 #ffffff, 8px 8px 0 rgb(58, 183, 149);
                    box-shadow: 7px 7px 0 #ffffff, 8px 8px 0 rgb(58, 183, 149);
        }



        /* EC */

        .header-banner--ec, .a--ec:before, .breadcrumbs--ec:before, .banner--ec:before, .filled-ec, [data-facet="For the early childhood sector"]:before {
                    background-color: #b78fc1 !important;
                }
                .header-banner__image-container--ec {
                    background-image: url(../images/lifestage-banner-ec2018.jpg);
                }

        .single-page--ec h2, .single-page--ec .customLeftNavHeader_label {
                    color: #74468c !important;
                }

        .grid--home--ec, .news--ec, .single-page--ec .customLeftNavHeader, .boxed--ec, .outlined--ec {
            border-color: #b78fc1 !important;
        }

        .boxed--ec {
            -webkit-box-shadow: 7px 7px 0 #ffffff, 8px 8px 0 #b78fc1;
                    box-shadow: 7px 7px 0 #ffffff, 8px 8px 0 #b78fc1;
        }


        /* SCHOOL */

        .header-banner--school, .a--school:before, .breadcrumbs--school:before, .banner--school:before, .filled--school, [data-facet="For schools"]:before, [data-facet="School policy"]:before {
                    background-color: #fbbb00 !important;
                }
                .header-banner__image-container--school {
                    background-image: url(../images/lifestage-banner-school2018.jpg);
                }

        .single-page--school h2, .single-page--school .customLeftNavHeader_label {
                    color: #BD5B00;
                }

        .single-page--school .single-page__sidebar, .grid--home--school, .news--school, .single-page--school .customLeftNavHeader, .boxed--school, .outlined--school {
            border-color: #fbbb00 !important;
        }

        .boxed--school {
            -webkit-box-shadow: 7px 7px 0 #ffffff, 8px 8px 0 #fbbb00;
                    box-shadow: 7px 7px 0 #ffffff, 8px 8px 0 #fbbb00;
        }


        /* TRAINING */

        .header-banner--training, .a--training:before, .breadcrumbs--training:before, .banner--training:before, .filled--training, [data-facet="For the TAFE and training sector"]:before {
                    background-color: #1fa5bb !important;
                }
                .header-banner__image-container--training {
                    background-image: url(../images/lifestage-banner-training2018.jpg);
                }

        .single-page--training h2, .single-page--training .customLeftNavHeader_label {
                    color: #2C8190;
                }

        .grid--home--training, .news--training, .single-page--training .customLeftNavHeader, .boxed--training, .outlined--training  {
            border-color: #1fa5bb !important;
        }

        .boxed--training {
            -webkit-box-shadow: 7px 7px 0 #fff, 8px 8px 0 #1fa5bb;
                    box-shadow: 7px 7px 0 #fff, 8px 8px 0 #1fa5bb;
        }



        /* EDSTATE */


        .header-banner--edstate, .breadcrumbs--edstate:before, .banner--edstate:before, .filled--edstate, [data-facet="News and stories from the Education State"]:before {
                    background-color: #b4282e !important;
                }

                .header-banner__image-container--edstate {
                    background-image: url(../images/lifestage-banner-edstate2018.jpg);
                }

        .single-page--edstate .single-page__content h2, .single-page--edstate .customLeftNavHeader_label {
                    color: #771b1f !important;
                }

                .single-page--edstate .single-page__content .p--intro, .single-page--edstate .single-page__content blockquote {
                    color: #B4282E;
                }

        #edstate-logo {
                    width: 13rem;
                    fill: #B4282E;
                    margin-bottom: 0;
                }

        .grid--home--edstate, .news--edstate,  .single-page--edstate .customLeftNavHeader, .boxed--edstate, .outlined--edstate {
            border-color: #b4282e !important;
        }

        .boxed--edstate {
            -webkit-box-shadow: 7px 7px 0 #fff, 8px 8px 0 #b4282e;
                    box-shadow: 7px 7px 0 #fff, 8px 8px 0 #b4282e;
        }


.single-page--edstate .customLeftNavHeader {
  background-color: #f9f6f6;
}



        /* HRWEB */

        .breadcrumbs--hr:before, .banner--hr:before, .filled--hr, [data-facet="Human resources"]:before {
          background-color: #004ea8 !important;
        }

        .banner--hr {
          background-color: #66b7d7;
        }

        .banner--hr .banner__right:before {
          border-color: transparent transparent #66b7d7 transparent;
        }

        .single-page--hr .customLeftNavHeader, .boxed--hr, .outlined--hr {
            border-color: #004ea8 !important;
        }

        .boxed--hr {
            -webkit-box-shadow: 7px 7px 0 #fff, 8px 8px 0 #004ea8;
                    box-shadow: 7px 7px 0 #fff, 8px 8px 0 #004ea8;
        }

.single-page--hr .customLeftNavHeader {
  background-color: #ebf1fb;
}

        


        /*------------------------- FOOTER -------------------------*/


        footer {
            background-color: #efeff1;
            padding: 2rem 0 0 0;
            color: #454a4c;
            font-size: 0.9rem;
            margin-top: 2rem;
        }

        footer a:link, footer a:visited {
            color: #454a4c;
        }

        footer a:hover {
            color: #000;
        }

        footer li {
            margin-bottom: 21px;
            min-height: 25px;
        }

        .footer-nav {
            font-size: 1.1rem;
            font-weight: bold;
        }

        footer nav > div {
            margin-bottom: 1.1rem;
        }

        .social-media-icon {
            text-decoration: none !important;
            display: inline-block;
            margin-right: 10px;
        }

        .social-media-icon img {
            height: 30px;
            width: 30px;
        }


        .footer__acknowledgement {
            background-color: #fff;
            padding: 1.3rem 0 1rem 0;
            margin: 0;
            min-height: 90px;
        }

        .footer__acknowledgement p {
            font-size: 0.8rem;
            line-height: 2;
        }

        .footer__acknowledgement img {
            float: right;
            max-width: 150px;
            margin: -0.1rem 0 0.5rem 2rem;
        }

        .translation-message {
            display: none;
    position: fixed;
    bottom: 0;
    background-color: #f6f6f9;
    padding: 1.5rem 0;
    font-size: 0.85rem;
    width: 100%;
    z-index: 99;
        }

        .translated-ltr .footer__acknowledgement, .translated-rtl .footer__acknowledgement {
            margin-bottom: 5.5rem;
        }

        .translated-ltr .translation-message, .translated-rtl .translation-message {
            display: block;
        }




        /*-------------------------  TO DELETE - LEGACY  -------------------------*/

        .topic-page__header h1 {
          margin-top: 3rem;
        }

        .topic-page__image {
          display : none;
        }



        /*-------------------------  BREAKPOINTS  -------------------------*/



        /* 320 pixels wide */
        /* Begin fluid typography */
                @media screen and (min-width: 320px) {

                    .single-page__content p, .single-page__content li, .single-page__content summary, .single-page__content table {
                        font-size: 0.9rem;
                    }

                    .single-page__sidebar p {
                        font-size: 0.8rem;
                    }
                }


        /* 590 pixels wide */
        @media screen and (min-width: 590px) {

            .show-on-mobile {
                    display: none;
                }


        /* 590 Structure */ 
            
        .inner {
                    padding-left: 2rem;
                    padding-right: 2rem;
                    }

                    .column-container {
                        padding: 1.5rem 0;
                    }

          #det-logo, .global-header a {
            height: 50px;
            width: 210px;
           }
            
        /* 590 Typography */
            
                    h2, .larger, h2.ms-webpart-titleText, .single-page__content .larger {
                    font-size: 1.475rem;
                    }

                    h3, .large, .banner p, .header-banner p, .search-results h2, .single-page__content .large {
            font-size: 1.175rem;
        }

         .banner p, .header-banner p {
            line-height: 1.375;
        }

          .header-banner--home p {
                font-size: 1rem;
                }

      .accordion summary {
          background-position: top 50% right 1.25rem;
          padding: 1.25rem 4.5rem 1.25rem 1rem;
      }

      .accordion > div {
       padding: 1.25rem 1rem;
      }

              .parent-header {
            padding: 0.75rem 0;
            font-size: 1.6rem;
        }

        .parent-header a:link, .parent-header a:visited {
            text-decoration: none;
        }

      .parent-header .inner > * {
            vertical-align: middle;
            margin: 0;
            height: 2.6rem;
            display: inline;
        }

        .parent-header a:hover {
            text-decoration: underline;
        }

            
        /* 590 Grid navigation */

        .grid > *, .news__card, .news__social-media-container > div, footer nav.inner > * {
                        flex: 0 1 calc(50% - 0.75rem);
                        max-width: calc(50% - 0.75rem);
                    }

        .single-page__content:not(.single-page__content--full-width) .grid > *, .tab .tab__content .grid li {
                flex: 0 1 100% !important;
                max-width: 100% !important;
        }
            
            .grey-container, .grid-navigation-container {
                background-color: #f6f6f9;
            }
            
            .grey-container--parents, .grid-navigation-container--parents {
            background-image: url(../images/parent-pattern.svg);
            background-repeat: repeat-x;
            background-size: 30%;
            background-color: #f5f8f9;
            background-position: bottom;
            padding: 2rem 0 !important;
        }
            
            .grid--home > li {
            background-color: #fff;
            padding: 1.2rem;
            margin: 0 0 2rem 0;
            border-top: 2px solid;
        }
          
            .grid--forparents li {
            background-position: bottom right;
            background-size: auto 64%;
            background-repeat: no-repeat;
                border: 0;
            }

        .grid--home h3 a {
            color: rgb(10, 12, 70);
            text-decoration: none;
        }

        .grid--home a:hover {
            text-decoration: underline;
        }
            
          
        /* 590 In page elements */
            .desc-label, .news__card p, .caption, .search-results p {
              margin-top: .2em !important;
                padding-top: 0.2rem !important;
                font-size: 0.85rem !important;
                line-height: 1.55 !important;
            }

            img.left, img.mv-Image-Left, img.mv-Position-1 {
                    float: left;
                    margin: 0 1rem 1rem 0;
                    max-width: 450px;
                }

                img.right, .mv-Image-Right, img.mv-Position-2 {
                    float: right;
                    margin: 0 0 1rem 1rem;
                    max-width: 450px;
                }

            
        /* 590 Banners */

        .banner:before {
                  display: none !important;
                }

     .header-banner .header-banner__image-container {
                        position: absolute;
                        height: 100%;
                        background-position: top 0 right 30%;
                    }

        .header-banner__image-container:not(.header-banner__image-container--home):after, .banner:after {
                        border-style: solid;
                        border-width: 0 0 61.4375rem 29.0625rem;
                        bottom: 0;
                        content: '';
                        display: block;
                        height: 0;
                        position: absolute;
                        width: 0;
                        z-index: 1;
                        right: -20rem;
                    }


                .header-banner__first-col {
                        order: 1;
                        flex: 0 1 45%;
                        position: relative;
                    }
                
                .header-banner__first-col:before {
                        position: absolute;
                        content: " ";
                        height: 100%;
                        padding: 0;
                        margin: 0;
                        right: 100%;
                        top: 0;
                        bottom: 0;
                        width: 9800px;
                    }
                
        .header-banner__second-col {
                        order: 2;
                        display: block;
                        flex: 0 1 55%;
                    }
                
                .header-banner__second-col:before {
                        border-style: solid;
                        border-width: 0 29.0625rem 61.4375rem 0;
                        top: 0;
                        left: 0;
                        content: '';
                        display: block;
                        height: 0;
                        position: absolute;
                        width: 0;
                        z-index: 1;
                    }

        .header-banner__first-col, .header-banner__first-col:before {
                        background-color: rgba(25, 27, 103, 0.8);
                    }

                .header-banner__first-col--about, .header-banner__first-col--about:before {
                        background-color: rgba(32, 22, 71, 0.8);
                    }

                    .header-banner__first-col--ec, .header-banner__first-col--ec:before {
                        background-color: rgba(183, 143, 193, 0.9);
                    }

                    .header-banner__first-col--school, .header-banner__first-col--school:before {
                        background-color: rgba(251, 187, 0, 0.84);
                    }

                    .header-banner__first-col--training, .header-banner__first-col--training:before {
                        background-color: rgba(31, 165, 187, 0.8);
                    }

                    .header-banner__first-col--edstate, .header-banner__first-col--edstate:before {
                        background-color: rgba(180, 40, 46, 0.8);
                    }

                    .header-banner__first-col--skillsfirst, .header-banner__first-col--skillsfirst:before {
                        background-color: transparent;
                    }

                .header-banner__first-col--parents, .header-banner__first-col--parents:before {
                        background-color: rgba(58, 183, 149, 0.9);
                    }
                
        .header-banner__second-col--home:before, .header-banner__second-col:before {
                        border-color: transparent transparent rgba(25, 27, 103, 0.8) transparent;
                    }

                .header-banner__second-col--about:before {
                        border-color: transparent transparent rgba(32, 22, 71, 0.8) transparent;
                    }


                    .header-banner__second-col--ec:before {
                        border-color: transparent transparent rgba(183, 143, 193, 0.9) transparent;
                    }

                    .header-banner__second-col--school:before {
                        border-color: transparent transparent  rgba(251, 187, 0, 0.84) transparent;
                    }

                    .header-banner__second-col--training:before {
                        border-color: transparent transparent rgba(31, 165, 187, 0.8) transparent;
                    }

                    .header-banner__second-col--edstate:before {
                        border-color: transparent transparent rgba(180, 40, 46, 0.8) transparent;
                    }

                .header-banner__second-col--parents:before {
                        border-color: transparent transparent rgba(58, 183, 149, 0.9) transparent;
                    }


.header-banner__image-container--about:after, .banner--grid:after {
                        border-color: transparent transparent #5356bd transparent;
                    }

        .header-banner__image-container--ec:after, .banner--ec:after {
                        border-color: transparent transparent #ae89bf transparent;
                    }

        .header-banner__image-container--school:after, .banner--school:after {
                        border-color: transparent transparent #fbbb00 transparent;
                    }

        .header-banner__image-container--training:after, .banner--training:after {
                        border-color: transparent transparent #06babf transparent;
                    }

        .header-banner__image-container--edstate:after, .banner--edstate:after {
                        border-color: transparent transparent rgba(180, 40, 46, 1) transparent;
                    }

        .header-banner__image-container--parents:after, .banner--parents:after {
                        border-color: transparent transparent rgb(58, 183, 149) transparent;
                    }

        .header-banner__image-container--hr:after, .banner--hr:after {
                        border-color: transparent transparent #004ea8 transparent;
                    }


          .banner__right {
            display: block;
    margin-right: -14rem;
    max-width: calc(50% + 13rem) !important;
    flex: 0 1 calc(50% + 13rem) !important;
        }

        .banner__right img {
        display: block;
        height: 100%;
        object-fit: cover;
        width: 150%;
        max-height: 100%;
        position: absolute;
        }


    @supports (display: grid) {

        .grid, .news__card-container, .global-header__wrapper {
              grid-template-columns: 1fr 1fr;
          grid-gap: 1.5rem;
        }

        .grid--1-2, .grid--2-1 {
          grid-template-columns: 100%;
        }

        .single-page__content:not(.single-page__content--full-width) .grid, .tab div .grid {
          grid-template-columns: 1fr;
        }

        .global-header #det-search {
            grid-column: 2;
        }

        .grid .outage {
          margin: 0 !important;
        }

        .banner--grid .banner__right {
            width: 150% !important;
            max-width: 150% !important;
        }

        }

        }



        /* 768 pixels wide */
            @media screen and (min-width: 768px) {
                
        /* 768 Structure */

        .column-container {
                        padding: 1.5rem 0;
                    }

        .single-page__content {
            margin-top: 2.5rem;
        }

        .grid--1-2 > *:nth-child(odd), .grid--2-1 > *:nth-child(even) {
                        flex: 0 1 calc(33% - 0.75rem);
                        max-width: calc(33% - 0.75rem);
                    }

.grid--1-2 > *:nth-child(even), .grid--2-1 > *:nth-child(odd) {
                        flex: 0 1 calc(67% - 0.75rem);
                        max-width: calc(67% - 0.75rem);
                    }

                
                
        /* 768 Typography */
                
                .single-page__content p, .single-page__content li {
                    line-height: 1.5rem;
                }

                .single-page__content--full-width .p--intro {
                        padding-bottom: 2rem;
                    }
                
        .banner h1 {
            margin-top: 3rem;
        }

/* 768 Tabs */

         .tab__container {
              position: relative;
              margin: 2rem 0;
            }

            .tab__container:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

            .tab {
              background: none !important;
            }

            .tab summary {
              max-width: 33%;
              height: 90px;
              background-color: #f6f6f9;
              border-right: 10px solid #fff;
              padding-right: 1rem;
              background-image: none !important;
            }

            .tab h2 {
              padding: 0.2rem 0;
            }

.tab[open] summary {
              border: 1px solid rgba(32,22,71,.2);
              pointer-events: none;
              background-color: #fff;
            }

.tab[open] summary:after {
            content: " ";
    position: absolute;
    left: calc(100% - 2px);
    top: 0;
    width: 10px;
    background-color: #fff;
    z-index: 99;
    height: 100%;
          }

            .tab[open] .tab__content {
              top: -90px;
            }

            .tab__content {
              position: relative;
              top: 0;
              right: 0;
              width: 67%;
              border: 1px solid rgba(32,22,71,.2);
              height: auto;
              display: block;
              float: right;
              min-height: 25rem;
              margin-bottom: -90px;
              padding: 1.5rem !important;
            }

            .single-page--parents .tab .tab__content {
              min-height: 25rem;
            }

.tab[open] #details-content-1 {
              top: calc((-90px * 2) - 1rem);
              margin-bottom: calc((-90px * 2) - 1rem);
            }

.tab[open] #details-content-2 {
              top: calc((-90px * 3) - 2rem);
              margin-bottom: calc((-90px * 3) - 2rem);
            }

.tab[open] #details-content-3 {
              top: calc((-90px * 4) - 3rem);
              margin-bottom: calc((-90px * 4) - 3rem);
            }

.tab[open] #details-content-4 {
              top: calc((-90px * 5) - 4rem);
              margin-bottom: calc((-90px * 5) - 4rem);
            }

.tab[open] #details-content-5 {
              top: calc((-90px * 6) - 5rem);
              margin-bottom: calc((-90px * 6) - 5rem);
            }

.tab p {
  max-width: 100%;
}

.tab--slim {
                margin: 0.5rem 0;
}

.tab--slim summary {
  height: 45px;
  padding: 0.6rem 1rem;
}

.tab--slim summary h2 {
padding: 0;
font-size: 1rem;
}

.tab--slim[open] .tab__content {
  top: -45px;
  min-height: 33rem;
}

.tab--slim[open] #details-content-1 {
              top: calc((-45px * 2) - 0.5rem);
              margin-bottom: calc((-45px * 2) - 1rem);
            }

.tab--slim[open] #details-content-2 {
              top: calc((-45px * 3) - 1rem);
              margin-bottom: calc((-45px * 3) - 2rem);
            }

.tab--slim[open] #details-content-3 {
              top: calc((-45px * 4) - 1.5rem);
              margin-bottom: calc((-45px * 4) - 3rem);
            }

.tab--slim[open] #details-content-4 {
              top: calc((-45px * 5) - 2rem);
              margin-bottom: calc((-45px * 5) - 4rem);
            }

.tab--slim[open] #details-content-5 {
              top: calc((-45px * 6) - 2.5rem);
              margin-bottom: calc((-45px * 6) - 5rem);
            }

.tab--slim[open] #details-content-6 {
              top: calc((-45px * 7) - 3rem);
              margin-bottom: calc((-45px * 7) - 6rem);
            }

.tab--slim[open] #details-content-7 {
              top: calc((-45px * 8) - 3.5rem);
              margin-bottom: calc((-45px * 8) - 7rem);
            }

.tab--slim[open] #details-content-8 {
              top: calc((-45px * 9) - 4rem);
              margin-bottom: calc((-45px * 9) - 8rem);
            }

.tab--slim[open] #details-content-9 {
              top: calc((-45px * 10) - 4.5rem);
              margin-bottom: calc((-45px * 10) - 9rem);
            }

.tab--slim[open] #details-content-10 {
              top: calc((-45px * 11) - 5rem);
              margin-bottom: calc((-45px * 11) - 10rem);
            }

.tab--slim[open] #details-content-11 {
              top: calc((-45px * 12) - 5.5rem);
              margin-bottom: calc((-45px * 12) - 11rem);
            }



       @supports (display: grid) {

        .grid--1-2, .grid--2-1 {
          grid-template-columns: 1fr 1fr 1fr;
        }

    .grid--1-2 *:nth-child(odd) {
            grid-column: 1 / 2;
        }

        .grid--1-2 *:nth-child(even) {
                grid-column: 2 / 4;
        }

        .grid--2-1 *:nth-child(odd) {
            grid-column: 1 / 3;
        }

        .grid--2-1 *:nth-child(even) {
                grid-column: 3 / 4;
        }

        }
                
        }




        /* 1024 pixels wide */
         @media screen and (min-width: 1024px) {


        /* 1024 Structure */ 

        .column-container {
                        padding: 3rem 0;
                    }

        .grid > * {
                    flex: 0 1 calc(33% - 0.9rem);
                    max-width: calc(33% - 0.9rem);
                }

        .grid.grid--halves > *, .news__social-media-container > div {
                    flex: 0 1 calc(50% - 1rem);
                    max-width: calc(50% - 1rem);
                }
             
             .grid--quarters > *, .news__card, footer nav.inner > * {
                        flex: 0 1 calc(25% - 1.5rem);
                        min-width: calc(25% - 1.5rem);
                        max-width: calc(25% - 1.5rem);
                    }

             .grid-navigation--double {
            flex: 0 1 calc(50% - 1rem);
            max-width: calc(50% - 1rem);
            grid-column: span 2;

        }
             
             .single-page__container {
                        flex-wrap: nowrap;
                    }
             
             .single-page__content:not(.single-page__content--full-width) {
                        flex: 0 1 42rem;
                        max-width: 42rem;
                    }
             
             .single-page__sidebar {
            border-top: 3px solid #201647;
        }
             

        .single-page__content:not(.single-page__content--full-width) {
            margin-top: 4rem;
        }
                    
             
        /* 1024 Global header */ 
             
             .global-header {
                    height: 95px;
                    padding: 15px 0;
                }
             .global-header a {
                 padding: 0;
             }

             #parent-logo {
                 width: 170px;
             }
             
        #det-search, #det-logo {
            height: 65px;
            padding: 0;
        }

        #det-search input {
            padding-left: 20px;
            font-size: 1.3rem;
            height: 65px;
        }

        #det-search-text {
            width: calc(100% - 64px);
        }

        .det-search-submit {
            width: 65px;
        }

        /* 1024 Grids */ 

                    .grey-container, .grid-navigation-container {
                        padding: 2rem 0;
                    }

        .most-visited {
            margin-top: -1rem;
            padding-bottom: 2rem;
        }

        .most-visited, .most-visited:before, .most-visited:after {
            border-bottom: 1px solid #d7dbe0;
        }

        .most-visited:before, .most-visited:after {
            content: " ";
        width: 100%;
        height: 100%;
        left: -100%;
        position: absolute;
        top: 0;
        }

        .most-visited:after {
            left: 100%;
        }

             
             
        /* 1024 Typography and page elements */  

        .single-page__content h1 {
                        margin-bottom: 2.5rem;
                        font-size: 2.5rem;
                    }
             
             .p--intro, blockquote {
            font-size: 1.2rem !important;
            margin-top: 0rem;
            padding-bottom: 1.5rem;
            margin-bottom: 1.5rem;
        }

        blockquote {
            padding-bottom: 0;
        }

         .single-page__sidebar img {
                 width: 100%;
             }
             
             .single-page__sidebar p {
                 line-height: 1.6;
             }
        
             
        .landing-page-section__header a {
                    display: block;
                }
             
             #edstate-logo {
                        width: 13rem;
                    }

                    .header-banner__first-col:not(.header-banner__first-col--home) {
    padding: 0.75rem 0;
}

.header-banner--home h1 {
    font-size: 2.7rem
  }


        /* 1024 Right hand nav */
             
        .nav-sub, .single-page__sidebar {
                        max-width: 28%;
                        margin-left: 2rem;
                        margin-top: 7rem;
                    }  
               
             
        /* 1024 News */
             
             .landing-page-section__header a svg {
                    margin: 0 0.5rem;
                    margin-right: 0.5rem;
                    width: 1.6rem;
                    vertical-align: middle;
                    margin-left: 0.6rem;
                }


       @supports (display: grid) {

        .grid, .global-header__wrapper, .news__card-container {
            grid-gap: 2rem;
        }

        .grid {
              grid-template-columns: 1fr 1fr 1fr;
        }

        .grid--quarters, .news__card-container {
                grid-template-columns: 1fr 1fr 1fr 1fr;
        }

        .grid--halves, .single-page__content:not(.single-page__content--full-width) .news__card-container {
                grid-template-columns: 1fr 1fr !important;
        }

        .global-header a, #det-logo {
            height: 65px;
        }

        }


        }


        /* 1200 pixels wide */
        @media screen and (min-width: 1200px) {
            
            
            
        /* 1200 Structure */ 
            
         .inner {
                        max-width: 1300px;
                    }
            
            .nav-sub, .single-page__sidebar {
                        margin-top: 9rem;
                    }

                    [aria-labelledby="homelogo"] {
                        width: 10rem;
                    }

    /* 1200 Breadcrumbs */ 

.breadcrumbs--single-page:after, .breadcrumbs--hr:after, .breadcrumbs--parents:after {
            border-style: solid;
            top: 0;
            content: '';
            position: absolute;
            border-width: 61.4375rem 0 0 29.0625rem;
            border-color: #7175ca transparent transparent transparent;
            right: -25rem;
        }

.breadcrumbs--parents:after {
            border-color: rgb(99, 198, 170) transparent transparent transparent;
}

.breadcrumbs--ec:after {
            border-color: rgb(196, 163, 205) transparent transparent transparent;
}

.breadcrumbs--school:after {
            border-color: rgb(252, 200, 70) transparent transparent transparent;
}

.breadcrumbs--training:after {
            border-color: #4db6c9 transparent transparent transparent;
}

.breadcrumbs--edstate:after {
            border-color: rgb(194, 80, 86) transparent transparent transparent;
}

.breadcrumbs--hr:after {
            border-color: #346eb8 transparent transparent transparent;
}
            
            
        /* 1200 Typography */ 
            
            h1 {
                font-size: 2.5rem;
                    }

            .banner h1 {
                font-size: 2.3rem;
            }
            
            #edstate-logo {
                width: 15rem;
                    }

            .outlined, .filled {
              margin-left: -2rem;
              margin-right: -2rem;
              width: calc(100% + 4rem);
                    }    
            
        }



        /* 1500 pixels wide */
        @media screen and (min-width: 1500px) {
            
            
        /* 1500 Structure */
            
        html {
                        font-size: 125%;
                    }

                    .inner {
                        max-width: 72rem;
                    }


        /*-------------------------  PRINT  -------------------------*/



         @media print {


        html, body {
                    font-family: "Vic", Arial, sans-serif;
                    overflow:visible !important;
                    max-width: 100% !important;
                    }

        * {
            background-color: transparent !important;
            color: #000000 !important;
        }

        body:before {
                        display: block;
                    }

        div#_hj_feedback_container, #lifestage__open, .audience-info__links, .audience-info p:before, .global-header, .action-buttons, .nav-sub, .indexlist, .indexlist:after, [href="#main"], .backtotop, a[name]:not([href*="education.vic.gov.au"]):not(.a--special):not([rel="home"]):after, .header-banner__image-container, .back-to-top, footer, .global-header__toggle, #det-search, .grid--home__promo {
                display: none !important;
                }

        .single-page__container, .inner, .news__card-container, .news__card, .vimeoBadge, .vimeoBadge > * {
            display: block !important;
            overflow: visible !important;
            padding-left: 0;
            padding-right: 0;
        }

        .news__card-container:after, .vimeoBadge:after {
            content: " ";
            clear: both;
            display: table;
        }

        p, li, .inner, .single-page__container {
            max-width: 100% !important;
        }

        .breadcrumbs {
            background: none;
            padding: 12px 0px;
        }

        .breadcrumbs ul {
            counter-reset: item;
        }

        .breadcrumbs li {
            display: block;
            margin-bottom: 3px;
        }

        .breadcrumbs li:before {
          content: counters(item, ".")". ";
          counter-increment: item;
        }

        .breadcrumbs li:after {
            display: none;
        }

        .breadcrumbs a {
            font-size: 0.95rem !important;
            font-weight: normal !important;
        }

        h1 {
            font-size: 2.5rem;
        }

        .single-page__content h2 {
                        margin-top: 0;
                        border-bottom: 1px solid #ddd;
                    }

        .lifestage__details {
            border: 0;
            margin-top: 30px;
        }

                    .news__card, .single-page__content .news__card, .vimeoBadge > * {
                    width: 250px;
                    margin-right: 15px;
                    float: left;
                    }

        img {
                max-width: 500px;
                }


        .p--inset, .a--special, .details--translation summary {
            background-color: transparent;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        table{border-collapse:collapse;width:100%;margin:15px 0}table th,table td{border:1pt solid #bfc1c3;padding:10px;text-align:left}table caption{font-weight:400;text-transform:none;font-size:14pt;line-height:1.31579;margin:15px 0}


        a[href^="/"]:after, a[href^="http://"]:after, a[href^="https://"]:after {
            content: " (" attr(href) ")" !important;
            font-size: 85%;
            font-style: italic;
            font-weight: normal !important;
            word-break: break-all;
            display: inline !important;
            width: auto;
            background-image: none !important;
        }

        a[href^="/"]:after {
            content: " (https://www.education.vic.gov.au" attr(href) ")" !important;
        }


        }
        
/* SCTASK5080469 */         
.caretakermessage {
	font-size: 0.8rem !important;
 	line-height: 1.45 !important;
	color: #011a3c !important;
	padding-left: 20px;
	padding-right: 20px;
}