/* =========================================================
   ONLINE SEO BLOGS
   FINAL PREMIUM SINGLE POST SIDEBAR
   Search + Categories + Tracker + Latest + Newsletter + Popular
========================================================= */


/* =========================================================
   01. SIDEBAR VARIABLES
========================================================= */

.primary-sidebar,
#secondary {
    --osb-navy: #111827;
    --osb-text: #111827;
    --osb-body: #374151;
    --osb-muted: #475569;
    --osb-soft: #98A2B3;

    --osb-blue: #E5484D;
    --osb-cyan: #F59E0B;

    --osb-border: #E4E7EC;
    --osb-light: #F8FAFC;
    --osb-white: #FFFFFF;

    font-family: Inter, sans-serif;
}


/* =========================================================
   02. GENERAL SIDEBAR SPACING
========================================================= */

.primary-sidebar .widget,
#secondary .widget {
    margin-bottom: 22px;
}


/* =========================================================
   03. STANDARD WIDGET CARDS
========================================================= */

.primary-sidebar .widget_search,
.primary-sidebar .widget_categories,
#secondary .widget_search,
#secondary .widget_categories {
    padding: 22px;

    border: 1px solid var(--osb-border);
    border-radius: 16px;

    background: #FFFFFF;

    box-shadow:
        0 10px 32px rgba(16, 24, 40, .055);
}


/* Widget title */
.primary-sidebar .widget-title,
#secondary .widget-title,
.osb-sidebar-heading {
    margin: 0 0 18px !important;

    color: var(--osb-text) !important;

    font-family: Manrope, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;
    letter-spacing: -.3px !important;

    text-transform: none !important;
}


/* =========================================================
   04. SEARCH
========================================================= */

.primary-sidebar .widget_search .search-form,
#secondary .widget_search .search-form {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr) 54px !important;

    gap: 10px !important;

    align-items: center !important;

    margin: 0 !important;
}


.primary-sidebar .widget_search label,
#secondary .widget_search label {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
}


.primary-sidebar .widget_search .search-field,
#secondary .widget_search .search-field {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 48px !important;

    margin: 0 !important;

    padding:
        0 15px !important;

    border:
        1px solid #D0D5DD !important;

    border-radius:
        10px !important;

    color:
        var(--osb-body) !important;

    background:
        #FFFFFF !important;

    font-family:
        Inter, sans-serif !important;

    font-size:
        14px !important;

    line-height:
        48px !important;

    box-shadow:
        none !important;

    appearance: none;
}


.primary-sidebar .widget_search .search-field::placeholder,
#secondary .widget_search .search-field::placeholder {
    color:
        #98A2B3 !important;

    opacity: 1;
}


.primary-sidebar .widget_search .search-field:focus,
#secondary .widget_search .search-field:focus {
    outline:
        none !important;

    border-color:
        var(--osb-blue) !important;

    box-shadow:
        0 0 0 4px
        rgba(22, 140, 255, .09) !important;
}


/* Remove all theme search icons */
.primary-sidebar .search-form svg,
#secondary .search-form svg,

.primary-sidebar .search-form .search-icon,
#secondary .search-form .search-icon,

.primary-sidebar .search-form .kadence-svg-iconset,
#secondary .search-form .kadence-svg-iconset,

.primary-sidebar .search-form .kadence-search-icon-wrap,
#secondary .search-form .kadence-search-icon-wrap,

.primary-sidebar .search-submit::before,
#secondary .search-submit::before,

.primary-sidebar .search-submit::after,
#secondary .search-submit::after {
    display:
        none !important;

    content:
        none !important;
}


