/* --------------------------------------- */
/* Boxes css */
/* --------------------------------------- */

#motivation-box,
#sharedocs-box,
#alert-box,
#subscribe-rss-box,
#subscribe-box {
	margin-bottom: 24px;
	padding: 18px;
	display: block;
	}

#motivation-box,
#sharedocs-box,
#alert-box						{ border: 1px solid #da7a1c; }

#subscribe-box					{ background-color: #ddd; }
#subscribe-rss-box				{ background-color: #FBEBC1; border: 1px solid #da7a1c; }

#motivation-box h3,
#sharedocs-box h3,
#subscribe-box h3 {
	font-size: 1.4em;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 18px;
	}

#subscribe-rss-box h4,
#subscribe-box h4,
#motivation-box h4 {
	background-color: #da7a1c;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 18px;
	padding: 3px;
	}

#subscribe-box h4				{ background-color: #323232; color: #bbb; }
#subscribe-rss-box h4			{ background-color: #da7a1c; color: #fff; }
#subscribe-rss-box hr			{ border: 0px; background-color: #da7a1c; color: #da7a1c; height: 1px; margin-bottom: 18px; }

.block {
	margin-left: 20px;
	float: left;
	display: block;
	}

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

#subscribe-box .block			{ width: 48.35%; }
#subscribe-box label 			{ display: block; }
#subscribe-rss-box input[type=text],
#subscribe-rss-box input[type=email],
#subscribe-box input[type=text],
#subscribe-box input[type=password] {
	border: 1px solid #b1b1b1;
	width: 96%;
	margin-bottom: 6px;
	padding: 4px 6px 4px 6px;
	}

#subscribe-box input.btn {
	border: 0px;
	font-size: 1em;
	color: #fff;
	width: 100%;
	}

#subscribe-rss-box .btn			{ margin-top: 10px;}

#motivation-box .block			{ width: 31.35%; }

#sharedocs-box p,
#alert-box p {
	background-image: url(/grfx/rss-icon.png);
	background-repeat: no-repeat;
	background-size: 72px 72px;
	padding-left: 80px;
	}

#alert-box a					{ color: #323232; display: block; }
#alert-box a:hover 				{ color: #da7a1c; text-decoration: none; }

#sharedocs-box p				{ background-image: url(/grfx/share-icon.png); background-position: 0px center; }

#motivation-box a,
#sharedocs-box a				{ color: #da7a1c; }

.notification					{ font-size: 0.9em; }

/* --------------------------------------- */
/* TABLET - mediaqueries css */
/* --------------------------------------- */

/* notebooks, tablets */
@media only screen and (max-width: 1024px) {

	#motivation-box .block		{ width: 31%; }

}

/* notebooks, tablets */
@media only screen and (max-width: 960px) {

	#subscribe-box .block		{ width: 48%; }
	#motivation-box .block		{ width: 100%; margin-left: 0px; float: none; }

}

/* ==> breakpoint notebooks, tablets */
@media only screen and (max-width: 800px) {

	#motivation-box .block		{ width: 31.35%; margin-left: 20px; float: left; }
	#motivation-box .block:first-of-type			{ margin-left: 0px; }

}

/* ==> breakpoint tablets */
@media only screen and (max-width: 768px) {

	#motivation-box h3,
	#sharedocs-box h3,
	#subscribe-box h3 {
		font-size: 1.2em;
		}

	#motivation-box .block,
	#subscribe-box .block {
		width: 100%;
		margin-left: 0px;
		margin-bottom: 24px;
		float: none;
		}

	#alert-box p,
	#sharedocs-box p {
		background-size: 48px 48px;
		padding-left: 58px;
		}

}

/* tablets, mobiles */
@media only screen and (max-width: 480px) {

	#motivation-box h3,
	#sharedocs-box h3,
	#subscribe-box h3 {
		font-size: 1.1em;
		}

	#alert-box p,
	#sharedocs-box p {
		background-size: 36px 36px;
		padding-left: 46px;
		}

}

/* print */
@media print {

	#motivation-box,
	#subscribe-box				{ display: none; }

	#sharedocs-box,
	#alert-box					{ border: 1px solid #999; }

	#sharedocs-box p,
	#alert-box p {
		background-image: none;
		padding-left: 0px;
		}

	#alert-box a				{ text-decoration: none; }

}