/* 
	Theme Name:   telgeenergivind-theme
	Theme URI:    
	Description:  Theme based on Twenty Twenty-Four
	Author:       Patrik Wästlund
	Author URI:   https://wastlund.net
	Template:     twentytwentyfour
	Version:      1.0
	License:      GNU General Public License v2 or later
	License URI:  http://www.gnu.org/licenses/gpl-2.0.html

	/* == Custom CSS below ==
--------------------------------------------*/

/* == Colors ==
--------------------------------------------*/
/*
:root {
	--wp--preset--color--base: #11698c;
	--wp--preset--color--base-rgb: 17, 105, 140;
	--wp--preset--color--contrast-rgb: 255, 255, 255;
	--wp--preset--color--black: #000000;
	--wp--preset--color--cyan-bluish-gray: #abb8c3;
	--wp--preset--color--white: #ffffff;
	--wp--preset--color--pale-pink: #f78da7;
	--wp--preset--color--vivid-red: #cf2e2e;
	--wp--preset--color--luminous-vivid-orange: #ff6900;
	--wp--preset--color--luminous-vivid-amber: #fcb900;
	--wp--preset--color--light-green-cyan: #7bdcb5;
	--wp--preset--color--vivid-green-cyan: #00d084;
	--wp--preset--color--pale-cyan-blue: #8ed1fc;
	--wp--preset--color--vivid-cyan-blue: #0693e3;
	--wp--preset--color--vivid-purple: #9b51e0;
	--wp--preset--color--primary: #11698c;
	--wp--preset--color--secondary: #0d4e76;
	--wp--preset--color--tertiary: #ffde00;
	--wp--preset--color--contrast: #222;
	--wp--preset--color--primary-700: #127a9f;
	--wp--preset--color--primary-500: #2698bd;
	--wp--preset--color--primary-300: #59b5cb;
	--wp--preset--color--primary-100: #b1dfe8;
}
*/

/*--------------------------------------------*/

body {
	transition: background-color 2s ease-in-out;
}

h1 {
	font-size: clamp(2.75rem, 2.75rem + ((1vw - 0.48rem) * 1.75), 3.75rem);
	letter-spacing: -.03em;
}

h2 {
	font-size: clamp(2.625rem, calc(2rem + ((1vw - 0.48rem) * 1.5)), 3.25rem);
	letter-spacing: -.02em;
}

/* Target blank icon */
a[target="_blank"]:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill-rule='evenodd' clip-rule='evenodd' fill='%2311698C'%3E%3Cpath d='M10.3 0l2.9 2.8-7.9 7.8L7.6 13l7.9-7.8 3.2 3.1V0h-8.4z'/%3E%3Cpath d='M13.3 15.8H2.6V5h6l2.6-2.5H0v15.8h15.8V7.4L13.2 10v5.8z'/%3E%3C/g%3E%3C/svg%3E") / "öppnas i nytt fönster";
	padding: 0 .3em;
}

/* Append mail icon */
a[href^="mailto:"]:after {
	content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2311698c' fill-rule='evenodd' d='M0,4 C0,2.895431 0.895431,2 2,2 L14,2 C15.1046,2 16,2.895431 16,4 L16,12 C16,13.1046 15.1046,14 14,14 L2,14 C0.895431,14 0,13.1046 0,12 L0,4 Z M2,4 L14,4 L14,4.0077 L8.00395,7.46952 L2,4.00315 L2,4 Z M2,6.31255 L2,12 L14,12 L14,6.3171 L8.00395,9.77893 L2,6.31255 Z'/%3E%3C/svg%3E");
	padding: 0 .4em;
	vertical-align: middle;
}

/* Append PDF */
a[href$=".pdf"]:after {
	content: " (PDF)";
	display: inline-block;
	padding: 0 .3em;
}

/* Append Excel */
a[href$=".xlsx"]:after {
	content: " (XLS)";
	display: inline-block;
	padding: 0 .3em;
}

/* 
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Inter, sans-serif;
	font-weight: 600;
}
*/

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
	fill: #0d4e76;
	height: 3rem;
	width: 3rem;
}

.wp-block-navigation__responsive-container-close:active svg,
.wp-block-navigation__responsive-container-open:active svg,
.wp-block-navigation__responsive-container-close:hover svg,
.wp-block-navigation__responsive-container-open:hover svg {
	fill: #0d0d0d;
}

