/** Colors */

/** Box Model  */

/** Import everything from autoload */

/**
 * Import npm dependencies
 *
 * Prefix your imports with `~` to grab from node_modules/
 * @see https://github.com/webpack-contrib/sass-loader#imports
 */

/** Import theme styles */

/** Search form */

/**
 * WordPress Generated Classes
 * @see http://codex.wordpress.org/CSS#WordPress_Generated_Classes
 */

/** Media alignment */

/* line 7, resources/assets/styles/components/_wp-classes.scss */

.alignnone {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  height: auto;
}

/* line 14, resources/assets/styles/components/_wp-classes.scss */

.aligncenter {
  display: block;
  margin: 1rem auto;
  height: auto;
}

/* line 20, resources/assets/styles/components/_wp-classes.scss */

.alignleft,
.alignright {
  margin-bottom: 1rem;
  height: auto;
}

@media (min-width: 30rem) {
  /* line 27, resources/assets/styles/components/_wp-classes.scss */

  .alignleft {
    float: left;
    margin-right: 1rem;
  }

  /* line 32, resources/assets/styles/components/_wp-classes.scss */

  .alignright {
    float: right;
    margin-left: 1rem;
  }
}

/** Captions */

/** Text meant only for screen readers */

/* line 45, resources/assets/styles/components/_wp-classes.scss */

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  color: #000;
  background: #fff;
}

/* line 1, resources/assets/styles/layouts/_tinymce.scss */

body#tinymce {
  margin: 12px !important;
}


/*# sourceMappingURL=main.css.map*/

/*Carousel enlarge*/

<style>
  /* Fullscreen scaling */
  .carousel.fullscreen {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    background-color: black;
  }

  .carousel.fullscreen .carousel-inner,
  .carousel.fullscreen .carousel-item {
    height: 100vh;
  }

  .carousel.fullscreen .carousel-item img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    display: block;
    margin: auto;
  }

  /* Exit button styling */
  .exit-fullscreen-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1060;
    display: none;
    background-color: rgba(255, 255, 255, 0.9);
    color: black;
    border: none;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 4px;
    cursor: pointer;
  }

  .carousel.fullscreen .exit-fullscreen-btn {
    display: block;
  }
</style>
