/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 28 2024 | 02:36:01 */
/* EXERCISES PAGE */

.facetwp-facet-exercise_categories {
	display: flex;
    flex-wrap: wrap;
    column-gap: 5px;
}

.fwpl-layout.exercises-results {
    grid-template-columns: 1fr 1fr 1fr !important;
	grid-gap: 20px;
}

.exercises-image a, .exercises-image img {
	width: 100%;
	border-radius: 10px 10px 0px 0px;
}

.exercises-col {
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out 0s;
    -o-transition: box-shadow 0.3s ease-in-out 0s;
	padding: 0px;
	border-radius: 10px;
}

.exercises-col .fwpl-item:not(.exercises-image) {
	margin-left: 20px;
	margin-right: 20px;
}

.exercises-cat {
	margin-top: 20px;
}

.exercises-col .fwpl-item.exercises-btn {
	margin-bottom: 20px;
}

.exercises-title a {
	font-size: 24px;
	line-height: 24px;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px !important;
	border: none;
}

.exercises-title a::after {
	display: none;
}

/* INDIVIDUAL EXERCISE TEMPLATE */

.exercise-template-default .header-spacer {
	height: 200px !important;
}

.exercise-heading-container {
	max-width: 88rem !important;
	display: flex;
    flex-direction: column;
}

.exercise-section {
	background-color: #f9f9f9;
	padding-top: 100px;
	padding-bottom: 100px;
}

.exercise-heading {
	width: 100%;
}

.exercise-category {
	font-size: 20px;
	font-family: IBM Plex Sans;
	font-weight: 400;
}

.exercise-category::before {
	content: "Intensity: ";
}

.exercise-container {
	background-color: #fff;
}

.exercise-container.row.max_width {
    padding: 0px;
	max-width: 85rem !important;
}

