/* 
	Theme Name: AndyTorbet
	Theme URI: http://3deepmedia.com/themes/zenato
	Author: 3deep
	Author URI:  http://3deepmedia.com
	Description:  Andy Torbet
	Version: 0.1 Alpha
	Tags: andy, torbet, 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 #21677b; font-weight: 200; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.58); }
.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: url(img/ui/pattern.png); background-color: #333; color: #FFF !important; opacity: 1 !important; -webkit-opacity: 1 !important;  }
.box-title h4 a:hover { background: rgba(0,0,0,0.8); color: #4BC2F1 !important; opacity: 1; }

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

.vc_grid-item:hover .box-title h4 a { background: #000 !important; color: #4BC2F1 !important; opacity: 1 !important; }

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



/* Slanted Divide below slideshow */

.vc_row.slant {
	width: 100%; max-width: 100% !important; height: 100px; 
	margin-top: -100px !important;
	position: absolute; z-index: 1000; display: block;
	background: url(img/bkg/divide-dark.svg) no-repeat right bottom; background-size: 100%;
	border-bottom: 5px solid #222;
}
div.slant {
	width: 100%; max-width: 100% !important; height: 100px; 
	margin-top: -100px !important;
	position: absolute; z-index: 1000; display: block;
	background: url(img/bkg/divide-dark.svg) no-repeat right bottom; background-size: 100%;
	border-bottom: 5px solid #222;
}

/*.content-wrap .vc_section.white .vc_row .vc_column_container .vc_column-inner { padding-top: 40px !important; } */

div.wpb_text_column.wpb_content_element.stats { display: block; overflow: hidden; background: #f6f6f6; margin-bottom: 20px !important; }

.stats ul { list-style: none; padding: 0; margin: 0; background: #333; }
.stats ul li { list-style: none; padding: 10px 0 10px 50px; margin: 0; border-bottom: 5px solid #222; }

.stats ul li:nth-child(1)  { background: url(img/icons/icon-location.svg) no-repeat left 10px center; background-size: 30px; }
.stats ul li:nth-child(2) { background: url(img/icons/icon-calendar.svg) no-repeat left 10px center; background-size: 30px; }
.stats ul li:nth-child(3) { background: url(img/icons/icon-tag2.png) no-repeat left 10px center; background-size: 25px; }

div.wpb_text_column.wpb_content_element.map { 
	display: block; overflow: hidden; background: #f6f6f6; margin-bottom: 20px !important; 
	width: 100%; height: 300px;
}

/* Tabs */

.vc_tta-tab > a { border: 0 !important; }

.vc_tta-tab.vc_active a { 
	background: #FFF !important; 
	color: #4BC2F1 !important;
	border: 0 !important; 
	border-top: 2px solid #4BC2F1 !important;
	border-bottom: 1px solid #FFF !important;
}
.vc_tta-tab.vc_active > a::after { border: 0 !important; }
.vc_tta-tab.vc_active > a::before { border: 0 !important; }

.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { background: #FFF !important; }

/* Payapl Buttons */

.pp-btn-col { width: 50%; float: left; display: inline-block; }
.pp-btn { width: 160px; float: left; display: inline-block; }
.pp-btn input { margin: 0 !important; padding: 0 !important; }

/* Ninja Forms */

.nf-form-cont { padding: 20px 0; width: 90%; }

.nf-form-cont .submit { background: #336699; color: #FFF; margin-top: 20px; }

.nf-form-fields-required { padding: 20px 0; color: #666; }

.g-recaptcha { padding: 20px 0; }

.nf-response-msg { padding: 20px;  background: #336699; }
.nf-response-msg p { color: #FFF; }


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////// 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) {



}

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

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


}

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

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



}

/* //////////////////////////////// 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) {




}