/*
Theme Name:         UnHerd 2025
Theme URI:          https://unherd.com/
Author:             Coeditor
Author URI:         https://coeditor.com/
Description:        Custom WordPress theme developed for UnHerd.com. Designed for performance and editorial workflow on the WordPress VIP Platform.
Version:            3.1.9
Requires at least:  6.8
Tested up to:       6.8
Requires PHP:       8.2
*/

/* --- Theme styles start below --- */

img {
	display: inline;
}

#topfold .innercol.single .standfirst,
#column2 .single #articleindex hr {
	display: none;
}

.container-fluid,
#comments {
	max-width: 1410px !important;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
	padding-right: 30px !important;
	padding-left: 30px !important;
}

hr {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	border-top: 1px solid #dedede !important;
}

hr.sectionbreak {
	margin: 40px 0 30px !important;
}

hr.toppad {
	margin-top: 0 !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Magazine Headline";
}

h2 {
	font-weight: 700;
}

.font-newsroom {
	font-family: "Newsroom", sans-serif !important;
}

.blueheadline {
	color: #598ba6;
	margin-bottom: 30px;
}

#pianocontainer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 0 28px 0 rgba(51, 51, 51, 0.2);
	z-index: 9999;
}

.wpd-form-col-left {
	display: none !important;
}

.close-icon {
	display: none;
}

#wpdcom .ql-container p {
	color: #1b1b1b !important;
}

#eventwidget {
	display: none !important;
}

a:hover {
	text-decoration: none;
}

#navigation {
	background: #000000;
	padding: 20px 0;
	color: #fff;
}

#navigation a {
	color: #fff;
}

#navigation .topbar {
	text-align: right;
}

#navigation .topbar .search {
	margin-right: 10px;
	cursor: pointer;
}

#navigation .topbar a,
#navigation .topbar span {
	font-size: 11px;
	color: #fff;
	text-align: right;
	height: 21px;
	font-family: "Meta", Courier, sans-serif;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-weight: 400;
	transition: ease-in-out 0.3s;
	color: #b2b2b2;
}

#navigation .topbar a:hover,
#navigation .topbar span:hover {
	transition: ease-in-out 0.3s;
	text-decoration: none !important;
	color: #fff;
}

#navigation img.logo {
	margin-top: -20px;
}

#navigation .menupanel {
	position: relative;
	display: block;
}

#navigation .menupanel .menu-navbar-submenu-container,
#navigation .menupanel .menu-navbar-submenu-fr-container {
	position: absolute;
	bottom: 0;
	right: 30px;
}

#navigation .menu {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	text-align: right;
}

#navigation .menu li {
	font-family: "Newsroom", sans-serif;
	display: inline-block;
	list-style: none;
	padding: 0 5px;
}

#navigation .tagrow .menu li {
	padding: 0 2px;
}

#navigation .menu li:last-child {
	padding-right: 0;
}

#navigation .menu li a {
	color: #aec8bb;
	font-weight: 400;
	transition: ease-in-out 0.2s;
}

#navigation .menu li a:hover {
	color: #fff;
	text-decoration: none;
	transition: ease-in-out 0.2s;
}

#navigation li#menu-item-480646 {
	display: inline-block !important;
	color: #000 !important;
	background: #fbeb9e !important;
	border-radius: 30px;
	padding: 5px 18px;
	font-family: "Newsroom", sans-serif;
	list-style: none;
	margin-left: 10px;
}

#navigation li#menu-item-480646 a {
	color: black;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.1px;
}

#navigation li#menu-item-473808,
#navigation li#menu-item-606124 {
	padding-right: 0;
}

#navigation li.submenuopen,
#navigation #menu-navbar-submenu li.submenuopen,
#navigation li#menu-item-606529,
#navigation #menu-navbar-submenu-fr li.submenuopen {
	display: none !important;
	cursor: pointer;
}

.fullpagemenu {
	width: 100%;
	background: #e9e9e9;
	top: 80px;
	left: 0;
	height: 0;
	overflow: hidden;
	transition: height 0.3s ease-in-out;
	box-sizing: border-box;
	position: fixed;
	z-index: 99999;
}

.fullpagemenu label {
	width: calc(100% - 45px);
	margin: 0;
	border-bottom: 0.5px solid #717171;
	padding-bottom: 10px;
	display: inline-block;
}

.fullpagemenu form {
	padding: 40px 0 20px;
	width: 50%;
	background: transparent;
	border: none;
	margin: 0;
}

.fullpagemenu form input {
	width: 100%;
	background: transparent;
	border: none;
	color: #717171;
	font-size: 20px;
	font-family: "Magazine Headline";
	font-weight: 400;
	line-height: 28px;
	word-wrap: break-word;
	padding: 0;
}

.fullpagemenu form input input[type="text"] {
	padding: 0px !important;
}

.fullpagemenu form button {
	display: inline-block;
	width: auto;
	width: 40px;
	border: none;
	background: transparent;
}

.fullpagemenu ul {
	padding: 0;
	margin-bottom: 10px;
}

.fullpagemenu li {
	list-style: none;
	color: #231f20;
	font-size: 18px;
	font-family: "Newsroom", sans-serif;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0.22px;
	word-wrap: break-word;
	border-bottom: 0.5px solid #717171;
	padding: 10px 0;
}

.fullpagemenu li a {
	color: #231f20;
}

.fullpagemenu li a:hover {
	color: #299696;
	animation: 0.5s ease-in-out;
	text-decoration: none;
}

.fullpagemenu li.submenuopen {
	display: none;
}

.fullpagemenu .topbar {
	margin-top: 30px;
}

.fullpagemenu .topbar a {
	color: #1b1b1b;
}

.fullpagemenu .login {
	font-size: 14px;
	font-family: "Meta", Courier, sans-serif;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-weight: 400;
	color: #231f20;
}

.fullpagemenu .close-icon {
	width: 40px;
	height: 28px;
}

.fullpagemenu.search form {
	padding-top: 60px;
}

.fullpagemenu form.search-form img {
	max-width: 20px;
}

.fullpagemenu form.search-form input.search-field {
	padding: 5px;
}

#navigation {
	z-index: 99998;
	position: relative;
}

#navigation.minimized {
	position: sticky;
	top: 0;
}

@keyframes fadeIn {
	to {
		opacity: 1;
	}
}

#navigation.minimized img.logo {
	width: 200px;
	transition: ease-in-out 0.2s;
	margin-top: 0 !important;
	animation: fadeIn 0.3s ease-in-out;
}

#navigation.minimized .topbar {
	display: none;
}

#navigation.minimized .menupanel {
	padding-top: 5px;
}

#navigation.minimized .menupanel .menu-navbar-submenu-container,
#navigation.minimized .menupanel .menu-navbar-submenu-fr-container {
	top: 0;
	animation: fadeIn 0.3s ease-in-out;
	position: relative;
	display: inline-block;
	float: right;
}

#navigation.minimized #menu-navbar-submenu li.submenuopen,
#navigation.minimized #menu-navbar-submenu-fr li.submenuopen {
	display: inline-block !important;
}

#navigation.minimized li#menu-item-480646,
#navigation.minimized li#menu-item-606529 {
	display: inline-block !important;
	background: #a9cabb;
	padding: 5px 18px;
	border-radius: 30px;
	animation: fadeIn 0.3s ease-in-out;
}

#navigation.minimized li#menu-item-480646:hover,
#navigation.minimized li#menu-item-606529:hover {
	background: #f5fcc1;
	transition: ease-in-out 0.3s;
	text-decoration: none;
	animation: fadeIn 0.3s ease-in-out;
}

#navigation.minimized li#menu-item-480646 a,
#navigation.minimized li#menu-item-606529 a {
	color: #000;
	font-family: "Newsroom", sans-serif;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.1px;
	animation: fadeIn 0.3s ease-in-out;
}

#navigation.minimized #menu-navbar-submenu li,
#navigation.minimized #menu-navbar-submenu-fr li {
	display: none;
	animation: fadeIn 0.3s ease-in-out;
	margin-left: 10px;
}

#navigation.minimized #menu-navbar-submenu li.show,
#navigation.minimized #menu-navbar-submenu-fr li.show {
	display: inline-block;
}

#navigation.minimized #menu-navbar-submenu li img,
#navigation.minimized #menu-navbar-submenu-fr li img {
	width: 25px;
	height: 15px;
	top: 0;
	position: relative;
	vertical-align: initial;
}

#navigation .tagrow {
	display: none;
	animation: fadeIn 0.3s ease-in-out;
	float: right;
	line-height: 34px;
}

#navigation.minimized .tagrow {
	display: inline-block;
	animation: fadeIn 0.3s ease-in-out;
	margin-right: 30px;
	margin-top: -1px;
}

#navigation.minimized .tagrow a {
	font-size: 11px;
	text-transform: uppercase;
	font-family: "Meta", sans-serif;
	font-weight: 400;
	letter-spacing: 1.5px;
	color: rgba(255, 255, 255, 0.8);
	margin-right: 20px;
	animation: fadeIn 0.3s ease-in-out;
}

#navigation.minimized .tagrow a:hover {
	color: #fff;
	animation: fadeIn 0.5s ease-in-out;
	text-decoration: none;
}

#promobanner {
	background: #aec8bb;
	padding: 20px 0;
	position: relative;
}

#promobanner .col-sm-4.line {
	border-right: 1px solid #939393;
}

#promobanner .col-sm-4:last-child.line {
	border-right: none;
}

#promobanner a {
	color: initial;
}

#promobanner a:hover {
	text-decoration: none;
}

#promobanner h1,
#promobanner h3 {
	font-size: 24px;
	width: 80%;
	margin: 0 auto;
}

#promobanner .post h1,
#promobanner .post h3 {
	font-weight: 400;
}

#promobanner .newsroom h1 {
	font-family: "Newsroom", sans-serif;
	font-weight: 500;
	letter-spacing: -0.5px;
	font-size: 22px;
}

#promobanner .newsroom .dontmiss {
	display: none;
}

#promobanner .watch-listen a.multimediapanel,
.singlevideo .podcast {
	height: 100%;
	width: 100%;
	background: #e8e4e0;
	margin-left: 0 !important;
	border-radius: 10px;
	font-family: "Magazine Text", sans-serif;
}

#promobanner .watch-listen a.multimediapanel .col-7 {
	padding: 5px 12px 10px !important;
	text-align: left;
}

#promobanner .watch-listen a.multimediapanel .col-7 h1 {
	width: 100%;
	margin: 0 0 10px;
	font-size: 16px;
	font-family: "Magazine Text", sans-serif;
	font-weight: 500;
	margin-bottom: 0;
}

#promobanner .watch-listen a.multimediapanel .col-7 h1.guest {
	color: #e84400;
	position: absolute;
	bottom: 5px;
	margin-bottom: 0;
	font-size: 12px;
}

#promobanner .watch-listen a.multimediapanel .image,
.singlevideo .podcast .image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 0px 10px 10px 0px;
}

#promobanner .watch-listen a.multimediapanel .tag {
	position: absolute;
	margin-bottom: 5px;
	top: 0;
	left: 0;
}

#promobanner .watch-listen a.multimediapanel.podcast .tag,
.singlevideo .podcast .tag {
	display: block;
	margin-bottom: 0;
	top: 0;
	left: 0;
	position: relative;
	font-size: 9px !important;
	margin-top: 3px !important;
	margin-bottom: 2px;
	background: none;
	padding: 0 !important;
}

#promobanner .watch-listen a.multimediapanel.podcast .col-7 h1,
.singlevideo .podcast h1 {
	font-size: 14px;
	line-height: 110%;
	font-weight: 500;
}

#promobanner .watch-listen a.multimediapanel.podcast .col-7 h1.guest,
.singlevideo .podcast h1.guest {
	font-size: 12px;
}

#promobanner .watch-listen a.multimediapanel.video {
	background-size: cover;
	background-position: center center;
	color: #fff;
	display: block;
	position: relative;
	overflow: hidden;
}

#promobanner .watch-listen a.multimediapanel.video .overlay {
	background: rgba(0, 0, 0, 0.4);
	display: flex;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#promobanner .watch-listen a.multimediapanel.video h1,
#promobanner .watch-listen a.multimediapanel.video h3 {
	font-family: "Video";
	font-size: 26px;
	font-weight: 600;
	line-height: 23px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	margin: 0 0 0 10px;
	text-align: center;
	padding: 10px;
	width: 100%;
}

#promobanner .watch-listen a.multimediapanel.video .image img {
	position: absolute;
	bottom: 0;
	right: 0;
	filter: grayscale(100%);
	max-height: 100%;
}

#promobanner .watch-listen a.multimediapanel.video .text {
	padding: 0;
	height: 100%;
	top: 0;
	position: relative;
	place-items: center;
	display: grid;
}

#promobanner .watch-listen a.multimediapanel.video .tag {
	position: absolute;
	margin-left: 0;
	font-size: 8px !important;
	top: 5px;
	left: 5px;
}

#promobanner .watch-listen a.multimediapanel.video guest {
	display: block;
	width: 100%;
	line-height: 120%;
	font-size: 14px;
	margin-top: 5px;
	letter-spacing: -0.25px;
}

#promobanner.single {
	padding: 15px 0;
}

#promobanner .single h1 {
	width: 100%;
	margin: 10px 0 0;
	font-size: 28px;
	margin-top: 0;
	line-height: 120% !important;
}

#promobanner .single h1.newsroom {
	font-family: "Newsroom", sans-serif;
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 46px;
}

#promobanner .single h2 {
	font-size: 22px;
	line-height: 26px;
	letter-spacing: -1%;
	font-weight: 500 !important;
	margin-bottom: 0;
}

#promobanner .single h2.newsroom {
	color: #255d5e;
	font-family: "Newsroom", sans-serif;
}

#promobanner a.taglink {
	padding: 0;
	border: none;
}

#promobanner a.taglink:hover {
	background: none;
}

#promobanner .tag {
	font-size: 10px !important;
	padding: 3px 10px !important;
}

#promobanner {
	padding: 15px 0;
}

#promobanner .singlevideo {
	background: #000;
	border-radius: 30px;
	display: block;
	background-size: 80%;
	background-position: center center;
	background-repeat: no-repeat;
}

#promobanner .singlevideo .overlay {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 30px;
	position: relative;
}

#promobanner .singlevideo .gradient {
	background: linear-gradient(
		90deg,
		rgba(0, 0, 0, 1) 10%,
		rgba(0, 0, 0, 0) 25%,
		rgba(0, 0, 0, 0) 75%,
		rgba(0, 0, 0, 1) 90%
	);
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 30px;
}

#promobanner .singlevideo .guest {
	background-size: auto 120%;
	background-repeat: no-repeat;
	background-position: 30% 70%;
	filter: grayscale(100%);
	height: 150px;
}

#promobanner .singlevideo .tag,
#promobanner.live .tag {
	font-size: 12px;
	padding: 5px 15px !important;
	left: 20px;
	top: 15px;
}

#promobanner .singlevideo .textcont {
	display: table;
	height: 150px;
}

#promobanner .singlevideo .text {
	text-align: center;
	color: #fff;
	text-shadow: 0px 0px 7px #000000;
	display: table-cell;
	vertical-align: middle;
}

#promobanner .singlevideo .text guest {
	font-family: "Magazine Headline";
	font-size: 24px;
	font-weight: 400 !important;
	line-height: 26px;
	text-align: left;
	text-transform: initial;
	margin-bottom: 10px;
}

#promobanner .singlevideo .text h1 {
	margin: 0 15%;
	font-family: "Video";
	font-size: 45px;
	font-weight: 600;
	line-height: 42px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	text-align: center;
	width: 70%;
}

#promobanner .singlevideo .txt,
.verticalpanel .tag .txt,
#promobanner .tag .txt {
	display: inline-block;
	margin-left: 5px;
}

#promobanner.live {
	width: 100%;
	padding: 0;
	overflow-x: hidden;
}

#promobanner.live .guest {
	display: block;
	position: absolute;
	width: 150px;
	height: 130px;
	right: 0%;
	bottom: 0;
	background-size: cover;
	filter: grayscale(100%);
}

#promobanner.live .image {
	background-size: cover;
	background-position: center center;
	filter: grayscale(100%);
	opacity: 0.5;
	height: 100%;
	width: calc(100% + 60px);
	margin-left: -30px;
}

#promobanner.live .text {
	width: 40%;
	margin-left: 30%;
	text-align: center;
	padding: 18px 0;
}

#promobanner.live .text h1 {
	font-family: "Video", sans-serif;
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
	line-height: 100%;
	width: 100%;
}

#promobanner.live .text guest {
	font-family: "Magazine Headline", serif;
	font-weight: 200;
	font-size: 28px;
	line-height: 100%;
}

.archive h1 .standfirst {
	color: #949494;
}

#articleindex a {
	color: initial;
}

#articleindex a:hover {
	text-decoration: none !important;
	transition: ease-in-out 0.3s;
}

#articleindex .featuredimage {
	position: relative;
	overflow: hidden;
}

#articleindex h1,
#articleindex h2 {
	font-family: "Magazine Headline", serif;
	padding: 0;
	width: 95%;
	margin: 0;
	font-size: 40px;
	font-weight: 400;
	letter-spacing: 0.5px;
	line-height: 140%;
}

#articleindex h1 .standfirst,
#articleindex h2 .standfirst {
	color: #949494;
}

#articleindex .meta,
.archive .meta {
	display: block;
	width: 100%;
}

#articleindex .meta img.avatar {
	border-radius: 50%;
	height: 35px;
	width: 35px;
	margin-right: 5px;
	filter: saturate(0%) brightness(110%);
}

#articleindex .meta p,
article .article-body .authorinfo h6,
#newsroom .tophalf .authorinfo h6,
p.meta,
.archive .meta {
	display: inline-block;
	font-family: "Meta", sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
	font-weight: 400;
	letter-spacing: 1.5px;
	margin-right: 15px;
}

#newsroom .tophalf .authorinfo h6 {
	margin-top: 10%;
}

