/**
 * Theme Name:     Superio Child
 * Author:         ApusTheme
 * Template:       superio
 * Text Domain:	   superio-child
 * Description:    Superio is a complete Job Board WordPress theme that allows you to create a useful and easy to use job listings website.
 */
.acf-field-message label {
    font-size: 24px;
}
.btn-apply-now{
	position: absolute;
    bottom: 50px;
    left: 152px;
    padding: 0 1.6rem !important;
    border-radius: 40px !important;
    height: 40px;
    display: flex !important;
    align-items: center;
}
.resume-form-wrapper {
    display: flex;
    gap: 10px;
}
.resume-form-wrapper .acf-input input:not(.ed_button),
.resume-form-wrapper .acf-input textarea,
.resume-form-wrapper .acf-input select {
    font-size: 14px;
    padding: 8px 20px 8px 16px !important;
    height: 44px;
    font-weight: 500;
    border-radius: 16px;
    border: 1px solid #e7e7f1;
    background: #fff;
    outline: none;
	color: #000;
}
.resume-form-wrapper .acf-input .acf-image-uploader input[type="file"]{
	max-width: 100%;
}
.resume-form-wrapper .acf-input input.ed_button {
    font-size: 14px;
    font-weight: 500;
    border-radius: 16px;
    border: 1px solid #e7e7f1;
    background: #fff;
    outline: none;
}
.resume-form-wrapper .acf-input textarea,
.resume-form-wrapper .acf-input input[type="radio"] {
    height: auto;
}
.resume-form-wrapper .acf-field .acf-label {
    margin-bottom: 6px;
}
.resume-form-wrapper .acf-field .acf-label label {
    display: block;
    padding: 0;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #121224;
}
.resume-form-wrapper .acf-field[data-width] + .acf-field[data-width],
.resume-form-wrapper .acf-fields > .acf-field {
    border: none;
}
.resume-form-wrapper .acf-fields > .acf-field {
    padding: 8px;   
}
body:has(.resume-form-wrapper) {
    background: #f8f9fa;
}
.resume-form-wrapper .acf-field.acf-field-message .acf-label label {
    color: #121224;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
}
.resume-form-wrapper .acf-image-uploader .image-wrap img {
    width: 54px;
    height: 54px;
}
.resume-form-wrapper > .acf-form,
.resume-form-wrapper > .pdf-container-wrap {
    width: 50%;
}
.resume-form-wrapper .acf-field.acf-field-message p {
    margin-bottom: 8px
}
.resume-form-wrapper [data-name="type"] .acf-radio-list {
    display: flex;
    align-items: center;
    gap: 20px;
}
.resume-form-wrapper [data-name="type"] .acf-radio-list input {
    margin-right: 8px;
    
}
.resume-form-wrapper [data-name="type"] .acf-radio-list label {
    font-weight: 600;
    font-size: 15px;
    color: #121224;
}
.resume-form-wrapper .acf-radio-list li::before,
.resume-form-wrapper .acf-radio-list::before {
    content: none;
}
body .container:has(.resume-form-wrapper) {
    max-width: 1400px;
}
.resume-form-wrapper .acf-button{
    background: #275df5;
    border-radius: 40px;
    font-size: 14px;
    text-transform: none;
    box-shadow: none !important;
    border: none;
    height: 40px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    transition: .2s ease-out;
    padding: 0 1.6rem;
    font-weight: 500;
    line-height: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.resume-form-wrapper .acf-button:hover,
.resume-form-wrapper .acf-button:focus  {
    background: #275df5;
    color: #fff;
}
[data-name="upload_photo"] .acf-image-uploader .image-wrap .acf-actions.-hover {
    right: -80px;
}
[data-name="upload_photo"] .acf-image-uploader:hover .image-wrap .acf-actions {
    display: block;
}
.resume-form-wrapper .acf-image-uploader .acf-actions.-hover .acf-icon {
    background: #275df5;
}
.resume-form-wrapper .acf-image-uploader .acf-actions.-hover .acf-icon:before {
    color: #fff;
}
.resume-form-wrapper .acf-image-uploader .acf-button {
    margin-top: 8px;
    max-width: 120px;
    padding: 10px 20px;
}
.resume-form-wrapper .pdf-container .experience-description {
	margin-top: 2px;
}
.resume-form-wrapper .acf-input .tags-input-wrapper{
    padding: 8px 20px 8px 16px !important;
    border: 1px solid #e7e7f1;
    background: #fff;
    border-radius: 16px;
    font-weight: 500;
    display: flex;
    max-height: 240px;
    overflow-y: auto;
    flex-wrap: wrap;
}
.resume-form-wrapper .tag-wrapper {
    margin-right: 10px;
    padding-bottom: 15px;
    animation-name: animateIn;
    animation-duration: .35s;
    animation-delay: .1s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out
}
.resume-form-wrapper .acf-input .tags-input-wrapper .tag{
    display: inline-block;
    height: 32px;
    border-radius: 50px;
    border: 1px solid #121224;
    background-color: #e7e7f1;
    font-weight: 600;
    font-size: 14px;
    color: #121224;
    padding: 7px 12px;
    line-height: 18px;
}
.resume-form-wrapper .acf-input .tags-input-wrapper .tag a {
    margin: 0 7px 3px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: #121224;
    font-size: 16px;
    position: relative;
    top: -2px;
}
.resume-form-wrapper .tag-name {
    position: relative;
    top: -3.5px;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    cursor: default;
    line-height: 18px;
}
.resume-form-wrapper .acf-input .tags-input-wrapper input{
    border: none;
    border-radius: 0;
    background: transparent;
    outline: none;
    width: 140px;
    margin-left: 8px;
    height: unset;
    padding: unset !important;
    width: 100%;
}
.resume-form-wrapper .acf-repeater .acf-table .acf-fields.-left > .acf-field:before {
    content: none;
}
.resume-form-wrapper .acf-repeater .acf-table .acf-fields.-left > .acf-field label {
    position: relative;
    top: 10px;
}
.resume-form-wrapper .acf-accordion .acf-accordion-title:hover {
    background: #fff;
}
.resume-form-wrapper .acf-fields > .acf-field.acf-field-accordion {
    border-radius: 16px;
    margin: 15px 0;
    border: 1px solid #e7e7f1;
    cursor: pointer;
}
.resume-form-wrapper .acf-fields > .acf-field.acf-field-accordion label {
    cursor: pointer;
}
.resume-form-wrapper .acf-fields > .acf-field.acf-field-accordion[data-name="education"] {
    margin-top: 0;
}
.resume-form-wrapper .acf-fields > .acf-field.acf-field-accordion .acf-accordion-icon {
    display: none;
}
.resume-form-wrapper .acf-field.acf-accordion .acf-label.acf-accordion-title {
    padding: 0;
}
.resume-form-wrapper .acf-fields > .acf-field.acf-field-accordion .acf-accordion-title {
    margin-bottom: 20px;
    padding: 20px 20px 0;
    border-radius: 20px 20px 0 0;
}
.resume-form-wrapper .acf-fields > .acf-field.acf-field-accordion .acf-accordion-content .acf-fields {
    padding: 12px 20px 12px;
}
.resume-form-wrapper [data-name="template"] li label {
    display: none;
}
.resume-form-wrapper [data-name="template"] ul {
    display: flex;
    gap: 20px;
    align-items: center;
}
.resume-form-wrapper .front .pdf-container p {
    font-size: 14px;
    line-height: normal;
}
.resume-form-wrapper .front .pdf-container .job-title {
	line-height: normal;
}
.resume-form-wrapper [data-name="template"] li img {
	border: 2px solid transparent;
}
.resume-form-wrapper [data-name="template"] li.active img{
    border: 2px solid #121224;
}
.resume-form-wrapper .resume-download {
    text-align: center;
}
.resume-form-wrapper .download-resume:hover,
.apply-job:hover{
	color: #fff;
}
.apply-job {
    margin-left: 5px;
}
.resume-form-wrapper .download-resume,
.apply-job{
    background: #275df5;
    border-radius: 40px;
    font-size: 14px;
    text-transform: none;
    box-shadow: none !important;
    border: none;
    text-decoration: none;
    color: #fff;
    text-align: center;
    transition: .2s ease-out;
    font-weight: 500;
    line-height: 22px;
    cursor: pointer;
    padding: 10px 15px;
    display: inline-block;
	margin-top: 15px;
}
.resume-form-wrapper .front .experience-description {
    margin-top: 8px;
}
.resume-form-wrapper .front .experience-header {
	display: flex;
    align-items: flex-end;
}
.resume-form-wrapper .front .experience-duration {
	margin-bottom: 4px;
}
.resume-form-wrapper .front .job-title-employer {
	width: 67%;
}
.resume-form-wrapper .front .experience-duration {
	width: 33%;
}
.resume-form-wrapper .front .school .title-wrapper {
    display: flex;
}
.resume-form-wrapper .front .template-5 .school .duration {
	line-height: 18px;
}
.resume-form-wrapper .front .template-3 .contact-wrapper li {
	margin-bottom: 5px;
}
.skill-percents,
.page-template-page-dashboard .before-group-row:has(.cmb2-id--candidate-education),
.page-template-page-dashboard .before-group-row:has(.cmb2-id--candidate-experience),
.page-template-page-dashboard .before-group-row:has(.cmb2-id--candidate-portfolio-photos),
.page-template-page-dashboard .before-group-row:has(.cmb2-id--candidate-award){
	display: none;
}
.resume-form-wrapper .acf-input input[type="checkbox"] {
	height: unset;
}
.pdf-container-wrap.front .template-4 .resume-sidebar,
.pdf-container-wrap.front .template-4 .main-content{
	height: auto !important;
}
.pdf-container-wrap.front .template-4 .contact-wrapper li {
	line-height: 20px;
}
.pdf-container-wrap.front .template-4 .applicant-name {
	line-height: 20px;
}
.front .pdf-container.template-3 .resume-name {
	line-height: 26px;
}
@keyframes animateIn {
    0% {
        opacity: 0;
        transform: scale(.6) translateY(-8px)
    }

    to {
        opacity: 1
    }
}
/* Media Query Start */
@media only screen and (max-width: 767px) {
	.resume-form-wrapper > .acf-form, 
	.resume-form-wrapper > .pdf-container-wrap {
		width: 100%;
	}
	.resume-form-wrapper {
		flex-wrap: wrap;
	}
	.pdf-container-wrap.front .language-table tr > .language-container.first-language {
		padding-right: 0;
	}

	.pdf-container-wrap.front .language-table tr > .language-container .language-name {
		width: unset;
	}
	
	.pdf-container-wrap.front .language-table tr > .language-container .resume-progress-bar {
		display: block;
	}
	.resume-form-wrapper .acf-repeater .acf-fields.-left>.acf-field {
		padding: 10px 0;
	}
}
@media only screen and (max-width: 576px) {
	.resume-form-wrapper .acf-accordion-content .acf-fields > .acf-field,
	.resume-form-wrapper .acf-fields > .acf-field[data-name="upload_photo"],
	.resume-form-wrapper .acf-fields > .acf-field[data-name="first_name"],
	.resume-form-wrapper .acf-fields > .acf-field[data-name="last_name"],
	.resume-form-wrapper .acf-fields > .acf-field[data-name="email_address"],
	.resume-form-wrapper .acf-fields > .acf-field[data-name="phone"],
	.resume-form-wrapper .acf-fields > .acf-field[data-name="job_title"],
	.resume-form-wrapper .acf-fields > .acf-field[data-name="address"],
	.resume-form-wrapper .acf-fields > .acf-field[data-name="current_city"],
	.resume-form-wrapper .acf-fields > .acf-field[data-name="country"]{
		width: 100% !important;
        min-height: unset !important;
	}
	.resume-form-wrapper .acf-fields > .acf-field {
		padding: 8px 4px;
	}
	.resume-form-wrapper .acf-repeater .acf-fields.-left>.acf-field {
		padding: 5px 0;
	}
	.pdf-container-wrap.front .pdf-container {
		padding: 8px 0;
	}
	.resume-form-wrapper [data-name="template"] ul {
		flex-wrap: wrap;
	}
	.resume-form-wrapper [data-name="template"] ul li {
		width: calc(33% - 20px);
	}
	.pdf-container-wrap.front .template-3 .resume-sidebar,
	.pdf-container-wrap.front .template-3 .main-content,
	.pdf-container-wrap.front .template-4 .resume-sidebar,
	.pdf-container-wrap.front .template-4 .main-content{
		padding: 10px;
	}
	
	.pdf-container-wrap.front .template-3 .sidebar-section-title {
		margin: 0 -10px 10px;
		padding: 8px 10px;
        font-size: 16px;
	}
	.pdf-container-wrap.front .template-3 .name {
		font-size: 22px;
	}
	.pdf-container-wrap.front .template-3 .language-table tr td,
	.pdf-container-wrap.front .template-4 .language-table tr td{
		padding: 2px 2px 5px !important;
	}
	.pdf-container-wrap.front .template-3 .language-table tr td .language-name,
	.pdf-container-wrap.front .template-4 .language-table tr td .language-name{
		line-height: normal;
	}
	.pdf-container-wrap.front .template-4 .applicant-name {
		position: relative;
		top: 0px;
		margin: 0 0 0 5px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: calc(100% - 55px);
		line-height: normal;
		vertical-align: middle;
		font-size: 22px;
	}
	.pdf-container-wrap.front .template-4 .profile-image {
		width: 50px;
        height: 50px;
	}
}