/*============================== Home page first section ========================================*/
/* .cm-iconbox-1 svg {
  fill: #52988d;
} */
.cm-iconbox-1 svg:hover,
.cm-iconbox-1 h3:hover {
  fill: black;
}
.cm-iconbox-1 h3 {
  color: #2d8173;
}
.cm-iconbox-1 .cm-min-height {
  min-height: 182px;
}

.cm-iconbox-1 p:hover {
  color: #2d8173;
}
tr td.cm_job_board a strong:hover {
  color: #2d8173;
}

/*============================== Custom-heading ========================================*/
.sft-custom-h1 {
  font-weight: 700;
  font-family: "Raleway", sans-serif;
}
.sft-custom-h2 {
  font-weight: 600;
}

/*============================== Home page description ========================================*/
.cm-para {
  font-size: 15px;
}
.cm-para-white {
  color: #ffffff;
  font-size: 16px;
}
.cm-para-black {
  font-size: 17px;
}

#cm-description-para {
  font-size: 15px;
  line-height: 26px;
  font-style: normal;
  letter-spacing: 0px;
  text-transform: none;
}

/*============================== List Job application status Color ========================================*/

span.status.cm-interviewed {
  background-color: #186fc9 !important;
}
span.status.cm-shortlisted {
  background-color: #f1630d !important;
}
span.status.cm-hired {
  background-color: #53b427 !important;
}
span.status.cm-new {
  background-color: #e1d123 !important;
}
span.status.cm-offer-extended {
  background-color: #ff8000 !important;
}
span.status.cm-rejected {
  background-color: #eb2614 !important;
}

/* h3.centered-headline {
  background-color: #ffffff !important;
} */
h3.centered-headline span {
  color: #52988d !important;
}

/*============================== Package Selection ========================================*/

.package-credit-required {
  background-color: #9ce2d794;
  font-weight: bold;
  line-height: 18px;
}

/*============================== Submit Job, Job board fields ========================================*/
body.page-template-template-dashboard .form.fieldset-cm_free_job_borads,
body.page-template-template-dashboard .form.fieldset-cm_premium_job_borads {
  width: 100% !important;
}

/* Extra padding gets added in package selection label   -- need to remove it */
/* .fieldset-cm_free_job_borads .field label {
  color: #186fc9;
    display: inline-block!important;
  } */

/* label img {
    height: 180px;
    width: 230px;
    padding: 10px;
  }  */

/*============================== Application form Status in backend ========================================*/
/* 
.sft-new { background-color: #ddd }
.sft-interviewed { background-color: #186fc9!important; }
.sft-shortlisted { background-color: #f1630d; }
.sft-hired { background-color: #53b427; }
.internship { background-color: #e1d123; }
.temporary { background-color: #e12335; }
.sft-offer-extended { background-color: #ff8000 }
span.status.job-manager-applications-applied-notice { 
	background-color: #58ba2b;     
	padding: 8px 10px;
    position: relative;
    font-weight: 600;
    text-transform: none;
    font-size: 12px;
	color:#fff;
} */

* {
  --transition: 0.15s;
  --border-radius: 0.5rem;
  --background: #ffc107;
  --box-shadow: #ffc107;
}

/*.container ul{
            display: flex;
            justify-content: space-between;
            list-style: none;
            flex-wrap: wrap;
        }*/