#articleindex .meta p:last-child {
	margin-right: 0;
}

#articleindex.full hr {
	margin: 30px 0 !important;
}

#articleindex.full h1,
#articleindex.full h2 {
	margin: 20px 0;
	width: 90%;
	letter-spacing: 0 !important;
}

.col-sm-9.mastercol .col-sm-6:nth-child(2) {
	padding-left: 0 !important;
}

.col-sm-9.mastercol #articleindex.full h1,
.col-sm-9.mastercol #articleindex.full h2  {
	font-size: 36px;
	line-height: 38px;
	margin: 15px 0;
}

#articleindex.standard.nopic a.taglink {
	margin-top: 0 !important;
}

#topfold {
	padding-top: 30px;
	padding-bottom: 30px;
}

#topfold > div.comp {
	flex: auto;
}

.line {
	border-right: 1px solid #dedede;
}

a.findmore {
	color: #135f5f;
	font-family: "Meta", sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
	font-weight: 400;
	letter-spacing: 1.5px;
	display: block;
	margin: 15px;
}

a.findmore:hover {
	text-decoration: none;
	color: inherit;
}

a.findmore::after {
	content: "";
	background-image: url("/wp-content/uploads/2023/10/30.png");
	width: 20px;
	height: 20px;
	display: inline-block;
	background-size: cover;
	margin-left: 10px;
	vertical-align: text-bottom;
}

.page-template-1-1-0-home-fr a.findmore {
	letter-spacing: 0.5px;
}

.innercol.single a.taglink {
	margin: 15px 0 0;
}

.innercol.single h1,
.innercol.single h2 {
	font-size: 24px !important;
	width: 100%;
	margin: 10px 0 !important;
	line-height: 120%;
}

.innercol.single .meta img.avatar {
	display: none;
}

.innercol.single hr {
	margin: 25px 0;
}

.innercol.double a.taglink {
	margin: 20px 0 0;
	display: inline-block;
}

.innercol.double #articleindex h1,
.innercol.double #articleindex h2 {
	margin: 10px 0 15px;
	line-height: 115%;
	font-size: 42px;
	letter-spacing: 0;
}

.innercol.double #articleindex.standard {
	display: flex;
	flex-direction: column;
	padding-bottom: 20px;
}

.innercol.double a.taglink {
	width: auto;
	align-self: flex-start;
}

.innercol.double #articleindex.standard .meta img.avatar {
	height: 50px;
	width: 50px;
	filter: saturate(0%) brightness(110%);
}

.innercol.full hr {
	margin: 30px 0 !important;
}

.innercol.full h1,
.innercol.full h2 {
	font-size: 30px !important;
	width: 90%;
	padding: 15px 0 10px !important;
}

.innercol.full .meta img.avatar {
	display: none;
}

.newsroomcol {
	font-family: "Newsroom", sans-serif;
}

.newsroomcol .background {
	background: rgba(174, 200, 187, 0.1);
	display: block;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0px;
	z-index: -1;
	content: " ";
	height: 100%;
}

.newsroomcol .headerblock {
	width: 100%;
	margin: 0 auto;
	background: rgba(229, 240, 234, 1);
}

.newsroomcol .headerblock img {
	display: block;
	margin: 0 auto;
	max-width: 60%;
	padding: 15px 0 0;
}

.newsroomcol .col-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
	line-height: 100%;
}

.newsroomcol hr {
	margin: 0 !important;
	width: calc(100% + 30px);
	/*border-top: 1px solid #A3CCBA !important;*/
}

.newsroomcol a {
	color: inherit;
}

.newsroomcol a:hover {
	text-decoration: none;
	color: inherit;
}

.newsroomcol h1,
.newsroomcol h3  {
	font-family: "Newsroom", sans-serif;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 5px;
	line-height: 120%;
}

.newsroomcol h1.TODAY,
.newsroomcol h3.TODAY {
	margin-bottom: 0 !important;
}

.newsroomcol h1 span.standfirst,
.newsroomcol h3 span.standfirst  {
	color: #949494;
}

.newsroomcol p {
	font-family: "Meta", sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
	font-weight: 400;
	letter-spacing: 1.5px;
}

.newsroomcol .featuredimage {
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	border-radius: 15px;
	height: 148px;
}

.post-type-archive-newsroom .newsroomcol .featuredimage {
	height: 180px;
}

.newsroomcol .featuredimage img {
	height: 100%;
    object-fit: cover;
    object-position: center;
}

.newsroomcol .featuredimage .tag {
	font-size: 11px;
	text-transform: uppercase;
	font-family: "Meta", sans-serif;
	font-weight: 400;
	letter-spacing: 1.5px;
	background: #e8f0ea;
	color: #557761;
	padding: 2px 10px 2px 15px;
	margin-bottom: 0;
	border-radius: 0 0 0 15px;
}

.newsroomcol .featuredimage .tagbg {
	background: #f6f9f8;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999;
	line-height: 100%;
}

.newsroomcol .tag {
	position: relative;
	display: inline-block;
	font-size: 10.5px;
	text-transform: uppercase;
	font-family: "Meta", sans-serif;
	font-weight: 400;
	letter-spacing: 1.5px;
	background: #e8f0ea;
	color: #557761;
	padding: 2px 10px;
	margin-bottom: 5px;
	margin-top: -10px;
}

.newsroomcol .quote img {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	margin: 0;
	filter: saturate(0%) brightness(110%);
}

.newsroomcol .quote p {
	font-family: "Newsroom", sans-serif;
	font-weight: 300;
	font-size: 15px;
	text-transform: inherit;
	letter-spacing: 0;
	line-height: 120%;
	margin-bottom: 10px;
}

.newsroomcol .quote p.author {
	display: inline-block;
	font-weight: 500;
	color: #285b5c;
	margin-left: 10px;
	font-size: 15px;
	margin-bottom: 0;
}

#topfold #content1 .newsroompost.date:first-child {
	display: none !important;
}

#topfold p.date,
#column2.secondfold p.date,
p.time {
	display: none;
}

#topfold p.time {
	display: inline-block !important;
}

#topfold img.clock {
	display: none !important;
}

#column2.notime p.time {
	display: none !important;
}

.newsroomcol.downpage {
	padding-right: 0 !important;
	overflow-x: hidden;
}

.newsroomcol.downpage .background {
	width: 100%;
	left: 0px;
}

.hideButton #showMoreBtn {
	display: none;
}

.newsroomcol .newsroompost {
	width: 100%;
	display: block;
	margin: 0;
	padding: 15px 10px 15px 0;
}

.newsroomcol .newsroompost a {
	margin: 0 !important;
}

.newsroomcol .newsroompost.date {
	padding: 0 !important;
	margin: 0 !important;
}

.newsroomcol .newsroompost .col-2.timestamp {
	padding: 0 !important;
}

.newsroomcol .newsroompost .col-2.timestamp p {
	font-size: 11px;
	text-align: right;
	line-height: 100%;
	padding-top: 4px;
	text-transform: none;
}

.newsroomcol .newsroompost .col-2.quoteimg {
	padding: 0 !important;
}

.newsroomcol .newsroompost.date:hover::before {
	background-color: #fff !important;
}

.newsroomcol .newsroompost img.newsroomquote {
	width: 30px;
	float: right;
	margin-top: 5px;
}

.newsroomcol .newsroompost img.clock {
	height: 15px;
	margin: -3px 4px 0 0;
	display: inline;
}

.newsroomcol .newsroompost span.mobiledate {
	display: none;
}

.newsroomcol .datebreak {
	background: rgba(229, 240, 234, 1);
	display: block;
	text-align: center;
	padding: 5px 0;
	margin-top: -1px;
	font-family: "Newsroom", sans-serif;
	font-weight: 500;
	letter-spacing: 0.5px;
	font-size: 14px;
	width: 100%;
}

#newsroom a {
	color: #000000;
}

#newsroom a:hover {
	text-decoration: none;
}

#newsroom .bookend .inner {
	background: #abcabb;
	display: block;
	height: 100%;
	font-family: "Magazine Headline";
	font-weight: 700;
	padding: 20px;
	font-size: 36px;
	line-height: 42px;
}

#newsroom .col-sm-12 .featuredhero {
	height: 396px;
	padding-right: 0px !important;
    padding-left: 0px !important;
    overflow: hidden;
	width: 600px;
}

.archive.tag #newsroom .col-sm-12 .featuredhero {
	height: 300px;
}

.tag-featured-hero-img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

#newsroom .col-sm-12 h1,
.archive .hero h1 {
	font-size: 44px !important;
	line-height: 48px !important;
}

#newsroom .meta {
	font-family: "Meta", sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
	font-weight: 400;
	letter-spacing: 1.5px;
	margin-right: 15px;
	margin-bottom: 10px;
}

#newsroom .newsroomcol h1,
#newsroom .newsroomcol h3 {
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 15px;
}

#newsroom .newsroomcol .meta {
	margin-bottom: 15px;
}

#newsroom .col-sm-12 .meta.author,
.archive .meta {
	margin-bottom: 80px;
}

#tagrow {
	margin-bottom: 30px;
}

#tagrow span.jumpto {
	font-family: "Meta", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1.5px;
	font-size: 11px;
}

#tagrow hr {
	margin-bottom: 30px !important;
}

#tagrow h2 {
	margin-bottom: 20px;
}

#tagrow a {
	font-size: 13px;
	text-transform: uppercase;
	display: inline-block;
	padding: 5px 20px;
	border: 0.5px solid #1d1d1b;
	border-radius: 20px;
	transition: ease-in-out 0.3s;
	font-family: "Meta", sans-serif;
	font-weight: 400;
	letter-spacing: 1.5px;
	color: initial;
	margin-right: 10px;
}

#tagrow a:last-child {
	margin-right: 0;
}

#tagrow a:hover {
	background: #f5fcc1;
	transition: ease-in-out 0.3s;
	text-decoration: none;
}

#tagrow ul {
	padding: 0;
}

#tagrow ul li {
	display: inline-block;
	list-style: none;
	margin-right: 10px;
}

#multimediastrip {
	background: #1d1d1b;
	color: #cdd3c5;
	padding: 50px 0;
	margin: 0;
}

#multimediastrip a:hover {
	text-decoration: none !important;
}

#multimediastrip h2 {
	color: #fff;
	font-family: "Video", sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
	line-height: 100%;
	font-size: 50px;
	margin: 0;
	display: inline-block;
	vertical-align: top;
}

#multimediastrip img.sectionlogo {
	height: 50px;
	display: inline-block;
	width: auto;
	margin-left: 10px;
}

#multimediastrip .row.panels {
	margin-top: 50px;
}

/**#multimediastrip .row.panels > .col-sm-3 { border-right: 1px solid #717171; }**/
#multimediastrip .row.panels > .col-sm-3:last-child,
#multimediastrip .row.panels > .col-sm-3.noline {
	border-right: none;
}

#multimediastrip .filter-buttons,
#multimediastrip .filter-buttons-2 {
	text-align: right;
	line-height: 50px;
}

#multimediastrip .filter-button,
#multimediastrip .filter-button-2 {
	border: 0.5px solid #fff;
	text-align: right;
	margin-left: 10px;
	display: inline;
}

#multimediastrip .filter-button:hover,
#multimediastrip .filter-button-2:hover,
#multimediastrip a.filter-button.taglink.active,
#multimediastrip a.filter-button-2.taglink.active {
	background: #f5fcc1 !important;
	color: #1d1d1b;
}

img.sectionlogo {
	width: 250px;
}

.verticalpanel {
	background: #e8e4e0;
	height: 360px;
	border-radius: 15px;
	position: relative;
}

.verticalpanel .tag,
#promobanner .tag {
	padding: 5px 15px;
	color: #000;
	background: #fff;
	border-radius: 15px;
	display: inline-block;
	position: absolute;
	top: 15px;
	left: 15px;
	font-family: "Meta", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 11px;
	z-index: 9998;
}

.verticalpanel .podcast .panel {
	height: 180px;
	border-radius: 15px 15px 0px 0px;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}

.verticalpanel .podcast .text {
	height: 180px;
	position: relative;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 20px !important;
}

.verticalpanel .podcast .text:hover {
	text-decoration: none !important;
}

.verticalpanel .podcast .text h4 {
	font-family: "Newsroom", sans-serif;
	font-weight: 500;
	color: #1d1d1b;
	font-size: 20px;
	width: 90%;
    text-wrap: balance;
    z-index: 5;
    position: relative;
    text-shadow: 1px 1px 0 #e8e4e0, -1px 1px 0 #e8e4e0, -1px -1px 0 #e8e4e0, 1px -1px 0 #e8e4e0;
}

.verticalpanel .podcast .text h4.name {
	color: #598ba6;
}

.verticalpanel .podcast .guest {
	width: 40%;
	height: 140px;
	position: absolute;
	right: 0;
	bottom: 0px;
	background-size: 120%;
	background-repeat: no-repeat;
	background-position: left bottom;
	border-radius: 0 0 15px 0px;
	filter: grayscale(100%);
}

.verticalpanel .podcast.secondary .text {
	background: #31636d;
	color: #fff;
	border-radius: 0px 0px 15px 15px;
}

.verticalpanel .podcast.secondary .text h4 {
	color: #fff;
}

.verticalpanel .podcast.secondary .text h4.name {
	opacity: 0.6;
}

.verticalpanel.video {
	background-size: cover;
	background-position: center center;
}

.verticalpanel.video .guest {
	height: 360px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background-size: auto 98%;
	background-repeat: no-repeat;
	background-position: 30% -500%;
	filter: grayscale(100%);
	border-radius: 15px;
	z-index: 999;
}

.verticalpanel.video .gradient {
	background: rgb(0, 0, 0);
	background: linear-gradient(
		to top,
		rgba(0, 0, 0, 1) 8%,
		rgba(0, 0, 0, 0) 70%,
		rgba(0, 0, 0, 0) 80%,
		rgba(0, 0, 0, 0.49763655462184875)
	);
	height: 100%;
	width: 100%;
	border-radius: 15px;
}

.verticalpanel.video .text {
	width: 100%;
	bottom: 0px;
	padding: 0 10% 10% !important;
	position: absolute;
	text-align: center;
	color: #fff;
	text-shadow: 0px 0px 10px #000000;
}

.verticalpanel.video .text guest {
	font-family: "Video", sans-serif;
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
	line-height: 100%;
	margin-bottom: 5px;
}

.verticalpanel.video .text vidtitle {
	font-family: "Magazine Headline", serif;
	font-weight: 200;
	font-size: 28px;
	line-height: 100%;
}

.verticalpanel.video.middle .gradient {
	background: rgb(0, 0, 0);
	background: linear-gradient(
		0deg,
		rgba(0, 0, 0, 1) 0%,
		rgba(0, 0, 0, 0.3) 50%,
		rgba(0, 0, 0, 0.3) 80%,
		rgba(0, 0, 0, 0.3) 100%
	);
	position: relative;
}

.verticalpanel.video.middle .guest {
	width: 40%;
	height: 150px;
	position: absolute;
	right: 0;
	bottom: 0px;
	background-size: 120%;
	background-repeat: no-repeat;
	background-position: left bottom;
	border-radius: 0 0 15px 0px;
	filter: grayscale(100%);
}

.verticalpanel.video.middle .text {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	color: #fff;
	padding: 0;
	bottom: inherit;
}

.verticalpanel.video.middle .text guest {
	font-family: "Magazine Headline", serif;
	font-size: 22px;
	font-weight: 200;
	display: block;
	line-height: 100%;
	margin-bottom: 5px;
	text-transform: inherit;
}

.verticalpanel.video.middle .text vidtitle {
	font-family: "Video", sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 42px;
	line-height: 100%;
	width: 70%;
	display: block;
	margin: 0 auto;
}

.verticalpanel .podcast.alterate .panel {
	bottom: 0;
	position: absolute;
	width: 100%;
	border-radius: 0px 0px 15px 15px;
}

.verticalpanel .podcast.alterate .text {
	position: absolute;
	top: 0;
	width: 100%;
}

.verticalpanel .podcast.alterate .text h4 {
	font-family: "Magazine Text", sans-serif;
	width: 70%;
}

.verticalpanel .podcast.alterate .text h4.name {
	color: #ff3d4a;
}

.standardpod.alt .verticalpanel .podcast .panel {
	position: absolute;
	bottom: 0;
	width: 100%;
	border-radius: 0 0 15px 15px;
}

.standardpod.alt .verticalpanel .podcast .text {
	top: 0;
}

.standardpod .verticalpanel .podcast.green h4.name {
	color: #859255;
}

.standardpod .verticalpanel .podcast.blue h4.name {
	color: #598ba6;
}

.standardpod .verticalpanel .podcast.orange h4.name {
	color: #ff3d4a;
}

.standardpod .verticalpanel .podcast.pink h4.name {
	color: #ad6869;
}

#section {
	margin: 30px 0;
}

#section.writers .gallery {
	position: relative;
	overflow: hidden;
	padding: 0;
	cursor: ew-resize;
}

#section.writers .gallery:focus {
	outline: none;
}

#section.writers .flickity-button {
	border: none;
	background: transparent;
	width: 20px;
	position: absolute;
	bottom: 0;
	display: none;
}

#section.writers .flickity-button.next {
	right: 0;
}

#section.writers .gallery .flickity-page-dots {
	display: none;
}

#section.writers .gallery-cell {
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-left: 10px;
}

#section.writers .gallery-cell a {
	color: inherit;
}

#section.writers .gallery-cell a:hover {
	text-decoration: none;
}

#section.writers .gallery-cell a img {
	transition: filter 0.5s ease;
	border-radius: 50%;
	height: 88px;
	width: 88px;
	filter: saturate(0%) brightness(110%);
}

#section.writers .gallery-cell a:hover img {
	border-image-outset: 4px solid black;
}

#section.writers .gallery-cell p.name {
	font-family: "Newsroom", sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	margin: 10px 0 0;
}

#mission {
	background: #daeef2;
	margin: 60px 0 60px;
}

