/* ------------------------------------------- Name: IOOF Date: 2017/06/26 Author: https://www.polishedpixels.com.au --------------------------------------------- */ * { margin: 0; padding: 0; } *, :before, :after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; } body { overflow: auto; overflow-x: hidden; position: relative; min-height: 100%; background: #2e3033; font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, textarea, input, select, option, button { color: #3b3d41; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.75; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.6em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 20px; } article, aside, details, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; padding: 153px 0 0; background: #fff; } #top { position: absolute; left: 0; top: 0; right: 0; z-index: 9; height: 153px; backface-visibility: hidden; will-change: position, z-index, left, top, width, margin; } #top { -moz-transform: translateZ(0); -webkit-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; } #top:before, .has-featured #top.scroll-to-fixed-fixed:before { box-shadow: 0 0 13px rgba(0,0,0,.08); background: #fff; } .no-mobile.has-featured #top:before { box-shadow: none; } #logo { position: absolute; left: 50%; top: 51px; bottom: 0; z-index: 6; width: 100px; margin: 0 0 0 -590px; font-size: 66px; line-height: 66px; } #logo a { display: block; overflow: hidden; width: 100%; height: 100%; border: 0; color: #008752; font-weight: 400; text-indent: -3000em; } #logo a:before, #logo a:after { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -33px 0 0; font-family: i; text-align: left; text-indent: 0; } #logo a:before { content: "\e90b"; color: #7ac143; } #logo a:after { content: "\e909"; } #skip { position: fixed; top: 0; left: -10000px; } #skip a:focus, #skip a:active { display: block; position: absolute; left: 10000px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 4px 8px; background: #333; color: #fff; font-weight: 500; font-size: 1.1em; text-align: center; text-decoration: none; } #nav { position: absolute; left: 50%; bottom: 0; z-index: 3; width: 1180px; height: 75px; margin: 0 0 0 -590px; padding: 0 0 0 130px; } #nav > ul { position: static; list-style: none; margin: 0; padding: 0; } #nav > ul > li { position: static; float: left; margin: 0 40px 0 0; padding-bottom: 30px; font-size: 1.6em; } #nav > ul > li > a { display: block; overflow: hidden; position: relative; height: 45px; border: 0; color: #3b3d41; font-weight: 500; line-height: 45px; } #nav > ul > li > a:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 4px; height: 2px; } #nav > ul > li.active > a, #nav > ul > li > a:hover, #nav > ul > li:hover > a { color: #007a45; } #nav > ul > li.active > a, #nav > ul > li > ul > li.active > a { cursor: default; } #nav > ul > li > a:hover:before, #nav > ul > li:hover > a:before { background: #007a45; } .mobile #nav > ul > li.sub > a.sub-toggle, .mobile #root #nav > ul > li.sub.toggle > a { position: relative; left: 0; } #nav > ul > li > div { overflow: hidden; visibility: hidden; position: absolute; left: -1040px; right: -1040px; top: 100%; padding: 0 1000px 0 1320px; background: #e7e6e6; font-size: 10px; text-transform: none; opacity: 0; } #nav > ul > li > div:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 1320px; background: #425968; } #nav > ul > li > div .top { position: relative; z-index: 2; float: left; width: 320px; margin: 0 0 0 -320px; padding: 78px 90px 58px 0; background: #425968; color: #fff; } #nav > ul > li > div h1, #nav > ul > li > div h2, #nav > ul > li > div h3, #nav > ul > li > div h4, #nav > ul > li > div h5, #nav > ul > li > div h6, #nav > ul > li > ul.a h1, #nav > ul > li > ul.a h2, #nav > ul > li > ul.a h3, #nav > ul > li > ul.a h4, #nav > ul > li > ul.a h5, #nav > ul > li > ul.a h6 { margin: 0 0 32px; color: #fff; font-size: 38px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 500; line-height: 1.18421052632; text-transform: none; letter-spacing: normal; } #nav > ul > li > div p, #nav > ul > li > ul.a p { font-size: 16px; font-weight: 400; line-height: 1.75; } #nav > ul > li > div > ul { position: relative; list-style: none; margin: 0; padding: 55px 0; } #nav > ul > li > div > ul:before, #nav > ul > li > div > ul > li > ul:before, #nav > ul > li > div > ul > li > ul > li > ul:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; width: 33.33333333333%; box-shadow: -3px 0 10px rgba(0,0,0,.15); background: #e7e6e6; } #nav > ul > li > div > ul li { position: static; margin: 0; } #nav > ul > li > div > ul > li { width: 33.33333333333%; font-size: 1.6em; } #nav > ul > li > div > ul a { display: block; overflow: hidden; position: relative; z-index: 9; padding: 20px 25px; border: 0; border-bottom: 1px solid #d4d4d4; background: #e7e6e6; color: #3b3d41; font-weight: 400; line-height: 1.1875; } .mobile #nav > ul > li > div > ul li.sub > a.sub-toggle, .mobile #nav > ul > li > div > ul li.sub.toggle > a { position: relative; left: 0; } #nav > ul > li > div > ul a.br { padding-top: 10px; padding-bottom: 11px; } #nav > ul > li > div > ul a .inner { display: block; } .no-mobile #nav > ul > li > div > ul a:hover, .no-mobile #nav > ul > li > div > ul li:hover > a, .mobile #nav > ul > li > div > ul li.toggle > a { background: #d9d8d8; } #nav > ul > li > div > ul li.sub > a { padding-right: 55px; } #nav > ul > li > div > ul > li:last-child > a { border-bottom-width: 0; } #nav > ul > li > div > ul a:before, #nav > ul > li > div > ul a:after { display: block; position: absolute; } #nav > ul > li > div > ul a:before { content: ""; left: 0; bottom: 0; width: 0; height: 4px; background: #84b819; } .no-mobile #nav > ul > li > div > ul li:hover > a:before, .mobile #nav > ul > li > div > ul li.toggle > a:before { width: 100%; } #nav > ul > li > div > ul li.sub > a:after { content: "\e916"; display: block; position: absolute; right: 25px; top: 50%; margin: -10px 0 0; color: #007a45; font-weight: 400; font-family: i; font-size: 14px; line-height: 20px; } .no-mobile #nav > ul > li > div > ul li.sub:hover > a:after, .mobile #nav > ul > li > div > ul li.sub.toggle > a:after { right: 15px; } #nav > ul > li > div > ul > li > ul, #nav > ul > li > div > ul > li > ul > li > ul { visibility: hidden; position: absolute; left: 33.33333333333%; top: 55px; bottom: 55px; z-index: 7; list-style: none; width: 33.33333333333%; margin: 0; padding: 0; opacity: 0; } #nav > ul > li > div > ul > li > ul, #nav > ul > li > div > ul > li > ul > li > ul { -moz-transform: translateX(-10px); -webkit-transform: translateX(-10px); -o-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } /*#nav > ul > li > div > ul > li > ul { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); }*/ .no-mobile #nav > ul > li > div > ul > li:hover > ul, .no-mobile #nav > ul > li > div > ul > li > ul > li:hover > ul, .mobile #nav > ul > li > div > ul > li.toggle > ul, .mobile #nav > ul > li > div > ul > li > ul > li.toggle > ul { -webkit-filter: none; -moz-filter: none; -o-filter: none; -ms-filter: none; filter: none; } #nav > ul > li > div > ul > li > ul:before, #nav > ul > li > div > ul > li > ul > li > ul:before { top: -55px; bottom: -55px; width: 100%; } #nav > ul > li > div > ul > li > ul > li > ul { left: 100%; top: -55px; bottom: -55px; width: 100%; padding: 55px 0; } #nav .link-btn { margin-top: 50px; } #nav > ul > li > ul { visibility: hidden; position: absolute; left: 0; top: 100%; list-style: none; width: 270px; margin: 0; padding: 0; box-shadow: -5px 0 9px rgba(69,66,66,.09); background: #fff; opacity: 0; } #nav > ul > li > ul:before { content: "\e902"; display: block; position: absolute; right: 15px; top: -11px; color: #fff; font-size: 11px; font-weight: 400; font-family: i; line-height: 11px; text-shadow: -5px 0 9px rgba(69,66,66,.09); } #nav > ul > li > ul > li { margin: 0; } #nav > ul > li > ul > li > a { display: block; position: relative; z-index: 2; padding: 20px 34px; border: 0; border-top: 1px solid #e0e0e0; background: #fff; color: #007a45; font-weight: 400; line-height: 1.25; } #nav > ul > li > ul > li > a:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 0; background: #f1f1f1; } #nav > ul > li > ul > li.active > a, #nav > ul > li > ul > li > a:hover { color: #5e5e5e; } #nav > ul > li > ul > li.active > a:after, #nav > ul > li > ul > li > a:hover:after { height: 100%; } #nav > ul > li > ul > li:first-child > a { border: 0; } .no-mobile #nav > ul > li > ul, .no-mobile #nav > ul > li > div { -moz-transition-delay: .5s; -webkit-transition-delay: .5s; -o-transition-delay: .5s; -ms-transition-delay: .5s; transition-delay: .5s; } .no-mobile #nav > ul > li:hover > ul, .no-mobile #nav > ul > li:hover > div { -moz-transition-delay: .7s; -webkit-transition-delay: .7s; -o-transition-delay: .7s; -ms-transition-delay: .7s; transition-delay: .7s; } #nav > ul > li > div > ul > li:hover > ul { -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } #nav > ul > li > ul.a { left: -60px; right: 0; width: auto; padding: 60px 0 34px; box-shadow: none; background: #425968; color: #fff; font-size: 10px; line-height: 1.38888888889; } #nav > ul > li > ul.a:before { background: #425968; } #nav > ul > li > ul.a > li.top { position: relative; z-index: 3; } #nav > ul > li > ul.a h1, #nav > ul > li > ul.a h2, #nav > ul > li > ul.a h3, #nav > ul > li > ul.a h4, #nav > ul > li > ul.a h5, #nav > ul > li > ul.a h6 { } #nav > ul > li > ul.a p { } #nav > ul > li > ul.a > li { float: left; width: 25%; border-left: 60px solid rgba(0,0,0,0); font-size: 16px; font-weight: 500; } #nav > ul > li > ul.a > li > a, #nav > ul > li > ul.a > li > span { display: block; position: relative; z-index: 9; margin: 0 0 15px; padding: 14px 40px 14px 0; border: 0; border-bottom: 1px solid #fff; background: none; color: #fff; font-weight: 500; line-height: 1.38888888889; } #nav > ul > li > ul.a > li > span { padding-right: 0; } #nav > ul > li > ul.a > li > a:before, #nav > ul > li > ul.a > li > ul > li > a:after { content: "\e916"; display: block; position: absolute; right: 0; top: 50%; z-index: 9; margin: -10px 0 0; font-family: i; font-weight: 400; font-size: 14px; line-height: 20px; } #nav > ul > li > ul.a > li > a:hover { padding-left: 15px; padding-right: 25px; background: #556a77; font-weight: 500; } #nav > ul > li > ul.a > li > a:hover:before { right: 12px; } #nav > ul > li > ul.a > li > ul { list-style: none; margin: 0; padding: 0; } #nav > ul > li > ul.a > li > ul > li { margin: 0 0 20px; font-size: 16px; } #nav > ul > li > ul.a > li > ul > li > a { display: block; overflow: hidden; position: relative; padding-top: 10px; padding-bottom: 10px; padding-right: 35px; border: 0; color: #fff; font-weight: 400; text-decoration: none; } #nav > ul > li > ul.a > li > ul > li > a .inner { display: block; } #nav > ul > li > ul.a > li > ul > li > a:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; height: 0; background: rgba(255,255,255,.2); } #nav > ul > li > ul.a > li > ul > li > a:hover { text-decoration: none; } #nav > ul > li > ul.a > li > ul > li > a:hover .inner { -moz-transform: translateX(10px); -webkit-transform: translateX(10px); -o-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } #nav > ul > li > ul.a > li > ul > li > a:hover:before { height: 100%; } #nav > ul > li > ul.a > li > ul > li > a:hover:after { right: 10px; } #nav > ul > li > #login { width: 340px; font-family: 'Roboto Condensed', Roboto, Arial, Helvetica, sans-serif; line-height: 1.1; } #nav > ul > li > #login > li { font-size: 21px; } #nav > ul > li > #login > li > a { padding-top: 14px; padding-bottom: 14px; line-height: 1.1; } #root #nav > ul > li > #login > li > a:before { content: "\e916"; right: 20px; left: auto; z-index: 2; width: auto; color: #bcbcbc; font-size: 14px; } #nav > ul > li > #login > li > a.single { padding-top: 18px; padding-bottom: 18px; } #nav > ul > li > #login > li > a span { display: block; padding: 6px 10px 0 0; color: #0f0f0f; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: .65em; line-height: 1.31868131868; } #nav > ul > li > #login > li > a span.inner { padding: 0; color: #007a45; font-family: 'Roboto Condensed', Roboto, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.1; } #nav > ul > li.search { position: relative; } #nav > ul > li.search > a { padding-right: 30px; color: #007a45; } #nav > ul > li.search > a:before { background: none; } #nav > ul > li.search > a:after { content: "\e901"; display: block; position: absolute; right: 0; top: 50%; left: auto; bottom: auto; height: auto; margin: -10px 0 0; background: none; font-size: 20px; font-family: i; font-weight: 400; line-height: 20px; } .search-active #nav > ul > li.search > a:after { content: "\e900"; font-size: 16px; } #nav > ul > li.search > label { z-index: 9; cursor: pointer; } #nav > ul > li.btn { position: relative; } #nav > ul > li.btn > a { padding: 0 66px 0 30px; border-radius: 0 0 14px 0; background: #425968; color: #fff; } #nav > ul > li.btn > a:before { content: "\e916"; left: auto; right: 20px; top: 50%; bottom: auto; z-index: 2; height: auto; margin: -7px 0 0; background: none; font-size: 14px; font-weight: 400; font-family: i; line-height: 14px; } #root #nav > ul > li.btn > a:after { top: auto; height: 0; background: #2d3d47; } #nav > ul:first-child { float: right; } #nav > ul:last-child { float: left; } #nav > ul:first-child > li { margin-right: 50px; } #nav > ul:first-child > li > ul { left: auto; right: 0; } #up { position: absolute; right: 50%; top: 0; z-index: 9; height: 51px; margin: 0 -590px 0 0; } #up:before { content: ""; display: block; position: absolute; left: -1000em; bottom: 0; right: -1000em; height: 1px; background: #ccc; } #up > ul { list-style: none; margin: 0; padding: 0; } #up > ul > li { float: left; margin: 0 40px 0 0; font-size: 1.4em; } #up > ul > li > a { border: 0; color: #5e5e5e; font-weight: 400; line-height: 50px; } #up > ul > li > a:hover { text-decoration: underline; } #top > .progress { display: block; overflow: hidden; position: absolute; left: -30px; top: 100%; right: 0; height: 0; background: rgba(184,184,185,.2); } #top > .progress > * { display: block; float: left; height: 5px; background: #84b819; } #top.scroll-to-fixed-fixed > .progress { height: 5px; } #top > form { overflow: hidden; position: absolute; left: 50%; top: 100%; z-index: 2; width: 1180px; height: 0; margin: 0 0 0 -590px; } .search-active #top > form { overflow: visible; height: auto; } #top > form > fieldset > p { position: relative; margin: 0; padding: 50px 0 40px; font-size: 3.8em; } #top > form > fieldset > p:before, #search:before { background: #007a45; } #top > form > fieldset > p label, #search label { position: absolute; left: 0; top: 50px; margin: -1px 0 0; color: rgba(255,255,255,.5); font-weight: 400; font-size: 1em; line-height: 70px; cursor: text; } #top > form > fieldset > p.focus label, #search .focus label { top: 10px; color: #fff; font-weight: 700; font-size: 14px; } #top > form > fieldset > p input, #search input { display: block; width: 100%; max-width: none; height: 70px; margin: 0; padding: 0 60px 0 0; border-radius: 0; border: 0; border-bottom: 1px solid #005530; background: none; color: #fff; font-size: 1em; font-weight: 400; } #top > form > fieldset > p button, #search button { display: block; float: none; position: absolute; right: 0; bottom: 40px; width: 50px; min-width: 0; height: 70px; margin: 0; padding: 0; border: 0; background: none; color: #fff; font-size: 35px; text-align: left; text-indent: -3000em; } #root #top > form > fieldset > p button:before, #root #search button:before { content: "\e901"; font-size: 1em; text-align: right; } #top > form > fieldset > div { visibility: hidden; position: absolute; left: 0; top: 100%; right: 0; padding: 55px 0 45px; color: #fff; opacity: 0; } #top > form > fieldset > div:before { background: rgba(59,61,65,.95); } #top > form > fieldset > div h1, #top > form > fieldset > div h2, #top > form > fieldset > div h3, #top > form > fieldset > div h4, #top > form > fieldset > div h5, #top > form > fieldset > div h6 { margin: 0 0 23px; padding: 0; color: #b8b8b9; font-size: 14px; font-family: 'Roboto Condensed', Roboto, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.42857142857; text-transform: uppercase; letter-spacing: .075em; } #top > form > fieldset > div a { color: #fff; } #top > form .triple { margin-left: -70px; } #top > form .triple > * { border-left-width: 70px; } #top > form .link-more { padding-top: 16px; } #top > form .link-more a:before { border-color: #fff; background: #fff; color: #2d3d47; } #top > form .link-more a:hover:before { background: none; color: #fff; } #top > form .link-more a:focus:before, #top > form .link-more a:active:before { background: #fff; color: #2d3d47; } #top > form .link-more a:hover:after { background: #fff; } #top > form .triple > .link-more { width: auto; } #top > .menu { display: block; position: absolute; left: 0; top: -3000em; z-index: 99; width: 64px; height: 64px; border: 0; color: #95a0a9; font-size: 16px; font-weight: 400; text-align: left; text-indent: -3000em; text-decoration: none; } #top > .menu:before { content: "\e906"; } #mobile { overflow-x: hidden; overflow-y: auto; visibility: hidden; position: fixed; left: 0; top: 64px; bottom: 0; z-index: 9999; width: 100%; max-width: 320px; background: #425968; color: #fff; line-height: 1.1875; opacity: 0; } #mobile { -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } #mobile ul { overflow: hidden; list-style: none; margin: 0; padding: 0; } #mobile li { margin: 0; font-size: 1.6em; } #mobile li a, #mobile li > span { display: block; overflow: hidden; position: relative; z-index: 1; padding: 22px 20px 23px; border: 0; font-weight: 400; line-height: 1.1875; text-decoration: none; } #mobile li.sub > a, #mobile li.sub > span { padding-right: 74px; } #mobile li.sub > .toggle { display: block; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; width: 64px; padding: 0; border-bottom: 1px solid rgba(0,0,0,0); font-size: 10px; cursor: pointer; } #root #mobile li.sub > .toggle:before { content: "\e912"; top: 0; margin: 0; line-height: 64px; } #mobile li.sub > .toggle:after { content: ""; display: block; position: absolute; left: 0; top: 63px; right: 0; height: 1px; } #mobile li.sub.toggle > .toggle { background: #f1f1f1; color: #425968; } #mobile li.sub.toggle > .toggle:before, .list-accordion > li.toggle .header:before, .list-accordion > div.toggle .header:before, .form-filter .header.toggle:before, #fb-facets .header.toggle:before { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #mobile > ul { } #mobile > ul > li { border-bottom: 1px solid #2d3d47; } #mobile > ul > li > a { height: 64px; padding-top: 0; padding-bottom: 0; color: #fff; font-weight: 700; line-height: 64px; text-overflow: ellipsis; white-space: nowrap; } #mobile > ul > li ul { overflow: hidden; position: relative; top: 0; z-index: 3; max-height: 0; background: #f1f1f1; color: #5e5e5e; } #mobile > ul > li > ul:before { content: ""; display: block; position: absolute; right: 0; top: -1px; width: 64px; height: 1px; } #root #mobile li.toggle > ul { max-height: 600px; } #mobile > ul > li.toggle > ul:before, #mobile li.sub.toggle > .toggle:after { background: #b8b8b9; } #mobile > ul > li > ul li { border-bottom: 1px solid #b8b8b9; font-size: 1em; } #mobile > ul > li > ul li:last-child { border-bottom-width: 0; } #mobile > ul > li > ul li.sub > .toggle { color: #425968; } #mobile > ul > li > ul > li a { color: #5e5e5e; } #mobile > ul > li ul li.sub.toggle > .toggle { background: #fff; } #mobile > ul > li > ul > li ul { border-top: 0 solid #b8b8b9; background: #fff; } #root #mobile ul li.toggle > ul { border-top-width: 1px; } #mobile > ul > li > ul > li ul a { padding-left: 40px; } #mobile > ul > li > ul > li ul ul a { padding-left: 60px; } #shadow { visibility: hidden; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; opacity: 0; cursor: pointer; } #search { position: relative; z-index: 4; width: 1180px; margin: 0 auto 73px; padding: 78px 0 2px; color: #fff; } #search p { margin: 0 0 30px; font-size: 1.4em; } #search p + p { margin-top: 35px; } #search span { font-weight: 700; } #search label { top: 0; font-size: 38px; } #search .focus label { top: -50px; } #search input { font-size: 38px; } #search button { bottom: 0; } .has-search #nav > ul > li.search { visibility: hidden; opacity: 0; } #search + #breadcrumbs { margin-top: -60px; } #title { overflow: hidden; position: relative; z-index: 4; height: 355px; margin: 0 0 42px; padding: 78px 0 25px; color: #fff; font-weight: 300; } #title:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; z-index: 2; width: 50%; border-radius: 0 0 38px 0; background: url(https://www.ioof.com.au/__data/assets/image/0011/273953/title-a.png) 100% center no-repeat; background-size: cover; } #title > * { position: relative; z-index: 2; width: 1180px; margin: 0 auto; } #title > figure { overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; width: auto; margin: 0; padding: 0; background: center center no-repeat; background-size: cover; } #title header { position: absolute; left: 50%; bottom: 28px; min-height: 100px; margin: 0 0 0 -590px; } #title header > * { max-width: 530px; } #title h1, #title h2, #title h3, #title h4, #title h5, #title h6 { margin: 0 0 15px; color: #fff; font-size: 5.0em; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.2; text-transform: none; letter-spacing: normal; } #title p { font-size: 2.4em; } #title + #breadcrumbs { margin-top: -29px; } #title.a { height: auto; min-height: 244px; } #title.a:before { width: auto; right: 0; background-image: url(https://www.ioof.com.au/__data/assets/image/0004/273955/title-b.png); } #featured { overflow: hidden; position: relative; z-index: 1; padding: 120px 0 160px; color: #fff; font-weight: 300; line-height: 1.58333333333; } #featured header { position: relative; z-index: 3; width: 1180px; margin: 0 auto; padding: 0 0 77px 44px; } #featured header:before { content: ""; display: block; position: absolute; right: 100%; bottom: 0; top: 0; left: -3000em; margin: -120px -580px 0 0; border-radius: 0 0 38px 0; background: url(https://www.ioof.com.au/__data/assets/image/0008/276722/featured.png) 100% 0 no-repeat; background-size: auto 100%; } #featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6 { position: relative; max-width: 520px; margin: 0 0 28px -44px; color: #fff; font-weight: 700; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 5em; line-height: 1.2; text-transform: none; } #featured h1:before, #featured h2:before, #featured h3:before, #featured h4:before, #featured h5:before, #featured h6:before { content: ""; display: block; position: absolute; left: 0; top: 100%; width: 3px; height: 1000px; border-top: 122px solid #84b819; background: #007a45; } #featured h1:before, #featured h2:before, #featured h3:before, #featured h4:before, #featured h5:before, #featured h6:before { -moz-transform: translateY(40px); -webkit-transform: translateY(40px); -o-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); } #featured p { max-width: 380px; font-size: 2.4em; } #featured .link-circle { margin-top: 50px; } #featured .link-circle a { width: 60px; height: 60px; border-color: #fff; color: #fff; font-size: 18px; } #featured .link-circle a:hover { background: #fff; color: #425968; } #featured .link-circle a:focus, #featured .link-circle a:active { border-color: #ebebeb; background: #ebebeb; color: #425968; } #featured > figure { overflow: hidden; position: absolute; left: 0; top: 40px; right: 0; bottom: 0; z-index: 1; margin: 0; background: center 0 no-repeat; background-size: cover; } #featured + #content > .form-a:first-child { margin-top: -100px; } #breadcrumbs { position: relative; z-index: 3; width: 1180px; margin: 0 auto 80px; padding: 0 0 15px; } #breadcrumbs:before { content: ""; display: block; position: absolute; left: -1000em; bottom: 0; right: -1000em; height: 1px; background: #b8b8b9; } #breadcrumbs ul, #breadcrumbs ol { overflow: hidden; list-style: none; margin: 0; padding: 0; } #breadcrumbs li { position: relative; float: left; margin: 0 28px 0 0; font-size: 1.2em; } #breadcrumbs li:before { content: "\e914"; display: block; position: absolute; right: -18px; top: 5px; font-family: i; font-weight: 400; font-size: 11px; line-height: 11px; } #breadcrumbs li a { } #content { position: relative; z-index: 2; width: 1180px; margin: 0 auto; } #content > *:last-child { margin-bottom: 50px; } #footer { position: relative; z-index: 2; width: 1180px; margin: 0 auto; padding: 54px 0 0; color: #fff; } #footer:before { background: #3b3d41; } #footer > nav { position: relative; padding: 0 0 0 320px; } #footer > nav > div { float: left; width: 38%; padding: 0 0 22px; } #footer > nav > div:last-child { width: 24%; } #footer > nav ul { list-style: none; padding: 0; } #footer > nav ul li { margin-bottom: 21px; } #footer > nav:before { content: "\e90a"; display: block; position: absolute; left: 0; top: 0; font-size: 64px; font-weight: 400; font-family: i; line-height: 64px; } #footer .logo { position: absolute; left: 0; top: 0; width: 90px; height: 64px; margin: 0; padding: 0; text-align: left; text-indent: -3000em; } #footer a { border: 0; color: #fff; font-weight: 400; } #footer a:hover { text-decoration: underline; } #footer h1, #footer h2, #footer h3, #footer h5, #footer h4, #footer h6 { margin: 0 0 21px; color: #fff; font-weight: 400; font-size: 1.6em; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.75; text-transform: none; letter-spacing: normal; } #footer > p { position: relative; z-index: 2; margin: 0 -1000px; padding: 22px 1000px; background: #2e3033; font-size: 1.2em; line-height: 1.25; text-align: right; } #footer > ul { overflow: hidden; position: absolute; left: 0; bottom: 22px; z-index: 3; list-style: none; margin: 0; padding: 0; font-size: 1.2em; line-height: 1.25; } #footer > ul li { position: relative; float: left; margin: 0 40px 0 0; font-size: 12px; } /*! Repeatable --------- */ /* clear */ .module-news-a article.big .list-details a{ font-weight:700; color:#007a45; text-decoration:none; } .module-news-a article.big .clone{display:none;} #content:after, #top:after, #footer:after, form p:after, .cols-a:after, .module-offset:after, .module-news-a:after, #footer > nav:after, .list-social:after, #nav > ul:after, #up > ul:after, #up:after, #nav:after, #nav > ul > li > div:after, #nav > ul > li > ul.a:after, .double:after, .triple:after, .cols-a > *:after, .list-b:after, .form-a:after, .module-featured:after, .list-details:after, .module-box:after, .form-b:after, .form-filter:after, #search:after, .nav-a:after, #featured header:after, .module-news-a article:after, #fb-facets:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } /* fill */ .link-btn a:before, .module-tags li a:before, .module-tags li a:after, .module-tags li:before, .module-news-a article:before, .module-news-a a.clone, #nav > ul > li.btn > a:after, .link-box:before, button:after, .module-box:before, .module-box a.clone, .module-cta a.clone, .module-cta > div:before, .module-cta:before, .pagination-a li.disabled:before, .list-checks a:before, #nav > ul > li.search > label, #footer .logo a, #fb-facets a:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: left; text-indent: -3000em; } /* wide */ .module-pattern:before, #footer:before, #top:before, #nav > ul > li > ul.a:before, #top > form > fieldset > p:before, #top > form > fieldset > div:before, .form-a:before, #search:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; z-index: 1; width: 3000em; } /* icon */ .link-btn a:after, .link-more a:before, #top > form > fieldset > p button:before, #top > .menu:before, #mobile li.sub > .toggle:before, .list-accordion .header:before, .list-b a:before, .checklist-a label.active .input:before, .check-a label.active .input:before, button:before, .link-circle a:before, .form-filter .header:before, #search button:before, #fb-facets .header:before, #nav > ul > li > #login > li > a:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -45px 0 0; font-weight: 400; font-family: i; line-height: 90px; text-align: center; text-indent: 0; } /* index */ .link-btn .inner, .module-tags a span, .module-news-a > *, .module-news-a article > *, #footer > *, #nav a .inner, #nav > ul > li > div > *, #top > form > * > *, button .inner, .form-a fieldset > *, .module-pattern > *, .module-box > *, .module-box header > *, .module-cta > div > *, #featured > header, #featured header > *, #top > form fieldset > * > * { position: relative; z-index: 3; } /* wide img */ .module-news-a figure img, #title > figure img, .link-box img, .module-featured figure img, .module-box figure img, .module-cta > figure img, #featured > figure img { display: block; position: relative; z-index: 1; width: 100% !important; } /* no trans */ .no-mobile #nav > ul > li > div > ul > li:hover > ul, .no-mobile #nav > ul > li > div > ul > li > ul > li:hover > ul, .mobile #nav > ul > li > div > ul > li > ul > li.toggle > ul, .mobile #nav > ul > li > div > ul > li.toggle > ul { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } /* visible */ .no-mobile #nav > ul > li:hover > ul, .mobile #nav > ul > li.toggle > ul, .no-mobile #nav > ul > li:hover > div, .mobile #nav > ul > li.toggle > div, .no-mobile #nav > ul > li > div > ul > li:hover > ul, .no-mobile #nav > ul > li > div > ul > li > ul > li:hover > ul, .mobile #nav > ul > li > div > ul > li.toggle > ul, .mobile #nav > ul > li > div > ul > li > ul > li.toggle > ul, .sub-search-active #top > form > fieldset > div, .search-active #top > form, .floating-search #top.scroll-to-fixed-fixed #nav > ul > li.search { visibility: visible; opacity: 1; } /* flex */ .gallery-a, .gallery-a li { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: stretch; } /*! Columns --------- */ .cols-a { } .cols-a > header:first-child + *, .cols-a > *:first-child, #content > .nav-inside + .content { float: left; width: 780px; } .cols-a > header:first-child, #content > aside, .cols-a > aside, #content > .nav-inside { float: right; width: 280px; } .cols-a.inv { } .cols-a.inv > header:first-child + *, .cols-a.inv > *:first-child, #content > .nav-inside + .content { float: right; } .cols-a.inv > header:first-child, .cols-a.inv > aside, #content > .nav-inside { float: left; } .double { display: block; position: relative; } .double > * { display: block; position: relative; clear: none; float: right; border-left: 0 solid rgba(0,0,0,0); } .double > *:first-child { float: left; } .double.a { margin-left: -20px; } .double.a > * { width: 50%; border-left-width: 20px; } .double.bd-a { margin-left: -130px; } .double.bd-a > * { border-left-width: 130px; } .triple { display: block; position: relative; margin-left: -20px; } .triple > * { display: block; position: relative; float: left; width: 33.333333333%; border-left: 20px solid rgba(0,0,0,0); } /*! Modules --------- */ .double.va { position: relative; z-index: 2; padding: 0 100px 0 0; } .double.va:before { content: ""; display: block; position: absolute; left: 0; top: -142px; width: 3px; height: 324px; border-top: 96px solid #84b819; background: #007a45; } .double.va > * { width: 54.5%; padding-top: 101px; border-left-width: 100px; } .double.va > *:first-child { width: 45.5%; } .double.va h1, .double.va h2, .double.va h3, .double.va h4, .double.va h5, .double.va h6 { margin-bottom: 23px; line-height: 1.15789473684; } .double.va .module-cta { padding: 0; } .no-mobile .double.va .module-cta:hover:before { box-shadow: 0 4px 27px rgba(69,66,66,.07); } .double.va .module-cta > div { position: static; min-height: 540px; padding-top: 65px; padding-left: 58px; padding-right: 58px; } .double.va .module-cta > div > * { position: relative; z-index: 4; } .double.va .module-cta > div:before { z-index: 3; } .double.va .module-cta:before, .double.va .module-cta > figure { overflow: hidden; z-index: 1; border-radius: 0 0 25px 0; } .double.va .module-cta p { max-height: none; } .double.va + .module-featured { margin-top: -140px; } .gallery-a { list-style: none; padding: 0; text-align: center; } .gallery-a { -moz-align-items: stretch; -webkit-align-items: stretch; -o-align-items: stretch; -ms-align-items: stretch; align-items: stretch; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; -o-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .gallery-a li { width: 25%; margin: 0; } .gallery-a li { -moz-align-items: center; -webkit-align-items: center; -o-align-items: center; -ms-align-items: center; align-items: center; } .gallery-a a { display: block; border: 0; } .gallery-a + .gallery-a { margin-top: -20px; } .module-article-a { padding-right: 50px; } .module-article-a * + p.small { margin-top: 13px; } .module-article-a .module-tags, .module-article-a .module-offset { margin-right: -50px; } .module-article-a.a { } .module-article-a.a p, .module-article-a.a ul, .module-article-a.a ol, .module-article-a.a li { margin-bottom: 10px; } .module-article-a.a p.quote, .quote { margin-bottom: 35px; } .module-box { position: relative; margin: 60px 0; padding: 28px 50px 17px 420px; } .module-box:before { box-shadow: 4px 4px 9px rgba(0,0,0,.07); background: #fff; } .no-mobile .module-box:hover { -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6 { margin: 0 0 15px; padding: 5px 0 10px; font-size: 2.8em; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.25; text-transform: none; letter-spacing: normal; } .module-box p { overflow: hidden; max-height: 85px; } .module-box header { position: static; } .module-box figure { position: absolute; left: 0; top: 0; bottom: 0; width: 380px; margin: 0; background: center center no-repeat; background-size: cover; max-height:310px; } .module-box .link-more { margin-top: 27px; } aside { float: right; width: 280px; } aside .module-box { padding: 40px 30px 27px; } #root aside .module-box:before { left: 0; top: 0; right: 0; bottom: 0; border-top: 5px solid #425968; } #root aside .module-box figure { position: relative; left: 0; top: 0; bottom: 0; width: auto; height: 160px; margin: -40px -30px 25px; } #root aside .module-box figure:after { background: none; } aside .module-box h1, aside .module-box h2, aside .module-box h3, aside .module-box h4, aside .module-box h5, aside .module-box h6 { padding: 5px 0; font-size: 2.4em; } aside .module-box .link-more { position: relative; left: 0; } .module-cta { position: relative; margin: 60px 0; padding: 0 400px 0 0; color: #fff; } .module-cta:before { z-index: 1; box-shadow: 0 4px 27px rgba(69,66,66,.07); } .module-cta > div { position: relative; z-index: 3; padding: 35px 40px 20px; } .module-cta > div:before { border-radius: 0 0 25px 0; background: rgba(0,122,69,.8); } #root .module-cta h1, #root .module-cta h2, #root .module-cta h3, #root .module-cta h4, #root .module-cta h5, #root .module-cta h6 { margin: 0 0 23px; color: #fff; font-size: 3.8em; line-height: 1.15789473684; } .module-cta h1 span, .module-cta h2 span, .module-cta h3 span, .module-cta h4 span, .module-cta h5 span, .module-cta h6 span { display: block; margin: 0 0 16px; font-size: 14px; font-family: 'Roboto Condensed', Roboto, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.42857142857; text-transform: uppercase; letter-spacing: .075em; } .module-cta > figure, #root #content .module-news-a .module-cta > figure, #root #content .double.va .module-cta > figure { overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; width: auto; height: auto; margin: 0; background: center center no-repeat; background-size: cover; } .module-cta p { overflow: hidden; max-height: 84px; } .no-mobile .module-cta:hover:before { box-shadow: 0 7px 32px rgba(69,66,66,.19); } .module-cta .link-circle, .double .module-cta .link-circle { display: block; max-height: none; } .module-cta .link-circle a { border-color: #fff; color: #fff; } .module-cta .link-circle a:hover, .module-cta:hover .link-circle a { background: #fff; color: #007a45; } .module-cta .link-circle a:focus, .module-cta .link-circle a:active { border-color: #ebebeb; background: #ebebeb; color: #005530; } aside .module-cta { padding: 0; } #root aside .module-cta:before { box-shadow: 4px 4px 9px rgba(0,0,0,.07); } aside .module-cta > div { min-height: 280px; padding: 35px 20px 90px 30px; } #root aside .module-cta > figure, aside .module-cta > div, aside .module-cta:before { border-radius: 0 0 25px 0; } #root aside .module-cta:before { } #root aside .module-cta h1, #root aside .module-cta h2, #root aside .module-cta h3, #root aside .module-cta h4, #root aside .module-cta h5, #root aside .module-cta h6 { font-size: 2.8em; line-height: 1.35714285714; } aside .module-cta h1 span, aside .module-cta h2 span, aside .module-cta h3 span, aside .module-cta h4 span, aside .module-cta h5 span, aside .module-cta h6 span { margin: 0 0 14px; } aside .module-cta .link-circle { position: absolute; left: 30px; top: auto; bottom: 30px; margin: 0; } aside .module-cta .link-circle a { width: 40px; height: 40px; } aside .module-cta .link-circle a:before { font-size: 12px; } .double .module-cta { padding-right: 235px; } .double .module-cta p { max-height: 57px; } .module-news-a .module-cta { padding: 0 0 110px; border-radius: 0 0 25px 0; } .module-news-a .module-cta > div { position: static; padding-bottom: 0; } #root .module-news-a .module-cta p { max-height: 84px; } #root #content .module-news-a .module-cta:before { left: 0; top: 0; right: 0; bottom: 0; border-radius: 0 0 25px 0; border: 0; box-shadow: 4px 4px 9px rgba(0,0,0,.07); } #root .module-news-a .module-cta > figure { border-radius: 0 0 25px 0; } #root .module-news-a .module-cta > figure:after { border-radius: 0 0 25px 0; background: rgba(0,122,69,.8); opacity: 1; } .module-news-a .module-cta .link-circle { position: absolute; left: 40px; bottom: 40px; margin: 0; } .module-news-a.c .module-cta { padding-right: 400px; } #root .module-news-a.c .module-cta > figure:after { right: 400px } .module-featured { position: relative; margin: 70px 0; padding: 100px 150px 85px 600px; background: #f1f1f1; } .module-featured figure { position: absolute; left: 0; top: 80px; bottom: 80px; width: 500px; margin: 0; background: center center no-repeat; background-size: cover; } .module-featured h1 span, .module-featured h2 span, .module-featured h3 span, .module-featured h4 span, .module-featured h5 span, .module-featured h6 span { display: block; margin: 0 0 17px; } .module-featured .link-btn { margin-top: 58px; } .module-featured .link-btn a.a { background: none; } .module-featured .link-btn a.a:before { background: #fff; } .nav-a + .module-featured { margin-top: -40px; } .module-featured.a { padding-top: 145px; padding-bottom: 130px; } .module-featured.b { margin-left: -1000px; padding: 75px 640px 110px 1000px; color: #5e5e5e; } .module-featured.b h1, .module-featured.b h2, .module-featured.b h3, .module-featured.b h4, .module-featured.b h5, .module-featured.b h6, .module-featured.b p { max-width: 380px; } .module-featured.b a { color: #5e5e5e; } .module-featured.b figure { left: auto; right: -130px; width: 710px; box-shadow: 0 4px 10px rgba(69,66,66,.14); } .module-featured-raw { color: #5e5e5e; } .module-featured-raw h1, .module-featured-raw h2, .module-featured-raw h3, .module-featured-raw h4, .module-featured-raw h5, .module-featured-raw h6, .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h6, .module-featured h5 { margin: 0 0 23px; color: #3b3d41; font-size: 3.8em; font-weight: 700; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.18421052632; text-transform: none; letter-spacing: normal; } .module-news-a { margin: 38px 0 80px -20px; } .module-news-a article { position: relative; float: left; width: 33.3333333333%; min-height: 500px; margin: 0 0 20px; padding: 40px 40px 64px; border-left: 20px solid rgba(0,0,0,0); } .module-news-a article:before { box-shadow: 4px 4px 9px rgba(0,0,0,.07); border-top: 5px solid #425968; background: #fff; } .no-mobile .module-news-a article:hover { -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } .module-news-a article:nth-child(3n) + * { clear: both; } #root .module-news-a figure { overflow: hidden; position: relative; height: 215px; margin: -40px -40px 35px; background: center center no-repeat; background-size: cover; } .module-news-a figure:after, .module-box figure:after { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background: rgba(132,184,25,.3); opacity: 0; } .no-mobile .module-news-a article:hover figure:after, .no-mobile .module-box:hover figure:after { opacity: 1; } .module-news-a article h1, .module-news-a article h2, .module-news-a article h3, .module-news-a article h4, .module-news-a article h5, .module-news-a article h6 { margin: 0 0 15px; font-size: 2.4em; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.25; text-transform: none; letter-spacing: normal; } .module-news-a p, .module-news-a .no-img.big p, .module-news-a.b .big p { overflow: hidden; max-height: 105px; } .module-news-a .big p { max-height: 55px; } .module-news-a .link-more { overflow: visible; position: absolute; left: 40px; bottom: 28px; z-index: 9; max-height: none; margin: 0; padding: 0; } .module-news-a ul, .module-news-a p { } .module-news-a ul li { margin-bottom: 7px; } .module-news-a .mb-a, .module-news-a .mb-b { padding-bottom: 0; } .module-news-a a.clone, .module-box a.clone, .module-cta a.clone { z-index: 9; border: 0; } .module-news-a + .module-news-a { margin-top: -40px; } h1 + .module-news-a, h2 + .module-news-a { margin-top: 38px; } .module-news-a.a { } .module-news-a.a article { min-height: 0; } .module-news-a.a p, .module-news-a.a .big p, .module-news-a.a .no-img.big p { max-height: none; } #root .module-news-a.a article:before, .no-mobile #root .module-news-a.b.a article:hover:before, .no-mobile #root .module-news-a.a article:hover:before { left: 0; right: 0; top: 0; bottom: 0; box-shadow: 4px 4px 9px rgba(0,0,0,.07); } .module-news-a.b { } .module-news-a.b article { width: 25%; min-height: 490px; padding-left: 30px; padding-right: 30px; } .module-news-a.b article:nth-child(3n) + * { clear: none; } .module-news-a.b article:nth-child(4n) + * { clear: both; } #root .module-news-a.b figure { height: 160px; margin-left: -30px; margin-right: -30px; margin-bottom: 25px; } .module-news-a.b .link-more { left: 30px; } .module-news-a.c { } .module-news-a.c article:first-child { width: 66.6666666666%; } .module-pattern { position: relative; margin: 93px 0 40px; padding: 70px 0 110px; color: #5e5e5e; } .module-pattern:before { background: #f1f1f1; } .module-pattern h1, .module-pattern h2, .module-pattern h3, .module-pattern h4, .module-pattern h5, .module-pattern h6 { margin: 0 0 38px; color: #3b3d41; font-size: 3.8em; font-weight: 500; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.25806451613; text-transform: none; letter-spacing: normal; } .module-pattern .module-news-a { margin-bottom: 0; } .module-offset { position: relative; margin: 53px 0 50px -130px; padding: 35px 50px 8px 170px; background: #f1f1f1; } .module-offset:before { content: ""; display: block; position: absolute; left: 130px; top: -40px; width: 3px; height: 100%; max-height: 160px; border-top: 70px solid #84b819; background: #007a45; } .module-offset + h1, .module-offset + h2, .module-offset + h3 { margin-top: 35px; } .module-offset.a { margin: 24px 0; padding: 0 0 0 30px; background: none; } .module-offset.a h4, .module-offset.a h5, .module-offset.a h6 { margin-bottom: 20px; font-size: 2em; line-height: 1.4; } .module-offset.a:before { left: 0; top: 7px; bottom: 8px; height: auto; max-height: none; border: 0; background: #5c6f7b; } .module-tags { overflow: hidden; margin: 55px 0 40px; } .module-tags h1, .module-tags h2, .module-tags h3, .module-tags h4, .module-tags h6, .module-tags h5 { float: left; margin: 0 20px 20px 0; color: #5e5e5e; font-size: 1.4em; font-family: 'Roboto Condensed', Roboto, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 30px; text-transform: uppercase; letter-spacing: .075em; } .module-tags ul { overflow: hidden; float: left; list-style: none; margin: 0 0 10px; padding: 0; } .module-tags li { overflow: hidden; position: relative; float: left; margin: 0 10px 10px 0; padding: 0 10px; border-radius: 2px; background: #f1f1f1; color: #007a45; font-size: 1.4em; line-height: 30px; } .module-tags li:before { z-index: -1; background: #f1f1f1; } .module-tags li a { display: block; border: 0; color: #007a45; font-weight: 400; text-decoration: none; } .module-tags li a:after { top: auto; z-index: 0; height: 0; } .module-tags li a:hover:after { height: 100%; background: #007a45; } .module-tags li a:hover { color: #fff; } hr + .module-tags { margin-top: -30px; } .nav-a { overflow: hidden; position: relative; z-index: 4; margin: 0 0 40px -1000px; padding: 0 0 0 1190px; background: #425968; } .nav-a h1, .nav-a h2, .nav-a h3, .nav-a h4, .nav-a h5, .nav-a h6 { float: left; width: 120px; margin: 0 0 0 -190px; padding: 28px 0 0; color: #fff; font-size: 2em; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.25; text-transform: none; } .nav-a > ul { overflow: hidden; list-style: none; margin: 0 0 -1px; padding: 0; } .nav-a > ul { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -moz-justify-content: space-between; -webkit-justify-content: space-between; -o-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -moz-align-content: stretch; -webkit-align-content: stretch; -o-align-content: stretch; -ms-align-content: stretch; align-content: stretch; -moz-flex-direction: row; -webkit-flex-direction: row; -o-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; -o-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nav-a > ul li { float: left; margin: 0; } .nav-a > ul li { -moz-flex-grow: 4; -webkit-flex-grow: 4; -o-flex-grow: 4; -ms-flex-grow: 4; flex-grow: 4; } .nav-a > ul li a { display: block; overflow: hidden; position: relative; padding: 39px 25px; border: 0; border-left: 1px solid #3c4045; border-bottom: 1px solid #3c4045; color: #fff; font-weight: 500; text-align: center; } .nav-a > ul li a:before { content: ""; display: block; position: absolute; left: 0; bottom: -4px; right: 0; height: 4px; background: #84b819; } .nav-a > ul li.active a, .nav-a > ul li a:hover { background: #283741; } .nav-a > ul li.active a { cursor: default; } .nav-a > ul li.active a:before, .nav-a > ul li a:hover:before { bottom: 0; } .nav-a div.mobile-only { margin-bottom: 20px; } .nav-a .input { font-size: 16px; } .pagination-a, .fb-page-nav { font-weight: 700; text-align: center; } .pagination-a ul, .pagination-a ol { list-style: none; padding: 0; } .pagination-a li, .pagination-a a, .pagination-a > span { display: inline-block; position: relative; } .pagination-a a, .pagination-a a, .pagination-a > span { position: relative; z-index: 1; margin: 0 24px; color: #5e5e5e; font-weight: 700; } .pagination-a li.active a, .pagination-a > span { border: 0; color: #007a45; cursor: default; } .pagination-a li.disabled:before { z-index: 2; } .pagination-a li.disabled a, .pagination-a li.disabled a:before { color: #ccc; } .pagination-a i { display: inline-block; position: relative; top: -2px; padding: 0 10px; font-size: 3px; line-height: 1px; } .pagination-a li span { margin: 0 9px; } .pagination-a li.prev { padding-right: 14px; } .pagination-a li.next { padding-left: 14px; } .pagination-a li.prev a, .pagination-a li.next a, .pagination-a .fb-prev-result-page, .pagination-a .fb-next-result-page { display: inline-block; width: 16px; margin: 0; border: 0; color: #007a45; font-weight: 400; text-align: left; text-indent: -3000em; } .pagination-a .fb-prev-result-page { margin-right: 17px; } .pagination-a .fb-next-result-page { margin-left: 17px; } .pagination-a li.prev a:before, .pagination-a li.next a:before, .pagination-a .fb-prev-result-page:before, .pagination-a .fb-next-result-page:before { display: block; position: absolute; left: 0; bottom: 7px; width: 100%; font-family: i; font-weight: 400; font-size: 13px; line-height: 13px; text-indent: 0; } .pagination-a li.prev a:before, .pagination-a .fb-prev-result-page:before { content: "\e91c"; text-align: right; } .pagination-a li.next a:before, .pagination-a .fb-next-result-page:before { content: "\e91b"; text-align: left; } .ui-datepicker { position: absolute; left: -3000em; top: 0; z-index: 1001 !important; width: 220px; margin: -1px 0 0; padding: 10px; border: 1px solid #007a45; background: #fff; color: #333; } .ui-datepicker-header { overflow: hidden; position: relative; margin: 0 0 10px; } .ui-datepicker-title { display: block; height: 28px; margin: 0; font-size: 15px; font-weight: 700; line-height: 28px; text-align: center; } .ui-datepicker-prev, .ui-datepicker-next { display: block; overflow: hidden; position: absolute; top: 0; bottom: 0; width: 28px; border: 0; color: #444; font-weight: 400; font-size: 12px; line-height: 28px; text-align: left; text-decoration: none; text-indent: -3000em; } .ui-datepicker-prev { left: 0; } .ui-datepicker-next { right: 0; } .ui-datepicker-prev:before, .ui-datepicker-next:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -40px 0 0; font-size: 8px; font-family: i; font-weight: 400; line-height: 80px; text-align: center; text-indent: 0; } .ui-datepicker-prev:before { content: "\e904"; } .ui-datepicker-next:before { content: "\e905"; } .ui-datepicker-calendar { margin: 0; table-layout: fixed; } .ui-datepicker-calendar th, .ui-datepicker-calendar td { padding: 0; border: 0; background: none; font-size: 1.4em; } .ui-datepicker-calendar th > *, .ui-datepicker-calendar td > * { display: block; position: relative; border: 0; text-align: center; text-decoration: none; } .ui-datepicker-calendar th { } .ui-datepicker-calendar th > * { color: #444; font-weight: 700; } .ui-datepicker-calendar td { } .ui-datepicker-calendar td > * { height: 28px; color: #444; font-weight: 400; line-height: 28px; } .ui-datepicker-calendar td > a:hover, .ui-datepicker-calendar td > .ui-state-active, .ui-datepicker-prev:hover, .ui-datepicker-next:hover { background: #007a45; color: #fff; text-decoration: none; } .ui-datepicker-calendar td > .ui-state-active { cursor: default; } .ui-datepicker-calendar td.ui-datepicker-other-month { } .ui-datepicker-calendar td.ui-datepicker-other-month > * { color: #999; } .ui-autocomplete { position: absolute; left: -3000em; top: 0; list-style: none; margin: 0; padding: 0; } .ui-autocomplete li { margin: 0; } .ui-autocomplete li a { display: block; padding: 0; border: 0; } .wide-a { max-width: 330px; } .wide-b { max-width: 450px; } /*! Headers --------- */ h1, h2, h3, h4, h5, h6 { color: #3b3d41; font-weight: 700; line-height: 1.25; } h1, .h1 { font-size: 5.0em; line-height: 1.2; } h2, .h2 { font-size: 3.8em; line-height: 1.25806451613; } h3, .h3 { margin-bottom: 24px; font-size: 2.8em; line-height: 1.35714285714; } h4, .h4 { font-size: 2.0em; line-height: 1.4; } h5, h6, .h5, .h6, .strapline, .quote, .list-details li, .link-box a span, .module-featured h1 span, .module-featured h2 span, .module-featured h3 span, .module-featured h4 span, .module-featured h5 span, .module-featured h6 span { color: #5e5e5e; font-size: 14px; font-family: 'Roboto Condensed', Roboto, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.42857142857; text-transform: uppercase; letter-spacing: .075em; } h1, .h1, h2, .h3, h3, .h3, legend { margin-top: 35px; } h5, h6, .h5, .h6, .strapline { margin: 25px 0 15px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, legend a { border: 0; color: #3b3d41; } h5 a, h6 a, .h5 a, .h6 a, .strapline a { color: #5e5e5e; } /*! Content --------- */ .light { font-weight: 300; } .medium { font-weight: 500; } b, strong, .strong { font-weight: 700; } blockquote { margin: 1em 40px; } dfn, em, i, .em { font-style: italic; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { display: block; margin: 26px 0 12px; color: #007a45; font-weight: 300; font-size: 22px; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.36363636364; text-transform: none; letter-spacing: normal; quotes: none; } q:before { content: "“"; } q:after { content: "”"; } small { font-size: 85%; } strike, del, .strike { text-decoration: line-through; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-underline { text-decoration: underline; } .small { font-size: 1.4em; line-height: 1.78571428571; } .intro { color: #3b3d41; font-size: 2.4em; font-weight: 300; line-height: 1.58333333333; } .overlay-a, .list-details li:first-child { color: #007a45; } .overlay-b { color: #3b3d41; } .overlay-c { color: #fff; } .overlay-d, .link-more a:focus, .link-more a:active, #root .module-news-a.a .link-more a:focus, #root .module-news-a.a .link-more a:active { color: #005530; } .overlay-e { color: #84b819; } .overlay-f { color: #5e5e5e; } .overlay-g { color: #b8b8b9; } .overlay-h { color: #95a0a9; } .overlay-i { color: #425968; } .overlay-j { color: #2d3d47; } /*! Links --------- */ a { background: none; border-bottom: 1px solid #007a45; color: #3b3d41; text-decoration: none; cursor: pointer; } /*---*/ a span { cursor: pointer; } a:hover, a:focus, a:active { color: #007a45; text-decoration: none; outline: none; } .link-box { overflow: hidden; position: relative; margin: 0 0 60px; box-shadow: 4px 4px 9px rgba(0,0,0,.07); border-radius: 0 0 25px 0; background: center center no-repeat #007a45; background-size: cover; font-size: 2.8em; line-height: 1.35714285714; } .link-box:before { z-index: 2; background: #007a45; opacity: .8; } .link-box a { display: block; overflow: hidden; position: relative; z-index: 3; min-height: 280px; padding: 35px 20px 90px 30px; border: 0; background-size: cover; color: #fff; font-weight: 700; } .link-box a:before { content: "\e916"; display: block; position: absolute; left: 30px; bottom: 30px; width: 40px; height: 40px; border-radius: 40px; border: 1px solid #fff; font-size: 12px; font-weight: 400; font-family: i; line-height: 38px; text-align: center; } .link-box a:hover:before { background: #fff; color: #007a45; } .link-box a:focus:before, .link-box a:active:before, .module-cta .link-circle a:focus, .module-cta .link-circle a:active, .module-cta.focus .link-circle a { border-color: #ebebeb; background: #ebebeb; color: #005530; } .link-box a span { display: block; margin: 0 0 14px; color: #fff; font-size: .5em; } .link-box img { display: block; position: absolute; left: 0; top: 0; right: 0; z-index: 1; } .link-btn { } .link-btn a { display: inline-block; overflow: hidden; position: relative; min-width: 180px;padding: 15px 75px 15px 30px; border-radius: 0 0 15px 0; border: 0 solid #007a45; background: #007a45; color: #fff; font-weight: 500; line-height: 1.25; text-decoration: none; } .link-btn a:before, button:after { z-index: 1; top: auto; height: 0; background: #005530; } .link-btn a:hover:before, #root #nav > ul > li.btn > a:hover:after, button:hover:after { height: 50%; } .link-btn a:focus:before, .link-btn a:active:before, #root #nav > ul > li.btn > a:focus:after, #root #nav > ul > li.btn > a:active:after, button:focus:after, button:active:after { height: 100%; } .link-btn a:after { content: "\e916"; left: auto; right: 30px; z-index: 2; width: auto; margin: -10px 0 0; font-size: 14px; line-height: 20px; } .link-btn a:focus, .link-btn a:active { border-color: #005530; } .link-btn a.a { padding: 14px 74px 14px 29px; border-width: 1px; background: #fff; color: #007a45; } .link-btn a.a:before { background: #f1f1f1; } .link-btn a.a:focus, .link-btn a.a:active { border-color: #005530; color: #005530; } .link-btn a.a:after { right: 29px; } #nav .link-btn a { background: #fff; color: #425968; } #nav .link-btn a:before { background: #ebebeb; } #nav .link-btn a:focus, #nav .link-btn a:active { color: #2d3d47; } #nav .link-btn a.a { border-color: #fff; background: none; color: #fff; } #nav .link-btn a.a:before { background: #2d3d47; } #nav .link-btn a.a:focus, #nav .link-btn a.a:active { color: #fff; } .link-circle { margin-top: 34px; } .link-circle a { display: block; overflow: hidden; position: relative; width: 50px; height: 50px; border-radius: 50px; border: 1px solid #007a45; color: #007a45; font-family: i; font-weight: 400; font-size: 15px; text-align: left; text-indent: -3000em; } .link-circle a:before { content: "\e916"; } .link-circle a:hover { background: #007a45; color: #fff; } .link-circle a:focus, .link-circle a:active { border-color: #005530; background: #005530; color: #fff; } .link-more { position: relative; line-height: 1.68; } .link-more a, #root .module-news-a.a .link-more a { display: inline-block; position: relative; padding: 0 33px 0 0; border: 0; color: #007a45; font-weight: 500; text-decoration: none; } .link-more a:before, .list-b a:before, #root .module-news-a.a .link-more a:before { content: "\e916"; left: auto; right: 0; width: 20px; height: 20px; margin: -10px 0 0; border-radius: 20px; border: 1px solid #007a45; background: #007a45; color: #fff; font-size: 10px; line-height: 18px; } .link-more a:after, #root .module-news-a.a .link-more a:after { content: ""; display: block; position: absolute; left: 0; right: 33px; bottom: 0; height: 1px; background: none; } .link-more a:hover:before, .list-b a:hover:before, .no-mobile .module-box:hover .link-more a:before, .no-mobile .module-news-a article:hover .link-more a:before, #root .module-news-a.a .link-more a:hover:before { background: #fff; color: #007a45; } .link-more a:hover:after, .no-mobile .module-box:hover .link-more a:after, .no-mobile .module-news-a article:hover .link-more a:after, #root .module-news-a.a .link-more a:hover:after { background: #007a45; } .link-more a:focus:before, .link-more a:active:before, .list-b a:focus:before, .list-b a:active:before, .no-mobile .module-news-a article.focus:hover .link-more a:before, #root .module-news-a.a .link-more a:focus:before, #root .module-news-a.a .link-more a:active:before, .no-mobile .module-box.focus .link-more a:before { background: #005530; color: #fff; } .link-more a:focus:after, .link-more a:active span:after, .no-mobile .module-news-a article.focus:hover .link-more a:after, #root .module-news-a.a .link-more a:focus:after, #root .module-news-a.a .link-more a:active:after, .no-mobile .module-box.focus .link-more a:after { background: #005530; } .link-more > span { display: block; margin: 0 0 20px; color: #3b3d41; font-size: 20px; font-weight: 700; line-height: 1.4; } .double > h1 + .link-more, .double > h2 + .link-more { margin-top: 0; padding-top: 18px; } .link-more.a { padding: 0 0 0 30px; } .link-more.a:before { content: ""; display: block; position: absolute; left: 0; top: 7px; bottom: 8px; width: 3px; background: #5c6f7b; } /*! Lists --------- */ ul, ol, dd, blockquote { padding-left: 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } ul { list-style: none; } li { position: relative; margin: 0 0 18px; } ul li:after { content: ""; display: block; position: absolute; left: -25px; top: 12px; width: 5px; height: 5px; border-radius: 3px; background: #84b819; color: #007a45; font-family: i; font-weight: 400; line-height: 10px; } li ul, li ol { padding: 8px 0 0 20px; } /*li ul li:after { content: "\e916"; left: -45px; top: 7px; width: auto; height: auto; border-radius: 0; background: none; font-size: 10px; }*/ li ul li a { border-color: rgba(0,0,0,0); color: #007a45; } li ul li a:hover { border-color: #007a45; } li a { font-weight: 500; } #top li:after, #footer li:after, .module-tags li:after, .module-pattern header li:after, .list-social li:after, #breadcrumbs li:after, .list-a li:after, #mobile li:after, .list-accordion > li:after, .list-b li:after, .list-files li:after, .checklist-a li:after, .semantic-select ul li:after, .form-a li:after, .ui-autocomplete li:after, .list-c li:after, .list-details li:after, .list-results > li:after, #fb-results li:after, .pagination-a li:after, .list-checks li:after, .nav-a li:after, .fb-page-nav li:after, #fb-facets li:after, .ui-autocomplete li:after, ol li:after, .gallery-a li:after { left: -3000em; top: 0; width: auto; height: auto; border-radius: 0; background: none; } .list-a { list-style: none; padding: 0; } .list-a li { margin: 0 0 34px; font-size: 1.6em; font-weight: 300; } .list-a h1, .list-a h2, .list-a h3, .list-a h4, .list-a h5, .list-a h6, #root #top .list-a h1, #root #top .list-a h2, #root #top .list-a h3, #root #top .list-a h4, #root #top .list-a h5, #root #top .list-a h6 { margin: 0 0 2px; font-size: 1.25em; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 500; line-height: 1.4; text-transform: none; letter-spacing: normal; } .list-a h1 a, .list-a h2 a, .list-a h3 a, .list-a h4 a, .list-a h5 a, .list-a h6 a { border: 0; } .list-a h1 a:hover, .list-a h2 a:hover, .list-a h3 a:hover, .list-a h4 a:hover, .list-a h5 a:hover, .list-a h6 a:hover { text-decoration: underline; } .list-a p { overflow: hidden; margin: 0; font-size: 1em; text-overflow: ellipsis; white-space: nowrap; } .list-a li.link-more { padding-top: 16px; } .list-accordion { list-style: none; margin: 31px 0; padding: 0; border-bottom: 1px solid #b8b8b9; } .list-accordion > li, .list-accordion > div { margin: 0; border-top: 1px solid #b8b8b9; } .list-accordion > li > h1, .list-accordion > li > h2, .list-accordion > li > h3, .list-accordion > li > h4, .list-accordion > li > h5, .list-accordion > li > h6, .list-accordion > div > h1, .list-accordion > div > h2, .list-accordion > div > h3, .list-accordion > div > h4, .list-accordion > div > h5, .list-accordion > div > h6 { position: relative; margin: 0; padding: 25px 60px 25px 0; color: #3b3d41; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 2em; line-height: 1.4; text-transform: none; letter-spacing: normal; } .list-accordion .header { cursor: pointer; } .list-accordion .header:before { content: "\e912"; left: auto; right: 20px; width: auto; color: #007a45; font-size: 11px; } .list-accordion .header:hover { padding-left: 20px; padding-right: 40px; background: #f1f1f1; } .list-accordion > li.toggle .header, .list-accordion > div.toggle .header { padding-left: 0; padding-right: 60px; background: none; color: #007a45; } .list-accordion > li > div, .list-accordion > div > div { overflow: hidden; padding: 0 0 11px; } .list-b { list-style: none; margin: 0 0 0 -78px; padding: 0; } .list-b li { float: left; width: 50%; margin: 0 0 32px; border-left: 78px solid rgba(0,0,0,0); } .list-b li:nth-child(2n) + li { clear: both; } .list-b a { display: block; position: relative; padding: 0 33px 0 0; border: 0; color: #007a45; font-weight: 600; text-decoration: none; } .list-b .inner { display: inline; position: relative; border-bottom: 1px solid rgba(0,0,0,0); } .list-b a:hover .inner, .list-b a:focus .inner, .list-b a:active .inner { border-color: #007a45; } .list-c { list-style: none; margin-top: 25px; padding: 0 0 0 50px; } .list-c li { margin: 0 0 12px; } .list-c a { border-color: rgba(0,0,0,0); color: #007a45; font-weight: 500; } .list-c a:after { content: "\e916"; display: block; position: absolute; left: -50px; top: 10px; color: #007a45; font-family: i; font-size: 10px; line-height: 10px; } .list-c a:hover { border-color: #007a45; } .list-c a:hover:after { left: -40px; } .list-checks { list-style: none; margin-top: 24px; padding: 0; } .list-checks li { position: relative; margin: 0 0 12px; padding: 0 0 0 50px; } .list-checks li:before { content: "\e91b"; position: absolute; left: 0; top: 10px; z-index: 1; color: #007a45; font-size: 10px; font-family: i; font-weight: 400; line-height: 10px; } .list-checks li.has-link:hover:before { left: 15px; } .list-checks a { border-bottom-color: rgba(255,255,255,0); color: #007a45 } .list-checks a:hover { border-bottom-color: #007a45; } .list-checks a:before { z-index: 2; } .list-details { overflow: hidden; list-style: none; margin: 0 0 12px; padding: 0; } .list-details li { position: relative; float: left; margin: 0 24px 0 0; } .list-details li:before { content: "|"; display: block; position: absolute; left: 100%; top: 0; width: 24px; color: #5e5e5e; text-align: center; } .list-details a { border-bottom-width: 0; font-weight: 400; } .list-details a:hover { border-bottom-width: 1px; } .list-files { list-style: none; margin: 0 0 35px; padding: 0; line-height: 1.25; } .list-files li { margin: 0; border-top: 1px solid #b8b8b9; font-size: 1.4em; } .list-files li:first-child { border: 0; } .list-files a { display: block; min-height: 97px; padding: 26px 0 26px 74px; border: 0; color: #5e5e5e; font-weight: 400; } .list-files a:hover { background: #f1f1f1; } .list-files span { display: block; padding: 7px 0 0; color: #5e5e5e; } .list-files .title { display: inline; padding: 0; color: #3b3d41; border-bottom: 1px solid #007a45; font-size: 1.14285714286em; } .list-files i { display: block; position: absolute; left: 20px; top: 30px; color: #007a45; font-size: 30px; line-height: 30px; } aside .list-files { margin-bottom: 34px; } aside .list-files span { padding-top: 17px; } aside .list-files .title { padding: 0; } aside h3 + .list-files, aside .h3 + .list-files { margin-top: -20px; } .list-results, #fb-results { list-style: none; margin: 0 0 43px; padding: 0;} .list-results > li, #fb-results > li, .list-results article { overflow: hidden; margin: 0; padding: 20px 0 0; border-bottom: 1px solid #ccc; font-size: 1em; } .list-results figure, #fb-results figure { float: right; margin: 0 0 20px 60px; } .list-results h1, .list-results h2, .list-results h3, .list-results h4, .list-results h5, .list-results h6, #fb-results h1, #fb-results h2, #fb-results h3, #fb-results h4, #fb-results h5, #fb-results h6 { margin: 0 0 13px; color: #007a45; font-weight: 500; font-size: 2em; line-height: 1.4; } .list-results h1 a, .list-results h2 a, .list-results h3 a, .list-results h4 a, .list-results h5 a, .list-results h6 a, #fb-results h1 a, #fb-results h2 a, #fb-results h3 a, #fb-results h4 a, #fb-results h5 a, #fb-results h6 a { color: #007a45; font-weight: 500; } .list-results h1 a:hover, .list-results h2 a:hover, .list-results h3 a:hover, .list-results h4 a:hover, .list-results h5 a:hover, .list-results h6 a:hover, #fb-results h1 a:hover, #fb-results h2 a:hover, #fb-results h3 a:hover, #fb-results h4 a:hover, #fb-results h5 a:hover, #fb-results h6 a:hover { text-decoration: underline; } .list-results h1 i, .list-results h2 i, .list-results h3 i, .list-results h4 i, .list-results h5 i, .list-results h6 i, #fb-results h1 i, #fb-results h2 i, #fb-results h3 i, #fb-results h4 i, #fb-results h5 i, #fb-results h6 i { display: inline-block; position: relative; top: 3px; margin: 0 10px 0 0; font-size: 25px; line-height: 1px; } .list-results p, #fb-results p, .list-results ul, .list-results ol { margin: 0 0 22px; font-size: 1.6em; } .list-results ul li, .list-results ol li { font-size: 16px; } .list-results .list-details, #fb-results .list-details { margin: 0 0 17px; padding-top: 5px; } .list-results .list-details li, .list-results .list-details a, #fb-results .list-details li, #fb-results .list-details a { color: #5e5e5e; } .list-social { list-style: none; padding: 0; } .list-social li { float: left; margin: 0 27px 0 0; } .list-social li a, #footer .list-social li a:hover { border: 0; font-weight: 400; text-decoration: none; } .list-social li i { display: block; float: left; font-size: 18px; line-height: 18px; } .list-social li i.icon-twitter { font-size: 16px; } /*! Media --------- */ img, iframe, object, embed { display: block; max-width: 100% !important; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } .lt-ie9 img { max-width: none !important; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } figure { overflow: hidden; margin: 35px 0; font-size: 1.4em; } figcaption { display: block; clear: both; position: relative; margin: 15px 0; padding: 2px 0 2px 16px; } figcaption:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: #84b819; } figure + .quote { margin-top: 53px; } .video { } figure a.video { display: block; overflow: hidden; position: relative; border: 0; font-weight: 400; } figure a.video img, figure a.video iframe { display: block; position: relative; z-index: 1; } figure a.video iframe { width: 100% !important; } figure a.video:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,.6); } figure a.video:after { content: "\e907"; display: block; position: absolute; left: 50%; top: 50%; z-index: 3; width: 100px; height: 100px; margin: -50px 0 0 -50px; padding: 0 0 0 10px; border-radius: 99px; background: #007a45; color: #fff; font-weight: 400; font-size: 38px; font-family: i; line-height: 100px; text-align: center; } figure a.video.active:before, figure a.video.active:after { visibility: hidden; opacity: 0; } figure a.video.small:after { width: 70px; height: 70px; margin: -35px 0 0 -35px; padding: 0 0 0 5px; font-size: 28px; line-height: 70px; } .image-offset { margin-left: -130px; } .image-offset figcaption { margin-left: 130px; } /*! Forms --------- */ fieldset, hr { border-width: 0; } legend { display: block; position: relative; padding: 0; border: 0; color: #3b3d41; font-weight: 700; line-height: 1.25; white-space: normal; } fieldset { display: block; margin: 0; padding: 0; border: 0; background: none; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } input { } input[type="search"], input[type="number"], input[type="date"], input[type="time"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { -o-appearance: none; margin: 0; } input[type="checkbox"], input[type="radio"] { height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline: none; -webkit-appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } form [disabled] { cursor: default; } form > div { position: relative; } ::-webkit-input-placeholder { opacity: 1; color: inherit; } ::-moz-placeholder { opacity: 1; color: inherit; } :-moz-placeholder { opacity: 1; color: inherit; } :-ms-input-placeholder { opacity: 1; color: inherit; } ::-ms-input-placeholder { opacity: 1; color: inherit; } :focus::-webkit-input-placeholder { opacity: 0; } :focus::-moz-placeholder { opacity: 0; } :focus:-moz-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } form { } label { display: block; position: relative; left: 0; top: 0; z-index: 2; margin: 0 0 7px; font-weight: 500; } form p { position: relative; clear: both; } input { height: 50px; padding: 0 23px; } select { height: 50px; padding: 13px 49px 13px 19px; } .select { display: block; position: relative; max-width: 350px; } .select select { display: block; width: 100%; z-index: 2; background: none; } .select:before, .semantic-select .ticker:before { content: "\e912"; display: block; position: absolute; right: 0; top: 0; width: 33px; height: 50px; color: #007a45; font-size: 6px; font-family: i; font-weight: 400; line-height: 50px; text-align: left; } textarea { height: 100px; min-height: 100px; padding: 14px 14px 14px 23px; } input, select, textarea, .semantic-select .input { display: block; width: 350px; border-radius: 4px; border: 1px solid #b8b8b9; background: #fff; } input:focus, select:focus, textarea:focus, #root .nav-a select:focus { box-shadow: inset 1px 1px 0 #007a45, inset -1px -1px 0 #007a45, inset 0 -1px 0 #007a45, inset -1px 0 0 #007a45; border-color: #007a45; } .error input, .error select, .error textarea, .error .semantic-select .input { border-color: #e53935; } .error .semantic-select .ticker:before, .error .select:before { color: #e53935; } .error input:focus, .error select:focus, .error textarea:focus, .error .semantic-select.active .input { box-shadow: inset 1px 1px 0 #e53935, inset -1px -1px 0 #e53935, inset 0 -1px 0 #e53935, inset -1px 0 0 #e53935; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: hidden; float: left; width: auto; min-width: 180px; padding: 15px 75px 15px 30px; box-shadow: none; border-radius: 0 0 15px 0; border: 0 solid #007a45; background: #007a45; color: #fff; font-weight: 500; line-height: 1.25; text-decoration: none; text-align: left; } button:before { content: "\e916"; left: auto; right: 30px; z-index: 2; width: auto; margin: -10px 0 0; font-size: 14px; line-height: 20px; } input[type="button"], input[type="reset"], input[type="submit"] { background-image: url(https://www.ioof.com.au/__data/assets/file/0007/281455/arrow-right.svg), url(https://www.ioof.com.au/__data/assets/file/0008/281456/button.svg); background-color: #007a45; background-repeat: no-repeat, no-repeat; background-position: 100% center, 0 100%; background-size: 45px auto, 1000px 0; } input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-size: 45px auto, 1000px 50%; } input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { background-size: 45px auto, 1000px 100%; } /*input[type="reset"], button[type="reset"] { border-width: 1px; border-color: #007a45; background-repeat: no-repeat, no-repeat; background-image: url(https://www.ioof.com.au/__data/assets/file/0004/282910/button-2.svg);}*/ .tip, em.error { display: block; margin: 4px 0 0 23px; padding: 0; color: #5e5e5e; font-weight: 400; font-style: normal; font-size: 14px; } em.error { color: #e53935; } .double input, .double select, .double textarea, .double .semantic-select .input { width: 100%; max-width: 350px; } .semantic-select { display: block; position: relative; max-width: 350px; } .semantic-select span { display: block; } .semantic-select .input { display: block; overflow: hidden; width: 100%; height: 50px; padding: 0 49px 0 23px; line-height: 48px; text-overflow: ellipsis; } .semantic-select .input .text { display: block; overflow: hidden; } .semantic-select .ticker { position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; width: 40px; cursor: pointer; } .semantic-select.active .ticker:after { content: ""; display: block; position: absolute; right: 0; top: 44px; width: 56px; height: 11px; background: url(select.svg) center 100% no-repeat; background-size: auto 100%; } .semantic-select ul { overflow-y: auto; overflow-x: hidden; position: absolute; left: -3000em; top: 54px; z-index: 1; list-style: none; width: 100%; max-height: 210px; margin: 0; padding: 0; box-shadow: 0 3px 7px rgba(0,0,0,.05); border-radius: 4px; border: 1px solid #b8b8b9; background: #fff; } .semantic-select ul li { margin: 0; } .semantic-select ul li a { display: block; position: relative; padding: 14px 23px; border: 0; border-bottom: 1px solid #ddd; font-weight: 400; line-height: 1.25; } .semantic-select ul li:last-child a { border: 0; } .semantic-select ul li a:before { content: ""; display: block; position: absolute; left: 0; top: -1px; right: 0; height: 1px; } .semantic-select ul li.active a, .semantic-select ul li.active a:before { border-color: #007a45; background: #007a45; color: #fff; cursor: default; } .semantic-select.active ul { left: 0; } .semantic-select ul::-webkit-scrollbar { width: 11px; } .semantic-select ul::-webkit-scrollbar-thumb { border-radius: 3px; background: rgba(49,48,54,.2); } .checklist-a, #fb-facets ul { list-style: none; padding: 0; } .checklist-a li, #fb-facets li { margin: 0 0 17px; } .checklist-a label, .check-a label { padding: 0 0 0 28px; font-weight: 400; } .checklist-a label input, .check-a label input, .checklist-a label .input, .check-a label .input { display: block; position: absolute; left: 0; top: 6px; width: auto; height: auto; line-height: 16px; } .checklist-a label .input, .check-a label .input { overflow: hidden; width: 16px; height: 16px; border-radius: 4px; border: 1px solid #999; color: #fff; cursor: pointer; } .checklist-a label .input:hover, .check-a label .input:hover { box-shadow: inset 1px 1px 0 #007a45, inset -1px -1px 0 #007a45, inset 1px -1px 0 #007a45, inset -1px 1px 0 #007a45; border-color: #0d391c; } .checklist-a label.active .input, .check-a label.active .input, .checklist-a label.radio.active .input, .check-a label.radio.active .input { box-shadow: none; border-color: #007a45; background: #007a45; } .checklist-a label.active .input:before, .check-a label.active .input:before { content: "\e915"; left: -1px; right: -1px; width: auto; font-size: 8px; } .checklist-a label.radio .input, .check-a label.radio .input { border-radius: 9px; border-color: #ccc; } .checklist-a label.radio .input:hover, .check-a label.radio .input:hover { box-shadow: none; border-width: 2px; border-color: #007643; } .checklist-a label.radio.active .input, .check-a label.radio.active .input { cursor: default; } .checklist-a label.radio.active .input:before, .check-a label.radio.active .input:before { content: ""; left: 50%; top: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 9px; background: #fff; } .checklist-a label.disabled { color: #b8b8b9; } .checklist-a label.disabled .input, .check-a label.disabled .input, .checklist-a label.disabled.radio .input, .check-a label.disabled.radio .input { box-shadow: none; border-width: 1px; border-color: #b7b7b7; cursor: default; } .checklist-a label.disabled.active .input, .check-a label.disabled.active .input { border-color: #b8b8b9; background: #b8b8b9; } .check-a + .check-a { margin-top: -10px; } #fb-facets { } #fb-facets li > span { display: block; position: relative; margin: 0 0 7px; padding: 0 0 0 28px; font-size: 0; } #fb-facets li > span > * { font-size: 16px; } #fb-facets li > span:before { content: ""; display: block; position: absolute; left: 0; top: 6px; width: 16px; height: 16px; border-radius: 4px; border: 1px solid #999; color: #fff; line-height: 16px; cursor: pointer; } #fb-facets a { border: 0; font-weight: 400; } .ui-autocomplete { position: absolute; left: -3000em; top: 0; z-index: 999; list-style: none; margin: 0; padding: 0; box-shadow: 0 4px 9px rgba(0,0,0,.07); background: #fff; line-height: 1.25; } .form-a { position: relative; z-index: 2; margin: 52px 0 80px; padding: 50px 0 0 250px; border-bottom: 50px solid #f1f1f1; background: #f1f1f1; color: #5e5e5e; } .form-a:before { bottom: -50px; background: #f1f1f1; } aside .form-a:before { background: none; } .form-a h1, .form-a h2, .form-a h3, .form-a h4, .form-a h5, .form-a h6, .form-a legend { position: absolute; left: 0; top: 50px; margin: 0; padding: 0; color: #3b3d41; font-size: 2em; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 46px; text-transform: none; letter-spacing: normal; } .form-a p { clear: none; margin: 0; padding: 0 182px 0 0; } .form-a label, .form-a em.error { position: absolute; left: 0; top: -32px; margin: 0; padding: 0; font-weight: 500; font-size: 14px; } .form-a input { width: 100%; max-width: none; padding: 0 29px; border-radius: 0; color: #5e5e5e; } .form-a button, .form-a input[type="submit"], .form-a input[type="button"], .form-a input[type="reset"] { position: absolute; right: 0; bottom: 0; float: none; width: 155px; min-width: 0; height: 50px; padding-right: 0; padding-left: 30px; color: #fff; text-align: left; } .form-a ul { position: absolute; left: 250px; top: -3000em; right: 182px; list-style: none; margin: 0; padding: 0; box-shadow: 0 4px 9px rgba(0,0,0,.07); background: #fff; line-height: 1.25; } .form-a ul a, .ui-autocomplete li { display: block; padding: 15px 30px; border: 0; color: #007a45; font-weight: 400; text-decoration: none; cursor: pointer; } .form-a ul a:hover, .ui-autocomplete li:hover { background: #f1f1f1; } .form-a ul li, .ui-autocomplete li { margin: 0; border-bottom: 1px solid #dbdbdc; } .form-a ul li:last-child, .ui-autocomplete li:last-child { border: 0; } .form-a.a { padding-right: 40px; padding-left: 290px; } .form-a.a:before { right: 0; width: auto; } .form-a.a:after { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 35px; z-index: 3; width: 3px; height: auto; background: #007a45; } .form-a.a h1, .form-a.a h2, .form-a.a h3, .form-a.a h4, .form-a.a h5, .form-a.a h6, .form-a.a legend { left: 40px; } .form-a.a label, .form-a.a em.error { padding-top: 5px; } .cols-a .form-a, aside .form-a { border-right: 40px solid #f1f1f1; } .cols-a .form-a:before, aside .form-a:before { right: 0; width: auto; } .cols-a .form-a p, aside .form-a p { padding-right: 155px; } .cols-a .form-a ul, aside .form-a ul { right: 155px; } #content > aside .form-a, .cols-a > aside .form-a, aside .form-a, .cols-a > header:first-child .form-a { margin-bottom: 60px; padding: 35px 30px 0; border-bottom-width: 40px; border-right: 0; } #content > aside .form-a legend, .cols-a > aside .form-a legend, aside .form-a legend, #content > aside .form-a h1, .cols-a > aside .form-a h1, aside .form-a h1, .cols-a > header:first-child .form-a legend, .cols-a > header:first-child .form-a h1, #content > aside .form-a h2, .cols-a > aside .form-a h2, aside .form-a h2, .cols-a > header:first-child .form-a h2, #content > aside .form-a h3, .cols-a > aside .form-a h3, aside .form-a h3, .cols-a > header:first-child .form-a h3, #content > aside .form-a h4, .cols-a > aside .form-a h4, aside .form-a h4, .cols-a > header:first-child .form-a h4, #content > aside .form-a h5, .cols-a > aside .form-a h5, aside .form-a h5, .cols-a > header:first-child .form-a h5, #content > aside .form-a h6, .cols-a > aside .form-a h6, aside .form-a h6, .cols-a > header:first-child .form-a h6 { position: relative; top: 0; margin: 0 0 27px; line-height: 1.4; } #content > .cols-a > aside .form-a p, .cols-a > aside .form-a p, aside .form-a p, .cols-a > header:first-child p { padding: 0; } #content > aside .form-a label, .cols-a > aside .form-a label, aside .form-a label, .cols-a > header:first-child label { position: relative; top: 0; margin: 0 0 7px; } #content > aside .form-a input, .cols-a > aside .form-a input, aside .form-a input, .cols-a > header:first-child input { padding: 0 13px; } #content > aside .form-a em.error, .cols-a > aside .form-a em.error, aside .form-a em.error, .cols-a > header:first-child em.error { margin: 4px 0 0; } #content > aside .form-a button, .cols-a > aside .form-a button, aside .form-a button, .cols-a > header:first-child button, #content > aside .form-a input[type="submit"], .cols-a > aside .form-a input[type="submit"], #content > aside .form-a input[type="button"], .cols-a > aside .form-a input[type="button"], aside .form-a input[type="button"], #content > aside .form-a input[type="reset"], .cols-a > aside .form-a input[type="reset"], aside .form-a input[type="reset"], .cols-a > header:first-child .form-a input[type="submit"], .cols-a > header:first-child .form-a input[type="button"], .cols-a > header:first-child .form-a input[type="reset"] { position: relative; width: 100%; margin: 20px 0 0; } .form-b { margin: 0 0 20px; } .form-b h1, .form-b h2, .form-b h3, .form-b h4, .form-b h5, .form-b h6 { float: left; margin: 0; font-size: 2.8em; line-height: 50px; } .form-b p, .form-b p:first-child:last-child { clear: none; float: right; font-size: 1.4em; } .form-b p:first-child { float: left; } .form-b label { float: left; margin: 0 40px 0 0; padding: 13px 0 0; font-weight: 400; font-size: 1em; } .form-b select { width: 100%; max-width: none; padding-left: 16px; padding-right: 48px; } .form-b .select, .form-b select, .form-b input, .form-b textarea, .form-b .semantic-select-wrapper { float: left; width: auto; font-size: 1em; } .form-b .semantic-select .input { padding: 0 48px 0 20px; } .form-b .semantic-select ul li a { padding-left: 20px; } .form-b .semantic-select .ticker:before, .form-b .select:before { width: 29px; } .form-contact { } .form-contact p + .double > * > h1:first-child, .form-contact p + .double > * > h2:first-child, .form-contact p + .double > * > h3:first-child, .form-contact p + .double > * > h4:first-child, .form-contact p + .double > * > h5:first-child, .form-contact p + .double > * > h6:first-child { margin-top: 30px; } .form-contact * + .submit, .form-contact * + div[data-element] { margin-top: 40px; } .form-contact textarea { height: 188px; min-height: 188px; } .form-contact .submit > * + * { margin-left: 20px; } .form-contact .semantic-select-wrapper { max-width: 350px; } .form-filter, #fb-facets { margin: 0 0 30px; padding: 0 20px; border-bottom: 1px solid #b8b8b9; background: #f1f1f1; } .form-filter h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6, .form-filter legend, #fb-facets h1, #fb-facets h2, #fb-facets h3, #fb-facets h4, #fb-facets h5, #fb-facets h6 { overflow: hidden; position: relative; width: auto; margin: 0 -20px; padding: 18px 50px 18px 0; border-top: 1px solid #b8b8b9; background: #fff; color: #3b3d41; font-size: 1.6em; font-weight: 700; line-height: 1.4; } .form-filter legend { margin: 0; } .form-filter h1:first-child, .form-filter h2:first-child, .form-filter h3:first-child, .form-filter h4:first-child, .form-filter h5:first-child, .form-filter h6:first-child, .form-filter legend:first-child { padding: 0 80px 18px 0; border: 0; background: #fff; font-size: 1.8em; } .form-filter h1:first-child a, .form-filter h2:first-child a, .form-filter h3:first-child a, .form-filter h4:first-child a, .form-filter h5:first-child a, .form-filter h6:first-child a, .form-filter legend:first-child a { display: block; position: absolute; right: 0; top: 4px; border-bottom: 1px solid #007a45; color: #3b3d41; font-size: 14px; font-weight: 400; } .form-filter h1:first-child a:hover, .form-filter h2:first-child a:hover, .form-filter h3:first-child a:hover, .form-filter h4:first-child a:hover, .form-filter h5:first-child a:hover, .form-filter h6:first-child a:hoverr, .form-filter legend:first-child a:hover { border: 0; } .form-filter .header, #fb-facets .header { cursor: pointer; } .form-filter .header.toggle, #fb-facets .header.toggle { padding-left: 20px; background: none; } .form-filter .header:before, #fb-facets .header:before { content: "\e912"; left: auto; right: 20px; width: auto; color: #007a45; font-size: 8px; } .form-filter ul, #fb-facets ul { position: absolute; left: -3000em; top: 0; margin: 0 -20px; padding: 5px 20px 3px; } .form-filter ul.toggle, #fb-facets ul.toggle { position: relative; left: 0; } .form-filter ul li, #fb-facets ul li { margin-bottom: 0; } .form-filter ul.toggle:last-child, #fb-facets ul.toggle:last-child { padding-bottom: 13px; } /*! Tables --------- */ table { display: table; width: 100%; margin: 0 0 30px; border-collapse: collapse; border-spacing: 0; } th, td { padding: 15px 30px; border: 0; font-weight: 400; line-height: 1.625; text-align: left; vertical-align: top; } th { background: #425968; color: #fff; font-weight: 700; } .th { display: block; color: #425968; font-weight: 700; } td { border-left: 1px solid #ccc; } tr > td:first-child { border-left-width: 0; } tr:nth-child(2n+1) td { background: #f1f1f1; } table.fixed { table-layout: fixed; } table + figure, figure + table, .table-wrapper + figure, figure + table-wrapper { margin-top: 80px; } tbody { vertical-align: top; } .table-wrapper { margin: 0 0 30px; } .table-wrapper::-webkit-scrollbar { height: 8px; background: #b8b8b9; } .table-wrapper::-webkit-scrollbar-thumb { background: #5e5e5e; } /*! Helpers --------- */ .link-btn a:before, .module-tags li a:after, .module-news-a article:before, .module-news-a article figure, #nav > ul > li.btn > a:after, #top > .progress, #nav > ul > li > ul.a > li > a, #nav > ul > li > ul.a > li > a:before, #nav > ul > li > ul, #nav > ul > li > div, #nav > ul > li > div > ul li.sub > a:after, #nav > ul > li > div > ul a:before, #nav div ul, #top > form > fieldset > p label, #top > form > fieldset > div, .list-accordion .header, .list-accordion .header:before, button:after, .list-c a:after, .module-news-a figure:after, .module-box:before, .module-box figure, .module-box figure:before, .module-cta:before, #search label, .list-checks li:before, .nav-a ul li a:before, #top:before, .module-news-a article { -moz-transition: all .1s ease 0s; -webkit-transition: all .1s ease 0s; -o-transition: all .1s ease 0s; -ms-transition: all .1s ease 0s; transition: all .1s ease 0s; } input[type="button"], input[type="reset"], input[type="submit"] { -moz-transition: background-size .1s ease 0s; -webkit-transition: background-size .1s ease 0s; -o-transition: background-size .1s ease 0s; -ms-transition: background-size .1s ease 0s; transition: background-size .1s ease 0s; } #mobile > ul > li ul, #mobile li.sub > .toggle, #mobile li.sub > .toggle:before, #mobile li.sub > .toggle:after, #nav > ul > li > ul.a > li > ul > li > a, #nav > ul > li > ul.a > li > ul > li > a:before, #nav > ul > li > ul.a > li > ul > li > a:after, #nav > ul > li > ul.a > li > ul > li > a .inner, #nav > ul > li > ul > li > a:after { -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .module-news-a article, .module-box, #mobile { -moz-transition: -moz-transform .4s ease 0s, transform .4s ease 0s; -webkit-transition: -webkit-transform .4s ease 0s, transform .4s ease 0s; -o-transition: -o-transform .4s ease 0s, transform .4s ease 0s; -ms-transition: -ms-transform .4s ease 0s, transform .4s ease 0s; transition: -webkit-transform .4s ease 0s, transform .4s ease 0s; } .clear { clear: both; overflow: hidden; width: 100%; height: 0; } .hidden, [hidden], template, #nav em, .module-pattern header ul li:last-child:before, .js .module-news-a figure img, .list-social a span, #breadcrumbs li:last-child:before, .js #title > figure img, #up em, #mobile em, .js .link-box img, #top button:after, .error .tip, .form-a .error label, #content > aside .form-a:before, .cols-a > aside .form-a:before, .cols-a > header:first-child .form-a:before, .js .module-featured figure img, .list-details li:last-child:before, .module-news-a.a a.clone, .js .module-box figure img, aside .module-box p, .js .module-cta > figure img, .module-news-a .module-cta > div:before, aside .module-cta p, #search button:after, .js #featured > figure img, #top form legend, #root .form-filter legend, #nav > ul > li > a.sub-toggle, .mobile #nav > ul > li.sub > a, .mobile #root #nav > ul > li.sub.toggle > a.sub-toggle, #nav > ul > li > ul.a > li > a.sub-toggle, #nav > ul > li > div > ul a.sub-toggle, .mobile #nav > ul > li > div > ul li.sub > a, .mobile #nav > ul > li > div > ul li.sub.toggle > a.sub-toggle, #mobile .sub-toggle, #root #title figure.mobile-only, .search-active #nav > ul > li.search > label, #mobile > ul > li > ul li.sub > .toggle:after, figure a.video.active img, .footer-wrapper, #top > form > fieldset > p > span, #mobile #login .inner span { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 35px 0; padding: 0; border: 0; border-top: 1px solid #b8b8b9; background: none; font-size: 0; } .hr hr { display: none; } h5:first-child, h6:first-child, .strapline:first-child, *:first-child > q, .h5:first-child, .h6:first-child, hr:first-child, figure:first-child, .module-offset:first-child, .module-news-a:first-child, #nav .link-btn:first-child, #title p:first-child, .module-offset.a + h1, .module-offset.a + h2, .module-offset.a + h3, .module-offset.a:first-child, h1:first-child, .h1:first-child, h2:first-child, .h3:first-child, h3:first-child, .h3:first-child, figure + h1, figure + .h1, figure + h2, figure + .h3, figure + h3, figure + .h3, .list-accordion:first-child, .module-tags:first-child, .module-tags + h1, .module-tags + h2, .module-tags + h3, .module-tags + .h1, .module-tags + .h2, .module-tags + .h3, .form-a:first-child, .link-circle:first-child, .list-c:first-child, #root mb-a + *, #root mb-b + *, #root mb-c + *, #root mb-d + *, #root mb-e + *, .module-box .link-more:first-child, .list-files + .form-a, .list-checks:first-child, .module-featured:first-child, .module-box:first-child, .module-cta:first-child, .double > .module-cta, .double > .module-box, .double > .module-featured, .module-news-a:first-child, .module-featured .link-btn:first-child, .tabs-a .module-featured, #featured .link-circle:first-child, .module-featured.b figure:first-child, #root .double.va .module-cta p:first-child, legend:first-child, .form-contact * + div.hidden[data-element] { margin-top: 0; } #root .mb-a, #content > .module-pattern:last-child, .module-offset.a > *:last-child, .table-wrapper table, .tabs-a .nav-a, .module-news-a ul li:last-child { margin-bottom: 0; } .module-pattern header ul li:last-child, #footer > ul li:last-child, .list-social li:last-child, #breadcrumbs li:last-child, #up > ul > li:last-child, #nav > ul > li:last-child, #nav > ul:last-child > li:last-child, #nav > ul:first-child > li:last-child, .list-details li:last-child { margin-right: 0; } .list-social li:first-child { margin-left: 0; } #root .mb-b { margin-bottom: 10px; } #root .mb-c { margin-bottom: 25px; } #root .mb-d { margin-bottom: 70px; } #root .mb-e { margin-bottom: 80px; } /*! Warnings --------- */ p.lt-ie9 { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 28px; background: #333; color: #fff; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 28px; text-align: center; } p.lt-ie9 a { color: #fff; font-weight: 700; text-decoration: underline; } p.lt-ie9 a:hover, p.lt-ie9 a:focus, p.lt-ie9 a:active { text-decoration: none; } .lt-ie9 body { padding-top: 28px; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } svg:not(:root) { overflow: hidden; } @-ms-viewport { width: auto; } ::selection { background: #007a45; color: #fff; text-shadow: none; } ::-moz-selection { background: #007a45; color: #fff; text-shadow: none; } #root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } /*! Fonts --------- */ /*@font-face { font-family: 'Roboto_web'; src: url('fonts/roboto-light.eot'); src: url('fonts/roboto-light.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-light.woff2') format('woff2'), url('fonts/roboto-light.woff') format('woff'), url('fonts/roboto-light.ttf') format('truetype'), url('fonts/roboto-light.svg#robotolight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto_web'; src: url('fonts/roboto-lightitalic.eot'); src: url('fonts/roboto-lightitalic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-lightitalic.woff2') format('woff2'), url('fonts/roboto-lightitalic.woff') format('woff'), url('fonts/roboto-lightitalic.ttf') format('truetype'), url('fonts/roboto-lightitalic.svg#robotolight_italic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto_web'; src: url('fonts/roboto-regular.eot'); src: url('fonts/roboto-regular.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-regular.woff2') format('woff2'), url('fonts/roboto-regular.woff') format('woff'), url('fonts/roboto-regular.ttf') format('truetype'), url('fonts/roboto-regular.svg#robotoregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto_web'; src: url('fonts/roboto-italic.eot'); src: url('fonts/roboto-italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-italic.woff2') format('woff2'), url('fonts/roboto-italic.woff') format('woff'), url('fonts/roboto-italic.ttf') format('truetype'), url('fonts/roboto-italic.svg#robotoitalic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Roboto_web'; src: url('fonts/roboto-medium.eot'); src: url('fonts/roboto-medium.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-medium.woff2') format('woff2'), url('fonts/roboto-medium.woff') format('woff'), url('fonts/roboto-medium.ttf') format('truetype'), url('fonts/roboto-medium.svg#robotomedium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto_web'; src: url('fonts/roboto-mediumitalic.eot'); src: url('fonts/roboto-mediumitalic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-mediumitalic.woff2') format('woff2'), url('fonts/roboto-mediumitalic.woff') format('woff'), url('fonts/roboto-mediumitalic.ttf') format('truetype'), url('fonts/roboto-mediumitalic.svg#robotomedium_italic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Roboto_web'; src: url('fonts/roboto-bold.eot'); src: url('fonts/roboto-bold.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-bold.woff2') format('woff2'), url('fonts/roboto-bold.woff') format('woff'), url('fonts/roboto-bold.ttf') format('truetype'), url('fonts/roboto-bold.svg#robotobold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Roboto_web'; src: url('fonts/roboto-bolditalic.eot'); src: url('fonts/roboto-bolditalic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-bolditalic.woff2') format('woff2'), url('fonts/roboto-bolditalic.woff') format('woff'), url('fonts/roboto-bolditalic.ttf') format('truetype'), url('fonts/roboto-bolditalic.svg#robotobold_italic') format('svg'); font-weight: 700; font-style: italic; }*/ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v16/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0at44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v16/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v16/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v16/t6Nd4cfPRhZP44Q5QAjcC44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nBBQ_Gf4FfI8J4SYljBAylk.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v14/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nHm2hrkyco9jQ3NKMXpgOBg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/mg0cGfGRUERshzBlvqxeABN-SY3RXjKuKZR1RHIa0nw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/BP5K8ZAJv9qEbmuFp8RpJdbvlX87CS9_IgWvysdluIM.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v14/mg0cGfGRUERshzBlvqxeADn8OlxV1N2WpeXfK2HtpfA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('https://www.ioof.com.au/__data/assets/file/0010/273970/icons.eot'); src: url('https://www.ioof.com.au/__data/assets/file/0010/273970/icons.eot#iefix') format('embedded-opentype'), url('https://www.ioof.com.au/__data/assets/file/0005/273974/icons.ttf') format('truetype'), url('https://www.ioof.com.au/__data/assets/file/0007/273976/icons.woff') format('woff'), url('https://www.ioof.com.au/__data/assets/file/0003/273972/icons.svg#icons') format('svg'); font-weight: 400; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before { content: "\e918"; } .icon-arrow-left:before { content: "\e919"; } .icon-arrow-right:before { content: "\e916"; } .icon-arrow-up:before { content: "\e917"; } .icon-arrow2-down:before { content: "\e91d"; } .icon-arrow2-right:before { content: "\e91b"; } .icon-arrow2-left:before { content: "\e91c"; } .icon-arrow2-up:before { content: "\e91e"; } .icon-check:before { content: "\e915"; } .icon-chevron-down:before { content: "\e912"; } .icon-chevron-left:before { content: "\e913"; } .icon-chevron-right:before { content: "\e914"; } .icon-chevron-up:before { content: "\e910"; } .icon-ellipsis:before { content: "\e91a"; } .icon-facebook:before { content: "\e911"; } .icon-file:before { content: "\e90e"; } .icon-file-doc:before { content: "\e90f"; } .icon-file-pdf:before { content: "\e90c"; } .icon-file-xls:before { content: "\e91f"; } .icon-linkedin:before { content: "\e90d"; } .icon-logo:before { content: "\e90a"; } .icon-logo1:before { content: "\e90b"; } .icon-logo2:before { content: "\e909"; } .icon-menu:before { content: "\e906"; } .icon-play:before { content: "\e907"; } .icon-triangle-down:before { content: "\e908"; } .icon-triangle-left:before { content: "\e904"; } .icon-triangle-right:before { content: "\e905"; } .icon-triangle-up:before { content: "\e902"; } .icon-twitter:before { content: "\e903"; } .icon-x:before { content: "\e900"; } .icon-zoom:before { content: "\e901"; } /* Responsive --------- */ @media only screen and (max-height: 53.125em) { /* 850 - height */ #nav > ul > li > ul.a { padding-top: 30px; padding-bottom: 17px; } #nav > ul > li > ul.a > li > ul > li { margin-bottom: 20px; } } @media only screen and (max-width: 82.5em) { /* 1320 */ #top { } #nav > ul > li > div { padding-right: 1040px; padding-left: 1360px; } #nav > ul > li > div:before { width: 1360px; } } @media only screen and (max-width: 75em) { /* 1200 */ #nav, #breadcrumbs, #content, #footer, #title > *, #top > form, #title.a header, #search, #featured header { width: 980px; } #nav, #logo, #title header, #top > form { margin-left: -490px; } #up { margin-right: -490px; } #top { } #nav > ul > li > div { left: -1000px; padding-left: 1260px; } #nav > ul > li > div .top { width: 260px; margin-left: -260px; padding-right: 40px; } #nav > ul > li > div > ul a { padding-left: 15px; padding-right: 15px; } #nav > ul > li > ul.a { left: -30px; } #nav > ul > li > ul.a > li { border-left-width: 30px; font-size: 16px; } #nav > ul > li > ul.a > li > ul > li { font-size: 1em; } #search { margin-bottom: 42px; padding-top: 50px; } #search + #breadcrumbs { margin-top: -29px; } #title { } #title:before { width: 58%; } #footer { } #footer > nav { padding-left: 220px; } .cols-a { } .cols-a > header:first-child + *, .cols-a > *:first-child, #content > .nav-inside + .content { width: 660px; } .double.bd-a { margin-left: -100px; } .double.bd-a > * { border-left-width: 100px; } .double.va { padding-right: 50px; } .double.va > * { border-left-width: 50px; } .list-results, #fb-results { } .list-results figure, #fb-results figure { margin-left: 30px; } .module-box { padding-left: 360px; padding-right: 30px; } .module-box figure { width: 320px; } .module-cta { padding-right: 280px; } .double .module-cta { padding-right: 135px; } .module-news-a.c .module-cta { padding-right: 266px; } #root .module-news-a.c .module-cta > figure:after { right: 266px } .module-featured { padding-right: 60px; padding-left: 500px; } .module-featured figure { width: 450px; } .module-news-a { margin-bottom: 60px; } .module-news-a article { padding-left: 30px; padding-right: 30px; } #root .module-news-a figure { margin-left: -30px; margin-right: -30px; } .module-news-a .link-more { left: 30px; } .module-news-a.b { } .module-news-a.b article { padding-left: 20px; padding-right: 20px; } #root .module-news-a.b figure { height: 160px; margin-left: -20px; margin-right: -20px; } .module-news-a.b .link-more { left: 20px; } .nav-a { padding-left: 1130px; } .nav-a h1, .nav-a h2, .nav-a h3, .nav-a h4, .nav-a h5, .nav-a h6 { margin-left: -130px; } .nav-a > ul li a { padding-left: 10px; padding-right: 10px; } .form-b { margin-bottom: 0; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #nav, #breadcrumbs, #content, #footer, #title > *, #top > form, #title.a header, #search, #featured header { width: 720px; } #nav, #logo, #title header, #top > form { margin-left: -360px; } #up { margin-right: -360px; } #top { } #nav { padding-left: 110px; } #nav > ul > li, #nav > ul:last-child > li, #up > ul > li, #nav > ul:first-child > li { margin-right: 15px; font-size: 1.4em; } #nav > ul > li.search { } #nav > ul > li.search > a { padding-right: 25px; } #nav > ul > li.search > a:after { font-size: 18px; } #nav > ul > li > div { } #nav > ul > li > div h1, #nav > ul > li > div h2, #nav > ul > li > div h3, #nav > ul > li > div h4, #nav > ul > li > div h5, #nav > ul > li > div h6 { margin-bottom: 10px; } #nav > ul > li > div .top, #nav > ul > li > ul.a { padding-top: 30px; padding-bottom: 30px; } #nav > ul > li > div > ul, #nav > ul > li > div > ul > li > ul > li > ul { padding-top: 0; padding-bottom: 0; } #nav > ul > li > div > ul > li > ul, #nav > ul > li > div > ul > li > ul > li > ul { top: 0; bottom: 0; } #nav > ul > li > div > ul > li, #nav > ul > li > ul.a > li { font-size: 1.4em; } #nav > ul > li > div > ul li.sub > a { padding-right: 30px; } #nav > ul > li > div > ul li.sub > a:after, #nav > ul > li > div > ul li.sub:hover > a:after, #nav > ul > li > ul.a > li > a:before, #nav > ul > li > ul.a > li > a:hover:before { right: 10px; } #nav .link-btn { margin-top: 30px; } #nav > ul > li > ul.a { left: -20px; padding-bottom: 10px; } #nav > ul > li > ul.a > li { width: 23.333333333%; border-left-width: 20px; } #nav > ul > li > ul.a > li.top { width: 30%; padding: 16px 0 0; line-height: 1.42857142857; } #nav > ul > li > ul.a h1, #nav > ul > li > ul.a h2, #nav > ul > li > ul.a h3, #nav > ul > li > ul.a h4, #nav > ul > li > ul.a h5, #nav > ul > li > ul.a h6 { margin-bottom: 38px; font-size: 14px; } #nav > ul > li > ul.a p { font-size: 14px; } #nav > ul > li > ul.a > li > ul > li { margin-bottom: 30px; } #nav > ul > li > ul.a > li > ul > li > a { padding-right: 15px; } #top > form { } #top > form .triple { margin-left: -40px; } #top > form .triple > * { border-left-width: 40px; } #title { } #title:before { width: 71.066666666%; } #footer { } #footer > nav { padding-left: 160px; } .cols-a { } .cols-a > header:first-child + *, .cols-a > *:first-child, #content > .nav-inside + .content { width: 450px; } .cols-a > header:first-child, #content > aside, .cols-a > aside, #content > .nav-inside { width: 250px; } .double.bd-a { margin-left: -50px; } .double.bd-a > * { border-left-width: 50px; } .double.va { margin-left: -40px; padding-right: 0; } .double.va > * { border-left-width: 40px; } .double.va + .module-featured { margin-top: 0; } .gallery-a { } .gallery-a li { width: 50%; } .list-a { } .list-a li { font-size: 1.4em; } .module-box { padding: 40px 30px 27px; } #root .module-box:before { left: 0; top: 0; right: 0; bottom: 0; border-top: 5px solid #425968; } #root .module-box figure { position: relative; left: 0; top: 0; bottom: 0; width: auto; height: auto; margin: -40px -30px 25px; } .js .module-box figure img { position: relative; left: 0; } #root .module-box figure:after { background: none; } .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6 { padding: 5px 0; font-size: 2.4em; } .module-box .link-more { position: relative; left: 0; } .module-cta, aside .module-cta, .double .module-cta { padding: 0 0 110px; border-radius: 0 0 25px 0; } .module-cta:before, aside .module-cta:before, .double .module-cta:before { border-radius: 0 0 25px 0; } .module-cta > div, aside .module-cta > div, .double .module-cta > div { position: static; padding-bottom: 0; padding-left: 30px; padding-right: 30px; border-radius: 0 0 25px 0; } .module-cta .link-circle, aside .module-cta .link-circle, .double .module-cta .link-circle { position: absolute; left: 30px; bottom: 30px; margin: 0; } .double .module-cta .link-circle { position: relative; left: 0; bottom: 0; } .module-cta p, aside .module-cta p, .double .module-cta p { max-height: 84px; } .module-cta figure, aside .module-cta figure, .double .module-cta figure { height: auto; border-radius: 0 0 25px 0; } .module-cta figure:after, aside .module-cta figure:after, .double .module-cta figure:after { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 0 0 25px 0; background: rgba(0,122,69,.8); opacity: 1; } #root .module-cta h1, #root .module-cta h2, #root .module-cta h3, #root .module-cta h4, #root .module-cta h5, #root .module-cta h6 { font-size: 2.8em; } .module-news-a.c .module-cta { padding-right: 0; } #root .module-news-a.c .module-cta > figure:after { right: 0 } aside .module-cta { padding: 0; } aside .module-cta > div { min-height: 280px; padding: 35px 20px 90px 30px; } #root aside .module-cta > figure, aside .module-cta > div, aside .module-cta:before { border-radius: 0 0 25px 0; } #root aside .module-cta:before { } #root aside .module-cta h1, #root aside .module-cta h2, #root aside .module-cta h3, #root aside .module-cta h4, #root aside .module-cta h5, #root aside .module-cta h6 { margin: 0; font-size: 2.8em; line-height: 1.35714285714; } aside .module-cta h1 span, aside .module-cta h2 span, aside .module-cta h3 span, aside .module-cta h4 span, aside .module-cta h5 span, aside .module-cta h6 span { margin: 0 0 14px; } aside .module-cta .link-circle { position: absolute; left: 30px; top: auto; bottom: 30px; margin: 0; } aside .module-cta .link-circle a { width: 40px; height: 40px; } aside .module-cta .link-circle a:before { font-size: 12px; } .module-featured, .module-featured.a, .module-featured.b { padding: 45px 50px 30px; } .module-featured figure, .module-featured.b figure { position: relative; top: 0; right: auto; bottom: 0; width: auto; margin: 0 -50px 40px; box-shadow: none; background-position: -3000em -3000em; } .js .module-featured figure img { position: relative; left: 0; } .module-featured.b { margin-left: 0; } .module-news-a { margin-left: -10px; } .module-news-a article, .ie .module-news-a article { min-height: 0; padding-left: 20px; padding-right: 20px; padding-bottom: 42px; border-left-width: 10px; } #root .module-news-a figure { margin-bottom: 20px; margin-left: -20px; margin-right: -20px; } .module-news-a article h1, .module-news-a article h2, .module-news-a article h3, .module-news-a article h4, .module-news-a article h5, .module-news-a article h6 { font-size: 2em; } .module-news-a .link-more { left: 20px; bottom: 12px; } .module-news-a.b { } .module-news-a.b article { width: 50%; min-height: 0; } .module-news-a.b article:nth-child(2n) + * { clear: both; } .module-pattern { padding: 50px 0; } .nav-a { } .nav-a > ul li a { padding: 12.25px 20px; } table { } th, td { padding: 12px 20px; } .form-a { } .form-a p { padding-right: 155px; } .cols-a .form-a { padding: 35px 30px 0; border-bottom-width: 40px; border-right: 0; } .cols-a .form-a:before { right: 0; width: auto; } .cols-a .form-a h1, .cols-a .form-a h2, .cols-a .form-a h3, .cols-a .form-a h4, .cols-a .form-a h5, .cols-a .form-a h6, .cols-a .form-a legend { position: relative; top: 0; margin: 0 0 27px; line-height: 1.4; } .cols-a .form-a p { padding: 0; } .cols-a .form-a label { position: relative; top: 0; margin: 0 0 7px; } .cols-a .form-a input { padding: 0 13px; } .cols-a .form-a em.error { margin: 4px 0 0; } .cols-a .form-a button, .cols-a .form-a input[type="submit"], .cols-a .form-a input[type="button"], .cols-a .form-a input[type="reset"] { position: relative; width: 100%; margin: 20px 0 0; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, .cols-a .form-a:before, .list-results figure, .double.va:before, #nav .search .inner, #fb-results figure { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media only screen and (max-width: 47.5em) { /* 760 */ #nav, #breadcrumbs, #content, #footer, #title header, #top > form, #title.a header, #search, #featured header { width: auto; } #breadcrumbs, #content, #footer, #title, #search, #featured header { padding-left: 20px; padding-right: 20px; } #root { padding-top: 64px; } #top { position: fixed !important; top: 0 !important; height: 64px; margin: 0 !important; } .no-mobile.has-featured #top:before { box-shadow: 0 0 13px rgba(0,0,0,.08); } #logo { left: 50%; top: 0; width: 80px; margin: 0 0 0 -40px; font-size: 45px; line-height: 64px; } #nav { left: auto; right: 0; top: 0; bottom: auto; width: auto; height: auto; margin: 0; padding: 0; } #nav > ul:last-child { float: none; } #root #nav > ul > li, #nav > ul:last-child > li { margin: 0; padding: 0; } #root #nav > ul > li > a { overflow: hidden; width: 64px; height: 64px; text-align: left; text-indent: -3000em; } #nav > ul > li.search > a:after { width: 100%; margin: -20px 0 0; font-size: 20px; line-height: 40px; text-align: center; text-indent: 0; } #top > form { position: fixed; left: 0; right: 0; width: auto; margin: 0; } .search-active #top > form { top: 64px; } #top > form > fieldset > p { height: 160px; padding: 50px 20px 46px; font-size: 3.1em; } #top > form > fieldset > p label { left: 20px; } #top > form > fieldset > p.focus label { font-size: 16px; } #top > form > fieldset > p input, #search input { height: 64px; padding-right: 42px; } #top > form > fieldset > p button, #search button { right: 20px; bottom: 46px; width: 42px; height: 64px; font-size: 30px; } #top > form > fieldset > div { overflow-x: hidden; overflow-y: auto; position: fixed; left: 0; right: 0; top: 224px; bottom: 0; padding: 35px 20px 0; background: rgba(59,61,65,.95); } #top > form > fieldset > div h1, #top > form > fieldset > div h2, #top > form > fieldset > div h3, #top > form > fieldset > div h4, #top > form > fieldset > div h5, #top > form > fieldset > div h6 { margin-bottom: 18px; } #top > form .link-more { padding-top: 7px; } #top > form .link-more:last-child { padding-bottom: 23px; } #top > .menu { top: 0; } #mobile, .not-top #root #top #nav > ul > li.search, .search-active #root #top #nav > ul > li.search { visibility: visible; opacity: 1; } #search { margin-bottom: 46px; padding-top: 50px; padding-bottom: 5px; } #search label, #search input { font-size: 31px; } #search .focus label { top: -34px; } #search button { right: 0; bottom: 0; } #search + #breadcrumbs { margin-top: 0; } #title { height: 200px; padding-top: 40px; padding-right: 32%; padding-bottom: 35px; } #title:before { right: 100px; width: auto; } #title header { left: 20px; bottom: 35px; right: 120px; min-height: 0; margin: 0; } #title h1, #title h2, #title h3, #title h4, #title h5, #title h6 { margin-bottom: 0; font-size: 3.6em; } #title p { margin-top: 6px; font-size: 1.6em; left:20px;} #title p:last-child { margin-bottom: 0; } #root #title figure.mobile-only { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } #title.a { min-height: 0; padding-right: 20px; } #title.a header { position: relative; left: 0; bottom: 0; width: auto; min-height: 0; margin: 0 auto; } #featured { padding: 0 0 69px; } #featured header { padding: 32px 100px 13px 50px; } #featured header:before { right: 90px; margin: 0; border-radius: 0 0 20px 0; } #featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6 { max-width: 375px; margin: 0 0 14px -30px; font-size: 3.6em; } #featured h1:before, #featured h2:before, #featured h3:before, #featured h4:before, #featured h5:before, #featured h6:before { border-top-width: 77px; } #featured h1:before, #featured h2:before, #featured h3:before, #featured h4:before, #featured h5:before, #featured h6:before { -moz-transform: translateY(24px); -webkit-transform: translateY(24px); -o-transform: translateY(24px); -ms-transform: translateY(24px); transform: translateY(24px); } #featured p { max-width: 317px; margin-bottom: 17px; font-size: 2em; } #featured .link-circle { margin-top: 0; } #featured .link-circle a { width: 50px; height: 50px; font-size: 16px; } #featured > figure { top: 28px; } #featured > figure.mobile-only { position: absolute; left: 0; top: 28px; right: 0; bottom: 0; } #featured + #content > .form-a:first-child { margin-top: -40px; } .menu-active #shadow { visibility: visible; opacity: 1; } #content { } #content > *:last-child { margin-bottom: 10px; } #content #content { padding: 0; } #footer { padding-top: 44px; } #footer > nav { padding: 85px 0 35px; text-align: center; } #footer > nav:before { left: 0; top: 0; right: 0; font-size: 53px; line-height: 53px; } #footer > nav > div { padding: 0; } #footer > nav ul { margin-bottom: 0; } #footer > nav ul li { margin-bottom: 14px; } #footer .logo { width: 100%; } #footer .list-social { padding-top: 28px; } #footer > ul { overflow: hidden; position: relative; bottom: 0; margin: 0 -20px; padding: 8px 20px 2px; background: #2e3033; } #footer > ul { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -moz-justify-content: space-between; -webkit-justify-content: space-between; -o-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -moz-align-content: stretch; -webkit-align-content: stretch; -o-align-content: stretch; -ms-align-content: stretch; align-content: stretch; -moz-flex-direction: row; -webkit-flex-direction: row; -o-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; -o-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #footer > ul li { position: relative; float: left; min-width: 30%; margin: 0; padding: 20px 0 0; text-align: center; } #footer > ul li { -moz-flex-grow: 4; -webkit-flex-grow: 4; -o-flex-grow: 4; -ms-flex-grow: 4; flex-grow: 4; } #footer > ul li:nth-child(3n-2) { text-align: left; } #footer > ul li:nth-child(3n) { text-align: right; } #footer > ul a { display: block; position: relative; } #footer > ul a:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: -8px; bottom: -8px; } #footer > p { margin: 0 -20px; padding: 30px 20px; color: #b8b8b9; text-align: center; } #root .triple > *, #root #footer > nav > div, #root aside, #root .cols-a > *, #root .double > *, #root .triple > *, #content > .nav-inside + .content, #content > .nav-inside { float: none; width: auto; } #root .double.mb-e > * + * { margin-top: 38px; } #root .triple > * + *, #root .double > * + *, .cols-a + * { margin-top: 30px; } #root aside > * + *, #root .cols-a > * + * { margin-top: 28px; } body { line-height: 1.6875; } h1, .h1 { font-size: 3.6em; line-height: 1.25; } h2, .h2 { font-size: 3.1em; line-height: 1.26315789474; } h3, .h3, legend { margin-bottom: 14px; font-size: 2.5em; line-height: 1.4; } h5, h6, .h5, .h6, .strapline, .quote { line-height: 1.78571428571; } h1, .h1, h2, .h3, h3, .h3, legend { margin-top: 40px; } .intro { font-size: 2em; font-weight: 300; line-height: 1.45; } .small { font-size: 1.2em; line-height: 1.6666666666; } hr { margin: 38px 0 33px; } li { margin-bottom: 8px; } figure { margin: 34px 0 30px; } figcaption { margin: 5px 0; padding: 0 0 0 12px; } figcaption:before { top: 3px; bottom: 3px; } q { font-size: 20px; } .double.va { margin-left: 0; margin-bottom: 20px; } .double.va:before { left: 10px; top: -100px; right: auto; bottom: auto; width: 3px; height: 270px; border-top-width: 83px; } .double.va > * { padding: 0 0 0 30px; border-left-width: 0; } #root .double.va > * + * { margin-top: 50px; } .double.va .module-cta { } #root .double.va .module-cta > div { min-height: 0; padding: 35px 20px 30px 30px; } #root .double.va .module-cta p { position: relative; left: 0; top: 0; margin-top: 18px; } #root .double.va .module-cta p.link-circle a { width: 50px; height: 50px; font-size: 15px; } .gallery-a, .gallery-a li { display: block; } .gallery-a li { width: auto; } .image-offset { margin-left: -20px; } .image-offset figcaption { margin-left: 20px; } .link-circle { margin-top: 22px; } .link-more { } .link-more > span, .module-offset.a h4, .module-offset.a h5, .module-offset.a h6 { margin-bottom: 7px; } #root .double > h1 + .link-more, #root .double > h2 + .link-more { margin-top: -8px; padding-top: 0; } .list-a { } .list-a li { margin-bottom: 34px; font-size: 1.6em; } .list-b { } .list-b li { float: none; width: auto; margin: 0 0 12px; } .list-c { margin-top: 0; padding-left: 46px; } .list-c a:after { left: -46px; } .list-c a:hover:after { left: -36px; } .list-files { } .list-files li { font-size: 1.2em; } #root .list-files a { min-height: 68px; padding: 15px 0 15px 50px; } .list-files i { left: 10px; top: 15px; } .list-files span, aside .list-files span { padding-top: 6px; } .list-results, #fb-results { } .list-results h1, .list-results h2, .list-results h3, .list-results h4, .list-results h5, .list-results h6, #fb-results h1, #fb-results h2, #fb-results h3, #fb-results h4, #fb-results h5, #fb-results h6 { margin-bottom: 6px; } .list-results .list-details, #fb-results .list-details { margin-bottom: 8px; } .list-social { margin-left: -24px; margin-right: -24px; } .list-social li { display: inline-block; float: none; margin: 0 24px; } .list-social li i { display: inline-block; float: none; font-size: 20px; line-height: 20px; } .list-social li i.icon-twitter { font-size: 18px; } #root .mb-d, #root .mb-e { margin-bottom: 30px; } .module-article-a { padding-right: 0; } .module-article-a .module-tags, .module-article-a .module-offset { margin-right: 0; } .module-article-a * + p.small { margin-top: 20px; } .module-box, .link-box, #content > aside .form-a, .cols-a > aside .form-a, .cols-a > header:first-child .form-a, .module-featured { margin-bottom: 30px; } .module-box, .module-cta, .module-featured { margin-top: 30px; } .module-cta, #root .module-cta { min-height: 0; margin: 0 0 30px; padding: 0; } #root .module-cta > div { min-height: 280px; padding: 35px 20px 90px 30px; } #root .module-cta > figure, #root .module-cta > div, #root .module-cta:before { border-radius: 0 0 25px 0; } #root .module-cta:before { } #root .module-cta h1, #root .module-cta h2, #root .module-cta h3, #root .module-cta h4, #root .module-cta h5, #root .module-cta h6 { margin: 0; font-size: 2.8em; line-height: 1.35714285714; } .module-cta h1 span, aside .module-cta h2 span, .module-cta h3 span, .module-cta h4 span, .module-cta h5 span, .module-cta h6 span { margin: 0 0 14px; } #root .module-cta .link-circle { position: absolute; left: 30px; top: auto; bottom: 30px; margin: 0; } #root .module-cta .link-circle a { width: 40px; height: 40px; } #root .module-cta .link-circle a:before { font-size: 12px; } #root .cols-a > * > .module-cta:last-child { margin-bottom: 0; } .no-mobile .module-cta:hover:before, #root .module-cta:before { box-shadow: 4px 4px 9px rgba(0,0,0,.07); } .module-featured, .module-featured.a, .module-featured.b { margin-left: -20px; margin-right: -20px; margin-bottom: 45px; padding: 20px 20px 30px 50px; } .module-featured figure { margin: 0 0 40px -50px; } .module-featured-raw h1, .module-featured-raw h2, .module-featured-raw h3, .module-featured-raw h4, .module-featured-raw h5, .module-featured-raw h6, .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h6, .module-featured h5 { margin-bottom: 20px; font-size: 3.1em; } .module-featured .link-btn { margin-top: 28px; } .module-featured.b { margin-left: 0; margin-right: 0; padding: 45px 30px 22px; } .module-featured.b figure { margin: 42px -50px 0 -30px; box-shadow: 0 2px 4px rgba(69,66,66,.2); } .module-featured.b figure:last-child { margin-bottom: -22px; } .module-pattern { margin: 30px 0; padding: 43px 0 30px; } .module-pattern > header { margin-bottom: 48px; } .module-pattern header ul { margin-bottom: 14px; } .module-news-a, .module-news-a + .module-news-a { margin-top: 27px; margin-bottom: 20px; } .module-pattern h1, .module-pattern h2, .module-pattern h3, .module-pattern h4, .module-pattern h5, .module-pattern h6, #root .module-box h1, #root .module-box h2, #root .module-box h3, #root .module-box h4, #root .module-box h5, #root .module-box h6 { margin: 0 0 10px; font-size: 31px; } .module-news-a article, .module-news-a.b article, #root .module-box, .module-news-a.c article:first-child { float: none; width: auto; min-height: 0; margin: 0 0 30px; padding: 31px 30px 46px; } .module-news-a article:before { border-top-width: 5px; } .no-mobile #root .module-news-a article:hover:before { left: 0; right: 0; bottom: 0; top: 0; box-shadow: 4px 4px 9px rgba(0,0,0,.07); } .module-news-a article header, #root .module-box:last-child { margin-bottom: 0; } .module-news-a article h1, .module-news-a article h2, .module-news-a article h3, .module-news-a article h4, .module-news-a article h5, .module-news-a article h6 { margin: 0 0 15px; font-size: 2.5em; } .module-news-a .link-more, .module-news-a.b .link-more, .module-box .link-more, aside .module-box .link-more { position: absolute; left: 30px; bottom: 26px; top: auto; margin: 0; } .module-pattern .module-news-a:last-child { margin-bottom: 0; } .module-offset { margin-top: 48px; margin-left: -20px; margin-bottom: 39px; padding: 17.5px 25px 2px 43px; } .module-offset:before { left: 20px; top: -36px; height: 152px; border-top-width: 62px; } .module-offset + h1, .module-offset + h2, .module-offset + h3 { margin-top: 0; } .module-tags { margin-top: 35px; padding-top: 25px; } .module-tags h1, .module-tags h2, .module-tags h3, .module-tags h4, .module-tags h6, .module-tags h5 { margin: 0 16px 16px 0; font-size: 1.19em; line-height: 26px; } .module-tags ul { margin-bottom: 8px; } .module-tags ul li { margin: 0 8px 8px 0; padding: 0 8px; line-height: 26px; font-size: 1.19em; } .nav-a { overflow: visible; position: relative; z-index: 9; margin: 0 0 30px; padding: 26px 20px 10px; } .nav-a h1, .nav-a h2, .nav-a h3, .nav-a h4, .nav-a h5, .nav-a h6 { float: none; width: auto; margin: 0 0 25px; padding: 0; } .nav-a .semantic-select, .nav-a .select { border-bottom: 3px solid #84b819; } .nav-a .semantic-select .input { height: 47px; padding-left: 20px; border-radius: 0; border-color: #b8b8b9; border-bottom: 0; color: #5e5e5e; line-height: 45px; } .nav-a .semantic-select ul { border-radius: 0; border-color: #b8b8b9; } .nav-a .semantic-select ul li { border-color: #b8b8b9; } .nav-a .semantic-select ul li a { padding-left: 20px; padding-right: 20px; border-color: #b8b8b9; color: #5e5e5e; } .nav-a .semantic-select ul li.active a { color: #fff; } .nav-a .select { background: #fff; } .nav-a .select:before, .nav-a .semantic-select .ticker:before { width: 35px; height: 47px; color: #3b3d41; font-size: 8px; line-height: 47px; } #root .nav-a select { display: block; position: relative; left: 0; top: 0; height: 47px; padding-left: 19px; padding-top: 12px; padding-bottom: 12px; border-radius: 0; border-color: #b8b8b9; border-bottom: 0; color: #5e5e5e; } .pagination-a { margin-bottom: 30px; } .pagination-a a { margin: 0 16px; } .pagination-a li.prev { padding-right: 17px; } .pagination-a li.next { padding-left: 17px; } .quote { } figure + .quote, aside h3 + .list-files, aside .h3 + .list-files { margin-top: 0; } .module-article-a.a p.quote, .quote { margin-bottom: 25px; } table { } table + figure, figure + table, .table-wrapper + figure, figure + table-wrapper { margin-top: 40px; } table th, table td { display: block; overflow: hidden; border-width: 0; text-overflow: ellipsis; white-space: nowrap; } .table-wrapper { overflow-x: auto; } .tabs-a { margin-bottom: 43px; } .tabs-a .module-featured { margin: 0; } .video { } figure a.video:after, figure a.video.small:after { width: 50px; height: 50px; margin: -25px 0 0 -25px; padding: 0 0 0 5px; font-size: 19px; line-height: 50px; } .semantic-select, .select, input, select, textarea, .semantic-select .input { width: 100%; max-width: none; } #root .form-a { padding: 24px 20px 0; border-bottom-width: 30px; border-right: 0; } .form-a { margin: 30px 0; } .form-a:before { right: 0; bottom: -30px; width: auto; } #root .form-a h1, #root .form-a h2, #root .form-a h3, #root .form-a h4, #root .form-a h5, #root .form-a h6, #root .form-a legend { position: relative; left: 0; top: 0; margin: 0 0 10px; line-height: 1.4; } .form-a p { padding: 0; } .form-a label, .form-a.a label, .form-a.a em.error { position: relative; top: 0; margin: 0 0 7px; padding: 0; } #root .form-a input { padding: 0 25px; } .form-a em.error { margin: 4px 0 0; } .form-a button, #root .form-a input[type="submit"], #root .form-a input[type="button"], #root .form-a input[type="reset"] { position: relative; width: 100%; margin: 18px 0 0; padding-left: 30px; padding-right: 0; line-height: 1; } .form-a ul a, .ui-autocomplete li { padding-left: 25px; padding-right: 25px; } .form-a + .tabs-a, .form-a + .nav-a { margin-top: 50px; } .form-a.a { } .form-a.a:after { bottom: auto; height: 45px; } .form-b { } .form-b p, .form-b p:first-child:last-child { float: left; } .form-b h1, .form-b h2, .form-b h3, .form-b h4, .form-b h5, .form-b h6 { float: none; margin-bottom: 10px; font-size: 2.5em; line-height: 1.4; } .form-filter, #fb-facets { } .form-b label { margin-right: 15px; } .form-filter ul, #fb-facets ul { padding-top: 0; padding-bottom: 13px; } .form-filter:last-child, #fb-facets:last-child { margin-bottom: 0; } .menu-active #mobile { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } #root .tablet-hide, #root .mobile-only, #root #nav > ul > li.search, aside .module-box p { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, #up, #root #nav > ul > li, #top > form > fieldset > div:before, #top > .progress, #footer h1, #footer h2, #footer h3, #footer h5, #footer h4, #footer h6, #breadcrumbs, #root .cols-a:after, #root .module-news-a figure, #root .module-box figure, #root aside .module-box figure, #root .module-cta p, .nav-a > ul, #root #title figure.mobile-hide, #root #featured > figure.mobile-hide, table th { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media only screen and (max-width: 25em) { /* 400 */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } #title { } #title:before, #title header { right: 32%; } #featured { } #featured header { padding-right: 40px; } #featured header:before { right: 20px; } .module-featured, .module-featured.a { padding-left: 20px; } .module-featured figure { margin-left: -20px; } .module-news-a { } .module-news-a article, .module-news-a.b article, #root .module-box { padding: 20px 20px 32px; } .module-news-a article h1, .module-news-a article h2, .module-news-a article h3, .module-news-a article h4, .module-news-a article h5, .module-news-a article h6 { font-size: 2.2em; } .module-news-a .link-more, .module-news-a.b .link-more, .module-box .link-more, aside .module-box .link-more { left: 20px; bottom: 12px; } } #title.content-title > header { position:relative; bottom:auto; } .module-featured.b > div.tabs-inner { min-height:351px; } #select-product .hidden { display: none; visibility: hidden; } #select-product label { font-size: 14px; } div.pdf-only { display: none; } #select-product .select:before { content: " " !important; } /* --- jqPlot (minified) --- */ .jqplot-target{position:relative;color:#666;font-size:1em}.jqplot-axis{font-size:.75em}.jqplot-xaxis{margin-top:10px}.jqplot-x2axis{margin-bottom:10px}.jqplot-yaxis{margin-right:10px}.jqplot-y2axis,.jqplot-y3axis,.jqplot-y4axis,.jqplot-y5axis,.jqplot-y6axis,.jqplot-y7axis,.jqplot-y8axis,.jqplot-y9axis,.jqplot-yMidAxis{margin-left:10px;margin-right:10px}.jqplot-axis-tick,.jqplot-xaxis-tick,.jqplot-yaxis-tick,.jqplot-x2axis-tick,.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick,.jqplot-yMidAxis-tick{position:absolute;white-space:pre}.jqplot-xaxis-tick{top:0;left:15px;vertical-align:top}.jqplot-x2axis-tick{bottom:0;left:15px;vertical-align:bottom}.jqplot-yaxis-tick{right:0;top:15px;text-align:right}.jqplot-yaxis-tick.jqplot-breakTick{right:-20px;margin-right:0;padding:1px 5px 1px 5px;z-index:2;font-size:1.5em}.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick{left:0;top:15px;text-align:left}.jqplot-yMidAxis-tick{text-align:center;white-space:nowrap}.jqplot-xaxis-label{margin-top:10px;font-size:11pt;position:absolute}.jqplot-x2axis-label{margin-bottom:10px;font-size:11pt;position:absolute}.jqplot-yaxis-label{margin-right:10px;font-size:11pt;position:absolute}.jqplot-yMidAxis-label{font-size:11pt;position:absolute}.jqplot-y2axis-label,.jqplot-y3axis-label,.jqplot-y4axis-label,.jqplot-y5axis-label,.jqplot-y6axis-label,.jqplot-y7axis-label,.jqplot-y8axis-label,.jqplot-y9axis-label{font-size:11pt;margin-left:10px;position:absolute}.jqplot-meterGauge-tick{font-size:.75em;color:#999}.jqplot-meterGauge-label{font-size:1em;color:#999}table.jqplot-table-legend{margin-top:12px;margin-bottom:12px;margin-left:12px;margin-right:12px}table.jqplot-table-legend,table.jqplot-cursor-legend{background-color:rgba(255,255,255,0.6);border:1px solid #ccc;position:absolute;font-size:.75em}td.jqplot-table-legend{vertical-align:middle}td.jqplot-seriesToggle:hover,td.jqplot-seriesToggle:active{cursor:pointer}.jqplot-table-legend .jqplot-series-hidden{text-decoration:line-through}div.jqplot-table-legend-swatch-outline{border:0px none; padding:2px}div.jqplot-table-legend-swatch{width:0;height:0;border-top-width:5px;border-bottom-width:5px;border-left-width:6px;border-right-width:6px;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-style:solid}.jqplot-title{top:0;left:0;padding-bottom:.5em;font-size:1.2em}table.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em}.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-highlighter-tooltip,.jqplot-canvasOverlay-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-point-label{font-size:.75em;z-index:2}td.jqplot-cursor-legend-swatch{vertical-align:middle;text-align:center}div.jqplot-cursor-legend-swatch{width:1.2em;height:.7em}.jqplot-error{text-align:center}.jqplot-error-message{position:relative;top:46%;display:inline-block}div.jqplot-bubble-label{font-size:.8em;padding-left:2px;padding-right:2px;color:rgb(20%,20%,20%)}div.jqplot-bubble-label.jqplot-bubble-label-highlight{background:rgba(90%,90%,90%,0.7)}div.jqplot-noData-container{text-align:center;background-color:rgba(96%,96%,96%,0.3)} .jqplot-pie-series.jqplot-data-label { color: #000; } #performance_graph, #allocation_chart { margin-right: 20px; margin-bottom: 20px; } table.jqplot-table-legend, table.jqplot-cursor-legend { border: 0 none; box-shadow: none; } table tr td.jqplot-table-legend, table tr td.jqplot-table-legend-swatch { background-color: #FFFFFF !important; } #allocation_chart { margin-top: 35px; width: 450px; } #allocation_chart table.jqplot-table-legend { padding: 10px 0 0 5px; /* width: 175px; */ } #allocation_chart table.jqplot-table-legend > tr > td { padding: 5px 30px; font-size: 1.3em; } img#pdf-logo { display: none; } div.pdf-only { display: none; } label#q46888_q7 { display: none;} input#q46888_q7.sq-form-field { display: none;} body.inside.noh1 h1 { display: none;} table { page-break-before: always; } select { border: 1px solid #bbb;} .anchor:before { display: block; content: " "; margin-top: -155px; height: 155px; visibility: hidden; } /* Maintenance */ /*#nav > ul > li > #login > li:nth-child(1) > a span.inner {*/ /*color: #c41230;*/ /*}*/ /*#root #nav > ul > li > #login > li:nth-child(1) > a:before {*/ /*content: '' !important;*/ /*}*/ .link-white a { color: #fff; text-decoration: none; border: none; } /* 2018 addition - Graduate icon */ .list-results h2 .gradIcon{ color:#398557; text-decoration:none; margin-left:15px; font-size:1.5em; display:inline-block; } .list-results h2 .gradIcon i{ font-size:1em; } .tooltip-block{ position:absolute; padding:10px; color:#3b3d41; border:1px solid #007a45; } .gradLink{border:none!important;}