/*
Careers attachment stylehseet
Special for Careers
v1.0.0 2026-02-14

#Standalone
*/




body{
padding-top:50px;
}


/*---BANNER (PUREVIEW)---*/
/*---BANNER (PUREVIEW): Layout---*/
.careers-banner-pureview{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding:30px 0%;
min-height: 580px;
background-color: #111;
padding-left:calc(5% - 20px);
padding-right:calc(5% - 0px);
background-size:cover;
background-position: center;
}

.careers-banner-pureview-info{
width:50%;
color:#fff;
padding:20px;
}

.careers-banner-pureview-img{
width:50%;
background-size:cover;
background-position: center;
min-height: 480px;
padding:20px;
border-radius:20% 0px 20% 0px;
}

/*---BANNER (PUREVIEW): Content---*/
.careers-banner-pureview-info .title{
font-size:18px;
font-weight:300;
text-transform: uppercase;
letter-spacing: 1px;
}

.careers-banner-pureview-info .dash{
width:80px;
border:2px solid #c86c13;
margin:20px 0px;
}

.careers-banner-pureview-info .caption{
font-size:2.8vw;
font-weight:500;
}

@media (max-width:1200px) {
.careers-banner-pureview-info .caption{
font-size:34px;
}
}

.careers-banner-pureview-info .details{
margin-top:20px;
font-size:19px;
font-weight:400;
}

.careers-banner-pureview-info button{
margin-top:20px;
background-color:#c86c13;
border: none;
color:#fff;
padding: 8px 16px;
border-radius:4px;
font-size:15px;
}

.careers-banner-pureview-info button:hover{
background-color:#fff;
color:#000;
}

/*---BANNER (PUREVIEW): Resized---*/
@media (max-width:980px) {
.careers-banner-pureview{
flex-direction: column;
padding:0;
padding:40px 0px 0px 0px;
gap:20px;
}

.careers-banner-pureview-info{
width:100%;
padding:0px 5%;
margin-bottom: 40px;
}

.careers-banner-pureview-img{
width:100%;
padding:0px;
border-radius: 0px;
}
}




/*---BANNER (SEAVIEW)---*/
/*---BANNER (SEAVIEW): Layout---*/
.careers-banner-seaview{
padding:50px 5%;
min-height: 320px;
background-color: #111;
background-size:cover;
background-position: center;
text-align:center;
}

.careers-banner-seaview .content{
margin:0 auto;
max-width:800px;
color:#f2f2f2;
}


/*---BANNER (PUREVIEW): Content---*/
.careers-banner-seaview .title{
font-size:18px;
font-weight:300;
text-transform: uppercase;
letter-spacing: 1px;
}

.careers-banner-seaview .dash{
margin:20px auto;
width:80px;
border:2px solid #c86c13;
}

.careers-banner-seaview .caption{
font-size:2.4vw;
font-weight:500;
}

@media (max-width:1200px) {
.careers-banner-seaview .caption{
font-size:32px;
}
}

.careers-banner-seaview .details{
margin-top:20px;
font-size:19px;
font-weight:400;
}





















/*---STANDALONE (CASHEW)---*/
/*---STANDALONE (CASHEW): Layout---*/
.careers-standalone-cashew-box{
padding: 80px 5%;
}