#mission .col-sm-9 {
	padding: 0 0 60px;
}

#mission h2 {
	color: #364d5a;
	font-family: "Magazine Headline", serif;
	font-weight: 700;
	margin-bottom: 20px;
	padding-top: 60px;
}

#mission p {
	font-family: "Magazine Text", serif;
	color: #598ba6;
	font-size: 42px;
	letter-spacing: -2px;
	font-weight: 400;
	line-height: 52px;
	margin-bottom: 50px;
}

#mission .icon {
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 0;
}

#mission a.findmore {
	margin: 0;
}

#tagbanner {
	background: #f2e6e7;
	margin: 60px 0;
	padding: 60px 0;
}

#tagbanner hr {
	border-top: 1px solid #717171 !important;
	width: 100%;
}

#tagbanner .newsroomcol hr {
	margin: 15px 0 !important;
}

#tagbanner .line {
	border-right: 1px solid #717171;
}

#tagbanner a {
	color: inherit;
}

#tagbanner a:hover {
	text-decoration: none;
}

#tagbanner .posts .date {
	font-family: "Newsroom", sans-serif;
	font-size: 12px;
	letter-spacing: 1.5px;
}

#tagbanner .posts .col-9 {
	padding-left: 0 !important;
}

#tagbanner.geo {
	background: rgba(174, 197, 200, 0.2);
	margin: 0;
	padding: 30px 0;
}

#tagbanner.geo .newsroomcol .background {
	background: rgba(255, 255, 255, 0.6);
	z-index: 0;
	border-radius: 15px;
}

#tagbanner.geo #showMoreBtn {
	background: #fefefe;
}

#tagbanner.geo hr {
	border-top: 1px solid #ccc !important;
}

#tagbanner.geo #content1 hr {
	border-right: 1px solid #ccc !important;
	position: relative;
	margin: 0 !important;
}

#tagbanner.geo .line {
	border-right: 1px solid #ccc !important;
}

#tagbanner.geo img.flag {
	display: inline-block;
	height: 25px;
	margin-right: 10px;
	vertical-align: middle;
}

#tagbanner.geo h2 {
	display: inline-block;
	margin-bottom: 10px;
	vertical-align: middle;
}

#tagbanner.geo .newsroomcol .datebreak {
	background: #e4eeef;
}
article .article-header {
	margin-top: 20px;
}

article .article-header .hero-image {
	object-fit: cover;
    object-position: center;
	width: 100%;
}

article#newsroom .article-header .hero-image {
	max-height: 400px;
}

article .article-header h1.headline {
	font-family: "Magazine Headline", Georgia, serif;
	font-weight: 400;
	font-size: 36px;
	line-height: 40px;
	margin-bottom: 0;
	letter-spacing: -0.5px;
}

article .article-header h1.headline span.standfirst {
	color: #64acdb;
}

.standfirst-on-new-line {
	display: block;
}

article.premium .article-header {
	display: none;
}

article.premium .article-body .pianocontentwrapper figure,
article.premium .article-body .pianocontentwrapper img {
	width: 150% !important;
	margin-left: -17.5% !important;
	z-index: 999;
	position: relative;
	max-width: 1200px !important;
}

article.premium .article-body .pianocontentwrapper figure figcaption {
	width: 150%;
	margin-left: -17.5%;
}

article.premium .fixed-sidebar {
	display: none;
}

.subscribe-comment {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding-top: 18px;
}

.subscribe-comment-button {
	background-color: white !important;
	color: black !important;
	padding: 10px 25px;
	text-align: center;
	text-decoration: none !important;
	font-size: 16px;
	font-weight: 700;
	font-family: Tiempos, sans-serif;
	border-radius: 40px;
	border: 2px solid black;
	transition: background-color 0.3s;
}

.subscribe-comment-button:hover {
	background-color: black !important;
	color: white !important;
	border-color: black;
}

#premium {
	background-size: cover;
	background-position: center center;
	position: relative;
	margin-bottom: 15px;
}

#premium .gradient {
	background: linear-gradient(
		to top,
		rgba(0, 0, 0, 1) 8%,
		rgba(0, 0, 0, 0) 70%,
		rgba(0, 0, 0, 0) 80%,
		rgba(0, 0, 0, 0.49763655462184875)
	);
	height: 100%;
	width: 100%;
	position: absolute;
}

#premium h1 {
	color: #fff;
	margin-bottom: 30px;
	padding-top: 50vh;
	font-size: 60px;
	line-height: 100%;
}

#premium h1 .standfirst {
	color: #c1f6ff;
}

#premium .standfirst-on-new-line {
	display: inline;
}

article .article-body p {
	font-family: "Magazine Text";
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	color: #1d1d1b;
	margin-bottom: 30px;
}

article .article-body a {
	color: inherit;
	text-decoration: none;
	border-bottom: 0.5px solid #000;
}

article .article-body a.author {
	display: inline-block;
	vertical-align: middle;
}

article .article-body a.author img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	filter: saturate(0%) brightness(110%);
}

article .article-body .authorinfo {
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px;
	width: 80%;
}

article .article-body .authorinfo a,
article .article-body a.author {
	border-bottom: none;
}

article .article-body .authorinfo h5 {
	font-family: "Magazine Headline";
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
}

article .article-body .authorinfo h6 {
	font-family: "Meta";
}

article .article-body .ref-ar {
	display: block;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	margin-bottom: 30px;
	padding: 20px 0 15px;
}

article .article-body .ref-ar .image {
	width: 175px;
	height: 100px;
	display: inline-block;
}

article .article-body .ref-ar .content {
	display: inline-block;
	width: calc(100% - 175px);
	padding-left: 20px;
	vertical-align: top;
}

article .article-body .ref-ar .content h5 {
	margin: 8px 0 12px;
	font-weight: 400;
	font-size: 18px;
}

article .article-body .ref-ar .content p {
	margin-bottom: 0;
}

article .article-body .ref-ar .content span.meta,
article .article-body .ref-ar .content p.author {
	font-family: "Meta", sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0;
	font-weight: 400;
	letter-spacing: 1.5px;
	margin-right: 15px;
	line-height: 100%;
}

@media (max-width: 410px) {
	article .article-body .ref-ar .content {
		padding-left: 10px;
	}

	article .article-body .ref-ar .content span.meta {
		letter-spacing: 0;
	}
}

article .article-body .authorfootnote p {
	font-family: "Newsroom", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #717171;
	margin-bottom: 15px;
}

article .article-body .authorfootnote p strong {
	font-weight: 400;
}

/* article .article-body .authorfootnote a { font-family: 'Meta'; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; border-bottom: none; } */
article .article-body .authorfootnote img.authorx {
	width: 12px !important;
	height: 12px;
	margin-right: 5px;
	vertical-align: middle;
	margin-left: 0 !important;
}

article .article-body .su-pullquote {
	display: block;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	margin-bottom: 30px;
	padding: 30px 0;
	font-size: 40px;
	line-height: 44px;
	font-family: "Magazine Headline";
	font-weight: 400;
	width: 100%;
	border-right: none;
}

article {
	& .article-figure {
		margin: 0 !important;

		& .primaryimg {
			padding-right: 20px !important;
			padding-left: 0 !important;
			max-height: 400px;
			overflow: hidden;
    	}

		& .video-container {
			left: 0;
			width: 100%;
			height: 0;
			position: relative;
			padding-bottom: 56.25%;
			margin-top:20px;
		}

		& .video-container iframe {
			border: 0; 
			top: 0; 
			left: 0; 
			width: 100%; 
			height: 100%; 
			position: absolute;
		}

    	& .captionsidebar {
			padding-right: 30px;
    		padding-left: 30px;
			margin-top: 30px;
		}
	}

	& figcaption {
		font-family: "Newsroom", sans-serif;
		font-size: 11px !important;
		margin-top: 8px;
		color: #808080;
	}
}

@media screen and (max-width: 992px) {
	article {
		& .article-figure {
			& .primaryimg {
				padding-right: 0 !important;
			}

			& .captionsidebar {
				padding-left: 0px !important;    			
			}
		}
 	}
}

@media screen and (max-width: 550px) {
	.article-figure .captionsidebar {
		margin-top: 0px !important;
	}
}

@media screen and (max-width: 575px) {
	.article-figure .video-container {
		margin-bottom: 25px;
	}
}

article p.caption,
article .fixed-sidebar p {
	font-family: "Newsroom", sans-serif;
	color: #717171;
	font-weight: 300;
	font-size: 12px;
	line-height: 14px;
	width: 90%;
	margin-bottom: 0;
	position: absolute;
	bottom: 0;
}

article .fixed-sidebar p {
	color: #c0c0c0;
	text-align: center;
	width: 100%;
	margin: 10px 0;
}

article a.taglink {
	margin: 5px;
	color: #717171;
}

article#newsroom .tophalf {
	background: rgba(246, 251, 248, 1);
	padding: 20px 0;
	margin-bottom: 20px;
}

article#newsroom .article-header h1.headline {
	font-family: "Newsroom", sans-serif;
	font-size: 40px;
	font-weight: 500;
	line-height: 46px;
	letter-spacing: -1.5px;
}

article#newsroom .article-header .hero-image {
	border-radius: 20px;
}

article#newsroom p.caption {
	position: absolute;
	bottom: 0;
}

article#newsroom .article-body p {
	font-family: "Newsroom", sans-serif;
	font-weight: 300 !important;
	color: #1d1d1b;
}

article#newsroom .article-body .authorinfo {
	padding-left: 0;
	width: 100%;
}

article#newsroom .article-body .authorinfo img {
	height: 18px;
	width: auto;
	opacity: 1;
	margin: 0 15px 0 0;
	display: inline-block;
}

article#newsroom img.sectionfeatured {
	width: calc(70% - 60px);
	display: block;
	margin-bottom: 15px;
	margin-top: 30px;
	opacity: 0.7;
}

article#newsroom .reccomended {
	display: none;
	margin-top: 50vh;
	height: initial;
	padding: 0 10px 0 0;
}

article#newsroom .reccomended .row {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

article#newsroom .reccomended h4 {
	font-weight: 700;
	font-size: 18px;
}

article#newsroom .reccomended .featuredimage {
	margin-right: 10px;
}

article#newsroom .newsroomcol hr {
	margin: 15px 0 !important;
}

article#newsroom .newsroomcol h1,
article#newsroom .newsroomcol h3 {
	margin: 0;
	font-size: 18px;
	line-height: 20px;
}

article#newsroom .newsroomcol p {
	margin-bottom: 0;
	font-family: "Meta";
	font-size: 11px;
}

article#newsroom.Today a.author,
article#newsroom.Today .authorinfo,
article#newsroom.Today hr.authordivide,
article#newsroom.Today .authorfootnote {
	display: none;
}

article#newsroom #stub {
	border: 1px solid #dedede !important;
	margin-bottom: 30px;
	padding: 30px 30px 0;
}

article#newsroom #stub h4 {
	font-family: "Newsroom", sans-serif;
	font-size: 24px;
	margin-bottom: 20px;
}

.uhcomments .comment-content p {
	font-size: 13px;
	text-decoration: none !important;
	font-weight: 400 !important;
	color: #1b1b1b !important;
	font-family: benton-sans, sans-serif;
	margin-bottom: 10px;
}

.uhcomments .comment-body {
	padding-bottom: 20px;
}

.uhcomments ol.comment-list {
	list-style: none;
	padding: 0;
}

.uhcomments ol.children {
	list-style: none;
}

.uhcomments .comment-meta {
	margin-bottom: 15px;
}

#comments h2 {
	font-size: 31px;
	color: #717171 !important;
	font-weight: 700;
	font-family: "Magazine Text";
	margin-bottom: 10px;
}

#comments h3 {
	font-family: "Magazine Text";
	font-weight: 400;
	color: #949494;
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 0;
}

#comments a {
	color: #000;
	text-decoration: underline;
}

.article #comments .ql-editor p {
	color: #1b1b1b !important;
}

#comments.comments-area {
	margin: 0 !important;
}

#comments.out {
	margin-top: 25px;
	text-align: left;
}

#comments.out li {
	list-style: none;
}

#comments.out .comment-author img {
	width: 40px;
	height: 40px;
	max-width: 40px;
	border-radius: 100%;
	padding: 2px;
	background-color: #ffffff;
	vertical-align: middle;
	text-align: center;
	float: none;
	border: 1px solid #4d6b75 !important;
}

#comments.out b.fn,
#wpdcom .wpd-blog-guest .wpd-comment-author,
#wpdcom .wpd-blog-guest .wpd-comment-author a,
#wpdcom .wpd-blog-customer .wpd-comment-author,
#wpdcom .wpd-blog-customer .wpd-comment-author a {
	font-family: minion-pro, serif !important;
	font-weight: 600;
	font-style: normal;
	font-size: 17px !important;
	line-height: 150%;
	letter-spacing: -0.5px !important;
	color: #1b1b1b !important;
}

#comments.out .comment-metadata a {
	display: none;
}

#comments.out .comment-body {
	border-bottom: 0.5px solid rgba(28, 28, 28, 0.4) !important;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

#comments.out span.says {
	display: none;
}

#comments.out .comment-content p br {
	margin-bottom: 10px;
}

#comments a#btn-signup {
	background: #ffde00;
	color: #262222 !important;
	font-weight: 700;
	box-shadow: none;
	width: 100%;
	letter-spacing: -0.25px;
	padding: 11px 30px 10px;
	display: block;
	margin: 0 auto;
	border-radius: 40px;
	border: 1px #e4c916 solid;
	text-transform: initial;
	min-width: 300px;
	max-width: 320px;
	font-size: 16px;
	transition: 0.2s ease-in-out;
}

#comments a#btn-signup:hover {
	background: #fbc804;
	color: #262222;
}

#comments .comment-over {
	padding-left: 5%;
	padding-right: 5%;
	display: none;
}

#wpdcom .wpd-blog-guest .wpd-comment-author,
#wpdcom .wpd-blog-guest .wpd-comment-author a {
	font-family: minion-pro, serif !important;
	font-weight: 600;
	font-style: normal;
	font-size: 17px !important;
	line-height: 150%;
	letter-spacing: -0.5px !important;
	color: #1b1b1b;
}

#wpdcom .wc-field-submit input[type="submit"] {
	margin-top: 0 !important;
}

.wpd-reply-to {
	text-align: left;
}

#wpdcom .wpd-comment .wpd-comment-status .wpd-unapproved,
.admin-bar .wpd-unapproved-comment {
	display: none !important;
}

#comments img.people {
	width: 60%;
	margin: -20px auto 0;
}

#page .page-hero {
	padding-top: 60px;
	padding-bottom: 60px;
}

#page .page-hero h1,
#page .page-hero h2 {
	font-family: "Magazine Headline";
	color: #135f5f;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 0;
}

.archive #articleindex {
	padding-bottom: 30px;
}

.archive #articleindex.newsroom h1 {
	margin-top: 0 !important;
}

.archive a:hover {
	text-decoration: none;
}

.archive .hero .featuredhero {
	background-size: cover;
	background-position: center center;
}

.archive span.blue {
	color: #949494;
}

.archive .hero h1 {
	font-weight: 400;
	width: 80% !important;
	margin-top: 6vh !important;
}

.archive #content .hero .meta .time,
.archive #content .hero .meta .name {
	display: inline-block;
	margin-right: 10px;
}

.archive .text {
	padding-left: 60px !important;
}

.archive #content .meta {
	margin-bottom: 0 !important;
}

.pagination {
	border-radius: 0;
}

.page-link {
	font-family: "Newsroom", sans-serif;
	font-weight: 700;
	color: #000 !important;
}

.page-item.active .page-link {
	background-color: #aec8bb !important;
	border-color: #aec8bb !important;
}

#page.columnists .col-lg-3.col-md-4.col-sm-4 {
	padding-right: 15px !important;
	padding-left: 15px !important;
	margin-bottom: 30px;
}

#page.columnists a {
	text-decoration: none;
}

#page.columnists .line {
	margin-bottom: 60px;
}

#page.columnists .box {
	border: 1px solid #dedede !important;
	padding: 25px 20px 0 20px;
	height: 100%;
}

#page.columnists .box a.viewall {
	background: #daeef2;
	display: block;
	position: absolute;
	bottom: 0;
	width: calc(100% - 30px);
	left: 15px;
	padding: 10px;
	color: #364d5a;
	font-size: 11px;
	text-align: center;
	margin-top: 10px;
}

#page.columnists .box .smallpost {
	display: block;
	margin: 0 0 20px;
	border-top: 1px solid #dedede !important;
	padding-top: 20px;
}

#page.columnists .box .smallpost:first-of-type {
	border-top: none !important;
}

#page.columnists .name:hover {
	text-decoration: none;
}

#page.columnists .name h4 {
	font-family: "Magazine Headline";
	color: #1d1d1b;
	font-size: 24px;
	line-height: 28px;
	width: calc(100% - 85px);
	margin-left: 10px;
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}

#page.columnists .name img {
	border-radius: 50%;
	max-width: 70px;
	filter: saturate(0%) brightness(110%);
	display: inline-block;
	vertical-align: middle;
}

#page.columnists .image {
	height: 180px;
	background-size: cover;
	background-position: center center;
}

#page.columnists a.headline {
	font-family: "Magazine Headline";
	font-weight: 400;
	color: #1d1d1b;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 5px;
	display: block;
}

#page.columnists .meta {
	display: inline-block;
	font-family: "Meta", sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
	font-weight: 400;
	letter-spacing: 1.5px;
	margin-right: 15px;
}

#page.columnists a.viewall {
	font-family: "Meta";
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: 0.1em;
	text-align: left;
	text-transform: uppercase;
	color: #135f5f;
}

#multimedia {
	background: #1d1d1b;
	color: #fff;
	padding-bottom: 20px;
}

#multimedia img.sectionlogo {
	height: 50px;
	width: auto;
	display: inline-block;
	margin-left: 5px;
	vertical-align: top;
}

