@CHARSET "UTF-8";
/* 2020-03-02 11:43 */

.product-price > .PricesalesPrice.vm-display.vm-price-value { 
	word-spacing: -0.2ch;
} 

.product-price > .price-crossed {
    position: absolute;
    font-size: 80%;
    text-decoration: line-through;
    color:#e5e5e5;
    letter-spacing: 0.1ch;
    word-spacing: -0.5ch;
}

.uk-section-primary.uk-background-light {
	background-color: rgba(255, 255, 255, 0.95);
	background-color:rgb(248, 248, 248);
	background-color:rgb(245, 245, 245);
}

#nav-menu-2 > .shop-categories-nav > ul.uk-nav-default.uk-nav > li.categories-title.uk-active.uk-open > ul.uk-nav-sub > li.uk-active > a,
.uk-card.shop-categories-nav > .uk-nav-default > li > ul > li.uk-active a,
.shop-categories-nav .uk-active > a,
.shop-categories-nav .uk-active > a.category-name {
	color: rgb(237, 169, 0) !important;
}


.shop-categories-nav .uk-active > a.category-name {
	color: rgb(237, 169, 0) !important;
}


#modal-cart .uk-modal-cart {
	background-color: rgb(27, 27, 27);	
	color: white;
	opacity: 1; 
}

#modal-cart .uk-modal-cart h3 {
	color: white !important;
}


#cart.uk-navbar-item {
	position: relative;
}

#cartbadge {
	display:inline-block;
	position: absolute;
	width:100%;
	line-height:25px;
	height:25px;
	left:0;
	top:10px;
}

#cartbadge > .uk-badge {
	position:relative;
	left:50%;
}

@media (min-width:1585px) {
	#cartbadge > .uk-badge {
		left:20%;
	}
}

#cart-view textarea { 
	background-color: rgba(19, 19, 19, 0.05);
	color:#1b1b1b;
	border-radius: 8px;
}

.uk-section-primary #cart-view a.uk-button-primary	{
	background-color:#131313;
	color:#fff;
	border-color:#131313;	
}

#cart-view a.uk-button-secondary	{
    background-color: #d7a24c;
    color: #131313;
	border-color: #131313;
}



button.quantity-controls {
	background-color: rgb(220, 173, 97);	
}

 .product-badges {
    background-color: transparent;
    bottom: auto;
    box-sizing: border-box;
    color: #ffffff;
    font-family: inherit;
    height: auto;
    left: auto;
    opacity: 1;
    position: relative;
    right: 0px;
    top: 0px;
    width: auto;
    margin-top:3px;
}
.product-badges div.product-badge-s2 {
    display: inline-block;
    height: 26px;
    width: 13px;
}
.product-badges div.product-badge-orange-s1 {
    border-left: 2px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #933d00;
    height: 0;
    position: absolute;
    right: 1px;
    top: 24px;
    width: 0;
}
.product-badges div.product-badge-orange-text {
    background: #f66600 none repeat scroll 0 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
    padding-right: 10px;
    position: absolute;
    right: 0;
    top: -6px;
    white-space: nowrap;
}
.product-badges div.product-badge-orange-text::before {
    border-bottom: 15px solid transparent;
    border-right: 12px solid #f66600;
    content: "";
    height: 0;
    left: -12px;
    position: absolute;
    top: 0;
    width: 0;
}
.product-badges div.product-badge-orange-text::after {
    border-right: 12px solid #f66600;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    left: -12px;
    position: absolute;
    top: 15px;
    width: 0;
}
.product-badges div.product-badge-red-s1 {
    border-left: 2px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #871616;
    height: 0;
    position: absolute;
    right: 1px;
    top: 24px;
    width: 0;
}
.product-badges div.product-badge-red-text {
    background: #c23a3a none repeat scroll 0 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
    padding-right: 10px;
    position: absolute;
    right: 0;
    top: -6px;
    white-space: nowrap;
}
.product-badges div.product-badge-red-text::before {
    border-bottom: 15px solid transparent;
    border-right: 12px solid #c23a3a;
    content: "";
    height: 0;
    left: -12px;
    position: absolute;
    top: 0;
    width: 0;
}
.product-badges div.product-badge-red-text::after {
    border-right: 12px solid #c23a3a;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    left: -12px;
    position: absolute;
    top: 15px;
    width: 0;
}
.product-badges div.product-badge-green-s1 {
    border-left: 2px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #31540c;
    height: 0;
    position: absolute;
    right: 1px;
    top: 24px;
    width: 0;
}
.product-badges div.product-badge-green-text {
    background: #6aa436 none repeat scroll 0 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
    padding-right: 10px;
    position: absolute;
    right: 0;
    top: -6px;
    white-space: nowrap;
}
.product-badges div.product-badge-green-text::before {
    border-bottom: 15px solid transparent;
    border-right: 12px solid #6aa436;
    content: "";
    height: 0;
    left: -12px;
    position: absolute;
    top: 0;
    width: 0;
}
.product-badges div.product-badge-green-text::after {
    border-right: 12px solid #6aa436;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    left: -12px;
    position: absolute;
    top: 15px;
    width: 0;
}
.product-badges div.product-badge-blue-s1 {
    border-left: 2px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #1e4158;
    height: 0;
    position: absolute;
    right: 1px;
    top: 24px;
    width: 0;
}
.product-badges div.product-badge-blue-text {
    background: #65a9d7 none repeat scroll 0 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
    padding-right: 10px;
    position: absolute;
    right: 0;
    top: -6px;
    white-space: nowrap;
}
.product-badges div.product-badge-blue-text::before {
    border-bottom: 15px solid transparent;
    border-right: 12px solid #65a9d7;
    content: "";
    height: 0;
    left: -12px;
    position: absolute;
    top: 0;
    width: 0;
}
.product-badges div.product-badge-blue-text::after {
    border-right: 12px solid #65a9d7;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    left: -12px;
    position: absolute;
    top: 15px;
    width: 0;
}


