/*
Theme Name: Croccante

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

*/

body {
	direction: rtl;
	unicode-bidi: embed;
}
.spaceLeft {
	margin-left: 0;
	margin-right: 0.5em;
}
.spaceRight {
	margin-right: 0;
	margin-left: 0.5em;
}
.main-navigation ul {
	padding-right: 0;
}
.main-navigation, .icon-search, #push-nav {
	float: left;
}
header.site-header .mainLogo {
	float: right;
}
#push-nav, .icon-search {
	margin-left: inherit;
	margin-right: 1em;
}
.main-navigation ul ul {
	left: 0;
    right: auto;
}
.main-navigation ul ul a {
	text-align: left;
}
.main-navigation ul ul ul {
	left: 100%;
	right: inherit;
}
.main-navigation li a:not(:last-child):after {
    margin: 0 7px 0 0;
	float: left;
	line-height: inherit;
}
.main-navigation ul ul li a:not(:last-child):after {
    content: "\f105";
    margin: 0 0 0 7px;
    float: right;
}
#tertiary.widget-area {
	left: -390px;
	right: inherit;
	-wekbit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
}
#tertiary.widget-area.open {
    left: 30px;
	right: inherit;
}
.croccante_main_text {
    transform: translateX(50%);
}
.aboutus_columns_three.one {
    text-align: left;
}
.skillTop .skillName {
	float: right;
}
.skillTop .skillNameUnder {
	left: inherit;
	right: 0px;
}
.skillTop .skillValue {
	float: left;
}
.skillBottom .skillRealBarCyrcle {
	left: -5px;
	right: inherit;
}
.cta_columns .ctaText {
	float: right;
}
.cta_columns .ctaButton {
	float: left;
}
.cta_columns .ctaIcon {
	margin-right: inherit;
	margin-left: 1em;
}
.serviceText {
	float: right;
	padding-right: 3em;
	padding-left: inherit;
}
.serviceIcon {
	float: right;
}
.entry-featuredImg {
    direction: ltr;
}
.team_columns, .team_columns .croccanteTeamSingle, .cta_columns .ctaPhrase h3, .cta_columns .ctaPhrase p {
	text-align: right;
}
footer.site-footer .site-social {
	float: left;
}
footer.site-footer .site-info {
	float: right;
}
#toTop {
	right: inherit;
	left: -80px;
	-webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
}
#toTop.visible {
    right: inherit;
	left: 0px;
}
.widget.widget_search input[type="search"],
.widget.woocommerce.widget_product_search input[type="search"],
.woocommerce #content form.cart .quantity input[type="number"] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
	border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
	float: right;
	border-right-width: 1px;
	border-left-width: 0;
}
.widget.widget_search input[type="submit"],
.widget.woocommerce.widget_product_search button,
.woocommerce #content form.cart .button {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
	border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
	float: left;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin-right: 85px;
	margin-left: 0;
}
.woocommerce #reviews .commentlist li .avatar {
    top: 0;
    right: 0;
    left: inherit;
}
.woocommerce div.product form.cart .variations td.label {
    float: right;
}
.woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before {
    left: inherit;
	right: 1em;
}
.woocommerce-error li a, .woocommerce-message a {
    float: left;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error {
    padding: 1.5em 2.5em 1.5em 1.5em;
}
.product_list_widget li img {
    margin-right: inherit;
    margin-left: 1em;
    float: right;
}
.widget_shopping_cart .product_list_widget li a.remove {
    right: inherit;
    left: 0;
}
.woocommerce .content-area .images {
	float: right;
}
.woocommerce .content-area .summary {
	float: left;
}
.content-area .onsale {
	right: 5px;
	left: inherit;
}
.widget_archive li, .widget_categories li {
    text-align: left;
}
.widget_archive li a, .widget_categories li a {
    float: right;
}
.widget.widget_categories li:before {
	padding-right: inherit;
	padding-left: 0.5em;
	float: right;
}
.widget.widget_archive li:before {
	content: "\f0d9";
	padding-right: inherit;
	padding-left: 0.5em;
	float: right;
}
aside ul.menu .indicatorBar {
	right: inherit;
	left: 0;
	border-left-width: 0px;
    border-left-style: dashed;
	border-right-width: 1px;
    border-right-style: dashed;
}
aside ul.menu ul.sub-menu {
    padding-left: inherit;
	padding-right: 2em;
}
.read-more i:before {
	content: "\f0d9";
}
.post-navigation .nav-previous i:before {
	content: "\f178";
}
.post-navigation .nav-next i:before {
	content: "\f177";
}
blockquote {
    padding: 1.5em 3.5em 1.5em 1.5em;
}
blockquote::before {
	left: inherit;
	right: 10px;
	content: "\f10e";
}
.tags-links {
	float: right;
}
.hentry .edit-link {
	float: left;
}
#comments article footer img {
    float: right;
    margin-left: 1em;
	margin-right: inherit;
}
#comments .reply {
	right: inherit;
	left: 1.5em;
}
#comments ol ol {
    padding-left: inherit;
	padding-right: 10%;
}
.navigation.pagination .nav-links .prev {
	float: right;
}
.navigation.pagination .nav-links .prev i:before {
	content: "\f101";
}
.navigation.pagination .nav-links .next {
	float: left;
}
.navigation.pagination .nav-links .next i:before {
	content: "\f100";
}
.woocommerce ul.products > li {
	float: right;
}
@media all and (max-width: 1024px) {
	.main-navigation a, .main-navigation ul ul a {
		text-align: right;
	}
	.main-navigation ul li .indicator {
		left: 0;
		right: inherit;
		border-left-width: 0px;
		border-right-width: 1px;
		border-right-style: dashed;
	}
	.main-navigation ul ul, .main-navigation ul ul ul {
		padding-left: 0;
		padding-right: 3%;
	}
	.serviceIcon {
		float: none;
	}
}
@media all and (max-width: 850px) {
	header.site-header .mainLogo {
		float: none;
	}
	.main-navigation {
		float: none;
	}
	.aboutus_columns_three.one, .aboutus_columns_three {
		text-align: center;
	}
}
@media all and (max-width: 767px) {
	#tertiary.widget-area.open {
		left: 15px;
	}
	.cta_columns .ctaIcon {
		margin: 0 auto;
	}
	.cta_columns .ctaPhrase h3, .cta_columns .ctaPhrase p {
		text-align: center;
	}
}
@media all and (max-width: 559px) {
	#tertiary.widget-area.open {
		left: 0px;
	}
}