.elementor-2661 .elementor-element.elementor-element-a381cb5{--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-2661 .elementor-element.elementor-element-66ec437{--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-d4175bb *//*==================================================
CoffeeMasterHub Premium Calculator
Caffeine Half-Life Calculator
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-half-life-calculator,
#cmh-caffeine-half-life-calculator *,
#cmh-caffeine-half-life-calculator *::before,
#cmh-caffeine-half-life-calculator *::after{

    box-sizing:border-box;

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

}


#cmh-caffeine-half-life-calculator{

    width:100%;

    max-width:1320px;

    margin:40px auto;

    padding:18px;

    color:#373737;

}


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

#cmh-caffeine-half-life-calculator{

    --primary:#7A4A27;

    --primary2:#B57A4C;

    --dark:#3E2415;

    --text:#353535;

    --muted:#787878;

    --border:#E9E2DA;

    --soft:#F8F5F2;

    --cream:#FFF9F4;

    --hero:#F7EFE8;

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

}


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

#cmh-caffeine-half-life-calculator .cmh-hero{

    position:relative;

    width:100%;

    background:var(--hero);

    border:1px solid #EAD9CA;

    border-radius:24px;

    padding:65px 60px;

    text-align:center;

    margin-bottom:30px;

    overflow:hidden;

}


#cmh-caffeine-half-life-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-half-life-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-half-life-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-half-life-calculator .cmh-hero h1{

    position:relative;

    z-index:2;

    margin:0 0 18px;

    color:var(--dark);

    font-size:44px;

    line-height:1.2;

    font-weight:800;

}


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

    position:relative;

    z-index:2;

    max-width:780px;

    margin:0 auto;

    color:#6F5A4A;

    font-size:17px;

    line-height:1.8;

}


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

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

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:28px;

    align-items:stretch;

}


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

#cmh-caffeine-half-life-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 ease;

}


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

    transform:translateY(-3px);

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

}


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

    margin-bottom:24px;

}


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

    margin:0 0 8px;

    color:var(--primary);

    font-size:27px;

    line-height:1.3;

    font-weight:700;

}


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

    margin:0;

    color:var(--muted);

    font-size:14px;

    line-height:1.8;

}


/*==================================
 Form Fields
==================================*/

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

    display:grid;

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

    gap:18px;

    margin-top:20px;

}


#cmh-caffeine-half-life-calculator .cmh-field{

    display:flex;

    flex-direction:column;

}


#cmh-caffeine-half-life-calculator .cmh-full-field{

    width:100%;

}


#cmh-caffeine-half-life-calculator .cmh-field label,
#cmh-caffeine-half-life-calculator .cmh-quick-section > label{

    display:block;

    margin-bottom:8px;

    color:#3D3D3D;

    font-size:13px;

    font-weight:600;

}


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

    width:100%;

    height:52px;

    padding:0 15px;

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

    border-radius:14px;

    outline:none;

    background:#FCFBFA;

    color:#353535;

    font-size:14px;

    transition:.25s ease;

}


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

    border-color:var(--primary);

    background:#FFF;

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

}


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

    color:#AAA;

}


#cmh-caffeine-half-life-calculator .cmh-field small{

    display:block;

    margin-top:7px;

    color:#8A8A8A;

    font-size:11px;

    line-height:1.6;

}


/*==================================
 Input + Unit
==================================*/

#cmh-caffeine-half-life-calculator .cmh-input-with-unit{

    display:flex;

    width:100%;

    gap:10px;

}


#cmh-caffeine-half-life-calculator .cmh-input-with-unit input{

    flex:1;

    min-width:0;

}


#cmh-caffeine-half-life-calculator .cmh-input-with-unit > span{

    display:flex;

    align-items:center;

    justify-content:center;

    min-width:75px;

    height:52px;

    padding:0 14px;

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

    border-radius:14px;

    background:#F8F5F2;

    color:var(--primary);

    font-size:13px;

    font-weight:600;

}


#cmh-caffeine-half-life-calculator .cmh-input-with-unit select{

    width:110px;

    flex-shrink:0;

}


/*==================================
 Quick Select Section
==================================*/

#cmh-caffeine-half-life-calculator .cmh-quick-section{

    margin-top:18px;

}


