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

@font-face { font-family: 'EB Garamond - 700'; src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-DPNUA4V-e6yHgQ.ttf);}
@font-face { font-family: 'EB Garamond - 500'; src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-2fRUA4V-e6yHgQ.ttf);}
@font-face { font-family: 'Open Sans - regular'; src: url(https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4nY1M2xLER.ttf);}
@font-face { font-family: 'Montserrat - regular'; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm45xW5rygbi49c.ttf);}


html body h1 {
	font-family: "EB Garamond - 700";
	font-size: 24px;
	color: #64392a;
	letter-spacing: 1.9px;
	line-height: inherit;
	[*H1-bold*];
	[*H1-italic*];
	[*H1-underlined*];
}
html body h2 {
	font-family: "EB Garamond - 700";
	font-size: 20px;
	color: #64392a;
	letter-spacing: 1.9px;
	line-height: inherit;
	[*H2-bold*];
	[*H2-italic*];
	[*H2-underlined*];
}
html body h3 {
	font-family: "EB Garamond - 700";
	font-size: 30px;
	color: #000000;
	letter-spacing: 1.9px;
	line-height: inherit;
	[*H3-bold*];
	[*H3-italic*];
	[*H3-underlined*];
}
html body h4 {
	font-family: "EB Garamond - 700";
	font-size: 14px;	
	color: #000000;
	letter-spacing: inherit;
	line-height: inherit;
	[*H4-bold*];
	[*H4-italic*];
	[*H4-underlined*];
}
html body h5 {
	font-family: "EB Garamond - 500";
	font-size: 14px;
	color: #000000;
	letter-spacing: inherit;
	line-height: inherit;
	[*H5-bold*];
	[*H5-italic*];
	[*H5-underlined*];
}

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

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


html body a {
	font-family: [*a-font-family*];
	font-size: [*a-font-size*];
	color: #000000;
	letter-spacing: [*a-letter-spacing*];
	line-height: [*a-line-height*];
	[*a-bold*];
	[*a-italic*];
	[*a-underlined*];	
}


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

body {
	--primary: #1865a8;
	--secondary: #f4f5f7;
}

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


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

.shop-nav {
	background-color: #1865a8;

padding: 15px 10%;

display: inline-flex;

align-items: center;

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

.shop-nav .logo_container {
	display: block;

height: 50px!important;
}

.shop-nav .shop-nav-items {
	padding: 0 15px 0 15px;
}

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

color: white;

font-family: Garamond;

font-size: 18px;

padding: 0px 15px 0px 15px;
}

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

justify-content: flex-end;

align-items: center;

color: white;

font-family: Garamond!important;

font-size: 18px;
}


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

.shop .banner {
	display: none;
}

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

background-repeat: no-repeat;

background-color: #1865a8;
}

/* ----------------------------------
	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: #1865a8 !important;
    background-color: #1865a8 !important;
}
.shop .button.secondary {
    background-color: #f4f5f7 !important;
    background-color: #556D74 !important;

color: white;
}
.shop .button.danger {
    background-color: #e02424 !important;
    background-color: #d74747 !important;

color: white;
}
.shop .button.success {
    background-color: #28a745 !important;
    [*success_button*]
}



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

.shop .fsw {
	max-width: 900px;

border-bottom: 1px solid #999;
}
.shop .fsw .form-section {
	box-shadow: none !important;

background-color: white;

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

/* ----------------------------------
	Section title
-----------------------------------*/
.shop .fsw .form-section .section-title{
	color: #161e2e;
}
.shop .fsw.disabled .form-section .section-title {
	padding-top: 0;
}
.shop .fsw .form-section .section-title h3{
	[*section-title-title*]
}
.shop .fsw.disabled .form-section .section-title h3 {
	color: #999 !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: #1865a8 !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 {
	color: #6d7170;

margin-top: 5px;

font-size: 14px;

text-align: center;

line-height: 1.5;

letter-spacing: 1px;
}
.shop .fsw .clickable-card .card-sub_name {
	[*card-sub_name*]
}
.shop .fsw .clickable-card .card-price {
	font-size: 14px;

text-align: center;

line-height: 1.5;

letter-spacing: 1px;

font-weight: 100;
}
.shop .fsw .clickable-card .card-image {
	[*card-image*]
}
.shop .fsw .clickable-card .card-editable_mark {
	[*card-editable_mark*]
}




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

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

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

.shop .fsw {


border:none;

}

.clickable-card .card-content img {


height: auto;


position: absolute;


left: 50%;


transform: translateX(-50%);

}

.section-title .section-title-checkmark {


position: relative;


display: inline-block;


width: 24px;


height: 24px;


border: 2px solid #1865a8;


vertical-align: middle;


border-radius: 2px;


margin-right: 5px;

}

.design-section .design-preview .preview-container .img-container {


width: 100%;


padding-bottom: 25%;


height: 50%;


margin: 0 auto;


background-size: contain;


background-repeat: no-repeat;


background-position: center;

}

h3 { color: #161e23!important;

}

.shop .fsw .form-section .section-title h3 {


color: #161e23!important;

}

.shop .fsw.filled .section-title h3 {color: #161e23!important;

}