✏️ Editing: the-events-calendar-responsive.scss

@import "../../../../css/_mixins.scss";
@import "../../../../css/_theme-vars.scss";
@import "../../css/_skin-vars.scss";

//@mixin tribe_events--xl() {
@media #{$media_xl} {
	/* The Events Calendar */
	.events-list .tribe-events-loop,
	.single-tribe_organizer .tribe-events-loop,
	.single-tribe_venue .tribe-events-loop,
	.tribe-events-day .tribe-events-loop {
		max-width:none;
	}	
	.single-tribe_events .tribe-events-single-event-title {
		@include font(3em, 1.15em);
	}
	.single-tribe_events .tribe-events-schedule .tribe-events-cost {
		@include font(1.8em, 1.15em);
	}
	.tribe-events-schedule {
		margin: 1.35em 0 3.1em;
	}
	.tribe-common.tribe-common--breakpoint-medium button.tribe-events-c-top-bar__datepicker-button,
	.tribe-common--breakpoint-medium.tribe-common .tribe-common-h3 {
		@include font(1.8em, 1.15em);
	}
	.tribe-events .tribe-events-c-top-bar__datepicker-button {
		top: 2px;
	}
	.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium {
		@include font(1.5em, 1.2em);
	}
}

//@mixin tribe_events--lg() {
@media #{$media_lg} {

.tribe-bar-search-filter, .tribe-bar-mini .tribe-bar-search-filter,
	.tribe-bar-date-filter, .tribe-bar-mini .tribe-bar-date-filter {
		width: 35%;
	}
	.tribe-bar-submit, .tribe-bar-mini .tribe-bar-submit {
		width: 29%;
	}

