/*
 Theme Name:     FÆRD/DIVI Child (child)
 Theme URI:      https://bilservice.no
 Description:    Divi Child Theme
 Author:         FÆRD
 Author URI:     https://www.færd.no
 Template:       Divi
 Version:        1.0.0
*/

/* Divi's style.css is already enqueued in functions.php, having this import loads it twice
@import url("../Divi/style.css"); */

/* =Theme customization starts here
------------------------------------------------------- */

h1, h2, h3, h4, h5 {
  /* font-family: 'HurmeGeometricSans1&2'; */
  color: #3B3C43;
}
/* Mal for størrelser */
/*
H1 36 32 28 blue
H2 32 29 26 blue
h3 28 26 24 blue
H4 23 22 21 grey
H5
*/

.font-semibold h1, .font-semibold h2 {
	/* font-family: HurmeGeometricSans2-semibold; */
}

.font-light h2 .font-light h3, .font-light h4, .font-light h5, .font-light h6, .font-light p {
	/* font-family: HurmeGeometricSans2-Light; */
}


.font-reg h1, .font-reg h2, .font-reg h3, .font-reg h4, .font-reg h5, .font-reg h6, .font-reg p {
  /* font-family: 'HurmeGeometricSans1&2'; */
}

strong {
    /* font-family: HurmeGeometricSans2-semibold !important; */
}


.entry-title {
	/* font-family: HurmeGeometricSans2-semibold !important; */
}

h1 {
	/* font-size: 4em; */
	/* font-family: HurmeGeometricSans2-semibold; */
	line-height: 1.4em;
}
h2 {
	/* font-size: 40px; */
	/* font-family: HurmeGeometricSans2-semibold; */
	/* line-height: 1.5em; */
}
h3 {
	/* font-family: HurmeGeometricSans2-Light; */
	/* font-size: 32px; */
	/* line-height: 1.5em; */
}
h4 {
	/* font-family: HurmeGeometricSans2-Light; */
	/* font-size: 24px; */
	/* line-height: 1.5em; */
}
h5 {
	/* font-size: 18px; */
	/* font-family: HurmeGeometricSans2-Light; */
	/* line-height: 1.5em; */
}
p {
	font-family: HurmeGeometricSans2-Regular;
	font-size: 1em;
	line-height: 1.5em;
}



.et_pb_text a {
	text-decoration: underline;
}
.et_pb_text a:hover {
	text-decoration: none;
}
.img-cover img {
	object-fit: cover;
}

.single .et_pb_post {
	margin-bottom: 0;
	padding-bottom: 0;
}

/*** FPO STYLING OVERRIDE ***/

/* Images */
.fpo-post-image img {
	border-radius: 8px;
}


/*** BRUKTBIL STYLING ***/

/* Bottom nav grid */
.nav-grid h2  {
	font-family: HurmeGeometricSans2-Regular;
}

/* Bullet points */
.orange-bullets li {
	list-style: none;
}

.orange-bullets li:not(:first-of-type) {
	margin-top: 8px;
}

.orange-bullets li::before {
	content: "\2022";
	color: #D97A28;
	font-size: 2em;
	display: inline-block;
	width: 0.6em;
    margin-left: -0.5em;
	vertical-align: -9%;
}



/*** MENU ***/
/* Left align header image on mobile */
@media all and (max-width: 980px) {
	header .et_pb_image_0_tb_header {
		margin-left: 0;
	}

	/* display above menu but leave space on the left to click on the hamburger */
	.custom-mobile-header-section .et_pb_column_0_tb_header {
		position: absolute;
		z-index: 4; /* columns have z-index 2 by default, but .et_pb_column--with-menu has z-index 3 */
		width: 85% !important;
	}

	header .et_pb_menu_0_tb_header {
		padding-top: 0;
	}
}

/*** Mobile Menu Collapsing Nested Menu Items ***/
/* Modified from https://www.elegantthemes.com/blog/community/divi-mobile-menu-hack-collapsing-nested-sub-menu-items */
header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; font-weight: normal; }
header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }

/* Hamburger icon */
a.mobile_nav {
	text-decoration: none;
}

