:root {
	--primary: #000;
	--text: #000;
	--color: #b90011;
	--dark: #000;
	--light: white;
	--lightbg: rgb(243,212,192);
	margin: 0px 4vw 0px;
}

@media only screen and (max-width: 1024px) {
:root {
	margin: 0px;
}
}

body.open-side { overflow: hidden; }

body.single-product .main-page-wrapper { padding-top: 80px; }

body { background: #f2f2f2; transition: .3s all; }

body,p,h1,h2,h3,h4,li,a,span { font-family: 'Epilogue', 'Open Sans' sans-serif; }

body h1, body h2, body h3 { font-weight: bold; }
body h1 { font-size: 36px; }
body h2 { font-size: 32px; }
body h3 { font-size: 28px; }

/* HIGHLIGHT */
.sd-highlight { background: var(--color); color: var(--primary); padding: 6px 8px 0px; }

.sd-xs, .sd-s, .sd-m, .sd-l, .sd-xl { line-height: 1.2em; }
.sd-xs { font-size: 14px; }
.sd-s { font-size: 15px; }
.sd-m { font-size: 24px; }
.sd-l { font-size: 35px; }
.sd-xl { font-size: 55px; }

.sd-align-left { text-align: left; }
.sd-align-center { text-align: center; }
.sd-align-right { text-align: right; }

.sd-thin { font-weight: 300; }
.sd-thick { font-weight: 600; }
.sd-bold { font-weight: 900; }

.sd-underlined { text-decoration: underline !important; }

.sd-m-0-auto { margin: 0px auto; }
.sd-m-10-auto { margin: 10px auto; b}
.sd-m-10-0 { margin: 10px 0px; }

@media only screen and (max-width: 1024px) {
body .sd-mobil-align-left { text-align: left; }
body .sd-mobil-align-center { text-align: center; }
body .sd-mobil-align-right { text-align: right; }

body .sd-mobil-m-0-auto { margin: 0px auto; }
body .sd-mobil-m-10-auto { margin: 10px auto; }
body .sd-mobil-m-10-0 { margin: 10px 0px; }
}


.sd-m-none { margin: 0px !important; }

.sd-primary, a.sd-primary:hover { color: var(--primary); }
.sd-color, a.sd-color:hover { color: var(--color); }
.sd-light, a.sd-light:hover { color: var(--light); }
.sd-dark, a.sd-dark:hover { color: var(--dark); }

@media only screen and (max-width: 1024px) {
.sd-xs { font-size: 14px; }
.sd-s { font-size: 17px; }
.sd-m { font-size: 22px; }
.sd-l { font-size: 35px; }
.sd-xl { font-size: 50px; }
}

@media only screen and (max-width: 600px) {
.sd-xs { font-size: 13px; }
.sd-s { font-size: 16px; }
.sd-m { font-size: 20px; }
.sd-l { font-size: 28px; }
.sd-xl { font-size: 40px; }
}

.sd-opacity-0-25 { opacity: .5; }
.sd-opacity-0-5 { opacity: .5; }
.sd-opacity-0-75 { opacity: .75; }

/*********
**********
********** LIST
**********
**********/
.sd-list { list-style: none; padding-left: 0px; }
.sd-list.center { text-align: center; }
.sd-list li { position: relative; margin: 15px 0px; display: block; }
/* .sd-list li:before { content: ''; position: absolute; line-height: 30px; text-align: center; left: 0px; top: 50%; transform: translatey(-50%); width: 25px; height: 25px; font-family: 'FontAwesome 5 Free'; } */

.sd-list.check li, .sd-list.download li { padding-left: 40px; padding-right: 20px;  }
.sd-list.check li:before { content: url('uploads/icons/sd-icon-check.svg'); }
.sd-list.download li:before { content: url('uploads/icons/sd-icon-download.svg'); }

.sd-list.icon li { padding-left: 40px; }
.sd-list.icon li:before { content: ''; position: absolute; left: 0px; top: 50%; transform: translatey(-50%); width: 30px; height: 30px; background-size: 25px; background-repeat: no-repeat; background-position: center center; }
.sd-list.icon li.adresa:before { background-image: url('uploads/icons/sd-adresa.svg'); }
.sd-list.icon li.telefon:before { background-image: url('uploads/icons/sd-telefon.svg'); }
.sd-list.icon li.email:before { background-image: url('uploads/icons/sd-email.svg'); }

/*********
**********
********** BUTON
**********
**********/

.sd-button { background: var(--primary); color: var(--color); width: 200px; border-radius: 30px; padding: 15px 0px; text-align: center; font-size: 16px; display: block; margin: 20px auto 10px; }
.sd-button.light { background: var(--color); color: var(--dark); }

@media only screen and (max-width: 1024px) {
.sd-button { margin: 20px auto 10px; }
}

/*********
**********
********** THEME DEFAULTS
**********
**********/

body .page-title { padding: 80px 0px 40px 0px; }