/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.ad-posts { float:left; width:100%; padding: 40px 0; }
.ad-posts ul { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align:baseline; align-items: baseline; padding: 0 !important; }
.ad-posts.lateral ul { display: block; }
.ad-posts ul li { flex: 0 1 auto; /* set default for IE10 */ display: inline-flex; list-style: none; text-align: center; padding: 0 15px 30px 0; border: 0; background: none !important; }
.ad-posts ul li.last { padding-right: 0; }
.ad-posts ul li a { text-decoration: none !important; border: none; }
.ad-posts ul li a:hover, .ad-posts ul li span:hover { text-decoration: none !important; color:blue !important; }
.ad-posts.lateral ul li span { display: block; width: 100%; }
.ad-posts ul li span { width:200px; display: table-cell; padding-top: 6px; font-weight: bold; font-size: 14px; line-height: 18px; color: black; }

@media screen and (max-width: 800px) {
	.ad-posts ul { display: table; margin-left: 0; width: 100%; }	
	.ad-posts ul li { width: 100% !important; display: inline-table; padding-right: 0; }
	.ad-posts ul li div { height: 100% !important; }
	.ad-posts ul li span { width: auto; }
}