:root {
  --max-width-container: 1230px;
}

.wp-block-growtype-post {
  max-width: var(--max-width-container);
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
}
.wp-block-growtype-post.alignfull {
  max-width: initial;
}

.container .wp-block-growtype-post {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (max-width: 640px) {
  .container .alignfull.wp-block-group:where(.has-background) .wp-block-growtype-post {
    padding-left: 0;
    padding-right: 0;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
.pagination .page-numbers {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.pagination .page-numbers li {
  font-weight: 300;
  background: white;
  border-radius: 50px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}
.pagination .page-numbers li > a, .pagination .page-numbers li > span {
  padding: 10px 18px;
  min-width: 44px;
}
.pagination .current {
  font-weight: bold;
  color: #9B9B9B;
}
.pagination .next {
  margin-left: 5px;
}
.pagination .prev {
  margin-right: 5px;
}

.cta-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  gap: 20px;
}

.growtype-post-btn-like, .growtype-post-btn-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  background: none;
  cursor: pointer;
}
.growtype-post-btn-like a:not([class]), .growtype-post-btn-share a:not([class]) {
  text-decoration: none;
}
.growtype-post-btn-like .wp-block-button__link, .growtype-post-btn-share .wp-block-button__link {
  background: none !important;
  border: none !important;
  color: var(--secondary-text-color) !important;
  padding: 0;
  min-width: initial;
  padding-left: 10px;
}
.growtype-post-btn-like:before, .growtype-post-btn-share:before {
  font-size: 22px;
}

.growtype-post-btn-like {
  width: initial !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.growtype-post-btn-like .e-amount {
  position: relative;
}
.growtype-post-btn-like .e-text {
  position: relative;
}
.growtype-post-btn-like .e-text:before {
  content: "\e808";
  font-family: "growtype-icons";
  margin-right: 6px;
}
.growtype-post-btn-like.is-active .e-text:before {
  content: "\e801";
  font-family: "growtype-icons";
}

.growtype-post-btn-share {
  font-weight: 300;
  position: relative;
  top: 0;
  width: initial !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 7px;
}
.growtype-post-btn-share:before {
  content: "\e9bf";
  font-family: "growtype-icons";
  font-size: 24px;
}

.growtype-post-terms-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.growtype-post-terms-filter .growtype-post-terms-filter-btn.is-active {
  background: var(--btn-secondary-background-color-active);
  color: var(--btn-secondary-color-active);
}
@media only screen and (max-width: 640px) {
  .growtype-post-terms-filter .growtype-post-terms-filter-btn {
    width: 100%;
  }
}

.growtype-post-terms-filters .chosen-container {
  margin-bottom: 20px;
}

@media only screen and (max-width: 640px) {
  div.growtype-post-terms-filter {
    display: none;
  }
}

@media only screen and (min-width: 640px) {
  select.growtype-post-terms-filter + .chosen-container {
    display: none;
  }
}
@media only screen and (min-width: 640px) {
  select.growtype-post-terms-filter {
    display: none;
  }
}

/**
Post preview
 */
.growtype-post-single {
  border-radius: 5px;
  width: 33.3333333333%;
  overflow: hidden;
  display: inline-block;
  padding: 10px;
  text-decoration: none;
  color: black;
}
.growtype-post-single.is-hidden {
  display: none;
}
.growtype-post-single:hover {
  color: black;
}
@media only screen and (max-width: 820px) {
  .growtype-post-single {
    width: 50%;
  }
}
@media only screen and (max-width: 640px) {
  .growtype-post-single {
    width: 100%;
  }
}
.growtype-post-single .e-title-upper {
  font-size: 12px;
  color: #3a3a3a;
}
.growtype-post-single .growtype-post-single-inner {
  text-align: center;
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #e4e4e4;
  text-decoration: none;
}
.growtype-post-single .e-img {
  padding-top: 60%;
}
.growtype-post-single .e-content {
  padding-top: 15px;
  text-align: left;
  font-weight: 300;
  word-break: initial;
}
.growtype-post-single .b-actions {
  padding-top: 15px;
  border-top: 1px solid #e4e4e4;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
}
.growtype-post-single .b-actions .btn {
  font-size: 14px;
  width: 100%;
  max-width: 80%;
}
.growtype-post-single .b-content {
  padding: 20px;
  margin: auto;
  text-align: left;
}
.growtype-post-single .e-date {
  padding-bottom: 5px;
  padding-top: 5px;
  color: #494752;
}
.growtype-post-single .e-terms {
  padding-bottom: 10px;
  margin-bottom: 0;
}
.growtype-post-single .b-date {
  position: absolute;
  top: 15px;
  left: 15px;
  background: white;
  border-radius: 5px;
  overflow: hidden;
}
.growtype-post-single .b-date .b-date-month {
  background: #5561e2;
  color: white;
  font-size: 10px;
  text-transform: uppercase;
  padding: 5px 10px;
}
.growtype-post-single .b-date .b-date-day {
  font-size: 26px;
  font-weight: bold;
}
.growtype-post-single .e-title {
  font-size: 16px;
}

.growtype-post-wrapper {
  width: 33.3333333333%;
  padding: 5px;
}
@media only screen and (max-width: 767px) {
  .growtype-post-wrapper {
    width: 50%;
  }
}
@media only screen and (max-width: 640px) {
  .growtype-post-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.growtype-post-wrapper .growtype-post-single {
  width: 100%;
}

.growtype-post-review {
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 20px;
}
@media only screen and (max-width: 570px) {
  .growtype-post-review {
    width: 100%;
  }
}
.growtype-post-review:hover {
  text-decoration: none;
}
.growtype-post-review .e-arrow {
  border: none;
}
.growtype-post-review .growtype-post-single-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.growtype-post-review .growtype-post-single-header .e-title {
  font-size: 18px;
  max-width: 120px;
  color: #5561e2;
}
.growtype-post-review .growtype-post-single-img {
  width: 100px;
  height: 100px;
  padding: 0;
  border-radius: 100px;
  margin-right: 20px;
}
.growtype-post-review .growtype-post-single-content {
  padding: 0;
  background: white;
  color: black;
  position: relative;
  padding-top: 15px;
}
.growtype-post-review .e-details {
  font-size: 13px;
  margin-bottom: 15px;
}
.growtype-post-review .growtype-post-single-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.growtype-post-review .growtype-post-single-footer .btn {
  font-size: 13px;
}
.growtype-post-review .btn-basic {
  padding: 0;
  min-width: initial;
  color: #5561e2;
}
.growtype-post-review .e-arrow {
  background: none;
  border-radius: 20px;
  position: relative;
  margin-right: auto;
  margin-left: 10px;
}
.growtype-post-review .e-arrow:before {
  content: "\f344";
  width: 21px;
  height: 19px;
  font-family: dashicons;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 14px;
}

.growtype-post-blog .b-content {
  padding: 15px 30px;
  margin: auto;
  text-align: center;
}
.growtype-post-blog .growtype-post-single-inner {
  border: none;
}

.growtype-post-product {
  list-style-type: none;
}
.growtype-post-product .star-rating {
  float: right;
  font-family: star;
  height: 1em;
  line-height: 1;
  overflow: hidden;
  position: relative;
  width: 100%;
  display: block;
  margin: 0 0 0.5em;
  font-size: 0.857em;
}
.growtype-post-product .star-rating:before, .growtype-post-product .woocommerce .star-rating:before {
  color: gold;
  content: "sssss";
  left: 0;
  position: absolute;
  top: 0;
}
.growtype-post-product .content-wrapper {
  margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
  .growtype-post-product .content-wrapper {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.growtype-post-product .content-wrapper:empty {
  margin-bottom: 0;
}
.growtype-post-product .attachment-woocommerce_thumbnail {
  margin: auto;
}
.growtype-post-product .imagewrapper img {
  width: 100%;
}
.growtype-post-product .add_to_cart_button {
  display: inline-block;
  width: 100%;
  margin-top: 1em;
}
.growtype-post-product .price {
  color: #3a3a3a;
}

.growtype-post-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  width: calc(100% + 20px);
  padding-top: 0;
  padding-bottom: 0;
}
.alignfull .growtype-post-container {
  margin-left: 5px;
  width: calc(100% - 10px);
}
.growtype-post-container.slick-initialized {
  display: block;
}
.growtype-post-container[data-columns="1"] .growtype-post-single {
  width: 100%;
}
.growtype-post-container[data-columns="2"] .growtype-post-single {
  width: 50%;
}
@media only screen and (max-width: 640px) {
  .growtype-post-container[data-columns="2"] .growtype-post-single {
    width: 100%;
  }
}
.growtype-post-container[data-columns="3"] .growtype-post-single {
  width: 33.3333333333%;
}
@media only screen and (max-width: 640px) {
  .growtype-post-container[data-columns="3"] .growtype-post-single {
    width: 100%;
  }
}
.growtype-post-container[data-columns="4"] .growtype-post-single {
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .growtype-post-container[data-columns="4"] .growtype-post-single {
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 640px) {
  .growtype-post-container[data-columns="4"] .growtype-post-single {
    width: 100%;
  }
}
.growtype-post-container[data-columns="5"] .growtype-post-single {
  width: 20%;
}
@media only screen and (max-width: 767px) {
  .growtype-post-container[data-columns="5"] .growtype-post-single {
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 640px) {
  .growtype-post-container[data-columns="5"] .growtype-post-single {
    width: 100%;
  }
}
.growtype-post-container[data-columns="6"] .growtype-post-single {
  width: 16.6666666667%;
}
@media only screen and (max-width: 767px) {
  .growtype-post-container[data-columns="6"] .growtype-post-single {
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 640px) {
  .growtype-post-container[data-columns="6"] .growtype-post-single {
    width: 100%;
  }
}
.growtype-post-container[data-columns="7"] .growtype-post-single {
  width: 14.2857142857%;
}
@media only screen and (max-width: 767px) {
  .growtype-post-container[data-columns="7"] .growtype-post-single {
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 640px) {
  .growtype-post-container[data-columns="7"] .growtype-post-single {
    width: 100%;
  }
}
.growtype-post-container[data-columns="8"] .growtype-post-single {
  width: 12.5%;
}
@media only screen and (max-width: 767px) {
  .growtype-post-container[data-columns="8"] .growtype-post-single {
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 640px) {
  .growtype-post-container[data-columns="8"] .growtype-post-single {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .growtype-post-container .growtype-post-single.growtype-post-product {
    width: 50%;
  }
}

/*Open post in modal*/
.modal-growtype-post .modal-header {
  padding: 0;
  margin: 0;
  border: none;
}
.modal-growtype-post .modal-header button.btn-close {
  background: white;
  padding: 10px;
  border-radius: 0;
  z-index: 2;
}
.modal-growtype-post .modal-header button.btn-close:before {
  margin: auto;
  width: 30px;
  font-size: 30px;
}
.modal-growtype-post .modal-dialog {
  max-width: 1230px;
}

.single .section-back {
  padding-bottom: 40px;
}
.single .section-back .btn-back {
  color: black;
}
@media only screen and (max-width: 640px) {
  .single .section-title h1 {
    margin-bottom: 0;
  }
}
.single .section-taxonomy {
  padding-bottom: 30px;
}
.single .section-readingtime {
  padding-bottom: 30px;
}
.single .section-featuredimg {
  padding-bottom: 30px;
  padding-top: 45%;
  position: relative;
}
.single .section-featuredimg + .content-wrapper {
  padding-top: 50px;
}
@media only screen and (max-width: 640px) {
  .single .section-featuredimg + .content-wrapper {
    padding-top: 30px;
  }
}
.single .section-featuredimg .section-featuredimg-caption {
  position: absolute;
  right: 0;
  bottom: -47px;
}
.single .cta-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.single .cta-wrapper + .content-wrapper {
  padding-top: 50px;
}
@media only screen and (max-width: 640px) {
  .single .cta-wrapper + .content-wrapper {
    padding-top: 30px;
  }
}