@import 'style.css';

/*--------------------------------------------------------------
# Scroll Back
--------------------------------------------------------------*/
#button {

  /* 	تغيير اتجاه الزر */
    right: 30px;
  
  }
  
  /*--------------------------------------------------------------
  ## Slider Section
  --------------------------------------------------------------*/
  
  .slider-inner-box {
  
  /* 	تعيين نسب الصندوق الداخلي للبحث */
    right: 60%;
    left: 15%;
  }
  

  
/*--------------------------------------------------------------
## Articale
--------------------------------------------------------------*/
.post-thumbnail img {
  border-radius: 6px 0 0 6px;
}
.meta-info-box {
  border-radius: 0 0 6px 0;
}

.author-date {
  float: left;
  width: 88%;
}

  /*--------------------------------------------------------------
  ## Woocommerce Product CSS
  --------------------------------------------------------------*/
  
  .woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  
  left: 15px;
  right: auto;
  
}
  .woocommerce-account .woocommerce-MyAccount-navigation ul li {
  
  /* 	تتغير الهامش من اليسار لليمين */
    margin-right: 5px;
  
  }

  
/*--------------------------------------------------------------
## Search
--------------------------------------------------------------*/

  /* جعل ايقونه البحث لليسار */
.search-box input[type="submit"] {

  left: 15px; 
  right: auto;

}
  
  /*--------------------------------------------------------------
  ## Menus
  --------------------------------------------------------------*/
  
  .main-navigation .sub-menu {
  
  /* 	ازاله هامش اليسار للقائمة */
    padding-left: 0;
    left: -9999px;
  
  }
  .main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
  
  /* جعل عناصر القائمه من اليمين */
    right: 0;
  
  }
  .main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
  /*   ازالة الهامش اليمين لعناصر القائمة  */
    margin-right: 0;
  }

  .main-navigation .sub-menu > li > .menu-item-link-return {
    text-align: left;
  }

.main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu  {
  left: 0;
}
  /*--------------------------------------------------------------
  ## Next / Previous
  --------------------------------------------------------------*/
  /* Next/Previous navigation */
  .post-navigation .nav-previous a::before, .posts-navigation .nav-previous a::before {
    float: left;
}
.post-navigation .nav-next a::after,
.posts-navigation .nav-next a::after {
  float: right;
}
  .screen-reader-text:focus {
    left: 5px;
  }
  /*--------------------------------------------------------------
  # Alignments
  --------------------------------------------------------------*/
  .alignleft {
  
  /* 	 تغيير اتجاه المحاذاة لليسار  */
    float: left;
    margin-right: 1.5em;
  }
  .alignright {
  
  /* 	تغيير اتجاه المحاذاة لليمين */
    float: right;
    margin-left: 1.5em;
  }
  .aligncenter {
    margin-right: auto;
    margin-left: auto;
  }
  a img .alignright {
  /* 	تغير محاذاة الصورة لليمين */
    float: right;
    margin: 0.313rem 0 1.25rem 1.25rem;
  }
  a img .alignnone {
    margin: 0.313rem 1.25rem 1.25rem 0;
  }
  a img .alignleft {
  /* 	تغيير محاذاة الصورة لليسار */
    float: left;
    margin: 0.313rem 1.25rem 1.25rem 0;
  }
  a img .aligncenter {
    margin-left: auto;
    margin-right: auto;
  }

  .wp-caption .alignnone {
    margin: 0.313rem 1.25rem 1.25rem 0;
  }

  .wp-caption .alignleft {
    margin: 0.313rem 1.25rem 1.25rem 0;
  }

  .wp-caption .alignright {
    margin: 0.313rem 0 1.25rem 1.25rem;
  }
  
  /*--------------------------------------------------------------
  ## Comments
  --------------------------------------------------------------*/
  
  .comment-body .pull-left {
  /* 	تغير الهامش لليمين */
    padding-right: 0.625rem;
  }
  .comment-list {
  /* 	ازاله الهامش من اليسار */
    padding-left: 0;
  }

 
  
  /*--------------------------------------------------------------
  ## Posts and pages
  --------------------------------------------------------------*/
  
  .sticky .entry-title a {
  /* 	اضافة حاشية من اليسار لرابط عنوان المدخلات  */
    margin-left: 15px;
  }
  /*--------------------------------------------------------------
  ## Footer
  --------------------------------------------------------------*/
  
  .footer-menu li{
    display: inline-block;
  /* 	اضافة حاشية من اليمين لشريط التذييل */
    padding-right: 10px;
  }
  
  .footer-menu-left {
  /* 	تغيير اتجاه قائمة التذييل */
    text-align: right;
  }
  
  /*--------------------------------------------------------------
  # Widgets
  --------------------------------------------------------------*/
  
  .sidebar ul li a:before { /* جعل السهم قبل العبارة */
    content: '\f30a'; /* تعديل على اتجاه السهم */
/* 	اضافة حاشية من اليمين للقائمة الجانبية */
  margin-left: 5px;
  }
  .sidebar th,#theme-sidebar td {
  /* 	اطار من اليمين لخلايا القائمة الجانبية  */
    border-right: solid 1px #e3e3e3;
  }

  
  /*--------------------------------------------------------------
  ## Galleries
  --------------------------------------------------------------*/
  
  
  @media screen and (max-width: 720px){
    .author-date {
      width: 90%;/* لتقليل المسافة بين الصورة والاسم */
    }

   
  }
  
  @media screen and (min-width: 721px) and (max-width: 999px){
    .slider-inner-box{
  /* 	  تجعل الصندوق الجانبي للقائمة تاخد من اليمين 30% */
      right: 30%;
    }
    .author-date {
      width: 90%; /* لتقليل المسافة بين الصورة والاسم */
    }
  }
  
  @media screen and (max-width: 1000px){
   
    .sidenav {
     
  /* 	  تغيير الجهه لليسار */
      left: 0;
   
    }
    .sidenav .closebtn {
  
  /* 	  حامش من اليسار لعناصر القائمة */
      margin-left: 10px;
    
    }
    .nav ul li ul li a{
  /* 	  اضافة حاشيات من اليسار لعناصر القائمة ذات الروابط */
      padding-left:20px !important;
    }
    .nav ul li ul li ul li a{
  /* 	  اضافة حاشياة من اليمين لعناصر القائمة ذات الروابط  */
      padding-left:30px !important;
    }  
  }
  
  @media screen and (min-width: 1001px) and (max-width: 1199px){
    .author-date {
      width: 90%; /* لتقليل المسافة بين الصورة والاسم */
    }
  }
  
  .fa-long-arrow-alt-right:after {
      content: "\f30a";
      padding-right: 5px;
  } /* لتغيير إتجاه الأسهم */

  .fa-long-arrow-alt-right:before {
    display: none;
  
} 

  .sidebar h5 {
  
    letter-spacing: 0px;
  
}