@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
body, * {
  font-family: "Questrial", sans-serif;
  font-weight: 400;
  font-style: normal;
}

body {
	overflow-x: hidden;
}

.navbar-brand {
     display: none;
}

.navbar-default .navbar-toggler {
  background-color: #fe2e0d;
  margin-top: 15px;
  margin-bottom: 10px;
}

.navbar-default .navbar-toggler:focus {
	box-shadow: none !important;
	background-color: #fe2e0d;
}

.custom-logo {
  width: auto;
  height: 40px;
  margin: 15px 0px 15px 0px;
}

.single-page-section {
	background-color: transparent;
}

#wppb-login-wrap,
#wppb-recover-password-container {
	max-width: 600px;
	margin: 50px auto;
}

.acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="date"], .acf-field input[type="datetime"], .acf-field input[type="datetime-local"], .acf-field input[type="email"], .acf-field input[type="month"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="tel"], .acf-field input[type="time"], .acf-field input[type="url"], .acf-field input[type="week"], .acf-field textarea, .acf-field select{
	font-size: 18px;
	font-family: "Google Sans Flex", sans-serif;
}

.acf-field input[type="text"],
.select2-container.-acf .select2-selection{
	border: 1px solid #ccc;
}

.innate-navigation-drawer {
	--bs-offcanvas-width: min(22rem, calc(100vw - 1.5rem));
}

.innate-navigation-drawer .offcanvas-body {
	display: flex;
	flex-direction: column;
	padding-top: 0.5rem;
}

.innate-navigation-drawer .nav-link {
	width: 100%;
}

.innate-app-menu-footer .widget {
	padding-bottom: 0;
}

.innate-app-menu-footer .widget:last-child {
	margin-bottom: 0;
}

.innate-app-menu-footer .widget-title {
	padding-bottom: 0.5rem;
}

.innate-navigation-drawer .innate-app-menu-footer {
	width: 100%;
	margin-top: auto !important;
}

.innate-app-menu-footer-widget .textwidget,
.innate-app-menu-footer-widget .textwidget a {
	font-size: small;
}

.innate-project-back-button,
.innate-project-page-link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.innate-project-back-button svg,
.innate-project-page-link svg {
	width: 1rem;
	height: 1rem;
}

.innate-project-page-link-list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.innate-project-page-link {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 0.75rem;
	background: #fff;
	color: inherit;
	text-decoration: none;
	box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.04);
}

.innate-project-page-link:hover,
.innate-project-page-link:focus,
.innate-project-page-link.active {
	color: var(--bs-primary);
	border-color: rgba(var(--bs-primary-rgb), 0.35);
}

.innate-acf-form[data-innate-form="project-page"] .innate-page-status-card,
.innate-acf-form[data-innate-form="project-page"] .innate-page-title-visibility-card,
.innate-acf-form[data-innate-form="project-page"] .innate-menu-order-card {
	box-sizing: border-box;
	clear: none;
	display: inline-flex;
	flex-direction: column;
	position: relative;
	width: calc(33.333% - 0.667rem);
	min-width: 0;
	min-height: 100%;
	margin: 0 0.667rem 1rem 0;
	padding: 1rem;
	vertical-align: top;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 0.75rem;
	background: #f8f9fa;
	box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.04);
}

.innate-acf-form[data-innate-form="project-page"] .innate-page-status-card .card-body,
.innate-acf-form[data-innate-form="project-page"] .innate-page-title-visibility-card .card-body,
.innate-acf-form[data-innate-form="project-page"] .innate-menu-order-card .card-body {
	padding: 0;
}

/* Keep the page settings together despite the theme's generic form layout rules. */
.innate-acf-form[data-innate-form="project-page"] .innate-page-settings-row {
	box-sizing: border-box;
	clear: both;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	width: 100%;
	margin: 0 0 1rem;
}

.innate-acf-form[data-innate-form="project-page"] .innate-page-settings-row > .innate-page-status-card,
.innate-acf-form[data-innate-form="project-page"] .innate-page-settings-row > .innate-page-title-visibility-card,
.innate-acf-form[data-innate-form="project-page"] .innate-page-settings-row > .innate-menu-order-card {
	box-sizing: border-box;
	clear: none;
	display: block;
	float: none;
	width: auto;
	min-width: 0;
	min-height: 100%;
	margin: 0;
}

@media (max-width: 767.98px) {
	.innate-acf-form[data-innate-form="project-page"] .innate-page-status-card,
	.innate-acf-form[data-innate-form="project-page"] .innate-page-title-visibility-card,
	.innate-acf-form[data-innate-form="project-page"] .innate-menu-order-card {
		width: 100%;
		margin-right: 0;
	}
}

.innate-acf-form[data-innate-form="project-page"] .acf-field-file[data-name="view_html_upload"],
.innate-acf-form[data-innate-form="project-page"] .acf-field-file[data-name^="view_json_upload_"],
.innate-acf-form[data-innate-form="project-page"] .acf-field-innate-view-html-upload,
.innate-acf-form[data-innate-form="project-page"] [class*="acf-field-innate-view-json-upload-"] {
	box-sizing: border-box;
	clear: none;
	display: inline-flex;
	flex-direction: column;
	position: relative;
	width: calc(20% - 0.8rem);
	min-width: 0;
	min-height: 13rem;
	margin: 0 1rem 1rem 0;
	padding: 3rem 1rem 1rem;
	vertical-align: top;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 0.75rem;
	background: #fff;
	box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.04);
}

