/*
Theme Name: Aljedar
Theme URI: https://aljedar.com
Author: The VaNa Team
Description: The professional theme for aljedar
Version: 1.0
*/

@font-face {
  font-family: Amiri;
  font-style: normal;font-weight: normal;
  src: url('assets/fonts/amiri/Amiri-Regular.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/amiri/Amiri-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/amiri/Amiri-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/amiri/Amiri-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('assets/fonts/amiri/Amiri-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/amiri/Amiri-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: Amiri;
  font-style: italic;font-weight: normal;
  src: url('assets/fonts/amiri/Amiri-Italic.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/amiri/Amiri-Italic?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/amiri/Amiri-Italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/amiri/Amiri-Italic.woff') format('woff'), /* Pretty Modern Browsers */
       url('assets/fonts/amiri/Amiri-Italic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/amiri/Amiri-Italic.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: Amiri;
  font-style: normal;font-weight: bold;
  src: url('assets/fonts/amiri/Amiri-Bold.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/amiri/Amiri-Bold?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/amiri/Amiri-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/amiri/Amiri-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('assets/fonts/amiri/Amiri-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/amiri/Amiri-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: Amiri;
  font-style: italic;font-weight: bold;
  src: url('assets/fonts/amiri/Amiri-Bold-Italic.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/amiri/Amiri-Bold-Italic?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/amiri/Amiri-Bold-Italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/amiri/Amiri-Bold-Italic.woff') format('woff'), /* Pretty Modern Browsers */
       url('assets/fonts/amiri/Amiri-Bold-Italic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/amiri/Amiri-Bold-Italic.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body {direction: rtl;text-align: right;	font-family:Amiri !important;overflow-x: hidden;letter-spacing: 1px;}
a {color: #000;transition:all 0.5s;}
a:hover{text-decoration:none;color: #126C73;transition:all 0.5s;}
ul {list-style: none;padding-right:0px;}
.fa, .fab, .fal, .far, .fas {font-family: FontAwesome;}
.np_r{padding-right:0px !important;}
.np_l{padding-left:0px !important;}
.np{padding:0px !important;}
.nm{margin-right:0px;margin-left:0px;}
.ltr{direction:ltr;}
p{font-size: 15px;line-height: 30px;text-align: justify;}
img {max-width: 100%;}
.pull-left{float:left}
.pull-right{float:right}
/*========================== header =================================*/
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#000;font-size:16px;padding:12px 15px;display: block !important;}
#menu_area {float: right;}
.my_btn.register_ads_btn {float: left;}
.my_btn .button {background-color: #c00c1a;border: 0;padding: 6px 20px 8px;margin: 12px;color: #fff; border-radius: 5px;cursor:pointer;font-weight: 700;}
.my_btn .button:hover{background-color: #9e1b25;}
.right_header {padding: 15px 12px;}
.select_country {padding: 5px 15px;  border: 1px solid #e0e0e0;border-radius: 5px;}
#top_bar {border-bottom: 1px solid #ced4da;margin-bottom: 20px;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #C00C1A;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #C00C1A;;}
.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{text-align: right;
-webkit-box-shadow: 0px 0px 3px 1px rgb(189, 193, 200) !important;-moz-box-shadow: 0px 0px 3px 1px rgb(189, 193, 200) !important;
box-shadow: 0px 0px 3px 1px rgb(189, 193, 200) !important;background: #fcfcfc;}
.dropdown-menu .dropdown-toggle::after {content: "\f0d9";font-family: FontAwesome;border-top:0;border-bottom:0;border-right:0;border-left:0;
position: absolute;left: 20px;}
.dropdown-toggle::after {vertical-align: 0em;margin-right: 10px;}
/*============== main content ==============*/
	/*==== filter form =====*/
.has-search .form-control-feedback {position: absolute; z-index: 2;display: block;width: 2.375rem; height: 2.375rem;line-height: 2.375rem;text-align: center;pointer-events: none;color: #aaa;}
.filter_form { background: #fcfcfc; padding: 20px;border: 1px solid #dedede; border-radius: 5px; margin: 20px 0 30px;min-height: 150px;margin-left: 8%;}
.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-right-radius: .25rem;border-bottom-right-radius: .25rem;}
.filter_form .input-group-append {position: absolute;left: 1px;background: transparent;}
.fa-search::before {color: #e1e1e1;}
.input-group-append.search_ads_icon {margin: 10px 10px;z-index: 99;}
.btn-toggle {margin: 0 4rem;padding: 0;position: relative;border: none;height: 1.5rem;width: 3rem;border-radius: 1.5rem;color: #6b7381; background: #bdc1c8;}
.btn-toggle:focus,.btn-toggle.focus,.btn-toggle:focus.active,.btn-toggle.focus.active {outline: none;}
.btn-toggle:before,.btn-toggle:after {line-height: 1.5rem;width: 4rem;text-align: center;font-weight: 600; font-size: 0.9rem;text-transform: uppercase;position: absolute; bottom: 0;transition: opacity 0.25s;}
.btn-toggle:after {content: 'مع الصورة';right: -4.5rem; opacity: 0.5;}
.btn-toggle > .handle {position: absolute;top: 0.1875rem;left: 0.1875rem;width: 1.125rem; height: 1.125rem; border-radius: 1.125rem;background: #fff;transition: left 0.25s;}
.btn-toggle.active {transition: background-color 0.25s;}
.btn-toggle.active > .handle {left: 1.6875rem;transition: left 0.25s;}
.btn-toggle.active:before {opacity: 0.5;}
.btn-toggle.active:after { opacity: 1;}
.btn-toggle.btn-sm:before,.btn-toggle.btn-sm:after {line-height: -0.5rem;color: #fff;left: 0.4125rem;width: 2.325rem;}
.btn-toggle.btn-sm:before {text-align: right;}
.btn-toggle.btn-sm:after {text-align: left;opacity: 0;}
.btn-toggle.btn-sm.active:before {opacity: 0;}
.btn-toggle.btn-sm.active:after { opacity: 1;}
.btn-toggle:before,.btn-toggle:after {color: #6b7381;}
.btn-toggle.active {background-color: #c00c1a;}
.photo_special_ads {margin: 15px;}
.form-control {height: calc(2.8rem + 2px);}

	/*========= sidebar =============*/
.sidebar_cat ul li {line-height: 36px;border-bottom: 1px solid #dedede;padding: 6px 10px;}
.sidebar_cat ul li:last-child{border-bottom:0;}
.sidebar_cat ul li:hover{background: #f0f0f0;}
.sidebar_cat ul li.active {background: #e1e1e1;}
.fixed{position: fixed;width: 15%;top: 5px;background: #fff;}
	/*========= main content=============*/
.main_content {display: flex;}
.ads_lists {margin-left:6%;display: flex;flex-direction: row;flex-wrap: wrap;}
.item_ads_text {float: right;width: 54%;}
.item_ads_img {float: left;width: 46%;}
.item_ads {float: right; border: 1px solid #dedede; border-radius: 5px;padding: 3px;    width: 31.333%; margin: 8px;}
.item_ads_content {float: right;border-bottom: 1px solid #dedede;position: relative;}
.ads_price {float: right; width: 100%;margin-right: 10px;font-size: 14px;}
.item_ads_text h2 {font-size: 1.2rem;margin: 5px 1px;line-height: 2rem;}
.item_ads_desc { position: absolute; bottom: 3px;right: 3px;width: 50%;}
.item_ads_time {color: #adadad;font-size: 0.9rem;}
.item_ads_chat {float: left;border: 1px solid green;border-radius: 5px;padding: 0 5px 2px;font-size: 0.8rem;}
.item_ads_chat a{color: green;}
.item_ads_special {border: 1px solid #c00c1a;border-radius: 5px;padding: 0 5px 2px;font-size: 0.8rem;float: right;}
.item_ads_special a{color: #c00c1a;}
.item_ads_city {font-size: 1rem;line-height: 2.5rem;}
/*==============  Footer  ================*/
.footer-social li a {font-size: 1.4rem;margin: 8px;color: #fff;}
.footer-social li a i {margin-top: 5px;}
.footer-social {width: 100%;text-align: center;float: right;border-top: 1px solid #bdc1c8;margin: 10px 0;padding: 10px;padding: 20px 0 0;}
.footer-social li {float: right;background: #c00c1a;margin: 10px;}
.footer-social li:hover{background: #9e1b25;}
.footer-social ul { display: inline-block;}
.footer_section {text-align: center;margin: 20px 0;}
footer {float: right;width: 100%;margin: 50px 0 0; padding: 50px 0 0;}

/*============ Single page ===============*/
.bread_crump{ background: #fcfcfc; padding: 10px 10px 10px;border: 1px solid #dedede; border-radius: 5px; margin: 20px 0 30px;float: right;
width: 100%;}
.demo .item{margin-bottom: 60px;direction:ltr; }
.top_detail h1 { font-size: 1.5rem;font-weight: 700;}
.br_btn {border: 1px solid #5a5a5a;padding: 4px 10px;border-radius: 4px;font-size: 16px;}
.br_btn:hover {background: #c00c1a;color: #fff;}
.br_btn:hover a{color: #fff;}
.detail_content {}
.detail_img {}
.f_value {float: left;font-weight: 700;}
.f_item {margin: 5px 0 5px 40px;border-bottom: 1px solid #e6e6e6;padding: 10px 0;}
.ad_detail {float: right;}
.bread_crump {float: right;}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {border: 1px solid #c00c1a;}
.detail-desc {margin: 20px 0;text-align: justify;line-height: 32px;  font-size: 15px;}
.single-special img {float: right;width: 25%; border-radius: 5px;  margin-left: 15px;}
.single-special img:hover{opacity:0.8}
.spe-title { font-size: 1rem; font-weight: 700;line-height: 32px;}
.single-special {float: right; width: 100%;border-bottom: 1px solid #dedede; padding: 10px 0;margin-bottom: 20px;}
.spe-price { float: right;width: 70%;color: #7d7d7d;font-size: 0.8em;}
.spe-location {float: right;width: 70%; color:#7d7d7d;font-size: 0.8em;}
.mt-10{margin-top:10px;}
.p-50{padding:0 50px;}
.detail_img {max-width: 100%;}
/*========= page-user ===============*/
.nav-tabs .nav-link.active {color: #f3f3f3;background-color: transparent;
 border-color: transparent transparent #f3f3f3;border-bottom: 4px solid !important; font-size: 20px; font-weight: bold;}
#ads-tabs .nav-tabs .nav-link.active {color: #000;background-color: transparent;border-color: transparent transparent #f3f3f3;
    border-bottom: 2px solid #c00c1a !important;font-size: 18px;font-weight: bold;}
#ads-tabs .nav-tabs .nav-link:focus,#ads-tabs .nav-tabs .nav-link:hover {border-color: transparent transparent transparent;}
.my-ads img {width: 10%; float: right; margin-left: 25px;}
#ads-tabs { padding: 3% 10%;}
#ads-tabs .nav-tabs .nav-item {color: #bdbdbd;}
#ads-tabs #nav-tabContent { padding:2% 0;}
.marked-ads img {float: right;width: 27%;margin-left: 10px;}
.marked-ads-empty {text-align: center;}
.remove_history {float: left;background: transparent;border: 1px solid #cfcccc;cursor: pointer;margin: 5px 8px;padding: 3px 5px;
font-size: 13px;background: #f3f3f3;}
.remove_history_sign {font-weight: 700; color: #c00c1a;font-size: 15px;}
.marked-ads .card-body {padding: 0;}
#marked-ads .card-footer {padding: 0;}
.my-ads { border-bottom: 1px solid #dee2e6;float: right;width: 100%;padding: 10px 0;}
.share-btn {margin: 7px 5px;float: right;}
.share-btn i {font-size: 20px;font-style: normal;margin:0 4px;}
.share-btn .twitter {color: #55acee;}
.share-btn .google-plus {color: #dc4e41;}
.share-btn .facebook{color:#3b5998;}
.share-btn .telegram{color:#00405d}
.share-btn .instagram {color: #c13584;}
#marked-ads .card {margin: 20px 0;}
.remove_history:hover {background: #bfbdbd;}
.spe-time {color: #7d7d7d;font-size: 0.8em;float: left;margin: 0px 10px;}
.card.latest-views {margin: 20px 0;}
.latest-views img {float: right;width: 27%;margin-left: 10px;}
.latest-views-empty {text-align: center;}
.latest-views .card-body {padding: 0;}
.latest-views .card-footer {padding: 0;}
/******************************Responsive**********************************/
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;right:0;min-width:180px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;right:100%;min-width:180px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:180px;display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
.my_btn {float: right;width: 100%;}
}

@media all and (max-width: 1200px){

}
@media all and (max-width: 991px){

}


@media all and (max-width: 468px){

}