/* reset qards footer style */

.dm-footer,
.dm-footer .footer,
.dm-footer .footer .container {
	float: left !important;
	width: 100%;
	margin: 0;
	padding: 0;
}

.qards-posts {
	position: relative;
	display: block;
	margin: 0 20px;
	clear: both;
	text-align: left;
	line-height: 1.65;
	font-size: 23px;
	color: #666;
}

@media(max-width: 560px) {
	.qards-posts {
		margin: 0;
	}
}

.col {
	float: left;
}

.col.col-3 {
	width: 25%;
	padding: 20px;
}

@media(max-width: 1140px) {
	.col.col-3 {
		width: 50%;
	}
}

@media(max-width: 768px) {
	.col.col-3 {
		width: 50%;
	}
}

@media(max-width: 560px) {
	.col.col-3 {
		width: 100%;
	}
}

.col .qpost {
	background: #eee;
	padding: 20px;
	display: block;
}

.col .qpost h3 {
	margin-bottom: 20px;
	color: #000;
}

.col .qpost p,
.col .qpost .wp-caption-text {
	margin-bottom: 20px;
	display: block;
	font-size: 18px;
}

.col .qpost img,
.col .qpost iframe,
.col .qpost figure {
	width: 100%;
	max-width: 100%;
	display: block;
	height: auto;
	margin-bottom: 20px;
}

.col .qpost a {
	/* 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;
	  color: #666 !important;
}

.wp-playlist.wp-audio-playlist {
	background: #000;
	color: #fff;
	border: none;
}

.wp-playlist-item-length,
.wp-playlist-item-title,
.wp-playlist-item-artist,
.wp-playlist-item-meta,
.wp-playlist-item .wp-playlist-caption {
	color: #ddd;
	font-weight: normal;
	outline: none;
}
.wp-playlist-item.wp-playlist-playing,
.wp-playlist-item.wp-playlist-playing .wp-playlist-item-length,
.wp-playlist-item.wp-playlist-playing .wp-playlist-item-title,
.wp-playlist-item.wp-playlist-playing .wp-playlist-item-artist,
.wp-playlist-item.wp-playlist-playing .wp-playlist-item-meta,
.wp-playlist-item.wp-playlist-playing .wp-playlist-caption {
	background: none !important;
	color: #fff;
}