/* CSS RESET */

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.wpjb-icon-empty:before {
content: ' ';
}

.wpjb div,
body .wpjb p,
body .wpjb ul,
body .wpjb li,
body .wpjb ol,
body .wpjb span,
body .wpjb img,
body .wpjb form,
body .wpjb fieldset,
body .wpjb label,
body .wpjb table,
body .wpjb thead,
body .wpjb tfoot,
body .wpjb tbody,
body .wpjb tr,
body .wpjb td,
body .wpjb strong,
body .wpjb b,
body .wpjb em,
body .wpjb i,
body .wpjb center {
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    list-style-type: none;
}

.hidden {
    display: none;
}

/* CSS SET */

.wpjb h3 {
    margin: 24px 0;
    text-transform: uppercase;
}

.wpjb .wpjb-icon-only:before {
    margin: 0px;
    padding: 4px;
    border: 1px solid whitesmoke;
}

.wpjb .wpjb-icon-64:before {
    font-size:64px;
    line-height:64px;
}

.wpjb .wpjb-img-64 {
    width: 64px;
    height: 64px;
}

/* TABLE */

[class*='wpjb-col-'] {
  float: left;
}

.wpjb .wpjb-grid {
    margin: 0% 0% 0% 0%;
}

.wpjb .wpjb-grid.wpjb-grid-closed-top {
    border-top: 1px solid whitesmoke;
}

.wpjb .wpjb-grid.wpjb-grid-compact .wpjb-grid-row > div {
    padding: 0;
}

.wpjb .wpjb-grid .wpjb-grid-row.wpjb-click-area:hover {
    background-color: rgba(245,245,245, 0.01);
}

.wpjb .wpjb-grid:after {
  content: "";
  display: table;
  clear: both;
}

.wpjb-grid .wpjb-grid-row {
    clear:both;
    overflow:hidden;
    padding: 0.75em 0 0.75em 0;
    margin: 0 0 0 0;
    border-bottom: 1px solid whitesmoke;
}

.wpjb-grid .wpjb-grid-row > div {
    padding: 0 1% 0 1%;
}

.wpjb-grid .wpjb-grid-col-right {
    text-align: right;
}

.wpjb-grid .wpjb-grid-col-last {
    float: right;
}

.wpjb .wpjb-grid .wpjb-sub {
    display: block;
    margin: 0 0 0 0;
    padding: 2px 0 0 0;
    line-height: 1.3em;
    font-size: 0.95em;
}

.wpjb .wpjb-grid .wpjb-col-30 { width: 30%; }

#iccandidatepage .wpjb .wpjb-grid .wpjb-col-35 {
    width: 70%;
}

.wpjb .wpjb-grid .wpjb-col-logo img {
    border: 0;
    border-radius: 0;
    padding: 0;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box; 
    vertical-align: middle;
}

.wpjb .wpjb-grid .wpjb-col-logo > div {
    padding: 1px 2px 1px 2px;
    border-radius: 2px;
    border: 1px solid whitesmoke;
    background-color: transparent;
    text-align: center;
    box-sizing: initial;
}


body .wpjb span.wpjb-line-major {
    margin: 0 0 0 0;
    padding: 2px 0 2px 0;
    line-height: 1.15em;
    display: block;
}

body .wpjb .wpjb-line-with-icon-left .wpjb-line-major,
body .wpjb .wpjb-line-with-icon-left .wpjb-sub {
    position: relative;
    padding-left: 15px;
}

body .wpjb .wpjb-line-with-icon-left .wpjb-glyphs:before {
    left: -10px;
    position: absolute;
    display: block;
}

/* RICH TEXT */

.wpjb .wpjb-text-box {
    clear: both;
    overflow: hidden;
}
.wpjb .wpjb-text p {
    margin: 0 0 20px; 
}

.wpjb .wpjb-text-box > h3 {
	border-bottom-style: none;
    text-transform: uppercase;
}

.wpjb .wpjb-text {
    overflow: hidden;
}

/* DROPDOWN */

.wpjb-dropdown-shadow {
    -moz-box-shadow: 0 1px 5px #CCCCCC;
    -webkit-box-shadow: 0 1px 5px #CCCCCC;
    box-shadow: 0 1px 5px #CCCCCC;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#CCCCCC')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#CCCCCC');
}

/* WPJB / Home */

.wpjb-col-name {
    width: 100%;
	font-size: 19px;
	font-weight: bold;
	margin-bottom:10px !important;
}

.wpjb-col-title {
    width: 100%;
}

.wpjb-page-index .wpjb-col-title a {
    line-height: 1em;
}

.wpjb-icon-calendar{
	color:#ab0a0a;
}

.wpjb .wpjb-top-header {
    clear:both; 
    overflow:hidden; 
    padding: 1em 0 1em 0; 
    margin: 1.5em 0 1.5em 0;
}

.wpjb .wpjb-top-header-image {
    float: left; 
    margin: 0 0 0 15px; 
    padding: 0px;
}

.wpjb .wpjb-top-header-image > img{
    width:64px; 
    border: 1px solid whitesmoke;
}

.wpjb .wpjb-top-header-content { 
    float: left;
    margin: 0 0 0 15px;
    padding: 0;
}

.wpjb .wpjb-top-header-name {
    display: block;
	line-height: 25px;
    font-size: 1.4em;
}

.wpjb .wpjb-top-header-title {
    display: block;
	line-height: 25px;
    font-size: 1.4em;
}

/* WPJB Resumes Home */

.wpjr-page-resumes .wpjb-col-logo img {
    border: 1px solid whitesmoke;
    border-radius: 2px;
    padding: 2px 4px 2px 4px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box; 
    vertical-align: middle;
}

@media all and (min-width: 320px) and (max-width: 760px) {
    
    .wpjb-col-title {
		width: 100% !important;
    }
    
    .wpjb-col-logo {
        display: none;
    }
    
    .wpjb-col-location {
        width: 100% !important;
    }
    
    .wpjb-grid-col-right {
        display: none;
    }
}

/* ------------------------------------------------------- */ 

/* CUSTOMISATION FOR RESUME */ 

.wpjb-icon-tags {	
	font-weight: 600;
}

.wpjb-icon-location:before {
    color:green;
}

/* --- */

.cand-col-location {
	width: 50% !important;
} 

.cand-col-location:before {
	color: red !important;
} 

.cand-col-date {
	width: 50% !important;
} 

@media all and (max-width: 760px) {
	.cand-col-location {
		text-align: left !important;
		width: 50% !important;
	}
	
	.cand-col-date {
		display: block;
		width: 50% !important;
	} 
}

/* ------------------------------------------------------- */ 

/* CUSTOMISATION FOR JOBS */ 

.employmentType{
	font-weight: 600;
}	
	
/* --- */

.job-col-logo{
    width: 17% !important;
	padding: 0 1% 0 1% !important;
}

.job-col-title{
    width: 35% !important;
}

.job-col-location{
    width: 33% !important;
	padding: 0px 5px 2px 12px !important;
}

.job-col-date{
    width: 15% !important;
	padding: 0px 5px 2px 12px !important;
}

@media all and (max-width: 760px) {
	.job-col-logo{
		display:none !important;
	}

	.job-col-title{
		width: 50% !important;
	}

	.job-col-location{
		width: 50% !important;
		padding: 0px 5px 2px 12px !important;
	}

	.job-col-date{
		display:none !important;
	}
}