@keyframes rotate {
  0% {
    transform: rotate( 0deg );
  }
  100% {
	transform: rotate( 359deg );
  }
}

.ws-record-list-total {
	font-family:Montserrat, Arial, sans-serif;
	font-size:16px;
	color:#3c3c3c;
}

.ws-record-list {
	list-style-type:none;
	margin:20px -10px 0px;
	padding:0px;
}

.ws-record-list:after {
	content:"";
	display:block;
	clear:both;
}

.ws-record-list > .ws-record-content-list{
	width: calc( 20% - 20px );
	float:left;
	margin:0px 10px 20px;
	border:5px solid #ff0000;
	border-radius:4px;
	box-sizing: border-box;
	position:relative;
	transform: scale( 1 );
	transition: transform 0.3s ease-out;
}

.ws-record-list > .ws-record-content-list:hover,
.ws-record-list > .ws-record-content-list.open-tag-box {
	transform: scale( 1.05 );
}

.ws-record-list > .ws-record-content-list:before {
	content:"";
	display:block;
	opacity:0;
	position:absolute;
	bottom:-34px;
	left: calc( 50% - 10px );
	z-index:11;
	width:20px;
	height:15px;
	background-color:#f8f8f8;
	transition:opacity 0.4s ease-out;
}

.ws-record-list > .ws-record-content-list:after {
	content:"";
	display:block;
	opacity:0;
	position:absolute;
	bottom:-26px;
	left: calc( 50% - 8px );
	z-index:10;
	width:15px;
	height:15px;
	transform:rotate(45deg);
	border:1px solid #e2e2e2;
	background-color:#f8f8f8;
	transition:opacity 0.4s ease-out;
}

.ws-record-list > .ws-record-content-list.open-tag-box:before,
.ws-record-list > .ws-record-content-list.open-tag-box:after {
	opacity:1;
}

.ws-record-list > .ws-record-content-list.content-first-col {
	clear:both;
}

.ws-record-list .display-related-tag-container {
	clear:both;
	display:none;
}

.display-related-tag-container .ws-record-tag-content {
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	padding:20px 20px 12px;
	line-height:1em;
	margin:0px 10px 10px;
	background-color:#f8f8f8;
	border:1px solid #e2e2e2;
	border-radius:7px;
}

.display-related-tag-container .related-tags-text {
	position:relative;
	top:6px;
	color:#3c3c3c;
	font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.display-related-tag-container .ws-record-tag-content .tag-boxes {
	padding-left:8px;
}

.display-related-tag-container .ws-record-tag-content .tag-boxes:after {
	content:"";
	display:block;
	clear:both;
}

.display-related-tag-container .ws-record-tag-content .tag-boxes .content-tag.tag-box {
	margin-bottom:0px;
	background-color:transparent;
	border:1px solid #c04732;
	color:#c04732;
}

.display-related-tag-container .ws-record-tag-content .tag-boxes .content-tag.tag-box:hover {
	margin-bottom:0px;
	background-color:#c04732;
	border:1px solid #c04732;
	color:#fff;
}

.ws-record-pagination {
	padding-top:30px;
}

#btn-infinite-scroll {
	display:block;
	margin:0px auto;
	max-width:145px;
	text-align:center;
	padding:13px 20px 13px 20px;
	border-radius:5px;
	background-color:#c04732;
	color:#fff;
	font-family:Gloock, Georgia, 'Times New Roman', Times, serif;
	font-size:16px;
	line-height:20px;
	text-decoration:none;
}

#btn-infinite-scroll span:before {
	content:"\f347";
	font-family:dashicons;
	display:inline-block;
	position:relative;
	top:3px;
}

#btn-infinite-scroll.loading span:before {
	animation-name: rotate;
  	animation-duration: 0.8s;
  	animation-iteration-count: infinite;
  	animation-timing-function: ease-in-out;
  	animation-direction: alternate;
	content:"\f531";
}

#btn-infinite-scroll.hide {
	display:none;
}