﻿html {
	box-sizing: border-box
}

* {
	box-sizing: inherit;
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit
}

button,
input,
select,
option {
	font-family: inherit
}

strong {
	font-weight: bold
}

a {
	color: inherit
}

li {
	display: block
}

img,
video,
iframe {
	display: block
}

button {
	cursor: pointer
}

iframe {
	border: 0
}

cite {
	font-style: normal
}

abbr {
	text-decoration: none
}

img[src*="pd.sharethis.com"] {
	display: none !important
}

.ads-leaderboard,
.ads-square,
.ads-square-big {
	display: flex;
	align-items: center;
	align-content: center;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	overflow-y: hidden;
	text-align: center;
	width: auto;
	height: auto
}

.ads-leaderboard {
	min-height: 100px;
	margin-bottom: 2rem
}

.ads-square {
	min-height: 300px;
	max-height: 300px;
	overflow: hidden
}

.adthrive-device-desktop .ads-leaderboard {
	max-width: 728px;
	overflow: hidden
}

.adthrive-device-desktop .sidebar .ads-square {
	width: 300px;
	max-width: 300px;
	overflow: hidden
}

.ad {
	padding-top: 1.35rem;
	padding-bottom: 1.35rem;
	border: 0 !important;
	display: block;
	min-height: 250px
}

.ad,
.ad-video,
.ad-leaderboard,
.ad-leaderboard-news,
.ad-leaderboard-top,
.ad>*,
.ad-video>*,
.ad-leaderboard>*,
.ad-leaderboard-news>*,
.ad-leaderboard-top>* {
	align-items: center;
	align-content: center;
	margin-left: auto;
	margin-right: auto
}

.ad-leaderboard-top {
	padding: 0.5rem 0;
	width: 100%;
	min-height: 122px
}

.ad-leaderboard-wrap {
	display: flex;
	overflow: hidden;
	width: 100%
}

.ad-leaderboard-news {
	padding: 1rem 0;
	min-height: 90px
}

.ad-mobile-article-top {
	padding-top: 1.35rem;
	padding-bottom: 1.35rem;
	border: 0 !important;
	display: flex
}

@media (min-width: 1240px) {
	.ad-leaderboard-news {
		margin-top: -1rem
	}
}

.ad-video,
.ad-video-incontent {
	max-width: 600px;
	margin: 1.35rem auto 2rem !important;
	display: block !important
}

.ad-top {
	padding-top: 0
}

.ad-article-wrapper {
	display: block;
	position: relative;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	width: 100%;
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin-bottom: 2rem
}

.ad-article-wrapper:before {
	content: "Advertisement";
	position: absolute;
	top: -7px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: table;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 0.5rem;
	font-weight: 300;
	text-transform: uppercase;
	color: #d6d6d6;
	letter-spacing: .5px;
	background: #fff;
	padding: 0 1rem;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.ad-article {
	display: flex;
	justify-content: center;
	overflow-y: hidden;
	text-align: center;
	width: auto;
	height: auto
}

@media (min-width: 768px) {
	.ad-news {
		display: block;
		float: right;
		padding-top: 0.535rem;
		padding-left: 1.35rem;
		min-height: 250px
	}
	.ad-news-left {
		display: block;
		float: left;
		padding-top: 0.535rem;
		padding-right: 1.35rem;
		min-height: 250px
	}
}

.ad-spotim-wrapper {
	width: 100%
}

.sidebar .ad {
	max-width: 300px;
	width: 300px;
	overflow: hidden
}

.ad-spotim-wrapper {
	width: 88%;
	display: block;
	margin: 0 auto
}

div[class^="dm-gpt"],
div[class*=" dm-gpt"] {
	width: auto !important;
	height: auto !important
}

.adthrive-ad {
	margin: 0px !important
}

.adthrive-ad>div[id^=google_ads_iframe],
.adthrive-ad>iframe {
	display: flex !important;
	justify-content: center !important;
	overflow-y: hidden !important;
	text-align: center !important;
	width: auto !important;
	height: auto !important;
	margin: 0 auto !important
}

.adthrive-content.adthrive_content_mweb {
	display: block !important;
	position: relative;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	width: 100%;
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
	margin-bottom: 2rem !important;
	overflow: visible !important
}

.adthrive-content.adthrive_content_mweb:before {
	content: "Advertisement";
	position: absolute;
	top: -1px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: table;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 0.5rem;
	font-weight: 300;
	text-transform: uppercase;
	color: #d6d6d6;
	letter-spacing: .5px;
	background: #fff;
	padding: 0 1rem;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.adthrive-device-desktop .adthrive-header-1.adthrive_header_mweb {
	min-height: 100px !important;
	max-height: 100px !important;
	height: 100px !important;
	overflow: hidden !important
}

.adthrive-device-desktop .adthrive-sidebar.adthrive_sidebar_mweb {
	display: block !important;
	position: relative;
	max-width: 300px !important;
	width: 300px !important;
	overflow: hidden !important;
	padding-top: 1.35rem;
	padding-bottom: 1.35rem;
	border: 0 !important;
	display: block;
	min-height: 250px;
	margin-top: 0px !important;
	margin-bottom: 0px !important
}

.adthrive-footer-message {
	padding: 0.625rem;
	text-align: center;
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 0.8rem;
	line-height: 1;
	color: #bbbcbe;
	background-color: #20272a;
	z-index: 5000;
	margin-top: -1px !important;
	margin-bottom: 0px !important
}

.ad,
.ad-leaderboard-news {
	display: none
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/opensans400.woff2") format("woff2");
	font-display: swap
}

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: url("../fonts/opensans400i.woff2") format("woff2");
	font-display: swap
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/opensans700.woff2") format("woff2");
	font-display: swap
}

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: url("../fonts/opensans700i.woff2") format("woff2");
	font-display: swap
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/Roboto-Medium.woff2") format("woff2");
	font-display: swap
}

@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src: url("../fonts/Roboto-MediumItalic.woff2") format("woff2");
	font-display: swap
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/Roboto-Bold.woff2") format("woff2");
	font-display: swap
}

@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src: url("../fonts/Roboto-BoldItalic.woff2") format("woff2");
	font-display: swap
}

