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

.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%;   }
}

.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 */






html { font: 100%/1.5 "Montserrat", "Roboto", Arial, sans-serif; font-weight: normal; font-style: normal; letter-spacing: 0; -webkit-font-smoothing: antialiased; color: #333; }
h1 { margin: 4em 0 0.5em 0; line-height: 1.1em; font-weight: bold; font-family: "Montserrat", "Roboto", Arial, sans-serif; color: #7f3f98; font-size: 2em;   text-transform: uppercase; 

}
h2 { margin: 2em  0 0.5em 0; line-height: 1.1em; font-weight: bold; font-family: "Montserrat", "Roboto", Arial, sans-serif; color: #7f3f98; font-size: 1.5em; text-transform: uppercase; 

border-bottom: solid thin #000; padding-bottom: 10px; }
h3 { margin: 1.5em 0 0.5em 0; line-height: 1.1em; font-weight: normal; font-family: "Montserrat", "Roboto", Arial, sans-serif; color: #000; font-size: 1.3em; text-transform: uppercase; }

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

a { color: #7f3f98; text-decoration: underline;  }
a:hover { text-decoration: none; }

body { background: #fff; min-width: 280px; margin: 0; background-image: url('http://ballaratlineupgrade.vic.gov.au/__data/assets/image/0004/145354/BLU-Gradiant.png'); }
}




header {background : #FFF;padding-top: 1em;font-family: "Montserrat", "Roboto", Arial, sans-serif; max-width: 1300px; margin: 0 auto; padding-bottom:1em;}
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: "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; }



main { background-color: #fffeff; overflow: hidden; padding-bottom: 5em; }
main img { border: none; max-width: 900px; 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 .banner { max-width: none; overflow: hidden; margin-bottom: 1em;  }
main .banner > * { max-width: 1300px; 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: "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 p {margin-bottom: 1em;}

main .page-intro { margin: 2em 0 0.5em 0; line-height: 1.1em; color: #7f3f98; font-size: 1.6em; }



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



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



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

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


#main-nav img { margin-top: 2em !important; }



#main-nav ul { display:block; margin:0; margin-right: 2em; padding:0; }

#main-nav ul li a { display:block; margin:0;padding:0.5em; color: #7F3F98; padding: 1em }

#main-nav ul li a:hover {text-decoration:none; display:block; }

#main-nav ul li ul { display:block; margin:0;padding:0.5em; }




#main-nav ul li a {color: #803e97; text-decoration:none;}
#main-nav ul li a:hover { color: #000; border-bottom:none; background-color:#D9ADE6; }

#main-nav ul li a { padding: 0.5em; text-transform: uppercase; color: #803e97;  text-decoration: none; }

#main-menu ul li ul { padding-left: 1em; list-style-type: none; }






.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: "montserrat-regular", Arial, sans-serif; color: #0567a3; }
.info-links .file-summary { font-family: "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: "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: #eceded; color: #111; padding: 2em 1em 1em; padding-bottom: 66px; text-transform: uppercase }
footer > * { font-size: 0.8em; }
footer a { color: #111; font-weight: normal; }
footer ul { text-align: left; list-style: none; padding: 0; }
#footer-logos {margin-top: 3em; }





/* 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: #000;vertical-align: middle;text-transform: uppercase;}
 .standard-table h2 { border-bottom: none; }




/* 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 {text-align:center;}
   footer nav li {display:block; text-align: center;}
   footer nav li:before { content: "";}

  main .page-intro { font-size: 1.4em; }

  h1 {margin-top: 1em;} 


 #main-menu {padding-top: 0; }
 #main-menu {width:100%; margin:0 0 2em; padding:0; position: absolute; top: 38px; left: 0; background-color: white; width: 80%; box-shadow: 5px 5px 5px #888888; }
 #main-menu ul {padding: 0 0 0 1.5em; margin: 0; font-size: 1em; list-style-type: none; width:100%; }
  .top-nav {position: absolute; top: 0; }
  
  


}

/* 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;}
  
  h1 {margin-top: 1em;} 
  
  
 #main-menu {padding-top: 0; }
 #main-menu {width:100%; margin:0 0 2em; padding:0; position: absolute; top: 38px; left: 0; background-color: white; width: 80%; box-shadow: 5px 5px 5px #888888; }
 #main-menu ul {padding: 0 0 0 1.5em; margin: 0; font-size: 1em; list-style-type: none; width:100%; }
  .top-nav {position: absolute; top: 0; }
  
  
  
  
  
}

/* 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; }
  header .top-nav > .desktop-grid { margin-bottom: 0.5em; width: auto; float: right; }
  header .top-nav .menu-item { vertical-align: bottom; }
  
 footer nav ul {padding: 0; margin: 0; font-size: 1em; }
footer nav li {display:inline-block; text-transform:uppercase; color: #111; }
footer nav li:before { content: "|"; float: left; text-align: center; width: 1.5em; }
footer nav li:first-child:before { content: none; }

  h1 {margin-top: 4em;} 
  
  #BLUcontentbox { padding-left: 40px; }
  
  main .banner-content p { font-size: 2.25em; }
  
  .homepage-news-item { padding-right: 0.5em; }
  
  .news-three p {max-width: 278px; }    
  
  
  .rrr-strap div p { margin-top: 2em; margin-bottom: 2em; margin-left: 1em; }
  
  .rrr-strap div h3 { margin-left: 0.7em; }
  
  
  .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; }
  
  h2 {border-bottom: none; }

  .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; }



  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;}


  /* end media print */
}



.breakout-home, .home-splash-img, .news-three img { border: solid 3px #DDD; }

.home-splash-img {max-width:100%; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.home-splash-img {max-width:930px; }
}