#cmh-caffeine-half-life-calculator .cmh-quick-buttons{

    display:grid;

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

    gap:8px;

}


#cmh-caffeine-half-life-calculator .cmh-quick-btn{

    min-height:42px;

    padding:8px 5px;

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

    border-radius:11px;

    background:#F9F6F3;

    color:#6B3F22;

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

    font-size:12px;

    font-weight:600;

    cursor:pointer;

    transition:.25s ease;

}


#cmh-caffeine-half-life-calculator .cmh-quick-btn:hover,
#cmh-caffeine-half-life-calculator .cmh-quick-btn.active{

    border-color:#7A4A27;

    background:#7A4A27;

    color:#FFF;

    transform:translateY(-2px);

}


/*==================================
 Half-Life Profile Buttons
==================================*/

#cmh-caffeine-half-life-calculator .cmh-profile-buttons{

    display:grid;

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

    gap:10px;

}


#cmh-caffeine-half-life-calculator .cmh-profile-btn{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    min-height:65px;

    padding:8px;

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

    border-radius:14px;

    background:#FCFBFA;

    color:#555;

    cursor:pointer;

    transition:.25s ease;

}


#cmh-caffeine-half-life-calculator .cmh-profile-btn strong{

    display:block;

    margin-bottom:2px;

    color:#6B3F22;

    font-size:15px;

    font-weight:700;

}


#cmh-caffeine-half-life-calculator .cmh-profile-btn span{

    color:#888;

    font-size:10px;

}


#cmh-caffeine-half-life-calculator .cmh-profile-btn:hover,
#cmh-caffeine-half-life-calculator .cmh-profile-btn.active{

    border-color:#7A4A27;

    background:#F8EFE7;

}


#cmh-caffeine-half-life-calculator .cmh-profile-btn.active{

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

}


/*==================================
 Tool Actions
==================================*/

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

    display:flex;

    gap:14px;

    margin-top:25px;

}


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

    flex:1;

    height:55px;

    border:none;

    border-radius:14px;

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

    font-size:14px;

    font-weight:600;

    cursor:pointer;

    transition:.3s ease;

}


#cmh-caffeine-half-life-calculator #calculateBtn{

    color:#FFF;

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

}


#cmh-caffeine-half-life-calculator #calculateBtn:hover{

    transform:translateY(-3px);

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

}


#cmh-caffeine-half-life-calculator #resetBtn{

    flex:0 0 115px;

    color:#7A4A27;

    background:#F8F5F2;

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

}


#cmh-caffeine-half-life-calculator #resetBtn:hover{

    background:#EFE7DF;

}


/*==================================
 Input Note
==================================*/

#cmh-caffeine-half-life-calculator .cmh-input-note{

    display:flex;

    align-items:flex-start;

    gap:10px;

    margin-top:18px;

    padding:13px 15px;

    border:1px solid #E8DDD2;

    border-radius:13px;

    background:#FFF9F4;

}


#cmh-caffeine-half-life-calculator .cmh-input-note span{

    flex-shrink:0;

    font-size:14px;

}


#cmh-caffeine-half-life-calculator .cmh-input-note p{

    margin:0;

    color:#777;

    font-size:11px;

    line-height:1.7;

}


/*==================================
 Main Result
==================================*/

#cmh-caffeine-half-life-calculator .cmh-main-result{

    position:relative;

    overflow:hidden;

    padding:26px 24px;

    margin-bottom:20px;

    border:1px solid #E8D9CC;

    border-radius:20px;

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

    text-align:center;

}


#cmh-caffeine-half-life-calculator .cmh-main-result::after{

    content:"";

    position:absolute;

    width:110px;

    height:110px;

    right:-45px;

    top:-45px;

    border-radius:50%;

    background:rgba(122,74,39,.06);

}


#cmh-caffeine-half-life-calculator .cmh-main-result span{

    position:relative;

    z-index:2;

    display:block;

    margin-bottom:7px;

    color:#7A6658;

    font-size:13px;

    font-weight:500;

}


#cmh-caffeine-half-life-calculator .cmh-main-result strong{

    position:relative;

    z-index:2;

    display:block;

    margin-bottom:6px;

    color:#6B3F22;

    font-size:42px;

    line-height:1.2;

    font-weight:800;

}


