:root {
    --pubnews-global-preset-theme-color: #d03e35;
    --social-icon-size: 14px;
    --sidebar-toggle-color: #000;
    --menu-color: #000;
    --menu-border-top-color: #efefef;
    --newsletter-color: #fff;
    --search-color: #000;
    --search-color-hover: var(--pubnews-global-preset-theme-color);
    --random-news-color-hover: var(--pubnews-global-preset-theme-color);
}

/* Header Layout Four */
.site-header.layout--four .main-header .site-branding-section .site-branding {
    flex: 1;
    text-align: left;
    padding: 25px 0;
}

.site-header.layout--four .main-header .site-branding-section .site-branding {
    padding: 0;
}

.site-header.layout--default.layout--four .site-branding-section {
    padding: 25px 0;
}

.site-header.layout--four .menu-section {
    padding: 5px 0;
}

.site-header.layout--four .secondary-socials-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
}

.site-header.layout--four .social-icons-wrap {
    flex: initial;
}

body .site .site-header.layout--default .newsletter-element a {
    padding: 8px 15px;
    background: var(--newsletter-bk-color);
    transition: all .4s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    box-shadow: none;
}

.site-header.layout--default.layout--four .newsletter-element a:hover {
    background: var(--newsletter-bk-color-hover);
}

.site-header.layout--four .newsletter-element .title-icon i {
    padding-right: 7px;
    font-size: 13px;
}

.site-header .newsletter-element .title-icon {
    margin-top: -2px;
}

body .site .site-header .newsletter-element .title-icon i {
    font-size: 11px;
}

body .site .site-header .newsletter-element span.title-text {
    font-family: var(--menu-family);
    font-weight: var(--menu-weight);
    font-size: calc(var(--menu-size) * 0.8);
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

.site-header.layout--default.layout--four .sidebar-toggle-wrap {
    padding-left: 0;
    padding-right: 25px;
}

.site-branding-section .top-nav-menu ul li {
    display: inline-block;
    padding: 0 5px;
    font-family: var(--menu-family);
    font-size: 14px;
    font-weight: 500;
}

.site-header.layout--default.layout--four .site-branding-section .top-nav-menu ul li a {
    text-decoration: none;
    color: #000;
    transition: all .3s ease-in-out;
}

.site-branding-section .top-nav-menu ul li a:hover {
    color: var(--pubnews-global-preset-theme-color);
}

.site-header.layout--default .social-icons-wrap .social-icon {
    background-color: transparent;
    color: #000;
    border: 1px solid #00000017;
    width: 32px;
    height: 32px;
}

.site-header.layout--default .social-icons-wrap .social-icon:hover {
    color: var(--pubnews-global-preset-theme-color);
}

.off-canvas-trigger .pubnews_sidetoggle_menu_burger:hover span {
    background-color: var(--pubnews-global-preset-theme-color);
}

#pubnews_menu_burger span {
    background-color: var(--pubnews-global-preset-theme-color);
}

.site-header.layout--default .random-news-element a {
    color: #000;
    transition: all .3s ease-in-out;
}

.site-header.layout--four .random-news-element .title-text {
    display: none;
}

.pubnews_sidetoggle_menu_burger span {
    height: 2.2px;
}

@media ( min-width: 48.1em ) {
    .main-navigation .menu li a,
    .main-navigation .nav.menu li a {
        padding: 8px 14px;
    }

    .main-navigation ul.menu ul li a,
    .main-navigation ul.nav-menu ul li a {
        color: #000;
    }

    .main-navigation .menu li a:hover,
    .main-navigation .nav.menu li a:hover {
        color: var(--pubnews-global-preset-theme-color);
    }

    .main-navigation ul.menu ul li.menu-item-has-children > a:after,
    .main-navigation ul.menu ul li.page_item_has_children > a:after,
    .main-navigation ul.nav-menu ul li.menu-item-has-children > a:after,
    .main-navigation ul.nav-menu ul li.page_item_has_children > a:after {
        color: #000;
    }
}

@media ( max-width: 768px ) {
    .site-header.layout--four .main-header .site-branding-section .row {
        gap: 25px;
    }

    .site-header.layout--four .main-header .site-branding-section .site-branding {
        text-align: center;
    }

    .site-header.layout--four .secondary-socials-wrap {
        flex-direction: column;
        row-gap: 25px;
    }

    nav.main-navigation ul.menu,
    nav.main-navigation ul.nav-menu {
        background-color: #fff;
        border-top: 1px solid var(--menu-border-top-color);
    }

    nav.main-navigation ul.menu li,
    nav.main-navigation ul.nav-menu li {
        border-color: #efefef;
    }

    nav.main-navigation ul.menu li a,
    nav.main-navigation ul.nav-menu li a {
        color: #000;
    }

    body .site-header .main-navigation ul.menu ul,
    body .site-header .main-navigation ul.nav-menu ul {
        background-color: #fff !important;
    }
}