/*
Theme Name: qotr-m7doda Child
Template:   qotr-m7doda
Theme URI: https://themeforest.net/user/awaiken
Description: Builtup Child Theme
Author: Awaiken
Author URI: https://awaiken.com/
Version: 1.0.0
Text Domain: builtup-child
*/

/* =============================================
   Arabic Language RTL Styles
   Only applies when site language is Arabic
   ============================================= */

html[lang="ar"] body{
	direction: rtl;
	text-align: right;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6{
	letter-spacing: 0;
	word-spacing: normal;
}

html[lang="ar"] .navbar-brand h1,
html[lang="ar"] .navbar-brand h2{
	letter-spacing: 0;
}

html[lang="ar"] .page-header-box h1{
	letter-spacing: 0;
	word-spacing: normal;
}

html[lang="ar"] .error-page-content-heading h2{
	letter-spacing: 0;
}

html[lang="ar"] .page-single-post .comment-box .comment-reply-title,
html[lang="ar"] .page-single-post .comment-box .title-comments,
html[lang="ar"] .wp-block-post-comments-form .comment-reply-title,
html[lang="ar"] .wp-block-post-comments-form .title-comments{
	letter-spacing: 0;
}

html[lang="ar"] .footer-logo h4{
	letter-spacing: 0;
}

html[lang="ar"] .btn-default,
html[lang="ar"] .main-menu ul li a,
html[lang="ar"] .main-menu ul li.highlighted-menu a,
html[lang="ar"] .slicknav_nav .slicknav_row,
html[lang="ar"] .slicknav_nav li a{
	letter-spacing: 0;
}

html[lang="ar"] .works-content h2,
html[lang="ar"] .awaiken-portfolio-grid .awaiken-portfolio-grid-item__content a .awaiken-portfolio-grid-item__title,
html[lang="ar"] .post-item-body h2{
	letter-spacing: 0;
}

/* Arabic RTL Layout Adjustments */

html[lang="ar"] .main-menu{
	justify-content: flex-start;
}

html[lang="ar"] .main-menu ul li:last-child{
	margin-right: 5px;
	margin-left: 0;
}

html[lang="ar"] .main-menu ul li.menu-item-has-children > a:after{
	margin-left: 0;
	margin-right: 8px;
}

html[lang="ar"] .main-menu ul ul{
	left: auto;
	right: 0;
}

html[lang="ar"] .main-menu ul ul ul{
	left: auto;
	right: 100%;
}

html[lang="ar"] .main-menu ul ul li.menu-item-has-children > a:after{
	right: auto;
	left: 15px;
	transform: rotate(90deg);
}

html[lang="ar"] .main-menu ul ul li a:hover{
	padding: 8px 23px 8px 20px !important;
}

/* Arabic Button Direction Fix */

html[lang="ar"] .btn-default{
	padding: 20px 30px 20px 60px;
}

html[lang="ar"] .btn-default::before{
	right: auto;
	left: 0;
	transform: translate(30px, -50%) scaleX(-1);
}

html[lang="ar"] .btn-default:hover:before{
	transform: translate(27px, -50%) scaleX(-1);
}

html[lang="ar"] .btn-default::after,
html[lang="ar"] .elementor-widget-button .elementor-button::after,
html[lang="ar"] .ekit-wid-con .elementskit-btn::after{
	left: auto;
	right: 0;
}

html[lang="ar"] .elementor-widget-button .elementor-button:hover .elementor-button-icon{
	transform: translateX(-3px);
}

/* Arabic Readmore Button */

html[lang="ar"] .post-item-body .readmore-btn,
html[lang="ar"] .works-content .readmore-btn{
	padding-right: 0;
	padding-left: 30px;
}

html[lang="ar"] .post-item-body .readmore-btn:after,
html[lang="ar"] .works-content .readmore-btn:after{
	right: auto;
	left: 0;
	transform: scaleX(-1);
}

html[lang="ar"] .works-content .readmore-btn:hover:after{
	left: -3px;
	right: auto;
}

/* Arabic Footer RTL */

html[lang="ar"] .footer-menu{
	text-align: left;
}

html[lang="ar"] .footer-menu ul li{
	margin-left: 0;
	margin-right: 30px;
}

html[lang="ar"] .footer-social ul li{
	margin-right: 0;
	margin-left: 12px;
}

html[lang="ar"] .copyright{
	text-align: left;
}

/* Arabic Sidebar & Content RTL */

html[lang="ar"] .post-entry ul{
	padding-left: 0;
	padding-right: 20px;
}

html[lang="ar"] .post-entry blockquote{
	background-position: right 40px top 46px;
	padding: 40px 110px 40px 40px !important;
}

html[lang="ar"] .post-tags .tag-links a{
	margin-left: 0;
	margin-right: 15px;
}

html[lang="ar"] .post-social-sharing{
	text-align: left;
}

html[lang="ar"] .post-social-sharing ul li{
	margin-right: 0;
	margin-left: 12px;
}

html[lang="ar"] aside.widget ul{
	padding-left: 0;
	padding-right: 20px;
}

/* Arabic Comment Form RTL */

html[lang="ar"] .comment-form .comment-form-author,
html[lang="ar"] .comment-form .comment-form-email{
	margin-right: 0;
	margin-left: 30px;
}

html[lang="ar"] .comment-form .comment-form-cookies-consent{
	padding-left: 0;
	padding-right: 20px;
}

html[lang="ar"] .comment-form .comment-form-cookies-consent input[type="checkbox"]{
	left: auto;
	right: 0;
}

html[lang="ar"] .comment-list .comment .comment-meta .comment-author img{
	margin-right: 0;
	margin-left: 10px;
}

html[lang="ar"] .comment-list .comment .comment-meta .comment-metadata .comment-edit-link{
	margin-left: 0;
	margin-right: 10px;
}

/* Arabic Post Meta RTL */

html[lang="ar"] .post-single-meta ul li{
	margin-right: 0;
	margin-left: 25px;
}

html[lang="ar"] .post-single-meta ul li:last-child{
	margin-left: 0;
}

html[lang="ar"] .post-single-meta ul li i{
	margin-right: 0;
	margin-left: 8px;
}

/* Arabic Breadcrumb RTL */

html[lang="ar"] .page-header-box .trail-items li:before,
html[lang="ar"] .page-header-box .post-meta ul li:before{
	margin: 0 8px;
}

/* Arabic Slicknav Mobile Menu RTL */

html[lang="ar"] .slicknav_nav ul{
	margin: 0 15px 0 0;
}

html[lang="ar"] .slicknav_arrow:after{
	margin-left: 0;
	margin-right: 8px;
	float: left;
}

/* Arabic Portfolio Content RTL */

html[lang="ar"] .works-content{
	text-align: right;
}

html[lang="ar"] .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__content{
	text-align: right;
}

/* Arabic Footer Menu List RTL */

html[lang="ar"] .footer-menu-list .ekit-vertical-navbar-nav li::before{
	left: auto;
	right: 0;
	transform: scaleX(-1);
}

html[lang="ar"] .footer-social-menu .ekit_social_media li{
	padding-left: 0;
	padding-right: 30px;
}

html[lang="ar"] .footer-social-menu .ekit_social_media li::before{
	left: auto;
	right: 0;
	transform: scaleX(-1);
}

/* Arabic ElementsKit Menu RTL */

html[lang="ar"] .elementskit-dropdown i.elementskit-submenu-indicator{
	transform: rotate(90deg);
}

html[lang="ar"] .ekit-wid-con .ekit_creative_button svg{
	margin: 0 8px 0 0;
}

html[lang="ar"] .ekit-wid-con .elementskit-btn:hover svg,
html[lang="ar"] .ekit-wid-con .ekit_creative_button:hover svg{
	transform: translateX(-3px);
}

/* Arabic Column Layout */

html[lang="ar"] .column-2 .elementor-icon-list-items{
	direction: rtl;
}

/* Arabic Responsive Adjustments */

@media only screen and (max-width: 991px){
	html[lang="ar"] .footer-menu{
		text-align: center;
	}

	html[lang="ar"] .footer-menu ul li{
		margin-right: 10px;
		margin-left: 10px;
	}

	html[lang="ar"] .copyright{
		text-align: center;
	}

	html[lang="ar"] .post-social-sharing{
		text-align: right;
	}

	html[lang="ar"] .post-entry blockquote{
		background-position: right 30px top 36px;
		padding: 30px 90px 30px 30px !important;
	}
}

@media only screen and (max-width: 767px){
	html[lang="ar"] .post-entry blockquote{
		background-position: right 20px top 20px;
		padding: 55px 20px 20px 20px !important;
	}

	html[lang="ar"] .comment-form .comment-form-author,
	html[lang="ar"] .comment-form .comment-form-email{
		margin-left: 0;
	}
}

/* =============================================
   RTL Heading Animation Style (Style 4)
   Word-based animation for Arabic text
   ============================================= */

.at-animation-heading-style-rtl .elementor-heading-title,
.at-animation-heading-style-rtl .ekit-heading--title{
	perspective: 600px;
}

.at-animation-heading-style-rtl .rtl-word{
	display: inline-block;
	will-change: transform, opacity;
}