/* =================================================================
   CSS Custom Properties
   ================================================================= */

:root {
	--blue: #2955A6;
	--blue-hover: #456CB3;
	
	--purple: #28015c;
	--purple-hover: #1C0042;
	
	--pink: #EB2BEB;
	--pink-hover: #C600C6;
	
	--red: #cc0000;
	--red-hover: #7D0000;
	
	--orange: #F98129;
	--orange-hover: #FF9B51;
	
	--yellow: #FFA200;
	--yellow-hover: #FFC764;
	
	--green: #138B00;
	--green-hover: #1DB106;
	
	--teal: #2BDEFF;
	--teal-hover: #00D0F7;
	
	--dark: #000000;
	--dark-10: rgba(0,0,0,.1);
	--dark-15: rgba(0,0,0,.15);
	--dark-25: rgba(0,0,0,.25);
	--dark-50: rgba(0,0,0,.5);
	--dark-75: rgba(0,0,0,.75);
	--dark-85: rgba(0,0,0,.85);
	
	--body: #FFFFFF;
	--text-body: #2D2D2D;
	
	--white: #FFFFFF;
	--white-10: rgba(255,255,255,.1);
	--white-15: rgba(255,255,255,.15);
	--white-25: rgba(255,255,255,.25);
	--white-50: rgba(255,255,255,.5);
	--white-85: rgba(255,255,255,.85);
	--white-90: rgba(255,255,255,.9);
	
	--gray: #8A8989;
	--gray-10: rgba(138,137,137,.1);
	--gray-15: rgba(138,137,137,.15);
	--gray-25: rgba(138,137,137,.25);
	--gray-50: rgba(138,137,137,.5);
	--gray-light: #D9DADC;
	--gray-light-10: rgba(217,218,220,.1);
	--gray-light-25: rgba(217,218,220,.25);
	--gray-light-50: rgba(217,218,220,.5);
	
	
	/*Main Colors*/
	/*Accent*/
	--accent: #E40090;
	--accent-25: rgba(228,0,143,.25);
	--accent-50: rgba(228,0,143,.5);
	--accent-75: rgba(228,0,143,.75);
	--accent-80: rgba(228,0,143,.80);
	--accent-hover: #EA5AB4;
	--accent-hover-25: rgba(234,90,180,.25);
	--accent-hover-50: rgba(234,90,180,.5);
	
	/*Primary*/
	--primary: #545454;
	--primary-25: rgba(84,84,84,.25);
	--primary-50: rgba(84,84,84,.5);
	/*--primary-hover: #C01051;
	--primary-hover-25: rgba(192,16,81,.25);
	--primary-hover-50: rgba(192,16,81,.5);*/
	
	/*Secondary*/
	--secondary: #8A8989;
	--secondary-25: rgba(138,137,137,.25);
	--secondary-50: rgba(138,137,137,.5);
	
	
	/*Support Colors*/
	/*Success*/
	--success: #138B00;
	--success-25: rgba(19,139,0,.25);
	--success-50: rgba(19,139,0,.5);
	--success-75: rgba(19,139,0,.75);
	--success-hover: #1DB106;
	--success-hover-25: rgba(29,177,65,.25);
	--success-hover-50: rgba(29,177,65,.5);
	--success-hover-75: rgba(29,177,65,.75);
	
	/*Info*/
	--info: #2955A6;
	--info-25: rgba(41,85,166,.25);
	--info-50: rgba(41,85,166,.5);
	--info-75: rgba(41,85,166,.75);
	--info-hover: #456CB3;
	--info-hover-25: rgba(69,108,179,.25);
	--info-hover-50: rgba(69,108,179,.5);
	--info-hover-75: rgba(69,108,179,.75);
	
	/*Warning*/
	--warning: #F98129;
	--warning-25: rgba(249,129,41,.25);
	--warning-50: rgba(249,129,41,.5);
	--warning-75: rgba(249,129,41,.75);
	--warning-hover: #FF9B51;
	--warning-hover-25: rgba(255,155,81,.25);
	--warning-hover-50: rgba(255,155,81,.5);
	--warning-hover-75: rgba(255,155,81,.75);
	
	/*Danger*/
	--danger: #F32837;
	--danger-25: rgba(243,40,55,.25);
	--danger-50: rgba(243,40,55,.5);
	--danger-75: rgba(243,40,55,.75);
	--danger-hover: #F9505C;
	--danger-hover-25: rgba(249,80,92,.25);
	--danger-hover-50: rgba(249,80,92,.5);
	--danger-hover-75: rgba(249,80,92,.75);

	/*Buttons*/
	--btn-background: ;
	--btn-boxshadow: 0 0 0 .2em;
	--btn-padding: 12px 16px;
	
	--btn-hover-boxshadow: ;
	
	/*Borders*/
	--border-radius: 0;
	--border-width: 1px;
	--border-width-focus: inset 0px 0px 0px 1px;
	--border-style: solid;

	/*Site Content Padding*/
	--site-content-padding-top: 0;
	
	/*Fonts*/
	--font-family-header: 'Assistant', sans-serif;
	--font-family-copy: 'Assistant', sans-serif;

	/*Email Generator Styling*/
	--email-background: #EEEEEE;
	--email-body-background: #FFFFFF;
	--email-text-body: #2D2D2D;
	--email-logo-background-color: #E40090;
	--email-footer-background: #2D2D2D;
	--email-text-footer: #FFFFFF;
	--email-footer-link: #E40090;
	--email-accent: #E40090;
	--email-text-button: #FFFFFF;
	--email-special-message-text: #FFFFFF;
	--email-dark: #545454;
	--email-border-radius: 0;
}

	@media (max-width:991px){
		:root {
			--site-content-padding-top: 0;
		}
	}

/* ==========================================================================
   Basic Site Setup
   ========================================================================== */
/*HTML*/
html {
	color: #2D2D2D;
	color: var(--text-body);
	background-color: #FFFFFF;
	background-color: var(--body);
}

/*Body*/
body{
	color: #2D2D2D;
	color: var(--text-body);
	background-color: #FFFFFF;
	background-color: var(--body);
	font-family: 'Assistant', sans-serif;
	font-weight: 400;
	text-transform: lowercase;
}

/*Site Content*/
.site-content{
     padding: 2em 0;
}

/*Hr*/
hr {
	border-top: 1px solid #8A8989;
	border-top: var(--border-width) var(--border-style) var(--gray);
}

/*Links*/
a{
	color: #000000;
	color: var(--dark);
}
	a:hover{
		color: #E40090;
		color: var(--accent);
		text-decoration: none;
	}

.help-home a {
	color: #E40090;
	color: var(--accent);
}
	.help-home a:hover {
		color: #EA5AB4;
		color: var(--accent-hover);
	}

/*Footer*/
footer{
	position: relative;
	padding: 3em 0 4em 0;
	background-color: #FFFFFF;
	background-color: var(--white);
	color: #2D2D2D;
	color: var(--text-body);
}
	footer a, footer h4 {
		color: #2D2D2D;
		color: var(--text-body);
	}
		footer a:not(.btn):hover {
			color: #545454;
			color: var(--primary);
		}

.footer-fine-print {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}


/* ==========================================================================
   Fonts & Typography
   ========================================================================== */


/* ==========================================================================
   Navigation
   ========================================================================== */
.nav-beacon {
	padding: .25em .938em;
	background-color: #FFFFFF;
	background-color: var(--body);
	color: #2D2D2D;
	color: var(--text-body);
	font-size: .8em;
}
	.nav-beacon .membership-link {
		box-shadow: none;
	}
