/*
Theme Name: Responsive
Theme URI: http://themeid.com/responsive-theme/
Description: Adding support for language written in a Right To Left (RTL) direction.

Version: 0.7
Author: Hesaam Farhang and Ulrich Pogson
Author URI: http://cyberchimps.com/guide/why-should-i-translate-responsive/

Copyright (C) 2014 CyberChimps
Copyright (C) 2013 Hesaam Farhang
License: GNU General Public License, version 3 (GPLv3)
License URI: license.txt

NOTE: DO NOT EDIT THIS FILE, IF YOU DO IT WILL BE OVERWRITTEN BY THE NEXT UPDATE. CREATE CHILD THEME INSTEAD.

See: http://codex.wordpress.org/Right_to_Left_Language_Support
     http://cyberchimps.com/guide/why-should-i-translate-responsive/

CSS Rules: Sorted alphabetically for better organization.
*/

/* =Base
-------------------------------------------------------------- */
body {
	direction: rtl;
    overflow-x:hidden;
	background: #fff url(core/images/body_bg_rtl.jpg) top center no-repeat !important;
	font-family: 'Droid Arabic Naskh', serif ;
	unicode-bidi: embed;
}

/* =Typography
-------------------------------------------------------------- */

/* =Responsive 12 Column Grid
-------------------------------------------------------------- */
.grid {
	float: right;
}

.col-60,
.col-140,
.col-220,
.col-300,
.col-380,
.col-460,
.col-540,
.col-620,
.col-700,
.col-780,
.col-860 {
	margin-left: 2.127659574468%;
	margin-right: 0;
}

.rtl-fit {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* =Templates
-------------------------------------------------------------- */
.page-template-content-sidebar-page-php .col-60,
.page-template-content-sidebar-page-php .col-140,
.page-template-content-sidebar-page-php .col-220,
.page-template-content-sidebar-page-php .col-300,
.page-template-content-sidebar-page-php .col-380,
.page-template-content-sidebar-page-php .col-460,
.page-template-content-sidebar-page-php .col-540,
.page-template-content-sidebar-page-php .col-620,
.page-template-content-sidebar-page-php .col-700,
.page-template-content-sidebar-page-php .col-780,
.page-template-content-sidebar-page-php .col-860,
.page-template-content-sidebar-half-page-php .col-60,
.page-template-content-sidebar-half-page-php .col-140,
.page-template-content-sidebar-half-page-php .col-220,
.page-template-content-sidebar-half-page-php .col-300,
.page-template-content-sidebar-half-page-php .col-380,
.page-template-content-sidebar-half-page-php .col-460,
.page-template-content-sidebar-half-page-php .col-540,
.page-template-content-sidebar-half-page-php .col-620,
.page-template-content-sidebar-half-page-php .col-700,
.page-template-content-sidebar-half-page-php .col-780,
.page-template-content-sidebar-half-page-php .col-860 {
	margin-left: 0;
	margin-right: 2.127659574468%;
	float: left;
}

.page-template-sidebar-content-page-php .fit,
.page-template-sidebar-content-half-page-php .fit {
	margin-left: 2.127659574468% !important;
}

/* =Links
-------------------------------------------------------------- */

/* =Forms
-------------------------------------------------------------- */

/* =Tables
-------------------------------------------------------------- */

/* =Lists
-------------------------------------------------------------- */
ol,
ul {
	margin-right: 2.35em;
}

/* =Blockquote
-------------------------------------------------------------- */

/* =Headings
-------------------------------------------------------------- */

/* =Margins & Paddings
-------------------------------------------------------------- */

/* =Globals
-------------------------------------------------------------- */

/* =Header
-------------------------------------------------------------- */
#header #logo {
	float: right;
	border-radius: 0 100px 100px 0;
}

#logo-name {
	float: left;
}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 5px 0 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(theme/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}


.flex-caption {right: 0;}
.responsive-slider.flexslider .flex-direction-nav li a {
	text-align: right;
}
.flex-direction-nav li .next {background-position: -52px 0; left: -21px;}
.flex-direction-nav li .prev {right: -20px;}
.responsive-slider.flexslider .flex-direction-nav li .next {
	background-position: 0 -50px !important;
	left: 20px !important;
}
.flex-direction-nav li .prev {
	right: 900px !important;
}
.responsive-slider.flexslider .flex-control-nav {
	left: 4.545454545454545%;
}
/* =Content
-------------------------------------------------------------- */

/* =Author Meta (Author's Box)
-------------------------------------------------------------- */
#author-meta img {
	float: right;
}

/* =Featured Content
-------------------------------------------------------------- */

/* =Post
-------------------------------------------------------------- */

/* =Widgets
-------------------------------------------------------------- */
#widgets ul li {
	margin-right: 10px;
}

#widgets .widget-title img {
	float: left;
}

.top-widget {
	clear: left;
	float: left;
	text-align: left;
}

