﻿/*==============================================
	HEADER ADVERTISES - MIDDLE, RIGHT
================================================*/

.adsHeader {
	padding: 0;
	padding-left: 1%;
	text-align: right;
	width: 30%;
	justify-self: end;
}

.adsHeader img {
	display: block;
	max-width: 100%;
	max-height: 140px;
	margin: 0 0 0 auto;
}

.adsHeader h3 {
	line-height: 100%;
	font-size: 1.1em;
	margin: 0.4em 0;
	padding: 0;
}

.adsHeader h3 a {
	color: rgba(0, 0, 0, 0.6);
}

.adsHeader .textNormal {
	font-size: 0.9em;
	line-height: 1.25;
	color: rgba(0, 0, 0, 0.6);
	padding: 0;
	margin: 0;
	text-align: right;
}

.adsHeader .textNormal p {
	margin: 0;
	padding: 0;
}

.adsHeader object,
.adsHeader embed,
.adsHeader iFrame.youtubeFrame {
	width: auto;
	height: 60px !important;
	border: 0;
	background: transparent;
}

/*==============================================
	ALL ADVERTISES - LEFT, MIDDLE, RIGHT
	.ads is a class of section and inherites its attributes
================================================*/
.ads {
	padding: 0;
	text-align: center;
}

.ads h5 {
	font-size: 0.8em;
	margin: 10px 0;
	padding: 0 5px 0 0;
	text-align: right;
}

.ads img {
	display: block;
	margin: 0 auto;
}

.ads>div {
	border: 1px solid #e9e9e9;
	background: #fff;
	border-radius: 9px;
	margin: 0;
	padding: 0.4em 1em 0 1em;
}

.ads ul,
.ads .item {
	margin: 20px 0 0 0;
}

.ads .item:first-child {
	margin: 0;
}

.ads .voteBG {
	background: #fff;
	border: 1px solid #e9e9e9;
	padding: 8px;
	margin-bottom: 3px;
	text-align: left;
	border-radius: 5px;
}

.ads ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ads>ul>li>a {
	position: relative;
	padding: 0 0 0 0.8em;
}

.ads>ul>li>a::before {
	content: "\2219";
	position: absolute;
	left: 0;
	top: 0.1em;
}

.ads ul li div {
	text-align: center;
}

.ads ul li div a {
	padding: 0;
}

.ads .imageCenter img {
	width: auto;
	max-width: 100%;
}

.ads .imageCenter object,
.ads .imageCenter embed,
.ads .imageCenter video,
.ads .imageCenter iFrame.youtubeFrame {
	width: 100%;
	max-width: 100%;
	max-height: 280px !important;
}

.ads iframe {
	border: 2px solid #fff;
}


.adsFooter {
	margin: 60px 20px;
}
.adsFooter [class*="block-"] {
	text-align: center;
	background: #fff;
	border: 1px solid #eeeeee;
	margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.adsFooter .imageCenter {
	padding: 6px !important;
}

.adsFooter h4 {
	margin: auto 0 0 0 !important;
	padding: 6px;
	border: 6px solid #fff;
	font-size: 1.1em;
	font-weight: normal;
	background: #eee;
}

/*==============================================
	FIRST PAGE SPACER ADS
================================================*/
#spacer {
	margin-bottom: 48px;
	display: flex;
}

#spacer>div {
	background: #fff;
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #eee;
	flex-grow: 1;
	flex-basis: 0;
	border-radius: 5px;
}

#spacer>div>div {
	font-size: 0.9em;
	line-height: 125%;
	text-align: left;
}

#spacer>div>div::after {
	content: "";
	display: table;
	width: 100%;
	clear: both;
}


#spacer img {
	margin: 0 5px 0 10px;
	max-width: 100%;
	float: right;
}

#spacer object,
#spacer embed,
#spacer iframe {
	width: 100%;
	max-width: 100%;
	max-height: 46px;
}


/*==============================================
	FIRST PAGE SPOTLIGHTS
================================================*/

.spots {
	clear: both;
	margin-bottom: 25px;
}

.spots h2 {
	position: relative;
	background: #2ea3f2;
	background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
	padding: 0 0 3px 20px;
	margin: 0 0 5px 0;
	border-radius: 0 0 0 5px;
	font-size: 1.1em;
	font-weight: normal;
	color: rgba(255, 255, 255, 0.98);
}

.spots h2:after {
	content: '\2023';
	font-size: 2em;
	position: absolute;
	top: 10px;
	left: 4px;
}

.spots h2 span {
	display: block;
	padding: 10px 8px 10px 8px;
	background: #2ea3f2;
	background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-radius: 0 0 0 5px;
}

.spots .event {
	clear: both;
	background: #fff;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #eee;
}

.spots .textSmall p:last-child {
	padding-bottom: 0px;
	margin-bottom: 0
}