/* ===========================================
   TEMS IAS PREMIUM HEADER
   Twenty Twenty-Four Theme
===========================================*/

/* Header */

header.wp-block-template-part,
.site-header{

    
    top:0;
    z-index:9999;

    background:#ffffff;

    border-bottom:3px solid #d40000;

    box-shadow:0 5px 25px rgba(0,0,0,.08);

    transition:.35s;
}

/* Logo */

.custom-logo{

    max-height:75px;
    width:auto;
}

.site-logo img{

    max-height:75px;
}

/* Site Title */

.wp-block-site-title{

    font-size:32px!important;
    font-weight:700;
    letter-spacing:.5px;
}

.wp-block-site-title a{

    color:#111!important;
    text-decoration:none!important;
}

/* Tagline */

.wp-block-site-tagline{

    color:#666;
    font-size:14px;
    margin-top:-6px;
}

/* Navigation */

.wp-block-navigation{

    gap:35px;
}

/* Links */

.wp-block-navigation a{

    font-size:16px;
    font-weight:600;

    color:#222;

    position:relative;

    transition:.3s;

    text-decoration:none;
}

/* Hover */

.wp-block-navigation a:hover{

    color:#d40000;
}

/* Animated Underline */

.wp-block-navigation a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:0;

    height:3px;

    background:#d40000;

    transition:.35s;

    border-radius:20px;
}

.wp-block-navigation a:hover::after{

    width:100%;
}

/* Active Page */

.current-menu-item>a{

    color:#d40000!important;
}

.current-menu-item>a::after{

    width:100%;
}

/* Icons */

.wp-block-navigation svg{

    width:22px;
    height:22px;
}

/* Cart Badge */

.wc-block-mini-cart__badge{

    background:#d40000!important;
    color:#fff!important;
}

/* Login / Account */

.login-button,
.wp-block-button__link{

    background:#d40000!important;

    color:#fff!important;

    border-radius:40px!important;

    padding:14px 28px!important;

    font-weight:600;

    transition:.35s;
}

.login-button:hover,
.wp-block-button__link:hover{

    background:#111!important;

    transform:translateY(-2px);

    box-shadow:0 8px 20px rgba(212,0,0,.25);
}

/* Header Padding */

.wp-site-blocks header{

    padding-top:15px;
    padding-bottom:15px;
}

/* Search */

.wp-block-search__button{

    border-radius:40px;
}

/* Mobile */

@media(max-width:900px){

.wp-block-navigation{

gap:18px;

}

.wp-block-site-title{

font-size:24px!important;

}

.custom-logo{

max-height:60px;

}

}

/* ================================
   TEMS PROFESSIONAL POST LIST
================================ */

.tems-post-list ul{
    list-style:none;
    margin:0;
    padding:0;
}

.tems-post-list li{

    background:#ffffff;

    border:1px solid #ececec;

    border-left:5px solid #d70000;

    border-radius:14px;

    margin-bottom:18px;

    padding:10px;

    box-shadow:0 8px 24px rgba(0,0,0,.06);

    transition:.35s;

}

.tems-post-list li:hover{

    transform:translateY(-6px);

    box-shadow:0 14px 30px rgba(0,0,0,.12);

    border-left:5px solid #0056d6;

}

.tems-post-list a{

    text-decoration:none;

    color:#222;

    font-size:14px;

    font-weight:800;

    line-height:1;

    display:block;

}

.tems-post-list a:hover{

    color:#d70000;

}

.tems-post-list time,
.tems-post-list .wp-block-latest-posts__post-date{

    display:block;

    margin-top:10px;

    color:#777;

    font-size:14px;

    font-weight:500;

}

.tems-post-list li::before{

    content:"📄";

    margin-right:10px;

    font-size:14px;

}

/* ===================================
   TEMS Section Headings
=================================== */

.tems-heading{

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

    font-size:42px !important;

    font-weight:700 !important;

    color:#111 !important;

    line-height:1.2 !important;

    margin-bottom:35px !important;

    position:relative;

    display:block;

}

.tems-heading::after{

    content:"";

    display:block;

    width:80px;

    height:5px;

    background:#d70000;

    border-radius:20px;

    margin-top:12px;

}

.tems-login-btn a{

    background:#fff;

    color:#d70000 !important;

    border:2px solid #d70000;

    border-radius:999px;

    padding:12px 28px;

    font-weight:600;

    transition:.3s;

}

.tems-login-btn a:hover{

    background:#d70000;

    color:#fff !important;

    border-color:#d70000;

}