/* Tertiary button */
body #page-container #et-boc .et_pb_button.tertiary_btn {
	-webkit-font-smoothing: antialiased;
	font-family: 'HurmeGeometricSans1-Regular';
	padding: 0em 0em!important;
	line-height: 1.3em!important;
	transition: all 300ms ease 0ms;
	background-color: rgba(0,0,0,0)!important;
	color: #ffffff !important;
	border-width: 3px!important;
	border-color: #ffffff;
	border-radius: 0px;
	border-left: none;
	border-top: none;
	border-right: none;
	font-size: 20px;
	text-decoration-color: rgba(0,0,0,0)!important;
	white-space:pre;
	text-align: center;
	width: auto;

	-webkit-clip-path: polygon(
		0 0, /* top left */
		100% 0, /* top right */
		100% calc(100% - 2px), /* bottom right static */
		0% calc(100% - 2px), /* slider upper */
		0% calc(100% - 0px), /* slider lower */
		0 100% /* bottom left static */
	);

	clip-path: polygon(
		0 0, /* top left */
		100% 0, /* top right */
		100% calc(100% - 2px), /* bottom right static */
		0% calc(100% - 2px), /* slider upper */
		0% calc(100% - 0px), /* slider lower */
		0 100% /* bottom left static */
	);
}

body #page-container #et-boc .et_pb_button.tertiary_btn:hover {
	-webkit-clip-path: polygon(
		0 0, /* top left */
		100% 0, /* top right */
		100% calc(100% - 2px), /* bottom right static */
		100% calc(100% - 2px), /* slider upper */
		100% calc(100% - 0px), /* slider lower */
		0 100% /* bottom left static */
	);

	clip-path: polygon(
		0 0, /* top left */
		100% 0, /* top right */
		100% calc(100% - 2px), /* bottom right static */
		100% calc(100% - 2px), /* slider upper */
		100% calc(100% - 0px), /* slider lower */
		0 100% /* bottom left static */
	);
}

/* Standard button full parent width */
/*
.full-btn-container .standard-btn {
	width: 100%;
	padding-right: 0 !important;
	border-left: none;
	border-top: none;
	border-right: none;
	padding-left: 2px !important;
	padding-right: 32px !important;
}

.full-btn-container .standard-btn:after {
	text-align: right;
	float: right;
	position: static !important;
	margin-left: 0 !important;
}

/* Horizontaly aligned buttons */
.btn-inline .et_pb_button_module_wrapper {
	display: inline-block;
	margin: 0 5px;
}

.btn-inline-wider .et_pb_button_module_wrapper:first-of-type {
	margin: 0 10px 0 0 !important;
}
.btn-inline-wider .et_pb_button_module_wrapper:last-of-type {
	margin: 0 0 0 10px !important;
}

.btn-inline {
	text-align: left !important;
}

.btn-fixed-size {
	min-width: 310px;
}


/*** Hide Sidebar ***/
#sidebar {display:none;}
/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}

/*** Expand the content area to fullwidth ***/
@media (min-width: 980px) {
	#left-area {
		width: 100%;
		/* padding: 23px 0px 0px !important; */
		float: none !important;
	}
}

/* Fix horizontal overflow due to dropdown menus, from https://divibooster.com/preventing-the-divi-theme-horizontal-scroll-bar-bug/ */
/* Also happens to fix overflow from animated button sections on the homepage */
#page-container { overflow:hidden; }


/* 16:9 blog/ article pictures */
.entry-featured-image-url {
	padding-bottom: 56.25%; /* 16:9 */
	position: relative;
}

/* ----- EMPTY COLUMNS. if this is not added, the column is not visible. add this and then adjust the height with padding -----*/
.et_pb_column.et_pb_column_empty {
    display: block!important;
    min-height: 70px;
}


.entry-featured-image-url img {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
/*	box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.1); */
}

/* 2:1 85vw images */
.image-85 span {
	padding-bottom: 50.00%; /* 2:1 */
	position: relative;
}
.image-85 img {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
/* 	box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.1);  */
}

/* 2:1 85vw images - No shadow */
.image-no-shadow img {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	box-shadow: 0px 0px 0px 0px;
}

/*** Employee pictures ***/
.employee img {
	max-width: 65%;
	margin-bottom: 10px;
/* 	box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.1);  */
}

.dp_ppp_module.medarbeidere .et_pb_portfolio_item.et_pb_grid_item .entry-title {
	line-height: 1.2em;
	margin-bottom: 5px;
}

.employee-custom-field {
	font-size: 16px;
	line-height: 1.4em;
}

.employee-custom-field a {
	text-decoration: underline;
}
.employee-custom-field a:hover {
	text-decoration: none;
}

