//@import '~main/styles/config/instore';
@import '../config/variables';
@import '../mixins/typo';

//a:not(.btn):not(.tag) {
//  text-decoration: none;
//  text-transform: none;
//  color: $color-button;
//  &:hover {
//    opacity: 0.7;
//  }
//  &:active {
//    color: $color-dark;
//    opacity: 1;
//  }
//}

.bodyX {
  @include bodyX;
}
.bodyL {
  @include bodyL;
}
.bodyS {
  @include bodyS;
}
.bodyXS {
  @include bodyXS;
}
//.color-text {
//  color: $color-grey;
//}

//.post-date {
//  margin: 0 0 $spacing-size;
//}

//h1 a,
//.h1 a,
//h2 a,
//.h2 a,
//h3 a,
//.h3 a,
//h4 a,
//.h4 a {
//  color: $color-text !important;
//  border-bottom: 1px solid $color-baby !important;
//  &:hover {
//    opacity: 0.7 !important;
//  }
//  &:active {
//    color: $color-text !important;
//    opacity: 1 !important;
//  }
//}


//span.marker {
//  background: $color-soft;
//}

h1,
.h1 {
  @include Heading1;
}
h2,
.h2 {
  @include Heading2;
}
h3,
.h3 {
  @include Heading3;
}
h4,
.h4 {
  @include Heading4;
}

//p {
//  @include bodyX;
//  margin: $p-margin;
//  color: $color-text;
//  overflow-wrap: break-word;
//  iframe {
//    @media (max-width: $screen-sm-max) {
//      width: 100% !important;
//      height: 300px !important;
//    }
//  }
//}

//ol, ul {
//  @include bodyX;
//  margin: $list-margin;
//  list-style: none;
//  padding: 0 0 0 $spacing-size * 4;
//  color: $color-text;
//}
//ol {
//  counter-reset: item;
//}
//ol li,
//ul li {
//  margin-bottom: $spacing-size;
//  position: relative;
//}
//ol li:before,
//ul li:before {
//  height: $body-x-line-height;
//  display: inline-block;
//  margin-right: $spacing-size;
//  text-align: center;
//  position: absolute;
//  left: - $spacing-size * 4;
//  top: 0;
//}
//ol li:before {
//  counter-increment: item;
//  content: counter(item) ".";
//}
//ul li:before {
//  content: '\2022';
//  left: - ($spacing-size * 4) + $spacing-size;
//}

//div.boxed-text {
//  @include bodyL;
//  padding: $box-padding;
//  color: $color-text;
//  margin: $box-margin;
//  box-shadow: $box-shadow-main;
//}

//figure.wp-caption {
//  width: 100% !important;
//  height: initial !important;
//  margin: $fig-img-margin;
//  img {
//    width: 100% !important;
//    height: initial !important;
//    display: block;
//  }
//  figcaption.wp-caption-text {
//    @include bodyXS;
//    color: $color-grey;
//    margin: $fig-caption-margin;
//  }
//}

//p img,
//.blog-content img {
//  width: 100% !important;
//  height: initial !important;
//  display: block;
//}

//section {
//  margin-bottom: $spacing-size * 13;
//}

//blockquote {
//  margin: $spacing-size * 3 0 $spacing-size * 3;
//  @include bodyL;
//  color: $color-text;
//  padding: $spacing-size $spacing-size * 4;
//  position: relative;
//  &:before,
//  &:after {
//    font-family: 'instore-icons';
//    font-size: 16px;
//    line-height: 16px;
//    content: '\e90b';
//    position: absolute;
//    top: $spacing-size;
//    left: 0;
//  }
//  &:after {
//    transform: rotate(180deg);
//    bottom: $spacing-size;
//    top: initial;
//    left: initial;
//    right: 0;
//  }
//  .quote-author {
//    @include bodyXS;
//    text-align: right;
//    color: $color-grey;
//  }
//}