/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./resources/blocks/experience-description/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-abr-boat-types-grid .boat-type-grid {
  display: grid;
  gap: 25px;
}
.wp-block-abr-boat-types-grid .boat-type-grid.grid-items-3 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
.wp-block-abr-boat-types-grid .boat-type-grid.grid-items-3 .boat-type-grid-item:first-child {
  grid-row: span 2;
}
@media only screen and (max-width: 768px) {
  .wp-block-abr-boat-types-grid .boat-type-grid {
    grid-template-columns: 1fr !important;
  }
}
.wp-block-abr-boat-types-grid .boat-type-grid .boat-type-grid-item {
  position: relative;
  min-height: 300px;
  border-radius: 20px;
  overflow: hidden;
}
.wp-block-abr-boat-types-grid .boat-type-grid .boat-type-grid-item:hover img {
  transform: scale(1.05);
}
.wp-block-abr-boat-types-grid .boat-type-grid .boat-type-grid-item:hover a {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.41) 100%);
}
.wp-block-abr-boat-types-grid .boat-type-grid .boat-type-grid-item img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 400ms, background 400ms;
}
.wp-block-abr-boat-types-grid .boat-type-grid .boat-type-grid-item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 30px 40px;
  box-sizing: border-box;
  justify-content: flex-end;
  flex-direction: column;
  font-family: var(--wp--preset--font-family--outfit), sans-serif;
  font-weight: 500;
  text-decoration: none;
  color: white;
  font-size: var(--wp--preset--font-size--x-large);
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.31) 100%);
}

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