/*
Hero button
--------------------------------------------------------------------------------
*/

.fx-hero {
    em {
        font-weight: 700;
    }
    
    p:has(em) {
        margin-bottom: 32px;
    }
    
    @media (max-width: 767px) {
    
        
        background-position: bottom !important;
        
        .behindTheSong_hero_column {
            flex-wrap: wrap-reverse;
        }
        
        .cope-core-column.cope-core-column-two {
            background: #333333;
        }
        
        em {
            font-size: 24px;
        }
                
        p:has(em) {
            margin-bottom: 24px;
        }
    }
}

/*
Hero button
--------------------------------------------------------------------------------
*/

#fx-behind-the-song-btn {
    background: var(--navy-blue);
    border-color: var(--navy-blue);
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    width: auto;
    height: auto;
    padding: 12px 28px;
    text-align: left;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/*
Qoute
--------------------------------------------------------------------------------
*/

.textQuote {
    font-weight: 700;
}


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

.gradient-red-to-yellow {
    section {
        margin: 48px 0;
    }
}

/*
Icon bullets section
--------------------------------------------------------------------------------
*/

.fx-icon-bullets {
    .cope-core-column.cope-core-column-one:not(.column-80px-auto .cope-core-column.cope-core-column-one) {
        flex-basis: 40%;
    }
    .cope-core-column.cope-core-column-two:not(.column-80px-auto .cope-core-column.cope-core-column-two) {
        flex-basis: 60%;
        background: white;
        padding-left: 48px;
    }
    
    .column-80px-auto {
        .cope-core-column.cope-core-column-one {
            flex-basis: max-content;
            margin-right: 16px;
            min-width: 60px;
        }
        
        .cope-core-column.cope-core-column-two {
            flex-basis: initial;
        }
        
        .cope-core-text p{
            color: black;
            
            strong {
                color: #DA0812;
            }
        }
        
        &.fx-last-bullet {
            .cope-core-text p{
                strong {
                    color: black;
                }
            }
        }
    }
    
    @media (max-width: 767px) {
        flex-direction: column;
        
        .cope-core-column.cope-core-column-two:not(.column-80px-auto .cope-core-column.cope-core-column-two) {
            padding-left: 0;
        }
        
        .column-80px-auto {
            flex-wrap: initial;
            
            .cope-core-column.cope-core-column-two {
                flex-basis: initial;
                width: calc(100% - 60px);
            }
        }
    }
}

/*
In the studio image
--------------------------------------------------------------------------------
*/

.fx-background-image {
    background-position: top left !important;
    
    @media (max-width: 767px) {
        background-position: top center !important;
    }
}

/*
Footnote
--------------------------------------------------------------------------------
*/

div.text>.cope-core-text.font-footnote {
    
    p, li {
        font-size: 12px !important;
        line-height: 17px !important;
    }
    
}

/*
Gray callout
--------------------------------------------------------------------------------
*/

.fx-gray-callout {
    background: #EFF0F2 !important;
}