:root {
--font: "Inter", sans-serif;;



--base-color: #E01839;


--base-text-color: #fff;


--footer-color: #3C3C3C;

--footer-text-color: #555555;



--button-color: #4FAB2A;


--button-hover-color: hsl(from var(--button-color) h s calc(l - 5));


--button-text-color: #fff;


--header-color: #fefefe;


--header-text-color: #333;

--clear-filters-display-text: inline-block;


--clear-filters-display-icon: inline-block;

}

	.es-clear-all-filters-button .button-text {
	display: var(--clear-filters-display-text);
	}

	.es-clear-all-filters-button .button-icon {
	display: var(--clear-filters-display-icon);
	}

/* =====================================
			General Styles
===================================== */

	
/* Colors 
Light grey #F5F3F2
Grey #D3D3D3
Yellow --havdyp
Light yellow #FBE7B4
Orange #E87722
Light orange #FACCB0

*/

 :root {
     --havdyp:#11363E;
     --teal:#305C68;
     --akvamarin:#6DC7CB;
     --sand:#E3D8D4;
     --kobber:#CB6030;
     --isbre:#D1EDEE;
     --Akvamarin:#6DC7CB;
     --sort:#000000;
     --hvit:#ffffff;
     --awesome:"Font Awesome 6 Free";
     --icon:'Material Symbols Rounded' !important;
}

/*  General  */
#body {
    background-color: #f4efee;
}

/* Fonts */
.first-page-content p {
    margin-bottom: 0;
}
p, h1, h2, h3, h4, h5, h6, a, b, ul, li {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 17px;
}


/* Slider */
.bx-wrapper {box-shadow:none;}

/*header links */
.header-bar-section-links {
    font-size: .9rem;
}

/* Buttons & Icons */
button.button.buy-button, input.input-number.buy-quantity__input {
    border-radius: 30px;
}
.buy-button {
    background-color: var(--akvamarin);
    border-radius:30px;
}
.first-page-content .promotions .buy-button-icon {
    margin-left: -2px;
    margin-top: 5px;
}
.product-list-category-button {
    float: left;
    margin: 8px;
    padding: 20px;
    color: var(--base-text-color);
    background-color: var(--button-color);
}
.product-list-category-selected>.product-list-category-button {
    background-color: #3c8220;
    color: #fff;
}
.product-list-category-button:focus, .product-list-category-button:hover {
    float: left;
    margin: 8px;
    padding: 20px;
    background-color: #fff;
    color: var(--base-text-color);
    background-color: var(--button-hover-color);
}
.minibasket .minibasket-icon {
    background-color: var(--akvamarin);

}
.minibasket-icon i.fas.fa-shopping-cart {
    left: -2px;
    position: relative;
}


#body > div.header-wrapper.collapse > div > div.row.header > div.small-6.medium-3.columns.medium-push-6.header-right > div > div > div:nth-child(2) > a > div {
	background-color:#E87722;
}
/* Top header */
.menu-bar-item-label:hover, .menu-bar-item-label:focus {
    color: var(--akvamarin);
}
.header-wrapper .row.header .logo-container .header-logo {
    margin: 0;
    cursor: pointer;
    max-height: 55px;
    top: 19px;
    position: relative;
}
.menu-bar-alterantive-width {
    position: relative;
    max-width: 73.8rem;
}
.row.header-bar * {
    color: #fff;
}
.inner-wrapper {
    background-color: var(--havdyp);
    /*width: 98%;*/
    margin: 0 auto;
    border-radius: 0px 0px 30px 30px;
    padding-bottom: 50px;
}
.small-6.medium-3.columns.medium-push-6.header-right * {
    color: #fff;
}
span.logged-in-info-text {
    color: #fff;
}
ul.menu-bar-items a {
    color: #fff;
}
nav.small-12.columns.menu-bar.clearfix {
    margin-top: -57px;
}
/* Search bar */

.product-search-input-container {
    border-radius: 100px;
}

