/*
 Theme Name:   Vivid
 Theme URI:    http://miclub.com.au
 Description:  Vivid Theme
 Author:       MiClub
 Author URI:   http://miclub.com.au
 Version:      1.0.0
 License:      Copyright 2017 - MiClub
 License URI:  http://miclub.com.au
 Tags:         custom, responsive-layout
 Text Domain:  miclub
*/

/*
 * ======================  LIVE CHANGES GO HERE  ======================
 * Please make sure that you place a timestamp with your name whenever
 * this file is edited. If your change is a result of a ticket please
 * include the ticket number in the comment.
 */

.single #main .container.no-access .content {
	width: 100%;
	text-align: center;
}

.gravity-image {
	width: 80%;
	margin: auto;
}

/* Testing categories on Event Organiser - VC 26/6/24 */
/* hide to public/club members */
.eo-event.category-admin {
	display: none;
}

.eo-fc-filter-category option[value=admin] {
	display: none;
}

/* show for admin */
.logged-in-editor .eo-event.category-admin {
	display: block;
}

.logged-in-editor .eo-fc-filter-category option[value=admin] {
	display: block;
}


/* Product page full-site layout fixes */
@media screen and (max-width: 600px) {
	.product-page .sc-jSUZER.btAxHf {
		flex-wrap: wrap;
	}

	.product-page .event-list span > .full {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.product-page .event-list span > .full .left-content-container,
	.product-page .event-list span > .full .right-content-container {
		align-items: flex-start;
		display: flex;
		width: calc(100% - 10px);
	}

	.product-page .event-list span > .full .sc-bcXHqe.cgTzMk.fixture-icons {
		justify-content: flex-end;
	}

	.product-page .event-list #multiselectContainerReact {
		display: none;
	}

	.product-page .event-list #multiselectContainerReact .search-wrapper.searchWrapper {
		margin-bottom: 5px;
	}

	.product-page .event-list span#event-list-calendar-icon {
		height: 36px;
		padding: 8px;
	}

	.product-page .event-list #event-list-datepicker-input input {
		padding: 2px 10px;
	}

	.product-page .event-list .ui-grid-row .eventList {
		margin-bottom: 0;
	}
}


.page-template-prodGen .modal-body .container{
	padding: 0 20px;
	width: 100%;
	overflow: visible;
}