/*
Theme Name: fellesforbundet 2026
Author: wp-hosting.no
Author URI: 
Theme URI: 
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: fellesforbundet-2026
Requires at least: 6.3
Requires PHP: 7.4
Tested up to: 6.3
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
	/* font-size: calc(16px + 3.2 *(100vw - 20rem) / 640); */
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* CHROME FIX - featured image in sidebar and bottoms */
.wp-block-post-featured-image:not(.alignfull) {width: 100% !important;}
.wp-block-post-featured-image:not(.alignfull) img {aspect-ratio: 16/9 !important}


.is-style-single-post-query-loop-selector .wp-block-post-featured-image {
	max-width: 167px !important
}
.is-style-single-post-query-loop-selector .wp-block-post-featured-image img {aspect-ratio: unset !important}




/*-------------------
----   HEADER    ---
--------------------*/

.menus-wrapper {flex-grow: 1}
.wp-block-site-logo {flex-grow: 2}

@media (max-width: 768px) {
	.header-wrapper {flex-wrap: nowrap !important}

	.secondary-menu {order: 2 !important}
	.collapsable-menu {order: 3 !important}
	
	.min-side a,
	.search-button button {
		font-size: 0;
	}
	
	.search-button button {display: none !important}
	
	.min-side a:before {
		content:'';
		display: flex;
		height: 44px;
		width: 44px;
		background-image: url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M381.04-533.35Q340-574.38 340-632.31q0-57.92 41.04-98.96 41.04-41.04 98.96-41.04 57.92 0 98.96 41.04Q620-690.23 620-632.31q0 57.93-41.04 98.96-41.04 41.04-98.96 41.04-57.92 0-98.96-41.04ZM180-187.69v-88.93q0-29.38 15.96-54.42 15.96-25.04 42.66-38.5 59.3-29.07 119.65-43.61 60.35-14.54 121.73-14.54t121.73 14.54q60.35 14.54 119.65 43.61 26.7 13.46 42.66 38.5Q780-306 780-276.62v88.93H180Zm60-60h480v-28.93q0-12.15-7.04-22.5-7.04-10.34-19.11-16.88-51.7-25.46-105.42-38.58Q534.7-367.69 480-367.69q-54.7 0-108.43 13.11-53.72 13.12-105.42 38.58-12.07 6.54-19.11 16.88-7.04 10.35-7.04 22.5v28.93Zm296.5-328.12q23.5-23.5 23.5-56.5t-23.5-56.5q-23.5-23.5-56.5-23.5t-56.5 23.5q-23.5 23.5-23.5 56.5t23.5 56.5q23.5 23.5 56.5 23.5t56.5-23.5Zm-56.5-56.5Zm0 384.62Z"/></svg>');		background-color: var(--wp--preset--color--primary);
		background-color: var(--wp--preset--color--secondary-1);
		border-radius: 100px;
		background-size: 32px 32px;
		background-position: center;
		background-repeat: no-repeat;
		transition: all .1s ease-in-out;
		/*border: 1px solid #e4e4e4;*/
	}
	
	.min-side:hover a:before {
		background-image: url('data:image/svg+xml;utf8,<svg fill="%23e9e9e9" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M381.04-533.35Q340-574.38 340-632.31q0-57.92 41.04-98.96 41.04-41.04 98.96-41.04 57.92 0 98.96 41.04Q620-690.23 620-632.31q0 57.93-41.04 98.96-41.04 41.04-98.96 41.04-57.92 0-98.96-41.04ZM180-187.69v-88.93q0-29.38 15.96-54.42 15.96-25.04 42.66-38.5 59.3-29.07 119.65-43.61 60.35-14.54 121.73-14.54t121.73 14.54q60.35 14.54 119.65 43.61 26.7 13.46 42.66 38.5Q780-306 780-276.62v88.93H180Zm60-60h480v-28.93q0-12.15-7.04-22.5-7.04-10.34-19.11-16.88-51.7-25.46-105.42-38.58Q534.7-367.69 480-367.69q-54.7 0-108.43 13.11-53.72 13.12-105.42 38.58-12.07 6.54-19.11 16.88-7.04 10.35-7.04 22.5v28.93Zm296.5-328.12q23.5-23.5 23.5-56.5t-23.5-56.5q-23.5-23.5-56.5-23.5t-56.5 23.5q-23.5 23.5-23.5 56.5t23.5 56.5q23.5 23.5 56.5 23.5t56.5-23.5Zm-56.5-56.5Zm0 384.62Z"/></svg>');		background-color: var(--wp--preset--color--primary);
		background-color: var(--wp--preset--color--contrast);
	}
	
	.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
		display: flex;
		align-items:center;
		justify-content: center;
		height: 44px;
		padding: 0 .5rem 0 1rem;
		background-color: var(--wp--preset--color--contrast);
		border-radius: 100px;
		color: var(--wp--preset--color--base);
		transition: all .1s ease-in-out;
		/*border: 1px solid #e4e4e4;*/
	
	}
	
	.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open:hover {
		background-color: var(--wp--preset--color--contrast);
		color: var(--wp--preset--color--base);		
	}
	
	.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open:before {
		content: 'Meny';
		font-size: 15px;
		font-weight: 700;
		margin-right: 3px;
	}

	
	.wp-block-buttons > .wp-block-button {display: flex}
	
	.menus-wrapper {
		flex-grow: 0;
		gap: 10px;
	}
	
	.wp-block-site-logo {
		display: flex;
		align-self: center;
	}
	
	.custom-logo-link {
		width: 200px;
		height: 36px;
	}	
}

