/* Skeleton Loader Animation & Layout */
@keyframes msp-pulse { 
    0%, 100% { opacity: 1; } 
    50% { opacity: .4; } 
}

div.msp-skeleton-wrap { 
    padding: 15px !important; 
    border: 1px solid #f0f0f0 !important; 
    border-radius: 4px !important; 
    background: #fff !important; 
    margin-bottom: 20px !important; 
    box-sizing: border-box !important; 
    display: block !important; 
    width: 100% !important; 
}

div.msp-skeleton-wrap .msp-skeleton { 
    animation: msp-pulse 1.5s ease-in-out infinite !important; 
    background-color: #e2e8f0 !important; 
    border-radius: 4px !important; 
    display: block !important; 
}

div.msp-skeleton-wrap .msp-skel-title { height: 20px !important; width: 60% !important; margin-bottom: 15px !important; }
div.msp-skeleton-wrap .msp-skel-img { height: 120px !important; width: 100% !important; margin-bottom: 15px !important; }
div.msp-skeleton-wrap .msp-skel-line { height: 12px !important; width: 100% !important; margin-bottom: 8px !important; }
div.msp-skeleton-wrap .msp-skel-line-short { height: 12px !important; width: 80% !important; }