/**
 Theme Name: Creative Review 2
 Theme URI: http://www.interconnectit.com/
 Description: Creative Review 2
 Version: 2.0.2
 Author: interconnect/it
 Author URI: http://www.interconnectit.com/
 License: GNU General Public License version 2 (GPLv2)
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: icit_theme
 Tags: Theme, Tags
*/

@-ms-viewport {
	width: device-width;
}

@-o-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/**************************************
 * Font Faces
 **************************************/
/* Regular */
@font-face {
	font-family: 'Marr Sans Web';
	src: url('css/marr/marrsans-regular-web.eot');
	src: url('css/marr/marrsans-regular-web.eot?#iefix') format('embedded-opentype'),
	url('css/marr/marrsans-regular-web.woff2') format('woff2'),
	url('css/marr/marrsans-regular-web.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

/* Regular italic */
@font-face {
	font-family: 'Marr Sans Web';
	src: url('css/marr/marrsans-regularitalic-web.eot');
	src: url('css/marr/marrsans-regularitalic-web.eot?#iefix') format('embedded-opentype'),
	url('css/marr/marrsans-regularitalic-web.woff2') format('woff2'),
	url('css/marr/marrsans-regularitalic-web.woff') format('woff');
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
	font-display: swap;
}

/* Medium */
@font-face {
	font-family: 'Marr Sans Web';
	src: url('css/marr/marrsans-medium-web.eot');
	src: url('css/marr/marrsans-medium-web.eot?#iefix') format('embedded-opentype'),
	url('css/marr/marrsans-medium-web.woff2') format('woff2'),
	url('css/marr/marrsans-medium-web.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

/* Bold */
@font-face {
	font-family: 'Marr Sans Web';
	src: url('css/marr/marrsans-bold-web.eot');
	src: url('css/marr/marrsans-bold-web.eot?#iefix') format('embedded-opentype'),
	url('css/marr/marrsans-bold-web.woff2') format('woff2'),
	url('css/marr/marrsans-bold-web.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

/* Regular */
@font-face {
	font-family: 'Portrait Text Web';
	src: url('css/portrait/portraittext-regular-web.eot');
	src: url('css/portrait/portraittext-regular-web.eot?#iefix') format('embedded-opentype'),
	url('css/portrait/portraittext-regular-web.woff2') format('woff2'),
	url('css/portrait/portraittext-regular-web.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

/* Regular Italic */
@font-face {
	font-family: 'Portrait Text Web';
	src: url('css/portrait/portraittext-regularitalic-web.eot');
	src: url('css/portrait/portraittext-regularitalic-web.eot?#iefix') format('embedded-opentype'),
	url('css/portrait/portraittext-regularitalic-web.woff2') format('woff2'),
	url('css/portrait/portraittext-regularitalic-web.woff') format('woff');
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
	font-display: swap;
}

/* Bold */
@font-face {
	font-family: 'Portrait Text Web';
	src: url('css/portrait/portraittext-bold-web.eot');
	src: url('css/portrait/portraittext-bold-web.eot?#iefix') format('embedded-opentype'),
	url('css/portrait/portraittext-bold-web.woff2') format('woff2'),
	url('css/portrait/portraittext-bold-web.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

/* Regular */
@font-face {
	font-family: 'scheargrotesk';
	src: url('css/schear/scheargrotesk-regular.eot');
	src: url('css/schear/scheargrotesk-regular.eot?#iefix') format('embedded-opentype'),
	url('css/schear/scheargrotesk-regular.woff2') format('woff2'),
	url('css/schear/scheargrotesk-regular.woff') format('woff'),
	url('css/schear/scheargrotesk-regular.ttf') format('truetype'),
	url('css/schear/scheargrotesk-regular.svg#SchearGrotesk-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

/* Medium */
@font-face {
	font-family: 'scheargrotesk';
	src: url('css/schear/scheargrotesk-medium.eot');
	src: url('css/schear/scheargrotesk-medium.eot?#iefix') format('embedded-opentype'),
	url('css/schear/scheargrotesk-medium.woff2') format('woff2'),
	url('css/schear/scheargrotesk-medium.woff') format('woff'),
	url('css/schear/scheargrotesk-medium.ttf') format('truetype'),
	url('css/schear/scheargrotesk-medium.svg#SchearGrotesk-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

/* Semi Bold */
@font-face {
	font-family: 'scheargrotesk';
	src: url('css/schear/scheargrotesk-semibold.eot');
	src: url('css/schear/scheargrotesk-semibold.eot?#iefix') format('embedded-opentype'),
	url('css/schear/scheargrotesk-semibold.woff2') format('woff2'),
	url('css/schear/scheargrotesk-semibold.woff') format('woff'),
	url('css/schear/scheargrotesk-semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

/* Bold */
@font-face {
	font-family: 'scheargrotesk';
	src: url('css/schear/scheargrotesk-bold.eot');
	src: url('css/schear/scheargrotesk-bold.eot?#iefix') format('embedded-opentype'),
	url('css/schear/scheargrotesk-bold.woff2') format('woff2'),
	url('css/schear/scheargrotesk-bold.woff') format('woff'),
	url('css/schear/scheargrotesk-bold.ttf') format('truetype'),
	url('css/schear/scheargrotesk-bold.svg#SchearGrotesk-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

/**************************************
 * Reset
 **************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section, main {
	display: block;
}

body {
	line-height: 1.5;
	font-weight: 500;;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.18;
	font-weight: 500;
}

.widget-title.font-schear {
	font-size: 35px;
}

.widget-header > .widget-title {
	text-transform: uppercase;
}

h2, h3, h4, h5, h6 {
	margin-top: 20px;
	margin-bottom: 20px;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration: none;
	color: inherit;
	opacity: 1;
	-webkit-transition: opacity 500ms;
	transition: opacity 500ms;
}

/**************************************
 * Font families
 **************************************/
.font-marr,
.widget.style-connected .widget-title,
body, h1, h2, h3, h4, h5, h6, .page-title,
.feature-mega.under-header .standfirst {
	font-family: "Marr Sans Web", "Marr Sans", helvetica, Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
}

.font-portrait,
#navigation .login-form.not-logged-in .toggle-login,
#navigation .login-form-wrap .field input,
#navigation .search-bar .search-input,
.tagline, .article-body, .archive.author .page-title {
	font-family: "Portrait Text Web", "Portrait Web", "Portrait Text", Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;
}

.font-schear,
.force-square.red-baron > .card-excerpt .block-lead > .hentry-title,
.force-square.studio-sense > .card-excerpt .block-lead > .hentry-title {
	font-family: scheargrotesk, haettenschweiler, Impact, Charcoal, sans-serif;
	line-height: 0.8;
	text-transform: uppercase;
	font-weight: 500;
}

@media only screen and (min-width: 640px) {
	.columns-flex.huge-card > .card-excerpt > .block-lead .excerpt {
		font-family: "Portrait Web", "Portrait Text", Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;
	}

	.columns-flex.huge-card > .card-excerpt > .block-lead .hentry-title,
	.widget.large-first-card .columns-flex > .card-excerpt:first-child > .block-lead > .hentry-title {
		font-family: scheargrotesk, haettenschweiler, Impact, Charcoal, sans-serif;
	}
}

/**************************************
 * Simple animations
 **************************************/
@keyframes pulse {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.9);
	}
}

/**************************************
 * Buttons
 **************************************/
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	vertical-align: baseline;
	cursor: pointer;
	padding: 0 20px;
	line-height: 50px;
	display: inline-block;
	box-sizing: border-box;
	border: 0;
	border-radius: 0;
	text-decoration: none;
	font-weight: 700;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-weight: 500;
	-webkit-transition: opacity 250ms;
	transition: opacity 250ms;
	opacity: 1;
	text-align: center;
}

button:hover {
	cursor: pointer;
}

.button.outline,
button.outline,
input[type="button"].outline,
input[type="reset"].outline,
input[type="submit"].outline {
	background-color: transparent;
	color: inherit;
	border: solid 1px;
	line-height: 48px;
}

@media only screen and (min-width: 520px) {
	.nav-links .button,
	.widget .button {
		width: auto;
		position: relative;
		z-index: 2;
	}
}

/**************************************
 * Forms
 **************************************/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

::-webkit-input-placeholder {
	color: inherit;
}

:-moz-placeholder {
	color: inherit;
}

::-moz-placeholder {
	color: inherit;
}

:-ms-input-placeholder {
	color: inherit;
}

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	padding: 0 20px;
	font-size: 18px;
	line-height: 50px;
	color: #ffffff;
	background: #000000;
	display: inline-block;
	box-sizing: border-box;
	border: 0;
	border-radius: 0;
	text-decoration: none;
	font-weight: 700;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-weight: 500;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
	opacity: 1;
	text-align: center;
}

.button.outline,
button.outline,
input[type="button"].outline,
input[type="reset"].outline,
input[type="submit"].outline {
	background-color: transparent;
	color: inherit;
	border: solid 1px;
	line-height: 48px;
}

.button.disabled,
button.disabled,
input[type="button"].disabled,
input[type="reset"].disabled,
input[type="submit"].disabled {
	cursor: wait;
	opacity: 0.25;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	color: #aaaaaa;
}

.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	color: #aaaaaa;
}

.button.blue,
.button.blue:visited,
.button.blue:active,
.button.blue:focus,
.button.blue:hover,
button.blue,
input[type="button"].blue,
input[type="reset"].blue,
input[type="submit"].blue {
	background: #019ac0;
}

.button.dark-blue,
button.dark-blue,
input[type="button"].dark-blue,
input[type="reset"].dark-blue,
input[type="submit"].dark-blue {
	background: #007aa7;
	color: #ffffff;
}

a.button.dark-blue,
a.button.dark-blue:link,
a.button.dark-blue:visited,
a.button.dark-blue:hover,
a.button.dark-blue:active {
	color: #ffffff;
}

.button.black,
button.black,
input[type="button"].black,
input[type="reset"].black,
input[type="submit"].black {
	background: #222222;
	color: #ffffff;
}

a.button.black,
a.button.black:link,
a.button.black:visited,
a.button.black:hover,
a.button.black:active {
	color: #ffffff;
}

.button.white,
.button.white:visited,
.button.white:active,
.button.white:focus,
.button.white:hover,
button.white,
input[type="button"].white,
input[type="reset"].white,
input[type="submit"].white {
	background: #ffffff;
	color: #222222;
}

.button.grey,
.button.grey:visited,
.button.grey:active,
.button.grey:focus,
.button.grey:hover,
button.grey,
input[type="button"].grey,
input[type="reset"].grey,
input[type="submit"].grey {
	background: #8b8b8b;
	border: 1px solid #8b8b8b;
}

.button.red,
.button.red:visited,
.button.red:active,
.button.red:focus,
.button.red:hover,
button.red,
input[type="button"].red,
input[type="reset"].red,
input[type="submit"].red {
	background: #ce0030;
	color: #f1f1f1;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	font-size: 18px; /* prevent iOS zoom */
	padding: 5px 15px;
	line-height: 20px;
	color: #666666;
	border: 1px solid #bababa;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
	outline: none;
	border-color: #8b8b8b;
}

::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

main input[type="text"],
main input[type="email"],
main input[type="url"],
main input[type="password"],
main input[type="search"],
main textarea {
	font-size: 18px; /* prevent iOS zoom */
	line-height: 20px;
	padding: 10px 15px;
	border: 1px solid #bababa;
	background: #ffffff;
	color: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	z-index: 2;
	width: 100%;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

main input[type="text"]:focus,
main input[type="email"]:focus,
main input[type="url"]:focus,
main input[type="password"]:focus,
main input[type="search"]:focus,
main textarea:focus,
main select:focus {
	border-color: #bababa;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

label {
	position: relative;
	cursor: pointer;
	overflow: hidden;
	display: inline-block;
}

label sup {
	color: red;
}

.inline-label {
	position: relative;
}

.inline-label label {
	position: absolute;
	left: 15px;
	line-height: 32px;
	color: #8b8b8b;
	margin: 1px 0;
	font-size: 16px;
}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: relative;
	left: 0;
	top: 0;
	cursor: pointer;
	margin-right: 6px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
	-webkit-appearance: none;
	border: 0;
}

/* close approximation in IE */
::-ms-check {
	margin-left: 0;
	margin-right: 0;
	width: 15px;
	height: 15px;
	padding: 4px;
	border: 1px solid #bababa;
	background: #ffffff;
	border-radius: 5px;
	box-shadow: inset 0 3px 0 rgba(0, 0, 0, .1);
	color: #add26d;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked):before,
[type="checkbox"]:checked:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 25px;
	height: 25px;
	border: 1px solid #bababa;
	background: #ffffff;
	border-radius: 5px;
	box-shadow: inset 0 3px 0 rgba(0, 0, 0, .1);
}

/* checked mark aspect */
[type="checkbox"]:not(:checked):after,
[type="checkbox"]:checked:after {
	font-family: 'icomoon';
	content: '\e62d';
	position: absolute;
	top: 0;
	left: 0;
	vertical-align: middle;
	font-size: 13px;
	width: 25px;
	line-height: 26px;
	text-align: center;
	color: #8b8b8b;
	-webkit-transition: all .2s;
	transition: all .2s;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked):after {
	opacity: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

[type="checkbox"]:checked:after {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked):before,
[type="checkbox"]:disabled:checked:before {
	box-shadow: none;
	border-color: #bbbbbb;
	background-color: #dddddd;
}

[type="checkbox"]:disabled:checked:after {
	color: #999999;
}

[type="checkbox"]:disabled {
	color: #aaaaaa;
}

/* accessibility */
[type="checkbox"]:checked:focus:before,
[type="checkbox"]:not(:checked):focus:before {
	border: 1px solid #8b8b8b;
}

[type="checkbox"]:focus,
[type="checkbox"]:active {
	outline: none;
}

/* Base for label styling */
[type="radio"]:not(:checked),
[type="radio"]:checked {
	position: relative;
	left: 0;
	top: 0;
	cursor: pointer;
	margin-right: 15px;
	height: 25px;
	vertical-align: middle;
}

/* radio aspect */
[type="radio"]:not(:checked):before,
[type="radio"]:checked:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 25px;
	height: 25px;
	border: 1px solid #bababa;
	background: #ffffff;
	border-radius: 100px;
	box-shadow: inset 0 3px 0 rgba(0, 0, 0, .1);
}

/* checked mark aspect */
[type="radio"]:not(:checked):after,
[type="radio"]:checked:after {
	content: '';
	position: absolute;
	top: 7px;
	left: 7px;
	vertical-align: middle;
	width: 11px;
	height: 11px;
	text-align: center;
	background-color: #add26d;
	border-radius: 100px;
	box-shadow: inset 0 2px 0 rgba(0, 0, 0, .2);
	-webkit-transition: all .2s;
	transition: all .2s;
}

/* checked mark aspect changes */
[type="radio"]:not(:checked):after {
	opacity: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

[type="radio"]:checked:after {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/* disabled checkbox */
[type="radio"]:disabled:not(:checked):before,
[type="radio"]:disabled:checked:before {
	box-shadow: none;
	border-color: #bbbbbb;
	background-color: #dddddd;
}

[type="radio"]:disabled:checked:after {
	color: #999999;
}

[type="radio"]:disabled {
	color: #aaaaaa;
}

/* accessibility */
[type="radio"]:checked:focus:before,
[type="radio"]:not(:checked):focus:before {
	border: 1px solid #8b8b8b;
}

[type="radio"]:focus,
[type="radio"]:active {
	outline: none;
}

/* select fields */
.fancy-select {
	position: relative;
	display: inline-block;
}

.fancy-select select::-ms-expand {
	display: none;
}

.fancy-select select {
	font-size: inherit;
	line-height: 22px;
	height: 42px;
	padding: 8px 55px 9px 15px;
	border: 1px solid #bababa;
	background: none;
	color: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	position: relative;
	z-index: 2;
	width: 100%;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.fancy-select:after {
	right: 1px;
	bottom: 1px;
	width: 40px;
	padding-right: 2px;
	border-left: 1px solid #bababa;
	position: absolute;
	display: inline-block;
	font-family: 'icomoon';
	content: '\e617';
	font-size: 125%;
	line-height: 40px;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	z-index: 1;
	background: #ffffff;
	cursor: pointer;
}

.fancy-select select:focus {
	border-color: #bababa;
}

.lt-ie10 .fancy-select select {
	padding-right: 15px;
}

.lt-ie10 .fancy-select:after {
	display: none;
}

.field-error input[type="text"],
.field-error input[type="email"],
.field-error input[type="password"] {
	background-color: #fdf2f1;
	border-color: #dc9292;
}

.message {
}

.login-error,
.message.error {
	background: #f9cacf;
	border: 1px solid #dc9292;
	padding: 0 15px;
	line-height: 2;
	margin-bottom: 20px;
}

.message.success {
	color: #8b8b8b;
}

.message.success:before {
	display: inline-block;
	font-family: 'icomoon';
	vertical-align: middle;
	content: '\e62d';
	text-align: center;
	font-size: 16px;
	color: #add26d;
	border: 1px solid #add26d;
	border-radius: 100px;
	width: 36px;
	height: 36px;
	line-height: 34px;
	margin-right: 15px;
}

/**************************************
 * Screen Reader links
 **************************************/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/**************************************
 * Layout
 **************************************/
html, body {
	min-width: 300px;
	height: 100%;
}

.site-wrap {
	min-height: 100%;
	min-width: 300px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	/* Force IE10/11 to obey me! */
	height: 1px;
}

#head {
	height: 80px;
	margin-bottom: 60px;
	border-bottom: solid 1px #d4d4d4;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 80px;
	-webkit-flex: 0 0 80px;
	flex: 0 0 80px;
	z-index: 2;
}

.main-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	padding: 0 20px;
}

.main-body .under-header:first-child {
	padding: 100px 0 20px;
	margin: -140px -20px 40px;
	position: relative;
	z-index: 1;
	border-bottom: solid 1px #dfdfdf;
	background-size: cover;
	background-position: center center;
	min-height: 300px;
}

.main-body .under-header:first-child .colourised {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	overflow: hidden;
}

.main-body .under-header:first-child .meta-wrap {
	position: relative;
	z-index: 1;
	max-width: 480px;
	margin: 0 auto;
	height: 100%;
	min-width: 300px;
}

@media only screen and (min-width: 760px) and (min-height: 769px) {
	.main-body .under-header:first-child .meta-wrap {
		max-width: 780px;
	}
}

.title-wrap {
	line-height: 0;
}

.title-wrap > h1 {
	font-size: 80px;
	display: inline;
	line-height: 1;
}

.main-body .feature-plus.under-header:first-child .meta-wrap {
	min-height: 100%;
}

.main-body .under-header:first-child .meta-wrap .article-meta.coloured-c {
	display: inline;
}

.main-body .feature-plus.under-header:first-child .meta-wrap .title-wrap {
	margin-bottom: 20px;
}

.main-body .under-header.feature-mega:first-child {
	height: 100vh;
	border-bottom: 0 none;
	overflow: hidden;
	min-height: 560px;
}

.main-body .under-header.feature:first-child,
.main-body .under-header.feature-plus:first-child,
.main-body .under-header.feature-special:first-child {
	max-height: 100vh;
	border-bottom: 0 none;
	height: 600px;
	overflow: hidden;
}

.feature-mega.under-header .page-title,
.feature-special + .entry-content .page-title {
	font-size: 110px;
	margin-bottom: 40px;
}

.feature-mega.under-header .title-wrap {
	margin-bottom: 40px;
}

.feature-mega.under-header .standfirst {
	margin-bottom: 1em;
	font-style: normal;
}

.skip-this {
	position: absolute;
	bottom: 30px;
	left: 50%;
	border: solid 1px;
	line-height: 1;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.skip-this > span {
	line-height: 40px;
	width: 40px;
	height: 40px;
	display: block;
	font-size: 20px;
}

@media only screen and (min-width: 700px) and (min-height: 600px) {
	.skip-this > span {
		line-height: 50px;
		width: 50px;
		height: 50px;
		font-size: 30px;
	}
}

.main-body .under-header.feature:first-child figure.lead-image,
.main-body .under-header.feature-plus:first-child figure.lead-image,
.main-body .under-header.feature-special:first-child figure.lead-image,
.main-body .under-header.feature-mega:first-child figure.lead-image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.main-body .under-header:first-child figure.lead-image > img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.colourised svg {
	display: block;
	width: 100%;
	height: 100%;
}

.entry-content {
	max-width: 1260px;
	margin: 20px auto;
}

.entry-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.entry-content > main#content {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-box-flex: 1;

	-ms-flex: 1 1 340px;

	-webkit-flex: 1 1 340px;

	flex: 1 1 340px;
}

.entry-content > main#content > article {
	margin-bottom: 20px;
	max-width: 700px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 300px;
	-webkit-flex: 1 1 300px;
	flex: 1 1 300px;
	width: 280px;
}

.entry-content.wide-content > main#content > article {
	max-width: 780px;
}

.entry-content.wider-content > main#content > article {
	max-width: 940px;
}

.entry-content.no-sidebar > main#content > article,
.entry-content.wide-content > main#content > article,
.entry-content.wider-content > main#content > article {
	-ms-flex-preferred-size: 100%;
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
}

.sharing {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
	min-height: 60px;
	position: relative;
	margin-bottom: 30px;
}

/**************************************
 * Widgets
 **************************************/
.ajax_data {
	display: none;
}

.sidebar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
	min-width: 260px;
	max-width: 720px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.wide-content .sidebar {
	max-width: 800px;
}

.wider-content .sidebar {
	max-width: 960px;
}

.sidebar > .widget-group {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	margin: 0 10px;
	width: 250px;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}

.sidebar > .widget-group.bottom {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	-webkit-order: 0;
	order: 0;
}

.widget {
	margin: 40px auto 20px;
	min-width: 250px;
	max-width: 1260px;
}

.sidebar .widget {
	margin: 0 0 20px;
}

.sub-content {
	clear: both;
}

:not(.widget-group) > .widget.widget-styled {
	max-width: none;
	margin: 0 -20px 20px;
	padding: 40px;
}

.sub-content .widget.widget-styled:last-child {
	margin-bottom: -50px;
}

.widget.widget-styled + .widget.widget-styled {
	margin-top: -20px;
}

.flex-widgets {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1280px;
	margin: -20px auto 0;
}

.flex-widgets > .flex-left {
	-webkit-box-flex: 16;
	-ms-flex: 16 1 780px;
	-webkit-flex: 16 1 780px;
	flex: 16 1 780px;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
	overflow: hidden;
}

.flex-widgets > .flex-right {
	-webkit-box-flex: 5;
	-ms-flex: 5 1 250px;
	-webkit-flex: 5 1 250px;
	flex: 5 1 250px;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
	overflow: hidden;
}

.flex-widgets > .widget-group {
	margin: 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.flex-widgets > .widget-group > .widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	width: 100%;
}

.anti-gutter {
	margin: 0 -10px;
}

.main-body > .widget-area > .widget.widget-styled:last-child {
	margin-bottom: -50px;
}

/**************************************
 * Archive & Author pages
 **************************************/
.archive.author .page-title {
	font-size: 40px;
	line-height: 1.2;
	font-weight: 500;
	font-style: italic;
	color: #ff0000;
}

.archive-meta.under-header .page-title {
	margin: 10px;
	padding: 0.1em 0;
	line-height: 1;
}

.archive-meta.under-header .description {
	font-size: 18px;
	padding: 10px 20px;
}

.archive-meta.under-header .social-icons {
	color: #9b9b9b;
	margin-top: 20px;
}

.meta-wrap {
	margin: 0 auto;
	display: table;
	width: 100%;
	min-height: 140px;
}

.meta-wrap > .vc {
	display: table-cell;
	vertical-align: middle;
	max-width: calc(100vw - 80px);
	overflow: hidden;
	padding: 0 40px;
}

/**************************************
 * Box outs
 **************************************/
div.boxout {
	padding: 20px;
	margin: 40px auto;
	background: inherit;
	color: inherit;
	clear: both;
	position: relative;
	z-index: 1;
	font-size: 120%;
	font-weight: 500;
	max-width: 90%;
	line-height: 1.2;
}

div.boxout:before,
div.boxout:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	border: solid 4px;
	width: 20px;
}

div.boxout:before {
	left: 0;
	border-width: 4px 0 4px 4px;
}

div.boxout:after {
	right: 0;
	border-width: 4px 4px 4px 0;
}

div.boxout > :first-child {
	background-color: inherit;
	margin-top: 0;
}

div.boxout > :last-child {
	margin-bottom: 0;
}

div.boxout > :first-child:after,
div.boxout > :first-child:before {
	content: '';
	position: absolute;
	top: 20px;
	width: 4px;
	bottom: 20px;
	background-color: inherit;
	z-index: 1;
}

div.boxout > :first-child:after {
	right: 0;
}

div.boxout > :first-child:before {
	left: 0;
}

/**************************************
 * Breakout box
 **************************************/
.breakout-box {
	padding: 10px 24px;
	background: #f1f1f1;
	clear: both;
	position: relative;
	z-index: 0;
	margin-bottom: 20px;
}

/**************************************
 * Wide content
 **************************************/
figure,
img {
	max-width: 100%;
	height: auto;
}

.wide-content article.single-post figure.aligncenter img,
.wider-content article.single-post figure.aligncenter img,
.wide-content article.single-post .media.aligncenter img,
.wider-content article.single-post .media.aligncenter img,
.wide-content article.single-post .wide img,
.wider-content article.single-post .wide img {
	width: 100%;
	display: block;
}

.wide-content article.single-post figure.aligncenter,
.wider-content article.single-post figure.aligncenter,
.wide-content article.single-post .media.aligncenter,
.wider-content article.single-post .media.aligncenter,
.wide-content article.single-post .wide,
.wider-content article.single-post .wide {
	margin-left: -20px;
	margin-right: -20px;
	max-width: 100vw;
	min-width: 300px;
	width: auto !important;
}

/**************************************
 * Wide content breakout boxes
 **************************************/
.breakout-box {
	overflow: hidden;
	padding: 40px;
}

.breakout-box > p:last-child {
	margin-bottom: 0;
}

.breakout-box > p:first-child {
	margin-top: 0;
}

.wide-content article.single-post .breakout-box + .media.aligncenter,
.wider-content article.single-post .breakout-box + .media.aligncenter,
.wide-content article.single-post .breakout-box + figure.aligncenter,
.wider-content article.single-post .breakout-box + figure.aligncenter {
	margin-top: -20px;
}

.wide-content article.single-post .breakout-box,
.wider-content article.single-post .breakout-box {
	margin-left: -20px;
	margin-right: -20px;
	max-width: 100vw;
	min-width: 300px;
}

.feature-mega + .wide-content article.single-post .breakout-box:first-child {
	margin-top: -140px;
	padding-top: 140px;
}

@media only screen and (min-width: 520px) {
	.wide-content article.single-post .breakout-box,
	.wider-content article.single-post .breakout-box {
		margin-left: -100px;
		margin-right: -20px;
		padding-left: 100px;;
		padding-right: 20px;
	}

	.feature-mega + .wide-content article.single-post .breakout-box:first-child {
		margin-top: -40px;
		padding-top: 40px;
	}

	.feature-mega + .wide-content article.single-post .media.aligncenter:first-child,
	.feature-mega + .wide-content article.single-post figure.aligncenter:first-child {
		margin-top: -40px;;
	}
}

@media only screen and (min-width: 700px) {
	.wide-content article.single-post .breakout-box,
	.wider-content article.single-post .breakout-box {
		margin-left: -140px;
		margin-right: -60px;
		padding-left: 160px;
		padding-right: 80px;
	}
}

@media only screen and (min-width: 900px) {
	.wide-content article.single-post .breakout-box,
	.wider-content article.single-post .breakout-box {
		margin-right: calc(0% - ((100vw - 100%) / 2));
		margin-left: calc(0% - ((100vw + 80px - 100%) / 2));
		padding-right: calc((100vw - 100%) / 2);
		padding-left: calc((100vw + 80px - 100%) / 2);
	}
}

@media only screen and (min-width: 1150px) {
	.wide-content article.single-post .breakout-box,
	.wider-content article.single-post .breakout-box {
		margin-left: calc(0% - ((100vw - 100%) / 2));
		margin-right: calc(0% - ((100vw - 100%) / 2));
		padding-left: calc((100vw - 100%) / 2);
		padding-right: calc((100vw - 100%) / 2);
	}
}

/**************************************
 * Header
 **************************************/
.nav-head-wrap,
.site-branding {
	max-width: 1300px;
	padding: 0 20px;
	margin: 0 auto -40px;
	height: 118px;
	position: relative;
}

@media only screen and (min-width: 700px) {
	.nav-head-wrap,
	.site-branding {
		max-width: 1380px;
		padding: 0 60px 0 60px;
	}
}

.site-branding {
	overflow: hidden;
}

.site-title {
	background-color: transparent;
	color: #000000;
	padding: 0;
	display: inline-block;
	overflow: hidden;
	position: relative;
	z-index: 6;
}

.tagline {
	float: right;
	color: #a5a5a5;
	font-size: 24px;
	font-style: italic;
	margin: 0 40px 0 20px;
	white-space: nowrap;
	line-height: 80px;
	z-index: 10;
	position: relative;
}

.site-title .icon-crlogo {
	font-size: 85px;
	line-height: 1;
	display: block;
}

@media screen and (min-height: 530px ) {
	.site-title .icon-crlogo {
		font-size: 120px;
	}

	.main-body .under-header:first-child {
		padding: 120px 0 40px;
	}
}

.site-title .site-name {
	position: absolute;
}

/* To avoid colour overflow logo text colour to be applied to this */
.site-title .icon-crlogo:after {
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	bottom: 2px;
	right: 2px;
	left: 2px;
	background-color: #ffffff;
	z-index: -1;
}

.site-title a {
	color: inherit;
	text-decoration: none;
}

/**************************************
 * Burger Menu
 **************************************/
#navigation {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	width: 0;
	background-color: white;
	color: black;
	z-index: 100021; /* One higher than the addThis floater */
	-webkit-transform: translate(50%, -50%) scale(0);
	-ms-transform: translate(50%, -50%) scale(0);
	transform: translate(50%, -50%) scale(0);
	-webkit-transition: -webkit-transform 0.25s;
	transition: -webkit-transform 0.25s;
	transition: transform 0.25s;
	transition: transform 0.25s, -webkit-transform 0.25s;
	-webkit-transform-origin: right top 0;
	-ms-transform-origin: right top 0;
	transform-origin: right top 0;
}

html.js body.show-navigation #navigation,
html.no-js #header-login:target,
html.no-js #navigation:target {
	display: block;
	-webkit-transform: translate(0, 0) scale(1);
	-ms-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1);
	width: 100%;
	min-width: 320px;
}

.toggles {
	max-width: 1420px;
	padding: 0 13px;
	margin: 0 auto;
	position: absolute;
	top: 25px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 0;
	pointer-events: none;
}

.toggles a {
	pointer-events: all;
}

.toggles a.icon-burger {
	display: block;
	width: 32px;
	height: 30px;
	overflow: hidden;
	float: right;
	padding: 5px;

	text-align: center;
	line-height: 20px;
	font-size: 22px;

	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 2px;
}

.toggles a.icon-burger > span {
	position: absolute;
	top: -100em;
	left: 0;
}

#navigation .nav-header {
	border-bottom: solid 1px #d4d4d4;
	background-color: inherit;
	min-height: 80px;
	z-index: 0;
}

#navigation .login-form,
#navigation .search-bar {
	display: block;
	position: absolute;
	top: 0;
	width: 20px;
	right: 80px;
	bottom: 40px;
	padding: 20px 0;
	line-height: 40px;
	background-color: white;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 8;
}

#navigation .login-form {
	right: 140px;
}

#navigation .login-form .toggle-login,
#navigation .search-bar .toggle-search {
	display: inline-block;
	font-size: 20px;
	width: 20px;
	height: 20px;
	line-height: 1;
	overflow: hidden;
	text-decoration: none;
	vertical-align: middle;
	color: #2979ff;
	white-space: nowrap;
}

#navigation .login-form .toggle-login > span,
#navigation .search-bar .toggle-search > span {
	margin-right: 30px;
	display: inline-block;
}

#navigation .login-form-wrap,
#navigation .search-form {
	position: absolute;
	left: 40px;
	right: 0;
	top: 0;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	padding: 19px 0;
}

#navigation .login-form.not-logged-in .toggle-login,
#navigation .login-form-wrap .field input,
#navigation .search-bar .search-input {
	font-style: italic;
	font-weight: lighter;
}

