/*
Theme Name: Llicencia d'obres Ajuntament Masnou
Author: Luan Oliveira
Author URI: https://volcanicinternet.com
Description: A simple custom theme
Version: 1.0
*/
/* For Firefox */
input[type="number"] {
  -moz-appearance: textfield; /* Hides the spinner buttons */
}

/* Optional: Also hide in WebKit browsers (Chrome, Safari, Edge) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Optional: Hide on hover/focus in Firefox */
input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: number-input; /* Reverts to default on focus/hover */
}

body {
	font-family: 'Helvetica Neue',sans-serif;
	color:#525252;
	font-size:16px;
	line-height:1.125em;
}

* {
	box-sizing:border-box;
}

img {
	max-width:100%;
}

.page-content {
	border:1px solid #E5E5E5;
	border-radius:8px;
	padding:32px;
	max-width:800px;
	margin:32px auto;
	width:calc(100% - 20px);
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5 {
	margin-top:0;
	color:#262626;
}

.gform-body.gform_body {
	margin-top:0px;
}

.page-content h2 {
	font-size:20px;
	margin-bottom:8px;
}

.page-content p {
	margin-top:0;
}

.page-content :last-child {
	margin-bottom:0;
}

.gsection_title,
.page-content h3.gsection_title{
	color:#0090D4;
	font-size:18px;
	line-height:1.55;	
}

.gform_wrapper.gravity-theme .gsection {
	border-bottom:none;
	padding:0;
	margin-bottom:8px;
	margin-top:24px;
	border-top:1px solid #E5E5E5;
	padding-top:40px;
}

#field_4_8 {
	margin-top: 24px;
	border-top:none;
	padding-top:0px;
}

.page-content .gform_wrapper.gravity-theme .gfield_label{
	color:#171717;
	margin-bottom:8px;
	font-size:15px;
	line-height:1.125;
	font-weight:500;
}

.page-content .gfield_description a {
	color:#262626;
}

.page-content .gfield_description a:hover {
	color:#0090D4;
}

.gform_wrapper.gravity-theme .description,
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .instruction {
	padding:0;
	font-size:14px;
	line-height:1.285
}


.gform_wrapper.gravity-theme .gsection_description {
	padding:0;
	font-size:16px;
	line-height: 1.4;
	margin-bottom:0!important;
	margin-top:12px;
}

.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 9px;
	border-radius:4px;
	border: 1px solid #E5E5E5;
	transition:all ease .4s;
}

.gform_wrapper.gravity-theme input[type=color]:focus,
.gform_wrapper.gravity-theme input[type=date]:focus
.gform_wrapper.gravity-theme input[type=datetime-local]:focus,
.gform_wrapper.gravity-theme input[type=datetime]:focus,
.gform_wrapper.gravity-theme input[type=email]:focus,
.gform_wrapper.gravity-theme input[type=month]:focus,
.gform_wrapper.gravity-theme input[type=number]:focus,
.gform_wrapper.gravity-theme input[type=password]:focus,
.gform_wrapper.gravity-theme input[type=search]:focus,
.gform_wrapper.gravity-theme input[type=tel]:focus,
.gform_wrapper.gravity-theme input[type=text]:focus,
.gform_wrapper.gravity-theme input[type=time]:focus,
.gform_wrapper.gravity-theme input[type=url]:focus,
.gform_wrapper.gravity-theme input[type=week]:focus,
.gform_wrapper.gravity-theme select:focus,
.gform_wrapper.gravity-theme textarea:focus {
	border-color:#0090D4;
	transition:all ease .4s;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-single {
	background:#ffffff;
	box-shadow:none;
	border-radius:4px!important;
	font-size:14px!important;
	height:36.09px;
	border-radius:4px;
	border: 1px solid #E5E5E5;
}

.gform_wrapper.gravity-theme .chosen-container-active .chosen-single {
	border-radius: 4px 4px 0 0!important;
	background:#ffffff;
	box-shadow:none;
}
.gform_wrapper.gravity-theme .chosen-container-single .chosen-single span {
	padding:10px 9px 9px 9px;
	line-height:1;
}

.page-content .gform_required_legend {
	display:none;
}

.page-content .gform_wrapper.gravity-theme select {
	box-shadow: 0px 1px 2px 0px #1018280A;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
	background-image:url(assets/img/selector.png);
	background-repeat:no-repeat;
	background-position:calc(100% - 8px) 50%;
}


.page-content .gform_wrapper.gravity-theme input::placeholder,
.page-content .gform_wrapper.gravity-theme select::placeholder,
.page-content .gform_wrapper.gravity-theme textarea::placeholder {
	color:#A3A3A3
}

.page-content .gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 24px;
    grid-row-gap: 24pxpx;
}

