@charset "UTF-8";
/* CSS Document */

:root {
	--header-height: 3.5rem;
	--z-tooltip: 10;
	--z-fixed: 100;
}

* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

body {
	background-color: black;
	background-image:url('Art006bic.jpg');


	background-position: 50% 0;
	height: 100vh;
/*-width: 2048px;*/ /*(max-height: 3000px;*/
	/*width:100vw;*/ background-repeat: no-repeat;
background-size: contain;
margin-left: auto;margin-right:auto;
	font-family: Gill Sans, "sans-serif";
	font-size: 1.3em; /*var(--normal-font-size);*/
	cursor: pointer;
}



ul {
	list-style: none;
}

a {
	text-decoration: none;
}

.container {
	/*max-width: 1120px;*/
	margin-inline: auto;
}

.header {
	position: auto;
	top: 0;
	left: 0;
	width: 100%;
	background-color: transparent;
	z-index: var(--z-fixed);
}

.nav {
	height: var(--header-height);
}

.nav__data {
	height:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav__logo {
	display: inline-flex;
	align-items: center;
	column-gap: .25rem;
	
}

.nav-toggle {
	position: relative;
	width: 0;
	height: 0;
	background-color: transparent;
}

.nav {
	height: calc(var(--header-height) + 2rem);
    display: flex;
	/*justify-content: space-between;*/
}

.nav__toggle {
	display: none;
}

.nav__data {
	height: 100%;
	/*display: flex;*/
	justify-content: space-between;
	align-items: center;
	
}


	
	
	
	.show-menu {
	opacity: 0;
	top: 3.5rem;
	pointer-events: initial;
	
	}

	

.container {
	margin-inline: auto;
	
	
}



.nav__list {
	height: 100%;
	width: 15em;
	/*display: flex;*/
	column-gap: 30rem;
	background-color: transparent;/*rgba(0,0,0,.3);*/
	padding-top: 1rem;
}

.nav__link {
	color:white;
	background-color:transparent;/*rgba(0,0,0,.3);*/
	padding: 1.8rem 1.5rem;
	display: flex;
	/*justify-content: space-between;*/
	justify-content: initial;
	align-items: center;
	transition: background-color .3s;
	height: 100%;
	column-gap: 4rem;
}

.nav__link:hover {
	background-color: /*rgba(0,0,0,.3);*/transparent;
}

.dropdown__item, .dropdown__subitem {
	position: relative;
	
}

.dropdown__menu/*, .dropdown__submenu*/ {
	max-height: initial;
	overflow: initial;
	position: absolute;
	/*display: flex;*/
	left: 0;
	top: 6rem;
	width: 20rem;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s, top .3s;
}

.dropdown__link {
	color:white;
	background-color: rgba(0,0,0,.8);
	padding: 0.2rem 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: background-color .3s;
}

.dropdown__link, .dropdown__sublink {
	padding-inline: 1rem 2rem;
}

.dropdown__subitem .dropdown__link {
	padding-inline: 1rem;
}

.dropdown__intmenu {
	position: relative;
	left: 100%;
	top: 0rem;
	height: 0;
	opacity: 1;
	overflow: hidden;
}

.dropdown__submenu {
	position: relative;
	left: 100%;
	top: 0rem;
	height: 0;
	opacity: 1;
	overflow: hidden;
}

.dropdown__intmenu .dropdown__submenu {
	position: relative;
	left: 100%;
	top: 0rem;
	height: 0;
	opacity: 1;
	overflow: hidden;
}

.dropdown__item:hover .dropdown__menu {
	opacity: 1;
	top: 5rem;
	height: auto;
	pointer-events: initial;
	transition: top .3s;
	
}



.dropdown__item .dropdown__class:hover /*.dropdown__menu:hover*/ .dropdown__intmenu {
    opacity: 1
	height: auto;
	top: 0;
	pointer-events: initial;
	transition: top .3s;
	max-height: initial;
	overflow: initial;
	position: relative;
	/*: 0;*/
	top:-2rem;
	width: 20rem;
	transition: opacity .3s, top .3s;
}

.dropdown__item .dropdown__class:hover /*.dropdown__menu:hover*/ .dropdown__intitem {
    opacity: 1
	height: auto;
	top: 0;
	pointer-events: initial;
	transition: top .3s;
	max-height: initial;
	overflow: initial;
	position: relative;
	/*: 0;*/
	top:0;
	width: 20rem;
	transition: opacity .3s, top .3s;
}

.dropdown__item .dropdown__class .dropdown__intitem:hover .dropdown__submenu {
    opacity: 1
	height: auto;
	top: 0;
	pointer-events: initial;
	transition: top .3s;
	max-height: initial;
	overflow: initial;
	position: relative;
	/*: 0;*/
	top:-2rem;
	width: 20rem;
	transition: opacity .3s, top .3s;
}

a {
	color: white;
	padding: 0 0;
	display: flex;
	justify-content: space-between;
	align-items: left;
	text-decoration: none;
}

a:hover {color:coral;}

p:hover {color:coral; }

button {
	font-size: 1em;
	color: white;
	background-color: transparent;
	border: 0 none;
	padding-left:0;
	margin-left:0;
	text-align:left;
	border-radius: 0;
	width: max-content;
}