/* Hide element */
.wp-block-page-list>li:first-child,
.display-none {
	display: none !important;
}

/* Main menu - START */

/* Styles for menu items */

.wp-block-navigation.items-justified-right {
	text-align: right;
}

.is-vertical .wp-block-navigation__responsive-container-content,
.is-vertical>.wp-block-navigation__container {
	row-gap: .1rem;
	column-gap: .1rem;
}

.wp-block-navigation-link,
.wp-block-navigation-item {
	border: 1px solid #cfe0e9;
}

.wp-block-navigation .wp-block-page-list,
.wp-block-navigation__container,
.wp-block-navigation__responsive-close,
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-dialog {
	gap: .5rem;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
	padding: 0;
}

.wp-block-navigation-item.wp-block-navigation-link>.wp-block-navigation-item__content,
.wp-block-navigation-item.wp-block-navigation-link>.wp-block-navigation-item__content:hover {
	margin: 0;
	padding: .25rem .75rem;
}

:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
	padding: .5em 1em
}

.wp-block-navigation:not(.is-vertical) .wp-block-navigation-item.current-menu-item {
	background-color: #fff;
	border-top: .1rem solid #cfe0e9;
	border-bottom: .2rem solid #0d4e76;
}

.wp-block-navigation.is-vertical .wp-block-navigation-item.current-menu-item {
	border-right: .5rem solid #0d4e76;
}

.wp-block-navigation.is-vertical .wp-block-navigation-item__content {
	/* background-color: #ffe533; */
	border-bottom: 1px solid #cfe0e9;
	color: #0d4e76;
	font-size: 1.5rem;
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
	margin: 0 .25rem;
}

.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__content:hover {
	padding: .25rem .5rem;
}

.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content:hover+.wp-block-navigation__submenu-icon {
	background-color: #e0f3f8;
	color: #0d0d0d;
}

/* styles specifically for sub menu items */

.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
	padding: 1px 0 !important;
}

.wp-block-navigation.is-vertical .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	/* background-color: #ffe533; */
	font-size: 1.25rem;
	border-bottom: 1px solid #cfe0e9;
	border-right: .5rem solid #cfe0e9;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background-color: #e0f3f8;
	color: #0d0d0d;
}

/* Main menu - STOP */

header .wp-block-site-title {
	font-size: xx-large;
}

.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
	min-width: 15rem;
}

.wp-block-separator {
	border: none;
	border-top: 1px solid var(--wp--preset--color--contrast);
}

/* Styling for 'header' - START */

header {
	background-color: #f5faff;
	border-bottom: #2698bd;
}

/* Styling for 'header' - STOP */

/* Styling for 'lightweight-accordion plugin' - START */

.lightweight-accordion .lightweight-accordion-title {
	background-color: #fff;
	border-bottom: 1px solid #cfe0e9;
}

.lightweight-accordion .lightweight-accordion-body {
	background-color: #ffffff50;
	border-bottom: 1px solid #cfe0e9;
}

.lightweight-accordion>details>summary {
	border: 1px solid #cfe0e9;
	cursor: pointer;
	position: relative;
	list-style-type: none;
}

.lightweight-accordion>details,
.lightweight-accordion>details>summary {
	display: block;
}

.lightweight-accordion>details {
	border: 1px solid #cfe0e9;
}

.lightweight-accordion>details:hover {
	border: 1px solid #0d4e76;
}

.lightweight-accordion>details>summary::after {
	font-size: 1.5rem;
	content: '+';
	position: absolute;
	top: .25rem;
	right: 1rem;
	bottom: 0;
}

.lightweight-accordion>details[open]>summary::after {
	content: '-';
}

/* Styling for 'lightweight-accordion plugin' - STOP */

/*
* Media Queries *
Landscape Mobile : 576px
Tablet : 768px
Desktop : 992px
Large Desktop : 1200px
*/

@media screen and (max-width: 768px) {

	.wp-block-navigation__responsive-container-close svg,
	.wp-block-navigation__responsive-container-open svg {
		height: 2rem;
		width: 2rem;
	}

	header .wp-block-site-title {
		font-size: x-large;
	}
}

@media screen and (max-width: 576px) {

	.wp-block-navigation__responsive-container-close svg,
	.wp-block-navigation__responsive-container-open svg {
		height: 3rem;
		width: 3rem;
	}

	header .wp-block-site-title {
		display: none;
	}
}