/* Search button */
.primary-sidebar .search-submit,
#secondary .search-submit {
    display:
        block !important;

    width:
        54px !important;

    min-width:
        54px !important;

    max-width:
        54px !important;

    height:
        48px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        10px !important;

    overflow:
        hidden !important;

    cursor:
        pointer !important;

    font-size:
        0 !important;

    color:
        transparent !important;

    text-indent:
        -9999px !important;

    background-color:
        var(--osb-blue) !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'%3E%3C/circle%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'%3E%3C/line%3E%3C/svg%3E"),
        linear-gradient(
            135deg,
            #E5484D,
            #C9363B
        ) !important;

    background-repeat:
        no-repeat,
        no-repeat !important;

    background-position:
        center,
        center !important;

    background-size:
        21px 21px,
        100% 100% !important;

    box-shadow:
        0 8px 22px
        rgba(22, 140, 255, .24) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease !important;
}


.primary-sidebar .search-submit:hover,
#secondary .search-submit:hover {
    transform:
        translateY(-2px) !important;

    box-shadow:
        0 12px 28px
        rgba(22, 140, 255, .34) !important;
}


/* =========================================================
   05. CATEGORIES
========================================================= */

.primary-sidebar .widget_categories ul,
#secondary .widget_categories ul {
    margin:
        0 !important;

    padding:
        0 !important;

    list-style:
        none !important;
}


.primary-sidebar .widget_categories li,
#secondary .widget_categories li {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        10px;

    margin:
        0;

    padding:
        12px 0;

    border-bottom:
        1px solid #EEF2F6;

    color:
        var(--osb-soft);

    font-family:
        Inter, sans-serif;

    font-size:
        12px;
}


.primary-sidebar .widget_categories li:first-child,
#secondary .widget_categories li:first-child {
    padding-top:
        0;
}


.primary-sidebar .widget_categories li:last-child,
#secondary .widget_categories li:last-child {
    padding-bottom:
        0;

    border-bottom:
        0;
}


.primary-sidebar .widget_categories a,
#secondary .widget_categories a {
    color:
        var(--osb-body);

    font-size:
        14px;

    font-weight:
        500;

    text-decoration:
        none;

    transition:
        color .2s ease;
}


.primary-sidebar .widget_categories a:hover,
#secondary .widget_categories a:hover {
    color:
        var(--osb-blue);
}


/* =========================================================
   06. REMOVE OUTER WRAPPERS FROM CUSTOM CARDS
========================================================= */

.primary-sidebar .widget_custom_html:has(.osb-sidebar-update),
#secondary .widget_custom_html:has(.osb-sidebar-update),

.primary-sidebar .widget_custom_html:has(.osb-sidebar-newsletter),
#secondary .widget_custom_html:has(.osb-sidebar-newsletter),

.primary-sidebar .widget_text:has(.osb-sidebar-latest),
#secondary .widget_text:has(.osb-sidebar-latest),

.primary-sidebar .widget_text:has(.osb-sidebar-popular),
#secondary .widget_text:has(.osb-sidebar-popular) {
    padding:
        0 !important;

    border:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}


/* =========================================================
   07. GOOGLE UPDATE CARD
========================================================= */

.osb-sidebar-update {
    position:
        relative;

    overflow:
        hidden;

    padding:
        26px;

    border:
        1px solid #C7E1FF;

    border-radius:
        16px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(34, 184, 240, .12),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #FFFBF8,
            #EDF7FF
        );

    box-shadow:
        0 12px 34px
        rgba(22, 140, 255, .07);
}


.osb-sidebar-update::before {
    content:
        "";

    position:
        absolute;

    width:
        125px;

    height:
        125px;

    top:
        -65px;

    right:
        -65px;

    border-radius:
        50%;

    background:
        rgba(34, 184, 240, .10);
}


.osb-sidebar-update > * {
    position:
        relative;

    z-index:
        2;
}


.osb-sidebar-update-label {
    display:
        block;

    margin-bottom:
        11px;

    color:
        var(--osb-blue);

    font-family:
        Inter, sans-serif;

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        1.4px;

    text-transform:
        uppercase;
}


.osb-sidebar-update h3 {
    margin:
        0 0 12px;

    color:
        var(--osb-text);

    font-family:
        Manrope, sans-serif;

    font-size:
        20px;

    font-weight:
        700;

    line-height:
        1.3;

    letter-spacing:
        -.4px;
}


