.wp-block {} /*  (.wp-block {} ensures MT files load in Gutenberg editor) */

/*  MICROTHEMER STYLES  */


/*= Sugar Calendar ============ */

/** Sugar Calendar >> SC - Single Page - Hide Calendar Type **/
.article-content-wrap .sc-frontend-single-event__details__calendar {
	line-height: 1.5rem !important;
	width: 100% !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	display: none !important;
}

/** Sugar Calendar >> SC - event grid - time **/
.sugar-calendar-event-list-block__gridview__event__body__content .sugar-calendar-event-list-block__gridview__event__body__content__time {
	color: rgb(103, 103, 103) !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	text-align: center !important;
	margin-top: .5rem !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
}

/** Sugar Calendar >> SC - Event Grid - 4 column css **/
.home .sugar-calendar-event-list-block__gridview {
	width: 100% !important;
	grid-gap: 20px !important;
	gap: 20px !important;
	grid-template-columns: repeat(4, 1fr) !important;
	display: grid !important;
}

/** Sugar Calendar >> SC - Recurring icon **/
img[alt="recur"] {
	background-color: rgb(175, 249, 152) !important;
	width: 24px !important;
	height: 24px !important;
	padding: 4px !important;
	border: 1px solid rgba(5, 118, 24, 0.55) !important;
	border-radius: 50rem !important;
}

/** Sugar Calendar >> SC - Event Title Text **/
.sugar-calendar-event-list-block__event__title a {
	color: rgb(103, 103, 103) !important;
	font-size: 24px !important;
}

/** Sugar Calendar >> SC - Modal - Feature Image **/
.buzz-modal-sugar-calendar .sugar-calendar-block__popover__event__container__image {
	height: 150px !important;
}

/** Sugar Calendar >> SC - Modal - Description **/
.buzz-modal-sugar-calendar .sugar-calendar-block__popover__event__container__content__description {
	display: none !important;
}

