.elementor-2671 .elementor-element.elementor-element-7ec1d14{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2671 .elementor-element.elementor-element-ecdaf8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-3158e35 *//*==================================================
CoffeeMasterHub Premium Calculator
Caffeine Calculator by Age
TOOL CSS - COMPLETE
==================================================*/

/*==================================
 Google Font
==================================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');


/*==================================
 Calculator Scope
==================================*/

#cmh-caffeine-calculator,
#cmh-caffeine-calculator *,
#cmh-caffeine-calculator *::before,
#cmh-caffeine-calculator *::after{

    box-sizing:border-box;

    font-family:'Poppins',sans-serif;

}


#cmh-caffeine-calculator{

    width:100%;

    max-width:1320px;

    margin:40px auto;

    padding:18px;

    color:#373737;

}


/*==================================
 Theme
==================================*/

#cmh-caffeine-calculator{

    --primary:#7A4A27;

    --primary2:#B57A4C;

    --card:#FFFFFF;

    --border:#E9E2DA;

    --text:#353535;

    --muted:#787878;

    --soft:#F8F5F2;

    --cream:#FFF9F4;

    --shadow:0 15px 40px rgba(0,0,0,.06);

}


/*==================================
 Hero
==================================*/

#cmh-caffeine-calculator .cmh-hero{

    position:relative;

    width:100%;

    background:#f7efe8;

    border:1px solid #ead9ca;

    border-radius:24px;

    padding:65px 60px;

    text-align:center;

    margin-bottom:30px;

    overflow:hidden;

}


#cmh-caffeine-calculator .cmh-hero::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    right:-90px;

    top:-100px;

    background:rgba(107,63,34,.07);

    border-radius:50%;

    pointer-events:none;

}


#cmh-caffeine-calculator .cmh-hero::after{

    content:"";

    position:absolute;

    width:150px;

    height:150px;

    left:-70px;

    bottom:-80px;

    background:rgba(107,63,34,.06);

    border-radius:50%;

    pointer-events:none;

}


/*==================================
 Hero Badge
==================================*/

#cmh-caffeine-calculator .cmh-badge{

    position:relative;

    z-index:2;

    display:inline-block;

    margin-bottom:16px;

    padding:7px 15px;

    background:#6b3f22;

    border-radius:30px;

    color:#fff;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

}


/*==================================
 Hero Heading
==================================*/

#cmh-caffeine-calculator .cmh-hero h1{

    position:relative;

    z-index:2;

    margin:0 0 18px;

    color:#3e2415;

    font-size:44px;

    line-height:1.2;

    font-weight:800;

}


#cmh-caffeine-calculator .cmh-hero p{

    position:relative;

    z-index:2;

    max-width:820px;

    margin:0 auto;

    color:#6f5a4a;

    font-size:17px;

    line-height:1.8;

}


/*==================================
 Main Layout
==================================*/

#cmh-caffeine-calculator .cmh-tool-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:28px;

    align-items:stretch;

}


/*==================================
 Main Cards
==================================*/

#cmh-caffeine-calculator .cmh-card{

    background:#FFF;

    border:1px solid var(--border);

    border-radius:22px;

    padding:30px;

    box-shadow:var(--shadow);

    display:flex;

    flex-direction:column;

    transition:.3s;

}


#cmh-caffeine-calculator .cmh-card:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}


/*==================================
 Card Header
==================================*/

#cmh-caffeine-calculator .cmh-card-header{

    margin-bottom:26px;

}


#cmh-caffeine-calculator .cmh-card-header h2{

    margin:0 0 8px;

    color:var(--primary);

    font-size:27px;

    line-height:1.3;

    font-weight:700;

}


#cmh-caffeine-calculator .cmh-card-header p{

    margin:0;

    color:var(--muted);

    font-size:15px;

    line-height:1.8;

}


/*==================================
 Form Grid
==================================*/

#cmh-caffeine-calculator .cmh-form-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

}


#cmh-caffeine-calculator .cmh-field{

    display:flex;

    flex-direction:column;

}


#cmh-caffeine-calculator .cmh-field label{

    margin-bottom:8px;

    color:var(--text);

    font-size:14px;

    font-weight:600;

}


