/*
 Theme Name:   GeneratePress Child for NYOBC
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme, modified by Jeff - gp-child
 Author:       Jeff Cohan
 Author URI:   https://nsiteful.com
 Template:     generatepress
 Version:      0.1
*/

/* -------------------------------------------------------------
// *** Custom Properties/Variables
--------------------------------------------------------------*/

:root {
	--small-number-width: 20ch;
	--description-field-width: 40ch;
	--color-icon-video: green;
	--lesson-icon-size: 1rem;
	--fa-icon-font: Fontawesome;
}
/* -------------------------------------------------------------
// *** Colors
--------------------------------------------------------------*/

body {
	background-color: #ffffff;
}

.wrap-posts article h2 {
	font-size: 1.2rem;
}

#latest-news {
	background-color: #2072a9;
}

#latest-news {
	background-color: #2072a9;
	padding: 1em;
}

.latest-news__heading {
	color: #ffffff;
}

.outer > .gb-inside-container {
	padding: 2em;
	margin-block: 1em;
	/* border: 1px solid fuchsia; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Bitter", Georgia, "Times New Roman", serif;
	font-weight: 500;
}

#hero h2 {
	font-size: 3.2rem;
	text-shadow: 0.08em 0.08em 0em rgba(0, 0, 0, 0.4);
	line-height: 1.2em;
	color: #ffffff;
}

#hero {
	color: #ffffff;
}

#home-services h2 {
	font-size: 1.5rem;
}

#hero .right-side.text {
	padding-block: 4em;
	padding-left: 1em;
}

/* -------------------------------------------------------------
// *** Typography
--------------------------------------------------------------*/

.inside-article a[target="_blank"]::after {
	content: "\f08e";
	font-family: Fontawesome;
	margin-left: 0.5em;
	vertical-align: text-bottom;
	text-decoration: none;
	font-size: 0.8rem;
	display: inline-block;
}

a.no-dec {
	color: inherit;
	text-decoration: none;
	cursor: default;
}

/* -------------------------------------------------------------
// *** Custom Upload App
--------------------------------------------------------------*/
.upload-checklist-message {
	padding: 0.25em 0.5em;
	border: 6px solid fuchsia;
	margin-block: 1em;
}

.form__upload-checklist fieldset {
	border: 2px solid #000;
	padding: 0.5em 1em;
	margin-block: 1em;
}

.form__upload-checklist legend {
	padding: 0.5em;
	border: 1px solid #999;
	margin-bottom: 0;
}

.form__upload-checklist .upload-wrapper > div {
	margin-block: 1em;
}

li.admin-only a {
	background: yellow;
	color: red !important;
}

.km-instructions {
	padding: 0.5em 1em;
	border: 4px solid #ccc;
	font-size: 0.9rem;
	line-height: 100%;
}

.km-instructions p {
	margin-block: 0.75em;
}

/* -------------------------------------------------------------
// *** STAGING ADDITIONS 12/10/22
--------------------------------------------------------------*/
.no-itos {
	color: red;
}
.footer-widgets {
	background-color: black;
	color: #fff;
}

#mepr-account-nav {
	padding: 0.5em 1em;
	border: 6px solid #636363;
}

.main-nav a[target="_blank"]::after {
	content: " *";
	color: red;
	font-weight: 700;
}

.qe-faqs-filters-container {
	display: none;
}

/* -------------------------------------------------------------
// *** Gravity Forms: Section Lables and such
--------------------------------------------------------------*/

.level-1 .gsection_title {
	font-size: 4em;
	color: red;
}

.level-2 .gsection_title {
	font-size: 3em;
	color: green;
	font-style: italic;
}
.level-3 .gsection_title {
	font-size: 2em;
	color: blue;
}

/* Promiment callout, for important form instructions */
.km-gf-notabene {
	padding: 0.25em 0.5em;
	border: 4px solid green;
	font-size: 1.25rem;
	line-height: 125%;
	color: #000000;
}

.km-gf-notabene.urgent {
	border-width: 8px;
	border-color: red;
}

.km-internal-notes {
	background: #ddd;
	border: 1px solid #000;
	padding: 0.25em 0.5em;
}

.km-gf-your-info {
	padding: 0.5em 1em;
	border: 1px solid;
	font-size: 0.8rem;
}

/* Damn, why does GF put border line BELOW GF Sections? I'm fixing here */
.gform_wrapper.gravity-theme .gsection.level-1,
.gform_wrapper.gravity-theme .gsection.level-2,
.gform_wrapper.gravity-theme .gsection.level-3 {
	padding: 1em 0;
	border-style: solid none none none;
	margin-top: 2em;
}

