/**
Theme Name: salonswank
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: salonswank
Template: astra
*/
/*checkin form css start*/

/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,400;0,500;0,600;0,800;0,900;1,100;1,400;1,500;1,700;1,800;1,900&display=swap');*/

.holiday-sets-popup-section:before {
    background-image: url(images/Holiday_Sets_Popup_Logo.png) !important;
}
.check-in-form body{
	font-family: "proxima-nova",Montserrat;
}
.Check-In-form-section label{
	font-weight: 500;
	font-size: 18px;
	color: #b1bcbe;
	display: block;
}
.clearfix:before, .clearfix:after{ 
	content: ""; 
	display: table; 
}
.clearfix:after { 
	clear: both;
}
.clearfix { 
	*zoom: 1; 
}
.clr{
	clear: both;
}
.Check-In-heading h3{
	color: #000;
	text-align: center;
	font-size: 100px!important;
}
.Check-In-heading{
	padding-top: 100px;
	padding-bottom: 98px;
}
.Check-In-form-section{
	background-color: #F9F9FB;
	padding: 67px 100px;
}
.checkform-field{
	width: 49%;
}
.checkform-boder {
	border-bottom: 1px solid #E8EAEC;
}
.field-left {
	float: left;
}
.field-right {
	float: right;
}
.form-half-feild input, .form-half-feild select, .form-full-feild input {
    padding: 0 5px;
    border: none;
    width: 100%;
    color: #cecece;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    background-color: transparent;
    font-family: "proxima-nova",Montserrat;
    padding-bottom: 20px;
}
.form-half-feild{
	margin: 15px 0;
}
.checkform-field input:focus {
	outline: none;
	background-color: transparent;
}
.checkform-field input:focus::placeholder {
   color: transparent;
}
.checkform-field input[type="text"]:focus {
    background-color: transparent;
}
.checkform-field span{
	padding-left: 26px;
	display: inline-block;
	vertical-align: sub;
}
.check-in-name label{
	margin-bottom: 15px;
}
.checkform-field .form-half-feild input[type=text],
.checkform-field .form-full-feild input[type=text],
.checkform-field .form-half-feild select {
    color: #000 !important;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    /*padding-left: 22px;*/
}
.input[type=radio]{
	display: inline-block;
}
.form-radio-btn-input {
    display: inline-block;
}
.form-radio-btn input {
    width: 6%;
    display: inline-block;
}
.form-radio-btn label {
    display: inline-block;
}
.form-radio-btn-input {
    display: inline-block;
    vertical-align: top;
    width: 24%;
}
.form-radio-btn input {
    float: left;
    margin-top: 10px;
}
.form-radio-btn label {
/*    margin-left: 15px;*/
    padding-left: 10px;
    color: #000;
}
.submit-btn{
	text-align: center;
}
.radio-btn h6{
	font-family: "proxima-nova",Montserrat;
	font-weight: 800;
	color: #000;
    font-size: 20px;
    text-transform: capitalize;
}
.radio-btn-heading {
  	margin: 50px 0 0;
}
.form-radio-btn {
 	margin: 40px 0 20px 0;
}
.checking-btn{
	text-align: center;
    margin-top: 70px;
}
.check-formerror {
	color: red;
	font-size: 16px;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.alert {
    margin: 40px 0 0;
    padding: 10px 15px;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.reg-loader {
	position: fixed;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 999;
}
.reg-loader img {
	position: fixed;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	width: 64px;
	top: 50%;
	transform: translateY(-50%);
}
.response-msg {
    text-align: center;
}

#otherfield-about, #referral-about {
	display: none;
}

/*Responsive css*/

@media only screen and (max-width: 1199px) {
	.checkform-field span {
		padding-left: 0;
	}
	.form-radio-btn input {
		width: auto;
	}
	.form-radio-btn label {
	    margin-left: 0;
	}
} /*1024*/

@media only screen and (max-width: 979px) {
	.form-radio-btn-input {
	  width: 48%;
	}
    .Check-In-form-section {
        padding: 54px 25px;
    }
} /*768*/

@media only screen and (max-width: 767px) {
	.checkform-field {
	  float: none;
	  width: 100%;
	}
	.Check-In-heading {
	  padding: 35px 0;
	}
	.Check-In-heading h3 {
	  font-size: 50px!important;
	}
	.Check-In-form-section {
	  padding: 30px 50px;
	  margin-bottom: 40px;
	}
} /*650*/
@media only screen and (max-width: 649px) {
	.Check-In-form-section {
	  padding: 30px 25px;
	}
	.form-radio-btn-input {
	  width: 100%;
	}
}/*480*/

/*ready to join our team starts*/
.ready-to-join{
	font-family: "proxima-nova",Montserrat;
}
.ready-to-join-heading h3{
	color: #000;
	text-align: center;
	font-size: 82px!important;
	font-weight: 300!important;
	line-height: 96px!important;
}
.ready-to-join-heading{
	padding: 60px 0px;
}
.ready-to-join-heading p{
	text-align: center;
    font-size: 14px;
    color: #9c9fa2;
    line-height: 18px;
        font-weight: 600;
}
.Check-In-form-section input[type="radio"] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #707070;
    appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	position: relative;
	padding: 0;
}
.Check-In-form-section input[type="radio"]:checked{
	background-color: #47a5a9;
	border-color: #47a5a9;
}
.Check-In-form-section input[type="radio"]:before{
	position: absolute;
	content: '';
	width: 10px;
	height: 5px;
	border: 2px solid #ffffff;
	border-top: 0;
	border-right: 0;
	transform: rotate(-45deg) translateY(-50%);
	top: 46%;
	left: 5px;
	right: 0;
	margin: 0px auto;
	display: none;
}
.Check-In-form-section input[type="radio"]:checked:before{
	display: block;
}
.Check-In-form-section{
	background-color: #F9F9FB;
	padding: 67px 100px;
}
.checkform-field{
	width: 49%;
}
.form-full-feild{
	width: 100%;
}
.form-full-feild input {
    background-position: 3.5% center;
}
.Check-In-form-section .checkform-boder {
	border-bottom: 2px solid #E8EAEC;
	margin: 32px 0px 0px;
}
.field-left {
	float: left;
}
.field-right {
	float: right;
}
.form-half-feild input, .form-half-feild select {
    padding: 0 5px;
    border: none;
    width: 100%;
    color: #cecece;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    background-color: transparent;
    font-family: "proxima-nova",Montserrat;
    padding-bottom: 20px;
}
.form-half-feild{
	margin: 15px 0;
}
.checkform-field input:focus {
	outline: none;
	background-color: transparent;
}
.checkform-field input:focus::placeholder {
   color: transparent;
}
.checkform-field input[type="text"]:focus {
    background-color: transparent;
}
.checkform-field span{
	padding-left: 26px;
	display: inline-block;
	vertical-align: middle;
	margin-top: 9px;
}
.check-in-name label{
	margin-bottom: 15px;
}
.checkform-field .form-half-feild input[type=text] {
    color: #000 ;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}
.checkform-field .form-half-feild input#startDate {
    padding-left: 72px;
}
.checkform-field .form-half-feild input[type=text]::placeholder{
	color: #000000;
}
.Check-In-form-section .input[type=radio]{
	display: inline-block;
}
.Check-In-form-section .form-radio-btn-input, .Check-In-form-section .form-radio-btn input, 
.form-radio-btn label, .radio-btn-for-position label, .radio-btn-for-position-input{
    display: inline-block;
    vertical-align: top;
}
.Check-In-form-section .form-radio-btn input {
    margin-top: 0px;
}
.Check-In-form-section .form-radio-btn-input {
    width: auto;
}
.Check-In-form-section .form-radio-btn input {
    float: left;
}
.Check-In-form-section .radio-btn-for-position label, .Check-In-form-section .form-radio-btn label{
/*    margin-left: 33px;*/
    padding-left: 10px;
    color: #000;
    font-size: 18px;
    line-height: 20px;
    text-transform: capitalize;
    float: right;
}
.submit-btn{
	text-align: center;
}
.radio-btn h6{
	font-family: "proxima-nova",Montserrat;
	font-weight: 800;
	color: #000;
    font-size: 20px;
    text-transform: capitalize;
}
.radio-btn-heading {
  	margin: 50px 0 0;
}
.form-radio-btn {
 	margin: 25px 0 20px 0;
}
.checking-btn{
	text-align: center;
    margin-top: 70px;
}
.check-formerror {
	color: red;
	font-size: 16px;
	line-height: 18px;
	margin-top: 10px;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.alert {
    margin: 40px 0 0;
    padding: 10px 15px;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.reg-loader {
	position: fixed;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 999;
}
.reg-loader img {
	position: fixed;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	width: 64px;
	top: 50%;
	transform: translateY(-50%);
}
.response-msg {
    text-align: center;
}

#otherfield-about, #referral-about {
	display: none;
}
.radio-btn-for-position h6{
	font-family: "proxima-nova",Montserrat;
	font-weight: 800;
	color: #000;
    font-size: 20px;
    line-height: 36px;
    text-transform: capitalize;
}
.radio-btn-heading {
  	margin: 50px 0 0;
}
.radio-btn-for-position-input {
    display: inline-block;
}
.radio-btn-for-position label {
    display: inline-block;
}
.radio-btn-for-position-input {
    display: inline-block;
    vertical-align: top;
}
.radio-btn-for-position {
 	margin: 25px 0 20px 0;
}
.check-in-adress-message-form textarea{
	border: 0px ;
	resize: none;
	border-bottom: 1px solid #E8EAEC;
	line-height: 28px;
	display: block;
}
.check-in-adress-message-form{
	width: 100%;
}
.check-in-adress-message-form span{
	padding-left: 25px;
    display: inline-block;
    vertical-align: sub;
}
.check-in-adress-message-form textarea:focus{
	outline: none;
	background-color: #F9F9FB;
}
.cv-resume-section input{
	background-color: #47a5a9;
    padding: 19px 177px 18.5px 177px;
    
}
.cv-resume-section input{
	width: 89%;
    display: inline-block;
    vertical-align: top;
}
.cv-resume-section input: focus {
	outline: none;
	background-color: #47a5a9;
}
/*.cv-resume-section {
	width: 450px;
}*/
.privious{
	width: 50%;
}
.cv-resume-section-starts{
	width: 50%;
}
.checkform-field  input{
	background-color: #F9F9FB;
}
.radio-btn-for-position-input, .Check-In-form-section .form-radio-btn-input {
    margin:0px 0px 10px 60px;
}
.radio-btn-for-position-input:first-child {
    margin-left: 0;
}
.Check-In-form-section .form-radio-btn-input:first-child {
    margin-left: 0;
}
.radio-btn-for-position input {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.Check-In-form-section label {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #b1bcbe;
 	cursor: pointer;   
}
.check-in-adress-message-form span{
	margin-top: 18px;
}
.upload_cv_wr label{
	background-color: #47a5a9;
    padding: 14px;
    text-align: center;
    display: inline-block;
}
.upload_cv_wr label{
	font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
}
.cv-resume-section-inner p{
	font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #b1bcbe;
    margin-bottom: 19px;
}

.cv-resume-section-starts span{
    display: inline-block;
    vertical-align: middle;
}
.cv-resume-section-inner a{
	color: #fff;
	vertical-align: top;
	font-size: 14px;
    display: inline-block;
    margin-top: 5px;
}
.cv-resume-section-inner input{
	display: none;
	opacity: 0;
}
.contact-radio-btn-heading h6{
	font-family: "proxima-nova",Montserrat;
    font-weight: 800;
    color: #000;
    font-size: 20px;
    line-height: 22px;
    text-transform: capitalize;
}
.contact-radio input{
	display: inline-block;
    vertical-align: top;
    width: 29%;
}
.contact-radio input {
    float: left;
    margin-top: 10px;
}
.contact-radio label {
    margin-left: 15px;
    padding-left: 10px;
    color: #000;
}	
.radio-btn-heading p{
	font-weight: 500;
    font-size: 15px;
    line-height: 36px;
    color: #b1bcbe;
    margin-top: 10px;
}
.checkform-field p{
	font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #b1bcbe;
    margin-bottom: 5px;
}
.radio-btn-for-position h6{
	    width: 76%;
}
.checkform-field input::placeholder { / Chrome, Firefox, Opera, Safari 10.1+ /
  color: #000;
  opacity: 1; / Firefox /
}

.checkform-field input:-ms-input-placeholder { / Internet Explorer 10-11 /
  color: #000;
}

.checkform-field input::-ms-input-placeholder { / Microsoft Edge /
  color: #000;
}
.checkform-field textarea::placeholder { / Chrome, Firefox, Opera, Safari 10.1+ /
  color: #000;
  opacity: 1; / Firefox /
}

.checkform-field textarea:-ms-input-placeholder { / Internet Explorer 10-11 /
  color: #000;
}

.checkform-field textarea::-ms-input-placeholder { / Microsoft Edge /
  color: #000;
}
.checkform-field input::-webkit-input-placeholder { / WebKit, Blink, Edge /
    color:    #000;
}
.checkform-field input:-moz-placeholder { / Mozilla Firefox 4 to 18 /
   color:    #000;
   opacity:  1 !important;
}
.checkform-field input::-moz-placeholder { / Mozilla Firefox 19+ /
   color:    #000;
   opacity:  1 !important;
}
.checkform-field input:-ms-input-placeholder { / Internet Explorer 10-11 /
   color:    #000 !important;
}
.checkform-field input::-ms-input-placeholder { / Microsoft Edge /
   color:    #000 !important;
}

.checkform-field input::placeholder { / Most modern browsers support this now. /
   color:    #000 !important;
}
.checkform-field input[type=url], #Previous_Employment{
    font-size: 16px;
    line-height: 26px;
    padding-left: 26px;
    font-weight: 500;
}
.upload_cv_wr label {
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    background-image: url(https://kitmediadevelopment.com/salonswankstpete/wp-content/uploads/2022/04/Upload.svg);
    background-repeat: no-repeat;
    background-position: left 53%;
    display: inline-block;
    padding: 23px 0 22px 42px;
    vertical-align: middle;
}
.upload_cv_wr {
    display: inline-block;
  	width: 93%;
    background-color: #47a5a9;
    text-align: center;
    padding: 0 15px;
    margin-top: 20px;
}
.cv-resume-section-inner, .checkform-field #Previous_Employment{
	margin-bottom: 0px;
}
.checkform-field span.sissor-icon{
	margin-top: 20px;
}
.check-in-adress-phone-form .start_date{
	font-size: 21px;
	line-height: 24px;
	text-transform: uppercase;
	padding: 14px 0px 0px 72px;
	background: url('../salonswank/images/Calendar.svg') no-repeat 5% 100%;
	cursor: pointer;
}
.start_date::-webkit-inner-spin-button,
.start_date::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
#Previous_Employment {
    padding-right: 22px;
}
/*ready to join our team ends*/

