.page-title:before{
  content:"";
  display: inline-block;
  width: 100px;
  height: 100px;
  background-image: url('/files/public/images/tile/blog.png');
  background-size: 100px 100px;
  margin-bottom: -10px;
  margin-right: 10px;
}

h2.node-title {
	margin: 0 0 10px 0;
}

.node-title a {
  width: 100%;
  padding: 5px 15px;
  border-radius: 10px;
  display: block;
  line-height: 1.1;
}

h4.subtitle {
	margin: 5px 0;
}

h4.subtitle a {
	font-size: 1em;
	color: red;
}

.view-blog .body {
  min-height: 75px;
}
view-blog .body p {
  line-height: 1.2em;
  font-size: 1em;
  margin-bottom: 5px;
}

.view-blog .image-field {
  float: left;
  margin: 2px 5px 0 0;
}
.view-blog .views-row {
  position: relative;
}
.view-blog .views-row:after {
  content: "";
  clear: both;
  display: block;
  margin-bottom: 20px;
}

.view-blog .media {
  float: left;
  margin-right: 10px;
  height: 00%;
}

.media-collection {
  min-width: 100px;
  border: 0px solid orange;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 200px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}

.layout__region--middle .body {
  text-align: left;
  flex-basis: 200px;
  flex-shrink: 5;
  flex-grow: 1;
}
.layout__region--middle .media-collection .field-type-media {
  min-width: 160px;
  border: 0px solid black;
}

.view-blog .more-link {
  float: right;
}

.view-blog .pager__item {
	padding: 0;
	margin: 5px;
}

.view-blog .pager__item a {
	display: inline-block;
	font-family: Heebo, sans-serif;
	color: red;
	background-color: silver;
  line-height: 1;
  padding: 7px 12px;
  border-radius: 10px;
  margin: 5px 0;
}

.view-blog .pager__item.active a {
	background-color: red;
	color: white;
}

h3.tts-icon {
	margin: 5px 0 0 0;
}

.body p {
	margin: 0 0 10px 0;
}

.speech-icon {
	color: red;
	font-size: 32px;
}

.ui-dialog.ui-corner-all {
	background-color: red;
	color: yellow;
	width: 400px;
	max-width: 90%;
}