/*
Theme Name: Twenty Seventeen Child

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.
*/

/* Reset */

body {
	unicode-bidi: embed;
	overflow-y: auto;
}

html[lang="ar"] h2{
	font-weight: 300;
}

.custom-logo-link{
	float: left;
	direction: rtl;
}
.main-navigation{
	direction: rtl;
}
.main-navigation a{
	text-align: right;
}
.main-navigation .nav-lang-en,
.main-navigation .nav-lang-fr,
.main-navigation .nav-lang-ar{
  padding-left: 10px;
	padding-right:0 ;
	float: right;
}
@media screen and (min-width: 48em){
	.main-navigation .contact-page{
		border-right: none;
	 	border-left: 1px solid #000;
	 	padding-left: 1.4em;
		padding-right: 0;
	}
	.main-navigation .nav-lang-en{
	   padding-right: 0.9em;
		 padding-left: 0;
		 float: none;
	 }
	 .main-navigation .nav-lang-fr,
	 .main-navigation .nav-lang-ar{
	 	float: none;
		padding-left: 0;
		padding-right:0 ;
	 }
 }

 .site-main > article{
	width: 100%;
 }

.site-info{
	float: left;
	text-align: left;
	direction: ltr;
}
.content-area{
	direction: rtl;
}

.slider-container{
	direction: rtl;
}
.next {
  right: auto;
	left: 0;
}
.text-container{
	text-align: right;
}
.slide-image-desc{
	text-align: right;
}

.post-navigation .nav-previous{
	float: left;
}
.post-navigation .nav-next{
	float: right;
	text-align: right;
}

.form-title{
	direction: rtl;
	text-align: right;
}
.form1{
	float: right;
}

.form2{
	padding-right:0;
	float:right;
	clear: both;
}

.arrow-container img{
	transform: rotate(180deg);
}

.Submit-button{
	float: right;
}

.note, .required{
	text-align: right;
}

@media screen and (min-width: 64em){
	.form2{
		padding-right:80px;
		float:left;
		clear: none;
	}
}