/****************************************/ /****************************************/ /** Local Government Professionals Australia NSW (LGPNSW) **/ /* * * Author: CAUSEIS PTY LTD * * Version: 1 - * * * Document contains changes to Typography * * */ /****************************************/ /****************************************/ body, p, a, p a, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .PageTitle, .PanelTitle, .SectionTitle, .SectionLabel, .SectionLabelSmaller, .carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5, input, button, select, textarea { font-family: "CenturyGothic"; } body, p, .iMIS-WebPart div[id*="_Panel_"], p a { color: #58595b; font-size: 1.5rem; font-weight: 300; } body div[id*="_Panel_"], body div[id*="_Panel_"] p, body div[id*="_Panel_"] p a { } h1, .h1, .PageTitle { color: #58595b; font-size: 3.9rem; font-weight: 600; letter-spacing: -0.04em; } h2, .h2, .PanelTitle { color: #58595b; font-size: 2.9rem; font-weight: 600; border: none !important; letter-spacing: -0.04em; } h3, .h3, .SectionTitle { color: #58595b; font-size: 2.6rem; font-weight: 600; letter-spacing: -0.02em; } h4, .h4, .SectionLabel { color: #58595b; font-size: 2.6rem; font-weight: 600; letter-spacing: -0.02em; } h5, .h5 { font-weight: 600; font-size: 2.4rem; color: #58595b; letter-spacing: -0.02em; } h6 { color: #58595b; font-size: 1.7rem; letter-spacing: 0.3rem; text-transform: uppercase; margin-bottom: 1rem; } div#masterContentArea .col-primary > div > .row > div > div > div > div > div > div > h1, div#masterContentArea .col-primary > div > .row > div > div > div > div > div > div > h2, div#masterContentArea .col-primary > div > .row > div > div > div > div > div > div > h3, div#masterContentArea .col-primary > div > .row > div > div > div > div > div > div > h4, div#masterContentArea .col-primary > div > .row > div > div > div > div > div > div > h5, div#masterContentArea .col-primary > div > .row > div > div > div > div > div > div > h6, div#masterContentArea .col-primary > div > .row > div > div > div > div > div > div > p { margin-bottom: 1.5rem; } /**** color headings START ****/ body.Blue h1, body.Blue .h1, body.Blue .PageTitle, body.Blue h2, body.Blue .h2, body.Blue .PanelTitle, body.Blue h3, body.Blue .h3, body.Blue .SectionTitle, body.Blue h4, body.Blue .h4, body.Blue .SectionLabel, body.Blue h5, body.Blue .h5, body.Blue h6, body.Blue .CTA h4 { color: #00bbd6; } body.Green h1, body.Green .h1, body.Green .PageTitle, body.Green h2, body.Green .h2, body.Green .PanelTitle, body.Green h3, body.Green .h3, body.Green .SectionTitle, body.Green h4, body.Green .h4, body.Green .SectionLabel, body.Green h5, body.Green .h5, body.Green h6, body.Green .CTA h4 { color: #abd037; } body.Yellow h1, body.Yellow .h1, body.Yellow .PageTitle, body.Yellow h2, body.Yellow .h2, body.Yellow .PanelTitle, body.Yellow h3, body.Yellow .h3, body.Yellow .SectionTitle, body.Yellow h4, body.Yellow .h4, body.Yellow .SectionLabel, body.Yellow h5, body.Yellow .h5, body.Yellow h6, body.Yellow .CTA h4 { color: #f1ae22; } body.Navy h1, body.Navy .h1, body.Navy .PageTitle, body.Navy h2, body.Navy .h2, body.Navy .PanelTitle, body.Navy h3, body.Navy .h3, body.Navy .SectionTitle, body.Navy h4, body.Navy .h4, body.Navy .SectionLabel, body.Navy h5, body.Navy .h5, body.Navy h6, body.Navy .CTA h4 { color: #002842; } body h1.Blue, body .h1.Blue, body .PageTitle.Blue, body h2.Blue, body .h2.Blue, body .PanelTitle.Blue, body h3.Blue, body .h3.Blue, body body .SectionTitle.Blue, body h4.Blue, .body h4.Blue, body .SectionLabel.Blue, body h5.Blue, body .h5.Blue, body h6.Blue, body .CTA h4.Blue { color: #00bbd6; } body h1.Green, body .h1.Green, body .PageTitle.Green, body h2.Green, body .h2.Green, body .PanelTitle.Green, body h3.Green, body .h3.Green, body .SectionTitle.Green, body h4.Green, body .h4.Green, body .SectionLabel.Green, body h5.Green, body .h5.Green, body h6.Green, body .CTA h4.Green { color: #abd037; } body h1.Yellow, body .h1.Yellow, body .PageTitle.Yellow, body h2.Yellow, body .h2.Yellow, body .PanelTitle.Yellow, body h3.Yellow, body .h3.Yellow, body .SectionTitle.Yellow, body h4.Yellow, body .h4.Yellow, body .SectionLabel.Yellow, body h5.Yellow, body .h5.Yellow, body h6.Yellow, body .CTA h4.Yellow { color: #f1ae22; } body h1.Navy, body .h1.Navy, body .PageTitle.Navy, body h2.Navy, body .h2.Navy, body .PanelTitle.Navy, body h3.Navy, body .h3.Navy, body .SectionTitle.Navy, body h4.Navy, body .h4.Navy, body .SectionLabel.Navy, body h5.Navy, body .h5.Navy, body h6.Navy, body .CTA h4.Navy { color: #002842; } /**** color headings END ****/ .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow), a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow) :visited { color: #00bbd6; text-decoration: none; } .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ) { transition: background-size 0.6s ease-out; background: linear-gradient(#00bbd6, #00bbd6) no-repeat left 127%/0 30%; } .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ):hover, .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):active, .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):focus { background-size: 97% 30%; } body.Blue .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow), body.Blue a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow) :visited { color: #00bbd6; text-decoration: none; } body.Blue .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ) { transition: background-size 0.6s ease-out; background: linear-gradient(#00bbd6, #00bbd6) no-repeat left 127%/0 30%; } body.Blue .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ):hover, body.Blue .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):active, body.Blue .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):focus { background-size: 97% 30%; } body.Green .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow), body.Green a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow) :visited { color: #abd037; text-decoration: none; } body.Green .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ) { transition: background-size 0.6s ease-out; background: linear-gradient(#abd037, #abd037) no-repeat left 127%/0 30%; } body.Green .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ):hover, body.Green .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):active, .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):focus { background-size: 97% 30%; } body.Yellow .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow), body.Yellow a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow) :visited { color: #f1ae22; text-decoration: none; } body.Yellow .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ) { transition: background-size 0.6s ease-out; background: linear-gradient(#f1ae22, #f1ae22) no-repeat left 127%/0 30%; } body.Yellow .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ):hover, body.Yellow .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):active, body.Yellow .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):focus { background-size: 97% 30%; } body.Navy .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow), body.Yellow a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow) :visited { color: #002842; text-decoration: none; } body.Navy .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ) { transition: background-size 0.6s ease-out; background: linear-gradient(#002842, #002842) no-repeat left 127%/0 30%; } body.Navy .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ):hover, body.Navy .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):active, body.Navy .iMIS-WebPart div[id*="_Panel_"] a:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):focus { background-size: 97% 30%; } body .iMIS-WebPart div[id*="_Panel_"] a.Blue:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow), body a.Blue:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow) :visited { color: #00bbd6; text-decoration: none; } body .iMIS-WebPart div[id*="_Panel_"] a.Blue:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ) { transition: background-size 0.6s ease-out; background: linear-gradient(#00bbd6, #00bbd6) no-repeat left 127%/0 30%; } body .iMIS-WebPart div[id*="_Panel_"] a.Blue:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ):hover, body .iMIS-WebPart div[id*="_Panel_"] a.Blue:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):active, body .iMIS-WebPart div[id*="_Panel_"] a.Blue:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):focus { background-size: 97% 30%; } body .iMIS-WebPart div[id*="_Panel_"] a.Green:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow), body a.Green:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow) :visited { color: #abd037; text-decoration: none; } body .iMIS-WebPart div[id*="_Panel_"] a.Green:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ) { transition: background-size 0.6s ease-out; background: linear-gradient(#abd037, #abd037) no-repeat left 127%/0 30%; } body .iMIS-WebPart div[id*="_Panel_"] a.Green:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ):hover, body .iMIS-WebPart div[id*="_Panel_"] a.Green:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):active, body .iMIS-WebPart div[id*="_Panel_"] a.Green:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):focus { background-size: 97% 30%; } body .iMIS-WebPart div[id*="_Panel_"] a.Yellow:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow), body a.Yellow:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow) :visited { color: #f1ae22; text-decoration: none; } body .iMIS-WebPart div[id*="_Panel_"] a.Yellow:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ) { transition: background-size 0.6s ease-out; background: linear-gradient(#f1ae22, #f1ae22) no-repeat left 127%/0 30%; } body .iMIS-WebPart div[id*="_Panel_"] a.Yellow:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ):hover, body .iMIS-WebPart div[id*="_Panel_"] a.Yellow:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):active, body .iMIS-WebPart div[id*="_Panel_"] a.Yellow:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):focus { background-size: 97% 30%; } body .iMIS-WebPart div[id*="_Panel_"] a.Navy:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow), body a.Navy:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow) :visited { color: #002842; text-decoration: none; } body .iMIS-WebPart div[id*="_Panel_"] a.Navy:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ) { transition: background-size 0.6s ease-out; background: linear-gradient(#002842, #002842) no-repeat left 127%/0 30%; } body .iMIS-WebPart div[id*="_Panel_"] a.Navy:not(.button):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ):hover, body .iMIS-WebPart div[id*="_Panel_"] a.Navy:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):active, body .iMIS-WebPart div[id*="_Panel_"] a.Navy:not(.button):not(.Button):not(.TextButton):not(.PrimaryButton):not( .rtsLink ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow):focus { background-size: 97% 30%; }