/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/css/pages/blog_post.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable no-descending-specificity */
/* stylelint-disable scss/no-global-function-names */
/* stylelint-disable scss/operator-no-unspaced */
/* stylelint-enable scss/no-global-function-names */
/* stylelint-enable scss/operator-no-unspaced */
html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

.container {
  width: 100%;
  max-width: var(--wp--custom--layout--container);
  padding: 0 var(--wp--custom--layout--padding-mobile);
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (min-height: 450px) {
  .container {
    padding: 0 var(--wp--custom--layout--padding-desktop);
  }
}
.container--full {
  max-width: 100%;
}

.d-flex {
  display: flex;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(-1 * var(--wp--custom--layout--padding-mobile));
  margin-left: calc(-1 * var(--wp--custom--layout--padding-mobile));
}
@media screen and (min-width: 768px) and (min-height: 450px) {
  .row {
    margin-right: calc(-1 * var(--wp--custom--layout--padding-desktop));
    margin-left: calc(-1 * var(--wp--custom--layout--padding-desktop));
  }
}
.row.justify-content-end {
  justify-content: flex-end;
}
.row.justify-content-center {
  justify-content: center;
}
.row.justify-content-between {
  justify-content: space-between;
}
.row.justify-content-evenly {
  justify-content: space-evenly;
}
.row.align-items-center {
  align-items: center;
}
@media screen and (min-width: 992px) {
  .row--reverse {
    flex-direction: row-reverse;
  }
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 var(--wp--custom--layout--col-padding-mobile);
}
@media screen and (min-width: 768px) and (min-height: 450px) {
  .col {
    padding: 0 var(--wp--custom--layout--col-padding-desktop);
  }
}

[class^=col-] {
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0 var(--wp--custom--layout--col-padding-mobile);
}
@media screen and (min-width: 768px) and (min-height: 450px) {
  [class^=col-] {
    padding: 0 var(--wp--custom--layout--col-padding-desktop);
  }
}

.col-1 {
  flex-basis: calc(1 / 16 * 100%);
  max-width: calc(1 / 16 * 100%);
}

.col-2 {
  flex-basis: calc(2 / 16 * 100%);
  max-width: calc(2 / 16 * 100%);
}

.col-3 {
  flex-basis: calc(3 / 16 * 100%);
  max-width: calc(3 / 16 * 100%);
}

.col-4 {
  flex-basis: calc(4 / 16 * 100%);
  max-width: calc(4 / 16 * 100%);
}

.col-5 {
  flex-basis: calc(5 / 16 * 100%);
  max-width: calc(5 / 16 * 100%);
}

.col-6 {
  flex-basis: calc(6 / 16 * 100%);
  max-width: calc(6 / 16 * 100%);
}

.col-7 {
  flex-basis: calc(7 / 16 * 100%);
  max-width: calc(7 / 16 * 100%);
}

.col-8 {
  flex-basis: calc(8 / 16 * 100%);
  max-width: calc(8 / 16 * 100%);
}

.col-9 {
  flex-basis: calc(9 / 16 * 100%);
  max-width: calc(9 / 16 * 100%);
}

.col-10 {
  flex-basis: calc(10 / 16 * 100%);
  max-width: calc(10 / 16 * 100%);
}

.col-11 {
  flex-basis: calc(11 / 16 * 100%);
  max-width: calc(11 / 16 * 100%);
}

.col-12 {
  flex-basis: calc(12 / 16 * 100%);
  max-width: calc(12 / 16 * 100%);
}

.col-13 {
  flex-basis: calc(13 / 16 * 100%);
  max-width: calc(13 / 16 * 100%);
}

.col-14 {
  flex-basis: calc(14 / 16 * 100%);
  max-width: calc(14 / 16 * 100%);
}

.col-15 {
  flex-basis: calc(15 / 16 * 100%);
  max-width: calc(15 / 16 * 100%);
}

.col-16 {
  flex-basis: calc(16 / 16 * 100%);
  max-width: calc(16 / 16 * 100%);
}

@media screen and (max-width: 340px) {
  .col-xxs-1 {
    flex-basis: calc(1 / 16 * 100%);
    max-width: calc(1 / 16 * 100%);
  }
}

@media screen and (max-width: 340px) {
  .col-xxs-2 {
    flex-basis: calc(2 / 16 * 100%);
    max-width: calc(2 / 16 * 100%);
  }
}

@media screen and (max-width: 340px) {
  .col-xxs-3 {
    flex-basis: calc(3 / 16 * 100%);
    max-width: calc(3 / 16 * 100%);
  }
}

@media screen and (max-width: 340px) {
  .col-xxs-4 {
    flex-basis: calc(4 / 16 * 100%);
    max-width: calc(4 / 16 * 100%);
  }
}

@media screen and (max-width: 340px) {
  .col-xxs-5 {
    flex-basis: calc(5 / 16 * 100%);
    max-width: calc(5 / 16 * 100%);
  }
}

@media screen and (max-width: 340px) {
  .col-xxs-6 {
    flex-basis: calc(6 / 16 * 100%);
    max-width: calc(6 / 16 * 100%);
  }
}

@media screen and (max-width: 340px) {
  .col-xxs-7 {
    flex-basis: calc(7 / 16 * 100%);
    max-width: calc(7 / 16 * 100%);
  }
}

@media screen and (max-width: 340px) {
  .col-xxs-8 {
    flex-basis: calc(8 / 16 * 100%);
    max-width: calc(8 / 16 * 100%);
  }
}

@media screen and (max-width: 340px) {
  .col-xxs-9 {
    flex-basis: calc(9 / 16 * 100%);
    max-width: calc(9 / 16 * 100%);
  }
}

@media screen and (max-width: 340px) {
  .col-xxs-10 {
    flex-basis: calc(10 / 16 * 100%);
    max-width: calc(10 / 16 * 100%);
  }
}

@media screen and (max-width: 340px) {
  .col-xxs-11 {
    flex-basis: calc(11 / 16 * 100%);
    max-width: calc(11 / 16 * 100%);
  }
}

@media screen and (max-width: 340px) {
  .col-xxs-12 {
    flex-basis: calc(12 / 16 * 100%);
    max-width: calc(12 / 16 * 100%);
  }
}

@media screen and (max-width: 340px) {
  .col-xxs-13 {
    flex-basis: calc(13 / 16 * 100%);
    max-width: calc(13 / 16 * 100%);
  }
}

@media screen and (max-width: 340px) {
  .col-xxs-14 {
    flex-basis: calc(14 / 16 * 100%);
    max-width: calc(14 / 16 * 100%);
  }
}

@media screen and (max-width: 340px) {
  .col-xxs-15 {
    flex-basis: calc(15 / 16 * 100%);
    max-width: calc(15 / 16 * 100%);
  }
}

@media screen and (max-width: 340px) {
  .col-xxs-16 {
    flex-basis: calc(16 / 16 * 100%);
    max-width: calc(16 / 16 * 100%);
  }
}

@media screen and (min-width: 341px) {
  .col-xs-1 {
    flex-basis: calc(1 / 16 * 100%);
    max-width: calc(1 / 16 * 100%);
  }
}

@media screen and (min-width: 341px) {
  .col-xs-2 {
    flex-basis: calc(2 / 16 * 100%);
    max-width: calc(2 / 16 * 100%);
  }
}

@media screen and (min-width: 341px) {
  .col-xs-3 {
    flex-basis: calc(3 / 16 * 100%);
    max-width: calc(3 / 16 * 100%);
  }
}

@media screen and (min-width: 341px) {
  .col-xs-4 {
    flex-basis: calc(4 / 16 * 100%);
    max-width: calc(4 / 16 * 100%);
  }
}

@media screen and (min-width: 341px) {
  .col-xs-5 {
    flex-basis: calc(5 / 16 * 100%);
    max-width: calc(5 / 16 * 100%);
  }
}

@media screen and (min-width: 341px) {
  .col-xs-6 {
    flex-basis: calc(6 / 16 * 100%);
    max-width: calc(6 / 16 * 100%);
  }
}

@media screen and (min-width: 341px) {
  .col-xs-7 {
    flex-basis: calc(7 / 16 * 100%);
    max-width: calc(7 / 16 * 100%);
  }
}

@media screen and (min-width: 341px) {
  .col-xs-8 {
    flex-basis: calc(8 / 16 * 100%);
    max-width: calc(8 / 16 * 100%);
  }
}

@media screen and (min-width: 341px) {
  .col-xs-9 {
    flex-basis: calc(9 / 16 * 100%);
    max-width: calc(9 / 16 * 100%);
  }
}

@media screen and (min-width: 341px) {
  .col-xs-10 {
    flex-basis: calc(10 / 16 * 100%);
    max-width: calc(10 / 16 * 100%);
  }
}

@media screen and (min-width: 341px) {
  .col-xs-11 {
    flex-basis: calc(11 / 16 * 100%);
    max-width: calc(11 / 16 * 100%);
  }
}

@media screen and (min-width: 341px) {
  .col-xs-12 {
    flex-basis: calc(12 / 16 * 100%);
    max-width: calc(12 / 16 * 100%);
  }
}

@media screen and (min-width: 341px) {
  .col-xs-13 {
    flex-basis: calc(13 / 16 * 100%);
    max-width: calc(13 / 16 * 100%);
  }
}

@media screen and (min-width: 341px) {
  .col-xs-14 {
    flex-basis: calc(14 / 16 * 100%);
    max-width: calc(14 / 16 * 100%);
  }
}

@media screen and (min-width: 341px) {
  .col-xs-15 {
    flex-basis: calc(15 / 16 * 100%);
    max-width: calc(15 / 16 * 100%);
  }
}

@media screen and (min-width: 341px) {
  .col-xs-16 {
    flex-basis: calc(16 / 16 * 100%);
    max-width: calc(16 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .col-sm-1 {
    flex-basis: calc(1 / 16 * 100%);
    max-width: calc(1 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .col-sm-2 {
    flex-basis: calc(2 / 16 * 100%);
    max-width: calc(2 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .col-sm-3 {
    flex-basis: calc(3 / 16 * 100%);
    max-width: calc(3 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .col-sm-4 {
    flex-basis: calc(4 / 16 * 100%);
    max-width: calc(4 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .col-sm-5 {
    flex-basis: calc(5 / 16 * 100%);
    max-width: calc(5 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .col-sm-6 {
    flex-basis: calc(6 / 16 * 100%);
    max-width: calc(6 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .col-sm-7 {
    flex-basis: calc(7 / 16 * 100%);
    max-width: calc(7 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .col-sm-8 {
    flex-basis: calc(8 / 16 * 100%);
    max-width: calc(8 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .col-sm-9 {
    flex-basis: calc(9 / 16 * 100%);
    max-width: calc(9 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .col-sm-10 {
    flex-basis: calc(10 / 16 * 100%);
    max-width: calc(10 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .col-sm-11 {
    flex-basis: calc(11 / 16 * 100%);
    max-width: calc(11 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .col-sm-12 {
    flex-basis: calc(12 / 16 * 100%);
    max-width: calc(12 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .col-sm-13 {
    flex-basis: calc(13 / 16 * 100%);
    max-width: calc(13 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .col-sm-14 {
    flex-basis: calc(14 / 16 * 100%);
    max-width: calc(14 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .col-sm-15 {
    flex-basis: calc(15 / 16 * 100%);
    max-width: calc(15 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .col-sm-16 {
    flex-basis: calc(16 / 16 * 100%);
    max-width: calc(16 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .col-xmd-1 {
    flex-basis: calc(1 / 16 * 100%);
    max-width: calc(1 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .col-xmd-2 {
    flex-basis: calc(2 / 16 * 100%);
    max-width: calc(2 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .col-xmd-3 {
    flex-basis: calc(3 / 16 * 100%);
    max-width: calc(3 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .col-xmd-4 {
    flex-basis: calc(4 / 16 * 100%);
    max-width: calc(4 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .col-xmd-5 {
    flex-basis: calc(5 / 16 * 100%);
    max-width: calc(5 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .col-xmd-6 {
    flex-basis: calc(6 / 16 * 100%);
    max-width: calc(6 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .col-xmd-7 {
    flex-basis: calc(7 / 16 * 100%);
    max-width: calc(7 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .col-xmd-8 {
    flex-basis: calc(8 / 16 * 100%);
    max-width: calc(8 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .col-xmd-9 {
    flex-basis: calc(9 / 16 * 100%);
    max-width: calc(9 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .col-xmd-10 {
    flex-basis: calc(10 / 16 * 100%);
    max-width: calc(10 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .col-xmd-11 {
    flex-basis: calc(11 / 16 * 100%);
    max-width: calc(11 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .col-xmd-12 {
    flex-basis: calc(12 / 16 * 100%);
    max-width: calc(12 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .col-xmd-13 {
    flex-basis: calc(13 / 16 * 100%);
    max-width: calc(13 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .col-xmd-14 {
    flex-basis: calc(14 / 16 * 100%);
    max-width: calc(14 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .col-xmd-15 {
    flex-basis: calc(15 / 16 * 100%);
    max-width: calc(15 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .col-xmd-16 {
    flex-basis: calc(16 / 16 * 100%);
    max-width: calc(16 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .col-md-1 {
    flex-basis: calc(1 / 16 * 100%);
    max-width: calc(1 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .col-md-2 {
    flex-basis: calc(2 / 16 * 100%);
    max-width: calc(2 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .col-md-3 {
    flex-basis: calc(3 / 16 * 100%);
    max-width: calc(3 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .col-md-4 {
    flex-basis: calc(4 / 16 * 100%);
    max-width: calc(4 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .col-md-5 {
    flex-basis: calc(5 / 16 * 100%);
    max-width: calc(5 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .col-md-6 {
    flex-basis: calc(6 / 16 * 100%);
    max-width: calc(6 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .col-md-7 {
    flex-basis: calc(7 / 16 * 100%);
    max-width: calc(7 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .col-md-8 {
    flex-basis: calc(8 / 16 * 100%);
    max-width: calc(8 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .col-md-9 {
    flex-basis: calc(9 / 16 * 100%);
    max-width: calc(9 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .col-md-10 {
    flex-basis: calc(10 / 16 * 100%);
    max-width: calc(10 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .col-md-11 {
    flex-basis: calc(11 / 16 * 100%);
    max-width: calc(11 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .col-md-12 {
    flex-basis: calc(12 / 16 * 100%);
    max-width: calc(12 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .col-md-13 {
    flex-basis: calc(13 / 16 * 100%);
    max-width: calc(13 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .col-md-14 {
    flex-basis: calc(14 / 16 * 100%);
    max-width: calc(14 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .col-md-15 {
    flex-basis: calc(15 / 16 * 100%);
    max-width: calc(15 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .col-md-16 {
    flex-basis: calc(16 / 16 * 100%);
    max-width: calc(16 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .col-lg-1 {
    flex-basis: calc(1 / 16 * 100%);
    max-width: calc(1 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .col-lg-2 {
    flex-basis: calc(2 / 16 * 100%);
    max-width: calc(2 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .col-lg-3 {
    flex-basis: calc(3 / 16 * 100%);
    max-width: calc(3 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .col-lg-4 {
    flex-basis: calc(4 / 16 * 100%);
    max-width: calc(4 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .col-lg-5 {
    flex-basis: calc(5 / 16 * 100%);
    max-width: calc(5 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .col-lg-6 {
    flex-basis: calc(6 / 16 * 100%);
    max-width: calc(6 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .col-lg-7 {
    flex-basis: calc(7 / 16 * 100%);
    max-width: calc(7 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .col-lg-8 {
    flex-basis: calc(8 / 16 * 100%);
    max-width: calc(8 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .col-lg-9 {
    flex-basis: calc(9 / 16 * 100%);
    max-width: calc(9 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .col-lg-10 {
    flex-basis: calc(10 / 16 * 100%);
    max-width: calc(10 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .col-lg-11 {
    flex-basis: calc(11 / 16 * 100%);
    max-width: calc(11 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .col-lg-12 {
    flex-basis: calc(12 / 16 * 100%);
    max-width: calc(12 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .col-lg-13 {
    flex-basis: calc(13 / 16 * 100%);
    max-width: calc(13 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .col-lg-14 {
    flex-basis: calc(14 / 16 * 100%);
    max-width: calc(14 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .col-lg-15 {
    flex-basis: calc(15 / 16 * 100%);
    max-width: calc(15 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .col-lg-16 {
    flex-basis: calc(16 / 16 * 100%);
    max-width: calc(16 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .col-xlg-1 {
    flex-basis: calc(1 / 16 * 100%);
    max-width: calc(1 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .col-xlg-2 {
    flex-basis: calc(2 / 16 * 100%);
    max-width: calc(2 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .col-xlg-3 {
    flex-basis: calc(3 / 16 * 100%);
    max-width: calc(3 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .col-xlg-4 {
    flex-basis: calc(4 / 16 * 100%);
    max-width: calc(4 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .col-xlg-5 {
    flex-basis: calc(5 / 16 * 100%);
    max-width: calc(5 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .col-xlg-6 {
    flex-basis: calc(6 / 16 * 100%);
    max-width: calc(6 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .col-xlg-7 {
    flex-basis: calc(7 / 16 * 100%);
    max-width: calc(7 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .col-xlg-8 {
    flex-basis: calc(8 / 16 * 100%);
    max-width: calc(8 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .col-xlg-9 {
    flex-basis: calc(9 / 16 * 100%);
    max-width: calc(9 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .col-xlg-10 {
    flex-basis: calc(10 / 16 * 100%);
    max-width: calc(10 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .col-xlg-11 {
    flex-basis: calc(11 / 16 * 100%);
    max-width: calc(11 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .col-xlg-12 {
    flex-basis: calc(12 / 16 * 100%);
    max-width: calc(12 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .col-xlg-13 {
    flex-basis: calc(13 / 16 * 100%);
    max-width: calc(13 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .col-xlg-14 {
    flex-basis: calc(14 / 16 * 100%);
    max-width: calc(14 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .col-xlg-15 {
    flex-basis: calc(15 / 16 * 100%);
    max-width: calc(15 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .col-xlg-16 {
    flex-basis: calc(16 / 16 * 100%);
    max-width: calc(16 / 16 * 100%);
  }
}

.offset-0 {
  margin-left: calc(0 / 16 * 100%);
}

.offset-1 {
  margin-left: calc(1 / 16 * 100%);
}

.offset-2 {
  margin-left: calc(2 / 16 * 100%);
}

.offset-3 {
  margin-left: calc(3 / 16 * 100%);
}

.offset-4 {
  margin-left: calc(4 / 16 * 100%);
}

.offset-5 {
  margin-left: calc(5 / 16 * 100%);
}

.offset-6 {
  margin-left: calc(6 / 16 * 100%);
}

.offset-7 {
  margin-left: calc(7 / 16 * 100%);
}

.offset-8 {
  margin-left: calc(8 / 16 * 100%);
}

.offset-9 {
  margin-left: calc(9 / 16 * 100%);
}

.offset-10 {
  margin-left: calc(10 / 16 * 100%);
}

.offset-11 {
  margin-left: calc(11 / 16 * 100%);
}

.offset-12 {
  margin-left: calc(12 / 16 * 100%);
}

.offset-13 {
  margin-left: calc(13 / 16 * 100%);
}

.offset-14 {
  margin-left: calc(14 / 16 * 100%);
}

.offset-15 {
  margin-left: calc(15 / 16 * 100%);
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .offset-sm-0 {
    margin-left: calc(0 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .offset-sm-1 {
    margin-left: calc(1 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .offset-sm-2 {
    margin-left: calc(2 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .offset-sm-3 {
    margin-left: calc(3 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .offset-sm-4 {
    margin-left: calc(4 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .offset-sm-5 {
    margin-left: calc(5 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .offset-sm-6 {
    margin-left: calc(6 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .offset-sm-7 {
    margin-left: calc(7 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .offset-sm-8 {
    margin-left: calc(8 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .offset-sm-9 {
    margin-left: calc(9 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .offset-sm-10 {
    margin-left: calc(10 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .offset-sm-11 {
    margin-left: calc(11 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .offset-sm-12 {
    margin-left: calc(12 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .offset-sm-13 {
    margin-left: calc(13 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .offset-sm-14 {
    margin-left: calc(14 / 16 * 100%);
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .offset-sm-15 {
    margin-left: calc(15 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .offset-xmd-0 {
    margin-left: calc(0 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .offset-xmd-1 {
    margin-left: calc(1 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .offset-xmd-2 {
    margin-left: calc(2 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .offset-xmd-3 {
    margin-left: calc(3 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .offset-xmd-4 {
    margin-left: calc(4 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .offset-xmd-5 {
    margin-left: calc(5 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .offset-xmd-6 {
    margin-left: calc(6 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .offset-xmd-7 {
    margin-left: calc(7 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .offset-xmd-8 {
    margin-left: calc(8 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .offset-xmd-9 {
    margin-left: calc(9 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .offset-xmd-10 {
    margin-left: calc(10 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .offset-xmd-11 {
    margin-left: calc(11 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .offset-xmd-12 {
    margin-left: calc(12 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .offset-xmd-13 {
    margin-left: calc(13 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .offset-xmd-14 {
    margin-left: calc(14 / 16 * 100%);
  }
}

@media screen and (min-width: 992px) {
  .offset-xmd-15 {
    margin-left: calc(15 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .offset-md-0 {
    margin-left: calc(0 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .offset-md-1 {
    margin-left: calc(1 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .offset-md-2 {
    margin-left: calc(2 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .offset-md-3 {
    margin-left: calc(3 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .offset-md-4 {
    margin-left: calc(4 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .offset-md-5 {
    margin-left: calc(5 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .offset-md-6 {
    margin-left: calc(6 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .offset-md-7 {
    margin-left: calc(7 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .offset-md-8 {
    margin-left: calc(8 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .offset-md-9 {
    margin-left: calc(9 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .offset-md-10 {
    margin-left: calc(10 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .offset-md-11 {
    margin-left: calc(11 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .offset-md-12 {
    margin-left: calc(12 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .offset-md-13 {
    margin-left: calc(13 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .offset-md-14 {
    margin-left: calc(14 / 16 * 100%);
  }
}

@media screen and (min-width: 1201px) {
  .offset-md-15 {
    margin-left: calc(15 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .offset-lg-0 {
    margin-left: calc(0 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .offset-lg-1 {
    margin-left: calc(1 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .offset-lg-2 {
    margin-left: calc(2 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .offset-lg-3 {
    margin-left: calc(3 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .offset-lg-4 {
    margin-left: calc(4 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .offset-lg-5 {
    margin-left: calc(5 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .offset-lg-6 {
    margin-left: calc(6 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .offset-lg-7 {
    margin-left: calc(7 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .offset-lg-8 {
    margin-left: calc(8 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .offset-lg-9 {
    margin-left: calc(9 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .offset-lg-10 {
    margin-left: calc(10 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .offset-lg-11 {
    margin-left: calc(11 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .offset-lg-12 {
    margin-left: calc(12 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .offset-lg-13 {
    margin-left: calc(13 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .offset-lg-14 {
    margin-left: calc(14 / 16 * 100%);
  }
}

@media screen and (min-width: 1401px) {
  .offset-lg-15 {
    margin-left: calc(15 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .offset-xl-0 {
    margin-left: calc(0 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .offset-xl-1 {
    margin-left: calc(1 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .offset-xl-2 {
    margin-left: calc(2 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .offset-xl-3 {
    margin-left: calc(3 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .offset-xl-4 {
    margin-left: calc(4 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .offset-xl-5 {
    margin-left: calc(5 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .offset-xl-6 {
    margin-left: calc(6 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .offset-xl-7 {
    margin-left: calc(7 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .offset-xl-8 {
    margin-left: calc(8 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .offset-xl-9 {
    margin-left: calc(9 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .offset-xl-10 {
    margin-left: calc(10 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .offset-xl-11 {
    margin-left: calc(11 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .offset-xl-12 {
    margin-left: calc(12 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .offset-xl-13 {
    margin-left: calc(13 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .offset-xl-14 {
    margin-left: calc(14 / 16 * 100%);
  }
}

@media screen and (min-width: 1921px) {
  .offset-xl-15 {
    margin-left: calc(15 / 16 * 100%);
  }
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.order-13 {
  order: 13;
}

.order-14 {
  order: 14;
}

.order-15 {
  order: 15;
}

.order-16 {
  order: 16;
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .order-sm-1 {
    order: 1;
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .order-sm-2 {
    order: 2;
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .order-sm-3 {
    order: 3;
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .order-sm-4 {
    order: 4;
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .order-sm-5 {
    order: 5;
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .order-sm-6 {
    order: 6;
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .order-sm-7 {
    order: 7;
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .order-sm-8 {
    order: 8;
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .order-sm-9 {
    order: 9;
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .order-sm-10 {
    order: 10;
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .order-sm-11 {
    order: 11;
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .order-sm-12 {
    order: 12;
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .order-sm-13 {
    order: 13;
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .order-sm-14 {
    order: 14;
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .order-sm-15 {
    order: 15;
  }
}

@media screen and (min-width: 768px) and (min-height: 450px) {
  .order-sm-16 {
    order: 16;
  }
}

@media screen and (min-width: 992px) {
  .order-xmd-1 {
    order: 1;
  }
}

@media screen and (min-width: 992px) {
  .order-xmd-2 {
    order: 2;
  }
}

@media screen and (min-width: 992px) {
  .order-xmd-3 {
    order: 3;
  }
}

@media screen and (min-width: 992px) {
  .order-xmd-4 {
    order: 4;
  }
}

@media screen and (min-width: 992px) {
  .order-xmd-5 {
    order: 5;
  }
}

@media screen and (min-width: 992px) {
  .order-xmd-6 {
    order: 6;
  }
}

@media screen and (min-width: 992px) {
  .order-xmd-7 {
    order: 7;
  }
}

@media screen and (min-width: 992px) {
  .order-xmd-8 {
    order: 8;
  }
}

@media screen and (min-width: 992px) {
  .order-xmd-9 {
    order: 9;
  }
}

@media screen and (min-width: 992px) {
  .order-xmd-10 {
    order: 10;
  }
}

@media screen and (min-width: 992px) {
  .order-xmd-11 {
    order: 11;
  }
}

@media screen and (min-width: 992px) {
  .order-xmd-12 {
    order: 12;
  }
}

@media screen and (min-width: 992px) {
  .order-xmd-13 {
    order: 13;
  }
}

@media screen and (min-width: 992px) {
  .order-xmd-14 {
    order: 14;
  }
}

@media screen and (min-width: 992px) {
  .order-xmd-15 {
    order: 15;
  }
}

@media screen and (min-width: 992px) {
  .order-xmd-16 {
    order: 16;
  }
}

@media screen and (min-width: 1201px) {
  .order-md-1 {
    order: 1;
  }
}

@media screen and (min-width: 1201px) {
  .order-md-2 {
    order: 2;
  }
}

@media screen and (min-width: 1201px) {
  .order-md-3 {
    order: 3;
  }
}

@media screen and (min-width: 1201px) {
  .order-md-4 {
    order: 4;
  }
}

@media screen and (min-width: 1201px) {
  .order-md-5 {
    order: 5;
  }
}

@media screen and (min-width: 1201px) {
  .order-md-6 {
    order: 6;
  }
}

@media screen and (min-width: 1201px) {
  .order-md-7 {
    order: 7;
  }
}

@media screen and (min-width: 1201px) {
  .order-md-8 {
    order: 8;
  }
}

@media screen and (min-width: 1201px) {
  .order-md-9 {
    order: 9;
  }
}

@media screen and (min-width: 1201px) {
  .order-md-10 {
    order: 10;
  }
}

@media screen and (min-width: 1201px) {
  .order-md-11 {
    order: 11;
  }
}

@media screen and (min-width: 1201px) {
  .order-md-12 {
    order: 12;
  }
}

@media screen and (min-width: 1201px) {
  .order-md-13 {
    order: 13;
  }
}

@media screen and (min-width: 1201px) {
  .order-md-14 {
    order: 14;
  }
}

@media screen and (min-width: 1201px) {
  .order-md-15 {
    order: 15;
  }
}

@media screen and (min-width: 1201px) {
  .order-md-16 {
    order: 16;
  }
}

@media screen and (min-width: 1401px) {
  .order-lg-1 {
    order: 1;
  }
}

@media screen and (min-width: 1401px) {
  .order-lg-2 {
    order: 2;
  }
}

@media screen and (min-width: 1401px) {
  .order-lg-3 {
    order: 3;
  }
}

@media screen and (min-width: 1401px) {
  .order-lg-4 {
    order: 4;
  }
}

@media screen and (min-width: 1401px) {
  .order-lg-5 {
    order: 5;
  }
}

@media screen and (min-width: 1401px) {
  .order-lg-6 {
    order: 6;
  }
}

@media screen and (min-width: 1401px) {
  .order-lg-7 {
    order: 7;
  }
}

@media screen and (min-width: 1401px) {
  .order-lg-8 {
    order: 8;
  }
}

@media screen and (min-width: 1401px) {
  .order-lg-9 {
    order: 9;
  }
}

@media screen and (min-width: 1401px) {
  .order-lg-10 {
    order: 10;
  }
}

@media screen and (min-width: 1401px) {
  .order-lg-11 {
    order: 11;
  }
}

@media screen and (min-width: 1401px) {
  .order-lg-12 {
    order: 12;
  }
}

@media screen and (min-width: 1401px) {
  .order-lg-13 {
    order: 13;
  }
}

@media screen and (min-width: 1401px) {
  .order-lg-14 {
    order: 14;
  }
}

@media screen and (min-width: 1401px) {
  .order-lg-15 {
    order: 15;
  }
}

@media screen and (min-width: 1401px) {
  .order-lg-16 {
    order: 16;
  }
}

@media screen and (min-width: 1921px) {
  .order-xlg-1 {
    order: 1;
  }
}

@media screen and (min-width: 1921px) {
  .order-xlg-2 {
    order: 2;
  }
}

@media screen and (min-width: 1921px) {
  .order-xlg-3 {
    order: 3;
  }
}

@media screen and (min-width: 1921px) {
  .order-xlg-4 {
    order: 4;
  }
}

@media screen and (min-width: 1921px) {
  .order-xlg-5 {
    order: 5;
  }
}

@media screen and (min-width: 1921px) {
  .order-xlg-6 {
    order: 6;
  }
}

@media screen and (min-width: 1921px) {
  .order-xlg-7 {
    order: 7;
  }
}

@media screen and (min-width: 1921px) {
  .order-xlg-8 {
    order: 8;
  }
}

@media screen and (min-width: 1921px) {
  .order-xlg-9 {
    order: 9;
  }
}

@media screen and (min-width: 1921px) {
  .order-xlg-10 {
    order: 10;
  }
}

@media screen and (min-width: 1921px) {
  .order-xlg-11 {
    order: 11;
  }
}

@media screen and (min-width: 1921px) {
  .order-xlg-12 {
    order: 12;
  }
}

@media screen and (min-width: 1921px) {
  .order-xlg-13 {
    order: 13;
  }
}

@media screen and (min-width: 1921px) {
  .order-xlg-14 {
    order: 14;
  }
}

@media screen and (min-width: 1921px) {
  .order-xlg-15 {
    order: 15;
  }
}

@media screen and (min-width: 1921px) {
  .order-xlg-16 {
    order: 16;
  }
}

.single-post #main-content {
  overflow: visible;
}
.single-post.admin-bar .single-post-page__navigation {
  top: 132px;
}
@media screen and (min-width: 768px) and (min-height: 450px) {
  .single-post.admin-bar .single-post-page__navigation {
    top: 118px;
  }
}
@media screen and (min-width: 1201px) {
  .single-post.admin-bar .single-post-page__navigation {
    top: 144px;
  }
}
.single-post.admin-bar .single-post-template__form {
  top: 14.5rem;
}
@media screen and (min-width: 1201px) {
  .single-post.admin-bar .single-post-template__form {
    top: 16.5rem;
  }
}
.single-post .container--header {
  padding: 0;
}

.single-post-page {
  width: 100%;
  padding: 9rem 1.25rem 4rem;
  box-sizing: border-box;
}
@media screen and (min-width: 1201px) {
  .single-post-page {
    padding: 11rem 1.25rem 4rem;
  }
}
.single-post-page .breadcrumbs {
  max-width: 70rem;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  padding: 1rem 0;
}
.single-post-page .breadcrumbs .category {
  color: var(--wp--preset--color--primary);
  text-decoration: none;
  opacity: 0.5;
}
.single-post-page .single-post-template {
  max-width: 70rem;
  margin: auto;
  min-height: 35vh;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
}
@media screen and (min-width: 992px) {
  .single-post-page .single-post-template {
    grid-template-columns: repeat(3, 1fr);
  }
}
.single-post-page .single-post-template__article {
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .single-post-page .single-post-template__article {
    grid-column: span 2;
  }
}
.single-post-page .single-post-template__form {
  grid-column: span 1;
  background-image: url(/wp-content/themes/rightprice/dist/images/form.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: -moz-min-content;
  height: min-content;
  position: sticky;
  top: 12.5rem;
  overflow: hidden;
  border-radius: 0.3125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2rem;
  color: var(--wp--preset--color--background);
  box-shadow: 0px 0px 15.7px -3px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 1201px) {
  .single-post-page .single-post-template__form {
    top: 14.5rem;
  }
}
.single-post-page .single-post-template__form--title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
}
.single-post-page .single-post-template__form--title .highlight {
  color: var(--wp--preset--color--secondary);
  background-color: unset;
}
.single-post-page .single-post-template__form--input {
  background: transparent;
  padding-left: 1.4rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 1.125rem;
  text-align: center;
  padding: 0.25rem 0.5rem 0.25rem 1.5rem;
  background-image: url(/wp-content/themes/rightprice/dist/images/Group-reg.png);
  background-size: contain;
  background-repeat: no-repeat;
  border: 1px solid transparent;
  max-width: 8.75rem;
  height: 2.3125rem;
}
.single-post-page .single-post-template__form--input:focus {
  outline: none;
}
.single-post-page .single-post-template__form--input.input-error {
  border: 1px solid var(--wp--preset--color--vivid-red);
  border-radius: 0.3125rem;
}
.single-post-page .single-post-template__form--link {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--wp--preset--color--primary);
  background-color: var(--wp--preset--color--secondary);
  border-radius: 3rem;
  border: none;
  padding: 1rem 2rem 1rem 1.5rem;
  cursor: pointer;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  position: relative;
  text-decoration: none;
  line-height: 1;
}
.single-post-page .single-post-template__form--link:hover::after {
  right: 0.625rem;
}
.single-post-page .single-post-template__form--link::after {
  position: absolute;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDkgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDE1LjgzM0w4IDguODMzMDFMMSAxLjgzMzAxIiBzdHJva2U9IiMyRjQ4NTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
  right: 1rem;
  transition: right 0.2s ease-in-out;
}
.single-post-page .single-post-template__image {
  display: block;
  position: relative;
  padding-bottom: 35%;
  border-radius: 0.3125rem;
  overflow: hidden;
}
.single-post-page .single-post-template__image:hover .wp-post-image {
  transform: scale(1);
}
.single-post-page .single-post-template__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.05);
  transition: transform 0.2s ease-out;
  will-change: transform;
}
.single-post-page .single-post-template__title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) and (min-height: 450px) {
  .single-post-page .single-post-template__title {
    font-size: 2.5rem;
  }
}
.single-post-page .single-post-template__content {
  font-size: 1rem;
}
@media screen and (min-width: 768px) and (min-height: 450px) {
  .single-post-page .single-post-template__content {
    font-size: 1.25rem;
  }
}
.single-post-page .single-post-template__content figure {
  width: 100% !important;
}
.single-post-page .single-post-template__content .wp-caption-text {
  font-weight: 300;
  margin-top: 0.5rem;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) and (min-height: 450px) {
  .single-post-page .single-post-template__content .wp-caption-text {
    font-size: 1.25rem;
  }
}
.single-post-page .single-post-template__author, .single-post-page .single-post-template__date {
  margin-bottom: 0;
}
.single-post-page .single-post-template__author {
  text-transform: capitalize;
}
.single-post-page .single-post-template__date {
  margin-top: 0;
}
.single-post-page .single-post-template .author-info {
  box-shadow: 0px 0px 15.7px -3px rgba(0, 0, 0, 0.25);
  border-radius: 0.3125rem;
  margin-top: 2rem;
  overflow: hidden;
}
.single-post-page .single-post-template .author-info__tabs {
  display: flex;
}
.single-post-page .single-post-template .author-info__tab {
  cursor: pointer;
  width: 100%;
  background-color: var(--wp--preset--color--grey);
  color: var(--wp--preset--color--background);
  transition: all 0.2s ease-in-out;
  border: none;
  font-size: 1.25rem;
  font-weight: 600;
  padding: 1rem;
}
.single-post-page .single-post-template .author-info__tab.active {
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--primary);
}
.single-post-page .single-post-template .author-info__tab:hover {
  color: var(--wp--preset--color--primary);
}
.single-post-page .single-post-template .author-info__bio {
  padding: 2rem;
}
.single-post-page .single-post-template .author-info__top {
  display: flex;
  gap: 2rem;
}
.single-post-page .single-post-template .author-info__name {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--wp--preset--color--primary);
}
.single-post-page .single-post-template .author-info__position {
  font-size: 1rem;
  opacity: 0.8;
  margin-top: 0.5rem;
}
.single-post-page .single-post-template .author-info__image {
  width: 100%;
  height: 100%;
  max-width: 6.875rem;
  max-height: 6.875rem;
  aspect-ratio: 1;
  position: relative;
  border-radius: 0.3125rem;
  overflow: hidden;
}
.single-post-page .single-post-template .author-info__image img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
}
.single-post-page .single-post-template .author-info__description {
  margin-top: 1.5rem;
}
.single-post-page .single-post-template .author-info__description p {
  margin-bottom: 0;
}
.single-post-page .single-post-template .author-info__social-links a {
  text-decoration: none;
}
.single-post-page .single-post-template .author-info__related-posts {
  padding: 2rem 1rem;
  font-size: 1.125rem;
}
.single-post-page .single-post-template .author-info__related-posts ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.single-post-page .single-post-template .author-info__related-posts a {
  text-decoration: none;
}
.single-post-page .single-post-template .author-info__related-posts a:hover {
  text-decoration: underline;
}
.single-post-page__navigation {
  width: 100%;
  position: fixed;
  top: 86px;
  background-color: var(--wp--preset--color--grey);
  z-index: 10;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media screen and (min-width: 1201px) {
  .single-post-page__navigation {
    top: 112px;
  }
}
.single-post-page__categories {
  width: 100%;
  max-width: 70rem;
  margin: auto;
  display: flex;
  align-self: center;
  justify-content: flex-start;
  gap: 2rem;
  color: var(--wp--preset--color--background);
  will-change: color;
}
@media screen and (min-width: 768px) and (min-height: 450px) {
  .single-post-page__categories {
    gap: 4rem;
  }
}
.single-post-page__categories--item {
  margin-bottom: 1rem !important;
}
.single-post-page__categories--item .category {
  text-decoration: none;
  width: -moz-max-content;
  width: max-content;
  display: block;
}
.single-post-page__categories--item .category:hover {
  color: var(--wp--preset--color--secondary);
}
.single-post-page__categories--item .category.current {
  color: var(--wp--preset--color--secondary);
}
.single-post-page__categories-list {
  display: flex;
  align-self: center;
  justify-content: flex-start;
  gap: 3rem;
  overflow: auto;
  padding-right: 2.5rem;
}

/*# sourceMappingURL=blog_post.css.map*/