/*
Theme Name: Medical Formula
Theme URI: https://awplife.com/wordpress-themes/formula-premium/
Template: formula
Author: A WP Life
Author URI: http://awplife.com/
Description: The Medical Formula WordPress theme is a professional and modern website template designed specifically for medical and healthcare-related websites. It features a clean and responsive design with a focus on usability and accessibility. This theme seamlessly integrates with popular WordPress builders and block plugins, including Beaver, Divi, Visual Composer, SiteOrigin, Brizy, Themify, WPBakery, Gutenberg, Kadence blocks, Atomic blocks, and EditorsKit. With its lightweight design, this theme has a elegant menu like twenty twenty theme, this theme provide other category including blogs, storefront, portfolios, trending news portals, Craft Spectral Briteful Lightning blogging magazines (both mega and dark), architecture and interior design sites, furniture and home decor websites, construction and corporate pages, agencies, business press promotion platforms, industries, beauty and spa salons, photography websites, gyms, fitness, yoga exercise and health pages, medical websites, cooming soon and startups, business agencies, law firms, room hotels and travel websites, kids school, education and university portals, restaurants, popular meta shops, quick magazines, finance and accounting pages, consulting platforms, and travel agency websites and many more. Experience the captivating power of Spectral Briteful Lightning theme, guiding you through the digital landscape and ensuring you never go astray.
Tags: blog, e-commerce, education, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, block-patterns, block-styles, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, rtl-language-support, theme-options, threaded-comments, translation-ready
Version: 0.0.8
Tested up to: 6.8
Requires PHP: 5.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: medical-formula
*/



/*--------------------------------------------------------------
# Index
--------------------------------------------------------------*/
/* BODY */
body{
    background:#eef4ff;
    background-image:
    radial-gradient(circle at top left, rgba(59,130,246,.18), transparent 30%),
    radial-gradient(circle at bottom right, rgba(37,99,235,.12), transparent 35%);
    color:#0f172a;
}

/* CARD HOVER */
.card{
    position:relative;
}

.card::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:22px;
    padding:1px;
    background:linear-gradient(135deg,#60a5fa,transparent,#2563eb);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:.4;
    pointer-events:none;
}

/* GLOW EFFECT */
.card:hover{
    box-shadow:
    0 25px 50px rgba(37,99,235,.18),
    0 0 30px rgba(59,130,246,.15);
}

/* PAGE BUTTON */
.page-btn{
    transition:.3s ease;
}

.page-btn:hover{
    background:#2563eb;
    color:#fff;
    transform:translateY(-2px);
}

/* ACTIVE PAGE */
.page-btn.active{
    background:linear-gradient(135deg,#2563eb,#60a5fa);
    color:#fff;
}

/* MODAL */
.modal{
    background:
    linear-gradient(180deg,#ffffff,#f8fbff);
    color:#0f172a;
}

/* MODAL TITLE */
#modalTitle{
    color:#0f172a;
    font-weight:800;
}

/* READ MORE */
.read-btn{
    letter-spacing:.5px;
}
/* GLOBAL CONTAINER */
.site,
.wrapper,
.page-wrapper,
.content-area{
    position:relative;
}

/* HEADER */
.site-header,
.main-header,
.header-area{
    background:linear-gradient(135deg,#071226,#0f172a,#1e3a8a);
    box-shadow:0 10px 30px rgba(15,23,42,.45);
    border-bottom:1px solid rgba(255,255,255,.08);
}

/* LOGO */
.site-title a,
.navbar-brand,
.custom-logo-link{
    color:#ffffff !important;
    font-weight:800;
    letter-spacing:.5px;
}

/* MENU */
.main-menu li a,
.navigation li a,
.nav-menu li a{
    color:#dbeafe !important;
    font-weight:600;
    transition:all .3s ease;
    position:relative;
}

.main-menu li a:hover,
.navigation li a:hover,
.nav-menu li a:hover{
    color:#60a5fa !important;
}

.main-menu li a::after,
.navigation li a::after,
.nav-menu li a::after{
    content:"";
    position:absolute;
    bottom:-6px;
    left:0;
    width:0%;
    height:2px;
    background:#60a5fa;
    transition:.3s ease;
}

.main-menu li a:hover::after,
.navigation li a:hover::after,
.nav-menu li a:hover::after{
    width:100%;
}

/* HERO / PAGE TITLE */
.page-header,
.breadcrumb-area{
    background:
    linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,64,175,.88)),
    url('https://images.unsplash.com/photo-1518770660439-4636190af475?q=80&w=1400&auto=format&fit=crop');
    background-size:cover;
    background-position:center;
    border-radius:0 0 24px 24px;
    box-shadow:0 15px 40px rgba(30,64,175,.35);
}

