/*
Theme Name: Fashion Freak
Template: bizberg
Text Domain: fashion-freak
Author: Bizberg Themes
Author URI: https://bizbergthemes.com/
Theme URI: https://bizbergthemes.com/downloads/fashion-freak/
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Fashion Freak is a bright blog theme with an absolutely stunning design. The theme is nicely designed that you can showcase your content effortlessly in a visually appealing way. It supports high-resolution photography and renders the image beautifully on the screen. Also, the design is fully flexible and responsive. The visitors can access the content from any screen size and device without compromising its design display. Easy and powerful customization is one of the best features of Fashion Freak. All of the modifications and edits can be accessed using the WordPress theme customizer.
Tags: custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,left-sidebar,right-sidebar,grid-layout,theme-options,blog,news,portfolio
Version: 0.4
Tested up to: 5.8
Requires PHP: 5.6
*/

/**
* Start Basic CSS
*/

header#masthead #top-bar {
    padding: 5px 0;
}

#sidebar .widget_block:not(.widget_search) {
    margin-bottom: 0;
}

.navbar-default .navbar-nav > li > a{
    letter-spacing: 0;
}

.navbar-default .has-no-menu-description .navbar-nav>li>a {
    padding: 15px 20px 17px;
    color: #000;
}

.navbar-default .has-no-menu-description .navbar-nav li ul {
    top: 60px;
}

.blog_listing_grid_two_column .entry-content{
	margin-top: 0.7em;
}

.comment-reply-title {
    text-transform: capitalize !important;
}

#tf-partical-wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    z-index: -1;
}

.tf-ball {
    position: absolute;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
}

.bizberg_grid_mode_two_col .blog_listing_grid_two_column h2.entry-title a,
.single_post_layout_2 .related_posts_wrapper .related_posts h2 a {
    background: linear-gradient(to right, #181d38, #181d38);
    transition: background-size ease-in-out .5s;
    background-size: 0 2px!important;
    background-position: left 87%!important;
    background-repeat: no-repeat!important;
    padding-bottom: 6px;
}

.bizberg_grid_mode_two_col .blog_listing_grid_two_column h2.entry-title a:hover,
.single_post_layout_2 .related_posts_wrapper .related_posts h2 a:hover {
    text-decoration: none!important;
    background-size: 100% 2px!important;
    transition: background-size ease-in-out .5s;
}

.navbar-nav li ul li a{
    font-size: 14px;
}

body.bizberg_woocommerce_shop ul.products li.product .woocommerce-loop-product__title{
    font-size: 25px!important;
    text-transform: capitalize;
}

body.bizberg_woocommerce_shop ul.products li.product a, .bizberg_woocommerce_shop .product-compare-wishlist p, .bizberg_woocommerce_shop .wishlist_compare_wrapper.compare_wishlist_both .bizberg_product_wishlist span.feedback{
    font-size: 100%;
}

body.bizberg_woocommerce_shop section.related.products > h2{
    font-size: 34px;
    text-transform: capitalize;
}

.bizberg_sidebar #sidebar .widget h2, .bizberg_sidebar #sidebar .wp-block-search .wp-block-search__label{
    padding: 10px 0;
    text-align: center;
    border-left: 3px solid #735777;
}

.bizberg_sidebar #sidebar .widget h2:before,.bizberg_sidebar #sidebar .widget .wp-block-search__label::before{
    display: none;
}

#commentform .form-submit input{
    padding-bottom: 7px;
}

.wp-block-search .wp-block-search__label{
    font-weight: normal;
}

/**
* End Basic CSS
*/

/**
* Start Slider CSS
*/

.banner-slider-inner {
    position: relative;
    width: 100%;
    height: 700px;
    background-size: cover;
    background-position: center;
}
.banner-slider-image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
}

.banner-slider-content{
    top: 50%;
    transform:translateY(-50%);
    left:10%;
    width: 40%;
    position: absolute;
    z-index:9;
}
.banner-slider-content a{
    color: #fff;
}

.banner-slider .slick-dots{
    bottom: 20px;
}

body .banner-slider .overlay{
    background-color: rgba(0,0,0,.2);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

body .banner-slider .banner-slider-item:hover .overlay{
    background-color: rgba(0,0,0,.4);
}

.banner-slider,.banner{
    display: none;
}

.banner-slider.slick-initialized{
    display: block;
}

/**
* End Slider CSS
*/

.post-main{padding: 50px 0 0;}

.post-main-item{
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    display: block;
}

.post-main-item-image {
    position: relative;
    height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.post-main-item-image::before {
    content: '';
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border: 1px solid rgba(255,255,255,.6);
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.post-main-item-image::after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.2);
    z-index: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.post-main-item:hover .post-main-item-image::before {
    border-color: #fff;
}

.post-main-item:hover .post-main-item-image::after {
    opacity: 1;
}

.post-main-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6%;
    text-align: center;
    background: #fff;
    padding: 10px 0 12px;
    width: auto;
    margin: 0 22px;
    z-index: 9;
}

.post-main-content h4{
    padding: 0 10px;
}

.fashion_freak_slider_enable.home header#masthead {
    border-bottom: none;
}

.banner-slider-item.no_image{
    background-image: linear-gradient(to right, #fff, rgb(156 183 212));
}

body .banner-slider-item a{
    color: #fff !important;
}

body .banner-slider-item .entry-date:not(.no_cat):after{
    content: "";
    background: #fff;
    width: 25px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
}

.banner-slider .slick-dots li button:before {
    color: transparent;
    border: 2px solid #fff;
    border-radius: 100%;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 10px;
    height: 10px;
    opacity: 1;
}

.banner-slider .slick-dots li.slick-active button:before {    
    border: 5px solid #fff;
}

.banner-slider .slick-dots li button:hover:before {
    border: 5px solid #fff;
}

body .banner-slider-item h2 a{
    transition: background-size ease-in-out .5s;
    background-size: 0 3px!important;
    background-position: left 87%!important;
    background-repeat: no-repeat!important;
    padding-bottom: 8px;
    transition: background-size ease-in-out .5s;
    background: linear-gradient(to right, #fff, #fff);
}

body .banner-slider-item h2 a:hover{
    text-decoration: none!important;
    background-size: 100% 3px!important;
    transition: background-size ease-in-out .5s;
    background: linear-gradient(to right, #fff, #fff);
}

@media (min-width: 320px) and (max-width: 768px) {
    .banner-slider-content{
        width: 80%;
    }
}