.full-width-content .entry-content>.alignfull,
.block-editor-block-list__layout.is-root-container>[data-align="full"] {
margin-left: calc(-100vw / 2 + 100% / 2);
margin-right: calc(-100vw / 2 + 100% / 2);
max-width: 100vw;
width: unset;
}
.full-width-content .entry-content>.alignwide {
margin-left: calc(-1180px / 2 + 100% / 2);
margin-right: calc(-1180px / 2 + 100% / 2);
max-width: 1180px;
width: unset;
}
.content-sidebar .site-container .alignfull,
.sidebar-content .site-container .alignfull {
margin: 0 0 30px;
width: 100%;
}
.wp-block-image.aligncenter {
margin-left: auto;
margin-right: auto;
} .wp-block-image.is-style-boxshadow {
box-shadow: none;
padding: 0;
}
.wp-block-image.is-style-boxshadow img {
box-shadow: 0 0 20px rgb(0 0 0 / 7%);
} ul li::marker {
color: var(--wp--preset--color--primary);
font-size: 110%;
line-height: 1;
}
.has-foreground-background-color ul li::marker,
.has-primary-background-color ul li::marker {
color: var(--wp--preset--color--secondary);
}
ol>li {
counter-increment: my-steps;
position: relative;
}
ol li::marker {
color: transparent;
}
ol li:not(.comment)::before {
background-color: var(--wp--preset--color--primary);
border-radius: 50%;
color: var(--wp--preset--color--background);
content: counter(my-steps) " " !important;
counter-increment: item;
display: flex;
font-size: var(--wp--preset--font-size--xx-small);
font-weight: var(--wp--custom--font-weight--semi-bold);
height: 18px;
justify-content: center;
left: -27px;
position: absolute;
top: 3px;
width: 18px;
}
.has-foreground-background-color ol li:not(.comment)::before,
.has-primary-background-color ol li:not(.comment)::before {
background-color: var(--wp--preset--color--secondary);
color: var(--wp--preset--color--primary);
}
ul.is-style-arrows>li,
ul.is-style-checkmarks>li {
list-style-type: none;
position: relative;
}
ul.is-style-arrows li::before {
content: url('../../../themes/breaking-muscle/images/icon-arrow.svg');
left: -24px;
position: absolute;
top: 1px;
}
ul.is-style-checkmarks li::before {
content: url('../../../themes/breaking-muscle/images/icon-check.svg');
left: -24px;
position: absolute;
top: -2px;
}
ul.is-style-inline {
display: flex;
flex-direction: row;
flex-wrap: wrap;
font-size: var(--wp--preset--font-size--small);
gap: 5px 0;
margin: 20px 0;
padding-left: 0;
}
ul.is-style-inline li {
list-style-type: none;
}
ul.is-style-inline li::after {
content: "|";
margin: 0 10px;
}
ul.is-style-inline li:last-child::after {
content: none;
} .is-style-boxshadow {
box-shadow: 0 0 20px rgb(0 0 0 / 7%);
}
.is-style-full-height {
align-items: center;
display: grid;
min-height: 100vh;
}
.is-style-kicker {
font-family: var(--wp--preset--font-family--primary);
font-size: var(--wp--preset--font-size--x-small);
font-weight: var(--wp--custom--font-weight--semi-bold);
letter-spacing: 0.075em;
margin-bottom: 15px;
text-transform: uppercase;
}
.is-style-kicker.has-background {
display: table;
padding: 2px 8px;
}
p.is-style-no-margin,
.is-style-no-margin,
.wp-block-column.is-style-no-margin,
.wp-block-image.is-style-no-margin {
margin: 0;
}
ol.is-style-no-margin,
ul.is-style-no-margin,
.is-style-no-margin ul,
.wp-block-query.is-style-no-margin ul {
margin-bottom: 0;
}
.is-style-less-padding-bottom {
padding-bottom: 15px !important;
}
.is-style-no-padding {
padding: 0 !important;
}
.is-style-no-padding-bottom {
padding-bottom: 0 !important;
} .wp-block-button__link {
-webkit-appearance: none;
cursor: pointer;
line-height: 1;
text-align: center;
text-decoration: none;
white-space: normal;
width: auto;
}
.wp-block-button__link:focus,
.wp-block-button__link:hover {
background-color: var(--wp--preset--color--secondary);
color: var(--wp--preset--color--primary);
text-decoration: none;
}
.has-secondary-background-color .wp-block-button__link:focus,
.has-secondary-background-color .wp-block-button__link:hover {
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.is-style-outline>.wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
border: 1px solid var(--wp--preset--color--primary);
color: var(--wp--preset--color--primary);
padding: 11px 18px;
}
.is-style-outline>.wp-block-button__link:not(.has-text-color):focus,
.is-style-outline>.wp-block-button__link:not(.has-text-color):hover,
.wp-block-button__link.is-style-outline:not(.has-text-color):focus,
.wp-block-button__link.is-style-outline:not(.has-text-color):hover {
background-color: var(--wp--preset--color--secondary);
border: 1px solid var(--wp--preset--color--secondary);
color: var(--wp--preset--color--primary);
}
.wp-block-button__link:focus,
.wp-block-button__link:hover {
color: var(--wp--preset--color--background);
}
ul.wp-block-navigation__container {
gap: 5px;
} figcaption,
.gallery-caption,
.wp-caption-text {
background-color: var(--wp--preset--color--quaternary);
color: #444 !important;
font-size: var(--wp--preset--font-size--x-small) !important;
margin: 0 !important;
padding: 10px;
text-align: center;
}
.wp-block-embed figcaption {
display: none;
} .wp-block-columns.alignfull {
padding: 0 20px;
}
.wp-block-columns {
gap: 30px !important;
}
@media (min-width: 600px) and (max-width: 780px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
flex-basis: unset !important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
margin-left: 0;
}
}
@media only screen and (min-width: 860px) {
.wp-block-columns {
gap: 20px !important;
}
} .wp-block-cover {
padding-right: 10px;
padding-left: 10px;
}
@media only screen and (min-width: 360px) {
.wp-block-cover {
padding-right: 20px;
padding-left: 20px;
}
} h1, h2, h3, h4, h5, h6 {
font-family: var(--wp--preset--font-family--secondary);
font-weight: var(--wp--custom--font-weight--bold);
line-height: var(--wp--custom--line-height--heading);
margin-top: 0px;
margin-bottom: 20px;
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 20px;
}
@media only screen and (min-width: 360px) {
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 20px 25px;
}
}
@media only screen and (min-width: 768px) {
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 20px 30px;
}
} .has-foreground-background-color a,
.has-primary-background-color a {
color: var(--wp--preset--color--background);
}
.has-foreground-background-color a:focus-visible,
.has-primary-background-color a:focus-visible {
outline-color: #fff;
} .wp-block-navigation .wp-block-navigation-item__content {
-webkit-appearance: none;
background-color: var(--wp--preset--color--primary);
border: 0;
border-radius: 5px;
color: var(--wp--preset--color--background);
cursor: pointer;
font-size: var(--wp--preset--font-size--x-small);
font-weight: var(--wp--custom--font-weight--semi-bold);
line-height: 1;
padding: 10px 16px;
text-align: center;
text-decoration: none;
white-space: normal;
width: auto;
}
.wp-block-navigation .wp-block-navigation-item__content:focus,
.wp-block-navigation .wp-block-navigation-item__content:hover {
background-color: var(--wp--preset--color--secondary);
border-width: 0;
color: var(--wp--preset--color--background);
text-decoration: none;
}
@media only screen and (min-width: 1400px) {
.wp-block-navigation .wp-block-navigation-item__content {
font-size: var(--wp--preset--font-size--small);
padding: 10px 20px;
}
} .wp-block-group.alignfull {
padding-left: 10px;
padding-right: 10px;
}
p.is-style-boxshadow,
p.has-background,
.wp-block-group.has-background:not(.alignfull, .alignwide) {
padding: 20px;
}
.wp-block-group.has-background:not(.alignfull, .alignwide) {
margin-bottom: 30px;
}
.wp-block-column>*:last-child,
.wp-block-group.has-background>*:last-child {
margin-bottom: 0 !important;
}
@media only screen and (min-width: 360px) {
.wp-block-group.alignfull {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (min-width: 768px) {
p.is-style-boxshadow,
p.has-background,
.wp-block-group.has-background:not(.alignfull, .alignwide) {
padding: 30px;
}
} .wp-block-query ul {
flex-grow: 1;
margin-bottom: 0;
padding-left: 0;
}
.wp-block-query ul>li {
list-style-type: none;
margin: 0;
}
.wp-block-post-template.is-flex-container,
.wp-block-query-loop.is-flex-container {
flex-grow: 1;
gap: 20px;
justify-content: space-between;
}
.wp-block-query .wp-block-post-featured-image {
margin-bottom: 8px;
}
.wp-block-query .wp-block-post-title {
font-size: var(--wp--preset--font-size--medium);
margin-bottom: 10px;
}
.wp-block-query .wp-block-post-title a {
color: var(--wp--preset--color--foreground);
text-decoration: none;
}
.wp-block-query .wp-block-post-title a:focus,
.wp-block-query .wp-block-post-title a:hover {
color: var(--wp--preset--color--primary);
text-decoration: underline;
}
.wp-block-post-excerpt__excerpt {
margin-bottom: 25px;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
width: calc(50% - 10px);
}
@media (max-width: 780px) {
.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li {
width: calc(50% - 10px);
}
}
@media (min-width: 781px) {
.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
width: calc(25% - 15px);
}
} blockquote,
.wp-block-quote,
.wp-block-quote.is-style-plain,
.wp-block-quote.has-text-align-center,
.wp-block-quote.has-text-align-left,
.wp-block-quote.has-text-align-right,
.wp-block-quote.is-style-large {
border: 2px solid var(--wp--preset--color--tertiary);
margin-bottom: 40px;
padding: 30px;
}
.wp-block-quote.is-style-plain {
border: none;
}
blockquote p:last-of-type,
.wp-block-quote p:last-of-type {
margin-bottom: 0;
}
.wp-block-quote cite,
.wp-block-quote.is-style-large p,
.wp-block-quote.is-style-large cite {
font-style: inherit;
}
.wp-block-quote.is-style-large p {
font-size: var(--wp--preset--font-size--x-large);
line-height: var(--wp--custom--line-height--medium);
}
.wp-block-pullquote cite,
.wp-block-quote cite,
.wp-block-quote.is-style-large cite {
display: block;
font-size: var(--wp--preset--font-size--small);
margin-top: 15px;
opacity: 0.8;
text-align: inherit;
}
blockquote,
.wp-block-quote {
background-color: var(--wp--preset--color--quaternary);
border: none;
border-left: 3px solid var(--wp--preset--color--primary);
margin: 0 0 30px;
padding: 25px;
}
.wp-block-quote p {
font-style: normal;
} .wp-block-pb-accordion-item {
background: var(--wp--preset--color--quaternary) !important;
border: none !important;
margin-bottom: 15px !important;
padding: 20px 18px 20px 20px;
margin-bottom: 20px;
}
.c-accordion__title {
font-size: var(--wp--preset--font-size--medium);
font-weight: var(--wp--custom--font-weight--semi-bold);
margin: 0;
}
.c-accordion__content ol,
.c-accordion__content ul {
margin-bottom: 10px;
}
.c-accordion__title:after {
align-items: center;
color: var(--wp--preset--color--foreground);
display: flex;
font-size: var(--wp--preset--font-size--x-large) !important;
font-weight: var(--wp--custom--font-weight--regular);
height: 28px;
justify-content: center;
top: calc(50% - 5px);
width: 28px;
} .gutentoc {
background-color: var(--wp--preset--color--quaternary);
border: 0;
margin-bottom: 35px;
padding: 10px 20px;
width: 100%;
}
.gutentoc-toc-title-wrap {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.gutentoc-toc-title {
font-size: var(--wp--preset--font-size--medium-small);
font-weight: var(--wp--custom--font-weight--semi-bold);
line-height: var(--wp--custom--line-height--body);
}
.toggleone {
margin-top: 3px;
}
ul.gutentoc-toc__list {
gap: 0;
padding-left: 0;
margin: 5px 0 0;
}
ul.gutentoc-toc__list>li {
list-style-type: none;
margin: 5px 0;
}
.gutentoc .gutentoc-toc__list a {
color: var(--wp--preset--color--primary);
}
.gutentoc-toc__list ul.gutentoc-toc__list {
margin-left: 15px;
}
.gutentoc-toc__list ul.gutentoc-toc__list li {
list-style-type: none;
} .schema-faq-question {
display: block;
font-size: var(--wp--preset--font-size--large);
margin-bottom: 15px;
}
.schema-faq-answer br {
content: "A" !important;
display: block !important;
margin-bottom: 25px !important;
} .has-foreground-background-color .wp-block-query .wp-block-post-title,
.has-black-background-color .wp-block-query .wp-block-post-title {
font-weight: var(--wp--custom--font-weight--semi-bold);
}
.has-foreground-background-color .wp-block-query .wp-block-post-title a,
.has-black-background-color .wp-block-query .wp-block-post-title a {
color: var(--wp--preset--color--background);
text-decoration: none;
}
.has-foreground-background-color .wp-block-query .wp-block-post-title a:focus,
.has-foreground-background-color .wp-block-query .wp-block-post-title a:hover,
.has-black-background-color .wp-block-query .wp-block-post-title a:focus,
.has-black-background-color .wp-block-query .wp-block-post-title a:hover {
color: var(--wp--preset--color--background);
text-decoration: underline;
}
.wp-block-query .wp-block-post-featured-image {
margin-bottom: 10px;
}
.featured-right .wp-block-post-title {
line-height: var(--wp--custom--line-height--medium);
}
.featured-right ul.is-layout-flow.wp-block-post-template {
display: flex;
flex-direction: column;
gap: 10px;
}
.wp-block-post-excerpt__excerpt,
.wp-block-post-excerpt__more-text {
margin-bottom: 10px;
}
.is-style-kicker a {
text-decoration: none !important;
}
.wp-block-social-links {
display: flex;
gap: 8px;
}
.wp-social-link-feed {
background-color: #f78422 !important;
color: #fff !important;
}
@media only screen and (min-width: 420px) {
.featured-right .wp-block-post {
align-items: center;
display: flex;
gap: 15px;
}
.featured-right .wp-block-post-featured-image {
margin-bottom: 0;
min-width: 190px;
max-width: 190px;
}
}
@media only screen and (max-width: 419px) {
.opt-in h2 {
font-size: var(--wp--preset--font-size--xxx-large);
}
.opt-in .wp-block-buttons>.wp-block-button {
width: 100% !important;
}
}
@media only screen and (max-width: 767px) {
.featured-right .wp-block-post-template {
gap: 20px;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.flex-row .wp-block-post {
display: flex;
gap: 20px;
}
.flex-row .wp-block-post-featured-image {
width: 50%;
}
.flex-row .wp-block-group {
width: calc(50% - 20px);
}
} div[class*=" is-style-call-out-"].wp-block-group {
background-color: var(--wp--preset--color--quaternary) !important;
margin-bottom: 30px;
margin-top: 40px;
overflow: unset;
padding: 32px 20px 20px !important;
position: relative;
}
div[class*=" is-style-call-out-"]>h2:first-of-type {
margin-top: -3px !important;
}
div[class*=" is-style-call-out-"]>h3:first-of-type {
margin-top: -1px !important;
}
div[class*=" is-style-call-out-"]>*:last-child {
margin-bottom: 0 !important;
}
div[class*=" is-style-call-out-"].wp-block-group:where(.has-background-background-color) {
box-shadow: 0 0 20px rgb(0 0 0 / 7%);
}
div[class*=" is-style-call-out-"].wp-block-group:where(.has-border-color) {
box-shadow: none;
}
div[class*=" is-style-call-out-"]::before {
background-size: contain;
border: 2px solid var(--wp--preset--color--background);
border-radius: 50%;
box-sizing: inherit;
content: '';
height: 40px;
left: 8px;
position: absolute;
top: -20px;
width: 40px;
}
.is-style-call-out-bm-icon::before {
background: url('../../../themes/breaking-muscle/images/icon-circle-bm-icon.svg');
}
.is-style-call-out-dumbbell::before {
background: url('../../../themes/breaking-muscle/images/icon-circle-dumbbell.svg');
}
.is-style-call-out-food::before {
background: url('../../../themes/breaking-muscle/images/icon-circle-food.svg');
}
.is-style-call-out-note::before {
background: url('../../../themes/breaking-muscle/images/icon-circle-note.svg');
}
.is-style-call-out-reading::before {
background: url('../../../themes/breaking-muscle/images/icon-circle-reading.svg');
}
.is-style-call-out-tip::before {
background: url('../../../themes/breaking-muscle/images/icon-circle-tip.svg');
}
@media only screen and (min-width: 360px) {
div[class*=" is-style-call-out-"].wp-block-group {
margin-top: 30px;
padding: 30px 20px 30px 30px !important;
}
div[class*=" is-style-call-out-"]::before {
left: -20px;
top: 25px;
}
}
@media only screen and (min-width: 1280px) {
div[class*=" is-style-call-out-"].wp-block-group {
padding: 28px 30px 30px 40px !important;
}
div[class*=" is-style-call-out-"]::before {
height: 54px;
left: -27px;
top: 18px;
width: 54px;
}
} .wp-block-separator {
border-bottom: 1px solid;
opacity: 1;
}