/*
THEME NAME: Crimescene
THEME URI: https://deliciousdesign.com/
VERSION: 3.1
AUTHOR: Delicious Design
AUTHOR URI:
*/

/* -------------------------------------------------------------------------- RESET --- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}  table {border-collapse: separate; border-spacing: 0;}  caption, th, td { text-align: left; font-weight: normal; }  table, td, th { vertical-align: middle; }  blockquote:before, blockquote:after, q:before, q:after { content: ""; }  blockquote, q { quotes: "" ""; }  a img { border: none; } 
a:active, a:focus { outline: none; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:none; }
textarea, select, input, progress, input[type=submit], input[type=button] { appearance: none; -webkit-appearance: none; -moz-appearance: none; }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }

/* ------------------------------------------------------------------------ GLOBALS --- */
:root {
	--body-color: #000000;
	--main-bg-color: #ffffff;

	--csi-black: #000000;
	--csi-dark-grey: #191919;
	--csi-middle-grey: #bdbdbd;
	--csi-light-grey: #e4e4e4;
	--csi-yellow: #fff100;
	--csi-white: #ffffff;

	--csi-orange-from-ai-file: #F7931E;
	--csi-case-header: #F7931E;
	--csi-splatter-filter-red: invert(15%) sepia(33%) saturate(6050%) hue-rotate(348deg) brightness(60%) contrast(123%);
	--csi-splatter-filter-grey: invert(98%) sepia(1%) saturate(2%) hue-rotate(192deg) brightness(115%) contrast(80%);

	--csi-link-color: #cf3f00;
		--link-color-hover: #8000af;
	
	--main-radius: 2px;
	--button-radius: 6px;
	
	--csi-shadow-evidence-body: 0 0 15px rgba(0,0,0,0.3);
	--csi-shadow-evidence-single: 0 0 6px rgba(0,0,0,0.3);
	--csi-shadow-evidence-tab: 0 -3px 4px rgba(0,0,0,0.1);

	}
.red { color:red; }
/* -------------------------------------------------------------------------- FONTS --- */

.PFFuelDecay { 
/*	font-family: "pf-fuel-decay", sans-serif;
	font-weight: 400;*/
	font-family: "ibm-plex-sans-condensed", sans-serif;
	font-weight: 800;
	}
.PFFuelGrime { 
/*	font-family: "pf-fuel-grime", sans-serif;
	font-weight: 400; */
	font-family: "ibm-plex-sans-condensed", sans-serif;
	font-weight: 800;
	}

.Courier.Prime.Regular /* cleaner typewriter */ {
	font-family: "courier-prime", monospace;
	font-weight: 400;
	font-style: normal;
	}
.JohnDoe.bold /* rough typewriter */ {
	font-family: "john-doe", sans-serif;
	font-weight: 700;
	word-spacing: -0.25em;
	}
html,
IBMPlexSans.light {
	font-family: "ibm-plex-sans", sans-serif;
	font-weight: 300;
	}
IBMPlexSans.semibold {
	font-family: "ibm-plex-sans", sans-serif;
	font-weight: 700;
	}
.headlines, h1, h2, h3, h4, h5, h6 {
	/* font-family: "pf-fuel-grime", sans-serif;
	font-weight: 400; */
	font-family: "ibm-plex-sans-condensed", sans-serif;
	font-weight: 800;
	font-style: normal;
	color: var(--csi-black);
	}

/* --------------------------------------------------------------------------- BODY --- */
html {
	font-size: 18px;
	line-height:1;
	text-align: left;
	color: var(--csi-black);
	height: 100%;
	}
body {
	background: var(--csi-dark-grey);
	height:100%;
	}
body, 
input,
textarea,
select {
	}

input[type="checkbox"] {
	appearance: auto;
}

/* ------------------------------------------------------------------------- COLORS --- */
a {
	transition: all .2s;
	cursor:pointer;
	}
a:link, 
a:visited {
	color: var(--csi-link-color);
	text-decoration:none;
	}
a:hover, 
a:active {
	color: var(--csi-dark-grey);
	}
/*---------- LINKS ON DARK BACKGROUND BODY --*/
#post-10 a:link, 
#post-10 a:visited {
	color: var(--csi-case-header);
	text-decoration:none;
	}
#post-10 a:hover, 
#post-10 a:active {
	color: var(--csi-yellow);
	}
div.entry_content p a,
div.entry_content li a,
div.tab_content p a,
div.tab_content li a {
	border-bottom: 1px dotted var(--csi-case-header);
	font-family: "john-doe", sans-serif;
	font-weight: 700;
	word-spacing: -0.25em;
	}
.woocommerce div.entry_content p a,
.woocommerce div.entry_content li a,
.woocommerce div.tab_content p a,
.woocommerce div.tab_content li a {
	font-size: 1.0rem;
	line-height: 1.25em;
	margin: 0 0 15px 0;
	font-family: "ibm-plex-sans", sans-serif !important;
	font-weight: 300;
	word-spacing: 0em;
	border-bottom:none;
	}
div.entry_content p a:hover,
div.tab_content p a:hover,
div.tab_content li a:hover {
	border-bottom: 1px solid var(--csi-case-header);
	}

.headlines, h1, h2, h3, h4, h5, h6 {
	color: var(--headline-color);
	position:relative;
	}
blockquote {
	background-color:DimGray;
	color:White;
	}
div#menu ul.menu li.menu-item a, 
div#menu ul.sub-menu li.menu-item a, 
div#menu ul.menu li.menu-item ul.sub-menu li.menu-item a {
	background-color: rgba(255,255,255,0.0);
	color:White;
	transition: color .5s, background-color .5s;
	}
div#menu ul.menu li.menu-item a:hover, 
div#menu ul.sub-menu li.menu-item a:hover, 
div#menu ul.menu li.menu-item ul.sub-menu li.menu-item a:hover {
	background-color: var(--csi-yellow);
	color: var(--csi-black);
	cursor:pointer;
	}
div#menu ul.menu li.current_page_item a,
div#menu ul.menu li.current_page_item a:hover,
div#menu ul.menu li#menu-item-17.menu-item a,
div#menu ul.menu li.menu-item ul.sub-menu li.current_page_item a,
div#menu ul.menu li.menu-item ul.sub-menu li.current_page_item a:hover {
	background-color: var(--csi-yellow);
	color: var(--csi-black);
	cursor:pointer;
	}
div#menu ul.menu li#menu-item-17.menu-item a:hover { /* shop */
	color:var(--csi-yellow);
	background-color: var(--csi-black);
	}

div#menu ul.menu li.menu-item a span.yellow_nav { /* cs-pro */
	color:var(--csi-yellow);
	transition: color .5s, background-color .5s;
	}
div#menu ul.menu li.menu-item a:hover span.yellow_nav,
div#menu ul.menu li.current_page_item a span.yellow_nav {
	color: var(--csi-black);
	}


a#nav_toggle {
	color: var(--link-color);
	}
a#nav_toggle:hover {
	color: var(--link-color-hover);
	}

button.button,
a.button, /* yellow border, black background, white type */
input[type=submit],
input[type=button],
div#nav_below a,
div.button {
	display: inline-block;
	background-color: var(--csi-black);
	color: var(--csi-white);
	border-radius:var(--button-radius);
	border: 1px solid var(--csi-yellow);
	font-weight: 700;
	cursor:pointer;
	text-align:center;
	padding: 6px 14px 8px 14px;
	margin: 0 0 0 0;
	text-decoration: none;
	font-size: 0.85rem;
	line-height: 1;
	transition: all .3s;
	}
div#search_form input[type=submit] {
	font-family: "ibm-plex-sans", sans-serif;
	font-weight: 700;
	padding: 6px 14px 8px 14px;
	}

button.button:hover,
a.button:hover, /* yellow border, yellow background, black type */
a.button.yellow_black_yellow:hover,
input[type=submit]:hover,
input[type=button]:hover,
div#nav_below a:hover,
div.button:hover {
	border: 1px solid var(--csi-yellow);
	background-color: var(--csi-yellow);
	color: var(--csi-black);
	}

a.button.yellow_black_yellow, /* yellow border, black background, yellow type */
a.button.black_yellow_black:hover /* yellow border, black background, yellow type */ {
	border: 1px solid var(--csi-yellow);
	background-color: var(--csi-black);
	color: var(--csi-yellow);
	}
a.button.white_black_yellow /* white border, black background, yellow type */ {
	border: 1px solid var(--csi-white);
	background-color: var(--csi-black);
	color: var(--csi-yellow);
	}
a.button.white_yellow_black /* white border, yellow background, black type */ {
	border: 1px solid var(--csi-white);
	background-color: var(--csi-yellow);
	color: var(--csi-black);
	}
a.button.white_yellow_black:hover /* white border, black background, yellow type */ {
	border: 1px solid var(--csi-white);
	background-color: var(--csi-black);
	color: var(--csi-yellow);
	}
a.button.white_black_yellow:hover /* black border, white background, black type */ {
	border: 1px solid var(--csi-black);
	background-color: var(--csi-white);
	color: var(--csi-black);
	}
a.button.black_yellow_black /* black border, yellow background, black type */ {
	border: 1px solid var(--csi-black);
	background-color: var(--csi-yellow);
	color: var(--csi-black);
	}
 

button.button span,
a.button span,
div#nav_below a span {
	padding: 0 2px;
	}
a.logo_link {
	display:block;
	width: 180px;
	height: auto;
	}
a.logo_link img {
	width:100%;
	height:auto;
	border: 3px solid var(--csi-black);
	transition:border .5s;
	}
a.logo_link:hover img {
	border: 3px solid var(--csi-yellow);
	}


div#footer {
	
	}

/* --------------------------------------------------------------------- TYPOGRAPHY --- */
body,
input[type=text], 
input[type=email],
input[type=tel],
textarea {
	}

div#blog-description {
	margin:0 0 0 2px;
	font-size:0.9rem;
	}
h1,
h1.entry_title {
	font-size:2.6rem;
	line-height: 1;
	margin: 0 0 10px 0;
	}
h1.case_title {
	color: var(--csi-case-header);
	margin: 0 0 15px 0;
	}
