/*.page-component-edu.media-grid-component,*/
.page-component-edu.newspaper-component {
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px;
  margin-bottom: 25px;
  background-color: white;
  display: flex;
  justify-content: space-between;
  height: auto;
  align-items: flex-start;
  min-height: 340px;
}

/*START BASIC NEEDS*/
.newspaper-component .edu-article-container .show-in-mobile {
  display: initial;
}
/*END BASIC NEEDS*/

.newspaper-component .edu-article-container .container-content {
  flex: 1;
  /*padding: 16px;*/
}
/*yisca put in comment exist in style guide*/
/*.newspaper-component .edu-article-container .article-content {
  color: #000;
}*/

  /*.newspaper-component .edu-article-container .article-content .article-img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    max-width: none;
  }

  .newspaper-component .edu-article-container .article-content h4 {
    color: inherit;
    font-size: 20px;
    font-family: "Assistant SemiBold", Assistant, Arial;
    margin: 16px 0;
  }*/

  /*.newspaper-component .edu-article-container .article-content .article-paragraph {
    font-size: 17px;
  }*/
/*yisca put in comment exist in style guide*/
/**/

.edu-media-grid-container {
  width: 100%;
}

  .edu-media-grid-container .container-content {
    flex: 1;
    padding: 20px;
  }

  .edu-media-grid-container .flexible-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

    .edu-media-grid-container .flexible-grid .flexible-grid-item {
      position: relative;
      flex: 0 1 100%;
      margin: 0.991%;
    }



      .edu-media-grid-container .flexible-grid .flexible-grid-item .flexible-img {
        width: 100%;
      }

      .edu-media-grid-container .flexible-grid .flexible-grid-item .text-overlay {
        background-color: rgba(0, 0, 0, 0.7);
        bottom: 0;
        color: #fff;
        font-size: 18px;
        position: absolute;
        padding: 6px 13px;
        width: 100%;
      }
.media-grid-component .compt-tit-con h2 {
  margin: 16px 16px 9px 16px;
}

@media (min-width: 992px) {
  /* 768px*/
  newspaper-component .hide-in-desktop {
    display: none;
  }

  .newspaper-component .edu-article-container .show-in-desktop {
    display: block;
  }

  .newspaper-component .edu-article-container .show-in-mobile {
    display: none;
  }

  .newspaper-component .edu-article-container .article-content .article-img {
    margin: 0 40px 40px 0;
    max-width: 452px;
  }

  .newspaper-component .edu-article-container .article-content h4 {
    margin: 0 0 20px 0;
  }
  /*yisca put in comment exist in style guide*/
  /*.newspaper-component .edu-article-container .show-in-mobile {
        display: none;
    }*/

  .newspaper-component .edu-article-container .article-content .article-img {
    margin: 0 40px 40px 0;
    max-width: 377px;
  }

  .newspaper-component .edu-article-container .article-content h4 {
    margin: 0 0 10px 0;
  }

  .edu-media-grid-container .flexible-grid .flexible-grid-item {
    flex: 0 1 31.333%;
  }
}

/* override */
.page-component-edu.media-grid-component,
.page-component-edu.article-page-component,
.page-component-edu.newspaper-bigimage-component {
  min-height: unset;
}
.collapse-container.collapse-items-container .PanelCollapse .page-component-edu.media-grid-component {
  background-color: var(--stock-search-bg);
}
  .collapse-container.collapse-items-container .PanelCollapse .page-component-edu.media-grid-component .overlay-text {
    background-color: var(--stock-search-bg);
  }
  .collapse-container.collapse-items-container .PanelCollapse .page-component-edu.media-grid-component .tile {
    background-color: var(--stock-search-bg);
  }
.collapse-container.collapse-items-container .PanelCollapse .edu-media-grid-container .container-content {
  padding: 0;
}
.newspaper-component .edu-article-container .article-content h4 {
  /*font-size: 26px;*/
  font-size: 21px;
  /*font-weight: normal !important;*/
  margin-top: 0;
}

.newspaper-component .edu-article-container .article-content h5 {
  font-size: 19px;
}

.newspaper-component .edu-article-container .article-content .article-img {
  margin-bottom: 20px;
}

.article-page-component.ltr.newspaper-component .edu-article-container .article-img {
  float: right;
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 991px) {
  .newspaper-component .edu-article-container .hide-in-mobile {
    display: none;
  }

  /*.newspaper-component .edu-article-container .show-in-mobile {
    display: block;
  }*/
}