#cmh-caffeine-calculator .cmh-field input,
#cmh-caffeine-calculator .cmh-field select{

    width:100%;

    height:54px;

    padding:0 16px;

    border:2px solid var(--border);

    border-radius:14px;

    outline:none;

    background:#FCFBFA;

    color:var(--text);

    font-size:15px;

    transition:.3s;

}


#cmh-caffeine-calculator .cmh-field input::placeholder{

    color:#A2A2A2;

}


#cmh-caffeine-calculator .cmh-field input:focus,
#cmh-caffeine-calculator .cmh-field select:focus{

    border-color:var(--primary);

    background:#FFF;

    box-shadow:0 0 0 4px rgba(122,74,39,.08);

}


#cmh-caffeine-calculator .cmh-inline{

    display:flex;

    gap:12px;

}


#cmh-caffeine-calculator .cmh-inline input{

    flex:1;

}


#cmh-caffeine-calculator .cmh-inline select{

    width:105px;

}


/*==================================
 Buttons
==================================*/

#cmh-caffeine-calculator .cmh-tool-actions{

    display:flex;

    gap:14px;

    margin-top:26px;

}


#cmh-caffeine-calculator .cmh-tool-actions button{

    flex:1;

    min-height:56px;

    padding:12px 18px;

    border:none;

    border-radius:14px;

    cursor:pointer;

    font-family:'Poppins',sans-serif;

    font-size:14px;

    font-weight:600;

    transition:.3s;

}


#cmh-caffeine-calculator #calculateBtn{

    background:linear-gradient(135deg,#7A4A27,#B57A4C);

    color:#FFF;

}


#cmh-caffeine-calculator #calculateBtn:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 30px rgba(122,74,39,.20);

}


#cmh-caffeine-calculator #resetBtn{

    background:#F8F5F2;

    color:#7A4A27;

    border:1px solid var(--border);

}


#cmh-caffeine-calculator #resetBtn:hover{

    background:#EFE7DF;

}


/*==================================
 Shared Section Title
==================================*/

#cmh-caffeine-calculator .cmh-section-title{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:12px;

    margin-bottom:14px;

}


#cmh-caffeine-calculator .cmh-section-title h3{

    margin:0;

    color:#7A4A27;

    font-size:16px;

    line-height:1.4;

    font-weight:700;

}


#cmh-caffeine-calculator .cmh-section-title span{

    color:#999;

    font-size:11px;

    line-height:1.5;

    text-align:right;

}


/*==================================
 Age Guide
==================================*/

#cmh-caffeine-calculator .cmh-age-guide{

    margin-top:26px;

    padding:19px;

    background:#FFF9F4;

    border:1px solid #E8DDD2;

    border-radius:18px;

}


#cmh-caffeine-calculator .cmh-age-guide-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:10px;

}


#cmh-caffeine-calculator .cmh-age-guide-item{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    padding:12px 13px;

    background:#FFF;

    border:1px solid #E9E2DA;

    border-radius:13px;

}


#cmh-caffeine-calculator .cmh-age-guide-item div{

    min-width:0;

}


#cmh-caffeine-calculator .cmh-age-guide-item strong{

    display:block;

    margin-bottom:2px;

    color:#4D3526;

    font-size:12px;

    font-weight:700;

}


#cmh-caffeine-calculator .cmh-age-guide-item span{

    display:block;

    color:#999;

    font-size:10px;

}


#cmh-caffeine-calculator .cmh-age-guide-item b{

    flex-shrink:0;

    color:#7A4A27;

    font-size:12px;

    font-weight:700;

}


/*==================================
 Source Guide
==================================*/

#cmh-caffeine-calculator .cmh-source-guide{

    margin-top:18px;

    padding:19px;

    background:#FFF;

    border:1px solid var(--border);

    border-radius:18px;

}


#cmh-caffeine-calculator .cmh-source-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:10px;

}


#cmh-caffeine-calculator .cmh-source-item{

    display:flex;

    flex-direction:column;

    gap:4px;

    padding:12px 13px;

    background:#FCFBFA;

    border:1px solid #EEE7E0;

    border-radius:13px;

}


#cmh-caffeine-calculator .cmh-source-item span{

    color:#5B5B5B;

    font-size:11px;

    font-weight:500;

}


#cmh-caffeine-calculator .cmh-source-item strong{

    color:#7A4A27;

    font-size:11px;

    font-weight:700;

}


/*==================================
 Quick Tip
==================================*/

