themes-wordpress/altofocus/rtl.css

/*
Theme Name: AltoFocus

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.

https://codex.wordpress.org/Right_to_Left_Languagecomponentsupport

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables & Mixins
# Normalize
# Accessibility
# Alignments
# Clearings
# Typography
# Forms
# Buttons
# Formatting
# Lists
# Tables
# Navigation
# Links
# Layout
	## Posts
	## Pages
# Comments
# Widgets
# Infinite scroll
# Media
	## Galleries
# Components
# Plugins
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Variables & Mixins
--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Color Variables */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Typographic Variables */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Global Structure */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Typographic Mixins */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Animations */
/*--------------------------------------------------------------*/
@-webkit-keyframes bounce-reveal-y {
  0%,
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(1.1);
    -moz-transform: scaleY(1.1);
    -ms-transform: scaleY(1.1);
    -o-transform: scaleY(1.1);
    transform: scaleY(1.1);
  }
}

@-moz-keyframes bounce-reveal-y {
  0%,
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(1.1);
    -moz-transform: scaleY(1.1);
    -ms-transform: scaleY(1.1);
    -o-transform: scaleY(1.1);
    transform: scaleY(1.1);
  }
}

@-o-keyframes bounce-reveal-y {
  0%,
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(1.1);
    -moz-transform: scaleY(1.1);
    -ms-transform: scaleY(1.1);
    -o-transform: scaleY(1.1);
    transform: scaleY(1.1);
  }
}

@keyframes bounce-reveal-y {
  0%,
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(1.1);
    -moz-transform: scaleY(1.1);
    -ms-transform: scaleY(1.1);
    -o-transform: scaleY(1.1);
    transform: scaleY(1.1);
  }
}

@-webkit-keyframes bounce-hide-y {
  0%,
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(0.9);
    -moz-transform: scaleY(0.9);
    -ms-transform: scaleY(0.9);
    -o-transform: scaleY(0.9);
    transform: scaleY(0.9);
  }
}

@-moz-keyframes bounce-hide-y {
  0%,
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(0.9);
    -moz-transform: scaleY(0.9);
    -ms-transform: scaleY(0.9);
    -o-transform: scaleY(0.9);
    transform: scaleY(0.9);
  }
}

@-o-keyframes bounce-hide-y {
  0%,
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(0.9);
    -moz-transform: scaleY(0.9);
    -ms-transform: scaleY(0.9);
    -o-transform: scaleY(0.9);
    transform: scaleY(0.9);
  }
}

@keyframes bounce-hide-y {
  0%,
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(0.9);
    -moz-transform: scaleY(0.9);
    -ms-transform: scaleY(0.9);
    -o-transform: scaleY(0.9);
    transform: scaleY(0.9);
  }
}

@-webkit-keyframes bounce-reveal {
  0%,
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  33% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  66% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@-moz-keyframes bounce-reveal {
  0%,
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  33% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  66% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@-o-keyframes bounce-reveal {
  0%,
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  33% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  66% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes bounce-reveal {
  0%,
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  33% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  66% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@-webkit-keyframes bounce-left {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  33% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  66% {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px);
  }
}

@-moz-keyframes bounce-left {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  33% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  66% {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px);
  }
}

@-o-keyframes bounce-left {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  33% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  66% {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px);
  }
}

@keyframes bounce-left {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  33% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  66% {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px);
  }
}

@-webkit-keyframes bounce-right {
  0%,
  100% {
    -webkit-transform: translateX(1);
    -moz-transform: translateX(1);
    -ms-transform: translateX(1);
    -o-transform: translateX(1);
    transform: translateX(1);
  }
  33% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  66% {
    -webkit-transform: translateX(-3px);
    -moz-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    -o-transform: translateX(-3px);
    transform: translateX(-3px);
  }
}

@-moz-keyframes bounce-right {
  0%,
  100% {
    -webkit-transform: translateX(1);
    -moz-transform: translateX(1);
    -ms-transform: translateX(1);
    -o-transform: translateX(1);
    transform: translateX(1);
  }
  33% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  66% {
    -webkit-transform: translateX(-3px);
    -moz-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    -o-transform: translateX(-3px);
    transform: translateX(-3px);
  }
}

