/*
Theme Name: 创欣隆五金制品
Theme URI: https://www.chuangxinlong.com/
Author: 创欣隆网站项目
Description: 惠州市创欣隆五金制品有限公司响应式定制 WordPress 主题。
Version: 0.13.12
Requires at least: 6.8
Requires PHP: 8.2
Text Domain: chuangxinlong
*/

:root {
    --cxl-blue: #0785dc;
    --cxl-blue-dark: #006fc4;
    --cxl-orange: #ffad00;
    --cxl-text: #222;
    --cxl-muted: #777;
    --cxl-line: #e8e8e8;
    --cxl-surface: #fff;
    --cxl-soft: #f4f6f8;
    --cxl-dark: #181818;
    --cxl-container: 1320px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    overflow-x: hidden;
    color: var(--cxl-text);
    background: var(--cxl-surface);
    font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
    line-height: 1.65;
}

body.menu-open {
    overflow: hidden;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

button,
input,
textarea,
select {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

a {
    color: inherit;
    text-decoration: none;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cxl-container {
    width: min(calc(100% - 32px), var(--cxl-container));
    margin-inline: auto;
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* CXL_INNER_HERO_CENTER_V1_START */
/* 内页 Banner 的英文标题、中文标题和面包屑统一居中。 */
.--cxl-inner-hero-desktop,
.--cxl-inner-hero-overlay,
.--cxl-inner-hero-position,
.cxl-inner-hero,
.cxl-inner-hero--align-,
.cxl-inner-hero--has-image,
.cxl-inner-hero__background,
.cxl-inner-hero__breadcrumb,
.cxl-inner-hero__container,
.cxl-inner-hero__content,
.cxl-inner-hero__eyebrow,
.cxl-inner-hero__overlay,
.cxl-inner-hero__ring,
.cxl-inner-hero__title,
.cxl_inner_hero_breadcrumbs,
.cxl_inner_hero_eyebrow,
.cxl_inner_hero_show_breadcrumb,
.cxl_inner_hero_text_align,
.cxl_inner_hero_title,
.cxl_inner_hero_visual,
.inner-banner,
.inner-hero,
.inner-page-hero,
.page-banner,
.page-hero {
    text-align: center !important;
}

.--cxl-inner-hero-desktop [class*="breadcrumb"],
.--cxl-inner-hero-desktop [class*="content"],
.--cxl-inner-hero-desktop [class*="copy"],
.--cxl-inner-hero-desktop [class*="text"],
.--cxl-inner-hero-desktop [class*="title-wrap"],
.--cxl-inner-hero-overlay [class*="breadcrumb"],
.--cxl-inner-hero-overlay [class*="content"],
.--cxl-inner-hero-overlay [class*="copy"],
.--cxl-inner-hero-overlay [class*="text"],
.--cxl-inner-hero-overlay [class*="title-wrap"],
.--cxl-inner-hero-position [class*="breadcrumb"],
.--cxl-inner-hero-position [class*="content"],
.--cxl-inner-hero-position [class*="copy"],
.--cxl-inner-hero-position [class*="text"],
.--cxl-inner-hero-position [class*="title-wrap"],
.cxl-inner-hero [class*="breadcrumb"],
.cxl-inner-hero [class*="content"],
.cxl-inner-hero [class*="copy"],
.cxl-inner-hero [class*="text"],
.cxl-inner-hero [class*="title-wrap"],
.cxl-inner-hero--align- [class*="breadcrumb"],
.cxl-inner-hero--align- [class*="content"],
.cxl-inner-hero--align- [class*="copy"],
.cxl-inner-hero--align- [class*="text"],
.cxl-inner-hero--align- [class*="title-wrap"],
.cxl-inner-hero--has-image [class*="breadcrumb"],
.cxl-inner-hero--has-image [class*="content"],
.cxl-inner-hero--has-image [class*="copy"],
.cxl-inner-hero--has-image [class*="text"],
.cxl-inner-hero--has-image [class*="title-wrap"],
.cxl-inner-hero__background [class*="breadcrumb"],
.cxl-inner-hero__background [class*="content"],
.cxl-inner-hero__background [class*="copy"],
.cxl-inner-hero__background [class*="text"],
.cxl-inner-hero__background [class*="title-wrap"],
.cxl-inner-hero__breadcrumb [class*="breadcrumb"],
.cxl-inner-hero__breadcrumb [class*="content"],
.cxl-inner-hero__breadcrumb [class*="copy"],
.cxl-inner-hero__breadcrumb [class*="text"],
.cxl-inner-hero__breadcrumb [class*="title-wrap"],
.cxl-inner-hero__container [class*="breadcrumb"],
.cxl-inner-hero__container [class*="content"],
.cxl-inner-hero__container [class*="copy"],
.cxl-inner-hero__container [class*="text"],
.cxl-inner-hero__container [class*="title-wrap"],
.cxl-inner-hero__content [class*="breadcrumb"],
.cxl-inner-hero__content [class*="content"],
.cxl-inner-hero__content [class*="copy"],
.cxl-inner-hero__content [class*="text"],
.cxl-inner-hero__content [class*="title-wrap"],
.cxl-inner-hero__eyebrow [class*="breadcrumb"],
.cxl-inner-hero__eyebrow [class*="content"],
.cxl-inner-hero__eyebrow [class*="copy"],
.cxl-inner-hero__eyebrow [class*="text"],
.cxl-inner-hero__eyebrow [class*="title-wrap"],
.cxl-inner-hero__overlay [class*="breadcrumb"],
.cxl-inner-hero__overlay [class*="content"],
.cxl-inner-hero__overlay [class*="copy"],
.cxl-inner-hero__overlay [class*="text"],
.cxl-inner-hero__overlay [class*="title-wrap"],
.cxl-inner-hero__ring [class*="breadcrumb"],
.cxl-inner-hero__ring [class*="content"],
.cxl-inner-hero__ring [class*="copy"],
.cxl-inner-hero__ring [class*="text"],
.cxl-inner-hero__ring [class*="title-wrap"],
.cxl-inner-hero__title [class*="breadcrumb"],
.cxl-inner-hero__title [class*="content"],
.cxl-inner-hero__title [class*="copy"],
.cxl-inner-hero__title [class*="text"],
.cxl-inner-hero__title [class*="title-wrap"],
.cxl_inner_hero_breadcrumbs [class*="breadcrumb"],
.cxl_inner_hero_breadcrumbs [class*="content"],
.cxl_inner_hero_breadcrumbs [class*="copy"],
.cxl_inner_hero_breadcrumbs [class*="text"],
.cxl_inner_hero_breadcrumbs [class*="title-wrap"],
.cxl_inner_hero_eyebrow [class*="breadcrumb"],
.cxl_inner_hero_eyebrow [class*="content"],
.cxl_inner_hero_eyebrow [class*="copy"],
.cxl_inner_hero_eyebrow [class*="text"],
.cxl_inner_hero_eyebrow [class*="title-wrap"],
.cxl_inner_hero_show_breadcrumb [class*="breadcrumb"],
.cxl_inner_hero_show_breadcrumb [class*="content"],
.cxl_inner_hero_show_breadcrumb [class*="copy"],
.cxl_inner_hero_show_breadcrumb [class*="text"],
.cxl_inner_hero_show_breadcrumb [class*="title-wrap"],
.cxl_inner_hero_text_align [class*="breadcrumb"],
.cxl_inner_hero_text_align [class*="content"],
.cxl_inner_hero_text_align [class*="copy"],
.cxl_inner_hero_text_align [class*="text"],
.cxl_inner_hero_text_align [class*="title-wrap"],
.cxl_inner_hero_title [class*="breadcrumb"],
.cxl_inner_hero_title [class*="content"],
.cxl_inner_hero_title [class*="copy"],
.cxl_inner_hero_title [class*="text"],
.cxl_inner_hero_title [class*="title-wrap"],
.cxl_inner_hero_visual [class*="breadcrumb"],
.cxl_inner_hero_visual [class*="content"],
.cxl_inner_hero_visual [class*="copy"],
.cxl_inner_hero_visual [class*="text"],
.cxl_inner_hero_visual [class*="title-wrap"],
.inner-banner [class*="breadcrumb"],
.inner-banner [class*="content"],
.inner-banner [class*="copy"],
.inner-banner [class*="text"],
.inner-banner [class*="title-wrap"],
.inner-hero [class*="breadcrumb"],
.inner-hero [class*="content"],
.inner-hero [class*="copy"],
.inner-hero [class*="text"],
.inner-hero [class*="title-wrap"],
.inner-page-hero [class*="breadcrumb"],
.inner-page-hero [class*="content"],
.inner-page-hero [class*="copy"],
.inner-page-hero [class*="text"],
.inner-page-hero [class*="title-wrap"],
.page-banner [class*="breadcrumb"],
.page-banner [class*="content"],
.page-banner [class*="copy"],
.page-banner [class*="text"],
.page-banner [class*="title-wrap"],
.page-hero [class*="breadcrumb"],
.page-hero [class*="content"],
.page-hero [class*="copy"],
.page-hero [class*="text"],
.page-hero [class*="title-wrap"] {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: center !important;
}

.--cxl-inner-hero-desktop [class*="breadcrumb"],
.--cxl-inner-hero-desktop nav,
.--cxl-inner-hero-overlay [class*="breadcrumb"],
.--cxl-inner-hero-overlay nav,
.--cxl-inner-hero-position [class*="breadcrumb"],
.--cxl-inner-hero-position nav,
.cxl-inner-hero [class*="breadcrumb"],
.cxl-inner-hero nav,
.cxl-inner-hero--align- [class*="breadcrumb"],
.cxl-inner-hero--align- nav,
.cxl-inner-hero--has-image [class*="breadcrumb"],
.cxl-inner-hero--has-image nav,
.cxl-inner-hero__background [class*="breadcrumb"],
.cxl-inner-hero__background nav,
.cxl-inner-hero__breadcrumb [class*="breadcrumb"],
.cxl-inner-hero__breadcrumb nav,
.cxl-inner-hero__container [class*="breadcrumb"],
.cxl-inner-hero__container nav,
.cxl-inner-hero__content [class*="breadcrumb"],
.cxl-inner-hero__content nav,
.cxl-inner-hero__eyebrow [class*="breadcrumb"],
.cxl-inner-hero__eyebrow nav,
.cxl-inner-hero__overlay [class*="breadcrumb"],
.cxl-inner-hero__overlay nav,
.cxl-inner-hero__ring [class*="breadcrumb"],
.cxl-inner-hero__ring nav,
.cxl-inner-hero__title [class*="breadcrumb"],
.cxl-inner-hero__title nav,
.cxl_inner_hero_breadcrumbs [class*="breadcrumb"],
.cxl_inner_hero_breadcrumbs nav,
.cxl_inner_hero_eyebrow [class*="breadcrumb"],
.cxl_inner_hero_eyebrow nav,
.cxl_inner_hero_show_breadcrumb [class*="breadcrumb"],
.cxl_inner_hero_show_breadcrumb nav,
.cxl_inner_hero_text_align [class*="breadcrumb"],
.cxl_inner_hero_text_align nav,
.cxl_inner_hero_title [class*="breadcrumb"],
.cxl_inner_hero_title nav,
.cxl_inner_hero_visual [class*="breadcrumb"],
.cxl_inner_hero_visual nav,
.inner-banner [class*="breadcrumb"],
.inner-banner nav,
.inner-hero [class*="breadcrumb"],
.inner-hero nav,
.inner-page-hero [class*="breadcrumb"],
.inner-page-hero nav,
.page-banner [class*="breadcrumb"],
.page-banner nav,
.page-hero [class*="breadcrumb"],
.page-hero nav {
    justify-content: center !important;
}
/* CXL_INNER_HERO_CENTER_V1_END */