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

	FONTS
			Oswald (https://www.google.com/fonts#UsePlace:use/Collection:Oswald)
			Libre Baskerville (https://www.google.com/fonts#UsePlace:use/Collection:Libre+Baskerville)
	
	FARBEN

		gold:			rgb(136,113,77) (Text-Headlines) = #88714D
		grau:			rgb(70,70,70) (Text-Normal) = #464646

		schwarz:		rgb(18,18,18) (BACKGROUND) = #121212

		silber-hell:	rgb(210,210,210) = #D2D2D2
		silber-dunkel:	rgb(11,11,11) = #0B0B0B
		
----------------------------------------------------------------- */

/* ========================================================================
   FACEBOOK-NEWS CSS
 ========================================================================== */

* {
	box-sizing: border-box;
}

.content {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	margin-top: 5px;
}


.content .uk-grid, .content .uk-width-1-2 {
	padding: 15px !important;
}

.bg {
	display: inline-block;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	width: 100%;
	height: 250px;
	bottom: 0;
	left: 0;
}

.box {
	display: inline-block;
	width: 100%;
	height: 250px;
	background-color: rgba(18,18,18, 0.6);
}

.image-caption {
	display: inline-block;
	width: 100%;
	height: 250px;
}

.box:active .image-caption, .box:hover .image-caption, .box:hover .divider {
	display: none;
	z-index: 99;
}

.desc {
	visibility: hidden;
	padding: 0 50px;
	text-align: center;
	vertical-align: middle;
	text-shadow: 0 2px 2px rgba(18,18,18, 0);
	height:100%;
}

.overlay-desc > div {
	max-height:45%;
	overflow:hidden;
	font-family: "Oswald";
	letter-spacing: 0.8px;
	vertical-align: middle;
	display:table-cell;
}

.see-text {
	width: 400px;
	height: 100px;
	max-height: 80px;
	margin-top: -110px;
	font-family: "Oswald";
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
	text-transform: uppercase;
}

.desc span {
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: break-word;
	overflow: hidden;
}

div.see-more {
	color: #88714D;
	font-size: 14px;
	text-decoration: none;
	font-family: "Libre Baskerville";
	padding-top:10px;
}

.divider {
	height: 5px;
	border-bottom: 1px solid #88714D;
	padding-top:0;
}

.on {
	visibility: visible;
	color: #D2D2D2;
	text-shadow: 0 2px 2px rgba(18,18,18, 0.5);
}

.visible {
	visibility: visible !important;
}

.invisible {
	visibility: hidden !important;
	transition: all ease-in 0.25s;
}

/* ----------- added for CULT ----------- */

.overlay-desc.desc {
	color: #D2D2D2;
	text-shadow: 0 2px 2px rgba(18,18,18, 0.5);
	background-color: rgba(0,0,0,0.5);
	display:table;
	width: 100%;
}

.box.overlay {
	border: 1px solid rgba(136,113,77, 0.9);
}

.box.overlay:hover {
	border: 10px solid rgba(136,113,77, 0.9);
}

/* ========================================================================
   FACEBOOK FEED PLUGIN
 ========================================================================== */

.cff-wrapper {
	max-height: 250px;
	padding-top: 100px;
}

#cff .cff-date {
	width: 100%;
	font-family: "Oswald";
	font-size: 18px;
	color: #D2D2D2;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0px 2px 2px rgba(18,18,18, 0.5);
	/* border: 2px solid #ffffff; */
	padding: 6px 10px 0 10px;
	margin-top: 0 !important;
}

.cff-post-text-link {
	color: #88714D !important;
	font-family: "Libre Baskerville";
	text-decoration: none;
}

.cff-photo-post > p {
	margin-bottom: 0 !important;
	margin: 0 !important;
}

img.wp-smiley, img.emoji {
	display: none !important;
}

/* ----------- added for CULT ----------- */

#cff .cff-item {
	border-bottom: none;
}

@media (max-width: 768px) {
	.uk-width-1-2 {
		width:100%;
	}
}