/** * Display shorten chants and its toggler */ .hide-on-shorten { height: 100%; transition: opacity 0.3s ease, height 0.4s ease; } .is-shorten-chants .hide-on-shorten { height: 0; opacity: 0; transition: opacity 0.4s ease, height 0.3s ease; } .wimutti-shorten-chants-toggler-box { border: 1px solid #eee; color: #999; font-size: 1.25rem; font-weight: 300; line-height: 1.77rem; margin-bottom: 10px; padding: 5px; } .wimutti-shorten-chants-toggler-box label { cursor: pointer; font-weight: inherit; line-height: 1.77rem; margin: 0; } @media (min-width: 768px) { .wimutti-shorten-chants-toggler-box { background-color: rgba(255, 255, 255, 0.8); height: 31px; position: absolute; right: 0; top: -51px; } }