#multimedia #page h2 {
	color: #fff;
	font-family: "Video", sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	display: inline-block;
	line-height: 100%;
	font-size: 50px;
	margin: 0;
}

#multimedia a {
	color: #fff;
}

#multimedia a:hover {
	text-decoration: none !important;
}

#multimedia hr {
	border-top: 1px solid #717171;
	margin-top: 60px !important;
	margin-bottom: 60px !important;
}

#multimedia .page-hero h1 {
	color: #fff;
}

#multimedia #featured .inner {
	background-size: cover;
	background-position: center center;
	display: block;
	position: relative;
}

#multimedia #featured .inner.black {
	background: #000;
	background-size: 0px;
	transition: ease-in-out 1s;
}

#multimedia #featured .gradient {
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0);
	background: -moz-linear-gradient(
		90deg,
		rgba(0, 0, 0, 1) 0%,
		rgba(0, 0, 0, 0) 100%
	);
	background: -webkit-linear-gradient(
		90deg,
		rgba(0, 0, 0, 1) 0%,
		rgba(0, 0, 0, 0) 100%
	);
	background: linear-gradient(
		90deg,
		rgba(0, 0, 0, 1) 0%,
		rgba(0, 0, 0, 0) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	background-size: 100% 100%;
	transition: opacity 0.3s, background-position 0.3s;
	min-height: 350px;
}

#multimedia #featured .gradient img.button {
	width: 90px;
	height: 90px;
}

#multimedia #featured .inner .details {
	padding: 60px;
	min-height: 500px;
}

#multimedia #featured .inner .details a {
	color: #fff;
}

#multimedia #featured .inner .details h1 {
	font-family: "Video";
	font-size: 52px;
	font-weight: 600;
	line-height: 42px;
	letter-spacing: 0.01em;
	text-align: left;
	text-transform: uppercase;
}

#multimedia #featured .inner .details h2 {
	font-family: "Magazine Headline";
	font-size: 24px;
	font-weight: 400 !important;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	text-transform: initial;
	margin-bottom: 10px;
}

#multimedia #featured .inner .details p {
	font-family: "Magazine Text";
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	margin-bottom: 0;
}

#multimedia #featured .interviewee {
	width: 30%;
	height: 100%;
	filter: grayscale(100%);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center bottom -10%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

#multimedia #multimediastrip {
	padding: 0;
}

#multimedia #multimediastrip h2 {
	margin-top: 0;
}

#multimedia #multimediastrip .verticalpanel {
	margin-bottom: 50px;
}

#mutlimedia .uhcomments {
	padding: 0;
}

#multimedia #wpdcom .wc-field-submit input[type="submit"] {
	border: 1px solid #fff;
	color: #fff;
	border-radius: 20px;
}

#multimedia.article .videolhs {
	height: 574px;
}

#multimedia.article .videolhs guest {
	font-family: "Magazine Headline";
	font-size: 24px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
	margin-bottom: 15px;
	display: block;
}

#multimedia.article .videolhs h1.title {
	font-family: "Video";
	font-size: 52px;
	font-weight: 600;
	line-height: 44px;
	letter-spacing: 0.01em;
	text-align: left;
	text-transform: uppercase;
	margin: 0;
}

#multimedia.article .videolhs .meta {
	font-family: "Meta";
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.1em;
	text-align: left;
	text-transform: uppercase;
}

#multimedia.article .videolhs hr {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

#multimedia.article .videolhs .linkedarticle {
	display: block;
	width: calc(100% - 30px);
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	margin: 0 -15px;
	padding: 0 15px;
}

#multimedia.article .videolhs .linkedarticle h4 {
	font-family: "Newsroom";
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	color: #ebff00;
	margin-top: 5px;
}

#multimedia.article #player {
	padding-top: 30px;
	padding-bottom: 0;
}

#multimedia.article #videoContainer {
	display: none;
}

#multimedia.article #videoScreen {
	cursor: pointer;
	display: block;
	position: relative;
	background-size: cover;
	background-position: top center;
	border-radius: 20px;
	height: 100%;
}

#multimedia.article #videoScreen .gradient {
	background: rgb(0, 0, 0);
	background: -moz-linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.55) 0%,
		rgba(0, 0, 0, 0) 100%
	);
	background: -webkit-linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.55) 0%,
		rgba(0, 0, 0, 0) 100%
	);
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.55) 0%,
		rgba(0, 0, 0, 0) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
	height: 100%;
	width: 100%;
	border-radius: 20px;
}

#multimedia.article #videoScreen img.play {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#multimedia.article #videoScreen .guest {
	width: 40%;
	height: 75%;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	background-size: cover;
	filter: grayscale(100%);
	background-repeat: no-repeat;
}

#multimedia.article .body hr {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

#multimedia.article .body h3 {
	font-size: 24px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
	color: #fff;
}

#multimedia.article .body p {
	font-family: "Newsroom", sans-serif;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
	font-weight: 200 !important;
}

#multimedia.article #comments,
#multimedia.article #comments #wpdcom .wpd-comment-header .wpd-comment-author {
	margin-top: 0;
	font-family: "Newsroom", sans-serif !important;
	color: #fff !important;
}

#multimedia.article #comments hr {
	margin: 20px 0 !important;
}

#multimedia.article #comments h2,
#multimedia.article #comments p,
#multimedia.article #comments #wpdcom .wpd-thread-head .wpd-thread-info {
	color: #fff !important;
}

#multimedia.article #comments #wpdcom .ql-editor p {
	color: #1b1b1b !important;
}

#multimedia.article #comments p {
	font-size: 16px;
}

#multimedia.article #comments h3 {
	color: #fff;
	margin-bottom: 10px;
	text-align: center;
}

#multimedia.article #comments .comment-break {
	margin-top: 20px;
}

#multimedia.article #comments .uhcomments {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#multimedia.article #comments #wpdcom .wpd-blog-user .wpd-comment-author,
#multimedia.article #comments #wpdcom .wpd-blog-user .wpd-comment-author a {
	color: #fff;
}

#pianocontainer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 0 28px 0 rgba(51, 51, 51, 0.2);
	z-index: 1000;
}

.fixed-sidebar {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	height: 100vh;
	width: 100%;
	background: none;
	top: 120px;
	bottom: auto;
	overflow-y: hidden;
}

.logged-in.admin-bar #navigation.minimized {
	top: 32px;
}

.code-block.code-block-6.active ~ * {
	display: none !important;
}

.code-block.code-block-6.active {
	position: relative;
}

.code-block.code-block-6.active::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	height: 200px;
	background-image: linear-gradient(
		to top,
		#ffffff 0%,
		#ffffff 20%,
		rgba(255, 255, 255, 0) 100%
	);
}

.code-block-3.hide {
	display: none;
}

.ob-cards {
	font-size: 15px;
	letter-spacing: -1px !important;
	line-height: 110%;
}

.ob-widget-header {
	font-family: benton-sans, sans-serif !important;
	font-weight: 600 !important;
	font-style: normal;
	font-size: 14px !important;
	line-height: 150%;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 8px 0 !important;
}

#comment-hide {
	display: none;
}

.comment-show {
	display: block !important;
}

button#togglebutton {
	text-align: center;
	background-color: #446c76;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: -0.5px;
	font-family: benton-sans, sans-serif;
	border: 0;
	padding: 12px 20px;
	border-radius: 50px;
	display: block;
	margin: 3vh auto 10vh auto;
}

.button-hide {
	display: none !important;
}

.taglink {
	font-size: 11px;
	text-transform: uppercase;
	display: inline-block;
	padding: 4px 14px;
	border: 0.5px solid #1d1d1b;
	border-radius: 20px;
	transition: ease-in-out 0.3s;
	font-family: "Meta", sans-serif;
	font-weight: 400;
	letter-spacing: 1.5px;
	color: #000;
}

.taglink:hover {
	background: #f5fcc1;
	transition: ease-in-out 0.3s;
	text-decoration: none;
	color: #000;
}

.taglink.breaking {
	animation: flash 3.5s infinite;
	transition: background 0.3s ease-in-out;
	background: #f5fcc1;
}

.taglink.breaking:hover {
	animation: none;
}

.share a {
	border-bottom: none !important;
	margin-right: 5px;
}

.share a img {
	width: 25px;
	height: 25px;
}

.share + .prefer-on-google {
    align-items: center;
    border-bottom: 0;
    border-radius: 999px;
    color: #666;
    display: inline-flex;
    font-size: 11px;
    gap: 4px;
    line-height: 1;
    margin-right: 0;
    padding: 4px 8px;
    text-decoration: none;
    white-space: nowrap;
}

@media (max-width: 877px) {
    
    .share + .prefer-on-google {
        padding-left: 0;
        margin-top: 10px;
    }

}

@media (min-width: 992px) {
    
    .share + .prefer-on-google {
        padding-left: 0;
        margin-top: 10px;
    }
    
}

@media (min-width: 1232px) {
    
    .share + .prefer-on-google {
        margin-top: 0;
    }
    
}

.share + .prefer-on-google .prefer-on-google-inner-wrapper {
    border: 1px solid #d9d9d9;
    border-radius: 999px;
    padding: 6px 8px 5px 8px;
}

.share + .prefer-on-google .prefer-on-google-inner-wrapper span {
    font-family: Newsroom, sans-serif;
}

.share + .prefer-on-google img {
    height: 12px;
    width: 12px;
}

.single-newsroom .share, .single-post .share {
    display: inline-block;
}

.comment-break {
	display: block;
}

.comment-break img.ellipse {
	margin: 8vh auto 8vh;
	max-width: 20px;
	display: block;
}

.comment-break h2 {
	display: block;
	margin: 0 auto;
	text-align: center;
	font-weight: 700 !important;
	font-size: 28px;
	color: #4d6b75 !important;
	letter-spacing: 0.2px;
	font-family: benton-sans, sans-serif;
}

.comment-break h3 {
	font-family: benton-sans, sans-serif;
}

.comment-break img.illustration {
	margin: 0;
	z-index: 999;
	position: relative;
	display: block;
	width: 100%;
}

footer {
	background: #000000;
	padding: 20px 0;
	color: #fff;
}

footer a,
footer p {
	font-family: "Newsroom", sans-serif;
	color: #aec8bb;
	font-weight: 300;
	font-size: 14px;
	transition: ease-in-out 0.3s;
}

footer a:hover {
	color: #fff;
	transition: 0.3s ease-in-out;
	text-decoration: none;
}

footer ul {
	padding: 0;
}

footer li {
	list-style: none;
}

.appcomments #wrapper-navbar,
.appcomments #thepost,
.appcomments #wrapper-footer,
.appcomments .wpd-form-col-left {
	display: none;
}

#wpd-bubble-wrapper {
	display: none !important;
	position: fixed;
}

.show-discuz-bubble #wpd-bubble-wrapper {
	display: block !important;
}

#comment_updates {
	display: none;
	position: fixed;
	bottom: 30px;
	left: 30px;
	padding: 24px 40px 20px 20px;
	background-color: #fff;
	color: #1b1b1b;
	z-index: 999;
	border: 1px solid #446c76;
	line-height: 155% !important;
	margin: 0 0 15px;
	font-family: benton-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 13px;
}

#comment_updates a {
	color: #1b1b1b;
	text-decoration: underline;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: -0.5px;
}

#comment_updates_close {
	float: right;
	margin-top: -20px;
	margin-right: -30px;
	cursor: pointer;
	color: #446c76;
}

#comment_updates .notfno {
	background: rgb(231, 103, 74);
	width: 18px;
	height: 18px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
}

#comment_updates .notftitle {
	font-family: essonnes-display, serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: -0.5px;
	margin: 5px 0 4px;
	display: block;
	font-size: 18px;
}

.subs-modal {
	width: 100%;
	display: none;
	height: 100%;
	background-color: rgb(0, 0, 0);
	opacity: 0.6;
	position: fixed;
	z-index: 9999;
	top: 0;
}

#login-form {
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	width: 450px;
	max-width: 90%;
	top: 400px;
	z-index: 10;
}

#login-form .piano-id-container iframe {
	width: 100%;
}

#login-form .cls-btn {
	display: none;
	background: #fff;
	padding: 3px 13px;
	border-radius: 40px;
	color: #155a66;
	z-index: 99999;
	margin-top: 0;
	font-weight: 700;
	border: 1px solid #155a66;
	font-size: 14px;
	position: absolute;
	top: 15px;
	right: 15px;
	transition: ease-in-out 0.5s;
}

#login-form .cls-btn:hover {
	background: #155a66;
	color: #fff;
	text-decoration: none;
	transition: ease-in-out 0.2s;
}

#search {
	padding-bottom: 50px;
}

#search a {
	color: #1b1b1b;
}

#search p.meta {
	font-family: "Meta";
	font-weight: 400;
	font-size: 12px;
	line-height: 38px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #717171;
	margin: 0;
}

#search .innercol.newsroom h1,
.archive #articleindex.newsroom h1 {
	font-family: "Newsroom", sans-serif;
	font-weight: 500;
	letter-spacing: -0.5px;
}

#search h2 {
	margin-bottom: 0;
}

#search .author-hero {
	padding: 3% 0 0;
}

#search ul.pagination {
	display: inline-flex;
	margin-top: 3%;
}

#search hr {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.pag {
	border: none;
	margin: 0 auto;
}

#about .hero {
	background: #daeef2;
	margin-bottom: 60px;
	padding: 20px 0 60px;
}

#about .hero img {
	position: absolute;
	bottom: 0;
	right: 0;
}

#about .hero h1 {
	color: #364d5a;
	font-family: "Magazine Headline", serif;
	font-weight: 700;
	padding: 60px 0;
	text-align: left;
}

#about h4 {
	color: #364d5a;
	font-family: "Magazine Headline", serif;
	font-weight: 700;
	margin-bottom: 30px;
}

#about .team-icon {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

#about .team-icon img {
	border-radius: 50%;
	width: 55%;
	margin: 0 auto 10px;
	filter: saturate(0%) brightness(110%);
	display: block;
}

#about .team-icon a.name {
	color: #1b1b1b;
	font-family: "Newsroom", sans-serif;
	font-weight: 500;
	letter-spacing: 0px;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
}

#about p {
	font-family: "Magazine Text";
	font-weight: 400;
	font-size: 17px;
	line-height: 24px;
	color: #1d1d1b;
	margin-bottom: 20px;
}

#chatbot .hero {
	background: #aec8bb;
	display: flex;
	flex-direction: column;
	font-family: "Newsroom";
	padding: 20px;
}

#chatbot .hero h1 {
	font-family: "Newsroom";
	margin-top: 20px;
}

#chatbot .chatbot_notice_bar {
	background: #e5f0ea;
	padding: 10px;
}

#chatbot .chatbot_notice_bar p {
	margin-bottom: 0px;
}

#chatbot .chatbot_container {
	margin-top: 30px;
}

.archive.author .author-hero {
	padding: 3% 0%;
}

.archive.author .author-hero a {
	color: #000;
	text-decoration: underline;
}

.archive.author .author-hero img.avatar {
	border-radius: 50%;
	filter: saturate(0%) brightness(110%);
}

.archive.author .author-hero img.author-social {
	width: 25px;
	margin-right: 15px;
}

#wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar {
	display: none !important;
}

#wpdcom.wpd-layout-1 .wpd-comment .wpd-comment-left {
	width: 0 !important;
	margin: 0;
}

#wpdcom .wpd-comment .wpd-comment-header {
	margin-left: 0 !important;
}

#wpdcom .wpd-thread-list {
	padding-bottom: 0 !important;
}

.mc_update_success {
	display: none;
	border: solid 2px #056305;
	padding: 10px;
	font-weight: bold !important;
	background-color: #a9d0a9;
}

/* Fonts 8 */

@font-face {
	font-family: "Newsroom";
	src: url("font/licensed/soehne-leicht.woff2") format("woff2");
	font-weight: 200;
	font-display: swap;
}

@font-face {
	font-family: "Newsroom";
	src: url("font/licensed/soehne-buch.woff2") format("woff2");
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Newsroom";
	src: url("font/licensed/soehne-kraftig.woff2") format("woff2");
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: "Newsroom";
	src: url("font/test-soehne-dreiviertelfett.woff2") format("woff2");
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: "Meta";
	src: url("font/licensed/soehne-mono-buch.woff2") format("woff2");
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Video";
	src: url("font/licensed/soehne-schmal-dreiviertelfett.woff2") format("woff2");
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: "Magazine Text";
	src: url("font/licensed/tiempos-text-regular.woff2") format("woff2");
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Magazine Text";
	src: url("font/licensed/tiempos-text-semibold.woff2") format("woff2");
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: "Magazine Headline";
	src: url("font/test-tiempos-headline-light.woff2") format("woff2");
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: "Magazine Headline";
	src: url("font/licensed/tiempos-headline-regular.woff2") format("woff2");
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Magazine Headline";
	src: url("font/test-tiempos-headline-medium.woff2") format("woff2");
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: "Magazine Headline";
	src: url("font/test-tiempos-headline-semibold.woff2") format("woff2");
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: "Magazine Headline";
	src: url("font/test-tiempos-headline-bold.woff2") format("woff2");
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: "Magazine Headline";
	src: url("font/test-tiempos-headline-black.woff2") format("woff2");
	font-weight: 800;
	font-display: swap;
}

@media (min-width: 1410px) {
	.row {
		margin-right: -30px !important;
		margin-left: -30px !important;
	}

	.verticalpanel.video .guest {
		background-position: -20% -500%;
	}
}

