/*
 * Theme Name: OceanWP RTL CSS
 * Description: Adds support for languages written in a Right To Left (RTL) direction.
 */

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

/* Float right */
body .oceanwp-row .col,
.top-bar-left { float: right }

/* Float left */
.top-bar-right { float: left }

/* List */
ul, ol { margin: 15px 20px 15px 0; }

/* Tables */
table th, table td, caption, th, td { text-align: right; }

/* Theme heading */
.theme-heading .text::before { display: none; }
.theme-heading .text::after { content: '\f104'; font-family: 'FontAwesome'; font-size: 18px; font-weight: 600; color: #13aff0; padding-left: 6px;}

/* Change right position to Left position*/
.site-breadcrumbs,
#top-bar-social.top-bar-right,
#searchform-dropdown,
.current-shop-items-dropdown { right: auto; left: 0; }

/* Search form input */
form.oceanwp-searchform input { padding: 0 15px 0 40px; }

/* Change left position to right position*/
#top-bar-social.top-bar-left { left: auto; right: 0; }

/* Layout */
.content-area { float: right; padding-left: 30px; padding-right: 0; border-left-width: 1px; border-right-width: 0; }
.widget-area.sidebar-primary { float: left; padding-right: 30px; padding-left: 0; }
.content-left-sidebar .content-area { float: left; padding-right: 30px; padding-left: 0; border-right-width: 1px; border-left-width: 0; }
.content-left-sidebar .widget-area.sidebar-primary { float: right; padding-left: 30px; padding-right: 0; }

/* Both sidebars */
.content-both-sidebars .content-area { float: left; padding-right: 30px; }
.content-both-sidebars .content-area { border-right-width: 1px; }
.content-both-sidebars .widget-area.sidebar-primary { padding-right: 0; }

/* Boxed layout */
.boxed-layout .site-breadcrumbs { right: auto; left: 30px; }

/* Separate layout */
.separate-layout .content-area { border-left-width: 0; border-right-width: 0; }
.separate-layout.content-left-sidebar .content-area { border-right-width: 0; border-left-width: 0; }
.separate-layout .widget-area.sidebar-primary { padding-right: 20px; padding-left: 0; }
.separate-layout.content-left-sidebar .widget-area.sidebar-primary { padding-left: 20px; padding-right: 0; }
body.separate-blog.separate-layout .oceanwp-row { margin-left: -20px; margin-right: 0; }
body.separate-blog.separate-layout #blog-entries.blog-grid > * { padding: 0 0 0 20px; }

/* Blockquote */
blockquote { padding-right: 20px; padding-left: 0; border-right-width: 3px; border-left-width: 0; }

/*------------------------------------*
	Header
*------------------------------------*/
/* #site-logo { float: right; } */

/* Top Menu header */
#site-header.top-header .header-top .left { float: right; }
#site-header.top-header .header-top .right { float: left; }
#site-header.top-header #site-navigation-wrap { right: -15px !important; left: auto !important; }
// Get all textareas that have a "maxlength" property. Now, and when later adding HTML using jQuery-scripting:
$('textarea[maxlength]').live('keyup blur', function() {
    // Store the maxlength and value of the field.
    var maxlength = $(this).attr('maxlength');
    var val = $(this).val();

    // Trim the field if it has content over the maxlength.
    if (val.length > maxlength) {
        $(this).val(val.slice(0, maxlength));
    }
});