nav.navbar {
	padding: .5em 1em;
	background-color: #FFFFFF;
	background-color: var(--white);
	font-weight: 200;
	text-transform: lowercase;
	font-size: 1.20em;
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
	z-index: 10;
}
.navbar-logo img {
	width: 170px;
}
@media (min-width: 576px) {
	.navbar-logo img {
		width: 300px;
	}
}
nav .nav-link{
	color: #2D2D2D;
	color: var(--text-body); 
}
	nav .nav-link:not(.form-control):hover:not(.btn-success):hover{
		color: #E40090;
		color: var(--accent); 
	}

/*2-Up Display for toggle menu.*/
@media (max-width: 1200px){
	.navbar-nav {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.navbar .nav-link {
		font-size: 1em;
		width: 50%;
	}
	.form-inline {
		flex-grow: 1;
		width: 100%;
	}
	.form-inline .input-group {
		width: 100%;
	}
}

/*Refine menu at small screen.*/
@media (max-width: 991px) {
	.offcanvas-collapse {
		background-color: #FFFFFF;
		background-color: var(--body);
	}
}

/* ==========================================================================
   Search
   ========================================================================== */
.site-search{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	z-index: 20;
	overflow: hidden;
	transform: translate(-50%, -50%);
}
	.site-search .search-bg{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(0,0,0,.85);
		background: var(--dark-85);
	}
		.site-search .search-container{
			position: relative;
			width: 100%;
			top: 25%;
			left: 50%;
			text-align: center;
			z-index: 15;
			transform: translate(-50%, -25%);
		}
		.site-search .search-container:before{
			display: inline-block;
			content: '';
			width: 0;
			height: 100%;
			vertical-align: middle;
		}
			.site-search .search-container fieldset{
				display: inline-block;
				vertical-align: middle;
			}
				.site-search .search-container fieldset{
					width: 60%;
				}
				#site-search input[type="text"]{
					font-size: 3rem;
					border: 1px solid #545454;
					border: var(--border-width) var(--border-style) var(--primary);
				}
		
		.site-search .search-input:focus{color:#E40090;}
		
		@media(max-width:48em){
			.site-search .search-container fieldset{
				width:90%;
			}
		}
		
.search_container{
	position:relative;
}

/*Autocomplete styling*/	
.ui-widget {
	font-family: 'Assistant', sans-serif !important;
	font-weight: 400;
	text-transform: lowercase;
	font-size: 1.25em !important;
}
.ui-widget-content {
	border: 1px solid #D9DADC !important;
	border: var(-border-width) var(--border-style) var(--gray-light) !important;
	background: #FFFFFF !important;
	background: var(--white) !important;
	color: #2D2D2D !important;
	color: var(--text-body) !important;
	text-align: left;
}
.ui-menu .ui-menu-item {
	padding: 10px 16px !important;
}
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus {
	border:1px solid #E40090 !important;
	border: var(-border-width) var(--border-style) var(--accent) !important;
	box-shadow: inset 0px 0px 0px 1px #E40090;
	box-shadow: var(--border-width-focus) var(--accent);
	background: #FFFFFF !important;
	background: var(--white) !important;
	color: #E40090 !important;
	color: var(--accent) !important;
}

/* ==========================================================================
   Button Styling
   ========================================================================== */
.navbar-toggler {
	font-size: 1rem;
}

.btn{
	padding: 12px 16px;
	padding: var(--btn-padding);
	color: #545454;
	color: var(--primary);
	background: transparent;
	border-color: #545454;
	border-color: var(--primary);
	border-radius: 0;
	border-radius: var(--border-radius);
	border: 1px solid #545454;
	border: var(--border-width) var(--border-style) var(--primary);
	text-transform: lowercase;
	transition: all .3s ease;
}
	.btn:hover,
	.btn:active, .btn.active {
		color: #FFFFFF;
		color: var(--white);
		background-color: #E40090;
		background-color: var(--accent);
		border: 1px solid #E40090;
		border: var(--border-width) var(--border-style) var(--accent);
		box-shadow: inset 0px 0px 0px 1px #E40090;
		box-shadow: var(--border-width-focus) var(--accent);
	}
	.btn:active:hover, .btn.active:hover,
	.btn:active:focus, .btn.active:focus{
		outline: 0;
	}
	.btn.focus, .btn:focus {
		outline: 0;
	}
	.btn.disabled, .btn:disabled {
		opacity: .35;
	}
	
/*Button Link*/
.btn-link {
	color: #545454;
	color: var(--primary);
	background-color: transparent;
	box-shadow: none;
	border: 0 solid transparent;
}
	.btn-link:hover,
	.btn-link:active, .btn-link.active{
		background-color: transparent;
		border-color: transparent;
		box-shadow: none;
		color: #E40090;
		color: var(--accent);
		border: 0 solid transparent;
	}
	.btn-link:active:hover, .btn-link.active:hover,
	.btn-link:active:focus, .btn-link.active:focus{
		background-color: transparent;
	}
	.btn-link.focus, .btn-link:focus {
		outline: 0;
		box-shadow: none;
	}
	.btn-link.disabled, .btn-link:disabled {
		background-color: transparent;
		opacity: .65;
	}

/*Primary*/
.btn-primary,
.btn-primary.disabled, .btn-primary:disabled{
	color: #FFFFFF;
	color: var(--white);
	background: #545454;
	background: var(--primary);
	border-color: #545454;
	border-color: var(--primary);
}

	/*Hover & Active*/
	.btn-primary:hover,
	.btn-primary:not(:disabled):not(.disabled).active,
	.btn-primary:not(:disabled):not(.disabled):active,
	.show>.btn-primary.dropdown-toggle{
		color: #FFFFFF;
		color: var(--white);
		background-color: #E40090;
		background-color: var(--accent);
		border-color: #E40090;
		border-color: var(--accent);
	}
		
	/*Focus*/
	.btn-primary.focus, .btn-primary:focus{
		box-shadow: 0 0 0 .2em rgba(228,0,143,.25);
		box-shadow: var(--btn-boxshadow) var(--accent-25);
	}
	.btn-primary:not(:disabled):not(.disabled).active:focus, 
	.btn-primary:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-primary.dropdown-toggle:focus{
		color: #FFFFFF;
		color: var(--white);
		background-color: #E40090;
		background-color: var(--accent);
		box-shadow: 0 0 0 .2em rgba(228,0,143,.25);
		box-shadow: var(--btn-boxshadow) var(--accent-25);
	}
		.btn-primary:not(:disabled):not(.disabled).active:hover, 
		.btn-primary:not(:disabled):not(.disabled):active:hover, 
		.btn-primary:active:hover, .btn-primary.active:hover,
		.btn-primary:active:focus, .btn-primary.active:focus{
			box-shadow: 0 0 0 .2em rgba(228,0,143,.5);
			box-shadow: var(--btn-boxshadow) var(--accent-50);
		}
	
	/*Disabled*/
	.btn-primary.disabled, .btn-primary:disabled{
		opacity: .65;
	}
	
/*Secondary*/
.btn-secondary,
.btn-secondary.disabled, .btn-secondary:disabled{
	color: #8A8989;
	color: var(--secondary);
	background: transparent;
	border-color: #8A8989;
	border-color: var(--secondary);
}

	/*Hover & Active*/
	.btn-secondary:hover,
	.nav-item.btn-secondary:hover .nav-link,
	.btn-secondary:not(:disabled):not(.disabled).active,
	.btn-secondary:not(:disabled):not(.disabled):active,
	.show>.btn-secondary.dropdown-toggle{
		color: #EA5AB4;
		color: var(--accent-hover);
		background: transparent;
		border-color: #EA5AB4;
		border-color: var(--accent-hover);
		box-shadow: inset 0px 0px 0px 1px #EA5AB4;
		box-shadow: var(--border-width-focus) var(--accent-hover);
	}
		
	/*Focus*/
	.btn-secondary.focus, .btn-secondary:focus{
		box-shadow: 0 0 0 .2em rgba(234,90,180,.25);
		box-shadow: var(--btn-boxshadow) var(--accent-hover-25);
	}
	.btn-secondary:not(:disabled):not(.disabled).active:focus, 
	.btn-secondary:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-secondary.dropdown-toggle:focus{
		background: transparent;
		box-shadow: 0 0 0 .2em rgba(234,90,180,.25);
		box-shadow: var(--btn-boxshadow) var(--accent-hover-25);
	}
		.btn-secondary:not(:disabled):not(.disabled).active:hover, 
		.btn-secondary:not(:disabled):not(.disabled):active:hover, 
		.btn-secondary:active:hover, .btn-secondary.active:hover,
		.btn-secondary:active:focus, .btn-secondary.active:focus{
			box-shadow: 0 0 0 .2em rgba(234,90,180,.5);
			box-shadow: var(--btn-boxshadow) var(--accent-hover-50);
		}
	
	/*Disabled*/
	.btn-secondary.disabled, .btn-secondary:disabled,
	.navbar-toggler.disabled, .navbar-toggler:disabled{
		opacity: .65;
	}
	
	.alpha-sort-container .btn-secondary{
		padding: .375rem .75rem;
	}

.list-group .btn-secondary,
.list-group .btn-secondary:not(:disabled):not(.disabled):active {
	background-color: #FFFFFF;
	background-color: var(--white);
}

/*Success*/
.btn-success,
.nav-item.btn-success,
.btn-success.disabled, .btn-success:disabled{
	color: #FFFFFF;
	color: var(--white);
	background: #138B00;
	background: var(--success);
	border-color: #138B00;
	border-color: var(--success);
}

	/*Hover & Active*/
	.btn-success:hover,
	.nav-item.btn-success:hover,
	.btn-success:not(:disabled):not(.disabled).active,
	.btn-success:not(:disabled):not(.disabled):active,
	.show>.btn-success.dropdown-toggle{
		background-color: #1DB106;
		background-color: var(--success-hover);
		border-color: #1DB106;
		border-color: var(--success-hover);
		box-shadow: inset 0px 0px 0px 1px #1DB106;
		box-shadow: var(--border-width-focus) var(--success-hover);
	}
		
	/*Focus*/
	.btn-success.focus, .btn-success:focus{
		box-shadow: 0 0 0 .2em rgba(6,133,6,.25);
		box-shadow: var(--btn-boxshadow) var(--success-25);
	}
	.btn-success:not(:disabled):not(.disabled).active:focus, 
	.btn-success:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-success.dropdown-toggle:focus{
		background-color: #1DB106;
		background-color: var(--success-hover);
		box-shadow: 0 0 0 .2em rgba(0,71,0,.25);
		box-shadow: var(--btn-boxshadow) var(--success-hover-25);
	}
		.btn-success:not(:disabled):not(.disabled).active:hover, 
		.btn-success:not(:disabled):not(.disabled):active:hover, 
		.btn-success:active:hover, .btn-success.active:hover,
		.btn-success:active:focus, .btn-success.active:focus{
			box-shadow: 0 0 0 .2em rgba(0,71,0,.5);
			box-shadow: var(--btn-boxshadow) var(--success-hover-50);
		}
	
	/*Disabled*/
	.btn-success.disabled, .btn-success:disabled{
		opacity: .65;
	}
	
	
/*Info*/
.btn-info,
.btn-info.disabled, .btn-info:disabled{
	color: #FFFFFF;
	color: var(--white);
	background: #2955A6;
	background: var(--info);
	border-color: #2955A6;
	border-color: var(--info);
}

	/*Hover & Active*/
	.btn-info:hover,
	.btn-info:not(:disabled):not(.disabled).active,
	.btn-info:not(:disabled):not(.disabled):active,
	.show>.btn-info.dropdown-toggle{
		background-color: #456CB3;
		background-color: var(--info-hover);
		border-color: #456CB3;
		border-color: var(--info-hover);
		box-shadow: inset 0px 0px 0px 1px #456CB3;
		box-shadow: var(--border-width-focus) var(--info-hover);
	}
		
	/*Focus*/
	.btn-info.focus, .btn-info:focus{
		box-shadow: 0 0 0 .2em rgba(41,85,166,.25);
		box-shadow: var(--btn-boxshadow) var(--info-25);
	}
	.btn-info:not(:disabled):not(.disabled).active:focus, 
	.btn-info:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-info.dropdown-toggle:focus{
		background-color: #456CB3;
		background-color: var(--info-hover);
		box-shadow: 0 0 0 .2em rgba(69,108,179,.25);
		box-shadow: var(--btn-boxshadow) var(--info-hover-25);
	}
		.btn-info:not(:disabled):not(.disabled).active:hover, 
		.btn-info:not(:disabled):not(.disabled):active:hover, 
		.btn-info:active:hover, .btn-info.active:hover,
		.btn-info:active:focus, .btn-info.active:focus{
			box-shadow: 0 0 0 .2em rgba(69,108,179,.5);
			box-shadow: var(--btn-boxshadow) var(--info-hover-50);
		}
	
	/*Disabled*/
	.btn-info.disabled, .btn-info:disabled{
		opacity: .65;
	}
	
/*Warning*/
.btn-warning,
.btn-warning.disabled, .btn-warning:disabled{
	color: #FFFFFF;
	color: var(--white);
	background: #F98129;
	background: var(--warning);
	border-color: #F98129;
	border-color: var(--warning);
}

	/*Hover & Active*/
	.btn-warning:hover,
	.btn-warning:not(:disabled):not(.disabled).active,
	.btn-warning:not(:disabled):not(.disabled):active,
	.show>.btn-warning.dropdown-toggle{
		background-color: #FF9B51;
		background-color: var(--warning-hover);
		border-color: #FF9B51;
		border-color: var(--warning-hover);
		box-shadow: inset 0px 0px 0px 1px #FF9B51;
		box-shadow: var(--border-width-focus) var(--warning-hover);
	}
		
	/*Focus*/
	.btn-warning.focus, .btn-warning:focus{
		box-shadow: 0 0 0 .2em rgba(249,129,41,.25);
		box-shadow: var(--btn-boxshadow) var(--warning-25);
	}
	.btn-warning:not(:disabled):not(.disabled).active:focus, 
	.btn-warning:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-warning.dropdown-toggle:focus{
		background-color: #FF9B51;
		background-color: var(--warning-hover);
		box-shadow: 0 0 0 .2em rgba(255,155,81,.25);
		box-shadow: var(--btn-boxshadow) var(--warning-hover-25);
	}
		.btn-warning:not(:disabled):not(.disabled).active:hover, 
		.btn-warning:not(:disabled):not(.disabled):active:hover, 
		.btn-warning:active:hover, .btn-warning.active:hover,
		.btn-warning:active:focus, .btn-warning.active:focus{
			box-shadow: 0 0 0 .2em rgba(255,155,81,.5);
			box-shadow: var(--btn-boxshadow) var(--warning-hover-50);
		}
	
	/*Disabled*/
	.btn-warning.disabled, .btn-warning:disabled{
		opacity: .65;
	}
	
/*Danger*/
.btn-danger,
.btn-danger.disabled, .btn-danger:disabled{
	color: #FFFFFF;
	color: var(--white);
	background: #F32837;
	background: var(--danger);
	border-color: #F32837;
	border-color: var(--danger);
}

	/*Hover & Active*/
	.btn-danger:hover,
	.btn-danger:not(:disabled):not(.disabled).active,
	.btn-danger:not(:disabled):not(.disabled):active,
	.show>.btn-danger.dropdown-toggle{
		background-color: #F9505C;
		background-color: var(--danger-hover);
		border-color: #F9505C;
		border-color: var(--danger-hover);
		box-shadow: inset 0px 0px 0px 1px #F9505C;
		box-shadow: var(--border-width-focus) var(--danger-hover);
	}
		
	/*Focus*/
	.btn-danger.focus, .btn-danger:focus{
		box-shadow: 0 0 0 .2em rgba(243,40,55,.25);
		box-shadow: var(--btn-boxshadow) var(--danger-25);
	}
	.btn-danger:not(:disabled):not(.disabled).active:focus, 
	.btn-danger:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-danger.dropdown-toggle:focus{
		background-color: #F9505C;
		background-color: var(--danger-hover);
		box-shadow: 0 0 0 .2em rgba(249,80,92,.25);
		box-shadow: var(--btn-boxshadow) var(--danger-hover-25);
	}
		.btn-danger:not(:disabled):not(.disabled).active:hover, 
		.btn-danger:not(:disabled):not(.disabled):active:hover, 
		.btn-danger:active:hover, .btn-danger.active:hover,
		.btn-danger:active:focus, .btn-danger.active:focus{
			box-shadow: 0 0 0 .2em rgba(249,80,92,.5);
			box-shadow: var(--btn-boxshadow) var(--danger-hover-50);
		}
	
	/*Disabled*/
	.btn-danger.disabled, .btn-danger:disabled{
		opacity: .65;
	}

	
/*Secondary*/
.btn-white,
.btn-white.disabled, .btn-white:disabled{
	color: #FFFFFF;
	color: var(--white);
	background: transparent;
	border-color: #FFFFFF;
	border-color: var(--white);
}

	/*Hover & Active*/
	.btn-white:hover,
	.nav-item.btn-white:hover .nav-link,
	.btn-white:not(:disabled):not(.disabled).active,
	.btn-white:not(:disabled):not(.disabled):active,
	.show>.btn-white.dropdown-toggle{
		color: #EA5AB4;
		color: var(--accent-hover);
		background: transparent;
		border-color: #EA5AB4;
		border-color: var(--accent-hover);
		box-shadow: inset 0px 0px 0px 1px #EA5AB4;
		box-shadow: var(--border-width-focus) var(--accent-hover);
	}
		
	/*Focus*/
	.btn-white.focus, .btn-white:focus{
		box-shadow: 0 0 0 .2em rgba(234,90,180,.25);
		box-shadow: var(--btn-boxshadow) var(--accent-hover-25);
	}
	.btn-white:not(:disabled):not(.disabled).active:focus, 
	.btn-white:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-white.dropdown-toggle:focus{
		background: transparent;
		box-shadow: 0 0 0 .2em rgba(234,90,180,.25);
		box-shadow: var(--btn-boxshadow) var(--accent-hover-25);
	}
		.btn-white:not(:disabled):not(.disabled).active:hover, 
		.btn-white:not(:disabled):not(.disabled):active:hover, 
		.btn-white:active:hover, .btn-white.active:hover,
		.btn-white:active:focus, .btn-white.active:focus{
			box-shadow: 0 0 0 .2em rgba(234,90,180,.5);
			box-shadow: var(--btn-boxshadow) var(--accent-hover-50);
		}
	
	/*Disabled*/
	.btn-secondary.disabled, .btn-secondary:disabled,
	.navbar-toggler.disabled, .navbar-toggler:disabled{
		opacity: .65;
	}
	
/*Dropdown Menus*/
.dropdown-menu {
	padding: 12px 16px;
	padding: var(--btn-padding);
	margin: .25rem;
	text-align: center;
	background-color: #FFFFFF;
	background-color: var(--body);
	border: 1px solid #545454;
	border: var(--border-width) var(--border-style) var(--primary);
	border-radius: 0;
	border-radius: var(--border-radius);
	box-shadow: 0 0 0 0;
}
	.dropdown-item:focus, .dropdown-item:hover {
		background-color: #FFFFFF;
		background-color: var(--body);
		color: #545454;
		color: var(--primary);
	}

/* ==========================================================================
   Badges
   ========================================================================== */
.badge {
	line-height: inherit;
	border-radius: 0;
	border-radius: var(--border-radius);
	font-weight: 400;
	vertical-align: top;
}
	.badge-primary {
		color: #FFFFFF;
		color: var(--white);
		background-color: #545454;
		background-color: var(--primary);
	}
	.badge-secondary {
		color: #FFFFFF;
		color: var(--white);
		background-color: #8A8989;
		background-color: var(--secondary);
	}
	.badge-success {
		color: #FFFFFF;
		color: var(--white);
		background-color: #138B00;
		background-color: var(--success);
	}
	.badge-info {
		color: #FFFFFF;
		color: var(--white);
		background-color: #2955A6;
		background-color: var(--info);
	}
	.badge-warning {
		color: #FFFFFF;
		color: var(--white);
		background-color: #F98129;
		background-color: var(--warning);
	}
	.badge-danger {
		color: #FFFFFF;
		color: var(--white);
		background-color: #F32837;
		background-color: var(--danger);
	}

/* ==========================================================================
   Stickers
   ========================================================================== */
.sticker{
	border: 1px solid #FFFFFF;
	border: var(--border-width) var(--border-style) var(--white);
}
.sticker.sticker-success{
	color: #FFFFFF;
	color: var(--white);
	background-color: #138B00;
	background-color: var(--success);
}
.sticker.sticker-info{
	color: #FFFFFF;
	color: var(--white);
	background-color: #2955A6;
	background-color: var(--info);
}
.sticker.sticker-warning{
	color: #FFFFFF;
	color: var(--white);
	background-color: #F98129;
	background-color: var(--warning);
}
.sticker.sticker-danger{
	color: #FFFFFF;
	color: var(--white);
	background-color: #F32837;
	background-color: var(--danger);
	word-break: break-all;
}

/* ==========================================================================
   Ribbons
   ========================================================================== */
.ribbon{
	position: absolute;
	top: 0;
	left: -65px;
	background-color: #2D2D2D;
	background-color: var(--text-body);
	color: #FFFFFF;
	color: var(--white);
	padding: .25em 1em;
	text-transform: lowercase;
	transform: rotate(-90deg);
	transform-origin: right top;
	z-index: 2;
	transition: opacity .3s ease;
}
	.ribbon.ribbon-archive{
		left: -98px;
	}
	.ribbon.ribbon-exclusive{
		left: -115px;
	}
	.ribbon.ribbon-avn{
		left: auto;
		right: 40px;
		padding: .2em .75em;
	}
	.ribbon.ribbon-xbiz{
		left: auto;
		right: 40px;
		padding: .2em .75em;
	}
		a:hover .ribbon.ribbon-avn, a:hover .ribbon.ribbon-xbiz{
			opacity: 0;
		}
	.ribbon.ribbon-pink{
		background-color: #E40090;
		background-color: var(--accent);
		color: #FFFFFF;
		color: var(--white);
	}
	.ribbon.ribbon-secondary{
		background-color: #D6083B;
		color: #FFFFFF;
		color: var(--white);
	}
	.ribbon.ribbon-info{
		background-color: #2955A6;
		color: #FFFFFF;
		color: var(--white);
	}
	.card .membership-card-ribbon{
		position:absolute;
		top:-1px;
		left:-83px;
		background-color:#2D2D2D;
		color:#FFFFFF;
		padding:0 10px;
		text-transform:lowercase;
		transform: rotate(-90deg);
		transform-origin: right top;
	}
	.card .membership-card-ribbon.sale-ribbon{
		left:-64px;
	}
/* ==========================================================================
   Vertical Headers
   ========================================================================== */
.vertical-header{
		position: absolute;
		top: 0;
		left: -216px;
		color: #D9DADC;
		text-transform: lowercase;
		transform: rotate(-90deg);
		transform-origin: right top;
		font-size: 3.5em;
	}
		.vertical-header.vertical-header-new {
			left: -380px;
		}
		.vertical-header.vertical-header-feature {
			left:-246px;
		}
		.vertical-header.vertical-header-year{left: -170px;}
		.vertical-header.vertical-header-bts{left: -478px;}
		.vertical-header.vertical-header-roku{left: -296px;}
		.vertical-header.vertical-header-classics{left: -522px;}
		@media (max-width:1199px){
			.vertical-header.vertical-header-feature{left:-320px;}
		}
		@media (max-width:992px){
			.vertical-header.vertical-header-feature{left:-220px;}
		}
		@media (max-width:768px){
			.vertical-header{
				position: relative;
				top: auto;
				left: auto;
				color: #D9DADC;
				transform: rotate(0deg);
				transform-origin: right top;
				font-size: 3em;
			}
			.vertical-header.vertical-header-new, 
			.vertical-header.vertical-header-roku,
			.vertical-header.vertical-header-feature, 
			.vertical-header.vertical-header-year,
			.vertical-header.vertical-header-bts, 
			.vertical-header.vertical-header-classics {
				left:auto;
				font-size:3em;
			}
		}

/* ==========================================================================
   Text Colors
   ========================================================================== */
.text-dark {
	color: #2D2D2D;
	color: var(--text-body);
}
.text-sale {
	color: #E40090 !important;
	color: var(--accent) !important;
	font-weight: 700;
}
.text-accent {
	color: #E40090 !important;
	color: var(--accent) !important;
}

/* ==========================================================================
   Background Colors
   ========================================================================== */
.bg-light, .bg-promo {
	background-color: rgba(217,218,220,.25);
	background-color: var(--gray-light-25)!important;
}
.bg-gray-15 {
	background-color: rgba(138,137,137,.15);
	background-color: var(--gray-15)!important;
}
.bg-promotion {
	color: #FFFFFF !important;
	color: var(--white) !important;
	background-color: var(--accent)!important;
	background-color: var(--accent)!important;
}
.card-footer.bg-success {
	color: #FFFFFF !important;
	color: var(--white) !important;
}

/* ==========================================================================
   Alerts
   ========================================================================== */
.alert{
	padding: 1em;
	border-radius: 0;
	border-radius: var(--border-radius);
	border: 1px solid #F32837;
	border: var(--border-width) var(--border-style) var(--danger);
}
	.alert :last-child{margin-bottom:0;}

	/*Alert Colors*/
	.alert-danger{
		background-color: #F32837;
		background-color: var(--danger-75);
		color: #FFFFFF !important;
		color: var(--white) !important;
		border: 1px solid #F32837;
		border: var(--border-width) var(--border-style) var(--danger);
	}
	.has-error>.form-control,
	.has-error>.form-control:focus{
		color: #F32837 !important;
		color: var(--danger) !important;
		background-color: transparent;
		border: 1px solid #F32837;
		border: var(--border-width) var(--border-style) var(--danger);
	}
	.alert-success{
		background-color: #138B00;
		background-color: var(--success-75);
		color: #FFFFFF !important;
		color: var(--white) !important;
		border: 1px solid #138B00;
		border: var(--border-width) var(--border-style) var(--success);
	}
	.alert-info{
		background-color: #2955A6;
		background-color: var(--info-75);
		color: #FFFFFF !important;
		color: var(--white) !important;
		border: 1px solid #2955A6;
		border: var(--border-width) var(--border-style) var(--info);
	}
	.alert-warning{
		background-color: #F98129;
		background-color: var(--warning-75);
		color: #FFFFFF !important;
		color: var(--white) !important;
		border: 1px solid #F98129;
		border: var(--border-width) var(--border-style) var(--warning);
	}

	.help-block {
		display: block;
		padding: 1em;
		background-color: #F32837;
		background-color: var(--danger-75);
		color: #FFFFFF !important;
		color: var(--white) !important;
		border: 1px solid #F32837;
		border: var(--border-width) var(--border-style) var(--danger);
	}

/* ==========================================================================
   Popover
   ========================================================================== */
.popover {
	color: #2D2D2D;
	color: var(--text-body);
	background-color: #FFFFFF;
	background-color: var(--body);
	border: 1px solid #000000;
	border: var(--border-width) var(--border-style) var(--dark);
	border-radius: 0;
	border-radius: var(--border-radius);
}

.popover-header {
	padding: 12px 16px;
	padding: var(--btn-padding);
	border-bottom: 1px solid #2D2D2D;
	border-bottom: var(--border-width) var(--border-style) var(--text-body);
}
.popover-body {
	padding: 12px 16px;
	padding: var(--btn-padding);
	color: #2D2D2D;
	color: var(--text-body);
}

/* ==========================================================================
   Modal
   ========================================================================== */
.ppm-rate-explination {
	cursor: pointer;
}
	.ppm-rate-explination:hover {
		color: #FFFFFF;
	}

.close{
	color: #F32837;
	color: var(--danger);
	opacity: 1;
}
.close:hover{
	color: #F9505C;
	color: var(--danger-hover);
}

.modal-content {
	background-color: #FFFFFF;
	background-color: var(--body);
	color: #2D2D2D;
	color: var(--text-body);
	border-radius: 0;
	border-radius: var(--border-radius);
}
.modal-header {
	border-bottom: 1px solid #8A8989;
	border-bottom: var(--border-width) var(--border-style) var(--gray);
	border-top-left-radius: 0;
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: 0;
	border-top-right-radius: var(--border-radius);
}
.modal-title {
	color: #2D2D2D;
	color: var(--text-body);
}

/* ==========================================================================
   Carousel
   ========================================================================== */
.carousel-control-next svg, .carousel-control-prev svg {
	width: 45px !important;
	height: 45px;
	padding: .25em;
	background-color: rgba(0,0,0,.5);
	background-color: var(--dark-50);
	border-radius: 0;
	border-radius: var(--border-radius);
}
@media (min-width: 768px) {
	.carousel-control-next, .carousel-control-prev {
		color: #FFFFFF;
		color: var(--white);
		width: 5%;
		opacity: .5;
	}
}
.carousel-control-next:focus, 
.carousel-control-next:hover, 
.carousel-control-prev:focus, 
.carousel-control-prev:hover {
	color: #FFFFFF;
	color: var(--white);
	opacity: .9;
}

/* ==========================================================================
   Cards
   ========================================================================== */
.card {
	text-align: center;
	color: #2D2D2D;
	color: var(--text-body);
	background-color: #D9DADC;
	background-color: var(--gray-light);
	border: 0;
	border-radius: 0;
	border-radius: var(--border-radius);
}
	.card.best-value{
		background-color: #EA5AB4;
		background-color: var(--accent-hover);
		color: #FFFFFF;
		color: var(--white);
	}

.card.footer-card {
	background-color: #FFFFFF;
	background-color: var(--white);
}
	
.card-header {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	background-color: transparent;
	border-bottom: 0 solid transparent;
	border-bottom: 0 var(--border-style) transparent;
}
.membership-card-interval{
		display:block;
		font-size:30px;
		line-height:30px;
		text-transform:uppercase;
	}
		.membership-card-interval .membership-card-interval-length{
			display:block;
			font-size:100px;
			line-height:90px;
		}
	.membership-card-price{
		display:block;
		font-size: 30px;
		line-height:30px;
		margin-bottom:15px;
	}
	
.card-header .price {
	margin-bottom: 0;
}
.card-header:first-child {
	border-radius: 0; 
	border-radius: var(--border-radius);
}

.card-body {
	padding: .55rem;
}
.card-footer:last-child {
	border-radius: 0;
	border-radius: var(--border-radius);
}
.card-footer {
	padding: .55rem;
	background-color: transparent;
	border-top: 0;
	border-radius: 0;
	border-radius: var(--border-radius);
}
.card-deck .card .card-footer {
	padding: 0;
}
.card .card-footer .btn-secondary {
	color: #545454;
	color: var(--primary);
	background: transparent;
	border-color: #545454;
	border-color: var(--primary);
}
	.card .card-footer .btn-secondary:hover {
		color: #EA5AB4;
		color: var(--accent-hover);
		background: transparent;
		border-color: #EA5AB4;
		border-color: var(--accent-hover);
	}

	/*Styling for cards promoting memberships.  Video/Scene pages.*/
	.card-promote-membership {
		color: #FFFFFF!important;
		color: var(--white)!important;
		background-color: #000000;
		background-color: var(--dark);
		border: 3px solid #545454;
		border: 3px var(--border-style) var(--primary);
	}
	.card-promote-membership h3,
	.card-promote-membership h6{
		color: #FFFFFF !important;
		color: var(--white) !important;
	}
	.off-site-link {
		font-size: .6em;
		opacity: .4;
	}

.membership-cards-container .card.membership-card .card-body{
	display:none;
}
.membership-cards-container .card {
	justify-content: space-between;
	align-items: center;
}
.membership-cards-container .card-header {
	width: 75%;
}
.membership-cards-container .membership-card-interval{
		display:block;
		font-size:30px;
		line-height:30px;
		text-transform:uppercase;
	}
		.membership-cards-container .membership-card-interval .membership-card-interval-length{
			display:inline-block;
			font-size:30px;
			line-height:30px;
		}
	.membership-cards-container .membership-card-price{
		display:block;
		font-size: 30px;
		line-height:30px;
		margin-bottom:15px;
	}
.join-page-membership-plans a.card.active {
	box-shadow: inset 0 0 0 2px var(--success); 
	border-color: var(--success);
}

/* ==========================================================================
   Lists
   ========================================================================== */
.list-group {
	border: 1px solid #8A8989;
	border: var(--border-width) var(--border-style) var(--gray);
	border-radius: 0;
	border-radius: var(--border-radius);
}
.list-group-item {
	background-color: #FFFFFF;
	background-color: var(--body);
	border: 1px solid transparent;
	border: var(--border-width) var(--border-style) transparent;
}
.list-group-item-action {
	color: #2D2D2D;
	color: var(--text-body);
}
	.list-group-item:first-child {
		border-top-left-radius: 0;
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: 0;
		border-top-right-radius: var(--border-radius);
	}
	.list-group-item:last-child {
		border-bottom-right-radius: 0;
		border-bottom-right-radius: var(--border-radius);
		border-bottom-left-radius: 0;
		border-bottom-left-radius: var(--border-radius);
	}
	
	.list-group-item-action:focus, .list-group-item-action:hover {
		background-color: #545454;
		background-color: var(--primary);
		color: #FFFFFF;
		color: var(--white);
	}

/* ==========================================================================
   Pagination
   ========================================================================== */
.pagination {
	border-radius: 0;
	border-radius: var(--border-radius);
}
	div.pagination{
		padding-top: 1em;
	}
	.page-link {
		padding: 12px 16px;
		padding: (--btn-padding);
		color: #2D2D2D;
		color: var(--text-body);
		background-color: transparent;
		border-radius: 0;
		border-radius: var(--border-radius);
		border: 1px solid transparent;
		border: var(--border-width) var(--border-style) transparent;
	}
		.page-link:hover {
			color: #FFFFFF;
			color: var(--white);
			background-color: #E40090;
			background-color: var(--accent);
			border-color: transparent;
		}
		.page-item.active .page-link {
			z-index: 1;
			color: #FFFFFF;
			color: var(--white);
			background-color: #545454;
			background-color: var(--primary);
			border-color: #545454;
			border-color: var(--primary);
		}
		.page-link:focus {
			box-shadow: 0 0 0 .2em rgba(192,16,81,.25);
			box-shadow: var(--btn-boxshadow) var(--primary-hover-25);
		}
		.page-item.disabled .page-link {
			color: #8A8989;
			color: var(--gray);
			background-color: transparent;
			border-color: transparent;
		}
		.page-item:first-child .page-link {
			border-top-left-radius: 0;
			border-top-left-radius: var(--border-radius);
			border-bottom-left-radius: 0;
			border-bottom-left-radius: var(--border-radius);
		}
		.page-item:last-child .page-link {
			border-top-right-radius: 0;
			border-top-right-radius: var(--border-radius);
			border-bottom-right-radius: 0;
			border-bottom-right-radius: var(--border-radius);
		}

/* ==========================================================================
   Sex Toy Page
   ========================================================================== */
a.sex-toy img {
	padding: .5em;
	background-color: #FFFFFF;
	background-color: var(--white);
	border: 1px solid rgba(0,0,0,.1);
	border: var(--border-width) var(--border-style) var(--dark-10);
	box-shadow: none;
}

.custom-sex-toy-page, .performer-page{
	background-position: top center;
	background-attachment: inherit;
}

/*Background image styling for scroll effect.*/
#custom-sex-toy-page-content.sticky {
	background-position: top 8.25em left 10%;
}
		
