/*
Theme Name: Burleigh - A Gold Coast Favorite
Theme URI: http://7thvision.com.au
Description: A 7thVision Theme
Author: 7thVision
Version: 3.0.0
*/


/*________ VARIABLES ________*/

:root {
	--sv-color-primary: #c10b25;
	/*--sv-color-secondary: #xxxxxx;*/
	--sv-color-white: #fff;
	--sv-color-gray: #DBDBDB;
	--sv-color-dark-gray: #6D7277;
	--sv-color-charcoal: #343a40;
	--sv-color-black: #000;
	--sv-color-positive: #26ba3b;
	--sv-color-warning: #ffa800;
	--sv-color-negative: #ee3333;

	--sv-form-border-color: var(--sv-color-gray);
	--sv-form-border-color-focus: var(--sv-color-charcoal);
	--sv-form-input-background-color: var(--sv-color-white);
	--sv-form-input-color: var(--sv-color-charcoal);

	--sv-form-border-width: 0.0625rem;
	--sv-form-border-style: solid;
	--sv-border-radius: 0.25rem;
	--sv-border-radius-md: 0.375rem;
	--sv-border-radius-round: 4rem;
	--sv-form-border-radius: var(--sv-border-radius);

	--sv-transition: all 0.25s ease;
	--sv-transition-border: border 0.25s ease;
	--sv-transition-scale: transform 0.5s ease;

	--sv-font-weight-bold: 700;

	--sv-font-size-sm: 0.875rem;
	--sv-font-size-xs: 0.75rem;

	--sv-line-height-content: 1.625;

	--sv-form-line-height: 1.3;
	--sv-form-field-height: 3.125rem;
	--sv-form-submit-height: 2.5rem;
	--sv-form-textarea-height: 7.5rem;
	--sv-form-input-padding: 0 0.75rem;
	--sv-form-input-font-size: 1rem;
	--sv-form-label-font-size: clamp(1rem, 0.4vw + 0.815rem, 1.125rem); /* 1rem @ 740px → 1.125rem @ 1240px */

	/*
	 * Fluid spacing — values scale smoothly between two viewport sizes.
	 * To adjust, update the min/max rem values and regenerate the formula:
	 * https://utopia.fyi/space/calculator/
	 *
	 * Padding & Margin: 1rem (min) → 2rem (max) between 740px–1240px viewports.
	 * Each size tier adds 1rem to both min and max.
	 */
	--sv-padding-small:      clamp(1rem, 3.2vw - 0.48rem, 2rem);  /* 1rem @ 740px  → 2rem @ 1240px */
	--sv-padding-medium:     clamp(2rem, 3.2vw + 0.52rem, 3rem);  /* 2rem @ 740px  → 3rem @ 1240px */
	--sv-padding-large:      clamp(3rem, 3.2vw + 1.52rem, 3.75rem);  /* 3rem @ 740px  → 4rem @ 1240px */
	--sv-padding-extra-large: clamp(4rem, 3.2vw + 2.52rem, 6.25rem); /* 4rem @ 740px  → 6.25rem @ 1240px */

	--sv-margin-small:       clamp(1rem, 3.2vw - 0.48rem, 2rem);  /* 1rem @ 740px  → 2rem @ 1240px */
	--sv-margin-medium:      clamp(2rem, 3.2vw + 0.52rem, 3rem);  /* 2rem @ 740px  → 3rem @ 1240px */
	--sv-margin-large:       clamp(3rem, 3.2vw + 1.52rem, 3.75rem);  /* 3rem @ 740px  → 4rem @ 1240px */
	--sv-margin-extra-large:  clamp(4rem, 3.2vw + 2.52rem, 6.25rem); /* 4rem @ 740px  → 6.25rem @ 1240px */

	/*
	 * Gaps: scale between 740px–1040px viewports.
	 * Small: 1rem → 2.5rem | Medium: 2rem → 5rem | Large: 3rem → 6.25rem
	 */
	--sv-column-gap-small:   clamp(1rem, 8vw - 2.7rem, 2.5rem);      /* 1rem @ 740px  → 2.5rem  @ 1040px */
	--sv-column-gap-medium:  clamp(2rem, 16vw - 5.4rem, 5rem);       /* 2rem @ 740px  → 5rem    @ 1040px */
	--sv-column-gap-large:   clamp(3rem, 17.333vw - 5.017rem, 6.25rem); /* 3rem @ 740px  → 6.25rem @ 1040px */

	--sv-tile-gap-small:     var(--sv-column-gap-small);
	--sv-tile-gap-medium:    var(--sv-column-gap-medium);
	--sv-tile-gap-large:     var(--sv-column-gap-large);

	--sv-gallery-gap-small:  var(--sv-column-gap-small);
	--sv-gallery-gap-medium: var(--sv-column-gap-medium);
	--sv-gallery-gap-large:  var(--sv-column-gap-large);

	--sv-font-primary: Figtree, Arial, 'Helvetica Neue', Helvetica, sans-serif;
	--sv-font-secondary: Merriweather, Georgia, 'Times New Roman', Times, serif;

	--sv-admin-bar-height-mobile: 46px;
	--sv-admin-bar-height-desktop: 32px;

	--sv-scrollbar-width: 0;

	--sv-wrapper-width: 82.5rem; /* 1320px */
	--sv-wrapper-width-small: 60rem; /* 840px content + padding */
	--sv-wrapper-width-medium: 90rem; /* 1440px */
	--sv-wrapper-width-large: 107.5rem; /* 1720px */
	--sv-wrapper-width-full: 100%;

	--sv-wrapper-padding-vertical: 0;
	--sv-wrapper-padding-horizontal: clamp(1.25rem, 8vw - 2.45rem, 3.75rem); /* 1.25rem @ 740px → 3.75rem @ 1240px */
}

