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

:root {
	--blue: #0082f2;
	--blue-hover: #0071d2;

	--purple: #28015c;
	--purple-hover: #1c0042;

	--pink: #eb2beb;
	--pink-hover: #c600c6;

	--red: #a60808;
	--red-hover: #7d0000;

	--orange: #ffbc00;
	--orange-hover: #f1aa00;

	--yellow: #ffa200;
	--yellow-hover: #ffc764;

	--green: #00a029;
	--green-hover: #007618;

	--teal: #2bdeff;
	--teal-hover: #00d0f7;

	--dark: #111;
	--dark-10: rgba(17, 17, 17, 0.1);
	--dark-15: rgba(17, 17, 17, 0.15);
	--dark-25: rgba(17, 17, 17, 0.25);
	--dark-50: rgba(17, 17, 17, 0.5);
	--dark-65: rgba(17, 17, 17, 0.65);
	--dark-75: rgba(17, 17, 17, 0.75);
	--dark-85: rgba(17, 17, 17, 0.85);

	--body: #fcfcfc;
	--body-10: rgba(252, 252, 252, 0.1);
	--body-15: rgba(252, 252, 252, 0.15);
	--body-25: rgba(252, 252, 252, 0.25);
	--body-50: rgba(252, 252, 252, 0.5);
	--body-65: rgba(252, 252, 252, 0.65);
	--body-75: rgba(252, 252, 252, 0.75);
	--body-85: rgba(252, 252, 252, 0.85);
	--body-95: rgba(252, 252, 252, 0.95);

	--text-body: #000000;

	--white: #ffffff;
	--white-10: rgba(255, 255, 255, 0.1);
	--white-15: rgba(255, 255, 255, 0.15);
	--white-25: rgba(255, 255, 255, 0.25);
	--white-50: rgba(255, 255, 255, 0.5);
	--white-85: rgba(255, 255, 255, 0.85);
	--white-90: rgba(255, 255, 255, 0.9);

	--gray: #dadada;
	--gray-15: rgba(218, 218, 218, 0.15);
	--gray-50: rgba(218, 218, 218, 0.5);
	--gray-75: rgba(218, 218, 218, 0.75);

	--gray-light: #f7f7f7;
	--gray-light-50: rgba(247, 247, 247, 0.5);
	--gray-light-15: rgba(247, 247, 247, 0.15);
	--gray-light-10: rgba(247, 247, 247, 0.1);
	--gray-light-05: rgba(247, 247, 247, 0.05);

	/*Main Colors*/
	/*Accent*/
	--accent: #b22416;
	--accent-25: rgba(178, 36, 22, 0.25);
	--accent-50: rgba(178, 36, 22, 0.5);
	--accent-75: rgba(178, 36, 22, 0.75);
	--accent-80: rgba(178, 36, 22, 0.8);
	--accent-hover: #992014;
	--accent-hover-25: rgba(153, 32, 20, 0.25);
	--accent-hover-50: rgba(153, 32, 20, 0.5);

	/*Primary*/
	--primary: #5e43b6;
	--primary-25: rgba(94, 67, 182, 0.25);
	--primary-50: rgba(94, 67, 182, 0.5);
	--primary-hover: #4f3899;
	--primary-hover-25: rgba(79, 56, 153, 0.25);
	--primary-hover-50: rgba(79, 56, 153, 0.5);

	/*Secondary*/
	--secondary: #505050;
	--secondary-25: rgba(80, 80, 80, 0.25);
	--secondary-50: rgba(80, 80, 80, 0.5);
	--secondary-hover: #030202;
	--secondary-hover-25: rgba(3, 2, 2, 0.25);
	--secondary-hover-50: rgba(3, 2, 2, 0.5);

	/*Support Colors*/
	/*Success*/
	--success: #00a029;
	--success-25: rgba(0, 160, 41, 0.25);
	--success-50: rgba(0, 160, 41, 0.5);
	--success-hover: #007618;
	--success-hover-25: rgba(0, 118, 24, 0.25);
	--success-hover-50: rgba(0, 118, 24, 0.5);

	/*Info*/
	--info: #0082f2;
	--info-25: rgba(0, 130, 242, 0.25);
	--info-50: rgba(0, 130, 242, 0.5);
	--info-hover: #0071d2;
	--info-hover-25: rgba(0, 113, 210, 0.25);
	--info-hover-50: rgba(0, 113, 210, 0.5);

	/*Warning*/
	--warning: #ffbc00;
	--warning-25: rgba(255, 188, 0, 0.25);
	--warning-50: rgba(255, 188, 0, 0.5);
	--warning-hover: #f1aa00;
	--warning-hover-25: rgba(241, 170, 0, 0.25);
	--warning-hover-50: rgba(241, 170, 0, 0.5);

	/*Danger*/
	--danger: #ff5a00;
	--danger-25: rgba(255, 90, 0, 0.25);
	--danger-50: rgba(255, 90, 0, 0.5);
	--danger-hover: #f85200;
	--danger-hover-25: rgba(248, 82, 0, 0.25);
	--danger-hover-50: rgba(248, 82, 0, 0.5);

	/*Buttons*/
	--btn-boxshadow: 0 0 0 0.2em;
	--btn-padding: 6px 12px;

	/*Borders*/
	--border-radius: 0;
	--border-width: 0.125em;
	--border-style: solid;

	/*Site Content Padding*/
	--site-content-padding-top: 0;

	/*Fonts*/
	--font-family-header: "Quicksand", serif;
	--font-family-copy: "Quicksand", serif;

	/*Email Generator Styling*/
	--email-background: #e6e6e6;
	--email-body-background: #fcfcfc;
	--email-text-body: #000000;
	--email-logo-background-color: #000000;
	--email-footer-background: #000000;
	--email-text-footer: #ffffff;
	--email-footer-link: #0082f2;
	--email-accent: #5e43b6;
	--email-text-button: #ffffff;
	--email-special-message-text: #ffffff;
	--email-dark: #fcfcfc;
	--email-border-radius: 0;
}

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

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

