/**
 * Fagligsenior STEP Network Ads - Frontend Styles
 * 
 * @package FagligseniorStepNetworkAds
 * @version 1.0.0
 */

/* ==========================================================================
   Fagligsenior and seniornews styles
   ========================================================================== */
body {
	overflow-x: hidden;
}
.wp-theme-fagligsenior .breadcrumbs {
	max-width: 100%;
}
.single-post {
	.content-wrapper {
		max-width: 1246px;
	}
}
@media (min-width: 720px) {
	.wp-theme-fagligsenior .content-wrapper .aside-left {
		gap: 1rem;
	}
	.wp-theme-fagligsenior .content-wrapper .aside-left .main {
		width: 100%;
		max-width: 930px;
	}
}

/* ==========================================================================
   Top Desktop Ad Styles
   ========================================================================== */
.fagligsenior-top-ad {
	position: relative;
	z-index: 10000;
	width: 100%;
	background: #fff;
}

body.has-top-ad .header-wrapper {
	position: relative !important;
	top: auto !important;
	width: 100%;
	z-index: 9999;
	transition: all 0.3s ease;
}

body.has-top-ad.header-fixed .header-wrapper {
	position: fixed !important;
	top: 0 !important;
	width: 100%;
	z-index: 9999;
}

body.has-top-ad .header-wrapper .header-inner,
body.has-top-ad .header-wrapper .service-nav {
	transition: all 0.3s ease-in-out;
}

body.has-top-ad {
	margin-top: 0;
}

body.has-top-ad.header-fixed .content-wrapper,
body.has-top-ad.header-fixed .event-archive-wrapper {
	padding-top: 0;
	margin-top: 0;
}

/* ==========================================================================
   Sticky Banner Styles
   ========================================================================== */

.container-wrapper {
	position: relative;
}
.sticky-banner {
	position: absolute;
	z-index: 999;
	top: 125px;
	height: 600px;
	min-width: 300px;
	opacity: 0;
	transition: top 0.3s ease-in-out;
}

.sticky-banner > div > div > div:before {
	content: "Annonce";
	position: relative;
	text-align: center;
	font-size: 14px;
	color: #b8b8b8;
	display: block;
	font-family: tahoma, sans-serif;
}

.sticky-banner--left {
	left: var(--sticky-left-position, 0);
	> div {
		> div {
			display: flex;
			justify-content: flex-end;
			> div {
				margin: 0 !important;
			}
		}
	}
}
.sticky-banner--right {
	right: var(--sticky-right-position, 0);
	> div {
		> div {
			display: flex;
			justify-content: flex-start;
			> div {
				margin: 0 !important;
			}
		}
	}
}
.sticky-banner > div {
	transform: translateY(50px);
	transition: transform 0.3s ease-in-out;
}

/* When banner becomes sticky (glue class applied) */
.sticky-banner.glue {
	position: fixed;
	z-index: 1000;
}
.glue > div {
	transform: translateY(0px);
}

/* When banner stops at footer */
.sticky-banner.footer-stop {
	position: absolute !important;
	top: var(--footer-stop-position, auto) !important;
	bottom: auto;
	margin: 0;
	z-index: 1000;
}
.sticky-banner.footer-stop > div {
	transition: none;
	transform: translateY(0px);
}

.seniornews-after-header-ad {
	padding-top: 2rem;
}

div[data-manual-placement-group="div-gpt-ad-billboard_1"] > div:before,
div[data-manual-placement-group="div-gpt-ad-billboard_2"] > div:before,
div[data-manual-placement-group="div-gpt-ad-billboard_3"] > div:before,
div[data-manual-placement-group="div-gpt-ad-billboard_4"] > div:before,
div[data-manual-placement-group="div-gpt-ad-billboard_5"] > div:before,
div[data-manual-placement-group="div-gpt-ad-mobile_1"] > div:before,
div[data-manual-placement-group="div-gpt-ad-mobile_2"] > div:before,
div[data-manual-placement-group="div-gpt-ad-mobile_3"] > div:before,
div[data-manual-placement-group="div-gpt-ad-mobile_4"] > div:before,
div[data-manual-placement-group="div-gpt-ad-mobile_5"] > div:before {
	content: "Annonce";
	position: relative;
	text-align: center;
	font-size: 14px;
	color: #b8b8b8;
	display: block;
	font-family: tahoma, sans-serif;
	height: 26px;
	width: 100%;
	margin-top: 1rem;
}

div[data-manual-placement-group="div-gpt-ad-mobile_1"] > div,
div[data-manual-placement-group="div-gpt-ad-mobile_2"] > div,
div[data-manual-placement-group="div-gpt-ad-mobile_3"] > div,
div[data-manual-placement-group="div-gpt-ad-mobile_4"] > div,
div[data-manual-placement-group="div-gpt-ad-mobile_5"] > div {
	margin-bottom: 1rem;
}
.article-billboard-1,
.bottom-billboard-2,
.top-billboard-2 {
	position: relative;
	max-width: 930px;
	width: 100%;
	margin: 0 auto;
}
.dynamic-ad {
	clear: both;
}

.article-billboard-1 {
	margin-bottom: 1rem;
}
div[data-ay-manager-id="div-gpt-ad-billboard_1"],
.top-billboard-2 {
	margin-top: 1.5rem;
}
div[data-ay-manager-id="div-gpt-ad-billboard_5"],
div[data-ay-manager-id="div-gpt-ad-billboard_3"],
.news-billboard-2 div[data-manual-placement-group="div-gpt-ad-billboard_2"] > div,
.bottom-billboard-2,
.top-billboard-2 {
	margin-bottom: 1.5rem;
}
.bottom-billboard-2 {
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.article-billboard-3 {
	margin: 1rem 0;
}
.article-billboard-4 {
	height: 600px;
	width: 100%;
	max-width: 930px;
}