/*
Theme Name: Tortuga

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 - Typography
2.0 - Elements
3.0 - Header
4.0 - Navigation
	4.1 - Main Navigation
	4.2 - Top Navigation
	4.3 - Social Icons Menu
5.0 - Widgets
6.0 - Posts and pages
7.0 - Comments
8.0 - Footer
9.0 - Media Queries
	9.1 - Desktop X-Large ( < 1200px )
	9.2 - Desktop Small ( < 960px )
	9.3 - Tablet Medium ( < 800px )
	9.4 - Mobile Extra Large ( < 640px )
	9.5 - Mobile Large ( < 560px )
	9.6 - Mobile Medium ( < 480px )
	9.10 - Mobile Small ( < 320px )
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 1.0 - Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-family: 'Open Sans', Tahoma, Arial;
}

/*--------------------------------------------------------------
# 2.0 - Elements
--------------------------------------------------------------*/
blockquote {
	border-left: 1px solid #ddd;
	border-right: 3px solid #dd5533;
}

ul,
ol {
	padding: 0 1.25em 0 0;
}

li > ul,
li > ol {
	margin-left: 0;
	margin-right: 1.5em;
}

/*--------------------------------------------------------------
# 3.0 - Header
--------------------------------------------------------------*/
.site-branding .custom-logo {
	margin: 0.5em 0 0.5em 1em;
}

.site-description {
	float: left;
}

/*--------------------------------------------------------------
# 4.0 - Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## 4.1 - Main Navigation
--------------------------------------------------------------*/
.main-navigation-menu {
	float: right;
}

.main-navigation-menu li {
	float: right;
}

.main-navigation-menu > .menu-item-has-children > a:after {
	margin: 0.4em 0.3em 0 0;
}

.main-navigation-menu ul a {
	float: right;
}

.main-navigation-menu ul .menu-item-has-children > a:after {
	margin: 0.4em 0.3em 0 0;
	-webkit-transform:rotate(-270deg);
	-moz-transform:rotate(-270deg);
	-o-transform:rotate(-270deg);
	-ms-transform:rotate(-270deg);
}

.main-navigation-menu li ul ul {
	left: auto;
	right: 100%;
	border-left: none;
	border-right: 1px dotted rgba(255,255,255,0.2);
}

/*--------------------------------------------------------------
## 4.2 - Top Navigation
--------------------------------------------------------------*/
.top-navigation-menu {
	margin: 0 -0.8em 0 0;
}

.top-navigation-menu li {
	float: right;
}

.top-navigation-menu > .menu-item-has-children > a:after {
	margin: 0.4em 0.25em 0 0;
}

.top-navigation-menu ul a {
	float: right;
}

.top-navigation-menu ul .menu-item-has-children > a:after {
	margin: 0.5em 0.2em 0 0;
	-webkit-transform:rotate(-270deg);
	-moz-transform:rotate(-270deg);
	-o-transform:rotate(-270deg);
	-ms-transform:rotate(-270deg);
}

.top-navigation-menu li ul ul {
	left: auto;
	right: 100%;
	border-left: none;
	border-right: 1px dotted rgba(255,255,255,0.2);
}

/*--------------------------------------------------------------
## 4.3 - Social Icons Menu
--------------------------------------------------------------*/
.jetpack-social-navigation {
	float: left;
}

/*--------------------------------------------------------------
# 5.0 - Widgets
--------------------------------------------------------------*/
.widget ul .children,
.widget ul .sub-menu {
	margin: 0.5em 1em 0.5em 0;
}

/* Theme Search Widget */
.search-form .search-field {
	padding: 0.5em 0.7em 0.5em 1.5em;
}

.search-form .search-submit {
	right: auto;
	left: 0;
	padding: 0.65em 0.2em 0 0.75em;
}

.search-form .search-submit .genericon-search {
	padding: 0.05em 0.45em 0.55em 0;
}

/* Theme Calendar Widget */
.widget_calendar table tfoot tr #prev {
	text-align: right;
}

.widget_calendar table tfoot tr #next {
	text-align: left;
}

/* Jetpack Social Menu Widget */
.widget_wpcom_social_media_icons_widget ul li a {
	margin: 0 0 2px 2px;
}

/* WordPress.com Flickr Widget */
.widget_flickr th,
.widget_flickr td {
	text-align: right;
}

/* WordPress.com Author Widgets */
.widget_authors > ul > li img {
	float: right;
	margin: 0 0 1em 1em;
}

.widget_authors ul li {
	clear: right;
}

/* WordPress.com Recent Comments Widget */
.widget_recent_comments td.recentcommentstexttop,
.widget_recent_comments td.recentcommentstextend {
	padding-left: 0;
	padding-right: 1em;
}

/*--------------------------------------------------------------
# 6.0 - Posts and pages
--------------------------------------------------------------*/


