/*
Theme Name: State Democracy Defenders
Theme URI: https://statedemocracydefenders.org/
Author: State Democracy Defenders
Description: A custom theme built for the State Democracy Defenders site (based on Frost 1.0.8).
Requires at least: 6.4
Tested up to: 6.6.1
Requires PHP: 7.0
Version: 1.0.1.0
Text Domain: sdd
*/


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

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

html {
	scroll-behavior: smooth;
}

a,
button,
input:focus,
input[type="button"],
input[type="submit"],
textarea:focus,
.wp-element-button {
	transition: all 0.2s ease-in-out;
}

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

/*
b,
strong,
th {
	font-weight: var(--wp--custom--font-weight--medium);
}
*/

mark {
	background: linear-gradient(90deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary) 100%);
	background-position: 0 85%;
	background-repeat: repeat-x;
	background-size: 100% 15%;
}

/* -- 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: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--body);
	font-weight: var(--wp--custom--font-weight--light);
	line-height: var(--wp--custom--line-height--body);
	padding: 10px 20px;
	width: 100%;
}

input:focus,
textarea:focus {
	background-color: var(--wp--preset--color--neutral);
	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
---------------------------------------- */

/* -- Code -- */

*:not(.wp-block-code) > code {
	background-color: var(--wp--preset--color--neutral);
	font-size: var(--wp--preset--font-size--small);
	padding: 5px 8px;
}

/* -- Navigation -- */

.wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--custom--spacing--gap);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: var(--wp--custom--spacing--gap);
}

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

.wp-block-navigation__responsive-container-open::after {
	content: 'Menu';
	font-family: Inter;
	font-size: 9px;
	left: 50%;
	margin-top: 2px;
	position: absolute;
	text-transform: uppercase;
	top: 100%;
	transform: translateX(-50%);
}

.has-background .wp-block-navigation__responsive-container-open:focus,
.has-background .wp-block-navigation__responsive-container-open:hover {
	color: var(--wp--preset--color--base);
}

.wp-block-navigation .wp-block-navigation-item.is-style-color-secondary .wp-block-navigation-item__content {
	color: var(--wp--preset--color--secondary);
	font-weight: var(--wp--custom--font-weight--semi-bold);
}

/* -- Navigation Submenu -- */

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--contrast);
	border: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	padding: 10px;
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
	padding: 2px 10px;
}





/* Forms
---------------------------------------- */

.gform_wrapper.gform-theme--framework {
  --gf-ctrl-font-size: var(--wp--preset--font-size--small);
  --gf-ctrl-label-font-size-primary: var(--wp--preset--font-size--small);
  --gf-ctrl-padding-x: 1em;
  --gf-ctrl-padding-y: 1em;
  --gf-ctrl-radius: 0;
	--gf-ctrl-size: auto !important;
  --gf-form-gap-x: var(--wp--preset--spacing--x-small);
  --gf-form-gap-y: var(--wp--preset--spacing--x-small);
/*
  --gf-ctrl-border-style: none;
  --gf-ctrl-font-size: 16px;
  --gf-ctrl-label-font-weight-primary: var(--wp--custom--font-weight--normal);
  --gf-ctrl-label-line-height-tertiary: var(--wp--custom--line-height--large);
  --gf-ctrl-line-height: 44px;
  --gf-ctrl-padding-x: 1.111em;
  --gf-ctrl-padding-y: 0.556em;
  --gf-ctrl-radius: 0;
	--gf-ctrl-shadow: none;
	--gf-ctrl-shadow-focus: none;
	--gf-ctrl-size: 44px !important;
  --gf-form-gap-x: var(--wp--preset--spacing--small);
  --gf-form-gap-y: var(--wp--preset--spacing--small);
  --gf-form-footer-margin-y-start: var(--wp--preset--spacing--small);
*/
}

