/*
Theme Name: Canada child
Theme URI: https://landing.rivaxstudio.com/fonix/
Author: RivaxStudio
Author URI: https://themeforest.net/user/rivaxstudio/
Description: Canada is Designed for lightweight WordPress Magazine, Blog and Newspapaer Websites.
Version: 1.0.0
Template:  canada
License: Themeforest.net
License URI: http://themeforest.net/licenses
Text Domain: canada
Tags: blog, magazine, minimal, lightweight
*/

body,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "IBM Plex Sans Arabic", sans-serif;
}

/* News Ticker RTL fix: the jquery.marquee plugin's positioning math (translateX
   offsets, flex placement of the huge .js-marquee-wrapper) assumes an LTR box
   model. Under the page's dir="rtl", flex row placement reverses and the
   marquee content ends up positioned far outside the visible container
   (ticker appears empty). Forcing LTR on the marquee's internal structure
   (which also cascades, via inheritance, into each .rivax-news-ticker-item)
   keeps the plugin's math correct and restores the widget's native
   thumb-left/title-right layout, so its own default margin-right:10px on
   .item-thumbnail (set per-widget by Elementor) creates the gap correctly
   again — no separate thumbnail-margin override is needed. The visual scroll
   direction is still controlled separately via the widget's marquee_direction
   setting. */
[dir="rtl"] .rivax-news-ticker-content-wrapper,
[dir="rtl"] .rivax-news-ticker-items,
[dir="rtl"] .js-marquee-wrapper,
[dir="rtl"] .js-marquee,
[dir="rtl"] .rivax-news-ticker-item {
    direction: ltr;
}

/* News Ticker RTL fix: the plugin's "left" mode (the only mode that actually
   works, see note in news-ticker.php) always scrolls content right-to-left.
   For RTL pages the ticker should visually move the opposite way (enter left,
   exit right). Mirroring the wrapper flips the motion; mirroring each item
   again cancels the mirroring of its own text/image content. */
[dir="rtl"] .rivax-news-ticker-content-wrapper {
    transform: scaleX(-1);
}

[dir="rtl"] .rivax-news-ticker-item {
    transform: scaleX(-1);
}

/* Video post format: responsive-embed CSS only covered iframe (Youtube/Vimeo oEmbed),
   uploaded media files render as a plain <video> tag and need the same fill treatment. */
.single-hero-video-container video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 15px;
    background: #000;
    object-fit: contain;
}