/* Dynaimc Header */


/* Dynaimc Header content */
#dynamic-header.enabled {
    z-index: 999;
    border: 1px dashed red;
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    transition-duration: 500ms;
    transition-property: box-shadow, background-color;
}

#dynamic-header.content-not-scrolled {
    background-color: transparent !important;
    box-shadow: none;
}

#dynamic-header.content-scrolled {
    border: 1px dashed green;
    box-shadow: 0px 0px 15px black;
}

/* Scroll Btn */
#scroll-btn {

    border: 1px dashed red;

	pointer-events: none;
	
	opacity: 0;
	position: fixed;
	z-index: 99;
	width: 50px;
	height: 50px;
	bottom: var(--wp--preset--spacing--30);
	right: var(--wp--preset--spacing--30);	
	border-radius: 50%;
	
	
	color: var(--wp--preset--color--base);
    background-color: var(--wp--preset--color--contrast);
	
	font-family: var(--wp--preset--font-family--system-font);
  	font-size: var(--wp--preset--font-size--medium);
  	line-height: 1.6;
	
	transition-duration: 0.2s;
  	transition-timing-function: linear;
	transition-property: opacity;
}

#scroll-btn:hover {
    scale: (1.1);
    background-color: aqua;
}

#scroll-btn.show {
    cursor: pointer;
	pointer-events: auto;
	opacity: 1;
	box-shadow: 0px 0px 15px rgba(80,80,80,0.8 );
}