/**
 * Theme Name:  Hello Biz Child
 * Template:    hello-biz
 */

/* ATT variables */
:root {
	--att-tablet-breakpoint: 1024px; /* Not used: here for reminder only */
	--att-mobile-breakpiont: 767px; /* Not used: here for reminder only */
	--att-text-max-width: 700px;
	--att-text-max-width-tablet: 630px;
	--att-shapes-border-radius-round: 32px;
	--att-text-margin-bottom: .9rem;
}

/**
 * Basic elements
 */
p + ol li:last-child,
h2 + ol li:last-child,
p + ul li:last-child,
h2 + ul li:last-child,
blockquote .blockquotes-line {
	margin-bottom: var( --att-text-margin-bottom );
}
sup {
	font-size: 60%;
}
.strikethrough {
	text-decoration: line-through;
}

/**
 * Containers
 */
.e-con.att-article-container > .e-con-inner {
	padding: 0;
	padding-block-start: 0;
	padding-block-end: 0;
}

/**
 * Text editor & blockquote widgets
 */

/* Styled heading: Pre-heading */
.att-styled-heading-text-editor div:first-child {
	font-family: var( --e-global-typography-secondary-font-family );
	font-size: var( --e-global-typography-secondary-font-size );
	font-weight: var( --e-global-typography-secondary-font-weight );
	text-transform: var( --e-global-typography-secondary-text-transform );
	line-height: var( --e-global-typography-secondary-line-height );
	letter-spacing: var( --e-global-typography-secondary-letter-spacing );
	word-spacing: var( --e-global-typography-secondary-word-spacing );
	margin-bottom: 0;
}

/* Constrained (width) text */
.att-constrained-width-text,
.att-constrained-width-text .elementor-blockquote,
.elementor.elementor .e-con>.elementor-widget-form.att-constrained-width-text,
.elementor.elementor .e-con>.elementor-widget.att-constrained-width-accordion,
.e-con>.elementor-widget.elementor-widget-text-editor.elementor-element.att-constrained-width-text,
.e-con>.e-con-inner>.elementor-widget.elementor-widget-text-editor.elementor-element.att-constrained-width-text,
.e-con.e-con>.e-con-inner>.elementor-widget.att-constrained-width-accordion {
	max-width: var( --att-text-max-width );
}
@media screen and (max-width: 1024px) {
	.att-constrained-width-text,
	.att-constrained-width-text .elementor-blockquote,
	.elementor.elementor .e-con>.elementor-widget-form.att-constrained-width-text,
	.elementor.elementor .e-con>.elementor-widget.att-constrained-width-accordion,
	.e-con>.elementor-widget.elementor-widget-text-editor.elementor-element.att-constrained-width-text,
	.e-con>.e-con-inner>.elementor-widget.elementor-widget-text-editor.elementor-element.att-constrained-width-text,
	.e-con.e-con>.e-con-inner>.elementor-widget.att-constrained-width-accordion {
		max-width: var( --att-text-max-width-tablet );
	}
}

.att-accordion .e-n-accordion-item > div {
	padding: 0 0 30px 50px;
}

.att-accent-colored-headings div,
.att-accent-colored-headings h1,
.att-accent-colored-headings h2,
.att-accent-colored-headings h3 {
	color: var( --e-global-color-accent );
}

/* Align (self) center */
.elementor-element.att-align-center {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

/* Blockquote */
blockquote:not(.elementor-blockquote) {
	border-left: 5px solid var( --e-global-color-accent );
	margin: 0 0 var( --att-text-margin-bottom ) 0;
	padding-left: 1em;
}
.att-blockquote .elementor-blockquote__content {
    margin: -.5em auto .5em 1em;
}
.att-blockquote .elementor-blockquote__author {
    margin-left: 1em;
}

/* Caption */
.att-image-align-caption-center + figcaption {
	text-align: center;
	padding: .5em 1em;
}