/*Body*/
body {
	color: #000000;
	color: var(--text-body);
	background-color: #fcfcfc;
	background-color: var(--body);
	font-family: "Quicksand", serif;
	font-family: var(--font-family-copy);
	font-weight: 500;
}

.site-content {
	padding: 3em 0 0;
}

/*HR*/
hr {
	border-top: 0.125em solid #dadada;
	border-top: var(--border-width) var(--border-style) var(--gray);
}

/*Links*/
a {
	color: #5e43b6;
	color: var(--primary);
}
a:hover.navbar-logo {
	text-decoration: none;
}
a:hover {
	color: #4f3899;
	color: var(--primary-hover);
	text-decoration: underline;
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
	color: #f7f7f7;
	color: var(--gray-light);
	text-decoration: underline;
}

/*Tables*/
.table thead th {
	border-bottom: 0.125em solid #f7f7f7;
	border-top: var(--border-width) var(--border-style) var(--gray-light);
}
.table td,
.table th {
	border-top: 0.125em solid #f7f7f7;
	border-top: var(--border-width) var(--border-style) var(--gray-light);
}

/*Footer*/

footer {
	position: relative;
	padding: 3em 0 4em 0;
	background-color: #111;
	background-color: var(--dark);
	color: #fff;
	color: var(--white);
}
footer a {
	color: #0082f2;
	color: var(--info);
}
footer a:not(.btn):hover {
	color: #0071d2;
	color: var(--info-hover);
}
.freyja img {
	width: 20%;
	margin-top: -4px;
}
/* ==========================================================================
   Fonts & Typography
   ========================================================================== */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: "Quicksand", serif;
	font-family: var(--font-family-header);
}

/* ==========================================================================
   Navigation
   ========================================================================== */

.nav-beacon {
	padding: 0 0 0 0.938em;
	background-color: #303030;
	background-color: var(--dark);
	color: #ffffff;
	color: var(--white);
	font-size: 0.8em;
}

nav.navbar {
	padding: 0.5em 1em;
	background-color: #dadada;
	background-color: var(--gray);
}

nav .nav-link:not(.nav-search) {
	color: #ffffff;
	color: var(--white);
}

nav .nav-link:not(.nav-search):hover:not(.btn-success):hover {
	color: #0082f2;
	color: var(--info);
}

.nav-tabs .nav-link {
	color: #5e43b6;
	color: var(--primary);
}

.nav-tabs .nav-link:hover:not(.nav-item) {
	color: #0082f2;
	color: var(--info);
}

nav.navbar {
	background: var(--dark);
}

.navbar-logo img {
	width: 170px;
	margin-top: 3px;
	margin-right: 1em;
}

.navbar {
	font-family: "Quicksand", serif;
}

.navbar .nav-item {
	font-size: 1rem;
	font-weight: 500;
}

.navbar #selectedsearchtype,
.navbar .sign-in .btn-secondary {
	border-radius: 30px 0px 0px 30px;
}

.navbar #btn_Search,
.navbar .sign-in .btn-success {
	border-radius: 0px 30px 30px 0px;
}

.navbar .form-control {
	font-size: 0.8rem;
	padding: 0.4em 1em;
}

nav.navbar .sign-in .btn-secondary:hover {
	color: var(--white);
}

nav .sign-in .nav-link:not(.nav-search):hover:not(.btn-success):hover {
	color: var(--white);
}

nav .dropdown-menu {
	background: var(--dark);
}

nav .nav-search {
	margin-left: auto;
}

.navbar .btn-primary,
.navbar .btn-primary.disabled,
.navbar .btn-primary:disabled {
	color: #fff;
	color: var(--white);
	border-color: #fff;
	border-color: var(--white);
}

/*Dropdown Menus*/
.dropdown-menu {
	padding: 0.5rem;
	margin: 0.25rem;
	text-align: center;
	background-color: #ffffff;
	background-color: var(--white);
	border: 0.125em solid #5e43b6;
	border: var(--border-width) var(--border-style) var(--primary);
	border-radius: 0;
	border-radius: var(--border-radius);
	box-shadow: 0 0 0 0;
	background-clip: border-box;
}
.dropdown-item:focus,
.dropdown-item:hover {
	background-color: #dadada;
	background-color: var(--gray);
}

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

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

/* ==========================================================================
   Search - Modal Search: Remove if Not Using
   ========================================================================== 
.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.active{
	overflow: visible;
}
	.site-search .search-bg{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(17,17,17,.85);
		background: var(--dark-85);
	}
		.site-search .search-container{
			position: relative;
			width: 100%;
			top: 5%;
			left: 50%;
			text-align: center;
			z-index: 15;
			transform: translate(-50%, -5%);
		}
		.site-search .search-container:before{
			display: inline-block;
			content: '';
			width: 0;
			height: 100%;
			vertical-align: middle;
		}
			.site-search .search-container .form-inline{
				display: inline-block;
				vertical-align: middle;
				width: 90%;
			}
				#site-search input[type="text"],
				#site-search select{
					font-size: 1rem;
					border: 1px solid #5e43b6;
					border: var(--border-width) var(--border-style) var(--primary);
				}
				#site-search .form-control {
					background-color: #FCFCFC;
					background-color: var(--body);
				}
		
		.site-search .search-input:focus {
			color: #5e43b6;
			color: var(--primary);
		}
		
		@media(min-width:64em){
			.site-search .search-container{
				top: 25%;
				transform: translate(-50%, -25%);
			}
			.site-search .search-container .form-inline{
				width: 60%;
			}
			
			#site-search input[type="text"],
			#site-search select{
				font-size: 2rem;
			}
		}
				
.search_container{
	position:relative;
}
*/