/*________ FONTS ________*/

@font-face {
	font-family: 'Figtree';
	src: url('assets/fonts/Figtree-VariableFont_wght.ttf') format('truetype');
	font-style: normal;
}

@font-face {
	font-family: 'Figtree';
	src: url('assets/fonts/Figtree-Italic-VariableFont_wght.ttf') format('truetype');
	font-style: italic;
}

@font-face {
	font-family: 'Merriweather';
	src: url('assets/fonts/Merriweather-VariableFont_opsz,wdth,wght.ttf') format('truetype');
	font-style: normal;
}

@font-face {
	font-family: 'Merriweather';
	src: url('assets/fonts/Merriweather-Italic-VariableFont_opsz,wdth,wght.ttf') format('truetype');
	font-style: italic;
}

/*________ GLOBAL ELEMENTS ________*/

* {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
abbr[title] {
	text-decoration: none;
}
html {
	font-size: 100%;
	box-sizing: border-box;
/*	scrollbar-gutter: stable;*/
}
html:focus-within {
  scroll-behavior: smooth;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}
img {
	display: block;
	max-width: 100%;
	position: relative;
}
img.animate {
	/*chrome fix for animations */
	-webkit-backface-visibility: hidden;
}
svg {
	display: block;
	width: 100%;
	height: 100%;
}
a {
	outline: none;
	text-decoration-skip-ink: auto;
	color: var(--sv-color-black);
	transition: var(--sv-transition);
}
a:hover,
a:focus {
	text-decoration: none;
}
a[href*='tel:'] {
	text-decoration: none;
}
button {
	all: revert;
}
.textwidget br {
	display: inline;
}
body {
	min-height: 100vh;
	font-family: var(--sv-font-primary);
	font-size: 1.125rem;
	color: var(--sv-color-black);
	line-height: 1;
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
	text-rendering: optimizeSpeed;
	background: var(--sv-color-white) -webkit-linear-gradient(top, var(--sv-color-white), var(--sv-color-white)) repeat-x; /* windows chrome fixed scrolling replication issue */
  	background-attachment: fixed; /* windows chrome fixed scrolling replication issue */
  	overflow-x: hidden;
}
.wrapper {
	width: 100%;
	max-width: var(--sv-wrapper-width); /* 1320px */
	margin: 0 auto;
	padding-top: var(--sv-wrapper-padding-vertical);
	padding-bottom: var(--sv-wrapper-padding-vertical);
	padding-left: var(--sv-wrapper-padding-horizontal);
	padding-right: var(--sv-wrapper-padding-horizontal);
}
.wrapper.small {
	max-width: var(--sv-wrapper-width-small); /* 840px */
}
.wrapper.medium {
	max-width: var(--sv-wrapper-width-medium); /* 1440px */
}
.wrapper.large {
	max-width: var(--sv-wrapper-width-large); /* 1720px */
}
.wrapper.none,
.wrapper.full {
	max-width: var(--sv-wrapper-width-full);
}
.wrapper.none {
	padding: 0;
}

/*________ CONTENT ________*/

.skip-to-content-link {
	border: 1px solid var(--sv-color-charcoal);
	width: 11.25rem;
	color: var(--sv-color-charcoal);
	left: 50%;
	padding: 0.5rem;
	position: absolute;
	transform: translate(-50%,-4000px);
	transition: transform 0.3s;
	text-align: center;
	z-index: 999;
}
.contentContainer {
	min-height: 30rem;
}
body.has-fixed-header .contentContainer {
	position: relative;
	background-color: var(--sv-color-white);
}
body.has-fixed-header.show .contentContainer {
	padding-right: var(--sv-scrollbar-width);
}
.content h1,
.content .h1,
.content h2,
.content .h2,
.content h3,
.content .h3,
.content h4,
.content .h4,
.content h5,
.content .h5,
.content h6,
.content .h6 {
	font-family: var(--sv-font-secondary);
	line-height: 1.15;
	padding: 0 0 1.5rem 0;
	font-weight: 500;
	color: var(--sv-color-charcoal);
}
.content .entryTitle {
	padding-top: 0 !important;
}
.content h1 a,
.content .h1 a,
.content h2 a,
.content .h2 a,
.content h3 a,
.content .h3 a,
.content h4 a,
.content .h4 a,
.content h5 a,
.content .h5 a,
.content h6 a,
.content .h6 a {
	color: currentColor !important;
	text-decoration: none;
}
.content h1 a:hover,
.content h1 a:focus,
.content .h1 a:hover,
.content .h1 a:focus,
.content h2 a:hover,
.content h2 a:focus,
.content .h2 a:hover,
.content .h2 a:focus,
.content h3 a:hover,
.content h3 a:focus,
.content .h3 a:hover,
.content .h3 a:focus,
.content h4 a:hover,
.content h4 a:focus,
.content .h4 a:hover,
.content .h4 a:focus,
.content h5 a:hover,
.content h5 a:focus,
.content .h5 a:hover,
.content .h5 a:focus,
.content h6 a:hover,
.content h6 a:focus,
.content .h6 a:hover,
.content .h6 a:focus {
	color: currentColor !important;
	text-decoration: underline;
}
.content p,
.content .p {
	padding: 0 0 1.5rem;
	line-height: var(--sv-line-height-content);
}
.content ul,
.content ol {
	padding: 0 0 1.25rem 2.5rem;
	line-height: var(--sv-line-height-content);
}
.content ul[role="list"],
.content ol[role="list"] {
	list-style: none;
	padding: 0;
}
.content ul li,
.content ol li {
	padding-bottom: 1rem;
}
.content ul[role="list"] li,
.content ol[role="list"] li {
	padding-bottom: 0;
}
.content ul li:last-child,
.content ol li:last-child {
	padding-bottom: 0;
}
.content ul:not([class]) ul,
.content ol:not([class]) ol {
	padding-bottom: 0;
}
.content blockquote {
	font-style: italic;
	padding: 0 0 0 2.5rem;
	margin: 0 0 1.25rem 1.25rem;
	border-left: 0.25rem solid var(--sv-color-charcoal);
}
.content iframe {
	/* padding: 0 0 1.25rem; */
	border-radius: .25rem;
}
.content > table {
    /*Make table horizontally scroll*/
	display: block;
    overflow-x: auto;
    white-space: nowrap;
    min-width: 21.25rem;
}
.content table {
	margin: 0 0 1.25rem;
	width: 100%;
	text-align: left;
	line-height: var(--sv-line-height-content);
    border-collapse: collapse;
}
.content table thead tr th {
    padding: 0.25rem;
    font-weight: var(--sv-font-weight-bold);
    font-size: 1.125rem;
}
.content table tbody tr {
	border-top: 1px dotted var(--sv-color-gray);
}
.content table tbody tr td {
    padding: 0.25rem;
    font-size: var(--sv-font-size-xs);
}
.content hr {
	border: none;
	margin: 0 0 1.25rem;
	display: block;
	clear: both;
	border-bottom: 1px solid var(--sv-color-gray);
}
.content .entryContent {
	width: 100%;
}
.content .entryContent > .layout {
	overflow: hidden;
}
.has-fixed-header .content .entryContent {
	background-color: var(--sv-color-white);
}
.has-fixed-header .content .entryContent > .layout.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
.has-fixed-header.admin-bar .content .entryContent > .layout.is-fixed {
	top: var(--sv-admin-bar-height-mobile);
}
.has-fixed-header *:not(.breadcrumbs, .header-image) + main .content .entryContent > .layout[data-index="2"] {
	margin-top: 100vh;
}
.content a.readMore {
	display: inline-block;
}
.content .more-content p:empty {
	display: none;
}

/*________ IMG BOX ________*/
.img-box {
	position: relative;
}
.img-box img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
}
.img-box:after {
	content: '';
	display: block;
}
.img-box.square:after {
    aspect-ratio: 1 / 1;
}
.img-box.landscape:after {
    aspect-ratio: 3 / 2;
}
.img-box.portrait:after {
    aspect-ratio: 2 / 3;
}
.img-box.cover img {
	object-fit: cover;
}
.img-box.contain img {
	object-fit: contain;
}
/*________ VIDEO BOX ________*/
.vid-box {
	width: 100%;
	position: relative;
}
.vid-box video,
.vid-box > div,
.vid-box > div > video {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	object-fit: cover;
}
.vid-box:after {
    content: '';
    display: block;
    width: 100%;
}
.vid-box.square:after {
	aspect-ratio: 1 / 1;
}
.vid-box.landscape:after {
	aspect-ratio: 3 / 2;
}
.vid-box.portrait:after {
	aspect-ratio: 2	/ 3;
}
.vid-box.iframe:after {
	padding-bottom: 56.25%;
}

