/*
 Theme Name:        Uptown Studios Child
 Text Domain:       uptown-studios-child
 Author:            April Auger
 Author URI:        https://uptownstudios.net
 Description:       Uptown Studios Child Theme
 Template:          uptown-studios
 Version:           1.0.0
 Requires at least: 5.9
 Tested up to:      6.0
 Requires PHP:      5.6
 License:           GNU General Public License v2 or later
 License URI:       http://www.gnu.org/licenses/gpl-2.0.html
*/

/*--------------------------------------------------------------
# Editor color palette
--------------------------------------------------------------*/

/* Primary color */
/* Primary gradient */
.has-primary-gradient-background {
	background: linear-gradient(135deg, #14447a 0%, #235a9a 100%) !important;
}

/* Typography */
h1,
.h1,
.has-xlarge-font-size {
	color: var(--wp--preset--color--primary);
	font-size: 2.5rem;
	font-size: clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem);
	/* Min: 40px Max: 50px */
	font-weight: 800;
}

h2,
.h2,
.has-large-font-size {
	color: var(--wp--preset--color--primary);
	font-size: 1.875rem;
	font-size: clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem);
	/* Min: 30px Max: 40px */
}

h3,
.h3,
.subtitle,
.has-medium-font-size {
	color: var(--wp--preset--color--primary) !important;
	font-size: var(--wp--preset--font-size--medium);
}

.single-form-results article {
	color: #666;
}

.single-form-results article h2 {
	margin-bottom: 1.5rem;
}

.single-form-results article h3 {
	margin-bottom: 0.5rem;
	font-size: 1.0625rem;
	font-size: clamp(1.0625rem, 1rem + 0.3125vw, 1.375rem);
}

h4,
.h4 {
	font-size: 1rem;
	font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
	/* Min: 16px Max: 18px */
}

.has-small-font-size {
	font-size: 0.8125rem;
	font-size: clamp(0.8125rem, 0.7875rem + 0.125vw, 0.9375rem);
	/* Min: 13px Max: 15px */
}

body,
.has-regular-font-size {
	font-size: 1rem;
	font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
	/* Min: 16px Max: 18px */
}

/* Navigation */
@media (min-width: 992px) {
	/* make everything in the collapse sit on one line */
	#navbar-content {
		align-items: center;
		flex-wrap: nowrap;
	}

	/* let the menu take the flexible space */
	#navbar-content > .navbar-nav {
		flex: 1 1 auto;
		min-width: 0;
	}

	/* keep the buttons from dropping to a new line */
	#navbar-content > .btn {
		flex: 0 0 auto;
		white-space: nowrap;
	}
}

.navbar-nav {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	justify-content: center;
}

@media (min-width: 1200px) {
	.bm-horizontal #site-navigation ul#menu {
		margin-left: 2rem;
	}
}

/* Jumbotron */
.home .jumbotron-wrapper .jumbotron::after,
#title-block.bkg-img .tb-wrapper::before {
	background: transparent linear-gradient(89deg, #14447a 0%, #0a223d00 100%)
		0% 0% no-repeat padding-box;
}

h1.title {
	text-shadow: 3px 2px 3px #0000005c;
}

.jumbotron-container {
	max-width: 700px;
}

.jumbotron-wrapper,
.jumbotron,
.jumbotron::after {
	height: 50vh !important;
	min-height: 450px;
}

.jumbotron-wrapper h1 {
	font-size: clamp(2rem, 1.8rem + 1vw, 3rem);
}

/* Buttons */
.btn,
.wp-block-button__link {
	transition:
		background-color 0.3s ease,
		color 0.3s ease,
		border-color 0.3s ease;
}

.btn.btn-primary,
.btn.btn-primary:visited {
	color: #fff;
}

.btn-secondary {
	border: transparent;
	color: var(--wp--preset--color--primary);
}

a.wp-block-button__link.has-yellow-background-color:hover {
	color: #fff !important;
	background: var(--wp--preset--color--primary) !important;
	border-color: var(--wp--preset--color--primary) !important;
}

