/* ==============================================================================
Theme Name: Phlox Pro Child
Theme URI: http://phlox.pro/go/
Author: averta
Author URI: http://www.phlox.pro
Description: Phlox Pro Child Theme
Template: phlox-pro
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, left-sidebar, right-sidebar
Text Domain: phlox-pro-child
================================================================================= */

/* 1. The Top Header (#h-header-s) - Scrolled State */
header.aux-sticky #h-header-s {
    background-color: #8F1539 !important;
}

/* 2. The Main Header (#h-header-p) - Scrolled State */
header.aux-sticky #h-header-p {
    background-color: #FFFFFF !important;
}

header.aux-sticky #h-header-p li {
    color: black !important;
}

/* Default: Force to White using Filter */
.site-header-section .aux-master-menu .aux-submenu-indicator, 
.aux-elementor-header-menu .aux-master-menu .aux-submenu-indicator {
    filter: brightness(0) invert(1) !important; /* Turns black/colored SVG to pure white */
}

/* Sticky: Reset to Black */
.aux-sticky .site-header-section .aux-master-menu .aux-submenu-indicator, 
.aux-sticky .aux-elementor-header-menu .aux-master-menu .aux-submenu-indicator {
    filter: none !important; /* Returns it to the default black/gray in the SVG */
}

html[dir="rtl"] .aux-master-menu.aux-with-splitter > .aux-menu-item > .aux-item-content::after {
    left: auto !important;
    right: 0.7rem !important;
}


/* 2. THE SEPARATOR (Dot) */

/* Default: White */
.site-header-section .aux-master-menu.aux-with-splitter > .aux-menu-item > .aux-item-content::after, 
.aux-elementor-header-menu .aux-master-menu.aux-with-splitter > .aux-menu-item > .aux-item-content::after {
    background-color: #ffffff !important;
}

/* Sticky: Black */
.aux-sticky .site-header-section .aux-master-menu.aux-with-splitter > .aux-menu-item > .aux-item-content::after, 
.aux-sticky .aux-elementor-header-menu .aux-master-menu.aux-with-splitter > .aux-menu-item > .aux-item-content::after {
    background-color: #000000 !important;
}

/* Target the menu links specifically when scrolled/sticky */
header.aux-sticky #h-header-p .aux-master-menu .aux-item-content .aux-menu-label {
    color: #333333 !important; /* A soft, light black */
}

/* Ensure the "Home" or active item stays burgundy if you prefer, 
   otherwise this will make it light black too */
header.aux-sticky #h-header-p .aux-master-menu .current-menu-item .aux-menu-label {
    color: #8F1539 !important;
}

/* Hover state for the menu items when sticky */
header.aux-sticky #h-header-p .aux-master-menu .aux-item-content:hover .aux-menu-label {
    color: #8F1539 !important; /* burgendy on hover */
}
/* 3. Optional: Smooth Transition for both */
#h-header-s, #h-header-p {
    transition: background-color 0.4s ease-in-out;
}

.aux-sidebar {
	display:none !important;
}

.aux-container {
    padding: 0px !important;
}
@media (min-width: 1025px) {
    
    .bdt-slideshow-content-wrapper {
        /* This calculates the exact start of your 'boxed' container */
        margin-left: calc((100vw - 1140px) / 2) !important;
        margin-right: 0 !important;
        max-width: 1140px; /* Optional: keeps the text from stretching too far */
    }

    /* Support for Arabic (RTL) */
    html[dir="rtl"] .bdt-slideshow-content-wrapper {
        margin-right: calc((100vw - 1140px) / 2) !important;
        margin-left: 0 !important;
    }
}

.tribe-events-c-subscribe-dropdown__container {
	display:none !important;
}

.page-title-section .page-header > .aux-container > *:last-child {
margin-bottom:0px!important;
}

.aux-content-top-margin .aux-primary {
    padding-top: 0px !important;
}

.page-title-section a {
	color: white !important;
}

.comment-respond {
	display:none !important;
}