@media (max-width: 1500px) {
	#navigation.minimized .menupanel {
		padding-left: 0;
	}

	#navigation.minimized .tagrow {
		margin-right: 20px;
	}

	#navigation.minimized .tagrow a {
		margin-right: 10px;
	}

	#topfold {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#topfold .innercol.double #articleindex.standard a.taglink {
		margin-top: 15px !important;
	}

	.double a.taglink {
		margin-top: 0 !important;
	}

	.double .meta {
		margin-bottom: 20px;
	}

	#promobanner {
		padding: 15px 0 !important;
	}

	#promobanner.live {
		padding: 0 !important;
	}

	#promobanner h1,
	#promobanner h3 {
		font-size: 20px;
		width: 70%;
	}

	#promobanner .single h1 {
		font-size: 26px !important;
		margin-bottom: 0;
		line-height: 120% !important;
	}

	#promobanner .single h2 {
		font-size: 20px;
	}

	#promobanner .watch-listen a.multimediapanel .col-7 {
		padding: 12px !important;
	}

	#promobanner .watch-listen a.multimediapanel .col-7 h1.guest {
		position: relative;
		bottom: 0;
	}

	#promobanner .watch-listen a.multimediapanel .col-7 h1 {
		font-size: 15px;
		margin: 0 0 5px;
	}

	#promobanner .watch-listen a.multimediapanel .tag {
		margin-bottom: 5px;
	}

	#promobanner .watch-listen a.multimediapanel {
		width: 100%;
		margin-left: 0 !important;
	}

	#promobanner .watch-listen a.multimediapanel.video guest {
		font-size: 12px;
		margin: 7px 0 2px;
	}

	#navigation .topbar {
		margin-bottom: 15px;
	}

	#navigation img.logo {
		margin-top: -25px;
		max-width: 200px;
	}

	#topfold #articleindex h1,
	#topfold #articleindex h2,
	#articleindex.full h1,
	#articleindex.full h2,
	.col-sm-9.mastercol #articleindex.full h1, 
	.col-sm-9.mastercol #articleindex.full h2 {
		font-size: 35px;
		width: 100%;
		font-weight: 400;
		letter-spacing: 0px;
	}

	.innercol.double #articleindex h1,
	.innercol.double #articleindex h2 {
		margin: 15px 0;
	}

	#topfold .innercol.single h1,
	#topfold .innercol.single h2 {
		margin: 8px 0 4px !important;
		line-height: 120%;
	}

	.innercol.single a.taglink {
		margin: 15px 0 0;
	}

	.innercol.single hr {
		margin: 15px 0;
	}

	.newsroomcol h1,
	.newsroomcol h3 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.newsroomcol .quote img {
		width: 65px;
		height: 65px;
	}

	.newsroomcol .quote p {
		font-size: 15px;
		line-height: 110%;
	}

	article p.caption,
	article .fixed-sidebar p {
		width: 70%;
	}

	article#newsroom .article-header h1.headline {
		font-size: 36px;
		line-height: 40px;
	}

	#mission p {
		line-height: 48px;
		font-size: 40px;
	}

	.verticalpanel.video.middle .text vidtitle {
		width: 100%;
	}

	.archive .hero h1 {
		margin-top: 40px !important;
	}

	.archive #content .hero .meta {
		margin-bottom: 40px !important;
	}

	#multimedia.article .videolhs {
		height: 500px;
	}
}

@media (max-width: 1150px) {
	#navigation.minimized {
		max-height: 84px;
		overflow: hidden;
	}

	#navigation.minimized .menupanel {
		height: 48px;
		overflow-y: hidden;
	}

	.innercol.double #articleindex.standard {
		padding-bottom: 0;
	}

	.innercol.full hr {
		margin: 20px 0 !important;
	}

	#navigation .menupanel {
		max-height: 44px;
		overflow-y: hidden;
	}

	#navigation li#menu-item-480646 {
		display: none !important;
	}

	.newsroomcol .headerblock img {
		max-width: 150px;
	}

	.newsroomcol .featuredimage {
		margin-bottom: 5px;
	}

	.newsroomcol .col-9 {
		padding-right: 15px !important;
	}

	.newsroomcol h1,
	.newsroomcol h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.newsroomcol .quote p {
		font-size: 14px;
	}

	.newsroomcol .quote img {
		height: 40px;
		width: 40px;
		margin-bottom: 5px;
	}

	.newsroomcol .quote p.author {
		margin-top: 5px;
		font-size: 11px;
	}

	.newsroomcol p {
		font-size: 11px;
	}

	.innercol.single h1,
	.innercol.single h2 {
		font-size: 21px !important;
		margin: 10px 0 !important;
	}

	.innercol.single a.taglink {
		margin-top: 15px;
	}

	.innercol.full h1,
	.innercol.full h2 {
		font-size: 24px !important;
	}

	a.findmore {
		margin-top: 10px;
	}

	.verticalpanel .podcast .text h4 {
		font-size: 18px;
	}

	#tagrow {
		margin-bottom: 0;
	}

	.verticalpanel .podcast .text,
	.verticalpanel .podcast .panel,
	#multimedia #multimediastrip .col-sm-3 .verticalpanel {
		height: 290px;
		padding: 15px !important;
	}

	.verticalpanel.homecard .podcast .panel {
		padding: 0px !important;
	}

	.verticalpanel.homecard .podcast .guest {
		margin-right: -15px !important;
	}
	
	.verticalpanel.homecard .podcast .text {
		height: unset !important;
	}

	.verticalpanel,
	.verticalpanel.video .guest {
		height: 320px;
	}

	.verticalpanel.video .text vidtitle {
		font-size: 24px;
	}

	.verticalpanel.video.middle .text vidtitle {
		font-size: 38px;
	}

	#section.writers .gallery-cell a img {
		height: auto;
	}

	#articleindex.full h1 {
		width: 100%;
	}

	#articleindex.full .row .col-sm-6:last-child {
		padding-left: 15px !important;
	}

	#articleindex.standard .col-sm-4 {
		padding-right: 0 !important;
	}

	#articleindex.full .featuredimage {
		height: 100%;
	}

	#mission p {
		font-size: 30px;
		line-height: 130%;
		margin-bottom: 25px;
	}

	#mission h2 {
		padding-top: 40px;
	}

	#mission .col-sm-9 {
		padding-bottom: 40px;
	}

	article p.caption,
	article .fixed-sidebar p {
		width: 80%;
	}

	article p.caption {
		font-size: 11px;
		line-height: 12px;
	}

	article .article-body a.author img {
		width: 60px;
		height: 60px;
	}

	article .article-body .authorinfo h5 {
		margin-bottom: 0;
	}

	article a.taglink {
		margin: 2px;
		font-size: 9px;
	}

	#premium {
		background-position: 60% 150%;
		background-repeat: no-repeat;
	}

	#premium h1 {
		margin-bottom: 20px;
		font-size: 50px;
		padding-top: 40vh;
	}

	#multimedia #featured .inner .details {
		padding: 50px;
	}

	#multimediastrip .row.panels {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}

	#multimediastrip .row .col-sm-3 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	#multimediastrip .verticalpanel .podcast .panel,
	#multimediastrip .verticalpanel .podcast .text {
		height: 160px;
	}

	#mission,
	#tagbanner {
		margin: 40px 0;
	}

	#tagbanner {
		padding: 40px 0;
	}

	#page .page-hero {
		padding: 40px 15px;
	}

	#newsroom .col-sm-12 .meta.author,
	.archive .meta {
		margin-bottom: 40px;
	}

	.newsroomcol .featuredimage {
		margin-bottom: 10px;
	}

	#page.columnists .col-sm-3 {
		margin-bottom: 0;
		margin-left: -5px;
	}

	#page.columnists .row.writers {
		margin-left: -15px !important;
	}

	#page.columnists .image {
		height: initial;
	}

	#page.columnists .name h4,
	#page.columnists a.headline {
		font-size: 20px;
		line-height: 22px;
	}

	#page.columnists .box {
		margin-bottom: 20px;
		display: block;
	}

	#page.columnists .box a.viewall {
		height: 34px;
		overflow-y: -webkit-paged-x;
	}

	#page.columnists .box .smallpost {
		padding-top: 15px;
		margin: 0 0 15px;
	}

	.taglink {
		font-size: 10px;
	}
}

@media (max-width: 1025px) {
	.col,
	.col-1,
	.col-10,
	.col-11,
	.col-12,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-auto,
	.col-lg,
	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-auto,
	.col-md,
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-auto,
	.col-sm,
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-auto,
	.col-xl,
	.col-xl-1,
	.col-xl-10,
	.col-xl-11,
	.col-xl-12,
	.col-xl-2,
	.col-xl-3,
	.col-xl-4,
	.col-xl-5,
	.col-xl-6,
	.col-xl-7,
	.col-xl-8,
	.col-xl-9,
	.col-xl-auto {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.row {
		margin-left: -20px !important;
		margin-right: -20px !important;
	}

	#tagrow a {
		font-size: 11px;
	}

	#promobanner {
		padding: 30px 0;
	}

	#promobanner h1,
	#promobanner h3 {
		width: 90%;
	}

	#promobanner .watch-listen a.multimediapanel {
		margin-left: 0 !important;
	}

	#promobanner .watch-listen a.multimediapanel .col-7 {
		padding: 10px !important;
	}

	#promobanner .watch-listen a.multimediapanel .col-7 h1 {
		font-size: 16px;
		line-height: 120%;
	}

	#promobanner .watch-listen a.multimediapanel .tag {
		margin-bottom: 5px;
	}

	#promobanner .watch-listen a.multimediapanel .tag,
	#promobanner .watch-listen a.multimediapanel .tag fa {
		font-size: 9px;
	}

	#promobanner .watch-listen a.multimediapanel .col-7 h1.guest {
		bottom: 10px;
		font-size: 14px;
	}

	#promobanner .newsroom h1 {
		line-height: 100%;
	}

	#promobanner.triple .watch-listen a.multimediapanel.video .tag {
		left: 0px;
		display: none;
	}

	#promobanner .watch-listen a.multimediapanel.video h1,
	#promobanner .watch-listen a.multimediapanel.video h3 {
		font-size: 22px;
		line-height: 21px;
	}

	#promobanner .watch-listen a.multimediapanel.video guest {
		padding-left: 20px !important;
	}

	.double .meta {
		margin-bottom: 0;
	}

	.newsroomcol .newsroompost {
		padding: 15px 0;
	}

	.newsroomcol .featuredimage {
		margin-bottom: 5px;
	}

	.newsroomcol .col-9 {
		padding-left: 10px !important;
	}

	.newsroomcol .newsroompost .col-2.timestamp p {
		font-size: 9px;
	}

	#showMoreBtn {
		left: 20px !important;
		width: calc(100% - 20px) !important;
	}

	a.findmore {
		font-size: 10px;
	}

	a.findmore::after {
		height: 15px;
		width: 15px;
	}

	#articleindex.standard .col-sm-8,
	#articleindex .row .col-sm-6:nth-of-type(2) {
		padding-left: 0 !important;
	}

	#topfold #articleindex h1,
	#topfold #articleindex h2,
	#articleindex.full h1,
	#articleindex.full h2,
	.col-sm-9.mastercol #articleindex.full h1,
	.col-sm-9.mastercol #articleindex.full h2,
	#articleindex h1,
	#articleindex h2 {
		font-size: 32px;
	}

	#articleindex.standard .col-sm-4 {
		padding-right: 15px !important;
	}

	#about .hero h1 {
		padding: 40px 0;
	}

	#multimediastrip {
		margin-bottom: 0;
	}

	#multimediastrip .row.panels {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}

	#multimediastrip .row.panels .col-sm-3 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	#multimediastrip .verticalpanel .podcast .panel,
	#multimediastrip .verticalpanel .podcast .text {
		height: 145px;
	}

	.verticalpanel .podcast.alterate .text h4,
	.verticalpanel .podcast .text h4 {
		width: 100%;
	}

	.home #articleindex .meta p.time {
		display: none;
	}

	#mission {
		margin-bottom: 30px;
	}

	#page.columnists .name img {
		max-width: 60px;
	}

	#page.columnists .box a.viewall {
		padding: 10px 5px;
		font-size: 9px;
	}

	#page.columnists a.headline {
		font-size: 17px;
		line-height: 18px;
	}

	#page.columnists .box .smallpost {
		padding-top: 10px;
		margin: 0 0 10px;
	}

	#page.columnists .meta {
		display: block;
		font-size: 10px;
	}

	#page.columnists .box {
		padding: 20px 20px 0 20px;
	}

	#tagbanner {
		margin: 30px 0;
		padding: 30px 0;
	}

	#newsroom .bookend .inner {
		font-size: 27px;
		line-height: 32px;
	}

	#newsroom .newsroomcol h1,
	#newsroom .newsroomcol h3 {
		font-size: 20px;
		line-height: 23px;
	}

	#newsroom .col-sm-12 h1,
	.archive .hero h1 {
		font-size: 36px !important;
		line-height: 34px !important;
	}

	article#newsroom #stub h4 {
		font-size: 22px;
	}

	#multimedia #featured .inner .details {
		min-height: inherit;
	}

	.hover-bg {
		background-size: 110%;
		background-position: 100% 20%;
	}

	#multimedia #featured .inner .details p {
		font-size: 18px;
		line-height: 20px;
	}

	#multimedia hr {
		margin: 30px 0 !important;
	}

	#multimedia .filterrow {
		text-align: left !important;
		margin-left: -10px;
	}

	#multimediastrip .filter-buttons,
	#multimediastrip .filter-buttons-2 {
		text-align: left;
	}

	#multimediastrip .row.panels {
		margin-top: 30px;
	}

	#multimedia #multimediastrip .verticalpanel {
		margin-bottom: 30px;
	}

	#multimedia.article #videoScreen {
		padding-top: 56%;
		margin-top: 15px;
	}

	#multimedia.article #videoContainer {
		height: 500px;
		margin-top: 15px;
	}

	#multimedia.article .videolhs {
		height: inherit;
	}

	#multimedia.article .videolhs .linkedarticle {
		display: block;
		width: calc(100% - 30px);
		position: absolute;
		left: 20px;
		bottom: 0;
	}

	#multimedia.article .videolhs .linkedarticle hr {
		display: none;
	}

	#multimedia.article .videolhs .linkedarticle h4 {
		font-size: 17px;
		line-height: 18px;
	}

	#multimedia.article .videolhs h1.title {
		width: calc(100% - 35px);
	}

	#multimedia.article .videolhs hr {
		margin: 15px 0 !important;
	}

	#multimedia #featured .inner .details {
		padding: 45px;
	}

	#multimedia .filter-buttons .taglink {
		font-size: 9px;
	}

	.verticalpanel.video .guest {
		background-position: 10% -500%;
	}

	.verticalpanel,
	.verticalpanel.video .guest {
		height: 290px;
	}
}

@media (max-width: 768px) {
	#navigation .menu li {
		padding: 0 2px;
	}

	#navigation .menupanel .menu-navbar-submenu-container,
	#navigation .menupanel .menu-navbar-submenu-fr-container {
		right: 20px;
	}

	#navigation .topbar {
		margin-bottom: 0px;
	}

	#navigation .topbar a,
	#navigation .topbar span {
		font-size: 10px;
	}

	#navigation .menu li a {
		font-size: 13px;
	}

	#promobanner .col-sm-4 {
		max-width: 50%;
		flex: 0 0 50%;
	}

	#promobanner .col-sm-4:nth-of-type(3) {
		display: none;
	}

	#column1 {
		width: calc(100% - 20px);
		max-width: calc(100% - 20px);
		flex: 0 0 100%;
		margin-top: 30px;
	}

	.newsroomcol.line {
		border-right: none !important;
	}

	.newsroomcol .featuredimage {
		display: none;
	}

	.newsroomcol .quote img,
	.newsroomcol .quote p {
		display: none;
	}

	.newsroomcol p {
		font-size: 12px;
	}

	.newsroomcol .col-3 {
		max-width: 75px;
	}

	article.premium .article-body .pianocontentwrapper figure,
	article.premium .article-body .pianocontentwrapper img {
		width: 120% !important;
		margin-left: -20% !important;
	}

	article.premium
		.article-body
		.pianocontentwrapper
		.authorfootnote
		img.authorx {
		width: initial !important;
		margin-left: 0 !important;
	}

	.newsroomcol .newsroompost {
		padding: 10px 0 !important;
	}

	.newsroomcol .newsroompost img {
		display: none;
	}

	#topfold .col-sm-9.mastercol {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#topfold .double a:first-child {
		order: initial;
	}

	#topfold .double a.taglink {
		margin-top: 20px !important;
	}

	#articleindex.standard .col-sm-8,
	#articleindex .row .col-sm-6:nth-of-type(2) {
		padding-left: 15px;
	}

	#multimedia.article .videolhs .linkedarticle {
		position: relative;
		left: 0;
		margin-top: 15px;
	}

	.verticalpanel.video .guest {
		background-position: 6% -500%;
	}
}

@media (max-height: 600px) {
	.fullpagemenu ul {
		columns: 2;
	}
}

@media (max-width: 575px) {
	.verticalpanel .podcast .guest {
		width: 25%;
	}

	.verticalpanel.video.middle .guest {
		width: 25%;
	}

	.verticalpanel.video .guest {
		background-position: -30% -500%;
	}

	.tag .col-sm-6.featuredhero {
		display: none;
	}
}

@media (min-width: 551px) {
	#mobile-subscribe-strip {
		display: none;
	}
}

