/*
Theme Name:Lifsungs
Description: Lifsungs theme
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


/* WooCommerce */

#top div.woocommerce-message {
    border-color: #8BAF5B;
    background-color: #E0F1B5;
    color: #000;
}

a.wc-block-components-product-name {
    font-size: 18px;
    color: #000 !important;
    font-weight: 600;
}

.page-thumb {
    display: none;
}

div .products .product { width: 30%; }

/* Kategorisida marginal top */
.flex_column.av-nr0zr-cf250a9fc6cd3730ed78b061558ddc63.av_one_full.avia-builder-el-6.avia-builder-el-no-sibling.first.flex_column_div {
    margin-top: -50px;
}

/* ================================
   WooCommerce produkt-sök (inline)
================================ */

/* Wrapper (shortcoden [wc_product_search]) */
.wc-cat-search,
.woocommerce-product-search{
  max-width: 95%;       /* justera bredd vid behov */
 margin: 20px 0 50px;
}

.page-id-167 .wc-cat-search,
.page-id-167 .woocommerce-product-search{
  max-width: 95%;       /* justera bredd vid behov */
 margin: -75px 0 0px;
}

/* Själva formuläret */
.woocommerce-product-search{
  display: flex;
  align-items: stretch;
  gap: 0;
}

/* Inputfält */
.woocommerce-product-search input.search-field {
    flex: 1 1 auto;
    height: 55px;
    padding: 0 20px !important;
    border: 1px solid #ccc !important;
    border-right: 0;
    border-radius: 200px 0 0 200px !important;
    font-size: 15px !important;
    line-height: 1 !important;
    background-color: #fff !important;
    color: #000 !important;
	box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.3);
}

/* Knappen */
.woocommerce-product-search button{
  height: 55px;
  padding: 0 50px;
  border: 1px solid #5A35FF;
  background: #5A35FF;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  border-radius: 0 200px 200px 0;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

/* Hover */
.woocommerce-product-search button:hover{
  background: #3218A5;
}

/* Fokus (tangentbord) */
.woocommerce-product-search input.search-field:focus{
  outline: none;
  border-color: #000;
}

/* Ta bort Enfolds ev. default-marginaler */
.woocommerce-product-search input,
.woocommerce-product-search button{
  margin: 0 !important;
}

/* ================================
   Underkategorier + divider
================================ */
.rasmus-subcats-wrap{
  margin: 20px 0 10px 0;
}

hr.rasmus-subcats-divider{
  border: 0;
  border-top: 1px solid rgba(0,0,0,0.15);
  margin: 15px 0 30px 0;
}

/* Visa bara vår divider (ifall Enfold lägger in egna hr/borders) */
.rasmus-subcats-wrap hr{
  display: none !important;
}
.rasmus-subcats-wrap hr.rasmus-subcats-divider{
  display: block !important;
  border: 0 !important;
  border-top: 1px solid rgba(0,0,0,0.15) !important;
  margin: 15px 0 30px !important;
}

/* ================================
   Kategorigrid (under bilden)
   Desktop 4, mobil 2
================================ */
.woocommerce ul.products.rasmus-subcats-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 991px){
  .woocommerce ul.products.rasmus-subcats-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.woocommerce ul.products.rasmus-subcats-grid > li.product-category{
  float: none !important;
  clear: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* ================================
   PRODUKTGRID – Enfold-stabilt
   Desktop 4, mobil 2
================================ */
.woocommerce ul.products.rasmus-products-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 991px){
  .woocommerce ul.products.rasmus-products-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Neutralisera ALLT Enfold/Woo kan ha lagt på li */
.woocommerce ul.products.rasmus-products-grid > li.product{
  float: none !important;
  clear: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}



.inner_product,
#top .products .product-category {
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    overflow: hidden;
    border-color: #999 !important;
    box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.3);
}

#top div.product .woocommerce-tabs { display: none; }
/* Lite luft runt breadcrumbs på shop */
#top .breadcrumb-wrap {
  padding: 10px 0;
}

nav.woocommerce-breadcrumb {
    font-size: 15px;
}

h1.woocommerce-products-header__title.page-title {
    font-size: 60px !important;
    margin-top: 30px;
    margin-left: 10px;
}

mark.count {
    font-weight: 300;
    font-size: 17px;
    display: none;
}

/* Tvinga “brytning” efter sista underkategorin så produkter startar på ny rad */
.woocommerce ul.products > li.product-category:last-of-type {
  margin-right: inherit!important;
}


/* REdit */
.sub-menu a {
    font-size: 15px !important;
    padding: 20px !important;
	font-weight:300!important;
}

.products .product h2, .products .product h3, .products .product h4, .products .product h5, .products .product h6, h2.woocommerce-loop-product__title {
    padding: 10px;
    font-size: 1em !important;
    line-height: 1.3em !important;
    font-weight: normal;
    margin: 0;
    text-align: left;
}

h1.product_title.entry-title {
    font-size: 40px !important;
    letter-spacing: 0em !important;
}

/* SKU under produkttitel i shop */
#top .product-sku {
    font-size: 13px;
    color: #777;
    margin: 0px 0 0px 10px;
}

