/* @override 
	http://scouting.aws.coh.arizona.edu/themes/coh_dept/css/coh_layout_builder/popup_video_button.css?* */

/*
-----------------------------
   Popup Video Button
----------------------------- 
*/

/* @group Basic Default */

/* popup button link */
.videoPopup .videoButton a {
	display: inline-block;
	padding: 10px 15px;
	background: #ab0520; /* red default */
	color: #fff;
	text-decoration: none;
	font-size: .9em;
}

/* popup button play icon */
.videoPopup .videoButton i {
	font-size: 1.1em!important;
	position: relative;
	right: -5px;
	top: 1px;
}

/* dark page behind */
.videoButton .selected:before {
	content: " ";
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .7)!important;
	top: 0;
	right: 0;
	z-index: 1;
}

.videoButton .selected:hover {
	opacity: 1!important;
}

/*.videoPopup a.selected {
	color: white;
	z-index: 100;
}*/

/* video popup */
.videoPopup .popup {
	background-color: #fff;
	cursor: default;
	display: none;
	margin-top: 0px;
	text-align: left;
	width: 65%;
	border-radius: 0px;
	position: fixed; /* change to absolute if a window height problem */
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 50;
	padding: 0px;
	-moz-box-shadow: 0 0 25px #000;
	box-shadow: 0 0 100px #000;
}

/* close X */
.videoPopup a.close {
	font-size: 1em!important;
	position: absolute;
	color: #fff;
	opacity: 1;
	margin-top: 5px;
	right: 0px;
	z-index: 5;
	text-decoration: none;
	font-size: .6em;
	box-shadow: none;
	opacity: .6;
}

.videoPopup a.close i {
	position: relative;
}

.videoPopup a.close:hover {
	opacity: 1!important;
}
   
/* @end */

/* @group Layout Block Styles */

.coh-button-align.right .videoButton {
	text-align: right;
}

.coh-button-align.center .videoButton {
	text-align: center;
}

/*.coh-align-center .videoButton {
	text-align: center;
}

.coh-align-right .videoButton {
	text-align: right;
}

.coh-blue-button .videoButton a {
	background: #0c234b;
}

.coh-sky-button .videoButton a {
	background: #81D3EB;
	color: #0c234b;
}

.coh-plain-link .videoButton a {
	background: none;
	color: #ab0520;
	padding: 0;
}

.coh-uppercase .videoButton a {
	text-transform: uppercase;
}*/


/* @end */

/* @group Responsive */

@media only screen and (max-width:1024px) {
	.videoPopup .popup {
		width: 85%;
	}
}

@media only screen and (max-width:768px) {
	.videoPopup .popup {
		width: 100%;
	}
	
	.videoButton a {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}
}

/* @end */