/* Violets */
/* Palette URL: http://paletton.com/#uid=14-0u0koUQedPW4jPT4udMEHPCp */
/* As hex codes */
.color-violet-0 { color: #9140E3 }	/* Main Primary color */
.color-violet-1 { color: #C192F2 }
.color-violet-2 { color: #A764EA }
.color-violet-3 { color: #7A1CDA }
.color-violet-4 { color: #6309BF }
.color-violet-bg-0 { background-color: #9140E3 }	/* Main Primary color */
.color-violet-bg-1 { background-color: #C192F2 }
.color-violet-bg-2 { background-color: #A764EA }
.color-violet-bg-3 { background-color: #7A1CDA }
.color-violet-bg-4 { background-color: #6309BF }
/* As RGBa codes */
.rgba-violet-0 { color: rgba(145, 64,227,1) }	/* Main Primary color */
.rgba-violet-1 { color: rgba(193,146,242,1) }
.rgba-violet-2 { color: rgba(167,100,234,1) }
.rgba-violet-3 { color: rgba(122, 28,218,1) }
.rgba-violet-4 { color: rgba( 99,  9,191,1) }
.rgba-violet-bg-0 { background-color: rgba(145, 64,227,1) }	/* Main Primary color */
.rgba-violet-bg-1 { background-color: rgba(193,146,242,1) }
.rgba-violet-bg-2 { background-color: rgba(167,100,234,1) }
.rgba-violet-bg-3 { background-color: rgba(122, 28,218,1) }
.rgba-violet-bg-4 { background-color: rgba( 99,  9,191,1) }

/* Oranges */
/* Palette URL: http://paletton.com/#uid=10k0u0koUQedPW4jPT4udMEHPCp */
/* As hex codes */
.color-orange-0 { color: #FF7E39 }	/* Main Primary color */
.color-orange-1 { color: #FFB791 }
.color-orange-2 { color: #FF9861 }
.color-orange-3 { color: #FF620E }
.color-orange-4 { color: #FF5900 }
.color-orange-bg-0 { background-color: #FF7E39 }	/* Main Primary color */
.color-orange-bg-1 { background-color: #FFB791 }
.color-orange-bg-2 { background-color: #FF9861 }
.color-orange-bg-3 { background-color: #FF620E }
.color-orange-bg-4 { background-color: #FF5900 }
/* As RGBa codes */
.rgba-orange-0 { color: rgba(255,126, 57,1) }	/* Main Primary color */
.rgba-orange-1 { color: rgba(255,183,145,1) }
.rgba-orange-2 { color: rgba(255,152, 97,1) }
.rgba-orange-3 { color: rgba(255, 98, 14,1) }
.rgba-orange-4 { color: rgba(255, 89,  0,1) }
.rgba-orange-bg-0 { background-color: rgba(255,126, 57,1) }	/* Main Primary color */
.rgba-orange-bg-1 { background-color: rgba(255,183,145,1) }
.rgba-orange-bg-2 { background-color: rgba(255,152, 97,1) }
.rgba-orange-bg-3 { background-color: rgba(255, 98, 14,1) }
.rgba-orange-bg-4 { background-color: rgba(255, 89,  0,1) }

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

html, body {
	font-family: 'Inter', Arial, sans;
	background: white;
	width: 100%;
	margin: 0;
	padding: 0;
}

#header {
	background: #005fff;
}
#header .container {
	max-width:  900px;
}
#header .title {
	height: 60px;
	font-weight: 1000;
	color:  white;
}
#header .title h1 {
	line-height: 80px;
	margin: 0;
	padding: 0;
}
#header .subtitle {
	height: 40px;
	line-height: 40px;
	font-size: 0.8em;
	color: #b4ceff;
	/*border-bottom: 5px solid #C192F2;*/
}
#header .title,
#header .subtitle {
/*	padding-right: 15px;
	padding-left: 15px;
*/}
#header .stripe {
	height: 44px;
}
.stripe-1 {
	background: #ad4c00;
}
.stripe-2 {
	background: #ea6600;
}
.stripe-3 {
	background: #ec8c00;
}

#wrapper {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
form#register{width:300px;height:50px;margin-left:52px;}
form#register label{display:block;color:#EC8C00;margin-bottom:10px;font-weight:bold;text-align:center;width:260px;}
form#register input#email {float:left;width:185px;border:1px solid #666666;}
form#register input.send {background:white;border:1px solid #666666;color:#EC8C00;margin-left:8px;}

.action-button {display:block;float:left;width:65px;}


#page {
	margin-left: 10px;
	margin-right: 10px;
	background: white;
	padding: 20px;
}

@media (min-width: 780px) {
	#page {
		width: 780px;
		margin-left: auto;
		margin-right: auto;
	}
}

.container.mosaic .row {
}

.container.mosaic .row .card {
	margin-top: 30px;
	border: 1px solid #DDD;
	position: relative;
	padding: 25px;
}

.container.mosaic .row .card > .description {
	position: relative;
	height: 140px;
	overflow: hidden;
	margin-top: 12px;
	margin-bottom: 20px;
	border-bottom: 1px solid #DDDDDD;
}
/*
.container.mosaic .row .card > .description::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 50%;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95));
}
*/
.container.mosaic .row .card h1 {
	background: white;
	margin-top: 1em;
	margin: 0;
	color: #005fff;
	font-size: 150%;
	line-height: 100%;
}

.container.mosaic .row .card .project-type {
	display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
	font-size: 70%;
	padding: 0.15em 0.3em 1.5em 1.5em;
  background-image: linear-gradient(#005fff, #5891ff);
	color: white;
	border-bottom-left-radius: 48px;
}

.container.mosaic .row .card .app-use-cases {
	height:  350px;
	/*display: none;*/
	/*overflow: hidden;*/
}