body
{

}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6
{
	font-family: Georgia, serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-style: italic;
}

.muted
{
	color: #aaa;
}
.muted a
{
	opacity:0.6;
}
*:hover > .muted
{
	color:inherit;
}
*:hover > .muted a
{
	opacity:inherit;
}

.bb
{
	color:#ddd;	
}
.link-profile
{
	width: 40px;
	border-radius: 50%;
	margin: 5px 10px;
}

.nav-link.prominent, .navbar-light .navbar-nav .nav-link.prominent {
	color: rgba(0,0,0,1);
	font-weight:500;
}

.line {
}

.post
{
	font-size: 18px;
	line-height:1.5;
}

img.photo
{
	margin: 0 0 50px 0;
	margin: 0 0 5px 0;
}
img.img-fluid.photo
{
	max-height: 90vh;
}

img.teaser
{
	max-height: 200px;
}

.mediaplaceholder
{
	margin:10px 0 10px 0;
}

.teaser-square
{
	width: 100%;
	/* padding-bottom: 100%; */
	background-size: cover;
	background-size: 180%;
	background-position: center;
	width: 120px;
	height: 120px;
	/*	border-radius: 50%;*/
	/*	border-radius:3px;*/
}

.line-card
{
	position:relative;
	padding:0;
	box-shadow: #c5c5c5 2px 2px 5px;
	background:#b6d3f3;
	overflow:hidden;
}

.line-card:hover
{
	box-shadow: #aaaaaa 2px 2px 8px;
}

.line-overlay h5, .line-overlay h6
{
	margin:0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	width:100%;
}

.line-overlay h5, .line-overlay h6, .other-lines h5, .other-lines h6
{
	font-style: normal;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


.line-card h5 a, .line-card h5 a:visited
{
	color: #fff;
}							

.line-overlay
{
	position:absolute;
	width:100%;
	height:55px;
	bottom:0;
	padding:5px;
	background:rgba(0,0,0,0.7);
	color:#fff;
}

.line-card.crag-none .line-overlay
{
	height:37px;
}


.too-popular
{
	text-align: center;
	position: absolute;
	width: 120%;
	/* height: 55px; */
	/* bottom: 0; */
	padding: 5px 20px;
	transform: rotate(-15deg) translate(-30px, 0px);
	background: rgba(255,0,0,0.7);
	color: #fff;
	top: 10px;
}

.too-popular h5, .too-popular h6
{

	font-style: normal;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}

.teaser-wide
{
	display:block;
	width: 100%;
	padding-bottom: 56.25%; /* 16:9 */
	padding-bottom: 75%; /* 4:3 */
	background-size: cover;
	background-size: 138%;
	background-position: center;
}


.profile-icon
{
	background: #ccc;
	background-size: cover;
	background-position: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	clear: none;
	float: left;
}

.profile-icon.big
{
	width: 200px;
	height: 200px;
}

.media, .media-alike
{
	box-shadow: #c5c5c5 2px 2px 5px;
}
.media:hover, .media-alike:hover
{
	box-shadow: #aaa 3px 3px 7px;
}


.media.no-shadow
{
	box-shadow: none;
}

.media-body
{
	padding: 10px;
	overflow-x: hidden;
	word-wrap: break-word;
}

.media-alike
{
	padding: 10px;
	height: 100%;
	width: 100%;
}

.thumbWrapper
{
	max-width: 100%;
	/*	max-height: 130px;*/
	clear: none;
	float: left;
	margin: 0 0 20px 0;
}

.thumbWrapper > img
{
	max-width: 100%;
	max-height: 100%;
}

textarea.comment
{
	height: 200px;
}

.navbar
{
	background: rgba(255,255,255,0.8);
	border-bottom: solid 1px #ccc;
	margin-bottom: 50px;
}
.navbar-collapse.collapsing, .navbar-collapse.show
{
	margin-top: 10px;
}


nav.navbar .nav-item
{
	white-space: nowrap;
}
nav.navbar .form-inline
{
	white-space: nowrap;
	display:block;
}
nav.navbar .btn.btn-outline-secondary
{
	color:rgba(0, 0, 0, 0.4);
	border-color:#ced4da;
}
nav.navbar .btn.btn-outline-secondary:hover
{
	color:#fff;
	border-color: #6c757d;
}

.logo
{
	/*background: #007bff url(/images/b_52.png) no-repeat center;*/
	background: red url(/shell/img/logo_bb.svg) no-repeat center;
	background: transparent url(/shell/img/bb_stamp_fitted.svg) no-repeat center;
	background: transparent url(/shell/img/bb_symbol_fitted.svg) no-repeat center;
	background-size: 100px;
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: center;
	letter-spacing: -2px;
	overflow:visible;

	position:absolute;
	width:40px;
	height:40px;
	background-size: 40px;
	margin:-4px 0 0 0;
}

.logo-text
{
	margin-left:44px;
}

.story
{
}

h5 a, h5 a:visited
{
	color: #000;
}

.has-error
{
	color: red;
}

.mediaWrapper
{

	margin-bottom: 50px;
	clear: both;
}
.videoWrapper
{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 5px;
}

.videoWrapper.vimeo
{
	padding-bottom: 75%;
}

.videoWrapper iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.badge.tag
{
	padding-top: 2px;
	padding-bottom: 4px;
	margin: 0 5px 0 0;
	border: solid 1px transparent;
}

.badge.tag.badge-primary-outline
{
	color: #40bfa9;
	color: #17a2b8;
	color: #007bff;
	background-color: #fff;
	border: solid 1px #40bfa9;
	border: solid 1px #17a2b8;
	border: solid 1px #007bff;
}

.not-live
{
	background: repeating-linear-gradient( -45deg, #fff, #fff 40px, #eee 10px, #eee 80px );
}

.spam
{
	opacity: 0.2;
	background: repeating-linear-gradient( -45deg, #fff, #fff 40px, #faa 10px, #faa 80px );
}

.deleted
{
	opacity: 0.2;
}

.mod-tools
{
	display: none;
}

.not-live .mod-tools, .spam .mod-tools, .deleted .mod-tools
{
	display: inline;
}


.confirmVerify, .btn.confirmVerify
{
	font-size: 120%;
	background-color: Yellow;
	color: Black;
}

.language-toggle, .language-toggle:focus {
	border: solid 1px transparent;
	border-radius: 3px;
	background: transparent;
	cursor: pointer;
	outline: none;
	float: right;
}
.language-toggle:focus {
	border: dotted 1px #ccc;
}
.language-toggle:hover {
	border: solid 1px #ccc;
	background: #eee;
}
.language-toggle > img {
	vertical-align: initial;
}
.language-toggle.en > svg, .language-toggle > svg {
		transform: scaleX(-1);
	}
.language-toggle.fr > svg {
	transform: scaleX(1);
}

#weatherWarning .weatherHeader
{
	font-family: Georgia, serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-style: italic;
	font-size: 2.5rem;
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
}

#weatherWarning .weatherOpen
{
	float:right;
	display:none;
}

#weatherWarning.collapsed
{
	padding-right:1.25rem;
	cursor:pointer;
}

#weatherWarning.collapsed .weatherOpen
{
	display:inline;
}

#weatherWarning.collapsed .weatherHeader
{
	font-size: 1.0rem;
	margin-bottom: 0.1rem;
}

#weatherWarning.collapsed .weatherContent
{
	display:none;
}


[v-cloak]
{
	display: none;
}