/*
Theme Name: wurx
Theme URI: http://example.com/my-theme
Author: Your Name
Author URI: http://example.com
Description: A custom theme using Tailwind CSS.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-theme
*/


/* Start Global Style*/
@font-face {
    font-family: 'improve';
    src: url('assets/fonts/IMPROVIE_Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

  html, body {
    background: #6d130e;
}

body {
    
    font-family: 'Montserrat', sans-serif !important;
}
h1,
h2,
h3{
    font-family: 'improve', sans-serif !important;
}
.improve{
    font-family: 'improve', sans-serif !important;
}

.text-custom-red{
    color:#6d130e;
}
.bg-custom-red{
    background-color:#6d130e;
}
.text-custom-gray{
    color:#757474;
}
.bg-custom-gray{
    background-color:#757474;
}

.site-logo {
            width: 120px;
            object-fit: contain;
        }
        .mobile-menu{
            top:0;
            right:-100%;
            transition:0.5s;
        }
        .mobile-menu.active{
            top:0;
            right:0%;
        }
        .skewed {
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #000;
          z-index: 0;
          transform: skewY(-8deg);
          transform-origin: top left;
        }
        /* animation keyframes */
        @keyframes pulsate-bck {
          0% { transform: scale(1); }
          50% { transform: scale(0.9); }
          100% { transform: scale(1); }
        }
        
        /* على hover فقط */
        .pulsate-bck:hover {
          animation: pulsate-bck 0.6s linear infinite forwards;
        }
        

/* End Global Style*/

/*Start Header*/

.menu-item a {
    transition: color 0.3s ease;
}
    /* Hover effect */
.menu-item a:hover {
    color: black !important;
}

/* Active/current page */
.menu-item.current-menu-item > a,
.menu-item.current_page_item > a {
    color: black !important;
}

.mobile-menu {
    z-index : 10000000000000000 !important;
}

/*ٍStart Home*/

  #type-title::after {
  content: "|";
  margin-left: 5px;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}

.parallax-img {
    transform: translateY(var(--scroll, 0px));
}


/*End Home*/