/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[10].use[0]!./src/scripts/gutenberg/blocks/guestbook/styles/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*
SM
Phone sizes
*/
/*
MD
Phone / tablet sizes
*/
/*
LG
Tablet / laptop sizes
*/
/*
XL
Laptop sizes
*/
/*
Custom sizes
*/
/* 
This mixin is so we can have more consistency with the front-end & editor styles 
Add styles here that are not yet supported through theme.json
*/
.keep-all {
  word-break: keep-all !important;
}

.wp-block-madden-blocks-guestbook {
  overflow: hidden;
}

.wp-block-madden-blocks-guestbook .wp-block-madden-blocks-guest-entry-grid {
  height: 600px;
}

.wp-block-madden-blocks-guestbook .guestbook-controls {
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 6rem;
}

.wp-block-madden-blocks-guestbook .guestbook-swiper-button-prev, .wp-block-madden-blocks-guestbook .guestbook-swiper-button-next {
  position: relative;
  bottom: 4px;
  cursor: pointer;
}

.wp-block-madden-blocks-guestbook .guestbook-swiper-button-prev::before, .wp-block-madden-blocks-guestbook .guestbook-swiper-button-next::before {
  content: "";
  position: absolute;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent white;
}

.wp-block-madden-blocks-guestbook .guestbook-swiper-button-prev {
  margin-right: 1rem;
}

.wp-block-madden-blocks-guestbook .guestbook-swiper-button-prev::before {
  border-color: transparent white transparent transparent;
}

.wp-block-madden-blocks-guestbook .guestbook-swiper-pagination {
  margin: 1.5rem auto 0.5rem auto;
  text-align: center;
}

.wp-block-madden-blocks-guestbook .guestbook-swiper-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5019607843);
  transition: all 0.3s ease-in-out;
  margin: 0 0.5rem;
  width: 15px;
  height: 15px;
  opacity: 0.7;
}

.wp-block-madden-blocks-guestbook .guestbook-swiper-pagination .swiper-pagination-bullet-active {
  background: white;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}

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