wcus.css

/*
Colors set by Global Styles:
--wp--preset--color--base: #fff;
--wp--preset--color--contrast: #24272a;
--wp--preset--color--primary: #9e1c67;
--wp--preset--color--secondary: #005549;
--wp--preset--color--tertiary: #4a1448;
--wp--preset--color--custom-bright-pink: #d60b7b;
--wp--preset--color--custom-medium-pink: #ed4e86;
--wp--preset--color--custom-light-pink: #ffadda;
--wp--preset--color--custom-grass-green: #5ab567;
--wp--preset--color--custom-bright-green: #c1cd42;

--wp--preset--font-family--tilt-warp: 'Tilt Warp';
--wp--preset--font-family--nunito: Nunito;
*/

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
.contact-form-dropdown__button:focus-visible {
	outline: 2px dotted var(--wp--preset--color--primary);
	outline-offset: 2px;
}

.has-base-color :is(a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,.contact-form-dropdown__button:focus-visible) {
		outline-color: var(--wp--preset--color--base);
	}

.wp-block-post-content a:where(:not(.wp-element-button)):focus-visible {
	outline-color: var(--wp--preset--color--secondary);
}

.wp-element-button:visited,
.wp-block-button__link:visited {
	color: var(--wp--preset--color--base);
}

.is-archive-header {
	background-image: url(https://wc-us.org/wp-content/uploads/2023/04/archive-header.svg);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: clamp(7.5rem, 25vw, 15rem);
}

.is-archive-header .wp-block-query-title span {
	display: block;
}

/* Update page headers on small screens. */

@media (max-width: 599px) {

	main > .wp-block-cover:first-child {
		min-height: 0;
		padding: var(--wp--preset--spacing--60) 0;
		background-color: #feeaf6;
	}

		main > .wp-block-cover:first-child img {
			display: none;
		}
}

/* Remove the top-level block gap between template sections. */

.wp-site-blocks {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.wp-site-blocks > * + * {
	margin-block-start: 0;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
		margin-block-start: 16px;
		padding: 0 16px 0 0;
		gap: 8px;
		border-right: 2px solid var(--wp--preset--color--custom-light-pink);
		border-radius: 0;
		text-align: right;
	}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
		font-size: 1.13rem !important;
	}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	padding: 8px;
	border: none;
	border-radius: 2rem 0 2rem 2rem;

	/* 50% opacity light pink */
	background-color: #fed7ed;
}

/*
 * Fix the spacing inside group blocks on contact forms.
 * We can't set the Block Spacing value on the blocks themselves because it
 * breaks the form validation.
 */

.wp-block-jetpack-contact-form .wp-block-group > * + * {
	margin-block-start: 0.5em;
}

/*
 * Fix spacing in post-template grid. We can't control this in the UI, so we'll set it here.
 *
 * Add responsive handling:
 *  - Drop 4 cols to 2 at 1100px.
 *  - Drop 3 cols to 2 at 900px.
 *  - Drop all to one col at 480px.
 */

.wp-block-post-template.is-layout-grid.is-layout-grid {
	gap: 2.5rem;
}

@media (max-width: 900px) {

.wp-block-post-template.is-layout-grid.is-layout-grid.columns-3 {
			grid-template-columns: repeat(2, minmax(0, 1fr));
	}
		}

@media (max-width: 1100px) {

.wp-block-post-template.is-layout-grid.is-layout-grid.columns-4 {
			grid-template-columns: repeat(2, minmax(0, 1fr));
	}
		}

@media (max-width: 480px) {

		.wp-block-post-template.is-layout-grid.is-layout-grid[class*="columns"] {
			grid-template-columns: minmax(0, 1fr);
		}
	}

#tix-attendees ul {
		padding: 0;
	}

#tix-attendees ul li {
			margin-bottom: 2rem;
		}

@media (min-width: 400px) {

#tix-attendees ul {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 4rem 2rem;
	}

			#tix-attendees ul li {
				margin-bottom: 0;
			}
		}

@media (min-width: 600px) {

#tix-attendees ul {
			grid-template-columns: repeat(3, 1fr);
	}
		}

@media (min-width: 960px) {

#tix-attendees ul {
			grid-template-columns: repeat(4, 1fr);
	}
		}

#tix-attendees li {
		margin: 0;
		height: auto;
		width: auto !important;
		float: none;
		position: relative;
	}

