/* Automertens Advice CTA Bar - full-width background + controlled outer border v4.0.163 */
.am-aacb,
.am-aacb *,
.am-aacb *::before,
.am-aacb *::after {
    box-sizing: border-box;
}

.am-aacb-breakdance-element,
.am-aacb-mounted-element {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    line-height: normal !important;
    font-size: initial !important;
    color: inherit !important;
    vertical-align: top !important;
    overflow: visible !important;
    z-index: auto !important;
    isolation: isolate !important;
}

.am-aacb-breakdance-element > *,
.am-aacb-mounted-element > * {
    font-size: initial;
    line-height: normal;
}

.am-aacb {
    position: relative;
    z-index: 0;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: var(--am-aacb-section-padding-top, 30px) var(--am-aacb-section-padding-right, 24px) var(--am-aacb-section-padding-bottom, 30px) var(--am-aacb-section-padding-left, 24px) !important;
    background: transparent !important;
    color: var(--am-aacb-title-color, #ffffff) !important;
    overflow: visible !important;
    isolation: isolate;
    border: var(--am-aacb-section-border-width, 0px) solid var(--am-aacb-section-border-color, transparent) !important;
    border-radius: var(--am-aacb-section-border-radius, 0px) !important;
    box-shadow: var(--am-aacb-section-box-shadow, none) !important;
    font-family: var(--am-aacb-font-family, "DINNextLTPro-MediumCond", "DINNextLTPro-Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif) !important;
    line-height: normal;
}

.am-aacb::before {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
    top: calc(var(--am-aacb-bg-bleed-top, 8px) * -1);
    right: calc(50% - 50vw - var(--am-aacb-bg-bleed-right, 0px));
    bottom: calc(var(--am-aacb-bg-bleed-bottom, 8px) * -1);
    left: calc(50% - 50vw - var(--am-aacb-bg-bleed-left, 0px));
    background: var(--am-aacb-section-bg, #EC3030) !important;
    border-radius: inherit;
    box-shadow: none !important;
}

.am-aacb[data-am-aacb-full-width-background="0"]::before {
    right: calc(0px - var(--am-aacb-bg-bleed-right, 0px));
    left: calc(0px - var(--am-aacb-bg-bleed-left, 0px));
}

.am-aacb[data-am-aacb-remove-outer-border="1"] {
    border-width: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.am-aacb__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--am-aacb-container-width, 1100px);
    margin: 0 auto;
    line-height: normal;
}

.am-aacb__row {
    width: 100%;
    min-height: var(--am-aacb-row-min-height, 152px);
    display: grid;
    grid-template-columns: minmax(0, var(--am-aacb-content-width, 720px)) auto auto;
    align-items: center;
    justify-content: center;
    column-gap: var(--am-aacb-column-gap, 45px);
    margin: 0;
}

.am-aacb__content {
    width: 100%;
    max-width: var(--am-aacb-content-width, 720px);
    text-align: var(--am-aacb-text-align, left);
    min-width: 0;
}

.am-aacb__title,
.am-aacb__subtitle,
.am-aacb__description,
.am-aacb__button {
    font-family: var(--am-aacb-font-family, "DINNextLTPro-MediumCond", "DINNextLTPro-Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif) !important;
}

.am-aacb__title {
    overflow-wrap: anywhere;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--am-aacb-title-color, #ffffff) !important;
    font-size: var(--am-aacb-title-size, 34px) !important;
    line-height: var(--am-aacb-title-line-height, 36px) !important;
    font-weight: var(--am-aacb-title-weight, 700) !important;
    letter-spacing: var(--am-aacb-title-letter-spacing, 0px) !important;
    text-transform: var(--am-aacb-title-transform, none) !important;
}

.am-aacb__subtitle {
    overflow-wrap: anywhere;
    margin: var(--am-aacb-subtitle-margin, 0 0 0 0) !important;
    padding: 0 !important;
    color: var(--am-aacb-subtitle-color, #ffffff) !important;
    font-size: var(--am-aacb-subtitle-size, 26px) !important;
    line-height: var(--am-aacb-subtitle-line-height, 30px) !important;
    font-weight: var(--am-aacb-subtitle-weight, 700) !important;
    letter-spacing: var(--am-aacb-subtitle-letter-spacing, 0px) !important;
    text-transform: var(--am-aacb-subtitle-transform, none) !important;
}

.am-aacb__description {
    overflow-wrap: anywhere;
    margin: var(--am-aacb-description-margin, 18px 0 0 0) !important;
    padding: 0 !important;
    max-width: var(--am-aacb-description-width, 710px);
    color: var(--am-aacb-description-color, #ffffff) !important;
    font-size: var(--am-aacb-description-size, 16px) !important;
    line-height: var(--am-aacb-description-line-height, 18px) !important;
    font-weight: var(--am-aacb-description-weight, 700) !important;
    letter-spacing: var(--am-aacb-description-letter-spacing, 0px) !important;
    text-transform: var(--am-aacb-description-transform, none) !important;
}

.am-aacb__button-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--am-aacb-button-width, 138px);
    margin: 0;
}

.am-aacb__button {
    width: var(--am-aacb-button-width, 138px) !important;
    min-width: var(--am-aacb-button-width, 138px) !important;
    min-height: var(--am-aacb-button-height, 40px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--am-aacb-button-icon-gap, 9px) !important;
    padding: var(--am-aacb-button-padding, 0 17px 0 19px) !important;
    border: 0 !important;
    border-radius: var(--am-aacb-button-radius, 999px) !important;
    background: var(--am-aacb-button-bg, transparent) !important;
    color: var(--am-aacb-button-color, #ffffff) !important;
    box-shadow: inset 0 0 0 var(--am-aacb-button-border-width, 1px) var(--am-aacb-button-border-color, #ffffff) !important;
    text-decoration: none !important;
    font-size: var(--am-aacb-button-size, 16px) !important;
    line-height: var(--am-aacb-button-line-height, 18px) !important;
    font-weight: var(--am-aacb-button-weight, 700) !important;
    letter-spacing: var(--am-aacb-button-letter-spacing, 0px) !important;
    text-transform: var(--am-aacb-button-transform, uppercase) !important;
    white-space: nowrap !important;
    transition: background-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.am-aacb__button:hover,
.am-aacb__button:focus-visible {
    background: var(--am-aacb-button-hover-bg, #ffffff) !important;
    color: var(--am-aacb-button-hover-color, #EC3030) !important;
    box-shadow: inset 0 0 0 var(--am-aacb-button-border-width, 1px) var(--am-aacb-button-hover-border-color, #ffffff) !important;
    text-decoration: none !important;
    transform: translateY(-1px);
    outline: none;
}

.am-aacb__button-text {
    display: inline-block;
}

.am-aacb__button-icon {
    width: var(--am-aacb-button-icon-size, 25px) !important;
    height: var(--am-aacb-button-icon-size, 25px) !important;
    display: block !important;
    flex: 0 0 auto;
    color: currentColor !important;
}

.am-aacb__button-icon path {
    stroke: currentColor !important;
    stroke-width: var(--am-aacb-button-icon-stroke-width, 3);
}

.am-aacb__image-wrap {
    width: var(--am-aacb-image-size, 152px);
    height: var(--am-aacb-image-size, 152px);
    margin: 0 !important;
    padding: 0 !important;
    border-radius: var(--am-aacb-image-radius, 999px);
    overflow: hidden;
    border: var(--am-aacb-image-border-width, 0px) solid var(--am-aacb-image-border-color, transparent);
    box-shadow: var(--am-aacb-image-shadow, none);
    flex: 0 0 auto;
}

.am-aacb__image {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: var(--am-aacb-image-position, center center) !important;
    border-radius: inherit !important;
}

.am-aacb-breakdance-element + br,
.am-aacb + br {
    display: none !important;
}

@media (max-width: 1024px) {
    .am-aacb {
        padding: var(--am-aacb-tablet-padding-top, 34px) var(--am-aacb-tablet-padding-right, 24px) var(--am-aacb-tablet-padding-bottom, 34px) var(--am-aacb-tablet-padding-left, 24px) !important;
    }

    .am-aacb__row {
        grid-template-columns: minmax(0, 1fr) auto;
        column-gap: var(--am-aacb-tablet-column-gap, 28px);
        row-gap: var(--am-aacb-tablet-row-gap, 22px);
    }

    .am-aacb__button-wrap {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
        justify-content: flex-start;
    }

    .am-aacb__image-wrap {
        grid-column: 2 / 3;
        grid-row: 1 / 3;
        width: var(--am-aacb-tablet-image-size, 132px);
        height: var(--am-aacb-tablet-image-size, 132px);
    }

    .am-aacb__title {
        font-size: var(--am-aacb-tablet-title-size, 31px) !important;
        line-height: var(--am-aacb-tablet-title-line-height, 34px) !important;
    }

    .am-aacb__subtitle {
        font-size: var(--am-aacb-tablet-subtitle-size, 24px) !important;
        line-height: var(--am-aacb-tablet-subtitle-line-height, 28px) !important;
    }

    .am-aacb__description {
        font-size: var(--am-aacb-tablet-description-size, 16px) !important;
        line-height: var(--am-aacb-tablet-description-line-height, 19px) !important;
    }
}

@media (max-width: 767px) {
    .am-aacb {
        padding: var(--am-aacb-mobile-padding-top, 34px) var(--am-aacb-mobile-padding-right, 20px) var(--am-aacb-mobile-padding-bottom, 34px) var(--am-aacb-mobile-padding-left, 20px) !important;
    }

    .am-aacb__row {
        min-height: 0;
        grid-template-columns: 1fr;
        row-gap: var(--am-aacb-mobile-row-gap, 22px);
        text-align: var(--am-aacb-mobile-text-align, center);
    }

    .am-aacb__content {
        max-width: 100%;
        text-align: var(--am-aacb-mobile-text-align, center);
    }

    .am-aacb__button-wrap {
        grid-column: auto;
        grid-row: auto;
        justify-content: center;
    }

    .am-aacb__image-wrap {
        grid-column: auto;
        grid-row: auto;
        width: var(--am-aacb-mobile-image-size, 118px);
        height: var(--am-aacb-mobile-image-size, 118px);
        margin: 0 auto !important;
    }

    .am-aacb__title {
        font-size: var(--am-aacb-mobile-title-size, 29px) !important;
        line-height: var(--am-aacb-mobile-title-line-height, 31px) !important;
    }

    .am-aacb__subtitle {
        font-size: var(--am-aacb-mobile-subtitle-size, 23px) !important;
        line-height: var(--am-aacb-mobile-subtitle-line-height, 26px) !important;
    }

    .am-aacb__description {
        margin-top: var(--am-aacb-mobile-description-top-gap, 16px) !important;
        font-size: var(--am-aacb-mobile-description-size, 16px) !important;
        line-height: var(--am-aacb-mobile-description-line-height, 19px) !important;
    }
}