#navigation .login-form.not-logged-in .login-form-wrap {
	height: 60px;
	-webkit-transition: height 200ms;
	transition: height 200ms;
}

.show-login #navigation .login-form.not-logged-in .login-form-wrap {
	padding: 19px 10px;
	height: auto;
	background-color: #ffffff;
	border: solid 1px #d7d7d7;
	margin: 10px 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#navigation .login-form .login-form-wrap > a.account-link,
#navigation .login-form .login-form-wrap > a.logout-link {
	font-size: 18px;
	margin-right: 1em;
	color: #757575;
}

#navigation .field-submit input,
#navigation .field-submit .button {
	background-color: #ffffff;
	border: 0 none;
	line-height: 1.5;
	padding: 0;
	margin: 0 10px;
	color: #2979ff;
	text-decoration: underline;
}

#navigation .field-submit input:hover,
#navigation .field-submit .button:hover {
	color: #000000;
}

#navigation .field-submit {
	text-align: left;
	margin-top: 20px;
}

#navigation .login-form-wrap .field input,
#navigation .search-bar .search-input {
	width: 100%;
	max-width: calc(100% - 32px);
	border: 0 none;
	color: #d7d7d7;
	border-bottom: solid 1px;
}

#navigation .search-bar .search-input {
	font-size: 24px;
	line-height: 28px;
}

