/* System Styles */
.system-style .phone-link {
	color: var(--text-color);
}
 
.system-style .a-con p {
    color: var(--black-color);
}

.article-info span.label-style, .article-info p {
	display:	inline;
}

.system-style figure .cms-jwplayer {
	border-radius:	var(--radial-border);
	overflow: hidden;
    z-index: 4;
}

.inline-svg {
    color: var(--text-color);
    position: relative;
    padding-left: 1.67em;
}

*:not([class*="flex"]) > .inline-svg {
	margin-top: 0.2em;
}

.inline-svg svg {
	font-size: 1.1em;
	color: var(--click1-color);
	left: 0;
	position: absolute;
	top: 0.4rem;
}

.inline-svg[class*="flex-"] svg {
	top: initial;
}

.system-style.featured {
	padding-top:6.389rem;
	padding-bottom:4.444rem;
	margin-bottom:5.556rem;
}
/* End System Styles */

/* Social Icon System Styles */
.system-style .social li a {
	border-radius: 50%;
	background-color: var(--click1-color);
	padding: .2778em;
	transition: background-color var(--transit-1);
}

.system-style .social li a:hover, .system-style .social li a:focus {
	background-color: var(--primary-color);
}

.system-style .social li a svg {
	color: var(--white-color);
	font-size: 0.556rem;
}

/* Social Icon System Styles */

/* System Callout Styles */
.system-callout {
	background-color: var(--off-color);
	padding: 1.89em 2.22em;
}

.system-callout > li {
	padding-top: var(--spacing-tiny);
}

.system-callout > li:first-child,
.system-callout > li.total-0 + li {
	padding-top: 0;
}
/* End System Callout Styles */


/* System Entry Styles */
.system-entry h1 {
	margin-bottom: calc(var(--spacing-variable) * .5);
}

.system-entry > .inline-items, .system-entry .content-style .inline-items {
	margin-top: calc(var(--spacing-variable) * 0.67);
}

.system-entry .inline-items > li > *:not(p) {
	line-height: 1.8;
}

.system-entry .inline-items > li > p:first-child {
	margin-top: 0;
}

.system-entry > figure {
	margin-top: calc(var(--spacing-variable) * 1.45);
}

.side-zone .system-entry > figure {
	margin-top: 0;
}

.system-entry figure.play img {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.system-entry .system-callout {
	margin-top: calc(var(--spacing-variable) * 1);
}

.system-entry > .title-style-5 + .system-callout {
	margin-top: calc(var(--spacing-variable) * 1.7);
}

.system-entry > .content-style:not([class*="mar-t"]) {
	margin-top: calc(var(--spacing-variable) * 1.67);
}

.system-entry > .content-style [data-popup] figure.system-card {
	margin-top: calc(var(--spacing-variable) * 1.5);
}

.system-entry > .share {
	margin-top: calc(var(--spacing-variable) * 1.33);
}

.side-zone .system-entry > .title-style-1 {
	display: none;
}

.side-zone .system-entry > header {
	padding-bottom: calc(var(--spacing-variable) / 3);
}

.side-zone .system-entry > div .label-style {
	line-height: 1;
	padding-top: calc(var(--spacing-variable) * 1);
}

.side-zone .system-entry > div .label-style:first-of-type {
	padding-top: calc(var(--spacing-variable) * .7);
}

.side-zone .system-entry *[class*="flex-"] > .label-style, .side-zone .system-entry *[class*="flex-"] > .label-style:first-of-type {
	padding-top: 0;
}
/* System Entry Styles */

/* Responsive Width 1024px */
@media screen and (max-width: 1024px) {
	.system-callout {
		padding: 1.5em;
	}
	
	.system-entry .system-callout {
		margin-top: calc(var(--spacing-variable) * .5);
	}
	
	.system-callout > li {
		padding-top: .25rem;
	}
	
	.system-entry > figure {
		margin-top: calc(var(--spacing-variable) * .5);
	}
	
	.system-entry > .content-style {
		margin-top: calc(var(--spacing-variable) * 1);
	}
	
	.side-zone .system-entry > div .label-style {
		padding-top: calc(var(--spacing-variable) * .5);
	}
	
	.system-callout.cta {
		padding: 1.5em;
	}
	
	.system-callout.cta.v1 > * + strong {
		padding-top: calc(var(--spacing-variable) * .5);
	}
	
	.system-callout.cta.v1 > p {
		margin-top: .5em;
	}
	
	.system-entry > .share {
		margin-top: calc(var(--spacing-variable) * .5);
	}
	
	a:hover figure .play-btn, a:focus figure .play-btn, 
	figure.play:hover .play-btn, figure.play:focus-within .play-btn {
		background-color: var(--click1-color);
	}
	
	.system-style .social li a:hover, .system-style .social li a:focus {
		background-color: var(--click1-color);
	}
	
	.side-zone .system-entry > .title-style-1 {
		display: block;
	}
	
	.two-col-container .side-zone .system-entry {
		width:100% !important;
	}
}
/* Responsive Width 1024px */

/* Responsive Width 500px */
@media screen and (max-width:500px){
	.system-callout[class*="flex"] figure + div {
		width: 100%;
	}
}
/* Responsive Width 500px */