.btn-secondary:hover {
	color: #fff;
	background: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
}

.acct-link {
	margin: 10px 0px;
}

@media (max-width: 991.98px) {
	.row-eq-height {
		margin-left: 5px;
		margin-right: 5px;
	}
}

@media (min-width: 992px) {
	.acct-link {
		margin: 0 0 0 10px;
	}
}

/* Footer */
#footer {
	margin-top: 3rem;
	text-align: center;
}

.page-id-2 #footer {
	margin-top: 0;
}

@media (min-width: 992px) {
	#menu-quick-links {
		align-items: center;
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		margin-bottom: 0;
		margin-top: 45px;
		padding-bottom: 5%;
		padding-top: 3%;
	}

	#menu-quick-links li {
		display: inline-block;
		margin-left: 15px;
		margin-right: 15px;
	}

	#menu-quick-links li:first-child a {
		margin-left: 25px;
	}

	#menu-quick-links li:last-child a {
		margin-right: 25px;
	}

	#menu-quick-links::after,
	#menu-quick-links::before {
		content: '';
		flex: 1 1 auto;
		border-bottom: solid 1px #fff;
		opacity: 0.25;
	}
}

/* Gutenberg blocks */
#content .kt-accordion-panel-inner {
	border: none;
}

.offcanvas-end {
	width: 95%;
}

.offcanvas .wp-block-kadence-accordion {
	width: 100%;
}

/* Widgets */
ul#menu-account-links {
	padding: 0;
}

ul#menu-account-links li {
	display: inline-block;
	list-style: none;
	margin-bottom: 0.25rem;
	width: 100%;
}

ul#menu-account-links li a {
	display: block;
	padding: 0.75rem 1.5rem;
}

ul#menu-account-links li.current-menu-item a,
ul#menu-account-links li.current-menu-item a:visited {
	background-color: #14447a;
	color: #ffffff;
}

ul#menu-account-links li a:hover,
ul#menu-account-links li a:active {
	background-color: #f7f7f7;
}

/* Blocks */
.in-progress-block,
.completed-block {
	background: #eceff4;
	border-radius: 4px;
	margin-bottom: 1.5rem;
	padding: 1.5rem;
}

.completed-block {
	background: #fefaec;
}

.in-progress-block p {
	margin-bottom: 0.25rem;
}

.in-progress-block ul {
	padding-left: 1rem;
}

/* Equal height columns */
.row.equal-height {
	display: flex;
	flex-wrap: wrap;
}

.row.equal-height > [class*='col-'] {
	flex-grow: 1;
}

/* Forms */
#frm_field_269_container .frm_description {
	margin-left: 1.5rem;
}

.frm_form_field {
	line-height: 1.5rem;
}

.frm_forms a {
	font-weight: 700;
	text-decoration: underline;
}

.frm_style_formidable-style.with_frm_style
	.frm-show-form
	.frm_section_heading
	h3 {
	border-top: none;
	color: #14447a;
	font-size: clamp(1.25rem, 1.15rem + 0.5vw, 1.75rem);
	/* Min: 20px Max: 28px */
	padding: 0;
}

@media (max-width: 1200px) {
	.frm_style_formidable-style.with_frm_style .frm_section_heading {
		margin-top: 5px;
	}
}

.section-divider {
	color: #ffbf00;
	height: 3px !important;
	opacity: 100%;
}

#form_californiawraparoundcountyandprovidercertification {
	margin-top: 2rem;
}

.with_frm_style .frm_checkbox {
	margin-top: 0.25rem;
	padding-bottom: 0.5rem;
}

.with_frm_style .frm_checkbox input[type='checkbox'] {
	position: relative;
	width: 1rem;
	height: 1rem;
	color: #363839;
	border: 1px solid #bdc1c6;
	border-radius: 2px;
	outline: 0;
	cursor: pointer;
	transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}