#tix-attendees li::before {
			content: "";
			display: inline-block;
			position: absolute;
			inset: 0;
			margin: 0 auto;
			height: 96px;
			width: 96px;
			z-index: -1;
		}

#tix-attendees li:nth-of-type(12n)::before,
		#tix-attendees li:nth-of-type(12n + 6)::before,
		#tix-attendees li:nth-of-type(12n + 9)::before {
			border-radius: 96px 0 0 0;
		}

#tix-attendees li:nth-of-type(12n + 1)::before,
		#tix-attendees li:nth-of-type(12n + 4)::before,
		#tix-attendees li:nth-of-type(12n + 8)::before {
			border-radius: 0 96px 0 0;
		}

#tix-attendees li:nth-of-type(12n + 2)::before,
		#tix-attendees li:nth-of-type(12n + 7)::before,
		#tix-attendees li:nth-of-type(12n + 10)::before {
			border-radius: 0 0 96px 0;
		}

#tix-attendees li:nth-of-type(12n + 3)::before,
		#tix-attendees li:nth-of-type(12n + 5)::before,
		#tix-attendees li:nth-of-type(12n + 11)::before {
			border-radius: 0 0 0 96px;
		}

#tix-attendees li:nth-of-type(6n)::before {
			background-color: var(--wp--preset--color--primary);
		}

#tix-attendees li:nth-of-type(6n + 1)::before {
			background-color: var(--wp--preset--color--custom-grass-green);
		}

#tix-attendees li:nth-of-type(6n + 2)::before {
			background-color: var(--wp--preset--color--custom-medium-pink);
		}

#tix-attendees li:nth-of-type(6n + 3)::before {
			background-color: var(--wp--preset--color--custom-bright-green);
		}

#tix-attendees li:nth-of-type(6n + 4)::before {
			background-color: var(--wp--preset--color--custom-bright-pink);
		}

#tix-attendees li:nth-of-type(6n + 5)::before {
			background-color: var(--wp--preset--color--custom-light-pink);
		}

#tix-attendees .avatar {
		margin: 0 auto 0.5rem;
		height: auto;
		width: auto;
		float: none;
		display: block;
	}

#tix-attendees .tix-field {
		margin-left: 0;
		font-size: inherit;
		width: auto;
		text-align: center;
	}

/* Tickets form */

#tix .tix-ticket-form,
	#tix .tix-tickets-list,
	#tix .tix-order-summary,
	#tix .tix-submit,
	#tix .tix-attendee-form {
		width: 100%;
	}

#tix .tix-ticket-form,
	#tix .tix-tickets-list,
	#tix .tix-order-summary {
		border-spacing: 0;
		border-collapse: collapse;
	}

#tix .tix-ticket-form thead th, #tix .tix-tickets-list thead th, #tix .tix-order-summary thead th {
			border-bottom: 1px solid var(--wp--preset--color--custom-grass-green);
		}

#tix .tix-ticket-form th,
		#tix .tix-tickets-list th,
		#tix .tix-order-summary th,
		#tix .tix-ticket-form td,
		#tix .tix-tickets-list td,
		#tix .tix-order-summary td {
			padding: 0.5em;
		}

#tix .tix-attendee-form,
		#tix .tix-attendee-form tr,
		#tix .tix-attendee-form td,
		#tix .tix-attendee-form th {
			display: block;
			width: 100%;
		}

#tix .tix-attendee-form .tix-left {
			padding-bottom: 0;
			margin-bottom: 0.25rem;
		}

#tix .tix-attendee-form .tix-right {
			padding-left: 0;
		}

#tix .tix-attendee-form input[type="text"],
		#tix .tix-attendee-form input[type="email"],
		#tix .tix-attendee-form input[type="url"],
		#tix .tix-attendee-form textarea,
		#tix .tix-attendee-form {
			width: 100%;
			box-sizing: border-box;
		}

#tix .tix-attendee-form fieldset {
			margin-top: 0.5rem;
		}

#tix .tix-attendee-form fieldset label {
			display: inline-block;
			margin-bottom: 0.5em;
			font-size: 1rem;
			vertical-align: middle;
		}

#tix .tix-attendee-form fieldset label input {
				margin-right: 0.5rem;
			}

@media (max-width: 600px) {

#tix .tix-attendee-form fieldset label {
				font-size: inherit;
		}
			}