.form-half-feild input, .form-half-feild textarea,.form-half-feild select {
    background-repeat: no-repeat;
    background-position: 8% center;
    padding: 23px 15px 23px 70px;
}
.form-half-feild input#firstname,.form-half-feild input#lastname {
    background-image: url('images/Icon_First_Name_Last_Name.svg');
}
.form-half-feild input#gender{
	background-image: url('images/Gender_Preference_Fill_Icon.svg');
}
.form-half-feild input#email {
    background-image: url('images/Icon_Email.svg');
    background-position: 3.5% center;
}
.form-half-feild input#birthday-datepicker{
    background-image: url('images/birthday-cake.svg');
}
.form-half-feild input#phone {
    background-image: url('images/Icon_Call.svg');
}
.form-half-feild input#street_address, .form-half-feild input#street-address {
    background-image: url('images/Icon_Location.svg');
}
.form-half-feild input#state {
    background-image: url('images/Your_State.svg');
}
.form-half-feild input#zipcode {
    background-image: url('images/Icon_Zip.svg');
}
.check-in-adress-message-form #about-your-education, .form-half-feild #should_hire  {
    background-image: url('images/Write.svg');
    height: 176px;
    background-position: 3% 16%;
}
.form-half-feild #Previous_Employment {
    background-image: url('images/Previous_Employment_Icon.svg');
    background-position: 4% 51%;
}
.form-half-feild #Previous_Employment {
    padding-left: 70px;
}
.form-half-feild #should_hire {
    height: 155px;
}
.form-half-feild select#street-address {
    background: url(images/Icon_Location.svg) 4% center no-repeat, url(images/select_arrow.svg) 98% center no-repeat;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
}
.form-half-feild select:focus-visible{
	outline: none;
}
#social_media_account {
    background-image: url('images/Social_Like.svg');
    padding-left: 70px;
}
.Check-In-form-section label {
    margin-bottom: 0px;
}
.page-template-template-checkin .form-half-feild input, .page-template-template-checkin .form-half-feild textarea{
	background-position: 4% center;
}
.elementor-menu-toggle{
	position: relative !important;
	z-index: 99 !important;
}

.Check-In-form-section .radio-btn .location-fields .form-radio-btn-input{
	display: block;
}
.Check-In-form-section .radio-btn .location-fields .form-radio-btn-input input,
.Check-In-form-section .radio-btn .location-fields .form-radio-btn-input label{
	float: unset;
}
.Check-In-form-section .radio-btn .location-fields .form-radio-btn-input{
	margin-left: 0px;
}