.innate-acf-form[data-innate-form="project-page"] .acf-field-file[data-name="view_html_upload"]::before,
.innate-acf-form[data-innate-form="project-page"] .acf-field-file[data-name^="view_json_upload_"]::before,
.innate-acf-form[data-innate-form="project-page"] .acf-field-innate-view-html-upload::before,
.innate-acf-form[data-innate-form="project-page"] [class*="acf-field-innate-view-json-upload-"]::before {
	content: "";
	position: absolute;
	top: 1rem;
	left: 1rem;
	width: 1.5rem;
	height: 1.5rem;
	color: var(--bs-primary);
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 2.5A1.5 1.5 0 0 1 4.5 1h5.38L13 4.12v9.38A1.5 1.5 0 0 1 11.5 15h-7A1.5 1.5 0 0 1 3 13.5zm6 .5v2h2z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 2.5A1.5 1.5 0 0 1 4.5 1h5.38L13 4.12v9.38A1.5 1.5 0 0 1 11.5 15h-7A1.5 1.5 0 0 1 3 13.5zm6 .5v2h2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.innate-acf-form[data-innate-form="project-page"] .acf-field-file[data-name="view_html_upload"] .acf-label label,
.innate-acf-form[data-innate-form="project-page"] .acf-field-file[data-name^="view_json_upload_"] .acf-label label,
.innate-acf-form[data-innate-form="project-page"] .acf-field-innate-view-html-upload .acf-label label,
.innate-acf-form[data-innate-form="project-page"] [class*="acf-field-innate-view-json-upload-"] .acf-label label {
	font-size: 0.875rem;
}

.innate-acf-form[data-innate-form="project-page"] .acf-field-file[data-name="view_html_upload"] .acf-label p,
.innate-acf-form[data-innate-form="project-page"] .acf-field-file[data-name^="view_json_upload_"] .acf-label p,
.innate-acf-form[data-innate-form="project-page"] .acf-field-file[data-name="view_html_upload"] .acf-input,
.innate-acf-form[data-innate-form="project-page"] .acf-field-file[data-name^="view_json_upload_"] .acf-input,
.innate-acf-form[data-innate-form="project-page"] .acf-field-innate-view-html-upload .acf-label p,
.innate-acf-form[data-innate-form="project-page"] [class*="acf-field-innate-view-json-upload-"] .acf-label p,
.innate-acf-form[data-innate-form="project-page"] .acf-field-innate-view-html-upload .acf-input,
.innate-acf-form[data-innate-form="project-page"] [class*="acf-field-innate-view-json-upload-"] .acf-input {
	font-size: 0.8125rem;
}

@media (max-width: 1199.98px) {
	.innate-acf-form[data-innate-form="project-page"] .acf-field-file[data-name="view_html_upload"],
	.innate-acf-form[data-innate-form="project-page"] .acf-field-file[data-name^="view_json_upload_"],
	.innate-acf-form[data-innate-form="project-page"] .acf-field-innate-view-html-upload,
	.innate-acf-form[data-innate-form="project-page"] [class*="acf-field-innate-view-json-upload-"] {
		width: calc(33.333% - 0.7rem);
	}
}

@media (max-width: 767.98px) {
	.innate-acf-form[data-innate-form="project-page"] .acf-field-file[data-name="view_html_upload"],
	.innate-acf-form[data-innate-form="project-page"] .acf-field-file[data-name^="view_json_upload_"],
	.innate-acf-form[data-innate-form="project-page"] .acf-field-innate-view-html-upload,
	.innate-acf-form[data-innate-form="project-page"] [class*="acf-field-innate-view-json-upload-"] {
		width: calc(50% - 0.55rem);
	}
}

@media (max-width: 575.98px) {
	.innate-acf-form[data-innate-form="project-page"] .acf-field-file[data-name="view_html_upload"],
	.innate-acf-form[data-innate-form="project-page"] .acf-field-file[data-name^="view_json_upload_"],
	.innate-acf-form[data-innate-form="project-page"] .acf-field-innate-view-html-upload,
	.innate-acf-form[data-innate-form="project-page"] [class*="acf-field-innate-view-json-upload-"] {
		width: 100%;
		margin-right: 0;
	}
}

.innate-app-menu-toggle {
	display: inline-flex !important;
	margin-left: auto;
}

/*
 * The front-end ACF file fields open WordPress's media modal in this theme.
 * Bootstrap's global heading styles and its accessibility helper otherwise
 * override the media library's own UI styles, causing title and helper text
 * to overlap the filters and selected attachments.
 */
.media-modal .media-frame-title h1 {
	margin: 0;
	padding: 0 16px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 60px;
}

.media-modal .screen-reader-text,
.media-modal .screen-reader-text:focus {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	border: 0;
	white-space: nowrap;
}