@charset "UTF-8";
/* CSS preload */
body::after{
   position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
   content: url(http://www.cirilsilic.si/images/VinyardDay.webp) url(http://www.cirilsilic.si/images/VinyardNight.webp) url(http://www.cirilsilic.si/images/map3.webp) url(http://www.cirilsilic.si/images/Pano@2x.png) url(http://www.cirilsilic.si/images/Pano@1x.png) url(http://www.cirilsilic.si/images/MPZ_Jadran@2x.png) url(http://www.cirilsilic.si/images/Ciril_Silic@2x.png) url(http://www.cirilsilic.si/images/Primorska_poje_2025@2x.png) url(http://www.cirilsilic.si/images/Platana.webp) url(http://www.cirilsilic.si/media/video/PosterObletnica.webp) url(http://www.cirilsilic.si/media/video/poster.webp) url(http://www.cirilsilic.si/images/SocialBottom_356_48_@2x.webp);
}
/* CSS Document Reset */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline}
        /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
body {line-height: 1}
ol, ul, li {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none}
table {border-collapse: collapse;border-spacing: 0}

/* CSS Document Edit Light mode */
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing: auto;-webkit-tap-highlight-color:transparent;}
body{min-width:100%;min-height:100vh;margin:0;padding:0;background-color:#F7F8F8;font-size:16px;line-height:24px;font-family:  system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-weight: 400;color:#373a3c;overflow:hidden;overflow-y:auto;}
#layout-wrapper{padding:0;margin:0;background-color:#fff}
#header{position:fixed;top:0;left:0;right:0;margin: 0 auto;padding:0;min-width:100%;height:auto;z-index:9;background-color:#000000;}
#header.scrolled {background-color: #000000;transition: 1s ease-in-out;}

#logo_hide{visibility: visible;opacity: 1;}
.skrit{visibility:hidden;opacity: 0;display: none;}

.FirstBgImages{
background-color: #FF9735; 
background-image:url("images/VinyardDay.jpg");
background-image:image-set("images/VinyardDay.webp" type("image/webp"));   
background-repeat: no-repeat;
background-size:cover;
background-position:50% 50%;   
}
.platana{
background-image:url("images/Platana.png");
background-image:image-set("images/Platana.webp" type("image/webp"));   
background-repeat: no-repeat;
background-size:auto;
background-position:top right;
}
.grape{
background-image:url("images/Grozd_transparent.png");
background-image:image-set("images/Grozd_transparent.webp" type("image/webp"));   
background-repeat: no-repeat;
background-size:auto;
background-position:top right;
}

#navbar{margin:0;padding:0}
.nav ul{padding:0;margin:0;list-style-type:none}
.nav li{display:inline}
.nav a,.nav a:visited{display:block;float:left;padding:5px 10px;margin-right:5px;text-decoration:none!important;color:#fff;letter-spacing:1px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;border:0;outline:none}
.nav a:hover{background:#ffffff;color:#000000;text-decoration:none!important;border-radius: 2px;}
.nav .active a{background:#ffffff!important;color:#000000!important;cursor:default;text-decoration:none!important;border-radius: 2px;}
.nav .show-menu{text-decoration:none;color:#FFFB00;text-align:center;padding:4px;display:none;letter-spacing:1px;font-weight:600;font-size:16px;cursor:pointer}
#border-other-devices{border-top:1px solid #3d4142;display:none}
.nav input[type=checkbox]{display:none}
.nav input[type=checkbox]:checked ~ #menu{display:block}

.container{width:1280px;margin:0 auto;padding:0}
#log-container{background-color:#fff}

#footer{min-width:100%;font-size:80%;background-color:#F8F8F9;color:#888;border-top:1px solid #ddd;padding:10px 0 20px 0;margin:0}
#footer a,#footer a:visited{color:#0080FF;text-decoration:none;outline:none}
#footer a:hover{text-decoration:underline}
#footer .active a{color:#000000;text-decoration:none;outline:none;cursor:default}
#footer .active a:hover{color:#000000;text-decoration:under;outline:none;cursor:default}

.logo{
background-image:url("images/Logo_Ciril_Silic_Modra.png");
background-image:image-set("images/Logo_Ciril_Silic_Modra.webp" type("image/webp"));    
background-repeat: no-repeat;
background-size:202px 22px;
background-position:left center;
width: 202px;
height: 22px;
margin:10px 0 0 10px;
padding:0;
display: block;
}

.tab-menu ul {list-style-type: none;margin: 0 0 0 -5px;padding: 0;overflow: hidden;color:#373a3c;background-color: transparent;}
.tab-menu ul li {float: left;}
.tab-menu ul li a {display: block;color:#373a3c;text-align: center;padding: 5px;margin-right: 10px;text-decoration: none;border:none}
.tab-menu ul li a span {color:#FF0000;text-decoration: none;border: none;}
.tab-menu ul li a:hover, .tab-menu ul li a:hover span {color:#0080FF;background-color: transparent}
/* Active tab state to highlight current page/section */
.tab-menu .active a, .tab-menu .active a span {color:#0080FF;cursor: default;}

#date{display:block}
#date .date_header{letter-spacing:1px;margin:0;padding:10px 10px 0 0;vertical-align: bottom!important}
.other-devices,.mobile-devices {display:none}

.pulse-alert {margin:6px 12px 0 2px;display: block;width: 10px;height: 10px;border-radius: 50%;background:#FF1414;animation: pulse 1s infinite;float:left}
@keyframes pulse {
0% {-moz-box-shadow: 0 0 0 0 rgba(245,0,0, 0.6);box-shadow: 0 0 0 0 rgba(245,0,0, 0.6);}
80% {-moz-box-shadow: 0 0 0 10px rgba(245,0,0, 0);box-shadow: 0 0 0 10px rgba(245,0,0, 0);}
100% {-moz-box-shadow: 0 0 0 0 rgba(245,0,0, 0);box-shadow: 0 0 0 0 rgba(245,0,0, 0);}
}
#hot{min-width:100%;background-color:#5600FF;background-color:rgba(86,0,255,0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);color:#fff;margin:0;padding:0;font-size: 80%;letter-spacing: 1px;}
#anniversary {min-width:100%;background-color:#FF0000;background-color:rgba(255,0,0,0.6);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);color:#fff;margin:0;padding:0;font-size: 80%;letter-spacing: 1px;}
#anniversary span {color:#000000;}

#dark_novice{color: #111;}
#dark_novice h1,#dark_novice h2,#dark_novice h3,#dark_novice h4,#dark_novice h5{color: #000000;font-weight:600} 
#dark_novice.time_ago_clock{color: #000000;}
#dark_novice b,strong{color:#000000}

#scroll{padding:86px 0 0 0;width:100%;height:auto;margin:0 auto}
#news{height:auto;max-height:300px;width:100%;padding:0;margin:0 0 10px 0;position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling: touch;z-index:7}
#news .date{color:#fff;letter-spacing:1px;font-weight:400;text-transform:lowercase;line-height:27px;}

[class^="highlight"]:hover .date {color:#fff;font-size:18px;line-height:27px;}
[class^="highlight"]:hover + p {color:#0080FF}

.scrollbar::-webkit-scrollbar {-webkit-appearance:none;}
.scrollbar::-webkit-scrollbar {width: 16px;height: 16px;background:#cacaca}
.scrollbar::-webkit-scrollbar-button:start:decrement,
.scrollbar::-webkit-scrollbar-button:end:increment {height:16px;width:16px;display:block}
.scrollbar::-webkit-scrollbar-button:horizontal:decrement {background: url(images/horizontal-new-decrement-arrow.png) center no-repeat;background-size: 16px 16px}
.scrollbar::-webkit-scrollbar-button:horizontal:decrement:active {background: url(images/horizontal-new-decrement-arrow-active.png) center no-repeat;background-size: 16px 16px}
.scrollbar::-webkit-scrollbar-button:horizontal:increment {background: url(images/horizontal-new-increment-arrow.png) center no-repeat;background-size: 16px 16px}
.scrollbar::-webkit-scrollbar-button:horizontal:increment:active {background: url(images/horizontal-new-increment-arrow-active.png) center no-repeat;background-size: 16px 16px}
.scrollbar::-webkit-scrollbar-button:vertical:decrement {background: url(images/vertical-new-decrement-arrow.png) center no-repeat;background-size: 16px 16px}
.scrollbar::-webkit-scrollbar-button:vertical:decrement:active {background: url(images/vertical-new-decrement-arrow-active.png) center no-repeat;background-size: 16px 16px}
.scrollbar::-webkit-scrollbar-button:vertical:increment {background: url(images/vertical-new-increment-arrow.png) center no-repeat;background-size: 16px 16px}
.scrollbar::-webkit-scrollbar-button:vertical:increment:active {background: url(images/vertical-new-increment-arrow-active.png) center no-repeat;background-size: 16px 16px}
.scrollbar::-webkit-scrollbar-track-piece {background:#151515}
.scrollbar::-webkit-scrollbar-thumb:vertical {height:50px;background:#787878}
.scrollbar::-webkit-scrollbar-thumb:horizontal {width: 50px;background:#787878}
.scrollbar::-webkit-scrollbar-thumb:vertical:hover{background:#666}
.scrollbar::-webkit-scrollbar-thumb:horizontal:hover{background:#666}
.Black_shadow {text-shadow:0 0 4px rgba(0,0,0,.6)}
#BgimgInnerContainer{width:100%;height:auto;display:block;margin: 0 auto}
#BgimgOuterContainer{width:100%;height:auto;display:block;margin: 0 auto}
.map-outer{width:100%;height:220px;background:#ddd;overflow:hidden;border-radius: 8px}
.map-outer:hover .map-inner{transform: scale(1.1);image-rendering: high-quality;}
.map-inner{
background-image: url("images/map3.jpg");
background-image: image-set("images/map3.webp" type("image/webp"));
background-repeat: no-repeat;    
background-position: 50% 50%;
background-size:cover;
background-color: #ddd;    
width: 100%;
height:100%;
display:block;
outline:none;
text-decoration:none;
transition: all 0.2s ease-in-out;    
}
table.prenos{width:auto;border-spacing:4px;border-collapse:separate;margin:0 0 0 -4px}
table.prenos td a{display:block;padding:4px 8px;background:rgba(255,255,255,0.6);color:#0080FF;text-decoration:none;border:1px solid #ddd;outline:none;border-radius: 3px;}
table.prenos td a:hover{text-decoration:underline}

table.cookies{width:100%;text-align:left;background:transparent;}
table.cookies{border-collapse:separate}
table.cookies{border-spacing:2px}
table.cookies th{border-radius: 3px;}
table.cookies td{border-radius: 3px;}

table.cookies tr th{padding:8px;background-color:#FF7722; color:#ffffff;font-weight:600; letter-spacing: 1px}
table.cookies tr:nth-child(even){background-color:#F1F2F4}
table.cookies tr:nth-child(odd){background-color:#fbfbfb}
table.cookies tr td{padding:8px}

h1,h2,h3,h4,h5{color:#000000;letter-spacing:1px;font-weight:700}
h1{font-size:32px;line-height:48px;margin-bottom:10px}
h2 {font-size:24px;line-height:36px;margin-bottom:10px}
h3{font-size:32px;line-height:48px;margin-bottom:10px}
h4{font-size:21px;line-height:32px;margin-bottom:10px}
h5{font-size:18px;line-height:27px;margin-bottom:10px;}
h5 span{font-size:14px;font-weight:400;letter-spacing:normal}
.nomargintop{margin-top:0!important;padding-top: 0 !important;}

#loading-message {color: #ff2600;letter-spacing: 1px;}

a,a:visited,a:active{color:#0080FF;text-decoration:none;outline:0 none}
a:hover{text-decoration:underline}
.pdf::after{content:" *.pdf";color:#929292}
.check::after{content:" \2713";color:#4f8f00;text-align:center;font-family:Helvetica, sans-serif}
.support {padding: 10px 10px 10px 0;color:#ff2600}
.clearfloat{clear:both;height:0;font-size:0}
img{border:0 none;outline:0 none;image-rendering: high-quality}
.img-scale{max-width:100%;height:auto;overflow:hidden;border:none;outline:none;text-decoration:none}
.box_promotion{background-color:#fafafa;border: 1px solid #eceff1}
.img-center{display:block;margin:auto;border:none;outline:none;text-decoration:none}
.img-right{text-align:right;padding:5px 0 5px 15px;border:none;outline:none;text-decoration:none}
.img-left{float:left;padding:5px 15px 5px 0;border:none;outline:none;text-decoration:none}
.time_ago_clock{background:url(images/time_ago_black.png) no-repeat left center;background-size:18px 18px;padding:0 0 0 22px}
.time_ago_clock_grey{background:url(images/time_ago.png) no-repeat left center;background-size:18px 18px;padding:0 0 0 22px}
.img-right-news{float:right;padding:1px;background:#fff;margin-right:10.63829787234%;outline:none;width:140px}
.shadow{box-shadow: rgba(177, 182, 183, .6) 0px 0px 90px;}

video, poster {width: calc(100% - 0px) !important;height:auto;overflow: hidden;}
#audio{width:80%;margin:auto}

.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("images/SocialBottom_356_48_@2x.png");
    background-image: image-set("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;}

.Photo,.Speaker,.Media{background:#76b84a url(images/SpiritesTopTransparentBlack.png) no-repeat;background-size:400px 128px;margin:20px auto;display:block;transition:all 0.2s ease-out}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.Photo,.Speaker,.Media{background:#76b84a url(images/SpiritesTopTransparentBlack@2x.png) no-repeat;background-size:400px 128px;margin:20px auto;display:block}}
.Media{width:128px;height:128px;background-position:0 0;border-radius:50%;border: 0 none;}
.Photo{width:128px;height:128px;background-position:-136px 0;border-radius:50%;border: 0 none}
.Speaker{width:128px;height:128px;background-position:-272px 0;border-radius:50%;border: 0 none}
.Media:hover,.Photo:hover,.Speaker:hover {background-color: #DBDD46}
.push{transition: all .2s ease-in-out;}
.push:hover{transform:scale(0.9);cursor:pointer}

hr{color:#ddd;background-color:#ddd;height:1px;margin:10px 0 30px;border:0 none;clear:both}
.light{color:#F1F2F4;background-color:#F1F2F4}
.dark{color:#bbb;background-color:#bbb}
.remove{margin:0!important}
.remove-bottom{margin:0 10px!important}
.half-bottom{margin:10px 0 0!important}
.add-bottom{margin-bottom:20px!important}
.add-bottom-gal{margin-bottom:10px!important}
blockquote{border-left:5px solid #ccc;padding:5px 0 5px 10px; margin:0}
.tb_margin{margin:10px 0 10px 0}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.text-left{text-align:left}
b,strong{font-weight:600;color:#000000}
.text-small{font-size:80%}
.lett_spacing{letter-spacing:1px}
em{font-style:italic}
.spacer{ margin:0 0 10px 0}
.spacer_5{ margin:0 0 5px 0}
.maraschino{color:#ff2600}
.nickel{color:#929292}
.tungsten{color:#424242}
.jade{color: #00A86B;}
.fern{color:#4f8f00}
.green_footer{background-color: #76b84a !important;}
.textsnow{color:#ffffff !important}
.lead{color:#000000}
.snow{background-color:#ffffff}
.cursor_default{cursor:default;text-decoration: none}
.cursor_pointer{cursor:pointer;text-decoration: none}
.login_box{width:260px;padding:10px;border:3px solid #bbb;font-size:14px;background:#fbfbfb}
.login_title{font-size:14px;color:#000000}
.login_text{font-size:14px;color:#bbb}
.login_input{width:248px;padding:5px;margin:2px 0;border:solid 1px #ddd;border-radius:0;font-size:14px;color:#000000}
.button_submit { margin:10px 0 0 0;background:#fff;border: 1px solid #bbb;border-radius: 3px;color: #000000;font-size: 14px;padding:4px 8px 4px 8px;text-align: center;text-decoration:none;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;cursor: pointer;}
.button_submit:hover{background:#eee;color: #ff2600;}
textarea:focus,input:focus{outline:0 none;background:#fff}
input:hover{background:#eee}
input:focus{background:#fff}

.float_left{float:left;margin:5px 20px 5px 0;}
.float_right{float:right;margin:5px 0px 5px 20px;}
.stage {position:relative;width:290px;height:176px;padding:0; overflow: hidden;border-radius: 8px}
.stage img {max-width:100%;margin:1px 0 0 0;padding:0;display: block;border-radius: 8px}
.stage-portrait {position:relative;width:202px;height:290px;padding:0; overflow: hidden;border-radius: 8px}
.stage-portrait img {max-width:100%;margin:1px 0 0 0;padding:0;display: block;border-radius: 8px}
.description{position:absolute;bottom:0;left:0;color:#E5E5E5;background:rgba(0,0,0,0.6);padding:4px;margin:0;width: calc(100% - 8px);text-align:center;font-size:70%;line-height:16px;z-index:8}

.toggle-display{display:none;margin:0;padding:10px 0;height:auto; color:#333;}

.more::after {content:" ...";font-size:16px;color: #373a3c;}
a.more, a.more:visited, a.more:active{color:#0080FF;text-decoration:none;outline:none}
a.more:hover span{text-decoration:underline}

table.intranet_tbl {border:0;padding:0;width: calc(100% - 5px)}
table.intranet_tbl td a {display: block;padding-bottom:2px}
table.intranet_tbl_arhiv {border:0;padding:0;width: calc(100% - 5px)}

/* Mreža za galerijo */
.gallery {display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr))  /*200*/;gap: 15px;padding: 20px;}
.gallery-item {overflow: hidden;border-radius: 8px;box-shadow: 0 4px 6px rgba(0,0,0,0.1);background: #ddd;cursor: pointer;transition: transform 0.2s;}
.gallery-item:hover { transform: scale(1.05); }
.gallery-item img {width: 100%;height: 100px /*150*/;object-fit: cover;display: block;}

#Gallus, #Primorska2025 {scroll-margin-top: 70px; /* gallery anchor */}
.vsebina {scroll-margin-top: 100px;transition: background-color 0.5s ease;}
/* 2. Poudarek (highlight) tarče, ko je aktivirana preko povezave */
.vsebina:target {background-color: #FFF7CC;border-left: 5px solid #FFCC33;margin-top: 10px ;padding:15px 0 15px 15px;}

#galerija ul {list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color: transparent;}
#galerija ul li {float: left;}
#galerija ul li a {display: block;color: black;text-align: center;padding: 5px;margin-right: 10px;text-decoration: none;border:1px solid #000000}
#galerija ul li a:hover {color:#0080FF;background-color: transparent}

/* Stil za Modalno okno */
.modal {display: none; position: fixed;z-index: 1000;top: 0; left: 0;width: 100%; height: 100%;background-color: rgba(0,0,0,0.8);justify-content: center;align-items: center;}
.modal-content {max-width: 90%;max-height: 80%;border-radius: 4px;box-shadow: 0 4px 12px rgba(0,0,0,0.5);}
.close {position: absolute;top: 20px; right: 30px;color: #fff;font-size: 40px;font-weight: bold;cursor: pointer;z-index: 900;}

.modal-content {transition: transform 0.3s ease; transform-origin: center center;}
.modal-content:hover,
.modal-content:active {transform: scale(1.2);}

/* 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; width:290px;height:176px; overflow:hidden;}
.fadein img {  width:290px; height:176px;position:absolute; left:0; right:0; opacity:0; animation-name: fade; animation-duration:9s; 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;  }

@keyframes slide-up {
  from {margin-top: 100%;height: 200%}
  to {margin-top: 0%;height: 100%}}
/*.slide-left {width:100%;overflow:hidden;animation: slide-left 1s}
@keyframes slide-left {
  from {margin-left: 100%;width: 200%}
  to {margin-left: 0%;width: 100%}}*/
/* moduli */
.content{margin:0;padding:10px}
.content-video{margin-top:10px;padding:0 10px 0 10px;overflow: hidden;}
#banner{margin:5px 0 10px 0;}
.content-banner{padding:0;margin:0;}
.content-banner img{width: 100%;height:auto;padding: 0;margin: 0; text-decoration: none!important;cursor: pointer}
.wrapper.one{width:1280px;float:left}
.wrapper.two{width:640px;float:left}
.wrapper.two_banner{width:630px;float:left}
.wrapper.three{width:426.666666666666667px;float:left}
.wrapper.four{width:320px;float:left}
.wrapper.five{width:980px;float:left}
.wrapper.six{width:300px;float:left}
.wrapper.video{width:660px;float:left}

/* Width of Child Element(320px) / Width of Parent Element(1280px) * 100 = 25% */	
@media only screen 
and (max-width : 1280px) {	
.container{width:94%}
.wrapper.one{width:100%}
.wrapper.two{width:50%}
.wrapper.two_banner{width:50%}    
.wrapper.three{width:33.333333333333%}
.wrapper.four{width:25%}
.wrapper.five{width:76.5625%}
.wrapper.six{width:23.4375%}
.wrapper.video{width:52.38095238%}
/*#audio{width:60%}*/}

@media only screen and (max-width : 1180px) {	
#banner{margin:20px 0 15px 0;}
}

@media only screen and (max-width: 1023px) {
#banner{margin:20px 0 15px 0;}
#footer{padding-top:10px;margin:0}
#events{display:none}        
#news .date{color:#fff;font-size:18px}
.slide-up {overflow:hidden;animation: 1s slide-up;margin-top:0%}
#uporaba,#user-online,#Parallax,#top_icons,#date,#menu_bottom,#nagrade,#map_link,.img-right-news,.imac,.break-none,.stage,.stage-portrait{display:none}
.paralax_hr{display:block}
.winter{background-size: contain}
#prva_novosti{color:#ddd;background-color:#ddd;}
#scroll{padding-top:74px}
.wrapper.two-log{width:auto!important;float:none}
.wrapper.one,.wrapper.two,.wrapper.three,.wrapper.four,.wrapper.five,.wrapper.six,.wrapper.video,.container{width:auto!important;float:none}
.two_banner{width:100%!important;float:none}  
table.prenos{margin:0;overflow-x:auto;overflow-y:hidden;overflow:-moz-scrollbars-horizontal;display:block}
table.cookies{overflow-x:auto;overflow-y:hidden;overflow:-moz-scrollbars-horizontal;display:block}
#navbar{margin:0;padding:0}    
.nav ul{display:none}
.nav li{margin-top:10px;text-align:center}
.nav a,.nav a:visited{width:100%;margin:0;padding:5px 0;margin-top:6px;text-decoration:none;background:none!important;color:#bbb;font-weight: normal}
.nav .active a{background:none!important;color:#fff!important;cursor:default;text-decoration:none!important;letter-spacing:2px}
.nav a:hover{background:none!important;color:#fff}
.nav .show-menu{display:block}
#border-other-devices{display:block}
#audio{width:100%}    
.slide-left {animation:none}	
.logo{float: none; margin:0 auto!important;margin-top: 10px!important;margin-bottom:-10px!important}
hr.dark{border:solid #bbb;border-width:1px 0 0;clear:both;margin:0;height:0}
.other-devices{display:block}
.remove{margin:0 10px!important}
.content, h5{text-align: left !important;}
.platana{background-size:contain;}
.modal-content {max-width: 98%;max-height: 88%;}
#logo_hide{visibility: visible;opacity: 1;transition: opacity 0.5s ease-out, display 0.5s allow-discrete;}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.FirstBgImages{background-position:40% 50%;}  
.h1-mobile{font-size:21px}
#audio{width:100%}
.login_box{width:220px;padding:10px;border:3px solid #bbb;font-size:14px;margin:auto}
.login_input{width:210px;padding:5px;margin:2px 0;border:1px solid #ddd;font-size:14px}
#events{display:none}
.IT{display:none}
.mobile-devices-spacer{padding-bottom:5px; display:inline-block}
}

/* CSS Document Dark mode Edit */
@media (prefers-color-scheme: dark) {
.FirstBgImages{
background-image:url("images/VinyardNight.jpg");
background-image:image-set("images/VinyardNight.webp" type("image/webp"));   
background-color: #F59A60;    
}
#snowflakeContainer {position: relative;top: 0;left: 0;display: none;}
.snowflake {position: fixed;background-color:#fffafa; opacity: .6 !important; user-select: none;z-index: 1000;pointer-events: none;border-radius: 50%;width: 10px;height: 10px;}
body{background-color:#000000;color:#aaa;}
#header{background-color:#000000;transition: 1s ease-in-out;}
#header.scrolled {background-color: #000000;}
h1,h2,h3,h4,h5{color:#f2f2f2;font-weight: 600;}
a,a:visited,a:active{color:#0080FF}	
a.more,a.more:visited{color:#0080FF}
.more::after{color:#f2f2f2}	
.toggle-display{color:#bbbbbb}
#layout-wrapper{background-color:#1d2125 !important;}
#footer{background-color:#000000;color:#aaa;border-top:none;}
#footer .active a{color:#f2f2f2;text-decoration:none;outline:none;cursor:default}
#footer .active a:hover{color:#f2f2f2;text-decoration:under;outline:none;cursor:default}
hr{color:#333;background-color:#333;height:1px;margin:10px 0 30px;border:0 none;clear:both}
.dark_mode{color:#000000;background-color:#000000}
table.prenos td a{background:rgba(0,0,0,0.6);color:#0080FF;text-decoration:none;border:1px solid #000000;outline:none}
table.cookies{width:100%;font-size:100%;text-align:left;background: transparent}
table.cookies tr:nth-child(even){background-color:#3A3A3A}
table.cookies tr:nth-child(odd){background-color:#494e50}
.check::after{color:#96ff31}   
.login_box{border:3px solid #131313;background:#5a5a5c}
.login_input{border:solid 1px #131313}
.button_submit{background:#f2f2f2;border:solid #060606 1px}
.button_submit:hover{background:#bbbbbb}
textarea:focus,input:focus{background:#f2f2f2}
input:hover{background:#bbbbbb}
input:focus{background:#f2f2f2}   
blockquote{border-left:5px solid #333}
.nickel{color:#aaa} 
b,strong .lead{color:#f2f2f2}
.lead{color:#f2f2f2}
#log-container{background:#1d2125;}
.map-outer{background:#434d56;}
.gallery-item {background: #434d56;}
.tab-menu ul, .tab-menu ul li a {color:#aaa;}
.vsebina:target {color: #373a3c;}
.toggle-display{color:#aaa}
/*img {filter: brightness(90%)}*/
}