/*
Theme Name: Monocle
Theme URI:https://cozythemes.com/monocle/
Author: CozyThemes
Author URI: https://cozythemes.com/
Description: Monocle is a clean, editorial WordPress block theme designed for bloggers and writers who want their content to take center stage. With full site editing and an intuitive drag-and-drop experience, you can customize every part of your site—including headers, footers, and templates—without coding. Fast, responsive, and performance-optimized, Monocle provides refined post layouts and distraction-free typography to create a polished blog showcase for personal journals, niche publications, or multi-author magazines with complete creative freedom.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
Version: 1.0.0
Requires at least: 6.9
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: monocle
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Newsletter-WPCF7 */
.monocle-newsletter-form {
  & .wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    align-items: flex-start;
    & p {
      display: flex;
      margin: 0;
    }
    & input {
      font-size: var(--wp--preset--font-size--normal);
      padding: 12px 18px;
      border-radius: 8px;
      color: var(--wp--preset--color--foreground);
    }
    & .wpcf7-email {
      border: 1px solid var(--wp--preset--color--meta-color);
    }
    & .wpcf7-submit {
      background-color: var(--wp--preset--color--primary);
      color: var(--wp--preset--color--light-color);
      text-transform: uppercase;
      transition: all ease 0.23s;
      border: 1px solid var(--wp--preset--color--primary);
    }
    & .wpcf7-submit:hover {
      background-color: var(--wp--preset--color--secondary);
      border: 1px solid var(--wp--preset--color--secondary);
      color: var(--wp--preset--color--light-color);
      transition: all ease 0.23s;
    }
    & .wpcf7-spinner {
      position: absolute;
      margin: 0;
    }
  }
}
.wp-block-template-part {
  margin: 0;
}