.tax-ff_employee_group .wp-block-template-part,
.tax-ff_office .wp-block-template-part  {margin-top: 0 !important}


.page-template-no-title .entry-content,
.page-template-no-title-no-breadcrumbs .entry-content {margin-top: 0 !important}

.wp-block-post-title.has-small-font-size,
.wp-block-post-title.has-small-title-font-size {letter-spacing: -.012em !important}


/* BCN BREADCRUMB TRAIL */

.wp-block-bcn-breadcrumb-trail {
	line-height: 1.4 !important
}

/* TRIBE EVENTS */

.tribe-events .tribe-events-c-search__button,
.tribe-events button.tribe-events-c-search__button {
    background-color: var(--wp--preset--color--primary) !important;
    background-image: none;
    box-shadow: none;
    color: var(--tec-color-text-events-bar-submit-button);
    border-radius: 100px !important;
    font-style: normal;
    outline: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-shadow:none
}


.tribe-events .tribe-events-c-search__button:focus,
.tribe-events .tribe-events-c-search__button:hover,
.tribe-events button.tribe-events-c-search__button:focus,
.tribe-events button.tribe-events-c-search__button:hover {
    background-color: var(--wp--preset--color--primary) !important;
    border: none;
    border-radius: 100px !important;
    box-shadow: none;
    color: var(--tec-color-text-events-bar-submit-button-hover);
    font-size: var(--tec-font-size-2);
    font-style: normal;
    outline: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-shadow:none
}


.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
	background: white !important;
    display: flex;
    flex-direction: column;
    max-width: 4rem !important;
    height:initial !important;
    padding-top: .5em !important;
    padding-bottom: .5em !important;
    text-align:center;
    border: 1px solid #e9e9e9 !important;
    border-radius: 8px;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
	color: var(--wp--preset--color--primary) !important;
    font-family: var(--tec-font-family-sans-serif);
    font-size: var(--tec-font-size-0);
    font-weight: var(--tec-font-weight-regular);
    line-height: var(--tec-line-height-2);
    text-transform: none !important;
    font-weight: 700 !important;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-datetime .tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium {
    font-size: var(--tec-font-size-7);
    line-height:var(--tec-line-height-1)
}

.tribe-events .tribe-events-calendar-list__event-date-tag-datetime .tribe-common-h5 {
    color: var(--tec-color-text-primary);
    font-family: var(--tec-font-family-sans-serif);
    font-weight: var(--tec-font-weight-bold);
    line-height: var(--tec-line-height-2);
    text-transform:none
}




/* INFOBOX */


.infobox .wp-block-,
.ibox-post {gap: 0 !important}


@media (min-width: 782px) {
	.ibox-post {
		box-sizing: border-box !importanat;
		margin-left: -2em;
		margin-right: -2em;
		row-gap: 0 !important;
		column-gap: 0 !important;

	}
}

