/*
Theme Name: mapeco_default

Adding support for language 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;
}
*/

body{
    font-family: arial;
    letter-spacing: 0px;
}
.main-nav ul.main_nav-menu li a {
   
   font-size: 16px;
    letter-spacing: 0px;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
    }
.bloc-item h3 {
    padding: 22px 20px 12px;

    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}
.doc-part h3 {
    font-size: 15px;
    font-weight: bold;
}
.doc-part {
  
    height: 170px;
}
@media (max-width: 768px) {
    .doc-part {
        height: auto;
    }
    .two-bg-section {
        background: #fff !important;
    }
    .zone_300_250_home_bottom {
        text-align: center;
    }
    .bloc-item {
        text-align: center;
    }
}
#footer .menu_footer_list li a {
    font-size: 15px;
    font-weight: bold;
}
.title-section,.box-item-content h4,.bloc-item h3,.left-section-title,.doc-part h3 ,.newsletter-title,.green-bg a  {
        
        letter-spacing: 0px;
}

.box-item-content h4 {
        font-size: 0.9em;
    line-height: 1.4em;
}
.main-nav ul.main_nav-menu li {
    float: right;
    }
.header_social {
   float: left!important;
}
.searchlink {
    left: 0;
    right: auto;
    }
.pull-right{
	float: left!important;

}
.connexion{
	text-align: left;
}
.languages > ul > li > a:before {
   
    position: absolute;
    content: "\f107";
    font-family: "fontawesome";
    color: #fff;
    font-size: 12px;
    left: 0px;
    top: 0;
}
/*.languages ul > li > a {
    padding-right: 20px;
}*/
.languages > ul > li > a:after {
    position: absolute;
    content: "اللغة :";
    font-family: "PT Sans";
    color: #fff;
    font-size: 14px; 
    right: -8px;
    top: 0;
}
ul.submain-list {
    left:auto;
    right: 0;
}
.languages > ul > li > ul.submain-list > li > a {
    text-align: right;
    }
.connexion a#signin {
    margin-left: 8px;
    border-left: 1px solid #fff;
    border-right: none;
}

.connexion a#signin:after {
    position: absolute;
    content: "\f007";
    font-family: "fontawesome";
    color: #fff;
    font-size: 12px;
    right: 0px;  
    top: 0;
}
.connexion a#signin:before {
   
    content: " ";
}
.connexion a#login:after {
    position: absolute;
    content: "\f084";
    font-family: "fontawesome";
    color: #fff;
    font-size: 12px;
    right: 0px;
    top: 0;
}
.connexion a#login:before {
   
    content: " ";
   
}
.searchlink .searchform {
	right: auto;
    left: 0;
}
.searchlink .sbtn {
    right:auto;
    left: 2px;
 }
 .left-section-title {
    text-align: right;
}
.post-share .social-sharing:before {
    content: 'شارك';
    }

.next_slide{
    float: right;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
}
.two-bg-section {
    background: #7fc241;
    background: -webkit-linear-gradient(right,#fff, #fff 50%, #7fc241 50%, #7fc241);
    background: -o-linear-gradient(right,#fff, #fff 50%, #7fc241 50%, #7fc241);
    background: -moz-linear-gradient( right, #fff, #fff 50%, #7fc241 50%, #7fc241);
    background: linear-gradient(to right, #fff, #fff 50%, #7fc241 50%, #7fc241);

    background: -webkit-linear-gradient(right,#7fc241, #7fc241 50%, #fff 50%, #fff);
    background: -o-linear-gradient(right,#7fc241, #7fc241 50%, #fff 50%, #fff);
    background: -moz-linear-gradient( right,#7fc241, #7fc241 50%, #fff 50%, #fff);
    background: linear-gradient(to right,#7fc241, #7fc241 50%, #fff 50%, #fff);

}
.align-left {
    text-align: right!important;
}
.wpcf7-form-control{
    text-align: right;
}
.wpcf7-submit{
    text-align: center;
}
#footer .textwidget p{
    direction: ltr;
    text-align: right;
}
#footer .textwidget p.adresse:before, #footer .textwidget p.phone:before,#footer .textwidget p.mail:before {
    right: 35px;
    left: auto;
}
.twin-bloc > .row > div:first-child {
    border-left: 1px dotted;
        border-right:none;
}
.slides li div.desktop {
    right: auto;
    left: 0;

}
/*.slides li div.desktop h3.slider_layer {
    margin-top: 4px
}*/
.flex-control-nav {
    right: auto;
    left: 166px;
    width: 195px;
    bottom: 30px;
}
.pl > p,.twin-bloc > .row > p{
    margin-right: 26px;
}
.flex-viewport {
direction: ltr;
}
.flexslider .slides img {

float: right;
}
.bloc-item a span.the_date{
    left: auto;
    right:21px;
    }
.single-post-title {
    font-weight: bold;
}
.sidebar-contact .textwidget p.adresse:before, .sidebar-contact .textwidget p.phone:before, .sidebar-contact .textwidget p.mail:before {
    margin: 0 40px 0 0px;
}
.sidebar-contact .textwidget p.adresse:before,
.sidebar-contact .textwidget p.phone:before,
.sidebar-contact .textwidget p.mail:before {
    left: auto;
    right: 10px;
}
.sidebar-contact .textwidget p {
	padding-left: 0px;
	padding-right: 44px;
	    direction: ltr;
    text-align: right;
}
.breadcrubms > div > span:first-child {
    background: #84c448;
    display: block;
    float: right;
    position: relative;
    padding: 0px 5px 0px 0;
    margin: 0 -13px 0 15px;
    border: none;
}