div#billboard_verbose h1.case_title {
	display:block;
	font-size:3.0rem;
	line-height: 1;
	margin: 0 0 15px 0;
	}
h1#blog_title {
	display:block;
	position:fixed;
	top:-1000px;
	left:0px;
	}
h2 {
	font-size: 1.7rem;
	line-height: 1;
	margin: 0 0 10px 0;
	}
h2.band_title {
	font-size: 1.7rem;
	line-height: 1.2em;
	margin: 0 0 0 0;
	padding: 8px 0 0 0;
	}
h2.single_evidence_title {
	font-size:1.8rem;
	line-height: 1.3em;
	margin: 0 0 20px 0;
	}
p + h2,
ol + h2,
ul + h2 {
	margin-top:30px
	}
/* this style is for tabs */
main.single_evidence h2.section_header {
	box-sizing:border-box;
	position:relative;
	padding: 10px 20px 15px 20px;
	border-radius: var(--button-radius) var(--button-radius) 0 0;
	border-top: 1px solid white;
	border-right: 1px solid white;
	border-left: 1px solid white;
	color: var(--csi-black);
	background: linear-gradient(#e8e4c6, #fff) !important;
	box-shadow: var(--csi-shadow-evidence-tab);
	font-family: "john-doe", sans-serif;
	font-weight: 700;
	font-size: 1.3rem;
	word-spacing: -0.25em;
/*	clear: both; */
	}
h3 {
	font-size: 1.4rem;
	line-height: 1;
	margin: 0 0 10px 0;
	}
h3.bonus_content {
	font-size: 1.7rem;
	text-transform:uppercase;
	font-family: "john-doe", sans-serif;
	font-weight: 700;
	display:inline-block;
	color: var(--csi-yellow);
	background: var(--csi-black);
	padding: 4px 8px;
	transform: rotate(-2deg);
	margin-left:10px;
	margin-top:5px;
	margin-bottom:15px;
	}

p + h3,
ol + h3,
ul + h3 {
	margin-top:30px
	}
h4 {
	font-size:0.95rem;
	line-height:1.1rem;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	}
p {
	font-size: 1.0rem;
	line-height: 1.4em;
	display:block;
	margin: 0 0 10px 0;
	}
ul li, 
ol li {
	font-size: 1.0rem;
	line-height: 1.4;
	margin-bottom:4px;
	}
ul {
	display:block;
	margin-left:30px;
	margin-bottom:0.85rem;
	}
ol {
	display:block;
	margin-left:33px;
	margin-bottom:0.85rem;
	}
blockquote {
	font-size:1.28rem;
	line-height:1.4rem;
	display:block;
	float:right;
	width:200px;
	opacity:0.5;
	padding:12px 8px 2px 13px;
	margin:0 0 10px 14px;
	}	
em, 
i {
	font-style: italic;
	}
strong, 
b,
.bodycrimehead {
	font-weight:bold;
	}
.videosmaller {
	font-size: 0.7em;
	}
.reporttext {
	font-family: serif; 
	font-size-adjust: 0.5;
	}


/* ---------------------------------------------------------------------- STRUCTURE --- */
div#header {
	position:fixed;
	box-sizing:border-box;
	top:0px;
	left:0px;
	width:100%;
	height: 53px;
	padding: 0 0 0 0;
	background: var(--csi-black);
	border-top: 4px solid var(--csi-yellow);
	box-shadow: 0 2px 8px rgba(0,0,0,0.5);
	z-index:10;
	transition: margin-top 1s;
	}
div#header.scrolled {
	margin-top:-100px;
	}
div#logo,
div#footer_logo {
	position: relative;
	width:162px;
	height:45px;
	top:2px;
	left:-3px;
	}
div#logo a,
div#footer_logo a {
	opacity:1.0;
	box-sizing: border-box;
	display:block;
	width:162px;
	height:45px;
	border: 3px solid  var(--csi-black);
	}

div#logo a img,
div#footer_logo a img {
	box-sizing: border-box;
	width:156px;
	height:39px;
	transition:border .5s;
	}
div#logo a:hover,
div#footer_logo a:hover {
	border: 3px solid var(--csi-yellow);
	}
div#wrapper {
	width: 100%;
	padding: 53px 0 0 0;
	position:relative;
	overflow:hidden;
	}




div#billboard {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position:relative;
	background: linear-gradient(rgb(40,40,40), rgb(10,10,10));
	width:100%;
	height: auto;
	min-height:600px;
	padding-top:50px;
	padding-bottom:60px;
	overflow:hidden;
	}
div#billboard_under_splatter {
	display:flex;
	justify-content: flex-end;
	align-items: center;
	width:100%;
	height:100%;
	position: absolute;
	top:0px;
	left:0px;
	background: url('images/billboard-splatter.svg') no-repeat top left;
	background-size: 110% auto;
	z-index:1;
	overflow:hidden;
	}
div#billboard_under_splatter img {
	display: block;
	width:48%;
	height:auto;
	margin-right: -2%;
	transform: rotate(-14deg);
	border:8px solid rgb(50,50,50);
	box-shadow: -5px -5px 20px #000000;
	}
div#billboard_video {
	position:absolute;
	top:30px;
	right:0px;
	display: block;
	width:47%;
	max-width: 690px;
	height:auto;
	margin-right: 7%;
	transform: rotate(-8deg);
	border:8px solid rgb(50,50,50);
	box-shadow: -5px -5px 20px #000000;
	z-index: 5;
	}
div#billboard_video div {
	margin:0 !important;
	}
div#billboard_over_splatter {
	width:100%;
	height:100%;
	position: absolute;
	top:0px;
	left:0px;
	background: url('images/splatter-upper.svg') no-repeat bottom right;
	filter: var(--csi-splatter-filter-red);
	background-size: 41% auto;
	opacity: 0.8;
	z-index:0;
	display: none;
	}

div#billboard_verbose {
	box-sizing: border-box;
	position: relative;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	color: var(--csi-white);
	width: 50%;
	height:100%;
	z-index:3;
	}
div#billboard_verbose a.button {
	font-size: 1.1rem;
	} 
div#case_progress {
	display:flex;
	width:100%;
	margin: 10px 0 10px 0;
	}
div#case_countdown {
	display:flex;
	width:100%;
	margin: 0 0 30px 0;
	}
div#case_progress strong,
div#case_countdown strong {
	display:block;
	width:140px;
	}
div#progress_bar,
div#countdown_timer {
	width: calc(100% - 140px);
	}
div#countdown_timer {
	color: #8b8b8b;
	font-size: 0.83rem;
	}
div#countdown_timer span {
	color: var(--csi-white);
	font-size: 1.25em;
	}
/*    
div#progress_bar {
	display:flex;
	height:20px;
	background:#454545;
	border-radius: 9999rem;
	}
div.progress_blip {
	box-sizing: border-box;
	height:100%;
	flex-grow: 1;
	background:#454545;
	margin: 0;
	}
div.progress_blip.on {
	background: var(--csi-case-header);
	}
div.progress_blip:first-of-type {
	border-radius: 10px 0 0 10px;
	}
div.progress_blip:last-of-type {
	border-radius: 0 10px 10px 0;
	}
*/
div#progress_bar {
	display: block;
	height: 20px;
	background: #454545;
	border-radius: 9999rem;
	}
div.progress_bar_small {
	display: block;
	height: 10px;
	background: #454545;
	border-radius: 9999rem;
	}

div.progress_blip {
	height: 100%;
	min-width: 22px;
	background: var(--csi-case-header);
	border-radius: 9999rem;
	transition: width 0.3s ease; /* optional smooth transition */
	}
div.progress_fill {
	height: 100%;
	min-width: 10px;
	background: var(--csi-case-header);
	border-radius: 9999rem;
	transition: width 0.3s ease; /* optional smooth transition */
	}
div#case_form {
	width:100%;
	}
form#form_case_search {
	display:flex;
	flex-direction: row-reverse;
	width:100%;
	margin: 13px 0 13px 0;
	}
form#form_case_search button {
	box-sizing: border-box;
	height:32px;
	background: #454545;
	color:darkgrey;
	margin: 0 4px 0 0;
	padding: 5px 8px 5px 12px;
	border:transparent;
	border-radius: 9999em 0 0 9999em;
	font-size: 0.8rem;
	line-height: 1;
	cursor: pointer;
	}
form#form_case_search button:hover {
	color: var(--csi-yellow);
	}
#case_search::placeholder {
	color: #aaa;
	transition: color 0.3s ease;
	}
#case_search:focus::placeholder {
	color: transparent; /* Hide the placeholder text on focus */
	}
#case_search {
	border: 1px solid #454545;
	color: #fff;
	background:black;
	font-size: 0.8rem;
	padding: 4px 6px 6px 10px;
	border-radius: 0 9999em 9999em 0;
	transition: all 0.3s ease;
	}
#case_search:focus {
	color: #fff;
	border-color: #454545;
	background:black;
	outline: none;
	}
.search-results #case_search {
	border-color: #454545;
	color: #fff;
	background:black;
	padding-left:15px;
	}
.search-results #case_search:focus {
	border-color: #454545;
	color: #fff;
	background:black;
	}

div.container {
	box-sizing: border-box;
	width:100%;
	background: var(--csi-white);
	margin: 0 auto;
	}
div.container.black {
	background: var(--csi-dark-grey);
	}
/* ------------------------------ BLACK PAGE BODY MODS ---*/
#post-10 div.container {
	background: var(--csi-black);
	color: var(--csi-white);
	}
#post-10 div.container div.content {
	padding-bottom: 0;
	}
#post-10 div.container div.content div.entry_content {
	padding: 30px 0 1px 0;
	}
#post-10 h1.entry_title {
	color: var(--csi-yellow);
	}



div.content {
	box-sizing: border-box;
	width:100%;
	padding-top:30px;
	padding-bottom:40px;
	margin: 0 auto;
/*	background: var(--csi-white); */
	transition: width .5s;
	}
div.min_float {
	position:relative;
	box-sizing: border-box;
	width:100%;
	max-width: 1000px;
	margin:0 auto;
	transition: padding 1s;
	}