/* Entry Meta */
.entry-meta .meta-date,
.entry-meta .meta-author,
.entry-meta .meta-category,
.entry-meta .meta-comments {
	float: right;
	margin-right: 0;
	margin-left: 1.5em;
}

.entry-meta span:before {
	margin-right: 0;
	margin-left: 0.2em;
}

/* Entry Tags & Tagcloud Widget */
.widget_tag_cloud div a,
.wp_widget_tag_cloud div a,
.entry-tags .meta-tags a {
	float: right;
	margin: 0 0 2px 2px;
}

.widget_tag_cloud div a,
.wp_widget_tag_cloud div a {
	margin: 0 0 2px 2px !important;
}

/* Post Navigation */
.post-navigation .nav-links .nav-previous {
	float: right;
	padding-right: 0;
	padding-left: 0.5em;
}

.post-navigation .nav-links .nav-next {
	float: left;
	padding-left: 0;
	padding-right: 0.5em;
}

.post-navigation .nav-links .nav-previous a:before {
	margin-right: 0;
	margin-left: 3px;
}

.post-navigation .nav-links .nav-next a:after {
	margin-left: 0;
	margin-right: 5px;
}

/* Theme Pagination */
.post-pagination a,
.post-pagination .current {
	margin: 0 0 3px 3px;
}

/* Infinite Scroll Pagination */
.infinite-scroll #infinite-handle,
.infinite-scroll .infinite-loader {
	margin-right: 0;
	margin-left: 2em;
}

.infinite-scroll #infinite-handle span {
	border: none;
	border-radius: 0;
	color: #fff;
}

.infinite-scroll #infinite-handle span::before {
	display: none;
}

.infinite-scroll #infinite-handle button {
	background: none;
	padding: 0;
}

.infinite-scroll #infinite-handle button:hover,
.infinite-scroll #infinite-handle button:focus,
.infinite-scroll #infinite-handle button:active {
	background: none;
}

/* Post Columns */
.post-layout-columns .post-wrapper {
	margin-right: 0;
	margin-left: -2em;
}

.post-layout-columns .post-wrapper .post-column {
	padding-right: 0;
	padding-left: 2em;
}

/* Fix Render Bug for Safari */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
	@media {
		.post-layout-columns .post-wrapper .post-column {
			margin-right: 0;
			margin-left: -1px;
		}
	}
}

/*--------------------------------------------------------------
# 7.0 - Comments
--------------------------------------------------------------*/

/* Comment List */
.comment-meta {
	float: right;
}

.comment-meta .comment-author img {
	float: right;
	margin-right: 0;
	margin-left: 1em;
}

.comment-meta .comment-metadata a {
	margin-right: 0;
	margin-left: 1em;
}

.comment-content {
	clear: right;
}

.pingback .comment-edit-link {
	margin-left: 0;
	margin-right: 1em;
}

.comment-navigation .nav-previous {
	float: right;
}

.comment-navigation .nav-next {
	float: left;
}

.comment-reply-title small a {
	margin-left: 0;
	margin-right: 1em;
}

/*--------------------------------------------------------------
# 8.0 - Footer
--------------------------------------------------------------*/
.site-footer .site-info {
	float: right;
}

/*--------------------------------------------------------------
## 8.1 - Footer Widgets
--------------------------------------------------------------*/
.footer-widgets-columns {
	margin-right: 0;
	margin-left: -2em;
}

.footer-widget-column {
	padding-right: 0;
	padding-left: 2em;
}

/* Fix Render Bug for Safari */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
	@media {
		.footer-widget-column {
			margin-right: 0;
			margin-left: -1px;
		}
	}
}

/*--------------------------------------------------------------
## 8.2 - Footer Navigation
--------------------------------------------------------------*/
.footer-navigation {
	float: left;
}

.footer-navigation-menu li {
	float: right;
}

/*--------------------------------------------------------------
# 9.0 - Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## 9.1 - Desktop X-Large ( < 1200px )
--------------------------------------------------------------*/
@media only screen and (max-width: 80em) {

	.post-layout-columns .post-wrapper {
		margin-right: 0;
		margin-left: -1.5em;
	}

	.post-layout-columns .post-wrapper .post-column {
		padding-right: 0;
		padding-left: 1.5em;
	}

	.infinite-scroll #infinite-handle,
	.infinite-scroll .infinite-loader {
		margin-right: 0;
		margin-left: 1.5em;
	}

	.footer-widgets-columns {
		margin-right: 0;
		margin-left: -1.5em;
	}

	.footer-widget-column {
		padding-right: 0;
		padding-left: 1.5em;
	}

}

