/*
Theme Name:         PJR Twenty5
Theme URI:          https://roots.io/sage/
Description:        Designed by Vivo Marketing for PJ Recruitment
Version:            1.0.0
Author:             a14.au
Author URI:         https://a14.au
Text Domain:        Sage
License:            MIT License
License URI:        https://opensource.org/licenses/MIT
Requires PHP:       7.3
Requires at least:  5.4
*/

/* p{
	color: #00545F;
} */
h1,h2,h3,h4,h5,h6{
	line-height: normal !important;
}
.pj-header {
	border-bottom: 1px solid #00545F;
}
.pj-header.upgradedFigmaDesign {
/* 	position: absolute; */
	position:relative;
    z-index: 9;
    background-color: #fff !important;
}
.mergeContainerTop{
	margin-top:-100px !important;
}
.mergeContainerTop .wp-block-image,
.mergeContainerTop .wp-block-video {
/* 	max-width: 86%; */
	margin:0 auto;
}
.pj-container {
    max-width: 1340px;
	width:98% !important;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}
.pj-container .container {
	padding: 0
}
.pj-container.pj-inner-container {
	padding-left: 100px;
	padding-right: 100px
}
/* Large Desktops (1440px and above) */
@media (min-width: 1440px) {
    .pj-container {
        max-width: 1340px;
    }
}

/* Laptops & Medium Desktops (1024px - 1439px) */
@media (max-width: 1439px) {
    .pj-container {
        max-width: 1200px;
		    }
	.pj-container.pj-inner-container {
	padding-left: 80px;
	padding-right: 80px
}
}

/* Tablets Landscape (768px - 1023px) */
@media (max-width: 1023px) {
    .pj-container {
        max-width: 900px;
    }
		.pj-container.pj-inner-container {
	padding-left: 0;
	padding-right: 0
}
}

