/*
Theme Name: Omra
Theme URI: https://independanceomra.com
Author: Independance Omra
Author URI: https://independanceomra.com
Description: A modern WordPress theme for Omra and Hajj travel agency with dynamic features, custom page templates, and integrated contact forms.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: omra
Tags: travel, religious, two-columns, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, translation-ready

Omra is a specialized WordPress theme designed for Islamic travel agencies focusing on Omra and Hajj pilgrimages.
*/

:root {
    --color-primary: #2e6e4c;
    --color-primary--22: rgba(38, 129, 102, 0.22);
    --color-secondary: #d4af37;
}


/* Custom Styles */
button, .btn, [type="button"], [type="submit"] {
    cursor: pointer;
}

/* Loading Screen */
#loading-screen {
    background: linear-gradient(135deg, var(--color-primary) 0%, #1a4a32 100%);
}

#loading-screen.fade-out {
    opacity: 0;
    pointer-events: none;
}

.airplane-loader {
    animation: fly-path 2s ease-in-out infinite;
}

@keyframes fly-path {
    0% {
        left: 0;
        top: 70%;
        transform: rotate(-20deg);
    }
    50% {
        left: 45%;
        top: 10%;
        transform: rotate(-5deg);
    }
    100% {
        left: 90%;
        top: 70%;
        transform: rotate(10deg);
    }
}

/* header css */
.header-bg {
    background-color: rgba(38, 129, 102, 0.22);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.header-sticky {
    background-color: #2e6e4c;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.header-btn-contact {
    background-color: #d4af37;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

.header-btn-contact:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);
}

.mobile-menu {
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu.active {
    transform: translateX(0);
}

.hamburger span {
    transition: all 0.3s ease;
}

.hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.hamburger.active span:nth-child(2) {
    opacity: 0;
}

.hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}
/* End header css */

/* cms table */

.cms table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: inherit;
    font-size: 16px;
}

.cms table td {
    padding: 12px 15px;
    border: 1px solid #e2e2e2;
}

.cms table tr:nth-child(even) {
    background: #f9f9f9;
}

.cms table tr:hover {
    background: #f1f7ff;
}

.cms table td:first-child {
    font-weight: 600;
    width: 35%;
    background: #fafafa;
}

/* END CMS */

.h-280 {
    height: 280px;
}

div#offers-filter button:hover {
    background: #2e6e4c;
    color: white;
}

a.custom-logo-link img {
    max-width: 200px;
}

@media (min-width: 1024px) {
    .lg-top-44 {
        top: 11rem;
    }
}

ul#menu-menu-pied-de-page li a {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: rgba(255, 255, 255, 0.74);
}

ul#menu-menu-pied-de-page li a:hover {
    font-family: 'Raleway';
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    color: #d4b038;
}