/* ******************* Default Ads Area ******************* */

/* Image Banners */

#dtnContainer {
	display: inline-block;
	padding: 0 0 20px 0;
	width: 100%;
	text-align: center;
}
#dtnContainer .dtnad {overflow:hidden; display: inline-block; }
.sidebar_container #dtnContainer .dtnad img { width: 100%  !important;} 

/* Text Ads */
#dtnSpotlight {
	display: block; 
	padding: 50px 15px 30px;
	width: 100%;
	margin: 40px 0;
	border: 1px solid #69a0b9;
}

#dtnSpotlight .spotlight-cont{
	position: relative;
}


div#dtnSpotlight .title {
	display: block;
	font-family: 'vista-slab';
	font-size: 22px;
	position: absolute;
    width: 100%;
    top: -85px;
}

#dtnSpotlight .title .inner {
	overflow: hidden;
	height: 80px;
	display: block;
	text-align: left;
}
#dtnSpotlight .title .inner-text {
	display: inline-block;
	background-color: #FFF;
    padding: 0 15px;
}
#dtnSpotlight .title .logo {
	display: inline-block;
	width: 50px;
	height: 80px;
	background: url(/includes/public/assets/dtn-logo.png) no-repeat;
	vertical-align: middle;
	margin-right: 8px;
}
#dtnSpotlight .sponsored {
	position: absolute;
	font-size: 13px;
	color: rgba(50, 60, 70,0.4);
}

#dtnSpotlight .title .text.v2 { display: none;} /* default for unknown container */

#dtnSpotlight .dtnad.spotlight {
	border-bottom: 2px solid #eaebec;
	margin-bottom: 10px;
}
#dtnSpotlight .dtnad.spotlight a {
	color: #323c46;
	font-size: 18px;
	display: block;
	line-height: 24px;
}


.footer-dtn {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 50;
	height: 50px;
	text-align: center;
}
.footer-dtn #dtnContainer { text-align: center; padding-bottom: 0;}
.footer-dtn #dtnContainer .dtnad { display: inline-block; }

/* main container and one colums styling */
#dtnSpotlight .title .text.v1,.main_container #dtnSpotlight .title .text.v1 { display: none; }
#dtnSpotlight .title .text.v2, .main_container  #dtnSpotlight .title .text.v2 { 
	display: inline-block; 
	text-transform: uppercase;
	color: #69a0b9;
	font-size: 22px;
}

#dtnSpotlight .title, .main_container #dtnSpotlight .title {
	padding: 0px 80px;
	margin: 0;
}
#dtnSpotlight .bottom-border,.main_container #dtnSpotlight .bottom-border {
	margin: 0px 80px;
}

#dtnSpotlight .title .inner, .main_container #dtnSpotlight .title .inner {
	text-align: center;
	position: relative !important;
}
#dtnSpotlight .title .inner .inner-text,
.main_container #dtnSpotlight .title .inner .inner-text { position: relative;}

/*#dtnSpotlight .title .inner .inner-text:after,
#dtnSpotlight .title .inner .inner-text:before,
.main_container #dtnSpotlight .title .inner .inner-text:after,
.main_container #dtnSpotlight .title .inner .inner-text:before {
	content: "";
	position: absolute;
	height: 2px;
	width: 500px;
	background: #e7eae3;
	top: 50%;
}*/
/*#dtnSpotlight .title .inner .inner-text:after,
.main_container #dtnSpotlight .title .inner .inner-text:after { right: -20px; margin-right: -500px; }
#dtnSpotlight .title .inner .inner-text:before,
.main_container #dtnSpotlight .title .inner .inner-text:before { left: -20px; margin-left: -500px; }*/

#dtnSpotlight .adContainer,
.main_container .adContainer {
	font-size: 0;
	text-align: center;
}
#dtnSpotlight .dtnad.spotlight {
	display: inline-block;
	width: 20%;
	vertical-align: top;
	text-align: left;
	padding: 0 15px;
}

.sidebar_container #dtnSpotlight .dtnad.spotlight{
	width: 100%;
	padding: 0;
}
#dtnSpotlight .dtnad.spotlight img,
.main_container #dtnSpotlight .dtnad.spotlight img {
	margin-bottom: 10px;
	width: 100%;
}
#dtnSpotlight .dtnad.spotlight,
.main_container #dtnSpotlight .dtnad.spotlight {
	border-bottom: none;	
}

@media only screen and (min-width: 40.063em) {

	#dtnSpotlight .dtnad.spotlight a,
	.main_container #dtnSpotlight .dtnad.spotlight a {
		display: block;
	}
	#dtnSpotlight .title .text.v2, .main_container  #dtnSpotlight .title .text.v2 { 
		font-size: 36px;
	}

}


/* side bar styling */
.sidebar_container #dtnSpotlight .dtnad.spotlight:last-child {
	border-bottom: none;
}
.sidebar_container #dtnSpotlight .title { padding-left: 0; padding-right: 0;}
.sidebar_container #dtnSpotlight .title .inner { text-align: left; }
.sidebar_container #dtnSpotlight .title .inner .inner-text{
	color: #69a0b9;
	text-transform: uppercase;
}
.sidebar_container #dtnSpotlight .title .text.v1 { 
	display: block; }
.sidebar_container #dtnSpotlight .title .text.v2 { display: none; }
.sidebar_container #dtnSpotlight .inner {
	margin-bottom: 15px;
	height: 75px;
}
.sidebar_container #dtnSpotlight .spotlight a {
	padding-bottom: 10px;
}

.sidebar_container #dtnSpotlight  {
	border: 1px solid #69a0b9;
	padding: 45px 26px 9px 26px;

}
.sidebar_container #dtnSpotlight .spotlight:last-child a {
	padding-bottom: 0;
}

@media only screen and (max-width: 1025px) {
	.sidebar_container #dtnSpotlight {
		width: 48%;
		margin: 0 1% 45px;
	}
}

@media only screen and (max-width: 767px) {
	.sidebar_container #dtnSpotlight {
		width: 100%;
		margin: 40px 0 20px 0;
	}
}

@media only screen and (max-width: 640px) {
	#dtnSpotlight .spotlight a,
	.main_container #dtnSpotlight .spotlight a {
		padding-bottom: 10px;
	}

	#dtnSpotlight,
	.main_container #dtnSpotlight  {
		padding: 45px 26px 30px 26px;
	}
	#dtnSpotlight .dtnad.spotlight,
	.main_container #dtnSpotlight .dtnad.spotlight {
		display: block;
		width: 100%;
	}
	#dtnSpotlight .title, .main_container #dtnSpotlight .title {
		padding: 0 15px;
		}
	#dtnSpotlight .inner, #dtnSpotlight .inner  {
		margin-bottom: 15px;
		height: 75px;
	}
	#dtnSpotlight .title .inner .inner-text:after,
	#dtnSpotlight .title .inner .inner-text:before,
	.main_container #dtnSpotlight .title .inner .inner-text:after,
	.main_container #dtnSpotlight .title .inner .inner-text:before {
		display: none;
	}
	#dtnSpotlight .dtnad.spotlight,
	.main_container #dtnSpotlight .dtnad.spotlight {
		margin-bottom: 10px;
		padding: 0;
	}
	#dtnSpotlight .title, .main_container #dtnSpotlight .title {
		padding: 0px 15px;
		margin: 0;
	}
	#dtnSpotlight .bottom-border,.main_container #dtnSpotlight .bottom-border {
		display: none;
	}
}