div.med_float {
	position:relative;
	box-sizing: border-box;
	width:100%;
	max-width: 1200px;
	margin:0 auto;
	transition: padding 1s;
	}
div.max_float {
	position:relative;
	box-sizing: border-box;
	width:100%;
	max-width: 1600px;
	margin:0 auto;
	transition: padding 1s;
	}
div.ultra_float {
	box-sizing: border-box;
	position:relative;
	margin:0 auto;
	width:calc(100% - 160px);
	transition: padding 1s;
	}
div.nice_gutter {
	padding-right: 60px;
	padding-left: 60px;
	}
div.nice_gutter_40 {
	padding-right: 40px;
	padding-left: 40px;
	}



div.entry_content {
	padding: 30px 0;
	}

/* -------------------------------------------------------------------- CASE SINGLE --- */
div#crime_scene_pro_band {
	background: var(--csi-black) url('images/finger-prints.svg') no-repeat center right;
	background-size: 800px auto;
	color: var(--csi-white);
	display:block;
	padding: 20px 0 20px 0;
	}
div#crime_scene_pro_band div.case_widget_header {
	width: auto;
	max-width: 100%;
	margin: 0 auto 0 auto;
	}
div#tabs {
	position:relative; 
	margin-top: -54px; 
	z-index:4;
	}
div#tab_container {
	position: relative;
	display:flex;
	justify-content: center;
	}
div#tab_container::after {
	content:"";
	display:block; 
	width:100%;
	height: 4px;
	background: var(--csi-black);
	position: absolute;
	bottom: 0px;
	left:0px;
	z-index: -1;
	}
div.one_tab {
	position:relative;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 8px 0 8px;
	min-width:155px;
	padding: 18px 20px 14px 20px;
	background: var(--csi-yellow);
	text-align: center;
	border-radius: 15px 15px 0 0;
	font-family: "john-doe", sans-serif;
	font-weight: 700;
	word-spacing: -0.25em;
	border-top: 1px solid var(--csi-black);
	border-right: 1px solid var(--csi-black);
	border-bottom: 4px solid var(--csi-black);
	border-left: 1px solid var(--csi-black);
	transition: background .3s, color .3s;
	cursor:pointer;
	}
div.one_tab:hover {
	background: var(--csi-black);
	color: var(--csi-yellow);
	border-top: 1px solid grey;
	border-right: 1px solid grey;
	border-bottom: 4px solid var(--csi-black);
	border-left: 1px solid grey;
	}
div.one_tab.current {
	background: #e5e5e5;
	color: var(--csi-black);
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 4px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	margin-top: -4px;
	padding: 22px 20px 14px 20px;
	cursor: default;
	}
div.notification_icon {
	box-sizing: border-box;
	position:absolute;
	display:flex;
	justify-content: center;
	align-items: center;
	height: 20px;
	width: 20px;
	top:-10px;
	right:10px;
	background: red;
	color: var(--csi-white);
	border-radius: 50%;
	font-family: "ibm-plex-sans", sans-serif;
	font-weight: 700;
	}
div.notification_icon div {
	font-size: 0.65rem;
	line-height: 1;
	padding: 0 0 3px 0;
	}

div#tab_transition {
	height:40px;
	background: linear-gradient(#e5e5e5, #ffffff);
	}
div.tab_content {
	overflow:hidden;
	max-height: 0px;
	}
div.tab_content.current {
	max-height: 9999em;
	padding: 0 0 60px 0;
	overflow: visible;
	}
div.case_tip {
	display:flex;
	width: auto;
    max-width: max-content;
    font-size: 0.9rem;
    margin: 0 auto 40px auto;
	}
div.tip_contents {
	background: var(--csi-black);
	color: var(--csi-white);
	margin: 0 3px 0 0;
	padding: 8px;
	}
div.close_tip {
	background: var(--csi-yellow);
	color: var(--csi-black);
	padding: 8px;
	cursor:pointer;
	transition: background .2s, color .2s;
	}
div.close_tip:hover {
	background: var(--csi-black);
	color: var(--csi-yellow);
	}

div.case_tip.dismissed {
	display: none;
	}

div.evidence_grid,
div.suspect_grid {
	display: flex;
	flex-wrap: wrap;
	}
div.one_evidence {
	width: calc((100% / 6) - 2%);
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	margin: 0 1% 2% 1%;
	padding: 10px 0 45px 0;
	border-top: 8px solid var(--csi-yellow);
	border-bottom: 1px solid var(--csi-light-grey);
	}
div.one_evidence.promo {
	justify-content: center;
	padding: 45px 10px 45px 10px;
	background: url('images/caution_tape.png') var(--csi-yellow) repeat-x;
	background-size: auto 30px;
	border-top: none;
	border-bottom: none;
	text-align:center;
	box-shadow: var(--csi-shadow-evidence-body);
	}
div.one_evidence.promo img {
	margin: 5px 5px;
	box-shadow: var(--csi-shadow-evidence-single);
	transition: box-shadow .2s;
	}
div.one_evidence.promo img:hover {
	box-shadow: 0 0 6px rgba(0,0,0,0.9);
	}
div.one_evidence.promo i.fa-lock {
	font-size: 1.8rem;
	}

div.one_evidence div.evidence_thumbnail {
	position:relative;
	}


.one_evidence  h3.bonus_content {
	position: absolute;
	top: 0px;
	left: 0px;
	content: 'Bonus Content';
	text-transform:uppercase;
	font-family: "john-doe", sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
	display:inline-block;
	color: var(--csi-yellow);
	background: var(--csi-black);
	padding: 4px 8px;
	transform: rotate(-7deg);
	margin-left:-3px;
	margin-top:19px;
	z-index:1;
	}


div.suspect_grid div.one_evidence.promo {
	box-sizing:border-box;
	width: calc((100% / 3) - 2%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 50px 10px 20px 10px;
	border-top: none;
	border-bottom: none;
	text-align:center;
	}
div.suspect_grid div.one_evidence.promo div.level_buttons {
	width:98%;
	display:flex;
	}
div.suspect_grid div.one_evidence.promo div.level_buttons a {
	display:block;
	width:100%;
	}


div.one_evidence.read {
	border-top: 8px solid var(--csi-light-grey);
	}
div.one_evidence h3,
div.one_evidence p,
div.one_evidence div.the_date,
div.one_evidence div.suspected_toggle {
	transition: opacity .2s;
	}
div.one_evidence.read h3,
div.one_evidence.read p,
div.one_evidence.read div.evidence_thumbnail img,
div.one_evidence.read div.the_date,
div.one_evidence.read div.suspect_files a,
div.one_evidence.read div.suspected_toggle {
	opacity:0.3;
	}
div.one_evidence.read div.read_icon i {
	color: var(--csi-light-grey);
	}
div.evidence_thumbnail {
	background: var(--csi-light-grey);
	aspect-ratio: 1/1;
	overflow: hidden;
	margin: 0 0 0 0;
	}
div.evidence_thumbnail img {
	width:100%;
	height:100%;
	object-fit: cover;
	}
div.evidence_verbose {
	
	}
div.the_date {
	background: var(--csi-black);
	color: var(--csi-white);
	font-size: 0.8rem;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 400;
	padding: 3px 3px 5px 3px;
	margin: 0 0 15px 0;
	}
div.evidence_verbose h3,
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
	font-size: 1.2rem;
	line-height: 1.0em;
	margin: 0 0 6px 0;
	word-spacing: 0em;
	}
div.evidence_verbose p {
	font-size: 0.9rem;
	line-height: 1.25em;
	margin: 0 0 15px 0;
	}

div.button_and_doc_type,
div.suspected_toggle {
	position: absolute;
	left:0;
	bottom:10px;
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.case_actions {
	display: flex;
	justify-content: space-between;
	align-items: center;
    margin-top: 15px;
	}
div.type_icon {
	font-size: 1.3rem;
	color: var(--csi-middle-grey);
	}
div.type_icon i.fa-circle-play {
	color: var(--csi-orange-from-ai-file);
	color:red;
	font-size-adjust: 0.8;
	}
div.read_icon {
	box-sizing: border-box;
	position:absolute;
	display:flex;
	justify-content: center;
	align-items: center;
	height: 28px;
	width: 28px;
	top:0px;
	right:-10px;
	background: var(--csi-white);
	border-radius: 50%;
	}
div.read_icon i {
	font-size: 24px;
	line-height: 1;
	color:red;
	}
div.read_icon i.fa-circle-check {
	display:none;
	font-size: 24px;
	line-height: 1;
	color: var(--csi-black);
	}
div.read div.read_icon i.fa-circle {
	display:none;
	}
div.read div.read_icon i.fa-circle-check {
	display:inline-block;
	}

div.one_evidence.one_suspect {
		position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	width:31.33332%;
		margin: 0 1% 2% 1%;
	padding: 10px 0 35px 0;
		border-top: 8px solid var(--csi-yellow);
		border-bottom: 1px solid var(--csi-light-grey);
	}

div.evidence_grid div.one_evidence.one_suspect {
	width:calc((100% / 3) - 2%);
	}

div.one_evidence.one_suspect.read {
	border-top: 8px solid var(--csi-light-grey);
	}

div.one_evidence.one_suspect div.evidence_thumbnail {
		background: var(--csi-light-grey);
	aspect-ratio: 6/7;
	width: 40%;
		overflow: hidden;
	margin: 0 15px 14px 0;
	}
div.one_evidence.one_suspect div.evidence_verbose {
	width: calc(60% - 15px);
	margin: 0 0 2px 0;
	}
div.one_evidence.one_suspect div.evidence_verbose h3 {
	font-size: 1.5rem;
	line-height: 1.0em;
	margin: 0 0 0 0;
	}
div.one_evidence.one_suspect div.evidence_verbose p {
	font-size: 0.9rem;
	line-height: 1.25em;
	margin: 0 0 10px 0;
	}
div.one_evidence.one_suspect div.suspect_files {
	margin: 0 0 8px 0;
	}
div.one_evidence.one_suspect div.suspect_files a {
	display: block;
	font-size: 0.9rem;
	line-height: 1.25em;
	margin: 0 0 3px 0;
	}

div.suspected_toggle {
	box-sizing: border-box;
	display: flex;
	justify-content: flex-end;
	background: var(--csi-black);
	color: var(--csi-white);
	padding: 4px 8px 6px 8px;
	font-weight: 700;
	}
div.label {
	margin: 0 8px 0 0;
	}
div.suspcion_toggle {
	}
div.suspected_toggle i {
	color: var(--csi-yellow);
	cursor:pointer;
	}
div.suspected_toggle i:hover,
div.read div.suspected_toggle i:hover {
	color: var(--csi-white);
	}
div.read div.suspected_toggle i {
	color: var(--csi-light-grey);
	}

/* ---------------------------------------------------------------- EVIDENCE SINGLE --- */

div#reading_progress {
	position:fixed;
	z-index:10;
	left:0px;
	top: 53px;
	width:100%;
	height: 3px;
	background:#555;
	transition: top .5s;
	}
