/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/events/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.block-editor-block-inspector {
  font-size: 10px;
}

.block-editor-inner-blocks {
  display: block;
  width: 100%;
}

.wp-block[data-align=center] {
  text-align: center;
}

.block-editor-block-inspector select[multiple] {
  height: auto !important;
}

.wp-block-boldblock-events {
  display: block;
  margin-top: 4rem;
}
.wp-block-boldblock-events.full-height {
  max-height: 100vh;
}
.wp-block-boldblock-events.auto-height {
  max-height: none;
}
.wp-block-boldblock-events > .gems {
  height: 100%;
}
.wp-block-boldblock-events .event-post {
  justify-content: flex-start;
  padding: 0;
  background: #f3f3f3;
  transition: background-color 0.5s ease;
}
.wp-block-boldblock-events .event-post:nth-child(even) {
  background: #D6D2CD;
}
.wp-block-boldblock-events .event-post:nth-child(even) .event-date {
  color: #f3f3f3;
}
.wp-block-boldblock-events .event-post:hover {
  background: #fff;
}
.wp-block-boldblock-events .event-post:hover .event-date {
  color: #fff;
  transform: translate(-50%, -50%) scale(1.2);
}
.wp-block-boldblock-events .event-post:hover .post-image {
  background: rgba(0, 0, 0, 0.5);
}
.wp-block-boldblock-events .event-post:hover .post-image img {
  width: 120%;
  height: 120%;
  opacity: 0.5;
}
.wp-block-boldblock-events .event-post .post-image {
  position: relative;
  z-index: 10;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  transition: background-color 0.5s ease;
}
.wp-block-boldblock-events .event-post .post-image img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transition: all 0.5s ease;
}
.wp-block-boldblock-events .event-post .event-date {
  display: block;
  position: absolute;
  width: 60%;
  z-index: 999;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  line-height: 0.9em;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
  top: 50%;
  margin: 0;
  color: #D6D2CD;
  transition: transform 0.5s ease;
}
.wp-block-boldblock-events .event-post .event-date span {
  display: block;
}
.wp-block-boldblock-events .event-post .post-info {
  position: relative;
  z-index: 20;
  text-align: center;
  padding: 2rem;
}
.wp-block-boldblock-events .event-post .post-info h3 {
  color: #444444;
  font-size: 2rem;
  letter-spacing: 0.1em;
}
.wp-block-boldblock-events .event-post .post-info .date {
  color: rgb(138, 60, 59);
}
.wp-block-boldblock-events .pagination {
  display: block;
  margin: 2rem auto;
}
.wp-block-boldblock-events .pagination ul li {
  display: inline-block;
}
.wp-block-boldblock-events .pagination ul li button {
  padding: 0;
  background: none;
  color: #D6D2CD;
  height: 3rem;
  width: 3rem;
  font-size: inherit;
}
.wp-block-boldblock-events .pagination ul li.active button, .wp-block-boldblock-events .pagination ul li.active:hover button {
  background: rgb(204, 61, 59);
  color: #FFF;
  font-weight: bold;
  pointer-events: none;
}
.wp-block-boldblock-events .pagination ul li.hide {
  display: none;
}
.wp-block-boldblock-events .pagination ul li:hover button {
  background: #f3f3f3;
  color: #444444;
}
.wp-block-boldblock-events article .date {
  color: #8a3c3b;
  font-weight: 600;
}
.wp-block-boldblock-events article .tags {
  margin-top: 10px;
}
.wp-block-boldblock-events article .tags span {
  margin: 0 10px 0 0;
  color: rgb(138, 60, 59);
  display: inline-block;
  font-weight: 600;
}

/*# sourceMappingURL=style-index.css.map*/