/*MANUAL COUNTERf*/

.manual-content {
  counter-reset: h2counter;
}
.manual-content h2 {
  counter-reset: h3counter;
  counter-increment: h2counter;
}
.manual-content h3 {
  counter-reset: h4counter;
  counter-increment: h3counter;
}
.manual-content h4 {
  counter-increment: h4counter;
}
.manual-content h2::before {
  content: counter(h2counter) ".\00a0\00a0";
}
.manual-content h3::before {
  content: counter(h2counter) "." counter(h3counter) ".\00a0\00a0";
  background-color: #eaeaea;
  border-radius: 4px;
  padding: 4px 2px 2px 10px;
  margin-right: 6px;
  border-bottom: 3px solid #dc5626;
}
.manual-content h4::before {
  content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) ".\00a0\00a0";
  background-color: #f4f4f4;
  border-radius: 4px;
  font-weight: 700;
  padding: 4px 2px 2px 10px;
  margin-right: 6px;
  border-bottom: 3px solid #dc5626;
}



.manual-content h2 {
    padding: 6px 10px 6px 10px;
    font-size: x-large;
    width: 100%;
    margin-top: 20px;
    background-color: #eaeaea;
    border-radius: 4px;
    border-bottom: 3px solid #dc5626;
    display: inline-block;
    position: relative
}



.manual-content h3 {
    padding: 6px 10px 6px 10px;
    font-size: large;
    margin-top: 20px;
    display: block;
    position: relative
}



.manual-content h4 {
    padding: 6px 10px 6px 10px;
    font-size: large;
    font-weight: 500;
    margin-top: 20px;
    display: block;
    position: relative
}



.manual-content p {
    padding-left: 10px;
    padding-right: 10px
}

.manual-content table {
    padding-left: 10px;
    padding-right: 10px
}

.manual-content tbody {
    overflow-x: scroll;
    width: 100%
}

.manual-content li {
    padding: 0px 0.2em 0.3em 10px
}

.manual-content ul li {
    padding-left: 6px
}

.manual-content ul {
    padding: 0px 0.2em 0.3em 10px;
    margin-left: 15px
}

.manual-content img {
    padding-left: 10px;
    padding-right: 10px;
    object-fit: contain;
    object-position: 0 0;
    max-height: 200px;
    min-width: 50%
}

.manual-content ol {
    list-style: none !important;
    margin-left: 0;
    padding-left: 1em
}

.manual-content ol>li::marker {
    content: ""
}

.manual-content ol>li {
    padding: 0px 0.2em 0.3em 2em
}

.manual-content ol>li::before {
    content: "Step " attr(data-step);
    display: block;
    font-family: inter;
    font-weight: 600;
    font-size: 14px;
    color: #676767;
    margin-bottom: 2px;
    margin-top: 12px
}

.manual-content table {
    margin-left: 10px;
}

.manual-content caption {
    font-size: 12px;
    color: #555;
    font-style: italic;
    caption-side: bottom;
    text-align: left
}

.manual-content {
    counter-reset: figure tablenr
}

.manual-content .wp-caption-text {
    counter-increment: figure
}

.manual-content caption {
    counter-increment: tablenr
}

.manual-content .wp-caption-text::before {
    content: "Figure " counter(figure) " - "
}

.manual-content caption::before {
    content: "Table " counter(tablenr) " - "
}

.wp-media-buttons .insert-media {
    color: #dc5626;
    padding-top: 8px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 8px !important;
    background: #fff;
    border-radius: 6px !important;
    font-weight: 500;
    font-size: medium;
    border: 2px solid #dc5626;
    text-decoration: none;
    transition: 150ms ease-in-out
}

.wp-media-buttons .insert-media:hover {
    color: #fff;
    background-color: #dc5626;
    border: 2px solid #dc5626
}

.acf-fields label {
    color: #333;
    font-weight: 600 !important
}

input.acf-button.button.button-primary.button-large {
    color: #fff;
    padding: 16px 12px 15px 15px;
    min-width: calc(100%);
    background-color: #dc5626;
    border-radius: 6px;
    border: 0;
    font-size: medium;
    font-weight: 600;
    margin-left: 0px;
    margin-top: 30px;
    transition: 150ms ease-in-out
}

input.acf-button.button.button-primary.button-large:hover {
    cursor: pointer;
    transform: scale(0.97);
    transition: 150ms ease-in-out
}

a.acf-button.button {
    padding: 10px 16px;
    border: 2px solid #dc5626;
    border-radius: 6px;
    text-decoration: none;
    transition: 150ms ease-in-out
}

a.acf-button.button:hover {
    padding: 10px 16px;
    background-color: #dc5626;
    color: #fff;
    border: 2px solid #dc5626;
    border-radius: 6px;
    text-decoration: none;
    transition: 150ms ease-in-out
}

.footer-menu-icon .breakdance-icon-atom>svg{
    fill: #fff;
    stroke: #fff;
}


.wp-caption-text {
    font-size: 12px;
    color: #555
}

.manual-content span.placeholder-content{
    color: magenta;
    font-weight: 500;
}

.manual-content span.placeholder-content::before{
    content: " PLACEHOLDER: ";
    font-weight: 800;
}