div.row article {
	margin-top: 5px !important;
}


.wk-prompt-link {
	z-index: 999999 !important;
}

/* Woofmark CSS */

		div.wk-container textarea {
			background: #fff;
			border: 2px solid #eee;
			margin-bottom: 5px;
			min-height: 200px;
		}
		
		div.commentContainer div.wk-wysiwyg {
			min-height: 150px !important;
		}

		div.wk-container textarea:focus {
			border: 2px solid #ddd;
		}

		div.wk-container-drop {
			background: #000000 !important;
			border-radius: .35em;
			top: 20px;
		}

		span.wk-drop-text {
			color: #fff;
			margin-top: 20px;
		}

		div.wk-wysiwyg:focus {
			border: 2px solid #ddd;
			outline:0;
		}

		div.butter {
			font-family: Arial, sans-serif;
			border: 3px solid grey;
			padding: 15px;
		}

		div.wk-wysiwyg {
			background: #fff;			
			border: 2px solid #eee;
			border-radius: 10px;
			margin-bottom: 10px;
			padding: 15px 20px;
			min-height: 300px !important;
		}

		/* Make home feed Woofmarks have a matched colored border */
		#homeFeed div.wk-wysiwyg {
			background: #fff;
			border: 2px solid #eee;
		}

		#homeFeed div.wk-wysiwyg:focus {
			border: 2px solid #ccc;
			outline:0;
		}



		div.wk-wysiwyg h1 {
			margin-bottom: 5px;
		}

		div.wk-wysiwyg img {
			display: block;
			max-height: 200px;
			padding: 10px 0;
		}


		div.wk-commands button {
			background: #f4f4f4;
			border: 1px solid #eee;
			border-radius: 2px;
			font-size: 11px;
			height: 25px;
			margin-right: 3px;
			padding: 0 10px;
			vertical-align: top;
		}


		div.wk-switchboard {
			display: none;
		}



		input.wk-prompt-input {
			width: 100%;
		}


		article.wk-prompt {
			border: 2px solid #ccc;
			padding: 20px;
		}



	.embdscl0 {
		display: none !important;
	}
	
	.slimScrollBar, .slimScrollRail {
		left: 4px !important;
		margin-right: -5px !important;
		margin-top: 5px;
	}

	ul.activeConversations {
		margin-top: 0px;
		max-height: 430px;
		font-family: 'Lato', 'Raleway', Arial;
    	/* SlimScrollered overflow: auto !important; */
	}

	#header > .inner {
		margin: 0 0 .25em 0;
	}

	
	ul.activeConversations li:first-child {
		font-weight: 700;
	}
	
	ul.activeConversations li {
		background: rgba(255, 255, 255, 1);
		border-radius: 4px;
		color: #444;
		cursor: pointer;
		font-size: 80%;
		list-style: none;
		margin-bottom: 4px;
		padding: 2px 20px 2px 20px;
			/* padding-left: 50px; */
		text-align: left;
	}
	
	ul.activeConversations li:hover {
		background: #eee;
		color: #444;
	}


	ul.activeConversations li.smaller {
		font-size: 70%;
		padding: 0px 20px;
			/* padding-left: 50px; */
	}

	ul.activeConversations li a {
		color: #aaa;
	}

	/*
	ul.yourCommunities li:first-child {
		background: rgba(0, 0, 0, 1);
		border: 1px solid rgba(0, 0, 0, 0.4);
	}
	*/
	
	ul.yourCommunities li {
		background: rgba(68, 68, 68, 1);
		border-radius: 4px;
		color: #ddd;
		cursor: pointer;
		font-size: 70%;
		list-style: none;
		margin-bottom: 4px;
		margin-right: 3px;
		padding: 0px 10px;
		display: inline-block;
	}

	ul.yourCommunities li.spesh {
		background-color: rgba(111,111,111, 1) !important;
	}
	
	ul.yourCommunities li:hover {
		background: rgba(99, 99, 99, 1);
	}

	ul.yourCommunities {
		margin: 0 0 0 0;
	}


	ul.second {
		margin: 0 0 2em 0;
	}


	.buttonConfirm:hover {
		border-color: #444;
		color: #555 !important;
	}


	#header { 
		padding: 3em 2.4em;
	}

	#main {
		padding: 6em 4em 4em 4em;
	}

	.bruntUpAgainstTitle {
		margin-top: -5px;
	}

	.marginalizeTopSlightly {
		margin-top: 10px;
	}

	.marginalizeTop {
		margin-top: 40px;
	}


	.button.tiny {
		background: #eee;
		border: 1px solid #ddd;
		display: inline;
		font-size: 0.6em;
		min-width: 40px;
		padding: 5px 15px;
	}


	.button.white {

		background-color: #fff !important;
		border-color: #ccc !important;
		color: #555 !important;

	}
	.button.red {

		background-color: #F44D39 !important;
		border-color: #F44D39 !important;
		color: #fff !important;

	}


	/*
	.pointer, .pointer p, .pointer h1, .pointer h2, .pointer h3, .pointer h4 {
		cursor: pointer !important;
	}
	*/

	h5.smallH5 {
		font-size: .8em !important;
	}

	ol.tinyList {
		margin-top: 10px;
		margin-left: 30px;
	}

	ol.tinyList li {
		color: #333;
		font-size: 75% !important;
	}

	.blue {
		color: #619be2;
	}

	.gray {
		color: #bbb;
	}

	.hoverDark:hover {
		color: #222 !important;
	}