#main-purchase-info {
	background-color: #545454 !important;
	background-color: var(--primary)!important;
}

/* ==========================================================================
   Account Breadcrumbs
   ========================================================================== */
.breadcrumb {
	background-color: #D9DADC;
	background-color: var(--gray-light);
	border: 1px solid #D9DADC;
	border: var(--border-width) var(--border-style) var(--gray-light);
	border-radius: 0;
	border-radius: var(--border-radius);
}

/* ==========================================================================
   Checkout Steps
   ========================================================================== */
ol.checkout-steps{
	list-style-position:inside;
	background: #D9DADC;
	background: var(--gray-light);
}
	ol.checkout-steps li{
		flex-grow:1;
	}
	ol.checkout-steps li.active{
		background: #545454;
		background: var(--primary);
		color: #FFFFFF;
		color: var(--white);
	}

/* ==========================================================================
   Forms
   ========================================================================== */
.form-control, 
input[type="text"], 
input[type="email"], 
input[type="number"], 
input[type="password"], 
select, textarea {
	padding: 12px 16px;
	padding: var(--btn-padding);
	background-color: #FFFFFF;
	background-color: var(--body);
	color: #2D2D2D;
	color: var(--text-body);
	border-radius: 0;
	border-radius: var(--border-radius);
	border: 1px solid #8A8989;
	border: var(--border-width) var(--border-style) var(--secondary);
}

