@charset "utf-8";
/* CSS Document */
/*modifiche del sito*/
@font-face {
   font-family: 'CenturyGothic';
   src: url('GOTHIC.TTF') format('truetype');
}
body{
	color: #0098ed;
	font-family: 'CenturyGothic';
}
#bundle, #expansion, #game, #stuff{
	color: #171717 !important;
}
.logo-mobile{
	display: none;
}
.active{
	font-weight: 900;
}
.container{
	max-width: 1025px;
}
.container-fluid, .container-xxl{
		padding-left: 0px !important;
		padding-right: 0px!important;
	}
#navigazione{
	background-color: #cdeafc;
}
.nav-link{
	font-family: 'CenturyGothic';
	color: #171717;
}


#bundle_link:hover{
	color: #171717;
}

#expansion_link:hover{
	color: #097f7f;
}

#game_link:hover{
	color: #1500b3;
}

#stuff_link:hover{
	color: #258402;
}


.border-bottom{
	border-color: #171717 !important;
}
.separatore{
	max-width: 50%;
	height: 5px;
	padding-bottom: 30px;
	margin: auto;
}
#sims4{
	background-image: url("../img/bg_sito.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto
}

h1{
	font-size: 50px;
	font-weight: 700;
}
h2{
	font-size: 30px;
}

h1,h2{
	padding-bottom: 30px;
	padding-top: 40px;
}

p{
	font-size: 15pt;
	padding-left: 5rem;
	padding-right: 5rem;
	padding-bottom: 30px;
}



#bundle .btn-light, #bundle .btn-light:visited{
	border-color: #171717 !important;
	color: #171717 !important;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}


#bundle .btn-light:hover{
	border-color: #171717 !important;
	color: #fff !important;
	background-color: #171717 !important;
}



#expansion .btn-light, #expansion .btn-light:visited{
	border-color: #097f7f !important;
	color: #097f7f !important;
	margin-top: 30px;
	margin-bottom: 30px;
}


#expansion .btn-light:hover{
	border-color: #097f7f !important;
	color: #fff !important;
	background-color: #097f7f !important;
}


#game .btn-light, #game .btn-light:visited{
	border-color: #1500b3;
	color: #1500b3;
	margin-top: 30px;
	margin-bottom: 30px;
}


#game .btn-light:hover{
	border-color: #1500b3;
	color: #fff;
	background-color: #1500b3;
}


#stuff .btn-light, #stuff .btn-light:visited{
	border-color: #258402;
	color: #258402;
	margin-top: 30px;
	margin-bottom: 30px;
}


#stuff .btn-light:hover{
	border-color: #258402;
	color: #fff;
	background-color: #258402;
}










#footer{
	color: #fff;
	padding-bottom: 20px;
	padding-top: 20px;
}
#video-trailer{
	padding-top: 30px;
	width: 800px;
	height: 500px;
}



@media screen and (max-width: 1000px) {
	 #video-trailer{
		 padding-top: 100px;
		width: 600px;
		height: 437px;
	}
	.logo-mobile{
		display: block;
	}
	.container-fluid, .container-xxl{
		padding-left: 0px !important;
		padding-right: 0px!important;
	}
	
	
	#bundle {
		color: #171717 !important;
	}

	#expansion {
		color: #097f7f !important;
	}

	#game {
		color: #1500b3 !important;
	}

	#stuff{
		color: #258402 !important;
	}
	

}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
	 #video-trailer{
		 padding-top: 50px;
		width: 300px;
		height: 270px;
	}
	p{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.container-fluid, .container-xxl, .container{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
}

/*gallery*/
.zoom {      
	/*-webkit-transition: all 0.35s ease-in-out;    
	-moz-transition: all 0.35s ease-in-out;    
	transition: all 0.35s ease-in-out;     
	/*cursor: -webkit-zoom-in;      
	cursor: -moz-zoom-in;      
	cursor: zoom-in;*/  
}     

.zoom:hover,  
.zoom:active,   
.zoom:focus {
	-ms-transform: scale(1.1);    
	-moz-transform: scale(1.1);  
	-webkit-transform: scale(1.1);  
	-o-transform: scale(1.1);  
	transform: scale(1.1);    
	position:relative;      
	z-index:100;  
}
/*fine gallery*/