/* ==========================================================================
   arsenije.me — Custom Styles
   ========================================================================== */

/* ----- Font ----- */

@font-face {
	font-family: 'UniversLTStd-Light';
	src: url('/font/UniversLTStd-Light.woff') format('woff'),
		 url('/font/UniversLTStd-Light.ttf') format('truetype');
	font-display: swap;
}

/* ----- Reset & Base ----- */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html, body {
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: subpixel-antialiased !important;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	font-family: 'UniversLTStd-Light', sans-serif;
}

body, h1, h2, h3 {
	font-weight: 300;
}

/* ----- Selection ----- */

::-moz-selection {
	background: #700fff;
	text-shadow: none;
}

::selection {
	background: #700fff;
	text-shadow: none;
}

/* ----- Links ----- */

a, a:visited {
	color: inherit;
}

a:focus, a:hover {
	text-decoration: underline;
}

a:focus {
	outline-color: #700fff;
}

/* ----- Utilities ----- */

.prpl {
	color: #700fff;
}

.int {
	text-indent: 2rem;
}

.contents {
	display: contents;
}

/* ==========================================================================
   Grid Layout
   ========================================================================== */

.grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

@media screen and (min-width: 60em) {
	.grid {
		grid-template-columns: repeat(10, 1fr);
	}
}

/* ----- Mobile (2-col) placement ----- */

.gc-full  { grid-column: 1 / -1; }
.gc-right { grid-column: 2; }
.gc-left  { grid-column: 1; }

/* ----- Desktop (10-col) placement: .g-{start}-{end}-l ----- */

@media screen and (min-width: 60em) {
	.g-1-3-l   { grid-column: 1 / 3; }
	.g-1-5-l   { grid-column: 1 / 5; }
	.g-2-6-l   { grid-column: 2 / 6; }
	.g-3-5-l   { grid-column: 3 / 5; }
	.g-3-7-l   { grid-column: 3 / 7; }
	.g-3-9-l   { grid-column: 3 / 9; }
	.g-5-7-l   { grid-column: 5 / 7; }
	.g-5-9-l   { grid-column: 5 / 9; }
	.g-6-10-l  { grid-column: 6 / 10; }
	.g-6-11-l  { grid-column: 6 / 11; }
	.g-7-9-l   { grid-column: 7 / 9; }
	.g-7-11-l  { grid-column: 7 / 11; }
	.g-9-11-l  { grid-column: 9 / 11; }
	.g-10-11-l { grid-column: 10 / 11; }

	.gr-1-l { grid-row: 1; }
	.gr-2-l { grid-row: 2; }
	.gr-3-l { grid-row: 3; }
	.gr-4-l { grid-row: 4; }
	.gr-5-l { grid-row: 5; }
	.gr-6-l { grid-row: 6; }
	.gr-7-l { grid-row: 7; }
	.gr-8-l { grid-row: 8; }
	.gr-9-l { grid-row: 9; }
}

/* ----- Newsletter: Archive entries ----- */

.archive-entry {
	display: flex;
}

.archive-title {
	flex: 7;
	min-width: 0;
}

.archive-date {
	flex: 3;
	text-align: right;
	padding-left: 0.5rem;
}

/* ----- Newsletter: Anchor links ----- */

a.anchor {
	display: block;
	position: relative;
	top: -90px;
	visibility: hidden;
}

/* ----- Newsletter: Mailchimp form ----- */

#mc_embed_signup input {
	border: 0;
	border-bottom: 1px solid #fff;
	font-family: inherit;
}

#mc_embed_signup .mc-field-group,
#mc_embed_signup #mce-error-response,
#mc_embed_signup #mce-success-response {
	padding-bottom: 3%;
}

#mc_embed_signup .mc-field-group input {
	padding: 10px 0 0;
}

#mc_embed_signup input:focus {
	outline-color: #700fff;
}

#mc_embed_signup .button {
	border: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: underline;
}

#mc_embed_signup #mce-success-response {
	display: none;
	font-size: inherit;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	display: inline-block;
	background-color: transparent;
	z-index: 1;
	color: #fff;
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 3% 0 0;
}

#mc_embed_signup input.mce_inline_error {
	border-color: #fff !important;
}