div#reading_progress.scrolled {
	top:0px;
	}

div#reading_progress div {
	position:relative;
	height: 100%;
	background:var(--csi-case-header);
	border-radius: 0 9999em 9999em 0;
	}
div#evidence_header {
	position:relative;
	padding: 20px 0 160px 0;
	overflow:hidden;
	}
div.case_id {
	font-size: 0.8rem;
	text-transform: uppercase;
	color: var(--csi-white);
	margin: 0 0 20px 0;
	}
div#upper_splatter {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	background:transparent;
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;
	right:0;
	}
div#upper_splatter img {
	display:block;
	width:70%;
	height:auto;
	filter: var(--csi-splatter-filter-red);
	opacity:0.6;
	}
div#lower_splatter {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	background:transparent;
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	right:0;
	}
div#lower_splatter img {
	display:block;
	width:70%;
	height:auto;
	filter: var(--csi-splatter-filter-grey);
	}
div.container.single_evidence_container {
	position:relative;
	}

div#single_evidence_document {
	box-sizing: border-box;
	padding: 40px 50px 30px 50px;
	box-shadow: var(--csi-shadow-evidence-body);
	background: var(--csi-white);
	background: rgba(255,255,255,0.97);
	margin-top:-180px;
	margin-bottom: 40px;
	overflow-x: auto;
	}

/* ----- EVIDENCE IMAGES ----- */
div.inline_evidence_image {
	width:33%;
	max-width:500px;
	overflow-x: hidden;
	aspect-ratio: 3/4;
	margin: 6px 0 15px 20px;
	float:right;
	transition:width 1s;
	z-index: 1;
	position: relative;
	}
div.inline_evidence_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	}
.alignright {
	width:40%;
	max-width:500px;
	height:auto;
	overflow-x: hidden;
	margin: 6px 0 15px 20px;
	float:right;
	transition:width 1s;
	}
.alignright img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	margin: 0px !important;
	float:none !important;
	}
img.alignright,
img.owp {
	display:block;
	width:40%;
	max-width:500px;
	height:auto;
	margin: 6px 0 15px 20px !important;
	float:right;
	transition:width 1s;
	}
img.alignright.native_size,
img.owp.native_size {
	display:block;
	width:unset;
	max-width:40%;
	height:auto;
	margin: 6px 0 15px 20px !important;
	float:right;
	transition:width 1s;
	}
.img-fulltext-right {
	float:right;
	}


.owp-logo {
	font-family: "ibm-plex-sans", sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	line-height:1;
	padding: 17px 20px 18px 20px;
	text-transform: uppercase;
	color: #33d749;
	background-color: #000;
	border-bottom: 7px solid #3399ff;
	}
p.owp-logo::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 400;
	content: "\f1ea";
	color: #fff;
	margin-right: 10px;
	}

/* ----- IMAGE GALLERIES ----- */
div.gallery {
	z-index: 1;
	position: relative;
	}
.width_10,
table.crime.width_10 {
	width:10%;
	transition: width .8s;
	}
.width_20,
table.crime.width_20 {
	width:20%;
	transition: width .8s;
	}
.width_30,
table.crime.width_30 {
	width:30%;
	transition: width .8s;
	}
.width_40,
table.crime.width_40 {
	width:40%;
	transition: width .8s;
	}
.width_50,
table.crime.width_50 {
	width:50%;
	transition: width .8s;
	}
.width_60,
table.crime.width_60 {
	width:60%;
	transition: width .8s;
	}
.width_70,
table.crime.width_70 {
	width:70%;
	transition: width .8s;
	}
.width_80,
table.crime.width_80 {
	width:80%;
	transition: width .8s;
	}
.width_90,
table.crime.width_90 {
	width:90%;
	transition: width .8s;
	}
.width_100,
table.crime.width_100 {
	width:100%;
	transition: width .8s;
	}
.float_right {
	float:right;
	clear:right;
	margin-left: 15px;
	margin-bottom: 15px;
	}
.float_left {
	float:left;
	clear:left;
	margin-right: 15px;
	margin-bottom: 15px;
	}
a.rl-gallery-link {
	display:block;
	border:2px solid var(--csi-yellow) !important;
	transition: border .5s;
	}
a.rl-gallery-link:hover {
	border:2px solid var(--csi-dark-grey) !important;
	}
.rl-gallery-link img {
	width:100%;
	height:auto;
	transition: filter .5s;
	}
.rl-gallery-link:hover img {
	filter: grayscale(100%) brightness(1.3);
	}
div.gallery a img {
	width:100%;
	height:auto;
	}
.gallery .rl-gallery-description,
.gallery {
	text-align:center;
	}

/* ------------------------------------------------------------ HOW IT WORKS WIDGET --- */
div#how_it_works_widget {
	background: var(--csi-yellow);
	padding: 30px 0 40px 0;
	}
div#how_it_works_header,
div#how_it_works_footer {
	text-align: center;
	
	}
div#how_it_works_header h2 {
	text-align: center;
	
	}

div#how_it_works_icons {
	display: flex;
	justify-content: center;
	margin: 20px auto 26px auto;
	max-width: 1300px;
	}
div#how_it_works_icons div {
	box-sizing: border-box;
	display:flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	background: url('images/angle_pattern.svg') no-repeat center center;
	background-size: 100% auto;
	font-size: 0.8rem;
	text-transform: uppercase;
	font-weight: 700;
	width:27%;
	padding: 0 30px 0 30px;
	aspect-ratio: 100/55;
	}
div#how_it_works_icons div img {
	display:block;
	margin: 0 auto 12px auto;
	width:30%;
	height:auto;
	}


/* -------------------------------------------------------------- OPEN CASES WIDGET --- */
div#open_cases_widget {
	background: var(--csi-black) url('images/finger-prints.svg') no-repeat center right;
	background-size: 800px auto;
	color: var(--csi-white);
	display:block;
	padding: 30px 0 40px 0;
	}
div.case_widget_header {
	width: calc(100% - 80px);
	max-width: 1150px;
	margin: 0 auto 40px auto;
	}
div.case_widget_header h2 {
	color: var(--csi-yellow);
	}
div.slider_container {
	box-sizing: border-box;
	position: relative;
	width: calc(100% - 80px);
	max-width: 1170px;
	margin: -30px auto 0 auto;
	padding: 10px 0 10px 0;
	font-size:0;
	}
div.one_case {
	font-size: 18px;
	box-sizing: border-box;
	position:relative;
	margin:0;
    width: 0;
    height: 460px;
    overflow: hidden;
    opacity: 0;
    transition: width 0.4s ease, opacity 0.4s ease;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 20px #000;
    background:rgb(30,30,30);
	}
.one_case.visible {
	margin: 0px 10px;
	width: calc(33.3332% - 20px);
	opacity: 1;
	}
div.one_case_container {
	position:relative;
	}
div.one_case_container img.case_status,
div.one_case_static img.case_status {
	position:absolute;
	top:5px;
	right:5px;
	width: 180px;
	height:auto;
	z-index: 1;
	display:none;
	}
div.one_case:first-of-type img.case_status.cs_free,
div.one_case_static:first-of-type img.case_status.cs_free {
	display:block;
	}
div.case_closed_flag {
	position: absolute;
	width:auto;
	top:58%;
	left:50%;
	font-family: "pf-fuel-decay", sans-serif;
	font-weight: 400;
	font-size: 7.8rem;
	letter-spacing: -4px;
	transform: translate(-50%, -50%) rotate(-12deg);
	color:rgba(255,255,255,1);
	text-shadow: 0 0 8px rgba(0,0,0,1);
	}
div.case_closed {
	position: absolute;
	width:auto;
	top:11px;
	right:60px;
	font-family: "pf-fuel-decay", sans-serif;
	font-weight: 400;
	font-size: 7.8rem;
	letter-spacing: -4px;
	transform: rotate(-12deg);
	color:rgba(255,255,255,0.7);
	text-shadow: 0 0 8px rgba(0,0,0,5);
	z-index:-1;
	}

div.case_image {
	width:100%;
	height: 220px;
	background: #999999;
	overflow:hidden;
	position: relative;
	}
div.case_image img {
	width:100%;
	height:100%;
	object-fit:cover;
	}
div.case_image a.hoverable_thumbnail img,
div.one_evidence div.evidence_thumbnail img  {
	filter: none;
	transition: filter 0.6s ease,  transform 2.0s ease;
	cursor:pointer;
	}
div.case_image:hover a.hoverable_thumbnail img,
div.one_evidence div.evidence_thumbnail:hover a img {
	filter: saturate(0.15) brightness(0.6) contrast(1.05);
	transform:scale(1.1);
	}
div.suspect_grid div.one_evidence.one_suspect div.evidence_thumbnail img {
	cursor:default;
	}
div.case_verbose {
	box-sizing: border-box;
	background: linear-gradient(rgb(50,50,50), rgb(30,30,30));
	}
div.case_excerpt {
	padding: 20px 15px 50px 15px; 
	font-size: 0.9em;
	color: var(--csi-white);
	}
div.case_excerpt.slider {
	padding: 20px 15px 50px 15px; 
	}
