/**
 * Reset & Base Styles
 *
 * @package EGCI_Template
 * @since 1.0.0
 */

/* ============================================
   Reset & Base Styles
   ============================================ */
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font-family: var(--egci-font-primary);
	font-size: 16px;
	line-height: 1.6;
	color: var(--egci-text);
	background-color: var(--egci-bg);
	transition: background-color var(--egci-transition), color var(--egci-transition);
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: var(--egci-primary);
	text-decoration: none;
	transition: var(--egci-transition);
}

a:hover,
a:focus {
	color: var(--egci-secondary);
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--egci-font-heading);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: var(--egci-spacing);
	color: var(--egci-text);
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

p {
	margin-bottom: var(--egci-spacing);
}

/* WordPress recommended classes */
.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

.wp-caption {
	max-width: 100%;
	margin-bottom: 1.5em;
}

.wp-caption-text {
	font-size: 0.875rem;
	color: var(--egci-text-light);
	text-align: center;
	margin-top: 0.5em;
}

.gallery-caption {
	font-size: 0.875rem;
	color: var(--egci-text-light);
	text-align: center;
	margin-top: 0.5em;
}

.sticky {
	position: relative;
}