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

/* FONTS */
@font-face {
  font-family: "Gotham-Book";
  src: url("http://citylinktullawidening.vic.gov.au/__data/assets/file/0008/37898/Gotham-Book.eot");
  src: url("http://citylinktullawidening.vic.gov.au/__data/assets/file/0008/37898/Gotham-Book.eot?#iefix") format("embedded-opentype"),
       url("http://citylinktullawidening.vic.gov.au/__data/assets/file/0010/37909/Gotham-Book.woff") format("woff"),
       url("http://citylinktullawidening.vic.gov.au/__data/assets/file/0019/37900/Gotham-Book.ttf") format("truetype"),
       url("http://citylinktullawidening.vic.gov.au/__data/assets/file/0009/37899/Gotham-Book.svg#DINRoundOT-Medium") format("svg");
}

@font-face {
  font-family: "Gotham-Medium";
  src: url("http://citylinktullawidening.vic.gov.au/__data/assets/file/0004/37894/Gotham-Medium.eot");
  src: url("http://citylinktullawidening.vic.gov.au/__data/assets/file/0004/37894/Gotham-Medium.eot?#iefix") format("embedded-opentype"),
       url("http://citylinktullawidening.vic.gov.au/__data/assets/file/0007/37897/Gotham-Medium.woff") format("woff"),
       url("http://citylinktullawidening.vic.gov.au/__data/assets/file/0006/37896/Gotham-Medium.ttf") format("truetype"),
       url("http://citylinktullawidening.vic.gov.au/__data/assets/file/0005/37895/Gotham-Medium.svg#DINPro-Regular") format("svg");
}

.hidden{display:none!important}.visually-hidden,.visuallyhidden{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}.grid,.grid-fixed{display:table;width:100%;box-sizing:border-box}.grid-fixed>[class*=grid-col],.grid>[class*=grid-col]{display:table-cell;vertical-align:top;overflow:hidden}.grid-fixed{table-layout:fixed}.grid-fixed>.grid-col{width:8.33333%}.grid-fixed>.grid-col-2{width:16.66667%}.grid-fixed>.grid-col-3{width:25%}.grid-fixed>.grid-col-4{width:33.33333%}.grid-fixed>.grid-col-5{width:41.66667%}.grid-fixed>.grid-col-6{width:50%}.grid-fixed>.grid-col-7{width:58.33333%}.grid-fixed>.grid-col-8{width:66.66667%}.grid-fixed>.grid-col-9{width:75%}.grid-fixed>.grid-col-10{width:83.33333%}.grid-fixed>.grid-col-11{width:91.66667%}.grid-fixed>.grid-col-fill{width:100%}.aspect-box{position:relative;width:100%}.aspect-box:before{content:"";display:block;padding-top:56.25%}.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.ratio_1_1:before{padding-top:100%}.aspect-box.ratio_2_1:before{padding-top:50%}.aspect-box.ratio_4_3:before{padding-top:75%}.aspect-box.ratio_1_2:before{padding-top:200%}.expand{display:none}.expand.active{display:block}

/* Site colours ************
Green: #6cc24a
Green (accessible): #247405
Teal: #00b0b9
Teal (accessible): #036f6f
Light Blue: #0077c8
Blue: #003087
Dark Blue: #0a1f42
Link: #0077c8
*/

/* GENERAL ELEMENTS */
html { font: 400 100%/1.5 'Gotham-Book',Verdana,sans-serif; }
h1 { font-size: 2.6em; font-family: 'Gotham-Book',Verdana,sans-serif; font-weight: normal; line-height: 1.1em; margin: 0 0 0.6em; }
h2 { font-size: 1.8em; font-family: 'Gotham-Book',Verdana,sans-serif; font-weight: normal; line-height: 1.1em; margin: 1em 0 0.6em; }
h3 { font-size: 1.4em; font-family: 'Gotham-Book',Verdana,sans-serif; font-weight: normal; }
h4 { font-size: 1em; font-family: 'Gotham-Book',Verdana,sans-serif; font-weight: normal; }

