/*
Theme Name: Al Madina
Theme URI: contact@mahdibamoulid.ma
Author: EMB
Author URI: https://mahdibamoulid.com
Description: Description
Version: 1.0.0
Tested up to: 7.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: almadina

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

*/

@import url("https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap");
body {
  direction: rtl;
  unicode-bidi: embed;
  font-family: "Almarai", sans-serif !important;
  font-size: 16px;
  line-height: 1.6;
}

b,
strong {
  font-weight: 800;
}

[data-animation="slideInLeft"] {
  transform: translateX(100%);
}

[data-animation="slideInRight"] {
  transform: translateX(-100%);
}

.ltr {
  direction: ltr;
}

.edito ul {
  padding-left: 0;
  padding-right: 1.25rem;
}

.embla__button {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.slider__nav_prev,
.slider__nav_next {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.clipped {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.left-full {
  right: auto;
}

.right-6 {
  right: auto;
  left: 1.5rem;
}

.rtl__flip1 {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.valeur__wrapper .valeur__list .valeur__item_content .valeur__descriptif {
  text-align: right;
  direction: rtl;
  line-height: 1.4;
}

.valeur__wrapper .valeur__list .valeur__item_content .valeur__img img {
  -o-object-position: right;
  object-position: right;
}

.footer__menu a::before {
  left: 0;
  right: -20px;
}

.right-\[7\.5vw\] {
  right: auto;
  left: 7.5vw;
}

.right-\[21\.7vw\] {
  right: auto;
  left: 21.7vw;
}

.button__style6 {
  text-align: right;
}

html
  .formcraft-css
  .fc-form.label-placeholder.remove-asterisk-
  .is-required-true
  .field-cover.dropdown-cover::after,
html
  .formcraft-css
  .fc-form.label-placeholder.remove-asterisk-
  .is-required-true
  .field-cover.email-cover::after,
html
  .formcraft-css
  .fc-form.label-placeholder.remove-asterisk-
  .is-required-true
  .field-cover.oneLineText-cover::after,
html
  .formcraft-css
  .fc-form.label-placeholder.remove-asterisk-
  .is-required-true
  .field-cover.textarea-cover::after {
  right: auto !important;
  left: 20px !important;
}

html .formcraft-css .fc-form .form-element .form-element-html select {
  background-position: calc(30px) 50% !important;
  line-height: 1.2;
}

html .formcraft-css .fc-form.fc-form-4 .form-element .field-cover input {
  border-color: #000;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .md\:left-padding {
    padding-right: 7rem;
    padding-left: 0;
  }
  .md\:right-padding {
    padding-left: 7rem;
    padding-right: 0;
  }

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

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

  .md\:pl-24 {
    padding-left: 0rem;
    padding-right: 6rem;
  }

  .md\:-translate-x-full {
    --tw-translate-x: 100%;
  }
}

@media (min-width: 1024px) {
  .lg\:left-padding {
    padding-left: 0rem;
    padding-right: 7rem;
  }
}