@media (max-width: 550px) {
	body {
		overflow-x: hidden !important;
		text-align: left !important;
	}

	.row {
		margin-left: -10px !important;
		margin-right: -10px !important;
	}

	#navigation.minimized {
		top: 0 !important;
	}

	hr {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}

	.col,
	.col-1,
	.col-10,
	.col-11,
	.col-12,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-auto,
	.col-lg,
	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-auto,
	.col-md,
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-auto,
	.col-sm,
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-auto,
	.col-xl,
	.col-xl-1,
	.col-xl-10,
	.col-xl-11,
	.col-xl-12,
	.col-xl-2,
	.col-xl-3,
	.col-xl-4,
	.col-xl-5,
	.col-xl-6,
	.col-xl-7,
	.col-xl-8,
	.col-xl-9,
	.col-xl-auto {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.line.nolinemob {
		border-color: rgba(0, 0, 255, 0) !important;
	}

	.double.line {
		border-right: none;
	}

	.double .meta {
		margin-bottom: 15px;
	}

	a.taglink {
		margin: 10px 0 0;
		font-size: 10px;
		padding: 3px 12px;
	}

	#navigation {
		padding: 16px 0;
	}

	#navigation .menu li,
	#navigation .topbar {
		display: none;
	}

	#navigation.minimized img.logo,
	#navigation img.logo {
		width: 140px;
	}

	#navigation.minimized li#menu-item-480646,
	#navigation.minimized li#menu-item-606529 {
		display: none !important;
	}

	#navigation img.logo {
		height: auto;
	}

	#navigation.minimized .menupanel .menu-navbar-submenu-container,
	#navigation.minimized .menupanel .menu-navbar-submenu-fr-container {
		right: 10px;
	}

	#navigation.minimized #menu-navbar-submenu li img.close-icon,
	#navigation.minimized #menu-navbar-submenu-fr li img.close-icon {
		width: 22px;
	}

	#navigation.minimized .tagrow {
		display: none;
	}

	#navigation.minimized .menupanel {
		height: initial !important;
	}

	#mobile-subscribe-strip {
		position: sticky;
		top: 62px;
		z-index: 9999;
		border-bottom: 0.5px solid rgba(0, 0, 0, 0.5);
	}

	.fullpagemenu {
		width: 100%;
		background: #e9e9e9;
		top: 62px;
		left: 0;
		height: 0;
		overflow: hidden;
		transition: height 0.3s ease-in-out;
		box-sizing: border-box;
	}

	.fullpagemenu label {
		width: calc(100% - 55px);
		margin: 0;
		border-bottom: 0.5px solid #717171;
		padding-bottom: 10px;
		display: inline-block;
	}

	.fullpagemenu form button {
		width: 30px;
		display: inline-block;
		padding: 0 !important;
	}

	.fullpagemenu form button img {
		width: 100%;
		height: 100%;
	}

	.fullpagemenu form {
		padding: 20px 0;
		width: 100%;
		background: transparent;
		border: none;
	}

	.fullpagemenu form input {
		width: 100%;
		background: transparent;
		border: none;
		color: #717171;
		font-size: 20px;
		font-family: "Magazine Headline";
		font-weight: 400;
		line-height: 28px;
		word-wrap: break-word;
		padding: 0;
	}

	.fullpagemenu form input input[type="text"] {
		padding: 0px !important;
	}

	.fullpagemenu ul {
		padding: 0 0;
		margin-bottom: 10px;
	}

	.fullpagemenu li {
		list-style: none;
		color: #231f20;
		font-size: 18px;
		font-family: "Newsroom", sans-serif;
		font-weight: 500;
		line-height: 26px;
		letter-spacing: 0.22px;
		word-wrap: break-word;
		border-bottom: 0.5px solid #717171;
		padding: 10px 0;
	}

	.fullpagemenu li a {
		color: #231f20;
	}

	.fullpagemenu li a:hover {
		color: #299696;
		animation: 0.5s ease-in-out;
		text-decoration: none;
	}

	.fullpagemenu li.submenuopen {
		display: none;
	}

	.fullpagemenu .topbar {
		margin-top: 30px;
	}

	.fullpagemenu .login {
		font-size: 12px;
		font-family: "Meta", Courier, sans-serif;
		letter-spacing: 1.5px;
		text-transform: uppercase;
		font-weight: 400;
		color: #231f20;
	}

	.fullpagemenu .close-icon {
		width: 40px;
		height: 28px;
	}

	#column1 {
		width: 100%;
		max-width: calc(100% - 10px);
	}

	#column1 hr {
		display: none;
	}

	.newsroomcol .newsroompost.date {
		width: 100%;
	}

	.newsroomcol .newsroompost img.clock {
		display: inline-block !important;
		margin-top: 35% !important;
		height: 20px;
		margin: 0;
	}

	.newsroomcol .background {
		width: calc(100% - 20px);
		left: 10px;
		top: 15px;
		height: calc(100% - 10px);
	}

	.newsroomcol .datebreak {
		margin-left: 0;
		width: 100%;
	}

	.newsroomcol .newsroompost {
		display: block;
	}

	.newsroomcol .newsroompost:last-child {
		border-bottom: none;
	}

	.newsroomcol .newsroompost.date {
		border-bottom: none;
	}

	.newsroomcol a.findmore {
		width: 100%;
	}

	.newsroomcol .col-9 {
		padding-right: 10px !important;
	}

	.newsroomcol.downpage {
		width: 100%;
		margin-bottom: 15px;
		padding-right: 0;
		margin-top: 0 !important;
	}

	.newsroomcol.downpage hr {
		width: 100% !important;
	}

	.newsroomcol.downpage .newsroompost.date {
		padding-top: 0px !important;
		margin-top: -1px;
	}

	.newsroomcol.downpage .background {
		width: calc(100% - 10px) !important;
		height: 100%;
		left: 10px;
	}

	.newsroomcol.downpage .newsroompost::before {
		width: calc(100% - 20px) !important;
		left: 10px;
	}

	.newsroomcol.downpage .datebreak {
		width: 100% !important;
		max-width: 100% !important;
	}

	#showMoreBtn {
		position: relative !important;
		left: 0 !important;
		width: 100% !important;
		margin-top: -2px;
		border-top: 0px solid rgba(229, 240, 234, 1) !important;
		padding: 6px 0 !important;
	}

	#topfold {
		padding: 0;
		margin: 0 -15px;
	}

	#topfold .row.comp {
		width: calc(100% + 10px);
	}

	#topfold .newsroomcol .datebreak .mobiledate {
		margin-top: -15px !important;
		top: 50%;
	}

	.nottop {
		margin-bottom: 15px;
		margin-right: -5px;
	}

	.newsroomcol,
	.newsroomcol.downpage {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		width: 100%;
		max-width: 100%;
		background: rgba(174, 200, 187, 0.1);
		padding-bottom: 0 !important;
		padding-left: 0 !important;
	}

	.newsroomcol .newsroompost {
		flex: 0 0 auto !important;
		width: 60% !important;
		padding: 10px 10px 10px !important;
		border-right: 0.5px solid #cecece;
	}

	.newsroomcol::-webkit-scrollbar,
	.newsroomcol.downpage .newsroomcol::-webkit-scrollbar {
		height: 0px;
	}

	.newsroomcol::-webkit-scrollbar-thumb,
	.newsroomcol.downpage .newsroomcol::-webkit-scrollbar-thumb {
		background-color: transparent;
		border-radius: 10px;
	}

	.newsroompost .col-2,
	.newsroompost .col-10 {
		flex: 0 0 auto;
	}

	#topfold #column2 {
		max-width: calc(100% - 15px) !important;
		margin: 0 0 0 15px;
	}

	.newsroompost .col-2,
	.newsroompost .col-10 {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0 !important;
	}

	#topfold .headerblock,
	.newsroomcol.downpage .headerblock {
		background: rgba(229, 240, 234, 1);
		padding: 0 10px !important;
		margin-left: 0;
		width: 55px !important;
	}

	#topfold .headerblock img.newsroom {
		position: absolute;
		height: 58px;
		top: 50%;
		margin-top: -28px;
		width: 35px;
		display: block;
		padding-top: 0;
		margin-inline: 5px;
	}

	.headerblock p.newsroom {
		display: none;
	}

	.headerblock p {
		text-align: right !important;
		font-size: 11px;
		display: inline;
		float: right;
		padding: 5px 0 0 !important;
		margin: 0;
	}

	.newsroomcol .newsroompost.morefrom {
		width: 100px !important;
		margin-right: -10px;
		position: relative;
		border-right: none !important;
	}

	.morefrom p {
		width: 80px;
	}

	.newsroomcol .morefrom p {
		font-family: "Newsroom", sans-serif;
		font-weight: 500;
		font-size: 11px;
		text-transform: none;
		letter-spacing: 0;
		font-size: 11px !important;
		text-align: left !important;
		top: 50%;
		margin-top: -11px !important;
		position: absolute;
	}

	.newsroomcol .newsroompost .col-2.timestamp p {
		text-align: left;
	}

	.newsroomcol h1,
	.newsroomcol h3 {
		font-size: 17px;
		margin: 4px 0 7px;
		line-height: 100%;
	}

	.newsroomcol p {
		font-size: 13px;
		line-height: 100%;
	}

	.newsroomcol .quote p.author {
		font-family: "Meta", sans-serif;
		font-size: 13px;
		text-transform: uppercase;
		margin: 0;
		font-weight: 400;
		letter-spacing: 1.5px;
		display: block;
		color: #000;
	}

	.newsroompost.date {
		padding: 0 !important;
		line-height: 60%;
		width: 70px !important;
		position: relative;
		background: rgba(229, 240, 234, 1);
		border-right: 0;
	}

	.newsroomcol .datebreak {
		padding: 0 !important;
		font-size: 11px;
		max-width: 100% !important;
		line-height: 120%;
		letter-spacing: 0;
		height: 100%;
	}

	.newsroomcol .datebreak .mobiledate {
		margin-top: 3px;
		position: relative;
		text-align: center;
		width: 100%;
	}

	.newsroomcol .newsroompost .col-2.timestamp p {
		padding-top: 0;
	}

	.newsroomcol .newsroompost span.desktopdate {
		display: none;
	}

	.newsroomcol .newsroompost span.mobiledate {
		display: block;
	}

	.double a:first-child {
		order: 0 !important;
		margin-top: 15px;
	}

	.newsroomcol hr,
	.newsroomcol .newsroompost::before,
	#topfold #column1:before {
		width: 100% !important;
	}

	#topfold {
		padding-top: 0;
	}

	#topfold .double a.taglink {
		margin-top: 10px !important;
	}

	#topfold #column1 {
		margin-top: 0;
		margin-bottom: -10px;
		padding: 0 10px !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	#topfold #column1:before {
		content: " ";
		padding-top: 15px;
		border-top: 1px solid #dedede !important;
		display: block;
		width: calc(100% + 20px);
	}

	#topfold .mobarticles {
		padding: 0 10px !important;
		width: calc(100% - 10px);
	}

	#topfold #articleindex h1,
	#topfold #articleindex h2 {
		font-size: 18px;
	}

	#topfold .innercol.double #articleindex h1,
	#topfold .innercol.double #articleindex h2,
	.col-sm-9.mastercol #articleindex.full h1,
	.col-sm-9.mastercol #articleindex.full h2,
	#articleindex.full h1,
	#articleindex.full h2 {
		font-size: 28px !important;
		line-height: 115%;
	}

	#topfold .innercol.double #articleindex.standard {
		padding-bottom: 0;
	}

	#topfold .innercol.double #articleindex.standard .meta {
		margin-bottom: 0;
	}

	#promobanner {
		padding: 10px 0 12px !important;
		margin: 15px 0 0;
	}

	#promobanner .col-sm-4.line:nth-child(2) {
		border-right: none;
	}

	#promobanner h1,
	#promobanner h3 {
		font-size: 18px;
		width: 100%;
		line-height: 110%;
	}

	#promobanner .newsroom h1 {
		font-size: 16px;
		line-height: 100%;
	}

	#promobanner.single {
		padding: 5px 0 15px !important;
		font-size: 22px !important;
	}

	#promobanner .col-sm-4.line {
		border-right: 1px solid rgba(255, 255, 255, 0.5);
	}

	#promobanner .single h1 {
		font-size: 22px !important;
		line-height: 100% !important;
		letter-spacing: 0 !important;
		margin: 5px 0;
	}

	#promobanner .single h2 {
		font-size: 18px;
		line-height: 100%;
	}

	#promobanner a.taglink {
		margin: 0 0 5px;
		display: block;
	}

	#promobanner .singlevideo .tag,
	#promobanner.live .tag {
		padding: 3px 5px 3px 7px !important;
		left: 12px;
		top: 10px;
	}

	#promobanner .txt {
		display: none !important;
	}

	#promobanner .singlevideo .text guest {
		font-size: 18px;
		display: block;
		line-height: 110%;
		text-align: center;
		margin-bottom: 0;
	}

	#promobanner .singlevideo .text h1 {
		width: 100%;
		margin: 0;
		font-size: 28px;
		line-height: 90%;
	}

	#promobanner .singlevideo .guest {
		height: 70px;
		position: absolute;
		right: 10px;
		display: block;
		width: 70px;
		bottom: 0;
		border-radius: 20px;
		background-position: 30% 50%;
	}

	#promobanner .singlevideo .textcont {
		height: 120px;
	}

	#promobanner .singlevideo .gradient {
		border-radius: 20px;
	}

	#promobanner.live {
		padding: 0 !important;
		width: 100%;
		overflow-x: hidden;
	}

	#promobanner.live .text {
		width: 75%;
		margin: 0;
		padding: 30px 0;
	}

	#promobanner.live .text guest {
		font-size: 16px;
		display: block;
		line-height: 110%;
	}

	#promobanner.live .text h1 {
		font-size: 28px;
	}

	#promobanner.live .image {
		margin-left: -10px;
	}

	#promobanner.live .guest {
		width: 33%;
		height: 60%;
	}

	#articleindex h1,
	#articleindex h2 {
		font-size: 30px;
		margin: 8px 0 !important;
		width: 100%;
	}

	#articleindex.standard .col-sm-8,
	#articleindex .row .col-sm-6:nth-of-type(2) {
		padding-left: 10px !important;
	}

	#articleindex.full a.taglink {
		margin-top: 15px;
	}

	#articleindex.full hr {
		margin: 15px 0 !important;
	}

	#articleindex .meta img.avatar,
	#articleindex .meta p.time {
		display: none;
	}

	#articleindex .meta {
		line-height: 100%;
	}

	#articleindex .meta p {
		margin-right: 10px;
	}

	.mobnopic #articleindex .featuredimage {
		display: none;
	}

	.mobnopic #articleindex a.taglink {
		margin-top: 0 !important;
	}

	.mobnopic #articleindex h1 .standfirst,
	.mobnopic #articleindex h2 .standfirst {
		display: inline !important;
	}

	#articleindex.articlenumber3 .featuredimage {
		display: none;
	}

	#articleindex.articlenumber3 a.taglink {
		margin-top: 0 !important;
	}

	#articleindex.articlenumber3 .standfirst {
		display: inline !important;
	}

	.mobarticles .col-6 #articleindex a.taglink {
		margin: 10px 0 0;
		font-size: 10px;
		padding: 3px 12px;
	}

	.mobarticles .col-6 #articleindex h1,
	.mobarticles .col-6 #articleindex h2 {
		font-size: 18px;
		margin-bottom: 5px !important;
	}

	.mobarticles .col-6 #articleindex h1 .standfirst,
	.mobarticles .col-6 #articleindex h2 .standfirst {
		display: none;
	}

	.mobarticles.todayedition p.date {
		display: none !important;
	}

	.col-6 .verticalpanel {
		min-height: 280px;
	}

	.col-6 .verticalpanel .podcast .text h4,
	.col-6 .verticalpanel .podcast .text h4.name {
		width: 100%;
	}

	.col-6 .verticalpanel .podcast .panel {
		height: 100%;
	}

	.col-6 .verticalpanel .podcast .text {
		padding: 10px;
	}

	.col-6 .verticalpanel .podcast .text,
	.col-6 .verticalpanel .podcast .panel {
		height: 50%;
	}

	.col-6 .verticalpanel .podcast .guest {
		width: 35%;
	}

	.col-6 .verticalpanel.video.middle .text guest {
		font-size: 18px;
	}

	.col-6 .verticalpanel.video.middle .text vidtitle {
		font-size: 32px;
		width: 80%;
	}

	.col-sm-3 .verticalpanel {
		margin-bottom: 15px;
	}

	.col-sm-3 .verticalpanel,
	.col-sm-3 .verticalpanel.video .guest {
		height: 170px;
	}

	.col-sm-3 .verticalpanel.video.middle .text {
		width: 100%;
	}

	.col-sm-3 .verticalpanel.video.middle .guest {
		width: 70%;
		height: 35% !important;
		background-position: 45px 5px;
		background-size: contain;
	}

	.col-sm-3 .verticalpanel.video.middle .text vidtitle {
		width: 80%;
	}

	.col-sm-3 .verticalpanel.video.middle .text guest {
		margin-top: 10px;
	}

	#tagrow {
		display: none;
	}

	#multimedia img.sectionlogo {
		height: 40px;
	}

	#section {
		margin: 15px 0;
	}


	.blueheadline {
		margin-bottom: 10px;
	}

	#section.writers .gallery-cell {
		margin-left: 0px;
	}

	#section.writers .gallery {
		width: calc(100% + 15px);
		margin-bottom: 10px;
	}

	#section.writers .gallery-cell p.name {
		margin: 10px 0 0 -6px;
		width: calc(100% + 12px);
	}

	#mission {
		margin: 15px 0;
		padding-bottom: 40px;
	}

	a.findmore {
		color: #299696;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
		line-height: 14px;
		letter-spacing: 1.2px;
		word-wrap: break-word;
		width: calc(100% + 20px);
		margin-top: 20px;
	}

	a.findmore::after {
		right: 0;
		position: relative;
	}

	#mission a.findmore {
		width: 70%;
		margin-left: 0;
	}

	#mission h2 {
		padding-top: 40px;
		font-size: 36px !important;
		margin-bottom: 20px;
	}

	#mission p {
		font-family: "Magazine Headline", serif;
		line-height: 1.2;
		font-size: 24px;
		color: #364d5a;
		margin-bottom: 20px;
		letter-spacing: -0.5px;
	}

	#mission .col-sm-9 {
		padding-bottom: 10px !important;
	}

	#mission img {
		margin-left: -5%;
		margin-right: 5%;
		max-width: 110%;
		width: 110%;
	}

	.innercol.full hr {
		margin: 15px 0 !important;
	}

	#tagbanner {
		margin: 15px 0;
		padding: 20px 0;
	}

	#tagbanner h2 {
		font-size: 30px;
		margin-bottom: 0;
	}

	#tagbanner #articleindex h1, 
	#tagbanner #articleindex h2 {
		font-size: 18px !important;
		margin: 10px 0 4px !important;
		line-height: 110%;
	}

	#tagbanner #articleindex h1.newsroom,
	#tagbanner #articleindex h2.newsroom {
		font-weight: 500 !important;
		font-family: "Newsroom", sans-serif;
		letter-spacing: 0 !important;
	}

	#tagbanner .newsroomcol {
		display: none;
	}

	#tagbanner .verticalpanel .tag,
	.singlevideo .verticalpanel .tag {
		padding: 4px 6px 4px 8px;
	}

	#tagbanner .verticalpanel.video .guest,
	.singlevideo .verticalpanel.video .guest {
		background-size: 48% 100% !important;
		background-position: 115% -180% !important;
	}

	#tagbanner .verticalpanel.video .text guest,
	.singlevideo .verticalpanel.video .text guest {
		margin-bottom: 0;
	}

	#tagbanner .verticalpanel.video .text,
	.singlevideo .verticalpanel.video .text {
		padding: 0 15% 10px !important;
	}

	#tagbanner hr {
		opacity: 0.2;
	}

	#tagbanner .line {
		border-right: 1px solid rgb(113 113 113 / 20%);
	}

	#tagbanner #articleindex .meta p {
		margin-right: 0;
	}

	#tagbanner p.meta {
		margin-right: 0;
		position: absolute;
		right: 15px;
		top: 50%;
		margin-top: -9px;
		font-size: 10px;
	}

	.verticalpanel .tag .txt {
		display: none;
	}

	.singlevideo {
		margin: 5px 0 0;
	}

	.singlevideo .tag {
		font-size: 9px;
		top: 10px;
		left: 10px;
	}

	.singlevideo .tag .txt {
		display: inline-block;
		margin-left: 0;
	}

	.singlevideo .verticalpanel,
	.verticalpanel,
	.verticalpanel.video .guest {
		margin-bottom: 0 !important;
		height: 160px;
	}

	.singlevideo .verticalpanel.video.middle .guest {
		width: 50%;
		height: 90px;
	}

	.singlevideo .podcast .col-7 {
		padding: 10px 20px 10px 15px !important;
	}

	.singlevideo a.podcast {
		color: #000;
	}

	.singlevideo .podcast h1 {
		font-size: 17px;
		font-family: "Magazine Text", sans-serif;
		margin: 5px 0 8px;
	}

	.singlevideo .podcast h1.guest {
		margin-bottom: 0;
		color: #e84400;
	}

	.singlevideo .podcast .tag {
		margin-top: 0 !important;
		font-family: "Meta", sans-serif;
		letter-spacing: 1px;
		text-transform: uppercase;
	}

	.singlevideo .verticalpanel.video.middle .text vidtitle {
		width: 100%;
	}

	article .article-header {
		margin-top: 15px;
	}

	article .article-header h1.headline {
		font-size: 28px;
		line-height: 34px;
		margin-bottom: 20px;
	}

	article .article-header .hero-image,
	article#newsroom .article-header .hero-image {
		min-height: inherit;
		max-width: initial;
		margin-bottom: 25px;
		padding-top: 0;
		border: none;
	}

	article p.caption,
	article#newsroom p.caption {
		margin-top: 0px;
		text-align: left;
		opacity: 0.5;
		font-size: 10px;
		margin-bottom: 0 !important;
		height: 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: calc(100% - 15px);
	}

	article .article-body .authorinfo h5 {
		font-size: 22px;
		line-height: 24px;
		margin-bottom: 0;
	}

	article .article-body .authorfootnote img,
	article.premium .article-body .pianocontentwrapper .authorfootnote img {
		width: initial !important;
		margin-left: 0 !important;
	}

	article .article-body .authorfootnote p {
		margin-bottom: 10px;
	}

	article .article-body .authorfootnote p strong {
		display: block;
		font-weight: 500;
		color: #000;
	}

	article .article-body .authorfootnote hr {
		margin-top: 20px !important;
	}

	article .article-body a.author img {
		width: 70px;
		height: 70px;
	}

	article .article-body .col-sm-8.col-lg-6 hr {
		width: 100%;
	}

	article .article-body .authorinfo {
		padding-left: 10px;
		width: 70%;
		margin-left: 0;
		margin-right: auto;
	}

	article .article-body a.author {
		margin-block: auto;
	}

	article .article-body .su-pullquote {
		font-size: 30px;
		line-height: 34px;
		padding: 20px 0;
		margin: 30px 0 30px;
	}

	article .pianocontentwrapper {
		margin-top: 15px;
	}

	article .article-body p,
	article .article-body .ref-ar {
		margin-bottom: 20px;
	}

	article#newsroom .tophalf {
		margin-bottom: 15px;
	}

	#premium {
		background-size: 120%;
		background-repeat: no-repeat;
		background-position: top center;
		background-color: #000;
	}

	#premium .gradient {
		background: rgb(2, 0, 36);
		background: linear-gradient(
			0deg,
			rgba(2, 0, 36, 1) 0%,
			rgba(0, 0, 0, 1) 37%,
			rgba(0, 0, 0, 0) 70%
		);
	}

	#premium h1 {
		padding-top: 35vh;
		font-size: 35px;
		margin-bottom: 20px;
	}

	article.premium .article-body .pianocontentwrapper img {
		width: 100% !important;
		margin-left: 0% !important;
	}

	article.premium .article-body .pianocontentwrapper figure,
	article.premium .article-body .pianocontentwrapper img,
	article.premium .article-body .pianocontentwrapper figure figcaption {
		margin-left: 0 !important;
		width: 100% !important;
	}

	article#newsroom .article-header h1.headline {
		font-size: 28px;
		line-height: 30px;
		letter-spacing: -1px;
		margin-bottom: 10px;
	}

	article#newsroom .article-header .authorinfo {
		margin-bottom: 15px;
		line-height: 100%;
	}

	article#newsroom img.sectionfeatured {
		width: 35%;
		display: block;
		position: relative;
		margin: 0 0 5px;
	}

	article#newsroom .article-body a.author img {
		display: none;
	}

	article#newsroom .article-body .authorinfo {
		padding-left: 0;
	}

	article#newsroom .article-body .authorinfo h5 {
		font-size: 20px;
	}

	article#newsroom .tophalf .authorinfo h6 {
		margin: 0;
	}

	#wpdcom.wpdiscuz_unauth .wc-field-submit {
		padding-top: 0;
	}

	#comments.container-fluid {
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-top: 10px;
		margin-bottom: 15px;
		border-top: 1px solid #dedede !important;
		padding-top: 20px;
	}

	#comments h2 {
		font-size: 22px;
		margin-bottom: 5px;
	}

	#comments h3 {
		font-size: 15px;
		line-height: 18px;
	}

	#wpdcom .wpd-form .wpdiscuz-textarea-wrap {
		padding-top: 0px !important;
	}

	#wpdcom #wpd-threads {
		margin-top: 0 !important;
	}

	.staticendofarticle p {
		line-height: 120% !important;
	}

	#page .page-hero {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#page .page-hero h1,
	#page .page-hero h2 {
		font-size: 28px;
		line-height: 40px;
	}

	#page.columnists .image {
		width: 100%;
		height: auto;
	}

	.post-type-archive-newsroom img.newsroomlogo {
		max-width: 250px;
	}

	.post-type-archive-newsroom hr.toppad,
	body.tag hr.toppad  {
		display: none;
	}

	.post-type-archive-newsroom #newsroom .col-sm-6,
	body.tag #newsroom .col-sm-6 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.post-type-archive-newsroom #newsroom .col-sm-12 .featuredhero,
	body.tag #newsroom .col-sm-12 .featuredhero {
		width: 100%;
		margin-bottom: 15px;
	}

	.post-type-archive-newsroom #newsroom .col-sm-12 .meta.author,
	body.tag #newsroom .col-sm-12 .meta.author {
		margin-bottom: 0;
	}

	.post-type-archive-newsroom #newsroom .meta,
	body.tag #newsroom .meta  {
		width: 60px;
		display: inline-block;
		margin-right: 0;
		vertical-align: top;
	}

	.post-type-archive-newsroom #newsroom .author,
	body.tag #newsroom .author {
		width: calc(100% - 65px);
		display: inline-block;
		float: right;
		margin-bottom: 0;
	}

	.post-type-archive-newsroom #newsroom h1,
	.post-type-archive-newsroom #newsroom h3, 
	body.tag #newsroom h1,
	body.tag #newsroom h3 {
		
		width: calc(100% - 65px);
		display: inline-block;
		font-size: 20px !important;
		line-height: 24px !important;
		margin-bottom: 10px;
	}

	.post-type-archive-newsroom #newsroom h1 span.standfirst,
	.post-type-archive-newsroom #newsroom h3 span.standfirst,
	body.tag #newsroom h1 span.standfirst,
	body.tag #newsroom h3 span.standfirst {
		display: none;
	}

	.post-type-archive-newsroom #newsroom hr {
		margin: 10px 0 !important;
		border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
	}

	.post-type-archive-newsroom #newsroom .bookend .inner,
	body.tag #newsroom .bookend .inner {
		font-size: 22px;
		line-height: 26px;
		padding: 15px;
	}

	.post-type-archive-newsroom #newsroom .bookend .inner .date,
	body.tag #newsroom .bookend .inner .date {
		display: inline;
		margin-left: 8px;
	}

	.post-type-archive-newsroom #newsroom .newsroomcol::before,
	body.tag #newsroom .newsroomcol::before {
		position: absolute;
		top: -11px;
		left: -5px;
		width: calc(100% + 30px);
		height: calc(100% + 22px);
		background-color: #e8e4e0;
		opacity: 0;
		transition: opacity 0.3s;
		z-index: -1;
	}

	.post-type-archive-newsroom #newsroom .newsroomcol:hover::before,
	body.tag #newsroom .newsroomcol:hover::before  {
		opacity: 1;
	}

	.post-type-archive-newsroom #newsroom .col-sm-12.newsroomcol,
	body.tag #newsroom .col-sm-12.newsroomcol  {
		padding-left: 10px !important;
	}

	#multimediastrip {
		padding: 25px 0px 20px;
		margin-top: 0;
	}

	#multimediastrip a {
		color: #fff;
	}

	#multimediastrip p.meta {
		margin-right: 0;
		text-align: right;
		opacity: 0.7;
	}

	#multimediastrip h2 {
		font-size: 40px !important;
	}

	#multimediastrip img.sectionlogo {
		height: 40px;
	}

	#multimediastrip .scrollable-container {
		overflow-x: auto;
		white-space: nowrap;
		width: 100%;
	}

	#multimediastrip .row.panels {
		display: inline-block;
		white-space: normal;
		width: auto;
	}

	#multimediastrip .scrollable-container {
		overflow-x: auto;
		white-space: nowrap;
		width: calc(100% + 15px);
	}

	#multimediastrip .row.panels {
		display: flex !important;
		flex-wrap: nowrap;
		margin-top: 20px;
	}

	#multimediastrip .col-8.panel {
		width: calc(40% - 10px);
	}

	#multimediastrip .col-sm-3 .verticalpanel,
	#multimediastrip .col-sm-3 .verticalpanel.video .guest {
		height: 300px !important;
		margin-bottom: 0 !important;
	}

	#multimediastrip .verticalpanel .podcast .text,
	#multimediastrip .verticalpanel .podcast .panel,
	#multimediastrip .verticalpanel {
		height: 150px !important;
	}

	#multimediastrip .verticalpanel .podcast .text h4 {
		width: 95% !important;
	}

	#multimediastrip .verticalpanel.video .text {
		padding: 0 15px 15px !important;
	}

	#multimediastrip .verticalpanel.video .text guest {
		font-size: 24px !important;
		margin-bottom: 0 !important;
	}

	#multimediastrip .verticalpanel.video .text vidtitle {
		font-size: 20px !important;
	}

	#multimediastrip .verticalpanel.video .guest {
		background-size: 125% auto !important;
		background-position: -50% 30% !important;
	}

	#multimediastrip .verticalpanel.video.middle .guest {
		background-size: 95px 90px !important;
		background-position: 100% 105% !important;
	}

	#multimediastrip .verticalpanel.video.middle .text {
		padding-bottom: 0 !important;
	}

	#multimediastrip .verticalpanel.video.middle .text vidtitle {
		font-size: 30px !important;
	}

	#multimediastrip .verticalpanel .podcast.secondary .text {
		border-radius: 0px 15px 15px 0px;
	}

	#multimedia #featured {
		margin-bottom: 20px;
	}

	#multimedia #featured .inner {
		height: 100%;
	}

	#multimedia #featured .inner .details {
		padding: 30px 0 30px 20px;
		width: 75%;
	}

	#multimedia #featured .inner .details h1 {
		font-size: 40px;
		line-height: 35px;
	}

	#multimedia #featured .inner .details h2 {
		font-size: 20px !important;
	}

	#multimedia #featured .inner .details p {
		font-size: 16px;
		line-height: 19px;
	}

	#multimedia #featured .interviewee {
		width: 50%;
		background-position: center bottom -5%;
	}

	#multimedia #featured .gradient img.button {
		width: 40px;
		height: 40px;
		left: 20px;
		position: absolute;
		margin-top: 20px;
		bottom: 20px;
	}

	#multimedia #featured .inner .details,
	#multimedia #featured .gradient {
		min-height: inherit;
	}

	#multimedia #featured .hover-bg {
		background-size: 138%;
		background-position: 0% 20%;
	}

	#multimedia .filter-buttons .taglink {
		font-size: 11px;
	}

	#multimedia .page-hero h2 {
		font-size: 40px !important;
	}

	#multimedia #multimediastrip .filter-buttons,
	#multimedia #multimediastrip .filter-buttons-2 {
		text-align: left;
		line-height: initial;
		display: block;
		position: relative;
		width: 100%;
		margin: 30px 20px 0;
	}

	#multimedia .filter-buttons .taglink {
		font-size: 11px;
		margin: 0 10px 10px 0;
		display: inline-block;
	}

	#multimedia .verticalpanel {
		height: inherit;
	}

	#multimedia #multimediastrip .row.panels {
		margin-top: 0;
	}

	#multimediastrip .watch-listen-panel .verticalpanel.video .guest {
		background-size: auto 87% !important;
		background-position: 110% -10% !important;
	}

	.watch-listen-panel .verticalpanel .podcast .panel {
		width: 50% !important;
	}

	.watch-listen-panel .verticalpanel .podcast .panel {
		border-radius: 15px 0px 0px 15px !important;
	}

	.watch-listen-panel .verticalpanel .podcast .text {
		width: 50% !important;
		margin-left: 50%;
		position: absolute;
		top: 0;
	}

	#multimediastrip .watch-listen-panel .verticalpanel.video.middle .guest {
		background-size: 60% 55% !important;
		background-position: 105% 100% !important;
	}

	#multimediastrip .watch-listen-panel .verticalpanel.video {
		height: 160px !important;
	}

	#multimediastrip .watch-listen-panel .verticalpanel .podcast {
		height: 150px !important;
	}

	#multimedia.article .videolhs hr {
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}

	#multimedia.article .videolhs {
		height: inherit;
		margin-bottom: 20px;
	}

	#multimedia.article #videoScreen {
		height: inherit;
		padding-top: 56%;
	}

	#multimedia.article #comments img.people {
		width: 50%;
	}

	#multimedia.article h3.discussion {
		display: none;
	}

	#multimedia.article .body h3 {
		font-size: 20px;
		line-height: 23px;
	}

	#multimedia.article #wpdcom {
		margin-top: -20px;
	}

	#multimedia.article #videoContainer {
		min-height: 250px;
	}

	.post-type-archive-watch-listen #multimediastrip .row.panels {
		display: block !important;
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.post-type-archive-watch-listen #multimediastrip .row.panels > .col-sm-3 {
		border-right: none;
	}

	.post-type-archive-watch-listen #multimedia #multimediastrip .verticalpanel {
		margin-bottom: 0;
	}

	#newsroom .newsroomcol {
		overflow: initial;
		background: none;
		display: block;
	}

	#newsroom .line {
		border-right: none;
	}

	.comment-break hr {
		margin-top: 20px;
		margin-bottom: 0 !important;
	}

	.comment-break h3 {
		margin-bottom: 10px !important;
	}

	#wpdcom .wpd-comment .wpd-comment-wrap {
		margin: 25px 0;
	}

	#about .hero h1 {
		padding: 20px 0;
		font-size: 30px;
	}

	.archive.author h1 {
		font-size: 30px;
	}

	.archive.author .author-hero {
		margin-bottom: 10px;
	}

	.archive .text {
		padding: 0px 15px !important;
		width: 100% !important;
	}

	.archive .hero h1 {
		width: 100% !important;
	}

	.archive #content .hero .meta,
	.archive #content .hero .meta .time,
	.archive #content .hero .meta .name {
		margin-bottom: 0 !important;
	}

	.newsroomcol .tag {
		display: none;
	}

	.newsroomcol .headerblock img {
        max-width: 60px;
    }
}

