/*** -- Курсы для детей -- ***/

@media all {  
  #logo-kids-k {
	fill: #B149C9;
  }
  
  #logo-kids-i {
	fill: #FFF001;
  }
  
  #logo-kids-d {
	fill: #30973C;
  }
  
  #logo-kids-s {
	fill: #FF4F4F;
  }
	
  .kids-courses-colour-items {
    --gap: 20px;
    --icon-size: 50px;
    justify-content: center;
    gap: var(--gap);
    padding: 0 !important;
    width: 100%;
    background-color: var(--color-bg-blue);
  }
  
  .kids-courses-items--uno {
    --column: 1;
  }

  .kids-courses-items--dos {
    --column: 2;
  }

  .kids-courses-item {
    align-items: center;
    padding-left: calc(var(--icon-size) + 20px);
    width: calc((100% - var(--gap)*(var(--column) - 1))/var(--column));
    min-height: var(--icon-size);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: var(--icon-size);
    background-color: var(--color-bg-blue);
  }

  .kids-courses-colour-item--activity {
    background-image: url("/images/icons/kids-courses/activity.png");
  }

  .kids-courses-colour-item--canciones {
    background-image: url("/images/icons/kids-courses/canciones.png");
  }

  .kids-courses-colour-item--dinamico {
    background-image: url("/images/icons/kids-courses/dinamico.png");
  }

  .kids-courses-colour-item--clase {
    background-image: url("/images/icons/kids-courses/clase.png");
  }

  .kids-courses-colour-item--evolucion {
    background-image: url("/images/icons/kids-courses/evolucion.png");
  }
  
  .kids-courses-item--agil {
    background-image: url("/images/icons/kids-courses/agil.png");
  }

  .kids-courses-item--intelectual {
    background-image: url("/images/icons/kids-courses/intelectual.png");
  }

  .kids-courses-item--cognitiva {
    background-image: url("/images/icons/kids-courses/cognitiva.png");
  }

  .kids-courses-item--hablar {
    background-image: url("/images/icons/kids-courses/hablar.png");
  }

  .kids-courses-item--relaciones {
    background-image: url("/images/icons/kids-courses/relaciones.png");
  }

  .kids-courses-item--cultural {
    background-image: url("/images/icons/kids-courses/cultural.png");
  }

  .kids-courses-colour-items p {
    margin: 0;
    margin-top: -8px;
    margin-bottom: -5px;
    font-size: 15px;
    line-height: 140%;
    font-weight: var(--font-normal);
    text-align: justify !important;
    -webkit-hyphens: auto !important;
    -moz-hyphens: auto !important;
    hyphens: auto !important;
    background-color: var(--color-bg-blue);
  }
  
    .kids-section-headline--course-description {
    --width-photo: 40%;
    --height-photo: 320px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: calc(var(--width-photo) + 60px);
  }

  .kids-section-headline--course-description::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    border-radius: 4px;
    width: var(--width-photo);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
    .kids-section-headline--course-ricardo::after {
    background-image: url("/images/school-composition/ricardo-gonzalez.png");
	background-size: contain;
  }
  
	.kids-section-headline--course-student::after {
    background-image: url("/images/kids-courses/student.jpg");
	background-position: center;
  }
  
	.kids-section-headline--course-teacher::after {
    background-image: url("/images/kids-courses/teacher.jpg");
	background-position: center;
  }
  
  .en-container--kids-courses-list {
	  gap: calc(var(--gap-container)* 0.7);
  }
  
	.kids-section--course-duration {
    padding-top: var(--padding-section-after);
    padding-bottom: var(--padding-section-after);
    max-width: none;
    background-color: #FFF001;
  }
  
	.kids-section--course-duration h3 {
	margin-bottom: 0px;
  }
  
   .kids-course-duration-item {
    flex-direction: column;
    justify-content: flex-start;
    gap: 30px;
    padding: 0 30px 25px;
    border-radius: 4px;
    width: calc((100% - var(--gap)*(var(--column) - 1))/var(--column));
    background-color: var(--color-white);
  }
 
  .kids-courses-section-hijo {
	background-position: right bottom;
	background-repeat: no-repeat;
  }
  
  .kids-courses-bg-hijo-1 {
  	background-image: url("/images/icons/kids-courses/bg-1.png");
	background-size: 210px;
  }
  
  .kids-courses-bg-hijo-2 {
  	background-image: url("/images/icons/kids-courses/bg-2.png");
	background-size: 150px;
  }
  
  .kids-courses-section-title-includes-image {
	background-repeat: no-repeat;
	background-position: left center;
  }
  
}

@media (max-width: 1024px) {
  .kids-courses-colour-items {
    --gap: 20px;
    max-width: 500px;
  }

  .kids-courses-colour-items {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .kids-section-headline--course-description {
    --width-photo: 100%;
    padding-top: calc(var(--height-photo) + 40px);
    padding-bottom: 0;
    padding-left: 0;
  }

  .kids-section-headline--course-description::after {
    bottom: auto;
    height: var(--height-photo);
	background-position: center;
  }
  
  .kids-courses-section-title-includes-image {
	  background-image:none;
	  padding-left: 0px;
  }
  
  .kids-courses-bg-hijo-1 {
	  background-image:none;
  }
  
    .kids-courses-bg-hijo-2 {
	  background-image:none;
  }
}

/*** -- ОНЛАЙН ФОРМЫ -- ***/
#form_enrollment-kids {
  display: none;
}