.CodeMirror {
	height: 100px;
}
.CodeMirror, .CodeMirror-scroll {
	min-height: 100px !important;
}

.button.orange {
			background-color: #ffaa44;
			border-color: #ffaa44;
			color: #ffffff !important;
		}

		.greenText {
			color: #62CBE9;
		}



.button.green {

			background-color: #82BF8C;
			border-color: #82BF8C;

			background-color: #62CBE9;
			border-color: #62CBE9;
			background-color: #11ddaa;
			border-color: #11ddaa;
			background-color: #999;
			border-color: #999;




			color: #ffffff !important;

		}




.button.black {

			background-color: #82BF8C;
			border-color: #82BF8C;

			background-color: #999;
			border-color: #999;
			background-color: #11ddaa;
			border-color: #11ddaa;
			background-color: #AE8BD1;
			border-color: #AE8BD1;

			background-color: #42ABF9;
			border-color: #42ABF9;
			background-color: #805656;
			border-color: #805656;
			background-color: #444;
			border-color: #444;

			



			color: #ffffff !important;

		}


.button.black:hover {

			background-color: #42ABF9;
			border-color: #42ABF9;


		}


.button.readyToSend {

			background-color: #11ddaa !important;
			border-color: #00cc88 !important;

			color: #009944 !important;
}


.button.green:hover {

			background-color: #A2CEA9;
			border-color:#A2CEA9;
			background-color: #89D8EF;
			border-color: #89D8EF;


		}


span.author {
	color: #000;
	font-size: 60%;
	margin-left: 8px;
	margin-top: -5px;
}

.feedPickerHome .modernTabs li {
	font-family: 'Lato', 'Raleway', Arial;
	font-size: 140% !important;
}


.feedPickerHome .modernTabs li.tabActive {
	font-weight: 700;
}


ul.modernTabs {
	padding-left: 0 !important;
	
}

ul.modernTabs li {
	cursor: pointer;
	list-style-type: none;
	display: inline-block;
	font-size: 110%;
	margin-right: 20px;
	margin-left: 0;
	padding: 5px 0;
	border-bottom: 2px solid #ddd;
}

ul.modernTabs li:hover {
	border-bottom: 2px solid #777;
	color: #777;
}

ul.modernTabs li:hover a {
	color: #000 !important;
}



ul.modernTabs li.tabActive {
	/*
	border-bottom: 2px solid #62CBE9;
	border-bottom: 2px solid #619be2;
	border-bottom: 2px solid #A2CEA9;
	
	border-bottom: 2px solid #A09676;*/
	border-bottom: 2px solid #EB7852;
	/*color: #ccc;*/
}


#main > section {
	border-top: none !important;

	margin: 1em 0 0 0;
	padding: 1em 0 0 0;

}


section.modernTabActive {
	display: block !important;
}

section.modernTab {
	display: none;
}

#main p img {
	max-height: 600px;
}
#main article img {

    border: 1px solid #eee;
	max-height: 300px;
}


div.conversation li, p.postBody li {
	/* font-size: 90%; */
	margin-top: 8px;
}

