/* ----------------------------------
	Kitchen Sink 
-----------------------------------*/

@font-face { font-family: 'Inter - 800'; src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYMZhrib2Bg-4.ttf);}
@font-face { font-family: 'Inter | 800 | http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYMZhrib2Bg-4.ttf - 800'; src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYMZhrib2Bg-4.ttf);}
@font-face { font-family: 'Inter - 600'; src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYMZhrib2Bg-4.ttf);}
@font-face { font-family: 'Inter - 500'; src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZhrib2Bg-4.ttf);}
@font-face { font-family: 'Inter - regular'; src: url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZhrib2Bg-4.ttf);}


html body h1 {
	font-family: "Inter - 800";
	font-size: 32px;
	color: #262626;
	letter-spacing: 1.9px;
	line-height: inherit;
	[*H1-bold*];
	[*H1-italic*];
	[*H1-underlined*];
}
html body h2 {
	font-family: "Inter | 800 | http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYMZhrib2Bg-4.ttf - 800";
	font-size: 24px;
	color: #000000;
	letter-spacing: 1.9px;
	line-height: inherit;
	[*H2-bold*];
	[*H2-italic*];
	[*H2-underlined*];
}
html body h3 {
	font-family: "Inter - 600";
	font-size: 18px;
	color: #000000;
	letter-spacing: 1.9px;
	line-height: inherit;
	[*H3-bold*];
	[*H3-italic*];
	[*H3-underlined*];
}
html body h4 {
	font-family: "Inter - 600";
	font-size: 15px;	
	color: #000000;
	letter-spacing: inherit;
	line-height: inherit;
	[*H4-bold*];
	[*H4-italic*];
	[*H4-underlined*];
}
html body h5 {
	font-family: "Inter - 500";
	font-size: 16px;
	color: #000000;
	letter-spacing: inherit;
	line-height: inherit;
	[*H5-bold*];
	[*H5-italic*];
	[*H5-underlined*];
}

html body p {
	margin-bottom: 1rem;
	font-family: "Inter - regular";
	font-size: 14px;
	color: #000000;
	letter-spacing: 0.2px;
	line-height: inherit;
	[*p-bold*];
	[*p-italic*];
	[*p-underlined*];	
}

button {
	font-family: "Inter - 600";
	font-size: 14px;
	color: #000000;
	letter-spacing: 0.3px;
	line-height: inherit;
	[*button-bold*];
	[*button-italic*];
	[*button-underlined*];
}


html body a {
	font-family: "Inter - 500";
	font-size: 14px;
	color: #fb471f;
	letter-spacing: [*a-letter-spacing*];
	line-height: [*a-line-height*];
	[*a-bold*];
	[*a-italic*];
	[*a-underlined*];	
}


/* ----------------------------------
	General
-----------------------------------*/

body {
	--primary: #262626;
	--secondary: #fb471f;
}

.primary-bg {
	background-color: #262626 !important;
}
.secondary-bg {
	background-color: #fb471f !important;
}
.danger-bg {
	background-color: #e02424 !important;
}
.success-bg {
	background-color: #28a745 !important;
}
.primary-text {
	color: #262626 !important;
}
.secondary-text {
	color: #fb471f !important;
}
.danger-text {
	color: #e02424 !important;
}
.success-text {
	color: #28a745 !important;
}


/* ----------------------------------
	Nav
-----------------------------------*/

.shop-nav {
	background-color: #FFF7F5!important;

padding: 15px 10%;

display: inline-flex;

align-items: center;

box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);
}

.shop-nav .logo_container {
	display: block;

height: auto;

width: 125px;
}

.shop-nav .shop-nav-items {
	color:#262626;

font-family: 'Inter', Verdana, sans-serif;

font-weight:400;

padding: 15px;
}

.shop-nav .shop-nav-items .shop-nav-item {
	padding: 5px 20px 5px 0px;

color:#262626;

font-family: 'Inter', Verdana, sans-serif;
}

.shop-nav .shop-nav-right {
	display: inline-flex;

justify-content: flex-end;

align-items: center;

color:#262626;

font-family: 'Inter', Verdana, sans-serif;

font-weight:400;

padding: 15px;
}


