/*
Theme Name: Campoal
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
----------------------------------------------------------------
# Reset
	## Alignments
	## Homepage featured
	## Contribution level
	## Comment
	## Dashboard page
# Modules
	## Contribution level
	## Topic card category
	## Give plugin
	## Woocommerce
	## Updates timeline
	## Slick slider
# Blog content
	## Blog featured
	## Post navigation
# Responsive
--------------------------------------------------------------*/


/*-------------------------------------------------------------
# Reset
--------------------------------------------------------------*/

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

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

input,
select,
textarea {
	text-align: right !important;
}

.screen-reader-text:hover,
.screen-reader-text:focus {
	right: 5px;
	left: auto;
}

/*-------------------------------------------------------------
## Alignments
--------------------------------------------------------------*/
.float.left {
    float: right; }
.float.right {
    float: left; }

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

.alignright {
	float: right; }

.alignleft {
	float: left; }

.aligncenter {
	margin-right: auto;
	margin-left: auto; }

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em; }

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0; }


/*-------------------------------------------------------------
## Override
--------------------------------------------------------------*/
.ui.steps .step {
	border-right: 0 !important;
	border-left: 1px solid rgba(34,36,38,.08);
}
.ui.dropdown .menu>.item .dropdown.icon {
	margin: 0.15em 1em 0 0 !important;
}


/*-------------------------------------------------------------
## Homepage featured
--------------------------------------------------------------*/
.home-feature-item .victory-label {
	right: -10px !important; }

/*-------------------------------------------------------------
## Contribution level
--------------------------------------------------------------*/
.level-badge::before {
	right: 24px;
	left: unset; }

.level-badge.large::before {
	right: 76%;
	left: unset; }


/*-------------------------------------------------------------
## Comment
--------------------------------------------------------------*/
.send-comment {
	left: 3.5%;
	right: unset !important; }

/*-------------------------------------------------------------
## Dashboard page
--------------------------------------------------------------*/
#dashboard-content {
	padding-top: 60px !important;
	padding-right: 300px !important;
	padding-left: 40px !important; }
#dashboard-sidebar-menu {
	border-right: none !important;
	border-left: 1px solid rgba(34,36,38,.08) !important;
}


/*--------------------------------------------------------------
# Modules
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Contribution level
--------------------------------------------------------------*/
.level-badge::before,
.decision-maker-verified::before {
	left: unset !important;
	right: 24px;
}
.level-badge.small::before,
.decision-maker-verified.small::before {
    left: unset !important;
    right: 32px; }

.level-badge.mini::before,
.decision-maker-verified.mini::before {
    left: unset !important;
    right: 24px; }

.level-badge.large::before,
.decision-maker-verified.large::before {
    left: unset !important;
    right: 76%; }

/*--------------------------------------------------------------
## Topic card category
--------------------------------------------------------------*/
.topic-card.snip .caption {
	right: 0 !important;
	left: unset !important; }
.topic-card.snip .follow-topic {
	left: 20px !important;
	right: unset !important;
}


/*--------------------------------------------------------------
## Give plugin
--------------------------------------------------------------*/
.mfp-content,
#give-recurring-form .form-row input[type=text],
#give-recurring-form .form-row input[type=tel],
#give-recurring-form .form-row input[type=email],
#give-recurring-form .form-row input[type=password],
#give-recurring-form .form-row input[type=url],
#give-recurring-form .form-row select,
#give-recurring-form .form-row textarea,
form.give-form .form-row input[type=text],
form.give-form .form-row input[type=tel],
form.give-form .form-row input[type=email],
form.give-form .form-row input[type=password],
form.give-form .form-row input[type=url],
form.give-form .form-row select,
form.give-form .form-row textarea,
form[id*=give-form] .form-row input[type=text],
form[id*=give-form] .form-row input[type=tel],
form[id*=give-form] .form-row input[type=email],
form[id*=give-form] .form-row input[type=password],
form[id*=give-form] .form-row input[type=url],
form[id*=give-form] .form-row select,
form[id*=give-form] .form-row textarea,
form[id*=give-form] .give-donation-amount #give-amount,
form[id*=give-form] .give-donation-amount #give-amount-text,
form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
	text-align: right;
}
#give-recurring-form .form-row label,
form.give-form .form-row label,
form[id*=give-form] .form-row label {
	text-align: right;
}

form[id*=give-form] #give-final-total-wrap .give-final-total-amount,
form[id*=give-form] #give-final-total-wrap .give-donation-total-label {
	float: right;
}

form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before,
form[id*=give-form] #give-final-total-wrap .give-donation-total-label {
	border-top-right-radius: .28571429rem;
	border-bottom-right-radius: .28571429rem;
	border-right: 0 solid;
	border-left: none;
	margin-left: -4px;
}

/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce .button.wc-forward {
    margin-right: unset; }

.woocommerce-mini-cart-item.mini_cart_item > a.remove {
	margin-right: .8em;
	margin-left: unset;
}

