/*
Theme Name: Virkjun
Template: twentytwentyfive
Description: Child theme for virkjun.is, styled after the original 2017 Unicon design.
Author: Tactica
Version: 1.0.2
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: virkjun
*/

/* Header */
.vk-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: #fff;
	border-bottom: 1px solid #efefef;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.admin-bar .vk-header { top: 32px; }
.vk-header__inner { min-height: 90px; }
.vk-header .wp-block-site-logo img,
.vk-header .vk-logo-light img { width: 150px; height: auto; display: block; }
.vk-header .vk-logo-light { display: none; margin: 0; }
.vk-nav { font-size: 14px; font-weight: 700; text-transform: uppercase; gap: 30px; }
.vk-nav a { color: #777; text-decoration: none; }
.vk-nav a:hover,
.vk-nav .current-menu-item > a { color: #496b84; }

/* Front page: header sits transparent over the hero until the page scrolls */
.home .vk-header { position: fixed; left: 0; right: 0; background: transparent; border-color: transparent; box-shadow: none; }
.home.vk-scrolled .vk-header { background: #fff; border-color: #efefef; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); }
.home:not(.vk-scrolled) .vk-header .wp-block-site-logo { display: none; }
.home:not(.vk-scrolled) .vk-header .vk-logo-light { display: block; }
.home:not(.vk-scrolled) .vk-nav a { color: #fff; }
.home:not(.vk-scrolled) .vk-nav .wp-block-navigation__responsive-container-open { color: #fff; }

/* Title bar with breadcrumbs */
.vk-titlebar { background: #f9f9f9; border-bottom: 1px solid #efefef; padding-block: 26px; }
.vk-titlebar .vk-titlebar__title { font-size: 22px; font-weight: 400; color: #777; margin: 0; line-height: 1.4; }
.vk-titlebar p,
.vk-breadcrumbs { margin: 0; font-size: 13px; color: #999; }
.vk-breadcrumbs a { color: #999; }
.vk-breadcrumbs a:hover { color: #666; }

.vk-main { padding-block: 60px 80px; }

/* Headings */
.vk-caps-heading { font-size: 20px; font-weight: 700; text-transform: uppercase; color: #496b84; margin-bottom: 1.2em; }
.vk-title-light { font-size: 30px; font-weight: 300; color: #496b84; }
.vk-address { font-weight: 700; }
.vk-accent { color: #496b84; }
.vk-lead { font-size: 20px; color: #999; line-height: 1.8; }

/* Project grids */
.vk-grid .wp-block-post-featured-image { margin-bottom: 14px; }
.vk-grid .wp-block-post-featured-image img { transition: opacity 0.2s ease; }
.vk-grid .wp-block-post-featured-image a:hover img { opacity: 0.85; }
.vk-grid-title { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; margin: 0; }
.vk-grid-title a { color: #777; }
.vk-grid-title a:hover { color: #496b84; }
.vk-project-title { font-size: 20px; font-weight: 400; color: #496b84; margin-top: 40px; }

/* Front page */
.vk-front > * { margin-block-start: 0; }
.vk-hero.wp-block-cover .wp-block-cover__inner-container { width: 100% !important; max-width: 1160px; margin-inline: auto !important; padding-inline: 0; }
.vk-hero .wp-block-cover__inner-container > .vk-hero-box {
	background: rgba(255, 255, 255, 0.75);
	padding: 10px;
	max-width: 580px;
	margin-left: 0 !important;
	margin-right: auto !important;
	color: #496b84;
}
.vk-hero-box h1 { font-size: 46px; font-weight: 300; color: #496b84; margin: 0; line-height: 1.2; }
.vk-hero-box p { font-size: 14px; line-height: 1.75; margin: 6px 0 0; }
.vk-band { background: #496b84; color: #fff; padding-top: 50px; }
.vk-band p { font-size: 17px; line-height: 1.5; }
.vk-band .vk-skyline { margin: 30px 0 -1px; }
.vk-band .vk-skyline img { width: 100%; display: block; }
.vk-projects { padding-block: 70px 50px; }
.vk-services { background: #f9f9f9; padding-block: 50px 70px; }
.vk-goals { padding-block: 80px; }

/* Lists with ring bullets */
.vk-circle-list { list-style: none; padding-left: 0; }
.vk-circle-list li { position: relative; padding-left: 26px; margin-bottom: 4px; }
.vk-circle-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.62em;
	width: 9px;
	height: 9px;
	border: 2px solid #777;
	border-radius: 50%;
}

/* Contact Form 7 */
.wpcf7-form p { font-weight: 700; color: #777; margin: 0 0 22px; line-height: 1.6; }
.wpcf7-form p br { display: none; }
.wpcf7-form .wpcf7-form-control-wrap { display: block; }
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
	width: 100%;
	box-sizing: border-box;
	margin-top: 10px;
	padding: 12px 14px;
	border: 1px solid #e4e4e4;
	border-radius: 0;
	background: #fff;
	color: #777;
	font: inherit;
	font-weight: 400;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"] { height: 49px; }
.wpcf7-form textarea { height: 294px; }
.wpcf7-form input:focus,
.wpcf7-form textarea:focus { border-color: #bbb; outline: none; }
.wpcf7-form .wpcf7-submit {
	background: #999;
	color: #fff;
	border: 0;
	border-radius: 0;
	padding: 12px 22px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
}
.wpcf7-form .wpcf7-submit:hover { background: #496b84; }

/* Footer */
.vk-footer { background: #1b1b1b; color: #777; font-size: 13px; padding-block: 22px; }
.vk-footer p { margin: 0; }

@media (max-width: 781px) {
	.admin-bar .vk-header { top: 0; }
	.vk-hero .wp-block-cover__inner-container > .vk-hero-box { max-width: 100%; }
	.vk-hero-box h1 { font-size: 34px; }
	.vk-titlebar .vk-titlebar__title { font-size: 20px; }
}