/*
Title: Custom CSS File
Theme Name: Ashoka
Author Name: GeeksLabs
Author URI: http://themeforest.net/user/geekslabs
Website: http://geekslabs.com

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
I WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

h1, h2, h3, h4, h5, h6 {    
    text-transform: none !important; /*I Hate CAPS*/
}
.home-carousel-caption p, #stats p {
    text-transform: none; /*I Hate CAPS*/
}
#home div.scroll .scroll-text
{
    text-transform:none; /*I Hate CAPS*/
}
.navbar ul li a {
    text-transform: none; /*I Hate CAPS*/
}

#contactform select#age{
    color: #9a9a9a;
	width: 96%;
    background: transparent;
    margin-left:4%;
	min-height: 40px
}

#contactform input#city{
    width: 96%;
    background: transparent;
    margin-right:4%;
}
@media only screen and (max-device-width: 480px) and (min-device-width: 320px){
	#contactform input#city {
		width: 100%;
		margin-right: 0%;
	}
	#contactform select#age {
		width: 100%;
		margin-left: 0%;
	}
}

/*When I place a title (h2) inside the main content of the swal, I have to change the font size to make it the same as the title outside of the content*/
.swal2-content h1#swal2-title, .swal2-content h2#swal2-title, .swal2-content h3#swal2-title, .swal2-content h4#swal2-title {
    font-size: 1.6em;
}

/*fix the text size on the home screen rolling pictures.*/
@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
	.home-text h2 {
		font-size: 2.5em;
	}
}
/*Also fix the centering of the home screen text*/
.home-text {
    padding-left: 10px;
    padding-right: 10px;
}

/*Herbalife Pop Up css*/
.herbalife-content {
    font-size: 12px !important;
}
#herbalifepopup p {
    font-size: 12px !important;
	line-height: 20px !important;
}
#herbalifepopup h1 {
    font-size: 14px !important;
}
.herbalife-bg {
    display: none !important;
}