/*
Theme Name: eyesite.  NOTE that RTL language support only works with the default theme option ie. sidebar left

Adding support for language written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

http://codex.wordpress.org/Right_to_Left_Language_Support

*/

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


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 General Links
	5.2 Navigation for posts and pages
	5.3 Menus
		5.31 Main menu (and main menu media queries)
		5.32 Main menu small screens
		5.33 Social media menu
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Site Header
14.0 Site Footer
15.0 Widget areas (sidebars)
	15.1 Main widget area ('sidebar')
	15.2 Footer widget area ('sidebar-two')
	15.3 Header widget area ('sidebar-three')
16.0 Plugin support
	16.1 Woocommerce
	16.2 Mailchimp
17.0 Site structure and its Media queries
--------------------------------------------------------------*

/*see separate css sheets in css folder for the theme color schemes (blue, black, white, green - blue is default), 
and customizer layout options (right and full-width - left is default and styled within this style sheet)*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
caption,
th,
td {
	text-align: right;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
ul,
ol {
	margin: 0 3em 1.5em 0;
}

li > ul,
li > ol {
	margin-right: 1.5em;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
textarea {
	padding-left: 0px;
	padding-right: 3px;
}

label {
	padding-left: 10px;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.2 Navigation for posts and pages
--------------------------------------------------------------*/
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: right;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: left;
	text-align: left;
}

.cat-links {
	margin-left: 3em;
	margin-right: auto;
}

.tags-links {
	margin-left: 2em;
	margin-right: auto;
}

.cat-links a {
	margin-right: 0.2em;
	margin-left: auto;
}

/*breadcrumbs styling - breadcrumbs aren't currently active*

#crumbs li {
    float:right;
}

/*--------------------------------------------------------------
5.3 Menus
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.31 Main Menu.  I haven't changed this - I think it will still work for right to left languages
--------------------------------------------------------------*/
.main-navigation {
	float: left;
	left:0;
	right: auto;
}

.main-navigation li {
	float: right;
}


.main-navigation ul ul {
	left: 999em;
}

.main-navigation ul ul ul {
	left: 999em;
}


.main-navigation ul li:hover > ul {
	left: 0;
	right: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
	right: auto;
}


/*--------------------------------------------------------------
5.31 Main Menu (including its media queries)
--------------------------------------------------------------*/


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

	.main-navigation ul {
		float:left;
		margin-left: 0.5em;
		margin-right: auto;
	}

}



/*5.33 Social media menu styles - uses genericons fonts***********************
----------------------------------------------------------------------------------*/
.eyesite-screen-reader-text { /*this bit pushes the words 'facebook' 'twitter' etc out of the way, leaving only the icons visible 
might need to change these values to positive*/
	left:     -9999em;
	position: absolute;
	top:      -9999em;
}
	
	
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/

/*--------------------------------------------------------------
7.0 Alignments. didn't change these - should still work the same?
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/


.post-edit-link {
	margin-right: 1em;
	margin-left: auto;
}

.attachment-post-thumbnail { /*the photo that goes next to search results and archive results if uploaded via the dashboard*/
	float: right;
	margin: 0.5em 0 2em 1em;
}


/*headings and other styles for text within posts*/
h1.entry-title, 
h1.page-title {
	padding: 0em 0em 0.5em;
}

h4.no-clear {
	float: right;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/

.comment-content {
	margin: 1.5em 1.5em 0.5em 0;
}

.comment {
	margin-right: 0.5em;
	margin-left: auto;
}

.avatar {
	margin-right: auto;
	margin-left: 15px;
}

.byline {
	margin-left: auto;
	margin-right: 0.4em;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
13.0 Site header
--------------------------------------------------------------*/

.site-branding, .site-logo {
	max-width:40%;
	padding: 1em;
	padding-right: 2em;
	text-align:right;
}

/*--------------------------------------------------------------
14.0 Site Footer
--------------------------------------------------------------*/
.site-footer {
	text-align:left;
}

/*--------------------------------------------------------------
15.0 Widget Areas (sidebars)
--------------------------------------------------------------*/
/*Core widget styles - fixing irregularities*/

.search-submit {
margin-right: 1em;
margin-left:0;
}


#wp-calendar th {
	text-align: left;
}

/*--------------------------------------------------------------
15.1 Main widget Area ('sidebar')
this is located in div#secondary (positioned left or right of main content and not present if full width layout is selected
--------------------------------------------------------------*/

.widget-area ul {
	margin-right:0.5em;
	margin-left: auto;
}


/*--------------------------------------------------------------
15.2 Footer widget area ('sidebar two')
--------------------------------------------------------------*/

#sidebar-two .widget {
	float: right;
	margin-right: 5%;
	margin-left: auto;
	text-align: right;
}

/*--------------------------------------------------------------
15.2 Header widget area ('sidebar three')
--------------------------------------------------------------*/
#sidebar-three {
	left: 0;
	right: auto;
}


/*--------------------------------------------------------------
16.0 Plugin support - the following are not supported in rtl format
--------------------------------------------------------------*/
/*--------------------------------------------------------------
16.1 WooCommerce
--------------------------------------------------------------*/

/*--------------------------------------------------------------
16.1 MailChimp
--------------------------------------------------------------*/


/*--------------------------------------------------------------
17.0 Site structure and media queries (also see 5.31 for main menu media queries)
--------------------------------------------------------------*/
/* the following styles apply to the sidebar left layout (the default layout) and will be overiden when sidebar right or full width is chosesn*/

#primary, 
#container {  /*container div applies to the woocommerce pages - woo commerce uses its own templates*/
	float:right;
	margin-left:5%;
	margin-right:auto;
}

#secondary {
	float:left;
	margin-left:5%;
	margin-right:auto;
}


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

	#primary, 
	#container {
		margin-left: 2%;
		margin-right: auto;
	}

	#secondary {
		margin-right:3%;
		margin-left: auto;
	}
}

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

	#primary, 
	#container {
		margin-left: 0;
	}

	#secondary {
		margin-right:0;
	}

	.site-branding, .site-logo {
		text-align: right;
	}
}

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

	.menu-social li a::before {
		padding-right: 2px;
		padding-left: 1px;
	}

	.menu-social.social-top li a::before {
		padding-left: 5px;
		padding-right: auto;
	}	
}

@media only screen and (max-width: 800px) {
	#primary, 
	#container { 
		float:right;
	}

	#secondary {
		float:right;
	}

	#secondary .widget {
	float: right;
	margin-left: 3%;
	margin-right: auto;
	}

	#sidebar-footer .widget {
		float: right;
		text-align: right;
	}

}

@media only screen and (max-width: 500px) {
	.menu-social li a::before {
		padding-left: 1px;
		padding-right: 0px;
	}

}

@media only screen and (max-width: 400px) {
	.site-branding {
		padding-right: 0.5em;
	}
	
		.main-navigation ul {
		margin-left: 0.1em;
		margin-right: auto;
	}
	
		.menu-social.social-top li a:before {
		padding-left: 0;
	}


}