/*
Theme Name:     Sulivam
Theme URI:      https://in9ti.com
Author:         In9ti.com
Author URI:     https://in9ti.com
Description:    Tema child desenvolvido por In9ti.com com base no tema hello elementor
Template:       hello-elementor
Version:        2.7
Text Domain: sulivam
*/

a:where(:not(.wp-element-button)) {
    text-decoration: inherit;
}

/************************
 * Newsletter
 ************************/
.newsletter-form {
    display: flex;
    /* justify-content: center; */
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
    max-width: 505px;
    gap: 20px;
}
.newsletter-form + .wpcf7-response-output{
    margin: 12px 0 0 0 !important;
    font-size: 14px !important;
    font-family: "Spline Sans", sans-serif;
    font-weight: 400;
    line-height: 20px;
    padding: 5px 10px !important;
    border-radius: 0;
    display: inline-block;
}
.newsletter-form .wpcf7-spinner{
    position: absolute;
    left: 100%;
    top: 16px;
}
.newsletter-form-left{
    flex: 0 0 100%;
}
.newsletter-form-right{
    flex: 0 0 111px;
    position: relative;
}
.newsletter-form-footer{
    flex: 0 0 100%;
    text-align: left;
    padding: 0;
}
.newsletter--inner .wpcf7-acceptance input{
    position: absolute;
    left: 0;
    opacity: 0;
}
.newsletter--inner input[type="email"],
.newsletter--inner input[type="text"]{
    border: #82CAFE solid 1px;
    border-radius: 0;
    width: 100%;
    padding: 16px 15px 16px 46px;
    font-family: "Spline Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #525860;
}
.newsletter--inner input[type="email"]{
    background: url('assets/icones/icon-form-email.svg') no-repeat 12px 17px;
}
.newsletter--inner input[type="text"]{
    background: url('assets/icones/icon-fomr-name.svg') no-repeat 13px 15px;
}
.newsletter--inner input[type="submit"]{
    background-color: #1247C7;
    background-image: url('assets/icones/btn-arrow-form.svg');
    background-position: 104px center;
    background-repeat: no-repeat;
    border: none;
    color: #FFF;
    font-family: "Space Grotesk", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    width: 165px;
    height: 57.6px;
    padding-right: 63px;
    padding-left: 0px;
    cursor: pointer;
    transition: all .3s ease;
}
.newsletter--inner input[type="submit"]:not(:disabled):hover{
    transform: translateY(-4px);
}
.newsletter-form-footer .wpcf7-list-item{
    margin: 0;
}
.newsletter-form-footer .wpcf7-list-item label{
    position: relative;
    padding-left: 28px;
}
.newsletter-form-footer .wpcf7-list-item label:before{
    content: "";
    border: #82CAFE solid 1px;
    width: 19px;
    height: 18px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px;
    background: #FFF;
}
.newsletter-form-footer .wpcf7-list-item-label:after{
    content: "✓" !important;
    font-size: 13px;
    position: absolute;
    left: 5px;
    top: 1px;
    opacity: 0;
    color: #1247C7;
    font-weight: 900;
    transform: rotate(5deg);
    transition: all .3s ease-in-out;
}
.newsletter-form-footer .wpcf7-list-item label .wpcf7-list-item-label{
    font-family: "Spline Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer;
    color: #272E35;
}
.newsletter-form input[type="checkbox"]:checked + .wpcf7-list-item-label:after{
    opacity: 1;
}
.newsletter-form .wpcf7-not-valid-tip{
    font-family: "Spline Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    padding: 3px 10px;
    background-color: #ef5d5d;
    display: inline-block;
    color: #ffffff;
}
.wpcf7-form.invalid .wpcf7-response-output{
    background-color: #ef5d5d;
    border: none;
    color: #FFF;
    font-size: 14px;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output{
    background-color: #ef5d5d;
    border: #c40 solid 1px !important;
    color: #FFF;
    font-size: 14px;
    line-height: 18px;
}

/***********************
 * Copy Link
 **********************/
#copyLink{
    position: relative;
}
#copyLink:before{
    content: "Copiado";
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    width: auto;
    height: auto;
    padding: 1px 10px;
    display: inline-block;
    background-color: #1247c7;
    color: #EEE;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    top: -39px;
    transition: all .2s ease;
    margin-left: -32px;
    opacity: 0;
    visibility: hidden;
	z-index: 1;
}
#copyLink:after{
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border-color: #1247c7 transparent transparent transparent;
    border-width: 8px;
    border-style: solid;
    position: absolute;
    top: -14px;
    left: 50%;
    transition: all .2s ease;
    margin-left: -7px;
    opacity: 0;
    visibility: hidden;
}
#copyLink.copeid:after,
#copyLink.copeid:before{
    opacity: 1;
    visibility: visible;
    transform: translateY(5px);
}








