/* Additions for the static site; elementor.css is the original Elementor/theme CSS, reduced to the rules in use. */

/* Skip link from the Hello Elementor theme, visible on keyboard focus only. */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	word-wrap: normal !important;
}
.skip-link:focus {
	z-index: 100000;
	top: 8px;
	left: 8px;
	width: auto;
	height: auto;
	padding: 12px 20px;
	clip: auto !important;
	background: #fff;
	color: #000;
	font-size: 14px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
}

/* The contact forms became a call button and a contact button: keep the gap the form fields had. */
.elementor-widget-form .e-form__buttons + .e-form__buttons {
	margin-top: 10px;
}
.elementor-widget-form a.elementor-button {
	width: 100%;
	color: #fff;
}

/* Subheadings and lists in the page texts (new pages and FAQ), in the style of the site's headings. */
.elementor-widget-text-editor h2 {
	margin: 1.5em 0 .5em;
	font-family: "Roboto Slab", Sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.3;
	color: var(--e-global-color-primary);
}
.elementor-widget-text-editor ul {
	margin: 0 0 1em;
	padding-left: 1.2em;
}
.elementor-widget-text-editor li {
	margin-bottom: .35em;
}

/* Frequently asked questions: native <details>, chevron in the site green. */
.ssr-faq-wrap {
	margin-top: 1.5em;
}
.ssr-faq {
	margin-bottom: 1.5em;
	border-top: 1px solid #e6e6e6;
}
.ssr-faq__item {
	border-bottom: 1px solid #e6e6e6;
}
.ssr-faq__item summary {
	position: relative;
	padding: 14px 36px 14px 0;
	list-style: none;
	cursor: pointer;
	font-family: "Roboto Slab", Sans-serif;
	font-size: 16px;
	line-height: 1.4;
	color: #000;
}
.ssr-faq__item summary::-webkit-details-marker {
	display: none;
}
.ssr-faq__item summary::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 8px;
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--e-global-color-primary);
	border-bottom: 2px solid var(--e-global-color-primary);
	transform: translateY(-70%) rotate(45deg);
	transition: transform .2s;
}
.ssr-faq__item[open] summary::after {
	transform: translateY(-20%) rotate(-135deg);
}
.ssr-faq__item summary:hover,
.ssr-faq__item summary:focus-visible {
	color: var(--e-global-color-primary);
}
.ssr-faq__answer {
	padding-bottom: 6px;
}

/* The sitemap page, generated from the page list. */
.ssr-sitemap,
.ssr-sitemap ul {
	margin: 0;
	padding-left: 1.2em;
}
.ssr-sitemap li {
	margin: .3em 0;
}

/* New pages share the layout of the "aanrijding" page; give each its own photo below the text (or none). */
.ssr-page-hoe-werkt-een-letselschadeclaim .elementor-element-66ac5c3c > .elementor-widget-wrap { background-image: url("/images/header-onzedienstverlening-nn.jpg") !important; }
.ssr-page-smartengeld .elementor-element-66ac5c3c > .elementor-widget-wrap { background-image: url("/images/letselschade-nn-beer.jpg") !important; }
.ssr-page-werkgebied .elementor-element-66ac5c3c > .elementor-widget-wrap { background-image: url("/images/letsel-nn-header.jpg") !important; }
.ssr-page-veelgestelde-vragen .elementor-element-16a03a84 { display: none; }

/* Links in running text and in the footer in the site green instead of the theme default. */
.elementor-widget-text-editor a:not(.elementor-button) {
	color: var(--e-global-color-primary);
}
.elementor-location-footer .elementor-widget-text-editor a {
	color: inherit;
}
.elementor-location-footer .elementor-widget-text-editor a[href^="https://www.ambtadvocaten.nl"] {
	text-decoration: underline;
}
.elementor-widget-form a.elementor-button {
	background-color: var(--e-global-color-accent);
}
.elementor-widget-form a.elementor-button:hover {
	background-color: #23a455;
}