/*
Theme Name: RDA Katalogisering (GeneratePress Child)
Theme URI: https://rdakatalogisering.sikt.no/
Description: GeneratePress child theme for rdakatalogisering.sikt.no. Reproduces the old Porto theme's look & feel (Open Sans, accent #0088cc, dark title band, grey body text) so the styling lives in the repo. Replaces the unmaintained bundled Porto theme.
Author: Sikt
Template: generatepress
Version: 1.1.1
Text Domain: rda-generatepress
*/

:root {
	--rda-accent: #0088cc;
	--rda-accent-dark: #0077b3;
	--rda-text: #777777;
	--rda-heading: #2e353e;
	--rda-header-bg: #fafafa;
	--rda-band: #171717;
	--rda-footer: #0e0e0e;
	--rda-code-bg: #f7f7f7;
	--rda-border: #e1e1e1;
}

.grid-container {
	max-width: 1170px;
}

/* ---------- Base typography ---------- */
body,
button,
input,
select,
textarea {
	font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

body {
	color: var(--rda-text);
	font-size: 14px;
	line-height: 22px;
	background-color: #ffffff;
}

.one-container .site-content,
.separate-containers .site-main,
.inside-article {
	background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.entry-title a {
	color: var(--rda-heading);
	font-weight: 400;
}

a {
	color: var(--rda-accent);
}

a:hover,
a:focus {
	color: var(--rda-accent-dark);
}

/* ---------- Header ---------- */
.site-header {
	background-color: var(--rda-header-bg);
}

.inside-header {
	padding-top: 18px;
	padding-bottom: 18px;
}

.site-logo img,
.header-image {
	height: 82px;
	width: auto;
}

/* Show the logo image only, hide the text site title/tagline */
.site-header .site-title,
.site-header .main-title,
.site-header .site-description {
	display: none;
}

/* ---------- Primary navigation ---------- */
.main-navigation,
.main-navigation ul ul {
	background-color: transparent;
}

.main-navigation .main-nav ul li a {
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	text-transform: uppercase;
	color: var(--rda-accent);
	padding: 9px 8px 8px;
}

/* !important overrides GeneratePress's dynamic nav colours */
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li a:focus,
.main-navigation .main-nav ul li.sfHover > a,
.main-navigation .main-nav ul li[class*="current-menu"] > a {
	color: #ffffff !important;
	background-color: var(--rda-accent) !important;
	border-radius: 4px 4px 0 0;
}

.main-navigation ul ul {
	background-color: #ffffff;
	border: 0;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
	border-radius: 0 4px 4px 4px;
	padding: 5px;
}

.main-navigation .main-nav ul ul li a {
	color: var(--rda-text) !important;
	background-color: transparent !important;
	text-transform: none;
	font-weight: 600;
	font-size: 13px;
	padding: 8px 12px;
	border-radius: 0;
}

.main-navigation .main-nav ul ul li a:hover,
.main-navigation .main-nav ul ul li a:focus,
.main-navigation .main-nav ul ul li[class*="current-menu"] > a {
	color: var(--rda-text) !important;
	background-color: #f4f4f4 !important;
}

.main-navigation .menu-toggle,
.main-navigation .mobile-menu-control-wrapper .menu-toggle {
	color: var(--rda-accent);
	font-weight: 700;
	text-transform: uppercase;
}

/* ---------- Page-title band ---------- */
.rda-page-hero {
	background-color: var(--rda-band);
	color: #ffffff;
	border-top: 5px solid #384045;
	border-bottom: 5px solid #cccccc;
	padding: 8px 0 6px;
}

.rda-page-hero .rda-hero-inner {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 20px;
}

.rda-page-hero .rda-breadcrumb {
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 24px;
	color: #ffffff;
	margin-bottom: 2px;
}

.rda-page-hero .rda-breadcrumb a {
	color: #ffffff;
}

.rda-page-hero .rda-breadcrumb a:hover {
	color: var(--rda-accent);
}

.rda-page-hero .rda-breadcrumb .sep {
	margin: 0 7px;
	font-weight: 400;
}

/* inline-block so the blue underline is as wide as the title text */
.rda-page-hero h1.rda-hero-title {
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-size: 28px;
	font-weight: 300;
	line-height: 46px;
	letter-spacing: -1px;
	color: #ffffff;
	margin: 0 0 -11px;
	padding: 0 0 12px;
	border-bottom: 5px solid var(--rda-accent);
}

/* ---------- Content ---------- */
/* Field headings are links: blue, no underline */
.entry-content h1 a,
.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a {
	text-decoration: none;
	color: var(--rda-accent);
}

.entry-content h1 a:hover,
.entry-content h2 a:hover,
.entry-content h3 a:hover,
.entry-content h4 a:hover {
	color: var(--rda-accent-dark);
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	font-weight: 400;
	color: #1d2127;
	line-height: 1.3;
}

.entry-content h1 { font-size: 32px; }
.entry-content h2 { font-size: 28px; }
.entry-content h3 { font-size: 25px; line-height: 32px; }
.entry-content h4 { font-size: 20px; }
.entry-content h5 { font-size: 18px; }
.entry-content h6 { font-size: 16px; }

.entry-content p {
	line-height: 24px;
}

/* Code / MARC example blocks */
pre,
code,
kbd,
.wp-block-code,
.wp-block-preformatted {
	font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
	font-size: 13px;
}

pre,
.wp-block-code,
.wp-block-preformatted {
	background-color: var(--rda-code-bg);
	border: 1px solid var(--rda-border);
	border-radius: 3px;
	padding: 14px 18px;
	color: var(--rda-heading);
	overflow-x: auto;
}

code {
	background-color: var(--rda-code-bg);
	padding: 2px 6px;
	border-radius: 3px;
	color: var(--rda-accent-dark);
}

blockquote,
.entry-content blockquote {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	color: var(--rda-text);
	border-left: 5px solid #eeeeee;
	padding: 0 0 0 20px;
	margin-left: 0;
}

.entry-content blockquote p,
.entry-content blockquote a {
	font-size: 14px;
	font-style: normal;
	line-height: 24px;
}

/* ---------- Buttons ---------- */
button,
.button,
input[type="submit"],
.wp-block-button__link {
	background-color: var(--rda-accent);
	border-color: var(--rda-accent);
	color: #ffffff;
}

button:hover,
.button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
	background-color: var(--rda-accent-dark);
	border-color: var(--rda-accent-dark);
}

/* ---------- Footer ---------- */
.site-footer,
.site-info,
.footer-widgets {
	background-color: var(--rda-footer);
	color: var(--rda-text);
}

.site-info {
	font-size: 12.6px;
	line-height: 22px;
	padding: 30px 0;
	text-align: left;
}

.rda-footer-text {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: left;
	color: var(--rda-text);
}

.rda-footer-text p {
	margin: 0 0 14px;
}

.rda-footer-text a {
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
}

.rda-footer-text a:hover {
	color: var(--rda-accent);
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
	.rda-page-hero h1.rda-hero-title {
		font-size: 22px;
		line-height: 32px;
	}
}