/*________ ICONLINK ________*/

.content .iconLink {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
}
.content .iconLink .icon {
	display: inline-block;
	width: 0.875rem;
	height: 0.875rem;
	margin-right: 0.625rem;
}

/*________ SWIPER ________*/
.swiper .swiper-pagination.swiper-pagination-bullets {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	align-content: flex-start;
}
.swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
	position: relative;
	display: block;
	opacity: 1;
	width: 2rem;
	height: 2rem;
	padding: 0;
	margin: 0;
	background: none;
}
.swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:after {
    content: '';
    width: 0.75rem;
    height: 0.75rem;
    margin: auto;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	transition: var(--sv-transition);
	box-shadow: 0 0 0.125rem 0 rgba(0,0,0,0.1);
}
.swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after,
.swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover:after,
.swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:focus:after {
	background-color: rgba(255, 255, 255, 1);
}
.swiper .swiper-pagination[data-type="outline"].swiper-pagination-bullets .swiper-pagination-bullet:after {
	background-color: rgba(255, 255, 255, 0);
	border: 1px solid #ffffff;
}
.swiper .swiper-pagination[data-type="outline"].swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after,
.swiper .swiper-pagination[data-type="outline"].swiper-pagination-bullets .swiper-pagination-bullet:hover:after,
.swiper .swiper-pagination[data-type="outline"].swiper-pagination-bullets .swiper-pagination-bullet:focus:after {
	background-color: rgba(255, 255, 255, 1);
}

