:root {
    --color: #a80057;
}
* {font-family:"ronnia",sans-serif;}
a:hover {color: var(--color) !important;}

select {appearance: auto !important;}

.novinky-box:hover a:link,
.page-section-title,
h2, h3, h3 a, h3 a:link, h3 a:active, h3 a:visited,
.hp-section-title {color: var(--color)}

.ea-products .novinky-podnadpis {height: 60px;overflow:hidden;}
.novinky-text {height: 150px;overflow:hidden;}

.btn-orange, .btn-primary {background-color: var(--color)};


#bs-example-navbar-collapse-1 {justify-content: end;align-content: end;}
.ea-mobile {display: none}
@media screen and (max-width: 767px){
    .ea-mobile {display: block}
}
@media screen and (min-width:767px) {
    #mainmenu a span {display:none}
}

/** detail **/
.page-section-title {margin-bottom: 2rem !important;font-size: 28px}
.ea-desc {margin: 2rem 0}
.ea-sell {margin-top: 48px}
.ea-sell .card-header {text-align: center;color: var(--color);font-weight: 700;}
.ea-sell .card-text strong {float: right;}
.ea-sell label {width: 100%}
.ea-sell #quantity {margin-bottom: 0.5rem}
.ea-sell #quantity input {text-align: center}
.ea-sell #quantity span {line-height: 38px;height:38px;width: 38px;text-align: center;background: var(--color);color: #fff;font-size: 20px;cursor: pointer;}
.ea-sell #quantity span:hover {background-color: #04533d;transition: background .2s ease-in;}
.ea-sell button {width: 100%;margin: 0}
.ea-sell .blockquote { font-size: 1.2rem; line-height: 1.3rem; text-align: center;}

/** kosik **/
#e-card {max-width: 600px;margin: 0px auto}
#e-card .col-md-3, #e-card .col-md-9,
#e-card .col-12 {width: 100% !important;}
#payment-list {margin-bottom: 30px;}
#payment-list .btn {border: 1px solid var(--color);width: calc(50% - 2.5px);margin-bottom: 0}
#payment-list .btn:first-child {margin-right: 2.5px}
#payment-list .btn:last-child {margin-left: 2.5px}
#e-card .form-group {margin-bottom: 15px;}
#e-card #ea-order-submit {width: 100%;margin-top: 20px;}

.alert button {display:none;}

.ea-contact-detail {margin-top:1rem;}
.ea-contact-detail > * {font-size:16px}
.ea-contact-detail strong {display: block;font-weight:800;}

.ea-desc a {color: var(--color);}
.ea-desc a:hover {text-decoration:underline}

.ea-payment-note {margin:0;text-align:center;font-size:14px;margin-top:0.5rem}

.ea-custom-color-1,
.ea-buttons-line {margin-top:2rem;}
.ea-buttons-line a {color:#fff !important;width:100%;}
.ea-buttons-line div:first-child {font-weight:bold;font-size: 16px;color: var(--color); }

.ea-custom-color-1 {color: var(--color);font-weight:bold;}
.ea-custom-color-1:hover {color:#04533d;}

#delivery-list .btn {margin:2px;margin-bottom:20px;font-weight:bold;border: 1px solid var(--color);}
#delivery-list .btn:hover {background: var(--color);color:#fff;}

.ea-cart-icon {position:relative;padding-right:25px !important;display:inline-block;}
.ea-cart-icon .ea-cart-count {
  position: absolute;
  width: 24px;
  height: 24px;
  color: #fff;
  background: #e50020;
  border-radius: 50%;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  right: 6px;
  bottom: -5px;
  z-index: 12;
  text-align: center;
}


.ea-card-items tr th.ea-w-120 {width:140px}

.novinky-box-detail {padding:20px;}
.novinky-podnadpis a {font-size:22px !important;}

.ea-fotogallery {padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);margin-top:1rem}
.ea-fotogallery .col-3 {padding:0px;background:#fff;}
.ea-fotogallery .col-3 {border:2px solid #FFF;transition: transform .1s ease;}
.ea-fotogallery .col-3:hover {border:2px solid var(--color);cursor:pointer;transform: scale(1.1);z-index:9}


.productTeaser-grid {padding: 0.5rem;display:block;margin-bottom: calc(var(--bs-gutter-x) * 1);}
.novinky-box.ea-vyprodano,
.productTeaser-grid.ea-vyprodano {opacity:0.5;cursor: initial;}
.productTeaser-grid:hover {border-color:var(--color)}
.productTeaser-grid h3 {margin-top: 1rem;margin-bottom:1px;font-size:16px}

.image-16ku9 {aspect-ratio: 16/9;overflow: hidden;}
.image-3ku2 {aspect-ratio: 3/2;overflow: hidden;}

.ea-card-items .btn {font-size:14px;padding: 0rem 0.5rem}

.project-box-image {position:relative}
.project-box-image .ea-volnych {position: absolute;right:0px;bottom:10px;background-color: var(--color);color: #fff;padding: 0.5rem 0.5rem;}
.project-box-image .ea-volnych strong {font-size:120%}

select.form-control {padding: .25rem .75rem;font-size:0.9rem}

table.table td.fw-bold {color:var(--color);font-size:18px;font-weight:700;}
table.table td h3 {margin-bottom:0;font-size:16px}
.ea-suma {font-weight: 700;font-size:18px;}
form table.table tr {line-height:28px}