/* custom post meta fields styles css  */

/* Container for the switch and label */
.switch-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 15px; /* Space between switches */
}

/* Hide the default checkbox */
.switch input {
    display: none;
}

/* Style the switch container */
.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 25px;
    margin-left: 10px; /* Space between label and switch */
}

/* Style the slider (background) */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border-radius: 20px;
    transition: background-color 0.3s;
}

/* Style the slider circle (knob) */
.slider::before {
    content: '';
    position: absolute;
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s;
}

/* Change background color when checkbox is checked */
input:checked + .slider {
    background-color: #2196F3;
}

/* Move the slider circle when checkbox is checked */
input:checked + .slider::before {
    transform: translateX(18px);
}

/* Optional: Add a hover effect */
.switch:hover .slider {
    background-color: #b3b3b3;
}

.switch:hover input:checked + .slider {
    background-color: #0b7dda;
}

/* post per page input box css  */
#_ept_post_per_page {
    width: 70px;
}