

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;700;800&family=Merriweather:wght@700&display=swap');

#webinar-content-block > .lite-page.block-set > .o-lt-onecolumn-common:first-child .f-header {
  font-family: Manrope;
  font-style: normal;
  font-weight: 800;
  font-size: 30px;
  line-height: 110%;
  letter-spacing: -0.02em;
  color: #1c5c32 ;
  margin-top: 20px;
  margin-bottom: 30px;
}

body {
  background: #c2f0c9;
}

#webinar-content-block .video-overlay-bottom.hide-watermark, 
#webinar-content-block .video-overlay-top.hide-watermark {
  background: #c2f0c9 ;
}

#webinar-content-block .videoWrapper, 
#webinar-content-block .videoWrapper iframe, 
#webinar-content-block .videoWrapper>.video-broadcast-block, 
#webinar-content-block .video-overlay-before,
#webinar-content-block #player .player-poster {
  border-radius: 12px;
}

#webinar-content-block .webinar-started-block {
  padding: 0 5px!important;
}

#ucss-code-wrapper {
  right: auto;
  left: 0
}

#webinar-content-block .chat-widget .comments-tree {
  padding-left: 27px;
  background: white;
  background-clip: content-box;
  margin-right: 0;
}

#webinar-content-block .chat-widget {
  border: none;
  background: none;
}

#webinar-content-block .chat-widget .comments-container::-webkit-scrollbar {
  width: 6px;
}

#webinar-content-block .chat-widget .comments-container::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 6px;
}

#webinar-content-block .chat-widget .comments-container::-webkit-scrollbar-thumb {
  background-color: #ff914d;
  border-radius: 6px;
}

#webinar-content-block .chat-widget .comments-container {
  scrollbar-color: #FF914D transparent;
  scrollbar-width: 6px;
}

#webinar-content-block .chat-widget .gc-comment-form {
  width: 392px;
  background: white;
  border-top: 1px solid #FFF6E1;
  padding: 20px 20px 10px 20px!important;
}

#webinar-content-block .new-comment-input {
  background: #FFF6E1;
  border-radius: 6px;
  border: none!important;
  font-family: Manrope;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #171717;
  padding: 15px!important;
  height: 50px;
  margin-bottom: 10px!important;
}

#webinar-content-block .new-comment-input::-webkit-input-placeholder {
  color: #FF914D;
  opacity: 0.3;
}
#webinar-content-block .new-comment-input::-moz-placeholder {
  color: #FF914D;
  opacity: 0.3;
}
#webinar-content-block .new-comment-input:-ms-input-placeholder {
  color: #FF914d;
  opacity: 0.3;
}
#webinar-content-block .new-comment-input:-moz-placeholder {
  color: #FF914D;
  opacity: 0.3;
}

#webinar-content-block .webinar-btn-send,
#webinar-content-block .webinar-btn-send:hover,
#webinar-content-block .webinar-btn-send:active
 {
  background: #FF914D!important;
  border-radius: 6px!important;
  border: none!important;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  padding: 15px;
  font-family: Manrope!important;
  font-style: normal;
  font-weight: bold;
  font-size: 18px!important;
}

#webinar-content-block .webinar-btn-send .fa {
  display: none;
}

#webinar-content-block .chat-widget .comments-container .comments-top-level {
  margin-bottom: 180px;
  padding-top: 40px;
}

#webinar-content-block .chat-widget .comments-tree .level-1 .comment-wrapper {
  padding: 0 20px 0 20px !important;
}

#webinar-content-block .comments-tree {
  font-family: Manrope;
  font-style: normal;
  font-size: 14px;
  line-height: 140% !important;
  color: #171717;
}

#webinar-content-block .comments-tree .comment .title span[style="color: red;"] {
  color:#FF914D !important;
}

body.mobile {
  background: white;
}
body.mobile #webinar-content-block  .video-overlay-bottom.hide-watermark, 
body.mobile #webinar-content-block .video-overlay-top.hide-watermark {
  background: white;
}

body.mobile #webinar-content-block .videoWrapper, 
body.mobile #webinar-content-block .videoWrapper iframe, 
body.mobile #webinar-content-block .videoWrapper>.video-broadcast-block, 
body.mobile #webinar-content-block .video-overlay-before {
  border-radius: 0;
}

body.mobile #webinar-content-block.mobile .gc-comment-form {
  height: 90px;
  padding: 20px;
}

body.mobile .new-comment-input {
  margin-right: 8px;
  width: 61.8%!important;
  flex: 61.8%;
  font-size: 16px;
}

body.mobile .webinar-btn-send {
  width: 38.2%;
  flex: 38.2%;
  font-size: 16px!important;
}

body.mobile .webinar-started-block {
  padding: 0!important;
}

body.mobile .comment-form-wrapper {
  background: white;
  border-top: 1px solid #FFF6E1;
}