.form-control::placeholder {
	color: #000000;
	color: var(--dark);
	opacity: 1;
}

.form-control:focus {
	color: #2D2D2D;
	color: var(--text-body);
	background-color: #FFFFFF;
	background-color: var(--white);
}
.form-control:focus, 
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
input[type="password"]:focus, 
select:focus, textarea:focus {
	border-radius: 0;
	border-radius: var(--border-radius);
	border: 1px solid #E40090;
	border: var(--border-width) var(--border-style) var(--accent);
}
.form-control:disabled, .form-control[readonly] {
	background-color: rgba(0,0,0..15);
	background-color: var(--dark-15);
}
.custom-control-label::before {
	background-color: #FFFFFF;
	background-color: var(--white);
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: #E40090;
	background-color: var(--accent);
	border: 1px solid #E40090;
	border: var(--border-width) var(--border-style) var(--accent);
}

/* ==========================================================================
   Overlay
   ========================================================================== */
.overlay {
	top: auto;
	bottom: -20%;
	left: 50%;
	width: 100%;
	height: auto;
	transform: translate(-50%);
	color: #FFFFFF !important;
	color: var(--white) !important;
	background-color:rgba(228,0,143,.8);
	background-color: var(--accent-80);
	opacity: 1;
	z-index: -1;
	transition: z-index 0.1s ease-all, opacity 0.4s ease-all;
}
a:hover .overlay,
.overlay-show {
	bottom: 0;
	z-index: 10;
}
.overlay-inner {
	padding: .5em;
}
.overlay-inner svg {
	font-size: calc( 2.75em + (3 - 2.75) * ( (150vw - 36em) / ( 150 - 36) ));
}
.overlay.overlay-movie-update{
		top:0;
		bottom:auto;
		height:100%;
		background-color:rgba(255,255,255,1);
		color:#fff !important;
		z-index:2;
		text-align:center;
		opacity:.5;
	}
		.overlay.overlay-movie-update:hover{
			background-color:rgba(255,255,255,0);
			opacity:1;
		}
		
	.overlay.overlay-movie-update .overlay-inner{
		font-size:4.5em;
		font-weight:700;
		text-transform:lowercase;
		color:rgba(228,0,143,1);
	}