#cmh-caffeine-half-life-calculator .cmh-main-result small{

    position:relative;

    z-index:2;

    display:block;

    color:#8A7A6E;

    font-size:11px;

    line-height:1.6;

}


/*==================================
 Result Grid
==================================*/

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

    display:grid;

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

    gap:14px;

    margin-bottom:20px;

}


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

    padding:18px;

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

    border-radius:16px;

    background:#FFF;

    text-align:center;

    transition:.25s ease;

}


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

    transform:translateY(-3px);

    border-color:#DCCABB;

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

}


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

    display:block;

    margin-bottom:7px;

    color:var(--muted);

    font-size:11px;

    line-height:1.5;

}


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

    display:block;

    color:var(--primary);

    font-size:23px;

    font-weight:700;

}


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

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

    padding:19px;

    margin-bottom:20px;

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

    border-radius:17px;

    background:#FFF;

}


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

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    margin-bottom:12px;

}


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

    color:#444;

    font-size:12px;

    font-weight:600;

}


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

    color:var(--primary);

    font-size:12px;

    font-weight:700;

}


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

    width:100%;

    height:11px;

    overflow:hidden;

    border-radius:50px;

    background:#ECE5DD;

}


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

    width:100%;

    height:100%;

    border-radius:50px;

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

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

}


/*==================================
 Timeline
==================================*/

#cmh-caffeine-half-life-calculator .cmh-timeline-card{

    padding:19px;

    margin-bottom:20px;

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

    border-radius:17px;

    background:#FCFBFA;

}


#cmh-caffeine-half-life-calculator .cmh-timeline-title{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    padding-bottom:15px;

    margin-bottom:15px;

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

}


#cmh-caffeine-half-life-calculator .cmh-timeline-title strong{

    color:#4A3427;

    font-size:13px;

}


#cmh-caffeine-half-life-calculator .cmh-timeline-title span{

    color:#999;

    font-size:10px;

}


#cmh-caffeine-half-life-calculator .cmh-timeline{

    display:grid;

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

    gap:8px;

}


#cmh-caffeine-half-life-calculator .cmh-timeline-item{

    position:relative;

    padding:5px;

    text-align:center;

}


#cmh-caffeine-half-life-calculator .cmh-timeline-dot{

    width:32px;

    height:32px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 8px;

    border-radius:50%;

    background:#7A4A27;

    color:#FFF;

    font-size:11px;

    font-weight:700;

}


#cmh-caffeine-half-life-calculator .cmh-timeline-item span{

    display:block;

    margin-bottom:4px;

    color:#888;

    font-size:9px;

    line-height:1.4;

}


#cmh-caffeine-half-life-calculator .cmh-timeline-item strong{

    display:block;

    color:#6B3F22;

    font-size:13px;

    font-weight:700;

}


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

#cmh-caffeine-half-life-calculator .cmh-recommendation{

    margin-top:auto;

    padding:18px 20px;

    border:1px solid #E8DDD2;

    border-left:4px solid #7A4A27;

    border-radius:17px;

    background:#FFF9F4;

    color:#666;

    font-size:12px;

    line-height:1.8;

}


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

    display:block;

    margin-bottom:5px;

    color:#7A4A27;

    font-size:15px;

}


/*==================================
 Formula Card
==================================*/

#cmh-caffeine-half-life-calculator .cmh-formula-card{

    margin-top:28px;

    padding:30px;

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

    border-radius:22px;

    background:#FFF;

    box-shadow:var(--shadow);

}


#cmh-caffeine-half-life-calculator .cmh-formula-card .cmh-card-header{

    margin-bottom:20px;

}


#cmh-caffeine-half-life-calculator .cmh-formula-box{

    padding:24px;

    border:1px solid #E8DCCE;

    border-radius:18px;

    background:#F8F3EE;

    text-align:center;

}


#cmh-caffeine-half-life-calculator .cmh-formula-box span{

    display:block;

    margin-bottom:10px;

    color:#6F5A4A;

    font-size:13px;

}


#cmh-caffeine-half-life-calculator .cmh-formula-box strong{

    display:block;

    color:#6B3F22;

    font-size:21px;

    line-height:1.7;

    font-weight:700;

}


#cmh-caffeine-half-life-calculator .cmh-formula-points{

    display:grid;

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

    gap:14px;

    margin-top:18px;

}


