/* 1. Change the background color of all category badges */

.mg-blog-post-box .cat-links a,

.mg-posts-sec .cat-links a,

.theme-img-holder .cat-links a,

.entry-meta .cat-links a,

.mg-post-thumb .cat-links a,

.cat-links a {

    background-color: #ff6900 !important;

    color: #ffffff !important;

}

/* 2. Change the background color on hover */

.mg-blog-post-box .cat-links a:hover,

.mg-posts-sec .cat-links a:hover,

.theme-img-holder .cat-links a:hover,

.cat-links a:hover {

    background-color: #e05d00 !important;

}

/* HEADER ORANGE */

#masthead,

.site-header,

.header-wrap,

.header-top,

.header-main {

    background: #ff6900 !important;

}

/* REMOVE SOCIAL ICON AREA */

.social-icons,

.header-social,

.social-wrapper,

.top-social {

    display: none !important;

}

/* REMOVE SEARCH + SUBSCRIBE + DATE BAR */

.header-extra,

.header-search,

.search-wrap,

.search-toggle,

.subscribe-wrap,

.subscribe-btn,

.header-date,

.current-date,

.date-wrap,

.top-header-right {

    display: none !important;

}

/* REMOVE BLACK BAR */

.header-bottom,

.header-bottom-wrap,

.middle-header,

.header-info-wrap {

    display: none !important;

}

/* SHOW HAMBURGER */

.menu-toggle,

.mobile-menu-toggle,

.toggle-menu {

    display: block !important;

    color: #ffffff !important;

    position: absolute !important;

    left: 15px !important;

    top: 50%;

    transform: translateY(-50%);

    z-index: 9999;

}

/* CENTER LOGO */

.site-branding,

.site-logo {

    width: 100%;

    text-align: center !important;

}

/* CLEAN HEADER HEIGHT */

.site-header {

    min-height: 80px !important;

    padding: 15px 0 !important;

}

/* Completely removes the default credit text and the theme name */

.site-info, 

.site-info .theme-built-by, 

.site-info .credit-text {

    display: none !important;

}

/* Target only the social media container area */

.header-social, 

.social-links-wrapper,

div.top-header-right {

    background-color: #f2f2f2 !important;

    background: #f2f2f2 !important;

}

/* Force the main logo and hamburger menu bar to stay white */

#masthead, 

.site-header, 

.main-header-bar {

    background-color: #ffffff !important;

    background: #ffffff !important;

}

/* Change main header background color */
.main-header, 
.site-header,
.navbar-custom {
    background-color: #ff6900 !important;
}


/* Change the actual top header bar containing the logo and menu button */

.top-header,

.site-branding-layout,

.header-main,

.af-mid-header {

    background-color: #ff6900 !important;

    background: #ff6900 !important;

}


/* Only the Breaking News label */

.exclusive-now,

.exclusive-posts .exclusive-now,

.exclusive-posts .aft-posts-tabs-panel span {

    background: #ff6900 !important;

    border-color: #ff6900 !important;

}

/* Keep the scrolling ticker background unchanged */

.exclusive-slides,

.marquee,

.aft-flash-slide {

    background: inherit !important;

}


/* Subscribe button */

.custom-menu-link a {

    background: #ff6900 !important;

    border-color: #ff6900 !important;

}

/* Hover effect */

.custom-menu-link a:hover {

    background: #e55e00 !important;

    border-color: #e55e00 !important;

}.custom-menu-link {

    display: none !important;

}


#pe-clock {

    float: right;

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    margin-right: 15px;

}



/* Remove black background and extra space */

#main-navigation-bar,

.af-bottom-header {

    background: transparent !important;

    min-height: auto !important;

    padding: 0 !important;

}

/* Move search/date up and keep them aligned */

.search-watch.bottom-bar-right {

    background: transparent !important;

    padding: 0 !important;

    margin-top: -20px !important;

}

/* Search icon */

.search-icon,

.search-icon i,

.fa-search {

    color: #ff6900 !important;

}

/* Date */

.topbar-date,

.topbar-date a {

    color: #ff6900 !important;

    font-weight: 600;

}

/* Search popup */

.af-search-form {

    background: #fff !important;

    border: 1px solid #ddd !important;

    box-shadow: 0 3px 10px rgba(0,0,0,.15) !important;

}

/* Search field */

.af-search-form .search-field {

    background: #fff !important;

    color: #000 !important;

    border: 1px solid #ccc !important;

}

/* Search button */

.af-search-form .search-submit {

    background: #ff6900 !important;

    color: #fff !important;

    border: none !important;

}



/* Fix 
/* Keep header height unchanged */

.af-middle-header {

    min-height: 80px !important;

    max-height: 80px !important;

    overflow: hidden !important;

}



/* Automatically resize logo to 170×30 pixels */

.logo.main-bar-left img,

.logo.main-bar-left .custom-logo,

.custom-logo-link img {

    width: 170px !important;

    height: 30px !important;

    max-width: 170px !important;

    max-height: 30px !important;

    object-fit: contain !important;

}

/* Prevent the orange header from growing */

.af-middle-header {

    height: 80px !important;

    min-height: 80px !important;

    max-height: 80px !important;

    overflow: hidden !important;

}

/* Center the logo vertically */

.logo.main-bar-left {

    display: flex !important;

    align-items: center !important;

}

/* Remove extra space above and below the logo */

.custom-logo-link {

    display: flex !important;

    align-items: center !important;

    margin: 0 !important;

    padding: 0 !important;

}



/* Make hamburger icon thicker */

.ham,

.ham:before,

.ham:after {

    height: 4px !important;

}

/* Make bars slightly wider */

.ham {

    width: 32px !important;

}