/*Calculate Large Icon*/
.stretch-icon {
	font-size: calc( 4em + (8 - 4) * ( (100vw - 200px) / ( 768 - 200) ));
	opacity: .55;
}
@media (min-width: 992px) {
	.stretch-icon {
		font-size: calc( 1em + (4.5 - 1) * ( (150vw - 36em) / ( 150 - 36) ));
		opacity: .55;
	}
}

/*Calculate Large Text*/
.stretch-text {
	font-size: calc( 2em + (4.5 - 2) * ( (150vw - 36em) / ( 150 - 36) ));
}

/* ==========================================================================
   Misc
   ========================================================================== */
.video-hero-container{
	position:relative;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.devices [data-prefix="fab"],
.devices img {
	opacity: .45;
}

/* ==========================================================================
   Video/Scene Page - Video Details
   ========================================================================== */
.poster-image-background.bg-dark {
	background-color: #FFFFFF !important;
	background-color: var(--white) !important;
}
.poster-image-background:before {
	opacity: 0.25 !important;
}
.video-page > .video-title,
.scene-page > .video-title {
	background-color: #545454;
	background-color: var(--accent);
	color: #FFFFFF;
	color: var(--white);
	text-align: center;
}
.video-page > .video-title ~ .video-title,
.scene-page > .video-title ~ .video-title {
	background-color: #545454;
	background-color: var(--primary);
	color: #FFFFFF;
	color: var(--white);
	text-align: center;
}
.video-title .description, .video-title .description a {
	color: #FFFFFF;
	color: var(--white);
	margin-bottom: 0;
}
.video-title .description a:hover {
	text-decoration: underline;
}
	.video-performer {
		position: relative;
		width: 25%;
		min-width: 100px;
	}
	.video-performer img {
		border: 4px solid #FFFFFF;
		border: 4px var(--border-style) var(--body);
	}	
	@media (max-width:576px){
		.video-details-container .boxcover{
			width: 100%;
			margin-bottom: 1em;
		}
		.video-performer {
			width: 50%;
		}
	}

.video-page .membership-cards-container,
.scene-page .membership-cards-container {
	padding: .25em;
	background-color: rgba(0,0,0,.75);
	background-color: var(--dark-75);
	color: #FFFFFF;
	color: var(--white);
}
	@media (max-width:500px){
		.video-page .membership-cards-container {
			padding: 1em .5em;
		}
	}

/*Scene Details*/
.scene-details {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
}
	.scene-title, scene-length{
	  flex: 1;
	}
		.scene-title {
			text-align: left;
		}
		.scene-length {
			text-align: right;
			padding-left: 1em;
		}
	.scene-cast-list {
		width: 100%;
		text-align: left;
		margin-bottom: .5em;
	}
	.scene-buy-options {
		width: 100%;
	}

.recommendations {
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: rgba(217,218,220,.25);
	background-color: var(--gray-light-25);
	border-radius: 0;
	border-radius: var(--border-radius);
}

.purchase-options {
	background-color: rgba(217,218,220,.25);
	background-color: var(--gray-light-25);
}
	.purchase-options .alert {
		padding: .25em .75em;
	}

.table thead th {
	border-bottom: 1px solid #8A8989;
	border-bottom: var(--border-width) var(--border-style) var(--gray);
}
.table td, .table th {
	border-top: 1px solid #8A8989;
	border-top: var(--border-width) var(--border-style) var(--gray);
}

/* ==========================================================================
   Anchor Navigation
   ==========================================================================*/
.anchor-nav {
	background-color: #545454;
	background-color: var(--primary);
}
a.anchor-link, 
a.anchor-link:hover{
	color: #FFFFFF;
	color: var(--white);
}

/* ==========================================================================
   Empire Player
   ========================================================================== */
.link-player-action{
	color: #E40090;
	color: var(--accent);
}
.link-player-action:hover{
	color: #EA5AB4;
	color: var(--accent-hover);
}

.premium-warning-container .premium-warning{
	display: inline-block;
	vertical-align: middle;
	padding: 2em;
	background-color: rgba(255,255,255,.75);
	border-radius: 0;
	border-radius: var(--border-radius);
}
.premium-warning .form-group {
	max-width: 348px;
	margin: 0 auto;
}

.empire-player-video-container .overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: none;
	z-index: 2;
	text-align: center;
	opacity: 0;
}
.empire-player-video-container .overlay.overlay-show {
	opacity: 1;
}