@media (max-width: 781px) {
	.infoboks-dots {display:none;}
	/*.infoboks-dots-col {display:none;}*/
}

/*-------------------
---- tariffavtaler ---
--------------------*/

ul.tariffavtaler a {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	height: 100%;
	background-color: white;
	padding-top: var(--wp--preset--spacing--40);
	padding-right: var(--wp--preset--spacing--40);
	padding-bottom: var(--wp--preset--spacing--40);
	padding-left: var(--wp--preset--spacing--50);
	transition: all .06s ease-out
}

ul.tariffavtaler a:after {
	content: "";
	display: flex;
	margin: auto 0 auto auto;
	width: 1em;
	height: 1em;
	background-image: url('data:image/svg+xml;utf8,<svg fill="%23cf0000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path class="cls-1" d="M3.33,0L.06,3.31l1.46,1.49c.51.51,3.25,3.32,3.81,3.83-.56.51-3.46,3.51-3.97,4.02l-1.35,1.33,3.29,3.32,8.49-8.67L3.33,0Z"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
}

ul.tariffavtaler a:hover {
	text-decoration: none;
	background-color: var(--wp--preset--color--secondary-2)
}

/*-------------------
---- FF søkefilter ---
--------------------*/

.wp-block-fellesforbundet-ff-search-filter .ff-search-filter__input {
	padding: .65em 1.2em;
	border-radius: 100px;
	min-width: 35ch;
	border: 1px solid currentColor;
	background: #fff url('/wp-content/themes/fellesforbundet-2026/assets/images/ff-search-ico.svg') 99% center no-repeat;
	background-size: 64px 42px;

}

.wp-block-fellesforbundet-ff-search-filter .ff-search-filter__input::after {
	content: '';
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 42px;
	background-color: red;
    background-repeat: no-repeat;
}



/*-------------------
---- TRIBE EVENTS ---
--------------------*/

.tribe-block {}

.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: var(--tec-spacer-0);
    text-align: center;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
    color: var(--tec-color-text-primary);
    color: var(--tec-color-text-secondary);
    font-family: var(--tec-font-family-sans-serif);
    font-size: var(--tec-font-size-0);
    font-weight: var(--tec-font-weight-regular);
    line-height: var(--tec-line-height-2);
    text-transform:uppercase
}


/* avdelinger og sektorer */


.tax-ff_sector h1.wp-block-query-title::first-letter {
	text-transform: uppercase !important;
}

.post-type-archive-ff_department h2:not(.field-departmentName),
.tax-ff_sector h2:not(.field-departmentName) {
	font-size: var(--wp--preset--font-size--medium) !important;
	margin-top: 2em !important
}

.post-type-archive-ff_department .wp-block-post-terms.taxonomy-ff_sector a,
.tax-ff_sector .wp-block-post-terms.taxonomy-ff_sector a  {
	display: none !important;
	background: white !important
}

.lokalavdelinger .prefix {font-weight: 700;}

.lokalavdelinger .field-email {max-width: 32ch; text-overflow: ellipsis}



/* helpers */

@media (min-width: 1000px) {
	.single-post .wp-block-post-featured-image.mw-1k {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto
	}
}

