/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1113
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.custom-pagination {
    text-align: center; /* Center the pagination */
    padding: 20px 0; /* Add some padding for spacing */
}

.custom-pagination ul {
    list-style: none; /* Remove list styles */
    padding: 0;
    margin: 0; /* Reset margins for the list */
}

.custom-pagination li {
    display: inline-block; /* Display list items inline */
    margin-right: 5px; /* Space out the links */
}

.custom-pagination a, .custom-pagination .current {
    display: block;
    padding: 8px 12px; /* Padding for clickable area */
    text-decoration: none; /* No underlines on links */
    border: 1px solid #ccc; /* Add borders for visibility */
    color: #333; /* Default text color */
}

.custom-pagination a:hover,
.custom-pagination .current {
    color: #fff; /* Text color for active/hover */
    background-color: #333; /* Background for active/hover */
    border-color: #333; /* Border color for active/hover */
}


@font-face {
    font-family: 'lietzblock';
    src: url('fonts/lietzblock-webfont.woff2') format('woff2'),
         url('fonts/lietzblock-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.recipe_by_text p {
	color: grey!important;
	font-size: 14px!important;
	margin-top: -5px;
	margin-bottom: 10px;
}


.off-canvas .nav-vertical li li>a {
    padding-bottom: 5px;
    padding-top: 5px;
	font-family: 'lietzblock', sans-serif !important;
}
.box-text h2 {
	font-size: 25px;
}
.nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: 0px solid #ececec;
    margin: 0 10px;
    padding-left: 0;
    padding-right: 0;
}

#gap-2066353803 {
    padding-top: 10px!important;
}


.nav-dropdown-has-border .nav-dropdown {
    border: 2px solid #ddd;
    border-radius: 10px;
}

.recipe_column {

}

.recipe_column_box {
	margin: 0px!important;
}

.recipe_heading, .recipe_method_heading {
	font-size: 20px;
}

.recipe_fill .section-bg.bg-fill {
	background-size: auto!important;
}

.recipe_sharing_row {
	padding-top: 15px;
}

.single-recipe p {
	margin-bottom: 0px;
	line-height: 22px;
	font-size: 15px;
	max-width: 96%;
}



.recipe_ingredients, .recipe_sharing, .recipe_allergies_description, .recipe_method li {
	font-size: 15px;
	line-height: 20px;
}

.recipe_servings, .recipe_time {
	color: #009b41;
	font-size: 4rem!important;
}

.recipe_servings_title, .recipe_time_title, .recipe_time {
	margin-top: 25px;

}

.recipe_servings_title, .recipe_time_title, .recipe_allergies, .recipe_servings, .recipe_time {
	font-family: 'lietzblock', sans-serif !important;
}

.recipe_servings_title, .recipe_time_title, .recipe_allergies {
	font-size: 1.4rem!important;
}

.recipe_allergies {
	line-height: 1.8rem!important;
	width: 95%;
}
#col-125708401.col {
	padding-left: 5px;
	padding-bottom: 0px;
}

#col-821674501.col {
	margin: 0;
    position: relative;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 30px;
}


#col-1728000219.col {
	margin-bottom: 95px;
}

.recipe_border-right .col-inner {
	border-right: 1px solid #009b41;
}

.recipe_border {
	border: 1px solid #009b41;
	padding-top: 25px;
	padding-left: 10px!important;
	padding-right: 0px!important;
	padding-bottom: 0px!important;
}


.clip-image {
	overflow: hidden;
}


.askeva_font h3 {
	font-size: 22px;
	margin-top: 10px;
}

.nav>li>a {
    font-size: 1.1em;
    color: black;
		font-family: 'lietzblock', sans-serif!important;
}

.nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: 0px solid #ececec;
    margin: 0 10px;
    padding-left: 0;
    padding-right: 0;
  font-family: 'lietzblock', sans-serif!important;
}

.nav-sidebar.nav-vertical>li+li {
    border-top: 0px solid #ececec;
}

