@charset "UTF-8";
/*!
Theme Name: Oceanica

Adding support for languages 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_Language_Support

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Reset
# Accessibility
# Typography
# Forms
# Navigation
  ## Menus
  ## Navigation
  ## Menu icons
# Widgets
# Content
  ## Header
  ## Posts and pages
  ## Comments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Reset
--------------------------------------------------------------*/
body {
  direction: rtl;
  unicode-bidi: embed;
}

th {
  text-align: right;
}

/*--------------------------------------------------------------
## Accessibility
--------------------------------------------------------------*/
.screen-reader-text:focus {
  left: auto;
  right: 5px;
}

/*--------------------------------------------------------------
## Typography
--------------------------------------------------------------*/
caption, th, td {
  text-align: right;
}

@media screen and (min-width: 48em) {
  ul, ol {
    margin: 0 1.25em 1.75em 0;
  }
  li > ul, li > ol {
    margin-left: 0;
    margin-right: 1.25em;
  }
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
select {
  background-position: left 0.4em top 0.6em;
  padding-right: 0.6em;
  padding-left: 1.7em;
}

input[type="radio"], input[type="checkbox"] {
  margin: 0 0 0.3em 1.1em;
}

.search-form label {
  float: right;
  padding-left: 10px;
  padding-right: 0;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
@media screen and (min-width: 62em) {
  .main-navigation {
    float: right;
  }
}

@media screen and (min-width: 62em) {
  .top-navigation li,
  .top-navigation-right li,
  .main-navigation li {
    float: right;
  }
}

.top-navigation .sub-menu .menu-item-has-children > a:after, .top-navigation-right .sub-menu .menu-item-has-children > a:after, .main-navigation .sub-menu .menu-item-has-children > a:after {
  content: "";
  float: left;
}

.top-navigation .menu-item-has-children .dropdown-toggle, .top-navigation-right .menu-item-has-children .dropdown-toggle, .main-navigation .menu-item-has-children .dropdown-toggle {
  border-left: 1px solid;
  border-right: 1px solid #e0e0e0;
  right: auto;
  left: 0;
}

.footer-navigation .menu-item-has-children a, .top-navigation .menu-item-has-children a, .top-navigation-right .menu-item-has-children a, .main-navigation .menu-item-has-children a {
  margin-right: 0;
  margin-left: 4em;
}

@media screen and (min-width: 62em) {
  .footer-navigation .menu-item-has-children a, .top-navigation .menu-item-has-children a, .top-navigation-right .menu-item-has-children a, .main-navigation .menu-item-has-children a {
    margin-left: 0;
  }
  .footer-navigation ul ul li:hover > ul, .footer-navigation ul ul li.focus > ul, .top-navigation ul ul li:hover > ul, .top-navigation ul ul li.focus > ul, .top-navigation-right ul ul li:hover > ul, .top-navigation-right ul ul li.focus > ul, .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
    left: -100%;
    right: 100%;
  }
}

/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/
.pagination .page-numbers {
  float: right;
}

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

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

/*--------------------------------------------------------------
## Menu icons
--------------------------------------------------------------*/
.footer-navigation a[href*="twitter.com"]:before, .footer-navigation a[href*="facebook.com"]:before, .footer-navigation a[href*="plus.google.com"]:before, .footer-navigation a[href*="pinterest.com"]:before, .footer-navigation a[href*="foursquare.com"]:before, .footer-navigation a[href*="yahoo.com"]:before, .footer-navigation a[href*="skype:"]:before, .footer-navigation a[href*="yelp.com"]:before, .footer-navigation a[href*="linkedin.com"]:before, .footer-navigation a[href*="viadeo.com"]:before, .footer-navigation a[href*="xing.com"]:before, .footer-navigation a[href*="soundcloud.com"]:before, .footer-navigation a[href*="spotify.com"]:before, .footer-navigation a[href*="last.fm"]:before, .footer-navigation a[href*="youtube.com"]:before, .footer-navigation a[href*="vimeo.com"]:before, .footer-navigation a[href*="vine.com"]:before, .footer-navigation a[href*="flickr.com"]:before, .footer-navigation a[href*="500px.com"]:before, .footer-navigation a[href*="instagram.com"]:before, .footer-navigation a[href*="wordpress.com"]:before, .footer-navigation a[href*="wordpress.org"]:before, .footer-navigation a[href*="tumblr.com"]:before, .footer-navigation a[href*="reddit.com"]:before, .footer-navigation a[href*="dribbble.com"]:before, .footer-navigation a[href*="stumbleupon.com"]:before, .footer-navigation a[href*="digg.com"]:before, .footer-navigation a[href*="behance.net"]:before, .footer-navigation a[href*="delicious.com"]:before, .footer-navigation a[href*="deviantart.com"]:before, .footer-navigation a[href*="play.com"]:before, .footer-navigation a[href*="wikipedia.com"]:before, .footer-navigation a[href*="apple.com"]:before, .footer-navigation a[href*="github.com"]:before, .footer-navigation a[href*="github.io"]:before, .footer-navigation a[href*="windows.com"]:before, .footer-navigation a[href*="tripadvisor."]:before, .footer-navigation a[href*="slideshare.net"]:before, .footer-navigation a[href*=".rss"]:before, .footer-navigation a[href*="vk.com"]:before {
  margin-left: 0;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget.widget_calendar tfoot #next {
  text-align: left;
}

.tags-title {
  margin-right: 0;
  margin-left: 0.4em;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
@media screen and (min-width: 62em) {
  .site-branding {
    text-align: right;
  }
}

@media screen and (min-width: 62em) {
  .custom-logo-link {
    margin: 0 0 0 1.3em;
  }
}

@media screen and (min-width: 62em) {
  .site-logo-wrapper {
    margin-left: 1.3em;
  }
}

@media screen and (min-width: 62em) {
  .top-navigation {
    margin: 0.071em 0 0.5em auto;
  }
}

@media screen and (min-width: 62em) {
  .top-navigation-right,
  .site-header-menu {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
  }
}

.footer-navigation a:before,
.site-header a:before {
  margin-right: 0;
  margin-left: 0.438em;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
body.search .site-main .entry-title, body.archive .site-main .entry-title, body.blog .site-main .entry-title {
  text-align: right;
}

@media screen and (min-width: 48em) {
  body.search .site-main .entry-footer, body.archive .site-main .entry-footer, body.blog .site-main .entry-footer {
    float: right;
    text-align: left;
  }
  body.search .site-main .entry-wrapper, body.archive .site-main .entry-wrapper, body.blog .site-main .entry-wrapper {
    padding-left: 0;
    padding-right: 2.5em;
    float: left;
  }
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-author .avatar {
  float: right;
  margin: 0.45em 0 1.2em 1.2em;
}

.comment-list .children > li, .reply, .comment-content {
  margin-left: 0;
  padding-left: 0;
  margin-right: 60px;
  padding-right: 1.2em;
}