/*!
 Theme Name:   Story News
 Theme URI:    https://walkerwp.com/story-news/
 Description:  Story News is the the child theme of WalkerPress, Which is feature rich WordPress magazine free theme, which provides tons of features and ready made layout for home section. Voice Maganews designed with mobile-first approach, compatibility and responsive layout to build more accessible site for news, Newsportal, magazine, blog, personal blog, travel blogs etc. Find out demo and details about theme at https://walkerwp.com/story-news/.
 Author:       WalkerWP
 Author URI:   https://walkerwp.com/
 Template:     walkerpress
 Version:      1.0.1
 Tested up to: 6.1
 Requires PHP: 5.6
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, grid-layout, blog, news, two-columns, three-columns, footer-widgets, sticky-post
 Text Domain:  story-news
*/
body{
    background: #ffffff;
}
span.walkerpress-current-date {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 12px;
}
.walkerwp-wraper.ticker-news-wraper.ticker-layout-2 .walkerwp-container,
.walkerwp-wraper.banner-layout.banner-layout-1 .walkerwp-container{
    max-width: 100%;
}
.walkerwp-wraper.banner-layout.banner-layout-1 .walkerwp-container{
    padding: 0;
}
.walkerwp-wraper.ticker-news-wraper.ticker-layout-2 .focus-arrows {
    background: var(--primary-color);
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    top: 33px;
    position: absolute;
    z-index: 2;
    border-radius: 50%;
    transition:all ease 0.24s;
    cursor: pointer;
    }
.walkerwp-wraper.ticker-news-wraper.ticker-layout-2 .focus-arrows.ticker-news-prev {
    left: 0px;
    opacity: 0;
}
.walkerwp-wraper.ticker-news-wraper.ticker-layout-2 .focus-arrows.ticker-news-next {
    right: 0px;
    opacity: 0;
}
.walkerwp-wraper.ticker-news-wraper.ticker-layout-2:hover .focus-arrows.ticker-news-prev {
    left: 30px;
    opacity: 1;
}
.walkerwp-wraper.ticker-news-wraper.ticker-layout-2:hover .focus-arrows.ticker-news-next {
    right: 30px;
    opacity: 1;
}
.walkerwp-wraper.ticker-news-wraper.ticker-layout-2 .focus-arrows.ticker-news-prev:hover {
    background: var(--secondary-color);
}
.walkerwp-wraper.ticker-news-wraper.ticker-layout-2 .focus-arrows.ticker-news-next:hover {
    background: var(--secondary-color);
}
.ticker-layout-2 .news-ticker-box span.focus-thumb img{
    width: 90px;
    height: 90px;
}
.walkerwp-grid-6.walkerpress-slider.slider-1 {
    padding: 0;
}
.walkerwp-wraper.banner-layout.banner-layout-1{
    padding: 0;
}
.walkerwp-wraper.ticker-news-wraper {
    margin-top: 0;
    padding: 20px 0;
    
}
.ticker-layout-2 span.focus-news-box .ticker-content a {
    color: #fff;
}
.ticker-layout-2 span.focus-news-box .ticker-content a:hover {
    color: var(--primary-color);
}
.banner-layout-1 .grid-posts .walkerwp-grid-3 {
    padding: 0;
    }
