/*
 * Theme Name: EBB Theme
 */


/* -------------------------------------------------------------------------------- */
/*	0. CSS Reset
/* -------------------------------------------------------------------------------- */


html, body { margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	line-height:1;
	font-family:inherit;
	text-align:left;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ol, ul {
	list-style:none;
}

a {
	text-decoration: none;
}

blockquote:before, blockquote:after {
	content:"";
}

input[type=search],
input[type=text],
input[type=email],
input[type=url],
input[type=button],
input[type=tel],
input[type=submit],
textarea {
   -moz-appearance: none;
   -webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

nav {
	
	ul {
		background-color: black;
		z-index: 9999;
	}
	
	ul.sub-menu {
		display: none;
		position: absolute;
	}
	
	> ul {
		display: flex;
		justify-content: center;
		gap: 2rem;
		
		> li > ul.sub-menu {

			left: 50%;
			transform: translatex(-50%);

			ul.sub-menu {
				top: 0;
				left: 100%;
			}
		}
	}

	li {
		position: relative;
		text-align: center;
		
		a {
			display: block;
			padding: 1rem 2rem 1rem;
			color: gray;
			transition: 0.3s;
		}
	}
	
	li:hover {
		> a {
			color: white;
		}
		
		> ul.sub-menu {
			display: block;
		}
	}
}


.mySwiperV {
    width: 100vw;
    height: calc(100vh - 80px);
}

.swiper-slide  {
	background: linear-gradient(45deg, #000 , grey );
}

.swiper-slide article {
	
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.07);
    padding: 15px;
    text-align: center;
	margin: 2rem;
}
.swiper-slide img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    margin-bottom: 10px;
}

article {
	display: flex;
	gap: 2rem;
	
	img {
		width:200px;
		height: auto;
	}
}

@media (max-width: 767px) {
    .swiper-slide article {
        padding: 8px;
    }
}