@media (min-width: 1152px) {

	.max-1160 {
		max-width: 1152px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

.max-65ch {
 max-width: 65ch	
}

.min-25ch {
 min-width: 25ch	
}

bold, strong {font-weight: 700 !important;}

.max-1000 {max-width: 1000px;}

.home .entry-content {margin-block-start: 0 !important}

h1.hero span {color: var(--wp--preset--color--primary) !important}

.inline-flex {display: inline-flex !important}

.max-w-m {max-width: 32rem}

.inline {display: inline-flex;}

.force-lc {text-transform: lowercase}


/*************************
	social icons footer
**************************/

.wp-block-social-links.has-large-icon-size {font-size: 32px !important}


/**************************
	video- og seksjonshero
***************************/

@media (min-width: 1408px) {

	.videohero,
	.seksjonshero {
		max-width: 1408px !important;
		margin-right: auto !important;
		margin-left: auto !important
	}
}


.parole h1,
.parole h2 {
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 0 !important;
}


h1.red-dot:after,
h2.red-dot:after {
	content: '.';
	color: var(--wp--preset--color--primary)
}

.videohero .parole,
.seksjonshero .parole {
	padding: clamp(1.5rem, -0.5688rem + 4.2328vw, 2.5rem) clamp(2rem, -0.4841rem + 5.0955vw, 4rem) !important; 
}

@media (min-width: 782px) {

	.videohero .text-col,
	.seksjonshero .text-col {
		flex-basis: 41.66% !important;
		min-width: 587px
	}
	
	.parole {
		width: 110%;
		left: clamp(2rem, -0.4841rem + 5.0955vw, 4rem) !important;
		z-index: 2
	}
	
	.videohero .media-col,
	.seksjonshero .media-col {
		flex-basis: 58.34% !important;
	}
	
	.seksjonshero .parole > h1 {font-size: 40px !important}

}

@media (max-width: 781px) {

	.media-col {order: 1}
	.text-col {order: 2; padding-top: 0;}
	
	.seksjonshero .wp-block-cover {
		height: 33vh 
	}
	
	.videohero .wp-block-cover {
		height: 40vh 
	}
	
	.dots {display: none !important}
	
	.parole {
		box-sizing: border-box;
		margin-top: -6rem !important;
		margin-right: var(--wp--preset--spacing--70);
		margin-bottom: var(--wp--preset--spacing--70);
		margin-left: 0;
		/*padding-right: 3rem !important;*/
		left: initial !important;
		/*padding-left: 3rem !important;*/
		z-index: 2;
		
		h1,h2 {font-size: 28px !important}
	}
	
	.videohero .parole {padding: 1.5rem !important}
	
	.seksjonshero .parole {margin-top: -4.75rem !important}
	
	.parole:before,
	.has-dots:before {
		content: '';
		position: absolute;
		top: -48px;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 96px;
		height: 48px;
		background-image: url('data:image/svg+xml;utf8,<svg fill="%23cf0000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>');
		background-position: left top,  48px top; 
		background-size: 48px 48px;
		background-repeat: no-repeat, no-repeat;
	}
	
	.has-dots {
		margin-top: 6rem !important;
	}
	
	.blue-blue:before {
		background-image: url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>');
	}
	
	.red-red:before {
		background-image: url('data:image/svg+xml;utf8,<svg fill="%23cf0000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%23cf0000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>');
	}
	
	.red-green:before {
		background-image: url('data:image/svg+xml;utf8,<svg fill="%23cf0000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%23c4d3a4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>');
	}
	
	.lightblue-lightyellow:before {
		background-image: url('data:image/svg+xml;utf8,<svg fill="%2398b4f4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%23feedd2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>');
	}
	
	.blue-lightblue:before {
		background-image: url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%2398b4f4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>');
	}
	.burgundy-yellow:before {
		background-image: url('data:image/svg+xml;utf8,<svg fill="%23621324" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%23fccb00" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>');
	}
	
	.blue-yellow:before {
		background-image: url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%23fccb00" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>');
	}
	
	.lonnsoppgjoret:before {
		background-image: url('data:image/svg+xml;utf8,<svg fill="%23cf0000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%23e9e9e9" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>');
	}
	.medlemskap:before {
		background-image: url('data:image/svg+xml;utf8,<svg fill="%23ff6700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>');
		background-position: left top,  48px top, 48px 24px, 72px top, 72px 24px;
		background-size: 48px, 24px, 24px, 24px, 24px;
	
	}
	.om-fellesforbundet:before {
		width: 160px;
		height: 96px;
		top: -72px;
		background-image: url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%23fccb00" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%231a1836" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>');
		background-position: 0 0, 24px 0, 48px 0, 0 24px, 24px 24px, 48px 24px, 0 48px, 24px 48px, 48px 48px, 72px 24px;
		background-size: 24px, 24px, 24px, 24px, 24px, 24px, 24px, 24px, 24px, 48px;

	}
	.lonn-og-tariff:before {
		background-image: url('data:image/svg+xml;utf8,<svg fill="%23cf0000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>'),
		url('data:image/svg+xml;utf8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-2" cx="32" cy="32" r="32"/></g></svg>');
		background-size: 48px, 48px;
	}
}


@media (min-width: 1408px) {

	.has-wide-header,
	.videohero,
	.seksjonshero-parole {
		max-width: 1408px !important;
		margin-right: auto !important;
		margin-left: auto !important
	}
}

/* NEW SECTION HEADS - Beta  HL 12.03.26 */

.utfallende-h-test {
	max-width: calc(100vw - (50vw - 704px)) !important;
	box-sizing: border-box;
}

.section-head-fwh {
	max-width: calc(100vw - (50vw - 576px)) !important;
	box-sizing: border-box;
}

.utfallende-h-test.alignfull.has-global-padding {
	margin-left: auto !important;
}


/**********************
	Banner with dots
***********************/



/* NEW SECTION HEADS - Beta  HL 12.03.26 */

.utfallende-h-test {
	max-width: calc(100vw - (50vw - 704px)) !important;
	box-sizing: border-box;
}

.section-head-fwh {
	max-width: calc(100vw - (50vw - 576px)) !important;
	box-sizing: border-box;
}

.utfallende-h-test.alignfull.has-global-padding {
	margin-left: auto !important;
}




/**********************
	Read more block
***********************/

.wp-block-wph-read-more-block {box-sizing: border-box}

/**********************
	Tariffutlisting
***********************/

.tariffutlisting {
	row-gap:0 !important;
	column-gap: var(--wp--preset--spacing--50);
}

.tariffutlisting li {
	padding var(--wp--preset--spacing--30);
}

/**********************
	Megameny
***********************/

.wp-block-outermost-mega-menu__menu-container {
    height: auto;
    left: -1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 75px;
    transition: opacity .1s linear;
    visibility: hidden;
    z-index:3
}

.wp-block-outermost-mega-menu__toggle {
	padding: .5em .8em !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	border-radius: 1em !important;
	border: 1px solid transparent !important

}

.wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__toggle[aria-expanded=true] {
    border: 1px solid var(--wp--preset--color--contrast) !important;
}

.field-email.wp-block-acf-field-blocks-acf-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.wp-block-post-terms__separator {display: none}

.single-ff_department .prefix {font-weight: 700}

.field-departmentNumber .prefix {font-weight: 800 !important}

.banner-dot-2w {
	background-size: 7em !important;
	background-repeat: no-repeat;
	background-position: top right;
}

/********************************
	imp. fellesforbundet-banner
********************************/

.wp-block-fellesforbundet-banner.banner--default {
	background: var(--wp--preset--color--contrast) !important;
	color: white !important;
	border: 0 !important;
	border-radius: 0 !important
}

/**********************
	Lokalavdeling 
***********************/

.post-type-archive-ff_department li.wp-block-post.type-ff_department {
	background: var(--wp--preset--color--secondary-7-20)
}


/**********************
	Ansatte 
***********************/

.archive.tax-ff_office .wp-block-query > h2,
.archive.tax-ff_employee_group .wp-block-query > h2 {
	margin-top: 0 !important;
	font-weight: 400 !important
}

.archive.tax-ff_office .wp-block-query > h3,
.archive.tax-ff_employee_group .wp-block-query > h3 {
	margin-top: var(--wp--preset--spacing--60)
}



/************************
	Categories list,
	Categories dropdown 
	- Avdelinger
	- Ansatte
*************************/

.ansattegrupper-links li {
	display: inline-block;
}

.ansattegrupper-links  {
	margin:0;
	padding: 0;
	
	li {
		display: inline-block;
		margin-right: 1.25em;
		
		a {text-decoration: none}
		
		a:hover {text-decoration: underline}
	}
}

.ansattegrupper-links li.current-cat a,
.archive.tax-ff_office .cat-item-394 a {
	color: var(--wp--preset--color--primary) !important;
}


.kontorer-select select,
.wp-block-query-filter select,
.wp-block-twentybellows-taxonomy-query-filter select {
  display: block;
  font-size: var(--wp--preset--font-size--x-small);
  font-family: sans-serif;
  font-weight: 400;
  color: #000;
  padding: .5em .8em .5em .8em;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  border-radius: 8px;
  border-width: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  border: 1px solid #e9e9e9;
  /*background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.41 14.12'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %231a1836; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolyline class='cls-1' points='24.71 .71 12.71 12.71 .71 .71'/%3E%3C/g%3E%3C/svg%3E");*/
  background-image: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23cf0000" stroke-width="8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.66 20.49"><polyline class="cls-1" points="26.83 2.83 14.83 14.83 2.83 2.83"/></svg>');
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%;
  background-size: 1em auto;
}
.kontorer-select select::-ms-expand,
.wp-block-query-filter select::-ms-expand,
.wp-block-twentybellows-taxonomy-query-filter select::-ms-expand {
  display: none;
}
.kontorer-select select:hover,
.wp-block-query-filter select:hover,
.wp-block-twentybellows-taxonomy-query-filter select:hover {
  border-color: #888;
}
.kontorer-select select:focus,
.wp-block-query-filter select:focus,
.wp-block-twentybellows-taxonomy-query-filter select:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}
select.ff_office option,
.wp-block-query-filter select option,
.wp-block-twentybellows-taxonomy-query-filter select option {
  font-weight:normal;
}

/************************************
	Single posts - vertical spacing 
*************************************/


.page-id-205 .wp-block-post-content {padding-bottom: 0 !important} /* snug bottom when colored background on last element */

.single-coll_agreement_area .wp-block-post-content {padding-bottom: var(--wp--preset--spacing--60) !important} 

.has-medium-font-size {letter-spacing: -.012em;line-height: 1.333 /*1.2727*/}
.has-large-font-size {letter-spacing: -.012em;line-height: 1.2857}
.has-x-large-font-size {letter-spacing: -.02em;line-height: 1.333}
.has-xx-large-font-size {letter-spacing: -.02em; line-height: 1.1667}

.single-post h1.wp-block-post-title {font-size: clamp(1.6875rem, 0.8375rem + 2.8333vw, 2.75rem)!important; font-weight:700;line-height: /*1.09*/  line-height: 1.2727}


.single-post .wp-block-post-content p { font-size: 19px !important; line-height: 1.421 !important}

.featured-image-caption {margin-top: .5em}

:root .single-post :where(.is-layout-constrained) .entry-content > *,
:root .single-post :where(.is-layout-constrained) .entry-content > * {
    margin-block-start: 1em !important;
    margin-block-end: 0;
}

:root :where(.is-layout-constrained) > h1 {
    margin-block-start: .5em;
}

:root :where(.is-layout-flow) > h2 {
    margin-block-start: 2.75rem;
}

:root :where(.is-layout-flow) > h3 {
    margin-block-start: 1em;
}


:root .single-post :where(.is-layout-constrained) .entry-content > h2 {
	margin-top: var(--wp--preset--spacing--60) !important;
	margin-bottom: .4em !important;
	font-size: var(--wp--preset--font-size--medium);
}

:root .single-post :where(.is-layout-constrained) .entry-content > h3,
:root .single-post :where(.is-layout-constrained) .entry-content > h4 {
	margin-block-start: var(--wp--preset--spacing--60) !important;
	margin-bottom: var(--wp--preset--spacing--30) !important
}

:root .single-post :where(.is-layout-constrained) .entry-content > p:first-child {
    margin-block-start: 0 !important;
}

:root .single-post :where(.is-layout-constrained) .entry-content > h2 + p,
:root .single-post :where(.is-layout-constrained) .entry-content > h3 + p,
:root .single-post :where(.is-layout-constrained) .entry-content > h4 + p {
	margin-top: 0 !important
}

footer {margin-top: 0 !important}







/* POLYLANG language switcher */

.polylang_langswitcher a {}

.lang-item {
	display: inline-block;
	list-style: none;
	text-transform: uppercase;
	
	a {
		font-size: var(--wp--preset--font-size--small);
		padding: .33em;
		border: 1px solid transparent;
		border-radius: 3px;
		text-decoration: none !important;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic
	}
	
	&.current-lang a {border: 1.5px solid var(--wp--preset--color--contrast)}
}


/* Max-width for images in classic blocks in imported posts, that all use template post-template-sidebar IOK 2026-03-17 */
body.post-template-sidebar-post-template.wp-singular div.entry-content p > img {
    max-width: 100%;
    height: auto;
}

body.post-template-sidebar-post-template.wp-singular div.entry-content > img {
    max-width: 100%;
    height: auto;
}