/*
 * Should I Use a message "Download the XX app" ?
 * french project by @geoffrey_crofte (on Twitter)
 *
 * Pourquoi ces notes en anglais ? Juste pour faire cool :)
 */


.download-banner,
.download-banner * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
}
.download-banner {
	top: 0;
    right: 0;
    background-image: 	linear-gradient(#CCD5D1, white, #CCD5D1);
	padding: 			15px 5px 10px;
	opacity: 			1;
	max-height: 		7em;
	-webkit-transition: all .45s;
	transition: 		all .45s;
	z-index:			10000;
}
.download-banner.is-hidden {
	max-height: 0;
	opacity: 0;
	padding: 0 5px;
}
.download-banner .inner {
	max-width: 450px;
	margin: 0 auto;
	overflow: hidden;
}
.download-banner img {
	width: 20%;
	height: auto;
	border: 1px solid #ddd;
	border-radius: 16px;
	line-height: 1;
}
.app-description {
	width: 60%;
	margin-top: 0.0em;
	padding-left: 10px;
	font-size: .9em;
	//border:  1px solid green;
}
.app-show-me {
	width: 20%;
	margin-top: 1.2em;
	font-size: 1.3em;
	color: #007aff;
	font-weight: bold;
	text-align: center;
	//border:  1px solid red;

}
.download-banner a {
	float: left;
	width: 7%;
	color: #333;
	text-decoration: none;
}
a[id="download-app"] {
	width: 93%;
}
.app-description span {
	display: block;
}
.app-title {
	margin-bottom: 4px;
	line-height: 1.1;
	margin-bottom: 4px;
	font-size: 1.1em;
}
.app-author {
	font-size: .9em;
	line-height: 1;
}
.app-rating {
	color: #ff9500;
}
.app-price {
	color: #999;
}
.app-price strong {
	text-transform: uppercase;
	font-weight: normal;
}
a[id="remove-banner"] {
	margin-top: 1.5em;
	color: red;
}

[id="download-app"] > * {
	float: left;
}