@-o-keyframes bounce-right {
  0%,
  100% {
    -webkit-transform: translateX(1);
    -moz-transform: translateX(1);
    -ms-transform: translateX(1);
    -o-transform: translateX(1);
    transform: translateX(1);
  }
  33% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  66% {
    -webkit-transform: translateX(-3px);
    -moz-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    -o-transform: translateX(-3px);
    transform: translateX(-3px);
  }
}

@keyframes bounce-right {
  0%,
  100% {
    -webkit-transform: translateX(1);
    -moz-transform: translateX(1);
    -ms-transform: translateX(1);
    -o-transform: translateX(1);
    transform: translateX(1);
  }
  33% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  66% {
    -webkit-transform: translateX(-3px);
    -moz-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    -o-transform: translateX(-3px);
    transform: translateX(-3px);
  }
}

@-webkit-keyframes bounce-reveal-large {
  0%,
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  33% {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
  }
  66% {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
  }
}

@-moz-keyframes bounce-reveal-large {
  0%,
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  33% {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
  }
  66% {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
  }
}

@-o-keyframes bounce-reveal-large {
  0%,
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  33% {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
  }
  66% {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
  }
}

@keyframes bounce-reveal-large {
  0%,
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  33% {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
  }
  66% {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
  }
}

@-webkit-keyframes bounce-zoom {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1.125);
    -moz-transform: scale(1.125);
    -ms-transform: scale(1.125);
    -o-transform: scale(1.125);
    transform: scale(1.125);
  }
}

@-moz-keyframes bounce-zoom {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1.125);
    -moz-transform: scale(1.125);
    -ms-transform: scale(1.125);
    -o-transform: scale(1.125);
    transform: scale(1.125);
  }
}

@-o-keyframes bounce-zoom {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1.125);
    -moz-transform: scale(1.125);
    -ms-transform: scale(1.125);
    -o-transform: scale(1.125);
    transform: scale(1.125);
  }
}

@keyframes bounce-zoom {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1.125);
    -moz-transform: scale(1.125);
    -ms-transform: scale(1.125);
    -o-transform: scale(1.125);
    transform: scale(1.125);
  }
}

/*--------------------------------------------------------------
# UI
--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## UI Mixins */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Breakpoints
--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Breakpoint Mixins */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

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

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