/* .field.field.field {
  display: flex;
  justify-content: flex-start;
  list-style: none;
  flex-wrap: wrap;
} */
.fieldset-cm_premium_job_borads .field.required-field {
  display: flex;
  justify-content: flex-start;
  list-style: none;
  flex-wrap: wrap;
}
.field > label h4.boxTitle {
  margin: 0;
  padding: 0;
  border-bottom: 0;
  border-radius: 0;
  line-height: normal;
}
.field > label > div.boxSize > div {
  width: 100%;
  height: 80px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.field > label > div.boxSize > div > img {
  max-height: 80px;
  width: auto;
}
.field > label > div.boxSize {
  width: 100%;
  text-align: center;
  background-color: #fff;
  border: 2px solid #e7e7e7;
  border-radius: 16px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  cursor: pointer;
  box-shadow: 3px 1px 7px #d1cfcf;
  text-align: center;
  padding: 30px 15px;
  margin-left: 1.55%;
  transition: all 0.5s ease;
}
/* .field small.description {
  display: none !important;
} */
.field > label {
  width: 18.5%;
  /* height: 200px; */
  text-align: center;
  margin: 30px 0;
  padding: 0 !important;
  margin-left: 1.55%;
  position: relative;
}
.field > label:nth-child(5n + 1),
.field > label:first-child {
  margin-left: 0;
}
/* .field > label img{
            max-width: 75%;
            height: auto;
            width: 100%;
            padding: 0;
            display: inline-block;
        } */
.field > label input[type="checkbox"] {
  appearance: none;
  background: transparent;
  border: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0%;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 10;
}
.field > label input:checked {
  /* appearance: none;
            background: url("../images/check1.png");
            background-repeat: no-repeat;
            background-position-x: right;
            background-size: 25px auto;
            background-position: 20px 10px;
            opacity: 1;
            z-index: 10;
            animation-name: zoombox;
          animation-duration: 0.6s; */
}
.field > label input:active + div {
  transform: scale(0.9);
  transition: all 0.5s ease;
}

.field > label input:checked + div {
  border: 2px solid #51978c;
  animation-name: zoombox;
  animation-duration: 0.6s;
  transition: all 0.5s ease;
}

@keyframes zoombox {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .field > label {
    width: 23%;
    margin-left: 2%;
  }
  .field > label:nth-child(4n + 1),
  .field > label:first-child {
    margin-left: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .field > label {
    width: 31%;
    margin-left: 2%;
  }
  .field > label:nth-child(3n + 1),
  .field > label:first-child {
    margin-left: 0;
  }
}
@media only screen and (min-width: 379px) and (max-width: 480px) {
  .field > label {
    width: 48%;
    margin-left: 4%;
  }
  .field > label:nth-child(2n + 1),
  .field > label:first-child {
    margin-left: 0;
  }
}
@media only screen and (max-width: 380px) {
  .field > label {
    width: 100%;
  }
}

.field > label .cover-checkbox {
  position: absolute;
  right: 10px;
  top: 8px;
  z-index: 1;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: transparent;
  border: 2px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;

  transition: transform var(--transition),
    opacity calc(var(--transition) * 1.2) linear;
  opacity: 0;
  transform: scale(0);
}
.field > label input:checked .cover-checkbox {
  background: #51978c;
}
.field > label .cover-checkbox svg {
  width: 13px;
  height: 11px;
  display: inline-block;
  vertical-align: top;
  fill: none;
  margin: 0;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  transition: stroke-dashoffset 0.4s ease var(--transition);
  stroke-dashoffset: 16px;
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

.field > label input:checked + div .cover-checkbox {
  opacity: 1;
  transform: scale(1);
  border: 2px solid #51978c;
  background: #51978c;
}

.field > label input:checked + div .cover-checkbox svg {
  stroke-dashoffset: 0;
}

.field > label input:checked + label .cover-checkbox {
  opacity: 1;
  transform: scale(1);
}

.field > label input:checked + label .cover-checkbox svg {
  stroke-dashoffset: 0;
}

/********************** To adjust height of cf7 textarea field **********************/
.page .wpcf7-form textarea {
  min-height: unset !important;
}
/********************** Custom button **********************/
.sft-button a {
  background-color: #52988d !important;
  text-align: center !important;
  font-weight: 600;
  border-radius: 3px !important;
  cursor: pointer !important;
  color: #ffffff !important;
}
.sft-button a:hover {
  background-color: #282828 !important;
}

/******************************* home page carousel  *************************************/
.slick-list.draggable {
  margin-top: 25px;
}
/******************************* Support login page  *************************************/
div#fst_login_form, .fst_auth_wrapper .fst_registration_wrapper {
  width: inherit;
  margin: auto;
}
article#post-460 > p {
  margin: auto;
  width: fit-content;
  padding-right: 2%;
}
.fst_login_wrapper input#wp-submit, #fstRegistrationForm #fst_submit {
  background: #52988d !important;
  font-size: 18px;
}
.fst_login_wrapper input#wp-submit:hover {
  background-color: #282828 !important;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit {
  width: 100%;
}