@font-face {
	font-family: 'Titling Gothic Comp Medium';
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/Titling-Gothic-FB-Comp-Medium.woff") format("woff");
	font-display: swap
}

@font-face {
	font-family: 'Font Awesome';
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/fontawesome-webfont.woff2") format("woff2");
	font-display: swap
}

.site-title .site-logo {
	display: block;
	width: 120px !important;
	height: 23px !important;
	background-image: url("../image/logo.png") !important;
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999em;
	margin: 0 auto
}

html {
	height: 100%;
	line-height: 1;
	color: #333333;
	background-color: #ffffff
}

body {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	font: 13px/1.231 arial, helvetica, clean, sans-serif;
	font-size: small;
	font: x-small
}

a {
	text-decoration: none
}

button {
	border: 0;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	text-transform: inherit;
	background-color: transparent;
	outline: none
}

.hidden {
	display: none !important
}

.main-summary {
	line-height: 1.5;
	margin-bottom: 1rem;
	padding: 1rem;
	font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 0.875rem;
	background-color: #e6e9ed;
	width: 100%
}

.main-summary p {
	margin-top: 1rem
}

.main-summary .main-summary-title {
	margin-bottom: 0.625rem;
	font-size: 0.9275rem;
	font-weight: 600;
	text-transform: uppercase
}

@media (min-width: 768px) {
	.main-summary {
		font-size: 1rem
	}
	.main-summary .main-summary-title {
		font-size: 1rem
	}
}

.main-summary .main-summary-more {
	margin: 0.5rem 0 0.5rem 1rem
}

.main-summary .main-summary-more a {
	color: #1da1f2
}

.main-summary .main-summary-more a:hover {
	color: #009eff;
	text-decoration: underline
}

.main-summary .main-summary-more:before {
	content: '\2022';
	margin-right: .5em;
	color: #1da1f2
}

.main-heading {
	flex-basis: 100%;
	flex-shrink: 0;
	line-height: 1.1;
	margin-bottom: 0.625rem;
	font-size: 1.95rem;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: subpixel-antialiased;
	text-transform: uppercase;
	letter-spacing: -.02em
}

@media (min-width: 768px) {
	.main-heading {
		font-size: 2.825rem;
		margin-bottom: 1.25rem
	}
}

.main-heading-small {
	flex-basis: 100%;
	flex-shrink: 0;
	line-height: 1.1;
	margin-bottom: 0.625rem;
	font-size: 1.5rem;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: subpixel-antialiased;
	text-transform: uppercase;
	letter-spacing: -.02em
}

@media (min-width: 768px) {
	.main-heading-small {
		font-size: 2.4rem;
		margin-bottom: 1.25rem
	}
}

.main-heading-block {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAE0lEQVQI12N4+vTpfwZ0ABeEMQDW9QsL4tECXgAAAABJRU5ErkJggg==") #fff;
	margin-bottom: 1rem
}

.main-heading-block>* {
	display: inline-block;
	position: relative;
	padding: 0.55rem;
	text-align: center;
	font-size: 1.275rem;
	font-family: Titling Gothic Comp Medium, Arial, Helvetica, sans-serif;
	letter-spacing: 0.035em;
	text-transform: uppercase;
	color: white;
	background-color: #f72210;
	-webkit-font-smoothing: antialiased
}

.main-heading-block>:after {
	position: absolute;
	display: block;
	content: "";
	width: 0;
	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;
	border-top: 0.5rem solid #f72210;
	left: 50%;
	bottom: -0.4375rem;
	margin-left: -0.5rem
}

@media (min-width: 768px) {
	.main-heading-block>* {
		font-size: 1.475rem;
		padding: 0.65rem
	}
}

@media (min-width: 1024px) {
	.main-heading-block>* {
		padding: 0.75rem;
		font-size: 1.2rem
	}
}

.generic-heading {
	flex-basis: 100%;
	flex-shrink: 0;
	margin-bottom: 0.625rem;
	font-size: 1.6rem;
	line-height: 1.1;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	font-weight: 700;
	letter-spacing: -.02em
}

@media (min-width: 768px) {
	.generic-heading {
		font-size: 2.0rem;
		margin-bottom: 1.25rem
	}
}

.generic-heading-small {
	flex-basis: 100%;
	flex-shrink: 0;
	margin-bottom: 0.625rem;
	font-size: 1.4rem;
	line-height: 1.1;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	font-weight: 700;
	letter-spacing: -.02em
}

@media (min-width: 768px) {
	.generic-heading-small {
		font-size: 1.6rem;
		margin-bottom: 1.25rem
	}
}

.generic-heading-block {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 1rem;
	text-transform: uppercase;
	font-style: italic;
	color: #333333;
	padding: 1rem;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAE0lEQVQI12N4+vTpfwZ0ABeEMQDW9QsL4tECXgAAAABJRU5ErkJggg==") #fff;
	font-family: Open Sans, Arial, sans-serif
}

@media (min-width: 1024px) {
	.generic-heading-block {
		font-size: 1.1rem
	}
}

.site-header,
.site-header>.inner {
	display: flex;
	flex-direction: row
}

.site-header {
	z-index: 10000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 3.125rem;
	justify-content: center;
	text-transform: uppercase;
	font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.05rem;
	color: #fff;
	background-color: #162026;
	max-width: 100vw
}

.site-header>.inner {
	width: 100%;
	max-width: 70.5rem;
	justify-content: space-between;
	align-items: center
}

.site-title {
	order: 2;
	flex: 1
}

.site-title img {
	width: auto;
	height: 2rem;
	margin-left: auto;
	margin-right: auto
}

.site-nav-button {
	order: 1;
	align-self: stretch;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1rem;
	color: #fff;
	background-color: #162026;
	cursor: pointer
}

.site-nav-button:before {
	font-family: "Font Awesome";
	content: "";
	font-size: 1.4rem;
	line-height: 0;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased
}

.site-nav-button span {
	display: none
}

.site-nav {
	display: none;
	position: fixed;
	left: 0;
	top: 3.125rem;
	width: 100%;
	max-width: 17.5rem;
	height: calc(100% - 3.125rem);
	overflow: auto;
	color: white;
	background-color: #162026
}

.site-nav.open {
	display: block;
	background-color: #162026
}

