/*
Theme Name: Careerfy Child
Theme URI: http://demo.eyecix.com/careerfy/
Template: careerfy
Author: Eyecix
Author URI: http://eyecix.com/
Description: Careerfy brings you the most simple solution to display jobs on any type of websites. You may already know, some really big Job Portals provides the option to use their database and extend your website with job offers. This Theme can make everything automatically, some job providers also pay commission when any of your visitors click on the job links.
Tags: two-columns,left-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.6
Updated: 2023-06-01 14:27:32

*/


/* custom codegin */

.jobsearch-plugin-default-container {
  padding-top: 31px;
}

.header-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.careerfy-logo-con {
  padding-right: 0;
}

.careerfy-menu-con {
  flex-grow: 1;
  display: flex;
}

.careerfy-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  
  gap: 20px;
  width: 100%
}

#menu-primary, .navbar-nav {
  display: flex;
  gap: 25px;
}

.careerfy-user-log li {
  padding-left: 0;
}

.careerfy-user-log {
  display: flex;
}

.careerfy-user-log li {
  margin-top: 0;
  padding-left: 0;
  border: none;
}

.careerfy-header-three .navbar-nav > li {
  padding: 0;
}

.jobsearch-usernotifics-menubtn {
  order: 1;
}

.phon-num-fieldcon input.required, .phon-num-fieldcon input[type="tel"] {
  text-align: right;
}

.jobsearch-login-media li a {
  display: flex;
  flex-direction: row-reverse;
}

.jobsearch-login-media li a i, .jobsearch-login-media li a .jobsearch-google-svg {
  margin-right: 20px;
  margin-left: 0;
}


/* region Custom css code jop packages in employee dashboard  */
.custom-packages .grab-classic-priceplane ul li {
  text-align: right;
  padding-right: 34px;
  padding-left: 0;
}

.custom-packages .grab-classic-priceplane ul li i {
  color: #13b5ea;
}

.custom-packages .jobsearch-typo-wrap a {
  padding: 15px 39px;
}

.custom-packages .grab-classic-priceplane ul li i {
  right: 0;
  left: unset;
  top: 0;
}


.custom-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  padding-inline: 10px;
}

@media (min-width: 600px) {
  .custom-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1280px) {
  .custom-row {
    grid-template-columns: repeat(3, 1fr);
  }
}

.custom-packages .jobsearch-classic-priceplane {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
  margin-bottom: 0;
}

.custom-packages .jobsearch-priceplane-section {
  text-align: center;
}

.custom-packages .jobsearch-priceplane-section span {
  float: unset !important;
  display: block;
}

.custom-column .jobsearch-subs-allinone-pkg, .grab-classic-priceplane .jobsearch-subs-allinone-pkg {
  width: 100%;
  font-size: 20px !important;
}

/* endregion*/


/* add to cart cta button*/
.careerfy-packages-priceplane-btn {
  opacity: 1;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
  transition: all 300ms;
}

.careerfy-packages-priceplane-btn:hover {
  background-color: #f7f7f7;
  color: #000;
}

.jobsearch-subs-allinone-pkg {
  font-size: 20px;
}

/* region register and login*/
/* register form style */
.jobsearch-register-form a.jobsearch-user-showpass {
  right: unset;
  left: 10px;
}


.jobsearch-login-box .jobsearch-user-showpass {
  position: absolute;
  top: 41%;
  right: unset;
  left: 10px !important;
  transform: translateY(-50%);
  margin-top: 0;
  text-decoration: none;
}

a.jobsearch-user-showpass.jobsearch-user-hidepass:before {
  width: fit-content;
  font-size: 19px;
  margin-top: -3px;
  right: 4px;
  color: currentColor;
}

/* login form style */
.jobsearch-user-form a.jobsearch-user-showpass {
  right: unset;
  left: 60px;
}

/* endregion register and login*/