@charset "UTF-8";
/* CSS preload */
body::after{position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
content: url(http://www.mordicom.si/images/MordiCom_Svetla.webp) url(http://www.mordicom.si/images/SocialBottom_356_48_@2x.webp) url(http://www.mordicom.si/images/KatalogLittera.webp) url(http://www.mordicom.si/images/dice.webp) url(http://www.mordicom.si/images/oee.webp) url(http://www.mordicom.si/images/oee.webp) url(http://www.mordicom.si/images/Production%20TimeLine.webp) url(http://www.mordicom.si/images/Menu%20Gostol.webp) url(http://www.mordicom.si/images/Analiza%20nabavnih%20cen.webp) url(http://www.mordicom.si/images/bread.png) url(http://www.mordicom.si/images/delikatesa.png) url(http://www.mordicom.si/images/K_galanterija.png) url(http://www.mordicom.si/images/pakirnica.png) url(http://www.mordicom.si/images/bus.webp) url(http://www.mordicom.si/images/AP_Ljubljana_Tahoe.webp) url(http://www.mordicom.si/images/Littera_Tahoe.webp) url(http://www.mordicom.si/images/MePZ_Ciril_Silic_Tahoe.webp) url(http://www.mordicom.si/images/MordiCom_Tahoe.webp) url(http://www.mordicom.si/images/OPAC_Tahoe.webp) url(http://www.mordicom.si/images/WinKnj_Tahoe.webp);
}

/* CSS Document Edit Light mode */
.show {
  opacity: 0;
  animation: pojaviSe 1s ease-in;
  animation-delay: 2s !important; /* Čas zamika (npr. 2 sekunde) */
  animation-fill-mode: forwards; /* Ključno: zadrži končno stanje animacije */}

@keyframes pojaviSe {
  from { opacity: 0;}
  to { opacity: 1;} /* Element postane viden */
}

body {min-width:100%;min-height: 100vh;margin:0;padding:0;background-color:#000000;color:#1d1d1f;font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-size:16px;font-weight: 400;text-align:left;line-height:24px /* line-height:  16 * 1.5 = 24px */;overflow:hidden;overflow-y:auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing: auto;}

#header {position:sticky;top:0;margin:0;padding:0;width:100%;height:auto;z-index:100;overflow:hidden;
  background-color:#434558;
  background-image: url("http://www.mordicom.si/images/MordiCom_Svetla.png");
  background-image: image-set("http://www.mordicom.si/images/MordiCom_Svetla.webp" type("image/webp"));
  background-repeat: no-repeat, no-repeat;    
  background-size: 131px 30px;
  background-position: 15px 50%;
}
#header.scrolled {background-color: #434558;/* transition: 1s ease-in-out;*/}
#date_content{margin-top:16px}
#layout-wrapper{background-color: #ffffff /* #eaeaec */;margin: 0;padding: 0;}

#footer{position:relative;width:100%;background-color:#000000;font-size:80%;margin:0;padding:0 0 20px 0;color: #6d6e7d;}
#footer a,#footer a:visited{color:#c0c1c7;text-decoration:none;outline:none;}
#footer a:hover{color:#BFE548;text-decoration:none;border:none;}
#footer a.active{color:#BFE548;text-decoration: none;border:none;outline:none;cursor:default}
#footer h4{font-size:14px;line-height:21px;letter-spacing:1.5px;margin:0 0 5px 0;color:#ffffff;font-weight:700}
#footer_menu{padding:10px 0 10px 0}

.nomargintop{margin-top:0!important}
.nomargintop_bottom{margin-top:0!important;margin-bottom:0!important}
.clearfloat{clear:both;height:0;font-size:0}

h1,h2,h3,h4,h5{color:#000000;letter-spacing:1.5px;font-weight:700;}
h1{font-size:32px;line-height:48px;margin:30px 0 15px 0}
h2{font-size:24px;line-height:36px;margin:30px 0 15px 0}
h3{font-size:21px;line-height:31.5px;margin:30px 0 15px 0}
h4{font-size:18px;line-height:27px;margin:30px 0 15px 0}
h5{font-size:16px;line-height:24px;margin:10px 0 10px 0}
h4 span {font-size:16px;font-weight:normal;color:#000000}

.counter ul {margin-left: 16px;}
.counter {counter-reset: foo 0;}
.count:before {
  counter-increment: foo 1;
  content: counter(foo) "";
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  margin-right: 10px;
  width: 27px;
  line-height: 27px;
  text-align: center;
  border-radius: 50%;
  color: #ffffff;
  background: #FF7722;
}

/* Style the tab */
.tabs ul {list-style-type: none !important;margin:0 0 -6px 0;padding:0;overflow:hidden;background-color:transparent}
.tabs li {float:left;display: inline;}
.tabs li a{display:block;font-size:16px;line-height: 48px !important; color:#1d1d1f;text-align:left;margin-right:20px;padding:6px 0 0 0;letter-spacing:1.5px;font-weight:700;background-color: transparent;border:0 none;outline: 0 none;text-decoration: none;}
.tabs li a:hover{color:#0080FF;padding:6px 0 0 0;transition: 0.2s}
.tabs li .active{font-size:32px;color:#0080FF!important;padding:0!important;cursor:default}

a:link,a:visited,a:active{color:#0080FF;text-decoration: none;border:0 none;outline:0 none}
a:hover{border-bottom: 1px dotted #0080FF; padding-bottom: 2px}
.button {text-decoration: none !important;border:0 none;outline:0 none}

/* bullets hover */
[class^="highlight"] span{color:#0080FF;cursor: pointer;}
[class^="highlight"]:hover span{border-bottom: 1px dotted #0080FF; padding-bottom: 2px}
/* images hover description */
[class^="highlight"]:hover  + .description span{color: #0080FF;}

::selection{background-color: #ffd700;color: black}
.support{background-color:#fbfbfb;border: 1px solid #d3d3d3;margin:0 10px 10px 10px;padding:0}
.nav{list-style:none;margin:0;padding:0;text-align:center}
.nav li{display:inline}
.nav a{display:inline-block;padding:10px;outline: none;}
#language{padding:4px 0 10px 0;margin:15px 0 10px 0;border-bottom:1px solid #4c4e60}
#language a{color:#fff;text-decoration:none;border:0 none; outline:0 none;margin:0 2px 0 2px;padding:8px;font-size: 80%;transition:0.2s;display:inline}
#language a.active{color:#BFE548;text-decoration: none;border:0 none;outline:0 none;cursor:default}
#language a:hover{color:#BFE548}
#legal_sidepanel{display:none}    
.sidepanel{width:0;position:fixed;z-index:200;height:100%;top:0 !important;right:0;background-color: #252637;color: #fff;overflow-x:hidden;overflow-y:auto;padding:0;margin:0;transition: all .2s ease-in-out;}
.sidepanel a{padding:8px;margin-bottom: 4px; text-decoration: none;outline:0 none;border: 0 none;color: #fff;display: block;transition: all .2s ease-in-out}
.sidepanel a:hover{color:#BFE548}
.sidepane a.active{color:#BFE548;cursor:default}
.sidepanel span.more::after {content:"+";padding-left:8px;color: #fff;}
.sidepanel .closebtn {float:right;margin: 10px;
  background:url("http://www.mordicom.si/images/menu_close@2x.png");
  background:image-set("http://www.mordicom.si/images/menu_close@2x.webp" type("image/webp"));
  background-position: center center;
  background-repeat: no-repeat;
  background-size:40px 40px;width:40px;height:40px;
  cursor:pointer;display: block;outline:none;
} 
   
.openbtn{float:right;
  background:url("http://www.mordicom.si/images/menu_White@2x.png");
  background:image-set("http://www.mordicom.si/images/menu_White@2x.webp" type("image/webp"));
  background-position: center center;
  background-repeat: no-repeat;
  background-size:40px 40px;width:40px;height:40px;
  cursor: pointer;display: block; outline:none;
}
#podrocja a.active, .toggle-inner a.active{color:#BFE548;cursor:default;}
.toggle-display{display:none;margin:0 0 0 10px;padding:0;height:auto;}
.toggle-inner {margin:0;padding: 50px 10px 40px 10px;}
.Laptop-PC{display:none}

b,strong{font-weight:600;color:#000000}
em{font-style:italic}
li::marker {color: #000000;}
.online{color:#ffffff}
.alert{color:#FF0000}
.jade{color: #00A86B;}
.emerald {color:#008264}
.indian_orange{background-color:#FF7722 !important;}
.text-small{font-size:80%;}
.text-left{text-align:left}    
.text-right{text-align:right}
.text-center{text-align:center !important}
.text-justify{text-align:justify}
.lett_spacing{letter-spacing:1px}
.snow-text{color:#fff}
.nickel{color:#909498}
.check::after{content:" \2713 ";color:#00A86B;text-align:center;font-family:sans-serif;outline: none;cursor: pointer;}
.cursor_div,.cursor_img{cursor:pointer}
.coder::before{content:" \003C\2044\003E ";color:#FF0000}
/*img{max-width: 100%;height: auto}*/
.img-shadow {box-shadow: 0 13px 27px -5px rgba(50,50,93,.25);}
.shadow {box-shadow: rgba(177, 182, 183, .6) 0px 0px 90px;border-radius: 8px;}
.center-img-content {float:none;width:100%; height: auto;margin:0 auto;text-align:center;padding:10px 0 0 0}
.center-img-content img {text-decoration: none;border: 0 none;outline: 0 none;cursor: pointer;}
.description {margin:0 auto;padding:10px 0 10px 0;line-height: normal;}
.img-center {display:block;text-align:center;margin: 0 auto;padding: 0; border:0 none;text-decoration:none;outline:none;}
.img-left{float:left;margin:0;padding:0;outline:none;text-decoration:none}
.img-left-OPAC{float:left;width: 100%;height: auto;margin:0;padding:0;outline:none;text-decoration:none}
.img-left-aktualno{float:left;margin:0;padding:0;outline:none;text-decoration:none;width: calc(60% - 2px);height: auto;}
.img-splet{display:inline-block;margin:0 auto;width: 300px;padding: 0 20px 20px 20px;text-align: center;}

.soc_mail,.soc_fb,.soc_link,.twitter_x,.Bluesky {display:inline-block !important;text-decoration: none;border:0 none !important;outline: 0 none!important;padding: 0!important;margin:0 4px 0 4px;width:24px;height:24px;border-radius: 2px;cursor: pointer;}

.soc_mail,.soc_fb,.soc_link,.twitter_x,.Bluesky {
    background:url("http://www.mordicom.si/images/SocialBottom_356_48_@2x.png");
    background-image: image-set("http://www.mordicom.si/images/SocialBottom_356_48_@2x.webp" type("image/webp"));
    background-repeat:no-repeat;
    background-size:178px 24px;
    display:block;
    border: 0 none;
    outline: 0 none;
}
.soc_mail{background-position:0 0;}
.soc_fb{background-position:-30px 0;}
.soc_link{background-position:-92px 0;}
.twitter_x{background-position:-123px 0;}
.Bluesky{background-position:-154px 0;}

hr{color:#d1d2d7;background-color:#d1d2d7;height:1px;margin:20px 10px 20px 10px;border:0 none;clear:both}
.remove-half{margin:5px 0 10px 0}
.remove-top_bottom{margin:0; color: #383a4e;background-color:#383a4e}
.remove-share{margin:20px 10px 10px 10px}
.spacer{margin:0 0 10px 0}
.spacer_5{margin:0 0 5px 0}
.spacer_20{margin:0 0 20px 0}
.spacer_61{margin:61px 0 0 0 !important;padding: 0 !important;}
.business legend{padding: 0 4px 0 4px}
.business {border: 1px solid #d1d2d7;border-radius: 8px;}

img {border-radius: 8px;image-rendering: high-quality}
.border-img{background-color: #fff;padding: 4px;border: 1px solid #d1d2d7;}
.border_radius_none{border-radius:0;}

.border_repeat{border-right: 1px solid #d1d2d7}

#call_us{position: relative;background-color:#6B923B;color:#fff;letter-spacing:1px;margin:0;padding:0;width:100%;height:auto;font-size: 80%}
#call_us a{color:#fff!important;text-decoration:none;border:0 none;outline:0 none}
#call_us a:hover{border-bottom: 1px dotted #fff; padding-bottom: 2px}
#hot{position: relative;background-color:#5200FF;color:#fff;letter-spacing:1px;margin:0;padding:0;width:100%;height:auto;font-size: 80%}

/* Polar night */
.night{
  background-image: url("http://www.mordicom.si/images/PolarNight.png");
  background-image: image-set("http://www.mordicom.si/images/PolarNight.webp" type("image/webp"));
  background-repeat: no-repeat;    
  background-size: 400px 100px;
  background-position: 100% 10%;
}

.slide-left {width: 100%;overflow: hidden;}
.slide-left {animation: 1s slide-left;}
@keyframes slide-left {
  from {
    margin-left: 100%;
    opacity: 0;
  }
  to {
    margin-left: 0%;
    opacity: 1;
  }
}
/* images rotation */
@keyframes fade {
  0%   { opacity: 0; }
  11.11%   { opacity: 1; }
  33.33%  { opacity: 1; }
  44.44%  { opacity: 0; }
  100% { opacity: 0; }
}
.fadein { position:relative; height:124px; width:220px;overflow:hidden;}
.fadein img { height:124px; width:220px; position:absolute; left:0; right:0; opacity:0; animation-name: fade; animation-duration:12s; animation-iteration-count: infinite;}
.fadein img:nth-child(1) { animation-delay: 0s; }
.fadein img:nth-child(2) { animation-delay: 3s; }
.fadein img:nth-child(3) { animation-delay: 6s; }
.fadein img:nth-child(4) { animation-delay: 9s; }

.panteon,.ap-ljubljana,.saop,.absolute-read,.gostol-small,.Pekarna_Brumat,.pekarna-grosuplje-partners,.vopex-partners,.mercator-ip,.mercator,.ensico,.ff-ljubljana,.nasi-partnerji,.our-partners {
  background-image: url("http://www.mordicom.si/images/MordiCom_Black@2x.webp");
  background-image: image-set("http://www.mordicom.si/images/marquee-partners@2x.webp" type("image/webp"));
  background-repeat: no-repeat;    
  background-size: 423px 224px;
  display:inline-block;
}
.panteon,.ap-ljubljana,.saop,.absolute-read,.gostol-small,.Pekarna_Brumat,.pekarna-grosuplje-partners,.vopex-partners,.mercator-ip,.mercator,.ensico,.ff-ljubljana{width: 100px; height: 50px;border-radius: 4px;}
.nasi-partnerji,.our-partners{width: 100px; height: 50px}
.panteon {background-position:0px  0px}    
.ap-ljubljana {background-position:-108px 0px}
.saop {background-position:-215px 0px}
.absolute-read {background-position:-323px 0px}
.gostol-small {background-position:0px -58px}
.Pekarna_Brumat {background-position:-108px -58px}
.pekarna-grosuplje-partners {background-position: -215px -58px}
.vopex-partners {background-position:-323px -58px}
.mercator-ip {background-position:-108px -116px}
.mercator {background-position:-323px -116px}
.ensico {background-position:0px -116px}    
.ff-ljubljana {background-position:0px -174px}
.nasi-partnerji {background-position:-215px -116px}
.our-partners{background-position:-108px -174px}

.zoom {display:inline-block;overflow: hidden}
.zoom img{display:block;transition: all 0.2s ease-in-out;}
.zoom:hover img {transform: scale(1.1);image-rendering: high-quality;cursor:pointer}

/*img {filter: contrast(105%) brightness(101%);}*/
#marquee-container {width:100%;height:70px;margin:10px 0 0 0;padding:0;overflow:hidden; border-top: 1px solid #d1d2d7;}
#marquee{display:inline-block;position:relative;width:300%;white-space:nowrap;animation:scroll 20s linear infinite;padding:0;margin: 0}
#marquee a, #marquee a:hover {text-decoration:none;border:0 none; outline:0 none}
#marquee:hover {animation-play-state:paused}
#marquee .logo span {margin:10px 10px 0 0;float:left;}
#marquee .border_none span {border: none !important;}

@keyframes scroll {
0% {left:100%}
100% {left:-150%}
}

table.cookies {background-color: #f3f3f3;border-collapse: collapse;width: 100%;margin:10px 0 10px 0;}
table.cookies thead tr th {font-weight:600;background-color: #ff9300;color: #fff;padding:5px;}
table.cookies b, strong {font-weight:600;color: #000000}
table.cookies tbody td, th {text-align:left;color:#333;padding: 5px;}
table.cookies tr:nth-of-type(odd) {background-color:#e6e6e6}
table.cookies td {empty-cells: show;}

.button_cookies { margin: 10px 0 0 0;background: #fff;border: 1px solid #bbb;border-radius: 3px;color: #000000;font-size: 12px;padding: 2px 6px 2px 6px;text-align: center;text-decoration: none;transition: all .2s ease-out;cursor: pointer;}
.button_cookies:hover {background: #fff;color: #FF0000;}
.hr_display{display: none}

#topBtn {display: none;position: fixed;bottom: 20px;right: 20px;padding: 10px 13px;background-color: #FF0000;color:#ffffff;border: none;outline: none;border-radius: 3px;cursor: pointer;z-index: 99;}

.theme_button {background: #0080FF;margin: 0 2px 0 2px;border-radius: 3px;color: #FFFFFF;cursor: pointer;font-size: 80%;outline: 0;padding: 5px 10px;width: fit-content;border: 0;visibility: visible;opacity: 1;transition: opacity 0.2s ease-out, display 0.2s allow-discrete;}

/* moduli */

.container{position:relative;width:1024px;margin: auto;}   
.content{margin:0;padding:10px}
.wrapper.one{width:1024px;float:left}
.wrapper.two{width:512px;float:left}
.wrapper.three{width:341.33px;float:left}
.wrapper.four{width:256px;float:left}
.wrapper.five{width:733px;float:left}
.wrapper.six{width:289px;float:left}
.wrapper.footer-menu-small{width:171px;float:left}
.wrapper.footer-menu-big{width:511px;float:left}

/* Width of Child Element (256px) / Width of Parent Element(1024px) * 100 = 25% */
@media only screen and (max-width: 1024px) {
.container{width:94%}
.wrapper.one{width:100%}
.wrapper.two{width:50%}
.wrapper.three{width:33.333333333333%}
.wrapper.four{width:25%}
.wrapper.five{width:71.58203125%}
.wrapper.six{width:28.22265625%}
.wrapper.footer-menu-small{width:16.699%;float:left}
.wrapper.footer-menu-big{width:49.902%;float:left}
}

@media only screen and (max-width: 800px) {
.remove-half{margin:5px 10px 10px 10px}
.remove-top_bottom{margin:0 10px 0 10px}
#happy{display: none}
.other_devices{display: none}
.Laptop-PC{display:block}
.map-outer{width:100%;margin-top: 0}
.break-none{display: none}
table.cookies{margin:0;overflow-x:auto;overflow-y:hidden;overflow:-moz-scrollbars-horizontal;display:block}    
#footer{padding-top:10px !important;padding-bottom: 20px;}
#legal_notice, #visitors{display: none}
#legal_sidepanel{display:block}
#avt_pravice{text-align: left} 
.wrapper.one,.wrapper.two,.wrapper.three,.wrapper.four,.wrapper.five,.wrapper.six,.container,.wrapper.footer-menu-small,.wrapper.footer-menu-big,.wrapper.footer-two{width:auto!important;float:none!important}
#clock{display: none}
.border_repeat{border:none !important}
.center-img-content img {width:100%;max-width: 200px; height: auto}
.layout-wrapper{margin:0;padding:0;}
#topBtn, .hr_display{display: block}

}

@media only screen and (max-width: 768px) {  
.hr_display{display: block}
.img-left{width: 100%;float:none;}
.img-left-aktualno{width: calc(100% - 10px);float:none;}

}
@media only screen and (max-width: 480px) {
.tabs span{display: none}
#call_us .evenlope{display: none}
}

/* CSS Document Dark mode Edit */
html[data-theme="dark"] {
body {background-color:#000000 !important; color:#aeb2b6}
#header {background-color:#000000}
#header.scrolled {background-color: #000000;}
.sidepanel{background-color: #111111;}
h1,h2,h3,h4,h5{color:#ffffff;font-weight:600}
h4 span {font-size:16px;font-weight:normal;color:#ffffff}
b,strong{font-weight:500;color:#ffffff}    
#footer{background-color:#000000;color:#6f6f6f;border-top:none;}
#footer a,#footer a:visited{color:#aeb2b6}
#footer a:hover{color:#0080FF;text-decoration:none;border:none;}
#footer a.active{color:#0080FF}
#footer h4{color:#ffffff;font-weight: 500}
.support{border: 1px solid #5f718c}
.nickel{color:#aeb2b6;}
.tabs li a{color:#ffffff;font-weight: 600;}
#layout-wrapper{background-color:#1d2125 ;}
hr{color:#333;background-color:#333;height:1px;margin:20px 10px 20px 10px;border:0 none;clear:both}
.remove-top_bottom{color: #333;background-color:#333}    
.border_repeat{border-right: 1px solid #333;}
table.cookies {background-color: #3A3B3C;border-collapse: collapse;width: 100%;margin:10px 0 10px 0}
table.cookies thead tr th {font-weight:700;background-color: #ff9300;color: #000000;padding:5px}
table.cookies b, strong {font-weight:600;color: #ffffff}    
table.cookies tbody td, th {text-align:left;color:#aeb2b6;padding: 5px}
table.cookies tr:nth-of-type(odd) {background-color:#000000} 
.business {border: 1px solid #303141;border-radius: 8px;}
.online{color:#aeb2b6}
.border-img{box-shadow:none;border: none;}
.shadow{box-shadow: none}
.button_cookies {border: 1px solid #fff;}
#marquee-container {border-top: 1px solid #333;}
li::marker {color: #fff;}
#language a.active, #language a:hover{color:#0080FF;}
.sidepane a.active, .sidepanel a:hover{color:#0080FF;}
#podrocja a.active, .toggle-inner a.active{color:#0080FF;cursor:default;}
#call_us{background-color:#0080FF;}
#language{border-bottom:1px solid #333}
}