:root {--headheight: 60px; --bodyWidth: 1180px;} body {background-color:white; margin:0px; padding:0px;} body, body p, body ul, body li, input[type="text"], textarea, select, input[type="password"], input[type="number"], input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number], textarea, select {font-family:'Figtree'; color:#1C1C1E; font-size:14px; line-height:170%; font-weight:300;} form {margin:0px;} input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number], textarea, select {display:inline-block; outline: 0; border:#EDEDED 2px solid; width:100%; padding:13px 20px; border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .all {min-height: calc(100vh - 564px);} div {width:100%; box-sizing:border-box; background-repeat:no-repeat;} .inter {font-family:Inter;} .black {color:black;} .green {color:#00BC45;} .blue {color:#3168ED;} .bluelight {color:#E8F0F8;} .bluemedium {color:#A6C5E6;} .cream {color:#FAF8F6;} .creamdark {color:#ECE7E0;} .creamdarker {color:#F3F0EC;} .creamdarkest {color:#E3DDD6;} .creamlight {color:#FCFBFA;} .greydark {color:#1C1C1E;} a.greydarklink, .greydarklink a {color:#1C1C1E; text-decoration:none;} .hover.greydarklink:hover {text-decoration:none;} .greymedium {color:#90949D;} .greyharline {color:#EDEDED;} .white {color:#FFFFFF;} .greenlight {color:#EDF7E6;} .greenmedium {color:#C4E5AE;} .red {color:#FF5839;} .redlight {color:#FFEAE6;} .yellow {color:#FCD755;} .yellowlight {color:#FEF5D4;} .pink {color:#FFDAFF;} .pinklight {color:#FFF4FF;} .teal {color:#5AA9AB;} .bgwhite {background-color:white;} .bgblue {background-color:#3168ED;} .bgcream {background-color:#FAF8F6;} .bgdarkercream {background-color:#ECE7E0;} .bghairlinegrey {background-color:#EDEDED;} .bgteal {background-color:#5AA9AB;} .bgyellow {background-color:#FCD755;} .bgcreamlighter {background-color:#FCFBFA;} .title {font-weight:bold; font-size:50px; line-height:120%;} h1 {font-weight:bold; font-size:36px; line-height:140%; margin:0px; padding-top:18px;} h2 {font-weight:bold; font-size:26px; line-height:140%; margin:0px; padding-top:14px;} h3 {font-weight:600; font-size:20px; line-height:150%; margin:0px; padding-top:10px;} h4 {font-weight:500; font-size:16px; line-height:150%; margin:0px; padding-top:10px;} h1 a, h2 a {font-weight:bold; text-decoration:none;} h3 a {font-weight:600; text-decoration:none;} h4 a {font-weight:500; text-decoration:none;} .light {font-weight:300;} .semibold {font-weight:500;} .bold {font-weight:600;} a {color:#1C1C1E; text-decoration:none; font-weight:300;} a:hover {text-decoration:none;} .hidden {position:absolute; top:-9999px; left:-9999px;} .shadow {-moz-box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px;} .strongshadow {-moz-box-shadow: rgba(0, 0, 0, 0.18) 0px 9px 12px; -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0px 9px 12px; box-shadow: rgba(0, 0, 0, 0.18) 0px 9px 12px;} .radius {border-radius:10px;} .unselectable {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .pointer {cursor:pointer;} .linear {background: linear-gradient(90deg, #0C8B92 0%, #409D97 25%, #6DB3B6 50%, #87AB9F 65%, #83B4B3 79.81%, #86B9B9 100%);} .table {display:table; width:100%; box-sizing:border-box; vertical-align:top;} .row {display:table-row; width:100%; box-sizing:border-box; vertical-align:top;} .cell {display:table-cell; box-sizing:border-box; vertical-align:top;} .inline {display:inline-block; box-sizing:border-box;} .right {float:right;} .left {float:left;} .middle {vertical-align:middle;} .textcenter {text-align:center;} .flex {display:flex; flex-wrap:wrap;} .flexcenter {justify-content:center;} .flexstretch {align-items:stretch;} .flexfill {flex:1;} .gap {gap: 20px;} .grid {display: grid;} .grid-4 {display:grid; grid-template-columns:repeat(4, 1fr);} .grid-3 {display:grid; grid-template-columns:repeat(3, 1fr);} .cols-1 > * {flex: 1 1 100%;} .cols-2 > * {flex: 1 1 calc((100% / 2) - var(--gap) + (var(--gap) / 2));} .cols-3 > * {flex: 1 1 calc((100% / 3) - var(--gap) + (var(--gap) / 3));} .cols-4 > * {flex: 1 1 calc((100% / 4) - var(--gap) + (var(--gap) / 4));} .button {font-family:'Figtree'; border:none; font-size:14px; font-weight:600; width:fit-content; min-width:200px; outline:none; border-radius:50px; padding:16px 36px; cursor:pointer; letter-spacing:0px; text-align:center; -webkit-appearance: none; box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; margin:40px 0px 0px 0px;} .heading .button {font-size:20px; line-height:150%; padding:20px 0px; margin-top:44px;} .button.view {background-image:url(/resources/images/icon-arrow-white-right.svg); background-position:calc(100% - 30px) 50%; padding-right:0px; padding-left:0px;} .selected {background-color:#3168ED; color:white; border:none;} .nooutline {outline:none;} .warning {padding:14px; background-color:#FEF5D4; border-radius:10px; margin-bottom:11px; margin-top:6px;} .closeicon {font-size:36px; line-height:36px; z-index: 1; text-align:right;} .closeicon a {text-decoration:none; color:#1C1C1E;} .track {transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);will-change: transform;} img.rounded {border-radius:10px; -webkit-mask-image:-webkit-radial-gradient(white, black);} .fundedbadge {margin-top:10px; margin-bottom:2px; background-color:#EDF7E6; border-radius:10px; text-align:center; max-width:149px; padding:5px 0px 4px 16px; background-image:url('/resources/images/icon-funded.png'); background-repeat:no-repeat; background-position:13px 50%;} .texture {background-image: url('/resources/images/background-ellipse-pink.png'), url('/resources/images/background-semi-circle-blue-lines.png'), url('/resources/images/background-four-circles-yellow.png'), url('/resources/images/background-c-green.png'), url('/resources/images/background-ellipse-pink.png'), url('/resources/images/background-semi-circle-blue-lines.png'), url('/resources/images/background-four-circles-yellow.png'), url('/resources/images/background-c-green.png'), url('/resources/images/background-ellipse-pink.png'), url('/resources/images/background-semi-circle-blue-lines.png'), url('/resources/images/background-four-circles-yellow.png'), url('/resources/images/background-c-green.png'), url('/resources/images/background-ellipse-pink.png'), url('/resources/images/background-semi-circle-blue-lines.png'), url('/resources/images/background-four-circles-yellow.png'), url('/resources/images/background-c-green.png'); background-position: calc((100vw / 2) + 650px) 450px, calc((100vw / 2) - 907px) 1350px, calc((100vw / 2) + 650px) 2250px, calc((100vw / 2) - 907px) 3150px, calc((100vw / 2) + 650px) 4050px, calc((100vw / 2) - 907px) 4950px, calc((100vw / 2) + 650px) 5850px, calc((100vw / 2) - 907px) 6750px, calc((100vw / 2) + 650px) 7650px, calc((100vw / 2) - 907px) 8550px, calc((100vw / 2) + 650px) 9450px, calc((100vw / 2) - 907px) 10350px, calc((100vw / 2) + 650px) 11250px, calc((100vw / 2) - 907px) 12150px, calc((100vw / 2) + 650px) 13050px, calc((100vw / 2) - 907px) 13950px; background-repeat: no-repeat;} .school p {padding:0px 0px 0px 33px; margin:0px;} .red.error {margin:5px 0px 10px 0px;} .page {max-width:var(--bodyWidth); margin:auto;} .section {padding-top:140px; padding-bottom:120px;} .section.first {padding-top:80px;} .section .title {padding-bottom:26px; padding-top:0px;} .tight {max-width:950px; margin-left:auto; margin-right:auto;} .news .tight {max-width:780px; width:100%;} .back {height:80px;} .back .button {background-image:url('/resources/images/icon-back-compact.png'); margin:auto auto auto 0px; font-weight:300; background-repeat:no-repeat; background-position:15px 48%; padding:10px 18px 10px 30px; width:fit-content; min-width:unset; text-align: left;} div.outcome:hover, .provider-grid .provider-card:hover, div.tag.view:hover, .location-list .item:hover, .listgrey .item:hover, .button:hover { -moz-box-shadow: rgba(0,0,0,0.25) 0px 2px 8px; -webkit-box-shadow: rgba(0,0,0,0.25) 0px 2px 8px; box-shadow: rgba(0,0,0,0.25) 0px 2px 8px; } .borderdarkgrey {border:1px solid #1C1C1E;} .borderharlinegrey {border:1px solid #EDEDED;} .borderbottomharlinegrey {border-bottom:1px solid #EDEDED;} .borderblue {border:1px solid #3168ED;} .tag {font-size:13px; line-height:150%;} .xsmall {font-size:11px; line-height:16px;} .small {font-size:13px; line-height:170%;} .medium {font-size:16px; line-height:170%;} .large {font-size:18px; line-height:170%;} .xlarge {font-size:24px; line-height:150%;} .xxlarge {font-size:30px; line-height:130%;} .xxxlarge {font-size:42px; line-height:170%;} /* lists */ .listgrey {display:grid; width:100%; gap:0px 20px;} .listgrey.col2 {grid-template-columns:repeat(2, 1fr)} .listgrey .item {width:100%; margin-bottom:5px; padding:11px 30px; background-color:#FAF8F6;} .listgrey.col2 .item:nth-child(1) {border-top-left-radius:10px; border-top-right-radius:10px;} .listgrey.col2 .item:nth-child(2) {border-top-left-radius:10px; border-top-right-radius:10px;} .listgrey.col2 .item:last-child {border-bottom-right-radius:10px; border-bottom-left-radius:10px;} .listgrey.col2 .item:nth-last-child(2) {border-bottom-right-radius:10px; border-bottom-left-radius:10px;} .listgrey.col3 {grid-template-columns:repeat(3, 1fr)} .listgrey.col3 .item:nth-child(1) {border-top-left-radius:10px; border-top-right-radius:10px;} .listgrey.col3 .item:nth-child(2) {border-top-left-radius:10px; border-top-right-radius:10px;} .listgrey.col3 .item:nth-child(3) {border-top-left-radius:10px; border-top-right-radius:10px;} .listgrey.col3 .item:last-child {border-bottom-right-radius:10px; border-bottom-left-radius:10px;} .listgrey.col3 .item:nth-last-child(2) {border-bottom-right-radius:10px; border-bottom-left-radius:10px;} .listgrey.col3 .item:nth-last-child(3) {border-bottom-right-radius:10px; border-bottom-left-radius:10px;} .listoffaqs .faq {border-width:2px; padding:30px; margin-bottom:20px;} .listoffaqs .faq:last-child {margin-bottom:0px;} .listoffaqs .faq .question {display:flex; align-items:center; gap:10px; margin-bottom:30px;} .listoffaqs .faq .question img {max-height:41px; width:auto; flex-shrink:0;} .listoffaqs .faq .question h4 {margin:0px; padding:0px;} .listoffaqs .faq .author {display:flex; align-items:center; gap:10px;} .listoffaqs .faq .author img {max-height:20px; width:auto; flex-shrink:0;} .listofcategories {display:grid; grid-template-columns:repeat(4, 1fr); gap: 20px;} .listofcategories .category {padding:30px; min-height:540px; display:flex; flex-direction:column; align-items:baseline; border-width:2px; box-sizing:border-box; max-width:282px; width:100%;} .listofcategories .category img {max-height:30px;} .listofcategories .category h3 {min-height:70px;} .listofcategories .category .bottom {margin-top:auto;} .listofcategories .category .desc {min-height:180px;} .listofcategories .category .button {margin:auto 0px 0px 0px; border:1px solid #90949D; width:fit-content; min-width:unset; text-align:left; padding:8px 15px 8px 26px; font-weight:300; background-image:url('/resources/images/icon-category-back.svg'); background-repeat:no-repeat; background-position:14px 50%;} .listofcategories .category .button.view {padding-left:15px; margin-top:9px; padding-right:26px; background-image:url('/resources/images/icon-category-back-right.svg'); background-position:calc(100% - 14px) 50%;} .listofcategories .listofoutcomes {padding-top:2px;} .listofcategoriesbasic {display:grid; grid-template-columns: repeat(3, 1fr); gap:0px 10px; width: 100%;} .listofcategoriesbasic div {width:100%; cursor:pointer; margin-bottom:10px; padding:16px 30px 16px 43px; border-radius:10px; background-color:#FAF8F6; background-image:url('/resources/images/list-blue.svg'); background-position:19px 50%;} .listofoutcomes {display:flex; flex-wrap:wrap; gap:9px;} .listofoutcomes .item {display:inline-block; width:unset; padding:6px 20px; border-radius:30px; font-size:13px; cursor:pointer; border:1px solid #90949D;} .listofoutcomes .item.big {padding:14px 22px; font-size:14px;} .listofoutcomes .item.viewall {padding-right:28px; background-image:url('/resources/images/icon-search-outcomes-all.png'); background-repeat:no-repeat; background-position:82%; } .listofproviders {gap:20px; padding-top:10px;} .listofproviders .item {display:inline-block; width:unset; border-radius:10px; min-width: 0;} .listofproviders .item .logo {padding:40px 0px 30px 0px; border-bottom:1px solid #EDEDED; min-height:154px; text-align:center; align-content: center;} .listofproviders .item .logo img {max-width:280px; height:auto; max-height:74px; margin:auto;} .listofproviders .item .detail {padding:20px 50px 28px 50px;} .listofproviders .item .detail div {border-bottom:1px solid #EDEDED; padding-bottom:12px; margin-bottom:12px;} .listofproviders .item .detail div:last-child {border-bottom:none; padding-bottom:0px; margin-bottom:0px;} .listofproviders .item .detail div p {padding:0px; margin:0px;} .listofproviders .item .detail div p.bold {padding-bottom:5px;} /* enquiry form */ .form {max-width:580px} .form .question {border-radius:10px !important; -o-border-radius: 10px !important; -ms-border-radius: 10px !important; -moz-border-radius: 10px !important; -webkit-border-radius: 10px !important; border:2px solid #EDEDED; --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; background-color:white; margin-bottom:1rem !important;} .form .question .float {margin: 5px; position: relative; text-align:left;} .form .question .float label {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1rem .75rem; overflow:; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; transform-origin: 0 0; transition: opacity .1s ease-in-out, transform .1s ease-in-out; display:none;} .form .question .divider {border-top: #EDEDED 1px solid; width: 100%; margin: 0;} .form input[type=text], .form input[type=email], .form input[type=password], .form input[type=tel], .form input[type=number], .form textarea, .form select {font-size:14px; font-weight: 300; display: inline-block; outline: 0; width:calc(100% - 10px); padding: 20px 20px; border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-sizing:border-box;} .form .terms {display:flex; flex-wrap:wrap; align-items:flex-start;} .form .terms div:first-child {flex:0 0 35px; width:35px;} .form .terms div:last-child {flex:1;} .form .terms [type=checkbox] {width:24px; height:24px;} .form .button {max-width:100%;} .enquiry .form {margin:auto;} .enquiry .form .button {width:100%;} /* head */ .header .page .head svg {margin-top:10px;} .header .page .head .flex {align-items:center;} .header .page .head .flex .logo {flex: 0 0 100px; width:100px;} .header .page .head .flex .burger {flex: 0 0 50px; width:50px;} .header .page .head .flex .flexfill .searchbox {width:600px; margin:auto; border-radius:100px; align-items:center; padding-left:6px;} .header .page .head .flex .flexfill .searchbox div:last-child {flex:0 0 30px; width:30px; text-align:left; padding-top:8px;} .header .page .head .flex .flexfill .searchbox input[type=text] {border:none; background:transparent; margin:0; padding:5px 10px !important; font-size:14px; color:inherit; border:0 !important; border-radius:inherit;} .header .page .head .nav-icon {background-image:url('/resources/images/icon-menu.png'); background-repeat:no-repeat; background-position:center; width:50px; height:50px;} .header .page .head .nav-icon:hover {background-image:url('/resources/images/icon-menu-hover.png');} .page .head {height:var(--headheight); padding-top:5px;} .search.overlay {background-color: white; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 9999;} .search.overlay .content {height:100%; vertical-align:top;} .page .head .mobilesearchbox {display:none;} .search.overlay .content {padding:30px;} .search.overlay .searchbox.flex div:first-child {flex:1;} .search.overlay .searchbox.flex div:last-child {width:25px; min-width:25px; display:flex; justify-content:flex-end;} .search.overlay .searchbox.flex div:last-child img {width:100%; height:auto;} .search.overlay .searchbox.flex input[type="text"] {font-size:18px; width:100%; font-weight: 300; display:block; border:none;} .search.overlay .content .button {padding-top:20px; padding-bottom:20px; width:100%; max-width:100%; margin-top:24px;} .search.overlay .content .close {font-size: 36px; text-decoration:none; line-height: 36px; color: #1C1C1E; z-index: 1;} .search.overlay .content .close a {text-decoration:none;} .page .mobilesearchbox {text-align:right; padding-top:8px;} .page .mobilesearchbox img {max-width:20px; height:auto;} /* menu */ .menu-overlay {opacity:0.5; background:#000; width:100%; height:100%; z-index:10; position:fixed; display:none;} .nav a {float:right; user-select:none; text-align:right; cursor:pointer; padding-left:21px;} .menu {right:0px; background-color:#fff; height:100%; position:fixed; z-index:11; overflow:auto; box-sizing:border-box; width:500px; padding:0px;} .menu a {display: block; text-decoration: none!important; box-sizing:border-box;} .menu .close {text-align:left; display:block; box-sizing:border-box;} .menu .close a {background-image:url("/resources/images/icon-menu-back.png"); background-repeat:no-repeat; background-position:40px 28px; padding:25px 0px 20px 70px; font-size:15px; font-weight:500; color:#1C1C1E;} .menu .item {box-sizing:border-box; border-top:2px solid #EDEDED; display:block; color:#1C1C1E; font-size:16px; font-weight:500;} .menu .item a {padding-left:70px; padding-top:25px; padding-bottom:25px; width:100%; color:#1C1C1E; cursor:pointer; background-image:url("/resources/images/icon-nav-menu-bullet.png"); background-repeat:no-repeat; background-position:40px 32px; font-size:15px; font-weight:500; } .menu .item a:hover {color:#1C1C1E; background-color:#FAF8F6;} .menu .item .parent {border-bottom:2px solid #EDEDED;} .menu .item .child {border-top:2px solid #EDEDED;} .menu .item .child a {background-image:none !important; color:#1C1C1E; font-size:13px; font-weight:600 !important; padding-top:10px; padding-bottom:10px; border-top:2px solid #EDEDED;} .menu .item .child a:first-child {border-top:none;} .menu .item .closed a {background-image:url("/resources/images/icon-nav-menu-bullet.png"), url(/resources/images/icon-menu-item-bg.gif); background-repeat:no-repeat; background-position:40px 32px, 96%;} .menu .item .open a {background-image:url("/resources/images/icon-nav-menu-bullet.png"), url(/resources/images/icon-menu-item-bg-selected.gif); background-color:white; background-repeat:no-repeat; background-position:40px 32px, 96%;} .menu .item .industry span {min-width:30px; display:inline-block; background-image:url(/resources/images/icon-menu-industry.gif); background-position:center left; background-repeat:no-repeat;} .processing-overlay {position:fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.3); z-index: 2; cursor: pointer;} .processing-overlay .text {position: absolute; top: 50%; left: 50%; font-size: 50px; color: white; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} /* footer */ .bgcream.footer.about .page .content {padding:100px 0px 110px 0px; display:block;} .bgcream.footer.about .page .content h2 {padding:0px 0px 50px 0px; margin:0px; text-align:center;} .bgcream.footer.about .page .content .flex {display:flex; gap:100px;} .bgcream.footer.about .page .content .flex div {flex:1; text-align:left; background-position:0px 50%; padding-left:104px} .bgcream.footer.about .page .content .flex div.quality {background-image:url('/resources/images/footer-icon-quality.svg');} .bgcream.footer.about .page .content .flex div.compare {background-image:url('/resources/images/footer-icon-compare.svg');} .bgcream.footer.about .page .content .flex div.insights {background-image:url('/resources/images/footer-icon-industry.svg');} .bgcream.footer.about .page .content .flex div p {padding:0px; margin:0px;} .bgcream.footer.about .page .content .flex div p.bold {padding-bottom:5px;} .bgdarkercream.footer a {color:#1C1C1E;} .bgdarkercream.footer .page .table {padding:60px 0px; font-size:13px;} .bgdarkercream.footer .page .table .row .cell:first-child {width:158px; text-align:left; vertical-align:top;} .bgdarkercream.footer .page .table .row .cell:last-child {width:calc(100% - 158px); text-align:left; vertical-align:top;} .bgdarkercream.footer .page .table .row .cell .inline {width:auto; padding-right:28px;} .bgdarkercream.footer .page .table .row .cell .inline:last-child {padding-right:0px;} /* breadcrumb */ .breadcrumb ol {display:flex; flex-wrap:wrap; align-items:center; list-style:none; padding:10px 0px; margin:0; gap:8px;} .breadcrumb li {display:flex; align-items:center;} .breadcrumb li:not(:last-child)::after {content:""; display: inline-block; width:4.64px; height:8px; margin-left:10px; background:url('/resources/images/icon-breadcrumb.png') no-repeat center center; background-size:contain;} .breadcrumb li a.greydarklink {color:#1C1C1E; font-weight:300;} .breadcrumb li a.greymedium {color:#90949D; font-weight:300; text-decoration:none;} /* common */ .common.detail .section {padding-top:40px;} .common.detail h1 {margin-bottom:18px;} .common.detail h2 {margin:120px 0px 38px 0px; padding:0px;} .common.detail .tight {max-width:650px; margin:unset;} /* news */ .news .heading {background-image:url('/resources/images/background-donut-yellow.png'), url('/resources/images/background-semi-circle-blue.png'); background-position:-155px -338px, calc(100% + 210px) 100%; background-repeat:no-repeat;} .news .heading .flex.gap {--gap:44px;} .news .heading .list .article {padding-bottom:10px; border-bottom:1px solid #EDEDED; margin-bottom:10px;} .news .heading .list .article:last-child {padding-bottom:0px; border-bottom:none; margin-bottom:0px;} .news .article img {width:100%; max-height:260px;} .news img.rounded {width:100%;} .news .searcharticles .page .section {padding:30px 0px;} .news .search-wrapper {padding: 3px 3px 3px 10px; border-width:2px; display: flex; background-color: #fff; align-items: center; border-radius:100px;} .news .search-wrapper label {display:inline-flex; gap:4px; align-items:center; line-height:14px; text-transform:uppercase; color:#90949D; padding:5px 15px; margin-left:10px; margin-bottom:0; position:relative; border-right:#EDEDED 2px solid;} .news .search-wrapper label:before {content: ""; display: inline-block; width: 12px; height: 12px; background-image: url('/resources/images/icon-search-blog.png'); background-size: contain; background-repeat: no-repeat;} .news .search-wrapper input[type=text] {border: none; padding: 5px 10px;} .news .search-wrapper .button {width:180px;} .news .page .section .flex.list {margin-bottom:20px;} .news .page .section .flex.list:last-child {margin-bottom:0px;} .news #viewMoreWrapper .button {max-width:220px;} .news .flex.list .article {border-radius:10px; -webkit-mask-image:-webkit-radial-gradient(white, black); border-width:2px;} .news .flex.list .article .image {height:190px; background-image:url('https://courses-cms-prod-linux-esbzhtdweud6f7g4.australiaeast-01.azurewebsites.net//resources/images/blog/d9c864290b5b4175a157ca0f51fa2349.png'); background-position:center; background-size:cover;} .news .flex.list .article .detail {padding:20px 38px;} .news.search .searcharticles {background-image:url('/resources/images/background-donut-yellow.png'), url('/resources/images/background-semi-circle-blue.png'); background-position:calc((100vw / 2) - 940px) -520px, calc((100vw / 2) + 490px) 50px; background-repeat:no-repeat;} /* article list */ .articlelist {display:grid; gap:1.5rem; grid-template-columns: repeat(2, 1fr);} .articlelist .article {border-radius:10px; -webkit-mask-image:-webkit-radial-gradient(white, black); border-width:2px;} .articlelist .article .image {height:190px; background-position:center; background-size:cover;} .articlelist .article .detail {padding:20px 38px;} /* news article */ .news.detail .page .content.section.first {padding-bottom:50px;} .news.detail .page .content.section.last {padding-top:75px; border-bottom:2px solid #EDEDED; margin-bottom:170px;} .news.detail .page .content h1 {margin-bottom:66px;} .news.detail .page .content .authors {border-top:2px solid #EDEDED; padding-top:30px;} .news.detail .page .recent.articles {padding-bottom:200px;} .recent.articles h2 {padding-bottom:60px;} /* author */ .author.header {display:flex; align-items:stretch; gap:24px; width:100%; border-bottom:2px solid #EDEDED; margin-bottom:110px; padding-bottom:60px;} .author.header .col-1 {flex:0 0 120px; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; padding-top:5px;} .author.header .col-1 img {width:100%; max-width:120px; height:auto; object-fit:cover; border-radius:50%; padding-top:10px;} .author.header .col-2 {flex:1; display:flex; flex-direction:column; justify-content:flex-start;} .author-socials {list-style:none; padding:0; margin:15px 0 0 0; display:flex; gap:15px; align-items:center;} .author-socials li {display:inline-block;} .author-socials a {display:block; transition:transform 0.2s ease-in-out, opacity 0.2s ease;} .author-socials img {width:40px; height:40px; display:block; object-fit:contain;} .author-socials a:hover {transform:translateY(-3px); opacity:0.8;} .author.detail .author.header {margin-bottom:56px;} .author.detail .author-socials {margin-top:34px;} .author.detail h2 {padding:100px 0px 60px 0px;} /* providers */ .provider.list .tight .title, .provider.list .tight p {max-width:480px;} .provider.list .inter {font-size: 22px;} .provider.list .bgicon {background-image: url('/resources/images/icon-provider-list.png'); background-position:calc(50% + 288px) 50px; background-repeat: no-repeat; min-height: 420px;} .provider.list .provider-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; align-items: start; margin-bottom: 40px;} .provider.list .provider-grid .provider-card {aspect-ratio: 7 / 5; background: #fff; border-radius: 10px; text-align:center; display: flex; justify-content: center; align-items: center; transition: opacity 0.2s; box-sizing: border-box;} .provider.list .provider-grid .provider-card img {max-width: 80%; max-height: 80%; width: auto; height: auto; object-fit: contain;} /* provider detail */ .provider.detail .bgicon {background-image:url('/resources/images/background-donut-green.png'), url('/resources/images/background-semi-circle-blue-and-yellow.png'); background-position:calc(50% + 549px) -224px, calc(50% - 830px) 260px; background-repeat:no-repeat;} .provider.detail .section .cols-2 {display:flex; gap:80px;} .provider.detail .section .cols-2 .fixed {flex:0 0 750px; max-width:750px;} .provider.detail .section .cols-2 .flow {flex:1;} .provider.detail .section .cols-2 .summary .logo {border-bottom:1px solid #EDEDED; border-top-left-radius:10px; border-top-right-radius:10px; height: 142px; padding: 0 40px; display: flex; align-items: center; justify-content: center; background-color: white; overflow: hidden;} .provider.detail .section .cols-2 .summary .about {padding:0px 50px;} .provider.detail .section .cols-2 .summary .about div {border-bottom:1px solid #EDEDED; padding:20px 0px 20px 0px;} .provider.detail .section .cols-2 .summary .about div:last-child {border-bottom:none; padding-bottom:40px;} .provider.detail .section .cols-2 .summary .about div p {margin:0px; padding:4px 0px 0px 0px;} .provider.detail .section .cols-2 .summary .about div p.strong {font-weight:600; padding:0px;} .provider.detail .provider-course-list h2 {padding-top:100px; padding-bottom:44px;} /* government funding */ .funding.detail.home .eligibilityinfo.cols-2 {gap:40px; display:flex; align-items:center; margin-bottom:90px; margin-top:40px;} .funding.detail.home .eligibilityinfo.cols-2 div.fixed {flex:0 0 400px; width:400px;} .funding.detail.home .eligibilityinfo.cols-2 div.fixed p {margin-top:0px;} .funding.detail.home .eligibilityinfo.cols-2 div.fluid {flex:1;} .funding.detail.home .eligibilityinfo.cols-2 div.fluid div {background-image:url('/resources/images/icon-funding-checkbox.png'); background-repeat:no-repeat; background-position:60px 49%; padding:70px 70px 80px 170px;} .funding.detail.home .eligibilityinfo.cols-2 div.fluid div p {padding:0px; margin:0px;} .funding.detail.home .eligibilityinfo.cols-2 div.fluid div p.large {padding-bottom:10px;} .funding.detail.home .eligibilityinfo.cols-2 .button {font-size:14px; max-width:240px; padding:10px 0px; margin:unset;} .funding.detail.home .eligibilityinfo.cols-2 .button.mobile {display:none;} .funding .bgicon {background-repeat:no-repeat; background-position:calc((100vw / 2) - 980px) 50%, calc((100vw / 2) + 480px) 50%; background-size:contain;} .funding .heading {text-align:center; height:500px; align-content:center;} .funding .heading .sub {display:flex; align-items:center; gap:12px; width:fit-content; margin:auto;} .funding .heading .sub img {position:relative; top:5px;} .funding .heading h1 {margin-bottom:32px;} .funding .heading .tight {max-width:780px;} .funding .heading .button {max-width:360px; width:100%; background-image:url('/resources/images/icon-button-check.png'); background-position:60px 49%; background-repeat:no-repeat; padding-left:40px; margin-left:auto; margin-right:auto;} .funding.home .heading .button {margin-left:0px; margin-right:0px;} .funding.home .heading .title {text-align:left;} .funding h2 {margin-bottom:20px;} .funding .results {margin-top:40px; margin-bottom:110px;} .funding .schemes {width:100%; padding:58px; margin-top:40px; margin-bottom:90px;} .funding .schemes .scheme {display:flex; flex-wrap:wrap; gap:60px; padding-bottom:40px; border-bottom:1px solid #EDEDED; margin-bottom:40px;} .funding .schemes .scheme:last-child {margin-bottom:0px; border-bottom:none; padding-bottom:0px;} .funding .schemes .scheme div {flex:1; box-sizing: border-box;} .funding .schemes .scheme ul {padding-left:20px;} .funding .schemes .scheme .button {max-width:120px; margin:30px 0px 0px 0px; padding:12px 0px; width:100%;} .funding .schemes .scheme .button.mobile {display:none;} .funding .button.allfunded {max-width:280px; background-image:url('/resources/images/icon-arrow-right-white.png'); background-position:210px center; background-repeat:no-repeat; margin:auto; position:relative; bottom:68px;} .funding.detail .whatis {margin-bottom:110px;} .funding.detail .whatis .cols-2 {gap:40px; display:flex;} .funding.detail .whatis .eligibility {padding:60px;} .funding.detail .whatis .eligibility h3 {padding-top:0px; padding-bottom:30px;} .funding.detail .whatis .eligibility ul {list-style: none; padding:0; margin: 0;} .funding.detail .whatis .eligibility ul li {position: relative; padding-left:40px; margin-bottom:20px; padding-top:3px; line-height: 1.5;} .funding.detail .whatis .eligibility ul li::before {content: ""; position: absolute; left: 0; top: 2px; width: 24px; height: 24px; background-image: url('/resources/images/icon-list-blue-circle.png'); background-size: contain; background-repeat: no-repeat;} .funding.detail.home .bgicon {background-image:url('/resources/images/background-semi-circle-red-and-pink.svg'), url('/resources/images/background-four-circles-blue.svg');} /* common location list */ .location-list {gap:0px 20px; width:100%; margin-top:40px; margin-bottom:90px;} .location-list .item {width: 100%; margin-bottom:5px; padding:11px 30px;} .location-list .item:nth-child(1) {border-top-left-radius:10px; border-top-right-radius:10px;} .location-list .item:nth-child(2) {border-top-left-radius:10px; border-top-right-radius:10px;} .location-list .item:last-child {border-bottom-right-radius:10px; border-bottom-left-radius:10px;} .location-list .item:nth-last-child(2) {border-bottom-right-radius:10px; border-bottom-left-radius:10px;} .location-list .item:nth-child(-n+4) {border-top-left-radius:10px; border-top-right-radius:10px;} .location-list .item:nth-last-child(-n+4) {border-bottom-right-radius:10px; border-bottom-left-radius:10px;} /* course search results */ .listofcourses .course {border-width:2px; border-radius:10px; width:100%; padding:0px; display:flex; align-items:stretch; margin-bottom:30px;} .listofcourses .course.recommended {background-image:url('/resources/images/icon-recommended.svg'); background-position:0px 0px;} .listofcourses .course .mobile {display:none;} .listofcourses .course a {color:#1C1C1E; text-decoration:none;} .listofcourses .course a:hover {text-decoration:underline;} .listofcourses .course .inline {width:unset; vertical-align:top; box-sizing:border-box; padding:40px;} .listofcourses .course .inline:first-child {flex-grow:1; border-right:1px solid #EDEDED;} .listofcourses .course .inline:last-child {width:340px; flex-shrink:0; display:flex; flex-direction:column;} .listofcourses .course .inline .detail {border-top:1px solid #EDEDED; margin-top:20px; padding-top:20px;} .listofcourses .course .inline .detail:first-child {border-top:none; margin-top:unset; padding-top:unset;} .listofcourses .course .inline .detail p {padding:0px; margin:0px;} .listofcourses .course .inline .detail p.semibold {padding-bottom:10px;} .listofcourses .course .inline h3 {padding:0px; margin-top:0px;} .listofcourses .course .inline p.xsmall {padding:0px; margin:0px 0px 5px 0px;} .listofcourses .course .inline p.bold {padding:0px; margin-bottom:0px;} .listofcourses .course .inline p.overview {font-size:14px; padding-bottom:20px;} .listofcourses .course .inline .button {position:relative; margin:24px auto 0px auto; align-self:flex-start; background-image:url('/resources/images/icon-button-find.svg'); background-repeat:no-repeat;background-position:50px 50%; width:100%; max-width:unset;} /* list of elicos courses */ .listofelicoscoursetypes {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top:30px; margin-bottom:60px;} .listofelicoscoursetypes .item, .visa-info .tip {background: #fff; border-radius:10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;} .listofelicoscoursetypes .item {padding: 50px 60px 50px 280px; background-repeat:no-repeat; background-position:40px 50%;} .listofelicoscoursetypes .item h3 {padding:0px 0px 5px 0px; margin:0px;} .listofelicoscoursetypes .item h3 a, .listofelicoscoursetypes .item h3 a:hover {text-transform:none;} .listofelicoscoursetypes .item p {padding:10px 0px 0px 0px; margin:0px;} .listofelicoscoursetypes .item .button {margin:20px 0px 0px 0px; max-width:220px; width:100%;} /* list of recent articles */ .listofarticlesrecent {display:flex; gap:100px;} .listofarticlesrecent .hero {width:50%; flex-shrink:0;} .listofarticlesrecent .list {flex:1;} .listofarticlesrecent h2, .common.detail .listofarticlesrecent h2 {margin:0px; padding:0px;} .listofarticlesrecent img {width:100%; height:250px; object-fit:cover; border-radius:10px;} .listofarticlesrecent .list .article {border-bottom:2px solid #EDEDED; margin-bottom:20px; padding-bottom:20px;} .listofarticlesrecent .list .article:last-child {border-bottom:none; margin-bottom:0px;} .listofarticlesrecent .list .article h3 {margin:0px 0px 18px 0px; padding:0px;} .listofarticlesrecent .list .article p {margin:0px; padding:0px;} /* career home */ .career.home .hero {display:flex; align-content:center; height:170px;} .career.home .hero .fixed {width:650px; align-content:center; padding-left:170px; flex-shrink:0; background-image:url('/resources/images/icon-career-pathway.png'); background-repeat:no-repeat; background-position:0% 50%;} .career.home .hero .fluid {flex-grow:1; align-content:center;} .career.home .hero h1 {padding:0px; margin:0px 0px 10px 0px;} .career.home .hero h3 {padding:0px; margin:0px;} .career.home .hero ul {list-style: none; padding:0; margin: 0;} .career.home .hero ul li {position: relative; padding-left:38px; padding-bottom:2px; margin-bottom:10px; padding-top:0px; line-height: 1.5;} .career.home .hero ul li::before {content: ""; position: absolute; left: 0; top:4px; width:21px; height:16px; background-image: url('/resources/images/icon-tick-green.png'); background-size: contain; background-repeat: no-repeat;} .career.home .filters {text-align:left; margin-top:60px;} .career.home .filters .filter {border-radius:10px; border:1px solid #3168ED; color:#3168ED; background-image:url('/resources/images/filter-menu-closed.png'); background-repeat:no-repeat; background-position:80% 49%; padding:14px 20px 12px 0px; max-width:180px; font-weight:600; cursor:pointer; text-align:center;} .career.home .filters .filter:hover, .career.home .filters .filter.selected {background-color:#E8F0F8; color:#3168ED;} .career.home .filter{position:relative;display:inline-block;} .career.home .filter-options {text-align:left;display:none;position:absolute;top:100%;left:0;z-index:9999;background:#ffffff;border:1px solid #EDEDED;border-radius:10px;list-style:none;padding:20px 28px 38px 28px;width:500px;box-sizing:border-box;margin:7px 0px 0px 0px;} .career.home .filter-options .closeicon{line-height:unset;} .career.home .filter-options .closeicon img:hover{content:url('/resources/images/icon-popup-close-hover.png');} .career.home .filter-options .button {margin-top:0px;} .career.home .filter-options.open{display:block;} .career.home .filter-options p{margin:0px 0px 14px 0px;padding:0px;} .career.home .filter-options p b{font-size:14px;font-weight:600;} .career.home .filter-options ul{list-style:none;margin:0 0 25px 0;padding:0;} .career.home .filter-options li{text-align:left;padding:10px 0px 10px 42px;cursor:pointer;border:none;background-color:#F3F0EC;border-radius:50px;margin-bottom:10px;max-width:213px;box-sizing:border-box;} .career.home .filter-options li:hover{background:#f0f0f0;} .career.home .filter-options li.selected{background-color:#E8F0F8;color:#3168ED;padding-left:42px;background-image:url(/resources/images/icon-filter-selected.png);background-repeat:no-repeat;background-position:22px;} .career.home .filter-options .col-2 {display:grid;grid-template-columns:1fr 1fr;gap:0 15px;} .career.home #careerError{color:red;display:block;margin-top:10px;font-size:13px;} .career.home .results {padding:30px 0px 40px 0px;} .career.home .results .role {margin-bottom:20px; border-width:2px;} .career.home .results .role p {margin:0px; padding:0px;} .career.home .results .role p.shortage {white-space:nowrap;} .career.home .results .role div.bgwhite {padding:48px 44px 38px 44px; background-color:unset;} .career.home .results .role div.bgwhite h3 {margin:0px 0px 22px 0px; padding:0px;} .career.home .results .role div.bgwhite .cols-4 {display:flex; width:100%; gap:40px;} .career.home .results .role div.bgwhite .cols-4 .fixed, .career.home .results .role div.bgwhite .cols-4 .fluid {padding-bottom:16px;} .career.home .results .role div.bgwhite .cols-4 .fixed {width:420px; flex-shrink:0;} .career.home .results .role div.bgwhite .cols-4 .fluid {flex:1; min-width:0; padding-left:40px; border-left:2px solid #EDEDED;} .career.home .results .role div.bgwhite .cols-4 .fluid h3 {margin:0px; padding:2px 0px 0px 0px;} .career.home .results .role div.bgcream {display:flex; align-items:center; gap:20px; padding:20px 44px;} .career.home .results .role div.bgcream ul, .career.detail .insights ul { display:flex; list-style: none; padding: 0; margin: 0; gap: 5px; flex-wrap: wrap;} .career.home .results .role div.bgcream ul li, .career.detail .insights ul li {border:2px solid #EDEDED; border-radius:50px; background-color:white; padding:7px 11px; background-clip:padding-box;} .career .shortage {background-image:url('/resources/images/icon-career-shortage.png'); background-position:0px 50%; background-repeat:no-repeat; padding-left:18px !important;} .career.home .bgcream.legend {background-image:url('/resources/images/background-donut-dark-blue.png'), url('/resources/images/background-semi-circle-red-and-pink-line.png'); background-repeat:no-repeat; background-position:calc(50% - 750px) -300px, calc(50% + 620px) 100%;} .career.home .legend .page {padding:130px 0px;} .career.home .legend .page .cols-2 {display:flex; gap:20px; width:100%} .career.home .legend .page .cols-2 div {flex:0 0 calc(50% - 10px); padding:60px;} .career.home .legend .page .cols-2 div h2 {padding:0px 0px 10px 0px; margin:0px;} .career.home .legend .page .cols-2 div p.intro {padding-bottom:20px;} .career.home .legend .page .cols-2 div p.icon {padding-left:60px; margin-bottom:26px; min-height:34px; background-position:left top; background-repeat:no-repeat;} .career.home .legend .page .cols-2 div p.icon.high, .career.home .legend .page .cols-2 div p.icon.low {padding-left:140px;} .career.home .legend .page .cols-2 div p.vacancies {background-image:url('/resources/images/icon-career-vacancies.png');} .career.home .legend .page .cols-2 div p.wages {background-image:url('/resources/images/icon-career-wages.png');} .career.home .legend .page .cols-2 div p.advance {background-image:url('/resources/images/icon-career-advance.png');} .career.home .legend .page .cols-2 div p.high {background-image:url('/resources/images/icon-career-high.png');} .career.home .legend .page .cols-2 div p.low {background-image:url('/resources/images/icon-career-low.png');} .career.home .legend .page .cols-2 div b {font-weight:600;} /* job rle detail */ .career.detail .bgicon {background-position:calc(50% + 549px) -224px, calc(50% - 830px) 260px; background-image:url('/resources/images/background-donut-yellow.png'), url('/resources/images/background-semi-circle-pink.png'); background-size:500px, auto;} .career.detail .insights {margin-top:30px; max-width:unset; width:fit-content; border-width:2px; margin-bottom:20px;} .career.detail .insights .line {padding:18px 40px; display:flex; gap:15px; align-items:center;} .career.detail .insights .line:last-child {border-top:1px solid #EDEDED; } .career.detail .insights .line:first-child {border-top:none; } .career.detail .insights .line p.bold {flex:0 0 110px; text-align: left;} .career.detail .aiexp {margin-top:0px;} /* job role ai exposure pop up */ #aiexpo-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9998;} #aiexpo-popup{text-align:center;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:360px;background:#fff;border-radius:10px;padding:30px;z-index:9999;box-shadow:0 5px 20px rgba(0,0,0,0.3);} #aiexpo-popup .pop-close{position:absolute;top:15px;right:15px;cursor:pointer;width:24px;} #aiexpo-popup .pop-close:hover{content:url('/resources/images/icon-popup-close-hover.png');} #aiexpo-popup .aiexp{display:inline-block;margin-bottom:5px;} #aiexpo-popup p{margin:10px 0;line-height:1.4;} /* job role ai exposure icon */ .aiexp {padding:6px 0px 7px 0px; min-width:92px; border-radius:50px; max-width:88px; box-sizing:border-box; text-align:center; margin-top:6px; font-size:14px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .aiexp img {position:relative; top:4px;} .aiexp.low {background-color:#EDF7E6;} .aiexp.medium {background-color:#FEF5D4; max-width:120px;} .aiexp.high {background-color:#FFEAE6;} .aiexp.notrated {background-color:#F3F0EC;} .aiexp.low:hover {background-color:#D5F0C4;} .aiexp.medium:hover {background-color:#FFE99C; max-width:120px;} .aiexp.high:hover {background-color:#FFC5BA;} .aiexp.notrated:hover {background-color:#E3DDD6;} /* career pathfinder banner */ .pathfinder .shadow {display:flex; flex-wrap:wrap; align-items:stretch; overflow:hidden; border-radius:10px; margin:110px 0px;} .pathfinder .shadow .item {flex:0 0 50%; box-sizing:border-box; padding:60px;} .pathfinder .shadow .item {border:1px solid #EDEDED; } .pathfinder .shadow .item:first-child {border-top-left-radius:10px; border-bottom-left-radius:10px; border-right:none; background-image:url('/resources/images/icon-career-pathway.png'); background-size:120px; background-position:60px 60px; padding-left:210px;} .pathfinder .shadow .item:last-child {border-top-right-radius:10px; border-bottom-right-radius:10px; border-left:none;} .pathfinder .shadow .item h1, .pathfinder.shadow .item h3 {padding:0px; margin:0px;} .pathfinder .shadow .item .button {margin-top:20px; background-image:url('/resources/images/icon-arrow-right-blue.svg'); background-position:calc(100% - 30px) 50%; max-width:220px; width:100%;} .pathfinder .shadow .item p {margin:0px; padding:0px;} .pathfinder .shadow .item p.bold {margin-top:6px;} .pathfinder .shadow ul {list-style: none; padding:0; margin:20px 0px 0px 0px;} .pathfinder .shadow ul li {position: relative; padding-left:38px; padding-bottom:2px; margin-bottom:10px; padding-top:0px; line-height: 1.5;} .pathfinder .shadow ul li::before {content: ""; position: absolute; left: 0; top:4px; width:21px; height:16px; background-image: url('/resources/images/icon-tick-green.png'); background-size: contain; background-repeat: no-repeat;} /* career pathfinder */ .home .pathfinder .shadow {margin-bottom:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;} .home .pathfinder .shadow .item {border-left:none; border-right:none;} .home .pathfinder .shadow .item:first-child {border-bottom-left-radius:0px; border-left-width:2px;} .home .pathfinder .shadow .item:last-child {border-bottom-right-radius:0px; border-right-width:2px;} .home .pathfinder .shadow .item.bgcream {background-color:white;} .home .pathfinder .shadow.bgcream {margin:0px; padding:30px 60px 50px 60px; border-top-left-radius:0px; border-top-right-radius:0px;} .home .pathfinder .shadow.bgcream p {margin:0px; padding:0px;} /* category detail */ .category.detail .bgicon {background-position:calc(50% + 370px) 40px, calc(50% - 830px) 401px;} /* about pages */ .about h1, .about .section .title {padding-bottom:0px;} .about p.inter {font-size:22px; line-height:140%;} .about .tight {max-width:485px; align-content:baseline; margin-left:unset; margin-right:unset;} .about.us .approach {padding-top:80px; display:flex; flex-wrap:wrap; align-items:flex-start; padding-bottom:110px;} .about.us .approach div:first-child {flex:0 0 40%; width:40%;} .about.us .approach div:last-child {flex:0 0 60%; width:60%;} .about.us .approach div img {position:relative; right:180px; bottom:20px;} .about.us .approach div ul {list-style: none; padding:0; margin:60px 0 0 0;} .about.us .approach div ul li {position: relative; padding-left:120px; margin-bottom:70px; padding-top:3px; line-height: 1.5;} .about.us .approach div ul li::before {content: ""; position: absolute; left: 0; top: 2px; width:100px; height:100px; background-image: url('/resources/images/icon-diamond.png'); background-size: contain; background-repeat: no-repeat;} .about.us .approach div ul li p {padding:0px; margin:0px;} .about.us .approach div ul li p.bold {padding-bottom:6px;} .about.us .bgicon.hme {background-image:url('/resources/images/content/about-us.png'); background-position:calc(100% / 2 + 290px) -110px;} .about.us .adv.bgicon {background-image:url('/resources/images/background-four-circles-blue.svg'), url('/resources/images/background-donut-yellow.svg'); background-position:calc(100% / 2 + 265px) 50px, calc(100% / 2 - 650px) 620px; background-size:420px, 600px;} .about.us .cnt.bgicon {background-image:url('/resources/images/background-donut-green.svg'), url('/resources/images/background-semi-circle-blue-red.svg'); background-position:calc(100% / 2 + 265px) -320px, calc(100% / 2 - 650px) 400px;} .about.us .frm .tight {margin-left:100px;} .about.us .frm .form {margin:140px auto 0px;} .about.us .frm .different {width:580px; margin:140px auto 0px; padding:30px 0px 30px 98px; text-align:left; background-image:url('/resources/images/icon-advertise-with-us.svg'); background-position:45px 50%;} .about.us .frm .different p {margin:0px; padding:0px;} .about.us .frm .different a {text-decoration:none;} .about.us .thk.bgicon {background-image:url('/resources/images/background-semi-circle-blue-red.svg'); background-position:calc(100% / 2 + 265px) 100px; background-size:420px;} .about.us .thk.bgicon h2 {padding-bottom:20px;} .about.us .thk.bgicon .page .section:last-child {padding-top:60px;} .about.us input[type=text], .about.us input[type=email], .about.us input[type=password], .about.us input[type=tel], .about.us input[type=number], .about.us textarea, .about.us select {border:none;} /* course level */ .level.detail .page .section:first-child {padding-bottom:0px; padding-top:140px;} .level.detail .bgicon {background-image:url('/resources/images/levels/associate-degree.svg'); background-position:calc(100% / 2 + 250px) 25%;} .level.detail .heading {display:flex; align-items:stretch;} .level.detail .heading .prev {display:flex; flex:0 0 60px; align-items:center; justify-content:center;} .level.detail .heading .content {flex:0 0 520px; padding:0px 40px; box-sizing:border-box;} .level.detail .heading .next {display:flex; flex:1; align-items:center; justify-content:end;} /* study mode */ .mode.level.detail .bgicon {background-size: auto 240px; min-height:240px;} .mode.level.detail .button.view {background-position: calc(100% - 34px) 50%; padding-left:0px;} /* provider course */ .providercourse.detail .bgicon {background-image:url(/resources/images/background-donut-blue.png); background-position:calc(50% + 549px) -224px;} .providercourse.detail .section {padding-top:40px;} .providercourse.detail .tight {margin:unset; max-width:780px;} .providercourse.detail .heading {gap:30px; width:100%; align-items: center; margin-bottom:30px; display:flex; min-height:unset;} .providercourse.detail .heading .logo {flex: 0 0 150px;} .providercourse.detail .heading .logo img {width:100%; height:auto;} .providercourse.detail .heading div:last-child {flex:1;} .providercourse.detail .heading h2 {padding:0px; margin:0px;} .providercourse.detail p.code {margin:0px; padding:0px;} .providercourse.detail h3 {padding:4px 0px 40px 0px;} .providercourse.detail .coursesummary {border-radius:10px; border:2px solid #EDEDED; background-color:white; margin-bottom:30px; display: flex; gap: 16px;} .providercourse.detail .coursesummary > div {padding:34px 0px 44px 50px; flex: 1;} .providercourse.detail .coursesummary div:first-child {border-right:2px solid #EDEDED;} .providercourse.detail .coursesummary div:last-child {border-left:2px solid #EDEDED;} .providercourse.detail .coursesummary div p {padding:0px; margin:0px;} .providercourse.detail .coursesummary div p.bold {padding-bottom:2px;} .providercourse.detail ul {padding-left:15px;} .providercourse.course .tight {max-width:780px;} .providercourse .profile {display:flex; flex-wrap:wrap; max-width:650px; border:2px solid #EDEDED;} .providercourse .profile .item {flex:1; border-right:2px solid #EDEDED; padding:26px 30px;} .providercourse .profile .item:last-child {border-right:none;} .providercourse .profile .item:nth-child(2) p {white-space:nowrap;} .providercourse .back .button {min-width: unset; padding: 10px 18px 10px 30px; font-weight: 300;} .providercourse .bgcream.footer.about {margin-top:90px;} .providercourse .profile .item p.bold {white-space:nowrap;} .providercourse .moreaboutprovider.button {width:fit-content; min-width:unset; max-width:unset; padding-left:40px; padding-right:40px;} .delivery.grid {grid-template-columns: repeat(2, 1fr); gap:20px; margin:30px 0px 50px 0px;} .delivery.grid .mode {padding:18px 0px 18px 80px; background-repeat:no-repeat; background-position:28px 50%; border-width:2px;} .delivery.grid .mode.campus {background-image:url('/resources/images/icon-delivery-campus.png');} .delivery.grid .mode.online {background-image:url('/resources/images/icon-delivery-online.png');} .delivery.grid .mode.rpl {background-image:url('/resources/images/icon-delivery-rpl.png');} .delivery.grid .mode.traineeship {background-image:url('/resources/images/icon-delivery-traineeship.png');} .delivery.grid .mode.placement {background-image:url('/resources/images/icon-delivery-work-placement.png');} .delivery.grid .mode.apprenticeship {background-image:url('/resources/images/icon-delivery-apprenticeship.png');} .delivery.grid .mode.blended {background-image:url('/resources/images/icon-delivery-blended.png');} .delivery.grid .mode h4 {padding:0px; margin:0px;} .locations.grid {grid-template-columns: repeat(2, 1fr); gap: 0 20px; width:100%; margin:30px 0px 50px 0px;} .locations.grid .item {padding:16px 0px 16px 50px; border:1px solid #EDEDED; margin-top:-1px; background:white; background-image:url('/resources/images/icon-location.png'); background-repeat:no-repeat; background-position:20px 48%; align-content: center;} .locations.grid .item:nth-child(1) {border-top-left-radius: 10px; border-top-right-radius: 10px;} .locations.grid .item:nth-child(2) {border-top-left-radius: 10px; border-top-right-radius: 10px;} .locations.grid .item:last-child {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} .locations.grid .item:nth-last-child(2) {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} /* course */ .course .mandatory .set {border:2px solid #EDEDED; border-radius:10px; margin-bottom:30px;} .course .mandatory .set .item {border-bottom:2px solid #EDEDED; padding:16px 0px 16px 50px; background-position:20px 48%; background-image:url('/resources/images/icon-requirement.svg');} .course .mandatory .set.no .item {background-image:url('/resources/images/icon-no-requirement.svg');} .course .mandatory .set .item:last-child {border-bottom:none;} .course .fees {width:50%; border:2px solid #EDEDED; margin-bottom:30px;} .course .fees .button {width:100%; max-width:unset; min-width:unset;} .course .fees p, .course .profile .item p {padding:0px; margin:0px;} .course .fees p.bold, .providercourse .profile .item p.bold {padding-bottom:5px;} .course .fees .item {padding:34px 50px 44px 50px;} .course .fees.funding {width:100%;} .course .fees.funding .summary {display:flex;} .course .fees.funding .summary .item {width:50%; border-right:2px solid #EDEDED;} .course .fees.funding .summary .item:last-child {border-right:none;} .course .fees.funding .summary .item:nth-child(2) {display:flex; align-items:flex-start;} .course .fees.funding .summary .item .col1 {flex:1; text-align:left;} .course .fees.funding .summary .item .col2 {width:60px; text-align:right; flex-shrink:0;} .course .fees.funding .summary .item .col2 img {cursor:pointer; transition:transform 0.3s ease;} .course .fees.funding .states {display:none;} .course .fees.funding .states .item {border-top:2px solid #EDEDED; background-color:#FCFAF8; display:flex; align-items:flex-start;} .course .fees.funding .states .item .col1 {flex:1; text-align:left; padding-right:80px;} .course .fees.funding .states .item .col2 {width:160px; text-align:right; flex-shrink:0;} .course .fees.funding .states .item .button {margin-top:0px; padding:8px 0px; max-width:100%; width:100%;} .course .bgicon {background-image:url(/resources/images/background-course.svg); background-position:calc(100% - 50% + 830px) 36px;} .course .heading {display:flex; gap:20px; min-height:500px;} .course .heading p.code {padding:0px; margin:0px 0px 5px 0px;} .course .heading h1 {margin:0px; padding:0px;} .course .heading .school {margin:14px 0px 40px 0px;} .course .heading .col1 {width:680px; flex-shrink:0; align-content:center;} .course .heading .col2 {flex:1; align-content:center;} .course .heading .col2 .summary {max-width:380px; margin:auto 0px auto auto; padding:20px 0px;} .course .heading .col2 .summary .item {padding:30px 50px;} .course .heading .col2 .summary .item:first-child {border-bottom:1px solid #EDEDED;} .course .heading .col2 .summary .item p {margin:0px; padding:0px;} .course .heading .col2 .summary .item p.small {padding:0px 0px 10px 0px;} .course .heading .mobile {display:none;} .course .button {font-size:14px; line-height:170%; font-weight:500; min-width:260px; padding:16px 0px;} .course .heading .button, .course .near.shadow .button {font-size:18px;} .course .keypoints {gap:20px; padding-top:130px;} .course .keypoints .item {padding:60px 40px 70px 40px; background-color:white; border:2px solid #EDEDED; background-position:40px 30px;} .course .keypoints .item.shortage {background-image:url(/resources/images/icon-course-shortage.svg);} .course .keypoints .item.ready {background-image:url(/resources/images/icon-course-ready.svg);} .course .keypoints .item.placement {background-image:url(/resources/images/icon-course-placement.svg);} .course .keypoints .item.industry {background-image:url(/resources/images/icon-course-industry.svg);} .course .keypoints .item.support {background-image:url(/resources/images/icon-course-support.svg);} .course .keypoints .item.recognised {background-image:url(/resources/images/icon-course-recognised.svg);} .course .keypoints .item h3 {margin:0px; padding:12px 0px 14px 0px;} .course .keypoints .item p {margin:0px; padding:0px;} .course .content {display:flex; gap:20px;} .course .content .col1 {width:380px; flex-shrink:0;} .course .content .col2 {flex:1;} .course .content .col1 p:first-child {margin-top:0px; padding-top:0px;} .course .near.bgcream .page {max-width:980px; margin:auto; padding-top:90px;} .course .near.bgcream .introduction {background-color:white; padding:80px 115px 80px 310px; background-image:url(/resources/images/icon-find-provider.svg); background-position:50px 50%;} .course .near.bgcream .introduction .button {margin-top:30px;} .course .near.bgcream .introduction h2 {padding:0px; margin:0px;} .course .near.bgcream .listofcourses {margin-top:60px; border-width:2px;} .course .listofcourses .item {display:flex; align-items:center; padding:40px; border-bottom:1px solid #EDEDED; cursor:pointer; min-height:110px;} .course .listofcourses .item:last-child {border-bottom:none;} .course .listofcourses .item .logo {width:150px; flex-shrink:0; padding:0 20px 0 0;} .course .listofcourses .item .logo img {max-width:80px; display:block;} .course .listofcourses .item .name {flex:1; padding:0 20px; font-weight:600;} .course .listofcourses .item .modes {width:220px; flex-shrink:0; padding:0 20px;} .course .listofcourses .item .duration {width:180px; flex-shrink:0; padding:0 20px;} .course .listofcourses .item.cta {justify-content:center; padding:20px;} .course .listofcourses .button {margin:30px 0px;} .course .listofproviders .item .info {padding:22px 30px; border-bottom:1px solid #EDEDED;} .course .listofproviders .item p {padding:0px; margin:0px;} .course .listofproviders .item p.bold {padding-bottom:10px;} .course .listofproviders .item .info.link {border-bottom:none;} .course .listofproviders .item .info.link .button {margin:0px; padding:12px 0px; min-width:unset; width:100%;} .course .listofproviders .item .logo {text-align:left; padding:20px 30px; align-content:center; min-height:unset;} .course .listofproviders .item .logo img {max-height:30px; margin:auto; margin-bottom:10px;} .course .listofproviders .item .logo img p.bold {padding-bottom:0px;} /* home */ .home .heading {max-width:700px; margin:auto auto auto 0px;} .home .heading .tight {max-width:460px; margin:auto auto auto 0px;} .home .heading .title {padding:38px 0px 34px 0px;} .home .heading .searchcourse {padding: 12px 10px !important; margin-top:80px; display: flex; background-color: #fff; border: #EDEDED 2px solid; position: relative; border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px;} .home .heading .searchcourse button[type=submit] {content:''; width: 24px; height: 24px; background-image: url(/resources/images/icon-home-search.svg); background-repeat: no-repeat; background-size: 100%; background-position: center; top: 50%; left: 18px; transform: translateY(-50%); background-color: transparent; position: absolute; border:none;} .home .heading .searchcourse input[type=text] {border:none; padding: 5px 0 5px 42px; font-size:18px; } .home .bgicon {background-image:url(/resources/images/background-home.png), url(/resources/images/background-donut-yellow.svg), url(/resources/images/background-semi-circle-blue-red.svg); background-position:calc(100% / 2 + 360px) -275px, calc(100% / 2 - 750px) 320px, calc(100% / 2 + 700px) 700px; background-size:auto, 600px, auto;} .home .listOfStates {padding:60px 70px; border-width:2px; margin-top:30px;} .home .listOfStates p {padding:0px; margin:0px;} .home .states {display:flex; gap:20px; margin-top:24px; flex-wrap:wrap;} .home .states .state {-moz-box-shadow:#DDDDDD 0px 2px 8px; max-width:115px; flex:1; font-weight:bold; -webkit-box-shadow:#DDDDDD 0px 2px 8px; box-shadow:#DDDDDD 0px 2px 8px; border-radius:50px; background-color:white; padding:14px 24px; cursor:pointer; text-align:center; transition:background-color 0.15s, color 0.15s, box-shadow 0.15s;} .home .states .state:hover, .states .state.active {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background-color:#3168ED; color:white;} .home .pathfinder {margin:180px 0px 60px 0px;} .home .bgcream.vet {padding:110px 0px; background-image:url(/resources/images/background-donut-dark-blue.png), url(/resources/images/background-semi-circle-pink.png); background-position:calc(100% / 2 - 60px) -170px, calc(100% / 2 + 580px) 600px; background-size:460px, 460px;} .home .bgcream.vet .page .radius.shadow.bgwhite {padding:80px;} .home .bgcream.vet .page .radius.shadow.bgwhite h1 {padding:0px; margin:0px;} .home .bgcream.vet .page .radius.shadow.bgwhite .info {display:flex; align-items:center; gap:20px; padding-bottom:70px; padding-top:50px; border-bottom:2px solid #EDEDED;} .home .bgcream.vet .page .radius.shadow.bgwhite .info .col1 {flex:1;} .home .bgcream.vet .page .radius.shadow.bgwhite .info .col1 p {padding:0px; margin:0px;} .home .bgcream.vet .page .radius.shadow.bgwhite .info .col2 {width:300px; flex-shrink:0;} .home .bgcream.vet .page .radius.shadow.bgwhite .info .col2 .button {margin:auto 0px auto auto;} .home .bgcream.vet .page .radius.shadow.bgwhite img {padding-top:70px; margin:auto; width:100%; max-width:1018px;} .home .listofparentcategories {display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;} .home .listofparentcategories .item {padding:24px 0px 24px 80px; background-repeat:no-repeat; border-width:2px; background-position:25px 50%; background-size:auto 32px; cursor:pointer;} .home .listofparentcategories .item:hover {-moz-box-shadow:#DDDDDD 0px 2px 8px; -webkit-box-shadow:#DDDDDD 0px 2px 8px; box-shadow:#DDDDDD 0px 2px 8px;} .home .listofparentcategories .item a {font-weight:300; font-size:16px; text-decoration:none;} .common.detail.home .listofarticlesrecent h2 {font-size:20px; line-height:150%; margin-top:16px;} .home .listofarticlesrecent p.large {font-size:14px; line-height:170%;} /* study in australia */ .sia.home .bgcream.heading {max-width:100%; background-image:url(/resources/images/international/homepage.gif); background-position:calc(100% / 2 + 300px); background-size:auto 500px;} .sia.home h2 {padding:110px 0px 30px 0px;} .sia .listofusefullinks {display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;} .sia .listofusefullinks .item {border:2px solid #EDEDED;} .sia .listofusefullinks .item .image {height:190px; background-color:#FAF8F6; text-align:center; border-top-left-radius:10px; border-top-right-radius:10px;} .sia .listofusefullinks .item .image img {height:100%;} .sia .listofusefullinks .item .detail {padding:20px 40px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} .sia .bgcream.heading .tight {max-width:540px;} .sia .important {padding: 20px 30px; border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #FAF8F6;} .sia.detail .bgcream.heading .tight {margin-right:0px;} .sia.detail .bgcream.heading {background-position:calc(100% / 2 - 350px);} .sia.detail .listofusefullinks {margin-top:110px;} .sia.detail table {width:100%; border-collapse:collapse; margin-top:30px;} .sia.detail table th, .sia.detail table td {padding:10px 12px; text-align:left; border-bottom:1px solid #EDEDED;} .sia.detail table th {background-color:#FAF8F6;} /* search filter */ .search .filters {margin-top:20px;} .search .filter {position:relative; display:inline-block; width:180px; margin-bottom:20px; margin-right:10px;} .search .filter-button {width:100%; border-radius:50px; background-color:#F3F0EC; padding:18px 0px; text-align:center; cursor:pointer;} .search .filter-button.closed span {background-image:url("/resources/images/icon-filter-button-closed.png"); background-repeat:no-repeat; background-position:right; padding-right:14px;} .search .filter-button.open span {background-image:url("/resources/images/icon-filter-button-open.png"); background-repeat:no-repeat; background-position:right; padding-right:14px;} .search .filter-button.closed.selected span {background-image:url("/resources/images/icon-filter-button-closed-selected.png"); background-repeat:no-repeat; background-position:right; padding-right:14px;} .search .filter-button, .filter-options li {font-size:13px; font-weight:600;} .search .filter-button.selected {background-color:#E8F0F8; color:#3168ED;} .search .filter-options {display: grid; width: 600px; grid-template-columns: repeat(2, 1fr); column-gap: 10px; row-gap: 0; position:absolute; top:100%; left:0; z-index:9999; background:#ffffff; border:1px solid #EDEDED; border-radius:10px; list-style: none; padding:20px 30px 30px 30px; box-sizing:border-box; margin:7px 0px 0px 0px;} .search .filter-options p b {font-size:14px; font-weight:600;} .search .filter-options p {margin:0px 0px 16px 0px; padding:0px;} .search .filter-options li, .search .filter-options .btn, .search .filter-options .atar {padding:20px 0px 20px 52px; font-weight:500; cursor:pointer; border:none; background-color:#F3F0EC; border-radius:50px; margin-bottom:10px;} .search .filter-options li:last-child {margin-bottom:0px;} .search .filter-options li.selected, .search .filter-options .selected {background-color:#E8F0F8; color:#3168ED; background-image:url("/resources/images/icon-filter-selected.png"); background-repeat:no-repeat; background-position:28px;} .search .filter-options .searchbox {background-image:none; padding:10px 10px 10px 20px; height:unset;} .search .filter-options .searchbox .inline {width:160px;} .search .filter-options .searchbox .inline:last-child {width:calc(100% - 200px); text-align:right;} .search .filter-options .searchbox .inline input[type="text"] {width:100%;} .search .filter-options > p, .search .filter-options > span, .search .filter-options > div {grid-column: 1 / -1;} .search .filter-options .atar, .search #atar-options input[type=text] {width: calc(50% - 20px);} .search .filter-options .button {width:100%; margin:20px 0px;} .search .filter-options#flt-loc-menu {grid-template-columns: repeat(1, 1fr); width:300px;} .search .filter-options#flt-loc-menu input[type=text] {width:calc(100% - 45px);} .search #flt-at-menu.filter-options .btn {background-image:url('/resources/images/icon-filter-atar-unticked.png'); background-repeat:no-repeat; background-position:40px; padding-left:74px; color:#1C1C1E; font-size:14px; font-weight:600;} .search #flt-at-menu.filter-options .btn.selected {background-image:url('/resources/images/icon-filter-atar-ticked.png'); color:#3168ED;} .search #flt-at-menu #flt-at-define {padding-top:10px;} .search #flt-at-menu #flt-at-define .button {margin-top:20px;} .search #flt-loc-menu .button {margin-top:20px;} .search .filter-options .atar {background-position: 24px 50%; padding-left:60px; margin-bottom: 18px;} .search .filter-options .atar.selected {background-image:url(/resources/images/icon-tickbox-ticked.png);} .search .filter-options .atar.unselected {background-image:url(/resources/images/icon-tickbox.png);} .search #atar-options input[type=text] {margin-bottom:16px;} .search .intro h1 {padding-top:20px;} .search .intro p {margin-bottom:40px;} .search .listofcourses {margin-bottom:150px;} .search h4.intro, .searchproviders h4 {padding-bottom:24px; font-size:20px;} /* search results */ .results .course {border-width:2px; border-radius:10px; width:100%; padding:0px; display:flex; align-items:stretch; margin-bottom:20px;} .results .course .mobile {display:none;} .results .course a {color:#1C1C1E; text-decoration:none;} .results .course a:hover {text-decoration:underline;} .results .course .inline {width:unset; vertical-align:top; box-sizing:border-box; padding:40px;} .results .course .inline:first-child {flex-grow:1; border-right:1px solid #EDEDED;} .results .course .inline:last-child {width:340px; flex-shrink:0; display:flex; flex-direction:column;} .results .course .inline h3 {padding:0px; margin-top:0px;} .results .course .inline p.xsmall {padding:0px; margin-bottom:5px;} .results .course .inline p.bold {padding:0px; margin-bottom:0px;} .results .course .inline p.overview {font-size:14px; padding-bottom:20px;} .results .course .inline .outcomes .item {display: inline-block; width:unset; padding:8px 20px; border-radius:30px; border:1px solid #90949D; font-size:13px; margin-right:6px; cursor:pointer; margin-bottom:9px;} .results .course .inline .outcomes .item.viewall {padding-right:28px; background-image:url('/resources/images/icon-search-outcomes-all.png'); background-repeat:no-repeat; background-position:82%; } /* find a provider */ .searchproviders .head .searchbox, .enquiry .head .searchbox {display:none;} .searchproviders .bgdarkercream.footer, .enquiry .bgdarkercream.footer {margin-top:0px;} .page .bar .table, .page .bar .table .row, .page .bar .table .row .cell {width:unset;} .page .bar .table .row .cell {background-image:url(/resources/images/icon-top-bar-border.png); background-repeat:no-repeat; background-position:left; padding:10px; vertical-align:middle} .page .bar .table .row .cell:first-child {background-image:none; padding-left:0px;} .page .bar .table .row .cell a {color:#1C1C1E; font-weight:600; font-size:12px; text-decoration:none;} .page .bar .table .row .cell a:hover {text-decoration:none;} .page .bar .table .row .xsmall.change span, .page .bar .table .row .cell.xsmall.change span:hover {text-decoration:underline; cursor:pointer;} .searchproviders .bgcream .page {padding-top:30px;} .searchproviders .bgcream .page h2 {margin:0px; padding:0px 0px 9px 0px;} .searchproviders .bgcream .page p.found {margin:0px 0px 0px 0px; padding:10px 0px 10px 35px; background-image:url(/resources/images/icon-donut-green.png); background-repeat:no-repeat; background-position:left;} .searchproviders .bgcream .page .table .row .cell:first-child {width:unset;} .searchproviders .bgcream .page .table .row .cell:last-child {vertical-align:bottom; text-align:right; width:200px;} .searchproviders .bgcream .page .table .row .cell .inline {width:unset;} .searchproviders .carousel-container { display: flex; align-items: center; max-width: 1200px; margin: 0 auto; position: relative;} .searchproviders .carousel-container .viewport {width:100%; padding:10px 0; overflow:hidden;} .searchproviders .carousel-container .viewport .track {display:flex; gap:20px; transition:transform 0.5s ease-out; will-change: transform; align-items: stretch;} .searchproviders .carousel-container .viewport .track .crlitem {flex: 0 0 calc(100% / var(--items-per-view, 3.5)); box-sizing: border-box; background: #fff; border-radius: 10px; display: block; overflow: hidden; border-left: 1px solid #f0f0f0;} .searchproviders .carousel-container .viewport .track .crlitem {border-left:1px solid #f0f0f0;} .searchproviders .carousel-container .viewport .track .crlitem .crldetail {padding:20px; border-bottom:1px solid #f0f0f0; display:flex; flex-direction:column; justify-content:flex-start; box-sizing:border-box; width:100%;} .searchproviders .carousel-container .viewport .track .crlitem .crldetail:last-child {border-bottom:none;} .searchproviders .carousel-container .viewport .track .crlitem .crldetail .logo {height:50px;} .searchproviders .carousel-container .viewport .track .crlitem .crldetail img {max-width:100%; max-height:45px; object-fit:contain; margin-bottom:8px; align-self:flex-start;} .searchproviders .carousel-container .viewport .track .crlitem .crldetail h3 {font-size:14px; font-weight:600; margin:0px; padding:10px 0px;} .searchproviders .carousel-container .viewport .track .crlitem .crldetail b {font-weight:600;} .searchproviders .carousel-container .viewport .track .crlitem .crldetail p {margin:0px; padding-bottom:0px;} .searchproviders .carousel-container .viewport .track .crlitem .crldetail p.xsmall {margin:0px; padding-bottom:10px;} .searchproviders .carousel-container .viewport .track .crlitem .crldetail ul {padding-left:20px;} .searchproviders .carousel-container .viewport .track .crlitem .crldetail .more-btn-container {list-style:none;} .searchproviders .carousel-container .viewport .track .crlitem .crldetail .more-btn-container .button {font-weight:300; padding:6px; margin:10px 0px 0px 0px; position:relative; left:-18px; border:1px solid #EDEDED; width:95px; font-size:11px; line-height:16px;} .searchproviders .carousel-container .button.unselectable.bgblue.white {margin-top:0px; width:100%;} .searchproviders .nav-btn {width: 40px; height: 40px; border-radius: 50%;background: #fff; border: 1px solid #ccc; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center; font-weight: bold;} .searchproviders .nav-btn.prev { left: -20px; } .searchproviders .nav-btn.next { right: -20px; } .searchproviders .nav-btn:disabled {opacity: 0.2; cursor: not-allowed;} .page .bar .table .backbtn {white-space:nowrap;} .page .bar .table .backbtn a {text-decoration:none;} /* enquiry */ .enquiry .all {background-image:url(/resources/images/bg-enquiry.png); background-repeat:no-repeat; background-position:bottom;} .enquiry .form .page {padding:44px 0px 130px 0px; max-width:580px;} .enquiry div.back {position:relative; right:34px; top:24px; height:unset;} .enquiry p.code {margin-top:0px; padding-top:0px;} .enquiry h2 {margin:0px; padding:0px 0px;} .schooltype {height:30px; background-repeat:no-repeat; background-position:0px 0px; padding-left:32px; margin:18px 0px 18px 0px;} .enquiry .table.ef {margin-top:33px;} .enquiry .table.ef .row .cell {padding:42px 50px 30px 50px;} .enquiry .table.ef .row:first-child .cell .inline {width:unset; vertical-align:top;} .enquiry .table.ef .row:first-child .cell .inline img {max-width:140px; position:relative; top:4px; padding-right:20px;} .enquiry .table.ef .row:first-child .cell .inline p {padding:0px 0px 0px 0px; margin:0px;} .enquiry .table.ef .row:first-child .cell .inline p.bold {padding-bottom:10px;} .enquiry .table.ef p.large {margin:0px; padding:0px 0px 32px 0px;} .enquiry .table.ef .form-check.flex {align-items:flex-start; gap:10px; margin-top:10px;} .enquiry .table.ef .form-check.flex div:first-child {flex: 0 0 25px;} .enquiry .table.ef .form-check.flex div:last-child {flex:1;} .enquiry .table.ef .form-check.flex div a {color:#1C1C1E;} .enquiry .table.ef .button {margin:20px 0px 30px 0px; padding:21px 0px;} .enquiry .table.ef .trainee-check div {width:100px; display:inline-block; border:2px solid #EDEDED; border-radius:50px; text-align:center; padding:16px 0px; margin-right:10px; margin-bottom:20px;} .enquiry .table.ef .ghosttable .detail {padding:16px 20px;} .enquiry .table.ef .button.home {max-width:200px; background-image:url(/resources/images/icon-home.png); background-repeat:no-repeat; background-position:52px 50%; padding-left:20px; margin-left:auto; margin-right:auto;} .table.ef.cpc {max-width:500px; margin-left:auto; margin-right:auto; margin-top:80px;} .table.ef.cpc .row .cell {padding:80px;} .table.ef.cpc .flex {align-items: center; justify-content: space-between; width:100%;} .table.ef.cpc .flex > div:first-child {flex: 0 0 120px;} .table.ef.cpc .flex > div:nth-child(2) {flex: 1; display: flex; justify-content: center;} .table.ef.cpc .flex > div:last-child {flex: 0 1 120px; display: flex; justify-content: flex-end;} .table.ef.cpc .flex img {max-width: 100%; height: auto;} .table.ef.cpc h3, .enquiry .table.ef.cpc p {text-align:center;} .table.ef.cpc h3 {margin:50px 0px 30px 0px;} .enquiry .trainee-not-eligible h3 {background-image:url(/resources/images/icon-traineeship-error.png); background-repeat:no-repeat; background-position:0px 50%; padding-left:50px;} .enquiry .intdob.flex {gap:10px; flex-wrap: nowrap; box-sizing:border-box;} .enquiry .intdob .card {flex:1;} .enquiry .form-check-input[type=checkbox] {width: 24px; height: 24px;} /* pop up location */ #poploc.overlay {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.75); justify-content:center; align-items:center; z-index:9999; display:none;} #poploc.overlay .poploc-modal {max-width:580px; width:100%; background-color:white; border-radius:10px; padding:26px 30px 80px 30px; max-height:90vh; overflow-y:auto; box-sizing:border-box; text-align:center;} #poploc.overlay .poploc-close {width:fit-content; margin:0 0 0 auto; font-size:26px; color:#9aa1ab; cursor:pointer; line-height:1; font-size:28px;} #poploc.overlay .poploc-close:hover {color:#1C1C1E;} #poploc.overlay p.large {padding:0px; margin:50px 0px 22px 0px;} #poploc.overlay p.large.first {margin-top:40px;} #poploc.overlay .poploc-buttons {display:flex; gap:24px; justify-content:center; align-items:center;} #poploc.overlay .poploc-buttons .button, #poploc.overlay .poploc-buttons .button:hover, #poploc.overlay .poploc-buttons .button.selected {-moz-box-shadow: rgba(0,0,0,0.15) 0px 2px 8px; -webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 2px 8px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;} #poploc.overlay .poploc-buttons .button {border:1px solid #EDEDED; margin-top:0px; max-width:160px; width:100%; padding-right:0px; padding-left:0px;} #poploc.overlay .poploc-buttons .button:hover, #poploc.overlay .poploc-buttons .button.selected {border:1px solid #3168ED; background-color:#E8F0F8; color:#1C1C1E;} #poploc.overlay #popLocPostcodeSearch {width:100%; max-width:340px; padding:16px 20px; box-sizing:border-box; border:1px solid #e2e5ea !important; border-radius:12px; font-size:15px; } #poploc.overlay .plquestion {margin:16px auto 40px auto; max-width:440px; transition:opacity 0.5s ease, transform 0.5s ease;} #poploc.overlay .poploc-hidden {display:none;} #poploc.overlay .poploc-prereveal {opacity:0; transform:translateY(24px);} #poploc.overlay p.poploc-label {text-align:center; font-size:18px; color:#1C1C1E; margin:0 0 24px 0;} #poploc.overlay .plquestion p.poploc-label b {font-weight:600;} #poploc.overlay #ddlPopLocCountry {width:100%; max-width:340px; padding:16px 44px 16px 18px; border:1px solid #e2e5ea; border-radius:12px; background-color:#fff; color:#1C1C1E; font-size:15px; appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml;utf8,"); background-repeat:no-repeat; background-position:right 18px center; cursor:pointer;} #poploc.overlay #ddlPopLocCountry:invalid, #poploc.overlay #ddlPopLocCountry option[value=""] {color:#9aa1ab;} #poploc.overlay .poploc-postcode-wrap {position:relative; max-width:340px; margin:0 auto;} #poploc.overlay #popLocPostcodeSearch::placeholder {color:#9aa1ab;} #poploc.overlay #popLocPostcodeSuggestions, .search #searchPostcodeSuggestions {position:absolute; top:100%; left:7px; width:calc(100% - 14px); background:white; border:1px solid #ccc; border-top:none; max-height:180px; overflow-y:auto; z-index:1000; display:none; box-shadow:0 4px 10px rgba(0,0,0,0.1);} .search #searchPostcodeSuggestions {position:static;} #poploc.overlay .suggestion-item, .search .suggestion-item {text-align:left; padding:10px; cursor:pointer; border-bottom:1px solid #eee; font-size:14px;} #poploc.overlay .suggestion-item:hover, .search .suggestion-item:hover {background-color:#f0f4f8;} #poploc.overlay #popLocPostcodeSubLabel {text-align:center; font-size:13px; margin:20px 0 0 0;} #poploc.overlay .plquestion p.red {text-align:center; margin:10px 0 0 0;} #poploc.overlay .poploc-search {display:block; width:100%; max-width:340px; margin:8px auto 0 auto; background-color:#3168ED; color:#fff; font-weight:600; border:none; border-radius:999px; padding:16px 0; font-size:16px; cursor:pointer; transition:background-color 0.2s ease;} #poploc.overlay .poploc-search:hover {background-color:#2554c7;} .searchproviders #poploc.overlay .close, .search #poploc.overlay .close {display:none;} .poplocloadingoverlay {display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.85); z-index:9999; justify-content:center; align-items:center;} .poplocloadingoverlay.active {display:flex;} .poplocloadingspinner {width:60px; height:60px; border:5px solid #e0e0e0; border-top-color:#00BC45; border-radius:50%; animation:loading-spin 0.8s linear infinite;} @keyframes loading-spin {to {transform:rotate(360deg);}} #txtNavSearch:-webkit-autofill, #txtNavSearch:-webkit-autofill:hover, #txtNavSearch:-webkit-autofill:focus, #txtNavSearch:-webkit-autofill:active {-webkit-box-shadow:0 0 0 1000px white inset !important; box-shadow:0 0 0 1000px white inset !important; -webkit-text-fill-color:inherit !important; transition:background-color 5000s ease-in-out 0s; caret-color:inherit;} #poploc.overlay #popLocPostcodeBlock {padding-bottom:120px;} /* thanks */ .thanks .head .searchbox {display:none;} .thanks .all {background-image:url(/resources/images/icons-thanks.png); background-position:bottom center; background-repeat:no-repeat;} .thanks .main .page .content {width:580px; margin:auto; padding-top:0px; padding-bottom:270px;} .thanks .main .page .content h1 {font-size:36px; font-weight:bold; line-height:140%; margin:60px 0px 50px 0px;} .thanks .main .page .content .remember.table {margin-bottom:30px;} .thanks .main .page .content .remember.table .row .cell {padding-left:130px; height:182px; vertical-align:middle; text-align:left; background-image:url("/resources/images/icon-phone.png"); background-repeat:no-repeat; background-position:8% 50%;} .thanks .main .page .content .remember.table .row .cell h2, .thanks .bgcream.main .page .content .testimonial .table .row .cell h2 {font-size:20px; font-weight:600; line-height:160%; margin:0px 0px 6px 0px; padding-left:unset; background-image:unset;} .thanks .main .page .content .remember.table .row .cell p {margin:0px; padding:0px;} .thanks .main .page .content .testimonial a {text-decoration:none;} .thanks .main .page .content .testimonial .table {max-width:400px; margin:auto;} .thanks .main .page .content .testimonial .table .row .cell {vertical-align:middle; text-align:center; padding:40px 20px;} .thanks .main .page .content .testimonial .table .row .cell h2 {padding-left:0px; background-image:none; margin:0px 0px 30px 0px;} .thanks .main .page .content .testimonial .table .row .cell p {padding:0px; margin:0px 0px 24px 0px;} .thanks .main .page .content .testimonial .table .row .cell .container {margin:20px 0px;} .thanks .main .page .content .testimonial .table .row .cell .button {margin:18px 0px 35px 0px; font-size:14px; padding:20px 30px; font-weight:600; border-radius:40px; max-width:unset;} .thanks .main .page .content .testimonial .table .row .cell .feefo {margin-top:20px;} .thanks #panelGhost {padding-top:60px;} .thanks #panelGhost h4 {margin:0px; padding:0px; font-weight:300; font-size:13px;} .thanks #panelGhost h1 {margin:0px; padding:10px 0px 10px 0px; font-size:26px; font-weight:bold;} .thanks #panelGhost .recognised {font-size:14px; margin-bottom:24px; font-weight:300; background-repeat:no-repeat; background-position:left; padding:10px 0px 10px 4px;} .thanks #panelGhost .ghosttable {padding:30px 60px;} .thanks #panelGhost .table .row .cell a {color:#1C1C1E;} .thanks #panelGhost .table .row.last .cell {padding-bottom:90px;} .thanks #panelGhost .table.strongshadow .row .cell.border {border-bottom:1px solid #EDEDED;} .thanks #panelGhost .ghosttable.ghostprovider {padding-top:40px;} .thanks #panelGhost .ghosttable.sorry {padding-bottom:10px;} .thanks #panelGhost .information, .thanks .educonnect {padding-left:60px; padding-right:60px;} .thanks .educonnect {padding-top:40px;} .thanks #panelGhost .information .table {border-width:2px !important;} .thanks #panelGhost .information .table .row .cell {padding:20px;} .thanks #panelGhost .information .table .row .cell p {padding:0px; margin:0px;} .thanks #panelGhost .information .table .row .cell p a {text-decoration:none;} .thanks #panelGhost .ghosttable.ghostprovider.table .row .cell:first-child {width:80px; padding-right:30px;} .thanks #panelGhost .ghosttable.ghostprovider.table .row .cell:first-child img {max-width:80px;} .thanks .educonnect h3 {font-size:18px; margin-bottom:20px; font-weight:600; background-image:url(/resources/images/icon-educonnect-help.svg); background-position:left 50%; background-repeat:no-repeat; padding:10px 0px 10px 44px;} .thanks .educonnect .center {text-align:center;} .thanks .educonnect img {margin-top:20px;} .thanks .educonnect .button {margin-top:34px; max-width:100%; width:100%;} /* superseded course banner */ .superseded {background-color:#FCD755; padding:16px 0px 16px 0px;} .superseded .page {text-align:center;} .superseded .page .inline {width:unset;} .superseded .page .inline h4 {margin:0px; padding:0px 0px 10px 0px; font-size:18px;} .superseded .page .inline .button {background-color:black; font-size:14px; text-decoration:none; padding:10px 20px; margin-left:20px; display:inline-block; margin:0px 0px 0px 20px;} @media only screen and (max-width: 1200px) { :root {--headheight: unset; --bodyWidth: 100%;} .page, .career.home .legend .page, .enquiry .form {padding-left:20px; padding-right:20px; box-sizing:border-box;} .author.list .section.tight {margin:unset; max-width:unset;} .author.list .author.header {width:100%; max-width:unset; min-width:unset;} .author.list .author.header .col-2 {width:calc(100% - 144px); flex: 0 0 calc(100% - 144px);} .course .content, .course .content .col1, .course .content .col2 {display:block; flex:unset; width:100%;} .provider.detail .section .cols-2 .fixed {flex:0 0 580px; max-width:580px;} .listofelicoscoursetypes {grid-template-columns: repeat(1, 1fr); } } @media only screen and (max-width: 1000px) { .bgcream.footer.about .page .content {padding:60px 0px;} .bgcream.footer.about .page .content h2 {padding-bottom:40px;} .bgcream.footer.about .page .content .flex {display:block; width:100%; gap:unset;} .bgcream.footer.about .page .content .flex div {margin:auto auto 20px auto; max-width:500px; padding-top:20px; padding-bottom:20px;} .home .bgicon {background-image:url(/resources/images/background-home.png); background-position:calc(100% + 480px) -275px;} .about.us .approach div:first-child {width:110px; flex: 0 0 110px;} .about.us .approach div img {right: 490px; bottom: -20px;} .about.us .approach div:last-child {width:calc(100% - 110px); flex: 0 0 calc(100% - 110px);} .about.us .frm .tight {margin-left:0px;} .career.home .legend .page .cols-2, .career.home .legend .page .cols-2 div, .career.home .hero, .career.home .hero .fixed, .career.home .hero .fluid {display:block; flex:none; width:100%; flex-grow:unset; height:unset;} .career.home .hero .fixed {background-size:120px auto; padding-left:130px; padding-top:20px; background-position:0px 50%; padding-bottom:20px;} .career.home .hero .fluid {padding:20px 0px 0px 10px;} .career.home .filters {margin-top:30px;} .career.home .results .role div.bgwhite .cols-4 {display:flex; flex-wrap:wrap; gap:5px;} .career.home .results .role div.bgwhite .cols-4 .fixed {flex: 0 0 100%;} .career.home .results .role div.bgwhite .cols-4 .fluid {flex: 1 1 0; min-width: 0; padding-left:0px; text-align: center; padding-top:4px; padding-bottom:4px;} .career.home .results .role div.bgwhite .cols-4 .fluid .aiexp {margin:5px auto 0px auto;} .career.home .legend .page .cols-2 div:first-child {margin-bottom:30px;} .listofcourses .course, .listofcourses .course .inline:first-child, .listofcourses .course .inline:last-child {display:block; flex:unset; width:100%; flex-shrink:unset; flex-direction:unset; flex-grow:unset;} .listofcourses .course .mobile {display:block;} .listofcourses .course .desktop {display:none;} .listofcourses .course .inline {padding:30px;} .listofcourses .course.recommended .inline:first-child {padding-top:50px;} .listofcourses .course .inline .detail {border-top:none; padding-top:0px; padding-bottom:0px; margin-top:14px;} .listofcourses .course .inline .detail p.semibold, .listofcourses .course .inline p.semibold {padding-bottom:5px; margin:0px;} .listofcourses .course .inline .detail.borderbottomharlinegrey {border-bottom:none;} .listofcourses .course .inline p.overview {margin:0px; padding-top:20px; padding-bottom:20px;} .listofcourses .listofoutcomes {margin-top:10px; margin-bottom:0px;} .listofcourses .course .inline .button {margin-top:30px; margin-bottom:10px; background-position:calc(50% - 71px) 49%;} .listofcourses .course .inline:first-child {padding-bottom:0px;} .listofcourses .course .inline:last-child {padding-top:0px;} .career.detail .bgicon {background-position: calc(100% + 280px) -224px, calc(50% - 830px) 260px;} .listofcategories {grid-template-columns: repeat(2, 1fr);} .listofcategories .category, .listofcategories .category h3, .listofcategories .category .desc {max-width:unset; min-height:unset;} .listofcategories .category h3 {padding-bottom:20px;} .pathfinder .shadow .item {padding:30px 20px; flex:unset;} .pathfinder .shadow .item:first-child {flex:0 0 340px; background-position: 20px 36px; padding-left: 112px; background-size: 75px;} .pathfinder .shadow .item:last-child {flex:1;} .listofproviders.grid-4 {grid-template-columns: repeat(2, 1fr);} .course .bgicon {background-image:none;} .course .heading .desktop {display:none;} .course .heading .mobile {display:block;} .providercourse.detail .heading, .providercourse.detail .heading .logo, .providercourse.detail .heading div:last-child, .provider.detail .section .cols-2 .flow, .provider.detail .section .cols-2, .provider.detail .section .cols-2 .fixed, .home .bgcream.vet .page .radius.shadow.bgwhite .info .col2, .home .bgcream.vet .page .radius.shadow.bgwhite .info .col1, .home .bgcream.vet .page .radius.shadow.bgwhite .info, .course .heading, .course .heading .col1, .course .heading .col2, .funding.detail.home .eligibilityinfo.cols-2, .funding.detail.home .eligibilityinfo.cols-2 div.fixed, .funding.detail.home .eligibilityinfo.cols-2 div.fluid, .funding.detail .whatis .eligibility, .funding.detail .whatis .cols-2 {display:block; flex:none; width:100%; gap:unset; min-height:unset; flex-shrink:unset;} .course .heading .col2 .summary {max-width:600px; margin:20px auto 0px 0px;} .course .heading .col2 .summary .item {padding:30px;} .course .heading .col2 .summary.cl {margin-top:0px;} .funding.detail.home .eligibilityinfo.cols-2 .button.desktop {display:none;} .funding.detail.home .eligibilityinfo.cols-2 .button.mobile {display:block; background-image:none; max-width: 240px; padding: 10px 0px; margin:30px 0px 0px 0px;} .funding.detail.home .eligibilityinfo.cols-2 div.fluid div {background-position: 30px 49%; padding: 40px 40px 40px 140px;} .funding.detail .whatis .eligibility {margin:30px 0px 0px 0px; padding:40px 30px;} .listofelicos, .home .listofparentcategories, .location-list {grid-template-columns: repeat(2, 1fr);} .listofarticlesrecent {gap:30px;} .home .bgcream.vet .page .radius.shadow.bgwhite .info .col2 .button {margin:30px 0px 0px 0px;} .level.detail .bgicon {background-position:1000% 1000%;} .level.detail .page .section:first-child {padding:60px 0px 0px 0px;} .level.detail .heading .next {flex:0 0 60px;} .level.detail .heading .content {flex:1;} .news.detail .page .content h1 {margin:0px;} .provider.list .provider-grid {grid-template-columns: repeat(3, 1fr);} .provider.detail .section .cols-2 .fixed {max-width:100%;} .provider.detail .section .cols-2 .summary {max-width:400px;} .providercourse.detail .heading .logo {margin-bottom:10px;} .providercourse.detail .heading .logo img {width:auto;} .sia.home .bgcream.heading, .sia.detail .bgcream.heading {background-position:calc(100% + 350px) 50%;} .sia .bgcream.heading .tight {max-width: calc(100% - 220px);} .sia .heading {padding:40px 0px;} .sia .heading .button {margin-top:20px;} .sia .heading h1 {margin-top:0px; padding-top:0px;} .sia .listofusefullinks {grid-template-columns:1fr;} .sia .listofusefullinks .item {display:flex;} .sia .listofusefullinks .item .image {width:270px; height:auto; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-top-right-radius:0; border-bottom-left-radius:10px;} .sia .listofusefullinks .item .image img {height:190px;} .sia .listofusefullinks .item .detail {flex:1; border-bottom-left-radius:0; border-top-right-radius:10px;} .sia.detail .bgcream.heading .tight {margin-left:0px;} .sia .bgwhite .page .content.first.section img {width:auto; max-width:100%;} .sia .bgwhite .page .content.first.section ul, .sia .bgwhite .page .content.first.section ol {margin:20px 0px 20px 0px; padding:0px 0px 0px 20px;} } @media only screen and (max-width: 800px) { h1 {font-size:36px; line-height:140%;} h2 {font-size:26px; line-height:140%;} .title {font-size:40px; line-height:140%;} .page .section, .page .section.first {padding-top:40px; padding-bottom:70px;} .page .head .searchbox {display:none;} .page .head .mobilesearchbox {display:block;} .searchproviders .bgcream .page {padding-top:30px;} .searchproviders .bgcream .page .code {padding-top:0px; margin-top:0px;} .searchproviders .heading.table, .providers .heading.table .row, .providers .heading.table .row .cell {display:block; width:100%;} .searchproviders .bgcream .page .table .row .cell:last-child {text-align:left;} .enquiry div.back {position:static; top:unset; right:unset; margin-bottom:10px;} .about.us .bgicon.hme, .about.us .adv.bgicon, .about.us .cnt.bgicon {background-image:none;} .about .tight {width:100%; max-width:unset;} .about.us .approach {padding-top:0px; display:block} .about.us .approach div:first-child {display:none;} .about.us .approach div:last-child {width:100%; flex:unset;} .about.us .frm .form {margin:40px 0px 60px 0px;} .career.home .results .role div.bgwhite .cols-4 .fluid {display:block; width:100%; flex:unset; padding:0px 0px 10px 0px; border:none; text-align:left;} .career.home .results .role div.bgwhite .cols-4 .fluid .aiexp {margin:10px 0px 0px 0px;} .career.home .legend .page .cols-2 div {padding:30px;} .career.home .legend .page .cols-2 div p.icon.high, .career.home .legend .page .cols-2 div p.icon.low {padding-left:114px;} .career.home .legend .page {padding:30px 20px;} .career.home .results {padding-bottom:20px;} .career.home .results .role div.bgwhite {padding:30px 20px;} .career.home .results .role div.bgcream {padding:20px;} .category.detail .bgicon {background-image:none;} .course .keypoints.grid-3 {grid-template-columns: repeat(1, 1fr);} .course .fees.funding .summary, .course .fees.funding .summary .item, .course .fees.funding .summary .item:nth-child(2), .course .fees.funding .summary .item:last-child {display:block; width:100%; flex:unset; } .course .fees.funding .summary .item {border:none;} .course .fees.funding .summary .item:first-child {border-bottom:2px solid #EDEDED;} .course .fees .button {margin-top:20px;} .course .fees.funding .summary .item:last-child {display: flex; align-items: center;} .course .fees.funding .summary .item:last-child .col1 {flex: 1;min-width: 0;} .course .fees.funding .summary .item:last-child .col2 {flex: 0 0 60px;} .course .near.bgcream .introduction {background-color: white; padding: 30px 30px 30px 150px; background-image: url(/resources/images/icon-find-provider.svg); background-position: 30px 30px; background-size: 100px;} .providercourse .profile, .providercourse .profile .item, .providercourse.detail .coursesummary, .providercourse.detail .coursesummary > div, .news .heading .flex.gap, .course .listofcourses .item, .course .listofcourses .item .logo, .course .listofcourses .item .name, .course .listofcourses .item .modes, .course .listofcourses .item .duration {min-height:unset; display:block; flex-shrink:unset; flex:unset; width:100%; padding:unset;} .course .listofcourses .item {padding:40px 30px; text-align:center;} .course .listofcourses .item .logo img {margin:0px auto 20px auto; max-width:120px;} .course .listofcourses .item .small {font-size:14px;} .course .listofcourses .item .name {padding-bottom:10px;} .course .listofcourses .button {margin-left:auto; margin-right:auto;} .home .heading .title {padding:10px 0px 30px 0px;} .home .heading .searchcourse {margin-top:40px;} .listofelicos .item {background-position: 40px 34px, 154% 100%;} .provider.list .tight .title, .provider.list .tight p {max-width:unset; width:100%;} .provider.list .bgicon {background-image:none;} .provider.list .provider-grid {grid-template-columns: repeat(2, 1fr);} .page .section, .page .section.first {padding:30px 0px 30px 0px;} .providercourse.detail .coursesummary, .providercourse .profile {padding:40px 30px; width:fit-content;} .providercourse.detail .coursesummary > div, .providercourse.detail .coursesummary div:last-child, .providercourse.detail .coursesummary div:first-child, .providercourse .profile .item {border:none;} .providercourse.detail .coursesummary > div, .providercourse.detail .coursesummary div:first-child, .providercourse .profile .item {display: block; justify-content:left; align-items: baseline; gap: 16px; margin-bottom:20px; border-bottom: 2px solid #EDEDED; padding-bottom: 20px;} .providercourse.detail .coursesummary > div:last-child, .providercourse .profile .item:last-child {margin-bottom:0px; padding-bottom:0px; border-bottom:none;} .providercourse.detail .coursesummary > div p {margin: 0;} .providercourse.detail .coursesummary div p.bold, .providercourse .profile .item p.bold {min-width:100px;} .course .fees {width:100%;} .searchproviders .bgcream .page {padding-top:40px;} .searchproviders .heading.table, .searchproviders .heading.table .row, .searchproviders .heading.table .row .cell {display:block; width:100%;} .searchproviders .bgcream .page .table .row .cell:last-child {text-align:left;} .search .filter-options {position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; grid-template-columns: 1fr; border: none; border-radius: 0; margin: 0; padding: 20px; overflow-y: auto; -webkit-overflow-scrolling: touch;} .search .filter-options .atar, .search #atar-options input[type=text] {width:100%;} .sia.home .listgrey.col3 {grid-template-columns: repeat(2, 1fr);} .sia .bgcream.heading .tight {width:100%; max-width:unset;} .sia .heading, .sia.home .bgcream.heading {background-image:none;} .sia.detail .bgcream.heading {background-position:1000% 1000%;} .thanks .main .page .content {width:100%;} .listofelicoscoursetypes .item {background-position:-72px 50%; padding: 50px 20px 50px 148px;} } @media only screen and (max-width: 600px) { .menu {width:100%;} .articlelist { grid-template-columns: 1fr; } .listofcategories, .listgrey.col2, .location-list.grid-4, .listofproviders.grid-4 {grid-template-columns: repeat(1, 1fr);} .listofcourses .course .inline .button {min-width:unset; background-image:none;} .listgrey.col2 .item:nth-child(1), .listgrey.col2 .item:nth-child(2), .listgrey.col2 .item:last-child, .listgrey.col2 .item:nth-last-child(2), .location-list .item:nth-child(-n+4), .location-list .item:last-child, .location-list .item:nth-last-child(-n+4), .location-list .item:nth-child(2) {border-radius:0px;} .listgrey.col2 .item:first-child, .location-list .item:first-child {border-top-left-radius:10px; border-top-right-radius:10px;} .listgrey.col2 .item:last-child, .location-list .item:last-child {border-bottom-left-radius:10px; border-bottom-right-radius:10px;} .listofelicos .item {background-position:20px 34px, calc(100% + 60px) bottom; padding-left:20px; padding-right:20px;} .common.detail h2, .funding.detail.home .eligibilityinfo.cols-2 {margin:60px 0px 30px 0px;} #poploc.overlay .poploc-modal {max-width:unset; width:100%; height:100%; overflow-y:auto; border-radius:0px; max-height:100vh;} #poploc.overlay .poploc-buttons {gap:10px;} #poploc.overlay .poploc-buttons .button {min-width:unset;} #poploc.overlay .plquestion.flex {display:block; width:100%; flex:unset; padding-bottom:5px;} #poploc.overlay .plquestion.flex .domestic, #poploc.overlay .plquestion.flex .international {margin-bottom:20px; background-position:calc(50% - 80px) 50%;} #poploc.overlay #popLocDomesticHint {margin-top:30px;} #poploc.overlay h2 {margin-left:30px; margin-right:0px;} #poploc.overlay .plquestion.flex {padding-left:30px; padding-right:30px;} #poploc.overlay .close img {width:18px;} #poploc.overlay #popLocDomesticHint {position:absolute; bottom:0px;} .author.header, .author.header .col-1, .author.list .author.header .col-2 {display:block; width:100%; flex:none;} .author.header {margin-bottom:60px; margin-top:30px;} .author.detail .author.header {margin-bottom:30px; padding-bottom:20px;} .author.detail h2 {padding:60px 0px 30px 0px} .career.home .hero .fixed {background-size:60px auto; padding-left:0px; padding-top:68px; background-position:0px 0px; padding-bottom:0px;} .career.home .filter-options {position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0; border-radius: 0; border: none; overflow-y: auto; padding: 20px;} .career.home .filter-options .closeicon img {padding-right:20px;} .career.detail .insights .line {padding:30px; gap:10px; display:block;} .career.detail .insights .line p.bold {flex: 0 0 90px; padding-bottom:10px;} .career.detail .insights .line p {margin:0px; padding:0px;} .career.detail .aiexp {margin-bottom:10px;} .pathfinder .shadow {margin:60px 0px;} .pathfinder .shadow, .pathfinder .shadow .item:first-child, .pathfinder .shadow .item:last-child {display:block; flex:unset; width:100%;} .pathfinder .shadow .item:first-child {border-bottom-right-radius:0px; border-bottom-left-radius:0px; border-top-right-radius:10px; border-top-left-radius:10px;} .pathfinder .shadow .item:last-child {border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-top-right-radius:0px; border-top-left-radius:0px;} .pathfinder .shadow .item .button {position:relative; left:-8px;} .listofarticlesrecent .hero, .listofarticlesrecent, .listofarticlesrecent .list, .course .fees.funding .states .item, .course .fees.funding .states .item .col1, .course .fees.funding .states .item .col2, .funding .schemes .scheme {display:block; gap:unset; flex-shrink:unset; flex:unset; width:100%;} .course .fees.funding .states .item .button {margin-top:20px;} .course .near.bgcream .introduction {background-image:none; padding:30px;} .course .near.bgcream .page {padding-top:60px;} .course .fees .item {padding:30px;} .course .keypoints .item {padding-left:30px; padding-right:30px; background-position: 30px 30px;} .funding .schemes {padding:30px;} .funding .schemes .scheme .button.mobile {display:block;} .funding .schemes .scheme .button.desktop {display:none;} .funding .heading {text-align:left;} .funding .heading .sub, .funding .heading .button {margin-left:0px; margin-right:0px;} .home .pathfinder .shadow.bgcream, .home .bgcream.vet .page .radius.shadow.bgwhite, .home .listOfStates {padding:40px 30px;} .home .bgcream.vet .page .radius.shadow.bgwhite .info {padding:30px 0px 60px 0px;} .home .bgicon {background-image:none;} .home .pathfinder {margin:60px 0px;} .home .states .state {width:115px; flex:unset;} .listofarticlesrecent .list {margin-top:30px;} .listofelicos, .home .listofparentcategories {grid-template-columns: repeat(1, 1fr);} .listofelicos .item {background-position: 40px 34px, right bottom;} .level.detail .heading .prev, .level.detail .heading .next {display:none;} .level.detail .heading, .level.detail .heading .content {display:block; width:100%; padding:0px;} .news.detail .page .content.section.first {padding-bottom:20px;} .news.detail .page .content.section.last {padding-top:20px;} .enquiry .table.ef .row .cell {padding:30px;} .search .filter {width:fit-content;} .search .filter-button {padding:18px 30px;} .sia .listofusefullinks .item {display:block;} .sia .listofusefullinks .item .image {width:auto; height:190px; display:block; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:0;} .sia .listofusefullinks .item .image img {height:100%;} .sia .listofusefullinks .item .detail {border-top-right-radius:0; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} .sia.home .listgrey.col3 {grid-template-columns: repeat(1, 1fr);} .sia .listofusefullinks .item .detail {padding:20px;} .sia.detail tbody, .sia.detail tr, .sia.detail td {display:block; width:100%; box-sizing:border-box;} .sia.detail thead {display:none;} .sia.detail tr {border:2px solid #EDEDED; border-radius:10px; padding:0px; margin-bottom:15px;} .sia.detail td {border:none; padding:20px;} .sia.detail td:nth-child(1)::before {content:"National Rank: "; font-weight:bold;} .sia.detail td:nth-child(2)::before {content:"World Rank: "; font-weight:bold;} .sia.detail td:nth-child(3)::before {content:"Institution: "; font-weight:bold;} .sia.detail td:nth-child(4)::before {content:"Campuses: "; font-weight:bold;} .sia.detail td:nth-child(4) {border-bottom:none;} .thanks .main .page .content .remember.table .row .cell {padding:40px 40px 40px 100px; background-position:25px 40px;} .thanks .main .page .content .remember.table .row .cell h2 {font-size:20px !important;} .thanks #panelGhost .ghosttable, .thanks #panelGhost .information, .thanks .educonnect {padding-left:30px; padding-right:30px;} .thanks .main .page .content .remember.table {margin-bottom:0px;} .searchproviders .carousel-container .viewport .track {gap:0px;} .enquiry .table.ef .row:first-child .cell .inline img {max-height:60px;} .superseded .page .inline, .superseded .page .inline .button {display:block;} .superseded .page .inline .button {margin:auto;} } @media only screen and (max-width: 600px) { .listofelicoscoursetypes .item {background-position:-99999px 50%; padding:40px 30px;} .funding .heading .button {background-image:none; padding-left:0px;} .funding .button.allfunded {max-width:unset; width:100%; background-image:none; padding-left:0px;} .home .pathfinder .shadow .item:first-child {background-image:none; padding-left:20px;} .pathfinder .shadow .item .button {left:0px;} } @media only screen and (max-width: 400px) { .listofelicoscoursetypes .item {background-position:-99999px 50%; padding:40px 30px;} .funding .heading .button {background-image:none; padding-left:0px;} .funding .button.allfunded {max-width:unset; width:100%; background-image:none; padding-left:0px;} .home .pathfinder .shadow .item:first-child {background-image:none; padding-left:20px;} .superseded .page .inline .button {width:100%; max-width:unset; padding:10px 8px; min-width:unset;} }