#cmh-caffeine-calculator .cmh-quick-tip{

    margin-top:18px;

    padding:15px 17px;

    background:#F8F5F2;

    border:1px solid var(--border);

    border-left:4px solid #B57A4C;

    border-radius:14px;

    color:#6C6C6C;

    font-size:12px;

    line-height:1.7;

}


#cmh-caffeine-calculator .cmh-quick-tip strong{

    color:#7A4A27;

}


/*==================================
 Results Card
==================================*/

#cmh-caffeine-calculator .cmh-results-card{

    height:100%;

}


/*==================================
 Results Grid
==================================*/

#cmh-caffeine-calculator .cmh-results-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:16px;

    margin-bottom:18px;

}


#cmh-caffeine-calculator .cmh-result-box{

    padding:20px 15px;

    background:#FFF;

    border:1px solid var(--border);

    border-radius:18px;

    text-align:center;

    transition:.3s;

}


#cmh-caffeine-calculator .cmh-result-box:hover{

    transform:translateY(-3px);

    border-color:#DCCABB;

    box-shadow:0 12px 25px rgba(0,0,0,.05);

}


#cmh-caffeine-calculator .cmh-result-box span{

    display:block;

    margin-bottom:8px;

    color:var(--muted);

    font-size:12px;

}


#cmh-caffeine-calculator .cmh-result-box strong{

    display:block;

    color:var(--primary);

    font-size:26px;

    line-height:1.2;

    font-weight:700;

}


/*==================================
 Result Highlight
==================================*/

#cmh-caffeine-calculator .cmh-result-highlight{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:14px;

    margin-bottom:18px;

    padding:17px;

    background:linear-gradient(135deg,#F8F1EA,#FFF9F4);

    border:1px solid #E8DDD2;

    border-radius:18px;

}


#cmh-caffeine-calculator .cmh-result-highlight > div{

    padding:2px 10px;

}


#cmh-caffeine-calculator .cmh-result-highlight > div + div{

    border-left:1px solid #E1D4C8;

}


#cmh-caffeine-calculator .cmh-result-highlight span{

    display:block;

    margin-bottom:5px;

    color:#888;

    font-size:11px;

}


#cmh-caffeine-calculator .cmh-result-highlight strong{

    display:block;

    color:#7A4A27;

    font-size:16px;

    font-weight:700;

}


/*==================================
 Progress Card
==================================*/

#cmh-caffeine-calculator .cmh-progress-card{

    padding:20px;

    margin-bottom:18px;

    background:#FFF;

    border:1px solid var(--border);

    border-radius:18px;

}


#cmh-caffeine-calculator .cmh-progress-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    margin-bottom:14px;

}


#cmh-caffeine-calculator .cmh-progress-top span{

    color:#444;

    font-size:13px;

    font-weight:600;

}


#cmh-caffeine-calculator .cmh-progress-top strong{

    color:var(--primary);

    font-size:13px;

    font-weight:700;

    white-space:nowrap;

}


#cmh-caffeine-calculator .cmh-progress-bar{

    width:100%;

    height:12px;

    overflow:hidden;

    background:#ECE5DD;

    border-radius:50px;

}


#cmh-caffeine-calculator .cmh-progress-fill{

    width:0;

    height:100%;

    border-radius:50px;

    background:linear-gradient(90deg,#7A4A27,#B57A4C);

    transition:width .5s ease,background .3s ease;

}


#cmh-caffeine-calculator .cmh-progress-labels{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    margin-top:8px;

    color:#A0A0A0;

    font-size:10px;

}


/*==================================
 Recommendation
==================================*/

#cmh-caffeine-calculator .cmh-recommendation{

    padding:18px 19px;

    margin-bottom:18px;

    background:#FFF9F4;

    border:1px solid #E8DDD2;

    border-left:4px solid #7A4A27;

    border-radius:17px;

    color:#666;

    font-size:13px;

    line-height:1.8;

}


#cmh-caffeine-calculator .cmh-recommendation strong{

    display:block;

    margin-bottom:6px;

    color:#7A4A27;

    font-size:16px;

}


/*==================================
 Personalized Guidance
==================================*/

#cmh-caffeine-calculator .cmh-guidance{

    padding:19px;

    background:#FFF;

    border:1px solid var(--border);

    border-radius:18px;

}