/* 1. SHARED HEADER LAYOUT (For both List and Detail) */
.page-header.aux-wrapper.aux-top, 
#custom-event-hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), 
                      url('https://app.duegence.com/wp-content/uploads/2026/02/pexels-akbar-nemati-220109-16675721-scaled.jpg') !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding: 100px 0 75px 0 !important;
    min-height: 350px !important;
    border: none !important;
    width: 100% !important;
}

/* 2. SHARED TEXT STYLING (Desktop) */
.page-header.aux-top h1.page-title,
.custom-event-title {
    font-size: 34px !important;
    color: #ffffff !important;
    padding: 0 120px !important; /* Original Desktop Padding */
    text-transform: uppercase;
    font-weight: 600 !important;
    margin: 30px 0 10px 0 !important;
    text-align: center !important;
}

/* 3. MOBILE OPTIMIZATION (Screens under 767px) */
@media (max-width: 767px) {
    .page-header.aux-top h1.page-title,
    .custom-event-title {
        font-size: 16px !important;     
        padding: 0 40px !important;     
        margin: 15px 0 10px 0 !important;
        line-height: 1.4 !important;
    }
    
    #custom-event-hero, 
    .page-header.aux-wrapper.aux-top {
        padding: 60px 0 40px 0 !important;
        min-height: 250px !important;
    }
}


/* @font-face {
  font-family: 'Madani Arabic';
  src: url('https://ghanimlawfirm.qa/wp-content/uploads/2025/05/alfont_com_Madani-Arabic-Regular-1.ttf') format('truetype');
} */

/* html:lang(ar) .elementor-headline-dynamic-text {
	 font-family: 'Madani Arabic' !important;
}

html:lang(ar) .mobile-navigation ul > li.menu-item > a, .mobile-navigation-categories ul > li.menu-item > a {
	font-family: 'Madani Arabic' !important;
} */


/* html:lang(ar) p,
html:lang(ar) a,
html:lang(ar) h1,
html:lang(ar) h2,
html:lang(ar) h3,
html:lang(ar) h4,
html:lang(ar) h5,
html:lang(ar) h6,
html:lang(ar) ul,
html:lang(ar) li,
html:lang(ar) div,
html:lang(ar) span,
html:lang(ar) input, 
html:lang(ar) select, 
html:lang(ar) textarea{
font-family: 'Madani Arabic', sans-serif; 
	text-align:right !important;
} */

/* Temporary */
.bdt-timeline-date {
	display: none !important;
}

.not-found { 
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: 30px;
}

html:lang(ar) .bdt-button-icon-align-right {
	transform: scalex(-1);
	margin-right: 8px !important;
	margin-left: 0px !important;
}


/* 1. Base Font (Regular) */
body, p, a, li,  input, select, textarea, div {
    font-family: 'the sans arabic regular', sans-serif !important;
}

/* 2. Main Headings (Bold) */
h1, h2, .elementor-heading-title {
    font-family: 'the sans arabic bold', sans-serif !important;
}

/* 3. Sub-headings (SemiBold) */
h3, h4, h5, h6 {
    font-family: 'the sans arabic bold', sans-serif !important;
}

.current {
	color: white !important;
}
html:lang(ar) .tribe-events-c-nav svg {
	transform: scalex(-1) !important;
	margin: 0 10px !important;
}
.tribe-events-c-top-bar__nav-list {
	display: none !important;
}

.tribe-events-c-search__button {
	border-radius:0px !important;
}

 .entry-media  {
display: none !important;
}

.bdt-panel-slide-item .bdt-transition-fade {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 1. THE DROPDOWN CONTAINER */
#master-menu-elementor-6d33d18 .sub-menu.aux-submenu {
    background: #ffffff !important;
    border-top: 3px solid #8a1538 !important; /* Hadara Maroon Accent */
    box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.12) !important;
    padding: 12px 0 !important;
    min-width: 210px !important;
    margin-top: 15px !important; /* Space between main link and menu */
}