.product-detail {
	margin:10px auto;
}

.uk-card > .price-label > .product-price {
	min-height: 5px;
}

.shoptabs-products-tabs .uk-tab > li > a.uk-tabs-title { border-bottom-width: 4px; transform: translateY(4px);}

.shoptabs-products-tabs .uk-tab > li > a.uk-tabs-title,
.uk-h3, h3 {
	line-height: 26px;
	font-family: oswald,sans-serif;
	font-weight: 200;
	letter-spacing: 1.08px;
	color: rgba(255,255,255,.8);
	font-size: 21px;
}

.shoptabs-products-tabs .uk-tab > li.uk-active > a.uk-tabs-title,
.uk-tab > .uk-active > a {
    color: #dcad61;
    border-color: #dcad61;
}

@media (min-width:1366px) {
		#hero-slider {
		max-height: calc(100vh - 224px);
	}
}

.shoptabs-grid { background-color: rgb(51, 51, 51) }

.shoptabs-shopkategorie > #shopkategorie > .uk-card.uk-card-default { padding: 10px 10px; }


.uk-accordion .el-item a.el-title.uk-accordion-title {
    font-family: 'Oswald', sans-serif;
    font-weight: 200 !important;
    font-size: 18px;
    letter-spacing: 1.25px;
    color: rgba(255,255,255,.8) !important;
    fill: rgba(255,255,255,.8) !important;
    text-transform: none;
}
.uk-navbar a.uk-icon-link,
.uk-navbar a.uk-icon-link.uk-icon, 
.uk-navbar a.uk-icon-link.uk-icon svg, 
#cart.uk-navbar-item a.uk-button.uk-link.uk-icon, 
.uk-navbar .uk-navbar-item a.uk-button.uk-link.uk-icon span, 
.uk-navbar .uk-navbar-nav > li > a {
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1.08px;
    color: rgba(255,255,255) !important;
    fill: rgba(255,255,255) !important;
}

.shop-categories-nav > ul > li.categories-title.uk-active > a.category-name,
.shop-categories-nav ul.uk-nav-sub > li.uk-active > a {
	font-style: italic;	
	color: #dcad61;
}

.uk-nav-default > .categories-title:hover, 
.categories-title a:hover, 
.uk-offcanvas-bar.uk-light a:hover, 
.uk-accordion .el-item a.el-title.uk-accordion-title:hover,
.shop-categories-nav  a:hover,
.shop-categories-item > .shop-categories-title:hover,
.shop-categories-item > a:hover >.shop-categories-title {
	color: #dcad61 !important;	
}


h1, .uk-h3 {
    font-family: 'Oswald', sans-serif;;
}

.category-browse-view {
	background: #333;
}


.product-detail a.uk-button.uk-button-default {
    font-size: calc(11px + 0.25vw);
    text-transform: none;
    letter-spacing: 0.05ch;
    white-space: nowrap;
}

.spacer.product-container {
    margin: 0.5vw;
    padding: 0.5vw;
    background: #333;
}

.product-container .product-name {
    z-index: 1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    padding: 0.5rem 0.5rem;
}
.product-name {
    background-color: rgb(237, 169, 0);
}

h3.grid-product-name,
.product-name > h2 > a {
	-webkit-font-smoothing: antialiased;
	font-family: -apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue","Segoe UI",Arial,sans-serif;
	display: inline-block;
    display: -webkit-box;
    margin: 0 auto;
    height: 42px;
    min-height:42px;  
	max-height:42px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;	
    color: #131313;
	font-size: 14px;
	line-height: 1.1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	padding:5px 0;
	font-weight: bolder;
	text-transform:none;
	text-decoration:none;
	opacity: 1;
}

