/*!
 * WP Offers v1.2.0 - https://www.kitthemes.com/wp-offers
 * KitThemes - https://www.kitthemes.com/
 * (c) 2020 - 2022 KitThemes
 * GPLv2 or later
 */
/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/editor/components/TopBar/style.scss ***!
  \**********************************************************************************************************************************/
.coupon-editor-topbar {
  background-color: #fff;
  border-bottom: 1px solid #E2E4E7;
  padding: 10px 30px;
  display: flex;
  flex-wrap: wrap;
  position: sticky;
  top: 32px;
  z-index: 99; }
  @media (max-width: 1110px) {
    .coupon-editor-topbar > img {
      margin: 0 auto 10px; } }
  .coupon-editor-topbar__actions {
    margin-left: auto; }
    @media (max-width: 1110px) {
      .coupon-editor-topbar__actions {
        margin-right: auto; } }
    @media (max-width: 782px) {
      .coupon-editor-topbar__actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center; } }
    .coupon-editor-topbar__actions .components-popover__content {
      padding: 10px; }
    .coupon-editor-topbar__actions .coupon-editor-publish-date {
      display: inline-block;
      margin-right: 20px; }
      @media (max-width: 510px) {
        .coupon-editor-topbar__actions .coupon-editor-publish-date {
          width: 100%;
          text-align: center; } }
      .coupon-editor-topbar__actions .coupon-editor-publish-date > label {
        margin-right: 10px;
        line-height: 30px; }
      .coupon-editor-topbar__actions .coupon-editor-publish-date .is-link {
        line-height: 30px; }
    @media (max-width: 782px) {
      .coupon-editor-topbar__actions .wp-offers-draft-btn {
        margin-left: auto; } }
    @media (max-width: 510px) {
      .coupon-editor-topbar__actions .wp-offers-publish-btn {
        margin-right: auto; } }
  .coupon-editor-topbar .coupon-shortcode[readonly] {
    border: 1px solid #E2E4E7;
    padding: 2px 15px;
    background-color: #fff;
    margin-right: 20px; }
    @media (max-width: 782px) {
      .coupon-editor-topbar .coupon-shortcode[readonly] {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 10px;
        order: 1; } }

/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/editor/components/EditorBody/style.scss ***!
  \**************************************************************************************************************************************/