.osb-sidebar-update p {
    margin:
        0 0 20px;

    color:
        var(--osb-muted);

    font-family:
        Inter, sans-serif;

    font-size:
        13px;

    line-height:
        1.7;
}


/* Animated tracker CTA */
.osb-sidebar-update a {
    position:
        relative;

    display:
        inline-flex !important;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        46px;

    padding:
        0 18px;

    overflow:
        hidden;

    border-radius:
        10px;

    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #E5484D 0%,
            #C9363B 55%,
            #F59E0B 100%
        );

    background-size:
        180% 180%;

    font-family:
        Inter, sans-serif;

    font-size:
        13px;

    font-weight:
        800;

    text-decoration:
        none !important;

    box-shadow:
        0 10px 28px
        rgba(22, 140, 255, .28);

    animation:
        osbTrackerFloat 3s ease-in-out infinite,
        osbTrackerGradient 5s ease infinite;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.osb-sidebar-update a::before {
    content:
        "";

    position:
        absolute;

    top:
        -40%;

    left:
        -45%;

    width:
        35%;

    height:
        180%;

    transform:
        rotate(20deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.58),
            transparent
        );

    animation:
        osbTrackerShine 3.6s ease-in-out infinite;

    pointer-events:
        none;
}


.osb-sidebar-update a:hover {
    color:
        #FFFFFF !important;

    transform:
        translateY(-4px)
        scale(1.02);

    box-shadow:
        0 16px 36px
        rgba(22, 140, 255, .38);
}


/* =========================================================
   08. LATEST SEO ARTICLES
========================================================= */

.osb-sidebar-latest {
    padding:
        23px;

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

    border-radius:
        16px;

    background:
        #FFFFFF;

    box-shadow:
        0 10px 32px
        rgba(16, 24, 40, .055);
}


.osb-sidebar-post-list {
    display:
        flex;

    flex-direction:
        column;
}


.osb-sidebar-post {
    display:
        grid;

    grid-template-columns:
        76px minmax(0, 1fr);

    gap:
        12px;

    align-items:
        center;

    padding:
        14px 0;

    border-bottom:
        1px solid #EEF2F6;
}


.osb-sidebar-post:first-child {
    padding-top:
        0;
}


.osb-sidebar-post:last-child {
    padding-bottom:
        0;

    border-bottom:
        0;
}


.osb-sidebar-post-thumb {
    display:
        block;

    width:
        76px;

    height:
        59px;

    overflow:
        hidden;

    border-radius:
        9px;

    background:
        #F2F4F7;
}


.osb-sidebar-post-thumb img {
    display:
        block !important;

    width:
        76px !important;

    max-width:
        76px !important;

    height:
        59px !important;

    margin:
        0 !important;

    object-fit:
        cover;

    border-radius:
        9px;
}


.osb-sidebar-placeholder {
    display:
        block;

    width:
        76px;

    height:
        59px;

    border-radius:
        9px;

    background:
        linear-gradient(
            135deg,
            #EAF3FF,
            #F8FAFC
        );
}


.osb-sidebar-post-content {
    min-width:
        0;
}


.osb-sidebar-post-content h4 {
    margin:
        0 0 6px !important;

    font-family:
        Manrope, sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    line-height:
        1.35 !important;

    letter-spacing:
        -.15px !important;
}


.osb-sidebar-post-content h4 a {
    color:
        var(--osb-text) !important;

    text-decoration:
        none !important;
}


.osb-sidebar-post-content h4 a:hover {
    color:
        var(--osb-blue) !important;
}


.osb-sidebar-post-content time {
    display:
        block;

    color:
        var(--osb-soft);

    font-size:
        11px;

    line-height:
        1.3;
}


/* =========================================================
   09. NEWSLETTER CARD — BRAND BLUE/CYAN
========================================================= */