.summary .cart {
	margin-top: 60px;
	
}
span.price {
    margin-left: 10px;
	font-weight: bold;
}
#top .avia-logo-element-container .slide-entry {
    padding: 40px;
}

.footer_color a {
    color: #fff;
    font-size: 12px;
}

.flex_cell.av-mb0u2g3r-f391291450edf02279146459800b544c.av-gridrow-cell.av_one_third.no_margin.avia-builder-el-43.el_after_av_cell_two_third.avia-builder-el-last.content-align-top {
    padding: 0 100px;
}

.flex_cell.av-mb0uirqe-4fc54120dabd0d1e209d662ca43e3754.av-gridrow-cell.av_two_third.no_margin.avia-builder-el-15.el_before_av_cell_one_third.avia-builder-el-first.content-align-top {
    padding: 100px;
}

.av-image-hotspot_inner {
    background-color: #31ae9a !important;
    color: #fff !important;
}

#top strong { color: #000; }



/* FORM checkout */


#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select
{ font-size: 15px; color: #000; }

#top .wp-block-woocommerce-checkout input[type="text"], #top .wp-block-woocommerce-checkout input[type="email"], #top .wp-block-woocommerce-checkout input[type="tel"] {
    padding: 20px 6px 8px 10px;
}

.avia-webkit #top .cart-collaterals .cart_totals table select, .avia-webkit #top.woocommerce-page select {
    padding: 11px 0 0px 8px;
}

#top label {
    font-weight: bold;
    font-size: 0.7em;
}

#top label span, #top legend span {
    font-weight: normal;
    font-size: 14px;
    color: #444;
}

span.wc-block-components-checkbox__label {
    padding: 2px 0 0 0;
}

textarea.wc-block-components-textarea {
    margin-top: 16px !important;
}

span.wc-block-components-checkbox__label {
    font-size: 14px;
}

h2.wc-block-components-title.wc-block-components-checkout-step__title {
    font-size: 20px !important;
}

p.wc-block-components-shipping-rates-control__no-shipping-address-message {
	font-size: 14px; 
}

h3.wc-block-components-product-name {
    font-size: 17px !important;
}

/* Form order received */
h2.woocommerce-order-details__title,
h2.woocommerce-column__title {
    font-size: 1.5rem !important;
	margin-top: 100px;
}

address {
    font-size: 17px;
    line-height: 130%;
    color: black !important;
}


/* General */
:root {
	--FontSize-lg: 1.3rem;
	--FontSize-md: 1.25rem;
	--FontSize-sm: 1.0625rem;
	--FontSize-h1: 4rem;
	--FontSize-h3: 1.5rem;
	--Radius-Button: 1.875rem;
	--Primary-Default: #5A35FF;
	--Text-3: #fff;
	--Spacing-10: 1.25rem;
	--Spacing-Card: 2.5rem;
}
html {
	font-size: 16px;
}
#top h1 {
	font-weight: 900;
	font-size: 4.375rem;
	text-transform: none;
	font-style: normal;
	line-height: 100%; /* 70px */
	letter-spacing: -2.45px;
}
#top h2 {
	font-size: 2.1875rem;
	font-style: normal;
	font-weight: 800;
	line-height: 100%; /* 35px */
	letter-spacing: -1.05px;
	text-transform: none;
}
#top h3 {
	font-size: var(--FontSize-h3, 32px);
	font-style: normal;
	font-weight: 600;
	line-height: 120%; /* 38.4px */
	letter-spacing: -0.8px;
}
#top .av-iconlist-small li {
	margin-bottom: 1rem;
}
.av-special-heading-h3 {
	margin-top: 0.9375rem;
}
.av-subheading {
	font-size: var(--FontSize-md, 20px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 28px */
	letter-spacing: -0.3px;
}
h2.av-subheading {
	margin-top: 2.5rem;
}
.logo a {
	display: grid;
	align-content: center;
}
.logo img {
	max-width: 150px;
}
#top .avia-button {
	border-radius: var(--Radius-Button, 30px);
	background: var(--Primary-Default, #5A35FF);
	padding: 10px var(--Spacing-10, 20px);
	color: #fff;
}

#top .avia-button.avia-color-light {
	border: 0;
	padding: 0;
	font-size: var(--FontSize-sm, 17px);
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 23.8px */
	letter-spacing: -0.17px;
	color: #020A1E;
}
#top .avia-button.avia-color-dark {
	border: 1px solid #020A1E;
	font-size: var(--FontSize-sm, 17px);
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 23.8px */
	letter-spacing: -0.17px;
	color: #020A1E;
}
.avia-cookie-consent-button {
    background-color: #fff !important;
    color: #000 !important;
}
.avia-cookie-consent-button-2 {
    border: 1px solid white;
    background-color: transparent !important;
    color: #fff !important;
}
.avia-cookie-consent-button-3  {
    border: 1px solid white;
    background-color: transparent !important;
    color: #fff !important;
}

.avia-cookiemessage-bottom-right {
    bottom: 30px;
    right: 30px;
    border-radius: 6px;
}


