/*
Theme Name: costello Pro
Description: Adds support for languages written in a Right To Left (RTL) direction.
It's easy, just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

See: https://codex.wordpress.org/Right_to_Left_Language_Support
*/

/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Typography
 * 3.0 - FontAwesome
 * 4.0 - Elements
 * 5.0 - Padding/Margin
 * 6.0 - Forms
 * 7.0 - Navigation
 *    7.1 - Main Menu
 * 8.0 - Widgets
 * 9.0 - Content
 *	  9.1 - Posts and pages
 *	  9.2 - Comments
 * 10.0 - Modules
 *	  10.1 - Audio Player
 	  10.2 - Hero Content
 * 11.0 - WooCommerce
 * 12.0 - Media Queries
 *    12.1 - >= 640px
 *    12.2 - >= 768px
 *    12.3 - >= 1024px
 *    12.4 - >= 1200px
 */


/**
 * 1.0 - Normalize
 */

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

input[type="checkbox"],
input[type="radio"] {
	margin-right: auto;
	margin-left: 0.4375em;
}


/**
 * 2.0 - Typography
 */


/**
 * 3.0 - FontAwesome
 */





/**
 * 4.0 - Elements
 */

ul,
ol {
	margin: 0 1.5em 1.75em 0;
}

ol {
	margin-right: 1.5em;
	margin-left: 0;
}

caption,
th,
td {
	text-align: right;
}


/**
 * 5.0 - Padding/Margin
 */

.custom-header-content.content-align-left .section-title:after {
	margin: 28px auto 0 0;
}

#promotion-section .play-button-text {
	margin-left: 0;
	margin-right: 14px;
}

.entry-footer .author img {
	margin-right: 0;
	margin-left: 1em;
}

.portfolio-content-wrapper .entry-container > .inner-wrap {
    padding-left: 0;
    padding-right: 15px;
}



/**
 * 6.0 - Forms
 */

input[type="search"].search-field {
	padding: 12px 14px 12px 64px;
}

.search-submit {
	left: 0;
	right: auto;
}

.ewnewsletter .hentry form input[type="email"] {
    padding-left: 54px;
    padding-right: 14px;
}

.ewnewsletter .hentry form input[type="submit"] {
    left: 0px;
    right: unset;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sidebar .section-heading-wrapper,
.site-footer .section-heading-wrapper {
	text-align: right;
}


/**
 * 7.0 - Navigation
 */

/**
 * 7.1 - Main Menu
 */

.main-navigation ul ul {
	margin-left: 0;
	margin-right: 0.875em;
}

.main-navigation ul ul li {
	text-align: right;
}

.main-navigation .menu-item-has-children > a,
.main-navigation .page_item_has_children > a {
	padding-left: 49px;
    padding-right: 30px;
}

.dropdown-toggle {
	left: 0;
	right: auto;
}

.dropdown-toggle:after {
	border-right-width: 1px;
	border-left-width: 0;
	left: auto;
	right: 1px;
}

.menu-inside-wrapper {
	left: -100%;
	right: unset;
}

.is-open .menu-inside-wrapper {
	left: 0;
	right: unset;
}

.menu-open .site {
	left: auto;
	right: 0;
}

.menu-label {
    display: inline-block;
    margin-left: 0;
    margin-right: 7px;
}


/**
 * 8.0 - Widgets
 */


.widget ul,
.widget ol {
	margin-right: 0;
}

.widget_categories ul li,
.widget_archive ul li,
.ew-archive ul li,
.ew-category ul li {
	text-align: right;
}

/* Categories widget */
.widget_categories ul,
.widget_archive ul {
	text-align: left;
}

.widget_categories ul li > span,
.widget_archive ul li > span,
.ew-archive ul li > span,
.ew-category ul li > span {
	float: left;
}

.widget li > ul,
.widget li > ol {
	margin-left: 0;
	margin-right: 14px;
}


/**
 * 9.0 - Content
 */

/**
 * 9.1 - Header
 */


.site-header-menu {
	margin-left: -20px;
	margin-right: 0;
}

/**
 * 9.2 - Posts and pages
 */

.page-links a,
.page-links > span {
	margin-right: auto;
	margin-left: 0.3076923077em;
}

.page-links > .page-links-title {
	padding-right: 0;
	padding-left: 0.6153846154em;
}

.entry-header .entry-meta > span {
	margin-right: 0;
	margin-left: 4px;
}


.archive-post-wrap .hentry .entry-meta > span:last-child {
    padding-left: 0;
}

.single .site-main .entry-footer .entry-meta {
	text-align: right;
}

.post-navigation .nav-previous {
    padding-left: 20px;
    padding-right: 0;
}

.post-navigation .nav-next {
    padding-left: 0;
    padding-right: 20px;
}

/**
 * 9.3 - Comments
 */

.comment-author {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

.comment-list .children li > article {
	padding-left: 0;
	padding-right: 2.5em;
}



/**
 * 10.0 - Modules
 */

/**
 * 10.2 - Section
 */

#hero-section,
#testimonial-content-section .owl-nav {
 	direction: ltr;
 }

#testimonial-content-section .owl-nav {
	bottom: 0;
	left: 77px;
	right: auto;
	width: auto;
}