/* ==========================================================================
   CSS Grid - Site Specific Changes
   ========================================================================== */
@media (min-width: 1200px) {
	.container {
		max-width: 1400px;
	}
}

/* START: List Refines displayed across the top */
.list-page-refine, .list-page-grid{
	grid-column: 1 / -1;
}

	.refine-container{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
	}
		.refine-option{
			position: relative;
			width: 100%;
		}
			@media screen and (min-width:992px){
				.refine-option{
					margin-left: .5em;
					margin-right: .5em;
				}
				.refine-option:first-child{
					margin-left: 0;
				}
				.refine-option:last-child{
					margin-right: 0;
				}
			}
			
		.refine-container>.refine-option>.d-block.d-lg-none{
			display: block !important;
		}
		.refine-container>.refine-option>.d-none.d-lg-block{
			display: none !important;
		}
		@media screen and (max-width:991px){
			.refine-container{
				flex-direction: column;
			}
		}
/* END: List Refines displayed across the top */
		
		.item-grid.item-grid-scene {
			display: grid;
			grid-gap: 20px;
			grid-row-gap: 20px;
			grid-template-columns: repeat(auto-fill, minmax(100%,1fr));
		}
		@media (min-width: 768px) {
			.item-grid.item-grid-scene {
				display: grid;
				grid-gap: 20px;
				grid-row-gap: 20px;
				grid-template-columns: repeat(auto-fill, minmax(47%,1fr));
			}
		} 
		@media (min-width: 992px) {
			.item-grid.item-grid-scene {
				display: grid;
				grid-gap: 20px;
				grid-row-gap: 20px;
				grid-template-columns: repeat(auto-fill, minmax(30%,1fr));
			}
		} 