.osb-sidebar-newsletter {
    position:
        relative;

    overflow:
        hidden;

    padding:
        27px 24px;

    text-align:
        center;

    border:
        1px solid #FADADD;

    border-radius:
        16px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(34, 184, 240, .12),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #FFFBF8,
            #FFF7F2
        );

    box-shadow:
        0 10px 32px
        rgba(22, 140, 255, .07);
}


.osb-newsletter-icon {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        48px;

    height:
        48px;

    margin:
        0 auto 13px;

    border-radius:
        50%;

    color:
        #FFFFFF;

    background:
        linear-gradient(
            135deg,
            #E5484D,
            #F59E0B
        );

    font-size:
        22px;

    box-shadow:
        0 8px 20px
        rgba(22, 140, 255, .20);
}


.osb-newsletter-label {
    display:
        block;

    margin-bottom:
        8px;

    color:
        var(--osb-blue);

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        1.4px;

    text-transform:
        uppercase;
}


.osb-sidebar-newsletter h3 {
    margin:
        0 0 11px;

    color:
        var(--osb-text);

    font-family:
        Manrope, sans-serif;

    font-size:
        20px;

    font-weight:
        700;

    line-height:
        1.3;

    letter-spacing:
        -.35px;
}


.osb-sidebar-newsletter p {
    margin:
        0 0 17px;

    color:
        var(--osb-muted);

    font-size:
        13px;

    line-height:
        1.65;
}


.osb-newsletter-form {
    display:
        flex;

    flex-direction:
        column;

    gap:
        9px;
}


.osb-newsletter-form input {
    width:
        100%;

    height:
        45px;

    padding:
        0 13px;

    border:
        1px solid #D0D5DD;

    border-radius:
        9px;

    color:
        var(--osb-body);

    background:
        #FFFFFF;

    font-family:
        Inter, sans-serif;

    font-size:
        13px;

    outline:
        none;

    box-sizing:
        border-box;
}


.osb-newsletter-form input:focus {
    border-color:
        var(--osb-blue);

    box-shadow:
        0 0 0 4px
        rgba(22, 140, 255, .10);
}


.osb-newsletter-form button {
    height:
        44px;

    border:
        0;

    border-radius:
        9px;

    color:
        #FFFFFF;

    background:
        linear-gradient(
            135deg,
            #E5484D,
            #C9363B 60%,
            #F59E0B
        );

    font-family:
        Inter, sans-serif;

    font-size:
        13px;

    font-weight:
        700;

    cursor:
        pointer;

    box-shadow:
        0 8px 20px
        rgba(22, 140, 255, .18);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.osb-newsletter-form button:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 10px 24px
        rgba(22, 140, 255, .28);
}


.osb-sidebar-newsletter small {
    display:
        block;

    margin-top:
        10px;

    color:
        #475569;

    font-size:
        10px;
}


/* =========================================================
   10. POPULAR SEO GUIDES
========================================================= */

.osb-sidebar-popular {
    padding:
        23px;

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

    border-radius:
        16px;

    background:
        #FFFFFF;

    box-shadow:
        0 10px 32px
        rgba(16, 24, 40, .055);
}


.osb-sidebar-popular-list {
    display:
        flex;

    flex-direction:
        column;
}


.osb-sidebar-popular-post {
    display:
        grid;

    grid-template-columns:
        72px minmax(0, 1fr);

    gap:
        12px;

    align-items:
        center;

    padding:
        13px 0;

    border-bottom:
        1px solid #EEF2F6;
}


.osb-sidebar-popular-post:first-child {
    padding-top:
        0;
}


.osb-sidebar-popular-post:last-child {
    padding-bottom:
        0;

    border-bottom:
        0;
}


.osb-sidebar-popular-thumb {
    display:
        block;

    width:
        72px;

    height:
        55px;

    overflow:
        hidden;

    border-radius:
        8px;

    background:
        #F2F4F7;
}


.osb-sidebar-popular-thumb img {
    display:
        block !important;

    width:
        72px !important;

    max-width:
        72px !important;

    height:
        55px !important;

    margin:
        0 !important;

    object-fit:
        cover;

    border-radius:
        8px;
}


