/* Formats CSS */

.different-theme
{
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
  color: #0C0D0F;
}

.custom-header
{
  width: 100%;
  font-size: 160%;
  text-align: center;
}

.custom-paragraph
{
  width: 100%;
  font-size: 110%;
  color: #0C0D0F;
  text-align: left;
}

.richtext-table
{
	float:left;
	max-width:1000px;
	margin-left:calc(50% - 500px);
}

.richtext-table tr td img
{
	float:left;
	width:calc(100% - 10px);
	/*height:calc(100% - 10px);*/
	height: auto !important;
	margin: 5px 0 0 5px;
}

.richtext-table tr td video
{
	float: left;
	width: 100%;
	/*height: 100%;*/
	height: auto !important;
}

.custom-table-paragraph
{
  width: calc(100% - 10px);
  font-size: 110%;
  color: #0C0D0F;
  margin: 0 5px;
}

.custom-pre
{
  width: 100%;
  font-size: 80%;
  text-align: left;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  display: block;
  line-height: normal;
  margin: 0;
  padding: 0;
  word-break: normal;
  word-wrap: normal;
}

.custom-link a
{
  font-size: 100%;
  color: #494949;
  text-decoration: none;
}

.custom-link a:hover
{
  color: #858585;
  text-decoration: none;
}

.custom-link a:active
{
  color: #AAAAAA;
  text-decoration: none;
}

/* Templates CSS */

.block-item, .block-title, .block-body
{
  float: left;
  width: 100%;
}
.block-image
{
  float: left;
  width: 200px;
}

.block-text
{
  float: left;
  width: calc(100% - 205px);
  margin-left: 5px;
}

.float-image
{
	display: grid;
	max-width: 100%;
	max-height: 100vh;
}
/*
.float-image
{
	padding: 0;
	display: block;
	margin: 0 auto;
	max-height: 100%;
	max-width: 100%;
}
*/

/* mobile css */
@media screen and (max-width: 1010px)
{
	.richtext-table
	{
		float:left;
		width:100%;
		width:100%;
		margin-left:unset;
	}
}