#scenes .item-grid.item-grid-scene {
	display: grid;
	grid-gap: 20px;
	grid-row-gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(47%,1fr));
}

.scene-page .item-grid.item-grid-scene {
	grid-template-columns: repeat(auto-fill, minmax(30%,1fr));
}


/* Gallery Dense */
.item-grid.item-grid-gallery{
	grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
	grid-gap: 0;
	grid-row-gap: 0;
	grid-auto-flow: dense;
	margin-bottom: 3em;
}
	.item-grid.item-grid-gallery .grid-item {
		display: block;
		position: relative;
		flex-direction: none;
		text-align: center;
		border: .15em solid #FFFFFF;
		border: var(--border-width) var(--border-style) var(--white);
	}
		.item-grid.item-grid-gallery .grid-item a {
			display: block;
			object-fit: cover;
			height: 100%;
		}
		.item-grid.item-grid-gallery .grid-item img{
			object-fit: cover;
			height: 100%;
		}
		.item-grid-gallery .grid-item:nth-child(3n+5){
			grid-column: span 2;
			grid-row: span 2;
		}

/* ==========================================================================
   Animated Screenshots
   ========================================================================== */
.animated-screenshot a.grid-item-title:hover {
	text-decoration: none;
	color: #E40090;
	color: var(--accent);
}
a.grid-item-title {
	padding: 1em;
	background-color: #FFFFFF;
	background-color: var(--white);
}