div.case_excerpt h3 {
	margin: 0 0 5px 0;
	}
div.case_excerpt h3 span {
	color: var(--csi-yellow);
	}
div.case_excerpt p {
	font-size: 0.9rem;
	line-height: 1.2em;
	margin: 0 0 20px 0;
	}
div.case_excerpt h3 {
	display:inline-block;
	margin: 0 0 10px 0;
	}
div.case_excerpt p {
	display:inline-block;
	margin: 0 0 0 0;
	}
div.case_excerpt div.explore_button_container {
	position:absolute;
	bottom:18px;
	left:15px;
	}
div.one_case div.explore_button_container {
	position:absolute;
	bottom:18px;
	left:15px;
	}

div.case_progress_details p {
	font-size: 0.9rem;
	line-height: 1.2em;
	display:block;
	margin: 0 0 3px 0;
	}
div.case_progress_details p:last-of-type {
	margin: 0 0 15px 0;
	}
div.case_progress_details {
	margin: 5px 0 15px 0;
	}

div.case_navigation {
	color: var(--csi-yellow);
	display: flex;
	align-items: center;
	position:absolute;
	top:0px;
	left:-35px;
	height: 100%;
	width: auto;
	font-size: 24px;
	line-height: 1;
	transition:color .3s;
	}
div.case_navigation div.nav_border {
	box-sizing: border-box;
	padding: 15px 15px 18px 15px;
	border: 1px dotted var(--csi-yellow);
	border-radius: 10px;
	line-height: 1;
	}
div.shift_right.case_navigation {
	left:auto;
	right:-35px;
	}
div.case_navigation:hover {
	color: var(--csi-white);
	cursor:pointer;
	}
div.case_navigation:hover div.nav_border {
	border: 1px solid var(--csi-yellow);
	cursor:pointer;
	}
.case_navigation.disabled {
	pointer-events: none;
	opacity: 0.2;
	}

/* ------------------------------------------------------------------------- MODALS --- */
div#modal_base {
	position: fixed;
	z-index:20;
	width:100vw;
	height:100vh;
	bottom:0;
	right:-100vw;
	background: rgba(0,0,0,0.0);
	backdrop-filter: blur(2px);
	transition: background .5s, backdrop-filter 3s;
	}
	div#modal_base.modal_open {
		right:0;
		background: rgba(0,0,0,0.5);
		backdrop-filter: blur(2px);
		}
div#modal_container {
	box-sizing:border-box;
	position: fixed;
	z-index:21;
	width:100%;
	height:100vh;
	bottom:0;
	right:-100vw;
	transition: right 1s;
	}
	div#modal_container.modal_open {
		right:0;
		}
div.modal_single {
	box-sizing:border-box;
	position: absolute;
	right: calc(-100% + 100px);
	bottom:50px;
	max-width:300px;
	height:auto;
	padding: 20px 26px;
	border-radius: var(--button-radius);
	background: var(--csi-yellow);
	box-shadow: var(--csi-shadow-evidence-body);
	transition: right 1s;
	}
	div.modal_single.modal_open {
		right: 50px;
		}

div.modal_single.modal_suspect {
		box-sizing:border-box;
		position: absolute;
		right: calc(-100% + 100px);
		bottom:50px;
		max-width:100%;
		height:auto;
		padding: 20px 26px;
	border-radius: var(--main-radius);
	background: var(--csi-white);
		box-shadow: var(--csi-shadow-evidence-body);
		transition: right 1s;
	}
	div.modal_single.modal_suspect.modal_open {
		right: auto;

		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
		}




div.modal_single div.verbose {
	font-size: 1.0rem;
	line-height: 1.2em;
	}
div.close_modals {
	box-sizing:border-box;
	position: absolute;
	padding: 5px 7px 7px 7px;
	border-radius: 50%;
	top:-15px;
	right:-15px;
	background: var(--csi-black);
	color: var(--csi-white);
	font-size: 1.0rem;
	line-height: 1;
	cursor:pointer;
	transition: background .2s, color .2s;
	}
div.close_modals:hover {
	background: var(--csi-yellow);
	color: var(--csi-black);
	}
div.modal_button {
	margin: 10px 0 0 0;
	}


div.access_modal {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	box-sizing:border-box;
	padding: 20px 24px 20px 30px;
	margin-bottom: 20px;
	border-radius: 10px;
	border: var(--csi-yellow) solid 5px;
	background: var(--csi-black);
	box-shadow: var(--csi-shadow-evidence-body);
	color: var(--csi-white);
	}
div.access_modal_lock {
	box-sizing: border-box;
	color: var(--csi-black);
	background: var(--csi-yellow);
	aspect-ratio: 1/1;
	padding: 20px;
	border-radius: var(--button-radius);
	margin: 10px 20px 10px 0;
	}
div.access_modal_text {
	flex-grow: 1;
	margin: 10px 10px 10px 0;
	}
div.access_modal_text div {
	line-height: 1.2em;
	}
div.access_modal_text a {
	color: var(--csi-case-header);
	}
div.access_modal_text a:hover {
	color: var(--csi-yellow);
	}
div.access_modal_hdr {
	color:var(--csi-yellow);
	font-weight: 700;
	font-size: 1.1em;
	margin-bottom:2px;
	}
div.access_modal_buttons {
	margin: 10px 0 10px 0;
	}
div.access_modal_buttons a.button {
	margin: 0 10px 0 0px;
	}


/* ---------------------------------------------------------------- OPEN CASES PAGE --- */
div#open_cases_container {
	background: var(--csi-black) url('images/finger-prints.svg') no-repeat top right;
	background-size: 800px auto;
	color: var(--csi-white);
	display:block;
	padding: 0px 0 0px 0;
	}
div#case_grid {
	display:flex;
	flex-wrap: wrap;
	}

div.one_case_static {
	box-sizing: border-box;
	position:relative;
	margin: 0px 20px 40px 20px;
	width: calc(33.3332% - 40px);
    height: auto;
    overflow: hidden;
	opacity: 1;
    transition: width 0.4s ease, opacity 0.4s ease;
    display: block;
    vertical-align: middle;
    box-shadow: 0 0 20px #000;
    background:rgb(30,30,30);
	}

/* ----------------------------------------------------------- PRO AND EDU ACCOUNTS --- */
div#pro_edu_container {
	margin-top:30px;
	}
div.account_type {
	box-sizing: border-box;
	width:32%;
	border:2px solid var(--csi-yellow);
	padding: 0;
	margin: 0;
	box-shadow: var(--csi-shadow-evidence-body);
	}
div.account_type img.level_logo {
	box-sizing: border-box;
	display:block;
	width:100%;
	height:auto;
	}

div.account_verbose {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	margin: 18px 18px 20px 18px;
	}
div.account_verbose a.button {
	align-self: flex-end;
	margin-top: auto; /* optional if you want it stuck to the bottom */
	}

.account_verbose ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	}
.account_verbose ul li {
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 0.4em;
	}
.account_verbose ul li::before {
	content: "\f058"; /* fa-circle-check */
	font-family: "Font Awesome 6 Free";
	font-weight: 900; /* solid style */
	position: absolute;
	left: 0;
	top: 0.1em;
	color: var(--csi-middle-grey); /* adjust color to match brand */
	}
.account_verbose ul li ul {
	padding-top:12px;
	}
.account_verbose ul ul li {
	padding-left: 1.2em;
	}
.account_verbose ul ul li::before {
	font-size: 0.85em;
	top: 0.15em;
	}
	
/* --------------------------------------------------------------------------- FAQs --- */

div.faq_type {
	box-sizing: border-box;
	width:100%;
	padding: 0 0 0;
	margin: 0 0 30px 0;
	box-shadow: var(--csi-shadow-evidence-body);
	}

div.faq_group_header {
	padding: 17px 20px 20px 20px;
	background: var(--csi-black);
	color: var(--csi-white);
	cursor:pointer;
	transition: color .3s, background .3s;
	}

div.faq_group_header:hover {
	background: var(--csi-yellow);
	color: var(--csi-black);
	}
div.faq_type.open_section div.faq_group_header i,
div.question i {
	transition: transform .3s;
	}
div.question i {
	margin-left:-19px;
	}
div.faq_type div.faq_group_header:hover i,
div.question:hover i {
	transform: rotate(90deg);
	}
div.faq_type.open_section.open_section div.faq_group_header:hover i,
div.one_faq.open_question div.question:hover i {
	transform: rotate(-90deg);
	}

h2.faq_title {
	font-size: 1.4rem;
	line-height: 1.2em;
	font-family: "ibm-plex-sans", sans-serif;
	font-weight: 700;
	margin:0;
	padding:0 0 0 30px;
	}
h2.faq_title i {
	margin-left:-30px;
	}
img.faq_logo {
	display:block;
	margin: 3px 0 0 0;
	width:200px;
	height:auto;
	box-shadow: 0 0 5px #000;
	}

div.faq_type div.one_faq,
div.article-introtext div.one_faq {
	padding: 0 0px 0 0px;
	max-height:0;
	overflow:hidden;
	}
div.faq_type.open_section div.one_faq,
div.article-introtext div.one_faq {
	padding: 4px 0px 4px 0px;
	max-height:9999rem;
	overflow:hidden;
	}

div.faq_type.open_section div.one_faq:last-of-type,
div.article-introtext div.one_faq:last-of-type {
	padding: 4px 0px 14px 0px;
	}


div.faq_type div.question,
div.article-introtext div.question {
	padding: 0 20px 0 20px;
	font-weight: 700;
	cursor:pointer;
	overflow:hidden;
	}
div.faq_type.open_section div.question,
div.article-introtext div.question {
	padding: 10px 20px 4px 32px;
	overflow:visible;
	}

div.one_faq div.answer {
	padding: 0 20px 0 42px;
	max-height: 0px;
	overflow:hidden
	}
div.one_faq.open_question div.answer {
	padding: 6px 20px 8px 42px;
	max-height: 9999rem;
	overflow:hidden
	}
div#case_update_toggles div.one_faq.open_question div.answer {
	padding: 8px 20px 10px 33px;
	}

