/* Copyright (c) 2015 State Government of Victoria. All Rights Reserved. */

@font-face {
  font-family: 'montserrat-light';
  src: url('https://metrotunnel.vic.gov.au/__data/assets/file/0005/5999/montserrat-light.eot');
  src: url('https://metrotunnel.vic.gov.au/__data/assets/file/0005/5999/montserrat-light.eot?#iefix') format('embedded-opentype'),
       url('https://metrotunnel.vic.gov.au/__data/assets/file/0008/6002/montserrat-light.woff') format('woff'),
       url('https://metrotunnel.vic.gov.au/__data/assets/file/0007/6001/montserrat-light.ttf') format('truetype'),
       url('https://metrotunnel.vic.gov.au/__data/assets/file/0006/6000/montserrat-light.svg#montserratlight') format('svg');
}


@font-face {
  font-family: 'montserrat-regular';
  src: url('https://metrotunnel.vic.gov.au/__data/assets/file/0009/6003/montserrat-regular.eot');
  src: url('https://metrotunnel.vic.gov.au/__data/assets/file/0009/6003/montserrat-regular.eot?#iefix') format('embedded-opentype'),
       url('https://metrotunnel.vic.gov.au/__data/assets/file/0012/6006/montserrat-regular.woff') format('woff'),
       url('https://metrotunnel.vic.gov.au/__data/assets/file/0011/6005/montserrat-regular.ttf') format('truetype'),
       url('https://metrotunnel.vic.gov.au/__data/assets/file/0010/6004/montserrat-regular.svg#montserratregular') format('svg');
}
  
@font-face {
  font-family: 'icomoon';
  src: url('https://metrotunnel.vic.gov.au/__data/assets/file/0014/6125/icomoon.eot');
  src: url('https://metrotunnel.vic.gov.au/__data/assets/file/0014/6125/icomoon.eot?#iefix') format('embedded-opentype'),
       url('https://metrotunnel.vic.gov.au/__data/assets/file/0017/6128/icomoon.woff') format('woff'),
       url('https://metrotunnel.vic.gov.au/__data/assets/file/0016/6127/icomoon.ttf') format('truetype'),
       url('https://metrotunnel.vic.gov.au/__data/assets/file/0015/6126/icomoon.svg#icomoon') format('svg');
}

.aspect-box { position: relative; width: 100%; }
.aspect-box:before { content: ""; display: block; }
.aspect-box > div:first-child,
.aspect-box > iframe:first-child { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: none; width:100%; height: 100%; }

.aspect-box:before           { padding-top: 56.25%; } 	/* 16:9 (default) */
.aspect-box.ratio_1_1:before { padding-top: 100%; }     /* 1:1 */
.aspect-box.ratio_2_1:before { padding-top: 50%; }      /* 2:1 */
.aspect-box.ratio_4_3:before { padding-top: 75%; }      /* 4:3 (TV letterbox) */
.aspect-box.ratio_1_2:before { padding-top: 200%; }     /* 1:2 */


.visuallyhidden, .visually-hidden { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }

.hidden { display: none !important; }


.expand { display: none; }
.expand.active { display: block; }

.grid { display: table; width: 100%; table-layout: fixed; }
.grid.grid-auto-col { table-layout: auto; }
.grid > [class*="grid-col"] { display: table-cell; vertical-align: top; overflow: hidden; }
.grid > .grid-col-1-of-2 { width: 50%;   }
.grid > .grid-col-1-of-3 { width: 33.3%; }
.grid > .grid-col-2-of-3 { width: 66.7%; }
.grid > .grid-col-1-of-4 { width: 25%;   }
.grid > .grid-col-2-of-4 { width: 50%;   }
.grid > .grid-col-3-of-4 { width: 75%;   }
.grid > .grid-col-1-of-5 { width: 20%;   }
.grid > .grid-col-2-of-5 { width: 40%;   }
.grid > .grid-col-3-of-5 { width: 60%;   }
.grid > .grid-col-4-of-5 { width: 80%;   }

