
/*
@font-face {
	font-family: 'Jersey15-Regular';
	src:
		url('/wp-content/uploads/fonts/Jersey15-Regular.woff2') format('woff2'),
		url('/wp-content/uploads/fonts/Jersey15-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

:root{
	--var-margem:120px;
	--var-footer-text-size:25px;
	--var-footer-text-line-height:25px;
	--var-menu-text-size:34px;
	--var-menu-text-line-height:34px;
}


body {
	font-family: 'Jersey15-Regular', sans-serif!important;
	background: red;
}

html{
	margin-top: 0!important;
}

.scroll-indicator, .navigation-icon-wrapper, .ion-social-linkedin, .ion-social-twitter, .ion-social-pinterest {
	display: none;
}

.overlay-dark-60:before{
	background: rgba(0,0,0,0.4)!important;
}

.slick-fullscreen-slideshow-zoom-fade .slick-fullscreen-item .bg-img
{
	//transform: scale(1)!important;
}

.ion-social-instagram:before, .intro-title-lead, .inner-divider-half{
	display: none!important;
}

.logo .logo-img:before
{
	background-image: url(https://www.1upclub.pt/wp-content/uploads/logo/logo.svg);
	width: 440px;
	height: 218px;
	background-size: contain;
}

.logo{
	left:var(--var-margem)!important;
	top:var(--var-margem)!important;
	margin-left: -38px!important;
}

.intro{
	bottom: var(--var-margem)!important;
	left: var(--var-margem)!important;
}

ul.social-icons, #intro-title
{
	font-size: var(--var-footer-text-size)!important;
	line-height: var(--var-footer-text-line-height)!important;
	text-transform: uppercase;
	letter-spacing: normal!important;
	font-weight: normal!important;
	margin: 0!important;
	font-family: 'Jersey15-Regular'!important;
}

#intro-title a:hover{
	opacity: 0.5;
}

.social-icons-wrapper
{
	bottom:var(--var-margem)!important;
	right: var(--var-margem)!important;
}

.social-icons-wrapper ul li{
	padding: 0!important;
}

.menu-link-container{
	position: fixed!important;
	right: var(--var-margem)!important;
	top: var(--var-margem)!important;
	margin: 0!important;
	padding: 0!important;
	margin-block: 0!important;
	margin-inline: 0!important;
	height: auto!important;
	width: auto!important;
	border: none!important;
	z-index: 900!important;
}

.menu-link-container .e-con-inner{
	padding: 0!important;
}

.menu-link-container .menu-link{
	font-size: var(--var-menu-text-size);
	line-height: var(--var-menu-text-line-height);
	font-weight: normal!important;
	-webkit-transition: all 0.5s linear!important;
	-moz-transition: all 0.5s linear!important;
	-ms-transition: all 0.5s linear!important;
	-o-transition: all 0.5s linear!important;
	transition: all 0.5s linear!important;
}

.menu-link-container .menu-link:hover{
	opacity: 0.5;
}

.bottom-credits{
	position: absolute;
	left: 50%!important;
	transform: translateX(-50%)!important;
	bottom:var(--var-margem)!important;
	text-align: center!important;
	font-size: var(--var-footer-text-size)!important;
	line-height: var(--var-footer-text-line-height)!important;
	letter-spacing: normal!important;
	font-weight: normal!important;
	padding-left: 20px;
	padding-right: 20px;
}

.bottom-credits a:hover{
	opacity: 0.5;
}

a:hover{
	font-weight: normal!important;
}

.overlay-dark-60:before{
	background: rgba(0,0,0,0)!important;
}


@media only screen and (max-width:1920px)
{
	:root{
		--var-margem:90px;
	}
}

@media only screen and (max-width:1280px)
{
	:root{
		--var-margem:70px;
	}
}

@media only screen and (max-width:1024px)
{
	:root{
		--var-margem:50px;
	}
	
	.logo .logo-img:before
	{
		width: 300px;
	}
	
	.logo{
		margin-left: -42px!important;
	}
}

@media only screen and (max-width:800px)
{
	:root{
		--var-margem:40px;
		--var-footer-text-size:20px;
		--var-footer-text-line-height:20px;
		--var-menu-text-size:30px;
		--var-menu-text-line-height:30px;
	}
	
	.logo .logo-img:before
	{
		width: 250px;
	}
	
	.logo{
		margin-left: 0px!important;
	}
	
	.intro, .bottom-credits, .social-icons-wrapper{
		position: relative!important;
		width: 100%!important;
		text-align: center!important;
		left: auto!important;
		transform: translateX(0)!important;
		top:auto!important;
		right: auto!important;
		bottom:auto!important;
		padding-left: var(--var-margem);
		padding-right: var(--var-margem);
	}
	
	.intro-wrapper-inner{
		display: flex;
		height: 100%;
		flex-direction: column;
		align-items: flex-end;
		padding-bottom:var(--var-margem);
		justify-content: end;
	}
}

@media only screen and (max-width:440px)
{
	:root{
		--var-menu-text-size:28px;
		--var-menu-text-line-height:28px;
	}
	
	.logo .logo-img:before
	{
		width: 200px;
	}
}

@media only screen and (max-width:440px)
{
	:root{
		--var-margem:30px;
		--var-menu-text-size:26px;
		--var-menu-text-line-height:26px;
	}
	
	.logo .logo-img:before
	{
		width: 180px;
	}
}

*/