#navigation .login-form-wrap .field input {
	font-size: 24px;
	line-height: 1.6;
}

#navigation .search-bar .search-input + button {
	position: absolute;
	right: 0;
	top: 24px;
	background-color: #ffffff;
	color: #d7d7d7;
	padding: 0 5px;
	line-height: 28px;
}

#navigation .search-bar .search-input + button .submit-text {
	display: none;
}

#navigation .login-form-wrap .field input:focus,
#navigation .search-bar .search-input:focus + button,
#navigation .search-bar .search-input:focus {
	color: #000000;
}

.show-search #navigation .search-bar,
.show-login #navigation .login-form {
	right: 20px;
	width: calc(100% - 40px);
	z-index: 10;
}

#navigation .login-form .toggle-login.active > .icon-account:before,
#navigation .search-bar .toggle-search.active > .icon-magnification:before {
	content: "\e610";
}

li > span.menu-item-title {
	color: #2979ff;
	font-size: 18px;
}

@media only screen and (min-width: 520px) {
	.show-search #navigation .search-bar,
	.show-login #navigation .login-form {
		width: calc(100% - 210px);
	}
}

@media only screen and (min-width: 768px) {
	.show-search #navigation .search-bar,
	.show-login #navigation .login-form,
	#navigation .login-form,
	#navigation .search-bar {
		left: 200px;
		width: calc((100% - 280px) / 2);
		right: auto;
	}

	#navigation .login-form,
	.show-login #navigation .login-form {
		left: calc(160px + ((100% - 170px) / 2));
	}

	#navigation .login-form.not-logged-in .login-form-wrap {
		padding: 0;
		height: 0;
	}

	body:not(.show-login) #navigation .login-form.not-logged-in .toggle-login {
		width: auto;
		overflow: visible;
	}

	#navigation .login-form-wrap, #navigation .search-form {
		text-align: left;
	}

	#navigation .login-form .toggle-login.active > .icon-account:before {
		content: "\e61d";
	}

	#navigation .search-bar .toggle-search.active > .icon-magnification:before {
		content: "\e61f";
	}
}

/**************************************
 * Main Navigation
 **************************************/
.topload-navigation {
	max-width: 1420px;
	min-width: 320px;
	position: relative;
	margin: 0 auto;
	padding: 120px 20px 20px;
}

.topload-navigation > .close {
	position: absolute;
	top: 30px;
	right: 20px;
	font-size: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.topload-navigation > .close {
	position: absolute;
	top: -50px;
	right: 20px;
	font-size: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.topload-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.topload-navigation > .menu {
	list-style-type: none;
	margin: 0 -20px;
	overflow: hidden;
	min-width: 320px;
	font-weight: 500;
}

.topload-navigation > .menu > li {
	padding: 0 20px 20px;
	float: left;
	width: 50%;
	min-width: 160px;
	color: #757575;
}

.topload-navigation > .menu > li > .sub-menu li {
	margin: 20px 0 0;
}

.topload-navigation > .menu li.has-icon {
	float: left;
	padding-right: 20px;
}

.topload-navigation > .menu li.has-icon [class^="icon-"],
.topload-navigation > .menu li.has-icon [class*=" icon-"] {
	font-size: 26px;
}

.topload-navigation > .menu li.has-icon [class^="icon-"] ~ span,
.topload-navigation > .menu li.has-icon [class*=" icon-"] ~ span {
	display: none;
}

/**************************************
 * AddThis
 **************************************/
.addthis-smartlayers.addthis-smartlayers-desktop {
	display: none !important
}

.sharing .at-share-tbx-element .at-icon-wrapper {
	vertical-align: middle;
	line-height: 0 !important;
	height: auto !important;
	width: auto !important;
}

.sharing #atstbx {
	text-align: center;
}

.sharing #atstbx .at-share-btn {
	max-height: 50px;
	min-width: 50px;
	display: inline-block;
	margin: 5px !important;
	overflow: hidden;

	border: solid 1px rgba(0, 0, 0, 0.2);
	border-color: rgba(0, 0, 0, 0.2) !important;
	background-color: transparent !important;
}

.sharing #atstbx > .at-share-btn > .at-icon-wrapper {
	height: 50px !important;
	width: 50px !important;
	line-height: 50px !important;
	background-color: transparent !important;
}

.sharing #atstbx .at-icon-wrapper > .at-icon {
	width: 30px !important;
	height: 30px !important;
	margin: 10px;
	fill: rgba(0, 0, 0, 0.2);
}

.sharing #atstbx .at-icon-wrapper:hover > .at-icon {
	fill: rgba(0, 0, 0, 0.4);
}

.at-share-tbx-element .at-share-btn:focus,
.at-share-tbx-element .at-share-btn:hover {
	-webkit-transform: translateX(0) !important;
	-ms-transform: translateX(0) !important;
	transform: translateX(0) !important;
}

.at-share-btn + span.at_flat_counter {
	position: absolute;
	left: auto;
	right: auto;
	display: none;
}

@media only screen and (min-width: 520px) {
	.at-share-btn + span.at_flat_counter {
		left: 60px;
		transform: translateY(-46px);
	}
}

.at-share-btn:hover + span.at_flat_counter {
	display: inline-block;
}

/**************************************
 *  Site Footer
 **************************************/

footer.site-footer {
	background-color: #000000;
	color: #ffffff;
	clear: both;
	margin-top: 50px;
}

footer.site-footer a {
	color: inherit;
}

footer.site-footer .nav-footer {
	background: #3f3f3f;
	text-align: center;
	overflow: hidden;
}

footer.site-footer .nav-footer > ul {
	list-style-type: none;
	margin: 10px;
	padding: 0;
	line-height: 30px;
}

footer.site-footer .nav-footer > ul > li {
	display: inline-block;
	margin: 0 10px;
}

footer.site-footer .menu-social {
	font-size: 30px;
}

footer.site-footer .menu-social a > [class^="icon-"] + .menu-item-title {
	display: none;
}

footer.site-footer > .site-info {
	font-size: 75%;
	font-weight: 500;
	overflow: hidden;
	text-align: center;
	background-color: #000000;
}

footer.site-footer > .site-info > .left-side,
footer.site-footer > .site-info > address {
	margin: 10px 20px;
}

footer.site-footer > .site-info p {
	margin: 0;
}

/**************************************
 * Widget cards
 **************************************/
.widget.widget-styled.widget-dark {
	background-color: #000000;
	color: #ffffff;
}

.widget.widget-styled.widget-grey {
	background-color: #eaeaea;
	color: #000000;
}

.widget.widget-styled.widget-red {
	background-color: #e91e63;
	color: #ffffff;
}

.widget.widget-styled.widget-blue {
	background-color: #2879ff;
	color: #ffffff;
}

.archive-constraint,
.widget-wrap {
	max-width: 1260px;
	margin: 0 auto;
	/*overflow: hidden;*/
	width: 100%;
}

.widget.style-connected > .widget-wrap,
.widget.small-cards > .widget-wrap {
	padding: 10px 10px 0;
	border: solid 1px #d4d4d4;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.widget.style-connected .widget-title,
.widget.small-cards .widget-title {
	padding: 8px;
	border-top: solid 5px;
	text-transform: none;
	line-height: 1.1;
}

.widget.style-connected .widget-title,
.widget.small-cards .widget-title,
.icit-analytic .tabs {
	border-bottom: solid 1px #dfdfdf;
	margin: 10px 10px 8px;
	display: block;
	overflow: hidden;
	font-size: 22px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	line-height: 1.5;
}

.icit-analytic .tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.columns-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -10px;
	max-width: calc(100% + 20px);
}

.columns-flex > .card-excerpt {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 240px;
	-webkit-flex: 1 1 240px;
	flex: 1 1 240px;
	min-width: 240px;
}

.widget-group.flex-left .columns-flex > .card-excerpt {
	max-width: 460px;
}

.columns-float {
	margin: -10px;
	overflow: hidden;
}

.columns-float > .card-excerpt {
	float: left;
	min-width: 200px;
	width: calc(100% - 20px);
}

@media only screen and (min-width: 560px) {
	.columns-float > .card-excerpt {
		width: calc(50% - 20px);
	}

	.columns-float.large-square-lead.force-square.red-baron > .card-excerpt:first-child,
	.columns-float.large-square-lead.force-square > .card-excerpt.has-thumbnail:first-child {
		width: calc(100% - 20px);
	}
}

@media only screen and (min-width: 900px) {
	.columns-float > .card-excerpt {
		width: calc(33.33% - 20px);
		clear: none;
	}

	.columns-float.large-square-lead.force-square.red-baron > .card-excerpt:first-child,
	.columns-float.large-square-lead.force-square > .card-excerpt.has-thumbnail:first-child {
		width: calc(66.6% - 20px);
	}

	.columns-float.large-square-lead.force-square.red-baron > .card-excerpt:first-child ~ .card-excerpt:nth-child(4),
	.columns-float.large-square-lead.force-square > .card-excerpt.has-thumbnail:first-child ~ .card-excerpt:nth-child(4) {
		clear: left;
	}
}

