/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.ellipsis-container {
	display:flex;
	align-items: center;
}
.text-ellipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.spacer-2-1 {
	padding-bottom:50%;
	display: block;
}
.spacer-3-1 {
	padding-bottom:33%;
	display: block;
}
.spacer-3-2 {
	padding-bottom:66%;
	display: block;
}
.spacer-3-3{
	padding-bottom:99%;
	display: block;
}
.spacer-4-1 {
	padding-bottom:25%;
	display: block;
}
.spacer-4-3 {
	padding-bottom:75%;
	display: block;
}

/* Button Animation */
.webspi-button{
	width:120px;
}
.webspi-button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.webspi-button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.webspi-button:hover span {
  padding-right: 25px;
}

.webspi-button:hover span:after {
  opacity: 1;
  right: 0;
}

/* Recent Post Default Thumbnail Sizing */
.webspi-rp-thumb {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.webspi-rp-thumb-spacer {
	width: 100%;
	padding-bottom: 50%;
}