@import url('https://fonts.googleapis.com/css?family=Rye&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');
* {
	margin: 0;	
}

body{
background: #3e3d40;
font-family: 'Ubuntu', sans-serif;
}

#background{
	overflow: hidden;
	height: auto;
	width: 100%;
	background-attachment: fixed;
	background: url("../img/karmabg.jpeg");
	min-height: 100vh;
	background-size: cover;
}



#logo
{
	height: 35vh;
	min-height: 125px;
	max-height: 300px;
	margin: 20px 0;
	background: url("../img/logo.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-filter: drop-shadow(5px 5px 5px #222222);
	filter: drop-shadow(5px 5px 5px #222222);
}

#imagecontainer
{	
	width: 100%;
}
p{
	color: #c3c3c3;
}

h3{
	font-size: 20pt;
	letter-spacing: 3pt;
	font-family: 'Rye', cursive;
	color: white;
	text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 4px #e2b007, 0 0 7px #e2b007, 0 0 8px #e2b007, 0 0 10px #e2b007, 0 0 15px #e2b007;
	text-transform: uppercase;
}

small{
		color: #c3c3c3;
		font-size:18pt;
		font-weight: bold;
}

#welcomecontent{
	position: relative;
	background: rgba(0,0,0,0.6);
	width: 90%;
	color: white;
	margin: auto;
	border: 7px ridge;
	border-image-source: url(../img/goldborder.png);
	border-image-slice: 60 30;
	font-size: 14pt;
	padding: 10px;
	text-align: center;
	box-shadow: 5px 5px 15px #222222;
}

#footer
{
	color: white;
	bottom: 5px;
	right: 10px;
	border: 0px solid red;
	font-size: 10pt;

}

a{
	transition: all 0.5s ease;
	color: white;
	text-decoration: none;
	 
}

a:hover{
	transition: all 0.5s ease;
	color: #e2b007;
	text-decoration: none;
	 
}
.x-asset-custom-gallery{
	width: 180px;
	height: 100%; 
overflow-y: scroll;
overflow-x: hidden;
}

.x-asset-custom-gallery-picture{

	height: 25%;
	background-size: cover;
	border-bottom: 2px ridge; border-image-source: url(../img/goldborder.png); border-image-slice: 60 30;
	background-position: center;
	}
	
}


.x-asset-custom-gallery-picture:hover{
	width: 180px;
	height: 10vh;
	background-size: cover;
	background-blend-mode: lighten;
	border-bottom: 2px solid white;
	background-color: rgba(255,255,255,0.2);
	transition: all 0.5s ease;
	
}

.x-info p{
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 70%;
	margin-bottom:2%;
}

@media (max-width: 990px) { 
.x-asset{
	height:50vw;
	background-size: cover;
	background-position: center;
	border-bottom: 4px ridge; border-image-source: url(../img/goldborder.png); border-image-slice: 60 30;
}
.x-asset-custom-gallery {
    width:100%;
    height:13vh;
    overflow:scroll;
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	overflow-y:hidden;
	font-size: 0;

}
.x-asset-custom-gallery-picture {
width: 150px;
height: 11vh;
display: inline-block;
border-right: 4px ridge; border-image-source: url(../img/goldborder.png); border-image-slice: 60 30;
}

.x-placeholder.x-is-expanded .x-info.x-info-right{
	padding: 20px 20px 20px 20px;
	overflow-y: scroll;
	overflow-x: hidden;
	
}
.x-placeholder.x-is-expanded {
	height: auto !important; 
	margin-bottom: 20px;
}
.x-placeholder-inner {
	height: auto !important; 
	
}
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: rgba(226,176,7,0.6);
  border: 0px none #e2b007;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #e2b007;
}

::-webkit-scrollbar-track {
  background: rgba(226,176,7,0.2);
  border: 0px none #e2b007;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: rgba(226,176,7,0.4);
}
::-webkit-scrollbar-corner {
  background: transparent;
}