/*
Theme Name: ober

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

*/


/* RTL */
body {
  direction: rtl;
  text-align: right;
}

.comment-form-cookies-consent input {
	margin-right: 0;
  margin-left: 10px;
}

.vertical-line {
	border-left: none;
  border-right: 1px solid #fff;
}

.fw-row .fw-col-left {
	padding-right: 0;
  padding-left: 60px;
	text-align: left;
}

.fw-row .fw-col-right {
	padding-left: 0;
  padding-right: 60px;
	border-left: none;
  border-right: 1px solid #fff;
}


/* - Typography */

ul {
	padding-right: 0px;
}

ol {
	padding-right: 0px;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-left: 0;
	margin-right: 15px;
}

dd {
	margin-left: 0;
  margin-right: 30px;
}

.block-quote,
blockquote,
.block-quote,
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-pullquote {
	margin-left: 0;
  margin-right: 50px;
	border-left: none;
  border-right: 1px solid #fff;
}

.block-quote:before,
blockquote:before,
.block-quote:before,
.wp-block-quote:before,
.wp-block-quote.is-large:before,
.wp-block-quote.is-style-large:before,
.wp-block-pullquote:before {
	left: auto;
  right: 50px;
}

.block-quote cite,
blockquote cite,
.block-quote cite,
.wp-block-quote cite,
.wp-block-quote.is-large cite,
.wp-block-quote.is-style-large cite,
.wp-block-pullquote cite {
	text-align: right;
}

.wp-block-pullquote {
	text-align: right;
}

select,
.custom-select {
	background: url(assets/images/caret-down.svg) no-repeat left 20px center/12px 12px;
}

/* - Alignment */

.align-right {
	text-align: left !important;
}

.align-left {
	text-align: right !important;
}

.pull-right {
	float: left !important;
}

.pull-left {
	float: right !important;
}

.alignright {
	margin-left: 0;
  margin-right: 30px;
	float: left;
}

.alignleft {
  margin-right: 0;
	margin-left: 30px;
	float: right;
}


/* - Breadcrumbs */

.breadcrumbs {
	float: right;
}

/* - Preloader */

.preloader .spinner.spinner-line {
	left: auto;
  right: 0;
}

.preloader .spinner-dot {
	left: auto;
  right: 0;
}

/* - Animations */

.section-parallax-1 .pafter {
	right: auto;
  left: -41px;
}

.section-parallax-1 .pbefore {
	left: auto;
  right: -61px;
}

.section-parallax-2 .pafter {
	right: auto;
  left: -41px;
}

.section-parallax-2 .pbefore {
	left: auto;
  right: 41px;
}

.section-parallax-3 .pbefore {
	left: auto;
  right: -61px;
}

.section-parallax-3 .pafter {
	right: auto;
  left: -41px;
}

.section-parallax-4 .pbefore {
	left: auto;
  right: -41px;
}

.section-parallax-4 .pafter {
	right: auto;
  left: -41px;
}

.section-parallax-5 .pafter {
	right: auto;
  left: -41px;
}


/**
* Header
**/

.header .logo {
	margin-right: 0;
  margin-left: 30px;
	float: right;
}

.switcher-btn {
	margin-right: 0;
  margin-left: 40px;
}

.menu-btn {
	right: auto;
  left: 0;
}

.header__builder .menu-btn,
.elementor-editor-active .menu-btn {
	margin-right: auto;
	margin-left: 0;
}

.menu-full ul {
	text-align: right;
}

.menu-full ul li ul li a {
	padding-left: 0;
	padding-right: 40px;
}

.menu-social-links {
	right: auto;
  left: 50px;
}

.menu-full ul li.has-children > a i {
	margin-left: 0;
  margin-right: 25px;
}


/**
* Footer
**/

.social-links a {
	margin-right: 0;
	margin-left: 15px;
}

/**
* Section Titles
**/

.single-portfolio .m-titles:before {
  left: auto;
	right: -100%;
}


/**
* Section Hero Started
**/

.section.hero-started:before {
	left: auto;
  right: -100%;
}

