// Parallax
.wpb_row {
	&.ish-parallax-static {
		background-position: top center;
		background-attachment: fixed;
		background-size: cover;
		overflow: hidden;
	}

	&.ish-parallax-dynamic {
		background-position: 50% 0;
		background-attachment: fixed;
		overflow: hidden;
	}

}

// iPad background-position fix
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

	.wpb_row {
		&.ish-parallax-static {
			background-attachment: scroll;
		}

		&.ish-parallax-dynamic {
			background-attachment: scroll;
			background-position: 50% 0 !important;
		}

	}
}

// iPhone background-position fix
@media only screen and (max-device-width: 480px) {
	.wpb_row {
		&.ish-parallax-static {
			background-attachment: scroll;
		}

		&.ish-parallax-dynamic {
			background-attachment: scroll;
			background-position: 50% 0 !important;
		}

	}
}


// Row decorations - bg & shapes
.ish-row_section {

	// Backgrounds -----------------------------------------------------------------------------------------------------
	&.ish-row-svg-bg-glow {
		background: url('../images/svgs/row-svg-glow.svg') 50% 50% no-repeat;
		background-size: 100% 100%;
		position: relative;
	}

	&.ish-row-svg-bg-diamonds {
		background: url('../images/svgs/row-svg-diamonds.svg') top center no-repeat;
		background-size: cover;
		position: relative;
	}

	&.ish-row-svg-bg-triangles {
		background: url('../images/svgs/row-svg-triangles.svg') top center repeat;
		position: relative;
	}

	&.ish-row-svg-bg-squared {
		background: url('../images/svgs/row-svg-squared.svg') top center repeat;
		position: relative;
	}

	&.ish-row-svg-bg-abstract {
		background: url('../images/svgs/row-svg-abstract.svg') top center no-repeat;
		background-size: cover;
		background-position: center;
		position: relative;
	}

	&.ish-row-svg-bg-stripes {
		background: url('../images/svgs/row-svg-stripes.svg') top center repeat;
		position: relative;
	}


	// Shapes - for all ------------------------------------------------------------------------------------------------
	$height: 49px; // 49 because of FF & IE


	// Common top & bottom
	&[class*="ish-row-svg-top-"], &[class*="ish-row-svg-bottom-"] {
		position: relative;

		.ish-row-decor-top, .ish-row-decor-bottom {
			width: 100%;
			height: $height + 1;
			position: absolute;
			z-index: 98;
		}
	}

	// Top
	&[class*="ish-row-svg-top-"] .ish-row-decor-top { top: -$height; /* +1 because of IE */ }

	// Bottom
	&[class*="ish-row-svg-bottom-"] .ish-row-decor-bottom { bottom: -$height; /* +1 because of IE */ }


	// Shapes - static
	&.ish-row-svg-top-arrow-outside, &.ish-row-svg-bottom-arrow-outside {
		.ish-row-decor-top, .ish-row-decor-bottom {
			svg {
				position: relative;
				left: 50%;
				margin-left: - $height;
			}
		}
	}


	// Shapes - full-width
	&.ish-row-svg-top-arrow-inside,
	&.ish-row-svg-top-clouds-outside, &.ish-row-svg-top-clouds-inside,
	&.ish-row-svg-top-curtain-outside, &.ish-row-svg-top-curtain-inside,
	&.ish-row-svg-top-zigzag,

	&.ish-row-svg-bottom-arrow-inside,
	&.ish-row-svg-bottom-clouds-outside, &.ish-row-svg-bottom-clouds-inside,
	&.ish-row-svg-bottom-curtain-outside, &.ish-row-svg-bottom-curtain-inside,
	&.ish-row-svg-bottom-zigzag {
		$width: 3000px;

		.ish-row-decor-top, .ish-row-decor-bottom {
			overflow: hidden;

			svg {
				position: relative;

				// new fix
				//left: 50%;
				//margin-left: -1500px;
			}
		}
	}

	// Add padding to the next row ( only if it's not full )
	&[class*="ish-row-svg-bottom-"] {
		+ .wpb_row:not([class*="ish-row-full"]), + .wpb_row.ish-row-full-padding {
			padding-top: $height;
		}
	}

	// Add padding to the next row ( only if it's not full )
	&[class^="ish-decor-padding-"], &[class*=" ish-decor-padding-"] {
		&.wpb_row:not([class*="ish-row-full"]), &.wpb_row.ish-row-full-padding {
			padding-bottom: $height;
		}
	}


	// Full height row
	//+ .ish-row-fullheight {
	&.ish-row-full-height {
		min-height: 100vh;
		display: table;
		table-layout: fixed;
		width: 100%;

		.ish-vc_row_inner {
			display: table-cell;
			vertical-align: middle;
			width: 100%;
			//max-width: 1280px;
		}
	}

	&.ish-no-padding-bottom > .ish-vc_row_inner{
		padding-bottom: 0 !important;
	}
}

// VH Fix for Chrome
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.ish-row_section.ish-row-full-height  {
		height: auto; // Set height to auto if using JS VUnit class to handle 100vh on older browsers
	}
}

.wpb_row, .ish-row{

	.ish-row-overlay{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

}


// Video bg
.wpb_row.ish-videobg {
	
	.ish-videobg-layer {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;

		// img backup
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;


		video {
			position: absolute;
			right: 0;
			bottom: 0;
			min-width: 100%;
			min-height: 100%;
			width: auto;
			height: auto;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%,-50%);
			-moz-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
		}
	}
}


// IE HACK - incorrect counting of 100% width, sometimes the width is 1px bigger
@media screen and (min-width:0\0) {
	.wpb_row.ish-videobg .ish-videobg-layer {
		width: calc(100% - 1px);
		left: 1px;
	}

	.wpb_row.ish-videobg .ish-row-overlay,
	.ish-row.ish-videobg .ish-row-overlay {
		width: calc(100% - 1px);
		left: 1px;
	}
}

// SAFARY & CHROME ONLY HACK - incorrect counting of 100% width, sometimes the width is 1px bigger
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	.wpb_row.ish-videobg .ish-videobg-layer {
		width: calc(100% - 1px);
		left: 1px;
	}
}*/