/*
Theme Name:     ArcStone Starter Theme
Theme URI:      n/a
Template:       kadence
Author:         ArcStone
Author URI:     http://www.arcstone.com/
Description:    ArcStone Kadence child theme.
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Helper classes */
.list-unstyled {
	padding-left: 0 !important;
	list-style: none !important;
}

/* WP 6.8 Override, may be fixed in Core or Kadence later */
.wp-block-button__link {
	width: auto;
}

.text-wrap-balance {
	text-wrap: balance;
}

.mb-0 {
    margin-bottom: 0 !important;
}

label.kb-query-label {
	margin-bottom: .5rem;
	display: block;
}

/* Removes extra spacing on AMO header import since the button is hidden */
.arc-kadence-header [data-section="kadence_customizer_header_html2"] {
	margin-right: 0;
}

.arc-random-homepage-img {
	height: 400px;
	width: 100%;
	object-fit: cover;
}

.arc-random-subpage-img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	object-position: 67% 37%;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

@media (min-width: 768px) {
	.arc-random-homepage-img {
		height: 700px;
	}
}

/* Adding external link icon except for certain circumstances */
#inner-wrap a:not([href*="5be8a8bb91.nxcli.io"]):not([href*="ncil.org"]):not([href*="#"]):not([href^="/"]):not([name]):not([class*="facet"]):after,
#inner-wrap a[target="_blank"]:not([href="#"]):not([href^="/"]):not(.kb-section-link-overlay):after {
	content: '\f08e';
	display: inline-block;
	font-family: 'Font Awesome 6 Pro';
	margin-left: 6px;
	font-size: .7em;
	font-weight: bold;
	opacity: .9;
	text-decoration: none;
}

/* No external link icon on resource cards or on AMO header*/
#inner-wrap #primary .arc-resource-card a:after,
.arc-facetwp-map-wrapper a:after,
.arc-kadence-header #inner-wrap a:after {
	content: "" !important;
}

[data-section="kadence_customizer_header_html"] .header-html-inner {
	display: flex;
	gap: 15px;
}

/* Since they aren't real links, disable hover color. */
.menu-item--has-toggle .menu-item--has-toggle > a:hover,
.menu-item--has-toggle .menu-item--has-toggle > a:focus {
	color: var(--global-palette3) !important;
}

/* .header-search-bar form input.search-field::placeholder {
	opacity: 1;
	color: var(--global-palette3);
}

.header-search-bar .search-form .search-submit[type="submit"] {
	color: var(--global-palette3);
}

.header-search-bar .search-form .search-submit[type="submit"]:before {
	opacity: 1;
	background: url(/wp-content/uploads/2024/08/hourglass.svg) center no-repeat;
    background-size: 18px;
} */

.page-title.search-title {
	font-size: 32px;
}

.entry-hero {
	position: relative;
	z-index: 2;
	height: 350px;
}

@media (min-width: 768px) {
	.entry-hero {
		height: 400px;
	}
}

@media (min-width: 992px) {
	.entry-hero {
		height: 500px;
	}
}

.entry-hero .entry-hero-container-inner {
	background-size: cover;
	background-position: 67% 37%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	height: 100%;
}

.entry-hero .entry-hero-container-inner .hero-container {
	height: 100%;
}

.entry-hero .entry-hero-container-inner .hero-container h1 {
	width: max-content;
	max-width: calc(100% - 60px);
	position: absolute;
	transform: translate3D(-50%, -50%, 0);
	top: 100%;
	left: 50%;
	background: white;
	padding: 24px;
	border-radius: 15px;
	line-height: 1;
	font-size: 32px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}

.mobile-header-button-inner-wrap .button-size-small {
	padding: 10px 25px;
}

.mobile-menu-container .menu-label-icon-wrap {
	display: none;
}

.kadence-menu-icon-side-left .menu-label-icon-wrap {
	margin-right: 10px;
}

.kadence-menu-has-icon .nav-drop-title-wrap {
	align-items: end;
	font-weight: bold;
}

