/*
Theme Name:  Zman
Template: 	 twentytwentyone
Theme URI:	 https://wordpress.org/themes/twentytwentyone/
Author:		 ChildThemeWP
Author URI:	 https://childthemewp.com
Version:	 1.0.0
License:	 GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:    	 opensource     
Text Domain: twentytwentyonechild
*/



@font-face {
    font-family: 'OHYaelLeibushor';
    src: url('fonts/OHYaelLeibushor2.0-Regular.woff2') format('woff2'),
        url('fonts/OHYaelLeibushor2.0-Regular.woff') format('woff'),
        url('fonts/OHYaelLeibushor2.0-Regular.ttf') format('truetype'),
/*        url('fonts/Demo-Regular.svg#Demo-Regular') format('svg');*/
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'almoni-tzar-aaa';
  src: url('fonts/almoni-tzar-demibold-aaa.woff2') format('woff2'),
       url('fonts/almoni-tzar-demibold-aaa.woff')  format('woff');
  font-weight: 600;
  font-style:  normal;
  font-display: swap;
}

@font-face {
  font-family: 'almoni-tzar-aaa';
  src: url('fonts/almoni-tzar-regular-aaa.woff2') format('woff2'),
       url('fonts/almoni-tzar-regular-aaa.woff')  format('woff');
  font-weight: 400;
  font-style:  normal;
  font-display: swap;
}



/* Preloader base styles */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

#preloader.act {
    opacity: 1;
    visibility: visible;
}

/* Desktop loader styles */
#preloader .desktop-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100dvh;
    width: 100vw;
    background-color: #16234e;
}

/* Mobile loader styles */
#preloader .mobile-loader {
    display: none;
    padding: 20px;
    height: 100dvh;
    width: 100vw;
    overflow-y: auto;
    background-color: #ffffff;
}

/* Use media query to show/hide loaders - NO FLASH because CSS loads before JS */
@media (max-width: 1024px) {
    #preloader .desktop-loader {
        display: none;
    }
    
    #preloader .mobile-loader {
        display: block;
    }
}

/* Skeleton styles */
.skeleton-container {
    max-width: 100%;
    margin: 0 auto;
}

.skeleton-line {
    background: linear-gradient(
        90deg,
        #f0f0f0 0%,
        #e0e0e0 50%,
        #f0f0f0 100%
    );
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 4px;
    margin-bottom: 12px;
}

.skeleton-title {
    height: 32px;
    width: 70%;
    margin-bottom: 16px;
}

.skeleton-subtitle {
    height: 24px;
    width: 50%;
    margin-bottom: 20px;
}

.skeleton-text {
    height: 16px;
    width: 100%;
}

.skeleton-text.short {
    width: 85%;
}

.skeleton-text.medium {
    width: 92%;
}

.skeleton-section {
    margin-bottom: 40px;
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@media (min-width: 768px) {
    .skeleton-container {
        max-width: 800px;
    }
}