/*--------------------------------------------------------------
 Legacy support IE8 - IE10 and anybody else that doesn't support
 flex-wrap
--------------------------------------------------------------*/
#head {
	display: table;
	min-width: 1300px;
}

html {
	min-width: 1300px !important;;
	overflow: auto !important;
	height: auto !important;
}

.site-wrap,
body {
	min-width: 1300px !important;
	overflow-x: hidden !important;
	overflow-y: visible !important;
	height: auto !important;
}

.site-branding,
.masthead-navigation,
.toggles {
	display: table-cell;
	vertical-align: top;
}

.masthead-navigation,
.toggles {
	text-align: right;
}
.toggles {
	width: 260px;
}

#head > .masthead-navigation > ul {
	display: block;
}

.site-branding .icon-big-d:before {
	content: "\e633";
}

.site-branding .icon-week:before {
	content: "\e60d";
}

.site-branding .site-title {
	font-size: 50px;
}

.sharing {
	width: 60px;
	min-width: 60px;
	margin-right: 20px;
}


.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 !important;
	display: block !important;
}

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

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

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

body.scroll-up .addthis-sticky .addthis_sharing_toolbox.sticky-fixed {
	transform: translateY(80px);
}

html, body {
	min-width: 1300px !important;
}

.entry-content {
	min-width: 1300px !important;
	width: 1300px !important;
	overflow: visible;
}

.entry-content > .post-content {
	float: right;
	width: 1180px;
}

.entry-content > .post-content > article {
	float: left;
	width: 700px;
	margin: 0 90px 20px 90px;
}
.entry-content > .post-content > .sidebar-1 {
	margin-left: 880px;
}
.entry-content > .post-content > .sidebar-2 {
	float: right;
	clear: left;
	width: 300px;
}

.entry-content > .post-content > .comments {
	clear: left;
	width: 700px;
	margin: 0 0 0 90px;
	overflow: hidden;
}

.entry-content > .sharing {
	min-width: 0;
	width: 60px;
}

.entry-content.no-sidebar > .post-content {
	max-width: 1280px;
	width: 1280px;
}

.entry-content.no-sidebar > .post-content > .sidebar-2,
.entry-content.no-sidebar > .post-content > .comments,
.entry-content.no-sidebar > .post-content > article {
	width: 780px;
	margin-left: 250px;
	margin-right: 250px;
}

.entry-content.no-sidebar  > .post-content > .sidebar-2 {
	float: none;
	clear: left;
	margin: 0 0 20px 250px;
}

.entry-content.no-sidebar article .media.media-img.aligncenter {
	left: -190px !important;
	width: 1300px !important;
	max-width: 1300px !important;
}

.columns-flex {
	overflow-y: auto;
}

.flex-container {
	display: table;
	max-width: 1300px;
}

.login-boxes .grey-box,
.login-boxes .a-box {
	display: table-cell;
	width: 50%;
	border: solid 10px #fff;
}

.why-register .spot-content {
	margin: 0;
	width: 220px;
}

.columns-flex.column-thirds {
	display: table-cell;
	width: 33.3%;
	border: solid 10px #fff;
}

@media only screen and ( min-width: 1300px ) {
	.entry-content.no-sidebar article .media.media-img.aligncenter {
		left: calc(0% - (100vw - 780px) /2 + 60px) !important;
		width: 100vw !important;
		max-width: 100vw !important;
	}
}

article.card-small {
	display: table;
	float: left;
	width: calc( 25% - 20px );
	min-width: 280px;
}

article:last-child.card-small {
	padding-bottom: 20px;
}

.lead-card article.card-excerpt:first-child {
	width: 940px;
	max-width: 940px;
	display: table;
}

.lead-card article.card-excerpt:first-child > .block-secondary {
	display: table-cell;
	vertical-align: top;
	width: 620px;
}

.lead-card article.card-excerpt:first-child > .block-lead {
	display: table-cell;
	vertical-align: top;
	width: 320px;
	padding: 20px;
}

.lead-card article.card-excerpt:first-child > .block-lead .hentry-title {
	font-size: 160%;
}

.lead-card article.card-excerpt:first-child > .block-lead .excerpt {
	display: block;
}


article.card-small .block-secondary {
	display: table-cell;
	vertical-align: top;
	width: 100px;
	/*padding: 0 0 20px 0;*/
}

article.card-small .block-lead {
	display: table-cell;
	vertical-align: top;
	padding: 0 0 0 10px;
}

.card-doubleclick,
article.card-excerpt {
	width: 300px;
	float: left;
}

article.card-small > header.block-secondary {
	/*height: 120px;*/
}

.skew-lead + .widget-area {
	margin-top: 0;
}

.skew-lead + .widget-area .flex-container {
	display: table;
	vertical-align: top;
}

.skew-lead + .widget-area .flex-container .row1 {
	display: table-cell;
	vertical-align: top;
	width: 960px;
}

.skew-lead + .widget-area .flex-container .row3 {
	display: table-cell;
	vertical-align: top;
	width: 300px;
}

:not(.slick-track) > article:nth-child(5n+1).type-inspiration.card-excerpt {
	width: 620px;
}

/*--------------------------------------------------------------
 Emulate flex-box

 As we're fixing the width of IE9 I only need to account for the
 different card layouts once.
--------------------------------------------------------------*/

