Current File : /home/kelaby89/huss-kelaby.cv/wp-content/themes/arter/rtl.css

/*
Theme Name: arter

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 !important;
	text-align: right;
	overflow-x: hidden;
	unicode-bidi: embed;
}

@media(min-width:1032px) {
	.art-app .art-app-wrapper .art-app-container .art-menu-bar {
		left: -150px;
		right: auto;
	}
	.art-app .art-app-wrapper .art-app-container .art-content {
		padding-right: 0;
		padding-left: 80px;
	}
}

.art-menu-bar .art-current-page {
	right: -62px;
	left: auto;
}

div,
a,
h1,
h2,
h3,
h4,
h5,
h6,
span,
p {
	letter-spacing: 0 !important;
}

.art-counter-frame .art-counter-box {
	text-align: right;
}

.art-link.art-w-chevron {
	padding-left: 10px;
	padding-right: 10px;
}

.art-link.art-w-chevron:after {
	transform: translateX(-5px);
	-webkit-transform: translateX(-5px);
	content: '\f053';
	left: 0;
	right: auto;
}

.art-banner .art-banner-overlay .art-banner-photo {
	left: 30px;
	right: auto;
}

.txt-rotate .wrap {
	border-left: 1px solid #aaa;
	border-right: none !important;
	padding-left: 5px;
	padding-right: 0;
}

.art-price .art-price-body .art-price-cost .art-number sup {
	left: 0;
	right: auto;
}

.art-price .art-price-body .art-price-list ul li:before {
	margin-left: 5px;
	margin-right: 0;
}

.art-price.art-popular-price:before {
	left: -72px;
	right: auto;
	transform: rotate(-45deg);
}

.art-link.art-w-chevron:hover:after {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}

.art-testimonial .testimonial-body .art-testimonial-face {
	left: 30px;
	right: auto;
}

.footer div:nth-child(2) {
	text-align: left;
}

.art-info-bar .art-hard-skills .art-hard-skills-item .art-line-progress .progressbar-text {
	text-align: left;
}

.art-info-bar .art-knowledge-list li::before {
	margin-left: 10px;
}

.art-number span:nth-of-type(2) {
	float: right;
}

.art-contact-form label {
	right: 0;
	left: auto;
}

.art-form-field input {
	padding-right: 65px;
	padding-left: 15px;
	text-align: right;
}

.art-form-field textarea {
	text-align: right;
}

.art-form-field textarea {
	border-right: solid 50px #20202a;
	border-left: none;
}

.art-menu-bar nav .main-menu .menu-item {
	transform: translateX(-60px);
}

.art-menu-bar.art-active nav .menu-item {
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}

.art-slider-nav .fa-chevron-right:before {
	content: "\f053";
}

.art-slider-nav .fa-chevron-left:before {
	content: "\f054";
}


/* @media(max-width:1032px){ */

.art-app .art-app-wrapper .art-app-container .art-menu-bar.art-active {
	-webkit-transform: translateX(150px);
	transform: translateX(150px);
}


/* } */

@media(min-width:1032px) {
	.art-app .art-app-wrapper .art-app-container .art-content.art-active {
		-webkit-transform: translateX(150px);
		transform: translateX(150px);
	}
}

.art-menu-bar nav .main-menu .menu-item.menu-item-has-children:after {
	content: '\f053';
	left: 30px;
	right: auto;
}