.header-navigation .header-menu-container .kadence-menu-mega-enabled > .sub-menu > li.menu-item-has-children > a {
    font-size: 16px;
	padding-bottom: 12px !important;
}

.header-navigation .header-menu-container .kadence-menu-mega-columns-2 > .sub-menu {
	display: block !important;
	columns: 2;
}
.header-navigation .header-menu-container li {
	break-inside: avoid;
}

.header-navigation .header-menu-container .sub-menu .sub-menu li.menu-item,
.header-navigation .header-menu-container .sub-menu .sub-menu li.menu-item > a {
	font-size: 15px;
	font-weight: normal;
}

.header-navigation .header-menu-container ul ul li.menu-item > a {
	min-width: 200px;
	width: 100%;
}

/* Easy Text Resize Plugin tweaks */
.header-html .wpavefrsz-text,
.header-html .wpavefrsz-theme-dark .wpavefrsz-text {
	font-size: 14px;
	color: var(--global-palette3);
}

.header-html .wpavefrsz-theme-dark .wpavefrsz-minus,
.header-html .wpavefrsz-theme-dark .wpavefrsz-plus,
.header-html .wpavefrsz-theme-dark .wpavefrsz-reset {
	border-color: var(--global-palette3);
	color: var(--global-palette3);
}

/* Ironically, stop resize buttons from resizing. */
.wpavefrsz-minus,
.wpavefrsz-plus,
.wpavefrsz-reset {
	font-size: 20px !important;
}

/* Icon spacing fix */
.wpavefrsz-plus:before {
	position: relative;
	top: 1px;
}

.has-modal-open #inner-wrap {
	z-index: 99;
	position: relative;
}

.gform-body {
	--gf-form-gap-y: 20px;
}

.gform_footer .gform_button.button {
	font-size: 16px !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
	padding: 12px 20px !important;
	line-height: 1.3 !important;
}

.single-resource  .content-area {
	margin-top: 6rem;
	margin-bottom: 2rem;
}

.single-resource.content-width-narrow .content-container.site-container {
	background: white;
}

.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	padding: 12px;
	line-height: 1;
	text-transform: uppercase;
	font-weight: bold !important;
	color: white;
	background: var(--global-palette1);
	margin: 12px 0;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	padding: 0px 24px 24px;
}

ul > .wp-block-navigation-item > a {
	font-weight: bold;
}

.wp-block-navigation ul.wp-block-navigation__container {
	row-gap: 20px !important;
	width: 100% !important;
}

.wp-block-navigation ul.wp-block-navigation__container,
.wp-block-navigation ul.wp-block-navigation__container * {
	align-items: flex-start !important;
}

.wp-block-navigation ul.wp-block-navigation__container a:after {
	display: none !important;
}
	
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
	padding-top: 0;
}

body .wp-block-navigation__responsive-container-open:not(.always-shown) {
	display: block !important;
	margin: 12.5px 0;
}

body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	display: none !important;
}

body .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
	align-items: center;
}

.archive .page-title.archive-title {
	margin-bottom: 60px;
}

.wpavefrsz {
	margin-top: 5px;
}

.gtranslate_wrapper {
	margin-top: 15px;
}

.mobile-navigation .menu-item .sub-menu .sub-menu li {
	font-weight: normal;
}

.mobile-navigation .menu-item-type-custom .wp-block-kadence-advancedheading {
	color: var(--global-palette3);
	font-weight: normal;
	line-height: 1.5;
}

.mobile-navigation .menu-item-type-custom .wp-block-kadence-advancedheading a {
	border-bottom: 0;
	padding: 0;
	display: inline;
	text-decoration: underline;
}

.header-widget-area-inner .widget_block {
	margin: 0;
}

/* AMO */
header .amo-sso-link,
#mobile-drawer .amo-sso-link {
	padding: 10px 15px;
	margin: 0 auto;
	text-decoration: none !important;
	font-style: normal;
	font-size: 16px;
	border-radius: 8px 8px 8px 8px;
	color: var(--global-palette3);
	background: var(--global-palette2);
	border: 2px none transparent;
	box-shadow: 0px 0px 0px -7px rgba(0,0,0,0);
	font-weight: 700;
	/* font-size: 18px; */
	line-height: 1.2;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: inline-block;
}

