/*
Theme Name: Root Child
Theme URI: http://wpshop.biz/themes/root
Author: WPShop.biz
Author URI: http://wpshop.biz/
Template: root
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */

   @-moz-document url-prefix() {
        .e_21_08_25_bot_cont  {
            width: 69%;
					justify-content: flex-end;
    gap: 10px;
    flex-direction: row-reverse;
        }
		 .e_21_08_25_whea_cont_3 {
			 width: 69%;
		 }
}
.e_21_08_25_day_text {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	margin-top: 10px;
}
.e_21_08_25_day_number {
	margin: auto 0;
}
.spoiler-wrapper {
	max-width: 65%;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-family: Arial, sans-serif;
}
.e_21_08_25_day_h {
	text-align:center;
	margin:0 0 10px 0 !important;
}
.e_21_08_25_spoiler_text {
	margin:0 !important;
}
/* СПОЙЛЕР КНОПКА */
.spoiler-btn {
  width: 100%;
  text-align: left;
  padding: 10px;
  background: linear-gradient(45deg, rgb(181, 241, 180), rgb(251, 250, 177));
  border: none;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  border-radius: 6px 6px 0 0;
  user-select: none;
}

/* СПОЙЛЕР АКТИВ */
.spoiler-btn.active {
  background: linear-gradient(45deg, rgb(181, 241, 180), rgb(251, 250, 177));
}

/* СПОЙЛЕР ДЕФОЛТ */
.spoiler-content {
	text-align: justify;
  display: none;
  padding: 10px 15px;
  border-top: 1px solid #ccc;
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* СПОЙЛЕР МОБИЛ */
@media (max-width: 767px) {
  .spoiler-wrapper {
		  max-width: 400px;
    display: block;
  }
}

/* Н-СПОЙЛЕР ДЕСКТОП */
@media (min-width: 768px) {
  .spoiler-wrapper {
    border: 1px solid #ccc;
  }
  .spoiler-btn {
    display: none;
  }
  .spoiler-content {
		opacity: 1;
		padding: 10px 15px;
    display: block !important;
    border: none;
    animation: none;
  }
}