.banner-layout-1    .walkerpress-slide-box .slide-image {
    height: 602px;
}
.header-layout-1 .walkerwp-wraper.navigation {
    padding: 25px 0;
}
.header-layout-1 .walkerwp-wraper.navigation .walkerwp-container {
    justify-content: space-around;
}
.banner-layout-1 .grid-posts .walkerpress-featured-box {
    height: 300px;
}
.banner-layout-1 .grid-posts.single-post .walkerpress-featured-box {
    height: 600px;
}
.header-layout-1 ul.walkerpress-social li a{
    border-radius: 50%;
    font-size: 13px;
    background: transparent !important;
    color: #797777;
}
.header-layout-1 ul.walkerpress-social li a:hover{
    color: var(--primary-color);
}
button.global-search-icon {
    color: #797777;
    font-size: 14px;
}
ul.walkerpress-social,
.topbar-global-search{
    min-width: 33.33%;
}
.topbar-global-search {
    text-align: right;
}
.walkerwp-wraper.top-header {
    padding: 10px 0;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    z-index: 2;
}
.main-navigation li li.current-menu-item a:hover {
    color: var(--secondary-color);
}
.walkerwp-wraper.inner-wraper main#primary .content-layout .walkerpress-post-thumbnails span.estimate-reading-time, span.estimate-reading-time{
    background-color: var(--primary-color);
}
.walkerwp-wraper.featured-post-wraper.featured-post-layout-1 .featured-post-item {
    position: relative;
}
.walkerwp-wraper.featured-post-wraper.featured-post-layout-1 .featured-post-item .featured-pocts-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 30px;
    text-align: center;
}
.walkerwp-wraper.featured-post-wraper.featured-post-layout-1 .featured-post-box .post-thumbnail{
    margin-bottom: 0;
}
.walkerwp-wraper.featured-post-wraper.featured-post-layout-1 .featured-post-box .post-thumbnail:after {
content: '';
width: 100%;
height: 56%;
position: absolute;
bottom: 0;
left: 0;
background: linear-gradient( 180deg, transparent, #000000e3);
}
.walkerwp-wraper.featured-post-wraper.featured-post-layout-1 .featured-post-item .featured-pocts-content h5 a{
    color: #fff;
}
.walkerwp-wraper.featured-post-wraper.featured-post-layout-1 .featured-post-item .featured-pocts-content h5 a:hover{
    color: var(--secondary-color);
}
.walkerwp-wraper.featured-post-wraper.featured-post-layout-1 .featured-post-item .featured-pocts-content span.category a{
    background: #000;
    color: #fff;
    padding: 0 6px;
}
.walkerwp-wraper.featured-post-wraper.featured-post-layout-1 .featured-post-item .featured-pocts-content span.category a:hover{
    background-color: var(--secondary-color);
}
.walkerpress-slide-box .content-part span.category a, .featured-post-box .post-thumbnail span.category a, .left-grid-posts .content-part.with-thumbnail span.category a, .right-grid-posts .content-part.with-thumbnail span.category a, .banner-layout-1 .grid-posts .walkerpress-featured-box span.category a, .content-layout.list-layout .walkerpress-post-thumbnails span.category a, .content-layout.grid-layout .walkerpress-post-thumbnails span.category a, .missed-post-box span.category a, .single-category.grid-layout-overlay span.category a, .three-category.featured-list-layout .walkerwp-grid-4 .post-box.featured-post .post-thumbnail .post-content span.category a, .category-two.style-2 li.post-box.featured-post .post-content span.category a, .walkerpress-widget-content .category-two.style-slide .post-thumbnail .post-content span.category a, .featured-view.style-grid .post-box.featured-post .post-thumbnail .post-content span.category a{
    padding: 0 6px;
}
.walkerwp-wraper.inner-wraper main#primary .content-layout .walkerpress-post-thumbnails span.estimate-reading-time, span.estimate-reading-time {
    padding: 2px 5px;
    border-radius: 0;
}
span.category a {
    background: rgba(0,0,0,0.09);
    padding: 0 4px;
    font-size: 10px;
}
span.category a:hover {
    color: #ffffff;
    background: var(--secondary-color);
}
span.estimate-time, span.estimate-reading-time {
    font-size: 12px;
    line-height: 16px;
}
.main-navigation ul li a{
    line-height: 35px;
    z-index: 1;
}
.banner-layout-1 .grid-posts .walkerwp-grid-12:first-child {
    margin-bottom: 0;
}
.walkerwp-wraper.featured-post-wraper.featured-post-layout-1 .featured-post-box .post-thumbnail {
    height: 400px;
    background-color: #fff;
}
.box-title span,
.walkerpress-custom-header span {
    background: transparent;
    color: var(--primary-color);
    padding: 0;
    position: relative;
}
.box-title span:after,
.walkerpress-custom-header span:after {
    content: '';
    left: 0;
    bottom: 0;
    width: 49%;
    height: 2px;
    position: absolute;
    background-color: var(--primary-color);
}
.latest-post .box-title, .popular-posts .box-title, .sidebar-block .block-header, .box-title, .walkerpress-custom-header{
    border-bottom: 0;
}
#masthead.header-layout-1 .site-branding,
#masthead.header-layout-1 .site-description {
    text-align: center;
}
span.header-global-search-form.active {
    box-shadow: 0 0 10px rgba(0,0,0,0.23);
    z-index: 5555;
}
span.header-global-search-form.active  fieldset{
    border:0;
    padding: 0;
}
span.header-global-search-form.active fieldset input#search {
    border-radius: 0;
    padding: 8px;
    border: 1px solid #ded9d9;
}
span.header-global-search-form.active fieldset .btn.btn-default{

}
span.header-global-search-form.active fieldset .btn.btn-default {
    background: var(--primary-color);
    color: #fff;
    border: 0;
    border-radius: 0;
    line-height: 27px;
}
.box-title span:before, .walkerpress-custom-header span:before{
    content: '';
    width: 3px;
    height: 2px;
    position:absolute;
    left: 51%;
    bottom: 0;
    background-color: var(--primary-color);
}
span.estimate-time, span.estimate-reading-time{
    display: none;
}
.walkerpress-slide-box .content-part {
    padding:30px;
    width: 92%;
    text-align: center;
}
.banner-layout-1 .grid-posts .walkerpress-featured-box .content-part.with-thumbnail,
.missed-post-box .post-content{
    text-align: center;
    padding: 30px;
}
.missed-post-box .post-thumbnail {
    height: 300px;
}
.walkerwp-wraper.featured-post-wraper.featured-post-layout-1 .featured-post-box .featured-post-item:hover .post-thumbnail img {
    opacity: 0.095;
}
.main-navigation ul li.current-menu-item > a {
    background: transparent !important;
    color: var(--secondary-color) !important;
}
.header-layout-1 .header-banner.ads-below-branding {
    padding: 5px 15px 8px;
    text-align: center;
}

@media(max-width:1024px){
    .walkerwp-grid-3.grid-posts.single-post .walkerwp-grid-12 {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .walkerwp-grid-3.grid-posts.single-post{
        padding: 0;
        margin: 0;
    }
    .walkerwp-grid-6.walkerpress-slider.slider-1 {
        margin: 0;
    }
    .banner-layout-1 .grid-posts .walkerwp-grid-12,
    .banner-layout-1 .grid-posts .walkerwp-grid-12:last-child{
        padding: 0;
    }
    .banner-layout-1 .grid-posts .walkerpress-featured-box img {
        width: 100%;
    }
}
@media(max-width:767px){
    .topbar-global-search {
        text-align: center;
    }
    .main-navigation {
        width: 100%;
    }
    .main-navigation button.menu-toggle {
        left: 50%;
        margin-left: -20px;
    }
    span.header-global-search-form.active {
        top: 125px;
    }
}