#tix .tix-submit {
		float: none;
		margin: var(--wp--preset--spacing--30) auto var(--wp--preset--spacing--50);
	}

#tix .tix-submit .tix-checkout-button {
		text-transform: none;
		letter-spacing: 0;
		border-radius: 2px;
		padding: 0.5rem 1rem;
		background: var(--wp--preset--color--secondary);
		color: var(--wp--preset--color--white);
		font-size: 1.125rem;
		font-family: var(--wp--preset--font-family--tilt-warp);
	}

#tix .tix-submit .tix-checkout-button:hover,
		#tix .tix-submit .tix-checkout-button:focus {
			background: var(--wp--preset--color--contrast);
		}

.tix-column-price,
.tix-column-per-ticket,
.tix-column-remaining,
.tix-column-quantity,
.tix-row-total {
	text-align: right;
}

.tix-ticket-form input[type="text"],
	.tix-private-form input[type="text"],
	.tix-attendee-form input[type="text"],
	.tix-receipt-form input[type="text"],
	.tix-ticket-form input[type="email"],
	.tix-private-form input[type="email"],
	.tix-attendee-form input[type="email"],
	.tix-receipt-form input[type="email"],
	.tix-ticket-form input[type="url"],
	.tix-private-form input[type="url"],
	.tix-attendee-form input[type="url"],
	.tix-receipt-form input[type="url"],
	.tix-ticket-form textarea,
	.tix-private-form textarea,
	.tix-attendee-form textarea,
	.tix-receipt-form textarea {
		padding: 0.5em;
	}

.tix-ticket-form select, .tix-private-form select, .tix-attendee-form select, .tix-receipt-form select {
		padding: 0.5em;
	}

.tix-ticket-form tr > *, .tix-private-form tr > *, .tix-attendee-form tr > *, .tix-receipt-form tr > * {
		padding-bottom: 1em;
	}

.tix-ticket-form .tix-right, .tix-private-form .tix-right, .tix-attendee-form .tix-right, .tix-receipt-form .tix-right {
		padding-left: 2em;
	}

:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-post-template.is-flex-container {
		justify-content: center;
	}

:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-wordcamp-avatar {
		max-width: 100%;
		height: auto !important;
		border-radius: 0 0 25%;
		overflow: hidden;
		border-style: solid;
		border-width: 0 0 10px 0;
	}

:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-wordcamp-avatar img {
			vertical-align: middle;
		}

:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-post:nth-of-type(5n) .wp-block-wordcamp-avatar {
		border-color: var(--wp--preset--color--custom-medium-pink);
	}

:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-post:nth-of-type(5n + 1) .wp-block-wordcamp-avatar {
		border-color: var(--wp--preset--color--custom-grass-green);
	}

:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-post:nth-of-type(5n + 2) .wp-block-wordcamp-avatar {
		border-color: var(--wp--preset--color--custom-bright-pink);
	}

:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-post:nth-of-type(5n + 3) .wp-block-wordcamp-avatar {
		border-color: var(--wp--preset--color--custom-bright-green);
	}

:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-post:nth-of-type(5n + 4) .wp-block-wordcamp-avatar {
		border-color: var(--wp--preset--color--custom-light-pink);
	}

:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-read-more {
		text-decoration: underline;
	}

:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-read-more:hover,
		:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-read-more:active {
			text-decoration: none;
		}

:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-read-more:focus {
			-webkit-text-decoration: underline dashed;
			        text-decoration: underline dashed;
		}

:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-read-more .screen-reader-text,
		:is(:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-read-more) ~ * {
			display: none;
		}

body.single-wcb_organizer .wp-block-post-content .wp-block-read-more {
		display: none;
	}

body.single-wcb_speaker .wp-block-wordcamp-avatar {
		max-width: 100%;
		height: auto !important;
		border-radius: 0 0 25%;
		overflow: hidden;
		border-style: solid;
		border-width: 0 0 10px 0;
		border-color: var(--wp--preset--color--custom-medium-pink);
	}

body.single-wcb_speaker .wp-block-wordcamp-avatar img {
			vertical-align: middle;
		}

/* Specificity hack */

.wordcamp-schedule:not(#hack) .wordcamp-schedule__date {
		display: none;
	}