/* The Events Calendar */
	#tribe-bar-views-toggle [class^="tribe-icon-"] {
		margin-top: 0;
	}
	.single-tribe_events .tribe-events-single-event-title {
		@include font(46px, 1.1em);
	}
	.tribe-events-schedule {
		margin: 1.15em 0 2.4em;
	}
	.tribe-events-schedule h2 {
		@include font(15px, 20px);
	}
	.single-tribe_events .tribe-events-schedule .tribe-events-cost {
		@include font(1.6em, 1.1em);
	}
	.single-tribe_events .tribe-events-single-section {
		padding:  4em 0 0;
	}
	.single-tribe_events .tribe-events-meta-group .tribe-events-single-section-title {
		@include font(1.25em, 1.1em);
		margin-bottom: 20px;
	}
	.single-tribe_events #tribe-events-content .tribe-events-event-meta dd {
		margin-bottom: 15px;
		font-size: 16px;
	}
	.single-tribe_events #tribe-events-content .tribe-events-event-meta dt {
		@include font(1em, 1.1em);
		margin-bottom: 3px;
	}
	.single-tribe_events a.tribe-events-ics,
	.single-tribe_events a.tribe-events-ics:hover,
	.single-tribe_events a.tribe-events-ical,
	.single-tribe_events a.tribe-events-ical:hover,
	.single-tribe_events a.tribe-events-gcal,
	.single-tribe_events a.tribe-events-gcal:hover {
		@include font(16px, 21px);
	}
	.tribe-events-cal-links a,
	.tribe-events-sub-nav li a,
	#tribe-events-footer ~ a.tribe-events-ical.tribe-events-button {
		@include font(17px, 21px);
	}
	#tribe-events .tribe-events-button:after,
	.tribe-events-button:after,
	.tribe-events-cal-links a:after,
	.tribe-events-sub-nav li.tribe-events-nav-next a:after {
		font-size: 11px;
	}
	.tribe-events-sub-nav li.tribe-events-nav-previous a:before {
		font-size: 11px;
	}
	.single-tribe_events .comments_form_wrap {
		margin-top: 3em;
	}
	.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border,
	.tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border {
		font-size: 15px;
	}
	.tribe-common.tribe-common--breakpoint-medium button.tribe-events-c-top-bar__datepicker-button,
	.tribe-common--breakpoint-medium.tribe-common .tribe-common-h3 {
		@include font(1.6em, 1em);
	}
	.tribe-events .tribe-events-c-top-bar__datepicker-button:after {
		font-size: 22px;
		top: calc(50% - 1px);
	}
	.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium {
		@include font(1.4em, 1.15em);
	}
	.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 {
		@include font(13px, 18px);
	}
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-datetime-wrapper,
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event-datetime-wrapper {
		margin: 0 0 8px;
	}
	.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2.tribe-events-calendar-latest-past__event-venue,
	.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2.tribe-events-calendar-list__event-venue,
	.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2.tribe-events-calendar-day__event-venue {
		@include font(15px, 19px);
		margin-bottom: 8px;
	}
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-title,
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event-title {
		margin: 0 0 13px;
	}
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-description,
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-description,
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event-description {
		@include font(16px, 26px);
		margin-top: 10px;
	}
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-cost,
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-cost,
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event-cost {
		@include font(19px, 1.1em);
		margin-top: 15px;
	}
	.tribe-events .tribe-events-calendar-latest-past__event-date-tag-year,
	.tribe-events .tribe-events-calendar-latest-past__event-date-tag-month,
	.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
		@include font(12px, 16px);
	}
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev,
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next {
		@include font(17px, 21px);
	}
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev:before,
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next:after {
		font-size: 11px;
	}
	.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input {
		padding: 18px 18px 18px 42px;
	}
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-control {
		margin: 14px 0;
	}
	.tribe-events .tribe-events-c-view-selector__list-item-text {
		@include font(17px, 20px);
	}
	#tribe-events .tribe-events-button,
	.tribe-events-button,
	.tribe-events .tribe-events-c-ical__link,
	.tribe-common .tribe-common-c-btn,
	.tribe-common a.tribe-common-c-btn,
	.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button .tribe-events-c-subscribe-dropdown__button-text,
	/* Tribe Events 6.0.13 */
	.tribe-events .tribe-events-c-search__button,
	.tribe-events .tribe-events-c-search__button:focus,
	.tribe-events .tribe-events-c-search__button:hover,
	.tribe-events button.tribe-events-c-search__button,
	.tribe-events button.tribe-events-c-search__button:focus,
	.tribe-events button.tribe-events-c-search__button:hover {
		@include font(17px, 20px);
	}
	.tribe-events .tribe-events-c-ical__link {
		padding: 15px 55px;
		&:before {
			top: -1px;
		}
	}
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day {
		min-height: 160px;
	}
	.tribe-common .tribe-common-h8 {
		@include font(14px, 18px);
	}
	.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
		padding: 6px 12px 4px;
	}
	.tribe-events .tribe-events-calendar-list__event-wrapper .tribe-events-calendar-list__event.has-post-thumbnail {
		margin-top: 3px;
	}
	.tribe-events .tribe-events-c-top-bar__today-button,
	.tribe-events .tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button {
		padding: 6px 22px 3px !important;
		margin-right: 25px;
	}
	.single-tribe_events .tribe-events-venue-map {
		margin: 5px 0 0;
		width: 260px;
	}
	.tribe-events-content ol,
	.tribe-events-content p,
	.tribe-events-content ul,
	.tribe-events-content ol:last-child,
	.tribe-events-content p:last-child,
	.tribe-events-content ul:last-child {
		margin-bottom: 1em;
	}

}

//@mixin tribe_events--md() {
@media #{$media_md} {
	/* The Events Calendar */
	#tribe-bar-form.tribe-bar-collapse #tribe-bar-views {
		margin-top: 0;
		position: relative;
	}
	.sc_events_detailed .sc_events_item_date,
	.sc_events_detailed .sc_events_item_time,
	.sc_events_detailed .sc_events_item_title,
	.sc_events_detailed .sc_events_item_button {
		padding: 0 0.5em;
	}
	.sc_events_detailed .sc_events_item_date {
		text-align:center;
	}
	.sc_events_detailed .sc_events_item_time,
	.sc_events_detailed .sc_events_item_button {
		padding: 0 0.3em;
		text-align:center;
	}

