/**
 * IGG general Visual Composer styles
 *
 * @since 1.0.0
 *
 * @package IGG Visual Composer Add Ons
 */

/* Rows & Columns
--------------------------------------------- */
.entry-content > .wpb_row,
.page-banner + .site-inner .entry-content > .wpb_row:not(.has-bg-image) {
	margin-bottom: 0;
	padding: 35px 0;
}

/* Don't pad top of first row after entry-title */
.entry-header + .entry-content > .wpb_row:first-child:not(.has-bg-image) {
	padding-top: 0;
}

/* Don't pad rows/columns containing only a Hero Banner */
.wpb_row.hero-row {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.hero-row .wpb_column {
	margin-bottom: 0 !important;
}

.entry-content > .wpb_row > .wpb_column,
.entry-content > .wpb_row > .wpb_column .wpb_row > .wpb_column  {
	margin-bottom: 3em;
}

.entry-content > .wpb_row > .wpb_column:last-child,
.entry-content > .wpb_row > .wpb_column .wpb_row > .wpb_column:last-child {
	margin-bottom: 0;
}

/**
 * Fix for VC inserting empty .vc_row-full-width div's after every row
 */
.wpb_row + .vc_row-full-width:last-child:empty {
	margin-top: -35px;
}

.vc_col-sm-3 {
	font-size: 16px;
}

.vc_col-sm-3 img {
	max-width: 145px;
}

.vc_col-sm-4 {
	font-size: 18px;
}

.vc_col-sm-3 h3 {
	margin-bottom: 0.5em;
}

.vc_col-sm-8 {
	font-size: 18px;
}

.wpb_row.align-center {
	text-align: center;
}

.wpb_row.narrow .vc_col-sm-12 {
	padding-right: 10%;
	padding-left: 10%;
}


/* Full Width Rows
--------------------------------------------- */
.full-width,
.has-bg-image {
	zoom: 1;
	background-size: cover;
	background-position: 50% 50%;
}

.entry-content .full-width.has-bg-image {
	padding-top: 6%;
	padding-bottom: 6%;
}


/* Full Width Rows
--------------------------------------------- */
.bg-parallax-parent {
	color: #fff;
}

.parallax[data-direction="none"] + .vc_row .parallax-inner {
	-webkit-transform: none !important;
	   -moz-transform: none !important;
	    -ms-transform: none !important;
	     -o-transform: none !important;
	        transform: none !important;
}


/* Colors
--------------------------------------------- */
.dark-text,
.dark-text h1,
.dark-text h2,
.dark-text h3,
.dark-text h4,
.dark-text h5,
.dark-text h6 {
	color: #2A2A2A;
}

.light-text,
.light-text h1,
.light-text h2,
.light-text h3,
.light-text h4,
.light-text h5,
.light-text h6,
.light-text .sailthru-form .sailthru-widget-label {
	color: #fff;
}

.medium-text,
.medium-text h1,
.medium-text h2,
.medium-text h3,
.medium-text h4,
.medium-text h5,
.medium-text h6 {
	color: #a8a8a8;
}


/* Resources
--------------------------------------------- */
.resources {
	font-family: 'Benton Sans Medium', sans-serif;
	font-size: 16px;
}

.resources h2,
.resources h3 {
	font-family: 'Benton Sans Medium', sans-serif;
	color: #6a6a6a;
}

.resources p {
	margin-bottom: 1em;
}


/* Stats
--------------------------------------------- */
.stats {
	font-size: 24px;
}

.stats h3 {
	font-family: 'Benton Sans Medium', sans-serif;
	font-size: 22px;
	font-weight: bold !important;
}


/* Media Queries
--------------------------------------------- */

@media (min-width: 480px) {

	.vc_col-sm-3 {
		float: left;
		width: 50%;
	}

}

@media (min-width: 600px) {

	.entry-content > .wpb_row,
	.page-banner + .site-inner .entry-content > .wpb_row:not(.has-bg-image) {
		margin-bottom: 0;
		padding: 55px 0;
	}

}

@media (min-width: 768px) {

	body .wpb_column > .wpb_wrapper .wpb_column,
	.entry-content > .wpb_row > .wpb_column,
	.entry-content > .wpb_row > .wpb_column .wpb_row > .wpb_column {
		margin-bottom: 0;
	}

	.vc_col-sm-3 {
		width: 25%;
	}

	.pull-up {
		position: relative;
		z-index: 99;
		margin-top: -105px;
		margin-bottom: 8px !important;
		padding: 30px 35px !important;
		background-color: #fff;
		box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.14)
	}

	.border-separator > .wpb_column {
		padding: 30px 50px;
		border-right: 1px solid #ddd;
	}

	.border-separator > .wpb_column:first-child {
		padding-left: 15px;
	}

	.border-separator > .wpb_column:last-child {
		padding-right: 15px;
		border-right: none;
	}

	/* Extra Padding */
	.extra-padding .wpb_column {
		padding-right: 2% !important;
		padding-left: 2% !important;
	}

	.extra-padding .vc_col-sm-6 {
		padding-right: 9% !important;
		padding-left: 9% !important;
	}

	.extra-padding .vc_col-sm-4,
	.extra-padding .vc_col-sm-3 {
		padding-right: 4% !important;
		padding-left: 4% !important;
	}


}

@media (max-width: 1090px) {

	.full-width:not(.hero-banner) {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.has-bg-image {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}

}
