OwlCyberSecurity - MANAGER

Edit File: tribe-events.scss

@import "_custom-properties.scss";
// Show the above header.
.tribe-events .tribe-events-c-top-bar__datepicker-button {
    box-shadow: none;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__content {
    word-break: normal;
}
#primary {
	.tribe-common {
		--tec-color-text-primary: var(--global-palette3);
		word-break: normal;
		.tribe-events-c-top-bar__datepicker-button,
		.tribe-common-c-btn-icon,
		.tribe-events-calendar-list-nav button,
		.tribe-events-c-nav__list button {
			background: transparent;
			&:focus, &:hover {
				background: transparent;
			}
		}
	}
	#tribe-events-content {
		margin-bottom: 0;
	}
}
@media screen and (min-width: $before-tablet-query) {
	#primary .tribe-events {
		.tribe-events-header .tribe-events-header__events-bar {
			background-color: transparent;
			border-color: var(--tec-color-border-default);
		}
		.tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:after {
			background-color: var(--tec-color-text-events-bar-input, var(--global-palette3));
		}
	}
}
#primary .tribe-common .tribe-common-l-container {
    max-width: none;
    padding: 0;
}
.tooltipster-base.tribe-events-tooltip-theme .tooltipster-box .tooltipster-content {
	.tribe-events-calendar-month__calendar-event-tooltip-datetime {
		color:#141827;
	}
	a {
		color:#141827;
	}
}
#primary .tribe-events {
	.tribe-events-calendar-month__multiday-event-bar-inner {
		background: var(--tec-color-background-primary-multiday, var(--global-palette7));
	}
	.tribe-events-calendar-month__day-date-link{
		color: var(--global-palette3);
		&:focus, &:hover {
			color: var(--global-palette5);
		}
	}
	.tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {
		color: var(--global-palette-highlight);
	}
	.tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg path, .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg path {
		fill:  var(--global-palette6);
	}
	.tribe-common-form-control-text__input::placeholder {
		color: var(--global-palette6);
	}
	.tribe-events-c-view-selector__content, .tribe-events-c-events-bar__search-container {
		background-color: var(--tec-color-background-events-bar, var(--global-palette9));
	}
	.tribe-common-form-control-text__input, .tribe-events-c-view-selector__list-item-text, .tribe-common-h4, .tribe-common-h5, .tribe-common-h6, .tribe-common-h7, .tribe-common-h8, .tribe-common-h3 {
		color: var(--global-palette3);
	}
	.tribe-common-b2, .tribe-common-b3 {
		color: var(--global-palette4);
	}
	.tribe-events-calendar-list__event-date-tag-weekday {
		color: var(--global-palette5);
	}
	.tribe-events-c-search__input-control-icon-svg path {
		fill: var(--tec-color-icon-events-bar, var(--global-palette5) );
	}
	.tribe-common-c-svgicon__svg-fill {
		fill: var(--global-palette3);
	}
}
.tribe-events {
	.tribe-events-header .tribe-events-header__events-bar {
		.tribe-events-c-view-selector__list-item-link {
			color: var(--global-palette4);
		}
	}
	.tribe-events-calendar-list__month-separator:after {
		background-color: var(--tec-color-border-secondary-month-grid, var(--tec-color-border-default));
	}
	&.tribe-common {
		.tribe-common-c-btn-border-small, a.tribe-common-c-btn-border-small {
			border-color: var(--tec-color-border-default);
			color: var(--global-palette5);
			background-color: var(--global-palette9);
			&:hover, &:focus, &:active {
				color: var(--global-palette3);
				border-color:var(--global-palette6);
				background-color: var(--global-palette9);
			}
		}
		.tribe-events-calendar-list-nav, .tribe-events-c-nav {
			border-color:var(--tec-color-border-default);
		}
		.tribe-events-calendar-month__day {
			border-color:var(--tec-color-border-secondary-month-grid, var(--tec-color-border-default));
		}
		.tribe-events-calendar-month__week {
			border-left-color:var(--tec-color-border-secondary-month-grid, var(--tec-color-border-default));
		}
		.tribe-events-calendar-month__body {
			border-top-color:var(--tec-color-border-secondary-month-grid, var(--tec-color-border-default));
		}
		.tribe-common-anchor-thin-alt {
			border-bottom-color: var(--global-palette-highlight);
			&:hover, &:focus, &:active {
				color: var(--global-palette-highlight);
				border-bottom-color: var(--global-palette-highlight);
			}
		}
	}
}
#primary .tribe-events .tribe-events-c-ical__link {
	background-color: var(--global-palette9);
	color: var(--global-palette-highlight);
	border-color: var(--global-palette-highlight);
	.tribe-common-c-svgicon {
		color: var(--global-palette-highlight);
	}
	&:hover, &:focus, &:active {
		background-color: var(--global-palette-highlight );
		color: var(--global-palette-btn);
		border-color: var( --global-palette-highlight );
		.tribe-events-c-ical__link-icon-svg path {
			stroke: var(--global-palette-btn);
		}
	}
}
.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn, .tribe-events .tribe-common-c-btn.tribe-events-c-search__button {
	background-color: var(--global-palette-btn-bg);
	color: var(--global-palette-btn);
	&:hover, &:focus, &:active {
		background-color: var(--global-palette-btn-bg-hover);
		color: var(--global-palette-btn-hover);
	}
}
.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn {
	background-color: var(--global-palette-btn-bg);
	color: var(--global-palette-btn);
}
.single-tribe_events .entry-hero-container-inner .entry-header {
	display: flex;
	.tribe-events-back {
		margin: 1em 0;
	}
}
#primary #tribe-events-pg-template {
    max-width: none;
    padding: 0;
	#tribe-events-content {
		padding:0;
	}
}
.tribe-common a, .tribe-common a:active, .tribe-common a:focus, .tribe-common a:hover, .tribe-common a:visited {
	color: var(--global-palette3);
}
#primary {
	.tribe-events-back {
		margin-bottom: 1em;
	}
	.tribe-events-schedule__all-day, .tribe-events-schedule__separator, .tribe-events-schedule__timezone {
		color: var(--global-palette6);
	}
	.tribe-events .tribe-events-c-nav__next, .tribe-events .tribe-events-c-nav__prev {
		box-shadow: none;
	}
}
.tribe-events-address a.tribe-events-gmap {
    display: block;
}
@media screen and (max-width: 768px) {
	.single-tribe_events #primary .tribe-events-schedule {
		background: var(--global-palette8);
		border-color: var(--global-palette7);
	}
	.single-tribe_events #primary .tribe-blocks-editor .tribe-events-schedule {
		background: transparent;
	}
	#tribe-events-footer:after, #tribe-events-footer:before, #tribe-events-header:after, #tribe-events-header:before {
		background-color: var(--global-palette8);
	}
	.content-style-boxed #tribe-events-content.content-bg:not(.loop-entry) {
		width: auto;
	}
}
#primary #tribe-events-footer {
    padding-bottom: 0;
	border-color:var(--tec-color-border-default);
}
.single-tribe_events #primary .tribe-blocks-editor .tribe-events-event-meta {
	background: var( --global-palette8 );
	border-color: var(--global-palette7);
    padding: 0 1em;
}
#primary {
	.tribe-block__events-link .tribe-block__btn--link a {
		border-color: var(--global-palette7);
		background-color: var(--global-palette9);
	}
	.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address a {
		color: var(--global-palette-highlight);
	}
}
.content-style-boxed #tribe-events-content .entry-content-wrap {
	position: relative;
}
.single-tribe_events .tribe-events-c-subscribe-dropdown__button, .tribe-block__events-link .tribe-events-c-subscribe-dropdown__button {
    display: flex;
    align-items: center;
    font-size: 0.9em;
}
.wp-site-blocks .content-container .tribe-events-view.alignwide {
    margin-left: 0;
    margin-right: 0;
	width: auto;
}
// Global Specifics
#primary .tribe-events .tribe-events-calendar-list__event-title-link {
    color: var(--tec-color-text-events-title, var(--global-palette3));
}
#primary .tribe-events .tribe-events-calendar-month__calendar-event-title-link, .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link{
    color: var(--tec-color-text-events-title, var(--global-palette3));
}
#primary .tribe-events .tribe-events-calendar-month__header-column-title {
	color: var(--tec-color-text-day-of-week-month, var(--global-palette4));
}
#primary .tribe-events .tribe-events-calendar-month__day-date-link {
	color: var(--tec-color-day-marker-month, var(--global-palette4));
}
#primary .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day-date-link {
	color: var(--tec-color-day-marker-month, var(--global-palette4));
}
// Events Bar specifics
.tribe-events, .tribe-events-single {
	--tec-color-text-primary: var(--global-palette3);
	--tec-color-text-events-title: var(--global-palette3);
	--tec-color-background-events-bar: var(--global-palette9);
	--tec-color-border-events-bar: var(--global-gray-400);
	--tec-color-text-events-bar-input: var(--global-palette3);
	--tec-color-text-events-bar-input-placeholder: var(--global-palette3);
	--tec-color-text-events-bar-submit-button: var(--global-palette-btn);
	--tec-color-background-events-bar-submit-button: var(--global-palette-btn-bg);
	--tec-color-text-events-bar-submit-button-hover: var(--global-palette-btn-hover);
	--tec-color-background-events-bar-submit-button-hover: var(--global-palette-btn-bg-hover);
	--tec-color-background-primary-multiday: var(--global-palette7);
	--tec-color-day-marker-month:var(--global-palette4);
	--tec-color-text-day-of-week-month:var(--global-palette4);
	--tec-color-icon-events-bar: var(--global-palette5);
}
:where(html:not(.no-js)) .hide-focus-outline .tribe-common .tribe-common-form-control-text__input:focus {
	outline: 0;
}
#primary .tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input {
	color: var(--tec-color-text-events-bar-input, var(--global-palette3) );
}
#primary .tribe-events .tribe-events-c-view-selector__list-item-text {
	color: var(--tec-color-text-events-bar-input, var(--global-palette3) );
}
#primary .tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input::placeholder {
	color: var(--tec-color-text-events-bar-input-placeholder, var(--global-palette3) );
}
#primary .tribe-events .tribe-events-c-search__button, #primary .tribe-events button.tribe-events-c-search__button {
	color: var(--tec-color-text-events-bar-submit-button, var(--global-palette-btn));
	background-color: var(--tec-color-background-events-bar-submit-button, var(--global-palette-btn-bg));
	&:hover, &:focus-visible {
		background-color: var(--tec-color-background-events-bar-submit-button-hover, var(--global-palette-btn-bg-hover));
		color: var(--tec-color-text-events-bar-submit-button-hover, var(--global-palette-btn-hover));
	}
}
#primary .tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-c-events-bar {
	background-color: var(--tec-color-background-events-bar, var(--global-palette9));
	border-color: var(--tec-color-border-events-bar, var(--tec-color-border-default));
}
#primary .tribe-events .datepicker {
	background-color: var(--global-palette9);
}
#primary{
	.tribe-events .datepicker .datepicker-switch:active, .tribe-events .datepicker .datepicker-switch:focus, .tribe-events .datepicker .datepicker-switch:hover, .tribe-events .datepicker .next:active, .tribe-events .datepicker .next:focus, .tribe-events .datepicker .next:hover, .tribe-events .datepicker .prev:active, .tribe-events .datepicker .prev:focus, .tribe-events .datepicker .prev:hover {
		color: var(--global-palette5);
		background-color: var(--global-palette9);
	}
	.tribe-events .tribe-events-view-loader {
		opacity: 0.6;
		background-color: var(--global-palette9);
	}
}
#primary .tribe-events .datepicker .past {
	color: var(--global-palette6);
}
.tribe-events-single ul.tribe-related-events li {
	background-color: var(--global-palette8);
	border-color: var(--tec-color-border-default);
}