.section.hero-started .slide {
	right: auto;
  left: -139px;
}

.section.hero-started .slide .circle {
	left: auto;
  right: 0;
}

.section.hero-started .slide .circle.circle-2 {
	left: auto;
  right: -75px;
}

.section.hero-started .slide .circle.circle-3 {
	left: -75px;
	right: auto;
}

.section.hero-started .slide .circle.circle-4 {
	left: 10px;
	right: auto;
  transform: scaleX(-1);
}

.section.hero-started .slide .circle.circle-5 {
	left: 45px;
	right: auto;
}

.section.hero-started .description {
  margin-left: 0;
  margin-right: 100px;
	padding-left: 0;
  padding-right: 40px;
	border-left: none;
  border-right: 1px solid #fff;
}

.section.hero-started .info-list ul li:first-child {
	text-align: right;
}

.section.hero-started .info-list ul li:last-child {
	text-align: left;
}


/**
* Section Resume
**/

.numbers-items {
  text-align: left;
}

.skills-item .value {
	text-align: left;
}

.skills-item .value .num {
	text-align: left;
}

.history-left {
	float: right;
}

.history-right {
	float: left;
}


/**
* Section Works
**/

.filter-links a:before {
	right: auto;
  left: 0;
}

.works-items.works-masonry-items .works-item .desc {
	left: auto;
  right: 0;
}

.works-items.works-list-items .works-item .image {
	float: right;
}

.works-items.works-list-items .works-item .desc {
	margin-left: 0;
  margin-right: 67%;
}


/**
* Section Blog
**/

.archive-item .desc .category span {
	padding-left: 0;
	margin-left: 0;
	border-left: none;
  padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #91959b;
}

.blog-items .archive-item .desc .category {
	left: auto;
  right: 0;
	text-align: left;
}

.blog-items .archive-item .desc .category span {
	margin-right: 0;
}

.blog-items .archive-item .desc .title, .blog-items .archive-item .desc .text {
	margin-left: 0;
  margin-right: calc(25% + 60px);
}


/**
* Section Project Details
**/

.m-details .details-label {
	margin-right: 0;
  margin-left: 50px;
}


/**
* Section Navigation
**/

.m-page-navigation .nav-arrow:after {
	margin-right: 10px;
}

.single-portfolio .m-page-navigation .col-xs-12 {
  margin-right: 0!important;
}


/**
* Section Archive
**/

.post-content table th,
.wp-block-table.is-style-stripes th {
	text-align: right;
}

img.alignright {
	float: left;
	margin: 0 30px 15px 0;
}

img.alignleft {
	float: right;
	margin: 0 0 15px 30px;
}

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

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

a.page-numbers.prev .icon-arrow,
a.page-numbers.next .icon-arrow {
	right: auto;
  left: 0;
}

a.page-numbers.prev .icon-arrow:before,
a.page-numbers.prev .icon-arrow:after,
a.page-numbers.next .icon-arrow:before,
a.page-numbers.next .icon-arrow:after {
	right: auto;
  left: 0;
}


/**
* Section Sidebar
**/

.col__sedebar {
	margin-left: 0;
  margin-right: 50px;
}

.col__sedebar .content-sidebar {
	border-left: none;
  border-right: 1px solid #91959b;
}

.content-sidebar .search-form input.btn_search,
input.search-submit,
.wp-block-search .wp-block-search__button,
.wc-block-product-search .wc-block-product-search__button {
	right: auto;
  left: 20px;
}

.content-sidebar .widget {
	padding: 25px 50px 25px 0;
}

.content-sidebar .widget:first-child {
	padding-top: 0;
}

.content-sidebar .widget:last-child {
	padding-bottom: 0;
}

.content-sidebar .widget>*:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.content-sidebar .widget-title:before, .content-sidebar h2:before {
	left: auto;
  right: 0;
}

.content-sidebar ul,
.post-content .wp-block-archives {
	padding-right: 0;
}

.calendar_wrap table tfoot td,
.wp-block-calendar table tfoot td {
	text-align: right;
}

