/*
Theme Name: Crio
Author: BoldGrid
Theme URI: https://www.boldgrid.com/themes/crio
Author URI: https://www.boldgrid.com/
Description: Crio is a WordPress SuperTheme that allows front-end designers, developers and other web professionals to create without bounds or restrictions.  Crio’s advanced customization options are completely integrated with the WordPress Customizer API, providing you with a powerful, but familiar interface to customize your website. Our integration gives you granular control over many elements straight from the Customizer, and even device previews so you can see how your site looks on different devices. Crio’s unique color palette system keeps colors consistent across your site. Drag and drop colors in your palette to increase or decrease the usage of that color throughout your website. Use the advanced controls to create a custom Header, Footer, or Blog Page layout. Be Bold and stand above the rest with Crio by BoldGrid!
Version: 2.13.2
Requires at least: 5.5
Tested up to: 5.9
Requires PHP: 5.6
License: GPL-3.0-or-later
License URI: https://www.gnu.org/licenses/gpl-3.0-standalone.html
Text Domain: crio
Tags: news, blog, e-commerce, sticky-post, theme-options, threaded-comments, full-width-template, footer-widgets, featured-images, flexible-header, custom-header, custom-logo, custom-background, custom-colors, custom-menu, editor-style, translation-ready, left-sidebar, right-sidebar, grid-layout, one-column, two-columns, three-columns, four-columns

Copyright (C) 2020 BoldGrid

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 3
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/

#toplevel_page_crio .wp-menu-image:before {
	content: "\e900";
	font-family: 'boldgrid';
}

/* Fix My Keys — diagnostic instrument visual system */
:root {
	--fmk-ink: #171a1d;
	--fmk-panel: #23282c;
	--fmk-paper: #f3f0e9;
	--fmk-white: #fffdf8;
	--fmk-line: #c9c3b6;
	--fmk-amber: #d88a1d;
	--fmk-amber-dark: #8a5410;
	--fmk-muted: #6c6a64;
	--fmk-alert: #9d3b2b;
}

body {
	background: var(--fmk-paper);
	color: var(--fmk-ink);
	font-family: "IBM Plex Sans", sans-serif;
}

.site-header,
#masthead {
	background: var(--fmk-ink) !important;
}

.site-title a,
.site-description,
#main-menu a {
	font-family: "IBM Plex Sans", sans-serif !important;
}

.site-description {
	opacity: .78;
	font-size: .95rem !important;
}

#main-menu a {
	letter-spacing: .01em;
	font-weight: 600;
}

.fmk-doctor,
.fmk-fingerprint,
.fixmykeys-home {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 1rem 3rem;
}

.fmk-doctor > header,
.fixmykeys-home > section:first-child {
	position: relative;
	background: var(--fmk-ink);
	color: var(--fmk-white);
	border: 1px solid #31363b;
	border-radius: 10px;
	padding: 2rem 1.75rem 1.75rem;
	margin: 1rem 0 1.5rem;
	box-shadow: 0 10px 0 #c7bca8;
}

.fmk-doctor > header:before,
.fixmykeys-home > section:first-child:before {
	content: "DIAGNOSTIC START";
	display: inline-block;
	font-family: "IBM Plex Mono", monospace;
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .12em;
	color: var(--fmk-amber);
	margin-bottom: 1rem;
}

.fmk-doctor > header h1,
.fixmykeys-home > section:first-child h1 {
	color: var(--fmk-white);
	font-family: "IBM Plex Sans", sans-serif !important;
	font-weight: 700;
	letter-spacing: -.025em;
	line-height: 1.02;
	margin: 0 0 .85rem;
	font-size: clamp(2.15rem, 6vw, 4.5rem);
	max-width: 12ch;
}

.fmk-doctor > header p,
.fixmykeys-home > section:first-child p {
	color: #e6e0d5;
	max-width: 64ch;
	font-size: 1.05rem;
}

.fmk-doctor section,
.fmk-fingerprint section,
.fixmykeys-home section {
	margin: 1.75rem 0;
}

/* Fob Doctor must not inherit Crio's dark-blue / white-text page palette. */
.page-id-141 .site-content,
.page-id-141 .main-wrapper,
.page-id-141 .main,
.page-id-141 .entry-content,
.page-id-141 article {
	background: var(--fmk-paper) !important;
	color: var(--fmk-ink) !important;
}

.page-id-141 .fmk-doctor {
	color: var(--fmk-ink) !important;
}

