/*
Theme Name: DobryKafe
Author: Josef Petlach
Author URI: https://www.josefpetlach.cz
Version: 1.0
*/

/*Footer CTA*/
.footer-cta {
	background-color: #d29a53;
	color: #fff;
	text-align: center;
	font-size: 1.15rem;
	font-family: 'Playfair Display', Georgia, serif;
}

.footer-cta a.facebook::before {
	content:"";
	background: url('img/ico-fb.svg');
	width: 28px;
	height: 28px;
	display: inline-block;
	margin-right: 5px;
    margin-left: 10px;
	vertical-align: -15%;
}

.footer-cta a.instagram::before {
	content:"";
	background: url('img/ico-gram.svg');
	width: 28px;
	height: 28px;
	display: inline-block;
	margin-right: 5px;
    margin-left: 10px;
    vertical-align: -15%;
}

.footer-cta a:link, .footer-cta a:visited {
	color: #fff;
	text-decoration: underline;
	margin: 0 .5em;
}
.footer-cta a:hover, .footer-cta a:focus {
	color: #fff;
	text-decoration: none;
	margin: 0 .5em;
}

/*Footer menu*/
#menu-menu-v-paticce a.nav-link {
    color: #fff;
}
#menu-menu-v-paticce a.nav-link.active,
#menu-menu-v-paticce a.nav-link:hover {
    color: #d29a53;
}

/* Copyright*/
div.copyright {
	border-top: 1px solid #272727;
}
.copyright p {
	font-size: .8rem;
	text-align: center;
	color: #fff;
}
.copyright p a:link, .copyright p a:visited {
	font-size: .85rem;
	color: #fff;
	text-decoration: underline;
} 
.copyright p a:hover, .copyright p a:focus {
	text-decoration: none;
} 

/* Stránka odkazy */
.stranka a:link, .stranka a:visited {
    color: #d29a53;
    text-decoration: none;
}
.stranka a:hover, .stranka a:focus {
    color: #d29a53;
    text-decoration: underline;
}

/* Intro hero foto */
.foto-intro {
    background: url('https://www.dobrykafe.cz/wp-content/uploads/2020/06/dobry-kafe-rodinna-prazirna-pouzdrany-uvod-2.jpg') no-repeat center center;		
    background-size: cover;
	height: 800px;
}

.foto-intro-text {
    padding-top: 8em;
}

.text-box {max-width:500px;}
.foto-intro h1 {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: calc(40px + 18 * ((100vw - 420px)/ 860));
    font-weight: normal;
	color: #e8b87b;
}

.foto-intro p {
	font-family: 'Manrope', sans-serif;
	color: #fff;
    line-height: 1.6em;
    font-size: 1.35rem;
    margin-top: 1em;
    font-weight: 300;
}

h1, h2, h3 {
	font-family: 'Playfair Display', Georgia, serif;
}

.uvod p {
	font-family: 'Manrope', sans-serif;	
}

@media (max-width:991.98px){
	.navbar-nav .nav-link {
		padding: 2rem;
		text-align: center;
	}
	.navbar-nav .kosik {
		padding: 1.25rem;
		text-align: center;
	}
}

.navbar-nav {font-family: 'Manrope', sans-serif; font-weight: 300;}

