/** For styling the INBALI homepage value proposition block **/

#block-inbali-value { position: relative; width: 100%; margin: -80px 0 70px; background-color: #fff; }

#scroller { position: absolute; top: 0; width: 100%; margin: 0; text-align: center; color: #283d38; pointer-events: none; text-transform: uppercase; font-family: 'OSBold', sans-serif; font-size: 9px; z-index: 2; }

.tease { display: block; position: absolute; top: 0; width: 100%; margin: 0 auto;
    background-repeat: no-repeat; background-size: 45px; background-position: center; }
#tease { height: 45px;
    background-image: url('../../images/floral.svg'); background-size: 45px;
    animation: action 0.5s infinite alternate; }
#pink-tease { height: 60px; margin-top: -8px;
    background-image: url('../../images/floral-pink.svg'); background-size: 60px; }
#prompt { display: block; padding-top: 50px; }

.cover-skew { padding: 200px 0 0; width: 100%;
    background: #ffffff;
    -webkit-transform: skewY(-3deg); transform: skewY(-3deg); -webkit-transform-origin: 0; transform-origin: 0; }
.proposition { position: relative; width: 100%; max-width: 700px; margin: 0 auto; padding: 0 20px; text-align: center; z-index: 1; font-size: 22px; line-height: 32px;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.proposition::after { display: block; content: ' '; width: 60px; height: 1px; border-bottom: 1px solid #283d38; margin: 0 auto; padding-top: 70px; }
.proposition span.standout { display: inline-block; padding: 5px; margin: -5px;
    background: rgba(244, 228, 223, 0.4); background-color: rgba(244, 228, 223, 0.4); }
