@charset "utf-8";
/* CSS Document */
body { font-family: "Lato", Helvetica, Arial, "sans-serif"; text-align:  center; margin:0 auto; color: #30497a; line-height:1.5em; letter-spacing:0.04em; hyphens: none; }
a, a:link, a:visited { color: inherit; }
img { width:auto; height:auto; max-width:100%; display: block; margin:0 auto; }

.header { z-index: 2; }
.header .col2 { width: 50%; display: inline-block; vertical-align: middle; padding:0 10px; box-sizing: border-box; }
.header, .sitemap { max-width:1280px; margin:0 auto; position: relative; }
.header .logo { padding:0%; box-sizing:border-box; position: relative; z-index: 2; }
.header nav ul { list-style: none; display:flex; flex-wrap:nowrap; align-items: center; justify-content:center; padding: 0; position: relative; }
.header nav li { width:auto; flex-grow: 1; font-size: 1rem; cursor: pointer; -webkit-tap-highlight-color:transparent; }
.header nav li > ul { display:none; }
.header nav li > ul > li > ul { position:relative; }
.header nav li:hover > a, nav li ul li a:hover { text-decoration:underline; } nav li:hover ul a { text-decoration: none; }
.header nav li:hover ul { display: block; background: white; position: absolute; right:0%; top:100%; width: 100%; min-width: 16rem; text-align: left; padding:0 5% 2.5%; overflow: hidden; box-sizing: border-box;}
.header nav li:hover ul li { text-decoration: none; }
.header nav a { display: block; padding:20px 0px; text-decoration: none; font-weight: bold;   }
.header nav li li a { padding: 5px 0px; }
.header nav li > ul { text-transform: uppercase; }
.header nav li > ul > li > ul { text-transform: none; position: relative !important; background: none; }
.header nav li > ul > li > ul a { font-weight: normal; }

.header .menu-btn { display: none; }
.header .menu-icon .navicon { background: #30497a; display: none; height: 2px; width: 10vw;  position: absolute; top:50%; right: 5%; transition: background .2s ease-out; z-index: 2; }
.header .menu-icon .navicon:before, .header .menu-icon .navicon:after { background: #30497a; content: '';  display: block;  height: 100%;  position: absolute;  transition: all .2s ease-out; width: 100%; }
.header .menu-icon .navicon:before { top: 2vw; }
.header .menu-icon .navicon:after { top: -2vw; }
.header .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity .35s, visibility .35s, height .35s; overflow: hidden; background: black; z-index: -1; }
.header .topOverlay { display:none; top: 0; left: 0; width: 100%; height: 100%; visibility: visible; opacity: 1; z-index: 1; position: absolute; background: white; transition: none; }
.header .menu-sub { display: none; }

.footer { background-color: #efefef; margin-top:5px; }
.footer .col1 { width:100%; max-width:1280px; display: block; }
.footer .logo { max-width:320px; padding:20px 10px 0px; box-sizing:border-box; }
.footer .sitemap { padding:0px 20px; }
.footer .sitemap a { display: block; padding:0px 0px 15px; text-decoration: none; font-weight: bold; }
.footer .sitemap ul { list-style: none; display:flex; flex-wrap:nowrap; align-items: flex-start; justify-content:center; padding: 0; text-align: left; text-transform: uppercase; margin:0 auto; }
.footer .sitemap li { width:auto; flex-grow: 1; font-size: 1rem; padding-bottom:40px; }
.footer .sitemap a:hover { text-decoration:underline; }
.footer .sitemap li ul { display: block; padding-left:20px; }
.footer .sitemap li li {font-size:0.875rem; padding:0px; }
.footer .sitemap li ul a { padding:5px 0px; }
.footer .sitemap li > ul > li > ul a { text-transform: none; font-weight: normal; }
.footer .acknowledgementOfCountry { border-top:1px solid #30497a; padding:40px 0px; }
.footer .acknowledgementOfCountry p { max-width:920px; margin:0 auto; line-height: 1.5em; padding:0 10px; }
.footer .acknowledgementOfCountry .imgFlags { max-width:60px; padding:10px 0px 5px; }

.footer .bottombanner { background-color: #30497a; color:white !important; text-transform: uppercase; font-size:0.875rem; font-weight: bold; letter-spacing: 0.06em; }
.footer .bottombanner a { display: inline-block; padding:10px; text-decoration: none; }
.footer .bottombanner a:hover { text-decoration:underline; }

.content .inner { max-width:1280px; margin:0 auto; padding:0; }
.content .col1 { padding: 0px 40px 30px; margin: 0 auto; }
.content .col2 { width: 50%; display: inline-block; vertical-align: middle; box-sizing: border-box; padding: 0px 40px 30px; }
.content .sideSwap { left:50%; position: relative; } .content .sideSwap ~ .sideSwap { left:-50%; }

.content .col_alt .col1 { padding-top:30px;}
.content .col_alt .col1:nth-child(odd) { background-color:#f3f6f8; }

.col_grid { max-width:1280px; margin:0 auto; }
.col_grid .col { width:33%; padding:1.5rem 3rem; display: inline-block; vertical-align: top; box-sizing: border-box; }
.col_grid p { text-align: center; margin-top:-15px; }

.content h1 { text-transform: uppercase; font-weight: bold; font-size: 1.5rem; margin-bottom:40px; }
.content h2 { font-weight: bold; margin-top:30px; font-size:1.25rem; }
.content h3 { text-align: left; font-weight: normal; text-decoration: underline; font-style: italic; }
.content p { text-align: justify; }
.content p.quote { font-style: italic; font-weight: bold; text-align: center; margin:10px auto 40px; }
.content ul { text-align: justify; }

.content .btnJobs {  background-color:#30497a; color: white; padding:1rem 2rem; display: inline-block; margin:20px 10px 0px; text-transform: uppercase; text-decoration: none; }

.content .linkMore { display: flex; margin:auto -1rem; }
.content .linkMore .linkType { padding:1rem; position: relative; }
.content .linkMore .linkType.current { pointer-events: none; }
.content .linkMore .linkType img { opacity: 1; transition: opacity .35s;  }
.content .linkMore .linkType:hover img, .content .linkMore .linkType.current img { opacity: 0.5; transition: opacity .35s;  }
.content .linkMore .linkType:hover .linkText, .content .linkMore .linkType.current .linkText { color:#30497a; transition: color .35s;  }
.content .linkMore .linkText { color:white; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 1.25rem;  transition: color .35s; }

.content .vidWrapper { position: relative; overflow: hidden; margin:0 auto; }
.content .vidWrapper iframe { width:102%; height:102%; position: absolute; top:-1%; left:-1%; }

@media (max-width: 960px) {
	.header .col2 { width:80%; } .header .col2 ~ .col2 { width:20%; }
	.header nav { position: absolute; width:85%; top:100%; left:-85%; text-align: left; z-index: 2; transition: left .35s; }
	.header nav ul { flex-wrap: wrap; margin:0 auto; }
	.header nav li:hover ul { display: none; background: white; position: static; left:0%; top:100%; width: 100%; text-align: left; padding:0; }
	.header nav li { font-size:1rem; flex: 100%; background-color: #30497a; border-top: 1px solid white; color: white; position: relative; }
	.header nav a { padding:20px; text-decoration: none !important; }
	.header nav li li a { padding: 20px; }
	.header nav li li a { padding-left: 40px; }
	.header nav li li li a { padding-left: 60px; background-color:white; }
	.header nav ul ul { display: none; padding:0; overflow: hidden; width:100% !important; }
	.header nav li li { background-color:#cbd1de; color:#30497a; text-transform: none; }
	.header nav li li li { border-top: 1px solid #30497a; }
	.header nav li li li:first-of-type { border-top: 1px solid white; }
	
	.header .menu-icon { cursor: pointer; }
	.header .menu-icon .navicon, .header .menu-sub, .header .topOverlay { display: block; }
	.header .menu-btn:checked ~ nav { visibility: visible; left: 0%; transition: left .35s; }
	.header .menu-btn:checked ~ .menu-icon .overlay { visibility: visible; opacity: 0.4; z-index: 0; transition: opacity .35s, visibility .35s, height .35s; }
	.header .menu-btn:checked ~ .menu-icon .navicon {  background: transparent; }
	.header .menu-btn:checked ~ .menu-icon .navicon:before { transform: rotate(-45deg); }
	.header .menu-btn:checked ~ .menu-icon .navicon:after { transform: rotate(45deg);}
	.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
	.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after { top: 0;}
	.header .sub-menu-open > .menu-sub .menu-sub-icon:before { transform: rotate(0deg); }
	.header .menu-sub { width: 10vw; height:auto; padding:20px; position: absolute; top:0%; right: 0%; z-index: 2; text-align: center; }
	.header .menu-sub-icon { color:#30497a; transition: background .2s ease-out; }
	.header .menu-sub-icon:before, .header .menu-sub-icon:after { background: white; content: '';  display: block;  height: 2px; width: 1rem; position: absolute; top:50%; left:50%; transition: all .2s ease-out;  }
	.header .menu-sub-icon:before { transform: rotate(90deg); }
	.header li li .menu-sub-icon { color:#cbd1de; }
	.header li li li .menu-sub-icon { color:white; }
	.header li li .menu-sub-icon:before, .header li li .menu-sub-icon:after { background-color:#30497a; }
	
	.footer .logo { max-width:80%; }
	.footer .sitemap ul { flex-wrap: wrap;justify-content: flex-start; }
	.footer .sitemap ul > li { flex: 50%; }	
	
	.content .inner  { padding:0% 5%; }
	.content .inner .col1 { padding:0% 0% 5%; }
	.content .inner .col2 { width: 100%; padding:0% 0% 5%; }
	.content .sideSwap { left:0% !important; }
	.content .col_alt .col1 { padding:1px 0% 5%; }
	.col_grid .col { width:50%; }
	
	.content .linkMore { flex-wrap: wrap; }
	.content .linkMore .linkType { flex-basis: 100%; }
}

@media (max-width: 600px) {
	.col_grid .col { width:100%; }
}

/* Careers */

.content .top-banner {display:block;background: url(https://www.justgroup.com.au/images/job_search.jpg) no-repeat top;background-size: 150%;margin: 0;height: auto;}
.content .top-banner h2{color:#FFF;text-indent: -9999px;}
.content .container { overflow: hidden; }
.content .content_box { margin:200px 0 0 0;background: #FFF;padding:2rem 2rem 3rem;}
	
#careers *{box-sizing: border-box;}
#careers h1{display:block;}
#careers h2 {margin: 0 0 2rem;font-size: 18px;text-transform: none;font-weight: 500;color:#000;text-indent: 0;}
#careers h3 {margin: 0 0 1rem;font-size: 18px!important;text-transform: none;font-weight: 500;color:#000;text-indent: 0; text-decoration: none; font-style: normal!important;}
#careers h5 {margin: 0 0 2rem;font-size: 13px;text-transform: uppercase;font-weight: 500;}
#careers b,#careers strong {font-weight: 500;}

#careers ul{margin:0;padding:0;list-style: none;}
#careers label {font-weight: normal;margin: 0 0 0 1rem;}
#careers table th{padding:1rem;font-weight: 500;text-transform: uppercase;background: #f2f2f2;padding: 1rem 1rem;}
#careers table td{padding:1rem;font-weight: normal;vertical-align: top;}
#careers table tr.summary td {padding:0 1rem 2rem;border-bottom: 1px solid #f2f2f2;background: none; text-align:left;}
#careers .summary {text-align:left;}

#careers .job-link{color:#000;font-weight:500;text-decoration: none;font-size: 16px; text-align:left;}
#careers a.job-link:hover{opacity: 0.75;}
#careers .more-link.button{font-size:16px;background: #FFF;color: #000;text-align: center;padding: 0.5rem 0;text-decoration: none;border:1px solid #000;border-radius: 40px}
#careers a.button,#careers .button{font-size:14px;background: #FFF;color: #000;text-align: center;padding: 0.5rem 1rem;text-decoration: none;border:1px solid #000;border-radius: 40px;box-shadow: none;font-weight: 500;}
#careers a.button:hover{background: #000;color: #FFF;}
#careers a.apply-link.button{background: #000;color: #FFF;}
#careers #job-content span[style*=float] a.apply-link.button {margin-top: 0;padding:0.5rem 2rem;}
#careers #job-content p a.button {padding:0.5rem 2rem;}

#careers .count{font-size:80%;}
#careers .count:before{content: '(';}
#careers .count:after{content: ')';}

#careers .filter-container{background: #f5f5f5;margin: 0 0 4rem 0;padding:4rem 0;}
#careers .careers-subscribe .filter-container{display:none;}

#careers #work-type {width:80%; padding:8px;}
#careers #location {width:80%; padding:8px;}
#careers #category {width:80%; padding:8px;}

#pup-search{border:0;}
#pup-search input {width:100%;}

#search-filters h4{display: none;}
#search-filters .filter-wrapper{margin:0 0 1rem;width: 100%;}
#search-filters .filter-wrapper .filter-group{margin:0 0 2rem 0;}
#search-filters .filter-wrapper .filter-group .filter-group-title{font-size: 13px;text-transform: uppercase;font-weight: 500;margin: 0 0 1rem;}
#search-filters .filter-wrapper .filter-group ul li{margin:0;}
#search-filters .filter li {display: flex;align-items: flex-start;margin: 0 0 0.5rem 0;}

#careers .paging-list {text-align: center;}

#job-details{margin:5rem 0 0 0;}
#job-details ul{margin:2rem 0;padding:0 0 0 4rem;list-style: disc;}
#job-details ul li{margin:0;}
#job-details p{margin:0 0 2rem;}
#job-details img{width: auto;}
#job-content .button {margin: 4rem 1rem 0 0;display: inline-block;}
#job-content p strong{font-size:15px;}

#pup-content{width:100%;padding: 0;}
#job{font-size:16px;}
#job #job-content h2{font-size:30px;}
#job #job-content table td{border:0;}


#job-mail {background: #F5F5F5;padding: 2rem;margin: 0 0 5rem;}
#job-mail #job-mail-trigger{color: #000;font-size: 16px;font-weight: 500;text-decoration: none;margin: 0;}
#job-mail #job-mail-content{margin-top: 2rem;padding:2rem 3rem;box-shadow: 0, -webkit-box-shadow:0;border:0;border-radius: 0;}
#job-mail .g-recaptcha{margin:2rem 0;}
#job-mail table{width:100%;}

#subscribe {padding:4rem 0;}
#subscribe h2{font-size:40px;}
#subscribe h3{font-size: 18px;font-weight: 500 !important;}
.careers-subscribe #subscribe input.text-input {width: 100%;}
.careers-subscribe #job-mail {background:#FFF;}
.careers-subscribe .filterPane{margin-bottom: 4rem;}
.careers-subscribe #subscribe div[style*='width:100%;float:left;']{display:flex;flex-wrap: wrap;}
.careers-subscribe #subscribe div[style*='width:100%;float:left;'] #job-mail{order:1;padding:0;width: 100%;}
.careers-subscribe #subscribe div[style*='width:100%;float:left;'] a{order:2;}
.careers-subscribe #job-mail-subscribe-button{background: #000;color: #FFF;}

#search-results h4{font-size: 40px;font-weight: 500;margin: 0 0 2rem;}
#social-media{display:none;}

.scrolled-down #back-top{background:#000;}
.scrolled-down #back-top a{text-decoration: none;}

@media (min-width: 768px){
/*.content .top-banner {height: 400px;max-height: 400px;} */
.content .top-banner {background-position: bottom center;background-size: cover;}
.content .content_box { margin: 5rem; max-width:720px;}

#page-content{max-width:none;}
#jobs-form{flex-wrap:nowrap; overflow:auto;}
#job #job-content h2{font-size:24px!important;}

#search-filters{display:flex !important;justify-content: space-between; margin: 0px auto; width: 100%;}
#search-filters .filter-wrapper{margin:0;width:24%;}
#recent-jobs-content span.location {width: 150px;}

.careers-subscribe #subscribe input.text-input {width:300px;}
#careers a.button,#careers .button{font-size:16px;padding: 0.5rem 2rem;}
}

#campaignsDiv {margin-bottom:50px; margin-top:20px;}

@media (max-width: 468px){
#careers h3 {margin: 10px auto; text-align:center;}	
#careers #work-type {width:100%; padding:8px;}
#careers #location {width:100%; padding:8px;}
#careers #category {width:100%; padding:8px;}
}