/**
Theme Name: BlueCollar-child
Author: Aspire 
Author URI: https://aspirecph.dk
Description: Child theme created for BlueCollar A/S
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bluecollar-child
Template: astra
*/

/* Application form */
.apply-form {
	max-width: 600px;
}

.apply-form label {
	font-weight: bold;
	padding-left: 20px;
	color: #999;
}

.apply-form input[type=text],
.apply-form input[type=number],
.apply-form input[type=email],
.apply-form input[type=file],
.apply-form select
{
	width: 100%;
	background-color: #F5F7FC !important;
	border-radius: 25px 25px 25px 25px !important;
	padding: 10px 0px 10px 15px !important;
	border-color: #fff !important;
	font-family: "Calibre Medium", Sans-serif;
	font-size: 1em !important;
	border-style: solid;
	border-width: 0px 0px 1px 0px !important;
	min-height: 47px !important;
	color: #ABB4BA !important;
}

.apply-form input[type=text]::placeholder,
.apply-form input[type=number]::placeholder,
.apply-form input[type=email]::placeholder
{
	color: #ABB4BA !important;
}


.apply-form .elementor-column {
	padding-right: calc( 15px/2 );
	padding-left: calc( 15px/2 );
	margin-bottom: 15px;	
	display: block;
}

.apply-form .elementor-field-group .elementor-select-wrapper:before {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	padding-right: 5px;
}

.apply-form .response-box {
	background-color: #0B45FF;
	padding: 15px;
	color: #fff;
	font-weight: bold;
}


/**
 * Modals ($modals)
 */

 /* 1. Ensure this sits above everything when visible */
 .simple-modal {
 	position: absolute;
 	z-index: 10000; /* 1 */
 	top: 0;
 	left: 0;
 	visibility: hidden;
 	width: 100%;
 	height: 100%;
 }

 .simple-modal.is-visible {
 	visibility: visible;
 }

 .simple-modal-overlay {
 	position: fixed;
 	z-index: 10;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: hsla(0, 0%, 0%, 0.5);
 	visibility: hidden;
 	opacity: 0;
 	transition: visibility 0s linear 0.3s, opacity 0.3s;
 }

 .simple-modal-close:hover {
 	color: #0045FF !important;
 }
 .simple-modal.is-visible .simple-modal-overlay {
 	opacity: 1;
 	visibility: visible;
 	transition-delay: 0s;
 }

 .simple-modal-wrapper {
 	position: absolute;
 	left: 50%;
 	-webkit-transform: translateX(-50%);
 	transform: translateX(-50%);
 	z-index: 9999;
 	top: 5em;
 	width: 80%;
 	background-color: #fff;
 	box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
 }

.simple-modal-body {
	max-height: 80vh;
    overflow: auto;
}


 @media only screen and (max-width: 600px) {
 	.simple-modal-wrapper {
 		top: 1em !important;
 		margin: 0 auto !important;
 		width: 95%;
 		background-color: #fff;
 	}

 	.simple-modal-body {
		max-height: 90vh;
	}

 }

 .simple-modal-transition {
 	transition: all 0.3s 0.12s;
 	transform: translateY(-10%);
 	opacity: 0;
 }

 .simple-modal.is-visible .simple-modal-transition {
 	transform: translateY(0);
 	opacity: 1;
 }

 .simple-modal-header {
 	position: relative;
 	display: block;
 	padding: 0px;
 }
 .simple-modal-content {
 	padding: 1em;
 }

 .simple-modal-header {
 	position: relative;
 	background-color: #fff;
 	box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
 	border-bottom: 1px solid #e8e8e8;
 }

.simple-modal-body .simple-modal-toggle {
	margin-top: 20px;
}

 .simple-modal-close {
 	position: absolute;
 	top: 0;
 	right: 0;
 	padding: 1em;
 	color: #aaa;
 	background: none !important;
 	border: 0 !important;
 	padding-right: 10px !important;
 }


 .simple-modal-close:hover {
 	color: #777;
 }

 .simple-modal-heading {
 	font-size: 1.125em;
 	margin: 0;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }

 .simple-modal-content > *:first-child {
 	margin-top: 0;
 }

 .simple-modal-content > *:last-child {
 	margin-bottom: 0;
 }