.woocommerce .woocommerce-product-gallery {
    direction: ltr; }
.woocommerce .woocommerce-product-gallery__trigger img.emoji {
	display: none !important; }

.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a {
	margin-right: unset !important;
	margin-left: 5px;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
	right: unset !important;
	left: 0 !important;
}

.woocommerce-mini-cart-item.mini_cart_item > a.remove {
	margin-left: 0.8em !important;
    margin-right: unset !important;
}

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
	float: right;
	margin-right: unset !important;
	margin-left: 8px; }

/*--------------------------------------------------------------
## Updates timeline
--------------------------------------------------------------*/
.timeline-heading > .text-muted > i.icon {
	margin-left: 8px !important;
}

/*--------------------------------------------------------------
## Slick slider
--------------------------------------------------------------*/
.carousel-v2 .slick-dots {
	left: 30px;
	right: unset; }
.carousel-v2 .slick-dots li:before {
	left: -30px;
	right: unset; }

.carousel-v2 .slick-prev, .carousel-v2 .slick-next {
	left: 45px;
	right: unset; }

/*-------------------------------------------------------------
# Blog content
--------------------------------------------------------------*/
.post-center-title {
    padding-left: 30%;
    padding-right: unset; }

.entry-content.post.dropcap > p:first-child:first-letter {
    float: right;
    padding-left: 10px;
    padding-right: unset; }


/* List post */
.list-post-card .list-post-thumbnail img {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: unset;
	border-top-left-radius: unset; }

.list-post-card .list-post-footer {
	padding-left: 0;
	padding-right: unset; }


/*-------------------------------------------------------------
## Blog featured
--------------------------------------------------------------*/
.blog-feature .feature-title {
    margin-right: -50% !important;
    margin-left: 30% !important; }

.carousel-v2 .slick-dots {
	right: unset !important;
	left: 30px !important;
}

.carousel-v2 .slick-dots li:before {
	right: unset !important;
	left: -30px !important;
}

/*-------------------------------------------------------------
## Blog featured
--------------------------------------------------------------*/
.navigation-post>.row>.previous>.pn-icon {
	left: unset !important;
	right: 5px; }
.navigation-post>.row>.previous>.ui.header {
	padding-left: unset !important;
	padding-right: 30px; }
.navigation-post>.row>.next>.pn-icon {
	right: unset !important;
	left: 5px; }
.navigation-post>.row>.next>.ui.header {
	padding-right: unset !important;
    padding-left: 30px; }


/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/
.wp-block-categories-list li::before, .wp-block-archives-list li::before, .wp-block-latest-posts li::before, .edit-widgets-block-editor ul.wp-block li::before, .edit-widgets-block-editor .wp-block ul li::before, .widget ul li::before {
	left: unset !important;
	right: 0 !important;
}
.wp-block-categories-list, 
.wp-block-archives-list, 
.edit-widgets-block-editor ul.wp-block, 
.wp-block-latest-posts.wp-block-latest-posts__list,
.menu-testing-menu-container > ul, 
.edit-widgets-block-editor .wp-block > ul:not(.product_list_widget, .wp-block-rss, .widget_rss, #recentcomments), 
.edit-widgets-block-editor .wp-block > div > ul:not(.product_list_widget, .wp-block-rss, .widget_rss, #recentcomments), 
.edit-widgets-block-editor .wp-block > div > div > ul:not(.product_list_widget, .wp-block-rss, .widget_rss, #recentcomments), 
.widget > ul:not(.product_list_widget, .wp-block-rss, .widget_rss, #recentcomments), 
.widget > div > ul:not(.product_list_widget, .wp-block-rss, .widget_rss, #recentcomments), 
.widget > div > div > ul:not(.product_list_widget, .wp-block-rss, .widget_rss, #recentcomments) {
	padding: 1.5em 2.5em 1.5em 1.5em;
}

.wp-block-categories-list li::before, .wp-block-archives-list li::before, .wp-block-latest-posts li::before, .edit-widgets-block-editor ul.wp-block li::before, .edit-widgets-block-editor .wp-block ul li::before, .widget ul li::before {
	margin-left: unset !important;
	margin-right: 3.25rem !important;
}

#recentcomments > ul {
	padding: 1.5em !important; }

.wp-block-categories {
	text-align: right !important; }


/*--------------------------------------------------------------
## Calendar widget
--------------------------------------------------------------*/
.widget_calendar caption {
	text-align: center !important;
}

/*--------------------------------------------------------------
## Responsive
--------------------------------------------------------------*/
@media only screen and (min-width:992px) {
    .feature-card .featured-image {
        border-top-left-radius: unset !important;
        border-bottom-left-radius: unset !important;
        border-top-right-radius: .28571429rem !important;
        border-bottom-right-radius: .28571429rem !important
    }
}
@media only screen and (max-width:767px) and (min-width:320px) {
	#left-menu-btn {
        margin-right: 6px !important; }
}