/* =Titles
-------------------------------------------------------------- */
.widget-title h3,
.widget-title-home h3, .widgettitle , .widget{
	text-align: right;
}
/* slider 
-------------------------------------------------------------- */
.responsive-slider.flexslider .slide-title a {
	right: 0;
	float: right;
	border-radius: 10px 0 0 10px;
}
/* =Top Menu
-------------------------------------------------------------- */
.top-menu {
	float: left;
}

.top-menu li {
	float: none;
}

.top-menu > li:first-child > a {
	border-right: medium none;
	padding: 0 0 0 8px;
}

.top-menu li a {
	border-right: 0px solid #cccccc;
	border-left: medium none;
}
ul,
ol {
	padding-right: 2px;
}
/* =Primary Menu
-------------------------------------------------------------- */
.menu ul {
	right: 0;
	left: auto
}

.menu li li:hover > ul {
	left: auto;
	right: 100%;
}

.menu li {
	float: right;
}

.menu > li:first-child > a {
	border-left: 1px solid #585858;
}

.menu > li:last-child > a {
	border-left: medium none;
}
.main-nav .menu li a {
    text-align: right !important;
}

/* =Sub Header Menu
-------------------------------------------------------------- */
.sub-header-menu li {
	float: right;
}

.sub-header-menu > li:first-child > a {
	border-right: medium none;
}

.sub-header-menu a {
	border-right: 1px solid #e2e2e2;
	border-left: medium none;
}

.sub-header-menu ul {
	right: 0;
	left: auto;
}

.sub-header-menu li li:hover > ul {
	left: auto;
	right: 100%;
}
/* =Footer Menu
-------------------------------------------------------------- */
.footer-menu {
	margin: 0;
}

.footer-menu li {
	float: right;
	margin-left: 3px;
}

.footer-menu > li:first-child > a {
	border-right: medium none;
	padding: 0 0 0 8px;
}

.footer-menu li a {
	border-right: 0px solid #cccccc !important;
/*	border-left: medium none; */
}

/* =Navigation
-------------------------------------------------------------- */
.navigation .next {
	float: left;
}

.navigation .previous {
	float: right;
}

/* =Responsive Menu
-------------------------------------------------------------- */
.sb-toggle {
	left: 0;
	right: auto;
}

/* =Pagination (pages)
-------------------------------------------------------------- */

/* =Comments
-------------------------------------------------------------- */
#comments,
#pings {
	text-align: right;
}

/* =Gallery
-------------------------------------------------------------- */
.gallery .gallery-item {
	float: right;
}

/* =Footer
-------------------------------------------------------------- */
.powered {
	text-align: left;
}

.copyright {
	text-align: right;
}

/* =Social Icons
-------------------------------------------------------------- */
#footer .social-icons {
	text-align: left;
}

#footer .twitter-icon,
#footer .youtube-icon,
#footer .facebook-icon,
#footer .linkedin-icon,
#footer .rss-feed-icon,
#footer .google-plus-icon,
#footer .stumble-upon-icon,
#footer .instagram-icon,
#footer .pinterest-icon {
	padding-right: 3px;
	padding-left: 0;
}

/* =Media Print
-------------------------------------------------------------- */
@media print {

	h1 {
		page-break-before: always;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		page-break-after: avoid;
	}

	ul,
	ol,
	dl {
		page-break-before: avoid;
	}
}

/* =Responsive Design
    Media Queries
    If you're working on a Child Theme, make sure that all
    media queries are included in your style.css
-------------------------------------------------------------- */
.scroll-top {
	float: left;
}

.copyright {
	text-align: right;
}

.powered {
	text-align: center;
}
@media screen and (max-width: 980px) {

	body {
	}

	.grid,
	.grid-right {
		float: none;
	}

	.copyright,
	.scroll-top,
	.powered {
		float: right;
	}

	.page-template-content-sidebar-page-php .col-60,
	.page-template-content-sidebar-page-php .col-140,
	.page-template-content-sidebar-page-php .col-220,
	.page-template-content-sidebar-page-php .col-300,
	.page-template-content-sidebar-page-php .col-380,
	.page-template-content-sidebar-page-php .col-460,
	.page-template-content-sidebar-page-php .col-540,
	.page-template-content-sidebar-page-php .col-620,
	.page-template-content-sidebar-page-php .col-700,
	.page-template-content-sidebar-page-php .col-780,
	.page-template-content-sidebar-page-php .col-860,
	.page-template-content-sidebar-half-page-php .col-60,
	.page-template-content-sidebar-half-page-php .col-140,
	.page-template-content-sidebar-half-page-php .col-220,
	.page-template-content-sidebar-half-page-php .col-300,
	.page-template-content-sidebar-half-page-php .col-380,
	.page-template-content-sidebar-half-page-php .col-460,
	.page-template-content-sidebar-half-page-php .col-540,
	.page-template-content-sidebar-half-page-php .col-620,
	.page-template-content-sidebar-half-page-php .col-700,
	.page-template-content-sidebar-half-page-php .col-780,
	.page-template-content-sidebar-half-page-php .col-860 {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}
}

