/*
Theme Name: Bliss Blogbell
Theme URI: http://sensationaltheme.com/downloads/bliss-blogbell-child/
Template: new-blogbell
Author: Sensational Theme
Author URI: http://sensationaltheme.com/
Description: Theme Bliss BlogBell WordPress is a versatile and stylish WordPress theme designed specifically for blogs and online magazines. Its features make it an ideal choice for a wide range of topics and styles, offering both functionality and aesthetic appeal. Bliss BlogBell WordPress offers a perfect blend of functionality, design, and customization options, making it an excellent choice for anyone looking to create a professional and visually appealing blog or magazine website. Designed to provide an exceptional user experience, Bliss BlogBell boasts a fully responsive layout, ensuring seamless performance across all devices. From desktops to smartphones, your content will captivate audiences with its flawless presentation.
Tags: translation-ready,custom-background,theme-options,custom-menu,threaded-comments,featured-images,footer-widgets,editor-style,right-sidebar,full-width-template,two-columns,grid-layout,custom-colors,custom-header,custom-logo,featured-image-header,blog,entertainment
Version: 1.0
Tested up to: 6.6
Requires PHP: 5.6
Text Domain: bliss-blogbell
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

BlogSen business is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
#  Recent Section
--------------------------------------------------------------*/
:root{
	--primary-color:#cca22e !important;
}
/*----------------------Main Home / Section Title-----------------*/
.home-main section .section-header {
    border-bottom: none;
    text-align: center;
    margin-bottom: 30px;
}
.home-main section article .featured-image {
    border-radius: 25px;
}
.home-main section .section-title {
    line-height: 1;
    margin: 0;
}
.home-main.blog .wrapper.page-section .section-header .section-title{
    padding-top: 40px;
}
@media screen and (min-width: 767px) {
    .home-main section .section-header .section-title{
        font-size: 52px;
    }
}
/*----------------------Main Home / #Recent Section-----------------*/
.home-main #recent .featured-image{
	padding: 150px 0;
}
.home-main #recent .featured-image .overlay{
	display: none;
}
/*----------------------Main Home / #Popular Section-----------------*/
.home-main #popular{
    padding: 60px 0;
}
.home-main #popular article .popular-item-wrapper{
    display: block;
}
.home-main #popular article .featured-image{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 25px;
}
/*.home-main section article .featured-image::after,*/
.home-main #popular .featured-image::after {
    content: "\f178";
    font-family: "FontAwesome";
    position: absolute;
    padding: 8px 14px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #333;
    top: 20px;
    right: 20px;
    background-color: #fff;
    transform: rotate(-40deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    animation: 1s fadeIn;
}
.home-main section article:hover .featured-image::after,
.home-main #popular article:hover .featured-image::after {
    -webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    -moz-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    -ms-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    -o-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    transform: rotate(-400deg);
    visibility: visible;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
.home-main #popular article .featured-image .overlay{
    border-radius: 25px;
    opacity: 0.2;
}
.home-main #popular article .post-featured-image,
.home-main #popular article .entry-container{
    width: 100%;
    padding: 0;
}
.home-main #popular article .entry-container {
  position: absolute;
  bottom: 0px;
  top: auto;
  left: 0px;
  right: 0px;
  z-index: 99;
  color: #fff;
  padding: 20px;
}
.home-main #popular article .entry-container .entry-header{
    padding-top: 5px;
}
.home-main.category-seven #popular article .entry-container .entry-header{
    padding-top: 10px;
}
.home-main #popular article .entry-container .entry-content p,
.home-main #popular article .entry-container .entry-meta .byline a,
.home-main #popular article .entry-container .entry-title a,
.home-main #popular article.full-width .entry-container .entry-meta .cat-links a{
    color: #fff;
}
#popular article .entry-container .entry-title{
    font-size: 26px;
}

@media screen and (min-width: 767px) {
    .home-main #popular article:nth-child(5n+1),
    .home-main #popular article:nth-child(5n+3),
    .home-main #popular article:nth-child(5n+4){
        width: 33.33%;
        float: left
    }
    .home-main #popular article:nth-child(5n+1) .entry-title,
    .home-main #popular article:nth-child(5n+3) .entry-title,
    .home-main #popular article:nth-child(5n+4) .entry-title{
        font-size: 22px;
    }
    .home-main #popular article:nth-child(5n+2),
    .home-main #popular article:nth-child(5n+5){
        width: 66.66%;
        float: left;
    }
    .home-main #popular article:nth-child(5n+1) .featured-image,
    .home-main #popular article:nth-child(5n+4) .featured-image{
        padding: 345px 0;
    }
    .home-main #popular article:nth-child(5n+2) .featured-image,
    .home-main #popular article:nth-child(5n+3) .featured-image,
    .home-main #popular article:nth-child(5n+5) .featured-image{
        padding: 167.5px 0;
    }
    .home-main #popular article .entry-content{
       display: none;
    }
}

@media screen and (min-width: 1200px) {
    .home-main #popular article .entry-content{
       display: block;
    }
    .home-main #popular article .entry-content p{
       color: #fff;
    }
}

@media screen and (min-width: 1400px) {
    .home-main #popular article:nth-child(5n+1) .featured-image,
    .home-main #popular article:nth-child(5n+4) .featured-image{
        padding: 445px 0;
    }
    .home-main #popular article:nth-child(5n+2) .featured-image,
    .home-main #popular article:nth-child(5n+3) .featured-image,
    .home-main #popular article:nth-child(5n+5) .featured-image{
        padding: 217.5px 0;
    }
}
@media screen and (max-width: 767px) {
    .home-main #popular article{
        width: 100%;
        float: none;
    }
    .home-main #popular article:nth-child(5n+1) .featured-image,
    .home-main #popular article:nth-child(5n+4) .featured-image,
    .home-main #popular article:nth-child(5n+2) .featured-image,
    .home-main #popular article:nth-child(5n+3) .featured-image,
    .home-main #popular article:nth-child(5n+5) .featured-image{
        padding: 160px 0;
    }
}
/*----------------------Main Home / #Fixheight Section-----------------*/
#fixheight,
#mustread{
	display: none;
}

.blog-two .blog-posts-wrapper article .featured-image,
.blog-two .blog-posts-wrapper article .post-item,
.btn{
	border-radius: 30px;
}
.blog-two .blog-posts-wrapper .pagination .page-numbers{
	border-radius: 10px;
}