/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

body, .dropdown-menu {
	font-size: 0.95rem;
}

.evidenza {
	color: #faf215 !important;
}

.white {
	color: #fff !important;
}

#contatti .evidenza:hover {
	color: #ffffff !important;
}

/*
#primary-menu ul li:hover > a, #primary-menu ul li.current > a {
	color: #ff7f0d;
}

a {
	color: #ff7f0d;
}

a:hover {
	text-decoration: underline;
}
*/


/* header */

@media (max-width: 991px) {

#header {
	position: fixed !important;
    top: 0;
    left: 0;
    width: 100% !important;
    z-index: 1000 !important;
	background-color: rgba(65,65,65, 0.75) !important;

}

#primary-menu ul > li > a, #primary-menu.style-2 > div > ul > li > a {
	padding: 10px 5px !important;
}

}


#top-cart .social-icon.si-small {
	width: 32px !important;
	height: 32px !important;
	font-size: 14px !important;
	line-height: 30px !important;
}

#header.sticky-header:not(.static-sticky) #top-cart{
	margin-top: 15px !important;
	margin-bottom: 0px !important;
}


/* slider home */

.slider-caption h1 {
	line-height: 1.2;	
}

/* origini */

.origini-img-container {
	background: url('../demos/gym/images/section/origini.jpg') center center no-repeat; 
	background-size: cover; 
	padding: 40px;
}

.origini-img-content {
	align-items: center !important; 
	justify-content: center !important;
	height: auto; 
}


.origini-testo-container {
	background-color: #ffffff; 
	padding: 40px;
}

.origini-testo-content {
	height: auto;
}





@media (max-width: 479px) {
	
.origini-img-container {
	height: 350px !important; 
}
	
	
.origini-testo-container {
	border-bottom: 1px solid #333;
}
	
}


@media (min-width: 1920px) {

.origini-img-container {
	padding: 80px;
}

.origini-img-content {
	height: 700px; 
}

.origini-testo-container {
	padding: 80px;
}

.origini-testo-content {
	height: 700px;
}


}


/* la lotta */

.la-lotta-testo-container {
	background-color: #ffffff; 
	padding: 40px;
}

.la-lotta-testo-content {
	height: auto;
}

.la-lotta-img-container {
	background: url('../demos/gym/images/section/la-lotta.jpg') center center no-repeat; 
	background-size: cover; 
	padding: 40px;
}

.la-lotta-img-content {
	height: auto;
}



@media (max-width: 479px) {
	
.la-lotta-img-container {
	height: 300px !important; 
}
	
}


@media (max-width: 575px) {

#top-cart {
	display: block;
	right: 5px;
}

#top-cart .social-icon.si-small {
	width: 28px !important;
	height: 28px !important;
	font-size: 14px !important;
	line-height: 28px !important;
}

}


@media (min-width: 1920px) {

.la-lotta-img-container {
	padding: 80px;
}

.la-lotta-img-content {
	height: 840px; 
}

.la-lotta-testo-container {
	padding: 80px;
}

.la-lotta-testo-content {
	height: 840px;
}

}


/* associazione */

@media (max-width: 767px) {

.associazione-testo-content .feature-box {
	padding-left: 0px;
}

}



/* corsi */

#corsi {
	border-top: 1px solid #faf215;
	border-bottom: 1px solid #faf215;
}

.blocco-lezioni-personalizzate-testo {
	padding: 20px;
	background-color: rgba(0,0,0,0.5);
}



		
/* form contatti */
		
.form-control:not(.not-dark):active,
.form-control:not(.not-dark):focus,
.sm-form-control:not(.not-dark):active,
.sm-form-control:not(.not-dark):focus,
.form-control:not(.not-dark),
.sm-form-control:not(.not-dark) {
	margin-bottom: 10px;
	border-radius: 2px !important;
}

.dark .form-control:not(.not-dark):active,
.dark .form-control:not(.not-dark):focus,
.dark .sm-form-control:not(.not-dark):active,
.dark .sm-form-control:not(.not-dark):focus,
.dark .form-control:not(.not-dark),
.dark .sm-form-control:not(.not-dark) {
	background-color: #222;
	border: 1px solid #111;
}

.dark .form-control:active,
.dark .form-control:focus {
	border-color: #999;
	box-shadow: none;
	background-color: #FFF;
}	


#headquarters-map {
	width: 100%;
	height: 450px;
}


@media (min-width: 992px) and (max-width: 1679px) {
	
#slider .logo-slider {
	max-width: 200px;
	max-height: 200px;
}

#slider  h1 {
	font-size: 28px;
}
		
	
}

@media (min-width: 992px) and (max-width: 1199px) {

	#primary-menu > ul > li > a {
		padding-left: 12px;
		padding-right: 12px;
	
	}

}

