/*
 * Common SCSS can contain your common variables, helpers and mixins
 * that are shared between all of your blocks.
 */
.wp-block-cgb-block-yd-blocks {
  background: red;
  border: 0.2rem solid black;
  color: black;
  margin: 0 auto;
  max-width: 740px;
  padding: 2rem; }

.block-editor .warning {
  color: red; }

.block-editor .insp .editor-plain-text {
  border: 1px solid #8d96a0;
  border-radius: 2px;
  padding: 0.5rem 0.75rem;
  margin: 0.5rem auto; }

.block-editor .insp label {
  margin: 20px 0 10px;
  display: block; }

.block-editor .insp .components-radio-control__input, .block-editor .insp .components-radio-control__option label {
  display: inline-block; }

.block-editor .insp .components-radio-control__option label {
  margin-top: 10px; }

.progress-wrapper {
  background-color: #eaedf5;
  padding: 15px 30px; }
  .progress-wrapper h5 {
    margin-bottom: 10px; }
  .progress-wrapper .progress {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: space-around;
    position: relative;
    width: 100%;
    height: 30px;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #afb4bf;
    background: #afb4bf;
    /* Old browsers */
    background: -moz-linear-gradient(left, #afb4bf 0%, #afb4bf 24.9%, #c7ccd8 25%, #c7ccd8 49.9%, #d9deed 50%, #d9deed 74.9%, #eaedf5 75%, #eaedf5 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #afb4bf 0%, #afb4bf 24.9%, #c7ccd8 25%, #c7ccd8 49.9%, #d9deed 50%, #d9deed 74.9%, #eaedf5 75%, #eaedf5 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #afb4bf 0%, #afb4bf 24.9%, #c7ccd8 25%, #c7ccd8 49.9%, #d9deed 50%, #d9deed 74.9%, #eaedf5 75%, #eaedf5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afb4bf', endColorstr='#eaedf5',GradientType=1 );
    /* IE6-9 */ }
    .progress-wrapper .progress.red {
      background: red;
      background: -moz-linear-gradient(left, red 0%, red 24.9%, #c7ccd8 25%, #c7ccd8 49.9%, #d9deed 50%, #d9deed 74.9%, #eaedf5 75%, #eaedf5 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, red 0%, red 24.9%, #c7ccd8 25%, #c7ccd8 49.9%, #d9deed 50%, #d9deed 74.9%, #eaedf5 75%, #eaedf5 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, red 0%, red 24.9%, #c7ccd8 25%, #c7ccd8 49.9%, #d9deed 50%, #d9deed 74.9%, #eaedf5 75%, #eaedf5 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$red, endColorstr=$red,GradientType=1 );
      /* IE6-9 */ }
    .progress-wrapper .progress.orange {
      background: #ffd700;
      background: -moz-linear-gradient(left, #ffd700 0%, #ffd700 49.9%, #d9deed 50%, #d9deed 74.9%, #eaedf5 75%, #eaedf5 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #ffd700 0%, #ffd700 49.9%, #d9deed 50%, #d9deed 74.9%, #eaedf5 75%, #eaedf5 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #ffd700 0%, #ffd700 49.9%, #d9deed 50%, #d9deed 74.9%, #eaedf5 75%, #eaedf5 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$orange, endColorstr=$orange,GradientType=1 );
      /* IE6-9 */ }
    .progress-wrapper .progress.yellow {
      background: #99d699;
      background: -moz-linear-gradient(left, #99d699 0%, #99d699 74.9%, #eaedf5 75%, #eaedf5 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #99d699 0%, #99d699 74.9%, #eaedf5 75%, #eaedf5 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #99d699 0%, #99d699 74.9%, #eaedf5 75%, #eaedf5 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$yellow, endColorstr=$yellow,GradientType=1 );
      /* IE6-9 */ }
    .progress-wrapper .progress.blue {
      background: #7575d8;
      background: -moz-linear-gradient(left, #7575d8 0%, #7575d8 74.9%, #7575d8 75%, #7575d8 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #7575d8 0%, #7575d8 74.9%, #7575d8 75%, #7575d8 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #7575d8 0%, #7575d8 74.9%, #7575d8 75%, #7575d8 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$yellow, endColorstr=$yellow,GradientType=1 );
      /* IE6-9 */ }
    .progress-wrapper .progress.green {
      background: green; }
    .progress-wrapper .progress label {
      background: rgba(255, 255, 255, 0.5);
      padding: 4px 15px 0px;
      border-radius: 15px;
      text-transform: uppercase; }
  .progress-wrapper p {
    margin-top: 10px;
    text-align: center;
    font-style: italic;
    color: #555; }

.overview-progress-wrapper {
  background: #eaedf5;
  padding: 30px; }
  .overview-progress-wrapper .chart-legend {
    background: none; }
    .overview-progress-wrapper .chart-legend .value {
      display: inline-block;
      text-align: center;
      padding: 6px;
      border-radius: 50%;
      width: 30px;
      height: 30px; }
    .overview-progress-wrapper .chart-legend .red {
      background: red;
      color: white; }
    .overview-progress-wrapper .chart-legend .orange {
      background: #ffd700; }
    .overview-progress-wrapper .chart-legend .yellow {
      background: #99d699; }
    .overview-progress-wrapper .chart-legend .green {
      background: green;
      color: white; }
    .overview-progress-wrapper .chart-legend .blue {
      background: #7575d8;
      color: white; }
  .overview-progress-wrapper .chart-wrapper .donut {
    display: none;
    width: 300px;
    height: 300px; }
    .overview-progress-wrapper .chart-wrapper .donut.css-donut {
      background: radial-gradient(white 40%, transparent 41%), conic-gradient(red 0%, red 25%, #ffd700 25%, #ffd700 50%, #99d699 50%, #99d699 75%, green 75%, green 100%);
      border-radius: 50%; }
      .overview-progress-wrapper .chart-wrapper .donut.css-donut .objective-total {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding-top: 40%; }
        .overview-progress-wrapper .chart-wrapper .donut.css-donut .objective-total strong {
          font-size: 2em; }
  .overview-progress-wrapper .chart-wrapper .donut-canvas-wrapper {
    position: relative; }
    .overview-progress-wrapper .chart-wrapper .donut-canvas-wrapper .objective-total {
      display: none;
      text-align: center;
      position: absolute;
      top: 40%;
      left: 50%;
      margin-left: -34px; }

/*
 * Common SCSS can contain your common variables, helpers and mixins
 * that are shared between all of your blocks.
 */
.wp-block .container {
  border: 1px solid #cccccc;
  padding: 2rem; }

.wp-block .button-container {
  text-align: center;
  padding: 22% 0;
  background: #f1f1f1;
  border: 1px solid #cccccc;
  border-radius: 2px;
  margin: 0 0 1.2rem 0; }

.wp-block .heading {
  font-size: 1.5rem;
  font-weight: 600; }

.wp-block .image {
  height: 15.7rem;
  width: 100%;
  object-fit: cover; }
  .wp-block .image.preview {
    object-fit: contain;
    height: auto;
    float: none;
    max-height: 330px; }

.wp-block .row {
  display: flex;
  flex-direction: row; }

.wp-block .cta.cta-top {
  margin-bottom: 20px; }

.wp-block .cta .cta-bg {
  width: 100%;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  background-color: lightgray;
  padding: 70px 0; }
  .wp-block .cta .cta-bg h2, .wp-block .cta .cta-bg h5 {
    margin: 0 !important; }
  .wp-block .cta .cta-bg .cta_subheading {
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 0.04em; }
  .wp-block .cta .cta-bg .cta_heading {
    font-size: 35px;
    letter-spacing: 0em; }
  .wp-block .cta .cta-bg textarea {
    background-color: transparent;
    color: white;
    height: auto;
    text-align: center;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    border-radius: 0; }
    .wp-block .cta .cta-bg textarea:focus {
      background-color: white;
      color: black;
      text-shadow: none; }
    .wp-block .cta .cta-bg textarea.cta_f_heading, .wp-block .cta .cta-bg textarea.cta_s_heading {
      font-size: 35px;
      letter-spacing: 0em; }
    .wp-block .cta .cta-bg textarea.cta_button-text {
      max-width: 200px;
      text-transform: uppercase;
      vertical-align: middle;
      text-shadow: none; }

.wp-block .card-row {
  overflow-x: scroll; }
  .wp-block .card-row .card .image {
    background-position: center;
    background-size: cover;
    display: block; }

.wp-block .carousel-button {
  border-radius: 0;
  padding: 5px;
  height: auto;
  display: block;
  margin: 20px auto;
  text-align: center;
  width: auto; }

.wp-block .list-column {
  width: 50%;
  display: inline-block;
  vertical-align: top; }
  .wp-block .list-column li {
    list-style: none; }

.wp-block .list-image {
  width: 50%;
  height: 200px;
  display: inline-block;
  background-size: cover;
  vertical-align: top; }