.art-menu-bar nav .main-menu .menu-item:hover.menu-item-has-children:after {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.art-menu-bar nav .main-menu .menu-item .sub-menu {
	padding-right: 0;
}

@media(max-width:1032px) {
	.art-app .art-app-wrapper .art-app-container .art-info-bar {
		right: -290px;
		left: auto;
	}
	.art-app .art-app-wrapper .art-app-container .art-info-bar.art-active {
		-webkit-transform: translateX(-290px);
		transform: translateX(-290px);
	}
	.art-app .art-app-wrapper .art-app-container .art-info-bar .art-info-bar-frame .art-info-bar-header .art-info-bar-btn {
		margin-right: auto;
		margin-left: 0;
	}
	.art-app .art-app-wrapper .art-app-container .art-info-bar .art-info-bar-frame .art-info-bar-header .art-info-bar-btn {
		-webkit-transform: translateX(-70px);
		transform: translateX(-70px);
	}
	/*  */
	.art-app .art-app-wrapper .art-app-container .art-menu-bar {
		left: -150px;
		right: auto;
	}
	.art-app .art-app-wrapper .art-app-container .art-menu-bar {
		left: -230px;
		right: auto;
	}
	.art-app .art-app-wrapper .art-app-container .art-menu-bar .art-menu-bar-btn {
		-webkit-transform: translateX(80px);
		transform: translateX(80px);
	}
	.art-app .art-app-wrapper .art-app-container .art-menu-bar.art-active {
		-webkit-transform: translateX(230px);
		transform: translateX(230px);
	}
}

.art-skills-progress svg,
.art-preloader-load svg {
	transform: rotateY(180deg);
}

.art-cirkle-progress svg {
	transform: rotateY(360deg);
}

.art-info-bar .art-knowledge-list {
	padding-right: 0;
	padding-left: 0;
}

.art-pagination>.art-link:last-child {
	float: left !important;
}

.art-pagination>.art-link:first-child {
	float: right !important;
}

.art-link.art-left-link.art-w-chevron::after {
	content: '\f053';
	right: 0;
	left: auto;
	transform: rotateY(180deg);
}

.art-el-suptitle span {
	font-style: normal;
	font-weight: lighter;
}

.art-portfolio-item-frame .art-item-hover {
	right: 30px;
	left: auto;
}

.art-link {
	margin-left: 15px;
	margin-right: 0;
}

.art-grid .art-grid-item {
	-webkit-transition-property: right, top, -webkit-transform, opacity;
	-moz-transition-property: right, top, -moz-transform, opacity;
	-ms-transition-property: right, top, -ms-transform, opacity;
	-o-transition-property: right, top, -o-transform, opacity;
	transition-property: right, top, transform, opacity;
}

.comment-info span.comment-reply {
	left: 0;
	right: auto;
}

.comment-reply-link::after {
	margin-right: 8px;
	margin-left: 0;
}

.post-comments .post-comment .image {
	float: right;
}

.post-comments .post-comment .desc {
	margin-right: 100px;
	margin-left: auto;
}

.single-post-text figure .wp-caption-text,
.comment-text figure .wp-caption-text,
.gallery-caption,
.bypostauthor {
	font-style: normal;
}

.art-banner-back {
	margin-left: auto;
	margin-right: 5%;
}

.comment-respond .title_inner small {
	left: 0;
	right: auto;
}

.single-post-text ul>li, .single-post-text ol>li, .comment-text ul>li, .comment-text ol>li {
	padding: 0 14px 0 0;
}

.single-post-text ul>li:before, .comment-text ul>li:before {
	left: auto;
	right: 0;
}

.art-link.art-left-link.art-w-chevron:hover:after {
	-webkit-transform: translateX(-5px) rotateY(180deg);
	transform: translateX(-5px) rotateY(180deg);
}

.art-link.art-w-chevron:after {
	left: 0;
	right: auto;
}

.art-link.art-left-link.art-w-chevron:after {
	left: auto;
	right: 0;
}

.default--scrolling .art-app .art-app-wrapper .art-app-container .art-content {
	padding-left: 80px;
	padding-right: 290px;
}
.default--scrolling .art-app .art-app-wrapper .art-app-container .art-menu-bar-fix {
	right: auto;
	left: 0;
}
.default--scrolling .art-app .art-app-wrapper .art-app-container .art-menu-bar {
	right: auto;
	left: auto;
}
@media (max-width: 1032px) {
	.default--scrolling .art-app .art-app-wrapper .art-app-container .art-content {
		padding-left: 0;
		padding-right: 0;
	}
	.default--scrolling .art-app .art-app-wrapper .art-app-container .art-menu-bar-fix {
		right: auto;
		left: -80px;
	}
}

/*
	New Woocommerce Styles
*/

.art-menu-bar .cart-btn .cart-icon .cart-count {
    left: auto;
	right: 20px;
}

.art-menu-bar .cart-btn .cart-widget {
	right: auto;
	left: 80px;
}

.woocommerce ul.cart_list, 
.woocommerce ul.product_list_widget,
ul.cart_list li, 
ul.product_list_widget {
	text-align: right;
}

.woocommerce ul.cart_list li img, 
.woocommerce ul.product_list_widget li img,
ul.cart_list li img, 
ul.product_list_widget li img {
	float: left;
	margin-right: 10px;
	margin-left: 0;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button
.woocommerce-mini-cart__buttons #respond input#submit, 
.woocommerce-mini-cart__buttons a.button, 
.woocommerce-mini-cart__buttons button.button, 
.woocommerce-mini-cart__buttons input.button {
    margin-right: 0;
	margin-left: 15px;
}

.woocommerce-mini-cart__buttons #respond input#submit, 
.woocommerce-mini-cart__buttons a.button, 
.woocommerce-mini-cart__buttons button.button, 
.woocommerce-mini-cart__buttons input.button {
	float: right;
}

.woocommerce ul.products li.product .price ins {
	margin-right: 5px;
	margin-left: 0;
}

.woocommerce ul.products li.product .price > span {
	margin-right: 0;
}

.woocommerce ul.products li.product .button.add_to_cart_button:before {
	margin-right: 0;
	margin-left: 10px;
	left: auto;
	right: 0;
}

.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {
	float: right;
}

.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
	padding-right: 30px;
	padding-left: 0;
	float: left;
}

.woocommerce .product span.onsale {
	left: auto;
	right: 15px;
}

.woocommerce div.product p.price del, 
.woocommerce div.product span.price del {
	margin-left: 5px;
}

.woocommerce .woocommerce-product-rating .star-rating {
	margin: 0 0 0 5px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
	float: right;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
	margin: 0 66px 0 0;
}

.comment_container .star-rating {
    right: auto;
    left: 0;
}

.woocommerce-account .addresses .title h3,
.addresses .title h3 {
	float: right;
}

.addresses .title .edit,
.woocommerce-account .addresses .title .edit {
	float: left;
}

@media (max-width: 767px) {
	.art-menu-bar .cart-btn {
		right: -130px;
		left: auto;
	}
}