/* 
	
ADACOR Blog Teaser Stylesheet
December 2018
Author oliwa@72dpi.de, www.72dpi.de

- Teaser Private Cloud (Front Page)
- Teaser Newsletter (Front Page)
- Shortcode Show Featured Post

*/


/* Post Teaser 
-------------------------------------------------------------------------------------- */
.post-teaser {
	background: #f0f0f0;
	height: 100%;
	padding: 1rem;
	border-bottom: 2rem solid #fff;
}

/* /* Post Teaser Newsletter
-------------------------------------------------------------------------------------- */
.post-teaser-newsletter {
	text-align: center;
	background: #d6d6d6;
}
	.post-teaser-newsletter img {
		max-width: 70%;
	}
		.post-teaser-newsletter img:last-child {
			max-width: 35%;
			margin: .5rem 0;
		}
	.post-teaser-newsletter h3 {
		margin: .5rem auto;
		line-height: 100%;
	}
	.post-teaser-newsletter input[type=text] {
		padding: .6rem .3rem;
		font-size:.8rem;
		width: 80%;
		border: none;
	}


/* Post Teaser privatecloud
-------------------------------------------------------------------------------------- */
.post-teaser-privatecloud {
	background-image: url("images/bg-post-teaser-privatecloud-3.jpg");
	background-position: center center;
	background-size: cover;
	position: relative;
	padding-left: 2rem;
	min-height: 25rem;
}

.post-teaser-privatecloud h3 { 
	font-family: "geogrotesque-regular", Arial, Verdana, sans-serif;
	margin: 1rem 0;
	font-size: 1.8rem;
	color: #fff;
	line-height: 120%;
}
	.post-teaser-privatecloud h3 span { 
		font-family: "geogrotesque-bold", Arial, Verdana, sans-serif;
		font-weight: normal;
	}
.module .post-teaser-privatecloud p,
.module .post-teaser-privatecloud li { 
	font-family: "geogrotesque-regular", Arial, Verdana, sans-serif;
	color: #fff;
}

img#post-teaser-logo {
	position: absolute;
	bottom: 2rem;
	right: 1rem;
	width: 8rem;
}



/* Shortcode Show Featured Post
-------------------------------------------------------------------------------------- */
.featured-post {
	margin: 1.5rem 0;
	padding: 1rem;
	position: relative;
	background-color: rgba(244,244,244,.5);
	border-top: 3px solid rgba(217,244,252,1);
	/*box-shadow: 0 0 5px rgba(34,34,34,.3);*/
}
	a:hover .featured-post {
		border-top: 3px solid #01b6ed;
		box-shadow: 0 0 5px rgba(34,34,34,.3);

	}
  /*.featured-post::before {
		position: absolute;
		left: 1rem;
		top: 1rem;
		padding: 0 .3rem;
		content: "Lesen Sie auch";
		text-transform: uppercase;
		font-size: .9rem;
		font-weight: bold;
		background-color: rgba(255,255,255,.8);
	}*/

	.featured-post h6 {
		margin: 1rem 0 0 0;
		font-size: 1.3rem;
	}
	a .featured-post p {
		color: #222;
	}
	


@media (min-width: 600px) {
	.featured-post {
		display: flex;
	}
	.featured-post::after {
			font-family: "FontAwesome";
			content: "\f054";
			margin: .2rem 0 0 .5rem;
			font-weight: normal;
		}
	.featured-post div:first-child {
		flex: 0 0 30%;
		padding: 0 1.5rem 0 0;
	}
	.featured-post div:last-child {
		flex: 0 0 68%;
	}
	.featured-post h6 {
		margin: 0;
	}
}