i.fas.fa-search.product-search-button {
    background-color: #fec444;
    border-radius: 100px;
    padding: 10px;
    margin-top: -3px;
    margin-right: -2px;
}
/* Desktop menu */

.menu-bar {
    background-color: #fff;
}
.menu-bar-items {padding:0px;}
.menu-bar {
    background-color: transparent;
}

/* Login Box */

@media only screen and (min-width: 980px) {
	button.button.login-form-button {
		background-color: #241C15;
		border-radius: 0px;
		padding: 11px 30px;
		color: #fff;
		font-weight: 700;
	}
	.login-container, .checkout-login-container {
		width: 1200px!important;
		/*padding: 20px 40px;*/
		background-color: transparent;
	}
	.login-form-forgot-password {
		background-color: transparent!important;
		color: #241c15!important;
	}
	label.forgot-password-email.input-required {
		color: #241c15;
	}
	.login-form-forgot-password::before {
		content: url(https://danielkose.netset.com/netset/files/images/iteam/key.png);
		margin-right: 6px;
		top: 2px;
		position: relative;
	}
	.login-form-register {
		float: right;
		color: #241C15!important;
		background-color: #241C15;
		font-weight: bold;
	}
	#loginform {
		padding: 40px;
	}
	.forgot-password-form {
		padding: 40px;
	}
	#loginform .login-username, #loginform .login-password {
		width: 50%;
		float: left;
		color: #241c15;
	}
	#loginform label:nth-child(2) {
		float: right;
	}
	.login-username {
		padding-right: 10px;
	}
	.login-password {
		padding-left: 10px;
	}
	#loginform input[type="text"], input[type="password"] {
		border-radius: 3px;
	}
	[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
		box-shadow: none;
	}
	button.login-form-forgot-password:hover {
		background-color: transparent;
		color: #EFEEEA;
	}
	.login-username.input-required {
		color: #241c15!important;
	}
	.login-form-register {
		border: 2px solid;
		border-radius: 0px;
	}
	button.button.login-form-register {
		color: #efeeea!important;
	}
}

/* Product menu */

.menu-bar-items {
	padding: 0px;
}
.menu-bar-desktop-products {
	box-shadow: 999px 0px 0px 0px #F5F3F2, -999px 0px 0px 0px #F5F3F2, 0px 40px 133px 6px #0000004f;
	background-color: #F5F3F2;
	padding-top: 20px;
	padding-bottom: 30px;
}
.menu-bar-desktop-products-menu-label {
	border-bottom: none;
	font-size: 1rem;
}
.menu-bar-desktop-products>div {
	background-color: #F5F3F2;
}
.menu-bar-desktop-categories-menu-item:hover {
	background-color: #dcdcdc;
}
.menu-bar-desktop-categories-menu-item {
	border-bottom: none;
	padding-left: 10px;
	transition: 0.2s ease-in-out;
	width: 250px;
}
.menu-bar-desktop-categories-menu-item:hover {
    background-color: #d5d5d570;
    box-shadow: -3px 0px 0px 0px #cacaca;
    border-radius: 4px 0px 0px 4px;
    transition: 0.2s ease-in-out;
}
.menu-bar-desktop-products-menu-items {
	padding-left: 0px;
}
.menu-bar-desktop-products-menu-item {
    color: #6a6a6a !important;
    margin-bottom: 2px;
    list-style: none;
}
.menu-bar-desktop-products>div a:hover {
	color: #000!important;
	text-decoration: none;
}
.menu-bar-desktop-products-menu-show-more {
	font-size: .8rem;
	padding-left: 0px;
}
.menu-bar-desktop-categories-menu {
	margin-right: 10px;
	border-right: 2px solid #4b4b4b;
}
.menu-bar-desktop-categories-menu-item:hover>a {
    color: #000;
}
/* Resource menu */
.resource-menu-desktop {
    border-radius: 12px;
}
/* .resource-menu-desktop ul li>ul>li:hover {
    background: transparent;
}*/