.gfield_radio {
	display:flex;
	gap:24px;
	margin-top:4px;
}

.gfield--type-checkbox {
	margin-bottom:8px!important
}

.gfield_radio .gchoice,
.gfield_checkbox .gform-field-label,
.gform_confirmation_message ul label {
    position: relative
}

.gfield_radio .gchoice .gform-field-label:before,
.gfield_checkbox .gchoice .gform-field-label:before,
.gform_confirmation_message ul label:before{
    position: absolute;
    top: 00px;
    left: 0px;
    height: 18px;
    width: 18px;
    background-color: #ffffff;
    border: 1px solid #D4D4D4;
    content: "";
	border-radius:50px;
}

.gfield_checkbox .gchoice .gform-field-label:before,
.gform_confirmation_message ul label:before{
	border-radius:4px;
	top: -1px;
}


.gfield_radio  .gform-field-label,
.gfield_checkbox  .gform-field-label,
.gform_confirmation_message ul label{
    padding-left:30px
}

.page-content  .gfield_radio  .gfield-choice-input,
.page-content  .gfield_checkbox  .gfield-choice-input,
.gform_confirmation_message ul input{
    display: none
}

.gfield_radio  .gfield-choice-input:checked + .gform-field-label:before,
.gfield_checkbox   .gfield-choice-input:checked + .gform-field-label:before,
.gform_confirmation_message ul input:checked + label:before{
    border-color: #0090D4
}

.gfield_radio  .gfield-choice-input:checked + .gform-field-label:after{
    position: absolute;
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
	border-radius:50px;
    background-color:#0090D4;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    z-index: 3
}

.gfield_checkbox  .gfield-choice-input:checked + .gform-field-label:after,
.gform_confirmation_message ul input:checked + label:after{
    position: absolute;
    left: 6px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #0090D4;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    z-index: 3	
}

.gfield_checkbox .gform-field-label {
	font-size:14px!important;
	font-weight:500;
	color:#171717
	
}


.gform_wrapper.gravity-theme .gform_footer button,
.gform_wrapper.gravity-theme .gform_footer input,
.gform_wrapper.gravity-theme .gform_page_footer button,
.gform_wrapper.gravity-theme .gform_page_footer input,
.gform_confirmation_message .btn-form{
    margin-bottom: 8px;
	background-color:#0090D4;
	border:1px solid #0090D4;
	border-radius:8px;
	color:#ffffff;
	padding:15px 48px 14px 20px;
	font-size:16px;
	background-image:url(assets/img/right.png);
	background-repeat:no-repeat;
	background-position:calc(100% - 16px) 50%;
	cursor:pointer;
	transition:all ease .4s;
	text-decoration:none;
	white-space: wrap;
}

.gform_wrapper.gravity-theme .gform_footer button:hover,
.gform_wrapper.gravity-theme .gform_footer input:hover,
.gform_wrapper.gravity-theme .gform_page_footer button:hover,
.gform_wrapper.gravity-theme .gform_page_footer input:hover,
.gform_confirmation_message .btn-form:hover{
	background-position:calc(100% - 12px) 50%;
	transition:all ease .4s;
	background-color:#000;
	border:1px solid #000;
}

/*Dades de l'obra*/
#field_4_10 .gsection_title,
.gform_wrapper.gravity-theme .gsection_title{
	margin-bottom:12px
}

.gform_wrapper.gravity-theme h3.gsection_title:last-child {
    margin-bottom: 0;
}

.sum-fields-items {
	grid-column: span 12;
  -ms-grid-column-span: 12;
	border-bottom:1px solid #E5E5E5;
	padding-bottom:24px;
	margin-bottom:8px;
	display:flex;
	gap:16px;
	align-items:stretch;
}

.gform_wrapper.gravity-theme .sum-field-text {
	padding:12px 24px 0 0;
	font-size:14px;
	width: calc(100% - 116px)
}

.gform_wrapper.gravity-theme .sum-fields-items .sum-field-unitat,
.gform_wrapper.gravity-theme .sum-fields-items .sum-field-import {
	text-align:right;
	max-width: 100px;
}

#field_4_23, #field_5_23, #field_6_23,
.calcul-field {
	display:flex;
	justify-content:space-between;
}

#field_4_23, #field_5_23, #field_6_23,
.calcul-field.calcul-field-bg {
	padding: 24px;
    background-color: #F4F4F4;
    border-radius: 8px;
}