/* Ensure two columns on mobile */
@media all and (max-width: 479px) {
	.et_pb_column .medarbeidere .et_pb_grid_item.et_pb_portfolio_item
	{
		width: 47.25%;
		margin: 0 5.5% 9.5% 0;
	}

	.et_pb_column .medarbeidere .et_pb_grid_item.et_pb_portfolio_item:nth-child(2n)
	{
		margin-right: 0;
	}

	.employee img {
		max-width: 100%;
	}
}

/* Filter buttons */

.medarbeidere .et_pb_portfolio_filters {
	display: block;
}

.et_pb_filterable_portfolio.no_filter_btns .et_pb_portfolio_filters
{
	display: none;
}

/*** CHANGE DESIGN OF DP FILTERABLE PORTFOLIO BLOG MODULE ***/

/* Remove load animation */
.dp_ppp_module.et_pb_filterable_portfolio .et_pb_portfolio_item.active {
	animation: none;
}

/* Hide DP Filterable blog module category toggle */
.et_pb_portfolio_filters {
	display: none;
}

/* Remove blank space from top and bottom of the excerpt */
.post-meta { /* as a paragraph, this gets margin and padding even when it doesn't contain anything */
	display: none;
}

.et_pb_filterable_portfolio_fullwidth .dp-post-excerpt a::before {
	line-height: 0.7em;
}

/* Hide Default Post titles */
.et_post_meta_wrapper {
	display: none;
}

.et_pb_filterable_portfolio_fullwidth h2.entry-title {
	font-family: HurmeGeometricSans2-semibold;
	color: #24618E;
}

.et_pb_filterable_portfolio_fullwidth h2.entry-title a {
	text-decoration: none;
}

/* Artikkel button */
.et_pb_filterable_portfolio_fullwidth .dp-post-excerpt a {
	-webkit-font-smoothing: antialiased;
	font-family: 'HurmeGeometricSans2-Regular';
	padding-bottom: 2px;
	border-bottom: 2px solid;
	line-height: 1.7em!important;
	transition: all 300ms ease 0ms;

	color: #24618E!important;
	border-width: 1px!important;
	border-color: #24618e;
	border-radius: 0px;
	font-size: 20px;
	text-decoration-color: rgba(0,0,0,0)!important;
	white-space:pre;
}

.et_pb_filterable_portfolio_fullwidth .dp-post-excerpt a:before {
	content: ' ';
	clear: right;
	display: block;
}

.et_pb_filterable_portfolio_fullwidth .dp-post-excerpt a:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px; /* difference of 2px between Mac and PC, this is a happy medium with no gaps on both */
	height: 3px;
	width: 0px;

	background-color: #24618e;

	transition: width 100ms ease;
}

/* Hack to match current width of buttons because :before above makes 100% fill the entire paragraph */
.et_pb_column:hover .et_pb_filterable_portfolio_fullwidth .dp-post-excerpt a:after {
	width: 64px;
}

@media all and (max-width: 980px) {
	.et_pb_column:hover .et_pb_filterable_portfolio_fullwidth .dp-post-excerpt a:after {
		width: 58px;
	}
}

/* Custom more link on articles */
.et_pb_filterable_portfolio_fullwidth .et_pb_portfolio_item a.custom-more-link {
	position: relative;
	display: block;
	width: max-content;
	padding-bottom: 2px;
	margin-top: 12px;

	border-bottom: 1px solid #24618E;

	font-size: 18px;
	color: #24618E;
}

@media all and (max-width: 980px) {
	.et_pb_filterable_portfolio_fullwidth .et_pb_portfolio_item a.custom-more-link {
		font-size: 16px;
	}
}

.et_pb_filterable_portfolio_fullwidth .et_pb_portfolio_item a.custom-more-link::after {
	content: '';
	position: absolute;
	left: 0;
	right: 100%;
	bottom: -3px;
	height: 3px;

	background-color: #24618E;

	transition: right 100ms ease;
}

.et_pb_column:hover .et_pb_filterable_portfolio_fullwidth .et_pb_portfolio_item a.custom-more-link::after {
	right: 0;
}

/* Custom funnel to pages */
.et_pb_column.custom-funnel h3 {
	font-family: HurmeGeometricSans2-regular !important;
	font-size: 25px;
	font-weight: 500;

}

