/********************************/
/*             PADDING          */
/********************************/
.pb-8 { padding-bottom: calc(8 * var(--offset-base-y)) !important; }
.pb-9 { padding-bottom: calc(9 * var(--offset-base-y)) !important; }
.pb-10 { padding-bottom: calc(10 * var(--offset-base-y)) !important; }
.pb-11 { padding-bottom: calc(11 * var(--offset-base-y)) !important; }
.pb-12 { padding-bottom: calc(12 * var(--offset-base-y)) !important; }
.pb-13 { padding-bottom: calc(13 * var(--offset-base-y)) !important; }
.pb-14 { padding-bottom: calc(14 * var(--offset-base-y)) !important; }
.pb-15 { padding-bottom: calc(15 * var(--offset-base-y)) !important; }

@media (max-width: 700px) {
	.pb-15 { padding-bottom: calc(6 * var(--offset-base-y)) !important; }
}

/********************************/
/*             MARGIN           */
/********************************/
.mb-8 { margin-bottom: calc(8 * var(--offset-base-y)) !important; }
.mb-9 { margin-bottom: calc(9 * var(--offset-base-y)) !important; }
.mb-10 { margin-bottom: calc(10 * var(--offset-base-y)) !important; }
.mb-11 { margin-bottom: calc(11 * var(--offset-base-y)) !important; }
.mb-12 { margin-bottom: calc(12 * var(--offset-base-y)) !important; }
.mb-13 { margin-bottom: calc(13 * var(--offset-base-y)) !important; }
.mb-14 { margin-bottom: calc(14 * var(--offset-base-y)) !important; }
.mb-15 { margin-bottom: calc(15 * var(--offset-base-y)) !important; }


/********************************/
/*             BLOCK            */
/********************************/
.block, .block-sm { padding: var(--block-y-padding-sm) 0; }
.block-md { padding: var(--block-y-padding-md) 0; }
.block-lg { padding: var(--block-y-padding-lg) 0; }
.block-xl { padding: var(--block-y-padding-xl) 0; }

@media (max-width: 600px) {
	.block-lg { padding: 50px 0; }
	.block-xl { padding: 70px 0; }
}

/********************************/
/*             BORDER           */
/********************************/
.bb-1 { border-bottom: 1px solid; }
.bb-2 { border-bottom: 2px solid; }


/********************************/
/*             BG               */
/********************************/
.bg-light {
	background-color: var(--color-bg-light) !important;
}