/*
Theme Name:   peopleandwork.eu
Theme URI:    https://peopleandwork.eu
Description:  People and work website
Author:       chlopakiodinternetu.pl
Author URI:   https://chlopakiodinternetu.pl
Template:     Divi
Version:      1.0.0
*/


pre {
  display: block;
  padding-top: 50px;
  background: #eee;
  max-height: 400px;
  overflow: scroll;
}


.et_divi_theme #main-header {
  box-shadow: 0 0 30px rgba(7,51,84,0.17) !important;
}


.lang-item img {
  width: 20px;
  height: auto;
}


.lang-item {
  padding-left: 10px !important;
  padding-right: 0 !important;
}

@media (max-width: 980px) {
  .et_mobile_menu {
    position: fixed !important;
    left: 0 !important;
    top: 90px !important;
    overflow: scroll !important;
    max-height: 83vh;
  }
}

/*@media only screen and (min-width: 981px) {*/

/*}*/

.fa-ul {
  padding-left: 0!important;
  list-style-type: none!important;
  line-height: 1em !important;
}

.fa-li {
  top: 0!important;
}

.fa-ul > li {
  position: relative;
  margin-bottom: 1em;
  font-size: 15px;
}

.fa-ul > li > i {
  color: #23b8c7;
}

.ellipse .et_pb_text:hover {
  border: none!important;
  background: #23b8c7!important;
}

.ellipse .et_pb_text:hover h3 {
  color: #333!important;
}