article h3:hover {
	opacity: .8;
}

/*
article h3:hover, article h3:hover a, article h3:hover strong {
	text-decoration: underline !important;
}
*/

.preview {
  overflow: hidden;
  width: 124px; 
  height: 124px;
}

#listCommunity li a:hover{ 
	color: #fff !important;
}

a.post {
	text: #333 !important;
}



	 .tableMessages tbody tr td:first-child {
	 	padding-left: 25px;
	 	width: 100px;
	 }


	 h2.approximateButtons {
	 	margin-bottom: 0;
	 }
	 ul.approximateButtons {
	 	margin: 0 0 .5em 0;
	 }

	 ul.approximateButtons li {
	 	padding: 0 .2em 0 0 !important;
	 }

		
		#header .icons a {
			color: rgba(255, 255, 255, 0.8);
		}

		ul.interfaceIcons {
			margin-bottom: 1em;
		}

		ul.interfaceIcons li {
			padding: 0 .75em 0 0;
		}


	a.leftRight:hover {
		color: #aaa !important;
	}

	#identityPickerDropdown a, #firePickerDropdown a {
		color: #fff;
	}

	#identityPickerDropdown a:hover {
		color: #89D8EF;
	}

	#notificationPickerDropdown a {
		font-size: 110%;
	}

	#notificationPickerDropdown strong {
		color: #A09676;
	}

	#notificationPickerDropdown a:hover, #notificationPickerDropdown a:hover strong {
		color: #fff !important;
	}

	#notificationsScroller li.danger {
		background: #ff4466 !important;
	}

	#notificationsScroller li.report {
		background: #ee8855 !important;
	}



	span.likeButtonArea:hover span {
		color: #619be2 !important;


	}



div.shielder {
	background: url('/images/interface/tile.fw.png' ); 
	border-radius: .25em; 
	color: #fff; cursor: 
	help; display: inline-block; 
	height: 300px; 
	padding: 25px 35px; 
	margin-bottom: 2em !important;
	margin-left: 110px;
	width: 80%;
}


div.shieldWarningBadge {
	border-radius: .25em; color: #fff; 
	display: inline-block; 
	font-size: 80%; 
	font-weight: 700; 
	margin-bottom: 10px; 
	padding: 4px 10px 4px 10px; 
	text-align: center;
}


div.upvoters {
	display: inline-block;
	margin-bottom: 10px; 
	margin-top: 40px; 
	padding: 0px 5px 0 5px;
	width: 100%;
	text-align: center;

}

div.upvotersCompact {
	display: inline-block;
	margin-left: 110px; 
	margin-top: 0px; 
	padding: 0px 2px 0 2px;

}

div.upvotersCompactPost {
	display: inline-block;
	margin-left: 0; 
	margin-top: 0px; 
	padding: 0px 2px 0 2px;

}

div.upvoters img {
	border: 1px solid #bbb;
	border-radius: 1em;
	cursor: pointer;
	margin-right: 5px; 
	max-height: 15px !important;
	opacity: .85;
}

div.upvotersCompact img {
	border: 1px solid #bbb;
	border-radius: 1em;
	cursor: pointer;
	margin-right: 5px; 
	max-height: 15px !important;
	opacity: .85;
}

div.upvotersCompactPost img {
	border: 1px solid #bbb;
	border-radius: 1em;
	cursor: pointer;
	margin-right: 5px; 
	max-height: 20px !important;
	opacity: 1;
}

div.upvoters img.commenter {
	max-height: 20px !important;
	opacity: .9;
}

div.upvoters img:hover {
	opacity: 1;
}

table td {
	vertical-align: top;
}

/*
span.actionableInset:hover span, span.stoked span {
	color: #F44D39 !important;
}
*/

.bold {
	font-weight: 700 !important;
}


li.notification {
	/* background-color: #7744aa !important; 
	background-color: #807676 !important;*/
	background-color: #204696 !important;
	color: #fff !important;
}

li.newPoll {
	/* background-color: #619be2 !important; */
	background-color: #4f6a7a !important;
	color: #fff !important;
}

input.pollAnswer {
	background-color: #fff;
}

li.newFire {
	/* background-color: #F44D39 !important; */
	background-color: #433B3B !important;

	color: #fff !important;
}