#cmh-caffeine-calculator .cmh-guidance-list{

    display:flex;

    flex-direction:column;

    gap:10px;

}


#cmh-caffeine-calculator .cmh-guidance-item{

    display:flex;

    align-items:flex-start;

    gap:11px;

    padding:11px 12px;

    background:#FCFBFA;

    border:1px solid #EEE7E0;

    border-radius:13px;

}


#cmh-caffeine-calculator .cmh-guidance-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    flex:0 0 27px;

    width:27px;

    height:27px;

    background:#F4E9DF;

    border-radius:50%;

    color:#7A4A27;

    font-size:12px;

    font-weight:700;

}


#cmh-caffeine-calculator .cmh-guidance-item p{

    margin:3px 0 0;

    color:#666;

    font-size:11px;

    line-height:1.65;

}


/*==================================
 Safety Note
==================================*/

#cmh-caffeine-calculator .cmh-safety-note{

    margin-top:18px;

    padding:14px 16px;

    background:#FAF8F6;

    border:1px solid #E8E1DB;

    border-radius:14px;

    color:#858585;

    font-size:10px;

    line-height:1.7;

}


#cmh-caffeine-calculator .cmh-safety-note strong{

    color:#7A4A27;

}


/*==================================
 Loader
==================================*/

#cmh-caffeine-calculator #cmh-loader{

    position:fixed;

    inset:0;

    display:none;

    justify-content:center;

    align-items:center;

    background:rgba(255,255,255,.82);

    backdrop-filter:blur(5px);

    z-index:99999;

}


#cmh-caffeine-calculator .cmh-loader-card{

    display:flex;

    align-items:center;

    gap:18px;

    padding:24px 30px;

    background:#FFF;

    border:1px solid var(--border);

    border-radius:22px;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

}


#cmh-caffeine-calculator .cmh-loader-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:64px;

    height:64px;

    border-radius:50%;

    background:linear-gradient(135deg,#7A4A27,#B57A4C);

    color:#FFF;

    font-size:28px;

    animation:cmhSpin 1s linear infinite;

}


@keyframes cmhSpin{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}


#cmh-caffeine-calculator .cmh-loader-content strong{

    display:block;

    margin-bottom:4px;

    color:#7A4A27;

    font-size:20px;

}


#cmh-caffeine-calculator .cmh-loader-content span{

    color:#777;

    font-size:13px;

}


/*==================================
 Tablet
==================================*/

@media(max-width:991px){

    #cmh-caffeine-calculator{

        padding:15px;

    }


    #cmh-caffeine-calculator .cmh-tool-grid{

        grid-template-columns:1fr;

        gap:24px;

    }


    #cmh-caffeine-calculator .cmh-card{

        padding:26px;

    }


    #cmh-caffeine-calculator .cmh-hero{

        padding:55px 40px;

    }


    #cmh-caffeine-calculator .cmh-hero h1{

        font-size:38px;

    }


    #cmh-caffeine-calculator .cmh-source-grid{

        grid-template-columns:repeat(2,1fr);

    }

}


/*==================================
 Mobile
==================================*/

@media(max-width:768px){

    #cmh-caffeine-calculator{

        padding:10px;

        margin:20px auto;

    }


    #cmh-caffeine-calculator .cmh-hero{

        padding:42px 24px;

        border-radius:20px;

    }


    #cmh-caffeine-calculator .cmh-badge{

        padding:6px 12px;

        font-size:10px;

    }


    #cmh-caffeine-calculator .cmh-hero h1{

        margin-bottom:18px;

        font-size:28px;

        line-height:1.25;

    }


    #cmh-caffeine-calculator .cmh-hero p{

        font-size:15px;

        line-height:1.75;

    }


    #cmh-caffeine-calculator .cmh-form-grid{

        grid-template-columns:1fr;

    }


    #cmh-caffeine-calculator .cmh-results-grid{

        grid-template-columns:repeat(2,1fr);

    }


    #cmh-caffeine-calculator .cmh-inline{

        flex-direction:column;

    }


    #cmh-caffeine-calculator .cmh-inline select{

        width:100%;

    }


    #cmh-caffeine-calculator .cmh-tool-actions{

        flex-direction:column;

    }


    #cmh-caffeine-calculator .cmh-age-guide-grid{

        grid-template-columns:1fr 1fr;

    }


    #cmh-caffeine-calculator .cmh-source-grid{

        grid-template-columns:1fr 1fr;

    }


    #cmh-caffeine-calculator .cmh-section-title{

        flex-direction:column;

        gap:4px;

    }


    #cmh-caffeine-calculator .cmh-section-title span{

        text-align:left;

    }


    #cmh-caffeine-calculator .cmh-result-highlight{

        grid-template-columns:1fr 1fr;

    }

}


