/*
 Theme Name:   Apzo Child
 Theme URI:    http://demo.goodlayers.com/apzo
 Description:  Goodlayers Apzo Child Theme
 Author:       Goodlayers
 Author URI:   http://goodlayers.com
 Template:     apzo
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, right-sidebar, responsive-layout
 Text Domain:  apzo-child

 START YOUR CHILD THEME CSS HERE
*/


@media only screen and (max-width: 767px) {
    /* More specific selector targeting only within .service-icons */
    .service-icons .gdlr-core-column-10,
    .service-icons .gdlr-core-column-12,
    .service-icons .gdlr-core-column-15,
    .service-icons .gdlr-core-column-18,
    .service-icons .gdlr-core-column-20,
    .service-icons .gdlr-core-column-24,
    .service-icons .gdlr-core-column-30,
    .service-icons .gdlr-core-column-36,
    .service-icons .gdlr-core-column-40,
    .service-icons .gdlr-core-column-42,
    .service-icons .gdlr-core-column-45,
    .service-icons .gdlr-core-column-48,
    .service-icons .gdlr-core-column-50,
    .service-icons .gdlr-core-column-60 {
        width: calc(50% - 10px) !important; /* Two columns with a gap */
        flex: 1 1 calc(50% - 10px) !important; /* Ensures flexibility in layout */
        box-sizing: border-box;
    }
}

/* For narrower screens, enforce single-column layout */
@media only screen and (max-width: 500px) {
    .service-icons .gdlr-core-column-10,
    .service-icons .gdlr-core-column-12,
    .service-icons .gdlr-core-column-15,
    .service-icons .gdlr-core-column-18,
    .service-icons .gdlr-core-column-20,
    .service-icons .gdlr-core-column-24,
    .service-icons .gdlr-core-column-30,
    .service-icons .gdlr-core-column-36,
    .service-icons .gdlr-core-column-40,
    .service-icons .gdlr-core-column-42,
    .service-icons .gdlr-core-column-45,
    .service-icons .gdlr-core-column-48,
    .service-icons .gdlr-core-column-50,
    .service-icons .gdlr-core-column-60 {
        width: 100% !important; /* Full width for single column */
        flex: 1 1 100% !important;
    }
}

.apzo-navigation .apzo-navigation-slide-bar-style-dot:before {
    content: url("/wp-content/uploads/2024/10/menu_arrow.svg"); /* Replace with your image path */
    display: block;
    width: 30px;
    margin: 0px auto;
    border: none; /* Remove the border since the SVG replaces the dot */
}