.osb-sidebar-popular-content {
    min-width:
        0;
}


.osb-sidebar-popular-content h4 {
    margin:
        0 0 5px !important;

    font-family:
        Manrope, sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    line-height:
        1.35 !important;

    letter-spacing:
        -.15px !important;
}


.osb-sidebar-popular-content h4 a {
    color:
        var(--osb-text) !important;

    text-decoration:
        none !important;
}


.osb-sidebar-popular-content h4 a:hover {
    color:
        var(--osb-blue) !important;
}


.osb-sidebar-popular-content span {
    display:
        block;

    color:
        var(--osb-soft);

    font-size:
        11px;

    line-height:
        1.3;
}


/* =========================================================
   11. ANIMATIONS
========================================================= */

@keyframes osbTrackerFloat {

    0%,
    100% {
        transform:
            translateY(0);
    }

    50% {
        transform:
            translateY(-5px);
    }

}


@keyframes osbTrackerGradient {

    0% {
        background-position:
            0% 50%;
    }

    50% {
        background-position:
            100% 50%;
    }

    100% {
        background-position:
            0% 50%;
    }

}


@keyframes osbTrackerShine {

    0%,
    58% {
        left:
            -45%;

        opacity:
            0;
    }

    65% {
        opacity:
            1;
    }

    82% {
        left:
            125%;

        opacity:
            0;
    }

    100% {
        left:
            125%;

        opacity:
            0;
    }

}


/* =========================================================
   12. TABLET
========================================================= */

@media (max-width: 1024px) {

    .primary-sidebar .widget-title,
    #secondary .widget-title,
    .osb-sidebar-heading {
        font-size:
            18px !important;
    }

}


/* =========================================================
   13. MOBILE
========================================================= */

@media (max-width: 767px) {

    .primary-sidebar .widget_search,
    .primary-sidebar .widget_categories,
    #secondary .widget_search,
    #secondary .widget_categories,

    .osb-sidebar-latest,
    .osb-sidebar-popular,

    .osb-sidebar-update,
    .osb-sidebar-newsletter {
        padding:
            20px;
    }


    .primary-sidebar .widget_search .search-form,
    #secondary .widget_search .search-form {
        grid-template-columns:
            minmax(0, 1fr) 52px !important;
    }


    .primary-sidebar .search-submit,
    #secondary .search-submit {
        width:
            52px !important;

        min-width:
            52px !important;

        max-width:
            52px !important;
    }


    .osb-sidebar-post {
        grid-template-columns:
            72px minmax(0, 1fr);
    }


    .osb-sidebar-post-thumb,
    .osb-sidebar-post-thumb img,
    .osb-sidebar-placeholder {
        width:
            72px !important;

        max-width:
            72px !important;

        height:
            56px !important;
    }

}


/* =========================================================
   14. ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .osb-sidebar-update a,
    .osb-sidebar-update a::before,

    .primary-sidebar *,
    #secondary * {
        animation:
            none !important;

        transition:
            none !important;
    }

}
/* =========================================================
   OSB SIDEBAR NEWSLETTER — MAILPOET LIVE FORM
========================================================= */


