/*
 * user.css
 *
 * Use this file for adding custom CSS style. These styles will override
 * default theme styles. You can enable/disable this CSS file inside
 * WordPress Appearance > Theme Options > General
 */

/* ---------------------------------------------------------------
 * 1. GENERAL
 * Place your general theme styles in this section.
 * ------------------------------------------------------------ */

input[type="email"] {
margin: 0;
padding: 0.75em 0.5em;
border: 1px solid #E0E0E0;
height: 3em;
vertical-align: middle;
width: 100%;
max-width: 66.66%;
}


.brand img
{
max-width: none;
}

.legende-audience
{
width:12px;
height:12px;
display: inline-block; 
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
}

.column.half.legende h4 {
margin-bottom:0;
}

.sponsor img 
{
width:100px;
}

/* LOGO GRIDS */

ul.logo-grid.two-per-line > li
{
padding: 0 !important;
border-bottom: none !important;
margin-right: 16% !important;
width: 38%;
}
ul.logo-grid.two-per-line > li:nth-child(2n) 
{
margin: 0 !important;
}

ul.logo-grid-big.three-per-line > li
{
padding: 0 !important;
border-bottom: none !important;
margin-right: 10% !important;
width: 25%;
}
ul.logo-grid-big.three-per-line > li:nth-child(3n) 
{
margin: 0 !important;
}

ul.logo-grid.three-per-line > li
{
padding: 0 !important;
border-bottom: none !important;
margin-right: 2% !important;
width: 32%;
}

ul.logo-grid.three-per-line > li:nth-child(3n) 
{
margin: 0 !important;
}

ul.logo-grid.four-per-line > li
{
padding: 0 !important;
border-bottom: none !important;
margin: 0 2% 2% 0 !important;
width: 23.5%;
}

ul.logo-grid.four-per-line > li:nth-child(4n) 
{
margin: 0 !important;
}

.widget ul.logo-grid li a > img, ul.logo-grid li a > img  
{
width:100%;
}


body
{
background-color: #000000;
background-image: url('http://dev.nextvsummit.com/wp-content/uploads/2013/08/night-lights-mexico-city-mexico1.jpg') !important;
background-repeat: no-repeat;
background-position : center bottom;
}

.language_link {
float: right !important; 
}


.legende > h3
{
font-size: 1.25em !important;
}

#daysleft
{
padding: 0.25em;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
margin: 0 auto;
margin-top: 1em;
font-size:1.8em;
width: 472px;
max-width: 472px;
text-align: center;
}

#daysleft a
{
color: #fff;
}

#daysleft span 
{
font-weight:bolder;
}

.home-slider-left
{
width: 15% !important; 
max-width: 100px; 
float: left;
}

.home-slider-text
{
width: 70% !important; 
float: left; 
text-align: center; 
padding-top: 3.5%;
}

.home-slider-right
{
width: 15% !important; 
max-width: 100px; 
float: right;
}

/* ---------------------------------------------------------------
 * 2. TABLET
 * CSS fallback for device width 768px or below
 * ------------------------------------------------------------ */

@media only screen and (max-width: 768px) {
.brand img {
   width:100% !important; 
		height: auto !important;
}

}

@media only screen and (max-width: 800px) {
.brand {
	float: left;
	width:100%; 
}
.brand img {
   width:100% !important; 
   height: 100% !important;
}

}

@media only screen and (max-width: 768px) {
.brand {
	float: left;
	width:100%;  
}
.brand img {
   width:100% !important; 
   height: 100% !important;
}

}

@media only screen and (max-width: 650px) {
.brand {
	float: left;
	width:100%;   

}
.header-widget-area {
	float: left;
	width:48%; 
}
.brand img {
   width:100% !important; 
   height: 100% !important;
}
.header-widget-area img {
     width:100% !important; 
     height: auto !important;
}
}

/* ---------------------------------------------------------------
 * 3. MOBILE
 * CSS fallback for device width 480px or below
 * ------------------------------------------------------------ */

@media only screen and (max-width: 480px) {

#daysleft
{
display:none;
}
.brand {
	float: left;
	width:100%;   

}
.header-widget-area {
	float: left;
	width:48%; 

}
.brand img {
   width:100% !important; 
   height: 100% !important;
}
.header-widget-area img {
     width:100% !important; 
     height: auto !important;
}

}
@media only screen and (max-width: 480px) {
	.flexslider .slides img {
		display: block;
		height: 20%;
		width: 20%;
	}	
	.home-slider-text {
    float: left;
    padding-top: 3.5%;
    text-align: center;
    width: 55% !important;
}
h3, .section-title {
    font-size: 0.8em;
    line-height: 1.5;
    margin-bottom: 0.5em;
}
.home-slider-right {
    float: right;
    max-width: 100px;
    width: 20% !important;
}
.home-slider-left {
    float: left;
    max-width: 100px;
    width: 20% !important;
}
	/*.home-slider-left {
    float: left;
    height: 20%;
    max-width: 100px;
    width: 20% !important;
}*/
}