/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/*--------Stile della fascia di intestazione e titolo della pagina di scelta delle caratteristiche del preventivo e del form---------*/
.intestazione{background-color:#454545;width:100%;padding:2em 0 1em 0;text-align:center;margin-bottom:2em; margin-top: 3em;}
.titolo{font-size:1.5em;color:#f1cd74;}
.sottotitolo{font-size:1.3em;color:#fff;}

/*-------Stile del form------------------*/
form{text-align:center;}
#modulo{max-width: 600px; margin: 0 auto;}
#modulo2{max-width: 700px; margin: 0 auto;}
.pulsante{background-color:#ffc243;color:#454545;border-radius:0.5em;width:40%;margin-bottom:2em;padding: 1em;font-size:1.2em;border:none;}
.pulsante:hover{background-color:#0fa064;}
#name,#email,#telephone,#location{margin-top: 1em;width: 80%;border-radius:10px;}

#location{
	margin-bottom:1em
}

#ritorna {
    display: block;
    margin: 0px auto;
    width: 20%;
    padding: 0.5%;
    background-color: #272727;
    border: 2px solid #3a3a3a;
	margin-bottom:3em;
    border-radius:10px;
    text-align: center;
    font-size: 1em; 
    text-decoration: none;
    color: #fff; 
}

@media (max-width:600px){
	.pulsante{
		width:80%;
	}
	.sottotitolo{
		padding-left:1em;
		padding-right:1em;
	}
} 




#pulsante_form{
	//margin-top: 0 auto;
}



/*--------Stile Form per preventivo monopagina-----------*/

.titolo-monopagina {
	//background-color:#454545;
	color:#f1cd74;
	//padding:5px;
	//border-radius:10px;
}

#rad label {
	float:left;
	background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;       
}

#rad label span {
    text-align:center;
    font-size: 1em;
    padding:13px 0px;
    display:block;
    padding:0.5em;
}

#rad label input {
    position:absolute;
    top:-20px;
    visibility: hidden;
}

#rad input:checked + span {
    background-color:#f1cd74;
    //color:#f1cd74;
}

@media (min-width:600px){
	#rad label {
		height: 5em;
    }

	#rad label span {
		height: 5em;
	}
}

@media (max-width:760px){
	#rad label {
		width: 100%;
	}
}

.separatore{
	background-color:#454545;
	border-radius:10px;
	margin-bottom: 2em;
}




/*------- Fine stile monopagina ---------*/






/* ==== GRID SYSTEM ==== 

.container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.row {
  position: relative;
  width: 100%;
}

.row [class^="col"] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 96%;
}

.col-1-sm {
  width: 4.33%;
}

.col-2-sm {
  width: 12.66%;
}

.col-3-sm {
  width: 21%;
}

.col-4-sm {
  width: 29.33%;
}

.col-5-sm {
  width: 37.66%;
}

.col-6-sm {
  width: 46%;
}

.col-7-sm {
  width: 54.33%;
}

.col-8-sm {
  width: 62.66%;
}

.col-9-sm {
  width: 71%;
}

.col-10-sm {
  width: 79.33%;
}

.col-11-sm {
  width: 87.66%;
}

.col-12-sm {
  width: 96%;
}

.row::after {
	content: "";
	display: table;
	clear: both;
}

.hidden-sm {
  display: none;
}

@media only screen and (min-width: 33.75em) {  /* 540px 
  .container {
    width: 80%;
  }
}

@media only screen and (min-width: 45em) {  /* 720px 
  .col-1 {
    width: 4.33%;
  }

  .col-2 {
    width: 12.66%;
  }

  .col-3 {
    width: 21%;
  }

  .col-4 {
    width: 29.33%;
  }

  .col-5 {
    width: 37.66%;
  }

  .col-6 {
    width: 46%;
  }

  .col-7 {
    width: 54.33%;
  }

  .col-8 {
    width: 62.66%;
  }

  .col-9 {
    width: 71%;
  }

  .col-10 {
    width: 79.33%;
  }

  .col-11 {
    width: 87.66%;
  }

  .col-12 {
    width: 96%;
  }

  .hidden-sm {
    display: block;
  }
}

@media only screen and (min-width: 60em) { /* 960px 
  .container {
    width: 75%;
    max-width: 60rem;
  }
}

*/

