:root {
  --filter-to-primary:invert(31%) sepia(59%) saturate(647%) hue-rotate(177deg) brightness(87%) contrast(88%);
  --type-scale:1.2;
  --token-light: #fff;
  --token-dark: #151f28;
  --token-base-dark: #202f3b;
  --token-base-mid: #253746;
  --token-secondary-light: #fcdbc9;
  --token-secondary-mid: #dba387;
  --token-secondary-dark: #644433;

  --token-accent-warm: #f58221;
  --token-accent-cool: #73bfe3;
  --token-success: #00703c;
  --token-alert: #ba1a1a;
  --token-info: #faea70;
  --token-neutral-50: oklch(0.52 0 0 / 1);
  --token-neutral-60: oklch(0.63 0 0 / 1);
  --token-neutral-70: oklch(0.75 0 0 / 1);
  --token-neutral-80: oklch(0.89 0 0 / 1);
  --token-neutral-90: #f0f0ed;
  --token-neutral-95: oklch(.98 0 0/1);

  --token-svg-stroke: var(--token-secondary-light);
  --token-svg-fill: var(--token-base-dark);

  --token-link: #3770a0;
  --token-link-hover: var(--token-secondary-dark);
  --token-link-active: var(--token-info);

  /*--token-container-radius: clamp(0px, ((100vw - 0rem) - 100%) * 9999, 0.5rem);*/
  --token-container-radius: 0.5rem;
  --token-container-border: 2px solid var(--token-container-border-color);
  --token-container-border-color: var(--token-secondary-mid);
  --token-container-boxshadow-color: var(--token-secondary-mid);
  --token-container-boxshadow-color-hover: var(--token-secondary-mid);
  --token-container-boxshadow: 0 0 0 2px var(--token-container-boxshadow-color);
  --token-container-boxshadow-hover: 0 0 0 2px var(--token-container-boxshadow-color-hover);

  --token-filter-light: invert(100%) sepia(0%) saturate(0%) hue-rotate(270deg) brightness(2001%) contrast(2001%);
  --token-filter-dark: invert(100%) sepia(0%) saturate(0%) brightness(0%) contrast(100%);
  --token-filter-base-light: filter: invert(98%) sepia(6%) saturate(2699%) hue-rotate(298deg) brightness(122%) contrast(88%);
  --token-filter-base-dark: filter: invert(13%) sepia(50%) saturate(480%) hue-rotate(164deg) brightness(93%) contrast(88%);
  --token-filter-link: filter: invert(37%) sepia(80%) saturate(403%) hue-rotate(166deg) brightness(91%) contrast(88%);
  --token-filter-link-hover: filter: invert(18%) sepia(6%) saturate(6961%) hue-rotate(340deg) brightness(99%) contrast(66%);

  --power-0:1;
  --power-1:calc(1 * var(--type-scale));
  --power-2:calc(1 * var(--type-scale) * var(--type-scale));
  --power-3:calc(1 * var(--type-scale) * var(--type-scale) * var(--type-scale));
  --power-4:calc(1 * var(--type-scale) * var(--type-scale) * var(--type-scale) * var(--type-scale));
  --power-5:calc(1 * var(--type-scale) * var(--type-scale) * var(--type-scale) * var(--type-scale) * var(--type-scale));
  --power-6:calc(1 * var(--type-scale) * var(--type-scale) * var(--type-scale) * var(--type-scale) * var(--type-scale) * var(--type-scale));

    --font-xs: calc(0.95rem / var(--power-1));
    --font-xs-em: calc(0.95em / var(--power-1));
    --font-sm: calc(1.0625rem / var(--power-1));
    --font-sm-em: calc(1.0625em / var(--power-1));
    --font-md: 1rem;
    --font-h5: calc(1rem * var(--power-1));
    --font-h4: calc(1rem * var(--power-2));
  
  --token-nav-active: var(--token-base-mid);
}
::-moz-selection {color: #202f3b;background-color: #fcdbc9;}
::selection {color: #202f3b; background-color: #fcdbc9;}

.video-message {
    display:none;
}
html {font-size:17px;}
body {font-size:1rem; line-height:1.5; font-family: proxima-nova, Arial, Helvetica, sans-serif; color:var(--token-dark);}
html [hidden] {
    display:none !important;
}
note {display:block; font-size: calc(1rem / var(--power-1)); color:var(--token-neutral-50);}
b,strong,.strong {font-weight: 700;}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {font-weight: 500; line-height: 1.2; margin-top:2.25rem; margin-bottom:1rem;}
h1, .h1 {margin-top: 0; font-size: calc(1rem * var(--power-5));}
h1 {display:inline-flex !important; flex-direction:column; font-weight:500; margin-block:0 1rem;}
h1::after {content: ""; border-block-end: 4px solid var(--token-secondary-mid); padding-block-end: 0.5rem;}
.heroFeature {display:none !important;}
#left-column {margin-top:0 !important;}
#breadcrumbs {margin-left:-15px !important;}

h2, .h2 {font-size: 2.074rem; font-size: calc(1rem * var(--power-4));}
h3, .h3 {font-size: 1.728rem; font-size: calc(1rem * var(--power-3));}
h4, .h4 {font-size: 1.44rem; font-size: calc(1rem * var(--power-2));}
h5, .h5 {font-size: 1.2rem; font-size: calc(1rem * var(--power-1));}
h6, .h6 {font-size: 1rem; font-weight:700;}
small, .small {font-size: 0.833rem; font-size: var(--font-sm);}
.font-h4 {font-size: var(--font-h4) !important;}
.font-h4 {font-size: var(--font-h5) !important;}
.font-md {font-size: var(--font-md) !important;}
.font-sm {font-size: var(--font-sm) !important;}
.font-sm-em {font-size: calc(1.0625em / var(--power-1)) !important;}
.font-xs {font-size: var(--font-xs) !important;}
.font-xs-em {font-size: calc(0.95em / var(--power-1)) !important;}

p {margin-block-end:1rem;}

a {text-underline-offset: 0.1em; text-decoration-thickness: max(2px, .125rem); text-decoration-thickness: 1px; text-decoration-line: underline; transition:text-underline-offset 0.1s; color: var(--token-link); color:var(--token-link, #337ab7);}
a:hover {text-underline-offset: 0.25em; text-decoration-thickness: clamp(3px, .1875rem, .12em);  color:var(--token-secondary-dark, #337ab7);}

:focus, .form-control:focus {border-color:revert; outline:revert; color:revert; background:revert; box-shadow:revert;}
:focus-visible:not(input, select, textarea) {outline: 3px solid transparent !important; color: #000 !important; background-color:#FFE900 !important; box-shadow:inset 0 -2px 0 0 #000 !important; text-decoration: none !important;}
:focus-visible svg, :focus-visible i {filter: var(--token-filter-dark) !important;}
:focus-visible:is(input, select, textarea) {outline: 3px solid transparent !important; color: #000 !important; box-shadow:0 0 0 2px #FFE900, inset 0 0px 0 2px #000 !important; text-decoration: none !important;}

/*
:focus-visible:not(input, select, textarea) {outline: 3px solid transparent !important; color: #000 !important; background-color: #fd0 !important; box-shadow:inset 0 -2px 0 0 #000 !important; text-decoration: none !important;}
:focus-visible:is(input, select, textarea) {outline: 3px solid transparent !important; color: #000 !important; box-shadow:0 0 0 2px #fd0, inset 0 0px 0 2px #000 !important; text-decoration: none !important;}
*/

.svg-icon {height:1.125em; width:autp; margin-top:-0.125em; vertical-align:middle;}
a:hover .duotone {--token-svg-fill:var(--token-secondary-dark);}

.container-main {flex:1;}
.container {width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
@media (min-width: 1400px) {
    .container {max-width:1400px;}
}
.container-shape {border-radius:var(--token-container-radius); border-top-left-radius:0; }
.file-meta {display: inline-flex; gap: .25rem; align-items: baseline; margin-left: .25rem;}


input, select, textarea {font-weight:400; border: 1px solid var(--token-neutral-70); border-radius: 0.25rem; border-radius:min(0.5rem, 50%); border-radius:var(--token-container-radius); border-top-left-radius:0; background-color: var(--token-light); accent-color:var(--token-dark);}
input[type="radio"], input[type="checkbox"] {border: 1px solid var(--token-neutral-70); transform:translateY(0.15em); height: 1em; width: 1em; accent-color:var(--token-dark);}
input[type="submit"] {cursor:pointer;}
input[type="submit"]:not([class]) {color: var(--token-base-dark) !important; background-color:var(--token-light); border-color:var(--token-secondary-mid); }
input[type="submit"]:not([class]):hover {color:var(--token-dark) !important; background-color:var(--token-secondary-mid) !important; border-color:var(--token-secondary-mid);}
.input-group {overflow: hidden; box-shadow: none;}
.input-group-addon {box-shadow: none; border: var(--token-container-border); border-color:var(--token-neutral-70); border-radius: 0 0 0 var(--token-container-radius);}
.form-control {box-shadow: none; border: var(--token-container-border); border-color:var(--token-neutral-70); border-radius: 0 var(--token-container-radius) var(--token-container-radius);}
.input-group .form-control {box-shadow: none; border: var(--token-container-border); border-color:var(--token-neutral-70); border-radius: 0 var(--token-container-radius) var(--token-container-radius); border-left-width:1px;}


.highlight-content {background-color:var(--token-secondary-light); animation: highlightContent 2000ms ease-out; /*box-shadow:0 0 0 0.25em var(--token-secondary-light);*/}
.highlight-inline {background-color:var(--token-secondary-light); padding-inline:calc(1rem / var(--power-6));}
@keyframes highlightContent {
    50% {background-color: var(--token-secondary-light);}
    100% {background-color: none;}
}

/**
* bootstrap components
*/

:is(div:not(.row)) > div[class*=col-] {padding-inline:0 0;}
:is(div:not(.row)) > div[class*=col-]:has(+div[class*=col-]) {padding-inline-end:15px;}
:is(div:not(.row)) > div[class*=col-]+div[class*=col-] {padding-inline-start:15px;}

.d-inline-block {display:inline-block !important;}
.d-block {display:block !important;}
ol, ul {margin-bottom:1rem;}

.alert {padding:0.5rem 0.75rem; border-width:2px; border-radius:var(--token-container-radius); border-top-left-radius:0; color:var(--token-dark); background:var(--token-neutral-95); border-color: var(--scope-color); --scope-color: var(--token-secondary-dark); color:color-mix(in srgb, var(--scope-color) 20%, black); background:color-mix(in srgb, var(--scope-color) 10%, white);}
.alert > *:last-child {margin-bottom:0;}
.alert-primary {--scope-color:var(--token-secondary-dark);}
.alert-primary a {color:var(--scope-color);}
.alert-info {--scope-color:var(--token-accent-cool);}
.alert-danger {--scope-color:color-mix(in srgb, var(--token-alert) 50%, white);}
.alert-secondary {--scope-color:var(--token-neutral-70);}
.alert-hasicon {display: grid; grid-template-columns:1fr;}
.alert-hasicon > * {grid-column:auto;}
.alert-hasicon::before {content: var(--icon-string); font-size: calc(1rem * var(--power-5)); grid-area:auto; line-height:1; font-family: "Font Awesome 6 Free"; font-weight: 900; padding:0.5rem 0; color:color-mix(in srgb, var(--scope-color) 30%, black);}
.alert-hasicon-question-circle {--icon-string: "\f059";}
.alert-hasicon-info-circle {--icon-string: "\f05a";}
.alert-hasicon-exclamation-circle {--icon-string: "\f06a";}
.alert-hasicon-exclamation-triangle {--icon-string: "\f071";}
@media (min-width:36rem) {
.alert-hasicon {grid-template-columns:auto 1fr; gap:0 0.75rem;}
.alert-hasicon > * {grid-column: 2/-1;}
.alert-hasicon::before {grid-column: 1/2; grid-row: 1 / span 100; padding:0 0.5rem;}
}

blockquote {border-left:0.25rem solid var(--token-accent-cool); padding:0.5rem 0.75rem; margin-bottom:1rem;}
blockquote > *:last-child {margin-bottom:0;}

.slow-spin{
  -webkit-animation: fa-spin 90s infinite linear !important;
  animation: fa-spin 90s infinite linear !important;
}

/* spinning! -------------------------------- */
.glyphicon-spin{
    animation:spin 1s infinite linear;
    -webkit-animation:spin 1s infinite linear;
}

@keyframes spin{
    from{ transform: rotate(0deg); }
    to{ transform: rotate(360deg); }
}

@-webkit-keyframes spin{
    from{ -webkit-transform: rotate(0deg); }
    to{ -webkit-transform: rotate(360deg); }
}
/* ----------------------------------------- */

.no-gutter, .no-padding{ padding-left:0; padding-right:0; }
.no-padding-left{ padding-left:0; }
.no-padding-right{ padding-right:0; }
.clearfix {clear:both !important;}
.no-radius {border-radius:0 !important;}

img.mt-2{ margin-top:10px; }
img.mr-2{ margin-right:10px; }
img.mb-2{ margin-bottom:10px; }
img.ml-2{ margin-left:10px; }

.img-responsive-override,
.img-responsive-inline{ display:inline-block; height:auto; max-width:100%; }

.videowrapper{ float:none; clear:both; width:100%; position:relative; padding-bottom:56.25%; padding-top:25px; height:0; }
.videowrapper iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }
.videowrapper-medium{ max-width:500px; }


.video-link {position: relative;}
.video-link .play-button {position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; color:var(--token-secondary-mid);}
.video-link .play-button .fa-youtube {color:var(--token-dark);}
.video-link:hover .play-button {color:var(--token-dark);}
.video-link:hover .fa-youtube {color:var(--token-secondary-mid);}

.has-media {margin-bottom:1rem;}

.navbar-collapse.collapse{ display: block; visibility: visible;margin-right: 0px;}
.navbar-nav{ display:table; margin:0 auto; color:var(--token-neutral-90, #19345C); }
.navbar-nav .menu-label{ display:none;/*display:block;*/ font-size:11px; font-weight:bold; text-transform:uppercase; }
.header-nav-mobile .menu-label{ display:none;/*display:block;*/ font-size:11px; font-weight:bold; text-transform:uppercase; margin-top:-10px; }


header {margin-bottom:2rem;padding-top:1.5rem;padding-bottom:1.5rem;background: var(--token-neutral-90);color:var(--token-dark);}
header a {color: var(--token-neutral-90, #19345C);}
header .header {display: grid;gap: 1rem;align-items: center;background: var(--token-neutral-90, #19345C);color: var(--token-dark, #19345C);margin:0 -1rem;}
header #header-left {display: flex; flex-wrap: nowrap; gap: 1rem; align-items: center;}
header #logo {margin:0;}
header #logo a {display:block;}
header .logo-department {margin:revert; width:min(14rem, 90%);}
header #search {justify-self: end; width:100%;}
header #search .form-group {margin-bottom: 0 !important; display: flex; flex-wrap: nowrap;}
header #search .form-control-search {padding:0.25rem 0.5rem; width:100%; border-top-right-radius: 0; border-bottom-right-radius: 0; border: 2px solid var(--token-secondary-mid); border-right:0; font-size:1.25rem; height:4rem;}
header #search .btn-search {width: 3rem; border-left-width: 1px; border-bottom-left-radius: 0; font-size:1.5em;}

#header-nav-mobile li a {font-size:2rem; color:var(--token-dark);}
@media (min-width:36rem) {
}
@media (min-width:48rem) {
  header .header {margin:0 auto; grid-template-columns:auto 1fr;}
  #header-links a {flex: 0 1 auto; height: 60px; display: flex; align-items: center;}
}
@media (min-width:64rem) {
  header .header {grid-template-columns: 20rem 1fr 10rem;}
}

header #sa-connect {grid-column: auto; justify-self: end; font-size:0.875rem;}
@media (min-width:36rem) {
}
@media (min-width:48rem) {
  header #sa-connect {grid-column:2/3; justify-self: auto;}
  header #sa-connect {display: flex; gap: 0.25rem; align-items: center; flex-wrap: wrap;}
}
@media (min-width:64rem) {
  header #sa-connect {grid-column:auto; }
}
/*
header a.btn-sa-connect {}
header a.btn-sa-connect{color:var(--token-base-dark) !important; background-color:var(--token-light) !important; border:2px solid var(--token-secondary-mid) !important; transition:none;}
header a.btn-sa-connect:hover{color:var(--token-dark) !important; background-color:var(--token-secondary-mid) !important; border-color:var(--token-secondary-mid) !important;}
header a.btn-sa-connect:hover .header-links-i{ filter: none !important; }
header a.btn-sa-connect i{ margin-right:0 !important; }
header a.btn-sa-connect .header-links-i{ margin-top:0 !important; margin-right:0 !important; height:initial; }
*/



.dropdown-menu{ font-size:15px; box-shadow:none; border-radius:0; min-width:20rem; }
.dropdown-menu-dark {background-color:var(--token-base-dark, #dcddde); border:10px solid var(--token-base-dark, #dcddde); color: var(--token-neutral-90, #19345C); }
.dropdown-menu ul {padding: 0 0 0 1rem;margin: 0;}
.dropdown-menu li {padding:0; margin:0; }
.dropdown-menu li ul li {margin: 0 0 0 1rem;padding: 0;}
.dropdown-menu a { text-decoration-line:none; display: block; padding: 0.5rem 2rem 0.5rem 0.5rem;color: var(--token-light); position: relative; }
.dropdown-menu > li > a[aria-expanded="true"] {background: var(--token-secondary-light); color: var(--token-dark);}
.dropdown-menu > li:has(> a[aria-expanded="true"]) {box-shadow: -2px 0px 0px 0px var(--token-base-dark, #19345C);}
.dropdown-menu {font-size:0.875rem;padding:0.25rem;box-shadow:none;border-radius:0;background-color:var(--token-base-dark, #dcddde);border:0.5rem solid var(--token-base-dark, #dcddde);color: var(--token-neutral-90, #19345C);}
.dropdown-menu > li > a, .dropdown-menu a {display:block; text-decoration-line:none; cursor:pointer; position: relative; color:var(--token-neutral-90); padding:0.5rem 2rem 0.375rem 0.375rem;}
.dropdown-menu a:hover {background:var(--token-light); color:var(--token-dark); cursor:pointer;}
.dropdown-menu ul {display:none; padding:0 0 0 0.5rem; margin: 0;}
.dropdown-menu li {padding:0; margin:0; }
.dropdown-menu li ul li {margin: 0 0 0 1rem; padding: 0;}
.dropdown-menu ul a {padding:0.25rem 2rem 0.25rem 0.25rem; white-space: normal;}
.dropdown-menu a.dropdown-toggle .menu-glyph {position:absolute; top:0.5em; right:0.5rem; font-size:1em;}
.dropdown-menu a.dropdown-toggle {cursor: ns-resize;}
.dropdown-menu > li > a[aria-expanded="true"] {background: var(--token-secondary-light); color: var(--token-dark);}
.dropdown-menu > li:has(> a[aria-expanded="true"]) {box-shadow: -2px 0px 0px 0px var(--token-secondary-light, #19345C);}


.nav > li > a:focus, .nav > li > a:hover{ color:#fff; background:#214883; }
.nav .open > a, .nav .open > a:focus,
.nav .open > a:hover{ color:#fff; background:#214883; }

.nav > li > a, .nav > li > a:visited{ color:#000; background:#19345C; font-weight:bold; font-size:14px; outline:0; padding:7px 10px; }
.nav > li > a:hover, .nav > li > a:focus{ color:#000; background:#214883; }

.nav > li > a.large, .nav > li > a.large:visited {font-size:2rem; color:var(--token-base-dark, #fff);background:var(--token-neutral-90, transparent); }
.nav > li.open > a.large, .nav > li > a.large:hover, .nav > li > a.large:focus {color:var(--token-light, #19345C); background:var(--token-base-dark, #dcddde); }


.alt-bg{ background:#fcfcfc; }

#favs{ }

.breadcrumbs{ color:var(--token-base-dark); margin-bottom:2rem; }
.breadcrumbs .svg-icon {--token-svg-fill:transparent; --token-svg-stroke:var(--token-base-dark); display:inline-block;}
.breadcrumbs .svg-icon {--token-svg-fill:var(--token-secondary-light); --token-svg-stroke:var(--token-secondary-dark);}
.breadcrumbs a { color:var(--token-base-dark); }
/*.breadcrumbs .fa{ font-size:17px; margin-right:5px; }
.breadcrumbs .fa-home{ font-size:28px; }*/
.breadcrumbs .breadcrumbs-divider{ margin:0 0.5rem; }

.last-modified{ text-align:right; }
#last-modified-by-container{ display:none; }

.border {border:1px solid var(--token-secondary-mid);}
.border-bottom {border-block-end:1px solid var(--token-secondary-mid);}
.border-right {border-inline-start:1px solid var(--token-secondary-mid);}

.tile{}
.tile a,
.tile a:visited{ display:block; background:#fff; color:#214883; margin:0 0 20px 0; padding:15px 10px 10px 10px; border:1px solid #ccc; /*border-radius:4px;*/ transition:border 0.3s, background 0.3s, box-shadow 0.3s; }
.tile a:hover,
.tile a:active,
.tile a:focus{ background:#fff; color:#214883; border:1px solid #214883; text-decoration:none; /*box-shadow:0 0px 5px 0px rgba(0, 0, 0, 0.5);*/ }
.tile .tile-glyph{ font-size:32px; margin:0 10px 0 10px; display:inline-block; line-height:32px; width:40px; text-align:center; }
/*.tile .tile-lable{ font-size:16px; margin:0; display:inline-block; line-height:18px; }*/
.tile .tile-lable{ font-size:16px; margin:11px 0 0 0; display:inline-block; line-height:25px; }

.tile.tile-safety a,
.tile.tile-safety a:visited{ background:#36404A; color:#fff; font-weight:bold; border:2px solid #36404A; line-height:18px; }
.tile.tile-safety a:hover,
.tile.tile-safety a:active,
.tile.tile-safety a:focus{ color:#fff; border:2px solid #36404A; }
.tile.tile-safety .tile-glyph{ font-size:50px; color:#fffc00; width:50px; line-height:40px; }

.tile.tile-btn a,
.tile.tile-btn a:visited{ background:#fefefe; color:#36404A; line-height:18px; border:1px solid #ccc; }
.tile.tile-btn a:hover,
.tile.tile-btn a:active,
.tile.tile-btn a:focus{ background:#f5f5f5; color:#36404A; }
.tile.tile-btn .tile-glyph{ font-size:50px; color:#36404A; width:50px; height:50px; line-height:40px; vertical-align:top; }
.tile.tile-btn .tile-imgicon{ display:inline-block; color:#36404A; width:50px; vertical-align:top; margin:0 10px; }
.tile.tile-btn .tile-imgicon-innovation{ margin:-15px 10px 0 10px; }

.tile.tile-btn-aboriginal-engagement a,
.tile.tile-btn-aboriginal-engagement a:visited{ background:#fefefe; color:#36404A; line-height:18px; border:1px solid #ccc; padding:10px; }
.tile.tile-btn-aboriginal-engagement a:hover,
.tile.tile-btn-aboriginal-engagement a:active,
.tile.tile-btn-aboriginal-engagement a:focus{ color:#36404A; }
.tile.tile-btn-aboriginal-engagement .tile-glyph{ font-size:50px; color:#36404A; width:50px; line-height:40px; }
.tile.tile-btn-aboriginal-engagement .tile-lable{ line-height:24px; }

.mi-safety .fa {color:var(--token-accent-warm, #fffc00);}


/*.tile.tile-safety .tile-glyph{ color:#fffc00; background:#000; border-radius:50%; width:35px; height:35px; padding:2px 0 2px 4px; }*/
/*.tile.tile-safety .tile-glyph .fa{ color:#fffc00; background:#000; border-radius:50%; padding:2px 4px 1px 4px; }*/

.alert-intranet-welcome{ /*display:none;*/ padding:0 35px; }
.alert-intranet-welcome .alert{ color:#000; display:none; }
.alert-intranet-welcome .alert-info{ color:#000; }
.alert-intranet-welcome .alert-info h1{ font-size:30px; }
.alert-intranet-welcome .alert-info a,
.alert-intranet-welcome .alert-info a:hover{ color:#000; text-decoration:underline; }
.alert-intranet-welcome .alert-info a.btn-primary,
.alert-intranet-welcome .alert-info a.btn-primary:hover{ color:#fff; }
.alert-intranet-welcome .alert-info a.btn,
.alert-intranet-welcome .alert-info a.btn:hover{ text-decoration:none; }

.alert-intranet-banner{ padding-top:0; padding-bottom:0; margin-left:2px; }
.alert-intranet-banner .alert{ padding-top:0; padding-bottom:0; }

.view-virtual-tour{ cursor:pointer; }

.ind-loading-favourites{ position:absolute; top:-8px; left:34px; }
.favourites-error{ margin-left:10px; }

.btn-group-shortcuts{ margin:0 0 20px 10px; }
.btn-group-shortcuts .dropdown-menu a{ cursor:pointer; }

#shortcuts-actions button:first-child{border-radius:var(--token-container-radius) 0 0 var(--token-container-radius); border-right:0;}
#shortcuts-actions button { display:none; outline:none; outline:0; outline-offset:0; transition:background 0.3s; }
#shortcuts-menutoggle{ display:inline-block !important; outline:none; outline:0; outline-offset:0; box-shadow:none; }

.btn-plain{ border-color:#fff; padding:6px 12px; font-size:14px; color:#36404A; }
.btn-plain:hover,
.btn-plain:active,
.btn-plain:focus{ border-color:#fff; padding:6px 12px; font-size:14px; color:#36404A; background-color:#fff; }


.tile-icon .tile-icon-remove{ position:absolute; top:-10px; right:-8px; border:10px solid transparent; font-size:30px; cursor:pointer; display:none; }
/*
.tile-icon:hover[data-suggested=true] .tile-icon-remove,
.tile-icon:active[data-suggested=true] .tile-icon-remove,
.tile-icon:focus[data-suggested=true] .tile-icon-remove{ display:block !important; }
*/
.tile-icon .tile-icon-edit{ position:absolute; top:-10px; left:-8px; border:10px solid transparent; font-size:30px; cursor:pointer; display:none; }
.tile-icon .badge{ position:absolute; top:-15px; right:3px; z-index:99;}
.tile-icon-round .badge{ top:-15px; right:3px; }
.tile-icon-inverted .badge{ top:-15px; right:3px; }

#add-shortcut .required{ color:#dd0000; }
#add-shortcut .note{ color:#696969; font-size:14px; }
#shortcut-form .required{ color:#dd0000; }
#shortcut-form .note{ color:#696969; font-size:14px; }

/*
* favourite tile styles
* old styles moved to #1303351
*/
ul#sortable {list-style:none; display:grid !important; grid-template-columns: repeat(2, 1fr); gap:1rem; padding:0; margin:0 0 1rem 0;}
.tile-icon {position:relative; --scope-contrast:#202f3b; --scope-accent:#f0f0ed; aspect-ratio: 1/1;}
#shortcut-preview .tile-icon {width:9rem;}
.tile-icon a {text-align: center; text-decoration-line: none; display: grid; padding: 0.5rem; height: 100%; grid-template-rows: 3em 1fr; gap: 0.5rem;}
.tile-icon .tile-glyph {font-size: calc(1rem * var(--power-4)); margin: 0 auto; width: 2em; height: 2em; display: flex; justify-content: center; align-items: center;}
.tile-icon .tile-glyph i {text-align:center; width:1.25em;}
.tile-icon .tile-lable {font-size: 0.9rem; line-height:1.2; overflow:hidden; text-overflow:ellipsis;}
.tile-icon .tile-icon-remove {position:absolute; top:-0.5rem; right:-0.5rem; border:0.5rem solid transparent; font-size:1.5rem; cursor:pointer; display:none; z-index:99;}
.tile-icon .tile-icon-remove::before {filter:drop-shadow(0px 0px 0.25rem #fff);}
.tile-icon .tile-icon-edit {position:absolute; top:-0.5rem; left:-0.5rem; border:0.5rem solid transparent; font-size:1.5rem; cursor:pointer; display:none; z-index:99;}
.tile-icon .tile-icon-edit::before {filter:drop-shadow(0px 0px 0.25rem #fff);}

@media (min-width:32rem) {
    ul#sortable {grid-template-columns: repeat(3, 1fr);}
}
@media (min-width:36rem) {
    ul#sortable {grid-template-columns: repeat(4, 1fr);}
}
@media (min-width:48rem) {
    ul#sortable {grid-template-columns: repeat(3, 1fr);}
}
@media (min-width:62rem) {
    ul#sortable {grid-template-columns: repeat(3, 1fr);}
    .tile-icon a {grid-template-rows: 4em 1fr;}
}
@media (min-width:72rem) {
    ul#sortable {grid-template-columns: repeat(4, 1fr);}
}
/* new colours for 2023/new brand */
.tile-icon.tile-icon-colour-silver {--scope-contrast:#000; --scope-accent:var(--token-neutral-90);}
.tile-icon.tile-icon-colour-lightgreen {--scope-contrast:#000; --scope-accent:#a6e887;}
.tile-icon.tile-icon-colour-lightbrown {--scope-contrast:#000; --scope-accent:var(--token-secondary-light);}
.tile-icon.tile-icon-colour-yellow {--scope-contrast:#000; --scope-accent:var(--token-info);}
.tile-icon.tile-icon-colour-lightblue {--scope-contrast:#000; --scope-accent:var(--token-accent-cool);}
.tile-icon.tile-icon-colour-orange {--scope-contrast:#000; --scope-accent:var(--token-accent-warm);}
.tile-icon.tile-icon-colour-green {--scope-contrast:#fff; --scope-accent:var(--token-success);}
.tile-icon.tile-icon-colour-blue {--scope-contrast:#fff; --scope-accent:var(--token-link);}
.tile-icon.tile-icon-colour-darkblue {--scope-contrast:#fff; --scope-accent:var(--token-base-dark);}
.tile-icon.tile-icon-colour-red {--scope-contrast:#fff; --scope-accent:var(--token-alert);}
.tile-icon.tile-icon-colour-violet {--scope-contrast:#fff; --scope-accent:#aa85bc;}
.tile-icon.tile-icon-colour-darkbrown {--scope-contrast:#fff; --scope-accent:var(--token-secondary-dark);}

.tile-icon a {color:var(--scope-contrast); background:var(--scope-accent); border-radius:var(--token-container-radius);}
.tile-icon a:hover {filter:opacity(0.75);}

.tile-icon-square a {color:var(--scope-contrast); background:var(--scope-accent); border-radius:var(--token-container-radius);}
.tile-icon-square a:hover {filter:opacity(0.75);}
.tile-icon-square .tile-glyph {color:var(--scope-contrast);}
.tile-icon-round a {color:var(--token-dark); background:none;}
.tile-icon-round a:hover .tile-glyph {filter:opacity(0.75);}
.tile-icon-round .tile-glyph {border-radius: 50%; background:var(--scope-accent); color:var(--scope-contrast);}
.tile-icon-inverted a {color:var(--token-dark); background:none;}
.tile-icon-inverted .tile-glyph {color:var(--scope-accent); filter:drop-shadow(0.0625rem 0.0625rem color-mix(in oklch, var(--scope-accent), #000 30%)); filter:drop-shadow(0 0); transform:scale(1.25);}
.tile-icon-inverted a:hover .tile-glyph {filter:opacity(0.75);}

/* use old colours */
.tile-icon.tile-icon-colour1 {--scope-contrast:#fff; --scope-accent:#0f825b;}
.tile-icon.tile-icon-colour2 {--scope-contrast:#000; --scope-accent:#4cc3cf;}
.tile-icon.tile-icon-colour3 {--scope-contrast:#000; --scope-accent:#d97707;}
.tile-icon.tile-icon-colour4 {--scope-contrast:#fff; --scope-accent:#36404A;}
.tile-icon.tile-icon-colour5 {--scope-contrast:#fff; --scope-accent:#19345C;}
.tile-icon.tile-icon-colour6 {--scope-contrast:#000; --scope-accent:#14b27c;}
.tile-icon.tile-icon-colour7 {--scope-contrast:#fff; --scope-accent:#f7901e;}
.tile-icon.tile-icon-colour8 {--scope-contrast:#fff; --scope-accent:#9300FF;}
.tile-icon.tile-icon-colour9 {--scope-contrast:#fff; --scope-accent:#DF0009;}
.tile-icon.tile-icon-colour10 {--scope-contrast:#000; --scope-accent:#FFFF00;}
.tile-icon.tile-icon-colour11 {--scope-contrast:#fff; --scope-accent:#7000c6;}

.tile-icon.tile-icon-red {--scope-contrast:#fff; --scope-accent:#a52331;}
.tile-icon.tile-icon-blue {--scope-contrast:#fff; --scope-accent:#165981;}
.tile-icon.tile-icon-darkblue {--scope-contrast:#fff; --scope-accent:#203864;}
.tile-icon.tile-icon-green {--scope-contrast:#fff; --scope-accent:#4c883f;}
.tile-icon.tile-icon-purple {--scope-contrast:#fff; --scope-accent:#60467a;}
.tile-icon.tile-icon-brown {--scope-contrast:#000; --scope-accent:#c69954;}

.tile-icon.tile-icon-colour-grey {--scope-contrast:#000; --scope-accent:#f0f0ed;}
.tile-icon.tile-icon-colour-green {--scope-contrast:#fff; --scope-accent:#00703c;}
.tile-icon.tile-icon-colour-lightgreen {--scope-contrast:#000; --scope-accent:#a6e887;}
.tile-icon.tile-icon-colour-lightblue {--scope-contrast:#000; --scope-accent:#73bfe3;}
.tile-icon.tile-icon-colour-lightorange {--scope-contrast:#000; --scope-accent:#f58221;}
.tile-icon.tile-icon-colour-navyblue {--scope-contrast:#fff; --scope-accent:#202F3B;}
.tile-icon.tile-icon-colour-purple {--scope-contrast:#fff; --scope-accent:#aa85bc;}
.tile-icon.tile-icon-colour-red {--scope-contrast:#fff; --scope-accent:#ba1a1a;}
.tile-icon.tile-icon-colour-brightyellow {--scope-contrast:#000; --scope-accent:#faea70;}
.tile-icon.tile-icon-colour-brown {--scope-contrast:#fff; --scope-accent:#644433;}
/* end favourite styles */

.fa-ul > li{ margin:15px; }
.fa-li{
    left: -2.14286em;
    position: absolute;
    text-align: center;
    top: -3px !important;
    width: 2.14286em;
}

.shake{
	display:block;
	position:relative;
	animation-name:shaky;
	animation-duration:0.2s;
	transform-origin:50% 50%;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}

@keyframes shaky{
	0% { transform:rotate(0deg); }
	33% { transform:rotate(1deg); }
	67% { transform:rotate(-1deg); }
	100% { transform:rotate(0deg); }
}

/* Rectangle tiles */
/*
#sortable.rectangle{ margin:0 0 30px 0; }
#sortable.rectangle li{ width:300px; height:100px; margin:0 5px 10px 5px; }
.tile-icon.tile-icon-rectangle{ width:300px; height:100px; text-align:left; }
.tile-icon.tile-icon-rectangle .tile-glyph{ display:inline-block; font-size:48px; margin:20px auto 0 20px; min-width:55px; text-align:center; }
.tile-icon.tile-icon-rectangle .tile-lable-lg{ font-size:21px; line-height:22px; }
*/

/* Rectangle large tiles */
/*
#sortable.rectangle-lg{ margin:0 0 30px 0; }
#sortable.rectangle-lg li{ width:455px; height:100px; margin:0 5px 10px 5px; }
.tile-icon.tile-icon-rectangle-lg{ width:455px; height:100px; text-align:left; }
.tile-icon.tile-icon-rectangle-lg .tile-glyph{ display:inline-block; font-size:48px; margin:20px auto 0 20px; min-width:55px; text-align:center; }

#sortable.rectangle.no-margin{ margin:0 !important; }
#sortable.rectangle.no-margin li{ margin:0 10px 10px 0 !important; }
*/
#sortable.rectangle.tile-cols-1 {grid-template-columns:1fr;}
.tile-icon-rectangle {aspect-ratio:revert;}
.tile-icon-rectangle a {grid-template:auto / 4em 1fr; justify-items:start; align-items:center;}
.tile-icon-rectangle .tile-lable {text-align:left;}

#news-and-notes{ margin-top:0; margin-bottom:5px; }
.nav-tabs {border-bottom: 1px solid var(--token-secondary-mid)}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:visited{ color:#000; background:var(--token-light); border-color:var(--token-secondary-mid) var(--token-secondary-mid) transparent; border-radius:0; }
.nav-tabs > li > a,
.nav-tabs > li > a:visited{
    background:var(--token-neutral-90);
    color: #000;
    font-size: 14px;
    font-weight: bold !important;
    outline: 0 none;
    padding: 7px 10px;
	border-radius:0;
	border-bottom: 1px solid var(--token-secondary-mid);
    transition: background 0.3s ease 0s, color 0.3s ease 0s;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus{ background:var(--token-neutral-90); }

#tabs-with-icons{ font-size:17px; font-weight:normal; margin-top:0; margin-bottom:10px; }
#tabs-with-icons.nav-tabs > li.active > a,
#tabs-with-icons.nav-tabs > li.active > a:focus,
#tabs-with-icons.nav-tabs > li.active > a:hover{ color:#000; background:#fefefe; border-color:#ccc #ccc transparent; border-radius:0; }
#tabs-with-icons.nav > li > a,
#tabs-with-icons.nav > li > a:visited{
    background:#eee;
    color: #000;
    font-size: 17px;
    font-weight: normal !important;
    outline: 0 none;
    padding: 10px 18px 5px 18px;
	border-radius:0;
	border-bottom: 1px solid #ccc;
    transition: background 0.3s ease 0s, color 0.3s ease 0s;
}
#tabs-with-icons.nav > li > a:hover,
#tabs-with-icons.nav > li > a:focus{ background:#ddd; }

/*
.tile-grid{}
.tile-grid .tile{ margin-bottom:30px;}
.tile-grid .tile-inner{}
.tile-grid .tile-image{}
.tile-grid .tile-image .has_image{ padding:0; margin:0; border-bottom:0; }
.tile-grid .tile-text{ border:1px solid #ccc; height:110px; }
.tile-grid .tile-text a{ border:0; padding:0; margin:0; }
.tile-grid .tile-text h1{ font-size:18px; padding:10px; display:block; font-weight:normal; margin:0; }
.tile-grid .tile-text p{ font-size:15px; padding:0 10px 0 10px; display:block; font-weight:normal; }
*/
.tile-grid{ margin:0 0 10px 0; }
.tile-grid a,
.tile-grid a:visited{ display:block; background:#fefefe; color:#36404A; margin:0 0 10px 0; padding:0; border:0px solid #36404A; transition:background 0.3s; }
.tile-grid a:hover,
.tile-grid a:active,
.tile-grid a:focus{ background:#f5f5f5; color:#36404A; text-decoration:none; }
.tile-grid .tile-image{ font-size:36px; margin:0; display:block; line-height:36px; border:1px solid #ccc; border-bottom:0px solid #fff; }
.tile-grid .tile-lable{ font-size:16px; padding:15px; display:block; line-height:22px; font-weight:normal; border:1px solid #ccc; height:70px; }
.tile-grid .tile-lable h2{ display:inline; margin:0; }
.tile-grid .tile-lable p{ display:inline; margin:0; }

/*
.tile-promo{ margin:0 0 10px 0; }
.tile-promo a,
.tile-promo a:visited{ display:block; color:#36404A; margin:0 0 10px 0; padding:0; border:0px solid #36404A; transition:background 0.3s; }
.tile-promo a:hover,
.tile-promo a:active,
.tile-promo a:focus{ color:#36404A; text-decoration:none; }
.tile-promo .tile-image{ font-size:36px; margin:0; display:block; line-height:36px; border:1px solid #ccc; border-bottom:0px solid #fff; }
.tile-promo .tile-lable{ font-size:16px; padding:15px; display:block; line-height:22px; font-weight:normal; border:1px solid #ccc; }
.tile-promo .tile-lable p{ display:inline; margin:0; }
*/

.tile-news{ margin:0 0 10px 0; }
.tile-news a,
.tile-news a:visited{ display:block; background:#fefefe; color:#36404A; margin:0 0 10px 0; padding:0; border:0px solid #36404A; transition:background 0.3s; }
.tile-news a:hover,
.tile-news a:active,
.tile-news a:focus{ background:#f5f5f5; color:#36404A; text-decoration:none; }
.tile-news .tile-image{ font-size:36px; margin:0; display:block; line-height:36px; border:1px solid #ccc; border-bottom:0px solid #fff; }
.tile-news .tile-lable{ font-size:16px; padding:15px; display:block; line-height:22px; font-weight:normal; border:1px solid #ccc; /*max-width:400px;*/ }

.tile-news-standard{ margin:0 0 10px 0; }
.tile-news-standard a,
.tile-news-standard a:visited{ display:block; background:#fefefe; color:#36404A; margin:0 0 10px 0; padding:0; border:0px solid #36404A; transition:background 0.3s; }
.tile-news-standard a:hover,
.tile-news-standard a:active,
.tile-news-standard a:focus{ background:#f5f5f5; color:#36404A; text-decoration:none; }
.tile-news-standard .tile-image{ font-size:36px; margin:0; display:block; line-height:36px; border:1px solid #ccc; border-bottom:0px solid #fff; }
.tile-news-standard .tile-lable{ font-size:16px; padding:15px; display:block; line-height:22px; font-weight:normal; border:1px solid #ccc; }

.tile-news-actions a,
.tile-news-actions a:visited{ display:block; background:#fefefe; color:#36404A; margin:0 0 10px 0; padding:0; border:0px solid #36404A; }
.tile-news-actions a:hover,
.tile-news-actions a:active,
.tile-news-actions a:focus{ color:#36404A; text-decoration:none; }

.tile-news-hidden{ display:none; }
.tile-news-toggle{ display:none; }
#news-toggle{ cursor:pointer; }

.tile-friday-note{ margin:0 0 10px 0; }
.tile-friday-note a,
.tile-friday-note a:visited{ display:block; background:#fefefe; color:#36404A; margin:0 0 10px 0; padding:0; border:0px solid #36404A; transition:background 0.3s; }
.tile-friday-note a:hover,
.tile-friday-note a:active,
.tile-friday-note a:focus{ background:#f5f5f5; color:#36404A; text-decoration:none; }
.tile-friday-note .tile-image{ font-size:36px; margin:0; display:block; line-height:36px; border:1px solid #ccc; border-bottom:0px solid #fff; }
.tile-friday-note .tile-image-first{ border-bottom:1px solid #ccc; }
.tile-friday-note .tile-lable{ font-size:16px; font-weight:bold; padding:15px 15px 5px; display:block; line-height:22px; border:1px solid #ccc; border-bottom:0px solid #fff; }
.tile-friday-note .tile-article-date{ font-size:16px; padding:0 15px; display:block; line-height:22px; font-weight:normal; border:1px solid #ccc; border-bottom:0px solid #fff; border-top:0px solid #fff; font-style:italic; }
.tile-friday-note .tile-summary{ font-size:16px; padding:0 15px 5px; display:block; line-height:22px; font-weight:normal; border:1px solid #ccc; border-top:0px solid #fff; }

.tile-real-time{ padding:10px; margin:0 0 20px 0; background:#fefefe; border:1px solid #ccc; text-align:left; font-size:20px; color:#36404A; }
.tile-real-time img{ width:50px; margin:0 10px; }
.tile-real-time label{ font-weight:normal; }
.tile-real-time .form-control{ color:#36404A; height:40px; padding:5px 5px 5px 12px; }

.tile-weather{ margin:0 0 20px 0; }

.tile-video{ margin:0 0 20px 0; }
.tile-video a,
.tile-video a:visited{ display:block; background:#fefefe; color:#36404A; margin:0; padding:0; position:relative; transition:background 0.3s; }
.tile-video a:hover,
.tile-video a:active,
.tile-video a:focus{ background:#f5f5f5; color:#36404A; text-decoration:none; }
.tile-video .tile-video-image{ font-size:36px; margin:0; display:block; line-height:36px; }
.tile-video .tile-video-lable{ font-size:16px; padding:20px 10px 20px 80px; display:block; line-height:22px; font-weight:normal; border:1px solid #ccc; }
.tile-video .tile-video-glyph{ font-size:42px; padding:0 10px; display:inline-block; line-height:22px; position:absolute; bottom:12px; left:15px; }

.tile-video-archive-link{ display:block; margin:0 0 20px 0; padding:0 15px; background:#fff; }
.tile-video-archive-link a,
.tile-video-archive-link a:visited{ display:block; padding:0 0 10px 0; color:#36404A; border-bottom:1px solid #ccc; }
.tile-video-archive-link a:hover,
.tile-video-archive-link a:active,
.tile-video-archive-link a:focus{ color:#36404A; text-decoration:none; }

#comment-contents iframe{ border:0; }

/*
.social{ background-color:#fff; margin-bottom:20px; padding:0 15px; font-size:20px; }
.social-first{ margin:20px 0 20px 4px; }
.social .fa{ font-size:34px; margin:0 15px 0 0; }
.social p{ font-size:16px; margin:0; padding:15px 0; border-top:1px solid #ccc; }
.social .posted{ font-size:14px; color:#696969; }
.social .loading,
.social .loading-error{ font-size:14px; }
.social .loading .fa,
.social .loading-error .fa{ font-size:14px; margin:0; }
*/

/*#social-media-wall iframe{ width:100%; border:0px solid #fff; border-top:1px solid #ccc; height:1500px; }*/

#social-media-wall{ margin:0 0 0 19px; }
#social-media-wall #wall{ padding-top:0; }
.stream li .section-thumb img{ max-width:268px !important; padding:0; }

.menu{ margin:0 0 20px 0; padding:0; border:0px solid #ccc;}
.menu ul{ margin:0; padding:0; list-style-type:none; }
.menu a,
.menu a:visited{ display:block; color:#36404A; padding:10px;}
.menu a:hover,
.menu a:active,
.menu a:focus{ background:#46505a; text-decoration:none; }
.menu .menu-glyph{ font-size:20px; margin:0; float:right; }
.menu .menu-lable{ font-size:16px; margin:0; display:inline-block; }

.side-panel-content{ background-color:#eee; padding:10px 25px; }
.side-panel-content a{ color:#2a6496; }
.side-panel-content a:hover,
.side-panel-content a:focus{ color:#1d4568;}

/* Accordion Menu (Quiccordion) */
#nav-side{ width:100%; color:var(--token-dark, #36404A); background:var(--token-neutral-90, #eee); padding:10px 0; border:0px solid #fff; display:block; }
#nav-side a{ display:block; background:var(--token-neutral-90, #eee); color:var(--token-dark, #36404A); text-decoration:none; padding:8px 15px; padding-left:calc(var(--level, 1) * 0.75rem); border-bottom:0px solid #fff; font-size:15px; font-weight:normal; line-height:22px; cursor:pointer; }

#nav-side a:hover{ background:var(--token-base-dark, #ccc); color:var(--token-light, #36404A); }
#nav-side .tile-glyph{ display:inline-block; width:40px; font-size:34px; margin:0 10px; text-align:center; }
#nav-side .tile-lable{ display:inline-block; line-height:18px; }
/*
#nav-side .has-children.closed a{ background:#eee; color:#36404A; }
#nav-side .has-children.closed a:hover{ background:#ccc; color:#36404A; }
#nav-side .has-children{}
#nav-side .has-children > a{ padding:8px 15px 8px 15px; }
#nav-side .open {display:block;}
#nav-side li.closed a{ border-bottom:0px solid #eee;}
#nav-side li.closed a:hover{ border-bottom:0px solid #eee; }
#nav-side li ul{ padding:0; }
#nav-side li ul li.closed a{font-weight:normal; border-bottom:0px solid #fff; }
*/
#nav-side li ul li a{font-weight:normal; padding-left:24px; border-bottom:0px solid #fff;}
#nav-side li ul li ul li a{ padding-left:36px; }
#nav-side li ul li ul li ul li a{ padding-left:48px; }
#nav-side li ul li ul li ul li ul li a{ padding-left:60px; }
#nav-side {--level: 1;}
#nav-side ul {--level: 2;}
#nav-side ul ul {--level: 3;}
#nav-side ul ul ul {--level: 4;}
#nav-side ul ul ul ul {--level: 5;}
/* END Accordion Menu (Quiccordion) */

#nav-side ul{ display:none; }
#nav-side .menu-glyph{ font-size:20px; margin:0; float:right; }

#nav-side.wip .menu-glyph {font-size: 15px; line-height:22px; padding: 8px 12px;cursor: pointer;background:#eee;position:absolute;top:0;right:0; transition:0.3s;}
#nav-side.wip .menu-glyph:hover {background:#ccc;}
#nav-side.wip li {position: relative;}
#nav-side.wip a {padding-right:30px;}
#nav-side .menu-glyph i {transition:0.3s;}


#nav-side .menu-lable{ font-size:15px; margin:0 15px 0 0; display:block; border-left:3px solid transparent; padding-left:8px;word-break: break-word;}
#nav-side li.current > a{ font-weight:bold; }
#nav-side li.current > a > .menu-lable,
#nav-side li.current > a:hover > .menu-lable{ border-left:3px solid var(--token-secondary-mid, #36404A); }
#nav-side li > a:hover > .menu-lable{ border-left:3px solid transparent; }

#nav-side-big{ width:100%; color:var(--token-dark, #fff); padding:0; border:none; display:block; padding:0.5rem 0; background:var(--token-neutral-90);}
#nav-side-big a{ display:block; background: #36404A; color:#fff; text-decoration:none; padding:10px 15px; border-bottom:none; font-size:18px; font-weight:normal; cursor:pointer; background:var(--token-neutral-90, #36404A); color:var(--token-dark, #fff); padding:0.5rem; display:flex; align-items:baseline;line-height:1;}
#nav-side-big a:hover{ background:var(--token-base-dark,#46505a); color:var(--token-light,#fff); }
#nav-side-big .tile-glyph{ display:inline-block; width:40px; font-size:34px; margin:0 10px; text-align:center; width:auto; flex-basis:2rem; margin:0; font-size:1rem;}
#nav-side-big .tile-lable{ display:inline-block; line-height:18px; line-height:1.5;}

.dynamic-left-column{ display:none; }

/* Tree */
.safety .tree-node{ border-top:3px solid #339933 !important; }
.tree li.safety  div:hover,
.tree li.safety div:hover+ul li div,
.tree li div:hover+ul li.safety div{ background:#F5FFF5!important; color:#000; border:1px solid #94a0b4; border-top:3px solid #339933;}

.development .tree-node{ border-top:3px solid #FF9933 !important; }
.tree  li.development div:hover,
.tree  li.development div:hover+ul li div,
.tree  li div:hover+ul li.development div{ background:#FFF4EB!important; color:#000; border:1px solid #94a0b4; border-top:3px solid #FF9933 ;}

.people .tree-node{ border-top:3px solid #CC0000 !important; }
.tree  li.people div:hover,
.tree  li.people div:hover+ul li div,
.tree  li div:hover+ul li.people div{ background:#FFEDED!important; color:#000; border:1px solid #94a0b4; border-top:3px solid #CC0000 ;}

.tree{}
.tree ul{}
.tree div{ cursor:pointer; }
.tree-node{}
.tree-node-open{ display:block; }
.tree-node-closed{ display:none; }

.ce .tree-node{ width:500px; }
.officer .tree-node{ width:400px; }
.general-manager .tree-node{ width:325px; }
.manager .tree-node{ width:250px; }

.tree-node .name{ font-weight:bold; }
.tree-node .fa{ color:var(--token-dark, #214883); }
.tree-node .fa-phone,
.tree-node .fa-envelope,
.tree-node .fa-sitemap{ width:1rem; margin-right:0.25rem; }
/*.tree-node .fa-angle-down{ margin-top:2px; font-size:15px; }*/


.tree li{
    margin: 0px 0;
	list-style-type: none;
    position: relative;
	padding: 20px 5px 0px 5px;
}

.tree li::before{
    content: '';
	position: absolute; 
    top: 0;
	width: 2px; 
    height: 100%;
	right: auto; 
    left: -20px;
	border-left: 1px solid #ccc;
    bottom: 50px;
}
.tree li::after{
    content: '';
	position: absolute; 
    top: 30px; 
	width: 25px; 
    height: 20px;
	right: auto; 
    left: -20px;
	border-top: 1px solid #ccc;
}

/* 2023-09 (brand update); @neetijparekh */
/*.tree li div{
    display: inline-block;
	border: 1px solid #ccc;
	border-top:3px solid #214883;
	padding: 5px 10px;
	text-decoration: none;
	color: #555;
	font-family: Roboto, "Hind", arial, verdana, tahoma;
	font-size: 14px;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}*/
.tree li div {display: inline-block; border: 2px solid var(--token-secondary-mid, #ccc); padding: 0.25rem 0.5rem; text-decoration: none; font-size: 0.875rem; border-radius: var(--token-container-radius, 5px); border-top-left-radius:0;}

.tree li div:active,
.tree li div:focus{ outline:0; }

.tree li div a {color:var(--token-dark, #337ab7); }

/*Remove connectors before root*/
.tree > ul > li::before,
.tree > ul > li::after{	border: 0; }

/*Remove connectors after last child*/
.tree li:last-child::before{ height:30px; }

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
/* 2023-09 (brand update); @neetijparekh */
/*.tree li div:hover,
.tree li div:hover+ul li div{ background:#F0F7FF; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.31); color:#000; border-color:#94a0b4; border-top-color:#214883; }*/
.tree li div:hover, .tree li div:hover+ul li div {background:var(--token-secondary-mid, #F0F7FF); box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); color:var(--token-dark, #000);}

/*.tree li div:hover a, .tree li div:hover+ul li div a{ color:#000; }*/
/*Connector styles on hover*/
.tree li div:hover+ul li::after, 
.tree li div:hover+ul li::before, 
.tree li div:hover+ul::before, 
.tree li div:hover+ul ul::before{ border-color:#94a0b4; }
/* End Tree */

h2.toggle,
.heading-toggle h2,
h2.heading-toggle{ background-color:#eee; color:#19345C; cursor:pointer; font-size:1.5em; margin:0 0 5px; padding:15px; }
h3.toggle,
.heading-toggle h3,
h3.heading-toggle{ background-color:#eee; color:#19345C; cursor:pointer; font-size:1.3em; margin:0 0 5px; padding:15px; }

.heading-toggle .fa{ width:30px; }
.content-toggle{ margin-bottom:30px; display:none; }

#main .accordion .card{ border:0; }
#main .accordion .card h2{ background-color:#eee; color:#19345C; cursor:pointer; font-size:1.5em; margin:0 0 5px; padding:15px; }
#main .accordion .card h2 .fa{ margin-right:10px; transition:.3s; }
#main .accordion .card .card-body{ padding:15px; }

.promo-tiles.cards.card-style-standard .has-link a.card-title {font-size:1rem;}

.fa-li-3x{
	position:relative;
	text-align:center;
	top:0.142857em;
	left:-2.14286em;
	width:1.143em;
}

table.sortable th{ cursor:pointer; }

/* start comms specific classes */
.comms-intro1{
    background-color:#555;
    color:#fff;
    background-image:url('https://cms.dpti.sa.gov.au/customer_community_and_public_affairs/images/placeholder-lg-dark.png');
    padding:60px 30px;
}
.comms-intro2{ background-color:#eee; padding:15px; }
.comms-intro3{ background-color:rgba(49,88,147,0.5); padding:30px 15px; margin-top:10px; color:#fff; }
.comms-intro3 p{ margin:0; }
.comms-intro3 a,
.comms-intro3 a:hover,
.comms-intro3 a:active,
.comms-intro3 a:visited{ color:#19345C; }
.comms-table{}
.comms-table.table-bordered{ border:1px solid #fff; }
.comms-table.table-bordered > thead > tr > th{ border:1px solid #fff; }
.comms-table.table-bordered > tbody > tr > td{ border:1px solid #fff; }
.comms-table th{ background-color:#5b9bd5; color:#fff; }
.comms-table td{ background-color:#9dc3e6; color:#000; }
.comms-table tr.bg-light td{ background-color:#bdd7ee; color:#000; }
.comms-table tr.bg-lighter td{ background-color:#deebf7; color:#000; }
.comms-table tr.bg-lightest td{ background-color:#e7e6e6; color:#000; }


.comms-tile-slide{
    position:relative;
    display:inline-block;
    width:100%;
    height:200px;
    background:#f3f3f3;
    background-image:url('https://cms.dpti.sa.gov.au/customer_community_and_public_affairs/images/placeholder-md.png');
    background-position:center center;
    margin-top:30px;
    overflow:hidden;
}
.comms-tile-slide .tile-slide-overlay{
    background:rgba(0,0,0,.7);
    color:#fff;
    text-align:center;
    position:absolute;
    bottom:-145px;
    left:0;
    width:100%;
    height:200px;
    padding:10px;
    transition:.3s;
}
.comms-tile-slide .tile-slide-overlay{ text-decoration:none; }
.comms-tile-slide:hover .tile-slide-overlay{ bottom:0; }
.comms-tile-slide h2{ font-size:22px; margin:10px 0; }

.comms-toggles{ margin-top:15px; }
.comms-toggles > p{ margin:0; }
.comms-toggles h2.heading-toggle{ background-color:#19345C; color:#fff; cursor:pointer; font-size:1.5em; margin:0 0 5px; padding:15px; }
.comms-toggles h3.heading-toggle{ background-color:#19345C; color:#fff; cursor:pointer; font-size:1.3em; margin:0 0 5px; padding:15px; }
.comms-toggles .heading-toggle .fa{ width:20px; transition:.3s; }
.comms-toggles .heading-toggle .fa.fa-rotate-90{ vertical-align:text-bottom; }
.comms-toggles .content-toggle{ margin-bottom:30px; display:none; }
/* end comms specific classes */

ul.horizontal{ list-style-type:none; padding:0; }
ul.horizontal li{ display:inline-block; margin:0 30px 0 0; }
ul.horizontal-bold a{ font-weight:bold; }

.table {border-bottom:1px solid var(--token-neutral-90);}
.table > thead > tr > th {border-bottom:var(--token-container-border);}
.table .thead-light th {background-color:var(--token-secondary-light);border-color:var(--token-secondary-mid);}
.table .thead-dark th {background-color:var(--token-secondary-dark);border-color:var(--token-secondary-mid);}
.table-striped tbody tr:nth-of-type(odd) {background-color:transparent;}
.table-striped tbody tr:nth-of-type(even) {background-color:var(--token-neutral-95);}
.table-bordered {border-bottom-color:var(--token-neutral-90);}


/*
* linklist
*/
.linklist {list-style:none; padding:0; border:0; background-color:revert; border:0;}
.linklist > li {margin:0; padding:0.25rem 0;}
.linklist > li:nth-child(1) {padding-top:0;}
.linklist:not(.linklist-no-separator) > li::before {content:""; background: var(--token-secondary-light); width: 5rem; height: 1px; display: block; margin-bottom: 0.25rem;}
.linklist:not(.linklist-no-separator) > li:last-child::after {content:""; background: var(--token-secondary-light); width: 5rem; height: 1px; display: block; margin-top: 0.25rem;}
.linklist ul {margin:0; padding-left:1.5rem; padding-top:0.25rem;}



footer{ background:var(--token-neutral-90, #DCDDDE); color:var(--token-dark, #19345C); margin-top:2rem; padding:2rem; min-height:10rem; box-shadow:0 0 5px rgba(0, 0, 0, 0.5); }
footer .footer-logos a {text-decoration-line:none;}
footer .footer-logos > a img {margin-right:1rem;}
footer .footer-logos > a img, footer .footer-logos > a+img {max-height:4rem;}

footer .statement {margin-top:1rem;}
footer .values {font-weight:700; margin-top:1rem;}

footer .social-icon-glyph {display:block; color:#fff; background:var(--token-base-dark,#19345C); font-size:1.25rem; width:2rem; height:2rem; border-radius:50%; border:2px solid var(--token-base-dark,#19345C);}
footer a:hover .social-icon-glyph, footer a:active .social-icon-glyph, footer a:focus .social-icon-glyph{ color:var(--token-secondary-dark,#19345C); background:#fff; border-color:var(--token-secondary-dark,#19345C); }
footer .social-icons {margin-top:1.5rem; text-align:left; padding-left:0;}
footer .social-icons a, footer .social-icons a:visited {display:inline-block; text-align:center; margin:0 0.5rem 0.5rem 0;}
footer .social-icons a:hover, footer .social-icons a:active, footer .social-icons a:focus {color:#fff;}

footer .footer-flags {text-align:left; display:flex; flex-wrap:wrap; gap:0.75rem;}
footer .footer-flags img {height:1.5rem;}
footer .footer-flags a {display:inline-block;}
footer .footer-flags .flag-separator {padding:0 0.25rem;}

/*
footer .footer-icons{ text-align:right; }
footer .footer-icons a,
footer .footer-icons a:visited{ display:inline-block; text-align:center; margin:0 2px; }
footer .footer-icons a:hover,
footer .footer-icons a:active,
footer .footer-icons a:focus{ color:#214883; }

footer .footer-icon-glyph{ display:block; color:#214883; background:#fff; font-size:32px; width:50px; height:50px; padding:4px; border-radius:50%; border:2px solid #fff; transition:border 0.3s, color 0.3s, background 0.3s; }
footer a:hover .footer-icon-glyph,
footer a:active .footer-icon-glyph,
footer a:focus .footer-icon-glyph{ color:#fff; background:#214883; border:2px solid #fff; }

footer .footer-logos{ text-align:left; }
footer .footer-logos a{ display:inline-block; margin:0 30px 30px 0; }


footer .sr-only{ color:#fff; }
*/




#header-nav-mobile{ margin:0; padding:0; }
#header-nav-mobile ul{ margin:0; padding:0; }
#header-nav-mobile li{ display:block; list-style-type:none; margin:0; }
#header-nav-mobile li a {display:block; font-size:2rem; font-weight:normal; padding:0; }
#header-nav-mobile li a:hover,
#header-nav-mobile li a:focus,
#header-nav-mobile li a:active { text-decoration:none; }
/*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */

/*
 * Side menu slide out
 * 
 */

#pageslide{
	/* These styles MUST be included. Do not change. */
	display:none;
	position:absolute;
	position:fixed;
	top:0;
	height:100%;
	z-index:999999;
	overflow:auto;

	/* Specify the width of your pageslide here */
	width:260px;
	padding:5px;

	/* These styles are optional, and describe how the pageslide will look */
	background-color:#333333;
	color:#d0d0d0;
}
 
.no-scrolling{ height:100%; overflow:hidden; position:fixed !important; }

.cms_page_id{ font-size:12px; }

/* *** */
.badge-new { /*background-color:#ee0000;*/ --scope-background:var(--token-alert); --scope-color:var(--token-light); }
/*
.badge {border-radius:0.25em; font-size:var(--font-sm); transform:translate(0, -0.125em); border-color:var(--token-neutral-70); padding:0.125rem 0.5rem; font-weight:700;}
.badge-green{ background-color:#0f825b; }
.badge-blue{ background-color:#19345C; }
.badge-grey{ background-color:#36404a; }
.badge-subtle {background:#dcddde; color:#000; }
.badge-success {background:#04865f; color:#fff; }
.badge-primary {background:#19345c; color:#fff; }
*/

ul.list-inline.list-stats {display:flex; flex-wrap:wrap; gap:0.5em 0.5em;}
ul.list-inline.list-stats li {padding:0;}
/*
.btn-primary {background-color:#094d95; border-color:#094d95;}
.btn-primary:hover, .btn-primary:focus {background-color:#063465; border-color:#063465;}
*/
.btn {font-size:unset;line-height:unset;}
.btn-success {background-color:#04865f; border-color:#04865f;}
.btn-success:hover, .btn-success:focus {background-color:#04865f; border-color:#04865f;}
.btn-danger {background-color:#e51540; border-color:#e51540;}
.btn-danger:hover, .btn-danger:focus {background-color:#b61132; border-color:#b61132;}

input[type="button"], input[type="submit"], .btn {font-weight:700; cursor: pointer; padding-block-start:0.25em; padding-block-end:0.25em; padding-inline-start:0.5em; padding-inline-end:0.5em; border-radius:var(--token-container-radius); border-top-left-radius:0; text-decoration-line:none;color: var(--token-base-dark); background-color:transparent; border:2px solid var(--token-secondary-mid);}
input[type="button"]:hover, input[type="submit"]:hover, .btn:hover {color:var(--token-dark); background-color:var(--token-secondary-mid); border-color:var(--token-secondary-mid);}
.btn-xs {font-size:var(--font-xs);}
.btn-sm {font-size:var(--font-sm);}
.btn-xl { padding:12px 20px; font-size:23px; line-height:1.7; border-radius:6px; }
.btn-primary {color: var(--token-base-dark) !important; background-color:var(--token-light); border-color:var(--token-secondary-mid); }
.btn-primary-ondark {color: var(--token-light) !important; background-color:var(--token-base-dark); border-color:var(--token-secondary-mid); }
.btn-primary:hover {color:var(--token-dark) !important; background-color:var(--token-secondary-mid) !important; border-color:var(--token-secondary-mid);}
.btn-secondary {color: var(--token-link) !important; background-color:var(--token-light); border-color:var(--token-link); }
.btn-secondary-ondark {color: var(--token-neutral-90) !important; background-color:var(--token-base-mid); border-color:var(--token-link);  }
.btn-secondary:hover {color:var(--token-secondary-dark) !important; background-color:var(--token-light) !important; border-color:var(--token-secondary-dark);}
.btn-toggle {font-size:calc(1rem / var(--type-scale)); border-color:transparent; border-radius:0; background:var(--token-neutral-90); text-decoration-line:underline; margin-bottom:0.5rem;}
.btn-toggle:hover {color:var(--token-secondary-dark) !important; border-color:transparent; background:var(--token-neutral-90) !important; text-decoration-line:underline;}
input[type="button"]:focus, input[type="submit"]:focus, .btn:focus, .btn-primary:focus, .btn-secondary:focus, .btn-toggle:focus {box-shadow:0 0 0 0.25rem hsl(207.27deg 30.84% 20.98%/0.2); outline:3px solid transparent; background:var(--token-accent-cool); border-color:transparent; color:var(--token-base-dark);}




@media screen and (max-width: 1400px){
	
	#nav-side-big a{ padding:10px; }
	
	.alert-intranet-welcome{ padding:0 45px; }
	
	/*#sortable li{ margin:0 19px 33px; }*/
	.btn-group-shortcuts{ margin:0 0 20px 20px; }
	.social{ padding:0 25px; }
	
	#sortable.rectangle li{ height:100px; width:260px; margin:0 9px 18px 9px; }
	.tile-icon.tile-icon-rectangle{ height:100px; width:260px; text-align:left; }
	#sortable.rectangle .tile-lable{ font-size:14px; max-width:173px; }
	
	#sortable.rectangle-lg li{ height:100px; width:399px; margin:0 9px 18px 9px; }
	.tile-icon.tile-icon-rectangle-lg{ height:100px; width:399px; text-align:left; }
	#sortable.rectangle-lg .tile-lable{ font-size:14px; max-width:173px; }
	
	#social-media-wall{ margin:0 0 0 29px; }
	.stream{ margin:0 0 0 -9px !important; }
	.stream li{ width:239px !important; margin:0 9px 18px 9px !important; }
	.stream li .section-thumb img{ max-width:209px !important; padding:0; }
	
}

@media screen and (min-width: 1200px) and (max-width: 1400px){
	.alert-intranet-banner .alert{ padding:0 30px; }
}


@media screen and (max-width: 1200px){
	.alert-intranet-welcome{ padding:0 28px; }
	/*#sortable li{ margin:2px 2px; }*/
	
	#sortable.rectangle-lg li{ height:100px; width:260px; margin:0 9px 18px 9px; }
	.tile-icon.tile-icon-rectangle-lg{ height:100px; width:260px; text-align:left; }
	#sortable.rectangle-lg .tile-lable{ font-size:14px; max-width:173px; }
	
	#social-media-wall{ margin:0 0 0 15px; }
	.stream{ margin:0 0 0 -2px !important; }
	.stream li{ width:427px !important; margin:0 2px 18px 2px !important; }
	.stream li .section-thumb img{ max-width:397px !important; padding:0; }
	
	footer .values{text-align:left; }
	
}

@media screen and (min-width: 992px) and (max-width: 1199px){

	#nav-side-big .tile-glyph{ font-size:26px; width:28px; margin:0 5px; }
	#nav-side-big .tile-lable{ font-size:15px; }
	
	.tile-video .tile-video-glyph{ left:0px; bottom:25px; padding:0 10px; }
	.tile-video .tile-video-lable{ padding:40px 10px 5px; }
	.tile .tile-lable{ font-size:16px; }
}

@media screen and (max-width: 991px){
    #sortable.rectangle{ margin:0; }
	/*#sortable li{ margin:10px 10px; }*/
	
	#social-media-wall{ margin:0 0 0 15px; }
	.stream{ margin:0 0 0 -2px !important; }
	.stream li{ width:440px !important; margin:0 2px 18px 2px !important; }
	.stream li .section-thumb img{ max-width:410px !important; padding:0; }
}

@media screen and (min-width: 768px) and (max-width: 991px){
	#nav-side-big .tile-glyph{ font-size:28px; width:28px; margin:0 5px; }
	#nav-side-big .tile-glyph{ font-size:28px; width:28px; margin:0 5px; }
	#nav-side-big .tile-lable{ font-size:16px; }
	
	.tile-video .tile-video-glyph{ left:0px; bottom:2px; padding:0 10px; }
	.tile-video .tile-video-lable{ padding:10px 10px 10px 60px; }
	
	.alert-intranet-welcome{ padding:0 30px; }
	/*#sortable li{ margin:5px 5px; }*/
	
	.tile-news .tile-lable{ min-height:145px; }
	.tile-news-actions{ clear:both; }
}

@media screen and (max-width: 767px){
	ul#nav-mobile{ display:block; list-style-type:none; padding:2px; }
	
	ul#nav-mobile li ul{ display:none; list-style-type:none; padding:2px 0px 2px 20px; }
	ul#nav-mobile li ul a{ font-weight:normal; }

	ul#nav-mobile > li.mobile_submenu_open > ul,
	ul#nav-mobile > li.mobile_submenu_open > ul > li.mobile_submenu_open > ul,
	ul#nav-mobile > li.mobile_submenu_open > ul > li.mobile_submenu_open > ul > li.mobile_submenu_open > ul,
	ul#nav-mobile > li.mobile_submenu_open > ul > li.mobile_submenu_open > ul > li.mobile_submenu_open > ul > li.mobile_submenu_open > ul{ display:block; }
	
	ul#nav-mobile li ul li ul{ display:none; }
	
	ul#nav-mobile li{
		-webkit-user-select:none;
		-webkit-touch-callout:none;        
	}
	
	ul#nav-mobile .menu-glyph{ float:right; padding:0 5px; margin-right:0; }

  #pageslide .closenav{ font-size:14px; }
	#pageslide{ width:260px; background-color:var(--token-base-dark, #36404a); }
	#pageslide a{ display:block; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; padding:8px 10px; }
	#pageslide a:hover,
	#pageslide a:focus{ text-decoration:none; background-color:var(--token-light, #46505A); color:var(--token-dark, #fff); cursor:pointer; }
	
	#nav-mobile li.navbar-divider{ display:none; }
	
	.navbar-collapse{ box-shadow:none; }
	.navbar-nav{ float:left; }
	
	.alert-intranet-welcome{ padding:0 15px; }
	.alert-intranet-banner .alert{ padding:0; }
	
	/*#sortable li{ margin:5px 5px; }*/
	
	.social{ padding:0; }
	
	footer .footer-icons a,
	footer .footer-icons a:visited{ margin:0 5px 5px 0; }
}

@media screen and (min-width:650px) and (max-width: 767px){
	#social-media-wall{ margin:0 0 0 15px; }
	.stream{ margin:0 0 0 -5px !important; }
	.stream li{ width:290px !important; margin:0 5px 18px 5px !important; }
	.stream li .section-thumb img{ max-width:260px !important; padding:0; }
	footer .footer-flags {margin-top:35px !important;}
}

@media screen and (min-width:634px) and (max-width: 640px){
	#social-media-wall{ margin:0 0 0 15px; }
	.stream{ margin:0 0 0 -8px !important; }
	.stream li{ width:282px !important; margin:0 6px 18px 6px !important; }
	.stream li .section-thumb img{ max-width:252px !important; padding:0; }
	footer .footer-flags {margin-top:35px !important;}
}

@media screen and (max-width: 640px){
	/*#sortable li{ margin:3px 3px; }*/
	footer .footer-flags {margin-top:35px !important;}
}

@media screen and (min-width:488px) and (max-width: 633px){
	#social-media-wall{ margin:0 0 0 15px; }
	.stream{ margin:0 0 0 -8px !important; }
	.stream li{ width:432px !important; margin:0 6px 18px 6px !important; }
	.stream li .section-thumb img{ max-width:402px !important; padding:0; }
	footer .footer-flags {margin-top:35px !important;}
}

@media screen and (max-width: 632px){
	#social-media-wall{ margin:0 0 0 15px; }
	.stream{ margin:0 0 0 -8px !important; }
	.stream li{ width:286px !important; margin:0 6px 18px 6px !important; }
	.stream li .section-thumb img{ max-width:256px !important; padding:0; }
	footer .footer-flags {margin-top:35px !important;}
}

@media screen and (max-width: 480px){
    footer .footer-flags {margin-top:35px !important;}
}

@media screen and (max-width: 360px){
	/*#sortable{ margin:0 -5px 30px -5px; }*/
	/*#sortable li{ margin:15px 15px; }*/
	.btn-group-shortcuts{ margin:0 0 20px 0; }
		footer .footer-flags {margin-top:35px !important;}
}

@media screen and (max-width: 359px){
	/*#sortable{ margin:0 -5px 30px -5px; }*/
	/*#sortable li{ margin:5px 5px; }*/
	.btn-group-shortcuts{ margin:0 0 20px 0; }

}

@media print{
	#search,
	.like-dislike,
	.header-icons,
	.navbar-collapse,
	.btn-search{ display:none !important; }

	/*a[href]:after{ content:" (" attr(href) ")"; }*/
}

/* break points to keep the page slide menu happy
@media (min-width: 280px) and (max-width: 300px){.container{ width:295px; }}
@media (min-width: 300px) and (max-width: 320px){.container{ width:393px; }}
@media (min-width: 320px) and (max-width: 340px){.container{ width:320px; }}
@media (min-width: 340px) and (max-width: 360px){.container{ width:345px; }}
@media (min-width: 360px) and (max-width: 380px){.container{ width:365px; }}
@media (min-width: 380px) and (max-width: 400px){.container{ width:385px; }}
@media (min-width: 400px) and (max-width: 420px){.container{ width:405px; }}
@media (min-width: 420px) and (max-width: 440px){.container{ width:425px; }}
@media (min-width: 440px) and (max-width: 480px){.container{ width:445px; }}
@media (min-width: 480px) and (max-width: 500px){.container{ width:485px; }}
@media (min-width: 500px) and (max-width: 520px){.container{ width:505px; }}
@media (min-width: 520px) and (max-width: 540px){.container{ width:525px; }}
@media (min-width: 540px) and (max-width: 560px){.container{ width:545px; }}
@media (min-width: 560px) and (max-width: 580px){.container{ width:565px; }}
@media (min-width: 580px) and (max-width: 600px){.container{ width:585px; }}
@media (min-width: 600px) and (max-width: 620px){.container{ width:605px; }}
@media (min-width: 620px) and (max-width: 640px){.container{ width:625px; }}
@media (min-width: 640px) and (max-width: 660px){.container{ width:645px; }}
@media (min-width: 660px) and (max-width: 680px){.container{ width:665px; }}
@media (min-width: 680px) and (max-width: 700px){.container{ width:685px; }}
@media (min-width: 700px) and (max-width: 720px){.container{ width:700px; }}
@media (min-width: 720px) and (max-width: 740px){.container{ width:720px; }}
@media (min-width: 740px) and (max-width: 760px){.container{ width:740px; }} */
/* end break points to keep the page slide menu happy */


#fullscreen{ display:none; }

@media (device-width: 100vw) and (device-height: 100vh) {
	
	#fullscreen{ display:block; position:fixed; top:0; left:0; font-size:32px; background:#000; opacity:0.5; z-index:10000; }
	#fullscreen .fs-overlay-btn{ display:inline-block; padding:10px; cursor:pointer; }
}

details summary {cursor:pointer;}

details.details {margin:1em 0em;}
	details.details summary {position:relative;}
	details.details{position:relative;border-radius:3px;padding:0.5em;transition:.3s;border:1px solid #e0e0e0;}
	details.details:hover {/*box-shadow:inset 0px 0px 2px #19345C;*//*background-color:#eee;*/border-color:#ccc;}
	details[open].details{min-height:50px;/*background-color:#ccc;*/}
    details[open].details summary {margin-bottom:1em;}
	@supports (top:0) {
    	details.details summary::after{content:"\f078"; position:absolute; right:-1em; top:0; font-family:"Font Awesome 5 Free", "FontAwesome";}
    	details[open].details summary::after{content:"\f077";}
	}
	details.details summary{cursor:pointer;font-weight:700;font-size:1.25em; width:calc(100% - 1.5em);}
	details.details summary:focus{outline:0;box-shadow:0;}
	details.details summary::-webkit-details-marker{display:none;}
	details[open].details .control-icon-close{display:initial;transition:.3s;}
	details[open].details .control-icon-expand{display:none;}
	.control-icon{fill:#19345C;transition:.3s ease;pointer-events:none;}
	.control-icon-close{display:none;}
	html.no-details details > summary::before {content:none !important;}
	
.status-red {color:#d9534f;}
.status-amber {color:#f0ad4e;}
.status-green {color:#5cb85c;}

/*************************************************************************************
REMOVE WHEN UPGRADING BOOTSTRAP TO 5.x
*************************************************************************************/
label {font-weight:normal;}
.d-flex {display:flex;}
.flex-column {flex-direction:column;}

.pl-0, .px-0, .p-0 {padding-inline-start:0 !important;}
.pr-0, .px-0, .p-0 {padding-inline-end:0 !important;}
.pt-0, .py-0, .p-0 {padding-block-start:0 !important;}
.pb-0, .py-0, .p-0 {padding-block-end:0 !important;}
.pl-1, .px-1, .p-1 {padding-inline-start:calc(1rem / calc(var(--power-5))) !important;}
.pr-1, .px-1, .p-1 {padding-inline-end:calc(1rem / calc(var(--power-5))) !important;}
.pt-1, .py-1, .p-1 {padding-block-start:calc(1rem / calc(var(--power-5))) !important;}
.pb-1, .py-1, .p-1 {padding-block-end:calc(1rem / calc(var(--power-5))) !important;}
.pl-2, .px-2, .p-2 {padding-inline-start:calc(1rem / var(--power-2)) !important;}
.pr-2, .px-2, .p-2 {padding-inline-end:calc(1rem / var(--power-2)) !important;}
.pt-2, .py-2, .p-2 {padding-block-start:calc(1rem / var(--power-2)) !important;}
.pb-2, .py-2, .p-2 {padding-block-end:calc(1rem / var(--power-2)) !important;}
.pl-3, .px-3, .p-3 {padding-inline-start:1rem !important;}
.pr-3, .px-3, .p-3 {padding-inline-end:1rem !important;}
.pt-3, .py-3, .p-3 {padding-block-start:1rem !important;}
.pb-3, .py-3, .p-3 {padding-block-end:1rem !important;}
.pl-4, .px-4, .p-4 {padding-inline-start:calc(1rem * var(--power-2)) !important;}
.pr-4, .px-4, .p-4 {padding-inline-end:calc(1rem * var(--power-2)) !important;}
.pt-4, .py-4, .p-4 {padding-block-start:calc(1rem * var(--power-2)) !important;}
.pb-4, .py-4, .p-4 {padding-block-end:calc(1rem * var(--power-2)) !important;}
.pl-5, .px-5, .p-5 {padding-inline-start:calc(1rem * var(--power-5)) !important;}
.pr-5, .px-5, .p-5 {padding-inline-end:calc(1rem * var(--power-5)) !important;}
.pt-5, .py-5, .p-5 {padding-block-start:calc(1rem * var(--power-5)) !important;}
.pb-5, .py-5, .p-5 {padding-block-end:calc(1rem * var(--power-5)) !important;}

.ml-0, .mx-0, .m-0 {margin-inline-start:0 !important;}
.mr-0, .mx-0, .m-0 {margin-inline-end:0 !important;}
.mt-0, .my-0, .m-0 {margin-block-start:0 !important;}
.mb-0, .my-0, .m-0 {margin-block-end:0 !important;}
.ml-1, .mx-1, .m-1 {margin-inline-start:calc(1rem / calc(var(--power-5))) !important;}
.mr-1, .mx-1, .m-1 {margin-inline-end:calc(1rem / calc(var(--power-5))) !important;}
.mt-1, .my-1, .m-1 {margin-block-start:calc(1rem / calc(var(--power-5))) !important;}
.mb-1, .my-1, .m-1 {margin-block-end:calc(1rem / calc(var(--power-5))) !important;}
.ml-2, .mx-2, .m-2 {margin-inline-start:calc(1rem / var(--power-2)) !important;}
.mr-2, .mx-2, .m-2 {margin-inline-end:calc(1rem / var(--power-2)) !important;}
.mt-2, .my-2, .m-2 {margin-block-start:calc(1rem / var(--power-2)) !important;}
.mb-2, .my-2, .m-2 {margin-block-end:calc(1rem / var(--power-2)) !important;}
.ml-3, .mx-3, .m-3 {margin-inline-start:1rem !important;}
.mr-3, .mx-3, .m-3 {margin-inline-end:1rem !important;}
.mt-3, .my-3, .m-3 {margin-block-start:1rem !important;}
.mb-3, .my-3, .m-3 {margin-block-end:1rem !important;}
.ml-4, .mx-4, .m-4 {margin-inline-start:calc(1rem * var(--power-2)) !important;}
.mr-4, .mx-4, .m-4 {margin-inline-end:calc(1rem * var(--power-2)) !important;}
.mt-4, .my-4, .m-4 {margin-block-start:calc(1rem * var(--power-2)) !important;}
.mb-4, .my-4, .m-4 {margin-block-end:calc(1rem * var(--power-2)) !important;}
.ml-5, .mx-5, .m-5 {margin-inline-start:calc(1rem * var(--power-5)) !important;}
.mr-5, .mx-5, .m-5 {margin-inline-end:calc(1rem * var(--power-5)) !important;}
.mt-5, .my-5, .m-5 {margin-block-start:calc(1rem * var(--power-5)) !important;}
.mb-5, .my-5, .m-5 {margin-block-end:calc(1rem * var(--power-5)) !important;}

.gap-4, .gap-column-4 {column-gap:1.5rem;} .gap-3, .gap-column-3 {column-gap:1rem;} .gap-2, .gap-column-2 {column-gap:0.75rem;} .gap-1, .gap-column-1 {column-gap:0.5rem;}
.gap-4, .gap-row-4 {row-gap:1.5rem;} .gap-3, .gap-row-3 {row-gap:1rem;} .gap-2, .gap-row-2 {row-gap:0.75rem;} .gap-1, .gap-row-1 {row-gap:0.5rem;}

.d-block {display:block !important;}
/************************************************************************** END_ ****/


/* used for side nav with functional expand/collapse buttons */
#nav-side li { position: relative; }
#nav-side .menuHasChildren > a { margin-right:calc(2.75em + 1px);}
#nav-side .menu-glyph {font-size: 15px; float: none; position: absolute; right:0; top:0; padding:8px 14px; background: var(--token-neutral-90, #eeeeee); cursor: ns-resize; border:0;line-height: 22px; border-left:1px solid #ccc; }
#nav-side .menu-glyph:hover { background: var(--token-base-dark, #ccc); color:var(--token-light);}

#nav-mobile li { position: relative; }
#nav-mobile .menuHasChildren > a {margin-right:2.5em;}
#nav-mobile .open{ display:block;}
#nav-mobile li.current > a > .menu-lable {display:block;border-left:3px solid #fff; padding-left:8px; margin-left:calc(-3px - 8px);}
#nav-mobile button.menu-glyph {color:#fff; font-size: 14px; float: none; position: absolute; right:0; top:0; padding:6px 14px; margin:2px 0; background: none; border:0; border-left:1px solid rgba(255,255,255,0.2); }
#nav-mobile button.menu-glyph:hover {background-color:var(--token-light, #46505A); color:var(--token-dark, #fff);}
button.menu-glyph.dropdown-toggle:focus {outline-style:auto; outline-width:1px;};
#nav-mobile .mobile_submenu_open > ul {height:auto;}

.sitemap-list {margin:20px 0 10px 0;}
/*.sitemap-list::before {content: "Explore pages in this section"; font: 500 28px/1.1 normal; font-family:inherit; margin: 0 0 10px 0; display: block;}*/
.sitemap-list ul {list-style: none; padding: 0; margin: 0;}
.sitemap-list li {display: inline-block; margin:0 0.5em 0.5em 0;}
.sitemap-list a {display: inline-block; padding: 1em; border: 1px solid #ccc; border-left: 2px solid #19345C;}

#add-to-favourites{ display:none; }