/* common border radius */
/* disable text selection */
section.gt-block.intro {
  z-index: 200;
  overflow: hidden;
  -webkit-border-radius: 0 0 4rem 4rem;
  -moz-border-radius: 0 0 4rem 4rem;
  border-radius: 0 0 4rem 4rem;
}
section.gt-block.intro.bgcolor-orange {
  background: #FD7D23;
}
section.gt-block.intro.bgcolor-orange-small {
  background: #FD7D23;
}
section.gt-block.intro.bgcolor-orange-small .content {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
section.gt-block.intro.bgcolor-classes-events {
  background: #451D40;
}
section.gt-block.intro.bgcolor-about {
  background: #A99D7A;
}
section.gt-block.intro.bgcolor-tools {
  background: #D60E01;
}
section.gt-block.intro.bgcolor-food-ingredients {
  background: #327908;
}
section.gt-block.intro.bgcolor-black {
  background: black;
}
section.gt-block.intro.bgcolor-chef {
  background: #000000;
}
section.gt-block.intro.bgcolor-kitchen-guide {
  background: #603D00;
}
section.gt-block.intro.bgcolor-article {
  background: #AC9FEE;
}
section.gt-block.intro.bgcolor-charity {
  background: #FFBF00;
}
section.gt-block.intro.bgcolor-profile-settings {
  background: #EDEDED;
}
section.gt-block.intro.bgcolor-profile-settings .content {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
section.gt-block.intro.bgcolor-profile-settings .content .text h1,
section.gt-block.intro.bgcolor-profile-settings .content .text h2 {
  margin: 0;
  color: #707070;
}
section.gt-block.intro.bgcolor-hex4E4E4E {
  background: #4E4E4E;
}
section.gt-block.intro.bgcolor-hex5C5857 {
  background: #5C5857;
}
section.gt-block.intro.bgcolor-hex11457E {
  background: #11457E;
}
section.gt-block.intro.bgcolor-hex51000D {
  background: #51000D;
}
section.gt-block.intro.bgcolor-hex530505 {
  background: #530505;
}
section.gt-block.intro.bgcolor-hex275A86 {
  background: #275A86;
}
section.gt-block.intro.bgcolor-hex4B0132 {
  background: #4B0132;
}
section.gt-block.intro.bgcolor-hex191919 {
  background: #191919;
}
section.gt-block.intro.bgcolor-hex992435 {
  background: #992435;
}
section.gt-block.intro.bgcolor-hex213972 {
  background: #213972;
}
section.gt-block.intro.bgcolor-hex950606 {
  background: #950606;
}
section.gt-block.intro.bgcolor-hex6D6E68 {
  background: #6D6E68;
}
section.gt-block.intro.bgcolor-hexA06019 {
  background: #A06019;
}
section.gt-block.intro.bgcolor-hexA82400 {
  background: #A82400;
}
section.gt-block.intro .content {
  width: 41%;
  padding: 6rem 5rem 4rem 5rem;
}
section.gt-block.intro .content.with-link {
  padding-top: 4rem;
}
section.gt-block.intro .content .in {
  min-height: 35rem;
  position: relative;
}
section.gt-block.intro .content .in.with-info {
  padding-bottom: 8rem;
}
section.gt-block.intro .content .link {
  padding: 0 0 4rem 0;
}
section.gt-block.intro .content .link a {
  min-width: 17rem;
  padding: 0.7rem 1.5rem;
  display: inline-block;
  vertical-align: top;
  border: 1px solid white;
  -webkit-border-radius: 1.7rem;
  -moz-border-radius: 1.7rem;
  border-radius: 1.7rem;
  color: white;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.gt-block.intro .content .link a:hover {
  background: rgba(255, 255, 255, 0.1);
}
section.gt-block.intro .content .text h1,
section.gt-block.intro .content .text h2 {
  color: white;
}
section.gt-block.intro .content .text h1 em,
section.gt-block.intro .content .text h2 em {
  font-style: normal;
  font-weight: normal;
}
section.gt-block.intro .content .text p {
  color: white;
}
section.gt-block.intro .content .text a {
  color: white;
  text-decoration: underline;
}
section.gt-block.intro .content .text a:hover {
  text-decoration: none;
}
section.gt-block.intro .content .text a.btn {
  margin: 0 0 0.8rem 0;
  text-decoration: none;
}
section.gt-block.intro .content .text .read-more-link,
section.gt-block.intro .content .text .read-less-link {
  max-height: 2.4rem;
  margin: -1rem 0 0 0;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  cursor: pointer;
  color: white;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  text-decoration: underline;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.gt-block.intro .content .text .read-more-link.hidden,
section.gt-block.intro .content .text .read-less-link.hidden {
  max-height: 0px;
  opacity: 0;
  display: block;
}
section.gt-block.intro .content .text .read-more-link:hover,
section.gt-block.intro .content .text .read-less-link:hover {
  text-decoration: none;
}
section.gt-block.intro .content .text .text-more {
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.gt-block.intro .content .text .text-more.opened {
  max-height: 2000px;
  opacity: 1;
}
section.gt-block.intro .content .info {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
section.gt-block.intro .content .info .chef-label {
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent;
  color: white;
}
section.gt-block.intro .content .info .date {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  vertical-align: top;
  color: white;
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: bold;
}
section.gt-block.intro.no-image .content {
  width: auto;
}
section.gt-block.intro.no-image .content .in {
  min-height: 0px;
}
section.gt-block.intro .img {
  width: 59%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-border-radius: 0 0 4rem 4rem;
  -moz-border-radius: 0 0 4rem 4rem;
  border-radius: 0 0 4rem 4rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
section.gt-block.intro .share-line {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 1100px) {
  section.gt-block.intro .content {
    width: 60%;
  }
  section.gt-block.intro .img {
    width: 40%;
  }
}
@media screen and (max-width: 770px) {
  section.gt-block.intro .content {
    width: auto;
  }
  section.gt-block.intro .content .in {
    min-height: 0;
  }
  section.gt-block.intro .content .in.with-info {
    padding-bottom: 0;
  }
  section.gt-block.intro .content .info {
    padding: 3rem 0 0 0;
    position: static;
  }
  section.gt-block.intro .content .info .chef-label {
    position: relative;
  }
  section.gt-block.intro .content .info .date {
    position: static;
  }
  section.gt-block.intro .img {
    width: 100%;
    height: 20rem;
    position: relative;
    -webkit-border-radius: 0 0 4rem 4rem;
    -moz-border-radius: 0 0 4rem 4rem;
    border-radius: 0 0 4rem 4rem;
  }
}
@media screen and (max-width: 500px) {
  section.gt-block.intro {
    -webkit-border-radius: 0 0 2rem 2rem;
    -moz-border-radius: 0 0 2rem 2rem;
    border-radius: 0 0 2rem 2rem;
  }
  section.gt-block.intro .content {
    padding: 20px;
  }
  section.gt-block.intro .content .info .date {
    padding: 1rem 0 0 0;
    display: block;
  }
  section.gt-block.intro .content .info .date br {
    display: none;
  }
  section.gt-block.intro.no-image .content {
    padding-top: 6rem;
  }
  section.gt-block.intro .img {
    -webkit-border-radius: 0 0 2rem 2rem;
    -moz-border-radius: 0 0 2rem 2rem;
    border-radius: 0 0 2rem 2rem;
  }
}