@media screen and (max-width: 650px) {

	body {
	}

	#logo {
		float: none;
		text-align: center;
	}

	.grid,
	.grid-right {
		float: none;
	}

	.page-template-content-sidebar-page-php .col-60,
	.page-template-content-sidebar-page-php .col-140,
	.page-template-content-sidebar-page-php .col-220,
	.page-template-content-sidebar-page-php .col-300,
	.page-template-content-sidebar-page-php .col-380,
	.page-template-content-sidebar-page-php .col-460,
	.page-template-content-sidebar-page-php .col-540,
	.page-template-content-sidebar-page-php .col-620,
	.page-template-content-sidebar-page-php .col-700,
	.page-template-content-sidebar-page-php .col-780,
	.page-template-content-sidebar-page-php .col-860,
	.page-template-content-sidebar-half-page-php .col-60,
	.page-template-content-sidebar-half-page-php .col-140,
	.page-template-content-sidebar-half-page-php .col-220,
	.page-template-content-sidebar-half-page-php .col-300,
	.page-template-content-sidebar-half-page-php .col-380,
	.page-template-content-sidebar-half-page-php .col-460,
	.page-template-content-sidebar-half-page-php .col-540,
	.page-template-content-sidebar-half-page-php .col-620,
	.page-template-content-sidebar-half-page-php .col-700,
	.page-template-content-sidebar-half-page-php .col-780,
	.page-template-content-sidebar-half-page-php .col-860 {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.top-widget {
		float: none;
		text-align: center;
		clear: right;
	}

	.js .menu,
	.sub-header-menu {
		display: none;
	}

	.top-menu,
	.footer-menu li {
		float: none;
		text-align: center;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		text-align: center;
	}
.js .main-nav #responsive_current_menu_item {
    padding: 5px 10px 5px 40px;
}
.js .main-nav a#responsive_menu_button {
    left: 0;
    margin-right: -30px;
    margin-left: 8px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.js .main-nav .menu li li a { 
	padding: 0 30px 0 10px;
}
.js .main-nav .menu li li a::before {
	right: 20px; 
	left: auto;
}
.js .main-nav .menu li li li a {
  padding: 0 40px 0 10px;
}
.js .main-nav .menu li li li a::after {
  right: 30px;
  left: auto;
}

}

@media screen and (max-width: 480px) {

	body {
	}

	#logo {
		float: none;
		position: relative;
		text-align: center;
	}

	.grid,
	.grid-right {
		float: none;
	}

	.page-template-content-sidebar-page-php .col-60,
	.page-template-content-sidebar-page-php .col-140,
	.page-template-content-sidebar-page-php .col-220,
	.page-template-content-sidebar-page-php .col-300,
	.page-template-content-sidebar-page-php .col-380,
	.page-template-content-sidebar-page-php .col-460,
	.page-template-content-sidebar-page-php .col-540,
	.page-template-content-sidebar-page-php .col-620,
	.page-template-content-sidebar-page-php .col-700,
	.page-template-content-sidebar-page-php .col-780,
	.page-template-content-sidebar-page-php .col-860,
	.page-template-content-sidebar-half-page-php .col-60,
	.page-template-content-sidebar-half-page-php .col-140,
	.page-template-content-sidebar-half-page-php .col-220,
	.page-template-content-sidebar-half-page-php .col-300,
	.page-template-content-sidebar-half-page-php .col-380,
	.page-template-content-sidebar-half-page-php .col-460,
	.page-template-content-sidebar-half-page-php .col-540,
	.page-template-content-sidebar-half-page-php .col-620,
	.page-template-content-sidebar-half-page-php .col-700,
	.page-template-content-sidebar-half-page-php .col-780,
	.page-template-content-sidebar-half-page-php .col-860 {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.featured-title {
		font-size: 40px;
		padding: 40px 20px 0 20px
	}

	.menu ul,
	.menu li,
	.top-menu,
	.footer-menu li,
	.sub-header-menu li {
		float: none;
		text-align: center;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		text-align: center;
	}
}

@media screen and (max-width: 320px) {

	#featured p {
		font-size: 12px;
		line-height: 1.2em;
	}

	.featured-title {
		font-size: 35px;
	}

	.featured-subtitle {
		font-size: 15px;
	}

	.call-to-action a.button {
		font-size: 14px;
		padding: 7px 17px;
	}
}

@media screen and (max-width: 240px) {

	#featured p {
		font-size: 11px;
		line-height: 1.1em;
	}

	.featured-title {
		font-size: 20px;
	}

	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		font-size: 12px;
		padding: 5px 15px;
	}
}
input,.top-widget input[type="submit"]{
	font-family: 'Droid Arabic Naskh', serif ;
}

#xtvccount {
    direction: ltr;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 30px;
}