/*
Theme Name: Women First NLC
Author: Women First NLC
Author URI: https://womenfirstnlc.com/
Description: Custom theme for Women First NLC
Update URI: false
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0.2

Text Domain: womenfirst
Tags: block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, one-column, style-variations, translation-ready, wide-blocks
*/


/* Legacy Styles (Do not remove)
---------------------------------------- */

/* -- Colors -- */

:root {
	--wp--preset--color--neutral: #f5f5f5;
}

.has-neutral-background-color {
	background-color: var(--wp--preset--color--neutral) !important;
}

/* -- Spacing -- */

/*
:root {
	--wp--preset--spacing--x-small: clamp(10px, 2vw, 20px);
	--wp--preset--spacing--small: clamp(30px, 4vw, 40px);
	--wp--preset--spacing--medium: clamp(40px, 6vw, 60px);
	--wp--preset--spacing--large: clamp(50px, 8vw, 80px);
	--wp--preset--spacing--x-large: clamp(60px, 10vw, 100px);
}
*/

/* Defaults
---------------------------------------- */

html {
	scroll-behavior: smooth;
}

a,
button,
input,
textarea,
.wp-element-button {
	transition: all 0.2s ease-in-out;
}

a,
a:focus,
a:hover,
a:not(.wp-element-button) {
	text-decoration-thickness: 1px;
}

th {
	font-weight: var(--wp--custom--font-weight--bold);
}

mark {
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--regular);
	padding: 5px 8px;
}

/* -- Forms -- */

input,
select,
textarea {
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: 0;
	color: var(--wp--preset--color--contrast);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: var(--wp--custom--font-weight--light);
	line-height: var(--wp--custom--line-height--small);
	padding: 10px 15px;
	width: 100%;
}

input:focus,
textarea:focus {
	filter: brightness(95%);
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
}

::placeholder {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.5;
}

/* Blocks
---------------------------------------- */

/* -- Navigation -- */

.wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
	border: 1px solid currentColor;
	padding: 2px;
}

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
	height: 32px;
	width: 32px;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: var(--wp--preset--color--primary);
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:focus,
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--contrast);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
	text-align: center;
}

.site-header .wp-block-navigation__container > .wp-block-navigation-item > a {
	font-family: var(--wp--preset--font-family--accent);
	letter-spacing: 0.1em;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

.site-header .wp-block-navigation__container .wp-block-navigation-item a {
	color: var(--wp--preset--color--secondary);
}

.site-header .wp-block-navigation__container .wp-block-navigation-item a:focus,
.site-header .wp-block-navigation__container .wp-block-navigation-item a:hover {
	color: var(--wp--preset--color--primary);
}

.site-header .wp-block-navigation .wp-block-navigation__submenu-container {
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--medium);
}

/* -- Navigation Submenu -- */

.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--base);
	/*color: var(--wp--preset--color--contrast);*/
}

.has-contrast-background-color .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open,
.has-contrast-background-color .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

/* Utility
---------------------------------------- */

/* -- Position -- */

.is-style-position-fixed {
	position: fixed;
}

.is-style-position-relative {
	position: relative;
}

/* -- Z-Index -- */

.is-style-negative-zindex {
	z-index: -99;
}

.is-style-positive-zindex {
	z-index: 99;
}





.wf-overflow-hidden {
	overflow: hidden;
}

.wp-block-cover.wf-home-hero-contain .wp-block-cover__image-background {
	height: calc(100% - var(--wp--preset--spacing--30));
	object-fit: contain;
	padding-top: var(--wp--preset--spacing--30);
}

.wp-block-cover.wf-home-hero-right .wp-block-cover__image-background {
	object-position: 0 50%;
}

.wp-block-cover.wf-home-hero-right .wp-block-cover__image-background {
	object-position: 100% 50%;
}

.wp-block-cover p {
	font-size: clamp(1.5rem, 0.5rem + 4vw, 3rem) !important;
	text-shadow: 0 0 5px #0006;
}

