/*
Theme Name: alf

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;
	font-family: 'DroidArabicKufiRegular';
}


.elementor-widget-text-editor,.elementor-widget-heading .elementor-heading-title,.elementor-widget-icon-list .elementor-icon-list-item,.elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title{
	font-family: 'DroidArabicKufiRegular';
}


div#logo {
    float: right;
    text-align: right;
}

.phone i {
    padding-left: 5px;
}

#slider .slider-text {
    width: 35%;
}


#products .pdt-box .pdt-text img {
    float: right !important;
    padding-right: 0;
    padding-left: 10px;
}

i.fa-long-arrow-right {
    transform: rotate(180deg);
}

.pdt-text .more {
    float: left !important;
}

div#contact .row div:first-child {
    float: right;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  text-align : right;
}
::-moz-placeholder { /* Firefox 19+ */
  text-align : right;
}
:-ms-input-placeholder { /* IE 10+ */
  text-align : right;
}
:-moz-placeholder { /* Firefox 18- */
  text-align : right;
}

.footer-social,.about-widget{
	float: right;
}

.copyright-text p{
	float: left !important;
}

#products .pdt-box .pdt-text ul {
    float: right !important;
}
@media (max-width: 768px) {
	div#logo {
        margin-right: 5px;
        margin-left: 0;
    }
}