/*** questo è il css per caricare le web fonts della comunicazione 2p2, ovvero la font Futura PT ***/

@import url("https://use.typekit.net/okc2ngl.css");

$bianco: #fff;
$celeste: #2b94d1;
$giallo: #fcc73d;
$grigio: #515151;
$nero: #000000;

.body {
	font-family: 'futura-pt', sans-serif;
	font-style: normal;
	font-weight: 400;
	padding-top: 45px;
    margin:0px;
	background: url('../../../../assets/img/cover-login.jpg') no-repeat;
	background-size: cover;
	background-position: top center;
	color: $grigio;
    font-size: 24px;
    height: 100%;
    width: 100%;
    position: fixed;
}

.css-class-login-inner-scroll {
    background-color: transparent!important;
    --background: transparent!important; 
}

.body > * {
    background-color: transparent!important;
    --ion-background-color: transparent!important; 
}

ion-button, ion-input {
	--ion-font-family: 'futura-pt', sans-serif;
}

ion-item {
    --border-color: rgb(255, 255, 255);
}

strong {
	font-style: normal;
	font-weight: 700;
}

ion-icon {
    margin: 20px 10px 0 0 !important;
    background-color: transparent;
}

.contenitore {
	//max-width: 320px;
	margin:auto;
	display:block;
	
	.logo-grande {
		width: 180px;
		margin: auto;
		display: block;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 50px;
	}	
	
	.form {
		ion-input[type=text], ion-input[type=password] {
			//width: 290px;
			border: 0px;
			color: $bianco;
			padding: 8px 0px 8px 30px;
			background-position: left center;
			background-size: 18px 18px;
			font-size: 22px;
			margin-top: 20px;
			//margin-bottom: 20px;
			outline: none;
		}
		::-webkit-input-placeholder {
			font-family: 'futura-pt', sans-serif;
		 	color: $bianco;
		}
		::-moz-placeholder {
			font-family: 'futura-pt', sans-serif;
			color: $bianco;
		}
		:-ms-input-placeholder {
			font-family: 'futura-pt', sans-serif;
			color: $bianco;
		}
		::placeholder {
			font-family: 'futura-pt', sans-serif;
			color: $bianco;
        }
		.ricordami {
			color: $bianco;
			text-transform: uppercase;
			font-size: 18px;
		}
		.accedi {
			ion-button {
				width: 100%;
				//padding: 8px 0px;
				text-align: center;
				background: $celeste;
				border: 1px solid $bianco;
				margin-top: 30px;
				text-transform: uppercase;
				font-weight: 700;
				color: #fff;
				font-size: 22px;
				margin-bottom: 15px;
			}
		}
		.forgot {
			text-align: center;
			a {
				color: $bianco;
				text-decoration: none;
				font-weight: 700;
				font-size: 16px;
			}
		}
	}
	
	.business-call {
		background: rgba(255, 255, 255, 0.33); 
		//width: 280px;
		padding: 20px;
		margin-top: 30px;
		text-align: center;
		color: $bianco;
		
		.non-account {
			font-size: 14px;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
		}
		.title-call {
			font-weight: 700;
			font-size: 24px;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
			
			.giallo {
				color: $giallo;
			}
		}
		.descr-call {
			color: $grigio;
			font-size: 18px;
			text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
		}
		.appuntamento {
			margin-top: 10px;
			
			a {
				background: $giallo;
				padding: 8px 5px;
				font-size: 15px;
				text-transform: uppercase;
				color: $grigio;
				font-weight: 700;
				text-decoration: none;
			}
		}
	}	
}