.resource-menu-desktop ul li>ul>li:hover a {
    color: #ababab;
    font-weight: bold;
}
/* =====================================
			Product Filter Page
===================================== */

/* Products */
.prodlist-row__price {
    font-weight: 600;
}
.product-list__items .buy-button {
	border-radius:0px;	
}
li.prodlist-row.grid-layout-cols-4 {
    background-color: transparent;
    margin-bottom: 9px;
    padding: 0px;
}
li.prodlist-row.grid-layout-cols-4 img {
	/*mix-blend-mode: multiply;*/
}

li.prodlist-row.grid-layout-cols-4.large-grid {
    padding: 0px;
}
.prodlist-row__prodinfo {
    width: 100%;
}
li.prodlist-row.grid-layout-cols-4.large-grid .product__stock-label {
    font-size: 0.600rem;
}
.prodlist-row.grid-layout-cols-4.large-grid .prodlist-row__price {
    position: relative;
    top: -23px;
}
.prodlist-row.grid-layout-cols-4.large-grid .product__stock {
    margin-bottom: 10px;
}
/* Filter menu */
select#es-sort-order {
    border-radius: 30px;
    border: none;
}
input#es-filter-query {
    border-radius: 30px;
}
.pagination .current {
    background-color: var(--kobber)!important;
}
li.prodlist-row.grid-layout-cols-4 {
    border-bottom: 1px solid var(--sand);
}
.es-filters-wrapper {
    box-shadow: none;
    background-color: transparent;
    padding: 1px 17px 12px;
    margin-bottom: 30px;

}
.es-expand-filter, .es-expand-category {
    color: var(--kobber);
}
input#es-filter-query {
    border: 1px solid #e9e7e7;
	font-family: 'Inter';
    font-size: .875rem;
}
div.page-content > div.content-container.clearfix > div > div.columns.small-12.medium-3 {
    padding-left: 0px;
}
.es-options-header {
    font-weight: 600;
    font-size: .9rem;
    font-family: 'Inter';
}
/* =====================================
			Front Page Styles
===================================== */

/* Banners */
.section.small-12.js-section-banners img {
    border-radius: 30px;
}
.section.small-12.js-section-Banners {
    margin-bottom:60px;
}
ul.images {
    display: flex;
    gap: 20px;
}
.first-page-content .section .images li img {
    display: block;
    margin: 0 auto;
    border-radius: 30px;
}
/* Product Card */
p.hide-for-small-only.descriptionDesktop {
    font-size: 14px;
}
.promotion-item.only-product {
    border-radius: 10px;
}

/* Sections */

.js-section-recommended {
    background-color: #e3d8d5;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 60px;
    /*background-image: url(https://test.serit.netset.se/fileupload/Serit-BG-Gradient-02.svg);
    background-size: cover;*/
    width: 98%;
    margin: 0 auto;
    margin-bottom: 60px;
    border-radius: 30px;
}
.section.small-12.js-section-categories {
    margin-bottom: 60px;
	margin-top: 50px;
}
.section.small-12.js-section-categories img {
	transition:.2s ease-in-out;
	background-color: #fff;
}
.section.small-12.js-section-categories img:hover {
    background-color: #EFEFEF;
	transition:.2s ease-in-out;
	cursor: pointer;
	transform: scale(1.03);
}
.statement_box img {
    margin-left: inherit;
    margin-right: inherit;
	margin-bottom:14px;
}
.js-section-statement {
	margin-bottom:60px;
    margin-top:60px;
}
.js-section-banners {
	margin-bottom:60px;
}
.js-section-bought {
	margin-bottom:60px;
    padding-top: 50px;
    padding-bottom: 50px;	
	background-color:#F5F3F2;
}
.js-section-logos {
	margin-bottom:60px;
}
.js-section-guides {
	margin-bottom:60px;
}

/* Guides */