div.answer p {
	margin-bottom: 8px;
	}
div.answer p:last-of-type {
	margin-bottom: 0px;
	}


/* ----------------------------------------------------------------------- PRODUCTS --- */
div#shop_one_product {
	background: var(--csi-black);
	color: var(--csi-white);
	}
div#shop_one_product div.content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 60px;
	padding-bottom: 60px;
	}
div.product_verbose {
	width: calc(100% - 340px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding-bottom: 6px;
	}
div.price {
	color: var(--csi-yellow);
	font-weight: 700;
	margin: 0 0 14px 0;
	}
div.price span {
	color: var(--csi-white);
	text-decoration: line-through;
	font-weight: 400;
	}
div.product_verbose p {
	font-size: 0.9rem;
	line-height: 1.3em;
	margin: 0 0 8px 0;
	}
div.product_verbose p:last-of-type {
	margin: 0 0 24px 0;
	}
a.product_thumbnail {
	display:block;
	width: 300px;
	aspect-ratio: 9/8;
	overflow:hidden;
	}
a.product_thumbnail img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition: transform .5s;
	}
a.product_thumbnail:hover img {
	transform: scale(1.1);
	}
div#shop_featured_products {
	padding: 0 0 10px 0;
	}
div.product_grid {
	margin: 20px 0 0 0;
	}
a.one_product {
	display:block;
	position:relative;
	width:23%;
	aspect-ratio: 9/7;
	background:rgba(0,0,0,0.9);
	box-shadow: var(--csi-shadow-evidence-single);
	overflow:hidden;
	}
a.one_product img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition: transform .5s;
	}
a.one_product:hover img {
	transform: scale(1.1);
	}
div.one_product_description {
	box-sizing: border-box;
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
	height:100%;
	width:100%;
	position:absolute;
	top:100%;
	left:0;
	padding: 15px 15px 17px 15px;
	background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0), rgba(0,0,0,0.9));
	transition: top .5s;
	}
a.one_product:hover div.one_product_description {
	top:0;
	}
div.product_name {
	font-weight: 700;
	line-height: 1.2em;
	margin: 0 0 10px 0;
	color: var(--csi-white);
	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	}
div.product_link {
	font-weight: 700;
	font-size: 0.8rem;
	line-height:1;
	color: var(--csi-yellow);
	}

/* --------------------------------------------------------------------------- FLEX --- */
.flex_container {
	display: flex;
	}
.flex_wrap {
	flex-wrap: wrap;
	}
.flex_inverse_order {
	flex-direction: row-reverse;
	}
.flex_columns {
	flex-direction: column;
	}
.flex_align_v_center {
	align-items: center;
	}
.flex_align_v_top {
	align-items: flex-start;
	}
.flex_align_h_center {
	justify-content: center;
	}
.flex_align_right {
	justify-content: flex-end;
	}
.flex_space_between {
	justify-content: space-between;
	}
.flex_start_top {
	align-items: flex-start;
	}
.f_100 {
	width:100%;
	}
.f_80 {
	width:80%;
	}
.f_60 {
	width:60%;
	}
.f_50 {
	width:50%;
	}
.f_49 {
	width:49%;
	}
.f_33 {
	width:33.332%;
	}
.f_20 {
	width:20%;
	}




/* --------------------------------------------------------------------- NAVIGATION --- */
a#nav_toggle {
	display:none;
	}
nav#access {
	position:relative;
	top:0px;
	right:0px;
	margin: 0px;
	padding:0;
	z-index:5;
	}
div#menu {
	margin: 0 0 0 0;
	padding:0;
	}
div#menu ul,
div#menu ul ul {
	list-style:none;
	margin:0;
	padding:0;
	}
div#menu ul#menu-menu-1 {
	display:flex;
	}
div#menu ul li.menu-item {
	display:flex;
	align-items: center;
	font-family: "pf-fuel-grime", sans-serif;
	font-weight: 400;
	}
div#menu ul li.menu-item a,
div#menu ul li.menu-item::after {
	display:block;
	box-sizing: border-box;
	border-radius: var(--main-radius);
	font-size: 1rem;
	line-height: 1rem;
	margin: 0px 2.5px;
	padding: 5px 7px 1px 7px;
	text-decoration:none;
	text-align:left;
	}
div#menu ul li.menu-item::after {
	content: '/';
	display:block;
	color: var(--csi-white);
	padding: 5px 0px 1px 0px;
	opacity:0.6;
	}
div#menu ul li#menu-item-17.menu-item::after,
div#menu ul li#menu-item-328.menu-item::after {
	content: '';
	display:none;
	padding: 0px;
	}
div#menu ul.menu li#menu-item-17.menu-item a {
	padding: 15px 12px 13.5px 12px;
	border-radius: 0;
	margin: 0px 0 0px 6px;
	}


div#menu ul li.menu-item a:hover {
	}
div#menu ul li ul.sub-menu {
	top:-220px;
	position:absolute;
	opacity:0.0;
    transition: opacity .5s;
	}
div#menu ul.menu li.menu-item:hover ul.sub-menu {
	top:auto;
	margin-top:0px;
	opacity: 1.0;
	}
ul.sub-menu {
	z-index:-1;
	}
div#menu ul li {
	margin:0px;
	}
ul.sub-menu li.menu-item {
	float:none !important;
	}
div#menu ul li.current_page_item a {
	}

/* ------------------------------------------------------------------------- FOOTER --- */
div#footer { 
	width:100%;
	box-sizing: border-box;
	border-top: 4px solid var(--csi-yellow);
	color: var(--csi-white);
	clear: both;
	padding: 40px 0 120px 0;
	
	background-image: url('images/bullet-casings.svg');
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 400px auto;
	background-color: var(--csi-black);

	}
div#footer_nav a, 
div#footer p { 
	font-size: 0.85rem;
	line-height: 1.5em;
	display: block;
	margin: 0 0 10px 0;
	}
div.footer_left { 
	width:156px;
	box-sizing: border-box;
	}
div.footer_right { 
	box-sizing: border-box;
	}
div#contact_info {
	margin: 0 30px 0 0;
	}
div#contact_info a {
	font-weight: 700;
	}
div#footer_nav a i {
	padding-right:3px;
	transition: padding .2s;
	}
div.copyright {
	font-size:0.55rem;
	text-align: right;
	margin: 40px 0 0 0;
	}
div#contact_info a.crimesceneshop,
div#footer .copyright a,
div.social a,
div#contact_info a:hover,
div#footer_nav a,
div#footer_nav a:hover i {
	color: var(--csi-white);
	}
div#contact_info a.crimesceneshop:hover,
div#contact_info a,
div#footer_nav a i,
div#footer .copyright a:hover,
div.social a:hover,
div#footer_nav a:hover {
	color:var(--csi-yellow);
	}
div#footer_nav a:hover i {
	padding-left:2px;
	padding-right:1px;
	}

/* ------------------------------------------------------------------------- SOCIAL --- */
div.social {
	font-size:1.2rem;
	line-height:1.0rem;
	margin: 20px 0;
	}
div.social a {
	flex-grow: 1;
	text-align: center;
	}

/* ----------------------------------------------------------------- SEARCH RESULTS --- */
div#nav_below {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	}
div#nav_below div {
	width:50%;
	}
div#nav_below div.nav_next {
	text-align: right;
	}

/* ------------------------------------------------------------- IMAGES / ALIGNENTS --- */
img.alignleft {
	float:left;
	margin:3px 14px 5px 0;
	}
img.aligncenter {
	display:block;
	margin:0 auto;
	text-align:center;
	}
.alignleft {
	float:left;
	margin:3px 14px 0 0;
	text-align:left;
	}
.aligncenter, .alignnone {
	display:block;
	margin:0 auto;
	text-align:center;
	margin-top:12px;
	margin-bottom:3px;
	}
.wp-caption p {
	font-size: 0.9rem;
	line-height:1.3rem;
	margin: 4px 0 0 0;
	text-transform:uppercase;
	}
div.wp-caption {
	}

/* -------------------------------------------------------------------------- FORMS --- */
form.wpcf7-form {
	display:block;
	padding: 1rem 0 0.5rem 0;
	}
form.wpcf7-form p {
	margin: 0 0 0.5rem 0;
	}
div.label {
	padding: 0 0 0 0;
	padding: 0 0 0 0;
	}

input[type=text], 
input[type=email],
input[type=tel],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	box-sizing: border-box;
	width:100%;
	padding:10px;	
	font-size: 1.0rem;
	line-height:1.0rem;
	border-radius:var(--main-radius);
	background: #fffeee;
	border: .5px solid rgba(0,0,0,0.5);
	margin: 0 0 10px 0;
	transition: all .3s;
	font-family: "ibm-plex-sans", sans-serif;
	font-weight: 300;
	}
.woocommerce form .form-row .input-text, 
.woocommerce form .form-row select {
	font-size: 1.0rem;
	}
textarea {
	height:250px;
	transition: all .3s;
	}
input[type=radio] {
	box-sizing: border-box;
	height:20px;
	transition: all .3s;
	}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	box-sizing: border-box;
	width:100%;
	padding:8px;	
	font-size: 1.0rem;
	line-height:1.0em !important;
	border-radius:var(--main-radius);
	border: .5px solid rgba(0,0,0,0.5);
	background: url(images/select-pattern.png) #f0f0f0 no-repeat center right;
	transition: all .3s;
	}
input[type=text]:focus, 
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus,
select:focus {
	border: .5px solid rgba(0,0,0,1.0);
	}

/* -------------------------------------------------------------------- FORM ERRORS --- */
div.wpcf7 form div.wpcf7-response-output {
	display:block;
	box-sizing: border-box;
	margin: 0 0 40px 0;
	padding: 20px;
	float:none;
	clear:both;
	font-size: 1.0rem;
	border-radius:5px;
	border:1px solid #ebbc00;
	color:#da7726;
	background:#faeebd;
	}
input[type=text].wpcf7-not-valid, 
input[type=email].wpcf7-not-valid,
input[type=tel].wpcf7-not-valid,
textarea.wpcf7-not-valid,
select.wpcf7-not-valid {
	background:#faeebd;
	border:1px solid #ebbc00;
	}
