/*
 * 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; }
.questions.holder {
    font-family: 'Assistant';
}
.question_wrapper {
    cursor: pointer;
}
.question_item {
    display: flex;
    justify-content: flex-start;
    font-size: 20px;
    padding: 3px 5px;
    margin: 15px 0;
    background: #FFF;
    box-shadow: 3px 3px 5px #ccc;
    position:relative;
}
.question_num, .question_date, .question_title, .question_expert {
    padding: 0 15px;
}
.question_expert {
    position: absolute;
    left: 10px;
    top: 7px;
    font-size: 15px;
    background: #0B2662;
    color: #FFF;
    border-radius: 10px;
}
span.item_cat a {
    font-size: 14px;
    margin: 0 6px;
    background: #0B2662;
    color: #FFF;
    border-radius: 0;
    padding: 2px 10px;
}
.question_info, .answer_expert_title {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}
.question_cat {
    font-size: 15px;
    color: #000;
}
.answer_body {
    margin-top: 15px;
    background: #F7F7F7;
    padding: 25px;
}
.answer_item {
    display: none;
}
.question_body, .answer_txt {
    font-size: 18px;
    line-height: 23px;
    margin-top: 15px;
    padding: 0 15px;
    color: #000;
}
.answer_publish_date {
    font-size: 14px;
    color: #000;
    font-weight: 600;
}
nav.navigation.pagination {
    display: flex;
    justify-content: center;
}
.page-numbers {
    height: 30px;
    width: 30px;
    margin: 0 5px;
    display: inline-block;
    text-align: center;
    border: 1px solid #CCC;
}
.page-numbers.current, .page-numbers:hover{
    background: #122762;
    color: #FFF;
}
a.next.page-numbers, a.prev.page-numbers {
    width: fit-content;
    padding: 0 15px;
}
.answer_txt p, .answer_txt span, .answer_txt font, .question_body p, .question_body span{
    font-size: 18px!important;
    font-family: 'Assistant'!important;
}
.answer_item {
    background: #F7F7F7;
}