[data-section="kadence_customizer_header_top"] .amo-sso-link:hover,
[data-section="kadence_customizer_header_top"] .amo-sso-link:active,
[data-section="kadence_customizer_header_top"] .amo-sso-link:focus {
	background: #e71162;
	color: white;
}

/* Hide "replaced" link with shortcode, but gotta hide the extra bogus a tag after it */
a.amo-sso-link + a[href="#"] {
	display: none;
}

.wpamo-sso-form-group {
	padding-bottom: 10px;
}

.wpamo-sso-modal.modal {
	padding: 30px 30px 20px;
}

#amo-sso-login-modal a#wpamo-sso-branding-anchor img.wpamo-sso-branding-img {
	margin-bottom: 20px;
}

.wpamo-sso-submit-btn {
	margin-bottom: 20px;
}

.blocker {
	z-index: 9999;
}

#amo_organization_application_button button {
	background: #6a7e26;
}

#amo_individual_application_button button {
	background: var(--global-palette2);
	color: var(--global-palette3);
}

#amo_individual_application_button,
#amo_organization_application_button {
	margin: 0;
	padding: 0;
}

#amo_individual_application_button form,
#amo_organization_application_button form {
	margin: 0;
}

/* Hiding reCaptcha Badge (we are showing text instead) https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed */
.grecaptcha-badge {
	visibility: hidden;
}

.recaptcha-v3-text {
	font-size: 14px;
	padding-top: 8px;
	width: 100%;
}

.tribe-block.tribe-block__event-website {
	margin-top: 24px;
}

/* Fixing bug with TEC and Kadence UI? */
.ui-widget-overlay.ui-front {
	display: none;
}

#primary .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date .tribe-events-calendar-month__day-date-daynum, #primary .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link .tribe-events-calendar-month__day-date-daynum {
	color: white;
}

.tribe-events-view.alignwide {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
}

/* Migration from Resource to Page tweaks, should only affect if Classic Editor comes first. */
.parent-pageid-2678 .type-page .entry-content-wrap,
.parent-pageid-2678.content-style-unboxed .entry:not(.loop-entry).type-page > .entry-content-wrap {
	padding-top: 5rem;
	padding-bottom: 5rem;
	background: var(--global-palette7);
}
.parent-pageid-2678 .type-page > .entry-content-wrap .entry-content,
.parent-pageid-2678.content-title-style-hide .type-page > .entry-content-wrap .entry-content,
.parent-pageid-2678.content-title-style-above .type-page > .entry-content-wrap .entry-content {
	margin: 0 auto;
	max-width: var(--global-content-narrow-width);
	background: white;
	padding: 2rem;
}

/* Set default padding top if the the banner image/title is added, just in case it's not set by the block itself. */
section.entry-hero.page-hero-section.entry-hero-layout-standard + .content-area .entry-content > .kb-row-layout-wrap:first-child > .kt-row-column-wrap {
	padding-top: var(--global-kb-spacing-3xl, 6.5rem);
}

/* Fallback Image for homepage feed */
.wp-block-kadence-query .wp-block-kadence-query-card .kb-query-grid-wrap .kb-is-ratio-image {
	background: url(/wp-content/uploads/2024/07/ncil-logomark-event.jpg) no-repeat center / cover;
}

.gform_confirmation_message {
	background: var(--global-palette1);
	border-radius: 15px;
	color: white;
	padding: 24px;
	box-shadow: 0 0 30px rgba(0, 0, 0, .15);
}

@media only screen and (max-width: 641px) {
	.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    	line-height: 1;
	}
}

@media (min-width: 768px) {
	.entry-hero .entry-hero-container-inner .hero-container h1 {
		font-size: 42px;
	}
	.single-resource  .content-area {
		margin-top: 5rem;
	}
}