/* ARTICLE CARD */
.blog .full-content,
.post,
article,
.single-post .post-wrapper{
    background:linear-gradient(180deg,#ffffff,#f8fbff);
    border-radius:22px;
    box-shadow:0 12px 35px rgba(15,23,42,.08);
    border:1px solid rgba(59,130,246,.08);
    overflow:hidden;
    transition:.4s ease;
}

.blog .full-content:hover,
.post:hover,
article:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 50px rgba(37,99,235,.18);
}

/* POST TITLE */
.blog .entry-title,
.entry-title a,
h1,h2,h3,h4{
    color:#0f172a;
    font-weight:800;
}

.blog .entry-title a:hover{
    color:#2563eb;
}

/* ARTICLE TEXT */
.entry-content,
.entry-content p,
.post p{
    color:#334155;
    font-size:17px;
    line-height:1.9;
}

/* LINKS */
a{
    color:#2563eb;
    transition:.3s ease;
}

a:hover{
    color:#60a5fa;
}

/* BUTTONS */
button,
input[type="submit"],
.wp-block-button__link,
.more-link{
    background:linear-gradient(135deg,#1d4ed8,#3b82f6);
    color:#fff !important;
    border:none;
    border-radius:14px;
    padding:14px 26px;
    font-weight:700;
    box-shadow:0 10px 25px rgba(37,99,235,.35);
    transition:.35s ease;
}

button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.more-link:hover{
    transform:translateY(-3px);
    background:linear-gradient(135deg,#2563eb,#60a5fa);
    box-shadow:0 15px 35px rgba(59,130,246,.45);
}

/* SIDEBAR */
.widget,
.sidebar .widget{
    background:linear-gradient(180deg,#ffffff,#f8fbff);
    border-radius:20px;
    padding:25px;
    border:1px solid rgba(59,130,246,.08);
    box-shadow:0 10px 30px rgba(15,23,42,.06);
    margin-bottom:25px;
}

/* WIDGET TITLE */
.widget-title{
    color:#0f172a;
    font-size:22px;
    font-weight:800;
    margin-bottom:20px;
    position:relative;
}

.widget-title::after{
    content:"";
    width:60px;
    height:4px;
    border-radius:20px;
    background:linear-gradient(90deg,#2563eb,#60a5fa);
    position:absolute;
    left:0;
    bottom:-10px;
}

/* FOOTER */
.site-footer,
.footer-area{
    background:linear-gradient(135deg,#020617,#0f172a,#1e3a8a);
    color:#cbd5e1;
    padding-top:50px;
    border-top:1px solid rgba(255,255,255,.08);
}

.site-footer a,
.footer-area a{
    color:#93c5fd;
}

.site-footer a:hover,
.footer-area a:hover{
    color:#ffffff;
}

/* COMMENT SECTION */
.comment-section,
.comment-form-section{
    background:linear-gradient(180deg,#ffffff,#f8fbff);
    border-radius:20px;
    box-shadow:0 10px 30px rgba(15,23,42,.08);
    border:1px solid rgba(59,130,246,.08);
}

/* INPUT */
input,
textarea,
select{
    background:#f8fbff !important;
    border:1px solid #bfdbfe !important;
    border-radius:12px !important;
    color:#0f172a !important;
    transition:.3s ease;
}

input:focus,
textarea:focus,
select:focus{
    border-color:#3b82f6 !important;
    box-shadow:0 0 0 4px rgba(59,130,246,.15);
    outline:none;
}

/* TABLE */
table{
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(15,23,42,.08);
}

table th{
    background:#1d4ed8;
    color:#fff;
}

/* SCROLLBAR */
::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#dbeafe;
}

::-webkit-scrollbar-thumb{
    background:linear-gradient(#2563eb,#60a5fa);
    border-radius:20px;
}

/* IMAGE WRAPPER */
.thumb{
    position:relative;
    width:100%;
    overflow:hidden;
    border-radius:18px;
}

/* IMAGE */
.thumb img{
    width:100%;
    height:auto;
    display:block;
    object-fit:cover;
    transition:.4s ease;
    border-radius:18px;
}

/* HOVER */
.thumb:hover img{
    transform:scale(1.03);
}

/* GLOBAL IMAGE FIX */
img{
    max-width:100%;
    height:auto;
    display:block;
}
/* MOBILE */
@media(max-width:768px){

    .blog .entry-title{
        font-size:20px;
    }

    .widget{
        padding:20px;
    }

    button,
    input[type="submit"]{
        width:100%;
    }

}
/* CARD FIX MOBILE */
.card,
.post,
article{
    overflow:hidden;
}

/* BUTTON FIX */
button,
.wp-block-button__link,
.more-link{
    position:relative;
    z-index:2;
}

/* IMAGE LAYER */
.thumb{
    z-index:1;
}

Lal
article.post{
    display:block !important;
    height:auto !important;
    min-height:auto !important;
    overflow:hidden !important;
}

/* IMAGE */
.post-thumbnail{
    display:block !important;
    width:100% !important;
    height:auto !important;
    overflow:hidden !important;
    margin-bottom:15px !important;
    position:relative !important;
}

.post-thumbnail a{
    display:block !important;
}

.post-thumbnail img{
    width:100% !important;
    height:auto !important;
    object-fit:cover !important;
    display:block !important;
    position:relative !important;
}

/* CONTENT */
.content-wrapper{
    display:block !important;
    width:100% !important;
    position:relative !important;
    z-index:5 !important;
    margin-top:15px !important;
}

/* REMOVE OVERLAY */
.blog-head{
    background:none !important;
    min-height:auto !important;
    height:auto !important;
    padding:0 !important;
}

/* ENTRY */
.entry-content{
    display:block !important;
    position:relative !important;
    margin-top:15px !important;
    clear:both !important;
}

/* BUTTON */
.custom-top-button{
    display:block !important;
    width:100% !important;
    position:relative !important;
    z-index:20 !important;
    margin-top:20px !important;
}

/* MOBILE */
@media(max-width:768px){

    .post-thumbnail{
        height:auto !important;
    }

    .post-thumbnail img{
        height:auto !important;
    }

}
.post-thumbnail{
    position:relative;
    margin-bottom:20px !important;
}

/* title wrapper */
.entry-header{
    position:relative;
    display:block;
    width:100%;
    margin-top:15px !important;
    margin-bottom:15px !important;
    z-index:10;
}

/* title */
.entry-title{
    display:block;
    width:100%;
    margin:0 !important;
    position:relative !important;
}

/* title button */
.entry-title a{
    display:block !important;
    width:100% !important;
    position:relative !important;
    margin:0 !important;
    box-sizing:border-box;
}

/* content wrapper */
.content-wrapper{
    padding-top:10px !important;
}

/* remove overlap */
.blog-head{
    background:none !important;
    padding:0 !important;
    margin:0 !important;
}