.et_pb_column.custom-funnel a {
	position: relative;
	display: block;
	width: max-content;
	padding-bottom: 2px;
	margin-top: 12px;

	border-bottom: 1px solid #24618E;
	text-decoration: none;

	font-size: 18px;
	color: #24618E;
}

@media all and (max-width: 980px) {
	.et_pb_column.custom-funnel a {
		font-size: 16px;
	}
}

.et_pb_column.custom-funnel a::after {
	content: '';
	position: absolute;
	left: 0;
	right: 100%;
	bottom: -3px;
	height: 3px;

	background-color: #24618E;

	transition: right 100ms ease;
}

.et_pb_column.custom-funnel:hover a::after {
	right: 0;
}

/* Removed arrow icon to accomodate underline animation
.et_pb_filterable_portfolio_fullwidth .dp-post-excerpt a:after {
	font-family: ETmodules!important;
	font-size: 1.2em;
	text-transform: none;
	content: "\35";
	color: #84ADCF;
	margin-left: 20px;
}
*/

/* .et_pb_module:not(.big-blog) .et_pb_post a img {
	width: 100%;
	height: 300px;
	object-fit: cover;
} */

/* .big-blog .et_pb_post a img {
	width: 100%;
	height: 750px;
	object-fit: cover;
} */



.big-blog .et_pb_post a img, .no_dropshadow span {
	box-shadow: none !important;
}

.big-blog .et_pb_ajax_pagination_container {
	background: #E2EFFA;
}

.big-blog .et_pb_ajax_pagination_container .entry-title, .big-blog .et_pb_ajax_pagination_container .post-content {
	text-align: center;
}

.big-blog .entry-title, .big-blog .post-content-inner {
	width: 45%;
	margin: auto;
}

.big-blog article.post {
	padding-bottom: 50px;
}

/* Kampanje/Blog button btn */
.big-blog .post-content a, .et_pb_ajax_pagination_container .post-content a {
	position: relative;
	padding-bottom: 2px;
	border-bottom: 1px solid grey;
	width: max-content;
	text-decoration: none;
	margin-top: 20px;
}

.et_pb_ajax_pagination_container .post-content a::after {
	content: '';
	position: absolute;
	left: 0;
	right: 100%;
	bottom: -3px;
	height: 3px;

	background-color: gray;

	transition: right 100ms ease;
}

.et_pb_ajax_pagination_container:hover .post-content a::after {
	right: 0;
}

.big-blog .post-content a {
	margin: auto;
}

.cover img {
	object-fit: cover;
}

.et_pb_portfolio_items, .et_pb_portfolio_items_wrapper {
	opacity: 1 !important;
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}

/****** Hide blog module if there is no content in the result *******/
.et_pb_module.et_pb_posts .et_pb_ajax_pagination_container .entry {
    display: none!important;
}

/*** Bestill service TACDIS modifications ***/

#fard_submit_license {
    background-color: #BCA555 !important;
    color: #3B3C43 !important
}

.TACDIS_ecom_wrapper {
	--bs-blue: #24618E;
	--bs-light-blue: #84ADCF;
}

.TACDIS_ecom_wrapper .TACDIS_container {
	padding: 0;
}

/* Outline på input-er */
/*
[data-tacdis-form] input[type='text'],
[data-tacdis-form] input[type='password'],
[data-tacdis-form] input[type='email'],
[data-tacdis-form] input[type='number'],
[data-tacdis-form] input[type='tel'] input[type='search'],
[data-tacdis-form] textarea {
	border-color: var( --bs-light-blue ) !important;
}
*/

/* Outline på hele boxen */
[data-tacdis-card~="with-border"]
{
	border-color: var( --bs-light-blue ) !important;
}

/* CSS regler fra Vidar */
.TACDIS_current {
	background-color: var( --bs-blue ) !important;
}

[data-tacdis-stepbar] .TACDIS_stepbar-item.TACDIS_current:after {
	border-left-color: var( --bs-blue ) !important;
}

[data-tacdis-button~='primary'] {
	background-color: var( --bs-blue ) !important;
}

.employee-picker_item--selected {
	background-color: var( --bs-blue ) !important;
	border-color: var( --bs-blue ) !important;
}

.employee-picker_item:hover {
	border-color: var( --bs-blue ) !important;
}

[data-tacdis-radiobutton] label:after {
	background-color: var( --bs-blue ) !important;
}

[data-tacdis-selectiontable] .TACDIS_table-data.TACDIS_is-selected {
	background-color: var( --bs-blue ) !important;
}