@media (min-width: 1025px) {
	.gtranslate_wrapper,
	.wpavefrsz {
		margin-top: 0;
	}
	#primary-menu > li > ul.sub-menu,
	#primary-menu > li > ul.submenu {
		padding: 16px 0;
		column-gap: 24px !important;
	}
	#primary-menu ul.sub-menu ul.sub-menu,
	#primary-menu ul.submenu ul.submenu {
		padding: 6px 0 0;
	}
	#primary-menu > li > ul.sub-menu,
	#primary-menu > li > ul.submenu {
		border-radius: 15px;
	}
	#primary-menu > li:not(.kadence-menu-mega-enabled) > .sub-menu,
	#primary-menu > li:not(.kadence-menu-mega-enabled) > ul.submenu {
		left: -10px !important;
	}
	#primary-menu > li:last-of-type > .sub-menu,
	#primary-menu > li:last-of-type > ul.submenu {
		left: auto !important;
	}
	/* First mega-menu left aligned vs center so it doesn't get cut off. */
	#primary-menu > li:first-child > .sub-menu {
		margin-left: 0 !important;
		left: -10px !important;
	}
	#primary-menu ul li.menu-item > a {
		padding: 8px 24px;
	}
	#primary-menu > li > ul.sub-menu, #primary-menu > li > ul.submenu {
		min-width: 100%;
	}
	.entry-hero .entry-hero-container-inner .hero-container h1 {
		font-size: 48px;
		/* max-width: 1000px; */
		text-wrap: balance;
	}
	.single-resource  .content-area {
		margin-top: 7rem;
	}
	ul .wp-block-navigation .wp-block-navigation__submenu-icon {
		margin-left: -5px;
	}
	ul > .wp-block-navigation-item > a {
		padding: 15px 10px !important;
	}
	ul > .wp-block-navigation-item .wp-block-navigation__submenu-container {
		padding-left: 0;
	}
	body .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;
	}
	.wp-block-navigation .wp-block-navigation__submenu-icon {
		margin-left: -6px;
	}
	body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
	}
	.wp-block-navigation ul.wp-block-navigation__container {
		gap: 15px;
	}
	.has-modal-open #inner-wrap {
		position: static;
	}
	.main-navigation .primary-menu-container > ul li.menu-item > a {
		font-size: 16px;
	}
	.site-branding a.brand img {
		width: 100%;
		max-width: 265px;
	}
	.search-toggle-open-container .search-toggle-open,
	[data-section="kadence_customizer_header_top"] .amo-sso-link,
	#main-header .header-button, #main-header .kb-button {
		font-size: 14px;
	}
	[data-section="kadence_customizer_header_top"] .amo-sso-link {
		margin: 0px 0px 0px 8px;
	}
	select.gt_selector {
		font-size: 14px;
		max-width: 150px;
	}
	.page-title.search-title {
		font-size: 36px;
		margin-bottom: 48px;
	}
	#main [aria-label="2024 Conference"] li.wp-block-navigation-item.has-child:last-child > ul {
		columns: 2;
		display: block;
		width: 400px;
		justify-self: flex-end;
		left: 0;
		right: 0;
	}
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
		padding: 5px 0;
	}
	ul > .wp-block-navigation-item li a {
		padding: 10px !important;
		font-weight: normal;
	}
}

@media (min-width: 1200px) {
	.site-branding a.brand img {
		max-width: 365px;
	}
	#primary-menu ul li.menu-item > a {
		font-size: 16px;
	}
	.page-title.search-title {
		font-size: 42px;
	}
	#main [aria-label="2024 Conference"] li.wp-block-navigation-item.has-child:last-child > ul {
		justify-self: center;
	}
}

@media (min-width: 1250px) {
	/* Setting width in CSS since Kadence's interface won't go higher than 800px */
	#primary-menu #menu-item-20677.kadence-menu-mega-enabled > .sub-menu {
		width: 900px;
		margin-left: -450px;
	}
	.main-navigation .primary-menu-container > ul li.menu-item > a {
		font-size: 18px;
	}
	.search-toggle-open-container .search-toggle-open,
	[data-section="kadence_customizer_header_top"] .amo-sso-link,
	#main-header .header-button, #main-header .kb-button {
		font-size: 16px;
	}
	select.gt_selector {
		font-size: 18px;
	}
}