.button-grouped-1 {
    background-color: rgb(237, 169, 0);
    color: #111;
}

.button-grouped-2 {
    background-color: #131313;
}



/* http://adamstanford.net/css-triangle-with-shadow/ */

#fancybox-wrap { background: transparent; }
#fancybox-outer { background: transparent; border-radius: 30px; }
.fancybox-bg { opacity: 0; }
#fancybox-outer > #fancybox-content { border-color: rgba(119, 119, 119, .7); border-radius: 15px; border-radius: 30px; opacity: 1; box-shadow: 5px 3px 30px black;}


.home #section-hero {
	position:relative;
	background-color: rgba(42, 44, 45, .8);
	background-blend-mode: darken;
	background-image: url("/templates/yootheme/img/home-bg.jpg");
	background-position:bottom center;
	background-repeat:no-repeat; 
	background-attachment:fixed;
	background-size:100vw auto;
}


#module-110 > .uk-panel.custom {
  position: relative;
  padding: 10px 10px;
  background: rgba(25, 27, 32, 0.4);
  border-radius: 10px;
  box-shadow: 5px 3px 30px black;
  overflow: hidden;
}

#module-110 > .uk-panel.custom::before {
  content: '';
  margin: -35px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  filter: blur(20px);
  z-index: -1;
}

#module-110 .uk-accordion-title::before,
#module-110 a.uk-accordion-title {
	color: #eda900 !important;
}

#module-110 .uk-accordion-title::before {
	filter: brightness(0.5) sepia(1) hue-rotate(8deg) saturate(10000%);
}

/*
jen detail product
#tm-main.tm-main.uk-section.uk-section-default { 
	position:relative;
	background: transparent url(https://new.hobby-g.com/images/virtuemart/product/A0250_1.jpg) top right no-repeat; background-attachment:fixed;
}

#tm-main.tm-main.uk-section.uk-section-default:after {
  position: absolute;
  display:block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(25, 27, 32, 0.7) none repeat scroll 0 0;
}
*/

.spacer.product-container {
    border: 0 transparent;
}

.product-image-card {
    box-sizing: border-box;
}

.product-image-container {
	    background-color: #f8f8f8;
		overflow: hidden;
}


.browseProductImage {
	opacity: .85;
}

.price-label > .product-price {
	position: relative;
	text-align:right;
    background: #131313;
    color: rgb(237, 169, 0);
	border-bottom-left-radius:  5px;
	border-bottom-right-radius:  5px;
	box-sizing:border-box;
	min-width: 100%;
	margin:0;
}

.price-price_text { 
	padding:.01rem 2ch .2rem 2ch; 
	background: #2a2c2d; 
	color: #C5DE84 !important;
	border-top-left-radius: 5px; 
	font-size: .8rem; 
	right:0; 
	top:-1.5rem; 
	vertical-align: text-top; 
	letter-spacing: 0.1ch;
}


.catProductTitle >  h2 { text-align: left; }

.productdetails h1,
.catProductTitle >  h2 >  a { color: #dcad61; }

.text-skladem {
	color: #81C995;
}

h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: 200 !important;	
}


#header-grid {
	background: #06001a;
	overflow: hidden;
	max-height:160px;
	border-bottom: 1px solid red;
}

@media (max-width:1199px) {
		#header-grid {
		max-height:80px;
	}
}

@media (min-width:1600px) {
	.shop-toolbar-item {
	    font-size: 21px;
	    letter-spacing: 1px;
	}
}

#horizontal-navbar-container .uk-navbar-right {
	position: relative;
	overflow: hidden;
}

#category-categories  {
	background: #131313;
}

.uk-navbar-nav > li:not(:first-of-type) > a:after {

	content: " ";
	background: #1CC0FF none repeat scroll 0 0;
    border: 1px solid #51CDFC;
    border-radius: 50%;
    height: 0.5em;
    width: 0.5em;
    left: -0.25em;
    margin-top: -0.25em;
    position: absolute;
    top: 50%;
    transition: background 0.6s ease-in-out 0s;

}


#modalAddToCartProductName	{
	background: #181818;
	color:#fff;
}

#modalAddToCart >.uk-modal-dialog {
	max-width: 1200px
}

a.uk-tabs-title.uk-button-secondary {
        color:#fff;
        margin:0.5vw;
        padding:1vw;
        border-radius: 3px;
        border: 2px solid #fff;
}

#module-tm-1.uk-navbar-item {
	 min-width: 15vw;
}

.uk-search-default {
  min-width: 20vw;
}

.category-card {
            margin:.5vw auto;
            padding:0 .5vw;            
}

.category-categories-blok {
            position: absolute !important;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 0.5vw;
            background: rgba(255,255,255,.8);
}
        
h2.category-categories-title {
            font-size:calc(12px + .55vw);
            font-weight:500;
            height: 2.1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color:#111;
            text-transform:none;
}
