/*!  This file in this program is included in minified and unminified versions, both located in the same directory.
Access unminified version by replacing the .min.css extension with .css  */

/*! Custom CSS and JavaScript by WP Zone
 * Licensed under the GNU General Public License v3 (see ../license.txt)
 */

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap");
/* wp-admin/css/forms.css */

@import "admin/variables";
@import "admin/mixins";

@import "admin/base";
@import "admin/forms";

@import "admin/notices";

@import "admin/settings-header";
@import "admin/settings-tabs";
@import "admin/settings-content";


@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap");

#wpz-custom-css-js-settings button.hm-custom-css-js-delete-revisions-btn {
  margin-bottom: 10px;
  border-color: $danger!important;
  color: $danger!important;
  &:hover {
    background-color:$danger!important;
    border-color: $danger!important;
    }
  }

#wpz-custom-css-js-settings a.del-rev {
  color: $danger;
  }

.hm_custom_code_editor_inner {
  overflow : auto;
  padding  : 0 20px;

  @media (min-width : 761px) {
    width : 300px;
    float : right;
    }
  @media (min-width : 1200px) {
    width : 400px;
    }

  }
@media (max-width : 761px) {
  .hm_custom_code_editor_inner #pp_custom_css_js_dev_info, .hm_custom_code_editor_inner #wpz-custom-css-js-info {
    display : none;
    }

  #hm_custom_code_editor {
    overflow: scroll;
    }
  }

@media (min-width : 760px) {
  .wpz-custom-css-js-settings-active > #pp_custom_css_js_dev_info, .wpz-custom-css-js-settings-active > #wpz-custom-css-js-info {
    display : none;
    }
  }

#pp_custom_css_js_dev_info, #wpz-custom-css-js-info {
  padding          : 35px 20px;
  color            : #fff;
  background-color : #6a39e4;
  border-radius    : 11px;
  margin-bottom: 15px;

  h3 {
    color     : #fff;
    font-size : 22px;
    }

  p {
    margin-bottom : 20px;
    font-size     : 14px;
    font-weight   : 600;
    }

  ul {
    @include ul();
    }

  li {
    font-size     : 14px;
    font-weight   : 500;
    margin-bottom : 10px;

    strong {
      color : $mainColor
      }
    }

  .wpz-custom-css-js-button-primary {
    display : block;
    }

  a {
    color : #fff;
    }
  }