li.taggedYou {
	/* background-color: #24D08B !important; */
	background-color: #604646 !important;
	color: #fff !important;
}

li.upvotedYourComment {
	/* background-color: #F44D39 !important; */
	background-color: #505686 !important;
	color: #fff !important;
}

li.burnedOut {
	/* background-color: #F44D39 !important; */
	background-color: #444 !important;
	color: #fff !important;
}

li.newLeader {
	/* background-color: #F44D39 !important; */
	background-color: #526042 !important;
	color: #fff !important;
}

div.highlightComment p {
	color: #000 !important;
	font-size: 110% !important;
	/* font-weight: 700 !important; */
}

div.comment a.tiny {
	padding: 5px 10px !important;
	margin-left: -5px;
	opacity: 1;
}

div.comment ul.actions a.tiny {
	margin-left: 0 !important;
}

div.comment a.tiny:hover {
	color: #000 !important;
	opacity: 1 !important;
}


div.comment {
	border-bottom: 1px solid #efefef; line-height: 1.3; margin-bottom: 15px;
}

section div.comment:last-child {
	border-bottom: none !important;
}

div.comment img.imgProfile {
	border-radius: 100%;
}

div.comment[data-level="2"] {
}
div.comment[data-level="2"] img.imgProfile {
	height: 50px !important;
	width: 50px !important;
}

div.comment[data-level="3"], div.comment[data-level="4"], div.comment[data-level="5"] {
}

div.comment[data-level="3"] img.imgProfile, div.comment[data-level="4"] img.imgProfile, div.comment[data-level="5"] img.imgProfile {
	height: 30px !important;
	width: 30px !important;
}

/*
div.comment {
	border-left: 1px dashed #ddd;
}*/

strong, b {
    color: #444;
    font-weight: 700;
}



.comment img.imgProfile {
	border: 1px solid #bbb;
}

div.conversation p {
	font-size: 100%;
	margin-bottom: 1em;





} 


.dontUseThis {

	  /* These are technically the same, but use both */
	  overflow-wrap: break-word;
	  word-wrap: break-word;

	  -ms-word-break: break-all;
	  /* This is the dangerous one in WebKit, as it breaks things wherever */
	  word-break: break-all;
	  /* Instead use this non-standard one: */
	  word-break: break-word;

	  /* Adds a hyphen where the word breaks, if supported (No Blink) */
	  -ms-hyphens: auto;
	  -moz-hyphens: auto;
	  -webkit-hyphens: auto;
	  hyphens: auto;
	  
}

.mobileOnly {
	display: none;
}


.desktopOnly {
	width: 80%;
}




	 div.feedPickerHome {

	 	margin-left: 5px;
	 	/*
	 	text-align: center;
	 	*/
	 	width: 100%;
	 }


	 div.feedPickerHome ul {
	 	/*&
	 	background: #eee;
	 	border: 1px solid #ccc;
	 	border-radius: .4em;
	 	*/
	 	border-bottom: 1px solid #dfdfdf;
	 	padding-bottom: 25px;
	 	border-top: 1px solid #dfdfdf;
	 	padding-top: 30px;
	 }

	 div.feedPickerHome li {

	 	border-bottom: none !important;
	 	margin-left: 20px;
	 	opacity: .2;
	 	
	 }

	 div.feedPickerHome li.tabActive {

	 	opacity: 1;
	 	
	 }

	 div.feedPickerHome li:hover {

	 	opacity: 1;
	 	
	 }



	@media screen and (max-width: 1280px) {


		div.conversation p {
			font-size: 110%;
		} 

		#header {
		    padding: 3em 1.25em;
		}


		 div.feedPickerHome ul {
		 	padding: 3px 20px;
		 	padding-left: 30px;
		 }

	}

	@media screen and (max-width: 980px) {


		#pinnedPostsContainer2 { display: none !important;  }

		p.postBody {
			font-size: 135%;
		}

		.desktopOnly {
			display: none;
		}

		.mobileOnly {
			display: inline !important;
			width: 100%;
		}


		div.conversation p {
			font-size: 140%;
		} 



	}

	@media screen and (max-width: 480px) {

		p.postBody {
			font-size: 125%;
		}


		div.shielder {
			margin-left: 0 !important;
			width: auto;
		}


		div.conversation p {
			font-size: 120%;
		} 


		ul.actions li { 
			display: inline;
		}


		ul.actions li a { 
			padding-left: 35px !important;
		}


		 div.feedPickerHome {
		 	margin-left: 0 !important;
		 	width: 100%;
		 }

		 div.feedPickerHome li {
		 	font-size: 1.2em !important;
		 	margin-right: 10px !important;
		 }

		 div.feedPickerHome ul {
		 	padding: 5px !important;
		 }

	}




	.invalidInput {
		border: 2px solid red !important;
	}

	/* Hide pre-rendered Vue stuffs */
	[v-cloak] { display: none }

	p.dimm {
		opacity: .25 !important;
	}

	div.hiddenModal {
		display: none;
	}


	.iziModal .iziModal-header-title {
		font-size: 1.7em !important;
	}
	.iziModal .iziModal-header-subtitle {
		font-size: .8em !important;
	}


	h3 strong {
		color: #aaa;
	}


	span.nonupvotedComment {
		color: #bbb !important;
		cursor: pointer !important;
	}

	span.upvotedComment {
		color: #F44D39 !important;
		cursor: pointer !important;
	}

	div.comment a.username {
		color: #555;
	}


	a, div.conversation a { 
		color: #b08686;
		color: #A09676;
		color: #4992C7;
	 }
	a:hover, div.conversation a:hover { 
		color: #805656;
		color: #7092B8;
		color: #807656;
	 }

	 ul.interfaceIcons li:hover a {
	 	color: #fff !important;
	 	opacity: 1 !important;
	 }


