/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


.device-media {
    max-width: 360px;
}

.device-splide img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.splide__slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Reduce arrow size */
.device-splide .splide__arrow {
    width: 28px;
    height: 28px;
    background: transparent; /* transparent background */
    border: none;
    opacity: 0.8;
}

.device-splide .splide__arrow svg {
    width: 14px;
    height: 14px;
}

/* Optional: hover effect */
.device-splide .splide__arrow:hover {
    opacity: 1;
    background: rgba(0,0,0,0.05); /* subtle clearer background */
    border-radius: 50%;
}

/* Optional: position adjustment */
.device-splide .splide__arrow--prev {
    left: -1rem;
}

.device-splide .splide__arrow--next {
    right: -1rem;
}

.msi-mouse-over-shadow { 
   box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
   transition: all 0.5s ease;

}
.msi-mouse-over-shadow:hover {
    transform: scale(1.02);
    border-color: var(--contrast, #333);
    box-shadow: 3px 3px 7px 3px rgba(0, 0, 0, 0.15);
}