html {
  scroll-behavior: smooth;
  background-color: #000;
}

body{
	background-color: #000;
}
/*
.wp-block-cover {
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.wp-block-cover.fade-in {
  opacity: 1;
}
*/

/* width */
::-webkit-scrollbar {
  width: 8px;
  border-radius: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #000;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #333;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
  transition: all 0.5s;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #999;
}


.top-header{
	position: fixed;
	top:0;
	left: 0;
	z-index: 999;
	width: 100%;
	background-color: rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 0 #000000;
	transition: all 0.5s;
}

.top-header.scrolled{
	background-color: rgba(0, 0, 0, 0.85);
	box-shadow: 0 0 20px 0 #000000;
}

.site-footer-container{
	position: fixed;
	bottom: -90px;
	left: 0;
	width: 100%;
	z-index: 999;
	opacity: 0;
	transition: all 0.5s;
}

.site-footer-container.scrolled{
	bottom: -5px;
	opacity: 0.9;
}

.site-footer-container img{
	border-radius: 8px 8px 0 0;
	background-color: #000000f0;
	padding:10px 20px 20px 20px;
	box-shadow: 0 0 20px 0 #000000;
	opacity: 0.7;
	transition: all 0.5s;
}

.site-footer-container img:hover{
	opacity: 1;
}

.fade-in-element {
  opacity: 0;
  transition: opacity 1s;
}

.fade-in-element.visible {
  opacity: 1;
}

.fixed-box{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	overflow-y: hidden !important;
	max-height: 100vh !important;
}
	
 .fixed-container{
	 display: flex;
	 position: relative;
	 width: 100%;
	 height: 100%;
	 border: none;
	 justify-content: center;
	 align-items: center;
	 overflow: hidden;
	 max-height: 100vh;
 }

.reverse-columns{
	flex-direction: row;
}

@media (max-width: 781px) {
	.reverse-columns{
		flex-direction: column-reverse;
	}
}