/*
Theme Name: Party Corp
Theme URI: https://www.themebee.net/products/salecraft-ecommerce/
Author: Theme Bee
Author URI: https://www.themebee.net/
Description: The Halloween WordPress Theme is a template designed specifically for event management companies, party planners, nightlife guide platforms, travel planner services, tour packages businesses, creative agency websites, and corporate event organizers. With a modern design and easy customization options, it offers features like event scheduling, ticket booking, photo galleries, newsletter integration, community forum support, and social media sections to showcase past events and audience engagement. The theme is fully responsive, SEO-friendly, and compatible with popular plugins, making it an excellent choice for creating professional websites that captivate and engage audiences. Suitable for creator economy platforms, membership site communities, customer support portals, chatbot integration, and sms marketing campaigns, Party-Corp helps businesses create interactive and engaging online experiences. Whether you’re planning corporate galas, music festivals, nightlife events, digital meetups, or casual parties, Party-Corp helps you present your services with style and professionalism.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: party-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, entertainment
*/

span.orange-color {
    color: var(--wp--preset--color--primary) !important;
}

.upper-header span {
    margin-top: 5px;
}

.header-wrap nav.wp-block-navigation ul li a{
    padding: 20px 0;
    border-bottom: 2px solid #0000;
}

.header-wrap nav.wp-block-navigation ul li a:hover {
    color: var(--wp--preset--color--primary) !important;
    border-bottom: solid 2px;
    text-decoration: none;
}

.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{
    background: #fff;
    color: var(--wp--preset--color--primary) !important;
    padding: 5px;
    border-radius: 6px;
    margin-left: 10px; 
}

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

.event-box {
    box-shadow: 0 0 10px 1px #ebebeb;
    border-radius: 30px;
}

.event-box{
    border: 1px solid #0000;
}

.event-box:hover{
    border: solid 1px var(--wp--preset--color--primary) !important;
}

.event-box:hover .wp-block-buttons a{
    background: var(--wp--preset--color--primary) !important;
}

.event-box:hover span.dashicons.dashicons-arrow-right-alt2{
    color: var(--wp--preset--color--primary) !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;
    }
}

@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;
    }
}