/*==================================
 Small Mobile
==================================*/

@media(max-width:480px){

    #cmh-caffeine-calculator .cmh-hero{

        padding:38px 20px;

    }


    #cmh-caffeine-calculator .cmh-hero h1{

        font-size:26px;

    }


    #cmh-caffeine-calculator .cmh-hero p{

        font-size:14px;

        line-height:1.75;

    }


    #cmh-caffeine-calculator .cmh-card{

        padding:18px;

        border-radius:19px;

    }


    #cmh-caffeine-calculator .cmh-card-header h2{

        font-size:22px;

    }


    #cmh-caffeine-calculator .cmh-card-header p{

        font-size:13px;

    }


    #cmh-caffeine-calculator .cmh-results-grid{

        grid-template-columns:1fr 1fr;

        gap:10px;

    }


    #cmh-caffeine-calculator .cmh-result-box{

        padding:17px 10px;

    }


    #cmh-caffeine-calculator .cmh-result-box strong{

        font-size:22px;

    }


    #cmh-caffeine-calculator .cmh-result-box span{

        font-size:10px;

    }


    #cmh-caffeine-calculator .cmh-age-guide-grid{

        grid-template-columns:1fr;

    }


    #cmh-caffeine-calculator .cmh-source-grid{

        grid-template-columns:1fr;

    }


    #cmh-caffeine-calculator .cmh-result-highlight{

        grid-template-columns:1fr;

        gap:12px;

    }


    #cmh-caffeine-calculator .cmh-result-highlight > div + div{

        padding-top:10px;

        border-top:1px solid #E1D4C8;

        border-left:none;

    }


    #cmh-caffeine-calculator .cmh-progress-top{

        flex-direction:column;

        align-items:flex-start;

        gap:6px;

    }


    #cmh-caffeine-calculator .cmh-progress-labels{

        font-size:9px;

    }


    #cmh-caffeine-calculator .cmh-loader-card{

        width:calc(100% - 40px);

        padding:20px;

    }


    #cmh-caffeine-calculator .cmh-loader-icon{

        width:54px;

        height:54px;

        font-size:23px;

    }


    #cmh-caffeine-calculator .cmh-loader-content strong{

        font-size:17px;

    }


    #cmh-caffeine-calculator .cmh-loader-content span{

        font-size:11px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d39ed86 *//*==================================================
CoffeeMasterHub
Caffeine Calculator
CONTENT + FAQ CSS
PROFESSIONAL VERSION
==================================================*/


/*==================================
 Content Wrapper
==================================*/

.cmh-content{

    width:100%;
    max-width:1320px;

    margin:40px auto;

    padding:0 18px;

}


.cmh-content-card{

    width:100%;

    background:#FFFFFF;

    border:1px solid #E9E2DA;

    border-radius:24px;

    padding:42px;

    box-shadow:0 15px 40px rgba(0,0,0,.05);

}


/*==================================
 Content Badge
==================================*/

.cmh-content-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:9px 18px;

    margin-bottom:18px;

    background:#FFF8F2;

    border:1px solid #E8DDD2;

    border-radius:50px;

    color:#7A4A27;

    font-size:13px;

    line-height:1.4;

    font-weight:600;

}


/*==================================
 Content Headings
==================================*/

.cmh-content-card h2{

    margin:0 0 20px;

    color:#7A4A27;

    font-size:38px;

    line-height:1.25;

    font-weight:800;

}


.cmh-content-card h3{

    margin:36px 0 15px;

    color:#7A4A27;

    font-size:24px;

    line-height:1.35;

    font-weight:700;

}


.cmh-content-card p{

    margin:0 0 18px;

    color:#555;

    font-size:16px;

    line-height:1.9;

}


.cmh-content-card strong{

    color:#7A4A27;

    font-weight:700;

}


/*==================================
 Content Links
==================================*/