.single-frm_display h2 {
	margin-bottom: 1.5rem;
}

.single-frm_display {
	color: #555;
}

hr {
	margin: 1.5rem 0;
}

.with_frm_style .vertical_radio .frm_checkbox label,
.with_frm_style .vertical_radio .frm_radio label {
	display: block;
	padding-left: 25px;
	text-indent: -25px;
}

.with_frm_style .frm_checkbox input[type='checkbox']:checked ~ label::before {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.with_frm_style .frm_primary_label {
	font-weight: 700;
}

.with_frm_style input[type='text'],
.with_frm_style input[type='password'],
.with_frm_style input[type='email'],
.with_frm_style input[type='number'],
.with_frm_style input[type='url'],
.with_frm_style input[type='tel'],
.with_frm_style input[type='file'],
.with_frm_style input[type='search'],
.with_frm_style select,
.with_frm_style .frm-card-element.StripeElement {
	background: #f5f5f5;
	border: none;
	height: 40px;
}

.with_frm_style textarea {
	background: #f5f5f5;
	border: none;
}

.frm_forms.with_frm_style
	.frm_fields_container
	.frm_checkbox
	input[type='checkbox']:not([disabled]):checked {
	border: 1px solid #ffbf00 !important;
}

.frm_forms.with_frm_style .frm_checkbox input[type='checkbox']:before {
	width: 100% !important;
	height: 100% !important;
	background-color: #ffbf00 !important;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6667 1.5L4.25001 7.91667L1.33334 5' stroke='%2314447a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-size: 11px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	margin: 0;
}

.frm_style_formidable-style.with_frm_style
	.form-field
	input:not([type='file']):focus,
.frm_style_formidable-style.with_frm_style select:focus,
.frm_style_formidable-style.with_frm_style textarea:focus,
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type='text'],
.frm_style_formidable-style.with_frm_style
	.frm_focus_field
	input[type='password'],
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type='email'],
.frm_style_formidable-style.with_frm_style
	.frm_focus_field
	input[type='number'],
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type='url'],
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type='tel'],
.frm_style_formidable-style.with_frm_style
	.frm_focus_field
	input[type='search'],
.frm_form_fields_active_style,
.frm_style_formidable-style.with_frm_style
	.frm_focus_field
	.frm-card-element.StripeElement,
.frm_style_formidable-style.with_frm_style
	.chosen-container-single.chosen-container-active
	.chosen-single,
.frm_style_formidable-style.with_frm_style
	.chosen-container-active
	.chosen-choices {
	background: #fafafa;
}

.frm_style_formidable-style.with_frm_style .frm_submit button,
.frm_save_draft {
	border-radius: 0;
	display: inline-block;
	line-height: 1.75;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	padding: 0.375rem 0.75rem;
}

.frm_style_formidable-style.with_frm_style .frm_save_draft,
.frm_style_formidable-style.with_frm_style .frm_save_draft:visited {
	color: #000;
	background-color: #ffbf00;
	border: 1px solid #ffbf00;
}

.frm_style_formidable-style.with_frm_style .frm_save_draft:hover,
.frm_style_formidable-style.with_frm_style .frm_save_draft:active,
.frm_style_formidable-style.with_frm_style .frm_submit button:hover,
.frm_style_formidable-style.with_frm_style .frm_submit button:active {
	background-color: #212121;
	border-color: #212121;
	color: #fff;
}

/* Form */
div#frm_field_692_container h3 {
	font-size: clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem);
}

.frm_style_formidable-style.with_frm_style .frm_section_spacing {
	margin-bottom: 0.25rem !important;
}

.kt-blocks-accordion-header {
	font-weight: 600;
}

.accordion-button.collapsed {
	background: rgba(20, 68, 122, 0.11);
	color: #14447a;
}

.accordion-button {
	background: #144474;
	color: #ffffff;
}

.accordion-button strong {
	padding-left: 2rem;
}

.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
	position: absolute;
	left: 1rem;
}