[data-tacdis-checkbox] label:after {
	color: var( --bs-blue ) !important;
}



/*** Random image using Gallery module on Nye biler - from https://divisoup.com/how-to-create-a-random-header-image-using-the-divi-gallery-module/ ***/
.random-image .et-pb-arrow-prev,
.random-image .et-pb-arrow-next,
.random-image .et-pb-controllers {
	display: none;
}
.random-image .et_pb_gallery_items {
	pointer-events: none;
}



/* dealerpad iframe container */
.dealerpad-container iframe
{
    display: block; /* prevent strange space under underline elements */
    margin: 0 auto;
    width: 100%;
}

@media all and (min-width: 768px) and (max-width: 1250px) /* non-fullwidth when the app will be less than 1000px, but not on mobile */
{
    .dealerpad-container
    {
        max-width: 1200px;
        width: 80%;
        margin: 0 auto;
    }
}



/*** Photo grid on e.g. nesten nye biler ***/
@media all and (min-width: 981px) {
	.photo-grid-row .et_pb_text {
		width: 40vw;
		max-width: 600px;
		margin-left: auto;
		padding-right: 40px;
	}

	.photo-grid-row .et_pb_column.et-last-child .et_pb_text {
		margin-left: inherit;
		padding-left: 40px;
		padding-right: 0;
	}
}

@media all and (max-width: 980px) {
	.photo-grid-row .et_pb_text {
		width: 80%;
		margin: 0 auto;
	}
}



/*** Dased table borders on e.g. Vinter hos BS ***/
table.dashed-borders, table.dashed-borders td {
	border: none;
}
table.dashed-borders tr:not(:first-child) td {
	border-top: 1px dashed;
}

table.dashed-borders td:not(:first-child) {
	border-left: 1px dashed;
}



/*** Keep rows 80% width on Fullwidth blog posts ***/
.et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_row {
  width: 80%;
}



/*** Footer z-index so TACDIS modal can display above it ***/
footer .et_builder_inner_content
{
	z-index: 0;
}



/*** FOOTER LINKS STYLING ***/
.footer-links a {
	color: #ffffff;
	text-decoration: none;
}

.footer-links a:hover {
	text-decoration: underline;
}

.footer-links a {
		line-height: 2.8em !important;
}

@media all and (max-width: 980px) {
	.footer-links-header {
		font-weight: 600;
	}
	#footer_single-space-break {
		line-height: 1.1em !important;
	}
	.footer-links a {
		line-height: 2.4em !important;
	}
}



/*** COLUMN CONTROL ***/
@media only screen and (max-width: 980px) {

	.two-columns .et_pb_column {
		width: 50%!important;
	}

	.three-columns .et_pb_column {
		width: 33.33%!important;
	}

	.four-columns .et_pb_column {
		width: 25%!important;
	}
}

/*** COLUMN CONTROL MOBILE ***/
/*** ".two_on_mob" makes columns remain as two on mobile */
@media all and (max-width: 980px) {
	.et_pb_section
	.et_pb_row.two_on_mob>.et_pb_column.et_pb_column {
		width: 47.25% !important;
		margin-right: 5.5% !important;
	}

	.et_pb_section
	.et_pb_row.two_on_mob>.et_pb_column.et_pb_column:nth-of-type(even) {
		width: 47.25% !important;
		margin-right: 0 !important;
	}

/*** ".three_on_mob" makes 6 columns collapse to two on mobile */
	.et_pb_section
	.et_pb_row_6col.three_on_mob>.et_pb_column.et_pb_column_1_6 {
		width: 33%!important;
		margin-right: 0 !important;
		margin-top: 32px !important;
	}

	.et_pb_section
	.et_pb_row_6col.three_on_mob>.et_pb_column.et_pb_column_1_6:nth-of-type(even) {
		width: 33%!important;
		margin-right: 0 !important;
	}
}

/* TWO COLUMN BLOG MODULE GRID LAYOUT */

@media only screen and ( min-width: 768px ) {
	.grid-blog .et_pb_ajax_pagination_container {
		display: grid;
	}

	.grid-blog.two-column .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(2, 48.5%);
		grid-column-gap: 3%;
	}

	.grid-blog.three-column .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(3, 31%);
		grid-column-gap: 3%;
	}

	.grid-blog .et_pb_ajax_pagination_container:hover .post-content a::after {
		right: unset;
	}

	.grid-blog .et_pb_ajax_pagination_container .et_pb_post:hover .post-content a::after {
		right: 0;
	}
}