@media (max-width: 375px) {
	#multimediastrip .verticalpanel.video .text guest {
		font-size: 18px !important;
	}

	#multimediastrip .verticalpanel.video.middle .text vidtitle {
		font-size: 24px !important;
	}

	#multimediastrip .watch-listen-panel .verticalpanel.video .guest {
		background-position: 120% -15% !important;
	}

	.verticalpanel .podcast .text h4 {
		font-size: 17px;
	}

	.verticalpanel.video.middle .text vidtitle {
		font-size: 28px;
	}

	#multimedia.article #videoScreen {
		padding-top: 60%;
	}
}

/* Email sing up page */
.page-template-signup label {
	display: none !important;
}

.page-template-signup ul {
	list-style: none;
	padding-left: 0;
}

.page-template-signup ul li {
	margin-top: 16px;
}

@media only screen and (min-width: 641px) {
	.page-template-signup div.ginput_complex.ginput_container.gf_name_has_2 {
		width: calc(100% + 15px);
	}

	.page-template-signup div.ginput_container_name span {
		display: inline-block;
		vertical-align: top;
		padding-right: 16px;
		margin-right: -4px;
	}

	.page-template-signup div.ginput_complex.ginput_container.gf_name_has_2 span {
		width: 50%;
	}
}

.page-template-signup
	input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
		[type="button"]
	):not([type="image"]):not([type="file"]) {
	border: 0;
	border-bottom: 1px solid currentColor;
	width: 100%;
	padding: 5px 4px;
}

