@media (max-width: 768px) {
	.-md-w-full{
		width: 100% !important; 
	}
}

@media (min-width: 640px) {
    .sm\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

/* Vert jaune */
.text-\[\#f16943\]{
	--tw-bg-opacity: 1;
    color: rgb(247 219 62 / var(--tw-bg-opacity));
}
.bg-\[\#f16943\]{
    --tw-bg-opacity: 1;
    background-color: rgb(247 219 62 / var(--tw-bg-opacity));
}
/* Vert claire */
.text-\[\#D47043\]{
    color: #D47043;
}
/* Vert foncee */
.text-\[\#0E2603\]{
    color: #0E2603;
}
.bg-\[\#0E2603\]{
    background-color: #0E2603;
}

/* Vert clair site vitrine */
.text-\[\#488011\] {
    --tw-bg-opacity: 1;
    color: rgb(72 128 17 / var(--tw-bg-opacity));
}

/**Couleur dashboard admin **/
/*Jaune clair (card) */
.bg-\[\#f5cd2c\]{
    background-color: #f5cd2c;
}
/*Jaune fonce (date) */
.bg-\[\#d2a926\]{
    background-color: #d2a926 !important;
}
.text-\[\#d2a926\]{
    color: #d2a926 !important;
}
/* Nbre inscrits */
.bg-\[\#356834\]{
    background-color: #356834;
}
/* Annonces publiees */
.bg-\[\#72b144\]{
    background-color: #72b144;
}
/* Annonces payees */
.bg-\[\#8dca60\]{
    background-color: #8dca60;
}
/* CA points retrait */
.bg-\[\#99d56c\]{
    background-color: #99d56c;
}
/* CA plateforme */
.bg-\[\#61955e\]{
    background-color: #61955e;
}
/* Comission de la plateforme */
.bg-\[\#457444\]{
    background-color: #457444;
}
/** JAUNE J'AI CA A VENDRE **/
.text-\[\#ED7C44\]{
    color: #ED7C44; /*!important;*/
}
/** End Couleur dashboard admin **/

.swal2-title{
	font-size: 1.5em !important;
}

.max-h-full-\[-200px\] {
    max-height: calc(100vh - 200px);
}

.admin-menu a.active img, .admin-menu a:hover img{
    background: #D47043; /*green;*/
}

.swal2-icon-warning .swal2-html-container{
    color: #ff0000 !important; /*rgb(221, 51, 51) !important;    */
}
.swal2-actions button{
    font-weight: bold;
}

@media (min-width: 1536px) {
    .xxl\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

/**text-scroll**/
.animate-marquee1{
  animation: move1 40s infinite linear; /* set the time to what you want of course */
}
@keyframes move1 {
    0% { transform: translateX(0%) }
    100% { transform: translateX(-100%) }
}
.animate-marquee2{
    /*padding-left: 80px;*/
    animation: move2 40s infinite linear; /* set the time to what you want of course */
}
@keyframes move2 {
    0% { transform: translateX(100%) }
    100% { transform: translateX(0%) }
}

/*** Couleur REDRESS ***/
/* Orange REDRESS */
.bg-\[\#D47043\]{
    --tw-bg-opacity: 1;
    background-color: rgb(212 112 67 / var(--tw-bg-opacity));
}
.text-\[\#D47043\]{
    color: #D47043; /*!important;*/
}
.from-\[\#D47043\]{
    --tw-gradient-from: #D47043 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(247 219 62 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.border-\[\#D47043\]{
    border-color: #D47043 !important;
}

.hover\:text-\[\#D47043\]:hover {
    --tw-text-opacity: 1;
    color: rgb(212 112 67 / var(--tw-text-opacity));
}

.hover\:bg-\[\#D47043\]:hover{
    background-color: #D47043 !important;
}


.left-100{
    left: 100%;
}
.top-100{
    top: 100%;
}

.hover\:bg-\[\#D1495B\]:hover{
    background-color: #D1495B !important;
}

/* Rouge brique */
.bg-\[\#D1495B\]{
    background-color: #D1495B !important;
}
.text-\[\#D1495B\]{
    color: #D1495B; /*!important;*/
}

/* Marron clair */
.bg-\[\#B56576\]{
    background-color: #B56576;
}
.text-\[\#B56576\]{
    color: #B56576; /*!important;*/
}

/* Vert mente => Rouge corail */
.bg-\[\#007782\]{
    /*background-color: #007782;*/
    background-color: #f08a5d !important;
}
.text-\[\#007782\]{
    /*color: #007782;*/ /*!important;*/
    color: #f08a5d !important;
}

/* Jaune clair dashboard card */
.bg-\[\#FEDC3D\]{
    /*background-color: #FEDC3D;*/
    background-color: #f4a261;
}
.text-\[\#FEDC3D\]{
    /*color: #FEDC3D;*/ /*!important;*/
    color: #f4a261;
}

/* Orange clair */
.bg-\[\#FD901C\]{
    background-color: #FD901C;
}
.text-\[\#FD901C\]{
    color: #FD901C; /*!important;*/
}

/*** Avis stars ***/
.rating {
  --dir: right;
  --fill: #F37D49;
  --fillbg: rgba(100, 100, 100, 0.15);
  --heart: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21.328l-1.453-1.313q-2.484-2.25-3.609-3.328t-2.508-2.672-1.898-2.883-0.516-2.648q0-2.297 1.57-3.891t3.914-1.594q2.719 0 4.5 2.109 1.781-2.109 4.5-2.109 2.344 0 3.914 1.594t1.57 3.891q0 1.828-1.219 3.797t-2.648 3.422-4.664 4.359z"/></svg>');
  --star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.25l-6.188 3.75 1.641-7.031-5.438-4.734 7.172-0.609 2.813-6.609 2.813 6.609 7.172 0.609-5.438 4.734 1.641 7.031z"/></svg>');
  --stars: 5;
  --starsize: 1.5rem;
  --symbol: var(--star);
  --value: 1;
  --w: calc(var(--stars) * var(--starsize));
  --x: calc(100% * (var(--value) / var(--stars)));
  block-size: var(--starsize);
  inline-size: var(--w);
  position: relative;
  touch-action: manipulation;
  -webkit-appearance: none;
}
[dir="rtl"] .rating {
  --dir: left;
}
.rating::-moz-range-track {
  background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
  block-size: 100%;
  mask: repeat left center/var(--starsize) var(--symbol);
}
.rating::-webkit-slider-runnable-track {
  background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
  block-size: 100%;
  mask: repeat left center/var(--starsize) var(--symbol);
  -webkit-mask: repeat left center/var(--starsize) var(--symbol);
}
.rating::-moz-range-thumb {
  height: var(--starsize);
  opacity: 0;
  width: var(--starsize);
}
.rating::-webkit-slider-thumb {
  height: var(--starsize);
  opacity: 0;
  width: var(--starsize);
  -webkit-appearance: none;
}
.rating, .rating-label {
  display: block;
  font-family: ui-sans-serif, system-ui, sans-serif;
}
.rating-label {
  margin-block-end: 1rem;
}

/*** END STARS AVIS ***/

.rounded-1\/2{
    border-radius: 50%;
}

a:hover{
    color: #FD901C;    /*#D1495B;*/
}

@media (min-width: 1024px){
    .lg\:flex-row {
        flex-direction: row !important;
    }
    .lg\:w--1\/2 {
      width: calc(50% - 1rem);
    }
}
@media (min-width: 1280px){
    .xl\:flex-row {
        flex-direction: row !important;
    }
    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
    .xl\:w--1\/2 {
      width: calc(50% - 1rem);
    }
}