/*Texts & General Tipography*/
body, p {
	line-height: 1.6;
}
h1, h2, h3, h4, h5, h6{
	line-height: 1.3;
}

/*Hero column*/
.hero-column{
	height: 390px;
}

.parallax-simple{
   background-attachment: fixed; 
   background-size: cover; 
   background-position: center top;
}


/*Bootstrap custom for canvas theme*/
button.btn, .btn{
   border-radius: 0;
}
textarea.form-control, select.form-control, input.form-control{
   border-radius: 0;
   padding: 20px;
}
textarea:focus, select:focus, input:focus, textarea.form-control:focus, select.form-control:focus, input.form-control:focus,
textarea:active, select:active, input:active, textarea.form-control:active, select.form-control:active, input.form-control{
   box-shadow: none;
}
.required-active{
   outline: 1px solid #E27171 !important;
}


/*Big title & Big paragraph*/
.big-h{
   font-size: 3em;
}
.big-p{
   font-size: 1.2em;
}


/*Overlay (elementos encima de otros hover)*/
.overlay table { 
    width: 100%; height: 100%; 
}
.overlay { 
   background: rgba(0,0,0,1); 
   width: 100%; 
   height: 100%; 
   position: absolute; 
   top: 0; 
   color: #FFF; 
   padding: 15px; 
   z-index: 1; 
   box-sizing: border-box;
   opacity: 0;

   -webkit-transition: all 0.15s ease-in-out 0s;
   -moz-transition: all 0.15s ease-in-out 0s;
   -ms-transition: all 0.15s ease-in-out 0s;
   -o-transition: all 0.15s ease-in-out 0s;
   transition: all 0.15s ease-in-out 0s;
   /*fix flickering in firefox*/
   backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
    
}
.overlay:hover{
   opacity: 1;

   -webkit-transition: all 0.15s ease-in-out 0s;
   -moz-transition: all 0.15s ease-in-out 0s;
   -ms-transition: all 0.15s ease-in-out 0s;
   -o-transition: all 0.15s ease-in-out 0s;
   transition: all 0.15s ease-in-out 0s;
   /*fix flickering in firefox*/
   backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
}



/*==================================================
=                  Media Queries                   =
====================================================*/
/*Big screens*/
@media only screen and (min-width: 1300px){
   .hero-column{
		height: 390px;
   }    
}

/* Tablet, ipad portrait 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
   .hero-column{
		height: 350px;
   }
}

/* Tablet, ipad landscape 1024px */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
   .hero-column{
		height: 350px;
   }
}

/* Mobile portrait ancho 300px */
@media only screen and (max-width: 767px) {
   .hero-column{
		height: 220px;
   } 
   
   /*Parallax - forzar en moviles a no ser parallax sino mostrarse como cover de fondo*/
   .parallax-js{
      background-position: center !important; 
      background-repeat: none !important; 
      background-size: cover !important;
   }
   /*Big title & Big paragraph*/
   .big-h{
      font-size: 36px;
   }
   .big-p{
      font-size: 14px;
   }
}

/* Mobile landscape ancho 420px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
   .hero-column{
		height: 220px;
   } 
}