/*** RESPONSIVE STACKING ORDER ON MOBILE ***/
/* Add class ".custom_row" to row. Wraps row in a flex box */
@media all and (max-width: 980px) {
	.custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}

/* Add ".first-on-mobile" etc. to columns */
	.first-on-mobile {
		-webkit-order: 1 !important;
		order: 1 !important;
	}

	.second-on-mobile {
		-webkit-order: 2 !important;
		order: 2 !important;
	}

	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}

	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}

/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}

/* ----- Remove margin to last column. !add this class! ----- */
	.rm-margin {
		margin-bottom: 0px !important;
	}
}


/*** VERTICAL ALIGNMENT OF COLUMN CONTENT IN ROWS – ADD TO ROW, EQUAL COLUMN HEIGHT MUST BE ACTIVE ***/
/* Top */
.vertical_top {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
/* Center */
.vertical_center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
/* Bottom */
.vertical_bottom {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

/*** Vertical alignment of modules in a column ***/
/* Top and bottom */
.vertical_space_between {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}



/*** Horizontal centering for multiple elements - Add to column ***/
.horizontal_center {
	display: flex;
	flex-direction: row;
	justify-content: center;
}


@media (min-width: 481px) {
	.employee-grid {
		align-items: flex-start;
		grid-template-columns: repeat(2, minmax(0, 1fr))!important;
	}
}

@media (min-width: 800px) {
	.employee-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr))!important;
	}
}

@media (min-width: 1240px) {
	.employee-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr))!important;
	}
}

.employee-grid .fwpl-result {
	word-break: break-word;
}

.employee-grid .fwpl-result .fwpl-item {
	line-height: 1.4em;
}

.employee-grid .fwpl-result img {
	max-width: 180px;
	width: 100%;
	height: auto;
}

.facetwp-type-pager {
	display: block;
	margin: 32px 0 0;
}

.facetwp-type-radio {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-size: 14px;
}

@media (min-width: 1030px) {
	.facetwp-type-radio {
		flex-wrap: nowrap;
	}
}

.facetwp-type-radio .facetwp-radio {
	background: none;
	padding: 0;
	color: #666;
	padding: 10px 20px 8px;
	border: 1px solid #e2e2e2;
	display: block;
	height: auto;
	overflow: hidden;
	margin: -1px -1px 0 0;
	line-height: 1.2;
	width: 50%;
}

.facetwp-type-radio .facetwp-radio .facetwp-counter {
	display: none;
}

@media (min-width: 768px) {
	.facetwp-type-radio .facetwp-radio {
		width: 33.3333%;
	}
}

@media (min-width: 1030px) {
	.facetwp-type-radio .facetwp-radio {
		width: auto;
	}
}

.facetwp-type-radio .facetwp-radio:first-child {
	border-radius: 3px 0 0 3px;
}

.facetwp-type-radio .facetwp-radio:last-child {
	border-radius: 0 3px 3px 0;
}

.facetwp-type-radio .facetwp-radio:hover {
	color: #666;
	background: #f4f4f4;
}

.facetwp-type-radio .facetwp-radio.checked {
	color: #82c0c7;
	background: #f9f9f9;
}

.facetwp-type-search input.facetwp-search {
	padding: 10px 12px 8px;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	font-size: 14px;
}

.facetwp-type-search .facetwp-icon {
	right: 6px;
}

.facetwp-type-search .facetwp-icon:before {
	background-size: 18px;
}


/* News ticker style */
.news-ticker {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
  }
  
  .news-ticker p {
    display: inline-block;
    padding-left: 50%;
    animation: scroll-left 40s linear infinite;
  }
  
  @keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* Endret til -50% for å få en jevn loop */
  } 

  /* Woocommerce giftcard styleing */
  .product .nyp .nyp-input, .wcopc .product-item .nyp .nyp-input {
  -webkit-appearance: none;
    background-color: #eee;
    max-width: 100%;
    border-width: 0;
    border-radius: 0;
    color: #999;
    font-size: 17px;
    padding: 16px;
    line-height: 1.3em;
    border-style: solid;
}


.wc-block-components-product-metadata__description p {
    display: none !important;
}

.wc-block-cart-items .wc-block-components-quantity-selector {
	display:none;
	}