.gform_wrapper.gform-theme.gform-theme--framework .gform_footer input[type=submit].button {
  --gf-ctrl-btn-bg-color-primary: var(--wp--preset--color--primary);
  --gf-ctrl-btn-bg-color-focus-primary: var(--wp--preset--color--base);
  --gf-ctrl-btn-bg-color-hover-primary: var(--wp--preset--color--base);
/*  --gf-ctrl-btn-border-style: none;*/
/*  --gf-ctrl-btn-border-style-primary: none;*/
	--gf-ctrl-btn-border-color-primary: var(--gf-ctrl-btn-bg-color-primary);
	--gf-ctrl-btn-border-color-focus-primary: var(--gf-ctrl-btn-bg-color-primary);
	--gf-ctrl-btn-border-color-hover-primary: var(--gf-ctrl-btn-bg-color-primary);
	--gf-ctrl-btn-border-width-primary: 2px;
  --gf-ctrl-btn-color-primary: var(--wp--preset--color--base);
  --gf-ctrl-btn-color-focus-primary: var(--gf-ctrl-btn-bg-color-primary);
  --gf-ctrl-btn-color-hover-primary: var(--gf-ctrl-btn-bg-color-primary);
  --gf-ctrl-btn-font-size: var(--wp--preset--font-size--x-large);
  --gf-ctrl-btn-font-weight:  var(--wp--custom--font-weight--bold);
  --gf-ctrl-btn-line-height: var(--wp--custom--line-height--heading);
  --gf-ctrl-btn-padding-x: 2em;
  --gf-ctrl-btn-padding-y: 0.5em;
  --gf-ctrl-btn-radius: 0;
	--gf-ctrl-btn-shadow: none;
  --gf-ctrl-btn-shadow-focus: none;
  --gf-ctrl-btn-shadow-hover: none;
  --gf-ctrl-btn-text-transform: uppercase;
/*  --gf-local-width: 100%;*/
}

body .gform_wrapper .gform_footer {
	justify-content: center;
}

body .gform_wrapper .gform_footer input[type=submit] {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

body .gform_wrapper .gform_body .gform_fields #field_1_7.gfield {
	font-size: var(--wp--preset--font-size--x-small);
	line-height: var(--wp--custom--line-height--medium);
}



.sdd-clearfix {
	clear: both;
}

.sdd-nav-container {
	box-shadow: 0px 7px 25px 10px rgba(84, 85, 84, 0.13);
}

.sdd-fund-nav-container {
	box-shadow: 0px 7px 25px 10px rgba(215, 154, 91, 0.5);
}



figure.alignleft,
figure.alignright {
	max-width: 40%;
}

body .is-layout-constrained > .alignleft,
body .is-layout-constrained > .alignright {
	margin-block-end: 1em;
}

figure.alignleft,
body .is-layout-constrained > .alignleft {
	margin-inline-end: 1.5em;
}

figure.alignright,
body .is-layout-constrained > .alignright {
	margin-inline-start: 1.5em;
}

h1 {
	text-align: center;
}

h2 a,
h3 a,
h4 a {
	text-decoration-line: none;
}

body.page:not(.home) .post-content {

}