.special_font_paket {font-size: 30px!important;
font-family: 'lietzblock', sans-serif!important;
margin-top: -30px;
margin-bottom: 5px;
line-height: 40px;
}

.banner_font h3 {
	margin: 30px;
	font-size: 2.441rem!important;
}

.banner_font h2 {
	margin: 0px;
	font-size: 2.441rem!important;
}

.header:not(.transparent) .header-nav-main.nav > li > a {
    color: #0a0a0a;
    margin-right: 20px;
}

.icon-menu:before {
    content: "";
    display: inline-block; 
    width: 29px;
    height: 29px;
    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 36.396 25.785'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Cline class='cls-1' y1='24.785' x2='36.396' y2='24.785'/%3E%3Cline class='cls-1' y1='12.893' x2='36.396' y2='12.893'/%3E%3Cline class='cls-1' y1='1' x2='36.396' y2='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	margin-bottom: 5px;
}


.nav>li.active>a {
    color: #009b41!important;
}

.special_paragraph p {
	font-size: 1.5rem;
	line-height: 40px;
}

.brodtext, .brodtext p {
	font-size: 1.5rem;
	line-height: 40px;
}

.special_heading {
	font-size: 82px;
	margin-bottom: 3px;
}


.accordion-inner {
	padding-top: 0px;
	padding-left: 25px;
}

.accordion .toggle {
    opacity: 1;
    margin-right: 0px!important;
    border-radius: 999px;
    right: 0 !important;
    left: initial !important;
}
.accordion .toggle {
    right: 50px;
    margin-left: 10;
		padding-right: 25px;
    top: 50%;
    transform: translateY(-50%);
}

.accordion-title.active {
    color: black!important;
		background-color: #002d2a!important;
    font-weight: 400;
		border-width: 1px
}

.accordion-title {
		background-color: #002d2a;
    display: block;
    font-size: 17px;
   font-weight: 500!important;
    padding: 0.8em 1.em 0.8em;
    position: relative;
		color: white!important;
    
}

.accordion-title.active {
	color: white!important;
}

.accordion-title {
  border-width: 1px;
	border-color: green;
	margin-bottom: 25px;
}

.nav-right {
    justify-content: flex-end;
    margin-top: 25px;
}

.header-main .container {
    padding-left: 40px;
    padding-right: 40px;
}

p {font-size: 17px;}

/* 
1. BODY, TITLAR, MISC
2. KNAPPAR
3. HEADER
4. MENY
5. FLATSOME
6. FUNKTIONER
7. SIDOR
8. WOOCOMMERCE
9. PRODUKTSIDAN
10. FORMULÄR
11. MOBILE
*/

/* 1. BODY, TITLAR, MISC */

body {overflow: hidden;}

p {margin-bottom: 1.15em;
	line-height: 26px;}

h1, h2, h3, h4, h5 {
  line-height: 1.25!important;
}

h1 {
  margin-top: 0;
  font-size: 2.5rem;
	font-family: 'lietzblock', sans-serif!important;
}

h2 {font-size: 2.441rem;
font-family: 'lietzblock', sans-serif!important;}

h3 {font-size: 1.853rem;
font-family: 'lietzblock', sans-serif!important;}

h4 {font-size: 1.563rem;}

h5 {font-size: 1.25rem;}

.absolute-footer {
	display: none;
}

.tooltipster-default {
	display:none;
}

.hero_section {
	width: 100vw;
 	height: 100vh;
}

 .menu-item-design-full-width .row{
    margin-left: auto !important;
    margin-right: auto !important;
}


/* 2. KNAPPAR */

a.button.primary, a.button.secondary, a.button.white {
	letter-spacing: 1px;
	border-radius: 99px !important;
	min-height: 40px;
	line-height: 40px;
	padding: 0em 2.3em;
	font-size: 0.8rem;
}

.btn_green {
	background-color: #B8DAB8;
	border: 1px solid #B8DAB8;
	color: black;
	font-size: 16px!important;
	padding: 0em 1.6em!important;
}

