/*
Theme Name: Divi Child
Theme URI: https://devhuset.no
Description: Child theme for the Divi WordPress theme
Author: Devhuset
Author URI: https://devhuset.no
Template: Divi
Version: 1.0.11
*/

.dev_header_top {
	background-color: #f8f8f8;
	padding: 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;

	p {
		margin: 0;
		padding: 0;
		font-size: 1rem;
		color: #212121;

		a {
			text-decoration: underline;
			color: #212121;
		}
	}
}

.dev_header {
	background-color: #fff;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	padding: 1rem 0;

	&.border-bottom {
		border-bottom: 1px solid #e0e0e0;
	}
}

.dev_header_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	gap: 1rem;
	max-width: calc(1600px + 2rem);
	margin: 0 auto;
	padding: 0 1rem;
	width: 100%;
}

.dev_header_inner .col_2 {
	display: flex;
	justify-content: center;
	align-items: center;
}

.dev_header_inner .site-logo {
	width: 175px;
	height: auto;
	object-fit: contain;
}

.dev_header_inner .col_3 {
	flex-basis: 25%;
	display: none;
	justify-content: flex-end;
	align-items: center;
	gap: 1rem;
}

.dev_header_inner .col_3 .header-custom-links {
	display: flex;
	gap: 0.25rem;
	align-items: center;
	line-height: 1;
	color: #333;
}

.dev_header_inner .col_3 .header-custom-links svg {
	height: 1rem;
	width: 1rem;
}

@media screen and (min-width: 980px) {
	.dev_header_inner {
		flex-direction: row;
	}

	.dev_header_inner .col_1 {
		flex-basis: 25%;
	}

	.dev_header_inner .col_2 {
		flex-basis: 50%;
	}

	.dev_header_inner .col_3 {
		display: flex;
	}
}