/* phone styles */
@media screen and (max-width: 480px) {

  .phone-hidden { display: none !important; }
  .phone-expand { display: none; }
  .phone-expand.active { display: block; }

  .phone-grid { display: table; width: 100%; table-layout: fixed; }
  .phone-grid.grid-auto-col { table-layout: auto; }
  .phone-grid > [class*="grid-col"] { display: table-cell; vertical-align: top; overflow: hidden; }
  .phone-grid > .grid-col-1-of-2 { width: 50%;   }
  .phone-grid > .grid-col-1-of-3 { width: 33.3%; }
  .phone-grid > .grid-col-2-of-3 { width: 66.7%; }
  .phone-grid > .grid-col-1-of-4 { width: 25%;   }
  .phone-grid > .grid-col-2-of-4 { width: 50%;   }
  .phone-grid > .grid-col-3-of-4 { width: 75%;   }
  .phone-grid > .grid-col-1-of-5 { width: 20%;   }
  .phone-grid > .grid-col-2-of-5 { width: 40%;   }
  .phone-grid > .grid-col-3-of-5 { width: 60%;   }
  .phone-grid > .grid-col-4-of-5 { width: 80%;   }
}

/* tablet styles */
@media screen and (min-width: 481px) and (max-width: 1023px) {

  .tablet-hidden { display: none !important; }
  .tablet-expand { display: none; }
  .tablet-expand.active { display: block; }

  .tablet-grid { display: table; width: 100%; table-layout: fixed; }
  .tablet-grid.grid-auto-col { table-layout: auto; }
  .tablet-grid > [class*="grid-col"] { display: table-cell; vertical-align: top; overflow: hidden; }
  .tablet-grid > .grid-col-1-of-2 { width: 50%;   }
  .tablet-grid > .grid-col-1-of-3 { width: 33.3%; }
  .tablet-grid > .grid-col-2-of-3 { width: 66.7%; }
  .tablet-grid > .grid-col-1-of-4 { width: 25%;   }
  .tablet-grid > .grid-col-2-of-4 { width: 50%;   }
  .tablet-grid > .grid-col-3-of-4 { width: 75%;   }
  .tablet-grid > .grid-col-1-of-5 { width: 20%;   }
  .tablet-grid > .grid-col-2-of-5 { width: 40%;   }
  .tablet-grid > .grid-col-3-of-5 { width: 60%;   }
  .tablet-grid > .grid-col-4-of-5 { width: 80%;   }
}

/* desktop styles */
@media screen and (min-width: 1024px) {
  
  .desktop-hidden { display: none !important; }
  .desktop-expand { display: none; }
  .desktop-expand.active { display: block; }
  
  .desktop-grid { display: table; width: 100%; table-layout: fixed; }
  .desktop-grid.grid-auto-col { table-layout: auto; }
  .desktop-grid > [class*="grid-col"] { display: table-cell; vertical-align: top; overflow: hidden; } 
  .desktop-grid > .grid-col-1-of-2 { width: 50%;   }
  .desktop-grid > .grid-col-1-of-3 { width: 33.3%; }
  .desktop-grid > .grid-col-2-of-3 { width: 66.7%; }
  .desktop-grid > .grid-col-1-of-4 { width: 25%;   }
  .desktop-grid > .grid-col-2-of-4 { width: 50%;   }
  .desktop-grid > .grid-col-3-of-4 { width: 75%;   }
  .desktop-grid > .grid-col-1-of-5 { width: 20%;   }
  .desktop-grid > .grid-col-2-of-5 { width: 40%;   }
  .desktop-grid > .grid-col-3-of-5 { width: 60%;   }
  .desktop-grid > .grid-col-4-of-5 { width: 80%;   }
}