/* 2. DROPDOWN ITEMS */
#master-menu-elementor-6d33d18 .sub-menu li a {
    padding: 12px 25px !important;
    color: #444444 !important;
    display: flex !important;
    align-items: center;
    transition: all 0.25s ease-in-out !important;
    border: none !important; /* Remove any default borders */
    position: relative;
}

/* 3. HOVER EFFECT */
#master-menu-elementor-6d33d18 .sub-menu li a:hover {
    background-color: #fcfcfc !important;
    color: #8a1538 !important; /* Brand Maroon */
    padding-left: 32px !important; /* Subtle slide effect */
}

/* 4. HOVER INDICATOR (Vertical Line) */
#master-menu-elementor-6d33d18 .sub-menu li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0%;
    background: #8a1538;
    transition: all 0.2s ease;
}

#master-menu-elementor-6d33d18 .sub-menu li a:hover::before {
    width: 4px;
    height: 60%;
}

.aux-next-prev-posts {
	padding: 0px 10vw !important;
}

html:lang(ar) .aux-next-prev-posts {
	display: flex !important;
}

html:lang(ar)  .aux-next-prev-posts .np-prev-section {
    float: right;
    text-align: right;
}

html:lang(ar)  .aux-next-prev-posts .np-prev-section .np-arrow {
    margin-left: 25px;
    float: right;
    transform: scale(-1);
}

html:lang(ar) .aux-next-prev-posts .np-next-section {
    float: left;
    text-align: left;
    padding-right: 1em;
}

html:lang(ar) .aux-next-prev-posts .np-next-section .np-arrow {
    margin-right: 25px;
    float: left;
    transform: scale(-1);
}

html:lang(ar) .wpcf7-form {
	direction: rtl !important
}

html:lang(ar) .tribe-events-header {
	direction: rtl !important;
}

html:lang(ar) .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-control-icon-svg {
    left: 0px !important;
    right: 0px !important;
}

html:lang(ar) .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-control:last-child {
    margin-right: 20px !important;
}

.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input {
    outline: none !important;
}

html:lang(ar)  .elementor-element-c328548 {
	direction: ltr !important;
}

/* 1. Golden Background (White Text) */
#mobile_number a[href^="tel"], 
#mobile_number .elementor-icon-box-description a {
    color: #FFFFFF !important; /* Explicitly set white */
	-webkit-text-fill-color: #FFFFFF !important; /* Force for Safari/iOS */
    text-decoration: none !important;
    font-family: inherit !important;
    font-weight: inherit !important;
}

/* 2. White Background (Black/Dark Text) */
#mobile_number_bk a[href^="tel"], 
#mobile_number_bk .elementor-icon-box-description a { /* Fixed the ID here */
    color: #171B26 !important;
	-webkit-text-fill-color: #171B26 !important; /* Force for Safari/iOS */
    text-decoration: none !important;
    font-family: inherit !important;
    font-weight: inherit !important;
}

.aux-submenu-indicator {
    filter: none !important;
}

[dir="rtl"] .tribe-events-sub-nav a:after,
[dir="rtl"] .tribe-events-sub-nav a:before {
    transform: scaleX(-1);
}

html:lang(ar) .tribe-events-c-top-bar__datepicker-button-icon-svg {
    margin: 0 10px !important;
}

[dir="rtl"]  .tribe-common.tribe-common--breakpoint-medium button.tribe-events-c-top-bar__datepicker-button {
    padding: 0 20px !important;
}

[dir="rtl"]   .tribe-events-calendar-list__month-separator h3{
	padding-left: 20px !important;
}


[dir="rtl"] .tribe-events-c-view-selector__content {
  
    right: unset !important;
    left: 0 !important;
  
}

[dir="rtl"] .tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after {
  	right: unset !important;
    left: calc(100% - 3px) !important;
}

 [dir="rtl"] .tribe-events .tribe-events-c-view-selector__list-item-icon {
	margin-right: unset !important;
    margin-left: 18px !important;
margin-top: -12px !important;
}