#field_4_56,
#field_4_58,
#field_4_59,
#field_5_56,
#field_5_58,
#field_5_59,
#field_6_56,
#field_6_58,
#field_6_59 {
	display:flex;
	justify-content:space-between;
	margin-bottom:16px;
	gap: 12px;
}

#field_4_59, #field_5_59 {
	margin-bottom:0;
}

.page-content .gform_wrapper.gravity-theme .calcul-field .gfield_label {
	margin:0;
	line-height:1;
	align-self:center;	
}

.page-content .gform_wrapper.gravity-theme #field_4_23 .gfield_label,
.page-content .gform_wrapper.gravity-theme #field_4_56 .gfield_label,
.page-content .gform_wrapper.gravity-theme #field_4_58 .gfield_label,
.page-content .gform_wrapper.gravity-theme #field_4_59 .gfield_label,
.page-content .gform_wrapper.gravity-theme #field_5_23 .gfield_label,
.page-content .gform_wrapper.gravity-theme #field_5_56 .gfield_label,
.page-content .gform_wrapper.gravity-theme #field_5_58 .gfield_label,
.page-content .gform_wrapper.gravity-theme #field_5_59 .gfield_label,
.page-content .gform_wrapper.gravity-theme #field_6_23 .gfield_label,
.page-content .gform_wrapper.gravity-theme #field_6_56 .gfield_label,
.page-content .gform_wrapper.gravity-theme #field_6_58 .gfield_label,
.page-content .gform_wrapper.gravity-theme #field_6_59 .gfield_label,
.page-content .gform_wrapper.gravity-theme .calcul-field.calcul-field-bg .gfield_label{
	margin:0;
	line-height:1;
	align-self:center;
	color:#737373;
}

.page-content .gform_wrapper.gravity-theme .calcul-field .ginput_container input {
	min-width:100px;
	max-width:120px;
}

.page-content .gform_wrapper.gravity-theme #field_4_23 .ginput_container input,
.page-content .gform_wrapper.gravity-theme #field_4_56 .ginput_container input,
.page-content .gform_wrapper.gravity-theme #field_4_58 .ginput_container input,
.page-content .gform_wrapper.gravity-theme #field_4_59 .ginput_container input,
.page-content .gform_wrapper.gravity-theme #field_5_23 .ginput_container input,
.page-content .gform_wrapper.gravity-theme #field_5_56 .ginput_container input,
.page-content .gform_wrapper.gravity-theme #field_5_58 .ginput_container input,
.page-content .gform_wrapper.gravity-theme #field_5_59 .ginput_container input,
.page-content .gform_wrapper.gravity-theme #field_6_23 .ginput_container input,
.page-content .gform_wrapper.gravity-theme #field_6_56 .ginput_container input,
.page-content .gform_wrapper.gravity-theme #field_6_58 .ginput_container input,
.page-content .gform_wrapper.gravity-theme #field_6_59 .ginput_container input,
.page-content .gform_wrapper.gravity-theme .calcul-field.calcul-field-bg .ginput_container input{
	background-color:#ffffff;
	max-width:120px;
	min-width:120px;
}

.gform_wrapper.gravity-theme #field_4_24.gsection ,
.gform_wrapper.gravity-theme #field_5_24.gsection,
.gform_wrapper.gravity-theme #field_6_24.gsection {
    border-bottom: none;
    padding: 0;
    margin-bottom: 8px;
    margin-top: 16px;
    border-top: none;
    padding-top: 0px;
}

/*Condicions*/

#field_4_61, #field_5_61, #field_6_61  {
	border:none;
	padding-top:0;
}

#gfield_description_4_61, #gfield_description_5_61, #gfield_description_6_61 {
	font-size:12px;
	line-height:1.5;
}

#field_4_61 .gsection_title,
#field_5_61 .gsection_title,
#field_6_61 .gsection_title {
	margin-bottom:12px
}


@media only screen and (max-width: 641px) {
    .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1;
        min-height: 1!important
    }
}
/*Notices*/

.notices-group {
    grid-column: span 12;
    -ms-grid-column-span: 12;
	padding:24px;
	background-color:#F4F4F4;
	border-radius:8px;
}

.notices-group .gsection_title, .page-content .notices-group h3.gsection_title {
    color: #737373;
	margin-bottom:12px;
}

.gform_wrapper.gravity-theme .notices-group .gsection {
    border-bottom: none;
    padding: 0;
    margin-bottom: 0px;
    margin-top: 0px;
    border-top: none;
    padding-top: 0px;
	color:#737373;
}

.field_description_below .gfield_description {
	margin-top:8px;
	font-size:13px;
}

