/* @override http://dev.echodot.com/static/echodot/css/base.css
	http://127.0.0.1:8000/static/echodot/css/base.css */
html{
	background-color: #2d2a43;
}
body{
	background-color: #F5F5F5;
}
.container-wrapper{
	background-image: url("../img/alpha_fleck_2.0be52ffcb03d.png"), linear-gradient(to bottom, white 0%, #F5F5F5 100%);
	padding: 0px 0px;
}



@keyframes front-page-logo-colors {
  0%   {background-position: 0% 0%}
  24%   {background-position: 0% 0%}
  25%  {background-position: 33% 33%}
  49%  {background-position: 33% 33%}
  50%  {background-position: 66% 66%}
  74%  {background-position: 66% 66%}
  75%  {background-position: 99% 99%}
  99%  {background-position: 99% 99%}
}

.logo-colors{
	background: linear-gradient(-45deg, #09ab54 0%, #0b8b55 24.1%, #b69009 24.7%, #bf8209 50%, #eb470c 50.1%, #eb3e0e 74%, #341252 75%, #150b5e 99.7%, #13235c 100%) #150b5e;
	background-size: 400% 400%;
	animation: front-page-logo-colors 60s linear infinite normal;
	margin:  0 auto;
}
.front-page-logo-bg{
	width: 200px;
	height: 210px;
}
#front-page-logo{
	background: url("../img/echodot-logo-inv.82bfb07dc847.png");
	width: 100%;
	height: 100%;

}

.header-logo{
	width: 50px;
	height: 50px;
}
.logo {
	background: url("../img/echodot-logo-inv-sm.567251544caa.png");
	background-size: 50px 50px;
	width: 100%;
	height: 100%;

}
.page-title{
	text-align: center;
	font-size: 2rem;
	font-weight:200;
	color: #886a00;
}
.lead{
	text-align: center;
	font-size: 2rem;
	color: #eb3e0e;
}

.echodot-callout{
	background: linear-gradient(-45deg, #150b5e 0%,
	#13235c 24.1%,
	#09ab54 24.7%,
	#0b8b55 50%,
	#b69009 50.1%,
	#bf8209 74%,
	#eb470c 75%,
	#eb3e0e 99.7%,
	#341252 100%

	) #150b5e;
	background-size: 400% 400%;
	animation: front-page-logo-colors 60s linear infinite normal;
	background-clip: text;
	-webkit-background-clip: text;
	color: rgba(0,0,0,.1);
}

#kubermagic-logo{
	background-image: url("../img/kubermagic-175.865b418a4420.png");
	width: 175px;
	height: 175px;

}

#red-logo{
	background-image: url("../img/red-icon-175.9d545b693c4b.png");
	width: 175px;
	height: 175px;

}
#bomba-logo{
	background-image: url("../img/bomba-icon-175.98d89f5041cf.png");
	width: 175px;
	height: 175px;

}

.description-col{
	margin-top: auto;
	margin-bottom: auto;
	color: white;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, .7);
}

.echodot-product{
	cursor: pointer;
}
.echodot-product:hover .icon{
	transform: scale(1.1);
	transition: all .1s ease-in-out;
}

a.card-link,
a.card-link:hover {
  color: inherit;
}

footer{
	background-color: #2d2a43;
	color: #d0d0d0;

}
footer a:link, footer a:visited{
	color: #d0d0d0;
}
.company-info{
	color: #8e9092;
	font-weight:300
}
a.card.active {
	background-color: #0b8b55!important;
	color: white!important;
	text-shadow: rgba(0,0,0,.5) 0 -1px 1px;
}


.angle-container {
	margin-top: -50px;
	clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 100%);
	padding-top: 50px;
	padding-bottom: 50px;
	width: 100%;
	
}
.angle-container a{
	text-decoration: none;
}
.angle-container:hover{
	clip-path: polygon(0 20px, 100% 40px, 100% 100%, 0 100%);
	transition: all .2s ease-in-out;
}
.angle-container h1 {
	text-shadow: 0 -1px 1px rgba(0,0,0,.5);
}

.red-container {
	background-image: url("../img/alpha_fleck_2.0be52ffcb03d.png"), linear-gradient(to bottom, #ab1c08 0%, #780707 100%);
	color: #f8f8f8;
}

.red-container a:link, .red-container a:visited{
	color: #8cf7fc;
}


.green-container {
	background-image: url("../img/alpha_fleck_2.0be52ffcb03d.png"), linear-gradient(to bottom, #09ab54 0%, #07783b 100%);
	color: #f8f8f8;
}

.green-container a:link, .green-container a:visited{
	color: #8cf7fc;
}
.green-container .lead {
	color: #f4f4f4;

}


.yellow-container {
	background-image: url("../img/alpha_fleck_2.0be52ffcb03d.png"), linear-gradient(to bottom, #e1b20b 0%, #b69009 100%);
	color: #f8f8f8;
}
.yellow-container  a:link, .red-container a:visited{
	color: #3d3aff;
}
.yellow-container a.btn{
	color:white!important;
}




.orange-container {
	background-image: url("../img/alpha_fleck_2.0be52ffcb03d.png"), linear-gradient(to bottom, #f56942 0%, #eb3e0e 100%);
	color: #f8f8f8;
}

.sunk-container {
	background-image: url("../img/alpha_fleck_2.0be52ffcb03d.png"), linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.01) 100%);
	color: #f8f8f8;
	box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.42);
}

#mc_embed_signup input{
	margin-bottom:5px!important;
}
.btn.btn-primary{
	border-radius: 7px;
	background-image: linear-gradient(179deg, #6FB4F7 5%, #1A82FB 100%);
	border-color:#3082F9;
	/* Borders with gradient fills are currently not supported when copying CSS */
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.20);
}

.btn.btn-download svg{
	margin-right: 5px;
}
.btn.btn-download {
	font-size: 36px;
	border-radius: 8px;
	padding-left: 20px;
	padding-right: 20px;
}