/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_custom_yamaha/cartridge/client/default/scss/experience/components/markupComponents.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.markup-container {
  /* ol {
        counter-reset: item;
        li{
            display: block;
            &:before {
                content: counters(item, ".") " ";
                counter-increment: item 
            }
        }
    } */
  /*  ol { counter-reset: item }
    li{ display: block }
    li:before { content: counters(item, ".") " "; counter-increment: item } */ }
  .markup-container p {
    margin-bottom: 0; }
  .markup-container h1 {
    font-family: "Play";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px; }
  .markup-container h2 {
    font-family: "Play";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 24px; }
  .markup-container img {
    width: 100%;
    height: auto; }
  .markup-container a {
    color: #007BC8;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 2px;
    background: transparent;
    border: none;
    font-size: inherit;
    line-height: inherit; }
    .markup-container a:hover {
      color: #173DE5; }

@media (min-width: 768px) {
  .markup-container h1 {
    font-family: "Play";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px; }
  .markup-container h2 {
    font-family: "Play";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px; } }


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