/*
@font-face {
    font-family: 'mitra';
    src: url('fonts/Webmitra.eot');
    src: url('fonts/Webmitra.eot?#iefix') format('embedded-opentype'),
         url('fonts/Webmitra.woff') format('woff'),
         url('fonts/Webmitra.ttf') format('truetype'),
         url('fonts/Webmitra.svg#Webmitra') format('svg');
}
*/
@font-face {
  font-family: mitra;
  font-style: normal;
  font-weight: bold;
  src: url('fonts/BMitraBold.woff') format('woff');
}
@font-face {
  font-family: mitra;
  font-style: normal;
  font-weight: normal;
  src: url('fonts/BMitra.woff') format('woff');
}

/*
Theme Name: Restaurant And Cafe

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_Language_Support

*/

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

.main-navigation ul ul,
.main-navigation ul ul ul {
    display: none;
}



.btn-green::after {
    display: inline-block;
    transform: rotateY(180deg);
    margin-left: 0;
    margin-right: 13px;
}

.section-1 .col {
    float: right;
}

.section-2 .col,
.section-3 .text-holder {
    float: right;
}

.section-2 .main-title::after {
    left: auto;
    right: 0;
}

.section-3 .text-holder .services .icon-holder {
    float: right;
}

.section-3 .img-holder {
    float: left;
}

.section-3 .text-holder .services .icon-holder {
    margin-right: 0;
    margin-left: 12px;
}

.section-3 .text-holder .main-title::after {
    left: auto;
    right: 0;
}

.section-5 .tab-content .col {
    float: right;
}

.section-5 .tab-content .img-holder {
    float: right;
    margin-right: 0;
    margin-left: 21px;
}

.section-5 .tab-content .text-holder h3 {
    float: right;
}

.section-5 .tab-content .text-holder .price {
    float: left;
}

.wpcf7 {
    direction: rtl;
}

.blog-section .post .post-thumbnail {
    float: right;
    margin-right: 0;
    margin-left: 30px;
}

.blog-section .post .text-holder .entry-footer .readmore {
    display: inline-block;
    margin-right: 0;
    margin-left: 38px;
}

.blog-section .post .text-holder .entry-footer .comments-link a {
    display: inline-block;
    background-position: 100% 3px;
    padding-left: 0;
    padding-right: 22px;
    margin-right: 0;
    margin-left: 38px;
}

.blog-section .post .text-holder .entry-header .entry-meta span {
    display: inline-block;
}

.blog-section .post:nth-child(2n) .post-thumbnail {
    float: left;
    margin-left: 0;
    margin-right: 30px;
}

.site-footer .footer-t .col-3 {
    float: right;
}

.widget.widget_restaurant_and_cafe_social_links .social-networks li {
    float: right;
    margin-left: 14px;
    margin-right: 0;
}

#crumbs a {
    display: inline-block;
}

.widget_search .search-form label,
.widget_search .search-form input[type="search"],.search .search-form label,
.search .search-form input[type="search"] {
    float: right;
}

.widget_search .search-form input[type="submit"],
.search .search-form input[type="submit"] {
    float: left;
}

.widget .widget-title::after {
    left: auto;
    right: 0;
}

#primary .post .entry-meta .comments-link {
    background-position: 100% 3px;
    padding-left: 0;
    padding-right: 22px;
}

#primary .post .entry-meta .posted-on::before,
#primary .post .entry-meta .byline::before {
    margin-right: 0;
    margin-left: 8px;
    display: inline-block;
}

#primary .post .entry-meta .byline {
    margin-right: 0;
    margin-left: 47px;
}

#primary .post .entry-meta .posted-on {
    margin-right: 0;
    margin-left: 40px;
}

#primary .post .entry-meta a {
    display: inline-block;
}

.comments-area .comment-list .comment-body img {
    float: right;
    margin-right: 0;
    margin-left: 30px;
}