html.site-nav-open .main:after,
html.comments-open .main:after {
	content: "";
	position: fixed;
	z-index: 9000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.4
}

@media (min-width: 1024px) {
	html:not(.reading).site-nav-open .main:after {
		display: none
	}
}

html.site-nav-open,
html.comments-open {
	overflow: hidden
}

.site-nav a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%
}

.site-nav-content a {
	justify-content: flex-start;
	white-space: nowrap;
	padding: 1.25rem;
	border-bottom: solid 1px #3a3a3a;
	color: #fff;
	cursor: pointer
}

.site-nav-content a:hover,
.site-nav-content a:focus {
	color: #1da1f2;
	border-right: 0.25rem solid #1da1f2
}

@media (min-width: 768px) {
	.site-nav-content a {
		padding: 0.75rem
	}
	html:not(.reading) .site-nav-content a:hover,
	html:not(.reading) .site-nav-content a:focus {
		background-color: transparent
	}
}

.site-nav-content-more-button {
	display: none !important
}

.site-nav-social-items {
	display: flex;
	flex-direction: row;
	padding-left: 1rem;
	padding-right: 1rem
}

.site-nav-social-items>* {
	flex: 1
}

.site-nav-social-items a,
.site-nav-social-items button {
	padding: 0.5rem;
	cursor: pointer;
	color: #fff;
	font-weight: normal
}

.site-nav-social-items li:first-child a {
	padding-left: 0
}

.site-nav-social span {
	display: none
}

.site-nav-social a:before,
.site-nav-social button:before {
	font-family: "Font Awesome";
	font-size: 1rem;
	-webkit-font-smoothing: antialiased
}

.site-nav-social-items a:hover,
.site-nav-social-items a:focus,
.site-nav-social-items button:hover,
.site-nav-social-items button:focus {
	color: #009eff;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased
}

.site-nav-social-facebook a:before {
	content: ""
}

.site-nav-social-twitter a:before {
	content: ""
}

.site-nav-social-google-plus a:before {
	content: ""
}

.site-nav-social-youtube a:before {
	content: ""
}

.site-nav-social-instagram a:before {
	content: ""
}

.site-nav-social-feed a:before {
	content: ""
}

.site-nav-social-more button:before {
	content: ""
}

html.site-nav-social-more-items-open .site-nav-social-more button:before {
	content: ""
}

.site-nav-social-facebook a:hover {
	color: #00a3ff
}

.site-nav-social-twitter a:hover {
	color: #00a3ff
}

.site-nav-social-google-plus a:hover {
	color: #00a3ff
}

.site-nav-social-youtube a:hover {
	color: #00a3ff
}

.site-nav-social-instagram a:hover {
	color: #00a3ff
}

.site-nav-social-heading {
	display: none;
	font-style: italic
}

.site-nav-social-more {
	display: none
}

@media (min-width: 1024px) {
	html:not(.reading) .site-nav-button {
		display: none
	}
	html:not(.reading) .site-header>.inner {
		display: flex;
		flex-direction: row;
		align-items: stretch
	}
	html:not(.reading) .site-title {
		flex: initial;
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-left: 1.75rem
	}
	html:not(.reading) .site-nav {
		order: 2;
		flex: 1;
		margin-left: 3rem;
		display: flex;
		flex-direction: row;
		align-items: center;
		position: static;
		width: auto;
		max-width: none;
		height: auto;
		background-color: transparent;
		overflow: visible
	}
	html:not(.reading) .site-nav a {
		padding: 0.875rem
	}
	html:not(.reading) .site-nav-content {
		order: 1;
		flex: 1
	}
	html:not(.reading) .site-nav-content-items {
		display: flex;
		flex-direction: row;
		align-items: stretch;
		background-color: #162026
	}
	html:not(.reading) .site-nav-content-items a {
		border: 0
	}
	html:not(.reading) .site-nav-content-more {
		position: relative
	}
	html:not(.reading) .site-nav-content-more-button {
		display: flex !important;
		font-size: 1.375rem;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-weight: normal
	}
	html:not(.reading) .site-nav-content-more-items {
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
		padding-top: 0.625rem;
		background-color: #000
	}
	html:not(.reading) .site-nav-content-more-items.open {
		display: block
	}
	html:not(.reading) .site-nav-content-more-items a {
		width: 9rem;
		padding: 1rem;
		justify-content: flex-start
	}
	html:not(.reading) .site-nav-social {
		display: none
	}
	html:not(.reading) .site-nav-social-items a {
		padding: 0
	}
	html:not(.reading) .site-search {
		float: right
	}
}

@media (min-width: 1240px) {
	html:not(.reading) .site-nav-social {
		order: 2;
		display: flex;
		flex-direction: row;
		align-items: center
	}
	html:not(.reading) .site-nav-social-items a:before,
	html:not(.reading) .site-nav-social-items button:before {
		font-size: 1.3rem
	}
	html:not(.reading) .site-nav-social-items a {
		padding-right: 0.875rem
	}
	html:not(.reading) .site-nav-social-heading {
		display: block
	}
	html:not(.reading) .site-nav-social img {
		width: 1.25rem
	}
	html:not(.reading) .site-nav-social-feed {
		display: none
	}
	html:not(.reading) .site-nav-social-more {
		position: relative;
		display: block
	}
	html:not(.reading) .site-nav-social-more-items {
		display: none;
		position: absolute;
		z-index: 2000;
		right: 0;
		top: 100%;
		width: 15rem;
		padding: 1rem;
		background-color: black
	}
	html:not(.reading) .site-nav-social-more-items.open {
		display: block
	}
}

.site-search {
	order: 3;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-right: 0.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem
}

.site-search-open-button,
.site-search-submit-button,
.site-search-close-button {
	padding: 0.875rem
}

.site-search-open-button span,
.site-search-submit-button span,
.site-search-close-button span {
	display: none
}

.site-search-open-button:before,
.site-search-submit-button:before,
.site-search-close-button:before {
	display: block;
	font-family: "Font Awesome";
	color: #fff;
	-webkit-font-smoothing: antialiased
}

.site-search-open-button:before {
	content: ""
}

.site-search-submit-button:before {
	content: ""
}

.site-search-close-button:before {
	content: ""
}

