/* NBA 2015 stylesheet Colours: Text Blue #1A3178 #00377c #182651 Green #80B307 #B4DF3B #afd24f #b2dc39 #9fcb25 #8eb621 #7da01d #7fb439 Red #e80a26 Orange #f85408 Yellow #ffc70a #fbae17 Cyan #00c0e6 Blue #2a54cc Brown #805008 Teal #2eb89e Purple #6d3aa1 Magenta #d654bf Services: rtw rtw-coordinator rtw-coordinator-training employment allied-health life-insurance mhfa-training mha mhot mindcare mhta workplace-training self-management freedom-to-move adjusting-to-change */ /* Variables: Colour, spacing */ :root { --grey-2: #f9f9f9; --grey-5: #f5f5f5; --grey-10: #e6e6e6; --grey-15: #d9d9d9; --grey-30: #b2b2b2; --grey-42: #949494; --grey-50: #808080; --grey-60: #666666; --grey-80: #525252; --grey-100: #1a1a1a; --grey-dk:#444444; --blue-dk: #1A3178; --blue-dk-2: #182651; --nba-blue: #00377c; --blue: #2a54cc; --cyan: #00c0e6; --cyan-md: #00ade6; --cyan-dk: #009cdb; --teal: #2eb89e; --teal-md: #00a478; --teal-dk: #1f7566; --purple: #6d3aa1; --magenta: #d654bf; --red: #e80a26; --red-lt: #ee3338; --orange: #f85408; --gold: #fbae17; --yellow: #ffc70a; --nba-green: #80B307; --green-1: #B4DF3B; --green-2: #afd24f; --green-3: #b2dc39; --green-4: #9fcb25; --green-5: #8eb621; --green-6: #7da01d; --green-7: #7fb439; --green-8: #53ab4d; --white: #FFFFFF; --radius: 7px; --radius-large: 14px; --space: 24px; --space--5: calc(var(--space) * 0.1666666666); --space--4: calc(var(--space) * 0.3333333333); --space--3: calc(var(--space) * 0.5); --space--2: calc(var(--space) * 0.6666666666); --space--1: calc(var(--space) * 0.75); --space--0: calc(var(--space) * 0.8333333333); --space-1: calc(var(--space) * 1.1666666666); --space-2: calc(var(--space) * 1.5); --space-3: calc(var(--space) * 2); --space-4: calc(var(--space) * 3); --space-5: calc(var(--space) * 4); --space-6: calc(var(--space) * 5); --header-height-mobile: 114px; --header-height-tablet: 114px; --header-height-desktop: 165px; --font-button: 'NewJune', aktiv-grotesk, Helvetica Neue, Helvetica, Arial, sans-serif; --font-text: aktiv-grotesk, Helvetica Neue, Helvetica, Arial, sans-serif; --font-text-bold: aktiv-grotesk-bold, Helvetica Neue, Helvetica, Arial, sans-serif; --font-heading: 'NewJune', aktiv-grotesk, Helvetica Neue, Helvetica, Arial, sans-serif; } /*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:0}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) */ html,button,input,select,textarea { color: #444;} body { font-size: 1em; line-height: 1.4; } ::-moz-selection {background: #b3d4fc;text-shadow: none;} ::selection {background: #b3d4fc;text-shadow: none;} hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;} img {vertical-align: middle;} fieldset {border: 0;margin: 0;padding: 0;} textarea {resize: vertical;} .chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;} .wrapper {width: 90%;margin: 0 5%; } /* Layout */ /** {text-decoration-skip-ink: auto; -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1); transition-timing-function: cubic-bezier(.4,0,.2,1); font-smooth: always; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } *, *:before, *:after { box-sizing: border-box; } body, html { height: 100%; margin: 0; scroll-behavior: smooth; }*/ .boxed { padding: var(--space); border: 1pt solid var(--grey-10); border-radius: var(--radius); margin-bottom: 1em;} .boxed :first-child { margin-top: 0; } .boxed :last-child { margin-bottom: 0; } .boxed:after { clear: both; content: ""; display: table; } .align-right { } .align-left { } .align-center { text-align: center; } .text-align-left { text-align: left; } .text-align-right { text-align: right; } .d-flex { display:flex !important} .align-items-center { align-items: center; } .border { border-top: 1px solid var(--grey-10);} .border-top { border-top: 1px solid var(--grey-10);} .border-bottom { border-bottom: 1px solid var(--grey-10);} .border-left { border-left: 1px solid var(--grey-10);} .border-right { border-right: 1px solid var(--grey-10);} .rounded { border-radius: var(--radius);} .shadow { -moz-box-shadow: 0 0 30px -10px rgb(0 0 0 / 15%); -webkit-box-shadow: 0 0 30px -10px rgb(0 0 0 / 15%); box-shadow: 0 0 30px -10px rgb(0 0 0 / 15%); } .margin-0 { margin: 0 !important; } .padding-0 { padding: 0 !important; } .margin-top-0 { margin-top: 0!important;} .margin-bottom-0 { margin-bottom: 0!important;} .padding-top-0 { padding-top: 0!important;} .padding-bottom-0 { padding-bottom: 0!important;} .margin-top { margin-top: 1em!important;} .margin-bottom { margin-bottom: 1em!important;} .padding-top { padding-top: 1em!important;} .padding-bottom {padding-bottom: 1em!important;} .padding-space {padding: var(--space)!important;} .padding-space--5 {padding: var(--space--5)!important;} .padding-space--4 {padding: var(--space--4)!important;} .padding-space--3 {padding: var(--space--3)!important;} .padding-space--2 {padding: var(--space--2)!important;} .padding-space--1 {padding: var(--space--1)!important;} .padding-space-2 {padding: var(--space-2)!important;} .padding-space-3 {padding: var(--space-3)!important;} .padding-space-4 {padding: var(--space-4)!important;} .padding-space-5 {padding: var(--space-5)!important;} .padding-space-6 {padding: var(--space-6)!important;} .padding-top-space {padding-top: var(--space)!important;} .padding-top-space--5 {padding-top: var(--space--5)!important;} .padding-top-space--4 {padding-top: var(--space--4)!important;} .padding-top-space--3 {padding-top: var(--space--3)!important;} .padding-top-space--2 {padding-top: var(--space--2)!important;} .padding-top-space--1 {padding-top: var(--space--1)!important;} .padding-top-space-2 {padding-top: var(--space-2)!important;} .padding-top-space-3 {padding-top: var(--space-3)!important;} .padding-top-space-4 {padding-top: var(--space-4)!important;} .padding-top-space-5 {padding-top: var(--space-5)!important;} .padding-top-space-6 {padding-top: var(--space-6)!important;} .padding-bottom-space {padding-bottom: var(--space)!important;} .padding-bottom-space--5 {padding-bottom: var(--space--5)!important; } .padding-bottom-space--4 {padding-bottom: var(--space--4)!important; } .padding-bottom-space--3 {padding-bottom: var(--space--3)!important; } .padding-bottom-space--2 {padding-bottom: var(--space--2)!important; } .padding-bottom-space--1 {padding-bottom: var(--space--1)!important; } .padding-bottom-space-2 {padding-bottom: var(--space-2)!important;} .padding-bottom-space-3 {padding-bottom: var(--space-3)!important;} .padding-bottom-space-4 {padding-bottom: var(--space-4)!important;} .padding-bottom-space-5 {padding-bottom: var(--space-5)!important;} .padding-bottom-space-6 {padding-bottom: var(--space-6)!important;} .margin-space {margin-top: var(--space)!important; margin-bottom: var(--space)!important; } .margin-space--5 {margin-top: var(--space--5)!important; margin-bottom: var(--space--5)!important; } .margin-space--4 {margin-top: var(--space--4)!important; margin-bottom: var(--space--4)!important; } .margin-space--3 {margin-top: var(--space--3)!important; margin-bottom: var(--space--3)!important; } .margin-space--2 {margin-top: var(--space--2)!important; margin-bottom: var(--space--2)!important; } .margin-space--1 {margin-top: var(--space--1)!important; margin-bottom: var(--space--1)!important; } .margin-space-2 {margin-top: var(--space-2)!important; margin-bottom: var(--space-2)!important; } .margin-space-3 {margin-top: var(--space-3)!important; margin-bottom: var(--space-3)!important; } .margin-space-4 {margin-top: var(--space-4)!important; margin-bottom: var(--space-4)!important; } .margin-space-5 {margin-top: var(--space-5)!important; margin-bottom: var(--space-5)!important; } .margin-space-6 {margin-top: var(--space-6)!important; margin-bottom: var(--space-6)!important; } .margin-top-space {margin-top: var(--space)!important; } .margin-top-space--5 {margin-top: var(--space--5)!important; } .margin-top-space--4 {margin-top: var(--space--4)!important; } .margin-top-space--3 {margin-top: var(--space--3)!important; } .margin-top-space--2 {margin-top: var(--space--2)!important; } .margin-top-space--1 {margin-top: var(--space--1)!important; } .margin-top-space-2 {margin-top: var(--space-2)!important; } .margin-top-space-3 {margin-top: var(--space-3)!important; } .margin-top-space-4 {margin-top: var(--space-4)!important; } .margin-top-space-5 {margin-top: var(--space-5)!important; } .margin-top-space-6 {margin-top: var(--space-6)!important; } .margin-bottom-space {margin-bottom: var(--space)!important; } .margin-bottom-space--5 {margin-bottom: var(--space--5)!important; } .margin-bottom-space--4 {margin-bottom: var(--space--4)!important; } .margin-bottom-space--3 {margin-bottom: var(--space--3)!important; } .margin-bottom-space--2 {margin-bottom: var(--space--2)!important; } .margin-bottom-space--1 {margin-bottom: var(--space--1)!important; } .margin-bottom-space-2 {margin-bottom: var(--space-2)!important; } .margin-bottom-space-3 {margin-bottom: var(--space-3)!important; } .margin-bottom-space-4 {margin-bottom: var(--space-4)!important; } .margin-bottom-space-5 {margin-bottom: var(--space-5)!important; } .margin-bottom-space-6 {margin-bottom: var(--space-6)!important; } @media only screen and (min-width: 320px) and (max-width: 479px) { .sm-padding-space--5 {padding: var(--space--5)!important;} .sm-padding-space--4 {padding: var(--space--4)!important;} .sm-padding-space--3 {padding: var(--space--3)!important;} .sm-padding-space--2 {padding: var(--space--2)!important;} .sm-padding-space--1 {padding: var(--space--1)!important;} .sm-padding-space-2 {padding: var(--space-2)!important;} .sm-padding-space-3 {padding: var(--space-3)!important;} .sm-padding-space-4 {padding: var(--space-4)!important;} .sm-padding-space-5 {padding: var(--space-5)!important;} .sm-padding-space-6 {padding: var(--space-6)!important;} .sm-padding-top-space {padding-top: var(--space)!important;} .sm-padding-top-space--5 {padding-top: var(--space--5)!important;} .sm-padding-top-space--4 {padding-top: var(--space--4)!important;} .sm-padding-top-space--3 {padding-top: var(--space--3)!important;} .sm-padding-top-space--2 {padding-top: var(--space--2)!important;} .sm-padding-top-space--1 {padding-top: var(--space--1)!important;} .sm-padding-top-space-2 {padding-top: var(--space-2)!important;} .sm-padding-top-space-3 {padding-top: var(--space-3)!important;} .sm-padding-top-space-4 {padding-top: var(--space-4)!important;} .sm-padding-top-space-5 {padding-top: var(--space-5)!important;} .sm-padding-top-space-6 {padding-top: var(--space-6)!important;} .sm-padding-bottom-space {padding-bottom: var(--space)!important;} .sm-padding-bottom-space--5 {padding-bottom: var(--space--5)!important; } .sm-padding-bottom-space--4 {padding-bottom: var(--space--4)!important; } .sm-padding-bottom-space--3 {padding-bottom: var(--space--3)!important; } .sm-padding-bottom-space--2 {padding-bottom: var(--space--2)!important; } .sm-padding-bottom-space--1 {padding-bottom: var(--space--1)!important; } .sm-padding-bottom-space-2 {padding-bottom: var(--space-2)!important;} .sm-padding-bottom-space-3 {padding-bottom: var(--space-3)!important;} .sm-padding-bottom-space-4 {padding-bottom: var(--space-4)!important;} .sm-padding-bottom-space-5 {padding-bottom: var(--space-5)!important;} .sm-padding-bottom-space-6 {padding-bottom: var(--space-6)!important;} .sm-margin-space {margin-top: var(--space)!important; margin-bottom: var(--space)!important; } .sm-margin-space--5 {margin-top: var(--space--5)!important; margin-bottom: var(--space--5)!important; } .sm-margin-space--4 {margin-top: var(--space--4)!important; margin-bottom: var(--space--4)!important; } .sm-margin-space--3 {margin-top: var(--space--3)!important; margin-bottom: var(--space--3)!important; } .sm-margin-space--2 {margin-top: var(--space--2)!important; margin-bottom: var(--space--2)!important; } .sm-margin-space--1 {margin-top: var(--space--1)!important; margin-bottom: var(--space--1)!important; } .sm-margin-space-2 {margin-top: var(--space-2)!important; margin-bottom: var(--space-2)!important; } .sm-margin-space-3 {margin-top: var(--space-3)!important; margin-bottom: var(--space-3)!important; } .sm-margin-space-4 {margin-top: var(--space-4)!important; margin-bottom: var(--space-4)!important; } .sm-margin-space-5 {margin-top: var(--space-5)!important; margin-bottom: var(--space-5)!important; } .sm-margin-space-6 {margin-top: var(--space-6)!important; margin-bottom: var(--space-6)!important; } .sm-margin-top-space {margin-top: var(--space)!important; } .sm-margin-top-space--5 {margin-top: var(--space--5)!important; } .sm-margin-top-space--4 {margin-top: var(--space--4)!important; } .sm-margin-top-space--3 {margin-top: var(--space--3)!important; } .sm-margin-top-space--2 {margin-top: var(--space--2)!important; } .sm-margin-top-space--1 {margin-top: var(--space--1)!important; } .sm-margin-top-space-2 {margin-top: var(--space-2)!important; } .sm-margin-top-space-3 {margin-top: var(--space-3)!important; } .sm-margin-top-space-4 {margin-top: var(--space-4)!important; } .sm-margin-top-space-5 {margin-top: var(--space-5)!important; } .sm-margin-top-space-6 {margin-top: var(--space-6)!important; } .sm-margin-bottom-space {margin-bottom: var(--space)!important; } .sm-margin-bottom-space--5 {margin-bottom: var(--space--5)!important; } .sm-margin-bottom-space--4 {margin-bottom: var(--space--4)!important; } .sm-margin-bottom-space--3 {margin-bottom: var(--space--3)!important; } .sm-margin-bottom-space--2 {margin-bottom: var(--space--2)!important; } .sm-margin-bottom-space--1 {margin-bottom: var(--space--1)!important; } .sm-margin-bottom-space-2 {margin-bottom: var(--space-2)!important; } .sm-margin-bottom-space-3 {margin-bottom: var(--space-3)!important; } .sm-margin-bottom-space-4 {margin-bottom: var(--space-4)!important; } .sm-margin-bottom-space-5 {margin-bottom: var(--space-5)!important; } .sm-margin-bottom-space-6 {margin-bottom: var(--space-6)!important; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .md-padding-space--5 {padding: var(--space--5)!important;} .md-padding-space--4 {padding: var(--space--4)!important;} .md-padding-space--3 {padding: var(--space--3)!important;} .md-padding-space--2 {padding: var(--space--2)!important;} .md-padding-space--1 {padding: var(--space--1)!important;} .md-padding-space-2 {padding: var(--space-2)!important;} .md-padding-space-3 {padding: var(--space-3)!important;} .md-padding-space-4 {padding: var(--space-4)!important;} .md-padding-space-5 {padding: var(--space-5)!important;} .md-padding-space-6 {padding: var(--space-6)!important;} .md-padding-top-space {padding-top: var(--space)!important;} .md-padding-top-space--5 {padding-top: var(--space--5)!important;} .md-padding-top-space--4 {padding-top: var(--space--4)!important;} .md-padding-top-space--3 {padding-top: var(--space--3)!important;} .md-padding-top-space--2 {padding-top: var(--space--2)!important;} .md-padding-top-space--1 {padding-top: var(--space--1)!important;} .md-padding-top-space-2 {padding-top: var(--space-2)!important;} .md-padding-top-space-3 {padding-top: var(--space-3)!important;} .md-padding-top-space-4 {padding-top: var(--space-4)!important;} .md-padding-top-space-5 {padding-top: var(--space-5)!important;} .md-padding-top-space-6 {padding-top: var(--space-6)!important;} .md-padding-bottom-space {padding-bottom: var(--space)!important;} .md-padding-bottom-space--5 {padding-bottom: var(--space--5)!important; } .md-padding-bottom-space--4 {padding-bottom: var(--space--4)!important; } .md-padding-bottom-space--3 {padding-bottom: var(--space--3)!important; } .md-padding-bottom-space--2 {padding-bottom: var(--space--2)!important; } .md-padding-bottom-space--1 {padding-bottom: var(--space--1)!important; } .md-padding-bottom-space-2 {padding-bottom: var(--space-2)!important;} .md-padding-bottom-space-3 {padding-bottom: var(--space-3)!important;} .md-padding-bottom-space-4 {padding-bottom: var(--space-4)!important;} .md-padding-bottom-space-5 {padding-bottom: var(--space-5)!important;} .md-padding-bottom-space-6 {padding-bottom: var(--space-6)!important;} .md-margin-space {margin-top: var(--space)!important; margin-bottom: var(--space)!important; } .md-margin-space--5 {margin-top: var(--space--5)!important; margin-bottom: var(--space--5)!important; } .md-margin-space--4 {margin-top: var(--space--4)!important; margin-bottom: var(--space--4)!important; } .md-margin-space--3 {margin-top: var(--space--3)!important; margin-bottom: var(--space--3)!important; } .md-margin-space--2 {margin-top: var(--space--2)!important; margin-bottom: var(--space--2)!important; } .md-margin-space--1 {margin-top: var(--space--1)!important; margin-bottom: var(--space--1)!important; } .md-margin-space-2 {margin-top: var(--space-2)!important; margin-bottom: var(--space-2)!important; } .md-margin-space-3 {margin-top: var(--space-3)!important; margin-bottom: var(--space-3)!important; } .md-margin-space-4 {margin-top: var(--space-4)!important; margin-bottom: var(--space-4)!important; } .md-margin-space-5 {margin-top: var(--space-5)!important; margin-bottom: var(--space-5)!important; } .md-margin-space-6 {margin-top: var(--space-6)!important; margin-bottom: var(--space-6)!important; } .md-margin-top-space {margin-top: var(--space)!important; } .md-margin-top-space--5 {margin-top: var(--space--5)!important; } .md-margin-top-space--4 {margin-top: var(--space--4)!important; } .md-margin-top-space--3 {margin-top: var(--space--3)!important; } .md-margin-top-space--2 {margin-top: var(--space--2)!important; } .md-margin-top-space--1 {margin-top: var(--space--1)!important; } .md-margin-top-space-2 {margin-top: var(--space-2)!important; } .md-margin-top-space-3 {margin-top: var(--space-3)!important; } .md-margin-top-space-4 {margin-top: var(--space-4)!important; } .md-margin-top-space-5 {margin-top: var(--space-5)!important; } .md-margin-top-space-6 {margin-top: var(--space-6)!important; } .md-margin-bottom-space {margin-bottom: var(--space)!important; } .md-margin-bottom-space--5 {margin-bottom: var(--space--5)!important; } .md-margin-bottom-space--4 {margin-bottom: var(--space--4)!important; } .md-margin-bottom-space--3 {margin-bottom: var(--space--3)!important; } .md-margin-bottom-space--2 {margin-bottom: var(--space--2)!important; } .md-margin-bottom-space--1 {margin-bottom: var(--space--1)!important; } .md-margin-bottom-space-2 {margin-bottom: var(--space-2)!important; } .md-margin-bottom-space-3 {margin-bottom: var(--space-3)!important; } .md-margin-bottom-space-4 {margin-bottom: var(--space-4)!important; } .md-margin-bottom-space-5 {margin-bottom: var(--space-5)!important; } .md-margin-bottom-space-6 {margin-bottom: var(--space-6)!important; } } @media only screen and (min-width: 768px) and (max-width: 979px) { .lg-padding-space--5 {padding: var(--space--5)!important;} .lg-padding-space--4 {padding: var(--space--4)!important;} .lg-padding-space--3 {padding: var(--space--3)!important;} .lg-padding-space--2 {padding: var(--space--2)!important;} .lg-padding-space--1 {padding: var(--space--1)!important;} .lg-padding-space-2 {padding: var(--space-2)!important;} .lg-padding-space-3 {padding: var(--space-3)!important;} .lg-padding-space-4 {padding: var(--space-4)!important;} .lg-padding-space-5 {padding: var(--space-5)!important;} .lg-padding-space-6 {padding: var(--space-6)!important;} .lg-padding-top-space {padding-top: var(--space)!important;} .lg-padding-top-space--5 {padding-top: var(--space--5)!important;} .lg-padding-top-space--4 {padding-top: var(--space--4)!important;} .lg-padding-top-space--3 {padding-top: var(--space--3)!important;} .lg-padding-top-space--2 {padding-top: var(--space--2)!important;} .lg-padding-top-space--1 {padding-top: var(--space--1)!important;} .lg-padding-top-space-2 {padding-top: var(--space-2)!important;} .lg-padding-top-space-3 {padding-top: var(--space-3)!important;} .lg-padding-top-space-4 {padding-top: var(--space-4)!important;} .lg-padding-top-space-5 {padding-top: var(--space-5)!important;} .lg-padding-top-space-6 {padding-top: var(--space-6)!important;} .lg-padding-bottom-space {padding-bottom: var(--space)!important;} .lg-padding-bottom-space--5 {padding-bottom: var(--space--5)!important; } .lg-padding-bottom-space--4 {padding-bottom: var(--space--4)!important; } .lg-padding-bottom-space--3 {padding-bottom: var(--space--3)!important; } .lg-padding-bottom-space--2 {padding-bottom: var(--space--2)!important; } .lg-padding-bottom-space--1 {padding-bottom: var(--space--1)!important; } .lg-padding-bottom-space-2 {padding-bottom: var(--space-2)!important;} .lg-padding-bottom-space-3 {padding-bottom: var(--space-3)!important;} .lg-padding-bottom-space-4 {padding-bottom: var(--space-4)!important;} .lg-padding-bottom-space-5 {padding-bottom: var(--space-5)!important;} .lg-padding-bottom-space-6 {padding-bottom: var(--space-6)!important;} .lg-margin-space {margin-top: var(--space)!important; margin-bottom: var(--space)!important; } .lg-margin-space--5 {margin-top: var(--space--5)!important; margin-bottom: var(--space--5)!important; } .lg-margin-space--4 {margin-top: var(--space--4)!important; margin-bottom: var(--space--4)!important; } .lg-margin-space--3 {margin-top: var(--space--3)!important; margin-bottom: var(--space--3)!important; } .lg-margin-space--2 {margin-top: var(--space--2)!important; margin-bottom: var(--space--2)!important; } .lg-margin-space--1 {margin-top: var(--space--1)!important; margin-bottom: var(--space--1)!important; } .lg-margin-space-2 {margin-top: var(--space-2)!important; margin-bottom: var(--space-2)!important; } .lg-margin-space-3 {margin-top: var(--space-3)!important; margin-bottom: var(--space-3)!important; } .lg-margin-space-4 {margin-top: var(--space-4)!important; margin-bottom: var(--space-4)!important; } .lg-margin-space-5 {margin-top: var(--space-5)!important; margin-bottom: var(--space-5)!important; } .lg-margin-space-6 {margin-top: var(--space-6)!important; margin-bottom: var(--space-6)!important; } .lg-margin-top-space {margin-top: var(--space)!important; } .lg-margin-top-space--5 {margin-top: var(--space--5)!important; } .lg-margin-top-space--4 {margin-top: var(--space--4)!important; } .lg-margin-top-space--3 {margin-top: var(--space--3)!important; } .lg-margin-top-space--2 {margin-top: var(--space--2)!important; } .lg-margin-top-space--1 {margin-top: var(--space--1)!important; } .lg-margin-top-space-2 {margin-top: var(--space-2)!important; } .lg-margin-top-space-3 {margin-top: var(--space-3)!important; } .lg-margin-top-space-4 {margin-top: var(--space-4)!important; } .lg-margin-top-space-5 {margin-top: var(--space-5)!important; } .lg-margin-top-space-6 {margin-top: var(--space-6)!important; } .lg-margin-bottom-space {margin-bottom: var(--space)!important; } .lg-margin-bottom-space--5 {margin-bottom: var(--space--5)!important; } .lg-margin-bottom-space--4 {margin-bottom: var(--space--4)!important; } .lg-margin-bottom-space--3 {margin-bottom: var(--space--3)!important; } .lg-margin-bottom-space--2 {margin-bottom: var(--space--2)!important; } .lg-margin-bottom-space--1 {margin-bottom: var(--space--1)!important; } .lg-margin-bottom-space-2 {margin-bottom: var(--space-2)!important; } .lg-margin-bottom-space-3 {margin-bottom: var(--space-3)!important; } .lg-margin-bottom-space-4 {margin-bottom: var(--space-4)!important; } .lg-margin-bottom-space-5 {margin-bottom: var(--space-5)!important; } .lg-margin-bottom-space-6 {margin-bottom: var(--space-6)!important; } } @media only screen and (min-width: 980px) and (max-width: 1280px) { .xl-padding-space--5 {padding: var(--space--5)!important;} .xl-padding-space--4 {padding: var(--space--4)!important;} .xl-padding-space--3 {padding: var(--space--3)!important;} .xl-padding-space--2 {padding: var(--space--2)!important;} .xl-padding-space--1 {padding: var(--space--1)!important;} .xl-padding-space-2 {padding: var(--space-2)!important;} .xl-padding-space-3 {padding: var(--space-3)!important;} .xl-padding-space-4 {padding: var(--space-4)!important;} .xl-padding-space-5 {padding: var(--space-5)!important;} .xl-padding-space-6 {padding: var(--space-6)!important;} .xl-padding-top-space {padding-top: var(--space)!important;} .xl-padding-top-space--5 {padding-top: var(--space--5)!important;} .xl-padding-top-space--4 {padding-top: var(--space--4)!important;} .xl-padding-top-space--3 {padding-top: var(--space--3)!important;} .xl-padding-top-space--2 {padding-top: var(--space--2)!important;} .xl-padding-top-space--1 {padding-top: var(--space--1)!important;} .xl-padding-top-space-2 {padding-top: var(--space-2)!important;} .xl-padding-top-space-3 {padding-top: var(--space-3)!important;} .xl-padding-top-space-4 {padding-top: var(--space-4)!important;} .xl-padding-top-space-5 {padding-top: var(--space-5)!important;} .xl-padding-top-space-6 {padding-top: var(--space-6)!important;} .xl-padding-bottom-space {padding-bottom: var(--space)!important;} .xl-padding-bottom-space--5 {padding-bottom: var(--space--5)!important; } .xl-padding-bottom-space--4 {padding-bottom: var(--space--4)!important; } .xl-padding-bottom-space--3 {padding-bottom: var(--space--3)!important; } .xl-padding-bottom-space--2 {padding-bottom: var(--space--2)!important; } .xl-padding-bottom-space--1 {padding-bottom: var(--space--1)!important; } .xl-padding-bottom-space-2 {padding-bottom: var(--space-2)!important;} .xl-padding-bottom-space-3 {padding-bottom: var(--space-3)!important;} .xl-padding-bottom-space-4 {padding-bottom: var(--space-4)!important;} .xl-padding-bottom-space-5 {padding-bottom: var(--space-5)!important;} .xl-padding-bottom-space-6 {padding-bottom: var(--space-6)!important;} .xl-margin-space {margin-top: var(--space)!important; margin-bottom: var(--space)!important; } .xl-margin-space--5 {margin-top: var(--space--5)!important; margin-bottom: var(--space--5)!important; } .xl-margin-space--4 {margin-top: var(--space--4)!important; margin-bottom: var(--space--4)!important; } .xl-margin-space--3 {margin-top: var(--space--3)!important; margin-bottom: var(--space--3)!important; } .xl-margin-space--2 {margin-top: var(--space--2)!important; margin-bottom: var(--space--2)!important; } .xl-margin-space--1 {margin-top: var(--space--1)!important; margin-bottom: var(--space--1)!important; } .xl-margin-space-2 {margin-top: var(--space-2)!important; margin-bottom: var(--space-2)!important; } .xl-margin-space-3 {margin-top: var(--space-3)!important; margin-bottom: var(--space-3)!important; } .xl-margin-space-4 {margin-top: var(--space-4)!important; margin-bottom: var(--space-4)!important; } .xl-margin-space-5 {margin-top: var(--space-5)!important; margin-bottom: var(--space-5)!important; } .xl-margin-space-6 {margin-top: var(--space-6)!important; margin-bottom: var(--space-6)!important; } .xl-margin-top-space {margin-top: var(--space)!important; } .xl-margin-top-space--5 {margin-top: var(--space--5)!important; } .xl-margin-top-space--4 {margin-top: var(--space--4)!important; } .xl-margin-top-space--3 {margin-top: var(--space--3)!important; } .xl-margin-top-space--2 {margin-top: var(--space--2)!important; } .xl-margin-top-space--1 {margin-top: var(--space--1)!important; } .xl-margin-top-space-2 {margin-top: var(--space-2)!important; } .xl-margin-top-space-3 {margin-top: var(--space-3)!important; } .xl-margin-top-space-4 {margin-top: var(--space-4)!important; } .xl-margin-top-space-5 {margin-top: var(--space-5)!important; } .xl-margin-top-space-6 {margin-top: var(--space-6)!important; } .xl-margin-bottom-space {margin-bottom: var(--space)!important; } .xl-margin-bottom-space--5 {margin-bottom: var(--space--5)!important; } .xl-margin-bottom-space--4 {margin-bottom: var(--space--4)!important; } .xl-margin-bottom-space--3 {margin-bottom: var(--space--3)!important; } .xl-margin-bottom-space--2 {margin-bottom: var(--space--2)!important; } .xl-margin-bottom-space--1 {margin-bottom: var(--space--1)!important; } .xl-margin-bottom-space-2 {margin-bottom: var(--space-2)!important; } .xl-margin-bottom-space-3 {margin-bottom: var(--space-3)!important; } .xl-margin-bottom-space-4 {margin-bottom: var(--space-4)!important; } .xl-margin-bottom-space-5 {margin-bottom: var(--space-5)!important; } .xl-margin-bottom-space-6 {margin-bottom: var(--space-6)!important; } } /* Colours */ .bg-grey-dk { background-color: var(--grey-dk); } .bg-blue-dk { background-color: var(--blue-dk); } .bg-blue-dk-grey { background-color: var(--blue-dk-grey); } .bg-blue { background-color: var(--blue); } .bg-red { background-color: var(--red)!important;} .bg-orange { background-color: var(--orange)!important;} .bg-grey-2 { background-color: var(--grey-2)!important;} .bg-grey-5 { background-color: var(--grey-5)!important;} .bg-grey-10 { background-color: var(--grey-10)!important;} .bg-grey-15 { background-color: var(--grey-15)!important;} .bg-grey-30 { background-color: var(--grey-30)!important;} .bg-grey-42 { background-color: var(--grey-42)!important;} .bg-grey-50 { background-color: var(--grey-50)!important;} .bg-grey-60 { background-color: var(--grey-60)!important;} .bg-grey-80 { background-color: var(--grey-80)!important;} .bg-grey-100 { background-color: var(--grey-100)!important;} .bg-white { background-color: white!important;} .text-grey-dk { color: var(--grey-dk)!important;} .text-blue-dk { color: var(--blue-dk)!important;} .text-blue { color: var(--blue)!important;} .text-gold { color: var(--gold)!important;} .text-orange { color: var(--orange)!important;} .text-red { color: var(--red)!important;} .text-grey-2, .text-grey-2 a { color: var(--grey-2)!important;} .text-grey-5, .text-grey-5 a { color: var(--grey-5)!important;} .text-grey-10, .text-grey-10 a { color: var(--grey-10)!important;} .text-grey-15, .text-grey-15 a { color: var(--grey-15)!important;} .text-grey-30, .text-grey-30 a { color: var(--grey-30)!important;} .text-grey-42, .text-grey-42 a { color: var(--grey-42)!important;} .text-grey-50, .text-grey-50 a { color: var(--grey-50)!important;} .text-grey-60, .text-grey-60 a { color: var(--grey-60)!important;} .text-grey-80 { color: var(--grey-80)!important;} .text-grey-100 { color: var(--grey-100)!important;} .text-white, .text-white a { color: white!important;} /* ---- CUSTOM STYLES ---- */ body { background-color: #fff; text-align: center; font-size: 1em; line-height: 1.375; font-family: var(--font-text); margin: 0; padding: 0; color: #444; } td, th, table, div, input, select, textarea { font-size: 1em; font-family: var(--font-text); color: #444; } td { vertical-align: top; line-height : 1.375; } h1, .h1 { font-size: 2.6em; line-height: 1.05em; font-weight: bold; font-family: var(--font-heading); margin: 0 0 0 0; color: var(--green-4); } h2, .h2 { font-size: 1.3125em; margin: 1.5em 0 0.75em 0; color: var(--nba-blue); font-family: var(--font-heading); } h3, .h3 { font-size: 1.125em; color: #9fcb25; margin: 0 0 0.75em 0; font-weight: 600; color: var(--nba-blue);} h4, .h4 { font-size: 1em; color: #9fcb25; margin: 0 0 0.75em 0; } p { line-height : 1.375; margin: 0 0 0.75em 0; } hr { color : #ddd; height : 1px; margin: 0 0 0.75em 0; } ol { line-height : 1.375; list-style-type : decimal; margin: 0 0 0.75em auto; text-indent: 0; padding: 0; } ul { line-height : 1.375; list-style-type: disc; margin: 0 0 0.75em 1.375em; text-indent: 0; padding: 0; } blockquote { line-height : 1.375; margin: 0 0 0.75em 1.375em; font-style: italic; } img { border: 0; } abbr { border: 0; outline: 0; text-decoration: none;} .no-svg img.svg { display: none; } .svg img.no-svg { display: none; } a:link, a:visited { color: var(--nba-blue); text-decoration: underline; } a:hover { text-decoration: none; } a:active, a:visited { border: none; outline: none; } /* Page layout */ #container { text-align: left; margin: 0 auto; position: relative; } #header { min-height: 105px; margin: 0; color: #82A1DF; position: relative; z-index: 6; } #logo { width: 232px; height: 105px; overflow: hidden;} #logo a {background: url(../images/nba-group-logo.svg) no-repeat -23px 0; display: block; padding-top: 105px; } .no-svg #logo a { background: url(../images/nba-group-logo.png) no-repeat #fff; } .header-print { display: none; } #container-content {margin: 0; padding-bottom: 0em; position: relative; z-index: 5; } .profile #container-content, .people #container-content, .news #container-content { margin: 3em 0; } #content { position: relative; z-index: 5; } #pic { width: 90%; padding-left: 5%; height: auto; position: relative; } #pic { width: 85%; padding-left: 7.5%; } #pic img { z-index: 2; max-width: 100%; width :100%; } #pic h1 { margin-bottom:0; } #pic h1 span, h1 span { display: none; } h1 span.small { display: block; line-height: 1.1;} .program-logo article header img { top: 0; position: relative; left: 50%; transform: translateX(-50%); } .program-logo article header h1 { display: none; } .pic img { width :100%; height: auto; border-radius: var(--radius); } .indent {} .border-radius { border-radius: var(--radius); } .border-radius-large { border-radius: var(--radius-large); } .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-8 { margin: 1.5em 5%; position: relative; } .grid-8 .grid-6 { margin:0; } .col, .colx2, .colx3, .colx4, .colx5, .colx6, .colx8 { padding: 0 0 1.5em 0; display: block; width: 100%; margin-left: 0; margin-right: 0;} .col img { max-width :100%; height: auto; } .col img.align-left { margin-right: 15px; margin-bottom: 7px; float: left;} .col img.align-right { margin-left: 15px; margin-bottom: 7px; float: right; } .border-top { padding-top: 1.5em; margin-top: 1.5em; background: url(../images/line-dots-h.svg) no-repeat; border: 0;} .no-svg .border-top { background: url(../images/line-dots-h.png) no-repeat; } .border-left { border: 0; } .border-right { border: 0; } .no-svg .border-right { background: url(../images/line-dots-v.png) repeat-y top right; } #program-logos ul { list-style-type: none; margin: 0; padding: 0; } #program-logos li { margin: 0; padding: 3em 0 1em 0; text-align: center; } #program-logos li img { margin: 0 auto; max-width: 80%; height: auto; } #footer { width: 100%; background: #182651; min-height: 530px; font-size: 87.5%; } #footer:before {content:" "; display: block; height:13px; width: 100%; background-image: url("../images/colour-transition-full.svg"); background-size: 100%; background-position: top center;} #footer div { color: #8c91a6; text-align: left; } #footer a:link, #footer a:visited { color: #8c91a6; text-decoration: none; } #footer a:hover { color: #fff; } #footer ul{ list-style-type: none; margin: 0; padding: 0; } #footer ul, #footer ol, #footer p { line-height: 1.375; } .footer-logos { padding: 3em 0; } .footer-logos li { margin: 0; padding: 1em 0 1em 0; text-align: center; } .footer-logos li img { margin: 0 auto; max-width: 100%; height: auto;} .footer-nba-logo { margin-bottom: 0 !important; padding: 3em 0 75px 0; } .footer-inner .grid-4 li { margin-bottom:0.5em; } .img-container { width: 100%; padding-top: 55%; height: 55%; overflow: hidden; display: block; border-radius: var(--radius); position: relative; margin-bottom: var(--space); background: transparent!important; } .img-container img { z-index: -1; } .img-container a, .img-container img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; } .img-container.align-top img, .img-container img[align="top"] { bottom: auto; } .img-container.align-bottom img, .img-container img[align="middle"] { top: auto; } .img-container img.fit { width: auto; max-height: 80%; max-width: 90%;} .img-container img.fill { width: auto; height: 100%; max-width: none; transform: translateX(-50%); left: 50%;} .img-container:after { width: 100%; height: 100%; display: block; content: " "; background: rgba(0,0,0,0.0); position: absolute; z-index: 0; top: 0; box-shadow: inset 0px 0px 45px rgba(0,0,0,0.12);pointer-events: none; } .news-repeat h3, .news-repeat p { background: #fff; } /* Navigation */ #nav { display: none; z-index: 6; } #nav-toggle { position: absolute; top:0; right: 0; width: auto; z-index: 6; } #nav ul { list-style-type: none; display: block; margin: 0; } #nav li { margin: 0; padding: 0; list-style-type: none; } #nav a, #nav-toggle a { display: block; padding: 0.4em 20px; text-decoration: none; color: #9a9a9a; font-size: 1em; font-weight: bold; font-family: 'NewJune', 'Open Sans', Helvetica, Arial, sans-serif; border-bottom: 1px solid #eee; } #nav a:hover { background: var(--nba-blue); color: #fff; } #nav a.on { } #nav-toggle a { cursor: pointer; border: 0; height: 89px; line-height: 99px; } #nav li li a { line-height: 1.3125em; font-weight: normal; } #back { position: absolute; right: 0; top: 0; } .btn-arrow-left a { display: block; width: 50px; height: 0; overflow: hidden; padding-top: 50px; background: url(../images/icons2.svg) 0 0 no-repeat; background-size: 400px 100px; color: #80B307; text-decoration: none; } .btn-arrow-left a:hover { background-position: -200px 0; } .no-svg .btn-arrow-left a { background: url(../images/icons2.png) 0 0 no-repeat;} /* Icons */ ul.doc-list { margin-left: 0; } li.icon { list-style-type: none; width: auto; } .icon:before { float: left; content:""; display: block; width: 50px; height: 50px; overflow: hidden; background-image: url(../images/icons2.svg); background-repeat: no-repeat; background-size: 400px 100px; text-decoration: none; } .no-svg .icon { background: url(../images/icons2.png) 0 0 no-repeat; } .icon-doc:before { background-position: 0px -50px; } .icon-small:before { background-size: 200px 50px; width: 25px; height: 25px; } .icon-small.icon-doc:before { background-position: 0px -25px; margin-top: -2px; margin-left: -5px; } .icon-small.icon-inline { margin: -0.25em auto; } /* Text styles */ .col h2:first-child { margin-top: 0;} .profile h1 { font-size: 2em; line-height: 1.25em; margin-bottom: 1em;} .home h2 { font-size: 1.3125em;} .home h3, .news h2, .news h3, .articles h2, .articles h3 { font-size: 1.3125em; font-family: var(--font-heading); line-height: 1.238095238; } h2 a, h2 a:link, h2 a:visited, h3 a, h3 a:link, h3 a:visited { color: inherit; text-decoration: none; } a.arrow, p.arrow { padding-left: 17px; background-image: url(../images/Arrow.gif); background-repeat: no-repeat; background-position: 0px 5px; } ul.doclist { list-style-type: none; line-height: 1.375; text-align: left; padding: 0; } ul ul { margin-bottom: 0; margin-left: 1.4em; } li.pdf, li.ppt, li.htm, li.zip { list-style-image: url(../images/PDF.gif); margin-bottom: 0.6em; line-height: 1.375; } li.ppt { list-style-image: url(../images/PPT.gif); } li.htm { list-style-image: url(../images/HTM.gif); } li.zip { list-style-image: url(../images/ZIP.gif); } ul.links li { list-style-type: none; margin: 0; padding: 0 0 0 120px; border-bottom: 1px solid #eee; line-height: 50px; text-align: left; position: relative;} ul.links li a.logo { width: 80px; height: 50px; display: inline-block; position: absolute; left: 0px; text-align: center; } ul.links img { margin: 0 0 -8px 0; padding: 0;} ul.plus-list li { } ul.list-icon { list-style-type: none; margin-left: 0; } ul.list-icon li { position: relative;} ul.list-icon li::before { content: " "; width: 1em; height: 1em; position: absolute; left: 0; top: 7px; background-repeat: no-repeat; background-position: center center; } ul.list-plus li::before { content: "+"; color: var(--grey-30); } ul.list-ruled li { border-top: 1pt solid var(--grey-10); padding: 0.625em 0 0.5em 16px;} ul.list-ruled li:last-child { border-bottom: 1pt solid var(--grey-10); } .small { font-size: 80%; font-weight: normal; } .large { font-size: 125%; } p.large { color: #999; font-size: 1.5em; line-height: 1.25; font-family: var(--font-heading); } p.medium { color: #999; font-size: 1.375em; line-height: 1.142875142; font-family: var(--font-heading); } p.large a, p.large a:link, p.large a:visited { color: #999; text-decoration: none; } p.large.quote {font-size:1em; line-height: 1.375; border-right: 1pt solid var(--grey-10); border-left: 1pt solid var(--grey-10); padding: 0 var(--space--1);} p.large.boxed.quote {padding: var(--space--1);} .blue, p.blue, h2.blue, h3.blue, .blue h1 { color: #00377c; } .green, p.green, h2.green, h3.green, .green h1 { color: #9fcb25; } .green-lt, p.green-lt, h2.green-lt, h3.green-lt, .green-lt h1 { color: #bdec00; /*#449e00*/ } .green-dk, p.green-dk, h2.green-dk, h3.green-dk, .green-dk h1 { color: #7fb439; } .green-md, p.green-md, h2.green-md, h3.green-md, .green-md h1 { color: var(--green-8);} .grey { color: #666; } .grey-dk, .grey-dk h1 { color: #484848; } .red, .red h1, .red h3 { color: #e80a26; } .orange, .orange h1, .orange h3 { color: #f85408; } .yellow, .yellow h1, .yellow h3 { color: #fbae17; } .cyan, .cyan h1, .cyan h3 { color: #00c0e6; } .cyan-md, .cyan-md h1, .cyan-md h3 { color: var(--cyan-md); } .blue-lt, .blue-lt h1, .blue-lt h3 { color: #80EEFF; } .brown, .brown h1, .brown h3 { color: #805008; } .teal, .teal h1, .teal h3 { color: #2eb89e; } .teal-dk, .teal-dk h1, .teal-dk h3 { color: #0c806a; } .purple, .purple h1, .purple h3 {color: #6d3aa1; } .magenta, .magenta h1, .magenta h3 { color: #d654bf; } .caps { text-transform: uppercase; } .noline { border: 0; } .box { border: 1px solid #ccc; padding: 0.5em; display: block; } .center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .no-margin { margin: 0; } .no-margin-top { margin-top: 0; } .no-padding-top { padding-top: 0; } .no-padding-left { padding-left: 0; margin-left: -15px; padding-right: 15px; } .no-margin-bottom { margin-bottom: 0; } .spacer { clear: both; } .hidden { display: none !important; visibility: hidden; } .font-weight-bold { font-weight:600; font-family: var(--font-family-text-bold); } /* Colour transition backgrounds */ .transition.rtw #container-content { background: url("../images/colour-transition-rtw.svg"); } .transition.rtw-coordinator #container-content { background: url("../images/colour-transition-rtw-coordinator.svg"); } .transition.rtw-coordinator-training #container-content { background: url("../images/colour-transition-rtw-coordinator-training.svg"); } .transition.employment #container-content { background: url("../images/colour-transition-employment.svg"); } .transition.allied-health #container-content { background: url("../images/colour-transition-allied-health.svg"); } .transition.life-insurance #container-content { background: url("../images/colour-transition-life-insurance.svg"); } .transition.mhfa-training #container-content { background: url("../images/colour-transition-mhfa-training.svg"); } .transition.mha #container-content { background: url("../images/colour-transition-mha.svg"); } .transition.mhot #container-content { background: url("../images/colour-transition-mhot.svg"); } .transition.adhd #container-content { background: url("../images/colour-transition-adhd.svg"); } .transition.mindcare #container-content { background: url("../images/colour-transition-mindcare.svg"); } .transition.mhta #container-content { background: url("../images/colour-transition-mhta.svg"); } .transition.workplace-training #container-content { background: url("../images/colour-transition-workplace-training.svg"); } .transition.self-management #container-content { background: url("../images/colour-transition-self-management.svg"); } .transition.freedom-to-move #container-content { background: url("../images/colour-transition-freedom-to-move.svg"); } .transition.adjusting-to-change #container-content { background: url("../images/colour-transition-adjusting-to-change.svg"); } .no-svg .transition.rtw #container-content { background: url("../images/colour-transition-rtw@2x.png"); } .no-svg .transition.rtw-coordinator #container-content { background: url("../images/colour-transition-rtw-coordinator@2x.png"); } .no-svg .transition.rtw-coordinator-training #container-content { background: url("../images/colour-transition-rtw-coordinator-training@2x.png"); } .no-svg .transition.employment #container-content { background: url("../images/colour-transition-employment@2x.png"); } .no-svg .transition.allied-health #container-content { background: url("../images/colour-transition-allied-health@2x.png"); } .no-svg .transition.life-insurance #container-content { background: url("../images/colour-transition-life-insurance@2x.png"); } .no-svg .transition.mhfa-training #container-content { background: url("../images/colour-transition-mhfa-training@2x.png"); } .no-svg .transition.mha #container-content { background: url("../images/colour-transition-mha@2x.png"); } .no-svg .transition.mhot #container-content { background: url("../images/colour-transition-mhot@2x.png"); } .no-svg .transition.adhd #container-content { background: url("../images/colour-transition-adhd@2x.png"); } .no-svg .transition.mindcare #container-content { background: url("../images/colour-transition-mindcare@2x.png"); } .no-svg .transition.mhta #container-content { background: url("../images/colour-transition-mhta@2x.png"); } .no-svg .transition.workplace-training #container-content { background: url("../images/colour-transition-workplace-training@2x.png"); } .no-svg .transition.self-management #container-content { background: url("../images/colour-transition-self-management@2x.png"); } .no-svg .transition.freedom-to-move #container-content { background: url("../images/colour-transition-freedom-to-move@2x.png"); } .no-svg .transition.adjusting-to-change #container-content { background: url("../images/colour-transition-adjusting-to-change@2x.png"); } .transition #container-content { padding:2em 0 0 0; background-size: 100% auto, cover; } .transition #container-content article { max-width: 100%; margin: auto; background: #fff; border-radius: 7px 7px 0 0; padding-bottom: 2em;} .transition #container-content article header { padding-top: 3em; } .transition.program-logo #container-content article header { padding-top: 1em; } /* Forms */ .formrow { padding-bottom: 0.5em; } .formrow-line { border-top: 1px solid #ccc; padding-bottom: 0.5em; padding-top: 0.5em; } .button-row { padding-top: 1em; } a.button, .button, input.button { background: #9fcb25; padding: 0.6em 1em 0.75em 1em; text-decoration: none; color: #fff; font-family: var(--font-button); border-radius: var(--radius); } .button-wide { display: block; text-align: center;} .green-lt .button { background: #bdec00; } .green-dk .button { background: #7fb439; } .green-md .button { background: var(--green-8); } .cyan .button { background: #00c0e6; } .cyan-md .button { background:var(--cyan-md); } .blue .button { background: #00377c; } .blue-lt .button { background: #80EEFF; } .red .button { background: #e80a26; } .orange .button { background: #f85408; } .yellow .button { background: #fbae17; } .brown .button { background: #805008;} .teal .button { background: #2eb89e; } .teal-dk .button { background: #0c806a; } .purple .button { background: #6d3aa1; } .magenta .button { background: #d654bf; } .grey-dk .button { background: #484848;} .img-click-to-enlarge, .img-click-to-enlarge-plus { display: block; position:relative; text-align: center; } .img-click-to-enlarge:hover:after, .img-click-to-enlarge-plus:hover:after { position: absolute; font-size: 16px; line-height: 56px; padding: 0; content: "click to open"; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; color: var(--cyan); pointer-events: none; -webkit-box-shadow: 0px 0px 20px -4px rgb(0 70 138 / 25%); box-shadow: 0px 0px 20px -4px rgb(0 70 138 / 25%); width: 9em; border-radius: var(--radius); font-family: var(--font-button); } .img-click-to-enlarge-plus:hover:after { font-size: 32px; line-height: 66px; padding: 0; content: "+"; top: 53.45%; width: 64px; border-radius: 50% 50%; height: 64px;} /* People page */ .quicksand-grid { position: static; } /* Quicksand can't have position realtive or absolute for container div */ .quicksand-grid .col.pic { height: 23em; position: relative; } .pic-area { position: relative; width:100%; height: 300px; overflow: hidden; display: block; border-radius: var(--radius); } .pic-area a { position:absolute; width:100%; height: 300px; } .pic-area a img { width:100%; height: auto; } .pic-area-panel { position:absolute; top: 0px; left: 0px; width: 18px; overflow: hidden; height: 108px; line-height: 18px;} .pic-area-panel img { margin: 0; padding: 0; float: left; } .pic h2 { font-size: 1em; line-height: 1.1em; margin-top: 0.75em; font-family: var(--font-text-bold); } .profile-pic-small { width: 100%; height: 300px; overflow: hidden; border-radius: var(--radius);} .profile-pic-small img { width: 100%; height: auto; } ul.key { margin:0 0 2em 0; } ul.key li { margin: 0; padding: 0.75em 4% 0 0; width: 96%; list-style-type: none; float: left; font-size: 0.7692307em; line-height: 1.1em; border-top: 1px solid #ddd; } ul.key li:last-child { border-bottom: 1px solid #ddd; } ul.key li:hover, ul.key li.on { background: #eee; cursor: pointer; } ul.key li .icon-sq { margin: 0 10px 0.75em 0; padding: 0; float: left;} .icon-sq { float: left; display: block; width:18px; height: 18px; } div.icon-green, .icon-green div.icon-sq { background: #b2dc39;} div.icon-green-lt, .icon-green-lt div.icon-sq { background: #bdec00; } div.icon-green-dk, .icon-green-dk div.icon-sq { background: #7fb439;} div.icon-grey, .icon-grey div.icon-sq { background: #a6a6a6;} div.icon-grey-dk, .icon-grey-dk div.icon-sq { background: #484848;} div.icon-cyan, .icon-cyan div.icon-sq { background: #00c0e6;} div.icon-blue, .icon-blue div.icon-sq { background: #2a54cc;} div.icon-blue-lt, .icon-blue-lt div.icon-sq { background: #80EEFF;} div.icon-red, .icon-red div.icon-sq { background: #e80a26; } div.icon-orange, .icon-orange div.icon-sq { background: #f85408; } div.icon-yellow, .icon-yellow div.icon-sq { background: #fbae17; } div.icon-brown, .icon-brown div.icon-sq { background: #805008;} div.icon-teal, .icon-teal div.icon-sq { background: #2eb89e; } div.icon-teal-dk, .icon-teal-dk div.icon-sq { background: #0c806a; } div.icon-purple, .icon-purple div.icon-sq { background: #6d3aa1; } div.icon-magenta, .icon-magenta div.icon-sq { background: #d654bf; } .icon-large { width: 108px; height:auto;} /* Greyscale images */ .people .pic a img, .people .profile-pic-small img { filter: gray; /* IE6-9 */ filter: grayscale(1); /* Firefox 35+ */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */} .people .pic a img:hover { filter: none; -webkit-filter: grayscale(0);} /* IE */ .ie6 .col.last-child, .ie7 .col.last-child, .ie8 .col.last-child { margin: 0; } /* ------------------ Media Queries ------------------ */ @media only screen and (min-width: 360px) { .pic-area, .pic-area a, .profile-pic-small { height: 360px; } .quicksand-grid .col.pic { height: 27em;} } @media only screen and (min-width: 400px) { .pic-area, .pic-area a, .profile-pic-small { height: 400px; } .quicksand-grid .col.pic { height: 30em;} } @media only screen and (min-width: 440px) { .pic-area, .pic-area a, .profile-pic-small { height: 440px; } .quicksand-grid .col.pic { height: 32em;} } @media only screen and (min-width: 480px) { #pic { width: 93%; padding-left: 3.5%;} #services li.services-box { width: 23.5%; } #program-logos li { float: left; width:50%;} .footer-logos li { float: left; width:50%; padding: 0;} .col, .colx2, .colx3, .colx4, .colx5, .colx6, .colx8 { float: left; padding: 0 0 1.5em 0; display: block;} .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-8 { width: calc(100% - var(--space-4)); margin: 1.5em var(--space-2); } .grid-4 .col { width: 46.5%; margin: 0 3.5% 0 0; } .grid-4 .col:last-child, .grid-4 .col.last-child, .grid-4 .col:nth-of-type(2n) { margin: 0; } .grid-4 .col:nth-of-type(2n+1) { clear: left; } .grid-4 .colx2, .grid-4 .colx3 { width: 96.5%; margin: 0; } .grid-5 .col { width: 96.5%; margin: 0; } /*.grid-5 .col:last-child, .grid-5 .col.last-child, .grid-5 .col:nth-of-type(2n) { margin: 0; } .grid-5 .col:nth-of-type(2n+1) { clear: left; } */ .grid-5 .colx2, .grid-5 .colx3, .grid-5 .colx3_5, .grid-5 .colx4, .grid-5 .colx5 { width: 96.5%; margin: 0; } .grid-8 .col { width: 46.5%; margin: 0 3.5% 0 0; } .grid-8 .col:last-child, .grid-8 .col.last-child, .grid-8 .col:nth-of-type(2n) { margin: 0; } .grid-8 .col:nth-of-type(2n+1) { clear: left; } .grid-8 .colx2, .grid-8 .colx3, .grid-8 .colx4, .grid-8 .colx5 { width: 46.5%;} .grid-8 .colx6 { width: 96.5%; margin: 0;} .grid-8 .colx8 { width: 96.5%; margin: 0; } .grid-8 .colx6.grid-6 { width: 100%; } .grid-8 .grid-6 .col { width: 46.5%; margin-right: 3.5%;} .col.md-align-center { margin: 1.5em auto; float: none; text-align: center; clear: both; } /* People page */ .quicksand-grid .col.pic { height: 21em;} .consultants-key.colx2 { width: 96.5%; margin:0; } .pic-area { width:100%; height: 260px; } .pic-area a { width:100%; height: 260px; } .profile-pic-small { width: 100%; height: 260px; } } @media only screen and (min-width: 600px) { .pic-area, .pic-area a, .profile-pic-small { height: 300px; } .quicksand-grid .col.pic { height: 23em;} } @media only screen and (min-width: 680px) { .pic-area, .pic-area a, .profile-pic-small { height: 360px; } .quicksand-grid .col.pic { height: 27em;} } @media only screen and (min-width: 768px) { ._content-inner { background: url(../images/bg-cols-temp.png) top center repeat-y;} body { font-size: 0.8125em; } h1, .h1 { margin: 0 0 1em 0; } #logo a { background-position: 0 0; } #nav-toggle {display: none;} #nav { display: block; position: absolute; top: 0; right: 0; width: 75%; font-size: 1em; } #nav ul { float: right; margin: 1em 1em 0 0; } #nav li { float: left; } #nav li ul { position: absolute; left: -999em; width: 500px; z-index: 12; background: var(--green-5); font-size: 1em; margin: 0; border-radius: 0 var(--radius) var(--radius) var(--radius);} #nav li li { width: 100%; } #nav li ul div { width: 50%; float: left; } #nav li:hover ul, #nav li ul:hover { left:auto; } #nav a { border: 0; height: 58px; line-height: 58px; width: auto; } #nav li ul a { height: auto; line-height: 1.375em; display: block; padding: 0.6em 20px; font-size: 1em;} #nav li:hover a, #nav li:hover li a:hover { background: var(--green-4); color: #fff; } #nav li:hover a { border-radius: var(--radius); } #nav li:hover a#nav3 { border-radius: var(--radius) var(--radius) 0 0;} #nav li:hover li a { background: none; color: #fff; border-radius: 0; } #nav li ul a:hover, #nav li:hover li a:hover { background: var(--green-6);} /*#nav li ul a.rtw:hover, #nav li:hover li a.rtw:hover { background: var(--nba-green);} #nav li ul a.rtw-coordinator:hover, #nav li:hover li a.rtw-coordinator:hover { background: var(--green-8);} #nav li ul a.rtw-coordinator-training:hover, #nav li:hover li a.rtw-coordinator-training:hover { background: var(--green-8);} #nav li ul a.employment:hover, #nav li:hover li a.employment:hover { background: var(--purple);} #nav li ul a.allied-health:hover, #nav li:hover li a.allied-health:hover { background: var(--cyan);} #nav li ul a.life-insurance:hover, #nav li:hover li a.life-insurance:hover { background: var(--teal);} #nav li ul a.mhfa-training:hover, #nav li:hover li a.mhfa-training:hover { background: var(--orange);} #nav li ul a.mha:hover, #nav li:hover li a.mha:hover { background: var(--red);} #nav li ul a.mhot:hover, #nav li:hover li a.mhot:hover { background: var(--red);} #nav li ul a.mindcare:hover, #nav li:hover li a.mindcare:hover { background: var(--cyan-md);} #nav li ul a.mhta:hover, #nav li:hover li a.mhta:hover { background: var(--red);} #nav li ul a.workplace-training:hover, #nav li:hover li a.workplace-training:hover { background: var(--orange);} #nav li ul a.self-management:hover, #nav li:hover li a.self-management:hover { background: var(--teal-dk);} #nav li ul a.freedom-to-move:hover, #nav li:hover li a.freedom-to-move:hover { background: var(--teal-md);} #nav li ul a.adjusting-to-change:hover, #nav li:hover li a.adjusting-to-change:hover { background: var(--cyan-dk);} */ #nav li ul li:first-child a { padding-top: 1.2em; } #nav li ul li:last-child a { padding-bottom: 1.2em; border-radius: 0 0 var(--radius) 0; } #nav li ul .col-1 li:last-child a { border-radius: 0 0 0 var(--radius); } #nav li ul .col-2 li:first-child a { border-radius: 0 var(--radius) 0 0; } #nav1 {display: none !important;} /*#nav a#nav6 { padding-right:40px; }*/ #container-content { padding-bottom: 10em; } article header #pic { text-align: center; max-width: 980px; margin: 0 auto;} #pic { width: 93%; padding-left: 3.5%;} #pic img { position: absolute; top: 0; right: 0; } #pic.align-left img { right: auto; left: 2%; } #pic h1 { position: relative; text-align: left; padding: 0em 0 0 0; margin-bottom: 0; z-index: 2; } .no-pic #pic h1 { padding: 1em 0 0 2%; } article header img { margin: 0 auto; } .program-logo article header img { float: right; right: -26px; top: -65px; position: absolute; left: auto; transform: none; max-width: 222px; } .program-logo.mindcare article header img { right: -22px; } .program-logo.freedom-to-move article header img { right: -12px; } .program-logo.adjusting-to-change article header img { right: -17px; } .program-logo article header h1 { display: block; } p, ol, ul { line-height : 1.375; } .border-left { padding-left: 2% !important; margin-left: -3% !important; background: url(../images/line-dots-v.svg) repeat-y top left; } .no-svg .border-left { background: url(../images/line-dots-v.png) repeat-y top left; } .border-right { padding-right:2% !important; margin-right: -2% !important; background: url(../images/line-dots-v.svg) repeat-y top right; } .no-svg .border-right { background: url(../images/line-dots-v.png) repeat-y top right; } .profile .pic img, .pic.border-right img { width: 90.5%; } .profile #container-content, .people #container-content, .news #container-content { margin: 6em 0; } .news h1 { margin-bottom: 1em; } .news-home h1 { } .people h1 { margin-top: -0.25em; } .grid-4 .col:nth-of-type(2n),.grid-5 .col:nth-of-type(2n),.grid-5 .col:nth-of-type(2n) { margin: 0 3% 0 0; } .grid-4 .col:nth-of-type(2n+1), .grid-5 .col:nth-of-type(2n+1), .grid-8 .col:nth-of-type(2n+1) { clear: unset; } .col, .colx2, .colx3, .colx4, .colx5, .colx6, .colx8 { float: left; padding: 0 0 1.5em 0; display: block;} .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-8 { width: 90%; margin: 1.5em 5%; } .grid-1 .col { width: 100%; margin: 0; } .grid-2 .col { width: 48.5%; margin: 0 3% 0 0; } .grid-2 .col:last-child, .grid-2 .col.last-child, .grid-2 .col:nth-of-type(2n) { margin: 0; } .grid-2 .colx2 { width: 100%; margin: 0;} .grid-3 .col { width: 31.333333%; margin: 0 3% 0 0; } .grid-3 .col:last-child, .grid-3 .col.last-child, .grid-3 .col:nth-of-type(3n) { margin: 0; } .grid-3 .col:nth-of-type(3n+1) { clear: left; } .grid-3 .colx2 { width: 65.66666666%;} .grid-4 .col { width: 22.75%; margin: 0 3% 0 0; } .grid-4 .col:last-child, .grid-4 .col.last-child, .grid-4 .col:nth-of-type(4n) { margin: 0 } .grid-4 .col:nth-of-type(4n+1) { clear: left; } .grid-4 .colx2 { width: 48.5%;} .grid-4 .colx3 { width: 74.25%;} .grid-5 .col { width: 17.6%; margin: 0 3% 0 0; } .grid-5 .col:last-child, .grid-5 .col.last-child, .grid-5 .col:nth-of-type(5n) { margin: 0; } .grid-5 .col:nth-of-type(5n+1) { clear: left; } .grid-5 .colx2 { width: 38.2%;} .grid-5 .colx3 { width: 58.8%;} .grid-5 .colx3_5 { width: 66.6%;} .grid-5 .colx4 { width: 77.6%;} .grid-5 .colx5 { width: 100%; margin: 0; } .grid-8 .col { width: 10.75%; margin: 0 2% 0 0; } .grid-8 .col:last-child, .grid-8 .col.last-child, .grid-8 .col:nth-of-type(8n) { margin: 0; } .grid-8 .col:nth-of-type(8n+1) { clear: left; } .grid-8 .colx2 { width: 23.5%;} .grid-8 .colx3 { width: 35.75%;} .grid-8 .colx4 { width: 48.0%;} .grid-8 .colx5 { width: 59.25%;} .grid-8 .colx6 { width: 76.6666666%; margin: 0 -2.6086958% 0 0;} .grid-8 .colx8 { width: 100%; margin: 0; } .grid-8 .colx6.grid-4 { width: 76.6666666%; margin: 0 -2.6086958% 0 0; } /* Reset from 480px MQ */ .grid-8 .colx6.grid-5 { width: 76.6666666%; margin: 0 -2.6086958% 0 0; } /* Reset from 480px MQ */ .grid-8 .colx6.grid-6 { width: 76.6666666%; margin: 0 -2.6086958% 0 0; } /* Reset from 480px MQ */ .grid-8 .grid-4 .col { width: 22.5%; margin-right: 2.5%;} .grid-8 .grid-4 .col:last-child, .grid-8 .grid-4 .col.last-child, .grid-8 .grid-4 .col:nth-of-type(4n) { margin: 0; } .grid-8 .grid-5 .col { width: 17.4%; margin-right: 2.5%;} .grid-8 .grid-5 .col:last-child, .grid-8 .grid-5 .col.last-child, .grid-5 .grid-4 .col:nth-of-type(5n) { margin: 0; } .grid-8 .grid-6 .col { width: 14.02%; margin-right: 2.6086958%;} .grid-8 .grid-6 .col:last-child, .grid-8 .grid-6 .col.last-child, .grid-6 .grid-4 .col:nth-of-type(6n) { margin: 0; } .col.md-align-center { margin: unset; float: unset; text-align: unset; clear: none; } #program-logos li { width:25%; } .about #program-logos li { width:100%; } #footer div.footer-logos { text-align: center; } .footer-logos li { width:23.5%; overflow: hidden; display:inline-block; float: none; } .footer-logos .logo-1 { margin-left: unset; text-align: unset; } .footer-inner .grid-4 li { margin-bottom:0; } /* Colour transition backgrounds */ .transition #container-content { padding: 3em 0 0 0; } .transition #container-content article { max-width: 85.71428571428571%; padding-bottom: 5em; } .transition #container-content article header { padding-top: 6em; } .transition.program-logo #container-content article header { padding-top: 6em; } /* People page */ .quicksand-grid .col.pic { height: 15em; } .consultants-key.colx2 { width: 23.5%; } /* Same as grid-8 .colx2 */ .pic-area, .pic-area a, .profile-pic-small { width:100%; height: 112px; } .pic-area a img { width: 100%; height: auto; } .pic h2 span {line-height: 1.2; display: block; margin-top: 0.3em;} } @media only screen and (min-width: 840px) { .pic-area, .pic-area a, .profile-pic-small { width:100%; height: 133px; } } @media only screen and (min-width: 980px) { #container { } #header { } #nav a { padding: 0.6em 30px; } /*#nav a#nav6 { padding-right:50px; }*/ .limit-width { max-width: 1200px; margin: 1.5em auto !important; } .limit-width-wide { max-width: 1600px; margin: 1.5em auto !important; } .narrow-width { max-width: 700px; margin: 1.5em auto !important; } .content-inner { margin: 0 auto; max-width: calc(1200px + var(--space-6));} .footer-inner { margin: 0 auto; max-width: calc(1200px + var(--space-6));} #container-content article header { max-width: calc(1200px + var(--space-6)); margin: 0 auto;} .program-logo.freedom-to-move article header img { right: -17px; } #pic { width: 100%; padding-left: 0%;} #pic h1 { padding: 4em 0 0 2%; } .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-8 { width: calc(100% - var(--space-6)); margin: 1.5em auto; } #program-logos .logo-1 { margin-left: -18px; text-align: left; } #program-logos .logo-2 { margin-left: -18px; } #program-logos .logo-3 { margin-left: 28px; margin-right: -10px; } #program-logos .logo-4 { margin-left: 18px; text-align: right; } .about #program-logos li { width:50%; padding: 0em 0 1em 0; } .about #program-logos .logo-1 { margin-left: 10px; margin-right: -10px; } .about #program-logos .logo-2 { margin-left: 10px; margin-right: -10px; } .about #program-logos .logo-3 { margin-left: 0; margin-right: 0; } .about #program-logos .logo-4 { margin-left: 0; } #footer div.footer-logos { text-align: inherit; } .footer-logos li { width:14.5%; overflow: hidden; padding: 3em 0 1em 0; margin: 0 -5px; float: left; } .quicksand-grid .col.pic { height: 17em; } .pic-area, .pic-area a, .profile-pic-small { height: 140px; } .transition #container-content { padding:6vw 0 0 0; } .transition #container-content article { max-width: 85.71428571428571%; padding-bottom: 8em; } } @media only screen and (min-width: 1060px) { .pic-area, .pic-area a, .profile-pic-small { height: 160px; } } @media only screen and (min-width: 1140px) { .pic-area, .pic-area a, .profile-pic-small { height: 170px; } } @media only screen and (min-width: 1240px) { .pic-area, .pic-area a, .profile-pic-small { height: 185px; } } @media only screen and (min-width: 1340px) { body { font-size: 1em;} #container { } #header { } #nav { font-size: 1.125em; } #nav li ul { font-size: 0.888888888888888em; width: 500px;} #nav a { padding: 0.25em 50px; } /*#nav a#nav6 { padding-right:60px; }*/ .program-logo article header img { max-width: 320px; } .program-logo.mhot article header img { right: -30px; } .program-logo.adjusting-to-change article header img { right: -22px; } .footer-logos .logo-1 { margin-left: -14px; text-align: left; } .footer-logos .logo-2 { margin-left: -2px; } .footer-logos .logo-3 { margin-left: 5px; } .footer-logos .logo-4 { margin-right: -10px; } .footer-logos .logo-5 { margin-left: 5px; } .footer-logos .logo-6 { margin-left: 10px; margin-right: -5px;} .footer-logos .logo-7 { margin-right: -21px; text-align: right; } .pic-area, .pic-area a, .profile-pic-small { height: 200px; } } @media only screen and (min-width: 1720px) { } /* Helper classes */ .ir {background-color: transparent;border:0;overflow:hidden;*text-indent:-9999px;} .ir:before {content:"";display:block;width:0;height:150%;} .hidden {display:none !important;visibility: hidden;} .visuallyhidden {border: 0;clip: rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;} .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height:auto;margin:0;overflow:visible;position: static;width: auto;} .invisible {visibility:hidden;} .clearfix:before,.clearfix:after{content: " ";display: table;} .clearfix:after {clear:both;} .clearfix {*zoom:1;} /* Print styles */ @media print { * {background: transparent !important;color: #000 !important; box-shadow: none !important;text-shadow: none !important;} a,a:visited {text-decoration: underline;} /* Don't show links for images, or javascript/internal links */ .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";} pre,blockquote {border: 1px solid #999;page-break-inside: avoid;} thead {display: table-header-group; /* h5bp.com/t */} tr,img {page-break-inside: avoid;} img {max-width: 100% !important;} @page {margin: 0.5cm;} p,h2,h3 {orphans: 3;widows: 3;} h2,h3 {page-break-after: avoid;} }