a { color: #0077c8; text-decoration: none; }
a:hover { text-decoration: underline; }

/* HELPERS */
.layout-outer { max-width: 100%; margin-left: auto; margin-right: auto; }
.layout-inner { max-width: 980px; padding-left: 2em; padding-right: 2em; margin-left: auto; margin-right: auto; }
.layout-content { max-width: 768px; }
.video-player { max-width: 560px; }

.gutter-2 { padding-left: inherit; padding-right: inherit; }

.button { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; border: 1px solid #297602; color: #fff; padding: 0.6em 1.8em; transition: background 200ms ease 0s; text-decoration: none; background: #3c8904; }
/*.drivers .button { background: #003087; border: 1px solid #0a1f42; }
.cyclists .button { background: #247405; border: 1px solid #184f03; }
.community .button { background: #036f6f; border: 1px solid #024949; }*/

.button:hover,.button:focus { text-decoration: none; background: #2c6900; }
/*.drivers .button:hover { background: #0a1f42; }
.cyclists .button:hover { background: #247405; }
.community .button:hover { background: #174b03; }*/

/* TEMPLATE */
body { min-width: 320px; }

header { background: #1e1f25 url("http://citylinktullawidening.vic.gov.au/__data/assets/image/0008/39347/header-map-m.png") bottom center no-repeat; }
header .layout-inner { padding-left: 1em; padding-right: 1em; }
header .layout-inner.menu-bar { padding-right: 0; }
header .menu-bar { overflow: hidden; height: 44px; background: #000; }
header .menu-bar .title { font-family: 'Gotham-Medium',Verdana,sans-serif; font-size: 1.6em; letter-spacing: -2px; line-height: 44px; margin: 0; float: left; }
header .menu-bar .title a { color: #fff; }
header .menu-bar button { width: 44px; height: 44px; float: right; background: none; border: none; color: white; }
header .menu-bar button:hover, header .menu-bar button:focus, header .menu-bar button:active { background: #444; }
header .menu-bar button:after { content: "\f0c9"; font-family: "FontAwesome"; font-size: 1.6em; }
header .top-nav { overflow: hidden; padding: 0; margin: 0; list-style: none; border-top: 1px solid #333; white-space: nowrap; }
header .top-nav ul { clear: both; padding: 0; margin: 0; }
header .top-nav li { border-bottom: 1px solid #333; }
header .top-nav .menu-item a { color: white; text-decoration: none; border-bottom: solid 3px transparent; display: block; margin: 0; padding: 0.6em 1em; }
header .top-nav .menu-item:first-child a { margin-left: 0 !important; }

header .header-block { background: #000; padding: 0 !important; }
header .header-block .title { font-family: 'Gotham-Medium',Verdana,sans-serif; font-size: 3.6em; line-height: 1em; margin: 0.6em 0; padding: 0; text-align: right; float: left; letter-spacing: -2px; white-space: nowrap;}
header .header-block .title a { color: #fff; }
header .header-block .title a:hover { text-decoration:none; }

header .gradient-overlay { overflow: hidden; clear: both; }
header .gradient-overlay > img { width: 100%; display: block; margin-bottom: -1px; }
header .icon-overlay { position: relative; }
header .icon-overlay > img { bottom: 10px; height: auto; position: absolute; right: 2em; width: 60px; }

/*
header .section-header { color: white; padding-left: 200px; overflow: hidden; }
header .section-header .section-icon { float: left; margin-left: -200px; width: 200px; height: 100px; background: red; }
header .section-header .section-title { font-size: 1.5em; font-weight: bold; margin: 0 0 0.2em; }
header .section-header .section-blurb { margin: 0; }
*/

header .subtitle p { color: #fff; font-family: 'Gotham-Book',Verdana,sans-serif; font-size: 1.3em; margin: 0.5em 0; }



main .breadcrumbs { padding-top: 0.5em; padding-bottom: 0.5em; }
main .breadcrumbs .label { color: #666; line-height: 1.6em; }
main .breadcrumbs ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
main .breadcrumbs li { float: left; line-height: 1.6em; }
main .breadcrumbs a { color: #0077c8 ; text-decoration: underline;}
main .breadcrumbs a:hover, main .breadcrumbs a:focus, main .breadcrumbs a:active { text-decoration: underline; }
/*main .breadcrumbs a:after { content: "\f105"; font-family: "FontAwesome"; float: right; margin-left: 0.6em; color: #000; }*/
main .breadcrumbs a.home-link { font-weight: normal; }
main .breadcrumbs li:before { content: "\f105"; font-family: "FontAwesome"; margin: 0 0.6em; color: #000; }

main .social-links a { text-decoration: none; color: grey; }
main .social-links a:hover { color: black; }
main .social-links a:after { font-family: "FontAwesome"; }
main .social-links a.twitter:after { content: "\f099"; }
main .social-links a.facebook:after { content: "\f230"; }
main .social-links a.pinterest:after { content: "\f0d2"; }
main .social-links a.linkedin:after { content: "\f08c"; }
main .social-links a.google-plus:after { content: "\f0d5"; }

footer { background: url(http://citylinktullawidening.vic.gov.au/__data/assets/image/0017/38042/footer-gradient.png) repeat-x left top; margin-top: 2em; }
footer h2 { margin: 0; }
/*PS footer h2 + * { margin-top: 0.4em; } */
footer .footer1 { padding-top: 2em; }
footer .footer1 .quicklinks ul { list-style-type: none; padding: 0; line-height: 1.4em; margin-bottom: 2em; }
footer .footer1 .quicklinks li { margin-bottom: 0.6em; margin-left: 1.6em; }
footer .footer1 .quicklinks li:before { content: "\f105"; font-family: "FontAwesome"; display: inline-block; width: 1em; font-size: 1.4em; line-height: 1em; margin-left: -1em; }
footer .footer1 .break-down ol { padding-left: 1.4em; line-height: 1.4em; margin-bottom: 2em; }
footer .footer1 .break-down li { padding-left: 0.4em; margin-bottom: 0.6em; }
footer .footer1 .contact-us ul { list-style-type: none; padding: 0; line-height: 1.4em; margin-bottom: 2em; }
footer .footer1 .contact-us li { margin-bottom: 0.6em; }

footer .footer2 { text-align: center; padding-top: 1em; padding-bottom: 2em; }
footer .footer2 .image-links img { max-width: 100%; }
footer .footer3 { background: url(http://citylinktullawidening.vic.gov.au/__data/assets/image/0017/38015/footer.png) no-repeat center top; padding-top: 5em; padding-bottom: 6em; background-size:cover; color: #dadada; }
footer .footer3 ul { margin: 0; padding: 0; list-style: none; line-height: 1.2em; }
footer .footer3 li { text-align: center; }
footer .footer3 a { color: #dadada; text-decoration: underline; padding: 1em; }
footer .footer3 a:hover, footer .footer3 a:focus, footer .footer3 a:active { text-decoration: underline; }
footer .footer3 .last-updated { text-align: center; }
footer .footer3 .copyright { text-align: center; }

/* SPECIFIC */
/* icon area */
.home-header { text-align: center; margin-top: 1em; }
.home-header a { color: #333; text-decoration: none; display: block; padding: 2em 1em; transition: background 200ms ease 0s; }
.home-header a:hover { background: #ebf0f8; }
.home-header h2 { font-size: 2em; margin: 0.2em 0 0; }
.home-header p { margin: 0.6em auto 0; width: 80%;}
.home-header .grid-col { margin-top: 1em; background: #fbfbfb; height: 100%; }
.home-header .grid-col:first-child { margin-top: 0;}

/* airport area */
.home-airport { padding: 2em 1em; text-align: center; background: #eee; text-decoration: none; color: #333; display:block; margin-top: 2em; transition: background 200ms ease 0s; }
.home-airport:hover { background: #ddd; text-decoration: none; }
.home-airport img { padding: 0 1em; }
.home-airport h2 { font-size: 2em; margin: 0.2em 0 0; }
.home-airport p { margin: 0; width: 80%; }
.home-airport .grid-col { vertical-align: middle !important; }
.home-airport .grid-col:first-child { text-align: center; }

/* feature area */
.home-feature { margin-top: 2em; position: relative; width: 100%; }
.home-feature img { max-width: 100%; display: block; }
.feature-container { background: #003087; background: rgba(0, 48, 135, 0.9); position: initial; width: 100%; top: 0; bottom: 0; left: 0; color: #fff;  }
.feature-content { padding: 2em 2em 0 2em; }
.feature-content h2 { margin: 0; }
.feature-link { background: #0a1f42; bottom: 0; padding: 1.7em 0; position: initial; margin-top: 2em; text-align: center; width: 100%; }
.feature-link .button { border: 1px solid #fff; color: #fff; background: #0a1f42; }
.feature-link .button:hover { background: #0a0a34; }

/*homepage upcoming events and featured boxes */
.homepage .feature { margin-top: 2em; }
.homepage .feature-box a {  position: relative; text-decoration: none; border:1px solid #fff; color:#000; padding:1em 2em 3em; display:block; background:#fff;  }
.homepage .feature-box a i { font-size: 2em; right: 0.5em; bottom: 0.5em; position: absolute; }
.homepage .feature-box a.drivers  { background:#1f96cd; }
.homepage .feature-box a.community  { background:#00b4bd; }
.homepage .feature-box a.cyclists  { background:#69c179; }
.homepage .feature-box a.alert { background:#ffb400; }
.homepage .feature-box a.alert:hover  { transition: background 200ms ease 0s; background:#f6ad10; color:#000; }
.homepage .feature-box a.drivers:hover  { transition: background 200ms ease 0s; background:#002f86; color:#fff; }
.homepage .feature-box a.cyclists:hover { transition: background 200ms ease 0s; background:#237405; color:#fff; }
.homepage .feature-box a.community:hover { transition: background 200ms ease 0s; background:#036e6e; color:#fff; }

.homepage .upcoming-events h3 { background:#24242c; padding:1em; color:#fff; }
.homepage .upcoming-events a { color:#222; display: inline-block; padding: 1.44em 2.2em; }
.homepage .upcoming-events a i { color: #d91d4a; }
.homepage .upcoming-events li { border-bottom: 1px solid #ddd; margin:0; }
.homepage .upcoming-events li:before { color: #222; margin-left: 0em; margin-right:0.5em; content:"\f071"; position: absolute; padding-top: 1.5em; }
.homepage .upcoming-events li:last-child { border: 0; }
.homepage .upcoming-events ul { padding:0 0.6em; margin:0; }
.homepage .upcoming-events a.view-all-works {text-align:right;color:#0077c8;display:block;}

/* Inside feature boxes */

.feature-box a {  position: relative; text-decoration: none; border:1px solid #fff; color:#000; padding:1em 2em 3em; display:block; background:#fff;  }
.feature-box :first-child a { border-top: none; }
.feature-box a i { font-size: 2em; right: 0.5em; bottom: 0.5em; position: absolute; }
.feature-box a.drivers  { background:#1f96cd; }
.feature-box a.community  { background:#00b4bd; }
.feature-box a.cyclists  { background:#69c179; }
.feature-box a.alert { background:#ffb400; }
.feature-box a.alert:hover  { transition: background 200ms ease 0s; background:#f6ad10; color:#000; }
.feature-box a.drivers:hover  { transition: background 200ms ease 0s; background:#002f86; color:#fff; }
.feature-box a.cyclists:hover { transition: background 200ms ease 0s; background:#237405; color:#fff; }
.feature-box a.community:hover { transition: background 200ms ease 0s; background:#036e6e; color:#fff; }

.upcoming-events h3 { background:#24242c; padding:1em; margin:0; color:#fff; }
.upcoming-events a { color:#222; display: inline-block; padding: 1.44em 2.2em; }
.upcoming-events a i { color: #d91d4a; }
.upcoming-events li { border-bottom: 1px solid #ddd; margin:0; }
.upcoming-events li:before { color: #222; margin-left: 0em; margin-right:0.5em; content:"\f071"; position: absolute; padding-top: 1.5em; }
.upcoming-events li:last-child { border: 0; }
.upcoming-events ul { padding:0 0.6em; margin:0; }


/* homepage instagram */
.homepage .instawrap a.instagrid { border-radius: 0; border: 4px solid #fff; text-decoration: none; display: inline-block; float: left; }
#instafeed { display:inline-block; }
.homepage .instawrap a:hover img { opacity: 0.7; transition: background 200ms ease 0s; }
.homepage .instawrap a .instaphoto img { width: 100%; }


/* project updates */
.project-updates .update-title  { margin: 0; }
.project-updates .update-title a { text-decoration: underline; }
.project-updates .update-date { color: #6a6a6a; font-size: .8em; margin-top: 0.2em; }
.project-updates > .update-item { padding-bottom: 1.4em; }
.project-updates > .update-item ~ .update-item { border-top: 1px solid #ddd;  padding-top: 1.4em;  }
.project-updates .update-summary p { margin: 0; }
.project-updates .view-all { text-align: right; margin: 0 3em 0 0; }

/* twitter feed */
.twitter-feed { padding-top: 1em; }

/* SITE */
main article { margin-top: 1em; }
main article ul { list-style-type: none; padding: 0; }
main article ul li:before { content: "\f105"; font-family: "FontAwesome"; display: inline-block; width: 1em; font-size: 1.4em; margin-left: -1em; }
main article .video-player {max-width: inherit; }
main article ul, main article ol { line-height: 1.4em; }
main article li { margin-bottom: 0.6em; margin-left: 1.6em; }
main article ul ul { margin-left: 0.6em; margin-top: 0.6em; }
main article form input[type=submit] { border: 1px solid #297602; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; color: #fff; padding: 0.6em 1.8em; transition: background 200ms ease 0s; background: #3c8904; }
main article form input[type=text]:focus { border: 1px solid #0077c8; }
main article form input[type=submit]:hover,input[type=submit]:focus { background: #2c6900; transition: background 200ms ease 0s; }

.social-links { font-size: 2em; margin-top: 0.8em; text-align: center; }
.social-links a { margin: 0 .2em; }

.theme.drivers header .top-nav .menu-item.current a, .theme.drivers header .top-nav .menu-item.expanded a { background: #0a1f42; }
.theme.cyclists header .top-nav .menu-item.current a, .theme.cyclists header .top-nav .menu-item.expanded a { background: #247405; }
.theme.community header .top-nav .menu-item.current a, .theme.community header .top-nav .menu-item.expanded a { background: #036f6f; }
.theme.about header .top-nav .menu-item.current a, .theme.about header .top-nav .menu-item.expanded a { background: grey; }

.ctw { border: solid 1px #dadada; border-bottom: none; }
.ctw .detour-link { text-align: center; margin-top: 2.4em; }
.ctw .detour-link .button { border: 1px solid #003087; background: #0077c8; }
.ctw .detour-link .button:hover { background: #003087; }

.close-map:after { content: "\f00d"; font-family: "FontAwesome"; }
.close-map { background: #d91d4a; border: medium none; color: #fff; float: right; padding: 1em; width: 100%; }
.close-map:hover { background: #c51a42; }
.location-map:after { content: "\f05b"; font-family: "FontAwesome"; font-size: 1.5em; padding-left:0.5em; }
.location-map { width: 100%; border: none; padding-right: 1em; background: #fff; color: #0077c8; text-align: left; }
.location-map:hover { background: #fff;  }


#ctw-map { height: 30em; width: 100%; }
#ctw-activities-table-header {background: #0a1f42; color: white; width: 100%; border: none; line-height: 3; padding: 0.4em 0;position:relative;}
#ctw-activities-table-header span {text-align:left; margin-left:14px;}
#ctw-activities-table-header .ctw-expand-toggle { width: 110px; position:absolute; top:13px; right:10px; border-radius: 5px; text-align:centre;height: 33px}
.ctw-expand-toggle {background: #D91D4A;color: white; height: 46px;border: none;line-height:2;width:100%}


/*#ctw-expand-toggle { background: #0a1f42; color: white; width: 100%; border: none; text-align: right; line-height: 2.5; padding: 0.4em 1em; }
#ctw-expand-toggle:after { content: "\f054"; font-family: "FontAwesome"; display: inline-block; width: 2em; }
#ctw-expand-toggle.active:after { content: "\f078"; }*/

.mapunderlay { display: none; height: 100%; width: 100%; position: fixed; z-index: 1; left: 0; top: 0; background-color: rgb(0,0,0); background-color: rgba(50,50,58, 0.9); overflow-x: hidden; transition: 0.5s;}

.ctw-expand-less {background: #d91d4a none repeat scroll 0 0; border: medium none; color: white; height: 46px; line-height: 2; width: 100%; margin-top: 0.5em; margin-bottom: 0.5em; }
.ctw-expand-more {background: #d91d4a none repeat scroll 0 0; border: medium none; color: white; height: 46px; line-height: 2; width: 100%; margin-top: 0.5em; margin-bottom: 0.5em; }
.ctw-expand-less:hover { background: #c51a42; }
.ctw-expand-more:hover { background: #c51a42; }
.ctw-expand-toggle:hover { background: #c51a42; } 

.ctw-map-container { position: relative; }
.ctw-map-container a.recenter-map { box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); position: absolute; z-index: 1; border:0; background: #d91d4a; right:10px; top:10px; padding: 0.6em 1.2em; border-radius: 3px; cursor: pointer; }
.ctw-map-container a.recenter-map:hover { background: #C51A42; }

/* .theme.drivers .ctw-expand-toggle { background: #003087; } */
/* .theme.cyclists .ctw-expand-toggle { background: #247405; } */
/* .theme.community .ctw-expand-toggle { background: #036f6f; } */

.js #ctw-expand { display: block /* default state */; }

#ctw-expand .show-for-drivers, #ctw-expand .show-for-cyclists, #ctw-expand .show-for-community, #ctw-expand .show-for-homepage { display: none; }
.theme.drivers #ctw-expand .show-for-drivers, .theme.cyclists #ctw-expand .show-for-cyclists, .theme.community #ctw-expand .show-for-community, .homepage #ctw-expand .show-for-homepage { display: block; }
.theme.drivers #ctw-expand th.show-for-drivers, .theme.cyclists #ctw-expand th.show-for-cyclists, .theme.community #ctw-expand th.show-for-community, .homepage #ctw-expand th.show-for-homepage,
.theme.drivers #ctw-expand td.show-for-drivers, .theme.cyclists #ctw-expand td.show-for-cyclists, .theme.community #ctw-expand td.show-for-community, .homepage #ctw-expand td.show-for-homepage { display: table-cell; }

.ctw-detail { display: none /* default state */; height: 30em; overflow-y: scroll; box-sizing: border-box; padding-bottom: 1em; }
.ctw-detail .btn-close-wrapper { display: inline; float: right; width: auto; text-align: right; }
.ctw-detail .btn-close { width: 44px; height: 44px; font-size: 1.5em; background: transparent; border: none; }
.ctw-detail .btn-close:after { content: "\f00d"; font-family: "FontAwesome"; }
.ctw-detail p { margin: 0 1em; font-size: 0.8em; }
.ctw-detail p.title { background: #eee; border-top: 1px solid #dadada;  border-bottom: 1px solid #dadada; margin: 0 0 1em; padding: 1em 2.2em 1em 1em;}
.ctw-detail p.title strong { display: inline; padding-top: inherit; }
.ctw-detail strong { display: inline-block; padding-top: 1em; }
.ctw-detail p strong:first-child { padding-top: inherit; }

/* .theme.drivers .ctw-expand-toggle { background: #03467a; } */
/* .theme.cyclists .ctw-expand-toggle { background: #067557; } */
/* .theme.community .ctw-expand-toggle { background: #036f6f; } */

.ctw-suburb-filter-wrapper { background: #dadada; padding: 0.5em; }
.ctw-map-container .gm-style-iw { width: 250px !important; }
.ctw-map-container { left: 0%; }

.ctw-table { font-size: 0.8em; }
.ctw-table img { max-width: 50%; }
.ctw-table tbody tr { border-bottom: solid 1px #dadada; padding: 0.5em 0; }
.ctw-table thead th { background: #e6e6e6 none repeat scroll 0 0; border-bottom: 1px solid #999; padding: 1.4em 0.8em 1em; }
.ctw-table tbody td { border: none; padding: 0.8em; }
.ctw-table .ctw-suburb-filter-wrapper { padding: 0.8em 0.6em; background: #d0d0d0; }
.ctw-table .show-for-homepage { text-align:center !important; }

.project-update-summary { color: #007379; font-size: 1.4em; }
.project-update-summary > p { margin-top: 0; }
.project-update-list .subscribe { background: #eee; padding: 1.2em 1.6em 2.2em; margin-bottom: 2em; text-align: center; }
.project-update-list .subscribe h2{ margin:0 0 0.8em 0; }

.publish-date { display: block; font-size: 0.8em; color: #6a6a6a; }
.publish-date-main { display: block; font-size: 0.8em; color: #6a6a6a; margin: -1.4em 0 2em 0; }

.form-question { margin-bottom: 1em; }
.form-question p { margin-bottom: 0.5em; }
.form-question label { display: inline-block; font-weight: bold; margin-bottom: 0.2em; max-width: 100%; }
.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; box-sizing: border-box; }

.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 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: 0; }
.form-question input[type="checkbox"] + label + .notes { margin-left: 3em; }

.form-question > ul { list-style: none; padding: 0; margin: 0; }
.form-question > ul > li { display: table; }
.form-question > ul > li:before  { content: ""; }
.form-question li > [type="checkbox"] { display: inline-block; }

.form-errors { border: 1px solid #DADADA; background: #EEEEEE; padding: 0.5em 1em; margin-bottom: 1em; }

.form-buttons { margin-top: 2em; text-align: center; }

/* phone styles */
@media screen and (max-width: 480px) { 
  .phone-hidden{display:none!important}.phone-visually-hidden,.phone-visuallyhidden{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}.phone-grid,.phone-grid-fixed{display:table;width:100%;box-sizing:border-box}.phone-grid-fixed>[class*=grid-col],.phone-grid>[class*=grid-col]{display:table-cell;vertical-align:top;overflow:hidden}.phone-grid-fixed{table-layout:fixed}.phone-grid-fixed>.grid-col{width:8.33333%}.phone-grid-fixed>.grid-col-2{width:16.66667%}.phone-grid-fixed>.grid-col-3{width:25%}.phone-grid-fixed>.grid-col-4{width:33.33333%}.phone-grid-fixed>.grid-col-5{width:41.66667%}.phone-grid-fixed>.grid-col-6{width:50%}.phone-grid-fixed>.grid-col-7{width:58.33333%}.phone-grid-fixed>.grid-col-8{width:66.66667%}.phone-grid-fixed>.grid-col-9{width:75%}.phone-grid-fixed>.grid-col-10{width:83.33333%}.phone-grid-fixed>.grid-col-11{width:91.66667%}.phone-grid-fixed>.grid-col-fill{width:100%}.phone-aspect-box{position:relative;width:100%}.phone-aspect-box:before{content:"";display:block;padding-top:56.25%}.phone-aspect-box>div:first-child,.phone-aspect-box>iframe:first-child{position:absolute;top:0;left:0;bottom:0;right:0;border:none;width:100%;height:100%}.phone-aspect-box.ratio_1_1:before{padding-top:100%}.phone-aspect-box.ratio_2_1:before{padding-top:50%}.phone-aspect-box.ratio_4_3:before{padding-top:75%}.phone-aspect-box.ratio_1_2:before{padding-top:200%}.phone-expand{display:none}.phone-expand.active{display:block}
  
	footer .contact-us br { display: none; }
 /*
 .homepage header .gradient-overlay { min-height: 4em; position: relative; }
 .homepage header .gradient-overlay  img{ position:absolute; bottom: 0; }*/
 .homepage header { background: #000 !important; }
 
  /* override default table layout behaviour for phones */
  .ctw-detail, .ctw-detail-container { width: 100% !important; height: auto !important;}
  .ctw-table thead { display: none; }
  .ctw-table tbody td, 
	.ctw-table tbody tr { display: block; }
	.ctw-table tbody tr td:last-child { border-bottom: medium none !important; }
	.ctw-table tbody td { padding: 0.6em !important; padding-left: 100px !important; border-bottom: 1px solid #eee !important; }
	.ctw-table tbody tr { border-bottom: 2px solid #aaa !important; padding: 1em 0 !important; }
	.ctw-table tbody td strong { display: inline-block !important; width: 100px !important; margin-left: -100px !important; }
  .ctw-map-container,.ctw-detail-container { left: -100%; position: fixed !important; top: 15%; z-index: 50; width: 90% !important;  }

.theme.drivers #ctw-expand th.show-for-drivers, .theme.cyclists #ctw-expand th.show-for-cyclists, .theme.community #ctw-expand th.show-for-community, .homepage #ctw-expand th.show-for-homepage, .theme.drivers #ctw-expand td.show-for-drivers, .theme.cyclists #ctw-expand td.show-for-cyclists, .theme.community #ctw-expand td.show-for-community, .homepage #ctw-expand td.show-for-homepage { display: block; }

.location-map { display: inline; }

}

/* tablet styles */
@media screen and (min-width: 481px) and (max-width: 768px) { 
  .tablet-hidden{display:none!important}.tablet-visually-hidden,.tablet-visuallyhidden{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}.tablet-grid,.tablet-grid-fixed{display:table;width:100%;box-sizing:border-box}.tablet-grid-fixed>[class*=grid-col],.tablet-grid>[class*=grid-col]{display:table-cell;vertical-align:top;overflow:hidden}.tablet-grid-fixed{table-layout:fixed}.tablet-grid-fixed>.grid-col{width:8.33333%}.tablet-grid-fixed>.grid-col-2{width:16.66667%}.tablet-grid-fixed>.grid-col-3{width:25%}.tablet-grid-fixed>.grid-col-4{width:33.33333%}.tablet-grid-fixed>.grid-col-5{width:41.66667%}.tablet-grid-fixed>.grid-col-6{width:50%}.tablet-grid-fixed>.grid-col-7{width:58.33333%}.tablet-grid-fixed>.grid-col-8{width:66.66667%}.tablet-grid-fixed>.grid-col-9{width:75%}.tablet-grid-fixed>.grid-col-10{width:83.33333%}.tablet-grid-fixed>.grid-col-11{width:91.66667%}.tablet-grid-fixed>.grid-col-fill{width:100%}.tablet-aspect-box{position:relative;width:100%}.tablet-aspect-box:before{content:"";display:block;padding-top:56.25%}.tablet-aspect-box>div:first-child,.tablet-aspect-box>iframe:first-child{position:absolute;top:0;left:0;bottom:0;right:0;border:none;width:100%;height:100%}.tablet-aspect-box.ratio_1_1:before{padding-top:100%}.tablet-aspect-box.ratio_2_1:before{padding-top:50%}.tablet-aspect-box.ratio_4_3:before{padding-top:75%}.tablet-aspect-box.ratio_1_2:before{padding-top:200%}.tablet-expand{display:none}.tablet-expand.active{display:block}
	
	header { background-image: url("http://citylinktullawidening.vic.gov.au/__data/assets/image/0008/39338/header-map-d.jpg"); }
	
  footer .contact-us br { display: none; }
	footer .footer3 { padding-top: 6em; }
  footer .footer3 li + li { border-left: solid 1px #dadada; }
	
	.homepage header .gradient-overlay { min-height: 4em; position: relative; }
  .homepage header .gradient-overlay  img{ position:absolute; bottom: 0; }
	
	.home-airport { padding: 1em; text-align: left; }
	.home-airport p { width: 100%; }
  
  .ctw-detail, .ctw-detail-container { width: 100% !important; height: auto !important; }
  .ctw-table tr { border: none; }
  .ctw-table thead th { background: #e6e6e6; border-bottom: 1px solid #999 !important; padding: 1.4em 0.8em 1em; text-align: left; }
  .ctw-table tbody td { border: none !important; padding: 0.8em !important; }
  .mapunderlay { display: none !important; }
.ctw-map-container { left: 0% !important; }
  
}

/* desktop styles */
@media screen and (min-width: 769px) { 
  .desktop-hidden{display:none!important}.desktop-visually-hidden,.desktop-visuallyhidden{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}.desktop-grid,.desktop-grid-fixed{display:table;width:100%;box-sizing:border-box}.desktop-grid-fixed>[class*=grid-col],.desktop-grid>[class*=grid-col]{display:table-cell;vertical-align:top;overflow:hidden}.desktop-grid-fixed{table-layout:fixed}.desktop-grid-fixed>.grid-col{width:8.33333%}.desktop-grid-fixed>.grid-col-2{width:16.66667%}.desktop-grid-fixed>.grid-col-3{width:25%}.desktop-grid-fixed>.grid-col-4{width:33.33333%}.desktop-grid-fixed>.grid-col-5{width:41.66667%}.desktop-grid-fixed>.grid-col-6{width:50%}.desktop-grid-fixed>.grid-col-7{width:58.33333%}.desktop-grid-fixed>.grid-col-8{width:66.66667%}.desktop-grid-fixed>.grid-col-9{width:75%}.desktop-grid-fixed>.grid-col-10{width:83.33333%}.desktop-grid-fixed>.grid-col-11{width:91.66667%}.desktop-grid-fixed>.grid-col-fill{width:100%}.desktop-aspect-box{position:relative;width:100%}.desktop-aspect-box:before{content:"";display:block;padding-top:56.25%}.desktop-aspect-box>div:first-child,.desktop-aspect-box>iframe:first-child{position:absolute;top:0;left:0;bottom:0;right:0;border:none;width:100%;height:100%}.desktop-aspect-box.ratio_1_1:before{padding-top:100%}.desktop-aspect-box.ratio_2_1:before{padding-top:50%}.desktop-aspect-box.ratio_4_3:before{padding-top:75%}.desktop-aspect-box.ratio_1_2:before{padding-top:200%}.desktop-expand{display:none}.desktop-expand.active{display:block}
	
	.gutter-2 { padding-left: 2em; padding-right: 2em; }
	.gutter-2:first-child { padding-left: 0; }
	.gutter-2:last-child{ padding-right: 0; }
	
	header { background-image: url("http://citylinktullawidening.vic.gov.au/__data/assets/image/0008/39338/header-map-d.jpg"); }
  header .top-nav { float: right; width: auto; margin: 2.2em 1em; border-top: none; }
  header .top-nav a { display: inline-block; text-align: right; margin: 0 0 0 1.5em; padding: 0; }
	header .top-nav li { border-bottom: none; }
  header .icon-overlay > img { bottom: 20px; height: auto; position: absolute; right: 4em; width: 120px; }
	header .header-block { background: none; }
	
	header .gradient-overlay img{ height: 80px; }
	
  main .breadcrumbs .label { float: left; }
  
	footer { margin-top: 2em; }
	footer .footer3 { padding-top: 7em; }
	footer .footer3 li + li { border-left: solid 1px #dadada; }
  footer .footer3 .last-updated { text-align: right; margin: 0; }
  footer .footer3 .copyright { text-align: right; }
	
	.home-header .grid-col { margin-top: 0; background: none; }
	.home-header a { min-height:20.5em; }
	.home-airport { padding: 1em; text-align: left; }
	.home-airport p { width: 100%; }
	.project-updates > .update-item { margin-right: 3em; }
	.twitter-feed { padding-top: 2em; }
	.social-links { text-align: right; }
	
	.feature-container { position: absolute; width: 35%; }
	.feature-link { position: absolute; }
	
	header .top-nav .menu-item.current a, header .top-nav .menu-item.expanded a { border-color: grey; }
	header .top-nav .menu-item a:hover, header .top-nav .menu-item a:focus, header .top-nav .menu-item a:active { border-color: white !important; }
	.theme.drivers header .top-nav .menu-item.current a, .theme.drivers header .top-nav .menu-item.expanded a { background: none; border-color: #0077c8; }
	.theme.cyclists header .top-nav .menu-item.current a, .theme.cyclists header .top-nav .menu-item.expanded a { background: none; border-color: #6cc24a; }
	.theme.community header .top-nav .menu-item.current a, .theme.community header .top-nav .menu-item.expanded a { background: none; border-color: #00b0b9; }
	.theme.about header .top-nav .menu-item.current a, .theme.about header .top-nav .menu-item.expanded a { background: none; border-color: grey; }
  
  .ctw-detail-container { border: none; }
  .ctw-table thead th { background: #e6e6e6; border-bottom: 1px solid #999 !important; padding: 1.4em 0.8em 1em !important; text-align: left; }
  .ctw-table tbody td { border: none !important; padding: 0.8em !important; }

	.ctw-detail p.title { border-top: none; }
	.ctw-detail { border-left: 1px solid #dadada; }
	
	.form-buttons { text-align: left; }
.ctw-map-container { left: 0% !important; }


.homepage .feature-box a { display: table-cell; }

.homepage .instawrap a.instagrid { display: table-cell; float:none; }
.homepage .instawrap a .instaphoto { width: auto; }

.feature-box a { display: table-cell; }
.mapunderlay { display: none !important; }


}

/* in-between */
@media screen and (min-width: 769px) and (max-width: 1020px) { 
	.feature-container { width: 60%; }
	.feature-content h2 { margin-top: 0.2em; }
	
}

/* print styles */
@media print { 
  .print-hidden{display:none!important}.print-visually-hidden,.print-visuallyhidden{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}.print-grid,.print-grid-fixed{display:table;width:100%;box-sizing:border-box}.print-grid-fixed>[class*=grid-col],.print-grid>[class*=grid-col]{display:table-cell;vertical-align:top;overflow:hidden}.print-grid-fixed{table-layout:fixed}.print-grid-fixed>.grid-col{width:8.33333%}.print-grid-fixed>.grid-col-2{width:16.66667%}.print-grid-fixed>.grid-col-3{width:25%}.print-grid-fixed>.grid-col-4{width:33.33333%}.print-grid-fixed>.grid-col-5{width:41.66667%}.print-grid-fixed>.grid-col-6{width:50%}.print-grid-fixed>.grid-col-7{width:58.33333%}.print-grid-fixed>.grid-col-8{width:66.66667%}.print-grid-fixed>.grid-col-9{width:75%}.print-grid-fixed>.grid-col-10{width:83.33333%}.print-grid-fixed>.grid-col-11{width:91.66667%}.print-grid-fixed>.grid-col-fill{width:100%}.print-aspect-box{position:relative;width:100%}.print-aspect-box:before{content:"";display:block;padding-top:56.25%}.print-aspect-box>div:first-child,.print-aspect-box>iframe:first-child{position:absolute;top:0;left:0;bottom:0;right:0;border:none;width:100%;height:100%}.print-aspect-box.ratio_1_1:before{padding-top:100%}.print-aspect-box.ratio_2_1:before{padding-top:50%}.print-aspect-box.ratio_4_3:before{padding-top:75%}.print-aspect-box.ratio_1_2:before{padding-top:200%}.print-expand{display:none}.print-expand.active{display:block}
    
  .video-player { display: none; }
  #ctw-expand { display: block !important; }
  
}

/* Lightbox */
.Lightbox{ cursor:pointer; }

/* Site Search */
 header .top-nav{ margin: 2.2em 0 0; }
 header .site-search {padding: 0.5em; }
.site-search .grid-fixed { border: 1px solid #e8e8e8; }
.site-search .grid-fixed .grid-col { width: 100%; vertical-align: middle; }
.site-search .grid-fixed .grid-col + .grid-col { width: 44px; }
.site-search input[type="text"] { background: #fff; border: none; height: 44px; width: 100%; padding: 0 0.6em; font-size: 1.125em; margin: 0; outline: none;  box-sizing: border-box; }
.site-search button[type="submit"] { background: #fff; 	border: none; width: 44px; height: 44px; padding: 0; margin: 0;}
.site-search button[type="submit"]:after { content: "\f002"; font-family: "FontAwesome"; font-size: 1.5em; color: #000; }
.site-search button[type="submit"]:hover, header .site-search button[type="submit"]:focus, header .site-search button[type="submit"]:active { 
background: #e8e8e8; }
.fb-results { list-style-type: none; padding-left: 0; }
.fb-results p { margin-top: 0.5em; margin-bottom: 0.5em; }
.fb-results .fb-date { display: none; }
.fb-results cite { white-space: nowrap; color: #147f11; display: block; text-overflow: ellipsis; overflow: hidden; }
.fb-rank { display: none;}
.fb-results li{ margin-left: 0em; }
.fb-page-nav a {  padding: 0em 0.5em;}

/* NY-Temp fix */

@media screen and (max-width: 856px){
header .header-block .title { font-family: 'Gotham-Medium',Verdana,sans-serif; font-size: 2.8em; line-height: 1.4em; margin: 0.6em 0; padding: 0; text-align: right; float: left; letter-spacing: -2px; white-space: nowrap;}
}