.cmh-content-card a{

    color:#8A552E;

    font-weight:600;

    text-decoration:none;

    transition:color .25s ease;

}


.cmh-content-card a:hover{

    color:#B57A4C;

    text-decoration:underline;

}


/*==================================
 Info Box
==================================*/

.cmh-info-box{

    margin:30px 0;

    padding:28px;

    background:#FFF9F4;

    border:1px solid #E8DDD2;

    border-left:5px solid #7A4A27;

    border-radius:18px;

}


.cmh-info-box h3{

    margin:0 0 12px;

    color:#7A4A27;

}


.cmh-info-box p{

    margin-bottom:14px;

}


.cmh-info-box ul{

    margin:16px 0 0;

    padding-left:22px;

}


.cmh-info-box li{

    margin-bottom:10px;

    padding-left:4px;

    color:#555;

    font-size:15px;

    line-height:1.8;

}


.cmh-info-box li:last-child{

    margin-bottom:0;

}


/*==================================
 Number List
==================================*/

.cmh-number-list{

    counter-reset:cmh-step;

    list-style:none;

    margin:25px 0 30px;

    padding:0;

    display:flex;

    flex-direction:column;

    gap:12px;

}


.cmh-number-list li{

    position:relative;

    display:flex;

    align-items:center;

    min-height:54px;

    padding:12px 18px 12px 68px;

    background:#FCFBFA;

    border:1px solid #E9E2DA;

    border-radius:15px;

    color:#555;

    font-size:15px;

    line-height:1.6;

}


.cmh-number-list li::before{

    counter-increment:cmh-step;

    content:counter(cmh-step);

    position:absolute;

    left:18px;

    top:50%;

    transform:translateY(-50%);

    display:flex;

    align-items:center;

    justify-content:center;

    width:34px;

    height:34px;

    border-radius:50%;

    background:linear-gradient(135deg,#7A4A27,#B57A4C);

    color:#FFFFFF;

    font-size:13px;

    font-weight:700;

}


/*==================================
 Brewing Note
==================================*/

.cmh-note{

    margin:30px 0;

    padding:20px 23px;

    background:#FDF7F1;

    border:1px solid #E9DED3;

    border-left:4px solid #B57A4C;

    border-radius:16px;

    color:#5F5F5F;

    font-size:14px;

    line-height:1.8;

}


.cmh-note strong{

    color:#7A4A27;

}


/*==================================
 Tool Links
==================================*/

.cmh-tool-links{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:16px;

    margin:30px 0;

}


.cmh-tool-link{

    display:grid;

    grid-template-columns:48px 1fr auto;

    align-items:center;

    gap:14px;

    padding:18px;

    background:#FCFBFA;

    border:1px solid #E9E2DA;

    border-radius:17px;

    transition:

        transform .25s ease,

        box-shadow .25s ease,

        border-color .25s ease,

        background .25s ease;

}


.cmh-tool-link:hover{

    transform:translateY(-3px);

    background:#FFFFFF;

    border-color:#DCCABB;

    box-shadow:0 12px 28px rgba(0,0,0,.06);

}


/*==================================
 Tool Link Icon
==================================*/

.cmh-tool-link > span{

    display:flex;

    align-items:center;

    justify-content:center;

    width:48px;

    height:48px;

    background:#F5EADF;

    border-radius:14px;

    color:#7A4A27;

    font-size:22px;

}


/*==================================
 Tool Link Content
==================================*/

.cmh-tool-link div{

    min-width:0;

}


.cmh-tool-link div strong{

    display:block;

    margin-bottom:4px;

    color:#4D3526;

    font-size:14px;

    line-height:1.4;

}


.cmh-tool-link div p{

    margin:0;

    color:#777;

    font-size:12px;

    line-height:1.6;

}


/*==================================
 Tool Link Button
==================================*/

.cmh-tool-link > a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:88px;

    padding:9px 13px;

    background:#7A4A27;

    border:1px solid #7A4A27;

    border-radius:10px;

    color:#FFFFFF !important;

    font-size:12px;

    font-weight:600;

    line-height:1.3;

    text-decoration:none !important;

    transition:.25s ease;

}


.cmh-tool-link > a:hover{

    background:#B57A4C;

    border-color:#B57A4C;

    color:#FFFFFF !important;

    text-decoration:none !important;

    transform:translateY(-1px);

}


