/*
Theme Name: Biz Flick
Theme URI: https://themegrove.com/products/biz-flick
Author: Themegrove
Author URI: https://themegrove.com/
Description: Welcome to Biz Flick the ultimate WordPress Full Site Editing theme crafted for businesses, consulting firms, and SEO agencies looking to enhance their online presence. Built for seamless integration with Gutenberg and WooCommerce, Biz Flick ensures top-tier SEO optimization and effortless customization. With block-based design, Contact Form 7 compatibility, and a user-friendly interface, you can showcase your services, engage clients, and grow your business with ease. Experience the perfect blend of stunning aesthetics and high-performance functionality—Biz Flick is your gateway to digital success.
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.0
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: biz-flick
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, news
*/
a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: 1px solid;
}

div#sticky-header {
    z-index: 99 !important;
}

.format-video > div,
.format-gallery > div,
.format-image > div,
.format-audio > div {
    position: relative;
}

.post_format-post-format-video > div:after,
.post_format-post-format-gallery > div:after,
.post_format-post-format-image > div:after,
.post_format-post-format-audio > div:after {    
    position: absolute;
    top: 10px;
    right: 10px;
    height: 40px;
    width: 40px;
    background: var(--wp--preset--color--custom-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
}

.post_format-post-format-video > div:after {
    content: "\f03d";
}

.post_format-post-format-audio > div:after {
    content: "\f028";
}

.post_format-post-format-gallery > div:after {
    content: "\f87c";
}

.post_format-post-format-image > div:after {
    content: "\f03e";
}

.featured-banner {
    z-index: 9;
}

.has-arrow-right a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.has-arrow-right a img {
    margin-left: 10px;
    max-width: 21px;
}

.has-img-before {
    display: flex;
    align-items: center;
}

.has-img-before.has-center {
    justify-content: center;
}

.has-img-before img {
    margin-right: 10px;
}

.wp-element-button {
    transition: all .3s;
}

.wp-element-button:hover {
    background: var(--wp--preset--color--button-hover-bg) !important;
    color: var(--wp--preset--color--button-hover-text) !important;
}

.has-arrow-right .wp-element-button:hover img {
    -webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1);
}
.has-hover-effect{
    transition: all 0.3s;
}

.has-hover-effect a:hover img {
    filter: none;
}

.has-hover-effect:hover {
    box-shadow: rgb(122 240 255 / 14%) 0px 50px 100px -20px, rgb(122 240 255 / 21%) 0px 30px 60px -30px;
    transform: translateY(-10px);
}

.remove-duotone:hover img {
    filter: none !important;
}

.has-heading-extra-style mark, .wp-block-site-title  a {
    background: linear-gradient(var(--wp--preset--color--custom-primary), var(--wp--preset--color--custom-secondary));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

footer.wp-block-template-part {
    margin: 0;
}

.services-box figure {
    min-width: 100px;
}

:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
    text-decoration: none !important;
    color: var(--wp--preset--color--custom-primary) !important;
}


.biz-flick-scroll-top {
	display: none;
    position: absolute;
}

.biz-flick-scroll-top::before {
	font-size: 17px;
	padding: 8px 13px;
	cursor: pointer;
	background: var(--wp--preset--color--custom-primary);
	color: var(--wp--preset--color--base-2);
	content: '\f062';
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	position: fixed;
	bottom: 50px;
	right: 30px;
	border-radius: 6px;
}

@media(min-width: 720px) {
    ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
        width: 231px !important;
        transition: all .3s;
        border-radius: 4px;
        border: none !important;
    }

    ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu a {
        font-size: 14px;
        text-transform: none;
        border-bottom: 1px solid #e1e1e1;
    }
}