@media only screen and (min-width: 1160px) {
	.columns-float > .card-excerpt {
		width: calc(25% - 20px);
		clear: none;
	}

	.columns-float.large-square-lead.force-square.red-baron > .card-excerpt:first-child,
	.columns-float.large-square-lead.force-square > .card-excerpt.has-thumbnail:first-child {
		width: calc(50% - 20px);
	}

	.columns-float.large-square-lead.force-square.red-baron > .card-excerpt:first-child ~ .card-excerpt:nth-child(4),
	.columns-float.large-square-lead.force-square > .card-excerpt.has-thumbnail:first-child ~ .card-excerpt:nth-child(4) {
		clear: none;
	}

	.columns-float.large-square-lead.force-square.red-baron > .card-excerpt:first-child ~ .card-excerpt:nth-child(6),
	.columns-float.large-square-lead.force-square > .card-excerpt.has-thumbnail:first-child ~ .card-excerpt:nth-child(6) {
		clear: left;
	}
}

/**************************************
 * Default card
 **************************************/
.card-excerpt {
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin: 10px;
	width: 300px;
	border: solid 1px #d4d4d4;
	background-color: white;
	color: black;
	min-width: 200px;
	position: relative;
}

.card-excerpt > .block-lead {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	min-height: 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	padding: 20px;
	line-height: 1.1;
	min-height: 170px;
}

.card-excerpt > .block-lead .sponsor-block-logo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 5px;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	color: #ffffff;

	font-size: 14px;
	text-align: center;
	line-height: 1;
	z-index: 1;
}

.card-excerpt > .block-lead .sponsors.sponsor-block-logo > .sponsor .sponsor-intro {
	margin-bottom: 0;
}

.card-excerpt > .block-lead > .icon {
	display: none;
}

