/* Zendesk customizations outside of the Stockholm theme. */

:root {
	--img-width: 320px;
	--spacer: 1.325rem;
	--spacer-sm:  calc(var(--spacer) / 2);
	--spacer-xs: 4px;
	--x-height: 1ex;
	--text-font-size-small: 1rem;

	--e-unit: 21px;

	/*From WordPress: */
	--container-max-width: 1390px;

	/* Remove font ligatures: */
	font-variant-ligatures: none;
}

.page-content img {
	border-radius: var(--border-radius-base);
	border-bottom-left-radius: 0;
}

.labels {
	gap: var(--spacer-xs);
}

.flex-unit {
    display: flex;
    align-items: center;
    gap: var(--spacer-sm);
}

@media only screen and (min-width: 768px) {
	.page-content img:not(.img-full) {
		max-width: var(--img-width);
	}
	.page-content__article img:first-child {
		float: right;
		margin-left: var(--spacer);
		margin-bottom: var(--spacer);
	}
}

.subscribe-btn {
	display: none;
}

.box-shadow {
	box-shadow: 0px 2px 10px 2px rgb(0 0 0 / 25%);
}

.sr-only, 
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/* ------------------ Overrides ------------------ */

@media only screen and (min-width: 1024px) {
	.header .header__container {
		padding: 20px 0;
	}

}
@media only screen and (min-width: 980px) {
	.layout .container:not(.welcome__container) {
	    max-width: var(--container-max-width);
	    padding-left: 0;
	    padding-right: 0;
	}
}

.header__menu-icon {
	width: 24px;
	height: 17px;
}

.header__container .btn--circle {
	border-radius: 4px;
}

.page-content .labels .btn {
	margin-right: 0;
}

.page-content__article a {
	text-decoration: underline;
}

/* Remove too-large Stockholm vertical margins: */
@media only screen and (min-width: 568px) and (max-aspect-ratio: 13 / 9), 
only screen and (min-width: 668px) and (min-height: 416px), 
only screen and (min-width: 980px) {
	[dir] .page-content:not(.page-content--without-margin) {
    margin-top: 0;
	}
}

@media only screen and (min-width: 980px) {
	[dir] .page-heading {
		margin-bottom: 0;
	}
}
	
/* Increase size of tiny social sharing icons: */
[dir=ltr] .share li a>* {
	width: var(--text-font-size);
	height: var(--text-font-size);
}

[dir] .page-heading__breadcrumbs {
	font-size: var(--text-font-size-small);
	margin-bottom: 1rem;
	margin-top: 0.25rem;
}
.page-content__article p {
	margin-top: 0;
}
[dir] .hc-multiselect-toggle,
[dir] .nesty-input,
[dir] input[type=datetime-local],
[dir] input[type=date],
[dir] input[type=month],
[dir] input[type=time],
[dir] input[type=week],
[dir] input[type=number],
[dir] input[type=email],
[dir] input[type=url],
[dir] input[type=search],
[dir] input[type=tel],
[dir] input[type=color],
[dir] input[type=text],
[dir] input[type=password],
[dir] input[type=datetime],
[dir] select,
[dir] textarea,
[dir] ul[data-hc-pills-container] {
	--border-color: var(--primary-color);
}
[dir] .hc-multiselect-toggle:focus,
[dir] .nesty-input:focus,
[dir] input[type=datetime-local]:focus,
[dir] input[type=date]:focus,
[dir] input[type=month]:focus,
[dir] input[type=time]:focus,
[dir] input[type=week]:focus,
[dir] input[type=number]:focus,
[dir] input[type=email]:focus,
[dir] input[type=url]:focus,
[dir] input[type=search]:focus,
[dir] input[type=tel]:focus,
[dir] input[type=color]:focus,
[dir] input[type=text]:focus,
[dir] input[type=password]:focus,
[dir] input[type=datetime]:focus,
[dir] select:focus,
[dir] textarea:focus,
[dir] ul[data-hc-pills-container]:focus {
	--border-color: var(--secondary-color);
}


/* Nav rules from WordPress: */

.menu {
	list-style-type: none;
	padding-left: 0;
	display:flex;
	flex-direction: column;
	align-items: center;
}
.dropdown__menuitem, 
reach-portal [role=menuitem] {
	color: var(--primary-color);
}
@media only screen and (min-width: 1024px) {
	.menu {
		flex-direction: row;
	}
}
.header__col .menu {
	margin: 0;
	padding: 0;
}
.menu__item {
	display: flex;
	align-items: center;
}
.menu__link {
	background-color:transparent;
	text-decoration:none;
	color: var(--primary-color);
	transition:.4s;
	white-space:nowrap;
	flex-grow:1;
	position:relative;
	display:flex;
	align-items:center;
}
@media only screen and (min-width: 980px) {
	[dir] .menu__item {
		margin-top: 0;
		margin-bottom: 0;
	}
	.menu__link {
		font-family:"Rubik", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
		font-size:1.125rem;
		font-weight:600;
		padding: 13px 7px;
		margin-inline-end: calc(var(--e-unit) / 2);
	}
	.menu__link:after {
		content:"";
		bottom:0;
		display:block;
		position:absolute;
		transition:.3s;
		transition-timing-function:cubic-bezier(.58,.3,.005,1);
		height:3px;
		width:100%;
		left:0;
		z-index:2;
		background-color: transparent;
	}
	.menu__link:hover:after,
	.menu__link:focus:after,
	.menu__link--current:after {
		transform:scale(1);
		background-color:var(--secondary-color);
	}
	.menu__link--current {

	}
}

.menu__link:active,
.menu__link:hover {
	color: var(--link-color-hover);

}




/* To add/recreate in WordPress? */
.zendesk-header {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--container-max-width);
}

.footer a {
	color:  var(--secondary-text-color);
}

.footer a:hover {
	color: var(--secondary-bg-color);
}