/* If there are only two cards in a row */
.widget-area > .widget > .columns-flex > article.card-excerpt:nth-last-child(2):first-child ~ article.card-excerpt,
.widget-area > .widget > .columns-flex > article.card-excerpt:nth-last-child(2):first-child {
	width: calc( 50% - 20px );
}

/* If there are only three cards in a row */
.widget-area > .widget > .columns-flex > article.card-excerpt:nth-last-child(3):first-child ~ article.card-excerpt,
.widget-area > .widget > .columns-flex > article.card-excerpt:nth-last-child(3):first-child {
	width: calc( 33.3% - 20px );
}

.widget-area > .widget > .columns-flex.lead-card > article.card-excerpt:nth-last-child(3):nth-child(4n-1) ~ article.card-excerpt,
.widget-area > .widget > .columns-flex.lead-card > article.card-excerpt:nth-last-child(3):nth-child(4n-1) {
	width: calc( 33% - 20px );
}

.widget-area > .widget > .columns-flex.lead-card > article.card-excerpt:nth-last-child(2):nth-child(4n-1) ~ article.card-excerpt,
.widget-area > .widget > .columns-flex.lead-card > article.card-excerpt:nth-last-child(2):nth-child(4n-1) {
	width: calc( 50% - 20px );
}

.widget-area > .widget > .columns-flex.lead-card > article.card-excerpt:last-child:nth-child(4n-1) {
	width: calc( 100% - 20px );
}

/* The intro column  */
.widget-area > .widget > .columns-flex:not(.lead-card) > article.card-excerpt:nth-last-child(3):nth-child(4n+1) ~ article.card-excerpt,
.widget-area > .widget > .columns-flex:not(.lead-card) > article.card-excerpt:nth-last-child(3):nth-child(4n+1) {
	width: calc( 33.3% - 20px );
}

.widget-area > .widget > .columns-flex:not(.lead-card) > article.card-excerpt:nth-last-child(2):nth-child(4n+1) ~ article.card-excerpt,
.widget-area > .widget > .columns-flex:not(.lead-card) > article.card-excerpt:nth-last-child(2):nth-child(4n+1) {
	width: calc( 50% - 20px );
}

.widget-area > .widget > .columns-flex:not(.lead-card) > article.card-excerpt:last-child:nth-child(4n+1) {
	width: calc( 100% - 20px );
}


/* Deal with the 3 column row 1 layout area */
/* The intro column  lead card layout. */
.row1 .widget > .columns-flex.lead-card > article.card-excerpt:nth-last-child(2):nth-child(3n-1) ~ article.card-excerpt,
.row1 .widget > .columns-flex.lead-card > article.card-excerpt:nth-last-child(2):nth-child(3n-1) {
	width: calc( 50% - 20px );
}

.row1 .widget > .columns-flex.lead-card > article.card-excerpt:last-child:nth-child(3n-1) {
	width: calc( 100% - 20px );
}

/* The intro column  */
.row1 .widget > .columns-flex:not(.lead-card) > article.card-excerpt:nth-last-child(2):nth-child(3n+1) ~ article.card-excerpt,
.row1 .widget > .columns-flex:not(.lead-card) > article.card-excerpt:nth-last-child(2):nth-child(3n+1) {
	width: calc( 50% - 20px );
}

.row1 .widget > .columns-flex:not(.lead-card) > article.card-excerpt:last-child:nth-child(3n+1) {
	width: calc( 100% - 20px );
}


article.card-excerpt > .block-lead {
	display: table;
	height: 100%;
}

article.card-excerpt > .block-secondary + .block-lead {
	height: 166px;
}

article.card-excerpt > .block-lead > .hentry-title,
article.card-excerpt > .block-lead > .excerpt,
article.card-excerpt > .block-lead > footer {
	display: table-row;
}

article.card-excerpt.type-inspiration > .block-lead > .excerpt {
	display: none;
}

article.card-excerpt > .block-lead > footer > .entry-terms {
	display: table-cell;
	vertical-align: bottom;
}

article.card-collection-cover.card-excerpt .block-lead .hentry-title, article.type-inspiration.card-excerpt .block-lead .hentry-title {
	display: table-cell;
	vertical-align: middle;
}

article.card-collection-cover.card-excerpt .block-lead,
article.type-inspiration.card-excerpt .block-lead {
	width: 100%;
	height: 100%;
}


.max-1, .max-2, .max-3, .max-4 {
	display: table-cell;
	vertical-align: top;
}

.max-1 { width: 320px; }
.max-2 { width: 640px; }
.max-3 { width: 960px; }
.max-4 { width: 1280px; }


.max-1.the-filters {
	padding-top: 10px;
}


.icit-analytic .analytic-lists {
	display: table;
}

.icit-analytic .analytic-lists > li {
	display: table-cell;
	width: 10%;
}

.icit-analytic .analytic-lists > li .a-list-name {
	left: 0;
	width: 100%;
}

.widget-area {
	max-width: none;
}


.skew-lead .menu-container:after {
	min-height: 200px;
}

.comment-count {
	display: none;
}


.analytic-lists > li.a-list {
	max-width: 620px;
	float: left;
	width: 100%;
}

.analytic-lists > li.a-list:nth-child(odd):last-child {
	max-width: none;
}