/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

#header .header-top { padding-top: 1.5rem; background: linear-gradient(to right, rgb(12, 69, 116), rgb(17, 111, 158))!important; }
#header .top-menu a[data-depth="0"]:hover { color: #c9c9c9 !important}
a.dropdown-item:hover { color: #c9c9c9 !important}
a.dropdown-item { color: white !important}
.sub-menu { background: linear-gradient(to right, rgb(12, 69, 116), rgb(17, 111, 158))!important; } /* submeni od headera */
.dropdown-item.dropdown-submenu { color: white !important;}
#map { height: 400px;  /* The height is 400 pixels */ width: 100%;  /* The width is the width of the web page */ }
#header .header-top .menu{padding-top: 0.8rem; margin-bottom: 0rem;}
#header .header-top .search-widget{ padding-top: 7px;}
.display-1 {font-size: 2.9rem; }
#footer { padding-top: 0rem;}
#footer-left h2{padding-top: 75px; padding-left: 50px;}
#footer-left .detalji{ padding-left: 50px; padding-top: 30px;}
#stara-boja{ color: #2fb5d2; }
#nova-boja-svetlija { color:  #116F9E;}
#nova-boja-tamnija { color: #0C4574; }

#custom-text h2 { padding-bottom: 15px;}
/* Contact */
.contact-rich .block .icon { width: 2.2rem;}
#success_message h3 {color: green; padding-bottom: 150px; }
#error_message h3 { color: red; padding-bottom: 150px;}

.contact-rich .block .data.email { display: none;}
/*  Proizvodi */

#products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a {font-size: 1.1rem; font-weight: 800; color: white;}
#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description { background: #0c4574}
.products-selection .sort-by { word-break: normal !important; text-align: left !important;}
/* Usluge */
.naslov-usluge {background: linear-gradient(to right, rgb(12, 69, 116), rgb(17, 111, 158))!important; padding-top: 10px; margin-top: 25px; margin-bottom: 35px}
.naslov-usluge h3 {padding-left: 5px; color: white; text-align: center !important;}
.card-block p {font-size: 15px;}
.card-block ul li a { font-size: 17px; font-weight: bolder;}
/* Mobile menu */

@media only screen and (max-width: 767px) {
    .hidden-sm-down {
        display: block !important;

    }

    .footer-bottom { padding-bottom: 10px}
    /* #category #left-column #search_filters .facet .h6 { display: none; float: left; padding-top: 13px;}
    #category #left-column #search_filters .facet .title { float: right;}
    .float-xs-right { float: right!important;  margin-bottom: 14px;} */

    #mobile_top_menu_wrapper { display: block !important; background: #0e5988 !important; padding-bottom: 0 !important;}
    #header .header-top .position-static {display: block;}
    #header .header-top .search-widget { width: 100%; padding-bottom: 22px;}
}

@media only screen and (min-width: 768px) {
  .carousel .carousel-item .caption {bottom: 50px;}
}

.img-responsive{ max-width: 100%; height: auto; display: block;}
/* Gallerija */

.gallery .images{position:relative;width:100%;padding-bottom:60%;height:0}.gallery .images>div,.gallery .images>span{position:absolute;display:block;width:100%;height:100%}.gallery .images>div{opacity:0;background:center no-repeat;background-size:cover;border-radius:3px;box-shadow:1px 1px 5px rgba(0,0,0,.4);-webkit-transition:all .88s ease;transition:all .88s ease}.gallery .images>div.active{opacity:1}.gallery .images>span{cursor:pointer;width:50px;color:#fff;text-shadow:0 0 5px #000;font-size:50px;height:100%;line-height:44px}.gallery .images>span.right{left:100%;margin-left:-38px}.gallery .images>span.left{padding-left:10px}.gallery .images>span:before{margin-top:-25px;top:50%;position:absolute;bottom:0}.gallery .images>span.left:before{content:"\00AB"}.gallery .images>span.right:before{content:"\00BB"}.gallery .thumbs{margin-top:10px;display:inline-block;width:100%;text-align:center;cursor:pointer}.gallery .thumbs>div{box-sizing:border-box;background:center no-repeat;background-size:cover;display:inline-block;position:relative;margin:4px;border:3px solid transparent;width:100px;height:100px;cursor:pointer;-webkit-transition:all .88s ease;transition:all .88s ease}@media (max-width:768px){.gallery .thumbs>div{width:65px;height:65px}}.gallery .thumbs>div:before{content:'';width:0;height:0;border:solid transparent;border-width:0 5px 5px;position:absolute;left:45px;top:-8px;-webkit-transition:all .88s ease;transition:all .88s ease}@media (max-width:768px){.gallery .thumbs>div:before{left:25px}}.gallery .thumbs>div.active{border-color:silver}.gallery .thumbs>div.active:before{border-bottom-color:silver}