/* ==========================================================================
   Button Styling
   ========================================================================== */
.btn {
	position: relative;
	background: #5e43b6;
	background: var(--primary);
	border-color: #5e43b6;
	border-color: var(--primary);
	border-radius: 0;
	border-radius: var(--border-radius);
	border: 0.125em solid #5e43b6;
	border: var(--border-width) var(--border-style) var(--primary);
	text-transform: lowercase;
	transition: all 0.2s ease;
	z-index: 1;
}
.btn:hover,
.btn:active,
.btn.active {
	color: #ffffff;
	color: var(--white);
	background: #4f3899;
	background: var(--primary-hover);
	border: 0.125em solid #4f3899;
	border: var(--border-width) var(--border-style) var(--primary-hover);
}
.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: 0.35;
	background: #5e43b6;
	background: var(--primary);
}

/*Button Link*/
.btn-link {
	color: #5e43b6;
	color: var(--primary);
	background-color: var(--white);
	background-color: #fff;
	box-shadow: none;
	border: 0 solid transparent;
	font-family: "Quicksand", serif;
	font-family: var(--font-family-header);
	font-weight: 400;
	text-transform: capitalize;
}
.btn-link:hover,
.btn-link:active,
.btn-link.active {
	color: #4f3899;
	color: var(--primary-hover);
	background-color: transparent;
	border: 0 solid transparent;
	box-shadow: none;
}
.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: 0.65;
}

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

button.navbar-toggler {
	background-color: transparent;
	color: #fff;
	color: var(--white);
	border-color: #fff;
	border-color: var(--white);
}
button.navbar-toggler:hover {
	border-color: #111 !important;
}

