sonic-qdf {
  --sonic-tooltip-label-color: var(--gray-200);
  --label-background-color: #303233;
  --sonic-tooltip-label-position: absolute;
  --sonic-tooltip-label-bottom: -50px;
  --widget-background-color: var(--primary-700);
  --widget-padding: 20px 15px;
  margin-bottom: 25px;
}

.sonic-qdf-custom-html {
  text-align: left;
  min-height: 370px;
}

@media screen and (min-width: 768px) {
  .sonic-qdf-custom-html {
    min-height: 150px;
  }
}

@media screen and (min-width: 1200px) {
  sonic-qdf {
    --sonic-tooltip-label-right: 0;
  }
  
  .sonic-qdf-custom-html {
    margin: 0 90px;
  }
}


/* overrides existing style on mobile for containing div */
.blog .entry-header,
.page-with-widget .entry-header {
  padding: 13px;
}

@media screen and (min-width: 768px) {
  .blog .entry-header,
  .page-with-widget .entry-header {
    padding: 63px 26px;
  }
}