/*
Headline
--------------------------------------------------------------------------------
*/

.fx-headline {
    background-color: #DA0812 !important;
    min-height: 67.44px;
    display: flex;
    align-items: center;
    height: initial !important;
    
    h1 {
        font-size: 16px !important;
        line-height: 22px;
    }
}

.fontweight-bold {
    font-weight: 700;
}

/*
Gradient callout
--------------------------------------------------------------------------------
*/


.fx-gradient-callout {
    background-image: linear-gradient(to right, #E01F26 20%, #ed7023 60%, #fed24c 100%);
    margin: 64px 0px 0 0px !important;
    
    .cope-core-column.cope-core-column-one {
        flex-basis: max-content;
    }
    
    .cope-core-column.cope-core-column-two {
        flex-basis: initial;
    }
     
    .cope-core-column-container.cope-core-column-col-two.desktop-column-120px-auto {
        gap: 32px;
        background-color: white;
        padding: 32px;
        align-items: center;
        
        p {
            color:#333333;
        }
        
        .cope-core-headline * {
            color: #DA0812;
        }
    }
}

/*
Grey callout
--------------------------------------------------------------------------------
*/

.fx-grey-callout {
    
    margin-bottom: 64px;
    
    .cope-core-column-container.cope-core-column-col-two.columns_content_equalheight.button_anchor_bottom {
        margin: 0;
        padding: 48px 0;
        
        .cope-core-column.cope-core-column-one,
        .cope-core-column.cope-core-column-two {
            background-color: white;
            padding: 24px 48px;
            text-align: center;
            
            .cope-core-headline * {
                color: #DA0812;
                font-weight: 700;
            }
            
            div:has(.section.aem-GridColumn.aem-GridColumn--default--12) {
                height: 100%;

                section {
                    height: 100%;
                }
                
                .aem-Grid.aem-Grid--12.aem-Grid--default--12 {
                    display: flex;
                    flex-direction: column;
                    
                    .text {
                        height: 100%;
                    }
                }
            }
        }
    }
}