/*
#--
# Copyright (c) 2014+ Damjan Rems
#
# Permission is hereby granted, free of charge, to any person obtaining
# a copy of this software and associated documentation files (the
# "Software"), to deal in the Software without restriction, including
# without limitation the rights to use, copy, modify, merge, publish,
# distribute, sublicense, and/or sell copies of the Software, and to
# permit persons to whom the Software is furnished to do so, subject to
# the following conditions:
#
# The above copyright notice and this permission notice shall be
# included in all copies or substantial portions of the Software.
#
# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
# EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
# MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
# NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
# LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
# OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
# WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
#++
*/

#dc-forum {
  background-color: white;
}

#dc-forum hr {
color: #ddd;
border: none;
height: 1px;
}

#dc-forum h1, #dc-forum h2 {
  margin-bottom: 2px;
  margin-top: 2px;
}

#dc-forum .forum-title {
  background-color: #ddd;
  border: 1px solid #d8d8d8;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; 
  padding: 4px;
}

#dc-forum .topic-odd, #dc-forum .topic-even {
  padding: 4px;
  border: 1px solid #ddd;
  border-top: none;
  font-size: 0.9em;
}

#dc-forum .topic-odd a, #dc-forum .topic-even a {
  font-size: 1.5em;
}

#dc-forum .topic-odd{
  background-color: #f8f8f8;
}

#dc-forum .topic-even{
  background-color: #eee;
}

.forum-topics .topic {
  padding: 4px;
  background-color: #eee;
  border: 1px solid #ddd;
  border-top: none;
}

#dc-reply-menu {
border: none;
padding: 1em 0px;
}

#dc-forum .reply-top.odd, #dc-forum .reply-top.even {
  margin-top: 10px;
  padding: 4px;
  background: #eee;
  border: 1px solid #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; 
}

#dc-forum .reply-body.odd, #dc-forum .reply-body.even {
  padding: 4px;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-top: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; 
}

#dc-forum .topic-top {
  padding: 4px;
  background: #eee;
  border: 1px solid #ddd;
  border-top: none;
}

#dc-forum .topic-body {
  padding: 4px;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-top: none;
}

.dc-forum-quote {
  border-left: 2px solid #666;
  padding-left: 4px;
  color: #666;
}

#dc-forum-menu {
  width: 100%; 
  margin-bottom: 3px;
  margin-top: 3px;
}

#dc-forum .pagination {
}

#dc-forum .pagination span {
font-size: 1.6em;
padding: 2px 0px 2px 6px;
margin: 2px;
font-weight: bold;
border: 1px solid #eee;
background: linear-gradient(#eee 5%, #fff 100%); 
border-radius: 2px;
}

/******* dc_blog *******/

#blogs .title {
  font-size: 1.4em;
    padding-bottom: 5px;
}

#blogs h1 {
  font-size: 2.2em;
  font-weight: 600;
}


.blog-subject h1 {
font-size: 2.2em;
font-weight: bold;
}
.blog-date {
font-size: 1.2em;  
color: #aaa;  
margin-bottom: 20px;
}
.blog-body {
  font-size: 1.2em;
}
.blog-replies h2 {
  font-size: 2em;
}
.reply-top.even {
padding:5px;
background-color: #fff;
}
.reply-top.odd {
padding:5px;
background-color: #eee;
}

.reply-body.even p, .reply-body.odd p {  
margin-top: 0em; 
margin-bottom: 0em;
}
.blog-entry {
margin-top: 10px;
}
.blog-entry a {
font-size: 1.4em;
font-weight: 600;
}

.social-sites {
margin-top: 30px;
margin-bottom: 40px;
padding-top: 5px;
padding-bottom: 5px;
}

/**** news  ****/
.news.one .author {
  font-size: 1.2em;
  font-weight: 600;
} 

.news .body {
  font-size: 1.2em;
}
.news .document {
  font-size: 1.2em;
}

.news h2 {
  font-size: 1.4em;
}

.news .paginate {
  text-align: center;
  padding: 1rem 0;
}

.news .pagination {
  float: none;
}

/*

*/

header, header .row  {
/*background: #e4eaf1; 
padding-top: 3px; */
}