.curriculo-form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1030px;
    gap: 20px;
    margin-left: auto;
    margin-right: auto;
}
.curriculo-form + .wpcf7-response-output{
    margin: 12px 0 0 0 !important;
    font-size: 14px !important;
    font-family: "Spline Sans", sans-serif;
    font-weight: 400;
    line-height: 20px;
    padding: 5px 10px !important;
    border-radius: 0;
    display: inline-block;
}
.curriculo-form .wpcf7-spinner{
    position: absolute;
    right: 112px;
    top: 16px;
}
#form-curriculo .wpcf7-spinner{
    position: absolute;
    left: 50%;
    top: 16px;
    margin-left: -172px;
}
.curriculo-form-full{
    flex: 0 0 100%;
}
.curriculo-form-left{
    flex: 0 0 calc(50% - 14px);
}
.curriculo-form-right{
    flex: 0 0 calc(50% - 14px);
    position: relative;
}
@media ( max-width: 768px ){
    .curriculo-form-left,
    .curriculo-form-right{
        flex: 0 0 100%;
    }
}
.curriculo-form-center{
    text-align: center;
    margin-top: 35px;
    position: relative;
}
.curriculo-form-footer{
    flex: 0 0 100%;
    padding: 0;
}
.curriculo--inner .wpcf7-acceptance input{
    position: absolute;
    left: 0;
    opacity: 0;
}
.curriculo--inner textarea,
.curriculo--inner input[type="email"],
.curriculo--inner input[type="text"],
.curriculo--inner input[type="tel"],
.curriculo--inner input[type="url"]{
    border: #82CAFE solid 1px;
    border-radius: 0;
    width: 100%;
    padding: 16px 15px 16px 46px;
    font-family: "Spline Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #525860;
}
#form-curriculo ::placeholder{
    color: #525860;
    font-family: "Spline Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.wpcf7-form input[name="seu-nome"]{
    background: url('assets/icones/icon-fomr-name.svg') no-repeat 13px 16px;
}
.wpcf7-form input[name="seu-email"]{
    background: url('assets/icones/icon-form-email.svg') no-repeat 13px 16px;
}
.wpcf7-form input[name="seu-tel"]{
    background: url('assets/icones/icon-form-telefone.svg') no-repeat 13px 16px;
}
.wpcf7-form input[name="posicao"],
.wpcf7-form input[name="empresa"]{
    background: url('assets/icones/icon-form-posicao.svg') no-repeat 13px 16px;
}
.wpcf7-form input[name="site"]{
    background: url('assets/icones/icon-form-site.svg') no-repeat 13px 16px;
}
.wpcf7-form input[name="linkedIn"]{
    background: url('assets/icones/icon-form-linkdin.svg') no-repeat 13px 16px;
}
.wpcf7-form input[name="portfolio"]{
    background: url('assets/icones/icon-form-portfolio.svg') no-repeat 13px 16px;
}
.wpcf7-form input[name="github"]{
    background: url('assets/icones/icon-form-github.svg') no-repeat 13px 16px;
}
.wpcf7-form textarea[name="descricao"],
.wpcf7-form textarea[name="sobre-projeto"]{
    background: url('assets/icones/icon-form-comment.svg') no-repeat 8px 10px;
}
.wpcf7-form input[name="pretensao_salarial"]{
    background: url('assets/icones/icon-form-investimento.svg') no-repeat 13px 16px;

}
.field-upload label{
    cursor: pointer;
    padding: 17px 17px 17px 48px;
    display: block;
    border: #82CAFE solid 1px;
    font-family: "Spline Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #525860;
    background: url('assets/icones/icon-form-anexe.svg') no-repeat 13px 16px;
}
#form-curriculo .wpcf7-response-output{
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px;
}
.wpcf7 input[type="file"] {
    display: none;
}