#tribe-events-content .tribe-events-calendar td {
		height: 8em;
	}
	.tribe-events-calendar td div[id*="tribe-events-daynum-"] {
		margin-bottom: 0.4em;
		padding: 1em 1.7em;
	}
	.tribe-events-event-meta .tribe-event-schedule-details {
		padding-left: 12px;
	}
	.single-tribe_events .tribe-events-single-section,
	.single-tribe_events .tribe-block__venue {
		width:100%;
		float: none;
	}
	.single-tribe_events .tribe-events-single-section {
		padding: 3em 0 0;
	}
	.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group {
		width: 49%;
		margin-left: 0;
	}
	.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group + .tribe-events-meta-group {
		margin-left: 0;
	}
	.single-tribe_events .tribe-events-event-meta .tribe-events-venue-map {
		width: 50%;
		order: 2;
	}
	.single-tribe_events #tribe-events-footer {
		margin-top: 0;
	}
	#tribe-events .tribe-events-content p, .tribe-events-after-html p, .tribe-events-before-html p {
		line-height: 1.6154em;
	}
	#tribe-events-footer ~ a.tribe-events-ical.tribe-events-button {
		margin-top: 1em;
	}
	.single-tribe_events .tribe-events-single-event-title {
		@include font(38px, 42px);
	}
	.single-tribe_events .tribe-events-schedule {
		border: none;
		background: transparent;
		padding: 0;
		margin: 1.1em 0 2.2em;
	}
	.single-tribe_events .tribe-events-schedule .tribe-events-cost {
		font-size: 1.4em;
	}
	.single-tribe_events .tribe-events-event-image {
		width: 49%;
	}
	.single-tribe_events .tribe-events-cal-links {
		margin-bottom: 20px;
	}
	.tribe-events .tribe-events-c-events-bar__search-button-icon {
		background-image: url("data:image/svg+xml,%3Csvg id='search' xmlns='http://www.w3.org/2000/svg' width='18.376' height='18.376' viewBox='0 0 18.376 18.376'%3E%3Cg%3E%3Cg%3E%3Cpath d='M8.092,0a8.092,8.092,0,1,0,8.092,8.092A8.1,8.1,0,0,0,8.092,0Zm0,14.691a6.6,6.6,0,1,1,6.6-6.6A6.606,6.606,0,0,1,8.092,14.691Z' fill='%23222733'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate%2812.599 12.599%29'%3E%3Cg%3E%3Cpath d='M356.6,355.547l-4.283-4.283a.747.747,0,1,0-1.056,1.056l4.283,4.283a.747.747,0,0,0,1.056-1.056Z' transform='translate%28-351.046 -351.046%29' fill='%23222733'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	}
	.tribe-events .tribe-events-c-top-bar__datepicker-button:focus,
	.tribe-events .tribe-events-c-top-bar__datepicker-button:hover,
	.tribe-events .tribe-events-c-view-selector__button:active,
	.tribe-events .tribe-events-c-view-selector__button:focus,
	.tribe-events .tribe-events-c-view-selector__button:hover,
	.tribe-events .tribe-events-c-events-bar__search-button:focus,
	.tribe-events .tribe-events-c-events-bar__search-button:hover,
	.tribe-events .tribe-events-c-events-bar__search-button:active,
	/* Tribe Events 6.0.13 */
	.tribe-events button.tribe-events-c-events-bar__search-button:focus, 
	.tribe-events button.tribe-events-c-events-bar__search-button:hover	{
		opacity: 1;
	}
	.tribe-common .tribe-common-b2 {
		@include font(13px, 1.2em, 400);
	}
	.tribe-common .tribe-common-b3 {
		@include font(16px, 1.2em, 400);
	}
	.tribe-common .tribe-common-h6 {
		@include font(20px, 1.2em, 400);
	}
	.tribe-events button.tribe-events-c-top-bar__datepicker-button,
	.tribe-common .tribe-common-h3 {
		@include font(22px, 1.2em, 400);
	}
	.tribe-common .tribe-common-h4--min-medium {
		@include font(22px, 1.2em, 400);
	}
	.tribe-common .tribe-events-calendar-month__header-column-title {
		@include font(17px, 1.2em, 400);
	}
	.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-cost {
		@include font(16px, 1.2em, 400);
	}
	.tribe-events .tribe-events-calendar-month__day-cell--mobile {
		.tribe-events-calendar-month__day-date {
			@include font(18px, 1.1em);
		}
	}
	.tribe-common .tribe-common-b2.tribe-events-calendar-latest-past__event-venue,
	.tribe-common .tribe-common-b2.tribe-events-calendar-list__event-venue,
	.tribe-common .tribe-common-b2.tribe-events-calendar-day__event-venue {
		@include font(15px, 19px, 400);
		color: var(--theme-color-text_dark);
		.tribe-common-b2--bold {
			font-weight: 400;
		}
	}
	.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime {
		@include font(13px, 1.2em);
	}
	.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title {
		@include font(18px, 26px);
	}

.tribe-events .tribe-events-calendar-list__event-datetime-wrapper,
	.tribe-events .tribe-events-calendar-list__event-title {
		margin: 0 0 10px;
	}
	.tribe-events .tribe-events-calendar-latest-past__event-cost,
	.tribe-events .tribe-events-calendar-list__event-cost,
	.tribe-events .tribe-events-calendar-day__event-cost {
		@include font(18px, 1.1em, 400);
		margin-top: 15px;
	}
	.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper {
		margin-bottom: 25px;
	}
	.tribe-events .tribe-events-calendar-list__event-row {
		margin-bottom: 35px;
	}
	.tribe-events .tribe-events-c-nav__list-item--today .tribe-events-c-nav__today,
	.tribe-events .tribe-events-c-nav__list-item--prev .tribe-events-c-nav__prev,
	.tribe-events .tribe-events-c-nav__list-item--next .tribe-events-c-nav__next {
		@include font(17px, 20px, 400);
		@include box-shadow(none !important);
		color: var(--theme-color-text_dark);
		&:focus,
		&:active,
		&:hover {
			color: var(--theme-color-text_link);
		}
	}
	.tribe-events .tribe-events-c-nav__list-item--prev .tribe-events-c-nav__prev,
	.tribe-events .tribe-events-c-nav__list-item--next .tribe-events-c-nav__next {
		&:before,
		&:after {
			font-family: $theme_icons;
			background-image: none !important;
			width: auto;
			height: auto;
			opacity: 1;
			position: relative;
			top: -2px;
			@include font(11px, 1em, 400);
		}
	}
	.tribe-events .tribe-events-c-nav__list-item--prev .tribe-events-c-nav__prev {
		 &:before {
			 content: '\ea07';
			 margin-right: 0.6em;
			 padding-left: 1px;
		 }
	}
	.tribe-events .tribe-events-c-nav__list-item--next .tribe-events-c-nav__next {
		&:after {
			content: '\e9df';
			margin-left: 0.6em;
			padding-right: 1px;
		}
	}
	
	.tribe-common .tribe-common-form-control-text__input {
		@include font(16px, 1.5em, 400);
		letter-spacing: 0.1px;
	}
	.tribe-common .tribe-common-form-control-text__input:focus {
		border-bottom-color: var(--theme-color-input_bd_hover);
	}
	.tribe-events .tribe-events-c-events-bar__search-filters-container {
		left: -1px;
		right: -1px;
		top: calc(100% + 1px);
		padding: 22px 24px;
		@include box-shadow(0 4px 8px 0 rgba(0,0,0,0.05));
		border: 1px solid var(--theme-color-bd_color);
		border-top: none;
		background-color: var(--theme-color-bg_color);
	}
	.tribe-events .tribe-events-c-view-selector__button,
	.tribe-events .tribe-events-c-events-bar__search-button {
		&[class*="button--active"]:before {
		background-color: var(--theme-color-text_link);
			display: block !important;
		}
	}
	.tribe-events .tribe-events-c-view-selector__content {
		top: 100%;
		border: 1px solid var(--theme-color-bd_color);
		border-top: none;
		@include border-radius(0);
		box-shadow: 0 2px 12px 0 rgba(0,0,0,.05);
		@include border-box;
	}
	.tribe-events .tribe-events-c-view-selector__list-item-link:focus .tribe-events-c-view-selector__list-item-icon,
	.tribe-events .tribe-events-c-view-selector__list-item-link:hover .tribe-events-c-view-selector__list-item-icon {
		opacity: 1;
	}
	.tribe-events .tribe-events-calendar-day__event--featured:after,
	.tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after {
		width: 2px;
	}
	.tribe-events .tribe-events-calendar-month-nav {
		padding-top: 30px;
	}
	.tribe-events .tribe-events-calendar-month-mobile-events__day-marker .tribe-events-c-day-marker__date {
		@include font(20px, 26px);
	}
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__events-bar {
		margin-bottom: 35px;
	}	
}

@media #{$media_mobile_827} {
	.tribe-events .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link {
		background-color: var(--theme-color-alter_bg_color);
	}
	.tribe-events .tribe-events-c-view-selector__content,
	.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content {
		background-color: var(--theme-color-bg_color);
	}
	.tribe-events .tribe-events-c-events-bar__search-container {
		background-color: var(--theme-color-bg_color);
		border: 1px solid var(--theme-color-bd_color);
		top: 100%;
		left: -1px;
		right: -1px;
	}
	.tribe-events .tribe-events-header {
		padding: 15px 20px;
		margin: 0 0 30px;
		border: 1px solid  var(--theme-color-bd_color);
		background-color: var(--theme-color-bg_color);
	}
	.tribe-events .tribe-events-c-search__input-control--keyword .tribe-events-c-search__input {
		background-position: 100%;
		-webkit-background-size: 16px;
		background-size: 16px;
	}	
}

