/************************/
/* =Ad Takeover */
/************************/

body.ad.page-template-about #featured-required,
body.ad.page-template-sitemap #featured-required {
	width: 1000px;

	@media #{$small-only} {
		width: 100%;
	}
}

body.ad.page-template-account #featured-required,
body.ad.page-template-subscriptions #featured-required {
	border-right: 0;
	border-left: 0;

	@media #{$small-only} {
		width: 100%;
	}
}

body.ad.page-template-account #featured-required,
body.ad.single #featured-required {
	width: 1000px;

	@media #{$small-only} {
		width: 100%;
	}

	.entry-title {
		background-color: #fff;

		@media #{$small-only} {
			background-color: #f7f7f7;
		}
	}
}

body.ad {
	// promo header ad
	#TakeoverBackground{
		background-repeat: repeat-y;
		background-position: top center;
		background-attachment: fixed;
		@media #{$small-only} {
			background-image:url('');
		}
	}

	//Billboard Ads
	#gpt-ad-slot-promo-header{
		margin: 0 auto;
		width: 1024px;
		position: relative;
		@media #{$small-only} {
			display: none;
			visibility: hidden;
		}
	}

	#gpt-ad-slot-promo-header > a{
		padding:0 12px;
	}

	.PageContainer:not(.footer){
		width:1024px;
		margin:0 auto;
		@media #{$small-only} {
			width:auto;
		}
	}

	.gutteradArea{
		margin: 0 auto;
		width: 1024px;
		position:relative;
		@media #{$small-only} {
			width:auto;
		}
	}

	#gutters-ad{
		width: 100%;
		height: 100%;
		position: absolute;
	}

	#gutters-ad > div{
		width: 100%;
		height: 100%;
	}

	#gutters-ad > div > iframe{
		width: 100%;
		height: 100%;
	}

	#gpt-ad-slot-promo-header> div{
		text-align :center;
	}
	.sticky { position: fixed !important; top: 0px; }

	.footer { opacity: 0.99; }
}

body.ad.page-template-page-magazines,
body.ad.page-template-page-issue,
body.ad.page-template-account,
body.ad.category,
body.ad.single,
body.ad.search,
body.ad.tag {
	.leaderboard {
		@include leaderboard;
		max-width: 1000px;
		min-width: 1000px;
		margin: 0 auto;
	}
}

body.ad .related-posts {
	min-width: 1000px;

	.wrapper {
		padding: 0px;
	}

	.pattern {
		min-width: 100%;
	}

	&:before {
		min-width: 1000px;

		@media #{$small-only} {
			min-width: 100%;
		}
	}

	@media #{$small-only} {
		min-width: 100%;
	}
}

body.ad.category .masthead-wrap,
body.ad.tag .masthead-wrap,
body.ad.search .masthead-wrap,
body.ad.page-template-mediawall .masthead-wrap,
body.ad.author .masthead-wrap,
body.ad.single .masthead-wrap,
body.ad.magazine .masthead-wrap,
body.ad.issue .masthead-wrap,
body.ad.by-month .masthead-wrap,
body.ad.page-template-promoted .masthead-wrap,
body.ad.page-template-about .masthead-wrap,
body.ad.page-template-sitemap .masthead-wrap,
body.ad.page-template-account .masthead-wrap,
body.ad.page-template-subscriptions .masthead-wrap {
	background-color: transparent;
}

body.ad.category .top-bar-container,
body.ad.tag .top-bar-container,
body.ad.search .top-bar-container,
body.ad.page-template-mediawall .top-bar-container,
body.ad.author .top-bar-container,
body.ad.single .top-bar-container,
body.ad.magazine .top-bar-container,
body.ad.issue .top-bar-container,
body.ad.by-month .top-bar-container,
body.ad.page-template-promoted .top-bar-container,
body.ad.page-template-about .top-bar-container,
body.ad.page-template-sitemap .top-bar-container,
body.ad.page-template-subscriptions .top-bar-container,
body.ad.page-template-account .top-bar-container {
	background-color: transparent;
}

body.ad.category .top-bar,
body.ad.tag .top-bar,
body.ad.search .top-bar,
body.ad.page-template-mediawall .top-bar,
body.ad.author .top-bar,
body.ad.single .top-bar,
body.ad.magazine .top-bar,
body.ad.issue .top-bar,
body.ad.by-month .top-bar,
body.ad.page-template-promoted .top-bar,
body.ad.page-template-about .top-bar,
body.ad.page-template-sitemap .top-bar,
body.ad.page-template-subscriptions .top-bar,
body.ad.page-template-account.top-bar {
	background-color: transparent !important;
}

body.ad.error404 .gutteradArea,
body.ad.page-template-sitemap .gutteradArea,
body.ad.page-template-about .gutteradArea,
body.ad.page-template-mediawall .gutteradArea {
	width: 100%;

	.PageContainer {
		width: 100%;
	}
}