/*
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 versatile and elegant fashion WordPress theme designed to help creators build a stunning online presence. As a stylish and highly adaptable fashion blog WordPress theme, it offers a clean and visually appealing layout that makes content presentation effortless. This modern and highly flexible stylish blog theme is perfect for bloggers, influencers, and creators who want a strong visual identity, while also functioning as a modern fashion WordPress theme suitable for today’s dynamic fashion industry. It works seamlessly as a lifestyle WordPress theme, allowing users to share personal stories, trends, and inspiration in a beautiful format. With its creative design approach, it also serves as a creative blog WordPress theme, ideal for showcasing unique content and visual storytelling. Fashion Freak can be used as a full-featured fashion magazine WordPress theme, giving publishers the ability to present articles, galleries, and editorial content in a professional layout, while also working perfectly as a personal blog WordPress theme for individuals who want a polished and expressive platform. The theme supports high-resolution images and delivers exceptional visual clarity, ensuring that photography and media content look sharp and engaging across all devices. Fully responsive and flexible, it guarantees a seamless browsing experience on desktops, tablets, and mobile devices without compromising design quality. One of its strongest features is its easy and powerful customization, allowing users to make changes effortlessly through the WordPress theme customizer, giving complete control over design, layout, and branding without any coding knowledge.
Tags: custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,left-sidebar,right-sidebar,grid-layout,theme-options,blog,news,portfolio
Version: 0.5
Tested up to: 6.9
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%;
    }
}