.owl-carousel .owl-dots button.owl-dot {
	margin-right: 0;
	margin-left: 14px;
}

 #testimonial-content-section .section-title {
 	text-align: right;
 }

 .events-content-wrapper .date-week-day {
 	margin-left: 18px;
 	margin-right: 0;
 }

 .archive-post-wrap .hentry .entry-container {
 	margin-right: auto;
 }

 .archive-post-wrap .hentry:nth-child(2n) .entry-container {
 	margin-left: auto;
 	margin-right: 0;
 }

#feature-slider-section .entry-container {
	text-align: right;
}


/**
 * 11.0 - WooCommerce
 */

/**
 *  11.1 - Layout
 */

.site-content .woocommerce-result-count {
	float: right;
}

.site-content .woocommerce-ordering {
	clear: none;
	float: left;
}

/**
 * 11.2 - Shop tables
 */

table.shop_table_responsive tr td {
	text-align: left;
}


/**
 * 11.3 - Onsale
 */

.onsale {
	left: auto;
	right: 0;
}

ul.products .onsale {
	left: auto;
	right: 20px;
}

/**
 * 11.4 - Price
 */

.price del + ins {
	margin-left: 0;
	margin-right: .327em;
}


/**
 * 11.5 - Single product
 */

.single-product div.product .entry-summary .entry-title {
	text-align: right;
}

.single-product div.product .woocommerce-product-rating .star-rating {
	float: right;
	margin: 0 0 0 7px;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	left: 1em;
	right: auto;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
	float: left;
}

.single-product div.product form.cart {
	margin: 0 0 1.5em;
}

.single-product div.product form.cart .quantity {
	float: right;
	margin-left: 21px;
	margin-right: 0;
}

.variations .reset_variations {
	margin-left: 0;
	margin-right: 14px;
}

#reviews #comments ol.commentlist,
ul.woocommerce-error {
	margin-left: auto;
	margin-right: 0;
}


/**
 * 11.6 - Tabs
 */

.woocommerce-tabs .panel,
.woocommerce-tabs ul.tabs {
	text-align: right;
}

.woocommerce-tabs ul.tabs li a {
	margin-right: 0;
	margin-left: 35px;
}


/**
 * 11.7 - General WooCommerce components
 */

/**
 * 11.7.1 - Header cart
 */

.site-header-cart li {
	margin: 0;
}

.site-header-cart .cart-contents .count {
	margin-left: 0;
	margin-right: 7px;
}

.navigation-classic .menu-inside-wrapper .site-header-cart .cart-contents {
	display: inline-block;
}

.site-header-cart .product_list_widget .mini_cart_item .remove_from_cart_button {
	margin-left: 0;
	margin-right: 5px;

}
.product_list_widget li img {
	float: left;
}

.site-header-cart .product_list_widget img {
	margin-left: 0;
	margin-right: 1em;
}

#site-header-cart-wrapper {
	text-align: right;
}


/**
 * 11.7.2 - Notices
 */

.woocommerce-message a.button {
	margin-left: 14px;
	margin-right: 0;
}

#add_payment_method #payment .payment_method_paypal img,
.woocommerce-cart #payment .payment_method_paypal img,
.woocommerce-checkout #payment .payment_method_paypal img {
	margin-left: 0;
	margin-right: 7px;
}

.demo_store .woocommerce-store-notice__dismiss-link {
	float: left;
	margin-left: 0;
	margin-right: 14px;
}

/*Others*/
.pricing-section .package-month::before {
	padding-right: unset;
	padding-left: 4px;
}

.package-price sup {
	margin-right: unset;
	margin-left: 3px;
}

.entry-header .entry-meta svg.icon {
    margin-left: 7px;
    margin-right: 0;
}

.archive-post-wrap .hentry .entry-meta > span {
    padding-left: 14px;
    padding-right: 0;
}