.js-section-guides p {
    font-size:26px;
	color:#444444;
	font-weight: 600;
	transition:.3s ease-in-out;
}
.js-section-guides p:before { 		 content:url("https://danielkose.netset.com/netset/files/images/serit/bracket.svg");
}
.js-section-guides .guide1, .js-section-guides .guide2, .js-section-guides .guide3 {
    padding: 30px 40px;
}
.guide1 {
    background-color: #FBE7B4;
	transition:.3s ease-in-out;
}
.guide1:hover {
    background-color: #F0D389;
	transition:.3s ease-in-out;
}
.guide2 {
    background-color: #FACCB0;
	transition:.3s ease-in-out;
}
.guide2:hover {
    background-color: #EDB593;
	transition:.3s ease-in-out;
}
.guide3 {
    background-color: #D3D3D3;
	transition:.3s ease-in-out;
}
.guide3:hover {
    background-color: #B9B9B9;
	transition:.3s ease-in-out;
}
.guide1:hover p, .guide2:hover p, .guide3:hover p {
	transition:.3s ease-in-out;
	transform:scale(1.1);
	margin-left:20px;
}
.guide1:hover p::before, .guide2:hover p::before, .guide3:hover p::before {
	transition:.3s ease-in-out;
	transform:scale(1.1);
	margin-right: 2px;
}
.js-section-guides div {
    position: relative;
}
.js-section-guides div > img {
    position: absolute;
    right: 40px;
    top: 18px;
}
.js-section-guides p::before {
    position: relative;
    margin-right: 16px;
    top: 7px;
	transition:.3s ease-in-out;
}

/* Products */
.promotion-item.only-product:hover {
    margin-top: -3px;
    transition: ease-in-out .2s;
}
.promotion-item.only-product {
    transition: ease-in-out .2s;
}