.coupon-editor-topbar .components-button,
.coupon-editor-modal .components-button,
.coupon-editor-body .components-button {
  height: 34px;
  transition: all 0.3s; }
  .coupon-editor-topbar .components-button.is-primary,
  .coupon-editor-modal .components-button.is-primary,
  .coupon-editor-body .components-button.is-primary {
    background-color: #F62A70;
    border-color: #F62A70;
    color: #fff; }
    .coupon-editor-topbar .components-button.is-primary:focus,
    .coupon-editor-modal .components-button.is-primary:focus,
    .coupon-editor-body .components-button.is-primary:focus {
      background-color: #F62A70;
      border-color: #F62A70;
      box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #F62A70; }
    .coupon-editor-topbar .components-button.is-primary:active, .coupon-editor-topbar .components-button.is-primary:hover,
    .coupon-editor-modal .components-button.is-primary:active,
    .coupon-editor-modal .components-button.is-primary:hover,
    .coupon-editor-body .components-button.is-primary:active,
    .coupon-editor-body .components-button.is-primary:hover {
      background-color: #f51260 !important;
      border-color: #f51260 !important; }
    .coupon-editor-topbar .components-button.is-primary.is-pressed,
    .coupon-editor-modal .components-button.is-primary.is-pressed,
    .coupon-editor-body .components-button.is-primary.is-pressed {
      background-color: #ed0a58;
      box-shadow: inset 0 2px 5px -3px #555d66; }
      .coupon-editor-topbar .components-button.is-primary.is-pressed:focus,
      .coupon-editor-modal .components-button.is-primary.is-pressed:focus,
      .coupon-editor-body .components-button.is-primary.is-pressed:focus {
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #F62A70, inset 0 2px 5px -3px #555d66; }
    .coupon-editor-topbar .components-button.is-primary.is-busy,
    .coupon-editor-modal .components-button.is-primary.is-busy,
    .coupon-editor-body .components-button.is-primary.is-busy {
      background-size: 29px 40px;
      background-image: linear-gradient(-45deg, #F62A70 20%, #e30a54 20%, #e30a54 40%, #F62A70 40%, #F62A70 60%, #e30a54 60%, #e30a54 80%, #F62A70 80%);
      animation: buttonBusy 1.5s infinite linear;
      opacity: 0.7;
      cursor: not-allowed; }
  .coupon-editor-topbar .components-button.is-secondary,
  .coupon-editor-modal .components-button.is-secondary,
  .coupon-editor-body .components-button.is-secondary {
    background-color: #fff;
    color: #F62A70;
    box-shadow: inset 0 0 0 1px #F62A70; }
    .coupon-editor-topbar .components-button.is-secondary:active, .coupon-editor-topbar .components-button.is-secondary:hover,
    .coupon-editor-modal .components-button.is-secondary:active,
    .coupon-editor-modal .components-button.is-secondary:hover,
    .coupon-editor-body .components-button.is-secondary:active,
    .coupon-editor-body .components-button.is-secondary:hover {
      background-color: rgba(246, 42, 112, 0.05) !important;
      box-shadow: inset 0 0 0 1px #F62A70;
      color: #F62A70 !important; }
    .coupon-editor-topbar .components-button.is-secondary.is-pressed,
    .coupon-editor-modal .components-button.is-secondary.is-pressed,
    .coupon-editor-body .components-button.is-secondary.is-pressed {
      background-color: rgba(246, 42, 112, 0.05) !important;
      box-shadow: inset 0 2px 5px -3px #555d66; }
      .coupon-editor-topbar .components-button.is-secondary.is-pressed:focus,
      .coupon-editor-modal .components-button.is-secondary.is-pressed:focus,
      .coupon-editor-body .components-button.is-secondary.is-pressed:focus {
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #F62A70, inset 0 2px 5px -3px #555d66; }
    .coupon-editor-topbar .components-button.is-secondary:focus,
    .coupon-editor-modal .components-button.is-secondary:focus,
    .coupon-editor-body .components-button.is-secondary:focus {
      color: #F62A70;
      background-color: #fff;
      box-shadow: 0 0 0 1.5px #F62A70; }
    .coupon-editor-topbar .components-button.is-secondary.is-busy,
    .coupon-editor-modal .components-button.is-secondary.is-busy,
    .coupon-editor-body .components-button.is-secondary.is-busy {
      background-size: 29px 40px;
      background-image: linear-gradient(-45deg, #fff 20%, #FEEFF4 20%, #FEEFF4 40%, #fff 40%, #fff 60%, #FEEFF4 60%, #FEEFF4 80%, #fff 80%);
      animation: buttonBusy 1.5s infinite linear;
      opacity: 0.7;
      cursor: not-allowed; }
  .coupon-editor-topbar .components-button.is-large,
  .coupon-editor-modal .components-button.is-large,
  .coupon-editor-body .components-button.is-large {
    height: 42px;
    line-height: 40px;
    padding: 0 25px 2px; }
  .coupon-editor-topbar .components-button.is-link,
  .coupon-editor-modal .components-button.is-link,
  .coupon-editor-body .components-button.is-link {
    color: #F62A70;
    text-decoration: none; }
    .coupon-editor-topbar .components-button.is-link:active, .coupon-editor-topbar .components-button.is-link:hover,
    .coupon-editor-modal .components-button.is-link:active,
    .coupon-editor-modal .components-button.is-link:hover,
    .coupon-editor-body .components-button.is-link:active,
    .coupon-editor-body .components-button.is-link:hover {
      color: #F62A70 !important; }
    .coupon-editor-topbar .components-button.is-link:focus,
    .coupon-editor-modal .components-button.is-link:focus,
    .coupon-editor-body .components-button.is-link:focus {
      box-shadow: inset 0 0 0 1px #f62a70, inset 0 0 0 2px #fff !important; }
  .coupon-editor-topbar .components-button + .components-button,
  .coupon-editor-modal .components-button + .components-button,
  .coupon-editor-body .components-button + .components-button {
    margin-left: 5px; }

.coupon-editor-topbar .components-datetime__time-field-am-pm .components-button + .components-button,
.coupon-editor-modal .components-datetime__time-field-am-pm .components-button + .components-button,
.coupon-editor-body .components-datetime__time-field-am-pm .components-button + .components-button {
  margin-left: 0; }

.coupon-editor-topbar .components-button-group .components-button.is-primary,
.coupon-editor-modal .components-button-group .components-button.is-primary,
.coupon-editor-body .components-button-group .components-button.is-primary {
  box-shadow: none; }
  .coupon-editor-topbar .components-button-group .components-button.is-primary:focus,
  .coupon-editor-modal .components-button-group .components-button.is-primary:focus,
  .coupon-editor-body .components-button-group .components-button.is-primary:focus {
    border-color: #e30a54;
    z-index: 99; }

.coupon-editor-topbar .components-button-group .components-button + .components-button,
.coupon-editor-modal .components-button-group .components-button + .components-button,
.coupon-editor-body .components-button-group .components-button + .components-button {
  margin-left: -1px; }

.coupon-editor-body-wrap {
  display: flex;
  flex-wrap: wrap;
  height: calc( 100vh - 88px); }

.coupon-editor-preview {
  flex: 1 1 0;
  max-width: 100%; }

.coupon-editor-body {
  flex: 0 0 500px;
  max-width: 500px;
  padding: 20px 20px 50px;
  overflow: auto;
  height: 100%;
  box-sizing: border-box;
  border-left: 1px solid #E2E4E7; }
  .coupon-editor-body input[type="text"],
  .coupon-editor-body input[type="url"] {
    border: 1px solid #E2E4E7;
    padding: 2px 7px;
    box-shadow: none;
    font-size: 14px; }
    .coupon-editor-body input[type="text"]:focus,
    .coupon-editor-body input[type="url"]:focus {
      border-color: #7E8993; }
  .coupon-editor-body input[type="text"].coupon-editor-title {
    font-size: 1.5em;
    padding: 0 20px;
    font-weight: 500; }

.coupon-editor-input {
  margin-bottom: 20px; }
  .coupon-editor-input input[type="text"],
  .coupon-editor-input textarea {
    width: 100%; }

.coupon-editor-taxonomies-thumb {
  display: flex;
  flex-wrap: wrap; }
  .coupon-editor-taxonomies-thumb .coupon-editor-taxonomies {
    flex: 1 1 0;
    max-width: 100%; }
  .coupon-editor-taxonomies-thumb .coupon-editor-thumb {
    flex: 0 0 150px;
    max-width: 150px;
    padding-left: 20px; }
    @media (max-width: 610px) {
      .coupon-editor-taxonomies-thumb .coupon-editor-thumb {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding: 0; } }

@keyframes buttonBusy {
  0% {
    background-position: 58px 0; } }

.taxonomy-input {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px; }
  .taxonomy-input label {
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px; }
  .taxonomy-input .react-select {
    flex: 1 1 0;
    max-width: 100%; }
  .taxonomy-input .components-button {
    flex: 0 0 100px;
    width: 100px;
    margin-left: 10px;
    text-align: center;
    display: block; }

.coupon-editor-preview-iframe {
  width: 100%;
  height: 100%; }

/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/editor/components/TinyEditor/style.scss ***!
  \**************************************************************************************************************************************/
.mce-tinymce.mce-container {
  border: 1px solid #e5e5e5; }

/*!*****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/editor/components/FeaturedImage/style.scss ***!
  \*****************************************************************************************************************************************/
.coupon-featured-image-placeholder {
  border: 1px solid #E2E4E7;
  border-radius: 4px;
  height: 150px;
  width: 100%;
  background-color: #fff;
  cursor: pointer; }
  .coupon-featured-image-placeholder .dashicons {
    display: block;
    font-size: 40px;
    line-height: 40px;
    height: auto;
    width: auto;
    text-align: center;
    color: #E2E4E7; }

.coupon-featured-image-text {
  display: block;
  text-align: center;
  color: #7E8993; }

.coupon-featured-image-holder {
  background-color: #fff;
  padding: 0;
  width: 100%;
  border: none;
  display: block;
  cursor: pointer;
  height: 150px;
  border: 1px solid #E2E4E7;
  box-sizing: border-box;
  border-radius: 4px;
  text-align: center;
  overflow: hidden;
  background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px; }
  .coupon-featured-image-holder img {
    max-width: 100%; }

.coupon-featured-image {
  position: relative; }

.coupon-featured-image-remove {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  color: #fff;
  height: 35px;
  cursor: pointer;
  border-radius: 0 0 4px 4px; }
  .coupon-featured-image-remove .dashicons {
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 1;
    vertical-align: middle;
    margin-right: 4px; }

/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/editor/components/PostLockedModal/style.scss ***!
  \*******************************************************************************************************************************************/
.editor-post-locked-modal {
  height: auto;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  max-width: 480px; }
  .editor-post-locked-modal .components-modal__header {
    height: 36px; }
  .editor-post-locked-modal .components-modal__content {
    height: auto; }

.editor-post-locked-modal__buttons {
  margin-top: 10px; }
  .editor-post-locked-modal__buttons .components-button {
    margin-right: 5px; }

.editor-post-locked-modal__avatar {
  float: left;
  margin: 5px;
  margin-right: 15px; }

/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/editor/style.scss ***!
  \****************************************************************************************************************/
body.coupon-editor {
  background-color: #fff; }
  body.coupon-editor #screen-meta-links {
    display: none; }
  body.coupon-editor .notice,
  body.coupon-editor .notice-success,
  body.coupon-editor .notice-error,
  body.coupon-editor .notice-info,
  body.coupon-editor div.updated,
  body.coupon-editor div.error {
    display: none !important; }
  body.coupon-editor #wpbody-content {
    padding-bottom: 0;
    position: sticky;
    top: 32px;
    height: calc( 100vh - 32px); }
  body.coupon-editor #wpfooter {
    display: none; }
  body.coupon-editor .wpo-preloader {
    height: calc( 100vh - 97px); }

.wp-offers-editor {
  margin-left: -20px; }
  .wp-offers-editor .components-datetime select,
  .wp-offers-editor .components-datetime input {
    border: 1px solid #E2E4E7;
    box-shadow: none; }
    .wp-offers-editor .components-datetime select:focus,
    .wp-offers-editor .components-datetime input:focus {
      border-color: #7E8993; }
  .wp-offers-editor .components-datetime__date .CalendarDay__selected {
    background-color: #F62A70; }
    .wp-offers-editor .components-datetime__date .CalendarDay__selected:hover {
      background-color: #f51260; }
  .wp-offers-editor .CalendarDay__default:hover {
    background-color: rgba(246, 42, 112, 0.1);
    color: #F62A70; }
  .wp-offers-editor .DayPickerNavigation_button__horizontalDefault:focus {
    background-color: transparent;
    border-color: #F62A70;
    color: #F62A70;
    box-shadow: none; }
    .wp-offers-editor .DayPickerNavigation_button__horizontalDefault:focus .DayPickerNavigation_svg__horizontal {
      fill: #F62A70; }
  .wp-offers-editor .components-snackbar-list {
    right: 10px;
    top: 70px;
    max-width: 260px; }
  .wp-offers-editor .components-snackbar {
    margin-left: auto; }

/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/editor/components/TaxInputs/Category/style.scss ***!
  \**********************************************************************************************************************************************/
.taxonomy-new-modal .taxonomy-new-input {
  margin-bottom: 10px; }
  .taxonomy-new-modal .taxonomy-new-input label {
    display: block;
    margin-bottom: 5px; }
  .taxonomy-new-modal .taxonomy-new-input input[type=text],
  .taxonomy-new-modal .taxonomy-new-input textarea {
    width: 100%; }

.react-select input[type=text] {
  box-shadow: none !important;
  min-height: 0;
  line-height: 1.3; }

/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/editor/components/MetaInputs/CouponType/style.scss ***!
  \*************************************************************************************************************************************************/
.components-button-group.coupon-types .components-button {
  padding: 0 20px; }

/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/editor/components/MetaInputs/Expiration/style.scss ***!
  \*************************************************************************************************************************************************/
.coupon-expiration-meta .meta-input .components-popover__content {
  padding: 10px; }

.coupon-expiration-meta .coupon-expiration-buttons .components-button {
  color: #444;
  vertical-align: middle; }
  .coupon-expiration-meta .coupon-expiration-buttons .components-button.coupon-expiration-clear {
    color: #7E8993;
    opacity: 0.7; }

.coupon-expiration-meta .components-datetime__date {
  border: none; }

/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/editor/components/MetaInputs/style.scss ***!
  \**************************************************************************************************************************************/
.meta-item {
  margin-bottom: 20px;
  align-items: center; }
  .meta-item label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px; }
    @media (max-width: 782px) {
      .meta-item label {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px; } }
  .meta-item .meta-input .text-input {
    width: 100%; }

/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/editor/components/MetaInputs/CouponImage/style.scss ***!
  \**************************************************************************************************************************************************/
.coupon-image-input {
  display: flex;
  flex-wrap: wrap; }
  .coupon-image-input .coupon-image-url {
    flex: 1 1 0;
    max-width: 100%;
    margin-right: 0; }
    .coupon-image-input .coupon-image-url.with-clear {
      border-radius: 4px 0 0 4px; }
    .coupon-image-input .coupon-image-url:focus {
      position: relative;
      z-index: 9; }
  .coupon-image-input .components-button.clear-button {
    border: 1px solid #E2E4E7;
    border-radius: 0 4px 4px 0;
    margin-left: -1px;
    padding: 0 10px 2px; }
    .coupon-image-input .components-button.clear-button:focus, .coupon-image-input .components-button.clear-button:hover {
      box-shadow: none !important;
      color: #F62A70 !important;
      border-color: #F62A70; }
  .coupon-image-input .components-button.is-primary {
    margin-left: 10px; }
    @media (max-width: 782px) {
      .coupon-image-input .components-button.is-primary {
        padding: 0 14px 2px; } }


/*# sourceMappingURL=wp-offers-editor.css.map*/