.gform_wrapper.gravity-theme .gsection.level-1 {
	border-width: 6px 0 0 0;
	color: red;
}
.gform_wrapper.gravity-theme .gsection.level-2 {
	border-width: 3px 0 0 0;
	color: green;
}
.gform_wrapper.gravity-theme .gsection.level-3 {
	border-width: 2px 0 0 0;
	color: blue;
}

/* To override above Section rules */
.gfield.gsection .gsection_description {
	color: #000000;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
	color: var(--contrast);
	background-color: var(--base-2);
	border-color: #333333;
}

.gform_wrapper.gravity-theme fieldset.gfield.km-address {
	margin-bottom: 3em;
	border-bottom: 2px dotted #dddddd;
}

/* -------------------------------------------------------------
// *** Gravity Forms vertical spacing on Child Forms; 
Note the .km-child-form selector
--------------------------------------------------------------*/

.gform_wrapper.gravity-theme form.km-child-form input {
	padding: 0.25em 0.5em;
	font-size: 12px;
	/* width: 160px; */
}

.gform_wrapper.gravity-theme form.km-child-form .gfield_label {
	margin: 0;
	padding: 0 1em 0 0;
	width: 30%;
	text-align: right;
	font-weight: normal;
	font-size: 15px;
}

.gform_wrapper.gravity-theme form.km-child-form .gfield_description {
	font-size: 11px;
	margin-block: 0;
	padding-block: 0;
}

.gform_wrapper.gravity-theme form.km-child-form .gfield_header_item {
	padding: 0;
	font-size: 14px;
	color: inherit;
}

/* .inside-article .gform_wrapper.gravity-theme .gform_footer,
.inside-article .gform_wrapper.gravity-theme .gform_page_footer {
	border: 6px solid #000;
	margin-block-start: 3em;
} */

/* -------------------------------------------------------------
// *** Gravity Forms Alignment 3/14/23
--------------------------------------------------------------*/

@media screen and (min-width: 640px) {
	.gc-1-3 {
		grid-column: 1 / 3 !important;
	}
	.gc-1-4 {
		grid-column: 1 / 4 !important;
	}
	.gc-3-5 {
		grid-column: 3 / 5 !important;
	}
	.gc-4-7 {
		grid-column: 4 / 7 !important;
	}
	.gc-5-end {
		grid-column: 5 / -1 !important;
	}
	.gc-7-end {
		grid-column: 7 / -1 !important;
	}
	.gc-7-10 {
		grid-column: 7 / 10 !important;
	}

	.gc-1-3 input,
	.gc-3-5 input,
	.gc-5-end input {
		width: 100% !important;
	}
}

/* -------------------------------------------------------------
// *** Gravity Forms Misc
--------------------------------------------------------------*/

.entry-content .gform_wrapper.gravity-theme .gform_save_link.button {
	background-color: hsl(120, 100%, 25%);
	color: white;
	padding: 0.75rem 2rem;
	border-radius: 999px;
	font-weight: 700;
	border: 8px solid orange;
	box-shadow: 1px 1px 15px -4px rgba(0, 0, 0, 0.5);
}

.entry-content .gform_wrapper.gravity-theme .gform_save_link.button:hover {
	transform: translate(2px, -2px);
	background-color: hsl(120, 91%, 30%);
	box-shadow: red 1px 1px 15px -4px;
}
.entry-content .gform_wrapper.gravity-theme .gform_save_link.button svg {
	display: none;
}

/* -------------------------------------------------------------
// *** Gravity Forms Tax Organizers
--------------------------------------------------------------*/
.gform_save_link {
	position: fixed;
	top: 10px;
	left: 10px;
}

.gform_page_footer .gform_next_button,
#gform_submit_button_13 {
	background-color: green;
	border-radius: 999px;
	padding: 0.5rem 3rem;
	font-size: 2rem;
	border: 8px solid orange;
	text-transform: uppercase;
	font-weight: 600;
}

/* For some fields in Tax Organizer */
.label-left {
	/* Removed !important, which was causing problems */
	display: grid;
	grid-template-columns: 2fr 3fr;
	gap: 1rem;
}
.label-left input,
.small-number input {
	width: var(--small-number-width) !important;
}
.label-left label {
	text-align: right;
}

