/*
Theme Name: Qxygen
Theme URI: https://apusthemes.com/qxygen
Author: ApusTheme
Author URI: https://apusthemes.com/
Description: Qxygen is clean theme, it's used Apus Framework.
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: qxygen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face {
    font-family: 'Arabic';
    src: url('https://darbayat.sa/resi/wp-content/themes/qxygen/fonts/FrutigerLTArabic-45Light.woff') format('woff'),
         url('https://darbayat.sa/resi/wp-content/themes/qxygen/fonts/FrutigerLTArabic-45Light.woff') format('woff'),
         url('https://darbayat.sa/resi/wp-content/themes/qxygen/fonts/FrutigerLTArabic-45Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'English';
    src: url('https://darbayat.sa/resi/wp-content/themes/qxygen/fonts/FrutigerLTArabic-55Roman.woff2') format('woff2'),
         url('https://darbayat.sa/resi/wp-content/themes/qxygen/fonts/FrutigerLTArabic-55Roman.woff') format('woff'),
         url('https://darbayat.sa/resi/wp-content/themes/qxygen/fonts/FrutigerLTArabic-55Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* Scrollbar */
::-webkit-scrollbar {width: 5px; height: 5px;}
::-webkit-scrollbar-thumb {border-radius: 30px; background-color: #8F877C;}
::-webkit-scrollbar-thumb:hover {background-color: #BFA58A;}
::-webkit-scrollbar-track {border-radius: 0px; background-color: #F7F4ED;}

/*New Extra */
::placeholder {color: #5B5B5B !important;}
::-ms-input-placeholder {color: #5B5B5B !important;}
::-moz-selection {color:#fff; background: #383838;}
::selection {color:#fff; background: #383838;}
html, body{background-color: #EEEAE6 !important;}
.rev_row_zone_top{top: 0 !important;}
.elementor-heading-title{text-transform: uppercase;}
.elementor-heading-title p small{text-transform: none; font-family: "Arabic", Helvetica, Arial, sans-serif !important; font-weight:300;}
.form-control {font-family: "English", Helvetica, Arial, sans-serif !important; color: #383838;}
.register-form select{padding-left:20px !important; padding-right:20px !important;}
.closedto .st0{fill: #383838 !important;}
.apus-loader-inner{height:161px !important}
.apus-page-loading{background: #EEEAE6 !important;}
.SliderHeading {font-family: "English", Helvetica, Arial, sans-serif !important;}
.text-underline.text-second, .apus-footer a:not([class]){color: #383838 !important;}
.text-underline.text-second:hover, .apus-footer a:not([class]):hover, .apus-footer a:not([class]):focus, .apus-footer a:not([class]):active{color: #A36641 !important;}
#apus-header-mobile .elementor-widget-image a img[src$=".svg"]{width: 110px !important;}
#apus-header .elementor-widget-image a img[src$=".svg"]{width: 70px !important;}
.apartment-v4{padding-bottom: 0!important;}
.apartment-thumbnail{height: 330px; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important;}
.slick-slide img{height: 370px !important; width: auto !important; max-width: unset !important;}
.apartment-v4 .meta-bottom{width: 100% !important; border-radius: 0 !important; text-align: center; background-color: rgba(163, 102, 56, 0.6) !important;} 
.apartment-v4 .meta-bottom a {color: #fff !important; font-weight: 400 !important;}
.apartment-thumbnail:before{background-color: #A36641 !important;}
.slick-carousel .slick-dots li{margin:0 !important;}
.slick-carousel .slick-dots li.slick-active{background:none !important;}
.slick-carousel .slick-dots li.slick-active button{background:#A36641 !important;}
.slick-carousel .slick-dots{padding:0 !important;}
.slick-carousel .slick-dots li button{background:rgba(56, 56, 56, 0.34) !important;}
/* .arcar .slick-slide img {transform: translateX(45%);}  */
#Project-Car .click-active:before{width:100% !important;}
.post-navigation .nav-links > *.nav-next{text-align: left !important;}
.post-navigation .nav-links > *.nav-previous{text-align: right !important;}
.post-navigation .nav-links .meta-nav{background:#383838 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important;}
.post-navigation .nav-links a:hover .meta-nav{background:#A36641 !important;}
.post-navigation .nav-links > * > a{background-color: transparent !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important;}
.post-navigation .nav-links > * .inner{width: auto !important;}
.post-navigation .nav-links .nav-previous a {justify-content: flex-end !important;}
.post-navigation .nav-links .navi {text-transform: uppercase !important; color: #383838 !important;}
.post-navigation .nav-links .title-direct{color: #C9BEB2 !important;}
.post-navigation .nav-links > *:only-child {width: 100% !important; float: none !important;}
.post-navigation .nav-links > *:only-child > a {justify-content: center;}
#BannerFilm{opacity: 0.2 !important;}
@media(max-width: 1500px){.hidden-hover-bg .banner-image-top{display: none !important;}}
@media (min-width: 992px) and (max-width: 1200px) {body.header_p_left #apus-header {display: block !important; position: fixed; width: 100px; height: 100vh; top: 0; left: 0; z-index: 5;} .rawban-ar{margin-right: -150px !important;}}
@media(min-width: 1200px){.rawban-en{margin-left: -100px !important;}}
@media (max-width: 992px){#BannerFilm{opacity: 0.8 !important;}}

/*Arabic*/
#ArabicHeading, .sliderarh {direction: ltr; font-weight: bold !important;}
body.arabic{direction: rtl; font-family: "Arabic", Helvetica, Arial, sans-serif !important;}
body.arabic .register-form, body.arabic .register-form input[type="email"]{direction: rtl !important;}
body.arabic .register-form .col-sm-6, body.arabic .register-form .col-xs-12{float:right;}
body.arabic .ar-gall, body.arabic .ar-pre-gal{direction: ltr;}
body.arabic #apus-header-mobile, body.arabic .arabic-footer{direction: ltr;}
body.arabic .arabic-footer .promenti, body.arabic .arabic-footer .widget-socials .social{direction: rtl;}

body.arabic :root {
	--e-a-font-family: "Arabic",Roboto,Arial,Helvetica,sans-serif !important;
}
body.arabic .elementor-kit-8 {
	--e-global-typography-primary-font-family: "Arabic",Roboto,Arial,Helvetica,sans-serif !important;
	--e-global-typography-secondary-font-family: "Arabic",Roboto,Arial,Helvetica,sans-serif !important;
	--e-global-typography-text-font-family: "Arabic",Roboto,Arial,Helvetica,sans-serif !important;
	--e-global-typography-accent-font-family: "Arabic",Roboto,Arial,Helvetica,sans-serif !important;
}

body.arabic :root {
	--e-a-font-family: "Arabic",Roboto,Arial,Helvetica,sans-serif !important;
}
body.arabic .elementor-kit-8 {
	--e-global-typography-primary-font-family: "Arabic",Roboto,Arial,Helvetica,sans-serif !important;
	--e-global-typography-secondary-font-family: "Arabic",Roboto,Arial,Helvetica,sans-serif !important;
	--e-global-typography-text-font-family: "Arabic",Roboto,Arial,Helvetica,sans-serif !important;
	--e-global-typography-accent-font-family: "Arabic",Roboto,Arial,Helvetica,sans-serif !important;
}
body.arabic h1, body.arabic h2, body.arabic h3, body.arabic h4, body.arabic h5, body.arabic h6, body.arabic .h1, body.arabic .h2, body.arabic .h3, body.arabic .h4, body.arabic .h5, body.arabic .h6, body.arabic .elementor-heading-title, body.arabic .elementor-counter .elementor-counter-number-wrapper, body.arabic .rs-layer{font-family: "Arabic", Helvetica, Arial, sans-serif !important;}
body.arabic #apus-header .elementor-heading-title .text-underline, body.arabic #apus-header-mobile .elementor-heading-title .text-underline{font-family: "English", Helvetica, Arial, sans-serif !important;}


/**************************/

body{scrollbar-width: thin; font-family: "English", Helvetica, Arial, sans-serif !important;}
:root {
	--e-a-font-family: "English",Roboto,Arial,Helvetica,sans-serif !important;
}
.elementor-kit-8 {
	--e-global-typography-primary-font-family: "English",Roboto,Arial,Helvetica,sans-serif !important;
	--e-global-typography-secondary-font-family: "English",Roboto,Arial,Helvetica,sans-serif !important;
	--e-global-typography-text-font-family: "English",Roboto,Arial,Helvetica,sans-serif !important;
	--e-global-typography-accent-font-family: "English",Roboto,Arial,Helvetica,sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .elementor-heading-title, .elementor-counter .elementor-counter-number-wrapper, .rs-layer{font-family: "English", Helvetica, Arial, sans-serif !important;}
#apus-header .elementor-heading-title .text-underline, #apus-header-mobile .elementor-heading-title .text-underline{font-family: "Arabic", Helvetica, Arial, sans-serif !important;}

.header-flex .elementor-widget-wrap{display: flex !important; flex-direction: column !important; align-items: center !important;  justify-content: space-between !important;}

#main-container{overflow:hidden !important}
.elementor-section{width:100% !important; left:0 !important;}
.widget-revslider{overflow:hidden !important;}
.streshit .elementor-widget-wrap{padding:0 !important;}
.register-form select{width: 100%; height: 54px; padding: 12px 30px; font-size: 16px; line-height: 1.5; color: #383838; background-color: #fff; background-image: none; border: 1px solid #d8d8d8;  border-radius: 4px;
	-webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#back-to-top, input[type="submit"]{background: var(--e-global-color-primary) !important; color: #fff !important;}
#back-to-top:hover, input[type="submit"]:hover{background: var(--e-global-color-secondary) !important; color: #fff !important;}
div.schedule-visit [type="submit"]{background-color: var(--e-global-color-primary) !important; color: #fff !important;}
div.schedule-visit [type="submit"]:hover{background-color: var(--e-global-color-secondary) !important; color: #fff !important;}
.promenti a:hover{color: var(--e-global-color-secondary) !important;}
img{
    max-width: 100%;
    height:auto;
 }
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    clear: both;
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 32px 2em;
}
.wp-block-image .alignright{
    margin-left: 2em;
}
.alignleft {
    float: left;
    margin: 5px 2em 32px 0;
}
.wp-block-image .alignleft{
    margin-right: 2em;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
.gallery-caption {
    box-sizing: border-box;
}
.bypostauthor{
    box-sizing: border-box;
}
.wp-block-pullquote{
    border:none;
}
.wp-block-archives.aligncenter, .wp-block-categories.aligncenter, .wp-block-latest-posts.aligncenter {
    text-align: center;
}
.wp-block-cover{
    margin-bottom: 28px;
}
.wp-block-embed{
    margin-bottom: 30px;
}
.product-block.grid .product-image{
    width: 100%;
}
.product-block.grid .product-image img{
    width: 100%;
}
.bread-title{
    word-break: break-word;
    word-wrap: break-word;
}
.advane-search-wrapper-fields {
    display: none;
}

.wp-block-cover.has-background-dim .wp-block-cover-text{
    color: #fff;
}
.wp-block-button {
    margin-top: 15px;
    margin-bottom: 15px;
}

.header-mobile{padding:0 !important;}

#rev_slider_5_1_modal_bg{background: rgba(15, 36, 45, 0.9) !important; top:0px; left: 100px;}
@media (max-width: 1200px){
	#rev_slider_5_1_modal_bg{top:190px; left: 0px;}
}

.widget-socials .social > li{padding:10px !important;}
.widget-socials .social{display: flex;align-items: center; flex-direction: row; justify-content: flex-end;}
.widget-socials a{display: flex; width: 25px; height: 25px;}
.widget-socials a svg{fill: var(--e-global-color-primary);}
.widget-socials a:hover{color: var(--e-global-color-secondary);}
.widget-socials a:hover svg{fill: var(--e-global-color-secondary);}
.widget-socials a svg{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#rev_slider_5_1_wrapper, #rev_slider_10_1_wrapper{background: #F7F4ED !important;}
#rev_slider_5_1_wrapper rs-loader.spinner2, #rev_slider_10_1_wrapper rs-loader.spinner2{
    background-image: url('https://www.darbayat.sa/resi/wp-content/uploads/2025/03/RESI-loader.gif') !important; 
    background-color: transparent !important;
    background-size: 100% 100% !important;
    box-shadow: none !important;
    animation: none !important;
    width: 80px !important;
    height: 161px !important;
    margin-top: -80px !important; 
    margin-left: -80px !important;
    border-radius: 0% !important;
}

.ripple-button{overflow: hidden;}
.ripple-button::before, .ripple-button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300%;
    height: 300%;
    background-color: rgba(191,165,138,0.25);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    z-index: -1; 
    animation: rippleEffect 2s infinite ease-out;
}

.ripple-button::after {
    animation-delay: 1.5s;
}

@keyframes rippleEffect {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

.widget-amenities .style2:before{border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px;}
.widget-amenities .style2{padding: 110px 0 110px !important;}
.no-dash .elementor-counter:before{display:none;}
.no-dash .elementor-counter{padding-left: 10px !important;}
.elementor-icon-box-title{margin-top:5px !important;}

.elementor-counter-number-suffix{font-size: 0.4em !important; margin-left:0px !important;}
.st_theme .elementor-counter:before{background-color: #8F877C;}

.slick-carousel .slick-arrow{border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; height: 50px !important; line-height: 52px !important; bottom: 30px !important;}

.add-fix-top, .nav-widget-tab.style1 > li > a, .widget-gallery .click-active, .form-control, .btn, .widget-amenities .style2 .amenities-box-image{border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important;}
.add-fix-top{bottom:105px !important;}

.widget-gallery .click-active:before{left: 15px !important; width: calc(100% - 30px) !important; }
.rtl .widget-gallery .click-active:before{right: 15px !important; left: 0px !important; }
.dialog-type-lightbox, .mfp-wrap{background-color: rgba(15,36,46,.8) !important;}
.elementor-slideshow__header .elementor-slideshow__counter{margin-right:unset !important; margin-left:auto;}

.st_theme .elementor-counter:before{display:none !important}
.st_theme .elementor-counter{padding-left: 0 !important;}
body.arabic .st_theme .elementor-counter{padding-right: 0px; padding-left: unset !important;}
body.arabic .st_theme .elementor-counter::before {right: 0; left: unset !important; display:none !important}
body.arabic .elementor-counter-number-suffix{margin-right: 5px !important; margin-left: unset !important}

@media(min-width: 1025px){
    .w-percent-53{
        width: 53% !important;
    }
}
@media(max-width: 1500px){
    .hidden-hover-bg .banner-image-top{
        display: none !important;
    }
}
@media (min-width: 1200px){
	.widget-banner .banner-image-top {
		top: -50px !important;
	}
	.widget-banner .banner-image-top.st_b{top: unset !important;}
	.widget-banner .banner-image-top.st_left {
		left: -170px;
	}
}
@media (max-width: 1200px){
	.widget-socials .social{justify-content: center;}
	.widget-amenities .style2{padding: 0px 0 110px !important;}
	.widget-amenities .style2 .amenities-box-image{padding-left: 0px;}
	.widget-amenities .style2:before{width:100%; background-color: #fff !important;}
}
/* Projects template */
#apus-breadscrumb{
	display: none;
}
.content-apartment-inner{
	max-width: unset!important;
}
.recent-apartment{
	display: none;
}
@media (min-width: 1200px) {
    .main-content {
         padding-bottom: 0px; 
    }
}
.ar-form.register-form input[type="email"] {
    direction: rtl !important;
}
.tp-arr-allwrapper{
	display: none !important;
}
.rtl .add-fix-top{
	right: 30px;
    left: auto;
}
.gm-style-iw-chr{
	display: none!important;
}
.mdp-gmaper-elementor-title{
	font-family: "Arabic",Roboto,Arial,Helvetica,sans-serif !important;
}