/*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: #000;
	background: var(--text-body);
	border: 0.125em solid #000;
	border: var(--border-width) var(--border-style) var(--text-body);
}

/*Focus*/
.btn-primary.focus,
.btn-primary:focus {
	box-shadow: 0 0 0 0.2em rgba(94, 67, 182, 0.25);
	box-shadow: var(--btn-boxshadow) var(--primary-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);
	box-shadow: 0 0 0 0.2em rgba(79, 56, 153, 0.25);
	box-shadow: var(--btn-boxshadow) var(--primary-hover-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 0.2em rgba(79, 56, 153, 0.5);
	box-shadow: var(--btn-boxshadow) var(--primary-hover-50);
}

/*Disabled*/
.btn-primary.disabled,
.btn-primary:disabled {
	opacity: 0.65;
}

/*Secondary*/
.btn-secondary,
.nav-item.btn-secondary .nav-link,
.btn-secondary.disabled,
.btn-secondary:disabled {
	color: #ffffff;
	color: var(--white);
	background: #505050;
	background: var(--secondary);
	border-color: #505050;
	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: #ffffff;
	color: var(--white);
	background: #030202;
	background: var(--secondary-hover);
	border: 0.125em solid #030202;
	border: var(--border-width) var(--border-style) var(--secondary-hover);
}

/*Focus*/
.btn-secondary.focus,
.btn-secondary:focus,
.navbar-toggler.focus,
.navbar-toggler:focus {
	box-shadow: 0 0 0 0.2em rgba(80, 80, 80, 0.25);
	box-shadow: var(--btn-boxshadow) var(--secondary-25);
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2em rgba(80, 80, 80, 0.25);
	box-shadow: var(--btn-boxshadow) var(--secondary-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 0.2em rgba(80, 80, 80, 0.5);
	box-shadow: var(--btn-boxshadow) var(--secondary-50);
}

/*Disabled*/
.btn-secondary.disabled,
.btn-secondary:disabled,
footer .input-group-append .btn-secondary.disabled,
footer .input-group-append .btn-secondary:disabled,
.navbar-toggler.disabled,
.navbar-toggler:disabled {
	opacity: 0.65;
}

.alpha-sort-container .btn-secondary {
	padding: 0.375rem 0.75rem;
}

/*Accent*/
.btn-accent,
.btn-accent.disabled,
.btn-accent:disabled {
	color: #ffffff;
	color: var(--white);
	background: #b22416;
	background: var(--accent);
	border-color: #b22416;
	border-color: var(--accent);
}
/*Hover & Active*/
.btn-accent:hover,
.btn-accent:not(:disabled):not(.disabled).active,
.btn-accent:not(:disabled):not(.disabled):active,
.show > .btn-accent.dropdown-toggle {
	background: #992014;
	background: var(--accent-hover);
	border-color: #992014;
	border-color: var(--accent-hover);
}

/*Focus*/
.btn-accent.focus,
.btn-accent:focus {
	box-shadow: 0 0 0 0.2em rgba(178, 36, 22, 0.25);
	box-shadow: var(--btn-boxshadow) var(--accent-25);
}
.btn-accent:not(:disabled):not(.disabled).active:focus,
.btn-accent:not(:disabled):not(.disabled):active:focus,
.show > .btn-accent.dropdown-toggle:focus {
	color: #ffffff;
	color: var(--white);
	box-shadow: 0 0 0 0.2em rgba(178, 36, 22, 0.25);
	box-shadow: var(--btn-boxshadow) var(--accent-25);
}
.btn-accent:not(:disabled):not(.disabled).active:hover,
.btn-accent:not(:disabled):not(.disabled):active:hover,
.btn-accent:active:hover,
.btn-accent.active:hover,
.btn-accent:active:focus,
.btn-accent.active:focus {
	box-shadow: 0 0 0 0.2em rgba(178, 36, 22, 0.5);
	box-shadow: var(--btn-boxshadow) var(--accent-50);
}

/*Disabled*/
.btn-accent.disabled,
.btn-accent:disabled {
	opacity: 0.65;
}

/*Success*/
.btn-success,
.nav-item.btn-success,
.btn-success.disabled,
.btn-success:disabled {
	background: #00a029;
	background: var(--success);
	border-color: #00a029;
	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 {
	color: #ffffff;
	color: var(--white);
	background: #007618;
	background: var(--success-hover);
	border-color: #007618;
	border-color: var(--success-hover);
}

/*Focus*/
.btn-success.focus,
.btn-success:focus {
	box-shadow: 0 0 0 0.2em rgba(6, 133, 6, 0.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 {
	box-shadow: 0 0 0 0.2em rgba(0, 71, 0, 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 0.2em rgba(0, 71, 0, 0.5);
	box-shadow: var(--btn-boxshadow) var(--success-hover-50);
}

/*Disabled*/
.btn-success.disabled,
.btn-success:disabled {
	opacity: 0.65;
}

/*Info*/
.btn-info,
.btn-info.disabled,
.btn-info:disabled {
	background: #0082f2;
	background: var(--info);
	border-color: #0082f2;
	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 {
	color: #ffffff;
	color: var(--white);
	background: #0071d2;
	background: var(--info-hover);
	border-color: #0071d2;
	border-color: var(--info-hover);
}

/*Focus*/
.btn-info.focus,
.btn-info:focus {
	box-shadow: 0 0 0 0.2em rgba(3, 113, 113, 0.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 {
	box-shadow: 0 0 0 0.2em rgba(0, 92, 92, 0.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 0.2em rgba(0, 92, 92, 0.5);
	box-shadow: var(--btn-boxshadow) var(--info-hover-50);
}

/*Disabled*/
.btn-info.disabled,
.btn-info:disabled {
	opacity: 0.65;
}

/*Warning*/
.btn-warning,
.btn-warning.disabled,
.btn-warning:disabled {
	background: #ffbc00;
	background: var(--warning);
	border-color: #ffbc00;
	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 {
	color: #303030;
	color: var(--dark);
	background: #f1aa00;
	background: var(--warning-hover);
	border-color: #f1aa00;
	border-color: var(--warning-hover);
}

/*Focus*/
.btn-warning.focus,
.btn-warning:focus {
	box-shadow: 0 0 0 0.2em rgba(236, 117, 19, 0.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 {
	box-shadow: 0 0 0 0.2em rgba(188, 88, 5, 0.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 0.2em rgba(188, 88, 5, 0.5);
	box-shadow: var(--btn-boxshadow) var(--warning-hover-50);
}

/*Disabled*/
.btn-warning.disabled,
.btn-warning:disabled {
	opacity: 0.65;
}

/*Danger*/
.btn-danger,
.btn-danger.disabled,
.btn-danger:disabled {
	background: #ff5a00;
	background: var(--danger);
	border-color: #ff5a00;
	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 {
	color: #ffffff;
	color: var(--white);
	background: #f85200;
	background: var(--danger-hover);
	border-color: #f85200;
	border-color: var(--danger-hover);
}

/*Focus*/
.btn-danger.focus,
.btn-danger:focus {
	box-shadow: 0 0 0 0.2em rgba(188, 46, 5, 0.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 {
	box-shadow: 0 0 0 0.2em rgba(153, 34, 0, 0.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 0.2em rgba(153, 34, 0, 0.5);
	box-shadow: var(--btn-boxshadow) var(--danger-hover-50);
}

/*Disabled*/
.btn-danger.disabled,
.btn-danger:disabled {
	opacity: 0.65;
}

/*White*/
.btn-white,
.btn-white.disabled,
.btn-white:disabled {
	color: #fcfcfc;
	color: var(--body);
	background: #ffffff;
	background: var(--white);
	border-color: #ffffff;
	border-color: var(--white);
}
/*Focus*/
.btn-white.focus,
.btn-white:focus {
	box-shadow: 0 0 0 0.2em rgba(255, 255, 255, 0.25);
	box-shadow: var(--btn-boxshadow) var(--white-25);
}
.btn-white:not(:disabled):not(.disabled).active:focus,
.btn-white:not(:disabled):not(.disabled):active:focus,
.show > .btn-white.dropdown-toggle:focus {
	background-color: #f7f7f7;
	background-color: var(--gray-light);
	box-shadow: 0 0 0 0.2em rgba(255, 255, 255, 0.25);
	box-shadow: var(--btn-boxshadow) var(--white-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 0.2em rgba(255, 255, 255, 0.5);
	box-shadow: var(--btn-boxshadow) var(--white-hover-50);
}

/*Disabled*/
.btn-white.disabled,
.btn-white:disabled {
	opacity: 0.65;
}

/*Dark*/
.btn-dark,
.btn-dark.disabled,
.btn-dark:disabled {
	color: #ffffff;
	color: var(--white);
	background: #303030;
	background: var(--dark);
	border-color: #303030;
	border-color: var(--dark);
}
/*Hover & Active*/
.btn-dark:hover,
.nav-item.btn-dark:hover .nav-link,
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
	color: #fcfcfc;
	color: var(--body);
	background: #4f3899;
	background: var(--primary-hover);
	border-color: #4f3899;
	border-color: var(--primary-hover);
}

/*Focus*/
.btn-dark.focus,
.btn-dark:focus {
	box-shadow: 0 0 0 0.2em rgba(17, 17, 17, 0.25);
	box-shadow: var(--btn-boxshadow) var(--dark-25);
}
.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark.dropdown-toggle:focus {
	background-color: rgba(17, 17, 17, 0.1);
	background-color: var(--dark-10);
	box-shadow: 0 0 0 0.2em rgba(17, 17, 17, 0.25);
	box-shadow: var(--btn-boxshadow) var(--dark-25);
}
.btn-dark:not(:disabled):not(.disabled).active:hover,
.btn-dark:not(:disabled):not(.disabled):active:hover,
.btn-dark:active:hover,
.btn-dark.active:hover,
.btn-dark:active:focus,
.btn-dark.active:focus {
	box-shadow: 0 0 0 0.2em rgba(17, 17, 17, 0.5);
	box-shadow: var(--btn-boxshadow) var(--dark-50);
}

/*Disabled*/
.btn-dark.disabled,
.btn-dark:disabled {
	opacity: 0.65;
}

/* ==========================================================================
   Text
   ========================================================================== */
.text-dark {
	color: #000000;
	color: var(--text-body);
}
.text-accent {
	color: #b22416;
	color: var(--accent);
}
.text-primary {
	color: #a60808 !important;
	color: var(--primary) !important;
}

/* ==========================================================================
   Backgrounds
   ========================================================================== */
.bg-light {
	background-color: #dadada;
	background-color: var(--gray) !important;
}
.bg-promotion {
	color: #ffffff;
	color: var(--white);
	background-color: #b22416 !important;
	background-color: var(--accent) !important;
}
.bg-accent {
	color: #000000;
	color: var(--text-body);
	background-color: #b22416 !important;
	background-color: var(--accent) !important;
}

.hulu-grid section {
	background: rgba(255, 255, 255, 0.75);
}

/* ==========================================================================
   Borders
   ========================================================================== */
.border-accent {
	border-color: #b22416 !important;
	border-color: var(--accent) !important;
}

/* ==========================================================================
   Pagination
   ========================================================================== */
.pagination {
	border-radius: 0;
	border-radius: var(--border-radius);
}
.page-link {
	padding: 6px 12px;
	padding: (--btn-padding);
	color: #303030;
	color: var(--dark);
	background-color: transparent;
	border-radius: 0;
	border-radius: var(--border-radius);
	border: 0.125em solid transparent;
	border: var(--border-width) var(--border-style) transparent;
}
.page-link:hover {
	color: #ffffff;
	color: var(--white);
	background-color: #5e43b6;
	background-color: var(--primary);
	border-color: transparent;
}
.page-item.active .page-link {
	z-index: 1;
	color: #303030;
	color: var(--dark);
	background-color: #f7f7f7;
	background-color: var(--gray-light);
	border-color: #f7f7f7;
	border-color: var(--gray-light);
}
.page-link:focus {
	box-shadow: 0 0 0 0.2em rgba(204, 0, 0, 0.25);
	box-shadow: var(--btn-boxshadow) var(--primary-25);
}
.page-item.disabled .page-link {
	color: #dadada;
	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);
}

/* ==========================================================================
   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: #5e43b6;
	background-color: var(--primary);
}
.badge-secondary {
	color: #ffffff;
	color: var(--white);
	background-color: #505050;
	background-color: var(--secondary);
}
.badge-success {
	color: #ffffff;
	color: var(--white);
	background-color: #00a029;
	background-color: var(--success);
}
.badge-info {
	color: #ffffff;
	color: var(--white);
	background-color: #0082f2;
	background-color: var(--info);
}
.badge-warning {
	color: #ffffff;
	color: var(--white);
	background-color: #ffbc00;
	background-color: var(--warning);
}
.badge-danger {
	color: #ffffff;
	color: var(--white);
	background-color: #ff5a00;
	background-color: var(--danger);
}

/* ==========================================================================
   Stickers
   ========================================================================== */
.sticker {
	border: 0.15em solid #ffffff;
	border: 0.15em var(--border-style) var(--white);
	opacity: 1;
	transition: all 0.2s ease;
}
a:hover .sticker,
.custom-sex-toy-page .sticker {
	opacity: 1;
}
.sticker.sticker-success {
	color: #ffffff;
	color: var(--white);
	background-color: #00a029;
	background-color: var(--success);
}
.sticker.sticker-info {
	color: #ffffff;
	color: var(--white);
	background-color: #0082f2;
	background-color: var(--info);
}
.sticker.sticker-warning {
	color: #ffffff;
	color: var(--white);
	background-color: #ffbc00;
	background-color: var(--warning);
}
.sticker.sticker-danger {
	color: #ffffff;
	color: var(--white);
	background-color: #ff5a00;
	background-color: var(--danger);
	word-break: break-all;
}
.movie-title .sticker-danger,
.movie-title .sticker-success,
.movie-title .sticker-dark,
.view-boxcover-modal .sticker-danger,
.view-boxcover-modal .sticker-success,
.view-boxcover-modal .sticker-dark {
	width: 1.6em;
}

.scene-preview-container .sticker.stock,
.scene-preview-container .sticker.stream-indicator {
	bottom: 6px;
	top: auto;
}

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

.alert a {
	color: #000000 !important;
	color: var(--dark) !important;
}

.alert a:hover {
	color: #f85200 !important;
	color: var(--danger-hover) !important;
}

/*Alert Colors*/
.alert-danger,
.has-error > .form-control {
	background-color: rgba(153, 34, 0, 0.5);
	background-color: var(--danger-hover-50);
	color: #ffffff !important;
	color: var(--white) !important;
	border: 0.125em solid #ff5a00;
	border: var(--border-width) var(--border-style) var(--danger);
}
.alert-success {
	background-color: rgba(4, 150, 4, 0.5);
	background-color: var(--success-hover-50);
	color: #ffffff !important;
	color: var(--white) !important;
	border: 0.125em solid #00a029;
	border: var(--border-width) var(--border-style) var(--success);
}
.alert-info {
	background-color: rgba(3, 113, 113, 0.5);
	background-color: var(--info-hover-50);
	color: #ffffff !important;
	color: var(--white) !important;
	border: 0.125em solid #0082f2;
	border: var(--border-width) var(--border-style) var(--info);
}
.alert-warning {
	background-color: rgba(236, 117, 19, 0.5);
	background-color: var(--warning-hover-50);
	color: #ffffff !important;
	color: var(--white) !important;
	border: 0.125em solid #ffbc00;
	border: var(--border-width) var(--border-style) var(--warning);
}

.help-block {
	display: block;
	background-color: rgba(153, 34, 0, 0.5);
	background-color: var(--danger-hover-50);
	color: #ffffff !important;
	color: var(--white) !important;
	border: 0.125em solid #ff5a00;
	border: var(--border-width) var(--border-style) var(--danger);
}

/* ==========================================================================
   Popover
   ========================================================================== */
.popover {
	color: #000000;
	color: var(--text-body);
	background-color: #fcfcfc;
	background-color: var(--body);
	border: 1px solid #303030;
	border: var(--border-width) var(--border-style) var(--dark);
	border-radius: 0.3rem;
	border-radius: var(--border-radius);
}

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

/* ==========================================================================
   Modal
   ========================================================================== */
.ppm-rate-explination {
	cursor: pointer;
}
.ppm-rate-explination:hover {
	color: #ffffff;
	color: var(--white);
}

.close {
	color: #ff5a00;
	opacity: 1;
}
.close:hover {
	color: #f85200;
}

.modal-content {
	background-color: #fcfcfc;
	background-color: var(--body);
	color: #000000;
	color: var(--text-body);
	border-radius: 0;
	border-radius: var(--border-radius);
}
.modal-header {
	border-bottom: 0.125em solid #dadada;
	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: #000000;
	color: var(--text-body);
}

/* ==========================================================================
   Carousel
   ========================================================================== */
.carousel-control-next svg,
.carousel-control-prev svg {
	width: 40px !important;
	height: 40px;
	padding: 0.45em;
	background-color: rgba(17, 17, 17, 0.5);
	background-color: var(--dark-50);
	border-radius: 500em;
}
.carousel-control-next,
.carousel-control-prev {
	color: #fcfcfc;
	color: var(--body);
	opacity: 0.65;
	width: 5%;
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
	color: #ffffff;
	color: var(--white);
	opacity: 0.9;
}

#carouselPerformerImages .item-grid.item-grid-performer {
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

/* ==========================================================================
   Cards
   ========================================================================== */
.card {
	text-align: center;
	color: #000000;
	color: var(--text-body);
	background-color: #ffffff;
	background-color: var(--white);
}

.card-body {
	padding: 0.55rem;
}
.card-header:first-child,
.card-footer:last-child {
	border-radius: 0 0 calc(0.25rem - 0) calc(0.25rem - 0);
	border-radius: 0 0 calc(0.25rem - var(--border-radius))
		calc(0.25rem - var(--border-radius));
}
.card-header {
	padding: 0.75em 1.45em;
	padding: var(--btn-padding);
	background-color: transparent;
	border-bottom: 0;
}
.card-footer {
	background-color: transparent;
	border-top: 0;
	padding: 0;
}

.membership-cards-container .card-footer {
	padding: 0.55rem;
	background-color: #ffffff;
	background-color: var(--white);
	border-top: 0;
	border-radius: 0;
	border-radius: var(--border-radius);
}
.card-deck .card-footer a.btn {
	width: 100%;
	color: #fff;
	color: var(--white);
}
.card-deck .card-footer a.btn-primary {
	background-color: #5e43b6;
	background-color: var(--primary);
}

.card-deck .card-membership-level {
	background: #111;
	background: var(--dark);
	color: #fff;
	color: var(--white);
	position: relative;
}

.card-membership-level a,
#sinematica-info a {
	width: 100%;
	height: 100%;
	position: absolute;
}
.card-membership-level span.btn {
	width: 100%;
	color: #fff;
	color: var(--white);
}
.card-membership-level span.btn-primary {
	background-color: var(--primary);
	background-color: #5e43b6;
}

.card-deck .card-title,
.card-deck .card-text {
	text-align: center !important;
}

.membership-options {
	max-width: 650px;
	margin: 0 auto;
}

.membership-options .card {
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: stretch;
	flex: 1 1 auto;
	text-align: left;
}

.membership-options .card-header,
.membership-options .card-footer {
	align-self: center;
}
.membership-card-interval {
	display: block;
}
.membership-card-interval-length {
	display: block;
	font-size: 80px;
	line-height: 70px;
}
.membership-card-price {
	display: block;
	margin-bottom: 15px;
}

.card .best-value {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0.7em;
	background-color: #b22416;
	background-color: var(--accent);
	padding: 0.2em 0.5em;
}

.membership-cards-container .membership-card-interval-length {
	display: block;
	font-size: 60px;
	line-height: 50px;
}
.membership-cards-container .card .best-value {
	right: 0;
	left: auto;
	transform: translate(0, -50%);
}

/*Styling Cards on Video/Scene Pages*/
@media (min-width: 768px) {
	.membership-cards-container .card .card-header,
	.membership-options .card .card-header,
	.membership-cards-container .card .card-footer,
	.membership-options .card .card-footer {
		flex: 0 0 25%;
		align-self: stretch;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.membership-cards-container .card .card-footer,
	.membership-options .card .card-footer {
		flex-direction: column;
	}
}
@media (max-width: 768px) {
	.membership-cards-container .card {
		flex-flow: row wrap;
	}

	.membership-cards-container .card .card-header,
	.membership-cards-container .card .card-footer {
		width: 100%;
	}
}

/*Styling for cards promoting memberships.  Video/Scene pages.*/
.card-promote-membership {
	color: #ffffff !important;
	color: var(--white) !important;
	background-color: #303030;
	background-color: var(--dark);
	border: 3px solid #5e43b6;
	border: 3px solid var(--primary);
}
.card-promote-membership h3,
.card-promote-membership h6 {
	color: var(--white) !important;
}
.off-site-link {
	font-size: 0.6em;
	opacity: 0.4;
}

.join-page-membership-plans a:hover {
	color: #b22416;
	color: var(--accent);
}
.join-page-membership-plans .card.active {
	border: 0.125em solid #00a029;
	border: var(--border-width) var(--border-style) var(--success);
}
.join-page-membership-plans .card.active .card-footer.bg-success {
	color: #ffffff;
	color: var(--white);
}
.join-page-membership-plans a.card .bg-promotion {
	padding: 0.25em 0.5em;
	width: auto;
	margin: 0 auto;
}
.card-text.fine-print {
	display: block;
	font-size: 0.75em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
.list-group {
	background-color: #fcfcfc;
	background-color: var(--body);
}
.list-group-item {
	background-color: #fcfcfc;
	background-color: var(--body);
	border: 0.125em solid transparent;
	border: var(--border-width) var(--border-style) transparent;
	color: #ffffff;
	color: var(--white);
}
.list-group-item-action {
	color: #000000;
	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: #4f3899;
	background-color: var(--primary-hover);
	color: #ffffff;
	color: var(--white);
}

.list-page-refined-by a.btn-link {
	text-align: left;
	background-color: rgba(218, 218, 218, 0.5);
	background-color: var(--gray-50);
	border: var(--border-width) var(--border-style) transparent;
}

.list-page-refine button.navbar-toggler {
	border-color: #111;
	color: var(--dark);
	color: #111;
	color: var(--dark);
}
.list-page-refine button.navbar-toggler:hover {
	color: #fff;
	color: var(--white);
}

/* ==========================================================================
   Sex Toy Page
   ========================================================================== */
a.sex-toy img {
	padding: 0.25em;
	background-color: #ffffff;
	background-color: var(--white);
	box-shadow: none;
}

.sex-toy-title {
	color: #303030;
	color: var(--dark);
}
.sex-toy-price {
	color: #303030;
	color: var(--dark);
}
.sex-toy-title:hover,
.sex-toy-price:hover {
	color: #4f3899;
	color: var(--primary-hover);
}

.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: #303030 !important;
	background-color: var(--dark) !important;
}
#main-purchase-info h5 {
	color: #ffffff !important;
	color: var(--white) !important;
}
#main-purchase-info .sex-toy-price {
	color: #ffffff !important;
	color: var(--white) !important;
	font-weight: normal;
}

/* ==========================================================================
   Account Breadcrumbs
   ========================================================================== */
.breadcrumb {
	background-color: #dadada;
	background-color: var(--gray);
	color: #000000;
	color: var(--text-body);
	border: 0.125em solid #303030;
	border: var(--border-width) var(--border-style) var(--dark);
	border-radius: 0;
	border-radius: var(--border-radius);
}

/* ==========================================================================
   Forms
   ========================================================================== */
.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
select,
textarea {
	padding: 6px 12px;
	padding: var(--btn-padding);
	background-color: #fcfcfc;
	background-color: var(--body);
	color: #000000;
	color: var(--text-body);
	border-radius: 0;
	border-radius: var(--border-radius);
	border: 0.125em solid #505050;
	border: var(--border-width) var(--border-style) var(--secondary);
}

select option {
	color: #000000;
	color: var(--text-body);
	background-color: #fcfcfc;
	background-color: var(--body);
}

.form-control {
	background-clip: border-box;
}

.form-control::placeholder {
	color: #000000;
	color: var(--text-body);
	opacity: 0.75;
}

.form-control:focus {
	color: #000000;
	color: var(--text-body);
	background-color: #fcfcfc;
	background-color: var(--body);
}
.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: 0.125em solid #5e43b6;
	border: var(--border-width) var(--border-style) var(--primary);
}
.form-control:disabled,
.form-control[readonly] {
	background-color: rgba(17, 17, 17, 0.5);
	background-color: var(--dark-50);
}
.custom-control-label::before {
	background-color: #fcfcfc;
	background-color: var(--body);
}
.custom-radio .custom-control-label::before {
	border: 0.125em solid #000000;
	border: var(--border-width) var(--border-style) var(--text-body);
}
.custom-checkbox .custom-control-label::before {
	border-radius: 0;
	border: 0.125em solid #5e43b6;
	border: var(--border-width) var(--border-style) var(--primary);
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #5e43b6;
	background-color: var(--primary);
	border: 0.125em solid #5e43b6;
	border: var(--border-width) var(--border-style) var(--primary);
}

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

#sp_Country.text-primary {
	color: #a60808 !important;
	color: var(--primary) !important;
}
#ShippingMethods h5,
#ShippingMethods p {
		color: var(--text-body);
	}
#dv_CalcRates h5,
#dv_CalcRates p {
	color: var(--text-body);
}

/* ==========================================================================
   Overlay
   ========================================================================== */
.overlay {
	transition: all 0.2s ease;
}
.overlay-inner svg {
	font-size: calc(3em + (3.25 - 3) * ((150vw - 36em) / (150 - 36)));
}

/* ==========================================================================
   Video/Scene Page - Video Details
   ========================================================================== */
.video-title {
	background-color: #111;
	background-color: var(--dark);
	text-align: center;
	border-bottom: 0.125em solid #5e43b6;
	border-bottom: var(--border-width) var(--border-style) var(--primary);
}
.video-page > .video-title,
.scene-page > .video-title {
	border-bottom: 0;
}
.video-title .description,
.video-title .description a {
	color: #fff;
	color: var(--white);
	margin-bottom: 0;
}
.video-title .description a:hover {
	color: #4f3899;
	color: var(--primary-hover);
	text-decoration: underline;
}

.video-details-container .row.align-items-start {
	width: 100%;
	margin: auto;
}

@media (min-width: 568px) {
	.video-details-container section .boxcover {
		position: relative;
		width: auto;
		margin-right: 1em;
		text-align: center;
	}
}
.video-performer {
	position: relative;
	width: 16.6%;
	min-width: 100px;
}
.video-performer img {
	border: 4px solid #fcfcfc;
	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: 1em;
	background-color: transparent;
	color: #ffffff;
	color: var(--white);
	border: 1px solid #5e43b6;
	border: var(--border-width) var(--border-style) var(--primary);
}
@media (max-width: 500px) {
	.video-page .membership-cards-container {
		padding: 1em 0.5em;
	}
}

/*Scene Details*/
.item-grid-scene .grid-item a {
	margin-bottom: 0;
}

.item-grid .grid-item {
	text-align: left;
}

.scene-details {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	padding: 0.65em;
	color: #303030;
	color: var(--dark);
	background-color: #ffffff;
	background-color: var(--white);
	box-shadow: 0 1px 1px rgba(16, 16, 16, 0.11),
		0 2px 2px rgba(16, 16, 16, 0.11), 0 4px 4px rgba(16, 16, 16, 0.11),
		0 6px 8px rgba(16, 16, 16, 0.11), 0 8px 16px rgba(16, 16, 16, 0.11);
}

.scene-details a.title:hover {
	color: #4f3899;
	color: var(--primary-hover);
}

.scene-title,
.scene-length {
	flex: 1;
}

.scene-title {
	text-align: left;
}

.scene-length {
	text-align: right;
	padding-left: 1em;
}

a.scene-title:hover {
	text-decoration: none;
}

.scene-cast-list {
	width: 100%;
	text-align: left;
	margin-bottom: 0.5em;
}

.scene-buy-options {
	width: 100%;
}

.scene-buy-options a.btn {
	font-size: 0.85em;
}

.scene-info-container {
	position: absolute;
	z-index: 5;
	width: 100%;
}
.scene-info-container:hover {
	opacity: 1;
}
@media (min-width: 768px) {
	.scene-info-container {
		opacity: 0;
	}
}
.scene-widget {
	font-family: "Quicksand", serif;
}
.scene-widget .scene-title h6,
.scene-widget .scene-performer-names {
	color: #fff;
	color: var(--white);
	font-family: "Quicksand", serif;
}
.scene-widget .scene-performer-names {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.5em;
	margin-bottom: 0;
}


.scene-primary-details {
	display: block;
}
.scene-primary-details,
.scene-title {
	height: 100%;
	width: 100%;
}
.scene-secondary-details {
	justify-content: end;
}

@media screen and (min-width:992px) {
	.upcoming-scene .scene-widget .scene-performer-names {font-size: 2.5em;}
	.upcoming-scene h6 {font-size:1.5em;}
}
/* Additional Purchase Options */
.purchase-options,
#purchase-options .card-deck {
	background-color: rgba(17, 17, 17, 0.25);
	background-color: var(--dark-25);
}
.digital-goods,
.hard-goods {
	width: 100%;
	padding: 1em;
}
.hard-goods {
	background-color: rgba(17, 17, 17, 0.25);
	background-color: var(--dark-25);
}

.recommendations {
	background-color: #dadada;
	background-color: var(--gray);
	padding-top: 1em;
	padding-bottom: 1em;
}

/* ==========================================================================
   Anchor Navigation
   ==========================================================================*/
.anchor-nav {
	background-color: rgba(17, 17, 17, 0.85);
	background-color: var(--dark-85);
}
a.anchor-link,
a.anchor-link:hover {
	color: #ffffff;
	color: var(--white);
}

/* ==========================================================================
   Empire Player
   ========================================================================== */
.link-player-action:hover {
	color: #4f3899;
	color: var(--primary-hover);
}

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

/* ==========================================================================
   CSS Grid - Site Specific Changes
   ========================================================================== */
/* 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: 0.5em;
		margin-right: 0.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 */

/* 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;
}
.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,
.still-screen {
	background-color: #ffffff;
	background-color: var(--white);
}

.animated-screenshot:hover,
.still-screen:hover {
	background-color: #5e43b6;
	background-color: var(--primary);
	color: #ffffff;
	color: var(--white);
}

.animated-screenshot a.grid-item-title,
.still-screen a.grid-item-title {
	text-decoration: none;
	color: #303030;
	color: var(--dark);
}

.animated-screenshot:hover a.grid-item-title,
.still-screen:hover a.grid-item-title {
	text-decoration: none;
	color: #ffffff;
	color: var(--white);
	background-color: #4f3899;
	background-color: var(--primary-hover);
	opacity: 1;
}

.animated-screenshot a.grid-item-performer,
.still-screen a.grid-item-performer,
.animated-screenshot a.grid-item-performer + p {
	text-decoration: none;
	color: #303030;
	color: var(--dark);
}

.animated-screenshot:hover a.grid-item-performer,
.still-screen:hover a.grid-item-performer,
.animated-screenshot:hover a.grid-item-performer + p {
	text-decoration: none;
	color: #ffffff;
	color: var(--white);
	background-color: #4f3899;
	background-color: var(--primary-hover);
	opacity: 1;
}

.animated-screenshot a.grid-item-performer:hover,
.still-screen:hover a.grid-item-performer:hover .grid-hover-indicator:hover {
	color: #303030;
	color: var(--dark);
}

.animated-screenshot-container {
	background-color: #fcfcfc;
	background-color: var(--body);
}

.still-screen > div {
	transition: ease 0.45s all;
}
.still-screen img {
	transition: ease 0.45s all;
	z-index: 1;
}

.item-grid.item-grid-gallery.featured-channel {
	grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));
	grid-gap: 20px;
	grid-row-gap: 20px;
}

.item-grid.item-grid-gallery.featured-channel img {
	width: 100%;
}

@media (min-width: 1200px) {
	.item-grid.item-grid-gallery.featured-channel {
		grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
	}
}

/* ==========================================================================
   Custom Brand Styling
   ========================================================================== */
/* Remove the spacing to go full width */
.site-content {
	padding-top: 0;
}
.carousel-container {
	padding: 0;
}

/* Grid Display */
.upcoming-scene {
	padding-left: 0;
	padding-right: 0;
}
.upcoming-scene .scene-img {
}
.container-fluid h1 {
	text-transform: uppercase;
}