.sidebar .wp-block-group li::before, .sidebar .widget li::before {
    left: unset;
    right: 0;
}

.sidebar .wp-block-group li,
.sidebar .widget:not(.social-navigation) li {
    padding-left: 0;
    padding-right: 36px;
}

.sidebar .wp-block-group .has-avatars li,
.sidebar .widget:not(.social-navigation) .has-avatars li {
    padding-left: 0;
    padding-right: 0px;
}


.portfolio-content-wrapper .inner-wrap::before {
    left: unset;
    right: 0;
}

#scrollup {
    left: 30px;
    right: unset;
}

.site-header-menu > .action-buttons > .button {
    margin-left: 0;
    margin-right: 14px;
}

.contact-details .contact svg {
    margin-left: 21px;
    margin-right: 0;
}

p.skill-bar-percent {
	right: auto;
	left: 0;
}

.team-content-area p.view-more {
	text-align: right;
}

.ewfeaturedpostpageimage .right .entry-container, .ewfeaturedpostpageimage .left .featured-image {
	float: right;
}
.ewfeaturedpostpageimage .left .entry-container, .ewfeaturedpostpageimage .right .featured-image {
    float: left;
    padding-right: 28px;
    padding-left: 0;
    text-align: right;
}
.essential-widgets .entry-meta .posted-on, .essential-widgets .entry-meta .byline, .essential-widgets .entry-meta .comments-link, .essential-widgets .entry-meta .tags-links, .essential-widgets .entry-meta .cat-links {
	margin-right: 0;
	margin-left: 10px;
}

#feature-slider-section .owl-prev .icon, #feature-slider-section .owl-next .icon {
    width: 40px;
    height: 40px;
    transform: rotate(180deg);
}
.scroll-down {
    left: auto;
    right: 0;
}

.scroll-down:before {
    left: auto;
    right: 100%;
}

.scroll-down {
    left: auto;
    right: 0;
	transform: rotate(90deg);
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
    margin-right: 98px;
    margin-left: 0;
}
.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
    margin-left: 28px;
    margin-right: 0;
}
/**
 * 12.0 - Media Queries
 */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


@media screen and (min-width: 35.5em) {
	.post-navigation .nav-previous, .posts-navigation .nav-previous {
		text-align: right;
	}
	.post-navigation .nav-next, .posts-navigation .nav-next {
		float: left;
		text-align: left;
	}
}
/**
 * 12.1 - >= 640px
 */

@media screen and (min-width: 40em) {
	/* Woocommerce styles */
	table.cart td.actions .coupon {
		float: right;
	}

	table.cart td.actions {
		text-align: left;
	}

	.single-product div.product .woocommerce-product-gallery,
	.single-product div.product .entry-summary {
		float: right;
		text-align: right;
		width: 50%;
	}

	.single-product div.product .entry-summary {
		margin: 0;
		padding-left: 0;
		padding-right: 35px;
	}/* Woocommerce styles end here */

	.author-info {
		text-align: right;
	}

	.author-avatar {
		float : right;
		margin: 0 0 0 35px;
	}

	.stats-content-wrapper {
		text-align: right;
	}

	.footer-newsletter .has-ew-newsletter-image .ew-newsletter-content-container {
		padding-left: 66px;
		padding-right: 42px;
	}
}

/**
 * 12.2 - >= 667px
 */
@media screen and (min-width: 41.6875em) {
	.testimonial-content-section.style-one .entry-container {
	    padding-left: 0;
	    padding-right: 40px;
	    text-align: right;
	}

	.stats-section.style-one .section-heading-wrapper,
	.stats-section.style-one .title-button-wrapper .view-more {
	    text-align: right;
	}

	.promotion-contact .entry-container {
		text-align: right;
	}

	.promotion-contact .button-wrap {
	    padding-left: 0;
	    padding-right: 28px;
	    text-align: left;
	}

     .promotion-contact .section-heading-wrapper {
          margin-left: auto;
          margin-right: unset;
     }

     .container--tabs .entry-container {
       margin-left: auto;
       margin-right: unset;
       padding-left: 40px;
       padding-right: 0;
    }
}

/**
 * 12.2 - >= 768px
 */

@media screen and (min-width: 48em) {
	/* Woocommerce styles */
	table.shop_table_responsive tr th,
	table.shop_table_responsive tr td {
		text-align: right;
	}


	.site-header-cart:hover .widget_shopping_cart,
	.site-header-cart.focus .widget_shopping_cart {
		left: 15px;
		right: auto;
	}/* Woocommerce styles end here */

	#testimonial-content-section .main-thumbnail {
		right: auto;
		left: 0;
	}

	.contact-form-section.layout-two .section-heading-wrapper {
		text-align: right;
	}
}