body.home h2,
body.page-template-fund-front-page h2 {
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: var(--wp--custom--font-weight--medium);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

body.home h3,
body.page-template-fund-front-page h3 {
	font-family: var(--wp--preset--font-family--accent);
	font-size: var(--wp--preset--font-size--x-large);
}


body.home .wp-block-cb-carousel.slick-dotted.slick-slider {
	margin-bottom: 0;
}

body.home .wp-block-cb-carousel .slick-track {
	display: flex;
}

body.home .wp-block-cb-carousel .slick-slide {
	float: none;
	height: auto;
	padding-left: 0;
	padding-right: 0;
}

body.home .wp-block-cb-carousel .slick-next::before,
body.home .wp-block-cb-carousel .slick-prev::before {
	color: #bbb;
}

body.home .wp-block-cb-carousel .wp-block-cover__inner-container > .wp-block-group {
	display: flex;
	flex-direction: column;
	justify-content: center;
/*	background-image: linear-gradient(to top, #fffd, #fffd 80%, #fff0) !important; */
	background-color: #fffc !important;
	box-shadow: 0 0 30px 15px #fffa;
}

body.home .wp-block-cb-carousel .slick-dots {
	align-items: center;
	bottom: 15px;
	display: flex;
	justify-content: center;
}

body.home .wp-block-cb-carousel .slick-dots li {
	height: 18px;
	width: 30px;
}

body.home .wp-block-cb-carousel .slick-dots li button {
	height: 18px;
	padding: 5px;
	width: 30px;
}

body.home .wp-block-cb-carousel .slick-dots li button::before {
	background-color: #000;
	content: '';
	height: 8px;
	top: 5px;
	transition: all 0.2s ease-in-out;
	width: 30px;
}

body.home .wp-block-cb-carousel .slick-dots li.slick-active {
	cursor: none;
	pointer-events: none;
}

body.home .wp-block-cb-carousel .slick-dots li.slick-active button::before {
	background-color: var(--wp--preset--color--primary);
}

body.home #people .wp-block-column .wp-block-image {
	margin-bottom: var(--wp--preset--spacing--x-small);
}


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

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

	.site-header > .wp-block-group {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.site-header .sdd-site-toggle {
		justify-content: center !important;
		width: 100%;
	}

	.site-header .sdd-site-logo {
		flex-basis: 75%;
	}

	.site-header .sdd-site-logo img {
		max-width: 70%;
	}

	.sdd-fund-nav-container {
		background-color:var(--wp--preset--color--contrast) !important;
		color: var(--wp--preset--color--base);
	}

	.site-header nav {
		justify-content: flex-end;
	}

	body.page:not(.home) .entry-header + .wp-block-group {
		padding-left: 0;
		padding-right: 0;
	}

	.sdd-nav-container,
	.sdd-fund-nav-container {
		box-shadow: none;
	}

	body.home .wp-block-cb-carousel.alignfull .slick-next {
		right: 5px;
	}

	body.home .wp-block-cb-carousel.alignfull .slick-prev {
		left: 5px;
	}

	body.home .wp-block-cb-carousel .slick-dots {
		position: relative;
		margin-bottom: 10px;
		margin-top: 10px;
		bottom: auto;
	}

	body.home #resources {
		--sdd-mobile-resource-gutter: 5px;

		padding-left: var(--sdd-mobile-resource-gutter);
		padding-right: var(--sdd-mobile-resource-gutter);
	}

	body.home #resources .wp-block-columns {
		row-gap: var(--sdd-mobile-resource-gutter);
	}

	body.home #resources .wp-block-columns + .wp-block-columns {
		margin-block-start: var(--sdd-mobile-resource-gutter);
	}

	/* -- Footer -- */

	.site-footer > .wp-block-group > .wp-block-group {
		flex-direction: column;
	}

	/* -- Utility -- */

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

}

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

	.site-header .sdd-site-toggle {
		position: absolute;
		right: 0;
	}

	body.home .wp-block-cb-carousel .slick-next,
	body.home .wp-block-cb-carousel .slick-prev {
		height: 40px;
		width: 40px;
	}

	body.home .wp-block-cb-carousel .slick-next::before,
	body.home .wp-block-cb-carousel .slick-prev::before {
		font-size: 40px;
	}

}

@media only screen and (min-width: 600.001px) and (max-width: 1000px) {

	.site-header .sdd-site-logo {
		padding-top: var(--wp--preset--spacing--medium) !important;
	}

}

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

	/* -- Footer -- */

	.site-footer > .wp-block-group > .wp-block-group {
		flex-wrap: wrap;
		gap: 3em;
	}

	.site-footer > .wp-block-group > .wp-block-group p {
		max-width: none;
		order: 3;
	}

	/* -- Columns -- */

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

	.wp-block-columns.sdd-tablet-columns-2:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: calc(50% - (var(--wp--preset--spacing--large) * 0.5)) !important;
	}

	body.home .wp-block-cb-carousel .wp-block-cover {
		align-items: normal;
		height: 100%;
		min-height: 30vh !important;
	}

	body.home .wp-block-cb-carousel .wp-block-cover__inner-container > .wp-block-group {
		height: 100%;
	}

	body.page-template-fund-front-page .entry-content > .wp-block-cover:first-child {
		min-height: 40vh !important;
	}

}

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

	.is-layout-constrained > figure.alignleft,
	.is-layout-constrained > figure.alignright {
		max-width: 75%;
	}

}



body .sdd-query-news-grid .is-layout-grid {
	gap: var(--wp--custom--spacing--gap);
}

body.archive .wp-block-query .columns-3 .wp-block-post > .sdd-query-news-card,
body.blog .wp-block-query .columns-3 .wp-block-post > .sdd-query-news-card,
body.home .wp-block-query .columns-3 .wp-block-post > .sdd-query-news-card {
	height: 100%;
}


/* -- Button -- */

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