.notices-group .gfield--type-html {
	color:#737373;
	font-size:14px;
	margin-bottom:8px;
}

/*MOBILE*/

@media (max-width:580px) {

	.page-content {
		padding: 32px 24px;
	}

	.sum-fields-items {
		flex-wrap:wrap;
		gap:10px;
	}
	
	.gform_wrapper.gravity-theme .sum-field-text {
		padding:0;
		font-size:14px;
		width: 100%
	}
	
	.gform_wrapper.gravity-theme .sum-fields-items .sum-field-unitat,
	.gform_wrapper.gravity-theme .sum-fields-items .sum-field-import {
		text-align:left;
		max-width: 110px;
	}
}


/*Confirmation*/

.gform_confirmation_message ul{
	list-style:none;
	padding:0;
	margin:0;
}

.gform_confirmation_message ul label,
.gform_confirmation_message ul label a{
	color:red;
	font-weight:bold;
}

.gform_confirmation_message ul input:checked + label,
.gform_confirmation_message ul input:checked + label a{
	color:#171717;;
	font-weight:regular;
}

.gfield_validation_message {
    padding: 4px !important;
    font-size: 12px !important;
}
.gform_confirmation_message a {
	text-decoration:underline;
	color:#171717;
}

.gform_confirmation_message br {
	display:none;
}

.gform_confirmation_message h3 {
	color:#0090D4;
	font-size:18px;
	line-height:1.55;
	margin-top:40px;
	margin-bottom:24px;
}

.gform_confirmation_message hr {
	margin-top:40px;
	border-color:#E5E5E5;
	color:#E5E5E5;
}

.gform_confirmation_message ul li {
	margin-bottom:16px;
	display:flex;
	color:#171717;
	font-weight:500;
}

.gform_confirmation_message ul li:last-child {
	margin-bottom:0;
}

.gform_confirmation_message .btn-form {
	margin-top:12px;
	display:flex;
	width:fit-content;
}
.hide-me {display:none;}

#field_1_18 {
	margin-bottom:16px;
}

/*Measure*/
.fieldm2 .ginput_container_number,
.fieldut .ginput_container_number,
.fieldml .ginput_container_number,
.fieldkw .ginput_container_number{
	position: relative;
}

.fieldm2 .ginput_container_number input,
.fieldut .ginput_container_number input,
.fieldml .ginput_container_number input,
.fieldkw .ginput_container_number input{
	padding-right:24px!important;;
}

.fieldm2 .ginput_container_number:after,
.fieldut .ginput_container_number:after,
.fieldml .ginput_container_number:after,
.fieldkw .ginput_container_number:after{
	content:"m²";
	display: block;
	position:absolute;
	right:8px;
	top:50%;
	height:37px;
	color:#C2C2C2;
	font-size: 14px;
}

.fieldut .ginput_container_number:after{
	content:"ut";
}

.fieldml .ginput_container_number:after{
	content:"ml";
}

.fieldkw .ginput_container_number:after{
	content:"Kw";
}

.page-content .gform_wrapper.gravity-theme .sum-field-unitat {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	position:relative;
}
.page-content .gform_wrapper.gravity-theme .sum-field-unitat label.gfield_label {
	width:fit-content;
	max-width:100px;
	font-weight:500;
	font-size:14px;
	margin:0;
	position:absolute;
	top:0;
	right:0;
}

.page-content .gform_wrapper.gravity-theme .sum-field-unitat .gfield_description {
	width:calc(100% - 100px);
	padding-right:20px;
	font-family: 'Helvetica Neue',sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin:0;
	order:-1;
}

.page-content .gform_wrapper.gravity-theme .sum-field-unitat .ginput_container input {
	width:100px;
	min-width:100px;
	margin:24px 0 0 0;
}

@media (max-width:767px) {
	
	.page-content .gform_wrapper.gravity-theme .sum-field-unitat .gfield_description{
		width:100%;
		padding-right:0;
		margin-bottom:8px;
	}
	.page-content .gform_wrapper.gravity-theme .sum-field-unitat label.gfield_label{
		width:100%;
		max-width:100%;
		position:static;
	}
	.page-content .gform_wrapper.gravity-theme .sum-field-unitat .ginput_container {
		order:2;
	}	
	
	.page-content .gform_wrapper.gravity-theme .sum-field-unitat .ginput_container input {
		margin-top:0;
	}
	
	.fieldm2 .ginput_container_number:after,
	.fieldut .ginput_container_number:after,
	.fieldml .ginput_container_number:after,
	.fieldkw .ginput_container_number:after {
		top:calc(50% - 8px);
	}
}