/**
 * 12.3 - >= 1024px
 */

@media screen and (min-width: 64em) {
	ul.products.columns-2 li.product .onsale,
	ul.products.columns-3 li.product .onsale,
	ul.products.columns-4 li.product .onsale {
		right: 20px;
	}

	.events-content-wrapper .entry-summary .more-link {
	    margin-left: 0;
	    margin-right: auto;
	}

	.site-header-menu {
	    margin-left: 0;
	}

	.portfolio-content-wrapper .entry-container > .inner-wrap {
	    padding-right: 20px;
	}

	.testimonial-content-section.style-one .entry-container {
	    padding-right: 60px;
	}

	.promotion-contact .button-wrap {
	    padding-right: 42px;
	}

    .container--tabs .entry-container {
       padding-left: 50px;
    }

	.testimonial-content-section .section-content-wrapper,
	.testimonial-content-section .section-heading-wrapper,
	#team-content-section .section-heading-wrapper {
		text-align: right;
	}
	.testimonial-content-section .entry-container:before {
		right: 14px;
		left: auto;
	}

	#testimonial-content-section .owl-dots .active:before {
		right: 0;
		left: auto;
	}
	.testimonial-content-wrapper .hentry-inner .post-thumbnail {
		margin: 0 0 0 14px;
		width: 86px;
	}
	.testimonial-content-section .section-content-wrapper {
		margin-right: 0;
	}
}


/**
 * 12.4 - >= 1200px
 */

@media screen and (min-width: 75em) {

	.navigation-classic .main-navigation .menu-item-has-children > a {
		padding-left: 20px;
		padding-right: 20px;
	}

	.navigation-classic .main-navigation .menu-item-has-children > a:after,
	.navigation-classic .main-navigation .page_item_has_children > a:after {
	    padding-left: 0;
	    padding-right: 7px;
	}

	.navigation-classic .main-navigation ul li:hover > ul,
	.navigation-classic .main-navigation ul li.focus > ul {
	    left: auto;
	    right: 0;
	}

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

	.navigation-classic .main-navigation ul ul .menu-item-has-children > a:after,
	.navigation-classic .main-navigation ul ul .page_item_has_children > a:after {
	    -webkit-transform: rotate(270deg);
	    -moz-transform: rotate(270deg);
	    -ms-transform: rotate(270deg);
	    transform: rotate(270deg);
	    padding: 0;
	    position: absolute;
	    top: 14px;
	    right: auto;
	    left: 21px
	}

	.navigation-classic .main-navigation .menu-item-has-children > a > .icon,
	.navigation-classic .main-navigation .page_item_has_children > a > .icon {
		left:  unset;
		right:  4px;
	}

	.navigation-classic .main-navigation ul ul .menu-item-has-children > a > .icon,
	.navigation-classic .main-navigation ul ul .page_item_has_children > a > .icon {
	    left: 8px;
	    right: auto;
	    -webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    transform: rotate(90deg);
	}

	.navigation-classic #primary-menu-wrapper {
	    margin-left: auto;
	    margin-right: unset;
	}



}

/**
 * 12.4 - >= 1366px
 */

 @media screen and (min-width: 85.375em) {

	.testimonial-content-section.style-one .entry-container {
	    padding-right: 80px;
	}

	.site-header-menu > .action-buttons > .button {
	    margin-right: 21px;
	}
	.half-content {
		padding-right: 56px;
		padding-left: 0;
	}
 }

/**
 * 12.4 - >= 1600px
 */

 @media screen and (min-width: 100em) {


	.testimonial-content-section.style-one .entry-container {
	    padding-right: 100px;
	}

	.post-navigation .nav-previous {
        padding-left: 30px;
    }

    .post-navigation .nav-next {
        padding-right: 30px;
    }

	.promotion-contact .button-wrap {
	    padding-right: 49px;
	}

	.contact-details .contact svg {
	    margin-left: 28px;
	}

    .container--tabs .entry-container {
       padding-left: 60px;
    }
 }

 /**
 * 12.4 - >= 1920px
 */

 @media screen and (min-width: 120em) {

	.testimonial-content-section.style-one .entry-container {
	    padding-right: 120px;
	}

	.promotion-contact .button-wrap {
	    padding-right: 56px;
	}

    .container--tabs .entry-container {
       padding-left: 80px;
    }
 }
