/*
 Theme Name:   XStore Child
 Theme URI:    http://8theme.com/
 Description:  XStore Child Theme
 Author:       8theme
 Author URI:   http://8theme.com
 Template:     xstore
 Version:      1.0
 Text Domain:  xstore-child
*/

body, [data-mode="dark"]{
    background-image: url('../../uploads/2024/06/background-icons.png') !important;
	background-color: #231F20 !important;
}

    .button5-container {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            width: 85%;
            justify-content: flex-start;
        }

        .button5 {
            width: 150px;
            height: 40px;
            border-radius: 7.55px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: opacity 0.3s;
            border: none;
        }

        .button5 a {
            display: flex;
            width: 100%;
            height: 100%;
            justify-content: center;
            align-items: center;
        }


        /* Existing styles for buttons */
        .doordash {
            background: #ff3008;
        }

        .ubereats {
            background: #fff;
        }

        .grubhub {
            background: #FF7F00;
        }

        /* Hover effect */
        .button5:hover img {
            opacity: 0.7; /* Reduce opacity on hover */
        }

        .button5:hover {
            opacity: 0.8; /* Reduce opacity of button on hover */
        }

        /* Media queries for responsiveness */
        @media (min-width: 992px) {
            .button5-container {
                justify-content: flex-start;
            }
            .button5 {
                flex: 1 1 calc(50% - 15px);
            }
            .button5:nth-child(3) {
                flex: 1 1 100%;
            }
        }

        @media (max-width: 991px) {
            .button5-container {
                justify-content: flex-start;
            }
            .button5 {
                flex: 1 1 calc(50% - 15px);
            }
            .button5:nth-child(3) {
                flex: 1 1 100%;
                margin-top: 15px;
            }
        }

        @media (max-width: 990px) {
            .button5 {
                flex: 1 1 calc(33.33% - 10px);
                margin-top: 0;
            }
            .button5:nth-child(3) {
                margin-top: 0;
            }
        }

        @media (max-width: 400px) {
            .button5 {
                flex: 1 1 calc(50% - 15px);
                margin-top: 0;
            }
            .button5:nth-child(3) {
                flex: 1 1 100%;
                margin-top: 15px;
            }
        }

        @media (max-width: 380px) {
            .button5 {
                flex: 1 1 100%;
                margin-top: 0;
            }
            .button5:nth-child(3) {
                margin-top: 15px;
            }
        }

.header-main-menu2.et_element-top-level .menu > li > a:hover:not(.menu-hover),.header-main-menu2.et_element-top-level .menu > .current-menu-item > a:not(.menu-hover),.header-main-menu2.et_element-top-level.menu-items-custom .menu > li > a:hover:not(.menu-hover),.header-main-menu2.et_element-top-level.menu-items-custom .menu > .current-menu-item > a:not(.menu-hover){
	color: inherit !important;
}