html {--color-white:#fff; --color-black:#000; --color-brand:var(--token-base-dark); --color-yellow-light:var(--token-base-mid); --color-dark-grey:var(--token-secondary-dark); --color-medium-grey:var(--token-secondary-light);}
:root {
--type-scale: 1.125;
--token-light:#fff;
--token-dark:#000;
--token-base-dark:#ffdf00;
--token-base-mid: #fff8cc;
--token-secondary-light:#4d4d4d;
--token-secondary-mid:#f0f0ed;
--token-secondary-dark:#1d1d1e;

--token-accent-warm: #F58221;
--token-accent-cool: #93e9ff;
--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(0.97 0 0 / 1);

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

--token-link:var(--token-base-dark);
--token-link-hover:var(--token-base-light);;

--token-container-radius: 0;
--token-container-border: 0;
--token-container-border-color:none;
--token-container-boxshadow-color:none;
--token-container-boxshadow-color-hover:none;
--token-container-boxshadow:none;
--token-container-boxshadow-hover:none;

--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-dark: invert(86%) sepia(24%) saturate(3180%) hue-rotate(359deg) brightness(105%) contrast(103%);


--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-sm: calc(1rem / var(--power-1));
--font-h5: calc(1rem * var(--power-1));
--font-h4: calc(1rem * var(--power-2));
}
body { font-family:'Montserrat', Arial, sans-serif; background:#000; color:#fff; }
b,strong,.strong {font-weight:500;}

@media screen and (min-width:1400px) {
    .container{ max-width:1140px; }
}

#main {background-color:#000; padding-top:2rem; padding-bottom:2rem; }
/*
#main a, #main a:visited { color:#fff; color:var(--token-base-dark); }
#main a:hover, #main a:active { color:var(--token-base-mid); }
*/
a, a:visited { color:#fff; color:var(--token-base-dark); }
a:hover, a:active { color:var(--token-base-mid); }
.a-underline a {text-decoration:underline 2px var(--token-base-dark); text-underline-offset:1px;}
.a-nounderline a {text-decoration:none;}

.no-gutter, .no-padding{ padding-left:0; padding-right:0; }
.no-padding-left{ padding-left:0; }
.no-padding-right{ padding-right:0; }

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

h1,.h1{ font-size:2.125rem; margin-top:0; color:var(--token-base-dark); text-transform:uppercase; word-wrap:break-word; hyphens:auto; }
h2,.h2{ font-size:1.875rem; margin-top:1em; color:var(--token-base-dark); }
h3,.h3{ font-size:1.5rem; margin-top:1em; color:var(--token-base-dark); }
h4,.h4{ font-size:1.25rem; margin-top:1em; color:var(--token-base-dark); }
h5,.h5{ font-size:1.125rem; margin-top:1em; color:var(--token-base-dark); }
h6,.h6{ font-size:1rem; margin-top:1em; color:var(--token-base-dark); }

h2 a,
h2 a:visited{ /*color:#000 !important;*/ text-decoration:none !important; }
h2 a:hover,
h2 a:active{ /*color:#000 !important;*/ text-decoration:underline; }

.video{ margin:15px 0; position:relative; }
.cta-bar {position:absolute; bottom:0; width:100%; text-align:center; padding:1em; background:rgba(0,0,0,0.8);}
.video .cta-bar{ position:absolute; left:0; bottom:0; width:calc(100% - 30px); margin:0 15px; background-color:rgba(0,0,0,0.7); padding:10px; text-align:center; }
.video .cta-bar p {margin-bottom:0;}
.videowrapper{ float:none; clear:both; width:100%; position:relative; padding-bottom:56.25%; padding-top:25px; height:0; margin-bottom:20px; }
.videowrapper iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }
.videowrapper-medium{ max-width:500px; }

.carousel-item .video, .carousel-item a, .carousel-item p {margin: 0 !important; display:block !important;}
.carousel-control-next, .carousel-control-prev {
    opacity:1;
}
.carousel-control-prev-icon {
    filter:drop-shadow(0px 0px 2px #000) drop-shadow(-2px 0px 0px #000);
}
.carousel-control-next-icon {
    filter:drop-shadow(0px 0px 2px #000) drop-shadow(2px 0px 0px #000);
}
blockquote {padding:0.5rem 0.75rem; margin-bottom:1rem; border-left:2px solid var(--token-base-dark);}
blockquote > *:last-child {margin-bottom:0;}

/* commented @neetij 2020-06-18 */
/*
.video .video-play{ display:block; position:absolute; background:transparent; top:calc(50% - 50px); left:calc(50% - 50px); width:0; height:0; border-top:50px solid transparent; border-bottom:50px solid transparent; border-left:100px solid rgba(255,255,255,0.5); transition:.3s; cursor:pointer; }
.video .video-play:hover{ border-left:100px solid rgba(255,255,255,0.8); }
*/
.video .video-play {transition: .3s;cursor: pointer;width:100%;position:absolute;left: 0;top:0;height: 100%;border: 0;color: rgba(255,255,255,0.8);text-shadow:0px 0px 1rem #333;font-size: 4rem;text-decoration:none;}
.video .video-play::after {content: "\f144";font-family: "Font Awesome 5 Free";vertical-align: middle;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-decoration:none;}
.video .video-play:hover {color:#fff; text-shadow:0px 0px 1rem #000, 0px 0px 0.5rem #000;text-decoration:none;}


.fancybox-skin{ background:#000 !important; padding:5px !important; }
.fancybox-close{ background-image:url(/__data/assets/image/0005/612932/close.png) !important; width:40px !important; height:40px !important; top:-28px !important; right:0 !important; }

header{ background:#000; padding-top:30px; padding-bottom:30px; }
header .logo{ margin-right:30px; max-height:50px; }


.btn-toggle {font-size:0.75em; background:transparent; border:1px solid; padding:0.25em 0.5em; margin-bottom:0.5em;}
.btn-search{ border:1px solid #ced4da; }

.container-nav{ background:var(--token-base-dark); padding:0; /*box-shadow: 0px 20px 30px 10px rgba(0,0,0,.5);*/ }
.container-hero{ margin-bottom:30px; box-shadow: 0 15px 15px 0 rgba(120,120,120,0.5); /*background:#004B88; background-image: url(/__data/assets/image/0008/519785/speed-camera-banner.jpg); background-size:cover; background-position:top center; color:#fff; padding:90px 0 190px 0;*/ }
.container-hero-content{ background:#004B88; color:#fff; padding:30px 0; margin-bottom:30px;   }
.container-hero-content img.hero-icon{ max-height:140px; }
.bg-think{ background:var(--token-base-dark); }

.navbar {padding:0;}
.navbar-nav {gap:0 0.5rem;}
.navbar-dark .navbar-toggler{ color:#000; }
.navbar-dark .navbar-nav .nav-link {color:#000; font-size:1.125rem; padding:0.5rem 0.75rem; text-decoration:none; }
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:active,
.navbar-dark .navbar-nav .nav-link:focus{ color:#000; text-decoration:underline; }
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {color:#000; text-shadow: 0px 0px 1px #000;}
.navbar-nav .dropdown-menu{ background:var(--token-base-dark); border:1px solid #000; border-top:0; margin-top:-0.25rem; border-radius:0; min-width:250px !important; max-width:320px !important; }
.navbar-nav .dropdown-item{ color:#000; white-space:initial; padding:.5rem 1rem; transition:color 0.3s; }
.dropdown-item:focus, .dropdown-item:hover{ background-color:var(--token-base-dark); color:#000; }
.nav-link .fas{ margin-right:5px; }

/*
.social-media{ margin:0 15px 0 0; }
.social-media a{ font-size:26px; color:#000; }
.social-media a:hover,
.social-media a:visited,
.social-media a:active{ color:#000; text-decoration:none; }

.btn-mygov-login{ color:#000; padding:5px; margin-left:20px; }
.btn-mygov-login a{ color:#000; }
.btn-mygov-login a:hover,
.btn-mygov-login a:visited,
.btn-mygov-login a:active{ color:#000; text-decoration:underline; }
.btn-mygov-login{ background-color:#fff; padding:5px; border-radius:4px; margin-left:20px; }
.btn-mygov-login img{ height:30px; }
*/

.navbar-nav-extra{ position:absolute; top:5px; right:0; }
.navbar-nav-extra li{ display:inline-block; }

.container-hero h1{ font-size:2.8rem; }
.container-hero p{ font-size:1.4rem; }

#banners p{ margin-bottom:0; }
.breadcrumb a { text-decoration-underline:none;}

.breadcrumb { background-color:transparent; color:rgba(255,255,255,.9); font-size:0.875rem; padding:0; border-radius:0; line-height:1.5rem; }
.breadcrumb a { color:var(--color-yellow-light); text-decoration:none;}

.intro{ font-size:1.5rem; margin:30px 15px; }
.intro-sub{ color:#000; background-color:var(--token-base-dark); font-size:1.5rem; padding:15px; margin-bottom:15px; text-align:center; }
.intro-sub p{ margin:0; }

img{opacity:1; transition:opacity 0.3s linear;}
img {max-width: 100%;}
img[width] {width: auto;}
img[width][height] {height: auto;}
img[src$=".svg"] {width: 100%;height: auto;max-width: none;}

.social-feed { background:var(--token-secondary-dark); margin-top:1rem; padding:1rem; border-radius:0;}
.social-feed .social-feed-item { margin:0 0 2rem 0; }
.social-feed .social-feed-item .img { background:#444; height:100px; width:100%; }
.social-feed .highlight { color:var(--token-base-dark); }
.social-feed .fab {color:var(--token-base-dark); font-size:1.5rem; margin-top:0.25rem;}
.social-feed a {color:var(--color-yellow-light); text-decoration:none; }
.social-feed a:hover {color:var(--color-brand);}


#main .column-sidebar > .sidebar-content.quicklinks { display:none; background:var(--color-dark-grey); padding:0 1rem; margin:0; }
.quicklinks h2 { font-size:1.4rem; color:var(--color-brand); text-transform:uppercase; margin-top:5px; margin-bottom:15px;}
.quicklinks ul { padding:0; list-style-type:none; }
#main .quicklinks ul li a { /*color:#fff;*/ text-decoration:none; text-decoration-thickness:2px; text-underline-offset:1px; }
#main .quicklinks ul li a:hover, #main .quicklinks ul li a:focus, #main .quicklinks ul li a:active { color:var(--color-brand); text-decoration-line:underline; }
@media (min-width:62rem) {
    #main .column-sidebar > .sidebar-content.quicklinks {display:block;}
    .navbar-dark .navbar-nav .nav-link {font-size:1rem; padding:1rem 0.5rem;}
}
@media (min-width:75rem) {
    .navbar-dark .navbar-nav .nav-link {font-size:1.25rem;}
}

.media{ margin:15px 0; }
.media+.media {margin-top:30px;}
.media img{ max-width:196px; }
.media a{ color:var(--token-base-dark) !important; }

.media-releases{ margin-top:70px; }
.media-releases h5{ margin-bottom:.25rem !important; }
.media-releases a{ color:var(--token-base-dark) !important; }

.tile ul li::before{
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size:17px;
    display: inline-block;
    margin-left: -1em;
    width: 1em;
    color: #004B88;
}

.news-row{ margin-bottom:30px; }

#service-sa-locations-map{ width:100%; height:300px; }

.search-result{}
.img-container{ width:100%; height:80px; padding:10px; text-align:center; background:#004B88; color:#004B88; }
.img-container a{ display:block; }
.img-container img{ max-height:60px; }
.img-placeholder{ width:100%; height:80px; text-align:center; background:#fff; color:#004B88; }
.img-placeholder a{ display:block; height:80px; padding:25px 0 0 0; color:#004B88; }
.search-result a.asset-name{ font-size:1.2rem; }
.search-result a.asset-url{ color:#212529; }

.heading-toggle h2, h2.heading-toggle{ background-color:#EFEFEF; color:#004B88; cursor:pointer; font-size:24px; margin:0 0 5px; padding:15px; }
.heading-toggle h3, h3.heading-toggle{ background-color:#EFEFEF; color:#004B88; cursor:pointer; font-size:22px; margin:0 0 5px; padding:15px; }
.heading-toggle a{ color:#004B88; }
.heading-toggle .fas{ font-size:1.2rem; }
.content-toggle{ padding:0 15px; }

.selection-process ol{ padding:0; }
.selection-process ol > li {
    background:#fff;
    padding:10px;
    width:24%;
    display:inline-block;
    vertical-align:top;
    min-height:300px;
    margin:.25%;
}

table.statistics p{ margin-bottom:0; }

footer{ background:var(--token-secondary-dark); color:#fff; padding-top:30px; padding-bottom:30px; margin-top:30px; }
footer h4{ font-size:1.1rem; }
footer ul{ padding:0; margin-bottom:1.5rem; }
footer ul li{ list-style-type:none; line-height:1.0; margin-bottom:7px; }
footer ul li a{ color:#fff; font-size:.8rem; text-decoration:none; }
footer ul li a:hover,
footer ul li a:active,
footer ul li a:visited{ color:#fff; }
footer a{ color:#fff; }
footer a:hover,
footer a:active,
footer a:visited{ color:#fff; }

footer .subfooter{ padding-top:30px; font-size:12px; }
footer .subfooter ul li{ display:inline-block; margin:0 30px 0 0; vertical-align:top; line-height:1.0; margin-bottom:7px; }
footer .logo-sagovau{ height:18px; margin-bottom:30px; }
footer .logo-sabrand{ height:35px; margin-bottom:15px; margin-top:-15px; }

@media screen and (max-width: 991px){
	header .logo{ margin-bottom:15px; }
    .video .cta-bar{ position:static; width:100%; background-color:rgba(0,0,0,0.7); padding:10px; margin:0; display:block; text-align:center; font-size:0.8rem; }
    .intro{ font-size:1.1rem; margin:70px 15px; }
	.selection-process ol{ padding:0; }
	.selection-process ol > li {
		background:#fff;
		padding:10px;
		width:100%;
		display:inline-block;
		vertical-align:top;
		min-height:30px;
		margin:3px;
	}
}

@media screen and (max-width: 767px){
    header{ padding-top:15px; padding-bottom:15px; }
	header .logo{ margin-bottom:15px; height:35px; }
    .intro{ font-size:1.1rem; }
	.container-hero h1{ font-size:2.5rem; }
	.container-hero-content img.hero-icon{ max-height:70px; }
	.news-row h3{ margin-top:20px; }
    .cta-bar {position:static;}
}

@media screen and (max-width: 575px){
    header{ padding-top:16px; padding-bottom:16px; }
	header .logo{ margin-bottom:16px; height:32px; }
    .intro{ font-size:1.1rem; }
    .video .video-play {font-size:5rem;}
    #_hj_feedback_container div div { bottom:50px !important; }
    .media img{ max-width:106px; }
}

#main .column-sidebar {z-index:99; align-self:start; order:2;}
#main .column-sidebar > .sidebar-content {background:var(--color-dark-grey); padding:1rem 0; border-bottom:0.125rem solid var(--color-yellow-light); margin-bottom:1rem;}
#main .column-sidebar a,
#main .column-sidebar a:visited {display:block;position:relative; padding:0.25rem 2rem 0.25rem 0; color:var(--color-yellow-light);}
#main .column-sidebar a:hover,
#main .column-sidebar li.active {color:var(--color-brand); position:relative;}
#main .column-sidebar li.active > a {color:var(--color-brand);}
#main .column-sidebar li.active > a::before {content: "";border-left: 0.125rem solid var(--color-brand);color: var(--color-brand);margin-left: -0.5rem;padding-left: 0.375rem;position: absolute;height:100%;top:0;}
#main .column-sidebar #nav-list {padding:0 0 0 0.75rem; margin:0 0.25rem 0.25rem 0;}
#main .column-sidebar li {position:relative; line-height:1.4;}
#main .column-sidebar #nav-list ul {display:none;padding:0 0 0 1rem;}

#main .column-sidebar #nav-list ul ul a {font-size:0.875rem;}
#main .column-sidebar #nav-list li.active + ul {display:block;}
#main .column-sidebar #nav-list li.hierarchy > ul {display:block;}
#main .column-sidebar button {border:0; background:none; color:var(--color-yellow-light); font-size: 1rem; margin: 0; position: absolute; top: 0; right: 0; padding:0.25rem 0.75rem; cursor: pointer;}
#main .column-sidebar button:hover {background:var(--color-medium-gray);}

#main .column-sidebar details {margin:0; padding:0; border:0; position:relative;}
#main .column-sidebar details summary {text-transform:uppercase; color:var(--color-white); padding:0;}
#main .column-sidebar details > div {position:sticky; top:3rem; max-height:80vh; overflow:auto;}
#main .column-sidebar details > div > ul {padding-left:0.5rem;}
@media (min-width:62rem) {
  #main .column-sidebar {max-height:none;}
  #main .column-sidebar summary::marker {content:"";}
  #main .column-sidebar details > div {display: block; max-height:none;}
}
#main .column-sidebar li.parent ~ * {padding-left:1rem;}



/* revised CSS - 2020-06-12 */
.border-4 {border:4px solid var(--token-base-dark);}
.height-100 {height:100%}
.carousel a {color:#fff;}
/* temporarily reset the existing styles */
.tile { /*color:#fff;*/ text-align:center; display:block; background:unset; padding:unset; margin:unset; border-radius:3px; transition:0.3s; }
.tile:hover { color:var(--token-base-dark); text-decoration:none; }
.tile .tile-icon { display:block; padding:8px; border-radius:0; background:unset; text-align:unset; transition:unset; }
.tile:hover .tile-icon { background:unset; }
.tile .tile-icon img { height:64px; display:unset; margin-left:unset; margin-right:unset; }
.tile .tile-label { display:block; padding:8px; text-align:unset; }
.tile-icon .alt { margin-top:unset; }
.tile-icon .hidden { opacity:unset; }

@media screen and (min-width: 576px){
    .tile { display:block; position:relative; background:#000; /*color:#fff;*/ margin:15px 0; text-align:center; padding:unset; }
    .tile .tile-icon { margin:0 auto; display:block; padding:8px; }
    .tile .tile-icon img { height:96px; }
    .tile .tile-label { display:block; padding:8px; }
    .tile:hover { background:var(--token-base-dark); color:#000; text-decoration:none; }
    .tile:hover .tile-icon { filter: saturate(100%) brightness(0%) contrast(100%); }
}
_:-ms-fullscreen, :root .tile:hover .tile-icon { background:#000; }

.box-brand {padding:1rem; background:var(--color-brand); color:var(--color-black);}
.box-subtle {padding:1rem; background:var(--color-dark-grey); border-left:2px solid var(--color-brand); margin-bottom:1rem;}
.box-subtle > h3, .box-subtle > h4, .box-subtle > h5 {margin-top:0;}
.box-subtle p:last-child {margin-bottom:0;}
.box-brand:not(div, p, li), .box-subtle:not(div, p, li) {display:inline-block; margin-bottom:1rem;}
table.border-0 td, table.border-0 th {border:0;}
#main .column-body ol li {margin-bottom:0.5em;}
#main .column-body ul:not(.list-unstyled) li {list-style:square; margin-bottom:0.5em;}
#main .column-body li ul {margin-top:0.5em;}
#main .column-body :not(.list-unstyled) li::marker {color:var(--color-brand);}
ol.list-circled {  list-style: none; counter-reset: steps;}
ol.list-circled > li {counter-increment: steps;}
ol.list-circled > li::before {content: counter(steps); margin-right: 0.5rem; background:var(--color-brand); color: var(--color-black); width: 1.5em; height: 1.5em; border-radius: 50%; display: inline-grid; place-items: center; margin-left:-2rem; font-weight:700;}

.toggle-wrap .btn.btn-toggle {border-color:var(--color-yellow-light); color:var(--color-white);}
details.details-style-6 > summary {background:var(--color-brand); color:var(--color-black);}
details.details-style-6 > summary h4 {color:var(--color-black);}
details.details-style-6 > div {border-bottom:2px solid var(--color-brand); color:var(--color-white); background:var(--color-dark-grey);}

.accordions details summary {background:var(--token-base-dark); color:var(--token-dark);}
.accordions details summary:hover {background:var(--token-base-dark); color:var(--token-dark);}
.accordions details[open] summary {background:var(--token-base-dark); color:var(--token-dark);}
.accordions details > div {background:var(--token-secondary-dark); color:var(--token-light); border-bottom-color:var(--token-base-dark);}

.table-striped tbody tr:nth-of-type(odd) {background: var(--token-secondary-dark);}
.table.searchable > thead:first-child > tr:first-child > th {border-top:0;}
.table-rss th, .table-rss td{ color:var(--color-white); background:var(--color-black); }
.table-rss th {text-transform: uppercase; background: var(--color-medium-grey);}
.table-rss, .table-rss td, .table-rss th {border-color: var(--color-yellow-light);}
.table-rss ul, .table-rss ol {padding-left:1.25em;}
dl {display: grid;gap: 1em 0.5em;grid-template-columns: 1fr;}
dl > dt {grid-column: 1; margin-top:1em;}
dl > dd {grid-column: 1;}

.mins-foreword {margin-bottom:2rem;}
.mins-header {position:relative; display:grid; gap:0; margin-bottom:1rem;}
.mins-header .mins-image {padding:0 1rem; width:15rem; grid-area:1/1/3/3; z-index:1;}
.mins-header .mins-title {padding-left:15rem; margin-bottom:0; grid-area:2/1/3/3;}

#main a.btn-primary {color:#000; background-color:var(--color-brand);border-color:var(--color-brand); text-decoration:none;}
#main a.btn-primary:focus, #main a.btn-primary:hover, #main a.btn-primary:active {color:#000; background-color:var(--color-yellow-light);border-color:var(--color-yellow-light); text-decoration:none;}
#main .asset-nav a.btn {white-space:normal;min-width:128px;}

@media screen and (max-width:991px) {
    #main > .row > div {margin-bottom:2em;}
    .mins-header {display:block;}
    .mins-header .mins-image {padding:0rem; width:auto; text-align:center;}
    .mins-header .mins-title {padding-left:1rem;}
}
@media screen and (min-width:768px) {
    .columns-md-2 {columns:2;}
}
@media screen and (min-width:992px) {
    .columns-lg-2 {columns:2;}
    dl {grid-template-columns: 10rem 1fr;}
    dl > dt {margin-top:0;}
    dl > dd {grid-column: 2;}
}


.quicklinks-grid {display:grid; grid-template-columns:repeat(2,1fr); gap:0 1rem;}
.social-feed-items {display:flex; flex-wrap:wrap; gap:1rem 0.5rem; font-size:0.875rem;}
.social-feed-items .social-feed-item {margin:0;display:grid; grid-template-columns:auto 1fr; gap:0.5rem;}
@media (min-width:36rem) {
.quicklinks-grid {grid-template-columns:repeat(3,1fr);}
.quicklinks-grid > li:last-child {grid-column:2 / 3;}
}
@media (min-width:48rem) {
.quicklinks-grid {grid-template-columns:repeat(4,1fr);}
.quicklinks-grid > li:nth-child(9) {grid-column-start:2;}
.quicklinks-grid > li:last-child {grid-column:auto;}
}
@media (min-width:62rem) {
.quicklinks-grid {grid-template-columns:repeat(5,1fr);}
.quicklinks-grid > li:nth-child(9) {grid-column:auto;}
.quicklinks-grid > li:last-child {grid-column:auto;}
/*.social-feed .fab {font-size:2rem;}*/
}

.social-feed { container:social-feed-items / inline-size; }
@container social-feed-items (min-width: 32rem) {
    .social-feed-items { display:flex; flex-wrap:wrap; }
}
@container social-feed-items (min-width: 48rem) {
    .social-feed-items { font-size:1rem; display:grid; grid-template-columns:repeat(3, 1fr); }
    .social-feed-items .fab {font-size:2rem;}
}

#main .cards.card-style-7 .card {background:var(--color-brand) !important; box-shadow:0 0 0px 2px var(--color-brand) !important;}
#main .cards.card-style-7 .card.has-link a.card-title {color:#000 !important;}
#main .cards.card-style-7 .card:hover {box-shadow:0 0 0px 2px var(--color-yellow-light) !important;}
.cards.card-style-7 .card.has-link:hover .card-body, #main .cards.card-style-7 .card.has-link:hover a.card-title, .cards.card-style-7 .card.has-link:hover .card-text, .cards.card-style-7 .card.has-link:hover .card-footer {color:#000 !important;}
.cards.card-style-7 .card.has-link:hover::after {background:var(--color-yellow-light) !important;}
#main .cards.card-style-7 .has-link a.card-title::before {filter:none !important;}
#main .cards.card-style-7 .has-link a.card-title:hover::before, .cards.card-style-7 .card:hover a.card-title::before {filter:none !important;}

.cards.card-style-standard .card {background:var(--color-brand); box-shadow:0 0 0px 2px var(--color-brand);}
.cards.card-style-standard .card a {color:#000; text-decoration-line:underline; text-decoration-color:#000;}
.cards.card-style-standard .card.has-link a.card-title {color:#000; text-decoration-line:none;}
.cards.card-style-standard .card.has-link:hover {box-shadow:0 0 0px 2px var(--color-yellow-light);}
.cards.card-style-standard .card.has-link:hover .card-body, #main .cards.card-style-standard .card.has-link:hover a.card-title, .cards.card-style-standard .card.has-link:hover .card-text, .cards.card-style-standard .card.has-link:hover .card-footer {color:#000;}
.cards.card-style-standard .card.has-link:hover::after {background:var(--color-yellow-light);}
.cards.card-style-standard .has-link a.card-title::before {filter:none;}
.cards.card-style-standard .has-link a.card-title:hover::before, .cards.card-style-standard .card:hover a.card-title::before {filter:none;}

.cards.card-style-download .card {background:var(--color-dark-grey); color:var(--token-base-mid); box-shadow:none;}
.cards.card-style-download .card a {color:var(--token-base-dark); text-decoration-line:underline; text-decoration-color:var(--token-base-dark);}
.cards.card-style-download .card.has-link a.card-title {color:var(--token-base-dark); }
.cards.card-style-download .has-link a.card-title::before {filter:var(--token-filter-base-dark);}
.cards.card-style-download .card.has-link:hover {box-shadow:none;}