.btn_purple {
	background-color: #C8B4E3;
	border: 1px solid #C8B4E3;
	color: black;
	font-size: 16px!important;
	padding: 0em 1.6em!important;
}
.btn_blue {
	background-color: #AFD3FF;
	border: 1px solid #AFD3FF;
	color: black;
	font-size: 16px!important;
	padding: 0em 1.6em!important;
}

.is-outline {
	border: 1px solid currentColor !important;
}

input[type='submit'], input[type='submit'].button, input[type='reset'].button, input[type='button'].button {
	border-radius: 3px;
}

/* 3. HEADER */

/* 4. MENY */

/* 5. FLATSOME */

/* 6. FUNKTIONER */

.banner-layers.container {
    max-width: 100%;
}

.banner.no-pointer .text-box {
	pointer-events: none;
}


.icon-box-left .icon-box-text {
    align-self: center;
}

/* 7. SIDOR */

/* 8. WOOCOMMERCE */

/* 9 PRODUKTSIDAN */

/* 10. FORMULÄR */

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    padding: 0 1.2em;
	Text-transform: inherit !important;
}

.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {
    background: currentcolor !important;
    color: #fff !important;
    transition: all .5s;
	box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
}

.nf-form-content input[type=button].primary:hover {
	background-color: #ff5f64 !important;
}


input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {
	-webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 0%);
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 0%);
}

/* 11. MOBILE */

@media screen and (max-width: 549px) {
	
	.recipe_border-right .col-inner {
    border-right: 0px solid #009b41;
}
	
	.recipe_border {
    border: 0px solid #009b41;
    padding-top: 25px;
    padding-left: 10px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}
	
	#logo img {
    max-height: 35px!important;
}
	
.banner_font h3 {
	margin: 10px;
	font-size: 25px!important;
}
	
.nav-right {
    justify-content: flex-end;
    margin-top: 10px;
}
	
	.expand-full {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: block;
		border-radius: 0px !important;
	}
	
	.logos.stack {
		display: flex;
    flex-direction: row;
		flex-wrap: wrap;
	}
	
	.logos.stack .x {
		width: 49%!important;
	}
	
	.header-main .container {
    padding-left: 20px;
    padding-right: 20px;
}
	
	.clip-image {
		margin-bottom: -30%;
	}
	
	.brodtext, .brodtext p {
	font-size: 1.125rem;
}
	
	.recipe_width {
		max-width: 100%!important;
	}
	
	.recipe_border {
		border-left: 0px;
		border-right: 0px;
		border-bottom: 0px;
	}
	
.banner_font h3 {
	margin: 30px;
	font-size: 25px!important;
}

.banner_font h2 {
	margin: 0px;
	font-size: 35px!important;
}
	
	h1 {
  margin-top: 0;
  font-size: 2.5rem;
	font-family: 'lietzblock', sans-serif!important;
}

h2 {font-size: 1.941rem;
font-family: 'lietzblock', sans-serif!important;}

h3 {font-size: 1.453rem;
font-family: 'lietzblock', sans-serif!important;}

h4 {font-size: 1.363rem;}

h5 {font-size: 1.25rem;}
	
	.special_paragraph p {
	font-size: 1.3rem!important;
	line-height: 30px;
}
	
	.accordion-title {
		background-color: #002d2a;
    display: block;
    font-size: 17px;
   font-weight: 500!important;
    padding: 1.2em 2.8em 1.2em;
    position: relative;
		color: white!important;
    
}
#col-1734079295.col {
  max-width: 55%!important;
  margin-left: 15px!important; /* Align the column to the left */
  margin-right: auto!important; /* Remove right margin */
  padding-left: 0!important; /* Remove left padding if any */
  padding-right: auto!important; /* Adjust right padding if needed */
}

	#gap-263547852 {
  padding-top: 0px!important;
                    }

	#col-1728000219.col {
	margin-bottom: 20px;
}
	
	.recipe_by_text p {
	margin-bottom: 5px;
}
	
	#col-821674501.col {
	margin: 0;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
		margin-top: -25px;
}
	
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}