.et_pb_divider_1::before {
  max-width: 50px;
  border-top-color: #fa1383;
  border-top-width: 3px;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(4%, 0, 0);
    transform: translate3d(4%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(4%, 0, 0);
    transform: translate3d(4%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.animated.delay-100ms {
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}

.animated.delay-200ms {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}

.animated.delay-300ms {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}

.animated.delay-400ms {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}

.animated.delay-500ms {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}

.animated.delay-600ms {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}

.animated.delay-700ms {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.animated.delay-800ms {
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}

.animated.delay-900ms {
  -webkit-animation-delay: 900ms;
  animation-delay: 900ms;
}

/** Stylizacja listy ofert pracy */

.offers-listing h1,
.offers-listing h2,
.offers-listing h3,
.offers-listing h4,
.offers-listing h5,
.offers-listing h6,
.offers-listing .h1,
.offers-listing .h2,
.offers-listing .h3,
.offers-listing .h4,
.offers-listing .h5,
.offers-listing .h6 {
  font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 700;
  line-height: 1em;
  color: #333;
  margin-bottom: 0.5em;
}

.offers-listing .single_offer {
  margin: 20px 0;
}

/*@media (min-width: 981px) {*/
/*  .offers-listing .single_offer .et_pb_column_3_4 {*/
/*    width: 84%!important;*/
/*    margin-right: 3%!important;*/
/*  }*/

/*  .offers-listing .single_offer  .et_pb_column_1_4 {*/
/*    width: 10%;*/
/*  }*/
/*}*/

.offers-listing .border_bottom {
  padding-top: 0 !important;
  padding-bottom: 20px !important;
}

.offers-listing hr  {
  border-color: rgba(0,0,0,0.03);
  border-bottom-width: 1px;
}

.offers-listing h1,
.offers-listing .h1 {
  font-size: 56px;
  line-height: 1.25em;
}


.offers-listing h1 small,
.offers-listing .h1 small {
  display: block;
  font-size: 0.6em;
  line-height: 0.7em;
  color: #777;
}

.offers-listing h4,
.offers-listing .h4 {
  font-size: 30px;
}

.offers-listing .light h4,
.offers-listing .light .h4 {
  color: white;
}

.offers-listing h5,
.offers-listing .h5 {
  font-size: 24px;
  margin-bottom:10px;
  color: #777;
}

.offers-listing .light h5,
.offers-listing .light .h5 {
  color: #aaaaaa;
}

.offers-listing .light p {
  color: #999999;
}

.offers-listing p {
  line-height: 1.8em;
  color: #666;
  font-weight: 500;
  font-size: 16px;
  text-align: justify;
}

#file {
  display: block;
  padding: 9.5px 16px!important;
  overflow: hidden;
  text-align: left;
  background-color: transparent !important;
  border: 1px solid #23b8c7 !important;
  border-radius: 3px !important;
  color: #23b8c7 !important;
  cursor: pointer;
}

.offers-listing .et_pb_button {
  padding: 12px 30px !important;
  color: #fa1383 !important;
  border-width: 1px !important;
  border-color: #fa1383;
  letter-spacing: 2px;
  font-size: 14px;
  font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  cursor: pointer;
}

.offers-listing .et_pb_button::after {
  line-height: inherit;
  font-size: inherit !important;
  margin-left: -1em;
  left: auto;
}

.offers-listing .et_pb_button:hover {
  color: #ffffff !important;
  background-image: initial !important;
  background-color: #fa1383 !important;
  padding-right: 40px !important;
}

.offers-listing .et_pb_button:hover::after {
  margin-left: 6px !important;
}

.offers-listing button.et_pb_button[disabled],
.offers-listing button.et_pb_button[disabled]:hover {
  border: 1px solid #777777!important;
  background-color: #ffffff!important;
  color: #777777!important;
  padding-right: 30px !important;
}

.offers-listing button.et_pb_button[disabled]:hover::after {
  display:none;
}



/** Stylizacja formularza wyszukiwania ofert pracy */


.offers-listing form {
  margin-left: -3%;
  padding-top: 5px;
}

.offers-listing .search-form button.et_pb_button {
  padding: 12px 30px !important;
  cursor: pointer;
  margin-top: 0!important;
  margin-left: 3%;
  float: left!important;
  color: #ffffff !important;
  background-color: #fa1383 !important;
  border-width: 1px !important;
  border-color: #fa1383;
}

@media (min-width: 981px) {
  .offers-listing  .search-form form button.et_pb_button {
    position: absolute;
  }
}

.offers-listing form button.et_pb_button:hover {
  padding-right: 45px !important;
}

/*.offers-listing form button:hover {*/
/*  color: #fa1383 !important;*/
/*  background-image: initial !important;*/
/*  background-color: #fff !important;*/
/*}*/

.offers-listing form p,
#offer-form form p {
  width: 100%;
  float: left!important;
  padding: 0 0 0 3%;
  margin-bottom: 3%;
  background-position: 50%;
  background-size: cover;
}

.offers-listing form fieldset,
#offer-form form fieldset {
  margin-bottom: 20px;
}

.offers-listing form p.et_pb_contact_field_half,
#offer-form form p.et_pb_contact_field_half {
  width: 50%;
  float: left;
}

.form-message {
  margin-bottom: 20px;
}

.form-message span {
  color: #fa1383;
}

.form-message span.success {
  color: #00c115;
}

@media (min-width: 981px) {
  .offers-listing .search-form form p {
    width: 42.8%;
  }
}

.offers-listing .form_field[data-type="select"],
#offer-form .form_field[data-type="select"] {
  position: relative;
}

#offer-form p input,
#offer-form p textarea,
#offer-form .et_pb_contact_field input,
#offer-form .et_pb_contact_field textarea,
#offer-form .et_pb_contact_field #file {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  background-color: #eee;
  width: 100%;
  border-width: 0;
  border-radius: 0;
  color: #999;
  font-size: 14px;
  padding: 16px;
}

#offer-form input.error,
#offer-form label.error {
  border: 2px solid #fa1383 !important;
}


.offers-listing .form_field[data-type="select"]::after ,
#offer-form .form_field[data-type="select"]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: transparent;
  border-top-color: #666;
  margin-top: 3px;
  pointer-events: none;

}


/* Stylizacja checkboxów */

@media (min-width: 981px) {
  #offer-form .checkbox {
    margin: 0;
  }
}

@media (max-width: 530px) {
  #offer-form .checkbox {
    margin: 20px 0;
  }
}

#offer-form .checkbox input[type=checkbox]{
  position:absolute;
  z-index:-1000;
  left:-1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height:1px; width:1px;
  margin:-1px;
  padding:0;
  border:0;
}

