@import url("https://media.sproutsocial.com/assets/seedlings-marketing.css");

.flex {
    display:flex !important;
}
.flex-wrap {
    flex-wrap:wrap;
}
.flex-column-reverse {
    flex-direction:column-reverse;
}
.sprout-styles .dg {
    display:grid !important;
}
.edit-tools {
    flex: none !important;
    width: auto !important;
}

.two-columns > * {
    max-width: 50% !important;
    width: 100% !important;
}

.three-columns > * {
    max-width: 33% !important;
    width: 100% !important;
}

.four-columns > * {
    max-width: 25% !important;
    width: 100% !important;
}

.five-columns > * {
    max-width: 20% !important;
    width: 100% !important;
}

.six-columns > * {
    max-width: 16% !important;
    width: 100% !important;
}
.sprout-styles .children.w100 {
    display: grid;
    grid-template-columns: auto;
    gap: 1.7777777778rem;
    width:100% !important;
}
.children .cms-hub-card {
    grid-column: span 1/span 1;
}
.children .cms-hub-card img {
    max-height:304px;
}
.card-title {
    min-height:0 !important;
}
.sf.headline span {
    font-size:24px !important;
}
/*Medium*/
@media screen and (min-width: 481px) {
    .two-columns-ns > * {
        max-width: 50% !important;
        width: 100%;
    }
    .three-columns-ns > * {
        max-width: 33% !important;
        width: 100%;
    }
    .four-columns-ns > * {
        max-width: 25% !important;
        width: 100%;
    }
    .five-columns-ns > * {
        max-width: 20% !important;
        width: 100%;
    }
    .six-columns-ns > * {
        max-width: 16% !important;
        width: 100%;
    }
    .sprout-styles .children.w100 {
        grid-template-columns: auto auto;
    }
}

/*Extra-Medium*/
@media screen and (min-width: 769px) {
    .two-columns-nm > * {
        max-width: 50% !important;
        width: 100%;
    }
    .three-columns-nm > * {
        max-width: 33% !important;
        width: 100%;
    }
    .four-columns-nm > * {
        max-width: 25% !important;
        width: 100%;
    }
    .five-columns-nm > * {
        max-width: 20% !important;
        width: 100%;
    }
    .six-columns-nm > * {
        max-width: 16% !important;
        width: 100%;
    }
    .db-nm {
        display:block !important;
    }
    .sprout-styles .children.w100 {
        display: grid;
        grid-template-columns: auto auto auto auto;
        gap: 1.7777777778rem;
        width:100% !important;
    }
    .children .cms-hub-card {
        grid-column: span 1/span 1;
    }
    .children .cms-hub-card img {
        max-height:304px;
    }
    .card-title {
        min-height:0 !important;
    }
    .sprout-styles .children.w100 {
        grid-template-columns: auto auto auto;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .px450-xm {
    padding-right: 1.3333333333rem !important;
    padding-left: 1.3333333333rem !important;
  }
  .pl650-xm {
    padding-left: 3.1111111111rem !important;
  }
  .pr650-xm {
    padding-right: 3.1111111111rem !important;
  }
  .px765-xm {
    padding-right: 5.7777777778rem !important;
    padding-left: 5.7777777778rem !important;
  }
  .flex-xm {
      display: flex !important;
  }
  .items-center-xm {
      align-items:center !important;
  }
  .w-100p-xm {
      width:100% !important;
  }
}
/*Desktop*/
@media screen and (min-width: 1025px) {
    .two-columns-l > * {
        max-width: 50% !important;
        width: 100%;
    }
    .three-columns-l > * {
        max-width: 33% !important;
        width: 100%;
    }
    .four-columns-l > * {
        max-width: 25% !important;
        width: 100%;
    }
    .five-columns-l > * {
        max-width: 20% !important;
        width: 100%;
    }
    .six-columns-l > * {
        max-width: 16% !important;
        width: 100%;
    }
    .db-l {
        display:block !important;
    }
    .flex-l {
        display:flex !important;
    }
    .sprout-styles .children.w100 {
        grid-template-columns: auto auto auto auto;
    }
}