body,
html {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}  .icone-local {
background: url(//jobsonline.jp/wp-content/themes/Jobs_online_2024/scripts/css/img/local3.png);
width: 18px;
height: 14px;
display: inline-block;
background-size: contain;
}
.icone-users {
background: url(//jobsonline.jp/wp-content/themes/Jobs_online_2024/scripts/css/img/users.png);
width: 18px;
height: 14px;
display: inline-block;
background-size: contain;
}
.icone-categorias {
background: url(//jobsonline.jp/wp-content/themes/Jobs_online_2024/scripts/css/img/categorias.png);
width: 18px;
height: 14px;
display: inline-block;
background-size: contain;
}
.icone-smile {
background: url(//jobsonline.jp/wp-content/themes/Jobs_online_2024/scripts/css/img/smile.png);
width: 18px;
height: 14px;
display: inline-block;
background-size: contain;
}
.icone-categorias-black {
background: url(//jobsonline.jp/wp-content/themes/Jobs_online_2024/scripts/css/img/cat-black.png);
width: 18px;
height: 14px;
display: inline-block;
background-size: contain;
}
.icone-check {
background: url(//jobsonline.jp/wp-content/themes/Jobs_online_2024/scripts/css/img/check.png);
width: 18px;
height: 14px;
display: inline-block;
background-size: contain;
}
.icone-whatsapp {
background: url(//jobsonline.jp/wp-content/themes/Jobs_online_2024/scripts/css/img/whatsapp.png);
width: 35px;
height: 27px;
display: inline-block;
background-size: contain;
}  .span-job {
min-height: 20px;
}
.span-green {
background: #19b128;
}
.span-orange {
background: #f7790a;
}
.span-blue {
background: #0099cc;
}
.span-yellow {
background: #ffcc33;
}
.span-red {
background: #DD5858;
}
.span-purple {
background: #964ed6;
}
.span-black {
background: #222;
}
.span-black,
.span-purple,
.span-blue,
.span-green,
.span-yellow,
.span-red {
moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-weight: bold;
font-weight: 500;
padding: 5px 10px;
text-align: center;
text-transform: uppercase;
color: #fff;
display: inline-block;
line-height: 1em;
position: relative;
}
.span-job.span-green,
.span-job.span-blue {
font-size: 30px;
}   .bg-primary,
.bg-primary:hover,
.bg-primary:focus,
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover,
.badge-primary {
background: #41ABE3 !important;
}
.btn-primary,
.btn-primary:hover {
color: #fff;
background-color: #41ABE3 !important;
border-color: #41ABE3 !important;
}
.text-primary,
.filters_col .distance span {
color: #41ABE3 !important;
}
.btn-outline-primary {
color: #41ABE3 !important;
border-color: #41ABE3 !important;
}
.btn-outline-primary:hover {
background: none !important;
}
.text-primary a {
color: #41ABE3 !important;
}
.bg-secondary,
.bg-secondary:hover,
.bg-secondary:focus,
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover,
.irs-bar {
background-color: #102539 !important;
}
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
color: #fff;
background-color: #102539 !important;
border-color: #102539 !important;
}
.text-secondary {
color: #102539 !important;
}
.text-secondary a {
color: #102539 !important;
}
.btn-outline-secondary {
color: #102539 !important;
border-color: #102539 !important;
}
.btn-outline-secondary:hover {
background: none !important;
}
body {
background: #F9F9F9 !important;
}  .bb-light {
border-bottom: 1px solid #ffffff26 !important;
}
header {
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
z-index: 1
}
.elementor_topmenu.bg-primary.text-light.border-bottom {
border-bottom: 1px solid #dee2e626 !important;
}
.elementor_mainmenu {
padding: 10px 0
}
.elementor_mainmenu .bg-primary ul.seperator li:after {
background-color: #fff
}
.elementor_mainmenu .nav-item a {
text-transform: uppercase;
text-decoration: none !important;
font-size: 14px;
font-weight: 500;
padding: 10px 22px
}
.elementor_mainmenu.menu-bold .nav-item a {
font-weight: bold
}
.text-md .elementor_mainmenu .nav-item a {
font-size: 16px !important
}
.text-lg .elementor_mainmenu .nav-item a {
font-size: 18px !important
}
.elementor_mainmenu .navbar-nav .nav-link {
padding: 0 10px;
line-height: 35px
}
.navbar-light .navbar-nav .nav-link {
color: #222
}
.navbar-dark .navbar-nav .nav-link {
color: #fff
}
.elementor_mainmenu .navbar-collapse .dropdown-item {
line-height: 25px !important;
border-bottom: 1px solid #ddd;
font-size: 13px !important;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.elementor_mainmenu .navbar-collapse .dropdown-item:hover {
padding-left: 15px !important
}
.bg-transparent {
background-color: #00000024 !important
}
.bg-transparent-none {
background: transparent !important;
}
.sticky {
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border-bottom: 1px solid #ededed;
background-color: #fff;
padding: 0;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 500;
border-bottom: 1px solid #ddd !important
}
.sticky .elementor_mainmenu {
padding: 0 0 !important
}
.sticky.elementor_mainmenu {
padding: 0 0 !important
}  body.boxed #page-content-wrapper {
background: #fff;
}
@media (min-width: 1200px) {
.container {
max-width: 1240px;
}
.container-full-width {
width: 100% !important;
max-width: 100% !important;
}
.elementor-section.elementor-section-boxed>.elementor-container {
max-width: 1200px !important;
}
.fullcontainer .container,
.fullcontainer .container-lg,
.fullcontainer .container-md,
.fullcontainer .container-sm,
.fullcontainer .container-xl {
max-width: 1600px;
} body.boxed #page-content-wrapper {
max-width: 1300px;
margin: auto auto;
min-width: 1140px !important;
padding: 0px 15px;
background: #fff;
}
body.boxed #sidebar-wrapper {
display: none !important;
} .topbar-info.main-header li {
margin-right: 25px;
padding-right: 30px;
}
.elementor_mainmenu .search {
width: 400px;
}
} @media (min-width: 1200px) { .btn-lg {
text-transform: uppercase;
padding: 15px 30px;
letter-spacing: 1px;
font-size: 14px;
min-width: 150px;
font-weight: 500;
}
.btn-xl {
text-transform: uppercase;
padding: 15px 22px !important;
letter-spacing: 1px;
font-size: 16px;
font-weight: 500;
} } @media (min-width: 992px) and (max-width: 1199.98px) { .hide-desktop,
.show-mobile {
display: none !important;
} .btn-lg {
text-transform: uppercase;
padding: 15px 30px;
letter-spacing: 1px;
font-size: 14px;
min-width: 150px;
font-weight: 500;
}
.btn-xl {
text-transform: uppercase;
padding: 15px 22px !important;
letter-spacing: 1px;
font-size: 16px;
min-width: 200px;
font-weight: 500;
} .w-lg-100 {
width: 100% !important;
}
.container,
.container-lg,
.container-md,
.container-sm {
max-width: 100%;
}
.elementor_mainmenu .navbar-nav .nav-link {
padding: 0 10px;
line-height: 35px;
letter-spacing: -1px;
}
} @media (min-width: 576px) and (max-width: 991.98px) { section .btn {
padding: 8px 10px !important;
}
body:not(.theme-cp) section .btn:not(.prev):not(.next):not(.btn-system) i {
display: none;
}
.mb-4 {
margin-bottom: 20px !important;
}
.mb-5 {
margin-bottom: 20px !important;
}
.mt-5 {
margin-top: 20px !important;
}
.mt-4 {
margin-top: 20px !important;
} .hide-ipad,
.show-mobile {
display: none !important;
} .btn-lg {
text-transform: uppercase;
padding: 15px 30px;
letter-spacing: 1px;
font-size: 14px;
min-width: 150px;
font-weight: 500;
}
.btn-xl {
text-transform: uppercase;
padding: 15px 22px !important;
letter-spacing: 1px;
font-size: 16px;
min-width: 200px;
font-weight: 500;
} .features-list-small a {
width: 50% !important;
}
} @media (max-width: 575.98px) {
#page-content-wrapper {
overflow: hidden !important;
}
#page-content-wrapper.with-mobilemenu {
margin-bottom: 80px;
} section .btn:not(.prev):not(.next) i {
display: none;
}
.btn2 {
margin-left: 0px !important;
}
.btn-lg {
font-size: 16px !important;
} .elementor_header {
border-bottom: 1px solid #dee2e6 !important;
}
.elementor_header .navbar-brand {
margin-left: 10px;
}
.navbar-brand img {
max-width: 150px;
} #main {
background: #fff !important
} h1 {
font-size: 30px !important;
}
h2 {
font-size: 20px !important;
} h4 {
font-size: 20px !important;
}
h5 {
font-size: 16px !important;
}
h6 {
font-size: 16px !important;
} .hide-mobile {
display: none !important;
}
.show-mobile {
display: inline-block;
}
.search .bg-light {
background: #fafafa !important;
}
.pagination-md .page-link {
padding: 8px 15px !important;
font-size: 14px !important;
}
}  .loader {
border: 10px solid #f3f3f3;
border-radius: 50%;
border-top: 10px solid #3498db;
border-bottom: 10px solid #3498db;
width: 40px;
height: 40px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loadmore {
font-size: 30px;
}
.sticky img.img-fluid.navbar-brand-dark {
max-height: 60px;
width: auto;
}
.menu-movel {
display: block;
width: 100%;
padding-left: 2px;
}
.menu-movel img {
max-width: 49%;
height: auto;
margin-top: 10px;
border: 3px solid #ccc;
border-radius: 5%;
}
input.form-control.form-header.customfilter {
display: inline;
width: 250px;
height: 33px;
}
input.form-control.form-busca.customfilter {
display: inline;
width: 200px;
height: 50px;
}
.navbar-dark .navbar-nav .nav-link {
color: #fff;
}
.jobs_mainmenu,
.jobs_topbar {
padding: 20px 0;
}
.sticky.elementor_mainmenu {
padding: 0 0 !important;
}
.jobs_mainmenu .navbar-nav .nav-link {
padding: 0 25px;
line-height: 35px;
}
.jobs_mainmenu .nav-item a {
text-transform: uppercase;
text-decoration: none !important;
font-size: 14px;
font-weight: 500;
}
.jobs_mainmenu a.dropdown-item {
line-height: 35px;
}
.miniaturas h6 {
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
}
.miniaturas h6 a {
color: #000;
}
@media (max-width: 640.98px) {
.miniaturas h6 {
font-size: 14px !important;
}
.miniaturas .span-job.span-red {
font-size: 14px !important;
width: 100%;
}
.navegacao-principal {
padding: 0;
}
}
.miniaturas .card-category,
.miniaturas .card-category a {
font-size: 12px;
color: #666666;
}
.sticky-top.sidebar-home {
top: 80px;
}
.footer-images {
max-width: 1300px;
margin: auto auto;
}
.cabecalho-img img {
max-width: 50px;
}
.footer-images img {
max-height: 150px;
width: auto;
}
@media (max-width: 640.98px) {
.footer-images img {
max-height: 100px;
max-width: 48%;
width: auto;
}
} .navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
z-index: 100000;
}
@media (max-width: 575.98px) {
.menu-inferior a {
font-size: 12px;
}
.texto-pequeno-smartphone,
.texto-pequeno-smartphone a {
font-size: 12px;
}
}
.menu-inferior a:link,
.menu-inferior a:visited {
background-color: #41ABE3;
color: white;
}
.menu-inferior a:hover,
.menu-inferior a:active {
background-color: #16A2B8;
}  .conteudo .aligncenter {
display: block;
margin: 0 auto;
}
.conteudo img {
max-width: 100%;
height: auto;
}
.conteudo h5,
.conteudo h5 a {
display: block;
font-size: 1rem;
font-weight: 800;
border: 1px solid #ccc;
background-color: #f8f9fa !important;
color: #dc3545 !important;
padding: 5px;
}
.conteudo h6,
.conteudo h6 a {
display: block;
font-size: 1rem;
font-weight: 500;
border: 1px solid #ccc;
background-color: #f8f9fa !important;
padding: 5px;
}
.conteudo ul {
background: #ddd;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
list-style-type: none;
}
.conteudo ul li {
background: #fff;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 5px;
padding-top: 4px;
padding-bottom: 4px;
}
.conteudo ul li::before {
content: "> ";
color: red
}
.nf-field-element ul {
background: none;
}
.nf-field-element ul li::before {
content: "";
color: none
}
@media (min-width: 800px) {
.hide-for-desktop {
display: none;
}
.conteudo .hide-for-desktop {
display: none;
}
.h4-titulo {
font-size: 1rem;
}
}
.telefones {
text-align: center;
font-size: 18px;
}
@media (max-width: 799px) {
.conteudo .hide-for-mobile {
display: none;
}
.hide-for-mobile {
display: none;
}
} #descricao_empresa,
#descricao_empresa a {
font-size: 12px;
font-weight: 400;
line-height: 14px;
}
#descricao_empresa #empresa_descricao.collapse:not(.show) {
display: block;
height: auto;
}
@media (max-width: 800px) {
#descricao_empresa #empresa_descricao.collapse:not(.show) {
display: block;
height: 3rem;
overflow: hidden;
}
#descricao_empresa #empresa_descricao.collapsing {
height: 3rem;
}
#descricao_empresa a.collapsed::after {
content: '+ Ver Mais';
}
#descricao_empresa a:not(.collapsed)::after {
content: '- Ver Menos';
}
} .verify {
width: 0;
height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
margin-bottom: 0;
}
.needs-validation input {
padding: 12px 20px;
border: 1px solid #000;
}
.needs-validation textarea {
padding: 12px 20px;
border: 1px solid #000;
} .footerHeader {
width: 1300px;
margin: auto auto;
}
.footerPai {
overflow-x: auto;
overflow-y: visible;
height: 90px;
} .footerPai::-webkit-scrollbar {
display: none;
} .footerPai {
-ms-overflow-style: none; scrollbar-width: none; }
.footerFilho {
width: 11000px;
height: 90px;
cursor: move;
}
.miniCard {
float: left;
width: 300px;
height: 100%;
line-height: 13px;
overflow: hidden;
background-image: url(//jobsonline.jp/wp-content/themes/Jobs_online_2024/scripts/css/img/fundo-footer3.png);
background-repeat: repeat-x;
cursor: move;
}
.miniCardPropaganda {
float: left;
width: 200px;
height: 100%;
overflow: hidden;
cursor: move;
}
.miniCardLink {
display: block;
width: 100%;
text-align: center;
text-transform: uppercase;
margin-top: 10px;
font-weight: bolder;
background-color: #102539;
padding-top: 5px;
padding-bottom: 5px;
}
.footerTop {
background-color: #102539;
}
@media only screen and (max-width: 600px) {
.imagemPost {
width: 100%;
height: 240px;
overflow: hidden;
}
.imagemPost img {
position: relative;
top: 0px;
}
}
.ribbon-wrapper {
height: 70px;
overflow: hidden;
position: absolute;
right: -2px;
top: -2px;
width: 70px;
z-index: 10;
}
.ribbon-wrapper.ribbon-lg {
height: 120px;
width: 120px;
}
.ribbon-wrapper.ribbon-lg .ribbon {
right: 0;
top: 26px;
width: 160px;
}
.ribbon-wrapper.ribbon-xl {
height: 180px;
width: 180px;
}
.ribbon-wrapper.ribbon-xl .ribbon {
right: 4px;
top: 47px;
width: 240px;
}
.ribbon-wrapper .ribbon {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
font-size: 0.8rem;
line-height: 100%;
padding: 0.375rem 0;
position: relative;
right: -2px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
text-transform: uppercase;
top: 10px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 90px;
}
.ribbon-wrapper .ribbon::before,
.ribbon-wrapper .ribbon::after {
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 3px solid #9e9e9e;
bottom: -3px;
content: "";
position: absolute;
}
.ribbon-wrapper .ribbon::before {
left: 0;
}
.ribbon-wrapper .ribbon::after {
right: 0;
}
.text-xl {
font-size: 2rem !important;
}
.glow {
border: 1px solid red !important;
margin-top: 2px;
margin-bottom: 2px;
-webkit-box-shadow: 0 0 10px red;
-moz-box-shadow: 0 0 10px red;
box-shadow: 0 0 10px red;
}