/* Interim Breakpoints to stop the content squishing up when sidebars are enabled
---------------------------------------- */

	/* Hide the topic type labels when we're in a boxed layout with both sidebars */
	body.sidebar-both.body-layout-Boxed span.topic_type span {
		display: none;
	}


	/* Forumlist Colums
	---------------------------------------- */

	/* When the layout is: fluid,  both sidebars are enabled, and we're getting close to the breakpoint...then....*/
	@media (min-width: 1200px)and (max-width: 1299px) {

		/* Remove the 'topics' column */
		body.sidebar-both.body-layout-Fluid .forabg dd.topics,
		body.sidebar-both.body-layout-Fluid .forumbg dd.views {
			display: none;
		}

		/* Or, reduce the width of 'popularity' (from 190 to 100) */
		body.sidebar-both.body-layout-Fluid dd.popularity,
		body.sidebar-both.body-layout-Fluid dd.popularity {
			width: 95px;
		}


		/* Adjust the other margins to account for the (now missing) 95px */
		body.sidebar-both.body-layout-Fluid ul.topiclist dt {
			margin-right: -395px;
		}

		/* When simplified, move the wider columns further right */
		body.sidebar-both.body-layout-Fluid.forumlist_simplified .forabg ul.topiclist dt {
			margin-right: -270px;
		}

		body.sidebar-both.body-layout-Fluid ul.topiclist dt .list-inner {
			margin-right: 395px;
		}

		body.sidebar-both.body-layout-Fluid.forumlist_simplified .forabg ul.topiclist dt .list-inner {
			margin-right: 300px;
		}

		body.sidebar-both.body-layout-Fluid li.header dt {
			margin-right: -395px;
			/* pre-fix: -435px; */
		}

		/* UCP Columns
		---------------------------------------- */

		body.sidebar-both ul.topiclist.pmlist dt .list-inner, body.sidebar-right-only ul.topiclist.pmlist dt .list-inner {
			margin-right: 95px;
		}
		body.sidebar-both  ul.topiclist.two-columns dt {
			margin-right: -95px;
		}
		body.sidebar-both  ul.topiclist.two-columns li.header dt {
			margin-right: -130px;
		}

		/* UCP Two long columns */
		body.sidebar-both ul.two-long-columns dt .list-inner {
			margin-right: 0 !important;
		}

		/* MCP Columns
		---------------------------------------- */

		/* Manually enabling the responsive layout. First, we remove the second column header */
		body.sidebar-right-only.body-layout-Fluid .missing-column dd {
			display: none;
		}

		/* But we still want the mark column, so re-enable that */
		body.sidebar-right-only.body-layout-Fluid .missing-column dd.mark {
			display: block;
		}

		/* Reduce the left column margin to 95px, just enough for the mark box */
		body.sidebar-right-only.body-layout-Fluid ul.topiclist.missing-column dt {
			margin-right: -95px;
		}

		body.sidebar-right-only.body-layout-Fluid ul.topiclist.missing-column dt .list-inner {
			margin-right: 95px;
		}

		/* Then enable the extra info below */
		body.sidebar-right-only.body-layout-Fluid ul.topiclist.missing-column .responsive-show {
			display: block !important;
		}

		/* Manually enabling the responsive layout. First, we remove the second column header */
		body.sidebar-right-only.body-layout-Fluid ul.topiclist.two-long-columns dd {
			display: none;
		}

		/* Increase the left column width to 100% */
		body.sidebar-right-only.body-layout-Fluid ul.topiclist.two-long-columns dt .list-inner {
			margin-right: 0;
		}

		/* Then enable the extra info below */
		body.sidebar-right-only.body-layout-Fluid ul.topiclist.two-long-columns .responsive-show {
			display: block !important;
		}


	}

	/* Between 1200 and 1400px, and when we're fluid with both sidebars enabled, apply the responsive layout for mcp missing-column */
	@media (min-width: 1200px)and (max-width: 1399px) {
		/* Manually enabling the responsive layout. First, we remove the second column header */
		body.sidebar-both.body-layout-Fluid .missing-column dd {
			display: none;
		}

		/* But we still want the mark column, so re-enable that */
		body.sidebar-both.body-layout-Fluid .missing-column dd.mark {
			display: block;
		}

		/* Reduce the left column margin to 95px, just enough for the mark box */
		body.sidebar-both.body-layout-Fluid ul.topiclist.missing-column dt {
			margin-right: -95px;
		}

		body.sidebar-both.body-layout-Fluid ul.topiclist.missing-column dt .list-inner {
			margin-right: 95px;
		}

		/* Then enable the extra info below */
		body.sidebar-both.body-layout-Fluid ul.topiclist.missing-column	.responsive-show {
			display: block !important;
		}

		/* Manually enabling the responsive layout. First, we remove the second column header */
		body.sidebar-both.body-layout-Fluid ul.topiclist.two-long-columns dd {
			display: none;
		}

		/* Increase the left column width to 100% */
		body.sidebar-both.body-layout-Fluid ul.topiclist.two-long-columns dt .list-inner {
			margin-right: 0;
		}

		/* Then enable the extra info below */
		body.sidebar-both.body-layout-Fluid ul.topiclist.two-long-columns .responsive-show {
			display: block !important;
		}



	}

	/* Grid Forumlist
	---------------------------------------- */

	/* When boxed and both sidebars are enabled, reduce grid forumlist down to 2 columns */
	body.sidebar-both.body-layout-Boxed .forumlist_grid li.row {
		width: 50%;
	}

	/* When fluid and the right sidebar is present, reduce to 2 columns between 1200px and 1500px */
	@media (min-width: 1200px)and (max-width: 1499px) {
		body.sidebar-both.body-layout-Fluid .forumlist_grid li.row, body.sidebar-right-only.body-layout-Fluid .forumlist_grid li.row {
			width: 50%;
		}
	}