.wf-page-header {
	background-color: var(--wp--preset--color--contrast);
	background-image: linear-gradient(to right, var(--wp--preset--color--secondary), var(--wp--preset--color--secondary) 15px, #273f78 15px, #273f78 30px);
	background-position: center;
	background-repeat: repeat-x;
	background-size: 30px auto;
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--accent);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: var(--wp--custom--font-weight--regular);
	/*letter-spacing: 0.05em;*/
	line-height: var(--wp--custom--line-height--small);
	margin-block-end: var(--wp--preset--spacing--60) !important;
	padding: var(--wp--preset--spacing--60) var(--wp--style--root--padding-right) var(--wp--preset--spacing--60) var(--wp--style--root--padding-left);
	text-align: center;
	text-transform: uppercase;
}

.wp-block-button.is-style-outline .wp-block-button__link:focus,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

.wp-block-post-excerpt__more-link {
	font-size: var(--wp--preset--font-size--small);
}

.wp-block-quote {
	position: relative;
}

.wp-block-quote::before {
	content: "\201C";
	font-size: clamp(5.625rem, 1.875rem + 15vw, 11.25rem);
	font-style: normal;
	left: 0.075em;
	position: absolute;
	top: -0.05em;
}

.wp-block-quote > cite::before {
	content: "\2014";
	margin-right: 0.2em;
}

