/* 
    Created on : 08/08/2017, 1:16:05 PM
    Author     : michael
    div class style enclosure - noclass, blog, concertbox, novosti
*/

body,input,button,select,textarea {
	font:1em/1.5em Georgia, serif;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	background-color:#FFFEF0;
}

div.artcat {
    background-color: whitesmoke;
    border-radius:10px;
    border-style:solid;
    border-width:5px;
    border-color:#fefcd6;

}

div.artcat p {
    padding:0.1em;
}

div.catbox {
    background-color: red;
}


span.cattitle {
    margin-top:5px;
    padding-bottom:5px;
    font-size:1.5em;
}

div.catlist {
    background-color:whitesmoke;
    border-top:lightslategray;
    border-top-width: 0.5px;
    border-top-style: solid;
    display:inline-table;
    max-width:200px;
}
div.catlink {
    font-weight:bold;
    padding:0.1vmax;
    border-bottom:lightslategray;
    border-bottom-width: 0.5px;
    border-bottom-style: solid;
    border-bottom-color:green;
    width:100%;

}
div.catlink a {
    color:black;
}


nav  {
    /* background-image: url("/<?=$m->theme?>/tile-fog.png"); */
    background-color:white;
    color:black;
    /*border-radius:8px,0,0,0;*/
    border-bottom-style: solid;
    border-bottom-width: 0.5px;
    border-bottom-color:green;
}


.navbar-dropdown {
     background-color: aliceblue;
}

a.navbar-item {
    background-color: aliceblue;
    font-weight:bold;
    color:black; 
    border-width:1px;
    border-style:none;
}

a.navbar-link {
    background-color: aliceblue;
    font-weight:bold;
    color:black;
}
a.navbar-item:hover, a.navbar-link:hover {
    text-decoration: underline;
    background-color: yellow;
    border-style:dotted;
}
/*
.navbar-brand {
    padding-top:0;
    padding-bottom:0;
}*/
/*
.navbar {
  padding:8px;
  margin:0px;
}
*/

span.link-title {
    font-size:1.5em;
    font-weight:bolder;
    
}

.page-footer  {
    background-color: lightblue;
    color:black;  
}
.user-footer {
     padding-top:0.2em;
     padding-bottom:0.2em;
    background-color: darkblue;
    color:lightpink;
}
.outerwrap {
    background-color:white;
    padding : 1em;
    border-radius:8px;
}
.outside {
        border-width:5px;
        border-style:solid;
        padding:10px;
        background-color:whitesmoke;
        border-color:lightyellow;
}
.body-wrap {
    
    padding-bottom:20px;
    padding-top:20px;
    background-color: palegoldenrod;
}

div.navbar-wrap {
    padding: 0 8px 0 8px;
    background-color: white;
    color: graytext;
    display:inline-block;
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
}

div.nav-title-wrap {
    font-size:1.3em;
    padding: 6px;
    background-color: whitesmoke;
    color: darkgreen;
    display:inline-block;
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
}

 div.noclass div.note-editable,textarea {
 	
	font-family:Georgia, Verdana, Arial, sans-serif;
        font-size:16pt;
        padding : 10px;
        background-color: whitesmoke;
}


div.noclass_p {
	border-width:5px;
	border-color:lightgrey;
	border-style:solid;
	padding: 10px;
}


div.noclass_p p {
	padding-left:10px;
}

div.noclass .noclass_p p {
	padding:10px 10px;
	width: 95%;
}

div.noclass .noclass_p img {
	padding:10px 10px;
	width: 95%;
}

div.noclass_p img {
  padding:0px;
}


div.noclass div.card {
    border-color: darkgray;
    border-width: thick;
    border-style: double;
}
div.noclass div.card-title {
    color: darkgreen;
    font-weight:bolder;
    font-size:1.2em;
}
div.noclass blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
div.noclass blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

div.noclass blockquote p {
  display: inline;
}

div.noclass h1 {
    font-size:1.6em;
    color: darkolivegreen;
    font-weight:bolder;
    text-align:center;
}

div.noclass h2 {
    font-size:1.3em;
    color: darkolivegreen;
    font-weight:bolder;
    text-align:left;
}
div.noclass h3 {
    font-size:1.2em;
    color:darkslateblue;
    font-weight:bold;
}


div.noclass_next {
	border-width:5px;
	border-color:#fdb934;
	border-style:double;
	text-align:center;
	background:#fddda0;
}

div.noclass .bigger {
	font-size:1.2em;
}
div.noclass .red {
    color:yellow;
    font-style: italic;
    font-size: 1.2em;
}

div.noclass .biggest {
	font-size:2.5em;
}

div.noclass .n_title {
	font-size:1.5em;
	font-weight:bold;
        padding-left: 0.5em;
        color: darkred;
}

div.noclass div.noclass_head {
	display:inline-block;
	background-color:#000;
	border-width:5px;
	border-color:#000;
	border-style:solid;
	padding: 5px;
        vertical-align:bottom;
}

div.noclass .noclass_head img {
	width:50%;
	float:left;

}