.page-id-141 .fmk-doctor section,
.page-id-141 .fmk-doctor section p,
.page-id-141 .fmk-doctor section li,
.page-id-141 .fmk-doctor section strong,
.page-id-141 .fmk-doctor section dt,
.page-id-141 .fmk-doctor section dd,
.page-id-141 .fmk-doctor section summary {
	color: var(--fmk-ink) !important;
}

.page-id-141 .fmk-doctor section h2 {
	color: var(--fmk-amber-dark) !important;
}

.page-id-141 .fmk-doctor details,
.page-id-141 .fmk-doctor details[open],
.page-id-141 .fmk-doctor details > *,
.page-id-141 .fmk-doctor details[open] > * {
	color: var(--fmk-ink) !important;
}

.page-id-141 .fmk-doctor details summary {
	background: var(--fmk-white) !important;
	color: var(--fmk-ink) !important;
}

.page-id-141 .fmk-doctor details[open] summary {
	background: #e7e1d5 !important;
	color: var(--fmk-ink) !important;
}

.page-id-141 .fmk-doctor details[open] > :not(summary) {
	background: #fffaf1 !important;
	color: var(--fmk-ink) !important;
}

.page-id-141 .fmk-doctor details a {
	color: var(--fmk-amber-dark) !important;
}

.page-id-141 .fmk-doctor > header,
.page-id-141 .fmk-doctor > header h1,
.page-id-141 .fmk-doctor > header p,
.page-id-141 .fmk-doctor > header strong {
	color: var(--fmk-white) !important;
}

.fmk-doctor h2,
.fmk-fingerprint h2,
.fixmykeys-home h2 {
	font-family: "IBM Plex Mono", monospace !important;
	font-size: .83rem !important;
	line-height: 1.25;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: var(--fmk-amber-dark);
	margin: 2.2rem 0 .9rem;
}

.fmk-doctor details {
	background: var(--fmk-white);
	border: 2px solid var(--fmk-ink);
	border-left: 7px solid var(--fmk-amber);
	border-radius: 7px;
	margin: .85rem 0;
	overflow: hidden;
	box-shadow: 0 3px 0 rgba(23,26,29,.10);
}

.fmk-doctor summary {
	cursor: pointer;
	padding: 1rem 1.05rem;
	font-weight: 700;
	font-size: 1.02rem;
	line-height: 1.3;
	list-style-position: outside;
}

.fmk-doctor details[open] summary {
	background: #ece7dc;
	border-bottom: 2px solid var(--fmk-ink);
}

.fmk-doctor details > :not(summary) {
	margin-left: 1rem;
	margin-right: 1rem;
}

.fmk-doctor details[open] > :not(summary) {
	background: #fffaf1;
	border-left: 1px solid var(--fmk-line);
	border-right: 1px solid var(--fmk-line);
	padding-left: .9rem;
	padding-right: .9rem;
}

.fmk-doctor details > :last-child {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--fmk-line);
}

.fmk-doctor a,
.fmk-fingerprint a,
.fixmykeys-home a {
	color: var(--fmk-amber-dark);
	font-weight: 600;
	text-decoration-thickness: .12em;
	text-underline-offset: .18em;
}

.fmk-doctor a:hover,
.fmk-fingerprint a:hover,
.fixmykeys-home a:hover {
	color: var(--fmk-ink);
}

/* Homepage symptom cards: visually group each symptom with its explanation. */
.home .site-content,
.home .main-wrapper,
.home .main,
.home .entry-content,
.home .fixmykeys-home {
	background: var(--fmk-paper) !important;
	color: var(--fmk-ink) !important;
}

/* Override legacy Crio light-on-dark text colors on the new light homepage. */
.fixmykeys-home section:not(:first-child),
.fixmykeys-home section:not(:first-child) p,
.fixmykeys-home section:not(:first-child) li,
.fixmykeys-home section:not(:first-child) strong,
.fixmykeys-home section:not(:first-child) ol,
.fixmykeys-home section:not(:first-child) ul {
	color: var(--fmk-ink) !important;
}

.fixmykeys-home section:not(:first-child) h2 {
	color: var(--fmk-amber-dark) !important;
}

.fixmykeys-home section:not(:first-child) a {
	color: var(--fmk-amber-dark) !important;
}

.fixmykeys-home section:not(:first-child) a:hover {
	color: var(--fmk-ink) !important;
}

.fixmykeys-home .fmk-grid {
	display: block !important;
}