.wordcamp-schedule:not(#hack) a:where(:not(.wp-element-button)) {
		color: var(--wp--preset--color--primary);
	}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__day {
		background-color: #feeaf6;
	}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session,
	.wordcamp-schedule:not(#hack) .wordcamp-schedule__time-slot-header,
	.wordcamp-schedule:not(#hack) .wordcamp-schedule__column-header {
		box-shadow: 0 0 1px 1px var(--wp--preset--color--custom-light-pink);
	}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session,
	.wordcamp-schedule:not(#hack) .wordcamp-schedule__time-slot-header {
		padding: 1.5rem;
	}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__column-header {
		position: sticky;
		top: var(--wp-admin--admin-bar--height, 0);
		margin: 0;
		font-size: 1em;
		font-family: var(--wp--preset--font-family--dm-sans);
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		background-color: #ffdbef;
	}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__time-slot-header {
		font-size: 1em;
		font-family: var(--wp--preset--font-family--nunito);
		font-weight: 400;
		text-align: revert;
	}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session {
		font-size: inherit;
		position: relative;
	}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session > * {
			margin: 0;
		}

:is(.wordcamp-schedule:not(#hack) .wordcamp-schedule__session > *) + * {
				margin-top: 0.75rem;
			}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session.is-spanning-some-tracks {
			text-align: inherit;
		}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session:where(.is-type-session):hover,
		.wordcamp-schedule:not(#hack) .wordcamp-schedule__session:where(.is-type-session):focus-within {
			background: #fff5fb;
		}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session .wcb-session-favourite-icon {
			font-size: 16px;
		}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session .wcb-session-favourite-icon a {
				color: var(--wp--preset--color--custom-light-pink);
				-webkit-text-stroke: 1px var(--wp--preset--color--primary);
			}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session.wcb-favourite-session {
			background: #eff2d0;
		}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session.wcb-favourite-session a:where(:not(.wp-element-button)) {
				color: var(--wp--preset--color--contrast);
			}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session.wcb-favourite-session .wcb-session-favourite-icon a {
				color: var(--wp--preset--color--custom-grass-green);
				-webkit-text-stroke: 1px var(--wp--preset--color--contrast);
			}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session-title {
		display: revert;
		padding-inline-end: 26px;
		font-family: var(--wp--preset--font-family--nunito);
		font-size: var(--wp--preset--font-size--large);
		line-height: 1.25;
		font-weight: 600;
	}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session-title .wcb-session-favourite-icon {
			position: absolute;
			inset: 1.5rem 1.5rem auto auto;
		}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session-title > a {
			display: inline-block;
		}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session-title > a::before {
				content: "";
				position: absolute;
				inset: 0;
				z-index: 0;
			}

.wordcamp-schedule:not(#hack) .has-category-lightning .wordcamp-schedule__session-title {
		font-size: 1.25rem;
	}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session-speakers a {
		position: relative;
		z-index: 1;
	}

.wordcamp-schedule:not(#hack) .wordcamp-schedule__session-category {
		color: inherit;
		font-style: normal;
	}

@media (max-width: 1000px) {

		.wordcamp-schedule:not(#hack) .wordcamp-schedule__day {
			display: revert;
			border: 1px solid var(--wp--preset--color--custom-light-pink);
			border-bottom: none;
		}

		.wordcamp-schedule:not(#hack) .wordcamp-schedule__column-header {
			display: none;
		}

		.wordcamp-schedule:not(#hack) .wordcamp-schedule__session,
		.wordcamp-schedule:not(#hack) .wordcamp-schedule__time-slot-header {
			box-shadow: none;
			border-bottom: 1px solid var(--wp--preset--color--custom-light-pink);
		}

		.wordcamp-schedule:not(#hack) .wordcamp-schedule__time-slot-header {
			position: sticky;
			top: var(--wp-admin--admin-bar--height, 0);
			z-index: 10;
			padding-block: 0.5rem;
			font-size: 1em;
			font-family: var(--wp--preset--font-family--dm-sans);
			font-weight: 600;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			background-color: #ffdbef;
		}

		.wordcamp-schedule:not(#hack) .has-category-lightning .wordcamp-schedule__session-title {
			font-size: var(--wp--preset--font-size--large);
		}

		.wordcamp-schedule:not(#hack) .wordcamp-schedule__session::before {
			display: inline-block;
			margin-block-end: 4px;
			font-size: 1em;
			font-family: var(--wp--preset--font-family--dm-sans);
			font-weight: 600;
			text-transform: uppercase;
			letter-spacing: 0.5px;
		}

		.wordcamp-schedule:not(#hack) .has-track-1-woodrow-wilson::before {
			content: "Woodrow Wilson";
		}

		.wordcamp-schedule:not(#hack) .has-track-2-annapolis::before {
			content: "Annapolis";
		}

		.wordcamp-schedule:not(#hack) .has-track-3-cherry-blossom::before {
			content: "Cherry Blossom";
		}

		.wordcamp-schedule:not(#hack) .is-spanning-all-tracks::before {
			content: "All tracks" !important;
		}
	}

@media (max-width: 600px) {

		.wordcamp-schedule:not(#hack) .wordcamp-schedule__time-slot-header {
			top: 0;
		}
	}

@media (max-width: 549px) {

		.wordcamp-schedule:not(#hack) .wordcamp-schedule__time-slot-header {
			margin-top: 0;
		}

		.wordcamp-schedule:not(#hack) .wordcamp-schedule__session-tracks {
			display: none;
		}
	}

.is-section-what-to-expect .wp-block-column a::before {
		display: block;
		content: "";
		height: 100px;
		width: 100px;
		margin-bottom: 0.3em;
		background-size: 100%;
		background-position: top left;
		background-repeat: no-repeat;
	}

.is-section-what-to-expect .wp-block-column:nth-child(1) a::before {
		background-image: url(https://wc-us.org/wp-content/uploads/2023/08/news-wc-basics.svg?v=2);
	}

.is-section-what-to-expect .wp-block-column:nth-child(2) a::before {
		background-image: url(https://wc-us.org/wp-content/uploads/2023/08/news-travel-venue.svg?v=2);
	}

.is-section-what-to-expect .wp-block-column:nth-child(3) a::before {
		background-image: url(https://wc-us.org/wp-content/uploads/2023/08/news-things-to-do.svg?v=2);
	}

@media (max-width: 1039px) {

		.is-section-what-to-expect .wp-block-column .wp-block-button {
			font-size: 1.5rem !important;
		}
	}

@media (max-width: 869px) {

		.is-section-what-to-expect .wp-block-column .wp-block-button {
			font-size: 1.333rem !important;
		}
	}

@media (max-width: 781px) {

		.is-section-what-to-expect .wp-block-column a {
			display: flex;
			align-items: center;
			gap: var(--wp--preset--spacing--40);
		}

			.is-section-what-to-expect .wp-block-column a::before {
				height: 80px;
				width: 80px;
				margin-bottom: 0;
			}
	}

@media (max-width: 399px) {

		.is-section-what-to-expect .wp-block-column a::before {
			height: 50px;
			width: 50px;
		}
	}

.wordcamp-live-schedule a:where(:not(.wp-element-button)) {
		color: var(--wp--preset--color--primary);
	}

.wordcamp-live-schedule .wordcamp-live-schedule__session {
		margin-top: -1px;
		margin-bottom: 0;
		border-width: 1px;
		border-style: solid;
		border-color: var(--wp--preset--color--custom-light-pink);
		background-color: #feeaf6;
	}

.wordcamp-live-schedule .wordcamp-live-schedule__session:last-child {
			border-bottom-width: 1px;
		}

.wordcamp-live-schedule .wordcamp-live-schedule__session-track {
		padding: 1.5rem;
		font-size: 1em;
		font-family: var(--wp--preset--font-family--dm-sans);
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		background-color: #ffdbef;
		border-width: 0 1px 0 0;
		border-style: solid;
		border-color: inherit;
	}

.wordcamp-live-schedule .wordcamp-live-schedule__session-details {
		margin-left: 0;
		padding: 1.5rem;
	}

.wordcamp-live-schedule .wordcamp-live-schedule__session-title {
		margin-bottom: 0.25em;
		font-family: var(--wp--preset--font-family--nunito);
		font-size: var(--wp--preset--font-size--large);
		line-height: 1.25;
		font-weight: 600;
	}

@media (max-width: 599px) {

		.wordcamp-live-schedule .wordcamp-live-schedule__session {
			flex-direction: column;
		}

		.wordcamp-live-schedule .wordcamp-live-schedule__session-track {
			border-width: 0 0 1px;
			width: auto;
		}
	}