@charset "utf-8";
/* 

	Glendale Designs Custom Customily Integration for #BossShotShells.
    Ticket: 33314224
	GDJM

*/


/* Top of Attributes Area */
#customily_toggle_container {
	color:#333;
}

#customily_thumbnails {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
#customily_thumbnails img {
    margin: 10px 5px;
	max-width: 280px;
	height: auto;
}


/* The Modal */
.customily_modal_bg {
	display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.customily_modal_bg.show {
	display: block;
}

.customily_modal_wrap {
    top: 0;
    left: -3000px;
    width: 600px;
    height: 100%;
    z-index: 3043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
	overflow: hidden auto;
}
.customily_modal_wrap.show {
    left: 0;
    width: 100%;
}

.customily_modal_container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customily_modal_container::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.customily_modal_container .customily_modal_content {
	line-height: 0;
	width: 100%;
	max-width: 100%;
	cursor: auto;
    /*position: relative;*/
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.customily_modal_scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 75%;
}

.mfp-iframe-scaler .customily_modal_iframe {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 90%;
    height: 90%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
    text-align: center; 
    margin: auto !important;
}

.customily_modal_content .mfp-close {
	display: block;
	position: absolute;
	float: right;
	margin: 0;
	padding: 0;
	right: 1rem;
	top: 1rem;
	cursor: pointer;
	z-index: 99;
	width: 40px;
	height: 40px;
	font-size: 16px;
	font-family: "Pragati Narrow", Arial, sans-serif;
	color: red;
	border:2px solid #ec823c; 
	border-radius: 50%;
	background: white;
}
.customily_modal_content .mfp-close:hover {
	border:2px solid red; 
}


/* too many scroll bars */
html.noscroll, 
body.noscroll,
.noscroll .customily_modal_wrap {
	overflow-x: hidden;
	overflow-y: hidden;
}