//@mixin tribe_events--sm() {
@media #{$media_sm} {
    /* The Events Calendar */
	#tribe-events .tribe-events-button,
	.tribe-events-button,
	.tribe-events-cal-links a,
	.tribe-events-sub-nav li a {
		letter-spacing:0;
	}

#tribe-events-footer ~ a.tribe-events-ical.tribe-events-button {
		margin-top: 2em;
	}
	
	.tribe-events-list .tribe-events-event-image + div.tribe-events-content {
		overflow:visible;
	}
	.tribe-events-calendar td div[id*="tribe-events-daynum-"] {
		padding: 1em 0.25em;
		text-align:center;
	}
	.single-tribe_events .tribe-events-single-event-title {
		@include font(30px, 34px);
	}
	.tribe-events-schedule h2 {
		@include font(14px, 19px);
	}
	.single-tribe_events .tribe-events-schedule {
		margin: 0.8em 0 2em;
	}
	.single-tribe_events .tribe-events-schedule .tribe-events-cost {
		font-size: 1.3em;
	}
	.single-tribe_events .tribe-events-event-image {
		width: 100%;
		margin: 0 0 1.2em 0;
	}
	.single-tribe_events a.tribe-events-ics,
	.single-tribe_events a.tribe-events-ics:hover,
	.single-tribe_events a.tribe-events-ical,
	.single-tribe_events a.tribe-events-ical:hover,
	.single-tribe_events a.tribe-events-gcal,
	.single-tribe_events a.tribe-events-gcal:hover {
		@include font(15px, 20px);
		margin-top: 0.5em;
	}
	.tribe-events-gcal {
		margin-right: 2em;
	}
	#tribe-events .tribe-events-button:after,
	.tribe-events-button:after,
	.tribe-events-cal-links a:after,
	.tribe-events-sub-nav li.tribe-events-nav-next a:after {
		top: -1px;
	}
	.tribe-events-cal-links a,
	.tribe-events-sub-nav li a,
	#tribe-events-footer ~ a.tribe-events-ical.tribe-events-button {
		@include font(17px, 20px);
	}
	a.tribe-events-gmap {
		display: inline-block;
		margin-left: 3px;
	}
	.tribe-events-single .tribe-events-sub-nav {
		display: block;
	}
	#tribe-events-footer .tribe-events-sub-nav li {
		display: block !important;
		+ li {
			margin-top: 0.6em !important;
		}
		a {
			white-space: normal;
		}
	}
	.tribe-events-schedule h2 .tribe-event-date-start:before {
		margin-right: 8px;
	}
	.tribe-events .tribe-events-header {
		padding: 12px 18px;
		margin: 0 0 25px;
	}
	.tribe-events button.tribe-events-c-top-bar__datepicker-button,
	.tribe-common .tribe-common-h3 {
		@include font(19px, 1.1em);
	}
	.tribe-events .tribe-events-c-top-bar__datepicker-button {
		top: 1px;
	}
	.tribe-events .tribe-events-c-top-bar__datepicker-button:after {
		font-size: 20px;
	}
	.tribe-events .datepicker .prev, .tribe-events .datepicker .next {
		font-size: 11px;
	}
	.tribe-events .tribe-events-c-view-selector__content {
		top: calc(100% - 3px);
	}
	.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper {
		margin-bottom: 20px;
	}
	.tribe-common .tribe-common-h4--min-medium {
		font-size: 20px;
	}
	.tribe-common .tribe-common-b2.tribe-events-calendar-latest-past__event-venue,
	.tribe-common .tribe-common-b2.tribe-events-calendar-list__event-venue,
	.tribe-common .tribe-common-b2.tribe-events-calendar-day__event-venue {
		@include font(14px, 18px);
	}
	.tribe-events .tribe-events-calendar-latest-past__event-cost, 
	.tribe-events .tribe-events-calendar-list__event-cost,
	.tribe-events .tribe-events-calendar-day__event-cost {
		font-size: 17px;
	}
	.tribe-events .tribe-events-c-view-selector__list-item-text {
		@include font(16px, 22px);
	}
	.tribe-events .tribe-events-calendar-month__day-cell--mobile .tribe-events-calendar-month__day-date {
		font-size: 16px;
	}
	.tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
		width: 6px;
		height: 6px;
	}
	.tribe-events .tribe-events-calendar-month__header-column {
		padding-bottom: 18px;
	}
	.tribe-common .tribe-events-calendar-month__header-column-title {
		font-size: 15px;
	}
	.tribe-events .tribe-events-calendar-month-mobile-events__day-marker .tribe-events-c-day-marker__date {
		@include font(18px, 24px);
	}
	.single-tribe_events .tribe-events-single-section {
		padding: 2em 0 0;
	}
}

