/* Hero cover scroll 1.1.0 */
.lvd-hero-cover-scroll                      {height:80vh; position:relative;}
.lvd-hero-cover-scroll h1                   {color:var(--lvd-color-white); text-shadow: var(--lvd-shadow-text);}
.lvd-hero-cover-scroll .lvd-breadcrumbs     {padding:0 40px; text-align:center; opacity:0.9; color:var(--lvd-color-white);}
.lvd-hero-cover-scroll .lvd-breadcrumbs  a  {color:var(--lvd-color-white);}
.lvd-hero-cover-scroll:before               {content: ""; position: absolute; z-index:1; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(0,0,0, 0.1) 0%, rgba(0,0,0, 0.2) 40%,rgba(0,0,0, 0.4) 80%, rgba(0,0,0, 0.6) 100%) repeat scroll 0 0; }
.lvd-hero-cover-scroll .lvd-content         {z-index:2;}

@keyframes jump                 { 0% { top: 0; } 50% { top: 12px; } 100% { top: 0; } }
.lvd-hero-scroll-button         {display:block; margin: 0 auto; vertical-align: middle; height:50px; width:34px; line-height:26px; padding:0 12px; text-align:center; color:var(--lvd-color-white); font-size: 16px; text-decoration: none; border-radius:23px; border:1px solid var(--lvd-color-white); background:rgba(255, 255, 255, 0.1);}
.lvd-hero-scroll-button span    {position:relative; animation: jump 3s infinite; margin-left:-4px;}
.lvd-hero-scroll-button         {color:var(--lvd-color-white); background:rgba(255, 255, 255, 0.2);}
.lvd-hero-scroll-button:hover   {color:var(--lvd-color-white); opacity:0.7;}

/* Bm */
@media (min-width:1px) and (max-width:767px)
{
.lvd-hero-cover-scroll                  {height:600px;}
.lvd-hero-cover-scroll .lvd-content     {padding:24px;}
}

/* Bt */
@media (min-width:768px) and (max-width:1023px)
{
.lvd-hero-cover-scroll                  {height:400px;}
}