.mpi_apt_cs {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
	grid-template-rows: auto;
	font-size:1em;
}
[class*="inner-container"] > .mpi_apt_cs:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
	max-width:unset;
}
.mpi_apt_cs .courts {
	margin-bottom:20px;
}
.mpi_apt_cs .courts,
.mpi_apt_cs .tabs {
    display: inline-block;
    padding-left: 1.25rem;
    vertical-align: top;
    min-width:380px;
    flex-basis:50%;
}
.mpi_apt_cs .courts ul.court_nav,
.mpi_apt_cs .tabs ul.tab_nav {
	float: left;
	clear: both;
	margin: 0 0 0 0;
	padding-left: 0;
	list-style-type: none;
	text-transform: uppercase;
	position: relative;
	top: 1px;
	z-index: 50;
	display:flex;
}
.mpi_apt_cs .tabs ul.tab_nav .hidden {
	display:none;
}
.mpi_apt_cs .courts li,
.mpi_apt_cs .tabs li {
	color: #878786;
	background-color: #ffffff;
	border-bottom:solid 1px #dddddd;
	float:left;
	padding: 3px 7px;
	margin-left: 1px;
	margin-right: 1px;
	display: inline-block;
	cursor: pointer;
	text-transform: uppercase;
	opacity:0.75
}
.mpi_apt_cs .courts li.active,
.mpi_apt_cs .tabs li.active {
	background-color:#ffffff;
	border: 1px solid #dddddd;
	border-bottom: 1px solid #ffffff;
	opacity:1.0;
	margin-left: 0;
	margin-right: 0;
}

.mpi_apt_cs .court_tab {
    display: none;
    width: 50%;
	vertical-align: middle;
	position: relative; 
	margin-bottom:0;
	padding-top:0;
	line-height:0;
}
.mpi_apt_cs .court_tab .frame,
.mpi_apt_cs .court_tab .lines {
	position:absolute;
	top:0;
	left:0;
}
.mpi_apt_cs .court_tab .outside, 
.mpi_apt_cs .court_tab .inside,
.mpi_apt_cs .court_tab .center,
.mpi_apt_cs .court_tab .key,
.mpi_apt_cs .court_tab .perimeter,
.mpi_apt_cs .court_tab .goal,
.mpi_apt_cs .court_tab .kitchen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.mpi_apt_cs .court_tab img {
	max-width:100%;
	width:100%;
}
.mpi_apt_cs .court_tab img.logo {
    position: absolute;
    right: 20px;
    bottom: 15px;
    width: 100px;
}
.mpi_apt_cs .court_tab.netball img.logo {
	bottom:20px;
	right:30px;
}
.mpi_apt_cs .court_tab .outside img, 
.mpi_apt_cs .court_tab .inside img,
.mpi_apt_cs .court_tab .center img,
.mpi_apt_cs .court_tab .key img,
.mpi_apt_cs .court_tab .perimeter img,
.mpi_apt_cs .court_tab .goal img,
.mpi_apt_cs .court_tab .kitchen img {
	display: none; 
	max-width:100%;
	width:100%;
}
.mpi_apt_cs .court_tab .outside img.active, 
.mpi_apt_cs .court_tab .inside img.active,
.mpi_apt_cs .court_tab .center img.active,
.mpi_apt_cs .court_tab .key img.active,
.mpi_apt_cs .court_tab .perimeter img.active,
.mpi_apt_cs .court_tab .goal img.active,
.mpi_apt_cs .court_tab .kitchen img.active {
	display: block; 
	width: 100% !important; 
}
.mpi_apt_cs .chip-container {
	display:flex;
	flex-wrap:wrap;
	position:relative;
}
.mpi_apt_cs svg.colors polygon, 
.mpi_apt_cs svg.colors-2 polygon, 
.mpi_apt_cs svg.colors-3 polygon {
	cursor: pointer;
	opacity: 0.9; 
}
.mpi_apt_cs svg.colors polygon:hover, 
.mpi_apt_cs svg.colors-2 polygon:hover, 
.mpi_apt_cs svg.colors-3 polygon:hover {
	opacity: 1; 
}
.mpi_apt_cs svg.colors polygon.active:before, 
.mpi_apt_cs svg.colors-2 polygon.active:before, 
.mpi_apt_cs svg.colors-3 polygon:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 50%; 
}