/** Sugar Calendar >> SC - Event Grid - Width CSS **/
.home .wp-block-group-is-layout-constrained .sugar-calendar-event-list-block {
	width: 100% !important;
	min-width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/** Sugar Calendar >> SC - Grid Item Wrap **/
.sugar-calendar-block__events-display-container .sugar-calendar-event-list-block__gridview__event {
	border: 1px solid rgb(171, 184, 195) !important;
	border-radius: 1rem !important;
}

/** Sugar Calendar >> SC - Grid Image Container **/
.sugar-calendar-event-list-block__gridview__event__body__image .sugar-calendar-event-list-block__gridview__event__body__image__container {
	height: 225px !important;
	border-radius: 1rem 1rem 0 0 !important;
	position: relative !important;
	overflow: hidden !important;
}

/** Sugar Calendar >> SC - Grid Image **/
.home .events-grid .sugar-calendar-event-list-block__gridview__event__body__image__container {
	height: 150px !important;
	border-radius: 1rem 1rem 0 0 !important;
}

/** Sugar Calendar >> SC - Grid Image wrap **/
.sugar-calendar-event-list-block__gridview__event__body .sugar-calendar-event-list-block__gridview__event__body__image {
	margin-bottom: 0 !important;
	border-top-left-radius: 1rem !important;
	border-top-right-radius: 1rem !important;
}

/** Sugar Calendar >> SC - Grid Content Wrap **/
.sugar-calendar-event-list-block__gridview__event__body .sugar-calendar-event-list-block__gridview__event__body__content {
	padding: 1.25rem 1.5rem 1.5rem 1.5rem !important;
}

/** Sugar Calendar >> SC - Home Grid content wrap **/
.home .sugar-calendar-event-list-block__gridview__event__body .sugar-calendar-event-list-block__gridview__event__body__content {
	padding: 1rem !important;
}

/** Sugar Calendar >> SC - Internal Image **/
.sugar-calendar-event-list-block__gridview__event__body__image .wp-post-image {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	/* no object-position here — let the inline style from PHP control this */
}

/** Sugar Calendar >> SC - List Image **/
.sugar-calendar-event-list-block__listview__event__body__image__container .wp-post-image {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

/** Sugar Calendar >> SC - Event Title Wrap **/
.sugar-calendar-event-list-block__gridview__event__body__content .sugar-calendar-event-list-block__event__title {
	line-height: 1.4rem !important;
	text-align: center !important;
}

/** Sugar Calendar >> SC - Remove Calendar icon **/
img[alt^="calendar-"] {
	display: none !important;
}

/** Sugar Calendar >> SC - Grid Group Wrap (:hover) **/
.sugar-calendar-block__events-display-container .sugar-calendar-event-list-block__gridview__event:hover {
	box-shadow: 0 0 20px 0 rgba(79, 81, 126, 0.34) !important;
}

/** Sugar Calendar >> SC - recurring upcoming occurrences title **/
#sc-recurring-upcoming-occurrences .sc-recurring-upcoming-occurrences__title {
	font-size: 1.5rem !important;
	line-height: 1.7rem !important;
	font-weight: 600 !important;
	text-align: center !important;
}

/** Sugar Calendar >> SC Event Deails - label **/
.sc-frontend-single-event__details-row .sc-frontend-single-event__details__label {
	font-size: 1.2em !important;
	text-align: center !important;
	width: 100% !important;
	padding-bottom: .5rem !important;
	margin-bottom: 0 !important;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
}

/** Sugar Calendar >> SC Event Deails - Info **/
.sc-frontend-single-event__details-row .sc-frontend-single-event__details__val {
	font-size: 1rem !important;
	line-height: 1.3rem !important;
	font-weight: 600 !important;
	text-align: center !important;
	margin-top: .5rem !important;
}

/** Sugar Calendar >> SC Event Deails - Info Wrap **/
.sc-frontend-single-event .sc-frontend-single-event__details {
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	display: grid !important;
	grid-gap: 1.5rem !important;
	gap: 1.5rem !important;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
	grid-template-rows: auto !important;
}

/** Sugar Calendar >> SC Event Deails - Info Items **/
.sc-frontend-single-event__details .sc-frontend-single-event__details-row {
	background-color: rgb(255, 255, 255) !important;
	height: 100% !important;
	padding: 1rem !important;
	border: 2px dotted rgb(154, 154, 154) !important;
	border-radius: .5rem !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	grid-row-gap: 4px !important;
	row-gap: 4px !important;
}

/** Sugar Calendar >> SC Event Deails - Box **/
.wp-block-post-content .sc_event_details {
	background-color: rgba(115, 114, 114, 0) !important;
	background-image: linear-gradient(rgb(245, 245, 240), rgb(255, 255, 255) 30%) !important;
	padding: 2rem !important;
	margin-bottom: 2rem !important;
	border: 3px solid rgb(211, 209, 209) !important;
	border-radius: 1rem !important;
}

/** Sugar Calendar >> SC Event Deails - Recurring dates - Wrap **/
#sc-recurring-upcoming-occurrences ul {
	padding-left: 0 !important;
	margin-bottom: 0 !important;
	display: grid !important;
	grid-gap: 1rem !important;
	gap: 1rem !important;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
	grid-template-rows: auto !important;
}

/** Sugar Calendar >> SC - hide view selector **/
.sugar-calendar-block__popover__calendar_selector__container .sugar-calendar-block__popover__calendar_selector__container__calendars {
	display: none !important;
}

/** Sugar Calendar >> Sc frontend single event details **/
#sc_event_details_121021 .sc-frontend-single-event__details {
	font-size: 24px !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** Sugar Calendar >> SC - Recurring date links **/
#sc-recurring-upcoming-occurrences a {
	color: rgb(42, 42, 42) !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

/** Sugar Calendar >> SC Event Deails - Recurring dates - item **/
.sc-recurring-upcoming-occurrences__events li {
	background-color: rgb(255, 255, 255) !important;
	padding: 5px 10px 5px 10px !important;
	border: 1px solid rgb(169, 169, 169) !important;
	border-radius: 100px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
}

/** Sugar Calendar >> SC Event Deails - Recurring dates - item (:hover) **/
.sc-recurring-upcoming-occurrences__events li:hover {
	box-shadow: 0 0 15px 0 rgba(79, 81, 126, 0.2) !important;
}

/** Sugar Calendar >> SC Event Deails - Recurring Dates Box **/
#sc-recurring-upcoming-occurrences {
	background-image: linear-gradient(0deg, rgb(246, 246, 246), transparent) !important;
	padding: 2rem 3rem 3rem 3rem !important;
	border-bottom: 1px solid rgb(128, 128, 128) !important;
	border-bottom-right-radius: 2rem !important;
	border-bottom-left-radius: 2rem !important;
}