textarea {
  padding-left: inherit;
  padding-right: 3px;
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Formattings
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/

ul, ol {
  margin: 0 25px 1.5em 0;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: inherit;
  margin-right: 1.5em;
}

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Top Navigation */
/*--------------------------------------------------------------*/

.top-navigation {
  text-align: right;
  align-self: flex-start;
}

.top-navigation .col-width {
  width: 100%;
}

.top-navigation > div {
  float: left;
}

.top-navigation > div > ul {
  text-align: right;
}

.top-navigation .sub-menu li > a,
.top-navigation .children li > a {
  margin-left: inherit;
  padding-left: inherit;
  margin-right: 28px;
  padding-right: 0;
}

.top-navigation .sub-menu li > a:after,
.top-navigation .children li > a:after {
  left: inherit;
  right: -15px;
}

/*
 * Menu Toggle
 */
.menu-toggle {
  text-align: right;
}

.menu-toggle:before {
  margin-left: 5px;
  margin-right: inherit;
}

/*--------------------------------------------------------------*/
/* !## Mobile and Down Navigation */
/*--------------------------------------------------------------*/

@media screen and (max-width: 37.5em) {
  /*
	 * Top Navigation
	 */
  .top-navigation {
    text-align: left;
  }
  .top-navigation .sub-menu,
  .top-navigation .children {
    padding-left: inherit;
    padding-right: 15px;
  }
  .top-navigation .sub-menu:before, .top-navigation .sub-menu:before,
  .top-navigation .children:before,
  .top-navigation .children:before {
    right: 0;
    left: inherit;
  }
  .top-navigation li:after {
    left: inherit;
    right: 0;
  }
  .top-navigation li.menu-item-has-children > a {
    padding-left: 43.75px;
    padding-right: inherit;
  }
  /*
	 * Dropdown toggle buttons
	 */
  .dropdown-toggle {
    left: 5px;
    right: inherit;
  }
  /*
	 * Menu Toggle
	 */
  .menu-toggle {
    left: 10px;
    right: inherit;
  }
}

/*--------------------------------------------------------------*/
/* !## Phablet and Up Navigation */
/*--------------------------------------------------------------*/
@media screen and (min-width: 37.5em) {
  /*
	 * Top Navigation
	 */
  .top-navigation {
    clear: left;
    float: left;
  }
  .top-navigation div > ul {
    text-align: right;
  }
  .top-navigation div > ul > li a {
    text-align: right;
  }
  .top-navigation div > ul > li.menu-item-has-children {
    margin-left: inherit;
    margin-right: -20px;
  }
  .top-navigation div > ul > li.menu-item-has-children > a {
    margin-left: inherit;
    padding-left: inherit;
    margin-right: 28px;
    padding-right: 0;
  }
  .top-navigation .sub-menu .sub-menu,
  .top-navigation .sub-menu .children,
  .top-navigation .children .sub-menu,
  .top-navigation .children .children {
    padding-left: inherit;
    padding-right: 15px;
  }
  /*
	 * Dropdown toggle buttons
	 */
  .dropdown-toggle {
    float: right;
    left: inherit;
    right: 5px;
  }
}

/*--------------------------------------------------------------*/
/* !## Footer Social Menu */
/*--------------------------------------------------------------*/

.site-footer .jetpack-social-navigation li a {
  padding: 0 0 0 10px;
}

/*--------------------------------------------------------------*/
/* !## Fixed Post Navigation */
/*--------------------------------------------------------------*/

@media screen and (min-width: 75em) {

  .post-navigation-fixed .nav-links .nav-previous,
  .post-navigation-fixed .nav-links .nav-next {
    float: right;
    margin-left: inherit;
    margin-right: 25px;
    right: 0;
  }
  .post-navigation-fixed .nav-links .nav-next {
    float: left;
    margin-right: inherit;
    margin-left: 25px;
  }
  .post-navigation-fixed .nav-links a .meta-nav {
    margin-left: inherit;
    margin-right: -5px;
  }
  .post-navigation-fixed .nav-links .nav-next a .meta-nav {
    margin-left: inherit;
    margin-right: -3px;
  }
}

.comment-navigation .screen-reader-text,
.posts-navigation .screen-reader-text,
.post-navigation .screen-reader-text {
  left: inherit;
  right: inherit;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: right;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: left;
}

.post-navigation-fixed .nav-links a .meta-nav {
  -webkit-transform: rotate(180deg); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
      -ms-transform: rotate(180deg); /* IE 9 */
          transform: rotate(180deg); /* IE 10, Fx 16+, Op 12.1+ */
}


/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/

.content-area {
  float: right;
}

/*--------------------------------------------------------------
## Isotope Grid
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Sidebars
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Responsive Layout Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/

.comment-body .reply {
  text-align: right;
}

.comment-body .comment-metadata {
  padding: 0 12.5px 0 0;
  text-align: left;
}

.comment-body .avatar {
  margin-left: 12.5px;
  margin-right: inherit;
}

.comment-list #respond, .comment-list
.comment-respond {
  margin-left: inherit;
  margin-right: 0;
}

@media screen and (min-width: 50em) {
  .comments-title {
    padding: 2.25em 12.5px 2.25em 5px;
  }
  .comment-body {
    margin-left: inherit;
    margin-right: calc((100% / 8) * 2);
  }
  .comment .children {
    margin-left: inherit;
    margin-right: 5%;
  }
  .page .site-content .comments-area:before {
    left: inherit;
    right: 0;
  }
  .no-comments {
    margin-left: inherit;
    margin-right: 25%;
  }
}

@media screen and (min-width: 75em) {
  .comments-title {
    padding: 2.25em 12.5px 2.25em 69px;
  }
  .comment-body {
    margin-left: inherit;
    margin-right: calc((100% / 8) * 2);
  }
  .comment-body .avatar {
    margin-right: inherit;
    right: inherit;
    margin-left: 0;
    left: calc( 100% + 5px);
  }
}

/*--------------------------------------------------------------
# Widgets / Sidebar
--------------------------------------------------------------*/

.widget > *:not(.widget-title) {
  float: right;
}

#secondary .widget_rss li cite {
  margin-left: 25px;
  margin-right: inherit;
}