.site-search-form {
	display: none
}

.site-search-form.open {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0.5rem;
	background-color: #162026
}

.site-search-input {
	flex: 1;
	padding: 0.25em;
	font-family: Helvetica, Verdana, Arial, sans-serif
}

@media (min-width: 1024px) {
	.site-search {
		position: relative
	}
	.site-search-form.open {
		left: auto;
		right: 0;
		top: 100%;
		width: 25rem
	}
	.site-search-submit-button {
		margin-right: 2rem
	}
}

.current-article-header {
	order: 2;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	transform: translateY(-100%);
	transition-property: transform;
	transition-duration: 0.25s;
	flex-basis: 0;
	overflow: hidden;
	visibility: hidden
}

html.reading .current-article-header {
	flex: 1;
	transform: translateY(0%);
	visibility: visible;
	width: auto
}

.current-article-site-title {
	display: none
}

.current-article-title {
	font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
	letter-spacing: normal
}

.current-article-overview {
	display: none
}

@media (min-width: 1024px) {
	.current-article-overview {
		display: block;
		flex: 1;
		margin-left: 0.625rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
	.current-article-heading {
		color: #999999;
		font-size: 0.75rem;
		margin-bottom: 0.125rem
	}
	.current-article-heading:after {
		content: ":"
	}
	.current-article-title {
		font-size: 1.25rem;
		text-transform: none
	}
}

.current-article-actions {
	flex: 1;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: stretch;
	margin-right: 1rem;
	font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
	color: white
}

@media (min-width: 768px) {
	.current-article-actions {
		margin-left: 0.625rem
	}
}

.current-article-actions>* {
	display: flex;
	align-items: stretch;
	flex-basis: 10rem
}

.current-article-actions>*+* {
	margin-left: 0.625rem
}

.current-article-button {
	display: block;
	flex: 1;
	padding: 0.5rem;
	text-align: center;
	font-size: 0.875rem
}

.current-article-button-facebook {
	background-color: #3b5998
}

.current-article-button-facebook:before {
	font-family: "Font Awesome";
	content: "" " ";
	-webkit-font-smoothing: antialiased;
	margin-right: 0.3rem
}

.current-article-button-facebook:hover,
.current-article-button-facebook:focus {
	background-color: #00a3ff
}

.current-article-button-facebook-label-facebook {
	display: none
}

@media (min-width: 768px) {
	.current-article-button-facebook-label-facebook {
		display: inline
	}
}

.current-article-button-comments {
	background-color: #10c46e
}

.current-article-button-comments:before {
	font-family: "Font Awesome";
	content: "" " ";
	-webkit-font-smoothing: antialiased;
	margin-right: 0.1rem
}

.current-article-button-comments:hover,
.current-article-button-comments:focus {
	background-color: #0eac61
}

.current-article-button-comments-label-comments {
	display: none
}

@media (min-width: 768px) {
	.current-article-button-comments-label-comments {
		display: inline
	}
}

.current-article-button-next {
	background-color: #444444
}

.current-article-button-next:after {
	font-family: "Font Awesome";
	content: " " "";
	-webkit-font-smoothing: antialiased
}

.current-article-button-next:hover,
.current-article-button-next:focus {
	background-color: #1da1f2
}

html.reading .site-title,
html.reading .site-search {
	display: none
}

@media (min-width: 768px) {
	html.reading .site-search {
		display: block
	}
}

.nav-message {
	display: block;
	width: 100%;
	min-height: 4.125rem;
	margin-top: 3.125rem;
	margin-bottom: -2.725rem;
	text-align: center
}

.nav-message .msg-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

.nav-message.comic-con {
	background-color: #ffd603
}

.nav-message.comic-con .msg-img {
	display: flex;
	margin-right: 0.5rem
}

.nav-message.comic-con .msg-img img {
	height: 62px
}

.nav-message.comic-con .msg-txt {
	font-size: 1rem
}

.nav-message.comic-con .msg-txt span {
	display: none
}

@media (min-width: 1024px) {
	.nav-message.comic-con .msg-txt span {
		display: inline
	}
}

.nav-message.comic-con .msg-txt strong {
	display: inline;
	border: 2px solid #000000;
	border-radius: 8px;
	padding: 8px;
	margin-right: 0.5rem;
	color: #ffd603;
	background-color: #162026;
	border-color: #162026;
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase
}

.nav-message.comic-con .msg-txt em {
	font-weight: bold
}

.site-footer {
	padding: 0.625rem;
	text-align: center;
	font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 0.8rem;
	line-height: 1;
	color: #bbbcbe;
	background-color: #20272a;
	z-index: 5000
}

.site-footer-social {
	text-transform: uppercase
}

.site-footer-social-heading {
	margin-bottom: 0.75rem
}

.site-footer-social-links {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 1.25rem
}

@media (min-width: 768px) {
	.site-footer-social-links>* {
		width: 2.8125rem;
		height: 2.8125rem
	}
}

.site-footer-social-links>*+* {
	margin-left: 0.25rem
}

.site-footer-social-links a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.25rem;
	height: 2.25rem;
	color: #fff
}

.site-footer-social-links span {
	display: none
}

.site-footer-social-links a:before {
	font-family: "Font Awesome";
	font-size: 1.2rem;
	-webkit-font-smoothing: antialiased
}

.site-footer-facebook:before {
	content: ""
}

.site-footer-facebook:hover {
	color: #00a3ff
}

.site-footer-google-plus:before {
	content: ""
}

.site-footer-google-plus:hover {
	color: #00a3ff
}

.site-footer-twitter:before {
	content: ""
}

.site-footer-twitter:hover {
	color: #00a3ff
}

.site-footer-youtube:before {
	content: ""
}

.site-footer-youtube:hover {
	color: #00a3ff
}

.site-footer-instagram:before {
	content: ""
}

.site-footer-instagram:hover {
	color: #00a3ff
}

.site-footer-feed:before {
	content: ""
}

.site-footer-feed:hover {
	color: #00a3ff
}

.site-footer-info-links {
	margin-bottom: 0.3125rem;
	color: #1da1f2;
	text-transform: uppercase
}

.site-footer-info-links>* {
	display: inline;
	padding: 0.625rem
}

