/*
 * Base styles.
 *
 * Reproduces the parts of Divi's default stylesheet that the old site's layout relied on
 * (reset, element defaults, wrappers) so the custom CSS below renders identically.
 */

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

a, abbr, acronym, address, applet, b, big, blockquote, body, center, cite, code, dd, del, dfn, div, dl, dt, em,
fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p,
pre, q, s, samp, small, span, strike, strong, sub, sup, tt, u, ul, var {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul { list-style: none; }
article, aside, footer, header, main, nav, section { display: block; }

body {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 14px;
	color: #666;
	background-color: #fff;
	line-height: 1.7em;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a { color: #2ea3f2; }
a, a:hover { text-decoration: none; }
p { padding-bottom: 1em; }
p:not(.has-background):last-of-type { padding-bottom: 0; }
strong, b { font-weight: 700; }
em, i { font-style: italic; }

h1, h2, h3, h4, h5, h6 {
	color: #333;
	padding-bottom: 10px;
	line-height: 1em;
	font-weight: 500;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }

input { -webkit-appearance: none; }
input[type=checkbox] { -webkit-appearance: checkbox; }
button, input, select, textarea { font-family: inherit; }
img { max-width: 100%; height: auto; }

/* ---- Page wrappers (former Divi sections/rows: full width, no padding) ---- */

#page-container {
	position: relative;
}

.site-header {
	position: relative;
	z-index: 2; /* header (and the mobile menu) above page content */
}

#main-content {
	position: relative;
	z-index: 1;
	display: block;
}

.header-row {
	position: relative;
	width: 100%;
	max-width: 2560px;
	margin: auto;
	height: 88px;
	max-height: 88px;
	padding: 30px 0;
}
@media only screen and (min-width: 981px) {
	.header-row { padding: 2% 0; } /* Divi's desktop row padding */
}
.header-row--mobile,
.header-row.header-row--mobile {
	padding: 0;
}

/* Divi gave lists inside the header this line height. */
.site-header ul {
	line-height: 26px;
}

/* Desktop header ≥981px, mobile header ≤980px (same breakpoint as before). */
@media only screen and (min-width: 981px) {
	.header-mobile { display: none !important; }
}
@media only screen and (max-width: 980px) {
	.header-desktop { display: none !important; }
}

.site-footer .footer {
	width: 100%;
	max-width: 2560px;
	margin-left: auto;
	margin-right: auto;
}
.footer-end {
	height: 25px;
}

/* Single project: credits next to the title on desktop, below the gallery on mobile/tablet. */
@media only screen and (min-width: 981px) {
	.gdn-mobile-only { display: none !important; }
}
@media only screen and (max-width: 980px) {
	.gdn-desktop-only { display: none !important; }
}

/* Language switcher links inherit the menu look. */
.language-toggle a { color: inherit; }
.language-toggle a.current-lang { color: #878787 !important; }

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}