/* ==========================================================================
   Draw Outline Hover Effect
   ========================================================================== */
.grid-item .animated-screen,
a.boxcover,
a.sex-toy,
.item-grid-gallery a,
a.performer,
.item-grid-scene .grid-item>a,
.grid-item>a[data-toggle="modal"] {
	box-shadow: inset 0 0 0 2px transparent;
	position: relative;
	vertical-align: middle;
	transition: color 0.15s;
}
.video-performer a,
.scene-update .scene-update-details {
	box-shadow: inset 0 0 0 2px transparent;
	vertical-align: middle;
	transition: color 0.15s;
}
	.grid-item .animated-screen:before,
	.grid-item .animated-screen:after,
	a.boxcover:before,
	a.boxcover:after,
	a.sex-toy:before,
	a.sex-toy:after,
	.item-grid-gallery a:before,
	.item-grid-gallery a:after,
	a.performer:before,
	a.performer:after,
	.video-performer a:before,
	.video-performer a:after,
	.scene-update .scene-update-details:before,
	.scene-update .scene-update-details:after,
	.item-grid-scene .grid-item>a:before,
	.item-grid-scene .grid-item>a:after,
	.grid-item>a[data-toggle="modal"]:before,
	.grid-item>a[data-toggle="modal"]:after {
		box-sizing: inherit;
		content: '';
		position: absolute;
		border: 2px solid transparent;
		width: 0;
		height: 0;
	}
		.grid-item .animated-screen:before,
		a.boxcover:before,
		a.sex-toy:before,
		.item-grid-gallery a:before,
		a.performer:before,
		.video-performer a:before,
		.scene-update .scene-update-details:before,
		.item-grid-scene .grid-item>a:before,
		.grid-item>a[data-toggle="modal"]:before {
			top: 0;
			left: 0;
		}
		.grid-item .animated-screen:after,
		a.boxcover:after,
		a.sex-toy:after,
		.item-grid-gallery a:after,
		a.performer:after,
		.video-performer a:after,
		.scene-update .scene-update-details:after,
		.item-grid-scene .grid-item>a:after,
		.grid-item>a[data-toggle="modal"]:after {
			bottom: 0;
			right: 0;
		}
		.scene-update .scene-update-details:before,
		.scene-update .scene-update-details:after {
			z-index: 2;
		}
	.grid-item .animated-screen:hover:before,
	.grid-item .animated-screen:hover:after,
	a.boxcover:hover:before,
	a.boxcover:hover:after,
	a.sex-toy:hover:before,
	a.sex-toy:hover:after,
	.item-grid-gallery a:hover:before,
	.item-grid-gallery a:hover:after,
	a.performer:hover:before,
	a.performer:hover:after,
	.video-performer a:hover:before,
	.video-performer a:hover:after,
	.scene-update .scene-update-details:hover:before,
	.scene-update .scene-update-details:hover:after,
	.item-grid-scene .grid-item>a:hover:before,
	.item-grid-scene .grid-item>a:hover:after,
	.grid-item>a[data-toggle="modal"]:hover:before,
	.grid-item>a[data-toggle="modal"]:hover:after {
		box-sizing: inherit;
		content: '';
		position: absolute;
		border: 2px solid transparent;
		width: 100%;
		height: 100%;
	}
		.grid-item .animated-screen:hover:before,
		a.boxcover:hover:before,
		a.sex-toy:hover:before,
		.item-grid-gallery a:hover:before,
		a.performer:hover:before,
		.video-performer a:hover:before,
		.scene-update .scene-update-details:hover:before,
		.item-grid-scene .grid-item>a:hover:before,
		.grid-item>a[data-toggle="modal"]:hover:before {
			border-top-color: var(--accent);
			border-right-color: var(--accent);
			transition: width 0.15s ease-out, height 0.2s ease-out 0.15s;
		}
		.grid-item .animated-screen:hover:after,
		a.boxcover:hover:after,
		a.sex-toy:hover:after,
		.item-grid-gallery a:hover:after,
		a.performer:hover:after,
		.video-performer a:hover:after,
		.scene-update .scene-update-details:hover:after,
		.item-grid-scene .grid-item>a:hover:after,
		.grid-item>a[data-toggle="modal"]:hover:after {
			border-bottom-color: var(--accent);
			border-left-color: var(--accent);
			transition: border-color 0s ease-out 0.3s, width 0.15s ease-out 0.3s, height 0.15s ease-out 0.45s;
		}

/* ==========================================================================
   Home/Tour Updates
   ========================================================================== */
.featured-update {
	margin: 0 auto;
	max-width: 750px;
}

.scene-update,
.animated-screenshot,
.boxcover-update,
.video-page .item-grid-scene .grid-item {
	box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.15);
}
.scene-update-details,
.scene-details {
	padding: 1em;
	background-color: #FFFFFF;
	background-color: var(--white);
}
.scene-update-details a.grid-item-title {
	color: #E40090;
	color: var(--accent);
	font-weight: 200;
	font-size: 1.20em;
	text-transform: lowercase;
	padding: 0;
}
.grid-item-title,
.scene-update-stats {
	display: flex !important;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 0;
}
a.grid-item-title span:nth-child(2) {
	font-style: italic;
}

.scene-update{
	flex: 0 0 100%;
	max-width: 100%;
	margin: 0;
}
.scene-img-wrapper {
	position: relative;
	height: 0;
	padding: 56.25% 0 0 0;
	overflow: hidden;
	vertical-align: middle;
	border-radius: 0;
	border-radius: var(--border-radius);
}
	.scene-img-wrapper img {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
		z-index: 1;
		margin: auto;
		background-size: contain;
	}

.still-screen>div {
	transition: ease .45s all;
}
.still-screen img {
	transition: ease .45s all;
	z-index: 1;
}
.still-screen video {
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	max-width: 100%;
	z-index: 2;
}