.sidebar-vagas{display: block; width: 100%; position: relative; padding-bottom: 50px;}
.sidebar-vagas ul.menu-vagas{display: block;}
.sidebar-vagas ul.menu-vagas, .sidebar-vagas ul.submenu-category{margin: 0; padding: 0; list-style: none; width: 100%}
.sidebar-vagas ul.menu-vagas li, .sidebar-vagas ul.submenu-category li{margin: 0; padding: 5px 0}
.sidebar-vagas ul.menu-vagas > li > a{display: block; color: #000000; font-size: 16px; font-weight: 700; padding: 0 15px}
.sidebar-vagas ul.menu-vagas > li > a span.novas-vagas{display: block; float: left; color: #ffc609; font-size: 20px; font-weight: 900; margin-top: 1px; margin-left: -15px; margin-right: 5px}
/*.sidebar-vagas ul.menu-vagas > li > a[href='#loja-repor-atacadista']{background-color: #ffc609; color: #fff; padding-top: 5px; padding-bottom: 5px}
.sidebar-vagas ul.menu-vagas > li > a[href='#loja-repor-atacadista']:hover, .sidebar-vagas ul.menu-vagas > li > a[href='#comercial-vendas']:focus{text-decoration: none}
.sidebar-vagas ul.menu-vagas > li > a[href='#loja-repor-atacadista'] span.novas-vagas{color: #fff; margin-left: -10px}*/

.sidebar-vagas ul.submenu-category{padding-bottom: 10px;}
.sidebar-vagas ul.submenu-category > li{padding: 0}
.sidebar-vagas ul.submenu-category > li > a{display: block; color: #000000; font-size: 16px; padding: 4px 15px 4px 30px}
.sidebar-vagas ul.submenu-category > li.active > a{color: #ffc609}
.sidebar-vagas ul.submenu-category > li > a span.novas-vagas{color: #ffc609; font-size: 16px; font-weight: 900;}

.container-vaga{display: block; position: relative; padding: 0; margin-bottom: 50px; -webkit-box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.15); -moz-box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.15); box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.15); background-color: #FFF}
.container-vaga .vaga-content{padding: 30px 35px 10px 35px;}
.container-vaga .vaga-content .vaga-title{font-size: 18px; font-weight: 700; margin: 0 0 5px; color: #000000;}
article.page .entry .container-vaga .vaga-content p{color: #3f3f3f;}
article.page .entry .container-vaga .vaga-content p.vagas-disponiveis{color: #000000}
.container-vaga > a.bt-enviar-curriculo{display: block; width: 100%; padding: 5px 30px; color: #fff !important; background-color: #FF7527; font-size: 16px; font-weight: 900; text-align: center; transition: 150ms all linear;}
.container-vaga > a.bt-enviar-curriculo:hover, .container-vaga > a.bt-enviar-curriculo:focus{text-decoration: none !important; background-color: #16376d}

.sep-vagas{display: block; width: 100%; height: 1px; border-top: 1px solid #e0e0e0; margin-bottom: 30px}

#vaga-form{display: block; position: relative; width: 700px; max-width: 100%; margin: 40px auto;}
#vaga-form .wpcf7 .wpcf7-submit{background-color: #ffc609; border-color: #ffc609; transition: 150ms all linear}
#vaga-form .wpcf7 .wpcf7-submit:hover{background-color: #000000; border-color: #000000; color: #FFF;}
#vaga-form .wpcf7 label{color: #000000}
#vaga-form .wpcf7 .wpcf7-text, #vaga-form .wpcf7 .wpcf7-select, #vaga-form .wpcf7 .wpcf7-dynamictext, #vaga-form .wpcf7 .wpcf7-date, #vaga-form .wpcf7 .wpcf7-number{height: 30px; padding-left: 10px; padding-right: 10px}
#vaga-form .wpcf7 .wpcf7-textarea{padding: 10px}
#vaga-form .wpcf7 select {font-size: 9px;}
p.chamada-form{color: #000000}

fieldset.scheduler-border{
border: 1px solid #a5a5a5 !important;
padding: 0 1.4em 0 1.4em !important;
margin: 0 0 1.5em 0 !important;
-webkit-box-shadow:  0px 0px 0px 0px #e1e1e1;
        box-shadow:  0px 0px 0px 0px #e1e1e1;
}
legend.scheduler-border {
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
    color: #000000
}

/* Nova área */
.beneficios-vagas{background: url('../images/bg-slide.png') center center repeat; padding: 50px 0;}

.owl-beneficios-vagas{position: relative; padding: 0 30px;}
.owl-beneficios-vagas .owl-nav .owl-prev, .owl-beneficios-vagas .owl-nav .owl-next{display: block; position: absolute; top: 50%; margin-top: -13px; width: 25px; height: 45px; background-size: cover; transition: 150ms all linear}
.owl-beneficios-vagas .owl-nav .owl-prev{left: -10px; background-image: url(../images/seta-esquerda.png); background-repeat: no-repeat; font-size: 0; text-indent: -9999px;}
.owl-beneficios-vagas .owl-nav .owl-next{right: -10px; background-image: url(../images/seta-direita.png); background-repeat: no-repeat; font-size: 0; text-indent: -9999px;}

.bg-cinza-vagas{background-color: #ffffff; position: absolute; top: 0; left: 0; width: 100%; height: 545px; z-index: -1;}

.conheca-vagas{color: #000000; font-size: 24px; text-transform: uppercase; margin-bottom: 30px;}
.titulo-vagas-disponiveis{position: relative; padding: 50px 0;}

.card-vaga{border: 2px solid #bbbbbd; background-color: #fff; position: relative; padding: 30px 25px 40px;}
.card-vaga img{width: 80px; margin-bottom: 30px;}
.card-vaga h3{font-size: 18px; color: #000000; font-weight: 700; margin-top: 0; padding-top: 0;}
.card-vaga p{color: #4d4d4d; font-size: 14px;}
.card-vaga .bt-enviar-curriculo{
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  bottom: -20px;
  left: 10px;

  background-color: #ffc609; /* fundo amarelo */
  color: #000000;            /* texto preto */
  border: 2px solid #000000; /* borda preta */

  text-transform: uppercase;
  text-align: center;
  padding: 15px 10px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 1px;
  transition: .15s all linear;
}
.card-vaga .bt-enviar-curriculo:hover{
  background-color: #000000;
  color: #ffc609;
  border-color: #000000;
}


.card-vaga.active{border-color: #ffc609;}

.titulo-vagas-disponiveis .row{margin-left: -8px; margin-right: -8px; }
.titulo-vagas-disponiveis .row > div{padding-left: 8px; padding-right: 8px; margin-bottom: 70px;}

.bt-candidate-se{display: block; width: 100%; max-width: 340px; background-color: #000000; color: #fff; text-transform: uppercase; text-align: center; padding: 15px 10px; border-radius: 5px; text-decoration: none; font-size: 18px; letter-spacing: 1px; transition: .15s all linear; margin: 50px auto;}

.todas-as-vagas{display: block; width: 100%; position: relative; padding-bottom: 50px;}
.todas-as-vagas ul.menu-vagas{display: block;}
.todas-as-vagas ul.menu-vagas, .todas-as-vagas ul.submenu-category{margin: 0; padding: 0; list-style: none; width: 100%}
.todas-as-vagas ul.menu-vagas li, .todas-as-vagas ul.submenu-category li{margin: 0; padding: 5px 0}
.todas-as-vagas ul.menu-vagas > li > a{display: block; color: #fff; background-color: #000000; font-size: 16px; font-weight: 700; padding: 10px 40px 10px 15px; border-radius: 5px; position: relative; text-decoration: none;}
.todas-as-vagas ul.menu-vagas > li > a::after{content: "\f056"; font-family: "Font Awesome 5 Free"; color: #FFF; position: absolute; top: 8px; right: 10px; font-size: 20px;}
.todas-as-vagas ul.menu-vagas > li > a.collapsed::after{content: '\f055';}

.todas-as-vagas .submenu-category{padding-top: 30px;}

@media (min-width: 768px) {
    .titulo-vagas-disponiveis .row {display: flex; display: -webkit-flex; flex-wrap: wrap;}
    .card-vaga{height: 100%;}
    
    .owl-beneficios-vagas{position: relative; padding: 0 45px;}
    .owl-beneficios-vagas .owl-nav .owl-prev, .owl-beneficios-vagas .owl-nav .owl-next{margin-top: -39px; width: 37px; height: 67px;}
}
@media (min-width: 1200px) {
    .beneficios-vagas{padding: 120px 0;}
    .titulo-vagas-disponiveis{padding-top: 80px;}
    .conheca-vagas{font-size: 58px; margin-bottom: 50px;}

    .card-vaga img{width: 100px;}
}
@media (min-width: 1600px) {
    .beneficios-vagas .container{width: 1450px;}
}