/* Remove MailPoet default spacing/background */
.osb-sidebar-newsletter .mailpoet_form {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* MailPoet paragraphs */
.osb-sidebar-newsletter .mailpoet_paragraph {
    margin: 0 0 10px !important;
}


/* Hide MailPoet field label if shown */
.osb-sidebar-newsletter .mailpoet_form label {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    padding: 0 !important;
    margin: -1px !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;

    white-space: nowrap !important;

    border: 0 !important;
}


/* Email input */
.osb-sidebar-newsletter
.mailpoet_form input[type="email"],

.osb-sidebar-newsletter
.mailpoet_form input.mailpoet_text {
    display: block !important;

    width: 100% !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 13px !important;

    border: 1px solid #FADADD !important;
    border-radius: 9px !important;

    color: #111827 !important;

    background: #FFFFFF !important;

    font-family: Inter, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    box-shadow: none !important;

    box-sizing: border-box !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease !important;
}


/* Placeholder */
.osb-sidebar-newsletter
.mailpoet_form input[type="email"]::placeholder,

.osb-sidebar-newsletter
.mailpoet_form input.mailpoet_text::placeholder {
    color: #98A2B3 !important;

    opacity: 1 !important;
}


/* Input focus */
.osb-sidebar-newsletter
.mailpoet_form input[type="email"]:focus,

.osb-sidebar-newsletter
.mailpoet_form input.mailpoet_text:focus {
    outline: none !important;

    border-color: #E5484D !important;

    box-shadow:
        0 0 0 3px rgba(22, 140, 255, .10) !important;
}


/* Subscribe button */
.osb-sidebar-newsletter
.mailpoet_form input[type="submit"],

.osb-sidebar-newsletter
.mailpoet_form button[type="submit"],

.osb-sidebar-newsletter
.mailpoet_form .mailpoet_submit {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 10px 14px !important;

    border: 0 !important;
    border-radius: 9px !important;

    color: #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #E5484D 0%,
            #C9363B 58%,
            #F59E0B 100%
        ) !important;

    font-family: Inter, sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;

    line-height: 1 !important;
    letter-spacing: .35px !important;

    text-transform: uppercase !important;

    cursor: pointer !important;

    box-shadow:
        0 6px 15px rgba(22, 140, 255, .18) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease !important;
}


/* Button hover */
.osb-sidebar-newsletter
.mailpoet_form input[type="submit"]:hover,

.osb-sidebar-newsletter
.mailpoet_form button[type="submit"]:hover,

.osb-sidebar-newsletter
.mailpoet_form .mailpoet_submit:hover {
    transform: translateY(-2px) !important;

    box-shadow:
        0 9px 20px rgba(22, 140, 255, .24) !important;
}


/* Confirmation / success message */
.osb-sidebar-newsletter
.mailpoet_validate_success {
    margin: 10px 0 0 !important;
    padding: 9px 10px !important;

    border: 1px solid #FADADD !important;
    border-radius: 8px !important;

    color: #C9363B !important;

    background: #FFF7F2 !important;

    font-family: Inter, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;

    line-height: 1.45 !important;
}


/* Error message */
.osb-sidebar-newsletter
.mailpoet_validate_error {
    margin: 10px 0 0 !important;

    color: #B42318 !important;

    font-family: Inter, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;

    line-height: 1.45 !important;
}


/* Loading indicator */
.osb-sidebar-newsletter
.mailpoet_form_loading {
    margin-top: 8px !important;
}


/* Mobile */
@media (max-width: 767px) {

    .osb-sidebar-newsletter
    .mailpoet_form input[type="email"],

    .osb-sidebar-newsletter
    .mailpoet_form input.mailpoet_text {
        height: 43px !important;
    }

}
/* OSB Master Sidebar widget shell */
.osb-master-sidebar-widget{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.osb-master-sidebar-widget>*{margin-bottom:22px}.osb-master-sidebar-widget>*:last-child{margin-bottom:0}
.osb-master-search,.osb-master-categories{padding:22px;border:1px solid var(--osb-border,#E4E7EC);border-radius:16px;background:#fff;box-shadow:0 10px 32px rgba(16,24,40,.055)}
.osb-master-search .search-form{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:10px}.osb-master-search .search-field{width:100%;height:48px;padding:0 15px;border:1px solid #D0D5DD;border-radius:10px}.osb-master-search .search-submit{height:48px;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,#E5484D,#F59E0B);font-weight:800}
.osb-master-categories ul{list-style:none;margin:0;padding:0}.osb-master-categories li{border-bottom:1px solid #EEF2F6;padding:9px 0}.osb-master-categories li:last-child{border-bottom:0}.osb-master-categories a{color:#374151;text-decoration:none;font-size:13px;font-weight:600}.osb-master-categories a:hover{color:#E5484D}