/* 
	Theme Name: Zenato
	Theme URI: http://3deepmedia.com/themes/zenato
	Author: 3deep
	Author URI:  http://3deepmedia.com
	Description:  Zenato-moved
	Version: 0.1 Alpha
	Tags: zenato, Zenato, 3deep, responsive, featured-images, custom-menu, custom-header, post-formats
*/




/* //////////////////////////////// CUSTOM STYLES //////////////////////////////// */ 

/* General */

hr { height: 1px; margin: 10px 0; padding: 0; border: 0; border-top: 1px solid #CCC; width: 90%; }

/* Call to Action Buttons */

.button { 
	padding: 15px 20px; margin: 10px 0; display: block; text-align: center; text-decoration: none !important; 
	background-color: #0083A0; color: #FFF !important; 
	font-size: 1em; text-transform: uppercase; font-weight: 400; 
	border: none; border-radius: 0; -webkit-border-radius: 0;
	-webkit-transition: all .3s ease-in; transition: all .3s ease-in; 
}
.button:hover { background-color: #336699; color: #FFF; text-decoration: none; }

.button.thin { max-width: 250px; float: left; } 

.button.simple { background: #EEE; color: #666 !important; font-weight: 400; border: 1px solid #CCC; }
.button.simple:hover { background: #CCC; }

/* Banner Titles */

.full-width.banner-title { width: 100%; position: absolute; z-index: 1000; background: transparent; margin-top: -80px; }
.full-width.banner-title section { background: transparent; }
.full-width.banner-title section h1 { color: #FFF !important; padding: 5px 20px; margin: 0; border-left: 4px solid #FFF; font-weight: 300; }
.full-width.banner-title section h1 a { text-decoration: none; color: #FFF !important; }

.vc_pagination { margin-bottom: 0 !important; }

/* Vimeography Overides */

.vimeography-thumbnails { padding: 0; }

.vimeography-bugsauce .vimeography-thumbnails .vimeography-slides li {
    width: 186px;
    height: 108px;
    margin: 0 8px 0 0;
    position: static;
    display: block !important;
    float: left !important;
}

/* Grid Builder Boxes */



.box-image { position: relative; z-index: 1; }
vc_gitem-animated-block { margin-bottom: -10px !important; }

.box-title { color: #FFF; display: block; padding: 0; top: 0; margin: 0; margin-bottom: 0 !important;}
.box-title h4 { padding: 0; margin: 0; display: block; font-weight: 400; }
.box-title h4 a { padding: 20px; display: block; background: #333; color: #FFF !important; opacity: 1 !important; -webkit-opacity: 1 !important; }
.box-title h4 a:hover { background: #000; color: #FFF; opacity: 1; }

div.box-content { padding: 0 !important; margin: 0 !important; }
/*.box { padding: 0; margin: 0;  }*/

.box-content p { padding: 20px; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////// START OF RESPONSIVE STYLES /////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */




@media screen and (orientation: landscape) and (max-width: 768px) {



}

@media screen and (orientation: portrait) {

}



/* ////////////////////////////////  bigger than mobile version //////////////////////////////// */

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


	
}

/* //////////////////////////////// ipad mini or galaxy note version //////////////////////////////// */  

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

	.full-width.banner-title { margin-top: -100px; }

}

/* //////////////////////////////// big ipad version //////////////////////////////// */

@media screen and (min-width: 768px) {

	.full-width.banner-title { margin-top: -150px; }

}

/* //////////////////////////////// full wide version //////////////////////////////// */ 

@media screen and (min-width: 960px) {

	.full-width.banner-title { margin-top: -200px; }

}

/* //////////////////////////////// very wide version //////////////////////////////// */ 

@media screen and (min-width: 1500px) {


}

/* //////////////////////////////// extra wide version //////////////////////////////// */ 

@media screen and (min-width: 1750px) {




}

/* //////////////////////////////// extra extra wide version //////////////////////////////// */ 

@media screen and (min-width: 2000px) {




}