.careers-standalone-cashew-box.white{ color:#fff; }
.careers-standalone-cashew-box.black{ color:#000; }

.careers-standalone-cashew-box .header{
font-size:24px;
font-weight:300;
text-align: center;
}

.careers-standalone-cashew-box .title{
margin: 0 auto;
max-width:600px;
font-size:2.8vw;
font-weight:600;	
margin-bottom:30px;
text-align: center;
line-height: 1.1;
}

@media (max-width:1100px) {
.careers-standalone-cashew-box .title{
font-size:36px;	
}
}

.careers-standalone-cashew-box .info{
font-size:20px;
font-weight:300;	
opacity:0.9;
text-align: left;
margin: 0 auto;
max-width:1000px;
}



/*---STANDALONE (VIEW ALL)---*/
.careers-btn-holder{
margin:0 auto;
padding:0px 5%;
text-align: center;
padding-bottom: 60px;
}

.careers-btn-view-all{
background-color:#c86c13;
color:#fff;
border:none;
padding: 8px 16px;
border-radius:4px;
font-size:18px;
}










/*---LAYOUTS (JOBBER)---*/
/*---LAYOUTS (JOBBER): Layout---*/
.careers-layout-jobber-row {
display: flex;
flex-direction: row;
margin:0px 0% 80px 0%;
margin-left:calc(5% - 20px);
margin-right:calc(5% - 20px);
flex-wrap: wrap;
color:#000;
}

.careers-layout-jobber-col {
padding:20px;
}

.careers-layout-jobber-col.col-two {
width:50%;
}

.careers-layout-jobber-col.col-one {
width:100%;
}

.careers-layout-jobber-col a {
text-decoration: none;
color:inherit;
}

.careers-layout-jobber-col .content {
border-radius:4px;
box-shadow:
0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07),
0 8px 16px rgba(0,0,0,0.07);
padding:30px 20px;
background-color: #f1efed;
height:100%;
}

.careers-layout-jobber-col .title{
font-size:24px;
font-weight:600;	
line-height: 1;
}

.careers-layout-jobber-col .meta{
margin-top:8px;
}

.careers-layout-jobber-col .locale{
font-size:18px;
}

.careers-layout-jobber-col .locale::before{
padding-right:8px;
font-family: "Ionicons";
content:"\f456";
font-size:15px;
}

.careers-layout-jobber-col .hot{
padding:2px 8px;
background-color:#000;
border-radius:4px;
color:#f4be8b;
font-size:16px;
margin-left: 8px;
}

.careers-layout-jobber-col .hot::before{
padding-right:8px;
font-family: "Ionicons";
content:"\f262";
font-size:15px;
}

.careers-layout-jobber-col .desc{
font-size:17px;
font-weight:400;
margin-top:20px;
opacity:0.9;
}

.careers-layout-jobber-col .team{
font-size:15px;
font-weight:300;
margin-top:20px;
opacity:0.8;
}

.careers-layout-jobber-col .team::before{
padding-right:8px;
font-family: "Ionicons";
content:"\f484";
font-size:15px;
}

.careers-layout-jobber-col a:hover .title{
text-decoration:underline;
}


/*---LAYOUTS (JOBBER): Resized---*/
@media (max-width:1300px) {
.careers-layout-jobber-row {
margin-bottom:20px;
}

.careers-layout-jobber-col.col-four{
width:50%;
margin-bottom:20px;
}
}

@media (max-width:1100px) {
.careers-layout-jobber-row {
margin-bottom:20px;
}

.careers-layout-jobber-col.col-three{
width:50%;
margin-bottom:20px;
}
}

@media (max-width:850px) {
.careers-layout-jobber-row {
flex-direction: column;
margin:0 5%;
margin-bottom:20px;
gap:20px;
}

.careers-layout-jobber-col.col-four, .careers-layout-jobber-col.col-two, .careers-layout-jobber-col.col-three{
width:100%;
margin-bottom:20px;
padding:0px;
}
}







/*---LAYOUTS (JOB LIST)---*/
/*---LAYOUTS (JOB LIST): Main Layout---*/
.careers-layout-joblist-row-x {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}

.careers-layout-joblist-col-x {
width:100%;
}

.careers-layout-joblist-col-x a {
text-decoration: none;
color:inherit;
}

/*---LAYOUTS (JOBBER): Inner Layout---*/
.careers-layout-joblist-row-y {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
margin:0px 5%;
padding:16px 0px;
border-bottom: 1px solid #ccc;
transition: 0.5s;
}

.careers-layout-joblist-col-y {
width:50%;
font-size:19px;
}

.careers-layout-joblist-col-y.pos-right {
text-align: right;
}


/*---LAYOUTS (JOB LIST): Content---*/
.careers-layout-joblist-col-y .title{
font-weight:600;	
}

.careers-layout-joblist-col-y .team{
font-weight:300;
opacity:0.8;
padding-left:8px;
}

.careers-layout-joblist-col-y .locale{
opacity:0.8;
}

.careers-layout-joblist-col-y .apply{
padding-left:16px;
}

.careers-layout-joblist-col-y .apply::after{
padding-left:8px;
font-family: "Ionicons";
content:"\f39c";
font-size:18px;
opacity:1;
}

/*---LAYOUTS (JOB LIST): Hover React---*/
.careers-layout-joblist-col-x a:hover .apply::after{
color:#c86c13;
}

.careers-layout-joblist-col-x a:hover .careers-layout-joblist-row-y{
border-bottom: 1px solid #666;
}

/*---LAYOUTS (JOB LIST): Resized---*/
@media (max-width:850px) {
.careers-layout-joblist-row-y {
flex-direction: column;
}

.careers-layout-joblist-col-y {
width:100%;
font-size:18px;
}

.careers-layout-joblist-col-y.pos-right {
text-align: left;
}

.careers-layout-joblist-col-y .locale, .careers-layout-joblist-col-y .apply{
font-size:16px;
}
}











/*---LAYOUTS (JOB ROLE)---*/
/*---LAYOUTS (JOB ROLE): Layout---*/
.careers-layout-jobrole-box{
margin: 40px auto;
max-width:1000px;
}


/*---LAYOUTS (JOB ROLE): Header---*/
.careers-layout-jobrole-box .header{
padding:0px 5%;
text-align: center;
}

.careers-layout-jobrole-box .header .title{
font-size:2.6vw;
font-weight:600;
line-height: 1.1;
margin-bottom: 16px;
}

@media (max-width:850px) {
.careers-layout-jobrole-box .header .title{
font-size:32px;
}
}

.careers-layout-jobrole-box .header .locale{
font-size:20px;
font-weight:400;
opacity:0.8;
}

.careers-layout-jobrole-box .header .team{
font-size:20px;
font-weight:400;
opacity:0.8;
}

.careers-layout-jobrole-box .header button{
margin-top:20px;
background-color:#c86c13;
color:#fff;
border:none;
padding: 8px 48px;
border-radius:4px;
font-size:16px;
}

/*---LAYOUTS (JOB ROLE): Body---*/
.careers-layout-jobrole-box .body{
padding:40px 5% 10px 5%;
text-align: left;
font-size:18px;
}

.careers-layout-jobrole-box .body h1{
font-size:22px;
font-weight:500;
margin-bottom: 10px;
}

.careers-layout-jobrole-box .body p{
padding:0px 0px;
}

.careers-layout-jobrole-box .body ol, .careers-layout-jobrole-box .body ul{
margin: 0;
padding-left: 0;
list-style-position: inside;
margin-bottom:20px;
}

.careers-layout-jobrole-box .body li{
padding:2px 0px;
}

/*---LAYOUTS (JOB ROLE): Footer---*/
.careers-layout-jobrole-box .footer{
margin:10px 5%;
padding-top:40px;
text-align: left;
border-top:1px solid #ccc;
font-size:18px;
}

.careers-layout-jobrole-box .footer h1{
font-size:22px;
font-weight:500;
margin-bottom: 10px;
}

.careers-layout-jobrole-box .footer p{
padding:4px 0px;
}

.careers-layout-jobrole-box .footer p.highlight{
background-color:#222;
color:#fff;
padding:20px;
border-radius:8px;
}

/*---LAYOUTS (JOB ROLE): Footer End---*/
.careers-layout-jobrole-box .footer-end{
margin:40px 5% 80px 5%;
font-size:18px;
text-align: center;
}

.careers-layout-jobrole-box .footer-end button{
background-color:#c86c13;
color:#fff;
border:none;
padding: 8px 48px;
border-radius:4px;
font-size:16px;
}




















/*---LAYOUTS (NO JOBBER)---*/
/*---LAYOUTS (NO JOBBER): Layout---*/
.careers-layout-nojobber-row {
display: flex;
flex-direction: row;
margin:0px 0% 40px 0%;
margin-left:calc(5% - 20px);
margin-right:calc(5% - 20px);
flex-wrap: wrap;
align-items: center;
}

.careers-layout-nojobber-row.white { color:#f8f8f8; }
.careers-layout-nojobber-row.black { color:#222; }

.careers-layout-nojobber-col {
padding:20px;
width:50%;
}

.careers-layout-nojobber-col img{
width:100%;
min-width:280px;
}

.careers-layout-nojobber-col .title{
font-size:36px;
font-weight:600;	
line-height: 1;
}

.careers-layout-nojobber-col .info{
font-size:20px;
font-weight:400;
margin-top:20px;
opacity:0.9;
}

.careers-layout-nojobber-col button{
margin-top:20px;
background-color:#c86c13;
color:#fff;
border:none;
padding: 8px 16px;
border-radius:4px;
font-size:16px;
}



/*---LAYOUTS (JOBBER): Resized---*/
@media (max-width:850px) {
.careers-layout-nojobber-row {
flex-direction: column;
margin:0 5%;
margin-bottom:20px;
gap:20px;
}

.careers-layout-nojobber-col{
width:100%;
margin-bottom:20px;
padding:0px;
}
}









/*---GET STARTED---*/
/*---GET STARTED: Layout---*/
.careers-get-started {
margin: 80px auto;
max-width:1000px;
padding:0px 5%;
text-align: center;
}

.careers-get-started .title{
font-size:2.4vw;
font-weight:600;
}

.careers-get-started .caption{
margin:10px 0px;
font-size:17px;
font-weight:300;
}

@media (max-width:1200px) {
.careers-get-started .title{
font-size:30px;
}
}

.careers-get-started .butt-box{
margin-bottom: 40px;
}

.careers-get-started button.role{
margin-top:20px;
background-color:#c86c13;
color:#fff;
border:1px solid #c86c13;
padding: 8px 16px;
border-radius:4px;
font-size:16px;
margin: 8px 5px;
}

.careers-get-started button.hire{
margin-top:20px;
background-color:inherit;
color:#000;
border:1px solid #000;
padding: 8px 16px;
border-radius:4px;
font-size:16px;
margin: 8px 5px;
}

.careers-get-started .info{
margin-top:20px;
font-size:18px;
font-weight:400;
}