/*
Theme Name: Bee Corp
Theme URI: https://www.themebee.net/products/salecraft-ecommerce/
Author: Theme Bee
Author URI: https://www.themebee.net/
Description: Bee Corp is a dynamic and versatile free corporate WordPress theme designed for modern businesses and corporate websites. With its sleek, professional design and fully responsive layout, BeeCorp ensures your site looks stunning on all devices. The theme offers easy customization with a powerful theme customizer, multiple header and footer styles, and an intuitive drag-and-drop page builder. It’s fully compatible with popular plugins like WooCommerce for eCommerce integration and Yoast SEO for search engine optimization. Fast loading speeds, regular updates, and extensive documentation make BeeCorp the perfect choice for businesses seeking a reliable and feature-rich online presence. Suitable for creative agency websites, web design studios, ai agency platforms, saas landing pages, startup incubator businesses, seo agency services, customer support portals, helpdesk systems, chatbot platforms, ai tools websites, freelance marketplace platforms, membership site communities, newsletter websites, open source projects, productivity platforms, and digital business solutions.
Requires at least: 6.1
Tested up to: 6.5
Requires PHP: 7.2
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bee-corp
Tags: editor-style, blog, custom-background, custom-logo, custom-menu, e-commerce, featured-images, footer-widgets, left-sidebar, one-column, right-sidebar, full-site-editing, threaded-comments, two-columns, wide-blocks, full-width-template, sticky-post, block-styles, block-patterns, portfolio
*/

span.orange-color {
    color: var(--wp--preset--color--primary) !important;
    border-bottom: solid 2px;
}

.admin-bar .header-wrap {
    margin-top: 32px;
}

.header-wrap {
    position: absolute;
    top: 0;
    z-index: 999;
    width: 100%;
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, .1) !important;
}

.header-wrap ul li a:hover {
    color: var(--wp--preset--color--primary) !important;
    border-bottom: solid 2px;
    padding-bottom: 15px;
}

.banner-wrap span.dashicons.dashicons-arrow-right-alt2 {
    background: #000;
    color: #fff;
    padding: 5px;
    border-radius: 6px;
    margin-left: 10px;
}

.appointment-btn span.dashicons.dashicons-arrow-right-alt2,
.about-button-icon span.dashicons.dashicons-arrow-right-alt2{
    background: #fff;
    color: var(--wp--preset--color--primary) !important;
    padding: 5px;
    border-radius: 6px;
    margin-left: 10px; 
}

.about-button-icon span.dashicons.dashicons-arrow-right-alt2{
    color: #000 !important;
}

@media screen and (min-width: 320px) and (max-width: 599px){
    .header-wrap{
        position: static;
        background: #000 !important;
        backdrop-filter: none !important;
    }
    .admin-bar .header-wrap {
        margin-top: 0;
    }
    .banner-wrap,.banner-wrap h2,.about-wrap,.header-wrap h1 {
        text-align: center;
    }
    .button-icon,.about-button-icon,.header-wrap nav,.appointment-btn{
        justify-content: center !important;
    }
    .about-image img {
        width: 100% !important;
        height: auto !important;
    }  
}

@media screen and (min-width: 600px) and (max-width: 999px){
    .header-wrap{
        position: static;
        background: #000 !important;
        backdrop-filter: none !important;
    }
    .admin-bar .header-wrap {
        margin-top: 0;
    }
    .banner-wrap,.banner-wrap h2,.about-wrap,.header-wrap h1 {
        text-align: center;
    }
    .button-icon,.about-button-icon,.header-wrap nav,.appointment-btn{
        justify-content: center !important;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1199px){
    .about-wrap,.header-wrap{
        padding: 0;
    }
}