.accordion-button.collapsed::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2314447A'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.wp-image-508 {
	max-width: 250px !important;
}

.wp-image-402 {
	max-width: 375px !important;
}

span.dashicons.show-notes {
	margin-top: 0.4rem;
	font-size: 1rem;
}

#msg-link {
	color: #996600;
}

.no-bold,
#field_youth_and_family_families_label,
#field_availability_access_processes_label,
#field_flexible_and_creative_work_leadership_label {
	font-weight: normal !important;
}

#frm_field_445_container,
#frm_field_120_container {
	margin-bottom: 0;
}

#frm_field_445_container .frm_opt_container,
#frm_field_562_container .frm_opt_container {
	margin-left: 1.5rem;
}

#field_develop_document_completed_label {
	font-weight: normal;
	margin-bottom: 1rem;
}

div#frm_field_692_container .frm_dropzone .dz-message,
#frm_field_622_container,
#frm_field_760_container {
	margin-bottom: 0;
}

.frm_multi_upload {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

/* Set dropbox to 100% width */
.dz-message.needsclick {
	flex: 0 0 100%;
	width: 100%;
}

.frm_dropzone .dz-preview {
	border: 1px solid #dfdfdf;
	margin-bottom: 0;
}

.frm_form_field:not(.frm_compact)
	.frm_dropzone.frm_multi_upload
	.dz-message
	+ .dz-preview {
	margin-top: 0;
}

.frm_dropzone .dz-preview .dz-image img {
	height: 15px;
}

*,
::after,
::before {
	box-sizing: inherit;
}

.dz-image-preview {
	box-sizing: border-box;
	flex: 1 1 calc(33.333% - 15px);
	max-width: calc(33.333% - 15px);
}

@media (max-width: 576px) {
	.dz-image-preview {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.with_frm_style .frm_dropzone .dz-preview.dz-complete .dz-progress {
	display: none;
}

.frm_dropzone .dz-preview:last-child {
	border-bottom: 1px solid #dfdfdf;
}

.frm_form_field:not(.frm_compact) .frm_dropzone {
	max-width: 100% !important;
}

#frm_field_760_container,
#frm_field_766_container .frm_checkbox {
	margin-left: 1.5rem;
}

.frm_section_heading {
	padding-bottom: 1.5rem;
}

#frm_field_445_container .frm_primary_label,
#frm_field_759_container .frm_primary_label {
	font-weight: 400 !important;
}

#frm_field_759_container .frm_primary_label {
	margin-bottom: 1rem;
}

/* Edit Profile */
#edit-profile .description {
	color: #555 !important;
	font-size: var(--wp--preset--font-size--x-small);
	font-style: italic;
	line-height: 1.4;
}

#edit-profile input[type='text'],
#edit-profile .select2,
.acf-input {
	display: block;
	max-width: 100%;
	width: 550px;
	line-height: 1.4;
}

#edit-profile input,
#edit-profile input::placeholder,
#edit-profile .select2-container .select2-selection--single {
	color: #555;
	font-size: var(--wp--preset--font-size--small) !important;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

#edit-profile .acf-button {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
	padding: 0.25rem 1rem;
	margin-bottom: 1.5rem;
}

#edit-profile label {
	font-size: var(--wp--preset--font-size--small) !important;
}

#edit-profile .acf-button:hover {
	background: var(--wp--preset--color--secondary);
}

.accordion-button:not(.collapsed) {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}

.accordion-item .accordion-button {
	margin-bottom: 0.25rem;
}

.accordion-item {
	border: 0;
	border-radius: 0;
}

#menu-account-links {
	font-weight: 700;
}

#adduser #updateuser {
	background-color: #14447a;
	border: 1px solid #14447a;
	color: var(--wp--preset--color--white) !important;
	font-size: var(--wp--preset--font-size--small);
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
	padding: 0.375rem 0.75rem !important;
}

#adduser .updateuser:hover {
	background-color: #212121;
	border: #212121;
}

