/*
Theme Name: Zon
Description: Adds support for languages written in a Right To Left (RTL) direction.
It's easy, just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

See: https://codex.wordpress.org/Right_to_Left_Language_Support
*/

/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Typography
 * 3.0 - FontAwesome
 * 4.0 - Elements
 * 5.0 - Padding/Margin
 * 6.0 - Forms
 * 7.0 - Navigation
 *    7.1 - Main Menu
 * 8.0 - Widgets
 * 9.0 - Content
 *	  9.1 - Posts and pages
 *	  9.2 - Comments
 * 10.0 - Modules
 *	  10.1 - Audio Player
 	  10.2 - Hero Content
 * 11.0 - WooCommerce
 * 12.0 - Media Queries

 /**
 * 1.0 - Normalize
 */

 body {
	direction: rtl;
	unicode-bidi: embed;
}

input[type="checkbox"],
input[type="radio"] {
	margin-right: auto;
	margin-left: 0.4375em;
}


/**
 * 2.0 - Typography
 */



/**
 * 3.0 - FontAwesome
 */



/**
 * 4.0 - Elements
 */


ol {
	margin-right: 1.5em;
	margin-left: 0;
}

caption,
th,
td {
	text-align: right;
}
.home-buttom {
	float: right;
	margin-left: 10px;
	margin-top: -5px;
}

.home-buttom a {
	color: #fff;
	display: inline-block;
	font-size: 26px;
	padding: 5px 10px;
}

.show-menu-toggle {
	position: absolute;
	left: 0;
}



.show-menu-toggle .bars {
	display: inline-block;
	padding: 4px 0;
}


.hide-menu-toggle {
	padding: 5px 18px;
	position: fixed;
	left: 288px;
	z-index: 9999;
}


.hide-menu-toggle .bars:after, 
.hide-menu-toggle .bars:before {
	right: 0;
}

.side-menu.show {
	left: 0;
}
.side-menu-wrap {

	left: 0;
}
.hide-menu-toggle .bars {
	display: inline-block;
	position: relative;
}

.side-menu.show {
	left: 0;
}
.top-bar-menu {
	display: inline-block;
	float: left;
}

.main-navigation {
	float: right;
	margin-left: 80px;
}

.main-navigation a {
	font-family: 'Cairo', 'Noto Sans Arabic', 'Arial', sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: auto;
	line-height: 50px;
	padding: 0 10px;
	text-align: right;
	text-transform: none;
}

#header-search-box {
	left: 50px;
}