.mpi_apt_cs .court_tab.tennis,
.mpi_apt_cs .court_tab.basketball,
.mpi_apt_cs .court_tab.netball,
.mpi_apt_cs .court_tab.pickleball,
.mpi_apt_cs .tab_inside, 
.mpi_apt_cs .tab_outside,
.mpi_apt_cs .tab_center,
.mpi_apt_cs .tab_key,
.mpi_apt_cs .tab_perimeter,
.mpi_apt_cs .tab_goal,
.mpi_apt_cs .tab_kitchen {
	background-color:#ffffff;
	border: 1px solid #dddddd;
	float: left;
	clear: both;
	width: 100%;
	display: none;
	padding: 1.6em 0 0 0;
	position: relative;
	z-index: 1; 
}
.mpi_apt_cs .court_tab.tennis,
.mpi_apt_cs .court_tab.basketball,
.mpi_apt_cs .court_tab.netball,
.mpi_apt_cs .court_tab.pickleball {
	padding-top:0;
}
.mpi_apt_cs .chip-container .standard,
.mpi_apt_cs .chip-container .vibrant,
.mpi_apt_cs .chip-container .tournament,
.mpi_apt_cs .chip-container .legend {
    width:50%;
    margin:0 -2px;
    margin-bottom:20px;
    margin-top:10px;
}
.mpi_apt_cs .chip-container .legend {
	position: absolute;
	top: 60%;
	right: 20px;
	margin: 0;
}
.mpi_apt_cs .chip-container .standard,
.mpi_apt_cs .chip-container .tournament {
	border-right: 1px solid #dddddd;
}
.mpi_apt_cs .color-selector-wrapper {
    margin-top:10px;
}
.mpi_apt_cs .color-selector-wrapper:nth-child(2n) {
    border-right:none;
}
.mpi_apt_cs .colors-label {
    width:100%;
    display:inline-block;
    text-align:center;
}
.mpi_apt_cs .tournament, .tournament .colors-label {
	width:100%;
}
.mpi_apt_cs .color-selector-wrapper:first-of-type {
}
.mpi_apt_cs .tournament .color-selector-wrapper {
	border-right:none;
	text-align:center;
	width:100%;
}
.mpi_apt_cs div.legend {
    position:relative;
    top:-70px;
    height:0;
}
.mpi_apt_cs .court_tab.active,
.mpi_apt_cs .tab_inside.active, 
.mpi_apt_cs .tab_outside.active,
.mpi_apt_cs .tab_center.active,
.mpi_apt_cs .tab_key.active,
.mpi_apt_cs .tab_perimeter.active,
.mpi_apt_cs .tab_goal.active,
.mpi_apt_cs .tab_kitchen.active {
	display: block; 
}
.mpi_apt_cs .tab_inside svg.colors,
.mpi_apt_cs .tab_outside svg.colors, 
.mpi_apt_cs .tab_center svg.colors,
.mpi_apt_cs .tab_key svg.colors,
.mpi_apt_cs .tab_perimeter svg.colors,
.mpi_apt_cs .tab_goal svg.colors,
.mpi_apt_cs .tab_kitchen svg.colors,
.mpi_apt_cs .tab_inside svg.colors-2,
.mpi_apt_cs .tab_outside svg.colors-2, 
.mpi_apt_cs .tab_center svg.colors-2,
.mpi_apt_cs .tab_key svg.colors-2,
.mpi_apt_cs .tab_perimeter svg.colors-2,
.mpi_apt_cs .tab_goal svg.colors-2,
.mpi_apt_cs .tab_kitchen svg.colors-2,
.mpi_apt_cs .tab_inside svg.colors-3,
.mpi_apt_cs .tab_outside svg.colors-3,
.mpi_apt_cs .tab_center svg.colors-3,
.mpi_apt_cs .tab_key svg.colors-3,
.mpi_apt_cs .tab_perimeter svg.colors-3,
.mpi_apt_cs .tab_goal svg.colors-3,
.mpi_apt_cs .tab_kitchen svg.colors-3,
.mpi_apt_cs .tab_inside svg.legend,
.mpi_apt_cs .tab_outside svg.legend,
.mpi_apt_cs .tab_center svg.legend,
.mpi_apt_cs .tab_key svg.legend,
.mpi_apt_cs .tab_perimeter svg.legend,
.mpi_apt_cs .tab_goal svg.legend,
.mpi_apt_cs .tab_kitchen svg.legend {
	width: 70%;
	margin: 0 auto;
	display: block; }