/*________ FORMS ________*/

form * {
	font-family: inherit;
	font-size: var(--sv-font-size-sm);
}
form ::placeholder {
	color: var(--sv-color-dark-gray);
	opacity: 1;
}
input,
button,
textarea,
select {
	border: unset;
	font: inherit;
}

/*________ UTILITIES ________*/

.show-1240,
.show-940,
.show-640 {
	display: none;
}
.ui-widget {
	font-family: inherit !important;
}
.hyphenate { /*allow really big words to wrap*/
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
}
.hide {
	display: none;
}
.videoContainer {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    aspect-ratio: 16 / 9;
    margin-bottom: 1.25rem;
    overflow: hidden;
}
.content p .videoContainer {
	margin-bottom: 0;
}
.videoContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}
.animate,
.animate:hover,
.animate:focus,
.animate:active {
	transition: var(--sv-transition);
}
.centerVertical {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	position: relative;
}
.absoluteWrapper {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}
.pt-sm {
	padding-top: var(--sv-padding-small);
}
.pb-sm {
	padding-bottom: var(--sv-padding-small);
}
.pt-md {
	padding-top: var(--sv-padding-medium);
}
.pb-md {
	padding-bottom: var(--sv-padding-medium);
}
.pt-lg {
	padding-top: var(--sv-padding-large);
}
.pb-lg {
	padding-bottom: var(--sv-padding-large);
}
.pt-xl {
	padding-top: var(--sv-padding-extra-large);
}
.pb-xl {
	padding-bottom: var(--sv-padding-extra-large);
}
.mt-sm {
	margin-top: var(--sv-margin-small);
}
.mb-sm {
	margin-bottom: var(--sv-margin-small);
}
.mt-md {
	margin-top: var(--sv-margin-medium);
}
.mb-md {
	margin-bottom: var(--sv-margin-medium);
}
.mt-lg {
	margin-top: var(--sv-margin-large);
}
.mb-lg {
	margin-bottom: var(--sv-margin-large);
}
.mt-xl {
	margin-top: var(--sv-margin-extra-large);
}
.mb-xl {
	margin-bottom: var(--sv-margin-extra-large);
}
.col-gap-none {
	gap: 0;
}
.col-gap-sm {
	gap: var(--sv-column-gap-small);
}
.col-gap-md {
	gap: var(--sv-column-gap-medium);
}
.col-gap-lg {
	gap: var(--sv-column-gap-large);
}
.tile-gap-none {
	gap: 0;
}
.tile-gap-sm {
	gap: var(--sv-tile-gap-small);
}
.tile-gap-md {
	gap: var(--sv-tile-gap-medium);
}
.tile-gap-lg {
	gap: var(--sv-tile-gap-large);
}
.review-link {
	display: inline-flex;
	flex-wrap: wrap;
	text-decoration: none;
	align-items: center;
}
.review-link.hide {
	display: none;
}
.review-link span {
	display: block;
}
.review-link span:not(:last-of-type) {
	margin-right: 0.75rem;
}
.loader-container {
	display: flex;
	flex-wrap: wrap;
}
.loader-container .loader-item {
	width: 100%;
	height: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.1);
	animation-name: sv-bg-pulse;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
}
.loader-container .loader-item:nth-child(even) {
	animation-delay: 1s;
}
.loader-container .loader-item:after {
	content: '';
	display: block;
	padding-bottom: calc(3 / 2 * 100%);
}