#offer-form .checkbox input[type=checkbox] + label {
  padding-left:30px;
  height:20px;
  display:inline-block;
  line-height:20px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:13px;
  vertical-align:middle;
  cursor:pointer;

}

#offer-form .checkbox input[type=checkbox]:checked + label {
  background-position: 0 -20px;
}

#offer-form .checkbox input[type=checkbox]:not(:checked).error + label {
  background-position: 0 -40px;
}

#offer-form .checkbox label {
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAA8CAYAAACJtPFoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUhJREFUeNpifPfunQEDA8N+IBZgoBxcAGJHJiDRTyUDQQDkwAQmBuoDAVoYyjBq6Kiho4aOGjryDP0AMrQQxKCSgaDqZAGL6ambNPH+aB1FOuBjYaGuocHSogwH7A0ZNHm5qWMoyMBOHWWgS5kZlpppYTWYiRwDEUHADBYjytAuoMbNVnoo4YZuIAise/qaoeXGA8KGggwMAhqgycsF9h7IYFwGll25i9VHKFEow8nO4CIuBOeDDN5spcsgDRQn1kAMlz75/pMh+tQ1hk9//sLFSDUQq/evf/6KYTApBuKMKGwGE2sg3iSFbDApBmJEFDaD/Y5dAoc1VfM+qQaO1lELWK5H7xkadRQ8Sf2Y7sXwx0WRbNM4MrcxsOy5j1pH/edlo8iJ/7RER9tSo4aOGjpqKA0NZfz8izKDrr3GrKJB5eGgrqMAAgwARvt/SzLZf+MAAAAASUVORK5CYII=');
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

p.info,
small.info {
  font-size: 13px;
}

small.info {
  line-height: 1.5em;
  padding-left: 30px;
  color: #23b8c7
}

.details-wrapper {
  margin-top: 20px;
  padding: 15px 35px 25px 35px;
  border: 1px solid #23b8c7;
  border-radius: 10px;
}

.details-wrapper .et_pb_button{
  width: 100%;
  text-align: center;
  color: #fff !important;
  border-width: 1px !important;
  border-color: #23b8c7;
  background: #23b8c7;
  margin: 30px 0 10px 0;
}

.details-wrapper p {
  font-size: 23px !important;
  line-height: 1.2em!important;
}

.details-wrapper p small {
  font-size: 14px !important;
  font-weight: normal;
}

.details-wrapper table {
  border: none !important;
  margin: 0 !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
  font-size: 14px;
  color: #777;
}

.details-wrapper table tbody {
  padding: 0 !important;
}

.details-wrapper table tbody tr {
  border-bottom: 1px solid #eee;
}

.details-wrapper table tbody td {
  border: none !important;
  padding: 20px 0 10px 0 !important;
  font-weight: bold;
}
.details-wrapper table tbody th {
  padding: 20px 10px 10px 0 !important;
  font-weight: normal;
}


/** Stylizacja slidera rekruterek */

.como_recruiters_slider h3 {
  color: #23b8c7 !important;
}

.como_recruiters_slider h4 {
  margin-top:10px;
  font-size: 28px;
}

.como_recruiters_slider p {
  color: #b2b2b2;
}

.como_recruiters_slider img {
  max-height: 329.6px;
  border-radius: 100%;
  overflow: hidden;
}


.como_recruiters_slider .et-pb-controllers .et-pb-active-control {
  background-color: #fa1383;
}

.como_recruiters_slider .et-pb-arrow-prev::before,
.como_recruiters_slider .et-pb-arrow-next::before {
  color: #fa1383 !important;
}


/** Stylizacja formularza pracodawcy */

.contact-wrapper {
  margin-top: 20px;
  padding: 25px 35px;
  border: 1px solid #23b8c7;
  border-radius: 10px;
}

.contact-wrapper p {
  line-height: 1.2em;
  font-size: min(max(16px, 4vw), 22px);
}

.contact-wrapper p:last-child {
  font-size: min(max(16px, 4vw), 20px);
}