.card-excerpt > .block-lead .entry-terms {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.card-excerpt > .block-lead > .hentry-title {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	font-size: 18px;
	font-weight: 500;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

.card-excerpt > .block-lead > .hentry-title:first-child {
	margin-top: 0;
}

.card-excerpt:not(.no-thumbnail) > .block-lead > .hentry-title a {
	display: block;
	max-height: 3.6em;
	overflow: hidden;

	/* Webkit browsers will show an ellipsis at 2 lines */
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.hentry-time,
.card-small .hentry-time,
.card-excerpt .hentry-time,
.card-excerpt > .block-lead > .excerpt {
	display: none;
}

.card-excerpt > .block-lead > .excerpt {
	margin-bottom: 0.72em;
}

.card-excerpt > .block-lead > .excerpt > p:first-child {
	line-height: 1.1;
	max-height: 4.4em;
	overflow: hidden;
	padding: 1px 0;

	/* Webkit browsers will show an ellipsis at 4 lines */
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.card-small.no-thumbnail > .block-secondary {
	display: none;

}

.card-excerpt > .block-lead > .entry-terms,
.card-excerpt > .block-lead > footer {
	font-size: 14px;
	color: #a5a5a5;
}

.entry-date.published {
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden;
	font-size: 14px;
	color: #a5a5a5;
	line-height: 16px;
	vertical-align: middle;
	/*display: block;*/
}

.card-excerpt > .block-lead > .entry-terms a {
	text-decoration: underline;
}

/*
.card-small:hover > header.block-secondary .entry-thumbnail.fixed-height,
.card-excerpt:hover > header.block-secondary .entry-thumbnail.fixed-height {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
*/

/**************************************
 * Square thumbnail
 **************************************/
.square-thumb {
	display: block;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
	outline: solid 1px #d4d4d4;
	height: 100%;
}

.square-thumb > .entry-thumbnail.fixed-height {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: -webkit-transform 0.25s;
	transition: -webkit-transform 0.25s;
	transition: transform 0.25s;
	transition: transform 0.25s, -webkit-transform 0.25s;
}

.square-thumb > .entry-thumbnail.fixed-height:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.square-thumb > .entry-thumbnail.fixed-height > img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/**************************************
 * Square cards.
 * All square cards need the same cards
 * around them so squareness is on the
 * container not the card.
 **************************************/
.force-square > .card-excerpt {
	position: relative;
	border: 0 none;
}

.force-square.columns-flex > .card-excerpt {
	max-width: 500px;
}

@media only screen and (min-width: 560px) {
	.force-square.columns-flex > .card-excerpt {
		max-width: calc(50% - 20px);
	}
}

@media only screen and (min-width: 900px) {
	.force-square.columns-flex > .card-excerpt {
		max-width: calc(33.333% - 20px);
	}
}

.force-square > .card-excerpt .block-lead {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
}

.force-square > .card-excerpt .square-thumb {
	outline: 0 none;
}

.force-square > .card-excerpt.no-thumbnail:before {
	content: ' ';
	display: block;
	padding-bottom: 100%;
}

/**************************************
 * Square cards / Studio sense
 **************************************/
.force-square.studio-sense > .card-excerpt .icon {
	position: absolute;
	top: 30px;
	left: 29px;
	display: block;
	font-size: 50px;
	color: #ffffff;
	background-color: #ef4130;
	padding: 12px;
	border-radius: 50%;
}

.force-square.studio-sense > .card-excerpt {
	border: solid 1px #d4d4d4;
	overflow: hidden;
	display: block;
}

.force-square.studio-sense > .card-excerpt .block-lead .hentry-title {
	margin-top: 90px;
}

.force-square.studio-sense > .card-excerpt .block-lead .hentry-title a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 1;
}

.force-square.studio-sense > .card-excerpt .block-secondary {
	opacity: 0.4;
	/*position: absolute;*/
	/*top: 0;*/
	/*bottom: 0;*/
	/*left: 0;*/
	/*right: 0;*/
}

.force-square.studio-sense > .card-excerpt .block-lead .excerpt {
	position: absolute;
	bottom: 25px;
	left: 30px;
	right: 30px;
	color: #757575;
	font-size: 18px;
	display: block;
	margin-bottom: 0;
	overflow: hidden;
}

.force-square.studio-sense > .card-excerpt .entry-terms,
.force-square.studio-sense > .card-excerpt footer {
	display: none;

}

.force-square.studio-sense > .card-excerpt .block-lead {
	padding: 30px;
}

.force-square.studio-sense > .card-excerpt .block-lead.is-scaled {
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;

	max-width: 300px;
	min-width: 300px;
	height: 300px;
}

.force-square.red-baron > .card-excerpt .block-lead > .hentry-title,
.force-square.studio-sense > .card-excerpt .block-lead > .hentry-title {
	font-size: 50px;
	line-height: 0.94;
	width: 100%;
	text-transform: uppercase;

	display: block;
	max-height: 1.8em;
	overflow: hidden;
	font-weight: 700;

	/* Webkit ellipsis */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.no-js .force-square.red-baron > .card-excerpt .block-lead > .hentry-title,
.no-js .force-square.studio-sense > .card-excerpt .block-lead > .hentry-title {
	font-size: 34px;
}

.force-square > .card-excerpt .block-lead > .excerpt > p:first-child {
	max-height: 2.4em;
	-webkit-line-clamp: 2;
	line-height: 1.2;
}

.force-square > .card-excerpt .block-lead > .excerpt > p:first-child ~ p {
	display: none;
}

/**************************************
 * Square cards / Inspiration
 **************************************/
.force-square > .card-excerpt.card-collection-cover .square-thumb {
	background-color: #000000;
}

.force-square > .card-excerpt.card-collection-cover .block-lead,
.force-square > .card-excerpt.type-inspiration .block-lead {
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.0));
	color: #ffffff;
}

.no-cssgradients .force-square > .card-excerpt.card-collection-cover .block-lead,
.no-cssgradients .force-square > .card-excerpt.type-inspiration .block-lead {
	background-color: rgba(0, 0, 0, 0.5);
}

.force-square > .card-excerpt.card-collection-cover .block-lead .hentry-title {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 30px;
}

.force-square > .card-excerpt.card-collection-cover .block-lead .hentry-title a {
	max-height: none;
	text-align: center;
}

.force-square > .card-excerpt.type-inspiration .block-lead > h2 {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	width: auto;

	margin: 0;
	padding: 0;
}

@media only screen and (min-width: 540px) {
	.columns-float.large-square-lead.force-square > .card-excerpt.type-inspiration.has-thumbnail:first-child > .block-lead > .hentry-title {
		font-size: 34px;
	}
}

/**************************************
 * Square cards / Red Baron
 **************************************/
.force-square.red-baron > .card-excerpt {
	background-color: #f04535;
	color: #ffffff;
}

.force-square.red-baron > .card-excerpt > .block-lead footer {
	display: none;
}

.force-square.red-baron > .card-excerpt > .block-secondary {
	opacity: 0.2;
}

.force-square.red-baron > .card-excerpt .block-lead > .hentry-title {
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	margin-top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-transform: uppercase;
}

.force-square.red-baron > .card-excerpt .block-lead > .excerpt {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	display: block;
	text-align: center;
}

.force-square.red-baron > .card-excerpt .block-lead > .sponsors,
.force-square.red-baron > .card-excerpt .block-lead > .entry-terms {
	width: auto;
	padding: 12px 20px;
	border-bottom: solid 1px;
	text-align: center;
	color: inherit;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: transparent;
}

/**************************************
 * Jobs
 **************************************/
.card-excerpt.type-jobs {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	position: relative;
}

.card-excerpt.type-jobs .block-lead,
.card-excerpt.type-jobs .block-secondary {
	width: 50%;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	-webkit-flex: 1 1 50%;
	flex: 1 1 50%;
	float: left;
}

.card-excerpt.type-jobs .block-lead {
	padding: 15px;
	min-height: 0;
}

.card-excerpt.type-jobs .block-secondary {
	border-right: solid 1px #d4d4d4;
	padding: 10px;
}

.card-excerpt.type-jobs.job-otw .block-secondary {
	border-right-color: initial;
}

.card-excerpt.type-jobs .square-thumb {
	border-bottom: 0 none;
	outline: 0 none;
	background-color: #ffffff;
}

.card-excerpt.type-jobs .square-thumb > .entry-thumbnail.fixed-height > img {
	-o-object-fit: contain;
	object-fit: contain;
}

.card-excerpt.type-jobs > .block-lead > .hentry-title {
	font-size: 16px;
	margin: 0;
	line-height: 1.1;
}

.card-excerpt.type-jobs > .block-lead > .hentry-title a {
	max-height: 4.4em;
	-webkit-line-clamp: 4;
}

.card-excerpt.type-jobs .object-fit-fix {
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

.jotw-tag {
	font-size: 14px;
	margin: -15px -15px 10px;
	line-height: 28px;
	padding: 0 15px;
	border-bottom: solid 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.card-excerpt.type-jobs.job-otw > .block-lead > footer {
	color: inherit;
}

.card-excerpt.type-jobs .block-lead > footer {
	position: absolute;
	bottom: 10px;
	left: calc(50% + 15px);
	right: 10px;
}

/**************************************
 * Widget header
 **************************************/
.widget-header {
	border-top: solid 5px;
	text-align: center;
	position: relative;
	padding-top: 20px;
	margin: 20px 0;
	overflow: hidden;
}

.widget-styled .widget-header {
	margin-top: -35px;
	border-top: 0 none;
}

.widget-description {
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
}

.widget-header .widget-title {
	margin: 20px 0;
	display: inline-block;
	border-bottom: solid 5px;
	padding: 5px 0;
	font-size: 52px;
	line-height: 0.8;
	text-transform: uppercase;
	font-weight: 700;
}

.nav-links {
	clear: both;
	max-width: 1300px;
	margin: 40px auto 0;
	text-align: center;
	padding: 0 20px;
}

.widget-header .widget-title + .nav-links {
	margin-bottom: 20px;
}

.widget-header .widget-title + .nav-links > a {
	line-height: 48px;
}

@media only screen and (min-width: 640px) {
	.widget-header .widget-title + .nav-links {
		margin: 25px 0;
		position: absolute;
		top: 20px;
		right: -19px;
	}
}

/**************************************
 * Double wide cards
 **************************************/
@media only screen and (min-width: 800px) {
	.widget.double-wide-card .columns-flex > .card-excerpt:nth-child(-n+2) {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 40%;
		-webkit-flex: 1 1 40%;
		flex: 1 1 40%;
		max-width: 620px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.widget.double-wide-card .columns-flex > .card-excerpt:nth-child(-n+2) .block-lead,
	.widget.double-wide-card .columns-flex > .card-excerpt:nth-child(-n+2) .block-secondary {
		-ms-flex-preferred-size: 40%;
		-webkit-flex-basis: 40%;
		flex-basis: 40%;
		min-width: 180px;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}

	.widget.double-wide-card .columns-flex > .card-excerpt:nth-child(-n+2) .block-lead .sponsor-block-logo {
		right: 50%;
		width: auto;
	}

	.widget.double-wide-card .columns-flex > .card-excerpt:nth-child(-n+2) > .block-lead > .hentry-title {
		font-size: 30px;
	}

	.widget.double-wide-card .columns-flex > .card-excerpt:nth-child(-n+2) > .block-lead > .hentry-title a {
		-webkit-line-clamp: 5;
		height: 5.69em;
		max-height: none;
	}
}

/**************************************
 * Bigger lead cards
 **************************************/
@media only screen and (min-width: 800px) {
	.widget.bigger-card .columns-flex > .card-excerpt:nth-child(-n+2) {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 40%;
		-webkit-flex: 1 1 40%;
		flex: 1 1 40%;
		max-width: 620px;
	}

	.widget.bigger-card .columns-flex > .card-excerpt:nth-child(-n+2) .block-lead,
	.widget.bigger-card .columns-flex > .card-excerpt:nth-child(-n+2) .block-secondary {
		min-width: 200px;
	}

	.widget.bigger-card .columns-flex > .card-excerpt:nth-child(-n+2) > .block-lead > .hentry-title {
		font-size: 30px;
	}

	.widget.bigger-card .columns-flex > .card-excerpt:nth-child(-n+2) > .block-lead > .hentry-title a {
		-webkit-line-clamp: 3;
		height: 3.54em;
	}
}

/**************************************
 * Very large First Card
 **************************************/
@media only screen and (min-width: 640px) {
	.widget.large-first-card .columns-flex > .card-excerpt:first-child {
		max-width: none;
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
	}

	.widget.large-first-card .columns-flex > .card-excerpt:first-child > .block-lead {
		-ms-flex-preferred-size: 0%;
		-webkit-flex-basis: 0%;
		flex-basis: 0%;
		border-bottom: 0 none;
		padding: 40px 20px;
	}

	.widget.large-first-card .columns-flex > .card-excerpt:first-child > .block-lead .sponsor-block-logo {
		position: static;
		margin-top: -20px;
		margin-bottom: 20px;
	}

	.widget.large-first-card .columns-flex > .card-excerpt:first-child > .block-secondary {
		-ms-flex-preferred-size: calc(50% - 20px);
		-webkit-flex-basis: calc(50% - 20px);
		flex-basis: calc(50% - 20px);
		margin-right: 20px;
	}

	.widget.large-first-card .columns-flex > .card-excerpt:first-child > .block-lead > .hentry-title {
		font-size: 40px;
		font-weight: 700;
		line-height: 0.8em;
		text-transform: uppercase;
		max-height: none;
		margin: 0.341em 0 10px;
	}

	.widget.large-first-card .columns-flex > .card-excerpt:first-child > .block-lead > .hentry-title a {
		max-height: 3.18em;

		display: block;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
}

/**************************************
 * Huge Card
 **************************************/
@media only screen and (min-width: 640px) {
	.columns-flex.huge-card > .card-excerpt {
		max-width: 100%;
		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.columns-flex.huge-card > .card-excerpt > .block-secondary {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 5%;
		-webkit-flex: 1 1 5%;
		flex: 1 1 5%;
		/*min-width: calc(50% - 10px);*/
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.columns-flex.huge-card > .card-excerpt > .block-secondary .square-thumb {
		border-bottom: 0 none;
		width: 100%;
		height: 100%;
	}

	.columns-flex.huge-card > .card-excerpt > .block-lead {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0%;
		-webkit-flex: 1 1 0%;
		flex: 1 1 0%;
		padding: 20px;;
	}

	.columns-flex.huge-card > .card-excerpt > .block-lead .hentry-title {
		font-size: 92px;
		font-weight: 700;
		line-height: 0.81;
		margin: 0.38em 0 20px;
		text-transform: uppercase;
	}

	.columns-flex.huge-card > .card-excerpt > .block-lead .hentry-title:nth-last-child(3) {
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
	}

	.columns-flex.huge-card > .card-excerpt > .block-lead .hentry-title a {
		max-height: 2.4em;
		-webkit-line-clamp: 3;
	}

	.columns-flex.huge-card > .card-excerpt > .block-lead .excerpt {
		display: block;
		font-size: 18px;
		font-style: italic;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		color: #757575;
	}

	.widget-group.flex-left .columns-flex.huge-card > .card-excerpt {
		max-width: none;
	}

	.columns-flex.huge-card > .card-excerpt > .block-lead .sponsor-block-logo {
		position: static;
		margin-bottom: 10px;
		margin-top: -10px;
	}
}

@media only screen and (min-width: 1000px) {
	.columns-flex.huge-card > .card-excerpt > .block-lead {
		padding: 40px;
	}

	.columns-flex.huge-card > .card-excerpt > .block-lead .sponsor-block-logo {
		margin-top: -20px;
		margin-bottom: 20px;
	}

	.columns-flex.huge-card > .card-excerpt > .block-lead .hentry-title a {
		max-height: 3.2em;
		-webkit-line-clamp: 4;
	}
}

/**************************************
 * Small card
 **************************************/
.card-small {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 250px;
	-webkit-flex: 1 1 250px;
	flex: 1 1 250px;
	border-bottom: solid 1px #d4d4d4;
	padding-bottom: 7px;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.card-small:last-child {
	/*padding-bottom: 0;*/
	border-bottom: 0 none;
}

.widget.style-connected > .widget-wrap .card-small,
.widget.small-cards > .widget-wrap .card-small {
	margin: 0 20px 17px;
	/*overflow: hidden;*/
}

.widget.style-connected .columns-flex,
.widget.small-cards .columns-flex {
	margin-bottom: -18px;
	margin-top: 8px;
}

.card-small > header.block-secondary {
	float: left;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 100px;
	-webkit-flex: 1 0 100px;
	flex: 1 0 100px;
	margin: 1px 20px 10px 1px;
	max-height: 100px;
	max-width: 100px;
}

.sidebar .large-lead .columns-flex .card-small:first-child > .block-secondary,
.sidebar .large-lead .analytic-item:first-child .card-small > .block-secondary {
	max-height: none;
	max-width: none;
	margin-right: 0;
}

.sidebar .large-lead .columns-flex .card-small:first-child > .block-lead,
.sidebar .large-lead .analytic-item:first-child .card-small > .block-lead {
	-ms-flex-preferred-size: 100%;
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
}

@media only screen and (min-width: 1190px) {

	.flex-right .large-lead .columns-flex .card-small:first-child > .block-secondary,
	.flex-right .large-lead .analytic-item:first-child .card-small > .block-secondary {
		max-height: none;
		max-width: none;
		margin-right: 0;
	}

	.flex-right .large-lead .columns-flex .card-small:first-child > .block-lead,
	.flex-right .large-lead .analytic-item:first-child .card-small > .block-lead {
		-ms-flex-preferred-size: 200px;
		-webkit-flex-basis: 200px;
		flex-basis: 200px;
	}
}

.card-small .block-lead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 100;
	-ms-flex: 100 1 80px;
	-webkit-flex: 100 1 80px;
	flex: 100 1 80px;
	max-height: 100px;
	min-width: 80px;
	margin-bottom: 10px;
}

.card-small .block-lead > h4 {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-top: 0;
	font-size: 14px;
	line-height: 16px;
}

.card-small .block-lead > h4 > a {
	display: block;
	height: 64px;
	overflow: hidden;

	/* Webkit browsers will show an ellipsis at 2 lines */
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

/**************************************
 * Comment count tail
 **************************************/
.comment-count {
	font-size: 12px;
	font-weight: 700;
	position: relative;
	min-width: 24px;
	text-align: center;
	line-height: 1;
	display: inline-block;
	vertical-align: 1px;
	padding: 3px 0 0;
	margin-right: 10px;

	color: #ffffff;
	border-color: #000000;
	background-color: #000000;
}

.comment-count:before {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 0;
	height: 0;

	border: solid 3px;
	border-color: inherit;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

.tab-comments .comment-count {
	color: #000000;
	background-color: #ffffff;
	border-color: #ffffff;
}

article footer .comment-count {
	display: none;
	float: right;
	margin: -0.25em 0 0 10px;
}

/**************************************
 * Slick Carousel controls
 **************************************/
.skew-lead .slick-controls {
	position: absolute;
	color: #ffffff;
	bottom: 120px;
	left: 0;
	right: 0;
	z-index: 1;
	max-width: none;
	margin: 20px;
}

.slick-controls:empty {
	visibility: hidden;
	margin: 0;
}

.slick-controls {
	margin: 40px auto 0;
	text-align: center;
	max-width: 1280px;
	min-height: 30px;
}

.slick-controls button {
	background-color: transparent;
	color: inherit;
	outline: none;
	border: 0 none;
}

.slick-controls .slick-arrow {
	overflow: hidden;
	position: relative;
	text-indent: 100em;
	white-space: nowrap;
	width: 50px;
	padding: 0;
	height: 22px;
	line-height: 22px;
	font-size: 22px;
}

.slick-controls .slick-prev.slick-arrow {
	float: left;
	text-align: left;
}

.slick-controls .slick-next.slick-arrow {
	float: right;
	text-align: right;
}

.slick-controls .slick-arrow:after {
	content: "\ea3c";

	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	text-indent: 0;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-controls .slick-prev.slick-arrow:after {
	content: '\ea40'
}

.widget .slick-controls .slick-dots {
	margin: 0;
}

.widget .slick-controls .slick-dots > li {
	display: inline-block;
	text-align: center;
	width: 30px;
}

.widget .slick-controls .slick-dots li button {
	position: relative;
	width: 16px;
	line-height: 30px;
	padding: 0;
	cursor: pointer;
	text-indent: 100em;
	overflow: hidden;
	border: 0;
	outline: none;
	background: transparent;
}

.widget .slick-controls .slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;

	color: inherit;
	text-indent: 0;
	text-align: center;
	font-size: 15px;
	line-height: 30px;

	content: "\e900";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.widget .slick-controls .slick-dots li.slick-active button:before {
	content: "\e901";
}

.columns-flex.carousel-me.slick-initialized.slick-slider {
	display: block;
}

.slick-track > .card-excerpt.no-thumbnail:after {
	content: '';
	display: block;
	width: 100%;
	padding-top: 100%;
}

/**************************************
 * AdTech
 **************************************/
.widget.widget-adtech {
	margin-bottom: 0;
}

.widget.widget-adtech .adtech.adtech-active {
	/*padding: 10px;*/
	margin-bottom: 20px;
}

.widget.widget-adtech .adtech.adtech-active a > img:only-child,
.widget.widget-adtech .adtech.adtech-active a {
	display: block;
}

.header-ad,
body > .adtech {
	height: 0;
	overflow: visible;
}

.full-ads .card-adtech {
	visibility: hidden;
	height: 90px;
	width: 700px;
	position: absolute;
}

.full-ads .card-adtech.adtech-active,
.widget.widget-adtech .adtech.adtech-active {
	background: url('data:image/gif;base64,R0lGODlhCQAJAJEAAP////b29tzc3AAAACH5BAAHAP8ALAAAAAAJAAkAAAIRVIAZYel8HIJytkrxlTA+UQAAOw==') repeat top left #ffffff;
}

.full-ads .card-adtech.adtech-active {
	position: static;
	visibility: visible;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
	margin: 10px;
	padding: 20px;
	height: auto;
}

.social-icons > a {
	font-size: 30px;
	display: inline-block;
	margin: 10px;
	line-height: 1;
}

/**************************************
 * Cookie Law
 **************************************/
#cookie-law-banner {
	padding: 20px 0;
	display: none;
	overflow: hidden;
	color: #ffffff;
	background-color: #2196f3;
}

.cookie-container {
	min-height: inherit;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: static;
	max-width: none;
}

.cookie-body {
	padding: 0 60px 0 20px;
}

.cookie-button {
	top: calc(50% - 20px);
	right: 10px;
	line-height: 40px;
	box-shadow: none;
	overflow: hidden;
}

#cookie-law-banner .close-button {
	text-indent: 500px;
}

#cookie-law-banner .close-button:after {
	content: "\e610";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	bottom: 0;
	left: 0;

	line-height: 40px;
	font-size: 20px;
	text-align: center;
	text-indent: 0;

	font-family: icomoon;
	text-indent: 0;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cookie-text {
	border: 0 none;
	padding: 0;
	min-height: inherit;
	max-width: 780px;
	margin: 0 auto;
}

.cookie-text > p:first-child {
	margin-top: 0;
}

.cookie-text,
#cookie-law-banner .close-button,
.cookie-container {
	color: inherit !important;
	background-color: inherit !important;
}

/**************************************
 * Comment button show/hide
 **************************************/

.post-tabs > a.active {
	display: none;
}

.tab-wrapper > div:not(.active) {
	display: none;
}

/**************************************
 * Pagination
 **************************************/
.card-subtitle {
	clear: both;
	width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
	text-align: center;
	font-size: 22px;
	padding: 20px 10px 10px;
}

.card-subtitle .subtitle {
	display: inline-block;
	padding-bottom: 10px;
	margin-bottom: 0;
	border-bottom: solid 1px;
}

.sub-cards {
	text-align: center;
	width: 100%;
	padding: 10px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
}

.sub-cards > article {
	display: inline-block;
	border: 0 none;
	min-width: 0;
	width: auto;
	float: none;
}

.sub-cards > article .block-lead .entry-terms,
.sub-cards > article .block-lead footer,
.sub-cards > article .block-lead .excerpt,
.sub-cards > article .block-secondary {
	display: none;
}

.sub-cards > article .block-lead {
	min-height: 0;
	padding: 0;
}

.sub-cards > article .block-lead > .hentry-title {
	margin: 0;
}

.sub-cards > article .block-lead > .hentry-title > a {
	padding: 16px 2em !important;
	display: block !important;
	line-height: 1.4 !important;
	background-color: #f3f3f3 !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	max-height: none !important;
}

/**************************************
 * Pagination
 **************************************/
.pagination-links {
	display: block;
	margin: 40px auto;
	text-align: center;
	white-space: nowrap;
	width: 100%;
	clear: both;
}

.pagination-links > * {
	display: inline-block;
	text-align: center;
	min-width: 40px;
	line-height: 36px;
	height: 36px;
	background-color: #f1f1f1;
	padding: 0 5px;
}

.pagination-links > .dots {
	background-color: transparent;
}

.pagination-links > .dots,
.pagination-links > a.page-numbers:not(.next):not(.prev) {
	display: none;
}

.pagination-links > a:hover,
.pagination-links > .current {
	background-color: #ea0723;
	color: #ffffff;
	text-decoration: none
}

/**************************************
 * Analytic data widget
 **************************************/
.analytic-lists > .a-list > .a-list-name,
.analytic-lists > .a-list:not(.active),
.icit-analytic .widget-title {
	display: none;
}

.widget.icit-analytics-data-collection-widget,
.widget.icit-analytics-data-collection-widget > .widget-wrap,
.widget.icit-analytics-data-collection-widget > .widget-wrap > .icit-analytic,
.widget.icit-analytics-data-collection-widget > .widget-wrap > .icit-analytic > .tabs-wrap.container,
.widget.icit-analytics-data-collection-widget > .widget-wrap > .icit-analytic > .tabs-wrap.container > .analytic-lists,
.widget.icit-analytics-data-collection-widget > .widget-wrap > .icit-analytic > .tabs-wrap.container > .analytic-lists > .a-list.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	width: 100%;
}

.icit-analytic .tabs > .tab {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	-webkit-flex: 1 1 0%;
	flex: 1 1 0%;
	text-align: center;
	font-size: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 8px;
	margin: 0 10px;
	border-top: solid 5px;
}

.icit-analytic .tabs > .tab:not(.active) {
	color: #d4d4d4;
	cursor: pointer;
}

.icit-analytic > .tabs-wrap.container {
	padding: 10px 10px 0;
	border: solid 1px #d4d4d4;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.a-page {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: -18px;
}

.analytic-lists > .a-list > .a-page > .analytic-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 0 10px 17px 10px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 260px;
	-webkit-flex: 1 1 260px;
	flex: 1 1 260px;
	border-bottom: solid 1px #d4d4d4;
}

/**************************************
 * Inline media widget.
 **************************************/
.widget-area > .widget:not(.widget-styled) + .widget.widget-styled.icit-image-widget {
	margin-top: 30px;
}

.widget.widget-styled.icit-image-widget {
	padding: 0;
}

.widget.widget-styled.icit-image-widget .widget-title {
	font-size: calc(58px + 3vw);
	line-height: 0.9;
	margin: 20px 0;
}

@media only screen and (min-width: 1380px) {
	.widget.widget-styled.icit-image-widget .widget-title {
		font-size: 100px;
	}
}

.icit-image-widget .wrap {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right center;
	overflow: hidden;
	min-width: 280px;
	max-width: 1280px;
	margin: 0 auto;
}

.icit-image-widget .wrap .right {
	float: right;
	max-width: 740px;
	width: 50%;
	text-align: right;
	min-height: 240px;
	min-width: 240px;
}

.icit-image-widget .wrap .right > .foreground-image {
	margin: 20px auto;
}

.icit-image-widget .wrap .left {
	float: left;
	padding: 20px;
	width: 50%;
	text-align: left;
	max-width: 740px;
	min-height: 240px;
	min-width: 240px;
}

.icit-image-widget .wrap .button {
	background-color: inherit;
	color: inherit;
	margin: 20px 0;
}

.icit-image-widget .wrap .button span {
	margin-left: 15px;

}

.icit-image-widget .wrap .widget-title {
	text-transform: uppercase;
	text-align: left;
	font-size: 52px;
	line-height: 1.2;
	font-weight: 500;
	white-space: normal;
}

.icit-image-widget .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.icit-image-widget .wrap .right {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 300px;
	-webkit-flex: 1 1 300px;
	flex: 1 1 300px;
}

.icit-image-widget .wrap .left {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 400px;
	-webkit-flex: 1 1 400px;
	flex: 1 1 400px;
}

.meta-wrap .page-title.archive-title {
	text-overflow: ellipsis;
	overflow: hidden;
}

.meta-wrap .title-wrap {
	margin: 14px 0;
}

.single-landing-page .meta-wrap .page-title.archive-title,
body:not(.author) .meta-wrap .page-title.archive-title {
	font-size: 90px;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: 500;
}

/*--------------------------------------------------------------
 Inspiration Uploads
--------------------------------------------------------------*/
.inspire-contentheading {
	margin: 0;
	background: #ffffff;
	padding: 45px 0;
}

.inspire-uploadloadimage {
	display: block;
	margin: 0px auto;
	text-align: center;
	width: 123px;
	height: 80px;
}

.inspire-uploadloadimage:after {
	content: '\e61e';
	font-family: icomoon;
	font-size: 120px;
	line-height: 80px;
	height: 80px;
}

.inspire-uploadloadtext {
	font-size: 24px;
	margin: 0 auto;
	text-align: center;
	margin-top: 30px;
}

.inspire-detailsarea {
	display: block;
	text-align: left;
	background: transparent;
	padding-bottom: 50px;
}

.inspire-detailsarea label {
	display: block;
	font-weight: 700;
	color: #757575;
	margin-bottom: 3px;
}

.inspire-detailsarea input {
	width: 100%;
	margin-bottom: 20px;
}

.inspire-uploadarea label {
	display: block;
	font-weight: 700;
	font-size: 16px;
	color: #757575;
	margin-bottom: 3px;
	margin-top: 5px;
}

.inspire-uploadarea input {
	width: 100%;
	margin-bottom: 20px;
}

.inspire-uploadarea {
	display: block;
	text-align: left;
	background: transparent;
	margin-top: 20px;
	padding-bottom: 50px;
	min-width: 280px;
}

.inspire.entry-content {
	padding-bottom: 45px;
	padding-top: 0;
}

.inspire-submitbuttons {
	display: block;
	width: 100%;
	border-top: 1px solid #cecece;
	clear: both;
	text-align: center;
	padding-top: 35px;
	position: relative;
}

.inspire-droparea {
	border: 2px dashed #e6e6e6;
	text-align: center;
	min-height: 100px;
	color: #757575;
	position: relative;
}

.inspire-droparea.dz-drag-hover {
	border: 2px dashed #1fb9c7;
}

.inspire-droparea div.fileinput-button {
	padding: 50px 50px;
	margin-left: 0;
	display: block;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.inspire-droparea .fallback input.inspire-fileupload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px;
	direction: ltr;
	cursor: pointer;
}

.inspire-descript {
	margin-bottom: 40px;
}

.inspire-heading h1 {
	font-weight: 300;
	font-size: 52px;
	margin: 0 auto;
	padding-bottom: 30px;
}

.inspire-heading p {
	font-weight: 300;
	font-size: 17px;
	margin: 0 auto;
}

.inspire-largeuploadbox {
	margin: 24px 12px 0;
	overflow-y: hidden;
	border: 3px dashed #bababa;
	display: block;
	height: 370px;
	position: relative;
	background-color: #ffffff;
}

.inspire-largeuploadbox:before {
	position: absolute;
	left: 10%;
	right: 10%;
	top: 10%;
	bottom: 10%;

	content: '\e61e';
	font-family: icomoon;
	font-size: 180px;
	text-align: center;
}

.inspire-largeuploadbox p {
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	color: #3c3c3c;
	margin-top: 290px;
}

.upload-instructions {
	margin: 20px 0 0 0 !Important;
	font-weight: 500;
	color: #c7006c;
	max-width: 100% !Important;
}

.excerpted.inspire {
	margin: 24px 12px 0;
	overflow-y: hidden;
	/*height: 370px;*/
	background-color: transparent;
}

.inspire-previews .dz-filename {
	display: none;
}

.inspire-previews .dz-size {
	display: none;
}

.inspire-previews .dz-success-mark {
	display: none;
}

.inspire-previews .dz-error-mark {
	display: none;
}

.inspire-previews .dz-error-message {
	display: none;
}

.inspire-previews .dz-preview {
	width: 45%;
}

.inspire-previews .dz-preview {
	width: 95%;
	position: relative;
	margin-bottom: 20px;
}

.inspire-previews .dz-preview.dz-image-preview {
	border: 0;
}

.inspire-previews .dz-preview .dz-details {
	max-width: 280px;
	min-height: 125px;
	background: transparent;
	border: 2px dashed #bababa;
	background-color: #fafafa;
	text-align: center;
	padding: 1em 1em 0.5em;
}

.inspire-previews .dz-preview.dz-image-preview .dz-details {
	border: 0;
}

.inspire-previews .dz-preview .dz-progress {
	position: absolute;
	top: 55px;
	left: calc(50% - 60px);
	z-index: 99;
	display: block;
	height: 10px;
	width: 120px;
	background: #e6e6e6;
}

.inspire-previews .dz-preview .dz-progress span.dz-upload {
	background: #90c53b;
	display: block;
	position: relative;
	height: 100%;
}

.inspire-previews .dz-preview.dz-complete .dz-progress {
	display: none;
}

.inspire-previews .dz-preview a.dz-remove {
	display: none;
}

.inspire-previews .dz-preview.dz-complete a.dz-remove {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	text-indent: -1000px;
	overflow: hidden;
	width: 35px;
	height: 35px;
	background-color: rgba(255, 255, 255, 0.5);
}

.inspire-previews .dz-preview.dz-complete a.dz-remove:after {
	content: "\e610";
	font-family: icomoon;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;

	color: #000000;
	z-index: 100;
	font-size: 35px;
	line-height: 35px;
	text-indent: 0;
}

span.inspire-terms a#inspiretermslink {
	font-weight: 700;
	color: #000000;
}

.inspire-error {
	display: none;
	width: 100%;
	min-height: 50px;
	margin-bottom: 25px;
	border-top: 2px solid #c7006c;
	border-bottom: 2px solid #c7006c;
	color: #c7006c;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

.inspire-success {
	display: none;
	width: 100%;
	min-height: 50px;
	margin-bottom: 25px;
	border-top: 2px solid green;
	border-bottom: 2px solid green;
	color: green;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

.inspire-submitbuttons .inspire-terms {
	display: block;
	margin-bottom: 20px;

}

@media only screen and (min-width: 800px) {
	.inspire-detailsarea {
		float: left;
		width: 50%;
	}

	.inspire-uploadarea {
		float: right;
		width: 280px;
	}
}

/**************************************
 * @TODO Put this lot out in a better place
 **************************************/
.page-title {
	font-size: 40px;
	line-height: 1;
	margin-bottom: 20px;
	font-weight: 700;
}

.page-title.font-schear {
	line-height: 0.8;
}

article.single-post > .article-body,
article.single-post > header {
	margin-bottom: 40px;
	background-color: #ffffff;
}

article.single-post > .article-body:after {
	content: ' ';
	display: block;
	clear: both;
}

article.single-post > .article-body + footer {
	clear: both;
}

article.single-post > header:empty {
	display: none;
}

.standfirst {
	font-size: 27px;
	line-height: 1.1;
	margin: 0 0 30px;
	font-style: italic;
	font-family: initial;
}

.article-meta {
	font-size: 14px;
	font-style: italic;
	color: #a5a5a5;
}

.article-meta a {
	color: #000000;
}

.article-meta.coloured-c .entry-date.published,
.article-meta.coloured-c a {
	color: inherit;
	background-color: inherit;
}

.main-body .under-header:first-child {
	text-align: center;
}

.author.vcard {
	font-weight: bold;
}

.article-body {
	font-size: 22px;
}

.article-body em {
	font-style: italic;
}

.article-body strong,
.article-body b {
	font-weight: 700;
}

.article-body blockquote {
	font-size: 200%;
	font-family: scheargrotesk, haettenschweiler, Impact, Charcoal, sans-serif;
	line-height: 0.9;
}

.article-body p {
	margin: 30px 0;
}

.article-body p:last-child {
	margin-bottom: 0;
}

.article-body p:first-child {
	margin-top: 0;
}

.article-body pre {
	font-family: monospace;
	text-align: left;
	white-space: pre-wrap;
}

.object-fit-fix {
	height: 100%;
	width: 100%;
	background-position: center center;
}

.social-icons > a > .title {
	display: none;
}

.issue-cover {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 120px;
	line-height: 1;
	position: relative;
}

.issue-cover .logo-wrap {
	display: block;
	line-height: 1;
	height: 120px;
	position: absolute;
	left: 0;
	right: 0;
	top: calc(50% - 60px);
}

.button {
	border: solid 1px #dfdfdf;
	text-align: center;
	line-height: 2;
	/*color: #757575;*/
	/*padding: 0 1em;*/
}

.button:hover {
	opacity: 0.5;
}

a[class*="icon-"]:before, a:hover[class*="icon-"]:before {
	display: inline;
	font-family: 'icomoon';
	margin-right: 5px;
	text-decoration: none !important;
}

/**************************************
 * Inspiration Sub header tabs and button
 **************************************/
.sub-header.inspiration {
	text-align: center;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
}

.sub-header.inspiration > .tabs {
	max-width: 300px;
	margin: 0 auto 20px;
}

.sub-header.inspiration > .tabs > .submenu-item {
	display: inline-block;
	margin: 0 12px;
	font-size: 22px;
	font-weight: 700;
	line-height: 40px;
}

.sub-header.inspiration > .tabs > .submenu-item.active {
	border-bottom: solid 4px;
}

.sub-header.inspiration > .button {
	float: right;
	margin-bottom: 20px;
	width: 100%;
	line-height: 50px;
}

@media only screen and (min-width: 640px) {
	.sub-header.inspiration > .button {
		width: auto;
	}
}

/**************************************
 * Inspiration Filters
 **************************************/
.inspire-filters {
	margin: 10px;
	position: relative;
	overflow: hidden;
	z-index: 2;
	min-width: 240px;
	width: 100%;
}

.inspire-filters.stick-me.sticky-absolute {
	position: static !important;
}

.inspire-title {
	background-color: #000000;
	color: #ffffff;
	font-size: 120%;
	font-weight: 700;
	padding: 10px 20px;
}

.inspire-selected-choices,
.inspire-choices {
	list-style-type: none;
	margin-bottom: 0;
	background-color: #ffffff;
}

.inspire-choices > .filter > a {
	display: block;
	padding: 10px 20px;
	border-bottom: solid 1px #efefef;
	font-weight: 700;
	font-size: 110%;
	position: relative;
}

.inspire-choices > .filter > a:after {
	content: "\e906";
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	line-height: 30px;
	font-size: 16px;
	text-align: center;

	font-family: icomoon;
	text-indent: 0;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.inspire-choices > .filter.active > a:after {
	content: "\e905";
}

.inspire-choices > .filter > ul {
	padding: 10px 20px;
	list-style-type: none;
	max-height: 320px;
	max-height: calc(100vh - 310px);
	min-height: 60px;
	overflow-y: auto;
	margin: 0;
	border-bottom: solid 1px #efefef;
	display: none;
}

.no-js .inspire-choices > .filter > ul {
	display: block;
}

.inspire-choices > .filter > ul > li {
	padding-left: 40px;
	position: relative;
	line-height: 20px;
	font-size: 14px;
}

li.inspire-selected-term > .removefilter:before,
.inspire-choices > .filter > ul > li a:before {
	content: '';

	margin: 10px 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	background-color: #ffffff;
	color: #d4d4d4;
	border: solid 1px #d4d4d4;
	border-radius: 2px;
	text-align: center;

	-webkit-transition: all 0.25s;

	transition: all 0.25s;

	font-family: 'icomoon' !important;
	text-indent: 0;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

li.inspire-selected-term > .removefilter:before,
.inspire-choices > .filter > ul > li:hover a:before,
.inspire-choices > .filter > ul > li.selected a:before {
	content: "\e60f";
	background-color: #2196f3;
	border-color: #2196f3;
	color: #ffffff;
}

li.inspire-selected-term > .removefilter:hover:before {
	content: '';
	background-color: #ffffff;
	border-color: #d4d4d4;
	color: #d4d4d4;
}

.inspire-choices > .filter > ul > li > a {
	display: block;
	padding: 10px 0;
}

.inspire-choices > .filter.active > ul {
	display: block;
}

.inspire-choices > .resetfilter {
	position: absolute;
	top: 10px;
	right: 20px;
	color: #ffffff;
	font-size: 90%;
	line-height: 28px;
}

.inspire-choices > .resetfilter a {
	color: inherit;
}

li.inspire-selected-term {
	padding: 10px 20px;
	line-height: 40px;
	font-size: 14px;
}

li.inspire-selected-term > .removefilter {
	float: left;
	position: relative;
	margin-right: 20px;
	text-indent: 100em;
	width: 20px;
	overflow: hidden;
}

.inspire-choices > .sharebutton {
	display: none;
}

/**************************************
 * Breakpoints
 **************************************/
@media only screen and (min-width: 320px) {
	html {
		overflow-x: hidden;
	}

	#navigation {
		overflow-x: hidden;
		overflow-y: auto;
	}
}

@media only screen and (min-width: 520px) {
	.wide-content article.single-post figure.aligncenter,
	.wider-content article.single-post figure.aligncenter,
	.wide-content article.single-post .media.aligncenter,
	.wider-content article.single-post .media.aligncenter,
	.wide-content article.single-post .wide,
	.wider-content article.single-post .wide {
		margin-left: -100px;
		margin-right: -20px;
	}

	.sharing {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60px;
		-webkit-flex: 0 0 60px;
		flex: 0 0 60px;
		margin-right: 20px;
		max-width: 60px;
	}

	.addthis_sharing_toolbox.sticky-fixed {
		position: fixed;
	}

	.addthis_sharing_toolbox.sticky-absolute {
		position: absolute;
	}

	.sharing #atstbx .at-share-btn {
		max-height: 60px;
		min-width: 60px;
		margin: 0 0 -1px 0 !important;
		display: block !important;
	}

	.sharing #atstbx > .at-share-btn > .at-icon-wrapper {
		border-bottom: 0 none;
		height: 60px !important;
		width: 60px !important;
		line-height: 60px !important;
	}

	.sharing #atstbx > .at-share-btn:last-child > .at-icon-wrapper {
		border-bottom: solid 1px;
	}

	.sharing #atstbx .at-icon-wrapper > .at-icon {
		width: 40px !important;
		height: 40px !important;
	}

	.addthis-sticky .addthis_sharing_toolbox {
		width: 60px;
		-webkit-transition: -webkit-transform 0.5s;
		transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
		transition: transform 0.5s, -webkit-transform 0.5s;
	}

	.pagination-links > .dots,
	.pagination-links > a.page-numbers:not(.next):not(.prev) {
		display: inline-block;
	}

	.archive.author .page-title,
	.page-title {
		font-size: 50px;
	}
}

@media only screen and (min-width: 700px) {
	.toggles {
		position: fixed;
        /*position: absolute;*/
	}

	.topload-navigation {
		padding: 80px 80px 20px;
	}

	body.admin-bar .toggles {
		top: 70px;
        /*top: 25px;*/
	}

	/* Pad to make space for the burger menu item. */
	.main-body {
		padding: 0 60px;
	}

	/* Undo the padding for full width items */
	:not(.widget-group) > .widget.widget-styled,
	.main-body .under-header:first-child {
		margin-left: -60px;
		margin-right: -60px;
		padding-left: 60px;
		padding-right: 60px;
	}

	.wide-content article.single-post figure.aligncenter,
	.wider-content article.single-post figure.aligncenter,
	.wide-content article.single-post .media.aligncenter,
	.wider-content article.single-post .media.aligncenter,
	.wide-content article.single-post .wide,
	.wider-content article.single-post .wide {
		margin-left: -140px;
		margin-right: -60px;
	}
}

@media only screen and (min-width: 783px) {
	body.admin-bar .toggles {
		top: 57px;
	}
}

@media only screen and (min-width: 900px) {
	.widget-group.stick-me.sticky-fixed {
		position: fixed;
	}

	.widget-group.stick-me.sticky-absolute {
		position: absolute;
	}

	footer.site-footer > .site-info > .left-side,
	.menu-footer {
		float: left;
		text-align: left;
	}

	footer.site-footer > .site-info > address,
	.menu-social {
		float: right;
		text-align: right;
	}

	.wide-content article.single-post figure.aligncenter,
	.wider-content article.single-post figure.aligncenter,
	.wide-content article.single-post .media.aligncenter,
	.wider-content article.single-post .media.aligncenter,
	.wide-content article.single-post .wide,
	.wider-content article.single-post .wide {
		margin-right: calc(0% - ((100vw - 100%) / 2));
		margin-left: calc(0% - ((100vw + 80px - 100%) / 2));
	}

	.entry-content:not(.wide-content):not(.wider-content):not(.no-sidebar) > main#content > .sidebar > .widget-group.bottom {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		-webkit-order: 3;
		order: 3;
		-ms-flex-item-align: end;
		-webkit-align-self: flex-end;
		align-self: flex-end;
	}

	.entry-content:not(.wide-content):not(.wider-content):not(.no-sidebar) > main#content > .sidebar {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 260px;
		-webkit-flex: 1 1 260px;
		flex: 1 1 260px;
		max-width: 320px;
		margin-left: 10px;
		/*min-width: 240px;*/
	}

	/* This looks weird but it is to fix IE11 */
	.entry-content:not(.wide-content):not(.wider-content):not(.no-sidebar) > main#content {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	/* A blank item to force space at the start to centre the content */
	.entry-content:not(.wide-content):not(.wider-content):not(.no-sidebar) > main#content:before {
		content: '';
		-webkit-box-flex: 0;
		-ms-flex: 0 0 0%;
		-webkit-flex: 0 0 0%;
		flex: 0 0 0%;
	}

	.topload-navigation > .menu > li {
		width: 33%;
	}
}

@media only screen and (min-width: 1150px) {
	.columns-flex > .card-excerpt {
		max-width: 300px;
	}

	.entry-content.wide-content > .sharing,
	.entry-content.wider-content > .sharing {
		margin-right: -60px;
	}

	.wide-content article.single-post figure.aligncenter,
	.wider-content article.single-post figure.aligncenter,
	.wide-content article.single-post .media.aligncenter,
	.wider-content article.single-post .media.aligncenter,
	.wide-content article.single-post .wide,
	.wider-content article.single-post .wide {
		margin-left: calc(0% - ((100vw - 100%) / 2));
		margin-right: calc(0% - ((100vw - 100%) / 2));
	}

	/* IE11 Gets a little confused */
	.entry-content:not(.wide-content):not(.wider-content):not(.no-sidebar) .single-post {
		-ms-flex-preferred-size: calc(100% - 320px) !important
	}

	.entry-content.wide-content .single-post,
	.entry-content.wider-content .single-post,
	.entry-content.no-sidebar .single-post {
		-ms-flex-preferred-size: 100% !important
	}

	.entry-content:not(.wide-content):not(.wider-content):not(.no-sidebar) .sidebar {
		-ms-flex-preferred-size: calc(100% - 700px) !important
	}

	.topload-navigation > .menu > li {
		width: 25%;
	}
}

@media only screen and (min-width: 1340px) {
	.tagline {
		margin-right: 20px;
	}
}

.navigation.paging-navigation {
	clear: both;
	width: 100%;
	margin-top: 40px;
}

.paging-nav.button.disabled:after {
	content: 'Loading';
	animation: pulse 2s infinite ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
}

.flex-container-quarts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -10px;
}

.flex-container-quarts > .max-1 {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 25%;
	-webkit-flex: 1 1 25%;
	flex: 1 1 25%;
	min-width: 260px;
	margin: 0;
}

.flex-container-quarts > .max-2 {
	-webkit-box-flex: 2;
	-ms-flex: 2 1 50%;
	-webkit-flex: 2 1 50%;
	flex: 2 1 50%;
	min-width: 260px;
	margin: 0;
}

.flex-container-quarts > .max-3 {
	-webkit-box-flex: 3;
	-ms-flex: 3 1 75%;
	-webkit-flex: 3 1 75%;
	flex: 3 1 75%;
	min-width: 260px;
	margin: 0;
}

.flex-container-quarts > .max-4 {
	-webkit-box-flex: 4;
	-ms-flex: 4 1 100%;
	-webkit-flex: 4 1 100%;
	flex: 4 1 100%;
	min-width: 260px;
	margin: 0;
}

figcaption {
	font-size: 18px;
	color: #757575;
	font-style: italic;
	padding: 10px;
	border-bottom: solid 1px #f0f0f0;
	max-width: 900px;
	margin: 0 auto 20px;
}

figure > img {
	display: block;
}

/**************************************
 * Animated anchors
 **************************************/
article.single-post .article-body p > a:not(.button) {
	border-bottom: solid 1px #dddddd;
	position: relative;
	color: inherit;

	-webkit-transition: border 100ms;
	transition: border 100ms;
}

article.single-post .article-body p > a:not(.button):hover {
	/*border-bottom-color: #666666;*/
}

/*
@supports ( background-image: linear-gradient(red, blue), linear-gradient(blue, red) ) {

	article.single-post .article-body p > a:not(.button) {
		border-bottom-width: 3px;
		border-color: transparent;
		background-image: -webkit-linear-gradient(#666666, #666666), -webkit-linear-gradient(#dddddd, #dddddd);
		background-image: linear-gradient(#666666, #666666), linear-gradient(#dddddd, #dddddd);
		background-size: 0 3px, 100% 3px;
		background-repeat: no-repeat;
		background-position: left calc(100% + 3px);
		-webkit-transition: background-size 250ms;
		transition: background-size 100ms;
	}

	article.single-post .article-body p > a:not(.button):hover {
		background-size: 100% 3px, 100% 3px;
		border-color: transparent;
	}
}
*/

/**************************************
 * Adjacent post widget
 **************************************/
.widget.adjacent-post {
	border-top: 5px solid;
	background-color: #ffffff;
	z-index: 1;
	position: relative;
	border-top: 5px solid;
}

.widget.adjacent-post > h3.widget-title {
	font-size: 22px;
	padding-bottom: 5px;
	border-bottom: solid 1px #cccccc;
	line-height: 1.5;
	margin-bottom: 20px;
}

.widget.adjacent-post article.card-small {
	border-bottom: solid 1px #d4d4d4
}

.widget.adjacent-post article > .block-lead h4 a {
	font-size: 16px;
	font-weight: normal;
	font-family: sans-serif;
	color: #404040;
}

.widget.adjacent-post article > .block-lead footer {
	display: none;
}

.widget.adjacent-post article > .block-secondary {
	max-width: 80px;
	max-height: 80px;
}

/**************************************
 * Comments button
 **************************************/
.post-tabs {
	margin: 40px 0;
	overflow: hidden;
}

.post-tabs .tab-comments-off,
.post-tabs .tab-comments {
	display: block;
	float: left;
	background-color: #000000;
	color: #ffffff;
	padding: 0.5em 1em;
}

/**************************************
 * Entry terms
 **************************************/
.single-post > footer .entry-terms {
	margin: 20px 0;
}

.single-post > footer .entry-terms a {
	display: inline-block;
	border: solid 1px #cccccc;
	padding: 0 10px;
	margin-right: 10px;
	line-height: 30px;
	color: #a5a5a5;
	margin-bottom: 10px;
	font-size: 93%;
}

.single-post footer .entry-terms a:hover {
	text-decoration: none;
	border-color: #757575;
	color: #333333;
}

/**************************************
 * Post Comments
 **************************************/
#comments textarea#comment {
	min-height: 80px !important;
}

