.event-marquee .widget-header-inner {
	display: flex;
	border-bottom: 0;
	flex-direction: column;
	align-items: flex-start;
}

.event-marquee .widget-header-inner .view-links {
	display: flex;
	gap: 10px;
}

.event-marquee  .widget-title {
    font-size: 3.125rem;
    text-transform: uppercase;
}

.event-marquee .widget-small-title {
	font-size: 1.25rem;
	font-family: var(--font-droid);
	font-style: italic;
	color: var(--blue-32);
	font-weight: 700;
}

.event-marquee .widget-first-link,
.event-marquee .widget-second-link {
	margin: 15px 0 0;
	font-size: 0.75rem;
	letter-spacing: 0.8px;
	font-weight: 900;
	text-transform: uppercase;
	border-radius: var(--rounded-full);
	padding: 9px 24px;
	font-family: var(--font-bebas-expanded);
}

.event-marquee .details li:not(.has-link), 
.event-marquee .details li.has-link > a {
    gap: 15px;
}

.event-marquee .widget-first-link {
	background-color: var(--green-64);
	color: var(--black-32);
}

.event-marquee .widget-second-link {
	background-color: var(--white);
	color: var(--black-32);
}

.event-marquee .widget-header {
    margin-bottom: 10px;
    padding: 0 30px;
}

.event-marquee  .inner {
    position: relative;
}

.event-marquee .slide {
	margin-bottom: 18px;
}

.event-marquee .slide > .inner {
    margin: 0 auto;
    padding: 0 30px;
    max-width: var(--width-base);
}

.event-marquee .slide .slide-top {
    display: grid;
    gap: var(--space-2);
}

.event-marquee .slide .content-section {
    display: grid;
    place-items: center;
}

.event-marquee .slide .img-cont {
    position: relative;
    margin-bottom: 5px;
    overflow: hidden;
    max-width: 100%;
}

.event-marquee .mini-date-section {
    top: 10px;
    left: 10px;
    height: 58px;
    width: 58px;
    border-radius: var(--rounded-circle);
    background-color: var(--blue-32);
}

.event-marquee .mini-date-section .date-month {
    font-size: 0.875rem;
    font-family: var(--font-bebas-expanded);
    font-weight: 100;
}

.event-marquee .mini-date-section .date-day {
    font-size: 1.625rem;
    font-family: var(--font-droid);
    font-style: italic;
}

.event-marquee .slide .content-section > .inner {
    display: grid;
    gap: var(--space-4);
	width: 100%;
}

.event-marquee .slide .content-section .content-top {
    display: grid;
    gap: var(--space-3);
    padding: 10px 0;
}

.event-marquee .slide .content-section .heading-container {
    display: grid;
    gap: var(--space-1);
}

.event-marquee .slide .slide-title, 
.event-marquee .slide .slide-title > a {
    font-family: var(--font-title);
    font-size: 1.5rem;
    line-height: var(--leading-tight);
}

.event-marquee .details li .icon {
    color: var(--green-64);
}

.event-marquee .details,
.event-marquee .details li a {
    font-size: 1rem;
    font-family: var(--font-desc);
}

@media (hover: hover) {
	.event-marquee .widget-first-link:hover {
		background-color: var(--tertiary-color-100);
	}

	.event-marquee .widget-second-link:hover {
		background-color: var(--gray-700);
		color: var(--gray-100);
	}

	.event-marquee .slide .slide-title > a:hover {
	    text-decoration: underline;
	}	
}


@media (min-width: 375px) {
	.event-marquee .widget-header-inner .view-links {
	    gap: 20px;
	}

	.event-marquee .widget-first-link, .event-marquee .widget-second-link {
	    font-size: 1rem;
	}
}

@media (min-width: 40em){
	.event-marquee .slide > .inner {
		display: grid;
		grid-template-columns: 1fr 1fr;
		max-width: 1220px;
	}

	.event-marquee .slide .content-section .content-top {
	    padding: 20px;
	}
}

@media (min-width: 64em){
	
	.event-marquee .widget-header {
		max-width: 1220px;
	}

	.event-marquee .slide .content-section .content-top {
	    padding: 20px 5px;
	}

	.event-marquee .widget-header-inner {
	    display: flex;
	    border-bottom: 0;
	    flex-direction: row;
	    align-items: center;
	    justify-content: flex-start;
	}

	.event-marquee .slide .blog-feed-header-mobile-container {
		display: none;
	}

	.event-marquee.slide .img-cont {
		margin-bottom: 0;
	}

	.event-marquee .slide .content-section > .inner {
		padding-right: 40px;
	}

	.event-marquee .slide .content-section > .inner {
		padding-left: 5px;
		width: 100%;
		max-width: var(--width-comfortable);
	}

	.event-marquee .widget-small-title {
	    font-size: 1.625rem;
	    line-height: 0.7;
	}

	.event-marquee .widget-title {
	    font-size: 6.25rem;
	}

	.event-marquee .widget-first-link, 
	.event-marquee .widget-second-link {
	    font-size: 1.125rem;
	    padding: 9px 34px;
	}
	
	.event-marquee .widget-header-inner .view-links {
	    gap: 30px;
	}

	.event-marquee .slide .slide-title, 
	.event-marquee .slide .slide-title > a {
	    font-size: 2.625rem;
	}

	.event-marquee .details, 
	.event-marquee .details li a,
	.event-marquee .slide p{
	    font-size: 1.25rem;
	}

	.event-marquee .mini-date-section .date-month {
	    font-size: 1.5rem;
	}

	.event-marquee .mini-date-section .date-day {
	    font-size: 2.8125rem;
	}

	.event-marquee .mini-date-section {
	    top: 30px;
	    left: 35px;
	    height: 124px;
	    width: 124px;
	    padding: 20px 30px;
	}
}