//@mixin tribe_events--xs() {
@media #{$media_xs} {
    /* The Events Calendar */
	#tribe-bar-form.tribe-bar-collapse #tribe-bar-filters-wrap,
	#tribe-bar-form.tribe-bar-collapse #tribe-bar-views {
		float: none;
		width: 100%;
	}
	#tribe-bar-form.tribe-bar-collapse #tribe-bar-views {
		margin-top: 1em;
	}

#tribe-events .tribe-events-button,
	.tribe-events-button,
	.tribe-events-cal-links a,
	.tribe-events-sub-nav li a {
		padding: 1.2em;
	}
	.single-tribe_events a.tribe-events-ics,
	.single-tribe_events a.tribe-events-ical,
	.single-tribe_events a.tribe-events-gcal {
		padding: 0;
	}

#tribe-mobile-container {
		margin-bottom: 1em;
	}
	.tribe-events-calendar thead th {
		text-transform:none;
		letter-spacing: 0;
	}
	#tribe-events-content .tribe-events-calendar td {
		height: 6em;
	}
	.tribe-events-calendar .tribe-events-has-events.mobile-trigger:after {
		margin-top:1em;
	}
	#tribe-events-day .tribe-events-event-image,
	.tribe-events-list .tribe-events-event-image,
	.single-tribe_events .tribe-events-event-image {
		display:block;
		float: none;
		margin: 0 0 1em;
		width: 100%;
	}
	#tribe-events-day .tribe-events-content {
		display:block;
		float: none;
		margin: 0;
		width: 100%;
	}
	.tribe-events-event-image + div.tribe-events-content {
		width: 100%;
	}
	.single-tribe_events .tribe-events-single-section {
		padding-top: 2em;
	}
	.single-tribe_events .tribe-events-single-section + .tribe-events-single-section {
		padding-top:0;
	}
	.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group,
	.single-tribe_events .tribe-events-event-meta .tribe-events-venue-map {
		width: 100%;
		float:none;
		@include border-box;
	}
	.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group {
		margin-left:0 !important;
		margin-bottom: 1.5em;
	}
	.single-tribe_events #tribe-events-footer {
		margin-top: 0;
	}
	.single-tribe_events .tribe-events-sub-nav li a {
		padding: 0;
	}
	.single-tribe_events .tribe-events-sub-nav li a:before {
		left:0;
	}
	.single-tribe_events .tribe-events-sub-nav li + li a:after {
		right: 0;
	}
	.single-tribe_events .tribe-events-sub-nav .tribe-events-nav-next,
	.single-tribe_events .tribe-events-sub-nav .tribe-events-nav-next a {
		text-align: left;
	}
	.sc_events_detailed .sc_events_item_time,
	.sc_events_detailed .sc_events_item_button {
		padding: 0 2px;
	}
	.single-tribe_events .tribe-events-cal-links {
		margin-bottom: 0;
	}
	.single-tribe_events a.tribe-events-ical,
	.single-tribe_events a.tribe-events-ical:hover,
	.single-tribe_events a.tribe-events-gcal,
	.single-tribe_events a.tribe-events-gcal:hover {
		display: block;
		text-align: left;
		margin: 0;
	}
	.single-tribe_events a.tribe-events-gcal +  a.tribe-events-ical {
		margin-top: 0.5em;
	}
	.single-tribe_events .tribe-events-meta-group .tribe-events-single-section-title {
		font-size: 1.15em;
		margin-bottom: 15px;
	}
	.single-tribe_events #tribe-events-content .tribe-events-event-meta dd {
		margin-bottom: 10px;
		font-size: 15px;
		&:last-child {
			margin-bottom: 0;
		}
	}