#titlebar h1,
#titlebar h2 {
  margin: auto;
  width: max-content;
  font-size: 40px;
}

/*************************** To align Footer logo to center *************************/

.footer-new-rows-left {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: max-content;
}

/* .type-page ol li,
.type-page ul li {
  line-height: 27px !important;
} */
/*************************** To show selected Premium boards count ***************************************/
#cm-checked-count {
  font-weight: 500;
  font-size: initial;
  padding: 10px;
}
/*************************** To hide Short Description fields ***************************************/
fieldset.form.fieldset-job_tags {
  display: none !important;
}

fieldset.form.fieldset-company_excerpt.fieldset-type-textarea {
  display: none;
}


/*************************** To hide product images from cart page *******************************/
/* tr.woocommerce-cart-form__cart-item.cart_item .product-thumbnail{
  display: none;
} */


/* To hide first woocommerce job data */
.plan-features ul:first-child {
  display:none;
}
.color-2 {
  border: 1px solid #97515c!important;
}

/* Pricing Table */
.type-page .woo_pricing_tables .plan .plan-features ul {
  min-height: 477px;
  padding: 5px 10px 0px 10px;
}


/* Shortcode pricing table
.alpha .plan-features ul{
  /* min-height: 400px; */
  /* padding-left: 18px;
  padding-right: 18px; */
}

/* To hide woocommerce subscription-details */
/* .plan-price-wrap span.subscription-details {
  display: none;
} */

.job_description ul{
  padding-left: 20px;
}


div.cm-other-site-links {
  padding: 35px 38px 31px 38px;
  background: #fafafa;
  border: none;
}

/****** Disable 'Location' and 'Title Bar' hyperlink on single job listing page  ****/
.job-overview ul li .location {
  cursor: default;
  pointer-events: none;        
  text-decoration: none;
  color: grey;
}

#titlebar span a{
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  /* color: grey; */
}

/******************** To change pricing color on hover *******************/

.plan.color-1:hover .plan-price,.plan.color-1:hover a.button {
  background-color: #52988d!important;
  color: #ffffff;
}
.plan.color-1:hover {
  border: 1px solid #52988d;
}

.plan.color-1:hover .plan-price h3 {
  background-color: #4D8F85;
  color: #ffffff;
}

/*************  To change pricing color on hover for feature product   **********/
.plan.color-2:hover .plan-price,.plan.color-2:hover a.button {
  background-color: #52988d!important;
  color: #ffffff!important;
}

.plan.color-2.four.alpha.columns:hover {
  border: 1px solid #52988d!important;
}

.color-2:hover .plan-price .plan-price-wrap{
  color: #ffffff;
}

.plan.color-2:hover .plan-price h3 {
  background-color: #4D8F85;
  color: #ffffff!important;
}


/***************  Pricing table customization    ***********/

h4#cm-most-popular {
  color: #ffffff;
  background-color: #97515c;
}

.cm-job-package-vat {
  font-size: small;
}


/* .wpb_wrapper .woo_pricing_tables .plan.color-1.four.alpha.columns:first-child >  .plan-price .plan-price-wrap {
  padding-top: 10px;
  padding-bottom: 10px;
} */

.plan.color-2.four.alpha.columns {
  /* top: -5% !important; */
  margin-top: -3%;
}

.plan-price-wrap .subscription-details {
  display: contents !important;
}

/********** To reset feature product color ************/

/* .color-2 .plan-price h3, .color-2 .plan-price .plan-currency, .color-2 .plan-features a.button {
  color: #606060!important;
} */
.color-2 .plan-price h3 ,.color-2 .plan-features a.button{
  color: #606060!important;
}
.color-2 .plan-price .plan-price-wrap{
  color: #606060;
}

.plan.color-2 .plan-price,
.plan.color-2 a.button { background-color: #F6F6F6 !important; }


/********** To remove dots below required asterisk    ***********/
body .woocommerce form .form-row .required {
  text-decoration: none;
  border-bottom-style: none;
}


/**************** Woocommerce Login page Icon ********************/
#login-tabs {
  display: none;
}
#tab-login .workscout_form label i {
  top: 48px;
}
body .woocommerce input.button {
  background: #51978C !important;
}