div.noclass figure {
	outline-color:black;
	outline-width:1px;
        outline-style: solid;
	border-width : 5px;
        border-color: lightblue;
        margin: 10px;
}
div.noclass figcaption {
	background-color:lightgrey;
	padding-left: 5px;
        padding-bottom: 5px;
        font-size:medium;
}

div.noclass figure img {
	padding:0;
        margin: 0;
}

div.noclass .noclass_edition {
        padding-top:1.0em;
	text-align:center;
	width:30%;
	line-height:1.1em;
	float:right;
	background-color:#024;
	font-family: Garamond, serif;
	color:#fff;
	padding-left:2.0em;
	padding-right:2.0em;
        vertical-align: middle;
}

div.noclass .event {
    border-color:orange;
    border-width: 8px;
    border-style: solid inset;
    padding: 15px 0 0 0;
    margin: 5px;
    line-height:normal;
    display: block;
    background-color: oldlace;
}


div.noclass .event h2 {
    font-size: 1.4em;
    font-style: normal;
    color: #111;
    text-align: left;
}

div.noclass .event p.time  {
    font-size: 1.2em;
    margin: 0;
    color: #000;
}

div.noclass .event p.place  {
    font-size: 1.2em;
    margin: 0 0 0 8px;
    color: blue;
}


 div.novosti div.note-editable,textarea {
	font-size:1.3vmax;
	font-family:Tahoma, Verdana, Arial, sans-serif;
        padding : 10px;
        background-color: whitesmoke;
        border-color: darkolivegreen;
        border-width: 3px;
        border-style: outset;
}

div.novosti_p {
	border-width:5px;
	border-color:lightgrey;
	border-style:solid;
	padding: 10px;
}


div.novosti_p p {
	padding-left:10px;
}

div.novosti p,ol {
    border-width:1px;
    /*border-color:lightgrey;*/
    border-style: hidden;
    padding: 5px;
    line-height: 1.5;
    font-size: 1.3em;
    font-family:Lato;
}

div.novosti .novosti_p p {
	padding:10px 10px;
	width: 95%;
}

div.novosti .novosti_p img {
	padding:10px 10px;
	width: 95%;
}

div.novosti_p img {
  padding:0px;
}


div.novosti div.card {
    border-color: darkgray;
    border-width: thick;
    border-style: double;
}
div.novosti div.card-title {
    color: darkgreen;
    font-weight:bolder;
    font-size:1.2em;
}
div.novosti blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
div.novosti blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
div.novosti blockquote p {
  display: inline;
}

div.novosti h1 {
    font-size:1.6em;
    color: darkolivegreen;
    font-weight:bolder;
    text-align:center;
    margin: 0.3em;
}

div.novosti h2 {
    font-size:1.4em;
    color: darkmagenta;
    font-weight:bolder;
    text-align:left;
    margin: 0.3em;
}

div.novosti h3 {
    font-size:1.25em;
    color:darkslateblue;
    font-weight:bolder;
    margin-top: 0.5em;
    margin-bottom: 0.2em;
    
}

div.novosti a {
    font-size: 1.2em;
}

div.novosti_next {
	border-width:5px;
	border-color:#fdb934;
	border-style:double;
	text-align:center;
	background:#fddda0;
}

div.novosti .bigger {
	font-size:1.2em;
}
div.novosti .red {
    color:yellow;
    font-style: italic;
    font-size: 1.2em;
}

div.novosti .biggest {
	font-size:2.5em;
}

div.novosti .n_title {
	font-size:1.5em;
	font-weight:bold;
        padding-left: 0.5em;
        color: darkred;
}

div.novosti div.novosti_head {
	display:inline-block;
	background-color:#000;
	border-width:5px;
	border-color:#000;
	border-style:solid;
	padding: 5px;
        vertical-align:bottom;
}

div.novosti .novosti_head img {
	width:50%;
	float:left;

}

div.novosti figure {
	outline-color:black;
	outline-width:1px;
        outline-style: solid;
	border-width : 5px;
        border-color: lightblue;
        margin: 10px;
}
div.novosti figcaption {
	background-color:lightgrey;
	padding-left: 5px;
        padding-bottom: 5px;
        font-size:medium;
}

div.novosti figure img {
	padding:0;
        margin: 0;
}

div.novosti .novosti_edition {
        padding-top:1.0em;
	text-align:center;
	width:30%;
	line-height:1.1em;
	float:right;
	background-color:#024;
	font-family: Garamond, serif;
	color:#fff;
	padding-left:2.0em;
	padding-right:2.0em;
        vertical-align: middle;
}

div.novosti .event {
    border-color:orange;
    border-width: 8px;
    border-style: solid inset;
    padding: 15px 0 0 0;
    margin: 5px;
    line-height:normal;
    display: block;
    background-color: oldlace;
}


div.novosti .event h2 {
    font-size: 1.4em;
    font-style: normal;
    color: #111;
    text-align: left;
}

div.novosti .event p.time  {
    font-size: 1.2em;
    margin: 0;
    color: #000;
}