header h4 {
/*padding-left: 1rem;*/
font-weight: 600;
color: #222;
margin-bottom: 0; 
text-transform: uppercase;
letter-spacing: -1px;
white-space: nowrap;
}

.top-bar ul {
  background-color: transparent;
}

#top-menu-small {
  text-align: left;
}

.slika-pasica {
  aspect-ratio: 4.5185;
  width: 100%;
}

/*** FORUM ***/
#dc-forum {
  padding: 0;
  font-size: 1.2em;
}

#dc-forum-menu {
  display: flex;
  margin-bottom: 8px;
  margin-top: 1rem;
  white-space: nowrap;
}
#dc-forum .dc-link {
  margin-right: 4px;
  background-color: #003a68;
}
#dc-forum .dc-link a {
  font-size: 1.2em;
  font-weight: 400;
  color: #fff;
}
#dc-forum .dc-link  {
  background: #003a68;
  border: none;
  padding: 12px 16px;
}
#dc-forum .dc-link:hover  {
  background:  rgba(0,32,80,0.6);
}

#dc-forum #back-list a {
  font-size: 1.3em;
  font-weight: 400;
  color: #222;
}

#dc-forum #back-list a:hover {
  color: #888;
}

#dc-forum .forum-title {
  background-color: transparent;
  border: none;
  padding: 0;
}
#dc-forum h2 {
  font-size: 2em; 
  font-weight: 600;
  padding: 4px 0;
}
#dc-forum h3 {
  line-height: 1em;
  color: #222;
  margin: 0 0 8px 0;  
}
#dc-forum h4 {
  line-height: 1em;
  font-weight: 400;
  color: #222;
  margin-top: 1rem;
  font-size: 1.4em;  
  padding-bottom: 2px;
}

#dc-forum .description a {
 font-size: 1em;
}
 

#dc-forum .topic-odd {
  background-color: #e8e8e8;
}

 #dc-forum .topic-even {
  background-color: rgba(230,230,222,0.5);
}

#dc-forum .topic-top {
  border: none;
  background-color: #e8e8e8;
  line-height: 1.2em;
  padding: 4px 4px 8px;
}

#dc-forum .topic-odd, #dc-forum .topic-even {
  padding: 6px 4px;
  border: 1px solid #e8e8e8;
  font-size: 1.1em;
  line-height: 1.3em;
}


#dc-forum .topic-odd:not(:first-child), #dc-forum .topic-even:not(:first-child) {
  border-bottom: none;
}


#dc-forum .topic-odd a, #dc-forum .topic-even a {
  line-height: 1.4em;
  color: #000;
  font-weight: 600;
  font-size: 1.4em;
  color: #444;

}
#dc-forum .topic-odd a:hover, #dc-forum .topic-even a:hover { color: #888; }

#dc-forum .description {
padding-top: 2px;
}

#dc-forum .topic-body {
  border: none;
  background-color: rgba(230,230,222,0.5);
  font-size: 1.1em;
}

#dc-forum #iframe_edit .dc-form {
  border: none;
}

#dc-forum .reply-top.odd, #dc-forum .reply-top.even {
  margin-top: 4px;
  padding: 4px;
  background: #eee;
  border: none;
  border-radius: 0;
  font-size: 1.1em;
  line-height: 1.4em;   
}

#dc-forum .reply-body.odd, #dc-forum .reply-body.even {
    padding: 4px;
    background-color: rgba(230,230,222,0.5);
    border: none;
    border-radius: 0;
}

#dc-forum .pagination { margin: 0; text-align: right;}
#dc-forum .pagination span {
  font-size: 1.2rem;
  height: 1.8rem;
  width: 1.8rem;
  padding: 4px 0 ;
  
}

#dc-forum #back-list {
  line-height: 1.4em;
}

#iframe_edit .dc-title {
  color: red;  
}

.novice-2023 .top-slika img {
  width: 100%;
  padding-bottom: 1rem;
}

/* pusti. Glej Google CLS */
/*
.menu, .menu.horizontal {
 flex-wrap: nowrap;
  height: 38px;
}
*/

/******    TABLICE    *****/
@media only screen and (max-width: 1024px) {
/*
  .menu, .menu.horizontal {
    flex-wrap: wrap;
    height: initial;
  }
 */
}