/* Version 5.0+ */
	.single-tribe_events .tribe-block__venue {
		@include flex-direction(column);
		@include flex-justify-content(flex-start);
		@include flex-align-items(flex-start);
		padding-top: 0;
	}
	.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map,
	.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__meta {
		@include flex-basis(100%);
		width: 100%;
	}
	.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map {
		margin-top: 1em;
		min-height: 0;
	}
	.single-tribe_events .tribe-events-schedule {
		margin: 0.6em 0 1.8em;
		padding: 0 4%;
	}
	.single-tribe_events .tribe-events-single-event-title {
		@include font(26px, 31px);
	}
	.tribe-events .tribe-events-header {
		padding: 10px 14px;
		margin: 0 0 20px;
	}
	.tribe-events button.tribe-events-c-top-bar__datepicker-button,
	.tribe-common .tribe-common-h3 {
		font-size: 16px;
	}
	.tribe-events .datepicker .datepicker-switch {
		@include font(15px, 1.4em);
	}
	.tribe-events .datepicker .datepicker-switch,
	.tribe-events .datepicker .next,
	.tribe-events .datepicker .prev {
		padding: 15px 0;
	}
	.tribe-events .datepicker .day {
		padding: 8px 0;
		@include font(14px, 1.4em);
	}
	.tribe-events .datepicker .dow {
		padding-bottom: 8px;
		@include font(14px, 1.4em);
	}
	.tribe-events .datepicker .next .tribe-common-svgicon,
	.tribe-events .datepicker .prev .tribe-common-svgicon {
		height: 9px;
		width: 6px;
	}
	.tribe-events .tribe-events-calendar-latest-past__event-date-tag-year,
	.tribe-events .tribe-events-calendar-latest-past__event-date-tag-month,
	.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
		@include font(11px, 15px);
	}
	.tribe-common .tribe-common-h4--min-medium {
		font-size: 18px;
	}
	.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper {
		margin-bottom: 15px;
	}
	.tribe-events .tribe-events-calendar-list__event-datetime-wrapper,
	.tribe-events .tribe-events-calendar-list__event-title {
		margin: 0 0 8px;
	}
	.tribe-events .tribe-events-calendar-latest-past__event-cost,
	.tribe-events .tribe-events-calendar-list__event-cost,
	.tribe-events .tribe-events-calendar-day__event-cost {
		font-size: 16px;
		margin-top: 10px;
	}
	.tribe-events .tribe-events-calendar-list__event-datetime-wrapper .tribe-events-calendar-list__event-datetime:before,
	.tribe-events .tribe-events-calendar-day__event-datetime-wrapper .tribe-events-calendar-day__event-datetime:before {
		margin-right: 3px;
	}
	.tribe-events .tribe-events-c-view-selector__button-icon,
	.tribe-events .tribe-events-c-events-bar__search-button-icon {
		width: 18px;
		height: 18px;
	}
	.tribe-events .tribe-events-c-view-selector__list-item-icon {
		width: 16px;
		height: 16px;
		margin-right: 8px;
		margin-top: -3px;
	}
	.tribe-events .tribe-events-c-view-selector__list-item-text {
		@include font(15px, 21px);
	}
	.tribe-events .tribe-events-c-ical__link {
		padding: 13px 31px 12px;
	}
	.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn {
		padding: 13px 26px 12px;
	}
	.tribe-common .tribe-common-form-control-text__input {
		font-size: 15px;
		padding: 8px 28px 8px 0;
	}
	.tribe-events .tribe-events-c-view-selector__content {
		top: calc(100% - 5px);
	}
	.tribe-events .tribe-events-calendar-list__event-wrapper .tribe-events-calendar-list__event.has-post-thumbnail {
		margin-top: 4px;
	}
	.tribe-events .tribe-events-c-top-bar__datepicker-button:after {
		top: 50%;
		font-size: 18px;
		right: -1em;
	}
	.tribe-events .tribe-events-c-events-bar__search-button-icon-svg {
		width: 18px;
	}
}

Sid Gifari From Gifari Industries - BD Cyber Security Team