#content #comments .moderation-buttons a,
#content #comments .comment-buttons .comment-button,
#content #comments .comment-buttons a,
#content #comments #respond .comment-buttons input {
	padding: 0 1em;
	font-size: 16px;
	height: auto;
	line-height: 2;
	background-color: #000000;
	border-radius: 0;;
}

#content #comments .trackback-toggle,
#content #comments ul#commentlist div.toggle,
#content #comments ul#commentlist li .comment-body {
	padding: 20px;
}

#content #comments .moderation-buttons,
#content #comments .comment-buttons {
	margin-top: 20px;
}

#comments .comment-text {
	font-weight: 400;
}

/**************************************
 * Gallery
 **************************************/
.gallery:not(.slick-initialized) {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

.gallery {
	margin: 0 -10px 10px;
}

.gallery figure.gallery-item {
	margin: 0 10px;
	width: calc(100% - 20px);
	display: inline-block;
}

.gallery figure.gallery-item img {
	display: block;
	margin: 0 auto;
	max-height: 70vh;
	width: auto;
	height: auto;
}

.gallery figcaption {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0;
	margin-top: 10px;
	line-height: 30px;
}

.gallery.slick-initialized figcaption {
	border-bottom: 0 none;
}

.gallery.slick-initialized.gallery-size-full figcaption,
.gallery.slick-initialized.gallery-size-large figcaption {
	padding-right: 100px;
}

@media only screen and (min-width: 321px) {
	.gallery.slick-initialized.gallery-size-full figcaption,
	.gallery.slick-initialized.gallery-size-large figcaption {
		padding-right: 160px;
	}
}

.gallery + .slick-controls {
	margin-top: -50px;
	height: 40px;
	margin-bottom: 10px;
	border-bottom: solid 1px #000000;
	text-align: right;
	position: relative;
}

.gallery + .slick-controls .slick-arrow {
	border: solid 1px #000000;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #ffffff;
	display: inline-block !important;
	float: none;
	margin-bottom: -1px;
	margin-left: -1px;
	font-size: 20px;
}

.gallery + .slick-controls .slick-arrow.slick-prev:after {
	content: "\e609";
}

.gallery + .slick-controls .slick-arrow.slick-next:after {
	content: "\e60a";
}

.gallery.gallery-size-thumbnail figure {
	width: 150px;
}

.gallery.gallery-size-medium figure {
	width: 300px;
}

.single-card + .slick-controls .slick-dots,
.gallery + .slick-controls .slick-dots {
	counter-reset: count1;
	list-style-type: none;

	margin: 0;
	line-height: 48px;
	position: absolute;
	bottom: 0;
	right: 99px;
	padding: 0 10px;
	font-size: 16px;
	font-style: italic;
	font-weight: 700;
}

.gallery + .slick-controls .slick-dots {
	background-color: #ffffff;
	right: 79px;
}

.single-card + .slick-controls .slick-dots {
	right: 150px;
}

.single-card + .slick-controls .slick-dots > li,
.gallery + .slick-controls .slick-dots > li {
	counter-increment: count1;
	display: inline-block;
	float: left;
}

.single-card + .slick-controls .slick-dots > li.slick-active:before,
.gallery + .slick-controls .slick-dots > li.slick-active:before {
	content: counter(count1);
}

.single-card + .slick-controls .slick-dots > li:last-child:after,
.gallery + .slick-controls .slick-dots > li:last-child:after {
	content: "of " counter(count1);
	margin-left: 0.25em;
}

.single-card + .slick-controls .slick-dots li button,
.gallery + .slick-controls .slick-dots li button {
	display: none;
}

.single-card .gallery-icon:only-child,
.gallery .gallery-icon:only-child {
	margin-bottom: 50px;
}

@media only screen and (min-width: 768px) {
	.gallery + .slick-controls {
		margin-top: -60px;
		height: 50px;
	}

	.single-card .gallery-icon:only-child,
	.gallery .gallery-icon:only-child {
		margin-bottom: 60px;
	}

	.gallery + .slick-controls .slick-arrow {
		border: solid 1px #000000;
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 25px;
	}

	.gallery + .slick-controls .slick-dots {
		right: 99px;
	}
}

/**************************************
 * Lightbox
 **************************************/

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
	background-color: #000000 !important;
	z-index: 100000;
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
	background: none !important;
}