.calendar_wrap table tfoot td:last-child,
.wp-block-calendar table tfoot td:last-child {
	text-align: left;
}

.content-sidebar ul ul {
	margin-right: 0;
}

.content-sidebar ul ul li {
	padding-left: 0;
  padding-right: 0.6rem;
}

.content-sidebar ul ul li:before {
	left: auto;
  right: 0;
}

.wp-block-rss {
	margin-right: 0;
	padding-right: 0;
}

.col__sedebar .tagcloud {
	margin-right: 0;
  margin-left: -15px;
}

.tags-links a,
.col__sedebar .tagcloud a,
.wp-block-tag-cloud a {
	margin: 10px 0 0 10px;
}

.comments-post .m-title small {
	margin-left: 0;
  margin-right: 10px;
}

.avatar {
	float: right;
}

.comments .children {
	padding-left: 0;
  padding-right: 100px;
}

.comment-box__body {
	padding-left: 0;
  padding-right: 100px;
}

.trackback .comment-box__body,
.pingback .comment-box__body {
	margin-right: 0 !important;
	padding-right: 0;
}

.section__comments .children .children {
	padding-left: 0;
  padding-right: 40px;
}

.comment-reply-link:before {
	padding-right: 0;
  padding-left: 8px;
}

.tags-links span {
	margin-right: 0;
  margin-left: 10px;
}

.post-edit-link:before {
	padding-right: 0;
  padding-left: 8px;
}

.share-post .share-btn {
	margin-right: 0;
  margin-left: 7px;
}

@media only screen and (max-width: 991px) {
	.col__sedebar {
		padding-right: 0;
	}
}

@media only screen and (max-width: 580px) {
	.section__comments .children {
		padding-left: 0;
    padding-right: 15px;
	}
	.comment-footer {
		margin-left: 0;
    margin-right: 60px;
	}
	.section__comments .children .children {
		padding-left: 0;
    padding-right: 15px;
	}
}

.archive-item .sticky:before {
	left: auto;
  right: -1.5rem;
}


/**
* Responsive
**/

@media screen and (max-width: 1024px) {
	/*header*/
	.menu-social-links {
		right: auto;
    left: 40px;
	}

	/*hero started*/
	.section.hero-started .slide {
		right: auto;
    left: -266px;
	}

	/*about*/
	.numbers-item .title {
		margin-left: 0;
    margin-right: -20px;
	}

	/*works*/
	.works-items.works-list-items .works-item .desc {
		margin-left: 0;
    margin-right: 55%;
	}

	/*video-large*/
	.offset-1 {
		margin-right: 0;
	}

	/*sidebar*/
	.col__sedebar {
		margin-right: 0;
	}
	.col__sedebar .content-sidebar {
		border-right: none;
	}
	.content-sidebar .widget {
		padding: 30px 0;
	}
}

@media screen and (max-width: 920px) {
	/*hero started*/
	.section.hero-started .slide {
    margin-right: 0;
    margin-left: -375px;
		right: auto;
		left: 50%;
	}
	.section.hero-started .description {
		margin-left: 0;
    margin-right: 113px;
	}
	.section.hero-started .info-list {
		margin-left: 0;
		border-left: none;
		padding-left: 0;
    margin-right: 113px;
		border-right: 1px solid #fff;
		padding-right: 40px;
	}
	body.light-skin .section.hero-started .info-list {
		border-right-color: #1c2528;
	}
	.section.hero-started .info-list ul li {
		text-align: right;
	}
	.section.hero-started .info-list ul li:last-child {
		text-align: right;
	}
}