#secondary .widget_search .screen-reader-text {
  float: right;
}

#secondary .widget_search .search-field {
  float: right;
}

@media screen and (min-width: 50em) {
  .widget-title {
    float: right;
  }
  #secondary .widget_calendar .calendar_wrap {
	margin-left: inherit;
    margin-right: calc( 25%);
  }
  #secondary .widget_calendar .widget-title {
    margin-left: -25%;
    margin-right: inherit;
  }
  #secondary .widget_calendar .widget-title + .calendar_wrap {
    margin-left: inherit;
    margin-right: calc( 25%);
  }
  #secondary .widget_calendar table {
    text-align: right;
  }
  #secondary .widget_calendar caption {
    text-align: right;
  }
  #secondary .widget_search .screen-reader-text {
    float: right;
    left: inherit;
    right: inherit;
  }
  #secondary .widget_search .search-submit {
    margin-left: inherit;
    margin-right: 27%;
  }
  #secondary .widget_nav_menu > * {
    float: left;
  }
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

.infinite-loader .spinner[style] {
  left: inherit !important;
  right: inherit !important;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.site-identity {
  padding-left: 37.5px;
  padding-right: inherit;
}

@media screen and (max-width: 37.5em) {
  .site-branding {
    text-align: right;
  }
  .site-branding .site-identity {
    padding-left: 100px;
    padding-right: inherit;
  }
}

@media screen and (min-width: 37.5em) {
  .site-branding {
    left: inherit;
    padding: 0 0 0 30%;
    right: 0;
  }
}

/*--------------------------------------------------------------
# Posts
--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Archives */
/*--------------------------------------------------------------*/

.hfeed .hentry:before {
  left: inherit;
  right: 0;
}

.hfeed .hentry:before {
  left: inherit;
  right: -12.5px;
}

.hfeed .has-isotope #infinite-handle,
.hfeed .has-isotope .infinite-loader {
  margin-left: auto;
  margin-right: inherit;
}

.hfeed .search-form .screen-reader-text {
  float: right;
}

.hfeed .search-form .search-field {
  float: right;
}

@media screen and (min-width: 37.5em) {
  .hfeed .site-main .hentry {
    float: right;
  }
  .hfeed .hentry {
    float: right;
  }
  .hfeed .post-thumbnail:after {
    left: inherit;
    right: 18.75px;
  }
  .hfeed .entry-header {
    left: inherit;
    right: 18.75px;
  }
  .hfeed .edit-link {
    left: inherit;
    right: 50%;
    transform: translate(50%, 0);
  }
}

@media screen and (min-width: 50em) {
  .hfeed .post-thumbnail:after {
    left: inherit;
    right: 25px;
  }
  .hfeed .entry-header {
    left: inherit;
    right: 25px;
  }
}

@media screen and (min-width: 60em) {
  .hfeed .post-thumbnail:after {
    left: inherit;
    right: 37.5px;
  }
  .hfeed .entry-header {
    left: inherit;
    right: 37.5px;
  }
  .hfeed:not(.home):not(.blog) .site-main {
    margin-left: 37.5px;
    margin-right: auto;
  }
  .hfeed:not(.home):not(.blog) .site-main .not-found .page-header {
    left: inherit;
  }
  .hfeed:not(.home):not(.blog) .site-main #infinite-handle,
  .hfeed:not(.home):not(.blog) .site-main .infinite-loader {
    left: calc( 10% + 37.5px);
    right: inherit;
  }
  .hfeed .content-area .page-header {
    left: inherit;
    right: 62.5px;
  }
  .hfeed .content-area .page-header.sticky {
    right: inherit;
    left: calc( 80%);
  }
}

/*--------------------------------------------------------------*/
/* !## Posts */
/*--------------------------------------------------------------*/

.comments-link:before {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #111111 ;
  border-left-color: #111111 ;
  box-shadow: -1px 3px 4px rgba(0, 0, 0, 0.25);
  left: inherit;
  right: 32px;
}

.comments-link:after {
  border: 10px solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  left: inherit;
  right: 31px;
}

.entry-footer > * {
  margin-left: 25px;
  margin-right: inherit;
}

.entry-footer > *:last-child {
  margin-left: 0;
  margin-right: inherit;
}

.entry-footer .comments-link {
  margin-left: calc((100% / 8) * 1);
  margin-right: inherit;
}

/*--------------------------------------------------------------*/
/* !## Single Posts */
/*--------------------------------------------------------------*/

.single .hentry .entry-title {
  float: right;
}

.single .hentry .entry-meta {
  padding-left: inherit;
  padding-right: 12.5px;
  float: right;
}

.single .hentry .comments-link {
  float: right;
  margin-left: inherit;
  margin-right: 12.5px;
}

.single .hentry:not(.has-post-thumbnail):before {
  left: inherit;
  right: 0;
}

.single .hentry:not(.has-post-thumbnail):before {
  margin-left: inherit;
  margin-right: -50%;
}

@media screen and (min-width: 37.5em) {
  .single .entry-media:after {
    left: inherit;
    right: 0;
  }
  .single .gallery-item .image-caption {
    left: inherit;
    right: 50%;
    transform: translate3d(50%, 10px, 0);
  }
  .single .gallery-item:hover .image-caption {
    transform: translate3d(50%, -1.5em, 0);
  }
}

@media screen and (min-width: 50em) {
  .single .hentry .entry-title {
    float: right;
  }
  .single .hentry .entry-meta {
    float: left;
  }
  .single .hentry .comments-link {
    left: calc(100% + 12.5px);
    margin-left: inherit;
    margin-right: 0;
	right: inherit;
  }
  .single .hentry .entry-content {
    float: right;
  }
  .single .hentry .entry-footer {
    float: left;
    margin-left: -10%;
    margin-right: inherit;
  }
}

/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Single Page */
/*--------------------------------------------------------------*/

.page .hentry.page:before {
  left: inherit;
  right: 0;
}

.page .hentry.page:before {
  margin-left: inherit;
  margin-right: -50%;
}

@media screen and (min-width: 50em) {
  .page .hentry.page .entry-title {
    float: right;
  }
  .page .hentry.page .entry-meta {
    float: left;
  }
}

/*--------------------------------------------------------------*/
/* !## Static Front Page */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Site Footer */
/*--------------------------------------------------------------*/

@media screen and (min-width: 50em) {
  .site-info {
    clear: right;
    float: right;
  }
  .site-footer .jetpack-social-navigation {
    clear: left;
    float: left;
  }
  .site-footer .jetpack-social-navigation ul {
    text-align: left;
  }
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/*
 * jQuery FlexSlider v2.6.1
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/

.carousel li {
  margin-left: 5px;
  margin-right: inherit;
}

/*
.flex-direction-nav .flex-prev {
  left: inherit;
  right: 0;
}

.flex-direction-nav .flex-next {
  left: 0;
  right: inherit;
}
*/

.flex-pauseplay a {
  left: inherit;
  right: 10px;
}

.flex-control-thumbs li {
  float: right;
}

/**
 * Tablet and Down
 */
/*
@media screen and (max-width: 50em) {

  .flex-direction-nav .flex-prev {
    left: inherit;
    right: 10px;
  }
  .flex-direction-nav .flex-next {
    left: 10px;
    right: inherit;
  }
}
*/

/**
 * Tablet and Up
 */
/*
@media screen and (min-width: 50em) {
  .entry-media .flex-direction-nav .flex-prev {
    left: inherit;
    right: -50px;
  }
  .entry-media .flex-direction-nav .flex-next {
    left: -50px;
    right: inherit;
  }
}
*/

/*--------------------------------------------------------------*/
/* !## Postflair / Sharedaddy */
/*--------------------------------------------------------------*/

.hentry .entry-content > #jp-post-flair .sd-title,
.hentry .entry-content > .sd-sharing-enabled .sd-title {
  margin-left: 25px;
  margin-right: inherit;
}

.hentry .entry-content > #jp-post-flair .jp-relatedposts-headline,
.hentry .entry-content > .sd-sharing-enabled .jp-relatedposts-headline {
  margin-left: 25px;
  margin-right: inherit;
}

@media screen and (max-width: 37.5em) {
  .hentry .entry-content > #jp-post-flair .sd-title,
  .hentry .entry-content > .sd-sharing-enabled .sd-title {
    margin-left: 0;
    margin-right: inherit;
  }
}