.nivo-lightbox-theme-default .nivo-lightbox-close:after {
	content: "\e610";
	font-family: 'icomoon' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-indent: 0;
	font-size: 40px;
	width: 40px;
	height: 40px;

	color: #ffffff;
	position: absolute;
	top: 0;
	right: 0;
}

.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
	background-color: transparent !important;
}

/**************************************
 * Post content elements
 **************************************/
hr {
	background-color: #f1f1f1;
	border: 0;
	height: 1px;
	margin-bottom: 20px;
}

.article-body ul,
.article-body ol {
	margin: 0 0 20px 20px
}

.article-body ul {
	list-style: disc;
}

.article-body ol {
	list-style: decimal;
}

.article-body li > ul,
.article-body li > ol {
	margin-bottom: 0;
	margin-left: 20px;
}

.article-body dt {
	font-weight: bold;
}

.article-body dd {
	margin: 0 20px 20px;
}

img {
	-ms-interpolation-mode: bicubic;
	image-rendering: auto;
}

.article-body table {
	margin: 0 0 20px;
	width: 100%;
}

.article-body th {
	font-weight: bold;
}

.article-body .blink {
	text-decoration: blink;
}

.article-body h1 {
	font-size: 225%;
	font-weight: 500;
}

.article-body h2 {
	font-size: 150%;
	font-weight: 500;
}