div.novosti .event p.place  {
    font-size: 1.2em;
    margin: 0 0 0 8px;
    color: blue;
}


 div.concertbox div.note-editable,textarea  {
	font-size:1.2vmax;
	font-family: DejaVu, Verdana, Arial, sans-serif;
        padding : 15px;
        background-color: white;
        border-radius: 10px;
        border-style: solid;
        border-width: 2px;
}

div.concertbox div.novosti_p {
	border-width:5px;
	border-color:lightgrey;
	border-style:solid;
	padding: 10px;
}


div.concertbox .novosti_p p {
        padding-left:10px;
	padding:10px 10px;
	width: 95%;
}

div.concertbox .novosti_p img {
	padding:10px 10px;
	width: 95%;
}




div.concertbox p {
    margin:10px;
}

div.figure-sect figure.blog img {
    padding:10px;
}
div.concertbox blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
div.concertbox blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
div.concertbox blockquote p {
  display: inline;
}

div.concertbox h1 {
    font-size:1.6em;
    color: darkolivegreen;
    font-weight:bolder;
    text-align:center;
}

div.concertbox h2 {
    font-size:1.6em;
    color: darkcyan;
    font-weight:bold;
    text-align:left;
}
div.concertbox h3 {
    font-size:1.3em;
    color: darkgreen;
    font-weight:bold;
}


div.concertbox div.novosti_next {
	border-width:5px;
	border-color:#fdb934;
	border-style:double;
	text-align:center;
	background:#fddda0;
}

div.concertbox p.bigger {
	font-size:1.4em;

}

div.concertbox p.biggest{
	font-weight: bolder;
	font-size:2.8em;
}

div.concertbox span.n_title {
	font-size:1.5em;
	font-weight:bold;
        color: darkred;
}

div.concertbox  div.novosti_head {
	display:inline-block;
	background-color:#316;
	border-width:5px;
	border-color:#001;
	border-style:solid;
	padding: 5px;
        vertical-align:bottom;
}

div.concertbox .novosti_head img {
	width:50%;
	float:left;

}

div.concertbox  .figure-sect {
    outline-color:black;
    outline-width:1px;
    outline-style: solid;
    border-width : 5px;
    border-color: lightblue; 
    padding: 1.0em;
} 

div.concertbox figure {
        margin: 10px;
}
div.concertbox figcaption {
	background-color:lightgrey;
	padding-left: 5px;
        padding-bottom: 5px;
        font-size: medium;
}

div.concertbox .novosti_edition {
        padding-top:1.0em;
	text-align:center;
	width:30%;
	line-height:1.1em;
	float:right;
	background-color:#000;
	font-family:Garamond, serif;
	color:#fff;
	padding-left:0.5%;
	padding-right:0.5%;
        vertical-align: middle;
}

div.concertbox .event {
    border-color:orange;
    border-width: 8px;
    border-style: solid inset;
    padding: 15px 0 0 0;
    margin: 5px;
    line-height:normal;
    display: block;
    background-color: oldlace;
}


div.concertbox .event h2 {
    font-size: 1.4em;
    font-style: normal;
    color: #111;
    text-align: left;
}

div.concertbox .event p.time  {
    font-size: 1.2em;
    margin: 0;
    color: #000;
}

div.concertbox .event p.place  {
    font-size: 1.2em;
    margin: 0 0 0 8px;
    color: blue;
}

.mdedit textarea {
     font-family: "Source Code Pro";
     font-size: 1.2em;
     line-height:1.5;
 }

 @media screen and (min-width: 1024px) {
     .navbar-menu {
         display: flex;
     }
     .navbar-center {
         display: flex;
         justify-content: center;
         flex-grow: 1;
     }
 }

    
/*
div.blog {
    background-color: whitesmoke;
    padding:5px;
}

 div.blog div.note-editable,textarea {
 	
        font-family:Georgia, Verdana, Arial, sans-serif;
        font-size:16pt;
        padding : 10px;
        background-color: whitesmoke;
}

figure.blog {
    margin:10px;
    background-color:lightgray;
}

figure.blog figcaption {
    font-weight:bold;
    outline-color:blue;
    outline-width:1px;
    padding:3px;
}

figure.blog p {
  background-color:palegoldenrod;
  padding: 5px;
}


ul.blog  {
    list-style-position:inside;
}


div.blog figure figcaption {
    font-weight:bold;
    outline-color:blue;
    outline-width:1px;  
    padding:3px;    
}

div.blog a {
    font-size: 18px;
}

div.blog h4 {
    color: darkgreen;
    font-size: 1.3em;
}
div.blog h1 {
    color: darkgreen;
    font-size: 1.8em;
}

div.blog h2 {
    color: darkgreen;
    font-size: 1.6em;
}

div.blog h3 {
    color: darkgreen;
    font-size: 1.4em;
}

div.blog h4 {
    color: darkgreen;
    font-size: 1.3em;
}

div.blog h5 {
    color: darkgreen;
    font-size: 1.2em;
}

div.blog h6 {
    color: darkgreen;
    font-size: 1.1em;
}
div.blog blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
div.blog blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 2.5em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
div.blog blockquote > p {
    font-family: serif;
    font-size:0.9em;
  display: inline;
}
*/