.page-template-signup
	input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
		[type="button"]
	):not([type="image"]):not([type="file"])::-ms-input-placeholder {
	color: #212529;
	opacity: 0.5;
}

.page-template-signup
	input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
		[type="button"]
	):not([type="image"]):not([type="file"])::placeholder {
	color: #212529;
	opacity: 0.5;
}

.page-template-signup
	input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
		[type="button"]
	):not([type="image"]):not([type="file"]):focus-visible {
	outline: 0;
}

.page-template-signup .gform_footer {
	padding: 16px 0 10px;
	margin: 16px 0 0;
	clear: both;
	width: 100%;
}

.page-template-signup [type="button"],
.page-template-signup [type="reset"],
.page-template-signup [type="submit"],
button {
	background: #fbeb9e;
	border: 0;
	padding: 5px 18px;
	border-radius: 30px;
	color: #000;
	font-family: Newsroom, sans-serif;
	font-weight: 500;
	font-size: 15px;
}

/* Add from header.php */
#edition .secondary .cat-meta a.cat-label.Labour {
	background-color: #ba2822;
	max-width: intrinsic;
	max-width: 130px;
}

section.post-mobile {
	padding: 0;
	display: none;
}

section.post-mobile .col-4 {
	max-width: 18%;
}

a.subscrbelink {
	color: #fff;
	font-weight: 700;
	margin-right: 10%;
	font-size: 13px;
	padding: 4px 20px;
	border: 1px solid #fff;
	border-radius: 50px;
	letter-spacing: -0.5px;
	transition: ease-in-out 0.2s;
	display: none;
}

a.subscrbelink:hover {
	background: #ffde00;
	transition: ease-in-out 0.2s;
	color: #262222;
}

a.subscrbelink.yellow {
	background: #ffde00;
	color: #262222;
	border: 1px solid #fef739;
	transition: ease-in-out 0.2s;
}

a.subscrbelink.yellow:hover {
	background: #fff29c;
	transition: ease-in-out 0.2s;
	color: #262222;
}

a.subscrbelink.show {
	display: inline-block;
}

.tp-close.tp-active {
	position: absolute !important;
	opacity: 1 !important;
	top: -20px !important;
	right: -20px !important;
	background: #fff
		url("data:image/svg+xml,%3Csvg width='11' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 1.368L9.632 0 5.5 4.142 1.368 0 0 1.368 4.142 5.5 0 9.632 1.368 11 5.5 6.858 9.632 11 11 9.632 6.858 5.5 11 1.368z' fill='%23959595'/%3E%3C/svg%3E")
		center center no-repeat !important;
	height: 30px !important;
	width: 30px !important;
	border-radius: 30px !important;
}

.subscribelinkcont {
	display: inline-block;
	width: 150px;
	vertical-align: middle;
}

a.cat-label.Interview {
	background: #f0a202;
}

.container.viewpoint,
.container.three-full {
	background: #fff;
}

.piano-login-link,
.piano-logout-link {
	cursor: pointer;
}

.pianohide {
	display: none;
}

#navigation.minimized li#menu-item-480646 {
	background: #fbeb9e !important;
}

.rate_translation button {
	border: 0.5px solid #000;
	font-weight: 300;
}

@media screen and (max-width: 500px) {
	section.post-mobile {
		display: block;
	}

	a.subscrbelink,
	a.subscrbelink.show {
		display: none;
	}

	.tp-close.tp-active {
		position: absolute;
		opacity: 1;
		top: -30px !important;
		right: 0px !important;
	}

	.subscribelinkcont {
		display: none !important;
	}

	.submenu {
		display: none;
	}

	.navbar #custom_toggle {
		display: inline !important;
	}

	.navbar #custom_toggle {
		display: block;
	}

	.container.viewpoint,
	.three-full {
		padding: 0 15px !important;
	}

	#editionswitcher.mobile {
		width: 100%;
	}

	#editionswitcher.mobile a {
		margin: 5px 15px;
	}

	#editionswitcher a img {
		height: 20px !important;
	}

	#newsroom .col-sm-6.featuredhero {
		width: 100%; 
    	height: auto;
    	object-fit: cover;
    	object-position: center center;
    	display: block;
    	overflow: hidden;
	}
}

#editionswitcher {
	display: inline-block;
}

#editionswitcher .flag {
	height: 15px;
	border-radius: 2px;
}

#editionswitcher .flag:hover {
	opacity: 1;
	transition: ease-in-out 0.5s;
}

#editionswitcher a {
	display: inline-block;
	margin-right: 10px;
	align-items: center;
	text-decoration: none;
	font-family: "Newsroom", sans-serif;
	font-weight: 400;
	transition: opacity 0.3s ease-in-out;
}

#editionswitcher a img {
	width: auto;
	height: 12px;
	margin-right: 1px;
}

.checkout-description {
	background-color: white;
	font-family: "Newsroom", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
	height: 100px;
	margin-bottom: 1rem;
	padding-top: 20px;
}

.checkout-description__your-subscription,
.checkout-description__then-text {
	font-size: 14px;
	font-weight: 400;
}

#checkout {
	margin-top: -135px;
}
#editionswitcher > a {
	opacity: 0.5;
	transition: opacity 0.2s ease-in-out;
}


#premiumpreview,
#premiumcontent {
	display: none;
	visibility: hidden;
}

.show {
	display: block !important;
	visibility: visible !important;
}

#premiumpreview .curtain {
	width: 100%;
	height: 800px;
	position: absolute;
	bottom: 0;
	z-index: 999;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(
		0deg,
		rgba(255, 255, 255, 0.9) 0%,
		rgba(255, 255, 255, 0) 100%
	);
	background: -webkit-linear-gradient(
		0deg,
		rgba(255, 255, 255, 0.9) 0%,
		rgba(255, 255, 255, 0) 100%
	);
	background: linear-gradient(
		0deg,
		rgba(255, 255, 255, 0.9) 0%,
		rgba(255, 255, 255, 0) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

#premiumpreview .staticendofarticle {
	display: none;
}

.col-5.image {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.col-5.image img {
	border-radius: 0px 10px 10px 0px;
}

.verticalpanel .podcast .panel img {
	border-radius: 15px 15px 0px 0px;
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.verticalpanel.homecard {
	display: flex;
    flex-direction: column;
    height: unset !important;
}

.col-sm-4.col-6.innercol.single .verticalpanel .podcast .guest {
	width: 50% !important;
	height: unset !important;
	float: right;
    margin-right: -20px;
    position: relative !important;
}

.verticalpanel .podcast .guest img {
	border-radius: 0 0 15px 0px;
}

.col-sm-4.col-6 #articleindex .featuredimage img,
.col-sm-3.col-6 #articleindex .featuredimage img {
	height: 180px;
	max-height: 180px;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.col-sm-9.mastercol #articleindex .col-sm-6 .featuredimage img {
	max-height: 279px;
	object-fit: cover;
	object-position: top;
	width: 100%;
}

.col-sm-8.col-lg-6.primaryimg {
	max-height: 396px;
	overflow: hidden;
}

.archive #articleindex.author .archiveimage img{
	height: 180px;
	object-fit: cover;
	object-position: center;
	overflow: hidden;
}

#articleindex.full .featuredimage {
	max-height: 380px;
}

#articleindex.full .featuredimage img {
	width: 100%;
}

#articleindex .featuredimage.main-article-thumbnail {
    height: 400px;
}

.featuredimage.main-article-thumbnail img {
	width: 100%;
	height: 100%;
    object-fit: cover;
    object-position: center;
}

.col-sm-3.newsroomcol.top.mastercol .featuredimage {
	height: 148px;
	overflow: hidden;
}

.col-sm-3.newsroomcol.top.mastercol .featuredimage img {
	height: 100%;
    object-fit: cover;
    object-position: center;
}

.col-lg-4.col-sm-12.innercol.single.d-sm-none.d-lg-block #articleindex .featuredimage {
	height: 180px;
	overflow: hidden;
}

.col-lg-4.col-sm-12.innercol.single.d-sm-none.d-lg-block #articleindex .featuredimage img {
	height: 100%;
    object-fit: cover;
    object-position: center;
}

p#first-desc,
span#second-desc {
	font-family: 'Magazine Headline', serif; 
	line-height: 1.5;
	font-size: 41px;
	color: #364D5A;
}

span#second-desc {
	color: #598BA6;
}

#mission img {
	margin-top: -35px;
}

.home .newsroompost .datebreak img.clock {
	width: auto;
}

.text-center {
    text-align: center;
}

p.mission-desc--primary,
span.mission-desc--secondary {
	font-family: 'Magazine Headline', serif !important;
	line-height: 1.5 !important;
	font-size: 41px !important;
	color: #364D5A !important;
}

span.mission-desc--secondary {
	color: #598BA6 !important;
}

#mission img {
	margin-top: -35px;
}

/** 	
	1-2-mobile & 1-1-2-mobile-us template styles
*/
.home.mobile_view {
	
	& #tagbanner.geo {
		background: rgba(174, 197, 200, 0.2);
		margin-bottom: 0;
		margin-top: 0;
	}

	& #tagbanner.geo .newsroomcol .background {
		background: rgba(255, 255, 255, 0.6);
		z-index: 0;
		border-radius: 15px;
	}

	& #tagbanner.geo .newsroomcol {
		display: flex;
	}

	& #tagbanner.geo #showMoreBtn {
		background: #fefefe;
	}

	& #tagbanner.geo hr {
		border-top: 0.5px solid rgba(113, 113, 113, 1) !important;
	}

	& #tagbanner.geo #content1 hr {
		border-top: 0.5px solid rgba(113, 113, 113, 1) !important;
		position: relative;
		margin: 0 !important;
	}

	& #tagbanner.geo .line {
		border-right: 0.5px solid rgba(113, 113, 113, 1) !important;
	}

	& #tagbanner.geo img.flag {
		display: inline-block;
		height: 25px;
		margin-right: 10px;
		vertical-align: middle;
	}

	& #tagbanner.geo h2 {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}

	& #column1 {
		overflow: hidden;
		position: relative;
	}

	& #column1.scrollable {
		overflow-y: scroll;
	}

	& #column1.scrollable::-webkit-scrollbar {
		width: 8px;
	}

	& #column1.scrollable::-webkit-scrollbar-thumb {
		background-color: #FFF;
		border-radius: 20px;
		border: 0.5px solid #285b5c;
		padding: 0 2px;
	}

	& #column1.scrollable::-webkit-scrollbar-track {
		background-color: #eee;
	}

	& #content1 {
		position: absolute;
		transition: transform 0.3s ease;
	}

	& #showMoreBtn {
		position: absolute;
		bottom: 0;
		width: calc(100% - 30px);
		padding: 10px 0;
		background: rgba(229, 240, 240, 1);
		left: 30px;
		text-align: center;
		border-top: 1px solid #dedede !important;
	}

	& #showMoreBtn button {
		z-index: 1;
		font-size: 11px;
		margin-top: 0;
		width: intrinsic;
		border: 0.5px solid #1D1D1B;
		background: #FFF;
		font-family: 'Meta', sans-serif;
		font-weight: 400;
		letter-spacing: 1.5px;
		text-transform: uppercase;
		border-radius: 20px;
		padding: 4px 14px;
		transition: ease-in-out 0.2s;
	}

	& #showMoreBtn button:hover {
		background: #f5fcc1;
		transition: ease-in-out 0.2s;
	}

	& .newsroompost.row.date.hide {
		display: none;
		width: 0 !important;
	}

	& .abovedate {
		background: rgba(229, 240, 234, 1);
		display: block;
		text-align: center;
		padding: 5px 0;
		margin-top: -1px;
		font-family: "Newsroom", sans-serif;
		font-weight: 500;
		letter-spacing: .5px;
		font-size: 14px;
		width: 100%;
		margin-right: -5px;
	}

	& .abovedate img {
		width: 20px;
		margin-right: 10px;
	}

	& .abovedate .mobiledate {
		display: none;
	}

	& p.text-align-left {
		text-align: left !important;
	}

	& .newsroompost.headerblock img {
		max-width: 60px;
		height: 58px;
		margin-top: -28px;
	}

	& .mobile-triple-promoBanner {
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}

	& .toppromo {
		margin-bottom:15px;
	}

	& hr.hr-mb-0 {
		margin-bottom: 0 !important;
	}

	& .area47__promo {
		margin-top: 10px;
	}

	& .m-t-15 {
		margin-top: 15px;
	}

	& #mission span {
		color: #598BA6;
	}

	& .float-right {
		float: right;
	}

	& .container-fluid > .row > .col-12 .row > .col-12.d-block.d-sm-none.mobarticles {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	& #multimediastrip img.sectionlogo {
        height: 35px !important;
    }

	& #tagbanner #articleindex .meta p.date, 
	.newsroompost.NONE .timestamp .category,
	.newsroompost.ROW .timestamp .category,
	.newsroompost.UK .timestamp .category,
	.newsroompost.US .timestamp .category {
		display: none !important;
	}

	#topfold .newsroompost.UK .timestamp .category,
	#topfold .newsroompost.US .timestamp .category,
	.geo .newsroompost.UK .timestamp .category, 
	.geo .newsroompost.US .timestamp .category {
		display: inline !important;
	}
	
	.col-sm-4.col-6 #articleindex .featuredimage img,
	.col-sm-3.col-6 #articleindex .featuredimage img {
		aspect-ratio: 3/2;
		height: 130px;
	}

	#tagbanner .featuredimage img,
	.mobarticles .featuredimage img {
		aspect-ratio: 3/2;
		height: 130px;
		object-fit: cover;
	}

	#column2 #articleindex.standard .featuredimage {
		height: auto;
		object-fit: cover;
		object-position: center;
		overflow: hidden;
	}

	.tag-featured-hero-img {
		height: auto;
	}
}

/*Podcast*/

.podcast-landing {
    color: #333;
    font-family: "Newsroom", sans-serif;
    line-height: 1.6;
  
    @media (max-width: 768px) {
      .podcast-about .container {
        flex-direction: column;
      }
    }
  
    .podcast-social {
      background: #000;
      padding: 1rem 0;
      text-align: center;
      ul {
        display: flex;
        gap: 1.5rem;
        justify-content: center;
        list-style: none;
        margin: 0;
        padding: 0;
      }
      a {
        color: #fff;
        font-size: 1.4rem;
        transition: opacity 0.3s;
        &:hover { opacity: 0.6; }

        .fa-podcast {
            height: 24px;
            position: relative;
            width: 34px;

            &::before {
                background: url("assets/img/apple-podcast-icon.png");
                background-size: cover;
                content: "";
                height: 34px;
                left: 0;
                position: absolute;
                top: 0;
                width: 34px;
            }
        }

        .fa-spotify {
            height: 24px;
            position: relative;
            width: 34px;

            &::before {
                background: url("assets/img/spotify-icon.png");
                background-size: cover;
                content: "";
                height: 34px;
                left: 0;
                position: absolute;
                top: 0;
                width: 34px;
            }
        }

        .fa-youtube {
            height: 24px;
            position: relative;
            width: 34px;

            &::before {
                background: url("assets/img/youtube-icon.png");
                background-size: cover;
                content: "";
                height: 34px;
                left: 0;
                position: absolute;
                top: 0;
                width: 34px;
            }
        }

        .fa-x-twitter {
            height: 24px;
            position: relative;
            width: 34px;

            &::before {
                background: url("assets/img/x-icon.png");
                background-size: cover;
                content: "";
                height: 34px;
                left: 0;
                position: absolute;
                top: 0;
                width: 34px;
            }
        }
      }
    }
  
    .podcast-about {
      background: #fff;
      padding: 3rem 1rem 0rem;
  
      .about-text {
        width: 65%;

        h2 {
            color: #A3A1A1;
        }

        p {
            color: #A3A1A1;
			
        }
      }
  
        .video-placeholder {
          aspect-ratio: 16/9;
          background: #eee;
          margin-bottom: 1rem;
          position: relative;
        }
        .play-btn {
          background: none;
          background-color: rgba(255,255,255,0.8);
          border: none;
          border-radius: 50%;
          cursor: pointer;
          height: 60px;
          left: 50%;
          padding: 0;
          position: absolute;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 60px;
        }
        .episode-links a {
          color: #000;
          display: inline-block;
          font-weight: 600;
          margin-right: 1rem;
          text-decoration: none;
        }
    }
    
    .podcast-episodes {
      background: #D9D9D9;
      padding: 3rem 1rem;

      @media screen and (min-width: 1600px) {
        .container {
            max-width: 1440px;
        }
      }
  
      .container {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
        justify-content: center;
      }
  
      .episode-card {
        flex: 1 1 350px;
				max-width: 350px;

				@media screen and (min-width: 1600px) {
					max-width: 450px;
					padding: 0 40px;
				}

				.video-placeholder {
					aspect-ratio: 16/9;
					background: #eee;
					margin-bottom: 1rem;
					position: relative;
				}

				h4 {
					color: #A3A1A1;
				}

				p {
					color: #A3A1A1;
				}

				.play-btn {
					background-color: rgba(255,255,255,0.8);
					border: none;
					border-radius: 50%;
					cursor: pointer;
					height: 50px;
					left: 50%;
					padding: 0;
					position: absolute;
					top: 50%;
					transform: translate(-50%, -50%);
					width: 50px;
				}
      }
				
    }
}

/* Fix Login Page CSS Issues */
body.login {
  & footer {
    padding: 20px 0 !important;
		& .footer-col {
			margin: 10px 0 !important;
		}
	}
  
  & #navigation {
    z-index: 9999999;
  }
}