/* Náš příběh Homepage*/
.nas-pribeh-text {background-color: #b47846; color: #fff;padding:5em 4em;}
.nas-pribeh-foto {background-image:url('img/rodinna-prazirna-kavy-pouzdrany.jpg');background-size: cover;height:450px;}

/* Náš příběh timeline */
.timeline {
	background-color: #f9f9f9;
}
.rok {
	font-weight: 400;
    font-size: 60px;
    opacity: .15;
    display: block;
    margin-bottom: 20px;
	font-family: 'Playfair Display', Georgia, serif;
}
.milnik::after {
    display: block;
    width: 1px;
    height: 90px;
    background: black;
    content: '';
    margin: 0 auto;
}

.timeline img {
	border: 12px solid white;
}
/* Produkty */
h3.nazev-produktu-vypis a:link,h3.nazev-produktu-vypis a:visited {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.45rem;
    color: #000;
    margin: 1em 0;
	text-decoration: none;
}
h3.nazev-produktu-vypis a:hover,h3.nazev-produktu-vypis a:focus {
	text-decoration: underline;
}

p.neni-skladem {
	background-color: #da5353;
    color: white;
    display: inline-block;
    padding: .2em;
    max-width: 150px;
    line-height: normal;
    font-size: .85rem;	
}
/* HP články */
.blog-clanky {
    margin: 2em 0;
}
.blog-clanky h3 {
    margin: .8em 0;
}
.blog-clanky p a:link, .blog-clanky p a:visited {
	font-size: .75em;
    color: #c7a17a;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .125em;
}
.blog-clanky h3 a:link, .blog-clanky h3 a:visited {
	color: black; 
	text-decoration: none;
}
.blog-clanky h3 a:hover, .blog-clanky h3 a:focus {
	color: black; 
	text-decoration: underline;
}
/* Blog článek */
h1.blog-clanek {color: #d29a53; font-size: 3rem; margin-top: 1em;}
p.clanek-meta {
    font-size: .85rem;
    color: #545454;
	margin: 1.5em 0;
}
.perex::before {
    display: block;
    width: 50px;
    height: 1px;
    background: black;
    content: '';
    margin: 1.5em auto;
}
.perex {
	color: #000000;
    font-size: 1.4rem;
    font-family: 'Playfair Display', Georgia, serif;
    line-height: 1.7em;	
}
.blog-clanek p {
	font-family: 'Manrope', sans-serif;
    font-size: 1.1rem;
    line-height: 1.85em;
    color: #000;
    font-weight: 300;
}
.sep-hor {
    background-color: #c7a17a;
    width: 100px;
    height: 1px;
    position: relative;
    margin: 1.5em auto;
}


/* WC shop */
.woocommerce-message {
	padding: 1em 2em;
    background-color: #d4f3ce;
    border: none;
    color: #000;
}
.woocommerce-message a.button, .woocommerce-message a.button:hover {
    border-radius: 0;
    background-color: #5cb85c;
    font-weight: normal;
    color: #fff;
}
.woocommerce-message::before {
    content: none;
}	
.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    height: 48px;
}
button.single_add_to_cart_button.button.alt {
    background-color: #000;
    border-radius: 0;
    padding: .9em 1.7em;
    font-weight: normal;
    height: 48px;	
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #4e4d4e;
    color: #fff;
}
.woocommerce button.button.alt.disabled,.woocommerce button.button.alt.disabled:hover {background-color: #737373;}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000;
    font-size: 1rem;
}
ins {
    text-decoration: none;
}
.woocommerce span.onsale {
    min-height: 3.236em;
    min-width: 3.236em;
    padding: .4em;
    font-weight: bold;
    position: absolute;
    text-align: center;
    line-height: 3.236;
    top: 0;
    left: 0;
    margin: 0;
    border-radius: 0;
    background-color: #f13b65;
    color: #fff;
    font-size: .9rem;
    z-index: 9;
}
.woocommerce ul.products li.product .onsale {
    top: 0;
    right: 0;
    left: auto;
    margin: 0;
}
/*název produktu*/
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: .5em 0;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.45rem;
    color: #000;
    margin: .2em 0;
    text-decoration: none;
	text-align: center;
}
/*cena*/
.woocommerce ul.products li.product .price {
    color: #d29a53;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: .857em;
    text-align: center;
}

.page-header {
	height: 360px;
}

/* daň na nový řádek */
small.woocommerce-price-suffix {
    display: block;
    margin: .25em 0 1em 0;
}

/* zprávy vypni ikonky */
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
	display: none;
}

/* Košík firma rozšíření fakt. a doruč. adresa */
.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 {
    max-width: 100%;
    width: 100%;
    margin-top: 2em;
}
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
    max-width: 100%;
    width: 100%;
    margin-top: 2em;
}


/* Bootstrap Woocommerce conflict */
.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {
display: block;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
max-width: unset;
}


/* BANNERY */
.banner {
    padding: .5rem 2rem;
	margin-bottom: 2rem;
}
.banner p {
    margin: 0;
}
.banner a {color: inherit; text-decoration: underline;}

.banner-vanoce {
	color: #fff;
    background-color: #cba182;
/* 	background-image: url(https://www.dobrykafe.cz/wp-content/uploads/2021/11/dobry-kafe-akce.png);
	background-repeat: no-repeat;
    background-position: 103% 70%;
    background-size: 400px 204px; */
	border-radius: 3px;
}

/* @media (max-width:991.98px){
	.banner {
		display: block;
		padding: 30px 30px 210px 30px;
	}
	.banner-vanoce {
		color: #fff;
		background-color: #cba182;
		background-image: url(https://www.dobrykafe.cz/wp-content/uploads/2021/11/dobry-kafe-akce.png);
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size: 400px 204px;
	}	
} */