/*
Theme Name: Akrogiali
Template: generatepress
Version: 0.1.2
Text Domain: akrogiali
*/

:root {
	--ak-ink: #16324a;
	--ak-bg: #fdfaf3;
	--ak-soft: #f3ecdd;
	--ak-accent: #1f5f8b;
}

body {
	background: var(--ak-bg);
	color: var(--ak-ink);
}

.ak-page {
	width: 100%;
}

.ak-page h1,
.ak-page h2 {
	font-family: Georgia, 'Times New Roman', serif;
	font-weight: 400;
	color: var(--ak-ink);
}

.ak-section {
	padding: 56px 16px;
}

.ak-section > div {
	max-width: 760px;
	margin: 0 auto;
}

.ak-soft {
	background: var(--ak-soft);
}

.ak-button {
	display: inline-block;
	padding: 12px 22px;
	border-radius: 4px;
	background: var(--ak-accent);
	color: #fff;
	font-weight: 600;
	text-decoration: none;
}

.ak-button:hover,
.ak-button:focus {
	background: var(--ak-ink);
	color: #fff;
}

.ak-sticky {
	position: fixed;
	top: 12px;
	right: 16px;
	z-index: 50;
}

.admin-bar .ak-sticky {
	top: 44px;
}

@media (max-width: 600px) {
	.ak-sticky,
	.admin-bar .ak-sticky {
		top: auto;
		right: 16px;
		bottom: 16px;
		left: 16px;
		text-align: center;
	}

	.site-footer {
		padding-bottom: 72px;
	}
}

.ak-hero {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	min-height: 80vh;
	padding: 32px 16px;
	background: linear-gradient(#d6e7ee 0 52%, #2a7fb0 52% 100%);
}

.ak-hero h1 {
	margin: 0 0 16px;
	color: #fff;
	text-shadow: 0 1px 6px rgba(0, 0, 0, .45);
}

.ak-temp {
	font-size: 13px;
	opacity: .75;
}

.ak-hero .ak-temp {
	position: absolute;
	top: 12px;
	left: 16px;
	padding: 2px 8px;
	border-radius: 3px;
	background: rgba(255, 255, 255, .8);
}

.ak-languages {
	display: flex;
	gap: 12px;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
}