/*
Theme Name: Chaodun Astra Child
Theme URI: https://chaodunpump.com/
Description: Child theme for Astra used by Chaodun Pump.
Author: Chaodun
Template: astra
Version: 1.0.0
Text Domain: chaodun-astra-child
*/


/* ==================================================
   Footer 主体
   在上一版基础上增加约 15% 纵向空间
   ================================================== */

html body #chaodun-footer {
    position: relative !important;
    overflow: visible !important;

    height: auto !important;
    min-height: 0 !important;

    padding-top: 14px !important;
    padding-bottom: 13px !important;
    margin-top: 24px !important;

    box-sizing: border-box !important;
}


/* ==================================================
   左侧蓝色补齐
   保持横向长度不变
   ================================================== */

html body #chaodun-footer::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 100vw;
    background: #1a365d;
    pointer-events: none;
}


/* ==================================================
   Footer 内层主容器
   ================================================== */

html body #chaodun-footer > div {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ==================================================
   三栏区域
   ================================================== */

html body #chaodun-footer > div > div[style*="grid-template-columns"] {
    margin-top: 0 !important;
    margin-bottom: 13px !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    gap: 24px !important;
}


/* 每一栏 */
html body #chaodun-footer > div > div[style*="grid-template-columns"] > div {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* ==================================================
   电脑端三栏横向位置微调
   左侧公司介绍：向左 70px
   中间 Contact Us：向右 40px
   右侧 Quick Links：向右 150px
   其他布局不变
   ================================================== */

@media (min-width: 922px) {

    /* 左侧第一栏向左移动 */
    html body #chaodun-footer
    > div
    > div[style*="grid-template-columns"]
    > div:first-child {
        transform: translateX(-70px) !important;
    }

    /* 中间第二栏向右移动 */
    html body #chaodun-footer
    > div
    > div[style*="grid-template-columns"]
    > div:nth-child(2) {
        transform: translateX(40px) !important;
    }

    /* 右侧最后一栏向右移动 */
    html body #chaodun-footer
    > div
    > div[style*="grid-template-columns"]
    > div:last-child {
        transform: translateX(150px) !important;
    }
}


/* ==================================================
   H3 标题
   ================================================== */

html body #chaodun-footer h3 {
    margin-top: 0 !important;
    margin-bottom: 8px !important;

    line-height: 1.2 !important;
}


/* ==================================================
   普通文字
   ================================================== */

html body #chaodun-footer p {
    margin-top: 0 !important;
    margin-bottom: 4px !important;

    line-height: 1.35 !important;
}


/* ==================================================
   左侧三个小图标
   ================================================== */

html body #chaodun-footer div[style*="display: flex"][style*="margin: 0 0 10px"] {
    margin-top: 5px !important;
    margin-bottom: 6px !important;
}


/* ==================================================
   Follow Us
   ================================================== */

html body #chaodun-footer h4 {
    margin-top: 4px !important;
    margin-bottom: 6px !important;

    line-height: 1.2 !important;
}


/* 社媒图标 */
html body #chaodun-footer a[style*="width: 32px"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ==================================================
   Contact Us
   ================================================== */

html body #chaodun-footer div[style*="font-size: 13px"] p {
    margin-top: 0 !important;
    margin-bottom: 4px !important;

    line-height: 1.3 !important;
}


/* Get in Touch 外层 */
html body #chaodun-footer div[style*="margin-top: 10px"] {
    margin-top: 8px !important;
}


/* Get in Touch 按钮 */
html body #chaodun-footer a[href="/contact/"][style*="background: #fff"] {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}


/* ==================================================
   Quick Links
   ================================================== */

html body #chaodun-footer ul {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

html body #chaodun-footer li {
    margin-top: 0 !important;
    margin-bottom: 6px !important;

    line-height: 1.25 !important;
}

html body #chaodun-footer li a {
    line-height: 1.25 !important;
}


/* ==================================================
   Copyright 区域
   ================================================== */

html body #chaodun-footer div[style*="border-top"] {
    margin-top: 9px !important;

    padding-top: 9px !important;
    padding-bottom: 2px !important;
}


/* Copyright 两行 */
html body #chaodun-footer div[style*="border-top"] p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    line-height: 1.25 !important;
}

html body #chaodun-footer div[style*="border-top"] p + p {
    margin-top: 4px !important;
}


/* ==================================================
   Fire Pumps 消防泵系列
   左侧 On This Page 统一固定
   仅电脑端
   ================================================== */

@media (min-width: 922px) {

    body.parent-pageid-103 .product-toc {
        position: sticky !important;
        top: 100px !important;
        align-self: flex-start !important;
        height: fit-content !important;
    }

}