/* WebJunction promo banners */
#wjp-banner {
	--wjpbc: var(--blue);
  --wjpbc-contrast: var(--blue-contrast);
  --wjpbc-dark: var(--blue-dark);
  --wjpbc-subtle: var(--blue-subtle);
  --wjpbc-subtle-contrast: var(--blue-subtle-contrast);
	margin: 4rem 0;
	border: 1px solid var(--wjpbc-dark);
}

#wjp-banner .customjavascript.section,
#wjp-banner .parsyscolumncontrol.section,
#wjp-banner .parsys_column,
#wjp-banner .parbase.section,
#wjp-banner p.cta {
	margin: 0;
}

#wjp-banner h1, 
#wjp-banner h2, 
#wjp-banner h3, 
#wjp-banner h4, 
#wjp-banner h5, 
#wjp-banner h6,
#wjp-banner p,
#wjp-banner li {
	color: inherit;
	font-family: 'Graphik Web', Graphik, Arial, Helvetica, sans-serif;
}

#wjp-banner h1, 
#wjp-banner h2, 
#wjp-banner h3, 
#wjp-banner h4, 
#wjp-banner h5, 
#wjp-banner h6 {
	font-weight: bold;
	letter-spacing: -0.018em;
	line-height: 1.15;
}

#wjp-banner h1 {
	font-size: 56px;
}
#wjp-banner h2 {
	font-size: 44px;
}
#wjp-banner h3 {
	font-size: 36px;
}
#wjp-banner h4 {
	font-size: 28px;
}
#wjp-banner h5 {
	font-size: 24px;
}
#wjp-banner h6 {
	font-size: 21px;
}
        
#wjp-banner p {
	font-size: 18px;
	line-height: 1.4;
}

#wjp-banner .cta a {
	display: inline-block;
	margin: -8px 0 0;
	padding: 4px 12px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none !important;
	transition: color 100ms ease-in-out, border 100ms ease-in-out, background 100ms ease-in-out;
	box-shadow: none;
	text-shadow: none;
	border-radius: 0px;
	background: transparent;
	color: var(--wjpbc);
	border: 4px solid var(--wjpbc);
}

#wjp-banner .cta a:hover,
#wjp-banner .cta a:active,
#wjp-banner .cta a:focus {
	color: var(--wjpbc-subtle-contrast);
	background: var(--wjpbc-subtle);
	border: 4px solid var(--wjpbc-subtle-contrast);
}

#wjp-banner .parsys_column.cq-colctrl-lt1-c0 {
	background: var(--wjpbc-dark);
	text-shadow: 0 0 8px rgba(0,15,26,.2);
	color: #FFF;
	position: relative;
}

#wjp-banner .parsys_column.cq-colctrl-lt1-c0 .text {
	position: relative;
	z-index: 1;
}

#wjp-banner .parsys_column.cq-colctrl-lt1-c0 .image img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	mix-blend-mode: soft-light;
}

#wjp-banner .parsys_column.cq-colctrl-lt1-c0,
#wjp-banner .parsys_column.cq-colctrl-lt1-c1 {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

#wjp-banner .parsys_column.cq-colctrl-lt1-c0 .col0.parsys {
	padding: 32px 24px 14px;
}

#wjp-banner .parsys_column.cq-colctrl-lt1-c1 .col1.parsys {
	padding: 18px 24px;
}

@media screen and (max-width: 600px) {
	#wjp-banner .parsys_column.cq-colctrl-lt1-c0,
	#wjp-banner .parsys_column.cq-colctrl-lt1-c1 {
		display: block;
	}
}