/* common border radius */
/* disable text selection */
section.gt-block.videos-extended .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3rem;
}
@media screen and (max-width: 1100px) {
  section.gt-block.videos-extended .list {
    grid-template-columns: repeat(1, 1fr);
  }
}
section.gt-block.videos-extended article {
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  border-radius: 4rem;
  background: #F8F8F8;
}
section.gt-block.videos-extended article .top {
  padding: 1.6rem 3.2rem;
  position: relative;
  display: flex;
}
section.gt-block.videos-extended article .top .web-section-btn-holder {
  padding: 0.5rem 2rem 0.5rem 0;
}
section.gt-block.videos-extended article .top .date-holder {
  padding: 0.6rem 0;
  flex-grow: 1;
}
section.gt-block.videos-extended article .top .date {
  display: inline-block;
  vertical-align: top;
  color: #1A2428;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 300;
}
section.gt-block.videos-extended article .top .chef-label-holder {
  text-align: right;
}
section.gt-block.videos-extended article .top .chef-label {
  padding-right: 0;
  background: none;
  text-align: left;
}
@media screen and (max-width: 630px) {
  section.gt-block.videos-extended article .top {
    padding: 1.6rem 2rem 3rem 2rem;
    display: block;
  }
  section.gt-block.videos-extended article .top:after {
    content: " ";
    width: 100%;
    height: 0px;
    display: block;
    overflow: hidden;
    clear: both;
  }
  section.gt-block.videos-extended article .top .date-holder {
    width: 17rem;
    padding: 0;
    position: absolute;
    left: 2rem;
    bottom: 1rem;
    display: inline-block;
    vertical-align: top;
    text-align: center;
  }
  section.gt-block.videos-extended article .top .date br {
    display: none;
  }
  section.gt-block.videos-extended article .top .web-section-btn-holder,
  section.gt-block.videos-extended article .top .chef-label-holder {
    width: 50%;
    float: left;
  }
}
@media screen and (max-width: 500px) {
  section.gt-block.videos-extended article .top {
    padding: 1.6rem 2rem;
  }
  section.gt-block.videos-extended article .top .web-section-btn-holder,
  section.gt-block.videos-extended article .top .chef-label-holder {
    width: auto;
    float: none;
  }
  section.gt-block.videos-extended article .top .web-section-btn-holder {
    padding: 0;
  }
  section.gt-block.videos-extended article .top .web-section-btn {
    display: block;
  }
  section.gt-block.videos-extended article .top .date-holder {
    width: auto;
    padding: 0.6rem 0;
    position: static;
    display: block;
  }
  section.gt-block.videos-extended article .top .chef-label-holder {
    text-align: center;
  }
  section.gt-block.videos-extended article .top .chef-label {
    text-align: left;
  }
}
section.gt-block.videos-extended article .bottom {
  padding: 1.2rem 3.2rem 1.6rem;
  display: flex;
}
section.gt-block.videos-extended article .bottom h3 {
  padding: 0 2rem 0 0;
  margin: 0;
  color: #1A2428;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  flex-grow: 1;
}
section.gt-block.videos-extended article .bottom ul {
  white-space: nowrap;
}
section.gt-block.videos-extended article .bottom ul li {
  padding: 0 0 0 1.4rem;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 630px) {
  section.gt-block.videos-extended article .bottom {
    padding: 1.2rem 2rem 1.6rem;
    display: block;
  }
  section.gt-block.videos-extended article .bottom h3 {
    padding: 0 0 2rem 0;
  }
  section.gt-block.videos-extended article .bottom .btn-holder,
  section.gt-block.videos-extended article .bottom ul {
    display: inline-block;
    vertical-align: top;
  }
}
@media screen and (max-width: 500px) {
  section.gt-block.videos-extended article .bottom {
    text-align: center;
  }
  section.gt-block.videos-extended article .bottom h3 {
    padding: 0;
  }
  section.gt-block.videos-extended article .bottom .btn-holder,
  section.gt-block.videos-extended article .bottom .btn {
    display: block;
  }
  section.gt-block.videos-extended article .bottom .btn-holder {
    padding: 1.6rem 0 0 0;
  }
  section.gt-block.videos-extended article .bottom ul {
    padding: 1.6rem 0 0 0;
  }
}
@media screen and (max-width: 500px) {
  section.gt-block.videos-extended article {
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
  }
}