#cmh-caffeine-half-life-calculator .cmh-formula-points > div{

    padding:16px;

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

    border-radius:14px;

    background:#FCFBFA;

    text-align:center;

}


#cmh-caffeine-half-life-calculator .cmh-formula-points strong{

    display:block;

    margin-bottom:5px;

    color:#7A4A27;

    font-size:14px;

}


#cmh-caffeine-half-life-calculator .cmh-formula-points span{

    display:block;

    color:#888;

    font-size:10px;

}


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

#cmh-caffeine-half-life-calculator #cmh-loader{

    position:fixed;

    inset:0;

    display:none;

    align-items:center;

    justify-content:center;

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

    backdrop-filter:blur(5px);

    z-index:99999;

}


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

    display:flex;

    align-items:center;

    gap:18px;

    padding:24px 30px;

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

    border-radius:22px;

    background:#FFF;

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

}


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

    width:64px;

    height:64px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    color:#FFF;

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

    font-size:28px;

    animation:cmhSpin 1s linear infinite;

}


@keyframes cmhSpin{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}


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

    display:block;

    margin-bottom:4px;

    color:#7A4A27;

    font-size:20px;

}


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

    color:#777;

    font-size:14px;

}


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

@media(max-width:991px){

    #cmh-caffeine-half-life-calculator{

        padding:15px;

    }


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

        grid-template-columns:1fr;

        gap:24px;

    }


    #cmh-caffeine-half-life-calculator .cmh-card{

        padding:26px;

    }


    #cmh-caffeine-half-life-calculator .cmh-hero{

        padding:55px 40px;

    }


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

        font-size:38px;

    }


    #cmh-caffeine-half-life-calculator .cmh-formula-points{

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

    }

}


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

@media(max-width:768px){

    #cmh-caffeine-half-life-calculator{

        padding:10px;

        margin:20px auto;

    }


    #cmh-caffeine-half-life-calculator .cmh-hero{

        padding:42px 24px;

        border-radius:20px;

    }


    #cmh-caffeine-half-life-calculator .cmh-badge{

        padding:6px 12px;

        font-size:10px;

    }


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

        margin-bottom:18px;

        font-size:28px;

        line-height:1.25;

    }


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

        font-size:15px;

        line-height:1.75;

    }


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

        grid-template-columns:1fr;

    }


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

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

    }


    #cmh-caffeine-half-life-calculator .cmh-main-result strong{

        font-size:36px;

    }


    #cmh-caffeine-half-life-calculator .cmh-timeline{

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

        row-gap:18px;

    }


    #cmh-caffeine-half-life-calculator .cmh-formula-points{

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

    }


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

        flex-direction:column;

    }


    #cmh-caffeine-half-life-calculator #resetBtn{

        flex:1;

    }


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

        flex-direction:column;

        align-items:flex-start;

    }

}


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

@media(max-width:480px){

    #cmh-caffeine-half-life-calculator .cmh-hero{

        padding:38px 20px;

    }


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

        font-size:26px;

    }


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

        font-size:14px;

    }


    #cmh-caffeine-half-life-calculator .cmh-card{

        padding:18px;

    }


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

        font-size:22px;

    }


    #cmh-caffeine-half-life-calculator .cmh-quick-buttons{

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

    }


    #cmh-caffeine-half-life-calculator .cmh-profile-buttons{

        grid-template-columns:1fr;

    }


    #cmh-caffeine-half-life-calculator .cmh-input-with-unit{

        gap:8px;

    }


    #cmh-caffeine-half-life-calculator .cmh-input-with-unit > span{

        min-width:65px;

    }


    #cmh-caffeine-half-life-calculator .cmh-input-with-unit select{

        width:100px;

    }


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

        grid-template-columns:1fr 1fr;

        gap:10px;

    }


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

        padding:15px 10px;

    }


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

        font-size:20px;

    }


    #cmh-caffeine-half-life-calculator .cmh-main-result{

        padding:22px 15px;

    }


    #cmh-caffeine-half-life-calculator .cmh-main-result strong{

        font-size:32px;

    }


    #cmh-caffeine-half-life-calculator .cmh-timeline{

        grid-template-columns:1fr 1fr;

    }


    #cmh-caffeine-half-life-calculator .cmh-timeline-title{

        align-items:flex-start;

        flex-direction:column;

    }


    #cmh-caffeine-half-life-calculator .cmh-formula-card{

        padding:18px;

    }


    #cmh-caffeine-half-life-calculator .cmh-formula-box{

        padding:20px 12px;

    }


    #cmh-caffeine-half-life-calculator .cmh-formula-box strong{

        font-size:16px;

    }


    #cmh-caffeine-half-life-calculator .cmh-formula-points{

        grid-template-columns:1fr 1fr;

        gap:10px;

    }


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

        max-width:calc(100% - 30px);

        padding:20px;

    }


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

        width:54px;

        height:54px;

        font-size:24px;

    }


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

        font-size:17px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2640f8b *//*==================================================