.mpi_apt_cs .tab_inside .color,
.mpi_apt_cs .tab_outside .color,
.mpi_apt_cs .tab_center .color,
.mpi_apt_cs .tab_key .color,
.mpi_apt_cs .tab_perimeter .color,
.mpi_apt_cs .tab_goal .color,
.mpi_apt_cs .tab_kitchen .color {
	text-transform: uppercase;
	position: relative;
	background-color: red;
	height: 2em;
	margin-top: 1.3em;
	overflow: hidden;
	transition: background-color 200ms ease-in-out; 
}
.mpi_apt_cs .tab_inside .color div,
.mpi_apt_cs .tab_outside .color div,
.mpi_apt_cs .tab_center .color div,
.mpi_apt_cs .tab_key .color div,
.mpi_apt_cs .tab_perimeter .color div,
.mpi_apt_cs .tab_goal .color div,
.mpi_apt_cs .tab_kitchen .color div {
	position: absolute;
	width: 100%;
	text-align: center;
	line-height: 2em;
	bottom: 2em;
	color: #fff; 
}
.mpi_apt_cs .tab_inside .color div.remove,
.mpi_apt_cs .tab_outside .color div.remove,
.mpi_apt_cs .tab_center .color div.remove,
.mpi_apt_cs .tab_key .color div.remove,
.mpi_apt_cs .tab_perimeter .color div.remove,
.mpi_apt_cs .tab_goal .color div.remove,
.mpi_apt_cs .tab_kitchen .color div.remove {
	transition: bottom 200ms ease-in-out; 
}
.mpi_apt_cs .tab_inside .color div.new_color,
.mpi_apt_cs .tab_outside .color div.new_color,
.mpi_apt_cs .tab_center .color div.new_color,
.mpi_apt_cs .tab_key .color div.new_color,
.mpi_apt_cs .tab_perimeter .color div.new_color,
.mpi_apt_cs .tab_goal .color div.new_color,
.mpi_apt_cs .tab_kitchen .color div.new_color {
	bottom: 0 !important;
	animation: movedown 200ms cubic-bezier(0.91, 0.8, 0.54, 1.39); 
}
.sidebar .mpi_apt_cs .courts,
.sidebar .mpi_apt_cs .tabs {
	padding-left:0 !important;
	width:100% !important;
}
.sidebar .mpi_apt_cs .court_tab {
    margin-bottom: 1em;
}

.mpi_apt_cs .tab_nav {
	float: left;
	clear: both;
	margin: 1em 0 0 2em;
	list-style-type: none;
	text-transform: uppercase;
	position: relative;
	top: 1px;
	z-index: 50; 
}
.mpi_apt_cs .tab_nav li {
	float: left;
	color: #878786;
	background-color: #fff;
	padding: 3px 7px;
	display: inline-block;
	cursor: pointer; 
}
.mpi_apt_cs .tab_nav li.active {
	border: 1px solid #dddddd;
	border-bottom: 1px solid #fff; 
}
@media only screen and (max-width: 900px) {
	.mpi_apt_cs .courts,
	.mpi_apt_cs .tabs {
		padding-left:0 !important;
		width:100% !important;
	}
    .court_tab {
        margin-bottom: 1em;
    }
}
@media only screen and (max-width: 439px) {
	.mpi_apt_cs .courts ul.court_nav,
	.mpi_apt_cs .tabs ul.tab_nav {
		margin-left:0 !important;
	}
	.mpi_apt_cs .courts li,
	.mpi_apt_cs .tabs li {
		font-size:0.8em;
	}
}
@keyframes movedown {
	from {
		bottom: 2em; 
	}
	to {
		bottom: 0; 
	} 
}