span.wpcf7-not-valid-tip {
	text-align:right;
	color:#da7726;
	display:block;
	line-height: 1.0rem;
	margin-top:-8px;
	}

/* -------------------------------------------------------------------------- CRUFT --- */
.clr, 
.cld { 
	font-size: .1rem; 
	line-height: .1rem; 
	clear:both; 
	}
.d_hidden { 
	display: none; 
	}
.fixme { 
	color:darkred;
	background:#faeebd;
	}
div#edit {
	background:rgba(0,0,0,0.2);
	border-radius: 0 var(--main-radius) var(--main-radius) 0;
	color:#fff;
	position: fixed;
	left:0;
	bottom:15px;
	padding: 5px;
	z-index:99;
	font-size: 0.6rem;
	}
div#edit a {
	color: var(--csi-yellow);
	cursor:pointer;
	}
div#edit a:hover {
	color: var(--csi-white);
	}


/* ------------------------------------------------------ OVERRIDES FOR OLD CONTENT --- */

table {
	font-family: "ibm-plex-sans", sans-serif;
	font-weight: 300;
	border: 1px solid grey;
	padding: 8px;
	margin: 0 auto 6px auto;
	font-size: 0.9rem;
	line-height: 1.3em;
	box-sizing:border-box;
	color: var(--csi-black);
	}
table b,
table strong {
	font-family: "ibm-plex-sans", sans-serif;
	font-weight: 700;
	word-spacing: 0;
	color: #3e0202;
	}
table tr {
	
	}
table td {
	border: 1px dotted grey;
	padding: 8px;
/*	font-family: "courier-prime", monospace; */
	font-weight: 300;
	font-size: 0.9rem;
	}
table td p {
	font-size: 0.9rem;
	}
table.plaintable {
	margin: 0 auto 6px 0px;
	border:none;
	}
table.plaintable td {
	border:none;
	padding: 3px 9px 3px 0px;
	}
table.crime {
	width: 100%;
	overflow-x: auto;
/*
	display: block;
*/
	}
table.crime.collapsible tr:not(:first-child) {
	display:none;
	}
table.crime.collapsible tr:first-child:hover {
	cursor:pointer;
	background: rgb(232, 232, 232);
	}

table.table-bordered {
	border: 1px solid #dee2e6;
	padding:0px;
	}
table.table-bordered th,
table.table-bordered td {
	border: 0.5px solid #dee2e6;
	padding: 12px 15px;
	vertical-align: top;
	}
table.table-bordered th {
	font-weight: 700;
	}
.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0,0,0,.05);
	}
main.single_evidence table td h2.section_header {
	box-sizing:border-box;
	position:relative;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border-radius: 0;
	border: none;
	color: var(--csi-black);
	background: none !important;
	box-shadow: none;
	font-family: "ibm-plex-sans", sans-serif;
	font-weight: 700;
	font-size: 1.0rem;
	line-height:1;
	word-spacing: 0;
	clear: both;
	}

/* ---------------------------------------------------------------------------- WOO --- */
.single_variation_wrap .woocommerce-variation-price {
	margin-bottom:20px;
	}
.single_variation_wrap button,
.products a.button.add_to_cart_button,
button.single_add_to_cart_button,
a.checkout-button.button,
button#place_order {
	display: inline-block !important;
	background-color: var(--csi-black) !important;
	color: var(--csi-white) !important;
	border-radius:var(--button-radius) !important;
	border: 1px solid var(--csi-yellow) !important;
	font-weight: 700 !important;
	cursor:pointer !important;
	text-align:center !important;
	padding: 6px 14px 8px 14px !important;
	margin: 0 0 0 0 !important;
	text-decoration: none !important;
	font-size: 0.85rem !important;
	line-height: 1em !important;
	transition: all .3s !important;
	}
a.checkout-button.button {
	box-sizing:border-box;
	display:block;
	width:100%;
	font-size: 1.1rem !important;
	}
button#place_order {
	font-size: 1.1rem !important;
	}
.single_variation_wrap button:hover,
.products a.button.add_to_cart_button:hover,
button.single_add_to_cart_button:hover,
a.checkout-button.button:hover,
button#place_order:hover {
	border: 1px solid var(--csi-yellow) !important;
	background-color: var(--csi-yellow) !important;
	color: var(--csi-black) !important;
	}


/* ------------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------- RESPONSIVE --- */
div#viewport {
	position:fixed;
	z-index:999;
	right:0px;
	bottom:0px;
	display:flex;
	}
div#viewport div {
	background: #CCC;
	color:#fff;
	padding: 10px;
	opacity:0.7;
	}
div#viewport div {
	display:none;
	}
div#viewport div#vp_3600 {
	display:block;
	}
div.hotspot_container {
	width: 40%;
	margin: 10px auto 20px auto; 
	transition: width 1s;
	}
div.video_container,
div.videoright {
	float:none !important;
	width: 100% !important;
	max-width:1200px !important;
	margin: 2px auto 20px auto; 
	transition: width 1s;
	}
div.video_container iframe,
div.videoright iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
	display: block;
	height:auto;
	}
div.video_center_size_mid {
	max-width:800px;
	margin:auto;
	}

/* videos inside case update tabs */
div#tab_body_update div#case_update_toggles div.answer div.video_container,
div#tab_body_update div#case_update_toggles div.answer div.videoright {
	float:right !important;
	width: 50% !important;
	max-width:1200px !important;
	margin: 1px 0px 20px 20px; 
	transition: width 1s;
	}
div#tab_body_update div#case_update_toggles div.answer div.video_container .jwppp-video-box {
	margin:0px !important;
	}

div.map_container {
	float:none !important;
	width: 100% !important;
	max-width: 100% !important;
	height:calc(100vh - 120px);
	margin: 2px auto 20px auto; 
	transition: width 1s;
	}
div.map_container iframe {
	width:100%;
	height:100%;
	}

div#gdpr_banner {
	box-sizing: border-box;
	width:100%;
	height:auto;
	padding: 20px 0;
	background: var(--csi-light-grey);
	color: var(--csi-black);
	border-top: 4px solid var(--csi-yellow);
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:90;
	}
div#gdpr_banner div#banner_inset_content {
	display: flex;
	}
div#gdpr_banner div.banner_buttons {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	margin-left:15px; 
	margin-top:3px; 
	min-width:270px; 
	}
div#gdpr_banner p {
	font-size: 1.0rem;
	}
div#notification_banner {
	box-sizing: border-box;
	width:100%;
	height:auto;
	padding: 6px 0 7px 0;
	background: var(--csi-yellow);
	color: var(--csi-black);
	border-bottom: 4px solid var(--csi-black);
	position:fixed;
	top:0px;
	left:0px;
	z-index:90;
	}
div#notification_banner div#notification_banner_content {
	box-sizing:border-box;
	width:100%;
	text-align:center;
	margin:auto;
	}
div#notification_banner div#notification_banner_content a {
	white-space: nowrap;
	}
div#notification_banner div#notification_banner_content p {
	margin:0;
	line-height:1.1em;
	}

/* ----------------------------------------------------------------------------- < 3600 */
@media (max-width: 3600px) { 
div#viewport div { display:none; }
div#viewport div#vp_3600 { display:block; opacity:0.9; }
}

/* ----------------------------------------------------------------------------- < 2400 */
@media (max-width: 2400px) { 
div#viewport div#vp_3600 { display:none; }
div#viewport div#vp_2400 { display:block; opacity:0.9; }
}

/* ----------------------------------------------------------------------------- < 1600 */
@media (max-width: 1600px) { 
div#viewport div#vp_2400 { display:none; }
div#viewport div#vp_1600 { display:block; opacity:0.9; }
div.evidence_grid div.one_evidence.one_suspect {
	width: calc((100% / 2.5) - 2%);
	}
div.one_evidence {
	width: calc((100% / 5) - 2%);
	}
div#billboard_video {
	margin-right: 3%;
	}

}

/* ----------------------------------------------------------------------------- < 1400 */
@media (max-width: 1400px) { 
div#viewport div#vp_1600 { display:none; }
div#viewport div#vp_1400 { display:block; opacity:0.9; }
div#billboard_video {
	margin-right: -2%;
	top: 60px;
	}
}

/* ----------------------------------------------------------------------------- < 1200 */
@media (max-width: 1200px) { 
div#viewport div#vp_1400 { display:none; }
div#viewport div#vp_1200 { display:block; opacity:0.9; }
div.evidence_grid div.one_evidence.one_suspect {
	width: calc((100% / 2) - 2%);
	}
div.one_evidence {
	width: calc((100% / 4) - 2%);
	}
div#how_it_works_icons div {
	padding: 0 10px 0 10px;
	}
div#how_it_works_icons div img {
	margin: 0 auto 10px auto;
	}
div.one_case {
	height: 480px;
	}
div.case_excerpt p {
	
	}

}

/* ----------------------------------------------------------------------------- < 1060 */
@media (max-width: 1060px) { 
div#viewport div#vp_1200 { display:none; }
div#viewport div#vp_1000 { display:block; opacity:0.9; }
.d_hidden { 
	display: inline; 
	}
.m_hidden { 
	display: none; 
	}
div.ultra_float {
	width:calc(100% - 80px);
	}

div#billboard {
	min-height:200px;
	padding-top:50px;
	padding-bottom:60px;
	}
div#billboard_verbose {
	width: 42%;
	}
div#billboard_under_splatter img {
	width: 54%;
	}


a#nav_toggle {
	color: var(--csi-yellow);
	box-sizing: border-box;
	display:block;
	padding: 14px 15px 6px 25px;
	font-size: 1.5rem;
	line-height: 1.0rem;
	position:absolute; 
	top:-4px;
	right:-30px;
	z-index: 19;
	}
a#nav_toggle:hover {
	color:var(--csi-white);
	}
nav#access {
	box-sizing: border-box;
	position:fixed;
	top:0px;
	right:-100vw;
	width: 100vw;
	margin:0px;
	min-height: 1500px;
	z-index: -1;
	background-color:rgba(0,0,0,0.3);
	opacity:0;
	transition: opacity .5s;
	}