.site-footer-info-links a:hover {
	text-decoration: underline
}

.site-footer-logo {
	width: 5rem;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.625rem;
	margin-bottom: 0.625rem
}

.site-footer-copyright {
	margin-top: 0.625rem;
	color: #cac9c9
}

.back-to-top-button {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 7000;
	right: 0.8125rem;
	bottom: 0.8125rem;
	width: 4.125rem;
	height: 4.125rem;
	color: white;
	background-color: #ccccca;
	opacity: 0.4
}

.back-to-top-button:hover,
.back-to-top-button:focus {
	opacity: 1;
	background-color: #cac9c9
}

.back-to-top-button span {
	display: none
}

.back-to-top-button:before {
	content: "";
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	margin-top: 0.625rem;
	border-top: 2px solid #333333;
	border-left: 2px solid #333333;
	transform: rotate(45deg)
}

@media (min-width: 1024px) {
	html.reading .back-to-top-button {
		display: flex
	}
}

.sidebar {
	align-self: stretch;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	padding-left: 0.625rem;
	padding-right: 0.625rem
}

@media (min-width: 768px) {
	.sidebar {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		max-width: 100%
	}
}

@media (min-width: 1024px) {
	.sidebar {
		flex-basis: 340px;
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		padding-top: 0.25rem;
		background-color: #fff;
		max-width: 340px;
		overflow: hidden
	}
}

.sidebar-title {
	margin: 1rem;
	text-align: center;
	font-weight: normal;
	font-size: 0.875rem;
	color: black
}

.sidebar-categories {
	font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
	border: 1px solid #2c99de;
	border-radius: 0.25rem
}

.sidebar-categories-heading {
	padding: 1rem;
	color: white;
	background-color: #3c9ffd
}

.sidebar-categories-items {
	margin: 1rem;
	margin-left: 2rem;
	line-height: 1.65;
	color: #0087d3;
	padding-left: 1rem
}

.sidebar-categories-items>* {
	display: list-item
}

.sidebar-categories-items>*+* {
	margin-top: 0.25rem
}

.movie-categories {
	font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
	border: 1px solid #2c99de;
	border-radius: 0.25rem
}

@media (min-width: 768px) {
	.movie-categories {
		margin-top: 5.575rem
	}
}

.movie-categories-heading {
	padding: 1rem;
	color: white;
	background-color: #3c9ffd
}

.movie-categories-heading:before {
	font-family: "Font Awesome";
	content: "" " "
}

.movie-categories-items {
	margin: 1rem;
	margin-left: 2rem;
	line-height: 1.65;
	color: #0087d3;
	padding-left: 1rem
}

.movie-categories-items>* {
	display: list-item
}

.movie-categories-items>*+* {
	margin-top: 0.25rem
}

.sidebar-sections {
	margin-top: 0.5rem;
	margin-bottom: 1rem;
	border-top: 0.25rem solid black;
	text-align: center;
	font-size: 1.1875rem;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #6d6f73;
	background-color: #c8c9ca
}

@media (min-width: 768px) {
	.sidebar-sections {
		font-size: 2rem
	}
}

@media (min-width: 1024px) {
	.sidebar-sections {
		font-size: 1.2rem
	}
}

.sidebar-sections-items {
	display: flex;
	flex-direction: row
}

.sidebar-sections-items>* {
	flex: 1
}

.sidebar-sections .open a {
	color: white;
	background-color: black
}

.sidebar-sections a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0.375rem;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: 1rem
}

.sidebar-links {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: -0.5rem;
	padding-bottom: 1.25rem
}

.sidebar-links>* {
	position: relative;
	width: 100%;
	padding: 0.5rem;
	color: gray
}

@media (min-width: 768px) {
	.sidebar-links>* {
		width: 50%
	}
}

@media (min-width: 1024px) {
	.sidebar-links>* {
		width: 100%
	}
}

.sidebar-link-heading {
	z-index: 500;
	position: absolute;
	left: 0.5rem;
	right: 0.5rem;
	bottom: 0.5rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 5.25rem;
	padding-bottom: 1.5rem;
	font-size: 1.3375rem;
	line-height: 1.25;
	font-weight: 500;
	color: white;
	background-image: linear-gradient(to bottom, transparent 18%, transparent 19%, rgba(0, 0, 0, 0.9) 100%)
}

@media (min-width: 768px) {
	.sidebar-link-heading {
		padding-left: 1rem;
		line-height: 1.225;
		padding-bottom: 1.525rem
	}
}

@media (min-width: 1024px) {
	.sidebar-link-heading {
		font-size: 1.025rem
	}
}

.sidebar-link-category {
	z-index: 500;
	position: absolute;
	right: 0.7rem;
	bottom: 0.7rem;
	padding: 0.5rem;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: 0.575rem;
	font-weight: 300;
	text-transform: uppercase;
	color: #f72210
}

.sidebar-link-figure {
	position: relative;
	width: 100%;
	padding-top: 50%;
	background-color: #404040
}

@media (min-width: 768px) {
	.sidebar-link-figure {
		padding-top: 60%
	}
}

.sidebar-link-figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.sidebar-top {
	display: block;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem
}

.sidebar-top-items>*+* {
	margin-top: 0.5rem
}

.sidebar-top-link {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 1.125rem;
	line-height: 1.2
}

.sidebar-top-link:hover,
.sidebar-top-link:focus {
	color: #009eff
}

.sidebar-top-link-heading {
	order: 2;
	flex: 1;
	margin-left: 0.5rem;
	font-weight: 700
}

.sidebar-top-link-figure {
	order: 1
}

.sidebar-top-link-figure-empty {
	width: 70px;
	height: 40px;
	background: #f0f0f0
}

.sidebar-top-link-figure img {
	width: 100%;
	height: auto
}

.sidebar-sticky-link {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 1rem
}

.sidebar-sticky-link-figure {
	order: 1;
	flex: 40;
	margin-right: 0.5rem
}

.sidebar-sticky-link-figure img {
	width: 100%;
	height: auto
}

.sidebar-sticky-link-heading {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	font-size: 0.95rem;
	font-weight: 600;
	font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
	letter-spacing: 0;
	line-height: 1.2;
	flex: 60;
	order: 2
}