/*==================================
 Disclaimer
==================================*/

.cmh-disclaimer{

    margin-top:30px;

    padding:18px 20px;

    background:#FAF8F6;

    border:1px solid #E8E1DB;

    border-radius:15px;

    color:#777;

    font-size:12px;

    line-height:1.8;

}


.cmh-disclaimer strong{

    color:#7A4A27;

}


/*==================================
 FAQ Wrapper
==================================*/

.cmh-faq{

    width:100%;

    max-width:1320px;

    margin:40px auto;

    padding:0 18px;

}


.cmh-faq-card{

    width:100%;

    background:#FFFFFF;

    border:1px solid #E9E2DA;

    border-radius:24px;

    padding:42px;

    box-shadow:0 15px 40px rgba(0,0,0,.05);

}


/*==================================
 FAQ Header
==================================*/

.cmh-faq-card > .cmh-content-badge{

    display:flex;

    width:max-content;

    margin:0 auto 18px;

}


.cmh-faq-title{

    margin:0 0 14px;

    color:#7A4A27;

    text-align:center;

    font-size:38px;

    line-height:1.3;

    font-weight:800;

}


.cmh-faq-desc{

    max-width:780px;

    margin:0 auto 35px;

    color:#666;

    text-align:center;

    font-size:16px;

    line-height:1.8;

}


/*==================================
 FAQ Item
==================================*/

.cmh-faq-item{

    margin-bottom:16px;

    overflow:hidden;

    background:#FFFFFF;

    border:1px solid #E8DDD2;

    border-radius:17px;

    transition:

        box-shadow .25s ease,

        border-color .25s ease;

}


.cmh-faq-item:last-child{

    margin-bottom:0;

}


.cmh-faq-item:hover{

    border-color:#DCCABB;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

}


/*==================================
 FAQ Question
==================================*/

.cmh-faq-question{

    width:100%;

    min-height:68px;

    padding:18px 22px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:18px;

    border:0;

    outline:none;

    background:#FFF9F4;

    color:#7A4A27 !important;

    text-align:left;

    cursor:pointer;

    font-family:'Poppins',sans-serif;

    font-size:16px;

    font-weight:700;

    line-height:1.5;

    transition:background .25s ease;

}


.cmh-faq-question:hover,

.cmh-faq-question:focus,

.cmh-faq-question:active{

    color:#7A4A27 !important;

    background:#FFF5ED !important;

    outline:none;

}


/*==================================
 FAQ Icon
==================================*/

.cmh-faq-question span{

    display:flex;

    align-items:center;

    justify-content:center;

    flex:0 0 34px;

    width:34px;

    height:34px;

    border-radius:50%;

    background:#7A4A27;

    color:#FFFFFF !important;

    font-size:21px;

    font-weight:500;

    line-height:1;

    transition:

        transform .3s ease,

        background .25s ease;

}


.cmh-faq-question:hover span,

.cmh-faq-question:focus span,

.cmh-faq-question:active span{

    background:#7A4A27 !important;

    color:#FFFFFF !important;

}


.cmh-faq-item.active .cmh-faq-question span{

    transform:rotate(180deg);

}


/*==================================
 FAQ Answer
==================================*/

.cmh-faq-answer{

    max-height:0;

    overflow:hidden;

    background:#FFFFFF;

    transition:max-height .35s ease;

}


.cmh-faq-answer p{

    margin:0;

    padding:23px 25px;

    color:#555;

    font-size:15px;

    line-height:1.9;

}


/*==================================
 FAQ Links
==================================*/

.cmh-faq-answer a{

    color:#8A552E;

    font-weight:600;

    text-decoration:none;

    transition:color .25s ease;

}


.cmh-faq-answer a:hover{

    color:#B57A4C;

    text-decoration:underline;

}


/*==================================
 Tablet
==================================*/

@media(max-width:991px){

    .cmh-content,
    .cmh-faq{

        padding:0 14px;

    }


    .cmh-content-card,
    .cmh-faq-card{

        padding:32px;

    }


    .cmh-content-card h2,
    .cmh-faq-title{

        font-size:32px;

    }


    .cmh-content-card h3{

        font-size:22px;

    }


    .cmh-tool-links{

        grid-template-columns:1fr;

    }

}


/*==================================
 Mobile
==================================*/