/** Sugar Calendar >> SC - Modal - Hide view menu **/
.sugar-calendar-block__controls__right .sugar-calendar-block__controls__right__view {
	display: none !important;
}

/** Sugar Calendar >> SC - Venue Grid **/
.venue-meta .wp-block-mfb-meta-field-block {
	display: grid !important;
	grid-template-columns: auto 1fr !important;
	grid-template-rows: auto !important;
}


/*= Forms ===================== */

/** Forms >> Google Form Inuputs **/
.gform_fields input {
	height: 55px !important;
	border-radius: 8px !important;
}

/** Forms >> Gravity Forms - Text Area **/
.gfield .textarea {
	border-radius: 10px !important;
}

/** Forms >> Gravity Forms Select **/
.ginput_container select {
	height: 55px !important;
	border-radius: 10px !important;
}

/** Forms >> Gravity Form Labels **/
.gfield .gfield_label {
	font-size: 1.3rem !important;
	font-weight: 700 !important;
}

/** Forms >> Field 1 20 **/
#field_1_20 {
	background-color: rgba(255, 255, 255, 0.16) !important;
}


/*= Search and Filter ========= */

/** Search and Filter >> Search and Filter - input text **/
.search-filter-input-text {
	height: 55px !important;
	border-radius: 10px !important;
}

/** Search and Filter >> Search and Filter - label **/
.search-filter-field .search-filter-label {
	font-size: 1.3rem !important;
	font-weight: 700 !important;
	margin-bottom: .8rem !important;
}

/** Search and Filter >> Search filter Advertising button group **/
.mtp-page-advertising .search-filter-input-button-group {
	display: grid !important;
	grid-gap: 1rem !important;
	gap: 1rem !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto !important;
}

/** Search and Filter >> Search Filter Advertising Filter Button **/
.mtp-page-advertising .search-filter-checkable-button {
	font-weight: 600 !important;
	border-radius: 10px !important;
}


/*= TO THROW OUT ============== */

/** TO THROW OUT >> Sugar calendar block popover calendar selector container venues **/
.sugar-calendar-block__popover__calendar_selector__container .sugar-calendar-block__popover__calendar_selector__container__venues {
	display: none !important;
}


/*( < 1200 )*/
@media (max-width: 1199.98px) {
	/** Sugar Calendar >> SC Event Deails - label **/
	.sc-frontend-single-event__details-row .sc-frontend-single-event__details__label {
	width: 100% !important;
	padding-bottom: .5rem !important;
	margin-bottom: .5rem !important;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
}

	/** Sugar Calendar >> SC Event Deails - Info **/
	.sc-frontend-single-event__details-row .sc-frontend-single-event__details__val {
	font-size: 1rem !important;
	line-height: 1.3rem !important;
}

	/** Sugar Calendar >> SC Event Deails - Info Wrap **/
	.sc-frontend-single-event .sc-frontend-single-event__details {
	display: grid !important;
	grid-gap: 1.6rem !important;
	gap: 1.6rem !important;
	grid-template-columns: 1fr 1fr 1fr 1fr !important;
	grid-template-rows: auto !important;
}

}