.curriculo--inner input[type="submit"]{
    background-color: #1247C7;
    background-image: url('assets/icones/btn-arrow-form.svg');
    background-position: 209px center;
    background-repeat: no-repeat;
    border: none;
    color: #FFF;
    font-family: "Space Grotesk", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    width: 270px;
    height: 57.6px;
    padding-right: 62px;
    padding-left: 0px;
    cursor: pointer;
    transition: all .3s ease;
}
.curriculo--inner input[type="submit"]:not(:disabled):hover{
    transform: translateY(-4px);
}
.curriculo-form-footer .wpcf7-list-item{
    margin: 0;
}
.curriculo-form-footer .wpcf7-list-item label{
    position: relative;
    padding-left: 28px;
}
.curriculo-form-footer .wpcf7-list-item label:before{
    content: "";
    border: #82CAFE solid 1px;
    width: 17px;
    height: 18px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px;
    background: #FFF;
}
.curriculo-form-footer .wpcf7-list-item-label:after{
    content: "✓" !important;
    font-size: 13px;
    position: absolute;
    left: 4px;
    top: 2px;
    opacity: 0;
    color: #1247C7;
    font-weight: 900;
    transform: rotate(5deg);
    transition: all .3s ease-in-out;
}
.curriculo-form-footer .wpcf7-list-item label .wpcf7-list-item-label{
    font-family: "Spline Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer;
    color: #272E35;
}
.curriculo-form-footer .wpcf7-list-item label .wpcf7-list-item-label a{
    color: #272E35;
    text-decoration: underline;
}
.curriculo-form input[type="checkbox"]:checked + .wpcf7-list-item-label:after{
    opacity: 1;
}
.curriculo-form .wpcf7-not-valid-tip{
    font-family: "Spline Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    padding: 3px 10px;
    background-color: #ef5d5d;
    display: inline-block;
    color: #ffffff;
    position: absolute;
    right: 0;
}


#Projetos_ui-ux,
#form-projetos{
    text-align: left;
}
#Projetos_ui-ux .form-text,
#form-projetos .form-text{
    font-family: "Spline Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    color: #2B2B2B;
}
#Projetos_ui-ux .curriculo-form-center,
#form-projetos .curriculo-form-center{
    margin: 0;
}
#Projetos_ui-ux .curriculo--inner input[type="submit"],
#form-projetos .curriculo--inner input[type="submit"]{
    background: #1247C7;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
#Projetos_ui-ux .wpcf7-response-output,
#form-projetos .wpcf7-response-output{
    margin: 0;
    padding: 10px 18px;
    line-height: 17px;
}
.wpcf7-form select,
#form-projetos select,
#Projetos_ui-ux select{
    background: url('assets/icones/icon-form-investimento.svg') no-repeat 17px 14px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: #82CAFE solid 1px;
    border-radius: 0;
    width: 100%;
    padding: 16px 15px 16px 46px;
    font-family: "Spline Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #525860;
}
span.wpcf7-form-control-wrap[data-name="quanto_investir"] {
    display: inline-block;
    width: 100%;
    position: relative;
}
span.wpcf7-form-control-wrap[data-name="quanto_investir"]:before {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border-color: #414551 transparent transparent transparent;
    border-style: solid;
    border-width: 6px;
    position: absolute;
    right: 15px;
    top: 27px;
    pointer-events: none;
}
.wpcf7-form .curriculo-form-footer.acceptance,
#form-projetos .curriculo-form-footer.acceptance,
#Projetos_ui-ux .curriculo-form-footer.acceptance{
    margin: -14px 0 0 0;
}
.wpcf7-form select,
.wpcf7-form textarea,
.wpcf7-form #upload-text,
.wpcf7-form [type="text"],
.wpcf7-form [type="email"],
.wpcf7-form [type="tel"]{
    font-size: 14px;
}
.field-upload .wpcf7-form-control-wrap{
    position: static;
}
.field-upload label{
    position: relative;
}