/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-bod-modal-block.align-center {
  text-align: center; }

.wp-block-bod-modal-block.align-left {
  text-align: left; }

.wp-block-bod-modal-block.align-right {
  text-align: right; }

.wp-block-bod-modal-block .bod-btn {
  display: inline-block;
  vertical-align: top;
  line-height: 1.5;
  padding: 8px 20px;
  margin: 4px 0;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer; }

.bod-block-popup-overlay,
.bod-block-popup-wrap {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%; }

.bod-block-popup-overlay {
  z-index: 10001;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0; }
  .bod-block-popup-overlay.active {
    opacity: 1; }

.bod-block-popup-wrap {
  z-index: 10002; }
  .bod-block-popup-wrap.active {
    opacity: 1; }
    .bod-block-popup-wrap.active .bod-block-popup-closer {
      opacity: 1; }
  .bod-block-popup-wrap .bod-block-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    overflow: auto; }
    .bod-block-popup-wrap .bod-block-popup.size-s {
      width: 400px; }
    .bod-block-popup-wrap .bod-block-popup.size-m {
      width: 600px; }
    .bod-block-popup-wrap .bod-block-popup.size-l {
      width: 800px; }
    .bod-block-popup-wrap .bod-block-popup.size-xl {
      width: 1000px; }
    .bod-block-popup-wrap .bod-block-popup.size-f {
      width: 100%; }
    .bod-block-popup-wrap .bod-block-popup .bod-modal-title h2 {
      white-space: pre-line !important; }
  .bod-block-popup-wrap .bod-block-popup-closer {
    position: fixed;
    top: 0;
    right: 0;
    text-align: center;
    font-weight: normal;
    line-height: 48px;
    height: 48px;
    width: 48px;
    color: black;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.2); }
    .bod-block-popup-wrap .bod-block-popup-closer:before {
      content: '\00D7';
      font-size: 48px; }
    .bod-block-popup-wrap .bod-block-popup-closer:hover {
      cursor: pointer; }