/*
Theme Name: Bee Corp
Theme URI:
Author: Theme Bee
Author URI: 
Description: BeeCorp is a dynamic and versatile 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.
Requires at least: 6.1
Tested up to: 6.5
Requires PHP: 7.2
Version: 1.0.1
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;
    }
}