.promotion-item:hover {
    box-shadow: 0 1px 43px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/* =====================================
			Product page
===================================== */
ul.product-card-related li {
    position: relative;
    z-index: 9;
}
section.ag-breadcrumbs {
    width: fit-content;
    background-color: var(--havdyp);
    border-radius: 30px;
    padding: 0px 15px;
}
.ag-breadcrumbs ul li:after {
    content: "\e941 ";
    font-family: 'Material Symbols Rounded';
    top: 2px;
    position: relative;
}
section.ag-breadcrumbs *, .ag-breadcrumbs ul li:last-child a, .ag-breadcrumbs ul li:after {
    color: #fff !important;
}
.ccs-ds-cloud-gallery .ccs-ds-cloud-main-image img {
    border-radius: 30px;
}
.ccs-ds-cloud-gallery .ccs-ds-cloud-thumbs .ccs-slick-list .ccs-slick-track .ccs-cc-thumbnail-wrapper img, img.prodlist-row__img {
    border-radius: 30px;
}
.ccs-ds-cloud-gallery .ccs-ds-cloud-thumbs .ccs-slick-list {
    overflow: hidden;
    margin: 12px!important;
    padding: 0 5px;
}
.product-card-buy-button .buy-quantity__input {
    border-radius: 30px;
}
.buy-quantity__input {
    border: 0;
}
.product-card-actions .product-card-icon {
    margin-left: 6px!important;
    margin-right: 0px!important;
}
.product-card-actions>* {
    width: fit-content;
    display: flex;
    justify-content: center;
    margin: -4px!important;
    height: fit-content;
}
/* Product */
.product-card .product-card-price .price .price-text {
    font-size: 2rem;
    font-weight: 600;
    color: #000000;
}
.product-card__tablinks > a:nth-child(1) {
    padding-left: 0px;
}
.product-card-information-container {
    background-color: transparent;
    margin-top: 18px;
	padding: 25px 20px!important;
}
.product-card__tablinks {
    font-size: .97rem;
}
.admin-tablink {
    border-left: 1px solid #000;
    padding: 0px;
    padding-left: 8px;
    padding-right: 8px;
}
.product-card-information-container .price-row {
    margin-top: 40px;
}

.product-card-actions i {
	border: 1px solid #e2e2e2;
	padding: 8px;
	display: inline-table;
	border-radius: 5px;
	background-color: #f9f9f8;
}
.product-card-actions>* {
	width: fit-content;
	display: flex;
	justify-content: center;
	margin: 0px 2px;
	height: fit-content;
}

/* Accordion */

.product-card-tabs .accordion-title {
	background-color: #fff;
	border-top: 1px solid #eaeaec;
	padding: 10px 0px;
	font-size: 16px;
	font-weight:600;
}
.product-card-tabs .accordion-title:hover, .product-card-tabs .accordion-title, a#product-card-tab-1, a#product-card-tab-2000 {
	    background-color: #fff;
    border-radius: 30px;
    padding: 9px 14px;
}
div#panel1, div#panel2, div#panel3, div#panel4, div#panel5, div#panel6, div#panel7, div#panel8, div#panel9, div#panel1000, div#panel2000 {
    background-color: #fff;
    padding: 11px;
    border-radius: 0px 0px 30px 30px;
    margin-top: -14px;
    position: relative;
}
.accordion-title {
    position: relative;
    z-index: 1;
}
.accordion input.input-number.buy-quantity__input {
    border: 1px solid #ececec;
}
.price-info>div .list-label {
    position: relative;
    left: 0px;
    float: left;
}
.tab-expand, .tab-expand-inner, .tab-fold {
    color: var(--havdyp);
    float: right;
}
.accordion {
    margin-left: 0;
    background: transparent;
    list-style-type: none;
}
.ccs-ds-extendedSpec-header {
	background: none!important;
}
.product-card-tabs .accordion-content {
	margin: 0px;
}
.product__compare:hover {
	color: gray;
}
.product__compare:hover {
	filter: brightness(80%);
}
/*.product-card-actions i {
	border: 1px solid #e2e2e2;
	padding: 8px;
	margin-left: 20px;
	display: inline-table;
	border-radius: 5px;
	background-color: #f9f9f8;
}*/
.product-card-actions .product-card-icon {
    margin-left: 0px;
    margin-right: -13px;
}
h6.product-information {
	font-weight: 400 !important;
}
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div:nth-child(3) > div.small-12.columns.medium-9.product-card > p {
    font-size: 12px;
}
/* =====================================
			Footer Styles
===================================== */

/* footer */
.footer .footer-wrapper .content-footer-wrapper li h3 {
    color: var(--white);
}
.footer .footer-wrapper .content-footer-wrapper li a {
    color: var(--white);
}
.footer a {
    color: var(--white);
}
.footer {
    color: #fff;
}
#body > footer > div.row > div.footer-wrapper > ul > li:nth-child(1) {
    width: 700px;
}
.footer h3 {
    font-size: 20px !important;
}
div#footer {
    margin: 0 auto;
    width: 98%;
}
.footer {
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--havdyp);
    border-radius: 30px;
    margin-bottom: 20px !important;
}
.footer .footer-wrapper .content-footer-wrapper li, .footer .footer-wrapper .content-footer-wrapper li a {
    font-size: .8rem;
}
ul.content-footer-wrapper {
    display: flex;
}
.footer .footer-wrapper .content-footer-wrapper li {
        text-align: left;
        display: inline-table;
        margin-left: 0px;
}
#footer > footer > div.row > div.footer-wrapper > ul > li:nth-child(4) {
    display: none;
}
/* Punkt */

/* Punkt */

/* =====================================
			Media query
===================================== */
@media only screen and (min-width:1025px) {
	.guide1,.guide2 {box-shadow: inset -7px 0px 0px 0px #fff;}
	ul.content-footer-wrapper {
    padding-bottom: 80px;
    padding-top: 30px;
}
	#body > footer > div.row > div.footer-wrapper > ul > li:nth-child(1) {
    width: 700px;
}
}