/*!
Theme Name: Amafil Trabalhe Conosco
Author: Young Studio
Author URI: https://youngstudio.com.br
Description: Tema desenvolvido para amafil.com.br
Version: 1.0.0
Text Domain: amafil-trabalhe-conosco
*/


/*******************************************
 * General
 */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
:root {
	--green: #019746;
	--blue: #2B57A3;
	--orange: #FE9619;
	--red: #EE2E2A;
	--background: #F5F5F5;
}
body {font-family:'Rubik', sans-serif; }
img, svg {max-width:100%; }
.btn-primary,
.btn-outline-secondary,
.btn-secondary {font-weight:600; font-size:1.25rem; border-radius:6px; }
.btn-primary {background-color:var(--green); color:#fff; border-color:var(--green); }
.btn-secondary {background-color:var(--red); color:#fff; border-color:var(--red); }
.btn-outline-secondary {background-color:var(--background); color:var(--orange);  border-color:var(--orange); }
.btn-outline-secondary-alt {background-color:#fff; font-size:0.875rem; font-weight:400; font-family:'Open Sans', sans-serif; }

.skip-link.screen-reader-text {display:none;}

/*******************************************
 * Header
 */
header.site-header {box-shadow:0 0 30px rgba(0,0,0,.1); z-index:2; position:relative; }
header.site-header .navbar .navbar-brand {color:#FFF; font-weight:700; font-size:2.5rem; }
@media ( min-width:1200px ) {
	body.home header.site-header {width:100%; position:absolute; z-index:1; }
	header.site-header .navbar {padding-top:1rem; padding-bottom:1rem; }
	header.site-header .navbar .navbar-brand img {margin-right:42px; }
	header.site-header .navbar .navbar-nav > .menu-item {margin-left:24px; letter-spacing:0.1em; font-weight:700; }
	header.site-header .navbar .navbar-nav > .menu-item > .nav-link {height:45px; border-radius:12px; border:1px solid var(--green); color:var(--green); background-color:#fff; font-size:1rem; text-transform:uppercase; padding-left:41px; padding-right:41px; }
	header.site-header .navbar .navbar-nav > .menu-item:nth-last-of-type(2) > .nav-link {color:#FFF; background-color:var(--green); border-color:#FFF; }
	header.site-header .navbar .navbar-collapse {flex-grow:initial; }
	header.site-header .navbar .container-autenticado .dropdown:hover .dropdown-menu {display:block; }
	header.site-header .navbar .container-autenticado .dropdown .dropdown-menu {right:0; border-color:var(--green); padding:20px; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
	header.site-header .navbar .container-autenticado .nav-link {border:0 !important; font-weight:700; font-size:1.5rem; }
	header.site-header .navbar .container-autenticado .dropdown-toggle.nav-link {position:relative; padding-right:0 !important; padding-top:20px; padding-bottom:20px; }
	header.site-header .navbar .container-autenticado .dropdown-toggle.nav-link i {font-size:2.875rem; position:absolute; top:10px; left:-15px; }
	body.home header.site-header .navbar .container-autenticado .dropdown-toggle.nav-link {background-color:transparent; color:#fff; }
	header.site-header .navbar .container-autenticado .dropdown .dropdown-menu .nav-item:last-of-type {border-top:1px solid #C4C4C4; padding-top:15px; margin-top:15px; }
	header.site-header .navbar .container-autenticado .dropdown .dropdown-menu .dropdown-item {font-weight:700; font-size:1rem; color:#c4c4c4; transition:.2s padding; }
	header.site-header .navbar .container-autenticado .dropdown .dropdown-menu .dropdown-item:hover {color:var(--green); padding:.25rem .5rem .25rem 1.5rem; }
	header.site-header .navbar .container-autenticado .dropdown .dropdown-menu .dropdown-item:focus,
	header.site-header .navbar .container-autenticado .dropdown .dropdown-menu .dropdown-item:active {color:#FFF; background-color:var(--green); }
}
@media ( max-width:1200px ) {
	header.site-header .navbar .container-autenticado .dropdown .dropdown-menu {display:block; text-align:right; }
	header.site-header .navbar .container-autenticado .dropdown-toggle.nav-link i {margin-right:10px; }
	header.site-header .navbar .navbar-brand {font-size:2rem; }
	header.site-header .navbar .navbar-brand img:last-of-type {margin-right:12px;}
	header.site-header .navbar .navbar-nav .menu-item .nav-link {color:var(--blue); text-align:right; }
}
@media ( max-width:500px ) {
	header.site-header .navbar .navbar-brand img:last-of-type {max-width:70px;}
}
@media ( max-width:400px ) {
	header.site-header .navbar .navbar-brand {font-size:1rem; }
}

/*******************************************
 * Footer
 */
section.cta-cadastro {background-color:var(--blue); padding:110px 0; }
section.cta-cadastro .container {max-width:760px; }
section.cta-cadastro .title {color:#fff; font-size:27px; font-weight:600; text-align:center; }
section.cta-cadastro .row .col:first-child {font-weight:300; font-size:18px; color:#FFF; font-family:'Open Sans', sans-serif; text-align:right; }
section.cta-cadastro .row .col:first-child a {color:#fff; font-weight:600; text-decoration:none; }
section.cta-cadastro .row .col:last-child {flex-basis:280px; flex-grow:initial; }
section.cta-cadastro .row .col:last-child .btn {width:100%; max-width:280px; font-size:1.5rem; }
footer.site-footer {border-top:1px solid #C4C4C4; }
footer.site-footer section.copyright {padding:20px 0; text-align:center; background-color:#f4f4f4; }
footer.site-footer section.copyright,
footer.site-footer section.copyright a {color:#A9A9A9; font-size:0.9375rem; text-decoration:none; }
@media ( max-width:768px ) {
	section.cta-cadastro .row .col:last-child,
	section.cta-cadastro .row .col:first-child {width:100%; flex-basis:100%; text-align:center; }
}

/*******************************************
 * Filtros
 */
section.filtros {padding:102px 0; }
section.filtros .title {color:var(--green); font-size:2.1875rem; font-weight:700; }
section.filtros .form-select,
section.filtros .form-control {height:38px; }
section.filtros .form-select,
section.filtros .form-control,
section.filtros .form-control::placeholder {font-family:'Open Sans', sans-serif; font-size:0.875rem; }
section.filtros .row .col {flex-grow:initial; }
/* section.filtros .row:nth-of-type(1) {--total:calc( 352 * 2 + 480 ); }
section.filtros .row:nth-of-type(1) .col {flex-basis:calc(352/var(--total) * 100%); }
section.filtros .row:nth-of-type(1) .col:first-of-type {flex-basis:calc(480/var(--total) * 100%); } */
section.filtros .row:nth-of-type(1) .col {flex-basis:100%; }
section.filtros .row:nth-of-type(2) {--total:calc( 238 * 4 + 156 ); }
section.filtros .row:nth-of-type(2) .col {flex-basis:calc(238/var(--total) * 100%); }
section.filtros .row:nth-of-type(2) .col:last-of-type {flex-basis:calc(156/var(--total) * 100%); }
@media ( max-width:1000px ) {
	section.filtros .row:nth-of-type(1) {--total:calc( 352 * 2 ); }
	section.filtros .row:nth-of-type(2) {--total:calc( 238 * 2 ); }
	section.filtros .row:nth-of-type(1) .col:first-of-type {flex-basis:100%; }
	section.filtros .row:nth-of-type(2) .col {flex-basis:calc(238/var(--total) * 100%); }
	section.filtros .row:nth-of-type(2) .col:last-of-type {flex-basis:100%; }
}
@media ( max-width:575px ) {
	section.filtros .row:nth-of-type(1) .col,
	section.filtros .row:nth-of-type(2) .col {flex-basis:100%; }
}

/*******************************************
 * Author
 */
body.author .form-control:focus,
body.author .form-select:focus,
body.author .form-control,
body.author .form-select {background-color:transparent !important; border:0 !important; appearance:none !important; }
body.author label,
body.author input {pointer-events:none !important; }
body.author input[type="file"] {display:none; }
body.author .forms-wrapper:first-of-type {padding-top:0; }
body.author .btn-remover,
body.author .btn-adicionar {display:none !important; }
body.author .forms-wrapper .card-form .row.clone {border-bottom:0; padding-bottom:0; margin-bottom:0; }
body.author header.site-header,
body.author footer.site-footer {display:none !important; }
body.author main.author,
body.author .forms-wrapper {background-color:#fff; }
body.author .forms-wrapper .card-form {box-shadow:none; border-radius:0; padding:20px; margin-bottom:0; }
body.author main.author header.page-header {padding:20px 0; }
body.author .form-dados-pessoais .card-form:first-of-type {text-align:right; position:absolute; right:0; top:0; }
body.author .form-dados-pessoais .card-form:first-of-type h2 {display:none; }
body.author .form-dados-pessoais .card-form:first-of-type figure {margin:0; }
body.author .form-dados-pessoais .card-form:first-of-type img {width:50px; }
body.author .form-dados-pessoais .card-form:first-of-type .preview-foto {max-width:100%; }
body.author .form-dados-pessoais .card-form:first-of-type .row > div {margin-bottom:0 !important; }
body.author .forms-wrapper .card-form .preview-foto {margin-top:0; }
body.author .forms-wrapper .card-form .row {padding:0; }
@media print {
    body.author .pagebreak {page-break-before: always; }
}

/*******************************************
 * Vagas
 */
.vaga-info .col,
.vaga-footer .col {flex-basis:0; flex-grow:initial; white-space:nowrap; }
.vaga-info .col,
.vaga-footer .col:not(:last-child) {color:var(--green); font-size:1.25rem; margin-right:59px; }
.vaga-footer .col .btn {width:180px; }
.vaga-footer .col:last-child {flex-grow:1; text-align:right; }
.vaga-info .col i,
.vaga-footer .col:not(:last-child) i {font-size:1.5rem; }
section.vagas {background-color:var(--background); padding:48px 0; }
section.vagas .nenhuma-vaga {font-size:2rem; }
section.vagas article.vaga {border-radius:20px; box-shadow:0 10px 20px rgba(0,0,0,0.1); padding:64px 74px; background-color:#FFF; }
section.vagas article.vaga .vaga-header	.title {font-weight:700; font-size:1.75rem; }
section.vagas article.vaga .vaga-header	.title a {color:var(--blue); text-decoration:none; }
section.vagas article.vaga .vaga-body {font-family:'Open Sans', sans-serif; }
section.vagas article.vaga .vaga-body > div {margin-bottom:1rem; }
section.vagas nav.pagination {text-align:center; margin-top:80px; justify-content:center; }
section.vagas nav.pagination .page-numbers {width:38px; font-size:1.25rem; font-weight:700; color:var(--blue); border:1px solid var(--blue); border-radius:6px; padding:3px 0; margin:0 8px; text-decoration:none; }
section.vagas nav.pagination .page-numbers.current {background-color:var(--blue); color:#fff; }
@media ( max-width:1400px ) {
	.vaga-info .col {flex-basis:calc(50% - 40px); margin:0 20px 20px; }
}
@media ( max-width:1200px ) {
	.vaga-info .row,
	.vaga-footer .row {justify-content:center; }
	.vaga-info .col,
	.vaga-footer .col:not(:last-child) {margin-right:20px; margin-left:20px; margin-bottom:1.5rem; }
	.vaga-footer .col:last-child {flex-basis:100%; text-align:center; }
}
@media ( max-width:990px ) {
	.vaga-info .col,
	.vaga-footer .col:not(:last-child) {flex-basis:calc(50% - 40px); }
}
@media ( max-width:768px ) {
	.vaga-info .col,
	.vaga-footer .col:not(:last-child) {flex-basis:100%; margin-left:0; margin-right:0; }
	.vaga-footer .btn {width:100%; }
}

/*******************************************
 * Forms
 */
.forms-wrapper {background-color:var(--background); padding:84px 0; }
.forms-wrapper .card-form {background-color:#FFF; border-radius:24px; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); padding:100px; margin-bottom:70px; }
.forms-wrapper .card-form .row {padding:0 70px; }
.forms-wrapper .card-form .row.clone {padding-bottom:50px; margin-bottom:40px; border-bottom:1px solid #CCC; }
.forms-wrapper .card-form .saving {opacity:0.2; cursor:wait; }
.forms-wrapper .card-form .preview-foto {max-width:400px; margin:20px 0 0 0; }
.forms-wrapper .card-form .form-select,
.forms-wrapper .card-form .form-control {background-color:#F5F5F5; font-family:'Open Sans', sans-serif; transition:.2s opacity; }
.forms-wrapper .card-form label {width:100%; font-weight:700; color:var(--blue); font-size:1.25rem; }
.forms-wrapper .card-form label span {color:#EB1717; }
.forms-wrapper .card-form label input {font-size:1rem; font-family:'Open Sans', sans-serif; }
.forms-wrapper .card-form .title {color:var(--blue); font-size:2.25rem; font-weight:700; border-bottom:1px solid #C4C4C4; }
.forms-wrapper .card-form .msg {color:#EB1717; font-size:0.75rem; font-family:'Open Sans', sans-serif; }
.forms-wrapper .card-form .form-check label {color:#555; font-size:0.875rem; font-family:'Open Sans', sans-serif; font-weight:400; }
.forms-wrapper .card-form .form-check a {color:var(--blue); }
.forms-wrapper .card-form .btn:not(.btn-outline-secondary-alt) {min-width:265px; font-size:1.5rem; }
.forms-wrapper .card-form.cadastro {max-width:916px; padding:112px 190px; margin:auto; }
.forms-wrapper .card-form.cadastro .row {padding:0; }
.forms-wrapper .card-form.cadastro label {font-size:1.5rem; }
.forms-wrapper .card-form .form-check label {font-size:0.875rem; }
.forms-wrapper .card-form.cadastro .title {border-bottom:0; }
.forms-wrapper footer.section-footer .btn {width:100%; max-width:268px; height:58px; font-size:1.5rem; padding-top:10px; }
.forms-wrapper.cadastro-concluido .card-form i {font-size:10.625rem; color:var(--green); }
.forms-wrapper.cadastro-concluido .card-form .title {font-size:3.75rem; color:var(--green); border-bottom:0; }
.forms-wrapper.cadastro-concluido .card-form p {font-size:1.5625rem; color:#555; max-width:719px; margin:auto; font-family:'Open Sans', sans-serif; }
.forms-wrapper.cadastro-concluido .card-form .btn {font-size:2.1875rem; max-width:202px; }
.forms-wrapper .card-form .button-wrapper p,
.forms-wrapper .card-form .button-wrapper p a {font-size:1.125rem; color:#555; text-decoration:none; font-family:'Open Sans', sans-serif; }
.forms-wrapper .card-form .button-wrapper:last-of-type {border-top:1px solid #C4C4C4; padding-top:54px; margin-top:54px; }
@media (max-width:990px) {
	.forms-wrapper .card-form .row {padding:0 0px; }
}
@media (max-width:768px) {
	.forms-wrapper .card-form.cadastro {padding:112px 40px; }
}
@media (max-width:575px) {
	.forms-wrapper .card-form {padding:30px 20px; overflow:hidden; }
	.forms-wrapper .card-form.cadastro {padding:50px 20px; }
}

/*******************************************
 * Page
 */
header.page-header {padding:75px 0; }
header.page-header .title {color:var(--green); font-size:3rem; font-weight:700; }
header.page-header .container {max-width:763px; }
header.page-header .steps ul li,
header.page-header .steps ul li a {max-width:110px; color:#c4c4c4; text-decoration:none; line-height:1.2rem; display:inline-block; }
header.page-header .steps ul li.active,
header.page-header .steps ul li.active a {color:var(--green); }
header.page-header .steps ul li {width:calc(100%/5); max-width:100%; text-align:center; font-size:1rem; font-weight:600; font-family:'Open Sans', sans-serif; position:relative; }
header.page-header .steps ul li a:before {content:''; width:24px; height:24px; border-radius:100%; display:block; background-color:#c4c4c4; margin:0 auto 10px; position:relative; z-index:1; }
header.page-header .steps ul li.active a:before {background-color:var(--green); }
header.page-header .steps ul li:after {content:''; width:100%; height:4px; display:block; position:absolute; background-color:#c4c4c4; top:10px; right:50%; }
header.page-header .steps ul li.active:after {background-color:var(--green); }
header.page-header .steps ul li:first-child:after {display:none; }
main.page {background-color:var(--background); padding-bottom:120px; }
main.page section.page-content .page-body {font-family:'Open Sans', sans-serif; }
main.page section.page-content .page-body a {color:var(--green); font-weight:600; }
main.page section.page-content .page-body a:hover {text-decoration:none; }
main.page header.page-header {padding:60px 0; }
main.page header.page-header .title {color:var(--blue); font-weight:700; font-size:2.5rem !important; }
main.page .col.content {padding-right:100px; }
main.page section.beneficios .title,
main.page .col.content .title {color:var(--blue); font-weight:700; font-size:1.5rem; margin-bottom:25px; padding-top:25px; }
main.page .col.content .title:first-of-type {padding-top:0; }
main.page section.the_content .detalhes-da-vaga {font-family:'Open Sans', sans-serif; }
main.page section.the_content .detalhes-da-vaga > div {margin-bottom:1rem; }
main.page section.beneficios ul,
main.page .col.content p,
main.page .col.content ul {color:#555; font-size:1rem; font-family:'Open Sans', sans-serif; margin-bottom:25px; }
main.page .col.sidebar {flex-basis:377px; flex-grow:initial; padding-top:110px; }
main.page .col.sidebar .widget {background-color:#fff; border-radius:14px; box-shadow:0 10px 10px rgba(0,0,0,.1); text-align:center; padding:53px; }
main.page .col.sidebar .widget p {color:var(--green); font-size:0.9375rem; }
main.page .col.sidebar .widget .title {color:var(--green); font-size:1.5rem; }
main.page .col.sidebar .widget .subtitle {color:var(--blue); font-size:1.875rem; font-weight:700; line-height:1.875rem; margin-bottom:32px; }
main.page .col.sidebar .widget .social li {margin:0 13px; }
main.page .col.sidebar .widget .social li a {color:var(--green); font-size:1.6875rem; }
main.page .col.sidebar .widget .btn {width:100%; height:58px; max-width:217px; font-size:1.5rem; padding-top:9px; }
main.page section.beneficios li {max-width:120px; text-align:center; margin:0 0 20px; }
main.page section.beneficios li p {margin-bottom:0; }
main.page section.beneficios li i {color:var(--green); font-size:3.4375rem; }
main.page .cta-candidantar {max-width:877px; text-align:center; padding:72px 0; margin:auto; background-color:#fff; box-shadow:0 10px 10px rgba(0,0,0,.1); border-radius:30px; margin-top:80px; }
main.page .cta-candidantar .title {color:var(--blue); font-size:1.75rem; font-weight:700; }
main.page .cta-candidantar .btn {width:100%; max-width:409px; height:72px; font-size:1.625rem; font-weight:700; border-radius:16px; padding-top:12px; }
@media ( max-width:1200px ) {
	main.page .col.sidebar {padding-top:50px; }
	main.page .col.content {padding-right:0; }
}
@media ( max-width:768px ) {
	header.page-header .steps ul li,
	header.page-header .steps ul li a {width:100%; max-width:100%; }
	header.page-header .steps ul li:after,
	header.page-header .steps ul li:before {display:none; }
	header.page-header .steps ul li a {padding:5px 0; }
}

/*******************************************
 * Home
 */
main.home section.banner {min-height:764px; position:relative; }
main.home section.banner .overlay {position:absolute; z-index:1; top:0; left:50%; pointer-events:none; transform:translateX(-50%); }
@media ( max-width:990px ) {
	main.home section.banner {--width:calc(1920/1200 * 100%); overflow:hidden; }
	main.home section.banner .bg,
	main.home section.banner .overlay {width:var(--width); max-width:10000px; }
	main.home section.banner .bg {margin-left:50%; transform:translateX(-50%); }
}