#adduser input.select2-container.-acf .select2-selection,
#adduser input,
#adduser .select2-container--default .select2-selection--single {
	border: 1px solid #bbb;
	border-radius: 0;
	padding: 0.25rem 0.5rem;
}

#adduser .select2-container--default .select2-selection--single {
	height: 35px;
	padding-left: 0;
}

#adduser input:disabled {
	border: 1px solid #ccc;
	color: #555 !important;
}

#adduser h2 {
	display: none;
}

#adduser .acf-label {
	display: inline-block;
	width: 100%;
}

#adduser .form-table > tbody > .acf-field > .acf-label {
	padding: 0;
	padding-top: 1rem;
}

#adduser .form-table > tbody > .acf-field > .acf-input {
	padding: 0;
}

.success {
	background: #e9f3ff;
	padding: 1rem 1.5rem;
	margin-bottom: 1.5rem;
	color: var(--wp--preset--color--primary);
}

#edit-profile input[type='text'],
#edit-profile .select2,
.acf-input {
	display: block;
	max-width: 100%;
	width: 100%;
	line-height: 1.4;
	max-width: 550px;
}

.form-display-template-default .with_frm_style .frm_message p {
	margin-bottom: 0.75rem;
}

.page-template-default .accordion-button.collapsed {
	background: rgba(20, 68, 122, 0);
	color: #14447a;
}

.page-template-default .accordion-button {
	border-radius: 0 !important;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
}

#edit-profile input[type='text'],
#edit-profile .select2,
.acf-input {
	max-width: 800px;
}

.acf-field .acf-label label {
	font-weight: 700 !important;
}

.acf-field label.acf-label {
	font-weight: 700 !important;
}

/* Off Canvas */
.offcanvas {
	z-index: 9999999 !important;
	overflow: auto;
}

.off-canvas-right-side .offcanvas-header {
	flex-direction: column;
}

.off-canvas-right-side .offcanvas-header > h2,
.off-canvas-right-side h3 {
	margin-bottom: 0.75rem;
	margin-top: 2.5rem;
}

#supporting-documents .frm_section_heading {
	padding-bottom: 0;
}

.off-canvas-right-side .offcanvas-header .btn-close {
	position: absolute;
	right: 1.5rem;
	top: 1.5rem;
}

.off-canvas-right-side-btn {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	padding: 0 0.75rem;
	position: fixed;
	right: 0;
	top: 140px;
	z-index: 10;
}

.off-canvas-right-side-btn::after {
	content: '\f348';
	font-family: 'dashicons';
	font-size: 1.5rem;
}

.off-canvas-right-side-btn.documents {
	margin-top: 3.25rem;
}

.off-canvas-right-side-btn.documents::after {
	content: '\f497';
}

.frm_style_formidable-style.with_frm_style
	.frm-show-form
	.frm_section_heading
	h3[class*='frm_pos_'] {
	padding-top: 1rem;
}

.form-icon {
	margin-top: 1.5rem;
}

.frm_section_heading .frm_first > p {
	margin-bottom: 0 !important;
}

.with_frm_style .frm_radio label,
.with_frm_style .frm_checkbox label {
	color: #666666;
	font-size: 1rem !important;
}

#edit-profile-content .form-table th {
	vertical-align: top;
	min-width: 8rem;
	box-sizing: border-box;
}

#edit-profile-content .form-table th {
	vertical-align: top;
	padding-right: 1rem;
}

#edit-profile-content .form-table td {
	padding-left: 1rem;
}

#frm_field_1289_container {
	margin-bottom: 0;
}

#frm_field_1290_container {
	margin-left: 1.5rem;
}

/* Back to top */
#back-to-top {
	bottom: 20px;
	display: none;
	/* Initially hidden */
	position: fixed;
	right: 20px;
	z-index: 1000;
}

#back-to-top svg {
	height: 2rem;
	width: 2rem;
}

/* Other styles */
.single-form-display .frm_submit {
	margin-bottom: 2rem;
}