@media screen and (max-width: 767px) {
	.offset-1,
	.offset-2,
	.offset-3,
	.offset-4,
	.offset-5,
	.offset-6,
	.offset-7,
	.offset-8,
	.offset-9,
	.offset-10,
	.offset-11,
	.offset-12 {
		margin-right: 0;
	}

	/*header*/
	.menu-full ul li.has-children > a i {
		margin-left: 0;
    margin-right: 10px;
	}
	.menu-social-links {
		right: auto;
    left: 15px;
	}

	/*started hero*/
	.section.hero-started .description {
		margin-left: 0;
    margin-right: 35px;
	}
	.section.hero-started .info-list {
		margin-left: 0;
    margin-right: 35px;
	}

	/*about*/
	.numbers-items {
		margin-right: 0;
		padding-right: 0;
		text-align: right;
		border-right: none;
	}
	.numbers-item {
		padding: 0 0 20px 20px;
	}
	.numbers-item .title {
		margin-right: 0;
	}

	/*works*/
	.works-items.works-list-items .works-item .desc {
		margin-right: 0;
		padding: 40px 0 0 40px;
	}

	/*blog*/
	.blog-items .archive-item .desc .category {
		text-align: right;
	}
	.blog-items .archive-item .desc .category span {
		padding-right: 20px;
	}
	.blog-items .archive-item .desc .title, .blog-items .archive-item .desc .text {
		margin-right: 0;
	}

	/*single portfolio*/
	.single-portfolio .m-titles {
		padding-left: 15px;
		padding-right: 15px;
	}
	.m-details .details-label {
    margin-right: 0;
		margin-left: 30px;
	}

	/*sidebar*/
	.tags-links a,
	.col__sedebar .tagcloud a,
	.wp-block-tag-cloud a {
		margin: 8px 0 0 8px;
	}
	.comment-box__body {
		padding-left: 0;
    padding-right: 60px;
	}
	.block-quote, blockquote, .block-quote, .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-pullquote {
		padding-left: 0;
		padding-right: 20px;
	}
	.wp-block-pullquote blockquote {
		padding-right: 0;
	}
}

.archive-item .desc .category span:first-child {
  padding-right: 0;
  margin-right: 0;
}

.elementor-91 .elementor-element.elementor-element-6b2395b {
  text-align: right !important;
}

.elementor-91 .elementor-element.elementor-element-c48ea9c {
  text-align: left !important;
}

.elementor-148 .elementor-element.elementor-element-8b314e8 {
  text-align: left !important;
}

.swiper-container-rtl .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background: none;
  transform: scaleX(-1);
}

.section-parallax-1 .pafter {
  transform: scaleX(-1);
}

@media (min-width: 768px) {
  .elementor-115 .elementor-element.elementor-element-fe77774 > .elementor-element-populated,
  .elementor-115 .elementor-element.elementor-element-9ef002f > .elementor-element-populated,
  .elementor-115 .elementor-element.elementor-element-ae5936a > .elementor-element-populated,
  .elementor-115 .elementor-element.elementor-element-bc1168b > .elementor-element-populated,
  .elementor-115 .elementor-element.elementor-element-43669c7 > .elementor-element-populated,
  .elementor-115 .elementor-element.elementor-element-ced4a45 > .elementor-element-populated,
  .elementor-115 .elementor-element.elementor-element-c51b9f8 > .elementor-element-populated,
  .elementor-1092 .elementor-element.elementor-element-f238612 > .elementor-element-populated,
  .elementor-650 .elementor-element.elementor-element-8b7055e > .elementor-element-populated,
  .elementor-635 .elementor-element.elementor-element-f7b2739 > .elementor-element-populated {
    border-left-width: 0px !important;
    border-right-width: 1px !important;
  }
}


/**
* Ober Light Skin
**/

body.light-skin .vertical-line {
	border-color: #1c2528;
}

body.light-skin .fw-row .fw-col-right {
	border-color: #1c2528;
}

body.light-skin .block-quote,
body.light-skin blockquote,
body.light-skin .block-quote,
body.light-skin .wp-block-quote,
body.light-skin .wp-block-quote.is-large,
body.light-skin .wp-block-quote.is-style-large,
body.light-skin .wp-block-pullquote {
	border-color: #1c2528;
}

body.light-skin .section.hero-started .description {
	border-color: #1c2528;
}

body.light-skin .archive-item .desc .category span {
	border-color: #91959b;
}

body.light-skin .col__sedebar .content-sidebar {
	border-color: #91959b;
}