/*  zelena=#0D8442, rgba(14,132,66,0.2)
    rumena=#E9CA17
    oranzna=#F37B20


*/
body {
  font-family: Lora,serif;
}
h1,h2,h3,h4,h5,h6 {font-family: Lora,serif; letter-spacing: 0px; color: #222;} 


#cmsedit-div {
 background-color: white;
}

a:link, a:active, a:visited {
  color: #0D8442;
}

.button {
  background-color: #0D8442;
}
.button:hover {
  background-color: #F37B20;
}

.button a { color: #fff; }

.main {background-color: #fff;}
.top-bar .wrap {background-color: transparent;}
.prozorno {
  min-height: 400px;
  max-height: 600px;  
}
.top-bar {
background: linear-gradient(to right, #0D8442 0%, #0D8442 30%, #E9CA17 70%, #0D8442 90%);
}

#responsive-menu {
  background: transparent;
  margin-bottom: 0;
  padding: 12px 0;
  font-size: 0.95em;
}
#responsive-menu ul li {
  border-left: none;
  border-bottom: 3px solid transparent;
  margin-right: 2rem;
}

#responsive-menu a:link {
  padding: 2px;
  color: rgba(255,255,255,0.9);
  letter-spacing: 1.5px;
}
#responsive-menu a:hover {
  color: #fff;
}

#responsive-menu ul li:hover {
  border-bottom: 3px solid white;
}

.top-bar {margin: 1px 0 0 0;}
#responsive-menu ul li ul li {
  background-color: #0D8442;
  border-bottom: none;
}

#responsive-menu ul li ul li:hover {
  background-color: #0D8442;
  border-bottom: none;
}

#responsive-menu ul li ul li a:link, #responsive-menu ul li ul li a:visited {
  color: #BCDDCB;
}

#responsive-menu ul li ul li a:hover {
  color: #fff;
}

.novice-prva  {
  padding-top: 0;
}

.novice-prva .slika {
  padding: 2px 0;
}

.novice-prva img {
box-shadow: 1px 1px 2px #888;
}


.novice-prva .novica {
  padding-top: 1rem;
  padding-left: 0;
  padding: 8px 0 0;
}

.novice-prva .novica span {
  font-family: Lora,serif;  
  font-size: 0.9rem;
  line-height: 8px;
  color: #0D8442;
  font-weight: 600;
  letter-spacing: 1px;
  padding-bottom: 8px;
}
.novice-prva .novica .text {
  font-size: 14px;
  line-height: 1.4em;
}

.novice-prva .novica .text div {
  padding-bottom: 1rem;
  color: #444;
  line-height: normal;
  font-size: 1.1em;
}


.novice-prva h3 {
  font-family: Lora,serif;
  font-size: 1.1rem;
  color: #111;
  line-height: 1.1em;
  font-weight: 600;
  margin-bottom: 6px;
}

.novice-prva hr {
border-bottom: 1px solid #bbb;
}

#novica {padding: 8px 0;}
#novica .column.slika {padding: 0;}


#novica h1, #clanek h1, #dogodek h1 {
  font-size: 1.7em;
  line-height: 1.1em;
  color: #222;
  letter-spacing: 0px;
  font-weight: 600;
}

#novica .avtor {
  padding: 1rem 0 0;
  line-height: unset;
  font-size: 1.4em;
}

#novica .slika .prozorna {
  width: 100%;
  height: initial;
}

.clanek h1 {
  border-bottom: 0;
  margin: 8px 0 0;
}

.clanek hr {
  margin: 8px 0;
  border-bottom: 4px solid #F37B20;
  width: 20%;
}

#dogodek hr {
  margin: 10px 0;
  border-bottom: 4px solid #F37B20;
  width: 20%;
}

img.prozorna {
  background-color: transparent;
  box-shadow: none;
}

#dogodek .column.levo {
  padding-left: 0;
}

.koledar h1, .novice-prva h2, .desno h2 {
  margin-top: 1rem;
  font-family: Lora,serif;  
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0;
  color: #0D8442;
}
#dogodek li {
  font-size: 1rem;
  line-height: 1.2em;
}
#dogodek li.top {background-color: #0D8442;font-weight: 600;}


