/* Fonts
--------------------------------------------- */

/* Alignment
--------------------------------------------- */

.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;
}

/* Images
--------------------------------------------- */

.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%);
}

/* Lists
--------------------------------------------- */

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(https://breakingmuscle.com/wp-content/themes/breaking-muscle/images/icon-arrow.svg);
	left: -24px;
	position: absolute;
	top: 1px;
}

ul.is-style-checkmarks li::before {
	content: url(https://breakingmuscle.com/wp-content/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;
}

/* Block Styles
--------------------------------------------- */

.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;
}

/* Buttons
--------------------------------------------- */

.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;
}

/* Caption
--------------------------------------------- */

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;
}

/* Columns
--------------------------------------------- */

.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;
	}

}

/* Cover
---------------------------------------------*/

.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;
	}

}

/* Headings
--------------------------------------------- */

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;
	}

}

/* Links
--------------------------------------------- */

.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;
}

/* Navigation
--------------------------------------------- */

.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;
	}

}

/* Paragraphs & Groups
--------------------------------------------- */

.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;
	}

}

/* Query Loop
--------------------------------------------- */

.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);
	}

}

/* Quotes
--------------------------------------------- */

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;
}

/* Accordion Block
--------------------------------------------- */

.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 Table of Contents
--------------------------------------------- */

.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;
}

/* Yoast FAQ
--------------------------------------------- */

.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;
}

/* Custom Block Styles
--------------------------------------------- */

.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);
	}

}

/* Custom Call Out Block Styles
--------------------------------------------- */

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('https://breakingmuscle.com/wp-content/themes/breaking-muscle/images/icon-circle-bm-icon.svg');
}

.is-style-call-out-dumbbell::before {
	background: url('https://breakingmuscle.com/wp-content/themes/breaking-muscle/images/icon-circle-dumbbell.svg');
}

.is-style-call-out-food::before {
	background: url('https://breakingmuscle.com/wp-content/themes/breaking-muscle/images/icon-circle-food.svg');
}

.is-style-call-out-note::before {
	background: url('https://breakingmuscle.com/wp-content/themes/breaking-muscle/images/icon-circle-note.svg');
}

.is-style-call-out-reading::before {
	background: url('https://breakingmuscle.com/wp-content/themes/breaking-muscle/images/icon-circle-reading.svg');
}

.is-style-call-out-tip::before {
	background: url('https://breakingmuscle.com/wp-content/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;
	}

}


/* Separator
--------------------------------------------- */

.wp-block-separator {
	border-bottom: 1px solid;
	opacity: 1;
}