/*
Theme Name: GasReg

https://codex.wordpress.org/Right-to-Left_Language_Support

*/

/***********************************************
 import Arabic Fonts 
***********************************************/

@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);

body {
	direction: rtl;
	unicode-bidi: embed;
}
body, p{
  font-family: 'Droid Arabic Naskh', serif;
}
ol,ul {
  margin-right: 1.25rem;
  margin-left: 0;
}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea{
  direction: rtl;
}
h1,h2,h3,h4,h5,h6,
#main-nav,
#mobile-nav,
.page-menu,
.button{
  font-family: 'Droid Arabic Kufi', sans-serif;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after{
  right: auto;
  left: 1rem;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
  transform: rotate(0deg);
}
#top-head .menu{float: left;}
.lang-switcher{
  font-family: sans-serif;
}
#main-content h4{
  padding-right: 60px;
  padding-left: 0;
}
#main-content h4:after{
  right: 0;
  left: auto;
}
#main-content ul li:not(.accordion-item) {
  list-style-image: url(assets/img/chevron-right.png);
}
#contact .contact-info .icon, #contact .contact-info .details {
  float: right;
}
.home-content li:before {
  content: '';
  margin-right: 0;
  margin-left: 10px;
  transform: translateY(4px) rotate(180deg);
}
.latest-news .read-more{
  text-align: left;
}
#social li:not(:last-child) {
  margin-right: 0;
  margin-left: .5rem;
}
@media screen and (min-width: 40em){
  .logo {
    border-right: none;
    border-left: solid 1px rgba(0, 0, 0, 0.07);
  }
  .contact-info{
    left: auto;
    right: 10vw;
  }
  #main-foot .copyright {
    text-align: left;
  }
}

@media screen and (min-width: 64em){
	div#nav-container.is-stuck .logo {
    		float: right;
	}
}