/**
 * Ultimate Media Background CSS Document
 * For: UMBG jQuery Plugin v1.1, v1.2, v1.3, v1.4
 *      http://codecanyon.net/user/theefarmer?ref=theefarmer
 *      http://theefarmer.com
 *
 * Author: TheeFarmer | Alendee Internet Solutions
 * Copyright: (c) 2015 Alendee Internet Solutions
 *
 * Last Change: 2015-12-04 - Add .umbg-body class to help with mediaLink feature.
 *              2015-09-22 - Add FIO class styles (.umbg-fade-in-out).
 *              2015-06-16 - Fix CSS class rule .umbg-player-controls z-index for mobile phone issue.
 *              2015-05-25 - Initial release.
 **/


/*------------------------------------------------------------------------------
    Table of Contents

    1. Import Font-Awesome Styles

    2. Iframe Player & Poster Styles

    3. Overlay Styles
        3.1 Overlay Pattern Styles
        3.2 Background Patterns From TransparentTextures.com

------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------
    1. Import Font-Awesome Styles
------------------------------------------------------------------------------*/
@import "font-awesome/css/font-awesome.min.css";

/* UMBG fa styles override fix */
.umbg-player-controls .fa-pause::before, .umbg-player-controls .fa-play::before, .umbg-player-controls .fa-volume-up::before, .umbg-player-controls .fa-volume-off::before, .umbg-player-controls .fa-file::before, .umbg-player-controls .fa-file-o::before {
	left: 0;
	padding: 0 !important;
	position: relative !important;
}

/*------------------------------------------------------------------------------
    2. Iframe Player & Poster Styles
------------------------------------------------------------------------------*/

#umbg, .umbg {
	max-height: none;
	max-width: none;
	position: fixed;
	z-index: -100;
}

.umbg-mobile-poster {
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	left: 50%;
	min-height: 100% !important;
	min-width: 100% !important;
	max-width: none !important;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -95;
}

.umbg-player-controls {
	border-radius: 3px;
	color: #fff;
	font-size: 1.325rem;
	line-height: 1rem;
	padding: 5px 5px 3px;
	position: fixed;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
	z-index: 9999;

}

/* Control Placement */
.umbg-br {
	bottom: 0.5rem;
	right: 0.5rem;
}

.umbg-bl {
	bottom: 0.5rem;
	left: 0.5rem;
}

.umbg-tr {
	right: 0.5rem;
	top: 0.5rem;
}

.umbg-tl {
	left: 0.5rem;
	top: 0.5rem;
}

/* Control Buttons */
.umbg-volume-button,
.umbg-play-button,
.umbg-page-up-down,
.umbg-fade-in-out {
	/*padding: 3px 5px;*/
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin: 2px;
	/*overflow: hidden;*/
	padding: 0;
	text-align: center;
	width: 19px;
}

.umbg-volume-button:hover,
.umbg-play-button:hover,
.umbg-page-up-down:hover,
.umbg-fade-in-out:hover {
	color: #fff
}

.umbg-volume-button {
	margin-left: 3px;
	text-align: left;
}

/*------------------------------------------------------------------------------
    3. Overlay Styles
------------------------------------------------------------------------------*/

/*  3.1 Overlay Pattern Styles
------------------------------------------------------------------------------*/
.umbg-overlay {
	left: 0;
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	top: 0;
	z-index: -90;
}

.umbg-overlay-link {
	/*display: block;*/
	left: 0;
	min-height: 100%;
	min-width: 100%;
	padding: 100%;
	position: fixed;
	top: 0;
	z-index: -90;
	/*background-color: tan;*/
}

.umbg-body {
	position: relative;
	z-index: -101;
}

.umbg-overlay-transparent {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAADElEQVQImWNgoBMAAABpAAFEI8ARAAAAAElFTkSuQmCC') repeat;
}

.umbg-overlay-square-grid {
	/*background-attachment: fixed;*/
	/*background-color: rgba(0,0,0, 0.4);*/
	background-image: linear-gradient(rgba(95, 95, 95, .125) 2px, transparent 2px), linear-gradient(90deg, rgba(95, 95, 95, .125) 2px, transparent 2px);
	background-repeat: repeat;
	background-size: 8px 8px, 8px 8px;
}

.umbg-overlay-stairs {
	background: linear-gradient(63deg, rgba(153, 153, 153, .125) 23%, transparent 23%) 7px 0, linear-gradient(63deg, transparent 74%, rgba(153, 153, 153, .125) 78%), linear-gradient(63deg, transparent 34%, rgba(153, 153, 153, .125) 38%, rgba(153, 153, 153, .125) 58%, transparent 62%), rgba(0, 0, 0, .5);
	background-size: 16px 48px;
}

.umbg-overlay-pattern1 {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOklEQVQYlWMQE5NoYEAC6HwUMRgDryKiTEIXQJYgaJKYmEQDNtMxAFEK8VqNT4IoH2PIEeNwMTGJBgAC8hJhlT3UDwAAAABJRU5ErkJggg==') repeat;
}

.umbg-overlay-pattern2-a {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQImWNgYGD4z8DAIMUAJaQAD6QBTlGSgDMAAAAASUVORK5CYII=') repeat;
}

.umbg-overlay-pattern2-b {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFUlEQVQImWNgYGCQYmBg+M8AZUgBAAwQAU4HqrzZAAAAAElFTkSuQmCC') repeat;
}

