main {background-color: #f5f5f5;}
body.bod-eshop-uvod main { min-height: auto !important;}
body { overflow-x: hidden;}

/* .muj-ucet a, .moje-objednavky a, .objednavka-detail a{ text-decoration: none; } */
/* .muj-ucet a:hover, .moje-objednavky a:hover, .objednavka-detail a:hover{ text-decoration: underline; } */
.eshop main a { text-decoration: none; }
.eshop main a:hover { text-decoration: none; }

.eshop-o-nakupu h2 { padding-top:2em; font-weight: bold; }
.o-nakupu h3 { font-weight: bold; font-family: "UG100", sans-serif; margin-top: 3rem;}
.o-nakupu ul {list-style: none;}
.o-nakupu li a {color: #f46800; font-family: "UG600", sans-serif; font-size: 1.3rem;}

main h1 { font-weight: 600; }

.eshop-uvod .unpad {margin: 0 -2.5rem;}

.data-grid h2 { font-size:1.2rem; }
.eshop main .data-grid a:hover{ text-decoration: none; }

.data-grid .konzervanty img {height: 60%; width: 60%; }
.data-grid img {height: 80%; width: 80%; }
.objednavka-detail .dw_in {max-width: 70rem; }
.eshop-uvod ul { list-style: none; padding: 0; margin: 0;}
.eshop-uvod li:before{ content: '✔'; padding-right: 1rem; color: #f46800; font-weight: bold; }

.order-form ul { list-style-type: none; }

.citat h1 {margin-bottom: 0rem;}
.citat {margin-bottom: -6rem;}
.apos { font-size: 12.5rem; margin-top: 10rem; font-family: "clarendon-text-pro",serif; }

footer {background-color: #526358; color: white; text-transform: none; font-size: 0.9rem; }
footer ul {margin: 1em 0 0 0; padding: 0; list-style: none; }
footer a:hover {text-decoration:none; color: #ffffff; }
.nav-main a {color: #526358;}
.nav-main a i {color: #526358;}

.dw_map{ min-height: 500px;}

.top-line{border-top: 1px solid #d1d5d2;}
.bottom-line {border-bottom: 1px solid #d1d5d2; padding: 0.2em;}
.footer-logo {margin-left:-1rem;}

.topcart {
	background: white;
	position: fixed;
	width: 100%;
	top: 0;
	display: flex;
	justify-content: flex-end;
	margin-top: -1px;
	z-index: 1;
	padding: 0.75em 0.75em;
	line-height: 1;
}

.image-separator {height: 20rem; text-align: center; margin-top: 6rem;}
.image-separator img { height: 90%;}
.image-separator img:nth-child(1) { margin-left: -2em;}

#showHeurekaBadgeHere-3 { padding-left: 2rem; }
.heurekaBadge { margin-left: 20px; zoom:0.92; }

.chooseTransportType h3 { display: inline-block; }
.chooseTransportType span { display: inline-block; margin: 0em 0 1em 0.5em; }

#doprava a { color: #f46800; }
#dopravy{ 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 0em;
    align-items: start;
}

#dopravy input[type="radio"]{
    margin-top: 0.32em;
    margin-right: 0.4em;
}

.form-choose-types {
  padding: 0;
}

.form-choose-types li {
  display: flex;
  align-items: start;
  margin-bottom: 1rem;
}

.choosePickupPlace {
    display: block;
    max-width: 95%;
    justify-content: flex-start;
    padding: 0; margin: 0 0 0 -0.5em; list-style: none; 
}
#selected-id { display: inline-block; width: 15rem; height: 1.5em; margin: -0.5em 0 0 0; }

#cart {width:100%; overflow:auto;}

a.topcart-item, button.topcart-item:hover {transition: all 0.3s ease-out;  }
a.topcart-item:hover, button.topcart-item:hover {background: #d1d5d2; transition: all 0.3s ease-out;}

@keyframes colorchange
{
  0%   {background: #fff;}
  50%  {background: red;}
  100% {background: #fff;}
}

.topcart-item {
	color: black;
	padding: 0.25em 0.8em;
	margin: 0 0.2rem;
	border-radius: 0.5rem;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}

.shopRoku {margin-right:3px; margin-top: 2.5px; zoom:1; }


.cart-info-help {background: #f5f5f5; display: none;}
.cart-info-help a, .cart-info-help a:visited {color: #f46800;}
.cart-info-login, .cart-info-login:visited, .cart-info-logout, .cart-info-logout:visited {color: black; background-color: #f5f5f5; border:none; outline: none;}
.cart-info-logout {display: none;}

.cart-info-total { vertical-align: sub; }
.cart-info-cart {background-color: white; border: 1px solid #7a877f;}
.cart-info-count {
	color: white;
	background-color: #f46800;
	border-radius: 0.75rem;
	vertical-align: middle;
	display: inline-block;
	margin: 0 0.5rem;
	min-width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	vertical-align: middle;
	padding: 0 0.5rem;
}
.cart-info-currency {background-color: white; border: 1px solid #7a877f; display: flex; text-align: center; padding: 0;}
.cart-info-currency button {background-color: #fff; border-width: 0; height: 100%; padding: 0 1rem; border-radius: 0 0.4rem 0.4rem 0;}
.cart-info-currency button:first-of-type {border-right:1px solid #7a877f; border-radius: 0.4rem 0 0 0.4rem;}
.cart-info-currency button.active {background-color: #f46800; color: #fff;}

.error { color:#cc0033; font-weight: 600; }
.pure-form input.has-error { border: 1px solid #cc0033; background-color: #fce4e4; }

main h1 {font-family: "UG100", sans-serif; font-size: 2rem; display: block;}
.config-desc {
    position: sticky;
    position: -webkit-sticky;
    padding-bottom: 1em; 
    margin: 27.2rem 0rem 0rem 3em;
    top: 7rem; 
    text-align: left; 
    font-family: "UG100",sans-serif !important;
    }
        
.config-desc b,strong { font-family: "UG100",sans-serif !important; }

.config-desc a,.config-desc a:hover,.config-desc a:visited { color: #f46800; }
fieldset {padding: 1.5rem 0; border-top: 1px solid #d1d5d2; display: block;}
label {padding-left: 0.5em;}
.legend {font-weight: 900; margin-bottom: 1rem;}
.legend span {font-weight: normal; color: #f46800;}
.sum {
	background: #ebedeb;
	border-top: 1px solid #d1d5d2;
	border-bottom: 1px solid #d1d5d2;
	margin-top: 1rem;
	margin-bottom: -3rem;
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	padding: 0.5em 0.5em 0 0.5em;
}

.konfigurator-wrap { border-bottom: 1px solid lightgrey; max-width: 80rem; margin: auto; display: none; }
.konfigurator-menu-wrap { min-height: 800px; max-width: 80rem; margin: auto; }
.konfigurator-animal-circle-center { justify-content: center;}
.konfigurator-animal-circle-left { justify-content: flex-start; margin-bottom: 1rem;}

.product-info { display: flex; align-items: flex-start; margin-top: 1em;}
.product-info input[type="radio"] { margin-right: 0.4em; margin-top: 0.25em; }
.product-label span { display: block; }
.product-label i { display: block; }

.feed-form { order: 1; }
.feed-detail { order: 2; border-top: 1px solid #d1d5d2; }
.feed-picture { order: 3; }
.feed-picture > div {max-width: 90%; top: 6rem; position: sticky; margin-top: 5rem;}
.feed-container { border-bottom: 1px solid lightgrey; max-width: 80rem; margin:auto; }
.feed-picture-setup { max-width: 90%; top: 6rem; position: sticky; position: -webkit-sticky; margin-top: 5rem; }
.feed-picture-setup img { position: sticky; position: -webkit-sticky; top: 1rem; } 
.feed-active-area { min-height:800px; max-width: 80rem; margin: auto; }

#optionsAnimal { border-top: none; }

.feed-sum-name {display:block;}

.black {color: #000000; margin-bottom: 0.5rem; font-size: 0.9rem;}
.orange {color: #f46800; margin-bottom: 0.5rem; font-size: 0.8rem;}
.green {color: #5C993B;}
.code {border: none; display: block; margin-bottom: 0.5rem; background: none; max-width: 9rem;}
.price {font-size: 1rem;}
.price-small {font-size: 0.8rem;}
.highlight { font-weight: 600; font-size: 1rem; }
.mobiletext { width: 100%; height: 4rem; margin: 0.5rem;  } /* mobiletext slouzi pro zobrazeni potrebnych aktualnich info na vsech strankach na mobilu na pc je to scroll text */
.mobiletext { color:black; font-weight: 600; text-decoration: none; font-size: 1.2rem; }
.mobiletext a {color:#f46800;  text-decoration: none; }
.quickPhone { font-size: 1rem; margin: 1rem;  }

.circle {display: inline-block; border-radius: 50%; background: none; border: 1px solid #7a877f; width: 5.5rem; height: 5.5rem; margin-bottom: 1rem; font-size: 2.5rem; outline: none; text-align: center;}
.circle:hover {border: 1px solid #000;}
.circle.is-active {border: 2px solid #f46800;}

.circle i { vertical-align: middle; }
.zi-hen, .zi-rabbit { vertical-align: sub !important; font-size: 2.9rem; }
.zi-cow { vertical-align:-1.7rem !important }
.zi-pig { vertical-align:-1.8rem !important }
.zi-sheep { font-size: 3.4rem; vertical-align: -1.0rem !important }
.zi-dog, .zi-cat { vertical-align: -1.6rem !important }
.zi-cat,.zi-dog, .zi-fish, .zi-horse { font-size: 4.0rem; }
.zi-bag-add { font-size: 3.8rem; }
.zi-pig,.zi-cow { font-size: 4.1rem; }

button.btn:disabled { background: #ccc; cursor: not-allowed; }
.btn_ico { background:none; border:none; outline: none;}
.cart_amount { display: inline-block; width: 1em; font-size: 2rem; font-weight: 700; }

.feed-sum-add { text-align: center;}
.feed-sum-add button { padding:0.5em 1.5em; font-size:1.6em; margin: 0.3em;}
.feed-sum-add button span { display: none; }

.feed-sum-button .btn_ico { vertical-align: text-bottom; font-size: 1.4em; }

.logo-link {display: none;}


.eshop-hpboxes { margin-top:-2.2rem; margin-bottom: -3rem; }
.eshop-hpboxes h2 { margin-top:0; font-weight: 600 }
.eshop-hpboxes-slider { background:#e2ece5; display: flex; align-items: center; padding:2em; }
.eshop-hpboxes-slider>div { margin:0 auto;}
.eshop-hpboxes-categories .hp-box { height: 300px; min-height:50%; text-decoration: none; }
.eshop-hpboxes-categories>div:nth-of-type(2) { } 
.eshop-hpboxes-categories>div:nth-of-type(3) { color: #fff; } 

.hp-box { height: 300px; background-size:cover; background-repeat: no-repeat; padding:2em; text-align: left; text-decoration: none;
	border-right:8px solid #fff; border-bottom:8px solid #fff;
}

.hp-box.hp-action { height: 600px;}

.hp-box-1 {background-image:url('/storage/app/media/eshop/hp-krmivo2.jpg'); background-position: right center;}


.modal {
  position: fixed;
  background: rgba(0,0,0,0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.modal-dialog {
  display: flex;
  height: 100%;
}
.modal-dialog-centered {
  align-items: center;
  justify-content: center;
}
.modal-dialog[data-ajax-updating],
.modal-dialog:not([data-ajax-updating]) + .modal-loading {
    display: none;
}

.modal-content.wedo {
  background: #000;
  width:90vw;
  height:90vh;
  display: flex;
  flex-direction: column;
  position: relative;
}

.modal-content.wedo .modal-body{
  flex-grow: 1;
}
.modal-content.wedo .modal-body iframe{
  border: none;
  width: 100%;
  height: 100%;
}

.modal-content.wedo .modal-header button{
  position: absolute;
  top:0.6rem;
  right: 1rem;
  background-color: #167F6C;
  color: #fff;
  border: none;
  border-radius: 0.2rem;
  padding: 0.5rem 1rem;
}

@media screen and (min-width: 35.1em) {
    
	main {padding-top: 5rem;}
	
	
	.nav-main a:nth-child(6) {
		border-top: none;
		margin-top: 0;
	}
	.nav-main a:nth-child(5) {
		border-top: 1px solid #7d5d42;
		margin-top: 85px;
	}
	.nav-main a:nth-child(7) {
        margin-top: 0px;
        border-top: none;
	}
	
	.topcart {padding: 0.5em 0.75em;}
	
	.sum {text-align: right; padding: 0.75em 0.75em;}
	.sum>div>div:nth-child(3),
	.sum>div>div:nth-child(4) {text-align: center;}
	/*.price {font-size: 2rem;}
	.price-small {font-size: 1rem;} */
	.orange { font-size:1rem;}
	.code { display: inline-block; border: 1px solid #d1d5d2; padding: 0.5em 1em; text-align: right; }
	.code-addon { display: inline-block; border: 1px solid #d1d5d2; padding: 0.5em 1em; }
	
	.logo-link {display: block;}
	.logo { zoom: 1; }
	/*.eshop-hpboxes { margin-right:-4px;} */
	
	.feed-sum-button .btn_ico { vertical-align: initial; font-size: 1em;}
	
	.price {font-size: 1rem;}
	.cart_amount { font-size: 1rem; }
	
}

@media screen and (min-width: 35.5em) { 
    .logo { position: fixed; top: 0; left: 0; z-index: 1; zoom: 1; }    
}
@keyframes slide {
  from {
    background-position-x: -100%;
  }
  to {
    background-position-x: 200%;
  }
}
@media screen and (min-width: 48em) {
	/* tablet landscape screens+ = MD */
	.config-desc {text-align: left;}
	.sum>div>div:nth-child(6) {align-self: center;}
	
	.cart-info-help {display: flex;}
	.cart-info-logout {display: flex;} 
	.price {font-size: 2rem;}
	.price-small {font-size: 1rem;}
	.cart_amount { font-size: 2rem; }
	.feed-sum-button .btn_ico { vertical-align: text-bottom; font-size: 1.3em; }
	.konfigurator-wrap { display: inherit; }
	
	.quickPhone { display: none; }
    .mobiletext { display: none; }
    .scrolltext {  /* slouzi pro jezdici aktualni info na pc na mobilech se pouziva mobiletext jako staticky text oboje je videt na vsech strankach*/
        width: 30%;  
        margin-left: 10%;
        background-image: url("data:image/svg+xml;utf8,\
        <svg xmlns='http://www.w3.org/2000/svg' width='855'>\
          <text y='27' font-weight='bold' font-family='UG100, sans-serif'>Provoz eshopu i po dobu nouzového stavu v roce 2021 nepřerušen! </text>\
        </svg>\
        ");
        background-repeat: repeat;
        background-size: auto;
        animation: 25s linear infinite slide;
    }
}

@media screen and (min-width: 64em) {
	/* desktop small screens+ = LG */
	.feed-form { order: 1; }
	.feed-detail { order: 2; border-top: none; }
	.feed-picture { order: 0; }
	
	.feed-sum-name {display:block;}
	.feed-sum-unit-price {display:block;}
}

@media screen and (min-width: 80em) {
	.hp-box.hp-action { height: 900px;}
	
	.eshop-hpboxes-categories>div:nth-of-type(1) { height: 550px; }
	.eshop-hpboxes-categories>div:nth-of-type(2) { height: 350px; }
	.eshop-hpboxes-categories>div:nth-of-type(3) { height: 350px; }
}

@media screen and (max-width: 35.0em){
    .shoproku-sticky-widget{display: none;}
    .cart-info-count { padding: 0.15rem 0.5rem; }
    .topcart-item { padding:0.25em 0.6em; }
    .black { display: none; }
    .hp-box-1 { background-position: left center; }
    .image-separator { display: none; }
    .orange { text-align: center; }
    .cart_amount { font-size: 1rem; }
    .feed-sum-amount { font-size: 0.8rem; text-align: center; }
    .feed-sum-stock { font-size: 0.8rem; }    
    .feed-sum-add button {padding: 0.5em 6.2em; }
    .feed-sum-unit-price { display: initial; text-align: center; } 
    .feed-sum-price { text-align: center; margin-top: 0.5rem; }
    .feed-sum-button .btn_ico { vertical-align: initial; font-size: 1.2em;}
    .feed-sum-name { margin: 0.5rem 0.5rem 0 0; text-align: center; }
    .config-desc { margin: 1rem 0rem 0rem 0rem ; }
    .feed-picture > div {max-width: 80%; top: 0rem; position: sticky; margin-top: -0.5rem;}
    .feed-sum { justify-content: center; }
    .zi-basket:before { font-size: 2rem; }
    
    .konfigurator-wrap { display: none; }
    .konfigurator-animal-circle-left>div{ margin-bottom: 1.2em; }
    
    .form-choose-types { padding: 0; }
    .max-brutto { width: 80%; }
    
    .logo { margin-top: 4rem; margin-bottom: -1rem; zoom: 1;}
    .footer-data>div{ margin-top: 0.8rem; }
    .footer-logo { margin-left: 0rem; }
    
    .hideOnMobile { display: none; }
    .heurekaBadge { margin-left: 0; }
    #showHeurekaBadgeHere-3 { padding-left: 0; }

    #dpdShippingPlace {width: 100%; }
    #feedApp { margin-top: -2.5em;} 
    #feed-sum-1 { order: 3; }
    #feed-sum-2 { order: 1; }
    #feed-sum-3 { order: 2; }
    #feed-sum-4 { order: 4; }
    #feed-sum-5 { order: 5; }
    
    /* rozlamani kosiku pro mobily */
    #cart td, #cart th, #cart tr, #cart thead, #cart tbody, #cart tfoot, #cart table { display: block; background-color: #f2f2f2 }
    #cart table { border-bottom: 0px; table-layout: fixed; }
    #cart tbody tr { border-bottom: 1px solid #cbcbcb; }
    
    /* schovani popisku tabulky pro mobilni zobrazeni */
    #cart th { display: none; }
    
    #cart td:before { position: absolute; left: 0.3rem; top: 0.6rem; width: 25%; border: none; }
    #cart td { position: relative; padding-left: 30%; border: none; }
    
    /* srovnani textu, ktery je na PC zarovnan na stred */
    #cart td:nth-of-type(1) { text-align: right !important; }
    #cart td:nth-of-type(2) { text-align: right !important; word-wrap: break-word; }
    #cart td:nth-of-type(4) { text-align: right !important; }
    
    /* Doplneni  novych popisku v mobilnim zobrazeni tabulky */
    #cart td:nth-of-type(1):before { content: "Kód"; }
	#cart td:nth-of-type(2):before { content: "Název"; }
	#cart td:nth-of-type(3):before { content: "Cena à"; }	
	#cart td:nth-of-type(4):before { content: "Počet"; }
	#cart td:nth-of-type(5):before { content: "Brutto"; }
	#cart td:nth-of-type(6):before { content: "Cena"; }
	#cart td:nth-of-type(7):before { content: "DPH %"; }
	#cart td:nth-of-type(8):before { content: "Cena s DPH"; }
	#cart td:nth-of-type(9) { text-align: left !important; margin-left: 4rem; }
}