/* FRONTPAGE */

#top .start-intro p {
	font-size: var(--FontSize-lg, 18px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 33.6px */
	letter-spacing: -0.36px;
}
#top .kund-card > div:not(.avia-image-container.avia-builder-el-first) {
	padding: 0 var(--Spacing-Card, 40px);
}
#top .kund-card .avia-image-container:not(.avia-image-container.avia-builder-el-first) {
	margin-top: 1rem;
}
#top .kund-card .av-subheading.av-subheading_above {
	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
	display: inline-block;
}
#top .kund-card h3 {
	margin-bottom: 1.5rem;
}
#top .kund-card .avia-builder-el-last {
	margin-bottom: 1.875rem;
}
#top .image-bg .template-page.content {
	padding-top: 10rem;
	padding-bottom: 7rem;
}
#top .image-bg * {
	color: var(--Text-3, #FFF);
}
#top .image-bg h2 {
	font-size: var(--FontSize-h1, 64px);
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	letter-spacing: -1.92px;
	color: var(--Text-3, #FFF);
}
#top .image-bg h2 strong {
	font-weight: 700;
}
#top .image-bg .avia-no-number {
	opacity: 1;
}
#top .avia-animated-number {
	text-align: left;
}
#top .start-products .av_font_icon {
	margin-bottom: 5.5rem;
}
#top .avia-testimonial-wrapper {
	margin: 0;
}
#top .avia-testimonial {
	padding: 0;
}
#top .avia-testimonial-content {
	font-size: 2.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 110%; /* 44px */
	letter-spacing: -1.2px;
}
#top .avia-testimonial-content p {
	margin-bottom: 1.25rem;
}
#top .avia-testimonial-meta-mini .avia-testimonial-name {
	font-size: var(--FontSize-sm, 17px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 23.8px */
	letter-spacing: -0.17px;
}

/* Shop */
#top .template-shop .page-title {
	display: block;
}

/* Footer */
.footer-page-content * {
	color: #fff;
}
#top .footer-page-content h2.av-special-heading-tag {
	font-size: var(--FontSize-md, 20px);
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 28px */
	letter-spacing: -0.3px;
}
#top .footer-page-content h3.av-special-heading-tag {
	font-size: 3rem;
	font-style: normal;
	font-weight: 800;
	line-height: 105%; /* 50.4px */
	letter-spacing: -1.68px;
}
.footer-page-content .avia-icon-list-container,
.footer-page-content p {
	margin-block: 0;
	font-size: var(--FontSize-sm, 17px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 23.8px */
	letter-spacing: -0.17px;
}
.footer-page-content .avia-icon-list-container {
	margin-right: 1.5rem;
}
.footer-page-content .av_one_full {
	display: flex;
	align-items: center;
	margin-top: 5rem;
}
.footer-page-content .avia-icon-list {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.footer-page-content .avia-icon-list li {
	display: inherit;
	padding: 0;
	min-height: unset;
}
.footer-page-content .av-iconlist-small .iconlist_title_small {
	line-height: inherit;
}
#top .footer-page-content .avia-icon-list .iconlist_icon {
	opacity: 1;
	transform: scale(1);
	margin: 0;
	height: 2.625rem;
	width: 2.625rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
#top .footer-page-content .avia-icon-list .iconlist_icon .av-icon-char {
	display: flex;
}
#top .footer-page-content .avia-icon-list .iconlist_icon svg {
	width: 1rem;
	height: 1rem;
	margin: 0;
}

/* REdit */
.avia-single-number.__av-single-number, span.avia-no-number {
    font-size: 50px !important;
    font-weight: 800;
    color: #2A9D8F;
	opacity: 100;
}

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background-color: #5A35FF;
    color: var(--enfold-header-color-constant-font);
    border-color: #5A35FF;
    border-radius: 200px;
    font-size: 14px;
    padding: 6px 16px;
}



#top #header .av-main-nav > li > a {
    font-size: 16px;
    font-weight: 400;
    padding: 0 20px;
}

.current_page_item .avia-menu-text {
    font-weight: 800;
}

h3.team-member-name {
    font-size: 20px !important;
}

.team-member-job-title {
    font-size: 15px !important;
    color: #000 !important;
    line-height: 130%;
}

.team-member-description {
    margin-top: -10px;
	font-size: 15px;
    line-height: 150%;
}



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

	
	.responsive #top .logo {
        position: static;
        display: table;
        height: 80px !important;
        float: none;
        padding: 0;
        border: none;
        width: 40%;
    }
	
	#top h1 {
    font-weight: 900;
    font-size: 3.0rem;
    text-transform: none;
    font-style: normal;
    line-height: 100%;
    letter-spacing: -2.45px;
	}
	
	#top .image-bg h2 {
    font-size: 45px; 
	}
	
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
    line-height: 1.3em;
    height: auto;
    padding: 15px 20px;
    display: block;
    text-align: left;
    text-decoration: none;
	}
	
	#top .footer-page-content h3.av-special-heading-tag {
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 800;
    line-height: 115%;
    letter-spacing: -1.68px;
}
	
	
}