.comments-area .comment-list .comment-body .comment-author {
    float: right;
}

.comments-area .comment-list .comment-body .comment-content,
.comments-area .comment-list .comment-body .reply {
    left: auto;
    right: 100px;
}

.comments-area .comment-list .comment-body .comment-metadata{
	float: left;
}

.comments-area .comment-list .children{
	margin-left: 0;
	margin-right: 100px;
}
body {
    font-family: mitra;
}
.section-2 .main-title {
    font-family: mitra;
}
.section-3 .text-holder .services h3 {
    font-family: mitra;
}
.section-3 .text-holder .main-title {
    font-family: mitra;
}
.section-5 .header .main-title {
    font-family: mitra;
}
.blog-section .header .main-title {
    font-family: mitra;
}
.blog-section .post .text-holder .entry-header .entry-title {
    font-family: mitra;
}
.widget .widget-title {
    font-family: mitra;
}
.banner .banner-text .title {
    font-family: mitra;
}
.btn-green {
    font-family: mitra;
}
.section-1 .header .main-title {
    font-family: mitra;
}
#primary .post .entry-header .entry-title {
    font-family: mitra;
}
#primary {
    float: right;
}
.widget_search .search-form label, .widget_search .search-form input[type="search"], .search .search-form label, .search .search-form input[type="search"] {
    font-family: mitra;
}
#primary .page .entry-header .entry-title {
    font-family: mitra;
}
.site-header .site-branding .site-title {
    font-family: mitra;
}
.section-1 .col .text-holder .title {
    font-family: mitra;
}
.section-4 .header .main-title {
    color: #fff;
    font-family: mitra;
}
.section-6 .header .main-title {
    color: #fff;
    font-family: mitra;
}
.section-5 .tab-content .text-holder h3 {
    font-family: mitra;
}
.section-6 .wpcf7-form input[type="submit"] {
	font-family: mitra;
}
.section-5 .tab-content .text-holder .price {
    font-family: mitra;
}
.woocommerce div.product .product_title {
    font-family: mitra;
}
.woocommerce div.product form.cart .button {
    font-family: mitra;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-family: mitra;
}
.woocommerce .related.products h2 {
    font-family: mitra;
}
#primary .post .entry-content h2, #primary .page .entry-content h2 {
    font-family: mitra;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    float: none;
    font-family: mitra;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
    font-family: mitra;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    font-family: mitra;
}
#primary .post .entry-content h3, #primary .page .entry-content h3 {
    font-family: mitra;
}
#primary .post .entry-content table th, #primary .page .entry-content table th, #primary .post .entry-content table td, #primary .page .entry-content table td {
    padding: 1vw 2vw;
    text-align: right;
}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
    font-family: mitra;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.added_to_cart {
    font-family: mitra;
}
body, button, input, select, textarea {
    color: #515050;
    font-family: mitra;
}
.comments-area .comments-title, .comments-area .comment-reply-title {
    font-family: mitra;
}
.comment-form textarea {
    font-family: mitra;
}
.comment-form input[type="submit"] {
    font-size: 15px;
    font-family: mitra;
}
.page-header .page-title {
        font-family: mitra;
}
.error404 .error-holder h2 {
    font-family: mitra;
}
.sidr ul li {
    font-family: mitra;
}
@media screen and (min-width: 768px) {
.main-navigation ul li:hover > ul {
    left: 0;
    right: auto;
}

.main-navigation ul ul li:hover > ul {
    left: auto;
    right: 100%;
}

.main-navigation ul ul::before {
    left: auto;
    right: 10px;
}

.main-navigation ul li:hover > ul {
    left: auto;
    right: 0;
    display: block;
}

.site-header .site-branding,
.main-navigation ul li {
    float: right;
}

.main-navigation {
    float: left;
}

.main-navigation ul li {
    margin-left: 0;
    margin-right: 44px;
}

.main-navigation ul li:first-child {
    margin-right: 0;
}
}