/**
 * The tour's copy panels.
 *
 * The panels are the live page's own markup, which is WPBakery: thirteen rows
 * of columns whose grid comes from The7 on that site and from nothing at all on
 * this one, so the copy runs the width of the window and stacks on the header.
 * This is that grid and only that grid - the twelfths, the flex row and the
 * three alignments the panels actually ask for. Everything else about how they
 * look is home.css, which came over with the scene.
 *
 * Scoped to the panel host so it cannot reach a row anywhere else on the site.
 */

#mitd-panel-host .vc_row {
	display: block;
	margin-left: -15px;
	margin-right: -15px;
}

#mitd-panel-host .vc_row-flex {
	display: flex;
	flex-wrap: wrap;
}

#mitd-panel-host .vc_row-flex > .wpb_column {
	display: flex;
}

#mitd-panel-host .vc_row-flex > .wpb_column > .vc_column-inner {
	width: 100%;
}

#mitd-panel-host .vc_row-o-full-height {
	min-height: 100vh;
}

#mitd-panel-host .vc_row-o-content-bottom,
#mitd-panel-host .vc_row-o-columns-bottom {
	align-items: flex-end;
}

#mitd-panel-host .vc_row-o-content-bottom > .wpb_column {
	align-items: flex-end;
}

#mitd-panel-host .vc_row-o-content-middle,
#mitd-panel-host .vc_row-o-columns-middle {
	align-items: center;
}

#mitd-panel-host .vc_row-o-content-middle > .wpb_column {
	align-items: center;
}

#mitd-panel-host .wpb_column {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}

#mitd-panel-host .vc_col-sm-1  { width: 8.3333%; }
#mitd-panel-host .vc_col-sm-2  { width: 16.6666%; }
#mitd-panel-host .vc_col-sm-3  { width: 25%; }
#mitd-panel-host .vc_col-sm-4  { width: 33.3333%; }
#mitd-panel-host .vc_col-sm-5  { width: 41.6666%; }
#mitd-panel-host .vc_col-sm-6  { width: 50%; }
#mitd-panel-host .vc_col-sm-7  { width: 58.3333%; }
#mitd-panel-host .vc_col-sm-8  { width: 66.6666%; }
#mitd-panel-host .vc_col-sm-9  { width: 75%; }
#mitd-panel-host .vc_col-sm-10 { width: 83.3333%; }
#mitd-panel-host .vc_col-sm-11 { width: 91.6666%; }
#mitd-panel-host .vc_col-sm-12 { width: 100%; }

#mitd-panel-host .vc_column-inner {
	padding-top: 0;
	box-sizing: border-box;
}

#mitd-panel-host .wpb_content_element,
#mitd-panel-host .wpb_text_column {
	margin-bottom: 0;
}

#mitd-panel-host .vc_figure {
	display: block;
	margin: 0;
}

#mitd-panel-host .vc_align_center .vc_figure {
	text-align: center;
}

#mitd-panel-host .vc_single_image-img {
	height: auto;
	max-width: 100%;
}

#mitd-panel-host .vc_empty_space {
	position: relative;
	display: block;
	clear: both;
}

/* The panel the walk is not standing in is not there to be read or clicked. */
#mitd-panel-host .mitd-panel:not(.mitd-active) {
	visibility: hidden;
}

@media only screen and (max-width: 767px) {
	#mitd-panel-host .wpb_column {
		width: 100%;
	}
}