/*--------------------------------------------------------------
## 9.2 - Desktop Small ( < 960px )
--------------------------------------------------------------*/
@media only screen and (max-width: 60em) {

	.sidebar {
		float: none;
		margin-right: 0;
		margin-left: -1.5em;
	}

	.sidebar .widget-wrap {
		float: left;
		padding-right: 0;
		padding-left: 1.5em;
	}

	.sidebar .widget-wrap:nth-child(2n + 1) {
		clear: right;
	}

	.site-branding .custom-logo {
		float: none;
		margin: 0.5em auto 0;
	}

	.site-description {
		float: none;
	}

	/*** Mobile Main Navigation ***/

	/* Reset */
	.primary-navigation,
	.main-navigation-menu li {
		float: none;
	}

	.main-navigation-menu ul a {
		float: none;
	}

	.main-navigation-menu li ul ul {
		border-right: none;
	}

	/* Main Navigation Toggle */
	.main-navigation-toggle {
		float: right;
		margin: 0 1.5em 0 0;
	}

	.main-navigation-toggle:before {
		float: right;
		margin: 0.1em 0 0 0.75em;
	}

	/* Main Navigation Menu */
	.main-navigation-menu-wrap {
		float: right;
	}

	.main-navigation-menu a {
		clear: right;
	}

	.main-navigation-menu ul {
		float: none;
	}

	.main-navigation-menu ul a {
		padding-left: 0;
		padding-right: 3em;
	}

	.main-navigation-menu ul li ul a {
		padding-left: 0;
		padding-right: 4.5em;
	}

	.main-navigation-menu ul li ul li ul a {
		padding-left: 0;
		padding-right: 6em;
	}

	.main-navigation-menu ul li ul li ul li ul a {
		padding-left: 0;
		padding-right: 7.5em;
	}

	/* Mobile Submenu Dropdowns */
	.main-navigation-menu .submenu-dropdown-toggle {
		float: left;
	}

	/*** Mobile Top Navigation ***/

	/* Reset */
	.top-navigation-menu li {
		float: none;
	}

	.top-navigation-menu ul a {
		float: none;
	}

	.top-navigation-menu li ul ul {
		margin: 0;
		border-right: none;
	}

	/* Top Navigation Menu */
	.top-navigation-menu {
		float: right;
		margin: 0;
	}

	.top-navigation-menu a {
		clear: right;
	}

	.top-navigation-menu ul a {
		padding-left: 0;
		padding-right: 3em;
	}

	.top-navigation-menu ul li ul a {
		padding-left: 0;
		padding-right: 4.5em;
	}

	.top-navigation-menu ul li ul li ul a {
		padding-left: 0;
		padding-right: 6em;
	}

	.top-navigation-menu ul li ul li ul li ul a {
		padding-left: 0;
		padding-right: 7.5em;
	}

	/* Mobile Submenu Dropdowns */
	.top-navigation-menu .submenu-dropdown-toggle {
		float: left;
	}

	/* Social Icons Navi */
	.jetpack-social-navigation {
		margin: 0.25em 0 0 1.25em;
	}

	/* Footer */
	.site-footer .site-info {
		float: none;
	}

	.footer-navigation {
		float: none;
	}

	.footer-navigation-menu li {
		float: none;
	}

}

/*--------------------------------------------------------------
## 9.3 - Tablet Medium ( < 800px )
--------------------------------------------------------------*/
@media only screen and (max-width: 50em) {

	/* Sidebar */
	.sidebar {
		margin-left: 0;
	}

	.sidebar .widget-wrap {
		float: none;
		padding-left: 0;
	}

	/* Footer Widgets */
	.footer-widgets-columns {
		margin-left: 0;
	}

	.footer-widget-column {
		float: none;
		padding-left: 0;
	}

}

/*--------------------------------------------------------------
## 9.4 - Mobile Extra Large ( < 640px )
--------------------------------------------------------------*/
@media only screen and (max-width: 40em) {

	.post-layout-columns .post-wrapper {
		margin-left: 0;
	}

	.post-layout-columns .post-wrapper .post-column {
		float: none;
		padding-left: 0;
	}

	.infinite-scroll #infinite-handle,
	.infinite-scroll .infinite-loader {
		margin-left: 0;
	}

	/* Footer Navigation Menu */
	.footer-navigation {
		margin: 0;
	}

}

/*--------------------------------------------------------------
## 9.5 - Mobile Large ( < 560px )
--------------------------------------------------------------*/
@media only screen and (max-width: 35em) {

	.comment ol.children {
		padding: 0;
	}

}

/*--------------------------------------------------------------
## 9.6 - Mobile Medium ( < 480px )
--------------------------------------------------------------*/
@media only screen and (max-width: 30em) {

	.main-navigation-toggle {
		margin-left: 0;
		margin-right: 1em;
	}

	.jetpack-social-navigation {
		margin-right: 0;
		margin-left: 0.75em;
	}

	.alignright, .alignleft {
		float: none;
		margin: 1em 0;
	}

	.post-navigation .nav-links .nav-previous,
	.post-navigation .nav-links .nav-next {
		float: none;
		padding: 0;
	}

	.post-navigation .nav-links .nav-next {
		text-align: left;
	}

}