/*( < 980 )*/
@media (max-width: 979.98px) {
	/** Sugar Calendar >> SC - Event Grid - 4 column css **/
	.home .sugar-calendar-event-list-block__gridview {
	grid-template-columns: repeat(3, 1fr) !important;
}

	/** Sugar Calendar >> SC Event Deails - Recurring dates - Wrap **/
	#sc-recurring-upcoming-occurrences ul {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr 1fr !important;
	grid-template-rows: auto auto auto !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(5) {
	grid-area: 2 / 1 / 3 / 2 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(6) {
	grid-area: 2 / 2 / 3 / 3 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(7) {
	grid-area: 2 / 3 / 3 / 4 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(8) {
	grid-area: 2 / 4 / 3 / 5 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(9) {
	grid-area: 3 / 1 / 4 / 2 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(10) {
	grid-area: 3 / 2 / 4 / 3 !important;
}

}


/*( < 768 )*/
@media (max-width: 767.98px) {
	/** Sugar Calendar >> SC - Single Page - Hide Calendar Type **/
	.article-content-wrap .sc-frontend-single-event__details__calendar {
	font-size: 18px !important;
	line-height: 1rem !important;
	-webkit-flex-wrap: nowrap !important;
	-moz-flex-wrap: nowrap !important;
	-ms-flex-wrap: nowrap !important;
	flex-wrap: nowrap !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

	/** Sugar Calendar >> SC - Event Grid - 4 column css **/
	.home .sugar-calendar-event-list-block__gridview {
	grid-template-columns: repeat(2, 1fr) !important;
}

	/** Sugar Calendar >> SC - Modal - Feature Image **/
	.buzz-modal-sugar-calendar .sugar-calendar-block__popover__event__container__image {
	display: none !important;
}

	/** Sugar Calendar >> SC - recurring upcoming occurrences title **/
	#sc-recurring-upcoming-occurrences .sc-recurring-upcoming-occurrences__title {
	font-size: 22px !important;
	line-height: 1.4rem !important;
}

	/** Sugar Calendar >> SC Event Deails - Info Wrap **/
	.sc-frontend-single-event .sc-frontend-single-event__details {
	display: grid !important;
	grid-row-gap: 16px !important;
	row-gap: 16px !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto !important;
}

	/** Sugar Calendar >> SC Event Deails - Info Items **/
	.sc-frontend-single-event__details .sc-frontend-single-event__details-row {
	line-height: 1.5rem !important;
}

	/** Sugar Calendar >> SC Event Deails - Recurring dates - Wrap **/
	#sc-recurring-upcoming-occurrences ul {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto auto !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(3) {
	grid-area: 2 / 1 / 3 / 2 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(4) {
	grid-area: 2 / 2 / 3 / 3 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(5) {
	grid-area: 2 / 2 / 3 / 3 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(6) {
	grid-area: 2 / 3 / 3 / 4 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(7) {
	grid-area: 3 / 1 / 4 / 2 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(8) {
	grid-area: 3 / 2 / 4 / 3 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(9) {
	grid-area: 3 / 3 / 4 / 4 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(10) {
	grid-area: 4 / 1 / 5 / 2 !important;
}

	/** Sugar Calendar >> SC Event Deails - Recurring Dates Box **/
	#sc-recurring-upcoming-occurrences {
	padding: 32px !important;
	margin-top: 0 !important;
}

}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** Sugar Calendar >> SC - Event Grid - 4 column css **/
	.home .sugar-calendar-event-list-block__gridview {
	grid-template-columns: repeat(1, 1fr) !important;
}

	/** Sugar Calendar >> SC - recurring upcoming occurrences title **/
	#sc-recurring-upcoming-occurrences .sc-recurring-upcoming-occurrences__title {
	font-size: 18px !important;
}

	/** Sugar Calendar >> SC Event Deails - label **/
	.sc-frontend-single-event__details-row .sc-frontend-single-event__details__label {
	font-size: 22px !important;
}

	/** Sugar Calendar >> SC Event Deails - Info Wrap **/
	.sc-frontend-single-event .sc-frontend-single-event__details {
	display: grid !important;
	grid-template-columns: 1fr !important;
}

	/** Sugar Calendar >> SC Event Deails - Box **/
	.wp-block-post-content .sc_event_details {
	padding: 1rem !important;
}

	/** Sugar Calendar >> SC Event Deails - Recurring dates - Wrap **/
	#sc-recurring-upcoming-occurrences ul {
	padding-left: 0 !important;
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto auto auto auto !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 2 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 2 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(3) {
	grid-area: 3 / 1 / 4 / 2 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(4) {
	grid-area: 4 / 1 / 5 / 2 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(5) {
	grid-area: 5 / 1 / 6 / 2 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(6) {
	grid-area: 6 / 1 / 7 / 2 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(7) {
	grid-area: 7 / 1 / 8 / 2 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(8) {
	grid-area: 8 / 1 / 9 / 2 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(9) {
	grid-area: 9 / 1 / 10 / 2 !important;
}
#sc-recurring-upcoming-occurrences ul > :nth-child(10) {
	grid-area: 10 / 1 / 11 / 2 !important;
}

	/** Sugar Calendar >> SC - Recurring date links **/
	#sc-recurring-upcoming-occurrences a {
	font-size: 18px !important;
}

	/** Sugar Calendar >> SC Event Deails - Recurring Dates Box **/
	#sc-recurring-upcoming-occurrences {
	padding: 15px !important;
}

	/** Search and Filter >> Search filter Advertising button group **/
	.mtp-page-advertising .search-filter-input-button-group {
	display: grid !important;
	grid-template-columns: 1fr !important;
}
.mtp-page-advertising .search-filter-input-button-group > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 2 !important;
}

}