/*
Theme Name: Otography

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

*/



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


/**
 * 1.0 Reset
  * -----------------------------------------------------------------------------
 */

th, td {
  text-align: right;
}

ul, ol {
    margin: 0 1.3125em 1.75em 0;
}

blockquote:before {
    left: auto;
    right: 0;
}

blockquote {
    padding: 0 2.041666666666667em 0 0;
}

/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */


/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    right: 5px;
    padding: 15px 23px 14px;
}


.alignnone {
    margin: 5px 0px 20px 20px;
}

.aligncenter,
div.aligncenter {
    margin: 5px auto 5px auto;
}

.alignright {
    float:left;
    margin: 5px 20px 20px 0px;
}

.alignleft {
    float: right;
    margin: 5px 0px 20px 20px;
}

a img.alignright {
    float: left;
    margin: 5px 20px 20px 0px;
}

a img.alignnone {
    margin: 5px 0px 20px 20px;
}

a img.alignleft {
    float: right;
    margin: 5px 0px 20px 20px;
}


.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.aligncenter,
.wp-caption.alignnone{
        margin: 5px auto 20px;
}

.wp-caption.alignleft{
    margin: 5px 0px 20px 20px;
}
.wp-caption.alignright{
    margin: 5px 20px 20px 0px;
}

/**
 * 3.0 Header
 * ----------------------------------------------------------------------------
 */

.site-description {
    padding-right: 10px;
}

.main-header .social-links-menu li:not(:last-child)::after {
    margin-left: auto;
    margin-right: 8px;
}
/**
 * 3.1 Site Navigation Bar
 * ----------------------------------------------------------------------------
 */
 



/**
 * 4.0 Main Content
 * ----------------------------------------------------------------------------
 */


 /* 4.1 Post-Content
 * ----------------------------------------------------------------------------
 */

.sticky-post{
    right: 15;
    padding: 5px 15px;
}

.post .entry-content .more-link, 
.page .entry-content .more-link {
    left: 0;
    right: auto;
}

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

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

.posts-navigation .nav-links .nav-previous:before, 
.post-navigation .nav-links .nav-previous:before {
    display: none;
    float: left;
    margin-top: 5px;
}

.posts-navigation .nav-links .nav-next:after, 
.post-navigation .nav-links .nav-next:after {
    display: none;
    float: right;
    margin-top: 5px;
}

.pagination .nav-links .prev:before,
.pagination .nav-links .next:after {
    display: none;
}

.widget-latest-posts .post-thumbnail {
    float: right;
    margin-right: 0;
    margin-left: 20px;
}

.widget-latest-posts .entry-header {
    text-align: right;
}


 /* 4.1 Widget
 * ----------------------------------------------------------------------------
 */
#secondary .widget-title:after,
#colophon .widget-title:after {
    left: auto;
    right: -26px;
}

.widget_search .search-field, 
.post-page-search .search-field {
    float: right;
}


/*
* 4.4 Gallery
* -----------------------------------------
*/
.widget th, td {
  text-align: right;
}

 /* Footer ----------------------*/
.site-info {
    float: right;
}

.footer-right-info {
    float: left;
}


/*
* 7.0 Media Queries
* --------------------------------------------------------------------
*/

@media (max-width: 900px){
    blockquote{
        margin-right: 0.3em;
    }

    .comment-list ol{
        padding-right: 10px;
    }

    th, td {
      text-align: right;
    }
}



/**
 * 8.0 Print
 * ----------------------------------------------------------------------------
 */


@media print {   
    .entry-content img.alignleft,
    .entry-content .wp-caption.alignleft {
        margin-right: 0;
    }
    .entry-content img.alignright,
    .entry-content .wp-caption.alignright {
        margin-left: 0;
    }
}