.umbg-overlay-pattern3-a {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQImWNgYGBoYIAAXwYkgCLoiyaIorwBAGheAzViiyauAAAAAElFTkSuQmCC') repeat;
}

.umbg-overlay-pattern3-b {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFklEQVQImWNggABfKN2AwWFA4/hicABoXgM1rh+fsQAAAABJRU5ErkJggg==') repeat;
}

.umbg-overlay-diagonal {
	background-color: transparent;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFUlEQVQImWNgQANiYhINVBdgYGAAAMZDA9UDRfKQAAAAAElFTkSuQmCC');
	background-repeat: repeat;
}

.umbg-overlay-diagonal-dark {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQImWNgYGBoQML/GdA4DQxonAYGNE4DAETRCf2vrYUZAAAAAElFTkSuQmCC') repeat;
}

.umbg-overlay-diagonal-wide {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAF0lEQVQYlWNgIAKIiUk0jCqipyIGBgYAHTwHqSW3/dkAAAAASUVORK5CYII=') repeat;
}

.umbg-overlay-dots1 {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFElEQVQYlWNgGAX0BWJiEg3EqAMAHnQAxcaw+CkAAAAASUVORK5CYII=') repeat;
}

.umbg-overlay-dots2 {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAEklEQVQImWNgoAEQE5NoQBcDAA3zAMWCGPxYAAAAAElFTkSuQmCC') repeat;
}

.umbg-overlay-dots3 {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgQANiYhIN6GLUUAEAdx8CTedFJOUAAAAASUVORK5CYII=') repeat;
}

.umbg-overlay-dots4 {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC') repeat;
}

.umbg-overlay-dots4-dark {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQImWNgYGD4z8DAkIaEUTgoAv+xqgAAAukHkzUbEEgAAAAASUVORK5CYII=') repeat;
}

.umbg-overlay-dots5 {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQImWNgYGD4z8DAIMUAJaQAD6QBTlGSgDMAAAAASUVORK5CYII=') repeat;
}

.umbg-overlay-dots6 {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQImWNgYGBIY4AAKQYkgCIohSaIojwNAEFEAgGQSO2+AAAAAElFTkSuQmCC') repeat;
}

.umbg-overlay-lines {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAQElEQVQYlW2OwQ0AMAgCbw7XcMFubj81RVpeGgIcQHK1gJC/+shjtkLNTmpTaZMm05IB76YzfTedaW46k28Opg1VYQ5hW3JdzwAAAABJRU5ErkJggg==') repeat;
}

/*  3.2 Background Patterns From TransparentTextures.com & SubtlePatterns.com
------------------------------------------------------------------------------*/
.umbg-overlay-3px-tile {
	background: url('../images/overlays/3px-tile.png') repeat;
}

.umbg-overlay-light-sketch {
	background: url('../images/overlays/light-sketch.png') repeat;
}

.umbg-overlay-light-wool {
	background: url('../images/overlays/light-wool.png') repeat;
}

.umbg-overlay-small-diamond {
	background: url('../images/overlays/small-diamond.png') repeat;
}

.umbg-overlay-textured-stripes {
	background: url('../images/overlays/textured-stripes.png') repeat;
}

.umbg-overlay-wave-grid {
	background: url('../images/overlays/wave-grid.png') repeat;
}

.umbg-overlay-wavecut {
	background: url('../images/overlays/wavecut.png') repeat;
}

.umbg-overlay-white-diamond {
	background: url('../images/overlays/white-diamond.png') repeat;
}

.umbg-overlay-wine-cork {
	background: url('../images/overlays/wine-cork.png') repeat;
}

.umbg-overlay-wood-pattern {
	background: url('../images/overlays/wood-pattern.png') repeat;
}

.umbg-overlay-xv {
	background: url('../images/overlays/xv.png') repeat;
}

.umbg-overlay-inflicted {
	background: url('../images/overlays/inflicted.png') repeat;
}

.umbg-overlay-hexellence {
	background: url('../images/overlays/hexellence.png') repeat;
}

.umbg-overlay-groovepaper {
	background: url('../images/overlays/groovepaper.png') repeat;
}

.umbg-overlay-grunge-wall {
	background: url('../images/overlays/grunge-wall.png') repeat;
}

.umbg-overlay-grid-noise {
	background: url('../images/overlays/grid-noise.png') repeat;
}

.umbg-overlay-grid {
	background: url('../images/overlays/grid.png') repeat;
}

.umbg-overlay-grey-jean {
	background: url('../images/overlays/grey-jean.png') repeat;
}

.umbg-overlay-green-fibers {
	background: url('../images/overlays/green-fibers.png') repeat;
}

.umbg-overlay-green-dust-and-scratches {
	background: url('../images/overlays/green-dust-and-scratches.png') repeat;
}

.umbg-overlay-french-stucco {
	background: url('../images/overlays/french-stucco.png') repeat;
}

.umbg-overlay-first-aid-kit {
	background: url('../images/overlays/first-aid-kit.png') repeat;
}

.umbg-overlay-graphy-dark {
	background: url('../images/overlays/graphy-dark.png') repeat;
}

.umbg-overlay-dotnoise-light-grey {
	background: url('../images/overlays/dotnoise-light-grey.png') repeat;
}

.umbg-overlay-fabric-of-squares {
	background: url('../images/overlays/fabric-of-squares.png') repeat;
}

.umbg-overlay-subtle-grey {
	background: url('../images/overlays/subtle-grey.png') repeat;
}