#af-content {

    position: relative;
    z-index: 0;

    max-width: clamp(40rem, 80vw, 70rem);
    min-height: calc(100dvh - var(--height_header) - var(--height_footer) - (2 * var(--side_margin)));
    padding: var(--side_margin);
    margin: 0 auto;

    background-color: var(--cl_m_white);
}

#af-content > *:first-child {
    margin-top: 0;
}

#af-content > *:last-child {
    margin-bottom: 0;
}


#af-thumbnail {
    height: 25vh;
    width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.full-page {
    max-width: 100% !important;
}


/* -------------- */
/*    Wordpress   */
/*     Blocks     */
/* -------------- */

/* Heading with Background */
#af-content .wp-block-heading.has-background {
    display: inline-block;
    background: inherit;
    color: inherit;
    padding: 0.2em 0.6em;
    clip-path: polygon(
        0.2em 0%,
        100% 0%,
        calc(100% - 0.2em) 100%,
        0% 100%
    );
    border-radius: 0.4em 0.2em;
    transform: translateX(-0.3em);
}


/* Paragraph */
#af-content .wp-block-paragraph {
    margin-top: 0.25em;
    margin-bottom: 1.25em;
}

#af-content .wp-block-quote {
    margin-left: clamp(1%, 2.5em, 10%);
    padding-left: 0.5em;
    border-left: 0.15em solid var(--cl_maindrk);
}

/* Image */
#af-content .wp-block-image {
    width: max-content;
    max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Element Caption */
#af-content .wp-element-caption {
    background-color: var(--cl_mainlgt);
    color: var(--cl_maindrk);
    padding: 0.5em;
    margin-top: 0;
}

/* Code block */
#af-content .wp-block-code {
    background-color: var(--cl_d_blue30);
    padding: 0.5em;
}

/* Table */
#af-content .wp-block-table thead {
    text-align: left;
}

/* Block Button */
#af-content .wp-block-button {
    border-radius: 1em;
}

#af-content .wp-block-button .wp-element-button {
    background-color: transparent;
    color: var(--cl_m_white);
    font-weight: var(--fontweight-semibold);
}

#af-content .wp-block-button .wp-element-button:hover {
    background-color: transparent;
    color: inherit;
}

/* Element Button */
#af-content .wp-element-button {
    border-radius: 1em;
    
    background-color: var(--cl_maindrk);
    color: var(--cl_m_white);
    transition: background-color 0.2s ease, color 0.2s ease;
}

#af-content .wp-element-button:hover {
    background-color: var(--cl_mainlgt);
    color: var(--cl_m_black);
}

/* Wide-Blocks */
#af-content .wp-block-columns, .wp-block-cover {
    width: calc(100% + (2 * var(--side_margin)));
    transform: translateX(calc(-1 * var(--side_margin)));
}



/* -------------- */
/*   Forminator   */
/*     Blocks     */
/* -------------- */

input {
	background-color: var(--cl_m_white);
	padding: 0.5em;
	font: inherit;
	border: 1px solid var(--cl_main);
}

button {
	background-color: var(--cl_mainlgt);
	color: var(--cl_m_black);
	padding: 0.25em 0.5em;
	font: inherit;
	border: 1px solid var(--cl_main);
	border-radius: 0.5em;
	transition: background-color 0.2s ease;
}

button:hover {
	background-color: var(--cl_maindrk);
	color: var(--cl_m_white);
}

.forminator-description {
	font-style: italic;
}

.forminator-select {
	background-color: var(--cl_m_white);
}

.forminator-select-dropdown-container--open {
	transform: translatey(calc(2em - 1px));
	background-color: var(--cl_mainlgt);
}

@media (max-width: 62em) {
    .forminator-select-dropdown-container--open {
		transform: translatey(0);
	}
}

.forminator-error-message {
	padding: 0.5em;
	background-color: var(--cl_d_red30);
}

.forminator-response-message {
	border-radius: 0.5em;
}

.forminator-response-message.forminator-success {
	background-color: var(--cl_d_green30);
}

.forminator-response-message.forminator-error {
	background-color: var(--cl_d_red30);
}

.forminator-pagination-steps .forminator-break {
	background-color: var(--cl_d_blue);
	color: var(--cl_mainlgt2);
}

.forminator-pagination-steps button:hover {
	font-weight: 600;
	color: color: var(--cl_d_blue);
}

.forminator-pagination-steps button:hover .forminator-step-dot {
	background-color: var(--cl_mainlgt2);
}

.forminator-pagination-steps button.forminator-current {
	color: var(--cl_d_bluedrk);
	font-weight: 600;
}

.forminator-pagination-steps button .forminator-step-dot {
	border-color: var(--cl_mainlgt2);
}

.forminator-pagination-steps button.forminator-current .forminator-step-dot  {
	border-color: var(--cl_d_blue);
	background-color: var(--cl_d_blue);
}