/* -------------------------------------------------------------
// *** Account Tabs & Other Client Pages
--------------------------------------------------------------*/
/* 
a[href="/account/?action=tab0"] {
	padding: 0.25rem 1rem;
	display: inline-block;
	border: 2px solid black;
	background-color: green;
	color: white;
	border-radius: 999px;
	text-decoration: none;
}

a[href="/account/?action=tab0"]:hover {
	background-color: hsl(120, 100%, 20%);
	transform: translate(2px, -2px);
} */

.mepr-active-nav-tab {
	font-weight: bold;
	padding: 1em;
	background: #ddd;
	margin-inline: 1em;
}

/* -------------------------------------------------------------
// *** Client Landing Page
--------------------------------------------------------------*/

.to-listing__item .to-meta {
	display: none;
}
.button.organizer {
	font-size: 1rem;
	padding: 1rem 2rem;
	background-color: green;
	border-radius: 900px;
}

.button.organizer:hover {
	transform: translateX(2px) translateY(-2px);
	opacity: 0.75;
}

.button.organizer.ito {
	background-color: green;
}
.button.organizer.bto {
	background-color: navy;
}
.organizer-button-wrap {
	margin-block: 2rem;
	display: flex;
	justify-content: center;
}

.button.organizer.to::before {
	content: attr(data-icon);
	font-size: 1rem;
	margin-right: 1rem;
	padding: 0.45rem;
	background: white;
	border-radius: 50%;
}

/* -------------------------------------------------------------
// *** New for the ITO
--------------------------------------------------------------*/

table.gfield_list_container {
	/* border: 3px solid red !important; */
	width: auto !important;
}

.small-number table.gfield_list_container [data-label="Amount"] input,
.small-number .gfield_list_container [data-label="Amount"] input {
	width: var(--small-number-width);
}

.gform_wrapper.gravity-theme .small-number .gfield_list_group_item[data-label="Amount"] input {
	width: var(--small-number-width) !important;
	/* background-color: yellow; */
}

.gform_wrapper.gravity-theme .small-number .gfield_list_group_item[data-label="Description"] input,
.gform_wrapper.gravity-theme .small-number .gfield_list_group_item[data-label="Type"] input,
.gform_wrapper.gravity-theme .small-number .gfield_list_group_item[data-label="Account"] input {
	width: var(--description-field-width) !important;
}

.gform_wrapper.gravity-theme fieldset.gfield--type-list {
	border: 4px solid #ddd;
	padding: 1rem 1rem;
}

.gform_wrapper.gravity-theme fieldset.gfield--type-list legend.gfield_label {
	padding: 0.5em 1em;
	border: 1px solid #000;
	margin-bottom: 0;
}

/* -------------------------------------------------------------
// *** Misc
--------------------------------------------------------------*/

.backup-methods-wrap a {
	color: black;
	text-decoration: none;
}

.backup-methods {
	font-size: 1.2rem;
	color: #000 !important;
	border: 6px solid orange;
	padding: 0.5rem 1rem;
	line-height: 140%;
}

/* -------------------------------------------------------------
// *** Courses
--------------------------------------------------------------*/
.mpcs-doc-text-inv.lesson-tag-video::before,
.mpcs-quiz-icon::before,
.mpcs-doc-text-inv.lesson-tag-reading::before,
.mpcs-doc-text-inv.lesson-tag-reading::before {
	font-size: var(--lesson-icon-size);
}
.mpcs-doc-text-inv.lesson-tag-video::before,
.lesson-tag-video #mpcs-main .mpcs-lesson-icon::before {
	content: "\f03d";
	font-family: var(--fa-icon-font);
	color: var(--color-icon-video);
}

.mpcs-quiz-icon::before {
	color: crimson;
}

.mpcs-doc-text-inv.lesson-tag-reading::before {
	content: "\f518";
	font-family: var(--fa-icon-font);
}

.mpcs-doc-text-inv.lesson-tag-reading::before,
.lesson-tag-reading #mpcs-main .mpcs-lesson-icon::before {
	content: "\f02d";
	font-family: var(--fa-icon-font);
	color: brown;
}

/* -------------------------------------------------------------
// *** ITO Advanced Save Continue
--------------------------------------------------------------*/
.gpasc-new-draft-button {
	display: none;
}

.gpasc-delete-draft-button {
	/* For regular users */
	display: none;
}
[class*="login-as-user"] .gpasc-delete-draft-button {
	/* For admins logging in as... */
	display: inline-block;
	margin-left: 1rem;
	background: darkred;
	color: white;
}
[class*="login-as-user"] .gpasc-delete-draft-button:hover {
	/* For admins logging in as... */
	background: red;
}

.dashicons.dashicons-trash.gpasc-icon-margin-left::before {
	content: "Delete Draft";
}