@import url('style-variables.css');

/*
 * MARK: button(s)
 */
.wp-block-button a,
.button a,
a.button {
	text-decoration: none;

	&:hover {
		color: #fff;
	}
}

/*
 * MARK: header
 */
.site-header {

	/*
	 * MARK: logo
	 */
	.title-area {
		@media (min-width: 861px) {
			padding: 2px 0;
			width: 220px;
		}
		@media (min-width: 1201px) {
			padding: 0;
			width: 280px;
		}
	}

	/*
	 * MARK: menu
	 */
	.nav-primary {
		max-width: unset;
	}

	.menu-primary .search .search-form {
		display: flex;
		width: auto;
		@media (min-width: 1024px) {
			margin-bottom: 0;
			max-width: 220px;
		}

		.search-form-input {
			font-size: 16px;
			border-color: var(--color-blue);
			border-right-style: none;
			box-shadow: none;
			padding: 10px 13px 8px;

			&::placeholder {
				font-size: 14px;
			}
		}

		.search-submit {
			font-size: 20px;
			padding: 14px 18px 11px 18px;
		}
	}
}

/*
 * MARK: menu sidebar
 */
 .entry-content:has(.wp-classic-menu-block) {
	padding-right: 8.75%;
	padding-left: 8.75%;
	@media (min-width: 782px) and (max-width: 1024px) {
		padding-right: 0;
		padding-left: 0;
	}
}

.wp-classic-menu-block .menu {
	font-size: 15px;
	line-height: 1.3;
	font-weight: 500;

	li {
		display: block;
		padding: 0 0 10px;

		a {
			color: #333;
			text-decoration: none;
			display: inline-block;
			padding-left: 16px;

			&:hover {
				color: var(--color-blue);
				box-shadow: inset 3px 0 0 0 var(--color-blue);
			}
		}

		&.current-menu-item a {
			color: var(--color-blue);
			font-weight: 700;
			box-shadow: inset 3px 0 0 0 var(--color-blue);
		}
	}
}

/*
 * MARK: footer
 */
.footer-widgets {

	a {
		color: var(--color-blue);
		font-weight: 500;
		text-underline-offset: 1px;
		text-decoration: underline 1px rgba(52, 96, 118, 0.65);

		&:hover {
			color: var(--color-blue);
			text-decoration: underline 1px rgba(52, 96, 118, 0);
		}
	}

	ul li {
		margin-bottom: 0;
	}

	/* copyright */
	span {
		font-size: 14px;
	}

	/* .menu-footer-menu {} */
}

/*
 * MARK: footer CTA
 */
.above-footer-cta {
	position: relative;
	left: 50%;
	padding: 0 40px;
	margin-left: -50vw;
	width: 100vw;

	.wp-block-columns {
		background-color: #fff;
		position: relative;
		z-index: 999;
		margin: 0 auto !important;
		padding: 80px 80px 10px;
		width: 90%;
		max-width: 1200px;
		@media (max-width: 1023px) {
			display: block !important;
			padding: 40px 60px 0;
		}
		@media (max-width: 860px) {
			padding: 5% 5% 0 5%;
		}

		.wp-block-column {
			margin-bottom: 32px;
			padding-left: 32px;
			padding-right: 32px;
			@media (max-width: 1023px) {
				flex-basis: 100% !important;
				padding-left: 0;
				padding-right: 0;
			}
		}
	}

	.button-hero {
		background-color: transparent;
		padding: 0;
		width: 100%;

		a {
			color: #fff;
			text-decoration: none;
			/* 2026-01-05 by DSH
			background-color: var(--color-green);
			*/
			background-color: var(--color-acc-dk-swamp);
			display: block;
			padding: 40px 140px 35px 40px;
			transition: all 0.25s ease-in-out;
			@media (max-width: 600px) {
				padding: 20px 30px;
			}

			&:hover {
				box-shadow: inset 0 0 200px rgba(255, 255, 255, 0.2), 0 1px 15px 0 rgba(0, 0, 0, 0.12);
				transition: all 0.15s ease-in-out;
			}
		}
	}
}

.full-width-image.footer-cta-image {
	position: relative;
	z-index: 1;
	padding-top: 34%;
	height: 0;
	@media (max-width: 1023px) {
		left: 50%;
		margin-bottom: 0;
		margin-left: -50vw !important;
		width: 100vw !important;
	}
	@media (min-width: 1361px) {
		padding-top: 42%;
	}
	@media (min-width: 2201px) {
		padding-top: 60%;
	}

	img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 2;
	  height: 100% !important;
	  width: 100% !important;
	  object-fit: cover;
	  object-position: center;
	  @media (max-width: 1023px) {
		  left: 32px !important;
		  width: calc(100% - 64px) !important;
	  }
	}
}

/*
 * MARK: home
 */
.home {

	.entry {
		margin-bottom: 0;
	}

	/* hero section */
	.hero-title {
		font-size: 70px;
		@media (max-width: 1200px) {
			font-size: 56px;
			text-wrap: balance;
		}
		@media (max-width: 1023px) {
			font-size: 48px;
		}
		@media (max-width: 860px) {
			font-size: 38px;
		}
	}

	/* footer */
	.footer-widgets .wrap {
		border-top-style: none;
	}
}

