.brx-submenu-positioned { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; } .bricks-menu-item button i, .bricks-menu-item button svg{ transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1); transform: rotate(0deg); } .bricks-menu-item.open button i, .bricks-menu-item.active.open button svg{ transform: rotate(180deg); } .brx-sticky { transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; } brx-sticky.scrolling.slide-up { box-shadow: rgba(0, 0, 0, 0) 0px 7px 14px, rgba(0, 0, 0, 0) 0px 5px 5px; } .brx-submenu-positioned .bricks-menu-item { transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); } .brx-submenu-positioned .bricks-menu-item:hover { background-color: var(--primary-d-1); color: var(--secondary); } .tribe-events-header__events-bar, .tribe-events-calendar-list-nav, .tribe-events-c-subscribe-dropdown__container{display:none !important;} .tribe-events-header {margin-top:5rem!important;} @keyframes ticker { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } .ticker-track { animation: ticker 40s linear infinite;} body, p, span, ul, li{ font-family: "Google Sans"; } .bricks-button { box-shadow: 0px 3px 12px 5px var(--warning-t-5); -webkit-box-shadow: 0px 3px 12px 5px var(--warning-t-5); transition: all 500 cubic-bezier(0.4, 0, 0.2, 1); } .bricks-button:hover { box-shadow: 0px 3px 12px 5px var(--secondary-t-5); -webkit-box-shadow: 0px 3px 12px 5px var(--secondary-t-5); } .bricks-button.bricks-background-primary{ box-shadow: 0px 3px 12px 5px var(--primary-t-5); -webkit-box-shadow: 0px 3px 12px 5px var(--primary-t-5); } .bricks-button.bricks-background-primary:hover{ box-shadow: 0px 3px 12px 5px var(--secondary-t-5); -webkit-box-shadow: 0px 3px 12px 5px var(--secondary-t-5); } .bricks-button.bricks-background-secondary{ box-shadow: 0px 3px 12px 5px var(--secondary-t-5); -webkit-box-shadow: 0px 3px 12px 5px var(--secondary-t-5); } .bricks-button.bricks-background-secondary:hover{ box-shadow: 0px 3px 12px 5px var(--success-t-5); -webkit-box-shadow: 0px 3px 12px 5px var(--success-t-5); } .bricks-button.bricks-background-success{ box-shadow: 0px 3px 12px 5px var(--success-t-5); -webkit-box-shadow: 0px 3px 12px 5px var(--success-t-5); } .bricks-button.bricks-background-success:hover{ } .bricks-button.bricks-background-info{ box-shadow: 0px 3px 12px 5px var(--info-t-5); -webkit-box-shadow: 0px 3px 12px 5px var(--info-t-5); } .bricks-button.bricks-background-info:hover{ } .neocard { --grad: var(--primary), var(--secondary); padding: 2.5rem; background-image: linear-gradient(to bottom left, #e0e4e5, #f2f6f9); border-radius: 2rem; gap: 1.5rem; display: grid; grid-template: 'title icon' 'content content' 'bar bar' / 1fr auto; font-family: system-ui, sans-serif; color: #444447; box-shadow: inset -2px 2px hsl(0 0 100% / 1), -20px 20px 40px hsl(0 0 0 / .25) ; .title { font-size: 1.5rem; grid-area: title; align-self: end; text-transform: uppercase; font-weight: 500; word-break: break-all; } .icon { grid-area: icon; font-size: 3rem; > i { color: transparent; background: linear-gradient(to right, var(--grad)); background-clip: text; } } .content { grid-area: content; & > *:first-child { margin-top: 0rem} & > *:last-child { margin-bottom: 0rem} } &::after { content: ""; grid-area: bar; height: 2px; background-image: linear-gradient(90deg, var(--grad));  } }