.fixmykeys-home .fmk-grid h3 {
	margin: 0 !important;
	padding: 1rem 1rem .45rem !important;
	border: 2px solid var(--fmk-ink);
	border-bottom: 0;
	border-left: 7px solid var(--fmk-amber);
	border-radius: 7px 7px 0 0;
	background: var(--fmk-white) !important;
	color: var(--fmk-ink) !important;
	font-family: "IBM Plex Sans", sans-serif !important;
	font-size: 1.12rem !important;
	font-weight: 700 !important;
	line-height: 1.22 !important;
	letter-spacing: -.01em !important;
	text-transform: none !important;
}

.fixmykeys-home .fmk-grid h3 a {
	color: var(--fmk-ink) !important;
	text-decoration: none !important;
}

.fixmykeys-home .fmk-grid h3 + p {
	margin: 0 !important;
	padding: .25rem 1rem 1rem !important;
	border: 2px solid var(--fmk-ink);
	border-top: 0;
	border-left: 7px solid var(--fmk-amber);
	border-radius: 0 0 7px 7px;
	background: var(--fmk-white) !important;
	color: #44413b !important;
	font-family: "IBM Plex Sans", sans-serif !important;
	font-size: .98rem !important;
	line-height: 1.5 !important;
	box-shadow: 0 3px 0 rgba(23,26,29,.10);
}

.fixmykeys-home .fmk-grid h3 + p:not(:last-child) {
	margin-bottom: .9rem !important;
}

@media (max-width: 720px) {
	.fixmykeys-home .fmk-grid {
		grid-template-columns: 1fr;
		gap: .9rem;
	}

	.fixmykeys-home .fmk-grid h3 {
		font-size: 1.05rem !important;
	}
}

.fmk-fingerprint {
	background: var(--fmk-white);
	border: 1px solid var(--fmk-line);
	border-top: 8px solid var(--fmk-ink);
	border-radius: 6px;
	padding: 1.5rem;
	margin-top: 1rem;
}

.fmk-fingerprint > h1 {
	font-size: clamp(2rem, 5vw, 3.4rem);
	line-height: 1.02;
	letter-spacing: -.02em;
	margin-top: .25rem;
}

.fmk-fingerprint > h1:before {
	content: "FOB FINGERPRINT";
	display: block;
	font-family: "IBM Plex Mono", monospace;
	font-size: .72rem;
	letter-spacing: .12em;
	color: var(--fmk-amber-dark);
	margin-bottom: .75rem;
}

.fmk-next-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	gap: 1px;
	background: var(--fmk-line);
	border: 1px solid var(--fmk-line);
}

.fmk-next-steps > * {
	background: var(--fmk-white);
	margin: 0;
	padding: .9rem 1rem;
}

.fmk-next-steps h3 {
	font-family: "IBM Plex Mono", monospace !important;
	font-size: .92rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--fmk-ink);
}

.mdv-signature {
	border-top: 1px solid rgba(255,255,255,.16);
	margin-top: 1rem;
	padding: 1rem 1.25rem 1.25rem;
	text-align: center;
	font-family: "IBM Plex Sans", sans-serif;
}

.mdv-signature p {
	margin: .2rem 0;
	font-size: .86rem;
	line-height: 1.35;
}

.mdv-signature a {
	color: inherit;
	font-weight: 600;
	text-decoration: none;
}

.mdv-signature p:last-child {
	font-family: "IBM Plex Mono", monospace;
	font-size: .72rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	opacity: .72;
}

.fmk-doctor dl {
	border-left: 3px solid var(--fmk-ink);
	padding-left: 1rem;
}

.fmk-doctor dt {
	font-family: "IBM Plex Mono", monospace;
	margin-top: .8rem;
}

.fmk-doctor ul,
.fmk-doctor ol,
.fmk-fingerprint ul {
	padding-left: 1.3rem;
}

.entry-content {
	font-family: "IBM Plex Sans", sans-serif;
}

@media (max-width: 720px) {
	.fmk-doctor,
	.fmk-fingerprint,
	.fixmykeys-home {
		padding-left: .75rem;
		padding-right: .75rem;
	}

	.fmk-doctor > header,
	.fixmykeys-home > section:first-child {
		padding: 1.35rem 1.15rem 1.2rem;
		margin-top: .6rem;
		box-shadow: 0 7px 0 #c7bca8;
	}

	.fmk-doctor > header h1,
	.fixmykeys-home > section:first-child h1 {
		font-size: clamp(2.15rem, 11vw, 3.4rem);
		max-width: 10ch;
	}

	.fmk-next-steps {
		display: block;
		background: transparent;
		border: 0;
	}

	.fmk-next-steps > * {
		border: 1px solid var(--fmk-line);
		margin-bottom: .65rem;
	}

	.fmk-doctor summary {
		font-size: .98rem;
		padding: .95rem .9rem;
	}
}