.sidebar-heading {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAE0lEQVQI12N4+vTpfwZ0ABeEMQDW9QsL4tECXgAAAABJRU5ErkJggg==") #fff;
	margin-bottom: 1rem
}

.sidebar-heading>* {
	display: inline-block;
	position: relative;
	padding: 0.55rem;
	text-align: center;
	font-size: 1.275rem;
	font-family: Titling Gothic Comp Medium, Arial, Helvetica, sans-serif;
	letter-spacing: 0.035em;
	text-transform: uppercase;
	color: white;
	background-color: #f72210;
	-webkit-font-smoothing: antialiased
}

.sidebar-heading>:after {
	position: absolute;
	display: block;
	content: "";
	width: 0;
	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;
	border-top: 0.5rem solid #f72210;
	left: 50%;
	bottom: -0.4375rem;
	margin-left: -0.5rem
}

@media (min-width: 768px) {
	.sidebar-heading>* {
		font-size: 1.475rem;
		padding: 0.65rem
	}
}

@media (min-width: 1024px) {
	.sidebar-heading>* {
		padding: 0.75rem;
		font-size: 1.2rem
	}
}

@media (min-width: 1024px) {
	.sidebar-sticky {
		position: sticky;
		top: 3.125rem;
		display: block;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem
	}
}

.main {
	flex: 1;
	margin-top: 3.125rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch
}

@media (min-width: 1024px) {
	.main {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start
	}
	.main>.inner {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
		max-width: 70.5rem;
		margin-left: auto;
		margin-right: auto
	}
}

.toggle-buttons {
	padding-left: 0.625rem;
	padding-right: 0.625rem;
	display: flex;
	flex-direction: row;
	align-items: center
}