/*________ MORE CONTENT ________*/

.content .more-content {
	opacity: 0;
	max-height: 0;
	transition: var(--sv-transition);
}
.content .more-content.active {
	opacity: 1;
}

/*________ WP IMAGES ________*/

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.column .wp-caption {
	width: auto !important;
}
.wp-caption {
	background: var(--sv-color-gray);
	margin-bottom: 1.25rem;
	max-width: 100%;
	padding: 0.25rem;
	text-align: center;
}
.wp-caption img {
	padding: 0.25rem 0.25rem 0;
	max-width: 100%;
	height: auto;
}
.wp-caption p.wp-caption-text {
	color: var(--sv-color-gray);
	font-size: var(--sv-font-size-xs);
	padding: 0.25rem;
}
.wp-smiley {
	margin: 0;
}
.wp-video {
	width: 100% !important;
}
.wp-video .wp-video-shortcode {
	width: 100% !important;
	aspect-ratio: 16 / 9;
}
.content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

/*________ RESPONSIVE ________*/

/* 440px */
@media (min-width: 27.5em) {
	/*________ WP IMAGES ________*/
	.alignleft,
	img.alignleft {
		display: inline;
		float: left;
		margin-right: 1.5rem;
	}
	.alignright,
	img.alignright {
		display: inline;
		float: right;
		margin-left: 1.5rem;
	}
}