/*
Blue headings #0567a3
Light Grey Background: #eae8e7
Light Blue Background: #00BCE9
Light Grey Menu Box: #EDEDED
Light Blue Intro Text: #0567a3
Blue: #00BCE9
Red: #E72523
Green: #C5D82E
Yellow: #FFE707
Green: #00B398
50% Green: #80d9cc
Orange #FF671F
50% Orange: #ffb38f
Yellow: #FAC606
50% Yellow: #fde383
Text Black: #000
80% Black: #585858
Warm Grey: #A59C94
50% Warm Grey: #d1cdc9
Darker Grey: #796E65
50% Darker Grey: #bcb7b2

*/


html { font: 100%/1.5 "Gotham A", "Gotham B", "montserrat-light", Arial, sans-serif; font-weight: normal; font-style: normal; letter-spacing: 0; -webkit-font-smoothing: antialiased; color: #585858; }

body {
    font-family: "Gotham A", "Gotham B", "montserrat-light", Arial, sans-serif !important; background: #333; min-width: 280px; }

h1 {
text-transform: none !important;
line-height: 1.1em !important;
    font-weight: 800!important;
    font-family: "Gotham A", "Gotham B", "montserrat-regular", Arial, sans-serif !important;
    color: #002431 !important;;
    font-size: 2.4rem !important;
  margin-top: 1em !important;

}

h2 {
    text-transform: none !important;
    line-height: 1.1em!important;
    font-weight: 800!important;
    font-family: "Gotham A", "Gotham B", "montserrat-regular", Arial, sans-serif!important;
    color: #002431!important;
    font-size: 1.5em!important;
    border-bottom: none;
    padding-bottom: 0.15em;
    margin-top: 3rem;

}

h3 {
text-transform: none !important;
line-height: 1.1em!important;
    font-weight: normal!important;
    font-family: "Gotham A", "Gotham B", "montserrat-light", Arial, sans-serif!important;
    color: #002431!important;
    font-size: 1.3em!important;
    margin-top: 1.6rem;

}


h4 {
    font-size: 1.15rem;
    font-family: "Gotham A", "Gotham B", "montserrat-light", Arial, sans-serif!important;
    color: black;
}






main .breadcrumbs a {
    text-decoration: none !important;
    font-weight: normal !important;
    color: grey !important;
}













ul { margin: 0 0 1em 0; }
li { margin: 0 0 0.3em 0; }

a { color: #0567a3; text-decoration: underline;  }
a:hover { text-decoration: none; }


.bigbuild { background-color: #212529; overflow: auto; border-bottom: solid 1px #FFF; max-width:none;}
@media (min-width: 1200px) { .bigbuild .container { max-width: 1237px; } }
.bigbuild div:nth-of-type(2) { text-align: right; }
.bigbuild img { height: 1.5em; margin-top: 0.75em; margin-bottom: 0.75em; }


header { background: #fff;  font-family: "Gotham A", "Gotham B", "montserrat-light", Arial, sans-serif; }
header button { background: #00BCE9; border: none; color: #fff; line-height: 1.5; margin: 0; padding: 0.3em 1.3em; text-transform: uppercase; }

header button:after { content: "\f105"; display: inline-block; font-family: "icomoon"; font-size: 24px; line-height: 24px !important; text-align: right; vertical-align: top; width: 1em; }
header button.active:after { content: "\f107"; }

header .phone-grid { padding: 0 1em; box-sizing: border-box; }
header .phone-grid > .grid-col { vertical-align: middle; } /* TD - don't use plugin classes for styling, create different classes for these */
header .phone-grid > .grid-col + .grid-col { text-align: right; }
header .logo-link img {width: 7em;margin-bottom: 1.2em; margin-top: 0.4em;}
header ul { list-style: none; padding: 0; margin: 0; }
header ul li { margin: 0; border-top: solid 1px #eae8e7; }
header ul a { font-family: "Gotham A", "Gotham B", "montserrat-light", Arial, sans-serif; color: #585858; font-weight: normal; text-decoration: none; text-transform: uppercase; text-align: left; display: block; padding: 0.75em; }

header ul a:hover, header ul a:focus, header ul a:active { color: #585858; background: #d9f5fa; text-decoration: none; }

header .skipto-link { font-family: Arial,sans-serif; font-weight: normal; left: 0; position: absolute; top: -1000px; color: #000; background: #fff; }
header .skipto-link:focus, header .skipto-link:active { top: 0; }

header .top-nav .drop a { background: #d9f5fa; margin: 0; font-size: 85%; text-transform: none; text-align: left; padding-left: 1.75em; }
header .top-nav .drop a:hover, header .top-nav .drop a:focus, header .top-nav .drop a:active { background: #d9f5fa; font-weight: bold; }

header .search-form { background: #00BCE9; padding: 1em; }
header .search-form .grid { border: solid 1px #00BCE9; background: #fff; }
header .search-form input[type="search"] { border: none; width:100%; padding: 0 1em; height: 2.4em; }
header .search-form button { height: 2.4em; width: 3em; background: #fff; transition: background 0.2s ease; color: #444; }
header .search-form button:after { content: "\f002"; font-family: "FontAwesome"; color: #00BCE9;}
header .search-form button:hover, header .search-form button:focus, header .search-form button:active { background: #d9f5fa; }
header .search-form .grid-col + .grid-col { width: 3em; }


main { background: #fff; overflow: hidden; padding-bottom: 5em; }
main img { border: none;  max-width: 100%; height: auto; margin: 0; margin-bottom: 1em; margin-top: 0 !important; } 
main img[align="left"]  { float: left;  margin-right: 0.5em; }
main img[align="right"] { float: right; margin-left:  0.5em; }
main img.border { border: solid 1px lightgrey; } 

main a:hover img { opacity: 0.5; }
main a { color: #0567a3 !important; text-decoration: underline !important; }


main .banner { max-width: none; overflow: hidden; margin-bottom: 1em;  }
main .banner > * { max-width: 1024px; margin: 0 auto; }
main .banner-content { position: relative; }
main .banner-content p { position: absolute; color: #fff; padding-top: 0.8em; padding-right: 6em; text-transform: uppercase; font-family: "Gotham A", "Gotham B", "montserrat-light", Arial, sans-serif; font-size: 3.5vw; text-shadow: 2px 2px 3px #000; }
main .banner-content p .arc { float: left; margin-bottom: 100%; width: 15%; }
main .banner-content p .arc { display: none !important; /* TD - testing with PF */ }
main .banner-image { width: 100%; max-width: none; background-color: #00BCE9; max-height:150px; }

main .breadcrumbs { font-size: 0.75em; padding: 1rem 0 1rem 1.2rem;} 
main .breadcrumbs ul { padding: 0; margin: 0; }
main .breadcrumbs li { display: inline-block; font-family: "Gotham A", "Gotham B", "montserrat-light", Arial, sans-serif; color: grey; }
main .breadcrumbs li:before { content: "\f105"; font-family: "FontAwesome"; float: left; margin-left: -0.2em; text-align: center; width: 1.5em; }
main .breadcrumbs li:first-child:before { content: none; }
main .breadcrumbs a { text-decoration: none; font-weight: normal; color: grey; }
main .breadcrumbs a:hover, main .breadcrumbs a:focus, main .breadcrumbs a:active{ text-decoration: underline; }

main .page-intro { color: #585858; font-family: "Gotham A", "Gotham B", "montserrat-light", Arial, sans-serif; font-size: 1.45em;  margin: 1.2em 0 1em; line-height: 1.3em;}

main img.border { border: solid 1px #eae8e7; padding: 0.8em; margin-bottom: 0 !important; }
main .caption { background: #eae8e7; font-size: 0.8em; font-family: "Gotham A", "Gotham B", "montserrat-light", Arial, sans-serif; padding: 0.5em 1em; display: block; }

main .breakout { max-width: none; overflow: hidden; padding: 1em; background-color: #d9f5fa;}
main .breakout > * {max-width: 1200px;margin-left: auto;margin-right: auto;}
main .breakout > .aspect-box { padding: 0; border: solid 0.8em #fff; box-sizing: border-box; }
main .breakout > img { max-width: 100%; box-sizing: border-box; }
main .breakout > img.border { background: white; border: none; }
main .breakout + * { margin-top: 1em; }
main .breakout .caption { background: #fff; color: #0567a3; box-sizing: border-box; margin-top: 1em; margin-bottom: 1em; }
main .breakout .caption a { color: #0567a3; }
main .breakout .transcript-link { text-align: right; }

main .breakout-alt { background: #eae8e7; max-width: none; overflow: hidden; padding: 1em; }
main .breakout-alt > * { max-width: 1024px; margin-left: auto; margin-right: auto; }
main .breakout-alt > .aspect-box { padding: 0; border: solid 0.8em #fff; box-sizing: border-box; }
main .breakout-alt > img { max-width: 100%; box-sizing: border-box; }
main .breakout-alt > img.border { background: white; border: none; }
main .breakout-alt + * { margin-top: 1em; }
main .breakout-alt .caption { background: #fff; color: #eae8e7; box-sizing: border-box; margin-top: 1em; margin-bottom: 1em; }

main form { max-width: none; overflow: hidden; }
main form > * { max-width: 1200px; margin-left: auto; margin-right: auto; }
main form + * { margin-top: 1em; }
main article > form { padding: 0; }
main article > form > * { padding: 0 1em; }


article > * { padding: 0 1em; }
article > .banner { padding: 0; }



/* special layout classes */
header > *,
article > *,
footer > * { max-width: 1200px; margin: 0 auto; }

.homepage-news h3 { margin-top: 0; }
.homepage-news-heading { font-size: 2em; }

.social-link { display: inline-block; }
.social-link img { margin: 0; }
.social-link + .social-link { margin-left: 1em; }

.small-link { font-size: 0.8em; }

.section-homepage h2 {border-bottom: none; font-size: 1.8em; margin-top:0; border-left: solid 0.5em #00BCE9; padding-bottom: 0.25em; padding-left: 0.5em; } 
.section-homepage p {padding-left: 1.95em; } 

.info-links ul { list-style: none; padding: 0; }
.info-links li { background: #fff; padding: 0.5em 1em; margin-bottom: 0.8em; }
.info-links a { font-size: 0.8em; font-family: "Gotham A", "Gotham B", "montserrat-regular", Arial, sans-serif; color: #0567a3; }
.info-links .file-summary { font-family: "Gotham A", "Gotham B", "montserrat-light", Arial, sans-serif; }
.info-links a strong { }


.faq article h2 { font-size: 1em; background: #fff; margin: 0.5em 0 0; box-sizing: border-box; border: none; text-transform: none; padding: 0.5em 1em; } 
.faq article p { margin: 0.5em 0; }
.faq .faq-question { padding: 0; } /* define on h2 first, then remove once init() is complete to prevent screen flash */
.faq .faq-question > button { background: transparent; border: none; padding: 0.5em 1em; text-align: left; width: 100%; }
.faq .faq-question > button:before { content: "\f105"; display: inline-block; font-family: "icomoon"; font-size: 24px; line-height: 0.8 !important; text-align: right; vertical-align: top; width: 1em; float: right; }
.faq .faq-question.active > button:before { content: "\f107"; }
.faq .faq-question.active { background: #d9f5fa; color: #000; }
.faq .faq-answer { background: #fff; padding: 0.5em 1em; }

/* default state - only hide if JS enabled */
.js .faq article > div > * { display: none; } 
.js .faq article > .banner > * { display: block; }
.js .faq article > .banner + div > * { display: block; }
.js .faq article > div > h2 { display: block; }


.contact-us-form { font-family: "Gotham A", "Gotham B", "montserrat-light", Arial, sans-serif; }
.contact-us-form .form-question { margin-top: 1em; margin-bottom: 1em; }
.contact-us-form input[type="submit"] { background: white; border: solid 1px #DADADA; padding: 0.5em 3em; color: #0567a3; } 
.contact-us-form input[type="submit"]:hover, .contact-us-form input[type="submit"]:focus { background: #eae8e7; }
.contact-us-form .form-buttons input[type="submit"]:hover, .contact-us-form .form-buttons input[type="submit"]:focus {background: #eae8e7 !important; color:#000000 !important;}
.contact-us-form .form-errors { border: 1px solid #DADADA; background: #EEEEEE; padding: 0.5em 1em; margin-bottom: 1em; color: darkred; box-sizing: border-box; }


footer { background: #585858; color: #fff; padding: 2em 1em 1em; padding-bottom: 66px; text-transform: uppercase }
footer > * { font-size: 0.9em; }
footer a { color: #fff; font-weight: normal; }
footer ul { text-align: left; list-style: none; padding: 0; }
footer .vicgov-logo { margin: 0 0 2em 2em; }
/*footer .copyright-notice { margin: 0; clear: both; padding-top: 2em; }
footer .updated-notice { margin: 0; }*/
footer .back-to-top-wrapper { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; }
footer .back-to-top { float: right; text-decoration: none; background-color: rgba(121,110,101,0.5); }
footer .back-to-top:hover, .back-to-top:focus, .back-to-top:active { background-color: rgba(121,110,101,1.0); }
footer .back-to-top:after { content: "\f106"; font-family: "FontAwesome"; display: block; font-size: 44px; line-height: 44px; text-align: center; width: 88px; }

/* table styles */

 table { overflow: auto; overflow-y: hidden; } 

 .standard-table { border-collapse: collapse; }

 .standard-table td, .standard-table th {border: 1px solid #00BCE9;vertical-align:top;padding: .5em;}
 .standard-table th {background-color: #d9f5fa; color: #002431;vertical-align: middle;}
 .standard-table h2 { border-bottom: none; }

 .workstable h3 { margin-top: 0; } 


/* phone styles */
@media screen and (max-width: 480px) {
  header .top-nav .drop { display: none !important; }
  header .top-nav .menu-item.current .drop,
  header .top-nav .menu-item.expanded .drop { display: block !important; }
 
  footer .vicgov-logo { padding-top: 24px; float: right; }
  footer .mmra-logo { float: left; }
  footer .mmra-logo img{max-width: 140px; margin-top: 1em;}
  footer nav {margin-bottom: 3em;}

}

/* tablet styles */
@media screen and (min-width: 481px) and (max-width: 1023px) {
  .homepage-news-item { padding-right: 0.5em; }
  .homepage-news-item + .homepage-news-item { padding-right: 0; padding-left: 0.5em; }
  .homepage-info { padding-right: 0.5em; }
  .homepage-twitter { padding-left: 0.5em; }
  
  header .top-nav .drop { display: none !important; }
  header .top-nav .menu-item.current .drop,
  header .top-nav .menu-item.expanded .drop { display: block !important; }

  footer .vicgov-logo {  padding-top: 24px;  float: right; }
  footer .mmra-logo { float: left; }
  footer nav {margin-bottom: 3em;}
}

/* desktop styles */
@media screen and (min-width: 1024px) {
  
  header .logo-link img { width: auto; }
  header ul li { border: none; }
  header ul a { margin: 0 0 0 0.5em; }
  header ul a.selected { background: #eae8e7; }
  header > .desktop-grid { table-layout: fixed; }
  header > .desktop-grid > .grid-col { width: 231px; }
  header > .desktop-grid > .grid-col + .grid-col { width: 100%; }
  header .grid-col + .grid-col { vertical-align: bottom; }
  /* Modified as per DESK 186880 */
  /* original header .top-nav > .desktop-grid { margin-bottom: 0.5em; width: auto; float: right; } */
  header .top-nav > .desktop-grid { width: auto; }
  /* End DESK 186880 */
  
  header .top-nav .menu-item { vertical-align: bottom; }
  
  header .top-nav .drop { position: absolute; display: none /* default state */; margin: 0 0 0 0.5em; z-index: 999; }
  header .top-nav .drop.active { display: block; }
  header .top-nav .drop a { padding-left: 0.75em; }
  
  header .search-form { padding: 0; background: #fff; }
  header .search-form .grid { box-sizing: border-box; float: right; margin-bottom: 1em; width: auto; }
  header .search-form #search { min-width: 15em; max-wdith: 33em; outline: none; }
  header .search-form button { padding: 0; }
  
  
  
  main .banner-content p { font-size: 2.25em; }
  
  .homepage-news-item { padding-right: 0.5em; }
  .homepage-news-item + .homepage-news-item { padding-right: 0; padding-left: 0.5em; }
  .homepage-info { padding-right: 0.5em; }
  .homepage-twitter { padding-left: 0.5em; }
  
  .info-links .grid-col { padding-right: 0.5em; }
  .info-links .grid-col + .grid-col { padding-right: 0; padding-left: 0.5em; }
  
  .contact-us-form .desktop-grid .grid-col { padding-right: 1em; }
  .contact-us-form .desktop-grid .grid-col + .grid-col { padding-right: 0; padding-left: 1em; }
  .contact-us-form .form-buttons { text-align: left; }
  
  footer ul { text-align: left; }
  footer .vicgov-logo { float: right; margin: 0; text-align: right; display: block; padding-top: 24px; }
  footer .mmra-logo { float: right; margin-right: 11em; }
  /*footer .copyright-notice { text-align: right; }
  footer .updated-notice { text-align: right; }*/


}

/* print styles */
@media print {
  .print-hidden { display: none !important; }
  
  html { color: #000;}

  img { page-break-inside: avoid; }
  
  main .banner-content p { position: static; color: #0567a3; text-shadow: none; font-size: 1.2em; }
  main .banner-content p .arc { margin-bottom: 1em; }
  main .breakout { padding-top: 0; padding-bottom: 0; }
  main .breakout-alt { padding-top: 0; padding-bottom: 0; }
  
  .homepage-news-heading { margin-top: 0; }
  .js .faq article > div > * { display: inherit; } 
  .faq .faq-question > button:after { content: "" !important; }
  
  footer { border-top: solid 1px #000; padding-top: 1em; }
  
  /* end media print */
}

/* TD - CORE forms - refactor ASAP
/* Copyright (c) 2014 State Government of Victoria */

.form-question { margin-bottom: 0.5em; font-family: "Gotham A", "Gotham B", "montserrat-light", Arial, sans-serif; }
.form-question label { font-family: "montserrat-regular", Arial, sans-serif; }
.form-question p { margin-bottom: 0.5em; }
.form-question input, .form-question textarea { box-sizing: border-box; font-family: "Gotham A", "Gotham B", "montserrat-light", Arial, sans-serif; }
.form-question [type="text"],
.form-question [type="tel"],
.form-question [type="email"] { width: 100%; max-width: 40em; padding: 0.5em; border: solid 1px #DADADA; background: white; }
.form-question textarea { width: 100%; padding: 0.2em 0.5em; resize: vertical; border: solid 1px #DADADA; background: white; box-sizing: border-box; }
.form-question [type="radio"] { display: table-cell; margin: 0.5em 1em; }
.form-question [type="radio"] + label { display: table-cell; }
.form-question [type="checkbox"] { display: table-cell; margin: 0.5em 1em; }
.form-question [type="checkbox"] + label { display: table-cell; }
.form-question [type="file"] { width: 100%; max-width: 40em; padding: 0.2em 0.5em; border: solid 1px #DADADA; background: white; }


.form-question .required-message { font-size: 0.8em; color: darkred; font-weight: normal; vertical-align: top; }
.form-question .error-message { font-size: 0.8em; color: darkred; margin-left: 1em; }


.form-question > ul { list-style: none; padding: 0; margin: 0; }
.form-question > ul > li { display: table; }

.form-buttons { text-align: center; }

/******************************
 Fancy checkbox styling 
 ******************************/
/* Base for label styling */
.form-question [type="checkbox"]:not(:checked),
.form-question [type="checkbox"]:checked { position: absolute; left: -9999px; }

.form-question [type="checkbox"]:not(:checked) + label,
.form-question [type="checkbox"]:checked + label { position: relative; padding-left: 3em; cursor: pointer; }

/* checkbox aspect */
.form-question [type="checkbox"]:not(:checked) + label:before,
.form-question [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0.5em; top: 0.2em; width: 1em; height: 1em; border: 1px solid #AAAAAA; background: #f8f8f8; border-radius: 0.2em; box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); }

/* checked mark aspect */
.form-question [type="checkbox"]:not(:checked) + label:after,
.form-question [type="checkbox"]:checked + label:after { content: '\2713'; position: absolute; left: 0.7em; top: 0; color: #09AD7E; transition: all 0.2s; }

/* checked mark aspect changes */
.form-question [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
.form-question [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
      
/* disabled checkbox */
.form-question [type="checkbox"]:disabled:not(:checked) + label:before,
.form-question [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #BBBBBB; background-color: #DDDDDD; }

.form-question [type="checkbox"]:disabled:checked + label:after { color: #999999; }

.form-question [type="checkbox"]:disabled + label { color: #AAAAAA; }

/* accessibility */
.form-question [type="checkbox"]:checked:focus + label:before,
.form-question [type="checkbox"]:not(:checked):focus + label:before { border: 1px dotted blue; }

/* hover style just for information */
.form-question [type="checkbox"] + label:hover:before { border: 1px solid #4778D9 !important; }



/* Colour Overrides - Background */
 main .blue-bg {background-color: #00BCE9; }
 main .blue-bg50 { background-color: #d9f5fa; }
 main .red-bg {background: #E72523; }
 main .green-bg {background-color: #C5D82E; }
 main .yellow-bg {background-color: #FFE707; }
 main .lightgreen-bg {background-color: #00B398; }
 main .lightgreen-bg50 { background-color: #80d9cc; }
 main .orange-bg { background-color: #FF671F; }
 main .orange-bg50 { background-color: #ffb38f; }
 main .lightyellow-bg { background-color: #FAC606; }
 main .lightyellow-bg50 { background-color: #fde383; }
 main .warmgrey-bg { background-color: #A59C94; }
 main .warmgrey-bg50 { background-color: #d1cdc9; }
 main .grey-bg { background-color: #796E65; }
 main .grey-bg50 { background-color: #bcb7b2; } 



/* Colour Overrides - Foreground */

 main .black-fg { color: #000; } 
 main .black-fg80 { color: #585858; }
 main .blue-fg  { color: #00BCE9; }
 main .red-fg  { color: #E72523; }
 main .green-fg { color: #C5D82E; }
 main .yellow-fg { color: #FFE707; }
 main .lightgreen-fg { color: #00B398; }
 main .lightgreen-fg50 { color: #80d9cc; }
 main .orange-fg { color: #FF671F; }
 main .orange-fg50 { color: #ffb38f; }
 main .lightyellow-fg { color: #FAC606; }
 main .lightyellow-fg50 { color: #fde383; }
 main .warmgrey-fg { color: #A59C94; }
 main .warmgreyfg50 { color: #d1cdc9; }
 main .grey-fg { color: #796E65; }
 main .grey-fg50 { color: #bcb7b2; } 

/* Lightbox styles */
#lightbox { position:fixed; top:0; left:0; width:100%; min-height:100%; background-color:rgba(0,0,0,.8); text-align:center; }
#lightbox p { text-align:center; color:#FFF; font-size:16px; z-index:4; }
#lightbox img { box-shadow:0 0 25px #111; -webkit-box-shadow:0 0 25px #111; -moz-box-shadow:0 0 25px #111; max-width:940px; }



/* update main menu with these once finalisesd */

header ul a {

    text-transform: none;
    font-weight: 800;
    font-size: 1em;
    color: #002431; 

}

header .top-nav .drop a {
    font-weight: normal;
}


header ul a:hover, header ul a:focus, header ul a:active {
    color: #002431; }

main .grid-col-1-of-2 img {width: 100%; }

.fb-results h3 {margin-top: 2rem;} 
.fb-results .fb-summary strong { background: lemonchiffon; padding: 0.25em 0; }
.fb-filetype { font-size:0.75em}