.article-body h3 {
	font-size: 125%;
	font-weight: 300;
}

.article-body h4 {
	font-size: 110%;
	font-weight: 300;
}

.article-body h5 {
	font-size: 100%;
	font-weight: 500;
	text-transform: uppercase;
}

.article-body h6 {
	font-size: 100%;
	font-weight: 700;
}

blockquote,
q {
	quotes: "\201C" "\201D" "\2018" "\2019";;
}

blockquote p:before,
q:before {
	content: open-quote;
}

blockquote p:after,
q:after {
	content: close-quote;
}

.article-body blockquote + p > cite,
.article-body blockquote + cite,
.article-body blockquote cite {
	color: #888888;
	font-weight: 300;
	max-height: 1.5em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.article-body blockquote + p > cite {
	margin-top: -20px;
	display: block;
}

.article-body figure,
.article-body .media {
	margin-bottom: 1em;
}

.article-body .media {
	min-width: 100%;
}

.article-body .alignright,
.article-body .alignleft,
.article-body .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 640px) {
	.article-body .alignleft {
		display: inline;
		float: left;
		margin-right: 24px;
	}

	.article-body .alignright {
		display: inline;
		float: right;
		margin-left: 24px;
	}
}

/**************************************
 * Login page
 **************************************/
.flex-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-row > .flex-third {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 33%;
	-webkit-flex: 1 1 33%;
	flex: 1 1 33%;
	min-width: 240px;
	padding: 10px;
}

.flex-row.anti-gutter {
	margin: -10px;
}

.login-boxes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
}

.login-boxes .grey-box, .login-boxes .a-box {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 260px;
	-webkit-flex: 1 1 260px;
	flex: 1 1 260px;
	min-width: 260px;
	background-color: #f1f1f1;
	margin: 10px;
}

.padded-wrap {
	padding: 30px;
	overflow: hidden;
}

/**************************************
 * Next post widget
 **************************************/
.adjacent-issue {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 30px;
}

.adjacent-issue.prev {
	right: 10px;
}

.adjacent-issue.next {
	left: 10px;
}

.adjacent-issue .text {
	display: none;
}

/**************************************
 * 404 content
 **************************************/
.four-oh-four .search-form {
	position: relative;
}

.four-oh-four .search-form .search-input {
	padding-right: 40px;
	color: #a5a5a5;
}

.four-oh-four .search-form .sub-button {
	position: absolute;
	right: 1px;
	top: 1px;
	line-height: 20px;
	padding: 10px;
	border: 0 none;
	background-color: transparent;
	color: #a5a5a5;
}

.four-oh-four .search-form .search-input:focus,
.four-oh-four .search-form .search-input:focus + .sub-button {
	color: #000000;
}

.four-oh-four .search-form .sub-button .submit-text {
	display: none;
}

/**************************************
 * Sponsor
 **************************************/
.sponsors.sponsor-block-logo > .sponsor {
	display: block;
}

.sponsors.sponsor-block-logo.with-image > .sponsor {
	word-spacing: 10px;
}

.block-lead .sponsors.sponsor-block-logo > .sponsor {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sponsors.sponsor-block-logo > .sponsor > span.no-link,
.sponsors.sponsor-block-logo > .sponsor > a {
	word-spacing: normal;
	font-weight: bold;
}

.sponsors.sponsor-block-logo > .sponsor img.sponsor {
	max-height: 50px;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin-bottom: 10px;
}

.sponsors.sponsor-block-logo > .sponsor .sponsor-intro {
	display: inline-block;
	word-spacing: normal;
	font-size: 16px;
	vertical-align: middle;
}

.sponsor-advert {
	margin: 0 auto;
}

.sponsor-advert .adtech.adtech-active {
	margin: 40px auto;
}

/* Widget sponsors */
.widget .sponsors.sponsor-block-logo {
	text-align: center;
	margin-top: 20px;
}

/* Post header sponsors */
.sponsor-header {
	overflow: hidden;
}

.sponsor-header .sponsors.sponsor-block-logo > .sponsor img.sponsor {
	max-height: 80px;
}

.sponsor-header .sponsors.sponsor-block-logo {
	font-size: 18px;
}

.sponsor-header .sponsors.sponsor-block-logo > .sponsor {
	float: left;
	clear: both;
	border-bottom: solid 1px #cccccc;
	padding-bottom: 10px;
	margin-bottom: 30px;
	vertical-align: middle;
}

.article-body > :first-child {
	margin-top: 0;
}

/* In the header */
.meta-wrap .sponsor-block-logo {
	margin: 20px 20px 0;
}

.under-header .sponsor-advert .adtech.adtech-active {
	margin-bottom: 0;
}

.widget .block-lead .sponsors.sponsor-block-logo > .sponsor .sponsor-intro,
.widget .block-lead .sponsor-block-logo {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
}

.widget .block-lead .sponsors.sponsor-block-logo > .sponsor {
	word-spacing: inherit;
}

.force-square .sponsor-block-logo + .entry-terms {
	display: none;
}

/**************************************
 * AD Dashboard
 **************************************/
section.user-dashboard {
	max-width: 720px;
	margin: 20px auto;
	padding: 0 20px;
}

.dashboard-nav {
	background: #ffffff;
	border-top: 1px solid #e5e5e5;
}

.dashboard-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.dashboard-nav li {
	float: left;
	position: relative;
}

.dashboard-nav a {
	display: block;
	margin: 10px;
	padding: 10px 17px;
	font-size: 85%;
	color: #8b8b8b;
	font-weight: 700;
}

.dashboard-nav .current:after {
	position: absolute;
	content: '';
	border: 10px solid #ffffff;
	border-left-color: transparent;
	border-right-color: transparent;
	border-width: 10px 10px 0;
	height: 0;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
}

.dashboard-nav .current a {
	background: #757575;
	color: #ffffff;
}

.dashboard-content [class^="column-"],
.dashboard-content [class*=" column-"] {
	padding: 12px 12px 24px;
}

.newsletter-list-field p,
.newsletter-format-field p {
	margin: 10px 0;
}

.newsletter-format-field {
	padding: 0;
	border: 1px solid #e5e5e5;
	border-width: 1px 0;
	margin: 24px 0;
}

.newsletter-format label {
	margin-right: 20px;
}

.newsletter-submit input {
	margin-right: 20px;
}

.newsletter-submit input {
	vertical-align: middle;
}

.newsletter-unsubscribe form {
	margin: 0 12px 24px;
}

.webinars-wrapper {
	margin: 10px 12px;
}

/**************************************
 * Video thumbnail
 **************************************/
article.format-video.has-thumbnail .square-thumb:after {
	content: '';
	position: absolute;
	top: 40%;
	bottom: 40%;
	right: 40%;
	left: 40%;
	background: url('images/video_icon.svg') no-repeat center center transparent;
	background-size: contain;
}

/**************************************
 * Super lead
 **************************************/
.main-body .under-header.super-lead {
	padding-top: 0;
	padding-bottom: 0;
	height: 100vh;
	min-height: 480px;
	overflow: hidden;
	padding: 0;
	border-bottom: 0 none;
}

.super-lead,
.main-body .super-lead.under-header:first-child .meta-wrap,
.super-lead > .carousel-container,
.super-lead > .carousel-container .slick-list,
.super-lead > .carousel-container .slick-track,
.super-lead > .carousel-container .feature-article,
.super-lead > .carousel-container svg {
	height: 100%;
	min-height: 480px;
}

.super-lead .slick-controls {
	position: absolute;
	bottom: 40px;
	right: 0;
	left: 0;
	text-align: right;
	max-width: 1340px;
	padding: 0 40px;
}

.super-lead .slick-controls:empty {
	display: none;
}

.super-lead .skip-this {
	display: none;
}

.super-lead .skipper .icon-arrow-down {
	line-height: 40px;
	font-size: 20px;
}

.super-lead .slick-controls:empty + .skip-this {
	display: block;
}

.super-lead .slick-controls .slick-arrow {
	float: none;
	line-height: 50px;
	text-align: center;
	height: 50px;
	border: solid 1px;
	margin-left: -1px;
	font-size: 30px;
}

.super-lead > .carousel-container .feature-article {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.super-lead > .carousel-container .feature-article .page-title {
	font-size: 50px;
	font-weight: 700;
	margin: 14px 0 0;
}

.super-lead > .carousel-container .feature-article .standfirst {
	margin-top: 20px;
	font-style: italic;
	font-size: 18px;
	line-height: 1.1;
	max-height: 4.3em;
	overflow: hidden;
	margin-bottom: 0;
}

@supports (-webkit-line-clamp: 4) {
	.super-lead > .carousel-container .feature-article .standfirst {
		max-height: 4.4em;
		padding: 0 10px;
		margin: 20px -10px 0;

		-webkit-line-clamp: 4;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}
}

.super-lead > .carousel-container .feature-article .standfirst:empty {
	display: none;
}

.super-lead > .carousel-container .feature-article .content-wrap {
	max-width: 700px;
	text-align: right;
	float: right;
}

.main-body .super-lead.under-header:first-child .meta-wrap {
	max-width: 1340px;
}

.super-lead > .slick-controls .slick-arrow:after {
	content: "\e60a";
}

.super-lead > .slick-controls .slick-prev.slick-arrow:after {
	content: "\e609";
}

.super-lead > .carousel-me.single-card .page-title a:after {
	content: '';
	position: absolute;
	top: 118px;
	bottom: 91px;
	right: 40px;
	left: 40px;
	z-index: 20;
}

@media only screen and (min-width: 700px) and (min-height: 600px) {
	.super-lead > .carousel-container .feature-article .page-title {
		font-size: 110px;
	}

	.super-lead > .carousel-container .feature-article .standfirst {
		font-size: 28px;
	}
}

.super-lead .skip-this,
.super-lead .slick-controls,
.super-lead > .carousel-container .feature-article .page-title,
.super-lead > .carousel-container .feature-article .content-wrap {
	color: #ffffff;
}

.no-cssgradients .under-header .coloured-b {
	display: inline-block;
}

/**************************************
 * IE 10+ fixes
 **************************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.main-body {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}

/**************************************
 * Very old browsers
 **************************************/
html.no-mediaqueries .sidebar .widget-group,
html.no-mediaqueries .sidebar,
html.no-mediaqueries .single-post {
	width: 100% !important;
	margin: 0 auto !important;
}

html.no-mediaqueries .a-list-name {
	display: none;
}

html.no-mediaqueries .widget {
	clear: both;
	overflow: hidden;
}

html.no-mediaqueries .square-thumb {
	width: 290px !important;
	height: 290px !important;
	overflow: hidden !important;
	padding: 0 !important;
}

html.no-mediaqueries .card-excerpt.type-jobs > header.block-secondary .square-thumb,
html.no-mediaqueries .card-small > header.block-secondary .square-thumb {
	width: 100px !important;
	height: 100px !important;
}

html.no-mediaqueries .square-thumb img {
	height: 290px !important;
	width: auto !important;
	display: block !important;
	margin: 0 auto !important;
	max-width: none !important;
}

html.no-mediaqueries .card-excerpt.type-jobs > header.block-secondary .square-thumb img,
html.no-mediaqueries .card-small > header.block-secondary .square-thumb img {
	width: auto !important;
	height: 1000px !important;
}

html.no-mediaqueries .card-excerpt {
	height: 500px !important;
	max-height: none;
	overflow: hidden !important;
	min-width: 0 !important;
	width: 290px !important;
}

html.no-mediaqueries .red-baron.force-square > .card-excerpt .block-lead > .hentry-title {
	margin-top: 0;
}

html.no-mediaqueries .force-square .card-excerpt {
	height: auto !important;
}

html.no-mediaqueries .card-excerpt.type-jobs {
	height: 120px !important;
	width: initial !important;
}

html.no-mediaqueries #navigation {
	display: none;
}

html.no-mediaqueries {
	margin-top: 60px !important;
}

html.no-mediaqueries .widget.widget-styled {
	max-width: none;
	margin: 0 -20px 20px;
	padding: 40px;
}

html.no-mediaqueries .slick-track {
	max-height: 510px !important;
}

html.no-mediaqueries body:after {
	content: 'You are using a very old web browser that is no longer supported by this site. Care has been taken to leave the site somewhat usable but some features will be missing.';
	display: block;
	position: absolute;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	line-height: 20px;
	padding: 20px;
	background-color: #2196f3;
	color: #ffffff;
	text-align: center;
	z-index: 100000;
}

::-webkit-input-placeholder {
	color: #cccccc;
}

:-moz-placeholder {
	color: #cccccc;
	opacity: 1;
}

::-moz-placeholder {
	color: #cccccc;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #cccccc;
}