/***
Utility custom styles.
Version: 01.22.25
Author: Tim Taricco
Author URL: http://www.timtaricco.com
***/

/*** Position Properties ***/
.relative {
	position: relative;
}
.absolute {
	position: absolute;
	top: 0px;
	left: 0px;
}
.overflow-hidden {
	overflow: hidden;
}
.z-index-10 {
	position: relative;
	z-index: 10;
}


/*** Margins ***/
.margin-auto {
	margin-left: auto;
	margin-right: auto;
}
.margin-0-top {
	margin-top: 0 !important;
}
.margin-0-right {
	margin-right: 0 !important;
}
.margin-0-bottom {
	margin-bottom: 0 !important;
}
.margin-0-left {
	margin-left: 0 !important;
}


/*** Padding ***/
.padding-0-top {
	padding-top: 0 !important;
}
.padding-0-right {
	padding-right: 0 !important;
}
.padding-0-bottom {
	padding-bottom: 0 !important;
}
.padding-0-left {
	padding-left: 0 !important;
}


/*** Max Widths ***/
.max-width-1024 {
	max-width: 1024px;
}
.max-width-767 {
	max-width: 767px;
}
.max-width-640 {
	max-width: 640px;
}
.max-width-480 {
	max-width: 480px;
}


/*** FPO class ***/
.fpo {
	border: 1px dotted red;
} /* Class for showing unfinished blocks */
.fpo:before {
	content: "Placeholder Only";
	color: #ffffff;
	text-align: center;
	background-color: red;
	border: 1px dotted red;
	padding: 2px 5px;
	font-size: 10px;
	font-weight: 600;
	white-space: nowrap;
} /* Class for showing unfinished blocks */


/*** Text Styling ***/
.line-limit-3,
.line-limit-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-limit-3 {
    -webkit-line-clamp: 3;
}
.line-limit-2 {
    -webkit-line-clamp: 2;
}


.no-underline, 
.no-underline a {
	text-decoration: none;
}
.underline, 
.underline a {
	text-decoration: underline;
}

.text-balance {
	text-wrap: balance;
}
.remove-text-balance {
	text-wrap: auto;
}


/*** Remove marker styling from bulleted list ***/
ul.remove-bullet-point {
    margin-left: 0 !important;
}
ul.remove-bullet-point li {
    padding-left: 0 !important;
    position: relative;
}
ul.remove-bullet-point li::marker {
    color: transparent !important;
}
ul.remove-bullet-point li::before {
    content: "";
    position: absolute;
    left: -9999px;
}

/*** Change marker styling from bulleted list ***/
ul.light-1-bullet-point li::before,
ul.light-1-bullet-point li::marker {
    color: var(--light-1) !important;
}
ul.light-2-bullet-point li::before,
ul.light-2-bullet-point li::marker {
    color: var(--light-2) !important;
}
ul.dark-1-bullet-point li::before,
ul.dark-1-bullet-point li::marker {
    color: var(--dark-1) !important;
}
ul.dark-2-bullet-point li::before,
ul.dark-2-bullet-point li::marker {
    color: var(--dark-2) !important;
}
ul.accent-1-bullet-point li::before,
ul.accent-1-bullet-point li::marker {
    color: var(--accent-1) !important;
}
ul.accent-2-bullet-point li::before,
ul.accent-2-bullet-point li::marker {
    color: var(--accent-2) !important;
}
ul.accent-3-bullet-point li::before,
ul.accent-3-bullet-point li::marker {
    color: var(--accent-3) !important;
}


/*** Hide Elements ***/
@media (min-width: 1201px) {
	.hide-over-1200px {
		display: none;
	}
}
@media (max-width: 1200px) {
	.hide-less-1201px {
		display: none;
	}
}
@media (min-width: 1025px) {
	.hide-over-1024px {
		display: none;
	}
}
@media (max-width: 1024px) {
	.hide-less-1025px {
		display: none;
	}
}
@media (min-width: 769px) {
	.hide-over-768px {
		display: none;
	}
}
@media (max-width: 768px) {
	.hide-less-769px {
		display: none;
	}
}
@media (max-width: 451px) {
	.hide-less-451px {
		display: none;
	}
}


/*** GenerateBlocks Custom Classes ***/

/* Message block for GenerateBlocks Query Block when no posts are found
@link https://wordpress.org/support/topic/query-loop-block-default-output-when-no-posts/
Use .gb-query-loop-has-no-post-message class for Container block wrapping Query Loop block
Use .gb-query-loop-no-post-message for Headline block after Grid block within Query Loop block */
.gb-query-loop-has-no-post-message .gb-query-loop-wrapper:not(:empty) + .gb-query-loop-no-post-message {
	display: none;
}


/*** GenerateBlocks Custom Classes (Legacy use) ***/

/* Force last block to vertically align bottom */
.gb-same-height-columns {
    flex: 1;
} /* Force last block to vertically align bottom. .gb-same-height-columns class assigned to all container blocks inside the grid block */
.gb-same-height-columns > .gb-inside-container {
    display: flex;
    flex-direction: column;
    height: 100%;
} /* Force last block to vertically align bottom. .gb-same-height-columns class assigned to all container blocks inside the grid block */
.gb-same-height-columns > .gb-inside-container > *:last-child {
    margin-top: auto;
} /* Force last block to vertically align bottom. .gb-same-height-columns class assigned to all container blocks inside the grid block */