/*--------------------------------------------------------------------

body{
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	color: #333;
	background-color: #eee;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 200;
}

h1{
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 2px solid #2fcc71;
	max-width: 40%;
	margin: 20px auto;
}

/* CONTAINERS 

.container {max-width: 850px; width: 100%; margin: 0 auto;}
.four { width: 32.26%; max-width: 32.26%;}


/* COLUMNS 

.col {
  display: block;
  float:left;
  margin: 1% 0 1% 1.6%;
}

.col:first-of-type { margin-left: 0; }

/* CLEARFIX 

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* FORM 

.form .plan input, .form .payment-plan input, .form .payment-type input{
	display: none;
}

.rad{
	position: relative;
	color: #454545;
	background-color: #aaa;
	font-size: 26px;
	text-align: center;
	height: 150px;
	line-height: 150px;
	display: block;
	cursor: pointer;
	border: 3px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form .plan input:checked + label, .form .payment-plan input:checked + label, .form .payment-type input:checked + label{
	border: 3px solid #333;
	border-radius: 10px;
	background-color: #f1cd74;
}

.form .plan input:checked + label:after, form .payment-plan input:checked + label:after, .form .payment-type input:checked + label:after{
	content: "\2713";
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	border: 2px solid #333;
	background-color: #2fcc71;
	z-index: 999;
	position: absolute;
	top: -10px;
	right: -10px;
}

.submit{
	padding: 15px 60px;
	display: inline-block;
	border: none;
	margin: 20px 0;
	background-color: #2fcc71;
	color: #fff;
	border: 2px solid #333;
	font-size: 18px;
	-webkit-transition: transform 0.3s ease-in-out;
	-o-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}

.submit:hover{
	cursor: pointer;
	transform: rotateX(360deg);
}
*/





body {
 // padding: 1rem;
  color: hsla(215, 5%, 50%, 1);
}
h1 {
  color: hsla(215, 5%, 10%, 1);
  margin-bottom: 2rem;
}

/*
section {
  display: flex;
  flex-flow: row wrap;
}
section > div {
  flex: 1;
  padding: 0.5rem;
}*/
input[type="radio"] {
  display: none;
  &:not(:disabled) ~ label {
    cursor: pointer;
  }
  &:disabled ~ label {
    color: hsla(150, 5%, 75%, 1);
    border-color: hsla(150, 5%, 75%, 1);
    box-shadow: none;
    cursor: not-allowed;
  }
}
.rad {
  height: 100%;
  font-size: 1.3em;
  display: block;
  background: white;
  border: 2px solid #454545;
  border-radius: 20px;
  //padding: 1rem;
  padding-top: 2em;
  margin-bottom: 1rem;
  //margin: 1rem;
  text-align: center;
  //box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
  position: relative;
}
input[type="radio"]:checked + label {
  background: #f1cd74;
  //color: hsla(215, 0%, 100%, 1);
  //box-shadow: 0px 0px 20px hsla(150, 100%, 50%, 0.75);
  &::after {
    color: hsla(215, 5%, 25%, 1);
    font-family: FontAwesome;
    border: 2px solid hsla(150, 75%, 45%, 1);
    content: "\f00c";
    font-size: 24px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background: white;
    box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);
  }
}

/*
input[type="radio"]#control_05:checked + label {
  background: red;
  border-color: red;
}
*/



/*p {
  font-weight: 400;
  font-size: 1.3em;
}*/


@media only screen and (max-width: 700px) {
  section {
    flex-direction: column;
  }
}