/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* Newsletter Subscribe */
/* 整体容器样式 */
.au_newsletter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px; /* 缩小内边距，使其更紧凑 */
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
    max-width: 700px; /* 调整最大宽度 */
    margin: 20px auto;
}

/* 提示文本样式 */
.au_newsletter p {
    flex: 1;
    font-size: 14px; /* 调整字体大小 */
    margin: 0;
    color: #333;
    font-weight: bold;
}

/* 订阅表单样式 */
.au_newsletter .tnp {
    display: flex;
    align-items: center;
    flex-grow: 1; /* 让表单占据更多空间 */
}

/* 输入框容器 */
.au_newsletter .tnp-field {
    display: flex;
    align-items: center;
}

/* 输入框样式 */
.au_newsletter input[type="email"] {
    flex: 1;
    min-width: 200px; /* 确保输入框不会过窄 */
    padding: 10px 14px;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px; /* 左侧圆角 */
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s;
}

/* 输入框焦点状态 */
.au_newsletter input[type="email"]:focus {
    border-color: #b22222;
}

/* 订阅按钮样式 */
.au_newsletter input[type="submit"] {
    padding: 10px 16px;
    background-color: #b22222;
    color: #fff;
    border: 1px solid #b22222;
    border-radius: 0 4px 4px 0; /* 右侧圆角 */
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s, box-shadow 0.3s;
}

/* 订阅按钮悬停效果 */
.au_newsletter input[type="submit"]:hover {
    background-color: #a00000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* 响应式设计 */
@media (max-width: 600px) {
    .au_newsletter {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .au_newsletter p {
        margin-bottom: 8px;
    }

    .au_newsletter .tnp {
        flex-direction: column;
        width: 100%;
    }

    .au_newsletter input[type="email"] {
        width: 100%;
        border-radius: 4px;
        margin-bottom: 8px;
    }

    .au_newsletter input[type="submit"] {
        width: 100%;
        border-radius: 4px;
    }
}