/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.event-grid-items:nth-child(4n+1) .event-grid-item:not(.has-background-image) { background: #10abb6; }

.event-grid-items:nth-child(4n+1) .event-grid-item:hover::before { background: rgba(16, 171, 182, 0.92); }

.event-grid-items:nth-child(4n+2) .event-grid-item:not(.has-background-image) { background: #127dba; }

.event-grid-items:nth-child(4n+2) .event-grid-item:hover::before { background: rgba(18, 125, 186, 0.92); }

.event-grid-items:nth-child(4n+3) .event-grid-item:not(.has-background-image) { background: #66c29e; }

.event-grid-items:nth-child(4n+3) .event-grid-item:hover::before { background: rgba(102, 194, 158, 0.92); }

.event-grid-items:nth-child(4n+4) .event-grid-item:not(.has-background-image) { background: #30549a; }

.event-grid-items:nth-child(4n+4) .event-grid-item:hover::before { background: rgba(48, 84, 154, 0.92); }

.grid-item-category { top: 0; }

.event-grid-item { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 280px; flex: 0 0 280px; max-width: 364px; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 0; overflow: hidden; }

.event-grid-item:hover::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; content: ' '; z-index: 1; }

.event-grid-item .sold-out { position: absolute; top: 20px; right: -46px; width: 238px; height: 30px; line-height: 30px; background: #fff; color: #212529; -webkit-transform: rotateZ(25deg); -ms-transform: rotate(25deg); transform: rotateZ(25deg); z-index: 2; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 14px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); }

.event-grid-item.has-background-image::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); content: ' '; z-index: 1; }

.event-grid-item .material-icons { position: relative; top: 2px; font-size: 16px; }

.event-grid-item-inner { position: relative; height: 280px; z-index: 2; }

.event-grid-item-text, .event-item-title { font-size: 15px; }

.cart-table { width: 100%; border-bottom: solid 1px #d7d7d7; border-collapse: collapse; overflow-x: auto; }

.cart-table p { font-family: sofia-pro, sans-serif; font-weight: 300; }

.cart-table th { padding: 1.3rem; vertical-align: middle; }

.cart-table td { padding: 1.3rem; }

#CartForm_CartForm { padding: 0; }

#CartForm_CartForm .form-group { padding: 0; }

#CartForm_CartForm .form-action { margin-top: 2rem; }

#CartForm_CartForm .form-control { max-width: 6rem; }

.payment-form { max-width: 500px; }

.dot-crumbing { width: 75%; margin: 0 auto; position: relative; }

.dot-crumbing .crumb-item { position: relative; width: 100%; }

.dot-crumbing .crumb-item:last-child::after { background: none; }

.dot-crumbing .crumb-item::after { content: ' '; position: absolute; height: 3px; width: 100%; right: -50%; z-index: 1; top: 11px; }

.dot-crumbing .crumb-item .crumb-item-title { color: #10abb6; }

.dot-crumbing .crumb-item.crumb-item-incomplete .crumb-item-title { color: #d7d7d7; }

.dot-crumbing .crumb-item.crumb-item-complete:not(.crumb-item-last)::after { background: #10abb6; }

.dot-crumbing .crumb-item.crumb-item-current:not(.crumb-item-last)::after, .dot-crumbing .crumb-item.crumb-item-incomplete:not(.crumb-item-last)::after { background: #d7d7d7; }

.dot-crumbing .dot { position: relative; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 100px; background: #10abb6; color: #fff; border: solid 3px #10abb6; z-index: 2; }

.dot-crumbing .dot .material-icons { font-size: 14px; position: relative; top: -3px; }

.dot-crumbing .crumb-item-current .dot, .dot-crumbing .crumb-item-incomplete .dot { background: #d7d7d7; }

.dot-crumbing .crumb-item-incomplete .dot { border-color: #d7d7d7; }

@media (min-width: 576px) { .event-grid-item-text, .event-item-title { font-size: 17px; } }

@media (min-width: 768px) { .event-grid-item { max-width: none; } }

@media (min-width: 992px) { .event-grid-item-text { font-size: 19px; }
  .event-item-title { font-size: 22px; } }
/*# sourceMappingURL=events.css.map */