.wp-block-separator.is-style-wide {
	background-image: radial-gradient(circle, #22397338 2.5px, transparent 0px);
	background-position: center;
	background-size: 15px 5px;
	background-repeat: repeat-x;
	border: 0;
	height: 5px;
	mask-image: linear-gradient(to left, transparent 0, #000 15%, #000 85%, transparent 100%);
}

.site-footer > .wp-block-group {
	box-shadow: inset 0 70px 70px -50px #589bd417;
}

.wp-block-separator.is-style-star {
	border: 0;
	display: block;
	height: 32px;
	position: relative;
	width: auto;
}

.wp-block-heading.wf-home-h2 {
	font-family: var(--wp--preset--font-family--accent);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: var(--wp--custom--font-weight--medium);
	letter-spacing: 0.2em;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.wp-block-separator.is-style-star::after,
.wp-block-heading.wf-home-h2::after {
	background-image: radial-gradient(circle, #22397338 2.5px, transparent 0px);
	background-position: center;
	background-repeat: repeat-x;
	background-size: 15px 5px;
	border: 0;
	content: "";
	display: block;
	height: 32px;
	mask-image: linear-gradient(to right, transparent 0, #000 15%, #000 calc(50% - 20px), transparent calc(50% - 20px), transparent calc(50% + 20px), #000 calc(50% + 20px), #000 85%, transparent 100%);
}

.wp-block-separator.is-style-star::before,
.wp-block-heading.wf-home-h2::before {
	background-image: url('./assets/images/hr-icon-star.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 32px;
	content: "";
	height: 32px;
	left: 50%;
	position: absolute;
	bottom: 0;
	transform: translateX(-50%);
	width: 40px;
	z-index: 1;
}

.entry-postmeta .taxonomy-category a {
	text-decoration: none;
}

.entry-postmeta .wf-meta-source .prefix,
.entry-postmeta .wf-meta-source .value {
	display: inline;
}

.entry-postmeta .wf-meta-source .prefix {
	font-style: italic;
}

.wp-block-query.wf-news-grid article {
	height: 100%;
}

.wp-block-query.wf-news-grid .entry-postmeta .taxonomy-category {
	display: inline-block;
	line-height: var(--wp--custom--line-height--x-small);
	margin-left: -5px !important;
}

/*
.wp-block-query.wf-news-grid .taxonomy-category a {
	text-decoration: none;
}

.wp-block-query.wf-news-grid .wf-meta-source .prefix,
.wp-block-query.wf-news-grid .wf-meta-source .value {
	display: inline;
}

.wp-block-query.wf-news-grid .wf-meta-source .prefix {
	font-style: italic;
}
*/

.wp-block-cb-carousel-v2.wf-home-members-carousel .wp-block-media-text__media img {
	border-radius: 1.5em;
}

.wp-block-cb-carousel-v2 {
	--wp--custom--carousel-block--navigation-sides-offset: -15px;
	--wp--custom--carousel-block--navigation-size: 43px;
	--wp--custom--carousel-block--pagination-bullet-active-color: var(--wp--preset--color--primary);
	--wp--custom--carousel-block--pagination-bullet-color: transparent;
	--wp--custom--carousel-block--pagination-bullet-opacity: 1;
	--wp--custom--carousel-block--pagination-bullet-size: 15px;
}

.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet {
	border: 2px solid var(--wp--preset--color--primary);
}

.wp-block-cb-carousel-v2 .cb-button-next,
.wp-block-cb-carousel-v2 .cb-button-prev {
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	width: 31px;
}

.wp-block-cb-carousel-v2 .cb-button-prev {
	background-image: url('./assets/images/arrow-left.png');
}

.wp-block-cb-carousel-v2 .cb-button-next {
	background-image: url('./assets/images/arrow-right.png');
}

.wp-block-cb-carousel-v2 .cb-button-prev::after,
.wp-block-cb-carousel-v2 .cb-button-next::after {
	display: none;
}

.wp-block-columns.wf-home-dbe-columns .wp-block-button__link:focus,
.wp-block-columns.wf-home-dbe-columns .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--base);
}



body .gform_wrapper.gform-theme--framework {
	--gf-ctrl-btn-bg-color-focus-primary: transparent;
	--gf-ctrl-btn-bg-color-hover-primary: transparent;
	--gf-ctrl-btn-bg-color-primary: var(--wp--preset--color--primary);
	--gf-ctrl-btn-border-color-focus-primary: var(--wp--preset--color--primary);
	--gf-ctrl-btn-border-color-hover-primary: var(--wp--preset--color--primary);
	--gf-ctrl-btn-border-color-primary: var(--wp--preset--color--primary);
	--gf-ctrl-btn-border-width-primary: 3px;
	--gf-ctrl-btn-color-focus-primary: var(--wp--preset--color--primary);
	--gf-ctrl-btn-color-hover-primary: var(--wp--preset--color--primary);
	--gf-ctrl-btn-color-primary: var(--wp--preset--color--base);
	--gf-ctrl-btn-font-size: var(--wp--preset--font-size--body) !important;
	--gf-ctrl-btn-font-weight: var(--wp--custom--font-weight--bold);
	--gf-ctrl-btn-line-height: var(--wp--custom--line-height--one);
	--gf-ctrl-btn-padding-x: var(--wp--preset--spacing--20) !important;
	--gf-ctrl-btn-padding-y: var(--wp--preset--spacing--20);
	--gf-ctrl-btn-radius: 9999px;
	--gf-ctrl-btn-shadow: none;
	--gf-ctrl-btn-text-transform: uppercase;
	--gf-ctrl-desc-color: #666;
	--gf-ctrl-desc-font-size: var(--wp--preset--font-size--x-small);
	--gf-ctrl-font-size: var(--wp--preset--font-size--body);
	--gf-ctrl-label-color-tertiary: #666;
	--gf-ctrl-label-font-size-primary: var(--wp--preset--font-size--small);
	--gf-ctrl-label-font-size-req: var(--wp--preset--font-size--body);
	--gf-ctrl-label-font-size-tertiary: var(--wp--preset--font-size--small);
	--gf-ctrl-label-line-height-primary: var(--wp--custom--line-height--small);
	--gf-form-gap-y: var(--wp--preset--spacing--20);
	--gf-label-space-primary: 5px;
}

body .gform_wrapper.gform-theme--framework .gform_required_legend {
	font-size: var(--wp--preset--font-size--small);
}

#gform_wrapper_4.gform-theme--framework #gfield_description_4_4 ul {
	list-style-type: disc;
	padding-inline-start: 2em;
}

/* Media Queries
---------------------------------------- */

@media only screen and (max-width: 1270px) {

	.wp-block-cover.wf-home-hero-contain {
		justify-content: flex-start;
		min-height: 420px !important;
	}

	.wp-block-cover.wf-home-hero-contain .wp-block-cover__inner-container {
		padding: var(--wp--preset--spacing--30);
		position: relative;
		width: auto;
	}

	.wp-block-cover.wf-home-hero-contain .wp-block-cover__image-background {
		object-fit: cover;
		object-position: 50% 0 !important;
	}

}

@media only screen and (max-width: 960px) {

	.wf-news-grid .wp-block-post-template.is-layout-grid {
		grid-template-columns: 1fr;
	}

}

@media only screen and (max-width: 782px) {

	/* -- Columns -- */

	.wp-block-columns.is-style-column-reverse {
		flex-direction: column-reverse;
	}

	.wp-block-cover.wf-home-hero-contain {
		flex-direction: column;
		padding: 0;
		min-height: unset !important;
	}

	.wp-block-cover.wf-home-hero-contain .wp-block-cover__image-background {
		order: 2;
		padding-top: 0;
		position: relative;
	}

}

@media only screen and (max-width: 600px) {

	/* -- Utility -- */

	.is-style-hidden-mobile {
		display: none !important;
	}

	.wp-block-navigation:not(.is-vertical) {
		--navigation-layout-direction: column;
	}

	.site-header > .wp-block-group {
		align-items: center;
		display: flex;
		flex-wrap: nowrap;
	}

	.site-header .wp-block-site-logo {
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: left;
		width: 100%;
	}

	.site-header .wp-block-site-logo img {
		width: 200px;
	}

	.site-header .wp-block-site-logo + .wp-block-group {
		margin-block-start: 0;
		background-color: transparent !important;
	}

	.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
		gap: 0.5em;
	}

	.site-footer .wp-block-site-logo img {
		width: 200px;
	}

}

@media only screen and (min-width: 600px) {
	.wp-block-navigation__container {
		--wf-nav-border-width: 2px;
		--wf-nav-row-gap: var(--wp--preset--spacing--30);

		row-gap: var(--wf-nav-row-gap);
	}

	.wp-block-navigation:not(.is-vertical) .wp-block-navigation__container > .wp-block-navigation-item {
		line-height: 1;
	}

	.wp-block-navigation:not(.is-vertical) .wp-block-navigation__container > .wp-block-navigation-item::before {
		border-left: var(--wf-nav-border-width) solid var(--wp--preset--color--blue-light);
		bottom: 0;
		content: "";
		height: 1em;
		left: calc((var(--wf-nav-row-gap) + var(--wf-nav-border-width)) / -2);
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.wp-block-navigation:not(.is-vertical) .wp-block-navigation__container > .wp-block-navigation-item:first-child::before {
		content: none;
	}

	.site-header .wp-block-navigation__container > .wp-block-navigation-item > a {
		padding: 0.75em 0;
	}

	.site-header .wp-block-navigation .wp-block-navigation__submenu-container {
		border: 0;
		box-shadow: 5px 5px 35px 10px #000c;
		min-width: 320px !important;
		padding: 0;
	}

	.site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
		border-top: 1px solid var(--wp--preset--color--blue-light);
	}

	.site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:first-child {
		border-top: 0;
	}

	.site-header .wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
		padding: 0.75em 1em;
	}

	.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
		padding-left: 10px !important;
		padding-right: 10px !important;
		padding-top: 5px !important;
	}

	.site-footer .wp-block-navigation:not(.is-vertical) .wp-block-navigation__container > .wp-block-navigation-item::before {
		border-left-color: var(--wp--preset--color--secondary);
	}
}

@media only screen and (min-width: 782px) {

	.wp-block-columns.wf-home-dbe-columns > .wp-block-column:first-child {
		position: relative;
	}

	.wp-block-columns.wf-home-dbe-columns > .wp-block-column:first-child::after {
		--wf-home-dbe-gradient-width: 800px;
		--wf-home-deb-bg-width: calc(var(--wf-home-dbe-gradient-width) * 0.75);

	  background-image: radial-gradient(circle var(--wf-home-dbe-gradient-width) at -60% 50%, #000c, #0000 100%);
	  bottom: 0;
	  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100px 50%);
	  content: '';
	  left: 95%;
	  position: absolute;
	  top: 0;
	  width: var(--wf-home-deb-bg-width);
	}

	.wp-block-columns.wf-home-dbe-columns > .wp-block-column > .wp-block-group {
		height: 100%;
		justify-content: center;
	}

	.wp-block-buttons.wf-dbe-buttons .wp-block-button .wp-block-button__link {
		overflow-x: visible;
		padding-right: calc(100vi - 100%) !important;
		width: 100vi;
	}

}

@media only screen and (min-width: 1400px) {
	.wp-block-cb-carousel-v2 {
		--wp--custom--carousel-block--navigation-sides-offset: 24px;
	}
}