#about p, #rules p {
	color: #222 !important;
}


#clickableUsername:hover {
	color: #fff;
	opacity: .7;
}


#fires article:hover h3 {
	color: #333 !important;
}

li.unread a {
	color: #fff !important;
	opacity: 1;
}

.blackText {
	color: #000 !important;
}

.commentCount {
	 padding: 5px 8px;
}
.commentCountWide {
	 padding: 6px;
}

p.commentBody {
	padding-bottom: 10px;
	padding-top: 10px !important;
}


/*
.commentBody ul li {
	padding-left: 0 !important;
	margin-left: 100px;
}
*/

.commentBody blockquote {
	margin-bottom: 1em;
	margin-top: 1.2em;
}

article .hoverOnly {
	visibility: hidden;
	color: #000;
	font-weight: 700;
	margin-left: 10px;
}

article:hover .hoverOnly {
	visibility: visible;
}



	@media screen and (max-width: 480px) {

		article .hoverOnly {
			visibility: visible;
		}

		.feedPickerHome .modernTabs li {
		    font-size: 120% !important;
		    display: block;
		    margin-left: 20px;
		}

		.feedPickerHome .modernTabs li a {
			padding-left: 10px;
		}

	}

div.alwaysOpaque {
	margin: 10px 30px 30px 110px;
	background: #fafafa; border: 1px solid #efefef; 
	border-radius: .4em; 
	padding: 30px 40px;
}
div.alwaysOpaque p {
	font-size: 20px;
	margin-bottom: 1em;
}

div.alwaysOpaque p:last-child {
	margin-bottom: 0 !important;
}

 div.alwaysOpaque li {
	font-size: 20px;
	margin-bottom: .5em;
 }




	@media screen and (max-width: 480px) {

		div.alwaysOpaque {
			margin: 10px 10px 10px 0 !important;
			padding: 20px 20px !important;
		}
		div.alwaysOpaque p, div.alwaysOpaque li {
			font-size: 16px;
		}
	}



.commentContainer {
   height: auto;
   overflow: hidden;
}

.commentLeft {
    float: left;
    padding-top: 5px;
    /* background: #aafed6; */
}

.commentRight {
    float: none; /* not needed, just for clarification */
    /* background: #e8f6fe; */
    /* the next props are meant to keep this block independent from the other floated one */
    width: auto;
    overflow: hidden;
}​​


div.comment[data-level="1"] .commentLeft {
    width: 110px;
}
div.comment[data-level="2"] .commentLeft {
    width: 130px;
}
div.comment[data-level="3"] .commentLeft {
    width: 120px;
}
div.comment[data-level="4"] .commentLeft {
    width: 95px;
}
div.comment[data-level="5"] .commentLeft {
    width: 95px;
}




/* Tooltip container */
.tooltip {
	cursor: pointer;
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}