/* ============================================================
   cnjolly.com  |  H1 visual compensation stylesheet
   ------------------------------------------------------------
   WHY THIS FILE EXISTS
   The theme (style.css) styles every heading with a *container
   scoped* selector that literally ends in "h3", for example:
       .submian .sobtitle h3 { font-size:20px; font-weight:400; ... }
   The moment you rename that <h3> to <h1>, the selector stops
   matching, and the H1 falls back to the browser default
   (2em = 32px, bold, no float, no accent border). Result:
   different size + broken layout.

   WHAT THIS FILE DOES
   Duplicates each relevant h3 rule for h1, with the EXACT values
   copied from /theme/demo/css/style.css. Visual result identical.

   HOW TO DEPLOY
   1. Upload this file via FTP to:  /theme/demo/css/h1-fix.css
   2. Append ONE line to base.tpl:
        <link rel="stylesheet" href="/theme/demo/css/h1-fix.css">
   3. Clear cache:  GNCMS admin -> System -> Cache management
   4. This file is ASCII only on purpose. Do NOT add Chinese
      characters to it (encoding mismatch would break rendering).
      Chinese explanation: see cnjolly_h1_style_fix.txt
   ============================================================ */


/* ------------------------------------------------------------
   (1) ESSENTIAL - sub-page title bar
       About / Product / Question / News / Contact all live in
       div.submian > div.subright > div.sobtitle
       original: .submian .sobtitle h3
   ------------------------------------------------------------ */
.submian .sobtitle h1{float:left;position:relative;height:30px;color:#666;font-size:20px;font-weight:400;padding:0 50px 0 0;border-bottom:1px solid var(--color);}


/* ------------------------------------------------------------
   (2) ESSENTIAL - homepage hero + section headings (48px)
       original: .index .in_title h3
   ------------------------------------------------------------ */
.index .in_title h1{font-size:48px;line-height:60px;font-weight:bold;}
.index .in_title h1 b{color:var(--color);}

/* homepage hero banner extra: underline accent */
.index .xbanner .in_title h1{position:relative;}
.index .xbanner .in_title h1:after{content:'';position:absolute;bottom:0;left:50%;margin-left:-50px;width:100px;height:1px;background:#fff;}


/* ------------------------------------------------------------
   (3) Homepage product cards
       original: .index .product .list li .bg h3
   ------------------------------------------------------------ */
.index .product .list li .bg h1{color:#fff;font-size:16px;text-align:center;padding-top:180px;}


/* ------------------------------------------------------------
   (4) Homepage advantage blocks
       original: .index .advantage ul li .txt h3
   ------------------------------------------------------------ */
.index .advantage ul li .txt h1{margin-left:74px;font-size:24px;color:#404040;font-weight:bold;margin-top:58px;padding-bottom:12px;border-bottom:1px dashed #404040;}


/* ------------------------------------------------------------
   (5) Homepage about block
       original: .index .about .text .con h3
   ------------------------------------------------------------ */
.index .about .text .con h1{font-size:26px;line-height:30px;color:#404040;}


/* ------------------------------------------------------------
   (6) Homepage news / faq section titles
       original: .index .inews ... h3
   ------------------------------------------------------------ */
.index .inews .title h1{display:inline-block;color:#434343;font-size:16px;font-weight:bold;line-height:36px;padding-right:20px;border-bottom:3px solid #434343;}
.index .inews .title h1 s{position:relative;width:4px;height:16px;display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:10px;background:var(--color);}
.index .inews .title h1 span{font-weight:normal;}
.index .inews .item h1{color:#333;line-height:24px;height:24px;overflow:hidden;margin-bottom:10px;}
.index .inews .faq li h1{position:relative;color:#434343;font-size:16px;line-height:20px;font-weight:bold;padding-left:30px;}


/* ------------------------------------------------------------
   (7) List item titles
       original: .submian .Newslist .item .txt h3
                 .Piclist ul.list li .tit h3
   ------------------------------------------------------------ */
.submian .Newslist .item .txt h1{font-size:20px;line-height:36px;font-weight:400;}
.Piclist ul.list li .tit h1{color:#333;font-size:16px;line-height:22px;}


/* ------------------------------------------------------------
   (8) Contact page
       original: .submian .contact .txt h3
                 .contact_map .contact h3
   ------------------------------------------------------------ */
.submian .contact .txt h1{color:var(--color);font-size:22px;font-weight:bold;line-height:50px;}
.contact_map .contact h1{line-height:100%;font-size:24px;color:#FFF;height:44px;position:relative;margin-bottom:15px;}


/* ------------------------------------------------------------
   (9) GLOBAL SAFETY NET
       If you place an H1 somewhere not covered above, it will at
       least render at H3-like size instead of exploding to 32px.
       Specificity of rules (1)-(8) is higher, so they win.
       NOTE: the detail-page H1 rule
             .submian .subright .conBox .ArticleTitle h1 (24px)
       is already in style.css and also wins over this net.
   ------------------------------------------------------------ */
h1{font-size:1.17em;font-weight:bold;line-height:1.2;}