/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@font-face {
    font-family: 'SaudiRiyal';
    src: url('/fonts/saudi_riyal.ttf');
    font-weight: normal;
    font-style: normal;
}
.riyal-symbol {
    display: inline !important;
}
.riyal-symbol:before {
    content: '\E900';
    font-family: 'SaudiRiyal' !important;
    font-size: 18px;
}
.riyal-symbol_large:before {
    content: '\E900';
    font-family: 'SaudiRiyal' !important;
    font-size: 35px;
}
.riyal-symbol_small:before {
    content: '\E900';
    font-family: 'SaudiRiyal' !important;
}


.irs-from, .irs-to, .irs-min, .irs-max, .irs-single{
    direction: ltr !important;
}

#top-bar.transparent-topbar {
    /*background: #00000094 !important;*/
    background: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, .75) 0%);
}
#header.transparent-header {
    --cnvs-header-bg: #00000094 !important;
}

.is-expanded-menu #header.transparent-header:not(.sticky-header) #header-wrap {
    border-bottom: unset;
}

#header-wrap {
    border-bottom: unset;
}