/*
Theme Name: WorkScout Child
Theme URI: http://workscout.in/
Template: workscout
Author: Purethemes
Author URI: http://purethemes.net/
Description: WordPress Job Board Theme
Tags: post-formats,theme-options,translation-ready,two-columns
Version: 2.2.1.1638288908
Updated: 2021-11-30 16:15:08

*/

.testimonial-carousel .slick-slide {
	opacity: 1;
}

.login-register-buttons a {
	color: #fff;
}

.resume-titlebar {
	display: flex;
    gap: 20px;
}

#titlebar span.icons a, #titlebar .skills span {
    text-transform: capitalize;
}

.resume-social-icons svg {
	width: 18px;
	height: 18px;
	margin-bottom: -3px;
}

.resume-send-icon {
	padding-right: 5px;
}

.resume-send-icon svg {
	width: 16px;
	height: 16px;
	margin-bottom: -3px;
}

i.resume-social-icons {
    margin-right: 5px;
}

.single-resume .send-message-to-owner {
    padding: 12px 16px !important;
}

/* CSS for Candidate Resume */
.resume_description {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.resume_description > div:not(.candidate-video) {
    background-color: #f8f8f8;
    padding: 20px;
}

.candidate-video {
  	grid-column: span 2;
}

.candidate-video {
  	width: 100%;
}

.resume_description .jmfe-custom-field {
    padding-bottom: 30px;
}

.resume_description > p {
    grid-column: span 2;
}

.competency-bar {
    background: #ffffff;
    padding: 5px 0px;
    color: black;
    text-transform: capitalize;
    font-weight: 600;
    position: relative;
}

.competency-bar .bar {
    position: absolute;
    height: 5px;
    bottom: 0;
    background: #ed297d;
    left: 0;
}

.com-div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
	padding-bottom: 30px;
}

.competency-bar {
    box-sizing: border-box;
}

.skill {
    background-color: #f0f0f0;
    padding: 10px;
    margin-bottom: 0px;
}

.bar {
    background-color: #3498db;
    height: 20px;
}

.forminator-ui input {
    background: white !important;
    border-radius: 5px !important;
    font-size: 14px !important;
}

body.page-template-template-dashboard {
	overflow: normal !important;
}

@media screen and (max-width: 1024px) {
    .resume_description > .jmfe-custom-field-wrap {
		grid-column: span 2;
	}
}

@media screen and (max-width: 768px){
	.resume-titlebar {
		flex-direction: column;
	}
}