/*
 * MARK: search & filter
 */
.filter-container.corenc-resource-filter,
.filter-container.corenc-webinar-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;

	.search-filter-field {
		flex: 0 1 100%;
		padding-bottom: 16px;
		@media (min-width: 782px) {
			flex: 0 1 25%;
		}

		> div {
			width: 96%;
		}

		&.search-filter-field--type-control {
			flex: 0 1 auto;
			margin-right: 3%;
			@media (min-width: 782px) {
				margin-right: 1%;
			}

			&.search-filter-field--control-type-submit {
				@media (min-width: 782px) {
					margin-left: auto;
				}

				button {
					color: #fff;
					border-color: var(--color-green);
					background-color: var(--color-green);
				}
			}
		}
	}
}

.search-filter-component-popup.search-filter-style--choice-select {
	border: 1px solid #111;
	background-color: #fff;
}

/*
 * MARK: post type archive
 */
.archive {

	.archive-description {
		padding: 0 8.75%;
	}

	.full-width-image {
		padding-top: 20px;
	}

	.intro {
		padding: 0 8.75% 60px;

		ol,
		ul {
			margin-bottom: 28px;
			margin-left: 36px;
			padding: unset;

			li {
				list-style-type: unset;
			}
		}
	}

	.content-sidebar-wrap:has(.full-width-image) .intro {
		@media (min-width: 1025px) {
			background-color: #fff;
			position: relative;
			z-index: 99;
			margin-top: -120px;
			padding-top: 60px;
		}
	}

	.content {
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: 100%;
		gap: 24px;
		padding: 0 8.75% 56px;
		@media (min-width: 861px) {
			/* grid-template-columns: repeat(3, calc((100% / 3) - 16px)); */
			/* gap: 24px; */
			grid-template-columns: repeat(2, calc(50% - 24px));
			gap: 48px;
		}

		.filter-container,
		.archive-pagination {
			/* padding: 0; */
			@media (min-width: 861px) {
				/* grid-column: 1 / 4; */
				grid-column: 1 / 3;
			}
		}

		article {
			box-shadow: inset 0 0 0 1px #d8d8d8;
			margin: 0;
			padding: 24px 24px 0;

			.entry-header,
			.entry-content,
			.entry-footer {
				padding: 0;
			}

			.entry-header {
				background-color: transparent;
				position: relative;

				i[class^="fa"] {
					color: var(--color-forest-green);
					font-size: 28px;
					position: absolute;
					top: 2px;
					right: 2px;
				}

				.entry-title {
					font-size: 22px;
					line-height: 1.2;
					letter-spacing: -1px;
					margin-bottom: 16px;

					.entry-title-link {
						color: var(--color-forest-green-light);

						&:hover {
							text-decoration: underline;
						}
					}
				}

				&:has(i[class^="fa"]) .entry-title {
					margin-right: 48px;
				}
			}

			.entry-content {

				.taxonomy-terms {
					font-size: 14px;

					ul {
						font-size: 14px;
						font-weight: 500;
						display: inline;
						margin: 0 0 10px;

						li {
							display: inline;

							&::after {
								content: ", ";
							}

							&:last-child::after {
								content: none;
							}
						}

						a {
							color: var(--color-green);
							text-decoration: underline;

							&:hover {
								text-decoration: none;
							}
						}
					}
				}

				p {
					font-size: 16px;
					margin: 16px 0;
				}
			}
		}
	}
}

.post-type-archive-corenc-webinar,
.tax-corenc-webinar-series {

	.content article {

		.entry-header .entry-title {

			.entry-title-link {
				color: var(--color-purple);
			}
		}

		.entry-content .taxonomy-terms ul {

			a {
				color: var(--color-purple-light);
			}
		}
	}
}

.tax-corenc-resource-strategy {

	.content article {

		.entry-header {
			i[class^="fa"] {
				color: var(--color-blue);
			}

			.entry-title {

				.entry-title-link {
					color: var(--color-blue-alt);
				}
			}
		}

		.entry-content .taxonomy-terms ul {

			a {
				color: var(--color-blue);
			}
		}
	}
}

/*
 * MARK: post type
 */
.single-corenc-webinar .content {

	.taxonomy-terms {
		padding: 0 8.75%;
	}

	p {
		font-size: 17px !important;
	}

	h2 {
		font-size: 22px;
	}

	h3 {
		font-size: 17px;
		margin-top: 16px;
		margin-bottom: 0;
	}
}

/*
 * MARK: strategy resources
 */
.strategy-resources {

	.wp-block-column {
		box-shadow: inset 0 0 0 1px #d8d8d8;
		padding: 24px 24px 0;

		.wp-block-heading {
			font-size: 22px;
			line-height: 1.2;
			margin-top: 0;

			a {
				color: var(--color-blue-alt);
			}
		}

		p {
			font-size: 16px;
			margin: 16px 0;
		}
	}
}