/* ----------------------------------
	Banner
-----------------------------------*/

.shop .banner {
	display: none !important;
}

.shop .banner-image {
	background-size: contain;

background-repeat: no-repeat;

background-color: #B4DBC4;
}

/* ----------------------------------
	Buttons
-----------------------------------*/

.shop .button {
	font-weight: 500;

text-transform: uppercase;

font-style: normal;

line-height: 1.5em;

padding: 5px 25px;

border-radius: 25px;

font-size: 12px;
}
.shop .button.primary {
    background-color: #262626 !important;
    background-color: #FB471F !important;

color: white;

border-radius: 8px;

padding: 15px 30px;
}
.shop .button.secondary {
    background-color: #fb471f !important;
    background-color: white !important;

color: #FB471F;

border: 1px solid #FB471F;

border-radius: 8px;

padding: 15px 30px;
}
.shop .button.danger {
    background-color: #e02424 !important;
    [*danger_button*]
}
.shop .button.success {
    background-color: #28a745 !important;
    [*success_button*]
}



/* ----------------------------------
	Form section
-----------------------------------*/

.shop .fsw {
	max-width: 1024px;
}
.shop .fsw .form-section {
	box-shadow: none !important;

padding-bottom:15px;
}
.shop .fsw.disabled .form-section {
	background-color: transparent;
}

/* ----------------------------------
	Section title
-----------------------------------*/
.shop .fsw .form-section .section-title{
	color: red !important;

font-family: 'Recoleta', Verdana, sans-serif!important;
}
.shop .fsw.disabled .form-section .section-title {
	padding-top: 0;
}
.shop .fsw .form-section .section-title h3{
	font-size: 24px;

line-height: 0.9;

font-family: 'Recoleta', Verdana, sans-serif!important;
}
.shop .fsw.disabled .form-section .section-title h3 {
	color: #999 !important;

font-family: 'Recoleta', Verdana, sans-serif!important;
}
.shop .fsw.is_current .form-section .section-title h3 {
	font-weight: bold;
}

.shop .fsw .form-section .section-title p{
	[*section-title-subtitle*]
}
.shop .fsw.disabled .form-section .section-title p {
	[*section-title-subtitle_disabled*]
}

/* --------------------------------------
	Form section => form section divider
----------------------------------------*/

.shop .fsw .form-section .form-section-divider{
	border-color: transparent;
}

/* ----------------------------------
	Form section => form contents
-----------------------------------*/
.shop .fsw .form-section .form-content{
	padding-top: 0;
}

/* ----------------------------------
	Card section
-----------------------------------*/

.shop .fsw .card-container {
	[*card-container*]
}
.shop .fsw .clickable-card {
	border-color: transparent;
}

.shop .fsw .clickable-card.selected{
	border-color: #262626 !important;
	[*clickable-card-selected*]
}

.shop .fsw .clickable-card .card-content {
	[*card-content*]
}
.shop .fsw .clickable-card .card-body {
	padding: 0;

padding-bottom: 20px;
}
.shop .fsw .clickable-card .card-name {
	font-family: Inter;

font-weight: 500;

color: #6d7170;

margin-top: 5px;

font-size: 15px;

text-align: center;

line-height: 1.5;

letter-spacing: 1px;
}
.shop .fsw .clickable-card .card-sub_name {
	font-family: Inter;

font-weight: 400;
}
.shop .fsw .clickable-card .card-price {
	font-family: Inter;

font-size: 14px;

text-align: center;

line-height: 1.5;

letter-spacing: 1px;

font-weight: 100;
}
.shop .fsw .clickable-card .card-image {
	border-radius: 24px;
}
.shop .fsw .clickable-card .card-editable_mark {
	background-color: #FB471F;

border-radius: 8px;

bottom: 10px;

color: #fff;

cursor: pointer;

font-size: 16px;

left: 50%;

padding: 5px 20px;

position: absolute;

text-align: center;
}




/* ----------------------------------
	Address
-----------------------------------*/