/* Tablets Portrait (600px - 767px) */
@media (max-width: 767px) {
    .pj-container {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* Mobile Phones (Below 600px) */
@media (max-width: 599px) {
    .pj-container {
        max-width: 100%;
        padding-left: 14px;
        padding-right: 14px;
    }
}
.heroWrapper{
height: 750px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 50px;
}
.titleBox{
	display: flex;
    flex-direction: column;
	align-items: flex-start;
    gap: 10px;
}
/* @media (max-width: 1023px) {
	.heroWrapper{
	height: 500px;
}
} */
@media (max-width: 767px) {
/* 	.heroWrapper{
	height: auto;
		padding: 150px 0 50px;
} */

}
/* Desktop Default */
.headerHeroTitle {
    font-family: Switzer, sans-serif;
    font-size: 64px;
    font-weight: 700;
    line-height: 64px !important;
    color: #fff;
}

.heroSubTitle {
    font-size: 23px;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
}
.homeHeroWrapper .headerHeroTitle.headerHeroTitle,
.homeHeroWrapper .heroSubTitle{
	color: #00545F
}

/* Laptops (1024px - 1439px) */
@media (max-width: 1439px) {
    .headerHeroTitle {
        font-size: 54px;
		line-height:54px !important;
		font-weight:800;
    }
    .heroSubTitle {
        font-size: 21px;
		line-height:21px !important;
    }
}

/* Tablets Landscape (768px - 1023px) */
@media (max-width: 1023px) {
    .headerHeroTitle {
        font-size: 46px;
		line-height:46px !important;
    }
    .heroSubTitle {
        font-size: 20px;
		line-height:20px !important;
    }
}

/* Tablets Portrait (600px - 767px) */
@media (max-width: 767px) {
    .headerHeroTitle {
        font-size: 36px;
		line-height: 36px !important
    }
    .heroSubTitle {
        font-size: 18px;
		line-height:18px !important
    }
}

/* Mobile Phones (Below 600px) */
/* @media (max-width: 599px) {
    .headerHeroTitle {
        font-size: 30px;
    }
    .heroSubTitle {
        font-size: 16px;
    }
} */
.menu-toggle{
	color:#00545F !important
}
.menu-toggle:hover{
	 color: #C81B74 !important
}
.telephoneContact{
	font-weight:600 !important;
	font-size:14px;
}
.telephoneContent {
	display: flex;
	align-items: center;
}
.telephoneContact .callIcon {
	background: url('https://pjrecruitment.au/wp-content/uploads/2025/12/callIcon.svg') center center transparent;
	background-size:cover;
	display:block;
	width:22px;
	height:22px;
	font-size:0
}
.footerWrapper {
	padding: 130px 0;
	font-family: Switzer, sans-serif;
    font-size: 14px;
    color: #fff;
	position: relative;
	background: url("https://pjrecruitment.au/wp-content/uploads/2024/10/pjr-brandmark_01.svg") no-repeat  115% center #00545F;
	background-size: 24%;
	border-top:1px solid #849DAA;
}
.footerIntro p {
	color: #fff
}

@media(max-width: 575px){
	.footerWrapper{
		background-position: center center;
		background-size: 50%;
		padding: 50px 0;
	}
.footerWrapper .pj-container .row {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
	.footerWrapper .pj-container .row .col-md-2 {
		display: none;
	}
}

/*  Main Content */
.pj-content{
	padding-top: 100px;
	padding-bottom: 100px;
}
.contactUsContent p{
	padding-right: 100px
}
@media(max-width: 1199px){
.contactUsContent p{
	padding-right: 50px
}	
}
@media(max-width: 992px){
.contactUsContent p{
	padding-right: 0
}	
}

/* Contact Form */
.pj-contactForm input::placeholder,
.pj-contactForm textarea::placeholder {
  color: #849DAA;
}

.pj-contactForm {
	background: #fff;
  border: 1px solid #00545F;
  border-radius: 40px;
  width: 100%;
  padding: 50px 30px;
	color: #849DAA;
}

/* Exclude checkbox & radio correctly */
.pj-contactForm input:not([type="checkbox"]):not([type="radio"]),
.pj-contactForm textarea {
  max-width: 100%;
  border: none;
  border-bottom: 1px solid #849DAA;
  padding: 5px 0 10px;
  margin-bottom: 40px;
  width: 100%;
}

/* Checkbox styling */
.pj-contactForm input[type="checkbox"] {
  appearance: auto;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
}

/* Submit button */
.submitButton{
	text-align: center;
}
.submitButton input[type="submit"] {
     background: #C81B74;
    max-width: 50% !important;
    border-radius: 50px;
    color: #fff;
    border: 0 !important;
    margin: 40px auto 0 !important;
    display: block;
    padding: 10px 30px;

}
.submitButton input[type="submit"]:hover {
/* 	border: 1px solid #000 !important; */
	    background: #000 !important;
}
.footerSeprator{
	    height: 1px;
    background-color: transparent !important;
    border-bottom: 1px solid #849DAA;
    box-shadow: none;
    outline: 0;
}
.transformingTheCare .pj-card{
	background-color: transparent;
	
}
.transformingTheCare .pj-card > div{
border:1px solid #849DAA !important;	
}
.whoCanWeHelp a {
	overflow: hidden;
    border: 0;
    background: transparent;
}
.findAJob, .topBottomSpacer {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}
.bottomSpacer{
padding-bottom: 100px !important;	
}
@media(max-width: 1025px){
	.findAJob, .topBottomSpacer {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}
	.bottomSpacer{
padding-bottom: 80px !important;	
}
}
@media(max-width: 767px){
	.findAJob, .topBottomSpacer {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
	.bottomSpacer{
padding-bottom: 50px !important;	
}
}
.pj-button-style-outline,
.pj-button-style{
	    padding: 15px 40px !important;
	color: #fff;
	border-radius: 50px;
	text-decoration:none !important;
	line-height:normal !important;
	font-weight: 700 !important;
	font-size:13px !important;
	letter-spacing:1px;
}
.pj-button-style-outline:hover,
.pj-button-style:hover{
	text-decoration:none !important;
}
.pj-button-style-outline{
	background: transparent !important;
	border: 1px solid #c81b74;
}
.pj-button-style {
	    background: #c81b74 !important;
	border: 1px solid #c81b74 !important;
	

}
.pj-button-style:hover {
	border: 1px solid #000;
	    background: #000;
}
.pj-button-style-outline:hover {
	border: 1px solid #c81b74;
	    background: #c81b74 !important;
	color: #fff;
}
@media(max-width: 767px){
	.pj-button-style {
	    background: #c81b74;
    padding: 10px 20px !important;
}
}
.successStoriesBlock:hover{
	border-radius: 0 30px 0 0 !important;
}
#pjNav .menu{
	margin-top:100px;
}
.text-white p {
	color: #fff !important;
}
.ourServicesWrapper .pj-contactForm{
	padding: 60px 50px 20px;
}
.ourServicesWrapper .pj-contactForm input::placeholder,
.ourServicesWrapper .pj-contactForm textarea::placeholder
 {
	color: #C81B74
}
.pj-card-revised{
	background: transparent;
	color: #849DAA !important;
	display:block;
	border: 1px solid #849DAA !important;
	transition:all 0.5s;
}
.pj-card-revised > div{
	border: 0 !important;
}
.pj-card-revised:hover * {
	color: #fff !important;
}
.pj-card-revised:hover {
	background: #C81B74 !important;
/* 	overflow: hidden; */
	border-radius: 30px 0 0 !important;
	border: 1px solid #C81B74 !important;
}
.pj-card-revised:hover > div {
		background: transparent !important
}

.pjr-section-card{
background: transparent;
	color: #849DAA !important;
	display:block;
	border: 1px solid #849DAA !important;
	transition:all 0.5s;
	border-radius: 3px 3px 0 0;
}
.pjr-section-card:hover {
	background: #1B6570 !important;
/* 	overflow: hidden; */
	border-radius: 3px 30px 0 0 !important;
	border: 1px solid #1B6570 !important;
	position: relative;
}
.pjr-section-card:hover .pjr-section-image img{
	border-radius: 0 30px 0 0;
}
.pjr-section-card .pjr-section-content{
	padding: 20px;
	font-size:14px;
	display: flex;
    flex-direction: column;
    gap: 10px;
	min-height: 294px;
}
.pjr-section-card .pjr-section-content p {
	color: #849DAA;
	margin:0;
}
.pjr-section-card .pjr-section-content h5{
	font-size:23px;
	font-weight:700;
}
.pjr-north-east{
	position: absolute;
    right: 10px;
    bottom: 0;
    transform: rotate(90deg);
}
.top-bar{
background: #00545F;
    color: #fff;
    padding: 0 0 5px;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
}
.reviewBar span{
	color: #C71B74;
	font-size:16px;
}
/* Standard Padding */

.standardPadding{
	padding-top: 120px;
	padding-bottom: 120px;
}
.standardTopPadding{
	padding: 120px 0 0 0 !important;
}
.standardBottomPadding{
	padding: 0 0 120px 0 !important;
}
@media(max-width: 1025px){
	.standardPadding{
	padding-top: 80px;
	padding-bottom: 80px;
}
	.standardTopPadding{
	padding: 80px 0 0 0 !important;
}
.standardBottomPadding{
	padding: 0 0 80px 0 !important;
}
}
@media(max-width: 992px){
	.standardPadding{
	padding-top: 50px;
	padding-bottom: 50px;
}
	.standardTopPadding{
	padding: 50px 0 0 0 !important;
}
.standardBottomPadding{
	padding: 0 0 50px 0 !important;
}
}
h6.pjSubHeader{
	color: #849DAA;
	    margin-bottom: 15px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
}
#job-list li:last-child a div{
	border: 0
}
#job-list li a .arrowIcon {
	opacity: 1
	
}
#job-list li:hover a .arrowIcon {
	opacity: 1
	
}
#job-list li a .arrowIcon span {
	color: #00545F
	
}
.whoeCanWeHelp .arrowIcon span{
	color: #c81b74

}
.pjr-hero-list li {
	border-bottom: 1px solid #00545F;
	color: #00545F;
}
.prose ul.pjr-hero-list>li {
    padding: 8px 0 !important;
    margin: 8px 0 !important;
}
.recentTalentBlock{
	display: flex;
    gap: 20px;
}
.recentTalentContent {
	width:60%
}
.recentBlockWrapper .pj-button-style-outline{
	color: #c81b74 !important;
    padding: 10px 20px !important;
    font-size: 12px !important;
	margin-top:20px
}
.recentBlockWrapper{
	display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
	padding-bottom:10px;
}
.recentTalentImage {
	width:40%
}
.bg-stormy .text-white p{
	padding: 10px 0;
	margin-bottom:0 !important
}
@media(max-width: 1200px){
 img.footerBg{
left: -65% !important;	
}
}
@media(max-width: 992px){
 img.footerBg{
left: -80% !important;	
}
}
@media(max-width: 767px){
	.top-bar {
		display: none;
	}
	.footerBgSpan {
		top: 0 !important;
	}
 img.footerBg{
left: -50% !important;	
	 opacity: 0.1
}
	.pjr-footer-jumbotron .pj-container{
		position: relative;
		z-index: 1;
	}
	
	.footerWrapper {
    padding: 130px 0;
    font-family: Switzer, sans-serif;
    font-size: 14px;
    color: #fff;
    position: relative;
    background: #00545F !important;
    border-top: 1px solid #849DAA;
    overflow: hidden;
}

/* background image with opacity */
.footerWrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(https://pjrecruitment.au/wp-content/uploads/2024/10/pjr-brandmark_01.svg)
                no-repeat center center;
     opacity: 0.2; 
    pointer-events: none;
		background-size: 50%;
}
}

/* =========================
   SAFARI ONLY FIXES
========================= */
@supports (-webkit-touch-callout: none) {

  /* Flex gap fallback */
  .titleBox > * + * {
    margin-top: 10px;
  }

  .pjr-section-card .pjr-section-content > * + * {
    margin-top: 10px;
  }

  .recentTalentBlock > * + * {
    margin-left: 20px;
  }

  /* Hero spacing fix */
  .heroWrapper{
    height: auto;
    min-height: 750px;
  }

  /* Button height fix */
  .pj-button-style,
  .pj-button-style-outline{
    line-height: 1 !important;
  }

  /* Card hover repaint fix */
  .pj-card-revised{
    transform: translateZ(0);
    will-change: transform;
  }

  /* Footer background fix */
  .footerWrapper{
    background-position: right -150px center;
  }
}