.row .column.koledar {padding: 0;}

.koledar .dogodek-1 {
  background-color: #fff;
  padding: 0;
  display: block;
}

.koledar .dogodek-1 .levo {
  background-color: #0D8442;
  padding: 6px;
  height:inherit;
  margin: 8px 0;
  border-radius: 2px;
  display: table;
  float: none;
}
.koledar .dogodek-1 .desno {width: 100%;}

.koledar .dogodek-1 .levo .dva hr{
border-bottom: 1px solid #fff;
}

.koledar .dogodek-1 .desno h3, .koledar .dogodek-1 .desno h5, #novica h2, #dogodek h2 {
  font-family: Lora,serif;
  font-size: 1.1rem;
  color: #111;
  line-height: 1.1em;
  font-weight: 600;
  margin: 0;
}
.desno h5 {font-size: 1rem}

#novica h2 {font-size: 1.5rem; margin-bottom: 4px;}

#novica .body, #novica .povzetek {font-size:1.1rem; } 
.body h2, .body h3, .body h4, .body h5, .body h6 {font-weight: 600;}

#novica .prozorna {
  height:initial;
  width: initial;
}
  
.koledar .dogodek-1 .desno h3 b, .novica .text h3 b, #dogodek h1 b, #novica h1 b {
  color: #F37B20;
}

.koledar .dogodek-1 .desno {
  margin-left: 0;
}
.koledar .dogodek-1 .desno .povzetek {
  color: #444;
  line-height: 1.2em;
  padding: 8px 0 1.5rem;
}

.koledar .dogodek-1 .levo .ena {
  font-size: 0.9rem;
  background-color: transparent;
  color: #fff;
  padding: 2px;
  line-height: 1.1rem;
}

.koledar .dogodek-1 .desno h3, .novica .text h3 {
  font-size: 1.2rem;
  line-height: normal;
}

.pagination span {
  border: 1px solid rgba(14,132,66,1);
  border: 1px solid #fff;
  background: rgba(14,132,66,1);
  color: #fff;
}
.pagination .current, .pagination span:hover {
  background: rgba(14,132,66,0.25);
  background: #fff;
  border: 1px solid rgba(14,132,66,1);
  color: #000;
}

.pagination a {
  color: #fff;
}

footer {
  margin:0;
  background: #fff;
}

.footer {
  background: #fff url(/datoteke/florist/logotipi/bgfooter.gif)  no-repeat left;
  font-size: 1rem;
}

.footer hr {width:50%;border-bottom: 2px dotted #F37B20;background-color: #fff;}

.prva-stran .medium-7 {padding: 0;}

.drobtince {padding: 8px 1rem;}
.drobtince a {color: #444; font-weight: 600; line-height: 1.4em;}

.prijava-odjava {float: right; margin-right: 1rem;}
.prijava-odjava a:link, .prijava-odjava a:visited {color: #F37B20; font-size: 14px; border-bottom: 1px dotted #F37B20;}
.prijava-odjava a:hover {color: rgba(14,132,66,0.6);}

.podcrtan-naslov, .rocka { color: #0D8442;}

.row .column.clanek {padding-left: 0;}


/****** POSEBEJ ZA MOBILNI TELEFON    *****/
@media only screen and (max-width: 600px) {
  .koledar .dogodek-1 .desno { max-width: 100%; }
  .prva-stran .medium-7 {padding: 0.7rem;}
  .novice-prva .novica .text {padding-left: 0;}
  .footer hr {width:95%;}
  .drobtince {margin-top: 0; padding-left: 10px;}
  #responsive-menu {display: none;}
  
  .menu-icon {margin-top: 1rem;}
  .menu-icon::after {
    background: #F37B20;
    box-shadow: 0 10px 0 #0D8442, 0 20px 0 #F37B20;
  }
  #offCanvas {
    background: url(/datoteke/florist/logotipi/florist-logo.jpg) 50% bottom no-repeat, linear-gradient(to bottom, #0D8442 10%, #fff 70%);
  }  
  #side-menu .is-active .top {background-color: #F37B20;}
  #novica .medium-10.column {padding: 0;}
  #dogodek li.top {margin-top: 10px;}

}