/**
Theme Name: Lindesbergs VVS/EL AB
Author: Daboon AB
Author URI: https://daboon.se
Description: Temat Lindesbergs VVS/EL AB är ett tema baserat på Astra, ett av de absolut mest kompetenta och välutvecklade teman som finns.
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: lindesbergs-vvs-el-ab
Template: astra
*/
#masthead:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: linear-gradient(180deg,
            rgba(0, 0, 0, .5) 0%,
            rgba(0, 0, 0, .2) 60%,
            rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(180deg,
            rgba(0, 0, 0, 1) 0%,
            rgba(0, 0, 0, 1) 50%,
            rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(180deg,
            rgba(0, 0, 0, 1) 0%,
            rgba(0, 0, 0, 1) 50%,
            rgba(0, 0, 0, 0) 100%);
    backdrop-filter: blur(20px);
    z-index: -1;
}

.site-logo-img img.custom-logo {
    filter:
        drop-shadow(0 0 25px rgba(0, 0, 0, .5)) drop-shadow(0 0 4px rgba(0, 0, 0, .5));
}

.ast-above-header-wrap {
    background-color: rgba(0, 0, 0, .3);
}

.acf-fields>.acf-field {
    padding: 0 0 10px !important;
    border: none !important
}

.acf-field input[type=text],
.acf-field input[type=password],
.acf-field input[type=date],
.acf-field input[type=datetime],
.acf-field input[type=datetime-local],
.acf-field input[type=email],
.acf-field input[type=month],
.acf-field input[type=number],
.acf-field input[type=search],
.acf-field input[type=tel],
.acf-field input[type=time],
.acf-field input[type=url],
.acf-field input[type=week],
.acf-field textarea,
.acf-field select {
    padding: 8px !important;
    font-size: 16px !important;
    border-radius: 3px !important;
}

.quickform{
	display:flex;
	flex-wrap:wrap;
	position:relative;
}


.quickform .acf-form-fields{
	display:flex;
	gap: 20px;
	flex-shrink:1;
	flex-grow:1;
	flex-wrap:wrap;
	width: calc(100% - 150px);
	min-width: 280px;
	margin-bottom:20px;
}
.quickform .acf-form-fields>div{
	flex-grow:1;
	flex-shrink:1;
	width: 40%;
	min-width:150px;
}

.quickform .acf-form-fields .acf-label{
	display:none;
}
.quickform .acf-form-fields .acf-field{
	margin:0;

}
.quickform .acf-form-fields .qf-name input[type="text"],
.quickform .acf-form-fields .qf-phone input[type="text"]{
	padding: 12px !important;
}

.quickform .acf-input .acf-notice{
	position:absolute;
	z-index: 100; top:100%;
	width:100%;
	margin-top: -8px;
	border-radius: 3px;
	padding:0;
	border-top-left-radius:0;
	border-top-right-radius:0;
	border:solid 1px #dcc;
}
.quickform .acf-input .acf-notice>p{
	padding: 2px 5px;
	font-size: 11px;
	margin:0;
}
.quickform .acf-form-submit{
	margin-left:auto;
	width: 130px;
	position:relative;
}
.quickform .acf-form-submit .acf-spinner{
	position:absolute;
	left: 5px; top: 14px;
	mix-blend-mode:multiply;
}
.quickform .acf-form-submit .acf-button.button-primary{
	width:100%;
}

#serviceForm .acf-fields.-border{
	border:none !important;
	background:transparent !important;
}
#serviceForm .acf-fields.acfe-column-wrapper{
	background: transparent !important;
}
#serviceForm .acf-fields .acf-label+.acf-input{
	max-width: calc(100% - 10px) !important;
}
#serviceForm .acf-table .acf-row td.acf-fields{
	padding-left: 10px !important;
}
#serviceForm .acf-repeater .acf-row-handle.remove,
#serviceForm .acf-repeater .acf-row-handle.order{
	background:transparent !important;
}

#serviceForm .acf-field-repeater>.acf-input>.acf-repeater>.acfe-repeater-stylised-button{
	padding: 0 !important;
	border:none !important;
}
#serviceForm .acf-button.acf-repeater-add-row.button{
	display:block !important;
}
#serviceForm .acf-field.acf-field-message .acf-label{margin:0 !important;}
#serviceForm .acf-fields.acfe-column-wrapper>.acf-field.acf-field-acfe-column[data-endpoint="1"]{padding:0 !important;}
#serviceForm .acf-fields h3.acf-price{
	font-weight:bold;
	color: #c00;
	margin-bottom:0;
	padding-top:6px;
}
#serviceForm .acf-form-submit{
    display: flex !important;
    align-content: space-around !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
		padding-right:10px !important;
		padding-top:20px;
}
#serviceForm .acf-button.acf-repeater-add-row.button{
	background-color: transparent !important;
	border: solid 1px var(--ast-global-color-0) !important;
	color: var(--ast-global-color-0) !important
}
#serviceForm.acfe-form.is-invalid[data-errors-position=below] .acf-field .acf-notice{
	margin-top: -5px !important;
	padding:0 !important;
	border:none !important;
	background:transparent !important;
}