/* ---===### apecafe.cz - Author: info@janpikla.cz - Updated: 25. March 2018 - 22:09:06 ###===--- */
@charset "UTF-8";
#welcome {
    width: 100%;
    margin: 1.5rem auto 1.5rem;
    text-align: left;
    padding-top: 2.5rem;
    position: relative;
} 
#main-in {
    margin-top: 40px;
}
#top-links a:hover:first-of-type::before {
	color: #fff
}
.account-links-full-name {
	display: inline
}

.malaobjednavka {
	font-size: 15px;
	font-weight: 500;
	color: #a01621;
}
.header-info .large-8, .header-info .medium-8 {
	width: 65%
}
.header-info .large-2, .header-info .medium-4 {
	width: 25%
}
.checkout-facebook a {
	position: relative;
	top: -3px
}
.checkout-facebook a:before {
	content: ""!important;
	width: 22px;
	height: 22px;
	background: url(i/fb.svg) no-repeat
}
.checkout-insta a {
	position: relative;
	top: -3px
}
.checkout-insta a:before {
	content: ""!important;
	width: 22px;
	height: 22px;
	background: url(i/insta.svg) no-repeat;
	margin-right: 0
}

#welcome::before {
	content: none
}

@media screen and (min-width:1024px) {
.searchform {
	position: relative;
	right: -75px
}
}

@media screen and (min-width:640px) {
.searchform .s-word {
	height: 59px;
	border-radius: 10px 0 0 10px;
	background: #1e374a;
	color: #fff;
	margin-right: 0;
	padding-right: 0;
	width: 0;
	transition: width .2s ease-in-out
}
.searchform .s-word::-moz-placeholder {
color:#fff;
opacity:1!important
}
.searchform .s-word:hover {
	width: 100%
}
.searchform .s-word:focus {
	width: 100%
}
.searchform .s-word.jpHover {
	width: 100%
}
.searchform .b-search {
	background: #1e374a url(i/glass.png) no-repeat 4px center;
	width: 48px;
	height: 59px;
	top: 0;
	border-radius: 0 10px 10px 0;
	left: 0;
	position: absolute
}
.searchform .b-search:hover {
	background-color: #142837
}
.searchform .large-10 {
	display: flex;
	flex-direction: row-reverse
}
.searchform form .tar {
	height: 59px;
	background: 0 0
}
}
#articles ul li a:hover, #footer a:hover {
	color: #fff;
	text-decoration: underline
}
#footer .menu {
	display: none
}
#logo img.jpLogo {
	display: none
}
.top-links ul {
	display: block!important;
	margin-left: -25px
}
.page-detail #product-detail-form #product-variants {
	float: none;
	width: 100%
}
.page-detail #product-detail-form #product-variants .f-border-in {
	padding-left: 0;
	padding-right: 0
}
.button-cart-advanced-wrap {
	position: relative;
	left: 3px
}
.button-product-wrap:not(.button-cart-advanced-wrap) {
	border-color: #757373
}
.button-product-wrap:not(.button-cart-advanced-wrap) .button {
	background: #757373
}
.button-product-wrap:not(.button-cart-advanced-wrap) .button:hover {
	background: #484848
}
.button-success-wrap {
	border-color: #744e35
}
.product .button.success:hover {
	background: #3f2b1c
}
#main-wrapper {
    background: url(i/bg-hd.jpg) top repeat-x;
	background-size: 822px 206px }
}
.menu li:hover a b {
	text-decoration: underline
}
.menu li ul a:hover {
	text-decoration: underline!important
}

@media screen and (min-width:640px) {
#menu {
	display: none
}
}
#welcome {
	margin-top: 0;
	padding-top: 0
}
.jpSideWrap {
	width: 320px;
	height: 322px;
	background: url(i/sbg.png) no-repeat center/contain;
	position: fixed;
	right: -284px;
	top: 380px;
	cursor: pointer;
	transition: all .5s ease-in-out
}
.jpSideWrap:hover {
	right: 0
}
.jpSideWrap .jpSideInner {
	width: 284px;
	height: 100%;
	position: absolute;
	left: 36px;
	text-align: center
}
.jpSideWrap ul {
	list-style: none;
	text-align: left;
	height: 260px;
	padding-top: 15px;
	margin-left: 15px
}
.jpSideWrap ul li {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	color: #572a00
}
.jpSideWrap ul li:before {
	content: "• ";
	font-size: 28px;
	line-height: 26px;
	position: relative;
	top: 5px;
	color: #db9436
}
.jpSideWrap ul li:after {
	content: " ❭";
	font-size: 20px;
	line-height: 26px;
	position: relative;
	top: 3px;
	left: 3px;
	color: #db9436
}
.jpSideWrap a {
	background: #db9436;
	color: #fff;
	padding: 8px 25px;
	display: inline-block;
	border-radius: 5px;
	text-decoration: none
}
.jpSideWrap a:hover {
	text-decoration: underline
}

@media screen and (max-width:640px) {
.jpSideWrap {
	display: none
}
}
.rating {
	display: block
}
#addToCartButton {
	background: #b70505
}
#addToCartButton:hover {
	background: #9a0404
}
#addToCartButton:active, #addToCartButton:focus {
	background: #740303
}

@media screen and (max-width:640px) {
#top-links {
	display: block;
	position: absolute;
	right: 5px;
	top: 7px
}
#top-links>.responsive-mobile-visible {
	display: none!important
}
#top-links>.responsive-mobile-hidden {
	display: block!important
}
.icon-account-login::before {
	content: none!important
}
}

@media screen and (max-width:640px) {
#logo img:not(.jpLogo) {
	display: none
}
#logo img.jpLogo {
	display: block
}
.home #category-banners {
	display: none
}
#footer .menu {
	display: block;
	list-style: none;
	background: 0 0
}
#footer .menu .submenu {
	display: none
}
#footer .menu li {
	display: inline-block;
	list-style: none;
	float: none
}
#footer .menu li:after, #footer .menu li:before {
	content: none
}
#footer .menu li a {
	display: inline;
	padding: 0
}
#footer .menu li a:after {
	content: none
}
.menu li.o-kave>a, .menu li.o-prazirne>a, .menu li.podminky>a {
	position: relative
}
.menu li.o-kave>a:after, .menu li.o-prazirne>a:after, .menu li.podminky>a:after {
	content: "▾";
	color: inherit
}
.menu a {
	cursor: pointer
}
#header-in .header-center {
	margin-top: 10px
}
#header-in .header-center #logo {
	height: 70px
}
.checkout-facebook a, .checkout-insta a, .checkout-twitter a {
	top: 5px
}
#welcome+.jpCat {
	display: block!important;
	margin-bottom: 30px
}
#welcome+.jpCat>.categories ul {
	display: none
}
.top-links ul {
	display: none!important
}
#header-cart-wrapper {
	margin-top: 3px!important;
	margin-right: 50px
}
#header-cart-wrapper>#header-cart {
	padding: 10px
}
.header-cart-count span {
	left: 4px;
	top: 10px
}
#menu-helper {
	top: -120px;
	background: #572a00;
	height: 51px;
	width: 45px;
	border-radius: 10px
}
#menu-helper:before {
	color: #fff
}
#menu-helper::before {
	width: 43px!important;
	height: 46px!important;
	font-size: 34px;
	line-height: 50px!important
}
.searchform {
	top: 39px;
	padding-right: 0;
	border: 1px #572a00 solid
}
#main-in {
	margin-top: 25px
}
#menu-helper-box {
	position: relative;
	top: -45px
}
#menu {
	box-shadow: none
}
}