@media(max-width:768px){

    .cmh-content,
    .cmh-faq{

        margin:25px auto;

        padding:0 10px;

    }


    .cmh-content-card,
    .cmh-faq-card{

        padding:23px;

        border-radius:19px;

    }


    .cmh-content-card h2,
    .cmh-faq-title{

        font-size:27px;

    }


    .cmh-content-card h3{

        font-size:20px;

    }


    .cmh-content-card p,
    .cmh-faq-answer p{

        font-size:14px;

        line-height:1.8;

    }


    .cmh-info-box{

        padding:21px;

        border-radius:16px;

    }


    .cmh-info-box li{

        font-size:14px;

    }


    .cmh-note{

        padding:18px;

        font-size:13px;

    }


    .cmh-number-list li{

        min-height:50px;

        padding:11px 15px 11px 58px;

        font-size:14px;

    }


    .cmh-number-list li::before{

        left:14px;

        width:32px;

        height:32px;

    }


    .cmh-tool-links{

        grid-template-columns:1fr;

        gap:12px;

    }


    .cmh-tool-link{

        grid-template-columns:44px 1fr auto;

        gap:11px;

        padding:15px;

    }


    .cmh-tool-link > span{

        width:44px;

        height:44px;

        font-size:19px;

    }


    .cmh-tool-link div strong{

        font-size:13px;

    }


    .cmh-tool-link div p{

        font-size:11px;

    }


    .cmh-tool-link > a{

        min-width:75px;

        padding:8px 10px;

        font-size:11px;

    }


    .cmh-disclaimer{

        padding:16px;

        font-size:11px;

    }


    .cmh-faq-card > .cmh-content-badge{

        margin-left:auto;

        margin-right:auto;

    }


    .cmh-faq-desc{

        font-size:14px;

        line-height:1.75;

    }


    .cmh-faq-question{

        min-height:62px;

        padding:17px;

        gap:12px;

        font-size:14px;

    }


    .cmh-faq-question span{

        flex-basis:30px;

        width:30px;

        height:30px;

        font-size:19px;

    }


    .cmh-faq-answer p{

        padding:20px;

    }

}


/*==================================
 Small Mobile
==================================*/

@media(max-width:480px){

    .cmh-content-card,
    .cmh-faq-card{

        padding:18px;

        border-radius:17px;

    }


    .cmh-content-card h2,
    .cmh-faq-title{

        font-size:23px;

    }


    .cmh-content-card h3{

        font-size:18px;

        margin-top:30px;

    }


    .cmh-content-card p,
    .cmh-faq-answer p{

        font-size:13px;

        line-height:1.8;

    }


    .cmh-content-badge{

        padding:8px 14px;

        font-size:11px;

    }


    .cmh-info-box{

        padding:18px;

    }


    .cmh-info-box ul{

        padding-left:19px;

    }


    .cmh-info-box li{

        font-size:13px;

    }


    .cmh-number-list{

        gap:9px;

    }


    .cmh-number-list li{

        padding-left:54px;

        font-size:13px;

    }


    .cmh-number-list li::before{

        left:12px;

        width:30px;

        height:30px;

        font-size:12px;

    }


    .cmh-tool-link{

        grid-template-columns:40px 1fr;

        padding:14px;

    }


    .cmh-tool-link > span{

        width:40px;

        height:40px;

        font-size:17px;

    }


    .cmh-tool-link > a{

        grid-column:2;

        justify-self:start;

        margin-top:4px;

    }


    .cmh-tool-link div strong{

        font-size:12px;

    }


    .cmh-tool-link div p{

        font-size:10px;

    }


    .cmh-faq-question{

        padding:15px;

        font-size:13px;

    }


    .cmh-faq-question span{

        flex-basis:28px;

        width:28px;

        height:28px;

        font-size:17px;

    }


    .cmh-faq-answer p{

        padding:17px;

        font-size:13px;

    }

}


/*==================================
 FAQ Hover Text Fix
==================================*/

.cmh-faq-question:hover,
.cmh-faq-question:focus,
.cmh-faq-question:active{

    color:#7A4A27 !important;

    background:#FFF5ED !important;

}


.cmh-faq-question:hover span,
.cmh-faq-question:focus span,
.cmh-faq-question:active span{

    color:#FFFFFF !important;

    background:#7A4A27 !important;

}/* End custom CSS */