/* 640px */
@media (min-width: 40em) {
	.hide-640 {
		display: none !important;
	}
	.show-640 {
		display: block;
	}
	.show-640.inline {
		display: inline;
	}
	.show-640.inline-block {
		display: inline-block;
	}
}

/* 740px */
@media (min-width: 46.25em) {
	br {
		display: inline;
	}
}

/* 782px //should only be used for .admin-bar items */
@media (min-width: 48.875em) {
	.admin-bar.has-fixed-header .content .entryContent > .layout.is-fixed {
		top: var(--sv-admin-bar-height-desktop);
	}
}

/* 940px */
@media (min-width: 58.75em) {
	.hide-940 {
		display: none !important;
	}
	.show-940 {
		display: block;
	}
	.show-940.inline {
		display: inline;
	}
	.show-940.inline-block {
		display: inline-block;
	}
}

/* 1040px */
@media (min-width: 65em) {
    .mainContent .outerContent > .wrapper {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: nowrap;
	}
	.mainContent .outerContent > .wrapper .entryContent {
		width: calc(100% - 22.5rem);
		padding-right: 2.5rem;
		flex-shrink: 1;
		flex-grow: 1;
	}
	.mainContent .outerContent aside.sidebar {
		width: 22.5rem;
		flex-shrink: 0;
		flex-grow: 0;
	}
}

/* 1240px */
@media (min-width: 77.5em) {
	.content h1,
	.content .h1,
	.content h2,
	.content .h2,
	.content h3,
	.content .h3,
	.content h4,
	.content .h4,
	.content h5,
	.content .h5,
	.content h6,
	.content .h6 {
		padding: 0 0 1.75rem 0;
	}
	.content h1 + .entryTitle,
	.content .h1 + .entryTitle,
	.content h2 + .entryTitle,
	.content .h2 + .entryTitle,
	.content h3 + .entryTitle,
	.content .h3 + .entryTitle,
	.content h4 + .entryTitle,
	.content .h4 + .entryTitle,
	.content h5 + .entryTitle,
	.content .h5 + .entryTitle,
	.content h6 + .entryTitle,
	.content .h6 + .entryTitle {
		margin-top: -1.75rem;
	}
	.content p,
	.content .p,
	.content ul:not([class]),
	.content ol:not([class]) {
		padding-bottom: 1.75rem;
	}
	.videoContainer {
	    margin-bottom: 1.5rem;
	}
}

@keyframes sv-bg-pulse {
	0% {
	  background-color: rgba(0, 0, 0, 0.1); /* Initial background color */
	}
	50% {
	  background-color: rgba(0, 0, 0, 0.2); /* Intermediate background color */
	}
	100% {
	  background-color: rgba(0, 0, 0, 0.1); /* Final background color */
	}
}