h1.e-t-name { display: grid; place-items: start center; position: relative; color: #FFF; text-align: center; font-family: Inter; font-size: 27.229px; font-style: normal; font-weight: 900; line-height: normal; letter-spacing: 1.611px; text-transform: uppercase; min-height: 81px; padding-top: 0.75rem; margin-bottom: 3rem; } h1.e-t-name svg { position: absolute; z-index: 0; } h1.e-t-name span { z-index: 1; } .events-tribe-common-l-container { background: #171717; border-radius: 20px; padding: 36px 30px !important; } h2.red-ribbon-after { font-size: 30px; line-height: 36px; letter-spacing: 1px; text-align: left; color: #FFFFFF; padding: 13px 10px 13px 12px; background: #BF0909; display: inline-block; margin: 0; text-transform: uppercase; position: relative; margin-left: -30px; } .tribe-events-calendar-list { margin: 20px 0 !important; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 20px; } .tribe-events-calendar-list > div { margin: 0 !important; } .tribe-common { display: grid; justify-content: center; padding-bottom: 112px; } .tribe-common-g-col { padding: 0 !important; } article { margin: 0 !important; padding: 0 !important; } .tribe-events-calendar-list__event-featured-image-wrapper { width: 100% !important; margin: 0px !important; } .tribe-events-calendar-list__event-featured-image-wrapper a { position: relative; } span.event-text { position: absolute; top: 0px; left: 0px; margin: 32px; display: flex; flex-direction: column; color: var(--White, #FFF); font-family: Inter; font-size: 20px; font-style: normal; font-weight: 900; line-height: normal; text-transform: uppercase; } span.event-text .event-date { font-size: 24px; font-weight: 500; } img.tribe-events-calendar-list__event-featured-image { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: center; } .tribe-common-g-row.tribe-events-calendar-list__event-row { border-radius: 12px; background: var(--color-2, #212121); padding-bottom: 20px; gap: 20px; flex-direction: column; align-items: center; overflow: hidden; } .tribe-common-g-row.tribe-events-calendar-list__event-row > div { border-radius: 12px; overflow: hidden; width: 100%; } .tribe-common-g-row.tribe-events-calendar-list__event-row h3 { color: var(--White, #FFF); font-family: 'Inter', sans-serif; font-size: 24px; font-style: normal; font-weight: 700 !important; line-height: normal; text-transform: uppercase; } nav.tribe-events-calendar-list-nav.tribe-events-c-nav { margin: 20px 0 0; border: 0; padding: 0 !important; } .tribe-common-b2 { color: #fff !important; font-family: 'Inter', sans-serif !important; font-size: 12px !important; } .tribe-common-b2 svg { width: 6px !important; } .tribe-common .tribe-common-c-svgicon, .tribe-common .tribe-common-c-svgicon path { color: inherit !important; fill: #fff !important; } .tribe-events-c-subscribe-dropdown { margin: 20px auto 60px !important; float: none !important; } .tribe-events-c-subscribe-dropdown__button { padding: 10px !important; color: var(--coyote-stroke-1, var(--White, #FFF)) !important; font-family: Inter !important; font-size: 12px !important; font-style: normal; font-weight: 700 !important; line-height: normal !important; text-transform: uppercase; background: #BF0909 !important; border-radius: 6px !important; outline: 0 !important; border: 0 !important; display: flex !important; flex-direction: row; align-items: center; gap: 10px; flex-wrap: nowrap; } .tribe-events-c-subscribe-dropdown__button * { outline: 0 !important; } @media only screen and (max-width:1024px){ .tribe-events-calendar-list { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width:880px){ .tribe-events-calendar-list { grid-template-columns: 1fr; } h2.red-ribbon-after { font-size: 20px; line-height: normal; margin-left: 0px; } .events-tribe-common-l-container { padding: 0 !important; background: transparent; } .tribe-common-g-row.tribe-events-calendar-list__event-row, .tribe-common-g-row.tribe-events-calendar-list__event-row > div { flex-wrap: nowrap; border-radius: 0px; } nav.tribe-events-calendar-list-nav.tribe-events-c-nav { padding-inline: 15px !important; } .tribe-events-c-subscribe-dropdown__container { margin-bottom: 6rem !important; } } @media only screen and (max-width:575px) { h1.e-t-name { place-items: start center; margin-bottom: -3rem; font-size: max(20px); } h1.e-t-name svg { position: absolute; z-index: 0; max-width: 350px; height: 58px; margin: 0 auto; left: 0; right: 0; } .tribe-common-g-row.tribe-events-calendar-list__event-row h3 { font-size: 14px; } } .tribe-events-calendar-list { display: grid; width: 100%; overflow: hidden; } .tribe-events-calendar-list h1 { width: 1380px; color: var(--White, #FFF); font-family: 'Inter', sans-serif; font-size: 24px; font-style: normal; font-weight: 700 !important; line-height: normal; text-align: center; } .tribe-events-calendar-list h1 a { color: inherit !important; text-decoration: underline !important; } @media only screen and (min-width:881px){ .tribe-events-calendar-list h1 { width: 100%; overflow: visible; white-space: nowrap; } } @media only screen and (max-width:880px) and (min-width:577px){ .tribe-events-calendar-list h1 { width: 93.7vw; overflow: visible; white-space: nowrap; } } @media only screen and (max-width:880px){ .events-tribe-common-l-container { background: #171717; border-radius: 20px; padding: 36px 30px !important; } h2.red-ribbon-after { margin-left: -30px !important; } } @media only screen and (max-width:576px){ .tribe-events-calendar-list h1 { width: 100%; } }