.page-component-edu.article-page-component .edu-flex-video-link {
  background-image: url(/remote.axd?https://meyda.education.gov.il/files/pop/15298/creation.jpg?anchor=center&mode=crop&width=689&height=436&rnd=132266665390000000);
  min-height: 188px;
}

.page-component-edu.article-page-component.newspaper-bigimage-component .edu-flex-video-link {
  min-height: 278px;
}

@media (min-width: 414px) {
  .page-component-edu.article-page-component .edu-flex-video-link {
    min-height: 212px;
  }

  .page-component-edu.article-page-component.newspaper-bigimage-component .edu-flex-video-link {
    min-height: 314px;
  }
}

@media (min-width: 768px) {
  .page-component-edu.article-page-component .edu-flex-video-link {
    min-height: 315px;
  }

  .page-component-edu.article-page-component.newspaper-bigimage-component .edu-flex-video-link {
    min-height: 466px;
  }
}

@media (min-width: 992px) {
  /* 768px*/
  .newspaper-component .edu-article-container .article-content h4 {
    /*margin: 0 0 20px 0;*/
    margin: 0 0 10px 0;
  }

  .article-page-component.ltr.newspaper-component .edu-article-container .article-img {
    margin-inline-start: 40px;
  }

  .newspaper-component .edu-article-container .article-content .article-img,
  .newspaper-component .edu-article-container .article-content edu-flex-video-link {
    margin-bottom: 16px;
  }

  .newspaper-bigimage-component .edu-article-container .article-content .article-img {
    max-width: 452px;
  }

  /*.newspaper-bigimage-component.page-component-edu:not(.not-shaped) .comp-title-container {
    margin-bottom: 0;
  }*/

  .page-component-edu.article-page-component .edu-flex-video-link {
    max-width: 377px;
    min-height: 238px;
    margin-right: 40px;
    margin-bottom: 40px;
    float: left;
  }

  .page-component-edu.article-page-component.ltr .edu-flex-video-link {
    margin-left: 40px;
    margin-right: 0;
    float: right;
  }

  .page-component-edu.newspaper-bigimage-component.article-page-component .edu-flex-video-link {
    max-width: 452px;
    min-height: 423px;
  }

  .page-component-edu.newspaper-component .edu-article-container .show-in-desktop {
    display: block;
  }

  .page-component-edu.newspaper-component:not(.not-shaped) .comp-title-container {
    margin-bottom: 0;
  }
}

.page-component-edu.ltr .edu-media-grid-container .flexible-grid .flexible-grid-item .text-overlay {
  text-align: left;
}

.edu-media-grid-container .container-content .more-less-container {
  width: 100%;
}

.newspaper-component .edu-article-container ul {
  list-style-image: url(/images/icons/navigation-blue-side.svg);
}

.page-component-edu.ltr.newspaper-component .edu-article-container ul {
  list-style-image: url(/images/icons/Arrow-Link-List-ltr.png);
}

.newspaper-component .edu-article-container {
  width: 100%;
}

  .newspaper-component .edu-article-container .ContainerButtons {
    display: inline-block;
    margin-top: 10px;
  }

    .newspaper-component .edu-article-container .ContainerButtons .btn.darkBlue {
      white-space: inherit;
    }

.newspaper-bigimage-component .comp-title-container {
  margin-bottom: 0;
}

/*.newspaper-component .edu-article-container {
  padding: 0;
}*/
/*.newspaper-component-wrapping*/
.page-component-edu.newspaper-component.newspaper-component-titles {
  display: block;
}

.newspaper-with-search .search-level-topic h3 {
  margin-top: 0;
  margin-bottom: 15px;
}

.newspaper-with-search .search-level-topic {
    margin-top: 10px;
}
.page-component-edu.article-page-component .edu-flex-video-link.edu-flex-embed-video
{
    background-image:none;
}

.collapse-container .ContentCollapse .newspaper-component.newspaper-component-titles {
  margin: 0px !important;
}
  .collapse-container .ContentCollapse .newspaper-component.newspaper-component-titles .component-panel {
    padding: 0px;
  }
    .collapse-container .ContentCollapse .newspaper-component.newspaper-component-titles .component-panel .edu-article-container
     {
      padding-bottom: 0;
    }