CoffeeMasterHub
Caffeine Half-Life Calculator
CONTENT + FAQ CSS ONLY
==================================================*/


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

.cmh-content{

    max-width:1320px;

    margin:40px auto;

    padding:0 18px;

}


/*==================================
 Content Card
==================================*/

.cmh-content-card{

    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;

    border-radius:50px;

    background:#FFF8F2;

    border:1px solid #E8DDD2;

    color:#7A4A27;

    font-size:13px;

    font-weight:600;

    margin-bottom:18px;

}


/*==================================
 Content Heading H2
==================================*/

.cmh-content-card h2{

    font-size:38px;

    font-weight:800;

    color:#7A4A27;

    line-height:1.25;

    margin:0 0 20px;

}


/*==================================
 Content Heading H3
==================================*/

.cmh-content-card h3{

    font-size:24px;

    font-weight:700;

    color:#7A4A27;

    line-height:1.35;

    margin:36px 0 15px;

}


/*==================================
 Paragraph
==================================*/

.cmh-content-card p{

    font-size:16px;

    line-height:1.9;

    color:#555;

    margin:0 0 18px;

}


/*==================================
 Strong Text
==================================*/

.cmh-content-card strong{

    color:#7A4A27;

}


/*==================================
 Internal Links
==================================*/

.cmh-content-card a{

    color:#8A552E;

    font-weight:600;

    text-decoration:none;

    transition:.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 14px;

}


.cmh-info-box p{

    margin-bottom:0;

}


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

.cmh-info-box ul{

    margin:18px 0 0;

    padding-left:23px;

}


.cmh-info-box li{

    margin-bottom:11px;

    padding-left:4px;

    color:#555;

    font-size:15px;

    line-height:1.8;

}


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

    margin-bottom:0;

}


/*==================================
 Note Box
==================================*/

.cmh-note{

    margin:30px 0;

    padding:22px 24px;

    background:#FDF7F1;

    border:1px solid #E9DED3;

    border-radius:16px;

    color:#555;

    font-size:15px;

    line-height:1.8;

}


.cmh-note strong{

    color:#7A4A27;

}


.cmh-note a{

    color:#8A552E;

    font-weight:600;

    text-decoration:none;

}


.cmh-note a:hover{

    color:#B57A4C;

    text-decoration:underline;

}


/*==================================
 FAQ Section
==================================*/

.cmh-faq{

    max-width:1320px;

    margin:40px auto;

    padding:0 18px;

}


/*==================================
 FAQ Card
==================================*/

.cmh-faq-card{

    background:#FFFFFF;

    border:1px solid #E9E2DA;

    border-radius:24px;

    padding:42px;

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

}


/*==================================
 FAQ Title
==================================*/

.cmh-faq-title{

    font-size:38px;

    font-weight:800;

    color:#7A4A27;

    text-align:center;

    line-height:1.3;

    margin:0 0 15px;

}


/*==================================
 FAQ Description
==================================*/

.cmh-faq-desc{

    max-width:780px;

    margin:0 auto 35px;

    text-align:center;

    color:#666;

    line-height:1.8;

    font-size:16px;

}


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

.cmh-faq-item{

    border:1px solid #E8DDD2;

    border-radius:18px;

    overflow:hidden;

    margin-bottom:18px;

    background:#FFFFFF;

    transition:.3s ease;

}


.cmh-faq-item:hover{

    border-color:#DCCABB;

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

}


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

