/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 01 March 2019 04:00:36
*/


@charset "UTF-8";
/**
 * version: 1.0.0
 * file:    global.min.css
 * author:  Squiz Australia
 * updated: 15-06-2016 11:56
 *
 * Table of Contents
 *
 * - Reset
 * - Utilities
 * - General
 * - Content
 * - Modules
 *    skip-links (0.1.0)
 */
.visuallyhidden, .sr-only, .gallery-listing__hint, input[type="checkbox"],
input[type="radio"], .expandable__hint, .header__search-hint, .no-js .header-menu__toggle, .header__menu-hint, .nav__link-hint, .site-search__title, .ui-helper-hidden-accessible,
.ui-help-hidden, .search-results__multisearch-hint, .skip-links__link {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active, .focusable.sr-only:active,
.visuallyhidden.focusable:focus, .focusable.sr-only:focus, .gallery-listing__hint:focus, .expandable__hint:focus, .header__search-hint:focus, .header__menu-hint:focus, .nav__link-hint:focus, .search-results__multisearch-hint:focus, .skip-links__link:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.skip-links__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.clearfix:before, .inner-container:before, .footer__container:before, .no-js .header__menu-list:before, .clearfix:after, .inner-container:after, .footer__container:after, .no-js .header__menu-list:after {
    content: '';
    display: table;
    line-height: 0;
}

.clearfix:after, .inner-container:after, .footer__container:after, .no-js .header__menu-list:after {
    clear: both;
}

/*
--------------------
Reset (normalize.css)
--------------------
*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer,
header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

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

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

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

button[disabled], html input[disabled] {
    cursor: default;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*! normalize-opentype v0.2.0 | MIT License | kennethormandy.com/journal/normalize-opentype-css */
::selection {
    color: inherit;
    text-shadow: inherit;
}

html,
body {
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0;
}

h1,
h2,
h3 {
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 1;
}

abbr {
    text-transform: uppercase;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1;
}

/*
 * TODO: Turn on diagonal fractions where appropriate
 */
time {
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0;
}

pre,
kbd,
samp,
code {
    font-feature-settings: "kern" 0, "liga" 0, "calt" 1, "dlig" 0, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1;
}

sup {
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1;
}

sub {
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="number"],
input[type="range"],
input[type="tel"],
input[type="week"] {
    font-feature-settings: "kern" 0, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 1, "zero" 0;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
--------------------
Utilities
--------------------
*/
.hidden {
    display: none !important;
    visibility: hidden;
}

.invisible {
    visibility: hidden;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 1em;
}

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

/*
--------------------
General
--------------------
*/
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

html,
body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-size: 1.188em;
    line-height: 1.4;
    background-color: #fff;
}

img {
    max-width: 100%;
    height: auto;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: 0 none;
}

a {
    outline: 0 none;
}

@-ms-viewport {
    width: device-width;
}

@page {
    margin: 0.5cm;
}

* {
    box-sizing: border-box;
}

/*
--------------------
Font imports
--------------------
*/
@font-face {
    font-family: 'national-extra-bold';
  src: url("https://www.hotel.mgsm.com.au/__data/assets/file/0005/133187/NationalWeb-Extrabold.woff?v=0.1.5") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'national-medium';
  src: url("https://www.hotel.mgsm.com.au/__data/assets/file/0020/133184/NationalWeb-Medium.woff?v=0.1.5") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'national-book';
  src: url("https://www.hotel.mgsm.com.au/__data/assets/file/0006/133188/NationalWeb-Book.woff?v=0.1.5") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'national-light-italic';
  src: url("https://www.hotel.mgsm.com.au/__data/assets/file/0003/133185/NationalWeb-LightItalic.woff?v=0.1.5") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'national-light';
  src: url("https://www.hotel.mgsm.com.au/__data/assets/file/0004/133186/NationalWeb-Light.woff?v=0.1.5") format("woff");
  font-weight: normal;
  font-style: normal;
}

/*
--------------------
Global layout
--------------------
*/
.skip-links {
    position: relative;
    z-index: 70;
}

@media screen and (min-width: 60em) {
    #page-wrapper.is-sticky {
        padding-top: 6.9em;
    }
}

@media screen and (min-width: 86.5em) {
    #page-wrapper {
        overflow: hidden;
    }
}

.site-search__dialog {
    position: relative;
    z-index: 40;
    padding: 0 32px;
}

@media screen and (min-width: 48em) {
    .site-search__dialog {
        padding: 0 66px;
    }
}

@media screen and (min-width: 60em) {
    .site-search__dialog {
        padding: 0 32px;
    }
}

@media screen and (min-width: 86.5em) {
    .banner-slideshow {
        margin: 0 auto;
        max-width: 1384px;
    }
}

.page-banner__container {
    position: relative;
    z-index: 20;
}

.page-banner__content {
    padding: 0 32px;
}

.page-banner__container--large .page-banner__content {
    padding: 0;
}

@media screen and (min-width: 48em) {
    .page-banner__content {
        margin: 0 auto;
        padding-left: 68px;
        padding-right: 68px;
    }

    .page-banner__container--large .page-banner__content {
        padding-left: 68px;
        padding-right: 50%;
    }
}

@media screen and (min-width: 60em) {
    .page-banner__content {
        padding: 0 32px;
        max-width: 1384px;
    }

    .page-banner__container--large .page-banner__content {
        padding-left: 32px;
    }

    .page-banner__container--landing .page-banner__content {
        max-width: none;
    }
}

@media screen and (min-width: 86.5em) {
    .page-banner__container--large .page-banner__content {
        padding-left: 64px;
        padding-right: 856px;
    }
}

.main {
    position: relative;
    z-index: 30;
}

.main .inner-container {
    background-color: #fff;
}

.home .main .inner-container {
    padding: 0;
    max-width: none;
}

.prefooter__container,
.footer {
    position: relative;
    z-index: 10;
}

.footer__container,
.prefooter__content {
    padding: 0 32px;
}

@media screen and (min-width: 48em) {
    .footer__container,
    .prefooter__content {
        padding-left: 68px;
        padding-right: 68px;
    }
}

@media screen and (min-width: 60em) {
    .footer__container,
    .prefooter__content {
        margin: 0 auto;
        padding-left: 32px;
        padding-right: 32px;
        max-width: 1384px;
    }
}

.inner-container {
    margin: 0 auto;
    padding: 0 32px;
    max-width: 1384px;
}

@media screen and (min-width: 48em) {
    .inner-container {
        padding-left: 68px;
        padding-right: 68px;
    }
}

@media screen and (min-width: 60em) {
    .inner-container {
        position: relative;
        padding-left: 32px;
        padding-right: 32px;
    }
}

.nav-inside {
    display: none;
}

@media screen and (min-width: 60em) {
    .nav-inside {
        display: block;
        float: left;
        position: relative;
        width: 20.8%;
    }
}

.main-content {
    padding-top: 1.55em;
}

@media screen and (min-width: 48em) {
    .main-content {
        padding-top: 2.35em;
    }
}

@media screen and (min-width: 60em) {
    .main-content {
        float: left;
        position: relative;
        padding-top: 2.75em;
        padding-right: 55px;
        padding-bottom: 2.5em;
        width: 83.33%;
        min-height: 100vh;
    }

    .nav-inside + .main-content {
        padding-left: 55px;
        padding-right: 55px;
        width: 58%;
    }

    .two-column-content .main-content {
        padding-left: 0;
        padding-right: 55px;
        width: 78.8%;
    }

    .two-column-content .nav-inside + .main-content {
        padding-left: 55px;
        padding-right: 0;
        width: 79.2%;
    }

    .single-column-content .main-content {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}

@media screen and (min-width: 86.5em) {
    .nav-inside + .main-content {
        width: 62.53%;
    }
}

.rhs-column {
    margin-top: 2.3em;
}

@media screen and (min-width: 48em) {
    .rhs-column {
        margin-top: 3.8em;
        margin-bottom: 1em;
        overflow: hidden;
    }

    .main .rhs-column > div,
      .main .rhs-column > a {
        float: left;
        width: 46.35%;
        margin-left: 7.3%;
    }

    .main .rhs-column > div:nth-child(2n+1),
        .main .rhs-column > a:nth-child(2n+1) {
        margin-left: 0;
        clear: left;
    }
}

@media screen and (min-width: 60em) {
    .rhs-column {
        float: left;
        position: relative;
        margin-top: 2.85em;
        width: 21.2%;
    }

    .main .rhs-column > div,
      .main .rhs-column > a {
        float: none;
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (min-width: 86.5em) {
    .rhs-column {
        width: 16.67%;
    }
}

.rhs-column p {
    color: #000;
}

.inside__background-fill {
    display: none;
    position: absolute;
    right: 75%;
    top: 0;
    height: 100%;
    width: 30%;
    background-color: #ebebeb;
}

.inside__background-fill:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 9%;
    height: 100%;
    background-color: #fff;
}

@media screen and (min-width: 60em) {
    .inside__background-fill {
        display: block;
    }
}

@media screen and (min-width: 86.5em) {
    .inside__background-fill {
        width: 25%;
    }

    .inside__background-fill:after {
        width: 2.1em;
    }
}

/*
--------------------
Headings
--------------------
*/
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: #000;
    counter-reset: headings;
}

h1 {
    margin-bottom: 0.2em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.579em;
    line-height: 1.1em;
}

@media screen and (min-width: 48em) {
    h1 {
        font-size: 2.4em;
    }
}

h2 {
    margin-bottom: 0.2em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.25em;
    line-height: 1.1em;
}

@media screen and (min-width: 48em) {
    h2 {
        font-size: 1.66em;
    }
}

h3 {
    margin-bottom: 0.5em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.15em;
    line-height: 1.1em;
}

@media screen and (min-width: 48em) {
    h3 {
        font-size: 1.45em;
    }
}

h4 {
    margin-bottom: 0.5em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1em;
    line-height: 1.1em;
}

@media screen and (min-width: 48em) {
    h4 {
        font-size: 1.25em;
    }
}

h5 {
    margin-bottom: 0.15em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 0.947em;
    line-height: 1.1em;
    text-transform: uppercase;
}

h6 {
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.03em;
    line-height: 1.1em;
}

.page-title {
    margin: 0 0 0.45em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.579em;
    line-height: 1.1em;
    color: #505a5e;
}

.banner-slideshow__container ~ .main .page-title {
    display: none;
}

@media screen and (min-width: 48em) {
    .page-title {
        display: none;
        font-size: 3.25em;
    }

    .page-banner__container--image ~ .main .page-title {
        display: block;
    }
}

.landing-sub-title {
    margin: 0 0 0.35em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.05em;
    line-height: 1.1em;
    color: #000;
}

@media screen and (min-width: 48em) {
    .landing-sub-title {
        margin-bottom: 0.3em;
        font-size: 1.2em;
    }
}

@media screen and (min-width: 60em) {
    .landing-sub-title {
        font-size: 1.5em;
    }
}

.page-sub-title {
    margin: 0 0 1.5em;
    border-bottom: 1px solid #969ea1;
    padding: 0 0 1.1em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.1em;
    line-height: 1.05em;
    color: #000;
}

@media screen and (min-width: 48em) {
    .page-sub-title {
        margin: 0 0 0.9em;
        font-size: 1.579em;
        line-height: 1em;
    }
}

@media screen and (min-width: 60em) {
    .page-sub-title {
        margin: 0 0 1em;
        border-width: 2px;
        line-height: 1.1em;
    }
}

.table-title {
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 1.03em;
    line-height: 1.1em;
    color: #000;
}

h1.type1,
h2.type1,
h3.type1,
h4.type1,
h5.type1,
h6.type1 {
    display: block;
    margin: 0 0 0.25em;
    padding: 0;
    min-height: 1.1em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 2em;
    line-height: 0.95em;
    letter-spacing: -1px;
    color: #76232f;
}

@media screen and (min-width: 48em) {
    h1.type1,
    h2.type1,
    h3.type1,
    h4.type1,
    h5.type1,
    h6.type1 {
        font-size: 3.45em;
    }
}

@media screen and (min-width: 60em) {
    h1.type1,
    h2.type1,
    h3.type1,
    h4.type1,
    h5.type1,
    h6.type1 {
        font-size: 4.2em;
    }
}

h1.type2,
h2.type2,
h3.type2,
h4.type2,
h5.type2,
h6.type2 {
    display: block;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #505a5e;
    padding: 0 0 0.3em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.85em;
    color: #000;
    line-height: 0.92em;
    letter-spacing: -1px;
}

h1.type2 span,
  h2.type2 span,
  h3.type2 span,
  h4.type2 span,
  h5.type2 span,
  h6.type2 span {
    display: block;
    margin: 0.15em 0 0;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    font-size: 0.68em;
    line-height: 0.95em;
    text-transform: uppercase;
}

@media screen and (min-width: 48em) {
    h1.type2,
    h2.type2,
    h3.type2,
    h4.type2,
    h5.type2,
    h6.type2 {
        padding: 0 0 0.18em;
        max-width: 65%;
        font-size: 2.6em;
    }

    .main-content > h1.type2:first-child, .main-content >
      h2.type2:first-child, .main-content >
      h3.type2:first-child, .main-content >
      h4.type2:first-child, .main-content >
      h5.type2:first-child, .main-content >
      h6.type2:first-child {
        display: none;
    }

    h1.type2 span,
      h2.type2 span,
      h3.type2 span,
      h4.type2 span,
      h5.type2 span,
      h6.type2 span {
        font-size: 0.62em;
    }
}

@media screen and (min-width: 60em) {
    h1.type2,
    h2.type2,
    h3.type2,
    h4.type2,
    h5.type2,
    h6.type2 {
        margin: 0 0 0.3em;
        font-size: 2.7em;
    }
}

@media screen and (min-width: 86.5em) {
    h1.type2,
    h2.type2,
    h3.type2,
    h4.type2,
    h5.type2,
    h6.type2 {
        max-width: 55%;
    }
}

h1.type3,
h2.type3,
h3.type3,
h4.type3,
h5.type3,
h6.type3 {
    display: block;
    margin: 0 0 0.2em;
    padding: 0;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 2.2em;
    color: #a6192e;
    line-height: 0.8em;
    letter-spacing: -1px;
    text-transform: uppercase;
}

h1.type3 span,
  h2.type3 span,
  h3.type3 span,
  h4.type3 span,
  h5.type3 span,
  h6.type3 span {
    display: block;
    margin: 0;
    font: italic normal 400 1em/1.25em "Georgia", serif;
    font-size: 0.8em;
    line-height: 1.1em;
    color: #000;
    text-transform: none;
}

@media screen and (min-width: 48em) {
    h1.type3,
    h2.type3,
    h3.type3,
    h4.type3,
    h5.type3,
    h6.type3 {
        font-size: 2.7em;
    }
}

p {
    margin: 0 0 1.2em;
    color: #505a5e;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    text-align: left;
}

/* Specificity overrides */
.accordion__content p,
.accordion__content ul,
.accordion__content ol,
.tab-area__content p,
.tab-area__content ul,
.tab-area__content ol,
.news-listing__summary,
.events-listing__datestamp,
.social-listing__summary,
.child-listing__summary,
.subject-listing__summary,
.tile-listing__details-container p {
    color: #000;
}

b,
strong {
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
}

i {
    font: normal normal 400 1em/1.25em "national-light-italic", sans-serif;
}

blockquote {
    margin: 0;
    padding: 0;
    clear: both;
}

blockquote p,
p.quote {
    display: block;
    position: relative;
    margin: 0.4em 0;
    padding: 0 0.6em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.8em;
    line-height: 0.95em;
    color: #000;
    text-rendering: geometricPrecision;
}

blockquote p:before,
  p.quote:before {
    display: inline-block;
}

blockquote p:before,
  p.quote:before {
    content: '\201c';
    margin: 0 0 0 -0.5em;
}

blockquote p .end-quote,
  p.quote .end-quote {
    display: inline;
    margin: 0;
}

@media screen and (min-width: 48em) {
    blockquote p,
    p.quote {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        font-size: 2.7em;
    }
}

@media screen and (min-width: 86.5em) {
    blockquote p,
    p.quote {
        width: 85%;
    }
}

.file-meta {
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.9em;
}

.deeplink {
    padding-top: 2.8em;
}

/*
--------------------
Buttons and links
--------------------
*/
a {
    color: #a6192e;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    text-decoration: underline;
}

a:hover, a:focus {
    text-decoration: none;
}

a[href^="tel:"] {
    font: inherit;
    color: inherit;
    text-decoration: underline;
}

a[href^="tel:"]:after {
    content: none;
}

a[href^="tel:"]:hover, a[href^="tel:"]:focus {
    text-decoration: none;
}

@media screen and (min-width: 48em) {
    a[href^="tel:"] {
        text-decoration: none;
    }
}

a[rel="external"]:after {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: 0px -100px;
    background-size: 400px 1000px;
}

a[rel="external"]:after {
    display: inline-block;
    margin: 0 0 0 0.3em;
    width: 13px;
    height: 13px;
}

p a[rel="external"] {
    margin-right: 0.3em;
}

.main-content button, .button-1,
.button-2,
.button--type-1,
.button--type-2, input[type="submit"],
input[type="reset"], .widget-cta-button, .contact-block__button, .login__btn {
    display: inline-block;
    border: none;
    padding: 0.5em 1em 0.55em;
    min-width: 10em;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    letter-spacing: 0.5px;
    color: #fff;
    background-color: #a6192e;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 0.2s 0s ease;
    -moz-transition: background-color 0.2s 0s ease;
    transition: background-color 0.2s 0s ease;
}

.main-content button:hover, .button-1:hover,
  .button-2:hover,
  .button--type-1:hover,
  .button--type-2:hover, input[type="submit"]:hover,
  input[type="reset"]:hover, .widget-cta-button:hover, .contact-block__button:hover, .login__btn:hover, .main-content button:focus, .button-1:focus,
  .button-2:focus,
  .button--type-1:focus,
  .button--type-2:focus, input[type="submit"]:focus,
  input[type="reset"]:focus, .widget-cta-button:focus, .contact-block__button:focus, .login__btn:focus {
    background-color: #76232f;
    outline: none;
}

.button-2,
.button--type-2 {
    background-color: #63666a;
}

.button-2:hover, .button-2:focus,
  .button--type-2:hover,
  .button--type-2:focus {
    background-color: #a6192e;
}

.back-to-top {
    display: inline-block;
    float: right;
    margin: 0 0 0.4em;
    padding: 8px 0;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 0.85em;
    color: #000;
    text-decoration: none;
    vertical-align: middle;
}

.back-to-top:after {
    content: '';
    display: inline-block;
    margin: 0 0 0 0.45em;
    border: 2px solid #000;
    width: 40px;
    height: 36px;
    vertical-align: middle;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -87px -287px;
    background-size: 400px 1000px;
    background-color: #fff;
}

.back-to-top:hover, .back-to-top:focus {
    color: #505a5e;
}

.back-to-top:hover span, .back-to-top:focus span {
    text-decoration: underline;
}

.back-to-top span {
    vertical-align: middle;
}

@media screen and (min-width: 48em) {
    .back-to-top {
        display: none;
    }
}

a.add {
    position: relative;
    padding: 0 0 0 1.35em;
    color: #505a5e;
    text-decoration: none;
}

a.add:before {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -50px -300px;
    background-size: 400px 1000px;
}

a.add:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0.3em;
    width: 11px;
    height: 11px;
}

a.add:hover, a.add:focus {
    text-decoration: underline;
}

.main a[href*=".doc"]:before, .main
a[href*=".DOC"]:before, .main
a[href*=".docx"]:before, .main
a[href*=".DOCX"]:before {
    content: '';
    display: inline-block;
    margin-right: 0.4em;
    width: 15px;
    height: 19px;
    text-decoration: none;
    vertical-align: middle;
}

.main a[href*=".doc"].is-image-only:before, .main
a[href*=".DOC"].is-image-only:before, .main
a[href*=".docx"].is-image-only:before, .main
a[href*=".DOCX"].is-image-only:before {
    content: none;
}

.document-listing__item a[href*=".doc"]:before, .document-listing__item
a[href*=".DOC"]:before, .document-listing__item
a[href*=".docx"]:before, .document-listing__item
a[href*=".DOCX"]:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0.25em;
    width: 30px;
    height: 32px;
    text-decoration: none;
}

a[href*=".doc"].links-listing__link, a[href*=".doc"].search-results__link,
a[href*=".DOC"].links-listing__link,
a[href*=".DOC"].search-results__link,
a[href*=".docx"].links-listing__link,
a[href*=".docx"].search-results__link,
a[href*=".DOCX"].links-listing__link,
a[href*=".DOCX"].search-results__link {
    padding-left: 2.05em;
}

a[href*=".doc"].links-listing__link:before, a[href*=".doc"].search-results__link:before,
  a[href*=".DOC"].links-listing__link:before,
  a[href*=".DOC"].search-results__link:before,
  a[href*=".docx"].links-listing__link:before,
  a[href*=".docx"].search-results__link:before,
  a[href*=".DOCX"].links-listing__link:before,
  a[href*=".DOCX"].search-results__link:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0.2em;
    border: none;
    width: 21px;
    height: 22px;
    text-decoration: none;
}

a[href*=".doc"].links-listing__link + .file-meta, a[href*=".doc"].search-results__link + .file-meta,
  a[href*=".DOC"].links-listing__link + .file-meta,
  a[href*=".DOC"].search-results__link + .file-meta,
  a[href*=".docx"].links-listing__link + .file-meta,
  a[href*=".docx"].search-results__link + .file-meta,
  a[href*=".DOCX"].links-listing__link + .file-meta,
  a[href*=".DOCX"].search-results__link + .file-meta {
    padding-left: 2.4em;
}

a[href*=".doc"].search-results__link + .search-results__meta,
a[href*=".DOC"].search-results__link + .search-results__meta,
a[href*=".docx"].search-results__link + .search-results__meta,
a[href*=".DOCX"].search-results__link + .search-results__meta {
    padding-left: 2.15em;
}

.main p a[href*=".doc"]:before, .main p
a[href*=".DOC"]:before, .main p
a[href*=".docx"]:before, .main p
a[href*=".DOCX"]:before {
    margin-left: 0.3em;
}

@media screen and (min-width: 48em) {
    .document-listing__item a[href*=".doc"]:before, .document-listing__item
  a[href*=".DOC"]:before, .document-listing__item
  a[href*=".docx"]:before, .document-listing__item
  a[href*=".DOCX"]:before {
        left: 6px;
    }

    a[href*=".doc"].links-listing__link, a[href*=".doc"].search-results__link,
  a[href*=".DOC"].links-listing__link,
  a[href*=".DOC"].search-results__link,
  a[href*=".docx"].links-listing__link,
  a[href*=".docx"].search-results__link,
  a[href*=".DOCX"].links-listing__link,
  a[href*=".DOCX"].search-results__link {
        padding-left: 2.4em;
    }

    a[href*=".doc"].links-listing__link:before, a[href*=".doc"].search-results__link:before,
    a[href*=".DOC"].links-listing__link:before,
    a[href*=".DOC"].search-results__link:before,
    a[href*=".docx"].links-listing__link:before,
    a[href*=".docx"].search-results__link:before,
    a[href*=".DOCX"].links-listing__link:before,
    a[href*=".DOCX"].search-results__link:before {
        left: 3px;
        width: 25px;
        height: 26px;
    }

    a[href*=".doc"].links-listing__link + .file-meta, a[href*=".doc"].search-results__link + .file-meta,
    a[href*=".DOC"].links-listing__link + .file-meta,
    a[href*=".DOC"].search-results__link + .file-meta,
    a[href*=".docx"].links-listing__link + .file-meta,
    a[href*=".docx"].search-results__link + .file-meta,
    a[href*=".DOCX"].links-listing__link + .file-meta,
    a[href*=".DOCX"].search-results__link + .file-meta {
        padding-left: 2.7em;
    }

    a[href*=".doc"].search-results__link + .search-results__meta,
  a[href*=".DOC"].search-results__link + .search-results__meta,
  a[href*=".docx"].search-results__link + .search-results__meta,
  a[href*=".DOCX"].search-results__link + .search-results__meta {
        padding-left: 2.5em;
    }
}

a[href*=".doc"]:before,
a[href*=".DOC"]:before,
a[href*=".docx"]:before,
a[href*=".DOCX"]:before {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -100px -350px;
    background-size: 400px 1000px;
}

.document-listing__item a[href*=".doc"]:before, .document-listing__item
a[href*=".DOC"]:before, .document-listing__item
a[href*=".docx"]:before, .document-listing__item
a[href*=".DOCX"]:before {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -200px -300px;
    background-size: 400px 1000px;
}

a[href*=".doc"].links-listing__link:before, a[href*=".doc"].search-results__link:before,
a[href*=".DOC"].links-listing__link:before,
a[href*=".DOC"].search-results__link:before,
a[href*=".docx"].links-listing__link:before,
a[href*=".docx"].search-results__link:before,
a[href*=".DOCX"].links-listing__link:before,
a[href*=".DOCX"].search-results__link:before {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -350px -350px;
    background-size: 400px 1000px;
}

@media screen and (min-width: 48em) {
    a[href*=".doc"].links-listing__link:before, a[href*=".doc"].search-results__link:before,
  a[href*=".DOC"].links-listing__link:before,
  a[href*=".DOC"].search-results__link:before,
  a[href*=".docx"].links-listing__link:before,
  a[href*=".docx"].search-results__link:before,
  a[href*=".DOCX"].links-listing__link:before,
  a[href*=".DOCX"].search-results__link:before {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
        background-repeat: no-repeat;
        background-position: -350px -300px;
        background-size: 400px 1000px;
    }
}

.main a[href*=".xls"]:before, .main
a[href*=".XLS"]:before, .main
a[href*=".xlsx"]:before, .main
a[href*=".XLSX"]:before {
    content: '';
    display: inline-block;
    margin-right: 0.4em;
    width: 15px;
    height: 19px;
    text-decoration: none;
    vertical-align: middle;
}

.main a[href*=".xls"].is-image-only:before, .main
a[href*=".XLS"].is-image-only:before, .main
a[href*=".xlsx"].is-image-only:before, .main
a[href*=".XLSX"].is-image-only:before {
    content: none;
}

.document-listing__item a[href*=".xls"]:before, .document-listing__item
a[href*=".XLS"]:before, .document-listing__item
a[href*=".xlsx"]:before, .document-listing__item
a[href*=".XLSX"]:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0.25em;
    width: 30px;
    height: 32px;
    text-decoration: none;
}

a[href*=".xls"].links-listing__link, a[href*=".xls"].search-results__link,
a[href*=".XLS"].links-listing__link,
a[href*=".XLS"].search-results__link,
a[href*=".xlsx"].links-listing__link,
a[href*=".xlsx"].search-results__link,
a[href*=".XLSX"].links-listing__link,
a[href*=".XLSX"].search-results__link {
    padding-left: 2.05em;
}

a[href*=".xls"].links-listing__link:before, a[href*=".xls"].search-results__link:before,
  a[href*=".XLS"].links-listing__link:before,
  a[href*=".XLS"].search-results__link:before,
  a[href*=".xlsx"].links-listing__link:before,
  a[href*=".xlsx"].search-results__link:before,
  a[href*=".XLSX"].links-listing__link:before,
  a[href*=".XLSX"].search-results__link:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0.2em;
    border: none;
    width: 21px;
    height: 22px;
    text-decoration: none;
}

a[href*=".xls"].links-listing__link + .file-meta, a[href*=".xls"].search-results__link + .file-meta,
  a[href*=".XLS"].links-listing__link + .file-meta,
  a[href*=".XLS"].search-results__link + .file-meta,
  a[href*=".xlsx"].links-listing__link + .file-meta,
  a[href*=".xlsx"].search-results__link + .file-meta,
  a[href*=".XLSX"].links-listing__link + .file-meta,
  a[href*=".XLSX"].search-results__link + .file-meta {
    padding-left: 2.4em;
}

a[href*=".xls"].search-results__link + .search-results__meta,
a[href*=".XLS"].search-results__link + .search-results__meta,
a[href*=".xlsx"].search-results__link + .search-results__meta,
a[href*=".XLSX"].search-results__link + .search-results__meta {
    padding-left: 2.15em;
}

.main p a[href*=".xls"]:before, .main p
a[href*=".XLS"]:before, .main p
a[href*=".xlsx"]:before, .main p
a[href*=".XLSX"]:before {
    margin-left: 0.3em;
}

@media screen and (min-width: 48em) {
    .document-listing__item a[href*=".xls"]:before, .document-listing__item
  a[href*=".XLS"]:before, .document-listing__item
  a[href*=".xlsx"]:before, .document-listing__item
  a[href*=".XLSX"]:before {
        left: 6px;
    }

    a[href*=".xls"].links-listing__link, a[href*=".xls"].search-results__link,
  a[href*=".XLS"].links-listing__link,
  a[href*=".XLS"].search-results__link,
  a[href*=".xlsx"].links-listing__link,
  a[href*=".xlsx"].search-results__link,
  a[href*=".XLSX"].links-listing__link,
  a[href*=".XLSX"].search-results__link {
        padding-left: 2.4em;
    }

    a[href*=".xls"].links-listing__link:before, a[href*=".xls"].search-results__link:before,
    a[href*=".XLS"].links-listing__link:before,
    a[href*=".XLS"].search-results__link:before,
    a[href*=".xlsx"].links-listing__link:before,
    a[href*=".xlsx"].search-results__link:before,
    a[href*=".XLSX"].links-listing__link:before,
    a[href*=".XLSX"].search-results__link:before {
        left: 3px;
        width: 25px;
        height: 26px;
    }

    a[href*=".xls"].links-listing__link + .file-meta, a[href*=".xls"].search-results__link + .file-meta,
    a[href*=".XLS"].links-listing__link + .file-meta,
    a[href*=".XLS"].search-results__link + .file-meta,
    a[href*=".xlsx"].links-listing__link + .file-meta,
    a[href*=".xlsx"].search-results__link + .file-meta,
    a[href*=".XLSX"].links-listing__link + .file-meta,
    a[href*=".XLSX"].search-results__link + .file-meta {
        padding-left: 2.7em;
    }

    a[href*=".xls"].search-results__link + .search-results__meta,
  a[href*=".XLS"].search-results__link + .search-results__meta,
  a[href*=".xlsx"].search-results__link + .search-results__meta,
  a[href*=".XLSX"].search-results__link + .search-results__meta {
        padding-left: 2.5em;
    }
}

a[href*=".xls"]:before,
a[href*=".XLS"]:before,
a[href*=".xlsx"]:before,
a[href*=".XLSX"]:before {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -200px -350px;
    background-size: 400px 1000px;
}

.document-listing__item a[href*=".xls"]:before, .document-listing__item
a[href*=".XLS"]:before, .document-listing__item
a[href*=".xlsx"]:before, .document-listing__item
a[href*=".XLSX"]:before {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -300px -300px;
    background-size: 400px 1000px;
}

a[href*=".xls"].links-listing__link:before, a[href*=".xls"].search-results__link:before,
a[href*=".XLS"].links-listing__link:before,
a[href*=".XLS"].search-results__link:before,
a[href*=".xlsx"].links-listing__link:before,
a[href*=".xlsx"].search-results__link:before,
a[href*=".XLSX"].links-listing__link:before,
a[href*=".XLSX"].search-results__link:before {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -50px -400px;
    background-size: 400px 1000px;
}

@media screen and (min-width: 48em) {
    a[href*=".xls"].links-listing__link:before, a[href*=".xls"].search-results__link:before,
  a[href*=".XLS"].links-listing__link:before,
  a[href*=".XLS"].search-results__link:before,
  a[href*=".xlsx"].links-listing__link:before,
  a[href*=".xlsx"].search-results__link:before,
  a[href*=".XLSX"].links-listing__link:before,
  a[href*=".XLSX"].search-results__link:before {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
        background-repeat: no-repeat;
        background-position: -50px -350px;
        background-size: 400px 1000px;
    }
}

.main a[href*=".pdf"]:before, .main
a[href*=".PDF"]:before {
    content: '';
    display: inline-block;
    margin-right: 0.4em;
    width: 15px;
    height: 19px;
    text-decoration: none;
    vertical-align: middle;
}

.main a[href*=".pdf"].is-image-only:before, .main
a[href*=".PDF"].is-image-only:before {
    content: none;
}

.document-listing__item a[href*=".pdf"]:before, .document-listing__item
a[href*=".PDF"]:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0.25em;
    width: 30px;
    height: 32px;
    text-decoration: none;
}

a[href*=".pdf"].links-listing__link, a[href*=".pdf"].search-results__link,
a[href*=".PDF"].links-listing__link,
a[href*=".PDF"].search-results__link {
    padding-left: 2.05em;
}

a[href*=".pdf"].links-listing__link:before, a[href*=".pdf"].search-results__link:before,
  a[href*=".PDF"].links-listing__link:before,
  a[href*=".PDF"].search-results__link:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0.2em;
    border: none;
    width: 21px;
    height: 22px;
    text-decoration: none;
}

a[href*=".pdf"].links-listing__link + .file-meta, a[href*=".pdf"].search-results__link + .file-meta,
  a[href*=".PDF"].links-listing__link + .file-meta,
  a[href*=".PDF"].search-results__link + .file-meta {
    padding-left: 2.4em;
}

a[href*=".pdf"].search-results__link + .search-results__meta,
a[href*=".PDF"].search-results__link + .search-results__meta {
    padding-left: 2.15em;
}

.main p a[href*=".pdf"]:before, .main p
a[href*=".PDF"]:before {
    margin-left: 0.3em;
}

@media screen and (min-width: 48em) {
    .document-listing__item a[href*=".pdf"]:before, .document-listing__item
  a[href*=".PDF"]:before {
        left: 6px;
    }

    a[href*=".pdf"].links-listing__link, a[href*=".pdf"].search-results__link,
  a[href*=".PDF"].links-listing__link,
  a[href*=".PDF"].search-results__link {
        padding-left: 2.4em;
    }

    a[href*=".pdf"].links-listing__link:before, a[href*=".pdf"].search-results__link:before,
    a[href*=".PDF"].links-listing__link:before,
    a[href*=".PDF"].search-results__link:before {
        left: 3px;
        width: 25px;
        height: 26px;
    }

    a[href*=".pdf"].links-listing__link + .file-meta, a[href*=".pdf"].search-results__link + .file-meta,
    a[href*=".PDF"].links-listing__link + .file-meta,
    a[href*=".PDF"].search-results__link + .file-meta {
        padding-left: 2.7em;
    }

    a[href*=".pdf"].search-results__link + .search-results__meta,
  a[href*=".PDF"].search-results__link + .search-results__meta {
        padding-left: 2.5em;
    }
}

a[href*=".pdf"]:before,
a[href*=".PDF"]:before {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -150px -350px;
    background-size: 400px 1000px;
}

.document-listing__item a[href*=".pdf"]:before, .document-listing__item
a[href*=".PDF"]:before {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -250px -300px;
    background-size: 400px 1000px;
}

a[href*=".pdf"].links-listing__link:before, a[href*=".pdf"].search-results__link:before,
a[href*=".PDF"].links-listing__link:before,
a[href*=".PDF"].search-results__link:before {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: 0px -400px;
    background-size: 400px 1000px;
}

@media screen and (min-width: 48em) {
    a[href*=".pdf"].links-listing__link:before, a[href*=".pdf"].search-results__link:before,
  a[href*=".PDF"].links-listing__link:before,
  a[href*=".PDF"].search-results__link:before {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
        background-repeat: no-repeat;
        background-position: 0px -350px;
        background-size: 400px 1000px;
    }
}

a[href*=".doc"],
a[href*=".DOC"],
a[href*=".docx"],
a[href*=".DOCX"],
a[href*=".xls"],
a[href*=".XLS"],
a[href*=".xlsx"],
a[href*=".XLSX"],
a[href*=".pdf"],
a[href*=".PDF"] {
  /* Remove file icons for related search list */
}

.main .search-related__list a[href*=".doc"]:before, .main .search-related__list
  a[href*=".DOC"]:before, .main .search-related__list
  a[href*=".docx"]:before, .main .search-related__list
  a[href*=".DOCX"]:before, .main .search-related__list
  a[href*=".xls"]:before, .main .search-related__list
  a[href*=".XLS"]:before, .main .search-related__list
  a[href*=".xlsx"]:before, .main .search-related__list
  a[href*=".XLSX"]:before, .main .search-related__list
  a[href*=".pdf"]:before, .main .search-related__list
  a[href*=".PDF"]:before {
    display: block;
    background-image: none;
    vertical-align: top;
    margin-right: 0px;
    width: 0px;
    height: 0px;
}

/*
--------------------
Images
Including captions and alignment.
--------------------
*/
p.pull-left img + p:before,
img.pull-left + p:before, p.pull-right img + p:before,
img.pull-right + p:before, p.pull-left img + p:after,
img.pull-left + p:after, p.pull-right img + p:after,
img.pull-right + p:after {
    content: '';
    display: table;
    line-height: 0;
}

p.pull-left img + p:after,
img.pull-left + p:after, p.pull-right img + p:after,
img.pull-right + p:after {
    clear: both;
}

.captioned-image__link {
    display: block;
    line-height: 0;
    text-decoration: none;
}

.captioned-image__link:hover, .captioned-image__link:focus {
    text-decoration: none;
}

.captioned-image {
    position: relative;
}

.captioned-image:after {
    content: attr(title);
    display: block;
    width: 100%;
    margin: 0;
    padding: 0.9em 1.15em;
    color: #fff;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    background: #000;
}

.captioned-image img {
    display: block;
    width: 100%;
    height: auto;
}

.captioned-image.sans-title:after {
    content: none;
}

.captioned-image.overlay:after {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-top: 2em;
    padding-bottom: 2em;
    background: rgba(0, 0, 0, 0.7);
}

.captioned-image__link .captioned-image:after {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: padding 0.2s ease;
    -moz-transition: padding 0.2s ease;
    transition: padding 0.2s ease;
}

.captioned-image__link .captioned-image:hover:after, .captioned-image__link .captioned-image:focus:after {
    padding-bottom: 2.5em;
    text-decoration: underline;
}

p.full-span,
p.pull-left,
p.pull-right {
    margin: 0;
    padding: 0;
    clear: both;
}

p.full-span img,
img.full-span {
    margin: 0 0 0.4em;
    width: 100%;
}

p.pull-left img,
p.pull-right img,
img.pull-left,
img.pull-right {
    margin: 0 0 0.4em;
    width: auto;
    max-width: 50%;
}

p.pull-left img,
img.pull-left {
    float: left;
    margin: 0.3em 2.3em 1em 0;
    width: auto;
    max-width: 46%;
}

p.pull-right img,
img.pull-right {
    float: right;
    margin: 0.3em 0 1em 2em;
    width: auto;
    max-width: 46%;
}

/*
--------------------
Video embedding.
Including captions and alignment.
--------------------
*/
iframe.pull-left,
.captioned-video.pull-left {
    width: 100%;
}

@media screen and (min-width: 34.375em) {
    iframe.pull-left,
    .captioned-video.pull-left {
        float: left;
        margin: 0 2.3em 1em 0;
    }

    iframe.pull-left + p:before, iframe.pull-left + p:after,
      .captioned-video.pull-left + p:before,
      .captioned-video.pull-left + p:after {
        content: '';
        display: table;
        line-height: 0;
    }

    iframe.pull-left + p:after,
      .captioned-video.pull-left + p:after {
        clear: both;
    }
}

iframe.pull-right,
.captioned-video.pull-right {
    width: 100%;
}

@media screen and (min-width: 34.375em) {
    iframe.pull-right,
    .captioned-video.pull-right {
        float: right;
        margin: 0 0 1em 2em;
    }

    iframe.pull-right + p:before, iframe.pull-right + p:after,
      .captioned-video.pull-right + p:before,
      .captioned-video.pull-right + p:after {
        content: '';
        display: table;
        line-height: 0;
    }

    iframe.pull-right + p:after,
      .captioned-video.pull-right + p:after {
        clear: both;
    }
}

.captioned-video,
.video-embed {
    width: 100%;
    margin-bottom: 1em;
}

.captioned-video .iframe-container,
  .video-embed .iframe-container {
    background: #222;
}

.captioned-video .iframe-container > div,
  .video-embed .iframe-container > div {
    position: relative;
    padding-top: 56%;
}

.captioned-video iframe,
  .video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.captioned-video p,
  .video-embed p {
    display: block;
    margin: 0;
    padding: 0.6em 0.8em;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 0.9em;
    color: #ffffff;
    background-color: #63666a;
}

@media screen and (min-width: 34.375em) {
    .captioned-video.pull-left, .captioned-video.pull-right,
    .video-embed.pull-left,
    .video-embed.pull-right {
        width: 350px;
    }
}

/*
--------------------
Lists
--------------------
*/
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 0 1.3em;
    padding: 0;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    line-height: 1.2em;
    color: #505a5e;
}

@media screen and (min-width: 48em) {
    ul,
    ol {
        line-height: 1.4em;
    }
}

ul,
ul.style-list {
    list-style: none;
}

ul > li,
  ul.style-list > li {
    margin: 0;
    padding: 0;
    position: relative;
    padding: 0 0 0 1.35em;
}

ul > li:before, ul > li:after,
    ul.style-list > li:before,
    ul.style-list > li:after {
    content: none;
}

ul > li:before,
    ul.style-list > li:before {
    content: '\2022';
    position: absolute;
    left: 0.25em;
    top: -1px;
    font-size: 1.45em;
    color: #a6192e;
}

ul > li:first-child,
    ul.style-list > li:first-child {
    margin-top: 0;
}

ul.style-list,
ol.style-list {
    margin: 0 0 1.2em;
}

ul li ul {
    margin: 1em 0;
    padding: 0 0 0 0.1em;
}

ul li ul > li {
    padding-left: 0.85em;
}

ul li ul > li:before {
    content: "\25CB";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 8px;
    color: #000;
}

@media screen and (min-width: 48em) {
    ul li ul {
        padding: 0 0 0 2.3em;
    }
}

ol,
ol.style-list {
    display: table;
    list-style: none;
    counter-reset: headings;
    padding: 0 0 0 0.2em;
}

ol > li,
  ol.style-list > li {
    margin: 0;
    padding: 0;
    display: table-row;
    position: relative;
}

ol > li:before, ol > li:after,
    ol.style-list > li:before,
    ol.style-list > li:after {
    content: none;
}

ol > li:before,
    ol.style-list > li:before {
    counter-increment: headings;
    content: "" counter(headings) ".";
    display: table-cell;
    padding-right: 0.15em;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.95em;
    color: #a6192e;
}

ol > li:first-child,
    ol.style-list > li:first-child {
    margin-top: 0;
}

@media screen and (min-width: 48em) {
    ol > li:before,
    ol.style-list > li:before {
        font-size: 1.05em;
    }
}

ol li ol {
    counter-reset: list;
    margin: 1em 0;
    padding: 0 0 0 1.35em;
}

ol li ol > li:before {
    counter-increment: list;
    content: counter(list, lower-roman) ".";
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 0.8em;
    color: #a6192e;
}

@media screen and (min-width: 48em) {
    ol li ol {
        padding: 0 0 0 1.7em;
    }

    ol li ol > li:before {
        font-size: 0.95em;
    }
}

/*
--------------------
Site map listing
--------------------
*/
.site-map .main-content ul {
    padding-left: 0em;
    margin-top: 0em;
    margin-bottom: 0em;
}

/*
--------------------
Document listing
--------------------
*/
.document-listing__container {
    margin: 1.2em 0;
}

.document-listing__container a {
    display: inline-block;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.document-listing__container a:before {
    content: '';
    display: block;
    position: absolute;
    left: 3px;
    top: 0.25em;
    width: 30px;
    height: 32px;
    text-decoration: none;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -250px -350px;
    background-size: 400px 1000px;
}

.document-listing__container a:hover, .document-listing__container a:focus {
    color: #505a5e;
}

.document-listing__container p {
    margin: 0.35em 0 0;
    font-size: 0.9em;
}

.document-listing__container .file-meta {
    display: block;
    margin: 0.5em 0 0;
}

@media screen and (min-width: 48em) {
    .document-listing__container a:before {
        left: 9px;
    }

    .document-listing__container p {
        margin-top: 0.5em;
    }

    .document-listing__container .file-meta {
        margin-top: 0.4em;
    }
}

.document-listing__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.document-listing__item {
    margin: 0;
    padding: 0;
    position: relative;
    margin: 1.8em 0 0 0;
    padding: 0 0 0 2.65em;
}

.document-listing__item:before, .document-listing__item:after {
    content: none;
}

@media screen and (min-width: 48em) {
    .document-listing__item {
        margin-top: 2.45em;
        padding-left: 3.25em;
    }
}

@media screen and (min-width: 60em) {
    .document-listing__item {
        margin-top: 1.75em;
    }
}

/*
--------------------
Child page listing
--------------------
*/
.child-listing__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 1.2em 0;
}

.child-listing__item {
    margin: 0;
    padding: 0;
    margin: 1.05em 0 0;
    padding: 0.8em 0.75em;
    background-color: #e0e2e3;
}

.child-listing__item:before, .child-listing__item:after {
    content: none;
}

@media screen and (min-width: 48em) {
    .child-listing__item {
        padding: 1.8em 1.55em;
    }
}

@media screen and (min-width: 60em) {
    .child-listing__item {
        padding: 1.4em 1.55em;
    }
}

.child-listing__link {
    display: inline;
    text-decoration: none;
}

.child-listing__link:hover, .child-listing__link:focus {
    text-decoration: none;
}

.child-listing__link:after {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -150px -300px;
    background-size: 400px 1000px;
}

.child-listing__link:after {
    content: " " " " " ";
    display: inline;
    margin: 0 0 0 0.6em;
    font-size: 0.75rem;
    text-decoration: none !important;
}

@media screen and (min-width: 48em) {
    .child-listing__link:after {
        content: '';
        display: block;
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
        background-repeat: no-repeat;
        background-position: -50px -250px;
        background-size: 400px 1000px;
    }

    .child-listing__link:after {
        content: " " " " " ";
        display: inline;
        margin: 0 0 0 1.1em;
        font-size: 1rem;
    }
}

.child-listing__title {
    display: inline;
    margin: 0;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.1em;
    line-height: 1.1em;
    color: #000;
}

.child-listing__link:hover .child-listing__title,
  .child-listing__link:focus .child-listing__title {
    text-decoration: underline;
}

@media screen and (min-width: 48em) {
    .child-listing__title {
        font-size: 1.6em;
        line-height: 1.3em;
    }
}

.child-listing__summary {
    display: block;
    margin: 0.45em 0 0;
    padding: 0.65em 0 0;
    border-top: 2px solid #000;
    line-height: 1.15em;
}

@media screen and (min-width: 48em) {
    .child-listing__summary {
        margin: 0.7em 0 0;
        border-width: 1px;
        padding: 1.35em 0 0;
        line-height: 1.25em;
    }
}

@media screen and (min-width: 60em) {
    .child-listing__summary {
        margin: 0.8em 0 0;
        padding: 1.35em 0 0;
    }
}

/*
--------------------
Listings
--------------------
*/
.news-listing__container,
.events-listing__container,
.social-listing__container {
    background-color: #e0e2e3;
}

.rhs-column .news-listing__container,
  .study-area-landing-widgets .news-listing__container, .rhs-column
  .events-listing__container,
  .study-area-landing-widgets
  .events-listing__container, .rhs-column
  .social-listing__container,
  .study-area-landing-widgets
  .social-listing__container {
    margin: 0em 0em 1.65em;
}

@media screen and (min-width: 48em) {
    .rhs-column .news-listing__container,
    .study-area-landing-widgets .news-listing__container, .rhs-column
    .events-listing__container,
    .study-area-landing-widgets
    .events-listing__container, .rhs-column
    .social-listing__container,
    .study-area-landing-widgets
    .social-listing__container {
        margin: 0 0 2.25em;
    }
}

.news-listing__container,
.events-listing__container {
    padding: 1.45em 1.6em 2em;
    margin: 0.4em 0em 1em;
}

.rhs-column .news-listing__container,
  .study-area-landing-widgets .news-listing__container, .rhs-column
  .events-listing__container,
  .study-area-landing-widgets
  .events-listing__container {
    background-color: transparent;
    padding: 0em;
}

.tile-listing__item .news-listing__container, .tile-listing__item
  .events-listing__container {
    margin: 0;
}

.news-listing__title,
.events-listing__title {
    color: #000;
    font-size: 1.15em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    line-height: 1.1em;
    margin: 0em 0em 0.4em;
}

.rhs-column .news-listing__title,
  .study-area-landing-widgets .news-listing__title, .rhs-column
  .events-listing__title,
  .study-area-landing-widgets
  .events-listing__title {
    font-size: 1em;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    margin-bottom: 0.7em;
}

@media screen and (min-width: 48em) {
    .rhs-column .news-listing__title,
    .study-area-landing-widgets .news-listing__title, .rhs-column
    .events-listing__title,
    .study-area-landing-widgets
    .events-listing__title {
        font-size: 1.15em;
        font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    }
}

.news-listing__list,
.events-listing__list,
.social-listing__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.news-listing__list,
.events-listing__list {
    border-top: 2px solid #000;
}

.rhs-column .news-listing__list,
  .study-area-landing-widgets .news-listing__list, .rhs-column
  .events-listing__list,
  .study-area-landing-widgets
  .events-listing__list {
    border-top: none;
}

.news-listing__item,
.events-listing__item,
.social-listing__item {
    margin: 0;
    padding: 0;
    position: relative;
}

.news-listing__item:before, .news-listing__item:after,
  .events-listing__item:before,
  .events-listing__item:after,
  .social-listing__item:before,
  .social-listing__item:after {
    content: none;
}

.news-listing__item:before,
  .events-listing__item:before,
  .social-listing__item:before {
    position: absolute;
}

.news-listing__item,
.events-listing__item {
    border-bottom: 1px solid #000;
}

.news-listing__item:before,
  .events-listing__item:before {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -150px -250px;
    background-size: 400px 1000px;
}

.rhs-column .news-listing__item,
  .study-area-landing-widgets .news-listing__item, .rhs-column
  .events-listing__item,
  .study-area-landing-widgets
  .events-listing__item {
    background-color: #e0e2e3;
    border-bottom: none;
}

.rhs-column .news-listing__item:before,
    .study-area-landing-widgets .news-listing__item:before, .rhs-column
    .events-listing__item:before,
    .study-area-landing-widgets
    .events-listing__item:before {
    content: none;
}

.rhs-column .news-listing__item:first-child,
    .study-area-landing-widgets .news-listing__item:first-child, .rhs-column
    .events-listing__item:first-child,
    .study-area-landing-widgets
    .events-listing__item:first-child {
    margin-top: 0em;
}

.news-listing__link,
.events-listing__link,
.social-listing__link {
    display: inline-block;
}

.events-listing__link,
.social-listing__link {
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.events-listing__link:hover, .events-listing__link:focus,
  .social-listing__link:hover,
  .social-listing__link:focus {
    color: #505a5e;
}

@media screen and (min-width: 48em) {
    .rhs-column .news-listing__datestamp,
  .study-area-landing-widgets .news-listing__datestamp, .rhs-column
  .events-listing__datestamp,
  .study-area-landing-widgets
  .events-listing__datestamp {
        border-width: 1px;
    }
}

.news-listing__more-link,
.events-listing__more-link {
    display: inline-block;
    color: #a6192e;
    font-size: 1.1em;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    line-height: 1.1em;
    vertical-align: middle;
    margin: 1.7em 0em 0em;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.news-listing__more-link:before,
  .events-listing__more-link:before {
    content: '';
    display: inline-block;
    margin: 0em 0.55em 0em 0em;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #a6192e;
}

.news-listing__more-link:hover, .news-listing__more-link:focus,
  .events-listing__more-link:hover,
  .events-listing__more-link:focus {
    color: #505a5e;
}

/*
--------------------
News listing
--------------------
*/
.tile-listing__item .news-listing__container {
    background-color: transparent;
}

.tile-listing__item .news-listing__list {
    border-top: none;
}

.news-listing__item {
    padding: 1.15em 0em 1.05em 3.3em;
}

.news-listing__item:before {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -100px -250px;
    background-size: 400px 1000px;
}

.news-listing__item:before {
    left: 0px;
    top: 0.75em;
    font-size: 1.45em;
    width: 36px;
    height: 33px;
}

.rhs-column .news-listing__item,
  .study-area-landing-widgets .news-listing__item {
    padding: 0.95em 0.9em 1.15em;
    margin: 0.55em 0em 0em;
}

@media screen and (min-width: 48em) {
    .rhs-column .news-listing__item,
    .study-area-landing-widgets .news-listing__item {
        padding: 0.95em 0.8em 0.8em;
    }
}

.rhs-column .news-listing__link,
.study-area-landing-widgets .news-listing__link {
    position: relative;
    padding: 0em 0em 0em 2.75em;
}

.rhs-column .news-listing__link:before,
  .study-area-landing-widgets .news-listing__link:before {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -200px -250px;
    background-size: 400px 1000px;
}

.rhs-column .news-listing__link:before,
  .study-area-landing-widgets .news-listing__link:before {
    position: absolute;
    left: 2px;
    top: 50%;
    margin: -12px 0 0;
    width: 29px;
    height: 26px;
}

@media screen and (min-width: 60em) {
    .rhs-column .news-listing__link,
  .study-area-landing-widgets .news-listing__link {
        min-height: 37px;
    }

    .rhs-column .news-listing__link:before,
    .study-area-landing-widgets .news-listing__link:before {
        left: 7px;
        top: 0.45em;
        margin: 0em;
    }
}

.news-listing__article-title {
    color: #a6192e;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    margin: 0em;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.news-listing__link:hover .news-listing__article-title,
  .news-listing__link:focus .news-listing__article-title {
    color: #505a5e;
}

.news-listing__summary {
    margin: 0.45em 0 0;
    line-height: 1.1em;
}

.rhs-column .news-listing__summary,
  .study-area-landing-widgets .news-listing__summary {
    margin: 0.85em 0 0;
    line-height: 1.2em;
}

@media screen and (min-width: 48em) {
    .rhs-column .news-listing__summary,
    .study-area-landing-widgets .news-listing__summary {
        margin: 0.55em 0 0;
    }
}

.news-listing__datestamp {
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 0.95em;
    line-height: 1.1em;
    margin: 0.45em 0em 0em;
}

.rhs-column .news-listing__datestamp,
  .study-area-landing-widgets .news-listing__datestamp {
    font-size: 1.1em;
    padding: 0.5em 0em 0em;
    margin: 0.6em 0em 0em;
    border-top: 2px solid #e0e2e3;
}

@media screen and (min-width: 48em) {
    .rhs-column .news-listing__datestamp,
    .study-area-landing-widgets .news-listing__datestamp {
        font-size: 0.95em;
        padding: 0.45em 0em 0em;
        margin: 0.6em 0em 0em;
    }
}

.news-listing__no-results {
    margin: 1em 0;
}

.rhs-column .news-listing__no-results,
  .study-area-landing-widgets .news-listing__no-results {
    margin: 0;
    padding: 0.95em 0.9em 1.15em;
    background-color: #63666a;
}

/*
--------------------
Events listing
--------------------
*/
.events-listing__item {
    padding: 1em 0em 1.1em 2.85em;
}

.events-listing__item:before {
    left: 2px;
    top: 0.65em;
    width: 33px;
    height: 37px;
}

.rhs-column .events-listing__item,
  .study-area-landing-widgets .events-listing__item {
    padding: 1.3em 0.9em 1.6em;
    margin: 0.65em 0em 0em;
}

@media screen and (min-width: 48em) {
    .rhs-column .events-listing__item,
    .study-area-landing-widgets .events-listing__item {
        padding: 1.1em 0.8em 1em;
        margin: 0.5em 0em 0em;
    }
}

.events-listing__link {
    color: #a6192e;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    margin: 0.4em 0em 0em;
}

.rhs-column .events-listing__link,
  .study-area-landing-widgets .events-listing__link {
    margin-top: 0.55em;
}

@media screen and (min-width: 48em) {
    .rhs-column .events-listing__link,
    .study-area-landing-widgets .events-listing__link {
        margin-top: 0.45em;
    }
}

.events-listing__datestamp {
    margin: 0em;
}

.rhs-column .events-listing__datestamp,
  .study-area-landing-widgets .events-listing__datestamp {
    position: relative;
    padding: 0em 0em 0.75em 2.6em;
    border-bottom: 2px solid #e0e2e3;
    min-height: 2.8em;
}

.rhs-column .events-listing__datestamp:before,
    .study-area-landing-widgets .events-listing__datestamp:before {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -250px -250px;
    background-size: 400px 1000px;
}

.rhs-column .events-listing__datestamp:before,
    .study-area-landing-widgets .events-listing__datestamp:before {
    position: absolute;
    left: 5px;
    top: 0.15em;
    width: 29px;
    height: 29px;
}

@media screen and (min-width: 48em) {
    .rhs-column .events-listing__datestamp,
    .study-area-landing-widgets .events-listing__datestamp {
        padding: 0em 0em 0.55em 2.25em;
    }
}

.events-listing__date,
.events-listing__time-start,
.events-listing__time-end {
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 0.95em;
    line-height: 1.1em;
}

.events-listing__date {
    display: block;
}

.events-listing__time-start,
.events-listing__time-end {
    display: inline-block;
}

/*
--------------------
Events listing (Type 2)
--------------------
*/
.events-listing-type-2__container {
    padding: 1.2em 1.25em 1.45em;
}

@media screen and (min-width: 48em) {
    .events-listing-type-2__container {
        padding: 0.8em 0.85em 1.3em;
    }
}

.events-listing-type-2__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.events-listing-type-2__item {
    margin: 0;
    padding: 0;
    margin-top: 1em;
    border-bottom: 1px solid #d6d3c5;
    padding-bottom: 0.85em;
}

.events-listing-type-2__item:before, .events-listing-type-2__item:after {
    content: none;
}

.events-listing-type-2__link {
    display: inline-block;
    margin: 0 0 0.5em;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    line-height: 1.15em;
    color: #a6192e;
}

.events-listing-type-2__location {
    margin: 0;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 0.95em;
}

.events-listing-type-2__datestamp {
    margin: 0;
    font-size: 0.95em;
}

.events-listing-type-2__more-link {
    display: inline-block;
    margin: 1.1em 0 0;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 1.1em;
    line-height: 1.1em;
    color: #a6192e;
    vertical-align: middle;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.events-listing-type-2__more-link:before {
    content: '';
    display: inline-block;
    margin: 0 0.55em 0 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #a6192e;
}

.events-listing-type-2__more-link:hover, .events-listing-type-2__more-link:focus {
    color: #505a5e;
}

.events-listing-type-2__no-results {
    margin: 1em 0;
}

/*
--------------------
Social feed listing
--------------------
*/
.social-listing__container {
    background-color: #e0e2e3;
    padding: 1.45em 1.75em 1.55em 1.55em;
    margin-top: 0.4em;
    margin-bottom: 1em;
}

.rhs-column .social-listing__container,
  .study-area-landing-widgets .social-listing__container {
    margin: 0 0 1.65em;
    padding: 0 0.75em;
}

@media screen and (min-width: 48em) {
    .rhs-column .social-listing__container,
    .study-area-landing-widgets .social-listing__container {
        margin: 0 0 2.25em;
        padding: 0 0.95em;
    }
}

.social-listing__list {
    padding: 0em 0em 0em 2em;
    overflow: hidden;
}

.rhs-column .social-listing__list,
  .study-area-landing-widgets .social-listing__list {
    padding: 0em;
}

.social-listing__item {
    padding: 0.8em 0em 0em;
    margin: 0em 0em 0.95em;
    border-top: 1px solid #000;
}

.social-listing__item:first-child {
    border-top: none;
}

.social-listing__item:before {
    content: '';
    display: block;
    left: 0;
    top: 0.8em;
    width: 21px;
    height: 16px;
}

.rhs-column .social-listing__item,
  .study-area-landing-widgets .social-listing__item {
    padding: 0.65em 0em 0em 1.95em;
    margin: 0em 0em 1.1em;
    border-width: 2px;
    border-color: #000;
}

.rhs-column .social-listing__item:before,
    .study-area-landing-widgets .social-listing__item:before {
    top: 0.85em;
}

@media screen and (min-width: 48em) {
    .rhs-column .social-listing__item,
    .study-area-landing-widgets .social-listing__item {
        border-width: 1px;
        border-color: #d6d3c5;
        margin: 0em 0em 1.1em;
        padding: 0.9em 0em 0em 1.95em;
    }

    .rhs-column .social-listing__item:before,
      .study-area-landing-widgets .social-listing__item:before {
        top: 0.85em;
    }
}

.social-listing__item--facebook:before {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -151px -751px;
    background-size: 400px 1000px;
    left: -30px;
}

.rhs-column .social-listing__item--facebook:before,
.study-area-landing-widgets .social-listing__item--facebook:before {
    left: 7px;
}

.social-listing__item--twitter:before {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -201px -751px;
    background-size: 400px 1000px;
    left: -35px;
}

.rhs-column .social-listing__item--twitter:before,
.study-area-landing-widgets .social-listing__item--twitter:before {
    left: 1px;
}

.social-listing__link {
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    color: #000;
}

.rhs-column .social-listing__link,
  .study-area-landing-widgets .social-listing__link {
    color: #000;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 0.95em;
}

@media screen and (min-width: 48em) {
    .rhs-column .social-listing__link,
    .study-area-landing-widgets .social-listing__link {
        font: normal normal 400 1em/1.25em "national-book", sans-serif;
    }
}

.social-listing__summary {
    margin: 0.3em 0 0;
    font-size: 0.95em;
}

.rhs-column .social-listing__summary,
  .study-area-landing-widgets .social-listing__summary {
    margin: 0;
}

@media screen and (min-width: 48em) {
    .rhs-column .social-listing__summary,
    .study-area-landing-widgets .social-listing__summary {
        margin: 0.3em 0 0;
    }
}

/*
--------------------
Links Listing
--------------------
*/
.rhs-column .links-listing__container,
.study-area-landing-widgets .links-listing__container {
    margin: 0 0 2.25em;
}

.rhs-column .links-listing__title,
.study-area-landing-widgets .links-listing__title {
    margin-bottom: 0.7em;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 1em;
    line-height: 1.1em;
    color: #000;
}

@media screen and (min-width: 48em) {
    .rhs-column .links-listing__title,
  .study-area-landing-widgets .links-listing__title {
        margin: 0 0 0.85em;
        font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
        font-size: 1.15em;
    }
}

.rhs-column .links-listing__content,
.study-area-landing-widgets .links-listing__content {
    padding: 0.8em 0.7em 1.05em;
    background-color: #e0e2e3;
}

@media screen and (min-width: 48em) {
    .rhs-column .links-listing__content,
  .study-area-landing-widgets .links-listing__content {
        padding: 0.9em 0.9em 1.35em;
    }
}

@media screen and (min-width: 60em) {
    .rhs-column .links-listing__content,
  .study-area-landing-widgets .links-listing__content {
        padding-bottom: 1em;
    }
}

.links-listing__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.links-listing__item {
    margin: 0;
    padding: 0;
}

.links-listing__item:before, .links-listing__item:after {
    content: none;
}

.links-listing__item .file-meta {
    display: block;
    padding-left: 1.2em;
    font-size: 0.8em;
}

.rhs-column .links-listing__item,
  .study-area-landing-widgets .links-listing__item {
    margin: 0.8em 0 0;
}

.rhs-column .links-listing__item:first-child,
  .study-area-landing-widgets .links-listing__item:first-child {
    margin-top: 0;
}

@media screen and (min-width: 48em) {
    .links-listing__item .file-meta {
        margin-top: 0.4em;
        font-size: 0.9em;
    }

    .rhs-column .links-listing__item,
    .study-area-landing-widgets .links-listing__item {
        margin: 1.2em 0 0;
    }
}

@media screen and (min-width: 60em) {
    .rhs-column .links-listing__item,
    .study-area-landing-widgets .links-listing__item {
        margin: 0.75em 0 0;
    }
}

.rhs-column .links-listing__link,
.study-area-landing-widgets .links-listing__link {
    display: inline-block;
    position: relative;
    padding: 0 0 0 1.05em;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.95em;
    line-height: 1.2em;
    color: #a6192e;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.rhs-column .links-listing__link:before,
  .study-area-landing-widgets .links-listing__link:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0.35em;
    border-top: 5px inset transparent;
    border-bottom: 5px inset transparent;
    border-left: 5px solid #a6192e;
}

.rhs-column .links-listing__link:hover, .rhs-column .links-listing__link:focus,
  .study-area-landing-widgets .links-listing__link:hover,
  .study-area-landing-widgets .links-listing__link:focus {
    color: #505a5e;
}

@media screen and (min-width: 48em) {
    .rhs-column .links-listing__link,
  .study-area-landing-widgets .links-listing__link {
        font-size: 1em;
    }

    .rhs-column .links-listing__link:before,
    .study-area-landing-widgets .links-listing__link:before {
        top: 0.2em;
        left: 5px;
        border-top: 7px inset transparent;
        border-bottom: 7px inset transparent;
        border-left: 7px solid #a6192e;
    }
}

@media screen and (min-width: 60em) {
    .rhs-column .links-listing__link:before,
  .study-area-landing-widgets .links-listing__link:before {
        left: 1px;
    }
}

.rhs-column .links-listing__more-link,
.study-area-landing-widgets .links-listing__more-link {
    display: block;
    position: relative;
    margin: 0.9em 0 0;
    border-top: 2px solid #e0e2e3;
    padding: 0.8em 0 0 1.15em;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.95em;
    line-height: 1.2em;
    color: #a6192e;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.rhs-column .links-listing__more-link:before,
  .study-area-landing-widgets .links-listing__more-link:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 1.1em;
    border-top: 5px inset transparent;
    border-bottom: 5px inset transparent;
    border-left: 5px solid #a6192e;
}

.rhs-column .links-listing__more-link:hover, .rhs-column .links-listing__more-link:focus,
  .study-area-landing-widgets .links-listing__more-link:hover,
  .study-area-landing-widgets .links-listing__more-link:focus {
    color: #505a5e;
}

@media screen and (min-width: 48em) {
    .rhs-column .links-listing__more-link,
  .study-area-landing-widgets .links-listing__more-link {
        border-width: 1px;
        padding-top: 1.25em;
        font-size: 1em;
    }

    .rhs-column .links-listing__more-link:before,
    .study-area-landing-widgets .links-listing__more-link:before {
        top: 1.4em;
        left: 5px;
        border-top: 7px inset transparent;
        border-bottom: 7px inset transparent;
        border-left: 7px solid #a6192e;
    }
}

@media screen and (min-width: 60em) {
    .rhs-column .links-listing__more-link,
  .study-area-landing-widgets .links-listing__more-link {
        padding-top: 0.85em;
    }

    .rhs-column .links-listing__more-link:before,
    .study-area-landing-widgets .links-listing__more-link:before {
        top: 1em;
        left: 1px;
    }
}

/*
--------------------
Gallery image listing
--------------------
*/
.gallery-listing__container {
    margin: 0 0 1.1em;
}

.gallery-listing__container .slick-prev,
  .gallery-listing__container .slick-next {
    position: absolute;
    top: 50%;
    margin: -34px 0 0;
    width: 44px;
    height: 48px;
    font-size: 0;
    background-color: #7f7f7f;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.gallery-listing__container .slick-prev:hover, .gallery-listing__container .slick-prev:focus,
    .gallery-listing__container .slick-next:hover,
    .gallery-listing__container .slick-next:focus {
    background-color: #a6192e;
}

.gallery-listing__container .slick-prev {
    left: 0;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -334px -235px;
    background-size: 400px 1000px;
}

.gallery-listing__container .slick-next {
    right: 0;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: 16px -285px;
    background-size: 400px 1000px;
}

@media screen and (min-width: 48em) {
    .gallery-listing__container {
        margin-bottom: 0;
    }
}

.gallery-listing__list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.gallery-listing__item {
    margin: 0;
    padding: 0;
    margin-top: 1.05em;
}

.gallery-listing__item:before, .gallery-listing__item:after {
    content: none;
}

@media screen and (min-width: 48em) {
    .gallery-listing__item {
        float: left;
        margin: 0 0 8% 7.6%;
        width: 46.2%;
        height: 12.3em;
    }

    .gallery-listing__item:first-child, .gallery-listing__item:nth-of-type(2n+1) {
        margin-left: 0;
    }
}

@media screen and (min-width: 60em) {
    .gallery-listing__item {
        margin: 0 0 5.7% 5.7%;
        height: 9.2em;
    }

    .single-column-content .gallery-listing__item,
      .two-column-content .gallery-listing__item {
        margin: 0 0 5% 5%;
        width: 30%;
    }

    .single-column-content .gallery-listing__item:nth-of-type(2n+1),
        .two-column-content .gallery-listing__item:nth-of-type(2n+1) {
        margin-left: 5%;
    }

    .single-column-content .gallery-listing__item:nth-of-type(3n+1),
        .two-column-content .gallery-listing__item:nth-of-type(3n+1) {
        margin-left: 0;
    }

    .single-column-content .gallery-listing__item {
        height: 12em;
    }
}

@media screen and (min-width: 86.5em) {
    .gallery-listing__item {
        width: 29.5%;
        height: 8.8em;
    }

    .two-column-content .gallery-listing__item {
        margin: 0 0 5.7% 5.7%;
        width: 29.5%;
        height: 11.5em;
    }

    .two-column-content .gallery-listing__item:nth-of-type(2n+1) {
        margin-left: 5.7%;
    }

    .two-column-content .gallery-listing__item:nth-of-type(3n+1) {
        margin-left: 0;
    }

    .gallery-listing__item:nth-of-type(2n+1) {
        margin-left: 5.7%;
    }

    .gallery-listing__item:nth-of-type(3n+1) {
        margin-left: 0;
    }

    .single-column-content .gallery-listing__item {
        height: 14.9em;
    }
}

.gallery-listing__link {
    display: block;
    position: relative;
    text-decoration: none;
    overflow: hidden;
}

.gallery-listing__link:hover, .gallery-listing__link:focus {
    text-decoration: none;
}

@media screen and (min-width: 48em) {
    .gallery-listing__link {
        height: 100%;
        background-color: #e0e2e3;
    }
}

.gallery-listing__hint {
    left: 0;
    top: 0;
    outline: none;
    width: 100%;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    color: #fff;
    background-color: #000;
}

.gallery-listing__hint:focus {
    display: block;
    position: absolute;
    padding: 0.4em 0.55em;
}

.gallery-listing__image {
    display: block;
    line-height: 0;
    width: 100%;
    min-width: 100%;
    height: auto;
}

@media screen and (min-width: 48em) {
    .gallery-listing__image {
        position: relative;
        max-width: none;
        width: auto;
    }
}

@media screen and (min-width: 48em) {
    .gallery-listing__overlay {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top, rgba(8, 7, 4, 0) 15%, rgba(13, 12, 11, 0.47) 59%, #111111 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, rgba(8, 7, 4, 0)), color-stop(59%, rgba(13, 12, 11, 0.47)), color-stop(100%, #111111));
        background: -webkit-linear-gradient(top, rgba(8, 7, 4, 0) 15%, rgba(13, 12, 11, 0.47) 59%, #111111 100%);
        background: -o-linear-gradient(top, rgba(8, 7, 4, 0) 15%, rgba(13, 12, 11, 0.47) 59%, #111111 100%);
        background: -ms-linear-gradient(top, rgba(8, 7, 4, 0) 15%, rgba(13, 12, 11, 0.47) 59%, #111111 100%);
        background: linear-gradient(to bottom, rgba(8, 7, 4, 0) 15%, rgba(13, 12, 11, 0.47) 59%, #111111 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00080704', endColorstr='#111111',GradientType=0 );
        -webkit-transition: height 0.2s 0s ease;
        -moz-transition: height 0.2s 0s ease;
        transition: height 0.2s 0s ease;
    }

    .gallery-listing__link:hover .gallery-listing__overlay,
    .gallery-listing__link:focus .gallery-listing__overlay {
        height: 150%;
    }
}

.gallery-listing__title {
    display: block;
    opacity: 0;
    margin: 0.7em 0 0;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 0.95em;
    line-height: 1.2em;
    color: #505a5e;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.slick-active .gallery-listing__title {
    opacity: 1;
}

@media screen and (min-width: 48em) {
    .gallery-listing__title {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        position: absolute;
        opacity: 1;
        left: 0px;
        right: 0px;
        bottom: 0px;
      /* Edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.7+50 */
        background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 100%);
      /* FF3.6-15 */
        background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 100%);
      /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );
      /* IE6-9 */
        color: #fff;
        font: normal normal 400 1em/1.25em "national-medium", sans-serif;
        font-size: 1.1em;
        line-height: 1.15em;
        padding: 1em 0.7em;
        -moz-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
        text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
        -webkit-transition: padding 0.2s ease;
        -moz-transition: padding 0.2s ease;
        transition: padding 0.2s ease;
    }

    .gallery-listing__link:hover .gallery-listing__title,
      .gallery-listing__link:focus .gallery-listing__title {
        padding-bottom: 1.2em;
        /* Edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+50,0.85+100 */
        background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.85) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.85) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.85) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 );
        /* IE6-9 */
        -moz-text-shadow: 0px 0px 6px black;
        text-shadow: 0px 0px 6px black;
    }
}

/*
--------------------
Subject Areas listing
--------------------
*/
.subject-listing__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 0 1.8em;
    overflow: hidden;
}

.subject-listing__item {
    margin: 0;
    padding: 0;
    margin: 1em 0 0;
    background-color: #e0e2e3;
    overflow: hidden;
}

.subject-listing__item:before, .subject-listing__item:after {
    content: none;
}

@media screen and (min-width: 48em) {
    .subject-listing__item {
        margin-top: 1.05em;
    }
}

@media screen and (min-width: 60em) {
    .subject-listing__item {
        float: left;
        margin: 0 0 5.7% 5.7%;
        width: 47.15%;
    }

    .subject-listing__item:nth-child(odd) {
        margin-left: 0;
        clear: left;
    }

    .single-column-content .subject-listing__item {
        margin: 0 0 5.7% 5.7%;
        width: 29.5%;
    }

    .single-column-content .subject-listing__item:nth-child(odd) {
        clear: none;
    }

    .single-column-content .subject-listing__item:nth-child(3n+1) {
        margin-left: 0;
        clear: left;
    }
}

@media screen and (min-width: 86.5em) {
    .two-column-content .subject-listing__item {
        float: none;
        margin: 1.05em 0 0;
        width: 100%;
    }

    .single-column-content .subject-listing__item {
        margin: 1.05em 0 0;
        width: 100%;
    }
}

.subject-listing__image {
    display: block;
    min-width: 0;
    width: 100%;
    height: auto;
    line-height: 0;
}

@media screen and (min-width: 48em) {
    .subject-listing__image {
        display: none;
    }
}

@media screen and (min-width: 60em) {
    .subject-listing__image {
        display: block;
    }
}

@media screen and (min-width: 86.5em) {
    .two-column-content .subject-listing__image {
        float: left;
        width: 35.2%;
    }

    .single-column-content .subject-listing__image {
        float: left;
        width: 26.1%;
    }
}

.subject-listing__details-container {
    padding: 0.65em 0.7em 1.1em;
}

@media screen and (min-width: 48em) {
    .subject-listing__details-container {
        padding: 1.4em 1.65em 1.55em;
    }
}

@media screen and (min-width: 86.5em) {
    .two-column-content .subject-listing__image + .subject-listing__details-container {
        float: left;
        padding-bottom: 0;
        width: 64.8%;
    }

    .single-column-content .subject-listing__image + .subject-listing__details-container {
        float: left;
        padding-bottom: 0;
        width: 73.9%;
    }
}

.subject-listing__link {
    display: inline-block;
    text-decoration: none;
}

.subject-listing__link:hover, .subject-listing__link:focus {
    text-decoration: none;
}

.subject-listing__title {
    display: inline;
    margin: 0;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.05em;
    color: #000;
    vertical-align: middle;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.subject-listing__title:after {
    content: " " " " " " " ";
    display: inline;
    margin: 0 0 0 0.9em;
    font-size: 10px;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -150px -300px;
    background-size: 400px 1000px;
    vertical-align: middle;
}

.subject-listing__link:hover .subject-listing__title,
  .subject-listing__link:focus .subject-listing__title {
    color: #505a5e;
}

@media screen and (min-width: 48em) {
    .subject-listing__title {
        line-height: 1.1em;
        font-size: 1.3em;
    }

    .subject-listing__title:after {
        margin-left: 1.1em;
        font-size: 13px;
        background-position: -50px -250px;
    }
}

.subject-listing__summary {
    display: none;
}

@media screen and (min-width: 48em) {
    .subject-listing__summary {
        display: block;
        margin: 1em 0 0;
        border-top: 1px solid #000;
        padding: 1.05em 0 0;
    }
}

.subject-listing__secondary-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0.7em 0 0;
    border-top: 1px solid #000;
    padding: 0.6em 0 0;
    overflow: hidden;
}

@media screen and (min-width: 48em) {
    .subject-listing__secondary-list {
        margin: 1.1em 0 0;
        padding: 1.05em 0 0;
    }

    .subject-listing__summary + .subject-listing__secondary-list {
        border-top: none;
        padding: 0;
    }
}

.subject-listing__secondary-item {
    margin: 0;
    padding: 0;
    margin: 0.3em 0 0;
}

.subject-listing__secondary-item:before, .subject-listing__secondary-item:after {
    content: none;
}

@media screen and (min-width: 48em) {
    .subject-listing__secondary-item {
        float: left;
        margin: 0 0 0.2em;
        width: 33.33%;
    }
}

@media screen and (min-width: 60em) {
    .subject-listing__secondary-item {
        float: none;
        width: auto;
    }
}

@media screen and (min-width: 86.5em) {
    .two-column-content .subject-listing__secondary-item,
    .single-column-content .subject-listing__secondary-item {
        float: left;
        margin: 0 0 0.2em;
        width: 33.33%;
    }
}

.subject-listing__secondary-link {
    display: inline-block;
    font-size: 0.9em;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.subject-listing__secondary-link:hover, .subject-listing__secondary-link:focus {
    color: #505a5e;
}

/*
--------------------
Tile listing
--------------------
*/
.tile-listing__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 3em 0 0;
    overflow: hidden;
}

.tile-listing__item {
    margin: 0;
    padding: 0;
    margin: 1.4em 0 2em;
    background-color: #e0e2e3;
    overflow: hidden;
}

.tile-listing__item:before, .tile-listing__item:after {
    content: none;
}

@media screen and (min-width: 34.375em) {
    .tile-listing__item {
        float: left;
        margin: 0 0 7.7% 7.7%;
        width: 46.15%;
    }

    .tile-listing__item:nth-of-type(odd) {
        margin-left: 0;
        clear: left;
    }
}

@media screen and (min-width: 60em) {
    .single-column-content .tile-listing__item,
    .two-column-content .tile-listing__item {
        margin: 0 0 3.5% 3.5%;
        width: 31%;
    }

    .single-column-content .tile-listing__item:nth-of-type(odd),
      .two-column-content .tile-listing__item:nth-of-type(odd) {
        margin-left: 3.5%;
        clear: none;
    }

    .single-column-content .tile-listing__item:nth-of-type(3n+1),
      .two-column-content .tile-listing__item:nth-of-type(3n+1) {
        margin-left: 0;
        clear: left;
    }
}

.tile-listing__image-link {
    display: block;
    line-height: 0;
}

.tile-listing__image {
    display: block;
    min-width: 0;
    width: 100%;
    height: auto;
    line-height: 0;
}

.tile-listing__details-container {
    padding: 0.85em 0.9em 1.1em;
}

.tile-listing__link {
    display: inline-block;
    text-decoration: none;
}

.tile-listing__link:hover, .tile-listing__link:focus {
    text-decoration: none;
}

.tile-listing__title {
    display: inline-block;
    margin: 0;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.1em;
    color: #000;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.tile-listing__link:hover .tile-listing__title,
  .tile-listing__link:focus .tile-listing__title {
    color: #505a5e;
}

@media screen and (min-width: 48em) {
    .tile-listing__title {
        line-height: 1.1em;
    }
}

.tile-listing__details-container p {
    display: block;
    margin: 0.25em 0 0;
    border-top: 1px solid #000;
    padding: 0.4em 0 0;
    font-size: 0.95em;
}

.tile-listing__details-container ul,
.tile-listing__details-container ol {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0.35em 0 0;
    border-top: 1px solid #000;
    padding: 0.5em 0 0;
    overflow: hidden;
}

p + .tile-listing__details-container ul, p +
  .tile-listing__details-container ol {
    border-top: none;
    padding: 0;
}

.tile-listing__details-container p + ul,
.tile-listing__details-container p + ol {
    border-top: none;
    padding: 0;
}

.tile-listing__details-container li {
    margin: 0;
    padding: 0;
    margin: 0.1em 0 0;
}

.tile-listing__details-container li:before, .tile-listing__details-container li:after {
    content: none;
}

.tile-listing__details-container a {
    display: inline-block;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.tile-listing__details-container a:hover, .tile-listing__details-container a:focus {
    color: #505a5e;
}

/*
--------------------
Datetime Listing
--------------------
*/
.datetime-group__container {
    margin: 0 0 1.3em;
}

@media screen and (min-width: 60em) {
    .datetime-group__container {
        margin-bottom: 1.85em;
    }
}

.datetime-group__title {
    margin: 0 0 0.6em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 0.95em;
    text-transform: uppercase;
    color: #000;
}

@media screen and (min-width: 60em) {
    .datetime-group__title {
        margin-bottom: 1.3em;
        text-transform: none;
    }
}

.datetime-group__list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.datetime-group__item {
    margin: 0;
    padding: 0;
    float: left;
    margin-left: 4%;
    width: 48%;
    max-width: 12.5em;
}

.datetime-group__item:before, .datetime-group__item:after {
    content: none;
}

.datetime-group__item:first-child {
    margin-left: 0;
}

.datetime-group__date {
    display: block;
    padding: 0.4em 0 0.45em;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 0.75em;
    text-align: center;
    color: #fff;
    background-color: #a6192e;
}

@media screen and (min-width: 60em) {
    .datetime-group__date {
        font-size: 0.95em;
    }
}

.datetime-group__time {
    display: block;
    padding: 0.8em 0 0.85em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    text-align: center;
    color: #a6192e;
    background-color: #63666a;
}

.datetime-group__time span {
    font-size: 1.4em;
}

@media screen and (min-width: 60em) {
    .datetime-group__time {
        font-size: 1.4em;
    }

    .datetime-group__time span {
        font-size: 1.2em;
    }
}

@media screen and (min-width: 86.5em) {
    .datetime-group__time {
        font-size: 1.8em;
    }
}

/*
--------------------
Faculty Listing
--------------------
*/
.faculty-listing__list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.faculty-listing__item {
    margin: 0;
    padding: 0;
    margin-top: 0.85em;
}

.faculty-listing__item:before, .faculty-listing__item:after {
    content: none;
}

@media screen and (min-width: 48em) {
    .faculty-listing__item {
        display: table;
        float: left;
        margin: 0 0 2.8% 2.8%;
        width: 48.6%;
        height: 6em;
    }

    .faculty-listing__item:nth-of-type(2n+1) {
        margin-left: 0;
    }
}

@media screen and (min-width: 60em) {
    .faculty-listing__item {
        margin: 0 0 1.6% 1.6%;
        height: 9em;
        width: 49.2%;
    }
}

@media screen and (min-width: 86.5em) {
    .faculty-listing__item {
        margin: 0 0 1.1% 1.1%;
        width: 49.45%;
    }
}

.faculty-listing__link {
    display: block;
    position: relative;
    padding: 1.15em 0.9em 1.15em 1.1em;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    color: #fff;
    text-decoration: none;
    background-color: #373a36;
}

.faculty-listing__link:hover, .faculty-listing__link:focus {
    text-decoration: underline;
}

@media screen and (min-width: 48em) {
    .faculty-listing__link {
        display: table-cell;
        padding-top: 0;
        padding-left: 5em;
        height: 100%;
        width: 100%;
        vertical-align: bottom;
    }

    .faculty-listing__link:before {
        content: '';
        position: absolute;
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 400px 1000px;
    }
}

@media screen and (min-width: 60em) {
    .faculty-listing__link {
        padding: 0 1.4em 2.1em 6.9em;
    }
}

.faculty-listing__icon {
    display: none;
}

@media screen and (min-width: 48em) {
    .faculty-listing__icon {
        display: block;
        line-height: 0;
        position: absolute;
        left: 1.2em;
        bottom: 1em;
        max-width: 3em;
        height: auto;
    }
}

@media screen and (min-width: 60em) {
    .faculty-listing__icon {
        left: 1.7em;
        bottom: 1.85em;
        max-width: 100%;
    }
}

.faculty-listing__label {
    margin-right: 0.4em;
    font-size: 1.1em;
    line-height: 1.05em;
}

@media screen and (min-width: 48em) {
    .faculty-listing__label {
        font-size: 1.3em;
    }
}

@media screen and (min-width: 60em) {
    .faculty-listing__label {
        font-size: 1.5em;
    }
}

.faculty-listing__arrow {
    border-top: 5px inset transparent;
    border-bottom: 5px inset transparent;
    border-left: 6px solid #d6001c;
    font-size: 0;
    line-height: 22px;
    vertical-align: bottom;
}

@media screen and (min-width: 60em) {
    .faculty-listing__arrow {
        border-top-width: 6px;
        border-bottom-width: 6px;
        border-left-width: 7px;
        line-height: 25px;
    }
}

.faculty-listing__link--type-1 {
    background-color: #000;
}

.faculty-listing__link--type-1 .faculty-listing__arrow {
    border-left-color: #63666a;
}

.faculty-listing__link--type-2 {
    background-color: #76232f;
}

.faculty-listing__link--type-3 {
    background-color: #63666a;
}

.faculty-listing__link--type-4 {
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    color: #63666a;
    background-color: #d6d3c5;
}

.faculty-listing__link--type-4 .faculty-listing__arrow {
    border-left-color: #63666a;
}

/*
--------------------
Button style Listing
--------------------
*/
.button-style-listing__container {
    overflow: hidden;
}

.button-style-listing__title {
    margin-bottom: 1.1em;
    color: #000;
}

@media screen and (min-width: 48em) {
    .button-style-listing__title {
        margin-bottom: 1.25em;
    }
}

.button-style-listing__list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.button-style-listing__item {
    margin: 0;
    padding: 0;
    margin-top: 0.7em;
}

.button-style-listing__item:before, .button-style-listing__item:after {
    content: none;
}

@media screen and (min-width: 48em) {
    .button-style-listing__item {
        float: left;
        margin: 0 0 0.75em 7%;
        width: 46.5%;
    }

    .button-style-listing__item:nth-of-type(2n+1) {
        clear: left;
        margin-left: 0;
    }
}

@media screen and (min-width: 60em) {
    .button-style-listing__item {
        margin-left: 4.2%;
        width: 30.5%;
    }

    .button-style-listing__item:nth-of-type(2n+1) {
        clear: none;
        margin-left: 4.2%;
    }

    .button-style-listing__item:nth-of-type(3n+1) {
        clear: left;
        margin-left: 0;
    }

    .button-style-listing__list--additional .button-style-listing__item {
        display: table-cell;
        float: none;
        margin: 0;
        padding-right: 4.2%;
        width: auto;
    }
}

.button-style-listing__link {
    position: relative;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.95em;
    color: #000;
    padding-right: 0.85em;
}

.button-style-listing__link:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 5.3em;
    border-top: 5px inset transparent;
    border-bottom: 5px inset transparent;
    border-left: 6px solid #000;
    font-size: 1px;
}

@media screen and (min-width: 48em) {
    .button-style-listing__link {
        display: block;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        padding: 1.15em 0.6em;
        font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
        line-height: 1.15em;
        text-align: center;
        text-decoration: none;
        background-color: #e0e2e3;
        -webkit-transition: background-color 0.3s ease, border-color 0.3s ease, color 0.1s ease;
        -moz-transition: background-color 0.3s ease, border-color 0.3s ease, color 0.1s ease;
        transition: background-color 0.3s ease, border-color 0.3s ease, color 0.1s ease;
        text-rendering: geometricPrecision;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    .button-style-listing__link:after {
        content: none;
    }

    .button-style-listing__link:hover, .button-style-listing__link:focus {
        color: #fff;
        background-color: #a6192e;
    }

    .button-style-listing__list--additional .button-style-listing__link {
        border: 3px solid #e0e2e3;
        padding-top: 1em;
        padding-bottom: 1em;
        color: #000;
        background-color: #fff;
    }

    .button-style-listing__list--additional .button-style-listing__link:hover, .button-style-listing__list--additional .button-style-listing__link:focus {
        color: #fff;
        border-color: #a6192e;
        background-color: #a6192e;
    }
}

.button-style-listing__list--additional {
    margin-top: 1.2em;
    border-top: 1px solid #e0e2e3;
    padding-top: 1.05em;
}

@media screen and (min-width: 48em) {
    .button-style-listing__list--additional {
        margin-top: 0.85em;
        padding-top: 1.6em;
    }
}

@media screen and (min-width: 60em) {
    .button-style-listing__list--additional {
        display: table;
        table-layout: fixed;
        width: 104.2%;
    }
}

/*
--------------------
Icon tiles
--------------------
*/
.icon-tiles__title {
    margin-bottom: 0.65em;
    color: #000;
}

@media screen and (min-width: 48em) {
    .icon-tiles__title {
        margin-bottom: 0.95em;
    }
}

.icon-tiles__list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.icon-tiles__item {
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    margin-top: 0.9em;
}

.icon-tiles__item:before, .icon-tiles__item:after {
    content: none;
}

@media screen and (min-width: 48em) {
    .icon-tiles__item {
        float: left;
        margin: 0 0 3% 3%;
        width: 48.5%;
    }

    .icon-tiles__item:nth-of-type(2n+1) {
        margin-left: 0;
    }
}

@media screen and (min-width: 60em) {
    .icon-tiles__item {
        margin: 0 0 0 1%;
        width: 24.25%;
    }

    .icon-tiles__item:nth-of-type(2n+1) {
        margin-left: 1%;
    }

    .icon-tiles__item:first-child {
        margin-left: 0;
    }
}

.icon-tiles__link {
    display: table-cell;
    vertical-align: bottom;
    padding: 0 0 1.25em;
    height: 7.15em;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    color: #fff;
    text-decoration: none;
    background-color: #373a36;
    text-align: center;
}

.icon-tiles__link:hover, .icon-tiles__link:focus {
    text-decoration: underline;
}

@media screen and (min-width: 48em) {
    .icon-tiles__link {
        font-size: 1.25em;
    }
}

@media screen and (min-width: 60em) {
    .icon-tiles__link {
        height: 7.8em;
        font-size: 1em;
    }
}

@media screen and (min-width: 86.5em) {
    .icon-tiles__link {
        height: 7.15em;
        font-size: 1.25em;
    }
}

.icon-tiles__icon {
    display: block;
}

.icon-tiles__icon:before {
    content: '';
    display: inline-block;
    margin-bottom: 0.5em;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 400px 1000px;
}

.icon-tiles__label {
    position: relative;
    line-height: 1.15em;
    padding-right: 1.05em;
}

.icon-tiles__label:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 2em;
    bottom: 5.8em;
    border-top: 5px inset transparent;
    border-bottom: 5px inset transparent;
    border-left: 6px solid #d6001c;
    font-size: 1px;
}

@media screen and (min-width: 48em) {
    .icon-tiles__label:after {
        margin-left: 16px;
        border-top-width: 6px;
        border-bottom-width: 6px;
        border-left-width: 7px;
        line-height: 28px;
    }
}

@media screen and (min-width: 60em) {
    .icon-tiles__label:after {
        margin-left: 10px;
        border-top-width: 5px;
        border-bottom-width: 5px;
        border-left-width: 6px;
        line-height: 22px;
    }
}

@media screen and (min-width: 86.5em) {
    .icon-tiles__label:after {
        margin-left: 16px;
        border-top-width: 6px;
        border-bottom-width: 6px;
        border-left-width: 7px;
        line-height: 28px;
    }
}

.icon-tiles__link--type-1 {
    background-color: #000;
}

.icon-tiles__link--type-1 .icon-tiles__icon:before {
    width: 65px;
    height: 43px;
    background-position: -101px -601px;
}

.icon-tiles__link--type-1 .icon-tiles__label:after {
    border-left-color: #63666a;
}

@media screen and (min-width: 48em) {
    .icon-tiles__link--type-1 .icon-tiles__icon:before {
        width: 80px;
        height: 53px;
        background-position: -201px -601px;
    }
}

.icon-tiles__link--type-2 {
    background-color: #76232f;
}

.icon-tiles__link--type-2 .icon-tiles__icon:before {
    width: 62px;
    height: 45px;
    background-position: -1px -701px;
}

@media screen and (min-width: 48em) {
    .icon-tiles__link--type-2 .icon-tiles__icon:before {
        width: 77px;
        height: 56px;
        background-position: -301px -613px;
    }
}

.icon-tiles__link--type-3 {
    background-color: #63666a;
}

.icon-tiles__link--type-3 .icon-tiles__icon:before {
    width: 65px;
    height: 43px;
    background-position: -1px -651px;
}

@media screen and (min-width: 48em) {
    .icon-tiles__link--type-3 .icon-tiles__icon:before {
        width: 80px;
        height: 53px;
        background-position: -101px -651px;
    }
}

.icon-tiles__link--type-4 {
    font-family: "national-extra-bold", sans-serif;
    color: #63666a;
    background-color: #d6d3c5;
}

.icon-tiles__link--type-4 .icon-tiles__icon:before {
    width: 56px;
    height: 56px;
    background-position: -201px -693px;
}

.icon-tiles__link--type-4 .icon-tiles__label:after {
    border-left-color: #63666a;
}

@media screen and (min-width: 48em) {
    .icon-tiles__link--type-4 .icon-tiles__icon:before {
        width: 70px;
        height: 70px;
        background-position: -301px -679px;
    }
}

/*
--------------------
Social icon listing
--------------------
*/
.share-social__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 0 1em;
    overflow: hidden;
}

@media screen and (min-width: 60em) {
    .share-social__list {
        display: block;
        margin: 0;
    }
}

.share-social__item {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin: 0 1.3em 0.8em 0;
}

.share-social__item:before, .share-social__item:after {
    content: none;
}

@media screen and (min-width: 60em) {
    .share-social__item {
        margin: 0;
    }
}

.share-social__link {
    display: block;
    width: 40px;
    height: 32px;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 400px 1000px;
    background-size: 520px 1300px;
}

@media screen and (min-width: 60em) {
    .share-social__link {
        float: left;
        margin: 0 0 0 1.2em;
    }

    .share-social__item:first-child .share-social__link {
        margin-left: 0;
    }
}

.share-social__link--facebook {
    background-position: 13px -191px;
}

.share-social__link--twitter {
    background-position: -448px -126px;
}

.share-social__link--youtube {
    background-position: -252px -193px;
}

.share-social__link--google-plus {
    background-position: -58px -191px;
}

.share-social__link--linkedin {
    background-position: -186px -193px;
}

.share-social__link--instagram {
    background-position: -121px -191px;
}

/*
--------------------
Form elements
--------------------
*/
form {
    margin: 0 0 1.5em;
    width: 100%;
}

fieldset {
    margin: 0;
    border: none;
    padding: 0;
    width: 100%;
}

legend {
    margin-bottom: 0.5em;
    width: auto;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 1.1em;
    line-height: 1.1em;
    color: #505a5e;
}

select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #e0e2e3;
    width: 100%;
    height: 2.6em;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    font-size: 0.85em;
    line-height: 1.1em;
    color: #30383c;
    background-color: #fff;
    -webkit-transition: border-color 0.2s 0s ease;
    -moz-transition: border-color 0.2s 0s ease;
    transition: border-color 0.2s 0s ease;
}

select:focus {
    outline: none;
    border-color: #000;
    color: #505a5e;
}

select[multiple="multiple"] {
    margin: 0;
    border: 1px solid #e0e2e3;
    width: 100%;
    height: auto;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    color: #30383c;
    background-color: #fff;
}

input,
textarea {
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
}

label,
.sq-form-question-title {
    display: inline-block;
    margin-bottom: 0.3em;
    width: auto;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.9em;
    line-height: 1.1em;
    color: #505a5e;
}

@media screen and (min-width: 48em) {
    label,
    .sq-form-question-title {
        font-size: 1em;
    }
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="time"],
input[type="date"],
textarea {
    border: 1px solid #e0e2e3;
    padding: 0 0.7em;
    height: 2.2em;
    width: 100%;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    line-height: 1.1em;
    color: #30383c;
    -webkit-transition: border 0.2s ease;
    -moz-transition: border 0.2s ease;
    transition: border 0.2s ease;
}

input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="search"]:focus,
  input[type="password"]:focus,
  input[type="tel"]:focus,
  input[type="number"]:focus,
  input[type="time"]:focus,
  input[type="date"]:focus,
  textarea:focus {
    border-color: #000;
}

input[type="password"] {
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    line-height: 1.1em;
}

input[type="search"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="search"]::-webkit-input-placeholder {
    color: #fff;
}

input[type="search"]::-moz-placeholder {
    color: #fff;
}

input[type="search"]:-ms-input-placeholder {
    color: #fff;
}

input[type="range"] {
    -webkit-appearance: slider-horizontal;
}

input[type="file"] {
    max-width: 100%;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    line-height: 1.1em;
    color: #30383c;
}

textarea {
    display: block;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    min-height: 7em;
    line-height: 1.4em;
    resize: vertical;
}

@media screen and (min-width: 48em) {
    textarea {
        max-width: 58%;
    }
}

input[type="submit"],
input[type="reset"] {
    margin-top: 0.35em;
    margin-bottom: 0.4em;
    min-width: 7em;
    width: 100%;
    background-color: #63666a;
}

input[type="submit"]:hover, input[type="submit"]:focus,
  input[type="reset"]:hover,
  input[type="reset"]:focus {
    background-color: #a6192e;
}

@media screen and (min-width: 48em) {
    input[type="submit"],
    input[type="reset"] {
        margin-top: 0;
        margin-bottom: 0;
        min-width: 10em;
        width: auto;
    }
}

input[type="submit"][disabled] {
    opacity: 0.6;
    background-color: #666;
}

@media screen and (min-width: 48em) {
    input[type="reset"] + input[type="submit"] {
        margin-left: 0.5em;
    }
}

input[type="reset"] {
    color: #000;
    background-color: #e0e2e3;
}

input[type="reset"]:hover, input[type="reset"]:focus {
    color: #ffffff;
    background-color: #63666a;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    display: inline-block;
    position: relative;
    margin-bottom: 0.4em;
    padding: 0 0 0 1.35em;
    width: auto;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    color: #30383c;
    cursor: pointer;
}

input[type="checkbox"] + label:before,
  input[type="radio"] + label:before {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: 0px -200px;
    background-size: 400px 1000px;
}

input[type="checkbox"] + label:before,
  input[type="radio"] + label:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0.2em;
    margin-right: 0.8em;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

input[type="checkbox"]:focus + label,
input[type="radio"]:focus + label {
    text-decoration: underline;
}

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
    background-position: -50px -200px;
}

input[type="checkbox"].radio-small + label,
input[type="radio"].radio-small + label {
    margin: 0.3em 0 0.5em;
    padding: 0 0 0 1.5em;
}

input[type="checkbox"].radio-small + label:before,
  input[type="radio"].radio-small + label:before {
    top: 0.1em;
    width: 18px;
    height: 18px;
    background-position: -1px -601px;
}

input[type="checkbox"].radio-small:checked + label:before,
input[type="radio"].radio-small:checked + label:before {
    background-position: -51px -601px;
}

@media screen and (min-width: 48em) {
    input[type="checkbox"] + label,
  input[type="radio"] + label {
        margin-top: 0.5em;
        margin-bottom: 0.8em;
        padding: 0.1em 0 0 2.15em;
        width: auto;
        min-height: 26px;
    }

    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
        top: 0;
        width: 26px;
        height: 26px;
        background-position: -100px -400px;
    }

    input[type="checkbox"]:checked + label:before,
  input[type="radio"]:checked + label:before {
        background-position: -150px -400px;
    }
}

@media screen and (min-width: 60em) {
    input[type="checkbox"] + label,
  input[type="radio"] + label {
        margin-top: 0.2em;
        margin-bottom: 0.2em;
        padding: 0 0 0 1.35em;
    }

    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
        top: 0.2em;
        width: 16px;
        height: 16px;
        background-position: 0px -200px;
    }

    input[type="checkbox"]:checked + label:before,
  input[type="radio"]:checked + label:before {
        background-position: -50px -200px;
    }
}

input[type="radio"] + label:before {
    margin-right: 0.9em;
    margin-left: 0.1em;
    background-position: -101px -201px;
}

input[type="radio"]:checked + label:before {
    background-position: -151px -201px;
}

@media screen and (min-width: 48em) {
    input[type="radio"] + label:before {
        top: 0.1em;
        background-position: -201px -401px;
    }

    input[type="radio"]:checked + label:before {
        background-position: -251px -401px;
    }
}

@media screen and (min-width: 60em) {
    input[type="radio"] + label:before {
        top: 0.2em;
        background-position: -101px -201px;
    }

    input[type="radio"]:checked + label:before {
        background-position: -151px -201px;
    }
}

form ul,
form ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

form ul li,
  form ol li {
    margin: 0;
    padding: 0;
    padding-left: 1px;
}

form ul li:before, form ul li:after,
    form ol li:before,
    form ol li:after {
    content: none;
}

form ul li:before, form ul li:after,
    form ol li:before,
    form ol li:after {
    content: none;
}

form .row,
.sq-form-question,
.sq-form-question-password {
    margin: 0 0 0.55em;
}

@media screen and (min-width: 48em) {
    form .row,
    .sq-form-question,
    .sq-form-question-password {
        margin-bottom: 0.9em;
    }
}

.field-required {
    position: relative;
    display: inline-block;
    padding: 0;
    width: 0.45em;
    height: 1em;
}

.field-required:before {
    content: "*";
    position: absolute;
    right: 0;
    top: 0.2em;
    width: 5px;
    height: 5px;
}

.field-invalid {
    position: relative;
    color: #c80000;
    padding-right: 1.05em;
}

.field-invalid + .sq-form-question-answer input {
    border-color: #c80000;
}

.sq-form-error {
    margin: 0.4em 0 0;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.85em;
    color: #c80000;
}

.sq-form-unattached {
    overflow: auto;
}

.sq-form-section {
    margin-bottom: 1em;
}

.sq-form-required-field-note {
    margin: 0 0 1em;
    color: #505a5e;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    line-height: 1.5em;
    text-align: left;
}

.sq-form-question-note {
    display: block;
    margin: 0 0 0.6em;
    color: #505a5e;
    font: normal normal 400 1em/1.25em "national-light-italic", sans-serif;
    font-size: 0.9em;
    line-height: 1.2em;
}

@media screen and (min-width: 60em) {
    .sq-form-question-note {
        width: 58%;
    }
}

.sq-form-question-datetime {
    overflow: hidden;
}

.sq-form-question-datetime table,
  .sq-form-question-datetime tbody,
  .sq-form-question-datetime tr {
    display: block;
    width: 100%;
}

.sq-form-question-datetime td {
    display: inline-block;
}

.sq-form-question-datetime td:first-child {
    width: 100%;
    text-align: left;
}

.sq-form-question-datetime .sq-form-field {
    width: auto !important;
}

.sq-form-question-datetime select.sq-form-field {
    min-width: 3.5em;
}

.sq-form-question-datetime .sq-backend-data {
    padding-bottom: 1.1em;
}

.sq-form-question-datetime .start td:nth-child(2) {
    margin-left: 1.4em;
}

.sq-form-question-datetime .end td:nth-child(3) select {
    margin-left: 0.4em;
}

.sq-form-question-datetime .end tr:nth-child(2) td:last-child {
    margin-left: 1.2em;
}

@media screen and (min-width: 48em) {
    .sq-form-question-datetime td {
        display: inline-block;
        width: auto;
    }

    .sq-form-question-datetime .sq-calendar-date-table.start td {
        width: auto;
    }
}

.sq-form-date-range table .sq-form-field {
    margin-bottom: 0;
}

.sq-form-date-range tr {
    margin-bottom: 1.5em;
}

.sq-form-date-range td:first-child {
    margin-bottom: 0.6em;
}

@media screen and (min-width: 48em) {
    .sq-form-date-range tr {
        float: left;
        margin-right: 2em;
        width: auto;
    }

    .sq-form-date-range td:first-child {
        margin-bottom: 0;
        padding-right: 0.4em;
        width: 3.5em;
        text-align: right;
    }
}

.sq-form-unattached .sq-form-question-datetime input[type="checkbox"],
.sq-form-unattached .sq-form-question-datetime input[type="radio"],
.sq-form-section .sq-form-question-datetime input[type="checkbox"],
.sq-form-section .sq-form-question-datetime input[type="radio"] {
    display: inline-block;
    margin-right: 0.4em;
}

.sq-form-unattached .sq-form-question-datetime input[type="checkbox"] + label,
  .sq-form-unattached .sq-form-question-datetime input[type="radio"] + label,
  .sq-form-section .sq-form-question-datetime input[type="checkbox"] + label,
  .sq-form-section .sq-form-question-datetime input[type="radio"] + label {
    margin-right: 0.6em;
    padding: 0;
}

.sq-form-unattached .sq-form-question-datetime input[type="checkbox"] + label:before,
    .sq-form-unattached .sq-form-question-datetime input[type="radio"] + label:before,
    .sq-form-section .sq-form-question-datetime input[type="checkbox"] + label:before,
    .sq-form-section .sq-form-question-datetime input[type="radio"] + label:before {
    content: none;
}

.sq-form-unattached .sq-form-question-datetime input[type="checkbox"],
.sq-form-section .sq-form-question-datetime input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

.sq-form-unattached .sq-form-question-datetime input[type="radio"],
.sq-form-section .sq-form-question-datetime input[type="radio"] {
    -webkit-appearance: radio;
}

.select-styled__container {
    position: relative;
    border: 1px solid #e0e2e3;
    height: 2.6em;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    font-size: 0.85em;
    line-height: 1.2em;
    color: #30383c;
    background-color: #fff;
    overflow: hidden;
}

.select-styled__container:after {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -187px -185px;
    background-size: 400px 1000px;
}

.select-styled__container:after {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #dbd8cc;
    width: 2.7em;
    height: 100%;
    z-index: 5;
}

.select-styled__container select {
    position: relative;
    outline: 0;
    border: none;
    margin: 0;
    padding: 0 0 0 0.9em;
    width: 110%;
    height: 100%;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    line-height: 1.2em;
    background: transparent;
    z-index: 10;
    -webkit-appearance: none;
}

.select-styled__container select:hover, .select-styled__container select:focus {
    outline: none;
}

.select-styled__container select:focus {
    outline: 1px solid #000;
}

.select-styled__container.select-styled__container--dark {
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 0.85em;
    line-height: 1.2em;
    background-color: #e0e2e3;
}

.select-styled__container.select-styled__container--dark:after {
    border-left: none;
}

.select-styled__container.select-styled__container--dark select {
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    line-height: 1.2em;
}

@media screen and (min-width: 48em) {
    .select-styled__container select {
        width: 105%;
    }
}

/*
--------------------
MultiSearch form
--------------------
*/
.multisearch__container {
    margin: 0 -32px 1.95em;
    padding: 1em 0 1.6em;
    background-color: #63666a;
}

@media screen and (min-width: 48em) {
    .multisearch__container {
        margin: 0 0 2em;
        padding: 0;
        background-color: transparent;
    }
}

.multisearch-mobile__form {
    margin: 0;
    padding: 0 32px;
}

@media screen and (min-width: 48em) {
    .multisearch-mobile__form {
        display: none;
    }
}

.multisearch__form {
    margin: 0;
}

.multisearch-mobile__label {
    margin: 0 0 0.65em;
}

.multisearch-mobile__input-wrap,
.multisearch__input-wrap {
    display: block;
    position: relative;
}

input.multisearch-mobile__input,
input.multisearch__input {
    border: 1px solid #e0e2e3;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    line-height: 1.1em;
    background-color: #fff;
    -webkit-appearance: none;
}

input.multisearch-mobile__input::-ms-clear,
  input.multisearch__input::-ms-clear {
    display: none;
}

input.multisearch__input {
    padding-right: 135px;
    height: 2.7em;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    font-size: 1.25em;
    line-height: 1.1em;
}

input.multisearch__reset {
    display: block;
    padding: 0;
    min-width: 0;
    color: #a6192e;
    letter-spacing: normal;
    background-color: transparent;
}

input.multisearch__reset:hover, input.multisearch__reset:focus {
    background-color: transparent;
}

@media screen and (min-width: 48em) {
    input.multisearch__reset {
        visibility: visible;
        opacity: 0;
        position: absolute;
        top: 0.7em;
        right: 80px;
        height: 40px;
        -webkit-transition: color 0.2s 0s ease, opacity 0.3s 0s ease;
        -moz-transition: color 0.2s 0s ease, opacity 0.3s 0s ease;
        transition: color 0.2s 0s ease, opacity 0.3s 0s ease;
    }

    input.multisearch__reset:focus,
      .multisearch__input:focus + input.multisearch__reset {
        visibility: visible;
        opacity: 1;
    }

    input.multisearch__reset:hover, input.multisearch__reset:focus {
        color: #d6001c;
    }
}

input.multisearch-mobile__submit,
input.multisearch__submit {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
    width: 44px;
    height: 2.2em;
    text-indent: 100%;
    overflow: hidden;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -90px -440px;
    background-size: 400px 1000px;
    background-color: transparent;
    -webkit-transition: background-color 0.3s ease, border 0.3s ease;
    -moz-transition: background-color 0.3s ease, border 0.3s ease;
    transition: background-color 0.3s ease, border 0.3s ease;
}

input.multisearch-mobile__submit:hover, input.multisearch-mobile__submit:focus,
  input.multisearch__submit:hover,
  input.multisearch__submit:focus {
    background-position: -140px -440px;
    background-color: #a6192e;
}

input.multisearch__submit {
    width: 70px;
    height: 2.7em;
    font-size: 1.25em;
    background-position: -180px -432px;
    border: 1px solid transparent;
    border-left: none;
}

input.multisearch__submit:hover, input.multisearch__submit:focus {
    border-color: #5d1945;
    background-position: -230px -432px;
}

.multisearch-links__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 0.55em;
    padding: 0 32px;
    overflow: hidden;
}

@media screen and (min-width: 48em) {
    .multisearch-links__list {
        margin: 0;
        padding: 0 1.6em 1.85em;
        background-color: #63666a;
    }
}

.multisearch-links__item {
    margin: 0;
    padding: 0;
    margin-top: 0.65em;
}

.multisearch-links__item:before, .multisearch-links__item:after {
    content: none;
}

@media screen and (min-width: 48em) {
    .multisearch-links__item {
        margin: 0 1.2em 0 0;
        float: left;
    }

    .multisearch-links__item:last-child {
        float: right;
        margin-right: 0.2em;
    }
}

@media screen and (min-width: 60em) {
    .multisearch-links__item {
        margin-right: 2.05em;
    }
}

.multisearch-links__link {
    font-size: 0.95em;
}

@media screen and (min-width: 48em) {
    .multisearch-links__link {
        font-size: 1em;
    }
}

/*
--------------------
Popup form
--------------------
*/
.popup-loading-indicator__container {
    display: table;
    visibility: hidden;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    background-color: rgba(11, 11, 11, 0.7);
    -webkit-transition: opacity 0.3s 0s ease, visibility 0s 0.3s ease, width 0s 0.3s ease, height 0s 0.3s ease;
    -moz-transition: opacity 0.3s 0s ease, visibility 0s 0.3s ease, width 0s 0.3s ease, height 0s 0.3s ease;
    transition: opacity 0.3s 0s ease, visibility 0s 0.3s ease, width 0s 0.3s ease, height 0s 0.3s ease;
}

.popup-loading-indicator__container.is-active {
    visibility: visible;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.3s 0s ease;
    -moz-transition: opacity 0.3s 0s ease;
    transition: opacity 0.3s 0s ease;
}

.popup-loading-indicator__positioning {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.popup-loading-indicator__content {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    border: 1px solid #000;
    padding: 1.8em 1.4em 1.4em;
    background-color: #ffffff;
}

.popup-loading-indicator__message {
    margin: 0.2em 0 0;
}

.popup-loading-indicator__close {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: visible;
    cursor: pointer;
    -webkit-appearance: none;
    display: block;
    border: none;
    padding: 0;
    outline: none;
    z-index: 10;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 37px;
    height: 40px;
    background-color: #a6192e;
    color: transparent;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -293px -242px;
    background-size: 400px 1000px;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.popup-loading-indicator__close:hover, .popup-loading-indicator__close:focus {
    background-color: #7f7f7f;
}

@media screen and (min-width: 60em) {
    .popup-loading-indicator__close {
        width: 45px;
        height: 48px;
        background-position: -289px -238px;
    }
}

.mfp-content.mfp-content--form-popup {
    margin: 0;
    height: 100%;
    overflow: hidden;
}

.mfp-content.mfp-content--form-popup.has-thanks-message, .mfp-content.mfp-content--form-popup.has-error-message {
    height: auto;
}

.form-popup__container {
    margin: 0 auto;
    max-width: 30em;
    height: 100%;
}

.form-popup__contents {
    position: relative;
    margin: 1.2em 1em;
    padding: 0.8em 1em 0;
    max-height: 92%;
    background-color: #ffffff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.form-popup__contents form {
    margin: 0 0 0.8em;
}

.mfp-content--form-popup.has-thanks-message .form-popup__contents {
    padding-top: 1.5em;
    padding-right: 2.2em;
    padding-bottom: 0.8em;
}

@media screen and (min-width: 48em) {
    .form-popup__contents {
        margin-right: 0;
        margin-left: 0;
        padding: 1.4em 1.5em 0;
        overflow: auto;
    }

    .form-popup__contents form {
        margin-bottom: 1.5em;
    }

    .mfp-content--form-popup.has-thanks-message .form-popup__contents {
        padding-top: 2em;
        padding-bottom: 1.2em;
    }
}

.form-popup__intro,
.form-popup__error-message,
.form-popup__thanks-message {
    margin-right: 1em;
}

.form-popup__submit-message {
    display: none;
    margin: 0;
    font: normal normal 400 1em/1.25em "national-light-italic", sans-serif;
}

.form-popup__submit-message.is-active {
    display: inline-block;
}

@media screen and (min-width: 48em) {
    .form-popup__submit-message {
        margin: 0 0 0 1em;
    }
}

/*
--------------------
Course Finder widget
--------------------
*/
.course-finder__title {
    margin-bottom: 0.4em;
    color: #000;
}

@media screen and (min-width: 48em) {
    .course-finder__title {
        margin-bottom: 0.55em;
    }
}

@media screen and (min-width: 60em) {
    .course-finder__title {
        margin-bottom: 0.75em;
    }
}

.course-finder__form {
    display: block;
    position: relative;
    margin: 0;
}

@media screen and (min-width: 60em) {
    .course-finder__form {
        overflow: hidden;
    }
}

.course-finder__label {
    margin: 0 0 0.65em;
}

.course-finder__student-options {
    display: none;
}

@media screen and (min-width: 48em) {
    .course-finder__student-options {
        display: block;
        margin: 0.55em 0 0;
    }

    .course-finder__student-options li {
        display: inline-block;
        margin: 0 1.55em 0 0;
    }
}

@media screen and (min-width: 60em) {
    .single-column-content .course-finder__student-options,
    .two-column-content .course-finder__student-options {
        float: left;
        max-width: 15.5em;
    }

    .single-column-content .course-finder__student-options {
        width: 30%;
    }

    .two-column-content .course-finder__student-options {
        width: 40%;
    }
}

input.course-finder__input {
    border: 1px solid #e0e2e3;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    line-height: 1.1em;
    background-color: #fff;
    -webkit-appearance: none;
}

input.course-finder__input::-ms-clear {
    display: none;
}

@media screen and (min-width: 48em) {
    input.course-finder__input {
        padding-right: 135px;
        height: 2.7em;
        font: normal normal 400 1em/1.25em "national-light", sans-serif;
        font-size: 1.25em;
        line-height: 1.1em;
    }
}

input.course-finder__reset {
    display: none;
    padding: 0;
    min-width: 0;
    color: #a6192e;
    letter-spacing: normal;
    background-color: transparent;
}

input.course-finder__reset:hover, input.course-finder__reset:focus {
    background-color: transparent;
}

@media screen and (min-width: 48em) {
    input.course-finder__reset {
        display: block;
        visibility: visible;
        opacity: 0;
        position: absolute;
        top: 0.7em;
        right: 80px;
        height: 40px;
        -webkit-transition: color 0.2s 0s ease, opacity 0.3s 0s ease;
        -moz-transition: color 0.2s 0s ease, opacity 0.3s 0s ease;
        transition: color 0.2s 0s ease, opacity 0.3s 0s ease;
    }

    input.course-finder__reset:focus,
      .course-finder__input:focus + input.course-finder__reset {
        visibility: visible;
        opacity: 1;
    }

    input.course-finder__reset:hover, input.course-finder__reset:focus {
        color: #d6001c;
    }
}

input.course-finder__submit {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
    width: 44px;
    height: 2.2em;
    text-indent: 100%;
    overflow: hidden;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -90px -440px;
    background-size: 400px 1000px;
    background-color: transparent;
    -webkit-transition: background-color 0.3s ease, border 0.3s ease;
    -moz-transition: background-color 0.3s ease, border 0.3s ease;
    transition: background-color 0.3s ease, border 0.3s ease;
}

input.course-finder__submit:hover, input.course-finder__submit:focus {
    background-position: -140px -440px;
    background-color: #a6192e;
}

@media screen and (min-width: 48em) {
    input.course-finder__submit {
        width: 70px;
        height: 2.7em;
        font-size: 1.25em;
        background-position: -180px -432px;
        border: 1px solid transparent;
        border-left: none;
    }

    input.course-finder__submit:hover, input.course-finder__submit:focus {
        border-color: #5d1945;
        background-position: -230px -432px;
    }
}

.course-finder__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 0.5em;
}

.course-finder__list .mobile-hidden {
    display: none;
}

@media screen and (min-width: 48em) {
    .course-finder__list {
        margin-top: 0;
    }

    .course-finder__list .mobile-only {
        display: none;
    }

    .course-finder__list .mobile-hidden {
        display: inline-block;
    }
}

@media screen and (min-width: 60em) {
    .course-finder__list {
        margin-top: 0.75em;
    }

    .single-column-content .course-finder__list,
      .two-column-content .course-finder__list {
        float: left;
    }

    .single-column-content .course-finder__list {
        width: 70%;
    }

    .two-column-content .course-finder__list {
        width: 60%;
    }
}

.course-finder__item {
    margin: 0;
    padding: 0;
    margin: 0 1.2em 0.25em 0;
}

.course-finder__item:before, .course-finder__item:after {
    content: none;
}

.course-finder__link {
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.95em;
    color: #a6192e;
}

@media screen and (min-width: 48em) {
    .course-finder__link {
        font-size: 1em;
    }
}

/*
--------------------
Tabs
--------------------
*/
.tab-area__container {
    position: relative;
}

.tab-area__container .mobile-title {
    margin-bottom: 0.65em;
    font-size: 1.2em;
}

@media screen and (min-width: 48em) {
    .tab-area__container {
        margin: 1em 0;
        overflow: hidden;
    }

    .multisearch-tabs .tab-area__container {
        margin: 0;
    }

    .tab-area__container .mobile-title {
        display: none;
    }
}

.tab-area__menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    table-layout: fixed;
    width: 100%;
}

@media screen and (min-width: 48em) {
    .tab-area__menu-list {
        display: table;
    }
}

.tab-area__tab-label {
    margin: 0;
    padding: 0;
    display: table-cell;
    border-left: 4px solid #fff;
    padding: 0.51em 0.3em 0.5em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.15em;
    text-align: center;
    color: #000;
    cursor: pointer;
    background-color: #e0e2e3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: background-color 0.3s 0s ease, color 0.1s 0s ease;
    -moz-transition: background-color 0.3s 0s ease, color 0.1s 0s ease;
    transition: background-color 0.3s 0s ease, color 0.1s 0s ease;
}

.tab-area__tab-label:before, .tab-area__tab-label:after {
    content: none;
}

.tab-area__tab-label:hover, .tab-area__tab-label:focus, .tab-area__tab-label[aria-expanded="true"] {
    color: #505a5e;
    background-color: #ebebeb;
    outline: none;
}

.tab-area__tab-label:first-child {
    border-left: none;
}

.multisearch-tabs .tab-area__tab-label {
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    font-size: 1.05em;
}

.tab-area__content {
    margin: 0 0 0.85em;
    padding: 1em 1em 0;
    font-size: 0.95em;
    overflow: hidden;
    background-color: #ebebeb;
}

.tab-area__content > h1:first-child,
  .tab-area__content > h2:first-child,
  .tab-area__content > h3:first-child,
  .tab-area__content > h4:first-child,
  .tab-area__content > h5:first-child,
  .tab-area__content > h6:first-child {
    margin-top: 0;
}

.tab-area__content.mobile-tabs {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0;
    padding: 1.2em 0.8em 0;
    height: 0;
    font-size: 1em;
    -webkit-transition: opacity 0.3s 0s ease;
    -moz-transition: opacity 0.3s 0s ease;
    transition: opacity 0.3s 0s ease;
}

.tab-area__content.mobile-tabs[aria-hidden="false"] {
    visibility: visible;
    position: static;
    top: auto;
    left: auto;
    opacity: 1;
    height: auto;
    padding: 1.6em 1.8em 0.5em;
    -webkit-transition: opacity 0.3s 0s ease;
    -moz-transition: opacity 0.3s 0s ease;
    transition: opacity 0.3s 0s ease;
}

.multisearch-tabs .tab-area__content.mobile-tabs[aria-hidden="false"] {
    padding: 2.1em 1.6em 1.15em;
}

@media screen and (max-width: 48em) {
    .tab-area__content > h1:first-child,
    .tab-area__content > h2:first-child,
    .tab-area__content > h3:first-child,
    .tab-area__content > h4:first-child,
    .tab-area__content > h5:first-child,
    .tab-area__content > h6:first-child {
        color: #505a5e;
    }
}

@media screen and (min-width: 48em) {
    .tab-area__content {
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        margin: 0;
        padding: 1.2em 0.8em 0;
        height: 0;
        font-size: 1em;
        -webkit-transition: opacity 0.3s 0s ease;
        -moz-transition: opacity 0.3s 0s ease;
        transition: opacity 0.3s 0s ease;
    }

    .tab-area__content[aria-hidden="false"] {
        visibility: visible;
        position: static;
        top: auto;
        left: auto;
        opacity: 1;
        height: auto;
        padding: 1.6em 1.8em 0.5em;
        -webkit-transition: opacity 0.3s 0s ease;
        -moz-transition: opacity 0.3s 0s ease;
        transition: opacity 0.3s 0s ease;
    }

    .multisearch-tabs .tab-area__content[aria-hidden="false"] {
        padding: 2.1em 1.6em 1.15em;
    }
}

.tab-area__content-title {
    margin: 0 0 0.6em;
}

@media screen and (min-width: 48em) {
    .tab-area__content-title {
        display: none;
    }
}

/*
--------------------
Tables
--------------------
*/
.main table {
    display: table;
    background: #fff;
    overflow: hidden;
    font-size: 0.9em;
    width: 100%;
}

.main table th {
    padding: 0.2em 0.6em 0.6em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    color: #000;
    text-align: left;
}

.main table thead th {
    background: #fff;
}

.main table tbody th {
    padding: 0.55em 0.7em;
    vertical-align: top;
}

.main table tr:nth-child(odd) {
    background-color: #e0e2e3;
}

.main table td {
    padding: 0.55em 0.7em;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    color: #000;
    text-align: left;
    vertical-align: top;
}

.main table td:first-child {
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
}

.main table td p {
    margin: 0 0 1em;
    color: #000;
}

.main table td ul, .main table td ol {
    margin-top: 0;
    margin-bottom: 0.5em;
}

.main table td li {
    color: #000;
}

.main table td > *:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 48em) {
    .main table {
        font-size: 1em;
    }
}

.main .accordion__content table tr:nth-child(odd),
.main .tab-area__content table tr:nth-child(odd) {
    background-color: #d0d0d0;
}

table.responsive-table {
    margin: 0 0 1.5em;
}

table.responsive-table th {
    position: absolute;
    top: 0;
    left: -999em;
}

table.responsive-table tbody tr {
    display: block;
    width: 100%;
    padding: 0.85em 1em;
    float: left;
    overflow: hidden;
}

table.responsive-table tbody tr:nth-child(odd) {
    background-color: #e0e2e3;
}

.expandable__container table.responsive-table tbody tr:nth-child(odd) {
    background-color: #d0d0d0;
}

table.responsive-table td {
    display: block;
    float: left;
    margin: 0.45em 0 0;
    padding: 0;
    width: 100%;
}

table.responsive-table td:before {
    content: attr(data-th);
    display: block;
    width: 100%;
    margin-right: 1em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    color: #000;
    text-align: left;
}

table.responsive-table td:first-of-type {
    margin-top: 0;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
}

@media screen and (min-width: 48em) {
    table.responsive-table th {
        position: static;
        top: auto;
        left: auto;
    }

    table.responsive-table tbody tr {
        display: table-row;
        float: none;
        padding: 0;
    }

    table.responsive-table td {
        display: table-cell;
        float: none;
        margin: 0;
        padding: 0.55em 0.7em;
        width: auto;
    }

    table.responsive-table td:first-child {
        font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    }

    table.responsive-table td:before {
        display: none;
    }
}

.table-container {
    position: relative;
    margin: 0 0 1.5em;
    overflow: hidden;
}

.table-container:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    border-radius: 10px 0 0 10px / 50% 0 0 50%;
    box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
    width: 50px;
    height: 100%;
}

.table-container table {
    min-width: 48em;
}

@media screen and (min-width: 48em) {
    .table-container:after {
        content: '';
    }

    .two-column-content .table-container:after,
    .single-column-content .table-container:after {
        content: none;
    }

    .table-container .table-styled {
        min-width: 48em;
    }

    .two-column-content .table-container .table-styled,
      .single-column-content .table-container .table-styled {
        min-width: 0;
    }
}

@media screen and (min-width: 86.5em) {
    .table-container:after {
        content: none;
    }

    .table-container .table-styled {
        min-width: 0;
    }
}

.table-container__scroll {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 1em 0 1.95em;
}

.table-container__scroll::-webkit-scrollbar {
    height: 5px;
}

.table-container__scroll::-webkit-scrollbar-track {
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ebebeb;
    background: #ebebeb;
}

.table-container__scroll::-webkit-scrollbar-thumb {
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    background: #63666a;
}

@media screen and (min-width: 48em) {
    .table-container__scroll {
        padding: 1em 0 1.95em;
        overflow-x: scroll;
    }

    .two-column-content .table-container__scroll,
      .single-column-content .table-container__scroll {
        padding: 0;
        overflow: auto;
    }
}

@media screen and (min-width: 86.5em) {
    .table-container__scroll {
        padding: 0;
        overflow: auto;
    }
}

/*
--------------------
Accordions
--------------------
*/
.accordion__container {
    margin: 1.2em 0 2em;
}

.u-accordion-helper {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.u-accordion-helper.u-css-transition {
    visibility: hidden;
    max-height: 0;
    height: auto;
    overflow: hidden;
  /* Uncomment the below properties for a potential performance increase. */
  /* But be aware of what these properties do. */
  /*transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    will-change: max-height;*/
}

.accordion {
    margin: 0 0 6px;
}

.accordion__label {
    display: block;
    position: relative;
    outline: none;
    margin: 0;
    padding: 0.7em 2.1em 0.75em 0.7em;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 0.95em;
    line-height: 1.1em;
    color: #a6192e;
    background-color: #e0e2e3;
    cursor: pointer;
    -webkit-transition: background-color 0.3s 0s ease, color 0.1s 0s ease;
    -moz-transition: background-color 0.3s 0s ease, color 0.1s 0s ease;
    transition: background-color 0.3s 0s ease, color 0.1s 0s ease;
}

.accordion__label:after {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -250px -150px;
    background-size: 400px 1000px;
}

.accordion__label:after {
    position: absolute;
    right: 0.7em;
    top: 50%;
    margin: -6px 0 0;
    width: 13px;
    height: 13px;
}

.accordion__label:hover, .accordion__label:focus, .accordion__label.is-active {
    color: #fff;
    background-color: #505a5e;
}

.accordion__label:hover:after, .accordion__label:focus:after {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -350px -150px;
    background-size: 400px 1000px;
}

.accordion__label.is-active:after {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -300px -150px;
    background-size: 400px 1000px;
}

.accordion__label.is-active:after {
    right: 0.7em;
    top: 50%;
    margin: -1px 0 0;
    width: 13px;
    height: 3px;
}

@media screen and (min-width: 48em) {
    .accordion__label {
        padding: 0.45em 2.5em 0.6em 0.7em;
        font-size: 1.15em;
    }

    .accordion__label:after {
        right: 1.35em;
        margin: -6px 0 0;
    }

    .accordion__label.is-active:after {
        right: 1.35em;
    }
}

.accordion__label.mobile-nav__link:hover, .accordion__label.mobile-nav__link:focus, .accordion__label.mobile-nav__link.is-active {
    color: #212121;
}

.accordion__content {
    padding: 1.35em 0.8em 0.3em;
    background-color: #ebebeb;
}

form .accordion__content ul,
  form .accordion__content ol {
    list-style-position: inside;
    margin-bottom: 20px;
}

form .accordion__content ul {
    list-style-type: disc;
}

form .accordion__content ol {
    list-style-type: decimal;
}

/*
--------------------
Pagination
--------------------
*/
.pagination {
    position: relative;
    margin-bottom: 1.5em;
    height: 4.6em;
    max-width: 18em;
    overflow: hidden;
}

@media screen and (min-width: 48em) {
    .pagination {
        height: auto;
        max-width: none;
    }
}

.pagination__list {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    overflow: hidden;
}

.pagination__list:first-child {
    margin-left: 0;
}

.pagination__list:last-child {
    margin-right: 0;
}

@media screen and (min-width: 48em) {
    .pagination__list {
        float: left;
        margin: 0 1em 0 0.7em;
        width: auto;
    }
}

.pagination__item {
    margin: 0;
    padding: 0;
    float: left;
    padding: 0 9px;
    width: 20%;
    font-size: 1em;
}

.pagination__item:before, .pagination__item:after {
    content: none;
}

.pagination__list:first-child .pagination__item:first-child {
    margin-left: 0;
}

@media screen and (min-width: 48em) {
    .pagination__item {
        margin: 0 0 0 0.25em;
        width: auto;
    }
}

.pagination__link {
    display: block;
    padding: 0.25em 0 0;
    width: 1.3em;
    height: 1.7em;
    color: #5f615e;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 1.15em;
    line-height: 1.1em;
    text-decoration: none;
    text-align: center;
    position: relative;
    background-color: #fff;
    -webkit-transition: color 0.1s ease, background-color 0.2s ease;
    -moz-transition: color 0.1s ease, background-color 0.2s ease;
    transition: color 0.1s ease, background-color 0.2s ease;
}

@media screen and (min-width: 48em) {
    .pagination__link {
        padding: 0.2em 0.35em 0;
        width: auto;
        height: 1.684em;
        font-size: 1em;
        text-align: left;
    }
}

.pagination__link:before, .pagination__link:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

.pagination__link:before {
    left: -9px;
    border-top: 1.75em inset transparent;
    border-bottom: 0 inset transparent;
    border-right: 9px solid #fff;
}

.pagination__link:after {
    right: -9px;
    border-top: 0 inset transparent;
    border-bottom: 1.75em inset transparent;
    border-left: 9px solid #fff;
}

.pagination__link:hover, .pagination__link:focus, .pagination__link.current {
    color: #fff;
    background-color: #5f615e;
}

.pagination__link:hover:before, .pagination__link:focus:before, .pagination__link.current:before {
    border-right-color: #5f615e;
}

.pagination__link:hover:after, .pagination__link:focus:after, .pagination__link.current:after {
    border-left-color: #5f615e;
}

@media screen and (min-width: 48em) {
    .pagination__link:before {
        left: -9px;
        border-top: 1.684em inset transparent;
    }

    .pagination__link:after {
        border-bottom: 1.684em inset transparent;
    }
}

.pagination > a:first-child,
.pagination ul + a {
    display: block;
    padding: 0.25em 0 0;
    width: 1.3em;
    height: 1.7em;
    color: #5f615e;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 1.15em;
    line-height: 1.1em;
    text-decoration: none;
    text-align: center;
    position: absolute;
    left: 0;
    top: 2.7em;
    padding: 0.2em 0 0 0.7em;
    width: auto;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    text-align: left;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

@media screen and (min-width: 48em) {
    .pagination > a:first-child,
    .pagination ul + a {
        padding: 0.2em 0.35em 0;
        width: auto;
        height: 1.684em;
        font-size: 1em;
        text-align: left;
    }
}

.pagination > a:first-child:before,
  .pagination ul + a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -4px 0 0;
    width: 0;
    height: 0;
    border-top: 5px inset transparent;
    border-bottom: 5px inset transparent;
    border-right: 7px solid #5f615e;
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

.pagination > a:first-child:hover, .pagination > a:first-child:focus,
  .pagination ul + a:hover,
  .pagination ul + a:focus {
    color: #505a5e;
}

@media screen and (min-width: 48em) {
    .pagination > a:first-child,
    .pagination ul + a {
        position: relative;
        float: left;
        left: auto;
        top: auto;
        padding: 0.2em 0 0 0.7em;
    }
}

.pagination ul + a {
    left: auto;
    right: 1.5em;
    text-align: right;
    padding-left: 0;
    padding-right: 0.7em;
}

.pagination ul + a:before {
    left: auto;
    right: 0;
    border-top: 5px inset transparent;
    border-bottom: 5px inset transparent;
    border-left: 7px solid #5f615e;
    border-right: none;
}

@media screen and (min-width: 48em) {
    .pagination ul + a {
        right: auto;
        padding-left: 0;
        padding-right: 0.7em;
    }
}

/*
--------------------
Gallery widget
--------------------
*/
.gallery__container {
    margin: 1em 0 1.2em;
    text-align: center;
}

.gallery__slideshow {
    text-align: left;
}

.gallery__slideshow .slick-prev,
  .gallery__slideshow .slick-next {
    display: block;
    padding: 0;
    min-width: 0;
    position: absolute;
    top: 50%;
    margin: -24px 0 0;
    width: 44px;
    height: 48px;
    text-indent: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.gallery__slideshow .slick-prev:hover, .gallery__slideshow .slick-prev:focus,
    .gallery__slideshow .slick-next:hover,
    .gallery__slideshow .slick-next:focus {
    background-color: #a6192e;
}

.gallery__slideshow .slick-prev {
    left: 0;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -334px -235px;
    background-size: 400px 1000px;
}

.gallery__slideshow .slick-next {
    right: 0;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: 16px -285px;
    background-size: 400px 1000px;
}

.gallery__slideshow .video-container {
    margin: 0;
}

@media screen and (min-width: 48em) {
    .gallery__slide {
        position: relative;
    }
}

.gallery__image {
    display: block;
    width: 100%;
    min-width: 0;
    height: auto;
}

@media screen and (min-width: 60em) {
    .two-column-content .gallery__image,
    .single-column-content .gallery__image {
        display: none;
    }
}

.gallery__slide .gallery__image--large {
    display: none;
}

@media screen and (min-width: 60em) {
    .two-column-content .gallery__slide .gallery__image--large,
    .single-column-content .gallery__slide .gallery__image--large {
        display: block;
    }
}

@media screen and (min-width: 48em) {
    .gallery__caption-container {
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 0;
        width: 100%;
        height: 70%;
    }

    .video-container + .gallery__caption-container {
        top: auto;
        bottom: 0;
        height: auto;
        padding: 1em 0;
        background: rgba(0, 0, 0, 0.8);
    }
}

.gallery__caption-text {
    display: block;
    opacity: 0;
    margin: 0.7em 0 0;
    width: 100%;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 0.9em;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.slick-active .gallery__caption-text {
    opacity: 1;
}

@media screen and (min-width: 48em) {
    .gallery__caption-text {
        position: absolute;
        left: 0;
        bottom: 0;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
        font: normal normal 400 1em/1.25em "national-medium", sans-serif;
        font-size: 0.9em;
        line-height: 1.15em;
        padding: 1.25em 1.1em;
        margin: 0;
    }

    .video-container + .gallery__caption-container .gallery__caption-text {
        position: relative;
        left: auto;
        bottom: auto;
    }
}

.gallery__navigation {
    display: inline-block;
    margin: 1em 0 0;
}

.no-js .gallery__navigation {
    display: none;
}

@media screen and (min-width: 48em) {
    .gallery__navigation {
        display: block;
        margin-top: 2px;
    }
}

@media screen and (min-width: 60em) {
    .gallery__navigation {
        margin-top: 1px;
    }
}

.gallery__navigation-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.gallery__navigation-item {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    margin: 0 0 0 10px;
}

.gallery__navigation-item:before, .gallery__navigation-item:after {
    content: none;
}

.gallery__navigation-item:first-child {
    margin-left: 0;
}

@media screen and (min-width: 48em) {
    .gallery__navigation-item {
        float: none;
        margin-left: 1px;
    }
}

.gallery__navigation .gallery__navigation-button {
    display: block;
    padding: 6px;
    min-width: 0;
    color: #000;
    background-color: transparent;
}

.gallery__navigation .gallery__navigation-button:hover, .gallery__navigation .gallery__navigation-button:focus {
    background-color: transparent;
}

@media screen and (min-width: 48em) {
    .gallery__navigation .gallery__navigation-button {
        border-bottom: 5px solid transparent;
        padding: 0;
        -webkit-transition: border 0.2s ease;
        -moz-transition: border 0.2s ease;
        transition: border 0.2s ease;
    }

    .gallery__navigation .gallery__navigation-button:before {
        content: '';
        display: block;
        position: absolute;
        opacity: 0.3;
        left: 0;
        top: -5px;
        width: 100%;
        height: 100%;
        background-color: #000;
        -webkit-transition: opacity 0.2s ease;
        -moz-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease;
    }

    .gallery__navigation .gallery__navigation-button:hover:before, .gallery__navigation .gallery__navigation-button:focus:before {
        opacity: 0.6;
    }
}

@media screen and (min-width: 48em) {
    .gallery__navigation-item.slick-active.slick-center .gallery__navigation-button {
        border-bottom: 5px solid #d6001c;
    }

    .gallery__navigation-item.slick-active.slick-center .gallery__navigation-button:before {
        opacity: 0.3;
    }
}

.gallery__navigation-bullet {
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #000;
    width: 10px;
    height: 10px;
    background-color: transparent;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.gallery__navigation-button:hover .gallery__navigation-bullet,
  .gallery__navigation-button:focus .gallery__navigation-bullet,
  .gallery__navigation-button.is-active .gallery__navigation-bullet {
    background-color: #000;
}

@media screen and (min-width: 48em) {
    .gallery__navigation-bullet {
        display: none;
    }
}

.gallery__navigation-thumb {
    display: none;
}

@media screen and (min-width: 48em) {
    .gallery__navigation-thumb {
        display: block;
        width: 100%;
        min-width: 0;
    }
}

/*
--------------------
Expandable Information widget
--------------------
*/
.expandable__container {
    margin: 0 0 0.9em;
}

@media screen and (min-width: 48em) {
    .expandable__container {
        margin-bottom: 1.35em;
    }
}

@media screen and (min-width: 60em) {
    .expandable__container {
        margin-bottom: 1.05em;
    }
}

.expandable__top-container {
    padding: 0.75em;
    background-color: #e0e2e3;
    overflow: hidden;
}

@media screen and (min-width: 48em) {
    .expandable__top-container {
        padding: 1.3em 1.6em 1.55em;
    }
}

@media screen and (min-width: 60em) {
    .expandable__top-container {
        padding-top: 1.4em;
        padding-bottom: 1.6em;
    }
}

.expandable__thumbnail {
    display: none;
}

@media screen and (min-width: 60em) {
    .expandable__thumbnail {
        margin-top: 0.15em;
        line-height: 0;
        width: 42%;
        height: auto;
        float: left;
    }

    .two-column-content .expandable__thumbnail,
      .single-column-content .expandable__thumbnail {
        display: block;
    }

    .single-column-content .expandable__thumbnail {
        width: 21.7%;
    }

    .two-column-content .expandable__thumbnail {
        width: 30%;
    }
}

@media screen and (min-width: 86.5em) {
    .expandable__thumbnail {
        display: block;
    }
}

@media screen and (min-width: 60em) {
    .two-column-content .expandable__thumbnail + .expandable__details-container,
  .single-column-content .expandable__thumbnail + .expandable__details-container {
        float: left;
        padding-left: 1.55em;
        width: 58%;
    }

    .single-column-content .expandable__thumbnail + .expandable__details-container {
        width: 78.3%;
    }

    .two-column-content .expandable__thumbnail + .expandable__details-container {
        width: 70%;
    }
}

@media screen and (min-width: 86.5em) {
    .expandable__thumbnail + .expandable__details-container {
        float: left;
        padding-left: 1.55em;
        width: 58%;
    }
}

.main-content .expandable__button {
    display: block;
    position: relative;
    border-bottom: 1px solid #000;
    padding: 0 1.3em 11px 0;
    min-width: 0;
    width: 100%;
    text-align: left;
    letter-spacing: 0;
    color: #a6192e;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.05em;
    background: transparent;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.main-content .expandable__button:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin: -12px 0 0;
    width: 14px;
    height: 14px;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -300px -400px;
    background-size: 400px 1000px;
}

.main-content .expandable__button:hover, .main-content .expandable__button:focus {
    color: #505a5e;
    background: transparent;
}

.main-content .expandable__button.is-active:after {
    background-position: -350px -400px;
}

@media screen and (min-width: 48em) {
    .main-content .expandable__button {
        border-color: #000;
        padding-bottom: 19px;
        font-size: 1.18em;
    }

    .main-content .expandable__button:after {
        margin-top: -16px;
    }
}

@media screen and (min-width: 60em) {
    .main-content .expandable__button {
        padding-bottom: 17px;
    }
}

.expandable__title {
    display: block;
    margin: 0;
    font-size: 1em;
}

.expandable__hint {
    left: 0;
    top: 100%;
    outline: none;
    width: 100%;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.8em;
    color: #fff;
    background-color: #000;
}

.expandable__hint:focus {
    display: inline-block;
    padding: 0.3em;
}

.expandable__summary {
    margin: 0.7em 0em 0em;
    color: #000;
}

@media screen and (min-width: 48em) {
    .expandable__summary {
        margin-top: 1.45em;
    }
}

@media screen and (min-width: 60em) {
    .expandable__summary {
        margin-top: 1.05em;
    }
}

.expandable__content {
    padding: 0 0.8em 0.8em;
    font-size: 0.95em;
    background-color: #e0e2e3;
}

.expandable__content ol,
  .expandable__content ul,
  .expandable__content p {
    color: #000;
}

@media screen and (min-width: 48em) {
    .expandable__content {
        padding: 0 1.6em 1.55em;
        font-size: 1em;
    }
}

.expandable__content > *:last-child {
    margin-bottom: 0;
}

/*
--------------------
Promotional Slideshow
--------------------
*/
.promo-slideshow__container {
    margin: 0 0 2.3em;
}

.promo-slideshow__container .promo-slideshow {
    display: none;
}

.promo-slideshow {
    text-align: center;
}

.promo-slideshow.slick-initialized {
    display: block;
}

@media screen and (min-width: 60em) {
    .promo-slideshow {
        text-align: left;
    }
}

.promo-slideshow__slide {
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.promo-slideshow__slide:hover, .promo-slideshow__slide:focus {
    text-decoration: none;
}

@media screen and (min-width: 48em) {
    .promo-slideshow__slide {
        position: relative;
    }
}

@media screen and (min-width: 60em) {
    .two-column-content .promo-slideshow__slide,
    .single-column-content .promo-slideshow__slide {
        display: table;
    }
}

@media screen and (min-width: 60em) {
    .promo-slideshow__image-container {
        display: table-cell;
        width: 63%;
    }
}

.promo-slideshow__image-container .promo-slideshow__image {
    display: block;
    width: 100%;
    min-width: 0;
    height: auto;
}

.promo-slideshow__image-container .promo-slideshow__image--large {
    display: block;
}

.promo-slideshow__image-container .promo-slideshow__image + .promo-slideshow__image--large {
    display: none;
}

@media screen and (min-width: 60em) {
    .promo-slideshow__image-container .promo-slideshow__image {
        display: none;
    }

    .promo-slideshow__image-container .promo-slideshow__image--large {
        display: block;
    }

    .promo-slideshow__image-container .promo-slideshow__image + .promo-slideshow__image--large {
        display: block;
    }
}

@media screen and (min-width: 48em) {
    .promo-slideshow__caption-container {
        position: relative;
        padding: 0.55em 0.8em 0.6em;
        background-color: #a6192e;
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
    }

    .promo-slideshow__caption-container:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 100%;
        right: 0;
        width: 185px;
        height: 267px;
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -1px -2651px;
        background-size: 600px 4550px;
    }

    a:hover .promo-slideshow__caption-container,
    a:focus .promo-slideshow__caption-container {
        background-color: #a6192e;
    }
}

@media screen and (min-width: 60em) {
    .two-column-content .promo-slideshow__caption-container,
  .single-column-content .promo-slideshow__caption-container {
        display: table-cell;
        padding: 0 0.5em 0.9em 1.4em;
        width: 37%;
        vertical-align: bottom;
    }

    .two-column-content .promo-slideshow__caption-container:before,
    .single-column-content .promo-slideshow__caption-container:before {
        right: auto;
        left: -156px;
        bottom: -61px;
        width: 156px;
        height: 433px;
    }

    .single-column-content .promo-slideshow__caption-container {
        padding: 0 0.7em 1.4em 2.05em;
    }
}

@media screen and (min-width: 86.5em) {
    .two-column-content .promo-slideshow__caption-container:before,
  .single-column-content .promo-slideshow__caption-container:before {
        left: -246px;
        width: 247px;
    }

    .two-column-content .promo-slideshow__caption-container {
        padding: 0 0.7em 1.4em 2.05em;
    }
}

.promo-slideshow__caption-text {
    display: block;
    opacity: 0;
    margin: 0.7em 0 0;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 0.9em;
    color: #505a5e;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.slick-active .promo-slideshow__caption-text {
    opacity: 1;
}

@media screen and (min-width: 48em) {
    .promo-slideshow__caption-text {
        margin: 0;
        font: normal normal 400 1em/1.25em "national-medium", sans-serif;
        font-size: 1.2em;
        line-height: 1.15em;
        color: #fff;
    }
}

@media screen and (min-width: 60em) {
    .two-column-content .promo-slideshow__caption-text,
    .single-column-content .promo-slideshow__caption-text {
        font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
        font-size: 2em;
        line-height: 0.95em;
    }

    .single-column-content .promo-slideshow__caption-text {
        font-size: 2.2em;
    }
}

@media screen and (min-width: 86.5em) {
    .two-column-content .promo-slideshow__caption-text {
        font-size: 2.2em;
    }
}

.promo-slideshow__container .slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    position: static;
    margin: 1.25em 0 0;
    overflow: hidden;
}

.promo-slideshow__container .slick-dots li {
    margin: 0;
    padding: 0;
    float: left;
    margin: 0 0 0 10px;
}

.promo-slideshow__container .slick-dots li:before, .promo-slideshow__container .slick-dots li:after {
    content: none;
}

.promo-slideshow__container .slick-dots li:first-child {
    margin-left: 0;
}

.promo-slideshow__container .slick-dots li.slick-active button {
    color: #fff;
    background-color: #a6192e;
    border-color: #a6192e;
}

.promo-slideshow__container .slick-dots button {
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #a6192e;
    padding: 0;
    letter-spacing: normal;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    min-width: 0;
    width: 10px;
    height: 10px;
    color: #000;
    background: transparent none;
    -webkit-transition: background-color 0.2s ease, border-color 0.2s ease;
    -moz-transition: background-color 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.promo-slideshow__container .slick-dots button:hover {
    background-color: #a6192e;
}

.promo-slideshow__container .slick-dots button:focus {
    border-color: #d6001c;
    background-color: #d6001c;
}

@media screen and (min-width: 48em) {
    .promo-slideshow__container .slick-dots {
        margin-top: 1em;
    }

    .promo-slideshow__container .slick-dots li {
        margin-left: 14px;
    }

    .promo-slideshow__container .slick-dots button {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 14px;
        height: 14px;
    }
}

@media screen and (min-width: 60em) {
    .promo-slideshow__container .slick-dots {
        margin-top: 0.85em;
    }

    .promo-slideshow__container .slick-dots li {
        margin-left: 0.45em;
    }

    .promo-slideshow__container .slick-dots button {
        width: 12px;
        height: 12px;
    }
}

.main-content .promo-slideshow__play-toggle {
    display: none;
    margin: 0.9em 0 0 14px;
    padding: 0;
    min-width: 0;
    letter-spacing: normal;
    background-color: transparent;
    text-align: left;
    color: #000;
    vertical-align: top;
}

.main-content .promo-slideshow__play-toggle:hover, .main-content .promo-slideshow__play-toggle:focus {
    background-color: transparent;
}

@media screen and (min-width: 48em) {
    .main-content .promo-slideshow__play-toggle {
        display: inline-block;
    }
}

@media screen and (min-width: 60em) {
    .main-content .promo-slideshow__play-toggle {
        margin: 0.8em 0 0 0.55em;
    }
}

.promo-slideshow__pause {
    visibility: visible;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: opacity 0.2s 0s ease, visibility 0s 0.2s ease;
    -moz-transition: opacity 0.2s 0s ease, visibility 0s 0.2s ease;
    transition: opacity 0.2s 0s ease, visibility 0s 0.2s ease;
}

.promo-slideshow__play-toggle.is-paused .promo-slideshow__pause {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s 0s ease, visibility 0s 0s ease;
    -moz-transition: opacity 0.2s 0s ease, visibility 0s 0s ease;
    transition: opacity 0.2s 0s ease, visibility 0s 0s ease;
}

.promo-slideshow__pause .vertical-bar {
    display: block;
    float: left;
    margin: 0 0 0 4px;
    width: 6px;
    height: 17px;
    background-color: #a6192e;
}

.promo-slideshow__pause .vertical-bar:first-child {
    margin-left: 0;
}

.promo-slideshow__play-toggle:hover .promo-slideshow__pause .vertical-bar,
  .promo-slideshow__play-toggle:focus .promo-slideshow__pause .vertical-bar {
    background-color: #d6001c;
}

@media screen and (min-width: 60em) {
    .promo-slideshow__pause .vertical-bar {
        margin-left: 3px;
        width: 5px;
        height: 13px;
    }
}

.promo-slideshow__play {
    display: block;
    visibility: hidden;
    opacity: 0;
    border-top: 9px inset transparent;
    border-bottom: 9px inset transparent;
    border-left: 12px solid #a6192e;
    width: 0;
    height: 0;
    -webkit-transition: opacity 0.2s 0s ease, visibility 0s 0.2s ease;
    -moz-transition: opacity 0.2s 0s ease, visibility 0s 0.2s ease;
    transition: opacity 0.2s 0s ease, visibility 0s 0.2s ease;
}

.promo-slideshow__play-toggle.is-paused .promo-slideshow__play {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.2s 0s ease, visibility 0s 0s ease;
    -moz-transition: opacity 0.2s 0s ease, visibility 0s 0s ease;
    transition: opacity 0.2s 0s ease, visibility 0s 0s ease;
}

.promo-slideshow__play-toggle:hover .promo-slideshow__play,
  .promo-slideshow__play-toggle:focus .promo-slideshow__play {
    border-left-color: #d6001c;
}

@media screen and (min-width: 60em) {
    .promo-slideshow__play {
        border-top: 7px inset transparent;
        border-bottom: 7px inset transparent;
        border-left: 10px solid #a6192e;
    }
}

/*
--------------------
Header
--------------------
*/
.header {
    position: relative;
    z-index: 60;
    background: #e0e2e3;
    -webkit-transition: top 0.6s ease;
    -moz-transition: top 0.6s ease;
    transition: top 0.6s ease;
}

.header .inner-container {
    position: relative;
    padding: 25px 32px 0;
}

@media screen and (min-width: 48em) {
    .header .inner-container {
        padding: 26px 66px 14px;
    }
}

@media screen and (min-width: 60em) {
    .header {
        top: 0px;
        padding: 32px 0px 1.6em;
    }

    .header .inner-container {
        position: static;
        padding: 0px 32px;
    }

    #page-wrapper.is-sticky .header {
        position: fixed;
        left: 0px;
        top: -4em;
        padding-top: 15px;
        padding-bottom: 16px;
        margin-top: 4em;
        width: 100%;
        -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
        -webkit-transition: margin 0.6s ease;
        -moz-transition: margin 0.6s ease;
        transition: margin 0.6s ease;
    }
}

.header__logo,
.header__logo--mgsm-conferences,
.header__logo--mgsm-hotels {
    display: inline-block;
    vertical-align: top;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 400px 1000px;
    background-size: 220px 550px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

@media screen and (min-width: 48em) {
    .header__logo,
    .header__logo--mgsm-conferences,
    .header__logo--mgsm-hotels {
        float: left;
        background-size: 340px 850px;
    }
}

@media screen and (min-width: 60em) {
    .header__logo,
    .header__logo--mgsm-conferences,
    .header__logo--mgsm-hotels {
        position: relative;
        z-index: 30;
    }

    #page-wrapper.is-sticky .header__logo, #page-wrapper.is-sticky
      .header__logo--mgsm-conferences, #page-wrapper.is-sticky
      .header__logo--mgsm-hotels {
        background-size: 270px 675px;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }
}

.header__logo--mgsm-conferences,
.header__logo--mgsm-hotels {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-size: 220px 550px;
    margin: 0px 0px 1.8em 1.5em;
}

@media screen and (min-width: 48em) {
    .header__logo--mgsm-conferences,
    .header__logo--mgsm-hotels {
        background-size: 340px 850px;
        margin: 0 0 0 2.4em;
    }
}

@media screen and (min-width: 86.5em) {
    .header__logo--mgsm-conferences,
    .header__logo--mgsm-hotels {
        margin-left: 3.3em;
    }

    #page-wrapper.is-sticky .header__logo--mgsm-conferences, #page-wrapper.is-sticky
      .header__logo--mgsm-hotels {
        margin-left: 2.4em;
    }
}

.header__logo {
    margin: 0px 0px 1em;
    width: 106px;
    height: 34px;
}

@media screen and (min-width: 48em) {
    .header__logo {
        width: 168px;
        height: 54px;
    }
}

@media screen and (min-width: 60em) {
    .header__logo {
        margin-bottom: 0px;
    }

    #page-wrapper.is-sticky .header__logo {
        width: 128px;
        height: 40px;
    }
}

@media screen and (min-width: 86.5em) {
    .header__logo {
        width: 188px;
        height: 57px;
    }
}

.header__logo--mgsm-conferences {
    width: 51px;
    height: 30px;
    background-position: -55px -440px;
}

@media screen and (min-width: 48em) {
    .header__logo--mgsm-conferences {
        background-position: -85px -680px;
        width: 79px;
        height: 46px;
    }
}

@media screen and (min-width: 60em) {
    #page-wrapper.is-sticky .header__logo--mgsm-conferences {
        background-position: -67.5px -540px;
        width: 63px;
        height: 36px;
    }
}

.header__logo--mgsm-hotels {
    width: 51px;
    height: 30px;
    background-position: -137px -440px;
}

@media screen and (min-width: 48em) {
    .header__logo--mgsm-hotels {
        background-position: -212px -680px;
        width: 79px;
        height: 46px;
    }
}

@media screen and (min-width: 60em) {
    #page-wrapper.is-sticky .header__logo--mgsm-hotels {
        background-position: -168.75px -540px;
        width: 63px;
        height: 36px;
    }
}

.header__print-logo {
    display: none;
}

.header-search__toggle {
    display: block;
    position: absolute;
    right: 68px;
    top: 29px;
    border: none;
    outline: none;
    padding: 0;
    width: 30px;
    height: 30px;
    border: 0;
    background-color: transparent;
    overflow: visible;
    z-index: 20;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -295px 4px;
    background-size: 400px 1000px;
}

.header-search__toggle:hover, .header-search__toggle:focus {
    background-position: -345px 4px;
}

.header-search__toggle.is-active {
    bottom: 52px;
    width: 26px;
    background: none;
}

.header-search__toggle.is-active .horizontal-bar {
    opacity: 1;
}

.header-search__toggle.is-active .horizontal-bar:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0;
}

.header-search__toggle.is-active .horizontal-bar:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 0;
}

.header-search__toggle .horizontal-bar {
    display: block;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    height: 4px;
    background-color: #212121;
    -webkit-transition: -webkit-transform 0.2s 0s ease, opacity 0.3s 0s ease, background-color 0.2s 0s ease;
    -moz-transition: -webkit-transform 0.2s 0s ease, opacity 0.3s 0s ease, background-color 0.2s 0s ease;
    transition: -webkit-transform 0.2s 0s ease, opacity 0.3s 0s ease, background-color 0.2s 0s ease;
    -webkit-transition: transform 0.2s 0s ease, opacity 0.3s 0s ease, background-color 0.2s 0s ease;
    -moz-transition: transform 0.2s 0s ease, opacity 0.3s 0s ease, background-color 0.2s 0s ease;
    transition: transform 0.2s 0s ease, opacity 0.3s 0s ease, background-color 0.2s 0s ease;
}

.no-js .header-search__toggle {
    right: 32px;
}

@media screen and (min-width: 48em) {
    .header-search__toggle {
        position: relative;
        float: right;
        top: auto;
        right: auto;
        margin-top: 19px;
        background-position: 4px -445px;
    }

    .header-search__toggle:hover, .header-search__toggle:focus {
        background-position: -46px -445px;
    }

    .header-search__toggle.is-active {
        bottom: auto;
        width: 28px;
    }
}

@media screen and (min-width: 60em) {
    .header-search__toggle {
        margin: 0.3em 0 0;
    }

    #page-wrapper.is-sticky .header-search__toggle {
        margin-top: 0.2em;
    }
}

@media screen and (min-width: 86.5em) {
    .header-search__toggle {
        margin-right: 10.4%;
    }
}

.header__search-hint {
    right: 0;
    top: 100%;
    outline: none;
    width: 100%;
    min-width: 10em;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.85em;
    color: #fff;
    background-color: #000;
}

.header__search-hint:before {
    content: '';
    display: block;
    position: absolute;
    right: 5px;
    top: -10px;
    margin: 0;
    border-left: 10px inset transparent;
    border-right: 10px inset transparent;
    border-bottom: 10px solid #000;
}

.header__search-hint:focus {
    display: block;
    position: absolute;
    padding: 0.4em 0.55em;
    margin-top: 10px;
}

/*
--------------------
Header hamburger menu
--------------------
*/
.header__menu-container {
    position: absolute;
    right: 28px;
    top: 28px;
    z-index: 30;
}

.no-js .header__menu-container {
    position: static;
    margin-right: -32px;
    margin-left: -32px;
}

@media screen and (min-width: 48em) {
    .header__menu-container {
        position: relative;
        float: left;
        top: auto;
        right: auto;
        margin: 19px 0 0 5.9%;
    }

    .no-js .header__menu-container {
        margin-right: 0px;
        margin-left: 0px;
    }
}

@media screen and (min-width: 60em) {
    .header__menu-container {
        margin: 0.3em 0 0 0.5em;
    }

    #page-wrapper.is-sticky .header__menu-container {
        margin-top: 0.1em;
    }
}

@media screen and (min-width: 86.5em) {
    .header__menu-container {
        margin-left: 2.6em;
    }
}

.header-menu__toggle {
    display: block;
    position: relative;
    border: none;
    outline: none;
    margin: 1px 0 0 0;
    padding: 0 4px 0;
    width: 30px;
    height: 30px;
    background-color: transparent;
    overflow: visible;
    -webkit-transition: margin 0.1s ease, width 0.1s ease;
    -moz-transition: margin 0.1s ease, width 0.1s ease;
    transition: margin 0.1s ease, width 0.1s ease;
}

.header-menu__toggle:hover .horizontal-bar, .header-menu__toggle:focus .horizontal-bar {
    background-color: #a6192e;
}

.header-menu__toggle.is-active {
    margin: 0 2px 0 0;
    width: 26px;
}

.header-menu__toggle.is-active .horizontal-bar {
    position: absolute;
    top: 50%;
    height: 4px;
    background-color: #a6192e;
}

.header-menu__toggle.is-active .horizontal-bar:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0;
}

.header-menu__toggle.is-active .horizontal-bar:nth-child(2),
    .header-menu__toggle.is-active .horizontal-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 0;
    margin: 0;
}

.header-menu__toggle .horizontal-bar {
    display: block;
    margin-top: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    height: 3px;
    background-color: #000;
    -webkit-transition: -webkit-transform 0.2s 0s ease, background-color 0.2s 0s ease;
    -moz-transition: -webkit-transform 0.2s 0s ease, background-color 0.2s 0s ease;
    transition: -webkit-transform 0.2s 0s ease, background-color 0.2s 0s ease;
    -webkit-transition: transform 0.2s 0s ease, background-color 0.2s 0s ease;
    -moz-transition: transform 0.2s 0s ease, background-color 0.2s 0s ease;
    transition: transform 0.2s 0s ease, background-color 0.2s 0s ease;
}

.header-menu__toggle .horizontal-bar:first-child {
    margin-top: 0;
}

@media screen and (min-width: 48em) {
    .header-menu__toggle {
        margin-top: 2px;
        width: 36px;
    }

    .header-menu__toggle.is-active {
        margin: 2px 0 0 4px;
        width: 28px;
    }

    .header-menu__toggle .horizontal-bar {
        margin-top: 5px;
    }
}

@media screen and (min-width: 60em) {
    .header-menu__toggle {
        margin-top: 0.2em;
    }
}

.header__menu-hint {
    right: 0;
    top: 100%;
    outline: none;
    width: 100%;
    min-width: 10em;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.85em;
    color: #fff;
    background-color: #000;
}

.header__menu-hint:before {
    content: '';
    display: block;
    position: absolute;
    right: 5px;
    top: -10px;
    margin: 0;
    border-left: 10px inset transparent;
    border-right: 10px inset transparent;
    border-bottom: 10px solid #000;
}

.header__menu-hint:focus {
    display: block;
    position: absolute;
    margin-top: 10px;
    padding: 0.4em 0.55em;
}

@media screen and (min-width: 60em) {
    .header__menu-hint {
        right: auto;
        left: 50%;
    }

    .header__menu-hint:focus {
        margin-left: -5em;
    }

    .header__menu-hint:before {
        right: auto;
        left: 50%;
        margin-left: -10px;
    }
}

.header__menu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    right: -20px;
    margin: 12px 0 0;
    padding: 0.3em 0.8em;
    min-width: 6em;
    background-color: #5f615e;
    -webkit-transition: opacity 0.2s 0s ease, visibility 0s 0.2s ease;
    -moz-transition: opacity 0.2s 0s ease, visibility 0s 0.2s ease;
    transition: opacity 0.2s 0s ease, visibility 0s 0.2s ease;
}

.header__menu:before {
    content: '';
    display: inline-block;
    position: absolute;
    right: 22px;
    top: -11px;
    width: 0;
    height: 0;
    border-left: 13px inset transparent;
    border-right: 13px inset transparent;
    border-bottom: 11px solid #5f615e;
}

.no-js .header__menu:before {
    border-left: 0px none;
    border-right: 0px none;
    border-bottom: 0px none;
}

.no-js .header__menu {
    position: static;
    padding: 0px;
    margin: 0px;
    min-width: 0px;
}

.no-js .header-menu__toggle + .header__menu,
  .header-menu__toggle.is-active + .header__menu {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.3s 0s ease, visibility 0s 0s ease;
    -moz-transition: opacity 0.3s 0s ease, visibility 0s 0s ease;
    transition: opacity 0.3s 0s ease, visibility 0s 0s ease;
}

@media screen and (min-width: 48em) {
    .header__menu {
        margin-top: 28px;
        left: -63px;
        right: auto;
        padding: 0.8em 0.95em;
        min-width: 8.7em;
    }

    .header__menu:before {
        left: 67px;
        right: auto;
    }

    .no-js .header__menu {
        position: absolute;
        left: auto;
        right: 63px;
        background-color: #5f615e;
    }
}

@media screen and (min-width: 60em) {
    .header__menu {
        margin-top: 26px;
        padding: 0.9em 0.75em 0.7em;
    }

    #page-wrapper.is-sticky .header__menu {
        margin-top: 24px;
    }
}

.header__menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.no-js .header__menu-list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    background-color: #373a36;
    padding: 0px 32px;
    width: 100%;
}

@media screen and (min-width: 48em) {
    .no-js .header__menu-list {
        background-color: transparent;
        padding: 0px;
    }
}

.header__menu-item {
    margin: 0;
    padding: 0;
}

.header__menu-item:before, .header__menu-item:after {
    content: none;
}

.no-js .header__menu-item {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}

.no-js .header__menu-item:first-child {
    padding-left: 0px;
}

.no-js .header__menu-item:last-child {
    padding-right: 0px;
}

@media screen and (min-width: 48em) {
    .no-js .header__menu-item {
        float: none;
        padding-right: 0px;
        padding-left: 0px;
    }
}

.header__menu-link {
    display: inline-block;
    padding: 5px 0;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 0.85em;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}

.header__menu-link:hover, .header__menu-link:focus {
    text-decoration: underline;
}

@media screen and (min-width: 48em) {
    .header__menu-link {
        padding: 8px 0;
        font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
        font-size: 0.9em;
    }

    .no-js .header__menu-link {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding: 8px 16px;
        width: 100%;
    }
}

@media screen and (min-width: 60em) {
    .header__menu-link {
        padding: 5px;
    }
}

/*
--------------------
Page Banner
--------------------
*/
.page-banner__container {
    background-color: #63666a;
    overflow: hidden;
}

@media screen and (min-width: 48em) {
    .page-banner__container.page-banner__container--landing {
        overflow: visible;
    }
}

@media screen and (min-width: 86.5em) {
    .page-banner__container.page-banner__container--image {
        overflow: visible;
    }
}

.page-banner__content {
    display: table;
    position: relative;
    width: 100%;
    height: 6em;
    overflow: visible;
}

.page-banner__container--image .page-banner__content {
    display: block;
    padding: 0;
    max-height: 230px;
    height: auto;
}

.page-banner__container--large .page-banner__content {
    height: auto;
}

.page-banner__container--landing .page-banner__content {
    display: block;
    padding: 0;
    max-height: 230px;
    height: auto;
}

@media screen and (min-width: 48em) {
    .page-banner__content {
        height: 8.85em;
    }

    .page-banner__container--large .page-banner__content {
        padding-bottom: 3.7em;
        height: 21.15em;
    }

    .page-banner__container--landing .page-banner__content {
        height: 0;
        max-height: none;
    }
}

@media screen and (min-width: 60em) {
    .page-banner__content {
        height: 12em;
    }

    .page-banner__container--image .page-banner__content {
        max-height: 320px;
    }
}

@media screen and (min-width: 86.5em) {
    .page-banner__container--large .page-banner__content {
        padding-bottom: 5.35em;
        height: 563px;
    }

    .page-banner__container--image .page-banner__content {
        height: 320px;
    }
}

.page-banner__title-container {
    display: none;
}

.page-banner__container--image .page-banner__title-container,
  .page-banner__container--landing .page-banner__title-container {
    display: none;
}

@media screen and (min-width: 48em) {
    .page-banner__title-container {
        display: table-cell;
        position: relative;
        z-index: 20;
        padding: 0 0 1.95em;
        width: 80%;
        height: 100%;
        vertical-align: bottom;
    }

    .page-banner__container--large .page-banner__title-container {
        padding: 0;
        width: 94%;
    }
}

@media screen and (min-width: 60em) {
    .page-banner__title-container {
        padding-bottom: 2.8em;
    }
}

.page-banner__title {
    margin: 0;
}

@media screen and (min-width: 48em) {
    .page-banner__title {
        font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
        font-size: 2.35em;
        line-height: 0.96em;
        color: #ffffff;
    }

    .page-banner__container--large .page-banner__title {
        display: inline-block;
        border-bottom: 1px solid #ffffff;
        padding: 0 0 0.3em;
        width: auto;
        font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
        font-size: 2.2em;
        color: #ffffff;
        line-height: 0.92em;
        letter-spacing: -1px;
    }

    .page-banner__container--large .page-banner__title span {
        display: block;
        margin: 0.4em 0 0;
        font: normal normal 400 1em/1.25em "national-light", sans-serif;
        font-size: 0.52em;
        line-height: 1.02em;
        text-transform: uppercase;
    }
}

@media screen and (min-width: 60em) {
    .page-banner__title {
        font-size: 3.28em;
        line-height: 0.96em;
    }

    .page-banner__container--large .page-banner__title {
        padding: 0 0 0.21em;
        font-size: 3.2em;
    }

    .page-banner__container--large .page-banner__title span {
        margin: 0.14em 0 0;
    }
}

.page-banner__shards-container {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
    background-repeat: no-repeat;
    background-position: -195px -2201px;
    background-size: 600px 4550px;
    position: absolute;
    z-index: 10;
    right: -12px;
    bottom: -48px;
    width: 204px;
    height: 164px;
}

.page-banner__container--large .page-banner__shards-container {
    display: none;
}

.page-banner__container--landing .page-banner__shards-container {
    right: 0;
    bottom: 0;
    width: 151px;
    height: 58px;
    background-position: -448px -2651px;
}

@media screen and (min-width: 48em) {
    .page-banner__shards-container {
        right: -64px;
        bottom: -59px;
        width: 275px;
        height: 220px;
        background-position: -1px -2401px;
    }

    .page-banner__container--landing .page-banner__shards-container {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 132px;
        height: 132px;
        background-position: -467px -2317px;
    }
}

@media screen and (min-width: 60em) {
    .page-banner__shards-container {
        right: -108px;
        bottom: 0;
        width: 362px;
        height: 218px;
        background-position: -1px -1751px;
    }
}

@media screen and (min-width: 48em) {
    .page-banner__container--large .page-banner__image-container {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 50%;
        height: 21.15em;
        max-height: none;
    }
}

@media screen and (min-width: 86.5em) {
    .page-banner__container--large .page-banner__image-container {
        right: -73px;
        width: 929px;
        height: 563px;
    }

    .page-banner__container--landing .page-banner__image-container,
  .page-banner__container--image .page-banner__image-container {
        position: absolute;
        left: 50%;
        top: 0;
        margin: 0 0 0 -50vw;
        width: 100vw;
        height: 320px;
    }

    .page-banner__container--image .page-banner__image-container {
        margin: 0 0 0 -58vw;
        width: 116vw;
    }
}

.page-banner__image-small,
.page-banner__image-medium,
.page-banner__image-large {
    display: block;
    width: 100%;
    min-width: 100%;
    height: auto;
    line-height: 0;
}

@media screen and (min-width: 48em) {
    .page-banner__image-small {
        display: none;
    }
}

.page-banner__image-medium {
    display: none;
}

@media screen and (min-width: 48em) {
    .page-banner__image-medium {
        display: block;
    }
}

@media screen and (min-width: 86.5em) {
    .page-banner__image-medium {
        display: none;
    }
}

.page-banner__image-small ~ .page-banner__image-large {
    display: none;
}

@media screen and (min-width: 48em) {
    .page-banner__image-small ~ .page-banner__image-large {
        display: block;
    }

    .page-banner__image-medium + .page-banner__image-large {
        display: none;
    }

    .page-banner__container--large .page-banner__image-large {
        display: block;
        width: 35em;
        max-width: none;
    }
}

@media screen and (min-width: 86.5em) {
    .page-banner__image-small ~ .page-banner__image-large,
  .page-banner__image-medium + .page-banner__image-large {
        display: block;
    }

    .page-banner__container--large .page-banner__image-large {
        display: block;
        width: 100%;
        max-width: 100%;
    }
}

/*
--------------------
Banner Slideshow
--------------------
*/
.banner-slideshow__container {
    position: relative;
    padding: 0 0 1.15em;
    background-color: #63666a;
}

.banner-slideshow__container .banner-slideshow {
    display: none;
}

@media screen and (min-width: 48em) {
    .banner-slideshow__container {
        padding: 0;
    }

    .banner-slideshow__container .slick-list {
        z-index: 10;
    }
}

@media screen and (min-width: 86.5em) {
    .banner-slideshow__container {
        overflow: hidden;
    }

    .banner-slideshow__container .slick-list {
        overflow: visible !important;
    }
}

.banner-slideshow {
    position: relative;
    z-index: 10;
}

.banner-slideshow.slick-initialized {
    display: block;
}

.banner-slideshow__slide {
    text-decoration: none;
    background-color: #63666a;
    cursor: pointer;
}

.banner-slideshow__slide:hover, .banner-slideshow__slide:focus {
    text-decoration: none;
}

.banner-slideshow__image-container {
    position: relative;
    max-height: 180px;
    overflow: hidden;
}

.banner-slideshow__image-container:before, .banner-slideshow__image-container:after {
    content: '';
    display: block;
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    width: 195px;
    height: 218px;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
    background-repeat: no-repeat;
    background-position: -301px -2801px;
    background-size: 600px 4550px;
}

.banner-slideshow__image-container:after {
    left: auto;
    right: 0;
    width: 95px;
    height: 103px;
    background-position: -301px -2651px;
}

.banner-slideshow__image-container .banner-slideshow__image {
    display: block;
    padding: 0 0 0 30px;
    width: 100%;
    min-width: 0;
    height: auto;
}

.banner-slideshow__image-container .banner-slideshow__image--large {
    display: block;
}

.banner-slideshow__image-container .banner-slideshow__image + .banner-slideshow__image--large {
    display: none;
}

@media screen and (min-width: 48em) {
    .banner-slideshow__image-container {
        float: right;
        margin: 0 -95px 0 0;
        width: 69%;
        max-height: 330px;
    }

    .banner-slideshow__image-container:before {
        left: 0;
        top: -64px;
        width: 552px;
        height: 400px;
        background-position: -1px -3351px;
    }

    .banner-slideshow__image-container:after {
        content: none;
    }

    .banner-slideshow__image-container .banner-slideshow__image {
        padding-left: 0;
    }
}

@media screen and (min-width: 60em) {
    .banner-slideshow__image-container {
        margin-right: -114px;
        width: 63.15%;
        max-height: 560px;
    }

    .banner-slideshow__image-container:before {
        height: 673px;
    }

    .banner-slideshow__image-container .banner-slideshow__image {
        display: none;
        padding: 0 0 0 90px;
    }

    .banner-slideshow__image-container .banner-slideshow__image--large {
        display: block;
    }

    .banner-slideshow__image-container .banner-slideshow__image + .banner-slideshow__image--large {
        display: block;
    }
}

@media screen and (min-width: 86.5em) {
    .banner-slideshow__image-container:before {
        top: 0;
    }

    .banner-slideshow__image-container:after {
        content: '';
        right: 0;
        width: 191px;
        height: 276px;
        background-position: -408px -3051px;
    }

    .banner-slideshow__image-container .banner-slideshow__image {
        padding: 0 0 0 124px;
    }
}

.banner-slideshow__caption-container {
    padding: 1.25em 32px 0;
}

@media screen and (min-width: 48em) {
    .banner-slideshow__caption-container {
        position: absolute;
        left: 0;
        bottom: 17%;
        padding: 0 0 0 68px;
        max-width: 42%;
    }
}

@media screen and (min-width: 60em) {
    .banner-slideshow__caption-container {
        padding: 0 0 0 32px;
        max-width: 24em;
    }
}

@media screen and (min-width: 86.5em) {
    .banner-slideshow__caption-container {
        bottom: 5.85em;
    }
}

.banner-slideshow__caption-title {
    margin: 0 0 0.25em;
    border-bottom: 1px solid #ffffff;
    padding: 0 0 0.17em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 2em;
    line-height: 1em;
    color: #ffffff;
    cursor: default;
}

@media screen and (min-width: 60em) {
    .banner-slideshow__caption-title {
        margin-bottom: 0.45em;
        padding-bottom: 0.32em;
        font-size: 2.6em;
    }
}

@media screen and (min-width: 86.5em) {
    .banner-slideshow__caption-title {
        font-size: 3.1em;
    }
}

.banner-slideshow__caption-description {
    display: block;
    margin: 0;
    color: #ffffff;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    font-size: 0.9em;
    line-height: 1.2em;
}

.banner-slideshow__caption-description:after {
    content: " " " " " ";
    display: inline;
    margin-left: 0.15em;
    font-size: 1em;
    line-height: 0.6em;
    vertical-align: bottom;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: 0px -751px;
    background-size: 400px 1000px;
}

.banner-slideshow__slide:hover .banner-slideshow__caption-description,
  .banner-slideshow__slide:focus .banner-slideshow__caption-description {
    text-decoration: underline;
}

@media screen and (min-width: 48em) {
    .banner-slideshow__caption-description {
        font-size: 1.1em;
        line-height: 1.1em;
    }

    .banner-slideshow__caption-description:after {
        content: none;
    }
}

@media screen and (min-width: 60em) {
    .banner-slideshow__caption-description {
        font-size: 1.3em;
    }
}

.banner-slideshow__container .slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    position: static;
    margin: 0.95em 0 0;
    padding: 0 32px;
    overflow: hidden;
}

.banner-slideshow__container .slick-dots li {
    margin: 0;
    padding: 0;
    float: left;
    margin: 0 0 0 10px;
}

.banner-slideshow__container .slick-dots li:before, .banner-slideshow__container .slick-dots li:after {
    content: none;
}

.banner-slideshow__container .slick-dots li:first-child {
    margin-left: 0;
}

.banner-slideshow__container .slick-dots li.slick-active button {
    color: #fff;
    background-color: #ffffff;
    border-color: #ffffff;
}

.banner-slideshow__container .slick-dots button {
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #ffffff;
    padding: 0;
    letter-spacing: normal;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    min-width: 0;
    width: 10px;
    height: 10px;
    color: #000;
    background: transparent none;
    -webkit-transition: background-color 0.2s ease, border-color 0.2s ease;
    -moz-transition: background-color 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.banner-slideshow__container .slick-dots button:hover {
    background-color: #ffffff;
}

.banner-slideshow__container .slick-dots button:focus {
    border-color: #ffffff;
    background-color: #ffffff;
}

@media screen and (min-width: 48em) {
    .banner-slideshow__container .slick-dots {
        position: absolute;
        left: 68px;
        bottom: 0;
        margin: 0;
        padding: 0.8em 0 1.1em;
        width: 39%;
        z-index: 20;
    }

    .banner-slideshow__container .slick-dots li {
        margin-left: 14px;
    }

    .banner-slideshow__container .slick-dots button {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 14px;
        height: 14px;
    }
}

@media screen and (min-width: 60em) {
    .banner-slideshow__container .slick-dots {
        left: 32px;
        padding: 0.8em 0 4%;
        width: 42%;
    }

    .banner-slideshow__container .slick-dots li {
        margin-left: 0.45em;
    }

    .banner-slideshow__container .slick-dots button {
        width: 12px;
        height: 12px;
    }
}

@media screen and (min-width: 86.5em) {
    .banner-slideshow__container .slick-dots {
        padding-bottom: 3.35em;
        width: 39%;
    }
}

/*
--------------------
Pre-footer
--------------------
*/
.prefooter__container {
    background-color: #ebebeb;
}

.prefooter__content {
    padding-top: 1.85em;
}

@media screen and (min-width: 48em) {
    .prefooter__content {
        padding-top: 2.8em;
        padding-bottom: 0.7em;
    }
}

@media screen and (min-width: 60em) {
    .prefooter__content {
        padding-top: 3.8em;
        padding-bottom: 3.6em;
    }
}

/*
--------------------
Footer
--------------------
*/
.footer {
    background-color: #373a36;
    overflow: hidden;
}

.footer__container {
    position: relative;
    padding-top: 1.45em;
    padding-bottom: 0.4em;
    overflow: visible;
}

@media screen and (min-width: 48em) {
    .footer__container {
        padding-top: 1.3em;
        padding-bottom: 1.2em;
    }
}

@media screen and (min-width: 60em) {
    .footer__container {
        padding-right: 13.75em;
        padding-top: 1.3em;
        padding-bottom: 0.3em;
    }
}

.footer-shards {
    position: absolute;
    right: -0.9em;
    bottom: 0;
    width: 160px;
    height: 73px;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
    background-repeat: no-repeat;
    background-position: -1px -2201px;
    background-size: 600px 4550px;
}

@media screen and (min-width: 60em) {
    .footer-shards {
        right: -7.6em;
        width: 391px;
        height: 141px;
        background-position: -1px -2001px;
    }
}

.footer-language__container {
    margin: 0 0 1.5em;
}

@media screen and (min-width: 48em) {
    .footer-language__container {
        margin: 0;
    }
}

@media screen and (min-width: 60em) {
    .footer-language__container {
        display: inline-block;
        vertical-align: bottom;
        width: 40%;
    }
}

@media screen and (min-width: 86.5em) {
    .footer-language__container {
        width: 28%;
    }
}

.footer-language__menu {
    display: none;
    max-width: 16em;
}

.footer-language__menu.is-enabled {
    display: block;
}

@media screen and (min-width: 48em) {
    .footer-language__menu {
        max-width: 12em;
    }

    .footer-language__menu .select-styled__container select {
        width: 110%;
    }
}

.footer-language__form {
    margin: 0;
}

.footer-language__form p,
  .footer-language__form label {
    color: #ffffff;
}

.footer-language__link {
    display: inline-block;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    text-decoration: none;
    color: #fff;
}

.footer-language__menu.is-enabled + .footer-language__link {
    display: none;
}

.footer-language__link:hover, .footer-language__link:focus {
    text-decoration: underline;
}

@media screen and (min-width: 60em) {
    .footer-language__link {
        margin: 0 0 0.7em;
        font: normal normal 400 1em/1.25em "national-book", sans-serif;
    }
}

@media screen and (min-width: 60em) {
    .footer-links__container {
        margin: 2.25em 0 0;
    }
}

@media screen and (min-width: 60em) {
    .footer-logo__container {
        float: left;
    }
}

.footer-logo--tall {
    display: none;
}

@media screen and (min-width: 48em) {
    .footer-logo--tall {
        display: block;
    }
}

@media screen and (min-width: 48em) {
    .footer-logo--wide {
        display: none;
    }
}

.footer-social__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 1em 0 0;
    overflow: hidden;
}

@media screen and (min-width: 60em) {
    .footer-social__list {
        display: block;
        margin: 0;
        text-align: right;
    }
}

.footer-social__item {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin: 0 1.3em 0 0;
}

.footer-social__item:before, .footer-social__item:after {
    content: none;
}

@media screen and (min-width: 60em) {
    .footer-social__item {
        margin: 0;
    }
}

.footer-social__link {
    display: block;
    width: 40px;
    height: 32px;
}

@media screen and (min-width: 60em) {
    .footer-social__link {
        float: left;
        margin: 0 0 0 1.4em;
        width: 20px;
        height: 20px;
    }

    .footer-social__item:first-child .footer-social__link {
        margin-left: 0;
    }
}

.footer-social__link--facebook {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -96px -99px;
    background-size: 400px 1000px;
}

.footer-social__link--twitter {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -51px -99px;
    background-size: 400px 1000px;
}

.footer-social__link--youtube {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -299px -101px;
    background-size: 400px 1000px;
}

.footer-social__link--google-plus {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -148px -100px;
    background-size: 400px 1000px;
}

@media screen and (min-width: 48em) {
    .footer-social__link--google-plus {
        background-position: -151px -100px;
    }
}

.footer-social__link--linkedin {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -249px -99px;
    background-size: 400px 1000px;
}

.footer-social__link--instagram {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -199px -99px;
    background-size: 400px 1000px;
}

/* RSS icon made by Zurb (http://www.zurb.com) from Flaticon (http://www.flaticon.com)
 * is licensed under Creative Commons BY 3.0 (http://creativecommons.org/licenses/by/3.0/)
 */
.footer-social__link--rss {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -50px -795px;
    background-size: 400px 1000px;
}

.footer-links__list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

@media screen and (min-width: 60em) {
    .footer-links__list {
        margin: 0.9em 0 0;
        text-align: right;
    }
}

.footer-links__item {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin: 0 1.5em 0 0;
    min-width: 7.5em;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 0.6em;
    color: #fff;
}

.footer-links__item:before, .footer-links__item:after {
    content: none;
}

.footer-links__item:last-child {
    margin: 1.7em 0 0;
    width: 100%;
}

@media screen and (min-width: 48em) {
    .footer-links__item {
        font: normal normal 400 1em/1.25em "national-book", sans-serif;
        font-size: 0.65em;
    }

    .footer-links__item:last-child {
        display: block;
        margin: 1.85em 0 0;
    }
}

@media screen and (min-width: 60em) {
    .footer-links__item {
        display: inline-block;
        margin: 0 0 0 0.5em;
        min-width: 0;
        vertical-align: top;
    }

    .footer-links__item:after {
        content: '';
        display: inline-block;
        margin: 0 0 0 0.6em;
        width: 1px;
        height: 0.9em;
        vertical-align: middle;
        background-color: #fff;
    }

    .footer-links__item:last-child {
        display: inline-block;
        width: auto;
        margin: 0;
        padding: 0;
    }

    .footer-links__item:last-child:after {
        content: none;
    }

    .footer-links__item br {
        display: none;
    }
}

.footer-links__link {
    display: inline-block;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 1.1em;
    text-decoration: none;
    color: #fff;
}

.footer-links__link:hover, .footer-links__link:focus {
    text-decoration: underline;
}

@media screen and (min-width: 60em) {
    .footer-links__link {
        font: normal normal 400 1em/1.25em "national-book", sans-serif;
    }
}

/*
--------------------
Main navigation
--------------------
*/
.nav {
    display: block;
    margin: 13px 0 0;
}

@media screen and (min-width: 48em) {
    .nav {
        clear: both;
        float: left;
        position: static;
        margin: 0.75em 0 0 0;
        width: 71%;
    }
}

@media screen and (min-width: 60em) {
    .nav {
        clear: none;
        margin: 0.5em 2% 0px 5%;
        max-width: 28em;
        width: 48%;
    }

    #page-wrapper.is-sticky .nav {
        margin-top: 0.4em;
    }
}

@media screen and (min-width: 86.5em) {
    .nav {
        margin: 0.5em 0px 0px 5%;
    }
}

.nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
    height: 2.6em;
    max-width: 16em;
}

@media screen and (min-width: 30em) {
    .nav__list {
        max-width: 20em;
    }
}

@media screen and (min-width: 48em) {
    .nav__list {
        max-width: none;
    }
}

@media screen and (min-width: 60em) {
    .nav__list {
        height: auto;
    }
}

.nav__item {
    margin: 0;
    padding: 0;
    display: table-cell;
    position: static;
    text-align: center;
    height: 100%;
    vertical-align: middle;
}

.nav__item:before, .nav__item:after {
    content: none;
}

.nav__item .accordion__content {
    padding: 0;
    background-color: transparent;
}

@media screen and (min-width: 86.5em) {
    .nav__item {
        margin: 0 0 0 12%;
    }
}

.nav__link-hint {
    left: 0;
    top: 94%;
    outline: none;
    width: 100%;
    min-width: 10em;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    background-color: #000;
    text-transform: none;
}

.nav__link-hint:before {
    content: '';
    display: block;
    position: absolute;
    left: 5px;
    top: -10px;
    margin: 0;
    border-left: 10px inset transparent;
    border-right: 10px inset transparent;
    border-bottom: 10px solid #000;
}

.nav__link-hint:focus {
    display: block;
    position: absolute;
    padding: 0.4em 0.55em;
}

.nav__item:last-child .nav__link-hint {
    left: auto;
    right: 0;
}

.nav__item:last-child .nav__link-hint:before {
    left: auto;
    right: 5px;
}

@media screen and (min-width: 48em) {
    .nav__item:last-child .nav__link-hint {
        left: 0;
        right: auto;
    }

    .nav__item:last-child .nav__link-hint:before {
        left: 5px;
        right: auto;
    }
}

@media screen and (min-width: 60em) {
    .nav__link-hint {
        top: 100%;
        left: 50%;
    }

    .nav__link-hint:focus {
        margin: 0 0 0 -5em;
    }

    .nav__link-hint:before {
        left: 50%;
        right: auto;
        margin-left: -10px;
    }

    .nav__item:last-child .nav__link-hint {
        left: 50%;
        right: auto;
    }

    .nav__item:last-child .nav__link-hint:before {
        left: 50%;
        right: auto;
    }
}

.mobile-nav__link {
    display: inline-block;
    z-index: 10;
    position: relative;
    outline: none;
    margin: 0;
    border: none;
    padding: 9px 2px 9px 0;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    color: #212121;
    background: none;
    overflow: visible;
}

.mobile-nav__link:before {
    content: '';
    display: block;
    opacity: 0;
    position: absolute;
    left: 50%;
    bottom: -4px;
    margin: 0 0 0 -7px;
    border-left: 7px inset transparent;
    border-right: 7px inset transparent;
    border-bottom: 5px solid #76232f;
}

.mobile-nav__link:after {
    content: '';
    display: block;
    position: static;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    top: auto;
    right: auto;
    height: 3px;
    width: 100%;
    background: transparent;
}

.mobile-nav__link:hover, .mobile-nav__link:focus, .mobile-nav__link.is-active {
    color: #212121;
    background: none;
}

.mobile-nav__link:hover:after, .mobile-nav__link:focus:after, .mobile-nav__link.is-active:after {
    background: none;
    background-color: #a6192e;
}

.mobile-nav__link.is-active:before {
    opacity: 1;
}

.mobile-nav__link.is-active:after {
    margin: 0;
    top: auto;
    right: auto;
    height: 3px;
    width: 100%;
}

.no-js .mobile-nav__link {
    display: none;
}

@media screen and (min-width: 48em) {
    .mobile-nav__link {
        padding-top: 7px;
        padding-bottom: 6px;
        font-size: 1.25em;
    }

    .mobile-nav__link:before {
        bottom: -14px;
        margin-left: -14px;
        border-left: 14px inset transparent;
        border-right: 14px inset transparent;
        border-bottom: 12px solid #76232f;
    }

    .mobile-nav__link:after {
        margin-top: 4px;
        height: 3px;
    }

    .mobile-nav__link.is-active:after {
        margin-top: 4px;
        height: 3px;
    }
}

@media screen and (min-width: 60em) {
    .mobile-nav__link {
        display: none;
    }
}

.mobile-nav__link + .accordion__content-container {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    text-align: left;
}

.mobile-nav__link + .u-accordion-helper {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    text-align: left;
}

.nav__link {
    display: none;
    z-index: 20;
    position: relative;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    color: #212121;
    text-decoration: none;
}

.nav__link:before {
    content: '';
    display: block;
    opacity: 0;
    position: absolute;
    left: 50%;
    bottom: -18px;
    margin: 0 0 0 -12px;
    border-left: 12px inset transparent;
    border-right: 12px inset transparent;
    border-bottom: 11px solid #5f615e;
}

.nav__link:after {
    content: '';
    display: block;
    margin-top: 4px;
    border-radius: 2px;
    height: 4px;
    width: 100%;
    background: transparent;
}

.nav__link:hover, .nav__link:focus,
  .nav__item:hover > .nav__link,
  .nav__item:focus > .nav__link {
    color: #212121;
}

.nav__link:hover:before, .nav__link:focus:before,
    .nav__item:hover > .nav__link:before,
    .nav__item:focus > .nav__link:before {
    opacity: 1;
}

.nav__link:hover:after, .nav__link:focus:after,
    .nav__item:hover > .nav__link:after,
    .nav__item:focus > .nav__link:after {
    background: #a6192e;
}

.no-js .nav__link {
    display: block;
    font-size: 0.85em;
    padding: 9px 2px 9px 0;
}

#page-wrapper.is-sticky .nav__link:before {
    bottom: -16px;
}

#page-wrapper.is-sticky .nav__link:after {
    margin-top: 2px;
}

@media screen and (min-width: 48em) {
    .no-js .nav__link {
        font-size: 1.25em;
        padding-top: 7px;
        padding-bottom: 6px;
    }
}

@media screen and (min-width: 60em) {
    .nav__link {
        display: inline-block;
    }

    .nav__link:before {
        bottom: -38px;
    }
}

@media screen and (min-width: 86.5em) {
    .nav__link:before {
        bottom: -41px;
    }
}

.nav__sub-wrapper {
    display: none;
    z-index: 10;
    border-top: 2px solid #76232f;
}

.accordion-initialised .nav__sub-wrapper {
    display: block;
}

@media screen and (min-width: 60em) {
    .nav__sub-wrapper {
        display: block;
        visibility: hidden;
        position: absolute;
        opacity: 0;
        top: 57%;
        left: 0;
        border-top: 50px solid #e0e2e3;
        padding: 0.55em 0 0.4em;
        width: 100%;
        background: #5f615e;
        pointer-events: none;
    }

    .nav__link.is-active ~ .nav__sub-wrapper,
      .nav__item:hover > .nav__sub-wrapper,
      .nav__item:focus > .nav__sub-wrapper {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    #page-wrapper.is-sticky .nav__sub-wrapper {
        border-top-width: 28px;
    }
}

.nav__sub-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    border-top: 1px solid #ececec;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #ffffff;
    overflow: hidden;
}

@media screen and (min-width: 48em) {
    .nav__sub-list {
        top: 176.5px;
    }
}

@media screen and (min-width: 60em) {
    .nav__sub-list {
        border: none;
        max-width: 1160px;
        margin: 0 auto;
        padding: 0 1em;
        background: transparent;
    }
}

@media screen and (min-width: 86.5em) {
    .nav__sub-list {
        padding: 0 0 0 2.2%;
    }
}

.nav__sub-item {
    margin: 0;
    padding: 0;
    text-align: left;
}

.nav__sub-item:before, .nav__sub-item:after {
    content: none;
}

@media screen and (min-width: 60em) {
    .nav__sub-item {
        display: block;
        float: left;
        margin: 0 0 2.4% 4.6%;
        border: none;
        width: 20.4%;
    }

    .nav__sub-item:nth-child(4n+1) {
        clear: left;
    }
}

.nav__sub-link {
    display: block;
    position: relative;
    padding: 0.9em 3.3em 0.9em 32px;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 0.85em;
    color: #ffffff;
    background-color: #76232f;
    text-decoration: none;
    text-transform: uppercase;
}

.nav__sub-link:after {
    content: '';
    display: block;
    position: absolute;
    right: 32px;
    top: 50%;
    margin: -7px 0 0;
    border-top: 7px inset transparent;
    border-bottom: 7px inset transparent;
    border-left: 8px solid #fff;
}

.nav__sub-link:hover, .nav__sub-link:focus {
    color: #662832;
    text-decoration: none;
    background-color: #ebe7dc;
}

.nav__sub-link:hover:after, .nav__sub-link:focus:after {
    border-left-color: #76232f;
}

@media screen and (min-width: 48em) {
    .nav__sub-link {
        padding-left: 66px;
        padding-right: 7em;
    }

    .nav__sub-link:after {
        right: 84px;
    }
}

@media screen and (min-width: 60em) {
    .nav__sub-link {
        display: none;
    }
}

.nav-level-2__label {
    display: block;
    position: relative;
    outline: none;
    border-bottom: 1px solid #ececec;
    padding: 0px 78px 0px 0px;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 0.85em;
    color: #76232f;
    background-color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.nav-level-2__label:after {
    content: '';
    display: block;
    position: absolute;
    right: 32px;
    top: 50%;
    margin: -4px 0 0;
    width: auto;
    height: auto;
    border-left: 7px inset transparent;
    border-right: 7px inset transparent;
    border-top: 8px solid #76232f;
    background: none;
}

.has-no-children .nav-level-2__label:after {
    display: none;
}

.nav-level-2__label:hover, .nav-level-2__label:focus, .nav-level-2__label.is-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #76232f;
}

.nav-level-2__label:hover:after, .nav-level-2__label:focus:after, .nav-level-2__label.is-active:after {
    margin: -4px 0 0;
    border-top-color: #ffffff;
    width: auto;
    height: auto;
    background: none;
}

.nav-level-2__label:hover .nav-level-2__label-link, .nav-level-2__label:focus .nav-level-2__label-link, .nav-level-2__label.is-active .nav-level-2__label-link {
    color: #fff;
    text-decoration: none;
}

.nav-level-2__label.is-active:after {
    right: 32px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.has-no-children .nav-level-2__label {
    padding-right: 0;
}

@media screen and (min-width: 48em) {
    .nav-level-2__label {
        padding-right: 7em;
    }

    .nav-level-2__label:after {
        right: 84px;
    }

    .nav-level-2__label.is-active:after {
        right: 84px;
    }
}

@media screen and (min-width: 60em) {
    .nav-level-2__label {
        display: inline-block;
        margin: 0;
        padding: 0;
        border: none;
        font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
        line-height: 1.15em;
        font-size: 0.95em;
        color: #ffffff;
        background: transparent;
    }

    .nav-level-2__label:after {
        content: none;
    }

    .nav-level-2__label:hover, .nav-level-2__label:focus {
        background: transparent;
    }

    .nav-level-2__label:hover .nav-level-2__label-link, .nav-level-2__label:focus .nav-level-2__label-link {
        text-decoration: underline;
    }
}

.nav-level-2__label-link {
    display: block;
    color: #76232f;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    text-decoration: none;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    padding-left: 32px;
    border-right: 1px solid #ececec;
}

@media screen and (min-width: 48em) {
    .nav-level-2__label-link {
        padding-left: 66px;
    }
}

@media screen and (min-width: 60em) {
    .nav-level-2__label-link {
        color: #fff;
        padding-left: 0.8em;
        border-right: 0px none;
    }

    .nav-level-2__label-link:focus {
        text-decoration: underline;
    }
}

.has-no-children .nav-level-2__label-link {
    border-right: 0;
}

.nav-level-2__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

@media screen and (min-width: 60em) {
    .nav-level-2__list {
        padding-left: 0.8em;
    }
}

.nav-level-2__item {
    margin: 0;
    padding: 0;
    display: block;
    border-top: 1px solid #ffffff;
    text-align: left;
}

.nav-level-2__item:before, .nav-level-2__item:after {
    content: none;
}

.nav-level-2__item:first-child {
    border-top: none;
}

@media screen and (min-width: 60em) {
    .nav-level-2__item {
        border: none;
        margin: 0;
    }
}

.nav-level-2__link {
    display: block;
    padding: 0.7em 32px 0.75em;
    color: #fff;
    font-family: "Georgia";
    font-weight: 400;
    font-size: 0.8em;
    line-height: 1.2em;
    text-decoration: none;
    background: #63666a;
}

.nav-level-2__link:hover, .nav-level-2__link:focus,
  .nav-level-2__item.current .nav-level-2__link {
    color: #ffffff;
    background-color: #a6192e;
}

@media screen and (min-width: 48em) {
    .nav-level-2__link {
        padding: 0.95em 66px;
        font-size: 0.75em;
    }
}

@media screen and (min-width: 60em) {
    .nav-level-2__link {
        display: inline-block;
        padding: 0;
        font-size: 0.85em;
        color: #ffffff;
        background: none;
    }

    .nav-level-2__link:hover, .nav-level-2__link:focus,
      .nav-level-2__item.current .nav-level-2__link {
        color: #ffffff;
        text-decoration: underline;
        background-color: transparent;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .js-enabled .nav__link {
        display: none;
    }

    .js-enabled .mobile-nav__link {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 0;
    }

    .js-enabled .mobile-nav__link:before {
        bottom: -38px;
    }

    .js-enabled .nav__sub-link {
        display: block;
    }

    .js-enabled .nav__sub-wrapper {
        visibility: visible;
        position: static;
        opacity: 1;
        top: auto;
        left: auto;
        border-top: none;
        padding: 0;
        width: 100%;
        background: transparent;
        pointer-events: auto;
    }

    .js-enabled .nav__sub-list {
        top: auto;
        border-top: 1px solid #ececec;
        max-width: none;
        margin: 0;
        padding: 0;
        background: #fff;
    }

    .js-enabled .nav__sub-item {
        float: none;
        margin: 0;
        width: 100%;
    }

    .js-enabled .nav__sub-item:nth-child(4n+1) {
        clear: none;
    }

    .js-enabled .nav-level-2__label {
        display: block;
        margin: 0;
        padding: 0px 7em 0px 0px;
        border-bottom: 1px solid #ececec;
        font: normal normal 400 1em/1.25em "national-medium", sans-serif;
        font-size: 0.85em;
        color: #76232f;
        background: #fff;
    }

    .js-enabled .nav-level-2__label:after {
        content: '';
        right: 84px;
    }

    .js-enabled .nav-level-2__label:hover, .js-enabled .nav-level-2__label:focus, .js-enabled .nav-level-2__label.is-active {
        background-color: #76232f;
    }

    .js-enabled .nav-level-2__label:hover .nav-level-2__label-link, .js-enabled .nav-level-2__label:focus .nav-level-2__label-link, .js-enabled .nav-level-2__label.is-active .nav-level-2__label-link {
        color: #fff;
        text-decoration: none;
    }

    .js-enabled .nav-level-2__label-link {
        padding-left: 66px;
        border-right: 1px solid #ececec;
    }

    .js-enabled .nav-level-2__label-link {
        color: #76232f;
    }

    .js-enabled .nav-level-2__list {
        padding-left: 0;
    }

    .js-enabled .nav-level-2__item {
        margin: 0;
        border-top: 1px solid #ffffff;
    }

    .js-enabled .nav-level-2__item:first-child {
        border: 0px none;
    }

    .js-enabled .nav-level-2__item.current .nav-level-2__link {
        color: #ffffff;
        background-color: #a6192e;
        text-decoration: none;
    }

    .js-enabled .nav-level-2__link {
        display: block;
        padding: 0.95em 66px;
        font-size: 0.75em;
        background-color: #63666a;
    }

    .js-enabled .nav-level-2__link:hover, .js-enabled .nav-level-2__link:focus {
        color: #ffffff;
        background-color: #a6192e;
        text-decoration: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .js-enabled .nav__link {
        display: none;
    }

    .js-enabled .mobile-nav__link {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 0;
    }

    .js-enabled .mobile-nav__link:before {
        bottom: -38px;
    }

    .js-enabled .nav__sub-link {
        display: block;
    }

    .js-enabled .nav__sub-wrapper {
        visibility: visible;
        position: static;
        opacity: 1;
        top: auto;
        left: auto;
        border-top: none;
        padding: 0;
        width: 100%;
        background: transparent;
        pointer-events: auto;
    }

    .js-enabled .nav__sub-list {
        top: auto;
        border-top: 1px solid #ececec;
        max-width: none;
        margin: 0;
        padding: 0;
        background: #fff;
    }

    .js-enabled .nav__sub-item {
        float: none;
        margin: 0;
        width: 100%;
    }

    .js-enabled .nav__sub-item:nth-child(4n+1) {
        clear: none;
    }

    .js-enabled .nav-level-2__label {
        display: block;
        margin: 0;
        padding: 0px 7em 0px 0px;
        border-bottom: 1px solid #ececec;
        font: normal normal 400 1em/1.25em "national-medium", sans-serif;
        font-size: 0.85em;
        color: #76232f;
        background: #fff;
    }

    .js-enabled .nav-level-2__label:after {
        content: '';
        right: 84px;
    }

    .js-enabled .nav-level-2__label:hover, .js-enabled .nav-level-2__label:focus, .js-enabled .nav-level-2__label.is-active {
        background-color: #76232f;
    }

    .js-enabled .nav-level-2__label:hover .nav-level-2__label-link, .js-enabled .nav-level-2__label:focus .nav-level-2__label-link, .js-enabled .nav-level-2__label.is-active .nav-level-2__label-link {
        color: #fff;
        text-decoration: none;
    }

    .js-enabled .nav-level-2__label-link {
        padding-left: 66px;
        border-right: 1px solid #ececec;
    }

    .js-enabled .nav-level-2__label-link {
        color: #76232f;
    }

    .js-enabled .nav-level-2__list {
        padding-left: 0;
    }

    .js-enabled .nav-level-2__item {
        margin: 0;
        border-top: 1px solid #ffffff;
    }

    .js-enabled .nav-level-2__item:first-child {
        border: 0px none;
    }

    .js-enabled .nav-level-2__item.current .nav-level-2__link {
        color: #ffffff;
        background-color: #a6192e;
        text-decoration: none;
    }

    .js-enabled .nav-level-2__link {
        display: block;
        padding: 0.95em 66px;
        font-size: 0.75em;
        background-color: #63666a;
    }

    .js-enabled .nav-level-2__link:hover, .js-enabled .nav-level-2__link:focus {
        color: #ffffff;
        background-color: #a6192e;
        text-decoration: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .js-enabled .nav__link {
        display: none;
    }

    .js-enabled .mobile-nav__link {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 0;
    }

    .js-enabled .mobile-nav__link:before {
        bottom: -38px;
    }

    .js-enabled .nav__sub-link {
        display: block;
    }

    .js-enabled .nav__sub-wrapper {
        visibility: visible;
        position: static;
        opacity: 1;
        top: auto;
        left: auto;
        border-top: none;
        padding: 0;
        width: 100%;
        background: transparent;
        pointer-events: auto;
    }

    .js-enabled .nav__sub-list {
        top: auto;
        border-top: 1px solid #ececec;
        max-width: none;
        margin: 0;
        padding: 0;
        background: #fff;
    }

    .js-enabled .nav__sub-item {
        float: none;
        margin: 0;
        width: 100%;
    }

    .js-enabled .nav__sub-item:nth-child(4n+1) {
        clear: none;
    }

    .js-enabled .nav-level-2__label {
        display: block;
        margin: 0;
        padding: 0px 7em 0px 0px;
        border-bottom: 1px solid #ececec;
        font: normal normal 400 1em/1.25em "national-medium", sans-serif;
        font-size: 0.85em;
        color: #76232f;
        background: #fff;
    }

    .js-enabled .nav-level-2__label:after {
        content: '';
        right: 84px;
    }

    .js-enabled .nav-level-2__label:hover, .js-enabled .nav-level-2__label:focus, .js-enabled .nav-level-2__label.is-active {
        background-color: #76232f;
    }

    .js-enabled .nav-level-2__label:hover .nav-level-2__label-link, .js-enabled .nav-level-2__label:focus .nav-level-2__label-link, .js-enabled .nav-level-2__label.is-active .nav-level-2__label-link {
        color: #fff;
        text-decoration: none;
    }

    .js-enabled .nav-level-2__label-link {
        padding-left: 66px;
        border-right: 1px solid #ececec;
    }

    .js-enabled .nav-level-2__label-link {
        color: #76232f;
    }

    .js-enabled .nav-level-2__list {
        padding-left: 0;
    }

    .js-enabled .nav-level-2__item {
        margin: 0;
        border-top: 1px solid #ffffff;
    }

    .js-enabled .nav-level-2__item:first-child {
        border: 0px none;
    }

    .js-enabled .nav-level-2__item.current .nav-level-2__link {
        color: #ffffff;
        background-color: #a6192e;
        text-decoration: none;
    }

    .js-enabled .nav-level-2__link {
        display: block;
        padding: 0.95em 66px;
        font-size: 0.75em;
        background-color: #63666a;
    }

    .js-enabled .nav-level-2__link:hover, .js-enabled .nav-level-2__link:focus {
        color: #ffffff;
        background-color: #a6192e;
        text-decoration: none;
    }
}

@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
    .js-enabled .nav__link {
        display: none;
    }

    .js-enabled .mobile-nav__link {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 0;
    }

    .js-enabled .mobile-nav__link:before {
        bottom: -38px;
    }

    .js-enabled .nav__sub-link {
        display: block;
    }

    .js-enabled .nav__sub-wrapper {
        visibility: visible;
        position: static;
        opacity: 1;
        top: auto;
        left: auto;
        border-top: none;
        padding: 0;
        width: 100%;
        background: transparent;
        pointer-events: auto;
    }

    .js-enabled .nav__sub-list {
        top: auto;
        border-top: 1px solid #ececec;
        max-width: none;
        margin: 0;
        padding: 0;
        background: #fff;
    }

    .js-enabled .nav__sub-item {
        float: none;
        margin: 0;
        width: 100%;
    }

    .js-enabled .nav__sub-item:nth-child(4n+1) {
        clear: none;
    }

    .js-enabled .nav-level-2__label {
        display: block;
        margin: 0;
        padding: 0px 7em 0px 0px;
        border-bottom: 1px solid #ececec;
        font: normal normal 400 1em/1.25em "national-medium", sans-serif;
        font-size: 0.85em;
        color: #76232f;
        background: #fff;
    }

    .js-enabled .nav-level-2__label:after {
        content: '';
        right: 84px;
    }

    .js-enabled .nav-level-2__label:hover, .js-enabled .nav-level-2__label:focus, .js-enabled .nav-level-2__label.is-active {
        background-color: #76232f;
    }

    .js-enabled .nav-level-2__label:hover .nav-level-2__label-link, .js-enabled .nav-level-2__label:focus .nav-level-2__label-link, .js-enabled .nav-level-2__label.is-active .nav-level-2__label-link {
        color: #fff;
        text-decoration: none;
    }

    .js-enabled .nav-level-2__label-link {
        padding-left: 66px;
        border-right: 1px solid #ececec;
    }

    .js-enabled .nav-level-2__label-link {
        color: #76232f;
    }

    .js-enabled .nav-level-2__list {
        padding-left: 0;
    }

    .js-enabled .nav-level-2__item {
        margin: 0;
        border-top: 1px solid #ffffff;
    }

    .js-enabled .nav-level-2__item:first-child {
        border: 0px none;
    }

    .js-enabled .nav-level-2__item.current .nav-level-2__link {
        color: #ffffff;
        background-color: #a6192e;
        text-decoration: none;
    }

    .js-enabled .nav-level-2__link {
        display: block;
        padding: 0.95em 66px;
        font-size: 0.75em;
        background-color: #63666a;
    }

    .js-enabled .nav-level-2__link:hover, .js-enabled .nav-level-2__link:focus {
        color: #ffffff;
        background-color: #a6192e;
        text-decoration: none;
    }
}

/*
--------------------
Inside Navigation
--------------------
*/
.nav-inside {
    margin: 2.6em 0 2em;
    padding: 0 2.85em 0 0;
}

.nav-inside__title {
    display: inline-block;
    margin: 0;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.05em;
    color: #000;
    text-transform: uppercase;
}

.nav-inside__title-link {
    display: inline-block;
    margin: 0;
    text-decoration: none;
}

.nav-inside__title-link:hover .nav-inside__title,
  .nav-inside__title-link:focus .nav-inside__title {
    text-decoration: underline;
}

.nav-inside-level-1__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0.4em 0 0;
}

.nav-inside-level-1__item {
    margin: 0;
    padding: 0;
}

.nav-inside-level-1__item:before, .nav-inside-level-1__item:after {
    content: none;
}

.nav-inside-level-1__link {
    display: block;
    position: relative;
    border-top: 1px solid #d6d3c5;
    padding: 0.8em 1.4em 0.9em 0.1em;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    font-size: 1.05em;
    color: #000;
    text-decoration: none;
}

.nav-inside-level-1__link:after {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -250px -200px;
    background-size: 400px 1000px;
}

.nav-inside-level-1__link:after {
    position: absolute;
    right: 0.25em;
    top: 50%;
    margin: -5px 0 0;
    width: 7px;
    height: 10px;
    -webkit-transition: right 0.2s ease;
    -moz-transition: right 0.2s ease;
    transition: right 0.2s ease;
}

.nav-inside-level-1__link:hover, .nav-inside-level-1__link:focus {
    text-decoration: underline;
}

.nav-inside-level-1__link:hover:after, .nav-inside-level-1__link:focus:after {
    right: 0.45em;
    background-position: -350px -200px;
}

.nav-inside-level-1__link:hover:after, .nav-inside-level-1__link:focus:after,
  .nav-inside-level-1__item.current .nav-inside-level-1__link:after {
    background-position: -350px -200px;
}

.nav-inside-level-1__item.current .nav-inside-level-1__link,
  .nav-inside-level-1__item.heir .nav-inside-level-1__link {
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.05em;
}

.nav-inside-level-1__item.current .nav-inside-level-1__link:after,
    .nav-inside-level-1__item.heir .nav-inside-level-1__link:after {
    right: 0.25em;
}

.nav-inside-level-1__item.heir .nav-inside-level-1__link {
    padding-bottom: 0.1em;
}

.nav-inside-level-1__item.heir .nav-inside-level-1__link:after {
    margin-top: 4px;
    width: 10px;
    height: 7px;
    background-position: -300px -200px;
}

.nav-inside-level-1__item:first-child .nav-inside-level-1__link,
  .nav-inside-level-1__item.heir + .nav-inside-level-1__item .nav-inside-level-1__link {
    border-top: none;
}

.nav-inside-level-2__list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 0 0.75em 1.05em;
}

.nav-inside-level-2__item {
    margin: 0;
    padding: 0;
}

.nav-inside-level-2__item:before, .nav-inside-level-2__item:after {
    content: none;
}

.nav-inside-level-2__link {
    display: inline-block;
    margin-top: 0.55em;
    padding: 0.2em 0.2em 0.2em 0.1em;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    font-size: 1.05em;
    color: #505a5e;
    text-decoration: none;
}

.nav-inside-level-2__link:hover, .nav-inside-level-2__link:focus,
  .nav-inside-level-2__item.current .nav-inside-level-2__link {
    text-decoration: underline;
}

.nav-inside-level-2__item.current .nav-inside-level-2__link {
    color: #a6192e;
    text-decoration: underline;
}

.nav-inside-level-3__list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 0 0.2em 1.25em;
}

.nav-inside-level-3__item {
    margin: 0;
    padding: 0;
}

.nav-inside-level-3__item:before, .nav-inside-level-3__item:after {
    content: none;
}

.nav-inside-level-3__link {
    display: inline-block;
    margin-top: 0.55em;
    padding: 0.2em 0.2em 0.2em 0.1em;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    font-size: 1.05em;
    color: #505a5e;
    text-decoration: none;
}

.nav-inside-level-3__link:hover, .nav-inside-level-3__link:focus,
  .nav-inside-level-3__item.current .nav-inside-level-3__link {
    text-decoration: underline;
}

.nav-inside-level-3__item.current .nav-inside-level-3__link {
    color: #a6192e;
    text-decoration: underline;
}

.nav-inside-level-4__list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 0 0.3em 0.7em;
}

.nav-inside-level-4__item {
    margin: 0;
    padding: 0;
}

.nav-inside-level-4__item:before, .nav-inside-level-4__item:after {
    content: none;
}

.nav-inside-level-4__link {
    display: inline-block;
    margin-top: 0.35em;
    padding: 0.2em 0.2em 0.2em 0.1em;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    font-size: 0.95em;
    color: #505a5e;
    text-decoration: none;
}

.nav-inside-level-4__link:hover, .nav-inside-level-4__link:focus,
  .nav-inside-level-4__item.current .nav-inside-level-4__link {
    text-decoration: underline;
}

.nav-inside-level-4__item.current .nav-inside-level-4__link {
    color: #a6192e;
    text-decoration: underline;
}

.nav-inside-level-5__list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 0 0.3em 0.7em;
}

.nav-inside-level-5__item {
    margin: 0;
    padding: 0;
}

.nav-inside-level-5__item:before, .nav-inside-level-5__item:after {
    content: none;
}

.nav-inside-level-5__link {
    display: inline-block;
    margin-top: 0.35em;
    padding: 0.2em 0.2em 0.2em 0.1em;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    font-size: 0.9em;
    color: #505a5e;
    text-decoration: none;
}

.nav-inside-level-5__link:hover, .nav-inside-level-5__link:focus,
  .nav-inside-level-5__item.current .nav-inside-level-5__link {
    text-decoration: underline;
}

.nav-inside-level-5__item.current .nav-inside-level-5__link {
    color: #a6192e;
    text-decoration: underline;
}

.nav-inside-level-6__list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 0 0.3em 0.7em;
}

.nav-inside-level-6__item {
    margin: 0;
    padding: 0;
}

.nav-inside-level-6__item:before, .nav-inside-level-6__item:after {
    content: none;
}

.nav-inside-level-6__link {
    display: inline-block;
    margin-top: 0.35em;
    padding: 0.2em 0.2em 0.2em 0.1em;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    font-size: 0.9em;
    color: #505a5e;
    text-decoration: none;
}

.nav-inside-level-6__link:hover, .nav-inside-level-6__link:focus,
  .nav-inside-level-6__item.current .nav-inside-level-6__link {
    text-decoration: underline;
}

.nav-inside-level-6__item.current .nav-inside-level-6__link {
    color: #a6192e;
    text-decoration: underline;
}

.nav-inside-level-7__list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 0 0.3em 0.7em;
}

.nav-inside-level-7__item {
    margin: 0;
    padding: 0;
}

.nav-inside-level-7__item:before, .nav-inside-level-7__item:after {
    content: none;
}

.nav-inside-level-7__link {
    display: inline-block;
    margin-top: 0.2em;
    padding: 0.2em 0.2em 0.2em 0.1em;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    font-size: 0.9em;
    color: #505a5e;
    text-decoration: none;
}

.nav-inside-level-7__link:hover, .nav-inside-level-7__link:focus,
  .nav-inside-level-7__item.current .nav-inside-level-7__link {
    text-decoration: underline;
}

.nav-inside-level-7__item.current .nav-inside-level-7__link {
    color: #a6192e;
    text-decoration: underline;
}

.nav-inside-level-8__list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 0 0.3em 0.7em;
}

.nav-inside-level-8__item {
    margin: 0;
    padding: 0;
}

.nav-inside-level-8__item:before, .nav-inside-level-8__item:after {
    content: none;
}

.nav-inside-level-8__link {
    display: inline-block;
    margin-top: 0.2em;
    padding: 0.2em 0.2em 0.2em 0.1em;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    font-size: 0.9em;
    color: #505a5e;
    text-decoration: none;
}

.nav-inside-level-8__link:hover, .nav-inside-level-8__link:focus,
  .nav-inside-level-8__item.current .nav-inside-level-8__link {
    text-decoration: underline;
}

.nav-inside-level-8__item.current .nav-inside-level-8__link {
    color: #a6192e;
    text-decoration: underline;
}

.nav-inside--deep {
    padding-right: 1.6em;
}

.nav-inside--deep .nav-inside-level-2__list {
    padding-left: 0.6em;
}

.nav-inside--deep .nav-inside-level-3__list {
    padding-left: 0.5em;
}

.nav-inside--deep .nav-inside-level-3__link {
    font-size: 0.95em;
}

.nav-inside--deep .nav-inside-level-2__item.heir .nav-inside-level-2__link,
  .nav-inside--deep .nav-inside-level-3__item.heir .nav-inside-level-3__link,
  .nav-inside--deep .nav-inside-level-4__item.heir .nav-inside-level-4__link,
  .nav-inside--deep .nav-inside-level-5__item.heir .nav-inside-level-5__link,
  .nav-inside--deep .nav-inside-level-6__item.heir .nav-inside-level-6__link,
  .nav-inside--deep .nav-inside-level-7__item.heir .nav-inside-level-7__link,
  .nav-inside--deep .nav-inside-level-8__item.heir .nav-inside-level-8__link {
    font-family: "national-medium", sans-serif;
    color: #000;
}

/*
--------------------
Landing Sub-navigation
--------------------
*/
.landing-sub-nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    border-top: 1px solid #e0e2e3;
}

@media screen and (min-width: 60em) {
    .landing-sub-nav__list {
        display: block;
    }
}

.landing-sub-nav__item {
    margin: 0;
    padding: 0;
}

.landing-sub-nav__item:before, .landing-sub-nav__item:after {
    content: none;
}

.landing-sub-nav__link {
    display: block;
    border-bottom: 1px solid #e0e2e3;
    padding: 0.9em 1.5em 0.85em 0.05em;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    font-size: 1.05em;
    text-decoration: none;
    color: #000;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.landing-sub-nav__link:after {
    content: '';
    display: block;
    position: absolute;
    top: 1.25em;
    right: 0.3em;
    width: 7px;
    height: 10px;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -250px -200px;
    background-size: 400px 1000px;
    -webkit-transition: right 0.2s ease;
    -moz-transition: right 0.2s ease;
    transition: right 0.2s ease;
}

.landing-sub-nav__link:hover, .landing-sub-nav__link:focus {
    color: #505a5e;
    text-decoration: underline;
}

.landing-sub-nav__link:hover:after, .landing-sub-nav__link:focus:after {
    right: 0.5em;
    background-position: -350px -200px;
}

/*
--------------------
Pre-footer navigation
--------------------
*/
.prefooter-navigation {
    overflow: hidden;
}

@media screen and (min-width: 60em) {
    .prefooter-navigation {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
}

.prefooter-navigation__column {
    display: inline-block;
    vertical-align: top;
    margin: 0 2em 1.6em 0;
    width: 12em;
}

@media screen and (min-width: 48em) {
    .prefooter-navigation__column {
        display: block;
        margin: 0 0 1.9em;
        padding: 0 2.8em 0 0;
        float: left;
        width: 50%;
    }

    .prefooter-navigation__column:nth-child(2n+1) {
        clear: left;
    }
}

@media screen and (min-width: 60em) {
    .prefooter-navigation__column {
        display: table-cell;
        float: none;
        padding-right: 2em;
        width: auto;
    }

    .prefooter-navigation__column:nth-child(2n+1) {
        clear: none;
    }

    .prefooter-navigation__column:last-child {
        padding-right: 0;
    }
}

.prefooter-navigation__title {
    margin: 0 0 0.65em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.2em;
    line-height: 1.1em;
    color: #000;
}

@media screen and (min-width: 60em) {
    .prefooter-navigation__title {
        margin-bottom: 0.6em;
        font-size: 1.15em;
    }
}

.prefooter-navigation__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.prefooter-navigation__item {
    margin: 0;
    padding: 0;
    margin-top: 0.35em;
}

.prefooter-navigation__item:before, .prefooter-navigation__item:after {
    content: none;
}

@media screen and (min-width: 60em) {
    .prefooter-navigation__item {
        margin-top: 0;
    }
}

.prefooter-navigation__link {
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    line-height: 1.1em;
    color: #505a5e;
    text-decoration: none;
}

.prefooter-navigation__link:hover, .prefooter-navigation__link:focus {
    text-decoration: underline;
}

/*
--------------------
Global search
--------------------
*/
.site-search__dialog {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 0;
    background-color: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    -webkit-transition: max-height 0.3s 0.2s ease, opacity 0.2s 0.3s ease, visibility 0s 0.5s ease;
    -moz-transition: max-height 0.3s 0.2s ease, opacity 0.2s 0.3s ease, visibility 0s 0.5s ease;
    transition: max-height 0.3s 0.2s ease, opacity 0.2s 0.3s ease, visibility 0s 0.5s ease;
}

.site-search__dialog.is-active {
    visibility: visible;
    opacity: 1;
    max-height: 100%;
    -webkit-transition: max-height 0.55s 0s ease, opacity 0.55s 0s ease, visibility 0s 0s ease;
    -moz-transition: max-height 0.55s 0s ease, opacity 0.55s 0s ease, visibility 0s 0s ease;
    transition: max-height 0.55s 0s ease, opacity 0.55s 0s ease, visibility 0s 0s ease;
}

.site-search__layout {
    display: table;
    width: 100%;
    height: 100%;
    padding-top: 9em;
}

@media screen and (min-width: 48em) {
    .site-search__layout {
        padding-top: 10em;
    }
}

@media screen and (min-width: 60em) {
    .site-search__layout {
        padding-top: 7em;
    }
}

@media screen and (min-width: 60em) {
    .site-search__container {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .site-search__layout {
        padding-top: 9em;
    }

    .site-search__container {
        display: block;
        vertical-align: top;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .site-search__layout {
        padding-top: 9em;
    }

    .site-search__container {
        display: block;
        vertical-align: top;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .site-search__layout {
        padding-top: 9em;
    }

    .site-search__container {
        display: block;
        vertical-align: top;
    }
}

@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
    .site-search__layout {
        padding-top: 9em;
    }

    .site-search__container {
        display: block;
        vertical-align: top;
    }
}

.site-search-form {
    position: relative;
    opacity: 0;
    margin: 0 0 30%;
    width: 100%;
    -webkit-transition: opacity 0.2s 0s ease;
    -moz-transition: opacity 0.2s 0s ease;
    transition: opacity 0.2s 0s ease;
}

.site-search__dialog.is-active .site-search-form {
    opacity: 1;
    -webkit-transition: opacity 0.4s 0.4s ease;
    -moz-transition: opacity 0.4s 0.4s ease;
    transition: opacity 0.4s 0.4s ease;
}

@media screen and (min-width: 48em) {
    .site-search-form {
        margin-bottom: 40%;
    }
}

@media screen and (min-width: 60em) {
    .site-search-form {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 14%;
        max-width: 1050px;
    }
}

.site-search__title {
    color: #fff;
}

input.site-search__text-input {
    border: none;
    border-bottom: 1px solid #fff;
    padding: 0;
    height: 1.55em;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 1.3em;
    color: #fff;
    background: none;
    -webkit-appearance: none;
}

input.site-search__text-input::-ms-clear {
    display: none;
}

@media screen and (min-width: 48em) {
    input.site-search__text-input {
        border-width: 2px;
        font-size: 2.6em;
        padding-right: 2.4em;
    }
}

input.site-search__reset,
input.site-search__submit {
    display: block;
    visibility: hidden;
    margin: 0;
    padding: 0;
    min-width: 0;
    width: auto;
    letter-spacing: normal;
    color: #fff;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    background: none;
}

input.site-search__reset:hover, input.site-search__reset:focus,
  input.site-search__submit:hover,
  input.site-search__submit:focus {
    color: #fff;
    background-color: transparent;
}

@media screen and (min-width: 48em) {
    input.site-search__reset {
        visibility: visible;
        opacity: 0;
        position: absolute;
        bottom: 0.9em;
        right: 60px;
        height: 40px;
        -webkit-transition: color 0.2s 0s ease, opacity 0.3s 0s ease;
        -moz-transition: color 0.2s 0s ease, opacity 0.3s 0s ease;
        transition: color 0.2s 0s ease, opacity 0.3s 0s ease;
    }

    input.site-search__reset:focus,
    .site-search__text-input:focus ~ input.site-search__reset {
        visibility: visible;
        opacity: 1;
    }

    input.site-search__reset:hover, input.site-search__reset:focus {
        color: #a6192e;
    }
}

@media screen and (min-width: 48em) {
    input.site-search__submit {
        visibility: visible;
        position: absolute;
        bottom: 0.95em;
        right: 0;
        width: 40px;
        height: 40px;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
        background-repeat: no-repeat;
        background-position: -301px -51px;
        background-size: 400px 1000px;
    }

    input.site-search__submit:hover, input.site-search__submit:focus {
        background-position: -351px -51px;
    }
}

/*
--------------------
RHS Widget: CTA
--------------------
*/
.cta-widget__container {
    margin: 0 0 2.1em;
    background-color: #e0e2e3;
}

@media screen and (min-width: 48em) {
    .cta-widget__container {
        margin: 0 0 2.3em;
    }
}

.cta-widget__image-container {
    line-height: 0;
}

.cta-widget__image-link {
    display: block;
    line-height: 0;
}

.cta-widget__image {
    width: 100%;
    min-width: 100%;
    height: auto;
}

.cta-widget__details {
    padding: 0.95em 0.95em 1.45em;
}

@media screen and (min-width: 48em) {
    .cta-widget__details {
        padding-bottom: 0.55em;
    }
}

.cta-widget__link {
    display: inline-block;
    text-decoration: none;
}

.cta-widget__link:hover, .cta-widget__link:focus {
    text-decoration: none;
}

.cta-widget__title {
    margin: 0 0 0.3em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.15em;
    line-height: 1.05em;
    text-decoration: underline;
    color: #000;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.cta-widget__link:hover .cta-widget__title,
  .cta-widget__link:focus .cta-widget__title {
    color: #505a5e;
    text-decoration: none;
}

.cta-widget__summary {
    display: block;
    margin: 0;
    border-top: 1px solid #e0e2e3;
    padding: 0.5em 0 0;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.95em;
}

/*
--------------------
RHS Widget: CTA Type 2
--------------------
*/
.cta-widget-type-2__container {
    margin: 0 0 2.3em;
    padding: 0.75em 0.7em 1.4em;
    background-color: #e0e2e3;
    overflow: hidden;
}

@media screen and (min-width: 48em) {
    .cta-widget-type-2__container {
        padding: 1em 0.85em 0.85em;
    }
}

.cta-widget-type-2__top {
    overflow: hidden;
}

.cta-widget-type-2__image {
    float: left;
    margin: 0.15em 0 0;
    width: 20%;
    max-width: 20%;
    height: auto;
}

@media screen and (min-width: 48em) {
    .cta-widget-type-2__image {
        width: 31%;
        max-width: 31%;
    }
}

.cta-widget-type-2__container p.pull-left img,
.cta-widget-type-2__container p.pull-right img {
    float: left;
    margin: 0.15em 5% 0.75em 0;
    width: 20%;
    min-width: 0;
    max-width: 20%;
}

@media screen and (min-width: 48em) {
    .cta-widget-type-2__container p.pull-left img,
    .cta-widget-type-2__container p.pull-right img {
        margin-bottom: 0.55em;
        width: 31%;
        max-width: 31%;
    }
}

@media screen and (min-width: 60em) {
    .cta-widget-type-2__container p.pull-left img,
    .cta-widget-type-2__container p.pull-right img {
        margin-right: 8%;
    }
}

.cta-widget-type-2__container p.pull-right img {
    float: right;
    margin-right: 0;
    margin-left: 5%;
}

@media screen and (min-width: 60em) {
    .cta-widget-type-2__container p.pull-right img {
        margin-left: 8%;
    }
}

.cta-widget-type-2__link {
    display: block;
    float: left;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.95em;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.cta-widget-type-2__link:hover, .cta-widget-type-2__link:focus {
    color: #505a5e;
    text-decoration: none;
}

.cta-widget-type-2__image + .cta-widget-type-2__link {
    padding: 0 0 0 0.55em;
    width: 80%;
}

@media screen and (min-width: 48em) {
    .cta-widget-type-2__image + .cta-widget-type-2__link {
        padding: 0 0 0 1em;
        width: 69%;
    }
}

.cta-widget-type-2__container a:not(.cta-widget-type-2__link) {
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 1.05em;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.cta-widget-type-2__container a:not(.cta-widget-type-2__link):hover, .cta-widget-type-2__container a:not(.cta-widget-type-2__link):focus {
    color: #505a5e;
    text-decoration: none;
}

.cta-widget-type-2__container img + a {
    display: block;
}

.cta-widget-type-2__container p.pull-left + a,
.cta-widget-type-2__container p.pull-right + a {
    float: left;
    margin-bottom: 0.75em;
    width: 75%;
}

@media screen and (min-width: 48em) {
    .cta-widget-type-2__container p.pull-left + a,
    .cta-widget-type-2__container p.pull-right + a {
        margin-bottom: 0.55em;
        width: 64%;
    }
}

@media screen and (min-width: 60em) {
    .cta-widget-type-2__container p.pull-left + a,
    .cta-widget-type-2__container p.pull-right + a {
        width: 61%;
    }
}

.cta-widget-type-2__container p.pull-right + a {
    float: right;
}

.cta-widget-type-2__summary {
    display: block;
    margin: 0.75em 0 0;
    border-top: 1px solid #e0e2e3;
    padding: 0.75em 0 0;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.95em;
}

@media screen and (min-width: 48em) {
    .cta-widget-type-2__summary {
        margin: 0.55em 0 0;
        padding: 1em 0 0;
    }
}

.cta-widget-type-2__container p {
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.95em;
}

.cta-widget-type-2__container hr + p {
    margin-top: 0.75em;
}

@media screen and (min-width: 48em) {
    .cta-widget-type-2__container hr + p {
        margin-top: 0.55em;
    }
}

.cta-widget-type-2__container hr {
    display: block;
    clear: both;
    margin: 0.75em 0 0;
    border: none;
    border-top: 1px solid #e0e2e3;
}

@media screen and (min-width: 48em) {
    .cta-widget-type-2__container hr {
        margin: 0.55em 0 0;
    }
}

/*
--------------------
RHS Widget: Question
--------------------
*/
.widget-cta-button {
    display: block;
    margin: 0 0 2.3em;
    padding: 0.75em 0.5em;
    min-width: 0;
    font-size: 0.85em;
    line-height: 1.2em;
    background-color: #63666a;
}

.widget-cta-button:hover, .widget-cta-button:focus {
    background-color: #a6192e;
}

@media screen and (min-width: 48em) {
    .widget-cta-button {
        padding: 0.6em 0.5em 0.65em;
        font-size: 1em;
    }
}

@media screen and (min-width: 60em) {
    .widget-cta-button {
        padding-top: 0.4em;
        padding-bottom: 0.5em;
    }
}

/*
--------------------
RHS Widget: Button group
--------------------
*/
.button-group__container {
    margin: 0 0 1.9em;
}

.button-group__title {
    margin: 0 0 1.05em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.15em;
    color: #000;
}

@media screen and (min-width: 60em) {
    .button-group__title {
        margin-bottom: 0.8em;
        line-height: 1.15em;
    }
}

.button-group__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.button-group__item {
    margin: 0;
    padding: 0;
    margin-top: 0.6em;
}

.button-group__item:before, .button-group__item:after {
    content: none;
}

@media screen and (min-width: 60em) {
    .button-group__item {
        margin-top: 0.45em;
    }
}

.button-group__link {
    display: block;
    padding: 0.75em 0.5em 0.85em;
    text-align: center;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.95em;
    color: #a6192e;
    background-color: #e0e2e3;
    -webkit-transition: color 0.1s ease, background-color 0.3s ease;
    -moz-transition: color 0.1s ease, background-color 0.3s ease;
    transition: color 0.1s ease, background-color 0.3s ease;
}

.button-group__link:hover, .button-group__link:focus {
    color: #ffffff;
    background-color: #63666a;
}

@media screen and (min-width: 60em) {
    .button-group__link {
        padding-top: 0.9em;
        padding-bottom: 0.95em;
    }
}

/*
--------------------
Contact details block
--------------------
*/
.contact-block__container {
    margin: 0 0 1em;
}

.contact-block__title {
    margin: 0 0 0.8em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.15em;
    color: #505a5e;
}

.contact-block__list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #e0e2e3;
    border-bottom: 1px solid #e0e2e3;
    padding: 1.25em 0;
    overflow: hidden;
}

@media screen and (min-width: 48em) {
    .contact-block__list {
        padding: 0;
    }
}

.contact-block__item {
    margin: 0;
    padding: 0;
    margin-top: 1.2em;
}

.contact-block__item:before, .contact-block__item:after {
    content: none;
}

@media screen and (min-width: 48em) {
    .contact-block__item {
        float: left;
        margin-top: 0;
        padding: 1.25em 1em 1.45em 0;
        width: 33.33%;
    }

    .contact-block__item:nth-of-type(3n+1) {
        clear: left;
    }

    .contact-block__item:nth-of-type(n+4) {
        border-top: 1px solid #efede7;
    }
}

.contact-block__label {
    margin: 0;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1em;
    color: #000;
}

.contact-block__item p {
    margin: 0.25em 0 0;
}

.contact-block__map-link {
    display: inline-block;
    margin: 0.35em 0 0;
}

.contact-block__button {
    margin-top: 0.35em;
    min-width: 0;
    background-color: #63666a;
}

.contact-block__button:hover, .contact-block__button:focus {
    background-color: #a6192e;
}

@media screen and (min-width: 60em) {
    .single-column-content .contact-block__button {
        min-width: 11em;
    }
}

@media screen and (min-width: 86.5em) {
    .contact-block__button {
        min-width: 11em;
    }
}

/*
--------------------
Funnelback Autocomplete
--------------------
*/
.ui-autocomplete {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    float: none;
    border: none !important;
    padding: 0;
    background: #fff;
}

.ui-autocomplete h2 {
    margin: 0;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    letter-spacing: 0.5px;
    color: #fff;
    text-transform: uppercase;
}

.ui-autocomplete li {
    margin: 0;
    padding: 0;
}

.ui-autocomplete li:before, .ui-autocomplete li:after {
    content: none;
}

.results-page-search__form .ui-autocomplete {
    border-top: 1px solid #e0e2e3;
    border-bottom: 1px solid #e0e2e3 !important;
}

.site-search-form .ui-autocomplete {
    max-height: 10em;
    overflow: auto;
}

@media screen and (min-width: 48em) {
    .site-search-form .ui-autocomplete {
        max-height: 14em;
    }
}

.ui-autocomplete-category {
    background-color: #a6192e;
}

.results-page-search__form .ui-autocomplete-category {
    border-left: 1px solid #e0e2e3;
    border-right: 1px solid #e0e2e3;
    padding: 0.5em 0.8em 0.5em 0.7em;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    line-height: 1.1em;
    color: #fff;
}

.site-search-form .ui-autocomplete-category {
    padding: 0.5em 0.8em 0.5em 0.7em;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.9em;
    line-height: 1.1em;
    color: #fff;
}

@media screen and (min-width: 48em) {
    .results-page-search__form .ui-autocomplete-category {
        padding: 0.7em 0.8em 0.7em 0.85em;
    }

    .site-search-form .ui-autocomplete-category {
        font-size: 1em;
    }
}

.ui-menu .ui-menu-item .ui-state-focus {
    background-color: #ebe7dc;
}

.ui-menu .ui-menu-item a {
    display: block;
    position: relative;
    cursor: pointer;
    color: #505a5e;
    background-color: transparent;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.ui-menu .ui-menu-item a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0.7em;
    left: 0.75em;
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 6px solid #d6001c;
}

.ui-menu .ui-menu-item.course-item {
    background-color: #63666a;
}

.ui-menu .ui-menu-item.course-item a:before {
    content: none;
}

.results-page-search__form .ui-menu .ui-menu-item {
    border-left: 1px solid #e0e2e3;
    border-right: 1px solid #e0e2e3;
}

.results-page-search__form .ui-menu .ui-menu-item:last-of-type {
    padding-bottom: 0.5em;
}

.results-page-search__form .ui-menu .ui-menu-item a {
    padding: 0.3em 0.8em 0.3em 1.45em;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    line-height: 1.1em;
    color: #30383c;
}

.results-page-search__form .ui-menu .ui-menu-item.course-item a {
    padding: 0.4em 0.7em;
    font-size: 0.95em;
    color: #505a5e;
}

.site-search-form .ui-menu .ui-menu-item a {
    padding: 0.3em 0.8em 0.3em 1.45em;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.9em;
    line-height: 1.1em;
    color: #30383c;
}

.site-search-form .ui-menu .ui-menu-item.course-item a {
    padding: 0.4em 0.7em;
    font-size: 0.95em;
    color: #505a5e;
}

@media screen and (min-width: 48em) {
    .results-page-search__form .ui-menu .ui-menu-item:first-child {
        padding-top: 0.2em;
    }

    .results-page-search__form .ui-menu .ui-menu-item a {
        padding-left: 1.6em;
    }

    .results-page-search__form .ui-menu .ui-menu-item a:before {
        left: 0.95em;
    }

    .results-page-search__form .ui-menu .ui-menu-item.course-item a {
        padding-left: 0.8em;
        padding-right: 0.8em;
        font-size: 1em;
    }

    .site-search-form .ui-menu .ui-menu-item a {
        font-size: 1em;
    }

    .site-search-form .ui-menu .ui-menu-item.course-item a {
        font-size: 1em;
    }
}

/*
--------------------
iframe forms
--------------------
*/
.embed-form {
    width: 100%;
    min-height: 100vh;
}

/*
--------------------
Content editor overrides
--------------------
*/
@media screen and (max-width: 60em) {
    .mobile-hide {
        display: none !important;
    }
}

@media screen and (max-width: 60em) {
    .mobile-show {
        display: block !important;
    }
}

@media screen and (min-width: 60em) {
    .desktop-hide {
        display: none !important;
    }
}

@media screen and (min-width: 60em) {
    .desktop-show {
        display: block !important;
    }
}

/*
--------------------
Imports
--------------------
*/
/*
--------------------
Magnific Popup
--------------------
*/
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.mfp-fade.mfp-wrap.mfp-ready {
    opacity: 1;
}

.mfp-fade.mfp-bg.mfp-removing, .mfp-fade.mfp-wrap.mfp-removing {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.mfp-wrap {
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

@media screen and (min-width: 48em) {
    .mfp-content {
        margin-top: -7em;
    }
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #cccccc;
}

.mfp-preloader a:hover {
    color: white;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    -webkit-appearance: none;
    display: block;
    border: none;
    padding: 0;
    outline: none;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 37px;
    height: 40px;
    background-color: #a6192e;
    color: transparent;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -293px -242px;
    background-size: 400px 1000px;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.mfp-close:hover, .mfp-close:focus {
    background-color: #7f7f7f;
}

@media screen and (min-width: 60em) {
    .mfp-close {
        width: 45px;
        height: 48px;
        background-position: -289px -238px;
    }
}

.mfp-counter {
    margin: 0;
    float: right;
    width: 3.4em;
    color: #505a5e;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 0.85em;
    text-align: right;
}

@media screen and (min-width: 48em) {
    .mfp-counter {
        float: none;
        margin: 0.5em 0 0;
        width: auto;
        text-align: left;
    }
}

.mfp-arrow {
    position: absolute;
    top: 50%;
    margin: -24px 0 0;
    width: 44px;
    height: 48px;
    background-color: #d6d3c5;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.mfp-arrow:hover, .mfp-arrow:focus {
    background-color: #a6192e;
}

.mfp-arrow-left {
    left: 0;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -334px -235px;
    background-size: 400px 1000px;
}

.mfp-arrow-right {
    right: 0;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: 16px -285px;
    background-size: 400px 1000px;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
}

/* Main image in popup */
img.mfp-img {
    display: block;
    margin: 0;
    padding: 0 0 2em 0;
    width: auto;
    max-width: 100%;
    height: auto;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 48em) {
    img.mfp-img {
        padding: 0;
    }
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0.45em 0.7em 0.5em;
    background-color: #fff;
    overflow: hidden;
}

@media screen and (min-width: 48em) {
    .mfp-bottom-bar {
        top: 100%;
        bottom: auto;
        padding: 1.15em 1.3em 1em;
    }
}

.mfp-title {
    display: block;
    float: left;
    margin: 0;
    width: 76%;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 0.85em;
    text-align: left;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (min-width: 48em) {
    .mfp-title {
        float: none;
        width: 100%;
        font-size: 0.95em;
        line-height: 1.2em;
    }
}

.mfp-description {
    display: none;
    margin: 0;
    text-align: left;
    font-size: 0.85em;
}

@media screen and (min-width: 48em) {
    .mfp-description {
        display: block;
    }
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
    position: relative;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

/*
--------------------
Home page - specific styling and layout
--------------------
*/
/*
--------------------
Global layout
--------------------
*/
.home .header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.home .main .inner-container {
    min-height: 14em;
    overflow: hidden;
}

@media screen and (min-width: 48em) {
    .home .main .inner-container {
        min-height: 31em;
    }
}

@media screen and (min-width: 60em) {
    .home .main .inner-container {
        height: 100vh;
        min-height: 0;
    }

    .no-js .home .main .inner-container {
        height: auto;
    }
}

.home .main-content {
    display: none;
}

#page-wrapper.is-sticky.home {
    padding-top: 0;
}

@media screen and (min-width: 60em) {
    #page-wrapper.is-sticky.home .main .inner-container {
        padding-top: 3.6em;
        -webkit-transition: padding-top 0.6s ease;
        -moz-transition: padding-top 0.6s ease;
        transition: padding-top 0.6s ease;
    }
}

/*
--------------------
Header
--------------------
*/
.home .header__logo--mgsm {
    display: none;
}

.home span.header__logo--mgsm {
    display: inline-block;
}

/*
--------------------
Slider
--------------------
*/
.home .slider {
    position: relative;
    z-index: 10;
    height: 100%;
}

.no-js .home .slider {
    height: auto;
}

.home .slick-list {
    height: 100%;
}

.home .slick-track {
    z-index: 10;
    height: 100%;
}

.home .slide {
    display: block;
    position: relative;
    height: 100%;
}

.home .slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block !important;
    position: absolute;
    z-index: 20;
    left: 32px;
    bottom: 2.55em;
}

.home .slick-dots li {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-right: 0.4em;
}

.home .slick-dots li:before, .home .slick-dots li:after {
    content: none;
}

.home .slick-dots li.slick-active button {
    border-color: #fff;
    background-color: #fff;
}

.home .slick-dots button {
    display: block;
    background: none;
    border: 1px solid #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0;
    width: 10px;
    height: 10px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    -webkit-transition: background-color 0.2s ease, border-color 0.2s ease;
    -moz-transition: background-color 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.home .slick-dots button:hover, .home .slick-dots button:focus {
    background-color: #ffffff;
}

.home .slick-dots button:focus {
    border-color: #ffffff;
}

@media screen and (min-width: 48em) {
    .home .slick-dots {
        display: none !important;
    }
}

@media screen and (min-width: 60em) {
    .home .slick-dots {
        display: block !important;
        bottom: 4.6em;
        left: 28.15em;
        padding: 0.6em;
        line-height: 0;
    }

    .home .slick-dots li {
        margin-right: 0.5em;
    }

    .home .slick-dots li.slick-active button {
        border-color: #000;
        background-color: #000;
    }

    .home .slick-dots button {
        width: 12px;
        height: 12px;
        border-color: #000;
        border-width: 2px;
    }

    .home .slick-dots button:hover, .home .slick-dots button:focus {
        background-color: #000;
    }

    .home .slick-dots button:focus {
        border-color: #000;
    }
}

.home .slider.has-caption-overlay .slick-dots {
    bottom: 0.6em;
}

.home .slider.has-caption-overlay .slick-dots button {
    border: 2px solid #000;
    width: 12px;
    height: 12px;
}

.home .slider.has-caption-overlay .slick-dots button:focus {
    border-color: #000;
    background-color: #000;
}

.home .slider.has-caption-overlay .slick-dots li.slick-active button {
    border-color: #000;
    background-color: #000;
}

@media screen and (min-width: 48em) {
    .home .slider.has-caption-overlay .slick-dots li.slick-active button {
        border-color: #000;
        background-color: #000;
    }
}

@media screen and (min-width: 60em) {
    .home .slider.has-caption-overlay .slick-dots {
        bottom: 4.6em;
    }

    .home .slider.has-caption-overlay .slick-dots button {
        border-color: #000;
    }
}

.home .tl-shard {
    display: block;
    position: absolute;
    z-index: 20;
}

.home .tl-shard.type-1, .home .tl-shard.type-3, .home .tl-shard.type-2  {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 600px 4550px;
    background-size: 300px 2275px;
    width: 72px;
    height: 72px;
}

.home .tl-shard.type-4 {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
    background-repeat: no-repeat;
    background-position: -125px 0px;
    background-size: 600px 4550px;
    background-size: 300px 2275px;
    width: 37px;
    height: 74px;
}

.home .tl-shard.type-5 {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
    background-repeat: no-repeat;
    background-position: 0px -450px;
    background-size: 600px 4550px;
    background-size: 300px 2275px;
    width: 71px;
    height: 108px;
}

.home .tl-shard.type-6 {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
    background-repeat: no-repeat;
    background-position: -220px 0px;
    background-size: 600px 4550px;
    background-size: 300px 2275px;
    width: 75px;
    height: 112px;
}

@media screen and (min-width: 48em) {
    .home .tl-shard.type-1, .home .tl-shard.type-3, .home .tl-shard.type-2  {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 600px 4550px;
        background-size: 390px 2957.5px;
        width: 94px;
        height: 94px;
    }

    .home .tl-shard.type-4 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -175px 0px;
        background-size: 600px 4550px;
        background-size: 420px 3185px;
        width: 52px;
        height: 119px;
    }

    .home .tl-shard.type-5 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -5px -719px;
        background-size: 600px 4550px;
        background-size: 480px 3640px;
        width: 114px;
        height: 173px;
    }

    .home .tl-shard.type-6 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -356px 0px;
        background-size: 600px 4550px;
        background-size: 480px 3640px;
        width: 120px;
        height: 180px;
    }
}

@media screen and (min-width: 60em) {
    .home .tl-shard.type-1, .home .tl-shard.type-3, .home .tl-shard.type-2 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 600px 4550px;
        width: 144px;
        height: 144px;
    }


    .home .tl-shard.type-4 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -250px 0px;
        background-size: 600px 4550px;
        width: 74px;
        height: 148px;
    }

    .home .tl-shard.type-5 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: 0px -900px;
        background-size: 600px 4550px;
        width: 142px;
        height: 216px;
    }

    .home .tl-shard.type-6 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -440px 0px;
        background-size: 600px 4550px;
        width: 150px;
        height: 224px;
    }
}

.home .br-shard {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5000;
}

.home .br-shard.type-1 {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
    background-repeat: no-repeat;
    background-position: -1px -76px;
    background-size: 600px 4550px;
    background-size: 300px 2275px;
    width: 194px;
    height: 94px;
}

.home .br-shard.type-2 {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
    background-repeat: no-repeat;
    background-position: -1px -178px;
    background-size: 600px 4550px;
    background-size: 300px 2275px;
    width: 175px;
    height: 106px;
}

.home .br-shard.type-3 {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
    background-repeat: no-repeat;
    background-position: -197px -126px;
    background-size: 600px 4550px;
    background-size: 300px 2275px;
    width: 91px;
    height: 112px;
}

.home .br-shard.type-4 {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
    background-repeat: no-repeat;
    background-position: -1px -326px;
    background-size: 600px 4550px;
    background-size: 300px 2275px;
    width: 147px;
    height: 86px;
}

.home .br-shard.type-5 {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
    background-repeat: no-repeat;
    background-position: -184px -276px;
    background-size: 600px 4550px;
    background-size: 300px 2275px;
    width: 111px;
    height: 134px;
}

.home .br-shard.type-6 {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
    background-repeat: no-repeat;
    background-position: -75px -476px;
    background-size: 600px 4550px;
    background-size: 300px 2275px;
    width: 146px;
    height: 134px;
}

@media screen and (min-width: 48em) {
    .home .br-shard.type-1 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -2px -114px;
        background-size: 600px 4550px;
        background-size: 390px 2957.5px;
        width: 123px;
        height: 107px;
    }

    .home .br-shard.type-2 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -3px -281px;
        background-size: 600px 4550px;
        background-size: 480px 3640px;
        width: 280px;
        height: 175px;
    }

    .home .br-shard.type-3 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -315px -202px;
        background-size: 600px 4550px;
        background-size: 480px 3640px;
        width: 118px;
        height: 190px;
    }

    .home .br-shard.type-4 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: 0px -520px;
        background-size: 600px 4550px;
        background-size: 480px 3640px;
        width: 237px;
        height: 153px;
    }

    .home .br-shard.type-5 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -295px -442px;
        background-size: 600px 4550px;
        background-size: 480px 3640px;
        width: 175px;
        height: 252px;
    }

    .home .br-shard.type-6 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -120px -760px;
        background-size: 600px 4550px;
        background-size: 480px 3640px;
        width: 179px;
        height: 305px;
    }
}

@media screen and (min-width: 60em) {
    .home .br-shard.type-1 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -27px -150px;
        background-size: 600px 4550px;
        width: 373px;
        height: 161px;
    }

    .home .br-shard.type-2 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -2px -352px;
        background-size: 600px 4550px;
        width: 352px;
        height: 280px;
    }

    .home .br-shard.type-3 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -394px -252px;
        background-size: 600px 4550px;
        width: 204px;
        height: 222px;
    }

    .home .br-shard.type-4 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -2px -652px;
        background-size: 600px 4550px;
        width: 296px;
        height: 222px;
    }

    .home .br-shard.type-5 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -368px -552px;
        background-size: 600px 4550px;
        width: 224px;
        height: 298px;
    }

    .home .br-shard.type-6 {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -150px -952px;
        background-size: 600px 4550px;
        width: 224px;
        height: 364px;
    }
}

.home-slider__slide-main {
    display: block;
    height: 100vh;
    max-height: 100vh;
    min-height: 14em;
    overflow: hidden;
}

@media screen and (min-width: 48em) {
    .home-slider__slide-main {
        height: 100%;
        max-height: none;
    }

    .no-js .home-slider__slide-main {
        height: auto;
    }
}

.home-slider__image-container {
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: center top;
}

.no-js .home-slider__image-container {
    height: 915px;
}

@media screen and (min-width: 48em) {
    .home-slider__image-container {
        display: none;
    }
}

.home-slider__image-container + .home-slider__image-container--large {
    display: none;
}

@media screen and (min-width: 48em) {
    .home-slider__image-container--large {
        display: block;
    }

    .home-slider__image-container + .home-slider__image-container--large {
        display: block;
    }
}

.home-slider__extra {
    display: none;
    padding: 1.65em 1.65em 0;
    height: 16em;
    background-color: #ebebeb;
}

.slider.has-caption-overlay .slick-active .home-slider__extra {
    display: block;
}

@media screen and (min-width: 48em) {
    .home-slider__extra {
        position: absolute;
        top: 3em;
        left: 4em;
        padding: 0;
        width: 58%;
        height: auto;
        background-color: transparent;
    }
}

@media screen and (min-width: 60em) {
    .home-slider__extra {
        top: 4em;
        left: 6em;
        width: 54%;
    }
}

@media screen and (min-width: 86.5em) {
    .home-slider__extra {
        width: 50%;
    }
}

@media screen and (min-width: 48em) {
    .home-slider__extra--dark-slide .home-slider__extra-heading, .home-slider__extra--dark-slide
  .home-slider__extra-content {
        color: #000;
    }
}

.home-slider__extra-heading {
    color: #505a5e;
    text-transform: uppercase;
    font-size: 1.25em;
}

@media screen and (min-width: 48em) {
    .home-slider__extra-heading {
        margin: 0 0 0.8em;
        font: normal normal 400 1em/1.25em "national-medium", sans-serif;
        color: #ffffff;
        font-size: 2.1em;
        line-height: 1em;
    }
}

@media screen and (min-width: 60em) {
    .home-slider__extra-heading {
        font-size: 2.4em;
    }
}

@media screen and (min-width: 86.5em) {
    .home-slider__extra-heading {
        font-size: 3em;
    }
}

@media screen and (min-width: 48em) {
    .home-slider__extra-content {
        margin: 0 0 0.5em;
        color: #ffffff;
        font-size: 1.1em;
    }
}

@media screen and (min-width: 86.5em) {
    .home-slider__extra-content {
        margin-bottom: 0.8em;
        font-size: 1.25em;
    }
}

@media screen and (min-width: 48em) {
    .home-slider__extra-link {
        color: #d6001c;
        font-size: 1.1em;
    }
}

@media screen and (min-width: 86.5em) {
    .home-slider__extra-link {
        font-size: 1.25em;
    }
}

.home-slider__overlay {
    position: absolute;
    left: -32px;
    top: 0;
    width: 120%;
    height: 60px;
    background: rgba(0, 0, 0, 0.45);
    height: 230px;
    z-index: 0;
}

@media screen and (min-width: 48em) {
    .home-slider__overlay {
        width: 21em;
        height: 5.85em;
        background: rgba(0, 0, 0, 0.6);
        filter: none;
        top: auto;
        bottom: 0;
    }

    .home-slider__overlay:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        border-top: 0 inset transparent;
        border-bottom: 5.85em inset transparent;
        border-left: 5.85em solid rgba(0, 0, 0, 0.6);
        width: 0;
        height: 0;
        -webkit-transition: border-color 0.3s ease;
        -moz-transition: border-color 0.3s ease;
        transition: border-color 0.3s ease;
    }

    .slide:hover .home-slider__overlay,
      .slide:focus .home-slider__overlay {
        background-color: #8d1a2e;
    }

    .slide:hover .home-slider__overlay:after,
        .slide:focus .home-slider__overlay:after {
        border-left-color: #8d1a2e;
    }
}

.home-slider__gradient {
    height: 60px;
    left: -32px;
    position: absolute;
    top: -60px;
    width: 120%;
    background: -moz-linear-gradient(top, transparent 0%, transparent 1%, rgba(0, 0, 0, 0.45) 100%);
  /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, transparent 1%, rgba(0, 0, 0, 0.45) 100%);
  /* Chrome10-25,Safari5.1-6 */
    background: -ms-linear-gradient(top, transparent 0%, transparent 1%, rgba(0, 0, 0, 0.45) 100%);
    background: linear-gradient(to bottom, transparent 0%, transparent 1%, rgba(0, 0, 0, 0.45) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#73000000',GradientType=0 );
  /* IE6-9 */
}

@media screen and (min-width: 48em) {
    .home-slider__gradient {
        display: none;
    }
}

.home-slider__description {
    position: absolute;
    padding: 0 2em 0 0;
    left: 32px;
    bottom: 3.75em;
    right: 32px;
}

.slider.has-caption-overlay .home-slider__description {
    bottom: 1.5em;
}

@media screen and (min-width: 48em) {
    .home-slider__description {
        padding-right: 0;
        right: auto;
        left: 40px;
        bottom: 1em;
        width: 21em;
    }

    .slider.has-caption-overlay .home-slider__description {
        bottom: 1em;
    }
}

@media screen and (min-width: 60em) {
    .home-slider__description {
        left: 32px;
    }
}

.home-slider__title {
    display: inline;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    color: #fff;
    text-rendering: geometricPrecision;
    position: relative;
    z-index: 1;
}

.home-slider__title:after {
    content: " " " " " ";
    display: inline;
    margin: 0 0 0 0.4em;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -1px -751px;
    background-size: 400px 1000px;
    font-size: 1em;
    line-height: 42px;
    vertical-align: top;
    text-decoration: none;
}

.slide:hover .home-slider__title,
  .slide:focus .home-slider__title {
    border-bottom: 1px solid #fff;
}

@media screen and (min-width: 48em) {
    .home-slider__title {
        font-size: 1.3em;
        line-height: 1.05em;
    }

    .slide:hover .home-slider__title,
      .slide:focus .home-slider__title {
        border-bottom: none;
    }

    .home-slider__title:after {
        background-position: -51px -751px;
        line-height: 45px;
    }
}

/*
--------------------
Header shard
--------------------
*/
.menu-shard__container {
    display: none;
    position: absolute;
    top: 6.1em;
    left: 0;
    width: 100%;
    z-index: 50;
}

@media screen and (min-width: 60em) {
    .menu-shard__container {
        display: block;
    }
}

.menu-shard__graphic {
    display: block;
    position: relative;
    opacity: 1;
    max-width: 1384px;
    margin: 0 auto;
    -webkit-transition: opacity 0.4s 0.4s ease;
    -moz-transition: opacity 0.4s 0.4s ease;
    transition: opacity 0.4s 0.4s ease;
}

.menu-shard__graphic:after {
    content: '';
    position: absolute;
    top: 0;
    right: 4.3%;
    border-top: 0 inset transparent;
    border-bottom: 62px inset transparent;
    border-left: 62px solid #e0e2e3;
    width: 0;
    height: 0;
    -webkit-transition: right 0.4s ease;
    -moz-transition: right 0.4s ease;
    transition: right 0.4s ease;
}

#page-wrapper.is-sticky .menu-shard__graphic {
    opacity: 0;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

@media screen and (min-width: 86.5em) {
    .menu-shard__graphic:after {
        right: 9.6%;
    }
}

/*
--------------------
Home page transition in animations
--------------------
*/
.home-slider__image-container {
    opacity: 0;
    -webkit-transition: opacity 0.6s 0s ease;
    -moz-transition: opacity 0.6s 0s ease;
    transition: opacity 0.6s 0s ease;
}

.no-js .home .home-slider__image-container,
  .home.transition-in .home-slider__image-container {
    opacity: 1;
}

.home .header {
    will-change: transform;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.6s 1s ease, top 0.6s ease;
    -moz-transition: -webkit-transform 0.6s 1s ease, top 0.6s ease;
    transition: -webkit-transform 0.6s 1s ease, top 0.6s ease;
    -webkit-transition: transform 0.6s 1s ease, top 0.6s ease;
    -moz-transition: transform 0.6s 1s ease, top 0.6s ease;
    transition: transform 0.6s 1s ease, top 0.6s ease;
}

.no-js .home .header,
.home.transition-in .header {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.home .main .inner-container {
    padding-top: 0;
    will-change: padding-top;
    -webkit-transition: padding 0.6s 1s ease;
    -moz-transition: padding 0.6s 1s ease;
    transition: padding 0.6s 1s ease;
}

.no-js .home .main .inner-container,
.home.transition-in .main .inner-container {
    padding-top: 6.1em;
}

@media screen and (min-width: 48em) {
    .no-js .home .main .inner-container,
    .home.transition-in .main .inner-container {
        -webkit-transform: none;
        transform: none;
        padding-top: 8.3em;
    }
}

@media screen and (min-width: 60em) {
    .no-js .home .main .inner-container,
    .home.transition-in .main .inner-container {
        padding-top: 6.1em;
    }
}

@media screen and (min-width: 48em) {
    .parallax__group--carousel {
        max-height: 100vh;
        -webkit-transition: max-height 0.6s 1s ease;
        -moz-transition: max-height 0.6s 1s ease;
        transition: max-height 0.6s 1s ease;
    }
}

@media screen and (min-width: 60em) {
    .parallax__group--carousel {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }

    .no-js .parallax__group--carousel {
        height: auto;
    }
}

@media screen and (min-width: 48em) {
    .home.transition-in .parallax__group--carousel {
        max-height: calc(100vh - 8.3em);
    }
}

@media screen and (min-width: 60em) {
    .home.transition-in .parallax__group--carousel {
        max-height: 100%;
    }
}

@media screen and (min-width: 48em) {
    .no-js .home .parallax__group--carousel {
        max-height: none;
    }
}

@media screen and (min-width: 60em) {
    .no-js .home .parallax__group--carousel {
        max-height: none;
    }
}

.parallax__group:not(.parallax__group--carousel) {
    opacity: 0;
    -webkit-transition: opacity 0s 1s ease;
    -moz-transition: opacity 0s 1s ease;
    transition: opacity 0s 1s ease;
}

.no-js .home .parallax__group:not(.parallax__group--carousel),
.home.transition-in .parallax__group:not(.parallax__group--carousel) {
    opacity: 1;
}

.home-slider__overlay,
.home-slider__description {
    opacity: 0;
    -webkit-transition: opacity 0.6s 2.2s ease, background-color 0.3s ease;
    -moz-transition: opacity 0.6s 2.2s ease, background-color 0.3s ease;
    transition: opacity 0.6s 2.2s ease, background-color 0.3s ease;
}

.no-js .home .home-slider__overlay,
  .home.transition-in .home-slider__overlay, .no-js .home
  .home-slider__description,
  .home.transition-in
  .home-slider__description {
    opacity: 1;
}

.home .tl-shard,
.home .br-shard,
.menu-shard__container,
.home .slick-dots {
    opacity: 0;
    -webkit-transition: opacity 0.6s 3.2s ease;
    -moz-transition: opacity 0.6s 3.2s ease;
    transition: opacity 0.6s 3.2s ease;
}

.home.transition-in .tl-shard,
.home.transition-in .br-shard,
.home.transition-in .menu-shard__container,
.home.transition-in .slick-dots {
    opacity: 1;
}

.no-js .home .home-slider__slide-main,
.home.transition-in .home-slider__slide-main {
    max-height: calc(100vh - 6.6em);
    -webkit-transition: max-height 0.6s 1s ease;
    -moz-transition: max-height 0.6s 1s ease;
    transition: max-height 0.6s 1s ease;
}

@media screen and (min-width: 48em) {
    .no-js .home .home-slider__slide-main,
    .home.transition-in .home-slider__slide-main {
        max-height: none;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }
}

@media screen and (min-width: 48em) {
    .home-slider__extra {
        opacity: 0;
        -webkit-transition: opacity 0.6s 2.2s ease, background-color 0.3s ease;
        -moz-transition: opacity 0.6s 2.2s ease, background-color 0.3s ease;
        transition: opacity 0.6s 2.2s ease, background-color 0.3s ease;
    }

    .no-js .home .home-slider__extra,
    .home.transition-in .home-slider__extra {
        opacity: 1;
    }
}

/*
--------------------
Content Areas
--------------------
*/
.content-area {
    position: relative;
    padding: 0 32px;
    overflow: hidden;
}

.content-area .white {
    color: #fff !important;
}

.content-area .black {
    color: #000 !important;
}

.content-area .red {
    color: #a6192e !important;
}

.content-area .half-area,
  .content-area .two-col,
  .content-area .one-col {
    margin-bottom: 1.2em;
}

@media screen and (min-width: 48em) {
    .content-area {
        padding-left: 68px;
        padding-right: 68px;
    }

    .content-area .half-area,
      .content-area .two-col,
      .content-area .one-col {
        float: left;
        margin-bottom: 0;
        padding-right: 1.2em;
    }

    .content-area .half-area {
        width: 50%;
    }

    .content-area .half-area + .half-area {
        padding-left: 1.2em;
    }

    .content-area .two-col {
        width: 50%;
    }

    .content-area .two-col + .one-col {
        padding-left: 1.2em;
        padding-right: 0;
    }

    .content-area .one-col {
        width: 50%;
    }

    .content-area .one-col + .two-col {
        padding-left: 1.2em;
        padding-right: 0;
    }
}

@media screen and (min-width: 60em) {
    .content-area {
        padding-left: 5em;
        padding-right: 5em;
        min-height: 35em;
    }

    .parallax__group--top .content-area {
        -webkit-box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.4);
    }

    .content-area .two-col {
        width: 75%;
    }

    .content-area .one-col {
        width: 25%;
    }
}

@media screen and (min-width: 86.5em) {
    .content-area {
        padding-left: 7em;
        padding-right: 7em;
    }

    .content-area .half-area {
        padding-right: 1.6em;
    }

    .content-area .half-area + .half-area {
        padding-left: 1.6em;
    }

    .content-area .two-col + .one-col {
        padding-left: 1.6em;
    }

    .content-area .one-col + .two-col {
        padding-left: 1.6em;
    }
}

.content-area__content {
    position: relative;
}

.content-area__content .button {
    display: block;
    margin: 1.2em 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 2px solid #fff;
    padding: 0.55em 0.5em 0.6em;
    width: 100%;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    background-color: transparent;
    -webkit-transition: background-color 0.2s 0s ease;
    -moz-transition: background-color 0.2s 0s ease;
    transition: background-color 0.2s 0s ease;
}

.content-area__content .button:hover, .content-area__content .button:focus {
    background-color: #a6192e;
}

@media screen and (min-width: 48em) {
    .content-area__content .button {
        display: inline-block;
        border-width: 3px;
        padding: 0.45em 3em 0.5em;
        width: auto;
    }
}

@media screen and (min-width: 60em) {
    .content-area__content {
        margin: 0 auto;
        max-width: 1384px;
    }

    .content-area--type-1 .content-area__content {
        font-size: 1.15em;
    }
}

@media screen and (min-width: 86.5em) {
    .content-area--type-1 .content-area__content {
        font-size: 1.3em;
    }

    .content-area__content .button {
        margin: 2.2em 0;
    }
}

.content-area--type-3 h1,
.content-area--type-3 h2,
.content-area--type-3 h3,
.content-area--type-3 h4,
.content-area--type-3 h5,
.content-area--type-3 h6,
.content-area--type-3 p {
    color: #fff;
}

.content-area--type-1 {
    padding-top: 2.2em;
    padding-bottom: 7.5em;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+22,b2b2b2+100 */
    background: whitesmoke;
  /* Old browsers */
    background: -moz-linear-gradient(left, whitesmoke 22%, #b2b2b2 100%);
  /* FF3.6-15 */
    background: -webkit-linear-gradient(left, whitesmoke 22%, #b2b2b2 100%);
  /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, whitesmoke 22%, #b2b2b2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#b2b2b2',GradientType=1 );
  /* IE6-9 */
}

.content-area--type-1 .button {
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    color: #000;
    border-color: #000;
}

.content-area--type-1 .button:hover, .content-area--type-1 .button:focus {
    color: #ffffff;
    background-color: #a6192e;
}

@media screen and (min-width: 48em) {
    .content-area--type-1 {
        padding-top: 3em;
        padding-bottom: 8em;
    }
}

@media screen and (min-width: 60em) {
    .content-area--type-1 {
        padding-top: 9em;
        padding-bottom: 9em;
    }
}

@media screen and (min-width: 86.5em) {
    .content-area--type-1 {
        padding-top: 11em;
        padding-bottom: 10em;
    }
}

.content-area--type-2 {
    padding-top: 1.45em;
    padding-bottom: 0.5em;
    background-color: #ebebeb;
}

.content-area--type-2 .button {
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    color: #000;
    border-color: #000;
}

.content-area--type-2 .button:hover, .content-area--type-2 .button:focus {
    color: #ffffff;
    background-color: #a6192e;
}

@media screen and (min-width: 48em) {
    .content-area--type-2 {
        padding-top: 2.6em;
        padding-bottom: 1.6em;
    }
}

@media screen and (min-width: 60em) {
    .content-area--type-2 {
        padding-top: 8.3em;
        padding-bottom: 9em;
    }
}

.content-area--type-3 {
    padding-top: 1.45em;
    padding-bottom: 0.5em;
  /* Edit gradient: http://colorzilla.com/gradient-editor/#5f615e+0,66635e+100 */
    background: #5f615e;
  /* Old browsers */
    background: -moz-linear-gradient(left, #5f615e 0%, #66635e 100%);
  /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #5f615e 0%, #66635e 100%);
  /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #5f615e 0%, #66635e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f615e', endColorstr='#66635e',GradientType=1 );
  /* IE6-9 */
}

@media screen and (min-width: 48em) {
    .content-area--type-3 {
        padding-top: 2.6em;
        padding-bottom: 1.6em;
    }
}

@media screen and (min-width: 60em) {
    .content-area--type-3 {
        padding-top: 9em;
        padding-bottom: 7.8em;
    }
}

.content-area__shards-large {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
    background-repeat: no-repeat;
    background-position: -1px -1401px;
    background-size: 600px 4550px;
    width: 351px;
    height: 140px;
}

.content-area--type-1 .content-area__shards-large {
    display: block;
}

@media screen and (min-width: 60em) {
    .content-area__shards-large {
        top: 0;
        bottom: auto;
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -2px -8052px;
        background-size: 600px 4550px;
        width: 48%;
        height: 912px;
        background-size: 1200px 9100px;
    }
}

@media screen and (min-width: 86.5em) {
    .content-area__shards-large {
        width: 695px;
    }
}

.content-area__shards-tl {
    display: none;
}

.content-area--type-2 .content-area__shards-tl {
    display: block;
}

@media screen and (min-width: 48em) {
    .content-area__shards-tl {
        position: absolute;
        top: 0;
        left: 0;
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 600px 4550px;
        background-size: 300px 2275px;
        width: 72px;
        height: 72px;
    }
}

@media screen and (min-width: 60em) {
    .content-area__shards-tl {
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 600px 4550px;
        width: 144px;
        height: 144px;
    }
}

.content-area__shards-br {
    display: none;
}

.content-area--type-2 .content-area__shards-br {
    display: block;
}

@media screen and (min-width: 60em) {
    .content-area__shards-br {
        position: absolute;
        right: 0;
        bottom: 0;
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -1px -152px;
        background-size: 600px 4550px;
        width: 398px;
        height: 150px;
    }
}

/*
--------------------
Parallax effect
--------------------
*/
@media screen and (min-width: 60em) {
    .parallax {
        perspective: 1px;
        height: 100%;
        min-height: 26em;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .no-js .parallax {
        perspective: none;
    }
}

.parallax__group--carousel .parallax__layer {
    height: 100%;
}

@media screen and (min-width: 60em) {
    .parallax__layer {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .no-js .parallax__layer {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
    }
}

@media screen and (min-width: 60em) {
    .parallax__layer--base {
        transform: translateZ(0);
    }

    .no-js .parallax__layer--base {
        transform: none;
    }
}

@media screen and (min-width: 60em) {
    .parallax__layer--back {
        transform: translateZ(-1px) scale(2.02);
    }

    .no-js .parallax__layer--back {
        transform: none;
    }
}

.parallax__group {
    position: relative;
}

@media screen and (min-width: 60em) {
    .parallax__group {
        min-height: 35em;
        transform-style: preserve-3d;
    }
}

@media screen and (min-width: 60em) {
    .parallax__group--top {
        z-index: 20;
    }
}

@media screen and (min-width: 60em) {
    .parallax__group--bottom {
        z-index: 10;
    }
}

.parallax__group--carousel {
    min-height: 14em;
}

@media screen and (min-width: 48em) {
    .parallax__group--carousel {
        height: 100vh;
        min-height: 24em;
    }
}

@media screen and (min-width: 60em) {
    .parallax__group--carousel {
        height: 100%;
    }

    .no-js .parallax__group--carousel {
        height: auto;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .home .main .inner-container {
        height: auto;
    }

    .parallax__group--top .content-area {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .parallax {
        perspective: none;
        height: auto;
        min-height: 0;
        overflow: auto;
    }

    .parallax__layer {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
    }

    .parallax__layer--base,
  .parallax__layer--back {
        transform: none;
    }

    .parallax__group {
        min-height: 0;
        transform-style: flat;
    }

    .parallax__group--carousel {
        min-height: 0;
        max-height: 100vh;
        height: 100vh;
        -webkit-transition: max-height 0.6s 1s ease;
        -moz-transition: max-height 0.6s 1s ease;
        transition: max-height 0.6s 1s ease;
    }

    .home.transition-in .parallax__group--carousel {
        max-height: calc(100vh - 6.85em);
    }

    .content-area {
        min-height: 0;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .home .main .inner-container {
        height: auto;
    }

    .parallax__group--top .content-area {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .parallax {
        perspective: none;
        height: auto;
        min-height: 0;
        overflow: auto;
    }

    .parallax__layer {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
    }

    .parallax__layer--base,
  .parallax__layer--back {
        transform: none;
    }

    .parallax__group {
        min-height: 0;
        transform-style: flat;
    }

    .parallax__group--carousel {
        min-height: 0;
        max-height: 100vh;
        height: 100vh;
        -webkit-transition: max-height 0.6s 1s ease;
        -moz-transition: max-height 0.6s 1s ease;
        transition: max-height 0.6s 1s ease;
    }

    .home.transition-in .parallax__group--carousel {
        max-height: calc(100vh - 6.85em);
    }

    .content-area {
        min-height: 0;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .home .main .inner-container {
        height: auto;
    }

    .parallax__group--top .content-area {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .parallax {
        perspective: none;
        height: auto;
        min-height: 0;
        overflow: auto;
    }

    .parallax__layer {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
    }

    .parallax__layer--base,
  .parallax__layer--back {
        transform: none;
    }

    .parallax__group {
        min-height: 0;
        transform-style: flat;
    }

    .parallax__group--carousel {
        min-height: 0;
        max-height: 100vh;
        height: 100vh;
        -webkit-transition: max-height 0.6s 1s ease;
        -moz-transition: max-height 0.6s 1s ease;
        transition: max-height 0.6s 1s ease;
    }

    .home.transition-in .parallax__group--carousel {
        max-height: calc(100vh - 6.85em);
    }

    .content-area {
        min-height: 0;
    }
}

@media (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .home .main .inner-container {
        height: auto;
    }

    .parallax__group--top .content-area {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .parallax {
        perspective: none;
        height: auto;
        min-height: 0;
        overflow: auto;
    }

    .parallax__layer {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
    }

    .parallax__layer--base,
  .parallax__layer--back {
        transform: none;
    }

    .parallax__group {
        min-height: 0;
        transform-style: flat;
    }

    .parallax__group--carousel {
        min-height: 0;
        max-height: 100vh;
        height: 100vh;
        -webkit-transition: max-height 0.6s 1s ease;
        -moz-transition: max-height 0.6s 1s ease;
        transition: max-height 0.6s 1s ease;
    }

    .home.transition-in .parallax__group--carousel {
        max-height: calc(100vh - 6.85em);
    }

    .content-area {
        min-height: 0;
    }
}

@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
    .home .main .inner-container {
        height: auto;
    }

    .parallax__group--top .content-area {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .parallax {
        perspective: none;
        height: auto;
        min-height: 0;
        overflow: auto;
    }

    .parallax__layer {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
    }

    .parallax__layer--base,
  .parallax__layer--back {
        transform: none;
    }

    .parallax__group {
        min-height: 0;
        transform-style: flat;
    }

    .parallax__group--carousel {
        min-height: 0;
        max-height: 100vh;
        height: 100vh;
        -webkit-transition: max-height 0.6s 1s ease;
        -moz-transition: max-height 0.6s 1s ease;
        transition: max-height 0.6s 1s ease;
    }

    .home.transition-in .parallax__group--carousel {
        max-height: calc(100vh - 6.85em);
    }

    .content-area {
        min-height: 0;
    }
}

@media screen and (min-width: 60em) {
    .any-ie #page-wrapper.is-sticky.home .main .inner-container {
        padding-top: 6.9em;
    }
}

.any-ie .home.transition-in .home-slider__slide-main {
    max-height: 84vh;
}

@media screen and (min-width: 48em) {
    .any-ie .home.transition-in .parallax__group--carousel {
        max-height: 80vh;
    }

    .any-ie .home.transition-in .home-slider__slide-main {
        max-height: none;
    }
}

@media screen and (min-width: 60em) {
    .any-ie .content-area--type-1 {
        padding-top: 7em;
        padding-bottom: 7em;
    }

    .any-ie .content-area--type-2 {
        padding-top: 5em;
        padding-bottom: 8em;
    }

    .any-ie .content-area--type-3 {
        padding-top: 2.6em;
        padding-bottom: 1.6em;
    }

    .any-ie .home .main .inner-container {
        height: auto;
    }

    .any-ie .parallax__group--top .content-area {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .any-ie .parallax {
        perspective: none;
        height: auto;
        min-height: 0;
        overflow: auto;
    }

    .any-ie .parallax__layer {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
    }

    .any-ie .parallax__layer--base,
  .any-ie .parallax__layer--back {
        transform: none;
    }

    .any-ie .parallax__group {
        min-height: 0;
        transform-style: flat;
    }

    .any-ie .parallax__group--carousel {
        min-height: 0;
        max-height: 100vh;
        height: 100vh;
        -webkit-transition: max-height 0.6s 1s ease;
        -moz-transition: max-height 0.6s 1s ease;
        transition: max-height 0.6s 1s ease;
    }

    .any-ie .home.transition-in .parallax__group--carousel {
        max-height: calc(100vh - 6.85em);
    }

    .any-ie .content-area {
        min-height: 0;
    }

    .any-ie .parallax__group--carousel {
        min-height: 24em;
    }

    .any-ie .home.transition-in .parallax__group--carousel {
        max-height: 84vh;
    }
}

@media screen and (min-width: 86.5em) {
    .any-ie .content-area--type-2 {
        padding-top: 8.3em;
        padding-bottom: 9em;
    }
}

/*
--------------------
Level 1 Landing page - specific styling and layout
--------------------
*/
/*
--------------------
Text
--------------------
*/
.landing .main p {
    color: #000;
}

/*
--------------------
Headings
--------------------
*/
@media screen and (min-width: 48em) {
    .landing .page-sub-title {
        font-size: 1.5em;
    }
}

.landing .page-sub-title {
    margin-bottom: 0.4em;
    border-bottom: none;
    padding: 0;
    font-size: 1.25em;
}

/*
--------------------
Tile listing
--------------------
*/
.landing .tile-listing__list {
    margin-top: 2.25em;
    margin-bottom: 2em;
}

@media screen and (min-width: 60em) {
    .landing .tile-listing__list {
        margin-top: 4em;
        margin-bottom: 0;
    }
}

/*
--------------------
Study Landing page - specific styling and layout
--------------------
*/
/*
--------------------
Button style Listing
--------------------
*/
/*
--------------------
Icon tiles
--------------------
*/
.study-landing .icon-tiles__container {
    margin: 2.2em 0 0;
}

@media screen and (min-width: 48em) {
    .study-landing .icon-tiles__container {
        margin: 3.2em 0 0;
    }
}

@media screen and (min-width: 60em) {
    .study-landing .icon-tiles__container {
        margin: 3.9em 0 0;
    }
}

/*
--------------------
Page Content layout
--------------------
*/
.study-landing .page-content {
    margin: 2.5em 0 0;
}

.study-landing .page-content h2 {
    color: #000;
}

@media screen and (min-width: 60em) {
    .study-landing .page-content {
        margin: 3.9em 0 0;
    }
}

/*
--------------------
Tile listing
--------------------
*/
.study-landing .landing-promo-tiles {
    margin: 2.5em 0 1em;
}

.study-landing .landing-promo-tiles__title {
    margin-bottom: 0.65em;
    color: #000;
}

.study-landing .tile-listing__list {
    margin: 0;
}

@media screen and (min-width: 48em) {
    .study-landing .landing-promo-tiles__title {
        margin-bottom: 0.75em;
    }
}

@media screen and (min-width: 60em) {
    .study-landing .landing-promo-tiles {
        margin-bottom: 0;
    }
}

/*
--------------------
Subject Landing page - specific styling and layout
--------------------
*/
/*
--------------------
Headings
--------------------
*/
.subject-landing .page-sub-title {
    margin-bottom: 0.4em;
    border-bottom: none;
    padding: 0;
    font-size: 1.25em;
}

@media screen and (min-width: 48em) {
    .subject-landing .page-sub-title {
        font-size: 1.5em;
    }
}

/*
--------------------
Page Content layout
--------------------
*/
/*
--------------------
Tabs
--------------------
*/
.subject-landing .main .tab-area__content-title {
    margin-bottom: 0.65em;
    font-size: 1.2em;
    color: #000;
}

.subject-landing .tab-area__container {
    margin-top: 1.6em;
}

@media screen and (min-width: 48em) {
    .subject-landing .tab-area__container {
        margin-top: 2.4em;
    }
}

@media screen and (min-width: 60em) {
    .subject-landing .tab-area__container {
        margin-top: 2.8em;
    }
}

/*
--------------------
Accordions
--------------------
*/
.subject-landing .main .tab-area__content .accordion__container {
    margin: 0 0 1.1em;
}

.subject-landing .main .tab-area__content .accordion__label {
    background-color: #fff;
}

.subject-landing .main .tab-area__content .accordion__label:hover, .subject-landing .main .tab-area__content .accordion__label:focus, .subject-landing .main .tab-area__content .accordion__label.is-active {
    background-color: #a6192e;
}

.subject-landing .main .tab-area__content .accordion__content {
    padding: 0;
    background-color: #fff;
}

.subject-landing .main .tab-area__content .accordion__content h3 {
    color: #505a5e;
}

@media screen and (min-width: 48em) {
    .subject-landing .main .accordion__container {
        margin-bottom: 2.8em;
    }

    .subject-landing .main .tab-area__content .accordion__content {
        padding: 0.65em 0 0;
    }
}

p.course-finder__error {
    margin: 0;
    padding: 0 0.8em 0.8em;
    color: #c80000;
}

/*
--------------------
Tables
--------------------
*/
.subject-landing table.responsive-table {
    table-layout: initial;
    margin: 0;
}

.subject-landing table.responsive-table tbody tr {
    padding-left: 0.8em;
    padding-right: 0.8em;
}

.subject-landing table.responsive-table tbody tr:nth-child(odd) {
    background-color: #eee8e8;
}

@media screen and (min-width: 48em) {
    .subject-landing table.responsive-table td {
        padding-left: 0.85em;
        padding-right: 0.85em;
    }

    .subject-landing table.responsive-table th:first-child {
        padding-left: 0.85em;
    }

    .subject-landing table.responsive-table th:nth-child(2) {
        width: 7em;
    }
}

/*
--------------------
Study Campaign Landing page - specific styling and layout
--------------------
*/
/*
--------------------
Button style Listing
--------------------
*/
.campaign-landing .button-style-listing__container {
    margin: 0.5em 0 0;
}

@media screen and (min-width: 86.5em) {
    .campaign-landing .button-style-listing__container {
        margin-top: 1.3em;
    }
}

/*
--------------------
Course Finder widget
--------------------
*/
.campaign-landing .course-finder__container {
    margin: 2.55em 0 0;
}

@media screen and (min-width: 60em) {
    .campaign-landing .course-finder__container {
        margin-top: 3.35em;
    }
}

/*
--------------------
Page Content layout
--------------------
*/
.campaign-landing .page-content {
    margin: 2.5em 0 0;
}

.campaign-landing .page-content h2 {
    color: #000;
}

@media screen and (min-width: 60em) {
    .campaign-landing .page-content {
        margin: 3.6em 0 0;
    }
}

/*
--------------------
Tile listing
--------------------
*/
.campaign-landing .landing-promo-tiles {
    margin: 2.5em 0 1em;
}

.campaign-landing .landing-promo-tiles__title {
    margin-bottom: 0.65em;
    color: #000;
}

.campaign-landing .tile-listing__list {
    margin: 0;
}

@media screen and (min-width: 48em) {
    .campaign-landing .landing-promo-tiles__title {
        margin-bottom: 0.55em;
    }
}

@media screen and (min-width: 60em) {
    .campaign-landing .landing-promo-tiles {
        margin-top: 3.55em;
        margin-bottom: 0;
    }
}

/*
--------------------
Tabs
--------------------
*/
.campaign-landing .tab-area__container {
    margin: 2.9em 0 1.1em;
}

@media screen and (min-width: 48em) {
    .campaign-landing .tab-area__container {
        margin-top: 1em;
        margin-bottom: 2.8em;
    }
}

@media screen and (min-width: 60em) {
    .campaign-landing .tab-area__container {
        margin-top: 1.9em;
        margin-bottom: 1.7em;
    }
}

/*
--------------------
Faculty pages - specific styling and layout
--------------------
*/
@media screen and (min-width: 48em) {
    .faculty-landing {
        overflow: hidden;
    }

    .faculty-landing .main .inner-container:before {
        content: '';
        display: block;
        z-index: 10;
        position: absolute;
        right: -16px;
        top: -59px;
        width: 220px;
        height: 141px;
        background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0017/133190/shards.svg?v=0.1.7");
        background-repeat: no-repeat;
        background-position: -301px -2451px;
        background-size: 600px 4550px;
    }
}

@media screen and (min-width: 60em) {
    .faculty-landing .main .inner-container:before {
        right: -108px;
        top: -123px;
        width: 361px;
        height: 231px;
        background-position: -1px -3101px;
    }
}

@media screen and (min-width: 60em) {
    .landing-summary {
        font-size: 1.15em;
    }
}

/*
--------------------
Layout
--------------------
*/
@media screen and (min-width: 48em) {
    .page-banner__container--landing ~ .main {
        margin-top: 29%;
    }
}

@media screen and (min-width: 1600px) {
    .page-banner__container--landing ~ .main {
        margin-top: 460px;
    }
}

@media screen and (min-width: 48em) {
    .page-banner__container--landing ~ .main > .inner-container {
        padding-left: 36px;
        padding-right: 36px;
    }
}

@media screen and (min-width: 60em) {
    .page-banner__container--landing ~ .main > .inner-container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (min-width: 86.5em) {
    .page-banner__container--landing ~ .main > .inner-container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width: 48em) {
    .page-banner__container--landing ~ .main .main-content {
        padding-top: 2.05em;
        padding-left: 32px;
        padding-right: 32px;
        background-color: #fff;
    }
}

@media screen and (min-width: 60em) {
    .page-banner__container--landing ~ .main .main-content {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (min-width: 86.5em) {
    .page-banner__container--landing ~ .main .main-content {
        padding-left: 32px;
        padding-right: 32px;
    }
}

.faculty-landing .landing-content {
    margin-top: 2.1em;
}

@media screen and (min-width: 60em) {
    .faculty-landing .landing-content {
        min-height: 80vh;
        overflow: hidden;
    }

    .faculty-landing .landing-widgets__container {
        float: left;
        width: 76.1%;
    }
}

/*
--------------------
Headings
--------------------
*/
.faculty-landing h1.type1 {
    margin: 0 0 0.4em;
    font-size: 1.55em;
    letter-spacing: -0.5px;
}

@media screen and (min-width: 48em) {
    .faculty-landing h1.type1 {
        margin-bottom: 0.45em;
        padding-right: 3.8em;
        font-size: 2.35em;
        letter-spacing: -1px;
    }
}

@media screen and (min-width: 60em) {
    .faculty-landing h1.type1 {
        margin-bottom: 0.35em;
        padding-right: 4.5em;
        font-size: 3.2em;
    }
}

/*
--------------------
Landing Sub-navigation
--------------------
*/
.faculty-landing .landing-sub-nav {
    float: left;
    margin-right: 7.2%;
    width: 16.7%;
}

/*
--------------------
Tile listing
--------------------
*/
.faculty-tiles__container {
    margin: 2.5em 0 2em;
}

@media screen and (min-width: 48em) {
    .faculty-tiles__container {
        margin-bottom: 3.4em;
    }
}

@media screen and (min-width: 60em) {
    .faculty-tiles__container {
        margin-top: 2.8em;
        margin-bottom: 0.6em;
    }
}

.faculty-tiles__heading {
    margin: 0 0 0.6em;
    color: #000;
}

@media screen and (min-width: 48em) {
    .faculty-tiles__heading {
        margin-bottom: 0.9em;
    }
}

@media screen and (min-width: 60em) {
    .faculty-tiles__heading {
        margin-bottom: 1.15em;
    }
}

.faculty-landing .tile-listing__list {
    margin: 0;
}

@media screen and (min-width: 34.375em) {
    .faculty-landing .tile-listing__item {
        margin: 0 0 2.8% 2.8%;
        width: 48.6%;
        min-height: 18.6em;
    }

    .faculty-landing .tile-listing__item:nth-of-type(2n+1) {
        margin-left: 0;
    }
}

@media screen and (min-width: 60em) {
    .faculty-landing .tile-listing__item {
        margin: 0 0 1.6% 1.6%;
        width: 49.2%;
    }

    .faculty-landing .tile-listing__item:nth-of-type(2n+1) {
        clear: left;
    }

    .faculty-landing .tile-listing__item:nth-of-type(3n+1) {
        margin-left: 1.6%;
        clear: none;
    }

    .faculty-landing .tile-listing__item:first-child {
        margin-left: 0;
    }
}

@media screen and (min-width: 86.5em) {
    .faculty-landing .tile-listing__item {
        margin: 0 0 1.1% 1.1%;
        width: 49.45%;
        min-height: 20.1em;
    }

    .faculty-landing .tile-listing__item:nth-of-type(3n+1) {
        margin-left: 1.1%;
    }

    .faculty-landing .tile-listing__item:first-child {
        margin-left: 0;
    }
}

/*
--------------------
Library page - specific styling and layout
--------------------
*/
/*
--------------------
Search Tabs block
--------------------
*/
.search-tabs h2 {
    margin-bottom: 0.45em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.25em;
    line-height: 1.1em;
    color: #000;
}

@media screen and (min-width: 60em) {
    .search-tabs h2 {
        margin-bottom: 0.6em;
        font-size: 1.55em;
    }
}

/*
--------------------
Open hours block
--------------------
*/
.open-hours h2 {
    margin-bottom: 0.45em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.25em;
    line-height: 1.1em;
    color: #000;
}

@media screen and (min-width: 60em) {
    .open-hours {
        float: left;
        margin-bottom: 3.7em;
        width: 50.6%;
    }

    .open-hours h2 {
        margin-bottom: 1em;
        font-size: 1.55em;
    }
}

.open-hours-additional__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.open-hours-additional__item {
    margin: 0;
    padding: 0;
    margin-top: 0.3em;
}

.open-hours-additional__item:before, .open-hours-additional__item:after {
    content: none;
}

@media screen and (min-width: 48em) {
    .open-hours-additional__item {
        display: inline-block;
        margin: 0 2.6em 0 0;
    }
}

.open-hours-additional__link {
    display: inline-block;
}

/*
--------------------
Social feed listing
--------------------
*/
.library-landing .social-listing__container {
    margin: 2em 0;
}

@media screen and (min-width: 60em) {
    .library-landing .social-listing__container {
        float: left;
        margin: 1.35em 0 3.7em 5.6%;
        width: 43.8%;
    }
}

.library-landing .page-content {
    clear: both;
}

/*
--------------------
Form elements
--------------------
*/
.select-styled__container {
    margin-bottom: 1em;
}

/*
--------------------
Tabs
--------------------
*/
.library-landing .multisearch-tabs {
    display: none;
}

@media screen and (min-width: 48em) {
    .library-landing .multisearch-tabs {
        display: block;
    }
}

/*
--------------------
Promotional Slideshow
--------------------
*/
.library-landing .promo-slideshow__container {
    clear: both;
}

/*
--------------------
Maps page - specific styling and layout
--------------------
*/
/*
--------------------
Map web application (via iframe)
--------------------
*/
.map-app__container {
    display: none;
    line-height: 0;
}

@media screen and (min-width: 60em) {
    .map-app__container {
        display: block;
        margin-top: 0.3em;
    }
}

/*
--------------------
Google Map embed (via iframe)
--------------------
*/
.google-map__container {
    margin: 1.1em 0 0;
    line-height: 0;
}

.google-map__container iframe {
    max-width: 90%;
    max-height: 300px;
}

.google-map__container .app-link {
    display: inline-block;
    margin: 1em 0 0;
}

.google-map__container .note {
    margin: 0.15em 0 0;
    font: normal normal 400 1em/1.25em "national-light-italic", sans-serif;
    font-size: 0.9em;
}

@media screen and (min-width: 48em) {
    .google-map__container {
        margin: 0;
    }

    .google-map__container iframe {
        max-width: 100%;
        max-height: 400px;
    }

    .google-map__container .app-link {
        margin-top: 0.7em;
    }
}

@media screen and (min-width: 60em) {
    .google-map__container {
        display: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .google-map__container {
        display: block;
    }

    .map-app__container {
        display: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .google-map__container {
        display: block;
    }

    .map-app__container {
        display: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .google-map__container {
        display: block;
    }

    .map-app__container {
        display: none;
    }
}

@media (max-device-width: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .google-map__container {
        display: block;
    }

    .map-app__container {
        display: none;
    }
}

@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
    .google-map__container {
        display: block;
    }

    .map-app__container {
        display: none;
    }
}

/*
--------------------
Tile listing
--------------------
*/
.maps-landing .tile-listing__list {
    margin-top: 2.5em;
    margin-bottom: 2em;
}

@media screen and (min-width: 48em) {
    .maps-landing .tile-listing__title {
        font-size: 1.3em;
    }
}

@media screen and (min-width: 60em) {
    .maps-landing .tile-listing__list {
        margin-top: 0.2em;
        margin-bottom: 0.55em;
    }

    .maps-landing .tile-listing__item {
        margin: 4.1% 0 0 4.2%;
        width: 47.9%;
    }

    .maps-landing .tile-listing__item:nth-of-type(2n+1) {
        margin-left: 0;
        clear: left;
    }

    .maps-landing .tile-listing__item:nth-of-type(3n+1) {
        margin-left: 4.2%;
        clear: none;
    }

    .maps-landing .tile-listing__item:nth-of-type(odd) {
        margin-left: 0;
        clear: none;
    }

    .maps-landing .tile-listing__details-container {
        padding: 1.25em 1.55em 1.2em;
    }

    .maps-landing .tile-listing__title {
        font-size: 1.65em;
    }
}

/*
--------------------
Staff pages - specific styling and layout
--------------------
*/
/*
--------------------
Global layout
--------------------
*/
.staff-profile .main .inner-container {
    background-color: transparent;
}

@media screen and (min-width: 60em) {
    .staff-profile .main-content {
        min-height: 140vh;
    }
}

/*
--------------------
Headings
--------------------
*/
.staff-profile .page-title {
    display: none;
}

/*
--------------------
Staff details
--------------------
*/
.staff-details__background-fill {
    display: none;
    position: absolute;
    top: 0;
    right: 59.8%;
    width: 60%;
    height: 100%;
    background-color: #ebebeb;
}

@media screen and (min-width: 48em) {
    .staff-details__background-fill {
        display: block;
    }
}

@media screen and (min-width: 60em) {
    .staff-details__background-fill {
        right: 66.6%;
        width: 35.8%;
    }
}

.staff-details__container {
    position: relative;
}

.staff-details__container h1 {
    margin: 0 0 0.25em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.65em;
    line-height: 1em;
    color: #505a5e;
}

.staff-details__container h2 {
    margin: 0 0 0.4em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    line-height: 1em;
    color: #000;
}

.staff-details__container h3 {
    margin: 0 0 0.1em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 0.95em;
    line-height: 1em;
    color: #373a36;
}

@media screen and (min-width: 48em) {
    .staff-details__container {
        float: left;
        margin-right: 4.15%;
        width: 40%;
        padding: 0 2.9em 2.8em 0;
    }
}

@media screen and (min-width: 60em) {
    .staff-details__container {
        width: 33.4%;
    }
}

.staff-details__snapshot {
    overflow: hidden;
}

.staff-details__snapshot h1 {
    margin-top: 0.6em;
}

.staff-details__snapshot img {
    display: inline-block;
    margin: 0 1.4em 0.3em 0;
    min-width: 0;
    width: 100%;
    max-width: 14em;
    height: auto;
    line-height: 0;
    vertical-align: bottom;
}

@media screen and (min-width: 48em) {
    .staff-details__snapshot h1 {
        margin-top: 0;
    }

    .staff-details__snapshot img {
        display: inline-block;
        margin: 0 0 1.4em;
        min-width: 100%;
        max-width: none;
    }
}

@media screen and (min-width: 60em) {
    .staff-details__snapshot img {
        margin: 0 0 1.9em;
    }
}

.staff-details__profile {
    display: inline-block;
    margin-bottom: 0.3em;
    vertical-align: bottom;
}

@media screen and (min-width: 48em) {
    .staff-details__profile {
        display: block;
        margin-bottom: 0;
    }
}

.staff-details__contact,
.staff-details__expertise {
    margin: 1.3em 0 0;
    border-top: 1px solid #d6d3c5;
    padding: 1.25em 0 0;
}

.staff-details__contact h3,
  .staff-details__expertise h3 {
    margin-bottom: 0.2em;
    color: #000;
}

@media screen and (min-width: 60em) {
    .staff-details__contact,
    .staff-details__expertise {
        margin: 2.1em 0 0;
        padding: 1.95em 0 0;
    }
}

.staff-details__contact p {
    margin: 0 0 0.15em;
}

.staff-details__expertise p {
    margin: 0;
}

/*
--------------------
Staff description
--------------------
*/
.staff-description__container {
    margin: 2.8em 0 0;
}

@media screen and (min-width: 48em) {
    .staff-description__container {
        margin-top: 0;
        float: left;
        width: 55.85%;
    }
}

@media screen and (min-width: 60em) {
    .staff-description__container {
        width: 62.45%;
    }
}

/*
--------------------
Accordions
--------------------
*/
/*
--------------------
Study Areas Landing page - specific styling and layout
--------------------
*/
/*
--------------------
Study Area landing widgets
--------------------
*/
.study-area-landing-widgets {
    margin: 2.8em 0 2.8em;
}

@media screen and (min-width: 60em) {
    .study-area-landing-widgets {
        float: left;
        margin: 0.7em 0 0;
        width: 30%;
    }
}

/*
--------------------
Page Content layout
--------------------
*/
@media screen and (min-width: 60em) {
    .study-area-landing .page-content__container {
        float: left;
        margin-bottom: 1.8em;
        padding-right: 55px;
        width: 70%;
    }

    .study-area-landing .page-content__container.is-single-column {
        float: none;
        width: 100%;
        padding-right: 0;
    }
}

/*
--------------------
Tabs
--------------------
*/
.study-area-landing .tab-area__container {
    margin: 2.8em 0 0;
}

@media screen and (min-width: 48em) {
    .study-area-landing .tab-area__container {
        margin-bottom: 3.6em;
    }
}

@media screen and (min-width: 60em) {
    .study-area-landing .tab-area__container {
        margin-bottom: 1em;
    }
}

/*
--------------------
Subject Areas listing
--------------------
*/
.subject-listing__list {
    clear: both;
}

/*
--------------------
Contact page - specific styling and layout
--------------------
*/
/*
--------------------
Contact details block
--------------------
*/
.contact .contact-block__container {
    margin: 0 0 3.5em;
}

/*
--------------------
Social icon listing
--------------------
*/
.contact .share-social__list {
    margin: 2.3em 0 1.8em;
}

/*
--------------------
Login styles
--------------------
*/
body.login-design {
    background: url("https://www.hotel.mgsm.com.au/__data/assets/image/0018/133182/login-bg.jpg?v=0.1.5") center center no-repeat;
    background-size: 410%;
}

@media screen and (min-width: 48em) {
    body.login-design {
        background-size: cover;
    }
}

.login {
    margin: 1em auto;
    border-bottom: #e0e2e3 6px solid;
    width: 90%;
    max-width: 26em;
    background: #fff;
}

.login .sq-message {
    margin-bottom: 1em;
}

.login .sq-login-message,
  .login .sq-message p {
    margin: 0 0 0.3em;
    color: #c80000;
}

@media screen and (min-width: 48em) {
    .login {
        position: absolute;
        top: 48%;
        left: 50%;
        margin-left: -13em;
        margin-top: -13em;
    }
}

.login__heading {
    padding: 1.1em 1.2em 0.8em;
    background: #e0e2e3;
}

.login__logo,
.login__logo-mgsm {
    display: inline-block;
    vertical-align: top;
}

.login__logo {
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 400px 1000px;
    width: 43px;
    height: 50px;
    background-size: 320px 800px;
}

.login__logo-mgsm {
    margin: 0;
    width: 152px;
    height: 50px;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 400px 1000px;
    background-size: 320px 800px;
}

.login__content {
    padding: 1.6em 1.8em 1.8em;
    overflow: hidden;
}

.login__welcome {
    margin-bottom: 0.5em;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 1.1em;
    color: #505a5e;
}

.login__text {
    margin-bottom: 0.8em;
}

.login__btn {
    margin-top: 0.5em;
    margin-bottom: 0.4em;
    min-width: 7em;
    width: 100%;
    background-color: #63666a;
}

.login__btn:hover, .login__btn:focus {
    background-color: #a6192e;
}

@media screen and (min-width: 48em) {
    .login__btn {
        float: right;
        margin-top: 0.5em;
        margin-bottom: 0;
        min-width: 8em;
        width: auto;
    }
}

/*
--------------------
Search Results page - specific styling and layout
--------------------
*/
/*
--------------------
Search Form
--------------------
*/
.results-page-search__form {
    position: relative;
    margin: 1.4em 0 1.4em;
}

@media screen and (min-width: 48em) {
    .results-page-search__form {
        margin: 0 0 2.2em;
    }
}

@media screen and (min-width: 60em) {
    .results-page-search__form {
        margin: 0 auto 2.2em;
        max-width: 35em;
    }
}

.results-page-search__input-wrap {
    display: block;
    position: relative;
}

.results-page-search__input-wrap + .checkbox-inline {
    margin: 0.6em 0;
}

input.results-page-search__input {
    border: 1px solid #e0e2e3;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    line-height: 1.1em;
    background-color: #fff;
    -webkit-appearance: none;
}

input.results-page-search__input::-ms-clear {
    display: none;
}

input.results-page-search__input::-webkit-input-placeholder {
    color: #30383c;
}

input.results-page-search__input::-moz-placeholder {
    color: #30383c;
}

input.results-page-search__input:-ms-input-placeholder {
    color: #30383c;
}

@media screen and (min-width: 48em) {
    input.results-page-search__input {
        padding-right: 135px;
        height: 2.7em;
        font: normal normal 400 1em/1.25em "national-light", sans-serif;
        font-size: 1.25em;
        line-height: 1.1em;
    }
}

input.results-page-search__reset {
    display: none;
}

@media screen and (min-width: 48em) {
    input.results-page-search__reset {
        display: block;
        visibility: visible;
        opacity: 0;
        position: absolute;
        bottom: 0.7em;
        right: 80px;
        height: 40px;
        padding: 0;
        min-width: 0;
        color: #a6192e;
        letter-spacing: normal;
        background-color: transparent;
        -webkit-transition: color 0.2s 0s ease, opacity 0.3s 0s ease;
        -moz-transition: color 0.2s 0s ease, opacity 0.3s 0s ease;
        transition: color 0.2s 0s ease, opacity 0.3s 0s ease;
    }

    input.results-page-search__reset:focus,
      .results-page-search__input:focus + input.results-page-search__reset {
        visibility: visible;
        opacity: 1;
    }

    input.results-page-search__reset:hover, input.results-page-search__reset:focus {
        color: #d6001c;
        background-color: transparent;
    }
}

input.results-page-search__submit {
    position: absolute;
    right: 0;
    bottom: -1px;
    margin: 0;
    padding: 0;
    min-width: 0;
    width: 44px;
    height: 2.2em;
    text-indent: 100%;
    overflow: hidden;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -90px -440px;
    background-size: 400px 1000px;
    background-color: transparent;
    -webkit-transition: background-color 0.3s ease, border 0.3s ease;
    -moz-transition: background-color 0.3s ease, border 0.3s ease;
    transition: background-color 0.3s ease, border 0.3s ease;
}

input.results-page-search__submit:hover, input.results-page-search__submit:focus {
    background-position: -140px -440px;
    background-color: #a6192e;
}

@media screen and (min-width: 48em) {
    input.results-page-search__submit {
        bottom: 0;
        width: 70px;
        height: 2.7em;
        font-size: 1.25em;
        background-position: -180px -432px;
        border: 1px solid transparent;
        border-left: none;
    }

    input.results-page-search__submit:hover, input.results-page-search__submit:focus {
        border-color: #5d1945;
        background-position: -230px -432px;
    }
}

/*
--------------------
Search Filters
--------------------
*/
.search-results-filters__container {
    margin: 1.5em 0 0;
}

@media screen and (min-width: 60em) {
    .search-results-filters__container {
        margin: 1.8em 0 1.4em;
        float: left;
        width: 22%;
    }

    .search-results-filters__container .u-accordion-helper {
        visibility: visible;
        max-height: none;
    }
}

.filters__h,
button.filters__h--mobile {
    display: none;
    position: relative;
    outline: none;
    margin: 0;
    padding: 0.7em 2.1em 0.75em 0.7em;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 1.15em;
    line-height: 1.1em;
    color: #a6192e;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: background-color 0.3s 0s ease, color 0.1s 0s ease;
    -moz-transition: background-color 0.3s 0s ease, color 0.1s 0s ease;
    transition: background-color 0.3s 0s ease, color 0.1s 0s ease;
}

.filters__h:after,
  button.filters__h--mobile:after {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -250px -150px;
    background-size: 400px 1000px;
}

.filters__h:hover, .filters__h:focus, .filters__h.is-active,
  button.filters__h--mobile:hover,
  button.filters__h--mobile:focus,
  button.filters__h--mobile.is-active {
    background-color: #a6192e;
}

.filters__h:after,
  button.filters__h--mobile:after {
    position: absolute;
    right: 0.7em;
    top: 50%;
    margin: -6px 0 0;
    width: 13px;
    height: 13px;
}

.filters__h:hover, .filters__h:focus, .filters__h.is-active,
  button.filters__h--mobile:hover,
  button.filters__h--mobile:focus,
  button.filters__h--mobile.is-active {
    color: #fff;
    background-color: #a6192e;
}

.filters__h:hover:after, .filters__h:focus:after,
  button.filters__h--mobile:hover:after,
  button.filters__h--mobile:focus:after {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -350px -150px;
    background-size: 400px 1000px;
}

.filters__h.is-active:after,
  button.filters__h--mobile.is-active:after {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -300px -150px;
    background-size: 400px 1000px;
}

.filters__h.is-active:after,
  button.filters__h--mobile.is-active:after {
    right: 0.7em;
    top: 50%;
    margin: -1px 0 0;
    width: 13px;
    height: 3px;
}

@media screen and (min-width: 48em) {
    .filters__h,
    button.filters__h--mobile {
        padding: 0.45em 2.5em 0.6em 0.7em;
        font-size: 1.15em;
    }

    .filters__h:after,
      button.filters__h--mobile:after {
        right: 1.35em;
        margin: -6px 0 0;
    }

    .filters__h.is-active:after,
      button.filters__h--mobile.is-active:after {
        right: 1.35em;
    }
}

@media screen and (min-width: 60em) {
    .filters__h,
    button.filters__h--mobile {
        display: block;
        padding: 1em 1.15em 1.1em;
        color: #fff;
        font-size: 1.05em;
        text-transform: uppercase;
        background-color: #a6192e;
        cursor: default;
    }

    .filters__h:after,
      button.filters__h--mobile:after {
        content: none;
    }

    .filters__h:hover:after, .filters__h:focus:after,
      button.filters__h--mobile:hover:after,
      button.filters__h--mobile:focus:after {
        content: none;
    }
}

button.filters__h--mobile {
    display: block;
    width: 100%;
    min-width: 0;
    letter-spacing: normal;
    text-align: left;
}

@media screen and (min-width: 60em) {
    button.filters__h--mobile {
        display: none;
    }
}

.filters__content {
    padding: 1em 0.95em 0.1em;
    background-color: #e0e2e3;
}

@media screen and (min-width: 48em) {
    .filters__content {
        padding: 1.35em 1.45em 0.3em;
    }
}

@media screen and (min-width: 60em) {
    .filters__content {
        padding: 1em 1.3em 0.2em;
    }
}

.filters__container {
    margin: 0 0 1.2em;
}

.filters__container .filters__more-button {
    display: block;
    position: relative;
    margin: 0.9em 0 0;
    border-top: 2px solid #e0e2e3;
    padding: 0.4em 0 0 1.2em;
    min-width: 0;
    width: 100%;
    background: transparent;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    letter-spacing: normal;
    text-align: left;
    color: #a6192e;
    -webkit-transition: color 0.1s ease;
    -moz-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.filters__container .filters__more-button:before {
    content: '';
    display: block;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -50px -300px;
    background-size: 400px 1000px;
}

.filters__container .filters__more-button:before {
    display: block;
    position: absolute;
    left: 1px;
    top: 0.75em;
    width: 11px;
    height: 11px;
}

.filters__container .filters__more-button:hover, .filters__container .filters__more-button:focus {
    background: transparent;
    color: #505a5e;
}

.filters__container .filters__more-button.is-expanded:before {
    background-position: -100px -750px;
}

@media screen and (min-width: 48em) {
    .filters__container .filters__more-button {
        border-width: 1px;
    }
}

.filters__group-h {
    color: #000;
}

@media screen and (min-width: 48em) {
    .filters__group-h {
        font-size: 1.1em;
    }
}

.filters__list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 0.8em;
}

.filters__item {
    margin: 0;
    padding: 0;
    margin: 0.6em 0 0;
}

.filters__item:before, .filters__item:after {
    content: none;
}

@media screen and (min-width: 48em) {
    .filters__item {
        margin: 0.3em 0 0;
    }
}

.filters__link {
    display: inline;
    position: relative;
}

.filters__link:before {
    content: '';
    display: block;
    position: absolute;
    top: 0.3em;
    width: 0;
    height: 0;
    left: -0.65em;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 6px solid #a6192e;
}

.categoryCount {
    display: inline-block;
    text-decoration: none;
}

.categoryCount:before {
    content: '(';
}

.categoryCount:after {
    content: ')';
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .filters__h {
        display: none;
    }

    button.filters__h--mobile {
        display: block;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .filters__h {
        display: none;
    }

    button.filters__h--mobile {
        display: block;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .filters__h {
        display: none;
    }

    button.filters__h--mobile {
        display: block;
    }
}

@media (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .filters__h {
        display: none;
    }

    button.filters__h--mobile {
        display: block;
    }
}

@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
    .filters__h {
        display: none;
    }

    button.filters__h--mobile {
        display: block;
    }
}

/*
--------------------
Search Results
--------------------
*/
.search-results__tab-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    position: relative;
    z-index: 10;
    table-layout: fixed;
    width: 100%;
}

.search-results__tab-item {
    margin: 0;
    padding: 0;
    display: table-cell;
    border-left: 4px solid #fff;
    vertical-align: top;
}

.search-results__tab-item:before, .search-results__tab-item:after {
    content: none;
}

.search-results__tab-item:first-child {
    border-left: none;
}

.search-results__tab-item.search-results__tab-item--multisearch {
    display: none;
}

@media screen and (min-width: 48em) {
    .search-results__tab-item.search-results__tab-item--multisearch {
        display: table-cell;
    }
}

.search-results__tab-link,
button.search-results__multisearch-button {
    display: block;
    padding: 0.51em 0.3em 0.5em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.15em;
    text-align: center;
    color: #000;
    cursor: pointer;
    background-color: #ebe7dc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    -webkit-transition: background-color 0.3s 0s ease, color 0.1s 0s ease;
    -moz-transition: background-color 0.3s 0s ease, color 0.1s 0s ease;
    transition: background-color 0.3s 0s ease, color 0.1s 0s ease;
}

.search-results__tab-link:hover, .search-results__tab-link:focus, .search-results__tab-link.is-active,
  button.search-results__multisearch-button:hover,
  button.search-results__multisearch-button:focus,
  button.search-results__multisearch-button.is-active {
    color: #505a5e;
    background-color: #63666a;
    outline: none;
}

button.search-results__multisearch-button {
    display: none;
    min-width: 0;
    width: 100%;
    letter-spacing: normal;
}

@media screen and (min-width: 48em) {
    button.search-results__multisearch-button {
        display: block;
    }
}

.search-results__section {
    margin: 0 0 2em;
    padding: 1.6em 1.8em 0.5em;
    font-size: 0.95em;
    overflow: hidden;
    background-color: #ebebeb;
}

.search-results__section > h1:first-child,
  .search-results__section > h2:first-child,
  .search-results__section > h3:first-child,
  .search-results__section > h4:first-child,
  .search-results__section > h5:first-child,
  .search-results__section > h6:first-child {
    margin-top: 0;
}

.search-results__section.is-hidden {
    display: none;
}

@media screen and (max-width: 48em) {
    .search-results__section > h1:first-child,
    .search-results__section > h2:first-child,
    .search-results__section > h3:first-child,
    .search-results__section > h4:first-child,
    .search-results__section > h5:first-child,
    .search-results__section > h6:first-child {
        color: #505a5e;
    }
}

@media screen and (min-width: 60em) {
    .search-results__container {
        margin: 1.8em 0 0;
        float: left;
        padding: 0 0 0 55px;
        width: 78%;
    }

    .search-results__container.is-empty-result {
        padding-left: 0;
        width: 100%;
    }
}

.search-results__no-results-container {
    margin: 1.2em 0;
}

@media screen and (min-width: 60em) {
    .search-results__no-results-container {
        margin: 0;
    }
}

#search-spelling {
    color: #505a5e;
    margin-bottom: 1.2em;
}

.search-results-summary {
    margin: 0;
}

.search-results__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 2em 0 0;
}

@media screen and (min-width: 60em) {
    .search-results__list {
        margin: 0;
    }
}

.search-results__item {
    margin: 0;
    padding: 0;
    margin: 1em 0 0;
    padding: 0 0 1.2em;
    border-bottom: 1px solid #d6d3c5;
}

.search-results__item:before, .search-results__item:after {
    content: none;
}

.search-results__item:last-of-type {
    border-bottom: none;
}

.search-results__item.type_best_bet {
    padding: 0.8em 0.9em;
    border: 1px solid #d6d3c5;
}

.search-results__item:before {
    left: -9px;
    border-top: 1.75em inset transparent;
    border-bottom: 0 inset transparent;
    border-right: 9px solid #fff;
}

@media screen and (min-width: 60em) {
    .search-results__item {
        margin-top: 1.3em;
        padding-bottom: 1.6em;
    }
}

.faq_icon {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0.3em;
    padding: 0 0.4em;
    height: 1.7em;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    font-size: 0.8em;
    line-height: 1.6em;
    color: #fff;
    background-color: #d6001c;
}

.type_best_bet .faq_icon {
    top: 1.3em;
    left: 1.1em;
}

.faq_icon ~ .search-results__link {
    padding-left: 3em;
}

.faq_icon ~ .search-results__meta {
    padding-left: 3.15em;
}

@media screen and (min-width: 48em) {
    .faq_icon {
        top: 0.25em;
        left: 0.5em;
        height: 27px;
        padding: 0 0.3em;
        font-size: 16px;
        line-height: 1.5em;
    }

    .type_best_bet .faq_icon {
        top: 1.15em;
        left: 1.5em;
    }

    .faq_icon ~ .search-results__link {
        padding-left: 3.9em;
    }

    .faq_icon ~ .search-results__meta {
        padding-left: 4.2em;
    }

    .faq_icon:before, .faq_icon:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
    }

    .faq_icon:before {
        left: -8px;
        border-top: 27px inset transparent;
        border-bottom: 0 inset transparent;
        border-right: 8px solid #d6001c;
    }

    .faq_icon:after {
        right: -8px;
        border-top: 0 inset transparent;
        border-bottom: 27px inset transparent;
        border-left: 8px solid #d6001c;
    }
}

.search-results__link {
    display: inline-block;
    position: relative;
}

.search-results__meta {
    margin: 0;
    font: normal normal 400 1em/1.25em "national-light", sans-serif;
    font-size: 0.95em;
}

.search-results .search-results__meta {
    color: #505a5e;
}

.search-results__url {
    margin: 0.3em 0 0;
    font: normal normal 400 1em/1.25em "national-light-italic", sans-serif;
    font-size: 0.95em;
    word-wrap: break-word;
}

.search-results .search-results__url {
    color: #505a5e;
}

.search-results__summary {
    margin: 0.3em 0 0;
}

/*
--------------------
Tabs
--------------------
*/
.search-results p {
    color: #000;
}

.search-results .multisearch__container {
    padding: 0;
}

.search-results .multisearch-tabs {
    display: none;
}

.search-results .tab-area__content {
    background-color: #ebe7dc;
}

.search-results .tab-area__tab-label {
    border-left: 4px solid #63666a;
    background-color: #edebe5;
}

.search-results .tab-area__tab-label:first-child {
    border-left: none;
}

.search-results .tab-area__tab-label:hover, .search-results .tab-area__tab-label:focus, .search-results .tab-area__tab-label[aria-expanded="true"] {
    background-color: #ebe7dc;
}

@media screen and (min-width: 48em) {
    .search-results .multisearch-tabs {
        display: block;
    }

    .search-results .multisearch-tabs .tab-area__content[aria-hidden="false"] {
        padding: 2.1em 1.6em;
    }

    .search-results .search-results__section--multisearch {
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        margin: 0;
        padding: 1.2em 0.8em 0;
        height: 0;
        font-size: 1em;
        -webkit-transition: opacity 0.3s 0s ease;
        -moz-transition: opacity 0.3s 0s ease;
        transition: opacity 0.3s 0s ease;
        margin-bottom: 2em;
    }

    .search-results .search-results__section--multisearch[aria-hidden="false"] {
        visibility: visible;
        position: static;
        top: auto;
        left: auto;
        opacity: 1;
        height: auto;
        padding: 1.6em 1.8em 0.5em;
        -webkit-transition: opacity 0.3s 0s ease;
        -moz-transition: opacity 0.3s 0s ease;
        transition: opacity 0.3s 0s ease;
    }

    .multisearch-tabs .search-results .search-results__section--multisearch[aria-hidden="false"] {
        padding: 2.1em 1.6em 1.15em;
    }
}

/*
--------------------
MultiSearch
--------------------
*/
@media screen and (min-width: 48em) {
    .search-results .multisearch-links__list {
        margin: 0.6em 0 0;
        padding: 0;
        background-color: transparent;
    }
}

.search-results__multisearch-title {
    display: block;
    margin: 0 0 0.6em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.25em;
    color: #000;
}

.search-results__multisearch-hint {
    right: 0;
    top: 100%;
    outline: none;
    width: 100%;
    min-width: 10em;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.85em;
    color: #fff;
    background-color: #000;
}

.search-results__multisearch-hint:before {
    content: '';
    display: block;
    position: absolute;
    right: 5px;
    top: -10px;
    margin: 0;
    border-left: 10px inset transparent;
    border-right: 10px inset transparent;
    border-bottom: 10px solid #000;
}

.search-results__multisearch-hint:focus {
    display: block;
    position: absolute;
    padding: 0.4em 0.55em;
    margin-top: 10px;
}

/*
--------------------
Pagination
--------------------
*/
.search-results .pagination {
    margin: 1.4em 0;
}

@media screen and (min-width: 48em) {
    .search-results .pagination {
        margin-top: 1.1em;
    }
}

/*
--------------------
Related Search Results
--------------------
*/
.search-related__container {
    margin: 2em 0 1.05em;
    padding: 0.9em 1em 0.7em;
    background-color: #e0e2e3;
}

@media screen and (min-width: 48em) {
    .search-related__container {
        margin-top: 1.6em;
    }
}

@media screen and (min-width: 60em) {
    .search-related__container {
        padding-bottom: 1em;
    }
}

.search-related__header {
    margin-bottom: 0.55em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1.1em;
    line-height: 1.1em;
    color: #000;
}

@media screen and (min-width: 60em) {
    .search-related__header {
        margin-bottom: 0.75em;
    }
}

.search-related__sub-title {
    margin-bottom: 0.55em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    font-size: 1em;
    line-height: 1.1em;
    color: #000;
}

.search-related__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 0 0.5em;
}

.search-related__list:last-of-type {
    margin-bottom: 0;
}

@media screen and (min-width: 60em) {
    .search-related__list {
        margin-bottom: 0.8em;
    }
}

.search-related__item {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin: 0 1em 0.65em 0;
}

.search-related__item:before, .search-related__item:after {
    content: none;
}

@media screen and (min-width: 48em) {
    .search-related__item {
        margin-right: 1.4em;
    }
}

@media screen and (min-width: 60em) {
    .search-related__item {
        margin-bottom: 0.25em;
    }
}

.search-related__link {
    display: inline-block;
    position: relative;
    padding-left: 0.8em;
}

.search-related__link:before {
    content: '';
    display: block;
    position: absolute;
    top: 0.4em;
    width: 0;
    height: 0;
    left: 2px;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 6px solid #a6192e;
}

/*
--------------------
Job Listing page - specific styling and layout
--------------------
*/
/*
--------------------
Headings
--------------------
*/
.job-listing .page-sub-title {
    margin-bottom: 0.4em;
    border-bottom: none;
    padding: 0;
    font-size: 1.25em;
}

.job-listing .main-content h2:not(.page-sub-title) {
    margin: 0 0 0.9em;
}

@media screen and (min-width: 48em) {
    .job-listing .page-sub-title {
        font-size: 1.5em;
    }

    .job-listing .main-content h2:not(.page-sub-title) {
        margin-bottom: 1.2em;
    }
}

/*
--------------------
Results table
--------------------
*/
.job-listing table {
    margin: 0 0 1.5em;
}

.job-listing table th {
    position: absolute;
    top: 0;
    left: -999em;
}

.job-listing table tbody tr {
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
}

.job-listing table tbody tr:nth-child(odd) {
    background-color: #fff;
}

.job-listing table td {
    display: block;
    float: left;
    margin: 0.45em 0 0;
    padding: 0;
    width: 100%;
}

.job-listing table td:before {
    display: block;
    width: 100%;
    margin-right: 1em;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    color: #000;
    text-align: left;
}

.job-listing table td:first-child {
    margin-top: 0;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
}

.job-listing table td:first-child:before {
    content: 'Position';
}

.job-listing table td:nth-child(2):before {
    content: 'Vacancy type';
}

.job-listing table td:nth-child(3):before {
    content: 'Closes';
}

.job-listing table tr.summary {
    margin: 0.8em 0 0;
}

.job-listing table tr.summary + tr {
    margin: 1.4em 0 0;
    padding: 1.4em 0 0;
    border-top: 1px solid #e0e2e3;
}

.job-listing table tr.summary td:before {
    content: none;
}

@media screen and (min-width: 48em) {
    .job-listing table tr.summary + tr {
        margin: 1.8em 0 0;
        padding: 1.8em 0 0;
    }

    .job-listing table td {
        position: relative;
    }

    .job-listing table td:before {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        width: auto;
    }
}

.job-listing #jobs-form th {
    padding: 0;
}

.job-listing #jobs-form td {
    border: none;
    padding: 0;
}

@media screen and (min-width: 48em) {
    .job-listing #jobs-form td {
        padding-left: 6.7em;
    }

    .job-listing #jobs-form .summary td {
        padding-left: 0;
    }

    .job-listing .job-link {
        display: inline-block;
    }
}

.job-listing #jobs-form tr:only-child td {
    padding-left: 0;
}

.job-listing #jobs-form tr:only-child td:before {
    content: none;
}

/*
--------------------
Search filters
--------------------
*/
.job-listing #jobs-form input[type=text] {
    border: 1px solid #e0e2e3;
    margin: 0;
    padding: 0 0.7em;
    width: 100%;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    line-height: 1.1em;
    background: #fff;
    -webkit-appearance: none;
}

.job-listing #jobs-form input[type=text]::-ms-clear {
    display: none;
}

.job-listing #jobs-form input[type=text]:focus {
    outline: none;
    border-color: #000;
    color: #505a5e;
}

.job-listing #search-filters {
    margin: 0.6em 0 0;
    padding: 0 0.3em;
}

.job-listing #search-filters h3 {
    color: #505a5e;
    font-size: 1em;
}

.job-listing .filter {
    padding-left: 1px;
}

.job-listing ul.filter li {
    float: none;
    padding: 0;
    width: 100%;
}

@media screen and (min-width: 48em) {
    .job-listing #search-filters h3 {
        font-size: 1.1em;
    }

    .job-listing .filter {
        padding-left: 0;
    }
}

.search-filter__container {
    background-color: #63666a;
    background-color: #eee8e8;
    overflow: hidden;
}

.search-filter__container input[type="checkbox"] + label {
    font-family: "national-book", sans-serif;
}

@media screen and (min-width: 48em) {
    .search-filter__container {
        margin-bottom: 2.3em;
    }

    .main .rhs-column .search-filter__container {
        float: none;
        width: 100%;
    }

    .search-filter__container input[type="checkbox"] + label {
        margin-top: 0.3em;
        margin-bottom: 0.3em;
    }
}

.search-filter__title {
    display: block;
    margin: 0;
    padding: 0.7em 0.4em 0.8em;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
    line-height: 1.1em;
    color: #fff;
    font-size: 1.05em;
    text-transform: uppercase;
    background-color: #a6192e;
}

@media screen and (min-width: 48em) {
    .search-filter__title {
        padding: 1em 0.45em 1.1em;
    }
}

.search-filter__input-wrapper {
    margin: 0.6em 0 0;
    padding: 0 0.3em;
}

.search-filter__input-hint {
    display: inline-block;
    margin-top: 0.1em;
    margin-bottom: 0.3em;
    width: auto;
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
    font-size: 0.9em;
    line-height: 1.1em;
    color: #505a5e;
}

@media screen and (min-width: 48em) {
    .search-filter__input-hint {
        margin-top: 0.2em;
    }
}

@media screen and (min-width: 60em) {
    .search-filter__input-hint {
        font-size: 0.9em;
    }
}

.timetables .page-title {
    margin: 0 0 0.10em;
}

.timetables .timetable__table {
    margin-top: 4.375em;
    margin-bottom: 0;
}

@media screen and (max-width: 48em) {
    .timetables .timetable__table {
        margin-top: 0;
        margin-bottom: 20px;
    }
}

.timetables .timetable__table th {
    color: #fff;
    background: #000;
    padding: 0.3em 0.6em 0.4em;
    font-size: 1.211em;
}

.timetables .timetable__table tr {
    background: none !important;
}

.timetables .timetable__table tbody td {
    padding: 1.375em 0.875em;
}

@media screen and (max-width: 48em) {
    .timetables .timetable__table tbody td {
        padding: 0 !important;
    }
}

.timetables .timetable__table tbody td:first-child {
    padding: 1.375em 0.875em 1.375em 0;
}

.timetables .timetable__table tbody td:last-child {
    padding: 1.375em 0 1.375em 0.875em;
}

.timetables .timetable__table select {
    height: 230px;
}

@media screen and (max-width: 48em) {
    .timetables .timetable__table select {
        height: auto;
    }
}

.timetables .timetable__table option {
    padding: 0.375em 0.750em;
}

.timetables .timetable__table-options {
    margin-bottom: 2.5em;
}

.timetables .timetable__table-options th {
    color: #fff;
    background: #000;
    padding: 0.3em 0.6em 0.4em;
    font-size: 1.211em;
}

.timetables .timetable__table-options tr {
    background: none !important;
}

.timetables .timetable__table-options tbody td {
    padding: 1.625em 1.250em;
}

.timetables .timetable__table-options tbody td:first-child {
    font: normal normal 400 1em/1.25em "national-book", sans-serif;
}

.timetables .timetable__table-options tbody td:nth-child(2) {
    padding-left: 0;
}

.timetables .timetable__table-options tbody td:last-child {
    padding: 1.625em 0 1.625em 1.250em;
}

.timetables .timetable__table-options input[type="checkbox"] + label {
    margin-top: 0.5em;
}

.timetables .table-info__title {
    font-size: 1.316em;
    color: #76232f;
}

.timetables .table-info__table {
    margin-top: 40px;
}

.timetables .table-info__table th:first-child {
    padding-left: 0;
}

.timetables dl {
    display: block;
}

.timetables dt, .timetables dd {
    padding: 0.55em 0.7em;
    width: auto;
    text-align: left;
    vertical-align: top;
    display: block;
    float: left;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
}

.timetables dt {
    width: 130px;
}

@media screen and (max-width: 48em) {
    .timetables dt {
        width: 100%;
    }
}

.timetables dd {
    width: 100%;
    float: none;
    margin: 0;
}

@media screen and (max-width: 48em) {
    .timetables dd {
        float: left;
    }
}

.timetables dt:nth-of-type(odd) {
    background: #e0e2e3;
}

.timetables dd:nth-of-type(odd) {
    background: #e0e2e3;
}

.timetables .centre__table select {
    height: auto;
}

.timetables .centre__disclaimer {
    color: #a6192e;
    font: normal normal 400 1em/1.25em "national-medium", sans-serif;
}

.timetables .centre-options__wrapper {
    display: block;
    margin-top: 50px;
    margin-bottom: 40px;
    float: left;
    width: 100%;
}

@media screen and (max-width: 48em) {
    .timetables .centre-options__wrapper {
        margin-top: 25px;
    }
}

.timetables .centre-options__wrapper .centre-options__box {
    float: left;
}

.timetables .centre-options__wrapper .centre-options__box.one {
    width: 100%;
}

.timetables .centre-options__wrapper .centre-options__box.one .centre-options__box-heading {
    padding-left: 14px;
}

.timetables .centre-options__wrapper .centre-options__box.one .style-select {
    margin-left: 14px;
    margin-top: 25px;
}

@media screen and (min-width: 48em) {
    .timetables .centre-options__wrapper .centre-options__box.one {
        width: 33.3333333%;
    }
}

@media screen and (min-width: 60em) {
    .timetables .centre-options__wrapper .centre-options__box.one {
        width: 33.3333333%;
    }
}

@media screen and (min-width: 86.5em) {
    .timetables .centre-options__wrapper .centre-options__box.one {
        width: 19%;
    }
}

.timetables .centre-options__wrapper .centre-options__box.two {
    width: 100%;
}

.timetables .centre-options__wrapper .centre-options__box.two .style-select {
    margin-top: 25px;
}

@media screen and (max-width: 48em) {
    .timetables .centre-options__wrapper .centre-options__box.two {
        margin-top: 25px;
    }
}

@media screen and (min-width: 48em) {
    .timetables .centre-options__wrapper .centre-options__box.two {
        width: 33.3333333%;
    }
}

@media screen and (min-width: 60em) {
    .timetables .centre-options__wrapper .centre-options__box.two {
        width: 33.3333333%;
    }
}

@media screen and (min-width: 86.5em) {
    .timetables .centre-options__wrapper .centre-options__box.two {
        width: 13%;
    }
}

.timetables .centre-options__wrapper .centre-options__box.three {
    width: 100%;
}

.timetables .centre-options__wrapper .centre-options__box.three .style-select {
    margin-top: 25px;
}

@media screen and (max-width: 48em) {
    .timetables .centre-options__wrapper .centre-options__box.three {
        margin-top: 25px;
    }
}

@media screen and (min-width: 48em) {
    .timetables .centre-options__wrapper .centre-options__box.three {
        width: 33.3333333%;
    }
}

@media screen and (min-width: 60em) {
    .timetables .centre-options__wrapper .centre-options__box.three {
        width: 33.3333333%;
    }
}

@media screen and (min-width: 86.5em) {
    .timetables .centre-options__wrapper .centre-options__box.three {
        width: 15%;
    }
}

.timetables .centre-options__wrapper .centre-options__box.four {
    width: 100%;
    margin-top: 25px;
}

@media screen and (min-width: 48em) {
    .timetables .centre-options__wrapper .centre-options__box.four {
        width: 33.3333333%;
    }
}

@media screen and (min-width: 60em) {
    .timetables .centre-options__wrapper .centre-options__box.four {
        width: 33.3333333%;
    }
}

@media screen and (min-width: 86.5em) {
    .timetables .centre-options__wrapper .centre-options__box.four {
        width: 18%;
        margin-top: 0;
    }
}

.timetables .centre-options__wrapper .centre-options__box.four .style-select {
    margin-top: 25px;
}

@media screen and (min-width: 48em) {
    .timetables .centre-options__wrapper .centre-options__box.four .style-select {
        margin-left: 14px;
    }
}

@media screen and (min-width: 60em) {
    .timetables .centre-options__wrapper .centre-options__box.four .style-select {
        margin-left: 14px;
    }
}

@media screen and (min-width: 86.5em) {
    .timetables .centre-options__wrapper .centre-options__box.four .style-select {
        margin-left: 0;
    }
}

.timetables .centre-options__wrapper .centre-options__box.four .centre-options__box-heading {
    padding-left: 14px;
}

@media screen and (min-width: 86.5em) {
    .timetables .centre-options__wrapper .centre-options__box.four .centre-options__box-heading {
        padding-left: 0;
    }
}

.timetables .centre-options__wrapper .centre-options__box.five {
    width: 100%;
    margin-top: 25px;
}

.timetables .centre-options__wrapper .centre-options__box.five .style-select {
    margin-top: 25px;
}

@media screen and (min-width: 48em) {
    .timetables .centre-options__wrapper .centre-options__box.five {
        width: 33.3333333%;
    }
}

@media screen and (min-width: 60em) {
    .timetables .centre-options__wrapper .centre-options__box.five {
        width: 33.3333333%;
    }
}

@media screen and (min-width: 86.5em) {
    .timetables .centre-options__wrapper .centre-options__box.five {
        width: 18%;
        margin-top: 0;
    }
}

.timetables .centre-options__wrapper .centre-options__box.six {
    width: 100%;
    margin-top: 25px;
}

@media screen and (min-width: 48em) {
    .timetables .centre-options__wrapper .centre-options__box.six {
        width: 33.3333333%;
    }
}

@media screen and (min-width: 60em) {
    .timetables .centre-options__wrapper .centre-options__box.six {
        width: 33.3333333%;
    }
}

@media screen and (min-width: 86.5em) {
    .timetables .centre-options__wrapper .centre-options__box.six {
        width: 17%;
        margin-top: 0;
    }
}

.timetables .centre-options__wrapper .one select {
    min-width: 160px;
}

@media screen and (max-width: 48em) {
    .timetables .centre-options__wrapper .one select {
        width: 100%;
    }
}

.timetables .centre-options__wrapper .two select {
    min-width: 112px;
}

.timetables .centre-options__wrapper .three select {
    min-width: 130px;
}

.timetables .centre-options__wrapper .four select {
    min-width: 140px;
}

.timetables .centre-options__wrapper .five select {
    min-width: 140px;
}

@media screen and (max-width: 48em) {
    .timetables .centre-options__wrapper .style-select {
        margin-left: 0 !important;
        margin-top: 0 !important;
        width: 100%;
    }
}

.timetables .centre-options__box-heading {
    float: left;
    width: 100%;
    display: block;
    color: #fff;
    font-size: 1.211em;
    padding: 0.3em 0.6em 0.4em 0;
    background: #000;
}

@media screen and (max-width: 48em) {
    .timetables .centre-options__box-heading {
        display: none;
    }
}

.timetables .centre-options__submit {
    min-width: auto;
    width: 100%;
    margin-top: 25px;
    height: 44px;
}

.timetables .general-timetable__wrapper {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 50px;
}

.timetables .general-timetable__left {
    display: block;
    float: left;
    width: 100%;
}

@media screen and (min-width: 86.5em) {
    .timetables .general-timetable__left {
        width: 50%;
    }
}

.timetables .general-timetable__heading {
    color: #fff;
    background: #000;
    padding: 0.3em 0.6em 0.4em;
    font-size: 1.211em;
    margin-bottom: 25px;
}

.timetables .general-timetable__right {
    display: block;
    float: left;
    width: 100%;
    margin-top: 25px;
}

@media screen and (min-width: 86.5em) {
    .timetables .general-timetable__right .general-timetable__heading {
        padding-left: 0;
    }
}

@media screen and (min-width: 86.5em) {
    .timetables .general-timetable__right {
        width: 50%;
        margin-top: 0;
    }
}

.timetables .timetable_startdate, .timetables .timetable_enddate {
    width: 115px;
    float: left;
    display: block;
    background: #fff;
    padding: 0.5em 0.6em;
}

.timetables .timetable_startdate-label {
    display: block;
    padding: 0.5em 0.6em;
    float: left;
}

.timetables .timetable_enddate-label {
    display: block;
    padding: 0.5em 0.6em 0.5em 60px;
    float: left;
}

@media screen and (max-width: 48em) {
    .timetables .timetable_enddate-label {
        padding-left: 0.5em;
        padding-right: 1.1em;
    }
}

.timetables .general-timetable__submit {
    float: right;
}

.timetables .general-timetable__checkbox {
    float: left;
}

.timetables .general-timetable__checkbox-label {
    float: left;
    margin-top: 10px;
    margin-left: 0.5em;
}

@media screen and (min-width: 86.5em) {
    .timetables .general-timetable__checkbox-label {
        margin-left: 0;
    }
}

.timetables .timetable-label-left {
    float: left;
}

@media screen and (max-width: 48em) {
    .timetables .timetable-label-left {
        width: 100%;
        margin-bottom: 20px;
    }
}

.timetables .timetable-label-right {
    float: left;
}

@media screen and (max-width: 48em) {
    .timetables .timetable-label-right {
        width: 100%;
    }
}

.timetables .mobile-only-date {
    display: none;
}

@media screen and (max-width: 48em) {
    .timetables .mobile-only-date {
        display: block;
    }
}

.timetables .desktop-only-date {
    display: block;
}

@media screen and (max-width: 48em) {
    .timetables .desktop-only-date {
        display: none;
    }
}

.timetables .centre-options__box-label {
    color: #76232f;
    font: normal normal 400 1em/1.25em "national-extra-bold", sans-serif;
    width: 100%;
    display: none;
}

@media screen and (max-width: 48em) {
    .timetables .centre-options__box-label {
        display: block;
    }
}

.timetables .timetable-abbreviations {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.style-select {
    position: relative;
    float: left;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d6d2c4;
    display: inline-block;
}

.style-select:before {
    content: "";
    position: absolute;
    background-image: url("https://www.hotel.mgsm.com.au/__data/assets/file/0007/133189/spritesheet.svg?v=0.1.12");
    background-repeat: no-repeat;
    background-position: -186px -183px;
    background-size: 400px 1000px;
    width: 45px;
    height: 42px;
    right: 0;
    top: 0;
    border-left: 1px solid #d6d2c4;
    z-index: 0;
}

.style-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: relative;
    background: transparent;
    border: none;
    padding-left: 10px;
}

.style-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

/*! jQuery UI - v1.11.4 - 2015-10-28
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
  /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and mysource_files */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-datepicker {
    width: 14em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */
/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url("") 50% 50% repeat-x;
    color: #222222;
}

.ui-widget-content a {
    color: #222222;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url("") 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

.ui-widget-header a {
    color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url("") 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada url("") 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #212121;
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url("") 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #A6192E;
    background: #fbf9ee url("") 50% 50% repeat-x;
    color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url("") 50% 50% repeat-x;
    color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
  /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
  /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and mysource_files */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("");
}

.ui-widget-header .ui-icon {
    background-image: url("");
}

.ui-state-default .ui-icon {
    background-image: url("");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("");
}

.ui-state-active .ui-icon {
    background-image: url("");
}

.ui-state-highlight .ui-icon {
    background-image: url("");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("");
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url("") 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
  /* support: IE8 */
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url("") 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
  /* support: IE8 */
    border-radius: 8px;
}

/*
--------------------
Module pre-sets
--------------------
*/
.skip-links__item:before {
    content: none;
}

.skip-links__link {
    color: #212121;
}

/*
--------------------
Modules
--------------------
*/
/*-- module:squiz-module-skip-links --*/