nav#access.visible_menu {
	right:0px;
	opacity:1.0;
	z-index: 20;
	}
div#menu {
	position:absolute;
	top:50px;
	right:0px;
	}
div#menu ul#menu-menu-1 {
	display: flex;
	flex-direction: column;
	}
div#menu ul li ul.sub-menu {
	top:auto;
	position:relative;
	opacity:1.0;
	}
ul.sub-menu {
	z-index:99;
	}
div#menu ul li {
	float:none;
	background-color:var(--csi-black);
	padding: 0 10px 0 10px;
	}
div#menu ul li.menu-item::after {
	content: '';
	display: none;
	color: var(--csi-white);
	padding: 0px;
	opacity: 0.0;
	}
div#menu ul li.menu-item a,
div#menu ul.menu li#menu-item-17.menu-item a {
	box-sizing: border-box;
	padding: 16px 20px 12px 15px;
	line-height:1em;
	margin:0 0 10px 0;
	width:auto;
	min-width: 200px;
	border-radius: var(--main-radius);
	text-transform: none;
	}
div#menu ul.menu li.menu-item ul.sub-menu li.menu-item a {
	padding: 10px 20px 10px 15px;
	}
div#menu ul.menu {
	margin:0;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	}
div.nice_gutter,
div.nice_gutter_40 {
	padding-right: 30px;
	padding-left: 30px;
	}
div.account_type {
	width:49%;
	margin: 0 0 2% 0;
	}
div.entry_content {
	padding: 10px 0;
	}
div.one_tab {
	min-width: 95px;
	padding: 18px 10px 14px 10px;
	border-top: 1px solid var(--csi-black);
	border-right: 1px solid var(--csi-black);
	border-bottom: 1px solid var(--csi-black);
	border-left: 1px solid var(--csi-black);
	}
div.one_tab:hover {
	border-top: 1px solid grey;
	border-right: 1px solid grey;
	border-bottom: 1px solid grey;
	border-left: 1px solid grey;
	}
div.one_tab.current {
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	}
div.one_evidence {
	width: calc((100% / 3) - 2%);
	}
div.one_case {
	height: 540px;
	}
div.one_evidence.one_suspect {
	width: 48%;
		margin: 0 1% 2% 1%;
		padding: 10px 0 35px 0;
	}
div.evidence_grid div.one_evidence.one_suspect {
	width: calc((100% / 1.5) - 2%);
	}
div.hotspot_container {
	width: 60%;
	}

.width_10,
.width_20,
.width_30,
.width_40,
.width_50,
table.crime.width_10,
table.crime.width_20,
table.crime.width_30,
table.crime.width_40,
table.crime.width_50 {
	width:50%;
	}
div.inline_evidence_image,
.alignright,
img.alignright,
img.alignright.native_size,
img.owp.native_size,
img.owp {
	width:50%;
	height:auto;
	}
div.suspect_grid div.one_evidence.promo {
	width: calc((100% / 2) - 2%);
	}

}

/* -----------------------------------------------------------------  TABLETS  -- < 760 */
@media (max-width: 760px) { 
div#viewport div#vp_1000 { display:none; }
div#viewport div#vp_760 { display:block; opacity:0.9; }
div#billboard_verbose {
	width: 100%;
	}
div#billboard {
	padding-top: 30px;
	padding-bottom: 30px;
	}
div#billboard_under_splatter {
	width: 100%;
	top: auto;
	overflow: visible;
	position: relative;
	}
div#billboard_under_splatter img {
	width: 100%;
	}


div#billboard_video {
	position:relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	right:auto;
	top:10px;
	}
div#billboard_under_splatter {
	background-size: contain;
	background-image: none;
	}
div#billboard_over_splatter {
	background-size: cover;
	}

div.footer_right {
	flex-direction: column;
	}
div#contact_info {
	margin: 0 0px 30px 0;
	}
div#tabs {
	margin-top:auto;
	background: rgb(98, 98, 98);
	}
div#tab_container {
	flex-wrap:wrap;
	padding: 20px;
	}
div.one_tab,
div.one_tab.current {
	margin:6px 6px;
	width:47%;
	min-width: 95px;
	padding: 18px 10px 14px 10px;
	border-radius: 12px;
	}
div.one_evidence {
	width: calc((100% / 2) - 4%);
	margin: 0 2% 4% 2%;
	}
div.evidence_grid div.one_evidence.one_suspect {
	width: calc((100% / 1) - 2%);
	}
div#single_evidence_document {
	padding: 20px 30px 10px 30px;
	margin-top: -200px;
	margin-bottom: 20px;
	}

div#product_header {
	flex-direction: column;
	text-align:center;
	}
div#product_header h2 {
	line-height: 1;
	margin-top:10px;
	margin-bottom: 10px;
	}
a.one_product {
	width: 48%;
	margin-bottom: 15px;
	margin-top:10px;
	}

div#how_it_works_icons div {
	aspect-ratio: 100/85;
	background: none !important;
	}
div#how_it_works_icons div img {
	margin: 0px auto 10px auto;
	}
div.one_case {
	height: 500px;
	}
.one_case.visible {
	margin: 0px 10px;
	width: calc(50% - 20px);
	opacity: 1;
	}
div.one_case_static {
	margin: 0px 15px 40px 15px;
	width: calc(50% - 30px);
	}
div.suspect_grid div.one_evidence.promo {
	width: 48%;
	margin: 0 1% 2% 1%;
	}
div.case_closed {
	top:38px;
	font-size: 5.8rem;
	color:rgba(255,255,255,0.4);
	}
/* videos inside case update tabs */
div#tab_body_update div#case_update_toggles div.answer div.video_container,
div#tab_body_update div#case_update_toggles div.answer div.videoright {
	float:none !important;
	width: 100% !important;
	max-width:1200px !important;
	margin: 0px auto 20px auto; 
	transition: width 1s;
	}

}

/* ------------------------------------------------------------------------------ < 600 */
@media (max-width: 600px) { 
div#viewport div#vp_760 { display:none; }
div#viewport div#vp_600 { display:block; opacity:0.9; }
.d_hidden { 
	display: inline; 
	}
.m_hidden { 
	display: none; 
	}
a#nav_toggle {
	right:-10px;
	}
div.ultra_float {
	width:calc(100% - 40px);
	}
div#footer_shell {
	flex-direction: column;
	}
div.copyright {
	text-align: left;
	}
div.account_type {
	width:100%;
	margin: 0 0 20px 0;
	}
div.entry_content {
	padding: 0 0 10px 0;
	}
div.nice_gutter,
div.nice_gutter_40 {
	padding-right: 20px;
	padding-left: 20px;
	}
div.faq_group_header {
	flex-wrap: wrap;
	}
h2.faq_title {
	font-size: 1.1rem;
	line-height: 1.2em;
	padding:0 0 0 18px;
	}
h2.faq_title i {
	margin-left:-23px;
	}

img.faq_logo {
	margin: 12px 0 0 18px;
	width: calc(100% - 36px);
	min-width: 200px;
	}
div.one_tab,
div.one_tab.current {
	margin:4px 4px;
	width:100%;
	min-width: 95px;
	padding: 12px 10px 10px 10px;
	border-radius: 15px 15px 0 0;
	}
a.product_thumbnail {
	width: 100%;
	margin-bottom: 20px;
	}
div.product_verbose {
	width: 100%;
	}
div#single_evidence_document {
	padding: 5px 10px 10px 10px;
	margin-bottom: 10px;
	}
div#how_it_works_icons {
	flex-wrap: wrap;
	}
div#how_it_works_icons div {
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	aspect-ratio: auto;
	width:100%;
	padding: 7px 10px 7px 10px;
	border-bottom: 2px solid white;
	}
div#how_it_works_icons div:last-of-type {
	border-bottom: transparent;
	}
div#how_it_works_icons div img {
	margin: 0 10px 0 0;
	width:60px;
	}
div#how_it_works_icons div span {
	min-width: 143px;
	text-align: left;
	}
.one_case.visible {
	margin: 0px 10px;
	width: calc(100% - 20px);
	opacity: 1;
	}
div.case_widget_header {
	width: calc(100% - 60px);
	margin: 0 auto 50px auto;
	display:block;
	text-align: center;
	}
div.case_widget_header h2 {
	margin-bottom: 10px;
	}
div.one_case {
	height: 440px;
	}
a.logo_link {
	width: 200px;
	margin: auto;
	}
div.one_evidence.one_suspect {
	width: 98%;
		margin: 0 1% 2% 1%;
		padding: 10px 0 35px 0;
	}
div.hotspot_container {
	width: 100%;
	}
div.map_container {
	height:calc(80vh - 120px);
	}
.width_10,
.width_20,
.width_30,
.width_40,
.width_50,
.width_60,
.width_70,
.width_80,
.width_90,
.width_100,
table.crime.width_10,
table.crime.width_20,
table.crime.width_30,
table.crime.width_40,
table.crime.width_50,
table.crime.width_60,
table.crime.width_70,
table.crime.width_80,
table.crime.width_90,
table.crime.width_100 {
	width:100%;
	margin-left:0px;
	margin-right:0px;
	}
div.suspect_grid div.one_evidence.promo {
	width: 100%;
	}

}

/* ------------------------------------------------------------------  PHONES  -- < 430 */
@media (max-width: 430px) { 
div#viewport div#vp_600 { display:none; }
div#viewport div#vp_430 { display:block; opacity:0.9; }
.hidden_430 {
	display:none;
	}
div.ultra_float {
	width:calc(100% - 20px);
	}
div#how_it_works_footer {
	padding: 0 5px;
	}
div.one_case {
	height: 490px;
	}
div.one_case_static {
	margin: 0px 10px 30px 10px;
	width: calc(100% - 20px);
	}
div#billboard_video {
	width: 100%;
	margin-right:1%;
	}
div.case_closed {
	top:38px;
	font-size: 3.8rem;
	color:rgba(255,255,255,0.6);
	top:auto;
	bottom:20px;
	right:0px;
	}

}




/** 4 **/