@media (min-width: 768px) {
	.toggle-buttons {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

@media (min-width: 1024px) {
	.toggle-buttons {
		padding-left: 1.875rem;
		padding-right: 1.875rem
	}
}

.toggle-buttons li {
	flex: 2 50%;
	background-color: #f0f0f0;
	padding: 0.875rem;
	color: #222222;
	text-transform: uppercase;
	font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 0.775rem;
	text-align: center;
	display: inline-block;
	position: relative
}

@media (min-width: 768px) {
	.toggle-buttons li {
		font-size: 0.875rem
	}
}

.toggle-buttons li:after {
	position: absolute;
	display: block;
	content: "";
	width: 0;
	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;
	border-top: 0.5rem solid #f0f0f0;
	left: 50%;
	bottom: -0.4375rem;
	margin-left: -0.5rem
}

.toggle-buttons li.toggle-active {
	background-color: #333333;
	color: white
}

.toggle-buttons li.toggle-active:after {
	border-top: 0.5rem solid #333333
}

.toggle-buttons li:hover:not(.toggle-active) {
	color: #009eff;
	cursor: pointer
}

.pagination-items {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	margin: -0.25rem
}

.pagination-items>* {
	flex-basis: auto;
	flex-shrink: 1;
	flex-grow: 0;
	min-width: 2.5rem;
	margin: 0.25rem;
	text-align: center;
	font-size: 0.875rem;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: gray;
	background-color: #f0f0f0
}

.pagination-link {
	display: block;
	padding: 0.8rem;
	cursor: pointer
}

.pagination-link:focus,
.pagination-link:hover {
	color: white;
	background-color: #009eff
}

.pagination-link-current {
	display: block;
	padding: 0.8rem;
	color: white;
	background-color: #009eff;
	cursor: auto
}

.pagination-link-disabled {
	display: block;
	padding: 0.8rem;
	color: #cccccc;
	background-color: white;
	cursor: not-allowed
}

.breadcrumb-wrapper {
	margin-top: 3.125rem;
	border-bottom: 1px solid #f0f0f0;
	width: 100%
}

.breadcrumb {
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1.875rem;
	padding-right: 1.875rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	max-width: 70.5rem;
	margin-left: auto;
	margin-right: auto
}

.breadcrumb ul {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.breadcrumb li {
	display: inline;
	font-size: 0.6775rem;
	color: #2e2c2b;
	font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.2;
	text-transform: capitalize
}

.breadcrumb li:before {
	display: inline;
	content: "\f105";
	font-family: "Font Awesome";
	font-size: 0.2rem;
	-webkit-font-smoothing: antialiased;
	margin-left: .25rem;
	margin-right: .5rem
}

.breadcrumb li:first-child:before {
	display: none;
	content: ""
}

.breadcrumb li a {
	cursor: pointer
}

.breadcrumb li a:hover {
	text-decoration: underline
}

.breadcrumb li:last-of-type a {
	cursor: default
}

.breadcrumb li:last-of-type a:hover {
	text-decoration: none
}

.lazyload,
.lazyloading {
	opacity: 0
}

.lazyloaded {
	opacity: 1;
	transition: opacity 300ms
}

.site-nav-content a.nav-sdcc,
.site-nav-content a.nav-sdcc:hover {
	color: #000000 !important;
	background-color: #f8d747 !important;
	border-radius: 6px !important;
	padding: 0.75rem !important
}

html:not(.reading) .site-nav a {
	padding: 0.75rem !important
}

.page-news .media-nav {
	flex-basis: 100%;
	flex-shrink: 0
}

.page-news .media-summary {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 15%
}

.page-news .media-summary>.inner {
	padding-left: 0.625rem;
	padding-right: 0.625rem;
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	max-width: 70.5rem;
	margin-left: auto;
	margin-right: auto
}

@media (min-width: 768px) {
	.page-news .media-summary>.inner {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

@media (min-width: 1024px) {
	.page-news .media-summary>.inner {
		padding-left: 1.875rem;
		padding-right: 1.875rem
	}
}

@media (min-width: 768px) {
	.page-news .media-summary>.inner {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem
	}
}

@media (min-width: 1024px) {
	.page-news .media-summary>.inner {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem
	}
}

.page-news .media-summary>.inner>* {
	position: relative
}

.page-news .media-summary:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to top, rgba(22, 32, 38, 0.5), rgba(22, 32, 38, 0.5)), radial-gradient(farthest-corner at 50% 0%, rgba(22, 32, 38, 0.5) 0%, #162026 100%)
}

.page-news .media-poster {
	order: 1
}

.page-news .media-poster img {
	width: auto;
	height: 7.5rem;
	border: 2px solid white
}

.page-news .media-text {
	order: 2;
	margin-left: 1.5rem;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	color: white
}

.page-news .media-title {
	font-size: 2rem
}

.page-news .media-title-year {
	color: #bfbfbf
}

.page-news .media-nav-items {
	padding-left: 0.625rem;
	padding-right: 0.625rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	max-width: 70.5rem;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9375rem
}

@media (min-width: 768px) {
	.page-news .media-nav-items {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

@media (min-width: 1024px) {
	.page-news .media-nav-items {
		padding-left: 1.875rem;
		padding-right: 1.875rem
	}
}

@media (min-width: 768px) {
	.page-news .media-nav-items {
		font-size: 1.125rem
	}
}

.page-news .media-nav-items>* {
	margin-left: 0.125rem;
	margin-right: 0.125rem
}

.page-news .media-nav-items a,
.page-news .media-nav-items span {
	position: relative;
	display: block;
	padding-left: 0.75em;
	padding-right: 0.75em;
	padding-top: 1em;
	padding-bottom: 1em;
	transition-property: color;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
	font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #466b80
}

.page-news .media-nav-current span {
	color: #cdd1d9
}

.page-news .media-nav-current span,
.page-news .media-nav-items a:hover,
.page-news .media-nav-items a:focus {
	color: #009eff
}

.page-news .media-nav-items span:after,
.page-news .media-nav-items a:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	background-color: #009eff;
	transition-property: height;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out
}

.page-news .media-nav-current span:after,
.page-news .media-nav-items a:hover:after,
.page-news .media-nav-items a:focus:after {
	height: 0.25rem
}

.page-news .media-nav-small-items {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	max-width: 70.5rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5rem;
	font-size: 0.8275rem
}

@media (min-width: 768px) {
	.page-news .media-nav-small-items {
		font-size: 0.8725rem
	}
}

.page-news .media-nav-small-items>* {
	margin-right: 0.5rem;
	margin-bottom: 0.5rem
}

.page-news .media-nav-small-items a,
.page-news .media-nav-small-items span {
	position: relative;
	display: block;
	padding-left: 0.55em;
	padding-right: 0.55em;
	padding-top: .85em;
	padding-bottom: .85em;
	font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #3c9ffd;
	border-radius: 0.30rem
}

.page-news .media-nav-small-items a {
	background: #f0f0f0;
	border: 1px solid #f0f0f0
}

.page-news .media-nav-small-current span {
	color: #cdd1d9
}

.page-news .media-nav-small-current span,
.page-news .media-nav-small-items a:hover,
.page-news .media-nav-small-items a:focus {
	color: #009eff;
	border: 1px solid #009eff;
	background: none
}

.page-news .news-header {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAE0lEQVQI12N4+vTpfwZ0ABeEMQDW9QsL4tECXgAAAABJRU5ErkJggg==") #fff;
	margin-bottom: 1rem
}

.page-news .news-header>* {
	display: inline-block;
	position: relative;
	padding: 0.55rem;
	text-align: center;
	font-size: 1.275rem;
	font-family: Titling Gothic Comp Medium, Arial, Helvetica, sans-serif;
	letter-spacing: 0.035em;
	text-transform: uppercase;
	color: white;
	background-color: #f72210;
	-webkit-font-smoothing: antialiased
}

.page-news .news-header>:after {
	position: absolute;
	display: block;
	content: "";
	width: 0;
	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;
	border-top: 0.5rem solid #f72210;
	left: 50%;
	bottom: -0.4375rem;
	margin-left: -0.5rem
}

@media (min-width: 768px) {
	.page-news .news-header>* {
		font-size: 1.475rem;
		padding: 0.65rem
	}
}

@media (min-width: 1024px) {
	.page-news .news-header>* {
		padding: 0.75rem;
		font-size: 1.2rem
	}
}

.page-news .news-header-2 {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 1rem;
	text-transform: uppercase;
	font-style: italic;
	color: #333333;
	padding: 1rem;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAE0lEQVQI12N4+vTpfwZ0ABeEMQDW9QsL4tECXgAAAABJRU5ErkJggg==") #fff;
	font-family: Open Sans, Arial, sans-serif
}

@media (min-width: 1024px) {
	.page-news .news-header-2 {
		font-size: 1.1rem
	}
}

.page-news .news-title-normal {
	flex-basis: 100%;
	flex-shrink: 0;
	line-height: 1.1;
	margin-bottom: 0.625rem;
	font-size: 1.95rem;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: subpixel-antialiased;
	text-transform: uppercase;
	letter-spacing: -.02em
}

@media (min-width: 768px) {
	.page-news .news-title-normal {
		font-size: 2.825rem;
		margin-bottom: 1.25rem
	}
}

.page-news .more-news-link {
	display: block;
	padding: 0.8rem;
	color: white;
	background-color: #009eff;
	cursor: pointer;
	margin-bottom: 1rem;
	text-align: center;
	text-transform: uppercase
}

.page-news .news-items>:not(.news-item-featured) {
	display: grid;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	grid-template-columns: 35% 1fr
}

.page-news .news-items>:not(.news-item-featured) a:hover,
.page-news .news-items>:not(.news-item-featured) a:focus {
	color: #009eff
}

.page-news .news-items>:not(.news-item-featured) .news-item-figure {
	grid-column: 1;
	grid-row: 1/span 4;
	float: none;
	padding-right: 1.175rem;
	margin: 0;
	width: auto;
	min-width: auto
}

.page-news .news-items>:not(.news-item-featured) .news-item-figure img {
	width: 100%;
	height: auto
}

.page-news .news-items>:not(.news-item-featured) .news-item-text {
	grid-column: 2;
	grid-row: 1;
	display: block;
	position: relative
}

.page-news .news-items>:not(.news-item-featured) .news-item-title,
.page-news .news-items>:not(.news-item-featured) .news-item-summary {
	flex-basis: 100%;
	flex-shrink: 0
}

.page-news .news-items>:not(.news-item-featured) .news-item-title {
	margin-bottom: 0.5rem;
	font-size: 1.175rem;
	line-height: 1.25;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: -.02em
}

.page-news .news-items>:not(.news-item-featured):last-of-type {
	border-bottom: none
}

@media (min-width: 768px) {
	.page-news .news-items>:not(.news-item-featured) .news-item-title {
		font-size: 2rem;
		margin-bottom: 0
	}
	.page-news .news-items>:not(.news-item-featured) .news-item-figure {
		padding-top: 0.375rem;
		padding-right: 1.5rem
	}
}

@media (min-width: 1024px) {
	.page-news .news-items>:not(.news-item-featured) .news-item-title {
		font-size: 1.6875rem
	}
}

@media (min-width: 1240px) {
	.page-news .news-items>:not(.news-item-featured) .news-item-title {
		font-size: 1.7875rem
	}
}

.page-news .news-items>:not(.news-item-featured) .news-item-category {
	display: block;
	font-weight: 700;
	color: #009eff;
	font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 0.575rem;
	margin-bottom: 0.475rem
}

.page-news .news-items>:not(.news-item-featured) .news-item-summary {
	font-size: 0.8rem;
	line-height: 1.2;
	margin-bottom: 0.275rem
}

@media (min-width: 768px) {
	.page-news .news-items>:not(.news-item-featured) .news-item-summary {
		display: block;
		margin-top: 0.625rem;
		margin-bottom: 0.625rem;
		font-size: 0.75rem;
		line-height: 1.5;
		font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
		color: black
	}
}

@media (min-width: 1024px) {
	.page-news .news-items>:not(.news-item-featured) .news-item-summary {
		font-size: 0.875rem
	}
}

.page-news .news-items>:not(.news-item-featured) .news-item-date,
.page-news .news-items>:not(.news-item-featured) .news-item-comments,
.page-news .news-items>:not(.news-item-featured) .news-item-author {
	font-size: 0.2775rem;
	line-height: 1.2;
	font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #9da0a6;
	text-transform: uppercase;
	margin-top: 0.525rem
}

@media (min-width: 768px) {
	.page-news .news-items>:not(.news-item-featured) .news-item-date,
	.page-news .news-items>:not(.news-item-featured) .news-item-comments,
	.page-news .news-items>:not(.news-item-featured) .news-item-author {
		font-size: 0.2775rem
	}
}

.page-news .news-items>:not(.news-item-featured) .news-item-date,
.page-news .news-items>:not(.news-item-featured) .news-item-comments {
	margin-right: 0.2rem
}

.page-news .news-items>:not(.news-item-featured) .news-item-author {
	margin-right: 0.625rem
}

.page-news .news-items>:not(.news-item-featured) .news-item-author:before {
	content: "By "
}

.page-news .news-items>:not(.news-item-featured) a.news-item-author:hover {
	color: #9da0a6;
	text-decoration: none
}

.page-news .news-items>:not(.news-item-featured) .news-item-comments a:before {
	font-family: "Font Awesome";
	content: "" " "
}

.page-news .news-items>:not(.news-item-featured) .news-item-comments-count,
.page-news .news-items>:not(.news-item-featured) .news-item-comments-label {
	vertical-align: middle
}

.page-news .news-items>:not(.news-item-featured) .news-item-comments-label {
	display: none
}

.page-news .news-item-featured {
	display: block;
	position: relative;
	padding-top: 52.5%;
	margin-bottom: 1.5rem;
	margin-left: -0.625rem;
	margin-right: -0.625rem;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: subpixel-antialiased
}

@media (min-width: 768px) {
	.page-news .news-item-featured {
		margin-left: -1.25rem;
		margin-right: -1.25rem
	}
}

@media (min-width: 1024px) {
	.page-news .news-item-featured {
		margin-left: 0;
		margin-right: 0
	}
}

.page-news .news-item-featured .news-item-link {
	display: block;
	color: white
}

.page-news .news-item-featured .news-item-link:hover,
.page-news .news-item-featured .news-item-link:focus {
	color: #009eff
}

.page-news .news-item-featured .news-item-text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	text-align: center;
	background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, black 100%)
}

.page-news .news-item-featured h3 {
	display: block;
	position: relative;
	width: 90%;
	margin: 0 auto
}

.page-news .news-item-featured .news-item-category {
	display: inline-block;
	text-align: center;
	padding: 0.625rem;
	color: white;
	background-color: #f72210;
	font-size: 0.7rem;
	text-transform: uppercase;
	margin: 0 auto
}

.page-news .news-item-featured .news-item-title {
	color: white;
	font-size: 1.375rem;
	font-weight: 700;
	width: 90%;
	margin: 0.75rem auto;
	text-shadow: 1px 1px 1px #333
}

.page-news .news-item-featured .news-item-caption {
	color: white;
	font-family: Open Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
	display: none;
	width: 90%;
	margin: 0 auto
}

@media (min-width: 768px) {
	.page-news .news-item-featured .news-item-text {
		padding: 0.625rem 0.625rem 2rem
	}
	.page-news .news-item-featured .news-item-title {
		font-size: 2.325rem
	}
	.page-news .news-item-featured .news-item-category {
		font-size: 0.925rem
	}
	.page-news .news-item-featured .news-item-caption {
		display: inline
	}
}

@media (min-width: 1024px) {
	.page-news .news-item-featured .news-item-text {
		padding: 1.25rem 1.25rem 0.5rem
	}
}

.page-news .news-item-featured .news-item-figure {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.page-news .news-item-featured .news-item-figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.page-news .news {
	padding-left: 0.625rem;
	padding-right: 0.625rem;
	padding-top: 0.625rem;
	padding-bottom: 0.625rem
}

@media (min-width: 1024px) {
	.page-news .news {
		flex: 1;
		flex-basis: 68.5%;
		max-width: 50rem
	}
}

@media (min-width: 768px) {
	.page-news .news {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

@media (min-width: 1024px) {
	.page-news .news {
		padding-left: 1.875rem;
		padding-right: 1.875rem
	}
}

@media (min-width: 768px) {
	.page-news .news {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem
	}
}

@media (min-width: 1024px) {
	.page-news .news {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem
	}
}

.page-news .news {
	padding-top: 0
}

@media (min-width: 1024px) {
	.page-news .news {
		padding-top: 1.625rem
	}
}