.shop .addresses-upload .excel-upload-container .excel-upload-label {
	border-color: #fb471f;
}

/* ----------------------------------
	Free CSS
-----------------------------------*/

/*styling algemeen*/

h3 {


font-family: 'Recoleta', verdana, sans-serif!important;


font-weight: 600;


font-size: 32px;

}

/*buttons */

.shop .button.primary {


background-color:red !important;

}

.fsw .form-section {


padding-top:30px;

}

.section-title .section-title-checkmark {


position: relative;


display: inline-block;


width: 30px;


height: 30px;


border: 2px solid #FB471F;


background-color: #FB471F;


vertical-align: top;


border-radius: 25px;


margin-right: 25px;

}

.section-title .section-title-checkmark .section-title-checkmark-mark {


border-bottom: 3px solid white;


border-right: 3px solid white;


height: 9px;


left: 5px;


position: absolute;


top: 7px;


transform: rotate(130deg) scaleY(-1);


width: 16px

}

.section-title-checkmark a.text-sm {


font-family: Inter;


font-weight: 400;


color: #FB471F;

}

.shop-nav {


background-color: #FFF7F5!important;


padding: 15px 10%;


display: inline-flex;


align-items: center;


box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.5);

}

.shop-nav-right a {


font-family: 'Inter', Verdana, sans-serif;

}

/* Rechter navigatie */

#shop-right-nav .right-nav {


background-color:#F7F7F7;


box-shadow: none;

}

#shop-right-nav .right-nav hr{


border-color: #d4d4d4;

}

.text-muted {


font-size:14px;


font-family: 'Inter - regular';

}

#shop-right-nav .right-nav .right-nav-toggle {


background-color: #FB471F;

}

/*Stappen bovenin*/

.shop-state .shop-state-item .bullet.active, .shop-state .shop-state-item .bullet.filled {


background-color: #FB471F;


font-family: 'Recoleta', verdana, sans-serif;


font-size: 18px;

}

.shop-state .shop-state-item .bullet {


border: 1px solid #fb471f;


color: #fb471f;


font-family:'Recoleta', Verdana, sans-serif;


font-size:18px;

}

.shop-state .shop-state-divider.filled {


border: 1px dashed #fb471f;

}

.shop-state .shop-state-item .label {


font-family: 'Inter - regular';

}

.shop-state .shop-state-item.disabled .bullet {


border-color:#aaa;


color:#aaa;

}

.form-section .text-sm {


font-family: 'Inter - regular';


font-weight:400;


color: #FB471F;

}

.clickable-card .card-content img {


border-radius:24px;

}

/* info tekst bij verzendopties*/

.shop .fsw .form-section .form-content {


font-family: 'Inter - regular', Verdana, sans-serif;

}

.single_page_addresses_amount_label, .single_page_addresses_add_addresses_label {


font-family: 'Recoleta';


font-size: 16px;

}

#single_page_addresses input[type=radio]:before {


border: 1px solid #FB471F;

}

#single_page_addresses input[type=radio]:checked:before {


background-color: #FB471F;

}

@font-face {


font-family: 'Recoleta';


font-weight: 100;


src: url('/custom_fonts/RecoletaThin.woff') format('woff2');

}

@font-face {


font-family: 'Recoleta';


font-weight: 300;


src: url('/custom_fonts/RecoletaLight.woff') format('woff2');

}

@font-face {


font-family: 'Recoleta';


font-weight: 400;


src: url('/custom_fonts/RecoletaRegular.woff') format('woff2');

}

@font-face {


font-family: 'Recoleta';


font-weight: 500;


src: url('/custom_fonts/RecoletaMedium.woff') format('woff2');

}

@font-face {


font-family: 'Recoleta';


font-weight: 600;


src: url('/custom_fonts/RecoletaSemiBold.woff') format('woff2');

}

@font-face {


font-family: 'Recoleta';


font-weight: 700;


src: url('/custom_fonts/RecoletaBold.woff') format('woff2');

}

@font-face {


font-family: 'Recoleta';


font-weight: 900;


src: url('/custom_fonts/RecoletaBlack.woff') format('woff2');

}