@import url('uikit.min.css');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Upright');
 
/** ZLATNA: #ec5477 **/
/** SVETLO PLAVA: #4b6eb2 **/
/** TAMNO PLAVA: #231f20 **/

::-moz-selection { color: #231f20; background: #ec5477;}
::selection { color: #231f20; background: #ec5477:}

html {background: #ededed;}
body {font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: lighter; color: #333;}
a {color: #4b6eb2;}
a:hover {text-decoration: none; color: #000;}
p {margin: 0px;}
em {color: #4b6eb2;}
.highlight {font-weight: bold; margin: 0px 5px; color: #4b6eb2;}

h1, h2, h3 {font-weight: bold; font-family: 'Raleway', sans-serif;}

.topbar {background: #4b6eb2; text-align: center; color: #fff; padding: 4px 0px; border-top: 7px solid #ec5477;}
.cookies {background: #4b6eb2; color: #231f20; padding: 10px 0px 15px 0px;}
.cookies button {background: #231f20; color: #fff; border-radius: 20px;}
	
/** MENU **/
.navigation {background: #231f20;}
.navigation .logo {width: 150px;}
.navigation .uk-navbar {background: none; margin: 20px 0px; padding: 10px 0px;}
.navigation .uk-navbar-center ul {margin: 0px;}
.navigation .uk-navbar-center ul li {list-style: none; display: inline-block; line-height: 30px; text-transform: uppercase;}
.navigation .uk-navbar-center ul li a {display: block; padding: 15px 20px 10px; color: #fff; font-weight: normal;}
.navigation .uk-navbar-center ul li a:hover {text-decoration: none; border-bottom: 2px solid #ec5477; font-weight: bold;}
.navigation .uk-navbar-center ul li.active a {font-weight: bold;}
.navigation .hamburger {margin-right: 10px; color: #fff;}
.navigation .hamburger svg {width: 32px; height: 32px;}
.subnav {background: #ededed; padding: 5px 0px 3px;}

/** BREADCRUMB **/
.breadcrumb {padding: 0px;}
.breadcrumb li {list-style: none; display: inline; font-size: 14px;}
.breadcrumb li.home {margin-left: 15px; position: relative;}
.breadcrumb .icon {color: #4b6eb2; width: 14px;}
.breadcrumb .home-icon {width: 14px; position: absolute; top: 0px; left: -15px;}

.pdfsubmit {color: #fff; font-weight: bold; padding-top: 10px; display: block;}
.pdfsubmit:hover {color: #4b6eb2;}

/** CART **/
.cart {color: #ec5477; font-weight: normal;}
.cart-items-count {font-weight: bold; padding: 0px 5px; color: #4b6eb2; font-size: 18px;}
.cart-is-empty {text-align: center; color: #4b6eb2; padding: 0px 0px 20px; font-weight: normal;}
.cart-is-empty span.info {font-size: 12px; font-weight: lighter;}
.cart-is-empty span.icon {color: #ec5477; padding-bottom: 10px;}
.cart-add, .cart-empty, .cart-submit {background: #4b6eb2; border-radius: 20px; font-weight: bold; border: 2px solid #231f20;}
.cart-add:hover, .cart-empty:hover, .cart-submit:hover {background: #ec5477; border: 2px solid #4b6eb2}
.cat-card-add {border: none; border-radius: 0px; width: 100%; color: #fff; font-weight: lighter; font-size: 12px;}
.cat-card-add:hover {border: none; background: #ec5477;}
.cart-table img {width: 100px;}
.cart-table td {vertical-align: middle;}
.cart-table tr:hover {background: #fff !important;}
.cart-table button {border: 1px solid #ec5477; background: #fff; height: 30px;}
.cart-table button:hover {border: 1px solid #fff; background: #ec5477; cursor: pointer;}
.cart-table .quantity {padding: 0px 20px; font-weight: bold;}
.cart-submit {margin-bottom: 20px !important; width: 100%;}
#clientDetails {margin-bottom: 20px;}
#clientDetails span {font-size: 13px;}
#clientDetails .name {padding-right: 0px;}
#clientDetails .email {padding-left: 0px;}
#clientDetails input {height: 36px; margin-right: 5px; border-radius: 20px; border: 1px solid #ec5477; padding: 5px 15px; width: 100%; box-sizing: border-box; font-size: 16px;}
#thankyou .wrapper {background: #ec5477; text-align: center; margin-top: 20px; padding: 20px 50px;}
#thankyou h2 {font-family: "Cormorant Upright", serif; border-bottom: 1px solid #fff; text-transform: uppercase;}
#thankyou p {font-weight: normal;}

/** CONTENT **/
.content {background: url("../images/mosaic.png"); padding: 40px 0px 50px;}

/** ARTICLE **/
.item-page {margin-top: 20px;}
.item-page p {margin-bottom: 20px; line-height: 28px; font-weight: normal;}
.item-page h2 {font-family: "Cormorant Upright", serif; text-transform: uppercase; font-size: 32px; text-align: center; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #ec5477; font-weight: bold; color: #4b6eb2;}
.item-page .item-image img {width: 100%; margin-bottom: 30px;}
.item-page .moduletable h3 {border-top: 1px solid #4b6eb2; padding-top: 20px; margin-top: 50px;}
.item-page .product-title {text-align: left;}
.item-page .sku {font-size: 14px; margin-bottom: 20px; color: rgba(255,255,255,0.8)}
.item-page .sku span {font-weight: bold; color: #ec5477;}
.item-page .products {border-bottom: 1px solid #fff; padding-bottom: 20px;}
.item-page .product-details {padding: 20px 0px 0px 0px; color: #fff;}

.gallery .uk-subnav {margin-top: 10px;}
.gallery .uk-subnav li a {font-weight: bold; color: #000; background: #fff; color: #231f20; border: 2px solid #ec5477; border-radius: 20px;}
.gallery .uk-subnav li a:hover {background: #ec5477; color: #231f20; border: 2px solid #4b6eb2; border-radius: 20px;}
.gallery .uk-subnav li.uk-active a {background: #4b6eb2; border-radius: 20px; font-weight: bold; border: 2px solid #231f20; color: #fff;}

.blog-featured h2 {font-family: "Cormorant Upright", serif; color: #4b6eb2; font-size: 32px; text-align: center; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #ec5477;}

.uk-card-body {min-height: 48px;}
.uk-card-media-top {min-height: 250px; max-height: 250px; overflow: hidden;}
.uk-card-media-top img {min-height: 150px;}

/** CATEGORY **/
.cat-title {margin: 0px; position: relative;}
.cat-title a {color: #fff; background: #4b6eb2; padding: 10px; font-weight: normal; text-transform: uppercase; text-align: center; font-size: 16px; display: block; min-height: 48px;}
.cat-title a:hover {color: #fff; background: #ec5477;}
.cat-title .badge {position: absolute; right: -12px; top: -12px; background: #fff; border: 1px solid #ec5477; border-radius: 20px; padding: 2px 10px; font-size: 16px; font-weight: bold;}
.cat-children {margin-bottom: 50px;}
.pagination {text-align: center; margin-top: 20px;}
.pagination ul {padding-top: 10px; padding-left: 0px; margin-top: 10px; border-top: 1px dotted #ec5477;}
.pagination ul li {display: inline-block;}
.pagination ul li a {background: #ec5477; color: #fff; padding: 10px 15px; border-radius: 20px; font-weight: bold; font-size: 14px; margin: 0px 2px; font-weight: bold; line-height: 42px;}
.pagination ul li a:hover {text-decoration: none; background: #000; color: #fff;}
.pagination ul li.active a {background: #000; color: #fff;}

/** POSITIONS **/
.sidebar {background:rgba(0,0,0,0.5); padding: 20px;}
.sidebar h3 {font-family: "Cormorant Upright", serif; color: #fff; text-transform: uppercase; border-bottom: 1px solid #ec5477; padding-bottom: 7px;}
.sidebar ul {margin: 0px; padding: 0px;}
.sidebar ul li {list-style: none; margin-bottom: 2px;}
.sidebar a {background: rgba(255,255,255,0.2); display: block; padding: 10px; color: #fff;}
.sidebar a:hover {background: #ec5477;}
.sidebar .current a {background: #4b6eb2; font-weight: bold;}
.quotes {margin-top: 30px;}
.moduletablerepresentation {border: 1px solid #ec5477; padding: 20px; background: rgba(255,255,255,0.2); margin-bottom: 30px !important;}
.moduletablerepresentation h3 {font-family: "Cormorant Upright", serif; text-transform: uppercase; text-align: center; border-bottom: 1px solid #fff; padding-bottom: 10px;}
.uk-lightbox  {background: rgba(0,0,0,0.8);}

/** FOOTER **/
.footer {background: #231f20; padding: 50px 0px; color: #fff; text-align: center; border-top: 10px solid #ec5477;}
.footer ul {border-bottom: 1px dashed #ec5477; padding-bottom: 20px; padding-left: 0px;}
.footer ul li {display: inline-block;}
.footer ul li a {text-transform: uppercase; color: #fff !important; margin: 0px 10px; font-weight: bold;}
.footer ul li a:hover {text-decoration: none; color: #ec5477 !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
.footer .social a.uk-icon {font-size: 18px; border: 1px solid;  padding: 5px; border-radius: 3px; margin: 0px 5px;}
.footer .social a.uk-icon:hover {color: #ec5477; background: #231f20;}
.language ul {border-bottom: none;}
.copyright {font-size: 14px; line-height: 24px; color: #fff; margin-top: 30px;}
.copyright a {font-weight: bold; color: #fff;}
.rainbow {background: url("../images/rainbow.jpg") no-repeat; height: 80px; background-size: cover; border-top: 10px solid #4b6eb2;}

/** FORMS **/
input:focus, input:active {box-shadow: none;}

/** SAEARCH **/
.search form {position: relative;}
.search button {background: none; position: absolute; border: none; right: 5px; top: 5px;}
.search button:hover {cursor: pointer;}
.search button span {color: #ec5477;}
.search input {height: 30px; margin-right: 5px; border-radius: 20px; border: 1px solid #ec5477; padding: 5px 15px;}
.search-results .result-title {font-size: 24px; border-bottom: 1px solid #ec5477; padding-bottom: 5px; margin-bottom: 10px;}
.search-results .result-category {font-size: 12px; margin-bottom: 20px;}

/** LINKS **/
.link a {border: 1px solid #4b6eb2; border-radius: 3px; padding: 5px 10px; display: block; margin: 5px 0px; background: #fff; font-weight: bold;}
.link a:hover {background: #000; color: #fff; text-decoration: none;}

/** YOUTUBE **/
.youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/** ERROR PAGE **/
.errorPage {background: #fff; text-align: center; margin-top: 100px;}
.errorPage .error img {width: 250px;}
.errorPage .error p {; font-size: 18px; margin-bottom: 50px;}
.errorPage .error .button {color: #000; font-weight: normal; text-transform: uppercase; border: 1px solid #4b6eb2; padding: 5px 20px; border-radius: 3px;}
.errorPage .error .button:hover {background: #000; color: #fff; text-decoration: none;}
.errorPage .error h3 {font-size: 140px; color: #4b6eb2; padding: 50px 0px; border-bottom: 1px dashed #4b6eb2; line-height: 110px;}


@media (min-width: 768px) {
	.item-page .product-details {padding: 0px 0px 0px 50px;}
	#clientDetails .name {padding-right: 10px;}
	#clientDetails .email {padding-left: 10px;}
}

@media (min-width: 1024px) {
}

@media (min-width: 1025px) {

}