/***
Utility custom styles.
Version: 12.09.22
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;
}


/*** Margin Auto ***/
.margin-auto{
	margin-left: auto;
	margin-right: auto;
}


/*** 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 */


/*** GenerateBlocks Custom Classes ***/

/* 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 */

/* 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/
.gb-query-loop-has-no-post-message class for Container block wrapping Query Loop block
.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;
}