.cmh-faq-question{

    width:100%;

    background:#FFF9F4;

    border:none;

    padding:22px 26px;

    cursor:pointer;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:18px;

    text-align:left;

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

    font-size:17px;

    font-weight:700;

    color:#7A4A27;

    transition:.25s ease;

}


.cmh-faq-question:hover{

    color:#7A4A27 !important;

    background:#FFF5ED;

}


.cmh-faq-question:focus{

    outline:none;

    color:#7A4A27 !important;

    background:#FFF5ED;

}


.cmh-faq-question:active{

    color:#7A4A27 !important;

    background:#FFF5ED;

}


/*==================================
 FAQ Plus / Minus Button
==================================*/

.cmh-faq-question span{

    width:34px;

    height:34px;

    min-width:34px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#7A4A27;

    color:#FFFFFF !important;

    font-size:22px;

    font-weight:500;

    line-height:1;

    flex-shrink:0;

    transition:.3s ease;

}


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

    color:#FFFFFF !important;

    background:#7A4A27;

}


/*==================================
 FAQ Active State
==================================*/

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

    background:#FFF5ED;

    color:#7A4A27;

}


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

    transform:rotate(180deg);

    background:#7A4A27;

    color:#FFFFFF !important;

}


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

.cmh-faq-answer{

    max-height:0;

    overflow:hidden;

    background:#FFFFFF;

    transition:max-height .35s ease;

}


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

.cmh-faq-answer p{

    margin:0;

    padding:24px 26px;

    color:#555;

    font-size:15px;

    line-height:1.9;

}


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

.cmh-faq-answer a{

    color:#8A552E;

    font-weight:600;

    text-decoration:none;

    transition:.25s ease;

}


.cmh-faq-answer a:hover{

    color:#B57A4C;

    text-decoration:underline;

}


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

.cmh-faq-item:last-child{

    margin-bottom:0;

}


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

@media(max-width:991px){

    .cmh-content{

        padding:0 14px;

    }


    .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-content-card p{

        font-size:15px;

    }

}


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

@media(max-width:768px){

    .cmh-content,
    .cmh-faq{

        margin:26px auto;

        padding:0 10px;

    }


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

        padding:23px;

        border-radius:20px;

    }


    .cmh-content-badge{

        font-size:12px;

        padding:8px 15px;

        margin-bottom:16px;

    }


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

        font-size:27px;

        line-height:1.3;

    }


    .cmh-content-card h3{

        font-size:20px;

        margin-top:30px;

    }


    .cmh-content-card p{

        font-size:14px;

        line-height:1.85;

    }


    .cmh-info-box{

        padding:21px;

        margin:25px 0;

    }


    .cmh-info-box li{

        font-size:14px;

        line-height:1.75;

    }


    .cmh-note{

        padding:18px 19px;

        font-size:14px;

        line-height:1.8;

    }


    .cmh-faq-desc{

        font-size:14px;

        line-height:1.8;

        margin-bottom:27px;

    }


    .cmh-faq-item{

        border-radius:15px;

        margin-bottom:14px;

    }


    .cmh-faq-question{

        padding:18px;

        font-size:15px;

        line-height:1.5;

        gap:12px;

    }


    .cmh-faq-question span{

        width:30px;

        min-width:30px;

        height:30px;

        font-size:20px;

    }


    .cmh-faq-answer p{

        padding:20px 18px;

        font-size:14px;

        line-height:1.8;

    }

}


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

@media(max-width:480px){

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

        padding:19px;

        border-radius:18px;

    }


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

        font-size:23px;

    }


    .cmh-content-card h3{

        font-size:18px;

        margin-top:27px;

    }


    .cmh-content-card p{

        font-size:13px;

        line-height:1.8;

    }


    .cmh-info-box{

        padding:18px;

    }


    .cmh-info-box li{

        font-size:13px;

    }


    .cmh-note{

        padding:17px;

        font-size:13px;

    }


    .cmh-faq-desc{

        font-size:13px;

    }


    .cmh-faq-question{

        padding:16px;

        font-size:14px;

    }


    .cmh-faq-question span{

        width:28px;

        min-width:28px;

        height:28px;

        font-size:18px;

    }


    .cmh-faq-answer p{

        padding:18px 16px;

        font-size:13px;

        line-height:1.8;

    }

}/* End custom CSS */