.exercise-image-container {
	width: 100%;
	display: flex;
    justify-content: center;
	background-color: #a0f4e4;
    background-image: linear-gradient(to bottom, #a0f4e4 0%, #a0f4e4 66%, rgba(152, 232, 217, 0.55) 67%, rgba(152, 232, 217, 0.55) 100%);
}

.exercise-image-container.bg-red {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffbfba), color-stop(66%, #ffbfba), color-stop(67%, rgba(242, 181, 177, 0.55)), to(rgba(242, 181, 177, 0.55)));
    background-image: -webkit-linear-gradient(top, #ffbfba 0%, #ffbfba 66%, rgba(242, 181, 177, 0.55) 67%, rgba(242, 181, 177, 0.55) 100%);
    background-image: -o-linear-gradient(top, #ffbfba 0%, #ffbfba 66%, rgba(242, 181, 177, 0.55) 67%, rgba(242, 181, 177, 0.55) 100%);
    background-image: linear-gradient(to bottom, #ffbfba 0%, #ffbfba 66%, rgba(242, 181, 177, 0.55) 67%, rgba(242, 181, 177, 0.55) 100%);
	background-color: #ffbfba;
}

.exercise-image-container.bg-purple {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dbc2ff), color-stop(66%, #dbc2ff), color-stop(67%, rgba(208, 184, 242, 0.55)), to(rgba(208, 184, 242, 0.55)));
    background-image: -webkit-linear-gradient(top, #dbc2ff 0%, #dbc2ff 66%, rgba(208, 184, 242, 0.55) 67%, rgba(208, 184, 242, 0.55) 100%);
    background-image: -o-linear-gradient(top, #dbc2ff 0%, #dbc2ff 66%, rgba(208, 184, 242, 0.55) 67%, rgba(208, 184, 242, 0.55) 100%);
    background-image: linear-gradient(to bottom, #dbc2ff 0%, #dbc2ff 66%, rgba(208, 184, 242, 0.55) 67%, rgba(208, 184, 242, 0.55) 100%);
	background-color: #dbc2ff;
}

.exercise-image-container.bg-green {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dbf0a1), color-stop(66%, #dbf0a1), color-stop(67%, rgba(208, 228, 153, 0.55)), to(rgba(208, 228, 153, 0.55)));
    background-image: -webkit-linear-gradient(top, #dbf0a1 0%, #dbf0a1 66%, rgba(208, 228, 153, 0.55) 67%, rgba(208, 228, 153, 0.55) 100%);
    background-image: -o-linear-gradient(top, #dbf0a1 0%, #dbf0a1 66%, rgba(208, 228, 153, 0.55) 67%, rgba(208, 228, 153, 0.55) 100%);
    background-image: linear-gradient(to bottom, #dbf0a1 0%, #dbf0a1 66%, rgba(208, 228, 153, 0.55) 67%, rgba(208, 228, 153, 0.55) 100%);
	background-color: #dbf0a1;
}

.exercise-image-container.bg-yellow {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff1ba), color-stop(66%, #fff1ba), color-stop(67%, rgba(242, 229, 177, 0.55)), to(rgba(242, 229, 177, 0.55)));
    background-image: -webkit-linear-gradient(top, #fff1ba 0%, #fff1ba 66%, rgba(242, 229, 177, 0.55) 67%, rgba(242, 229, 177, 0.55) 100%);
    background-image: -o-linear-gradient(top, #fff1ba 0%, #fff1ba 66%, rgba(242, 229, 177, 0.55) 67%, rgba(242, 229, 177, 0.55) 100%);
    background-image: linear-gradient(to bottom, #fff1ba 0%, #fff1ba 66%, rgba(242, 229, 177, 0.55) 67%, rgba(242, 229, 177, 0.55) 100%);
	background-color: #fff1ba;
}

.exercise-image-container.bg-blue {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b3e3ff), color-stop(66%, #b3e3ff), color-stop(67%, rgba(170, 216, 242, 0.55)), to(rgba(170, 216, 242, 0.55)));
    background-image: -webkit-linear-gradient(top, #b3e3ff 0%, #b3e3ff 66%, rgba(170, 216, 242, 0.55) 67%, rgba(170, 216, 242, 0.55) 100%);
    background-image: -o-linear-gradient(top, #b3e3ff 0%, #b3e3ff 66%, rgba(170, 216, 242, 0.55) 67%, rgba(170, 216, 242, 0.55) 100%);
    background-image: linear-gradient(to bottom, #b3e3ff 0%, #b3e3ff 66%, rgba(170, 216, 242, 0.55) 67%, rgba(170, 216, 242, 0.55) 100%);
	background-color: #b3e3ff;
}

.exercise-image {
	height: 280px;
}

.exercise-steps {
	padding: 40px 110px 40px 110px;
	width: 100%;
}

.exercise-steps ol {
    margin-left: 0px !important;
	list-style-position: inside;
}

.exercise-steps li:not(last-child) {
	border-bottom: 1px solid #d9d9d9;
    padding: 20px 0;
}

.exercise-steps li::marker {
	font-size: 24px;
}

.exercise-description {
	padding: 0px 110px 40px 110px;
}

.exercise-description, .exercise-description p {
    font-size: 16px;
}

p.exercise-disclaimer {
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
}

.exercise-description ul li {
    margin-left: 30px;
}
.exercise-ctas {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: -80px;
}
a.exercise-cta-link {
    padding: 10px 20px;
    background: #182e42;
    margin-bottom: 10px;
    border-radius: 10px;
	color: #fff;
}

a.exercise-cta-link:hover {
	background: #999;
}

.exercise-container p.reps {
	margin-left: 30px;
	margin-top: -20px;
}

@media (max-width: 1023px) {
	.exercise-heading-container.row.max_width {
		padding: 0 20px;
	}
	.exercise-heading {
		font-size: 40px;
	}
	.exercise-section {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.exercise-container {
		max-width: calc(100vw - 40px);
	}
	.exercise-steps {
		padding: 40px;
	}
	.exercise-description {
		padding: 0px 40px 40px 40px;
	}
}

@media (max-width: 767px) {
	body .facetwp-template .fwpl-layout, body .facetwp-template-static .fwpl-layout {
		grid-template-columns: 1fr !important;
	}
	.exercise-ctas {
		gap: 5px;
		margin-top: -30px;
		justify-content: flex-start;
	}
	.exercise-cta-link {
		padding: 4px 7px;
		font-size: 11px;
	}
}

/* Workouts */

.workout-heading-container.row.max_width {
	display: flex;
    flex-direction: row;
    max-width: 100vw !important;
    padding: 30px calc((100vw - 1336px) / 2);
    align-items: center;
    margin-top: -180px;
}
.workout-intro p {
		font-weight: 400;
	}
.workout-heading-container.bg-purple { background-color: #dbc2ff; }
.workout-heading-container.bg-cyan { background-color: #a0f4e4; }
.workout-heading-container.bg-yellow { background-color: #fff1ba; }
.workout-heading-container.bg-blue { background-color: #b3e3ff; }
.workout-heading-container.bg-red { background-color: #ffbfba; }
.workout-heading-container.bg-green { background-color: #dbf0a1; }
.workout-description, .workout-meta {
	width: 50%;
}
.workout-meta {
    text-align: left;
    padding-left: 60px;
}
.workout-image {
	width: 300px;
}
.exercise-ctas.workout-ctas {
	margin-bottom: 0px;
    margin-top: 0px;
    justify-content: flex-start;
}
.single-workout .exercise-section {
    padding-top: 60px;
    padding-bottom: 0px;
}
.exercises {
	background-color: #f9f9f9;
	padding-bottom: 60px;
}
.exercises .exercise-heading {
    padding: 30px;
    font-size: 36px;
    line-height: 36px;
    display: flex;
    margin-bottom: 0px;
}
.exercises-table {
    width: 300px;
    position: absolute;
    right: 50px;
    top: 140px;
    background: #fff;
    padding: 10px;
    gap: 5px;
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    position: fixed;
}
.exercise-table-row:not(:last-child) {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}
.exercise-table-row-container {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    justify-content: space-between;
}
.exercise-table-row-heading {
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 0;
    padding-left: 5px;
    font-weight: 500;
}
.exercise-table-row-image {
	height: 30px;
}
@media (max-width: 2000px) {
	.exercise-heading-container:has(.workout-video-container) .workout-description {
		width: 40%;
	}
}
@media (max-width: 1680px) {
	.workout-video {
		width: 500px;
		height: 281px;
	}
}
@media (max-width: 1560px) {
	.workout-video {
		width: 450px;
		height: 253px;
	}
}
@media (max-width: 1367px) {
	.exercises-table {
		display: none;
	}
}
@media (max-width: 767px) {
	.workout-heading-container.row.max_width {
		display: flex;
		flex-direction: column;
		max-width: 100%;
		padding: 20px;
		align-items: center;
		margin-top: -50px;
	}
	.workout-description, .workout-meta {
		width: 100%;
		padding-left: 0px;
	}
	.workout-video {
		width: 100%;
		height: 50vw;
		margin-top: 30px;
	}
	.exercise-heading-container:has(.workout-video-container) .workout-description {
        width: 100%;
    }
	a.exercise-cta-link {
		padding: 7px 10px;
		background: #182e42;
		margin-bottom: 0px;
		line-height: 11px;
	}
	.workout-intro p {
		font-size: 16px;
    	line-height: 20px;
	}
	.exercises {
		padding: 20px;
	}
	.single-workout .exercise-section {
		padding-top: 20px;
	}
	.exercises .exercise-heading {
		padding: 20px;
		font-size: 26px;
		line-height: 26px;
	}
	.exercises .exercise-steps {
		padding: 30px;
	}
	.exercises .exercise-steps li {
		font-size: 14px;
    	line-height: 20px;
	}
	.exercises .exercise-steps li:not(last-child) {
		padding: 10px 0;
	}
}