.offcanvas-menu .offcanvas-inner ul.menu li.active a {
   background: #60f0f0;
}

.offcanvas-menu .offcanvas-inner ul.menu li a:hover{
   background: #60f0f0;
}

.hikashop_checkout_login  {
  width:50%;
  min-width: 400px;
}


.item-title  a:hover {
color: #c95007;
}

.item-title a {
  text-decoration: underline;
  color: #fd6003;
}

.article-details a {
  text-decoration: underline;
  color: #fd6003;
}

.article-details  a:hover {
color: #c95007;
}

.article-introtext a {
  text-decoration: underline;
  color: #fd6003;
}

.article-introtext a:hover {
color: #c95007;
}


.sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title {
  font-size: 20px;
  margin: 0 0 15px;
  text-transform: uppercase;
  font-weight: bold;
}


.sp-module ul > li > a {
  color: #e2e2e2;
}
.sp-module ul > li > a:hover {
  color: #ffffff;
background: #c95007;
}


.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
       padding: 15px;
      background: #df5300;
}


.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	padding: 0 15px !important;
}
.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li > span:hover {
	background-color: #df5300;
	color: #fff !important;
}

.kosik {
display: flex;
justify-content: right;
}

#sp-bottom .sp-module .sp-module-title {
  margin: 0 0 20px;
  color: #2b2b2b;
font-weight: 500;
}
#sp-bottom .sp-module ul > li {
  margin-bottom: 5px;
}
#sp-main-body {
  padding: 10px 0;
}

.article-list 
.article {
  padding-top: 0px;
}
.sp-megamenu-parent {float: none; color: #FFF;
  font-size:14px;}
#sp-top2 li a {font-size: 12px !important; text-transform: none; font-weight: 500; line-height: 22px;}
select:not(.form-select):not(.form-control) {
  padding: 0rem 0rem !important;}
.sp-megamenu-parent > li > a {font-size:14px;font-weight: 700;}
.sp-megamenu-parent > li.active > a {font-weight: 700;}
.grid-layout {display: grid;grid-template-columns: auto auto auto;}
.grid-item {padding: 10px;text-align: left;}
td.hikashop_product_price_row {
    min-width: 20%;
}
div.hikashop_cart_dropdown_content {width: 60%;}
td.hikashop_cart_module_product_quantity_value {display: table-row;}
.hikashop_product_quantity_change_div_default { vertical-align: middle;}
div.hikashop_cart_dropdown_content {background-color: #fff1e6;}
img {display: inherit;}
span.hikashop_product_name {font-size: larger;
  font-weight: bolder;}

/* =============== TYPOGRAPHY - TABLE STYLES =============== */

table.table-style {
	background: #ffffff;
	border-collapse: collapse;
	border-spacing: 0;
	color: #404040;
}
table.table-style caption {
	padding: 6px 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}
table.table-style td,
table.table-style th {
	padding: 14px 20px;
	border-bottom: 1px solid #DEDEDE;
}
table.table-style th {
	text-align: left;
}
table.table-style .highlight {
	color: #fff;
}
table.table-style thead th {
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 400;
}
table.table-style thead th.highlight {
	border-top: none;
}
table.table-style tbody th,
table.table-style tbody td {
	vertical-align: top;
	text-align: left;
	border-right: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	font-weight: 400;
}
table.table-style tbody .highlight {
	background-color: #999;
}
table.table-style tbody .tsred {
	background-color: #FBA4A4;
}
table.table-style tbody .tsgreen {
	background-color: #ABEF76;
}
table.table-style tbody .tsblue {
	background-color: #9FE1FF;
	border-right: 2px solid #DEDEDE;
	border-left: 2px solid #DEDEDE;
	font-weight: 900;
	font-size:16px;
}
table.table-style tbody tr.odd {
	background: #f2f2f2;
}
table.table-style tbody tr.odd .highlight {
	background-color: #7E7E7E;
}
table.table-style tbody tr.odd .tsred {
	background-color: #FF9494;
}
table.table-style tbody tr.odd .tsgreen {
	background-color: #B2F979;   
}
table.table-style tbody tr.odd .tsblue {
	background-color: #7BD4FC;
	border-right: 2px solid #DEDEDE;
	border-left: 2px solid #DEDEDE;
	font-weight: 900;
	font-size:16px;
   
}
table.table-style tbody tr:hover th,
table.table-style tbody tr:hover td {
	background: #E4E4E4;
}
table.table-style tbody tr:hover .highlight {
	background: #737373;
}
table.table-style tbody tr:hover .tsred {
	background: #FE7C7C;
}
table.table-style tbody tr:hover .tsgreen {
	background: #95E953;
}
table.table-style tbody tr:hover .tsblue {
	background: #58BBE7;
	border-right: 2px solid #DEDEDE;
	border-left: 2px solid #DEDEDE;
	font-weight: 900;
	font-size:16px;

}
table.table-style tfoot {
	border: 1px solid #DEDEDE;
}
table.table-style tfoot th,
table.table-style tfoot td {
	border: none;
	padding: 12px 20px;
	background-color: #d9d9d9;
	font-weight: 400;
}
table.table-style tfoot td {
	text-align: right;
}
/* ----- COLOR HEADER TABLE ----- */
table.style-colorheader thead th.highlight {
	background-color: #484848;
}
/* ----- COLOR STRIPES TABLE ----- */
table.style-colorstripes {
	color: #fff;
}
table.style-colorstripes thead,
table.style-colorstripes tfoot {
	border: none;
}
table.style-colorstripes tbody .highlight {
	color: #333;
	border-bottom: none;
	border-top: 1px solid #fff;
}
/* ----- GREY STRIPES TABLE ----- */
table.style-greystripes thead th {
	background: #404040;
	border-right: 1px groove #999999;
}

.article-list
.article .readmore a {
  color: #000000;
  font-weight: 600;
  border: none;
  background-color: #ffac29;
  box-shadow: none;
  border-radius: 2px;
  text-shadow: none;
  padding: 10px 20px;
}

.article-list .article .readmore a:hover,
.article-list .article .readmore a:active,
.article-list .article .readmore a:focus {
  color: #000000;
  background-color: #df4b1e;
}

/* =============== TS Pridane - VYSKAKOVACI POPIS =============== */
div.galery {
	position: relative;
	overflow: hidden;
}
div.galery .caption {
	background: rgb(44,119,210);
	color: #fff;
	bottom: -150px;
	height: 150px;
	left: 0;
	width: 100%;
	display: inline-block;
	position: absolute;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	
}
div.galery .caption h3,
div.galery .caption p {
	padding: 0 5px;
	margin: 0 0 5px;
	color: #fff;
}


div.galery:hover .caption {
	bottom: 0;
}
/* div.galery .caption a {
	padding: 0 5px;
	margin: 0 0 5px;
	color: #0CF;
	 
}*/